/** Shopify CDN: Minification failed

Line 462:0 Expected "}" to go with "{"

**/
/* =========================================================
   SwiftMart™ – FINAL PRICE FIX (Expanse)
   Paste at the VERY END of custom-swiftmart.css
   هدف: ټول Cards کې price یو شان 3D badge شي + duplicate price ختم
   ========================================================= */

/* 0) Price wrappers: هیڅ باکس/شېډو دې په wrapper کې نه وي */
.grid-product__price,
.product__price,
.product-single__price,
.price,
.price__pricing-group,
.price__regular,
.price__sale,
.cart__price,
.product-item__price{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

/* 1) Layout: "from" + price باید تل یو line کې ښکاره شي */
.grid-product__price,
.product__price,
.product-single__price,
.price__pricing-group{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* 2) YOUR REAL PRICE BADGE (sm-price) – همدا 1 قیمت ښکلې کړه */
.money.sm-price{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 14px !important;
  min-height: 40px !important;

  border-radius: 14px !important;
  font-weight: 950 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;

  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.9) !important;

  color: #0b0d10 !important;

  transition: transform .20s ease, box-shadow .20s ease !important;
}

/* Hover */
.grid-product__link:hover .money.sm-price,
.product-grid a:hover .money.sm-price{
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* 3) "from" label تل یو شان */
.grid-product__price .from,
.grid-product__price .price__from,
.price__from,
.price__prefix{
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12px !important;
  opacity: .70 !important;
  font-weight: 800 !important;
  margin-right: 2px !important;
  color: #0b0d10 !important;
}

/* 4) Compare / Old price: ساده strike-through (نه باکس) */
.price__compare,
.price__was,
.price__previous,
.compare-at-price,
.price--compare,
.price-item--regular.price-item--compare{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  opacity: .55 !important;
  text-decoration: line-through !important;
  font-weight: 800 !important;
}

/* 5) % OFF / SALE badge ختم (لکه ستا د Aurora مثال کې نه غواړي) */
.badge,
.sale-badge,
.product__badge,
.price__badge,
.badge--sale,
.badge--discount,
[class*="percent"],
[class*="discount"]{
  display: none !important;
}

/* 6) Mobile */
@media (max-width: 768px){
  .money.sm-price{
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    min-height: 36px !important;
  }
}
/* =========================================================
   SwiftMart™ – FINAL PRICE OVERRIDE (SAFE)
   Paste at END of assets/custom-swiftmart.css
   Goal: make ALL cards same + hide %OFF badge
   ========================================================= */

/* 1) HIDE % OFF / SALE badges everywhere */
.badge,
.badge--sale,
.badge--discount,
.sale-badge,
.product__badge,
.price__badge,
.price-badge,
.discount-badge,
[class*="percent"],
[class*="discount"]{
  display: none !important;
}

/* 2) Make all price wrappers clean (remove any old box styles) */
.grid-product__price,
.product__price,
.product-single__price,
.price,
.price__pricing-group,
.cart__price,
.product-item__price{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 3) STYLE the REAL price text everywhere (even if it doesn't have sm-price) */
.grid-product__price .money,
.product__price .money,
.product-single__price .money,
.price .money,
.price__pricing-group .money,
.cart__price .money,
.product-item__price .money,
.money.sm-price{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 14px !important;
  min-height: 40px !important;

  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;

  color: #0b0d10 !important;
  transition: transform .20s ease, box-shadow .20s ease !important;
}

/* 4) Fix "from" label layout everywhere */
.grid-product__price .from,
.grid-product__price .price__from,
.product__price .from,
.product__price .price__from,
.price .from,
.price .price__from,
.price__from,
.price__prefix{
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  opacity: .72 !important;
  margin-right: 6px !important;
  color: #0b0d10 !important;
}

/* 5) Compare-at / old price clean */
.price__compare,
.price__was,
.price__previous,
.compare-at-price,
.price--compare,
.price-item--regular.price-item--compare{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  opacity: .60 !important;
  text-decoration: line-through !important;
  font-weight: 800 !important;
}

/* 6) Hover premium feel */
.grid-product__link:hover .money,
.product-grid a:hover .money{
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* 7) Mobile */
@media (max-width: 768px){
  .grid-product__price .money,
  .product__price .money,
  .price .money,
  .money.sm-price{
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    min-height: 36px !important;
  }
/* ================================
   SwiftMart™ – Category (Collection list) Gift Grid
   Works on Expanse "Collection list / Shop by category"
   Paste at END of custom-swiftmart.css
================================ */

/* Grid spacing */
.collection-grid,
.collection-list,
.collection-grid--6,
.collection-grid--5{
  gap: 18px !important;
}

/* Card base */
.collection-grid-item,
.collection-grid__item,
.collection-list__item,
.collection-item{
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80)) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
  position: relative !important;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* Christmas/Gift shine + small ribbon corner */
.collection-grid-item::before,
.collection-grid__item::before,
.collection-list__item::before,
.collection-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,46,92,.18), transparent 35%),
    radial-gradient(circle at 85% 18%, rgba(0,180,255,.14), transparent 38%),
    linear-gradient(120deg, rgba(255,255,255,.18), transparent 45%);
  pointer-events:none;
}

.collection-grid-item::after,
.collection-grid__item::after,
.collection-list__item::after,
.collection-item::after{
  content:"";
  position:absolute;
  top:14px;
  left:14px;
  width:44px;
  height:44px;
  border-radius: 14px;
  background: rgba(255,47,88,.14);
  border: 1px solid rgba(255,47,88,.28);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  pointer-events:none;
}

/* Hover premium */
.collection-grid-item:hover,
.collection-grid__item:hover,
.collection-list__item:hover,
.collection-item:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.16) !important;
  filter: saturate(1.05);
}

/* Image area: keep centered and clean */
.collection-grid-item img,
.collection-grid__item img,
.collection-list__item img,
.collection-item img{
  width: 100% !important;
  height: 160px !important;
  object-fit: contain !important;
  padding: 18px !important;
  background: rgba(255,255,255,.55) !important;
}

/* Title styling */
.collection-grid-item .collection-item__title,
.collection-grid__item .collection-item__title,
.collection-list__item .collection-item__title,
.collection-item .collection-item__title,
.collection-grid-item h3,
.collection-grid__item h3{
  margin: 10px 12px 16px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* Mobile: 2 columns nice */
@media (max-width: 768px){
  .collection-grid,
  .collection-list{
    gap: 12px !important;
  }
  .collection-grid-item img,
  .collection-grid__item img,
  .collection-list__item img,
  .collection-item img{
    height: 130px !important;
    padding: 14px !important;
  }
}
/* =========================================================
   SwiftMart™ – SHOP BY CATEGORY (Gift / Christmas Grid)
   Theme: Expanse
   Works: Desktop + Mobile
   ========================================================= */

/* SECTION WRAPPER */
.collection-list,
.collection-list__grid,
.collection-list-wrapper{
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 22px !important;
  margin-top: 30px !important;
}

/* CATEGORY CARD */
.collection-list__item,
.collection-grid-item{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.96),
    rgba(245,247,250,.96)
  ) !important;

  border-radius: 22px !important;
  padding: 18px 16px 20px !important;
  text-align: center !important;

  box-shadow:
    0 18px 40px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;

  transition: transform .35s ease, box-shadow .35s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* CHRISTMAS GLOW */
.collection-list__item::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  background:
    radial-gradient(circle at top,
    rgba(255,215,130,.35),
    transparent 60%);
  opacity: .7;
  pointer-events: none;
}

/* IMAGE */
.collection-list__item img,
.collection-grid-item img{
  max-width: 92px !important;
  margin: 6px auto 14px !important;
  display: block !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
  transition: transform .35s ease !important;
}

/* TITLE */
.collection-list__item h3,
.collection-grid-item h3{
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: #141821 !important;
  margin: 0 !important;
}

/* HOVER EFFECT */
.collection-list__item:hover,
.collection-grid-item:hover{
  transform: translateY(-6px) scale(1.03) !important;
  box-shadow:
    0 28px 60px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

.collection-list__item:hover img,
.collection-grid-item:hover img{
  transform: scale(1.08) !important;
}

/* ---------------- MOBILE ---------------- */
@media (max-width: 1024px){
  .collection-list,
  .collection-list__grid{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 640px){
  .collection-list,
  .collection-list__grid{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .collection-list__item img{
    max-width: 78px !important;
  }
}
