/** Shopify CDN: Minification failed

Line 373:11 Expected ":"
Line 481:0 Unexpected "{"

**/

.product-grid__item {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* Sirf body aur main content ko target kiya hai */
body, #MainContent {
    background-color: #f5f5f5 !important;
}

/* Isse footer par koi asar nahi parega, wo default rahega */



/* Home page ko chor kar baqi sab pages ke header par border */
body:not(.template-index) .header-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Light color ki border */
}













.header__columns {
    --header-left: 1fr !important;
    --header-center: 2fr !important;
    --header-right: 1fr !important;
    
}
.header__row.header__row--top.color-scheme-2.section.section--full-width-margin.section--page-width.divider--page-width {
    padding: 0px 20px !important;
}

@media (max-width: 1050px){
    .header__columns {
    --header-left: 1fr !important;
    --header-center: 1fr !important;
    --header-right: 1fr !important;
    
}
}

@media (max-width: 749px){
.header__column.header__column--center {
   
    display: none !important;
}

.header__row.header__row--top.color-scheme-2.section.section--full-width-margin.section--page-width.divider--page-width {
    padding: 0px 0px !important;
}


}

/* Container jo search ko center mein rakhega */
.header__column--center {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

/* Custom Search Box Styling */
.custom-search-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    cursor: pointer;
}

.custom-search-input-box {
    background-color: #ededed !important; /* Halka grey color */
    border-radius: 50px !important;       /* Round corners */
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.placeholder-text {
    color: #777;
    font-size: 14px;
}

.search-icon-right svg {
    width: 20px;
    height: 20px;
    color: #444;
}

/* Asli search ko iske upar transparently bitha dena taake click ho sake */
.real-search-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Isay hide rakha hai taake design niche wala dikhe */
    z-index: 10;
}

.real-search-trigger .search-action, 
.real-search-trigger button,
.real-search-trigger summary {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
}

/* Mobile par is box ko chota ya hide karne ke liye */
@media screen and (max-width: 749px) {
    .custom-search-container {
        display: none;
    }
}









/* Sabse main containers ko target karne ke liye */
body .page-width, 
body .main-page-width,
body .container,
body [class*="page-width"],
body [class*="container"] {
    max-width: 1380px ;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Variable ko globally override karne ke liye */
:root {
    --page-width: 1380px !important;
    --grid-desktop-vertical-spacing: 40px;
    --grid-desktop-horizontal-spacing: 40px;
}





/* Header, Footer aur is specific ID ko chhor kar baqi sab par padding */
#MainContent .shopify-section:not(#shopify-section-template--21353507389667__dynamic_collection_banner_PxYVMW) {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}

/* Header aur Footer ki padding zero rakhi hai taake wo touch rahein */


#shopify-section-header, 
#shopify-section-footer,
header, 
footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



@media (max-width: 767px){


    /* Header, Footer aur is specific ID ko chhor kar baqi sab par padding */
#MainContent .shopify-section:not(#shopify-section-template--21353507389667__dynamic_collection_banner_PxYVMW) {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
}

/* #MainContent .shopify-section {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box; 
} */
}








@media screen and (min-width: 750px) {
  #header-component header-menu,
  #header-component .header-menu {
    display: none !important;
  }
}





 /* -----------------------------  email popup badge css ------------------------  */

.pushowl-simple-toast {
    display: none !important;
}

 @media (max-width: 575px) {
    .jxRYqI {
      
        left: 50% !important;
        bottom: 2% !important;
        top: inherit !important;
    }
        .jxRYqI .privy-bar-tab-inner {
        left: -50%;
        transform: rotate(0deg) !important;
        transform-origin: center top;
    }


}

 /* -----------------------------  email popup badge css ------------------------  */









/* --------------------------------- announcmnet bar css ------------------------------------  */

.announcement-bar__slides {
    display: grid;
    grid: [stack] auto / [stack] auto;
    width: calc(100% - var(--button-size) * 2);
    max-width: 100% !important;
   
}


@media(max-width: 767px){
p.announcement-bar__text {
    font-size: 14px;
    line-height: 1.3rem;
}
}

/* --------------------------------- announcmnet bar css ------------------------------------  */







/* ---------------------------- home page product sec ---------------------------------  */



/* Sabhi Featured Collection links (a tag) ka font style change karne ke liye */
a[class*="link--ATU13U"], 
.link.size-style[href*="/collections/"] {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important; /* Agar underline hatani ho */
}






product-card {
    
    border-radius: 15px;
}





/* Button text aur alignment */
.group-block-content a.link {
    color: #9011f1 !important; 
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important; /* Vertically center karne ke liye */
    justify-content: center;
    font-weight: 600;
    line-height: 1.2 !important;
}

/* Same Image wala Patla Arrow (Chevron) */
.group-block-content a.link::after {
    content: '\203A' !important; /* Ye exact image wala "Single Right-Pointing Angle Quotation Mark" hai */
    margin-left: 6px !important;
    font-size: 1.6rem !important; /* Size thoda bada takay wazeh nazar aaye */
    line-height: 0 !important;   /* Line height zero takay alignment kharab na ho */
    display: inline-block;
    transform: translateY(-1px); /* Agar arrow thoda niche lage toh isse adjust karein */
    transition: transform 0.3s ease;
    font-weight: 500 !important;
}

/* Hover Effect */
.group-block-content a.link:hover::after {
    transform: translate(4px, -1px); /* Hover par thoda aage move hoga */
}




/* Sirf Product Vendor (Heading) ko target karne ke liye */
div[class*="text-block--ARDZzR1"] p {
    font-size: 11px !important;
    --font-size: 11px !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important; /* Title se thoda gap rakhne ke liye */
    letter-spacing: 1px ;
    color: #2C2D2E !important;
    font-weight: 400;
}




@media(max-width: 767px){
        .layout-panel-flex--row:not(.mobile-column)>.text-block {
        flex: -1 0 var(--max-width--display-tight) !important;
    }
    .group-block-content.layout-panel-flex.layout-panel-flex--row {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    margin-bottom: 15px !important;
}
}


/* Poori website par carousel/slideshow ke background ko transparent karne ke liye */
slideshow-container, 
slideshow-slides, 
slideshow-slide,
.resource-list__carousel,
.resource-list__item {
    background-color: transparent !important;
    background: transparent !important;
    padding
}

/* Mobile par specific cards ke background ko control karne ke liye */
@media screen and (max-width: 749px) {
    slideshow-slides {
        background-color: transparent !important;
        padding: 0px !important;
    }
    
    /* Agar card ke andar koi white box dikh raha ho toh usey bhi transparent karne ke liye */
    .product-card__content {
        background-color: transparent !important;
        padding: 0px !important;
    }
}

/* ---------------------------- home page product sec ---------------------------------  */








/* ------------------------------------- collection product title css --------------------------------------  */


/* Website ke saare product cards ke titles ko target karne ke liye */
.card__heading, 
.full-unstyled-link, 
.product-card__title, 
[class*="card-information"] [class*="heading"] {
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
    text-transform: none; /* Agar capital words ko normal karna ho toh ye line rehne dein */
}

/* Specific targeted CSS jo aapne pehle share ki thi uske basis par */
[class*="product_title"] p, 
[class*="product_title"] {
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
}


/* Desktop: 4 cards per row */
@media screen and (min-width: 990px) {
  .collection .grid__item {
    width: 25% !important;
    max-width: 25% !important;
  }
}

/* Mobile: 2 cards per row */
@media screen and (max-width: 749px) {
  .collection .grid__item {
    width: 50% !important;
    max-width: 50% !important;
    padding: 5px; /* Thoda gap dene ke liye */
  }
}


/* ------------------------------------- collection product title css --------------------------------------  */







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



#shopify-section-sections--21353507651811__footer_m9NzUG {
    padding: 0px 20px !important;
}







/* Footer ke sabhi menu links ko red karne ke liye */
.details-content .list-unstyled .menu__item a {
    color: #DADCE0 !important; /* Pure Red */
    transition: opacity 0.3s ease;
}



/* Agar aap chahte hain ki "Phone" aur "Email" wale links bhi red ho jayein */
.rte a[href^="tel:"], 
.rte a[href^="mailto:"] {
    color: #DADCE0 !important;
}


.text-block--ATEwwMVg1NFRXTFdlV__text_pbKr6p p {
    color: #DADCE0 !important;
}

/* Copyright text aur FDA Disclaimer text ka color fix karne ke liye */
.text-block--AeDJKSlBUeHdINXZjO__text_gq6cgq p,
{
    color: #DADCE0 !important;
    border-bottom: none !important; /* Kisi bhi tarah ka default underline hatane ke liye */
    text-decoration: none !important;
}
.text-block--AbGtTVENXYzlCcHgzY__text_3QhmaF p,
.text-block--AbGtTVENXYzlCcHgzY__text_3QhmaF strong {
    color: #DADCE0 !important;
    border-bottom: none !important; /* Kisi bhi tarah ka default underline hatane ke liye */
    text-decoration: none !important;
    font-weight: 500px;
}

/* Kisi bhi tarah ke link ya hover effect ko disable karne ke liye */
.text-block--AeDJKSlBUeHdINXZjO__text_gq6cgq p:hover,
.text-block--AbGtTVENXYzlCcHgzY__text_3QhmaF p:hover {
    color: #DADCE0 !important;
}





@media(max-width: 767px){

    #shopify-section-sections--21353507651811__footer_m9NzUG {
    padding: 0px 10px !important;
}




.footer-content.spacing-style {
    padding: 50px 10px 30px 10px;
}



ul.payment-icons__list {
   
    justify-content: left;
}

}


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






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




@media screen and (max-width: 767px) {
    div[data-testid="product-information-details"] h1,
    div[data-testid="group-block"] h1 {
        font-size: 20px !important;
        line-height: 24px !important;
        font-weight: 500 !important;
    }
}


/* Arrow wrapper ko clear karein */
.slideshow-arrows, slideshow-arrows {
    mix-blend-mode: normal !important;
}

/* Button ko force karein white background ke liye */
button[ref="previous"], 
button[ref="next"] {
    background-color: #ffffff !important; /* Force White */
    background: #ffffff !important;       /* Force White */
    border-radius: 50% !important;        /* Circle */
    opacity: 1 !important;                /* No transparency */
    mix-blend-mode: normal !important;    /* No color inversion */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}

/* Arrow icon ko pure black karein */
.slideshow-control .svg-wrapper.icon-arrow svg {
    stroke: #000000 !important; /* Pure Black Arrow */
    fill: none !important;
    width: 20px !important;     /* Arrow size */
    height: 20px !important;
    display: block !important;
}
.slideshow-control .svg-wrapper {
    color: #101828 !important;
   
}
/* Kisi bhi kism ka pseudo-element (black mask) remove karein */
.slideshow-control::before, 
.slideshow-control::after {
    content: none !important;
    display: none !important;
}


fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons{

    display: flex !important;
    gap: 6px !important;
}
.variant-option--equal-width-buttons .variant-option__button-label {
    /* min-width: var(--variant-min-width); */
    width: max-content;
   
    width: 100% !important;
    min-width: max-content !important;
}






.variant-option__button-label{
    border-radius: 6px !important;
    background-color: transparent !important;
}


.variant-option--equal-width-buttons .variant-option__button-label  {
    border-radius: 6px !important;
}

.variant-option__button-label:has(:checked){
 border: 2px solid #9011f1 !important;
     border-radius: 6px !important;
}


.variant-picker .variant-option__button-label__pill {
    transition: none !important;
    box-shadow: none !important;
}
.variant-option--equal-width-buttons .variant-option__button-label__text {
    font-size: 13px !important;
    letter-spacing: 0.6px;
   
}

.variant-picker .variant-option__button-label input:checked ~ .variant-option__button-label__pill {
    background-color: #f0e8f5 !important;
  
}



/* Jo variants available hain (In Stock), unka text color red karne ke liye */
.variant-option__button-label input[data-option-available="true"] ~ .variant-option__button-label__text {
    color: #2C2D2E !important;
}







.variant-picker .variant-option__button-label input:checked + .variant-option__button-label__pill,
.variant-picker .variant-option__button-label:active .variant-option__button-label__pill {
    background-color: #f0e8f5 !important;
    border-color: #9011f1 !important;
}


.variant-picker .variant-option__button-label input:checked ~ .variant-option__button-label__text {
    color: #9011f1 !important;
}


.variant-picker .variant-option__button-label input:focus-visible ~ .variant-option__button-label__pill {
    box-shadow: none !important;
    outline: none !important;
}




.variant-option__button-label:not(.variant-option__button-label--has-swatch):before, 
.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after {
    border: 1px solid #dedede !important;
}

/* Red cross line */
.variant-option__strikethrough line {
    stroke: #dedede !important;
    stroke-width: 2px;
}



/* Add to Cart button ki styling */
.add-to-cart-button {
    background-color: #9011f1 !important;
    font-size: 15px !important;
    color: #ffffff; /* Text color white rakhne ke liye */
    border: none;
    transition: opacity 0.3s ease;
}

/* Hover effect (Optional: jab mouse button par jaye) */
.add-to-cart-button:hover {
    opacity: 0.9;
    background-color: #9011f1 !important;
}
.button[id^=BuyButtons-ProductSubmitButton-] {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

.quantity-selector {
    border: 1px solid !important;
    border-radius: 100px !important;
}










/* ----------------- star rating css ------------------------  */



    .product-information:not(.product-information--media-right) .media-gallery--carousel.media-gallery--extend slideshow-container {
     
        border-radius: 20px !important;
    }





div#yotpo-reviews-star-ratings-widget{
    margin-bottom: 0px !important;
}



/* Container ko align karne ke liye */
#yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-summary {
    align-items: center !important; /* Saari cheezon ko vertically center karega */
}

/* Stars ka size aur gap */
#yotpo-reviews-star-ratings-widget .star-container {
    width: 10px !important;
    height: 10px !important;
    margin-inline-end: 2px !important;
}

/* 4.9 rating text alignment */
#yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-score {
    font-size: 11px !important;
    margin-right: 5px !important;
    padding-top: 0 !important; /* Extra padding khatam */
    align-self: center !important;
}

/* (8) Review count ko perfectly center karne ke liye */
#yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-text {
    font-size: 11px !important;
    line-height: normal !important; /* Line height fix */
    padding-top: 0 !important;      /* Extra padding remove */
    display: flex !important;
    align-items: center !important;
}

/* Beech ki vertical line ko center karne ke liye */
#yotpo-reviews-star-ratings-widget .yotpo-sr-vertical-border {

        margin-right: 4px !important;
    border: none !important;
}



summary.details__header {
    font-size: 15px !important;
    color: #000 !important;
    padding: 17px 0px;
}



.yotpo-review-rating-title{

        align-items: center !important;

}

.yotpo-anonymous-person-icon {
 
    width: 55px !important;
    height: 55px !important;
}



/* This targets the container and the star icons specifically */
.yotpo-review-star-rating .star-container {
    width: 18px !important;   /* Adjust width as needed */
    height: 15px !important;  /* Adjust height as needed */
}

.yotpo-review-star-rating .yotpo-star-rating-icon {
    transform: scale(1.8) !important; /* Increases the internal SVG size */
    width: 10px !important;
    height: 10px !important;
}


@media (max-width: 767px){
    .product-information__grid{
    display: grid;
    grid-template-columns: inherit !important;
    grid-column: 1 / -1;
}
}


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











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





.yotpo-dropdown-wrapper.yotpo-score-filter-container{
        flex-grow: 1 !important;

}


/* Poore pagination container ko row mein karne ke liye */
.yotpo-horizontal-pagination-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important; /* Image ki tarah center karne ke liye */
    list-style-type: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

/* Har item (arrows aur numbers) ko ek line mein lane ke liye */
.yotpo-pagination-number-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important; /* Numbers aur arrows ke darmiyan space */
}

/* Links ko block se hata kar inline-flex karne ke liye */
.yotpo-reviews-pagination-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

/* Numbers ki styling (Square box with rounded corners) */
.yotpo-pagination-number {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
}

/* Selected number ka color (Purple/Violet jaisa image mein hai) */
.yotpo-pagination-number.selected {
    background-color: #9b30ff !important; /* Purple color */
    color: #ffffff !important;
}

/* SVG Arrows ko barabar karne ke liye */
.yotpo-reviews-pagination-item svg {
    width: 10px !important;
    height: auto !important;
    display: inline-block !important;
}




/* Product Information section mein sabhi types ki prices ko 20px karne ke liye */
#ProductInformation-template--21353507455203__main .price,
#ProductInformation-template--21353507455203__main .price-item--sale,
#ProductInformation-template--21353507455203__main .price-item--regular,
#ProductInformation-template--21353507455203__main .compare-at-price {
    font-size: 20px !important;
    font-weight: 600 !important;
    display: inline-block;
    line-height: normal !important;
}

/* Compare price (katne wali) ka color black rakhne ke liye */
#ProductInformation-template--21353507455203__main .compare-at-price,
#ProductInformation-template--21353507455203__main .price-item--regular.compare-at-price {
    color: #000000 !important;
    opacity: 1 !important;
    text-decoration: line-through !important;
}





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















/* --------------------------------- product cards price css --------------------------------  */




/* 1. Sabhi jagah (Cards) ke liye 15px - Lekin main product page ko chhor kar */
:not(.product-details) > .price-item, 
:not(.product-details) > * > .price, 
:not(.product-details) > * > .price-item--sale, 
:not(.product-details) > * > .price-item--regular {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 15px !important;
}

/* 2. SIRF Product Information (Main Page) wali price ke liye settings */
.product-details .price-item--sale, 
.product-details .price {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

/* SALE PRICE: Hamesha RED rahegi */
.price-item--sale, 
.price__sale .price-item--sale {
    color: #ff0000 !important;
}

/* REGULAR/COMPARE PRICE: Isay bilkul Black (#000000) kar diya hai */
.price-item--regular.compare-at-price,
.price__sale .price-item--regular,
.compare-at-price {
    color: #000000 !important; /* Light nahi hoga, pakka black rahega */
    opacity: 1 !important; /* Agar theme ne opacity kam ki hai toh usay khatam karne ke liye */
    text-decoration: line-through !important;
    font-weight: 400 !important;
    margin-left: 5px !important;
}


















/* Product card background */
product-card {
    background-color: #ffffff !important;
}


.product-badges.product-badges--top-right {
    display: none !important;
}


/* 1. Global Styles (Normal State) */
.product-card__content [role="heading"], 
.product-grid-view-zoom-out--details .h4,
.product-card__content a p,
.product-card__content a div p {
    color: #2c2d2e !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-weight: 500 !important;
}

/* 2. Hover Effect - Sirf Title par Mouse jaane se */
/* Isme humne :hover ko title ke links aur text blocks par focus kiya hai */
.product-card__content a:hover [role="heading"],
.product-card__content a:hover p,
.product-card__content a:hover div p,
.product-grid-view-zoom-out--details a:hover .h4,
.text-block--AT05CQVJzY0FYM2dld__product_title_qhjPKB:hover p {
    color: #9b30ff !important;
}

.spacing-style.text-block.text-block--ARnJVZDN5MWhGcE56b__text_ATjqLA.custom.custom-typography.custom-font-size.custom-color p{
    font-weight: 400 !important;
}
















/* --------------------------- filter css ------------------------------------  */




@media screen and (max-width: 749px) {
    .facets-block-wrapper--vertical+.facets-toggle {
        margin: 0;
        padding: 0px !important;
        border: 1px solid #00000030 !important;
        align-items: center !important;
        text-align: center !important;
        justify-content: center !important;
        border-radius: 10px !important;
        margin-bottom: 15px !important;
    }
}



/* --------------------------- filter css ------------------------------------  */













/* ------------------------------------- description css ------------------------------------  */




/* 1. Font register */
@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/cdn/shop/files/NeueHaasDisplayLight.ttf?v=1777409281') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 2. Global application for the description area */
[class*="rte-formatter"], 
[class*="rte-formatter"] *,
.product__description,
.product__description *,
.rte,
.rte * {
  font-family: 'NeueHaasDisplay', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px !important;
}


/* ------------------------------------- description css ------------------------------------  */




















/* -----------------------------  cart drawer css ---------------------------------  */


 .cart-drawer__header{
      height: 48px !important;
}



.ac-temp-element.button.full
 {
    width: 100% !important;
    border-radius: 120px !important;
}



/* Cart Header Gradient */
.cart-drawer__header {
    background: linear-gradient(90deg, #b13e2b 0%, #4b2956 50%, #0a249b 100%) !important;
    padding: 15px 20px !important;
    color: #ffffff !important;
}

.cart-drawer__heading .cart-bubble__text {
    color: #ffffff !important;
}


.close-button {
   
    top: 4px !important;
 
    
}


.cart-drawer__header h2, 
.cart-drawer__header .cart-count {
    color: #ffffff !important;
}

.cart-drawer__close {
    color: #ffffff !important;
}







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



.cart-items.spacing-style{
    margin: 20px 0px !important;
}
.cart-drawer__dialog:modal {
    max-height: 100dvh;
    overflow-y: hidden;
    width: 650px !important;
   border-radius: 20px 0px 0px 20px;
}



quantity-selector-component.quantity-selector {
    background-color: transparent !important;
}



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


/* Checkout Button Default State */
.cart__checkout-button {
    display: block;
    width: 100% !important;
    height: 42px !important;
    background-color: #9011f1 !important; /* Default Purple */
    color: #ffffff !important;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 500 !important;
    border-radius: 999px !important; /* Full Rounded / Pill Shape */
    border: none !important;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color 0.4s ease, transform 0.2s ease; /* Smooth transition */
    margin-top: 10px;
}

/* Hover State - Thoda Dark Color */
.cart__checkout-button:hover {
    background-color: rgba(113, 17, 192, 1) !important; /* Darker Purple */
    color: #ffffff !important;
    opacity: 1; /* Opacity kam nahi hogi, sirf color dark hoga */
}

/* Optional: Clicking effect */
.cart__checkout-button:active {
    transform: scale(0.98); /* Click karne par halka sa dabega */
}



.cart-drawer__content .cart-drawer__summary {
    padding: 0px 20px 20px 20px !important;
}
.cart-totals__container{
    width: 100%
}
.cart-totals__total-label.cart-primary-typography {
    font-size: 15px;
    font-weight: 500;
}
text-component.cart-totals__total-value.cart-secondary-typography {
    font-size: 20px !important;
    font-weight: 500 !important;
}












/* --------------------------- cart page css -----------------------  */





.cart-page__summary
 {
    border: 1px solid #00000017;
    border-radius: 20px;
}
.cart-page__summary .cart__checkout-button {
    height: 48px !important;
    padding: 12px 0 12px;
   
}

.cart-page__summary .cart__ctas {

    gap: 10px !important;
}


@media (max-width: 767px){
.cart-page__summary .cart-summary__inner {
    padding: 20px !important;
}
}




/* -----------------------------  cart drawer css ---------------------------------  */













/* ----------------------------- blog post css ------------------------------  */








/* Price Styling */
.article-body-content-main p b, 
.article-body-content-main p strong {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 27.2px !important;
    color: rgb(44, 45, 46) !important;
}

/* GET YOURS TODAY Styling */
.article-body-content-main h4, 
.article-body-content-main h4 a, 
.article-body-content-main h4 b {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 36px !important;
    color: #000000 !important;
    text-decoration: underline !important;
}

/* General Content Spacing and Fixes */
.article-body-content-main {
    max-width: 800px; /* Text reading ke liye behtar width */
    margin: 0 auto;
    line-height: 1.6;
    color: #333;
}

.article-body-content-main h2 {
    margin-top: 40px !important;
    font-size: 1.8rem !important;
    color: #000;
}

.article-body-content-main img {
    border-radius: 8px;
    margin: 20px 0 !important;
    display: block;
}