/* Gando 9.7.2 — PDP and cart UX refinement. Loaded after all previous commerce layers. */

/* Mobile cart drawer: show the same compact cross-sell offer as the desktop quick cart. */
.mobile-cart-drawer__cross-sell:empty,
.mobile-cart-drawer__cross-sell[hidden]{display:none!important}
.mobile-cart-drawer__cross-sell{margin:10px 0 12px}
.mobile-cart-drawer__cross-sell .gando-cross-sell{
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:9px;
  padding:9px 10px;
  border-color:#d8e5dc;
  border-radius:13px;
  background:linear-gradient(110deg,#f5faf6 0%,#fff 54%,#fff8e7 100%);
  box-shadow:none;
  overflow:hidden;
  isolation:isolate;
  animation:gandoMobileCartOfferAttention 3.8s ease-in-out infinite;
}
.mobile-cart-drawer__cross-sell .gando-cross-sell:before{
  content:"";position:absolute;inset:-35% auto -35% -24%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,163,0,.17),transparent);
  transform:skewX(-18deg);animation:gandoMobileCartOfferShine 4.6s ease-in-out infinite;z-index:-1
}
.mobile-cart-drawer__cross-sell .gando-cross-sell__media{width:46px;height:46px;border-radius:9px;background:#fff}
.mobile-cart-drawer__cross-sell .gando-cross-sell__eyebrow{font-size:8.5px;font-weight:550}
.mobile-cart-drawer__cross-sell .gando-cross-sell__title{font-size:10.5px;font-weight:650;line-height:1.55;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.mobile-cart-drawer__cross-sell .gando-cross-sell__meta{gap:5px}
.mobile-cart-drawer__cross-sell .gando-cross-sell__price{font-size:10.5px;font-weight:700}
.mobile-cart-drawer__cross-sell .gando-cross-sell__discount{min-height:19px;padding:1px 5px;font-size:8px}
.mobile-cart-drawer__cross-sell .gando-cross-sell__add{grid-column:auto;width:auto;min-height:36px;padding:0 10px;border-radius:9px;font-size:9.5px;font-weight:700}
@keyframes gandoMobileCartOfferAttention{0%,74%,100%{box-shadow:0 0 0 0 rgba(255,163,0,0)}82%{box-shadow:0 0 0 4px rgba(255,163,0,.12)}}
@keyframes gandoMobileCartOfferShine{0%,68%{transform:translateX(0) skewX(-18deg);opacity:0}74%{opacity:1}88%,100%{transform:translateX(420%) skewX(-18deg);opacity:0}}

/* PDP top row: breadcrumb on the right, stock state aligned on the left. */
.single-product .pdp-breadcrumb-stock-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;min-width:0}
.single-product .pdp-breadcrumb-wrap{min-width:0;flex:1 1 auto}
.single-product .pdp-breadcrumb-wrap .breadcrumbs,
.single-product .pdp-breadcrumb-wrap nav{margin:0!important;min-width:0}
.single-product .pdp-stock{flex:0 0 auto;margin:0;white-space:nowrap;padding:6px 9px;border:1px solid #d8eadc;border-radius:999px;background:#eff8f1;font-size:9.5px;font-weight:650;color:#1d6a39}
.single-product .pdp-stock.out{background:#fff1f1;border-color:#f0d2d2;color:#a83b3b}
.single-product .pdp-rating-row{min-height:0;margin:0 0 5px}
.single-product .pdp-rating-row:empty{display:none}

/* Cleaner attribute chips: one group per attribute, no repeated label. */
.single-product .pdp-attribute-groups{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 0}
.single-product .pdp-attribute-groups .pdp-attribute-group{display:inline-flex!important;align-items:center;gap:5px;min-height:31px;padding:4px 9px;border:1px solid #d7e5da;border-radius:999px;background:#f4f9f5;color:#274c34;white-space:normal}
.single-product .pdp-attribute-group small{font-size:8px!important;font-weight:500!important;color:#7a887f;margin:0!important}
.single-product .pdp-attribute-group b{font-size:9.5px;font-weight:650;line-height:1.5;color:#245334}

/* Price language matches product cards, with a small vertical currency marker. */
.single-product .pdp-price,
.single-product [data-gando-sticky-price]{font-family:var(--font-body,YekanBakh,sans-serif)!important;font-variant-numeric:normal}
.single-product .pdp-price{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:13px 0 12px!important;min-height:42px;color:#173d27!important}
.single-product .pdp-price .price{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.single-product .pdp-price .woocommerce-Price-amount{font-size:29px!important;font-weight:760!important;line-height:1!important;letter-spacing:-.015em;color:inherit}
.single-product .pdp-price .woocommerce-Price-currencySymbol,
.single-product [data-gando-sticky-price] .woocommerce-Price-currencySymbol{
  display:inline-flex!important;align-items:center;justify-content:center;width:12px;height:28px;margin:0 1px!important;
  font-size:8px!important;font-weight:420!important;line-height:1!important;color:#77837b!important;
  transform:rotate(-90deg);transform-origin:center;vertical-align:middle
}
.single-product .pdp-price del{display:inline-flex;align-items:center;opacity:.52;text-decoration-thickness:1px;color:#7f8982}
.single-product .pdp-price del .woocommerce-Price-amount{font-size:15px!important;font-weight:520!important;color:#7f8982!important}
.single-product .pdp-price ins{text-decoration:none;display:inline-flex;align-items:center;padding:4px 7px;border-radius:10px;background:#fff4df}
.single-product .pdp-price.is-sale ins .woocommerce-Price-amount,
.single-product .is-on-sale .pdp-price ins .woocommerce-Price-amount{color:#b76500!important}
.single-product .is-on-sale [data-gando-sticky-price] ins{color:#b76500;text-decoration:none}
.single-product .is-on-sale [data-gando-sticky-price] del{opacity:.5;font-size:.78em}

/* Sale badge on gallery image. */
.single-product .gallery-main{position:relative}
.single-product .pdp-sale-badge{position:absolute;z-index:6;top:14px;right:14px;display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:10px;background:#ffa300;color:#17191b;border:1px solid rgba(117,71,0,.08);box-shadow:0 8px 24px rgba(255,163,0,.2);font-size:10px;font-weight:750}

/* Shorter, denser desktop purchase card without sacrificing touch targets. */
@media(min-width:1101px){
  .single-product .pdp .purchase{padding:19px 20px 17px!important;border-radius:21px!important}
  .single-product .pdp .pdp-title{margin-bottom:3px;font-size:clamp(22px,1.8vw,27px);line-height:1.48}
  .single-product .pdp .sku{font-size:9.5px}
  .single-product .pdp .option{margin-top:12px!important}
  .single-product .pdp .option-head{margin-bottom:7px!important}
  .single-product .pdp .buy-line{margin-top:13px!important}
  .single-product .purchase-extras{margin-top:10px!important;gap:7px!important}
  .single-product .purchase-services{gap:7px!important}
  .single-product .purchase-service{min-height:52px!important;padding:7px 9px!important}
  .single-product .purchase-service b{font-size:10px!important}
  .single-product .purchase-service small{font-size:8px!important;margin-top:2px!important}
}

/* Size controls are slightly smaller and more balanced. */
.single-product .pdp .size-row{gap:6px!important;grid-template-columns:repeat(8,minmax(38px,1fr))!important}
.single-product .pdp .size{height:38px!important;border-radius:9px!important;font-size:12px!important;font-weight:620!important}
.single-product .scroll-size{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:9px!important;font-size:10.5px!important;font-weight:650!important}

/* Main add-to-cart + quantity stay exactly the same height after the cart state changes. */
.single-product .buy-line{align-items:stretch!important}
.single-product .buy-line .single_add_to_cart_button,
.single-product .buy-line .cta-buy{min-height:50px!important;height:50px!important}
.single-product .pdp-qty{flex-basis:94px!important;min-height:50px!important;height:50px!important;border-radius:13px!important}
.single-product .pdp-qty button,.single-product .pdp-qty output{min-height:48px!important;min-width:30px!important}
.single-product .pdp-qty button.is-delete{min-height:38px!important;min-width:30px!important;margin:5px 0!important;border-radius:9px!important}
.single-product .cart-state-pop .buy-line,
.single-product .cart-state-pop.pdp-scroll-buy{animation:gandoCartConfirm .5s cubic-bezier(.18,.82,.22,1)}
@keyframes gandoCartConfirm{0%{box-shadow:0 0 0 0 rgba(13,64,35,0)}42%{box-shadow:0 0 0 6px rgba(13,64,35,.12)}100%{box-shadow:0 0 0 0 rgba(13,64,35,0)}}

/* Installment box: contained provider marks + a gentle periodic attention cue. */
.single-product .pdp-installment-inline{position:relative;width:100%;min-height:58px;padding:8px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:8px;border:1px solid #d7e8db;border-radius:13px;background:linear-gradient(105deg,#edf7ef,#f8fbf8);color:var(--ink);text-align:right;cursor:pointer;overflow:hidden;font-family:inherit;animation:gandoInstallmentCue 4.8s ease-in-out infinite}
.single-product .pdp-installment-inline:hover{border-color:#bcd7c3;background:#eaf5ec}
.single-product .pdp-installment-copy{display:grid;gap:2px;min-width:0}
.single-product .pdp-installment-copy b{font-size:10.5px;font-weight:700;color:#215736}
.single-product .pdp-installment-copy small{font-size:8.5px;font-weight:450;color:#718078;line-height:1.6}
.single-product .installment-providers{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;min-width:0}
.single-product .installment-providers i{display:grid!important;place-items:center!important;width:42px!important;height:28px!important;padding:3px!important;border:1px solid #e1e8e3!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important;flex:0 0 auto!important}
.single-product .installment-providers img{display:block!important;max-width:100%!important;max-height:20px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.single-product .pdp-installment-more{font-size:19px;color:#467456;line-height:1}
@keyframes gandoInstallmentCue{0%,80%,100%{box-shadow:0 0 0 0 rgba(255,163,0,0)}86%{box-shadow:0 0 0 4px rgba(255,163,0,.10)}91%{box-shadow:0 0 0 1px rgba(255,163,0,.22)}}
.single-product .installment-dialog__providers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.single-product .installment-dialog__providers span{display:grid;place-items:center;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff}
.single-product .installment-dialog__providers img{max-width:92px;max-height:34px;width:auto;height:auto;object-fit:contain}
.single-product .installment-dialog__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.single-product .installment-dialog__actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:11px;text-decoration:none}

/* Sticky PDP bar: stable before/after add, including first viewport on mobile. */
.single-product .pdp-scroll-buy{align-items:center!important;min-height:66px!important;padding:7px 9px!important;gap:8px!important}
.single-product .pdp-scroll-buy .cta-buy{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:150px!important;min-height:46px!important;height:46px!important;margin:0!important;padding:0 15px!important;border-radius:12px!important;font-size:11px!important;font-weight:720!important;white-space:nowrap!important}
.single-product .pdp-scroll-buy .cta-buy.is-added{background:#0d4023!important;color:#fff!important}
.single-product .pdp-scroll-buy.has-qty .cta-buy{display:inline-flex!important}
.single-product .pdp-scroll-buy .scroll-buy__qty{height:46px!important;min-height:46px!important;min-width:90px!important;margin:0!important;justify-self:auto!important;grid-template-columns:30px 28px 30px!important;border-radius:12px!important}
.single-product .pdp-scroll-buy .scroll-buy__qty button,
.single-product .pdp-scroll-buy .scroll-buy__qty output{min-height:44px!important;min-width:28px!important}
.single-product .pdp-scroll-buy .scroll-buy__qty button.is-delete{min-height:34px!important;min-width:28px!important;margin:5px 0!important}
.single-product .pdp-scroll-buy.has-qty .scroll-buy__sizes{padding-inline-end:0!important}
.single-product .scroll-buy__sizes-list{gap:5px!important}
.single-product .scroll-buy__copy span{display:flex!important;align-items:center!important;gap:5px;color:#174f2d!important;font-weight:720!important}
.single-product .scroll-buy__copy span .woocommerce-Price-amount{font-size:13px!important;font-weight:720!important}

/* Mobile-specific sticky structure and cart drawer offer. */
@media(max-width:700px){
  .mobile-cart-drawer__cross-sell .gando-cross-sell{grid-template-columns:44px minmax(0,1fr) 82px}
  .mobile-cart-drawer__cross-sell .gando-cross-sell__media{width:44px;height:44px}
  .mobile-cart-drawer__cross-sell .gando-cross-sell__add{grid-column:3;width:82px;min-height:36px;padding:0 7px}

  .single-product .pdp .purchase{padding:16px 14px!important}
  .single-product .pdp-breadcrumb-stock-row{align-items:flex-start;gap:9px;margin-bottom:8px}
  .single-product .pdp-stock{font-size:8.5px;padding:5px 7px}
  .single-product .pdp .pdp-title{font-size:20px!important;line-height:1.55}
  .single-product .pdp-attribute-groups{gap:5px;margin-top:8px}
  .single-product .pdp-attribute-groups .pdp-attribute-group{min-height:29px;padding:3px 8px}
  .single-product .pdp-attribute-group small{font-size:7.5px!important}
  .single-product .pdp-attribute-group b{font-size:8.8px}
  .single-product .pdp-price{margin:11px 0 10px!important;min-height:36px}
  .single-product .pdp-price .woocommerce-Price-amount{font-size:24px!important}
  .single-product .pdp-price .woocommerce-Price-currencySymbol{height:24px;font-size:7px!important}
  .single-product .pdp .size-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
  .single-product .pdp .size{height:37px!important;font-size:11px!important}
  .single-product .pdp .option{margin-top:12px!important}
  .single-product .pdp .buy-line{margin-top:13px!important}
  .single-product .pdp-qty{flex-basis:88px!important}

  .single-product .pdp-installment-inline{grid-template-columns:minmax(0,1fr) auto 18px;min-height:56px;padding:7px 9px!important}
  .single-product .installment-providers i{width:36px!important;height:26px!important}
  .single-product .installment-providers img{max-height:18px!important}
  .single-product .pdp-installment-copy b{font-size:10px}
  .single-product .pdp-installment-copy small{font-size:7.8px}
  .single-product .installment-dialog__providers{grid-template-columns:1fr 1fr 1fr}
  .single-product .installment-dialog__providers span{min-height:52px;padding:6px}
  .single-product .installment-dialog__providers img{max-width:72px;max-height:28px}

  .single-product .pdp-scroll-buy{
    right:8px!important;left:8px!important;bottom:84px!important;width:auto!important;max-width:none!important;min-height:58px!important;
    grid-template-columns:minmax(0,1fr) 112px!important;grid-template-areas:"sizes button"!important;
    padding:7px!important;border-radius:16px!important;gap:6px!important
  }
  .single-product .pdp-scroll-buy.has-qty{grid-template-columns:minmax(0,1fr) 88px 104px!important;grid-template-areas:"sizes qty button"!important}
  .single-product .pdp-scroll-buy .scroll-buy__product{display:none!important}
  .single-product .pdp-scroll-buy .scroll-buy__sizes{grid-area:sizes!important;display:flex!important;min-width:0!important;justify-content:flex-start!important;overflow:hidden!important;padding:0!important}
  .single-product .pdp-scroll-buy .scroll-buy__sizes[hidden]{display:none!important}
  .single-product .pdp-scroll-buy .scroll-buy__sizes-label{display:none!important}
  .single-product .pdp-scroll-buy .scroll-buy__sizes-list{min-width:0!important;max-width:100%!important;gap:4px!important;padding:0 1px!important}
  .single-product .pdp-scroll-buy .scroll-size{flex:0 0 32px!important;width:32px!important;height:34px!important;font-size:10px!important}
  .single-product .pdp-scroll-buy .scroll-buy__qty{grid-area:qty!important;width:88px!important;min-width:88px!important;height:44px!important;min-height:44px!important;grid-template-columns:29px 28px 29px!important}
  .single-product .pdp-scroll-buy .scroll-buy__qty button,.single-product .pdp-scroll-buy .scroll-buy__qty output{min-height:42px!important}
  .single-product .pdp-scroll-buy .cta-buy{grid-area:button!important;min-width:104px!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 8px!important;font-size:9.5px!important;line-height:1.35!important;white-space:normal!important}
}

@media(max-width:430px){
  .mobile-cart-drawer__cross-sell .gando-cross-sell{grid-template-columns:42px minmax(0,1fr) 74px;gap:7px;padding:8px}
  .mobile-cart-drawer__cross-sell .gando-cross-sell__media{width:42px;height:42px}
  .mobile-cart-drawer__cross-sell .gando-cross-sell__title{font-size:9.5px}
  .mobile-cart-drawer__cross-sell .gando-cross-sell__add{width:74px;min-height:34px;font-size:8.5px}
  .single-product .pdp-scroll-buy{grid-template-columns:minmax(0,1fr) 98px!important}
  .single-product .pdp-scroll-buy.has-qty{grid-template-columns:minmax(0,1fr) 82px 94px!important}
  .single-product .pdp-scroll-buy .scroll-size{flex-basis:30px!important;width:30px!important;height:32px!important;font-size:9.5px!important}
  .single-product .pdp-scroll-buy .scroll-buy__qty{width:82px!important;min-width:82px!important;grid-template-columns:27px 27px 27px!important}
  .single-product .pdp-scroll-buy .cta-buy{min-width:94px!important;font-size:9px!important}
}

@media(prefers-reduced-motion:reduce){
  .mobile-cart-drawer__cross-sell .gando-cross-sell,
  .mobile-cart-drawer__cross-sell .gando-cross-sell:before,
  .single-product .pdp-installment-inline,
  .single-product .cart-state-pop .buy-line,
  .single-product .cart-state-pop.pdp-scroll-buy{animation:none!important}
}
