/* Public chrome V3.5, approved Header & Footer package, 8 Nov 2026. Tokens stay inside the components.
   Dark: as drawn, only the footer changes (the black fx-5 card); the header and drawers keep their light face. */
.hf-header,.hf-drawer,.hf-scrim,.fx,.hf-info-tip{--tv-red:#EB003B;--tv-red-hover:#C70032;--tv-red-soft:#FDE6EC;--tv-red-ink:#C70032;--tv-ink:#1a1a1a;--tv-ink-2:#3d3b37;--tv-ink-3:#4a4843;--tv-mute:#6b6b6b;--tv-mute-2:#8d8a83;--tv-faint:#b5b2aa;--tv-skin:#f3f1ec;--tv-card:#fff;--tv-hover:#faf8f4;--tv-chip:#ebe8e0;--tv-line:rgba(26,22,18,.09);--tv-line-2:rgba(26,22,18,.07);--tv-line-3:rgba(26,22,18,.14);--tv-input:#d4d2cb;--tv-green:#1f8a5b;--tv-green-soft:#e7f3ea;--tv-amber-soft:#f6efdc;--tv-blue-soft:#e8eefb;--tv-violet-soft:#efe9f8;--tv-font:'Plus Jakarta Sans',system-ui,sans-serif;--tv-mono:'JetBrains Mono',ui-monospace,monospace;--tv-r-card-in:24px;--tv-r-drawer:26px;--tv-sh-card:0 1px 0 rgba(255,255,255,.8) inset,0 1px 2px rgba(26,22,18,.04);--tv-sh-lift:0 18px 40px -22px rgba(26,22,18,.32);--tv-sh-drawer:0 26px 60px -18px rgba(26,22,18,.34),0 2px 6px rgba(26,22,18,.08);--tv-sh-red:0 10px 22px -12px rgba(235,0,59,.7);--tv-scrim:rgba(20,22,20,.28);--tv-blur:10px;--tv-ease:cubic-bezier(.32,.72,0,1);--tv-spring:cubic-bezier(.34,1.56,.64,1)}
/* Arabic keeps the site's Arabic face first; Latin glyphs still come from Plus Jakarta Sans. */
[dir=rtl] .hf-header,[dir=rtl] .hf-drawer,[dir=rtl] .fx,[dir=rtl].hf-drawer{--tv-font:'Almarai','Plus Jakarta Sans',system-ui,sans-serif}

.hf-header,.hf-header *,.hf-drawer,.hf-drawer *,.hf-scrim,.fx,.fx *{box-sizing:border-box}
.hf-header,.hf-drawer{font-family:var(--tv-font);color:var(--tv-ink);text-align:start;font-size:16px;line-height:normal}
.hf-header a,.hf-drawer a{text-decoration:none;color:inherit}
.hf-header button,.hf-drawer button{font-family:inherit;cursor:pointer}
.hf-header button:focus-visible,.hf-drawer button:focus-visible,.hf-drawer a:focus-visible,.fx a:focus-visible{outline:2px solid #EB003B;outline-offset:3px}
/* Arabic and Persian mirror the header, as the handoff's checklist draws it (8 Nov 2026); this replaces the older left-aligned-in-every-language rule for the V3.5 header only. */
.hf-header.o5-top{direction:inherit}
.hf-header.o5-top{position:sticky;top:0;z-index:100;padding:14px var(--o5-edge,clamp(16px,3vw,40px)) 0;margin:0 0 6px;background:transparent;border:0;pointer-events:none}
.hf-header>.o5-top-inner{pointer-events:auto;display:flex;align-items:center;gap:10px;margin:0 auto;padding-block:8px;padding-inline:36px 14px;border:1px solid var(--tv-line);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:var(--tv-sh-lift);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hf-header .o5-brand{display:inline-flex;flex:none;margin:0;margin-inline-end:6px;padding:0}.hf-header .o5-brand img{width:38px;height:38px;object-fit:contain}
.hf-header .o5-burger{display:inline-flex;align-items:center;margin:0;margin-inline:6px 4px;padding:9px 16px;border:1px solid var(--tv-line);border-radius:999px;background:var(--tv-card);color:var(--tv-ink);font:600 13px var(--tv-font);letter-spacing:-.005em;white-space:nowrap}
.hf-header .o5-nav{display:flex;flex:1;min-width:0}.hf-header .o5-top-r{display:flex;align-items:center;gap:8px;margin-inline-start:auto;min-width:0}
.hf-header .hf-tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px 0 12px;border:1px solid var(--tv-line);border-radius:999px;background:var(--tv-card);font:600 13px var(--tv-font);color:var(--tv-ink);position:relative;white-space:nowrap}
.hf-header .oh-cart-qty{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:2px;border-radius:999px;background:#EB003B;color:#fff;font:800 11px/1 var(--tv-font)}.hf-header .hf-tool .oh-cart-qty{position:static}
.hf-header .o5-link-btn.is-primary{min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border:0;border-radius:999px;background:#EB003B;color:#fff;box-shadow:var(--tv-sh-red);font:600 15px var(--tv-font);white-space:nowrap}
.hf-header .o5-iconbtn{width:38px;height:38px;border:1px solid var(--tv-line);background:var(--tv-card);color:var(--tv-ink);border-radius:50%}
.hf-header .oh-guest-actions{display:flex}.hf-header .oh-acct-btn{max-width:180px}.hf-header .oh-acct-btn-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
/* Browse drawer · Talvo v2.0 drawer pattern (header / body / footer), slides from the left. Needs talvo/talvo-tokens.css. */
/* Drawer header, kicker, title and close use tbx-drawer.css. */
/* body */
.hf-bd-b{flex:1;overflow-y:auto;padding:18px 18px 22px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
.hf-bd-sec{margin:8px 4px 0;font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--tv-mute-2,#8d8a83)}
.hf-bd-b a{text-decoration:none;color:inherit}
.hf-bd-b>*,.hf-bd-grid>*,.hf-bd-rows>*{animation:hf-bdUp .5s var(--tv-ease,cubic-bezier(.32,.72,0,1)) both;animation-delay:calc(var(--i,0) * 35ms + 80ms)}
@keyframes hf-bdUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hf-bd-home{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--tv-r-card-in,24px);background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09));box-shadow:var(--tv-sh-card,0 1px 2px rgba(26,22,18,.04));transition:transform .25s var(--tv-ease),box-shadow .25s}
.hf-bd-home:hover{transform:translateY(-2px);box-shadow:var(--tv-sh-lift,0 18px 40px -22px rgba(26,22,18,.32))}
.hf-bd-home-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:var(--tv-skin,#f3f1ec);border:1px solid rgba(26,22,18,.06)}
.hf-bd-home-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hf-bd-home-t b{font-size:15.5px;font-weight:800}.hf-bd-home-t small{font-size:12.5px;color:var(--tv-mute,#6b6b6b)}
.hf-bd-go{flex:none;color:var(--tv-mute-2,#8d8a83);transition:transform .25s var(--tv-ease),color .2s}
.hf-bd-home:hover .hf-bd-go,.hf-bd-row:hover .hf-bd-go{transform:translateX(3px);color:var(--tv-red,#EB003B)}
/* explore tiles */
.hf-bd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hf-bd-tile{--tt:var(--tv-chip,#ebe8e0);--ti:var(--tv-ink,#1a1a1a);position:relative;display:flex;flex-direction:column;gap:3px;min-height:112px;padding:14px 14px 13px;border-radius:20px;background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09));box-shadow:var(--tv-sh-card,0 1px 2px rgba(26,22,18,.04));overflow:hidden;transition:transform .3s var(--tv-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .25s,border-color .2s}
.hf-bd-tile::after{content:"";position:absolute;right:-22px;top:-22px;width:84px;height:84px;border-radius:50%;background:var(--tt);opacity:.55;transition:transform .45s var(--tv-ease)}
.hf-bd-tile:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:var(--tv-sh-lift,0 18px 40px -22px rgba(26,22,18,.32));border-color:var(--tv-line-3,rgba(26,22,18,.14))}
.hf-bd-tile:hover::after{transform:scale(1.35)}
.hf-bd-tile:active{transform:scale(.97)}
.hf-bd-ti{position:relative;z-index:1;width:42px;height:42px;margin-bottom:8px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:var(--tt);color:var(--ti);transition:transform .35s var(--tv-spring,cubic-bezier(.34,1.56,.64,1))}
.hf-bd-tile:hover .hf-bd-ti{transform:scale(1.08) rotate(-6deg)}
.hf-bd-tile b{position:relative;z-index:1;font-size:15px;font-weight:800;letter-spacing:-.01em}
.hf-bd-tile small{position:relative;z-index:1;font-size:12.5px;line-height:1.35;color:var(--tv-mute,#6b6b6b)}
.hf-bd-tile.t-red{--tt:var(--tv-red-soft,#FDE6EC)}.hf-bd-tile.t-amber{--tt:var(--tv-amber-soft,#f6efdc)}.hf-bd-tile.t-violet{--tt:var(--tv-violet-soft,#efe9f8)}
.hf-bd-tile.t-blue{--tt:var(--tv-blue-soft,#e8eefb)}.hf-bd-tile.t-green{--tt:var(--tv-green-soft,#e7f3ea)}
.hf-bd-tile.is-on{border:1.5px solid #1a1a1a;box-shadow:0 0 0 4px rgba(26,26,26,.05)}
/* partner rows */
.hf-bd-rows{display:flex;flex-direction:column;padding:6px;border-radius:var(--tv-r-card-in,24px);background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09))}
.hf-bd-row{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:14px;font-size:14.5px;font-weight:700;transition:background .2s}
.hf-bd-row:hover{background:var(--tv-hover,#faf8f4)}
.hf-bd-row>span:nth-child(2){flex:1}
.hf-bd-ri{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--tv-skin,#f3f1ec)}
/* promo */
.hf-bd-promo{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border-radius:var(--tv-r-card-in,24px);background:#141414;color:#fff;overflow:hidden;isolation:isolate}
.hf-bd-promo::before{content:"";position:absolute;z-index:-1;inset:-40% -30% auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(235,0,59,.75),transparent);animation:hf-bdGlow 6s ease-in-out infinite alternate}
@keyframes hf-bdGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(-30px,20px) scale(1.15)}}
.hf-bd-promo-k{font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:#bdbab2}
.hf-bd-promo b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.hf-bd-promo small{font-size:13px;line-height:1.45;color:#d8d5cd}
.hf-bd-promo-cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;align-self:flex-start;height:40px;padding:0 16px;border-radius:999px;background:var(--tv-red,#EB003B);font-weight:700;font-size:14px;box-shadow:0 10px 22px -12px rgba(235,0,59,.7);transition:transform .25s var(--tv-spring),background .2s}
.hf-bd-promo:hover .hf-bd-promo-cta{background:var(--tv-red-hover,#C70032);transform:translateX(3px)}
/* footer */
.hf-bd-f{flex:none;display:flex;gap:10px;padding:14px 18px 18px;background:var(--tv-card,#fff);border-top:1px solid var(--tv-line,rgba(26,22,18,.09))}
.hf-bd-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:999px;border:1px solid var(--tv-line-3,rgba(26,22,18,.14));background:var(--tv-card,#fff);color:var(--tv-ink,#1a1a1a);font:700 15px var(--tv-font,'Plus Jakarta Sans',system-ui,sans-serif);text-decoration:none;transition:background .2s,transform .2s var(--tv-spring)}
.hf-bd-btn:hover{background:var(--tv-hover,#faf8f4)}.hf-bd-btn:active{transform:scale(.97)}
.hf-bd-btn.is-red{background:var(--tv-red,#EB003B);border-color:var(--tv-red,#EB003B);color:#fff;box-shadow:var(--tv-sh-red,0 10px 22px -12px rgba(235,0,59,.7))}
.hf-bd-btn.is-red:hover{background:var(--tv-red-hover,#C70032)}
@media (max-width:480px){.hf-bd-tile{min-height:104px}}
@media (prefers-reduced-motion:reduce){.hf-drawer.hf-browse.is-tv,.hf-bd-b>*,.hf-bd-grid>*,.hf-bd-rows>*,.hf-bd-promo::before{animation:none!important}.hf-bd-tile,.hf-bd-home,.hf-bd-x{transition:none}}

.hf-si-b{gap:16px;padding:20px 22px 24px}
.hf-si-perks{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column;gap:10px;border-radius:20px;background:#141414;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.hf-si-perks::before{content:"";position:absolute;z-index:-1;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(235,0,59,.7),transparent);animation:hf-bdGlow 6s ease-in-out infinite alternate}
.hf-si-perks li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.hf-si-perks li span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:14px}
.hf-si-sso{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hf-si-sso-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;border:1px solid var(--tv-line-3,rgba(26,22,18,.14));background:var(--tv-card,#fff);color:var(--tv-ink,#1a1a1a);font:700 14px var(--tv-font);text-decoration:none;transition:background .2s,transform .2s var(--tv-spring)}
.hf-si-sso-b:hover{background:var(--tv-hover,#faf8f4)}.hf-si-sso-b:active{transform:scale(.97)}
.hf-si-g{width:16px;height:16px;border-radius:50%;background:conic-gradient(from -45deg,#ea4335 0 90deg,#fbbc04 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg 360deg);-webkit-mask:radial-gradient(circle,transparent 26%,#000 27%);mask:radial-gradient(circle,transparent 26%,#000 27%)}
.hf-si-or{display:flex;align-items:center;gap:12px;font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--tv-mute-2,#8d8a83)}
.hf-si-or::before,.hf-si-or::after{content:"";flex:1;height:1px;background:var(--tv-line,rgba(26,22,18,.09))}
.hf-si-form{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--tv-r-card-in,24px);background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09));box-shadow:var(--tv-sh-card)}
.hf-si-help{margin:0;font-size:14px;line-height:1.5;color:var(--tv-mute,#6b6b6b)}
.hf-si-f{display:flex;flex-direction:column;gap:8px}
.hf-si-f>span:first-child{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}
.hf-si-f input{width:100%;height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--tv-input,#d4d2cb);background:var(--tv-card,#fff);color:var(--tv-ink,#1a1a1a);font:500 15px var(--tv-font);outline:0;box-sizing:border-box;transition:border-color .2s,box-shadow .25s}
.hf-si-f input::placeholder{color:var(--tv-faint,#b5b2aa)}
.hf-si-f input:focus{border-color:var(--tv-ink,#1a1a1a);box-shadow:0 0 0 4px rgba(26,26,26,.06)}
.hf-si-f input.is-err{border-color:var(--tv-red,#EB003B)}
.hf-si-f em{font-style:normal;font-size:13px;font-weight:600;color:var(--tv-red-ink,#C70032)}
.hf-si-link{font-size:12.5px;font-weight:700;color:var(--tv-red,#EB003B);text-decoration:none}.hf-si-link:hover{text-decoration:underline}
.hf-si-pw{position:relative;display:block}.hf-si-pw input{padding-right:50px}
.hf-si-eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--tv-mute,#6b6b6b);display:grid;place-items:center;cursor:pointer}.hf-si-eye:hover{background:var(--tv-hover,#faf8f4);color:var(--tv-ink)}
.hf-si-submit{flex:none;height:50px;margin-top:4px}.hf-si-submit:disabled{opacity:.7;cursor:progress}
.hf-si-back{align-self:center;border:0;background:none;color:var(--tv-mute,#6b6b6b);font:700 13.5px var(--tv-font);cursor:pointer}.hf-si-back:hover{color:var(--tv-ink)}
.hf-si-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 20px;border-radius:var(--tv-r-card-in,24px);background:var(--tv-card,#fff);border:1px solid var(--tv-line)}
.hf-si-ok-i{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;background:var(--tv-green-soft,#e7f3ea);color:var(--tv-green,#1f8a5b);box-shadow:0 0 0 8px rgba(31,138,91,.08);animation:hf-siPop .5s var(--tv-spring,cubic-bezier(.34,1.56,.64,1)) both}
@keyframes hf-siPop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.hf-si-ok b{font-size:18px;font-weight:800}.hf-si-ok p{margin:0 0 10px;color:var(--tv-mute,#6b6b6b);font-size:14px}
.hf-si-ok .hf-bd-btn{flex:none;padding:0 22px}
.hf-si-f-foot{align-items:center}.hf-si-f-foot>span{font-size:14px;color:var(--tv-mute,#6b6b6b);font-weight:600}.hf-si-f-foot .hf-bd-btn{flex:none;margin-inline-start:auto;padding:0 20px}
.hf-sign .hf-si-b>*{animation:hf-bdUp .5s var(--tv-ease,cubic-bezier(.32,.72,0,1)) both;animation-delay:calc(var(--i,0) * 45ms + 100ms)}

@media (prefers-reduced-motion:reduce){.hf-drawer.hf-sign,.hf-sign .hf-si-b>*,.hf-si-perks::before,.hf-si-ok-i{animation:none!important}}

/* drawer content scrolls instead of squashing cards when the screen is short */
.hf-bd-b>*,.hf-bd-grid,.hf-bd-rows,.hf-bd-promo,.hf-bd-home,.hf-si-b>*{flex-shrink:0}
.hf-bd-promo{min-height:max-content}

/* "Sell your event" card — ticket-style promo */
.hf-bd-b a.hf-bd-promo{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 20px;border-radius:22px;color:#fff!important;text-decoration:none;overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,#1b1b1b 0%,#111 55%,#2a0d10 100%);box-shadow:0 22px 40px -24px rgba(0,0,0,.55);transition:transform .3s var(--tv-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .25s}
.hf-bd-b a.hf-bd-promo:hover{transform:translateY(-3px);box-shadow:0 30px 50px -26px rgba(235,0,59,.55)}
.hf-bd-promo::before{content:"";position:absolute;z-index:-1;inset:auto -60px -90px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(235,0,59,.8),transparent);animation:hf-bdGlow 6s ease-in-out infinite alternate}
.hf-bd-promo::after{content:"";position:absolute;z-index:-1;top:50%;left:-9px;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--tv-skin,#f3f1ec);box-shadow:calc(min(420px,100vw) - 72px) 0 0 var(--tv-skin,#f3f1ec)}
.hf-bd-promo-top{display:flex;align-items:center;gap:10px}
.hf-bd-promo-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.hf-bd-b .hf-bd-promo-k{font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:#f3b3b6}
.hf-bd-b .hf-bd-promo-t{display:block;margin-top:4px;font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:#fff}
.hf-bd-b .hf-bd-promo-s{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.78)}
.hf-bd-promo-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.hf-bd-promo-pills i{font-style:normal;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:700;color:#fff}
.hf-bd-b .hf-bd-promo-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;height:44px;margin-top:10px;border-radius:999px;background:var(--tv-red,#EB003B);color:#fff;font:700 14.5px var(--tv-font);box-shadow:0 12px 24px -12px rgba(235,0,59,.8);transition:background .2s,gap .25s var(--tv-ease)}
.hf-bd-b a.hf-bd-promo:hover .hf-bd-promo-cta{background:var(--tv-red-hover,#C70032);gap:12px;transform:none}
.hf-bd-promo::after{display:none}
.hf-bd-b a.hf-bd-promo{-webkit-mask:radial-gradient(circle 10px at 0 58%,transparent 97%,#000 100%) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 58%,transparent 97%,#000 100%) right/51% 100% no-repeat;mask:radial-gradient(circle 10px at 0 58%,transparent 97%,#000 100%) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 58%,transparent 97%,#000 100%) right/51% 100% no-repeat}

/* sign-in hero banner */
.hf-si-hero{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 18px;border-radius:22px;color:#fff;overflow:hidden;isolation:isolate;
  background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/14px 14px,linear-gradient(150deg,#161616 0%,#0b0b0b 60%,#1d0a0c 100%);box-shadow:0 24px 44px -26px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.hf-si-hero::before,.hf-si-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(6px);pointer-events:none}
.hf-si-hero::before{width:220px;height:220px;right:-70px;top:-90px;background:radial-gradient(closest-side,rgba(235,0,59,.85),transparent);animation:hf-siBlobA 9s ease-in-out infinite alternate}
.hf-si-hero::after{width:180px;height:180px;left:-60px;bottom:-110px;background:radial-gradient(closest-side,rgba(255,138,61,.55),transparent);animation:hf-siBlobB 11s ease-in-out infinite alternate}
@keyframes hf-siBlobA{to{transform:translate(-60px,40px) scale(1.15)}}
@keyframes hf-siBlobB{to{transform:translate(70px,-30px) scale(1.2)}}
.hf-si-hero-k{font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:#f3b3b6}
.hf-si-hero-t{font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.18;color:#fff;max-width:74%}
.hf-si-perks2{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hf-si-perks2 li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 11px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12.5px;font-weight:700;line-height:1.25;color:#fff;transition:transform .3s var(--tv-spring,cubic-bezier(.34,1.56,.64,1)),background .2s}
.hf-si-perks2 li:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.hf-si-perks2 li span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:14px;background:rgba(255,255,255,.12)}
.hf-si-hero-tk{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:84px;border-radius:12px;background:linear-gradient(160deg,#ff3b44,#c8121b);box-shadow:0 14px 28px -12px rgba(235,0,59,.9),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(10deg);animation:hf-siTk 5s ease-in-out infinite alternate;
  -webkit-mask:radial-gradient(circle 7px at 0 64%,transparent 96%,#000 100%) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 64%,transparent 96%,#000 100%) right/51% 100% no-repeat;mask:radial-gradient(circle 7px at 0 64%,transparent 96%,#000 100%) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 64%,transparent 96%,#000 100%) right/51% 100% no-repeat}
.hf-si-hero-tk b{font:800 11px/1.1 var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.16em;color:#fff}
.hf-si-hero-tk i{position:absolute;left:10px;right:10px;top:64%;border-top:1.5px dashed rgba(255,255,255,.55)}
@keyframes hf-siTk{to{transform:rotate(4deg) translateY(4px)}}
@media (max-width:400px){.hf-si-perks2{grid-template-columns:minmax(0,1fr)}.hf-si-perks2 li{flex-direction:row;align-items:center}.hf-si-hero-t{max-width:66%}}
@media (prefers-reduced-motion:reduce){.hf-si-hero::before,.hf-si-hero::after,.hf-si-hero-tk{animation:none}}
.hf-si-hero-tk{display:none}.hf-si-hero-t{max-width:none}
/* not-yet-designed destinations */
.hf-bd-soon{font-style:normal;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--tv-chip,#ebe8e0);color:var(--tv-ink-3,#4a4843);font:700 10.5px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.1em;text-transform:uppercase}
.hf-bd-tile .hf-bd-soon{position:absolute;z-index:2;top:12px;right:auto;inset-inline-end:12px}
.hf-bd-tile .hf-movies-soon{max-width:calc(100% - 76px);height:auto;min-height:22px;padding-block:3px;line-height:1.25;text-align:center}
.hf-bd-tile.is-soon,.hf-bd-row.is-soon{cursor:default}
.hf-bd-tile.is-soon:hover{transform:none;box-shadow:var(--tv-sh-card);border-color:var(--tv-line)}
.hf-bd-tile.is-soon:hover::after{transform:none}.hf-bd-tile.is-soon:hover .hf-bd-ti{transform:none}
.hf-bd-tile.is-soon .hf-bd-ti,.hf-bd-tile.is-soon b,.hf-bd-tile.is-soon small{opacity:.6}
.hf-bd-row.is-soon{color:var(--tv-mute,#6b6b6b)}.hf-bd-row.is-soon:hover{background:none}.hf-bd-row.is-soon .hf-bd-go{display:none}
.hf-bd-row.is-soon .hf-bd-soon{margin-inline-start:auto}

/* Settings + Cart drawers · same pattern as Sign in */
.hf-st-card,.hf-ct-list,.hf-ct-sum{padding:18px;border-radius:var(--tv-r-card-in,24px);background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09));box-shadow:var(--tv-sh-card)}
.hf-st-card{display:flex;flex-direction:column;gap:14px}
.hf-st-h{display:flex;align-items:center;gap:12px}
.hf-st-h>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.hf-st-h b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.hf-st-h small{font-size:13px;color:var(--tv-mute,#6b6b6b)}
.hf-st-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--tv-red-soft,#FDE6EC);color:var(--tv-red,#EB003B);font:800 15px var(--tv-font)}
.hf-st-theme{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hf-st-th{display:flex;flex-direction:column;gap:10px;padding:8px 8px 12px;border-radius:18px;border:1.5px solid var(--tv-line-3,rgba(26,22,18,.14));background:var(--tv-card,#fff);color:var(--tv-ink);cursor:pointer;font:700 14px var(--tv-font);transition:border-color .2s,transform .2s var(--tv-spring)}
.hf-st-th:hover{border-color:var(--tv-ink,#1a1a1a)}.hf-st-th:active{transform:scale(.97)}
.hf-st-th.is-on{border-color:var(--tv-red,#EB003B);box-shadow:0 0 0 4px rgba(235,0,59,.1)}
.hf-st-prev{display:flex;flex-direction:column;gap:5px;height:64px;padding:10px;border-radius:12px;background:#f3f1ec;box-sizing:border-box}
.hf-st-prev i{display:block;height:8px;border-radius:99px;background:#d9d6cf}.hf-st-prev i:first-child{width:45%;background:var(--tv-red,#EB003B)}.hf-st-prev i:last-child{width:70%}
.t-dark .hf-st-prev{background:#141414}.t-dark .hf-st-prev i{background:#3a3a3a}.t-dark .hf-st-prev i:first-child{background:var(--tv-red,#EB003B)}
.hf-st-th-l{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.hf-st-tick{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--tv-line-3,rgba(26,22,18,.2));box-sizing:border-box;flex:none}
.is-on>.hf-st-tick,.is-on .hf-st-tick{border:0;background:var(--tv-red,#EB003B) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.hf-st-chips{display:flex;flex-wrap:wrap;gap:8px}
.hf-st-chip{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--tv-line-3,rgba(26,22,18,.14));background:var(--tv-card,#fff);color:var(--tv-ink);font:700 12.5px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.06em;cursor:pointer;transition:background .2s,transform .2s var(--tv-spring)}
.hf-st-chip:hover{background:var(--tv-hover,#faf8f4)}.hf-st-chip:active{transform:scale(.95)}
.hf-st-chip.is-on{background:var(--tv-ink,#1a1a1a);border-color:var(--tv-ink,#1a1a1a);color:#fff}
.hf-st-list{display:flex;flex-direction:column;gap:4px}
.hf-st-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border:0;border-radius:14px;background:none;color:var(--tv-ink);font:600 14.5px var(--tv-font);cursor:pointer;text-align:start}
.hf-st-row:hover{background:var(--tv-skin,#f3f1ec)}.hf-st-row.is-on{background:var(--tv-skin,#f3f1ec);font-weight:800}
.hf-st-row>span:nth-child(2){flex:1}
.hf-st-row i{font:700 10.5px var(--tv-mono,'JetBrains Mono',monospace);font-style:normal;letter-spacing:.1em;width:34px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--tv-card,#fff);border:1px solid var(--tv-line,rgba(26,22,18,.09));color:var(--tv-mute,#6b6b6b)}

.hf-ct-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column}
.hf-ct-item{display:flex;align-items:center;gap:12px;padding:12px}
.hf-ct-item+.hf-ct-item{border-top:1px dashed var(--tv-line-3,rgba(26,22,18,.14))}
.hf-ct-thumb{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#ffe3e4,#fff1e6)}
.hf-ct-thumb[data-kind^="attr"]{background:linear-gradient(135deg,#fff3d6,#e9f6ee)}
.hf-ct-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-ct-body b{font-size:14.5px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hf-ct-body small{font-size:12.5px;color:var(--tv-mute,#6b6b6b)}
.hf-ct-tag{font:700 10.5px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--tv-red,#EB003B)}
.hf-ct-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.hf-ct-right b{font-size:14.5px;font-weight:800;white-space:nowrap}
.hf-ct-rm{width:32px;height:32px;border-radius:50%;border:1px solid var(--tv-line,rgba(26,22,18,.09));background:var(--tv-card,#fff);color:var(--tv-mute,#6b6b6b);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.hf-ct-rm:hover{background:var(--tv-red-soft,#FDE6EC);color:var(--tv-red,#EB003B);border-color:transparent}
.hf-ct-sum{display:flex;flex-direction:column;gap:10px;font-size:14px}
.hf-ct-sum>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hf-ct-sum>div>span:first-child{color:var(--tv-mute,#6b6b6b);font-weight:600}
.hf-ct-mute{color:var(--tv-mute-2,#8d8a83);font-size:13px}
.hf-ct-total{padding-top:12px;border-top:1px solid var(--tv-line,rgba(26,22,18,.09))}
.hf-ct-total>span:first-child{color:var(--tv-ink)!important;font-weight:800!important;font-size:15px}
.hf-ct-total b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.hf-ct-total b small{font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.1em;color:var(--tv-mute,#6b6b6b);margin-inline-end:2px}
.hf-ct-note{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--tv-mute,#6b6b6b)}
.hf-ct-empty .hf-si-ok-i{font-size:26px;background:var(--tv-red-soft,#FDE6EC);box-shadow:0 0 0 8px rgba(235,0,59,.06)}
.hf-ct-empty .hf-bd-btn{text-decoration:none}
.hf-sign .hf-bd-f a.hf-bd-btn{text-decoration:none}

/* ───── Settings + Cart sections · V3.5-Section Headings Bible ─────
   Card #fff, 1px #ebe8e0, radius 22, padding 20/22/22. Header: 44×44 cream tile (#f1efe9, r12) with an ink 2px icon,
   title 800 17px, no sub-line (copy lives in the round “i”), 1px #ebe8e0 divider 16px under the title, 18px above content.
   Red only for the selected state and the primary button. */
.hf-st-card,.hf-ct-card{padding:20px 22px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid #ebe8e0!important;box-shadow:none!important;gap:18px!important;display:flex;flex-direction:column}
.hf-st-card>.hf-st-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin:0;border-bottom:1px solid #ebe8e0}
.hf-st-card>.hf-st-h>b{font:800 17px/1.2 'Plus Jakarta Sans',var(--tv-font,system-ui),sans-serif;letter-spacing:-.01em;color:#1a1a1a}
.hf-st-card>.hf-st-h small{display:none}
.hf-st-ic{flex:none;width:44px!important;height:44px!important;border-radius:12px!important;background:#f1efe9!important;color:#1a1a1a!important;display:grid;place-items:center}
.hf-st-ic svg{width:20px;height:20px}
.hf-ct-card .hf-ct-list{padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.hf-ct-card .hf-ct-item{padding:12px 0}
.hf-ct-card .hf-ct-sum{padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.hf-ct-card .hf-ct-tag{color:var(--tv-mute-2,#8d8a83)}
.hf-ct-thumb{background:#f1efe9!important}

/* info “i” */
.hf-st-i{position:relative;display:inline-flex;flex:none}
.hf-st-i>button{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid #d4d2cb;background:#fff;color:#6b6b6b;font:italic 700 12px Georgia,serif;cursor:help;display:grid;place-items:center;transition:border-color .2s,color .2s}
.hf-st-i>button:hover,.hf-st-i>button:focus-visible,.hf-st-i.is-open>button{border-color:#1a1a1a;color:#1a1a1a;outline:none}
.hf-st-tip{position:absolute;top:calc(100% + 8px);left:50%;z-index:30;width:max-content;max-width:min(300px,calc(100vw - 64px));padding:12px 14px;border-radius:14px;background:#1a1a1a;color:#fff;font:500 13px/1.5 var(--tv-font,system-ui);letter-spacing:0;text-align:start;white-space:normal;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .2s;box-shadow:0 16px 34px -16px rgba(0,0,0,.5)}
.hf-st-i.is-open .hf-st-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (max-width:560px){.hf-st-tip{left:auto;right:-60px;transform:translateY(4px)}.hf-st-i.is-open .hf-st-tip{transform:none}}

/* searchable dropdown */
.hf-st-combo{display:flex;flex-direction:column;gap:8px}
.hf-st-cb{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px 0 10px;border:1px solid #d4d2cb;border-radius:16px;background:#fff;color:#1a1a1a;font:600 15px var(--tv-font,system-ui);text-align:start;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.hf-st-cb:hover{border-color:#1a1a1a}
.hf-st-combo.is-open .hf-st-cb,.hf-st-cb:focus-visible{border-color:#1a1a1a;box-shadow:0 0 0 4px rgba(26,26,26,.06);outline:none}
.hf-st-car{flex:none;margin-inline-start:auto;color:#6b6b6b;transition:transform .25s var(--tv-ease,ease)}
.hf-st-combo.is-open .hf-st-car{transform:rotate(180deg)}
.hf-st-code{flex:none;min-width:40px;height:30px;padding:0 8px;box-sizing:border-box;border-radius:9px;display:grid;place-items:center;background:#f1efe9;color:#1a1a1a;font:700 11px var(--tv-mono,'JetBrains Mono',monospace);font-style:normal;letter-spacing:.08em}
.hf-st-nm{flex:0 1 auto;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-st-en,.hf-st-sym{flex:none;color:#8d8a83;font-size:13px;font-weight:600}
.hf-st-cb .hf-st-sym,.hf-st-cb .hf-st-en{margin-inline-start:2px}
.hf-st-cp{display:flex;flex-direction:column;border:1px solid #ebe8e0;border-radius:16px;background:#fff;overflow:hidden;animation:hf-stCp .3s var(--tv-ease,cubic-bezier(.32,.72,0,1)) both;box-shadow:0 18px 36px -24px rgba(26,22,18,.35)}
@keyframes hf-stCp{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hf-st-cs{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-bottom:1px solid #ebe8e0;color:#8d8a83}
.hf-st-cs input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:600 14.5px var(--tv-font,system-ui);color:#1a1a1a}
.hf-st-cs input::placeholder{color:#b5b2aa;font-weight:500}
.hf-st-lb{list-style:none;margin:0;padding:6px;max-height:min(264px,42vh);overflow-y:auto;overscroll-behavior:contain}
.hf-st-lb li{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 10px;border-radius:12px;cursor:pointer;font:600 14.5px var(--tv-font,system-ui);color:#1a1a1a}
.hf-st-lb li.is-hi{background:#f3f1ec}
.hf-st-lb li.is-on{font-weight:800}
.hf-st-lb li .hf-st-tick{margin-inline-start:auto;width:20px;height:20px;border-radius:50%;flex:none;background:none;border:0}
.hf-st-lb li.is-on .hf-st-tick{background:var(--tv-red,#EB003B) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hf-st-lb li.hf-st-empty{justify-content:center;min-height:64px;color:#8d8a83;font-weight:600;cursor:default}
.hf-st-lb li.hf-st-empty:hover{background:none}

/* Frame and motion live in tbx-drawer.css for every public drawer. */
.hf-drawer:not(.tbx-site-drawer),.hf-scrim:not(.tbx-site-scrim){display:none!important;visibility:hidden;pointer-events:none}
.hf-drawer .hf-bd-b{min-height:0}.hf-drawer .hf-bd-b>*,.hf-drawer .hf-bd-grid>*,.hf-drawer .hf-bd-rows>*{animation:none}
.hf-drawer .hf-bd-h{padding:22px 20px 18px 24px}.hf-drawer .hf-bd-h h2{line-height:1.15;margin:0;font-size:22px;font-weight:800}
.hf-drawer .hf-bd-btn{min-height:46px;height:auto;padding:10px 20px;text-align:center}.hf-drawer .hf-si-f-foot{font-size:14px}
.hf-drawer .sid-form-inner{display:flex;flex-direction:column;gap:16px}.hf-drawer .sid-intro{display:none}.hf-drawer .sid-sso-list{display:flex;gap:8px;margin:0}.hf-drawer .sid-sso{flex:1;min-width:0;width:auto;height:46px;padding:0 12px;border:1px solid var(--tv-line-3);background:var(--tv-card);color:var(--tv-ink);border-radius:999px;display:flex;align-items:center;justify-content:center;font:700 14px var(--tv-font)}
.hf-drawer .sid-or{margin:0;display:flex;align-items:center;gap:12px;font:700 11px var(--tv-mono);letter-spacing:.14em;color:var(--tv-mute-2)}.hf-drawer .sid-or:before,.hf-drawer .sid-or:after{content:'';height:1px;flex:1;background:var(--tv-line)}
.hf-drawer form.form{margin:0;padding:20px;border-radius:24px;background:var(--tv-card);border:1px solid var(--tv-line);box-shadow:var(--tv-sh-card)}
.hf-drawer .sid-fields{display:flex;flex-direction:column;gap:8px}.hf-drawer .sid-fields label{font-size:13px;font-weight:700;margin:0}.hf-drawer .sid-field{width:100%;height:46px;min-height:46px;margin:0;padding:0 18px;border:1px solid var(--tv-input);border-radius:999px;box-shadow:none;background:var(--tv-card);color:var(--tv-ink);font:500 15px var(--tv-font)}
.hf-drawer .sid-pwd{position:relative}.hf-drawer .sid-pwd input{padding-inline-end:50px}.hf-drawer .sid-pwd .eye{position:absolute;inset-inline-end:8px;inset-inline-start:auto;top:5px;width:36px;height:36px;border:0;background:none;color:var(--tv-mute)}
.hf-drawer .sid-forgot{color:var(--tv-ink);font-size:12px;font-weight:700;float:inline-end}.hf-drawer .sid-remember{font-size:12px;color:var(--tv-mute);margin:8px 0;display:flex;gap:8px;align-items:center}.hf-drawer .sid-remember input{margin:0;width:14px;height:14px;accent-color:#EB003B}.hf-drawer .sid-submit{height:50px;width:100%;border:0;border-radius:999px;background:#EB003B;color:#fff;font:700 15px var(--tv-font);box-shadow:var(--tv-sh-red)}
.hf-drawer .hf-si-hero{flex:none;text-decoration:none;color:#fff}.hf-drawer .hf-si-perks2 b{font-size:12.5px;font-weight:700}.hf-drawer .hf-si-hero-t{white-space:pre-line}
.hf-drawer .olf-overlay{position:static}.hf-drawer .olf-state p{font-size:14px}.hf-drawer .olf-input{width:100%;min-height:46px;border:1px solid var(--tv-input);border-radius:999px;background:var(--tv-card);color:var(--tv-ink);padding:0 18px}.hf-drawer .olf-actions{display:flex;gap:10px;margin-top:18px}.hf-drawer .olf-btn{min-height:46px;border:1px solid var(--tv-line-3);border-radius:999px;padding:10px 18px;background:var(--tv-card);color:var(--tv-ink)}.hf-drawer .olf-btn.is-primary{background:#EB003B;color:#fff;border-color:#EB003B}
.hf-drawer .hf-st-lb li{padding:0;cursor:default}.hf-drawer .hf-st-lb a,.hf-drawer .hf-st-lb button{display:flex;gap:12px;align-items:center;width:100%;min-height:46px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:var(--tv-ink);text-align:start;font:600 14.5px var(--tv-font)}.hf-drawer .hf-st-lb a:hover,.hf-drawer .hf-st-lb button:hover{background:var(--tv-skin)}.hf-drawer .hf-st-lb .is-on{background:var(--tv-skin);font-weight:800}.hf-drawer .hf-st-en{margin-inline-start:auto}.hf-drawer .hf-st-lb li.is-hidden{display:none}
.hf-drawer .hf-setting-note,.hf-drawer .hf-rate-credit{font-size:12px;line-height:1.5;color:var(--tv-mute);margin:0}.hf-drawer .hf-rate-credit{text-decoration:underline}.hf-drawer #hfSettings .hf-si-f-foot>span{font-size:12px;max-width:70%}
.hf-drawer .hf-st-th{position:relative}.hf-drawer .hf-st-th.is-on{border-color:transparent;box-shadow:none}.hf-theme-marker{position:absolute;pointer-events:none;border:1.5px solid #EB003B;border-radius:18px;box-shadow:0 0 0 4px rgba(235,0,59,.1);transition:transform .42s cubic-bezier(.32,.72,0,1),width .42s cubic-bezier(.32,.72,0,1),height .42s cubic-bezier(.32,.72,0,1)}.hf-st-theme{position:relative}
.hf-drawer .hf-ct-sum .hf-ct-total b{font-size:22px}.hf-drawer .hf-ct-sum+.hf-ct-sum{margin-top:18px}.hf-drawer .hf-ct-item img{width:52px;height:52px;border-radius:16px;object-fit:cover}.hf-drawer .hf-ct-body b{overflow-wrap:anywhere}.hf-drawer .hf-ct-right{max-width:40%}.hf-drawer .hf-ct-right b{font-size:14px}.hf-cart-actions{position:sticky;bottom:0;display:flex;gap:10px;padding-top:14px}.hf-cart-error{padding:12px;border-radius:14px;background:var(--tv-red-soft);color:var(--tv-ink)}
[dir=rtl] .hf-bd-go{transform:scaleX(-1)}
.hf-header .o5-hsearch:not(.is-open){min-width:48px;height:48px;justify-content:flex-end;align-items:center}
.hf-header .o5-hsearch-open{width:38px;min-width:38px;height:38px;padding:0;justify-content:center;border:1px solid var(--tv-line);border-radius:999px;background:var(--tv-card);color:var(--tv-ink)}
.hf-header .o5-hsearch-open svg{width:18px;height:18px}
@media(max-width:640px){.hf-header.o5-top{top:0}.hf-header>.o5-top-inner{padding:8px 10px;gap:6px}.hf-header .o5-brand{margin:0}.hf-header .o5-burger{width:44px;min-width:44px;height:44px;margin:0;margin-inline:6px 4px;padding:0;justify-content:center;font-size:0;line-height:0}.hf-header .o5-burger:before{content:'';display:block;width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}.hf-header .o5-top-r{gap:4px}.hf-header .hf-tool{padding:0;width:44px;min-width:44px;height:44px;min-height:44px;gap:0;border-radius:50%}.hf-header .o5-hsearch:not(.is-open){min-width:54px}.hf-header .o5-hsearch-open{width:44px;min-width:44px;height:44px;border-radius:50%}.hf-header .hf-tool-label{display:none}.hf-header .hf-tool .oh-cart-qty{position:absolute;top:-4px;inset-inline-end:-4px;margin:0}.hf-header .o5-nav{flex:0}.hf-header .o5-link-btn.is-primary{height:auto;min-height:40px;padding:0 14px;font-size:13.5px}.hf-header .oh-acct-btn{max-width:94px;padding:0 8px}.hf-header .oh-acct-btn-name{max-width:62px}.hf-header:has(.o5-hsearch.is-open) .o5-top-inner>:not(.o5-top-r),.hf-header .o5-top-r:has(.o5-hsearch.is-open)>:not(.o5-hsearch){display:none}.hf-header .o5-hsearch.is-open{flex:1}.hf-header .o5-hsearch.is-open .o5-hsearch-field{width:auto;flex:1}.hf-header:has(.o5-hsearch.is-open) .o5-top-r{flex:1}.hf-header .o5-hsearch-pop{position:fixed;inset-inline:12px;top:86px;width:auto}}
.hf-header[hidden],.hf-header [hidden],.hf-drawer[hidden],.hf-drawer [hidden],.hf-scrim[hidden],.fx[hidden],.fx [hidden]{display:none!important}
@media(hover:none){.hf-drawer .hf-bd-tile:hover,.hf-drawer .hf-bd-home:hover,.hf-drawer .hf-bd-x:hover,.hf-drawer .hf-bd-promo:hover{transform:none}.hf-drawer .hf-bd-tile:hover::after,.hf-drawer .hf-bd-tile:hover .hf-bd-ti{transform:none}}
@media(prefers-reduced-motion:reduce){.hf-header *,.hf-header *:before,.hf-header *:after,.hf-drawer,.hf-drawer *,.hf-drawer *:before,.hf-drawer *:after,.hf-scrim,.fx *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Footer option 3: supplied shared component declarations. */


.fx{--fx-ink:#1a1a1a;--fx-ink2:#3d3b37;--fx-mute:#6b6b6b;--fx-line:rgba(26,22,18,.09);--fx-chip:#f3f1ec;--fx-logo-f:grayscale(1);--fx-logo-o:.55;
  position:static;margin:56px var(--o5-edge,clamp(16px,3vw,40px)) var(--o5-edge,clamp(16px,3vw,40px));padding:48px clamp(24px,3.6vw,56px) 0;border:1px solid var(--fx-line);border-radius:28px;background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -26px rgba(26,22,18,.28);font-family:var(--tv-font,'Plus Jakarta Sans',sans-serif);color:var(--fx-ink)}
.fx.is-in{animation:fxIn .5s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes fxIn{from{opacity:0;transform:translateY(14px)}}
.fx a{color:inherit;text-decoration:none}
.fx-logo img{height:28px;width:auto;display:block}
.fx-h{margin:4px 0 16px;font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-mute)}
.fx-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fx-links a,.fx-inline a{font-size:14px;font-weight:500;color:var(--fx-ink2);transition:color .15s}
.fx-links a:hover,.fx-inline a:hover{color:var(--fx-ink)}
.fx-inline{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}

.fx-soc{display:flex;flex-wrap:wrap;gap:8px}
.fx-soc a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fx-chip);color:var(--fx-mute);transition:background .2s,color .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}
.fx-soc a:hover{background:var(--fx-ink);color:#fff;transform:translateY(-2px)}
.fx-soc img{width:16px;height:16px;object-fit:contain;filter:grayscale(1);opacity:.75}
.fx-soc a:hover img{filter:grayscale(1) invert(1) brightness(2)}
.fx-soc .fx-txt{font:800 10.5px var(--tv-font,'Plus Jakarta Sans',sans-serif);letter-spacing:.02em}

.fx-pay{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.fx-pay-t{display:flex;align-items:center;height:24px}
.fx-pay img{height:20px;width:auto;max-width:76px;object-fit:contain;filter:var(--fx-logo-f);opacity:var(--fx-logo-o)}
.fx-pay .fx-txt{font:700 13px var(--tv-font,'Plus Jakarta Sans',sans-serif);color:#77746d;letter-spacing:-.01em}

.fx-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fx-contact.is-row{flex-direction:row;flex-wrap:wrap}
.fx-cbtn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 18px 0 14px;border-radius:999px;border:1px solid rgba(26,22,18,.14);background:#fff;font:700 13.5px var(--tv-font,'Plus Jakarta Sans',sans-serif);color:var(--fx-ink)!important;transition:border-color .2s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.fx-cbtn:hover{border-color:var(--fx-ink);transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(0,0,0,.35)}
.fx-cbtn.is-wa svg{color:#1f8a5b}
.fx-contact.is-sm .fx-cbtn{height:36px;font-size:13px;padding:0 14px 0 11px}

.fx-bot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:20px 0 24px;border-top:1px solid var(--fx-line);font-size:13px;color:var(--fx-mute)}
.fx-legal{display:flex;gap:20px;flex-wrap:wrap}.fx-legal a{color:var(--fx-mute)!important}.fx-legal a:hover{color:var(--fx-ink)!important}


.fx-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:40px}
.fx-brand p{margin:14px 0 20px;max-width:34ch;font-size:14px;line-height:1.6;color:var(--fx-mute)}

.fx-4{padding-top:24px}

.fx-5{--fx-ink:#f4f2ed;--fx-ink2:#d8d5cd;--fx-mute:#a19e96;--fx-line:rgba(255,255,255,.1);--fx-chip:rgba(255,255,255,.08);--fx-logo-f:grayscale(1) brightness(0) invert(1);--fx-logo-o:.6;background:#111211;border-color:#111211;box-shadow:inset 0 3px 0 var(--tv-red,#EB003B),0 24px 50px -28px rgba(0,0,0,.6)}
.fx-5 .fx-logo{display:inline-flex;padding:7px 12px;border-radius:12px;background:#fff}
.fx-5 .fx-soc a:hover{background:#fff;color:#111}.fx-5 .fx-soc a:hover img{filter:grayscale(1)}
.fx-5 .fx-soc img{filter:grayscale(1) brightness(0) invert(1)}
.fx-5 .fx-pay .fx-txt{color:#a19e96}
.fx-5 .fx-cbtn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.fx-5 .fx-cbtn:hover{border-color:#fff}
.fx-5 .fx-cbtn.is-wa svg{color:#4fd18b}
.fx-up{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--fx-line);color:var(--fx-ink)!important}
.fx-up:hover{background:#fff;color:#111!important}



.fx-edge{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(0,1.6fr) auto;gap:40px;padding-bottom:32px}
.fx-mid{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));justify-content:center;gap:24px 48px}
.fx-corner{display:flex;flex-direction:column;align-items:flex-end;text-align:end}
.fx-corner .fx-h{margin-top:4px}
.fx-corner .fx-h~.fx-h{margin-top:28px}
.fx-corner .fx-contact{justify-content:flex-end}
.fx-corner .fx-pay{justify-content:flex-end;max-width:300px}
.fx-brand p{margin:14px 0 20px;max-width:34ch;font-size:14px;line-height:1.6;color:var(--fx-mute)}

.fx-trust{list-style:none;margin:0 0 0;padding:18px 0;border-top:1px solid var(--fx-line);display:flex;flex-wrap:wrap;gap:12px 32px}
.fx-trust li{display:flex;align-items:center;gap:10px;min-width:0}
.fx-ti{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--fx-chip);color:var(--fx-ink2)}
.fx-ti img{width:22px;height:22px;object-fit:contain;filter:grayscale(1)}
.fx-tt{display:flex;flex-direction:column;line-height:1.25}
.fx-tt b{font-size:13px;font-weight:700;color:var(--fx-ink)}
.fx-tt small{font-size:12px;color:var(--fx-mute)}
.fx-trust.is-compact{padding:0;border:0;gap:10px 22px}
.fx-trust.is-mini{padding:0;border:0;gap:8px 14px}
.fx-trust.is-mini .fx-ti{width:26px;height:26px;border-radius:8px}.fx-trust.is-mini .fx-ti svg{width:15px;height:15px}
.fx-trust.is-mini small{display:none}.fx-trust.is-mini b{font-size:12px;font-weight:600;color:var(--fx-mute)}

.fx-2{padding-top:28px}
.fx-lead{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:22px;background:var(--fx-chip)}
.fx-kick{font:700 11px var(--tv-mono,'JetBrains Mono',monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--tv-red-ink,#C70032)}
.fx-lead h3{margin:8px 0 6px;font-size:clamp(20px,1.9vw,24px);line-height:1.2;font-weight:800;letter-spacing:-.02em}
.fx-lead p{margin:0 0 18px;font-size:14px;color:var(--fx-mute)}
.fx-band{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--fx-line)}
.fx-band-pay{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.fx-band-pay .fx-h{margin:0}

.fx-hbar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:18px 18px 18px 26px;border-radius:22px;background:#111211;color:#f4f2ed}
.fx-hbar>div{display:flex;flex-direction:column;gap:2px}
.fx-hbar b{font-size:17px;font-weight:800}
.fx-hbar span{font-size:13.5px;color:#a19e96}
.fx-hbar .fx-cbtn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff!important}
.fx-hbar .fx-cbtn:hover{border-color:#fff}
.fx-hbar .fx-cbtn.is-wa svg{color:#4fd18b}
.fx-bot2{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:20px 0}

.fx-5 .fx-ti{background:rgba(255,255,255,.08);color:#d8d5cd}
@media (max-width:1100px){.fx-edge{grid-template-columns:minmax(0,1fr) auto}.fx-mid{grid-column:1/-1;grid-row:2;justify-content:start}}
@media (max-width:700px){.fx-edge{grid-template-columns:minmax(0,1fr)}.fx-corner{align-items:flex-start;text-align:start}.fx-mid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx{border-radius:24px;padding:28px 20px 0}.fx-hbar{padding:18px}}
.fx-5 .fx-bot .fx-legal{margin-inline-start:auto}


.fx-edge{grid-template-columns:minmax(220px,1fr) minmax(0,1.7fr) auto;gap:32px 48px;padding-bottom:28px}
.fx-brand .fx-h{margin-top:4px}
.fx-brand p{margin:0 0 18px;max-width:36ch;font-size:14px;line-height:1.65}
.fx-mid{justify-content:space-evenly;gap:24px 40px}
.fx-links{gap:11px}
.fx-links a,.fx-inline a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:color .15s,background-size .3s var(--tv-ease,cubic-bezier(.32,.72,0,1))}
.fx-links a:hover,.fx-inline a:hover{background-size:100% 1px}
.fx-cnote{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--fx-mute);max-width:26ch}
.fx-sp{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--fx-line)}
.fx-sp .fx-pay{justify-content:flex-end}
.fx-corner .fx-pay{max-width:260px;gap:12px 18px}
@media (max-width:1100px){.fx-mid{justify-content:start}}
@media (max-width:700px){.fx-sp{flex-direction:column;align-items:flex-start}.fx-sp .fx-pay{justify-content:flex-start}.fx-cnote{max-width:none}}
.fx-cnote{max-width:none;white-space:nowrap}
.fx-hbar .fx-cbtn,.fx-hbar .fx-cbtn span{color:#fff!important}
@media (max-width:1100px){.fx-edge{grid-template-columns:minmax(0,1fr) auto}.fx-mid{grid-column:1/-1;grid-row:2;justify-content:start}}
@media (max-width:700px){.fx-edge{grid-template-columns:minmax(0,1fr)}.fx-cnote{white-space:normal}}


.fx-1 .fx-edge,.fx-5 .fx-edge{grid-template-columns:minmax(240px,1.15fr) minmax(0,1.5fr) minmax(280px,320px);gap:32px 56px;align-items:start;padding-bottom:36px}
.fx-1 .fx-mid,.fx-5 .fx-mid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:24px 32px}
.fx-say{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--fx-ink);max-width:18ch}
.fx-about p{margin:0;font-size:14px;line-height:1.65;color:var(--fx-mute);max-width:38ch;overflow-wrap:anywhere}
.fx-help{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:22px;background:var(--fx-chip);border:1px solid var(--fx-line)}
.fx-help b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.fx-help p{margin:4px 0 16px;font-size:13.5px;line-height:1.5;color:var(--fx-mute)}
.fx-help-i{position:absolute;top:18px;inset-inline-end:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1f8a5b;box-shadow:0 6px 14px -8px rgba(0,0,0,.3)}
.fx-contact.is-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.fx-contact.is-grid .fx-cbtn{justify-content:center;padding:0 12px;width:100%}
.fx-1 .fx-sp,.fx-5 .fx-sp{padding:20px 0}
.fx-5 .fx-help{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.fx-5 .fx-help-i{background:rgba(255,255,255,.1);color:#4fd18b;box-shadow:none}
@media (max-width:1100px){.fx-1 .fx-edge,.fx-5 .fx-edge{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.fx-1 .fx-mid,.fx-5 .fx-mid{grid-column:1/-1;grid-row:2}}
@media (max-width:700px){.fx-1 .fx-edge,.fx-5 .fx-edge{grid-template-columns:minmax(0,1fr)}.fx-1 .fx-mid,.fx-5 .fx-mid{grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}


.fx-3{padding-top:20px}
.fx-hbar-i{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#4fd18b}
.fx-hbar-i svg{width:22px;height:22px}
@media (max-width:1100px){}
@media (max-width:760px){}
@media (max-width:700px){}@media (max-width:700px){}
@media (max-width:1100px){}
@media (max-width:700px){}


.fx-band.is-one{flex-wrap:nowrap;gap:24px}
.fx-band.is-one .fx-pay{flex-wrap:nowrap;gap:16px;flex:none}
.fx-band.is-one .fx-trust{flex-wrap:nowrap;gap:18px;justify-content:flex-end}
.fx-band.is-one .fx-tt b{white-space:nowrap}.fx-band.is-one .fx-tt small{white-space:nowrap}
@media (max-width:1180px){.fx-band.is-one{flex-wrap:wrap}.fx-band.is-one .fx-trust{flex-wrap:wrap;justify-content:flex-start}}
.fx-band.is-one .fx-trust{justify-content:flex-start}
.fx-band.is-one .fx-pay{justify-content:flex-end;margin-inline-start:auto}
.fx-bot.is-split{padding:16px 0 20px}
.fx-bot-l{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
.fx-bot.is-split .fx-soc{margin-inline-start:auto}
.fx-bot.is-split .fx-soc a{width:34px;height:34px}


.fx .fx-band.is-one{border-top:1px solid var(--fx-line);padding:18px 0}
.fx-bot-r{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
.fx-bot-r .fx-soc{margin:0}
.fx-5 .fx-bot.is-split .fx-legal{margin-inline-start:0}
@media (max-width:900px){}
.fx{box-shadow:inset 0 3px 0 var(--tv-red,#EB003B),0 18px 40px -26px rgba(26,22,18,.28)}.fx-5{box-shadow:inset 0 3px 0 var(--tv-red,#EB003B),0 24px 50px -28px rgba(0,0,0,.6)}

.fx-3{padding-top:48px}
.fx-hand p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--fx-mute)}
.fx-hand .fx-contact{align-items:stretch;max-width:220px}
.fx-hand .fx-cbtn{justify-content:flex-start}


.fx-1 .fx-mid.is-flat,.fx-5 .fx-mid.is-flat{display:block;padding-top:31px}
.fx-flat{display:grid;grid-template-columns:repeat(2,max-content);grid-auto-flow:row;gap:14px 56px;justify-content:center}
.fx-flat a{white-space:normal;overflow-wrap:anywhere}
@media (max-width:1100px){.fx-1 .fx-mid.is-flat,.fx-5 .fx-mid.is-flat{padding-top:0}.fx-flat{justify-content:start}}
.fx-flat{grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:none;grid-auto-columns:max-content}


.fx-6 .fx-mid.is-flat3{grid-template-columns:auto minmax(260px,300px);gap:24px 56px}
.fx-6 .fx-hand.fx-help{padding:22px}
.fx-6 .fx-hand.fx-help b{font-size:16px;font-weight:800}
.fx-6 .fx-hand.fx-help p{margin:4px 0 14px}
.fx-6 .fx-hand .fx-contact{max-width:none}
.fx-6 .fx-hand .fx-cbtn{width:100%;justify-content:center}
@media (max-width:1100px){.fx-6 .fx-mid.is-flat3{align-items:center}}@media (max-width:700px){}
.fx-1 .fx-trust{gap:9px 20px}.fx-1 .fx-trust li{gap:9px}.fx-1 .fx-ti{width:31px;height:31px;border-radius:9px}.fx-1 .fx-ti svg{width:16px;height:16px}.fx-1 .fx-tt b{font-size:11.7px}.fx-1 .fx-tt small{font-size:10.8px}


.fx-flat{grid-template-rows:repeat(5,auto);gap:12px 44px}
.fx-1 .fx-flat a,.fx-5 .fx-flat a{font-size:13.5px}
.fx-1 .fx-edge{grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr) minmax(280px,320px);gap:32px 48px}

.fx-band.is-one{flex-wrap:nowrap}
.fx-band.is-one .fx-trust{flex:0 1 auto;min-width:0;flex-wrap:wrap}
.fx-band.is-one .fx-pay{flex:1 1 200px;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}
@media (max-width:1100px){.fx-1 .fx-edge{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.fx-1 .fx-mid{grid-column:1/-1;grid-row:2}.fx-1 .fx-mid.is-flat{padding-top:0}.fx-band.is-one{flex-wrap:wrap}.fx-band.is-one .fx-pay{justify-content:flex-start}}
@media (max-width:700px){.fx-1 .fx-edge{grid-template-columns:minmax(0,1fr)}.fx-1 .fx-mid{grid-row:auto}.fx-flat{grid-template-rows:repeat(8,auto)}}
@media (min-width:1101px){.fx-band.is-one .fx-pay{display:grid;grid-template-columns:repeat(3,max-content);justify-content:end;justify-items:end;gap:4px 16px;flex:none}}
.fx-1 .fx-mid.is-flat,.fx-5 .fx-mid.is-flat{padding-top:6px}.fx-1 .fx-say{margin-top:2px}
@media (min-width:1101px){.fx-band.is-one .fx-pay{justify-items:start;gap:4px 18px}}
.fx-links a,.fx-inline a,.fx-legal a{background:linear-gradient(var(--tv-red,#EB003B),var(--tv-red,#EB003B)) 0 100%/0 2px no-repeat;padding-bottom:3px;transition:color .15s,background-size .3s var(--tv-ease,cubic-bezier(.32,.72,0,1))}.fx-links a:hover,.fx-inline a:hover,.fx-legal a:hover,.fx a:focus-visible{background-size:100% 2px}


.fx .fx-band.is-trust{display:block;border-top:1px solid var(--fx-line);padding:18px 0}
.fx-band.is-trust .fx-trust{justify-content:space-between;gap:12px 20px}
.fx .fx-band.is-sp{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;border-top:1px solid var(--fx-line);padding:16px 0}
.fx-band.is-sp .fx-pay{flex-wrap:wrap;justify-content:flex-end;gap:8px 22px}
.fx-bot-r:empty{display:none}
@media (max-width:1100px){.fx-band.is-trust .fx-trust{justify-content:flex-start}}
@media (max-width:700px){.fx .fx-band.is-sp{flex-direction:column;align-items:flex-start}.fx-band.is-sp .fx-pay{justify-content:flex-start}}
.fx-bot-l{align-items:baseline}
.fx-bot-l{flex:1;justify-content:space-between}.fx-bot-l .fx-legal{margin-inline-start:auto}
.fx-c4-l{display:flex;flex-direction:column;gap:12px;min-width:0}
.fx-c4-say{font-size:15px;font-weight:800;letter-spacing:-.01em}
.fx-c4-help{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:14px 16px;border-radius:18px;background:var(--fx-chip);border:1px solid var(--fx-line);text-align:end}
.fx-c4-help b{font-size:14px;font-weight:800}
.fx-c4-help>span{font-size:12.5px;color:var(--fx-mute);margin-bottom:4px}
@media (max-width:900px){.fx-c4-help{align-items:flex-start;text-align:start;align-self:stretch}}


.fx-7 .fx-help{background:none;border:0;padding:0;border-radius:0}
.fx-7 .fx-help b{margin-top:6px}
.fx-c4-help.is-slim{padding:0;background:none;border:0;border-radius:0;flex-direction:row;align-items:center}
.fx-c4-help.is-slim .fx-contact{flex-wrap:nowrap}
@media (max-width:1200px){.fx-c4-help.is-slim .fx-cbtn{width:40px;height:40px;padding:0;justify-content:center}.fx-c4-help.is-slim .fx-cbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media (max-width:900px){.fx-c4-help.is-slim{align-self:center}}


.fx-8 .fx-edge{grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr) minmax(220px,auto)}
.fx-8-r{gap:18px;padding-top:6px}
.fx-8-r .fx-soc{justify-content:flex-end}
.fx-8-r .fx-pay{display:grid;grid-template-columns:repeat(3,max-content);justify-content:end;gap:8px 18px;max-width:none}
.fx .fx-band.fx-hline{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-top:1px solid var(--fx-line);padding:16px 0}
.fx-hline>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fx-hline b{font-size:15px;font-weight:800}
.fx-hline span{font-size:13.5px;color:var(--fx-mute)}
@media (max-width:1100px){.fx-8 .fx-edge{grid-template-columns:minmax(0,1fr) auto}.fx-8 .fx-mid{grid-column:1/-1;grid-row:2}}
@media (max-width:700px){.fx-8 .fx-edge{grid-template-columns:minmax(0,1fr)}.fx-8 .fx-mid{grid-row:auto}.fx-8-r{align-items:flex-start}.fx-8-r .fx-soc{justify-content:flex-start}.fx-8-r .fx-pay{justify-content:start}}
.fx-7 .fx-help{background:none;border:1px solid transparent;padding:22px;border-radius:22px}.fx-7 .fx-help b{margin-top:0}


.fx-8-r{gap:22px;padding-top:0}
.fx-8-r>div{display:flex;flex-direction:column;align-items:flex-end}
.fx-8-r .fx-h{margin:0 0 12px}
.fx-8-r .fx-soc{justify-content:flex-end;flex-wrap:nowrap;gap:6px}
.fx-8-r .fx-soc a{width:34px;height:34px}
.fx-8-r .fx-pay{justify-items:end}
@media (max-width:700px){.fx-8-r>div{align-items:flex-start}.fx-8-r .fx-pay{justify-items:start}.fx-8-r .fx-soc{flex-wrap:wrap}}
.fx-8-r .fx-pay{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:290px;gap:8px 18px}@media (max-width:700px){.fx-8-r .fx-pay{justify-content:flex-start}}
[dir=rtl] .fx-links a,[dir=rtl] .fx-inline a,[dir=rtl] .fx-legal a{background-position:100% 100%}



/* The underline belongs to the shared components, independent of panel motion. */
.hf-underline>:is(a,button):not(.is-active,[aria-current=page]),.fx-links a,.fx-inline a,.fx-legal a,.fx-legal button{background-image:linear-gradient(#EB003B,#EB003B);background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;padding-bottom:3px;transition:background-size .3s cubic-bezier(.32,.72,0,1)}
.hf-underline>:is(a,button):not(.is-active,[aria-current=page]):focus-visible,.fx-links a:focus-visible,.fx-inline a:focus-visible,.fx-legal a:focus-visible,.fx-legal button:focus-visible{background-size:100% 2px}
@media(hover:hover){.hf-underline>:is(a,button):not(.is-active,[aria-current=page]):hover,.fx-links a:hover,.fx-inline a:hover,.fx-legal a:hover,.fx-legal button:hover{background-size:100% 2px}}
[dir=rtl] .hf-underline>:is(a,button),[dir=rtl] .fx-links a,[dir=rtl] .fx-inline a,[dir=rtl] .fx-legal a,[dir=rtl] .fx-legal button{background-position:100% 100%}
.fx.o5-footer{display:block;width:auto;max-width:none;font-size:16px;line-height:normal}.fx-legal button{border:0;color:var(--fx-mute);font:inherit;cursor:pointer;background-color:transparent}.fx-up{display:none}.fx-bot-l{min-width:0}
.fx-7 .fx-help{background:none;border-color:transparent}.fx .fx-pay img{filter:grayscale(1);opacity:.55}.fx .fx-links a{font-size:13.5px}.hf-approx{display:block;font-size:12px;color:var(--tv-mute,#6b6b6b);white-space:normal;unicode-bidi:isolate}
html[data-theme=dark] .fx{--fx-ink:#f4f2ed;--fx-ink2:#d8d5cd;--fx-mute:#a19e96;--fx-line:rgba(255,255,255,.1);--fx-chip:rgba(255,255,255,.08);--fx-logo-f:grayscale(1) brightness(0) invert(1);--fx-logo-o:.55;background:#111211;border-color:#111211;box-shadow:inset 0 3px 0 #EB003B,0 24px 50px -28px rgba(0,0,0,.6)}
html[data-theme=dark] .fx .fx-soc img,html[data-theme=dark] .fx .fx-pay img{filter:grayscale(1) brightness(0) invert(1)}html[data-theme=dark] .fx .fx-soc a:hover{background:#fff;color:#111}html[data-theme=dark] .fx .fx-soc a:hover img{filter:grayscale(1)}html[data-theme=dark] .fx .fx-cbtn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}html[data-theme=dark] .fx-up{display:grid}
@media(max-width:700px){.fx-flat{grid-auto-flow:row;grid-template-rows:repeat(8,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column}.fx .fx-help{padding:22px}.fx .fx-legal{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){.hf-underline>*,.fx-links a,.fx-inline a,.fx-legal a,.fx-legal button,.hf-drawer,.hf-drawer *,.hf-scrim{transition:none!important;animation:none!important}}
.hf-coming-soon{min-height:45vh;display:grid;place-items:center;padding:40px 24px;font-family:'Plus Jakarta Sans',sans-serif;text-align:center}.hf-coming-soon section{width:min(100%,640px);padding:48px 24px;border:1px solid rgba(26,22,18,.09);border-top:3px solid #EB003B;border-radius:28px;background:#fff;box-shadow:0 18px 40px -26px rgba(26,22,18,.28)}.hf-coming-soon h1{font-size:32px;font-weight:800}.hf-coming-soon a{display:inline-flex;padding:12px 24px;border-radius:999px;background:#EB003B;color:#fff;text-decoration:none;font-weight:700}

@media(hover:none){.fx-links a:hover:not(:focus-visible),.fx-inline a:hover:not(:focus-visible),.fx-legal a:hover:not(:focus-visible),.fx-legal button:hover:not(:focus-visible){background-size:0 2px}}

.fx.o5-footer{background:rgba(255,255,255,.84);box-shadow:inset 0 3px 0 #EB003B,0 18px 40px -26px rgba(26,22,18,.28)}
@media(max-width:700px){.fx.o5-footer{border-radius:24px;padding:28px 20px 0}}

[dir=rtl] .hf-drawer.is-under{transform:translateX(24px)!important}
@media(max-width:767px){[dir=rtl] .hf-drawer.hf-sign,[dir=rtl] .hf-drawer.hf-browse.is-tv{transform:translateY(calc(100% + 16px))}[dir=rtl] .hf-drawer.hf-sign.is-open,[dir=rtl] .hf-drawer.hf-browse.is-tv.is-open{transform:none}[dir=rtl] .hf-drawer.is-under{transform:translateY(8px)!important}}
.hf-drawer .hf-bd-tile b{overflow-wrap:anywhere}.hf-empty-choice{padding:18px 10px;color:var(--tv-mute);font-size:13px;text-align:center}

.hf-info{flex:none;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid #d4d2cb;background:var(--tv-card);color:var(--tv-mute);font:italic 700 12px Georgia,serif;display:grid;place-items:center;cursor:help}.hf-info-tip{position:fixed;z-index:1300;max-width:min(300px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;background:#1a1a1a;color:#fff;font:500 13px/1.5 'Plus Jakarta Sans',sans-serif;box-shadow:0 16px 34px -16px rgba(0,0,0,.5);pointer-events:none}

.hf-drawer .sid-fields>label{display:flex;align-items:center;justify-content:space-between;gap:8px}.hf-drawer .sid-fields>label .sid-forgot{float:none}

/* Sign-in drawer, matched to the design's si-sso / si-or / si-pw (browse-drawer.css). */
.hf-drawer .sid-sso.is-compact{flex:1 1 0;width:auto;aspect-ratio:auto;gap:8px;font:700 14px var(--tv-font);text-decoration:none}.hf-drawer .sid-sso.is-compact .lbl{display:inline}.hf-drawer .sid-sso .ico{display:inline-flex;align-items:center}.hf-drawer .sid-sso .ico svg{width:16px;height:18px}
.hf-drawer .sid-or{text-transform:uppercase}
.hf-drawer .sid-pwd .eye{top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:0}
.hf-bd-btn .hf-go{margin-inline-start:8px}[dir=rtl] .hf-bd-btn .hf-go{transform:scaleX(-1)}
.hf-ct-body .hf-ct-tag{color:var(--tv-mute-2,#8d8a83)}.hf-ct-sum .hf-ct-total b small{font:700 11px var(--tv-mono);letter-spacing:.1em;color:var(--tv-mute)}
.hf-st-sym{flex:none;color:#8d8a83;font-size:13px;font-weight:600;margin-inline-start:2px}.hf-st-car{display:inline-flex;margin-inline-start:auto}
/* Narrow phones (under 380px, e.g. 360): the drawn row is 4px wider than the pill, so the spacing alone gives way. Sizes and order stay as drawn. */
@media(max-width:379px){.hf-header>.o5-top-inner{gap:4px}.hf-header .o5-burger{margin-inline:0}.hf-header .o5-hsearch:not(.is-open){min-width:44px}.hf-header .o5-link-btn.is-primary{padding:0 10px}}
/* Mac's Arabic copy is a separate key; the full accessible name and wider-screen label stay intact (Q20, 10 November). */
.hf-header .hf-signin-short{display:none}
@media(max-width:379px){.hf-header .hf-signin-short{display:inline}.hf-header .hf-signin-short~.hf-signin-full{display:none}}
/* Mirrored header: panels anchored to the end edge follow it. */
[dir=rtl] .hf-header .o5-hsearch-pop,[dir=rtl] .hf-header .oh-acct-panel{right:auto;left:0}
@media(max-width:640px){[dir=rtl] .hf-header .o5-hsearch-pop{left:12px;right:12px}}
/* The phone badge sits on the cart's end corner; clear the physical side so RTL does not stretch it. */
@media(max-width:640px){[dir=rtl] .hf-header .hf-tool .oh-cart-qty{right:auto}}
/* Arabic and Persian sign-in labels run ~45px longer than English: on phones the row gives up spacing and 1px of type before anything is clipped (Q20). */
@media(max-width:640px){[dir=rtl] .hf-header>.o5-top-inner{gap:4px}[dir=rtl] .hf-header .o5-burger{margin-inline:0}[dir=rtl] .hf-header .o5-hsearch:not(.is-open){min-width:44px}[dir=rtl] .hf-header .o5-link-btn.is-primary{padding:0 8px;font-size:12px}}
/* Longer labels wrap inside their existing controls; short labels retain the drawn row. */
.hf-header .oh-guest-actions,.hf-header .o5-link-btn.is-primary,.hf-header .hf-signin-full{min-width:0;white-space:normal;overflow-wrap:anywhere}.hf-header .o5-link-btn.is-primary{text-align:center}
@media(min-width:641px){.hf-header .o5-top-r{flex:0 1 auto;min-width:0}.hf-header .hf-tool,.hf-header .oh-guest-actions,.hf-header .oh-account-actions{min-width:0;flex-shrink:1}.hf-header .hf-tool-label{min-width:0;white-space:normal;overflow-wrap:anywhere}.hf-header .hf-tool svg{flex:none}.hf-header .o5-burger{min-width:0;flex-shrink:1;white-space:normal;overflow-wrap:anywhere}}
/* Signed in on a phone: the account control is a round icon button like its neighbours, so the drawn row keeps its width; the name stays for screen readers. */
.hf-header .hf-acct-ic{display:none}
@media(max-width:640px){.hf-header .oh-acct-btn{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;position:relative}.hf-header .hf-acct-ic{display:block}.hf-header .hf-acct-car{display:none}.hf-header .oh-acct-btn-name{display:none}}

/* Estimates follow the existing native price without changing charging fields. */
.hf-price-block.hf-has-approx{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
.op-row-price.hf-has-approx,.evp-tier-price.hf-has-approx,.evp-widget-from-l .amt.hf-has-approx{flex-wrap:wrap;row-gap:2px}
.op-row-price.hf-has-approx>.hf-approx,.evp-tier-price.hf-has-approx>.hf-approx,.evp-widget-from-l .amt.hf-has-approx>.hf-approx,.oep-price-from.hf-has-approx>.hf-approx{flex:0 0 100%;font-size:12px;line-height:1.4;letter-spacing:normal;font-weight:500}

/* Window 0 Q2, 13 November: tablet columns shrink for longer labels; normal EN/AR pixels are unchanged. */
@media(min-width:701px) and (max-width:1100px){.fx-mid.is-flat,.fx-flat{min-width:0;max-width:100%}.fx-flat{grid-auto-columns:minmax(0,max-content)!important;grid-template-columns:none!important}}