/* =============================================================
   ADIVA GARAGE — product page (layout after the Moto Genius PDP)
   Loaded after style.css; everything is scoped under #agx.
   ============================================================= */
#agx .pdp{padding-block:clamp(18px,2.6vw,40px) clamp(28px,4vw,60px)}
/* wide gallery column, narrower buy box (about 60/40, as on Moto Genius) */
#agx .pdp .wrap.pdp__grid{max-width:1800px}
#agx .pdp__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,90px);align-items:start}

/* ---- gallery: equal square tiles, two per row, photos fill the tile ---- */
#agx .pdp__gal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,24px)}
#agx .pdp__ph{display:block;position:relative;aspect-ratio:1;border-radius:clamp(14px,1.3vw,22px);overflow:hidden;background:#fff;cursor:zoom-in;
  box-shadow:0 1px 0 rgba(10,15,30,.04)}
#agx .pdp__ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
#agx .pdp__ph:hover img{transform:scale(1.04)}
#agx .pdp__dots{display:none}

/* ---- buy box (sticks while the gallery scrolls) ---- */
#agx .pdp__media{min-width:0}
#agx .pdp__buy{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px;color:var(--ink)}
#agx .pdp__crumb{font:400 12.5px/1.4 var(--ui);color:var(--grey)}
#agx .pdp__crumb a{color:var(--grey)}
#agx .pdp__crumb a:hover{color:var(--blue-ink)}
#agx .pdp__brand{margin:0;font:700 12px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--blue-ink)!important}
#agx .pdp__title{margin:0;font:600 clamp(21px,2vw,28px)/1.25 var(--ui)!important;color:var(--ink)!important;letter-spacing:-.01em;text-transform:none!important}
#agx .pdp__rev{margin:-4px 0 0;font:500 13px/1 var(--ui)}
#agx .pdp__rev a{color:var(--grey);text-decoration:underline;text-underline-offset:3px}
#agx .pdp__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#agx .pdp__price b{font:800 clamp(28px,2.6vw,36px)/1 var(--disp);color:var(--ink)}
#agx .pdp__price span{font:400 12.5px/1 var(--ui);color:var(--grey)}

#agx .pdp__opt{border:1px solid var(--line);border-radius:14px;padding:14px 16px}
#agx .pdp__lbl{margin:0 0 10px;font:500 14px/1 var(--ui);color:var(--grey)}
#agx .pdp__lbl b{color:var(--ink);font-weight:700}
#agx .sw{display:flex;flex-wrap:wrap;gap:10px}
#agx .sw__b{width:38px;height:38px;border-radius:50%;padding:0!important;cursor:pointer;
  border:2px solid #fff!important;box-shadow:0 0 0 1px var(--line);
  background:linear-gradient(135deg,var(--a) 0 50%,var(--b,var(--a)) 50% 100%)!important;
  transition:transform .18s,box-shadow .18s}
#agx .sw__b:hover{transform:scale(1.08)}
#agx .sw__b[aria-checked="true"]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.08)}
#agx .pdp__note{margin:10px 0 0;font:400 12.5px/1.45 var(--ui);color:var(--grey)}

#agx .pdp__stock{margin:0;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  background:#eaf7ef;color:#14663a!important;border-radius:999px;padding:7px 14px;font:600 12.5px/1.2 var(--ui)}
#agx .pdp__stock i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.2);animation:pdp-pulse 1.8s ease-in-out infinite}
@keyframes pdp-pulse{50%{box-shadow:0 0 0 7px rgba(22,163,74,0)}}

/* ---- bundle cards ---- */
#agx .bund{display:grid;gap:10px}
#agx .bund__h{display:flex;align-items:center;gap:12px;margin:4px 0 2px;font:700 13px/1 var(--ui);color:var(--ink)}
#agx .bund__h::before,#agx .bund__h::after{content:"";flex:1;height:1px;background:var(--line)}
#agx .bund__o{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;
  border:1.5px solid var(--line);background:#fff;transition:border-color .18s,background .18s}
#agx .bund__o:has(input:checked){border-color:var(--blue-ink);background:#f0f7ff}
#agx .bund__o input{width:18px;height:18px;margin:0;accent-color:var(--blue-ink)}
#agx .bund__t{flex:1;display:grid;gap:3px}
#agx .bund__t b{font:700 14.5px/1.2 var(--ui)}
#agx .bund__t small{font:400 12px/1.3 var(--ui);color:var(--grey)}
#agx .bund__p{font:800 18px/1 var(--disp)}

/* ---- actions ---- */
#agx .pdp__atc,#agx .pdp__wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;
  font:700 15px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .15s,background .2s}
#agx .pdp__atc{background:var(--ink);color:#fff!important}
#agx .pdp__atc:hover{background:#000;transform:translateY(-1px)}
#agx .pdp__wa{background:#fff;color:#128c4a!important;border:1.5px solid #25d366;margin-top:-4px}
#agx .pdp__wa:hover{background:#effbf3}
#agx .pdp__wa svg{width:20px;height:20px;fill:#25d366}

#agx .pdp__trust{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
#agx .pdp__trust li{display:grid;justify-items:center;gap:4px;font:600 12px/1.25 var(--ui)}
#agx .pdp__trust small{font-weight:400;color:var(--grey)}
#agx .pdp__trust svg{width:30px;height:30px;padding:6px;border-radius:50%;background:#f0f7ff;fill:none;stroke:var(--blue-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

#agx .pdp__pin{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;
  border:1px solid var(--line);border-radius:12px;padding:10px 12px}
#agx .pdp__pin svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.7}
#agx .pdp__pin label{font:600 13px/1 var(--ui)}
#agx .pdp__pin input{min-width:0;border:0!important;box-shadow:none!important;font:400 14px/1 var(--ui);padding:8px!important;background:#f5f6f8!important;border-radius:8px!important}
#agx .pdp__pin button{border:0!important;background:var(--ink)!important;color:#fff!important;border-radius:8px!important;padding:9px 14px!important;font:700 12.5px/1 var(--ui)}
#agx .pdp__pinres{grid-column:1/-1;margin:0;font:500 12.5px/1.45 var(--ui);color:#14663a}
#agx .pdp__pinres:empty{display:none}
#agx .pdp__pinres.bad{color:var(--sale)}

#agx .pdp__acc details{border-bottom:1px solid var(--line)}
#agx .pdp__acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 2px;font:600 14.5px/1 var(--ui)}
#agx .pdp__acc summary::-webkit-details-marker{display:none}
#agx .pdp__acc summary::after{content:"+";font-size:20px;font-weight:400;transition:transform .2s}
#agx .pdp__acc details[open] summary::after{transform:rotate(45deg)}
#agx .pdp__acc details > div{padding:0 2px 16px;font:400 14px/1.65 var(--body);color:#434a57}
#agx .pdp__acc ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
#agx .spec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
#agx .spec dt{font-weight:600;color:var(--ink)}
#agx .spec dd{margin:0}
#agx .pdp__share{display:flex;align-items:center;gap:12px;font:500 13px/1 var(--ui);color:var(--grey)}
#agx .pdp__share svg{width:18px;height:18px;fill:var(--ink)}
#agx .pdp__help{margin-left:auto;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ---- stats strip ---- */
#agx .pstats{background:var(--ink);color:#fff;padding-block:clamp(22px,3vw,36px)}
#agx .pstats__in{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
#agx .pstats__in div{display:grid;gap:4px;border-left:1px solid rgba(255,255,255,.12)}
#agx .pstats__in div:first-child{border-left:0}
#agx .pstats b{font:800 clamp(28px,3.4vw,46px)/1 var(--disp);color:#39cbff}
#agx .pstats span{font:500 13px/1.2 var(--ui);color:#b9c0d0;text-transform:uppercase;letter-spacing:.08em}

/* ---- content sections ---- */
#agx .peyebrow{margin:0 0 8px;font:700 12px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--blue-ink)!important}
#agx .peyebrow--c{text-align:center}
#agx .ph2c{text-align:center;margin:0 0 clamp(20px,3vw,36px);font:700 clamp(26px,3vw,40px)/1.15 var(--ui)!important;color:var(--ink)!important}
#agx .prow__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:clamp(36px,5vw,72px)}
#agx .prow__in:last-child{margin-bottom:0}
#agx .prow__in--flip > img{order:2}
#agx .prow__in > img{width:100%;border-radius:18px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 24px 50px -28px rgba(10,15,30,.5)}
#agx .prow h2{margin:0 0 12px;font:700 clamp(24px,2.6vw,36px)/1.15 var(--ui)!important;color:var(--ink)!important}
#agx .prow p{font:400 15.5px/1.65 var(--body);color:#434a57}
#agx .pticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
#agx .pticks li{position:relative;padding-left:30px;font:400 14.5px/1.55 var(--body);color:#434a57}
#agx .pticks li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--blue-ink);color:#fff}
#agx .pticks b{color:var(--ink)}

#agx .psteps{background:var(--mist)}
#agx .psteps__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#agx .psteps__row li{background:#fff;border-radius:16px;padding:22px 20px;display:grid;gap:8px;border:1px solid var(--line)}
#agx .psteps__row i{font:800 30px/1 var(--disp);font-style:normal;color:var(--blue)}
#agx .psteps__row b{font:700 16px/1.2 var(--ui)}
#agx .psteps__row span{font:400 13.5px/1.5 var(--body);color:var(--grey)}

#agx .pcols__row{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,48px)}
#agx .pcols figure{margin:0;display:grid;justify-items:center;gap:10px}
#agx .pcols img{height:clamp(110px,12vw,170px);width:auto;transition:transform .3s cubic-bezier(.2,.8,.25,1)}
#agx .pcols figure:hover img{transform:translateY(-6px) rotate(-4deg)}
#agx .pcols figcaption{font:600 13px/1 var(--ui);color:var(--ink)}
#agx .pcols__more{text-align:center;margin-top:22px;font:400 14px/1.5 var(--body);color:var(--grey)}

#agx .prev__box{max-width:720px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;
  border:1px solid var(--line);border-radius:16px;padding:22px 26px}
#agx .prev__score{display:grid;gap:4px;text-align:center;padding-right:22px;border-right:1px solid var(--line)}
#agx .prev__score b{font:800 34px/1 var(--disp)}
#agx .prev__score span{font:500 12.5px/1 var(--ui);color:var(--grey)}
#agx .prev__box p{margin:0;font:400 14.5px/1.5 var(--body);color:#434a57}
#agx .prev__btn{background:var(--ink);color:#fff!important;border-radius:10px;padding:13px 20px;font:700 13px/1 var(--ui);text-decoration:none;white-space:nowrap}

#agx .pfaq__in{display:grid;grid-template-columns:1.6fr 1fr;border-radius:22px;overflow:hidden;background:#121417;color:#fff}
#agx .pfaq__q{padding:clamp(24px,3vw,44px)}
#agx .pfaq__q h2{margin:0 0 16px;font:700 clamp(28px,3vw,42px)/1 var(--ui)!important;color:#fff!important}
#agx .pfaq__q details{border-bottom:1px solid rgba(255,255,255,.12)}
#agx .pfaq__q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font:600 15px/1.35 var(--ui)}
#agx .pfaq__q summary::-webkit-details-marker{display:none}
#agx .pfaq__q summary::after{content:"+";font-size:20px;font-weight:400;transition:transform .2s}
#agx .pfaq__q details[open] summary::after{transform:rotate(45deg)}
#agx .pfaq__q details p{margin:0 0 16px;font:400 14.5px/1.65 var(--body);color:#b9c0d0}
#agx .pfaq__ask{background:#1c1f24;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:12px;justify-content:center}
#agx .pfaq__ask h3{margin:0;font:700 22px/1.2 var(--ui)!important;color:#fff!important}
#agx .pfaq__ask p{margin:0;font:400 14px/1.55 var(--body);color:#b9c0d0}
#agx .pfaq__wa,#agx .pfaq__mail{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;font:700 14px/1 var(--ui);text-decoration:none}
#agx .pfaq__wa{background:#25d366;color:#0b3d20!important}
#agx .pfaq__mail{border:1px solid rgba(255,255,255,.3);color:#fff!important}

#agx .plike h2{margin:0 0 20px;font:700 clamp(24px,2.6vw,34px)/1.1 var(--ui)!important;color:var(--ink)!important}

/* sticky add-to-cart bar on phones (appears once the main button scrolls away) */
#agx .pdp-bar{display:none}

@media (max-width:900px){
  #agx .pdp__grid{grid-template-columns:1fr}
  #agx .pdp__buy{position:static}
  /* gallery becomes a swipe strip with dots */
  #agx .pdp__gal{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);position:relative}
  #agx .pdp__gal::-webkit-scrollbar{display:none}
  #agx .pdp__ph{flex:0 0 100%;scroll-snap-align:center;border-radius:0}
  #agx .pdp__dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  #agx .pdp__dots i{width:7px;height:7px;border-radius:50%;background:rgba(10,15,30,.25);transition:width .2s,background .2s}
  #agx .pdp__dots i.on{width:20px;border-radius:4px;background:var(--ink)}
  #agx .prow__in{grid-template-columns:1fr}
  #agx .prow__in--flip > img{order:0}
  #agx .psteps__row{grid-template-columns:1fr 1fr}
  #agx .pfaq__in{grid-template-columns:1fr}
  #agx .pdp-bar{display:flex;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:69;
    align-items:center;gap:12px;padding:10px 16px;background:#fff;box-shadow:0 -6px 20px rgba(10,15,30,.12);
    transform:translateY(140%);transition:transform .3s cubic-bezier(.2,.7,.3,1)}
  #agx .pdp-bar.on{transform:none}
  #agx .pdp-bar div{flex:1;display:grid;gap:2px;min-width:0}
  #agx .pdp-bar b{font:800 18px/1 var(--disp)}
  #agx .pdp-bar small{font:400 12px/1.2 var(--ui);color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #agx .pdp-bar a{background:var(--ink);color:#fff!important;border-radius:10px;padding:14px 20px;font:700 13.5px/1 var(--ui);text-transform:uppercase;text-decoration:none}
}
@media (max-width:600px){
  #agx .pstats__in{grid-template-columns:1fr 1fr;row-gap:18px}
  #agx .pstats__in div:nth-child(3){border-left:0}
  #agx .pdp__trust{grid-template-columns:1fr 1fr;row-gap:14px}
  #agx .pdp__pin{grid-template-columns:auto 1fr auto}
  #agx .pdp__pin label{display:none}
  #agx .prev__box{grid-template-columns:1fr;text-align:center}
  #agx .prev__score{border-right:0;padding-right:0}
}
@media (prefers-reduced-motion:reduce){#agx .pdp__stock i{animation:none}}

/* phone tap targets and legibility (from the 390/360 px checks) */
#agx .pdp__trust small{display:block;font-size:11.5px!important}
#agx .pdp__crumb a,#agx .pdp__rev a,#agx .pdp__help,#agx .pdp__acc a{display:inline-block;padding-block:8px}
#agx .pdp__share a:not(.pdp__help){display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f3f4f6}
#agx .pdp__pin button{min-height:40px}

/* ================= generic product template additions (v1.2) ================= */
#agx .pdp__notices:empty{display:none}
#agx .pdp__notices{padding-top:14px}
#agx .pdp__notices .woocommerce-message,#agx .pdp__notices .woocommerce-error,#agx .pdp__notices .woocommerce-info{
  margin:0 0 6px;border-radius:12px;border:0;padding:14px 18px;background:#eaf7ef;color:#14663a;font:500 14px/1.45 var(--ui);list-style:none}
#agx .pdp__notices .woocommerce-error{background:#fdecee;color:#9f1239}
#agx .pdp__notices .button{float:right;background:var(--ink)!important;color:#fff!important;border-radius:8px!important;padding:6px 12px!important;font:700 12px/1.4 var(--ui)}
#agx .pdp__form{display:flex;flex-direction:column;gap:14px;margin:0}
#agx .pdp__price s{font:500 18px/1 var(--ui);color:var(--grey)}
#agx .pdp__price em{font:700 13px/1 var(--ui);font-style:normal;color:#fff;background:var(--sale);border-radius:999px;padding:5px 9px}
#agx .pdp__price s[hidden],#agx .pdp__price em[hidden]{display:none}
#agx .pdp__stock.is-out{background:#fdecee;color:#9f1239!important}
#agx .pdp__stock.is-out i{background:#e11d48;animation:none;box-shadow:none}
#agx .sw__b[disabled]{opacity:.35;cursor:not-allowed}
#agx .pdp__atc{width:100%;border:0!important;cursor:pointer}
#agx .pdp__atc[disabled]{background:#9aa0a6!important;cursor:not-allowed}
#agx .pstats__in{grid-template-columns:repeat(var(--n,4),1fr)}
@media (max-width:600px){#agx .pstats__in{grid-template-columns:1fr 1fr}}

#agx .pvids__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
@media (min-width:1000px){#agx .pvids__row{grid-auto-columns:calc((100% - 4*16px)/5)}}
#agx .pvid{margin:0;scroll-snap-align:start;display:grid;gap:10px}
#agx .pvid video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:#111}
#agx .pvid b{display:block;font:700 14.5px/1.3 var(--ui)}
#agx .pvid span{font:400 13px/1.45 var(--body);color:var(--grey)}

/* long description: plain product copy and the richer sections both look at home */
#agx .pdesc__in{max-width:980px}
#agx .pdesc__in:has(.prow__in),#agx .pdesc__in:has(.psteps__row){max-width:var(--wrap)}
#agx .pdesc__in > h2,#agx .pdesc__in > h3{font:700 clamp(20px,2vw,26px)/1.2 var(--ui)!important;color:var(--ink)!important;margin:28px 0 10px}
#agx .pdesc__in > p,#agx .pdesc__in > ul li{font:400 15.5px/1.7 var(--body);color:#434a57}
#agx .pdesc__in > ul{padding-left:20px;display:grid;gap:8px}
#agx .pdesc__in img{max-width:100%;height:auto;border-radius:16px}
#agx .pdesc__in video{max-width:100%;border-radius:16px}
#agx .pdesc__in .pdsec{margin-block:clamp(30px,5vw,70px)}
#agx .pdesc__in .pdsec:first-child{margin-top:0}

/* WooCommerce reviews + form, restyled */
#agx .prev__woo{max-width:820px;margin:0 auto}
#agx .prev__woo .woocommerce-Reviews-title{font:600 16px/1.4 var(--ui)!important;color:var(--ink)!important;margin:0 0 16px;text-align:center}
#agx .prev__woo .woocommerce-noreviews{text-align:center;color:var(--grey);font:400 15px/1.5 var(--body)}
#agx .prev__woo .commentlist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
#agx .prev__woo .comment_container{display:flex;gap:14px;border:1px solid var(--line);border-radius:14px;padding:16px}
#agx .prev__woo .comment_container img.avatar{width:44px;height:44px;border-radius:50%}
#agx .prev__woo .star-rating{color:#f59e0b}
#agx .prev__woo #review_form_wrapper{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,2.4vw,28px);background:var(--mist)}
#agx .prev__woo #reply-title{font:700 18px/1.3 var(--ui)!important;color:var(--ink)!important;display:block;margin-bottom:10px}
#agx .prev__woo input[type=text],#agx .prev__woo input[type=email],#agx .prev__woo textarea,#agx .prev__woo select{
  width:100%;border:1px solid var(--line)!important;border-radius:10px!important;padding:11px 12px!important;background:#fff!important;font:400 14.5px/1.4 var(--ui)}
#agx .prev__woo .form-submit input[type=submit],#agx .prev__woo #submit{background:var(--ink)!important;color:#fff!important;border:0!important;
  border-radius:10px!important;padding:13px 22px!important;font:700 13.5px/1 var(--ui);cursor:pointer}
#agx .prev__woo p.stars a{color:#f59e0b}
#agx .scard__p del{opacity:.7;font-size:.72em;margin-left:4px}
#agx .scard__p ins{text-decoration:none}
/* ---- any option type: several groups, text pills, unavailable combinations ---- */
#agx .pdp__opts{display:grid;gap:10px}
#agx .pdp__opts .pdp__note{margin-top:10px}
#agx .pill{display:flex;flex-wrap:wrap;gap:8px}
#agx .pill__b{min-height:40px;padding:0 16px!important;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);
  font:600 13.5px/1 var(--ui);cursor:pointer;transition:border-color .15s,background .15s}
#agx .pill__b:hover{border-color:var(--ink)}
#agx .pill__b[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
#agx .sw__b.is-na,#agx .pill__b.is-na{opacity:.4;text-decoration:line-through}
#agx .pdp__atc:disabled{opacity:.55;cursor:not-allowed}
/* gallery: a lone photo, or the first of an odd number, spans the full width */
@media (min-width:901px){#agx .pdp__gal > .pdp__ph:first-child:nth-last-child(odd){grid-column:1 / -1}}