/* Shared menu paint tokens. Layout and interaction stay in base.css/site.js. */
body{
  --menu-accent:#ff2f78;--menu-active:#ff2f78;--menu-active-text:#fff;
  --menu-hover:rgba(255,255,255,.1);--menu-panel:#111;--menu-panel-text:#eee;
  --menu-border:rgba(255,255,255,.14);--menu-tile:rgba(255,255,255,.045);
  --menu-mobile:rgba(0,0,0,.3);--menu-radius:9px;--menu-panel-radius:16px;
  --menu-shadow:0 25px 70px rgba(0,0,0,.45);--menu-font:Arial,"Microsoft YaHei",sans-serif;
}
.top .nav-link,.top .nav-dropdown>button{border-radius:var(--menu-radius);font-family:var(--menu-font);transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.top .nav-link:hover,.top .nav-dropdown>button:hover,.top .nav-dropdown.is-open>button{background:var(--menu-hover)}
.top .nav-link.is-current,.top .nav-dropdown.is-current>button{background:var(--menu-active);color:var(--menu-active-text)}
.top .nav-link.is-current:before,.top .nav-dropdown.is-current>button:before{background:var(--menu-active-text)}
.top .nav-random{border-color:var(--menu-border)}
.top .category-menu{box-sizing:border-box;min-width:0;border-color:var(--menu-border);border-radius:var(--menu-panel-radius);background:var(--menu-panel);color:var(--menu-panel-text);box-shadow:var(--menu-shadow)}
.top .category-menu>a{border:1px solid transparent;border-radius:calc(var(--menu-radius) - 2px);color:var(--menu-panel-text)}
.top .category-menu>a:hover{border-color:var(--menu-border);background:var(--menu-hover)}
.top .category-menu>a em{color:var(--menu-accent)}
.top .menu-panel-head{border-color:var(--menu-border)}
.top .category-menu .menu-panel-head a{color:var(--menu-panel-text);opacity:.62}
.top .category-menu .menu-panel-head a:hover{color:var(--menu-accent);opacity:1}
.top .nav-toggle{border-color:var(--menu-border);border-radius:var(--menu-radius)}
.top :is(a,button):focus-visible{outline:2px solid var(--menu-accent);outline-offset:2px}
.top .trend-bar{border-color:var(--menu-border);background:var(--menu-mobile)}
.top .trend-bar strong,.top .trend-more,.top .trend-bar a:hover{color:var(--menu-accent)}

/* Pink dark: glossy pills and a soft pink flyout. */
.template-pink_dark{--menu-accent:#ff2f78;--menu-active:linear-gradient(135deg,#ff2f78,#c90050);--menu-hover:rgba(255,47,120,.14);--menu-panel:#171116;--menu-border:rgba(255,47,120,.25);--menu-mobile:#0e090c;--menu-tile:#171116;--menu-radius:999px;--menu-panel-radius:22px;--menu-shadow:0 28px 70px rgba(255,47,120,.16)}
.template-pink_dark .top .nav-link.is-current,.template-pink_dark .top .nav-dropdown.is-current>button{box-shadow:0 8px 22px rgba(255,47,120,.28)}
.template-pink_dark .top .nav-link.is-current:before,.template-pink_dark .top .nav-dropdown.is-current>button:before{display:none}
.template-pink_dark .top .category-menu>a{border-radius:13px}

/* Gold black: squared, double-lined cinema marquee. */
.template-gold_black{--menu-accent:#f5b342;--menu-active:#d99a22;--menu-active-text:#130d03;--menu-hover:rgba(245,179,66,.12);--menu-panel:#17120c;--menu-panel-text:#f6ead5;--menu-border:rgba(245,179,66,.36);--menu-mobile:#0a0804;--menu-tile:#17120c;--menu-radius:2px;--menu-panel-radius:2px;--menu-shadow:0 28px 70px rgba(0,0,0,.72)}
.template-gold_black .top .nav{padding:4px;border-top:1px solid var(--menu-border);border-bottom:1px solid var(--menu-border)}
.template-gold_black .top .nav-link,.template-gold_black .top .nav-dropdown>button{letter-spacing:.07em}
.template-gold_black .top .category-menu{outline:1px solid #6a491d;outline-offset:4px}
.template-gold_black .top .nav-link.is-current:before,.template-gold_black .top .nav-dropdown.is-current>button:before{display:none}

/* Glass night: floating translucent panes. */
.template-glass_night{--menu-accent:#c4b5fd;--menu-active:rgba(139,92,246,.48);--menu-hover:rgba(255,255,255,.1);--menu-panel:rgba(20,15,48,.84);--menu-panel-text:#f7f4ff;--menu-border:rgba(196,181,253,.3);--menu-mobile:rgba(14,10,38,.78);--menu-tile:rgba(255,255,255,.07);--menu-radius:14px;--menu-panel-radius:28px;--menu-shadow:0 30px 90px rgba(66,45,150,.42)}
.template-glass_night .top .nav-link,.template-glass_night .top .nav-dropdown>button,.template-glass_night .top .category-menu{backdrop-filter:blur(18px)}
.template-glass_night .top .nav-link.is-current,.template-glass_night .top .nav-dropdown.is-current>button{border:1px solid rgba(196,181,253,.36);box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 28px rgba(89,52,190,.24)}

/* Red movie: sharp title tabs. */
.template-red_movie{--menu-accent:#ff3b3b;--menu-active:#d71920;--menu-hover:rgba(215,25,32,.16);--menu-panel:#1e1010;--menu-border:rgba(255,59,59,.3);--menu-mobile:#110606;--menu-tile:#1e1010;--menu-radius:0;--menu-panel-radius:0;--menu-shadow:10px 18px 0 rgba(0,0,0,.42)}
.template-red_movie .top .nav-link,.template-red_movie .top .nav-dropdown>button{border-left:2px solid transparent;text-transform:uppercase}
.template-red_movie .top .nav-link.is-current,.template-red_movie .top .nav-dropdown.is-current>button{border-left-color:#fff;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
.template-red_movie .top .nav-link.is-current:before,.template-red_movie .top .nav-dropdown.is-current>button:before{display:none}

/* Cinema wide: projection-room ticket buttons. */
.template-cinema_wide{--menu-accent:#ffcc00;--menu-active:#ffcc00;--menu-active-text:#111;--menu-hover:rgba(255,204,0,.12);--menu-panel:#151515;--menu-border:rgba(255,204,0,.32);--menu-mobile:#0c0c0c;--menu-tile:#171717;--menu-radius:4px;--menu-panel-radius:4px;--menu-shadow:0 32px 90px rgba(0,0,0,.72)}
.template-cinema_wide .top .nav-link,.template-cinema_wide .top .nav-dropdown>button{border:1px dashed transparent}
.template-cinema_wide .top .nav-link:hover,.template-cinema_wide .top .nav-dropdown>button:hover{border-color:var(--menu-border)}
.template-cinema_wide .top .nav-link.is-current,.template-cinema_wide .top .nav-dropdown.is-current>button{border-color:#111;box-shadow:0 0 0 1px #ffcc00}
.template-cinema_wide .top .nav-link.is-current:before,.template-cinema_wide .top .nav-dropdown.is-current>button:before{display:none}

/* Luxury card: large jewel-like capsules. */
.template-luxury_card{--menu-accent:#ff7ad9;--menu-active:linear-gradient(135deg,#c746ff,#ff58b7);--menu-hover:rgba(255,122,217,.13);--menu-panel:linear-gradient(155deg,#2a1931,#120d16);--menu-border:rgba(255,122,217,.3);--menu-mobile:rgba(18,10,22,.92);--menu-tile:linear-gradient(155deg,#29172f,#160d1b);--menu-radius:18px;--menu-panel-radius:30px;--menu-shadow:0 35px 90px rgba(199,70,255,.2)}
.template-luxury_card .top .nav-link.is-current,.template-luxury_card .top .nav-dropdown.is-current>button{box-shadow:0 10px 26px rgba(199,70,255,.3)}
.template-luxury_card .top .nav-link.is-current:before,.template-luxury_card .top .nav-dropdown.is-current>button:before{display:none}
.template-luxury_card .top .category-menu{padding:17px}

/* Purple neon: outlined controls with glow. */
.template-purple_neon{--menu-accent:#b15cff;--menu-active:#8e44ff;--menu-hover:rgba(177,92,255,.13);--menu-panel:#1a1029;--menu-border:rgba(177,92,255,.48);--menu-mobile:#10091a;--menu-tile:#1a1029;--menu-radius:8px;--menu-panel-radius:18px;--menu-shadow:0 0 42px rgba(142,68,255,.34)}
.template-purple_neon .top .nav-link,.template-purple_neon .top .nav-dropdown>button{border:1px solid transparent}
.template-purple_neon .top .nav-link.is-current,.template-purple_neon .top .nav-dropdown.is-current>button{border-color:#d5a8ff;box-shadow:0 0 9px #8e44ff,0 0 24px rgba(142,68,255,.55);text-shadow:0 0 8px #fff}
.template-purple_neon .top .category-menu{box-shadow:0 0 0 1px #6d28d9,0 0 42px rgba(142,68,255,.32)}

/* Sunset cards: warm gradient tabs. */
.template-sunset_cards{--menu-accent:#fb923c;--menu-active:linear-gradient(135deg,#fb923c,#ef4444);--menu-hover:rgba(251,146,60,.14);--menu-panel:#1d100c;--menu-border:rgba(251,146,60,.34);--menu-mobile:#160b08;--menu-tile:#27130d;--menu-radius:13px;--menu-panel-radius:24px;--menu-shadow:0 30px 80px rgba(239,68,68,.2)}
.template-sunset_cards .top .nav-link.is-current,.template-sunset_cards .top .nav-dropdown.is-current>button{box-shadow:0 9px 25px rgba(239,68,68,.24);transform:translateY(-1px)}
.template-sunset_cards .top .nav-link.is-current:before,.template-sunset_cards .top .nav-dropdown.is-current>button:before{display:none}

/* Black red: hard segmented controls and left status bars. */
.template-black_red_sidebar{--menu-accent:#ff2020;--menu-active:#ff2020;--menu-hover:rgba(255,32,32,.14);--menu-panel:#150a0a;--menu-border:rgba(255,32,32,.36);--menu-mobile:#100303;--menu-tile:#190909;--menu-radius:0;--menu-panel-radius:2px;--menu-shadow:12px 14px 0 rgba(0,0,0,.55)}
.template-black_red_sidebar .top .nav{gap:0;border:1px solid #521010}
.template-black_red_sidebar .top .nav-link,.template-black_red_sidebar .top .nav-dropdown>button{border-right:1px solid #521010}
.template-black_red_sidebar .top .nav-link.is-current,.template-black_red_sidebar .top .nav-dropdown.is-current>button{box-shadow:inset 4px 0 #fff}
.template-black_red_sidebar .top .nav-link.is-current:before,.template-black_red_sidebar .top .nav-dropdown.is-current>button:before{display:none}

/* Mono magazine: editorial rules and serif labels. */
.template-mono_magazine{--menu-accent:#111;--menu-active:#111;--menu-active-text:#f3f0ea;--menu-hover:rgba(17,17,17,.08);--menu-panel:#fff;--menu-panel-text:#111;--menu-border:#bdb5a8;--menu-mobile:#e9e4da;--menu-tile:#f8f6f1;--menu-radius:0;--menu-panel-radius:0;--menu-shadow:9px 9px 0 rgba(17,17,17,.18);--menu-font:Georgia,"Times New Roman",serif}
.template-mono_magazine .top .nav{border-top:2px solid #111;border-bottom:1px solid #111}
.template-mono_magazine .top .nav-link,.template-mono_magazine .top .nav-dropdown>button{letter-spacing:.04em}
.template-mono_magazine .top .nav-link.is-current:before,.template-mono_magazine .top .nav-dropdown.is-current>button:before{display:none}
.template-mono_magazine .top .category-menu>a{border-bottom:1px solid #ded8ce}

/* Light pink: airy bubble navigation. */
.template-light_pink{--menu-accent:#ff3b86;--menu-active:#ff3b86;--menu-hover:#fff0f5;--menu-panel:#fff;--menu-panel-text:#3b2029;--menu-border:#edcad5;--menu-mobile:#fff5f8;--menu-tile:#fff;--menu-radius:999px;--menu-panel-radius:24px;--menu-shadow:0 24px 60px rgba(255,70,130,.18)}
.template-light_pink .top .nav-link,.template-light_pink .top .nav-dropdown>button{color:#3b2029}
.template-light_pink .top .nav-link.is-current,.template-light_pink .top .nav-dropdown.is-current>button{box-shadow:0 7px 18px rgba(255,59,134,.2)}
.template-light_pink .top .nav-link.is-current:before,.template-light_pink .top .nav-dropdown.is-current>button:before{display:none}
.template-light_pink .top .category-menu>a{border-radius:14px}

/* Asian gold: bronze frames inspired by title seals. */
.template-asian_gold{--menu-accent:#ffb84d;--menu-active:#b8731a;--menu-hover:rgba(255,184,77,.12);--menu-panel:#21150a;--menu-panel-text:#fff4dd;--menu-border:rgba(255,184,77,.38);--menu-mobile:#120b05;--menu-tile:#21150a;--menu-radius:5px;--menu-panel-radius:6px;--menu-shadow:0 28px 70px rgba(0,0,0,.62)}
.template-asian_gold .top .nav-link,.template-asian_gold .top .nav-dropdown>button{border-top:1px solid transparent;border-bottom:1px solid transparent}
.template-asian_gold .top .nav-link.is-current,.template-asian_gold .top .nav-dropdown.is-current>button{border-color:#ffcf84;box-shadow:inset 0 0 0 1px #6e4217}
.template-asian_gold .top .category-menu{outline:1px solid #6e4217;outline-offset:-5px;padding:17px}

/* Midnight blue: streamlined underline tabs. */
.template-blue_midnight{--menu-accent:#4da3ff;--menu-active:transparent;--menu-active-text:#8fc5ff;--menu-hover:rgba(39,124,255,.13);--menu-panel:#0d1b2e;--menu-panel-text:#eaf4ff;--menu-border:rgba(77,163,255,.3);--menu-mobile:#07111f;--menu-tile:#0d1b2e;--menu-radius:3px;--menu-panel-radius:6px;--menu-shadow:0 26px 70px rgba(0,74,160,.24)}
.template-blue_midnight .top .nav-link,.template-blue_midnight .top .nav-dropdown>button{border-bottom:3px solid transparent}
.template-blue_midnight .top .nav-link.is-current,.template-blue_midnight .top .nav-dropdown.is-current>button{border-bottom-color:#277cff;background:linear-gradient(180deg,transparent,rgba(39,124,255,.15))}
.template-blue_midnight .top .nav-link.is-current:before,.template-blue_midnight .top .nav-dropdown.is-current>button:before{display:none}

/* Emerald stream: rounded translucent stream controls. */
.template-emerald_stream{--menu-accent:#34d399;--menu-active:rgba(52,211,153,.92);--menu-active-text:#03201c;--menu-hover:rgba(52,211,153,.12);--menu-panel:rgba(6,45,42,.94);--menu-panel-text:#edfdf9;--menu-border:rgba(52,211,153,.32);--menu-mobile:rgba(3,25,23,.94);--menu-tile:rgba(6,45,42,.8);--menu-radius:12px;--menu-panel-radius:20px;--menu-shadow:0 30px 80px rgba(0,0,0,.35)}
.template-emerald_stream .top .nav-link,.template-emerald_stream .top .nav-dropdown>button,.template-emerald_stream .top .category-menu{backdrop-filter:blur(14px)}
.template-emerald_stream .top .nav-link.is-current,.template-emerald_stream .top .nav-dropdown.is-current>button{box-shadow:0 8px 22px rgba(52,211,153,.2)}
.template-emerald_stream .top .nav-link.is-current:before,.template-emerald_stream .top .nav-dropdown.is-current>button:before{display:none}

/* Compact grid: dense squared dashboard cells. */
.template-compact_grid{--menu-accent:#00e6a8;--menu-active:#00b886;--menu-active-text:#001b14;--menu-hover:rgba(0,230,168,.12);--menu-panel:#181818;--menu-panel-text:#e8e8e8;--menu-border:#293b36;--menu-mobile:#090d0c;--menu-tile:#141a18;--menu-radius:3px;--menu-panel-radius:4px;--menu-shadow:0 22px 50px rgba(0,0,0,.68)}
.template-compact_grid .top .nav{gap:2px}
.template-compact_grid .top .nav-link,.template-compact_grid .top .nav-dropdown>button{padding-top:8px;padding-bottom:8px;border:1px solid #1d2926;font-size:11px}
.template-compact_grid .top .nav-link.is-current:before,.template-compact_grid .top .nav-dropdown.is-current>button:before{display:none}
.template-compact_grid .top .category-menu{gap:2px;padding:7px}

/* Template identity: logos and header composition are intentionally different. */
.template-pink_dark .top .logo-age{border-radius:50%;background:#ff2f78;color:#fff;box-shadow:0 0 0 4px rgba(255,47,120,.14)}
.template-gold_black .top .logo-age{width:58px;border:1px solid #f5b342;border-radius:0;transform:none;font-size:8px;letter-spacing:.14em;background:#f5b342;color:#130d03}
.template-gold_black .top .logo>span:last-child{font-family:Georgia,"Times New Roman",serif;letter-spacing:.05em;text-transform:uppercase}
.template-purple_neon .top{margin:10px 14px 0;border:1px solid rgba(177,92,255,.34);border-radius:14px;box-shadow:0 0 34px rgba(142,68,255,.2)}
.template-purple_neon .top .logo-age{width:46px;border:1px solid #d5a8ff;border-radius:8px;transform:skew(-8deg);background:#8e44ff;color:#fff;box-shadow:0 0 18px #8e44ff;font-size:9px}
.template-purple_neon .top .logo>span:last-child{font-family:"Trebuchet MS",Arial,sans-serif;letter-spacing:.04em;text-shadow:0 0 12px rgba(213,168,255,.65)}
.template-red_movie .top{border-top:4px solid #d71920}
.template-red_movie .top .logo-age{width:46px;border:0;border-radius:0;transform:rotate(-4deg);background:#d71920;color:#fff;font-size:9px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.template-red_movie .top .logo>span:last-child{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.03em;text-transform:uppercase}
.template-blue_midnight .top .logo-age{width:48px;border:1px solid #4da3ff;border-radius:3px;transform:none;color:#8fc5ff;font-size:9px;background:linear-gradient(90deg,#07111f,#12355c)}
.template-blue_midnight .top .logo>span:last-child{font-weight:600;letter-spacing:.08em}
.template-cinema_wide .top .logo-age{width:56px;border:1px dashed #ffcc00;border-radius:3px;transform:none;background:#ffcc00;color:#111;font-size:8px;letter-spacing:.12em}
.template-cinema_wide .top .logo>span:last-child{font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.05em}
.template-compact_grid .top-inner{padding-top:7px;padding-bottom:7px}.template-compact_grid .top .logo-age{width:44px;height:34px;border:1px solid #00e6a8;border-radius:2px;transform:none;background:#001b14;color:#00e6a8;font-size:8px}.template-compact_grid .top .logo>span:last-child{font:800 21px/1 monospace;letter-spacing:-.05em}
.template-luxury_card .top .logo-age{width:50px;border:1px solid #ff7ad9;border-radius:14px 2px 14px 2px;transform:rotate(-3deg);background:linear-gradient(135deg,#c746ff,#ff58b7);color:#fff;font-family:Georgia,serif;font-size:10px;box-shadow:0 8px 24px rgba(199,70,255,.3)}
.template-luxury_card .top .logo>span:last-child{font-family:Georgia,"Times New Roman",serif;letter-spacing:.04em}
.template-light_pink .top{border-bottom:0;box-shadow:0 8px 28px rgba(255,59,134,.1)}.template-light_pink .top .logo-age{width:48px;border:0;border-radius:999px;transform:none;background:#ff3b86;color:#fff;font-size:8px;box-shadow:0 5px 16px rgba(255,59,134,.22)}.template-light_pink .top .logo>span:last-child{font-weight:800;color:#d72869}
.template-black_red_sidebar .top .logo-age{width:40px;border:0;border-radius:0;transform:none;background:#ff2020;color:#050505;font:900 9px/1 monospace;box-shadow:6px 0 0 #fff}.template-black_red_sidebar .top .logo{gap:14px}.template-black_red_sidebar .top .logo>span:last-child{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.template-asian_gold .top .logo-age{width:42px;border:2px double #ffb84d;border-radius:3px;transform:rotate(-3deg);background:#6e4217;color:#fff4dd;font-size:8px}.template-asian_gold .top .logo>span:last-child{font-family:Georgia,"Microsoft YaHei",serif;letter-spacing:.12em}
.template-emerald_stream .top .logo-age{width:50px;height:32px;border:1px solid #34d399;border-radius:999px;transform:none;background:rgba(52,211,153,.16);color:#75f0c2;font-size:8px;letter-spacing:.12em}.template-emerald_stream .top .logo>span:last-child{font-weight:700;letter-spacing:.03em}
.template-mono_magazine .top{position:relative;background:#f3f0ea;color:#111}.template-mono_magazine .top-inner{display:grid;grid-template-columns:auto 1fr auto}.template-mono_magazine .top .logo-age{width:45px;border:2px solid #111;border-radius:0;transform:none;background:#111;color:#fff;font:700 8px/1 Georgia,serif}.template-mono_magazine .top .logo>span:last-child{font:700 25px/1 Georgia,"Times New Roman",serif;text-transform:uppercase}.template-mono_magazine .top .nav{justify-self:center}.template-mono_magazine .top .search{margin-left:0}
.template-sunset_cards .top .logo-age{width:46px;border:0;border-radius:50%;transform:none;background:linear-gradient(135deg,#fb923c,#ef4444);color:#fff;font-size:8px;box-shadow:0 0 0 5px rgba(251,146,60,.12)}.template-sunset_cards .top .logo>span:last-child{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900}
.template-glass_night .top{margin:10px 14px 0;border:1px solid rgba(196,181,253,.24);border-radius:22px;background:rgba(14,10,38,.72);box-shadow:0 20px 60px rgba(20,15,48,.25)}.template-glass_night .top .logo-age{width:52px;border:1px solid rgba(255,255,255,.3);border-radius:12px;transform:none;background:rgba(255,255,255,.1);color:#fff;font-size:8px;letter-spacing:.08em;backdrop-filter:blur(14px)}.template-glass_night .top .logo>span:last-child{font-weight:600;letter-spacing:.08em}

@media(max-width:940px){
  .top .nav{box-sizing:border-box;min-width:0;border-color:var(--menu-border);border-radius:var(--menu-panel-radius);background:var(--menu-mobile)}
  .top .nav-link,.top .nav-dropdown>button{border-color:var(--menu-border);border-radius:var(--menu-radius);background:var(--menu-tile)}
  .top .nav-dropdown:not(.is-open) .category-menu{display:none}
  .top .nav-dropdown.is-open .category-menu,.top .nav-dropdown.is-open .menu-panel-head{background:var(--menu-panel)}
  .template-gold_black .top .nav,.template-mono_magazine .top .nav,.template-black_red_sidebar .top .nav{border-top-color:var(--menu-border);border-bottom-color:var(--menu-border)}
  .template-red_movie .top .nav-link.is-current,.template-red_movie .top .nav-dropdown.is-current>button{clip-path:none}
  .template-compact_grid .top .nav-link,.template-compact_grid .top .nav-dropdown>button{padding:5px 3px}
  .template-purple_neon .top,.template-glass_night .top{margin:6px 7px 0}
  .template-mono_magazine .top-inner{display:flex}
}