:root{--shell-main:#003051;--shell-accent:#1789bd;--shell-footer-accent:#86cce5;--shell-ink:#14364c;--shell-muted:#577082;--shell-top-glass:rgba(232,241,246,.68);--shell-main-glass:rgba(255,255,255,.76);--shell-menu-glass:rgba(255,255,255,.94)}
body.brand-sopung{--shell-main:#6e9438;--shell-accent:#628d34;--shell-footer-accent:#e7f3ca;--shell-ink:#29411c;--shell-muted:#526745;--shell-top-glass:rgba(226,237,213,.7);--shell-main-glass:rgba(246,250,240,.78);--shell-menu-glass:rgba(248,251,244,.95)}
body.brand-kong{--shell-main:#4a3024;--shell-accent:#8e654f;--shell-footer-accent:#dfbea5;--shell-ink:#402d24;--shell-muted:#6c584e;--shell-top-glass:rgba(235,224,216,.7);--shell-main-glass:rgba(251,247,244,.78);--shell-menu-glass:rgba(252,249,247,.95)}
.affiliate-bar.site-shell{background:var(--shell-top-glass)!important;height:42px;padding:0 2.15rem;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid rgba(46,87,112,.12)}
.affiliate-bar.site-shell .affiliate-track{gap:2.65rem;flex:1}
.affiliate-bar.site-shell .aff-item{font-size:12px;font-weight:600;color:var(--shell-muted)}
.affiliate-bar.site-shell .aff-item:hover{color:var(--shell-ink)}
.affiliate-bar.site-shell .lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 8px;border:1px solid rgba(35,75,99,.3);color:var(--shell-muted);font:600 10px Inter,sans-serif;letter-spacing:1px;text-decoration:none}
.affiliate-bar.site-shell .lang-switch a.active,.affiliate-bar.site-shell .lang-switch a:hover{border-color:var(--shell-accent);color:var(--shell-accent)}
nav#mainNav.site-shell-nav{top:42px;height:92px;padding:0 3.5rem;background:var(--shell-main-glass)!important;box-shadow:0 8px 28px rgba(0,35,57,.06);border-bottom:1px solid rgba(27,69,94,.14);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.site-shell-nav .nav-logo-svg{width:44px;height:44px}.site-shell-nav .nav-logo-text{font-size:16px;letter-spacing:2.5px;color:var(--shell-ink)!important}.site-shell-nav .nav-logo-sub{color:var(--shell-accent)}
.site-shell-nav .nav-links{gap:2.75rem}.site-shell-nav .nav-links>li{padding:36px 0}.site-shell-nav .nav-links>li>a{font-size:14px;font-weight:600;color:var(--shell-ink)!important;position:relative}.site-shell-nav .nav-links>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:-14px;height:2px;background:var(--shell-accent);transition:right .25s}.site-shell-nav .nav-links>li:hover>a:after{right:0}.site-shell-nav .sub-menu{background:var(--shell-menu-glass)!important;border:1px solid rgba(31,76,102,.12);box-shadow:0 20px 45px rgba(0,35,57,.1);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.site-shell-nav .sub-menu a{color:var(--shell-ink)!important}.site-shell-nav .sub-menu a:hover{color:var(--shell-accent)!important}
.site-shell-nav .menu-toggle span{background:var(--shell-ink)}
nav#mainNav.site-shell-nav+section,nav#mainNav.site-shell-nav+header{margin-top:134px!important}
footer.site-shell-footer{background:var(--shell-main)!important;padding:5.3rem 5vw 2rem;color:rgba(255,255,255,.72)}
.site-shell-footer .footer-top{max-width:1700px;margin:0 auto;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3.4rem}
.site-shell-footer .footer-col h4{color:var(--shell-footer-accent);font-size:13px;letter-spacing:1.6px}.site-shell-footer .footer-col p,.site-shell-footer .footer-col li{font-size:.9rem;line-height:1.9}.site-shell-footer .footer-col a{color:rgba(255,255,255,.72)}
.site-shell-footer .footer-address-label{color:var(--shell-footer-accent);font-size:12px;margin-top:1.4rem}.site-shell-footer .footer-bottom,.site-shell-footer .footer-legal{max-width:1700px;margin-left:auto;margin-right:auto}.site-shell-footer .footer-bottom{padding-top:2rem}.site-shell-footer .footer-legal{margin-top:1.4rem;padding-top:1.4rem}
body.brand-sopung #toTop,body.brand-kong #toTop{background:var(--shell-main);color:var(--shell-footer-accent);border-color:rgba(255,255,255,.45)}
@media(max-width:1100px){.affiliate-bar.site-shell .affiliate-track{gap:1.5rem}.site-shell-nav .nav-links{gap:1.7rem}.site-shell-footer .footer-top{gap:2rem}}
@media(max-width:960px){.affiliate-bar.site-shell{height:36px;padding:0 1.25rem}.affiliate-bar.site-shell .lang-switch{display:none}nav#mainNav.site-shell-nav{top:36px;height:76px;padding:0 1.5rem}nav#mainNav.site-shell-nav+section,nav#mainNav.site-shell-nav+header{margin-top:112px!important}.site-shell-nav .nav-links{position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.5rem 1.5rem;background:var(--shell-menu-glass);border-bottom:1px solid rgba(31,76,102,.12);box-shadow:0 20px 40px rgba(0,35,57,.1);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.site-shell-nav .nav-links>li{padding:.8rem 0}.site-shell-nav .nav-links>li>a:after{display:none}.site-shell-nav .sub-menu{position:static!important;transform:none!important;margin:.75rem 0 0!important}.site-shell-footer .footer-top{grid-template-columns:1fr 1fr}.site-shell-footer{padding:4rem 1.75rem 1.5rem}}
@media(max-width:620px){.site-shell-footer .footer-top{grid-template-columns:1fr;gap:2rem}.site-shell-footer .footer-bottom{align-items:flex-start;gap:1rem;flex-direction:column}.affiliate-bar.site-shell .affiliate-track{gap:1.35rem}}
@media(max-width:960px){.affiliate-bar.site-shell .lang-switch{display:flex;position:relative;z-index:2;background:var(--shell-top-glass);margin-left:auto;padding-left:.5rem}.affiliate-bar.site-shell .affiliate-track{min-width:0;overflow:hidden;white-space:nowrap}.affiliate-bar.site-shell .lang-switch a{padding:2px 6px;font-size:9px}}