/* === OPEKX - FIX ALL CATEGORIES - SAME SIZE NO CROP === */

/* 1. Grid ko 4 per row banao - Web */
@media(min-width: 1024px){
  .s-products-list, .products-grid, 
  div[class*="grid-cols-2"]{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* 2. Sabse important - Image box ko 1 size me fix karo */
.s-product-card-image,
.s-product-card__image,
.product-card-image{
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  background: #fff !important;
  padding: 8px !important;
  overflow: hidden !important;
}

/* 3. Image andar contain - chahe kitni bhi badi upload karo - NO CROP */
.s-product-card-image img,
.s-product-card__image img,
.product-card-image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  mix-blend-mode: multiply;
}

/* 4. Card equal height - price neeche hi rahega */
.s-product-card{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
/* Add to Cart - Orange Force */
salla-product-card salla-add-product-button button{
  background: #FF6B00 !important;
  color: #fff !important;
  opacity: 1 !important;
}
/* MOBILE MENU ICON FIX - OPEKX */
@media (max-width: 768px){
  /* Hamburger icon ko black karo */
  header button svg,
  header .sicon-menu,
  header [class*="menu"] svg,
  header [class*="menu"] i,
  .mobile-menu-trigger,
  #mobile-menu-btn{
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }
  
  header button svg path{
    fill: #000 !important;
    stroke: #000 !important;
  }
}
/* 3 LINES HAMBURGER - REAL MENU ICON */
.sicon-menu:before{
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  background: #000 !important;
  border-radius: 2px !important;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000 !important;
  margin-top: 4px !important;
}

.sicon-menu{
  font-size: 0 !important;
  width: 24px !important;
  height: 20px !important;
  display: inline-block !important;
  color: transparent !important;
}
/* ADD TO CART - ORANGE + ALWAYS VISIBLE - FINAL */
salla-product-card .s-product-card-footer,
salla-product-card .s-product-card-content-footer,
salla-product-card salla-add-product-button{
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: none !important;
  bottom: 0 !important;
  position: relative !important;
}

salla-product-card salla-add-product-button button,
salla-product-card button.s-button-primary{
  background: #FF6B00 !important;
  background-color: #FF6B00 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  width: 100% !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

salla-product-card salla-add-product-button button span,
salla-product-card button.s-button-primary span{
  color: #fff !important;
}
/* Product Page - Add to Cart ORANGE */
button[name="add_to_cart"],
#add-to-cart-btn,
.s-product-page-actions button:first-child,
button.s-add-to-cart-button{
  background: #FF6B00 !important;
  background-color: #FF6B00 !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: bold !important;
  opacity: 1 !important;
}

/* Text ka color white */
button[name="add_to_cart"] span,
#add-to-cart-btn span{
  color: #fff !important;
}
/* Header ke sath top section attach - gap khatam */
header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Header ke baad wala pehla section */
body > section:first-of-type,
main > section:first-of-type,
.salla-theme__header + section,
header + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Agar black ticker bar hai to uska gap khatam */
.announcement-bar,
.top-bar,
div[style*="background: black"],
div[style*="background:#000"] {
  margin-top: 0 !important;
}

/* Tumhare banners wale section ka top gap khatam */
#opekxVG, 
.opekx-vg-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.s-product-card-entry salla-add-product-button button {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #ffffff !important;
  transform: none !important;
}

.s-product-card-entry salla-add-product-button button *,
.s-product-card-entry salla-add-product-button .s-button-text {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}

.s-product-card-entry salla-add-product-button button:hover {
  background-color: #e55f00 !important;
  color: #ffffff !important;
}

.s-product-card-entry salla-add-product-button button[disabled] {
  background-color: #FF6B00 !important;
  color: #ffffff !important;
  opacity: 0.85 !important;
}

/* ===== Wishlist (heart) button ko wapas normal karna ===== */
.s-product-card-entry .s-product-card-wishlist-btn,
.s-product-card-entry .s-product-card-wishlist-btn button {
  width: auto !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
}
/* ===== PAGE LOAD ===== */
body{animation:tbPageIn .6s ease both}
@keyframes tbPageIn{from{opacity:0}to{opacity:1}}

/* ===== SCROLL REVEAL (JS class lagati hai) ===== */
.tb-reveal{
  opacity:0;
  transform:translateY(40px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.tb-reveal.tb-in{opacity:1;transform:none}

/* product cards ek ek karke aayen */
.tb-card{
  opacity:0;
  transform:translateY(28px) scale(.97);
  transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.tb-card.tb-in{opacity:1;transform:none}

/* ===== PRODUCT CARD HOVER ===== */
.s-product-card-entry{
  transition:transform .3s ease, box-shadow .3s ease !important;
}
.s-product-card-entry:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}
.s-product-card-image img{transition:transform .5s ease !important}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.06)}

/* ===== BUTTONS ===== */
.btn, .s-button-element, salla-add-product-button button{
  transition:transform .2s ease, box-shadow .25s ease, filter .25s ease !important;
}
.btn:hover, .s-button-element:hover, salla-add-product-button button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(255,107,0,.3);
  filter:brightness(1.05);
}
.btn:active, .s-button-element:active{transform:scale(.97)}

/* ===== LINKS / MENU ===== */
.main-menu a, .store-footer a{transition:color .25s ease, transform .25s ease}
.store-footer a:hover{transform:translateX(4px)}

/* ===== CART BADGE POP ===== */
.s-cart-summary-count{animation:tbPop 2.5s ease-in-out infinite}
@keyframes tbPop{0%,90%,100%{transform:scale(1)}95%{transform:scale(1.25)}}

/* ===== SCROLL PROGRESS BAR ===== */
#tb-progress{
  position:fixed;top:0;left:0;height:3px;width:0;
  background:#FF6B00;z-index:99999;transition:width .1s linear;
}

/* ===== ACCESSIBILITY: jin ke device mein animation off hai ===== */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .tb-reveal,.tb-card{opacity:1!important;transform:none!important}
}
/* View all: black text */
.s-block .s-slider-block__display-all,
.s-block a[class*="display-all"],
.tb-viewall a{
  color:#000 !important;
  opacity:1 !important;
  font-weight:600;
  text-decoration:none !important;
}

/* neeche center wali jagah */
.tb-viewall{
  display:flex;
  justify-content:center;
  margin:26px 0 8px;
}
.tb-viewall a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 34px;
  border:1.5px solid #000;
  border-radius:999px;
  background:transparent !important;
  transition:all .25s ease;
}
.tb-viewall a:hover{
  background:#000 !important;
  color:#fff !important;
}
/* image ke upar badge ki jagah */
.s-product-card-image{position:relative}

.tb-discount{
  position:absolute;
  bottom:10px;
  left:10px;
  z-index:5;
  background:#e11d2e;
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1;
  padding:6px 10px;
  border-radius:8px;
  letter-spacing:.2px;
  box-shadow:0 4px 10px rgba(225,29,46,.35);
  direction:ltr;
  pointer-events:none;
}
[dir="rtl"] .tb-discount{left:auto;right:10px}

/* price ke saath wala chota red percent (product page ke liye) */
.tb-discount-inline{
  display:inline-block;
  background:#e11d2e;
  color:#fff;
  font-size:14px;
  font-weight:700;
  padding:4px 10px;
  border-radius:8px;
  margin-inline-start:10px;
  direction:ltr;
  vertical-align:middle;
}

@media (max-width:640px){
  .tb-discount{font-size:11px;padding:5px 8px;bottom:8px;left:8px}
}
/* 1) Letters ka filter (A, B, D...) chhupayein */
.brands-nav,
.brands-letters,
[class*="brands"] [class*="letters"],
[class*="brands"] [class*="alphabet"],
[class*="brands"] [class*="filter"] {
  display: none !important;
}

/* 2) Letter headings (A, B...) chhupayein */
[class*="brands"] [class*="letter-title"],
[class*="brands"] .brand-letter,
[class*="brands"] [class*="letter-heading"] {
  display: none !important;
}

/* 3) Letter groups ko tod kar sab logos ek hi grid mein layein */
[class*="brands"] [class*="letter-group"],
[class*="brands"] [class*="letter-section"],
[class*="brands"] [class*="brands-group"] {
  display: contents !important;
}

/* 4) Main grid: 6 logos ek row mein */
[class*="brands-list"],
[class*="brands-wrapper"],
[class*="brands-container"],
[class*="brands-grid"] {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* 5) Har logo ka box (border ke saath) */
[class*="brands-list"] a,
[class*="brands-wrapper"] a,
[class*="brands-container"] a,
[class*="brands-grid"] a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px;
  background: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 6) Logo size */
[class*="brands-list"] a img,
[class*="brands-wrapper"] a img,
[class*="brands-container"] a img,
[class*="brands-grid"] a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 991px) {
  [class*="brands-list"],
  [class*="brands-wrapper"],
  [class*="brands-container"],
  [class*="brands-grid"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

/* Mobile */
@media (max-width: 576px) {
  [class*="brands-list"],
  [class*="brands-wrapper"],
  [class*="brands-container"],
  [class*="brands-grid"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* Language modal: selected radio orange */
[class*="localization-modal"] input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  width:24px;
  height:24px;
  margin:0;
  border:2px solid #d1d5db;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
  flex:0 0 auto;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
[class*="localization-modal"] input[type="radio"]:checked{
  border-color:#FF6B00;
  background:radial-gradient(circle,#FF6B00 0 42%,#fff 46%);
  box-shadow:0 0 0 3px rgba(255,107,0,.18);
}

/* agar circle input ke bajaye span/div se bana ho */
[class*="localization-modal"] [class*="radio"],
[class*="localization-modal"] [class*="check"]{
  border-color:#d1d5db;
}
[class*="localization-modal"] [class*="selected"] [class*="radio"],
[class*="localization-modal"] [class*="active"] [class*="radio"],
[class*="localization-modal"] [aria-checked="true"] [class*="radio"],
[class*="localization-modal"] [class*="selected"] [class*="check"],
[class*="localization-modal"] [class*="active"] [class*="check"]{
  border-color:#FF6B00 !important;
  background:radial-gradient(circle,#FF6B00 0 42%,#fff 46%) !important;
  color:#FF6B00 !important;
}
/* ===== OPEKX BRANDS PAGE ===== */
.opxbp{margin:10px 0 60px}
.opxbp-intro{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 30px}
.opxbp-intro h1{margin:0;font-size:34px;font-weight:800;color:#1b2a6b;position:relative;padding-bottom:12px}
.opxbp-intro h1::after{content:"";position:absolute;bottom:0;inset-inline-start:0;height:4px;width:0;border-radius:4px;background:#FF6B00;animation:opxbpBar .8s .2s ease forwards}
@keyframes opxbpBar{to{width:64px}}
.opxbp-count{background:#fff3ea;color:#e55f00;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px}
.opxbp-sub{flex-basis:100%;margin:0;color:#6b7280;font-size:16px}

.opxbp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}

.opxbp-card{
  position:relative;display:flex;flex-direction:column;align-items:center;
  padding:22px 18px 18px;background:#fff;border:1px solid #eef0f4;border-radius:22px;
  box-shadow:0 6px 18px rgba(20,30,80,.06);overflow:hidden;
  text-decoration:none!important;color:#1b2a6b!important;
  opacity:0;transform:translateY(34px) scale(.96);
  transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease;
}
.opxbp-card.opxbp-in{opacity:1;transform:none}
.opxbp-card.opxbp-in:hover{transform:translateY(-8px);border-color:#FF6B00;box-shadow:0 18px 36px rgba(255,107,0,.18)}

/* upar orange line + roshni ki sweep (hover par) */
.opxbp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#FF6B00;transform:scaleX(0);transition:transform .35s ease}
.opxbp-card:hover::before{transform:scaleX(1)}
.opxbp-card::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-14deg)}
.opxbp-card:hover::after{left:140%;transition:left .8s ease}

/* sab logos ek barabar size ke box mein */
.opxbp-logo{width:100%;aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;overflow:hidden}
.opxbp-logo img{width:100%;height:100%;object-fit:contain;padding:14px;display:block;transition:transform .45s ease}
.opxbp-card:hover .opxbp-logo img{transform:scale(1.08)}

.opxbp-name{margin-top:14px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:1023px){.opxbp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media (max-width:767px){
  .opxbp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .opxbp-intro h1{font-size:26px}
  .opxbp-card{padding:14px 10px 12px;border-radius:16px}
  .opxbp-name{font-size:12px;margin-top:10px}
}
@media (max-width:479px){.opxbp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.opxbp-card{opacity:1;transform:none;transition:none}}

/* Marquee ke foran baad wala section */
.s-block--bundle-marquee + section,
.s-block--bundle-marquee + .s-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Us section ke andar ka pehla container */
.s-block--bundle-marquee + section > *:first-child,
.s-block--bundle-marquee + .s-block > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Marquee ke neeche koi space na rahe */
.s-block--bundle-marquee {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 768px) {
  .s-block--bundle-marquee ~ section:nth-of-type(-n+4) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .s-block--bundle-marquee ~ section:nth-of-type(-n+4) > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .s-block--bundle-marquee {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


.pm-box {
  margin-top: 16px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #eef0f6;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(46,49,146,.08);
}
.pm-title {
  font-size: 14px;
  font-weight: 700;
  color: #2E3192;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pm-title::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #F7931E, transparent);
  border-radius: 2px;
}
.pm-box salla-payments { display: block; }
.pm-box .s-payments-list,
.pm-box ul {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start;
  margin: 0; padding: 0; list-style: none;
}
.pm-box img {
  height: 26px; width: auto;
  background: #fff; padding: 4px 8px;
  border: 1px solid #eee; border-radius: 8px;
}


salla-add-product-button .s-add-product-button-main,
salla-add-product-button {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
salla-add-product-button button {
  flex: 1;
  min-height: 50px;
}


/* ===== MENU HOVER: black background + white text ===== */

/* normal state: chhoti si padding taake black box achha lage */
#mainnav .main-menu > li > a,
header .main-menu > li > a,
#mainnav custom-main-menu .main-menu > li > a{
  padding:8px 12px !important;
  border-radius:10px;
  transition:background-color .25s ease, color .25s ease !important;
}

/* main categories: hover par black + white */
#mainnav .main-menu > li:hover > a,
#mainnav .main-menu > li > a:hover,
#mainnav .main-menu > li > a:focus-visible,
header .main-menu > li:hover > a,
header .main-menu > li > a:hover{
  background-color:#000 !important;
  color:#fff !important;
}

/* sub-categories (dropdown ke andar) */
#mainnav .main-menu li ul a,
header .main-menu li ul a,
#mainnav .main-menu .sub-menu a,
#mainnav .main-menu .mega-menu a{
  border-radius:8px;
  transition:background-color .25s ease, color .25s ease !important;
}
#mainnav .main-menu li ul li:hover > a,
#mainnav .main-menu li ul a:hover,
header .main-menu li ul li:hover > a,
header .main-menu li ul a:hover,
#mainnav .main-menu .sub-menu a:hover,
#mainnav .main-menu .mega-menu a:hover{
  background-color:#000 !important;
  color:#fff !important;
}

/* text ke andar ke span, arrow, icon sab bhi white */
#mainnav .main-menu li:hover > a *,
#mainnav .main-menu a:hover *,
header .main-menu li:hover > a *,
header .main-menu a:hover *{
  color:#fff !important;
}
#mainnav .main-menu li:hover > a svg,
#mainnav .main-menu a:hover svg{
  stroke:#fff !important;
}




@media (max-width: 768px) {

  /* Brand logo ka circle chhota aur logo poora dikhe */
  .mobile-menu .brand-item img,
  .mobile-menu a[href*="/brand"] img,
  .mobile-menu a[href*="brands"] img,
  .s-menu-mobile img,
  .mm-panel a[href*="/brand"] img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fff;
    padding: 6px !important;
    border: 1px solid #eee;
    border-radius: 50% !important;
  }

  /* Naam poora dikhe (ellipsis hat jaye) */
  .mobile-menu a[href*="/brand"] span,
  .mobile-menu a[href*="brands"] span,
  .s-menu-mobile a[href*="/brand"] span,
  .mm-panel a[href*="/brand"] span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 13px !important;
    line-height: 1.2;
  }

  /* Logo aur naam ke beech gap kam */
  .mobile-menu a[href*="/brand"],
  .s-menu-mobile a[href*="/brand"],
  .mm-panel a[href*="/brand"] {
    gap: 8px !important;
    padding: 8px 10px !important;
  }
}

/* Har product ka image box same size ka */
.product-gallery .swiper-slide {
  aspect-ratio: 1 / 1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image na crop ho, na zoom ho */
.product-gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Thumbnails */
.product-gallery .thumbs img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  background: #fff;
}

/* Product gallery: har product ka box same size, image na crop na zoom */
[id^="details-slider-"] .swiper-slide {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

[id^="details-slider-"] .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}







/* 1. Gallery: har product ka box same size, image na crop na zoom */
[id^="details-slider-"] .swiper-slide {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

[id^="details-slider-"] .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}

/* 2. Description: full width, gallery ke neeche */
[data-testid="store-product-description"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
  border-top: 1px solid #eee !important;
}

[data-testid="store-product-description"]::before {
  content: "Product Overview";
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
}

[data-testid="store-product-description"] img {
  max-width: 100%;
  height: auto;
}

[data-testid="store-product-description"] table {
  width: 100%;
  max-width: 100%;
}



/* Description: white background, black text */
[data-testid="store-product-description"] {
  background: #fff !important;
  color: #000 !important;
  padding: 24px !important;
  border-radius: 12px;
}

[data-testid="store-product-description"] *:not(img):not(svg):not(svg *) {
  color: #000 !important;
  background-color: transparent !important;
}

/* Heading "Product Overview" bhi black */
[data-testid="store-product-description"]::before {
  color: #000 !important;
}


[data-testid="store-product-description"] table tr:nth-child(even) td,
[data-testid="store-product-description"] table tr:nth-child(even) th {
  background-color: #f5f5f5 !important;
}



/* Description ko poora dikhana */
[data-testid="store-product-description"],
[data-testid="store-product-description"] * {
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

[data-testid="store-product-description"] article,
[data-testid="store-product-description"] > div {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}



/* Add to cart: orange button */
salla-add-product-button button,
salla-add-product-button .s-button-element {
  background-color: #f97316 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Quantity box: dark */
salla-quantity-input .s-quantity-input-container,
salla-quantity-input input,
salla-quantity-input button {
  color: #111 !important;
  border-color: #111 !important;
  opacity: 1 !important;
}

salla-quantity-input input {
  font-weight: 700 !important;
}

salla-quantity-input button svg,
salla-quantity-input button i {
  color: #111 !important;
  fill: #111 !important;
  stroke: #111 !important;
}




/* Product card: hover par naam, price aur image safed/phiki na hon */
.s-product-card-entry:hover {
  background: #fff !important;
}

.s-product-card-entry:hover .s-product-card-content-title,
.s-product-card-entry:hover .s-product-card-content-title a {
  color: #1f2937 !important;
  opacity: 1 !important;
}

.s-product-card-entry:hover .s-product-card-content-sub,
.s-product-card-entry:hover .s-product-card-content-sub * {
  opacity: 1 !important;
}

.s-product-card-entry:hover .s-product-card-image img {
  opacity: 1 !important;
  filter: none !important;
}




/* ========== 1. Product gallery: same size, na crop na zoom ========== */
[id^="details-slider-"] .swiper-slide {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
[id^="details-slider-"] .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}

/* ========== 2. Description: full width, white background, black text ========== */
[data-testid="store-product-description"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 40px !important;
  padding: 24px !important;
  background: #fff !important;
  color: #000 !important;
  border-radius: 12px;
}
[data-testid="store-product-description"]::before {
  content: "Product Overview";
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #000 !important;
}
[data-testid="store-product-description"] *:not(img):not(svg):not(svg *) {
  color: #000 !important;
  background-color: transparent !important;
}
[data-testid="store-product-description"] img { max-width: 100%; height: auto; }
[data-testid="store-product-description"] table { width: 100%; max-width: 100%; }
[data-testid="store-product-description"] table tr:nth-child(even) td,
[data-testid="store-product-description"] table tr:nth-child(even) th {
  background-color: #f5f5f5 !important;
}

/* Description poori dikhe (Read more na ho) */
[data-testid="store-product-description"],
[data-testid="store-product-description"] * {
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
[data-testid="store-product-description"] article,
[data-testid="store-product-description"] > div {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

/* ========== 3. Add to cart: orange ========== */
salla-add-product-button button,
salla-add-product-button .s-button-element {
  background-color: #f97316 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* ========== 4. Quantity box: dark ========== */
salla-quantity-input .s-quantity-input-container,
salla-quantity-input input,
salla-quantity-input button {
  color: #111 !important;
  border-color: #111 !important;
  opacity: 1 !important;
}
salla-quantity-input input { font-weight: 700 !important; }
salla-quantity-input button svg,
salla-quantity-input button i {
  color: #111 !important;
  fill: #111 !important;
  stroke: #111 !important;
}

/* ========== 5. Product cards: hover par naam/price safed na hon ========== */
.s-product-card-entry:hover { background: #fff !important; }
.s-product-card-entry:hover .s-product-card-content-title,
.s-product-card-entry:hover .s-product-card-content-title a {
  color: #1f2937 !important;
  opacity: 1 !important;
}
.s-product-card-entry:hover .s-product-card-content-sub,
.s-product-card-entry:hover .s-product-card-content-sub * { opacity: 1 !important; }
.s-product-card-entry:hover .s-product-card-image img {
  opacity: 1 !important;
  filter: none !important;
}

/* ========== 6. Mobile: fixed checkout bar footer ke upar rahe ========== */
.cart-submit-wrap,
[class*="cart-submit"] { z-index: 9999 !important; }
footer, .store-footer { position: relative !important; z-index: 1 !important; }
@media (max-width: 768px) {
  footer, .store-footer { padding-bottom: 140px !important; }
}

/* ========== 7. Cart page: Checkout orange ========== */
.opekx-checkout,
.opekx-checkout button,
.opekx-checkout .s-button-element {
  background-color: #f97316 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  min-height: 50px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.opekx-checkout { display: block !important; width: 100% !important; }

/* ========== 8. Free shipping truck bar ========== */
#opekx-ship { margin: 18px 0 14px; }
#opekx-ship .ship-text { font-size: 13px; color: #333; margin-bottom: 26px; text-align: center; }
#opekx-ship .ship-track { position: relative; height: 8px; background: #eee; border-radius: 99px; }
#opekx-ship .ship-fill { height: 100%; width: 0; background: #f97316; border-radius: 99px; transition: width .8s ease; }
#opekx-ship .ship-truck {
  position: absolute; top: -20px; left: 0;
  transition: left .8s ease;
  animation: opekx-bob .5s ease-in-out infinite;
}
#opekx-ship .wheel { animation: opekx-spin .6s linear infinite; transform-origin: 0 0; }
@keyframes opekx-spin { to { transform: rotate(360deg); } }
@keyframes opekx-bob { 50% { transform: translateY(-1.5px); } }

/* ========== 9. Discount code ========== */
#opekx-coupon { margin: 12px 0; }
#opekx-coupon .row { display: flex; }
#opekx-coupon input {
  flex: 1; min-width: 0; padding: 12px; font-size: 14px;
  border: 1px solid #ccc; border-radius: 10px 0 0 10px; outline: none; background: #fff; color: #111;
}
#opekx-coupon button {
  padding: 0 18px; border: none; background: #111; color: #fff;
  font-weight: 700; border-radius: 0 10px 10px 0; cursor: pointer;
}
#opekx-coupon .msg { font-size: 12px; margin-top: 6px; color: #b91c1c; }

/* ========== 10. VAT note, Continue shopping, payment icons ========== */
#opekx-vat { font-size: 12px; color: #777; margin-top: 2px; }
#opekx-after { text-align: center; }
#opekx-after .continue {
  display: inline-block; margin: 14px 0 4px; font-size: 14px;
  color: #111 !important; text-decoration: underline;
}
#opekx-pay { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eee; }
#opekx-pay .pay-label { font-size: 12px; color: #666; margin-bottom: 10px; }
#opekx-pay .icons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; }
#opekx-pay img { height: 22px; width: auto; max-width: 56px; object-fit: contain; }






/* ===== 1. Gallery: same size, na crop na zoom ===== */
[id^="details-slider-"] .swiper-slide {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
[id^="details-slider-"] .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}

/* ===== 2. Description: full width, white bg, black text, poori dikhe ===== */
[data-testid="store-product-description"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 40px !important;
  padding: 24px !important;
  background: #fff !important;
  color: #000 !important;
  border-radius: 12px;
}
[data-testid="store-product-description"]::before {
  content: "Product Overview";
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #000 !important;
}
[data-testid="store-product-description"] *:not(img):not(svg):not(svg *) {
  color: #000 !important;
  background-color: transparent !important;
}
[data-testid="store-product-description"] img { max-width: 100%; height: auto; }
[data-testid="store-product-description"] table { width: 100%; max-width: 100%; }
[data-testid="store-product-description"] table tr:nth-child(even) td,
[data-testid="store-product-description"] table tr:nth-child(even) th {
  background-color: #f5f5f5 !important;
}
[data-testid="store-product-description"],
[data-testid="store-product-description"] * {
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
[data-testid="store-product-description"] article,
[data-testid="store-product-description"] > div {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

/* ===== 3. Add to cart: orange ===== */
salla-add-product-button button,
salla-add-product-button .s-button-element {
  background-color: #f97316 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* ===== 4. Quantity box: dark ===== */
salla-quantity-input .s-quantity-input-container,
salla-quantity-input input,
salla-quantity-input button {
  color: #111 !important;
  border-color: #111 !important;
  opacity: 1 !important;
}
salla-quantity-input input { font-weight: 700 !important; }
salla-quantity-input button svg,
salla-quantity-input button i {
  color: #111 !important;
  fill: #111 !important;
  stroke: #111 !important;
}

/* ===== 5. Product cards: hover par naam/price safed na hon ===== */
.s-product-card-entry:hover { background: #fff !important; }
.s-product-card-entry:hover .s-product-card-content-title,
.s-product-card-entry:hover .s-product-card-content-title a {
  color: #1f2937 !important;
  opacity: 1 !important;
}
.s-product-card-entry:hover .s-product-card-content-sub,
.s-product-card-entry:hover .s-product-card-content-sub * { opacity: 1 !important; }
.s-product-card-entry:hover .s-product-card-image img {
  opacity: 1 !important;
  filter: none !important;
}

/* ===== 6. Mobile: checkout bar footer ke upar rahe ===== */
.cart-submit-wrap,
[class*="cart-submit"] { z-index: 9999 !important; }
footer, .store-footer { position: relative !important; z-index: 1 !important; }
@media (max-width: 768px) {
  footer, .store-footer { padding-bottom: 140px !important; }
}

/* ===== 7. Checkout: orange button ===== */
.opekx-checkout,
.opekx-checkout button,
.opekx-checkout .s-button-element {
  background-color: #f97316 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  min-height: 50px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.opekx-checkout { display: block !important; width: 100% !important; }

/* ===== 8. Free shipping truck bar ===== */
#opekx-ship { margin: 18px 0 14px; }
#opekx-ship .ship-text {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #111 !important;
  text-align: center;
  min-height: 24px;
  margin-bottom: 30px !important;
  letter-spacing: .2px;
}
#opekx-ship .ship-text.typing::after {
  content: "|";
  margin-left: 2px;
  animation: opekx-blink .6s steps(1) infinite;
}
@keyframes opekx-blink { 50% { opacity: 0; } }

#opekx-ship .ship-track {
  position: relative;
  height: 8px;
  background: #dbeafe !important;
  border-radius: 99px;
}
#opekx-ship .ship-fill {
  height: 100%;
  width: 0;
  background: #1e3a8a !important;
  border-radius: 99px;
  transition: width 2.2s cubic-bezier(.4, 0, .2, 1) !important;
}
#opekx-ship .ship-truck {
  position: absolute;
  top: -20px;
  left: 0;
  line-height: 0;
  transition: left 2.2s cubic-bezier(.4, 0, .2, 1) !important;
}
#opekx-ship .ship-truck .t-body  { fill: #f97316 !important; }
#opekx-ship .ship-truck .t-cab   { fill: #1e3a8a !important; }
#opekx-ship .ship-truck .t-win   { fill: #dbeafe !important; }
#opekx-ship .ship-truck .t-spoke { fill: #fff !important; }
#opekx-ship .wheel { transform-origin: 0 0; }
#opekx-ship.moving .wheel { animation: opekx-spin .5s linear infinite !important; }
#opekx-ship.moving .ship-truck { animation: opekx-bob .4s ease-in-out infinite !important; }
#opekx-ship:not(.moving) .wheel,
#opekx-ship:not(.moving) .ship-truck { animation: none !important; }
@keyframes opekx-spin { to { transform: rotate(360deg); } }
@keyframes opekx-bob { 50% { transform: translateY(-1.5px); } }

/* ===== 9. Total aur VAT ===== */
.opekx-total-row { font-size: 22px !important; font-weight: 800 !important; color: #111 !important; }
.opekx-total-row * { font-weight: 800 !important; color: #111 !important; }
#opekx-vat {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #555 !important;
  margin: 4px 0 10px !important;
  box-sizing: border-box;
}

/* ===== 10. Discount code ===== */
#opekx-coupon { margin: 12px 0; }
#opekx-coupon .row { display: flex; }
#opekx-coupon input {
  flex: 1; min-width: 0; padding: 12px; font-size: 14px;
  border: 1px solid #ccc; border-radius: 10px 0 0 10px; outline: none; background: #fff; color: #111;
}
#opekx-coupon button {
  padding: 0 18px; border: none; background: #111; color: #fff;
  font-weight: 700; border-radius: 0 10px 10px 0; cursor: pointer;
}
#opekx-coupon .msg { font-size: 12px; margin-top: 6px; color: #b91c1c; }

/* ===== 11. Continue shopping + payment icons ===== */
#opekx-after { text-align: center; }
#opekx-after .continue {
  display: inline-block; margin: 14px 0 4px; font-size: 14px;
  color: #111 !important; text-decoration: underline;
}
#opekx-pay { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eee; }
#opekx-pay .pay-label { font-size: 12px; color: #666; margin-bottom: 10px; }
#opekx-pay .icons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; }
#opekx-pay img { height: 22px; width: auto; max-width: 56px; object-fit: contain; }


/* Product cards: jagah reserve, loading ke waqt aadhe na dikhein */
.s-product-card-image {
  aspect-ratio: 1 / 1;
  background: #f3f4f6;
}
.s-product-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.s-product-card-entry {
  transition: opacity .35s ease;
}
.s-product-card-entry:not(.opekx-ready) {
  opacity: 0;
  /* Agar JS na chale to 2.5 second baad card khud dikh jayega */
  animation: opekx-failsafe 0s linear 2.5s forwards;
}
@keyframes opekx-failsafe { to { opacity: 1; } }





/* ===== Loading splash: safed blur + ghoomta logo ===== */
#opekx-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 1;
  transition: opacity .45s ease;
}
#opekx-loader.hide {
  opacity: 0;
  pointer-events: none;
}
#opekx-loader .spin-wrap {
  perspective: 700px;
}
#opekx-loader img {
  display: block;
  width: 140px;
  max-width: 45vw;
  height: auto;
  animation: opekx-flip 1.4s linear infinite;
}
#opekx-loader .logo-text {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #1e3a8a;
  animation: opekx-flip 1.4s linear infinite;
}
@keyframes opekx-flip {
  from { transform: rotateY(0deg); }
  to   { transform: rotateY(360deg); }
}














/* (removed) :root{--color-primary:#000} - ye pehle se kaam nahi kar raha tha, isliye behavior same rakhne ke liye hataya */

salla-mini-checkout-widget {
  --color-primary: #000000;
}





.product-payments {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}


/* Payment icons: mobile */
footer salla-payments,
footer .s-payments {
  display: block !important;
  width: 100% !important;
}

footer .s-payments-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer .s-payments-list-item {
  margin: 0 !important;
}

footer .s-payments-list-item img {
  height: 32px !important;
  width: auto !important;
}

/* Copyright aur icons ko mobile par upar-neeche center karna */
@media (max-width: 767px) {
  footer div:has(> salla-payments),
  footer div:has(> .s-payments) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
    padding-bottom: 80px !important; /* scroll-up button se na takraye */
  }
}


.opx-policy ul{margin:0 0 12px !important;padding:0 !important;list-style:none !important}
.opx-policy ul li{position:relative;padding-inline-start:22px !important;margin-bottom:6px;list-style:none !important}
.opx-policy ul li::marker{content:"" !important;font-size:0 !important}
.opx-policy ul li:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--orange)}


/* Text par chalta hua orange-white shimmer */
.opx-announce {
  display: inline-block;
  font-weight: 700;
  letter-spacing: .5px;
  background: linear-gradient(90deg, #fff 0%, #fff 35%, #ff6a00 50%, #fff 65%, #fff 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: opxShimmer 3.5s linear infinite, opxFadeIn .8s ease both;
}

@keyframes opxShimmer {
  0%   { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@keyframes opxFadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .opx-announce { animation: none; -webkit-text-fill-color: #fff; color: #fff; background: none; }
}



/* ===== Customer Reviews: OPEKX blue + orange ===== */
.s-block--testimonials {
  background: linear-gradient(180deg, #f4f6ff 0%, #ffffff 100%);
  padding-block: 40px !important;
  border-radius: 20px;
  overflow: hidden;
}

/* Heading ke neeche orange line */
.s-block--testimonials h2,
.s-block--testimonials .s-slider-block__title h2 {
  position: relative;
  color: #0b1450;
  font-weight: 800;
  padding-bottom: 12px;
}
.s-block--testimonials h2::after,
.s-block--testimonials .s-slider-block__title h2::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 90px;
  height: 4px;
  border-radius: 4px;
  background: #ff6a00;
  transform-origin: left center;
  animation: opxLine 2.4s ease-in-out infinite alternate;
}
[dir="rtl"] .s-block--testimonials h2::after,
[dir="rtl"] .s-block--testimonials .s-slider-block__title h2::after { transform-origin: right center; }
@keyframes opxLine {
  from { transform: scaleX(.4); }
  to   { transform: scaleX(1); }
}

/* Side wale (inactive) cards halke aur chhote */
.s-block--testimonials .swiper-slide {
  transition: transform .5s ease, opacity .5s ease, box-shadow .5s ease;
  opacity: .55;
  transform: scale(.94);
  border-radius: 18px;
  border-top: 4px solid transparent;
}
.s-block--testimonials .swiper-slide img {
  border: 3px solid transparent;
  box-sizing: border-box;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Beech wala (active) card highlight */
.s-block--testimonials .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  background: #fff !important;
  border-top: 4px solid #ff6a00;
  box-shadow: 0 16px 40px rgba(11, 20, 80, .14);
  position: relative;
}

/* Bara quote mark */
.s-block--testimonials .swiper-slide-active::before {
  content: "\201C";
  position: absolute;
  top: 6px;
  inset-inline-end: 22px;
  font-size: 90px;
  line-height: 1;
  font-family: Georgia, serif;
  color: #ff6a00;
  opacity: .18;
  pointer-events: none;
}

/* Customer ki photo par orange ring + halka float */
.s-block--testimonials .swiper-slide-active img {
  border: 3px solid #ff6a00;
  box-shadow: 0 0 0 5px rgba(255, 106, 0, .15);
  animation: opxFloat 3.5s ease-in-out infinite;
}
@keyframes opxFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}

/* Stars: ek ek kar ke pop hon */
.s-block--testimonials .swiper-slide-active [class*="star"] {
  color: #ffb400;
  display: inline-block;
  animation: opxStar .6s ease both;
}
.s-block--testimonials .swiper-slide-active [class*="star"]:nth-child(1) { animation-delay: .05s; }
.s-block--testimonials .swiper-slide-active [class*="star"]:nth-child(2) { animation-delay: .15s; }
.s-block--testimonials .swiper-slide-active [class*="star"]:nth-child(3) { animation-delay: .25s; }
.s-block--testimonials .swiper-slide-active [class*="star"]:nth-child(4) { animation-delay: .35s; }
.s-block--testimonials .swiper-slide-active [class*="star"]:nth-child(5) { animation-delay: .45s; }
@keyframes opxStar {
  0%   { transform: scale(0) rotate(-40deg); opacity: 0; }
  70%  { transform: scale(1.3) rotate(8deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}

/* Arrows: orange hover */
.s-block--testimonials .swiper-button-next,
.s-block--testimonials .swiper-button-prev,
.s-block--testimonials [class*="slider-nav"] button {
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.s-block--testimonials .swiper-button-next:hover,
.s-block--testimonials .swiper-button-prev:hover,
.s-block--testimonials [class*="slider-nav"] button:hover {
  background: #ff6a00 !important;
  color: #fff !important;
  transform: scale(1.1);
}

/* Mobile par scale effect halka */
@media (max-width: 767px) {
  .s-block--testimonials .swiper-slide { opacity: 1; transform: none; }
}

/* Jin ko animation pasand nahi un ke liye */
@media (prefers-reduced-motion: reduce) {
  .s-block--testimonials * { animation: none !important; transition: none !important; }
}




[class*="read-more"],
[class*="readmore"],
[class*="show-more"] {
    display: none !important;
}






@media (max-width: 767px) {
  /* Card ki andar ki spacing kam */
  .s-products-slider-card .s-product-card-content {
    padding: 8px !important;
  }

  /* Image area chhota aur square */
  .s-products-slider-card .s-product-card-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    padding: 6px !important;
  }
  .s-products-slider-card .s-product-card-image a {
    display: block !important;
    height: 100% !important;
  }
  .s-products-slider-card .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* Title sirf 2 lines, chhota font */
  .s-products-slider-card .s-product-card-content-title,
  .s-products-slider-card .s-product-card-content-title a {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
  .s-products-slider-card .s-product-card-content-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
  }

  /* Price chhota */
  .s-products-slider-card .s-product-card-price,
  .s-products-slider-card .s-product-card-sale-price {
    font-size: 13px !important;
  }

  /* Add to cart button chhota */
  .s-products-slider-card .s-product-card-content-footer button,
  .s-products-slider-card .s-product-card-content-footer .s-button-element {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
  }
}





/*  orange border (sliders, category pages, search sab par) */
custom-salla-product-card.s-product-card-entry {
  border: 1.5px solid #FF6B00 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow .25s ease, transform .25s ease;
}

/* Hover par halki glow (sirf desktop par) */
@media (hover: hover) {
  custom-salla-product-card.s-product-card-entry:hover {
    box-shadow: 0 6px 18px rgba(255, 107, 0, .25) !important;
    transform: translateY(-2px);
  }
}

/* Mobile par border thori patli */
@media (max-width: 767px) {
  custom-salla-product-card.s-product-card-entry {
    border-width: 1.2px !important;
    border-radius: 10px !important;
  }
}


/* Purana footer pehle hi chhupa do (naya banne tak) */
footer.store-footer:not([data-opx-hidden]),
.store-footer:not([data-opx-hidden]){visibility:hidden;height:0;overflow:hidden;animation:opxFooterShow 0s linear 4s forwards}
@keyframes opxFooterShow{to{visibility:visible;height:auto;overflow:visible}}



html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip !important;
  }
}

body {
  position: relative;
}

img,
video,
iframe,
table {
  max-width: 100%;
}