/* === A1 Home Nav (compact header, category bar, hero, icon grid) === */
.site-header{padding-top:.4em!important;margin-bottom:0!important}
.site-header .site-branding{margin-bottom:.5em}
.site-header .custom-logo-link img{max-height:84px!important;height:84px!important;width:auto!important;max-width:none!important;display:block;margin:0!important;padding:0!important}
.site-header .custom-logo-link{display:inline-block;margin:0!important;padding:0!important;line-height:0}
.site-header .site-branding{padding:0!important;margin-top:0!important;width:auto!important;max-width:45%}
@media (min-width:768px){.site-header .site-branding{margin-bottom:.2em!important}.storefront-primary-navigation .site-header-cart .cart-contents{padding-top:.7em;padding-bottom:.7em}.storefront-primary-navigation .main-navigation ul.menu>li>a{padding-top:.6em!important;padding-bottom:.6em!important}}
@media (max-width:767px){.site-header .custom-logo-link img{max-height:60px!important;height:60px!important}.site-header .site-branding{max-width:calc(100% - 64px)}.site-header .site-branding{margin-bottom:.3em!important}}
.storefront-primary-navigation .main-navigation ul.menu>li>a,.storefront-primary-navigation .main-navigation ul.nav-menu>li>a{padding-top:.7em;padding-bottom:.7em}
@media (min-width:768px){.site-header .site-branding,.site-header .site-search,.site-header .site-header-cart{margin-bottom:.6em}.woocommerce-active .site-header .site-search{padding-top:.6em}}
.a1hn-bar{background:#0f172a;position:relative;z-index:99;margin-bottom:1em}
.a1hn-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.a1hn-top{position:relative;margin:0}
.a1hn-btn{background:transparent!important;color:#fff!important;border-radius:0;padding:.8em 1em;font-size:.88em;font-weight:600;box-shadow:none;display:flex;align-items:center;gap:.45em;white-space:nowrap}
.a1hn-btn:after{content:"";border:4px solid transparent;border-top-color:currentColor;margin-top:4px;opacity:.7}
.a1hn-all .a1hn-btn{background:var(--a1-brand,#e11d48)!important}
.a1hn-burger,.a1hn-burger:before,.a1hn-burger:after{display:block;width:16px;height:2px;background:#fff;position:relative}
.a1hn-burger:before,.a1hn-burger:after{content:"";position:absolute;left:0}.a1hn-burger:before{top:-5px}.a1hn-burger:after{top:5px}
.a1hn-top:hover>.a1hn-btn,.a1hn-top.open>.a1hn-btn{background:#1e293b!important}
.a1hn-all:hover>.a1hn-btn,.a1hn-all.open>.a1hn-btn{background:var(--a1-brand-d,#be123c)!important}
.a1hn-drop{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:250px;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(15,23,42,.18);padding:10px 0;border-top:3px solid var(--a1-brand,#e11d48)}
.a1hn-drop ul{list-style:none;margin:0;padding:0}
.a1hn-drop li{margin:0}
.a1hn-drop a{display:flex;justify-content:space-between;gap:1em;padding:.45em 1.1em;color:#0f172a;font-size:.9em;text-decoration:none}
.a1hn-drop a:hover{background:#f1f5f9;color:var(--a1-brand,#e11d48)}
.a1hn-drop em{font-style:normal;color:#94a3b8;font-size:.85em}
.a1hn-mega{width:min(1100px,94vw);padding:18px}
.a1hn-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 18px}
.a1hn-col strong{display:block;font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:.3em .9em;border-bottom:1px solid #e2e8f0;margin-bottom:.3em}
.a1hn-col strong a{padding:0;color:inherit}
.a1hn-col a{padding:.32em .9em}
.a1hn-shopall{display:inline-block!important;margin-top:10px;font-weight:700;color:var(--a1-brand,#e11d48)!important}
@media (min-width:768px){.a1hn-top:hover>.a1hn-drop,.a1hn-top.open>.a1hn-drop{display:block}.a1hn-top:last-child .a1hn-drop{left:auto;right:0}}
/* Hero */
.a1hn-home{margin-bottom:1.2em}
.a1hn-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#0f172a 0%,#312e81 55%,#be123c 120%);color:#fff;border-radius:16px;padding:20px 32px;margin:0 0 14px;position:relative;overflow:hidden}
.a1hn-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.35),transparent 70%)}
.a1hn-kicker{display:inline-block;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fde68a}
.a1hn-hero h1{color:#fff;font-size:1.85em;line-height:1.12;margin:.1em 0 .2em}
.a1hn-hero p{color:#cbd5e1;margin:0;font-size:.98em;max-width:640px}
.a1hn-ctas{display:flex;gap:10px;flex-shrink:0;position:relative;z-index:1}
.a1hn-cta{background:var(--a1-brand,#e11d48);color:#fff!important;padding:.75em 1.4em;border-radius:10px;font-weight:700;text-decoration:none;white-space:nowrap}
.a1hn-cta:hover{background:var(--a1-brand-d,#be123c)}
.a1hn-cta.ghost{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.55)}
/* Icon grid */
.a1hn-icons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.a1hn-icons li{margin:0}
.a1hn-icons a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-decoration:none;color:#0f172a;transition:transform .15s,box-shadow .15s,border-color .15s;height:100%}
.a1hn-icons a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.1);border-color:var(--c)}
.a1hn-ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--c);box-shadow:0 6px 14px -4px var(--c)}
.a1hn-lbl{font-size:.84em;font-weight:600;text-align:center;line-height:1.2}
.home .site-content .a1-hero{display:none}
.home .site-main{padding-top:1em}
/* Full-colour icon art */
.a1hn-art a{padding:8px 6px 9px;gap:4px}
.a1hn-art .a1hn-ico{width:64px;height:64px;border-radius:0;background:none;box-shadow:none}
.a1hn-art .a1hn-ico img{width:64px;height:64px;display:block;transition:transform .2s}
.a1hn-art a:hover .a1hn-ico img{transform:scale(1.08) rotate(-3deg)}
.a1hn-art-a1 a:hover{border-color:#e3262e}.a1hn-art-copa a:hover{border-color:#ec008c}.a1hn-art-tight a:hover{border-color:#6366f1}
@media (max-width:1100px){.a1hn-icons{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.a1hn-hero{flex-direction:column;align-items:flex-start;padding:18px 20px}.a1hn-hero h1{font-size:1.5em}}
@media (max-width:767px){
 .a1hn-menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .a1hn-top{position:static}
 .a1hn-drop{position:absolute;left:0;right:0;width:auto;min-width:0;max-height:70vh;overflow:auto;border-radius:0}
 .a1hn-top.open>.a1hn-drop{display:block}
 .a1hn-cols{grid-template-columns:1fr}
 .a1hn-col ul{display:none}.a1hn-col.open ul{display:block}
 .a1hn-col strong{font-size:.9em;padding:.7em .9em;cursor:pointer;display:flex;justify-content:space-between}
 .a1hn-col strong:after{content:"+";font-weight:700}.a1hn-col.open strong:after{content:"\2212"}
 .a1hn-icons{grid-template-columns:repeat(3,1fr);gap:8px}
 .a1hn-ico{width:46px;height:46px}.a1hn-ico svg{width:28px;height:28px}
 .a1hn-lbl{font-size:.76em}
 .a1hn-art .a1hn-ico,.a1hn-art .a1hn-ico img{width:56px;height:56px}
 .a1hn-ctas{width:100%}.a1hn-cta{flex:1;text-align:center;padding:.7em .8em}
}
