/* Jolfa commerce reference redesign — 2026-09-27
   Scoped to the hardware PDP and cart only. Header/navigation are untouched. */

/* ---------- Shared page geometry ---------- */
.commerce-product-page--reference-redesign,
.commerce-cart-page--reference-redesign{
  --ref-purple:#7a2d91;
  --ref-purple-strong:#652178;
  --ref-purple-soft:#f8f1fb;
  --ref-green:#00995f;
  --ref-green-soft:#f1fbf7;
  --ref-blue:#2979bd;
  --ref-ink:#202537;
  --ref-muted:#7b8498;
  --ref-line:#e3e7ef;
  --ref-surface:#ffffff;
  --ref-surface-soft:#f7f9fc;
  width:min(1540px,calc(100% - 64px))!important;
  max-width:1540px!important;
  margin-inline:auto!important;
}

/* ================= PRODUCT PAGE ================= */
.commerce-product-page--reference-redesign{
  padding-top:24px!important;
  padding-bottom:80px!important;
}
.commerce-product-page--reference-redesign .commerce-breadcrumb{
  margin:0 0 20px!important;
  padding-inline:8px!important;
  color:#737e91!important;
  font-size:.74rem!important;
  font-weight:750!important;
  gap:8px!important;
}
.commerce-product-page--reference-redesign .commerce-product-main{
  display:grid!important;
  grid-template-columns:minmax(290px,318px) minmax(420px,1fr) minmax(400px,500px)!important;
  grid-template-areas:"buy info gallery"!important;
  gap:16px!important;
  align-items:stretch!important;
  min-height:650px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* gallery */
.commerce-product-page--reference-redesign .commerce-product-gallery{
  grid-area:gallery!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:20px 20px 18px!important;
  border:1px solid var(--ref-line)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-shadow:0 14px 38px rgba(25,36,64,.055)!important;
  overflow:hidden!important;
}
.commerce-product-page--reference-redesign .commerce-product-gallery__main{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:460px!important;
  min-height:460px!important;
  padding:18px!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.commerce-product-page--reference-redesign .commerce-product-gallery__main>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:12px!important;
}
.commerce-product-page--reference-redesign .commerce-product-gallery__main>iframe{
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:14px!important;
}
.commerce-product-page--reference-redesign .commerce-gallery-expand-cue{
  position:absolute!important;
  top:8px!important;
  inset-inline-start:8px!important;
  z-index:4!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#657086!important;
  color:#fff!important;
  font-size:.82rem!important;
  box-shadow:0 7px 18px rgba(38,48,70,.18)!important;
  pointer-events:none!important;
}
.commerce-product-page--reference-redesign .commerce-product-gallery__navigation{
  width:100%!important;
  margin-top:12px!important;
  padding:0!important;
  overflow:visible!important;
}
.commerce-product-page--reference-redesign .commerce-product-thumbs{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  padding:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.commerce-product-page--reference-redesign .commerce-product-thumbs::-webkit-scrollbar{display:none!important}
.commerce-product-page--reference-redesign .commerce-product-thumbs>button{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  display:grid!important;
  place-items:center!important;
  padding:5px!important;
  border:1px solid var(--ref-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.commerce-product-page--reference-redesign .commerce-product-thumbs>button.is-active{
  border:2px solid var(--ref-purple)!important;
  box-shadow:0 0 0 3px rgba(122,45,145,.07)!important;
}
.commerce-product-page--reference-redesign .commerce-product-thumbs>button img{
  width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important
}

/* info column */
.commerce-product-page--reference-redesign .commerce-product-info{
  grid-area:info!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:24px 22px!important;
  border:1px solid var(--ref-line)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(25,36,64,.045)!important;
  text-align:center!important;
}
.commerce-product-page--reference-redesign .commerce-product-info__topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:42px!important;
  margin-bottom:24px!important;
}
.commerce-product-page--reference-redesign .commerce-product-kicker{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.commerce-product-page--reference-redesign .commerce-product-kicker>a:not(.commerce-brand){
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 12px!important;
  border:1px solid #eadcf1!important;
  border-radius:999px!important;
  background:#faf2fc!important;
  color:#6f2d84!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.commerce-product-page--reference-redesign .commerce-brand{
  min-width:44px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border:1px solid var(--ref-line)!important;
  border-radius:9px!important;
  background:#fff!important;
}
.commerce-product-page--reference-redesign .commerce-brand img{
  max-width:38px!important;max-height:20px!important;object-fit:contain!important
}
.commerce-product-page--reference-redesign .commerce-product-info__actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.commerce-product-page--reference-redesign .commerce-product-info__action{
  width:39px!important;
  height:39px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 39px!important;
  border:1px solid var(--ref-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#647087!important;
  text-decoration:none!important;
  font-size:.84rem!important;
  box-shadow:0 4px 12px rgba(25,36,64,.035)!important;
}
.commerce-product-page--reference-redesign .commerce-product-info__action:hover{
  color:var(--ref-purple)!important;
  border-color:#d7b9df!important;
  background:#fbf6fc!important;
}
.commerce-product-page--reference-redesign .commerce-product-title-fa{
  max-width:100%!important;
  margin:2px auto 3px!important;
  color:var(--ref-ink)!important;
  font-size:clamp(1.72rem,2.05vw,2.22rem)!important;
  font-weight:950!important;
  line-height:1.38!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.commerce-product-page--reference-redesign .commerce-product-title-en{
  max-width:100%!important;
  margin:0 auto 22px!important;
  color:#7d879c!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:.82rem!important;
  line-height:1.55!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-align:center!important;
}
.commerce-product-page--reference-redesign .commerce-product-variants{
  margin:0 0 16px!important;
  text-align:start!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:4px!important;
  width:100%!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs>span{
  min-width:0!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid #dfe4ed!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#fbfcfe,#f4f7fb)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  text-align:start!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs__icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#eef6fc!important;
  color:#2e7eba!important;
  font-size:1rem!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs__copy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs small{
  color:#8791a5!important;
  font-size:.67rem!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.commerce-product-page--reference-redesign .commerce-key-specs strong{
  color:#202637!important;
  font-size:.82rem!important;
  font-weight:950!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}

/* purchase box */
.commerce-product-page--reference-redesign .commerce-buy-box{
  grid-area:buy!important;
  position:relative!important;
  align-self:stretch!important;
  min-width:0!important;
  min-height:650px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid #d9dde8!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(25,36,64,.07)!important;
  overflow:hidden!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box::before,
.commerce-product-page--reference-redesign .commerce-buy-box::after{display:none!important}
.commerce-product-page--reference-redesign .commerce-buy-box>*{position:relative!important;z-index:1!important}
.commerce-product-page--reference-redesign .commerce-buy-box__price{
  min-height:104px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
  padding:14px 15px!important;
  border:1px solid #dcece6!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f8fdfb,#f3fbf8)!important;
  box-shadow:none!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box__price-label{
  display:block!important;
  color:#7c8798!important;
  font-size:.72rem!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box__price>strong{
  color:var(--ref-green)!important;
  font-size:1.42rem!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box__price .jolfa-price__amount{
  font-size:inherit!important;
  color:inherit!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box__price .jolfa-price__unit{
  color:var(--ref-green)!important;
  font-size:.67rem!important;
  font-weight:900!important;
  margin-inline-start:5px!important;
}
.commerce-product-page--reference-redesign .commerce-buy-box__previous-price{font-size:.68rem!important}
.commerce-product-page--reference-redesign .commerce-low-stock-note{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:5px 8px!important;
  border:0!important;
  background:transparent!important;
  color:#363849!important;
  font-size:.72rem!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.commerce-product-page--reference-redesign .commerce-low-stock-note.is-last-one{background:transparent!important;border:0!important}
.commerce-product-page--reference-redesign .commerce-low-stock-symbol{
  width:27px!important;height:32px!important;flex:0 0 27px!important
}
.commerce-product-page--reference-redesign .commerce-add-form{margin:0!important;width:100%!important}
.commerce-product-page--reference-redesign .commerce-add-primary{
  width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#7c3192,#7a2d91 50%,#6c2683)!important;
  color:#fff!important;
  font-size:.88rem!important;
  font-weight:950!important;
  box-shadow:0 10px 23px rgba(122,45,145,.21)!important;
}
.commerce-product-page--reference-redesign .commerce-add-primary::after{
  content:"\f07a";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  margin-inline-start:10px;
  font-size:.86rem;
}
.commerce-product-page--reference-redesign .commerce-cart-stepper{
  width:100%!important;
  min-height:54px!important;
  padding:8px!important;
  border:1px solid #decfe4!important;
  border-radius:13px!important;
  background:#fbf7fc!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #e0e4eb!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__row{
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 15px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:0!important;
  background:#fff!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__row::after{
  content:"\f053";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:#68758a;
  font-size:.58rem;
}
html[dir="ltr"] .commerce-product-page--reference-redesign .commerce-buy-assurance__row::after{content:"\f054"}
.commerce-product-page--reference-redesign .commerce-buy-assurance__row + .commerce-buy-assurance__row{
  border-top:1px solid #eceff4!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:#f8effb!important;
  color:var(--ref-purple)!important;
  box-shadow:none!important;
  font-size:.9rem!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__icon--courier{
  background:#eef9f7!important;color:#168f84!important
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__copy{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  color:#232738!important;
  text-align:start!important;
  line-height:1.45!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__copy>strong{
  color:#24283a!important;
  font-size:.72rem!important;
  font-weight:950!important;
  line-height:1.55!important;
}
.commerce-product-page--reference-redesign .commerce-buy-assurance__copy>small{
  color:#8b94a5!important;
  font-size:.60rem!important;
  font-weight:650!important;
  line-height:1.55!important;
}
.commerce-product-page--reference-redesign .commerce-assurance-days{color:inherit!important;font-weight:950!important}
.commerce-product-page--reference-redesign .commerce-buy-trust{
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:auto!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(115deg,#eafbf4 0%,#f7f7ff 50%,#f7eefa 100%)!important;
  text-align:start!important;
}
.commerce-product-page--reference-redesign .commerce-buy-trust__icon{
  width:46px!important;height:46px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#d5f7e9!important;color:#11a571!important;font-size:1.05rem!important
}
.commerce-product-page--reference-redesign .commerce-buy-trust>span:last-child{display:grid!important;gap:3px!important;min-width:0!important}
.commerce-product-page--reference-redesign .commerce-buy-trust strong{font-size:.78rem!important;color:#202537!important;font-weight:950!important}
.commerce-product-page--reference-redesign .commerce-buy-trust small{font-size:.62rem!important;color:#788298!important;line-height:1.55!important}

/* Keep secondary PDP content below the fold, not inside the hero composition. */
.commerce-product-page--reference-redesign .commerce-service-strip{margin-top:26px!important}
.commerce-product-page--reference-redesign .commerce-product-anchor-nav{margin-top:20px!important}

/* ================= CART PAGE ================= */
.commerce-cart-page--reference-redesign{
  padding-top:28px!important;
  padding-bottom:72px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-hero{
  display:grid!important;
  grid-template-columns:minmax(310px,.86fr) minmax(560px,1.25fr)!important;
  grid-template-areas:"journey title"!important;
  align-items:center!important;
  gap:24px!important;
  margin-bottom:20px!important;
  padding:22px 26px!important;
  border:1px solid #edf0f5!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 12px 35px rgba(26,38,67,.035)!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-hero__title{
  grid-area:title!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  justify-content:flex-start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-hero__icon{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#f7edfb!important;
  color:#7d2ca0!important;
  font-size:1.18rem!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-hero h1{
  margin:0!important;
  color:#24293a!important;
  font-size:2rem!important;
  line-height:1.25!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-hero p{
  margin:5px 0 0!important;
  color:#8790a4!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey{
  grid-area:journey!important;
  display:grid!important;
  grid-template-columns:auto minmax(35px,1fr) auto minmax(35px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span{
  min-width:86px!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  color:#9ca5b5!important;
  text-align:center!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span>i{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f1f4f8!important;
  color:#96a0b2!important;
  font-size:.9rem!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span>b{
  font-size:.68rem!important;
  line-height:1.45!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span.is-active{color:#7f2d9f!important}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span.is-active>i{
  background:linear-gradient(145deg,#8f3bb0,#7a2d91)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(122,45,145,.18)!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__line{
  display:block!important;
  height:1px!important;
  border-top:1px dashed #d6dce7!important;
}

.commerce-cart-page--reference-redesign .jolfa-cart-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,405px) minmax(0,1fr)!important;
  grid-template-areas:"summary main"!important;
  gap:20px!important;
  align-items:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-main{
  grid-area:main!important;
  min-width:0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary{
  grid-area:summary!important;
  min-width:0!important;
  position:sticky!important;
  top:110px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card,
.commerce-cart-page--reference-redesign .jolfa-cart-summary__card{
  border:1px solid #dde2eb!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(25,36,64,.05)!important;
  overflow:hidden!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card{
  min-height:505px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card__head{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 20px!important;
  border-bottom:1px solid #e8ebf1!important;
  background:#fff!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card__head strong{
  color:#23283a!important;
  font-size:.85rem!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card__head>a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border:1px solid #e5d7eb!important;
  border-radius:12px!important;
  background:#fcf8fd!important;
  color:#7a2d91!important;
  font-size:.74rem!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-items{
  display:grid!important;
  gap:12px!important;
  padding:14px 16px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:176px minmax(0,1fr) 190px!important;
  grid-template-areas:"side content media"!important;
  align-items:center!important;
  gap:20px!important;
  min-height:214px!important;
  padding:18px!important;
  border:1px solid #e0e4ec!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__media{
  grid-area:media!important;
  width:170px!important;
  height:170px!important;
  display:grid!important;
  place-items:center!important;
  padding:10px!important;
  justify-self:end!important;
  border:1px solid #e2e6ed!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__content{
  grid-area:content!important;
  min-width:0!important;
  align-self:center!important;
  text-align:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__content h2{
  margin:0!important;
  font-size:1rem!important;
  line-height:1.65!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__content h2 a{color:#202537!important;text-decoration:none!important}
.commerce-cart-page--reference-redesign .jolfa-cart-item__title-en{
  margin:4px 0 15px!important;
  color:#8b95a8!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:.73rem!important;
  font-weight:700!important;
  text-align:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__meta{
  display:grid!important;
  gap:8px!important;
  margin-top:4px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__meta>span{
  width:max-content!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#7d8799!important;
  font-size:.69rem!important;
  font-weight:750!important;
  line-height:1.55!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__meta i:not(.jolfa-cart-color){color:#3d8ed0!important}
.commerce-cart-page--reference-redesign .jolfa-warranty-meta__icon{width:18px!important;height:18px!important;object-fit:contain!important}
.commerce-cart-page--reference-redesign .jolfa-cart-item__side{
  grid-area:side!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:6px 0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__pricing{
  width:100%!important;
  display:grid!important;
  justify-items:start!important;
  gap:4px!important;
  text-align:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__pricing>strong{
  color:var(--ref-green)!important;
  font-size:1.05rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper{
  display:grid!important;
  grid-template-columns:42px 44px 42px!important;
  align-items:center!important;
  height:44px!important;
  border:1px solid #dcdfea!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper button{
  width:42px!important;height:42px!important;border:0!important;background:transparent!important;color:#8530a3!important;font-size:.78rem!important
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper button:disabled{color:#aab1bf!important;opacity:.45!important}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper b{
  display:grid!important;place-items:center!important;height:42px!important;color:#292d3e!important;font-size:.82rem!important;font-weight:950!important
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__remove{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  flex:0 0 42px!important;border:1px solid #f0d7dc!important;border-radius:12px!important;background:#fff8f9!important;color:#dc344e!important;font-size:.86rem!important
}

/* order summary */
.commerce-cart-page--reference-redesign .jolfa-cart-summary__card{
  padding:16px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__card>h2{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0 4px!important;
  color:#25293a!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__title-icon{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#f8eefb!important;color:#7f2d9f!important;font-size:.85rem!important
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown>div{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:13px 12px!important;
  border:0!important;
  border-bottom:1px solid #eef0f4!important;
  background:#fff!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown dt{
  color:#677287!important;
  font-size:.70rem!important;
  font-weight:800!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown dd{
  margin:0!important;
  color:#202537!important;
  font-size:.74rem!important;
  font-weight:900!important;
  text-align:end!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__shipping dt{
  display:flex!important;align-items:center!important;gap:7px!important
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__shipping dt i{color:#97a3b5!important}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__shipping dd{
  color:#7a8498!important;
  font-size:.66rem!important;
  font-weight:750!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown .is-total{
  min-height:78px!important;
  margin:12px 0!important;
  padding:15px!important;
  border:1px solid #e4ede9!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f5fcf9,#f8fbfa)!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown .is-total dt{
  color:#252a3a!important;
  font-size:.76rem!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown .is-total dd{
  color:var(--ref-green)!important;
  font-size:1.08rem!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-checkout{
  width:100%!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#7d3093,#6e2685)!important;
  color:#fff!important;
  box-shadow:0 11px 25px rgba(122,45,145,.20)!important;
  font-size:.83rem!important;
  font-weight:950!important;
}
.commerce-cart-page--reference-redesign .jolfa-guest-cart-note{display:none!important}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__delivery-note{
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:13px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f0fbf9,#f8f4fc)!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__delivery-note>span{
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#f4eafb!important;color:#7e2ca0!important;font-size:1rem!important
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__delivery-note>div{display:grid!important;gap:4px!important;min-width:0!important}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__delivery-note strong{color:#282d3d!important;font-size:.76rem!important;font-weight:950!important}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__delivery-note small{color:#8790a2!important;font-size:.62rem!important;line-height:1.65!important}

/* Keep recommendations below the screenshot fold while preserving them. */
.commerce-cart-page--reference-redesign .jolfa-cart-recommendations{margin-top:28px!important}

/* ================= Responsive ================= */
@media (max-width:1180px){
  .commerce-product-page--reference-redesign,
  .commerce-cart-page--reference-redesign{width:min(100% - 36px,1120px)!important}
  .commerce-product-page--reference-redesign .commerce-product-main{
    grid-template-columns:minmax(270px,310px) minmax(360px,1fr)!important;
    grid-template-areas:"info gallery" "buy buy"!important;
  }
  .commerce-product-page--reference-redesign .commerce-buy-box{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr)!important;
    align-items:start!important;
  }
  .commerce-product-page--reference-redesign .commerce-buy-box__price,
  .commerce-product-page--reference-redesign .commerce-low-stock-note,
  .commerce-product-page--reference-redesign .commerce-add-form{grid-column:1!important}
  .commerce-product-page--reference-redesign .commerce-buy-assurance,
  .commerce-product-page--reference-redesign .commerce-buy-trust{grid-column:2!important}
  .commerce-product-page--reference-redesign .commerce-buy-assurance{grid-row:1 / span 3!important}
  .commerce-product-page--reference-redesign .commerce-buy-trust{grid-row:4!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "journey"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:150px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:145px!important;height:145px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{flex-direction:row!important;height:auto!important;align-items:center!important}
}

@media (max-width:820px){
  .commerce-product-page--reference-redesign,
  .commerce-cart-page--reference-redesign{width:calc(100% - 24px)!important;padding-top:14px!important}
  .commerce-product-page--reference-redesign .commerce-breadcrumb{overflow-x:auto!important;white-space:nowrap!important;margin-bottom:12px!important}
  .commerce-product-page--reference-redesign .commerce-product-main{
    grid-template-columns:1fr!important;
    grid-template-areas:"gallery" "info" "buy"!important;
    gap:12px!important;
  }
  .commerce-product-page--reference-redesign .commerce-product-gallery,
  .commerce-product-page--reference-redesign .commerce-product-info,
  .commerce-product-page--reference-redesign .commerce-buy-box{border-radius:19px!important}
  .commerce-product-page--reference-redesign .commerce-product-gallery{padding:12px!important}
  .commerce-product-page--reference-redesign .commerce-product-gallery__main{height:350px!important;min-height:350px!important;padding:8px!important}
  .commerce-product-page--reference-redesign .commerce-product-info{padding:18px 14px!important}
  .commerce-product-page--reference-redesign .commerce-product-info__topline{margin-bottom:14px!important}
  .commerce-product-page--reference-redesign .commerce-product-title-fa{font-size:1.45rem!important}
  .commerce-product-page--reference-redesign .commerce-key-specs{gap:9px!important}
  .commerce-product-page--reference-redesign .commerce-key-specs>span{min-height:72px!important;padding:10px!important}
  .commerce-product-page--reference-redesign .commerce-buy-box{
    min-height:0!important;
    display:flex!important;
    padding:14px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-hero{padding:16px!important;border-radius:18px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-hero h1{font-size:1.45rem!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey{gap:6px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey>span{min-width:70px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey>span>b{font-size:.59rem!important;white-space:normal!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "summary"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary{position:static!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-card{min-height:0!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
    gap:14px!important;
    min-height:0!important;
    padding:14px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:116px!important;height:116px!important}
}

@media (max-width:520px){
  .commerce-product-page--reference-redesign .commerce-product-gallery__main{height:295px!important;min-height:295px!important}
  .commerce-product-page--reference-redesign .commerce-product-thumbs>button{width:62px!important;height:62px!important;flex-basis:62px!important}
  .commerce-product-page--reference-redesign .commerce-product-info__actions{gap:6px!important}
  .commerce-product-page--reference-redesign .commerce-product-info__action{width:36px!important;height:36px!important;flex-basis:36px!important}
  .commerce-product-page--reference-redesign .commerce-key-specs{grid-template-columns:1fr!important}
  .commerce-product-page--reference-redesign .commerce-key-specs>span{grid-template-columns:40px minmax(0,1fr)!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-hero__title{align-items:flex-start!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-hero__icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-journey__line{display:none!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey>span{min-width:0!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-card__head{padding:12px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-card__head>a{padding:0 10px!important;font-size:.67rem!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-items{padding:10px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
    gap:12px!important;
    padding:12px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:90px!important;height:90px!important;padding:6px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__content h2{font-size:.82rem!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__title-en{font-size:.62rem!important;margin-bottom:8px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__meta>span{font-size:.61rem!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{align-items:center!important;gap:10px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__pricing>strong{font-size:.9rem!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper{grid-template-columns:38px 40px 38px!important;height:40px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper button{width:38px!important;height:38px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper b{height:38px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__remove{width:40px!important;height:40px!important;flex-basis:40px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-summary__card{padding:12px!important}
}

html[data-theme="dark"] .commerce-product-page--reference-redesign .commerce-product-gallery,
html[data-theme="dark"] .commerce-product-page--reference-redesign .commerce-product-info,
html[data-theme="dark"] .commerce-product-page--reference-redesign .commerce-buy-box,
html[data-theme="dark"] .commerce-cart-page--reference-redesign .jolfa-cart-card,
html[data-theme="dark"] .commerce-cart-page--reference-redesign .jolfa-cart-summary__card,
html[data-theme="dark"] .commerce-cart-page--reference-redesign .jolfa-cart-item{
  background:var(--surface)!important;
  border-color:var(--border)!important;
}

/* ======================================================================
   Reference-match correction v2 — based on the real rendered screenshots.
   These rules intentionally have higher specificity than the legacy PDP
   motion/polish rules, so the reference layout cannot be flipped or stretched
   by older RTL/flex declarations.
   ====================================================================== */

/* -------- Product desktop: physical order = buy | info | gallery -------- */
@media (min-width:1181px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    direction:ltr!important;
    grid-template-columns:minmax(350px,386px) minmax(500px,1fr) minmax(460px,530px)!important;
    grid-template-areas:"buy info gallery"!important;
    gap:18px!important;
    min-height:680px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
    direction:rtl!important;
    min-height:680px!important;
  }
}

/* Product info: match the reference vertical rhythm. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info{
  justify-content:flex-start!important;
  padding:24px 22px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__topline{
  margin-bottom:8px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-fa{
  margin:0 auto 2px!important;
  font-size:clamp(1.72rem,2.02vw,2.16rem)!important;
  line-height:1.38!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-en{
  margin:0 auto 52px!important;
  line-height:1.45!important;
}

/* Legacy motion-runtime forces these cells back to a flex column with higher
   specificity. Explicitly reset that rule so the 2x2 specs look like the
   approved reference instead of tall empty blocks. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  align-items:stretch!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs > span{
  box-sizing:border-box!important;
  width:auto!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-auto-flow:column!important;
  flex-direction:row!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:stretch!important;
  gap:10px!important;
  padding:11px 13px!important;
  overflow:hidden!important;
  animation:none!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs__icon{
  align-self:center!important;
  justify-self:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs__copy{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs .commerce-key-specs__value{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.55!important;
  text-align:start!important;
}

/* Gallery proportions from the approved mockup. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
  padding:20px 20px 18px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main{
  height:460px!important;
  min-height:460px!important;
  padding:16px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main > img{
  transform:scale(1.10)!important;
  transform-origin:center!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__navigation{
  margin-top:13px!important;
}

/* Purchase card is wider in the reference, while its primary controls have a
   deliberate inset. The trust strip remains full width. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{
  gap:11px!important;
  padding:18px 20px!important;
  overflow:hidden!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price,
body.product-detail-page .commerce-product-page--reference-redesign .commerce-low-stock-note,
body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-form,
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance{
  box-sizing:border-box!important;
  width:calc(100% - 32px)!important;
  max-width:calc(100% - 32px)!important;
  margin-inline:auto!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price{
  min-height:98px!important;
  padding:13px 15px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-low-stock-note{
  min-height:42px!important;
  padding:4px 4px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-primary{
  min-height:56px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__row{
  min-height:74px!important;
  padding:10px 12px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-trust{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:80px!important;
  margin-top:auto!important;
}

/* Do not let !important display rules defeat the HTML hidden state. This was
   the reason the screenshot showed both “Add to cart” and the quantity box. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-primary[hidden],
body.product-detail-page .commerce-product-page--reference-redesign .commerce-cart-stepper[hidden],
body.product-detail-page .commerce-product-page--reference-redesign [data-cart-add-button][hidden],
body.product-detail-page .commerce-product-page--reference-redesign [data-cart-stepper][hidden]{
  display:none!important;
}

/* Tablet stays intentionally two-column, mobile stays single-column. */
@media (max-width:1180px) and (min-width:821px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    direction:ltr!important;
    grid-template-columns:minmax(360px,1fr) minmax(390px,500px)!important;
    grid-template-areas:"info gallery" "buy buy"!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{direction:rtl!important}
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-low-stock-note,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-form,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance{width:100%!important;max-width:100%!important}
}
@media (max-width:820px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{direction:ltr!important}
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{direction:rtl!important}
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-en{margin-bottom:20px!important}
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs > span{height:74px!important;min-height:74px!important;max-height:74px!important}
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-low-stock-note,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-form,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance{width:100%!important;max-width:100%!important}
}

/* ---------------- Cart: match the approved two-column composition ---------------- */
.commerce-cart-page--reference-redesign .jolfa-cart-breadcrumb{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:30px!important;
  margin:0 6px 12px!important;
  color:#788295!important;
  font-size:.72rem!important;
  font-weight:800!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-breadcrumb a{color:#788295!important;text-decoration:none!important}
.commerce-cart-page--reference-redesign .jolfa-cart-breadcrumb i{font-size:.52rem!important;color:#aab1bf!important}

.commerce-cart-page--reference-redesign .jolfa-cart-layout{
  direction:ltr!important;
  grid-template-columns:minmax(430px,490px) minmax(0,1fr)!important;
  grid-template-areas:"summary main"!important;
  gap:20px!important;
  align-items:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-main{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  min-width:0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary{direction:rtl!important}

/* Hero now belongs to the main/right column, aligned with the summary top. */
.commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero{
  direction:ltr!important;
  width:100%!important;
  min-height:132px!important;
  grid-template-columns:minmax(440px,1.08fr) minmax(380px,.92fr)!important;
  grid-template-areas:"journey title"!important;
  gap:22px!important;
  margin:0!important;
  padding:20px 24px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero .jolfa-cart-hero__title{
  direction:rtl!important;
  justify-content:flex-start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero .jolfa-cart-journey{direction:ltr!important}
.commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero .jolfa-cart-journey > span{direction:rtl!important}

.commerce-cart-page--reference-redesign .jolfa-cart-card{min-height:505px!important}
.commerce-cart-page--reference-redesign .jolfa-cart-card__head{
  direction:ltr!important;
  min-height:76px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-card__head > *{direction:rtl!important}

/* Physical order in the approved item row: controls | details | product image. */
.commerce-cart-page--reference-redesign .jolfa-cart-item{
  direction:ltr!important;
  grid-template-columns:190px minmax(0,1fr) 190px!important;
  grid-template-areas:"side content media"!important;
  min-height:238px!important;
  padding:18px!important;
  gap:22px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__media{
  direction:rtl!important;
  width:176px!important;
  height:176px!important;
  justify-self:end!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__content{
  direction:rtl!important;
  align-self:center!important;
  text-align:start!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__title-en{text-align:start!important}
.commerce-cart-page--reference-redesign .jolfa-cart-item__pricing{
  direction:rtl!important;
  width:max-content!important;
  max-width:100%!important;
  justify-items:start!important;
  margin-top:16px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-item__pricing > strong{font-size:1.08rem!important}
.commerce-cart-page--reference-redesign .jolfa-cart-item__side{
  direction:rtl!important;
  height:auto!important;
  align-self:center!important;
  justify-content:center!important;
  padding:0!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity{
  direction:rtl!important;
  justify-content:center!important;
  gap:12px!important;
}

/* Summary dimensions and rhythm. */
.commerce-cart-page--reference-redesign .jolfa-cart-summary{
  position:sticky!important;
  top:110px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__card{
  padding:16px!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-summary__card > h2{
  justify-content:flex-start!important;
  font-size:1.05rem!important;
}

@media (max-width:1180px){
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;
    grid-template-areas:"summary main"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "journey"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:150px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
    min-height:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{justify-self:stretch!important}
}
@media (max-width:820px){
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    direction:ltr!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "summary"!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary{position:static!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-main > .jolfa-cart-hero{min-height:0!important;padding:16px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
    min-height:0!important;
  }
}
@media (max-width:520px){
  .commerce-cart-page--reference-redesign .jolfa-cart-breadcrumb{margin-inline:2px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-areas:"content media" "side side"!important;
  }
}


/* Reference-match correction v3 — compact PDP geometry and buy-box typography */
body.product-detail-page .commerce-product-page--reference-redesign{
  padding-bottom:42px!important;
}

/* Do not equalize the three hero cards. Their own content now defines height,
   eliminating the large dead white area below the specs / purchase content. */
@media (min-width:1181px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    align-items:start!important;
    min-height:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
}

/* Purchase box: compact after the trust panel was removed. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{
  min-height:0!important;
  height:auto!important;
  gap:11px!important;
  padding-bottom:18px!important;
}

/* Price block must read from the right in Persian regardless of inherited
   legacy flex alignment. */
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price{
  align-items:stretch!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price-label,
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price>strong,
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__previous-price{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:right!important;
  direction:rtl!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price>strong .jolfa-price{
  display:flex!important;
  width:100%!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
}

/* Warranty / delivery rows: title and explanation are two distinct lines. */
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:right!important;
  direction:rtl!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy>strong,
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy>small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  text-align:right!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy>strong{
  color:#34213e!important;
  font-size:.75rem!important;
  line-height:1.55!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy>small{
  color:#8a93a4!important;
  font-size:.61rem!important;
  line-height:1.6!important;
}

/* Brand badge: the old motion stylesheet forces logo images to 31px. Override
   it here with the proportions from the requested reference. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-brand.commerce-brand--logo-only{
  width:68px!important;
  min-width:68px!important;
  height:40px!important;
  padding:4px 7px!important;
  border-radius:10px!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-brand.commerce-brand--logo-only img{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  flex:0 0 54px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
}

/* The trust box is intentionally removed from the template; guard against any
   stale or injected variant of the block. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-trust{
  display:none!important;
}

@media (max-width:1180px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    min-height:0!important;
    align-items:start!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
    min-height:0!important;
    height:auto!important;
  }
}

/* Reference-match correction v4 — equalized info card, assurance geometry, wishlist */
@media (min-width:1181px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    align-items:start!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info{
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
  }
}

/* Use the middle column all the way down instead of leaving a dead white area. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info{
  display:flex!important;
  flex-direction:column!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__lower{
  width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:14px!important;
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid #edf0f5!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__benefits>span{
  min-width:0!important;
  min-height:82px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 6px!important;
  border:1px solid #e8eaf1!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fafbfe)!important;
  color:#273147!important;
  text-align:center!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__benefits i{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f5eafa!important;
  color:#7a2d91!important;
  font-size:.82rem!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__benefits strong{
  display:block!important;
  font-size:.66rem!important;
  line-height:1.55!important;
  font-weight:900!important;
  white-space:normal!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__excerpt{
  margin:0!important;
  padding:13px 15px!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
  color:#707b90!important;
  font-size:.68rem!important;
  font-weight:650!important;
  line-height:1.95!important;
  text-align:start!important;
}

/* The chevron is a dedicated left-hand grid cell. It must never wrap under copy. */
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__row{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:10px!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  text-align:right!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__copy>strong{
  width:100%!important;
  margin:0!important;
  text-align:right!important;
  line-height:1.65!important;
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__row::after{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  margin:0!important;
  transform:none!important;
}

/* Wishlist heart: persisted state is rendered server-side; click adds a large red burst. */
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button{
  position:relative!important;
  overflow:visible!important;
  cursor:pointer!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button>[data-wishlist-heart]{
  position:relative!important;
  z-index:2!important;
  transition:transform .18s ease,color .18s ease!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-active{
  color:#e11d48!important;
  border-color:#fecdd3!important;
  background:#fff1f4!important;
  box-shadow:0 6px 18px rgba(225,29,72,.12)!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-active>[data-wishlist-heart]{
  color:#e11d48!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button__burst{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  width:84px!important;
  height:84px!important;
  margin:-42px 0 0 -42px!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:scale(.15)!important;
  color:#e11d48!important;
  font-size:3.2rem!important;
  filter:drop-shadow(0 10px 18px rgba(225,29,72,.22))!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-animating>[data-wishlist-heart]{
  animation:jolfaWishlistHeartPop .58s cubic-bezier(.2,.85,.25,1.3) both!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-animating .commerce-wishlist-button__burst{
  animation:jolfaWishlistBurst .68s cubic-bezier(.18,.82,.25,1) both!important;
}
body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-loading{
  pointer-events:none!important;
  opacity:.68!important;
}
@keyframes jolfaWishlistHeartPop{
  0%{transform:scale(1)}
  42%{transform:scale(1.72)}
  72%{transform:scale(.88)}
  100%{transform:scale(1)}
}
@keyframes jolfaWishlistBurst{
  0%{opacity:0;transform:scale(.15)}
  30%{opacity:.98;transform:scale(1.16)}
  72%{opacity:.72;transform:scale(.92)}
  100%{opacity:0;transform:scale(1.45)}
}
@media (prefers-reduced-motion:reduce){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-animating>[data-wishlist-heart],
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-wishlist-button.is-animating .commerce-wishlist-button__burst{animation:none!important}
}

@media (max-width:820px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__lower{
    margin-top:16px!important;
    padding-top:14px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
html[dir="rtl"] body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__row{
  min-height:64px!important;
  padding:9px 12px!important;
}

/* ======================================================================
   Reference compact-balance correction v6 — no new content.
   Keep the three desktop hero cards visually balanced without leaving a
   large dead area below the info / buy content.
   ====================================================================== */
@media (min-width:1181px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-main{
    align-items:start!important;
    min-height:0!important;
  }

  /* A compact common visual height: the gallery remains the visual anchor,
     while info and purchase content use their existing blocks to occupy the
     card instead of stretching a blank tail below them. */
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{
    box-sizing:border-box!important;
    min-height:482px!important;
    height:482px!important;
    max-height:482px!important;
    align-self:start!important;
  }

  /* Gallery: reduce the oversized stage so the product image still has a
     premium presentation while the whole hero remains compact. */
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
    padding:16px 18px 14px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main{
    height:368px!important;
    min-height:368px!important;
    max-height:368px!important;
    padding:14px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__navigation{
    margin-top:10px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-thumbs{
    gap:8px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-thumbs>button{
    width:62px!important;
    height:62px!important;
    flex:0 0 62px!important;
  }

  /* Info: keep the title cluster compact and use the existing specification
     grid as the bottom visual anchor. The flexible space now sits between two
     meaningful sections instead of appearing as an empty white tail. */
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:20px 22px!important;
    overflow:hidden!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info__topline{
    margin-bottom:6px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-fa{
    margin-bottom:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-en{
    margin:2px auto 0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-variants{
    margin-top:14px!important;
    margin-bottom:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs{
    margin-top:auto!important;
    margin-bottom:0!important;
  }

  /* Buy box: the assurance block uses the bottom edge as its anchor. This
     removes the unused area beneath it while preserving all existing content. */
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:16px!important;
    overflow:hidden!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box__price{
    min-height:94px!important;
    padding:12px 14px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-low-stock-note{
    min-height:34px!important;
    padding-block:2px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-add-primary,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-cart-stepper{
    min-height:50px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance{
    margin-top:auto!important;
    margin-bottom:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance__row{
    min-height:62px!important;
    padding-block:8px!important;
  }
}

/* Smaller desktop/laptop widths should keep natural heights rather than inherit
   the fixed desktop hero height. */
@media (max-width:1180px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-box{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-buy-assurance{
    margin-top:0!important;
  }
}


/* ======================================================================
   Reference cart correction v8 — hard physical desktop flex composition.
   Flex is used instead of RTL grid placement so zoom/DPR and inherited grid
   direction can never collapse the wide cart column into the right rail.
   ====================================================================== */

@keyframes jolfaCartJourneyTruckWrap{
  from{transform:translate(-50%,-50%) translateX(0)}
  to{transform:translate(-50%,-50%) translateX(30px)}
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span>.jolfa-cart-journey__truck-node{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  display:block!important;
  flex:0 0 42px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#f1f4f8!important;
  color:#96a0b2!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck-loop{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  color:currentColor!important;
  animation:jolfaCartJourneyTruckWrap 1.45s linear infinite!important;
  will-change:transform!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck--b{margin-left:-30px!important}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck>i{
  display:block!important;
  font-size:.84rem!important;
  line-height:1!important;
  transform:none!important;
}

/* Desktop + laptop: summary is the physical left rail, cart is the flexible
   right panel. DOM order is irrelevant because explicit flex order is used. */
@media (min-width:901px){
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    direction:ltr!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    justify-content:stretch!important;
    gap:22px!important;
    width:100%!important;
    min-width:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary{
    direction:rtl!important;
    order:1!important;
    flex:0 0 clamp(320px,26%,405px)!important;
    width:clamp(320px,26%,405px)!important;
    min-width:320px!important;
    max-width:405px!important;
    position:sticky!important;
    top:110px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main{
    direction:rtl!important;
    order:2!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary__card,
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero,
  .commerce-cart-page--reference-redesign .jolfa-cart-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero{
    direction:ltr!important;
    grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr)!important;
    grid-template-areas:"journey title"!important;
    gap:18px!important;
    min-height:130px!important;
    margin:0!important;
    padding:18px 22px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero .jolfa-cart-hero__title{
    direction:rtl!important;
    min-width:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero .jolfa-cart-journey{
    direction:ltr!important;
    min-width:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero .jolfa-cart-journey>span{direction:rtl!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-card{min-height:0!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(150px,175px) minmax(0,1fr) 170px!important;
    grid-template-areas:"side content media"!important;
    align-items:center!important;
    gap:18px!important;
    min-height:214px!important;
    padding:18px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{
    width:158px!important;
    height:158px!important;
    justify-self:end!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__content{
    direction:rtl!important;
    width:100%!important;
    min-width:0!important;
    text-align:start!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{
    direction:rtl!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    align-self:center!important;
    justify-self:stretch!important;
    justify-content:center!important;
    padding:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-quantity{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* When the flexible cart column gets narrower on laptops, keep the cart wide
   and move controls below the details instead of allowing the title to become
   a vertical strip. */
@media (min-width:901px) and (max-width:1280px){
  .commerce-cart-page--reference-redesign .jolfa-cart-summary{
    flex-basis:300px!important;
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "journey"!important;
    gap:15px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:minmax(0,1fr) 140px!important;
    grid-template-areas:"content media" "side side"!important;
    min-height:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:132px!important;height:132px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{width:100%!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-quantity{justify-content:flex-start!important}
}

/* Mobile/tablet stack. */
@media (max-width:900px){
  .commerce-cart-page--reference-redesign .jolfa-cart-layout{
    direction:ltr!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-main{
    direction:rtl!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary{
    direction:rtl!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:static!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-summary__card{width:100%!important;max-width:none!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-main>.jolfa-cart-hero{
    width:100%!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "journey"!important;
    gap:14px!important;
    padding:16px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) 120px!important;
    grid-template-areas:"content media" "side side"!important;
    min-height:0!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:114px!important;height:114px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-item__side{width:100%!important;justify-self:stretch!important}
}

@media (max-width:520px){
  .commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:minmax(0,1fr) 92px!important;
    grid-template-areas:"content media" "side side"!important;
    gap:12px!important;
  }
  .commerce-cart-page--reference-redesign .jolfa-cart-item__media{width:88px!important;height:88px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey>span>.jolfa-cart-journey__truck-node{width:36px!important;height:36px!important;flex-basis:36px!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey__truck>i{font-size:.76rem!important}
}

@media (prefers-reduced-motion:reduce){
  .commerce-cart-page--reference-redesign .jolfa-cart-journey__truck{animation:none!important}
  .commerce-cart-page--reference-redesign .jolfa-cart-journey__truck--b{display:none!important}
}

/* ======================================================================
   Cart polish v9 — visible quantity, hard stock limit, total border,
   centered two-truck motion in the cart journey.
   ====================================================================== */
.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown .is-total{
  border:1px solid #e0d2e7!important;
  border-bottom:2px solid #d4c0dc!important;
  box-shadow:inset 0 -1px 0 rgba(111,52,130,.08)!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper{
  isolation:isolate!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper b{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  width:100%!important;
  height:42px!important;
  position:relative!important;
  z-index:2!important;
  visibility:visible!important;
  opacity:1!important;
  background:#fff!important;
  color:#24293a!important;
  border-inline:1px solid #eef0f4!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper button:disabled{
  background:#f4f5f7!important;
  color:#b9c0cb!important;
  opacity:1!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  box-shadow:none!important;
  transform:none!important;
}

@keyframes jolfaCartTruckDriveV9{
  0%{transform:translate(-50%,-50%) translateX(-26px);opacity:0}
  12%{opacity:1}
  88%{opacity:1}
  100%{transform:translate(-50%,-50%) translateX(26px);opacity:0}
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span>.jolfa-cart-journey__truck-node{
  display:grid!important;
  place-items:center!important;
  place-self:center!important;
  margin-inline:auto!important;
  position:relative!important;
  overflow:hidden!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey>span>.jolfa-cart-journey__truck-node::after{
  content:""!important;
  position:absolute!important;
  inset-inline:7px!important;
  top:50%!important;
  height:1px!important;
  background:repeating-linear-gradient(90deg,#cfd5df 0 4px,transparent 4px 8px)!important;
  transform:translateY(-50%)!important;
  opacity:.7!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck-loop{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  z-index:2!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  color:#7e8798!important;
  animation:jolfaCartTruckDriveV9 1.8s linear infinite!important;
  will-change:transform,opacity!important;
  z-index:3!important;
}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck--a{animation-delay:0s!important}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck--b{animation-delay:-.9s!important;margin:0!important}
.commerce-cart-page--reference-redesign .jolfa-cart-journey__truck>i{
  display:block!important;
  font-size:.82rem!important;
  line-height:1!important;
}


/* ======================================================================
   Cart polish v10 — hard width reset for quantity stepper + visible count.
   The older storefront layer constrained .jolfa-cart-quantity to 116px,
   clipping the center value and minus control on the redesigned cart.
   ====================================================================== */
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper{
  flex:0 0 130px!important;
  width:130px!important;
  min-width:130px!important;
  display:grid!important;
  grid-template-columns:42px 46px 42px!important;
  align-items:stretch!important;
  height:44px!important;
  overflow:hidden!important;
}
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper>b[data-cart-page-count]{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  min-width:46px!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  color:#1f2433!important;
  background:#fff!important;
  font-family:Vazirmatn,Arial,sans-serif!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:42px!important;
  text-align:center!important;
  text-indent:0!important;
  overflow:visible!important;
}
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper>button{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
}
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper>button:disabled{
  background:#f1f3f6!important;
  color:#b7bdc8!important;
  opacity:1!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-summary__breakdown>.is-total{
  border:1px solid #e0d2e7!important;
  border-bottom:2px solid #cdb6d7!important;
}
@media(max-width:760px){
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper{
    flex-basis:120px!important;
    width:120px!important;
    min-width:120px!important;
    grid-template-columns:38px 44px 38px!important;
    height:40px!important;
  }
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper>b[data-cart-page-count]{
    width:44px!important;min-width:44px!important;height:38px!important;line-height:38px!important;
  }
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity__stepper>button{
    width:38px!important;min-width:38px!important;height:38px!important;
  }
}


/* ======================================================================
   Reference mobile PDP correction v11 — compact first-view toolbar,
   readable one-column specifications, and a clean non-faded gallery.
   ====================================================================== */
body.product-detail-page .commerce-mobile-product-header{display:none!important}

@media (max-width:980px){
  body.product-detail-page .jolfa-price-update-banner,
  body.product-detail-page .site-header,
  body.product-detail-page .jolfa-nail-header,
  body.product-detail-page .mobile-bottom-nav,
  body.product-detail-page .mobile-drawer,
  body.product-detail-page .mobile-menu-overlay{
    display:none!important;
  }
  body.product-detail-page .site-main{
    padding-top:58px!important;
    min-height:100dvh!important;
  }
  body.product-detail-page .commerce-mobile-product-header{
    position:fixed!important;
    z-index:1095!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:58px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px 10px!important;
    direction:ltr!important;
    border-bottom:1px solid #e4e7ed!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 3px 16px rgba(21,30,48,.055)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body.product-detail-page .commerce-mobile-product-header__actions{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    direction:ltr!important;
  }
  body.product-detail-page .commerce-mobile-product-header__spacer{
    flex:1 1 auto!important;
    min-width:12px!important;
  }
  body.product-detail-page .commerce-mobile-product-header__icon{
    position:relative!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#30343c!important;
    box-shadow:none!important;
    font-size:1.14rem!important;
    text-decoration:none!important;
  }
  body.product-detail-page .commerce-mobile-product-header__icon:active{
    transform:scale(.94)!important;
    background:#f3f4f6!important;
  }
  body.product-detail-page .commerce-mobile-product-header__close{
    font-size:1.38rem!important;
  }
  body.product-detail-page .commerce-mobile-product-header__badge{
    position:absolute!important;
    top:1px!important;
    right:0!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#e11d48!important;
    color:#fff!important;
    font:900 9px/1 "Vazirmatn",sans-serif!important;
  }
  body.product-detail-page .commerce-mobile-product-header__badge[hidden],
  body.product-detail-page .commerce-mobile-product-header__badge[data-count="0"]{
    display:none!important;
  }

  body.product-detail-page .commerce-product-page--reference-redesign{
    width:calc(100% - 20px)!important;
    padding-top:10px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:2px 4px 4px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    font-size:.68rem!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-breadcrumb::-webkit-scrollbar{display:none!important}

  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery{
    padding:10px!important;
    border-radius:20px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main::after{
    display:none!important;
    content:none!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main>img{
    transform:none!important;
    filter:none!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__navigation{
    position:relative!important;
    z-index:5!important;
    margin-top:12px!important;
    padding:4px 0 2px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-thumbs{
    align-items:center!important;
    gap:9px!important;
    padding:0 2px 2px!important;
    background:#fff!important;
  }

  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-info{
    padding:16px 14px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-fa{
    font-size:1.42rem!important;
    line-height:1.55!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-title-en{
    margin-bottom:16px!important;
    font-size:.76rem!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs>span{
    width:100%!important;
    height:auto!important;
    min-height:74px!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    align-items:center!important;
    gap:12px!important;
    padding:11px 14px!important;
    overflow:visible!important;
    border-radius:15px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs__icon{
    width:44px!important;
    height:44px!important;
    margin:0!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs__copy{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    align-content:center!important;
    text-align:start!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs small{
    font-size:.7rem!important;
    line-height:1.45!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs strong,
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-key-specs .commerce-key-specs__value{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:.9rem!important;
    line-height:1.65!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-align:start!important;
  }
}

@media (max-width:520px){
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-gallery__main{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  body.product-detail-page .commerce-product-page--reference-redesign .commerce-product-thumbs>button{
    width:64px!important;
    height:64px!important;
    flex:0 0 64px!important;
  }
}

/* ======================================================================
   Cart/auth checkout polish v22 — keep quantity/remove controls inside row.
   The desktop control cluster is 184px wide (130 + 12 + 42); older grid
   columns were only 175px, so the trash button could cross the card border.
   ====================================================================== */
@media (min-width:1281px){
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-item{
    grid-template-columns:196px minmax(0,1fr) 170px!important;
  }
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-item__side{
    width:100%!important;
    min-width:0!important;
    max-width:196px!important;
    justify-self:start!important;
    box-sizing:border-box!important;
    padding-inline:4px!important;
  }
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-quantity{
    width:100%!important;
    max-width:188px!important;
    justify-content:flex-start!important;
    gap:12px!important;
    box-sizing:border-box!important;
  }
  body.jolfa-commerce-theme .commerce-cart-page.commerce-cart-page--reference-redesign .jolfa-cart-item__remove{
    flex:0 0 42px!important;
    margin:0!important;
    position:relative!important;
    inset:auto!important;
  }
}