:root{--bg:#080D16;--bg-2:#0B1220;--surface:#121A28;--surface-2:#17202F;--surface-3:#1D2839;--line:rgba(150,190,255,.12);--line-2:rgba(150,190,255,.07);--text:#EEF4FF;--text-2:#C4D0E2;--muted:#8A99B0;--accent:#3BA7FF;--accent-2:#1E7FD6;--accent-soft:rgba(59,167,255,.16);--success:#2ECC71;--danger:#FF4D5E;--warning:#F3B13A;--radius:20px;--radius-md:16px;--radius-sm:12px;--radius-pill:999px;--tap:44px;--shadow-1:0 2px 6px rgba(0,0,0,.42);--shadow-2:0 2px 6px rgba(0,0,0,.40),0 16px 34px rgba(0,0,0,.44);--shadow-3:0 3px 8px rgba(0,0,0,.45),0 26px 60px rgba(0,0,0,.55);--shadow-glow:0 10px 28px rgba(255,201,27,.26);--u-void:#05090F;--u-ink:#0A101C;--u-sky:#0E2038;--u-ground:#150F14;--u-glass-1:rgba(18,26,40,.78);--u-glass-2:rgba(12,19,31,.62);--u-glass-3:rgba(30,42,64,.55);--u-hi:rgba(255,255,255,.12);--u-lo:rgba(0,0,0,.34);--u-line:rgba(150,190,255,.14);--u-line-hot:rgba(255,201,27,.45);--u-text:#EEF4FF;--u-text-2:#C4D0E2;--u-muted:#8A99B0;--u-on-yellow:#1A1206;--u-on-blue:#04182B;--u-yellow:#FFC91B;--u-yellow-hi:#FFE070;--u-yellow-deep:#D89400;--u-yellow-edge:#B87A00;--u-yellow-glow:rgba(255,201,27,.30);--u-yellow-soft:rgba(255,201,27,.12);--u-blue:#3BA7FF;--u-blue-hi:#7FD0FF;--u-blue-2:#1E7FD6;--u-blue-deep:#0E5FA8;--u-blue-edge:#093F72;--u-blue-glow:rgba(59,167,255,.26);--u-rock:#C9566A;--u-rock-2:#8E4050;--u-rock-3:#5A2B3C;--u-sand:#F2A65A;--u-sand-2:#E8843C;--u-cloud:#EAF4FF;--u-grad-scene:linear-gradient(180deg,#0E2038 0%,#0A101C 44%,#0B0D14 74%,#150F14 100%);--u-grad-yellow:linear-gradient(168deg,#FFE070 0%,#FFC91B 46%,#F2A65A 100%);--u-grad-blue:linear-gradient(150deg,#7FD0FF 0%,#3BA7FF 42%,#0E5FA8 100%);--u-grad-glass:linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 38%,rgba(0,0,0,.16) 100%);--u-grad-text3d:linear-gradient(180deg,#FFE070 0%,#FFC91B 58%,#F2A65A 100%);--u-grad-sheen:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 47%,rgba(255,255,255,.36) 51%,transparent 62%);--u-grad-hairline:linear-gradient(90deg,transparent 0%,rgba(255,201,27,.55) 26%,rgba(59,167,255,.55) 74%,transparent 100%);--u-grad-horizon:linear-gradient(0deg,rgba(232,132,60,.42) 0%,rgba(255,201,27,.16) 40%,transparent 100%);--u-sh-contact:0 2px 6px rgba(0,0,0,.42);--u-sh-amb:0 18px 40px rgba(0,0,0,.46);--u-sh-lift:0 28px 64px rgba(0,0,0,.55);--u-sh-yellow:0 10px 30px rgba(255,201,27,.24);--u-sh-blue:0 10px 30px rgba(59,167,255,.22);--u-edge-y:0 3px 0 var(--u-yellow-edge);--u-edge-y-press:0 1px 0 var(--u-yellow-edge);--u-edge-b:0 3px 0 var(--u-blue-edge);--u-edge-b-press:0 1px 0 var(--u-blue-edge);--u-edge-glass:0 2px 0 rgba(0,0,0,.38);--u-ease-cine:cubic-bezier(.16,.84,.24,1);--u-ease-depth:cubic-bezier(.22,1,.28,1);--u-ease-snap:cubic-bezier(.34,1.56,.44,1);--u-ease-anticip:cubic-bezier(.70,-.35,.28,1.35);--u-ease-inout:cubic-bezier(.65,.02,.28,1);--u-ease-drift:cubic-bezier(.45,0,.55,1);--u-t-tap:110ms;--u-t-quick:200ms;--u-t-enter:420ms;--u-t-sheet-in:360ms;--u-t-sheet-out:240ms;--u-t-page-out:220ms;--u-t-page-in:420ms;--u-stagger:40ms;--u-scroll:0px;--u-scroll-n:0;--u-rx:0deg;--u-ry:0deg;--u-blur-app:10px;--u-blur-dock:12px}
html.u-sheet-open{--u-blur-app:0px;--u-blur-dock:0px}
.grid{content-visibility:visible;contain-intrinsic-size:auto}
.card-media:not(.is-loaded){opacity:1}
html{background:var(--u-void);overscroll-behavior:none}
body{background:var(--u-void);background-image:var(--u-grad-scene);background-attachment:fixed;color:var(--u-text)}
.page{padding-left:max(14px,var(--safe-left));padding-right:max(14px,var(--safe-right));padding-bottom:calc(112px + var(--safe-bottom));position:relative;z-index:1}
.page .grid{padding-bottom:0}
.page .detail{padding-bottom:0}
.page .info-wrap{padding-bottom:0}
.hero{display:none}
::selection{background:var(--u-yellow-soft);color:var(--u-text)}
[data-u-decor]{position:fixed;inset:-14%;z-index:-1;pointer-events:none;overflow:hidden;contain:layout paint style}
[data-u-decor] *{pointer-events:none}
[data-u-decor] .u-scene{position:absolute;inset:0;background:var(--u-grad-scene)}
[data-u-decor] .u-scene::after{content:"";position:absolute;inset:0;background-image:
repeating-conic-gradient(rgba(255,255,255,.030) 0% 25%,rgba(0,0,0,0) 0% 50%);background-size:3px 3px;opacity:.55;mix-blend-mode:overlay}
[data-u-decor] .u-aurora{position:absolute;inset:0;opacity:.20;background-image:
radial-gradient(circle at 22% 18%,#33C4FF 0%,transparent 60%),
radial-gradient(circle at 78% 32%,#4A5BD8 0%,transparent 58%),
radial-gradient(circle at 46% 76%,#C9566A 0%,transparent 62%);filter:blur(60px);will-change:transform}
[data-u-decor] .u-horizon{position:absolute;left:-10%;right:-10%;bottom:0;height:38vh;background:var(--u-grad-horizon);transform-origin:bottom;opacity:.45;will-change:transform,opacity}
[data-u-decor] .u-rocks{position:absolute;left:-6%;right:-6%;bottom:0;height:34vh;min-height:180px}
[data-u-decor] .u-rocks svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;display:block;will-change:transform}
[data-u-decor] .u-rock-far{fill:var(--u-rock-3);transform:translate3d(0,calc(var(--u-scroll) * -.06),0)}
[data-u-decor] .u-rock-mid{fill:var(--u-rock-2);transform:translate3d(0,calc(var(--u-scroll) * -.12),0)}
[data-u-decor] .u-rock-near{fill:var(--u-rock);opacity:.55;transform:translate3d(0,calc(var(--u-scroll) * -.22),0)}
[data-u-decor] .u-dust{position:absolute;inset:0;display:none}
html[data-u-page="index"] [data-u-decor] .u-dust{display:block}
[data-u-decor] .u-dust i{position:absolute;bottom:22%;width:4px;height:4px;border-radius:50%;background:rgba(255,201,27,.18);opacity:0;will-change:transform,opacity}
[data-u-decor] .u-dust i:nth-child(1){left:12%;width:3px;height:3px}
[data-u-decor] .u-dust i:nth-child(2){left:31%;width:5px;height:5px}
[data-u-decor] .u-dust i:nth-child(3){left:53%;width:3px;height:3px}
[data-u-decor] .u-dust i:nth-child(4){left:71%;width:4px;height:4px}
[data-u-decor] .u-dust i:nth-child(5){left:88%;width:3px;height:3px}
.appbar{background:linear-gradient(180deg,
rgba(10,16,26,.34) 0%,
rgba(10,16,26,.30) 100%);-webkit-backdrop-filter:blur(var(--u-blur-app));backdrop-filter:blur(var(--u-blur-app));border-bottom:0;z-index:30;transition:background-color 220ms var(--u-ease-cine)}
html.u-scrolled .appbar{background:linear-gradient(180deg,
rgba(10,16,26,.88) 0%,
rgba(10,16,26,.86) 100%)}
.appbar::after{background:var(--u-grad-hairline);opacity:.25;height:1px;bottom:0;transition:opacity 220ms var(--u-ease-cine)}
html.u-scrolled .appbar::after{opacity:1}
.appbar-row{gap:10px}
.brand{position:relative}
.brand::after{content:"";position:absolute;left:-3px;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:16px;background:conic-gradient(from 200deg,var(--u-yellow),var(--u-blue),var(--u-yellow));opacity:.35;z-index:-1;pointer-events:none}
.appbar.is-compact .brand::after{width:44px;height:44px;margin-top:-22px}
.brand-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;border:1px solid var(--u-hi);background:var(--u-ink);box-shadow:var(--u-sh-contact);position:relative}
.brand-title{background:var(--u-grad-text3d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(216,148,0,.45);letter-spacing:-.01em;font-weight:900}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.brand-title{color:var(--u-yellow);-webkit-text-fill-color:var(--u-yellow)}
}
.appbar .brand-sub{color:var(--u-muted);text-transform:uppercase;font-size:10.5px;letter-spacing:.08em;font-weight:800}
.detail .brand-sub{color:var(--u-text-2);font-weight:800;white-space:normal}
.detail .brand-sub b{color:var(--u-yellow)}
.icon-btn{width:44px;height:44px;border-radius:14px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);font-size:18px;box-shadow:var(--u-sh-contact),var(--u-edge-glass),inset 0 1px 0 var(--u-hi);transition:background-color var(--u-t-quick) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
transform var(--u-t-tap) var(--u-ease-cine);text-shadow:0 1px 1px rgba(0,0,0,.5)}
.icon-btn:active{transform:translateY(2px);border-color:var(--u-line-hot);box-shadow:var(--u-sh-contact),0 0 0 rgba(0,0,0,.38),inset 0 1px 0 var(--u-hi)}
@media (hover:hover){.icon-btn:hover{background-color:rgba(40,55,82,.62);border-color:var(--u-line-hot)}
}
.appbar.is-compact .icon-btn{width:40px;height:40px;border-radius:13px}
.appbar.is-compact .brand-logo{width:38px;height:38px;border-radius:12px}
.catalog-top-logo{position:relative;display:block;margin-left:calc(-1 * max(14px, var(--safe-left, 0px)));margin-right:calc(-1 * max(14px, var(--safe-right, 0px)));margin-bottom:14px;padding:9px 0}
.catalog-top-logo::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(255,201,27,.35) 8%,#FFD84D 18%,#FFF3C4 28%,#FFC91B 38%,var(--u-blue-hi) 50%,#FFC91B 62%,#FFF3C4 72%,#FFD84D 82%,rgba(255,201,27,.35) 92%,transparent 100%);box-shadow:0 0 10px rgba(255,216,77,.85),0 0 22px rgba(255,201,27,.60),0 0 40px rgba(255,201,27,.30),0 0 28px rgba(59,167,255,.22);opacity:1;animation:none;pointer-events:none}
.catalog-top-logo-img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:fill;border:0;border-radius:6px;background:var(--u-ink);box-shadow:
inset 0 0 0 1px rgba(255,255,255,.14),
inset 0 -18px 30px -18px rgba(0,0,0,.55),
0 14px 34px rgba(0,0,0,.55),
0 8px 26px rgba(255,201,27,.13);transform:none;opacity:1;transition:transform 420ms var(--u-ease-snap),opacity 260ms var(--u-ease-cine)}
html.u-scrolled .catalog-top-logo-img{opacity:.62}
.catalog-top-logo-img.u-tilting{transition:none}
.catalog-top-logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(255,201,27,.35) 8%,#FFD84D 18%,#FFF3C4 28%,#FFC91B 38%,var(--u-blue-hi) 50%,#FFC91B 62%,#FFF3C4 72%,#FFD84D 82%,rgba(255,201,27,.35) 92%,transparent 100%);box-shadow:0 0 10px rgba(255,216,77,.85),0 0 22px rgba(255,201,27,.60),0 0 40px rgba(255,201,27,.30),0 0 28px rgba(59,167,255,.22);opacity:1;animation:none;pointer-events:none}
.filters{background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);border-radius:22px;padding:12px;margin-top:6px;gap:10px;box-shadow:var(--u-sh-contact),inset 0 1px 0 var(--u-hi)}
.filter-row{gap:10px}
.filter-row-search-only{gap:0}
.filter-row-search-only .search{flex:1 1 auto;width:100%;min-width:0}
.chip-btn{min-height:52px;padding:8px 13px;border-radius:16px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-edge-glass),var(--u-sh-contact);transition:background-color var(--u-t-quick) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
transform var(--u-t-tap) var(--u-ease-cine)}
.chip-btn small{color:var(--u-muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:800}
.chip-btn > div:first-child > div{color:var(--u-text);font-size:14px;font-weight:800;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip-btn > div[aria-hidden]{color:var(--u-yellow);font-size:14px;line-height:1;transition:transform var(--u-t-quick) var(--u-ease-snap)}
.chip-btn.u-open > div[aria-hidden]{transform:rotate(180deg)}
.chip-btn:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38),var(--u-sh-contact);border-color:var(--u-line-hot)}
@media (hover:hover){.chip-btn:hover{background-color:rgba(40,55,82,.62);border-color:var(--u-line-hot)}
}
.search{border-radius:16px;min-height:52px;background:rgba(8,13,22,.62);border:1px solid var(--u-line);box-shadow:inset 0 2px 6px rgba(0,0,0,.35);transition:border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-quick) var(--u-ease-cine)}
.search:focus-within{background:rgba(8,13,22,.62);border-color:var(--u-line-hot);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 0 0 3px var(--u-yellow-soft)}
.search .k{color:var(--u-muted);transition:color var(--u-t-quick) var(--u-ease-cine)}
.search:focus-within .k{color:var(--u-yellow)}
.search input{color:var(--u-text);font-weight:700}
.search input::placeholder{color:rgba(160,178,202,.62)}
.search-clear{width:26px;height:26px;background:var(--u-glass-3);border:1px solid var(--u-line);color:var(--u-text-2);box-shadow:var(--u-edge-glass)}
.search-clear:active{transform:scale(.9)}
.cat-strip{position:relative;gap:8px;padding:5px 4px 9px}
.cat-pill{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:var(--radius-pill);background-color:var(--u-glass-3);border:1px solid var(--u-line);color:var(--u-text-2);font-weight:800;box-shadow:var(--u-edge-glass);transition:background-color var(--u-t-quick) var(--u-ease-cine),
color var(--u-t-quick) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
transform var(--u-t-quick) var(--u-ease-snap)}
.cat-pill.active{background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);border-color:transparent;box-shadow:var(--u-edge-y),var(--u-sh-yellow);transform:scale(1.04);font-weight:900}
.cat-pill:active{transform:translateY(2px) scale(.99);box-shadow:0 0 0 rgba(0,0,0,.38)}
.cat-pill.active:active{box-shadow:var(--u-edge-y-press),var(--u-sh-yellow)}
@media (hover:hover){.cat-pill:hover{border-color:var(--u-line-hot);color:var(--u-text)}
.cat-pill.active:hover{color:var(--u-on-yellow)}
}
[data-u-ink]{position:absolute;left:0;top:0;width:0;height:0;border:0;border-radius:14px;background:var(--u-yellow-soft);z-index:0;pointer-events:none;opacity:0}
[data-u-ink].is-ready{opacity:1}
.catalog-note{margin:2px 0 0;padding:11px 14px;border-radius:14px;border:1px solid var(--u-line-hot);background:linear-gradient(180deg,rgba(255,201,27,.13),rgba(255,201,27,.03));color:var(--u-text);font-weight:800}
.catalog-note b{color:var(--u-yellow)}
.grid{gap:12px;padding-top:12px;perspective:1000px}
.card{background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);border-radius:20px;box-shadow:var(--u-sh-contact),var(--u-sh-amb);transition:transform var(--u-t-quick) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-quick) var(--u-ease-cine)}
.card::before{background:linear-gradient(160deg,rgba(255,201,27,.45),rgba(59,167,255,.18) 42%,rgba(255,255,255,.08));opacity:.45}
.card:active::before,
.card.is-pressing::before{opacity:1}
.card::after{background:radial-gradient(240px circle at var(--press-x) var(--press-y),
rgba(255,255,255,.14),
rgba(255,201,27,.10) 40%,
transparent 62%)}
.card:active{transform:scale(.985)}
.card.u-tilting{transform:perspective(800px) rotateX(var(--u-rx)) rotateY(var(--u-ry)) translateZ(0);transition:none;box-shadow:var(--u-sh-contact),var(--u-sh-lift)}
.card.u-tilting:active{transform:perspective(800px) rotateX(var(--u-rx)) rotateY(var(--u-ry)) translateZ(0)}
@media (hover:hover){.card:hover{transform:translateY(-3px);border-color:var(--u-line-hot);box-shadow:var(--u-sh-contact),var(--u-sh-lift)}
}
.card-media{aspect-ratio:1 / 1;object-fit:cover;background:var(--u-ink);transform:none;transition:opacity 220ms ease}
@media (hover:hover){.card:hover .card-media{transform:translate3d(0,var(--u-media-y,0px),0) scale(1.09)}
}
video.card-media{transform:scale(1.04)}
@media (hover:hover){.card:hover video.card-media{transform:scale(1.04)}
}
.card-media:not(.is-loaded){background-image:
linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 50%,rgba(255,255,255,0) 100%),
linear-gradient(135deg,#0C1524 0%,#141E31 50%,#0C1524 100%)}
.card-body,
.card-body-title-only{padding:12px 12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);position:relative;z-index:1}
.card-title{color:var(--u-text);font-size:13.5px;font-weight:700;line-height:1.28}
.card-title mark{background:var(--u-grad-yellow);color:var(--u-on-yellow);padding:0 3px;border-radius:4px;font-weight:900}
.card .card-price{position:absolute;right:10px;bottom:calc(100% + 10px);padding:5px 10px;border-radius:999px;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);box-shadow:var(--u-edge-y),var(--u-sh-yellow);transform:translateZ(24px);font-weight:900;margin:0}
.grid-empty{text-align:center;padding:44px 20px 40px}
.grid-empty-icon{font-size:54px;margin-bottom:12px;filter:drop-shadow(0 10px 26px var(--u-yellow-glow))}
.grid-empty-title{font-size:var(--fs-lg);font-weight:900;margin-bottom:6px;background:var(--u-grad-text3d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(216,148,0,.4)}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.grid-empty-title{color:var(--u-yellow);-webkit-text-fill-color:var(--u-yellow)}
}
.grid-empty-sub{color:var(--u-muted);font-weight:700}
.tabs{left:10px;right:10px;bottom:max(10px,var(--safe-bottom));padding:6px;gap:2px;border-radius:22px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--u-glass-2);-webkit-backdrop-filter:blur(var(--u-blur-dock));backdrop-filter:blur(var(--u-blur-dock));border:1px solid var(--u-line);border-top:1px solid var(--u-line);box-shadow:var(--u-sh-lift),inset 0 1px 0 var(--u-hi);z-index:40}
.tabs::before{left:14px;right:14px;top:0;background:var(--u-grad-hairline);opacity:.6;border-radius:999px}
.tab{position:relative;z-index:1;min-height:52px;border-radius:16px;color:var(--u-muted);font-size:9.5px;letter-spacing:0;font-weight:800;gap:2px;padding:5px 2px;border:1px solid transparent;transition:color var(--u-t-quick) var(--u-ease-cine),
background-color var(--u-t-quick) var(--u-ease-cine),
transform var(--u-t-tap) var(--u-ease-cine)}
.tab .icon{font-size:19px;line-height:1;transition:transform var(--u-t-quick) var(--u-ease-snap),
filter var(--u-t-quick) var(--u-ease-cine)}
.tab span{transition:transform var(--u-t-quick) var(--u-ease-snap)}
.tab.active{background-color:var(--u-yellow-soft);background-image:none;border-color:transparent;color:var(--u-yellow)}
.tab.active .icon{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 0 6px var(--u-yellow-glow))}
.tab:active{transform:translateY(1px) scale(.96)}
@media (hover:hover){.tab:hover{background-color:rgba(255,255,255,.05);color:var(--u-text-2)}
.tab.active:hover{color:var(--u-yellow)}
}
.tabs .tab.active::after{background:var(--u-grad-yellow);box-shadow:0 0 10px var(--u-yellow-glow)}
html.u-js .tabs .tab.active::after{display:none}
.tabs .tab.active .icon::before{content:"";position:absolute;inset:-7px -12px;border-radius:16px;background:var(--u-yellow-soft);box-shadow:0 0 0 1px var(--u-line-hot) inset;z-index:-1;animation:u-ink-pop 320ms var(--u-ease-snap) both}
.tabs [data-u-ink]{display:none;border-radius:16px;background:var(--u-yellow-soft);box-shadow:0 0 0 1px var(--u-line-hot) inset}
.badge{background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);border:1px solid rgba(255,255,255,.35);box-shadow:var(--u-sh-yellow);font-weight:900}
.back{display:inline-flex;align-items:center;gap:8px;margin:12px 0 10px;padding:9px 14px;border-radius:999px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-blue-hi);font-weight:800;box-shadow:var(--u-edge-glass),var(--u-sh-contact);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine)}
.back:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38),var(--u-sh-contact)}
.detail{padding:16px 14px;margin:0 auto 14px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);border-radius:22px;box-shadow:var(--u-sh-contact),var(--u-sh-amb)}
.detail.detail-tight{padding:14px 12px}
.detail h1{color:var(--u-text);margin:12px 0 6px;letter-spacing:-.01em}
.detail h2{color:var(--u-text);margin:10px 0 6px}
.detail .desc{color:var(--u-text-2);line-height:1.62}
.detail-order-note{background:linear-gradient(180deg,rgba(255,201,27,.12),rgba(255,201,27,.03));border:1px solid var(--u-line-hot);border-radius:14px;color:var(--u-text);font-weight:800}
.detail-order-note b{color:var(--u-yellow)}
.detail-block{margin-top:4px}
.small-note{color:var(--u-muted);font-weight:700}
.success-text{color:var(--success)!important}
.slider{border-radius:22px;border:1px solid var(--u-line);background:var(--u-ink);box-shadow:var(--u-sh-amb)}
.slider-btn{width:40px;height:40px;border-radius:50%;background:var(--u-glass-3);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-sh-contact);opacity:0;transition:opacity var(--u-t-quick) var(--u-ease-cine),
transform var(--u-t-tap) var(--u-ease-cine)}
.slider.u-touched .slider-btn{opacity:.92}
@media (hover:hover){.slider:hover .slider-btn{opacity:.92}
}
.slider-btn:focus-visible{opacity:1}
.dots{margin:12px 0 4px}
.dot{background:rgba(255,255,255,.22)}
.dot.active{background:var(--u-yellow);width:22px;border-radius:6px}
.order-step .dot{width:22px;height:22px;border-radius:50%;background:var(--u-yellow-soft);border:1px solid var(--u-line-hot);color:var(--u-yellow)}
.chips{gap:8px;margin:12px 0}
.chip{border-radius:var(--radius-pill);background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);font-weight:800;box-shadow:var(--u-edge-glass),var(--u-sh-contact);position:relative;overflow:hidden;transition:background-color var(--u-t-quick) var(--u-ease-cine),
color var(--u-t-quick) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
transform var(--u-t-quick) var(--u-ease-snap)}
.chip::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.9);opacity:0;pointer-events:none;border-radius:inherit}
.chip.active{background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);border-color:transparent;box-shadow:var(--u-edge-y),var(--u-sh-yellow);transform:scale(1.03)}
.chip.active b,
.chip.active span,
.chip.active strong,
.chip.active em{color:var(--u-on-yellow)}
.chip:active{transform:translateY(2px) scale(.99);box-shadow:0 0 0 rgba(0,0,0,.38)}
.chip.active:active{box-shadow:var(--u-edge-y-press),var(--u-sh-yellow)}
.chips-grams .chip{background-color:var(--u-glass-3)}
.chips-grams .chip.active{background-color:transparent}
.gram-summary-inline{background:linear-gradient(180deg,rgba(255,201,27,.12),rgba(255,255,255,.02));border:1px solid var(--u-line-hot);border-radius:16px;color:var(--u-text-2);font-weight:800}
.gram-summary-inline strong{color:var(--u-yellow);font-size:20px;font-weight:900;text-shadow:0 2px 0 rgba(216,148,0,.35)}
.gram-custom-panel{border:1px solid var(--u-line);border-radius:20px;background:rgba(8,13,22,.42);overflow:hidden}
.gram-custom-panel,
.gram-custom-form,
.gram-action-form{max-width:100%}
.gram-custom-form{grid-template-columns:minmax(0,1fr);justify-items:stretch}
.gram-custom-form > *,
.gram-inline-input,
.gram-inline-input > *,
.gram-live-card,
.gram-live-card > div,
.gram-input-row{min-width:0;max-width:100%}
.gram-input-row{flex-wrap:wrap;justify-content:center}
.gram-input-row input[data-gram-display]{min-width:0;flex:1 1 90px;text-align:center}
.gram-custom-head,
.gram-inline-input > span{text-align:center}
.gram-custom-head span{color:var(--u-text)}
.gram-custom-head small{color:var(--u-muted)}
.gram-input-row input[data-gram-display]{border-radius:14px;border:1px solid var(--u-line);background:rgba(8,13,22,.6);box-shadow:inset 0 2px 6px rgba(0,0,0,.35);color:var(--u-text);font-weight:900;font-size:19px}
.gram-input-row input[data-gram-display]:focus{border-color:var(--u-line-hot);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 0 0 3px var(--u-yellow-soft);outline:0}
.gram-input-row em{color:var(--u-muted)}
.gram-live-card div{border-radius:14px;background:rgba(8,13,22,.5);border:1px solid var(--u-line)}
.gram-live-card span{color:var(--u-muted)}
.gram-live-card strong{color:var(--u-yellow);font-weight:900}
.shared-savings-box{border-radius:16px;border:1px solid rgba(46,204,113,.3);background:rgba(46,204,113,.08)}
.cta{min-height:52px;border-radius:16px;background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);font-weight:900;letter-spacing:.1px;border:0;box-shadow:var(--shadow-glow),var(--u-edge-y),inset 0 1px 0 rgba(255,255,255,.55);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
filter var(--u-t-quick) var(--u-ease-cine)}
.cta:active{transform:translateY(2px);box-shadow:var(--u-edge-y-press),inset 0 1px 0 rgba(255,255,255,.45)}
.cta.ghost{background-image:none;background-color:var(--u-glass-3);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-edge-glass),var(--u-sh-contact)}
.cta.ghost:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38)}
.cta > .u-sheen,
.btn > .u-sheen{position:absolute;inset:0;background:var(--u-grad-sheen);mix-blend-mode:screen;opacity:0;pointer-events:none;border-radius:inherit}
.btn{min-height:46px;border-radius:14px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);font-weight:900;box-shadow:var(--u-edge-glass),var(--u-sh-contact);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine),
filter var(--u-t-quick) var(--u-ease-cine)}
.btn:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38),var(--u-sh-contact)}
.btn.primary{background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);border-color:transparent;box-shadow:var(--u-edge-y),var(--u-sh-yellow),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.primary:active{box-shadow:var(--u-edge-y-press),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.secondary{background-color:var(--u-glass-3);background-image:none;border:1px solid rgba(59,167,255,.30);color:var(--u-blue-hi);box-shadow:var(--u-edge-b),var(--u-sh-contact)}
.btn.secondary:active{box-shadow:var(--u-edge-b-press),var(--u-sh-contact)}
.btn.danger{background-color:var(--danger);background-image:none;color:#2A0206;border-color:transparent;box-shadow:0 3px 0 #8E1420,var(--u-sh-contact)}
.btn.large{min-height:56px;border-radius:16px;font-size:var(--fs-md)}
.btn.primary.large{min-height:56px;letter-spacing:.2px}
button[disabled],
.btn[disabled],
.cta[disabled],
.btn[aria-disabled="true"]{filter:saturate(.2) brightness(.8);box-shadow:none;transform:none;opacity:.75;cursor:not-allowed;pointer-events:none}
@media (hover:hover){.cta:hover{filter:brightness(1.05)}
.btn:hover{filter:brightness(1.06);border-color:var(--u-line-hot)}
.btn.secondary:hover{border-color:rgba(59,167,255,.55)}
}
.qty-btn{width:44px;height:44px;border-radius:14px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);font-size:22px;font-weight:900;box-shadow:var(--u-edge-glass),var(--u-sh-contact);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine),
border-color var(--u-t-quick) var(--u-ease-cine)}
.qty-btn:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38),var(--u-sh-contact);border-color:var(--u-line-hot)}
.qty-inline{gap:10px}
.qty-value{min-width:38px;font-weight:900;font-size:17px;color:var(--u-text);font-variant-numeric:tabular-nums}
.qty-picker input[data-qty-input]{border-radius:14px;border:1px solid var(--u-line);background:rgba(8,13,22,.6);box-shadow:inset 0 2px 6px rgba(0,0,0,.35);color:var(--u-text)}
.cart{gap:10px}
.cart-item{position:relative;padding:14px 14px 14px 18px;border-radius:18px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);box-shadow:var(--u-sh-contact),var(--u-sh-amb)}
.cart-item::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background-image:var(--u-grad-yellow);opacity:.7;pointer-events:none}
.cart-item .name{color:var(--u-text);font-weight:800}
.cart-item .sub{color:var(--u-muted);font-weight:700}
.cart-item .sub b{color:var(--u-yellow);font-weight:900}
.cart-item .sub.success-text b{color:var(--success)}
.cart-remove{min-width:100px;border-radius:12px;background-color:var(--u-glass-3);border:1px solid rgba(255,77,94,.28);color:#FF8B96;box-shadow:0 3px 0 rgba(120,20,30,.55),var(--u-sh-contact)}
.cart-remove:active{box-shadow:0 1px 0 rgba(120,20,30,.55),var(--u-sh-contact)}
.cart-actions{gap:10px}
.total-line{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,201,27,.14),rgba(255,255,255,.02));border:1px solid var(--u-line-hot);color:var(--u-text)}
.total-line span:first-child{color:var(--u-muted);text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}
.total-line span:last-child{font-size:clamp(24px,7vw,32px);font-weight:900;line-height:1.05;background:var(--u-grad-text3d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(216,148,0,.5);font-variant-numeric:tabular-nums}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.total-line span:last-child{color:var(--u-yellow);-webkit-text-fill-color:var(--u-yellow)}
}
.total-line::before{background:var(--u-grad-sheen);opacity:0}
.minimum-order-card{position:relative;border-radius:20px;padding:16px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);box-shadow:var(--u-sh-contact),var(--u-sh-amb);overflow:hidden}
.minimum-order-card.is-ready{border-color:rgba(46,204,113,.4);background-image:linear-gradient(180deg,rgba(46,204,113,.13),rgba(255,255,255,.02))}
.minimum-order-label{color:var(--u-muted);letter-spacing:.08em}
.minimum-order-top strong{color:var(--u-yellow);font-size:21px;font-weight:900}
.minimum-order-card.is-ready .minimum-order-top strong{color:var(--success)}
.minimum-order-state{color:var(--u-text-2)}
.minimum-order-progress{height:10px;background:rgba(0,0,0,.35);border:1px solid var(--u-line);border-radius:999px;margin:14px 0 10px}
.minimum-order-progress span{background-image:var(--u-grad-yellow);box-shadow:0 0 12px var(--u-yellow-glow)}
.minimum-order-card.is-ready .minimum-order-progress span{background-image:linear-gradient(90deg,#36D375,#2BB86B);box-shadow:0 0 12px rgba(46,204,113,.35)}
.minimum-order-copy{color:var(--u-text-2)}
[data-u-confetti]{position:absolute;left:50%;top:34%;width:0;height:0;pointer-events:none;z-index:2}
[data-u-confetti] i{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);opacity:0}
[data-u-confetti] i:nth-child(3n+1){background:var(--u-yellow)}
[data-u-confetti] i:nth-child(3n+2){background:var(--u-blue)}
[data-u-confetti] i:nth-child(3n+3){background:var(--u-sand)}
.order-help{border-radius:18px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);box-shadow:var(--u-sh-contact);padding:14px}
.order-step{color:var(--u-text-2);font-weight:800}
.order-step b{color:var(--u-yellow)}
.form-grid label{color:var(--u-text)}
.form-grid .label-title{color:var(--u-text);font-weight:800}
.form-grid .hint{color:var(--u-muted);font-size:11px;font-weight:700}
.form-grid input,
.form-grid textarea,
.form-grid select{border-radius:14px;border:1px solid var(--u-line);background:rgba(8,13,22,.6);box-shadow:inset 0 2px 6px rgba(0,0,0,.35);color:var(--u-text);padding:13px 14px;transition:border-color var(--u-t-quick) var(--u-ease-cine),
box-shadow var(--u-t-quick) var(--u-ease-cine)}
.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus{border-color:var(--u-line-hot);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 0 0 3px var(--u-yellow-soft);outline:0}
.form-grid label.is-readonly input{background:rgba(255,255,255,.03);border-color:var(--u-line-2);color:var(--u-text-2)}
.form-grid select,
.form-grid select:focus,
.form-grid select:hover,
.form-grid select:active{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none !important;background-color:rgba(8,13,22,.6);padding-right:16px;cursor:pointer;font-weight:800;text-overflow:ellipsis}
.form-grid select option{background:#0E1626;color:var(--u-text);font-weight:700}
.postal-fields{border-radius:18px;border:1px dashed var(--u-line);background:rgba(255,255,255,.02)}
.alert{border-radius:14px;background:var(--u-glass-1);border:1px solid var(--u-line);color:var(--u-text)}
.alert.error{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.35)}
.alert.success{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.4)}
.sheet{z-index:60}
.scrim{background:rgba(3,6,12,.66);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity var(--u-t-sheet-in) var(--u-ease-cine),
backdrop-filter var(--u-t-sheet-in) var(--u-ease-cine),
-webkit-backdrop-filter var(--u-t-sheet-in) var(--u-ease-cine)}
.sheet.open .scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.u-sheet-open .page,
html.u-sheet-open .appbar:not(.is-hidden),
html.u-sheet-open .tabs{transform:scale(.965) translateY(6px);transform-origin:50% 0;filter:brightness(.82);transition:transform var(--u-t-sheet-in) var(--u-ease-depth),
filter var(--u-t-sheet-in) var(--u-ease-depth)}
.page,
.tabs{transition:transform var(--u-t-sheet-out) var(--u-ease-cine),
filter var(--u-t-sheet-out) var(--u-ease-cine)}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%),rgba(12,19,31,.97);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:var(--u-sh-lift);padding:14px 18px calc(20px + var(--safe-bottom))}
.panel::before{width:40px;height:4px;background:rgba(255,255,255,.22);margin:0 auto 10px}
.panel h3{color:var(--u-text)}
.panel p{color:var(--u-text-2)}
.close{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:0;border-radius:999px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-edge-glass),var(--u-sh-contact);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine)}
.close::before{content:"✕";font-size:15px;font-weight:900;line-height:1}
.close:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38)}
.sheet-links a{border-radius:14px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-edge-glass)}
.sheet-links a.active{background-color:var(--u-yellow-soft);background-image:none;border-color:var(--u-line-hot);box-shadow:inset 3px 0 0 var(--u-yellow);color:var(--u-text)}
.sheet-links a > span:last-child{color:var(--u-yellow);font-weight:900}
#sheetCats .sheet-links{background:rgba(8,13,22,.42);border:1px solid var(--u-line);border-radius:16px}
#sheetCats .sheet-links a{box-shadow:none}
#sheetCats .sheet-links a+a{border-top:1px solid var(--u-line-2)}
.modal{z-index:80}
.modal-backdrop{background:rgba(3,6,12,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.modal-card{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%),rgba(14,21,32,.98);border:1px solid var(--u-line);border-radius:24px;box-shadow:var(--u-sh-lift)}
.modal-card h3{color:var(--u-text)}
.modal-card p{color:var(--u-text-2)}
.modal-actions{gap:10px}
.toast-stack{bottom:calc(88px + var(--safe-bottom));align-items:center}
.toast{border-radius:16px;background:rgba(14,21,32,.96);border:1px solid var(--u-line);border-left:3px solid var(--u-yellow);color:var(--u-text);box-shadow:var(--u-sh-lift);-webkit-backdrop-filter:none;backdrop-filter:none}
.toast.success{border-left-color:var(--success);border-color:rgba(46,204,113,.35)}
.toast.error{border-left-color:var(--danger);border-color:rgba(255,77,94,.4)}
.fab-top{bottom:calc(92px + var(--safe-bottom));background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-yellow);box-shadow:var(--u-sh-lift),var(--u-edge-glass)}
.info-wrap{padding-top:10px}
.info-stack{gap:12px}
.info-card{border-radius:20px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);border:1px solid var(--u-line);box-shadow:var(--u-sh-contact),var(--u-sh-amb);padding:18px 16px;position:relative}
.info-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,201,27,.35),transparent);pointer-events:none}
.info-icon{background:var(--u-glass-3);border:1px solid var(--u-line);box-shadow:var(--u-edge-glass),var(--u-sh-contact)}
.info-title{background:var(--u-grad-text3d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(216,148,0,.4);font-weight:900}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.info-title{color:var(--u-yellow);-webkit-text-fill-color:var(--u-yellow)}
}
.info-title .n{-webkit-text-fill-color:var(--u-on-yellow);color:var(--u-on-yellow);background:var(--u-grad-yellow);box-shadow:var(--u-edge-y);border:0}
.info-text{color:var(--u-text-2)}
.info-bullets{color:var(--u-text-2)}
.info-bullets li::marker{color:var(--u-yellow)}
.info-btn{border-radius:14px;background-color:var(--u-glass-3);background-image:var(--u-grad-glass);border:1px solid var(--u-line);color:var(--u-text);box-shadow:var(--u-edge-glass),var(--u-sh-contact);font-weight:800}
.info-btn.primary{background-color:transparent;background-image:var(--u-grad-yellow);color:var(--u-on-yellow);border-color:transparent;box-shadow:var(--u-edge-y),var(--u-sh-yellow)}
.info-btn:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.38)}
.info-btn.primary:active{box-shadow:var(--u-edge-y-press)}
.u-press{transform:translateY(2px);transition:transform var(--u-t-tap) var(--u-ease-cine),
box-shadow var(--u-t-tap) var(--u-ease-cine)}
.cta.u-press{box-shadow:var(--u-edge-y-press),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.primary.u-press{box-shadow:var(--u-edge-y-press),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.secondary.u-press{box-shadow:var(--u-edge-b-press),var(--u-sh-contact)}
.btn.u-press,
.chip.u-press,
.qty-btn.u-press,
.icon-btn.u-press,
.close.u-press{box-shadow:0 0 0 rgba(0,0,0,.38),var(--u-sh-contact)}
.chip.active.u-press,
.cat-pill.active.u-press{box-shadow:var(--u-edge-y-press),var(--u-sh-yellow)}
[data-u-iris]{position:fixed;inset:0;z-index:2147483645;pointer-events:none;background:var(--u-void);opacity:0;clip-path:circle(140% at 50% 50%)}
[data-u-roll]{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom;line-height:inherit}
[data-u-roll-old]{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none}
[data-u-roll-new]{display:inline-block;white-space:nowrap}
[data-u-reveal]{will-change:auto}
:focus-visible{outline:2px solid var(--u-blue);outline-offset:2px;border-radius:8px}
.cta:focus-visible,
.btn:focus-visible,
.chip:focus-visible,
.cat-pill:focus-visible,
.qty-btn:focus-visible,
.icon-btn:focus-visible,
.chip-btn:focus-visible,
.close:focus-visible,
.tab:focus-visible{outline:2px solid var(--u-yellow);outline-offset:3px}
.card.u-tilting,
.u-press{will-change:transform}
@media (pointer:fine){*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:rgba(150,190,255,.16);border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}
}
@media (max-width:380px){.catalog-top-logo-img{width:100%}
.chip-btn > div:first-child > div{max-width:32vw}
}
@media (max-width:360px){.page{padding-left:max(11px,var(--safe-left));padding-right:max(11px,var(--safe-right))}
.grid{gap:10px}
.filters{padding:10px;border-radius:20px}
.filter-row{gap:8px}
.chip-btn{padding:8px 11px}
.card-body,
.card-body-title-only{padding:10px 10px 12px}
.card-title{font-size:12.5px}
.detail{padding:14px 12px}
.cart-item{padding:12px 12px 12px 16px}
.total-line{padding:16px}
.tabs{left:8px;right:8px;padding:5px}
.tab{min-height:50px;font-size:9px}
.tab .icon{font-size:18px}
}
@media (max-width:340px){.tab:nth-child(5) span,
.tab:nth-child(6) span{display:none}
.tab:nth-child(5),
.tab:nth-child(6){min-height:48px}
[data-u-decor] .u-dust{display:none!important}
.catalog-top-logo{padding:0}
}
@media (max-width:320px){.page{padding-left:max(9px,var(--safe-left));padding-right:max(9px,var(--safe-right))}
.grid{gap:8px}
.card{border-radius:16px}
.card-title{font-size:12px}
.catalog-top-logo-img{width:100%;border-radius:0 0 18px 18px}
.filters{padding:9px;border-radius:18px}
.chip-btn{min-height:48px;padding:7px 10px;border-radius:14px}
.chip-btn > div:first-child > div{max-width:28vw;font-size:13px}
.search{min-height:48px;padding:9px 12px}
.icon-btn{width:42px;height:42px}
.tabs{left:6px;right:6px;border-radius:18px;padding:4px}
.tab{min-height:48px;border-radius:13px;font-size:8.5px}
.tab .icon{font-size:17px}
.qty-btn{width:42px;height:42px}
.cta{min-height:50px}
.total-line span:last-child{font-size:clamp(21px,7.5vw,26px)}
}
@media (max-width:559px){.grid > .card:nth-child(even){margin-top:16px}
}
@media (max-width:340px){.grid > .card:nth-child(even){margin-top:12px}
}
@media (min-width:720px){.page{max-width:1040px;margin-left:auto;margin-right:auto}
.appbar-row{max-width:1040px;margin:0 auto}
.catalog-top-logo-img{width:100%}
.tabs{left:50%;right:auto;width:min(680px,calc(100% - 24px));transform:translateX(-50%)}
html.u-sheet-open .tabs{transform:translateX(-50%) scale(.965) translateY(6px)}
.toast-stack{bottom:calc(96px + var(--safe-bottom))}
}
@media (min-width:1100px){[data-u-decor] .u-aurora{opacity:.16}
}
@media (orientation:landscape) and (max-height:520px){.catalog-top-logo{padding:0}
.catalog-top-logo-img{width:100%}
[data-u-decor] .u-rocks{height:42vh}
}
@media (prefers-reduced-motion:reduce){[data-u-decor] .u-aurora{filter:blur(48px);opacity:.16}
[data-u-decor] .u-horizon{opacity:.45;transform:none}
[data-u-decor] .u-dust{display:none!important}
[data-u-decor] .u-rock-far,
[data-u-decor] .u-rock-mid,
[data-u-decor] .u-rock-near{transform:none}
[data-u-decor] .u-scene::after{opacity:.35}
.catalog-top-logo-img{transform:none;opacity:1;transition:none}
.card-media{transform:scale(1.02)}
@media (hover:hover){.card:hover .card-media{transform:scale(1.02)}
}
.card.u-tilting{transform:none;box-shadow:var(--u-sh-contact),var(--u-sh-amb)}
html.u-sheet-open .page,
html.u-sheet-open .appbar:not(.is-hidden),
html.u-sheet-open .tabs{transform:none;filter:brightness(.86)}
@media (min-width:720px){html.u-sheet-open .tabs{transform:translateX(-50%)}
}
.sheet.open .scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(3,6,12,.82)}
.u-press,
.cta:active,
.btn:active,
.chip:active,
.cat-pill:active,
.qty-btn:active,
.icon-btn:active,
.close:active,
.back:active,
.info-btn:active{transform:none}
[data-u-ink]{transition:none}
.cat-pill.active{transform:none}
.chip.active{transform:none}
.tab.active .icon{transform:none;filter:none}
}
html.u-rm [data-u-decor] .u-dust{display:none!important}
html.u-rm .catalog-top-logo::after{display:none}
html.u-rm [data-u-confetti]{display:none}
.fab-top{position:fixed !important;right:calc(16px + var(--safe-right,0px)) !important;left:auto !important;bottom:calc(104px + var(--safe-bottom,0px)) !important;width:52px !important;height:52px !important;display:grid !important;place-items:center !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.18) !important;background:linear-gradient(168deg,var(--u-yellow-hi),var(--u-yellow) 55%,var(--u-yellow-deep)) !important;color:var(--u-on-yellow,#1A1206) !important;font-size:22px !important;font-weight:900 !important;line-height:1 !important;box-shadow:0 4px 0 var(--u-yellow-edge),0 14px 28px rgba(0,0,0,.45) !important;z-index:2147482000 !important}
.fab-top:active{transform:translateY(2px) scale(.97) !important;box-shadow:0 2px 0 var(--u-yellow-edge),0 8px 18px rgba(0,0,0,.4) !important}
@media (max-width:360px){.fab-top{width:46px !important;height:46px !important;font-size:20px !important;right:calc(12px + var(--safe-right,0px)) !important;bottom:calc(98px + var(--safe-bottom,0px)) !important}
}
.u-topgap{height:0;flex:0 0 auto}
.grid{grid-auto-rows:1fr;align-items:stretch}
.grid .card{height:100%}
.card{display:flex;flex-direction:column;overflow:hidden;padding:8px;border:2px solid rgba(255,214,77,.75);border-radius:20px;background-color:var(--u-glass-1);background-image:var(--u-grad-glass);box-shadow:0 0 0 1px rgba(255,214,77,.24),
0 0 16px rgba(255,201,27,.30),
0 10px 24px rgba(0,0,0,.45)}
.card:active{transform:scale(.985)}
.card-shot{position:relative;border:0;padding:1.5px;border-radius:14px;overflow:hidden;background:var(--u-ink);box-shadow:0 0 12px rgba(255,201,27,.18)}
.card-shot::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,
transparent 0deg 244deg,
rgba(255,201,27,.30) 262deg,
#FFD84D 284deg,
#FFF8DC 300deg,
#FFD84D 316deg,
rgba(255,201,27,.30) 338deg,
transparent 352deg 360deg);animation:u-shot-spin 4.5s linear infinite;z-index:0;pointer-events:none;will-change:transform}
.card-shot .card-media{position:relative;z-index:1;display:block;width:100%;border-radius:12.5px;transform:none !important}
.card-body-title-only{display:flex;align-items:center;gap:8px;flex:1 1 auto;padding:10px 2px 2px;background:none}
.card-text{flex:1 1 auto;min-width:0}
.card-title{color:var(--u-text);font-size:14px;font-weight:900;line-height:1.2;letter-spacing:.2px;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .card-price{position:static;margin:3px 0 0;padding:0;background:none;box-shadow:none;transform:none;color:var(--u-yellow);font-size:12.5px;font-weight:800;white-space:nowrap}
.card-go{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,214,77,.75);color:var(--u-yellow);font-size:16px;font-weight:900;line-height:1;background:rgba(255,201,27,.08)}
.card:active .card-go{background:rgba(255,201,27,.18)}
@media (max-width:340px){.card{padding:6px}
.card-title{font-size:13px}
.card-go{width:30px;height:30px;font-size:14px}
}
.detail .slider{max-height:none}
.detail .slides img,
.detail .slides video{aspect-ratio:4 / 3;object-fit:cover;max-height:44vh}
.detail .desc-top{margin:6px 0 2px;color:var(--u-text-2);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.detail .desc-top.u-open{-webkit-line-clamp:unset}
.detail:has(.gram-custom-panel) .chips-grams{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.detail:has(.gram-custom-panel) .chips-grams::-webkit-scrollbar{display:none}
.detail:has(.gram-custom-panel) .chips-grams .chip{flex:0 0 auto;scroll-snap-align:center;min-width:auto}
.detail:has(.gram-custom-panel) .gram-action-form .cta{display:none}
.detail:has(.gram-custom-panel) [data-picked],
.detail:has(.gram-custom-panel) [data-savings-copy]{display:none}
.detail:has(.gram-custom-panel) .gram-custom-head{display:none}
.detail:has(.gram-custom-panel) .gram-inline-input > span{display:none}
.detail:has(.gram-custom-panel) .detail-block{padding-bottom:0}
.gram-live-card{display:flex !important;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,214,77,.30);background:rgba(255,201,27,.06)}
.gram-live-card > div{display:flex;align-items:baseline;gap:5px;padding:0;background:none;border:0}
.gram-live-card span{color:var(--u-muted);font-size:11.5px;font-weight:700}
.gram-live-card strong{color:var(--u-text);font-size:14px;font-weight:800}
.gram-live-card > div:nth-child(3){flex-basis:100%;justify-content:center}
.gram-live-card > div:nth-child(3) span{font-size:12px}
.gram-live-card > div:nth-child(3) strong{font-size:26px;font-weight:900;color:var(--u-yellow);text-shadow:0 2px 0 rgba(216,148,0,.35)}
.gram-custom-panel .gram-custom-form{position:sticky;bottom:calc(84px + var(--safe-bottom,0px));z-index:5;padding:10px;border-radius:18px;background:rgba(8,13,22,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -6px 22px rgba(0,0,0,.45),
0 0 0 1px rgba(255,214,77,.22)}
.gram-custom-panel .cta{margin-top:8px}
.gram-input-row{justify-content:center;gap:12px}
.gram-input-row input[data-gram-display]{max-width:96px;text-align:center;font-weight:900}
.detail:has(.gram-custom-panel) .chips-grams{position:relative;padding:8px 34px 8px 10px;border-radius:16px;border:1px solid rgba(255,214,77,.32);background:rgba(255,201,27,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.u-chips-wrap{position:relative}
.u-scroll-hint{position:absolute;top:0;right:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;border-radius:0 16px 16px 0;background:linear-gradient(90deg,transparent,rgba(8,13,22,.85) 55%);color:var(--u-yellow);font-size:20px;font-weight:900;line-height:1;pointer-events:none;opacity:1;transition:opacity 220ms var(--u-ease-cine);z-index:2}
.u-scroll-hint.u-hide{opacity:0}
.cart-actions-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cart-edit{border-color:rgba(255,214,77,.55);color:var(--u-yellow);background:rgba(255,201,27,.08);white-space:nowrap}
.cart-edit:active{background:rgba(255,201,27,.18)}
.cart-edit-form{margin-top:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,214,77,.32);background:rgba(255,201,27,.06)}
.cart-edit-row{display:flex;align-items:center;justify-content:center;gap:10px}
.cart-edit-row input[data-u-g-input]{width:84px;min-height:44px;text-align:center;font-size:16px;font-weight:900;border-radius:12px;border:1px solid var(--u-line);background:rgba(8,13,22,.6);color:var(--u-text)}
.cart-edit-row em{font-style:normal;color:var(--u-muted);font-weight:800}
.cart-edit-ok{min-height:44px;padding:0 20px}
a, button, .card, .chip, .cat-pill, .tab, .qty-btn, .icon-btn, .cta, .btn,
.card-go, .close, .sheet-links a, .fab-top, .search-clear, [role="button"]{touch-action:manipulation}
.chips-grams, .cat-strip{touch-action:pan-x}
:root{--u-t-page-in:280ms}
#editGramsModal .modal-card{width:min(92vw,360px);padding:22px 18px 18px;border-color:rgba(255,214,77,.42);box-shadow:0 0 0 1px rgba(255,214,77,.18),0 24px 60px rgba(0,0,0,.6)}
#editGramsModal h3{margin:0 0 4px;font-size:17px;font-weight:900;text-align:center}
.u-edit-produit{margin:0 0 16px;text-align:center;font-size:13px;font-weight:700;color:var(--u-muted)}
#editGramsModal .cart-edit-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}
#editGramsModal .qty-btn{width:52px;height:52px;font-size:24px}
#editGramsModal .modal-actions{display:block}
#editGramsModal .btn.primary.large{width:100%;min-height:50px}
#editGramsModal .modal-close{width:100%;margin-top:10px;min-height:46px}
#editGramsModal.open{display:flex;align-items:center;justify-content:center;padding:16px}
#editGramsModal .modal-card{position:relative;left:auto;top:auto;transform:none;margin:0;max-height:calc(100dvh - 32px);overflow-y:auto}
#editGramsModal .modal-card{animation:u-pop-in 220ms var(--u-ease-snap) both}
.fid-carte{display:grid;gap:10px;margin:2px 0 6px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));animation:fidEntree 240ms cubic-bezier(.22,.61,.36,1) both}
.fid-carte[hidden]{display:none !important}
@keyframes fidEntree{from{opacity:0;transform:translate3d(0,-6px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fid-carte__haut{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}
.fid-carte__ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.fid-carte__txt{min-width:0;display:grid;gap:2px}
.fid-carte__txt b{font-size:14.5px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fid-carte__txt small{font-size:11.5px;line-height:1.4;opacity:.62}
.fid-carte__points{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fid-carte__points:empty{display:none}
.fid-carte.is-connu{border-color:rgba(255,193,64,.42);background:linear-gradient(180deg, rgba(255,193,64,.10), rgba(255,193,64,.02))}
.fid-carte.is-connu .fid-carte__points{color:#FFC140}
.fid-carte.is-connu .fid-carte__ico{background:rgba(255,193,64,.16);border-color:rgba(255,193,64,.34)}
.fid-carte.is-nouveau .fid-carte__points{opacity:.32}
.fid-carte.is-souci{border-color:rgba(255,255,255,.10);opacity:.72}
.fid-utiliser{display:flex;align-items:center;gap:10px;min-height:46px;margin:0;padding:9px 12px;border:1px solid rgba(255,193,64,.34);border-radius:12px;background:rgba(255,193,64,.07);cursor:pointer;font-size:13.5px;line-height:1.4;-webkit-tap-highlight-color:transparent}
.fid-utiliser[hidden]{display:none !important}
.fid-utiliser input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:#FFC140;cursor:pointer}
.fid-utiliser b{color:#FFC140;font-weight:700}
@media (prefers-reduced-motion:reduce){.fid-carte{animation:none}
}
@keyframes u-aurora-drift{0%{transform: translate3d(0, 0, 0) scale(1)}
33%{transform: translate3d(4%, -3%, 0) scale(1.10)}
66%{transform: translate3d(-3%, 4%, 0) scale(1.06)}
100%{transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-horizon-breathe{from{opacity: .35;transform: scaleY(.96)}
to{opacity: .60;transform: scaleY(1.06)}
}
@keyframes u-dust-rise{0%{transform: translate3d(0, 0, 0);opacity: 0}
12%{opacity: .22}
82%{opacity: .14}
100%{transform: translate3d(14px, -46vh, 0);opacity: 0}
}
@keyframes u-card-rise{from{opacity: 0;transform: translate3d(0, 26px, 0) scale(.94)}
to{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-card-rise-soft{from{opacity: 0;transform: translate3d(0, 12px, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-page-in{from{opacity: 0;transform: translate3d(0, 8px, 0) scale(.985)}
to{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-page-out{from{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
to{opacity: 0;transform: translate3d(0, -6px, 0) scale(.99)}
}
@keyframes u-detail-in{from{opacity: 0;transform: translate3d(0, 18px, 0) scale(.97)}
to{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-squash-tap{0%{transform: scale(.94, 1.02)}
45%{transform: scale(1.05, .95)}
100%{transform: scale(1, 1)}
}
@keyframes u-squash-soft{0%{transform: scale(.985, 1.008)}
50%{transform: scale(1.012, .992)}
100%{transform: scale(1, 1)}
}
@keyframes u-pop-in{from{opacity: 0;transform: scale(.6)}
to{opacity: 1;transform: scale(1)}
}
@keyframes u-pop-out{from{opacity: 1;transform: scale(1)}
to{opacity: 0;transform: scale(.7)}
}
@keyframes u-badge-pop{0%{transform: scale(.4) rotate(-12deg)}
55%{transform: scale(1.18) rotate(4deg)}
100%{transform: scale(1) rotate(0deg)}
}
@keyframes u-sheen-sweep{from{transform: translate3d(-140%, 0, 0) skewX(-14deg)}
to{transform: translate3d(140%, 0, 0) skewX(-14deg)}
}
@keyframes u-float-idle{from{transform: translate3d(0, 0, 0) rotate(0deg)}
to{transform: translate3d(0, -4px, 0) rotate(.4deg)}
}
@keyframes u-cta-breathe{0%{transform: translate3d(0, 0, 0) scale(1)}
50%{transform: translate3d(0, -1px, 0) scale(1.012)}
100%{transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-spark-flash{0%{opacity: 0}
30%{opacity: .55}
100%{opacity: 0}
}
@keyframes u-halo-pulse{0%{opacity: 0;transform: scale(.55)}
40%{opacity: .85;transform: scale(1.12)}
100%{opacity: 0;transform: scale(1.5)}
}
@keyframes u-media-in{from{opacity: 0;transform: translate3d(0, var(--u-media-y, 0px), 0) scale(1.14)}
to{opacity: 1;transform: translate3d(0, var(--u-media-y, 0px), 0) scale(1.06)}
}
@keyframes u-skeleton-sweep{from{transform: translate3d(-120%, 0, 0)}
to{transform: translate3d(220%, 0, 0)}
}
@keyframes u-soft-pulse{0%{opacity: .55}
50%{opacity: 1}
100%{opacity: .55}
}
@keyframes u-price-roll-out{from{opacity: 1;transform: translate3d(0, 0, 0)}
to{opacity: 0;transform: translate3d(0, -100%, 0)}
}
@keyframes u-price-roll-in{from{opacity: 0;transform: translate3d(0, 100%, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-ink-pop{from{opacity: 0;transform: scaleX(.4)}
to{opacity: 1;transform: scaleX(1)}
}
@keyframes u-panel-in{0%{opacity: 0;transform: translate3d(0, 100%, 0)}
40%{opacity: 1}
82%{transform: translate3d(0, -6px, 0)}
100%{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-panel-out{from{opacity: 1;transform: translate3d(0, 0, 0)}
to{opacity: 0;transform: translate3d(0, 100%, 0)}
}
@keyframes u-modal-in{from{opacity: 0;transform: translate(-50%, calc(-50% + 18px)) scale(.88)}
to{opacity: 1;transform: translate(-50%, -50%) scale(1)}
}
@keyframes u-modal-out{from{opacity: 1;transform: translate(-50%, -50%) scale(1)}
to{opacity: 0;transform: translate(-50%, calc(-50% + 10px)) scale(.94)}
}
@keyframes u-toast-in{from{opacity: 0;transform: translate3d(0, 20px, 0) scale(.94)}
to{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-toast-out{from{opacity: 1;transform: translate3d(0, 0, 0)}
to{opacity: 0;transform: translate3d(0, -8px, 0)}
}
@keyframes u-item-out{from{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
to{opacity: 0;transform: translate3d(28px, 0, 0) scale(.94)}
}
@keyframes u-iris-close{from{opacity: 1;clip-path: circle(0% at 50% 50%)}
to{opacity: 1;clip-path: circle(150% at 50% 50%)}
}
@keyframes u-iris-fade{from{opacity: 0}
to{opacity: 1}
}
@keyframes u-reveal-mask{from{opacity: 0;transform: translate3d(0, 14px, 0);clip-path: inset(0 0 100% 0)}
to{opacity: 1;transform: translate3d(0, 0, 0);clip-path: inset(0 0 0% 0)}
}
@keyframes u-reveal-up{from{opacity: 0;transform: translate3d(0, 22px, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-reveal-scale{from{opacity: 0;transform: translate3d(0, 10px, 0) scale(.92)}
to{opacity: 1;transform: translate3d(0, 0, 0) scale(1)}
}
@keyframes u-reveal-blur{from{opacity: 0;filter: blur(6px)}
to{opacity: 1;filter: blur(0)}
}
@keyframes u-reveal-failsafe{0%{opacity: 0}
99%{opacity: 0}
100%{opacity: 1}
}
@keyframes u-confetti{0%{opacity: 0;transform: translate3d(0, 0, 0) rotate(0deg) scale(.6)}
15%{opacity: 1}
100%{opacity: 0;transform: translate3d(var(--cx, 0px), var(--cy, -60px), 0) rotate(var(--cr, 180deg)) scale(1)}
}
@keyframes u-focus-ring{from{box-shadow: 0 0 0 0 var(--u-yellow-soft)}
to{box-shadow: 0 0 0 3px var(--u-yellow-soft)}
}
@keyframes u-splash-horizon{from{opacity: 0;transform: scaleY(0)}
to{opacity: 1;transform: scaleY(1)}
}
@keyframes u-splash-rock-l{from{opacity: 0;transform: translate3d(-40px, 10px, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-splash-rock-r{from{opacity: 0;transform: translate3d(40px, 10px, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-splash-logo{from{opacity: 0;transform: scale(.72) rotate(-3deg);filter: blur(8px)}
70%{opacity: 1;filter: blur(0)}
to{opacity: 1;transform: scale(1) rotate(0deg);filter: blur(0)}
}
@keyframes u-splash-letter{from{opacity: 0;transform: translate3d(0, 10px, 0)}
to{opacity: 1;transform: translate3d(0, 0, 0)}
}
@keyframes u-splash-bar{from{transform: translate3d(-140%, 0, 0)}
to{transform: translate3d(240%, 0, 0)}
}
@keyframes u-splash-out{from{opacity: 1;transform: scale(1)}
to{opacity: 0;transform: scale(1.08)}
}
[data-u-decor] .u-aurora{animation: u-aurora-drift 26s var(--u-ease-drift, ease-in-out) infinite;will-change: transform}
[data-u-decor] .u-horizon{transform-origin: bottom;animation: u-horizon-breathe 38s var(--u-ease-drift, ease-in-out) infinite alternate;will-change: transform, opacity}
[data-u-decor] .u-rocks > *{will-change: transform}
[data-u-decor] .u-dust > i{animation: u-dust-rise 15s linear infinite;will-change: transform, opacity}
[data-u-decor] .u-dust > i:nth-child(1){animation-delay: 0s}
[data-u-decor] .u-dust > i:nth-child(2){animation-delay: -3s}
[data-u-decor] .u-dust > i:nth-child(3){animation-delay: -6s}
[data-u-decor] .u-dust > i:nth-child(4){animation-delay: -9s}
[data-u-decor] .u-dust > i:nth-child(5){animation-delay: -12s}
html:not([data-u-page="index"]) [data-u-decor] .u-dust{display: none}
@media (max-width: 340px){[data-u-decor] .u-dust{display: none}
}
@media (prefers-reduced-motion: no-preference){.page{transform-origin: 50% 0;animation: u-page-in var(--u-t-page-in, 420ms) var(--u-ease-depth, ease-out) both}
}
html.u-leaving .page{animation: u-page-out var(--u-t-page-out, 220ms) var(--u-ease-inout, ease-in-out) both}
@media (prefers-reduced-motion: no-preference){.page .grid .card,
.page .cart-item,
.page .info-card,
.page .total-line,
.page .minimum-order-card,
.page .catalog-note,
.page .detail-order-note,
.page .order-help{opacity: 0;animation: u-card-rise var(--u-t-enter, 420ms) var(--u-ease-depth, ease-out) both;animation-delay: calc(var(--idx, var(--u-fb, 0)) * var(--u-stagger, 40ms))}
.page .grid .card:nth-child(1){--u-fb: 0}
.page .grid .card:nth-child(2){--u-fb: 1}
.page .grid .card:nth-child(3){--u-fb: 2}
.page .grid .card:nth-child(4){--u-fb: 3}
.page .grid .card:nth-child(5){--u-fb: 4}
.page .grid .card:nth-child(6){--u-fb: 5}
.page .grid .card:nth-child(7){--u-fb: 6}
.page .grid .card:nth-child(8){--u-fb: 7}
.page .grid .card:nth-child(9){--u-fb: 8}
.page .grid .card:nth-child(10){--u-fb: 9}
.page .grid .card:nth-child(11){--u-fb: 10}
.page .grid .card:nth-child(12){--u-fb: 11}
.page .grid .card:nth-child(n+13){--u-fb: 12}
.page .cart-item:nth-child(1){--u-fb: 0}
.page .cart-item:nth-child(2){--u-fb: 1}
.page .cart-item:nth-child(3){--u-fb: 2}
.page .cart-item:nth-child(4){--u-fb: 3}
.page .cart-item:nth-child(5){--u-fb: 4}
.page .cart-item:nth-child(6){--u-fb: 5}
.page .cart-item:nth-child(n+7){--u-fb: 6}
.page .info-card:nth-child(1){--u-fb: 1}
.page .info-card:nth-child(2){--u-fb: 2}
.page .info-card:nth-child(3){--u-fb: 3}
.page .info-card:nth-child(4){--u-fb: 4}
.page .info-card:nth-child(5){--u-fb: 5}
.page .info-card:nth-child(n+6){--u-fb: 6}
.page .total-line{--u-fb: 2}
.page .minimum-order-card{--u-fb: 1}
.page .catalog-note{--u-fb: 3}
.page .detail-order-note{--u-fb: 2}
.page .order-help{--u-fb: 3}
.page .grid-empty{animation: u-card-rise var(--u-t-enter, 420ms) var(--u-ease-depth, ease-out) both}
.page .grid-empty .grid-empty-icon{animation: u-float-idle 7s var(--u-ease-drift, ease-in-out) 420ms infinite alternate}
.page .detail > .slider,
.page .detail > .slider-wrap{animation: u-detail-in 420ms var(--u-ease-depth, ease-out) both}
.page .detail h1,
.page .detail .detail-title{animation: u-detail-in 420ms var(--u-ease-depth, ease-out) 60ms both}
.page .detail .chips{animation: u-detail-in 420ms var(--u-ease-depth, ease-out) 120ms both}
.page .detail .desc,
.page .detail .cta{animation: u-detail-in 420ms var(--u-ease-depth, ease-out) 180ms both}
.sheet .sheet-links a:nth-child(4){animation-delay: 150ms}
.sheet .sheet-links a:nth-child(5){animation-delay: 180ms}
.sheet .sheet-links a:nth-child(6){animation-delay: 210ms}
.sheet .sheet-links a:nth-child(7){animation-delay: 240ms}
.sheet .sheet-links a:nth-child(n+8){animation-delay: 270ms}
}
.page .grid .card.u-rise-soft{animation: u-card-rise-soft 240ms var(--u-ease-cine, ease-out) both;animation-delay: calc(var(--idx, var(--u-fb, 0)) * 24ms)}
.u-press{transform: translate3d(0, 2px, 0);transition: transform var(--u-t-tap, 110ms) var(--u-ease-cine, ease-out)}
.cta.u-press,
.btn.primary.u-press,
.chip.active.u-press,
.cat-pill.active.u-press{box-shadow: var(--u-edge-y-press), var(--u-sh-contact)}
.btn.secondary.u-press{box-shadow: var(--u-edge-b-press), var(--u-sh-contact)}
.icon-btn.u-press,
.qty-btn.u-press,
.chip.u-press,
.cat-pill.u-press,
.close.u-press,
.tab.u-press{box-shadow: 0 1px 0 rgba(0,0,0,.38), var(--u-sh-contact)}
.u-tap{animation: u-squash-tap 240ms var(--u-ease-anticip, ease-out)}
.card.u-tap,
.cart-item.u-tap,
.panel.u-tap{animation: u-squash-soft 240ms var(--u-ease-anticip, ease-out)}
.tabs .tab.u-tap .icon{animation: u-squash-tap 240ms var(--u-ease-anticip, ease-out)}
.badge.u-badge-pop{animation: u-badge-pop 360ms var(--u-ease-snap, ease-out)}
.tabs .tab.u-hot .icon::after{content: "";position: absolute;inset: -8px;border-radius: 50%;background: radial-gradient(circle, var(--u-yellow-glow) 0%, transparent 68%);pointer-events: none;animation: u-halo-pulse 620ms var(--u-ease-cine, ease-out) both}
.tabs .tab .icon{position: relative}
@media (prefers-reduced-motion: no-preference){.page .cta:not([disabled]):not(.ghost),
.page .btn.primary.large:not([disabled]){animation: u-cta-breathe 3.6s var(--u-ease-drift, ease-in-out) 1.4s infinite}
.page .cta.u-press,
.page .cta.u-tap,
.page .btn.primary.large.u-press,
.page .btn.primary.large.u-tap{animation: none}
}
.u-sheen-run{position: relative;overflow: hidden}
.u-sheen-run::after{content: "";position: absolute;top: -20%;bottom: -20%;left: 0;width: 60%;background: var(--u-grad-sheen);mix-blend-mode: screen;pointer-events: none;z-index: 3;animation: u-sheen-sweep 1.1s var(--u-ease-cine, ease-out) 1}
.total-line.u-sheen-run::before{animation: u-sheen-sweep 1.1s var(--u-ease-cine, ease-out) 1;opacity: 1}
.total-line.u-sheen-run::after{display: none}
.catalog-top-logo.u-sheen-run::after{animation: none}
@media (prefers-reduced-motion: no-preference){.catalog-top-logo-img{animation: none}
.catalog-top-logo-img.u-tilting{animation: none}
}
.chip.u-spark::after{content: "";position: absolute;inset: 0;border-radius: inherit;background: #fff;pointer-events: none;animation: u-spark-flash 180ms linear 1}
.chip{position: relative}
.cat-strip .cat-pill{transition:
transform var(--u-t-quick, 200ms) var(--u-ease-snap, ease-out),
color var(--u-t-quick, 200ms) var(--u-ease-cine, ease-out)}
[data-u-ink]{transition:
transform 320ms var(--u-ease-snap, ease-out),
opacity 200ms var(--u-ease-cine, ease-out)}
[data-u-ink].u-ink-first{animation: u-ink-pop 320ms var(--u-ease-snap, ease-out) both}
.chip-btn .chev,
.chip-btn [data-chev]{transition: transform var(--u-t-quick, 200ms) var(--u-ease-snap, ease-out)}
.chip-btn.u-open .chev,
.chip-btn.u-open [data-chev]{transform: rotate(180deg)}
.search:focus-within{animation: u-focus-ring 200ms var(--u-ease-cine, ease-out) both}
.search .k{transition: color var(--u-t-quick, 200ms) var(--u-ease-cine, ease-out)}
.search-clear{animation: u-pop-in 200ms var(--u-ease-snap, ease-out) both}
.search-clear.u-out{animation: u-pop-out 160ms var(--u-ease-cine, ease-out) both}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{animation: u-focus-ring 200ms var(--u-ease-cine, ease-out) both}
@media (prefers-reduced-motion: no-preference){.card-media.is-loaded{animation: u-media-in 520ms var(--u-ease-cine, ease-out) both}
.slides img.is-loaded,
.slides video.is-loaded{animation: u-reveal-blur 320ms var(--u-ease-cine, ease-out) both}
}
.u-skel{position: relative;overflow: hidden}
.u-skel::after{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 45%;background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);transform: translate3d(-120%, 0, 0);pointer-events: none;animation: u-skeleton-sweep 1.4s linear infinite}
@media (prefers-reduced-motion: no-preference){.minimum-order-card:not(.is-ready) .minimum-order-progress span{animation: u-soft-pulse 2.6s var(--u-ease-drift, ease-in-out) infinite}
}
.slider .slider-btn{opacity: 0;transition: opacity var(--u-t-quick, 200ms) var(--u-ease-cine, ease-out),
transform var(--u-t-tap, 110ms) var(--u-ease-cine, ease-out)}
.slider.u-touched .slider-btn{opacity: .92}
.slider .slider-btn.u-press{transform: translate3d(0, 1px, 0) scale(.94)}
.dots .dot{transition: width 180ms var(--u-ease-snap, ease-out), background-color 180ms linear}
.dots .dot.active{animation: u-pop-in 200ms var(--u-ease-snap, ease-out)}
.sheet.open .panel{animation: u-panel-in var(--u-t-sheet-in, 360ms) var(--u-ease-depth, ease-out) both}
.sheet.u-closing .panel{animation: u-panel-out var(--u-t-sheet-out, 240ms) var(--u-ease-cine, ease-in) both}
.sheet .panel.u-dragging{animation: none !important;transition: none !important}
.sheet .panel.u-snapback{transition: transform 320ms var(--u-ease-snap, ease-out)}
html.u-sheet-open .appbar,
html.u-sheet-open .page,
html.u-sheet-open .tabs{transform: scale(.965) translate3d(0, 6px, 0);transform-origin: 50% 0;filter: brightness(.82);transition: transform var(--u-t-sheet-in, 360ms) var(--u-ease-depth, ease-out),
filter var(--u-t-sheet-in, 360ms) var(--u-ease-depth, ease-out)}
.appbar, .page, .tabs{transition: transform var(--u-t-sheet-out, 240ms) var(--u-ease-cine, ease-out),
filter var(--u-t-sheet-out, 240ms) var(--u-ease-cine, ease-out)}
.modal.open .modal-card,
.modal-card{animation: u-modal-in 380ms var(--u-ease-depth, ease-out) both}
.modal.u-closing .modal-card{animation: u-modal-out 200ms var(--u-ease-cine, ease-in) both}
.toast{animation: u-toast-in 280ms var(--u-ease-depth, ease-out) both}
.toast.hide,
.toast.u-out{animation: u-toast-out 220ms var(--u-ease-cine, ease-in) both}
.cart-item.u-item-out{animation: u-item-out 200ms var(--u-ease-cine, ease-in) both;pointer-events: none}
@media (prefers-reduced-motion: no-preference){[data-u-reveal]{opacity: 0;animation: u-reveal-failsafe 1ms linear 2.6s both}
[data-u-reveal].u-in{opacity: 1;animation: u-reveal-mask 520ms var(--u-ease-cine, ease-out) both}
[data-u-reveal="up"].u-in{animation: u-reveal-up 460ms var(--u-ease-depth, ease-out) both}
[data-u-reveal="scale"].u-in{animation: u-reveal-scale 460ms var(--u-ease-depth, ease-out) both}
[data-u-reveal="blur"].u-in{animation: u-reveal-blur 420ms var(--u-ease-cine, ease-out) both}
[data-u-reveal="mask"].u-in{animation: u-reveal-mask 520ms var(--u-ease-cine, ease-out) both}
[data-u-reveal].u-in{animation-delay: calc(var(--idx, 0) * var(--u-stagger, 40ms))}
[data-u-reveal].u-reveal{opacity: 1;animation: u-reveal-mask 520ms var(--u-ease-cine, ease-out) both}
}
[data-u-confetti]{position: absolute;left: 50%;top: 50%;width: 0;height: 0;pointer-events: none;z-index: 4}
[data-u-confetti] i{position: absolute;left: 0;top: 0;width: 8px;height: 8px;border-radius: 2px;transform: translate3d(0, 0, 0) rotate(0deg) scale(.6);opacity: 0;animation: u-confetti 900ms var(--u-ease-cine, ease-out) forwards}
[data-u-confetti] i:nth-child(3n+1){background: var(--u-yellow)}
[data-u-confetti] i:nth-child(3n+2){background: var(--u-blue)}
[data-u-confetti] i:nth-child(3n+3){background: var(--u-sand)}
[data-u-confetti] i:nth-child(2){animation-delay: 40ms}
[data-u-confetti] i:nth-child(3){animation-delay: 80ms}
[data-u-confetti] i:nth-child(4){animation-delay: 120ms}
[data-u-confetti] i:nth-child(5){animation-delay: 160ms}
[data-u-confetti] i:nth-child(6){animation-delay: 200ms}
[data-u-iris]{opacity: 0;pointer-events: none;clip-path: circle(0% at 50% 50%)}
[data-u-iris].u-on{animation: u-iris-close var(--u-t-page-out, 220ms) var(--u-ease-inout, ease-in-out) both}
@supports not (clip-path: circle(50% at 50% 50%)){[data-u-iris].u-on{clip-path: none;animation: u-iris-fade 180ms linear both}
}
#app-loader .al-horizon{transform-origin: bottom;animation: u-splash-horizon 440ms var(--u-ease-cine, ease-out) 180ms both}
#app-loader .al-rock-l{animation: u-splash-rock-l 520ms var(--u-ease-cine, ease-out) 240ms both}
#app-loader .al-rock-r{animation: u-splash-rock-r 520ms var(--u-ease-cine, ease-out) 330ms both}
#app-loader .al-avatar{animation: u-splash-logo 620ms var(--u-ease-depth, ease-out) 420ms both}
#app-loader .al-avatar-wrap.u-sheen-run::after,
#app-loader .al-avatar-wrap::after{animation: u-sheen-sweep 1.1s var(--u-ease-cine, ease-out) 780ms 1}
#app-loader .al-title span{display: inline-block;animation: u-splash-letter 380ms var(--u-ease-snap, ease-out) both}
#app-loader .al-title span:nth-child(1){animation-delay: 900ms}
#app-loader .al-title span:nth-child(2){animation-delay: 928ms}
#app-loader .al-title span:nth-child(3){animation-delay: 956ms}
#app-loader .al-title span:nth-child(4){animation-delay: 984ms}
#app-loader .al-title span:nth-child(5){animation-delay: 1012ms}
#app-loader .al-title span:nth-child(6){animation-delay: 1040ms}
#app-loader .al-title span:nth-child(7){animation-delay: 1068ms}
#app-loader .al-title span:nth-child(8){animation-delay: 1096ms}
#app-loader .al-title span:nth-child(9){animation-delay: 1124ms}
#app-loader .al-title span:nth-child(10){animation-delay: 1152ms}
#app-loader .al-title span:nth-child(11){animation-delay: 1180ms}
#app-loader .al-title span:nth-child(n+12){animation-delay: 1208ms}
#app-loader .al-sub{animation: u-splash-letter 380ms var(--u-ease-snap, ease-out) 1020ms both}
#app-loader .al-progress-bar{left: 0;width: 40%;animation: u-splash-bar 1.25s var(--u-ease-inout, ease-in-out) infinite}
#app-loader.is-hiding .al-stage,
#app-loader.hide .al-stage{animation: u-splash-out 420ms var(--u-ease-cine, ease-out) forwards}
#app-loader.is-rush *{animation-delay: 0ms !important}
#app-loader.is-rush .al-avatar{animation-duration: 260ms !important}
#app-loader.is-rush .al-title span{animation-duration: 200ms !important}
html.is-hidden-tab [data-u-decor] *,
html.is-hidden-tab .catalog-top-logo-img,
html.is-hidden-tab .cta,
html.is-hidden-tab .minimum-order-progress span,
html.is-hidden-tab .u-skel::after{animation-play-state: paused !important}
html.u-sheet-open [data-u-decor] *,
html.u-sheet-open .catalog-top-logo-img,
html.u-sheet-open .cta,
html.u-sheet-open .minimum-order-progress span{animation-play-state: paused !important}
@media (prefers-reduced-motion: reduce){[data-u-decor] .u-aurora,
[data-u-decor] .u-horizon,
[data-u-decor] .u-rocks > *{animation: none !important;transform: none !important;will-change: auto !important}
[data-u-decor] .u-horizon{opacity: .45 !important}
[data-u-decor] .u-dust{display: none !important}
.page{animation: none !important}
.page .grid .card,
.page .cart-item,
.page .info-card,
.page .total-line,
.page .minimum-order-card,
.page .catalog-note,
.page .detail-order-note,
.page .order-help,
.page .grid-empty,
.page .detail > .slider,
.page .detail h1,
.page .detail .chips,
.page .detail .desc,
.page .detail .cta{opacity: 1 !important;transform: none !important;animation: u-reveal-failsafe 1ms linear both !important;animation-delay: 0ms !important}
.page .grid .card.u-rise-soft{animation: none !important;opacity: 1 !important}
.u-tap,
.card.u-tap,
.cart-item.u-tap,
.panel.u-tap,
.tabs .tab.u-tap .icon{animation: none !important}
.u-press{transition-duration: 60ms !important}
.u-sheen-run::after,
.total-line.u-sheen-run::before,
.catalog-top-logo.u-sheen-run::after,
#app-loader .al-avatar-wrap::after{display: none !important;animation: none !important}
.catalog-top-logo-img,
.page .grid-empty .grid-empty-icon,
.page .cta:not([disabled]):not(.ghost),
.page .btn.primary.large:not([disabled]),
.minimum-order-card:not(.is-ready) .minimum-order-progress span,
.u-skel::after{animation: none !important;transform: none !important}
.u-skel::after{display: none !important}
.badge.u-badge-pop,
.tabs .tab.u-hot .icon::after,
.chip.u-spark::after,
.dots .dot.active,
.search-clear,
.search-clear.u-out,
[data-u-ink].u-ink-first{animation: none !important}
.tabs .tab.u-hot .icon::after{display: none !important}
.search-clear{opacity: 1 !important;transform: none !important}
.search:focus-within,
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{animation: none !important;box-shadow: 0 0 0 3px var(--u-yellow-soft)}
.card-media.is-loaded,
.slides img.is-loaded,
.slides video.is-loaded{animation: none !important;filter: none !important}
[data-u-ink]{transition: none !important}
.cat-strip .cat-pill{transition: none !important}
[data-u-roll-old]{display: none !important}
[data-u-roll-new]{animation: none !important;opacity: 1 !important;transform: none !important}
.sheet.open .panel,
.sheet.u-closing .panel,
.modal.open .modal-card,
.modal-card,
.modal.u-closing .modal-card,
.toast,
.toast.hide,
.toast.u-out{animation-duration: 120ms !important}
.sheet.open .panel{animation-name: u-reveal-failsafe !important;opacity: 1 !important;transform: none !important}
.cart-item.u-item-out{animation: none !important;opacity: .35 !important}
html.u-sheet-open .appbar,
html.u-sheet-open .page,
html.u-sheet-open .tabs{transform: none !important;filter: brightness(.86);transition: filter 120ms linear !important}
[data-u-reveal]{opacity: 1 !important;animation: none !important}
[data-u-reveal].u-in,
[data-u-reveal].u-reveal,
[data-u-reveal="up"].u-in,
[data-u-reveal="scale"].u-in,
[data-u-reveal="blur"].u-in,
[data-u-reveal="mask"].u-in{animation: none !important;opacity: 1 !important;transform: none !important;filter: none !important;clip-path: none !important}
[data-u-confetti]{display: none !important}
[data-u-iris].u-on{clip-path: none !important;animation: u-iris-fade 120ms linear both !important}
html.u-leaving .page{animation: none !important}
#app-loader .al-horizon,
#app-loader .al-rock-l,
#app-loader .al-rock-r{animation: none !important;opacity: 1 !important;transform: none !important}
#app-loader .al-avatar{animation: u-iris-fade 180ms linear both !important;filter: none !important}
#app-loader .al-title span{animation: none !important;opacity: 1 !important;transform: none !important}
#app-loader .al-sub{animation: none !important;opacity: 1 !important;transform: none !important}
#app-loader .al-progress-bar{animation-duration: 2.2s !important}
#app-loader.is-hiding .al-stage,
#app-loader.hide .al-stage{animation: none !important;opacity: 0 !important}
}
@media (max-width: 360px){.catalog-top-logo-img{animation-duration: 8s}
}
@media (max-width: 340px){.page .cta:not([disabled]):not(.ghost),
.page .btn.primary.large:not([disabled]){animation: none}
.tabs .tab.u-hot .icon::after{display: none}
}
@media (update: slow){[data-u-decor] .u-aurora,
[data-u-decor] .u-horizon{animation: none}
[data-u-decor] .u-dust{display: none}
}
@keyframes u-shot-spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@media (prefers-reduced-motion: reduce){.card-shot::before{animation:none !important}
}
@keyframes u-hint-nudge{0%,100%{transform:translateX(0)}
50%{transform:translateX(4px)}
}
@media (prefers-reduced-motion: no-preference){.u-scroll-hint span{display:inline-block;animation:u-hint-nudge 1.6s ease-in-out infinite}
}
@keyframes u-pop-in{from{opacity:0;transform:scale(.94)}
to{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion: reduce){#editGramsModal .modal-card{animation:none !important}
}