:root{--hue-primary: 212;--hue-accent: 345;--bg: #000000;--surface: #0a0a0a;--card: #0d0d0d;--text: #f3f4f6;--muted: #cbd5e1;--line: rgba(255, 255, 255, .18);--border-w: 1px;--border: var(--border-w) solid var(--line);--border-dashed: var(--border-w) dashed var(--line);--primary: hsl(var(--hue-primary) 90% 45%);--primary-contrast: #000000;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius: 16px;--radius-lg: 18px;--shadow-1: 0 0 0 1px rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.55);--shadow-2: 0 0 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.65);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);--container-max: 1200px;--container-narrow: 900px;--page-pad-x: 24px;--gap: 16px;--gap-sm: 12px;--gap-xs: 10px;--gap-xxs: 6px;--gap-xxxs: 4px;--pad-lg: 24px;--pad-md: 18px;--pad-sm: 12px;--pad-y-md: 14px;--pad-y-xs: 8px;--pad-xxs: 2px;--dur-fast: .15s;--dur-med: .25s;--easing: cubic-bezier(.22,.61,.36,1);--text-lg: 1.25rem;--text-md: .95rem;--text-sm: .8125rem;--icon-md: 20px;--icon-lg: 28px;--link: var(--primary);--btn-h: 40px;--btn-pad-x: 14px;--btn-radius: 999px;--hero-h-desktop: 340px;--hero-h-lg: 360px;--hero-h-md: 260px;--hero-h-sm: 200px;--overlay-scrim: rgba(0,0,0,.55);--overlay-scrim-strong: rgba(0,0,0,.7);--overlay-fg: #fff;--btn-ghost-border: color-mix(in srgb, #fff 35%, transparent);--hero-overlay-pad-y: var(--pad-lg);--hero-overlay-pad-x: 28px;--image-sat: 1.05;--dot-size: 8px;--dot-offset: 8px;--dot-bg: color-mix(in srgb, #fff 45%, transparent);--dot-bg-active: #fff;--shelf-nav-size: 36px;--nav-h: 72px;--nav-item-w: 66px;--nav-item-h: 56px;--nav-gap: 18px;--nav-pad: 0px;--nav-highlight-opacity: .18;--shelf-card-width: 220px;--section-pad-top: 24px;--section-pad-bottom: 8px;--shelf-track-pad-y: 6px;--shelf-edge-pad-x: 48px;--shelf-edge-pad-x-sm: 32px;--shelf-gap: 16px;--shelf-fade-w: 48px;--shelf-h-font: "Inter", system-ui, sans-serif;--shelf-h-size: 1.5rem;--shelf-h-weight: 800;--shelf-h-spacing: -.2px;--shelf-h-color: var(--text);--scrollbar-h: 8px;--scrollbar-thumb: rgba(255,255,255,.22);--card-pad: 12px;--card-border-color: var(--line);--control-border-color: rgba(255, 255, 255, .24);--badge-font: 11px;--badge-pad-y: 4px;--badge-pad-x: 6px;--badge-offset: 8px;--badge-radius: 6px;--badge-new-bg: var(--success);--badge-sale-bg: var(--danger);--badge-fg: #fff;--product-card-min: 160px;--product-card-min-sm: 140px;--product-grid-gap: 12px;--product-grid-gap-sm: 10px;--seller-card-min: 280px;--seller-grid-gap: 2rem;--seller-image-h: 220px;--seller-image-pad: 1rem;--search-h: 56px;--search-w-max: 720px;--chip-pad-y: 10px;--chip-pad-x: 14px;--chip-font: .95rem;--chip-gap: 8px;--chip-radius: 999px;--chip-bg: var(--card);--chip-fg: var(--text);--chip-border-color: rgba(255,255,255,.22);--chip-bg-hover: color-mix(in srgb, var(--primary) 16%, var(--card));--chip-fg-hover: var(--text);--chip-border-hover: rgba(255,255,255,.32);--chip-bg-selected: var(--primary);--chip-fg-selected: var(--primary-contrast);--chip-border-selected: transparent;--promo-bg: color-mix(in srgb, var(--primary) 18%, #0a0a0a);--muted-opacity: .55;--tint-subtle: color-mix(in srgb, var(--primary) 8%, #0d0d0d);--fb-cols-desktop: 3;--fb-img-h: 160px;--fb-img-h-sm: 140px;--pill-pad-y: 6px;--pill-pad-x: 10px;--fb-ico-fs: 44px;--fb-ico-fs-sm: 40px;--brand-600: hsl(var(--hue-primary) 90% 45%);--brand-700: hsl(var(--hue-primary) 90% 40%);--brand-800: hsl(var(--hue-primary) 90% 34%);--fb-grad-new: linear-gradient(135deg, var(--brand-700) 0%, var(--brand-800) 100%);--fb-grad-best: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-700) 100%);--fb-grad-deals: linear-gradient(135deg, color-mix(in srgb, var(--brand-600) 70%, var(--success) 30%) 0%, var(--brand-700) 100%);--section-gap-y: 18px;--section-gap-lg: 24px;--promo-link: var(--primary);--promo-link-hover: color-mix(in srgb, var(--primary) 85%, #fff);--promo-link-weight: 700;--promo-pad-y: var(--pad-y-xs);--promo-gap: var(--gap-sm);--promo-gap-sm: var(--gap-xs);--promo-btn-h: 40px;--promo-btn-h-sm: 36px;--promo-btn-pad-x: 16px;--promo-btn-pad-x-sm: 14px;--promo-btn-radius: 9999px;--promo-btn-weight: 700;--promo-btn-weight-sm: 600;--promo-btn-shadow: 0 8px 20px rgba(0,0,0,.18);--promo-btn-shadow-hover: 0 12px 26px rgba(0,0,0,.22);--promo-btn-shadow-active: 0 6px 16px rgba(0,0,0,.18);--promo-btn-shadow-dark: 0 10px 28px rgba(0,0,0,.35);--qc-card-min: 180px;--qc-card-min-sm: 140px;--qc-grid-gap: var(--gap-sm);--qc-img-pad: 6px;--qc-label-pad-y: 6px;--qc-label-pad-x: 10px;--qc-label-radius: calc(var(--radius) - 4px);--hero-box-bg: rgba(0,0,0,.45);--hero-box-fg: #fff;--hero-box-blur: 10px;--hero-box-pad-y: 20px;--hero-box-pad-x: 24px;--hero-box-min-w: 320px;--hero-box-w-vw: 44vw;--hero-box-max-w: 560px;--hero-box-shadow: 0 8px 30px rgba(0,0,0,.18);--hero-mobile-inset: 12px;--hero-mobile-pad-y: 12px;--hero-mobile-pad-x: 14px;--hero-mobile-gap: 6px;--hero-mobile-h1-min: 16px;--hero-mobile-h1-max: 20px}[data-theme=dark]{--bg: #000000;--surface: #0a0a0a;--card: #0d0d0d;--text: #f3f4f6;--muted: #cbd5e1;--line: rgba(255, 255, 255, .18);--border: var(--border-w) solid var(--line);--card-border-color: var(--line);--control-border-color: rgba(255, 255, 255, .24);--primary-contrast: #000000;--shadow-1: 0 0 0 1px rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.55);--shadow-2: 0 0 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.65);--overlay-scrim: rgba(0,0,0,.55);--overlay-scrim-strong: rgba(0,0,0,.7);--scrollbar-thumb: rgba(255,255,255,.22);--promo-bg: color-mix(in srgb, var(--primary) 18%, #0a0a0a);--tint-subtle: color-mix(in srgb, var(--primary) 8%, #0d0d0d);--chip-bg: var(--card);--chip-fg: var(--text);--chip-border-color: rgba(255,255,255,.22);--chip-bg-hover: color-mix(in srgb, var(--primary) 16%, var(--card));--chip-fg-hover: var(--text);--chip-border-hover: rgba(255,255,255,.32);--chip-bg-selected: var(--primary);--chip-fg-selected: var(--primary-contrast);--chip-border-selected: transparent}[data-theme=orange]{--hue-primary: 28;--primary: hsl(28 96% 58%);--primary-contrast: #0b0b0b;--bg: #000000;--surface: #0a0a0a;--card: #0d0d0d;--text: #f8fafc;--muted: #d1d5db;--line: color-mix(in srgb, hsl(28 96% 60%) 22%, rgba(255,255,255,.18));--border: var(--border-w) solid var(--line);--card-border-color: color-mix(in srgb, var(--line) 72%, transparent);--control-border-color: color-mix(in srgb, var(--line) 82%, transparent);--shadow-1: 0 0 0 1px rgba(255, 148, 82, .25), 0 12px 26px rgba(0,0,0,.55), 0 0 24px rgba(255, 148, 82, .06);--shadow-2: 0 0 0 1px rgba(255, 148, 82, .35), 0 18px 40px rgba(0,0,0,.65), 0 0 36px rgba(255, 148, 82, .1);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 55%, transparent);--overlay-scrim: rgba(0,0,0,.6);--overlay-scrim-strong: rgba(0,0,0,.75);--dot-bg: color-mix(in srgb, var(--primary) 40%, transparent);--dot-bg-active: #fff;--scrollbar-thumb: color-mix(in srgb, var(--primary) 30%, rgba(255,255,255,.22));--promo-bg: color-mix(in srgb, var(--primary) 22%, #0a0a0a);--tint-subtle: color-mix(in srgb, var(--primary) 12%, #0d0d0d);--chip-bg: color-mix(in srgb, var(--primary) 7%, var(--card));--chip-fg: var(--text);--chip-border-color: color-mix(in srgb, var(--primary) 35%, rgba(255,255,255,.18));--chip-bg-hover: color-mix(in srgb, var(--primary) 16%, var(--card));--chip-border-hover: color-mix(in srgb, var(--primary) 45%, rgba(255,255,255,.24));--chip-bg-selected: var(--primary);--chip-fg-selected: var(--primary-contrast);--chip-border-selected: transparent;--brand-600: hsl(28 96% 60%);--brand-700: hsl(28 94% 52%);--brand-800: hsl(28 90% 42%);--fb-grad-new: linear-gradient(135deg, var(--brand-700) 0%, var(--brand-800) 100%);--fb-grad-best: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-700) 100%);--fb-grad-deals: linear-gradient(135deg, color-mix(in srgb, var(--brand-600) 70%, #10b981 30%) 0%, var(--brand-700) 100%);--promo-link: var(--primary);--promo-link-hover: color-mix(in srgb, var(--primary) 88%, #fff);--hero-box-bg: color-mix(in srgb, var(--primary) 10%, rgba(0,0,0,.45));--hero-box-shadow: 0 10px 34px rgba(0,0,0,.25), 0 0 40px rgba(255, 148, 82, .1);--btn-radius: 999px;--btn-h: 42px;--btn-pad-x: 16px;--promo-btn-shadow: 0 10px 24px rgba(0,0,0,.3), 0 0 26px rgba(255, 148, 82, .1);--promo-btn-shadow-hover: 0 14px 30px rgba(0,0,0,.36), 0 0 38px rgba(255, 148, 82, .16);--promo-btn-shadow-active: 0 8px 18px rgba(0,0,0,.28), 0 0 22px rgba(255, 148, 82, .12);--promo-btn-shadow-dark: 0 12px 36px rgba(0,0,0,.45), 0 0 42px rgba(255, 148, 82, .18)}[data-theme=orange] .card:hover{box-shadow:var(--shadow-2)}[data-theme=orange] .card,[data-theme=orange] .panel{border:var(--border);background:var(--card)}[data-theme=orange] input,[data-theme=orange] select,[data-theme=orange] textarea{border:1px solid var(--control-border-color);background:color-mix(in srgb,var(--primary) 4%,var(--surface));color:var(--text);outline:none;transition:border var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing)}[data-theme=orange] input:focus,[data-theme=orange] select:focus,[data-theme=orange] textarea:focus{border-color:color-mix(in srgb,var(--primary) 60%,var(--control-border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 35%,transparent)}[data-brand=blue]{--hue-primary: 212}[data-brand=violet]{--hue-primary: 258}[data-brand=teal]{--hue-primary: 170}[data-brand=red]{--hue-primary: 2}[data-brand=green]{--hue-primary: 140}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .25s ease,color .25s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;border:1px solid var(--primary);background:var(--bg);color:var(--text);display:grid;place-items:center;font-size:22px;cursor:pointer;box-shadow:0 4px 18px #00000026}.theme-toggle:hover{box-shadow:0 6px 22px #00000040}@media (max-width: 1024px){:root{--hero-h-desktop: var(--hero-h-lg);--nav-item-w: 58px;--nav-item-h: 50px;--nav-gap: 14px;--shelf-card-width: 200px;--product-grid-gap: 12px;--product-card-min: 150px;--seller-card-min: 260px;--seller-grid-gap: 1.5rem;--seller-image-h: 200px;--search-w-max: 640px}}@media (max-width: 768px){:root{--hero-h-desktop: var(--hero-h-md);--nav-item-w: 52px;--nav-item-h: 46px;--nav-gap: 12px;--shelf-card-width: 184px;--product-grid-gap: var(--product-grid-gap-sm);--product-card-min: 144px;--seller-card-min: 240px;--seller-grid-gap: 1.25rem;--seller-image-h: 186px;--search-h: 52px;--search-w-max: 540px;--chip-pad-y: 9px;--chip-pad-x: 12px;--chip-font: .9rem;--fb-ico-fs: var(--fb-ico-fs-sm)}}@media (max-width: 640px){:root{--nav-h: 116px;--hero-h-desktop: var(--hero-h-sm);--nav-item-w: 48px;--nav-item-h: 44px;--nav-gap: 10px;--shelf-card-width: 172px;--product-card-min: var(--product-card-min-sm);--product-grid-gap: var(--product-grid-gap-sm);--seller-card-min: 220px;--seller-grid-gap: 1rem;--seller-image-h: 176px;--seller-image-pad: .75rem;--search-h: 50px;--search-w-max: 92vw;--chip-pad-y: 8px;--chip-pad-x: 10px;--chip-font: .88rem}}@media (max-width: 420px){:root{--shelf-card-width: 160px;--product-card-min: 136px;--product-grid-gap: 8px;--nav-item-w: 44px;--nav-item-h: 40px;--nav-gap: 8px;--search-h: 48px;--chip-pad-y: 7px;--chip-pad-x: 9px;--chip-font: .86rem}}@media (max-width: 360px){:root{--nav-h: 110px;--shelf-card-width: 150px;--product-card-min: 128px;--product-grid-gap: 8px;--nav-item-w: 42px;--nav-item-h: 38px;--search-h: 46px;--chip-font: .84rem}}.navx-hidden{position:absolute;width:0;height:0;overflow:hidden}.navx{position:fixed;top:0;left:0;right:0;height:var(--nav-h, 72px);z-index:70;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.navx-inner{max-width:1200px;height:var(--nav-h, 72px);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.navx-logo{justify-self:start;font-weight:900;font-size:22px;letter-spacing:.9px;line-height:1;padding:6px 8px;color:var(--text);text-decoration:none;border-radius:var(--radius-sm, 8px)}.navx-center{--item-w: var(--nav-item-w, 66px);--item-h: var(--nav-item-h, 56px);--gap: var(--nav-gap, 18px);--pad: var(--nav-pad, 0px);position:relative;justify-self:center;display:inline-flex;align-items:center;gap:var(--gap);background:transparent;border:0;box-shadow:none;filter:none;overflow:visible}.navx-highlight{position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--pad) + var(--active, 0) * (var(--item-w) + var(--gap)));width:var(--item-w);height:var(--item-h);background:color-mix(in srgb,var(--primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));border-radius:var(--radius-lg, 18px);opacity:var(--nav-highlight-opacity, .18);transition:left .28s cubic-bezier(.22,.7,.2,1),opacity .18s ease,background .18s ease;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navx-btn{position:relative;width:var(--item-w);height:var(--item-h);display:grid;place-items:center;text-decoration:none;border-radius:var(--radius, 16px);color:color-mix(in srgb,var(--text) 78%,transparent);transition:color .16s ease,transform .12s ease,background-color .16s ease;outline:none}.navx-btn:hover,.navx-btn.active{color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent)}.navx-btn:active{transform:translateY(1px)}.navx-btn:focus-visible{box-shadow:var(--focus-ring, 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent))}.navx-btn svg{width:28px;height:28px}.navx-tip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-4px);opacity:0;pointer-events:none;z-index:10;background:var(--card);color:var(--text);padding:7px 12px;border-radius:var(--radius-sm, 8px);font-size:13px;white-space:nowrap;border:1px solid var(--line);box-shadow:var(--shadow-2, 0 6px 18px rgba(0,0,0,.08));transition:opacity .16s ease,transform .16s ease}.navx-btn:hover .navx-tip{opacity:1;transform:translate(-50%) translateY(0)}.navx-tip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--card)}.navx-right{height:1px}@media (max-width: 420px){.navx-center{overflow-x:auto;scrollbar-width:none}.navx-center::-webkit-scrollbar{display:none}.navx-tip{display:none}}html,body{margin:0}.app{padding-top:var(--nav-h, 72px)}.app>*:first-child{margin-top:0!important}.hero{margin-top:0!important}@media (prefers-reduced-motion: reduce){.navx-highlight,.navx-btn,.navx-btn:hover .navx-tip{transition:none;transform:none}}@media (max-width: 640px){.navx-inner{height:var(--nav-h);padding:8px 14px;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;align-content:center;gap:8px}.navx-logo{justify-self:center;font-size:18px;padding:6px 10px}.navx-center{justify-self:center;--item-w: 48px;--item-h: 44px;--gap: 10px;--pad: 0px;display:inline-flex;align-items:center;gap:var(--gap);overflow:visible}.navx-btn{border-radius:12px}.navx-btn svg{width:22px;height:22px}.navx-highlight{height:var(--item-h);width:var(--item-w);border-radius:14px;opacity:.16}.navx-right{display:none}.navx-tip{display:none!important}}@media (max-width: 360px){.navx-center{--item-w: 44px;--item-h: 40px;--gap: 8px}.navx-btn svg{width:20px;height:20px}}.hero{max-width:var(--container-max);margin:var(--gap-sm) auto var(--section-gap-lg);padding:0 var(--page-pad-x)}.hero-track{position:relative;overflow:hidden;border-radius:var(--radius);border:var(--border);background:var(--surface);aspect-ratio:16 / 9;height:auto}.hero-slides{display:flex;width:100%;height:100%;transition:transform var(--dur-med) var(--easing);will-change:transform}.hero-slide{min-width:100%;height:100%;position:relative;display:block;color:inherit;text-decoration:none}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(var(--image-sat))}.hero-overlay{position:absolute;left:var(--hero-overlay-pad-x);bottom:calc(var(--hero-overlay-pad-y) + 4px);z-index:2}.hero-overlay-box{background:var(--hero-box-bg);color:var(--hero-box-fg);backdrop-filter:blur(var(--hero-box-blur));-webkit-backdrop-filter:blur(var(--hero-box-blur));width:clamp(var(--hero-box-min-w),var(--hero-box-w-vw),var(--hero-box-max-w));min-height:112px;padding:var(--hero-box-pad-y) var(--hero-box-pad-x);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--hero-box-fg) 18%,transparent);box-shadow:var(--hero-box-shadow);display:grid;row-gap:var(--gap-sm)}.hero-overlay-box h1{margin:0;font-size:clamp(20px,3.2vw,36px);text-shadow:0 2px 8px rgba(0,0,0,.35)}.hero-overlay-box p{margin:0;opacity:.98}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-h);line-height:1;padding:0 var(--btn-pad-x);font-weight:600;border-radius:var(--btn-radius);border:var(--border-w) solid var(--btn-ghost-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration:none;transition:transform var(--dur-med) var(--easing),box-shadow var(--dur-med) var(--easing)}.btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:transparent}.btn-ghost{color:var(--overlay-fg)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:var(--overlay-scrim);color:var(--overlay-fg);font-size:var(--icon-lg);line-height:1;width:var(--shelf-nav-size);height:var(--shelf-nav-size);border-radius:var(--btn-radius);cursor:pointer;z-index:3}.hero-prev{left:var(--pad-sm)}.hero-next{right:var(--pad-sm)}.hero-nav:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hero-dots{position:absolute;left:0;right:0;bottom:calc(var(--dot-offset) - 2px);display:flex;gap:var(--gap-xxs);justify-content:center;z-index:3}.hero-dots .dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--dot-bg);border:none;cursor:pointer}.hero-dots .dot.active{background:var(--dot-bg-active)}@media (prefers-reduced-motion: reduce){.hero-slides{transition:none}}@media (max-width: 640px){.hero-slides{gap:0}.hero-overlay{left:var(--hero-mobile-inset);right:var(--hero-mobile-inset);bottom:var(--hero-mobile-inset);transform:none}.hero-overlay-box{width:auto;max-width:100%;min-height:0;padding:var(--hero-mobile-pad-y) var(--hero-mobile-pad-x);row-gap:var(--hero-mobile-gap);text-align:left}.hero-overlay-box h1{font-size:clamp(var(--hero-mobile-h1-min),5vw,var(--hero-mobile-h1-max));text-shadow:0 1px 4px rgba(0,0,0,.35)}.hero-overlay-box p{font-size:var(--text-md);line-height:1.3}.btn{min-height:36px;padding:0 .8rem;font-size:.92rem}.hero-dots{bottom:6px}}@media (max-width: 360px){.hero-overlay-box p{display:none}.hero-overlay-box{padding:10px 12px}}.shelf{padding:var(--section-pad-top) var(--page-pad-x) var(--section-pad-bottom)}.shelf-header{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xxs);margin:0 0 var(--gap-sm);text-align:center}.shelf-header h2{margin:0;font-family:var(--shelf-h-font);font-size:var(--shelf-h-size);font-weight:var(--shelf-h-weight);letter-spacing:var(--shelf-h-spacing);color:var(--shelf-h-color);line-height:1.3}.shelf-header h2 a{color:inherit;text-decoration:none}.shelf-header h2 a:hover{text-decoration:underline}.shelf-viewall{font-size:var(--text-md);text-decoration:underline;opacity:.85;color:var(--link)}.shelf-viewall:hover{opacity:1}.shelf-wrap{position:relative}.shelf-track{display:flex;gap:var(--shelf-gap);padding:var(--shelf-track-pad-y) var(--shelf-edge-pad-x);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.shelf-track::-webkit-scrollbar{height:var(--scrollbar-h)}.shelf-track::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--chip-radius)}.shelf-track{scrollbar-width:thin}.shelf-card{flex:0 0 var(--shelf-card-width);min-width:0;border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--card-pad);scroll-snap-align:start;background:var(--card);border:var(--border-w) solid var(--card-border-color)}.shelf-thumb{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);display:flex;align-items:flex-end;justify-content:center;line-height:0;--thumb-pad: clamp(12px, 3.5%, 18px);padding:var(--thumb-pad)}.shelf-thumb>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom;background:transparent}.shelf-title{margin-top:var(--gap-xs);font-weight:600;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-price{margin-top:var(--gap-xxxs);font-weight:800;font-size:var(--text-md)}.shelf-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--shelf-nav-size);height:var(--shelf-nav-size);border-radius:var(--btn-radius);border:var(--border-w) solid var(--control-border-color);background:var(--card);box-shadow:var(--shadow-2);display:grid;place-items:center;z-index:5;cursor:pointer}.shelf-nav.left{left:var(--gap-xxs)}.shelf-nav.right{right:var(--gap-xxs)}.shelf-nav:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shelf-fade{position:absolute;top:0;bottom:0;width:var(--shelf-fade-w);z-index:4;pointer-events:none}.shelf-fade.left{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.shelf-fade.right{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.shelf-sentinel{flex:0 0 1px;width:1px}@media (max-width: 640px){.shelf-track{padding:var(--shelf-track-pad-y) var(--shelf-edge-pad-x-sm)}}@media (prefers-reduced-motion: reduce){.shelf-track{scroll-behavior:auto}}.badge{position:absolute;top:var(--badge-offset);left:var(--badge-offset);font-size:var(--badge-font);padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);color:var(--badge-fg)}.badge.new{background:var(--badge-new-bg)}.badge.sale{background:var(--badge-sale-bg);left:auto;right:var(--badge-offset)}@media (max-width: 640px){:root{--shelf-h-size: 1.25rem}}.yt-home{max-width:1100px;margin:18px auto;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.yt-home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 10px}.yt-home-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.yt-home-link{font-size:.9rem;color:var(--primary);text-decoration:none}.yt-home-link:hover{text-decoration:underline}.yt-home-media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.yt-home-media iframe{display:block;width:100%;height:100%;border:0}.yt-home-note{margin:6px 2px 2px;font-size:.86rem;color:var(--muted)}@media (max-width: 520px){.yt-home{margin:14px 10px}}.promo-bar{background:var(--promo-bg);border-bottom:var(--border)}.promo-inner{max-width:var(--container-max);margin:0 auto;padding:var(--promo-pad-y) var(--page-pad-x);display:flex;align-items:center;justify-content:center;gap:var(--promo-gap);flex-wrap:wrap;color:var(--text);font-size:var(--text-sm)}.promo-note{opacity:.9}.sep{opacity:var(--muted-opacity)}.promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--promo-btn-h);padding:0 var(--promo-btn-pad-x);border-radius:var(--promo-btn-radius);border:1px solid transparent;color:var(--primary-contrast);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,white) 0%,var(--primary) 100%);box-shadow:var(--promo-btn-shadow);text-decoration:none;font-weight:var(--promo-btn-weight);letter-spacing:.1px;transition:transform var(--dur-med) var(--easing),box-shadow var(--dur-med) var(--easing),filter var(--dur-med) var(--easing)}.promo-btn:hover{transform:translateY(-1px);box-shadow:var(--promo-btn-shadow-hover);filter:brightness(1.03)}.promo-btn:active{transform:translateY(0);box-shadow:var(--promo-btn-shadow-active)}.promo-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-color-scheme: dark){.promo-btn{box-shadow:var(--promo-btn-shadow-dark)}}@media (max-width: 520px){.promo-inner{gap:var(--promo-gap-sm)}.promo-btn{min-height:var(--promo-btn-h-sm);padding:0 var(--promo-btn-pad-x-sm);font-weight:var(--promo-btn-weight-sm)}.sep{display:none}}.qc-wrap{max-width:none;width:100%;margin:var(--gap) 0 var(--section-gap-lg);padding:0 var(--page-pad-x)}.qc-grid{display:grid;width:100%;gap:var(--qc-grid-gap);grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(var(--qc-card-min),1fr))}.qc-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);border:var(--border);background:var(--card);text-decoration:none;transition:transform var(--dur-med) var(--easing),box-shadow var(--dur-med) var(--easing)}.qc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.qc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--surface);padding:var(--qc-img-pad)}.qc-img-current{opacity:1;transition:opacity var(--dur-med) var(--easing)}.qc-img-next{opacity:0;transition:opacity var(--dur-med) var(--easing)}.qc-label{position:absolute;left:var(--gap-xxs);right:var(--gap-xxs);bottom:var(--gap-xxs);display:flex;align-items:center;justify-content:space-between;padding:var(--qc-label-pad-y) var(--qc-label-pad-x);border-radius:var(--qc-label-radius);background:color-mix(in srgb,var(--bg) 14%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.qc-title{font-weight:700;font-size:var(--text-md)}.qc-cta{font-size:var(--text-sm);opacity:.8}@media (max-width: 768px){.qc-grid{grid-template-columns:repeat(auto-fit,minmax(var(--qc-card-min-sm),1fr));gap:var(--product-grid-gap)}}@media (max-width: 520px){.qc-card{aspect-ratio:3 / 4}.qc-label{padding:calc(var(--qc-label-pad-y) - 2px) calc(var(--qc-label-pad-x) - 2px)}}.fb-wrap{max-width:var(--container-max);margin:var(--gap-xs) auto var(--section-gap-lg);padding:0 var(--page-pad-x);display:grid;grid-template-columns:repeat(var(--fb-cols-desktop),1fr);gap:var(--gap-sm)}.fb-card{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:var(--border);display:block}.fb-card img{width:100%;height:var(--fb-img-h);object-fit:cover;display:block;filter:saturate(var(--image-sat))}.fb-card span{position:absolute;left:var(--pad-sm);bottom:var(--pad-xs);background:var(--overlay-scrim-strong);color:var(--overlay-fg);padding:var(--pill-pad-y) var(--pill-pad-x);border-radius:var(--chip-radius)}@media (max-width: 768px){.fb-wrap{grid-template-columns:1fr}.fb-card img{height:var(--fb-img-h-sm)}}.fb-card.icon{display:grid;place-items:center;height:var(--fb-img-h);color:var(--overlay-fg)}.fb-card.icon.new{background:var(--fb-grad-new)}.fb-card.icon.best{background:var(--fb-grad-best)}.fb-card.icon.deals{background:var(--fb-grad-deals)}.fb-card .fb-ico{font-size:var(--fb-ico-fs);line-height:1;opacity:.95}.trust-wrap{background:var(--surface);border-top:var(--border);border-bottom:var(--border);margin-top:var(--section-gap-y)}.trust-inner{max-width:var(--container-max);margin:0 auto;padding:var(--pad-y-md) var(--page-pad-x);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm)}.trust-item{display:flex;gap:var(--gap-xs);align-items:center}.ti-ico{font-size:var(--icon-md)}.ti-t{font-weight:600}.ti-s{font-size:var(--text-sm);color:var(--muted)}@media (max-width: 768px){.trust-inner{grid-template-columns:1fr}}.nl-wrap{max-width:var(--container-narrow);margin:var(--section-gap-lg) auto;padding:0 var(--page-pad-x)}.nl-inner{border:var(--border-dashed);border-radius:var(--radius);padding:var(--pad-md);background:var(--tint-subtle)}.nl-inner h3{margin:0 0 var(--gap-xxs)}.nl-inner p{margin:0 0 var(--gap-sm);color:var(--muted)}.nl-inner form{display:flex;gap:var(--gap-xs)}.nl-inner input{flex:1;min-height:var(--btn-h);padding:0 var(--btn-pad-x);border:var(--border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-fg)}.nl-inner input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nl-inner button{min-height:var(--btn-h);padding:0 var(--btn-pad-x);border-radius:var(--btn-radius);border:var(--border-w) solid transparent;background:var(--primary);color:var(--primary-contrast);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-med) var(--easing),box-shadow var(--dur-med) var(--easing)}.nl-inner button:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}@media (max-width: 480px){.nl-inner form{flex-direction:column}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#00000038;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:18px}.popup-shell{position:relative;width:min(720px,100%);padding:26px 28px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:var(--surface);box-shadow:0 18px 50px #000000b3,0 0 0 1px #ffffff0f,0 0 0 6px #0000001a}.popup-shell:before{content:"";position:absolute;left:14px;right:14px;top:12px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 85%,#fff),transparent);opacity:.9}.popup-shell:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;pointer-events:none;border:1px solid rgba(255,255,255,.06)}.popup-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);font-size:22px;line-height:1;cursor:pointer;transition:transform var(--dur-fast) var(--easing),background var(--dur-fast) var(--easing),border-color var(--dur-fast) var(--easing)}.popup-close:hover{transform:scale(1.06);background:#ffffff0f;border-color:color-mix(in srgb,var(--primary) 55%,rgba(255,255,255,.12))}.popup-head{text-align:center;padding:18px 10px 14px}.popup-title{margin:0 0 10px;font-size:42px;font-weight:950;letter-spacing:1.2px;line-height:1.05;color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.35)}.popup-subtitle{margin:0;font-size:16px;font-weight:750;line-height:1.5;color:color-mix(in srgb,var(--text) 84%,var(--muted))}.popup-actions{display:flex;justify-content:center;padding:14px 10px 8px}.popup-cta{height:44px;padding:0 26px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 70%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--text);font-weight:900;letter-spacing:.7px;font-size:15px;cursor:pointer;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent),0 12px 30px #00000059;transition:transform var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing),background var(--dur-fast) var(--easing),border-color var(--dur-fast) var(--easing)}.popup-cta:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--primary) 22%,transparent);border-color:color-mix(in srgb,var(--primary) 85%,rgba(255,255,255,.18));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent),0 16px 40px #00000073}.popup-footnote{margin:10px 0 0;text-align:center;font-size:12px;opacity:.75;color:var(--muted)}@media (max-width: 640px){.popup-shell{width:min(560px,100%);padding:22px 16px 16px;border-radius:16px}.popup-title{font-size:32px}.popup-subtitle{font-size:14px}}.products-title{text-align:center;font-size:clamp(1.6rem,2.2vw + 1rem,2.2rem);font-weight:800;margin:0 0 .75rem;color:var(--text)}.products-toolbar{display:grid;justify-items:center;gap:12px;margin:0 auto 1.25rem;padding:0 16px;max-width:min(1200px,100%)}.search-input{color-scheme:light dark;width:min(var(--search-w-max, 720px),100%);height:var(--search-h, 56px);font-size:1rem;line-height:1;padding:0 16px;border-radius:var(--radius-md, var(--radius));border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--card);color:var(--text);caret-color:var(--text);box-shadow:var(--shadow-1);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.search-input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.search-input:focus{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:var(--focus-ring)}.search-input:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 9999s ease-in-out 0s}.products-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:transparent;color:var(--text);padding:var(--chip-pad-y, 10px) var(--chip-pad-x, 14px);border-radius:999px;font-size:var(--chip-font, .95rem);cursor:pointer;transition:all .2s ease-in-out}.chip:hover{background:color-mix(in srgb,var(--text) 10%,var(--surface) 90%)}.chip.active{background:var(--card);border-color:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:var(--shadow-1);font-weight:600;color:var(--text)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--product-card-min, 160px),1fr));gap:var(--product-grid-gap, 12px)}.product-card{border-radius:var(--radius-md, var(--radius));box-shadow:var(--shadow-1);padding:.6rem;background:var(--card);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.product-card.compact{padding:.5rem}.product-name{margin-top:.4rem;font-weight:600;font-size:.9rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-weight:800;font-size:.95rem}.product-image{border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center;aspect-ratio:1 / 1;background:transparent}.product-image.compact{aspect-ratio:1 / 1}.product-image img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;display:block;background:transparent}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(var(--product-card-min-sm, 140px),1fr));gap:var(--product-grid-gap-sm, 10px)}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1.5rem;flex-wrap:wrap}.pagination-list{display:flex;gap:6px;list-style:none;margin:0 6px;padding:0}.page-ellipsis{padding:8px 10px;color:var(--muted)}.page-btn,.page-number{border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:var(--card);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;min-width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .05s}.page-btn:hover,.page-number:not(.active):hover{background:color-mix(in srgb,var(--surface) 70%,var(--card) 30%)}.page-btn:disabled,.page-number:disabled{opacity:.5;cursor:not-allowed}.page-number.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary);font-weight:700;position:relative}.page-number.active:before{content:"(";margin-right:2px}.page-number.active:after{content:")";margin-left:2px}.page-btn:focus-visible,.page-number:focus-visible{outline:none;box-shadow:var(--focus-ring)}.products-chips{display:flex;flex-wrap:wrap;gap:var(--chip-gap)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--chip-bg);color:var(--chip-fg);border:var(--border);border-color:var(--chip-border-color);border-radius:var(--chip-radius);padding:var(--chip-pad-y) var(--chip-pad-x);line-height:1;font-size:var(--chip-font);cursor:pointer;transition:background var(--dur-med) var(--easing),color var(--dur-med) var(--easing),border-color var(--dur-med) var(--easing),transform var(--dur-med) var(--easing),box-shadow var(--dur-med) var(--easing)}.chip:hover{background:var(--chip-bg-hover);color:var(--chip-fg-hover);border-color:var(--chip-border-hover);transform:translateY(-1px)}.chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chip.active,.chip[aria-pressed=true]{background:var(--chip-bg-selected);color:var(--chip-fg-selected);border-color:var(--chip-border-selected);box-shadow:var(--shadow-1);transform:translateY(-1px)}.chip--orange{background:#ff5000;border-color:#ff5000;color:#fff;font-weight:600}.chip--orange:hover{background:#e64600;border-color:#e64600}.chip--orange.active,.chip--orange[aria-pressed=true]{background:#ff5000;border-color:#ff5000;color:#fff}.chip--purple{background:#6f3cc2;border-color:#6f3cc2;color:#fff;font-weight:600}.chip--purple:hover{background:#5a2fa1;border-color:#5a2fa1}.chip--purple.active,.chip--purple[aria-pressed=true]{background:#6f3cc2;border-color:#6f3cc2;color:#fff}.auth-page{min-height:100vh;background:var(--bg);color:var(--text);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.auth-card{width:520px;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px #0000000a}.auth-brand{display:flex;justify-content:center;align-items:center;padding-top:12px;font-size:36px;font-weight:900;letter-spacing:.5px}.auth-tabs{display:flex;gap:0;margin-top:8px;border-bottom:1px solid var(--line)}.auth-tab{flex:1;text-align:center;padding:12px 0;font-weight:700;background:none;border:0;color:var(--text);cursor:pointer}.auth-tab.active{position:relative}.auth-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--text);border-radius:2px}.auth-body{padding:16px 20px 24px}.auth-field{margin-bottom:14px}.auth-input{width:100%;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px;outline:none}.auth-input::placeholder{color:#8a8f98}.auth-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #1c5dc21f}.auth-row{display:flex;justify-content:flex-end;align-items:center;margin-top:6px}.auth-link{font-size:12px;color:var(--text);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-submit{width:100%;height:44px;margin-top:12px;border:0;border-radius:6px;font-weight:700;cursor:pointer;background:var(--text);color:var(--bg)}.auth-legal{margin-top:12px;font-size:12px;line-height:1.4;color:#7f7f7fe6}.auth-legal a{color:var(--text);text-decoration:underline}.auth-note{margin-top:6px;font-size:12px;color:#7f7f7fe6}.auth-check{display:flex;align-items:flex-start;gap:8px;margin:10px 0 4px;font-size:12px}.auth-check a{color:var(--text);text-decoration:underline}.sellers-page{padding:2rem}.sellers-title{font-size:2.2rem;font-weight:600;margin-bottom:2rem;text-align:center;color:var(--text)}.sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--seller-card-min, 280px),1fr));gap:var(--seller-grid-gap, 2rem)}.seller-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);text-decoration:none;color:var(--text);transition:transform .25s ease,box-shadow .25s ease,background-color .2s ease}.seller-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);background:color-mix(in srgb,var(--surface) 40%,var(--card) 60%)}.seller-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.seller-image{width:100%;height:var(--seller-image-h, 220px);object-fit:contain;background:var(--surface);padding:var(--seller-image-pad, 1rem);display:block}.seller-info{padding:1.2rem 1.4rem;text-align:center}.seller-info h2{font-size:1.3rem;font-weight:600;margin-bottom:.6rem;color:var(--text)}.seller-info p{font-size:1rem;color:var(--muted);line-height:1.4}.yt-page{max-width:1280px;margin:0 auto;padding:20px 16px;background:var(--bg);color:var(--text)}.yt-title{font-size:1.75rem;font-weight:700;margin:12px 0 20px;color:var(--text)}.yt-error{color:var(--danger, #ef4444);background:color-mix(in srgb,var(--danger, #ef4444) 12%,var(--card));border:1px solid color-mix(in srgb,var(--danger, #ef4444) 24%,var(--line));padding:12px 14px;border-radius:var(--radius);font-size:.9rem}.yt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 768px){.yt-grid{grid-template-columns:1fr}}.yt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg, 10px);overflow:hidden;box-shadow:var(--shadow-1);transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.yt-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000001f;border-color:color-mix(in srgb,var(--primary) 30%,var(--line))}.yt-card:focus-within{outline:none;box-shadow:var(--shadow-1),var(--focus-ring);border-color:color-mix(in srgb,var(--primary) 36%,var(--line))}.yt-media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface)}.yt-media iframe{width:100%;height:100%;border:0;display:block;border-bottom:1px solid var(--line)}.yt-meta{padding:12px 14px 16px;background:var(--card)}.yt-video-title{font-size:1rem;font-weight:500;line-height:1.35rem;margin:2px 0 6px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-video-title a{color:inherit;text-decoration:none}.yt-video-title a:hover{text-decoration:underline}.yt-date{font-size:.82rem;color:var(--muted)}.yt-card.skeleton{border:1px solid var(--line);background:var(--card);animation:ytPulse 1.6s ease-in-out infinite}@keyframes ytPulse{0%,to{opacity:.65}50%{opacity:1}}.skeleton .yt-media{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,#000 0%) 25%,color-mix(in srgb,var(--surface) 86%,#000 0%) 37%,color-mix(in srgb,var(--surface) 92%,#000 0%) 63%);background-size:400% 100%;animation:ytShimmer 1.4s ease-in-out infinite}.skeleton .yt-meta{padding:12px 14px 16px}.skeleton .yt-line{height:12px;margin:8px 0 0;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 86%,#000 0%) 25%,color-mix(in srgb,var(--surface) 80%,#000 0%) 37%,color-mix(in srgb,var(--surface) 86%,#000 0%) 63%);background-size:400% 100%;animation:ytShimmer 1.4s ease-in-out infinite}.skeleton .yt-line.short{width:60%}@keyframes ytShimmer{0%{background-position:100% 0}to{background-position:0 0}}.yt-fallback{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-1);overflow:hidden}.yt-fallback-note{font-size:.9rem;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)}@media (prefers-reduced-motion: reduce){.yt-card,.yt-card:hover{transition:none;transform:none}.skeleton .yt-media,.skeleton .yt-line{animation:none}}.yt-thumbBtn{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.yt-thumbBtn img{width:100%;height:100%;object-fit:cover;display:block}.yt-play{position:absolute;inset:auto auto 10px 10px;background:#0009;color:#fff;font-weight:700;padding:6px 9px;border-radius:10px;pointer-events:none}.yt-hero{max-width:980px;margin:0 auto 18px;padding:0 6px}.yt-hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px 18px;text-align:center}.yt-title.center{text-align:center}.yt-sub{margin:6px 0 10px;color:var(--muted)}.yt-link{color:var(--primary);text-decoration:none}.yt-link:hover{text-decoration:underline}.yt-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}.yt-chip{display:inline-block;font-size:.82rem;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line))}.yt-bullets{list-style:none;padding:0;margin:8px auto 14px;max-width:760px;color:var(--text)}.yt-bullets.center{text-align:center}.yt-bullets.center li{display:inline-block;margin:6px 10px;text-align:left}.yt-cta{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:6px 0 8px}.yt-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--radius);font-weight:600;text-decoration:none;border:1px solid var(--line);transition:transform .12s ease,background-color .15s ease,border-color .15s ease}.yt-btn-lg{padding:12px 18px;font-size:1rem}.yt-btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.yt-btn-primary:hover{transform:translateY(-1px)}.yt-btn-outline{background:var(--card);color:var(--text)}.yt-btn-outline:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.yt-fineprint{margin:4px 0 2px;font-size:.82rem;color:var(--muted)}.haul-page{--product-card-min: 220px;--product-grid-gap: 16px;--product-card-pad: .9rem;--product-name-size: 1rem;--product-price-size: 1.05rem;display:block;margin:0 auto;padding:1rem}.haul-content{max-width:min(1200px,95vw);margin:0 auto}.haul-video{display:grid;place-items:center;margin:0 auto 1rem;gap:.6rem;text-align:center}.haul-video__frame{width:clamp(360px,73vw,780px);aspect-ratio:16 / 9;border-radius:var(--radius-md, 12px);overflow:hidden;box-shadow:var(--shadow-1);background:var(--card);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.haul-video__frame iframe{width:100%;height:100%;border:0;display:block}.haul-video__cta{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--card);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);text-decoration:none;box-shadow:var(--shadow-1);transition:background var(--dur-med, .2s) var(--easing, ease),transform var(--dur-med, .2s) var(--easing, ease)}.haul-video__cta:hover{background:color-mix(in srgb,var(--surface) 70%,var(--card) 30%)}.haul-video__cta:active{transform:translateY(1px)}.haul-grid{margin:0 auto}.haul-page .product-card{padding:var(--product-card-pad)}.haul-page .product-card.compact{padding:calc(var(--product-card-pad) - .15rem)}.haul-page .product-name{font-size:var(--product-name-size)}.haul-page .product-price{font-size:var(--product-price-size)}.haul-status{text-align:center;margin:1rem 0;color:var(--muted)}.haul-status.error{color:var(--danger, #d33)}@media (max-width: 768px){.haul-video__frame{width:clamp(320px,90vw,720px)}}@media (max-width: 480px){.haul-page{--product-card-min-sm: 170px;--product-grid-gap-sm: 12px;--product-name-size: 1.02rem;--product-price-size: 1.08rem}.haul-video__frame{width:100%;max-width:420px}.haul-video__cta{padding:10px 14px;font-size:.98rem}.page-btn,.page-number{min-width:46px;height:42px}}.haul-grid{--haul-card-w: 260px;grid-template-columns:repeat(auto-fit,minmax(var(--haul-card-w),var(--haul-card-w)));justify-content:center;align-content:start}.haul-page .product-card{width:var(--haul-card-w)}@media (max-width: 992px){.haul-grid{--haul-card-w: 240px}}@media (max-width: 768px){.haul-grid{--haul-card-w: 210px}}@media (max-width: 520px){.haul-grid{--haul-card-w: 180px}}@media (max-width: 380px){.haul-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center}.haul-page .product-card{width:auto}}