/* ==========================================================================
   Arganic CRO — conversion layer. Inherits the theme's gold/cream tokens.
   RTL-first, same El Messiri type stack.
   ========================================================================== */

:root{
  --acro-red:#d7263d;
  --acro-red-2:#a81326;
  --acro-red-50:#fdeef0;
  --acro-green:#2f8f5b;
  --acro-green-50:#eaf6ef;
}

/* ---------- size chips ---------- */
.acro-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.acro-size__chip{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--gold-50);border:1px solid var(--gold-200);color:var(--ink);
  border-radius:999px;padding:5px 13px;font-size:13.5px;line-height:1.5;
}
.acro-size__chip i{color:var(--gold-700);font-size:12px}
.acro-size__chip b{font-weight:800}

/* Packages: one chip per item, so the volume is attached to its own product. */
.acro-size--pack{gap:7px}
.acro-size__lead{
  flex:0 0 100%;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:7px;
  margin-bottom:1px;
}
.acro-size__lead i{color:var(--gold-700);font-size:12px}
.acro-size__lead b{color:var(--ink);font-weight:800}
.acro-size--pack .acro-size__chip{background:var(--surface);gap:8px;padding:5px 12px}
.acro-size__name{color:var(--ink);font-weight:600}
.acro-size__vol{
  background:var(--gold);color:#fff;border-radius:999px;padding:1px 10px;
  font-size:12.5px;font-weight:800;white-space:nowrap;
}

/* ---------- red deal strip ---------- */
.acro-deal{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:2px 0 16px;
}
.acro-deal__pct{
  display:inline-flex;align-items:center;
  background:var(--acro-red);color:#fff;font-weight:800;font-size:15px;
  padding:6px 15px;border-radius:999px;letter-spacing:.2px;
  box-shadow:0 8px 20px rgba(215,38,61,.26);
}
.acro-deal__amt{color:var(--acro-red-2);font-weight:700;font-size:14px}
.acro-deal__timer{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--acro-red-50);color:var(--acro-red-2);
  border:1px dashed rgba(215,38,61,.4);border-radius:999px;
  padding:5px 13px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;
}

/* ---------- quantity tiers ---------- */
.acro-tiers{margin:20px 0 18px}
.acro-tiers__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px}
.acro-tiers__title{font-weight:800;font-size:16px;color:var(--ink)}
.acro-tiers__hint{font-size:12.5px;color:var(--ink-2)}
.acro-tiers__grid{display:grid;gap:10px}

.acro-tier{
  position:relative;display:grid;
  grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  width:100%;text-align:start;
  background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);
  padding:14px 16px;transition:border-color var(--t),box-shadow var(--t),background var(--t);
}
.acro-tier:hover{border-color:var(--gold-200)}
.acro-tier.is-active{border-color:var(--gold);background:var(--gold-50);box-shadow:0 10px 26px rgba(200,169,110,.18)}

.acro-tier__radio{
  width:20px;height:20px;border-radius:50%;border:2px solid var(--line);
  display:inline-block;position:relative;transition:border-color var(--t);
}
.acro-tier.is-active .acro-tier__radio{border-color:var(--gold-700)}
.acro-tier.is-active .acro-tier__radio::after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:var(--gold-700);
}

.acro-tier__main{display:flex;flex-direction:column;gap:2px;min-width:0}
.acro-tier__qty{font-weight:800;font-size:15.5px;color:var(--ink)}
.acro-tier__size{font-size:12.5px;color:var(--ink-2)}

.acro-tier__price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.acro-tier__total{font-weight:800;font-size:16px;color:var(--ink)}
.acro-tier__total .woocommerce-Price-amount{font-weight:800}
.acro-tier__each{font-size:12px;color:var(--ink-2)}

.acro-tier__flag{
  position:absolute;top:-10px;inset-inline-start:16px;
  background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;
  padding:3px 11px;border-radius:999px;letter-spacing:.2px;
}
.acro-tier.is-active .acro-tier__flag{background:var(--gold-700)}

.acro-tier__save{
  position:absolute;bottom:-9px;inset-inline-end:14px;
  background:var(--acro-red);color:#fff;font-size:11.5px;font-weight:800;
  padding:3px 10px;border-radius:999px;
  box-shadow:0 6px 14px rgba(215,38,61,.28);
}

.acro-atc-total{opacity:.9;font-weight:800;margin-inline-start:6px}
.acro-pulse{animation:acroPulse .5s ease 3}
@keyframes acroPulse{50%{transform:scale(1.04);box-shadow:0 0 0 8px rgba(200,169,110,.25)}}

/* ---------- accepted payments ---------- */
.acro-pay{margin:16px 0 12px}
.acro-pay__label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:8px}
.acro-pay__list{display:flex;flex-wrap:wrap;gap:8px}
.acro-pay__item{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--surface);border:1px solid var(--line);border-radius:11px;
  padding:8px 13px;
}
.acro-pay__item i{font-size:16px;color:var(--gold-700)}
.acro-pay__item--cliq i{color:#0a7d5a}
.acro-pay__txt{display:flex;flex-direction:column;line-height:1.35}
.acro-pay__txt b{font-size:13.5px;font-weight:800}
.acro-pay__txt em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.acro-pay--compact{margin:12px 0 0}
.acro-pay--compact .acro-pay__label{display:none}
.acro-pay--compact .acro-pay__item{padding:6px 10px;gap:7px}
.acro-pay--compact .acro-pay__txt em{display:none}

/* payments on the dark footer bar */
.arganic-footer__bottom .arganic-container{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
}
.arganic-footer__bottom .acro-pay{margin:0;padding-block:12px}
.arganic-footer__bottom .acro-pay__item{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e8e1d5;
}
.arganic-footer__bottom .acro-pay__item i{color:var(--gold)}
.arganic-footer__bottom .acro-pay__item--cliq i{color:#5fd0ab}

/* ---------- returns note ---------- */
.acro-returns{
  display:flex;gap:11px;align-items:flex-start;
  background:var(--gold-50);border:1px solid var(--gold-200);border-radius:var(--radius);
  padding:13px 15px;font-size:13.5px;line-height:1.65;color:var(--ink);margin:0 0 8px;
}
.acro-returns i{color:var(--gold-700);margin-top:4px}
.acro-returns a{color:var(--gold-700);text-decoration:underline;text-underline-offset:3px}

.acro-freeship{
  display:flex;gap:11px;align-items:flex-start;
  background:rgba(126,196,155,.10);border:1px solid rgba(126,196,155,.35);border-radius:var(--radius);
  padding:13px 15px;font-size:13.5px;line-height:1.65;color:var(--ink);margin:0 0 8px;
}
.acro-freeship i{color:var(--acro-green);margin-top:4px}
.acro-freeship b{font-weight:800}

.acro-returns-tab__list{display:grid;gap:16px}
.acro-returns-tab__list li{display:flex;gap:14px;align-items:flex-start}
.acro-returns-tab__ic{
  flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:var(--gold-50);color:var(--gold-700);border:1px solid var(--gold-200);
}
.acro-returns-tab__list h4{margin:0 0 3px;font-size:15.5px}
.acro-returns-tab__list p{margin:0;color:var(--ink-2);font-size:14px}
.acro-returns-tab__more{margin-top:22px}

/* ---------- results timeline ---------- */
/* These sit after the summary but before the tabs. `div.product` is a two-column
   CSS grid in this theme, so they need to span both columns (clear alone does
   nothing inside a grid). */
.acro-results,.acro-ba,.acro-ugc{clear:both;grid-column:1/-1;width:100%}
.acro-results .arganic-container,
.acro-ba .arganic-container,
.acro-ugc .arganic-container{padding-inline:0}

.acro-results{
  margin-top:46px;padding:48px 34px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);
}
.acro-results__head{text-align:center;max-width:640px;margin:0 auto 34px}
.acro-results__eyebrow{
  display:inline-block;color:var(--gold-700);font-weight:700;font-size:13px;
  letter-spacing:.4px;margin-bottom:8px;
}
.acro-results__title{font-size:clamp(24px,3.6vw,34px);margin:0}
.acro-results__track{
  display:grid;gap:18px;position:relative;margin:0;padding:0;
  list-style:none;counter-reset:none;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.acro-results__track > li{list-style:none}
.acro-results__track > li::marker{content:""}
.acro-results__step{
  position:relative;background:var(--cream);border:1px solid var(--line);
  border-radius:var(--radius);padding:26px 20px 20px;
}
.acro-results__dot{
  position:absolute;top:-16px;inset-inline-start:20px;
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#fff;font-weight:800;font-size:15px;
  box-shadow:var(--shadow-gold);
}
.acro-results__when{display:block;font-weight:800;font-size:16px;color:var(--gold-700);margin-bottom:6px}
.acro-results__text{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.75}
.acro-results__note{
  margin:22px auto 0;max-width:760px;text-align:center;
  font-size:13px;color:var(--ink-2);
}
.acro-results__note i{color:var(--gold-700)}

/* ---------- before / after ---------- */
.acro-ba{margin-top:46px}
.acro-ba__head{text-align:center;margin-bottom:30px}
.acro-ba__eyebrow{display:inline-block;color:var(--gold-700);font-weight:700;font-size:13px;margin-bottom:8px}
.acro-ba__title{font-size:clamp(24px,3.6vw,34px);margin:0 0 6px}
.acro-ba__sub{color:var(--ink-2);font-size:14px;margin:0}
.acro-ba__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.acro-ba__card{margin:0}
.acro-ba__viewer{
  position:relative;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);background:var(--card);aspect-ratio:4/5;
}
.acro-ba__viewer img{width:100%;height:100%;object-fit:cover;display:block}
.acro-ba__clip{position:absolute;inset-block:0;inset-inline-start:0;width:50%;overflow:hidden}
.acro-ba__clip img{width:auto;height:100%;max-width:none}
.acro-ba__tag{
  position:absolute;top:12px;background:rgba(42,37,33,.78);color:#fff;
  font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;
}
.acro-ba__tag--b{inset-inline-start:12px}
.acro-ba__tag--a{inset-inline-end:12px;background:var(--gold-700)}
.acro-ba__range{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;
}
.acro-ba__handle{
  position:absolute;top:50%;translate:-50% -50%;
  width:42px;height:42px;border-radius:50%;background:#fff;color:var(--ink);
  display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none;
}
.acro-ba__card figcaption{margin-top:10px;text-align:center;font-size:13.5px;color:var(--ink-2)}

/* ---------- UGC reel ---------- */
.acro-ugc{margin-top:46px;padding:44px 34px;background:var(--card);border-radius:var(--radius)}
.acro-ugc__head{text-align:center;margin-bottom:26px}
.acro-ugc__eyebrow{display:inline-block;color:var(--gold-700);font-weight:700;font-size:13px;margin-bottom:8px}
.acro-ugc__title{font-size:clamp(24px,3.6vw,34px);margin:0}
.acro-ugc__rail{
  display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.acro-ugc__rail::-webkit-scrollbar{height:6px}
.acro-ugc__rail::-webkit-scrollbar-thumb{background:var(--gold-200);border-radius:99px}
.acro-ugc__clip{
  position:relative;flex:0 0 min(230px,62vw);aspect-ratio:9/16;scroll-snap-align:start;
  border-radius:var(--radius);overflow:hidden;background:#181512;box-shadow:var(--shadow-sm);cursor:pointer;
}
.acro-ugc__clip video{width:100%;height:100%;object-fit:cover;display:block}
.acro-ugc__play{
  position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.9);border:0;display:grid;place-items:center;
  color:var(--ink);font-size:17px;transition:opacity var(--t);
}
.acro-ugc__clip.is-playing .acro-ugc__play{opacity:0}
.acro-ugc__sound{
  position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;
  background:rgba(24,21,18,.6);color:#fff;border:0;display:grid;place-items:center;font-size:13px;
}
.acro-ugc__meta{
  position:absolute;inset-inline:0;bottom:0;padding:26px 12px 12px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.72),transparent);
}
.acro-ugc__meta b{display:block;font-size:13.5px}
.acro-ugc__meta span{font-size:12px;opacity:.85}

.acro-ugc__cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;
  margin-top:24px;padding:16px;border-radius:var(--radius);
  background:var(--surface);border:1px solid var(--line);
}
.acro-ugc__pct{
  background:var(--acro-red);color:#fff;font-weight:800;font-size:14px;
  padding:6px 15px;border-radius:999px;box-shadow:0 8px 20px rgba(215,38,61,.25);
}
.acro-ugc__ship{font-size:13.5px;color:var(--ink-2)}

/* ---------- customer reviews carousel ---------- */
.acro-rev{clear:both;grid-column:1/-1;width:100%;margin-top:46px;padding:44px 34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.acro-rev .arganic-container{padding-inline:0}
.acro-rev__head{text-align:center;margin-bottom:24px}
.acro-rev__eyebrow{display:inline-block;color:var(--gold-700);font-weight:700;font-size:13px;margin-bottom:8px}
.acro-rev__title{font-size:clamp(24px,3.6vw,34px);margin:0 0 10px}
.acro-rev__sum{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--ink-2)}
.acro-rev__sum b{color:var(--ink);font-size:16px}
.acro-rev__stars{display:inline-flex;gap:2px;color:#f5a623;font-size:14px;direction:ltr}
.acro-rev__stars .is-off{color:var(--line)}

.acro-rev__wrap{position:relative}
.acro-rev__rail{
  display:flex;gap:16px;overflow-x:auto;padding:4px 2px 12px;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.acro-rev__rail::-webkit-scrollbar{display:none}
.acro-rev__rail:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--radius)}
.acro-rev__card{
  flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;
  display:flex;flex-direction:column;gap:12px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow-sm);
}
.acro-rev__text{
  flex:1;margin:0;font-size:15px;line-height:1.8;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;
}
.acro-rev__card.is-open .acro-rev__text{-webkit-line-clamp:unset;display:block}
.acro-rev__who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}
.acro-rev__avatar{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-50);border:1px solid var(--gold-200);color:var(--gold-700);font-weight:800;
}
.acro-rev__meta{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.acro-rev__meta b{font-size:14px;color:var(--ink)}
.acro-rev__meta em{font-style:normal;font-size:12px;color:var(--ink-2)}
.acro-rev__badge{
  margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;font-weight:700;color:var(--acro-green);background:var(--acro-green-50);
  padding:4px 9px;border-radius:999px;
}

.acro-rev__nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm);
  cursor:pointer;transition:opacity var(--t);
}
.acro-rev__nav--prev{inset-inline-start:-21px}
.acro-rev__nav--next{inset-inline-end:-21px}
.acro-rev__nav[disabled]{opacity:0;pointer-events:none}
.acro-rev__nav:hover{border-color:var(--gold)}

.acro-rev__dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
.acro-rev__dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--gold-200);cursor:pointer;transition:width var(--t),background var(--t)}
.acro-rev__dots button.is-on{width:22px;background:var(--gold-700)}

@media (max-width:900px){
  .acro-rev__card{flex-basis:calc((100% - 16px) / 2)}
}
@media (max-width:600px){
  .acro-rev{padding:34px 16px}
  .acro-rev__card{flex-basis:84%}
  .acro-rev__nav{display:none}
}

/* ---------- shared: free shipping bar + savings ---------- */
.acro-ship{margin:0 0 14px}
.acro-ship__txt{margin:0 0 8px;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px}
.acro-ship__txt i{color:var(--gold-700)}
.acro-ship__txt b{font-weight:800}
.acro-ship__track{display:block;height:7px;border-radius:99px;background:var(--card);overflow:hidden}
.acro-ship__fill{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--gold-200),var(--gold));transition:width .45s var(--t);
}
.acro-ship.is-done .acro-ship__txt i,.acro-ship.is-done .acro-ship__txt b{color:var(--acro-green)}
.acro-ship.is-done .acro-ship__fill{background:linear-gradient(90deg,#8fd0ab,var(--acro-green))}

.acro-saved{
  display:flex;align-items:center;gap:11px;
  background:var(--acro-red-50);border:1px solid rgba(215,38,61,.22);
  border-radius:var(--radius);padding:11px 14px;margin:0 0 14px;
}
.acro-saved__ic{
  width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;
  background:var(--acro-red);color:#fff;font-size:14px;
}
.acro-saved__txt{font-size:14px;color:var(--acro-red-2);line-height:1.45}
.acro-saved__txt b{font-weight:800}
.acro-saved__txt em{display:block;font-style:normal;font-size:12.5px;font-weight:700;opacity:.85}
.acro-saved__txt .woocommerce-Price-amount{font-weight:800}

.acro-tier-tag{
  display:inline-block;margin-top:4px;
  background:var(--acro-red);color:#fff;font-size:11px;font-weight:800;
  padding:2px 9px;border-radius:999px;
}

/* ---------- side cart drawer ---------- */
body.acro-drawer-open{overflow:hidden}
.acro-drawer{position:fixed;inset:0;z-index:9999;visibility:hidden;pointer-events:none}
.acro-drawer.is-open{visibility:visible;pointer-events:auto}
.acro-drawer__overlay{
  position:absolute;inset:0;background:rgba(28,24,20,.45);opacity:0;
  transition:opacity .3s var(--t);backdrop-filter:blur(2px);
}
.acro-drawer.is-open .acro-drawer__overlay{opacity:1}
.acro-drawer__panel{
  position:absolute;inset-block:0;inset-inline-end:0;
  width:min(420px,92vw);background:var(--cream);
  display:flex;flex-direction:column;
  box-shadow:0 0 60px rgba(0,0,0,.22);
  transform:translateX(100%);transition:transform .38s var(--t);
}
html[dir=rtl] .acro-drawer__panel{transform:translateX(-100%)}
.acro-drawer.is-open .acro-drawer__panel{transform:none}

.acro-drawer__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface);
}
.acro-drawer__head h2{margin:0;font-size:18px;display:flex;align-items:center;gap:9px}
.acro-drawer__head i{color:var(--gold-700);font-size:16px}
.acro-drawer__close{
  background:none;border:0;font-size:28px;line-height:1;color:var(--ink-2);padding:0 4px;
}
.acro-drawer__body{flex:1;overflow-y:auto;padding:16px 18px 22px;display:flex;flex-direction:column}

.acro-drawer__empty{text-align:center;padding:60px 10px;color:var(--ink-2)}
.acro-drawer__empty i{font-size:38px;color:var(--gold-200);display:block;margin-bottom:14px}

.acro-items{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}
.acro-item{
  position:relative;display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:start;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px;
}
.acro-item.is-busy{opacity:.5;pointer-events:none}
.acro-item__media{position:relative;border-radius:10px;overflow:hidden;background:var(--card)}
.acro-item__media img{width:100%;height:auto;display:block}
.acro-item__off{
  position:absolute;top:4px;inset-inline-start:4px;
  background:var(--acro-red);color:#fff;font-size:10.5px;font-weight:800;
  padding:2px 6px;border-radius:6px;
  direction:ltr;unicode-bidi:isolate;
}
.acro-item__body{min-width:0}
.acro-item__name{margin:0 0 3px;font-size:14px;line-height:1.4;font-weight:700}
.acro-item__size{display:block;font-size:12px;color:var(--ink-2)}
.acro-item__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.acro-item__price{font-size:13.5px;white-space:nowrap;text-align:end}
.acro-item__price del{display:block;font-size:11.5px;color:var(--ink-2);opacity:.75}
.acro-item__price ins{text-decoration:none;font-weight:800;color:var(--ink)}
.acro-item__rm{
  background:none;border:0;color:var(--ink-2);font-size:13px;padding:4px;align-self:start;
  transition:color var(--t);
}
.acro-item__rm:hover{color:var(--acro-red)}

.acro-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--cream)}
.acro-qty__btn{
  width:28px;height:30px;border:0;background:none;font-size:15px;color:var(--ink);line-height:1;
}
.acro-qty__btn:hover{background:var(--gold-50)}
.acro-qty__in{
  width:38px;height:30px;border:0;background:none;text-align:center;font:inherit;font-size:13.5px;
  -moz-appearance:textfield;
}
.acro-qty__in::-webkit-outer-spin-button,.acro-qty__in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.acro-drawer__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.acro-drawer__line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}
.acro-drawer__line--was{color:var(--ink-2);font-size:13px}
.acro-drawer__line--save{color:var(--acro-red-2);font-weight:800}
.acro-drawer__line--save .woocommerce-Price-amount{font-weight:800}
.acro-drawer__line--total{font-size:17px;font-weight:800;padding-top:6px;margin-top:4px;border-top:1px dashed var(--line)}
.acro-drawer__ship-note{margin:4px 0 12px;font-size:12px;color:var(--ink-2)}
.acro-drawer__checkout{display:block;width:100%;text-align:center}
.acro-drawer__view{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.acro-drawer__returns{margin:12px 0 0;font-size:12px;color:var(--ink-2);text-align:center}
.acro-drawer__returns i{color:var(--gold-700)}
.acro-drawer__returns a{text-decoration:underline;text-underline-offset:2px}

/* ---------- cart / checkout pages ---------- */
.acro-cart-head{margin:0 0 20px}
.acro-total-saved th{color:var(--acro-red-2)}
.acro-total-saved td{color:var(--acro-red-2);font-weight:800}
.acro-total-saved td span{font-weight:700;opacity:.8}
.acro-total-saved .woocommerce-Price-amount{font-weight:800}

/* ---------- red percentage badge on shop cards ---------- */
.arganic-badge--pct{
  background:var(--acro-red)!important;color:#fff!important;font-weight:800;
  box-shadow:0 6px 16px rgba(215,38,61,.3);
}

/* ---------- responsive ---------- */
@media (min-width:600px){
  .acro-tiers__grid{gap:12px}
}
@media (max-width:480px){
  .acro-tier{grid-template-columns:auto 1fr;row-gap:6px;padding:14px}
  .acro-tier__price{grid-column:2;align-items:flex-start}
  .acro-tier__save{position:static;align-self:start;justify-self:start;margin-top:4px}
  .acro-ugc__clip{flex-basis:min(200px,58vw)}
}

/* Drawer loading state — shown instead of a stale "cart is empty" while
   WooCommerce's cart fragments catch up on a cached page. */
.acro-drawer__loading{text-align:center;padding:60px 10px;color:var(--ink-2)}
.acro-drawer__loading i{font-size:26px;color:var(--gold);display:block;margin-bottom:14px}
.acro-drawer__loading p{margin:0 0 10px;font-size:14px}