/** Shopify CDN: Minification failed

Line 208:0 Unexpected "<"
Line 232:0 Unexpected "<"

**/

@media (min-width: 768px) {
  /* هم خود باکس زیرمنو */
  .dt-nav > li > .sub-menu-block {
    min-width: 260px !important;
  }

  /* لینک‌های داخل زیرمنو */
  .dt-nav > li > .sub-menu-block a {
    display: block !important;
    width: auto !important;
    min-width: 260px !important;
    white-space: normal !important;
  }

  .dt-nav > li > .sub-menu-block a span {
    white-space: normal !important;
  }
}
/* Cleansing Foam - دکمه دقیقاً زیر عنوان و بالاتر */
#shopify-section-template--27568409805138__home_specification_block_J4zeXJ
.dt-sc-grid-banner-inner.text-center h1,
#shopify-section-template--27568409805138__home_specification_block_J4zeXJ
.dt-sc-grid-banner-inner.text-center h2{
  margin-bottom: 6px !important;
}

#shopify-section-template--27568409805138__home_specification_block_J4zeXJ
.dt-sc-grid-banner-inner.text-center a.dt-sc-btn{
  position: relative !important;
  top: -45px !important;   /* این عدد را تغییر بده */
  margin-top: 0 !important;
}
/* ==============================
   MOBILE – center product image
   ============================== */
@media (max-width: 749px){

  /* گالری اصلی */
  .template-product .product_images_length,
  .template-product .product-gallery,
  .template-product .product-gallery * {
    box-sizing: border-box;
  }

  /* wrapper اصلی اسلایدر */
  .template-product .dt-sc-product-single-wrapper,
  .template-product .dt-sc-product-single-wrapper.zoom-img-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* اسلاید swiper */
  .template-product .swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* خود تصویر */
  img.product-item-img,
  img.product-item-img.zoom-img {
    display: block !important;
    margin: 0 auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* قانون width:100% swiper رو خنثی کن */
  .swiper-container .swiper-slide img {
    width: auto !important;
  }
}
@media (max-width: 749px){
  .template-product .swiper-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Mobile header icons: same size + same row */
@media (max-width: 749px) {

  /* container that holds icons (try to catch most themes) */
  header .header__icons,
  header .site-header__links,
  header .header__links,
  header .header-icons,
  header .icon-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  /* every icon link */
  header .header__icon,
  header .site-header__links a,
  header .header__icons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    height: auto !important;
  }

  /* svg + img icons all equal */
  header svg,
  header img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  /* force account icon not to drop lower / bigger */
  header a[href*="account"],
  header .account,
  header .account-icon,
  header .header__customer-account {
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    margin-top: 0 !important;
    align-self: center !important;
  }
}
/* ==============================
   MOBILE HEADER ICONS (clean + equal)
   ============================== */
@media (max-width: 749px){

  /* container of icons (your theme uses site-header__links a lot) */
  header .site-header__links,
  header .header__icons,
  header .header__links,
  header .header-icons{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
  }

  /* each icon item */
  header .site-header__links a,
  header .header__icons a{
    position: relative !important;      /* for the badge */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* only icons inside the icon links (NOT all header svgs) */
  header .site-header__links a svg,
  header .site-header__links a img,
  header .header__icons a svg,
  header .header__icons a img{
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: block !important;
  }

  /* badges: cart + wishlist (from your DevTools: span.count.CartCount / span.count.dt-wishlist-cnt) */
  header .site-header__links a .count.CartCount,
  header .site-header__links a .count.dt-wishlist-cnt,
  header .header__icons a .count.CartCount,
  header .header__icons a .count.dt-wishlist-cnt{
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 16px !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #ff4f93 !important;
    border: 1px solid rgba(0,0,0,.08) !important;
  }

  /* OPTIONAL: hide badge when 0 (your cart link has data-cart_item_count) */
  header a[data-cart_item_count="0"] .count.CartCount{ display:none !important; }
  header a[data-count="0"] .count.dt-wishlist-cnt{ display:none !important; } /* اگر تم‌ات این attribute رو داشت */
}
<style>
.jdgm-preview-badge {
  margin: 6px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.jdgm-star {
  font-size: 15px !important;
}

.jdgm-prev-badge__text {
  font-weight: 700 !important;
  font-size: 13px !important;
  opacity: 0.75 !important;
}

.jdgm-rev-widg {
  border-radius: 22px !important;
  padding: 24px !important;
  background: #fff !important;
  box-shadow: 0 15px 40px rgba(0,0,0,.06) !important;
}
</style>