/** Shopify CDN: Minification failed

Line 7:16 Expected identifier but found whitespace
Line 7:28 Unexpected "("

**/
   Palbeing PDP: SIZE pills (clean + consistent)
   Based on HTML: input.button-input__input + label
   ========================= */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.14);
  --pb-soft: rgba(93,122,128,.10);
}

/* Fieldset + legend */
variant-selects fieldset.product-form__input.product-form__input--pill{
  border:0;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

variant-selects fieldset.product-form__input.product-form__input--pill > legend{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: rgba(15,26,28,.78);
  margin: 0 0 10px;
  grid-column: 1 / -1;
}

/* Hide radio */
variant-selects fieldset.product-form__input.product-form__input--pill input.button-input__input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Pill label base (shared) */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input + label{
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;                 /* stops color bleeding */
  background-clip: padding-box !important;

  min-height: 46px;
  padding: 12px 14px !important;

  display:flex !important;
  align-items:center;
  justify-content:center;

  box-shadow: none !important;
  outline: none !important;                    /* prevent blue outline flash */
  -webkit-tap-highlight-color: transparent;

  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

/* Kill theme pseudo backgrounds if any */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input + label::before,
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input + label::after{
  content: none !important;
  display: none !important;
}

/* ✅ Base (NOT selected) */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input:not(:checked) + label{
  background: #fff !important;
  border: 1px solid rgba(15,26,28,.10) !important;
  color: rgba(15,26,28,.70) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Hover */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input:not(:checked) + label:hover{
  transform: translateY(-1px);
  border-color: rgba(93,122,128,.40) !important;
  box-shadow: 0 10px 22px rgba(15,26,28,.08) !important;
}

/* Active (press) */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input + label:active{
  transform: translateY(0px);
  box-shadow: 0 6px 14px rgba(15,26,28,.08) !important;
}

/* ✅ Selected pill (consistent for ALL options) */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input:checked + label{
  background: rgba(93,122,128,.13) !important;
  border: 1px solid rgba(93,122,128,.45) !important;
  color: var(--pb-ink) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  box-shadow:
    0 10px 22px rgba(15,26,28,.08),
    inset 0 0 0 1px rgba(93,122,128,.25),
    inset 0 2px 6px rgba(255,255,255,.55) !important;
}

/* Bottom accent line */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input:checked + label::after{
  content:"";
  position:absolute;
  left: 22px;
  right: 22px;
  bottom: 7px;
  height: 3px;
  border-radius: 999px;
  background: rgba(93,122,128,1);
}

/* ✅ Keyboard focus (accent ring, not blue) */
variant-selects fieldset.product-form__input.product-form__input--pill
input.button-input__input:focus-visible + label{
  outline: 2px solid rgba(93,122,128,.55) !important;
  outline-offset: 2px !important;
}

/* Desktop sizing */
@media (min-width: 750px){
  variant-selects fieldset.product-form__input.product-form__input--pill{
    grid-template-columns: repeat(2, minmax(160px, 220px));
    justify-content: start;
  }
}

/* ===============================
   Palbeing PDP: Quantity + ATC + Buy It Now (FINAL CLEAN)
   - Separate buttons
   - Buy it now green: #1f8f4a
   - Fixes pseudo text + slab issues
   =============================== */

:root{
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.18);
  --pb-soft: rgba(15,26,28,.05);
  --pb-buy:#18783d; /* Buy it now green */
}

/* ===============================
   Quantity selector (soft pill)
   =============================== */
.quantity{
  border: 0 !important;
  background: var(--pb-soft) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  min-height: 44px;
  box-shadow: 0 6px 18px rgba(15,26,28,.06);
}

.quantity__input{
  font-weight: 800 !important;
  font-size: 14px !important;
  color: var(--pb-ink) !important;
}

.quantity__button{
  border-radius: 999px !important;
  color: rgba(15,26,28,.65) !important;
  transition: all .12s ease;
}

.quantity__button:hover{
  background: rgba(15,26,28,.06) !important;
  transform: translateY(-1px);
}

/* remove blue flash */
.quantity__button:focus,
.quantity__input:focus{
  outline: none !important;
  box-shadow: none !important;
}
.quantity__button:focus-visible,
.quantity__input:focus-visible{
  outline: 2px solid rgba(31,143,74,.35) !important;
  outline-offset: 2px !important;
}

/* ===============================
   Buttons layout (SEPARATE)
   =============================== */
.product-form__buttons{
  display:flex;
  flex-direction:column;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  gap: 12px !important;          /* ✅ space between ATC & Buy it now */
  margin-top: 14px !important;
}

/* Reset wrapper so it never becomes a green slab */
.shopify-payment-button{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Shared button feel */
.product-form__submit,
button.shopify-payment-button__button--unbranded{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  border-radius: 18px !important;
  min-height: 54px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* ===============================
   Add to Cart (outlined premium)
   =============================== */
.product-form__submit{
  background: #fff !important;
  border: 1.5px solid var(--pb-border) !important;
  color: var(--pb-ink) !important;
  box-shadow: 0 10px 22px rgba(15,26,28,.06) !important;
  transition: all .15s ease;
}

.product-form__submit:hover{
  background: rgba(15,26,28,.03) !important;
  transform: translateY(-1px);
}

/* ===============================
   Buy It Now (green)
   =============================== */
button.shopify-payment-button__button--unbranded{
  background: var(--pb-buy) !important;
  border: 0 !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;

  width: 100% !important;
  padding: 16px 14px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1.1 !important;
  font-size: 14px !important;

  box-shadow: 0 16px 34px rgba(15,26,28,.12) !important;
  transition: all .15s ease;
}

/* Shopify can render a branded fallback class before the payment button settles. */
.shopify-payment-button__button{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

button.shopify-payment-button__button--unbranded:hover{
  filter: brightness(0.96);
  transform: translateY(-1px);
}

/* Remove any injected pseudo text like "BUY NOW" */
button.shopify-payment-button__button--unbranded::before,
button.shopify-payment-button__button--unbranded::after{
  content: none !important;
  display: none !important;
}

/* Ensure any inner spans remain white */
button.shopify-payment-button__button--unbranded span,
button.shopify-payment-button__button--unbranded *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Prevent focus/active dimming */
button.shopify-payment-button__button--unbranded:active,
button.shopify-payment-button__button--unbranded:focus{
  filter: none !important;
  outline: none !important;
  box-shadow: 0 16px 34px rgba(15,26,28,.12) !important;
}
button.shopify-payment-button__button--unbranded:focus-visible{
  outline: 2px solid rgba(31,143,74,.45) !important;
  outline-offset: 3px !important;
}

/* ===============================
   Palbeing: Check Delivery Button Match (Buy Now Typography)
   Target: .pb-pincode__btn
   =============================== */

.pb-pincode__btn{
  /* Typography match */
  font-family: "Jost", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;

  /* Shape + sizing */
  min-height: 54px !important;
  border-radius: 18px !important;

  /* Palbeing utility style (same family, softer color) */
  background: rgba(93,122,128,.95) !important;
  color: #fff !important;
  border: 0 !important;

  /* Alignment */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* Premium shadow */
  box-shadow: 0 14px 30px rgba(15,26,28,.10) !important;
  transition: all .15s ease;
}

/* Hover */
.pb-pincode__btn:hover{
  filter: brightness(0.96);
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(15,26,28,.14) !important;
}

/* Remove focus blue */
.pb-pincode__btn:focus{
  outline: none !important;
  box-shadow: none !important;
}
.pb-pincode__btn:focus-visible{
  outline: 2px solid rgba(93,122,128,.45) !important;
  outline-offset: 3px !important;
}

/* ===============================
   Palbeing: Pincode Input Styling
   =============================== */

.pb-pincode__input{
  border-radius: 18px !important;
  border: 1px solid rgba(15,26,28,.14) !important;
  padding: 14px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Jost", sans-serif !important;

  background: #fff !important;
  box-shadow: 0 8px 18px rgba(15,26,28,.05);
}

.pb-pincode__input:focus-visible{
  outline: 2px solid rgba(93,122,128,.35) !important;
  outline-offset: 2px !important;
}
/* ===============================
   Palbeing: Pincode row - equal heights
   =============================== */

:root{
  --pb-pin-h: 46px; /* match what inspector shows */
}

/* make grid align perfectly */
.pb-pincode{
  align-items: stretch !important;
  gap: 10px !important;
}

/* INPUT */
.pb-pincode__input{
  height: var(--pb-pin-h) !important;
  min-height: var(--pb-pin-h) !important;
  padding: 0 14px !important;          /* remove vertical padding since height is fixed */
  line-height: var(--pb-pin-h) !important;
  box-sizing: border-box !important;
}

/* BUTTON */
.pb-pincode__btn{
  height: var(--pb-pin-h) !important;
  min-height: var(--pb-pin-h) !important;

  padding: 0 18px !important;          /* keep only horizontal padding */
  line-height: 1 !important;           /* avoid font making it taller */
  box-sizing: border-box !important;

  white-space: nowrap !important;      /* prevents wrap from increasing height */
}


/* ===============================
   Palbeing: Pairs well with (premium polish)
   (Keeps the red compare-at strike style)
   =============================== */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.10);
  --pb-soft: rgba(93,122,128,.08);
}

/* Header row: premium section bar feel */
.product__accordion summary{
  padding: 14px 0 !important;
}

.product__accordion summary .summary__title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 900 !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px !important;
  color: rgba(15,26,28,.62) !important;
}

/* Softer borders around the accordion */
.product__accordion{
  border-top: 1px solid rgba(15,26,28,.08) !important;
  border-bottom: 1px solid rgba(15,26,28,.08) !important;
}

/* Content spacing */
.product__accordion .accordion__content{
  padding-top: 10px !important;
}

/* Card wrapper (product row) */
.complementary-products .card-wrapper{
  border: 1px solid var(--pb-border) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(15,26,28,.07) !important;
}

/* Align content nicely */
.complementary-products .card{
  align-items: center !important;
}

/* Image box */
.complementary-products .card__media{
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(15,26,28,.06) !important;
}

/* Title */
.complementary-products .card-information__text{
  font-size: 14px !important;
  font-weight: 900 !important;
  color: var(--pb-ink) !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
}

/* Price row (layout only – DOES NOT change compare-at style) */
.complementary-products .price{
  margin-top: 0 !important;
  display:flex !important;
  align-items: baseline !important;
  gap: 10px !important;
}

/* Sale price: premium Palbeing accent */
.complementary-products .price-item--sale{
  color: var(--pb-accent) !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

/* Optional: sale badge (if shown) */
.complementary-products .badge--onsale{
  background: rgba(93,122,128,.12) !important;
  color: var(--pb-accent) !important;
  border: 1px solid rgba(93,122,128,.35) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 5px 10px !important;
}

/* Badge positioning */
.complementary-products .card__badge{
  top: 10px !important;
  left: 10px !important;
}

/* ===============================
   Palbeing Trust Grid: Outer Component Border
   =============================== */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
  --pb-soft: rgba(93,122,128,.06);
}

/* Wrap entire section as one component */
.palbeing-proof{
  border: 1px solid var(--pb-border) !important;
  border-radius: 22px !important;
  padding: 18px 16px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15,26,28,.06);
  margin-top: 18px;
}

/* Title styling */
.palbeing-proof-title{
  font-weight: 900 !important;
  font-size: 14px !important;
  color: rgba(15,26,28,.75) !important;
  margin-bottom: 14px !important;
}

/* Grid layout */
.palbeing_trust_grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
}

/* Individual trust cards */
.palbeing-trust_card{
  border: 1px solid rgba(15,26,28,.10) !important;
  border-radius: 18px !important;
  padding: 14px 12px !important;
  background: rgba(93,122,128,.04) !important;

  display: flex !important;
  align-items: flex-start;
  gap: 10px;

  transition: transform .15s ease, box-shadow .15s ease;
}

.palbeing-trust_card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(15,26,28,.08);
}

/* Icon */
.palbeing-trust_icon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(93,122,128,.10);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.palbeing-trust_icon svg{
  width: 20px;
  height: 20px;
  stroke: var(--pb-accent);
}

/* Text */
.palbeing-trust_title{
  font-weight: 900 !important;
  font-size: 13px !important;
  color: var(--pb-ink) !important;
  margin-bottom: 3px;
}

.palbeing-trust_sub{
  font-size: 12px !important;
  color: rgba(15,26,28,.62) !important;
  line-height: 1.3;
}

/* Mobile: stack cards */
@media (max-width: 749px){
  .palbeing_trust_grid{
    grid-template-columns: 1fr !important;
  }
}

/* ===============================
   Palbeing PDP: Product Details Accordion (FINAL OPTIMIZED)
   For: #ProductDetails (Dawn-style accordion-tab / details / summary)
   =============================== */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
  --pb-soft: rgba(93,122,128,.04);
}

/* Outer container */
#ProductDetails{
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;

  border: 1px solid var(--pb-border) !important;
  border-radius: 22px !important;
  padding: 10px 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15,26,28,.06) !important;
}

/* Rows (soft dividers) */
#ProductDetails accordion-tab.accordion{
  border-top: 1px solid rgba(15,26,28,.06) !important;
}
#ProductDetails accordion-tab.accordion:first-child{
  border-top: 0 !important;
}

/* Summary row */
#ProductDetails details > summary{
  padding: 13px 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  cursor: pointer;
}

/* Title */
#ProductDetails .accordion__title{
  font-size: 14.5px !important;
  font-weight: 900 !important;
  color: var(--pb-ink) !important;
  letter-spacing: .01em !important;
}

/* Content */
#ProductDetails .accordion__content{
  padding: 0 6px 14px !important;
  color: rgba(15,26,28,.72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Plus icon container (small + premium) */
#ProductDetails .icon.icon-plus-alt{
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: var(--pb-soft) !important;
  border: 1px solid rgba(15,26,28,.08) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}

/* Plus lines (clean, thin) */
#ProductDetails .icon.icon-plus-alt::before{
  background: rgba(93,122,128,.75) !important;
  width: 12px !important;
  height: 1.6px !important;
  opacity: 1 !important;
}

#ProductDetails .icon.icon-plus-alt::after{
  background: rgba(93,122,128,.75) !important;
  width: 1.6px !important;
  height: 12px !important;
  opacity: 1 !important;
}

/* Open state: turn plus into minus (hide vertical bar) */
#ProductDetails details[open] > summary .icon.icon-plus-alt::after{
  transform: scaleY(0) !important;
}

/* Hover polish */
#ProductDetails details > summary:hover .icon.icon-plus-alt{
  background: rgba(93,122,128,.06) !important;
  border-color: rgba(93,122,128,.18) !important;
}

/* Mobile: keep border inside screen */
@media (max-width: 749px){
  #ProductDetails{
    margin: 0 12px !important;
    padding: 8px 10px !important;
    border-radius: 20px !important;
  }
}
@media screen and (min-width: 990px) {
    body.template-product #ProductDetails {
        padding: 0 15rem;
    }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
    body.template-product #ProductDetails {
        padding: 0 5rem;
    }
}
/* ===============================
   Palbeing PDP: FAQs Accordion (Premium Box Style)
   Section: collapsible_content_bfEJWT
   =============================== */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
  --pb-soft: rgba(93,122,128,.04);
}

/* Scope ONLY to FAQ section */
.accordion.product-details{
  border: 1px solid var(--pb-border) !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 10px 14px !important;
  box-shadow: 0 14px 34px rgba(15,26,28,.06) !important;
}

/* Divider lines */
.accordion accordion-tab.accordion{
  border-top: 1px solid rgba(15,26,28,.06) !important;
}

.accordion accordion-tab.accordion:first-child{
  border-top: 0 !important;
}

/* Summary row */
.accordion details > summary{
  padding: 13px 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  cursor: pointer;
}

/* Question title */
.accordion .accordion__title{
  font-size: 14.5px !important;
  font-weight: 900 !important;
  color: var(--pb-ink) !important;
  line-height: 1.25 !important;
}

/* Answer content */
.accordion .accordion__content{
  padding: 0 6px 14px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: rgba(15,26,28,.72) !important;
}

/* Plus icon */
.accordion .icon.icon-plus-alt{
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: var(--pb-soft) !important;
  border: 1px solid rgba(15,26,28,.08) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}

/* Plus lines */
.accordion .icon.icon-plus-alt::before{
  background: rgba(93,122,128,.75) !important;
  width: 12px !important;
  height: 1.6px !important;
  opacity: 1 !important;
}

.accordion .icon.icon-plus-alt::after{
  background: rgba(93,122,128,.75) !important;
  width: 1.6px !important;
  height: 12px !important;
  opacity: 1 !important;
}

/* Open = minus */
.accordion details[open] > summary .icon.icon-plus-alt::after{
  transform: scaleY(0) !important;
}

/* Hover polish */
.accordion details > summary:hover .icon.icon-plus-alt{
  background: rgba(93,122,128,.06) !important;
  border-color: rgba(93,122,128,.18) !important;
}

/* Mobile inset */
@media (max-width: 749px){
  .accordion.product-details{
    margin: 0 12px !important;
    padding: 8px 10px !important;
    border-radius: 20px !important;
  }
}

/* ===============================
   Palbeing PDP: You May Also Like (Product Recommendations) — FINAL OPTIMIZED
   =============================== */

:root{
  --pb-accent:#5d7a80;
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
}

/* Section title */
.product-recommendations .title{
  font-weight: 900 !important;
  font-size: 18px !important;
  color: var(--pb-ink) !important;
  margin-bottom: 14px !important;
}

/* Slight spacing under slider component */
.product-recommendations slider-component{
  padding-bottom: 6px;
}

/* Card shell */
.product-recommendations .card-wrapper{
  border: 1px solid var(--pb-border) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 12px 26px rgba(15,26,28,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.product-recommendations .card-wrapper:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(15,26,28,.10);
}

/* Media separator */
.product-recommendations .card__media{
  border-bottom: 1px solid rgba(15,26,28,.06);
}

/* Title */
.product-recommendations .card-information__text{
  font-size: 14px !important;
  font-weight: 900 !important;
  color: var(--pb-ink) !important;
  line-height: 1.25 !important;
}

/* Price row */
.product-recommendations .price{
  margin-top: 6px !important;
  font-size: 13px !important;
  display: flex !important;
  gap: 8px !important;
  align-items: baseline !important;
}

/* Keep theme compare strike (red line etc.) but slightly softer */
.product-recommendations .price__compare{
  opacity: .75;
}

/* Sale price */
.product-recommendations .price-item--sale{
  color: var(--pb-accent) !important;
  font-weight: 900 !important;
}

/* Sale badge */
.product-recommendations .badge--onsale{
  background: rgba(93,122,128,.12) !important;
  color: var(--pb-accent) !important;
  border: 1px solid rgba(93,122,128,.35) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 5px 10px !important;
}
.product-recommendations .card__badge{
  top: 10px !important;
  left: 10px !important;
}

/* ===============================
   Mobile: Premium swipe (1.15 cards), consistent tiles
   =============================== */
@media (max-width: 749px){

  /* Slider track */
  .product-recommendations .slider{
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 8px 14px 14px !important;
  }
  .product-recommendations .slider::-webkit-scrollbar{ display:none; }
  .product-recommendations .slider{ scrollbar-width:none; }

  /* Slide width (peek next) */
  .product-recommendations .slider__slide,
  .product-recommendations .flex-grid__item{
    flex: 0 0 78% !important;
    max-width: 78% !important;
    scroll-snap-align: start;
  }

  /* Ensure info area isn't forced tall by theme */
  .product-recommendations .card-information__wrapper{
    height: auto !important;
  }

  /* Consistent image frame (keeps room for text) */
  .product-recommendations .card__media{
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  .product-recommendations .card__media img,
  .product-recommendations .card__media video{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Inner padding for content */
  .product-recommendations .card-information{
    padding: 10px 12px 12px !important;
  }

  /* Title clamp so all cards feel uniform */
  .product-recommendations .card-information__text{
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.6em !important;
  }
}
/* ===============================
   Recommendations (Desktop):
   Make title/price alignment consistent
   =============================== */

@media (min-width: 750px){

  /* Give the info area consistent padding (optional but helps) */
  .product-recommendations .card-information{
    padding: 12px 14px 14px !important;
  }

  /* Clamp title to 2 lines so price row aligns */
  .product-recommendations .card-information__text{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    /* reserve space for 2 lines (matches your line-height: 1.25) */
    min-height: 2.6em !important;
  }

  /* Keep price pinned consistently under title */
  .product-recommendations .price{
    margin-top: 8px !important;
  }
}


/* ===============================
   Palbeing Footer (Mobile): clean accordion cards
   Fixes:
   - broken/extra “blank strip” between blocks
   - border/radius not matching
   - removes empty li gaps
   NOTE: Paste after theme footer css (theme.css / base.css)
   =============================== */

:root{
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
  --pb-soft: rgba(93,122,128,.06);
  --pb-accent:#5d7a80;
}

@media (max-width: 749px){

  /* Keep footer content inside screen */
  .footer .footer__content-top.page-width{
    box-sizing: border-box !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Each accordion block becomes a “card” */
  .footer footer-accordion.accordion.footer-block,
  .footer footer-accordion.accordion.footer-block--newsletter,
  .footer footer-accordion.accordion.footer-block--social{
    display: block !important;
    background: #fff !important;
    border: 1px solid var(--pb-border) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(15,26,28,.06) !important;
    margin: 0 0 12px !important; /* spacing between cards */
  }

  /* IMPORTANT: prevent “ghost strip” when closed */
  .footer footer-accordion details:not([open]) > .footer-block__details-content{
    display: none !important;
  }

  /* Remove weird internal spacing that can create the red-highlight gap */
  .footer footer-accordion details{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Summary row */
  .footer footer-accordion summary{
    display:flex !important;
    align-items:center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 16px 16px !important;
    margin: 0 !important;

    cursor: pointer !important;
    list-style: none !important;
  }

  /* Title (Quick Links / Explore / Stay in the Loop) */
  .footer footer-accordion .accordion__title{
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: rgba(15,26,28,.72) !important;
    font-size: 12px !important;
    margin: 0 !important;
  }

  /* Caret icon spacing */
  .footer footer-accordion summary .icon-caret{
    width: 14px !important;
    height: 14px !important;
    opacity: .75 !important;
  }

  /* Open state divider line */
  .footer footer-accordion details[open] > summary{
    border-bottom: 1px solid rgba(15,26,28,.08) !important;
  }

  /* Content area (links / newsletter) */
  .footer footer-accordion .footer-block__details-content{
    padding: 12px 16px 16px !important;
    margin: 0 !important;
  }

  /* Footer menu list cleanup */
  .footer .footer-block__details-content.list-unstyled{
    padding: 0 !important;
    margin: 0 !important;
  }

  .footer .footer-block__details-content.list-unstyled li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide empty list items (these create blank lines) */
  .footer .footer-block__details-content.list-unstyled li:empty{
    display: none !important;
  }

  /* Link styling */
  .footer .list-menu__item--link{
    display:block !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(15,26,28,.06) !important;
    color: rgba(15,26,28,.78) !important;
    text-decoration: none !important;
  }
  .footer .list-menu__item--link:last-child{
    border-bottom: 0 !important;
  }

  /* Newsletter field to feel like Palbeing buttons */
  .footer .footer__newsletter .field{
    border-radius: 16px !important;
    border: 1px solid rgba(15,26,28,.12) !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .footer .footer__newsletter .field__input{
    font-weight: 600 !important;
    color: var(--pb-ink) !important;
  }

  .footer .footer__newsletter .field__button{
    background: rgba(93,122,128,.08) !important;
  }
}
@media screen and (max-width: 749px) {
    .footer--border-top .footer__content-left {
        border-top: none !important;
    }
}

/* ===============================
   Palbeing Footer – FIX UL padding override (theme forces padding:0 !important)
   =============================== */

@media (max-width: 749px){

  /* ✅ beat: .footer .footer-block__details-content.list-unstyled { padding:0 !important; } */
  .footer .footer-block__details-content.list-unstyled{
    padding: 12px 16px 16px !important;
    margin: 0 !important;
  }

  /* prevent any leftover indent */
  .footer .footer-block__details-content.list-unstyled li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* make links feel aligned + tappable */
  .footer .footer-block__details-content.list-unstyled a.list-menu__item--link{
    display: block !important;
    padding: 10px 0 !important;
  }

  /* hide empty items if your menu has blanks */
  .footer .footer-block__details-content.list-unstyled li:empty{
    display:none !important;
  }
}
/* ===============================
   Palbeing PDP: Sticky Cart (Dawn)
   Fix: select border cut + caret center
   =============================== */

:root{
  --pb-ink:#0f1a1c;
  --pb-border: rgba(15,26,28,.12);
  --pb-buy:#18783d; /* match main Buy Now */
}

/* Sticky container */
.product-sticky-cart{
  border-top: 1px solid var(--pb-border) !important;
}

/* Layout tightening */
.product-sticky-cart{
  padding: 8px 10px !important;
}
.product-sticky-cart .sticky-cart__content{
  gap: 10px !important;
  padding: 0 !important;
  align-items: center !important;
}
.product-sticky-cart .sticky-cart__mobile-top,
.product-sticky-cart .sticky-cart__actions{
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}

/* Price text */
.product-sticky-cart .sticky-cart__price,
.product-sticky-cart .price{
  font-size: 14px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* ===============================
   Variant dropdown (Dawn select)
   Fix border clipping + caret centering
   =============================== */

/* Make sure wrapper doesn't clip the border */
.product-sticky-cart .select{
  box-sizing: border-box !important;
  min-height: 36px !important;
  height: 36px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
}

/* The actual select in Dawn is usually .select__select */
.product-sticky-cart .select__select,
.product-sticky-cart select{
  box-sizing: border-box !important;
  height: 36px !important;
  min-height: 36px !important;

  /* keep padding balanced so text is vertically centered */
  padding: 6px 38px 6px 12px !important; /* right padding leaves room for caret */
  line-height: 24px !important;
  font-size: 13px !important;

  border-radius: 12px !important;
  border: 1px solid var(--pb-border) !important;
}

/* Center the dropdown caret/icon */
.product-sticky-cart .select__icon,
.product-sticky-cart .icon-caret{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* ===============================
   Buttons
   =============================== */

.product-sticky-cart .product-form__buttons{
  gap: 10px !important;
  margin: 0 !important;
}

/* Add to cart */
.product-sticky-cart .product-form__submit{
  min-height: 44px !important;
  height: 44px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  letter-spacing: .10em !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

/* Buy now wrapper reset */
.product-sticky-cart .shopify-payment-button{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Buy now button */
.product-sticky-cart button.shopify-payment-button__button--unbranded,
.product-sticky-cart button#flo-buy-now-button{
  background: var(--pb-buy) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  min-height: 44px !important;
  height: 44px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 0 !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1.1 !important;
}

/* remove any pseudo overlays */
.product-sticky-cart button.shopify-payment-button__button--unbranded::before,
.product-sticky-cart button.shopify-payment-button__button--unbranded::after,
.product-sticky-cart button#flo-buy-now-button::before,
.product-sticky-cart button#flo-buy-now-button::after{
  content: none !important;
  display: none !important;
}

/* Mobile-only fine tune (optional) */
@media (max-width: 749px){
  .product-sticky-cart{
    padding: 8px 0 !important;
    box-shadow: 0 -10px 26px rgba(15,26,28,.08) !important;
  }
  .product-sticky-cart .sticky-cart__content{
    padding: 0 12px !important;
  }
  .product-sticky-cart .sticky-mobile-top variant-selects[data-sticky]{
    margin-right: 12px !important; /* this will now work */
  }
}
/* ===============================
   Sticky Cart (Desktop) – lock dropdown position
   DOM: .product-form__buttons > variant-selects.sticky + .sticky-cart__actions
   =============================== */

@media (min-width: 750px){

  /* Make the whole row a 3-col grid: Info | Variant | Actions */
  .product-sticky-cart .sticky-cart__form .product-form__buttons{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: unset !important; /* overrides theme flex-wrap */
  }

  /* Product info block (if present in same row) should not push others */
  .product-sticky-cart .sticky-cart__product,
  .product-sticky-cart .sticky-cart__product-info,
  .product-sticky-cart .sticky-cart__info{
    min-width: 0 !important;
  }

  /* Variant dropdown sits in middle column */
  .product-sticky-cart .sticky-cart__form variant-selects.sticky{
    grid-column: 2 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  /* Actions sit at right */
  .product-sticky-cart .sticky-cart__actions{
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  /* Give dropdown a stable width so it doesn't float */
  .product-sticky-cart variant-selects.sticky .select,
  .product-sticky-cart variant-selects.sticky select{
    width: 130px !important;
    max-width: 130px !important;
  }

}
@media (max-width: 380px){

  /* ========= Sticky Cart – No overflow + safe padding ========= */
  .product-sticky-cart,
  .product-sticky-cart .sticky-cart_page-width,
  .product-sticky-cart .sticky-cart__content,
  .product-sticky-cart .sticky-cart__form,
  .product-sticky-cart .product-form__buttons{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .product-sticky-cart .sticky-cart_page-width{
    padding-left: calc(12px + env(safe-area-inset-left)) !important;
    padding-right: calc(12px + env(safe-area-inset-right)) !important;
  }

  .product-sticky-cart{
    overflow-x: hidden !important;
  }
  .sticky-price{ margin-right:auto; }
  /* ========= Top row: keep price close to dropdown ========= */
  .product-sticky-cart .sticky-mobile-top{
    display: flex !important;
    justify-content: flex-end !important;  /* move both to right */
    align-items: center !important;
    gap: 10px !important;                 /* spacing between price + dropdown */
  }

  /* Remove auto push */
  .product-sticky-cart .sticky-price{
   
    white-space: nowrap !important;
  }

  /* Dropdown stays compact */
  .product-sticky-cart .sticky-mobile-top variant-selects[data-sticky]{
    margin-right: 0 !important;
    flex: 0 0 auto !important;
  }

  /* ========= Top row: move dropdown slightly left ========= */
  .product-sticky-cart .sticky-mobile-top{
   
    gap: 10px !important;
  }
  .product-sticky-cart .sticky-price{
   
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  .product-sticky-cart .sticky-mobile-top variant-selects[data-sticky]{
    margin-right: 12px !important;
    flex: 0 0 auto !important;
  }

  /* ========= Bottom row: PERFECT equal buttons ========= */
  .product-sticky-cart .sticky-cart__actions{
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* IMPORTANT: force the 2 direct children to split equally */
  .product-sticky-cart .sticky-cart__actions > button.product-form__submit,
  .product-sticky-cart .sticky-cart__actions > .sticky-cart_buy-now{
    flex: 1 1 0 !important;
    width: 0 !important;          /* key for equal sizing */
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Remove any fixed width on buy-now wrapper */
  .product-sticky-cart .sticky-cart_buy-now{
    width: auto !important;
  }

  /* Make both actual buttons fill their containers */
  .product-sticky-cart .product-form__submit{
    width: 100% !important;
  }
  .product-sticky-cart .sticky-cart_buy-now > button,
  .product-sticky-cart button#flo-buy-now-button,
  .product-sticky-cart button.shopify-payment-button__button--unbranded{
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Match height + compact padding so it doesn’t overflow */
  .product-sticky-cart .product-form__submit,
  .product-sticky-cart button#flo-buy-now-button,
  .product-sticky-cart button.shopify-payment-button__button--unbranded{
    min-height: 44px !important;
    height: 44px !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}



/* ===============================
   Palbeing: Remove last accordion divider line
   (Fixes Product Details + FAQ)
   =============================== */

/* Product details accordion (your #ProductDetails wrapper) */
.product-details accordion-tab.accordion:last-child{
  border-bottom: 0 !important;
}
/* ===============================
   FIX: Cruelty-Free rabbit icon not clear (CSS-only)
   Targets 4th card in the grid
   =============================== */

.palbeing-trust__grid .palbeing-trust__card:nth-child(4) .palbeing-trust__icon{
  background: rgba(93,122,128,.16) !important;   /* more contrast */
  color: #4f6b71 !important;                    /* slightly darker teal */
}

.palbeing-trust__grid .palbeing-trust__card:nth-child(4) .palbeing-trust__icon svg{
  width: 32px !important;                        /* bigger = clearer */
  height: 32px !important;
  display: block !important;

  /* helps with crispness on some devices */
  shape-rendering: geometricPrecision;
}

.palbeing-trust__grid .palbeing-trust__card:nth-child(4) .palbeing-trust__icon svg path{
  stroke-width: 2.2 !important;                  /* thicker stroke */
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  /* prevents stroke from looking thinner if svg scales */
  vector-effect: non-scaling-stroke;
  opacity: 1 !important;                         /* remove any fading */
}

/* ===============================
   Palbeing Trust Cards – Fix for ≤380px screens
   =============================== */

@media (max-width: 380px){

  .palbeing-trust__title{
    font-size: 10px;
  }
  .palbeing-trust__sub{
    font-size: 10px;
  }
  /* Grid spacing tighter */
  .palbeing-trust-grid{
    gap: 10px !important;
  }

  /* Card padding smaller */
  .palbeing-trust_card{
    padding: 10px !important;
    border-radius: 14px !important;
    align-items: center !important;
  }

  /* Icon smaller */
  .palbeing-trust_icon{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  /* Text block must shrink properly */
  .palbeing-trust_text{
    min-width: 0 !important;
  }

  /* Title smaller so it stays in one line */
  .palbeing-trust_title{
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Subtitle smaller + controlled wrap */
  .palbeing-trust_sub{
    font-size: 11px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
  }
}



/* ===============================
   Palbeing PDP (Desktop):
   Make ATC full width (mobile already ok)
   Fixes Dawn rule: width: calc(100% - 14rem)
   =============================== */

@media (min-width: 750px){

  /* Stack qty + buttons */
  .product-form__submit.button.button--secondary.button--full-width.rbr{
    width:99.5% !important;
  }
}
/* ===============================
   ProductDetails: stop full-width on desktop
   Keep mobile as-is
   =============================== */

@media (min-width: 750px){
  /* if your custom css made it full width, revert to theme container behavior */
  #ProductDetails{
    width: auto !important;
    max-width: var(--page-width) !important;  /* Dawn uses this */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ensure the section padding doesn't push it weirdly */
  #ProductDetails.section-padding{
    padding-left: var(--page-margin) !important;
    padding-right: var(--page-margin) !important;
  }
}
announcement-bar .announcement-slider.flickity-enabled.is-draggable{
  padding:0 !important;
}
announcement-bar .announcement__buttons{
  display:none;
}
/* Bigger logo on mobile */
@media screen and (max-width: 749px){
  .header__heading-logo{
    height: 42px !important;   /* try 40–46 */
    width: auto !important;
    max-height: none !important;
  }
}

@media screen and (max-width: 749px){
  .header{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* align icons + logo vertically */
  .header__heading,
  .header__icons{
    align-items: center !important;
  }
}
/* Desktop logo size */
@media screen and (min-width: 750px){
  .header__heading-logo{
    height: 50px !important;   /* try 58–70 */
    width: auto !important;
  }
}
.nector-customerearn-container{
  width:100%
}
.nector-customerearn-main-text{
  font-size: 14px;
}
ul.policies li .copyright__content{
  display:none !important;
}
/* Product page main image - mobile */
@media screen and (max-width: 749px) {
  .product__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media screen and (min-width: 750px) {
  .product--columns .product__media-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
  }

  .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
    flex: 0 0 calc(50% - 0.1rem) !important;
    width: calc(50% - 0.1rem) !important;
    max-width: calc(50% - 0.1rem) !important;
    min-width: 0;
  }

  .product--columns .product__media-item > .product__modal-opener,
  .product--columns .product__media-item .media-wrapper {
    width: 100%;
  }

  .product--columns .product__media-item .media--portrait {
    height: auto;
    padding-bottom: 0;
    aspect-ratio: 4 / 5;
  }

  .palbeing-tick-image-stack picture {
    display: block;
    width: 100%;
    aspect-ratio: 1464 / 600;
    overflow: hidden;
  }

  .palbeing-tick-image-stack picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
  }
}

@media screen and (max-width: 749px) {
  .palbeing-tick-image-stack picture {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }

  .palbeing-tick-image-stack picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
  }
}
/* ================================
   MOBILE PDP HERO TITLE + JUDGEME
   ================================ */

.mobile-product-title {
  display: none;
}

@media screen and (max-width: 749px) {
  .mobile-product-title {
    display: block;
    padding: 16px 0 8px;
    background: rgb(var(--color-base-background));
    font-family: var(--font-body-family);
  }

  .mobile-product-title h1 {
    margin: 0;
    font-family: var(--font-body-family);
    font-size: 21px;
    line-height: 1.22;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: rgb(var(--color-base-text));
  }

  .mobile-product-title .subtitle {
    margin: 6px 0 0;
    font-family: var(--font-body-family);
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 500;
    color: rgba(var(--color-base-text), 0.68);
  }

  .mobile-judgeme-rating {
    margin-top: 10px;
    line-height: 1;
  }

  .mobile-judgeme-rating .jdgm-prev-badge {
    display: flex !important;
    align-items: center;
    gap: 6px;
  }

  .mobile-judgeme-rating .jdgm-star {
    font-size: 15px !important;
    padding-right: 1px !important;
  }

  .mobile-judgeme-rating .jdgm-prev-badge__text {
    font-size: 13px;
    line-height: 1;
    color: rgba(var(--color-base-text), 0.72);
  }

  /* Hide original title and Judge.me rating below image */
  .product__title,
  .product__info-wrapper .jdgm-widget.jdgm-preview-badge {
    display: none !important;
  }

  .product__media-wrapper,
  .product__media-gallery,
  .product__media-list {
    margin-top: 0 !important;
  }
}


.palbeing-hero-social-ticker {
  width: calc(100% - 32px);
  margin: 12px auto 0;
  padding: 9px 12px;
  border: 2px solid rgba(255, 193, 7, 0.65);
  border-radius: 12px;
  background: #eef6f7;
  text-align: center;
}

.palbeing-hero-social-ticker__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-family: var(--font-body-family);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  color: #5d7a80;
}

.palbeing-hero-social-ticker__text strong {
  color: #2a3f44;
  font-weight: 800;
}

@media screen and (max-width: 749px) {
  .product__media-wrapper product-gallery {
    margin-bottom: 15px;
  }

  .thumbnail-slider.slider-mobile-gutter {
    display: flex !important;
  }

  .product__media-gallery use-animate {
    margin-inline: -15px;
  }

  /* Preserve the live theme's full-width horizontal thumbnail rail. */
  media-gallery .thumbnail-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: -2rem !important;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  media-gallery .thumbnail-list {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  media-gallery .thumbnail-list[data-media-count="2"],
  media-gallery .thumbnail-list[data-media-count="3"],
  media-gallery .thumbnail-list[data-media-count="4"] {
    max-width: 100%;
  }

  media-gallery .thumbnail-list__item.slider__slide {
    width: 5rem;
  }

  media-gallery .thumbnail-slider .thumbnail-list + .slider-buttons,
  media-gallery .thumbnail-slider .slider-button {
    display: none !important;
  }

  media-gallery .thumbnail[aria-current]::after {
    box-shadow: inset 0 0 0 0.2rem #5d7a80;
  }

  media-gallery .thumbnail-slider,
  .palbeing-hero-social-ticker {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .palbeing-hero-social-ticker {
    margin-top: 6px;
  }

  .palbeing-hero-social-ticker__text {
    font-size: 12.6px;
  }

  .product__info-wrapper {
    margin-top: 6px !important;
    padding-top: 0 !important;
  }

  .product__info-container {
    padding-top: 0 !important;
  }

  .product__info-container [id^="price-"] {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
  }

  .product__tax {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  .product__info-wrapper .palbeing-social-ticker {
    display: none !important;
  }
}
/* =====================================================
   PDP CLS FIX — reserve space for late-loading sections
   ===================================================== */

/* 1) Product media / main image area */
.template-product .product__media-wrapper,
.template-product .product__media-list,
.template-product .product__modal-opener,
.template-product .product__media {
  min-height: 200px;
}

/* Keep product image stable */
.template-product .product__media img,
.template-product .product__media .lazy-image,
.template-product .product__media [is="lazy-image"] {
  width: 100%;
  display: block;
}

/* Mobile PDP image reserve */
@media screen and (max-width: 749px) {
  .template-product .product__media-wrapper,
  .template-product .product__media-list,
  .template-product .product__modal-opener,
  .template-product .product__media {
    min-height: 200px
  }
}

/* Small mobile devices */
@media screen and (max-width: 390px) {
  .template-product .product__media-wrapper,
  .template-product .product__media-list,
  .template-product .product__modal-opener,
  .template-product .product__media{
    min-height: 200px
  }
}

/* Tablet */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .template-product .product__media-wrapper,
  .template-product .product__media-list,
  .template-product .product__modal-opener,
  .template-product .product__media {
    min-height: 200px
  }
}

/* Desktop */
@media screen and (min-width: 990px) {
  .template-product .product__media-wrapper,
  .template-product .product__media-list {
    min-height: 200px
  }

  .template-product .product__modal-opener,
  .template-product .product__media {
    min-height: 200px
  }
}

/* 2) Judge.me rating badge near product title */
.template-product .jdgm-preview-badge,
.template-product .jdgm-widget.jdgm-preview-badge,
.template-product [class*="jdgm-preview-badge"] {
  min-height: 24px;
  display: block;
}

/* Judge.me full review widget lower on page */
.template-product .jdgm-widget,
.template-product .jdgm-rev-widg,
.template-product #judgeme_product_reviews {
  min-height: 260px;
}

/* 3) Price / discount / variant blocks */
.template-product .price,
.template-product .product__price,
.template-product [class*="price"] {
  min-height: 32px;
}

.template-product variant-radios,
.template-product variant-selects,
.template-product .product-form__input,
.template-product .product-form__quantity {
  min-height: 44px;
}

/* 4) Product form buttons */
/* 5) Nector / Rewards widget should float, not push layout */
[id*="nector"],
[class*="nector"],
[id*="reward"],
[class*="reward"] {
  box-sizing: border-box;
}

body.template-product [id*="nector"]:not(script):not(style),
body.template-product [class*="nector"]:not(script):not(style),
body.template-product [id*="reward"]:not(script):not(style),
body.template-product [class*="reward"]:not(script):not(style) {
  min-height: 0;
}

/* Floating widgets should not reserve document flow space */
body.template-product [class*="nector"][style*="position: fixed"],
body.template-product [id*="nector"][style*="position: fixed"],
body.template-product [class*="reward"][style*="position: fixed"],
body.template-product [id*="reward"][style*="position: fixed"] {
  min-height: auto;
}

/* 6) WhatsApp / Interakt floating button should not shift layout */
body.template-product [class*="whatsapp"],
body.template-product [id*="whatsapp"],
body.template-product [class*="interakt"],
body.template-product [id*="interakt"] {
  position: fixed;
  right: 16px;
  bottom: 82px;
  z-index: 50;
}

/* 7) Product app blocks reserve small space so late app injection does not jump */
.template-product .shopify-app-block {
  min-height: 1px;
}

.template-product .product__info-container .price,
.template-product .product__info-container .price dl,
.template-product .product__info-container .price--on-sale .price__sale {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
}

.template-product .product__info-container .price {
  column-gap: 0.8rem;
  line-height: 1;
}

.template-product .product__info-container .price dl {
  margin: 0;
}

.template-product .product__info-container .price--on-sale .price__sale {
  column-gap: 0.8rem;
}

.template-product .product__info-container .price dd,
.template-product .product__info-container .price__compare,
.template-product .product__info-container .price__last {
  margin: 0;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
}

.template-product .product__info-container .price bdi {
  display: inline-block;
  line-height: 1;
}

.template-product .product__info-container .price--on-sale .price-item--regular::before {
  top: 26%;
}

.template-product .product__info-container .price--on-sale .price__sale > dd:not(.price__compare) {
  position: relative;
  top: 0.2rem;
}