@font-face{font-family:Manrope;src:url(fonts/manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,system-ui,sans-serif;color:#dcecff;background:#06101d;font-synthesis:none;--line:#68beff24;--muted:#748ca4;--blue:#28a6ff;--rail:440px;--pad:30px}
*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:linear-gradient(#06101d,#071522 70%,#06101b);font-weight:600}button,input,select{font:inherit}button,select{cursor:pointer;color:inherit}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #7fd2ff;outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Isolated V1 list and dialog presentation. V1 assets are never loaded here. */
.primary{background:linear-gradient(135deg,#168ee8,#33b8ff);color:#fff}
.table-head{height:42px;padding:0 14px 9px 84px;display:grid;align-items:center;grid-template-columns:minmax(155px,1.35fr) minmax(90px,.8fr) minmax(90px,.75fr) minmax(85px,.75fr) 96px 146px;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#647f97}
.gift-row{display:grid;grid-template-columns:68px minmax(155px,1.35fr) minmax(90px,.8fr) minmax(90px,.75fr) minmax(85px,.75fr) 96px 42px 80px;gap:12px;align-items:center;min-height:92px;border:1px solid #69bcf61c;border-radius:19px;padding:10px 13px 10px 10px;background:linear-gradient(105deg,#0d2339db,#08192bdb)}
.thumb{width:68px;height:68px;padding:0;border-radius:14px;overflow:hidden;background:none;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb:hover:after{content:'';position:absolute;inset:0;background:#040d1740 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dcecff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 4.5 4.5'/%3E%3C/svg%3E") center/24px 24px no-repeat}
.gift-name{min-width:0;display:flex;flex-direction:column;gap:4px}
.gift-name b{font-size:14px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.gift-name span{color:#69869e;font-size:10px;font-weight:700}
.meta{min-width:0;display:flex;flex-direction:column;gap:4px}
.meta span{font-size:8px;color:#5f7b94}
.meta b{font-size:11px;font-weight:800;color:#a9bfd1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.price{font-size:14px;font-weight:800;color:#eef8ff;white-space:nowrap}
.row-heart{display:grid;place-items:center;width:40px;height:40px;padding:0;background:#10263b;border:1px solid #71bff81f;border-radius:11px;color:#8ba7bc;font-size:23px}
.row-heart[aria-pressed=true]{background:#209fe9;color:white;border-color:#54c4ff}
.row-buy,.primary{border:0;border-radius:11px;background:linear-gradient(135deg,#168ee8,#33b8ff);font-size:10px;font-weight:800;color:white;height:40px}
.catalog-state{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:11px;color:#668299}
.catalog-state:empty{display:none}
.catalog-state b{font-size:16px;color:#dbeeff}
.secondary{border:1px solid var(--line);background:#10263a;border-radius:10px;padding:12px 18px;font-size:11px;font-weight:800}
.loader{width:30px;height:30px;border:3px solid #1b3951;border-top-color:#28a6ff;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
dialog{color:#dcecff;max-width:calc(100vw - 24px);border:1px solid #77caff38;background:#091a2b;padding:0;z-index:50}
dialog::backdrop{background:#02070ec2;backdrop-filter:blur(7px)}
.close{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#142a3f;font-size:29px;padding:0;line-height:1}
.purchase,.zoom{position:fixed;margin:auto;border-radius:26px;box-shadow:0 35px 100px #00030ca6}
.purchase[open]{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;width:min(720px,calc(100% - 32px));padding:22px;background:linear-gradient(145deg,#0d263d,#091b2d)}
.purchase>.close{position:absolute;top:12px;right:12px}
.zoom>.close{position:absolute;top:22px;right:22px;width:32px;height:32px;border-radius:10px;border:1px solid var(--line)}
.zoom>.close svg{display:block;width:18px;height:18px}
.purchase>img{width:250px;height:250px;border-radius:19px}
.purchase-content{padding-top:5px;min-width:0}
.purchase-heading>span{color:#69bff2;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}
.purchase h2{font-size:22px;letter-spacing:-.4px;line-height:1.2;margin:7px 30px 2px 0}
.purchase h2 small{font-size:12px;color:#7995aa;white-space:nowrap}
.purchase strong{font-size:23px}
.purchase-info{background:#081a2b;border-radius:17px;margin-top:19px;padding:15px;box-shadow:inset 0 0 0 1px #69c0f81f}
.purchase-info>b{font-size:13px}
.purchase-info p{font-size:11px;line-height:1.55;color:#8099ae;margin:6px 0 13px}
.copy{width:100%;min-height:42px;background:#173d5b;color:#c7edff;border-radius:11px;font-size:10px;font-weight:800}
.zoom{width:min(610px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:10px;overflow-y:auto}
.zoom>img{width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:19px}
.zoom-details{padding:13px 8px 5px}
.zoom-heading{display:flex;justify-content:space-between;gap:12px}
.zoom-heading b{font-size:15px}
.zoom-heading span{color:#7290a8;font-size:11px;flex:none}
.zoom-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.zoom-traits>div{min-width:0}
.zoom-traits dt{color:#7290a8;font-size:10px;margin-bottom:4px}
.zoom-traits dd{margin:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.drawer{position:fixed;margin:0 0 0 auto;top:0;right:0;width:min(430px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:22px;border-width:0 0 0 1px;overflow:auto}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:18px}
.drawer h2{font-size:20px;margin:0 0 4px}
.drawer small{font-size:9px;color:#69859c}
.favorite-item{display:grid;grid-template-columns:55px minmax(0,1fr) 36px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.favorite-item img{width:55px;height:55px;border-radius:12px}
.favorite-item b{font-size:12px}
.favorite-item p{font-size:10px;margin:4px 0;color:#819bb0}
.favorite-item .row-buy{width:85px}
.filter-sheet>.close{position:absolute;top:15px;right:15px}
.filter-sheet>.primary{width:100%;margin-top:16px;height:44px}
@media(max-width:1080px) and (min-width:801px){.gift-row{grid-template-columns:68px minmax(105px,1.35fr) minmax(65px,.8fr) minmax(65px,.75fr) 76px 40px 70px;gap:9px}
.pattern{display:none}
.table-head{grid-template-columns:minmax(105px,1.35fr) minmax(65px,.8fr) minmax(65px,.75fr) 76px 119px;gap:9px}}
@media(max-width:800px){.table-head{display:none}
.gift-row{grid-template-columns:62px minmax(100px,1fr) 78px 40px 72px;min-height:84px;gap:12px}
.thumb{width:62px;height:62px}
.gift-name b{font-size:13px}
.meta{display:none}}
@media(max-width:650px){.purchase[open]{grid-template-columns:1fr;gap:16px;width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;overflow:auto}
.purchase>img{width:100%;height:auto;aspect-ratio:1}
.purchase h2{font-size:19px}
.purchase-content{padding:0}}
@media(max-width:500px){.gift-row{grid-template-columns:56px minmax(85px,1fr) 68px 38px;min-height:78px;gap:12px}
.thumb{width:56px;height:56px}
.row-heart{width:38px}
.gift-row>.row-buy{display:none}
.gift-name .mobile-buy{display:block;border:0;background:none;text-align:left;padding:0;color:inherit;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.gift-name .mobile-buy:after{content:'На FunPay';position:absolute;width:1px;height:1px;overflow:hidden}
.gift-name:has(.mobile-buy)>span{display:none}}
.mobile-buy{padding:0;background:none;color:inherit;text-align:left;width:100%;min-width:0;display:flex;flex-direction:column;gap:4px}
.mobile-buy>b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.mobile-buy>span{display:none}
.desktop-number{display:block}
@media(max-width:500px){.mobile-buy>span{display:block}
.desktop-number{display:none}
.mobile-buy{min-height:44px}}
.table-head{grid-template-columns:minmax(155px,1.35fr) minmax(90px,.8fr) minmax(90px,.75fr) minmax(85px,.75fr) 90px 112px;gap:0}
.filter-sheet>.primary{margin-top:12px}
@media(max-width:1080px) and (min-width:801px){.table-head{grid-template-columns:minmax(105px,1.35fr) minmax(65px,.8fr) minmax(65px,.75fr) 76px 119px}}
.purchase-info p{font-size:10px;line-height:1.3;margin:6px 0 10px}
@media(min-width:801px) and (max-width:1000px){.gift-row{grid-template-columns:68px minmax(0,1fr) 56px 36px 56px;gap:6px;padding:10px}
.gift-row .meta{display:none}
.row-heart{width:36px}
.table-head{display:none}}
.row-buy{font-weight:900}
.favorite-item{grid-template-columns:48px minmax(0,1fr) 80px 32px;gap:8px;padding:10px;margin:8px 0;border:1px solid var(--line);border-radius:14px;background:#0b1d2e}
.favorite-item img{width:48px;height:48px;border-radius:10px}
.favorite-item>div{min-width:0}
.favorite-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.favorite-item p{font-size:9px;line-height:1.4;margin:4px 0 0}
.favorite-item .row-buy{width:80px;height:40px}
.favorite-item .row-heart{width:32px;height:32px;border-radius:9px;font-size:20px}
.pagination .loader{display:block;margin:0 auto}
@media(max-width:380px){.drawer{padding:16px}
.favorite-item{grid-template-columns:42px minmax(0,1fr) 72px 28px;gap:6px;padding:8px}
.favorite-item img{width:42px;height:42px}
.favorite-item .row-buy{width:72px}
.favorite-item .row-heart{width:28px;height:32px}}
.purchase[open]{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.purchase>.close{z-index:1}
.purchase>.close svg{width:18px;height:18px;display:block}
.purchase>img{object-fit:contain;align-self:start;max-width:100%}
.purchase-heading>span{display:block}
.purchase h2{margin-right:44px;overflow-wrap:anywhere}
.purchase h2 small{display:inline-block}
#purchase-price{display:block;overflow-wrap:anywhere}
.purchase-info p{font-size:11px;line-height:1.55;margin:6px 0 13px}
.copy{padding:10px;min-height:44px}
.copy-status{display:block;font-size:10px;line-height:1.5;color:#a9bfd1;overflow-wrap:anywhere}
.copy-status:not(:empty){margin-top:8px}
.funpay-link{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;width:100%;min-height:46px;height:auto;margin-top:13px;padding:12px;font-size:11px;font-weight:800;border-radius:13px}
.funpay-link svg{width:16px;height:16px;flex:none}
.funpay-link span{min-width:0;overflow-wrap:anywhere}
.purchase button:focus-visible,.funpay-link:focus-visible{outline:2px solid #7fd2ff;outline-offset:3px}
.clipboard-buffer{position:fixed;inset:0 auto auto 0;width:1px;height:1px;opacity:0;padding:0;border:0}
@media(max-width:650px){.purchase[open]{padding-top:56px}
.purchase h2{margin-right:0}
.purchase-info{margin-top:14px}
.purchase>img{max-width:300px;justify-self:center}}
.purchase>.close{position:sticky;top:0;right:auto;grid-column:2;grid-row:1;align-self:start;justify-self:end;margin:-10px -10px 0 0}
.purchase>img{grid-column:1;grid-row:1}
.purchase-content{grid-column:2;grid-row:1}
@media(max-width:650px){.purchase[open]{padding-top:16px}
.purchase>.close{grid-column:1;grid-row:1;margin:0}
.purchase>img{grid-column:1;grid-row:2}
.purchase-content{grid-column:1;grid-row:3}}
/* V2 storefront composition, based on the supplied visual reference. */
:root{--line:#28506b80;--muted:#91afc8;--blue:#10aaff;background:#050f18}
body{background:radial-gradient(ellipse at 65% 5%,#09223c70,transparent 55%),#050f18;font-weight:600}
.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:12px 28px;border-bottom:1px solid var(--line);background:#050f18f5;display:grid;grid-template-columns:minmax(145px,1fr) 230px minmax(200px,510px) minmax(145px,1fr);gap:22px;align-items:center}
.brand{justify-self:start}.brand-logo{display:block;width:126px;height:auto;max-height:46px;object-fit:contain}
.markets{display:flex;height:44px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:14px;background:#081b2a}
.markets>span,.markets>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;font-size:11px;background:none;border-radius:10px;color:#9cbcd7}.markets>.active{background:linear-gradient(135deg,#199cef,#0ab5ff);color:#fff}.markets>button:disabled{opacity:.65}.platform-icon{width:20px;height:20px;flex:none}
.top-search,.option-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#071927;color:#8bb8d9;padding:0 14px;height:44px}.top-search input,.option-search input{min-width:0;width:100%;background:none;border:0;color:#e4f2ff;outline:0;font-size:12px}.top-search:focus-within,.option-search:focus-within{border-color:#21b3ff}.search-icon{width:18px;height:18px;flex:none}
.favorites-control{justify-self:end;display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);background:#071b2a;border-radius:12px;padding:0 14px;font-size:12px;font-weight:800}.heart{font-size:24px;color:#00bbff}.favorites-control i{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;background:#0aa9f6;border-radius:50%;font-size:11px;font-style:normal}
.layout{display:grid;grid-template-columns:336px minmax(0,1fr);gap:26px;margin:18px 28px 0;align-items:start}.catalog{min-width:0;padding-bottom:70px}#desktop-filter-host{position:sticky;top:90px}
.rail{height:calc(100dvh - 108px);min-height:390px;padding:20px 18px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#0a1b2a,#071622);display:flex;flex-direction:column;min-width:0}
.rail-head{display:flex;align-items:center;gap:10px;min-height:30px}.rail-head b{font-size:16px;font-weight:800}.filter-icon{font-size:26px;color:#49caff}.reset{margin-left:auto;background:none;font-size:11px;font-weight:700;color:#9ab8cf;padding:8px;border-radius:8px}
.rail-tabs{display:grid;grid-template-columns:1.3fr 1fr .8fr .8fr;gap:6px;margin:18px 0}.rail-tabs button{height:40px;padding:0 5px;font-size:10px;font-weight:800;background:#0a1c2a;color:#9ebdd7;border:1px solid var(--line);border-radius:11px;position:relative}.rail-tabs [aria-selected=true]{color:white;background:linear-gradient(135deg,#239ced,#03b5ff);border-color:#27bfff}.rail-tabs .has-selection:after{content:'';position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#fff}
.rail-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.rail-toolbar>div{display:flex;align-items:center;gap:6px;align-self:start;color:#88a8c1;font-size:10px}.rail-toolbar>div b{font-size:11px}.rail-toolbar>div span{background:#133148;padding:2px 6px;border-radius:5px}.option-search{width:100%;height:40px;padding:0 12px}.option-search input{font-size:11px}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35647e transparent;min-height:0;padding:2px 3px 12px}.option-grid>button{min-width:0;padding:8px 5px 10px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px;background:#081a28;border:1px solid var(--line);border-radius:14px;color:#e0eefe}.option-grid>button.selected{border:2px solid #08baff;background:linear-gradient(150deg,#09354d,#092136);padding:7px 4px 9px;box-shadow:inset 0 -4px 15px #0aa6e41a}.option-visual{display:grid;place-items:center;width:100%;height:66px;min-height:0;flex:none;color:#0caff6;font-size:30px}.option-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.option-visual.color{width:56px;height:56px;border-radius:50%;margin:5px}.option-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800}.option-empty{grid-column:1/-1;color:var(--muted);font-size:12px;text-align:center}
.hero{min-height:286px;position:relative;overflow:hidden;border:1px solid #28506b;border-radius:19px;background:radial-gradient(ellipse at 45% 0%,#153b72,transparent 65%),linear-gradient(130deg,#081a2c,#040f1b);display:grid;grid-template-columns:minmax(270px,1fr) 300px;align-items:center;padding:25px 22px 25px 34px;gap:16px}
.hero-copy{position:relative;z-index:1;max-width:440px}.eyebrow{font-size:9px!important;color:#77bdf1!important;letter-spacing:2px;font-weight:800;margin:0 0 7px!important}.hero h1{font-size:clamp(28px,3.2vw,49px);line-height:1.04;letter-spacing:-1.3px;color:#f5faff;margin:0 0 14px;font-weight:800}.hero h1 span{color:#09aaff}.hero-copy>p{font-size:14px;line-height:1.5;color:#9cbedc;margin:0 0 16px}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;height:46px;padding:0 22px;box-shadow:0 8px 30px #00aaff1c;font-size:13px}
.hero-art{position:absolute;left:38%;bottom:12px;width:315px;height:180px;background-image:url(images/v2-design-reference.png);background-size:1000px 563px;background-position:-475px -53px;border-radius:18px;mask-image:linear-gradient(to right,transparent,#000 9%,#000 94%,transparent);opacity:.95}
.benefits{position:relative;z-index:1;border:1px solid #28506b;border-radius:14px;background:#071a2be6;padding:1px 18px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.benefits>div{display:flex;gap:16px;align-items:center;padding:17px 0}.benefits>div+div{border-top:1px solid #29496260}.benefits>div>span{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#0b2a43;border-radius:13px;color:#49c4ff;font-size:28px}.benefits p{margin:0;min-width:0}.benefits b{font-size:12px;color:#f0f7ff}.benefits small{display:block;font-size:10px;color:#98b7d2;margin-top:4px}
.catalog-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 13px;scroll-margin-top:90px}.catalog-heading{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}.catalog-heading h2{margin:0;font-size:18px;font-weight:800}.catalog-heading>b{background:#0b253a;border:1px solid #26507455;border-radius:13px;min-width:44px;text-align:center;padding:6px 10px;font-size:12px}.sort-control{display:flex;align-items:center;gap:9px;font-size:11px;color:#a5c2db}.sort-control select{width:156px}.view-switch{display:flex;gap:4px;background:#081b2b;padding:3px;border:1px solid var(--line);border-radius:12px}.view-switch button{display:grid;place-items:center;width:40px;height:36px;background:none;color:#739fbe;border-radius:9px}.view-switch [aria-pressed=true]{color:white;background:linear-gradient(135deg,#239ced,#03b5ff)}.view-switch svg{width:18px;height:18px}
select{appearance:none;background:#0a2134 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m5 6 3 3 3-3' fill='none' stroke='%2395b8d0'/%3E%3C/svg%3E") no-repeat right 10px center;color:#bdd6ea;border:1px solid var(--line);border-radius:11px;height:40px;padding:0 30px 0 12px;font-size:11px;font-weight:700}
#filters-open{display:none}.rows{display:flex;flex-direction:column;gap:9px}.tile-rows{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gift-tile{min-width:0;position:relative;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#0b2031,#071621);padding:6px;overflow:hidden}.tile-image{display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border-radius:9px;background:#0a1c2e}.tile-image img{display:block;width:100%;height:100%;object-fit:contain}.gift-tile>.row-heart{position:absolute;top:13px;right:13px;width:30px;height:30px;background:#09192999;border-color:#c5e5fa75;border-radius:50%;color:#fff;font-size:23px;backdrop-filter:blur(5px)}.gift-tile>.row-heart[aria-pressed=true]{background:#159fe8;border-color:#71d2ff}.tile-info{padding:8px 3px 2px;min-width:0}.tile-info h3{font-size:12px;line-height:1.3;margin:0 0 3px;color:#f3f8ff;font-weight:800;overflow-wrap:anywhere}.tile-number{display:block;font-size:10px;color:#8bbbdc;margin-bottom:7px}.tile-footer{display:flex;gap:5px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tile-footer .price{white-space:normal;overflow-wrap:anywhere;font-size:12px;letter-spacing:-.3px}.tile-footer .row-buy{height:36px;padding:0 12px;font-size:10px;flex-grow:1;max-width:100px}.tile-rows~.table-head,body[data-view=tile] .table-head{display:none}
.pagination{text-align:center;margin-top:24px}.pagination p{font-size:11px;color:#96b7d0}.pagination .loader{display:block;margin:0 auto}#pagination-sentinel{height:1px}
.filter-sheet{margin:auto;position:fixed;inset:12px;width:min(450px,calc(100% - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:18px;padding:16px;overflow:hidden}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#mobile-filter-host{height:calc(100% - 105px)}#mobile-filter-host .rail{height:100%;min-height:0;padding:0;border:0;background:none}#mobile-filter-host .rail-head{display:none}.filter-sheet>.primary{width:100%;height:44px;margin-top:12px}.close{flex:none}.close svg{width:18px;height:18px}
@media(min-width:801px){html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-color:#527b97 #071827}html::-webkit-scrollbar{width:14px}html::-webkit-scrollbar-track{background:#071827}html::-webkit-scrollbar-thumb{background:#527b97;border:3px solid #071827;border-radius:8px}}
@media(max-width:1700px){.tile-rows{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{grid-template-columns:minmax(240px,1fr) 250px}.hero-art{left:37%;width:270px}.benefits{padding:0 13px}.benefits>div{gap:10px}.benefits>div>span{width:36px;height:40px}}
@media(max-width:1450px){.tile-rows{grid-template-columns:repeat(4,minmax(0,1fr))}.layout{grid-template-columns:300px minmax(0,1fr);gap:20px;margin:18px 22px 0}.rail{padding:18px 14px}.topbar{padding:12px 22px;grid-template-columns:1fr 210px minmax(180px,430px) auto;gap:16px}.hero{padding:24px;grid-template-columns:1fr 220px;min-height:270px}.hero-art{left:33%;opacity:.65}.hero-copy{max-width:330px}.benefits>div{padding:16px 0}.sort-control>span{display:none}}
@media(max-width:1150px){.layout{grid-template-columns:270px minmax(0,1fr);margin:16px;gap:16px}.rail{padding:16px 10px}.rail-tabs{gap:3px}.rail-tabs button{font-size:9px}.option-grid{gap:6px}.option-grid>button{height:96px}.option-visual{height:58px}.tile-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero{grid-template-columns:1fr;min-height:250px}.benefits{display:none}.hero-art{left:auto;right:0;bottom:22px;opacity:.65}.hero-copy{max-width:320px}.topbar{grid-template-columns:110px 190px minmax(150px,1fr) auto;gap:12px}.brand-logo{width:110px}.favorites-label{display:none}.favorites-control{padding:0 12px}.gift-row{grid-template-columns:68px minmax(100px,1.35fr) minmax(65px,.8fr) minmax(65px,.75fr) 76px 40px 70px;gap:9px}.gift-row .pattern{display:none}.table-head{display:none}}
@media(max-width:1000px) and (min-width:801px){.gift-row{grid-template-columns:68px minmax(0,1fr) 76px 36px 65px;gap:6px;padding:10px}.gift-row .meta{display:none}.row-heart{width:36px}}
@media(max-width:800px){.topbar{padding:10px 16px;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;min-height:66px}.markets{display:none}.brand-logo{width:110px}.top-search{height:42px}.favorites-control{min-height:42px;width:42px;padding:0;position:relative}.favorites-control i{position:absolute;top:-5px;right:-5px;height:18px;min-width:18px;font-size:9px}.layout{display:block;margin:14px 16px 0}#desktop-filter-host{display:none}.hero{min-height:220px}.hero h1{font-size:34px}.hero-art{right:18px;opacity:.8}.tile-rows{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-tools{gap:10px}#filters-open{display:block;min-height:40px;padding:8px 12px}.catalog-heading{flex:1 0 100%}.catalog-heading h2{font-size:17px}.sort-control{margin-left:auto}.sort-control select{width:145px}.tile-footer .price{font-size:13px}.tile-footer .row-buy{height:40px}.gift-row{grid-template-columns:62px minmax(100px,1fr) 78px 40px 72px;min-height:84px;gap:12px}.gift-row .meta{display:none}.thumb{width:62px;height:62px}}
@media(max-width:600px){.topbar{grid-template-columns:minmax(0,1fr) 42px;gap:10px;padding:9px 13px}.top-search{grid-column:1/-1;grid-row:2}.favorites-control{grid-column:2;grid-row:1}.layout{margin:12px}.hero{padding:22px 18px;min-height:212px}.hero h1{font-size:31px}.hero-copy>p{font-size:11px;max-width:210px}.hero-art{right:-150px;opacity:.25;bottom:20px}.hero-cta{font-size:12px;height:42px;padding:0 16px}.tile-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-heading h2{font-size:16px}.tile-info{padding:8px 2px 2px}.tile-info h3{font-size:12px}.tile-footer .row-buy{max-width:none;flex-basis:100%;height:40px}.tile-footer .price{font-size:13px}.gift-tile>.row-heart{width:34px;height:34px}.sort-control select{width:132px;font-size:10px}.view-switch button{width:34px}.catalog-tools{gap:7px}.secondary{font-size:10px}#filters-open{padding:8px}.gift-row{grid-template-columns:56px minmax(0,1fr) 68px 38px;min-height:78px;gap:12px}.thumb{width:56px;height:56px}.gift-row>.row-buy{display:none}.gift-row .price{font-size:12px}.gift-row .row-heart{width:38px}.gift-name .mobile-buy{min-height:44px}.gift-name .mobile-buy>span{display:block}.gift-name>.desktop-number{display:none}.gift-name b{font-size:13px}}
@media(max-width:359px){.view-switch button{width:30px}.sort-control select{width:119px}.hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body:has(dialog[open]){overflow:hidden}
/* Larger reference artwork fills the desktop hero without covering its controls. */
@media(min-width:1451px){.hero-art{width:450px;height:257px;background-size:1430px 805px;background-position:-679px -76px;left:38%;bottom:12px}}
@media(min-width:1151px) and (max-width:1450px){.hero-art{width:346px;height:198px;background-size:1100px 619px;background-position:-522px -58px}}
/* The isolated list retains V1 dimensions and reduces columns when its own space is narrow. */
#rows{container-type:inline-size;container-name:v2catalog}
@media(min-width:801px){
 @container v2catalog (max-width:920px){.gift-row{grid-template-columns:68px minmax(100px,1.35fr) minmax(65px,.8fr) minmax(65px,.75fr) 76px 40px 70px;gap:9px}.gift-row .pattern{display:none}}
 @container v2catalog (max-width:600px){.gift-row{grid-template-columns:68px minmax(0,1fr) 76px 36px 65px;gap:6px;padding:10px}.gift-row .meta{display:none}.gift-row .row-heart{width:36px}}
}
.gift-row .price{min-width:0}.gift-row .price.long-price{white-space:normal;overflow-wrap:anywhere}
@media(min-width:1451px){.topbar{grid-template-columns:336px 230px minmax(200px,510px) minmax(145px,1fr)}}
@media(min-width:1151px) and (max-width:1450px){.topbar{grid-template-columns:300px 210px minmax(180px,1fr) auto}}

.markets>.active:disabled{opacity:1}.hero-cta:disabled{cursor:default}.soon{font-size:9px;border:1px solid #ffffff55;padding:2px 5px;border-radius:5px;opacity:.8}

/* Square dictionary cards share one responsive layout across all four tabs. */
.option-grid{grid-auto-rows:max-content;align-items:start}
.option-grid>button,.option-grid>button.selected{aspect-ratio:1 / 1;width:100%;height:auto;position:relative;display:block;padding:0;overflow:hidden}
.option-grid .option-visual{position:absolute;inset:6px 6px 25px;width:auto;height:auto;min-height:0}
.option-grid .option-visual img{position:absolute;inset:0;padding:3px;width:100%;height:100%;object-fit:contain}
.option-grid .option-visual.color{inset:12% auto auto 22.5%;width:55%;height:auto;aspect-ratio:1;margin:0;border-radius:50%}
.option-grid .option-name{position:absolute;bottom:7px;left:5px;right:5px;line-height:1.2;display:block;text-align:center}
/* Crop only the illustration from the supplied full mockup. Feather all edges
   so its original stars, glow and platform merge into the hero background. */
.hero{background:radial-gradient(ellipse at 55% 55%,#122f58 0,transparent 65%),linear-gradient(115deg,#071726,#061320);isolation:isolate}
.hero-art{width:clamp(330px,32vw,545px);height:auto;aspect-ratio:545 / 288;left:auto;right:270px;bottom:8px;border-radius:0;opacity:1;background-size:306.789% 326.736%;background-position:68.323% 13.476%;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);mask-composite:intersect;pointer-events:none}
.hero-copy{max-width:380px}.hero-copy>p{max-width:340px}.hero h1{font-size:clamp(28px,3vw,49px)}
.hero-cta{text-decoration:none;gap:12px;max-width:100%;height:auto;min-height:46px;padding:12px 20px;line-height:1.3;text-align:center;border-radius:13px}
.hero-cta svg{width:18px;height:18px;flex:none}
.hero[hidden]{display:none}
@media(min-width:1701px){.hero-art{right:320px}}
@media(min-width:1151px) and (max-width:1450px){.hero-art{right:230px;width:clamp(270px,29vw,410px)}.hero-copy{max-width:300px}.hero-copy>p{max-width:260px}}
@media(min-width:801px) and (max-width:1150px){.hero{min-height:270px}.hero-art{right:-30px;width:330px;bottom:10px}.hero-copy{max-width:255px}.hero-copy>p{max-width:230px}.hero h1{font-size:32px}}
@media(min-width:601px) and (max-width:800px){.hero-art{right:0;width:340px}.hero-copy{max-width:300px}.hero-copy>p{max-width:270px}}
@media(max-width:600px){.hero{padding:20px 18px 8px;min-height:0;gap:0}.hero-copy{max-width:none}.hero-copy>p{max-width:none}.hero h1{font-size:31px}.hero-art{position:relative;left:auto;right:auto;bottom:auto;justify-self:center;width:min(100%,360px);margin-top:8px;opacity:1}.hero-cta{min-height:44px;padding:11px 16px}.hero h1 br{display:none}}

.option-status,#options-sentinel{grid-column:1/-1;text-align:center;color:var(--muted);font-size:12px}
#options-sentinel{height:1px}.option-status:empty{display:none}.option-status button{margin-top:8px}