/** Shopify CDN: Minification failed

Line 141:0 Unexpected "{"
Line 141:1 Expected identifier but found "%"
Line 217:14 Expected identifier but found whitespace
Line 217:16 Unexpected "{"
Line 217:26 Expected ":"
Line 217:52 Expected ":"
Line 220:2 Unexpected "{"
Line 220:3 Expected identifier but found "%"
Line 225:2 Unexpected "{"
Line 225:3 Expected identifier but found "%"
... and 20 more hidden warnings

**/
div#CollectionSection-template--16820226523208__custom_best_seller_section {
    margin: 80px 0;
}

/* Custom circular badge ko retain rakhne ke liye aur default/app icons ko hide karne ke liye */
.siroy-bestseller-wrap .grid-product__secondary-image ~ button,
.siroy-bestseller-wrap [class*="wishlist"]:not(.siroy-heart-badge),
.siroy-bestseller-wrap [class*="heart"]:not(.siroy-heart-badge),
.siroy-bestseller-wrap [id*="wishlist"],
.siroy-bestseller-wrap .swym-button,
.siroy-bestseller-wrap .swym-wishlist-button-bar,
.siroy-bestseller-wrap .wk-button,
.siroy-bestseller-wrap .smartwishlist {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 80% WIDTH DESKTOP CONTAINER */
  .siroy-container {
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* MOBILE VIEW ME 92% TA-KI CARDS BOHOT CHHOTE NA HO */
  @media screen and (max-width: 768px) {
    .siroy-container {
      width: 92% !important;
      max-width: 92% !important;
      padding: 0 !important;
    }

    .siroy-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px 10px;
    }

    .siroy-title {
      font-size: 24px;
    }

    .siroy-fav-button {
      width: 32px !important;
      height: 32px !important;
      top: 10px !important;
      right: 10px !important;
    }

    .siroy-fav-button svg {
      width: 15px !important;
      height: 15px !important;
    }

    .siroy-prod-name {
      font-size: 14px;
    }

    .siroy-variant-line {
      font-size: 11px;
    }

    .siroy-tag-line {
      font-size: 10px;
    }

    .siroy-current-price {
      font-size: 13.5px;
    }
  }

 .site-header.is-scrolled, .header-wrapper.is-scrolled .site-header {
    background: black;
}

/* Header and Sticky Wrapper Highest Priority */
.shopify-section-group-header-group,
.site-header,
.site-header.is-scrolled,
.header-wrapper.is-scrolled .site-header {
  z-index: 99999 !important;
}

.site-header__logo,
#LogoContainer {
  position: relative !important;
  z-index: 100000 !important;
}

/* Card container boundary strictly locked */
.siroy-item-card {
  position: relative !important;
  z-index: 1 !important;
}

.siroy-thumb-box {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1.35 !important;
  overflow: hidden !important; /* Bahar nikalne se rokega */
  z-index: 1 !important;
}

/* Button sirf apne card image ke top-right me rahega, header par nahi chadhega */
.siroy-fav-button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  z-index: 10 !important;
  margin: 0 !important;
}

.siroy-fav-button svg {
  width: 16px !important;
  height: 16px !important;
}


{%- style -%}
  /* TRANSLUCENT LUXURY BORDER ON TOP */
  #SiteHeader,
  .site-header,
  .site-header.site-header--heading-style,
  .header-wrapper .site-header,
  .header-wrapper--overlay .site-header,
  .header-wrapper--overlay .site-header:not(.site-header--stuck) {
    height: auto !important;
    min-height: unset !important;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
    transition: border-color 0.25s ease, background 0.3s ease;
  }

  /* SCROLL KARTE HI BORDER HAT JAYEGA */
  #SiteHeader.is-scrolled,
  .site-header.is-scrolled,
  .header-wrapper.is-scrolled .site-header,
  .header-wrapper.is-scrolled #SiteHeader,
  .site-header--stuck {
    border-bottom: 1px solid transparent !important;
    border-bottom-color: transparent !important;
  }

  /* --- ALL HEADER ELEMENTS COLOR WHITE LOCK --- */
  .site-header,
  .site-header a,
  .site-header button,
  .site-header span,
  .site-header svg,
  .siroy-menu-trigger-btn,
  .siroy-menu-label,
  .site-header__logo-text,
  .site-header__logo-link,
  .site-nav__link,
  .site-header__icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff;
  }

  /* HAMBURGER + NEW IN WRAPPER & STYLING */
  .siroy-menu-trigger-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .siroy-menu-trigger-btn .icon-hamburger {
    width: 20px !important;
    height: 20px !important;
    fill: #ffffff !important;
  }

  .siroy-menu-label {
    font-family: 'Inter', Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .site-nav__link,
  .site-nav__dropdown-link {
    font-size: {{ settings.type_navigation_size }}px;
  }

  {%- if settings.type_navigation_size < 18 -%}
    .site-nav__link {
      padding-left: 8px;
      padding-right: 8px;
    }
  {%- endif -%}

  /* DYNAMIC LOGO TEXT STYLING */
  .site-header__logo-text {
    font-family: {{ section.settings.header_logo_font_family }};
    font-size: {{ section.settings.header_logo_font_size }}px;
    text-transform: {{ section.settings.header_logo_text_transform }};
    color: #ffffff !important;
    letter-spacing: {{ section.settings.header_logo_letter_spacing }}px;
    line-height: 1.1;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
  }

  .site-header__logo-link {
    text-decoration: none;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
  }

  @media screen and (max-width: 768px) {
    .site-header {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .site-header__logo-text {
      font-size: {{ section.settings.header_logo_font_size_mobile }}px;
    }
    .siroy-menu-label {
      font-size: 10px !important;
      letter-spacing: 0.14em !important;
    }
  }
{%- endstyle -%}


#shopify-section-sections--16820227276872__custom_footer_87Htr3 footer{
      margin-top: 0!important;
}

a#collectionbtn-template--16820226523208__collection_callout_ALGYNp {
    background: white;
    border: 1px solid black;
    color: black;
}


@media screen and (max-width: 768px) {
  /* 1. Sabhi sub-menus ko default mobile view mein hide rakhein */
  .siroy-gm-dd,
  .gm-sub-menu {
    display: none !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    padding-left: 16px !important;
  }

  /* 2. Jab bhi parent item par 'is-open' (ya active/open) class aaye, sub-menu khul jaye */
  .gm-item.siroy-has-dd.is-open > .siroy-gm-dd,
  .gm-item.is-open > .gm-sub-menu,
  .gm-item.active > .gm-sub-menu,
  li.is-open > ul {
    display: block !important;
  }
}