/* Ankord navigation for the ui-allergy theme (Oct 2026). Scoped to .an-* classes. Palette from frontend.css. */
:root{--an-fg:#363636;--an-muted:#757575;--an-line:#e3e8ef;--an-accent:#537096;--an-accent-soft:#8ea4c1;--an-tint:#eef2f7;--an-shadow:0 18px 40px rgba(36,42,54,.14)}
.an-wrap{max-width:1350px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.an-chev{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;flex:none}
.an-chev-r{width:14px;height:14px}
/* header */
#header-container .an-header{position:sticky;top:0;z-index:1200;background:#fff;border-bottom:1px solid var(--an-line);transition:box-shadow .2s}
#header-container .an-header.an-stuck{box-shadow:0 6px 24px rgba(36,42,54,.10)}
.an-bar{display:flex;align-items:center;gap:28px;height:96px;position:relative;transition:height .2s}
.an-stuck .an-bar{height:72px}
.an-brand{display:block;flex:none}
.an-logo{display:block;background:url(../img/skin-spa-by-dr-kia-logo.jpg) center/contain no-repeat}
.an-brand .an-logo{height:62px;width:136px;transition:height .2s,width .2s}
.an-stuck .an-brand .an-logo{height:48px;width:105px}
.an-nav{display:flex;align-items:stretch;height:100%;margin:0 auto}
.an-primary{display:flex;gap:2px;margin:0;padding:0;list-style:none;height:100%}
.an-primary>li{position:relative;display:flex;align-items:center;margin:0}
.an-primary>li.an-has-mega{position:static}
#header-container .an-primary>li>a,#header-container .an-primary>li>button{display:flex;align-items:center;gap:6px;height:100%;padding:0 14px;background:none;border:0;border-bottom:2px solid transparent;font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--an-fg);cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap}
#header-container .an-primary>li>a:hover,#header-container .an-primary>li>button:hover,#header-container .an-primary>li.an-open>button{color:var(--an-accent);border-bottom-color:var(--an-accent)}
.an-primary>li.an-open>button .an-chev{transform:rotate(180deg)}
.an-primary a:focus-visible,.an-primary button:focus-visible,.an-burger:focus-visible,.an-drawer a:focus-visible,.an-drawer button:focus-visible{outline:3px solid var(--an-accent-soft);outline-offset:2px;border-radius:4px}
.an-cta{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
#header-container .an-phone{font-weight:700;font-size:15px;color:var(--an-fg);white-space:nowrap;text-decoration:none}
.an-phone:hover{color:var(--an-accent)}
.an-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:4px;background:var(--an-accent);color:#fff !important;font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12.5px;border:0;cursor:pointer;white-space:nowrap;text-decoration:none !important;line-height:1.2}
.an-btn:hover{background:var(--an-accent-soft)}
.an-btn.an-ghost{background:transparent;color:var(--an-accent) !important;border:1.5px solid var(--an-accent)}
#header-container .an-burger,.an-drawer .an-burger{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--an-fg)}
.an-burger svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}
/* panels */
.an-panel{position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--an-shadow);border:1px solid var(--an-line);border-top:3px solid var(--an-accent);padding:28px 32px 24px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:1210;text-align:left}
.an-primary>li.an-open>.an-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s,visibility 0s}
.an-panel.an-mega{left:0;right:0}
.an-panel.an-list{min-width:280px;padding:18px 8px}
.an-cols{display:grid;gap:28px 32px}
.an-cols.an-c3{grid-template-columns:repeat(2,1fr) 1.15fr}
.an-cols.an-c4{grid-template-columns:repeat(3,1fr) 1.15fr}
.an-cols.an-c5{grid-template-columns:repeat(4,1fr) 1.15fr}
.an-col h3{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--an-accent);margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--an-line);font-weight:700}
.an-col ul,.an-panel.an-list ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.an-panel.an-list ul{padding:0 10px}
.an-col li,.an-panel.an-list li,.an-group li{margin:0;padding:0;list-style:none}
.an-col li::before,.an-panel li::before,.an-group li::before,.an-col li::after,.an-panel li::after,.an-group li::after{content:none !important;display:none !important}
.an-col li a,.an-panel.an-list li a{display:block;padding:6px 8px;margin:0 -8px;border-radius:4px;font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-size:14.5px;line-height:1.35;color:var(--an-fg);text-decoration:none;text-transform:none;letter-spacing:0}
.an-col li a:hover,.an-panel.an-list li a:hover{background:var(--an-tint);color:var(--an-accent)}
.an-col li a.an-all,.an-panel.an-list li a.an-all,.an-group li a.an-all{margin-top:6px;font-weight:700;color:var(--an-accent);font-size:13px;display:inline-flex;align-items:center;gap:4px}
.an-panel.an-list li.an-sep{border-top:1px solid var(--an-line);margin:8px 0}
.an-feature{display:grid;gap:12px;align-content:start}
.an-card{display:grid;grid-template-columns:96px 1fr;align-items:center;padding:0;border-radius:6px;border:1px solid var(--an-line);background:#fff;overflow:hidden;text-decoration:none;color:var(--an-fg)}
.an-card:hover{border-color:var(--an-accent-soft);background:var(--an-tint)}
.an-card img{width:96px;height:100%;min-height:76px;object-fit:cover;display:block}
.an-card .an-card-t{padding:10px 14px;display:block}
.an-card strong{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:16px;line-height:1.2;color:var(--an-fg)}
.an-card span span{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-size:12.5px;color:var(--an-muted);display:block;margin-top:2px}
.an-card-big{grid-template-columns:1fr}
.an-card-big img{width:100%;height:160px}
.an-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--an-line);font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-size:13.5px;color:var(--an-muted)}
.an-foot-links{display:flex;gap:18px;flex-wrap:wrap}
.an-foot-links a,.an-note a{color:var(--an-accent);font-weight:700;text-decoration:none}
/* drawer */
.an-scrim{position:fixed;inset:0;background:rgba(20,24,32,.45);opacity:0;visibility:hidden;transition:.2s;z-index:1300}
.an-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:1310;transform:translateX(100%);transition:transform .25s;overflow-y:auto;padding:env(safe-area-inset-top,0px) 0 calc(90px + env(safe-area-inset-bottom,0px));font-family:"Lato","Helvetica Neue",Arial,sans-serif}
body.an-drawer-open .an-scrim{opacity:1;visibility:visible}
body.an-drawer-open .an-drawer{transform:none}
body.an-drawer-open{overflow:hidden}
.an-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px max(16px,env(safe-area-inset-right,0px)) 14px 20px;border-bottom:1px solid var(--an-line);position:sticky;top:0;background:#fff;z-index:2}
.an-drawer-head .an-logo{height:44px;width:97px}
.an-drawer-head .an-burger{display:inline-flex !important}
.an-drawer-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px}
.an-drawer-ctas .an-btn{padding:14px 10px}
.an-acc{list-style:none;margin:0;padding:0 20px}
.an-acc>li{border-bottom:1px solid var(--an-line);margin:0;padding:0;list-style:none}
.an-acc>li::before,.an-acc>li::after,.an-primary>li::before,.an-primary>li::after{content:none !important;display:none !important}
.an-acc button,.an-acc>li>a.an-top{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;padding:16px 0;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--an-fg);cursor:pointer;text-align:left;text-decoration:none;font-family:inherit}
.an-acc button[aria-expanded="true"] .an-chev{transform:rotate(180deg)}
.an-sub{display:none;padding:0 0 10px}
.an-acc button[aria-expanded="true"]+.an-sub{display:block}
.an-group{margin:0 0 14px}
.an-group h4{margin:8px 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--an-accent);font-family:inherit;font-weight:700}
.an-group ul{list-style:none;margin:0;padding:0}
.an-group li{margin:0}
.an-group li a{display:block;padding:9px 0 9px 12px;border-left:2px solid var(--an-line);font-size:15px;color:var(--an-fg);text-decoration:none;text-transform:none;letter-spacing:0}
.an-group li a:hover{color:var(--an-accent);border-left-color:var(--an-accent)}
.an-drawer-info{padding:18px 20px 0;font-size:13.5px;color:var(--an-muted);line-height:1.6}
.an-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.an-social a{color:var(--an-accent);text-decoration:none;font-weight:700}
/* phone bottom bar */
.an-mobile-bar{position:fixed;left:0;right:0;bottom:0;display:none;grid-template-columns:1fr 1fr;gap:1px;background:var(--an-line);z-index:1200;padding-bottom:env(safe-area-inset-bottom,0px);font-family:"Lato","Helvetica Neue",Arial,sans-serif}
.an-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;color:var(--an-fg);text-decoration:none}
.an-mobile-bar a.an-book{background:var(--an-accent);color:#fff}
/* breakpoints */
@media (max-width:1320px){
  #header-container .an-primary>li>a,#header-container .an-primary>li>button{padding:0 9px;font-size:12.5px;letter-spacing:.06em}
  .an-bar{gap:18px}
  .an-phone{font-size:14px}
  .an-btn{padding:11px 16px}
  .an-brand .an-logo{height:54px;width:119px}
}
@media (max-width:1100px){
  #header-container .an-nav,#header-container .an-cta .an-phone{display:none !important}
  #header-container .an-burger{display:inline-flex !important}
  .an-cta .an-btn{padding:10px 16px}
  .an-bar{height:80px}
  .an-brand .an-logo{height:52px;width:114px}
  .an-mobile-bar{display:grid}
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:480px){ #header-container .an-cta .an-btn{display:none !important} .an-bar{gap:12px} }
@media (max-width:640px){ .an-drawer{width:100vw;left:0} body.an-drawer-open .an-scrim{display:none} .an-drawer-head{padding-left:max(16px,env(safe-area-inset-left,0px))} .an-acc,.an-drawer-ctas,.an-drawer-info{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))} }
@media (prefers-reduced-motion:reduce){ .an-panel,.an-drawer,.an-scrim,.an-chev,.an-bar,.an-logo{transition:none !important} }