/* ============================================
   THEME VARIABLES - Edit ONLY these to change theme
   ============================================ */

:root {
    /* ===== PRIMARY BRAND COLORS =====  var(--web-primary);*/
    --web-primary: black; /* main soil red */
    --web-primary-dark: #4E1F18; /* deep earthy red */
    --web-primary-light: #F6E9E6; /* soft warm tint (instead of white) */
    --web-primary-soft: #834d4d; /* muted clay tone */
    /* ===== SECONDARY COLORS (Beige) ===== */
    --web-secondary: black; /* classic beige */
    --web-secondary-dark: #A68A6A; /* deeper sand tone */
    --web-secondary-light: #F3EADF; /* very light cream */
    /* ===== ACCENT/GOLD COLORS #D4AF37===== */
    --web-accent: black;
    --web-accent-dark: #b8960c;
    --web-accent-light: #e6c85c;
    /* ===== BACKGROUNDS ===== */
    --web-bg-main: #ffffff;
    --web-bg-alt: #fdf9ff;
    --web-bg-footer: #ebe7eb;
    --web-bg-card: #fdf9ff9c;
    --web-bg-dark: #1a1a1a;
    /* ===== TEXT COLORS ===== */
    --web-text-dark: #282828;
    --web-text-light: #555555;
    --web-text-muted: #666666;
    --web-text-inverse: #ffffff;
    /* ===== GRADIENTS ===== */
    --web-gradient-primary: linear-gradient(135deg, var(--web-primary), var(--web-primary-soft));
    --web-gradient-secondary: linear-gradient(135deg, var( --web-secondary), var(--web-secondary-light));
    --web-gradient-accent: linear-gradient(135deg, #D4AF37, #FFD700);
    --web-gradient-whatsapp: linear-gradient(135deg, #25D366, #128C7E);
    /* ===== BORDER COLORS ===== */
    --web-border-light: #f0f0f0;
    --web-border-medium: #dddddd;
    --web-border-dark: #cccccc;
    /* ===== SHADOW COLORS ===== */
    --web-shadow-sm: rgba(0, 0, 0, 0.05);
    --web-shadow-md: rgba(0, 0, 0, 0.1);
    --web-shadow-lg: rgba(0, 0, 0, 0.15);
    --web-shadow-primary: rgba(93, 17, 67, 0.25);
    /* ===== STATUS COLORS ===== */
    --web-success: #34c38f;
    --web-error: #f46a6a;
    --web-warning: #ffc107;
    --web-info: #2196F3;
    /* ===== TAG PRODUCTS VARIABLES ===== */
    --tag-text-dark: #333333;
    --tag-checkbox-bg: var(--web-primary-light);
    --tag-checkbox-border: var(--web-primary-light);
    --tag-overlay-bg: rgba(0, 0, 0, 0.4);
    --tag-sheet-bg: #ffffff;
    --tag-sort-active-bg: #800020;
    --tag-sort-active-text: #ffffff;
    --tag-sort-bg: #ffffff;
    --tag-border: #cccccc;
    --tag-focus-border: #1c0823;
    --tag-login-btn-bg: #1c0823;
    --tag-login-btn-text: #ffffff;
    --tag-login-btn-hover: #8e5f4d;
    /* ===== SPACING ===== */
    --theme-border-radius-sm: 6px;
    --theme-border-radius-md: 10px;
    --theme-border-radius-lg: 16px;
    --theme-border-radius-xl: 24px;
    /* ===== TYPOGRAPHY ===== */
    --theme-font-primary: 'Libre Baskerville', serif !important;
    --theme-font-secondary: var(--theme-font-primary);
    ;
    /* ===== TRANSITIONS ===== */
    --theme-transition-fast: 0.2s ease;
    --theme-transition-normal: 0.3s ease;
    --theme-transition-slow: 0.5s ease;
    /* Colors that don't exist in main theme */
    --store-modal-bg: #DED1DF;
    --store-btn-whatsapp: #25D366;
    --store-btn-outline-border: #562f59; /* Different shade than primary */
    --store-btn-gold-bg: #96709D;
    --store-faq-bg: #f2e8ef;
    --store-accordion-bg: #f2e8ef;
    --store-appointment-bg: #1E3747;
    --store-appointment-heading: #EEE2DA;
    --store-elegant-heading: var( --web-secondary);
    --store-purple: #96709D;
    --store-dark-purple: #501F5D;
    --store-gray: #6F6F70;
    --store-light-gray: #88A1AE;
    --store-dark-gray: #1E3747;
    --store-text-dark: #0C0C0C;
    --store-text-light: #6F6F70;
    --store-btn-primary-lg: #8DA5B5;
    --store-gold-dark: #B8941F;
    --store-gallery-dot: rgb(100 124 125);
    --store-error-bg: #fff8f8;
    --store-success-bg: #f0fff4;
    /* Gradients (new) */
    --store-badge-flagship: linear-gradient(135deg, #d4af37, #f7e1a4);
    --store-badge-soon: linear-gradient(135deg, var(--web-primary), var(--web-primary-soft));
    --store-btn-schedule: linear-gradient(135deg, var(--web-primary-soft, var(--web-primary-soft)) 0%, var(--store-purple, #96709D) 100%);
    --store-submit-btn: linear-gradient(135deg, var(--web-primary, var(--web-primary)) 0%, var(--web-primary-light, var(--web-primary)) 100%);
    --store-review-bg: linear-gradient(145deg, #ffffff, #faf9fc);
    --store-toast-icon-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --store-active-card: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    /* ===== PRODUCT INDEX - ONLY NEW/UNIQUE COLORS ===== */
    /* Product Gallery Colors */
    --product-gallery-bg: rgba(0, 0, 0, 1);
    --product-thumbnail-selected-border: #ff8f00;
    --product-thumbnail-selected-shadow: rgba(255, 143, 0, 0.4);
    /* Product Buttons */
    --product-btn-cart-bg: linear-gradient(90.18deg, #832729 .17%, #631517 99.86%);
    --product-btn-outline-cart-color: #aa2600;
    --product-btn-outline-cart-border: #aa2600;
    --product-btn-outline-cart-hover-bg: #aa2600;
    --product-btn-primary-style2-before-bg: #9a5555;
    /* Tabs & Info Cards */
    --product-tab-bg: #edecec;
    --product-tab-color: #b0b0b0;
    --product-tab-active-color: #000000;
    --product-tab-hover-color: #666666;
    --product-info-card-bg: #edecec;
    --product-info-title-color: #343a40;
    --product-info-table-text: #495057;
    --product-info-table-label: #212529;
    /* Cert Container */
    --product-cert-bg: #ffff;
    --product-cert-item-bg: #f2f2f2b3;
    --product-cert-code-bg: #e7d2d887;
    /* Contact Section */
    --product-contact-phone-icon: #007bff;
    --product-contact-separator: #edecec;
    /* Reviews */
    --product-review-header-bg: #fff;
    --product-review-rating-value: #e67e22;
    --product-review-star-active: #f1c40f;
    --product-review-star-inactive: #ddd;
    --product-review-total-color: #7f8c8d;
    --product-review-scroll-bg: #fff;
    --product-review-card-border: #f0f2f5;
    --product-review-card-hover-border: #dfe4ea;
    --product-review-content-color: #34495e;
    --product-reviewer-name: #2c3e50;
    --product-review-verified: #2ecc71;
    --product-review-time: #95a5a6;
    /* Breadcrumb */
    --product-breadcrumb-separator: #aaa;
    /* Pincode */
    --product-pincode-field-border: gainsboro;
    --product-pincode-field-bg: #80808017;
    /* Tele/Video Call */
    --product-tele-bg: #f2f2f2;
    --product-tele-border: #dac0ddbf;
    --product-tele-color: #e5588e;
    --product-videocall-color: #ed6b91;
    /* Tab Button */
    --product-tab-button-active-bg: linear-gradient(to left, #9f2862, #9f2862, #9f2862);
    --product-tab-list-bullet-color: #800020;
    /* Similar Products */
    --product-similar-card-bg: #fff;
    --product-swiper-pagination: #800020;
    /* FAQ Section */
    --product-faq-submit-span-bg: #832729;
    --product-faq-giverate-bg: linear-gradient(to left, #9f2862, #9f2862, #9f2862);
    /* Customization Modal */
    --product-customize-btn-border: #80808070;
    /* Map */
    --product-map-border: #ccc;
    /* Fixed Add to Cart */
    --product-fixed-cart-btn-secondary-bg: #ffffff;
    /* OTP */
    --product-otp-focus-shadow: rgba(169, 116, 95, 0.3);
    /* Offer Section */
    --product-offer-border: #eee;
    /* ===== DESIGN TYPE - ONLY NEW/UNIQUE COLORS ===== */
    /* Button Colors */
    --design-btn-outline-color: #563329;
    --design-btn-outline-border: #563329;
    --design-btn-outline-hover-bg: #563329;
    --design-btn-outline-active-bg: #563329;
    --design-btn-disabled-color: #563329;
    /* Section Backgrounds */
    --design-section-instock-bg: #f9f9f9;
    --design-product-card-bg: #fff;
    --design-product-card-shadow: rgba(0, 0, 0, 0.05);
    --design-product-card-hover-shadow: rgba(0, 0, 0, 0.12);
    /* Badge Colors */
    --design-badge-bestseller: linear-gradient(135deg, #FFD700 0%, #4f4d45 100%);
    --design-badge-bestseller-text: #6b4e00;
    --design-badge-gold-bg: #d4af37;
    --design-badge-gold-text: #fff;
    /* Product Colors */
    --design-product-name-color: #333;
    --design-product-amount-color: #861b2d;
    --design-product-title-color: #b0b0b0;
    --design-product-border-hover: #d1d1d1;
    --design-product-shadow-hover: rgba(0, 0, 0, 0.1);
    /* Rating Stars */
    --design-star-active: #f1c40f;
    --design-star-inactive: #b0b0b0;
    /* Wishlist */
    --design-wishlist-filled: #861b2d;
    --design-wishlist-empty: #0003;
    /* Sidebar */
    --design-sidebar-bg: #ffffff;
    --design-sidebar-shadow: rgba(0, 0, 0, 0.05);
    --design-sidebar-title-color: rgba(0, 0, 0, .85);
    --design-sidebar-title-underline: #563329;
    --design-filter-group-title-color: #444;
    --design-filter-group-title-hover: #563329;
    --design-filter-group-border: #eee;
    --design-checkbox-label-color: #666;
    --design-checkbox-label-hover: #563329;
    --design-checkbox-border: #b3b2b2;
    --design-checkbox-bg: #fff;
    --design-checkbox-checked-bg: #982464;
    --design-checkbox-checked-border: #982464;
    --design-checkbox-check-color: #fff;
    /* Select */
    --design-select-bg: #fff;
    --design-select-shadow: rgba(0, 0, 0, 0.05);
    /* Mobile Action Bar */
    --design-mobile-bar-bg: var(--web-primary);
    --design-mobile-bar-shadow: rgba(0, 0, 0, 0.1);
    --design-mobile-filter-btn-bg: #f5f5f5;
    /* Sort Overlay */
    --design-sort-overlay-bg: rgba(0, 0, 0, 0.5);
    --design-sort-content-bg: white;
    --design-sort-item-color: #333;
    --design-sort-item-border: #eee;
    --design-sort-item-hover-bg: #f5f5f5;
    --design-sort-item-hover-color: #563329;
    --design-sort-item-active-bg: #800020;
    --design-sort-item-active-color: #fff;
    /* Accordion */
    --design-accordion-color: #333;
    --design-accordion-border: #eee;
    --design-accordion-hover-underline: currentColor;
    /* Breadcrumb */
    --design-breadcrumb-color: #666;
    --design-breadcrumb-separator: #aaa;
    --design-breadcrumb-active: black;
    /* FAQ Section */
    --design-faq-border: #e1e1e1;
    --design-faq-bg: #fff;
    --design-faq-shadow: rgba(0,0,0,0.08);
    --design-faq-title-color: #222;
    --design-faq-content-color: #555;
    /* OTP */
    --design-otp-border: #ccc;
    --design-otp-focus-border: #1c0823;
    --design-otp-focus-shadow: rgba(169, 116, 95, 0.3);
    --design-otp-login-bg: #1c0823;
    --design-otp-login-hover: #8e5f4d;
    /* Additional */
    --design-section-title-color: #333;
    --design-section-subtitle-color: #666;
    --design-price-color: #333;
    --design-btn-primary-bg: #f5f5f5;
    --design-btn-primary-color: black;
    --design-h2-color: #333;
    --design-text-start-padding: #fff;
    /* Image Gallery Colors */
    --index-thumbnail-selected-border: #ff8f00;
    --index-thumbnail-selected-shadow: rgba(255, 143, 0, 0.4);
    --index-gallery-bg: rgba(0, 0, 0, 1);
    /* Zoom Preview Colors */
    --index-zoom-preview-border: rgba(255, 255, 255, 0.1);
    --index-zoom-preview-shadow: rgba(0, 0, 0, 0.3);
    --index-zoom-preview-bg: rgba(255, 255, 255, 0.9);
    --index-zoom-lens-border: rgba(255, 255, 255, 0.8);
    --index-zoom-lens-bg: rgba(255, 255, 255, 0.2);
    --index-zoom-magnifier-border: rgba(255, 255, 255, 0.8);
    --index-zoom-magnifier-bg: rgba(255, 255, 255, 0.1);
    --index-zoom-magnifier-shadow: rgba(0, 0, 0, 0.3);
    /* Pan Indicator */
    --index-pan-indicator-bg: rgba(0, 0, 0, 0.7);
    --index-pan-indicator-color: white;
    /* Shadow Colors */
    --index-shadow-soft: rgba(0, 0, 0, 0.08);
    /* Right Background */
    --index-rightbg: #f9f9f9;
    /* Option Group */
    --index-option-hover-bg: rgba(0, 0, 0, 0.04);
    --index-option-disabled-opacity: 0.5;
    /* Trust Slider */
    --index-trust-wrapper-bg: rgba(255,255,255,0.15);
    --index-trust-item-border: rgba(93,17,67,0.2);
    --index-circle-icon-bg: linear-gradient(135deg, #f8f3f6, #f0e6f0);
    --index-circle-icon-shadow: inset 0 4px 12px rgba(0,0,0,0.1);
    --index-trust-dot-color: #d4a8d4;
    --index-trust-dot-active: var(--primary);
    /* Pincode Colors */
    --index-pincode-icon-color: var(--soft);
    --index-pincode-locate-btn-bg: transparent;
    --index-pincode-locate-btn-color: white;
    --index-pincode-locate-btn-hover-scale: 1.05;
    /* Delivery Section */
    --index-delivery-section-border: var(--border);
    --index-premium-alert-bg: var(--gradient-accent);
    --index-premium-alert-border: var(--soft);
    --index-premium-alert-color: white;
    --index-premium-muted-color: var(--gray);
    /* Gemstone Grid */
    --index-gemstone-row-hover-bg: rgba(209,144,185,0.05);
    --index-gemstone-purity-color: var(--gray);
    --index-gemstone-weight-color: var(--primary);
    --index-gemstone-gold-weight-color: var(--soft);
    /* Professional Tabs */
    --index-tab-underline-bg: var(--gradient-accent);
    --index-spec-border-color: var(--border);
    --index-spec-label-color: var(--gray);
    --index-spec-value-color: var(--primary);
    --index-gem-type-color: var(--soft);
    --index-price-list-border: #eee;
    --index-total-row-border: var(--soft);
    /* Scrollbar Colors */
    --index-similar-scrollbar-bg: #eee;
    --index-similar-scrollbar-drag: black;
    --index-recent-scrollbar-bg: #eee;
    --index-recent-scrollbar-drag: black;
    /* Slick Arrows */
    --index-slick-arrow-hover-bg: var(--gradient-primary);
    /* Mobile Styles */
    --index-mobile-rating-overlay: blur(10px);
    --index-mobile-carousel-control-filter: invert(1);
    --index-mobile-trust-wrapper-bg: rgba(255,255,255,0.15);
    --index-mobile-circle-icon-bg: linear-gradient(135deg, #f8f3f6, #f0e6f0);
    --index-mobile-circle-icon-shadow: inset 0 4px 12px rgba(0,0,0,0.1);
    --index-mobile-pincode-icon-color: var(--soft);
    --index-mobile-premium-alert-bg: var(--gradient-accent);
    --index-mobile-delivery-section-border: var(--primary);
    --index-mobile-swiper-button-bg: rgba(255,255,255,0.9);
    --index-mobile-swiper-button-color: var(--primary);
    /* Mobile Product Item */
    --index-mobile-product-item-bg: white;
    --index-mobile-product-item-shadow: rgba(0, 0, 0, 0.05);
    --index-mobile-product-item-hover-shadow: rgba(0, 0, 0, 0.1);
    --index-mobile-product-image-shadow: rgba(0, 0, 0, 0.1);
    --index-mobile-btn-icon-hover-bg: var(--primary);
    --index-mobile-rating-badge-bg: rgba(255, 255, 255, 0.95);
    --index-mobile-product-title-color: var(--dark);
    --index-mobile-price-color: var(--primary);
    --index-mobile-recent-pagination-bullet: #ddd;
    --index-mobile-recent-pagination-active: var(--primary);
    /* Mobile Reviews */
    --index-mobile-review-card-shadow: var(--shadow-soft);
    /* Bottom Sheet */
    --index-bottom-sheet-backdrop: rgba(0, 0, 0, 0.5);
    --index-bottom-sheet-content-bg: white;
    --index-bottom-sheet-shadow: rgba(0, 0, 0, 0.2);
    --index-bottom-sheet-header-border: rgba(0, 0, 0, 0.1);
    --index-bottom-sheet-product-item-border: rgba(0, 0, 0, 0.05);
    --index-bottom-sheet-slick-arrow-bg: white;
    --index-bottom-sheet-slick-arrow-shadow: rgba(0, 0, 0, 0.2);
    --index-bottom-sheet-slick-arrow-border: rgba(0, 0, 0, 0.1);
    --index-bottom-sheet-handle-bar-bg: #ddd;
    /* Trust Card Colors */
    --index-trust-card-color: #333;
    --index-trust-card-shadow: rgba(0,0,0,0.15);
    --index-trust-card-h3-color: #2d1a3a;
    --index-trust-card-border: rgba(255,255,255,0.3);
    /* Trust Card Gradients */
    --index-card-1: linear-gradient(135deg, #f2e0eb, #e8d0e0);
    --index-card-2: linear-gradient(135deg, #e8d9e9, #d9c8e0);
    --index-card-3: linear-gradient(135deg, #fdf8f2, #f5ede6);
    --index-card-4: linear-gradient(135deg, #d0e6e8, #c8e0e6);
    --index-card-5: linear-gradient(135deg, #e8d4ed, #d9c8e5);
    --index-card-6: linear-gradient(135deg, #f0f0f0, #e0e4e8);
    --index-card-7: linear-gradient(135deg, #d6e4ed, #c8d8e8);
    --index-card-8: linear-gradient(135deg, #f0e0e8, #e8d5e2);
    /* Scrollbar Hover */
    --index-scrollbar-thumb-bg: rgba(0,0,0,0.3);
    --index-scrollbar-thumb-hover: rgba(0,0,0,0.6);
    /* Blur Background */
    --index-blur-overlay: rgba(0, 0, 0, 0.4);
    /* Tab Button */
    --index-tab-button-active-bg: linear-gradient(to left, #9f2862, #9f2862, #9f2862);
    --index-tab-button-active-color: white;
    --index-tab-button-color: var( --web-secondary);
    /* Section Background */
    --index-section-bg: #f9f9f9;
    /* Fake Dropdown */
    --index-fake-dropdown-bg: #f8f9fa;
    --index-fake-dropdown-border: #ddd;
    /* Nav Link Active */
    --index-nav-active-bg: var(--web-primary-soft);
    --index-nav-active-color: var(--web-primary);
    /* Fixed Bottom Bar */
    --index-fixed-bar-bg: var(--card-glass);
    --index-fixed-bar-border: var(--border);
    --index-fixed-bar-shadow: var(--shadow-deep);
    /* Add to Cart Fixed */
    --index-add-to-cart-hover-color: var(--primary);
    --index-add-to-cart-hover-bg: white;
    --index-add-to-cart-hover-border: var(--primary);
    --index-add-to-cart-hover-shadow: var(--shadow-deep);
    /* WhatsApp Video Button */
    --index-whatsapp-video-btn-bg: var(--gradient-accent);
    /* Responsive Text Colors */
    --index-pname-color: var(--primary-dark);
    --index-topprice-hover-color: var(--primary-dark);
    /* Loading Overlay */
    --index-loading-overlay-bg: rgba(255, 255, 255, 0.8);
    --index-loading-spinner-border: #f3f3f3;
    --index-loading-spinner-top: var(--web-primary);
    /* Diamond Guide */
    --index-diamond-underline: #d4af37;
    --index-diamond-text: #2c3e50;
    --index-diamond-marker: #b48b5a;
    --index-diamond-marker-hover: #9c27b0;
    --index-quality-best-bg: #e8f5e9;
    --index-quality-best-color: #2e7d32;
    --index-quality-good-bg: #fff3e0;
    --index-quality-good-color: #ef6c00;
    --index-quality-fair-bg: #fce4ec;
    --index-quality-fair-color: #c2185b;
    /* Size Guide */
    --index-size-guide-color: var(--web-primary);
    --index-size-guide-hover-border: var(--web-primary-soft);
    --index-size-circle-border: rgb(200, 197, 200);
    --index-size-circle-bg: rgb(246, 239, 246);
    --index-size-circle-selected-gradient: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --index-diameter-color: #6F6F70;
    /* Calibration */
    --index-calibration-bg: linear-gradient(135deg, #f8f7f9 0%, #f0eef2 100%);
    --index-calibration-border: #EEE2DA;
    --index-placeholder-bg: linear-gradient(135deg, #f0eef2 0%, #e8e6ec 100%);
    --index-placeholder-border: var(--web-primary-soft);
    --index-card-bg: linear-gradient(135deg, var( --web-secondary) 0%, #2a4a5e 100%);
    --index-card-chip: linear-gradient(135deg, var(--web-primary-soft) 0%, #96709D 100%);
    --index-measurement-line: var(--web-primary);
    --index-handle-bg: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --index-measurement-label-bg: linear-gradient(135deg, var( --web-secondary) 0%, #2a4a5e 100%);
    --index-measurement-calibrated: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);
    /* Modal */
    --index-modal-overlay: rgba(12, 12, 12, 0.7);
    --index-modal-bg: white;
    --index-modal-border: #EEE2DA;
    --index-modal-header-bg: linear-gradient(135deg, #fafafa 0%, white 100%);
    --index-modal-title-color: var( --web-secondary);
    --index-modal-close-bg: #EEE2DA;
    --index-modal-close-hover: var(--web-primary-soft);
    /* Step */
    --index-step-icon-gradient: linear-gradient(135deg, var(--web-primary-soft) 0%, #96709D 100%);
    --index-step-title-color: var( --web-secondary);
    --index-step-description-color: #6F6F70;
    --index-radio-border: #EEE2DA;
    --index-radio-hover-bg: linear-gradient(135deg, #fef8fc 0%, #fcf9fd 100%);
    --index-radio-selected-border: var(--web-primary);
    /* ===== PRODUCT DETAIL MAIN - ONLY NEW/UNIQUE COLORS ===== */
    /* Gradient Accent Light */
    --detail-gradien-accent-light: linear-gradient(135deg, rgba(184, 129, 77, 0.15) 0%, rgba(184, 129, 77, 0.25) 100%);
    /* Tab Button Colors */
    --detail-tab-btn-shadow: rgba(0, 0, 0, 0.1);
    --detail-tab-btn-active-shadow: rgba(0, 0, 0, 0.15);
    /* Customize Button */
    --detail-customize-btn-shadow: rgba(184, 129, 77, 0.2);
    --detail-customize-btn-hover-shadow: rgba(184, 129, 77, 0.3);
    --detail-customize-btn-hover-color: var(--web-primary);
    --detail-customize-btn-ripple-bg: rgba(255, 255, 255, 0.3);
    /* Modal Loader */
    --detail-modal-loader-bg: rgba(255, 255, 255, 0.85);
    --detail-dot-loader-bg: var(--web-primary);
    /* Pincode Icon Position */
    --detail-pincode-icon-top: 40%;
    /* ===== PRODUCT DETAIL PARTIAL - ONLY NEW/UNIQUE COLORS ===== */
    /* Mobile Section Colors */
    --detail-mobile-custom-section-bg: none;
    --detail-mobile-recent-section-bg: none;
    --detail-mobile-cart-icon-bg: none;
    --detail-mobile-btn-icon-bg: none;
    /* Carousel Indicators */
    --detail-carousel-indicator-bg: var(--primary);
    --detail-carousel-indicator-inactive-opacity: 0.4;
    --detail-carousel-indicator-active-opacity: 1;
    /* Image Grid Colors */
    --detail-image-grid-bg: white;
    /* Single Zoom Preview */
    --detail-single-zoom-preview-border: white;
    --detail-single-zoom-preview-bg: white;
    --detail-single-zoom-preview-shadow: var(--shadow-deep);
    --detail-single-zoom-preview-backdrop: blur(10px);
    /* Description Table Colors */
    --detail-desc-header-color: var(--primary);
    --detail-desc-header-border: #eaeaea;
    --detail-desc-row-border: #f1f1f1;
    --detail-desc-col-color: var(--gray);
    /* Custom Option Mobile */
    --detail-custom-option-mobile-bg: #fff;
    --detail-custom-option-mobile-border: #f8f8f8;
    --detail-custom-option-mobile-hover-border: var(--primary);
    --detail-custom-option-mobile-hover-shadow: rgba(0,0,0,0.1);
    /* Customize Button Mobile */
    --detail-customize-btn-font-size: 14px;
    --detail-customize-btn-padding: 8px 16px;
    --detail-customize-btn-min-height: 60px;
    /* Zoom Container */
    --detail-zoom-overlay-bg: rgba(0, 0, 0, 0.02);
    --detail-pan-indicator-bg: rgba(0, 0, 0, 0.7);
    --detail-pan-indicator-color: white;
    --detail-pan-indicator-backdrop: blur(5px);
    /* Double Image Zoom */
    --detail-double-zoom-zindex: 100;
    --detail-pan-indicator-zindex: 102;
    /* Responsive Text Sizes */
    --detail-font-12-size: 11px;
    --detail-text-web-size: 13px;
    --detail-gutter-x: 0.5rem;
    --detail-gutter-padding: 0.25rem;
    /*PRODUCT DETAIL PAGE*/

    --deep: var(--web-primary);
    --soft: var(--web-primary-soft);
    --cream: #EEE2DA;
    --dark: var( --web-secondary);
    --gray: #8DA5B5;
    --light-bg: #FDF9F7;
    --card-glass: rgba(255, 255, 255, 0.85);
    --border: rgba(93, 17, 67, 0.12);
    --shadow-soft: 0 15px 35px rgba(93, 17, 67, 0.15);
    --shadow-deep: 0 25px 60px rgba(93, 17, 67, 0.25);
    --gradient-primary: linear-gradient(135deg, var(--primary), var(--deep));
    --gradient-accent: linear-gradient(135deg, var(--soft), var(--primary));
    --primary: var(--web-primary);
    --primary-dark: var(--web-primary);
    --primary-light: var(--web-primary-soft);
    --cream: #EEE2DA;
    --neutral-light: #F8F5F3;
    --border: var(--web-primary-soft);
    --text-dark: #1E3747;
    --text-muted: #6F6F70;
    --accent-gray: #88A1AE;
    --deep-purple: #501F5D;
    --soft-purple: #96709D;
    --black: #0C0C0C;
    /*WISHLIST & CART PAGE*/
    /* ===== WISHLIST & CART PAGE - NEW/UNIQUE COLORS ===== */
    /* Wishlist Colors */
    --wishlist-item-bg: #ffffff;
    --wishlist-item-shadow: rgba(0, 0, 0, 0.1);
    --wishlist-instock: green;
    --wishlist-remove-hover: #c00;
    --wishlist-header-bg: #eeeaed;
    --wishlist-header-border: #eeeaed;
    --wishlist-breadcrumb-color: #777;
    --wishlist-btn-outline-border: var( --web-secondary);
    --wishlist-btn-outline-bg: #8DA5B5;
    --wishlist-empty-gradient: linear-gradient(90deg, #982464, #ffe66d);
    --wishlist-secondary-btn-bg: #ffe66d;
    --wishlist-secondary-btn-hover: #ffef99;
    --wishlist-secondary-btn-shadow: rgba(255, 230, 109, 0.4);
    --wishlist-primary-btn-shadow: rgba(255, 107, 107, 0.4);
    /* Cart Colors */
    --cart-body-bg: #faf8f6;
    --cart-item-hover-bg: #f5f5f5;
    --cart-summary-sticky-top: 120px;
    --cart-empty-bg: linear-gradient(to bottom, #faf8f6 0%, #fffdf9 100%);
    --cart-empty-title-color: #562f59;
    --cart-check-color: #562f59;
    /* Pincode Modal Colors */
    --pincode-modal-shadow: rgba(0, 0, 0, 0.1);
    --pincode-input-focus-shadow: rgba(184, 151, 120, 0.2);
    --pincode-btn-close-filter: invert(1);
    --pincode-map-pin-color: #b89778;
    /* Loading Overlay Colors */
    --loading-overlay-bg: rgba(255, 255, 255, 0.95);
    --loading-dot-bg: var(--web-primary, var(--web-primary));
    --loading-dot-pulse: 1.4s;
    /* Coupon Colors */
    --coupon-apply-btn-color: var(--web-primary, var(--web-primary));
    /* Brand Banners */
    --brand-banner-filter: grayscale(100%);
    --brand-banner-hover-filter: grayscale(0%);
    --brand-banner-hover-scale: 1.1;
    /* Empty Cart Modern */
    --empty-cart-gradient: white;
    --empty-cta-shadow: rgba(184, 151, 120, 0.3);
    /* Trust Badges */
    --trust-badges-gap: 20px;
    /* Modal Content */
    --modal-content-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    --modal-input-focus-shadow: 0 0 0 4px rgba(184, 151, 120, 0.2);
    /* Item Removing Overlay */
    --item-removing-overlay-bg: rgba(255, 255, 255, 0.95);
    --item-removing-overlay-blur: blur(8px);
    --item-removing-overlay-radius: 12px;
    --item-removing-overlay-zindex: 50;
    /* Animation Durations */
    --animation-fade-duration: 0.3s;
    --animation-pulse-duration: 1.4s;
    --animation-bounce-duration: 1.4s;
    /* Button Hover Effects */
    --btn-hover-translate: translateY(-3px);
    --btn-hover-scale: scale(1.05);
    --btn-hover-shadow-offset: 0 8px 20px;
    /* Empty Cart Specific */
    --empty-cart-min-height: 80vh;
    --empty-cart-mobile-min-height: 70vh;
    --empty-gif-max-height: 220px;
    --empty-title-font-size: 32px;
    --empty-title-mobile-font-size: 28px;
    /* Brand Banners Container */
    --brand-banners-container-gap: 40px;
    --brand-banner-max-width: 120px;
    --brand-banner-transition: all 0.3s ease;
    /* Pincode Input */
    --pincode-input-height: 48px;
    --pincode-input-font-size: 11px;
    --pincode-input-padding-left: 40px;
    --pincode-input-border-radius: 8px;
    --pincode-input-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    /* Pincode Locate Button */
    --pincode-locate-btn-padding: 6px 5px;
    --pincode-locate-btn-border-radius: 6px;
    --pincode-locate-btn-font-size: 11px;
    /* Coupon Input */
    --coupon-input-padding-left: 40px;
    --coupon-icon-font-size: 20px;
    /* Loading Dots */
    --loading-dots-gap: 12px;
    --loading-dot-size: 15px;
    /* Cart Item */
    --cart-item-gap: 24px;
    --cart-item-padding: 24px 0;
    --cart-item-border-bottom: 1px solid var(--border);
    --cart-item-hover-radius: 8px;
    /* Cart Image */
    --cart-img-size: 180px;
    --cart-img-border-radius: 8px;
    --cart-img-border: 1px solid var(--border);
    --cart-img-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --cart-img-hover-scale: scale(1.05);
    /* Cart Quantity */
    --cart-qty-width: 40px;
    --cart-qty-height: 40px;
    --cart-qty-font-size: 18px;
    --cart-qty-border-radius: 8px;
    --cart-qty-span-width: 50px;
    /* Cart Summary */
    --cart-summary-padding: 40px;
    --cart-summary-border-radius: 12px;
    --cart-summary-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    --cart-summary-h3-font-size: 16px;
    --cart-summary-h3-margin-bottom: 24px;
    /* Cart Row */
    --cart-row-font-size: 13px;
    --cart-row-padding: 8px 0;
    /* Cart Total */
    --cart-total-padding-top: 16px;
    --cart-total-margin-top: 16px;
    --cart-total-margin-bottom: 14px;
    /* Cart Checkout Button */
    --cart-checkout-padding: 8px;
    --cart-checkout-border-radius: 8px;
    --cart-checkout-font-size: 14px;
    --cart-checkout-font-weight: 600;
    --cart-checkout-shadow: 0 4px 12px rgba(86, 47, 89, 0.2);
    /* Empty Cart */
    --empty-cart-padding: 100px 40px;
    --empty-cart-max-width: 600px;
    --empty-cart-border-radius: 12px;
    --empty-cart-image-max-width: 200px;
    --empty-cart-image-margin-bottom: 40px;
    --empty-cart-title-font-size: 32px;
    --empty-cart-title-margin-bottom: 16px;
    --empty-cart-subtitle-font-size: 18px;
    --empty-cart-subtitle-margin-bottom: 32px;
    /* Shop Now Button */
    --shop-now-btn-padding: 14px 32px;
    --shop-now-btn-border-radius: 8px;
    --shop-now-btn-font-weight: 600;
    --shop-now-btn-shadow: 0 4px 12px rgba(184, 151, 120, 0.2);
    /* Brand Banners */
    --brand-banners-section-padding: 40px 0;
    --brand-banners-section-margin-top: 60px;
    --brand-banners-border-top: 1px solid var(--border);
    /* Modal */
    --modal-border-radius: 12px;
    --modal-padding: 24px;
    --modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    /* Modal Input */
    --modal-input-height: 48px;
    --modal-input-padding-left: 40px;
    --modal-input-border-radius: 8px;
    /* Modal Check Button */
    --modal-check-btn-padding: 8px 16px;
    --modal-check-btn-border-radius: 6px;
    --modal-check-btn-font-size: 14px;
    /* Responsive Breakpoints */
    --breakpoint-desktop: 992px;
    --breakpoint-tablet: 768px;
    --breakpoint-mobile: 600px;
    --breakpoint-small-mobile: 576px;
    /* Z-Index Layers */
    --zindex-sticky: 999;
    --zindex-overlay: 50;
    --zindex-modal: 1000;
    --zindex-loader: 9999;
    /*ADDRESS SECTION*/
    /* ===== ADDRESS PAGE - NEW/UNIQUE COLORS ===== */
    /* Address Section Colors */
    --address-billing-wrapper-bg: #f8f9fa;
    --address-section-bg: white;
    --address-section-title-color: black;
    --address-detail-title-color: black;
    /* Delivery Options Colors */
    --address-delivery-btn-bg: rgb(246, 243, 249);
    --address-delivery-btn-border: rgb(246, 243, 249);
    --address-delivery-btn-active-border: rgb(238, 232, 255);
    --address-delivery-btn-active-bg: black;
    --address-delivery-btn-active-color: white;
    /* Address Card Colors */
    --address-card-bg: #f8f9fa;
    --address-card-border: #eaeaea;
    --address-card-header-border: #ddd;
    --address-card-header-color: #563329;
    --address-change-btn-border: rgb(229, 221, 255);
    --address-change-btn-bg: rgb(255, 255, 255);
    --address-change-btn-shadow: rgba(0, 0, 0, 0.04);
    --address-change-btn-color: rgb(79, 50, 103);
    --address-change-btn-hover-bg: var(--web-primary);
    --address-change-btn-hover-color: white;
    --address-label-color: #555;
    --address-value-color: #333;
    --address-selected-border: rgb(238, 232, 255);
    --address-selected-header-color: #007bff;
    /* Delivery Estimate Colors */
    --address-estimate-header-bg: rgb(246, 243, 249);
    --address-estimate-header-border: rgb(238, 232, 255);
    --address-estimate-title-color: black;
    --address-estimate-date-color: #800020;
    /* Modal Colors */
    --address-modal-bg: white;
    --address-modal-shadow: rgba(0, 0, 0, 0.1);
    --address-modal-header-bg: rgb(246, 243, 249);
    --address-modal-header-border: #eaeaea;
    --address-modal-close-color: #666;
    --address-modal-close-hover: #800020;
    --address-current-address-border: rgb(136, 99, 251);
    --address-current-address-bg: white;
    --address-current-address-label-color: var(--web-primary);
    --address-current-address-details-color: #333;
    --address-edit-btn-bg: white;
    --address-edit-btn-border: rgb(238, 232, 255);
    --address-edit-btn-color: var(--web-primary);
    --address-edit-btn-hover-bg: var(--web-primary);
    --address-edit-btn-hover-color: white;
    /* Form Colors */
    --address-form-label-color: #555;
    --address-form-input-border: #f6f3f9;
    --address-form-input-bg: #f6f3f9;
    --address-form-input-focus-border: #800020;
    --address-form-input-focus-shadow: rgba(128, 0, 32, 0.1);
    --address-form-input-focus-bg: white;
    --address-form-invalid-border: #dc3545;
    --address-form-invalid-bg: #fff5f5;
    --address-save-btn-gradient: linear-gradient(135deg, var(--web-primary) 0%, var(--web-primary) 100%);
    --address-save-btn-color: rgb(255, 255, 255);
    --address-save-btn-hover-bg: #660019;
    /* Radio Option Colors */
    --address-radio-option-bg: rgb(246, 243, 249);
    --address-radio-option-border: rgb(246, 243, 249);
    --address-radio-option-active-border: rgb(246 246 246);
    --address-radio-option-active-bg: rgb(246 246 246);
    --address-radio-label-color: #555;
    --address-radio-custom-border: #ddd;
    --address-radio-custom-active-border: var(--web-primary);
    --address-radio-custom-active-bg: var(--web-primary);
    --address-radio-custom-dot-bg: white;
    /* Product Section Colors */
    --address-products-border: #f0f0f0;
    --address-product-img-bg: #f8f9fa;
    --address-product-name-color: #333;
    --address-product-remove-color: #dc3545;
    --address-product-remove-hover: #c82333;
    --address-product-price-color: #800020;
    --address-product-check-color: #6c757d;
    --address-product-meta-color: #6c757d;
    /* Checkout Summary Colors */
    --address-summary-header-color: #563329;
    --address-summary-border: #eaeaea;
    --address-summary-total-color: #333;
    --address-summary-free-color: #28a745;
    --address-checkout-bg: black !important;
    --address-checkout-hover-bg: #660019;
    --address-checkout-shadow: rgba(128, 0, 32, 0.2);
    --address-checkout-disabled-bg: #cccccc;
    /* Toast Message Colors */
    --address-toast-bg: linear-gradient(135deg, #dc3545, #ff6b6b);
    --address-toast-color: white;
    --address-toast-shadow: rgba(0,0,0,0.15);
    /* Security Badge Colors */
    --address-security-badge-bg: #f8f9fa;
    --address-security-badge-border: #dee2e6;
    --address-security-icon-color: #28a745;
    /* Form Background */
    --address-bg-form: #f6f3f9;
    --address-bg-form-border: #f6f3f9;
    --address-bg-form-color: var(--web-primary);
    /* Cart Dropdown Colors */
    --address-cart-dropdown-bg: white;
    --address-cart-dropdown-border: #EEE2DA;
    --address-cart-dropdown-shadow: rgba(30,55,71,0.12);
    --address-cart-item-hover-bg: #EEE2DA30;
    --address-cart-item-hover-border: #90216730;
    /* Exit Dropdown Colors */
    --address-exit-dropdown-bg: white;
    --address-exit-dropdown-border: #EEE2DA;
    --address-exit-dropdown-shadow: rgba(30,55,71,0.12);
    --address-exit-option-bg: #EEE2DA30;
    --address-exit-option-hover-bg: var(--web-primary-soft)20;
    --address-exit-option-hover-border: #90216740;
    --address-exit-option-color: var( --web-secondary);
    --address-exit-radio-accent: var(--web-primary);
    /* Scrollbar Colors */
    --address-scrollbar-track: #f1f1f1;
    --address-scrollbar-thumb: #c1c1c1;
    --address-scrollbar-thumb-hover: #a8a8a8;
    /* Payment Modal Colors */
    --address-payment-modal-bg: white;
    --address-payment-loading-zindex: 10;
    /* Error Message Colors */
    --address-error-bg: #ffe6e6;
    --address-error-border: #ffcccc;
    --address-error-color: #cc0000;
    /* Button Secondary Colors */
    --address-btn-secondary-bg: #6c757d;
    --address-btn-secondary-hover: #5a6268;
    --address-btn-primary-bg: #800020;
    --address-btn-primary-hover: #660019;
    /* Floating Label Colors */
    --address-floating-label-color: rgb(79, 50, 103);
    /* Modal Footer Position */
    --address-modal-footer-sticky-bottom: 0;
    --address-modal-footer-zindex: 10;
    /*EDITCUSTOMER*/
    /* ===== ACCOUNT PAGE - NEW/UNIQUE COLORS ===== */
    /* Account Header Colors */
    --account-header-gradient: linear-gradient(135deg, var(--web-primary, var(--web-primary)) 0%, #7a1a5a 100%);
    --account-header-color: white;
    --account-stat-number-color: white;
    /* Sidebar Colors */
    --account-sidebar-bg: transparent;
    --account-sidebar-title-color: var(--web-primary);
    --account-sidebar-title-border: rgba(93, 17, 67, 0.08);
    --account-nav-link-hover-color: var(--web-primary, var(--web-primary));
    --account-nav-link-active-color: var(--web-primary, var(--web-primary));
    --account-badge-bg: var(--web-primary-soft, var(--web-primary-soft));
    --account-badge-color: white;
    /* Content Area Colors */
    --account-content-bg: var(--web-bg-main, #FFFFFF);
    --account-content-shadow: rgba(93, 17, 67, 0.05);
    --account-content-header-shadow: rgba(0, 0, 0, 0.08);
    --account-content-header-title-color: var(--web-primary, var(--web-primary));
    --account-content-header-subtitle-color: var(--store-gray, #8DA5B5);
    /* Profile Card Colors */
    --account-profile-card-bg: linear-gradient(135deg, var(--account-primary-light, #F9F2F6), var(--account-accent-light, #FCF5FA));
    --account-profile-avatar-border: white;
    --account-profile-avatar-shadow: rgba(93, 17, 67, 0.15);
    --account-profile-name-color: var(--web-primary, var(--web-primary));
    --account-profile-email-color: var(--store-gray, #8DA5B5);
    --account-profile-stat-number-color: var(--web-primary, var(--web-primary));
    --account-profile-stat-label-color: var(--store-gray, #8DA5B5);
    /* Quick Actions Colors */
    --account-action-card-bg: white;
    --account-action-card-border: rgba(93, 17, 67, 0.08);
    --account-action-card-hover-shadow: rgba(93, 17, 67, 0.05);
    --account-action-card-hover-border: var(--web-primary-soft, var(--web-primary-soft));
    --account-action-icon-bg: linear-gradient(135deg, var(--account-primary-light, #F9F2F6), var(--account-accent-light, #FCF5FA));
    --account-action-icon-color: var(--web-primary, var(--web-primary));
    /* Treasure Chest Colors */
    --account-treasure-container-bg: linear-gradient(135deg, #FFF9F7, #FFFFFF);
    --account-treasure-border: rgba(93, 17, 67, 0.1);
    --account-treasure-shadow: rgba(93, 17, 67, 0.08);
    --account-scheme-image-filter: drop-shadow(0 8px 16px rgba(93, 17, 67, 0.15));
    --account-scheme-text-color: #4a4a4a;
    --account-start-plan-btn-bg: linear-gradient(135deg, var(--web-primary), var(--web-primary));
    --account-start-plan-btn-shadow: rgba(93, 17, 67, 0.25);
    /* Form Section Colors */
    --account-form-section-bg: white;
    --account-form-section-border: rgba(93, 17, 67, 0.1);
    --account-form-section-shadow: rgba(93, 17, 67, 0.08);
    --account-accordion-icon-bg: linear-gradient(135deg, var(--web-primary), var(--web-primary));
    --account-accordion-icon-color: white;
    --account-accordion-title-color: var(--web-primary);
    --account-accordion-toggle-bg: white;
    /* Mobile Sidebar Colors */
    --account-mobile-header-bg: white;
    --account-mobile-header-shadow: rgba(93, 17, 67, 0.05);
    --account-mobile-menu-toggle-color: var(--web-primary, var(--web-primary));
    --account-mobile-sidebar-bg: white;
    --account-mobile-sidebar-shadow: rgba(93, 17, 67, 0.2);
    --account-mobile-sidebar-border: rgba(93, 17, 67, 0.08);
    --account-mobile-sidebar-close-bg: var(--account-primary-light, #F9F2F6);
    --account-mobile-sidebar-close-color: var(--web-primary, var(--web-primary));
    --account-mobile-sidebar-close-hover-bg: var(--web-primary-light, var(--web-primary));
    --account-mobile-nav-link-hover-bg: linear-gradient(135deg, var(--account-primary-light, #F9F2F6), var(--account-accent-light, #FCF5FA));
    --account-mobile-nav-link-hover-color: var(--web-primary, var(--web-primary));
    /* Circle Arrow Animation */
    --account-circle-bg: var(--web-primary, var(--web-primary));
    --account-arrow-color: #fff;
    /* Scrollbar Colors */
    --account-scrollbar-track: #f1f1f1;
    --account-scrollbar-thumb: var(--web-primary-soft, var(--web-primary-soft));
    --account-scrollbar-thumb-hover: var(--web-primary-light, var(--web-primary));
    /* Animation Durations */
    --account-animation-fade-duration: 0.3s;
    --account-animation-slide-duration: 0.3s;
    /* Button Colors */
    --account-btn-web-gradient: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --account-btn-web-shadow: rgba(93, 17, 67, 0.2);
    --account-btn-outline-web-border: var(--web-primary, var(--web-primary));
    --account-btn-outline-web-color: var(--web-primary, var(--web-primary));
    --account-btn-outline-web-hover-bg: var(--web-primary, var(--web-primary));
    /* Wishlist Header */
    --account-wishlist-header-bg: #ffffff;
    --account-wishlist-header-border: #f0f0f0;
    --account-wishlist-header-shadow: rgba(0, 0, 0, 0.05);
    /* Orders Section */
    --account-orders-section-bg: transparent;
    /* Edit Profile Section */
    --account-edit-profile-section-bg: transparent;
    /* Responsive Colors */
    --account-responsive-subtitle-color: #666;
    /*EDITCUSTOMER PARTIAL*/
    /* ===== EDIT CUSTOMER PARTIAL VIEW - NEW/UNIQUE COLORS ===== */
    /* Form Grid Colors */
    --edit-form-grid-bg: transparent;
    --edit-form-grid-gap: 1rem;
    --edit-form-grid-row-gap: 1.5rem;
    /* Profile Image Colors */
    --edit-profile-image-cell-bg: transparent;
    --edit-profile-image-preview-border: var(--web-primary);
    --edit-profile-image-preview-bg: linear-gradient(135deg, #F9F2F6, #FCF5FA);
    --edit-profile-image-preview-shadow: rgba(93, 17, 67, 0.15);
    --edit-profile-image-preview-hover-shadow: rgba(93, 17, 67, 0.25);
    --edit-camera-icon-bg: var(--web-primary);
    --edit-camera-icon-border: white;
    --edit-camera-icon-shadow: rgba(0, 0, 0, 0.2);
    --edit-camera-icon-hover-bg: var(--web-primary);
    /* Accordion Colors */
    --edit-accordion-item-bg: white;
    --edit-accordion-item-shadow: rgba(93, 17, 67, 0.08);
    --edit-accordion-item-border: rgba(93, 17, 67, 0.1);
    --edit-accordion-item-hover-shadow: rgba(93, 17, 67, 0.12);
    --edit-accordion-header-bg: linear-gradient(135deg, #F9F2F6, #FCF5FA);
    --edit-accordion-header-border: rgba(93, 17, 67, 0.1);
    --edit-accordion-button-color: var(--web-primary);
    --edit-accordion-button-hover-bg: rgba(93, 17, 67, 0.05);
    --edit-accordion-icon-bg: linear-gradient(135deg, var(--web-primary), var(--web-primary));
    --edit-accordion-icon-color: white;
    --edit-accordion-title-color: var(--web-primary);
    --edit-accordion-subtitle-color: #8DA5B5;
    --edit-accordion-arrow-color: var(--web-primary);
    /* Form Control Colors */
    --edit-form-label-bg: white;
    --edit-form-label-color: var(--web-primary);
    --edit-form-label-border: rgba(93, 17, 67, 0.15);
    --edit-form-control-border: rgba(93, 17, 67, 0.15);
    --edit-form-control-color: var(--web-primary);
    --edit-form-control-bg: white;
    --edit-form-control-focus-border: var(--web-primary);
    --edit-form-control-focus-shadow: rgba(93, 17, 67, 0.1);
    --edit-form-control-placeholder-color: #8DA5B5;
    --edit-select-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235D1143' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    /* Checkbox Colors */
    --edit-checkbox-wrapper-bg: #F9F2F6;
    --edit-checkbox-wrapper-border: rgba(93, 17, 67, 0.08);
    --edit-checkbox-wrapper-hover-border: var(--web-primary);
    --edit-checkbox-wrapper-hover-bg: linear-gradient(135deg, #F9F2F6, #FCF5FA);
    --edit-checkbox-border: var(--web-primary);
    --edit-checkbox-checked-bg: var(--web-primary);
    --edit-checkbox-checked-color: white;
    --edit-checkbox-label-color: var(--web-primary);
    /* Button Colors */
    --edit-btn-primary-gradient: linear-gradient(135deg, var(--web-primary) 0%, var(--web-primary) 100%);
    --edit-btn-primary-shadow: rgba(93, 17, 67, 0.25);
    --edit-btn-primary-hover-shadow: rgba(93, 17, 67, 0.35);
    --edit-btn-outline-secondary-border: #8DA5B5;
    --edit-btn-outline-secondary-color: var( --web-secondary);
    --edit-btn-outline-secondary-hover-bg: #8DA5B5;
    --edit-btn-outline-secondary-hover-color: white;
    --edit-btn-outline-danger-border: #dc3545;
    --edit-btn-outline-danger-color: #dc3545;
    --edit-btn-outline-danger-hover-bg: #dc3545;
    --edit-btn-outline-danger-hover-color: white;
    /* ID Images Container Colors */
    --edit-id-container-bg: #F9F2F6;
    --edit-id-container-border: rgba(93, 17, 67, 0.08);
    --edit-image-upload-card-bg: white;
    --edit-image-upload-card-border: rgba(93, 17, 67, 0.08);
    --edit-image-upload-card-hover-border: rgba(93, 17, 67, 0.15);
    --edit-image-upload-card-shadow: rgba(93, 17, 67, 0.12);
    --edit-image-upload-area-border: rgba(93, 17, 67, 0.15);
    --edit-image-upload-area-hover-border: var(--web-primary);
    --edit-image-upload-area-hover-bg: rgba(93, 17, 67, 0.02);
    --edit-image-placeholder-icon-color: #8DA5B5;
    --edit-image-placeholder-text-color: #8DA5B5;
    --edit-btn-upload-action-bg: linear-gradient(135deg, var(--web-primary), var(--web-primary));
    --edit-btn-upload-action-shadow: rgba(93, 17, 67, 0.25);
    --edit-btn-remove-action-border: #8DA5B5;
    --edit-btn-remove-action-bg: #F0F4F7;
    --edit-btn-remove-action-color: var( --web-secondary);
    --edit-btn-remove-action-hover-bg: #ff4b5c;
    --edit-btn-remove-action-hover-border: #ff4b5c;
    --edit-btn-remove-action-hover-color: white;
    --edit-image-upload-info-bg: rgba(93, 17, 67, 0.05);
    --edit-image-upload-info-border-left: var(--web-primary);
    --edit-file-name-display-bg: rgba(255, 255, 255, 0.9);
    --edit-file-name-display-color: var(--web-primary);
    /* Validation Colors */
    --edit-validation-error-color: #dc3545;
    --edit-validation-error-bg: transparent;
    /* Pincode Auto-complete Colors */
    --edit-pincode-auto-btn-hover-bg: var(--web-primary);
    --edit-pincode-auto-loader-border: #f3f3f3;
    --edit-pincode-auto-loader-top: var(--web-primary);
    --edit-pincode-auto-success-color: #28a745;
    --edit-pincode-auto-error-color: #dc3545;
    --edit-pincode-auto-suggestions-bg: white;
    --edit-pincode-auto-suggestions-border: rgba(93, 17, 67, 0.15);
    --edit-pincode-auto-suggestions-shadow: rgba(93, 17, 67, 0.15);
    --edit-pincode-suggestion-item-border: rgba(93, 17, 67, 0.05);
    --edit-pincode-suggestion-item-hover-bg: linear-gradient(135deg, #F9F2F6, #FCF5FA);
    --edit-pincode-suggestion-postoffice-color: var(--web-primary);
    --edit-pincode-suggestion-location-color: #8DA5B5;
    --edit-pincode-input-success-border: #28a745;
    --edit-pincode-input-success-bg: #f0fff4;
    --edit-pincode-input-error-border: #dc3545;
    --edit-pincode-input-error-bg: #fff0f0;
    --edit-address-auto-filled-bg: #f0fff4;
    --edit-address-auto-filled-border-left: #28a745;
    /* City/State Suggestions Colors */
    --edit-city-suggestions-bg: white;
    --edit-city-suggestions-border: rgba(93, 17, 67, 0.15);
    --edit-city-suggestions-shadow: rgba(93, 17, 67, 0.2);
    /* Input Error Styling */
    --edit-input-error-border: #dc3545;
    --edit-input-error-bg: #fff8f8;
    --edit-input-error-focus-shadow: rgba(220, 53, 69, 0.25);
    /* Form Actions Colors */
    --edit-form-actions-border-top: rgba(93, 17, 67, 0.08);
    --edit-form-actions-bg: transparent;
    /* Responsive Overlay Colors */
    --edit-responsive-overlay-bg: rgba(0, 0, 0, 0.15);
    /*CUSTOMERPROFILE*/
    /* ===== CUSTOMER PROFILE - NEW/UNIQUE COLORS ===== */
    /* Profile Container Colors */
    --profile-border-color: rgb(233, 233, 233);
    --profile-bg: #fff;
    --profile-header-bg: rgb(249, 249, 250);
    --profile-header-border: rgb(233, 233, 233);
    --profile-progress-text-color: #333;
    --profile-details-padding: 0.5rem 1rem;
    /* Simple Row Colors */
    --profile-row-border: rgba(233, 233, 233, 0.5);
    --profile-row-label-color: rgb(35, 21, 53);
    --profile-row-label-font-size: 12px;
    --profile-row-value-color: var(--web-primary);
    --profile-row-value-font-size: 12px;
    /* Profile Info Section */
    --profile-info-section-padding: 24px 0;
    --profile-card-padding: 20px;
    --profile-card-bg: #fff;
    --profile-card-border-radius: 12px;
    /* Mobile Specific Colors */
    --profile-mobile-row-label-color: #888;
    --profile-mobile-row-value-color: #222;
    --profile-mobile-row-border: #f0f0f0;
    --profile-mobile-edit-btn-padding: 0.5rem 1rem;
    /* Small Mobile Colors */
    --profile-small-padding: 16px;
    --profile-small-card-padding: 16px;
    --profile-small-header-padding: 0.75rem;
    --profile-small-details-padding: 0.25rem 0.5rem;
    --profile-small-row-padding: 0.7rem 0;
    --profile-small-value-padding-left: 0.35rem;
    /* Tablet Specific */
    --profile-tablet-label-width: 150px;
    /* Landscape Mode */
    --profile-landscape-grid-gap: 0.5rem 1rem;
    --profile-landscape-label-width: 100px;
    /* Touch-friendly */
    --profile-touch-btn-min-height: 44px;
    --profile-touch-row-padding: 1rem 0;
    /* Print Styles */
    --profile-print-border: #ddd;
    --profile-print-shadow: none;
    /* CSS Class Specific */
    --profile-css-class-bg: #fff;
    --profile-css-class-padding: 20px;
    --profile-css-class-border-radius: 12px;
    /* Heading Styles */
    --profile-heading-font-size: 14px;
    --profile-heading-margin-bottom: .25rem;
    /*ORDERPARTIAL*/
    /* ===== ORDER PARTIAL - NEW/UNIQUE COLORS ===== */
    /* Order Card Colors */
    --order-card-bg: #e1c1d517;
    --order-card-border-radius: 12px;
    --order-card-margin-bottom: 1.25rem;
    --order-card-padding-desktop: 1.5rem;
    --order-card-padding-tablet: 1.35rem;
    --order-card-padding-medium: 1.25rem;
    --order-card-padding-small: 1rem;
    --order-card-padding-xs: 0.85rem;
    --order-card-hover-shadow: rgba(93, 17, 67, 0.08);
    --order-card-hover-border: rgba(93, 17, 67, 0.15);
    /* Order Header Colors */
    --order-header-border: rgba(93, 17, 67, 0.08);
    --order-header-border-dashed: rgba(93, 17, 67, 0.1);
    --order-header-padding-bottom: 1rem;
    --order-header-margin-bottom: 1.25rem;
    /* Status Text Colors */
    --order-status-success: #008000;
    --order-status-danger: #FF0000;
    --order-status-warning: #FFA500;
    --order-status-bg: rgba(93, 17, 67, 0.05);
    --order-status-border-radius: 20px;
    /* Empty Order Colors */
    --empty-order-image-max-width: 200px;
    --empty-order-title-font-size: 1.25rem;
    --empty-order-message-font-size: 0.95rem;
    --empty-order-btn-padding: 0.6rem 1.5rem;
    --empty-order-btn-font-size: 0.95rem;
    /* Mobile Empty Order */
    --empty-order-mobile-image-max-width: 180px;
    --empty-order-mobile-title-font-size: 1.2rem;
    --empty-order-mobile-message-font-size: 0.9rem;
    --empty-order-mobile-btn-padding: 0.75rem 1rem;
    /* Small Mobile Empty Order */
    --empty-order-small-image-max-width: 150px;
    --empty-order-small-title-font-size: 1.1rem;
    --empty-order-small-message-font-size: 0.8rem;
    --empty-order-small-btn-padding: 0.6rem 1rem;
    /* Extra Small Empty Order */
    --empty-order-xs-image-max-width: 120px;
    --empty-order-xs-title-font-size: 1rem;
    --empty-order-xs-message-font-size: 0.75rem;
    /* Button Colors */
    --order-btn-sm-padding: 0.3rem 0.8rem;
    --order-btn-sm-font-size: 0.8rem;
    --order-btn-mobile-padding: 0.5rem 1rem;
    --order-btn-mobile-small-padding: 0.6rem 1rem;
    --order-btn-xs-padding: 0.6rem 0.5rem;
    --order-btn-invoice-padding: 0.5rem !important;
    /* Image Colors */
    --order-img-max-height: 140px;
    --order-img-mobile-max-height: 120px;
    --order-img-xs-max-height: 100px;
    --order-img-landscape-max-height: 80px;
    --order-img-tablet-landscape-max-height: 100px;
    /* Background Light Colors */
    --order-bg-light-height: 120px;
    --order-bg-light-mobile-height: 120px;
    --order-bg-light-small-height: 100px;
    --order-bg-light-xs-height: 100px;
    --order-bg-light-landscape-height: 80px;
    /* Font Sizes */
    --order-font-12: 0.75rem;
    --order-font-14: 0.8rem;
    --order-status-font-size: 0.9rem;
    --order-status-mobile-font-size: 0.8rem;
    --order-status-small-font-size: 0.75rem;
    /* Tab Navigation Colors */
    --order-tab-nav-link-padding: 0.5rem 1rem;
    --order-tab-nav-link-mobile-padding: 0.4rem 0.8rem;
    --order-tab-nav-link-xs-padding: 0.4rem 0.8rem;
    --order-tab-nav-link-font-size: 0.8rem;
    /* High Contrast Mode Colors */
    --order-high-contrast-border: 2px solid var(--web-primary);
    --order-high-contrast-success: #008000;
    --order-high-contrast-danger: #FF0000;
    --order-high-contrast-warning: #FFA500;
    /* Print Colors */
    --order-print-border: #ddd;
    --order-print-shadow: none;
    /* Touch Device Colors */
    --order-touch-btn-min-height: 44px;
    /* Border Top Colors */
    --order-border-top: #eee;
    /* Text Colors */
    --order-text-muted-mobile: #6c757d;
    /* Grid Gap Colors */
    --order-grid-gap: 0.5rem 1rem;
    /* Invoice Button Colors */
    --order-invoice-btn-bg: white;
    --order-invoice-btn-border-width: 1px;
    /*ABOUTUS*/
    /* ===== ABOUT US PAGE - NEW/UNIQUE COLORS ===== */
    /* Section Colors */
    --about-section-padding: 45px 0;
    --about-section-bg-white: #fff;
    --about-section-bg-cream: var(--cream, #EEE2DA);
    --about-section-bg-dark: #29123a;
    /* Section Title Colors */
    --about-section-title-color: var(--web-primary, var(--web-primary));
    --about-section-title-font-size: 30px;
    --about-section-title-underline: var(--web-primary-soft, var(--web-primary-soft));
    --about-section-title-underline-width: 80px;
    --about-section-title-underline-height: 3px;
    /* Section Subtitle Colors */
    --about-section-subtitle-color: var(--web-primary-light, var(--web-primary));
    --about-section-subtitle-font-size: 21px;
    /* Who Section Colors */
    --about-who-section-bg: #fff;
    --about-who-text-color: inherit;
    --about-who-text-strong-color: var(--web-primary, var(--web-primary));
    --about-who-img-shadow: rgba(93, 17, 67, 0.18);
    --about-who-img-border-radius: 20px;
    /* Read More Button Colors */
    --about-read-more-btn-bg: transparent;
    --about-read-more-btn-color: var(--web-primary, var(--web-primary));
    --about-read-more-btn-border: var(--web-primary-soft, var(--web-primary-soft));
    --about-read-more-btn-border-width: 2px;
    --about-read-more-btn-padding: 12px 30px;
    --about-read-more-btn-border-radius: 30px;
    --about-read-more-btn-hover-bg: var(--web-primary-soft, var(--web-primary-soft));
    --about-read-more-btn-hover-color: #fff;
    --about-read-more-btn-hover-transform: translateY(-2px);
    /* Vision & Mission Section Colors */
    --about-vm-section-bg: var(--cream, #EEE2DA);
    --about-vm-section-padding: 80px 0;
    --about-vm-card-bg: #fff;
    --about-vm-card-shadow: rgba(93,17,67,0.1);
    --about-vm-card-border-radius: 20px;
    --about-vm-number-color: var(--web-primary-soft, var(--web-primary-soft));
    --about-vm-number-font-size: 60px;
    --about-vm-title-color: var(--web-primary, var(--web-primary));
    --about-vm-title-font-size: 32px;
    --about-vm-desc-font-size: 16.5px;
    /* Birth Section Colors */
    --about-birth-section-bg: #fff;
    --about-birth-logo-color: var(--web-primary, var(--web-primary));
    --about-birth-logo-font-size: 120px;
    --about-birth-title-color: var(--deep-violet, #501F5D);
    --about-birth-title-font-size: 42px;
    --about-birth-milestone-bg: var(--cream, #EEE2DA);
    --about-birth-milestone-border-radius: 15px;
    --about-birth-milestone-hover-transform: translateY(-10px);
    --about-birth-milestone-year-color: var(--web-primary-light, var(--web-primary));
    --about-birth-milestone-year-font-size: 28px;
    --about-birth-milestone-desc-font-size: 16px;
    /* Vision & Mission Two Column Colors */
    --about-vm-two-col-bg: #29123a;
    --about-vm-two-col-gap: 2rem;
    --about-vm-item-bg: transparent;
    --about-vm-item-shadow: rgba(0, 0, 0, 0.05);
    --about-vm-content-title-color: #ffffff;
    --about-vm-content-title-font-size: 1.5rem;
    --about-vm-content-desc-color: #EEE2DA;
    --about-vm-content-desc-font-size: 0.7rem;
    --about-vm-readmore-color: #8DA5B5;
    --about-vm-readmore-font-size: 13px;
    /* Team Section Colors */
    --about-team-img-hover-transform: scale(1.08);
    /* Flip Card Colors */
    --about-flip-card-height: 300px;
    --about-flip-card-perspective: 1000px;
    --about-flip-front-bg: #fff;
    --about-flip-front-title-color: var(--web-primary, var(--web-primary));
    --about-flip-front-title-font-size: 1.4rem;
    --about-flip-back-bg: var(--web-primary, var(--web-primary));
    --about-flip-back-color: var(--web-primary, var(--web-primary));
    /* Responsive Colors */
    --about-responsive-title-font-size: 38px;
    --about-responsive-container-padding: 0 20px;
    --about-responsive-smallmargin-left: 50px;
    --about-responsive-customp-padding: 1.5rem;
    --about-responsive-team-circle-size: 140px;
    /* Grid Gaps */
    --about-who-grid-gap: 83px;
    --about-who-grid-template: 1.6fr 1fr;
    --about-vm-grid-template: 1fr 1fr;
    --about-birth-milestones-gap: 40px;
    --about-birth-milestones-template: repeat(auto-fit, minmax(300px, 1fr));
    /* Custom Padding */
    --about-customp-5: 3rem;
    /*CATEGORIESPAGE*/
    /* ===== CATEGORIES PAGE - NEW/UNIQUE COLORS ===== */
    /* Category Row Colors */
    --category-row-bg: #532f5b;
    --category-row-gap: 4px !important;
    --category-row-height: 25px;
    /* Category Item Colors */
    --category-padding: 12px 20px;
    --category-font-size: 14px;
    --category-border-bottom: 3px solid transparent;
    --category-hover-border: 3px solid #8a9577;
    --category-active-border: 3px solid #8a9577;
    /* Megamenu Colors */
    --megamenu-bg: #FFF7EF;
    --megamenu-shadow: rgba(115, 68, 21, 0.25);
    --megamenu-shadow-light: rgba(0, 0, 0, 0.15);
    --megamenu-left: 45%;
    --megamenu-width: 100vw !important;
    /* Design Card Colors */
    --design-card-shadow: rgba(0, 0, 0, 0.1);
    --design-card-hover-shadow: rgba(0, 0, 0, 0.15);
    --design-card-border-radius: 10px;
    --design-image-size: 70px;
    --design-name-color: #333;
    /* Subcategory Colors */
    --subcategory-border-right: 1px solid #eee;
    --subcategory-padding: 8px 15px;
    --subcategory-hover-bg: #eedbe6;
    --subcategory-hover-color: #000;
    --subcategory-selected-bg: #eedbe6;
    --subcategory-selected-color: #000;
    /* Style Item Colors */
    --style-item-width: 25%;
    --style-link-color: #000;
    --style-link-hover-bg: #f5f5f5;
    --style-link-hover-border: #999;
    /* Loading Overlay Colors */
    --loading-overlay-bg: rgba(0, 0, 0, 0.1);
    /* Category List Colors */
    --category-list-max-width: 1200px;
    --category-list-gap: 1rem;
    --category-link-color: #111827;
    --category-name-font-size: .875rem;
    --category-image-bg: #f3f4f6;
    --category-image-size: 2.5rem;
    /* Megamenu Heading Colors */
    --megamenu-heading-color: #532f5b;
    --megamenu-heading-font-size: 15px;
    /* Filter Option Colors */
    --filter-option-color: #555;
    --filter-option-hover-color: #532f5b !important;
    --filter-option-hover-bg: #f8f5fa;
    --filter-option-hover-padding-left: 8px;
    /* More Categories Colors */
    --more-categories-list-height: 400px;
    --more-category-item-padding: 10px 15px;
    --more-category-item-hover-bg: #f8f5fa;
    --more-category-item-active-bg: #f8f5fa;
    --more-category-item-active-border-left: 3px solid #8a9577;
    --more-category-item-active-bg-alt: #fff8f0;
    --more-category-name-color: #532f5b;
    --more-category-name-font-size: 14px;
    --more-category-img-size: 60px;
    --more-category-img-border: 1px solid #f0e0ec;
    /* Service Link Colors */
    --service-link-color: #532f5b !important;
    --service-link-bg: #fff;
    --service-link-border: 1px solid #e7e0ec;
    --service-link-hover-bg: linear-gradient(135deg, #c49a6c10, #d4af3715);
    --service-link-hover-border: #c49a6c !important;
    --service-link-hover-color: #c49a6c !important;
    --service-link-hover-shadow: rgba(196, 154, 108, 0.2);
    --service-link-hover-padding-left: 50px !important;
    /* Services Button Colors */
    --services-btn-hover-bg: rgba(196, 154, 108, 0.12);
    --services-btn-hover-border: #e8c37a;
    /* Mobile Category Colors */
    --mobile-category-section-bg: #fff;
    --mobile-category-slider-img-border: 1px solid #f0e0ec;
    --mobile-category-slider-img-bg: #fafafa;
    --mobile-category-slider-img-size: 72px;
    /* Scrollbar Colors */
    --more-categories-scrollbar-width: 4px;
    --more-categories-scrollbar-track-bg: #f1f1f1;
    --more-categories-scrollbar-thumb-bg: #c49a6c;
    /* View All Button Colors */
    --view-all-btn-border: 1px solid #c49a6c !important;
    --view-all-btn-color: #532f5b !important;
    --view-all-btn-hover-bg: #532f5b !important;
    --view-all-btn-hover-color: #fff !important;
    --view-all-btn-hover-shadow: rgba(83, 47, 91, 0.2);
    /* Button Aspiri Colors */
    --btn-web-bg: #fff !important;
    --btn-web-color: var(--primary);
    /* Custom Spacing */
    --custom-py: .025rem !important;
    --custom-mt: .125rem !important;
    /* Swiper Slide */
    --swiper-slide-padding: 0 .25rem;
    /* Pl-lg Padding */
    --pl-lg-padding: 8.5rem !important;
    --pl-lg-padding-desktop: 11.5rem !important;
    /* Design Type */
    --designtype-font-size: 12px;
    /* More Categories Content */
    --more-category-content-min-height: 400px;
    /* Category Loading */
    --category-loading-min-height: 300px;
    /*CONTACTPAGE*/
    /* ===== CONTACT PAGE - NEW/UNIQUE COLORS ===== */
    /* Body Colors */
    --contact-body-bg: #ffffff;
    --contact-body-font-family: var(--theme-font-primary);
    /* Hero Section Colors */
    --contact-hero-min-height: 80vh;
    --contact-hero-bg: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.90)), url('../../assets/images/Noor/breadcum-bg.jpg') center/cover no-repeat;
    /* Page Title Colors */
    --contact-page-title-font-family: var(--theme-font-primary);
    ;
    --contact-page-title-font-size: 3.4rem;
    --contact-page-title-color: var(--web-primary, var(--web-primary));
    --contact-page-title-font-weight: 700;
    /* Breadcrumb Colors */
    --contact-breadcrumb-gap: 14px;
    --contact-breadcrumb-link-color: var(--web-text-muted, #6F6F70);
    --contact-breadcrumb-active-color: var(--web-primary, var(--web-primary));
    --contact-breadcrumb-active-font-weight: 600;
    /* Contact Section Colors */
    --contact-wrapper-padding: 3rem 0 7rem;
    --contact-wrapper-bg: linear-gradient(to bottom, #ffffff, #fdf9f7);
    /* Contact Card Colors */
    --contact-card-bg: var(--card-glass, rgba(255, 255, 255, 0.92));
    --contact-card-backdrop-filter: blur(20px);
    --contact-card-border-radius: 32px;
    --contact-card-padding: 2rem 3rem;
    --contact-card-shadow: 0 25px 70px rgba(93,17,67,0.12);
    --contact-card-border: 1px solid rgba(93,17,67,0.08);
    /* Section Title Colors */
    --contact-section-title-font-size: 1.5rem;
    --contact-section-title-color: var(--web-primary, var(--web-primary));
    --contact-section-title-padding-bottom: 12px;
    --contact-section-title-underline-width: 80px;
    --contact-section-title-underline-height: 4px;
    --contact-section-title-underline-bg: linear-gradient(90deg, var(--web-primary, var(--web-primary)), var(--web-primary-soft, var(--web-primary-soft)));
    /* Contact Detail Colors */
    --contact-detail-h5-color: var(--web-primary-light, var(--web-primary));
    --contact-detail-h5-font-size: 18px;
    --contact-detail-p-color: var(--web-secondary, var( --web-secondary));
    --contact-detail-p-line-height: 1.8;
    --contact-detail-p-font-size: 12px;
    --contact-detail-a-color: var(--web-primary, var(--web-primary));
    --contact-detail-a-hover-color: var(--web-primary-light, var(--web-primary));
    /* Office Item Colors */
    --contact-office-list-font-size: 12px;
    --contact-office-item-margin-bottom: 1.8rem;
    --contact-office-item-padding-left: 1.5rem;
    --contact-office-item-bullet-color: var(--web-primary-soft, var(--web-primary-soft));
    --contact-office-item-bullet-content: "●";
    --contact-office-item-bullet-font-size: 1.2rem;
    /* Form Card Colors */
    --contact-form-card-bg: white;
    --contact-form-card-border-radius: 28px;
    --contact-form-card-padding: 2.9rem;
    --contact-form-card-shadow: 0 20px 60px rgba(93,17,67,0.1);
    --contact-form-card-border: 1px solid rgba(93,17,67,0.08);
    /* Form Title Colors */
    --contact-form-title-font-size: 1.5rem;
    --contact-form-title-color: var(--web-primary, var(--web-primary));
    --contact-form-title-margin-bottom: 1.8rem;
    /* Form Control Colors */
    --contact-form-control-border: 2px solid rgba(93,17,67,0.15);
    --contact-form-control-border-radius: 16px;
    --contact-form-control-padding: 0.7rem 1rem;
    --contact-form-control-font-size: 0.8rem;
    --contact-form-control-focus-border: var(--web-primary, var(--web-primary));
    --contact-form-control-focus-shadow: 0 0 0 5px rgba(93,17,67,0.15);
    --contact-form-select-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235D1143' d='M1 0L6 7L11 0'/%3E%3C/svg%3E");
    --contact-textarea-min-height: 120px;
    /* Submit Button Colors */
    --contact-btn-submit-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --contact-btn-submit-color: white;
    --contact-btn-submit-padding: 0.8rem 3rem;
    --contact-btn-submit-border-radius: 60px;
    --contact-btn-submit-font-weight: 600;
    --contact-btn-submit-font-size: 1rem;
    --contact-btn-submit-shadow: 0 12px 35px rgba(93, 17, 67, 0.3);
    --contact-btn-submit-hover-transform: translateY(-5px);
    --contact-btn-submit-hover-shadow: 0 20px 45px rgba(93,17,67,0.4);
    --contact-btn-submit-disabled-opacity: 0.6;
    /* Map Card Colors */
    --contact-map-card-padding: 0.5rem;
    --contact-map-card-border-radius: 28px;
    --contact-map-iframe-height: 200px;
    --contact-map-iframe-border-radius: 20px;
    --contact-map-iframe-shadow: 0 12px 35px rgba(0,0,0,0.12);
    /* Validation Colors */
    --contact-validation-error-color: #dc3545;
    --contact-validation-error-font-size: 0.65rem;
    --contact-form-control-error-border: #dc3545 !important;
    --contact-form-control-error-bg: #fff8f8 !important;
    --contact-form-control-error-focus-shadow: rgba(220, 53, 69, 0.25) !important;
    --contact-form-control-valid-border: #28a745 !important;
    --contact-form-control-valid-bg: #f0fff4 !important;
    --contact-input-group-text-error-border: #dc3545 !important;
    --contact-input-group-text-error-bg: #fff8f8 !important;
    /* Toast Colors */
    --contact-toast-bg: white;
    --contact-toast-border-radius: 12px;
    --contact-toast-shadow: rgba(0,0,0,0.15);
    --contact-toast-border-left: 4px solid #28a745;
    --contact-toast-icon-bg: linear-gradient(135deg, var(--web-primary), var(--web-primary));
    --contact-toast-icon-color: white;
    --contact-toast-message-color: #333;
    --contact-toast-close-color: #999;
    --contact-toast-close-hover-color: #333;
    /* Phone Input Wrapper */
    --contact-phone-input-wrapper-position: relative;
    /* Responsive Colors */
    --contact-responsive-card-padding: 2.5rem 2rem;
    --contact-responsive-card-border-radius: 24px;
    --contact-responsive-page-title-font-size: 2.8rem;
    --contact-responsive-map-iframe-height: 300px;
    --contact-responsive-body-padding-top: 95px;
    /*HOMEPAGE1*/
    /* ===== HOME PAGE - NEW/UNIQUE COLORS ===== */
    /* Circular Image Colors */
    --home-circular-img-border: 2px solid #ffffff;
    --home-circular-img-mob-border: 2px solid #ffffff;
    --home-circular-img-mob-shadow: 0 0 0 2px #FCCCC7;
    /* Product Colors */
    --home-product-title-color: #333;
    --home-product-title-font-size: 18px;
    --home-product-border-hover: 1px solid #d1d1d1;
    --home-product-shadow-hover: rgba(0,0,0,.1);
    --home-product-amount-color: #861b2d;
    --home-star-active: #f1c40f;
    --home-star-inactive: #b0b0b0;
    --home-product-title-mobile: #8f8f8f;
    /* View More Button Colors */
    --home-view-more-btn-bg: #563329;
    --home-view-more-btn-color: #fff;
    --home-view-more-btn-shadow: rgba(0,0,0,.2);
    --home-view-more-btn-svg-fill: #fff;
    /* Heading Colors */
    --home-main-heading-color: #563329;
    --home-main-heading-font-size: 42px;
    --home-sub-heading-color: #563329;
    --home-sub-heading-font-size: 18px;
    /* Badge Colors */
    --home-badge-instock-gradient: linear-gradient(135deg, #1e7321 0%, #c3ae01 100%);
    --home-badge-instock-color: #fff;
    --home-badge-bestseller-gradient: linear-gradient(135deg, #FFD700 0%, #4f4d45 100%);
    --home-badge-bestseller-color: #6b4e00;
    --home-rating-badge-bg: rgba(255,255,255,.9);
    --home-rating-badge-color: black;
    /* Product Image Wrapper */
    --home-product-image-wrapper-bg: transparent;
    /* Tab Button Colors */
    --home-tab-btn-color: #000;
    --home-mobile-tab-btn-color: #000;
    --home-mobile-tab-btn-active-border: #000;
    /* Swiper Colors */
    --home-swiper-bullet-bg: #fff;
    --home-swiper-bullet-active-opacity: 1;
    --home-child-img-wrapper-shadow: rgba(0,0,0,.1);
    --home-child-img-wrapper-hover-shadow: #00000040;
    /* Promise Section Colors */
    --home-promise-scrollbar-thumb: #ccc;
    /* Review Section Colors */
    --home-review-item-bg: #fff;
    --home-review-item-shadow: rgba(0,0,0,.08);
    --home-review-item-hover-shadow: rgba(0,0,0,.12);
    --home-review-item-bg-image: radial-gradient(circle at top left, #f8f8f8, #eaeaea);
    --home-review-item-after-bg: #e0ddd5;
    --home-star-icon-color: #f5b300;
    --home-rating-value-color: #333;
    --home-testimonial-name-color: #222;
    --home-testimonial-description-color: #555;
    /* Blog Section Colors */
    --home-blog-card-bg: #fff;
    --home-blog-card-shadow: rgba(0,0,0,.08);
    --home-blog-card-hover-shadow: rgba(0,0,0,.12);
    --home-blog-category-color: #888;
    --home-blog-title-color: #222;
    --home-blog-desc-color: #555;
    /* FAQ Section Colors */
    --home-faq-border: #e1e1e1;
    --home-faq-bg: #fff;
    --home-faq-shadow: rgba(0,0,0,.08);
    --home-faq-border-color-hover: #d5d5d5;
    --home-faq-title-color: #222;
    --home-faq-content-color: #555;
    --home2-faq-container-max-width: 1260px;
    --home2-faq-title-color: black;
    /* Banner Colors */
    --home-banner-dual-bg: #f9f9f9;
    --home-banner-dual-shadow: rgba(0,0,0,.1);
    --home-banner-dual-hover-shadow: rgba(0,0,0,.2);
    /* Slick Dots Colors */
    --home-slick-dots-bg: #ccc !important;
    --home-slick-dots-active-bg: #e2617f !important;
    /* Accordion Colors */
    --home-accordion-button-bg: #cfc1b3;
    --home-accordion-button-color: #5a0535;
    --home-accordion-button-after-color: #691c44;
    /* Partner Slider */
    --home-partner-slider-bg: #fff;
    /* Hero Area */
    --home-hero-area-overflow: hidden;
    /* Responsive Colors */
    --home-responsive-main-heading-font-size: 34px;
    --home-responsive-sub-heading-font-size: 13px;
    --home-responsive-img-height: 230px;
    --home-responsive-img-width: 230px;
    --home-responsive-sub-title-font-size: 12px;
    /*Product/Cart*/
    /* ===== PRODUCT CART PAGE - NEW/UNIQUE COLORS ===== */
    /* Cart Container Colors */
    --cart-container-max-width: 1200px;
    --cart-container-margin: 60px auto;
    --cart-container-padding: 0 20px;
    /* Cart Grid Colors */
    --cart-grid-template: 2fr 1fr;
    --cart-grid-gap: 40px;
    /* Cart Items Colors */
    --cart-items-bg: var(--web-bg-main, #ffffff);
    --cart-items-border-radius: 12px;
    --cart-items-shadow: rgba(0, 0, 0, 0.05);
    --cart-items-padding: 40px;
    /* Cart Header Colors */
    --cart-header-font-size: 28px;
    --cart-header-font-weight: 700;
    --cart-header-margin-bottom: 30px;
    --cart-header-color: var(--web-primary, #562f59);
    /* Cart Item Colors */
    --cart-item-gap: 24px;
    --cart-item-padding: 24px 0;
    --cart-item-border-bottom: 1px solid var(--web-border-medium, #eaeaea);
    --cart-item-hover-bg: var(--web-border-light, #f5f5f5);
    --cart-item-hover-border-radius: 8px;
    /* Cart Image Colors */
    --cart-img-width: 140px;
    --cart-img-height: 140px;
    --cart-img-border-radius: 8px;
    --cart-img-border: 1px solid var(--web-border-medium, #eaeaea);
    --cart-img-shadow: rgba(0,0,0,0.08);
    --cart-img-hover-scale: scale(1.05);
    /* Cart Details Colors */
    --cart-name-font-size: 18px;
    --cart-name-font-weight: 600;
    --cart-name-color: var(--web-text-dark, #2d2d2d);
    --cart-meta-font-size: 14px;
    --cart-meta-color: var(--web-text-muted, #777777);
    --cart-price-font-size: 18px;
    --cart-price-font-weight: 700;
    --cart-price-color: var(--web-accent, #b89778);
    /* Cart Actions Colors */
    --cart-actions-gap: 20px;
    --cart-qty-border: 1px solid var(--web-border-medium, #eaeaea);
    --cart-qty-border-radius: 8px;
    --cart-qty-bg: var(--web-bg-main, #ffffff);
    --cart-qty-btn-width: 40px;
    --cart-qty-btn-height: 40px;
    --cart-qty-btn-font-size: 18px;
    --cart-qty-btn-hover-bg: var(--web-border-light, #f5f5f5);
    --cart-qty-span-width: 50px;
    --cart-remove-color: var(--web-text-muted, #777777);
    --cart-remove-hover-color: #c00;
    /* Cart Summary Colors */
    --cart-summary-bg: var(--web-bg-main, #ffffff);
    --cart-summary-border-radius: 12px;
    --cart-summary-padding: 40px;
    --cart-summary-shadow: rgba(0, 0, 0, 0.05);
    --cart-summary-sticky-top: 120px;
    --cart-summary-h3-font-size: 16px;
    --cart-summary-h3-font-weight: 700;
    --cart-summary-h3-color: var(--web-primary, var(--web-primary));
    /* Cart Row Colors */
    --cart-row-padding: 8px 0;
    --cart-row-font-size: 13px;
    --cart-row-color: var(--web-secondary, var( --web-secondary));
    /* Cart Total Colors */
    --cart-total-padding-top: 16px;
    --cart-total-border-top: 1px solid var(--web-border-medium, #eaeaea);
    --cart-total-margin-top: 16px;
    --cart-total-margin-bottom: 14px;
    --cart-total-color: var(--web-primary, var(--web-primary));
    /* Cart Checkout Colors */
    --cart-checkout-padding: 8px;
    --cart-checkout-bg: var(--web-primary, var(--web-primary));
    --cart-checkout-color: var(--web-text-inverse, #ffffff);
    --cart-checkout-border-radius: 8px;
    --cart-checkout-font-size: 14px;
    --cart-checkout-font-weight: 600;
    --cart-checkout-shadow: rgba(86, 47, 89, 0.2);
    /* Empty Cart Colors */
    --cart-empty-padding: 100px 40px;
    --cart-empty-bg: var(--web-bg-main, #ffffff);
    --cart-empty-border-radius: 12px;
    --cart-empty-shadow: rgba(0, 0, 0, 0.05);
    --cart-empty-max-width: 600px;
    --cart-empty-image-max-width: 200px;
    --cart-empty-title-font-size: 32px;
    --cart-empty-title-color: var(--web-primary, #562f59);
    --cart-empty-subtitle-font-size: 18px;
    --cart-empty-subtitle-color: var(--web-text-muted, #777777);
    /* Shop Now Button Colors */
    --cart-shop-now-btn-bg: var(--web-accent, #b89778);
    --cart-shop-now-btn-color: var(--web-text-inverse, #ffffff);
    --cart-shop-now-btn-padding: 14px 32px;
    --cart-shop-now-btn-border-radius: 8px;
    --cart-shop-now-btn-font-weight: 600;
    --cart-shop-now-btn-hover-bg: var(--web-accent-dark, #9c7a5a);
    --cart-shop-now-btn-hover-shadow: rgba(184, 151, 120, 0.2);
    /* Brand Banners Colors */
    --cart-brand-banners-bg: var(--web-bg-main, #ffffff);
    --cart-brand-banners-padding: 40px 0;
    --cart-brand-banners-margin-top: 60px;
    --cart-brand-banners-border-top: 1px solid var(--web-border-medium, #eaeaea);
    --cart-brand-banners-gap: 40px;
    --cart-brand-banner-max-width: 120px;
    --cart-brand-banner-filter: grayscale(100%);
    --cart-brand-banner-hover-filter: grayscale(0%);
    --cart-brand-banner-hover-scale: scale(1.1);
    /* Pincode Colors */
    --cart-pincode-input-padding-left: 40px;
    --cart-pincode-input-height: 48px;
    --cart-pincode-input-border: 1px solid var(--web-border-medium, #eaeaea);
    --cart-pincode-input-bg: var(--web-bg-main, #ffffff);
    --cart-pincode-input-font-size: 11px;
    --cart-pincode-input-border-radius: 8px;
    --cart-pincode-input-shadow: rgba(0,0,0,0.05);
    --cart-pincode-input-focus-border: var(--web-accent, #b89778);
    --cart-pincode-input-focus-shadow: rgba(184,151,120,0.2);
    --cart-pincode-icon-color: var(--web-accent, #b89778);
    --cart-pincode-icon-font-size: 20px;
    --cart-pincode-locate-btn-padding: 6px 5px;
    --cart-pincode-locate-btn-border-radius: 6px;
    --cart-pincode-locate-btn-font-size: 11px;
    /* Modal Colors */
    --cart-modal-border-radius: 12px;
    --cart-modal-padding: 24px;
    --cart-modal-shadow: rgba(0,0,0,0.1);
    --cart-modal-input-padding-left: 40px;
    --cart-modal-input-height: 48px;
    --cart-modal-input-border: 1px solid var(--web-border-medium, #eaeaea);
    --cart-modal-input-border-radius: 8px;
    --cart-modal-input-focus-border: var(--web-accent, #b89778);
    --cart-modal-check-btn-bg: var(--web-accent, #b89778);
    --cart-modal-check-btn-color: var(--web-text-inverse, #ffffff);
    --cart-modal-check-btn-padding: 8px 16px;
    --cart-modal-check-btn-border-radius: 6px;
    --cart-modal-check-btn-font-size: 14px;
    --cart-modal-check-btn-hover-bg: var(--web-accent-dark, #9c7a5a);
    /* Empty Cart Modern Colors */
    --cart-empty-modern-min-height: 80vh;
    --cart-empty-modern-bg: linear-gradient(to bottom, #faf8f6 0%, #fffdf9 100%);
    --cart-empty-modern-padding: 60px 20px;
    --cart-empty-modern-mobile-min-height: 70vh;
    --cart-empty-modern-mobile-padding: 40px 20px;
    --cart-empty-cta-shadow: rgba(184, 151, 120, 0.3);
    --cart-empty-gif-max-height: 220px;
    --cart-empty-title-mobile-font-size: 28px;
    --cart-trust-badges-gap: 20px;
    /* Check Colors */
    --cart-check-font-size: 10px;
    --cart-check-color: #562f59 !important;
    /* Pincode Modal Enhancements */
    --cart-pincode-modal-content-shadow: rgba(0,0,0,0.15);
    --cart-pincode-modal-input-focus-shadow: rgba(184, 151, 120, 0.2);
    --cart-pincode-modal-btn-close-filter: invert(1);
    --cart-pincode-modal-map-pin-color: #b89778;
    --cart-pincode-modal-text-gold: #b89778;
    /* Responsive Breakpoints */
    --cart-breakpoint-desktop: 992px;
    --cart-breakpoint-mobile: 600px;
    --cart-breakpoint-small-mobile: 768px;
    /* ===== UNAVAILABLE / EMPTY CART PAGE - NEW/UNIQUE COLORS ===== */
    /* Cart Container Colors */
    --unavailable-cart-container-bg: #fff;
    --unavailable-cart-container-border-radius: 10px;
    --unavailable-cart-container-padding: 30px;
    --unavailable-cart-container-shadow: rgba(0, 0, 0, 0.1);
    --unavailable-cart-container-max-width: 400px;
    /* Cart Title Colors */
    --unavailable-cart-title-font-size: 22px;
    --unavailable-cart-title-color: #333;
    --unavailable-cart-title-font-weight: bold;
    --unavailable-cart-title-margin-bottom: 20px;
    /* Empty Cart Wrapper Colors */
    --unavailable-empty-cart-wrapper-bg: rgba(255, 255, 255, 0.9);
    --unavailable-empty-cart-wrapper-border-radius: 25px;
    --unavailable-empty-cart-wrapper-shadow: rgba(0, 0, 0, 0.15);
    --unavailable-empty-cart-wrapper-backdrop-blur: blur(12px);
    --unavailable-empty-cart-wrapper-border: 1px solid rgba(255, 255, 255, 0.3);
    /* Cart Visual Colors */
    --unavailable-cart-visual-bg: rgba(255, 255, 255, 0.2);
    --unavailable-cart-visual-border-radius: 50%;
    --unavailable-cart-visual-size: 180px;
    --unavailable-cart-icon-size: 160px;
    --unavailable-cart-icon-hover-transform: rotate(5deg) scale(1.1);
    /* Empty Cart Title Colors */
    --unavailable-cart-title-empty-font-size: 2.7rem;
    --unavailable-cart-title-empty-font-weight: 800;
    --unavailable-cart-title-empty-gradient: linear-gradient(90deg, #ff6b6b, #ffe66d);
    --unavailable-cart-title-empty-margin-bottom: 1rem;
    /* Cart Subtitle Colors */
    --unavailable-cart-subtitle-font-size: 1.2rem;
    --unavailable-cart-subtitle-color: #2d3436;
    --unavailable-cart-subtitle-margin-bottom: 2.5rem;
    /* Action Buttons Colors */
    --unavailable-action-buttons-gap: 1.5rem;
    --unavailable-btn-primary-bg: #ff6b6b;
    --unavailable-btn-primary-color: white;
    --unavailable-btn-primary-hover-transform: translateY(-3px) scale(1.05);
    --unavailable-btn-primary-hover-shadow: rgba(255, 107, 107, 0.4);
    --unavailable-btn-secondary-bg: #ffe66d;
    --unavailable-btn-secondary-color: #2d3436;
    --unavailable-btn-secondary-hover-bg: #ffef99;
    --unavailable-btn-secondary-hover-shadow: rgba(255, 230, 109, 0.4);
    /* Arrow Icon */
    --unavailable-arrow-width: 22px;
    --unavailable-arrow-height: 22px;
    /* Item Removing Overlay Colors */
    --unavailable-item-removing-overlay-bg: rgba(255, 255, 255, 0.95);
    --unavailable-item-removing-overlay-blur: blur(8px);
    --unavailable-item-removing-overlay-border-radius: 12px;
    --unavailable-item-removing-overlay-zindex: 50;
    --unavailable-loading-dots-gap: 12px;
    --unavailable-loading-dot-size: 15px;
    --unavailable-loading-dot-bg: var(--web-primary, var(--web-primary));
    --unavailable-loading-dot-animation-duration: 1.4s;
    /* Coupon Wrapper Colors */
    --unavailable-coupon-icon-font-size: 20px;
    --unavailable-coupon-input-padding-left: 40px;
    /* Responsive Variables */
    --unavailable-responsive-empty-cart-wrapper-padding: 2rem;
    --unavailable-responsive-cart-title-empty-font-size: 2.2rem;
    --unavailable-responsive-action-buttons-flex-direction: column;
    --unavailable-responsive-action-buttons-gap: 1rem;
    --unavailable-responsive-cart-visual-size: 140px;
    --unavailable-responsive-cart-icon-size: 120px;
    --unavailable-responsive-empty-cart-mobile-padding: 40px 20px;
    --unavailable-responsive-empty-gif-max-height: 220px;
    --unavailable-responsive-empty-title-font-size: 20px;
    --unavailable-responsive-trust-badges-gap: 20px;
    /* Cl Wrapper */
    --unavailable-cl-wrapper-grid: 2fr 1fr;
    --unavailable-cl-wrapper-gap: 40px;
    /* Cl Items */
    --unavailable-cl-items-bg: var(--web-bg-main, #ffffff);
    --unavailable-cl-items-border-radius: 12px;
    --unavailable-cl-items-shadow: rgba(0, 0, 0, 0.05);
    --unavailable-cl-items-padding: 40px;
    /* Cl Header */
    --unavailable-cl-header-font-size: 28px;
    --unavailable-cl-header-font-weight: 700;
    --unavailable-cl-header-color: var(--web-primary, #562f59);
    /* Cl Item */
    --unavailable-cl-item-gap: 24px;
    --unavailable-cl-item-padding: 24px 0;
    --unavailable-cl-item-border-bottom: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-cl-item-hover-bg: var(--web-border-light, #f5f5f5);
    --unavailable-cl-item-hover-border-radius: 8px;
    /* Cl Image */
    --unavailable-cl-img-size: 140px;
    --unavailable-cl-img-border-radius: 8px;
    --unavailable-cl-img-border: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-cl-img-shadow: rgba(0,0,0,0.08);
    --unavailable-cl-img-hover-scale: scale(1.05);
    /* Cl Details */
    --unavailable-cl-name-font-size: 18px;
    --unavailable-cl-name-font-weight: 600;
    --unavailable-cl-name-color: var(--web-text-dark, #2d2d2d);
    --unavailable-cl-meta-font-size: 14px;
    --unavailable-cl-meta-color: var(--web-text-muted, #777777);
    --unavailable-cl-price-font-size: 18px;
    --unavailable-cl-price-font-weight: 700;
    --unavailable-cl-price-color: var(--web-accent, #b89778);
    /* Cl Actions */
    --unavailable-cl-actions-gap: 20px;
    --unavailable-cl-qty-border: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-cl-qty-border-radius: 8px;
    --unavailable-cl-qty-bg: var(--web-bg-main, #ffffff);
    --unavailable-cl-qty-btn-size: 40px;
    --unavailable-cl-qty-btn-font-size: 18px;
    --unavailable-cl-qty-btn-hover-bg: var(--web-border-light, #f5f5f5);
    --unavailable-cl-qty-span-width: 50px;
    --unavailable-cl-remove-color: var(--web-text-muted, #777777);
    --unavailable-cl-remove-hover-color: #c00;
    /* Cl Summary */
    --unavailable-cl-summary-bg: var(--web-bg-main, #ffffff);
    --unavailable-cl-summary-border-radius: 12px;
    --unavailable-cl-summary-padding: 40px;
    --unavailable-cl-summary-shadow: rgba(0, 0, 0, 0.05);
    --unavailable-cl-summary-sticky-top: 120px;
    --unavailable-cl-summary-h3-font-size: 16px;
    --unavailable-cl-summary-h3-font-weight: 700;
    --unavailable-cl-summary-h3-color: var(--web-primary, var(--web-primary));
    /* Cl Row */
    --unavailable-cl-row-padding: 8px 0;
    --unavailable-cl-row-font-size: 13px;
    --unavailable-cl-row-color: var(--web-secondary, var( --web-secondary));
    /* Cl Total */
    --unavailable-cl-total-padding-top: 16px;
    --unavailable-cl-total-border-top: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-cl-total-margin-top: 16px;
    --unavailable-cl-total-margin-bottom: 14px;
    --unavailable-cl-total-color: var(--web-primary, var(--web-primary));
    /* Cl Checkout */
    --unavailable-cl-checkout-padding: 8px;
    --unavailable-cl-checkout-bg: var(--web-primary, var(--web-primary));
    --unavailable-cl-checkout-color: var(--web-text-inverse, #ffffff);
    --unavailable-cl-checkout-border-radius: 8px;
    --unavailable-cl-checkout-font-size: 14px;
    --unavailable-cl-checkout-font-weight: 600;
    --unavailable-cl-checkout-shadow: rgba(86, 47, 89, 0.2);
    /* Cl Empty */
    --unavailable-cl-empty-padding: 100px 40px;
    --unavailable-cl-empty-bg: var(--web-bg-main, #ffffff);
    --unavailable-cl-empty-border-radius: 12px;
    --unavailable-cl-empty-shadow: rgba(0, 0, 0, 0.05);
    --unavailable-cl-empty-max-width: 600px;
    --unavailable-cl-empty-image-max-width: 200px;
    --unavailable-cl-empty-title-font-size: 32px;
    --unavailable-cl-empty-title-color: var(--web-primary, #562f59);
    --unavailable-cl-empty-subtitle-font-size: 18px;
    --unavailable-cl-empty-subtitle-color: var(--web-text-muted, #777777);
    /* Cl Shop Now Button */
    --unavailable-cl-shop-now-btn-bg: var(--web-accent, #b89778);
    --unavailable-cl-shop-now-btn-color: var(--web-text-inverse, #ffffff);
    --unavailable-cl-shop-now-btn-padding: 14px 32px;
    --unavailable-cl-shop-now-btn-border-radius: 8px;
    --unavailable-cl-shop-now-btn-font-weight: 600;
    --unavailable-cl-shop-now-btn-hover-bg: var(--web-accent-dark, #9c7a5a);
    --unavailable-cl-shop-now-btn-hover-shadow: rgba(184, 151, 120, 0.2);
    /* Brand Banners */
    --unavailable-brand-banners-bg: var(--web-bg-main, #ffffff);
    --unavailable-brand-banners-padding: 40px 0;
    --unavailable-brand-banners-margin-top: 60px;
    --unavailable-brand-banners-border-top: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-brand-banners-gap: 40px;
    --unavailable-brand-banner-max-width: 120px;
    --unavailable-brand-banner-filter: grayscale(100%);
    --unavailable-brand-banner-hover-filter: grayscale(0%);
    --unavailable-brand-banner-hover-scale: scale(1.1);
    /* Pincode */
    --unavailable-pincode-input-padding-left: 40px;
    --unavailable-pincode-input-height: 48px;
    --unavailable-pincode-input-border: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-pincode-input-bg: var(--web-bg-main, #ffffff);
    --unavailable-pincode-input-font-size: 11px;
    --unavailable-pincode-input-border-radius: 8px;
    --unavailable-pincode-input-shadow: rgba(0,0,0,0.05);
    --unavailable-pincode-input-focus-border: var(--web-accent, #b89778);
    --unavailable-pincode-input-focus-shadow: rgba(184,151,120,0.2);
    --unavailable-pincode-icon-color: var(--web-accent, #b89778);
    --unavailable-pincode-icon-font-size: 20px;
    --unavailable-pincode-locate-btn-padding: 6px 5px;
    --unavailable-pincode-locate-btn-border-radius: 6px;
    --unavailable-pincode-locate-btn-font-size: 11px;
    /* Modal */
    --unavailable-modal-border-radius: 12px;
    --unavailable-modal-padding: 24px;
    --unavailable-modal-shadow: rgba(0,0,0,0.1);
    --unavailable-modal-input-padding-left: 40px;
    --unavailable-modal-input-height: 48px;
    --unavailable-modal-input-border: 1px solid var(--web-border-medium, #eaeaea);
    --unavailable-modal-input-border-radius: 8px;
    --unavailable-modal-input-focus-border: var(--web-accent, #b89778);
    --unavailable-modal-check-btn-bg: var(--web-accent, #b89778);
    --unavailable-modal-check-btn-color: var(--web-text-inverse, #ffffff);
    --unavailable-modal-check-btn-padding: 8px 16px;
    --unavailable-modal-check-btn-border-radius: 6px;
    --unavailable-modal-check-btn-font-size: 14px;
    --unavailable-modal-check-btn-hover-bg: var(--web-accent-dark, #9c7a5a);
    /* Empty Cart Modern */
    --unavailable-cl-empty-modern-min-height: 80vh;
    --unavailable-cl-empty-modern-bg: linear-gradient(to bottom, #faf8f6 0%, #fffdf9 100%);
    --unavailable-cl-empty-modern-padding: 0px 20px;
    --unavailable-empty-cta-shadow: rgba(184, 151, 120, 0.3);
    /* Text Gold */
    --unavailable-text-gold-color: #b89778;
    /* Cl Check */
    --unavailable-cl-check-font-size: 10px;
    --unavailable-cl-check-color: #562f59 !important;
    /* Pincode Modal Enhancements */
    --unavailable-pincode-modal-content-shadow: rgba(0,0,0,0.15);
    --unavailable-pincode-modal-input-focus-shadow: rgba(184, 151, 120, 0.2);
    --unavailable-pincode-modal-btn-close-filter: invert(1);
    --unavailable-pincode-modal-map-pin-color: #b89778;
    --unavailable-pincode-modal-text-gold: #b89778;
    /* Animation Durations */
    --unavailable-animation-fade-duration: 0.6s;
    --unavailable-animation-pulse-duration: 1.4s;
    /*BLOGPAGE*/
    /* ===== BLOG PAGE - NEW/UNIQUE COLORS ===== */
    /* Hero Section Colors */
    --blog-hero-min-height: 35vh;
    --blog-hero-bg: linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.88)), url('../../assets/images/Noor/breadcum-bg.jpg') center/cover no-repeat;
    /* Page Title Colors */
    --blog-page-title-font-family: var(--theme-font-primary);
    ;
    --blog-page-title-font-size: 3.2rem;
    --blog-page-title-color: var(--web-primary, var(--web-primary));
    --blog-page-title-font-weight: 700;
    --blog-page-title-letter-spacing: 1px;
    /* Breadcrumb Colors */
    --blog-breadcrumb-gap: 12px;
    --blog-breadcrumb-font-size: 1.05rem;
    --blog-breadcrumb-link-color: var(--web-text-muted, #6F6F70);
    --blog-breadcrumb-active-color: var(--web-primary, var(--web-primary));
    --blog-breadcrumb-active-font-weight: 600;
    /* Blog Card Colors */
    --blog-card-bg: var(--card-glass, rgba(255, 255, 255, 0.85));
    --blog-card-backdrop-filter: blur(18px);
    --blog-card-border-radius: 28px;
    --blog-card-margin-bottom: 2.5rem;
    --blog-card-image-overflow: hidden;
    --blog-card-img-height: 320px;
    --blog-card-img-hover-scale: scale(1.08);
    --blog-card-img-transition: transform 0.6s ease;
    /* Blog Card Date Badge Colors */
    --blog-card-date-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --blog-card-date-color: white;
    --blog-card-date-padding: 12px 18px;
    --blog-card-date-border-radius: 18px;
    --blog-card-date-shadow: rgba(93,17,67,0.3);
    --blog-card-date-day-font-size: 1.8rem;
    --blog-card-date-month-font-size: 0.9rem;
    --blog-card-date-month-letter-spacing: 1px;
    /* Blog Card Content Colors */
    --blog-card-content-padding: 2rem;
    --blog-card-meta-gap: 16px;
    --blog-card-meta-font-size: 0.95rem;
    --blog-card-meta-color: var(--store-gray, #8DA5B5);
    --blog-card-title-font-family: var(--theme-font-primary);
    ;
    --blog-card-title-font-size: 1.65rem;
    --blog-card-title-margin: 12px 0;
    --blog-card-title-line-height: 1.3;
    --blog-card-title-link-color: var(--web-primary, var(--web-primary));
    --blog-card-title-link-hover-color: var(--web-primary-light, var(--web-primary));
    --blog-card-text-color: var(--web-text-muted, #6F6F70);
    --blog-card-text-line-height: 1.7;
    --blog-card-read-more-color: var(--web-primary-light, var(--web-primary));
    --blog-card-read-more-font-size: 1rem;
    --blog-card-read-more-letter-spacing: 0.5px;
    /* Sidebar Colors */
    --blog-sidebar-bg: var(--cream, #EEE2DA);
    --blog-sidebar-border-radius: 28px;
    --blog-sidebar-padding: 2rem;
    --blog-sidebar-backdrop-filter: blur(10px);
    --blog-sidebar-shadow: rgba(0,0,0,0.06);
    --blog-sidebar-h4-font-family: var(--theme-font-primary);
    ;
    --blog-sidebar-h4-color: var(--web-primary, var(--web-primary));
    --blog-sidebar-h4-font-size: 1.6rem;
    --blog-sidebar-h4-padding-bottom: 12px;
    --blog-sidebar-h4-margin-bottom: 1.5rem;
    --blog-sidebar-h4-underline-width: 60px;
    --blog-sidebar-h4-underline-height: 3px;
    --blog-sidebar-h4-underline-bg: linear-gradient(90deg, var(--web-primary, var(--web-primary)), var(--web-primary-soft, var(--web-primary-soft)));
    /* Categories List Colors */
    --blog-categories-link-padding: 12px 0;
    --blog-categories-link-color: var(--web-secondary, var( --web-secondary));
    --blog-categories-link-border: 1px dashed rgba(93,17,67,0.15);
    --blog-categories-link-hover-color: var(--web-primary-light, var(--web-primary));
    --blog-categories-link-hover-padding-left: 8px;
    /* Sidebar Blog Post Colors */
    --blog-sidebar-post-gap: 16px;
    --blog-sidebar-post-margin-bottom: 1.5rem;
    --blog-sidebar-post-padding-bottom: 1rem;
    --blog-sidebar-post-border: 1px dashed rgba(93,17,67,0.12);
    --blog-sidebar-post-img-width: 80px;
    --blog-sidebar-post-img-height: 80px;
    --blog-sidebar-post-img-border-radius: 16px;
    --blog-sidebar-post-title-font-size: 1rem;
    --blog-sidebar-post-title-color: var(--web-primary, var(--web-primary));
    --blog-sidebar-post-title-hover-color: var(--web-primary-light, var(--web-primary));
    /* Popular Tag Colors */
    --blog-popular-tag-gap: 10px;
    --blog-popular-tag-link-bg: white;
    --blog-popular-tag-link-color: var(--web-primary, var(--web-primary));
    --blog-popular-tag-link-padding: 8px 16px;
    --blog-popular-tag-link-border-radius: 50px;
    --blog-popular-tag-link-font-size: 0.9rem;
    --blog-popular-tag-link-border: 1.5px solid rgba(93,17,67,0.15);
    --blog-popular-tag-link-hover-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --blog-popular-tag-link-hover-color: white;
    --blog-popular-tag-link-hover-transform: translateY(-3px);
    /* Pagination Colors */
    --blog-pagination-link-width: 48px;
    --blog-pagination-link-height: 48px;
    --blog-pagination-link-border-radius: 50%;
    --blog-pagination-link-margin: 0 8px;
    --blog-pagination-link-font-weight: 600;
    --blog-pagination-link-color: var(--web-primary, var(--web-primary));
    --blog-pagination-link-bg: white;
    --blog-pagination-link-border: 2px solid rgba(93,17,67,0.15);
    --blog-pagination-link-active-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --blog-pagination-link-active-color: white;
    --blog-pagination-link-hover-bg: linear-gradient(135deg, var(--web-primary, var(--web-primary)), var(--web-primary-light, var(--web-primary)));
    --blog-pagination-link-hover-color: white;
    /* Responsive Colors */
    --blog-responsive-sidebar-margin-top: 3rem;
    --blog-responsive-page-title-font-size: 2.6rem;
    --blog-responsive-card-content-padding: 1rem;
    --blog-responsive-card-content-font-size: small !important;
    /* Image Utilities */
    --blog-w-100h-100-width: 100px !important;
    --blog-w-100h-100-height: 100px !important;
    /*INSTOCK*/
    /* ===== INSTOCK PRODUCT PAGE - NEW/UNIQUE COLORS ===== */
    /* Right Background */
    --instock-rightbg: #f9f9f9;
    /* Trust Slider Colors */
    --instock-trust-slider-wrapper-bg: rgba(255,255,255,0.15);
    --instock-trust-slider-wrapper-blur: blur(15px);
    --instock-trust-item-border: rgba(93,17,67,0.2);
    --instock-circle-icon-bg: linear-gradient(135deg, #f8f3f6, #f0e6f0);
    --instock-circle-icon-shadow: inset 0 4px 12px rgba(0,0,0,0.1);
    --instock-trust-dot-color: #d4a8d4;
    --instock-trust-dot-active-opacity: 1;
    /* Scrollbar Colors */
    --instock-similar-scrollbar-bg: #eee;
    --instock-recent-scrollbar-bg: #eee;
    --instock-scrollbar-drag-bg: var(--web-primary, var(--web-primary));
    /* Mobile Cart/Video Icon */
    --instock-mobile-cart-icon-bg: rgba(255,255,255,0.9);
    --instock-mobile-btn-hover-bg: var(--web-primary, var(--web-primary));
    --instock-mobile-rating-badge-bg: rgba(255,255,255,0.95);
    /* Section Background */
    --instock-section-bg: #f9f9f9;
    /* Tab Button Active Gradient */
    --instock-tab-button-active-bg: linear-gradient(to left, #9f2862, #9f2862, #9f2862);
    --instock-tab-button-active-color: white;
    --instock-tab-button-color: var( --web-secondary);
    /* Fake Dropdown */
    --instock-fake-dropdown-bg: #f8f9fa;
    --instock-fake-dropdown-border: #ddd;
    /* Nav Link Active */
    --instock-nav-active-bg: var(--web-primary-soft);
    --instock-nav-active-color: var(--web-primary);
    /* Modal Colors */
    --instock-modal-overlay-bg: rgba(12, 12, 12, 0.7);
    --instock-modal-bg: white;
    --instock-modal-border: #EEE2DA;
    --instock-modal-header-bg: linear-gradient(135deg, #fafafa 0%, white 100%);
    --instock-modal-title-color: var( --web-secondary);
    --instock-modal-close-bg: #EEE2DA;
    --instock-modal-close-hover: var(--web-primary-soft);
    --instock-modal-footer-bg: #fafafa;
    /* Step Colors */
    --instock-step-icon-gradient: linear-gradient(135deg, var(--web-primary-soft) 0%, #96709D 100%);
    --instock-step-title-color: var( --web-secondary);
    --instock-step-description-color: #6F6F70;
    --instock-radio-border: #EEE2DA;
    --instock-radio-hover-bg: linear-gradient(135deg, #fef8fc 0%, #fcf9fd 100%);
    --instock-radio-selected-border: var(--web-primary);
    --instock-radio-accent: var(--web-primary);
    /* Calibration Colors */
    --instock-calibration-bg: linear-gradient(135deg, #f8f7f9 0%, #f0eef2 100%);
    --instock-calibration-border: #EEE2DA;
    --instock-placeholder-bg: linear-gradient(135deg, #f0eef2 0%, #e8e6ec 100%);
    --instock-placeholder-border: var(--web-primary-soft);
    --instock-card-bg: linear-gradient(135deg, var( --web-secondary) 0%, #2a4a5e 100%);
    --instock-card-chip: linear-gradient(135deg, var(--web-primary-soft) 0%, #96709D 100%);
    --instock-measurement-line: var(--web-primary);
    --instock-handle-bg: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-measurement-label-bg: linear-gradient(135deg, var( --web-secondary) 0%, #2a4a5e 100%);
    --instock-measurement-calibrated: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);
    --instock-step-number-bg: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-calibration-instructions-bg: linear-gradient(135deg, #f8f7f9 0%, #f0eef2 100%);
    --instock-calibration-instructions-border: #EEE2DA;
    /* Size Selection Colors */
    --instock-size-circle-border: #EEE2DA;
    --instock-size-circle-bg: white;
    --instock-size-circle-hover-border: var(--web-primary-soft);
    --instock-size-circle-hover-shadow: rgba(209, 144, 185, 0.2);
    --instock-size-circle-selected-gradient: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-size-circle-selected-border: var(--web-primary);
    --instock-size-circle-suggested-border: var( --web-secondary);
    --instock-diameter-label-color: #6F6F70;
    --instock-size-image-border: #EEE2DA;
    --instock-size-image-shadow: rgba(31, 55, 71, 0.1);
    --instock-size-selected-color: #6F6F70;
    --instock-size-selected-span-color: var(--web-primary);
    --instock-size-suggestion-bg: linear-gradient(135deg, #f0eef2 0%, #e8e6ec 100%);
    --instock-size-suggestion-border-left: var(--web-primary);
    /* Guide Link */
    --instock-guide-link-color: var(--web-primary);
    --instock-guide-link-border: var(--web-primary);
    --instock-guide-link-hover-bg: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-guide-link-hover-color: white;
    --instock-guide-link-hover-shadow: rgba(144, 33, 103, 0.3);
    /* Progress Bar */
    --instock-progress-line-bg: #EEE2DA;
    --instock-progress-line-fill-bg: linear-gradient(90deg, var(--web-primary) 0%, var( --web-secondary) 100%);
    --instock-step-indicator-bg: #EEE2DA;
    --instock-step-indicator-color: #8DA5B5;
    --instock-step-indicator-active-bg: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-step-indicator-completed-bg: linear-gradient(135deg, var( --web-secondary) 0%, #2a4a5e 100%);
    --instock-step-label-color: #8DA5B5;
    --instock-step-label-active-color: var( --web-secondary);
    /* Trust Card Colors */
    --instock-trust-card-color: #333;
    --instock-trust-card-h3-color: #2d1a3a;
    --instock-trust-card-border: 1px solid rgba(255,255,255,0.3);
    --instock-trust-card-hover-shadow: rgba(0,0,0,0.15);
    --instock-trust-card-after-gradient: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
    /* Trust Card Gradients */
    --instock-card-1: linear-gradient(135deg, #f2e0eb, #e8d0e0);
    --instock-card-2: linear-gradient(135deg, #e8d9e9, #d9c8e0);
    --instock-card-3: linear-gradient(135deg, #fdf8f2, #f5ede6);
    --instock-card-4: linear-gradient(135deg, #d0e6e8, #c8e0e6);
    --instock-card-5: linear-gradient(135deg, #e8d4ed, #d9c8e5);
    --instock-card-6: linear-gradient(135deg, #f0f0f0, #e0e4e8);
    --instock-card-7: linear-gradient(135deg, #d6e4ed, #c8d8e8);
    --instock-card-8: linear-gradient(135deg, #f0e0e8, #e8d5e2);
    /* Button Colors */
    --instock-btn-primary-gradient: linear-gradient(135deg, var(--web-primary) 0%, #501F5D 100%);
    --instock-btn-primary-shadow: rgba(144, 33, 103, 0.2);
    --instock-btn-primary-hover-shadow: rgba(144, 33, 103, 0.3);
    --instock-btn-secondary-bg: white;
    --instock-btn-secondary-color: var( --web-secondary);
    --instock-btn-secondary-border: #EEE2DA;
    --instock-btn-secondary-hover-border: var(--web-primary-soft);
    --instock-btn-secondary-hover-color: var(--web-primary);
    --instock-btn-secondary-hover-bg: #fef8fc;
    /* Responsive Variables */
    --instock-responsive-stacked-layout-padding-top: 2.8rem !important;
    --instock-responsive-mobile-product-image-height: 50vh;
    --instock-responsive-mobile-carousel-control-width: 40px;
    --instock-responsive-body-padding-top: 96px;
    /* Blur Background */
    --instock-blur-overlay: rgba(0, 0, 0, 0.4);
    /* Handle Bar */
    --instock-handle-bar-bg: #ddd;
    /* Theme Soft Bg */
    --instock-theme-soft-bg-padding: 6px 20px 7px 20px;
    /* Whatsapp Video Button */
    --instock-whatsapp-video-btn-bg: var(--gradient-accent);
    /* Add to Cart Fixed */
    --instock-add-to-cart-fixed-hover-color: var(--primary);
    --instock-add-to-cart-fixed-hover-bg: white;
    --instock-add-to-cart-fixed-hover-border: var(--primary);
    --instock-add-to-cart-fixed-hover-shadow: var(--shadow-deep);
    /* Mobile Trust Wrapper */
    --instock-mobile-trust-wrapper-bg: rgba(255,255,255,0.15);
    --instock-mobile-circle-icon-bg: linear-gradient(135deg, #f8f3f6, #f0e6f0);
    --instock-mobile-circle-icon-shadow: inset 0 4px 12px rgba(0,0,0,0.1);
    /* Mobile Similar Section */
    --instock-mobile-similar-section-padding: 0;
    --instock-mobile-similar-header-padding: 0 12px;
    --instock-similar-swiper-mobile-padding: 0 12px !important;
    --instock-mobile-product-item-height: auto;
    --instock-mobile-product-image-wrapper-radius: 12px;
    --instock-mobile-normal-image-radius: 12px;
    --instock-mobile-cart-icon-radius: 50%;
    --instock-mobile-cart-icon-padding: 2px;
    --instock-mobile-rating-badge-radius: 12px;
    --instock-mobile-rating-badge-shadow: rgba(0,0,0,0.1);
    --instock-mobile-product-content-padding: 8px 4px !important;
    --instock-mobile-product-title-margin: 0;
    --instock-mobile-product-title-line-height: 1.3;
    --instock-mobile-product-title-font-size: 0.85rem;
    --instock-mobile-price-text-font-size: 0.8rem;
    --instock-mobile-heart-icon-font-size: 1.1rem;
    /* Mobile Swiper Navigation */
    --instock-swiper-button-mobile-color: var(--primary);
    --instock-swiper-button-mobile-bg: rgba(255,255,255,0.9);
    --instock-swiper-button-mobile-size: 32px;
    /* Mobile Recently Viewed */
    --instock-recent-product-section-mobile-bg: var(--card-glass, rgba(255, 255, 255, 0.95));
    --instock-recent-product-section-mobile-blur: blur(10px);
    --instock-recent-product-section-mobile-radius: 16px;
    --instock-recent-product-section-mobile-margin: 20px 12px;
    --instock-recent-product-section-mobile-padding: 16px 0;
    --instock-similarproduct-mobile-color: var(--primary, var(--web-primary));
    --instock-product-item-mobile-bg: white;
    --instock-product-item-mobile-shadow: rgba(0, 0, 0, 0.05);
    --instock-product-item-mobile-hover-shadow: rgba(0, 0, 0, 0.1);
    --instock-product-image-wrapper-mobile-shadow: rgba(0, 0, 0, 0.1);
    --instock-rating-badge-mobile-bg: rgba(255, 255, 255, 0.95);
    --instock-product-title-mobile-color: var(--dark, #333);
    --instock-price-mobile-color: var(--primary, var(--web-primary));
    --instock-recent-pagination-bullet-bg: #ddd;
    --instock-recent-pagination-active-bg: var(--primary, var(--web-primary));
    /* Mobile Reviews */
    --instock-mobile-review-card-shadow: var(--shadow-soft);
    /* Mobile Bottom Bar */
    --instock-mobile-bottom-cart-min-width: 110px;
    --instock-mobile-bottom-cart-font-size: 0.85rem;
    /* Mobile Category Section */
    --instock-mobile-category-section-display: none;
    /* Pincode Mobile */
    --instock-pincode-icon-mobile-color: var(--soft);
    --instock-pincode-input-mobile-padding-left: 40px;
    --instock-premium-alert-mobile-bg: var(--gradient-accent);
    /* Mobile Delivery Section */
    --instock-mobile-delivery-section-border-left: 3px solid var(--primary);
    --instock-mobile-delivery-section-radius: 12px;
    --instock-mobile-delivery-title-color: var(--primary-dark);
    /* Mobile Video Section */
    --instock-mobile-video-section-bg: var(--card-glass);
    --instock-mobile-video-title-color: var(--primary);
    --instock-mobile-video-desc-color: var(--gray);
    --instock-mobile-video-btn-bg: var(--primary);
    --instock-mobile-video-btn-color: white;
    /* Mobile Spec Table */
    --instock-mobile-spec-table-bg: var(--card-glass);
    --instock-mobile-spec-table-border: var(--border);
    --instock-mobile-spec-table-shadow: var(--shadow-soft);
    --instock-mobile-spec-subtitle-color: var(--primary);
    --instock-mobile-spec-row-border: 1px dashed var(--border);
    --instock-mobile-spec-row-color: var(--dark);
    --instock-mobile-spec-label-color: var(--gray);
    --instock-mobile-spec-value-color: var(--primary);
    /* Mobile Gem Grid */
    --instock-mobile-gem-grid-bg: var(--card-glass);
    --instock-mobile-gem-grid-border: var(--border);
    /* Mobile Price Card */
    --instock-mobile-price-card-bg: var(--card-glass);
    --instock-mobile-price-card-border: var(--border);
    --instock-mobile-price-title-color: var(--primary);
    --instock-mobile-price-row-border: 1px dashed var(--border);
    --instock-mobile-total-row-border-top: 2px solid var(--soft);
    --instock-mobile-total-label-color: var(--primary);
    --instock-mobile-total-value-color: var(--deep);
    /* Mobile Text Colors */
    --instock-text-web-mobile-color: var(--web-primary, var(--web-primary));
    --instock-text-web2-mobile-color: var(--web-secondary, var( --web-secondary));
    /* Container Fluid */
    --instock-container-fluid-padding: 0 12px;
    --instock-container-fluid-overflow: hidden;
    /*ALLPRODUCT*/
    /* ===== ALL PRODUCT PAGE - NEW/UNIQUE COLORS ===== */
    /* Product Image Wrapper Colors */
    --allproduct-normal-image-transition: opacity 0.3s ease;
    --allproduct-normal-image-zindex: 1;
    --allproduct-hover-image-opacity: 0;
    --allproduct-hover-image-transition: opacity 0.3s ease;
    --allproduct-hover-image-zindex: 2;
    /* Button Icon Colors */
    --allproduct-btn-cart-icon-opacity: 1 !important;
    --allproduct-btn-cart-icon-visibility: visible !important;
    --allproduct-btn-cart-icon-pointer-events: auto !important;
    --allproduct-btn-cart-icon-zindex: 10 !important;
    /* Mobile Category Section */
    --allproduct-mobile-category-display: none !important;
    /* Responsive Padding */
    --allproduct-pb-120-padding-bottom: 90px;
    --allproduct-pb-120-margin-top: 5rem;
    /* OTP Input Colors */
    --allproduct-otp-input-width: 45px;
    --allproduct-otp-input-height: 45px;
    --allproduct-otp-input-border-radius: 8px;
    --allproduct-otp-input-font-size: 1.25rem;
    --allproduct-otp-input-border: 1px solid #ccc;
    --allproduct-otp-input-transition: border 0.3s ease;
    --allproduct-otp-input-focus-border: #1c0823;
    --allproduct-otp-input-focus-outline: none;
    --allproduct-otp-input-focus-shadow: rgba(169, 116, 95, 0.3);
    /* Login Button Colors */
    --allproduct-btn-login-primary-bg: #1c0823;
    --allproduct-btn-login-primary-color: white;
    --allproduct-btn-login-primary-border-radius: 50px;
    --allproduct-btn-login-primary-border: none;
    --allproduct-btn-login-primary-hover-bg: #8e5f4d;
    /* Responsive Breakpoints */
    --allproduct-responsive-max-width: 991px;
    /*POLICYPAGE*/
    /* ===== POLICY PAGE - NEW/UNIQUE COLORS ===== */
    /* Page Title Colors */
    --policy-page-title-font-size: 46px;
    --policy-page-title-color: var(--web-primary, var(--web-primary));
    --policy-page-title-text-align: center;
    --policy-page-title-margin: 25px 0 8px;
    --policy-page-title-letter-spacing: 1.8px;
    --policy-page-title-font-family: var(--theme-font-primary);
    ;
    /* Last Updated Colors */
    --policy-last-updated-text-align: center;
    --policy-last-updated-font-size: 19px;
    --policy-last-updated-color: var(--web-primary-light, var(--web-primary));
    --policy-last-updated-font-style: italic;
    --policy-last-updated-margin: 30px 0 60px;
    /* Section Title Colors */
    --policy-section-title-font-size: 30px;
    --policy-section-title-color: var(--web-primary, var(--web-primary));
    --policy-section-title-border-bottom: 3px solid var(--web-primary-soft, var(--web-primary-soft));
    --policy-section-title-padding-bottom: 12px;
    --policy-section-title-margin-top: 60px;
    --policy-section-title-font-family: var(--theme-font-primary);
    ;
    /* Numbered Title Colors */
    --policy-numbered-title-font-size: 24px;
    --policy-numbered-title-color: var(--store-dark-purple, #501F5D);
    --policy-numbered-title-margin: 50px 0 20px;
    --policy-numbered-title-font-weight: 600;
    /* Paragraph Colors */
    --policy-paragraph-font-size: 16.5px;
    --policy-paragraph-color: var(--web-secondary, var( --web-secondary));
    --policy-paragraph-margin: 20px 0;
    /* Custom List Colors */
    --policy-custom-list-padding-left: 0;
    --policy-custom-list-margin: 25px 0;
    --policy-custom-list-li-padding-left: 38px;
    --policy-custom-list-li-margin: 16px 0;
    --policy-custom-list-li-font-size: 16.5px;
    --policy-custom-list-li-color: var(--web-secondary, var( --web-secondary));
    --policy-custom-list-bullet-content: "✦";
    --policy-custom-list-bullet-color: var(--web-primary-soft, var(--web-primary-soft));
    --policy-custom-list-bullet-font-size: 24px;
    --policy-custom-list-bullet-left: 0;
    --policy-custom-list-bullet-top: -4px;
    /* Highlight Box Colors */
    --policy-highlight-box-bg: var(--store-purple, #96709D);
    --policy-highlight-box-color: var(--web-text-inverse, #FFFFFF);
    --policy-highlight-box-padding: 30px;
    --policy-highlight-box-border-radius: 10px;
    --policy-highlight-box-text-align: center;
    --policy-highlight-box-font-size: 21px;
    --policy-highlight-box-margin: 50px 0;
    --policy-highlight-box-font-weight: 500;
    /* Exchange Table Colors */
    --policy-exchange-table-width: 100%;
    --policy-exchange-table-margin: 35px 0;
    --policy-exchange-table-bg: var(--cream, #EEE2DA);
    --policy-exchange-th-padding: 18px 22px;
    --policy-exchange-th-text-align: left;
    --policy-exchange-th-border-bottom: 1px solid var(--web-primary-soft, var(--web-primary-soft));
    --policy-exchange-th-bg: var(--web-primary-soft, var(--web-primary-soft));
    --policy-exchange-th-color: var(--web-primary, var(--web-primary));
    --policy-exchange-th-font-size: 18px;
    --policy-exchange-th-font-weight: 600;
    --policy-exchange-td-padding: 18px 22px;
    --policy-exchange-td-text-align: left;
    --policy-exchange-td-border-bottom: 1px solid var(--web-primary-soft, var(--web-primary-soft));
    --policy-exchange-td-bg: var(--web-bg-main, #FFFFFF);
    --policy-exchange-td-color: var(--web-secondary, var( --web-secondary));
    /* Table Title Colors */
    --policy-table-title-font-size: 20px;
    --policy-table-title-color: var(--store-dark-purple, #501F5D);
    --policy-table-title-margin: 50px 0 20px;
    --policy-table-title-font-weight: 600;
    /* Footer Note Colors */
    --policy-note-text-font-size: 14.5px;
    --policy-note-text-color: var(--web-text-muted, #6F6F70);
    --policy-note-text-font-style: italic;
    --policy-note-text-margin-top: 40px;
    --policy-note-text-padding-top: 20px;
    --policy-note-text-border-top: 1px dashed var(--accent-gray, #88A1AE);
    --policy-note-text-line-height: 1.6;
    /* Contact Section Colors */
    --policy-contact-section-text-align: center;
    --policy-contact-section-margin-top: 70px;
    --policy-contact-section-font-size: 18px;
    --policy-contact-section-link-color: var(--web-primary-light, var(--web-primary));
    --policy-contact-section-link-text-decoration: none;
    /* No Border */
    --policy-no-border-border-bottom: none !important;
    /* Brand Name Colors */
    --policy-brand-name-color: var(--web-primary-light, var(--web-primary));
    --policy-brand-name-font-weight: bold;
    /* Table General Styles */
    --policy-table-width: 100%;
    --policy-table-margin: 40px 0;
    --policy-th-padding: 18px 25px;
    --policy-th-text-align: left;
    --policy-th-border-bottom: 1px solid var(--web-primary-soft, var(--web-primary-soft));
    --policy-th-bg: var(--web-primary-soft, var(--web-primary-soft));
    --policy-th-color: var(--web-primary, var(--web-primary));
    --policy-th-font-size: 18px;
    --policy-th-font-weight: 600;
    --policy-td-padding: 18px 25px;
    --policy-td-text-align: left;
    --policy-td-border-bottom: 1px solid var(--web-primary-soft, var(--web-primary-soft));
    --policy-td-bg: var(--web-bg-main, #FFFFFF);
    /* Platting Intro Colors */
    --policy-platting-intro-font-size: 18px;
    --policy-platting-intro-color: var(--store-dark-purple, #501F5D);
    --policy-platting-intro-text-align: center;
    --policy-platting-intro-margin: 40px 0 60px;
    --policy-platting-intro-font-style: italic;
    --policy-platting-intro-line-height: 1.6;
    /* Warranty Intro Colors */
    --policy-warranty-intro-font-size: 18px;
    --policy-warranty-intro-color: var(--store-dark-purple, #501F5D);
    --policy-warranty-intro-text-align: center;
    --policy-warranty-intro-margin: 40px 0 60px;
    --policy-warranty-intro-font-style: italic;
    --policy-warranty-intro-line-height: 1.6;
    /* Responsive Colors */
    --policy-responsive-body-padding-top: 95px;
    --policy-responsive-page-title-font-size: 24px;
    --policy-responsive-mobile-padding-margin-top: 3rem !important;
    /* Mobile Category Section */
    --policy-mobile-category-display: none !important;
}
.modal-body {
    display: flex;
    justify-content: space-between;
    padding: 0px;
}

html, body {
    font-family: var(--theme-font-primary) !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

* {
    font-family: var(--theme-font-primary) !important;
    font-weight: normal !important;
}

@media (min-width: 1400px) {
    .col-md-9 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.logimage-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    padding: 0px;
}

.formr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .form-container input,
    .form-container button {
        border-radius: 5px;
        padding: 12px;
        font-size: 1rem;
    }

        .form-container input.form-control-lg,
        .form-container button.btn-lg {
            font-size: 1.1rem;
        }

    .form-container .btn {
        width: 100%;
        padding: 12px;
    }

.modal-body h3 {
    font-size: 3.5rem;
    font-weight: 600;
}

.modal-content {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#signUpLink {
    font-weight: 500;
    font-size: 0.9rem;
    color: #007bff;
}

    #signUpLink:hover {
        text-decoration: underline;
    }

.modal-dialog {
    max-width: 850px;
}

/*.mb-3 input, .mb-3 button {
    margin-bottom: 15px;
}
*/
.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.otp-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.otp-input {
    width: 45px;
    height: 45px;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px;
}

    .otp-input:focus {
        border-color: #007bff;
        outline: none;
    }

.otp-container button {
    margin-top: 15px;
    font-size: 1rem;
}

#otpForm {
    display: none;
}

.menu-box {
    background: var(--web-bg-main);
}

    .menu-box.fixed {
        background: var(--web-bg-main);
    }

.custom-form-control {
    padding: 0px;
    height: 55px;
    min-width: 500px;
}

.newsletter-input-group.greennews {
    padding-left: 0px;
    background: var(--web-bg-main);
}

.pa-2 {
    padding-bottom: 2.5rem !important;
}

.navbar-nav {
    width: 100%;
    height: 33px;
}

    .navbar-nav.smallMargin .nav-item .nav-link {
        margin: 3px 15px;
        padding: 0px;
    }

.gold-rates-dropdown {
    position: relative;
}

.gold-rates-menu {
    background: var(--web-bg-main);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border: 1px solid #FFD700;
    max-width: 350px;
    width: auto;
    overflow-y: auto;
}

.rate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    margin: 8px 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #4b191e, rgb(34 0 0));
    transition: transform 0.2s ease;
}

    .rate-item:hover {
        transform: scale(1.02);
        box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
    }

.purity-name, .rate-value, .rate-difference, .eight-gram-tag {
    font-size: 15px;
    text-align: left;
    display: inline-block;
    min-width: 100px;
    padding: 0 5px;
}

.purity-name {
    color: #ffa201;
    font-weight: 400;
}

.rate-value {
    color: #951c1c;
    font-weight: 400;
    filter: contrast(16.5);
}

.rate-difference {
    padding: 18px;
    border-radius: 12px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .rate-difference.positive {
        background: #05511b;
        color: white;
    }

    .rate-difference.negative {
        background: #ac1a1a;
        color: white;
    }

.eight-gram-tag {
    background: #2196F3;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
}

.arrow-up {
    color: white;
}

.arrow-down {
    color: white;
}

.dropdown-header {
    font-size: 20px;
    font-weight: bold;
    color: #5b3471;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #FFD700;
    margin-bottom: 10px;
}

form input:focus,
form textarea:focus,
form select:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none;
}

.custom-search-form {
    width: 100%;
    margin: 0;
    padding: 0;
}

.custom-search-wrapper {
    width: 100%;
    position: relative;
}

.custom-search-input {
    width: 100%;
    background-color: #800020 !important;
    border: none;
    border-bottom: 2px solid var(--web-bg-main);
    border-radius: 0px;
    color: var(--web-bg-main) !important;
    padding: 12px 45px 12px 15px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

    .custom-search-input::placeholder {
        color: var(--web-bg-main);
        opacity: 1;
    }

    .custom-search-input:-webkit-autofill,
    .custom-search-input:-webkit-autofill:hover,
    .custom-search-input:-webkit-autofill:focus,
    .custom-search-input:-webkit-autofill:active {
        background-color: #800020 !important;
        -webkit-box-shadow: 0 0 0 1000px #563329 inset !important;
        box-shadow: 0 0 0 1000px #563329 inset !important;
        -webkit-text-fill-color: var(--web-bg-main) !important;
        color: var(--web-bg-main) !important;
        border-bottom: 2px solid var(--web-bg-main) !important;
        transition: background-color 5000s ease-in-out 0s;
    }

    .custom-search-input:focus {
        background-color: #800020 !important;
        color: var(--web-bg-main) !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.custom-search-button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .custom-search-button .flaticon-loupe {
        color: var(--web-bg-main);
        font-size: 18px;
    }

.country-mobile {
    width: 18px;
    padding-bottom: 5px;
}

.mobile-header {
    position: relative;
    z-index: 1;
}

.mobile-search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: #800020;
    padding: 10px;
    z-index: 2;
}

.custom-search-input-wrapper {
    position: relative;
}

.custom-search-input {
    padding: 8px 40px 8px 10px;
}

.custom-search-button {
    background: transparent;
    border: none;
    padding: 0 10px;
    height: 100%;
}

@media (max-width: 767px) {
    .mobile-search-wrapper {
        display: none;
    }

    .logo {
        position: relative;
        z-index: 0;
    }
}

.selected-country-mob {
    width: 30%;
    margin-left: 10px;
}

.dropdownapp-menu {
    display: none;
    position: absolute;
    background-color: var(--web-bg-main);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1060;
    padding: 2px;
    top: 66%;
    right: 64px;
    width: max-content;
    max-width: 200px;
}

.dropdownapp-item {
    display: flex;
    align-items: center;
    padding: 8px 8px;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
}

    .dropdownapp-item img {
        margin-right: 8px;
    }

    .dropdownapp-item:hover {
        background-color: #f1f1f1;
    }

.dropdownapp-toggle:hover + .dropdownapp-menu,
.dropdownapp-menu:hover {
    display: block;
}

.position-relative {
    position: relative;
}

.ps-2.pe-2 {
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .dropdownapp-menu {
        left: auto;
        right: 0;
    }

    .mobilenopadding {
        padding: 0px !important;
    }
}

@media screen and (max-height: 400px) {
    .dropdownapp-menu {
        top: auto;
        bottom: 100%;
    }
}

.dropdownapp-menu {
    transform: translateX(0);
}

@media screen and (min-width: 769px) {
    .position-relative:hover .dropdownapp-menu {
        left: 0;
    }

        .position-relative:hover .dropdownapp-menu:right-overflow {
            left: auto;
            right: 0;
        }
}

.footer-default {
    background-color: #ededed;
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}

.font-tatooblack {
    color: var(--web-text-dark);
}

.footer-logo {
    position: relative;
    display: inline-block;
    padding-bottom: 0px;
    margin-top: -20px;
}

.footer__medio-boxx {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}

.badge-hidden {
    display: none !important;
}

#profileDropdown {
    background-color: var(--web-bg-main);
    border: 1px solid var(--web-border-medium);
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 0;
    z-index: 1000;
}

    #profileDropdown li {
        list-style: none;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.2s ease-in-out;
    }

        #profileDropdown li:hover,
        #profileDropdown li:focus {
            background-color: #f6f8fa;
        }

    #profileDropdown .not-logged-in {
        font-weight: bold;
        text-align: center;
        color: #333;
        cursor: default;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #profileDropdown .login-button-wrapper {
        text-align: center;
        padding: 8px;
    }

        #profileDropdown .login-button-wrapper button {
            font-size: 0.9rem;
            padding: 6px 12px;
        }

.welcome-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.welcome-title {
    font-weight: bold;
    font-size: 14px;
    color: #800020;
}

.welcome-subtitle {
    font-weight: normal;
    font-size: 14px;
    color: var(--web-text-light);
}

.welcome-login-btn {
    background: var(--web-gradient-primary);
    color: white;
    font-weight: 500;
    font-size: 0.98rem;
    padding: 1rem;
    border-radius: 16px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 10px 30px rgba(93, 17, 67, 0.25);
    transition: all 0.3s ease;
}

    .welcome-login-btn:hover {
        background-color: #9b1f1b;
        border-color: #9b1f1b;
        color: var(--web-bg-main);
    }

.upbar {
    --bs-gutter-x: 0 !important;
    --space: 2rem;
    --gap: 2.5rem;
    --duration: 25s;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 7px 0;
    background-color: var(--web-primary) !important;
    position: relative;
}

.upbarcontent {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap);
    font-size: small;
    color: black;
    min-width: 100%;
    white-space: nowrap;
}

    .upbarcontent::before,
    .upbarcontent::after {
        content: "";
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: var(--gap);
        padding-right: var(--gap);
    }

.allproducts {
    font-size: 14px;
    margin-top: 7px;
}

.wishlist-count-mob {
    position: absolute;
    top: 9px;
    right: 21px;
    left: revert;
    font-size: 10px;
    line-height: 7px;
    width: 0px;
    height: 17px;
    padding-left: 4px;
    padding-right: 14px;
    font-style: normal;
    text-align: center;
    color: #f8f8f8;
    background-color: #dc3545;
    border: 1px solid white;
}

.cart-count-mob {
    position: absolute;
    top: 9px;
    right: -10px;
    left: revert;
    font-size: 10px;
    line-height: 7px;
    width: 0px;
    height: 17px;
    padding-left: 4px;
    padding-right: 14px;
    font-style: normal;
    text-align: center;
    color: #f8f8f8;
    background-color: #dc3545;
    border: 1px solid white;
}

.gold-rates-dropdown {
    position: relative;
}

.gold-rates-menu {
    background: var(--web-bg-main);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border: 1px solid #FFD700;
    max-width: 350px;
    width: auto;
    overflow-y: auto;
}

.rate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    margin: 8px 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #4b191e, rgb(34 0 0));
    transition: transform 0.2s ease;
}

    .rate-item:hover {
        transform: scale(1.02);
        box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
    }

.purity-name {
    color: #ffa201;
    font-weight: 400;
}

.rate-value {
    color: #951c1c;
    font-weight: 400;
    filter: contrast(16.5);
}

.rate-difference {
    padding: 18px;
    border-radius: 12px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .rate-difference.positive {
        background: #05511b;
        color: white;
    }

    .rate-difference.negative {
        background: #ac1a1a;
        color: white;
    }

.dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --bs-dropdown-item-padding-x: 2rem;
    color: #9b3130;
    background-color: transparent;
    font-weight: 400;
    font-size: small;
    border-bottom: 2px solid currentColor;
    line-height: 20px;
    gap: 23px;
}

.dropdown-menu .dropdown-item:hover {
    color: #ad70ac !important;
    background-color: transparent !important;
    font-weight: 400 !important;
    border-bottom: 2px solid currentColor !important;
}

.dropdown-menu {
    min-width: 200px;
    position: absolute;
    inset: 0px auto auto -71px;
    margin: 0px;
    transform: translate(-185px, 22px);
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

.dropdown-toggle::after {
    margin-left: 0.5rem;
}

@media (max-width: 767px) {
    .dropdown-toggle::after {
        display: none !important;
    }
}

.wishlist-count {
    position: absolute;
    top: 16px;
    right: 88px;
    left: revert;
    font-size: 10px;
    line-height: 7px;
    width: 0px;
    height: 17px;
    padding-left: 4px;
    padding-right: 14px;
    text-align: center;
    font-style: normal;
    color: #f8f8f8;
    background-color: #dc3545;
    border: 1px solid white;
}

.cart-count {
    position: absolute;
    top: 16px;
    right: 60px;
    left: revert;
    font-size: 10px;
    line-height: 7px;
    width: 0px;
    height: 17px;
    padding-left: 4px;
    padding-right: 14px;
    text-align: center;
    font-style: normal;
    color: #f8f8f8;
    background-color: #dc3545;
    border: 1px solid white;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--web-bg-main);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader-logo {
    width: 500px;
/*    animation: pulse 1.2s infinite ease-in-out;*/
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.otp-input {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    font-size: 1.25rem;
    border: 1px solid #ccc;
    transition: border 0.3s ease;
}

    .otp-input:focus {
        border-color: #1c0823;
        outline: none;
        box-shadow: 0 0 5px rgba(169, 116, 95, 0.3);
    }

.btn-login-primary {
    background-color: #1c0823;
    color: white;
    border-radius: 50px;
    border: none;
}

    .btn-login-primary:hover {
        background-color: #8e5f4d;
    }

.fa-star, .fa-star-half-stroke {
    color: gold;
    font-size: 20px;
    margin-right: 4px;
}

.pe-8 {
    padding-right: 2.4rem !important;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--web-bg-main);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.dash_input {
    width: 738px;
    font-size: 13px;
    height: 43px;
}

.text-web {
    color: black !important;
}

.text-web2 {
    color: var(--web-secondary) !important;
}

.bg-web {
    background-color: var(--web-primary) !important;
}

.bg-web2 {
    background-color: var(--web-secondary) !important;
}

.menu-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: 0.3s;
}

    .menu-btn:hover {
        background: rgba(0,0,0,0.07);
    }

.menu-icon i {
    font-size: 22px;
    color: var(--web-secondary);
}

.custom-menu {
    background: linear-gradient(135deg, #111, #222);
    width: 260px !important;
    padding: 0 10px;
    color: var(--web-bg-main);
    animation: slideIn 0.4s ease;
}

@keyframes slideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.custom-menu .offcanvas-header {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.custom-menu .menu-links {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

    .custom-menu .menu-links li {
        margin: 18px 0;
    }

    .custom-menu .menu-links a {
        text-decoration: none;
        font-size: 17px;
        color: var(--web-bg-main);
        padding: 10px 0;
        display: block;
        position: relative;
        transition: 0.3s;
    }

        .custom-menu .menu-links a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 2px;
            width: 0%;
            height: 2px;
            background: #ffb400;
            transition: width 0.3s;
        }

        .custom-menu .menu-links a:hover {
            color: #ffb400;
        }

            .custom-menu .menu-links a:hover::after {
                width: 100%;
            }

.header .logo {
    display: inline-block;
    min-width: 120px !important;
}

.floating-btn {
    position: fixed;
    right: 25px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #1e1e1e;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    transition: transform .3s ease, opacity .3s ease;
}

.top-btn {
    bottom: 25px;
    font-size: 22px;
    font-weight: bold;
    opacity: 0;
    visibility: hidden;
}

    .top-btn.show {
        opacity: 1;
        visibility: visible;
    }

.whatsapp-btn {
    bottom: 95px;
    background-color: #25D366;
}

    .whatsapp-btn img {
        width: 32px;
        height: 32px;
    }

.fab-btn {
    position: fixed;
    right: 5%;
    width:40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 12px 35px rgba(93, 17, 67, 0.28);
    backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.whatsapp-fab {
    bottom: 12px;
    background: var(--web-gradient-whatsapp);
    transform: scale(1);
}

    .whatsapp-fab:hover {
        transform: scale(1.12) translateY(-4px);
        box-shadow: 0 20px 45px rgba(37, 211, 102, 0.45);
    }

.top-fab {
    bottom: 70px;
    background: black;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

    .top-fab.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .top-fab:hover {
        transform: scale(1.12) translateY(-6px);
        box-shadow: 0 22px 50px rgba(93, 17, 67, 0.5);
        background: black;
    }

@keyframes wsppulse {
    0% {
        box-shadow: 0 0 0 0 rgba(93, 17, 67, 0.4);
    }

    70% {
        box-shadow: 0 0 0 16px rgba(93, 17, 67, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(93, 17, 67, 0);
    }
}

.whatsapp-fab {
    animation: wsppulse 3s infinite;
}

@media (max-width: 768px) {
    .fab-btn {
        width: 46px;
        height: 46px;
        right: 10%;
    }

    .whatsapp-fab {
        bottom: 90px;
    }

    .top-fab {
        bottom: 20px;
    }

    .fab-btn svg {
        width: 26px;
        height: 26px;
    }
}

#butterfly-container {
    position: relative;
    overflow: hidden;
}

.canvallax--fullscreen {
    z-index: 1040 !important;
}

#canvallax-canvas {
    position: fixed !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 9999999 !important;
    background: transparent !important;
}

canvas {
    pointer-events: none !important;
}

.mobile-overlay {
    display: none;
}

@media (max-width: 768px) {
    .mobile-overlay {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        text-align: center;
    }

    .mobile-overlay-content {
        background: var(--web-bg-main);
        color: #ff6600;
        padding: 30px 20px;
        font-size: 24px;
        font-weight: bold;
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0,0,0,0.5);
    }
}

.font-10 {
    font-size: 10px;
}

.pincode-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    z-index: 1050;
    display: none;
}

    .pincode-modal.show {
        display: block;
        animation: slideUp 0.3s ease-out;
    }

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.pincode-modal .pincode-dropdown-mob {
    position: relative;
    start-50: none;
    translate-middle-x: none;
    mt-2: none;
    top: none;
    width: 100%;
    background: white;
    border-radius: 2rem 2rem 0 0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    border: none;
    padding: 0;
}

    .pincode-modal .pincode-dropdown-mob > div {
        background: linear-gradient(357deg, var(--web-bg-alt) 0%, var(--web-primary) 100%);
        border-radius: inherit;
    }

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
}

    .modal-backdrop.show {
        display: block;
    }

.pincode-modal .close-btn {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #6c757d;
    cursor: pointer;
    z-index: 1051;
}

@media (max-width: 480px) {
    .pincode-modal {
        max-width: 100%;
    }
}

.font-10 {
    font-size: 0.625rem;
}

.text-pink {
    color: #e91e63;
}

.btn-purple {
    background: #9c27b0;
    border-color: #9c27b0;
}

.dash_input {
    font-weight: 500;
}

.pincode-wrapper {
    position: relative;
}

.pincode-icon {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    pointer-events: none;
}

.pincode-change {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

@media (max-width: 980px) {
    .smallviewpadding {
        padding: 0px !important;
    }
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.search-modal {
    position: fixed;
    top: 99px;
    right: -100%;
    width: 100%;
    max-width: 50vw;
    height: calc(100vh - 95px);
    background: white;
    z-index: 1040;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    display: none;
}

    .search-modal.show {
        right: 0;
        display: block;
    }

.search-modal-overlay {
    position: fixed;
    top: 99px;
    left: 0;
    width: 100%;
    height: calc(100vh - 95px);
    background: rgba(0,0,0,0.5);
    z-index: 1039;
    display: none;
}

    .search-modal-overlay.show {
        display: block;
    }

.search-modal-body {
    padding: 20px;
}

.suggestion-item {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.2s;
}

    .suggestion-item:hover {
        background: #f8f9fa;
    }

    .suggestion-item:last-child {
        border-bottom: none;
    }

.suggestion-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 15px;
}

.suggestion-content {
    flex: 1;
}

.suggestion-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.suggestion-price {
    color: var(--web-text-muted);
    font-size: 0.9em;
}

.suggestion-rating {
    color: #ffc107;
    font-size: 0.9em;
}

.suggestion-wishlist {
    color: #ff6b6b;
    font-size: 0.9em;
}

.loading-spinner {
    text-align: center;
    padding: 20px;
    color: var(--web-text-muted);
}

.section-title {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--web-text-muted);
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.no-results {
    text-align: center;
    padding: 40px 20px;
    color: var(--web-text-muted);
}

.modal-open .premium-search-wrapper {
    position: relative;
    z-index: 1050;
}

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

.tag-row-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    background: white;
    color: #222;
}

    .tag-row-item:hover {
        background: #f0f0f0;
    }

.tag-search-icon {
    font-size: 16px;
    color: #888;
}

.tag-img {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    object-fit: cover;
}

.tag-fallback {
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag-name {
    font-size: 14px;
    white-space: nowrap;
}

.clear-btn {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #555;
    display: none;
    padding: 0;
    line-height: 1;
}

.premium-search-input:not(:placeholder-shown) + .clear-btn {
    display: block;
}

.EzfyHeaderSearch {
    margin: 0 auto;
    background-color: var(--web-bg-main);
    border-radius: 8px;
    padding-bottom: 6px;
}

    .EzfyHeaderSearch .search {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .EzfyHeaderSearch .field__input {
        width: 100%;
        padding: 1.5% 10%;
        background-color: #F6F3F9;
        border: 1px solid #e56eeb;
        border-radius: 12px;
        font-size: 14px;
        outline: none;
        transition: padding 0.3s ease;
    }

        .EzfyHeaderSearch .field__input:focus {
            border-color: var(--web-primary-light);
        }

    .EzfyHeaderSearch .search__button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        position: absolute;
        left: 8%;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .EzfyHeaderSearch .search-input-container {
        position: relative;
        width: 100%;
    }

    .EzfyHeaderSearch .search__input::placeholder {
        color: #0000005c;
        font-size: 16px;
        animation: typingAnimation 3s steps(30) 1;
    }

@keyframes typingAnimation {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.EzfyHeaderSearch .search__input:focus::placeholder {
    color: transparent;
    font-size: 12px;
    top: -10px;
    left: 10px;
}

.EzfyHeaderSearch .search__input:valid + .field__label,
.EzfyHeaderSearch .search__input:focus + .field__label {
    color: var(--web-primary-light);
    font-weight: bold;
}

.EzfyHeaderSearch .field__label {
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #aaa;
    pointer-events: none;
    transition: all 0.3s ease;
}

.EzfyHeaderSearch .search__input:focus + .field__label,
.EzfyHeaderSearch .search__input:not(:placeholder-shown) + .field__label {
    font-size: 12px;
    top: -10px;
    color: var(--web-primary-light);
}

.EzfyHeaderSearch .field__input:focus::placeholder {
    color: transparent;
}

@media (max-width: 768px) {
    .EzfyHeaderSearch {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 20px;
    }

        .EzfyHeaderSearch .field__input {
            padding: 0.8rem 2.8rem;
            background-color: #F6F3F9;
            border: 1px solid #e56eeb;
            color: var(--web-primary);
            font-size: 13px;
        }

    .field {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }
}

.custom-suggestions-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--web-bg-main);
    border: 1px solid var(--web-border-medium);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 999;
    margin-top: 4px;
    max-height: 220px;
    overflow-y: auto;
}

    .custom-suggestions-dropdown .suggestion-item {
        padding: 10px 15px;
        cursor: pointer;
        transition: background 0.2s ease;
        font-size: 15px;
        color: #333;
    }

        .custom-suggestions-dropdown .suggestion-item:hover {
            background-color: #f5f5f5;
        }

.modal-search-input {
    flex: 1;
    height: 40px;
    border: 1px solid black;
    border-radius: 8px;
    padding: 0 35px 0 15px;
    font-size: 16px;
    outline: none;
    background: white;
    color: var(--web-primary);
}
@media (max-width: 991px) {
    .search-modal {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 95vh;
        border-radius: 12px;
        max-height: 100vh;
        background: white;
        z-index: 1095;
        transform: translateY(100%);
        transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
        display: flex;
        flex-direction: column;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
        max-width: 100vw !important;
    }

        .search-modal.show {
            transform: translateY(0) !important;
        }

    .search-modal-overlay {
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(3px);
        z-index: 1090;
    }

    .search-modal-header {
        position: sticky;
        top: 0;
        background: white;
        z-index: 10;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }

    .modal-search-input {
        flex: 1;
        height: 40px;
        border: 1px solid black;
        border-radius: 8px;
        padding: 0 35px 0 15px;
        font-size: 16px;
        outline: none;
        background: white;
        color: var(--web-primary);
    }

        .modal-search-input::placeholder {
            color: #999;
            font-size: 15px;
        }

        .modal-search-input:focus {
            border-color: black;
            background: white;
        }

    .close-search-modal {
        background: none;
        border: none;
        font-size: 15px;
        color: #666;
        padding: 8px 12px;
        margin-left: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .clear-mobile-search {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        font-size: 22px;
        color: #999;
        padding: 0;
        width: 30px;
        height: 30px;
        display: none;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

        .clear-mobile-search.active {
            display: flex;
        }

    .search-modal-body {
        flex: 1;
        overflow-y: auto;
        padding: 20px;
        padding-top: 15px;
        -webkit-overflow-scrolling: touch;
    }

    .recent-searches {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 20px;
    }

    .recent-search-tag {
        padding: 10px 16px !important;
        font-size: 14px;
        background: #f5f5f5 !important;
        border-radius: 20px !important;
        border: 1px solid #eee !important;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .recent-search-tag:hover {
            background: #e9e9e9 !important;
        }

    .tag-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tag-row-item {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        padding: 12px 8px;
        border-radius: 12px;
        text-decoration: none;
        border-bottom: 1px solid #f0f0f0;
        transition: all 0.2s ease;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
    }

        .tag-row-item:hover {
            background: var(--web-bg-card);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

    .tag-img {
        width: 54px;
        height: 54px;
        border-radius: 10px;
        margin-bottom: 8px;
        object-fit: cover;
        background: white;
    }

    .tag-fallback {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #FCBA8C, #a20c03);
        color: white;
        font-size: 10px;
        text-align: center;
        padding: 5px;
        font-weight: 600;
    }

    .tag-search-icon {
        position: relative;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        font-size: 24px;
        color: #a20c03;
        opacity: 0.7;
    }

    .tag-name {
        font-size: 0.8rem;
        color: #333;
        text-align: center;
        line-height: 1.3;
        font-weight: 500;
        margin-top: 2px;
    }

    .searchsection-title {
        font-size: 17px;
        font-weight: 600;
        margin: 20px 0 15px 0;
        color: var(--web-primary);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }

    .clear-recent {
        font-size: 13px;
        color: var(--web-text-muted);
        text-decoration: underline;
        cursor: pointer;
    }

    .suggestion-item {
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
        cursor: pointer;
    }

        .suggestion-item:active {
            background: #f9f9f9;
        }

    .suggestion-name {
        font-size: 15px;
        color: var(--web-primary);
        font-weight: 600 !important;
    }

    .loading-spinner {
        text-align: center;
        padding: 50px 20px;
    }

        .loading-spinner .spinner-border {
            width: 30px;
            height: 30px;
            border-width: 3px;
        }

        .loading-spinner p {
            margin-top: 15px;
            color: var(--web-text-muted);
            font-size: 15px;
        }

    .no-results {
        text-align: center;
        padding: 60px 20px;
        color: var(--web-text-muted);
    }

        .no-results p {
            margin: 0;
        }

            .no-results p:first-child {
                font-size: 16px;
                color: #333;
                margin-bottom: 8px;
            }

            .no-results p:last-child {
                font-size: 14px;
            }

    .search-modal-body::-webkit-scrollbar {
        width: 5px;
    }

    .search-modal-body::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .search-modal-body::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
    }

    body.search-modal-open {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
    }
}

.m-custom {
    margin: .20rem !important;
}

.home-width {
    max-width: 98vw !important;
}

.css-1ddpys3 > li {
    list-style: none;
    cursor: pointer;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

.treasure {
    border: 1px solid #DE57E5;
    background: #F8EBFB;
    border-radius: 12px;
    padding: 0px 8px;
    cursor: pointer;
    position: relative;
}

.css-1fs27mr .badge {
    background: #EB4F5C;
    color: #FFFFFF;
    font-size: 0.8rem;
    font-family:var(--theme-font-primary);
    border-radius: 22px;
    margin-left: 18px;
    margin-top: -6px;
    position: absolute;
    bottom: 21px;
    right: 5px !important;
    width: 40px;
    height: 12px;
    font-size: 0.8rem;
    padding: 0px 10px;
}

.css-ewk3he {
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #FD8B64 0%, #FF5B6C 100%) border-box;
    border-radius: 12px;
    padding: 5px 8px !important;
    cursor: pointer;
    position: relative;
}

    .css-ewk3he > a {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
    }

        .css-ewk3he > a > img {
            height: 18px;
            width: auto;
            vertical-align: top;
        }

        .css-ewk3he > a > p {
            margin-left: 5px;
            font-family: 'InterSemiBold','NotoSansDevanagariSemiBold','Helvetica Neue',Helvetica,Arial,sans-serif;
            font-size: 1.2rem;
            line-height: 18.52px;
            text-align: left;
            color: #4F3267;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.css-1dz3q8v {
    border: 1px solid #B08700;
    background: #FFF6D8;
    border-radius: 12px;
    padding: 5px 8px !important;
    cursor: pointer;
    position: relative;
}

    .css-1dz3q8v > a > img {
        height: 18px;
        width: auto;
        vertical-align: top;
    }

body {
    padding-top: 95px;
}

.logowidth {
    min-width: 120px;
}

@media (max-width: 991px) {
    body {
        padding-top: 60px;
    }

    .css-ewk3he {
        border: 1px solid var(--web-primary-soft) !important;
        background: #e3c0d6e3 !important;
        border-radius: 12px !important;
        padding: 4px 6px !important;
        cursor: pointer;
        font-size: 13px !important;
        position: relative;
    }
}

@media (max-width: 491px) {
    body {
        padding-top: 60px;
    }

    .fixed-top {
        position: fixed;
        top: 0;
    }

    .logowidth {
        min-width: 20px !important;
    }

    .home-width {
        max-width: 108vw !important;
    }
}

.premium-search-wrapper {
    font-family: var(--theme-font-primary);
}

.premium-search-input-group {
    position: relative;
    height: 39px;
    background: var(--web-bg-main);
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .premium-search-input-group:focus-within {
        border-color: var(--web-primary-light);
        box-shadow: 0 10px 35px rgba(152, 36, 100, 0.15);
        transform: translateY(-1px);
    }

.premium-search-input {
    width: 100%;
    height: 100%;
    padding: 15px 89px 15px 28px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 11px;
    color: #333;
}

    .premium-search-input::placeholder {
        color: transparent;
    }

.floating-label {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    font-size: 11px;
    color: #999;
    font-weight: 500;
    pointer-events: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 120px);
}

.highlight {
    color: var(--web-primary-light);
    font-weight: 600;
}

.search-submit-btn {
    position: absolute;
    right: 0;
    top: -6px;
    width: 51px;
    height: 51px;
    background: var(--web-primary-light);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-right: 1px solid var(--web-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .search-submit-btn:hover {
        background: #7d1d52;
        transform: scale(1.05);
    }

    .search-submit-btn:active {
        transform: scale(0.95);
    }

.suggestions-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 10px;
    background: var(--web-bg-main);
    border-radius: 16px;
    max-height: 380px;
    overflow-y: auto;
    z-index: 999;
    border: 1px solid #f0e6ec;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

    .suggestions-dropdown.active {
        display: block;
    }

    .suggestions-dropdown div {
        padding: 14px 20px;
        cursor: pointer;
        font-size: 15px;
        border-bottom: 1px solid #f5f0f3;
        transition: all 0.2s ease;
    }

        .suggestions-dropdown div:hover {
            background: #fdf4f9;
            color: var(--web-primary-light);
            padding-left: 25px;
        }

        .suggestions-dropdown div:last-child {
            border-bottom: none;
        }

.premium-search-input:focus .floating-label,
.premium-search-input:not(:placeholder-shown) .floating-label {
    opacity: 0 !important;
    visibility: hidden;
}

#products-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    #products-menu li {
        text-align: center;
    }

        #products-menu li a {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #2b2b2b;
            font-size: 13px;
            transition: 0.3s ease;
        }

        #products-menu li img {
            width: 55px;
            height: 55px;
            object-fit: contain;
            margin-bottom: 6px;
            transition: transform 0.3s ease;
        }

        #products-menu li:hover img {
            transform: scale(1.08);
        }

        #products-menu li:hover a p {
            color: #ff5b6c;
        }

        #products-menu li p {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
        }

        #products-menu li .badge {
            background: #ff5b6c;
            color: var(--web-bg-main);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 6px;
            margin-top: 4px;
            display: inline-block;
        }

.pincode-dropdown {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

    .pincode-dropdown.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

.pincode-trigger-btn:hover {
    background: #fdf4ff !important;
    transform: translateY(-1px);
}

    .pincode-trigger-btn:hover .pincode-arrow svg {
        transform: rotate(180deg);
    }

.pincode-arrow svg {
    transition: transform 0.3s ease;
}

.text-pink {
    color: #c73b8f;
    font-size: 10px;
}

.btn-purple:hover {
    background: linear-gradient(135deg, #7d1d52, #b02a78) !important;
    transform: scale(1.05);
}

.welcome-login-btn {
    background: var(--web-gradient-primary);
    color: white;
    font-weight: 500;
    font-size: 0.98rem;
    padding: 1rem;
    border-radius: 16px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 10px 30px rgba(93, 17, 67, 0.25);
    transition: all 0.3s ease;
}

.hide-label {
    opacity: 0 !important;
    visibility: hidden !important;
}

@media (max-width: 991px) {
    .hide-on-scroll {
        transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease;
    }

        .hide-on-scroll.is-hidden {
            transform: translateY(-8px);
            opacity: 0;
            height: 0;
            overflow: hidden;
            pointer-events: none;
        }
}

.zero-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

@media (max-width: 768px) {
    .footer-logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 20px;
    }

        .footer-logo img {
            margin: 0 auto;
            display: block;
            max-width: 200px;
        }

    .footer__medio-boxx {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

        .footer__medio-boxx ul {
            justify-content: center;
        }
}

.app-section-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: #532f5b4a;
    border-radius: 30px;
}

.mobile-app-image {
    max-width: 100%;
    height: auto;
}

.app-buttons img {
    max-height: 35px;
}

@media (min-width: 1400px) {
    .col-xxl-8 {
        width: 66.666667%;
    }

    .col-xxl-4 {
        width: 33.333333%;
    }

    .app-section {
        padding: 25px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .col-xl-8 {
        width: 66.666667%;
    }

    .col-xl-4 {
        width: 33.333333%;
    }

    .app-section {
        padding: 20px;
    }

    .mobile-app-image {
        max-height: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .col-lg-8 {
        width: 66.666667%;
    }

    .col-lg-4 {
        width: 33.333333%;
    }

    .app-section {
        padding: 15px;
    }

    .mobile-app-image {
        max-height: 220px;
    }

    .footer-links li {
        margin-bottom: 6px;
    }

    .social-links {
        gap: 8px;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .footer-links li a {
        font-size: 12px;
    }

    .contact-info p {
        font-size: 12px;
    }

    .footer-title {
        font-size: 13px;
    }
}

@media (min-width: 1400px) {
    .footer-top-image {
        top: -90px;
        right: -70px;
        width: 16%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .footer-top-image {
        top: -80px;
        right: -50px;
        width: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-top-image {
        top: -70px;
        right: -30px;
        width: 14%;
    }
}

.app-section-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.mobile-app-image {
    max-width: 100%;
    height: auto;
}

@media (min-width: 1400px) {
    .col-xxl-4 .col-xl-7 {
        width: 58.333333%;
    }

    .col-xxl-4 .col-xl-5 {
        width: 41.666667%;
    }

    .app-section {
        padding: 25px;
    }

    .mobile-app-image {
        max-height: 280px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .col-xl-4 .col-xl-7 {
        width: 58.333333%;
    }

    .col-xl-4 .col-xl-5 {
        width: 41.666667%;
    }

    .app-section {
        padding: 20px;
    }

    .mobile-app-image {
        max-height: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .col-lg-4 .col-lg-12 {
        width: 100% !important;
    }

    .app-section {
        padding: 15px;
        margin-bottom: 20px;
    }

    .mobile-app-image {
        max-height: 220px;
    }

    .col-lg-4 .row {
        flex-direction: column;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .app-buttons img {
        height: 30px !important;
    }

    .footer-title {
        font-size: 13px;
    }

    .app-section p {
        font-size: 13px;
    }
}

.col-xxl-4 .row {
    height: 100%;
    margin: 0;
}

.col-xxl-4 .col-md-7,
.col-xxl-4 .col-md-5 {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1400px) {
    .footer-top-image {
        top: -90px;
        right: -70px;
        width: 16%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .footer-top-image {
        top: -80px;
        right: -50px;
        width: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-top-image {
        top: -70px;
        right: -30px;
        width: 14%;
    }

    .col-lg-4 .col-md-7,
    .col-lg-4 .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.footer-watermark {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*    .footer-watermark img {
        max-width: 40%;
        opacity: 1;
        object-fit: contain;
    }
*/
.social-links .social-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: max-content;
    padding: 6px;
    background-color: var(--web-primary);
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .social-links .social-circle i {
        color: var(--web-bg-main);
        font-size: 18px;
        transition: all 0.3s ease;
    }

    .social-links .social-circle:hover {
        background-color: var(--web-primary);
        transform: scale(1.1);
    }

.web-footer {
    position: relative;
}

@media (max-width:1500px) {
    .footer-top-image {
        position: absolute;
        top: 1%;
        right: 0%;
        width: 17%;
        z-index: 10;
        object-fit: contain;
    }
}

.web-footer {
    background-color: var(--web-bg-footer);
    font-family: 'Josefin Sans', sans-serif;
    color: #444;
    font-size: 14.5px;
}

.footer-main {
    padding: 70px 0 0px;
}

.contact-titile {
    color: #0C0C0C;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
}

.footer-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #0C0C0C;
    margin-bottom: 20px;
    position: relative;
}

    .footer-title::after {
        content: '';
        width: 38px;
        height: 2px;
        background: white;
        display: block;
        margin-top: 8px;
    }

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-links a {
        color: var(--web-secondary);
        text-decoration: none;
        font-size: 13px;
        transition: color 0.3s;
    }

        .footer-links a:hover {
            color: var(--web-accent);
        }

.social-links a {
    color: #777;
    font-size: 18px;
    transition: color 0.3s;
}

    .social-links a:hover {
        color: var(--web-accent);
    }

.app-buttons img {
    transition: transform 0.3s;
}

    .app-buttons img:hover {
        transform: translateY(-2px);
    }

.newsletter-mini .form-control {
    border: 1px solid var(--web-border-medium);
    border-radius: 4px;
    font-size: 13px;
}

.newsletter-mini .btn {
    font-size: 13px;
    border-radius: 4px;
}

.footer-bottom {
    background: #efebee;
    padding: 22px 0;
    border-top: 1px solid #562f59;
    font-size: 13.5px;
}

@media (max-width: 992px) {
    .footer-main {
        padding: 50px 0 30px;
    }

    .app-buttons {
        flex-direction: row;
        justify-content: center;
    }

    .footer-links {
        list-style: none;
        padding: 0px;
        margin: 0px 30px;
    }

    .app-buttons a {
        margin: 0 6px;
    }

    .footer-top-image {
        position: absolute;
        top: -90px;
        right: 0%;
        width: 16%;
        z-index: 10;
        object-fit: contain;
    }
}

.bg-card-effect {
    position: relative;
    z-index: -1;
    right: 103px;
    position: absolute;
    top: 77px;
    height: 75%;
    width: 386px;
    height: 200px;
}

    .bg-card-effect::before {
        content: '';
        position: absolute;
        top: -20px;
        left: -20px;
        right: -20px;
        bottom: -20px;
        background: #562f59;
        border-radius: 24px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(201, 169, 110, 0.12);
        z-index: -1;
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.4);
    }

    .bg-card-effect:hover::before {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09), 0 0 0 1px rgba(201, 169, 110, 0.18);
        transform: translateY(-4px);
        transition: all 0.4s ease;
    }

@media (max-width:1500px) {
    .bg-card-effect::before {
        content: '';
        position: absolute;
        top: -3%;
        left: 15%;
        right: -9%;
        bottom: -13%;
        background: #562f59;
        border-radius: 24px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(201, 169, 110, 0.12);
        z-index: -1;
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.4);
    }
}

.newsletter-section {
    background: #efebee;
    backdrop-filter: blur(8px);
    border-top: 1px solid rgb(89 48 87);
    border-bottom: 1px solid rgb(89 48 87);
    padding: 48px 0;
    margin: 50px 0 0;
}

    .newsletter-section h5 {
        color: #0C0C0C;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .newsletter-section p {
        font-size: 14px;
        color: var(--web-text-muted);
    }

.newsletter-form .input-group {
    max-width: 420px;
    margin-left: auto;
}

.newsletter-input {
    border: 1.5px solid #562f59;
    border-right: none;
    border-radius: 50px 0 0 50px;
    padding: 14px 20px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03);
}

    .newsletter-input:focus {
        border: 1px solid #562f59;
        border-right: none;
        border-radius: 50px 0 0 50px;
        padding: 14px 20px;
        font-size: 14px;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03);
        webkit-box-shadow: none !important;
    }

.newsletter-btn:hover {
    background-color: #562f59;
    color: var(--web-bg-main);
    border: none;
    border-radius: 0 50px 50px 0;
}

.newsletter-btn:focus {
    background-color: #562f59;
    color: var(--web-bg-main);
    border: none;
    border-radius: 0 50px 50px 0;
}

.newsletter-btn {
    background-color: #562f59;
    color: var(--web-bg-main);
    border: none;
    border-radius: 0 50px 50px 0;
    padding: 0 28px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .newsletter-section {
        padding: 40px 0;
        text-align: center;
    }

    .newsletter-form .input-group {
        margin: 20px auto 0;
        max-width: 100%;
    }

    .newsletter-input {
        border-radius: 50px !important;
        border-right: 1.5px solid var(--web-accent) !important;
        margin-bottom: 12px;
    }

    .newsletter-btn {
        border-radius: 50px !important;
        width: 100%;
        max-width: 280px;
    }
}

.btn-black {
    border: 1px solid var(--web-primary) !important;
    color: var(--web-primary);
    border: none;
    padding: 10px 22px;
    background-color: transparent;
    font-size: 14px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

    .btn-black:hover {
        border: 1px solid var(--web-primary);
        background-color: var(--web-primary);
        color: white;
        transform: translateY(-2px);
    }

    .btn-black:active {
        transform: scale(0.98);
    }

.footer-tag-block {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--web-border-medium);
}

.footer-parent {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.footer-child-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.footer-child-link {
    color: var(--web-text-light);
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s;
}

    .footer-child-link:hover {
        color: var(--web-accent);
    }

.footer-separator {
    color: #999;
    font-size: 13px;
    margin: 0 2px;
}

@media (max-width: 1024px) {
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
    }

/*    .container,
    .wrapper,
    main,
    .content,
    [class*="container"] {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }*/
}

@media (max-width: 992px) {
    .footer-app-section {
        padding: 20px 0 10px;
    }

    .contact-info {
        margin: 0px 30px;
    }

    .footer-main .row > div[class^="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-accordion-item {
        border-bottom: 1px solid rgba(201,169,110,0.2);
        margin-bottom: 12px;
    }

    .footer-accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
/*        padding: 10px 30px;*/
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.8px;
        user-select: none;
    }

        .footer-accordion-header::after {
            content: '+';
            font-size: 24px;
            color: white;
            transition: transform 0.3s ease;
        }

        .footer-accordion-header.active::after {
            content: '−';
            transform: rotate(0deg);
        }

    .footer-accordion-body {
        display: none;
        padding-bottom: 20px;
        animation: fadeSlide 0.4s ease;
    }

        .footer-accordion-body.active {
            display: block;
        }

    .footer-always-visible {
        margin-top: 30px;
    }

    .newsletter-section .row {
        text-align: center;
    }

    .newsletter-section {
        background: #efebee;
        backdrop-filter: blur(8px);
        border-top: none !important;
        border-bottom: 1px solid rgb(89 48 87);
        padding: 10px 0;
        margin: 0px 0 0;
    }

    .newsletter-form .input-group {
        margin: 20px auto 0;
        max-width: 100%;
    }

    .newsletter-input {
        border-radius: 50px !important;
        border-right: 1.5px solid var(--web-accent) !important;
        margin-bottom: 12px;
    }

    .newsletter-btn {
        background-color: #562f59;
        color: var(--web-bg-main);
        border: none;
        border-radius: 0 50px 50px 0;
        padding: 14px 33px;
        font-weight: 600;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
    }

    .footer-top-image {
        display: none;
    }

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

    .app-buttons {
        flex-direction: row;
        justify-content: center;
        gap: 12px;
    }

        .app-buttons img {
            height: 35px;
            width: auto;
        }
}

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 992px) {
    .footer-always-visible .social-circle {
        width: 44px !important;
        height: 44px;
        font-size: 20px;
    }

    .footer-always-visible .btn-black {
        min-width: 200px;
    }

    .EzfyHeaderSearch .search-input-container {
        top: -20px;
    }

    .EzfyHeaderSearch {
        padding-bottom: 0px;
    }
}

.custom-close {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 1;
    top: 21px;
}

    .custom-close::before,
    .custom-close::after {
        display: none;
    }

    .custom-close .animationLine {
        position: absolute;
        width: 12px;
        height: 2px;
        background-color: #333;
        border-radius: 2px;
    }

    .custom-close .span1 {
        transform: rotate(45deg);
    }

    .custom-close .span2 {
        transform: rotate(-45deg);
    }

    .custom-close:hover {
        background-color: #e5e5e5;
    }

.autowidth {
    width: 50% !important;
}

.mobile-categories-grid {
    display: flex;
    flex-wrap: wrap;
}

.mobile-category-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 12px;
    background: white;
    border: 1px solid #f0f0f0;
    text-decoration: none;
    transition: all 0.2s ease;
    gap: 27px;
    cursor: pointer;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-content: center;
}

/*.offcanvas-body {
    background: rgb(250, 248, 252);
}*/

/*.mobile-category-item:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}*/

.offcanvas.offcanvas-start {
    max-width: 100vw;
    width: 100vw;
}

.mobile-category-img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: white;
}

.mobile-category-fallback {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FCBA8C, #a20c03);
    color: white;
    font-size: 11px;
    text-align: center;
    padding: 5px;
    font-weight: 600;
}

.mobile-category-name {
    font-size: 12px;
    color: black;
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
}

.mobile-category-filters {
    background: rgb(250, 248, 252);
    border-radius: 12px;
    padding: 15px;
    overflow-y: auto;
    border: 1px solid #eee;
}

.mobile-filters-content {
    padding: 10px 0;
}

.mobile-filter-group {
    margin-bottom: 20px;
}

.mobile-filter-title {
    font-size: 14px;
    font-weight: 600;
    color: #532f5b;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.mobile-filter-options {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.mobile-filter-option {
    font-size: 13px;
    color: var(--web-text-light);
    padding: 8px 12px;
    border-radius: 8px;
    background: #f9f9f9;
    border: 1px solid #eee;
    transition: all 0.2s ease;
    text-decoration: none;
    display: block;
}

    .mobile-filter-option:hover {
        background: #f0f0f0;
        color: #532f5b;
        transform: translateX(5px);
    }

.mobile-view-all-btn {
    display: block;
    width: 100%;
    padding: 12px;
    text-align: center;
    color: white;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    margin-top: 15px;
    transition: all 0.3s ease;
}

    .mobile-view-all-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(83, 47, 91, 0.3);
    }

.back-to-categories {
    font-size: 14px;
    color: #532f5b;
    text-decoration: none;
    display: flex;
    align-items: center;
}

    .back-to-categories:hover {
        color: #8a9577;
    }

.category-loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #532f5b;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mobile-category-filters::-webkit-scrollbar {
    width: 4px;
}

.mobile-category-filters::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.mobile-category-filters::-webkit-scrollbar-thumb {
    background: var(--web-accent);
    border-radius: 4px;
}

.mobile-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    background: white;
    border: 2px solid #f0f0f0;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 15px;
    cursor: pointer;
    justify-content: flex-start;
    padding: 0.3rem;
/*    box-shadow: 0 2px 8px rgba(109, 26, 26, 0.05);*/
}

/*    .mobile-category-item:hover {
        border-color: #6D1A1A;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(109, 26, 26, 0.15);
    }*/

/*.offcanvas-body {
    background: rgb(250, 248, 252);
}*/

.offcanvas.offcanvas-start {
    max-width: 100vw;
    width: 100vw;
}

.mobile-category-img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.mobile-category-fallback {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #b11226 0%, #b89778 100%);
    border: 2px solid #6D1A1A;
}

    .mobile-category-fallback i {
        color: white;
        font-size: 24px;
    }

.mobile-category-name {
    font-size: 12px;
    color: black;
    text-align: left;
    line-height: 1.3;
    font-weight: 600;
    flex: 1;
}

.mobile-category-filters {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: white;
    padding: 15px;
    overflow-y: auto;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
}

    .mobile-category-filters.slide-in {
        left: 0;
    }

    .mobile-category-filters.slide-out {
        left: 100%;
    }

.mobile-filters-header {
    padding: 10px 0;
    border-bottom: 2px solid #f2eee7;
    margin-bottom: 20px;
}

    .mobile-filters-header h6 {
        color: #6D1A1A;
        font-size: 18px;
        font-weight: 700;
    }

.mobile-filters-content {
    padding: 10px 0;
}

.mobile-filter-group {
    margin-bottom: 25px;
    animation: slideInRight 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    opacity: 0;
    transform: translateX(30px);
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.mobile-filter-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #6D1A1A;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2eee7;
}

    .mobile-filter-title i {
        font-size: 20px;
        color: #6D1A1A;
    }

.mobile-filter-options {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.mobile-filter-option {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--web-primary);
    padding: 12px 15px;
    border-radius: 10px;
    background: rgb(245, 241, 255);
    border: 1px solid rgb(220, 210, 254);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    font-weight: 500;
    min-height: 45px;
}

    .mobile-filter-option:hover {
        background: var(--web-gradient-primary);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(109, 26, 26, 0.2);
        border-color: transparent;
    }

    .mobile-filter-option i {
        font-size: 18px;
    }

.price-option {
    background: rgb(245, 241, 255);
    border: 1px solid rgb(220, 210, 254);
    font-weight: 600;
    padding: 10px 12px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 10px;
}

    .price-option i {
        font-size: 20px;
    }

.color-option {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.color-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid var(--web-bg-main);
    box-shadow: 0 0 0 1px #e8e1d7;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.color-option:hover .color-circle {
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #6D1A1A;
}

.mobile-view-all-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 15px;
    text-align: center;
    color: white;
    border-radius: 12px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    margin-top: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    animation: slideInRight 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation-delay: 0.7s;
    opacity: 0;
    transform: translateX(30px);
}

    .mobile-view-all-btn:hover {
        transform: translateY(-3px) translateX(0);
        box-shadow: 0 10px 25px rgba(109, 26, 26, 0.3);
    }

    .mobile-view-all-btn i {
        font-size: 18px;
    }

.back-to-categories {
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
    padding: 5px;
}

    .back-to-categories:hover {
        transform: translateX(-3px);
    }

    .back-to-categories i {
        font-size: 24px;
    }

.category-loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #6D1A1A;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mobile-category-filters::-webkit-scrollbar {
    width: 5px;
}

.mobile-category-filters::-webkit-scrollbar-track {
    background: #f8f5f0;
    border-radius: 4px;
}

.mobile-category-filters::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #b11226 0%, #b89778 100%);
    border-radius: 4px;
}

.service-grid-section {
}

.service-grid-title {
    font-size: 18px;
    font-weight: 600;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.service-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px;
    background: var(--web-bg-main);
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    color: #000;
}

    .service-card img {
        width: 25px;
        height: 25px;
        object-fit: contain;
    }

    .service-card h3 {
        font-size: 13px;
        font-weight: 600;
        margin: 8px 0 0;
    }

    .service-card p {
        font-size: 11px;
        color: var(--web-text-muted);
        margin: 0;
        line-height: 1.4;
    }

    .service-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

.design-types-section-footer {
    border-top: 1px solid #eee;
}

.design-img-footer {
    height: 80px;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .design-types-container-footer {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding-bottom: 1rem;
        scrollbar-width: thin;
        scrollbar-color: #ccc transparent;
        -webkit-overflow-scrolling: touch;
    }

        .design-types-container-footer::-webkit-scrollbar {
            height: 6px;
        }

        .design-types-container-footer::-webkit-scrollbar-track {
            background: transparent;
        }

        .design-types-container-footer::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 3px;
        }

        .design-types-container-footer .col-6 {
            flex: 0 0 auto !important;
            width: auto !important;
            max-width: 120px;
            margin-right: 0.75rem;
        }

            .design-types-container-footer .col-6:last-child {
                margin-right: 0;
            }
}

.web-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

    .web-checkbox input {
        display: none;
    }

.web-check {
    width: 30px;
    height: 14px;
    border: 2px solid var(--web-primary);
    border-radius: 4px;
    position: relative;
    margin-top: 4px;
}

.aspirisignup-check {
    width: 13px;
    height: 13px;
    border: 2px solid var(--web-primary);
    border-radius: 4px;
    position: relative;
    margin-top: 4px;
}

.web-checkbox input:checked + .web-check {
    background-color: var(--web-primary);
}

.web-checkbox input:checked + .aspirisignup-check {
    background-color: var(--web-primary);
}

.web-checkbox input:checked + .web-check::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid var(--web-bg-main);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.web-checkbox input:checked + .aspirisignup-check::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid var(--web-bg-main);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.web-checkbox a {
    color: var(--web-primary);
    text-decoration: underline;
}

.modal-content {
    background: linear-gradient(145deg, var(--web-bg-main) 0%, #fdfdfd 50%, #f9f9f9 100%);
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    border-radius: 24px;
    border: none;
    overflow: hidden;
    position: relative;
}

    .modal-content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 200px;
        background: radial-gradient(ellipse at center top, rgba(208, 144, 185, 0.1) 0%, transparent 70%);
        z-index: 1;
    }

.premium-heading {
    font-family: var(--theme-font-primary);;
    color: var(--web-primary);
    letter-spacing: 0.3px;
    text-shadow: 0 2px 4px rgba(93, 17, 67, 0.05);
}

.accent-gold {
    color: var(--web-accent);
    font-weight: 600;
}

.premium-text {
    font-family: var(--theme-font-primary);
    color: #4A5568;
    line-height: 1.7;
    font-weight: 300;
    font-size: 1.05rem;
}

.form-input {
    background: rgba(255, 255, 255, 0.85);
    border: 2px solid rgba(208, 144, 185, 0.15);
    border-radius: 50px;
    padding: 16px 20px 16px 50px;
    font-family: var(--theme-font-primary);
    font-weight: 400;
    font-size: 13px;
    color: var(--web-secondary);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 46px;
    position: relative;
}

    .form-input:focus {
        border-color: var(--web-accent);
        box-shadow: 0 8px 25px rgba(212, 175, 55, 0.12), 0 0 0 0.25rem rgba(212, 175, 55, 0.08);
        background: rgba(255, 255, 255, 1);
        transform: translateY(-2px);
        outline: none;
    }

    .form-input::placeholder {
        color: #88A1AE;
        font-weight: 300;
        opacity: 0.8;
    }

.subscribe-btn {
    background: var(--web-gradient-primary);
    border: 2px solid rgba(144, 32, 103, 0.2);
    border-radius: 50px;
    font-family: var(--theme-font-primary);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: white;
    padding: 16px 32px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    height: 56px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .subscribe-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px rgba(144, 32, 103, 0.25);
        color: white;
    }

    .subscribe-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        transition: left 0.6s;
    }

    .subscribe-btn:hover::before {
        left: 100%;
    }

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

    .social-icons a {
        color: var(--web-primary-light);
        font-size: 1.4rem;
        transition: all 0.3s ease;
        padding: 12px;
        border-radius: 50%;
        background: rgba(208, 144, 185, 0.1);
        width: 52px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .social-icons a:hover {
            color: var(--web-accent);
            background: rgba(212, 175, 55, 0.1);
            transform: scale(1.15) translateY(-2px);
        }

/*.logo:hover {
    transform: scale(1.08) rotate(2deg);
}
*/
.decor-line {
    height: 3px;
    background: linear-gradient(to right, transparent, var(--web-primary), var(--web-secondary), transparent);
    border-radius: 2px;
    margin: 24px auto;
    width: 120px;
}

.close-btn-custom {
    filter: invert(0.4) sepia(1) saturate(5) hue-rotate(280deg);
    opacity: 0.6;
    transition: opacity 0.3s;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 10;
}

    .close-btn-custom:hover {
        opacity: 1;
    }

.form-icon {
    color: var(--web-primary-light);
    z-index: 2;
    font-size: 1.2rem;
    opacity: 0.7;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.form-input:focus ~ .form-icon {
    opacity: 1;
    color: var(--web-accent);
}

.privacy-text {
    font-family: var(--theme-font-primary);
    font-size: 0.75rem;
    color: #88A1AE;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    margin-top: 24px;
}

.welcome-card {
    position: relative;
    z-index: 2;
    padding: 30px 25px;
    text-align: center;
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form-wrapper {
    background: transparent;
    backdrop-filter: blur(20px);
    margin: 40px auto;
    max-width: 410px;
}

@media (max-width: 768px) {
    .modal-dialog {
        margin: 0;
        max-width: 95%;
    }

    .premium-text {
        font-size: 1rem;
    }

    .social-icons {
        gap: 15px;
    }

        .social-icons a {
            width: 48px;
            height: 48px;
            font-size: 1.2rem;
        }

    .welcome-card {
        padding: 40px 20px;
    }

    .form-wrapper {
        margin: 30px 20px;
        padding: 30px;
    }
}

.floating-elements {
    position: absolute;
    top: 20%;
    right: -10%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}

.modal.slide-from-left .modal-dialog {
    position: fixed;
    margin: 0;
    width: 50vw;
    max-width: 50vw;
    height: 100vh;
    max-height: 100vh;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modal.slide-from-left.show .modal-dialog {
    transform: translateX(0);
}

.modal.slide-from-left .modal-content {
    height: 100%;
    width: 100%;
    border-radius: 0;
    border: none;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background: var(--web-bg-main);
}

.welcome-row {
    display: flex;
    align-items: stretch;
    height: 100vh;
    width: 100%;
}

.welcome-left {
    flex: 1;
    background: url('../assets/images/Nebu/Untitled-3.png') left/contain no-repeat;
    margin-left: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .welcome-left::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.welcome-right {
    flex: 1.1;
    background: var(--web-bg-main);
    padding: 100px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.premium-heading {
    font-family: var(--theme-font-primary);;
    color: #1a1a1a;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.form-wrapper h1 {
    font-size: 2.2rem;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.premium-text {
    font-family: var(--theme-font-primary);
    color: var(--web-text-light);
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 50px;
    font-weight: 300;
}

.form-icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 1.4rem;
}

.form-input {
    padding-left: 70px !important;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    height: 50px;
    font-size: 0.8rem;
    background: #fafafa;
}

    .form-input:focus {
        border-color: var(--web-accent);
        box-shadow: none;
    }

.subscribe-btn {
    background: #1a1a1a;
    color: var(--web-bg-main);
    border-radius: 0;
    padding: 18px;
    font-weight: 500;
    font-size: 0.8rem;
    letter-spacing: 1.5px;
    transition: background 0.4s;
}

    .subscribe-btn:hover {
        background: var(--web-accent);
    }

.social-circle {
    width: 56px;
    height: 56px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

    .social-circle:hover {
        background: var(--web-accent);
        border-color: var(--web-accent);
    }

    .social-circle i {
        font-size: 1.5rem;
        color: var(--web-text-light);
    }

    .social-circle:hover i {
        color: var(--web-bg-main);
    }

.privacy-text {
    margin-top: 60px;
    font-size: 1rem;
    color: #777;
    text-align: center;
    font-weight: 300;
}

@media (max-width: 992px) {
    .modal.slide-from-left .modal-dialog {
        width: 100vw;
        max-width: 100vw;
    }

    .welcome-row {
        flex-direction: column;
    }

    .welcome-left {
        min-height: 40vh;
    }

    .welcome-right {
        padding: 80px 60px;
    }
}

@media (max-width: 768px) {
    .welcome-right {
        padding: 60px 40px;
    }

    .form-wrapper h1 {
        font-size: 1.9rem;
    }

    .form-input {
        height: 60px;
        font-size: 1.1rem;
    }

    .subscribe-btn {
        padding: 18px;
    }
}

#cartSidebar.open {
    transform: translateX(0) !important;
}

.web-bg {
    background-color: black !important;
    color: white !important;
}

.btn-outline-web {
    border-color: #1c0823 !important;
    color: #1c0823 !important;
}

    .btn-outline-web:hover {
        border-color: #1c0823 !important;
        color: #1c0823 !important;
        background-color: white !important;
    }

.cart-item-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.cart-item {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

    .cart-item:last-child {
        border-bottom: none;
    }

.qty-btn {
    width: 28px;
    height: 28px;
    font-size: 14px;
}

.btn-close1 {
    position: absolute;
    top: 20px;
    right: 23px;
    z-index: 10;
}

.wishlist-btn.wishlisted i {
    color: red !important;
}

.fillWishlist {
    background-color: red;
}

.wishlist-icon .bx-heart.filled {
    color: #861b2d;
}

.wishlist-icon .bx-heart.empty {
    color: #0003;
}

.btn-wishlist {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
}

    .btn-wishlist i {
        font-size: 22px;
        transition: all 0.3s ease;
        position: absolute;
        top: 0;
        left: 0;
    }

    .btn-wishlist:hover .bx-heart {
        color: #b62626 !important;
        transform: scale(1.2);
    }

    .btn-wishlist .bxs-heart {
        color: #b62626;
        animation: heartbeat 0.7s ease-in-out;
    }

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    .categories-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-left .modal-dialog {
    animation-name: slideInFromLeft;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
}

.modal-backdrop.show {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--web-primary);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--web-primary-dark);
    }

* {
    scrollbar-width: thin;
    scrollbar-color: black !important;
}

#priceBreakdownModal {
    animation: slideUp 0.3s ease-out;
    max-height: 200px;
    overflow-y: auto;
}

@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#priceBreakdownModal .btn-close {
    padding: 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
    background-size: 0.75rem;
}

#cartSidebar .border-top {
    position: relative;
}

#cartSidebar.open #cartItemsContainer {
    max-height: 100vh !important;
}

@media (max-width: 768px) {
    #cartSidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    #priceBreakdownModal {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(100% - 10px) !important;
    }
}

#priceBreakdownModal {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: none;
}

    #priceBreakdownModal.show {
        opacity: 1;
        transform: translateY(0);
    }

#priceBreakdownBackdrop {
    opacity: 0;
    transition: opacity 0.3s ease;
}

    #priceBreakdownBackdrop.show {
        opacity: 1;
    }

.fixed-top {
    padding-right: 0 !important;
}

.header-icon,
.logo-img {
    object-fit: contain;
    display: block;
}

.header-center-content {
    height: 100%;
    display: flex;
    align-items: center;
}

.search-wrapper {
    height: 38px;
    width: 100%;
}

.search-trigger-btn {
    height: 100%;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    transition: all 0.2s ease;
    padding-left: 0;
    overflow: hidden;
}

    .search-trigger-btn:active {
        background-color: #e9ecef !important;
        transform: scale(0.98);
    }

.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.search-placeholder {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.pincode-wrapper {
    height: 38px;
    width: 100%;
}

.pincode-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
}

.pincode-text {
    flex: 1;
    overflow: hidden;
    line-height: 1.2;
}

.header-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    position: relative;
}

    .header-action-btn:active {
        background-color: #f8f9fa;
    }

.header-action-icon {
    font-size: 20px;
    color: var(--web-primary) !important;
}

.header-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 18px;
    height: 18px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}

@media (max-width: 576px) {
/*    .col-4, .col-5, .col-3 {
        padding: 0 4px;
    }*/

    .search-wrapper,
    .pincode-wrapper {
        height: 36px;
    }

    .search-placeholder,
    .pincode-text .font-10 {
        font-size: 11px;
    }

    .header-action-btn {
        width: 32px;
        height: 32px;
    }

    .gap-3 {
        gap: 12px !important;
    }
}

@media (max-width: 400px) {
/*    .col-4, .col-5, .col-3 {
        padding: 0 3px;
    }*/

    .search-wrapper,
    .pincode-wrapper {
        height: 34px;
    }

    .search-placeholder {
        font-size: 10px;
    }

    .pincode-text .font-10 {
        font-size: 9px;
    }

    .header-action-btn {
        width: 30px;
        height: 30px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .row.align-items-center {
        min-height: 44px;
    }

    .search-wrapper,
    .pincode-wrapper {
        height: 34px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .search-trigger-btn,
    .pincode-trigger-btn,
    .header-action-btn {
        cursor: pointer;
    }

        .search-trigger-btn:after,
        .pincode-trigger-btn:after,
        .header-action-btn:after {
            content: '';
            position: absolute;
            top: -8px;
            left: -8px;
            right: -8px;
            bottom: -8px;
        }
}

@media (max-width: 768px) {
    #priceBreakdownModal {
        left: 0px !important;
        right: 0px !important;
        bottom: calc(100% - 10px) !important;
    }
}

.luxury-toast {
    min-width: 320px;
    border-radius: 14px;
    backdrop-filter: blur(12px);
    background: var(--web-gradient-primary);
    color: #EEE2DA;
    overflow: hidden;
    animation: slideInRight 0.5s ease;
}

    .luxury-toast h6 {
        font-size: 0.9rem;
        font-weight: 500;
    }

    .luxury-toast p {
        opacity: 0.9;
        font-size: 0.75rem;
    }

.toast-icon {
    background: rgba(255,255,255,0.1);
}

#toastProgress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: rgba(255,255,255,0.7);
    animation: progressBar linear forwards;
}

@keyframes progressBar {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast {
    min-height: 80px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(238, 226, 218, 0.2);
    border-radius: 12px;
    overflow: hidden;
    animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.toast-icon {
    border-right: 1px solid rgba(238, 226, 218, 0.1);
    min-width: 60px;
}

    .toast-icon svg {
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    }

.toast-body h6 {
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toast-body p {
    max-width: 280px;
}

.btn-close:hover {
    opacity: 1 !important;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 576px) {
    .toast-container {
        padding: 1rem;
        width: 100%;
        max-width: 100%;
    }

    .toast {
        width: 100%;
        max-width: 100%;
    }

    .toast-body p {
        max-width: 200px;
    }
}

.welcome-left {
    flex: 1;
    background: url('../assets/images/Nebu/Untitled-3.png') left/cover no-repeat;
    margin-left: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .welcome-left::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.single-piece-message {
    background: rgba(184, 151, 120, 0.08);
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #b89778;
    font-size: 13px;
}

.modal.slide-from-left .modal-dialog {
    width: auto !important;
}

.autowidth {
    width: 50% !important;
}

@media (max-width: 990px) {
    .Nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }

    .iconleft {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}