/* APACUP DEMO V0.5 – shared visual vocabulary, no Core integration. */
:root{--ap-teal:#39b9bd;--ap-blue:#278fbc;--ap-ink:#163b47;--ap-soft:#eaf8f9}
html{scroll-behavior:smooth}body{color:var(--ap-ink)}
.ap-desktop-nav{display:none;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,30px);flex:1;min-width:0}
.ap-desktop-nav a{font:600 14px/1.3 system-ui,sans-serif;color:#284e59;text-decoration:none;white-space:nowrap;padding:10px 0}
.ap-desktop-nav a:hover,.ap-desktop-nav a:focus-visible{color:#168fa6;text-decoration:underline;text-underline-offset:6px}
.ap-desktop-nav .ap-voucher-link{color:#087d97}
.ap-voucher-hero{width:100%;background:linear-gradient(110deg,#e9faf7 0%,#ebf7ff 56%,#f5fffc 100%);border-bottom:1px solid #ccecf0;border-top:1px solid #e2f5f5}
.ap-voucher-inner{width:min(100% - 38px,1160px);margin-inline:auto;display:flex;align-items:center;gap:20px;padding:20px 0}
.ap-voucher-symbol{flex:none;background:#fff;border:1px solid #d2eeed;box-shadow:0 6px 22px rgba(21,135,160,.08);color:#168d9d;border-radius:18px;width:58px;height:58px;display:grid;place-items:center;font-size:28px}
.ap-voucher-copy{flex:1;min-width:0}.ap-voucher-kicker{display:block;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.14em;color:#168d9d}.ap-voucher-copy h2{font:700 clamp(22px,2vw,30px)/1.16 Georgia,serif;color:#19434e;margin:3px 0 6px}.ap-voucher-copy p{font:400 13px/1.55 system-ui,sans-serif;color:#54717a;margin:0;max-width:610px}
.ap-voucher-btn{flex:none;display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:99px;padding:12px 19px;background:linear-gradient(95deg,#168f9d,#2c99be);color:white!important;text-decoration:none;font:700 13px/1 system-ui,sans-serif;box-shadow:0 7px 18px rgba(22,143,157,.16)}.ap-voucher-btn:hover{filter:brightness(1.08)}
/* Keep mobile hamburger, use real desktop nav and hide bottom mobile dock on desktop. */
@media(min-width:1024px){.ap-desktop-nav{display:flex}.mobile-header #openMenu{display:none!important}.mobile-header .header-inner{display:flex;align-items:center;gap:30px;width:min(100%,1220px);max-width:1220px;margin:auto}.mobile-header .header-center{position:static!important;transform:none!important;flex:none!important}.mobile-header .header-right{margin-left:auto;flex:none} .bottom-nav,.mobile-bottom-nav,.news-bottom-nav,.bottom-navigation{display:none!important}body>main#top .wear-section,body>main#top .collection-showcase{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important} .hero-section .section-copy,.product-gallery .section-copy{padding-inline:22px}}
@media(max-width:1023px){.ap-desktop-nav{display:none!important}}
@media(max-width:600px){.ap-voucher-inner{width:calc(100% - 28px);gap:10px;padding:15px 0;flex-wrap:wrap}.ap-voucher-symbol{width:42px;height:42px;border-radius:13px;font-size:22px}.ap-voucher-copy{flex:1 1 calc(100% - 60px)}.ap-voucher-copy h2{font-size:21px}.ap-voucher-copy p{font-size:11.5px}.ap-voucher-btn{margin-left:52px;padding:10px 16px;font-size:12px}}
/* Deprecated chatbot chrome must never leak into demo */
#chatbox-root,.chatbox-root,.chatbox-toggle,.chat-widget,.chat-launcher,[data-chatbox-root]{display:none!important}