.elementor-492 .elementor-element.elementor-element-5c2eecf2{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:-99px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-5c2eecf2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-63079664{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-7c8c5a79{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.65;--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:85px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-492 .elementor-element.elementor-element-7c8c5a79:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051234;background-image:url("https://www.priceinpakistan.tech/wp-content/uploads/2026/05/yCnHFvtouSvicKdfmaFKFhgrE.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-492 .elementor-element.elementor-element-7c8c5a79::before, .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .e-con-inner > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-7c8c5a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor8 );--background-overlay:'';}.elementor-492 .elementor-element.elementor-element-459f7db3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:73px;--margin-bottom:29px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-459f7db3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-3f6f4808{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-492 .elementor-element.elementor-element-000fee1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-492 .elementor-element.elementor-element-c3baa2c{width:var( --container-widget-width, 109.195% );max-width:109.195%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:109.195%;--container-widget-flex-grow:0;}.elementor-492 .elementor-element.elementor-element-c3baa2c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-c3baa2c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:59px;font-weight:600;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-492 .elementor-element.elementor-element-fd9d3f0{left:0px;}body.rtl .elementor-492 .elementor-element.elementor-element-fd9d3f0{right:0px;}.elementor-492 .elementor-element.elementor-element-fd9d3f0{top:-30px;}.elementor-492 .elementor-element.elementor-element-fd9d3f0 img{width:22%;}.elementor-492 .elementor-element.elementor-element-df60da8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-492 .elementor-element.elementor-element-bed67b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-492 .elementor-element.elementor-element-9720e1b .elementor-button{background-color:#12317500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:17px 27px 17px 27px;}.elementor-492 .elementor-element.elementor-element-9720e1b .elementor-button:hover, .elementor-492 .elementor-element.elementor-element-9720e1b .elementor-button:focus{background-color:#123175;color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-9720e1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-492 .elementor-element.elementor-element-9720e1b .elementor-button:hover svg, .elementor-492 .elementor-element.elementor-element-9720e1b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-3980dcbd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-3980dcbd:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-3980dcbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-492 .elementor-element.elementor-element-5046e1a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-492 .elementor-element.elementor-element-399f4b12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--margin-top:51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-399f4b12:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-399f4b12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090D1B00;}.elementor-492 .elementor-element.elementor-element-399f4b12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-39569623{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-492 .elementor-element.elementor-element-7c8c5a79{--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-459f7db3{--width:300px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:94px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-c3baa2c .elementor-heading-title{font-size:41px;}body:not(.rtl) .elementor-492 .elementor-element.elementor-element-fd9d3f0{left:34px;}body.rtl .elementor-492 .elementor-element.elementor-element-fd9d3f0{right:34px;}.elementor-492 .elementor-element.elementor-element-fd9d3f0{top:10px;}.elementor-492 .elementor-element.elementor-element-39569623{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-492 .elementor-element.elementor-element-5c2eecf2{--width:100%;}.elementor-492 .elementor-element.elementor-element-459f7db3{--width:1018px;}.elementor-492 .elementor-element.elementor-element-000fee1{--width:54%;}.elementor-492 .elementor-element.elementor-element-df60da8{--width:45%;}.elementor-492 .elementor-element.elementor-element-5046e1a7{--content-width:1300px;}.elementor-492 .elementor-element.elementor-element-399f4b12{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-39569623 *//* FORCE ONE PRODUCT PER ROW ON MOBILE screens */
@media (max-width: 767px) {
    /* Astra / Elementor loop containers reset */
    ul.products, 
    .site-main ul.products,
    .elementor-loop-container {
        display: block !important;
        width: 100% !important;
    }

    ul.products li.product, 
    .site-main ul.products li.product,
    .elementor-loop-container .e-loop-item,
    .elementor-grid .product {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important; /* Cards ke beech ka gap */
        box-sizing: border-box !important;
    }

    /* Humare custom dark box wrapper ko full horizontal width dena */
    .custom-variations-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* --- Global Smart Container (No Extra Padding/Margin on Outer Layout) --- */
.astra-shop-thumbnail-wrap {
    position: relative;
    background: #111424; 
    border: 1px solid #232742;
    border-radius: 6px;
    margin: 0px; /* Removed all margins */
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 440px !important; 
    overflow: hidden;
}.woocommerce-LoopProduct-link img {
    height: 100%;
    max-height: 200px !important;
    width: auto;
    object-fit: contain;
}
.woocommerce-LoopProduct-link {
    display: block;
    margin-bottom: 6px;
    background: #181c32;
    max-height: 180px !important;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}
/* Custom Shadow Highlight (#3F248A) */
.astra-shop-thumbnail-wrap:hover {
    border-color: #3F248A;
    box-shadow: 0 6px 20px rgba(63, 36, 138, 0.6);
    transform: translateY(-1px);
}

.astra-shop-thumbnail-wrap > .ast-on-card-button {
    display: none; 
}

/* --- Increased & Full-Width Image Section --- */
.woocommerce-LoopProduct-link {
    display: block;
    margin: 0 0 10px 0; /* Zero top/side margins */
    background: #181c32;
    width: 100%;
    height: 300px !important; /* Image area height increased for clear visibility */
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #232742;
}

.woocommerce-LoopProduct-link img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Image box ke mutabiq fit ho kar bari nazar aayegi */
    display: block;
}

/* --- Inner Layout Elements Wrapper (With Safe Inside Padding) --- */
.custom-variations-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; 
    padding: 0 10px; /* Tighter inner safe space for content text */
}

/* --- ROW 1: Title & Badges --- */
.v-product-title {
    font-size: 13px;
    font-weight: 600;
    color: #f8fafc;
    margin: 0;
    line-height: 1.2;
}

.v-compliance-badges {
    display: flex;
    gap: 4px;
    margin: 2px 0 2px 0;
}

.v-badge {
    background: rgba(63, 36, 138, 0.2);
    color: #a5b4fc;
    font-size: 8px;
    font-weight: 500;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid rgba(63, 36, 138, 0.3);
}

/* --- ROW 2: Dosage Label + Swatches in One Row --- */
.v-attribute-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin: 0;
}

.v-attribute-label {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
}

.v-swatches-container {
    display: flex;
    gap: 3px;
    flex-wrap: nowrap;
}

.v-swatch-btn {
    background: #1e2238;
    border: 1px solid #2e3456;
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 600;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
}

.v-swatch-btn:hover {
    border-color: #3F248A;
    color: #fff;
}

.v-swatch-btn.active {
    background: #3F248A;
    border-color: #3F248A;
    color: #ffffff;
}

/* --- ROW 3: Quantity + Price Row (Fixed Number Visibility) --- */
.v-quantity-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #16192c;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #20243e;
}

.v-quantity-.elementor-492 .elementor-element.elementor-element-39569623 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.v-qty-label {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
}

.v-qty-controls {
    display: flex;
    align-items: center;
    background: #1e2238;
    border: 1px solid #2e3456;
    border-radius: 3px;
    height: 22px;
}

.v-qty-minus, 
.v-qty-plus {
    background: transparent;
    border: none;
    width: 20px;
    height: 100%;
    font-size: 12px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Quantity Text Fix (Ensures the number displays perfectly) */
.v-qty-input {
    border: none !important;
    background: transparent !important;
    border-left: 1px solid #2e3456 !important;
    border-right: 1px solid #2e3456 !important;
    width: 26px;
    height: 100%;
    text-align: center;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Visible white text color */
    padding: 0 !important;
    margin: 0 !important;
    outline: none;
    -webkit-appearance: none;
}

/* Price Customization */
.v-dynamic-price .price {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.v-dynamic-price .woocommerce-Price-currencySymbol {
    font-size: 11px;
    color: #a5b4fc;
}

/* --- ROW 4: Footer Action Buttons in One Row --- */
.v-card-actions-row {
    display: flex;
    gap: 4px;
}

.v-coa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1e2238;
    border: 1px solid #2e3456;
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 3px;
    height: 28px; 
    text-transform: uppercase;
}

.v-coa-btn:hover {
    background: #252a46;
    color: #fff;
}

.v-ajax-add-to-cart-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3F248A; 
    border: none;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    height: 28px;
    cursor: pointer;
    text-transform: uppercase;
}

.v-ajax-add-to-cart-btn:hover {
    background: #4f30ab;
}

.v-cart-icon img {
    width: 11px;
    height: 11px;
    filter: brightness(0) invert(1);
    margin-right: 4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5046e1a7 */html {
    scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS */.woocommerce-js ul.products li.product .ast-woo-product-category, .woocommerce-page ul.products li.product .ast-woo-product-category {
   
    display: none;
   
}ul.products li.product .price, .woocommerce ul.products li.product .price {
    color: #000000 !important;
    display: none;
}
.woocommerce ul.products li.product.mobile-align-left .star-rating, .woocommerce ul.products li.product.mobile-align-left .button, .woocommerce-page ul.products li.product.mobile-align-left .star-rating, .woocommerce-page ul.products li.product.mobile-align-left .button {
        margin-left: 0;
        margin-right: 0;
        display: none;
    }/* --- Global Smart Container --- */
.astra-shop-thumbnail-wrap {
    position: relative;
    background: #111424; 
    border: 1px solid #232742;
    border-radius: 6px;
    padding: 8px; /* Tighter layout boundaries */
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 320px; 
}

/* Custom Shadow Highlight (#3F248A) */
.astra-shop-thumbnail-wrap:hover {
    border-color: #3F248A;
    box-shadow: 0 6px 20px rgba(63, 36, 138, 0.5);
    transform: translateY(-1px);
}

.astra-shop-thumbnail-wrap > .ast-on-card-button {
    display: none; 
}

/* --- Space-Saving Compact Image Wrap --- */
.woocommerce-LoopProduct-link {
    display: block;
    margin-bottom: 6px;
    background: #181c32;
    max-height: 110px; /* Reduced to maximize single-row efficiency below */
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}

.woocommerce-LoopProduct-link img {
    height: 100%;
    max-height: 130px;
    width: auto;
    object-fit: contain;
}

/* --- Main Layout Wrapper --- */
.custom-variations-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px; /* Uniform low-gap structural spacing */
}

/* --- ROW 1: Title & Badges Side-by-Side --- */
.custom-variations-wrapper {
    position: relative;
}

.v-product-title {
    font-size: 12px;
    font-weight: 600;
    color: #f8fafc;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v-compliance-badges {
    display: flex;
    gap: 4px;
    margin: 2px 0 4px 0;
}

.v-badge {
    background: rgba(63, 36, 138, 0.15);
    color: #a5b4fc;
    font-size: 8px;
    font-weight: 500;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid rgba(63, 36, 138, 0.3);
}

/* --- ROW 2: Dosage Label + Swatches in One Row --- */
.v-attribute-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin: 0;
}

.v-attribute-label {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.v-swatches-container {
    display: flex;
    gap: 3px;
    flex-wrap: nowrap; /* Forces layout timeline onto a single line */
}

.v-swatch-btn {
    background: #1e2238;
    border: 1px solid #2e3456;
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.v-swatch-btn:hover {
    border-color: #3F248A;
    color: #fff;
}

.v-swatch-btn.active {
    background: #3F248A;
    border-color: #3F248A;
    color: #ffffff;
}

/* --- ROW 3: Quantity + Price row --- */
.v-quantity-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #16192c;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #20243e;
    margin: 0;
}

.v-quantity-body.elementor-page-492 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.v-qty-label {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
}

.v-qty-controls {
    display: flex;
    align-items: center;
    background: #1e2238;
    border: 1px solid #2e3456;
    border-radius: 3px;
}

.v-qty-minus, 
.v-qty-plus {
    background: transparent;
    border: none;
    width: 18px;
    height: 18px;
    font-size: 11px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-qty-input {
    border: none;
    background: transparent;
    border-left: 1px solid #2e3456;
    border-right: 1px solid #2e3456;
    width: 20px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
}

/* Compact Price values */
.v-dynamic-price .price {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.v-dynamic-price .woocommerce-Price-currencySymbol {
    font-size: 10px;
    color: #a5b4fc;
}

/* --- ROW 4: All Footer Buttons In One Row (CoA + Add to Cart) --- */
.v-card-actions-row {
    display: flex;
    gap: 4px;
    margin-top: 2px;
}

/* Balanced compact dimensions across the actions track */
.v-coa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1e2238;
    border: 1px solid #2e3456;
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 8px;
    border-radius: 3px;
    height: 26px; 
    text-transform: uppercase;
}

.v-coa-btn:hover {
    background: #252a46;
    color: #fff;
}

.v-ajax-add-to-cart-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3F248A; 
    border: none;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    height: 26px;
    cursor: pointer;
    transition: background 0.2s ease;
    text-transform: uppercase;
}

.v-ajax-add-to-cart-btn:hover {
    background: #4f30ab;
}

.v-cart-icon {
    display: inline-flex;
    margin-right: 3px;
}

.v-cart-icon img {
    width: 11px;
    height: 11px;
    filter: brightness(0) invert(1);
}/* End custom CSS */