/** Shopify CDN: Minification failed

Line 770:0 Unexpected "}"

**/


#shopify-section-template--22404192207078__main h1.prd-block-name.mt-product-global {
    text-align: left !important;
}
#shopify-section-template--22404192174310__main {
    padding: 30px 0px;
}




/* Sirf Collection Page par Breadcrumbs ko top se 60px space dene ke liye */
body.template-collection .breadcrumbs-wrap,
body.template-collection [data-async-reload="breadcrumbs"] {
  margin-top: 30px !important;
}


.hdr-second-nav {
    display: none !important;
}


.holder.mt-global.to-upper {
    margin-top: 0px !important;
}


/* Home page ke ilawa baqi sary pages par icons aur text black karne ke liye */
body:not(.template-index) #shopify-section-header,
body:not(.template-index) .hdr-wrap {
  --header-global-link-color: #000000 !important;
  --header-global-link-hover-color: #22292f !important;
}

/* Base header link and icon overrides */
body:not(.template-index) .hdr-wrap .dropdn-link,
body:not(.template-index) .hdr-wrap .dropdn-link * {
  color: #000000 !important;
}

/* Pure SVG fill aur stroke force-black karne ke liye */
body:not(.template-index) .hdr-wrap svg.lumia-icon,
body:not(.template-index) .hdr-wrap svg.lumia-icon path,
body:not(.template-index) .hdr-wrap svg.lumia-icon g,
body:not(.template-index) .hdr-wrap svg.lumia-icon circle {
  fill: #000000 !important;
  stroke: none !important;
}

/* Hamburger, Search, Cart, Account aur Wishlist target */
body:not(.template-index) .calibre-burger-wrap svg path,
body:not(.template-index) .calibre-search-wrap svg path,
body:not(.template-index) .calibre-account-wrap svg path,
body:not(.template-index) .calibre-wishlist-wrap svg path,
body:not(.template-index) .calibre-cart-wrap svg path {
  fill: #000000 !important;
}

/* Background transparent ke liye */
body:not(.template-index) .calibre-custom-hdr,
body:not(.template-index) .hdr-content {
  background-color: transparent !important;
}

/* White Logo ko baqi pages par Pure Black karne ke liye */
body:not(.template-index) .calibre-direct-logo-img {
  filter: brightness(0) !important;
}

.hdr.hdr--reversed-menu-icon.calibre-custom-hdr {
    border-bottom: 0px !important;
    position: absolute !important;
    width: 100% !important;
}



/* -----------------------------------------------  */

.prd-block-info.prd-block-info--style2 {
    position: sticky !important;
    top: 30px !important;
        margin-top: 130px;
}


/* Purana 'Menu' text hide karne ke liye */
.dropdn-modal-slide-title[data-tab="tabMenu"] {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Text ki jagah Logo Image dikhane ke liye */
.dropdn-modal-slide-title[data-tab="tabMenu"]::after {
    content: "";
    display: inline-block;
    width: 130px; /* Logo ki width adjust karein */
    height: 45px; /* Logo ki height adjust karein */
    background-image: url("/cdn/shop/files/logo.png?v=1658416220");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    filter: invert(1); 
}
.dropdn-modal-slide-title-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    height: 70px;
    /* align-items: center; */
}
.calibre-icon-wrap.calibre-wishlist-wrap.calibre-desktop-only {
    display: none !important;
}







/* 1. WOFF2 Font File Register Karein */
@font-face {
  font-family: 'Calibre';
  src: url('/cdn/shop/files/Calibre-Regular.woff2?v=1789532314') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 2. Theme CSS Variable Define Karein */
:root {
  --font-body-family: 'Calibre', "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* 3. Entire Store & Body Par Variable Apply Karein */
body,
body * {
  font-family: var(--font-body-family) !important;
}


 /* -------------------header css ----------------------------  */


 .hdr.hdr--reversed-menu-icon.calibre-custom-hdr{
  border-bottom: 0px !important;
 }

.hdr-content.hdr-content-sticky .hdr-logo img {
    max-height: 65px !important;
    width: 65px !important;
    max-width: 65px !important;
}
.hdr-content.hdr-content-sticky .container>.row>* {
    padding: 3px 10px !important;
}

 .mmenu>li .top-level-link {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 300 !important;
}



 @media (max-width: 1465px) {
    .mmenu>li .top-level-link {
        padding: 0px 15px !important;
    }
}



@media (max-width: 1024px){
.prd-block-info.prd-block-info--style2.col-12.col-lg-7 {
    background-color: #ffffff !important;
    border-radius: 15px 15px 0px 0px !important;
    padding-top: 10px;
      margin-top: 0px;
}


        #shopify-section-template--22404192207078__main .col-12.col-lg-5.aside--sticky.js-sticky-collision {
        padding: 0 !important;
        position: sticky;
        top: 0px !important;
    }

        #shopify-section-template--22404192207078__main .col-12.col-lg-5.aside--sticky.js-sticky-collision {
    
        margin-top: 0px !important;
    }
#shopify-section-template--22404192207078__main {
  margin-top: 0px; /* Header ki exact height ke hisab se Adjust karein (e.g., -80px to -120px) */
  position: relative;
  z-index: 1;
}

/* Page header ko image ke upar layer karne ke liye */
.header-wrapper, 
#shopify-section-header, 
header {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 10;
  background: transparent !important;
}



    /* Sirf Home Page aur Product Pages par transparent rahega */
.template-index .hdr-wrap .hdr.hdr-transparent-off,
.template-product .hdr-wrap .hdr.hdr-transparent-off {
    background: transparent !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    border: 0 !important;
}

/* Header text sirf Home aur Product pages par white hoga */
.template-index .hdr-wrap .hdr.hdr-transparent-off .top-level-link,
.template-index .hdr-wrap .hdr.hdr-transparent-off .dropdn-link,
.template-product .hdr-wrap .hdr.hdr-transparent-off .top-level-link,
.template-product .hdr-wrap .hdr.hdr-transparent-off .dropdn-link {
    color: #fff !important;
}

/* Header icons sirf Home aur Product pages par white hongay */
.template-index .hdr-wrap .hdr.hdr-transparent-off svg path,
.template-product .hdr-wrap .hdr.hdr-transparent-off svg path {
    fill: #fff !important;
}

/* Logo positioning */
.template-index .hdr-wrap .hdr.hdr-transparent-off .logo,
.template-product .hdr-wrap .hdr.hdr-transparent-off .logo {
    position: relative;
    z-index: 2;
}

.template-index .hdr-content,
.template-product .hdr-content {
    background-color: transparent !important;
}
    }



 /* -------------------header css ----------------------------  */



 /* ---------------------- hero banner -----------------------------  */


 /* Slider ki image container par position relative set karna */
.swiper-slide .image-container {
  position: relative !important;
}

/* Image ke upar black background overlay create karna */
.swiper-slide .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000; /* Black Color */
  opacity: 0.4; /* Opacity set karein (0.4 = 40% darkness). Aap 0.1 se 0.9 tak adjust kar sakte hain */
  z-index: 1; /* Image ke upar overlay laayein */
  pointer-events: none; /* Mouse clicks pass through ho sakein */
}

 /* ---------------------- hero banner -----------------------------  */




@media (min-width: 1200px) and (max-width: 1465px) {
    .row[class*=_xxl].grid_3_xl, .row[class*=_xxl].grid_4_xl, .row[class*=_xxl].grid_5_xl, .row[class*=_xxl].grid_6_xl {
        --bs-gutter-x: 0.1rem !important;
    }
}
@media (min-width: 1200px) {
    .row:not([class*=_xxl]).grid_3_xl, .row:not([class*=_xxl]).grid_4_xl, .row:not([class*=_xxl]).grid_5_xl, .row:not([class*=_xxl]).grid_6_xl {
        --bs-gutter-x: 0.1rem !important;
    }
}

.has-product-style2 .prd-grid>* {
        margin-top: 20px !important;
    }

@media (max-width: 1024px) {
    .has-product-style2 .prd-grid>* {
        margin-top: 10px !important;
        padding: 1px !important;
    }
}

.filter-row {
    margin: 12px 0 50px !important;
}


.prd.prd--style2 .prd-bot {
    padding: 7px 10px 0 !important;
    align-items: flex-start !important;
}
.prd .prd-price .prd-price-regular {
    color: #000000 !important;
    font-size: 14px !important;
}
.prd.prd--style2 .prd-price:not(:first-child) {
    margin-top: 0px !important;
}


.image-container {
    border-radius: 0px !important;
}
.image-container.ic--ignore-global-round.ic--rd, .image-container.ic--ignore-global-round.ic--img-r img {
    border-radius: 0px !important;
}


.prd-name a {
    font-size: 14px !important;
    font-weight: 400 !important;
        letter-spacing: 0.6px;
            color: #000000 !important;
}


/* Card ke tamam states aur hover par border-radius ko zero (0px) rakhne ke liye */
product-card,
product-card:hover,
product-card .prd-image-wrap,
product-card .prd-image-wrap:hover,
product-card .prd-image,
product-card .prd-image:hover,
product-card img,
product-card:hover img,
product-card .prd-hover {
    border-radius: 0px !important;
}

/* Hover over flow cut-off handle karne ke liye */
product-card .prd-image-wrap {
    overflow: hidden !important;
}






#shopify-section-template--22404191977702__index_product_grid_rtbWeL .holder,
#shopify-section-template--22404191977702__166437656834bb45bd .holder{
    margin-top: 20px !important
}




/* /* -------------------------------  product cadr home page  -----------------------------  */

.swiper-slide .image-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0 !important;
    z-index: 1;
    pointer-events: none;
}

@media(max-width: 767px){
/* Mobile and Desktop - Enforce Single Line Title with Ellipsis */
.prd-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  display: block !important;
}

.prd-name a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

}
@media (max-width: 1024px) {
    .has-product-style2 .prd-grid>* {
        margin-top: -1px !important;
        padding: 1px !important;
    }
}



.prd-grid.row.row-cols-xxs-1.row-cols-2.row-cols-sm-2.row-cols-md-3.row-cols-lg-4.g-3.g-md-4.justify-content-center.col-break-after-4{
    padding: 20px !important;
}

.prd-grid.row .col {
    padding: 0px !important;
}
    

.title-wrap {
      padding: 0px 6px !important;
    text-align: left !important;
}


@media (max-width: 767px){

  .title-wrap {
    padding: 0 0px !important;
    margin-bottom: 28px !important;
}
h3.prd-name {
    line-height: 0.2em;
}

h2.h1-style {
    margin-bottom: 28px !important;
    font-size: 20px !important;
}

}

.title-wrap .h1-style {
      letter-spacing: 1px;
    font-size: 14px !important;
    font-weight: 300 !important;
    
}
/* Base border - sirf top, bottom, left */
product-card.prd,
.prd-grid .prd {
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0 !important;
}

/* Sirf last card ko right border do (carousel ka last child) */
.swiper-wrapper > .swiper-slide:last-child product-card.prd {
  /* border-right: 1px solid #000000 !important; */
}






@media (max-width: 1024px) {
    .prd.prd--hover-off .prd-bot>* {
        display: flex !important;
    }
}



/* Force left alignment for title and price on both desktop and mobile */
.prd-bot, 
.prd-hover, 
.prd-name, 
.prd-price, 
.prd-top {
  text-align: left !important;
  justify-content: flex-start !important;
}

.prd-name a {
  display: block;
  text-align: left !important;
}

.prd-price {
  display: flex !important;
  justify-content: flex-start !important;
}

/* Ensure flex containers align to left on mobile view */
@media (max-width: 767px) {
  .prd-bot, 
  .prd-hover, 
  .prd-name, 
  .prd-price, 
  .prd-top {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}













/* -------------------- footer css ----------------------------------------  */



@media (min-width: 1025px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: Min(var(--container-max-width), calc(100% - 30px));
        max-width: stretch !important;
        padding: 0px 20px !important;
    }
}

/* Footer ke tamaam links ka default aur hover color white rakhne ke liye */
footer.page-footer a,
footer.page-footer .footer-list a,
footer.page-footer .menu-item-wrap a,
footer.page-footer .footer-social a,
footer.page-footer .copyright__content a {
  color: #ffffff !important;
  transition: color 0.3s ease;
}

/* Hover aur focus state par black color overwrite karna */
footer.page-footer a:hover,
footer.page-footer .footer-list a:hover,
footer.page-footer .menu-item-wrap a:hover,
footer.page-footer .footer-social a:hover,
footer.page-footer .copyright__content a:hover,
footer.page-footer a:focus {
  color: #ffffff !important;
  text-decoration: underline; /* Optional: Agar hover par underline dena chahen */
}

/* Social media SVG Icons ke hover fill/stroke ko white par lock karna */
footer.page-footer .footer-social a:hover svg path,
footer.page-footer .footer-social a:hover svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}





/* Title ko hide hone se bachane ke liye styling */
#contact_form .footer-list-title {
  display: block !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
  text-align: left !important;
}

/* Input group ko underline look dene ke liye */
#contact_form .subscribe-footer-input-group {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0px 5px !important;
    justify-content: center;
    max-width: 500px !important;
}

/* Email Input Field */
#contact_form input[type="email"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 8px 100px 8px 0 !important;
  outline: none !important;
  width: 100% !important;
}

/* Placeholder (Your Email) Text */
#contact_form input[type="email"]::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}

/* Subscribe Button */
#contact_form button.btn--subscribe {
  position: absolute !important;
  right: 0 !important;
  bottom: 0px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* Sirf Icon hide hoga, heading show rahegi */
#contact_form .btn-icon {
  display: none !important;
}

/* Focus par line white ho jaye */
#contact_form .subscribe-footer-input-group:focus-within {
  border-bottom-color: #ffffff !important;
}

.footer-content.py-4.py-md-4.py-lg-6 {
    padding-bottom: 0px !important;
}

@media (max-width: 1024px) {
    .footer--style2 .footer-bottom .container>.row>.footer-copyright-wrap {
       
        padding: 0px !important;
    }
        .footer--style2 .footer-bottom .container>.row>.footer-copyright-wrap {
        width: 100%;
    }

    .footer-list {
      
        width: auto !important;
        text-align: left !important;
    }

}




/* ----------------------- footer file css ----------------------  */







/* Base Desktop Styles */
.get-in-touch-title {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.5px !important;
}

.get-in-touch-wrapper .footer-social {
  display: flex !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}

.get-in-touch-wrapper .footer-social svg,
.get-in-touch-wrapper .footer-social a {
  fill: #ffffff !important;
  color: #ffffff !important;
  width: 20px !important;
  height: 20px !important;
}

/* Ensure Button Text is Visible Everywhere */
#contact_form button.btn--subscribe .btn-text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mobile Specific Fixes (767px and below) */
@media (max-width: 767px) {
  /* Button position fix for mobile */
  #contact_form button.btn--subscribe {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0px !important;
    z-index: 2 !important;
  }

  /* Center Align Icons & Title on Mobile */
  .get-in-touch-wrapper {
    text-align: center !important;
  }

  .get-in-touch-wrapper .footer-social {
    justify-content: center !important;
  }
}


@media (max-width: 1024px) {

 .footer-col.footer-col--no-collapsed>* {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }
  .get-in-touch-wrapper{
    margin-top: 10px !important;
  }
    #shopify-section-footer .collapsed-mobile .footer-list-title {
        font-weight: 600;
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 6px 0px !important;
    }
        .page-footer .collapsed-mobile {
        margin-top: 6px !important;
                border-bottom: 1px solid #ffffff !important;
    }


    .col.footer-col.text-start{
      padding: 0px !important;
    }

.footer--style2 .footer-bottom .container>.row>.footer-payment-wrap, .footer--style2 .footer-bottom .container>.row>.footer-social-wrap {
        width: 30% !important;
    }
}

    .footer--style2 .footer-bottom .container>.row>.footer-copyright-wrap {
        width: 70% !important;
    }


}




/* -------------------- footer css ----------------------------------------  */













/* ------------------------------------------------- product page css ----------------------------------------------------  */








#shopify-section-template--22404192207078__main .holder.mt-global.to-upper {
    margin-top: 20px;
}

.hdr-mobile-bottom.show-mobile {
    display: none !important;
}

@media (max-width: 1024px) {



  product-gallery,
product-gallery *,
.prd-block-gallery-container-hor,
.prd-block-gallery-main,
.swiper-wrapper,
.swiper-slide,
.image-container,
.image-container img {
  border-radius: 0 !important;
}

}





@media (max-width: 767px){
        #shopify-section-template--22404192207078__main .col-12.col-lg-5.aside--sticky.js-sticky-collision {
    padding: 0px !important;
}

}



.prd-block-info .mt-product-global, .prd-block-info .prd-block-actions.mt-product-global {
    margin-top: 6px !important;
}

.quantity-status:after {
    height: 1px !important;
}
.quantity-status.qs--start:after {
    background: #000000 !important;
}



@media (min-width: 1025px) {




    .prd-block.row.g-4 {
    display: flex;
    column-gap: 20px !important;
}

.container.show-on-scroll.is-visible {
    padding: 0px 20px !important;
}
     .col-lg-5 {
        width: 50% !important;
        padding: 0px !important;
    }
    .col-lg-7 {
        width: 40% !important;
    }
}

h1.prd-block-name.mt-product-global {
    font-size: 18px !important;
    text-transform: uppercase;
}

.prd-price .prd-price-regular {
    color: #000000 !important;
    font-size: 20px !important;
}





span.lv-option-label__name {
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* Container adjustment */
.lv-option-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  --item-gap: 6px !important;
}

/* Compact Card Box */
.lv-option-item-outer {
  width: 45px !important;
  min-width: 0px !important;
  /* border: 1px solid #dcdcdc !important; */
  /* border-radius: 4px !important; */
  background: #f9f9f9 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Active Selected Card */
.lv-option-item__active {
  border-color: #000000 !important;
  background: #ffffff !important;
}

/* Image Swatch Container & Size */
.lv-option-image-swatch {
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lv-option-image-swatch img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Text Styling */
.lv-option-name {
  font-size: 10px !important;
  line-height: 1.1 !important;
  margin-top: 3px !important;
  color: #333333 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Out of Stock Diagonal Cross Fix */
.lv-option-item-unavailable__cross {
  position: relative !important;
  opacity: 0.6 !important;
}

.lv-option-item-unavailable__cross::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -10% !important;
  width: 120% !important;
  height: 1px !important;
  background: #888888 !important;
  transform: rotate(-45deg) !important;
}

/* Mobile Screens Optimization */
@media screen and (max-width: 480px) {
  .lv-option-item-outer {
    width: 52px !important;
    min-width: 52px !important;
    padding: 4px 2px !important;
  }
  .lv-option-image-swatch {
    width: 36px !important;
    height: 36px !important;
  }
  .lv-option-name {
    font-size: 9px !important;
  }
}




/* Quantity status indicator / bottom line hide karne ke liye */
.prd-option-list .quantity-status {
  display: none !important;
}

/* "SIZE:" / Category Title Label */
.prd-option-title {
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 8px !important;
}

/* Selected Option Value (e.g., "Size: S" ya "Category: Sunglasses") */
.prd-option-title [data-option-value] {
  font-weight: 400 !important;
  text-transform: uppercase !important;
  margin-left: 4px !important;
}

/* Flexible Swatch Box Styling (dynamic width for long text) */
.prd-option-list .label-radio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;       /* Chote text ke liye minimum square shape */
  width: auto !important;           /* Lamba text aane par auto extend ho */
  min-height: 44px !important;
  height: auto !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 0px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
  margin-right: 6px !important;
  margin-bottom: 6px !important;
  padding: 8px 14px !important;     /* Auto-padding for spacing around text */
  text-align: center !important;
  white-space: nowrap !important;   /* Text break hone se bachane ke liye */
}

/* Hover State */
.prd-option-list .label-radio:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Active / Selected Option State */
.prd-option-list .label-radio.swatch-active,
.prd-option-list .label-radio:has(input:checked) {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

/* ====================== add to cart btn -===============================  */


/* Layout Matrix: Quantity (30%) + Add to Cart (70%) | Buy Now (100%) */
.prd-block-actions .row { display: flex !important; flex-wrap: wrap !important; }
.prd-block-actions .row > div:nth-child(1) { flex: 0 0 30% !important; max-width: 30% !important; }
.prd-block-actions .row > div:nth-child(2) { flex: 0 0 70% !important; max-width: 70% !important; }
.prd-block-actions .row > div:nth-child(3) { flex: 0 0 100% !important; max-width: 100% !important; margin-top: 10px !important; }
.prd-block-actions .btn, .shopify-payment-button__button, .prd-block-actions .row > div:nth-child(1) div { width: 100% !important; }

button.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.prd-block-info .prd-block-actions .btn {
    border-radius: 0px !important;
}



/* Base Button Props */
.prd-block-actions #product-form-add-to-cart,
.prd-block-actions .shopify-payment-button__button--unbranded {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border: 1px solid #000 !important;
  transition: color 0.4s ease-in-out !important;
  font-weight: 300 !important; /* Default Light Font Weight */
}

.shopify-payment-button {
    border: 1px solid #000000 !important;
}

/* Base Slide Animation Pseudo-Element */
.prd-block-actions #product-form-add-to-cart::before,
.prd-block-actions .shopify-payment-button__button--unbranded::before {
  content: "" !important;
  position: absolute !important;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  z-index: -1 !important;
  transition: left 0.4s ease-in-out !important;
}

.prd-block-actions #product-form-add-to-cart:hover::before,
.prd-block-actions .shopify-payment-button__button--unbranded:hover::before { left: 0 !important; }

/* Add To Cart Specifics */
.prd-block-actions #product-form-add-to-cart { background: transparent !important; color: #000 !important; }
.prd-block-actions #product-form-add-to-cart::before { background: #000 !important; }
.prd-block-actions #product-form-add-to-cart:hover { color: #fff !important; font-weight: 300 !important; }
.prd-block-actions #product-form-add-to-cart span,
.prd-block-actions #product-form-add-to-cart .loading-overlay__spinner { position: relative !important; z-index: 2 !important; font-weight: 300 !important; }

/* Buy It Now Specifics */
.prd-block-actions .shopify-payment-button__button--unbranded { background: transparent !important; color: #000 !important;}
.prd-block-actions .shopify-payment-button__button--unbranded::before { background: #000000ff !important; }
.prd-block-actions .shopify-payment-button__button--unbranded:hover { color: #ffffffff !important; border: 1px solid #000000 !important; font-weight: 300 !important; }







/* Accordion background, font size, and border styles */
.block-accordion {
  /* background-color: #f5f6f8; */
}

.block-accordion, .block-accordion .tab-accordion-item
 {
    /* background-color: #ededed; */
    /* border: none !important; */
    /* border-radius: 6px !important; */
}




.block-accordion.mt-product-global {
    margin: 0px !important;
}
.block-accordion label {
  font-size: 14px !important;
  color: #000000 !important;
  border: none !important;
  background-color: transparent;
}



.block-accordion .tab-accordion-item-content {
  font-size: 12px !important;
  border: none !important;
  background-color: transparent;
}
.block-accordion .tab-accordion-item>label {
    padding: 6px !important;
    border-radius: 0px !important;
    
    /* border-bottom: 1px solid #000000 !important; */
}
.tab-accordion-item-content.js-set-height {
    padding: 0px 20px !important;
}

/* ------------------------------------------------- product page css ----------------------------------------------------  */




frequently-bought-together.mt-product-global.off-scroll.lazyloaded.ajax-loaded {
    border: 1px solid #e9e9e9 !important;
    background-color: #f7f8fc !important;
}
/* Safe Clean Monochrome Override */
frequently-bought-together {
  background-color: #f9f9f9 !important;
  padding: 15px !important;
  border-radius: 12px !important;
  display: block !important;
}

.minicart-prd.mp--sm {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
}

.minicart-prd-name a {
  color: #000000 !important;
  font-weight: 600 !important;
}

.bought-with-actions .btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 25px !important;
  border: none !important;
}
.prd-block-desc-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}














/* -----------------------------------  review app css -----------------------------------------  */


/* #tt-carousel .trustoo-rating-icon path {
    fill: #000000 !important;
}
#tt-carousel:not([data-type="primary"]) .vstar-star.normal .star-item svg {
    stroke: #000000 !important;
} */














/* ----------------------------------------------- cart icon css --------------------------------------------------  */



.minicart-qty, .wishlist-qty {
    top: -8px;
    right: -12px;
    background-color: #000000 !important;
}

body:not(.template-index) .hdr-wrap .dropdn-link, body:not(.template-index) .hdr-wrap .dropdn-link * {
    color: #ffffff !important;
}


.calibre-icon-wrap.calibre-wishlist-wrap.d-none.d-md-block {
    display: none !important;
}

/* ----------------------------------------------- cart icon css --------------------------------------------------  */















/* -------------------------- categories --------------------------------  */



.prd-grid.row .col {
    padding: 1px !important;
}

.swiper-container.swiper-container-center .swiper-wrapper {
 
    gap: 2px !important;
}
.swiper-container-prd-carousel .swiper-wrapper {
   
    gap: 2px !important;
}