/* Athletex hero only. Everything else on the site keeps the original Sporty Carrots design. */
.ax-hero{--ax-ink:#222228;--ax-acc:#f4511e;--ax-sh:0 2px 14px rgba(0,0,0,.06);font-family:"Work Sans","Segoe UI",Arial,sans-serif}
.ax-hero h1,.ax-hero h2,.ax-hero .button{font-family:inherit}
.ax-hero .button{border-radius:24px;padding:12px 24px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.ax-hero .button.light{background:#fff;color:var(--ax-ink);box-shadow:var(--ax-sh)}
/* hero */
.hero.ax-hero{--h:clamp(480px,44vw,720px);height:var(--h);min-height:0;background:#f3ebf6;color:var(--ax-ink);width:100%;margin:0 0 5vw;border-radius:0}
.ax-hero .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;background-repeat:no-repeat;background-position:center;background-size:auto calc(var(--h)*.7)}
.ax-hero .hero-slide.active{opacity:1;visibility:visible}
.ax-hero .hero-slide::before,.ax-hero .hero-slide::after{display:none}
.ax-fg{position:absolute;left:50%;top:50%;height:calc(var(--h)*.96);width:calc(var(--h)*.96);transform:translate(-50%,-50%);object-fit:contain}
.ax-sl{position:absolute;left:2%;top:50%;max-width:26%;z-index:2}
.ax-brand{font:800 italic 15px/1 "Work Sans",sans-serif;margin-bottom:12px}.ax-brand b{color:var(--ax-acc)}
.ax-sl h1{font-size:clamp(26px,2.7vw,52px);line-height:1.2;font-weight:500;text-transform:none;letter-spacing:0;margin-bottom:12px;color:var(--ax-ink)}
.ax-sl p:not(.ax-brand){font-size:13px;color:#777;margin-bottom:22px;max-width:260px}
.ax-sr{position:absolute;left:76%;top:20%;z-index:2}
.ax-sr h2{font-size:clamp(17px,1.5vw,28px);font-weight:500;line-height:1.35;max-width:230px;margin-bottom:16px;text-transform:none;letter-spacing:0}
.ax-buy{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px;color:var(--ax-ink)}
.ax-buy i{width:40px;height:40px;border-radius:50%;background:var(--ax-acc);color:#fff;display:grid;place-items:center;font-style:normal;font-size:22px}
.ax-hero .hero-controls{position:static;display:block}
.ax-hero .hero-controls button{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--ax-ink);box-shadow:var(--ax-sh);cursor:pointer;z-index:3;font-size:15px}
.ax-hero #prev-slide{left:14px}.ax-hero #next-slide{right:14px}
.ax-hero .hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:18px;z-index:3}
.ax-hero .hero-dots span{display:flex;align-items:center;gap:6px;width:auto;height:auto;background:none;border-radius:0;font:500 12px "Work Sans",sans-serif;color:var(--ax-ink);cursor:pointer}
.ax-hero .hero-dots span::after{content:"";height:1px;width:14px;background:var(--ax-ink);opacity:.5}
.ax-hero .hero-dots span.active::after{width:40px;opacity:1}
@media(max-width:900px){.hero.ax-hero{--h:620px}.ax-hero .hero-slide{background-position:center 40%;background-size:auto calc(var(--h)*.5)}.ax-fg{top:36%;height:calc(var(--h)*.62);width:calc(var(--h)*.62)}.ax-sl{top:auto;bottom:50px;left:5%;max-width:90%}.ax-sr{left:5%;top:5%}.ax-sr h2{max-width:60%}}
@media(prefers-reduced-motion:reduce){.ax-hero .hero-slide{transition:none}}
/* smaller section headings (same Anton style, less oversized) */
.section-heading h2{font-size:clamp(26px,2.6vw,40px);line-height:1.05;margin-top:8px}
.lookbook h2{font-size:clamp(34px,4vw,60px)}
.section-heading{margin-bottom:28px}
/* page banners (shop, wishlist, journal): blue banner image, compact size */
.page-banner{background:#4698d4 url(../assets/images/banners/running.jpg) right center/cover no-repeat;color:#fff;padding:clamp(28px,4vw,56px) 6%}
.page-banner h1{font-size:clamp(28px,3.4vw,52px);line-height:1;margin:8px 0}
.page-banner .kicker{font-size:11px;margin:0;opacity:.9}
.page-banner>p:last-child{color:#fff;opacity:.9;max-width:520px;margin:0}
@media(max-width:700px){.page-banner{background-position:70% center}}