:root{
  --bg:#f7f4ee;
  --surface:#fffdf9;
  --surface-2:#f1ede5;
  --surface-3:#edf4f2;
  --ink:#17213c;
  --muted:#6e7485;
  --line:rgba(23,33,60,.11);
  --line-strong:rgba(23,33,60,.18);
  --dark:#18233c;
  --dark-2:#233050;
  --gold:#e6b85f;
  --gold-soft:#f7e5b7;
  --coral:#ef927d;
  --teal:#74c8c0;
  --blue:#8fb2e7;
  --lav:#b8a7d9;
  --shadow:0 14px 44px rgba(38,48,77,.08);
  --shadow-lg:0 30px 90px rgba(38,48,77,.14);
  --radius:22px;
  --radius-lg:32px;
  --container:min(1560px,calc(100vw - 34px));
}
html[data-theme="dark"]{
  --bg:#101625;--surface:#172033;--surface-2:#202b42;--surface-3:#1c3340;--ink:#f6f4ee;--muted:#b7becc;--line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.16);--dark:#f1efe8;--dark-2:#d7dce7;--shadow:0 16px 48px rgba(0,0,0,.28);--shadow-lg:0 30px 90px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.58 "DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.site-main>*{width:var(--container);margin-inline:auto}.full-bleed{width:min(1780px,calc(100vw - 18px))}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:12px;top:12px;z-index:999;background:#111;color:#fff;padding:10px 14px;border-radius:999px}

/* header */
.site-topbar{background:var(--dark);color:#fff;font-size:12px}.topbar-shell{width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}.topbar-shell nav{display:flex;gap:16px;align-items:center}.topbar-shell a,.topbar-shell button{color:rgba(255,255,255,.82);background:none;border:0;font:inherit}.topbar-shell i{margin-right:6px;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-shell{width:var(--container);margin:auto;display:grid;grid-template-columns:auto 1fr minmax(240px,390px) auto;gap:16px;align-items:center;padding:12px 0}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:46px;height:46px;object-fit:contain}.brand-lockup span{display:grid;font-weight:700;font-size:18px;letter-spacing:-.04em;line-height:1}.brand-lockup em{font-style:normal;color:var(--coral)}.brand-lockup small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:2px}.main-nav>a,.main-nav button{display:inline-flex;align-items:center;gap:6px;padding:10px 11px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;white-space:nowrap}.main-nav>a:hover,.main-nav button:hover{background:var(--surface-2);color:var(--ink)}.nav-dropdown{position:relative}.category-popover{display:none;position:absolute;left:0;top:calc(100% + 14px);width:min(920px,calc(100vw - 28px));padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-lg)}.nav-dropdown.is-open .category-popover{display:block}.mega-menu-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.mega-label{margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mega-menu-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mega-menu-categories .mega-label{grid-column:1/-1}.mega-category{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px}.mega-category:hover,.mega-menu-featured a:hover{background:var(--surface-2)}.mega-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--accent) 24%,var(--surface));color:var(--ink)}.mega-category span:last-child{display:grid}.mega-category b{font-size:13px}.mega-category small,.mega-menu-featured small{color:var(--muted);font-size:11px}.mega-menu-featured{padding:12px;border-radius:18px;background:var(--surface-2)}.mega-menu-featured a{display:grid;gap:3px;padding:11px;border-radius:14px}.header-search{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 13px}.header-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;font-size:13px}.header-search button,.tool-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface);color:var(--ink)}.header-tools{display:flex;align-items:center;gap:6px}.tool-btn{border:1px solid var(--line)}.profile-btn{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:700}.flash-toast{width:var(--container);margin:14px auto;padding:13px 16px;border-radius:15px;background:#e9f5f0;border:1px solid rgba(64,145,118,.25);color:#265343;font-weight:700}

/* basics */
h1,h2,h3,h4{margin:0 0 10px;letter-spacing:-.035em;line-height:1.06}h1,h2{font-family:"Fraunces",serif;font-weight:600}p{margin:0 0 12px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#8b6a31;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero-actions,.award-card-actions,.product-action-row,.admin-top-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:13px;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-1px)}.btn.large{padding:13px 18px}.btn.dark{background:var(--dark);color:var(--surface);box-shadow:var(--shadow)}.btn.soft{background:var(--surface);border-color:var(--line);color:var(--ink)}.text-button{display:inline-flex;gap:7px;align-items:center;color:#30466e;font-weight:700;font-size:13px}.back-link{display:inline-flex;gap:7px;align-items:center;color:#47618f;font-size:13px;font-weight:700;margin-bottom:12px}.overline{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.empty-note{padding:20px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--surface)}

/* fixed product image system */
.product-frame,.main-product-frame{position:relative;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}.product-frame:before,.main-product-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,rgba(116,200,192,.14),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.4),rgba(247,244,238,.22));pointer-events:none}.olet-product-img{position:relative;z-index:1;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:10%!important;background:#fff!important}.size-xxs{width:52px;height:52px;border-radius:13px}.size-xs{width:100%;aspect-ratio:1/1}.size-sm{width:100%;aspect-ratio:1/1}.size-md{width:100%;aspect-ratio:1/1}.main-product-frame{width:100%;aspect-ratio:1/1;min-height:0}.main-product-frame .olet-product-img{padding:9%!important}.olet-fallback{object-fit:contain!important;padding:18%!important}

/* homepage */
.home-hero{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(600px,1.14fr);gap:0;margin-top:14px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.home-hero-copy{padding:42px 42px 36px;display:flex;flex-direction:column;justify-content:center}.home-hero-copy h1{max-width:9ch;font-size:clamp(3.2rem,6.2vw,6.4rem);margin:13px 0 14px}.home-hero-copy h1 em{font-style:normal;color:var(--coral)}.home-hero-copy p{max-width:62ch;font-size:16px}.hero-actions{margin-top:10px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.hero-stats div{padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.hero-stats b{display:block;font-size:20px}.hero-stats span{font-size:11px;color:var(--muted)}.home-hero-art{position:relative;min-height:520px;background:var(--surface-2);overflow:hidden}.home-hero-art picture,.home-hero-art picture img{width:100%;height:100%}.home-hero-art picture img{object-fit:cover}.hero-floating-card{position:absolute;left:18px;bottom:18px;display:grid;gap:4px;max-width:280px;padding:13px 15px;border:1px solid rgba(255,255,255,.65);border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-floating-card span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8b6a31}.hero-floating-card small{color:var(--muted)}
.story-strip{display:grid;grid-template-columns:165px 1fr;gap:14px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.story-intro{padding:5px 4px}.story-intro h2{font:600 22px/1 "Fraunces",serif;margin-top:7px}.story-scroller{display:flex;gap:13px;overflow:auto;padding:2px 2px 6px}.story-circle{min-width:83px;text-align:center}.story-orb{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 8px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 62%,#fff);background:color-mix(in srgb,var(--accent) 22%,#fff);box-shadow:inset 0 0 0 7px #fff;color:#344664}.story-circle b{display:block;font-size:11px;line-height:1.25}.story-circle small{font-size:10px;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:33px 0 15px}.section-heading.compact{padding:0 0 14px}.section-heading h2{font-size:clamp(2rem,3.4vw,3.4rem);margin:8px 0;max-width:17ch}.section-heading p{max-width:70ch}.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.award-grid.archive{grid-template-columns:repeat(3,1fr);padding-bottom:30px}.award-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.award-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 13px;color:var(--muted);font-size:11px;font-weight:700}.award-type{display:inline-flex;align-items:center;gap:7px}.award-type i{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:color-mix(in srgb,var(--accent) 30%,#fff)}.award-card-visual{position:relative;display:block;height:190px;overflow:hidden;background:linear-gradient(145deg,#f6f1e7,#e8f2f0)}.award-decor{position:absolute;inset:-18%;width:136%;height:136%;object-fit:contain;opacity:.64}.award-seal{position:absolute;right:12px;top:12px;width:54px;height:54px;object-fit:contain}.award-stack{position:absolute;inset:0;display:flex;align-items:end;justify-content:center;padding:18px 20px 16px}.stack-item{width:34%;filter:drop-shadow(0 10px 10px rgba(39,55,74,.13))}.stack-item.item-0{order:2;width:39%;z-index:3}.stack-item.item-1{order:1;transform:translateX(14px) scale(.88)}.stack-item.item-2{order:3;transform:translateX(-14px) scale(.88)}.award-card-copy{display:flex;flex:1;flex-direction:column;padding:15px}.award-card-copy h3{font-size:20px}.winner-note{color:var(--ink);font-size:13px}.winner-note b{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:5px;border-radius:50%;background:var(--gold-soft);color:#8b6a31}.award-card-actions{margin-top:auto;padding-top:6px}
.editorial-split{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:34px}.editors-stage,.guess-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.editors-stage{min-height:330px}.editors-stage img{width:100%;height:100%;object-fit:cover}.editors-stage>div{position:absolute;left:18px;bottom:18px;max-width:440px;padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px)}.editors-stage h2,.guess-card h2{font-size:28px;margin-top:7px}.guess-card{padding:24px;background:linear-gradient(145deg,#243051,#334875);color:#fff}.guess-card p{color:rgba(255,255,255,.77)}.guess-card button{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;text-align:left;font-weight:700}.guess-card button:hover{background:rgba(255,255,255,.16)}.guess-result{margin-top:12px;color:#ffdd8a;font-weight:700}.top-products-grid,.product-reading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.product-card-visual{position:relative}.rank-pill{position:absolute;left:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);font-size:11px;font-weight:700;color:#8b6a31}.favorite-mini{position:absolute;right:8px;top:8px;z-index:4}.favorite-mini button{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.88);color:var(--coral)}.product-card-copy{display:flex;flex:1;flex-direction:column;padding:12px 2px 2px}.product-card h3{font-size:17px}.product-card p{font-size:13px}.score-line{display:flex;align-items:center;gap:4px;margin-bottom:8px}.score-line strong{font-size:19px}.score-line span{color:var(--muted)}.score-line em{margin-left:auto;color:#8b6a31;font-style:normal;font-size:11px}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 11px}.tag-row span{padding:5px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.product-card .text-button{margin-top:auto}.festival-band{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f2e8d5,#e3f0ed)}.festival-band-copy h2{font-size:34px;margin-top:7px}.upcoming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.upcoming-grid article{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.65)}.upcoming-grid span{color:var(--muted);font-size:12px}.upcoming-grid em{font-style:normal;color:#8b6a31;font-size:12px;font-weight:700}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.method-grid article{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.method-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--surface-3);color:#37625d;margin-bottom:12px}.method-grid h3{font-size:17px}.method-grid p{font-size:13px}.community-cta{display:grid;grid-template-columns:118px 1fr auto;gap:18px;align-items:center;margin-top:34px;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#e9f4f0,#f6ead5)}.community-cta img{width:110px;height:110px;object-fit:contain}.community-cta h2{font-size:34px;margin-top:6px}

/* article / award / product */
.page-hero,.info-hero,.profile-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;padding:28px 32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f4ead7,#e3f1ef);box-shadow:var(--shadow)}.page-hero h1,.info-hero h1,.profile-hero h1{font-size:clamp(2.6rem,5vw,5.2rem);max-width:15ch;margin:8px 0}.page-hero p,.info-hero p,.profile-hero p{max-width:72ch}.page-hero img,.info-hero img{width:155px;height:155px;object-fit:contain}.award-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.award-hero-copy{padding:16px 12px}.award-hero h1{font-size:clamp(2.8rem,5vw,5.4rem);margin:9px 0 10px}.award-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.award-meta span{padding:7px 9px;border-radius:999px;background:var(--surface-2);font-size:11px;color:var(--muted);font-weight:700}.award-hero-visual{position:relative;overflow:hidden;min-height:390px;border-radius:20px}.award-hero-visual>img{width:100%;height:100%;object-fit:cover}.hero-podium{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-podium a{display:grid;grid-template-columns:28px 58px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.65);border-radius:13px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);font-size:11px}.hero-podium b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--gold-soft);color:#8b6a31}.article-layout,.product-reading-layout,.info-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;margin-top:14px}.article-shell,.info-content,.comparison-section,.community-panel{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.article-side{display:grid;gap:12px;align-content:start}.side-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.side-card img{width:94px;height:94px;margin:0 auto 9px;object-fit:contain}.side-card ol{padding-left:18px;color:var(--muted)}.longform h2,.info-content h2{font-size:28px;margin:4px 0 12px}.longform ul{color:var(--muted)}.top3-story{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 22px}.top3-story article{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.top3-story span{display:block;margin-top:10px;color:#8b6a31;font-size:11px;font-weight:700}.top3-story h3{font-size:17px;margin-top:6px}.top3-story p{font-size:13px}.comparison-section{margin-top:14px}.standalone{margin-top:14px}.comparison-scroll{overflow:auto}.comparison-table{width:100%;min-width:820px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.comparison-table th{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.table-rank{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--gold-soft);color:#8b6a31;font-weight:700}.table-product{display:flex;gap:9px;align-items:center}.scorebar{display:block;width:88px;height:6px;margin-top:6px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}.product-detail{display:grid;grid-template-columns:minmax(340px,470px) 1fr;gap:24px;margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.product-gallery{min-width:0}.thumb-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}.thumb-strip button{padding:0;aspect-ratio:1/1;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.thumb-strip .olet-product-img{padding:12%!important}.product-detail-copy{padding:8px 0}.product-detail-copy h1{font:600 clamp(2.6rem,4.7vw,5rem)/1.04 "Fraunces",serif;letter-spacing:-.04em;margin:10px 0}.product-score{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.product-score strong{font-size:32px}.product-score span{color:var(--muted)}.product-score em{margin-left:8px;padding:6px 9px;border-radius:999px;background:var(--gold-soft);color:#8b6a31;font-size:11px;font-style:normal;font-weight:700}.product-action-row{margin:15px 0}.product-action-row form{display:inline-flex}.affiliate-note{display:block;max-width:70ch;color:var(--muted)}.breakdown-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:11px}.breakdown-row span{font-size:12px}.breakdown-row b{font-size:12px}.breakdown-row i{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.breakdown-row em{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}.community-panel{margin-top:14px}.login-nudge{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.login-nudge p{margin:0}.comment-form,.auth-card form,.admin-form{display:grid;gap:12px}.comment-form label,.auth-card label,.admin-form label{display:grid;gap:5px;font-weight:700;font-size:12px}.comment-form textarea,.comment-form select,.auth-card input,.admin-form input,.admin-form textarea,.admin-form select,.big-search input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);outline:0}.comment-list{display:grid;gap:8px;margin-top:14px}.comment-list article{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.comment-list article>div{display:flex;justify-content:space-between}.comment-list span{color:#bc8b31}.comment-list small{color:var(--muted)}.big-search{display:flex;gap:8px;margin-top:12px}.profile-hero{margin-top:16px}.profile-hero h1{max-width:none}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px}.guide-grid article{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.guide-grid article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--surface-3);color:#37625d;margin-bottom:10px}.guide-grid h2{font-size:24px;margin:6px 0}.info-content section{padding:2px 0 13px;margin-bottom:13px;border-bottom:1px solid var(--line)}.info-content section:last-child{border-bottom:0}

/* auth */
.auth-screen{min-height:68vh;display:grid;place-items:center}.auth-card{width:min(490px,100%);padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.auth-card h1{font:600 52px/1 "Fraunces",serif;margin:8px 0}.auth-card form{margin:16px 0}

/* footer/help */
.site-footer{margin-top:46px;padding:32px 0 88px;background:#132039;color:#fff}.footer-grid{width:var(--container);margin:auto;display:grid;grid-template-columns:1.35fr repeat(4,.65fr);gap:22px}.footer-grid h3{font-size:14px;margin:0 0 10px}.footer-grid a{display:block;padding:4px 0;color:rgba(255,255,255,.72);font-size:13px}.footer-brand p{max-width:42ch;margin-top:12px;color:rgba(255,255,255,.68);font-size:13px}.footer-brand .brand-lockup span{color:#fff}.footer-bottom{width:var(--container);margin:20px auto 0;color:rgba(255,255,255,.55);font-size:12px}.mobile-dock{display:none;position:fixed;left:50%;bottom:10px;z-index:90;transform:translateX(-50%);grid-auto-flow:column;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.mobile-dock a{display:grid;place-items:center;min-width:55px;gap:2px;color:var(--muted);font-size:10px}.help-drawer{display:none;position:fixed;right:14px;top:86px;z-index:100;width:min(360px,calc(100vw - 28px));padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-lg)}.help-drawer.is-open{display:block}.help-drawer>button{float:right;border:0;background:none}.help-drawer ol{padding-left:18px;color:var(--muted)}

/* admin */
.admin-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f4f4f1;color:#17213c}.admin-side{padding:18px;background:#18233c;color:#fff}.admin-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px}.admin-brand img{width:40px;height:40px;object-fit:contain}.admin-brand em{font-style:normal;color:#e6b85f}.admin-side p{color:rgba(255,255,255,.58);font-size:12px}.admin-side nav{display:grid;gap:3px;margin-top:18px}.admin-side nav a{display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:11px;color:rgba(255,255,255,.74);font-size:13px}.admin-side nav a:hover{background:rgba(255,255,255,.1);color:#fff}.admin-main{padding:22px;display:grid;gap:14px;align-content:start}.admin-top{display:flex;justify-content:space-between;gap:12px;align-items:end}.admin-top h1{font:600 42px/1 "Fraunces",serif;margin:5px 0}.admin-top small{color:#6e7485}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-kpis div,.admin-card{padding:16px;border:1px solid rgba(23,33,60,.1);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(38,48,77,.06)}.admin-kpis span,.admin-kpis small{display:block;color:#6e7485;font-size:11px}.admin-kpis strong{display:block;font-size:25px}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-action-grid a{padding:12px;border:1px solid rgba(23,33,60,.1);border-radius:12px;background:#f7f4ee;font-weight:700;font-size:13px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid rgba(23,33,60,.1);text-align:left;vertical-align:top}.admin-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6e7485}.admin-link,.link-button{display:inline-flex;margin-right:7px;padding:0;border:0;background:none;color:#31588b;font-size:12px;font-weight:700}.link-button.danger{color:#c95362}.inline-form{display:inline}.admin-login-body,.setup-body{display:grid;min-height:100vh;place-items:center;background:#f4f4f1;color:#17213c}.admin-login-card,.setup-card{width:min(520px,calc(100vw - 30px));padding:24px;border:1px solid rgba(23,33,60,.1);border-radius:20px;background:#fff;box-shadow:0 18px 54px rgba(38,48,77,.12)}.admin-login-card img{width:88px;height:88px;object-fit:contain;margin:auto}.admin-login-card h1{font:600 44px/1 "Fraunces",serif;text-align:center}.admin-login-card p{text-align:center}.admin-login-card form,.setup-form{display:grid;gap:12px;margin:14px 0}.admin-login-card label,.setup-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.admin-login-card input,.setup-form input{padding:11px 12px;border:1px solid rgba(23,33,60,.12);border-radius:12px}.admin-error,.setup-error{padding:10px 12px;border-radius:11px;background:#fde5e8;color:#953b4c}.setup-ok{padding:10px 12px;border-radius:11px;background:#e8f5ef;color:#2d6e56}.setup-shell{padding:20px}

@media(max-width:1240px){.header-shell{grid-template-columns:auto 1fr auto;grid-template-areas:"brand search tools" "nav nav nav"}.brand-lockup{grid-area:brand}.main-nav{grid-area:nav;overflow:auto}.header-search{grid-area:search}.header-tools{grid-area:tools}.home-hero{grid-template-columns:.95fr 1.05fr}.home-hero-copy{padding:32px}.home-hero-art{min-height:430px}.award-grid,.award-grid.archive{grid-template-columns:repeat(2,1fr)}.top-products-grid,.product-reading-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}.article-layout,.product-reading-layout,.info-layout{grid-template-columns:1fr}.article-side{grid-template-columns:repeat(2,1fr)}.admin-body{grid-template-columns:220px 1fr}}
@media(max-width:860px){.topbar-shell nav a{display:none}.topbar-shell{justify-content:center}.home-hero,.editorial-split,.festival-band,.award-hero,.product-detail,.community-cta{grid-template-columns:1fr}.home-hero-copy{padding:25px}.home-hero-copy h1{font-size:clamp(3.6rem,13vw,5.2rem)}.home-hero-art{min-height:390px}.story-strip{grid-template-columns:1fr}.story-intro{display:none}.award-grid,.award-grid.archive,.top-products-grid,.product-reading-grid,.method-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start}.section-heading h2{font-size:2.6rem}.article-side{grid-template-columns:1fr}.top3-story{grid-template-columns:1fr}.community-cta{text-align:center}.community-cta img{margin:auto}.thumb-strip{grid-template-columns:repeat(5,1fr)}.admin-body{grid-template-columns:1fr}.admin-side{position:relative}.admin-side nav{grid-template-columns:repeat(3,1fr)}.admin-main{padding:14px}.admin-grid-two,.admin-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{font-size:14px}.site-main>*{width:min(100vw - 14px,var(--container))}.full-bleed{width:min(100vw - 8px,1780px)}.site-topbar{display:none}.site-header{top:0}.header-shell{grid-template-columns:auto auto;grid-template-areas:"brand tools" "search search" "nav nav";gap:8px;padding:9px 0}.brand-lockup img{width:39px;height:39px}.brand-lockup span{font-size:16px}.header-tools .tool-btn:first-child{display:none}.profile-btn span{display:none}.main-nav>a,.main-nav button{padding:8px 9px;font-size:12px}.category-popover{position:fixed;left:7px;right:7px;top:123px;width:auto;max-height:65vh;overflow:auto}.mega-menu-grid{grid-template-columns:1fr}.mega-menu-categories{grid-template-columns:1fr}.home-hero{margin-top:8px}.home-hero-copy{padding:20px}.home-hero-copy h1{font-size:4.1rem}.home-hero-art{min-height:380px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:last-child{grid-column:1/-1}.story-strip{margin-top:8px;padding:10px}.story-circle{min-width:73px}.story-orb{width:57px;height:57px}.section-heading{display:block;padding:25px 0 11px}.section-heading h2{font-size:2.35rem}.section-heading .text-button{margin-top:8px}.award-grid,.award-grid.archive,.top-products-grid,.product-reading-grid,.method-grid,.guide-grid{grid-template-columns:1fr}.award-card-visual{height:175px}.editors-stage{min-height:280px}.editors-stage>div{left:10px;right:10px;bottom:10px}.upcoming-grid{grid-template-columns:1fr}.festival-band-copy h2,.community-cta h2{font-size:29px}.page-hero,.info-hero,.profile-hero{padding:19px}.page-hero h1,.info-hero h1,.profile-hero h1{font-size:3.1rem}.page-hero img,.info-hero img{width:92px;height:92px}.award-hero{padding:13px}.award-hero h1{font-size:3.15rem}.award-hero-visual{min-height:300px}.hero-podium{display:block}.hero-podium a{margin-top:6px}.product-detail{padding:14px}.product-detail-copy h1{font-size:3.1rem}.article-shell,.info-content,.comparison-section,.community-panel{padding:17px}.longform h2,.info-content h2{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-brand{grid-column:1/-1}.mobile-dock{display:grid}.site-footer{padding-bottom:84px}.admin-side nav{grid-template-columns:1fr 1fr}.admin-top{display:block}.admin-top-actions{margin-top:10px}.admin-table{font-size:11px}.admin-table th,.admin-table td{padding:8px}.admin-kpis{grid-template-columns:1fr 1fr}}
.btn.black{background:var(--dark);color:var(--surface);box-shadow:var(--shadow)}.btn.big{padding:13px 18px}.reveal-card{opacity:0;transform:translateY(14px);transition:.45s opacity,.45s transform}.reveal-card.is-visible{opacity:1;transform:none}

/* =========================================================
   Olet.Store V9 upgrade layer
   Preserves the V8 light theme while adding interaction,
   affiliate CTAs, compact carousel cards and dark-mode fixes.
   ========================================================= */
.topbar-live b{display:inline;font-size:inherit;color:var(--gold)}
.hero-latest{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}.hero-latest>span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-latest a{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:700}.hero-latest a:hover{background:var(--surface-2)}

/* Amazon-first affiliate exits */
.amazon-cta{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:10px 13px;border:1px solid rgba(236,167,63,.5);border-radius:15px;background:linear-gradient(135deg,#fff5dd,#f7cc72);color:#4f3918;box-shadow:0 9px 22px rgba(165,112,34,.16);font-size:12px;font-weight:700;line-height:1.1;transition:.18s transform,.18s box-shadow}.amazon-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(165,112,34,.22)}.amazon-cta>i:first-child{font-size:19px}.amazon-cta span{display:grid;gap:2px}.amazon-cta small{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.72}.amazon-cta b{font-size:12px}.amazon-cta.mini{padding:8px 10px;border-radius:12px}.amazon-cta.mini small{display:none}.amazon-cta.mini b{font-size:11px}.amazon-cta.primary,.amazon-cta.hero{padding:13px 16px;border-radius:16px}.amazon-cta.primary b,.amazon-cta.hero b{font-size:13px}.amazon-cta.side{width:100%;justify-content:flex-start;margin-top:8px}.economy-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-3);color:var(--ink);font-size:12px;font-weight:700}.economy-cta:hover{background:color-mix(in srgb,var(--surface-3) 72%,var(--gold-soft))}

/* save, later and share tools */
.entity-tools,.card-tool-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.entity-tools{margin-top:13px}.inline-tool-form{display:inline-flex}.entity-tool{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700}.entity-tool:hover,.entity-tool.is-active{border-color:rgba(239,146,125,.5);background:#fff0ed;color:#ad5346}.entity-tool span{white-space:nowrap}.card-floating-tools{position:absolute;right:8px;top:8px;z-index:6}.card-floating-tools .entity-tool{width:33px;height:33px;justify-content:center;padding:0;border-radius:50%;box-shadow:var(--shadow)}.card-floating-tools .entity-tool span{display:none}.card-tool-row{margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.share-wrap{position:relative;display:inline-flex}.share-menu{display:none;position:absolute;right:0;bottom:calc(100% + 8px);z-index:25;width:190px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.share-wrap.is-open .share-menu{display:grid;gap:2px}.share-menu a,.share-menu button{display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:12px;text-align:left}.share-menu a:hover,.share-menu button:hover{background:var(--surface-2)}
.auth-popover{display:none;position:fixed;right:18px;bottom:18px;z-index:130;width:min(390px,calc(100vw - 28px));padding:19px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-lg)}.auth-popover.is-open{display:block}.auth-popover>button{float:right;border:0;background:none;color:var(--muted)}.auth-popover h2{font:600 28px/1.02 "Fraunces",serif;margin:8px 0}.copy-toast{position:fixed;left:50%;bottom:22px;z-index:140;transform:translate(-50%,18px);padding:10px 14px;border-radius:999px;background:#17213c;color:#fff;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.22s opacity,.22s transform}.copy-toast.is-visible{transform:translate(-50%,0);opacity:1}

/* fixed image containment: Amazon images always fit a white frame */
.product-frame,.main-product-frame,.thumb-strip button,.slide-product-media{contain:layout paint;isolation:isolate}.product-frame,.main-product-frame{background:#fff!important}.product-frame .olet-product-img,.main-product-frame .olet-product-img,.thumb-strip .olet-product-img,.hero-podium .olet-product-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff!important}.product-card-visual{position:relative}.product-card-links{display:grid;gap:8px;margin-top:10px}.product-card-links .amazon-cta{width:100%;justify-content:flex-start}

/* festival carousel cards */
.award-carousel-card{min-width:0}.award-carousel-window{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.award-carousel-track{display:flex;transition:transform .34s ease;will-change:transform}.award-slide{display:grid;flex:0 0 100%;min-width:0;background:var(--surface)}.award-slide.summary-slide{grid-template-rows:190px 1fr}.award-slide .award-card-copy{min-height:205px}.carousel-arrow{position:absolute;top:84px;z-index:12;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.66);border-radius:50%;background:rgba(255,255,255,.9);color:#263657;box-shadow:var(--shadow)}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.carousel-arrow:disabled{opacity:.35;cursor:not-allowed}.product-award-slide{grid-template-columns:41% 59%;min-height:395px}.slide-product-media{position:relative;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f4efe6,#e9f4f2)}.slide-product-media .product-frame{width:min(100%,190px)}.slide-rank{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--gold-soft);color:#8b6a31;font-weight:700}.slide-product-copy{display:flex;flex-direction:column;justify-content:center;padding:18px}.slide-product-copy h3{font-size:20px}.slide-product-copy p{font-size:13px}.slide-actions{display:grid;gap:9px;margin-top:auto;padding-top:8px}.award-card-footer{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 12px;background:var(--surface);flex-wrap:wrap}.carousel-dots{display:flex;gap:5px;margin-right:auto}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--line-strong)}.carousel-dots button.is-active{width:18px;border-radius:999px;background:var(--coral)}.top3-fast-buy{display:flex;align-items:center;gap:5px}.top3-fast-buy small{color:var(--muted);font-size:10px}.top3-fast-buy a{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold-soft);color:#7b5a20;font-size:10px;font-weight:700}.award-card-footer .entity-tools{margin:0}.award-card-footer .entity-tool{padding:6px 8px}.award-card-footer .entity-tool span{display:none}

/* article upgrades */
.dynamic-award-hero{overflow:hidden;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--award-accent) 17%,var(--surface)))}.award-hero-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--award-accent) 20%,#eef5f2),#f7eee1)}.category-hero-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.92}.festival-trophy{position:absolute;right:3%;top:4%;width:34%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px rgba(29,40,66,.15))}.hero-podium-item{display:grid;gap:4px;min-width:0}.hero-podium-product{display:grid!important;grid-template-columns:28px 58px 1fr!important;gap:8px!important;align-items:center}.hero-podium-amazon{display:flex!important;justify-content:center;gap:5px!important;padding:5px 8px!important;border-radius:999px!important;background:#fff1cf!important;color:#76541c!important;font-size:10px!important;font-weight:700}.generated-top5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 22px}.generated-top5 article{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.generated-top5 span,.generated-top5>b{display:inline-flex;gap:6px;align-items:center;color:#8b6a31;font-size:11px;font-weight:700}.generated-top5 h3{margin-top:7px;font-size:18px}.generated-top5 p{font-size:13px}.generated-top5-actions{display:grid;gap:8px;margin-top:10px}.product-longform h2{margin-top:23px}.product-longform h2:first-child{margin-top:4px}.winner-amazon-card{background:linear-gradient(145deg,#fff9e8,#f7e5b7)}

/* profile dashboard */
.profile-tabs{display:flex;gap:7px;overflow:auto;margin-top:14px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.profile-tabs button{display:flex;align-items:center;gap:7px;padding:9px 12px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.profile-tabs button.is-active{background:var(--surface-2);color:var(--ink)}.profile-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold-soft);color:#78591e;font-size:10px}.profile-panel{display:none;padding-top:12px}.profile-panel.is-active{display:block}.profile-list{display:grid;gap:8px}.profile-list article{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.profile-list span,.profile-list small{display:block;color:var(--muted);font-size:12px}.xlsx-contract{margin:12px 0;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.xlsx-contract ol{margin:0;padding-left:18px}.xlsx-contract li{margin:4px 0;font-size:12px}

/* complete dark-theme coverage while white product frames remain white */
html[data-theme="dark"] .site-topbar{background:#0b1324;color:#fff}
html[data-theme="dark"] .flash-toast{background:#18392f;border-color:rgba(116,200,192,.25);color:#d9fff2}
html[data-theme="dark"] .hero-floating-card{background:rgba(23,32,51,.88);border-color:rgba(255,255,255,.15)}
html[data-theme="dark"] .page-hero,html[data-theme="dark"] .info-hero,html[data-theme="dark"] .profile-hero{background:linear-gradient(135deg,#243044,#1a3540)}
html[data-theme="dark"] .award-card-visual,html[data-theme="dark"] .slide-product-media{background:linear-gradient(145deg,#28364b,#1b3540)}
html[data-theme="dark"] .award-slide,html[data-theme="dark"] .award-card-footer,html[data-theme="dark"] .auth-popover,html[data-theme="dark"] .share-menu,html[data-theme="dark"] .profile-tabs,html[data-theme="dark"] .profile-list article{background:var(--surface)}
html[data-theme="dark"] .dynamic-award-hero{background:linear-gradient(135deg,#172033,#203043)}
html[data-theme="dark"] .award-hero-visual{background:linear-gradient(145deg,#1b3140,#252940)}
html[data-theme="dark"] .generated-top5 article{background:var(--surface-2)}
html[data-theme="dark"] .winner-amazon-card{background:linear-gradient(145deg,#302a20,#3b3323)}
html[data-theme="dark"] .entity-tool:hover,html[data-theme="dark"] .entity-tool.is-active{background:#3a2929;color:#ffd7d0}
html[data-theme="dark"] .text-button,html[data-theme="dark"] .back-link{color:#a8c9ff}
html[data-theme="dark"] .story-orb{box-shadow:inset 0 0 0 7px rgba(255,255,255,.12)}
html[data-theme="dark"] .carousel-arrow{background:rgba(23,32,51,.9);color:#fff;border-color:rgba(255,255,255,.14)}

@media(max-width:1240px){.product-award-slide{min-height:380px}.award-card-footer{align-items:flex-start}.award-card-footer .entity-tools{width:100%}}
@media(max-width:860px){.generated-top5{grid-template-columns:1fr}.product-award-slide{grid-template-columns:36% 64%;min-height:350px}.award-card-footer .entity-tools{width:auto}.award-card-footer .entity-tool span{display:none}.hero-podium-item{margin-top:6px}}
@media(max-width:620px){.award-slide.summary-slide{grid-template-rows:175px 1fr}.award-slide .award-card-copy{min-height:195px}.product-award-slide{grid-template-columns:1fr;grid-template-rows:142px 1fr;min-height:355px}.slide-product-media{padding:10px}.slide-product-media .product-frame{width:118px}.slide-product-copy{padding:14px}.slide-product-copy h3{font-size:18px}.award-card-footer{gap:7px}.top3-fast-buy small{display:none}.entity-tool span{display:none}.entity-tool{width:34px;height:34px;justify-content:center;padding:0}.share-menu{right:auto;left:0}.auth-popover{right:8px;bottom:76px;width:calc(100vw - 16px)}.copy-toast{bottom:78px}.hero-podium{display:grid;grid-template-columns:1fr}.hero-podium-product{margin:0!important}.festival-trophy{width:40%!important}.amazon-cta.primary,.amazon-cta.hero{width:100%;justify-content:flex-start}.profile-tabs{border-radius:13px}}

/* ========================= OLET V10 ADDITIVE UPGRADE ========================= */
/* Keep the V9 light visual language as the default while adding a denser editorial layer. */
.olet-product-img,.product-frame img,.main-product-frame img,.slide-product-media img,.article-gallery-card img,.collage-product img,.vs-stage img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;padding:16%!important;box-sizing:border-box!important;background:#fff!important}
.main-product-frame img{padding:13%!important}.article-gallery-card img,.collage-product img{padding:12%!important}.slide-product-media .product-frame img{padding:15%!important}
.product-frame,.main-product-frame,.article-gallery-card .product-frame,.collage-product .product-frame{overflow:hidden!important;background:#fff!important;isolation:isolate}

.mobile-menu-toggle{display:none}.mobile-menu-backdrop{display:none}.points-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-size:11px;font-weight:700}.points-chip svg{width:15px;height:15px;color:#ce9328}.points-chip span{color:var(--muted)}

.points-promo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:16px;align-items:center;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff9ec,#eef8f5);box-shadow:var(--shadow-sm)}.points-promo h2{margin:5px 0 7px;font-size:24px}.points-promo p{margin:0;color:var(--muted);font-size:13px}.points-promo-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.v10-game-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff7e8,#f0faf8 60%,#f4f0ff);box-shadow:var(--shadow-sm)}.v10-game-card:after{content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#ffe4a6,transparent 68%);pointer-events:none}.v10-game-card h2{position:relative;z-index:1;margin:7px 0;font-size:25px}.v10-game-card p{position:relative;z-index:1;margin:0 0 12px;color:var(--muted)}.v10-game-card form{position:relative;z-index:1;display:grid;gap:8px}.v10-game-card form button{padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-weight:700;text-align:left;transition:.2s ease}.v10-game-card form button:hover{transform:translateY(-1px);border-color:#e0ad4d;background:#fffaf0}.v10-game-card small{position:relative;z-index:1;display:block;margin-top:10px;color:#8c6a2c;font-weight:700}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin:18px auto}.leaderboard{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.leaderboard li{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:var(--surface-2);font-size:12px}.leaderboard span{color:var(--muted)}

.smart-compare-band{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;margin:22px auto;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#f8fcfb,#fff9ef);box-shadow:var(--shadow-sm)}.smart-compare-band h2{margin:6px 0;font-size:27px}.smart-compare-band p{margin:0;color:var(--muted);font-size:13px}.vs-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vs-widget{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:6px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-xs);transition:.2s ease}.vs-widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.vs-widget>div{display:grid;gap:5px;min-width:0}.vs-widget .product-frame{height:72px;border-radius:10px}.vs-widget b{overflow:hidden;color:var(--ink);font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.vs-widget>strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1d3542;color:#fff;font-size:10px}.vs-widget>span{grid-column:1/-1;color:#966a1b;font-size:10px;font-weight:700}
.vs-hero{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff9ed,#eef8f5);box-shadow:var(--shadow-sm)}.vs-hero h1{max-width:820px;margin:6px 0;font-size:34px}.vs-stage{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;align-items:center;margin-top:16px}.vs-stage article{display:grid;justify-items:center;gap:8px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--surface);text-align:center}.vs-stage .product-frame{width:150px;height:150px;border-radius:15px}.vs-stage>strong{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1d3542;color:#fff;font-size:14px}.vs-stage h2{margin:0;font-size:16px}.vs-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vs-detail-grid article{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}

.request-layout{display:grid;grid-template-columns:minmax(0,760px);gap:16px;margin:18px auto}.request-form{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.request-form label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:700}.request-form input,.request-form textarea,.request-form select{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink)}
.points-hero{margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff9eb,#edf8f4)}.points-hero h2{margin:6px 0;font-size:30px}

.v10-award-collage{position:absolute;inset:0;z-index:2;pointer-events:none}.collage-product{position:absolute;display:grid;gap:3px;width:88px;padding:5px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(36,55,70,.10);pointer-events:auto;transition:.25s ease}.collage-product:hover{z-index:4;transform:translateY(-5px) rotate(0)!important}.collage-product .product-frame{height:64px;border-radius:10px}.collage-product b{font-size:9px;color:#74541f;text-align:center}.collage-0{left:7%;top:18%;transform:rotate(-4deg)}.collage-1{right:10%;top:21%;transform:rotate(5deg)}.collage-2{left:16%;bottom:15%;transform:rotate(4deg)}.collage-3{right:18%;bottom:14%;transform:rotate(-5deg)}.collage-4{left:42%;bottom:7%;transform:rotate(2deg)}
.article-product-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0 20px}.article-gallery-card{display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-xs);transition:.2s ease}.article-gallery-card:hover{transform:translateY(-3px)}.article-gallery-card .product-frame{height:110px;border-radius:10px}.article-gallery-card b{font-size:11px;line-height:1.2}.article-gallery-card span{color:#9a6c20;font-size:10px;font-weight:700}.rich-top5{display:grid;gap:12px;margin:15px 0}.rich-top5 article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.rich-top5-media .product-frame{height:112px;border-radius:12px}.rich-top5 h3{margin:3px 0 5px;font-size:17px}.rich-top5 p{margin:0;color:var(--muted);font-size:12px}.article-signal-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.article-signal-band article{padding:12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#fff9ed,#f2faf7)}.article-signal-band b{display:block;color:#846126;font-size:18px}.article-signal-band span{color:var(--muted);font-size:11px}.article-vs-promo{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f1f8f6}.article-vs-promo h3{margin:0 0 3px;font-size:16px}.article-vs-promo p{margin:0;color:var(--muted);font-size:12px}

/* Dark mode coverage for V10 and remaining V9 surfaces. Product image windows intentionally stay white. */
html[data-theme="dark"] .points-chip,html[data-theme="dark"] .v10-game-card,html[data-theme="dark"] .smart-compare-band,html[data-theme="dark"] .vs-hero,html[data-theme="dark"] .points-promo,html[data-theme="dark"] .points-hero{background:linear-gradient(145deg,#182738,#202c38);border-color:rgba(255,255,255,.13)}
html[data-theme="dark"] .v10-game-card form button,html[data-theme="dark"] .vs-widget,html[data-theme="dark"] .vs-stage article,html[data-theme="dark"] .request-form,html[data-theme="dark"] .article-gallery-card{background:var(--surface);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .request-form input,html[data-theme="dark"] .request-form textarea,html[data-theme="dark"] .request-form select,html[data-theme="dark"] .rich-top5 article,html[data-theme="dark"] .article-vs-promo,html[data-theme="dark"] .article-signal-band article{background:var(--surface-2);border-color:rgba(255,255,255,.11);color:var(--ink)}
html[data-theme="dark"] .mobile-menu-backdrop{background:rgba(0,0,0,.54)}
html[data-theme="dark"] .main-nav{background:var(--surface)}

@media(max-width:960px){
  .article-product-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.smart-compare-band{grid-template-columns:1fr}.arena-layout{grid-template-columns:1fr}.points-promo{grid-template-columns:1fr}.points-promo-actions{justify-content:flex-start}
}
@media(max-width:860px){
  .mobile-menu-toggle{display:grid}.mobile-menu-backdrop{position:fixed;inset:0;z-index:68;display:block;opacity:0;visibility:hidden;background:rgba(25,34,43,.28);backdrop-filter:blur(2px);transition:.2s ease}.mobile-menu-backdrop.is-open{opacity:1;visibility:visible}
  .header-shell{grid-template-columns:auto minmax(0,1fr) auto auto!important}.header-shell .main-nav{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;z-index:70!important;display:grid!important;gap:4px!important;max-height:calc(100vh - 88px);padding:14px!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 22px 70px rgba(22,34,45,.20)!important;transform:translateY(-18px)!important;opacity:0!important;visibility:hidden!important;transition:.22s ease!important}.header-shell .main-nav.is-open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.header-shell .main-nav>a,.header-shell .main-nav>div>button{width:100%;justify-content:flex-start;text-align:left}.header-search{display:none!important}.points-chip span{display:none}.points-chip{padding:7px 8px}.hero h1,.page-hero h1,.vs-hero h1{font-size:30px!important}.article-product-gallery{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:4px}.article-gallery-card{min-width:135px;scroll-snap-align:start}.v10-award-collage .collage-product{width:70px}.collage-product .product-frame{height:48px}.festival-trophy{width:33%!important}
}
@media(max-width:620px){
  .vs-widget-grid{grid-template-columns:1fr}.vs-stage{grid-template-columns:1fr;justify-items:center}.vs-stage>strong{width:40px;height:40px}.vs-stage .product-frame{width:124px;height:124px}.vs-detail-grid{grid-template-columns:1fr}.rich-top5 article{grid-template-columns:88px minmax(0,1fr)}.rich-top5-media .product-frame{height:84px}.article-signal-band{grid-template-columns:1fr}.article-vs-promo{display:grid}.v10-game-card{padding:15px}.v10-game-card h2{font-size:21px}.points-promo h2{font-size:21px}.article-gallery-card .product-frame{height:92px}.v10-award-collage .collage-4{display:none}.v10-award-collage .collage-product{width:62px;padding:4px}.collage-product .product-frame{height:43px}.collage-product b{font-size:8px}.mobile-menu-toggle{width:38px;height:38px}.points-chip b{font-size:10px}
}

/* ===== V11 stable polish layer: logos, image frames, landing/game refinements ===== */
.olet-real-logo{gap:10px;min-width:158px;align-items:center}.olet-real-logo .logo-img{width:auto;height:42px;max-width:136px;object-fit:contain;display:block}.olet-real-logo .logo-light{display:none}.olet-real-logo small{display:block;margin-left:2px;letter-spacing:.22em;text-transform:uppercase;font-size:9px;line-height:1;color:var(--muted)}
html[data-theme="dark"] .olet-real-logo .logo-dark{display:none}html[data-theme="dark"] .olet-real-logo .logo-light{display:block}
.site-footer .olet-real-logo .logo-img{height:48px;max-width:150px}.site-footer .olet-real-logo small{color:rgba(255,255,255,.58)}

/* Product image treatment: Amazon-like centered product view without collapsing */
.product-frame,.main-product-frame,.thumb-strip button,.slide-product-media,.article-gallery-card .product-frame,.rich-top5-media .product-frame{background:#fff!important;border:1px solid rgba(23,33,60,.10)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 28px rgba(24,34,55,.055)!important;overflow:hidden!important;display:grid!important;place-items:center!important;contain:layout paint!important}.product-frame:before,.main-product-frame:before{opacity:.35}.olet-product-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important;mix-blend-mode:normal!important;transform:none!important;filter:none!important}.product-frame .olet-product-img{padding:3.5%!important}.size-xxs .olet-product-img{padding:2%!important}.size-xs .olet-product-img,.hero-podium .olet-product-img,.collage-product .olet-product-img{padding:2.5%!important}.size-sm .olet-product-img{padding:3%!important}.size-md .olet-product-img{padding:3.5%!important}.main-product-frame .olet-product-img{padding:4%!important}.thumb-strip .olet-product-img{padding:2%!important}.article-gallery-card .olet-product-img,.rich-top5-media .olet-product-img{padding:3%!important}.product-card-visual .product-frame{height:auto;min-height:0}.slide-product-media .product-frame{width:100%;height:100%}.olet-fallback{padding:18%!important;opacity:.86}

/* Keep product cards useful and not over-large */
.product-card-visual{min-height:210px}.product-card.compact .product-card-visual,.editorial-product-card.compact .product-card-visual{min-height:178px}.product-reading-grid .product-card-visual{min-height:190px}.award-card-visual{max-height:255px}.home-hero{min-height:auto}.home-hero-art{min-height:520px}.festival-band{min-height:auto}.editors-stage{min-height:360px}.section-heading h2{max-width:760px}.award-card-copy p,.product-card-copy p{line-height:1.5}

/* Replace dead-looking decorative blocks with a more active editorial/product award feel */
.editors-stage{background:radial-gradient(circle at 78% 20%,rgba(116,200,192,.23),transparent 24%),radial-gradient(circle at 28% 18%,rgba(230,184,95,.2),transparent 22%),linear-gradient(135deg,#fffaf0,#eff8f6)!important;overflow:hidden}.editors-stage:before{content:"";position:absolute;inset:20px 22px 72px 22px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.26));border:1px solid rgba(23,33,60,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);}.editors-stage:after{content:"Top 3 · VS · Amazon";position:absolute;right:26px;top:22px;padding:9px 12px;border-radius:999px;background:#132039;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.editors-stage>div{backdrop-filter:blur(14px);background:rgba(255,255,255,.82)!important;border:1px solid rgba(23,33,60,.08)}

/* Mini oyun: make it feel like a game, not a blank form */
.game-layout,.mini-game-section,.arena-section{position:relative}.v10-game-card,.game-card{background:radial-gradient(circle at 90% 0%,rgba(230,184,95,.22),transparent 28%),radial-gradient(circle at 8% 12%,rgba(116,200,192,.22),transparent 26%),linear-gradient(135deg,#fffdf7,#f1faf7)!important;border:1px solid rgba(23,33,60,.10)!important;box-shadow:0 22px 60px rgba(22,34,45,.09)!important}.v10-game-card h2,.game-card h2{font-size:clamp(24px,3vw,38px)!important}.game-option,.v10-game-card label,.game-card label{border-radius:18px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(23,33,60,.10)!important;transition:.18s ease}.game-option:hover,.v10-game-card label:hover,.game-card label:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,34,45,.10)}.v10-game-card button,.game-card button{min-height:48px}.points-promo{background:linear-gradient(135deg,#14213a,#1d3557)!important;color:#fff!important}.points-promo p,.points-promo span{color:rgba(255,255,255,.74)!important}

/* Award article right side card redesign */
.article-side .side-card{background:linear-gradient(145deg,#fff,#fbf7ef);overflow:hidden}.article-side .side-card img{display:block;width:100%;max-height:220px;object-fit:contain;margin:-4px auto 12px;padding:8px}.winner-amazon-card{background:linear-gradient(145deg,#132039,#263d66)!important;color:#fff!important}.winner-amazon-card h3,.winner-amazon-card .eyebrow{color:#fff}.winner-amazon-card .amazon-btn,.winner-amazon-card .btn{box-shadow:none}

/* More robust dark theme coverage without changing light design */
html[data-theme="dark"] body{background:#111826;color:#eef2f5}html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-topbar,html[data-theme="dark"] .product-card,html[data-theme="dark"] .award-card,html[data-theme="dark"] .article-shell,html[data-theme="dark"] .side-card,html[data-theme="dark"] .page-hero,html[data-theme="dark"] .info-content,html[data-theme="dark"] .comparison-section,html[data-theme="dark"] .community-panel,html[data-theme="dark"] .profile-panel,html[data-theme="dark"] .help-drawer,html[data-theme="dark"] .auth-popover{background:#172033!important;color:#eef2f5!important;border-color:rgba(255,255,255,.10)!important}html[data-theme="dark"] p,html[data-theme="dark"] .muted,html[data-theme="dark"] small,html[data-theme="dark"] .overline{color:#aeb9c8!important}html[data-theme="dark"] .header-search,html[data-theme="dark"] .tool-btn,html[data-theme="dark"] .profile-btn,html[data-theme="dark"] .main-nav>a,html[data-theme="dark"] .main-nav button{background:#1d2940;color:#eef2f5;border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .product-frame,html[data-theme="dark"] .main-product-frame,html[data-theme="dark"] .thumb-strip button{background:#fff!important}html[data-theme="dark"] .editors-stage{background:linear-gradient(135deg,#182136,#13243a)!important}html[data-theme="dark"] .editors-stage>div{background:rgba(23,32,51,.84)!important;color:#eef2f5!important}html[data-theme="dark"] .article-side .side-card{background:linear-gradient(145deg,#172033,#1b2740)!important}

.search-suggest-note{margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff7e7;border:1px solid rgba(154,108,32,.18);color:#72531a!important}

@media(max-width:620px){.olet-real-logo{min-width:124px}.olet-real-logo .logo-img{height:34px;max-width:112px}.olet-real-logo small{font-size:7px;letter-spacing:.16em}.header-shell{grid-template-columns:auto auto auto!important;grid-template-areas:"brand tools menu" "search search search"!important}.mobile-menu-toggle{display:grid!important;grid-area:menu}.header-tools{grid-area:tools}.main-nav{top:62px!important}.home-hero-art{min-height:330px}.home-hero-copy h1{font-size:3.25rem!important}.product-card-visual{min-height:168px}.product-frame .olet-product-img{padding:2.5%!important}.award-card-visual{height:185px!important}.editors-stage{min-height:240px}.editors-stage:after{font-size:9px;right:14px;top:14px}.article-side .side-card img{max-height:150px}.footer-grid{grid-template-columns:1fr!important}.site-footer .olet-real-logo .logo-img{height:40px}}

/* ===== V11.3 targeted patch: paired summaries, VS archive, feedback and compact Olet Puan promo ===== */
.footer-logo-lockup{display:flex;align-items:center;gap:11px;margin-bottom:12px}.footer-logo-icon{width:48px!important;height:48px!important;object-fit:contain!important;flex:0 0 auto}.footer-logo-type{display:block;width:auto!important;height:42px!important;max-width:158px!important;object-fit:contain!important}.footer-logo-lockup small{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:8px;font-weight:800;letter-spacing:.20em;line-height:1;text-transform:uppercase}

.editorial-split .puan-stage{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;min-height:360px!important;padding:22px!important;background:radial-gradient(circle at 85% 8%,rgba(230,184,95,.20),transparent 28%),radial-gradient(circle at 12% 88%,rgba(116,200,192,.20),transparent 25%),linear-gradient(135deg,#fffaf0,#edf8f5)!important}.puan-stage:before,.puan-stage:after{display:none!important}.puan-stage>.puan-stage-art,.puan-stage>.puan-stage-copy{position:static!important;inset:auto!important;max-width:none!important;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}.puan-stage-art{display:grid;place-items:center}.puan-stage-art img{display:block!important;width:132px!important;height:132px!important;object-fit:contain!important;padding:0!important}.puan-stage-copy h2{max-width:760px;margin:7px 0 8px;font-size:31px;line-height:1.05}.puan-stage-copy p{max-width:72ch;margin:0;color:var(--muted);font-size:13px}.puan-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.puan-reward-grid span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72)}.puan-reward-grid svg{grid-row:1/3;color:#9b6b1f}.puan-reward-grid b{font-size:11px}.puan-reward-grid small{color:var(--muted);font-size:10px}

.smart-compare-band{grid-template-columns:minmax(250px,.56fr) minmax(0,1.44fr)!important}.smart-compare-copy .hero-actions{margin-top:14px}.vs-widget-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}.vs-widget-scroll .vs-widget{flex:0 0 360px;scroll-snap-align:start}.vs-widget .product-frame{height:118px!important}.article-vs-promo .vs-widget{min-width:min(100%,440px)}.article-vs-promo .vs-widget .product-frame{height:136px!important}.vs-archive-grid{width:var(--container);margin:0 auto 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vs-archive-grid .vs-widget .product-frame{height:142px!important}.vs-builder{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:16px;align-items:center;margin:18px auto;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff9ed,#eef8f5);box-shadow:var(--shadow-sm)}.vs-builder form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.vs-builder select,.vs-modal select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.vs-modal[hidden]{display:none!important}.vs-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:16px;background:rgba(13,24,40,.56);backdrop-filter:blur(8px)}.vs-modal-card{position:relative;width:min(760px,100%);padding:24px;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:var(--surface);box-shadow:0 26px 90px rgba(10,24,44,.28)}.vs-modal-card h2{max-width:580px;margin:7px 0}.vs-modal-card form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.vs-modal-card label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.vs-modal-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:22px;line-height:1}

.entity-feedback{width:var(--container);margin:22px auto;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.feedback-form{grid-template-columns:160px minmax(0,1fr) auto;align-items:end}.feedback-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.feedback-form textarea{min-height:82px}.entity-feedback .comment-list{margin-top:14px}

html[data-theme="dark"] .puan-stage{background:radial-gradient(circle at 85% 8%,rgba(230,184,95,.14),transparent 28%),linear-gradient(135deg,#182738,#202c38)!important}html[data-theme="dark"] .puan-reward-grid span,html[data-theme="dark"] .vs-builder,html[data-theme="dark"] .vs-modal-card,html[data-theme="dark"] .entity-feedback{background:#172033!important;border-color:rgba(255,255,255,.11)!important;color:#eef2f5!important}html[data-theme="dark"] .vs-builder select,html[data-theme="dark"] .vs-modal select{background:#202c42;color:#eef2f5;border-color:rgba(255,255,255,.12)}

@media(max-width:1100px){.vs-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-builder{grid-template-columns:1fr}.vs-builder form,.vs-modal-card form{grid-template-columns:1fr 1fr}.vs-builder form .btn,.vs-modal-card form .btn{grid-column:1/-1}.feedback-form{grid-template-columns:1fr 1fr}.feedback-form .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.editorial-split .puan-stage{grid-template-columns:86px minmax(0,1fr)!important;min-height:auto!important;padding:15px!important}.puan-stage-art img{width:78px!important;height:78px!important}.puan-stage-copy h2{font-size:22px}.puan-stage-copy p{font-size:11px}.puan-reward-grid{grid-template-columns:1fr;gap:6px}.puan-reward-grid span{padding:8px}.vs-widget-scroll .vs-widget{flex-basis:310px}.vs-widget .product-frame{height:106px!important}.article-vs-promo .vs-widget .product-frame{height:118px!important}.vs-archive-grid{grid-template-columns:1fr}.vs-builder form,.vs-modal-card form,.feedback-form{grid-template-columns:1fr}.footer-logo-icon{width:42px!important;height:42px!important}.footer-logo-type{height:36px!important;max-width:144px!important}}

/* ===== V11.4 focused patch: correct summary grouping, VS image height, scroll arrows, compact/animated Olet Puan ===== */
.points-promo.full-bleed{display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;min-height:0!important;padding:16px 20px!important;margin-top:24px!important;border-radius:22px!important;background:linear-gradient(135deg,#132039 0%,#1d3557 52%,#243f63 100%)!important;color:#fff!important;overflow:hidden!important;position:relative!important}.points-promo.full-bleed:before{content:"";position:absolute;inset:-60% -20% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(230,184,95,.20),transparent 66%);pointer-events:none}.points-promo.full-bleed>img{position:relative;z-index:1;width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;object-fit:contain!important;padding:0!important;margin:0!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}.points-promo.full-bleed>div,.points-promo.full-bleed>a{position:relative;z-index:1}.points-promo.full-bleed h2{font-size:clamp(22px,2.2vw,31px)!important;line-height:1.05!important;margin:4px 0 6px!important;max-width:760px!important}.points-promo.full-bleed p{max-width:820px!important;color:rgba(255,255,255,.72)!important;font-size:13px!important}.points-promo.full-bleed .eyebrow{color:#f2c977!important}.points-promo.full-bleed .btn{white-space:nowrap!important;background:#fff!important;color:#17213c!important;border-color:rgba(255,255,255,.24)!important}

.editorial-split .puan-stage{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;min-height:360px!important;padding:22px!important;background:radial-gradient(circle at 88% 8%,rgba(230,184,95,.25),transparent 30%),radial-gradient(circle at 0% 92%,rgba(116,200,192,.24),transparent 28%),linear-gradient(135deg,#fffaf0,#edf8f5)!important}.editorial-split .puan-stage:before{content:""!important;display:block!important;position:absolute!important;inset:-30% auto auto -12%!important;width:260px!important;height:260px!important;border-radius:50%!important;background:conic-gradient(from 120deg,rgba(239,146,125,.18),rgba(230,184,95,.25),rgba(116,200,192,.20),rgba(239,146,125,.18))!important;animation:oletPuanSpin 13s linear infinite!important;pointer-events:none!important}.editorial-split .puan-stage:after{content:"Monatliche Top 10 · echte Produktgeschenke"!important;display:inline-flex!important;position:absolute!important;right:18px!important;top:18px!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.75)!important;color:#8b6a31!important;border:1px solid rgba(230,184,95,.26)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}.puan-stage-art img{width:124px!important;height:124px!important;object-fit:contain!important;filter:drop-shadow(0 14px 20px rgba(34,48,80,.13))}.puan-stage-copy h2{font-size:clamp(27px,3vw,38px)!important;max-width:860px!important}.puan-reward-grid span{position:relative;overflow:hidden;transition:.22s transform,.22s box-shadow}.puan-reward-grid span:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,33,60,.09)}.puan-reward-grid span:after{content:"";position:absolute;left:-25%;top:-60%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:rotate(18deg);animation:oletPuanShine 5.4s ease-in-out infinite}.puan-reward-grid span:nth-child(2):after{animation-delay:.6s}.puan-reward-grid span:nth-child(3):after{animation-delay:1.1s}.puan-reward-grid span:nth-child(4):after{animation-delay:1.7s}@keyframes oletPuanSpin{to{transform:rotate(360deg)}}@keyframes oletPuanShine{0%,55%{left:-55%}75%,100%{left:125%}}

.smart-compare-band{grid-template-columns:minmax(260px,.5fr) minmax(0,1.5fr)!important}.vs-scroll-shell{position:relative;min-width:0}.vs-widget-scroll{scroll-behavior:smooth!important;padding:4px 48px 12px!important}.vs-scroll-btn{position:absolute;top:50%;z-index:9;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(23,33,60,.12);border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(23,33,60,.11);color:#17213c;transform:translateY(-50%)}.vs-scroll-btn.prev{left:4px}.vs-scroll-btn.next{right:4px}.vs-scroll-btn:hover{background:#17213c;color:#fff}.vs-create-btn{position:relative;padding-inline:16px!important;border-color:rgba(230,184,95,.42)!important;background:linear-gradient(135deg,#fff9ea,#eef8f5)!important;color:#17213c!important;box-shadow:0 10px 24px rgba(23,33,60,.08)!important}.vs-create-btn:after{content:"Neu";margin-left:4px;padding:3px 7px;border-radius:999px;background:#e6b85f;color:#17213c;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vs-widget{min-height:292px!important}.vs-widget .product-frame{height:166px!important;min-height:166px!important}.vs-widget .olet-product-img{padding:6%!important}.article-vs-promo .vs-widget{min-width:min(100%,520px)!important}.article-vs-promo .vs-widget .product-frame{height:190px!important;min-height:190px!important}.vs-archive-grid .vs-widget .product-frame{height:190px!important}.vs-stage .product-frame{width:190px!important;height:190px!important}.vs-stage .olet-product-img{padding:7%!important}

html[data-theme="dark"] .points-promo.full-bleed{background:linear-gradient(135deg,#0f1729,#172742 58%,#203651)!important;color:#f6f4ee!important}html[data-theme="dark"] .points-promo.full-bleed .btn{background:#f6f4ee!important;color:#101625!important}html[data-theme="dark"] .editorial-split .puan-stage{background:radial-gradient(circle at 88% 8%,rgba(230,184,95,.16),transparent 30%),linear-gradient(135deg,#172033,#1b3140)!important}html[data-theme="dark"] .editorial-split .puan-stage:after{background:rgba(23,32,51,.82)!important;color:#f0c875!important;border-color:rgba(230,184,95,.22)!important}html[data-theme="dark"] .vs-scroll-btn{background:rgba(23,32,51,.92);color:#fff;border-color:rgba(255,255,255,.12)}html[data-theme="dark"] .vs-create-btn{background:linear-gradient(135deg,#243044,#183440)!important;color:#f6f4ee!important}

@media(max-width:960px){.points-promo.full-bleed{grid-template-columns:76px minmax(0,1fr)!important}.points-promo.full-bleed>a{grid-column:2}.points-promo.full-bleed>img{width:70px!important;height:70px!important}.smart-compare-band{grid-template-columns:1fr!important}.vs-widget-scroll{padding-inline:44px!important}.vs-widget{min-height:280px!important}.vs-widget .product-frame{height:154px!important}.article-vs-promo .vs-widget .product-frame{height:170px!important}}
@media(max-width:620px){.points-promo.full-bleed{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}.points-promo.full-bleed>img{width:54px!important;height:54px!important}.points-promo.full-bleed h2{font-size:21px!important}.points-promo.full-bleed p{font-size:11px!important}.points-promo.full-bleed>a{grid-column:1/-1;width:100%}.editorial-split .puan-stage{grid-template-columns:72px minmax(0,1fr)!important;padding:14px!important}.editorial-split .puan-stage:after{position:static!important;grid-column:1/-1;justify-self:start;margin-top:4px}.puan-stage-art img{width:66px!important;height:66px!important}.puan-stage-copy h2{font-size:22px!important}.vs-widget-scroll{padding:4px 38px 10px!important}.vs-scroll-btn{width:32px;height:32px}.vs-widget-scroll .vs-widget{flex-basis:320px!important}.vs-widget{min-height:266px!important}.vs-widget .product-frame{height:146px!important}.article-vs-promo .vs-widget .product-frame{height:156px!important}.vs-stage .product-frame{width:150px!important;height:150px!important}}

/* ===== V11.5 targeted patch: explicit XLSX titles + festival article visual redesign ===== */
.award-hero-v115{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(560px,.98fr)!important;gap:16px!important;padding:18px!important;background:linear-gradient(135deg,#fffdf9 0%,#f4eee2 48%,#e6f2ef 100%)!important}.award-hero-v115 .award-hero-copy{padding:18px 18px 16px!important}.award-hero-v115 h1{max-width:14ch!important;font-size:clamp(2.9rem,5vw,5.8rem)!important;line-height:.99!important}.award-hero-lead{max-width:76ch!important;font-size:15px!important}.award-showcase-v115{position:relative;overflow:hidden;min-height:470px;padding:22px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:radial-gradient(circle at 82% 12%,rgba(230,184,95,.32),transparent 27%),radial-gradient(circle at 8% 88%,rgba(116,200,192,.30),transparent 29%),linear-gradient(145deg,#eaf6f2,#f8ecd8);isolation:isolate}.showcase-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.showcase-orb.orb-a{right:-52px;top:-58px;width:220px;height:220px;background:linear-gradient(135deg,rgba(239,146,125,.34),rgba(230,184,95,.28))}.showcase-orb.orb-b{left:-70px;bottom:-72px;width:240px;height:240px;background:linear-gradient(135deg,rgba(116,200,192,.36),rgba(143,178,231,.28))}.award-showcase-heading{position:relative;z-index:2;display:grid;gap:3px;max-width:280px;padding:10px 12px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:rgba(255,255,255,.66);backdrop-filter:blur(12px)}.award-showcase-heading span{color:#8b6a31;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.award-showcase-heading b{font-size:14px}.showcase-podium-v115{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:end;margin-top:30px}.showcase-finalist{display:grid;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.76);border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);box-shadow:0 16px 32px rgba(38,48,77,.10);transition:.22s transform,.22s box-shadow}.showcase-finalist:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(38,48,77,.15)}.showcase-finalist.rank-1{transform:translateY(-18px)}.showcase-finalist.rank-1:hover{transform:translateY(-24px)}.showcase-product-link{display:grid;gap:7px;min-width:0}.showcase-product-link .product-frame{height:168px!important;aspect-ratio:auto!important;border-radius:14px!important}.showcase-product-link .olet-product-img{padding:8%!important}.showcase-product-link b{min-height:32px;font-size:11px;line-height:1.28}.showcase-product-link small{color:#8b6a31;font-size:11px;font-weight:800}.showcase-rank{position:absolute;z-index:4;display:grid;place-items:center;width:31px;height:31px;margin:5px;border-radius:50%;background:var(--gold-soft);color:#8b6a31;font-size:11px;font-weight:800}.showcase-amazon{display:flex;justify-content:center;gap:5px;padding:8px;border-radius:999px;background:linear-gradient(135deg,#fff4d8,#f4c96f);color:#614718;font-size:10px;font-weight:800}.showcase-note{position:absolute;right:20px;bottom:18px;z-index:4;display:flex;gap:9px;align-items:center;max-width:430px;padding:11px 13px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}.showcase-note span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--surface-3);color:#37625d}.showcase-note p{margin:0;color:#5f697c;font-size:11px}
.article-layout-v115{grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important}.article-shell-v115{padding:28px!important}.festival-editorial-v115{max-width:none!important}.festival-intro-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(230px,.78fr);gap:18px;align-items:start}.festival-intro-copy h2{max-width:20ch;font-size:clamp(27px,3vw,42px)!important}.festival-editor-note{padding:13px 15px;border-left:3px solid var(--teal);border-radius:0 13px 13px 0;background:var(--surface-3);color:#4f5a6d!important}.festival-intro-facts{display:grid;gap:8px}.festival-intro-facts article{padding:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f7f1e8)}.festival-intro-facts b{display:block;color:#8b6a31;font-size:24px}.festival-intro-facts span{color:var(--muted);font-size:11px}.premium-gallery{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:20px 0 24px!important}.premium-gallery .article-gallery-card{padding:9px!important;background:linear-gradient(145deg,#fff,#faf6ed)!important}.premium-gallery .article-gallery-card .product-frame{height:150px!important;aspect-ratio:auto!important}.premium-gallery .article-gallery-card .olet-product-img{padding:7%!important}.winner-story-band{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;margin:18px 0 28px;padding:18px;border:1px solid rgba(230,184,95,.32);border-radius:18px;background:linear-gradient(135deg,#fff9eb,#edf8f4)}.winner-story-band h2{margin-top:7px!important;font-size:clamp(26px,3vw,38px)!important}.winner-story-band .product-frame{height:190px!important;aspect-ratio:auto!important}.winner-story-band .olet-product-img{padding:7%!important}.festival-section-title{margin:26px 0 14px}.festival-section-title h2{max-width:22ch!important}.editorial-top5 article{display:grid!important;grid-template-columns:142px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}.editorial-top5 .rich-top5-media .product-frame{height:132px!important;aspect-ratio:auto!important}.editorial-top5 .olet-product-img{padding:7%!important}.rich-top5-copy{min-width:0}.editorial-signals{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;gap:18px!important;padding:17px!important}.editorial-signals ul{margin:0;padding-left:18px}.festival-vs-promo{padding:17px!important}.festival-checklist{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.festival-checklist ul{margin:0;padding-left:18px}.affiliate-explainer{padding:16px 17px;border:1px solid rgba(230,184,95,.32);border-radius:16px;background:linear-gradient(135deg,#fffaf0,#f5ecd8)}.article-side-v115{gap:14px!important}.premium-winner-card .product-frame{height:190px!important;aspect-ratio:auto!important;margin:8px 0 12px}.premium-winner-card .olet-product-img{padding:7%!important}.festival-side-community img{width:62px!important;height:62px!important;margin:0 0 10px!important}.comparison-section-v115{margin-top:16px!important}.finalist-grid-v115 .product-card .product-frame{aspect-ratio:1/1!important}.finalist-grid-v115 .product-card .olet-product-img{padding:9%!important}
html[data-theme="dark"] .award-hero-v115{background:linear-gradient(135deg,#172033,#1b3140)!important}html[data-theme="dark"] .award-showcase-v115{background:radial-gradient(circle at 82% 12%,rgba(230,184,95,.18),transparent 27%),linear-gradient(145deg,#1b3140,#242a3f)!important}html[data-theme="dark"] .award-showcase-heading,html[data-theme="dark"] .showcase-finalist,html[data-theme="dark"] .showcase-note{background:rgba(23,32,51,.82)!important;border-color:rgba(255,255,255,.12)!important}html[data-theme="dark"] .showcase-note p{color:#c1c8d3!important}html[data-theme="dark"] .festival-intro-facts article,html[data-theme="dark"] .premium-gallery .article-gallery-card{background:var(--surface-2)!important}html[data-theme="dark"] .winner-story-band,html[data-theme="dark"] .affiliate-explainer{background:linear-gradient(135deg,#302a20,#213138)!important}
@media(max-width:1240px){.award-hero-v115{grid-template-columns:1fr!important}.award-showcase-v115{min-height:430px}.article-layout-v115{grid-template-columns:1fr!important}.article-side-v115{grid-template-columns:repeat(3,minmax(0,1fr))!important}.premium-gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:860px){.award-hero-v115 h1{font-size:clamp(2.7rem,8vw,4.2rem)!important}.showcase-product-link .product-frame{height:146px!important}.showcase-note{left:16px;right:16px;max-width:none}.festival-intro-grid{grid-template-columns:1fr}.festival-intro-facts{grid-template-columns:repeat(3,1fr)}.premium-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}.editorial-signals,.festival-checklist{grid-template-columns:1fr!important}.article-side-v115{grid-template-columns:1fr!important}}
@media(max-width:620px){.award-hero-v115{padding:12px!important}.award-hero-v115 .award-hero-copy{padding:10px!important}.award-showcase-v115{min-height:520px;padding:14px}.showcase-podium-v115{grid-template-columns:1fr;gap:8px;margin-top:18px;padding-bottom:82px}.showcase-finalist,.showcase-finalist.rank-1{transform:none!important}.showcase-product-link{grid-template-columns:84px minmax(0,1fr) auto;align-items:center}.showcase-product-link .product-frame{height:82px!important}.showcase-product-link b{min-height:0}.showcase-amazon{justify-self:start}.showcase-note{bottom:12px}.festival-intro-facts{grid-template-columns:1fr}.premium-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-gallery .article-gallery-card .product-frame{height:128px!important}.winner-story-band{grid-template-columns:1fr}.winner-story-band .product-frame{height:180px!important}.editorial-top5 article{grid-template-columns:100px minmax(0,1fr)!important}.editorial-top5 .rich-top5-media .product-frame{height:96px!important}.article-shell-v115{padding:17px!important}}

/* ===== Olet V11.7 targeted patch: hero slideshow + sharper category tour ===== */
.home-hero-slider .home-hero-copy h1,.home-hero-slider .home-hero-copy>[data-hero-description]{transition:opacity .24s ease,transform .24s ease}.home-hero-slider.is-changing .home-hero-copy h1,.home-hero-slider.is-changing .home-hero-copy>[data-hero-description]{opacity:.18;transform:translateY(7px)}.home-hero-slide-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .32s ease,transform 9.5s ease;will-change:opacity,transform}.home-hero-slider.is-changing .home-hero-slide-image{opacity:.34}.home-hero-slider:not(.is-changing) .home-hero-slide-image{transform:scale(1.025)}.hero-slider-dots{position:absolute;right:18px;bottom:18px;z-index:8;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(13px);box-shadow:var(--shadow)}.hero-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(23,33,60,.28);transition:.22s width,.22s background,.22s transform}.hero-slider-dots button:hover{transform:scale(1.16)}.hero-slider-dots button.is-active{width:25px;background:var(--coral)}.story-circle{transition:.2s transform,.2s color}.story-circle:hover{transform:translateY(-3px);color:var(--ink)}.story-orb{transition:.22s transform,.22s box-shadow}.story-circle:hover .story-orb{transform:rotate(-4deg) scale(1.06);box-shadow:inset 0 0 0 7px #fff,0 10px 20px rgba(38,48,77,.12)}.story-orb i{font-size:19px;color:#2e4862}.story-circle b{min-height:28px}
html[data-theme="dark"] .hero-slider-dots{background:rgba(23,32,51,.78);border-color:rgba(255,255,255,.13)}html[data-theme="dark"] .hero-slider-dots button{background:rgba(255,255,255,.34)}html[data-theme="dark"] .hero-slider-dots button.is-active{background:var(--coral)}html[data-theme="dark"] .story-orb i{color:#dce9f5}
@media(max-width:620px){.hero-slider-dots{right:10px;bottom:10px;gap:5px;padding:7px 8px}.hero-slider-dots button{width:7px;height:7px}.hero-slider-dots button.is-active{width:20px}.home-hero-slide-image{object-position:center}.story-orb i{font-size:17px}}


/* ========================= OLET V11.8 HERO STABILITY PATCH =========================
   Keeps the approved first-slide hero dimensions fixed on desktop. Longer slide
   titles shrink inside the same canvas instead of increasing the section height. */
.home-hero-slider{--hero-delay:9500ms}
.home-hero-slide-image{transition:opacity .32s ease,transform var(--hero-delay) ease!important}
.hero-floating-card{transition:opacity .22s ease,transform .22s ease,background-color .22s ease}
.home-hero-slider.is-changing .hero-floating-card{opacity:.72;transform:translateY(5px)}
@media(min-width:1241px){
  .home-hero-slider{height:520px!important;min-height:520px!important;max-height:520px!important}
  .home-hero-slider .home-hero-copy{min-height:0!important;overflow:hidden!important}
  .home-hero-slider .home-hero-art{height:520px!important;min-height:520px!important;max-height:520px!important}
  .home-hero-slider.hero-title-medium .home-hero-copy h1{font-size:clamp(2.95rem,5.15vw,5.5rem)!important;max-width:10.5ch!important}
  .home-hero-slider.hero-title-long .home-hero-copy h1{font-size:clamp(2.55rem,4.55vw,4.85rem)!important;max-width:12ch!important}
}
@media(min-width:861px) and (max-width:1240px){
  .home-hero-slider.hero-title-medium .home-hero-copy h1{font-size:clamp(2.65rem,5vw,4.7rem)!important;max-width:11ch!important}
  .home-hero-slider.hero-title-long .home-hero-copy h1{font-size:clamp(2.35rem,4.45vw,4.15rem)!important;max-width:12ch!important}
}
@media(max-width:860px){
  .home-hero-slider.hero-title-medium .home-hero-copy h1{font-size:clamp(3rem,11vw,4.55rem)!important}
  .home-hero-slider.hero-title-long .home-hero-copy h1{font-size:clamp(2.65rem,10vw,4.1rem)!important}
}

/* ========================= OLET V11.9 HERO COPY FIT PATCH =========================
   Desktop-only typography and spacing correction for the fixed-height hero.
   The approved hero canvas and right-side slideshow image dimensions are untouched. */
@media(min-width:1241px){
  .home-hero-slider .home-hero-copy{
    justify-content:flex-start!important;
    padding:24px 32px 20px!important;
  }
  .home-hero-slider .home-hero-copy .eyebrow{
    font-size:10px!important;
    line-height:1.2!important;
  }
  .home-hero-slider .home-hero-copy h1{
    max-width:13.5ch!important;
    margin:8px 0 9px!important;
    font-size:clamp(2.7rem,3.6vw,4.15rem)!important;
    line-height:.96!important;
    text-wrap:balance;
  }
  .home-hero-slider.hero-title-medium .home-hero-copy h1{
    max-width:14ch!important;
    font-size:clamp(2.45rem,3.28vw,3.75rem)!important;
  }
  .home-hero-slider.hero-title-long .home-hero-copy h1{
    max-width:14.75ch!important;
    font-size:clamp(2.12rem,2.9vw,3.28rem)!important;
  }
  .home-hero-slider .home-hero-copy>[data-hero-description]{
    display:-webkit-box;
    max-width:62ch!important;
    margin:0 0 6px!important;
    overflow:hidden;
    color:var(--muted);
    font-size:13.5px!important;
    line-height:1.43!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .home-hero-slider .hero-actions{
    gap:7px!important;
    margin-top:4px!important;
  }
  .home-hero-slider .hero-actions .btn,
  .home-hero-slider .hero-actions .btn.large{
    gap:6px!important;
    padding:9px 13px!important;
    font-size:12px!important;
  }
  .home-hero-slider .hero-latest{
    gap:5px!important;
    margin-top:9px!important;
  }
  .home-hero-slider .hero-latest>span{
    font-size:10px!important;
  }
  .home-hero-slider .hero-latest a{
    padding:4px 7px!important;
    font-size:10px!important;
  }
  .home-hero-slider .hero-stats{
    gap:6px!important;
    margin-top:11px!important;
  }
  .home-hero-slider .hero-stats div{
    padding:8px 9px!important;
    border-radius:12px!important;
  }
  .home-hero-slider .hero-stats b{
    font-size:16px!important;
    line-height:1.12!important;
  }
  .home-hero-slider .hero-stats span{
    font-size:10px!important;
    line-height:1.25!important;
  }
}
@media(min-width:861px) and (max-width:1240px){
  .home-hero-slider .home-hero-copy{padding:24px!important}
  .home-hero-slider .home-hero-copy h1{max-width:13.5ch!important;font-size:clamp(2.45rem,4.25vw,3.85rem)!important;line-height:.97!important;margin:8px 0 9px!important}
  .home-hero-slider.hero-title-medium .home-hero-copy h1{max-width:14ch!important;font-size:clamp(2.25rem,3.95vw,3.5rem)!important}
  .home-hero-slider.hero-title-long .home-hero-copy h1{max-width:14.5ch!important;font-size:clamp(2.05rem,3.62vw,3.15rem)!important}
  .home-hero-slider .home-hero-copy>[data-hero-description]{font-size:13px!important;line-height:1.42!important;margin-bottom:5px!important}
  .home-hero-slider .hero-actions{gap:7px!important;margin-top:4px!important}
  .home-hero-slider .hero-actions .btn,.home-hero-slider .hero-actions .btn.large{padding:9px 12px!important;font-size:12px!important}
  .home-hero-slider .hero-latest{gap:5px!important;margin-top:8px!important}
  .home-hero-slider .hero-latest a{padding:4px 7px!important;font-size:10px!important}
  .home-hero-slider .hero-stats{gap:6px!important;margin-top:10px!important}
  .home-hero-slider .hero-stats div{padding:8px 9px!important}
  .home-hero-slider .hero-stats b{font-size:16px!important}
  .home-hero-slider .hero-stats span{font-size:10px!important}
}

/* ========================= OLET V11.10 HERO FLEXIBLE ALIGNMENT PATCH =========================
   Keeps the approved fixed hero canvas untouched. The left-side hero content now
   distributes vertically inside its existing height, so compact slides do not leave
   a dead empty area under the stats and longer slides remain safely inside the box. */
@media(min-width:1241px){
  .home-hero-slider .home-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:clamp(5px,.62vw,9px)!important;
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
    padding:23px 32px 20px!important;
    overflow:hidden!important;
  }
  .home-hero-slider .home-hero-copy>.eyebrow,
  .home-hero-slider .home-hero-copy>h1,
  .home-hero-slider .home-hero-copy>[data-hero-description],
  .home-hero-slider .home-hero-copy>.hero-actions,
  .home-hero-slider .home-hero-copy>.hero-latest,
  .home-hero-slider .home-hero-copy>.hero-stats{
    flex:0 0 auto!important;
  }
  .home-hero-slider .home-hero-copy h1{
    margin:0!important;
  }
  .home-hero-slider .home-hero-copy>[data-hero-description]{
    margin:0!important;
  }
  .home-hero-slider .hero-actions,
  .home-hero-slider .hero-latest,
  .home-hero-slider .hero-stats{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .home-hero-slider .hero-stats{
    align-self:stretch!important;
  }
}
@media(min-width:861px) and (max-width:1240px){
  .home-hero-slider .home-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:clamp(5px,.7vw,8px)!important;
    overflow:hidden!important;
  }
  .home-hero-slider .home-hero-copy h1,
  .home-hero-slider .home-hero-copy>[data-hero-description],
  .home-hero-slider .hero-actions,
  .home-hero-slider .hero-latest,
  .home-hero-slider .hero-stats{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* ========================= OLET V11.11 MOBILE EXPERIENCE PATCH =========================
   Mobile-only in-page redesign. Desktop and tablet layouts above 760px remain untouched.
   Fixes horizontal page overflow, oversized award typography and desktop-shaped content
   blocks on small screens while preserving deliberate inner scrollers for tables/galleries. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{font-size:14px;line-height:1.56}
  .site-main,.site-main>*,.full-bleed,.article-layout,.article-layout-v115,.article-shell,.article-shell-v115,.article-side,.article-side-v115,.comparison-section,.comparison-section-v115,.product-detail,.product-reading-layout,.info-layout,.vs-hero,.vs-detail-grid,.entity-feedback,.festival-vs-promo,.article-vs-promo,.winner-story-band,.festival-checklist,.editorial-signals{min-width:0!important;max-width:100%!important}
  .site-main>*{width:min(calc(100vw - 14px),var(--container))!important}
  .full-bleed{width:min(calc(100vw - 8px),1780px)!important}
  h1,h2,h3,h4,p,li,a,b,span,small{overflow-wrap:anywhere;word-break:normal}
  .section-heading{display:block;padding:22px 0 10px}
  .section-heading h2{max-width:none!important;font-size:clamp(1.82rem,8vw,2.35rem)!important;line-height:1.04!important}
  .section-heading p{font-size:13px}
  .section-heading .btn,.section-heading .text-button{margin-top:7px}

  /* Mobile header: true app-like compact bar and controlled drawer. */
  .site-topbar{display:none!important}
  .site-header{top:0}
  .header-shell{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand tools menu"!important;gap:6px!important;padding:8px 0!important}
  .olet-real-logo{min-width:0!important;max-width:145px}.olet-real-logo .logo-img{height:32px!important;max-width:116px!important}.olet-real-logo small{display:none!important}
  .header-search{display:none!important}.header-tools{gap:4px!important}.header-tools .tool-btn{width:36px;height:36px}.profile-btn{padding:8px 9px!important}.profile-btn span{display:none!important}.points-chip{padding:7px 8px!important}.points-chip span{display:none!important}.mobile-menu-toggle{display:grid!important;width:38px!important;height:38px!important}
  .header-shell .main-nav{left:7px!important;right:7px!important;top:58px!important;max-height:calc(100vh - 68px)!important;padding:12px!important;border-radius:16px!important}
  .header-shell .main-nav>a,.header-shell .main-nav>div>button{padding:11px 12px!important;font-size:13px!important}
  .category-popover{position:static!important;width:100%!important;max-height:52vh!important;margin-top:8px!important;padding:11px!important;overflow:auto!important;border-radius:14px!important;box-shadow:none!important}

  /* Award article hero becomes an editorial mobile cover, not a desktop panel squeezed down. */
  .award-hero-v115{display:block!important;padding:9px!important;margin-top:8px!important;border-radius:18px!important}
  .award-hero-v115 .award-hero-copy{padding:12px 11px 14px!important}
  .award-hero-v115 .back-link{margin-bottom:8px!important;font-size:11px!important}
  .award-hero-v115 .eyebrow{font-size:9px!important;letter-spacing:.1em!important}
  .award-hero-v115 h1{max-width:none!important;margin:7px 0 8px!important;font-size:clamp(2rem,9.4vw,2.78rem)!important;line-height:.98!important}
  .award-hero-lead{display:-webkit-box!important;max-width:none!important;margin-bottom:8px!important;overflow:hidden!important;font-size:12.5px!important;line-height:1.48!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important}
  .award-meta{gap:5px!important;margin:10px 0!important}.award-meta span{padding:6px 7px!important;font-size:9px!important}
  .award-hero-v115 .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
  .award-hero-v115 .hero-actions .btn,.award-hero-v115 .hero-actions .amazon-cta{width:100%!important;min-height:40px!important;padding:9px 10px!important;font-size:11px!important;white-space:normal!important;text-align:center!important}
  .award-hero-v115 .hero-actions .amazon-cta{grid-column:1/-1!important}
  .award-hero-v115 .entity-tools{gap:5px!important;margin-top:10px!important}.award-hero-v115 .entity-tool{width:35px!important;height:35px!important;padding:0!important;justify-content:center!important}.award-hero-v115 .entity-tool span{display:none!important}

  /* Mobile Top 3 stage: horizontal finalist rail with compact content and no overflow. */
  .award-showcase-v115{min-height:0!important;padding:13px!important;border-radius:16px!important}
  .award-showcase-heading{max-width:none!important;padding:9px 10px!important;border-radius:12px!important}.award-showcase-heading b{font-size:13px!important}
  .showcase-podium-v115{display:flex!important;gap:9px!important;margin-top:12px!important;padding:4px 1px 7px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
  .showcase-podium-v115::-webkit-scrollbar{height:4px}.showcase-podium-v115::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(23,33,60,.18)}
  .showcase-finalist,.showcase-finalist.rank-1{flex:0 0 min(83%,285px)!important;transform:none!important;scroll-snap-align:start!important;padding:9px!important;border-radius:15px!important}
  .showcase-product-link{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
  .showcase-product-link .product-frame{grid-row:1/4!important;width:92px!important;height:92px!important;border-radius:12px!important}.showcase-product-link .olet-product-img{padding:5%!important}
  .showcase-product-link b{min-height:0!important;font-size:11px!important;line-height:1.3!important}.showcase-product-link small{font-size:10px!important}.showcase-rank{width:26px!important;height:26px!important;margin:4px!important;font-size:10px!important}
  .showcase-amazon{justify-self:start!important;padding:7px 10px!important;font-size:10px!important}
  .showcase-note{position:static!important;max-width:none!important;margin-top:10px!important;padding:9px 10px!important;border-radius:12px!important}.showcase-note span{width:27px!important;height:27px!important;flex:0 0 auto!important}.showcase-note p{font-size:10.5px!important;line-height:1.4!important}

  /* Award editorial body: readable edge-to-edge mobile article with deliberate visual rhythm. */
  .article-layout-v115{display:block!important;margin-top:9px!important}
  .article-shell-v115{padding:15px!important;border-radius:17px!important}
  .festival-intro-grid{display:block!important}.festival-intro-copy h2,.longform h2,.festival-section-title h2,.info-content h2{max-width:none!important;margin-top:18px!important;font-size:clamp(1.42rem,6.3vw,1.82rem)!important;line-height:1.08!important}
  .festival-intro-copy h2{margin-top:0!important}.longform p,.longform li,.festival-editor-note{font-size:13px!important;line-height:1.65!important;text-align:left!important}
  .festival-editor-note{margin:10px 0!important;padding:11px 12px!important}
  .festival-intro-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:11px!important}.festival-intro-facts article{padding:10px 8px!important;border-radius:12px!important}.festival-intro-facts b{font-size:19px!important}.festival-intro-facts span{font-size:9px!important}

  /* Product galleries scroll inside their own rails, never the page. */
  .article-product-gallery,.premium-gallery{display:flex!important;grid-template-columns:none!important;gap:8px!important;margin:14px -2px 17px!important;padding:2px 2px 8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  .article-product-gallery::-webkit-scrollbar,.premium-gallery::-webkit-scrollbar{height:4px}.article-product-gallery::-webkit-scrollbar-thumb,.premium-gallery::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(23,33,60,.18)}
  .article-gallery-card,.premium-gallery .article-gallery-card{flex:0 0 146px!important;min-width:146px!important;padding:8px!important;scroll-snap-align:start!important;border-radius:13px!important}.article-gallery-card .product-frame,.premium-gallery .article-gallery-card .product-frame{height:132px!important;border-radius:10px!important}.premium-gallery .article-gallery-card .olet-product-img{padding:5%!important}.article-gallery-card b{font-size:10.5px!important}.article-gallery-card span{font-size:9.5px!important}

  .winner-story-band{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:15px 0 20px!important;padding:13px!important;border-radius:15px!important}.winner-story-band h2{margin-top:5px!important;font-size:1.72rem!important}.winner-story-band .product-frame{width:100%!important;height:180px!important}.winner-story-band .olet-product-img{padding:5%!important}
  .editorial-top5{gap:9px!important}.editorial-top5 article,.rich-top5 article{grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:13px!important}.editorial-top5 .rich-top5-media .product-frame,.rich-top5-media .product-frame{height:90px!important}.editorial-top5 .olet-product-img{padding:5%!important}.rich-top5 h3{font-size:15px!important}.rich-top5 p{font-size:11.5px!important;line-height:1.48!important}.generated-top5{grid-template-columns:1fr!important}.generated-top5 article{padding:11px!important}
  .editorial-signals,.festival-checklist{display:block!important;padding:13px!important;border-radius:14px!important}.editorial-signals ul,.festival-checklist ul{padding-left:18px!important}.article-signal-band{grid-template-columns:1fr!important}.affiliate-explainer{padding:13px!important;border-radius:14px!important}
  .article-side-v115{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:9px!important}.article-side-v115 .side-card{padding:13px!important;border-radius:14px!important}.premium-winner-card .product-frame{height:164px!important}.festival-side-community img{width:48px!important;height:48px!important}

  /* VS blocks and pages: stack cleanly and keep product windows visible. */
  .festival-vs-promo,.article-vs-promo{display:grid!important;gap:10px!important;padding:12px!important;border-radius:14px!important;overflow:hidden!important}.festival-vs-promo h2,.article-vs-promo h2,.article-vs-promo h3{font-size:1.35rem!important}.festival-vs-promo .vs-widget,.article-vs-promo .vs-widget{min-width:0!important;width:100%!important;min-height:0!important;padding:8px!important}.festival-vs-promo .vs-widget .product-frame,.article-vs-promo .vs-widget .product-frame{height:128px!important;min-height:128px!important}.vs-hero{padding:15px!important;margin-top:9px!important;border-radius:16px!important}.vs-hero h1{font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.03!important}.vs-stage{grid-template-columns:1fr!important;gap:9px!important;justify-items:center!important}.vs-stage article{width:100%!important;padding:11px!important;border-radius:14px!important}.vs-stage .product-frame{width:160px!important;height:160px!important}.vs-stage>strong{width:42px!important;height:42px!important;font-size:11px!important}.vs-stage h2{font-size:14px!important}.vs-detail-grid{grid-template-columns:1fr!important}.vs-detail-grid article{padding:13px!important}.vs-widget-scroll{padding:4px 34px 9px!important}.vs-widget-scroll .vs-widget{flex-basis:min(82vw,310px)!important}.vs-scroll-btn{width:30px!important;height:30px!important}.vs-create-btn{width:100%!important;justify-content:center!important;margin-top:8px!important}

  /* Comparison table remains horizontally scrollable only inside its own shell. */
  .comparison-section,.comparison-section-v115{padding:13px!important;margin-top:9px!important;border-radius:15px!important;overflow:hidden!important}.comparison-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.comparison-table{min-width:720px!important}.comparison-table th,.comparison-table td{padding:9px 8px!important;font-size:11px!important}.table-product{min-width:180px!important}

  /* Finalist product cards become compact editorial rows on award pages. */
  .product-reading-grid,.finalist-grid-v115{grid-template-columns:1fr!important;gap:9px!important}
  .finalist-grid-v115 .product-card{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:10px!important;padding:9px!important;border-radius:15px!important}.finalist-grid-v115 .product-card-visual{min-height:0!important}.finalist-grid-v115 .product-card .product-frame{height:108px!important;aspect-ratio:auto!important;border-radius:11px!important}.finalist-grid-v115 .product-card .olet-product-img{padding:5%!important}.finalist-grid-v115 .product-card-copy{min-width:0!important;padding:2px 0!important}.finalist-grid-v115 .product-card h3{font-size:14px!important}.finalist-grid-v115 .product-card p{display:-webkit-box!important;overflow:hidden!important;font-size:11px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.finalist-grid-v115 .tag-row{display:none!important}.finalist-grid-v115 .amazon-cta{padding:8px 9px!important}.finalist-grid-v115 .card-tool-row{gap:5px!important;margin-top:7px!important;padding-top:7px!important}

  /* Product detail pages: compact hierarchy and mobile-sized actions. */
  .product-detail{display:block!important;margin-top:9px!important;padding:12px!important;border-radius:17px!important}.main-product-frame{max-height:330px!important}.thumb-strip{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.product-detail-copy{padding:12px 1px 1px!important}.product-detail-copy h1{margin:7px 0!important;font-size:clamp(2rem,9vw,2.7rem)!important;line-height:1!important}.product-score strong{font-size:26px!important}.product-action-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.product-action-row .btn,.product-action-row .amazon-cta,.product-action-row .economy-cta{width:100%!important;justify-content:center!important}.product-reading-layout{display:block!important}.product-reading-layout .article-side{grid-template-columns:1fr!important}

  /* Feedback, informational pages, guides, forms and footer. */
  .entity-feedback{width:min(calc(100vw - 14px),var(--container))!important;margin:12px auto!important;padding:13px!important;border-radius:15px!important}.feedback-form{grid-template-columns:1fr!important}.feedback-form .btn{width:100%!important;justify-self:stretch!important}.comment-list article{padding:10px!important}.comment-list article>div{gap:8px;align-items:flex-start}.comment-list p{font-size:12px!important}
  .page-hero,.info-hero,.profile-hero{display:block!important;margin-top:8px!important;padding:16px!important;border-radius:16px!important}.page-hero h1,.info-hero h1,.profile-hero h1{max-width:none!important;font-size:clamp(2.05rem,9vw,2.75rem)!important}.page-hero img,.info-hero img{width:74px!important;height:74px!important;margin-top:10px!important}.info-layout,.profile-shell,.request-layout{display:block!important;margin-top:9px!important}.info-content,.community-panel{padding:14px!important;border-radius:15px!important}.guide-grid{grid-template-columns:1fr!important;gap:9px!important}.guide-grid article{padding:14px!important}.request-form{padding:13px!important;border-radius:15px!important}.big-search{display:grid!important}.big-search .btn{width:100%!important}
  .site-footer{margin-top:30px!important;padding:25px 0 82px!important}.footer-grid{grid-template-columns:1fr!important;gap:14px!important}.footer-brand{grid-column:auto!important}.footer-grid a{padding:3px 0!important}.footer-bottom{margin-top:14px!important;font-size:11px!important}.mobile-dock{display:grid!important}
}
@media(max-width:420px){
  .award-hero-v115 h1{font-size:clamp(1.85rem,9.1vw,2.35rem)!important}
  .award-hero-v115 .hero-actions{grid-template-columns:1fr!important}.award-hero-v115 .hero-actions .amazon-cta{grid-column:auto!important}
  .festival-intro-facts{grid-template-columns:1fr!important}.festival-intro-facts article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.festival-intro-facts b{font-size:17px!important}
  .showcase-finalist,.showcase-finalist.rank-1{flex-basis:min(88%,272px)!important}.showcase-product-link{grid-template-columns:82px minmax(0,1fr)!important}.showcase-product-link .product-frame{width:82px!important;height:82px!important}
  .article-gallery-card,.premium-gallery .article-gallery-card{flex-basis:136px!important;min-width:136px!important}.article-gallery-card .product-frame,.premium-gallery .article-gallery-card .product-frame{height:122px!important}
  .editorial-top5 article,.rich-top5 article{grid-template-columns:82px minmax(0,1fr)!important}.editorial-top5 .rich-top5-media .product-frame,.rich-top5-media .product-frame{height:80px!important}
  .finalist-grid-v115 .product-card{grid-template-columns:94px minmax(0,1fr)!important}.finalist-grid-v115 .product-card .product-frame{height:94px!important}
  .vs-widget-scroll .vs-widget{flex-basis:min(84vw,294px)!important}.festival-vs-promo .vs-widget .product-frame,.article-vs-promo .vs-widget .product-frame{height:116px!important;min-height:116px!important}
}

/* V13 · Keep festival product carousel media compact and fully visible on every viewport. */
.award-carousel-card .product-award-slide{grid-template-columns:minmax(142px,40%) minmax(0,60%);min-height:0}
.award-carousel-card .slide-product-media{min-width:0;min-height:0;height:252px;max-height:252px;padding:14px;overflow:hidden}
.award-carousel-card .slide-product-media .product-frame{display:grid;place-items:center;width:min(100%,190px);height:min(100%,190px);max-width:100%;max-height:100%;aspect-ratio:1/1}
.award-carousel-card .slide-product-media .olet-product-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:7%!important}
.adult-nav-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;padding:7px 10px!important;border:1px solid rgba(255,71,93,.82)!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(135deg,#7e1022,#ed2340)!important;box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 0 16px rgba(235,31,61,.48);font-weight:800!important;letter-spacing:.04em}
.adult-nav-button:hover,.adult-nav-button:focus-visible{color:#fff!important;transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 24px rgba(255,33,68,.75)}
@media (max-width:760px){
  .award-carousel-card .product-award-slide{grid-template-columns:1fr;gap:8px}
  .award-carousel-card .slide-product-media{height:174px;max-height:174px;padding:9px}
  .award-carousel-card .slide-product-media .product-frame{width:min(100%,154px);height:min(100%,154px)}
  .award-carousel-card .slide-product-copy{min-width:0;padding-top:0}
  .main-nav .adult-nav-button{align-self:flex-start;margin-top:4px}
}
@media (max-width:760px){
  .award-carousel-card .product-award-slide{grid-template-rows:174px auto;min-height:0}
}

/* V13.1 main-site adult pathway: last header item + clearly labelled 18+ category. */
.mega-category-adult{position:relative;border:1px solid rgba(214,29,65,.26);background:linear-gradient(135deg,rgba(247,62,92,.08),rgba(152,13,41,.035));}
.mega-category-adult:hover{border-color:rgba(218,31,68,.52)!important;background:linear-gradient(135deg,rgba(247,62,92,.14),rgba(152,13,41,.08))!important;}
.mega-category-adult .mega-icon{color:#a91031!important;background:rgba(216,25,63,.15)!important;}
.mega-category-adult small{display:flex;align-items:center;gap:5px;color:#a20e2c!important;}
.mega-category-adult small strong{display:inline-grid;place-items:center;min-width:25px;padding:1px 4px;border-radius:999px;color:#fff;background:#b80f32;font-size:9px;line-height:1.45;}
.mega-category-adult>em{position:absolute;right:10px;top:10px;color:#b40c2e;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.05em;}
.main-nav .adult-nav-button{margin-left:7px!important;gap:6px!important;padding:7px 11px!important;}
.adult-nav-button b{font-size:12px;letter-spacing:.05em;}
.adult-nav-button span{font-size:11px;font-weight:800;}
@media(max-width:860px){.main-nav .adult-nav-button{margin-left:0!important;margin-top:5px!important;}.adult-nav-button span{font-size:12px;}.mega-category-adult{padding-right:38px!important;}}


/* V15.2 — minimal footer country/language selector with flags. */
.footer-region-nav{margin:18px auto 0;max-width:1120px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:rgba(255,255,255,.74);font-size:12px}
.footer-region-title{font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.footer-region-pills{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.footer-region-pill{display:inline-flex!important;align-items:center;gap:7px;padding:8px 11px!important;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.86)!important;text-decoration:none!important;font-weight:800;line-height:1;box-shadow:0 12px 28px rgba(0,0,0,.10);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.footer-region-pill:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.105);color:#fff!important}
.footer-region-pill.is-active{border-color:rgba(244,188,96,.62);background:linear-gradient(135deg,rgba(244,188,96,.20),rgba(255,255,255,.08));color:#fff!important}
.footer-region-pill .flag{font-size:15px;letter-spacing:-2px;filter:saturate(1.08)}
@media(max-width:620px){.footer-region-nav{align-items:flex-start;justify-content:flex-start}.footer-region-pills{justify-content:flex-start}.footer-region-pill{padding:8px 10px!important;font-size:11px}}

/* V15.3 — footer + mobile social icons and new-tab affiliate exits. */
.footer-social-links{display:flex;align-items:center;gap:8px;margin-top:12px}
.footer-social-links a{display:grid!important;place-items:center;width:30px;height:30px;padding:0!important;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.065);color:rgba(255,255,255,.82)!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.footer-social-links a:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.13);color:#fff!important}
.footer-social-links svg{width:13px;height:13px}
.mobile-menu-social{display:none}
@media(max-width:860px){
  .mobile-menu-social{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
  .mobile-menu-social a{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px!important;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--brand) 14%);color:var(--ink)!important;font-size:12px!important;font-weight:900;text-decoration:none!important}
  .mobile-menu-social a svg{width:14px;height:14px;color:var(--brand-2)}
  .footer-social-links a{width:32px;height:32px}
}

/* ========================= OLET V16 ARCHIVE + MOBILE UPGRADE ========================= */
.mobile-search-toggle,.mobile-search-panel,.mobile-hero-toggle{display:none}
.mobile-hero-extra{display:contents}
.home-hero-slider .mobile-hero-extra .hero-actions,.home-hero-slider .mobile-hero-extra .hero-latest,.home-hero-slider .mobile-hero-extra .hero-stats{flex:0 0 auto;margin-top:0!important;margin-bottom:0!important}

/* Lightweight category-to-festival reveal. The closed cluster occupies no layout width. */
.story-intro small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.4}
.story-scroller{align-items:flex-start;scroll-behavior:smooth}
.story-category-group{display:flex;align-items:flex-start;flex:0 0 auto;gap:0;min-width:83px;transition:gap .42s cubic-bezier(.2,.72,.25,1)}
.story-category-trigger{appearance:none;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
.story-category-trigger .story-orb{border-color:color-mix(in srgb,var(--accent) 62%,#fff);background:color-mix(in srgb,var(--accent) 22%,#fff)}
.story-festival-cluster{display:flex;align-items:flex-start;gap:10px;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .58s cubic-bezier(.2,.72,.25,1),opacity .22s ease}
.story-festival-circle{flex:0 0 83px;min-width:83px;text-align:center;color:var(--ink);opacity:0;transform:translateX(-42px) scale(.78);transition:opacity .28s ease calc(var(--i)*55ms),transform .46s cubic-bezier(.18,.88,.24,1.12) calc(var(--i)*55ms)}
.story-festival-orb{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 8px;overflow:hidden;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 72%,#fff);background:#fff;box-shadow:inset 0 0 0 5px #fff,0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent);transition:box-shadow .3s ease,transform .3s ease}
.story-festival-orb img{width:100%;height:100%;padding:5%;object-fit:contain;background:#fff}
.story-festival-circle b{display:-webkit-box;min-height:28px;overflow:hidden;font-size:10.5px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.story-category-group:hover,.story-category-group.is-pinned,.story-category-group.is-auto-open{gap:10px}
.story-category-group:hover .story-festival-cluster,.story-category-group.is-pinned .story-festival-cluster,.story-category-group.is-auto-open .story-festival-cluster{max-width:465px;opacity:1;pointer-events:auto}
.story-category-group:hover .story-festival-circle,.story-category-group.is-pinned .story-festival-circle,.story-category-group.is-auto-open .story-festival-circle{opacity:1;transform:translateX(0) scale(1)}
.story-category-group:hover .story-category-trigger .story-orb,.story-category-group.is-pinned .story-category-trigger .story-orb,.story-category-group.is-auto-open .story-category-trigger .story-orb{box-shadow:inset 0 0 0 7px #fff,0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);transform:scale(1.05)}
.story-festival-circle:hover .story-festival-orb{box-shadow:inset 0 0 0 5px #fff,0 0 25px color-mix(in srgb,var(--accent) 58%,transparent);transform:translateY(-3px) scale(1.04)}

/* Festival and product archives. */
.archive-page-hero{margin-bottom:14px}
.archive-page-hero p{max-width:72ch}
.archive-shell{position:relative}
.archive-toolbar{position:sticky;top:74px;z-index:42;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;padding:9px 10px 9px 14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}
.archive-result-count{display:flex;align-items:center;gap:8px;min-width:0}
.archive-result-count b{font-size:16px}.archive-result-count span{font-size:12px;font-weight:800}.archive-result-count small{padding:4px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;white-space:nowrap}
.archive-control-actions{display:flex;align-items:center;gap:7px}
.archive-menu{position:relative}
.archive-menu>summary{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:11px;font-weight:900;list-style:none;user-select:none}
.archive-menu>summary::-webkit-details-marker{display:none}.archive-menu>summary svg{width:13px;height:13px}.archive-menu>summary em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--coral);color:#fff;font-size:9px;font-style:normal}
.archive-menu[open]>summary{border-color:color-mix(in srgb,var(--coral) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 11%,transparent)}
.archive-popover{position:absolute;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 22px));max-height:min(72vh,610px);padding:14px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg)}
.archive-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.archive-popover-head b{font-size:16px}.archive-popover-head a{color:var(--coral);font-size:10px;font-weight:900}
.archive-popover fieldset{padding:0;border:0}.archive-popover legend{margin-bottom:8px;font-size:11px;font-weight:900;color:var(--muted)}
.archive-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:250px;overflow:auto}
.archive-check-grid label,.archive-switch{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:10.5px;font-weight:700;cursor:pointer}.archive-check-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-check-grid input,.archive-switch input{accent-color:var(--coral)}
.archive-mini-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.archive-mini-fields>label:not(.archive-switch),.archive-sort-select{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.archive-mini-fields select,.archive-sort-select select{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.archive-switch{grid-column:1/-1}
.archive-apply{width:100%;justify-content:center;margin-top:12px}
.archive-order{display:flex;align-items:center;gap:7px;margin-top:10px}.archive-order>span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:900}.archive-order label{cursor:pointer}.archive-order input{position:absolute;opacity:0;pointer-events:none}.archive-order i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-style:normal}.archive-order input:checked+i{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 13%,var(--surface));color:var(--coral)}.archive-order.is-disabled{opacity:.35;pointer-events:none}
.archive-data-note{display:flex;align-items:flex-start;gap:8px;margin:0 0 13px;padding:9px 12px;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:10.5px;line-height:1.45}.archive-data-note svg{flex:0 0 auto;margin-top:2px;color:var(--coral)}
.product-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.archive-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.archive-pagination a,.archive-pagination span{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:900}.archive-pagination span{background:var(--surface-2);color:var(--muted)}
.archive-empty{display:grid;place-items:center;min-height:330px;padding:32px;text-align:center;border:1px dashed var(--line);border-radius:22px;background:var(--surface-2)}.archive-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--surface);color:var(--coral);font-size:20px}.archive-empty h2{margin:12px 0 4px;font-size:27px}.archive-empty p{max-width:48ch;color:var(--muted)}

.go-top-button{display:none}

@media(max-width:1240px) and (min-width:761px){
  .product-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-toolbar{top:126px}
}

@media(max-width:760px){
  body{padding-bottom:72px}
  .header-shell{grid-template-columns:minmax(0,1fr) 38px auto!important;grid-template-areas:"brand search tools"!important;gap:6px!important;padding:7px 0!important}
  .brand-lockup{grid-area:brand!important}.mobile-search-toggle{display:grid!important;grid-area:search!important;width:38px!important;height:38px!important}.header-tools{grid-area:tools!important}.mobile-menu-toggle{display:none!important}
  .header-tools>[data-help-toggle],.header-tools>[data-theme-toggle]{display:none!important}.header-tools .points-chip{min-width:36px!important;height:36px!important;justify-content:center!important;padding:6px!important}.profile-btn{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
  .header-shell .main-nav{top:55px!important;bottom:74px!important;max-height:none!important}
  .mobile-search-panel{position:absolute;left:7px;right:7px;top:calc(100% + 5px);z-index:83;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:end;gap:7px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}
  .mobile-search-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-search-panel label{display:grid;gap:4px;min-width:0}.mobile-search-panel label span{color:var(--muted);font-size:9px;font-weight:900}.mobile-search-panel input{width:100%;height:39px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);outline:0}.mobile-search-panel .btn{min-height:39px;padding:8px 11px}.mobile-search-close{display:grid;place-items:center;width:34px;height:39px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink)}

  /* Image first, then a one-screen compact summary; details expand only on request. */
  .home-hero-slider{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100svh - 58px)!important;max-height:none!important;margin-top:5px!important;overflow:hidden!important}
  .home-hero-slider .home-hero-art{order:1!important;width:100%!important;height:45svh!important;min-height:260px!important;max-height:420px!important}
  .home-hero-slider .home-hero-copy{order:2!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:13px 14px 12px!important;overflow:visible!important}
  .home-hero-slider .home-hero-copy>.eyebrow{display:block!important;margin-bottom:5px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .home-hero-slider .home-hero-copy h1,.home-hero-slider.hero-title-medium .home-hero-copy h1,.home-hero-slider.hero-title-long .home-hero-copy h1{display:block!important;max-width:100%!important;margin:0 0 6px!important;overflow:hidden!important;font-size:clamp(1.2rem,5.7vw,1.55rem)!important;line-height:1.08!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .home-hero-slider .home-hero-copy>[data-hero-description]{display:-webkit-box!important;margin:0!important;overflow:hidden!important;font-size:11.5px!important;line-height:1.4!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .mobile-hero-toggle{display:flex!important;align-items:center;justify-content:center;gap:7px;width:100%;min-height:32px;margin-top:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:10px;font-weight:900}.mobile-hero-toggle svg{transition:transform .25s ease}.home-hero-slider.is-mobile-expanded .mobile-hero-toggle svg{transform:rotate(180deg)}
  .mobile-hero-extra{display:block!important;max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .48s ease,opacity .25s ease,transform .3s ease}.home-hero-slider.is-mobile-expanded .mobile-hero-extra{max-height:620px;opacity:1;transform:none}
  .home-hero-slider .mobile-hero-extra .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:10px!important}.home-hero-slider .mobile-hero-extra .hero-actions .btn{min-height:38px!important;padding:7px 8px!important;font-size:9.5px!important;white-space:normal!important;text-align:center!important}
  .home-hero-slider .mobile-hero-extra .hero-latest{display:flex!important;gap:5px!important;margin-top:8px!important;overflow-x:auto!important}.home-hero-slider .mobile-hero-extra .hero-latest>span{display:none!important}.home-hero-slider .mobile-hero-extra .hero-latest a{flex:0 0 auto!important;padding:5px 7px!important;font-size:9px!important}
  .home-hero-slider .mobile-hero-extra .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}.home-hero-slider .mobile-hero-extra .hero-stats div,.home-hero-slider .mobile-hero-extra .hero-stats div:last-child{grid-column:auto!important;padding:7px 5px!important;text-align:center!important}.home-hero-slider .mobile-hero-extra .hero-stats b{font-size:13px!important}.home-hero-slider .mobile-hero-extra .hero-stats span{font-size:8px!important}
  .home-hero-slider .hero-floating-card{left:9px!important;bottom:9px!important;max-width:min(235px,72vw)!important;padding:8px 10px!important}.home-hero-slider .hero-floating-card span{font-size:8px!important}.home-hero-slider .hero-floating-card b{font-size:11px!important}.home-hero-slider .hero-floating-card small{font-size:8.5px!important}.hero-slider-dots{right:9px!important;bottom:9px!important}

  .story-strip{display:block!important;padding:10px 8px!important}.story-intro{display:block!important;padding:0 3px 8px!important}.story-intro h2{font-size:18px!important}.story-intro small{font-size:9px}.story-scroller{gap:9px!important;padding-bottom:7px!important;overflow-x:auto!important}.story-category-group{min-width:70px}.story-circle,.story-festival-circle{flex-basis:70px!important;min-width:70px!important}.story-orb,.story-festival-orb{width:55px!important;height:55px!important;margin-bottom:6px!important}.story-category-group:hover{gap:0}.story-category-group:hover .story-festival-cluster{max-width:0;opacity:0;pointer-events:none}.story-category-group:hover .story-festival-circle{opacity:0;transform:translateX(-34px) scale(.8)}.story-category-group.is-pinned,.story-category-group.is-auto-open{gap:8px}.story-category-group.is-pinned .story-festival-cluster,.story-category-group.is-auto-open .story-festival-cluster{max-width:390px;opacity:1;pointer-events:auto}.story-category-group.is-pinned .story-festival-circle,.story-category-group.is-auto-open .story-festival-circle{opacity:1;transform:none}.story-circle b,.story-festival-circle b{min-height:25px;font-size:9.5px!important}.story-circle small{font-size:8.5px!important}

  /* Compact Olet Puan route. */
  .editorial-split{gap:8px!important}.editorial-split .puan-stage{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:9px!important;min-height:0!important;padding:11px!important;border-radius:16px!important}.puan-stage-art{align-self:start!important}.puan-stage-art img{width:58px!important;height:58px!important}.puan-stage-copy{min-width:0!important}.puan-stage-copy .eyebrow{font-size:8px!important}.puan-stage-copy h2{margin:4px 0!important;font-size:17px!important;line-height:1.08!important}.puan-stage-copy>p{display:-webkit-box!important;margin:0!important;overflow:hidden!important;font-size:10px!important;line-height:1.38!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}.puan-reward-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}.puan-reward-grid span{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 6px!important;min-height:54px!important;padding:7px!important}.puan-reward-grid span svg{grid-row:1/3!important}.puan-reward-grid b{font-size:9.5px!important;line-height:1.15!important}.puan-reward-grid small{font-size:8px!important;line-height:1.2!important}.puan-stage-copy .hero-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important}.puan-stage-copy .hero-actions .btn{min-height:36px!important;padding:7px!important;font-size:9px!important}.editorial-split .puan-stage:after{display:none!important}

  .archive-page-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;align-items:center!important;padding:13px!important}.archive-page-hero h1{font-size:clamp(1.72rem,8vw,2.2rem)!important}.archive-page-hero p{display:-webkit-box;overflow:hidden;font-size:11.5px;-webkit-box-orient:vertical;-webkit-line-clamp:4}.archive-page-hero img{width:58px!important;height:58px!important;margin:0!important}
  .archive-toolbar{position:sticky;top:56px;display:flex;align-items:center;margin-bottom:8px;padding:7px 8px;border-radius:14px}.archive-result-count{gap:5px}.archive-result-count b{font-size:13px}.archive-result-count span{display:none}.archive-result-count small{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:8.5px}.archive-control-actions{gap:5px}.archive-menu>summary{min-height:33px;padding:6px 8px;font-size:9.5px}.archive-popover{position:fixed;left:7px;right:7px;top:112px;width:auto;max-height:calc(100svh - 190px);border-radius:15px}.archive-check-grid{grid-template-columns:1fr 1fr}.archive-data-note{font-size:9.5px}.product-archive-grid{grid-template-columns:1fr!important;gap:9px!important}.product-archive-grid .product-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:9px!important;padding:8px!important}.product-archive-grid .product-card-visual{min-height:0!important}.product-archive-grid .product-frame{height:112px!important}.product-archive-grid .product-card-copy{padding:1px!important}.product-archive-grid .product-card h3{font-size:14px!important}.product-archive-grid .product-card-copy>p{display:-webkit-box!important;overflow:hidden!important;font-size:10.5px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.product-archive-grid .tag-row{display:none!important}.product-archive-grid .product-card-links{gap:4px!important}.product-archive-grid .text-button,.product-archive-grid .amazon-cta{font-size:9px!important;padding:6px!important}.product-archive-grid .card-tool-row{display:none!important}

  .mobile-dock{left:7px!important;right:7px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;z-index:92!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:initial!important;width:auto!important;max-width:520px!important;margin:auto!important;padding:5px!important;transform:none!important;gap:2px!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 93%,transparent)!important}.mobile-dock a,.mobile-dock button{appearance:none;display:grid!important;place-items:center!important;gap:2px!important;min-width:0!important;min-height:47px!important;padding:4px 2px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:var(--muted)!important;font:inherit!important;font-size:9px!important;font-weight:800!important;cursor:pointer}.mobile-dock a:active,.mobile-dock button:active{background:var(--surface-2)!important;transform:scale(.96)}.mobile-dock svg{width:16px;height:16px;color:var(--ink)}
  .go-top-button{position:fixed;left:9px;bottom:78px;z-index:91;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s ease}.go-top-button.is-visible{opacity:.82;visibility:visible;transform:none}.go-top-button svg{width:11px;height:11px}

  .site-footer{padding-bottom:94px!important}.footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}.footer-brand{grid-column:1/-1!important}.footer-brand p{max-width:none!important;font-size:11px!important}.footer-grid>div:not(.footer-brand){min-width:0!important}.footer-grid h3{margin-bottom:6px!important;font-size:12px!important}.footer-grid a{padding:2px 0!important;font-size:10.5px!important;line-height:1.35!important}.footer-region-nav{margin-top:15px!important}.footer-bottom{line-height:1.45!important}
}

@media(max-width:390px){
  .header-tools .points-chip{display:none!important}.header-shell{grid-template-columns:minmax(0,1fr) 38px 38px!important}
  .mobile-search-panel{grid-template-columns:minmax(0,1fr) 42px 32px}.mobile-search-panel .btn span{display:none}
  .home-hero-slider .home-hero-art{height:42svh!important;min-height:235px!important}.home-hero-slider .mobile-hero-extra .hero-actions{grid-template-columns:1fr!important}
  .archive-check-grid,.archive-mini-fields{grid-template-columns:1fr}.archive-switch{grid-column:auto}
  .product-archive-grid .product-card{grid-template-columns:98px minmax(0,1fr)!important}.product-archive-grid .product-frame{height:98px!important}
}

@media(prefers-reduced-motion:reduce){
  .story-category-group,.story-festival-cluster,.story-festival-circle,.mobile-hero-extra,.go-top-button{transition:none!important}
}

/* ========================= OLET V17 MOBILE + STORY POLISH ========================= */
/* Give enlarged category/festival orbs their own paint layer and enough internal
   breathing room, so their scale and glow stay above neighbouring circles and
   never disappear behind the story-strip border. */
.story-strip{position:relative;overflow:visible}
.story-scroller{position:relative;isolation:isolate;padding-top:28px;padding-right:28px;padding-bottom:20px;padding-left:28px;margin-top:-22px;margin-right:-26px;margin-bottom:-16px;margin-left:-26px;overflow-x:auto;overflow-y:hidden}
.story-category-group,.story-circle,.story-festival-circle,.story-orb,.story-festival-orb{position:relative}
.story-category-group{z-index:1}
.story-category-group:hover,.story-category-group.is-pinned,.story-category-group.is-auto-open{z-index:30}
.story-category-trigger:hover,.story-festival-circle:hover{z-index:60}
.story-category-trigger:hover .story-orb,.story-festival-circle:hover .story-festival-orb{z-index:61}
.story-category-group:hover .story-festival-cluster,.story-category-group.is-pinned .story-festival-cluster,.story-category-group.is-auto-open .story-festival-cluster{overflow:visible}

@media(max-width:760px){
  /* Search, theme and the original top hamburger all remain available. */
  .header-shell{grid-template-columns:minmax(0,1fr) 38px auto 38px!important;grid-template-areas:"brand search tools menu"!important;gap:5px!important}
  .brand-lockup{grid-area:brand!important;min-width:0!important}
  .mobile-search-toggle{grid-area:search!important}
  .mobile-menu-toggle{display:grid!important;grid-area:menu!important;width:38px!important;height:38px!important}
  .header-tools{grid-area:tools!important;display:flex!important;gap:4px!important}
  .header-tools>[data-help-toggle],.header-tools .points-chip{display:none!important}
  .header-tools>[data-theme-toggle]{display:grid!important;width:36px!important;height:36px!important}
  .header-tools .profile-btn{display:flex!important;width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
  .header-tools .profile-btn span{display:none!important}

  /* Header hamburger: traditional panel dropping down from the top. */
  .header-shell .main-nav{top:55px!important;bottom:auto!important;max-height:calc(100svh - 70px)!important;transform:translateY(-18px)!important;transform-origin:top center!important}
  .header-shell .main-nav.is-open{transform:translateY(0)!important}

  /* Dock hamburger: compact bottom sheet rising above the native-style dock. */
  body.menu-from-dock .header-shell .main-nav{top:auto!important;bottom:74px!important;max-height:calc(100svh - 150px)!important;border-radius:20px 20px 13px 13px!important;transform:translateY(22px)!important;transform-origin:bottom center!important}
  body.menu-from-dock .header-shell .main-nav.is-open{transform:translateY(0)!important}

  /* Closed hero has no artificial viewport-height spacer. Expanded content grows
     naturally and pushes the following category section down. */
  .home-hero-slider{min-height:0!important}
  .home-hero-slider.is-mobile-expanded .home-hero-copy>.eyebrow{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .home-hero-slider.is-mobile-expanded .home-hero-copy h1,
  .home-hero-slider.is-mobile-expanded.hero-title-medium .home-hero-copy h1,
  .home-hero-slider.is-mobile-expanded.hero-title-long .home-hero-copy h1{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .home-hero-slider.is-mobile-expanded .home-hero-copy>[data-hero-description]{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}

  /* Keep closed category circles close together on phones while preserving room
     above/below for the active glow. */
  .story-scroller{gap:1px!important;padding:25px 22px 18px!important;margin:-19px -20px -13px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .story-category-group{z-index:1}
  .story-category-group.is-pinned,.story-category-group.is-auto-open{z-index:30}
  .story-category-trigger:active,.story-festival-circle:active{z-index:60}
}

/* ========================= OLET V18 MOBILE NAV + SPACING FIXES ========================= */
.mobile-dock-backdrop,.mobile-dock-sheet,.mobile-dock-search{display:none}

@media(max-width:760px){
  /* App-like header/dock hand-off: only one primary navigation bar is visible. */
  .site-header{transition:transform .28s cubic-bezier(.2,.72,.25,1),box-shadow .22s ease;will-change:transform}
  body.mobile-header-hidden .site-header{transform:translateY(calc(-100% - 8px))}
  body.menu-open .site-header,body.mobile-search-active .site-header{transform:translateY(0)!important}

  .mobile-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(calc(100% + 22px))!important;transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.2,.72,.25,1)!important}
  .mobile-dock.is-visible,body.dock-menu-open .mobile-dock,body.dock-search-active .mobile-dock{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  body.dock-menu-open .mobile-dock,body.dock-search-active .mobile-dock{z-index:97!important}

  /* Current destination gets a quiet rounded tile, not a loud full-width state. */
  .mobile-dock a,.mobile-dock button{position:relative;isolation:isolate;overflow:hidden}
  .mobile-dock a>* ,.mobile-dock button>*{position:relative;z-index:2}
  .mobile-dock a.is-active,.mobile-dock button.is-active{color:var(--ink)!important}
  .mobile-dock a.is-active:before,.mobile-dock button.is-active:before{content:"";position:absolute;inset:3px 5px;z-index:1;border:1px solid color-mix(in srgb,var(--coral) 20%,var(--line));border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--coral) 10%,var(--surface)),color-mix(in srgb,var(--brand) 8%,var(--surface)));box-shadow:0 5px 15px color-mix(in srgb,var(--coral) 9%,transparent)}
  .mobile-dock a.is-active svg,.mobile-dock button.is-active svg{color:var(--coral)!important}

  /* Dedicated dock bottom sheet. It no longer depends on the header nav's
     stacking context, which caused a blurred backdrop with an invisible menu. */
  .mobile-dock-backdrop{position:fixed;inset:0;z-index:93;display:block;background:rgba(22,30,42,.28);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
  .mobile-dock-backdrop.is-open{opacity:1;visibility:visible}
  .mobile-dock-sheet{position:fixed;left:7px;right:7px;bottom:76px;z-index:96;display:block;max-height:calc(100svh - 148px);padding:12px;overflow:auto;border:1px solid var(--line);border-radius:21px 21px 14px 14px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 -18px 65px rgba(22,34,45,.24);opacity:0;visibility:hidden;transform:translateY(28px) scale(.985);transform-origin:bottom center;transition:opacity .22s ease,visibility .22s ease,transform .3s cubic-bezier(.2,.78,.22,1)}
  .mobile-dock-sheet.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
  .mobile-dock-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px;border-bottom:1px solid var(--line)}
  .mobile-dock-sheet-head>span{display:grid}.mobile-dock-sheet-head b{font-size:14px}.mobile-dock-sheet-head small{color:var(--muted);font-size:9px;font-weight:800}
  .mobile-dock-sheet-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;background:var(--surface-2);color:var(--ink)}
  .mobile-dock-sheet>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0}
  .mobile-dock-sheet>nav a{display:flex;align-items:center;gap:8px;min-width:0;min-height:43px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--ink);font-size:10.5px;font-weight:850;text-decoration:none}
  .mobile-dock-sheet>nav a svg{flex:0 0 auto;width:14px;height:14px;color:var(--coral)}
  .mobile-dock-sheet>nav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-dock-sheet-social{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:9px;border-top:1px solid var(--line)}
  .mobile-dock-sheet-social a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 90%,var(--brand) 10%);color:var(--ink);font-size:10px;font-weight:900}
  body.dock-menu-open{overflow:hidden}

  /* Dock search is independent from the header search. It stays directly above
     the visible dock and never summons the hidden header. */
  .mobile-dock-search{position:fixed;left:7px;right:7px;bottom:76px;z-index:96;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:end;gap:7px;width:auto;max-width:520px;margin:auto;padding:10px;border:1px solid var(--line);border-radius:18px 18px 13px 13px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 -16px 56px rgba(22,34,45,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.99);transform-origin:bottom center;transition:opacity .2s ease,visibility .2s ease,transform .28s cubic-bezier(.2,.78,.22,1)}
  .mobile-dock-search.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .mobile-dock-search label{display:grid;gap:4px;min-width:0}.mobile-dock-search label span{color:var(--muted);font-size:9px;font-weight:900}.mobile-dock-search input{width:100%;height:39px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:16px!important;line-height:1.2;outline:0;touch-action:manipulation}.mobile-dock-search .btn{min-height:39px;padding:8px 11px}.mobile-dock-search-close{display:grid;place-items:center;width:34px;height:39px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink)}

  /* Exact closed widths stop long Turkish labels from creating irregular gaps. */
  .story-scroller{gap:8px!important}
  .story-category-group{flex:0 0 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important}
  .story-category-group.is-pinned,.story-category-group.is-auto-open{flex-basis:auto!important;width:auto!important;max-width:none!important}
  .story-category-trigger{flex:0 0 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important}
  .story-festival-cluster{gap:8px!important}
  .story-circle b{overflow-wrap:anywhere}

  /* iOS focuses inputs smaller than 16px by zooming the viewport. */
  .mobile-search-panel input{font-size:16px!important;line-height:1.2;touch-action:manipulation}
}

@media(max-width:390px){
  .header-shell{grid-template-columns:minmax(0,1fr) 36px auto 36px!important;grid-template-areas:"brand search tools menu"!important}
  .mobile-dock-sheet>nav{grid-template-columns:1fr 1fr}
  .mobile-dock-search{grid-template-columns:minmax(0,1fr) 42px 32px}.mobile-dock-search .btn span{display:none}.mobile-dock-search-close{width:32px}
}

html[data-theme="dark"] .mobile-dock-backdrop{background:rgba(0,0,0,.58)}
html[data-theme="dark"] .mobile-dock-sheet,html[data-theme="dark"] .mobile-dock-search{background:color-mix(in srgb,var(--surface) 97%,#000)}
@media(max-width:760px){
  .mobile-dock a.is-panel-active,.mobile-dock button.is-panel-active{color:var(--ink)!important}
  .mobile-dock a.is-panel-active:before,.mobile-dock button.is-panel-active:before{content:"";position:absolute;inset:3px 5px;z-index:1;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--line));border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--coral) 13%,var(--surface)),color-mix(in srgb,var(--brand) 10%,var(--surface)));box-shadow:0 5px 15px color-mix(in srgb,var(--coral) 11%,transparent)}
  .mobile-dock a.is-panel-active svg,.mobile-dock button.is-panel-active svg{color:var(--coral)!important}
}


/* Olet V20 — keep share popovers inside the viewport on edge cards. */
.share-menu{max-width:calc(100vw - 16px)}
.share-wrap.share-open-left .share-menu{left:0;right:auto}
.share-wrap.share-open-right .share-menu{right:0;left:auto}

/* Olet V13 admin festival isolation + manual builder */
.admin-success{border:1px solid #2d8b57!important;background:rgba(45,139,87,.08)!important}
.admin-danger{border:1px solid #b53b3b!important;background:rgba(181,59,59,.08)!important}
.admin-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.admin-form-grid>label{display:flex;flex-direction:column;gap:7px}
.admin-span-2{grid-column:1/-1}
.admin-check{flex-direction:row!important;align-items:flex-start!important;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.admin-check input{width:auto!important;margin-top:3px}
.admin-list-search{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;gap:10px;margin:14px 0 20px}
.admin-list-search input,.admin-list-search select{width:100%}
.admin-internal{margin-top:18px;padding:13px 15px;border:1px dashed var(--line);border-radius:12px}
.admin-internal code{display:block;overflow:auto;padding:10px;margin-top:8px;background:var(--surface);border-radius:8px}
.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.wizard-progress span{padding:12px;border:1px solid var(--line);border-radius:12px;text-align:center;font-weight:700;opacity:.55}
.wizard-progress span.is-active{opacity:1;border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent)}
.wizard-step{display:none}
.wizard-step.is-active{display:block}
.wizard-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}
.wizard-actions>span{flex:1}
.manual-product-block{padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,var(--brand) 4%);margin-bottom:14px}
.manual-product-block>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.admin-isolation-note{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #2d8b57;border-radius:14px;background:rgba(45,139,87,.08)}
@media(max-width:860px){.admin-form-grid{grid-template-columns:1fr}.admin-span-2{grid-column:auto}.admin-card-heading{flex-direction:column}.admin-list-search{grid-template-columns:1fr}.wizard-progress{grid-template-columns:1fr}.wizard-actions{flex-wrap:wrap;justify-content:flex-start}}
/* ===== Fix Olet Points Reward Grid ===== */

.puan-reward-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(260px,1fr));
    gap:16px;
    margin-top:18px;
}

.puan-reward-grid > span{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface);
}

.puan-reward-grid > span i,
.puan-reward-grid > span svg{
    flex:0 0 22px;
    width:22px;
    margin-top:2px;
}

.puan-reward-grid > span b{
    display:block;
    margin-bottom:4px;
    font-size:15px;
    line-height:1.2;
}

.puan-reward-grid > span small{
    display:block;
    width:100%;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-break:auto;
    font-size:13px;
    line-height:1.45;
    color:var(--muted);
}

@media (max-width:768px){
    .puan-reward-grid{
        grid-template-columns:1fr;
    }
}

/* V14 — deep VS comparison experience */
.vs-pro-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:24px;margin-top:16px;padding:30px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 8% 0,#fff4d9 0,transparent 30%),linear-gradient(135deg,#fffaf0,#edf8f5 65%,#f5f2ff);box-shadow:var(--shadow)}
.vs-pro-hero-copy h1{max-width:1050px;margin:8px 0 12px;font-size:clamp(2.7rem,4.8vw,5.4rem);line-height:1.02;letter-spacing:-.04em}.vs-pro-hero-copy h1 em{display:inline-grid;place-items:center;margin:0 .14em;padding:.1em .25em;border-radius:.38em;background:#1d3542;color:#fff;font-size:.44em;font-style:normal;letter-spacing:.03em;vertical-align:.28em}.vs-pro-hero-copy>p{max-width:82ch;color:var(--muted);font-size:15px}
.vs-pro-verdict-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 14px;align-items:center;max-width:900px;margin-top:20px;padding:15px 17px;border:1px solid rgba(119,84,28,.18);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:var(--shadow-xs)}.vs-pro-verdict-summary span{padding:5px 8px;border-radius:999px;background:var(--gold-soft);color:#805d22;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.vs-pro-verdict-summary strong{font-size:18px}.vs-pro-verdict-summary b{font-size:28px}.vs-pro-verdict-summary small{grid-column:1/-1;color:var(--muted);line-height:1.55}
.vs-pro-hero-score{display:grid;align-content:center;gap:10px}.vs-pro-hero-score article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.78)}.vs-pro-hero-score article.is-winner{border-color:#d5a951;box-shadow:0 10px 30px rgba(161,116,38,.12)}.vs-pro-hero-score article span{font-size:12px;font-weight:700}.vs-pro-hero-score article b{grid-row:1/3;grid-column:2;font-size:31px}.vs-pro-hero-score article small{color:var(--muted)}.vs-pro-hero-score>strong{justify-self:center;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1d3542;color:#fff;font-size:11px}

.vs-pro-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.vs-pro-product-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}.vs-pro-product-card.is-winner{border-color:#d7ae5d;box-shadow:0 20px 50px rgba(119,84,28,.13)}.vs-pro-product-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.vs-pro-product-head span{color:#8b6a31;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vs-pro-product-head b{font-size:18px}.vs-pro-gallery{padding:16px 16px 5px}.vs-pro-gallery .main-product-frame{height:min(48vw,430px);min-height:300px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.vs-pro-gallery .main-product-frame img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:8%!important;background:#fff!important}.vs-pro-gallery .thumb-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.vs-pro-gallery .thumb-strip button{min-width:0}.vs-pro-gallery>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.vs-pro-product-copy{padding:12px 18px 20px}.vs-pro-product-copy h2{margin:5px 0 9px;font-size:clamp(1.65rem,2.4vw,2.8rem);line-height:1.08}.vs-pro-product-copy>p{color:var(--muted);line-height:1.7}.vs-pro-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.vs-pro-meta span{padding:6px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}

.vs-pro-decision{padding:28px}.vs-pro-score-table{overflow:hidden;border:1px solid var(--line);border-radius:18px}.vs-pro-score-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.vs-pro-score-row:last-child{border-bottom:0}.vs-pro-score-row>span{display:grid;gap:3px}.vs-pro-score-row>span strong{font-size:12px}.vs-pro-score-row small{color:var(--muted);font-size:10px}.vs-pro-score-row>div{display:grid;grid-template-columns:auto minmax(80px,1fr);gap:4px 9px;align-items:center}.vs-pro-score-row>div>b{font-size:18px}.vs-pro-score-row>div>i{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.vs-pro-score-row>div>i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--gold))}.vs-pro-score-row>div>small{grid-column:1/-1}.vs-pro-score-row.is-head{background:var(--surface-2);font-size:11px}.vs-pro-score-row.is-head b{font-size:11px}.vs-pro-score-row.is-total{background:linear-gradient(135deg,#fff8e9,#f0f8f6)}.vs-pro-score-row.is-total>div{display:block}.vs-pro-score-row.is-total>div b{display:block;font-size:24px}.vs-pro-method-note{margin-top:14px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.vs-pro-method-note>b{display:flex;gap:7px;align-items:center}.vs-pro-method-note p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.65}

.vs-pro-strengths,.vs-pro-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.vs-pro-strengths>article,.vs-pro-editorial>article{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.vs-pro-strengths h2,.vs-pro-editorial h2{margin:6px 0 14px;font-size:28px}.vs-pro-procon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vs-pro-procon>div{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.vs-pro-procon h3{display:flex;gap:7px;align-items:center;margin:0 0 8px;font-size:14px}.vs-pro-procon ul{display:grid;gap:7px;margin:0;padding-left:17px}.vs-pro-procon li,.vs-pro-procon p{color:var(--muted);font-size:12px;line-height:1.55}.vs-pro-procon p{margin:0}

.vs-pro-scenarios{padding:28px}.vs-pro-scenario-table{overflow:hidden;border:1px solid var(--line);border-radius:18px}.vs-pro-scenario-row{display:grid;grid-template-columns:170px repeat(2,minmax(0,1fr));gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:start}.vs-pro-scenario-row:last-child{border-bottom:0}.vs-pro-scenario-row>strong{font-size:12px}.vs-pro-scenario-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.vs-pro-scenario-row p em{opacity:.7}.vs-pro-scenario-row.is-head{background:var(--surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.vs-pro-editorial>article>p{color:var(--muted);line-height:1.75}.vs-pro-best-signal{display:grid;gap:3px;margin:18px 0 12px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}.vs-pro-best-signal span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.vs-pro-best-signal b{font-size:13px}

.vs-pro-final{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:24px;align-items:center;margin-top:18px;padding:28px;border:1px solid #d7ae5d;border-radius:28px;background:radial-gradient(circle at 10% 10%,#ffe7ad 0,transparent 28%),linear-gradient(135deg,#fff8e7,#eff8f5);box-shadow:var(--shadow)}.vs-pro-final-media .product-frame{height:350px;border-radius:22px}.vs-pro-final h2{margin:6px 0;font-size:clamp(2.4rem,4vw,4.6rem)}.vs-pro-final>div>p{max-width:80ch;color:var(--muted);line-height:1.7}.vs-pro-final .vs-pro-verdict-summary{display:block;max-width:none;margin:12px 0}.vs-pro-faq details{margin-top:8px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.vs-pro-faq summary{cursor:pointer;font-weight:800}.vs-pro-faq p{margin:8px 0 0;color:var(--muted);line-height:1.65}

html[data-theme="dark"] .vs-pro-hero,html[data-theme="dark"] .vs-pro-final{background:radial-gradient(circle at 8% 0,rgba(188,139,49,.18) 0,transparent 30%),linear-gradient(135deg,#172637,#202d39)}
html[data-theme="dark"] .vs-pro-verdict-summary,html[data-theme="dark"] .vs-pro-hero-score article{background:rgba(23,35,47,.86);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .vs-pro-score-row.is-total{background:linear-gradient(135deg,#202b36,#1d3034)}
html[data-theme="dark"] .vs-pro-product-card.is-winner,html[data-theme="dark"] .vs-pro-final{border-color:rgba(214,171,86,.48)}

@media(max-width:980px){
  .vs-pro-hero{grid-template-columns:1fr}.vs-pro-hero-score{grid-template-columns:1fr auto 1fr;align-items:stretch}.vs-pro-hero-score>strong{align-self:center}
  .vs-pro-products,.vs-pro-strengths,.vs-pro-editorial{grid-template-columns:1fr}.vs-pro-gallery .main-product-frame{height:430px}
  .vs-pro-final{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:720px){
  .vs-pro-hero,.vs-pro-decision,.vs-pro-scenarios,.vs-pro-final{padding:18px;border-radius:20px}
  .vs-pro-hero-copy h1{font-size:2.75rem}.vs-pro-verdict-summary{grid-template-columns:1fr}.vs-pro-verdict-summary b{font-size:24px}.vs-pro-verdict-summary small{grid-column:1}
  .vs-pro-hero-score{grid-template-columns:1fr}.vs-pro-hero-score>strong{width:38px;height:38px}
  .vs-pro-products{gap:12px}.vs-pro-product-card{border-radius:20px}.vs-pro-gallery .main-product-frame{height:330px;min-height:0}.vs-pro-gallery .thumb-strip{display:flex;overflow:auto}.vs-pro-gallery .thumb-strip button{min-width:58px;width:58px;height:58px}
  .vs-pro-score-table,.vs-pro-scenario-table{overflow:auto}.vs-pro-score-row{min-width:720px}.vs-pro-scenario-row{min-width:760px}
  .vs-pro-procon{grid-template-columns:1fr}.vs-pro-strengths>article,.vs-pro-editorial>article{padding:17px}.vs-pro-final{grid-template-columns:1fr}.vs-pro-final-media .product-frame{height:260px}
}

/* V.S gallery image-fit fix — keep product images fully inside their frames */
.vs-pro-gallery .main-product-frame .olet-product-img{
  width:86%!important;
  height:86%!important;
  max-width:86%!important;
  max-height:86%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
.vs-pro-gallery .thumb-strip button{
  display:grid!important;
  place-items:center!important;
}
.vs-pro-gallery .thumb-strip .olet-product-img{
  width:82%!important;
  height:82%!important;
  max-width:82%!important;
  max-height:82%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
.vs-pro-final-media .product-frame .olet-product-img{
  width:88%!important;
  height:88%!important;
  max-width:88%!important;
  max-height:88%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* V14.2 — V.S 900x900 image geometry + compact hero + evidence-note polish */
.vs-pro-gallery .main-product-frame{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.vs-pro-gallery .main-product-frame .olet-product-img,
.vs-pro-gallery .main-product-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  transform:none!important;
}
.vs-pro-gallery .thumb-strip button{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.vs-pro-gallery .thumb-strip .olet-product-img,
.vs-pro-gallery .thumb-strip button img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  transform:none!important;
}
.vs-pro-final-media{width:100%!important;min-width:0!important;}
.vs-pro-final-media .product-frame{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.vs-pro-final-media .product-frame .olet-product-img,
.vs-pro-final-media .product-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  transform:none!important;
}

.vs-pro-hero{
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr)!important;
  gap:15px!important;
  padding:16px 18px!important;
  border-radius:20px!important;
}
.vs-pro-hero-copy h1{
  max-width:none!important;
  margin:5px 0 7px!important;
  font-size:clamp(.88rem,1.05vw,1.08rem)!important;
  line-height:1.28!important;
  letter-spacing:-.012em!important;
}
.vs-pro-hero-copy h1 em{
  margin:0 .22em!important;
  padding:.18em .36em!important;
  font-size:.72em!important;
  vertical-align:.08em!important;
}
.vs-pro-hero-copy>p{margin:4px 0!important;font-size:12px!important;line-height:1.55!important;}
.vs-pro-hero .vs-pro-verdict-summary{margin-top:10px!important;padding:10px 12px!important;}
.vs-pro-hero-score{gap:6px!important;}
.vs-pro-hero-score article{padding:10px 12px!important;border-radius:14px!important;}
.vs-pro-hero-score article b{font-size:24px!important;}
.vs-pro-hero-score>strong{width:34px!important;height:34px!important;font-size:9px!important;}

.vs-pro-note-source{display:block;margin:-2px 0 8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.vs-pro-procon ul{margin-top:0!important;}

@media(max-width:980px){
  .vs-pro-hero{grid-template-columns:1fr!important;}
  .vs-pro-hero-score{grid-template-columns:1fr auto 1fr!important;}
}
@media(max-width:720px){
  .vs-pro-hero{padding:13px 14px!important;border-radius:16px!important;}
  .vs-pro-hero-copy h1{font-size:.92rem!important;line-height:1.3!important;}
  .vs-pro-hero-score{grid-template-columns:1fr!important;}
  .vs-pro-gallery .thumb-strip button{flex:0 0 58px!important;width:58px!important;height:58px!important;}
  .vs-pro-final-media .product-frame{width:min(100%,360px)!important;margin-inline:auto!important;}
}

/* V15 — compact VS product media + controlled same-festival VS builder */
.vs-pro-gallery .main-product-frame,
.vs-pro-gallery .thumb-strip,
.vs-pro-gallery>small{
  width:min(100%,560px)!important;
  margin-inline:auto!important;
}

body.vs-modal-open{overflow:hidden!important;}
.vs-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:16px!important;
  z-index:10000!important;
  place-items:center!important;
  background:rgba(8,15,28,.72)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  overflow:auto!important;
}
.vs-modal-card{
  width:min(980px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
  padding:24px!important;
}
.vs-modal-card .vs-smart-builder,
.vs-builder .vs-smart-builder{
  display:block!important;
  grid-template-columns:none!important;
  margin-top:14px!important;
}
.vs-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.vs-picker{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);transition:opacity .18s ease,border-color .18s ease,box-shadow .18s ease;}
.vs-picker.is-open{border-color:rgba(33,111,96,.35);box-shadow:0 12px 28px rgba(23,33,60,.08);}
.vs-picker.is-disabled{opacity:.54;}
.vs-picker-step{display:block;margin:0 0 6px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.vs-picker-trigger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;font-size:12px;font-weight:800;line-height:1.35;}
.vs-picker-trigger span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vs-picker-trigger svg{flex:0 0 auto;transition:transform .18s ease;}
.vs-picker.is-open .vs-picker-trigger svg{transform:rotate(180deg);}
.vs-picker-trigger:disabled{cursor:not-allowed;}
.vs-picker-menu{margin-top:8px;max-height:min(52vh,520px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 18px 45px rgba(23,33,60,.12);}
.vs-picker-menu[hidden]{display:none!important;}
.vs-picker-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 5px 10px;border-bottom:1px solid var(--line);}
.vs-picker-menu-head>div{display:grid;gap:2px;}.vs-picker-menu-head b{font-size:12px}.vs-picker-menu-head small{color:var(--muted);font-size:9px;}
.vs-picker-menu-head>button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:18px;line-height:1;}
.vs-picker-categories{display:grid;gap:6px;padding-top:8px;}
.vs-picker-category{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
.vs-picker-category>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;list-style:none;font-size:12px;font-weight:900;}
.vs-picker-category>summary::-webkit-details-marker{display:none;}
.vs-picker-category>summary:after{content:'+';display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);font-size:15px;}
.vs-picker-category[open]>summary:after{content:'−';}
.vs-picker-category>summary small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:800;}
.vs-picker-products{display:grid;gap:5px;padding:0 7px 7px;}
.vs-picker-products>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:var(--surface-2);text-align:left;}
.vs-picker-products>button:hover{border-color:rgba(33,111,96,.25);background:var(--surface);}
.vs-picker-products>button.is-selected{border-color:var(--teal);background:rgba(33,111,96,.08);}
.vs-picker-products>button span{min-width:0;font-size:11px;font-weight:750;line-height:1.35;}
.vs-picker-products>button small{flex:0 0 auto;color:var(--muted);font-size:9px;font-weight:800;}
.vs-picker-products-right{padding-top:8px;}
.vs-picker-empty{margin:4px;padding:12px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:11px;}
.vs-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}
.vs-builder-actions p{margin:0;color:var(--muted);font-size:10px;line-height:1.45;}
.vs-builder-actions .btn{flex:0 0 auto;}
.vs-builder-actions .btn:disabled{cursor:not-allowed;opacity:.45;}

html[data-theme="dark"] .vs-modal{background:rgba(2,7,16,.78)!important;}
html[data-theme="dark"] .vs-picker,html[data-theme="dark"] .vs-picker-trigger,html[data-theme="dark"] .vs-picker-menu,html[data-theme="dark"] .vs-picker-category{border-color:rgba(255,255,255,.11);}

@media(max-width:980px){
  .vs-pro-gallery .main-product-frame,.vs-pro-gallery .thumb-strip,.vs-pro-gallery>small{width:min(100%,440px)!important;}
}
@media(max-width:720px){
  .vs-pro-gallery .main-product-frame,.vs-pro-gallery .thumb-strip,.vs-pro-gallery>small{width:min(100%,310px)!important;}
  .vs-modal{padding:8px!important;align-items:start!important;}
  .vs-modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:18px 12px!important;border-radius:18px!important;}
  .vs-picker-grid{grid-template-columns:1fr;}
  .vs-picker-menu{max-height:42vh;}
  .vs-builder-actions{align-items:stretch;flex-direction:column;}
  .vs-builder-actions .btn{width:100%;}
}


/* V16 — VS archive picker overlays its fixed section instead of increasing page height. */
.vs-builder{
  position:relative!important;
  overflow:visible!important;
  z-index:20;
}
.vs-builder .vs-smart-builder{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
}
.vs-builder .vs-picker{
  position:relative!important;
}
.vs-builder .vs-picker.is-open{
  z-index:120!important;
}
.vs-builder .vs-picker-menu{
  position:absolute!important;
  top:calc(100% - 4px)!important;
  left:12px!important;
  right:12px!important;
  z-index:150!important;
  margin-top:8px!important;
  width:auto!important;
  max-height:min(54vh,480px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  box-shadow:0 24px 60px rgba(15,25,44,.20)!important;
}
@media(max-width:720px){
  .vs-builder .vs-picker-menu{
    left:8px!important;
    right:8px!important;
    max-height:min(52vh,420px)!important;
  }
}

/* V17 — paged VS archive controls. Scoped to /vs archive only. */
.vs-archive-toolbar{
  width:var(--container);
  margin:0 auto 18px;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.vs-archive-count{display:flex;align-items:baseline;gap:8px;min-width:0;}
.vs-archive-count b{font-size:24px;line-height:1;font-weight:950;}
.vs-archive-count span{color:var(--muted);font-size:11px;font-weight:800;}
.vs-archive-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:9px;align-items:end;}
.vs-archive-filter-form label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.vs-archive-filter-form select{width:100%;min-width:0;height:42px;padding:0 34px 0 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:750;text-transform:none;letter-spacing:0;}
.vs-archive-filter-form .btn{min-height:42px;white-space:nowrap;}
.vs-archive-pagination{width:var(--container);margin:-8px auto 38px;}
html[data-theme="dark"] .vs-archive-toolbar{background:#172033!important;border-color:rgba(255,255,255,.11)!important;}
html[data-theme="dark"] .vs-archive-filter-form select{background:#202c42;color:#eef2f5;border-color:rgba(255,255,255,.12);}
@media(max-width:1100px){
  .vs-archive-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vs-archive-filter-form .btn{width:100%;}
}
@media(max-width:620px){
  .vs-archive-toolbar{padding:11px;border-radius:14px;}
  .vs-archive-filter-form{grid-template-columns:1fr;}
  .vs-archive-count b{font-size:20px;}
}

/* OLET INTERNATIONAL REGION SELECTOR V2 — centered, flags, upward popup */
.site-footer>.footer-region-selector{position:relative;width:min(470px,calc(100% - 28px));max-width:470px;margin:22px auto 0;text-align:left;z-index:40}
.footer-region-selector summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.05);text-align:center}
.footer-region-selector summary::-webkit-details-marker{display:none}.footer-region-selector[open] summary{background:rgba(255,255,255,.09)}.footer-region-selector summary>span:first-child{flex:1;text-align:center}
.footer-region-selector .footer-region-popover{position:absolute;left:50%;right:auto;top:auto;bottom:calc(100% + 10px);display:grid;gap:7px;width:min(470px,calc(100vw - 28px));max-height:min(62vh,430px);margin:0;padding:9px;overflow:auto;transform:translateX(-50%);border-radius:16px;background:#151515;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.32);z-index:100}
.footer-region-selector .footer-region-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 11px;border-radius:11px;text-decoration:none;color:inherit}.footer-region-selector .footer-region-option:hover,.footer-region-selector .footer-region-option.is-active{background:rgba(255,255,255,.09)}
.footer-region-selector .flag{font-size:26px;line-height:1}.footer-region-selector .copy{display:grid;gap:1px}.footer-region-selector .copy b{font-size:13px}.footer-region-selector .copy small{font-size:10.5px;opacity:.68;line-height:1.35}

/* V18 — complete festival summary + product insight reader. */
.olet-insight-reader{position:relative;margin:16px 0 20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 10px 28px rgba(30,42,65,.05)}
.insight-reader-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.insight-reader-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--gold-soft);color:#8b6a31;font-size:16px}
.insight-reader-head h3{margin:3px 0 2px;font-size:22px;line-height:1.1}.insight-reader-head p{margin:0;color:var(--muted);font-size:10px;font-weight:700}
.insight-reader-body{position:relative;display:grid;gap:10px;transition:max-height .32s ease}
.insight-reader-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}
.insight-text-paragraphs{display:grid;gap:10px}
.insight-text-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.insight-section-index{display:grid;place-items:center;align-self:start;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--gold-soft),var(--surface-3));color:#7f602c;font-size:11px;font-weight:900}
.olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body{max-height:340px;overflow:hidden}
.olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after{content:'';position:absolute;left:0;right:0;bottom:0;height:92px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface-2))}
.insight-reader-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:900;cursor:pointer}
.insight-reader-toggle [data-less]{display:none}.olet-insight-reader.is-expanded .insight-reader-toggle [data-more]{display:none}.olet-insight-reader.is-expanded .insight-reader-toggle [data-less]{display:inline}.olet-insight-reader.is-expanded .insight-reader-toggle i{transform:rotate(180deg)}.insight-reader-toggle i{transition:transform .2s ease}
.olet-insight-reader.is-compact{margin:8px 0 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.olet-insight-reader.is-compact .insight-reader-body{gap:6px}.olet-insight-reader.is-compact .insight-reader-body p{color:inherit;font-size:14px;line-height:1.62}
.olet-insight-reader.is-compact .insight-text-section{grid-template-columns:28px minmax(0,1fr);padding:8px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.olet-insight-reader.is-compact .insight-section-index{width:25px;height:25px;border-radius:8px}
.olet-insight-reader.is-compact.is-collapsible:not(.is-expanded) .insight-reader-body{max-height:148px}.olet-insight-reader.is-compact.is-collapsible:not(.is-expanded) .insight-reader-body:after{height:55px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface))}
.olet-insight-reader.is-compact .insight-reader-toggle{width:auto;min-width:142px;margin-top:7px;padding:8px 11px;background:var(--surface-2)}
.product-full-insight-block{margin-bottom:22px}.product-full-insight-block+.longform{padding-top:2px}
.award-hero-lead-full{max-width:76ch!important}
html[data-theme="dark"] .olet-insight-reader{background:linear-gradient(145deg,var(--surface),var(--surface-2))}html[data-theme="dark"] .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after{background:linear-gradient(180deg,rgba(23,32,51,0),var(--surface-2))}html[data-theme="dark"] .olet-insight-reader.is-compact.is-collapsible:not(.is-expanded) .insight-reader-body:after{background:linear-gradient(180deg,rgba(23,32,51,0),var(--surface))}
@media(max-width:620px){
  .award-hero-lead-full{display:block!important;max-width:none!important;margin-bottom:8px!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  .olet-insight-reader{margin:12px 0 16px;padding:12px;border-radius:14px}.insight-reader-head{gap:9px;margin-bottom:10px;padding-bottom:10px}.insight-reader-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.insight-reader-head h3{font-size:18px}
  .insight-reader-body p{font-size:13px;line-height:1.66}.insight-text-section{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px}.insight-section-index{width:27px;height:27px}
  .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body{max-height:285px}.olet-insight-reader.is-compact.is-collapsible:not(.is-expanded) .insight-reader-body{max-height:132px}
  .olet-insight-reader.is-compact .insight-reader-body p{font-size:12.5px;line-height:1.58}.olet-insight-reader.is-compact .insight-reader-toggle{min-width:132px;font-size:10px}
}

/* V19 — strict summary ranking, single full-insight presentation, mobile swipe polish. */
.award-hero-summary,.product-hero-summary{max-width:72ch;margin:8px 0 12px;color:var(--muted);font-size:14px;line-height:1.65}
.festival-ranked-reader .insight-reader-body{gap:12px}
.festival-summary-intro{padding:12px 14px;border-left:3px solid var(--teal);border-radius:0 13px 13px 0;background:var(--surface-3)}
.festival-rank-summary-list{display:grid;gap:12px}
.festival-rank-summary{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.festival-rank-summary>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--surface-2),var(--surface))}
.festival-rank-summary>header small{display:block;color:#8b6a31;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.festival-rank-summary>header h4{margin:2px 0 0;font-size:16px;line-height:1.24}
.festival-rank-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--gold-soft),var(--surface-3));color:#7f602c;font-size:11px;font-weight:900}
.festival-rank-summary.rank-1{border-color:rgba(206,160,68,.42);box-shadow:0 12px 28px rgba(119,84,28,.08)}
.festival-rank-summary.rank-1 .festival-rank-badge{background:linear-gradient(135deg,#fff1c8,#e6b85f);color:#694b15}
.festival-rank-copy{padding:13px 14px}.festival-rank-copy .insight-text-paragraphs{gap:9px}
.festival-summary-parse-note{margin:10px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-3);font-size:11px!important}
.product-gallery .main-product-frame{touch-action:pan-y;cursor:grab}.product-gallery .main-product-frame:active{cursor:grabbing}
.thumb-strip button.is-active{border-color:#b98c3d!important;box-shadow:0 0 0 2px rgba(185,140,61,.13)}
@media(min-width:621px){.showcase-finalist.showcase-extra{display:none!important}}
@media(max-width:620px){
  .award-hero-v115{display:flex!important;flex-direction:column!important}
  .award-showcase-v115{order:-1!important;margin-bottom:2px!important}
  .award-hero-summary,.product-hero-summary{font-size:12.5px!important;line-height:1.55!important}
  .showcase-finalist.showcase-extra{display:grid!important}
  .showcase-podium-v115{touch-action:pan-x pan-y!important;overscroll-behavior-inline:contain!important;scroll-padding-inline:2px!important}
  .showcase-finalist.rank-1{flex-basis:min(90%,300px)!important}
  .showcase-finalist.rank-1 .showcase-product-link .product-frame{width:104px!important;height:104px!important}
  .festival-ranked-reader{padding:11px!important}
  .festival-rank-summary>header{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding:10px!important}
  .festival-rank-summary>header .text-button{grid-column:2;margin-top:2px;font-size:10px!important}
  .festival-rank-summary>header h4{font-size:14px!important}
  .festival-rank-copy{padding:11px!important}.festival-rank-copy p{font-size:12.5px!important;line-height:1.62!important}
  .festival-summary-intro{padding:10px 11px!important}
  .product-gallery .thumb-strip{display:flex!important;grid-template-columns:none!important;gap:6px!important;padding:2px 1px 7px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  .product-gallery .thumb-strip::-webkit-scrollbar{height:4px}.product-gallery .thumb-strip::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(23,33,60,.18)}
  .product-gallery .thumb-strip button{flex:0 0 64px!important;width:64px!important;height:64px!important;min-width:64px!important;scroll-snap-align:start!important}
}

/* V20 — compact heroes, wider editorial insight, mobile finalist/comparison polish, thumbnail galleries, admin bulk controls. */
.award-hero-v115 h1{max-width:22ch!important;font-size:clamp(1.7rem,2.65vw,3rem)!important;line-height:1.04!important;letter-spacing:-.035em!important}
.product-detail-copy h1{font-size:clamp(1.65rem,2.5vw,2.85rem)!important;line-height:1.06!important;letter-spacing:-.035em!important}
.festival-intro-grid{display:block!important}
.festival-intro-copy{min-width:0!important;width:100%!important}
.festival-intro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
.festival-intro-head>div:first-child{min-width:0;max-width:850px}
.festival-intro-head h2{margin-bottom:0!important}
.festival-intro-facts{display:flex!important;grid-template-columns:none!important;flex:0 0 auto;gap:5px!important;margin:0!important;padding-top:2px}
.festival-intro-facts article{display:grid!important;gap:1px!important;min-width:74px;padding:7px 9px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important;text-align:left!important;box-shadow:none!important}
.festival-intro-facts b{font-size:14px!important;line-height:1!important}
.festival-intro-facts span{font-size:8.5px!important;line-height:1.15!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.festival-ranked-reader{width:100%!important;max-width:none!important}
.insight-reader-head>div{min-width:0}

.product-mini-gallery{position:relative;display:block;min-width:0;touch-action:pan-y;user-select:none}
.product-mini-gallery.mini-size-xxs{width:52px;min-width:52px;flex:0 0 52px}
.product-mini-gallery.mini-size-xs,.product-mini-gallery.mini-size-sm,.product-mini-gallery.mini-size-md{width:100%}
.product-mini-gallery>.product-frame{width:100%!important}
.mini-gallery-arrow,.main-gallery-arrow{position:absolute;z-index:8;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,255,255,.9);color:#29364f;box-shadow:0 4px 14px rgba(30,42,65,.12);cursor:pointer}
.mini-gallery-arrow{top:50%;width:24px;height:24px;padding:0;transform:translateY(-50%);font-size:8px;opacity:.78}
.mini-gallery-arrow.prev{left:5px}.mini-gallery-arrow.next{right:5px}
.product-mini-gallery:hover .mini-gallery-arrow{opacity:1}
.main-gallery-arrow{top:50%;width:34px;height:34px;padding:0;transform:translateY(-50%);font-size:11px}
.main-gallery-arrow.prev{left:9px}.main-gallery-arrow.next{right:9px}
.product-gallery .main-product-frame{position:relative}
.product-mini-gallery.mini-size-xxs .mini-gallery-arrow{width:18px;height:18px;font-size:6px}.product-mini-gallery.mini-size-xxs .mini-gallery-arrow.prev{left:2px}.product-mini-gallery.mini-size-xxs .mini-gallery-arrow.next{right:2px}

.admin-bulk-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.admin-bulk-toolbar select{min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.admin-bulk-toolbar .admin-selection-count{margin-left:auto;color:var(--muted);font-size:11px;font-weight:700}
.admin-list-search.admin-list-search-v20{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-list-search.admin-list-search-v20 select{min-width:145px}
.admin-check-cell{width:36px;text-align:center!important}
.admin-check-cell input{width:16px;height:16px;accent-color:currentColor}
.admin-status-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:800;text-transform:capitalize}

.admin-bulk-toolbar [data-admin-selection-count]{margin-left:auto;color:var(--muted);font-size:11px;font-weight:700}
.admin-status-pill.is-draft{opacity:.72;border:1px dashed var(--line)}
.admin-status-pill.is-published{border:1px solid transparent}
.slide-product-media .product-mini-gallery{width:100%;height:100%}
.slide-product-media .product-mini-gallery>.product-frame{height:100%!important}
.showcase-name-link{color:inherit;text-decoration:none}
.premium-winner-card>.product-mini-gallery{width:100%}

@media(max-width:620px){
  .award-hero-v115 h1{font-size:clamp(1.55rem,6.8vw,2rem)!important;line-height:1.04!important}
  .product-detail-copy h1{font-size:clamp(1.5rem,6.5vw,1.95rem)!important;line-height:1.05!important}
  .festival-intro-head{display:block!important;margin-bottom:8px!important}
  .festival-intro-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin-top:9px!important;padding:0!important}
  .festival-intro-facts article{display:grid!important;min-width:0!important;padding:7px 6px!important;text-align:center!important}
  .festival-intro-facts b{font-size:13px!important}.festival-intro-facts span{font-size:7.5px!important}

  .award-showcase-v115{min-height:0!important;padding:11px!important}
  .award-showcase-heading{max-width:none!important;margin-bottom:8px!important;padding:7px 9px!important}
  .showcase-podium-v115{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important;padding:0!important;overflow:visible!important;touch-action:auto!important}
  .showcase-finalist{display:grid!important;min-width:0!important;gap:4px!important;padding:6px!important;border-radius:12px!important;transform:none!important}
  .showcase-finalist.showcase-extra{display:none!important}
  .showcase-product-link{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;min-width:0!important}
  .showcase-product-link .product-frame{order:1!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:9px!important}
  .showcase-product-link .olet-product-img{padding:5%!important}
  .showcase-rank{position:static!important;order:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:22px!important;margin:0!important;padding:4px 6px!important;border-radius:999px!important;font-size:8.5px!important;white-space:nowrap!important}
  .showcase-product-link b{order:3!important;display:-webkit-box!important;min-height:30px!important;margin:0!important;overflow:hidden!important;font-size:9.5px!important;line-height:1.18!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .showcase-product-link small{order:4!important;font-size:9px!important}
  .showcase-amazon,.showcase-note{display:none!important}

  .comparison-section-v115{padding:13px!important}
  .comparison-section-v115 .section-heading{padding:4px 0 10px!important}
  .comparison-section-v115 .section-heading h2{font-size:1.5rem!important}
  .comparison-scroll{overflow:visible!important}
  .comparison-table{display:block!important;width:100%!important;min-width:0!important}
  .comparison-table thead{display:none!important}
  .comparison-table tbody{display:grid!important;gap:9px!important}
  .comparison-table tr{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"rank product score" "rank product amazon"!important;gap:5px 9px!important;align-items:center!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
  .comparison-table td{padding:0!important;border:0!important;min-width:0!important}
  .comparison-table td:nth-child(1){grid-area:rank!important;align-self:start!important}
  .comparison-table td:nth-child(2){grid-area:product!important}
  .comparison-table td:nth-child(3){grid-area:score!important;text-align:right!important;align-self:start!important}
  .comparison-table td:nth-child(4),.comparison-table td:nth-child(5){display:none!important}
  .comparison-table td:nth-child(6){grid-area:amazon!important;justify-self:end!important}
  .comparison-table .table-rank{position:static!important;width:34px!important;height:34px!important;font-size:9px!important}
  .comparison-table .table-product{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
  .comparison-table .product-mini-gallery.mini-size-xxs{width:82px!important;min-width:82px!important}
  .comparison-table .product-mini-gallery.mini-size-xxs .product-frame{width:82px!important;height:82px!important;border-radius:10px!important}
  .comparison-table .table-product strong{font-size:11.5px!important;line-height:1.25!important}
  .comparison-table .scorebar{width:64px!important;margin-left:auto!important}
  .comparison-table td:nth-child(3)>b{font-size:15px!important}
  .comparison-table .amazon-cta{min-width:0!important;width:auto!important;padding:6px 8px!important;border-radius:10px!important}
  .comparison-table .amazon-cta span small{display:none!important}.comparison-table .amazon-cta span b{font-size:8.5px!important}.comparison-table .amazon-cta>i:last-child{display:none!important}

  .finalist-grid-v115 .product-card{display:flex!important;flex-direction:column!important;gap:7px!important;padding:9px!important;border-radius:15px!important}
  .finalist-grid-v115 .product-card-visual{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;min-height:0!important}
  .finalist-grid-v115 .product-mini-gallery{grid-column:1/-1!important;width:100%!important}
  .finalist-grid-v115 .product-card .product-frame{width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-height:260px!important;border-radius:12px!important}
  .finalist-grid-v115 .rank-pill{position:static!important;left:auto!important;top:auto!important;justify-self:start!important;align-self:center!important;margin:0!important;padding:5px 7px!important;background:var(--surface-2)!important;border-color:var(--line)!important;backdrop-filter:none!important}
  .finalist-grid-v115 .card-floating-tools{position:static!important;right:auto!important;top:auto!important;justify-self:end!important;align-self:center!important}
  .finalist-grid-v115 .card-floating-tools .entity-tool{box-shadow:none!important;background:var(--surface-2)!important}
  .finalist-grid-v115 .product-card-copy{padding:2px 1px!important}
  .finalist-grid-v115 .product-card h3{font-size:15px!important}.finalist-grid-v115 .product-card p{font-size:11.5px!important}

  .mini-gallery-arrow{width:22px;height:22px;font-size:7px}.main-gallery-arrow{width:30px;height:30px}
  .admin-bulk-toolbar{align-items:stretch}.admin-bulk-toolbar select,.admin-bulk-toolbar .btn{width:100%}.admin-bulk-toolbar [data-admin-selection-count]{width:100%;margin-left:0;text-align:right}
  .admin-list-search.admin-list-search-v20>*{width:100%!important}
}


/* V21.2 — paged admin lists + minimal sorting + rich editor. */
.admin-list-toolbar{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;padding:8px!important;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow-x:auto}
.admin-list-toolbar input,.admin-list-toolbar select{min-width:0!important;height:38px!important;padding:7px 9px!important}
.admin-list-toolbar input{flex:1 1 210px}.admin-list-toolbar select{flex:0 0 auto}
.admin-sort-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.admin-mini-count{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);white-space:nowrap}
.admin-mini-count b{font-size:12px}.admin-mini-count small{color:var(--muted);font-size:9px}
.admin-list-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.admin-pagination{display:flex;align-items:center;gap:6px}.admin-pagination a,.admin-pagination span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:10px;font-weight:850;text-decoration:none}.admin-pagination span{background:var(--surface-2);color:var(--muted)}
.admin-rich-field{display:grid;gap:7px;min-width:0}
.admin-rich-label{display:flex;align-items:end;justify-content:space-between;gap:10px}.admin-rich-label>span{font-weight:800}.admin-rich-label small{color:var(--muted);font-size:9px}
.admin-rich-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:11px 11px 0 0;background:var(--surface-2)}
.admin-rich-toolbar>span{width:1px;height:24px;background:var(--line)}
.admin-rich-toolbar button,.admin-rich-toolbar select{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:inherit;background:var(--surface);font:inherit;font-size:10px;cursor:pointer}
.admin-rich-toolbar select{display:block;min-width:90px}
.admin-rich-surface{min-height:260px;max-height:620px;padding:14px;overflow:auto;border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;background:var(--surface);outline:0;line-height:1.65}
.admin-rich-surface:focus{box-shadow:inset 0 0 0 2px rgba(68,128,255,.16)}
.admin-rich-surface h2,.admin-rich-surface h3,.admin-rich-surface h4{margin:12px 0 7px}.admin-rich-surface p{margin:7px 0}.admin-rich-surface img{display:block;max-width:100%;height:auto;margin:12px auto;border-radius:12px}.admin-rich-source{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rich-insight-content img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:16px}.rich-insight-content h2,.rich-insight-content h3,.rich-insight-content h4{margin:20px 0 9px}.rich-insight-content ul,.rich-insight-content ol{padding-left:1.3rem}.rich-insight-content blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--line);background:var(--surface-2)}
@media(max-width:760px){
  .admin-list-toolbar{flex-wrap:wrap!important;overflow:visible}.admin-list-toolbar>*{width:auto!important}.admin-list-toolbar input{flex:1 1 100%!important;width:100%!important}.admin-list-toolbar .btn{width:auto!important}
  .admin-list-footer{align-items:flex-start;flex-direction:column}.admin-pagination{align-self:flex-end}
  .admin-rich-toolbar{position:static}.admin-rich-toolbar select{min-width:78px}.admin-rich-surface{min-height:220px}
}

.admin-rich-file{display:none!important}

/* V21.3 hotfix — compact icon sorting, no horizontal toolbar scrolling. */
.admin-list-toolbar{overflow:visible!important;flex-wrap:wrap!important;gap:6px!important}
.admin-list-toolbar input{flex:1 1 210px!important;min-width:180px!important}
.admin-list-toolbar .admin-list-filter{flex:0 1 165px!important;width:auto!important;max-width:180px!important;min-width:110px!important}
.admin-list-toolbar .admin-status-filter{max-width:130px!important}
.admin-list-toolbar .admin-per-page{order:10;flex:0 0 92px!important;width:92px!important;min-width:92px!important;padding-left:8px!important;padding-right:6px!important;font-size:10px!important}
.admin-list-toolbar .admin-filter-apply{order:11;display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:9px!important}
.admin-sort-compact{order:20;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface);white-space:nowrap}
.admin-sort-choice{position:relative;display:grid;place-items:center;width:31px;height:31px;min-width:31px;padding:0;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;text-decoration:none;transition:.16s ease}
.admin-sort-choice:hover,.admin-sort-choice:focus-visible{border-color:var(--line);color:inherit;background:var(--surface-2);outline:0}
.admin-sort-choice.is-active{border-color:var(--line);color:inherit;background:var(--surface-2);box-shadow:inset 0 -2px 0 currentColor}
.admin-sort-choice svg{font-size:11px}
.admin-sort-direction{margin-left:2px;border-left-color:var(--line)}
.admin-sort-icon{display:none!important}
@media(max-width:760px){
  .admin-list-toolbar>*{width:auto!important}
  .admin-list-toolbar input{order:1;flex:1 1 100%!important;width:100%!important;min-width:0!important}
  .admin-list-toolbar .admin-mini-count{order:0}
  .admin-list-toolbar .admin-list-filter{order:2;flex:1 1 130px!important;max-width:none!important;min-width:0!important}
  .admin-list-toolbar .admin-per-page{order:3!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important}
  .admin-list-toolbar .admin-filter-apply{order:4!important}
  .admin-sort-compact{order:5!important;margin-left:auto!important;max-width:100%;overflow:visible}
  .admin-sort-choice{width:30px;height:30px;min-width:30px}
}

/* V22: Users admin + staff role UI */
.admin-users-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-users-head h2{margin:0 0 6px}.admin-users-head p{margin:0;color:var(--muted)}
.admin-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 10px}.admin-filter-row input,.admin-filter-row select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px;font:inherit}.admin-filter-row input{flex:1 1 240px;min-width:180px}.admin-filter-row select{flex:0 1 150px;min-width:120px}
.admin-inline-create{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:10px;align-items:end;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.admin-table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.admin-role-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.admin-role-pill.role-admin{box-shadow:inset 0 0 0 1px #9a6d00}.admin-role-pill.role-editor{box-shadow:inset 0 0 0 1px #567a5c}.admin-role-pill.role-viewer{box-shadow:inset 0 0 0 1px #64748b}
.admin-list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.profile-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-left:4px;vertical-align:middle}.profile-admin-message{align-items:flex-start!important}.profile-admin-message p{white-space:normal;margin:7px 0}
@media(max-width:900px){.admin-inline-create{grid-template-columns:1fr 1fr}.admin-inline-create .btn{grid-column:1/-1}.admin-users-head .btn{width:auto}}@media(max-width:620px){.admin-inline-create{grid-template-columns:1fr}.admin-filter-row>*{width:100%;flex-basis:100%!important}.admin-list-footer{align-items:flex-start;flex-direction:column}.admin-pagination{align-self:stretch;justify-content:flex-end}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V22.1 — compact Users toolbar + footer settings CMS. */
.admin-users-toolbar{display:flex;align-items:center;gap:8px;margin:16px 0 10px;min-width:0;flex-wrap:nowrap}
.admin-users-filter{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;margin:0;flex-wrap:nowrap}
.admin-users-filter .admin-user-search{flex:0 1 210px;min-width:135px;max-width:210px}
.admin-users-filter select{flex:0 1 118px;min-width:94px;max-width:128px;padding-left:8px;padding-right:24px}
.admin-users-filter select[name="per_page"]{max-width:90px;min-width:78px}
.admin-filter-icon{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);cursor:pointer}
.admin-users-sort{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto;white-space:nowrap;overflow:visible}
.admin-users-sort .admin-sort-choice{width:30px;height:30px;min-width:30px;border-radius:8px}
.footer-admin-list{display:grid;gap:8px;margin-top:14px}.footer-admin-row{display:flex;align-items:end;gap:7px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);min-width:0}.footer-admin-row label{display:grid;gap:4px;min-width:110px;font-size:10px;font-weight:800;color:var(--muted)}.footer-admin-row input,.footer-admin-row select{min-height:34px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.footer-admin-grow{flex:1 1 200px}.footer-admin-grow input{width:100%}.footer-admin-check{display:flex!important;align-items:center;gap:5px!important;min-width:auto!important;min-height:34px;color:var(--ink)!important}.footer-admin-check input{min-height:0;width:auto}.footer-admin-flag{min-width:64px!important;max-width:72px}.footer-admin-flag input{text-align:center;font-size:18px}.footer-admin-move{display:flex;gap:3px;align-items:center;padding-bottom:1px}.footer-admin-move button,.admin-icon-danger{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.admin-icon-danger{color:#a33}.admin-sticky-save{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;margin-top:12px;pointer-events:none}.admin-sticky-save .btn{pointer-events:auto;box-shadow:0 10px 28px rgba(0,0,0,.16)}
@media(max-width:1050px){.admin-users-toolbar{align-items:stretch;flex-wrap:wrap}.admin-users-filter{flex:1 1 100%;flex-wrap:wrap}.admin-users-filter .admin-user-search{flex:1 1 180px;max-width:none}.admin-users-sort{margin-left:0}.footer-admin-row{flex-wrap:wrap}.footer-admin-grow{flex:1 1 260px}}
@media(max-width:620px){.admin-users-filter>*{width:auto!important;flex-basis:auto!important}.admin-users-filter .admin-user-search{width:100%!important;flex:1 1 100%!important}.admin-users-filter select{flex:1 1 100px!important;max-width:none}.admin-users-sort{width:100%;justify-content:flex-start}.footer-admin-row{align-items:stretch}.footer-admin-row label{flex:1 1 135px}.footer-admin-grow{flex:1 1 100%}.footer-admin-move{align-self:center}}


/* V22.2 — footer edition country picker + automatic emoji flags. */
.footer-admin-regions .footer-admin-region-row{
  display:grid;
  grid-template-columns:58px minmax(210px,1.25fr) 76px minmax(140px,.9fr) minmax(190px,1.15fr) minmax(180px,1.1fr) auto 30px;
  gap:8px;
  align-items:end;
  width:100%;
}
.footer-admin-regions .footer-admin-region-row>label{min-width:0}
.footer-admin-country{min-width:0!important}
.footer-admin-country-control{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.footer-admin-country-flag{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  font-size:18px;
  line-height:1;
}
.footer-admin-country-control select{
  width:100%;
  min-width:0;
  max-width:none;
}
.footer-admin-code input{width:100%;text-align:center;text-transform:lowercase}
.footer-admin-name input,.footer-admin-subtitle input,.footer-admin-link input{width:100%}
.footer-admin-regions .footer-admin-check{align-self:end}
@media(max-width:1180px){
  .footer-admin-regions .footer-admin-region-row{
    grid-template-columns:52px minmax(220px,1.2fr) 80px minmax(150px,1fr) auto 30px;
  }
  .footer-admin-regions .footer-admin-subtitle,
  .footer-admin-regions .footer-admin-link{grid-column:span 3}
}
@media(max-width:760px){
  .footer-admin-regions .footer-admin-region-row{
    grid-template-columns:44px minmax(0,1fr) 30px;
    align-items:stretch;
  }
  .footer-admin-regions .footer-admin-move{grid-column:1;grid-row:1;align-self:end}
  .footer-admin-regions .footer-admin-country{grid-column:2}
  .footer-admin-regions .admin-icon-danger{grid-column:3;grid-row:1;align-self:end}
  .footer-admin-regions .footer-admin-code,
  .footer-admin-regions .footer-admin-name,
  .footer-admin-regions .footer-admin-subtitle,
  .footer-admin-regions .footer-admin-link,
  .footer-admin-regions .footer-admin-check{grid-column:1/-1}
}

/* V22.3 — reliable flag previews + true mobile Admin layout. */
.footer-admin-country-flag.footer-flag-media{
  position:relative;display:inline-grid;place-items:center;overflow:hidden;
  width:28px!important;height:20px!important;min-width:28px!important;flex:0 0 28px;
  border:1px solid rgba(23,33,60,.12);border-radius:4px;background:#fff;font-size:15px;line-height:1;
}
.footer-admin-country-flag.footer-flag-media .footer-flag-fallback{position:relative;z-index:1;line-height:1}
.footer-admin-country-flag.footer-flag-media img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.admin-mobile-bar,.admin-mobile-backdrop,.admin-side-close{display:none}
.admin-side-head{display:block}

@media(max-width:860px){
  html{max-width:100%;overflow-x:hidden}
  body.admin-body{
    display:block!important;width:100%;max-width:100%;min-width:0;overflow-x:hidden!important;
    padding-top:58px;background:#f4f4f1;
  }
  body.admin-body.admin-menu-open{overflow:hidden!important}
  .admin-mobile-bar{
    position:fixed;z-index:1200;top:0;left:0;right:0;height:58px;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
    display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;
    background:rgba(244,244,241,.96);border-bottom:1px solid rgba(23,33,60,.1);backdrop-filter:blur(14px);box-shadow:0 5px 18px rgba(23,33,60,.06)
  }
  .admin-mobile-menu-toggle{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 10px;border:1px solid rgba(23,33,60,.11);border-radius:10px;background:#fff;color:#17213c;font:800 11px/1 inherit;cursor:pointer
  }
  .admin-mobile-menu-toggle svg{font-size:13px}
  .admin-mobile-brand{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#17213c;text-decoration:none;white-space:nowrap}
  .admin-mobile-brand img{width:30px;height:30px;object-fit:contain}.admin-mobile-brand b{font-size:12px}.admin-mobile-brand em{font-style:normal;color:#9b6b16}
  .admin-mobile-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#6e7485;font-size:10px;font-weight:800}
  .admin-mobile-backdrop{
    display:block;position:fixed;z-index:1240;inset:0;border:0;padding:0;background:rgba(10,16,29,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease
  }
  .admin-menu-open .admin-mobile-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .admin-side{
    position:fixed!important;z-index:1260;left:0;top:0;bottom:0;width:min(84vw,310px);height:100dvh;max-height:100dvh;
    padding:14px 12px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;
    background:#18233c;color:#fff;transform:translateX(-104%);transition:transform .2s ease;box-shadow:18px 0 45px rgba(5,11,24,.25)
  }
  .admin-menu-open .admin-side{transform:translateX(0)}
  .admin-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-14px;z-index:2;margin:-2px -2px 8px;padding:4px 2px 10px;background:#18233c}
  .admin-side-close{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
  .admin-side>p{margin:2px 2px 10px;font-size:10px}
  .admin-side nav{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;margin-top:8px!important}
  .admin-side nav a{min-height:40px;padding:9px 10px!important;border-radius:10px!important;font-size:12px!important}
  .admin-side nav a svg{width:16px}

  .admin-main{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;gap:10px!important;box-sizing:border-box!important;overflow:visible!important}
  .admin-main>*{min-width:0!important;max-width:100%!important;box-sizing:border-box}
  .admin-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end!important;gap:8px!important;padding:2px 1px 4px}
  .admin-top h1{font-size:clamp(25px,8vw,34px)!important;line-height:1!important;margin:4px 0!important;overflow-wrap:anywhere}
  .admin-top .eyebrow{font-size:8px!important;letter-spacing:.08em}.admin-top small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:9px}
  .admin-top-actions{display:flex!important;justify-content:flex-end;gap:5px!important;flex-wrap:wrap!important;max-width:150px}
  .admin-top-actions .btn{min-height:32px;padding:7px 9px!important;font-size:9px!important;white-space:nowrap}

  .admin-card,.admin-kpis>div{width:100%;max-width:100%;min-width:0;padding:12px!important;border-radius:13px!important;overflow-wrap:anywhere;box-sizing:border-box}
  .admin-card h2{font-size:clamp(20px,6.5vw,28px)}.admin-card h3{font-size:18px}.admin-card p,.admin-card li{font-size:12px;line-height:1.55}
  .admin-grid-two{grid-template-columns:1fr!important;gap:9px!important}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.admin-kpis strong{font-size:20px!important}
  .admin-action-grid{grid-template-columns:1fr!important}.admin-action-grid a{min-width:0;overflow-wrap:anywhere}
  .admin-users-head{gap:9px!important}.admin-users-head>*{min-width:0}.admin-users-head .btn{flex:0 0 auto;padding:8px 10px;font-size:10px}
  .admin-inline-create{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important}

  .admin-main form,.admin-main fieldset,.admin-main label{max-width:100%;min-width:0;box-sizing:border-box}
  .admin-main input:not([type="checkbox"]):not([type="radio"]),.admin-main select,.admin-main textarea{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:16px}
  .admin-main textarea{width:100%}
  .admin-list-toolbar,.admin-filter-row,.admin-users-toolbar,.admin-users-filter,.admin-bulk-toolbar{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important}
  .admin-list-toolbar input,.admin-filter-row input,.admin-users-filter .admin-user-search{flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .admin-list-toolbar select,.admin-filter-row select,.admin-users-filter select{flex:1 1 125px!important;width:auto!important;max-width:100%!important;min-width:0!important}
  .admin-sort-compact,.admin-users-sort{display:flex!important;width:auto!important;max-width:100%!important;margin-left:0!important;justify-content:flex-start!important;flex-wrap:wrap!important;white-space:normal!important}
  .admin-sort-choice{flex:0 0 30px!important}.admin-bulk-toolbar .admin-selection-count{margin-left:0!important;width:100%}

  .admin-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
  .admin-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border-collapse:separate!important;font-size:11px!important}
  .admin-table thead{display:none!important}.admin-table tbody{display:grid!important;gap:8px!important;width:100%!important}
  .admin-table tr{display:block!important;width:100%!important;max-width:100%!important;padding:8px 9px!important;border:1px solid rgba(23,33,60,.1)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 18px rgba(38,48,77,.04)!important;box-sizing:border-box}
  .admin-table td{display:grid!important;grid-template-columns:minmax(76px,30%) minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;max-width:100%!important;padding:6px 0!important;border:0!important;border-bottom:1px solid rgba(23,33,60,.07)!important;text-align:left!important;box-sizing:border-box!important;overflow-wrap:anywhere;word-break:break-word}
  .admin-table td:last-child{border-bottom:0!important}.admin-table td::before{content:attr(data-label);display:block;color:#7b8190;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
  .admin-table td[data-label=""]{grid-template-columns:1fr!important}.admin-table td[data-label=""]::before{display:none}
  .admin-table td .btn,.admin-table td .admin-link,.admin-table td .link-button{max-width:100%;margin:2px 5px 2px 0;white-space:normal;text-align:left}
  .admin-check-cell{width:100%!important;text-align:left!important}.admin-check-cell input{width:17px!important;height:17px!important}

  .admin-list-footer{width:100%;align-items:flex-start!important;flex-direction:column!important;gap:7px!important}.admin-pagination{display:flex!important;width:100%;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px!important}.admin-pagination a,.admin-pagination span{min-width:30px}
  .admin-rich-toolbar{position:static!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:4px!important;padding:6px!important}.admin-rich-toolbar select{flex:1 1 88px!important;min-width:0!important;max-width:130px}.admin-rich-toolbar button{flex:0 0 32px}.admin-rich-surface{min-height:210px!important;max-height:none!important;padding:11px!important}

  .footer-admin-row,.footer-admin-regions .footer-admin-region-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:7px!important;padding:9px!important}
  .footer-admin-row label,.footer-admin-regions .footer-admin-region-row>label{grid-column:1!important;min-width:0!important;width:100%!important}.footer-admin-move{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important}.footer-admin-regions .admin-icon-danger,.footer-admin-row>.admin-icon-danger{grid-column:1!important;grid-row:auto!important;justify-self:end!important}.footer-admin-check{justify-content:flex-start!important}.footer-admin-country-control{width:100%!important;max-width:100%!important}.footer-admin-country-control select{min-width:0!important;width:100%!important}
  .admin-sticky-save{bottom:8px!important}.admin-sticky-save .btn{width:100%}

  .admin-main code,.admin-main pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.admin-main img,.admin-main canvas,.admin-main svg{max-width:100%}.admin-main iframe{max-width:100%}
}

@media(max-width:520px){
  .admin-mobile-bar{grid-template-columns:auto auto minmax(0,1fr);gap:6px}.admin-mobile-menu-toggle span{display:none}.admin-mobile-menu-toggle{width:38px;padding:0}.admin-mobile-brand b{display:none}.admin-mobile-title{font-size:9px}
  .admin-top{grid-template-columns:1fr!important}.admin-top-actions{justify-content:flex-start!important;max-width:none!important}.admin-top-actions .btn{flex:1 1 auto}
  .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-kpis span,.admin-kpis small{font-size:9px!important}
  .admin-table td{grid-template-columns:minmax(68px,29%) minmax(0,1fr)!important;gap:6px!important}
}

/* V23.5 / shared archive polish — image-first mobile product archive + compact listing heroes. */
.archive-page-hero,.vs-archive-page-hero{
  min-height:0!important;
  padding:20px 24px!important;
}
.archive-page-hero h1,.vs-archive-page-hero h1{
  max-width:26ch!important;
  margin:6px 0 8px!important;
  font-size:clamp(1.55rem,2.45vw,2.6rem)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}
.archive-page-hero p,.vs-archive-page-hero p{margin-bottom:0!important}
.archive-page-hero img,.vs-archive-page-hero img{width:112px!important;height:112px!important}

@media(max-width:620px){
  .archive-page-hero,.vs-archive-page-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:10px!important;
    align-items:center!important;
    margin-top:7px!important;
    margin-bottom:10px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  .archive-page-hero h1,.vs-archive-page-hero h1{
    max-width:none!important;
    margin:4px 0 5px!important;
    font-size:clamp(1.3rem,6vw,1.68rem)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
  }
  .archive-page-hero p,.vs-archive-page-hero p{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.4!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  .archive-page-hero img,.vs-archive-page-hero img{
    width:48px!important;
    height:48px!important;
    margin:0!important;
  }

  /* Product archive cards now match the newer image-first product cards used elsewhere. */
  .product-archive-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .product-archive-grid .product-card,
  .product-archive-grid .product-card.compact,
  .product-archive-grid .editorial-product-card.compact{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px!important;
    border-radius:15px!important;
  }
  .product-archive-grid .product-card-visual{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
  .product-archive-grid .product-mini-gallery{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  .product-archive-grid .product-mini-gallery>.product-frame,
  .product-archive-grid .product-card .product-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:300px!important;
    aspect-ratio:1/1!important;
    border-radius:12px!important;
  }
  .product-archive-grid .product-card .olet-product-img{
    width:100%!important;
    height:100%!important;
    padding:4%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .product-archive-grid .rank-pill{
    position:static!important;
    left:auto!important;
    top:auto!important;
    z-index:auto!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    padding:5px 7px!important;
    border-color:var(--line)!important;
    background:var(--surface-2)!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .product-archive-grid .card-floating-tools{
    position:static!important;
    right:auto!important;
    top:auto!important;
    z-index:auto!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .product-archive-grid .card-floating-tools .entity-tool{
    background:var(--surface-2)!important;
    box-shadow:none!important;
  }
  .product-archive-grid .product-card-copy{
    width:100%!important;
    min-width:0!important;
    padding:2px 1px 1px!important;
  }
  .product-archive-grid .product-card h3{font-size:15px!important;line-height:1.25!important}
  .product-archive-grid .product-card-copy>p{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  .product-archive-grid .product-card-links{gap:6px!important}
  .product-archive-grid .text-button,.product-archive-grid .amazon-cta{font-size:9.5px!important;padding:7px 8px!important}
  .product-archive-grid .card-tool-row{
    display:flex!important;
    gap:5px!important;
    margin-top:7px!important;
    padding-top:7px!important;
  }
}

/* Shared archive density update — 6 desktop / 2 mobile, card internals unchanged. */
@media(min-width:1241px){
  .product-archive-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
}
@media(min-width:761px) and (max-width:1240px){
  .product-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:760px){
  .product-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .product-archive-grid>.product-card,
  .product-archive-grid>.product-card.compact,
  .product-archive-grid>.editorial-product-card.compact{min-width:0!important}
}



/* DE 2026-08-31 · landing/header-only patch. */
@media (min-width:1241px){
  .header-shell{grid-template-columns:auto minmax(0,1fr) minmax(220px,350px) auto;gap:10px}
  .main-nav{min-width:0;gap:0}
  .main-nav>a,.main-nav button{padding:9px 8px;font-size:12px}
  .main-nav .adult-nav-button{margin-left:3px!important;padding:7px 9px!important}
  .brand-lockup{position:relative;z-index:2;flex:0 0 auto}
}
.editorial-split .puan-stage:after{content:"Monatliche Top 10 · echte Produktgeschenke"!important}
.v10-game-card-empty{min-height:360px;display:flex;flex-direction:column;justify-content:center}
.v10-game-card-empty .hero-actions{margin-top:4px}
@media(max-width:760px){.v10-game-card-empty{min-height:0}}


/* DE 2026-08-31 · tiny responsive desktop-header refinement only. */
.main-nav>a,.main-nav>.nav-dropdown,.main-nav .adult-nav-button{flex-shrink:0!important}
@media (min-width:1241px){
  .header-shell{
    grid-template-columns:auto minmax(0,1fr) minmax(150px,clamp(150px,16vw,330px)) auto!important;
    column-gap:clamp(4px,.55vw,10px)!important;
  }
  .olet-real-logo{min-width:0!important;gap:7px!important;flex:none!important}
  .olet-real-logo .logo-img{flex:0 0 auto}
  .olet-real-logo .header-award-stack{
    display:grid!important;
    grid-auto-rows:min-content;
    align-content:center;
    gap:1px;
    width:max-content;
    margin:0!important;
    font-size:clamp(7px,.52vw,8.5px)!important;
    line-height:.98!important;
    letter-spacing:.11em!important;
    white-space:nowrap;
  }
  .olet-real-logo .header-award-stack span{display:block!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
  .main-nav{min-width:0!important;gap:clamp(0px,.12vw,2px)!important;overflow:visible!important}
  .main-nav>a,.main-nav button{
    flex:0 0 auto!important;
    padding:9px clamp(6px,.48vw,9px)!important;
    font-size:clamp(11px,.72vw,12px)!important;
  }
  .main-nav>.nav-dropdown{flex:0 0 auto!important}
  .main-nav .adult-nav-button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin-left:clamp(1px,.18vw,4px)!important;
    padding:7px clamp(8px,.48vw,10px)!important;
  }
}
@media (min-width:1241px) and (max-width:1460px){
  .header-shell{grid-template-columns:auto minmax(0,1fr) minmax(145px,13vw) auto!important}
  .main-nav>a,.main-nav button{padding-inline:6px!important;font-size:11px!important}
  .main-nav .adult-nav-button{padding-inline:9px!important}
  .main-nav .adult-nav-button span{display:none!important}
}
@media (min-width:1241px) and (max-width:1365px){
  .header-search{padding-left:9px!important}
  .header-search input{font-size:12px!important}
  .header-tools{gap:4px!important}
  .header-tools .points-chip span,.profile-btn span{display:none!important}
  .header-tools .points-chip,.profile-btn{padding-inline:8px!important}
}

/* ================= OLET DE V28 — port of final TR media/footer/hero updates ================= */
/* ================= OLET V21 — Intro / hero / share / festival media ================= */
.footer-intro-button{display:inline-flex!important;align-items:center;gap:8px;width:max-content;margin-top:12px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--gold-soft) 58%,var(--surface));color:var(--ink)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em;transition:.2s transform,.2s background,.2s border-color}.footer-intro-button:hover{transform:translateY(-2px);background:var(--gold-soft);border-color:var(--gold)}

/* Give 1658/1659 × 948/949 artwork materially more of the desktop hero canvas. */
@media(min-width:1241px){.home-hero-slider{grid-template-columns:minmax(380px,.76fr) minmax(0,1.24fr)!important}.home-hero-slider .home-hero-copy{padding-left:34px!important;padding-right:30px!important}}
@media(min-width:861px) and (max-width:1240px){.home-hero-slider{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important}.home-hero-slider .home-hero-copy{padding-left:28px!important;padding-right:26px!important}}
/* Share popup must escape cards instead of being clipped by their rounded overflow. */
.share-layer-active{position:relative!important;overflow:visible!important;z-index:1500!important}.share-layer-active .share-wrap{z-index:1501!important}.share-layer-active .share-menu{z-index:1600!important;box-shadow:0 24px 60px rgba(19,28,48,.26)!important}.share-wrap.share-open-down .share-menu{top:calc(100% + 8px)!important;bottom:auto!important}

/* Festival YouTube + podcast media. Empty fields render none, preserving old hero. */
.award-hero-v115.has-youtube{grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr)!important}.festival-media-label{display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--award-accent,#e6b85f) 72%,var(--ink));font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.festival-podcast-player{display:grid;gap:7px;margin:12px 0 13px;padding:10px;border:1px solid color-mix(in srgb,var(--award-accent,#e6b85f) 28%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 89%,transparent);box-shadow:0 10px 28px rgba(34,43,67,.06)}.festival-podcast-player iframe{display:block;width:100%;height:190px;border:0;border-radius:11px;background:transparent}.award-youtube-showcase{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:470px;padding:20px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:radial-gradient(circle at 90% 7%,rgba(239,146,125,.20),transparent 30%),radial-gradient(circle at 8% 92%,rgba(116,200,192,.22),transparent 32%),linear-gradient(145deg,#f4f0e8,#eaf4f2);box-shadow:inset 0 1px rgba(255,255,255,.75);overflow:hidden}.award-youtube-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#090b10;box-shadow:0 24px 46px rgba(19,28,48,.18)}.award-youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.award-youtube-showcase>small{color:var(--muted);font-size:11px;line-height:1.45}html[data-theme="dark"] .award-youtube-showcase{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 90% 7%,rgba(239,146,125,.13),transparent 30%),linear-gradient(145deg,#182231,#1e3139)}html[data-theme="dark"] .festival-podcast-player{background:rgba(23,32,51,.72);border-color:rgba(255,255,255,.12)}

/* Sticky, draggable festival product rail. */
.festival-product-drawer{--drawer-drag:0px;position:fixed;right:0;top:50%;z-index:1350;width:clamp(330px,21vw,410px);height:min(78vh,760px);transform:translate(calc(100% + var(--drawer-drag)),-50%);transition:transform .42s cubic-bezier(.2,.8,.2,1);will-change:transform}.festival-product-drawer.is-open{transform:translate(var(--drawer-drag),-50%)}.festival-product-drawer.is-dragging{transition:none!important}.festival-drawer-tab{position:absolute;left:-42px;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:42px;min-height:176px;padding:10px 6px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-right:0;border-radius:15px 0 0 15px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);box-shadow:-10px 14px 28px rgba(25,34,55,.10);color:var(--ink);cursor:grab;touch-action:pan-y}.festival-drawer-tab:active{cursor:grabbing}.festival-drawer-tab-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.festival-drawer-tab small{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:var(--gold-soft);font-size:9px;font-weight:900}.festival-drawer-arrow{display:grid;place-items:center;font-size:12px;transition:transform .35s ease}.festival-product-drawer.is-open .festival-drawer-arrow{transform:rotate(180deg)}.festival-drawer-panel{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-right:0;border-radius:24px 0 0 24px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(22px) saturate(1.15);box-shadow:-28px 22px 70px rgba(22,31,52,.19);overflow:hidden;touch-action:pan-y}.festival-drawer-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 15px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 78%,transparent)}.festival-drawer-panel>header span{display:grid;gap:2px}.festival-drawer-panel>header small{color:#8b6a31;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.festival-drawer-panel>header b{font-size:14px}.festival-drawer-panel>header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink)}.festival-drawer-list{display:grid;align-content:start;gap:8px;min-height:0;padding:10px 10px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.festival-drawer-product{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 86%,transparent);transition:.18s transform,.18s border-color,.18s background}.festival-drawer-product:hover{transform:translateX(-3px);border-color:color-mix(in srgb,var(--gold) 42%,var(--line));background:var(--surface)}.festival-drawer-product.is-winner{border-color:color-mix(in srgb,var(--gold) 58%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold-soft) 50%,var(--surface)),var(--surface))}.festival-drawer-image{position:relative;display:block;min-width:0}.festival-drawer-image .product-frame{width:76px!important;height:76px!important;aspect-ratio:1/1!important;border-radius:12px!important}.festival-drawer-image .olet-product-img{padding:5%!important;object-fit:contain!important}.festival-drawer-image>span{position:absolute;left:-4px;top:-4px;display:grid;place-items:center;min-width:28px;height:22px;padding:0 5px;border-radius:999px;background:var(--gold-soft);color:#775619;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(33,39,55,.10)}.festival-drawer-product-copy{display:grid;gap:4px;min-width:0}.festival-drawer-product-copy>small{color:#8b6a31;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.festival-drawer-name{display:-webkit-box;overflow:hidden;color:var(--ink)!important;font-size:11px;font-weight:850;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.festival-drawer-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.festival-drawer-links a{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:8.5px;font-weight:800}.festival-drawer-links .festival-drawer-amazon{border-color:rgba(230,184,95,.42);background:var(--gold-soft);color:#664a14}html[data-theme="dark"] .festival-drawer-panel,html[data-theme="dark"] .festival-drawer-tab{background:rgba(23,32,51,.90);border-color:rgba(255,255,255,.13)}html[data-theme="dark"] .festival-drawer-product{background:rgba(25,35,54,.88);border-color:rgba(255,255,255,.10)}

@media(max-width:1240px){.award-hero-v115.has-youtube{grid-template-columns:1fr!important}.award-youtube-showcase{min-height:0}.festival-product-drawer{width:min(390px,34vw)}}
@media(max-width:760px){.footer-intro-button{font-size:10px!important;padding:8px 10px}.award-youtube-showcase{width:100%;min-height:0!important;margin:8px 0 11px;padding:9px!important;border-radius:15px!important}.award-youtube-frame{border-radius:11px}.award-youtube-showcase>small{display:none}.festival-podcast-player{margin:8px 0 10px;padding:7px;border-radius:13px}.festival-podcast-player iframe{height:190px}.festival-product-drawer{width:min(88vw,390px);height:min(82svh,690px)}.festival-drawer-tab{left:-34px;width:34px;min-height:145px;padding:8px 4px;border-radius:12px 0 0 12px}.festival-drawer-tab-label{font-size:8px;letter-spacing:.1em}.festival-drawer-panel{border-radius:18px 0 0 18px}.festival-drawer-panel>header{padding:12px}.festival-drawer-product{grid-template-columns:70px minmax(0,1fr);gap:8px;padding:7px}.festival-drawer-image .product-frame{width:64px!important;height:64px!important}.festival-drawer-name{font-size:10.5px}.festival-drawer-links a{font-size:8px;padding:5px 6px}}
@media(max-width:420px){.festival-product-drawer{width:90vw}.festival-drawer-tab{left:-32px;width:32px}.festival-drawer-list{padding:8px 8px 14px}.festival-drawer-product{grid-template-columns:62px minmax(0,1fr)}.festival-drawer-image .product-frame{width:58px!important;height:58px!important}.festival-podcast-player iframe{height:185px}}



/* ================= OLET V22 — requested 2026-09-09 targeted patch ================= */
/* Desktop landing hero: keep the expanded artwork canvas and add another 15px. */
@media(min-width:1241px){
  .home-hero.full-bleed.home-hero-slider,
  .home-hero-slider,
  .home-hero-slider .home-hero-art,
  .home-hero-slider .home-hero-copy{height:615px!important;min-height:615px!important;max-height:615px!important;block-size:615px!important;min-block-size:615px!important;max-block-size:615px!important}
  .home-hero-slider .home-hero-slide-image{height:615px!important;min-height:615px!important}
}


/* Festival media order: player follows every title/meta/action/share control. */
.festival-podcast-player{margin-top:14px!important;margin-bottom:0!important}
.festival-compact-top3{display:none}
@media(min-width:1241px){
  .festival-compact-top3{display:grid;gap:8px;margin-top:14px;padding:10px;border:1px solid color-mix(in srgb,var(--award-accent,#e6b85f) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,#edf8f5 8%);box-shadow:0 10px 28px rgba(34,43,67,.05)}
  .festival-compact-top3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .festival-compact-top3-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:7px;align-items:center;min-width:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)!important}
  .festival-compact-top3-item .product-frame{width:54px!important;height:54px!important;aspect-ratio:1/1!important;border-radius:9px!important}
  .festival-compact-top3-item .olet-product-img{padding:4%!important;object-fit:contain!important}
  .festival-compact-top3-rank{position:absolute;left:3px;top:3px;z-index:4;display:grid;place-items:center;min-width:22px;height:18px;padding:0 4px;border-radius:999px;background:var(--gold-soft);color:#745414;font-size:7.5px;font-weight:900;box-shadow:0 3px 8px rgba(32,40,58,.09)}
  .festival-compact-top3-copy{display:grid;gap:2px;min-width:0}
  .festival-compact-top3-copy b{display:-webkit-box;overflow:hidden;font-size:9.5px;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .festival-compact-top3-copy small{color:var(--muted);font-size:7.5px;font-weight:750}
}
html[data-theme="dark"] .festival-compact-top3{background:rgba(23,32,51,.72);border-color:rgba(255,255,255,.12)}

/* Festival product drawer: distinct pale aqua/green surface and top-aligned content. */
.festival-drawer-panel{background:linear-gradient(155deg,rgba(239,250,247,.98),rgba(237,247,255,.98))!important;border-color:#cfe7e2!important}
.festival-drawer-tab{background:linear-gradient(180deg,rgba(238,250,247,.98),rgba(235,247,255,.98))!important;border-color:#cfe7e2!important}
.festival-drawer-panel>header{background:rgba(245,252,250,.94)!important;border-bottom-color:#d7ebe7!important}
.festival-drawer-product{align-items:start!important;background:rgba(255,255,255,.88)!important;border-color:#d9ebe7!important}
.festival-drawer-product:hover{background:#fff!important;border-color:#b9ddd5!important}
.festival-drawer-product.is-winner{background:linear-gradient(135deg,#fff9e9,#f1fbf7)!important;border-color:#dcc98d!important}
.festival-drawer-image{align-self:start!important;display:block!important;padding-top:0!important}
.festival-drawer-image .product-frame{display:block!important;overflow:hidden!important}
.festival-drawer-image>span{left:4px!important;top:4px!important;min-width:26px!important;height:20px!important;padding:0 5px!important;max-width:calc(100% - 8px)!important;overflow:hidden!important;white-space:nowrap!important}
.festival-drawer-product-copy{align-self:start!important;padding-top:1px!important}
html[data-theme="dark"] .festival-drawer-panel{background:linear-gradient(155deg,rgba(27,51,50,.97),rgba(26,43,58,.97))!important;border-color:rgba(145,211,198,.22)!important}
html[data-theme="dark"] .festival-drawer-tab{background:linear-gradient(180deg,rgba(27,51,50,.98),rgba(26,43,58,.98))!important;border-color:rgba(145,211,198,.22)!important}
html[data-theme="dark"] .festival-drawer-panel>header{background:rgba(28,48,52,.96)!important;border-bottom-color:rgba(255,255,255,.10)!important}
html[data-theme="dark"] .festival-drawer-product{background:rgba(31,48,55,.92)!important;border-color:rgba(158,215,205,.13)!important}
html[data-theme="dark"] .festival-drawer-product.is-winner{background:linear-gradient(135deg,rgba(92,73,32,.42),rgba(31,52,50,.92))!important}

/* Minimal Buy Me a Coffee footer support block. */
.footer-support{display:flex;align-items:center;justify-content:space-between;gap:18px;width:var(--container);max-width:calc(100% - 28px);margin:20px auto 10px;padding:12px 14px;border:1px solid rgba(230,184,95,.30);border-radius:16px;background:linear-gradient(135deg,rgba(255,251,235,.72),rgba(237,248,246,.72))}
.footer-support-copy{display:flex;align-items:center;gap:9px;min-width:0}
.footer-support-copy>span{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:#775619}
.footer-support-copy p{max-width:760px;margin:0!important;color:var(--muted);font-size:11px;line-height:1.45}
.footer-support-link{display:block;flex:0 0 auto;border-radius:10px;transition:.18s transform,.18s opacity}
.footer-support-link:hover{transform:translateY(-2px);opacity:.94}
.footer-support-link img{display:block;width:158px;max-width:100%;height:auto;border-radius:9px}
html[data-theme="dark"] .footer-support{border-color:rgba(230,184,95,.18);background:linear-gradient(135deg,rgba(73,63,36,.32),rgba(27,50,48,.38))}
@media(max-width:620px){
  .footer-support{align-items:flex-start;gap:10px;margin-top:14px;padding:10px}
  .footer-support-copy{align-items:flex-start}
  .footer-support-copy>span{width:27px;height:27px}
  .footer-support-copy p{font-size:9.5px}
  .footer-support-link img{width:124px}
}
@media(max-width:420px){.footer-support{display:grid}.footer-support-link{justify-self:start}.footer-support-link img{width:132px}}

/* Footer Settings preview for the bundled support artwork. */
.footer-support-admin-grid{align-items:stretch!important}
.footer-support-admin-preview{display:grid;place-items:center;align-content:center;gap:10px;min-height:180px;padding:16px;border:1px dashed var(--line);border-radius:16px;background:var(--surface-2)}
.footer-support-admin-preview>span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.footer-support-admin-preview img{display:block;width:min(300px,100%);height:auto;border-radius:12px}

/* ================= OLET V23 — share overlay + compact footer support ================= */
/* Share menus are portaled to <body> while open, so no card/carousel overflow can clip them. */
.share-menu.share-menu-portal{
  display:grid!important;
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:100000!important;
  width:min(190px,calc(100vw - 16px))!important;
  max-height:calc(100vh - 16px);
  overflow:auto;
  gap:2px;
  box-shadow:0 24px 60px rgba(19,28,48,.30)!important;
}

/* Footer discovery icon sits with social icons, but has its own world/glow treatment. */
.footer-social-row{display:flex;align-items:center;gap:8px;margin-top:12px}
.footer-social-row .footer-social-links{margin-top:0}
.footer-intro-icon{
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  padding:0!important;
  border:1px solid rgba(116,200,192,.72)!important;
  border-radius:999px;
  background:linear-gradient(145deg,rgba(77,184,194,.34),rgba(103,132,235,.25))!important;
  color:#dffcff!important;
  box-shadow:0 0 0 1px rgba(117,214,216,.08),0 0 18px rgba(91,202,210,.30);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.footer-intro-icon:hover{
  transform:translateY(-1px) scale(1.04);
  border-color:rgba(151,235,229,.95)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(151,235,229,.12),0 0 24px rgba(91,202,210,.48);
}
.footer-intro-icon svg{width:13px;height:13px}

/* Keep support beside copyright on desktop so it does not add another footer row. */
.footer-bottom-row{
  width:var(--container);
  max-width:calc(100% - 28px);
  margin:20px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.footer-bottom-row .footer-bottom{
  flex:1 1 auto;
  width:auto!important;
  margin:0!important;
  min-width:0;
}
.footer-bottom-row .footer-support{
  flex:0 1 390px;
  width:auto!important;
  max-width:390px!important;
  margin:0!important;
  padding:6px 8px!important;
  gap:9px!important;
  border-color:rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.footer-bottom-row .footer-support-copy{gap:6px!important}
.footer-bottom-row .footer-support-copy>span{
  width:22px!important;
  height:22px!important;
  background:rgba(230,184,95,.14)!important;
  color:#f0c96e!important;
  font-size:9px!important;
}
.footer-bottom-row .footer-support-copy p{
  max-width:235px!important;
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.footer-bottom-row .footer-support-link{border-radius:7px!important}
.footer-bottom-row .footer-support-link img{
  width:102px!important;
  max-width:102px!important;
  border-radius:7px!important;
}
html[data-theme="dark"] .footer-bottom-row .footer-support{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.10)!important;
}

@media(max-width:760px){
  .footer-bottom-row{
    margin-top:14px;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:12px;
  }
  .footer-bottom-row .footer-support{
    flex:none;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    gap:10px!important;
    border-color:rgba(230,184,95,.30)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,251,235,.94),rgba(237,248,246,.94))!important;
  }
  .footer-bottom-row .footer-support-copy{align-items:flex-start;gap:8px!important}
  .footer-bottom-row .footer-support-copy>span{
    width:27px!important;
    height:27px!important;
    background:#f8e9bd!important;
    color:#775619!important;
  }
  .footer-bottom-row .footer-support-copy p{
    max-width:none!important;
    color:#263247!important;
    font-size:9.5px!important;
    line-height:1.42!important;
  }
  .footer-bottom-row .footer-support-link img{width:124px!important;max-width:124px!important;border-radius:9px!important}
  .footer-bottom-row .footer-bottom{margin:0!important}
  .footer-social-row{margin-top:10px}
  .footer-intro-icon{width:32px;height:32px}
}
@media(max-width:420px){
  .footer-bottom-row .footer-support{display:grid!important}
  .footer-bottom-row .footer-support-link{justify-self:start}
  .footer-bottom-row .footer-support-link img{width:132px!important;max-width:132px!important}
}


/* ================= OLET V24 — official BMC button + page support banners ================= */
/* Official Buy Me a Coffee script replaces the footer artwork; keep it slightly larger without adding a footer row. */
.olet-bmc-script-slot{display:inline-flex;align-items:center;justify-content:center;min-width:0;overflow:visible;line-height:1}
.olet-bmc-script-slot .bmc-button,
.olet-bmc-script-slot .bmc-btn,
.olet-bmc-script-slot a[class*="bmc"]{margin:0!important}
.olet-bmc-noscript{display:block;line-height:0}
.olet-bmc-noscript img{display:block;width:150px;max-width:100%;height:auto;border-radius:9px}
.footer-support-button{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0;overflow:visible}
.footer-bottom-row .footer-support{flex-basis:470px;max-width:470px!important;padding:7px 9px!important;gap:12px!important}
.footer-bottom-row .footer-support-copy p{max-width:285px!important;font-size:10.5px!important;line-height:1.35!important;color:rgba(255,255,255,.84)!important}
.footer-bottom-row .footer-support-copy>span{width:24px!important;height:24px!important;font-size:10px!important}
.footer-bottom-row .footer-support-button .olet-bmc-script-slot{transform:scale(1.05);transform-origin:right center}
.footer-bottom-row .footer-support-button .olet-bmc-noscript img{width:112px}

/* Page support banner: same compact visual language as Olet Puan, but warmer and visually separate. */
.olet-support-banner{
  position:relative;
  display:grid;
  grid-template-columns:62px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  width:var(--container);
  max-width:calc(100% - 28px);
  margin:16px auto 0;
  padding:15px 18px;
  overflow:visible;
  border:1px solid #ead9b7;
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 14%,rgba(255,221,0,.19),transparent 27%),
    radial-gradient(circle at 7% 100%,rgba(116,200,192,.16),transparent 31%),
    linear-gradient(135deg,#fffaf0,#f2faf7 58%,#f2f7ff);
  box-shadow:0 12px 32px rgba(27,38,61,.07);
}
.olet-support-banner:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.78)}
.olet-support-banner-icon{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(179,137,31,.24);border-radius:17px;background:#ffdd00;color:#171717;font-size:20px;box-shadow:0 9px 20px rgba(120,94,21,.13)}
.olet-support-banner-copy{position:relative;z-index:1;min-width:0}
.olet-support-banner-copy .eyebrow{color:#9b6e17!important}
.olet-support-banner-copy h2{margin:3px 0 5px;font-size:clamp(20px,2vw,27px);line-height:1.08}
.olet-support-banner-copy p{max-width:790px;margin:0;color:#4b5568;font-size:12px;line-height:1.45}
.olet-bmc-widget-help{display:flex;align-items:center;gap:6px;margin-top:6px;color:#778095;font-size:9px;line-height:1.35}
.olet-support-banner-action{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-width:184px;overflow:visible}
.olet-support-banner-action .olet-bmc-script-slot{transform:scale(1.07);transform-origin:right center}
.olet-support-banner .olet-bmc-noscript img{width:168px}
html[data-theme="dark"] .olet-support-banner{border-color:rgba(230,184,95,.18);background:radial-gradient(circle at 92% 14%,rgba(255,221,0,.10),transparent 28%),linear-gradient(135deg,#1f2837,#1c3133 62%,#1d2d42)}
html[data-theme="dark"] .olet-support-banner-copy p{color:rgba(244,246,250,.75)}
html[data-theme="dark"] .olet-bmc-widget-help{color:rgba(244,246,250,.58)}
html[data-theme="dark"] .olet-support-banner-copy .eyebrow{color:#efc75f!important}

@media(max-width:960px){
  .olet-support-banner{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px}
  .olet-support-banner-icon{width:48px;height:48px;border-radius:15px}
  .olet-support-banner-action{grid-column:2;justify-content:flex-start;min-width:0;margin-top:2px}
  .olet-support-banner-action .olet-bmc-script-slot{transform:scale(1.04);transform-origin:left center}
}
@media(max-width:760px){
  .footer-bottom-row .footer-support{max-width:none!important;padding:11px!important;gap:11px!important}
  .footer-bottom-row .footer-support-copy p{max-width:none!important;color:#263247!important;font-size:10.5px!important;line-height:1.45!important}
  .footer-bottom-row .footer-support-button{justify-content:flex-start}
  .footer-bottom-row .footer-support-button .olet-bmc-script-slot{transform:scale(1.04);transform-origin:left center}
  .olet-support-banner{width:min(100vw - 8px,1780px);max-width:none;margin-top:10px;padding:12px;grid-template-columns:44px minmax(0,1fr);gap:10px;border-radius:17px}
  .olet-support-banner-icon{width:42px;height:42px;border-radius:13px;font-size:16px}
  .olet-support-banner-copy h2{font-size:19px}
  .olet-support-banner-copy p{font-size:11px}
  .olet-bmc-widget-help{font-size:8.5px}
  .olet-support-banner-action{grid-column:1/-1;margin-top:1px}
}
@media(max-width:420px){
  .footer-bottom-row .footer-support{display:grid!important}
  .footer-bottom-row .footer-support-button{justify-content:flex-start}
  .olet-support-banner{grid-template-columns:40px minmax(0,1fr)}
  .olet-support-banner-icon{width:38px;height:38px}
}


/* ================= OLET V25 — 2026-09-09 requested finishing adjustments ================= */
/* Footer BMC: roughly half-size visually and in layout, without adding footer height. */
.footer-bottom-row .footer-support-button{
  position:relative!important;
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  height:32px!important;
  min-height:32px!important;
  overflow:visible!important;
}
.footer-bottom-row .footer-support-button .olet-bmc-script-slot{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%) scale(.54)!important;
  transform-origin:right center!important;
  margin:0!important;
}
.footer-bottom-row .footer-support-button .olet-bmc-noscript img{width:205px!important}

/* Page support banners: keep the official BMC control compact. */
.olet-support-banner-action{min-width:150px!important}
.olet-support-banner-action .olet-bmc-script-slot{
  transform:scale(.80)!important;
  transform-origin:right center!important;
}

@media(max-width:960px){
  .olet-support-banner-action{min-width:0!important}
  .olet-support-banner-action .olet-bmc-script-slot{transform:scale(.80)!important;transform-origin:left center!important}
}
@media(max-width:760px){
  .footer-bottom-row .footer-support-button{
    justify-content:flex-start!important;
    flex-basis:116px!important;
    width:116px!important;
    min-width:116px!important;
    height:32px!important;
  }
  .footer-bottom-row .footer-support-button .olet-bmc-script-slot{
    left:0!important;
    right:auto!important;
    transform:translateY(-50%) scale(.54)!important;
    transform-origin:left center!important;
  }
  .olet-support-banner-action .olet-bmc-script-slot{transform:scale(.78)!important;transform-origin:left center!important}
}


/* ================= OLET V26 — compact footer support + mobile BMC widget clearance ================= */
/* Desktop: keep the existing BMC button size, but reserve a real column for it so copy can never sit underneath. */
.footer-bottom-row .footer-support{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 116px!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
}
.footer-bottom-row .footer-support-copy{
  min-width:0!important;
  width:auto!important;
}
.footer-bottom-row .footer-support-copy p{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}
.footer-bottom-row .footer-support-button{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* The floating Buy Me a Coffee cup now uses Olet's teal and clears the native-style mobile dock. */
#bmc-wbtn{background:#74c8c0!important}
@media(max-width:760px){
  #bmc-wbtn,
  #bmc-wbtn + div{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }

  /* Mobile footer: compact two-column row; no tall empty support box. */
  .footer-bottom-row .footer-support{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 116px!important;
    align-items:center!important;
    padding:7px 8px!important;
    gap:8px!important;
    min-height:0!important;
    border-radius:12px!important;
  }
  .footer-bottom-row .footer-support-copy{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  .footer-bottom-row .footer-support-copy>span{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    align-self:center!important;
  }
  .footer-bottom-row .footer-support-copy p{
    margin:0!important;
    max-width:none!important;
    color:#263247!important;
    font-size:9px!important;
    line-height:1.28!important;
  }
  .footer-bottom-row .footer-support-button{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    flex:none!important;
    flex-basis:auto!important;
    width:116px!important;
    min-width:116px!important;
    height:32px!important;
    min-height:32px!important;
  }
}
@media(max-width:420px){
  .footer-bottom-row .footer-support{
    grid-template-columns:minmax(0,1fr) 112px!important;
    padding:6px 7px!important;
    gap:7px!important;
  }
  .footer-bottom-row .footer-support-copy p{
    font-size:8.7px!important;
    line-height:1.24!important;
  }
  .footer-bottom-row .footer-support-button{
    width:112px!important;
    min-width:112px!important;
  }
}

/* ================= OLET V27 — mobile footer BMC sizing fix only ================= */
@media(max-width:760px){
  /* Reset the desktop flex-basis:470px. In the mobile column layout it becomes
     a 470px-tall footer item, which caused the large empty support box. */
  .footer-bottom-row .footer-support{
    flex:0 0 auto!important;
    flex-basis:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Keep the official BMC control fully inside the mobile footer width. */
  .footer-bottom-row .footer-support{
    grid-template-columns:minmax(0,1fr) 110px!important;
  }
  .footer-bottom-row .footer-support-button{
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:31px!important;
    min-height:31px!important;
    box-sizing:border-box!important;
  }
  .footer-bottom-row .footer-support-button .olet-bmc-script-slot{
    left:0!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%) scale(.50)!important;
    transform-origin:left center!important;
  }
}
@media(max-width:420px){
  .footer-bottom-row .footer-support{
    grid-template-columns:minmax(0,1fr) 106px!important;
    padding:6px 7px!important;
    gap:6px!important;
  }
  .footer-bottom-row .footer-support-button{
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:30px!important;
    min-height:30px!important;
  }
  .footer-bottom-row .footer-support-button .olet-bmc-script-slot{
    transform:translateY(-50%) scale(.48)!important;
  }
}

/* ================= OLET DE V29 — Full Insight / source-link presentation ================= */
.product-full-insight-block .olet-insight-reader,
.adult-product-full-insight .olet-insight-reader{
  overflow:hidden;
  margin:0 0 24px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--line) 82%,#b9934a 18%);
  border-radius:22px;
  background:linear-gradient(155deg,var(--surface) 0%,var(--surface-2) 58%,color-mix(in srgb,var(--gold-soft) 28%,var(--surface) 72%) 100%);
  box-shadow:0 18px 46px rgba(28,39,59,.08);
}
.product-full-insight-block .insight-reader-head,
.adult-product-full-insight .insight-reader-head{
  position:relative;
  align-items:center;
  gap:14px;
  margin:0;
  padding:18px 20px 16px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(110deg,color-mix(in srgb,var(--gold-soft) 38%,transparent),transparent 58%);
}
.product-full-insight-block .insight-reader-icon,
.adult-product-full-insight .insight-reader-icon{
  flex:0 0 50px;
  width:50px;
  height:50px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff3cf,#e9c677);
  color:#71521b;
  box-shadow:inset 0 0 0 1px rgba(113,82,27,.11),0 8px 20px rgba(113,82,27,.12);
  font-size:18px;
}
.insight-reader-title{min-width:0;display:grid;gap:2px}
.product-full-insight-block .insight-reader-head h3,
.adult-product-full-insight .insight-reader-head h3{margin:2px 0 0;font-size:clamp(21px,2vw,28px);letter-spacing:-.025em}
.insight-reader-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}
.insight-reader-meta>span{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.01em}
.insight-reader-meta i{font-size:9px;color:#8b6a31}
.product-full-insight-block .insight-reader-body,
.adult-product-full-insight .insight-reader-body{padding:18px 20px 6px;gap:12px}
.product-full-insight-block .insight-text-paragraphs,
.adult-product-full-insight .insight-text-paragraphs{gap:11px}
.insight-text-section{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px 15px;border-color:color-mix(in srgb,var(--line) 88%,#b9934a 12%);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,var(--surface-3) 6%);box-shadow:0 4px 14px rgba(30,42,65,.025)}
.insight-section-index{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--gold-soft),var(--surface-3));font-size:12px}
.insight-section-copy{min-width:0}
.insight-section-copy p{color:var(--ink)!important;font-size:14px!important;line-height:1.76!important}
.insight-source-link{display:inline-flex;align-items:center;vertical-align:middle;gap:6px;max-width:min(100%,290px);min-height:28px;margin:2px 3px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--line) 76%,#4f9b92 24%);border-radius:999px;background:color-mix(in srgb,var(--surface-3) 68%,#e3f4f1 32%);color:var(--ink)!important;text-decoration:none!important;font-size:10.5px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap;box-shadow:0 3px 10px rgba(38,99,92,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.insight-source-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#4f9b92 60%,var(--line) 40%);box-shadow:0 7px 18px rgba(38,99,92,.10)}
.insight-source-domain{min-width:0;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-source-icon,.insight-source-open{display:inline-grid;place-items:center;flex:0 0 auto;color:#3f837a}
.insight-source-icon{width:17px;height:17px;border-radius:6px;background:color-mix(in srgb,#d9f1ed 72%,var(--surface) 28%);font-size:8px}
.insight-source-open{font-size:8px;opacity:.68}
.product-full-insight-block .insight-reader-toggle,
.adult-product-full-insight .insight-reader-toggle{width:calc(100% - 40px);margin:12px 20px 18px;padding:11px 14px;border-radius:13px;background:var(--surface);font-size:11px}
.product-full-insight-block .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body,
.adult-product-full-insight .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body{max-height:410px}
.product-full-insight-block .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after,
.adult-product-full-insight .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after{left:20px;right:20px;bottom:0;height:110px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface-2))}
.festival-rank-copy .insight-text-section,.festival-summary-intro .insight-text-section{grid-template-columns:30px minmax(0,1fr);padding:9px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.festival-rank-copy .insight-text-section:first-child,.festival-summary-intro .insight-text-section:first-child{border-top:0;padding-top:0}
.festival-rank-copy .insight-section-index,.festival-summary-intro .insight-section-index{width:27px;height:27px;border-radius:9px;font-size:9px}
.festival-rank-copy .insight-section-copy p,.festival-summary-intro .insight-section-copy p{color:var(--muted)!important;font-size:13.5px!important;line-height:1.68!important}
.rich-insight-content .insight-source-link{display:inline-flex}
.product-reading-layout .article-shell{min-width:0}
html[data-theme="dark"] .product-full-insight-block .olet-insight-reader,
html[data-theme="dark"] .adult-product-full-insight .olet-insight-reader{box-shadow:0 18px 46px rgba(0,0,0,.18)}
html[data-theme="dark"] .product-full-insight-block .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after,
html[data-theme="dark"] .adult-product-full-insight .olet-insight-reader.is-collapsible:not(.is-expanded) .insight-reader-body:after{background:linear-gradient(180deg,rgba(23,32,51,0),var(--surface-2))}
@media(max-width:620px){
  .product-full-insight-block .olet-insight-reader,.adult-product-full-insight .olet-insight-reader{border-radius:17px;margin-bottom:18px}
  .product-full-insight-block .insight-reader-head,.adult-product-full-insight .insight-reader-head{padding:14px 14px 13px;gap:10px}
  .product-full-insight-block .insight-reader-icon,.adult-product-full-insight .insight-reader-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:15px}
  .product-full-insight-block .insight-reader-head h3,.adult-product-full-insight .insight-reader-head h3{font-size:19px}
  .insight-reader-meta{gap:5px;margin-top:5px}.insight-reader-meta>span{min-height:23px;padding:4px 7px;font-size:8.5px}
  .product-full-insight-block .insight-reader-body,.adult-product-full-insight .insight-reader-body{padding:13px 13px 4px}
  .insight-text-section{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:11px;border-radius:13px}
  .insight-section-index{width:29px;height:29px;border-radius:9px;font-size:10px}
  .insight-section-copy p{font-size:13px!important;line-height:1.68!important}
  .insight-source-link{max-width:100%;min-height:26px;margin:2px 1px;padding:4px 7px;font-size:9.5px!important}.insight-source-domain{max-width:175px}
  .product-full-insight-block .insight-reader-toggle,.adult-product-full-insight .insight-reader-toggle{width:calc(100% - 26px);margin:10px 13px 13px}
}