/* ==========================================================================
   AERIQ — Luxury in Motion
   Shared design system. Every page loads this one file.
   Palette locked to the AERIQ Colour Guideline. Do not add colours.
   ========================================================================== */

:root{
  --midnight:#161C2F;
  --charcoal:#2B2E34;
  --slate:#5B687C;
  --white:#FFFFFF;
  --black:#000000;
  --slate-10:rgba(91,104,124,0.10);
  --slate-25:rgba(91,104,124,0.25);
  --white-15:rgba(255,255,255,0.15);
  --white-30:rgba(255,255,255,0.30);
  --white-55:rgba(255,255,255,0.55);
  --white-80:rgba(255,255,255,0.80);
  --ease:cubic-bezier(.16,.84,.32,1);
  --nav-h:76px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--midnight);
  color:var(--white);
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;}

:focus-visible{outline:2px solid var(--slate);outline-offset:3px;}

.display{
  font-family:'Anton',sans-serif;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.01em;
  line-height:0.95;
}
.eyebrow{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.22em;
  font-size:12px;
  color:var(--slate);
}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px;}
.muted{color:var(--white-55);}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--white);color:var(--midnight);
  padding:12px 20px;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
}
.skip-link:focus{left:0;}

/* ===== reveal-on-scroll ===== */
.reveal{
  opacity:0;transform:translateY(28px);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
}
.reveal.in-view{opacity:1;transform:translateY(0);}

/* ===== NAV ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 40px;
  transition:background .5s var(--ease), padding .4s var(--ease), border-color .5s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.scrolled,.nav.solid{
  background:rgba(22,28,47,0.92);
  backdrop-filter:blur(10px);
  padding:16px 40px;
  border-bottom:1px solid var(--slate-25);
}
.nav__logo{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:0.12em;}
.nav__links{display:flex;gap:42px;}
.nav__links a{
  font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;
  position:relative;padding-bottom:4px;
}
.nav__links a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--white);transition:width .4s var(--ease);
}
.nav__links a:hover::after,.nav__links a[aria-current="page"]::after{width:100%;}
.nav__right{display:flex;align-items:center;gap:26px;}
.nav__bag{position:relative;display:flex;align-items:center;}
.nav__bag svg{width:18px;height:18px;}
.nav__bag-count{
  position:absolute;top:-7px;right:-9px;
  min-width:16px;height:16px;padding:0 4px;
  background:var(--white);color:var(--midnight);
  border-radius:9px;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.nav__bag-count[hidden]{display:none;}
.nav__burger{display:none;flex-direction:column;gap:5px;width:24px;background:none;border:none;}
.nav__burger span{height:1.5px;width:100%;background:var(--white);}
.nav__mobile{
  position:fixed;inset:0;background:var(--midnight);z-index:99;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;
  transform:translateY(-100%);transition:transform .5s var(--ease);
}
.nav__mobile.open{transform:translateY(0);}
.nav__mobile a{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:0.04em;}
.nav__mobile-close{
  position:absolute;top:26px;right:32px;background:none;border:none;
  color:var(--white);font-size:14px;letter-spacing:0.2em;
}

/* ===== BUTTONS ===== */
.btn-ghost{
  display:inline-flex;align-items:center;gap:14px;
  padding:18px 34px;border:1px solid var(--white-30);
  font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--white);background:transparent;
  transition:background .4s var(--ease), color .4s var(--ease);
}
.btn-ghost:hover{background:var(--white);color:var(--midnight);}
.btn-ghost svg{width:14px;height:14px;transition:transform .4s var(--ease);}
.btn-ghost:hover svg{transform:translateX(4px);}
.btn-solid{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:100%;padding:20px 28px;border:none;
  background:var(--white);color:var(--midnight);
  font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;
  transition:opacity .3s var(--ease);
}
.btn-solid:hover{opacity:.86;}
.btn-solid:disabled{opacity:.35;cursor:not-allowed;}
.btn-outline{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:100%;padding:20px 28px;
  border:1px solid var(--white-30);background:transparent;color:var(--white);
  font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;
  transition:background .4s var(--ease), color .4s var(--ease);
}
.btn-outline:hover{background:var(--white);color:var(--midnight);}

/* ===== PAGE HEADER (inner pages) ===== */
.page-head{
  padding:calc(var(--nav-h) + 90px) 0 70px;
  border-bottom:1px solid var(--slate-25);
  background:
    radial-gradient(ellipse 80% 60% at 70% 0%, rgba(91,104,124,0.20), transparent 62%),
    var(--midnight);
}
.page-head h1{font-size:clamp(38px,6.5vw,80px);margin-top:14px;}
.page-head p{margin-top:22px;max-width:560px;font-size:15px;line-height:1.75;color:var(--white-55);}
.breadcrumb{font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--slate);margin-bottom:26px;}
.breadcrumb a:hover{color:var(--white);}

/* ===== PROSE (legal / story pages) ===== */
.prose{max-width:760px;padding:80px 0 120px;}
.prose h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:26px;letter-spacing:0.02em;margin:56px 0 18px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin:34px 0 12px;}
.prose p{font-size:15px;line-height:1.85;color:var(--white-80);margin-bottom:18px;}
.prose ul{margin:0 0 22px 0;}
.prose li{font-size:15px;line-height:1.85;color:var(--white-80);padding-left:22px;position:relative;margin-bottom:10px;}
.prose li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:1px;background:var(--slate);}
.prose strong{font-weight:700;color:var(--white);}
.prose a{border-bottom:1px solid var(--slate);}
.prose a:hover{border-color:var(--white);}
.prose .meta{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--slate);margin-bottom:44px;}

/* ===== PRODUCT GRID ===== */
.shop-layout{display:grid;grid-template-columns:1fr;gap:0;padding:64px 0 120px;}
.shop-bar{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  flex-wrap:wrap;padding-bottom:28px;margin-bottom:44px;
  border-bottom:1px solid var(--slate-25);
}
.shop-count{font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--slate);}
.shop-filters{display:flex;gap:10px;flex-wrap:wrap;}
.chip{
  padding:10px 18px;border:1px solid var(--slate-25);background:transparent;color:var(--white-55);
  font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
  transition:all .3s var(--ease);
}
.chip:hover{color:var(--white);border-color:var(--white-30);}
.chip.active{background:var(--white);color:var(--midnight);border-color:var(--white);}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--slate-25);}
.card{background:var(--midnight);display:flex;flex-direction:column;transition:background .5s var(--ease);}
.card:hover{background:var(--charcoal);}
.card__media{
  position:relative;aspect-ratio:3/4;overflow:hidden;
  background:linear-gradient(160deg,#1A2033 0%,#0E1220 100%);
  display:flex;align-items:center;justify-content:center;
}
.card__media::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,var(--slate-10) 0,var(--slate-10) 1px,transparent 1px,transparent 26px);
  opacity:.5;
}
.card__media img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
.card__ph{
  position:relative;z-index:1;text-align:center;padding:20px;
  font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--slate);
}
.card__ph svg{width:52px;height:52px;margin:0 auto 16px;stroke:var(--slate);fill:none;stroke-width:1.1;}
.card__tag{
  position:absolute;top:16px;left:16px;z-index:2;
  padding:6px 12px;background:var(--white);color:var(--midnight);
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
}
.card__body{padding:26px 24px 30px;display:flex;flex-direction:column;flex:1;}
.card__cat{font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--slate);margin-bottom:10px;}
.card__name{font-size:19px;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:8px;}
.card__price{font-size:14px;color:var(--white-80);margin-bottom:18px;}
.card__link{
  margin-top:auto;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  border-bottom:1px solid var(--white-30);padding-bottom:5px;width:fit-content;
}

/* ===== PRODUCT DETAIL ===== */
.pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:calc(var(--nav-h) + 60px) 0 110px;align-items:start;}
.pdp__gallery{position:sticky;top:calc(var(--nav-h) + 30px);}
.pdp__main{
  aspect-ratio:4/5;background:linear-gradient(160deg,#1A2033 0%,#0E1220 100%);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
.pdp__main::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,var(--slate-10) 0,var(--slate-10) 1px,transparent 1px,transparent 26px);
  opacity:.5;
}
.pdp__main img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
.pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:2px;}
.pdp__thumb{
  aspect-ratio:1;background:#141A2B;border:none;padding:0;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--slate);
  transition:background .3s var(--ease);
}
.pdp__thumb:hover,.pdp__thumb.active{background:var(--charcoal);color:var(--white);}
.pdp__info h1{font-size:clamp(30px,4.4vw,52px);margin:12px 0 18px;}
.pdp__cat{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--slate);}
.pdp__price{font-size:26px;font-weight:600;margin-bottom:6px;}
.pdp__tax{font-size:12px;color:var(--slate);margin-bottom:32px;}
.pdp__desc{font-size:15px;line-height:1.8;color:var(--white-55);margin-bottom:38px;}
.opt{margin-bottom:30px;}
.opt__label{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--slate);margin-bottom:14px;
}
.opt__label a{border-bottom:1px solid var(--slate);padding-bottom:2px;}
.opt__label a:hover{color:var(--white);border-color:var(--white);}
.swatches,.sizes{display:flex;gap:10px;flex-wrap:wrap;}
.swatch{
  display:flex;align-items:center;gap:10px;
  padding:11px 18px;border:1px solid var(--slate-25);background:transparent;color:var(--white-55);
  font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  transition:all .3s var(--ease);
}
.swatch i{width:13px;height:13px;border-radius:50%;display:block;border:1px solid var(--white-30);}
.swatch:hover{color:var(--white);border-color:var(--white-30);}
.swatch.active{border-color:var(--white);color:var(--white);}
.size-btn{
  min-width:58px;padding:14px 10px;border:1px solid var(--slate-25);
  background:transparent;color:var(--white-55);
  font-size:12px;font-weight:600;letter-spacing:0.1em;
  transition:all .3s var(--ease);
}
.size-btn:hover{color:var(--white);border-color:var(--white-30);}
.size-btn.active{background:var(--white);color:var(--midnight);border-color:var(--white);}
.pdp__actions{display:flex;flex-direction:column;gap:12px;margin-top:36px;}
.pdp__note{font-size:12px;color:var(--slate);min-height:18px;margin-top:4px;}
.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;padding-top:32px;border-top:1px solid var(--slate-25);}
.assure{text-align:center;}
.assure svg{width:22px;height:22px;margin:0 auto 10px;stroke:var(--slate);fill:none;stroke-width:1.3;}
.assure h6{font-size:10.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:5px;}
.assure p{font-size:11px;color:var(--slate);line-height:1.5;}

/* ===== ACCORDION ===== */
.acc{border-top:1px solid var(--slate-25);margin-top:44px;}
.acc__item{border-bottom:1px solid var(--slate-25);}
.acc__btn{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:24px 0;background:none;border:none;color:var(--white);text-align:left;
  font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
}
.acc__btn span{font-size:18px;font-weight:400;transition:transform .35s var(--ease);}
.acc__item.open .acc__btn span{transform:rotate(45deg);}
.acc__panel{max-height:0;overflow:hidden;transition:max-height .45s var(--ease);}
.acc__item.open .acc__panel{max-height:640px;}
.acc__inner{padding-bottom:28px;}
.acc__inner li,.acc__inner p{font-size:14px;line-height:1.8;color:var(--white-55);margin-bottom:8px;padding-left:20px;position:relative;}
.acc__inner li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:1px;background:var(--slate);}
.acc__inner p{padding-left:0;}

/* ===== TABLES ===== */
.table-wrap{overflow-x:auto;margin:26px 0 34px;}
table{width:100%;border-collapse:collapse;min-width:520px;}
th,td{
  padding:15px 16px;text-align:left;font-size:13px;
  border-bottom:1px solid var(--slate-25);
}
th{
  font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--slate);border-bottom-color:var(--white-30);
}
td{color:var(--white-80);}

/* ===== CART ===== */
.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:60px;padding:70px 0 120px;align-items:start;}
.cart-row{display:grid;grid-template-columns:96px 1fr auto;gap:22px;padding:26px 0;border-bottom:1px solid var(--slate-25);align-items:center;}
.cart-row__img{
  aspect-ratio:3/4;background:linear-gradient(160deg,#1A2033 0%,#0E1220 100%);
  display:flex;align-items:center;justify-content:center;
}
.cart-row__img svg{width:26px;height:26px;stroke:var(--slate);fill:none;stroke-width:1.1;}
.cart-row__name{font-size:16px;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;margin-bottom:6px;}
.cart-row__meta{font-size:12px;color:var(--slate);margin-bottom:12px;}
.qty{display:inline-flex;align-items:center;border:1px solid var(--slate-25);}
.qty button{width:32px;height:32px;background:none;border:none;color:var(--white-55);font-size:15px;line-height:1;}
.qty button:hover{color:var(--white);}
.qty span{min-width:34px;text-align:center;font-size:13px;}
.cart-row__right{text-align:right;}
.cart-row__price{font-size:15px;margin-bottom:10px;}
.cart-remove{background:none;border:none;color:var(--slate);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;border-bottom:1px solid var(--slate-25);padding-bottom:3px;}
.cart-remove:hover{color:var(--white);border-color:var(--white-30);}
.summary{border:1px solid var(--slate-25);padding:34px 30px;position:sticky;top:calc(var(--nav-h) + 30px);}
.summary h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:20px;margin-bottom:26px;}
.summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--white-55);margin-bottom:14px;}
.summary-row.total{
  color:var(--white);font-size:18px;font-weight:600;
  padding-top:18px;margin-top:18px;border-top:1px solid var(--slate-25);
}
.summary small{display:block;font-size:11.5px;color:var(--slate);margin-top:16px;line-height:1.6;}
.empty{text-align:center;padding:90px 0;}
.empty svg{width:46px;height:46px;margin:0 auto 24px;stroke:var(--slate);fill:none;stroke-width:1.1;}
.empty h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;margin-bottom:12px;}
.empty p{font-size:14px;color:var(--slate);margin-bottom:32px;}

/* ===== FORMS ===== */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.field.full{grid-column:1/-1;}
.field label{font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--slate);}
.field input,.field select,.field textarea{
  background:transparent;border:1px solid var(--slate-25);color:var(--white);
  padding:15px 16px;font-size:14px;transition:border-color .3s var(--ease);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--white-30);}
.field input::placeholder,.field textarea::placeholder{color:rgba(91,104,124,.8);}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235B687C' stroke-width='1.5'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;}
.field select option{background:var(--midnight);color:var(--white);}
.field .err{font-size:11px;color:#E0645F;min-height:14px;}
.pay-opt{
  display:flex;gap:14px;align-items:flex-start;
  padding:20px;border:1px solid var(--slate-25);margin-bottom:12px;cursor:pointer;
  transition:border-color .3s var(--ease);
}
.pay-opt:hover{border-color:var(--white-30);}
.pay-opt.active{border-color:var(--white);}
.pay-opt input{margin-top:3px;accent-color:#fff;}
.pay-opt h6{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:6px;}
.pay-opt p{font-size:12.5px;color:var(--slate);line-height:1.6;}
.secure-line{
  display:flex;align-items:center;gap:10px;justify-content:center;
  margin-top:22px;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--slate);
}
.secure-line svg{width:14px;height:14px;stroke:var(--slate);fill:none;stroke-width:1.4;}

/* ===== FOOTER ===== */
footer{background:var(--black);padding:90px 0 30px;}
.footer-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;
  padding-bottom:70px;border-bottom:1px solid var(--charcoal);
}
.footer-logo{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:0.1em;margin-bottom:18px;}
.footer-grid>div>p{font-size:13px;color:var(--slate);max-width:260px;line-height:1.6;}
.footer-col h6{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--slate);margin-bottom:22px;}
.footer-col ul{display:flex;flex-direction:column;gap:14px;}
.footer-col a{font-size:13.5px;color:var(--white-80);}
.footer-col a:hover{color:var(--white);}
.footer-contact{margin-top:24px;font-size:12.5px;color:var(--slate);line-height:1.9;}
.footer-contact a:hover{color:var(--white);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;flex-wrap:wrap;gap:14px;}
.footer-bottom p{font-size:11.5px;color:var(--slate);}
.footer-social{display:flex;gap:18px;}
.footer-social svg{width:16px;height:16px;}
.footer-social a:hover svg{stroke:var(--white);}

/* ===== TOAST ===== */
.toast{
  position:fixed;bottom:30px;left:50%;transform:translate(-50%,140%);
  background:var(--white);color:var(--midnight);
  padding:16px 26px;font-size:11.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  z-index:300;transition:transform .5s var(--ease);
}
.toast.show{transform:translate(-50%,0);}

/* ===== RESPONSIVE ===== */
@media (max-width:1000px){
  .pdp{grid-template-columns:1fr;gap:44px;}
  .pdp__gallery{position:static;}
  .cart-layout{grid-template-columns:1fr;gap:44px;}
  .summary{position:static;}
}
@media (max-width:900px){
  .nav__links{display:none;}
  .nav__burger{display:flex;}
  .grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
  .wrap{padding-left:24px;padding-right:24px;}
  .nav,.nav.scrolled,.nav.solid{padding-left:24px;padding-right:24px;}
  .form-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .assurances{grid-template-columns:1fr;gap:22px;}
  .cart-row{grid-template-columns:72px 1fr;}
  .cart-row__right{grid-column:1/-1;text-align:left;}
  .prose{padding:56px 0 90px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  .reveal{opacity:1;transform:none;}
}

/* ==========================================================================
   LOGO
   Source: LOGO/AERIQ.pdf — the original vector master.
   Inlined as an SVG sprite (<symbol> + <use>) rather than a CSS mask, so it
   renders identically over http, https and file:// with no CORS dependency.
   fill:currentColor means one asset serves dark and light sections alike.
   ========================================================================== */
.aeriq-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.brand{display:inline-flex;align-items:center;color:inherit;transition:opacity .3s var(--ease);}
.brand svg{height:19px;width:auto;aspect-ratio:5.5208;fill:currentColor;display:block;}
.brand:hover{opacity:.78;}
footer .brand{margin-bottom:20px;}
footer .brand svg{height:26px;}

.hero__lockup{margin:26px 0 0;line-height:0;}
.hero__lockup svg{
  width:clamp(230px,29vw,430px);
  height:auto;
  aspect-ratio:1.6745;
  fill:var(--white);
  display:block;
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media (max-width:560px){
  .brand svg{height:17px;}
  footer .brand svg{height:23px;}
  .hero__lockup svg{width:min(76vw,300px);}
}

/* ==========================================================================
   WHATSAPP FLOAT
   Injected on every page by aeriq.js. Deliberately restrained — white
   circle, Midnight Blue glyph. The WhatsApp mark is recognisable without
   the brand green, which the AERIQ colour guideline does not permit.
   ========================================================================== */
.wa-float{
  position:fixed;right:26px;bottom:26px;z-index:120;
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--white);color:var(--midnight);
  box-shadow:0 6px 26px rgba(0,0,0,.42);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.wa-float svg{width:27px;height:27px;fill:currentColor;}
.wa-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 32px rgba(0,0,0,.5);}
.wa-float::after{
  content:'Message us';
  position:absolute;right:66px;white-space:nowrap;
  background:var(--white);color:var(--midnight);
  padding:9px 15px;font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  opacity:0;transform:translateX(8px);pointer-events:none;
  transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.wa-float:hover::after{opacity:1;transform:translateX(0);}
@media (max-width:560px){
  .wa-float{right:18px;bottom:18px;width:50px;height:50px;}
  .wa-float svg{width:25px;height:25px;}
  .wa-float::after{display:none;}
}

/* ===== form status ===== */
.pdp__note.is-error,.club-note.is-error{color:#E0645F;}
.pdp__note a,.club-note a{border-bottom:1px solid currentColor;}
button[disabled]{opacity:.45;cursor:wait;}

/* product thumbnails show the image edge-to-edge */
.pdp__thumb{padding:0;overflow:hidden;}
.pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- stock states ---- */
.card__media { position: relative; }
.card__badge {
  position: absolute; top: 12px; left: 12px;
  background: rgba(22,28,47,.92); color: #fff;
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 2px; font-weight: 600;
}
.card--soldout .card__media { opacity: .55; }
.btn.is-soldout, button.is-soldout { opacity: .5; cursor: not-allowed; }

/* ---- sheet-driven pricing ---- */
.p-now { font-weight: 600; }
.p-was { color: #8a8f9c; text-decoration: line-through; margin-left: 6px; font-weight: 400; }
.p-off { color: #161C2F; background: #eef0f4; border-radius: 2px; padding: 2px 6px;
         font-size: .78em; letter-spacing: .04em; margin-left: 8px; font-weight: 600; }


/* ---- product measurements (two-column) ---- */
#pSpecs li.spec-row { display:flex; justify-content:space-between; gap:16px; align-items:baseline; }
#pSpecs li.spec-row span:last-child { font-weight:600; }


/* ---- marketplace-style PDP heading (Myntra/Ajio) ---- */
.pdp__brand { font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--ink,#161C2F); margin-bottom:4px; }
.pdp__name { font-family:'Montserrat',sans-serif; font-size:24px; font-weight:600; letter-spacing:-.01em; line-height:1.2; margin:0 0 3px; text-transform:none; }
.pdp__cat { font-size:14px; color:#8a8f9c; font-weight:400; letter-spacing:normal; text-transform:none; margin-bottom:14px; }
.pdp__price { font-size:22px; font-weight:700; margin-bottom:2px; }
.pdp__price .p-now { font-size:22px; font-weight:700; }
.pdp__price .p-was { font-size:15px; color:#9aa0ac; text-decoration:line-through; margin-left:10px; font-weight:400; }
.pdp__price .p-off { color:#1a7f4b; background:none; padding:0 0 0 10px; font-size:13px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; }