/* Hide category menu bar under page title banner globally */
.page-title .wd-nav-product-cat,
.page-title .wd-btn-show-cat,
ul.wd-nav-product-cat,
.wd-nav-product-cat.wd-style-underline,
.page-title-shop .wd-nav-product-cat,
.woodmart-product-categories,
.title-nav-wrapper .wd-nav-product-cat {
    display: none !important;
}

/* Hide currency switcher, SKU, Category, and Tags on single product pages */
.single-product .wcml_currency_switcher,
.single-product .wcml-dropdown.product,
.product_meta .wcml_currency_switcher,
.wcml-dropdown.product.wcml_currency_switcher,
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as,
.single-product .product_meta > .sku_wrapper,
.single-product .product_meta > .posted_in,
.single-product .product_meta > .tagged_as {
    display: none !important;
}

/* Hide default WoodMart share markup if enhanced */
.product-share.wd-layout-inline.sp-share-enhanced {
    display: none !important;
}

/* Custom Share Container */
.sp-custom-share-container {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
    padding-top: 15px !important;
    border-top: 1px solid #f1f5f9 !important;
}

.sp-share-label {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.sp-share-icons-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.sp-share-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
}

.sp-share-btn:hover {
    transform: translateY(-3px) scale(1.1) !important;
    color: #ffffff !important;
}

/* Brand Colors */
.sp-share-whatsapp {
    background-color: #25D366 !important;
}
.sp-share-whatsapp:hover {
    box-shadow: 0 6px 15px rgba(37, 211, 102, 0.4) !important;
}

.sp-share-facebook {
    background-color: #1877F2 !important;
}
.sp-share-facebook:hover {
    box-shadow: 0 6px 15px rgba(24, 119, 242, 0.4) !important;
}

.sp-share-twitter {
    background-color: #0f172a !important;
}
.sp-share-twitter:hover {
    box-shadow: 0 6px 15px rgba(15, 23, 42, 0.4) !important;
}

.sp-share-pinterest {
    background-color: #E60023 !important;
}
.sp-share-pinterest:hover {
    box-shadow: 0 6px 15px rgba(230, 0, 35, 0.4) !important;
}

.sp-share-linkedin {
    background-color: #0A66C2 !important;
}
.sp-share-linkedin:hover {
    box-shadow: 0 6px 15px rgba(10, 102, 194, 0.4) !important;
}

.sp-share-telegram {
    background-color: #26A5E4 !important;
}
.sp-share-telegram:hover {
    box-shadow: 0 6px 15px rgba(38, 165, 228, 0.4) !important;
}

/* Hide table label "Flavours:" on single product variations table */
.variations tr td.label,
.variations label[for="pa_flavours"],
.variations td.label:has(+ td.value select[name="attribute_pa_flavours"]) {
    display: none !important;
}

/* Product Description Tab UI Improvement */
#tab-description,
.woocommerce-Tabs-panel--description,
.entry-content.wc-tab-inner {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 35px 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    color: #334155 !important;
    font-size: 15.5px !important;
    line-height: 1.8 !important;
}

/* Description Headings */
#tab-description h2:first-child,
#tab-description h3:first-child,
.sp-desc-main-heading {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 18px !important;
    display: block !important;
    border-left: 4px solid #0062ff !important;
    padding-left: 14px !important;
    line-height: 1.3 !important;
}

#tab-description h3,
#tab-description h4,
#tab-description strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Bullet List Upgrade into Feature Cards */
#tab-description ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 25px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#tab-description ul li {
    position: relative !important;
    padding: 12px 18px 12px 48px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    color: #1e293b !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    transition: all 0.25s ease !important;
}

#tab-description ul li:hover {
    background: #f0f9ff !important;
    border-color: #7dd3fc !important;
    transform: translateX(4px) !important;
    box-shadow: 0 3px 10px rgba(0, 156, 251, 0.08) !important;
}

#tab-description ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background: #0062ff !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* Paragraphs Styling */
#tab-description p {
    color: #475569 !important;
    font-size: 15.5px !important;
    line-height: 1.8 !important;
    margin-bottom: 18px !important;
}

#tab-description p:last-child {
    margin-bottom: 0 !important;
}

/* Additional Information / Flavours Tab UI Improvement */
#tab-additional_information,
.woocommerce-Tabs-panel--additional_information {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 35px 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

#tab-additional_information table.shop_attributes,
#tab-additional_information table.woocommerce-product-attributes {
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
}

#tab-additional_information table.shop_attributes tr,
#tab-additional_information table.woocommerce-product-attributes tr {
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 12px 0 !important;
}

#tab-additional_information table.shop_attributes th,
#tab-additional_information table.woocommerce-product-attributes th {
    width: 180px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

#tab-additional_information table.shop_attributes td,
#tab-additional_information table.woocommerce-product-attributes td {
    font-size: 15px !important;
    color: #334155 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 600 !important;
    flex: 1 !important;
}

.sp-flavour-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 18px !important;
    margin: 4px 8px 4px 0 !important;
    background-color: #f0f9ff !important;
    border: 1.5px solid #7dd3fc !important;
    border-radius: 20px !important;
    color: #0284c7 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}

.sp-flavour-tag-pill:hover {
    background-color: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-1px) !important;
}

/* Dynamic Active Flavours Wrapper */
.sp-active-flavours-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.sp-active-flavours-heading {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    display: block !important;
    border-left: 4px solid #0062ff !important;
    padding-left: 12px !important;
}

.sp-active-flavours-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

.sp-pill-dot {
    width: 8px !important;
    height: 8px !important;
    background-color: #0284c7 !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

/* Shipping & Delivery Tab UI Improvement */
#tab-wd_additional_tab,
#tab-shipping,
#tab-shipping_tab,
#tab-star_power_shipping,
.woocommerce-Tabs-panel--wd_additional_tab,
.woocommerce-Tabs-panel--shipping {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 35px 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

.sp-shipping-main-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 24px !important;
    border-left: 4px solid #0062ff !important;
    padding-left: 14px !important;
    line-height: 1.3 !important;
}

.sp-shipping-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 25px !important;
}

.sp-shipping-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px !important;
    transition: all 0.25s ease !important;
}

.sp-shipping-card:hover {
    background: #ffffff !important;
    border-color: #0062ff !important;
    box-shadow: 0 6px 18px rgba(0, 98, 255, 0.08) !important;
    transform: translateY(-2px) !important;
}

.sp-shipping-icon-badge {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    background: #eff6ff !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
}

.sp-shipping-card-content h4 {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
}

.sp-shipping-card-content p {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.sp-shipping-timeline-box {
    background: #f0f9ff !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
}

.sp-shipping-timeline-box h4 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0369a1 !important;
    margin: 0 0 10px 0 !important;
}

.sp-shipping-timeline-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.sp-shipping-timeline-box ul li {
    font-size: 14px !important;
    color: #0c4a6e !important;
    line-height: 1.6 !important;
}

.variations tr td.value {
    width: 100% !important;
    padding-left: 0 !important;
}

/* ==========================================================================
   GLOBAL PRODUCT CARDS & PRICING ULTRA-PREMIUM OVERHAUL (HOMEPAGE & SHOP)
   ========================================================================== */

/* Global Red Line Strikethrough for all regular prices everywhere */
del,
.price del,
.product-grid-item .price del,
.summary .price del,
.widget_products del,
del .woocommerce-Price-amount,
del bdi {
    color: #94a3b8 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: line-through !important;
    text-decoration-color: #ef4444 !important;
    text-decoration-thickness: 2px !important;
    margin-right: 4px !important;
}

/* 1. Global Individual Product Grid Card (Homepage, Sliders, Shop, Archives) */
.product-grid-item,
.wd-hover-base,
.owl-item .product-grid-item,
.home .product,
.post-type-archive-product .product-grid-item,
.tax-product_cat .product-grid-item,
.shop-content-area .product-grid-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

.product-grid-item:hover,
.wd-hover-base:hover,
.owl-item .product-grid-item:hover,
.home .product:hover,
.post-type-archive-product .product-grid-item:hover,
.tax-product_cat .product-grid-item:hover,
.shop-content-area .product-grid-item:hover {
    border-color: #0062ff !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(0, 98, 255, 0.15) !important;
}

/* 2. Product Top Image Box */
.product-grid-item .product-element-top {
    border-radius: 14px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
    position: relative !important;
    padding: 10px !important;
}

.product-grid-item .product-element-top img {
    transition: transform 0.45s ease !important;
    border-radius: 10px !important;
}

.product-grid-item:hover .product-element-top img {
    transform: scale(1.07) !important;
}

/* 3. Discount Badge Upgrade (Red/Blue Gradient Pill) */
.product-grid-item .onsale,
.product-grid-item .product-label.onsale,
.product-label.onsale {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 11.5px !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
}

/* 4. Product Title Typography */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .woocommerce-loop-product__title {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 14px 0 6px 0 !important;
    transition: color 0.25s ease !important;
    min-height: 44px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.product-grid-item:hover .wd-entities-title,
.product-grid-item:hover .product-title {
    color: #0062ff !important;
}

/* 5. Product Category Tag */
.product-grid-item .wd-product-cats,
.product-grid-item .wd-product-cats a {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #0062ff !important;
    letter-spacing: 0.8px !important;
}

/* 6. Pricing Section Overhaul (100% Responsive Fit Container) */
.product-grid-item .price,
.product-grid-item .price-wrapper .price,
.price {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    margin: 8px auto 12px auto !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 25px !important;
    padding: 5px 12px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.product-grid-item:hover .price {
    background: #f0f9ff !important;
    border-color: #7dd3fc !important;
    box-shadow: 0 4px 12px rgba(0, 156, 251, 0.12) !important;
}

.product-grid-item .price del,
.price del,
del .woocommerce-Price-amount,
del bdi {
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-decoration: line-through !important;
    text-decoration-color: #ef4444 !important;
    text-decoration-thickness: 2px !important;
    margin-right: 2px !important;
    white-space: nowrap !important;
}

.product-grid-item .price ins {
    background: none !important;
    text-decoration: none !important;
}

.product-grid-item .price ins .amount,
.product-grid-item .price > .amount,
.product-grid-item .price bdi {
    color: #0062ff !important;
    font-size: 15.5px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.product-grid-item .price .woocommerce-Price-currencySymbol {
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-right: 2px !important;
}

/* Mobile Screens Pricing & Card Fit Adjustments */
@media (max-width: 480px) {
    .product-grid-item .price,
    .product-grid-item .price-wrapper .price {
        padding: 4px 8px !important;
        gap: 2px 6px !important;
        border-radius: 20px !important;
        margin: 6px auto 10px auto !important;
    }

    .product-grid-item .price del,
    .price del,
    del .woocommerce-Price-amount,
    del bdi {
        font-size: 11.5px !important;
        text-decoration-thickness: 1.5px !important;
    }

    .product-grid-item .price ins .amount,
    .product-grid-item .price > .amount,
    .product-grid-item .price bdi {
        font-size: 13.5px !important;
    }
    
    .post-type-archive-product .product-grid-item,
    .tax-product_cat .product-grid-item,
    .shop-content-area .product-grid-item,
    .product-grid-item {
        padding: 10px !important;
        border-radius: 14px !important;
    }
}

/* 7. Add to Cart / Select Option Button Styling */
.product-grid-item .wd-add-btn a,
.product-grid-item .button.add_to_cart_button {
    background: #0062ff !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(0, 98, 255, 0.2) !important;
}

.product-grid-item .wd-add-btn a:hover,
.product-grid-item .button.add_to_cart_button:hover {
    background: #004ecc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 98, 255, 0.35) !important;
}

/* ==========================================================================
   CUSTOM GLOBAL FOOTER STYLING & RESPONSIVE LAYOUT
   ========================================================================== */

/* Hide default WoodMart footer container */
footer.footer-container {
    display: none !important;
}

/* Custom Footer Wrapper (Unhidden & Live) */
.sp-custom-footer-wrapper {
    background-color: #a0d2ff !important; /* Soft light sky-blue matching screenshot */
    color: #0f172a !important;
    font-family: inherit !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 40px !important;
    position: relative !important;
    z-index: 10 !important;
}

.sp-footer-main {
    padding: 50px 0 40px 0 !important;
}

.sp-footer-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.sp-footer-grid {
    display: grid !important;
    grid-template-columns: 1.3fr 0.8fr 0.9fr 1.3fr !important;
    gap: 30px !important;
    align-items: start !important;
}

/* Column 1: Brand */
.sp-footer-logo img {
    width: 160px !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 16px !important;
    display: block !important;
    mix-blend-mode: multiply !important;
    object-fit: contain !important;
}

.sp-footer-desc {
    font-size: 14px !important;
    color: #1e293b !important;
    line-height: 1.65 !important;
    margin-bottom: 22px !important;
}

.sp-footer-socials {
    display: flex !important;
    gap: 12px !important;
}

.sp-social-circle {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1.5px solid #0f172a !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0f172a !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    background: transparent !important;
}

.sp-social-circle:hover {
    background-color: #0062ff !important;
    border-color: #0062ff !important;
    transform: translateY(-2px) !important;
}

.sp-social-circle:hover svg {
    fill: #ffffff !important;
}

/* Column Titles */
.sp-footer-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.2px !important;
}

/* Links */
.sp-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.sp-footer-links a {
    color: #1e293b !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.sp-footer-links a:hover {
    color: #0062ff !important;
}

.sp-arrow {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #0f172a !important;
}

/* Contact List */
.sp-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.sp-contact-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.5 !important;
}

.sp-contact-list a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.sp-contact-list a:hover {
    color: #0062ff !important;
}

.sp-contact-icon {
    font-size: 16px !important;
    line-height: 1.4 !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* Bottom Copyright Bar */
.sp-footer-copyright {
    background-color: #00a7ff !important; /* Vibrant bright blue matching screenshot */
    color: #0f172a !important;
    text-align: center !important;
    padding: 14px 0 !important;
}

.sp-footer-copyright p {
    margin: 0 !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 900px) {
    .sp-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
}

@media (max-width: 580px) {
    .sp-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    
    .sp-footer-main {
        padding: 35px 0 30px 0 !important;
    }
    
    .sp-footer-copyright p {
        font-size: 13px !important;
    }
}

/* 8. Sidebar Widgets Upgrade */
.shop-sidebar .widget-title,
.area-sidebar-shop .widget-title,
.sidebar-container .widget-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-left: 4px solid #0062ff !important;
    padding-left: 10px !important;
    margin-bottom: 18px !important;
}

.shop-sidebar .widget,
.area-sidebar-shop .widget,
.sidebar-container .widget {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 22px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Filter Button */
.shop-sidebar .price_slider_amount .button,
.sidebar-container .price_slider_amount .button {
    background: linear-gradient(135deg, #0062ff 0%, #009cfb 100%) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
    padding: 8px 22px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0, 98, 255, 0.25) !important;
}

.shop-sidebar .price_slider_amount .button:hover,
.sidebar-container .price_slider_amount .button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 98, 255, 0.35) !important;
}

/* Hide standard select box when swatches are rendered */
.variations td.value select[name="attribute_pa_flavours"].swatch-enhanced {
    display: none !important;
}

/* Custom Flavour Swatches Container */
.star-power-flavour-wrapper {
    margin: 8px 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.sp-flavour-label-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.sp-flavour-selected-text {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0062ff !important;
    text-transform: capitalize !important;
}

.sp-flavour-buttons-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
}

/* Individual Flavour Swatch Pill Button (Clean Text Only) */
.sp-flavour-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 22px !important;
    background-color: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 30px !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    user-select: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
    outline: none !important;
}

/* Hover State */
.sp-flavour-btn:hover {
    border-color: #009cfb !important;
    color: #0062ff !important;
    background-color: #f0f9ff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 156, 251, 0.15) !important;
}

/* Active Selected State */
.sp-flavour-btn.active {
    border-color: #0062ff !important;
    background-color: #eff6ff !important;
    color: #0062ff !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 255, 0.2), 0 4px 12px rgba(0, 98, 255, 0.12) !important;
}

.sp-flavour-btn .sp-check-mark {
    display: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #0062ff !important;
}

.sp-flavour-btn.active .sp-check-mark {
    display: inline-block !important;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .sp-flavour-buttons-container {
        gap: 8px !important;
    }
    
    .sp-flavour-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}