/* ============================================================
   AXIS — page-specific styles (product, lookbook)
============================================================ */

/* ---------- product page ---------- */
.ax-pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:start;padding-top:140px}
.ax-pdp-gallery{position:sticky;top:100px}
.ax-pdp-main{position:relative;aspect-ratio:4/5;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);overflow:hidden;background:var(--ax-gray)}
.ax-pdp-main img{width:100%;height:100%;object-fit:cover}
.ax-pdp-main::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 82%,var(--ax-red) 82.2% 85%,transparent 85.2% 90%,var(--ax-black) 90.2% 100%)}
.ax-pdp-thumbs{display:flex;gap:1.2rem;margin-top:1.6rem}
.ax-pdp-thumbs button{width:88px;aspect-ratio:1;border:1px solid transparent;background:var(--ax-gray);padding:0;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);overflow:hidden;opacity:.55;transition:opacity .3s ease}
.ax-pdp-thumbs button img{width:100%;height:100%;object-fit:cover}
.ax-pdp-thumbs button.is-active,.ax-pdp-thumbs button:hover{opacity:1}
.ax-pdp-info .num{font-family:var(--ax-font-display);font-size:8rem;line-height:1;color:var(--ax-red)}
.ax-pdp-info h1{font-family:var(--ax-font-display);font-size:clamp(3.2rem,4.5vw,5.6rem);line-height:1;text-transform:uppercase;margin-top:.8rem}
.ax-pdp-price{font-size:2.4rem;font-weight:700;margin-top:2rem}
.ax-pdp-price s{opacity:.4;font-weight:400;margin-right:1rem}
.ax-pdp-stock{display:inline-block;margin-top:1.2rem;font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.25em;color:var(--ax-red-dark)}
.ax-pdp-desc{margin-top:2.8rem;font-size:1.4rem;line-height:2;max-width:52ch}
.ax-opt{margin-top:3.2rem}
.ax-opt-label{font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;display:block;margin-bottom:1.2rem}
.ax-sizes{display:flex;gap:1rem;flex-wrap:wrap}
.ax-sizes button{min-width:56px;padding:1em 1.2em;background:transparent;border:1px solid var(--ax-black);font-family:var(--ax-font-label);font-size:1.3rem;letter-spacing:.1em;transform:skewX(-10deg);transition:all .25s ease}
.ax-sizes button span{display:inline-block;transform:skewX(10deg)}
.ax-sizes button:hover,.ax-sizes button.is-active{background:var(--ax-black);color:var(--ax-white)}
.ax-sizes button:disabled{opacity:.25;text-decoration:line-through;cursor:not-allowed}
.ax-buy-zone{margin-top:3.2rem;display:flex;flex-direction:column;gap:1.2rem;max-width:420px}
.ax-buy-zone .ax-cta{margin-top:0;width:100%;justify-content:center}
.ax-buy-note{font-size:1.1rem;opacity:.55;letter-spacing:.05em}
.ax-acc{margin-top:4rem;border-top:1px solid #e5e5e5}
.ax-acc details{border-bottom:1px solid #e5e5e5}
.ax-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:1.8rem .4rem;font-family:var(--ax-font-label);font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase}
.ax-acc summary::after{content:"+";font-size:2rem;color:var(--ax-red);transition:transform .3s ease}
.ax-acc details[open] summary::after{transform:rotate(45deg)}
.ax-acc .body{padding:0 .4rem 2rem;font-size:1.4rem;line-height:2;max-width:56ch}
@media(max-width:900px){
  .ax-pdp{grid-template-columns:1fr;gap:4rem;padding-top:110px}
  .ax-pdp-gallery{position:static}
  .ax-pdp-info .num{font-size:5.6rem}
}

/* related strip */
.ax-related{padding-top:0}

/* ---------- lookbook ---------- */
.ax-look{padding-top:160px}
.ax-look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.ax-look-item{position:relative;overflow:hidden;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.ax-look-item:nth-child(3n+1){clip-path:polygon(0 0,90% 0,100% 100%,10% 100%)}
.ax-look-item img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.6) contrast(1.05);transition:filter .4s ease,transform .4s ease}
.ax-look-item:hover img{filter:grayscale(0);transform:scale(1.05)}
.ax-look-item .cap{position:absolute;left:12%;bottom:1.6rem;background:var(--ax-black);color:var(--ax-white);font-family:var(--ax-font-label);font-size:1.1rem;letter-spacing:.25em;padding:.4em 1.4em;transform:skewX(-25deg)}
.ax-look-item.tall{grid-row:span 2}
.ax-look-item.tall img{aspect-ratio:3/5;height:100%}
@media(max-width:768px){.ax-look-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.ax-look{padding-top:120px}}

/* ---------- about ---------- */
.ax-about{padding-top:160px}
.ax-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}
.ax-about-statement{font-family:var(--ax-font-display);font-size:clamp(2.8rem,3.6vw,4.8rem);line-height:1.15;text-transform:uppercase;letter-spacing:.01em}
.ax-about-statement em{font-style:normal;color:var(--ax-red)}
.ax-about-copy{margin-top:3.2rem;font-size:1.5rem;line-height:2.1;max-width:54ch}
.ax-about-img{position:relative;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);overflow:hidden}
.ax-about-img img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.ax-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:8rem;border-top:1px solid #e5e5e5;padding-top:4rem}
.ax-stat .n{font-family:var(--ax-font-display);font-size:clamp(4rem,5vw,6.4rem);line-height:1;color:var(--ax-red)}
.ax-stat .l{font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;margin-top:.8rem;display:block}
@media(max-width:900px){.ax-about-grid{grid-template-columns:1fr;gap:4rem}.ax-about{padding-top:120px}.ax-stats{grid-template-columns:1fr;gap:3.2rem}}

/* ---------- contact ---------- */
.ax-contact{padding-top:160px}
.ax-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:start}
.ax-contact-info p{font-size:1.5rem;line-height:2.1;max-width:44ch;margin-bottom:2.4rem}
.ax-contact-info .block{margin-top:3.2rem}
.ax-contact-info .block .l{font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ax-red-dark);display:block;margin-bottom:.6rem}
.ax-form{display:flex;flex-direction:column;gap:2rem}
.ax-form label{font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;display:block;margin-bottom:.8rem}
.ax-form input,.ax-form textarea{width:100%;background:transparent;border:1px solid var(--ax-black);color:var(--ax-black);font-family:var(--ax-font-body);font-size:1.4rem;letter-spacing:.05em;padding:1.3em 1.4em;outline:none;border-radius:0;resize:vertical}
.ax-form input:focus,.ax-form textarea:focus{border-color:var(--ax-red)}
.ax-form .ax-cta{margin-top:1rem;align-self:flex-start}
@media(max-width:900px){.ax-contact-grid{grid-template-columns:1fr;gap:4rem}.ax-contact{padding-top:120px}}

/* ---------- faq ---------- */
.ax-faq{padding-top:160px}
.ax-faq .ax-acc{max-width:820px;margin-top:0}
@media(max-width:900px){.ax-faq{padding-top:120px}}

/* ---------- drop countdown ---------- */
.ax-cd{padding-top:200px;text-align:left}
.ax-cd-timer{display:flex;gap:clamp(1.6rem,4vw,4.8rem);margin:5rem 0 2rem}
.ax-cd-unit .n{font-family:var(--ax-font-display);font-size:clamp(6.4rem,12vw,16rem);line-height:1;color:var(--ax-black)}
.ax-cd-unit:nth-child(2) .n{color:var(--ax-red)}
.ax-cd-unit .l{font-family:var(--ax-font-label);font-size:1.2rem;letter-spacing:.35em;text-transform:uppercase;display:block;margin-top:.6rem;opacity:.6}
.ax-cd-sep{font-family:var(--ax-font-display);font-size:clamp(4.8rem,9vw,12rem);line-height:1.25;color:var(--ax-red)}
.ax-cd-note{font-size:1.4rem;max-width:52ch;line-height:2}
@media(max-width:768px){.ax-cd{padding-top:140px}}

/* ---------- 404 ---------- */
.ax-404{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}
.ax-404 .code{font-family:var(--ax-font-display);font-size:clamp(12rem,28vw,38rem);line-height:.85;color:var(--ax-black);margin-left:-.04em}
.ax-404 .code .x{color:var(--ax-red)}
.ax-404 p{font-size:1.5rem;margin-top:2.4rem;max-width:44ch;line-height:2}

/* ---------- dark home variant ---------- */
.ax-hero--dark{background:var(--ax-black)}
.ax-hero--dark h1{color:var(--ax-white)}
.ax-hero--dark .ax-hero-sub{color:var(--ax-white)}
.ax-hero--dark .ax-hero-sub b{color:var(--ax-red)}
.ax-hero--dark .ax-cta{color:var(--ax-white);border-color:var(--ax-white)}
.ax-hero--dark .ax-cta:hover{color:var(--ax-black)}
.ax-hero--dark .ax-xbg .static svg{stroke:#262626;opacity:1}
.ax-hero--dark .feat-meta{color:var(--ax-white)}
.ax-hero--dark .ax-badge::before{background:var(--ax-red)}
.ax-hero--dark .ax-badge{color:var(--ax-black)}
.ax-marquee--dark{background:var(--ax-black);border-top:1px solid #1c1c1c}
.ax-marquee--dark .track{color:var(--ax-white)}
.ax-section--dark-grid{background:var(--ax-black);color:var(--ax-white)}
.ax-section--dark-grid .ax-title small{color:var(--ax-red)}
.ax-section--dark-grid .ax-prod-visual{background:#101010}
.ax-section--dark-grid .ax-prod:hover .ax-prod-name{color:var(--ax-red)}
.ax-section--dark-grid .ax-deco i{background:var(--ax-red)}
.ax-drops--framed{margin:0;border:1px solid #1c1c1c}