/* ✅ PRODUCT PAGE MAIN ADD TO CART - PREMIUM COLOR */
.product__info-container .product-form__submit,
.product__info-container button[name="add"],
.product__info-container button[type="submit"][name="add"]{
  background: linear-gradient(135deg,#00c853,#00bfa5) !important;
  color: #fff !important;
  border: 0 !important;

  border-radius: 16px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  font-weight: 900 !important;

  box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;
  transition: 0.2s ease !important;
}

.product__info-container .product-form__submit:hover,
.product__info-container button[name="add"]:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.25) !important;
}

/* ✅ Remove arrow/icons inside button */
.product__info-container .product-form__submit svg,
.product__info-container .product-form__submit .icon,
.product__info-container .product-form__submit i{
  display:none !important;
}
/* =========================
   ❌ Remove Share Icon Completely
========================= */
.share-button,
.product__share,
.product__info-wrapper .share-button,
.product__info-wrapper .social-share,
.product__info-wrapper .share-icon,
.product__info-wrapper .share-btn,
#share,
.share,
.social-sharing {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ==============================
   ✅ FORCE PREMIUM JUDGEME UI
   Works even on heavy themes
============================== */

/* Target whole widget */
.jdgm-widget,
.jdgm-widget * {
  box-sizing: border-box !important;
}

/* ✅ Make widget area full width & proper spacing */
.jdgm-widget {
  padding: 0 !important;
  margin: 18px 0 !important;
}

/* ✅ White premium container behind everything */
.jdgm-rev-widg {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 16px 14px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.16) !important;
}

/* ✅ Header inside */
.jdgm-rev-widg__header,
.jdgm-rev-widg__summary,
.jdgm-rev-widg__reviews,
.jdgm-rev-widg__body {
  background: transparent !important;
}

/* ✅ Fix text colors on green background issue */
.jdgm-rev-widg,
.jdgm-rev-widg *:not(svg):not(path) {
  color: #111 !important;
}

/* ✅ Stars always golden */
.jdgm-star,
.jdgm-rev__rating .jdgm-star {
  color: #ffb400 !important;
}

/* ==============================
   ✅ WRITE A REVIEW BOX (FORM)
============================== */
.jdgm-form-wrapper {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 14px !important;
  margin: 14px 0 18px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
}

/* Inputs */
.jdgm-widget input,
.jdgm-widget textarea,
.jdgm-widget select {
  background: #ffffff !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  width: 100% !important;
}

/* Placeholder */
.jdgm-widget input::placeholder,
.jdgm-widget textarea::placeholder {
  color: rgba(0,0,0,.50) !important;
}

/* Submit button premium */
.jdgm-submit-rev {
  width: 100% !important;
  background: linear-gradient(135deg,#0b8a3c,#066b2d) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
}

/* ==============================
   ✅ EACH REVIEW AS WHITE CARD
============================== */
.jdgm-rev-widg__reviews .jdgm-rev {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  padding: 14px !important;
  margin: 12px 0 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}

/* Review author */
.jdgm-rev__author {
  font-weight: 800 !important;
  color: #111 !important;
}

/* Review body */
.jdgm-rev__body p {
  color: rgba(0,0,0,.85) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* ==============================
   ✅ SORT DROPDOWN PREMIUM
============================== */
.jdgm-sort-dropdown,
.jdgm-sort-dropdown select {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-weight: 700 !important;
  color: #111 !important;
}
/* ===============================
   CART DRAWER OVERLAP FIX (MOBILE)
   =============================== */

@media (max-width: 768px){

  /* Full height cart drawer */
  .cart-drawer,
  .drawer,
  .drawer__inner,
  .ajaxcart,
  .cartDrawer,
  #CartDrawer{
    height: 100vh !important;
    max-height: 100vh !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
  }

  /* Scrollable content with bottom space */
  .cart-drawer__content,
  .drawer__content,
  .drawer__inner .drawer__content,
  .ajaxcart__inner,
  #CartDrawer .drawer__inner{
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 140px !important; /* space for bottom nav + whatsapp */
  }

  /* Footer always visible */
  .cart-drawer__footer,
  .drawer__footer,
  .ajaxcart__footer,
  #CartDrawer .drawer__footer{
    position: sticky !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  }

  /* WhatsApp button upar shift */
  .whatsapp_float,
  .whatsapp-widget,
  .whatsapp-button,
  #whatsapp-chat,
  .wa-chat-box{
    bottom: 90px !important;
  }

  /* Quantity alignment better */
  .cart-item__quantity,
  .quantity,
  .qtySelector{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  /* Premium look spacing */
  #CartDrawer,
  .cart-drawer,
  .drawer{
    border-radius: 20px 20px 0 0 !important;
  }

  .cart-drawer__content,
  .drawer__content{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .cart-item,
  .ajaxcart__product{
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
  }
}

/* =========================================================
   FULL CART DRAWER FIX + PREMIUM DESIGN (MOBILE)
   - No overlap
   - Quantity selector fixed
   - Empty cart fixed
   - Premium look
   ========================================================= */

@media (max-width: 768px){

  /* -----------------------------
     Drawer base
  ------------------------------ */
  #CartDrawer,
  .cart-drawer,
  .drawer,
  .drawer__inner{
    height: 100vh !important;
    max-height: 100vh !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;

    background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%) !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: 0 -25px 80px rgba(0,0,0,0.18) !important;
    color: #0f172a !important;
  }

  /* Drawer overlay */
  .drawer-overlay,
  .cart-drawer__overlay{
    background: rgba(2,6,23,0.48) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  /* Header */
  .cart-drawer__header,
  .drawer__header{
    padding: 18px 18px 12px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  }

  .cart-drawer__header h2,
  .drawer__header h2,
  #CartDrawer h2{
    color:#0f172a !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.6px !important;
    opacity: 1 !important;
  }

  /* Close button */
  .drawer__close,
  #CartDrawer button[aria-label="Close"],
  .cart-drawer__close{
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    opacity: 1 !important;
  }

  /* Content scroll fix + bottom space for nav + whatsapp */
  .cart-drawer__content,
  .drawer__content,
  .drawer__inner .drawer__content,
  .ajaxcart__inner,
  #CartDrawer .drawer__inner{
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 14px 14px 230px !important; /* IMPORTANT */
  }

  /* Links + text */
  #CartDrawer a,
  .drawer a,
  .cart-drawer a{
    color:#0f172a !important;
    text-decoration:none !important;
    opacity: 1 !important;
  }

  #CartDrawer p,
  #CartDrawer span,
  #CartDrawer div{
    opacity: 1 !important;
    filter: none !important;
    color:#0f172a !important;
  }

  /* -----------------------------
     Cart item card
  ------------------------------ */
  .cart-item,
  .ajaxcart__product{
    background: rgba(255,255,255,0.95) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 22px !important;
    padding: 14px !important;
    box-shadow: 0 18px 45px rgba(15,23,42,0.10) !important;
    margin: 12px 0 !important;
  }

  .cart-item img,
  .ajaxcart__product img{
    border-radius: 18px !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important;
  }

  .cart-item__name,
  .ajaxcart__product-name,
  .cart-item a{
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    color:#0f172a !important;
  }

  /* Meta text */
  .cart-item__details,
  .ajaxcart__meta,
  .cart-item__details *{
    color: rgba(15,23,42,0.70) !important;
    font-weight: 700 !important;
  }

  /* -----------------------------
     Quantity selector (FULL FIX)
  ------------------------------ */
  .quantity,
  .qtySelector,
  .cart-item__quantity,
  .quantity__input-wrapper,
  .quantity__wrapper{
    background: #f1f5f9 !important;
    border: 1px solid rgba(15,23,42,0.12) !important;
    border-radius: 999px !important;
    padding: 10px 12px !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  }

  .quantity input,
  .qtySelector input,
  .cart-item__quantity input,
  .quantity__input{
    background: transparent !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    text-align: center !important;
    border: 0 !important;
    width: 56px !important;
  }

  .quantity button,
  .qtySelector button,
  .cart-item__quantity button,
  .quantity__button{
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15,23,42,0.14) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.10) !important;
  }

  .quantity button:active,
  .qtySelector button:active,
  .quantity__button:active{
    transform: scale(0.97) !important;
  }

  /* Remove icon */
  .cart-remove-button,
  .ajaxcart__remove,
  .cart__remove{
    background: rgba(239,68,68,0.08) !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239,68,68,0.18) !important;
    opacity: 1 !important;
  }

  /* -----------------------------
     Footer / Total / Checkout
  ------------------------------ */
  .cart-drawer__footer,
  .drawer__footer,
  #CartDrawer .drawer__footer{
    position: sticky !important;
    bottom: 0 !important;
    z-index: 9999 !important;

    background: rgba(255,255,255,0.96) !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    padding: 14px !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: 0 -18px 45px rgba(15,23,42,0.12) !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  }

  /* Estimated total box */
  .cart__footer,
  .drawer__footer .cart__footer,
  .cart-drawer__footer .cart__footer{
    background: #fff !important;
    border-radius: 22px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    padding: 14px !important;
    box-shadow: 0 18px 35px rgba(15,23,42,0.08) !important;
    margin-bottom: 12px !important;
  }

  /* Checkout button premium */
  button[name="checkout"],
  .cart__checkout-button,
  .drawer__footer button,
  .cart-drawer__footer button{
    width: 100% !important;
    border-radius: 999px !important;
    padding: 17px 18px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #111827 0%, #4f46e5 55%, #06b6d4 100%) !important;
    box-shadow: 0 22px 55px rgba(79,70,229,0.35) !important;
    transition: transform .18s ease, filter .18s ease !important;
  }

  button[name="checkout"]:active,
  .cart__checkout-button:active{
    transform: scale(0.98) !important;
    filter: brightness(0.95) !important;
  }

  /* -----------------------------
     EMPTY CART FIX (FULL VISIBLE)
  ------------------------------ */
  .cart-empty,
  .drawer__empty,
  .cart-drawer__empty,
  #CartDrawer .cart__warnings,
  #CartDrawer .cart__empty-text,
  #CartDrawer .cart__empty{
    color: #0f172a !important;
    opacity: 1 !important;
    filter: none !important;
    text-align: center !important;
  }

  #CartDrawer .cart__empty-text{
    font-size: 22px !important;
    font-weight: 900 !important;
    margin-top: 22px !important;
  }

  #CartDrawer .cart__warnings a.button,
  #CartDrawer a.button,
  #CartDrawer .button{
    background: linear-gradient(135deg,#111827,#4f46e5,#06b6d4) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 18px !important;
    font-weight: 900 !important;
    box-shadow: 0 18px 40px rgba(79,70,229,0.25) !important;
  }

  /* WhatsApp floating up (avoid checkout overlap) */
  .whatsapp_float,
  .whatsapp-widget,
  .whatsapp-button,
  #whatsapp-chat,
  .wa-chat-box{
    bottom: 90px !important;
    right: 14px !important;
  }
}
/* =========================================================
   REFRESH THEME — WHITE ADD TO CART BUTTONS (DESKTOP + MOBILE)
   Matches Sticky Add to cart style
   ========================================================= */

/* 1) CARD ADD TO CART BUTTONS (everywhere in grid/cards) */
.product-grid button,
.product-grid .button,
.card__content button,
.card__content .button,
.quick-add__submit,
button.quick-add__submit{
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;

  background: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;

  border: 2px solid rgba(17, 17, 17, 0.55) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,0.18) !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;

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

  opacity: 1 !important;
  visibility: visible !important;
  text-transform: none !important;
}

/* 2) Ensure inner text always visible */
.product-grid button *,
.product-grid .button *,
.card__content button *,
.card__content .button *,
.quick-add__submit *,
button.quick-add__submit *{
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* 3) Hover/active premium */
.product-grid button:hover,
.product-grid .button:hover,
.card__content button:hover,
.card__content .button:hover,
.quick-add__submit:hover,
button.quick-add__submit:hover{
  filter: brightness(0.98) !important;
}

.product-grid button:active,
.product-grid .button:active,
.card__content button:active,
.card__content .button:active,
.quick-add__submit:active,
button.quick-add__submit:active{
  transform: scale(0.98) !important;
}

/* 4) Remove pseudo overlays (some themes dim text) */
.quick-add__submit::before,
.quick-add__submit::after,
button.quick-add__submit::before,
button.quick-add__submit::after{
  content: none !important;
  display: none !important;
}

   /* =========================================================
   FINAL STICKY ADD TO CART + BUY IT NOW HIDE + CART POPUP SAFE
   ✅ No overlap in sliders/cards
   ✅ No double Add to cart issue
   ✅ Sticky only on product page main form
========================================================= */


/* ---------------------------
   1) HIDE BUY IT NOW
---------------------------- */
.shopify-payment-button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.shopify-payment-button__more-options,
button[name="buy_now"],
button[formaction*="/checkout"],
button[formaction*="checkout"]{
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* ---------------------------
   2) PRODUCT PAGE: STICKY ATC ONLY
   (Refresh theme compatible)
---------------------------- */
body.template-product .product__info-container form[action*="/cart/add"] .product-form__buttons,
body.template-product .product__info-wrapper form[action*="/cart/add"] .product-form__buttons{
  position: sticky !important;
  bottom: 10px !important;
  z-index: 30 !important; /* keep low, popup above */
  background: #fff !important;
  padding: 12px !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Product page Add to cart button styling */
body.template-product .product__info-container .product-form__submit,
body.template-product .product__info-wrapper .product-form__submit,
body.template-product .product__info-container button[name="add"],
body.template-product .product__info-wrapper button[name="add"]{
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  min-height: 50px !important;
}


/* ---------------------------
   3) NEVER APPLY STICKY ON CARDS/SLIDERS
   (this stops overlap + double UI)
---------------------------- */
.card .product-form__buttons,
.slider .product-form__buttons,
.product-grid .product-form__buttons,
.collection .product-form__buttons,
.related-products .product-form__buttons,
.product-recommendations .product-form__buttons,
.recommendations .product-form__buttons{
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: block !important;
}

/* If card area shows duplicate add buttons, keep only FIRST one */
.card .product-form__buttons button[name="add"] ~ button[name="add"],
.slider .product-form__buttons button[name="add"] ~ button[name="add"],
.product-grid .product-form__buttons button[name="add"] ~ button[name="add"],
.collection .product-form__buttons button[name="add"] ~ button[name="add"]{
  display: none !important;
}


/* ---------------------------
   4) CART POPUP / MODAL SAFETY
   Popup always above sticky
---------------------------- */
[role="dialog"],
.modal,
.drawer,
.cart-popup,
.cart-modal,
#CartDrawer,
#cart-drawer,
#cartDrawer,
#CartPopup,
#cart-popup{
  z-index: 9999 !important;
}

/* Optional: hide product-form buttons inside popup (if theme clones it) */
[role="dialog"] .product-form__buttons{
  display: none !important;
}


/* ---------------------------
   5) DESKTOP: disable sticky (optional)
---------------------------- */
@media (min-width: 990px){
  body.template-product .product__info-container form[action*="/cart/add"] .product-form__buttons,
  body.template-product .product__info-wrapper form[action*="/cart/add"] .product-form__buttons{
    position: static !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
}

/* =========================================================
   ✅ FINAL FIX — DOUBLE ADD TO CART (Cards/Slider/Grid)
   Keep ONLY ONE Add to cart button (LAST one)
   Works on: Home slider + collections + product grid
========================================================= */

/* 1) Cards/slider: Always keep ONLY last element in button area */
.card .product-form__buttons > *:not(:last-child),
.slider .product-form__buttons > *:not(:last-child),
.product-grid .product-form__buttons > *:not(:last-child),
.collection .product-form__buttons > *:not(:last-child),
.related-products .product-form__buttons > *:not(:last-child),
.product-recommendations .product-form__buttons > *:not(:last-child){
  display: none !important;
}

/* Ensure last is visible */
.card .product-form__buttons > *:last-child,
.slider .product-form__buttons > *:last-child,
.product-grid .product-form__buttons > *:last-child,
.collection .product-form__buttons > *:last-child,
.related-products .product-form__buttons > *:last-child,
.product-recommendations .product-form__buttons > *:last-child{
  display: block !important;
}

/* 2) Stop layout breaking (no flex-column in cards) */
.card .product-form__buttons,
.slider .product-form__buttons,
.product-grid .product-form__buttons,
.collection .product-form__buttons{
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 3) Card button should be full width */
.card .product-form__buttons button,
.slider .product-form__buttons button,
.product-grid .product-form__buttons button,
.collection .product-form__buttons button{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
/* ================================
   GloMint Read More Button (Animated)
   Apply on all products
================================ */

.glomint-readmore-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 15px;
  line-height: 1;
  position: relative;
  overflow: hidden;

  color: #fff !important;
  border: 2px solid rgba(255,255,255,.22);

  background: linear-gradient(135deg, #0a7a3c, #2fcf78);
  box-shadow:
    0 10px 24px rgba(0,0,0,.15),
    inset 0 -8px 20px rgba(0,0,0,.18);

  transform: translateZ(0);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* Shine wave */
.glomint-readmore-btn::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(120deg,
    transparent 20%,
    rgba(255,255,255,.55) 40%,
    transparent 60%
  );
  transform: translateX(-120%) rotate(10deg);
  animation: glomintShine 2.6s ease-in-out infinite;
  pointer-events: none;
}

/* soft glow ring */
.glomint-readmore-btn::after{
  content:"";
  position:absolute;
  inset: -2px;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 55%);
  opacity:.55;
  pointer-events:none;
}

.glomint-readmore-btn:hover{
  transform: translateY(-3px) scale(1.02);
  filter: saturate(1.08);
  box-shadow:
    0 16px 40px rgba(0,0,0,.22),
    0 0 0 6px rgba(47,207,120,.12),
    inset 0 -8px 20px rgba(0,0,0,.18);
}

.glomint-readmore-btn:active{
  transform: translateY(0) scale(.99);
  box-shadow:
    0 8px 18px rgba(0,0,0,.18),
    inset 0 -6px 14px rgba(0,0,0,.22);
}

.glomint-readmore-btn .glomint-arrow{
  display:inline-block;
  font-size: 16px;
  transition: transform .25s ease;
}

.glomint-readmore-btn:hover .glomint-arrow{
  transform: translateX(4px);
}

/* Arrow bounce */
.glomint-readmore-btn .glomint-arrow{
  animation: glomintArrow 1.4s ease-in-out infinite;
}

@keyframes glomintShine{
  0%   { transform: translateX(-140%) rotate(10deg); opacity: .0; }
  15%  { opacity: .45; }
  50%  { opacity: .20; }
  100% { transform: translateX(140%) rotate(10deg); opacity: .0; }
}

@keyframes glomintArrow{
  0%,100%{ transform: translateX(0); }
  50%{ transform: translateX(4px); }
}

/* Mobile tweaks */
@media(max-width: 749px){
  .glomint-readmore-btn{
    width: auto;
    padding: 12px 18px;
    font-size: 14px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  .glomint-readmore-btn::before,
  .glomint-readmore-btn .glomint-arrow{
    animation: none !important;
  }
}
/* ================================
   FIX: AI SALE BANNER OVERLAP + MODERN LOOK
   ================================ */

/* Target all ai-sale-banner blocks (IDs differ, so use wildcard) */
[class*="ai-sale-banner-"]{
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 12px 0 !important;
}

/* Banner wrapper styling */
[class*="ai-sale-banner-container-"]{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 10px 14px !important;
}

/* Actual banner content box (modern pill bar) */
[class*="ai-sale-banner-content-"]{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  background: linear-gradient(135deg, #0f3d2e, #1f7a4d) !important;
  color: #fff !important;

  border-radius: 18px !important;
  padding: 10px 14px !important;

  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.18) !important;

  flex-wrap: wrap !important;
  text-align: center !important;
}

/* Banner text */
[class*="ai-sale-banner-text-"]{
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
}

/* Mobile: prevent weird wrapping/overlap */
@media (max-width: 749px){
  [class*="ai-sale-banner-content-"]{
    border-radius: 16px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
  }

  [class*="ai-sale-banner-text-"]{
    font-size: 13px !important;
  }
}
/* ==============================
   ReelPik Slider Green Side Lines Fix
   ============================== */

/* Make ReelPik full width + remove side gaps */
.reelpik,
.reelpik-slider,
.reelpik-carousel,
.reelpik-wrapper,
.reelpik-container,
.reelpik-section {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove any section padding creating green side lines */
.reelpik-section,
.reelpik-container,
.reelpik-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
}

/* Force slider to stretch edge-to-edge */
.reelpik-slider,
.reelpik-carousel {
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

/* Make inner track full width */
.reelpik-slider * ,
.reelpik-carousel * {
  box-sizing: border-box !important;
}

/* Video/iframe should fill full card */
.reelpik-slider iframe,
.reelpik-carousel iframe,
.reelpik-slider video,
.reelpik-carousel video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* If your theme adds page padding on mobile */
@media (max-width: 768px) {
  .reelpik-section,
  .reelpik-container,
  .reelpik-wrapper {
    padding: 0 !important;
  }
}
/* Force parent background to white/transparent */
.reelpik-section,
.reelpik-section * {
  background-color: transparent !important;
}