/* ============================================
                                                                                                   GLETR - Premium Jewelry Product Page
                                                                                                   Optimized E-commerce Design 2024
                                                                                                ============================================ */

        :root {
            --primary: #1e3a5f;
            --primary-dark: #0d2137;
            --gold: #D4AF37;
            --gold-light: #F5E6A3;
            --text-dark: #333;
            --text-muted: #666;
            --bg-light: #f8f9fa;
            --border: #e9ecef;
            --success: #28a745;
            --warning: #ffc107;
            --danger: #dc3545;
            /* Performance: GPU acceleration hints */
            --transition-fast: 0.2s ease;
            --transition-normal: 0.3s ease;
            --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
            --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
            --shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.12);
            /* Touch-friendly sizes */
            --touch-target: 44px;
            --spacing-xs: 4px;
            --spacing-sm: 8px;
            --spacing-md: 16px;
            --spacing-lg: 24px;
            --spacing-xl: 32px;
        }

        /* ============================================
                                   MICRO-INTERACTION ANIMATIONS (Minimal)
                                   ============================================ */

        /* Heart beat animation for wishlist */
        @keyframes heartBeat {

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

            25% {
                transform: scale(1.25);
            }

            50% {
                transform: scale(0.95);
            }

            75% {
                transform: scale(1.15);
            }
        }

        /* Press down animation for buttons */
        @keyframes pressDown {

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

            50% {
                transform: scale(0.95);
            }
        }

        /* Wishlist button animation class */
        .gallery-action-btn.heart-animate,
        .wishlist-btn.heart-animate {
            animation: heartBeat 0.4s ease;
        }

        /* Button press animation class */
        .btn-animate-press {
            animation: pressDown 0.15s ease;
        }

        /* Performance: Use contain for layout optimization */
        .product-page {
            background: #fff;
            contain: layout style;
        }

        /* GPU acceleration for animated elements */
        .gallery-thumb,
        .gallery-action-btn,
        .variant-option,
        .btn-add-cart,
        .btn-buy-now {
            will-change: transform;
            transform: translateZ(0);
        }

        /* Breadcrumb - Optimized */
        .product-breadcrumb {
            padding: var(--spacing-md) 20px;
            background: var(--bg-light);
            border-bottom: 1px solid var(--border);
        }

        @media (min-width: 992px) {
            .product-breadcrumb {
                padding: var(--spacing-md) 40px;
            }
        }

        @media (min-width: 1200px) {
            .product-breadcrumb {
                padding: var(--spacing-md) 60px;
            }
        }

        .product-breadcrumb nav {
            font-size: 13px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: var(--spacing-xs);
        }

        .product-breadcrumb a {
            color: var(--text-muted);
            text-decoration: none;
            transition: color var(--transition-fast);
            padding: var(--spacing-xs) 0;
        }

        .product-breadcrumb a:hover {
            color: var(--primary);
        }

        .product-breadcrumb span {
            color: var(--text-dark);
            font-weight: 500;
        }

        /* Main Product Section - Better spacing  */
        .product-main {
            padding: 24px 20px 32px;
        }

        @media (min-width: 992px) {
            .product-main {
                padding: 20px 60px 40px;
            }
        }

        @media (min-width: 1200px) {
            .product-main {
                padding: 20px 80px 40px;
            }
        }

        @media (min-width: 1400px) {
            .product-main {
                padding: 20px 100px 40px;
            }
        }

        /* Gallery Section - Premium Vertical Layout */
        .product-gallery {
            position: sticky;
            top: 20px;
            align-self: flex-start;
        }

        /* Desktop: Thumbnails on LEFT, Main image on RIGHT */
        .gallery-wrapper {
            display: flex;
            flex-direction: row;
            gap: 16px;
            align-items: flex-start;
        }

        /* Vertical Thumbnail container with arrows */
        .gallery-thumbs-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 80px;
            order: -1;
            /* Thumbnails on left */
        }

        .thumb-nav-btn {
            width: 32px;
            height: 32px;
            min-width: 32px;
            min-height: 32px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #666;
            font-size: 12px;
            transition: all 0.2s ease;
            flex-shrink: 0;
        }

        .thumb-nav-btn:hover {
            background: #f5f5f5;
            border-color: #ccc;
            color: var(--primary);
        }

        .thumb-nav-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        /* Arrows use up/down icons directly - no rotation needed */

        .gallery-thumbs {
            display: flex;
            flex-direction: column;
            gap: 10px;
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 4px;
            max-height: 420px;
            /* Hide scrollbar */
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .gallery-thumbs::-webkit-scrollbar {
            display: none;
        }

        .gallery-thumb {
            width: 68px;
            height: 68px;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
            transition: all 0.2s ease;
            background: #f8f9fa;
            position: relative;
            flex-shrink: 0;
            -webkit-tap-highlight-color: transparent;
        }

        .gallery-thumb:hover {
            border-color: #ccc;
            transform: scale(1.02);
        }

        .gallery-thumb.active {
            border-color: var(--gold);
            box-shadow: 0 2px 10px rgba(212, 175, 55, 0.35);
        }

        .gallery-thumb img,
        .gallery-thumb video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .gallery-thumb .media-type-icon {
            position: absolute;
            bottom: 4px;
            right: 4px;
            width: 18px;
            height: 18px;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 9px;
        }

        .gallery-main {
            flex: 1;
            width: 100%;
            max-width: 520px;
            position: relative;
            background: #f8f9fa;
            border-radius: 16px;
            overflow: hidden;
        }

        /* Rating badge  */
        .image-rating-badge {
            position: absolute;
            bottom: 16px;
            left: 16px;
            background: rgba(30, 30, 30, 0.85);
            backdrop-filter: blur(8px);
            color: #fff;
            padding: 8px 14px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 6px;
            z-index: 10;
        }

        .image-rating-badge i {
            color: #FFB800;
            font-size: 13px;
        }

        /* Media type icon - bottom right */
        .image-media-icon {
            position: absolute;
            bottom: 16px;
            right: 16px;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(8px);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .image-media-icon:hover {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }

        .image-media-icon i {
            color: #333;
            font-size: 16px;
        }

        /* Top bar with badges and actions */
        .gallery-top-bar {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 10px 12px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
        }

        /* Gallery Back Button (Mobile Only) */
        .gallery-back-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ffffff;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: all 0.2s ease;
            color: #1e3a5f;
            font-size: 16px;
            text-decoration: none;
            flex-shrink: 0;
            margin-right: 8px;
            pointer-events: auto;
        }

        .gallery-back-btn:hover,
        .gallery-back-btn:active {
            background: #f3f4f6;
            color: #1e3a5f;
            text-decoration: none;
            transform: scale(1.05);
        }

        .product-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            max-width: 70%;
        }

        .product-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

        .badge-sale {
            background: var(--danger);
            color: #fff;
        }

        .badge-new {
            background: var(--success);
            color: #fff;
        }

        .badge-hot {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: #fff;
        }

        .badge-certified {
            background: var(--primary);
            color: #fff;
        }

        .gallery-actions {
            display: flex;
            flex-direction: column;
            gap: 6px;
            flex-shrink: 0;
        }

        .gallery-action-btn {
            width: var(--touch-target);
            height: var(--touch-target);
            min-width: var(--touch-target);
            min-height: var(--touch-target);
            border-radius: 50%;
            background: #fff;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: var(--shadow-sm);
            transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
            color: var(--text-muted);
            font-size: 16px;
            -webkit-tap-highlight-color: transparent;
        }

        .gallery-action-btn:hover,
        .gallery-action-btn:focus {
            background: var(--primary);
            color: #fff;
            transform: scale(1.05);
            outline: none;
        }

        .gallery-action-btn:active {
            transform: scale(0.95);
        }

        .gallery-action-btn.active {
            background: var(--danger);
            color: #fff;
        }

        /* Main image container */
        .gallery-main-image {
            width: 100%;
            position: relative;
            cursor: zoom-in;
            overflow: hidden;
            background: #f0f0f0;
            border-radius: 16px;
            aspect-ratio: 1 / 1;
        }

        /* Shimmer skeleton for gallery main image */
        .gallery-main-image::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 0;
            background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: galleryShimmer 1.5s ease-in-out infinite;
            border-radius: 16px;
        }

        .gallery-main-image.img-loaded::after {
            display: none;
        }

        @keyframes galleryShimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }

        .gallery-main-image img,
        .gallery-main-image video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.45s ease, transform 0.3s ease;
            border-radius: 16px;
        }

        /* Subtle zoom effect on hover */
        .gallery-main-image:hover img {
            transform: scale(1.02);
        }

        /* Zoom hint indicator */
        .zoom-hint {
            position: absolute;
            bottom: 16px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
            z-index: 5;
        }

        .gallery-main-image:hover .zoom-hint {
            opacity: 1;
        }

        @media (max-width: 991px) {
            .zoom-hint {
                display: none;
            }
        }

        /* Mobile image optimization */
        @media (max-width: 767px) {
            .gallery-main-image {
                border-radius: 16px;
            }

            .gallery-main-image img,
            .gallery-main-image video {
                border-radius: 16px;
            }
        }

        /* Image counter - hidden when rating badge is shown */
        .image-counter {
            display: none;
        }

        /* Gallery dots - hidden on desktop, shown on mobile via media query */
        .gallery-dots {
            display: none;
        }

        .mobile-gallery-slider {
            display: none;
        }

        .gallery-main-image video {
            width: 100%;
            height: 100%;
        }

        /* ============================================
                                   INNER ZOOM - Modern zoom effect
                                   ============================================ */

        /* Main container setup for inner zoom */
        .gallery-main-image {
            overflow: hidden;
            cursor: zoom-in;
        }

        /* Smooth zoom transition */
        .gallery-main-image img {
            transition: transform 0.15s ease-out;
            transform-origin: center center;
        }

        /* Zoomed state */
        .gallery-main-image.zoomed {
            cursor: move;
        }

        .gallery-main-image.zoomed img {
            transform: scale(2.5);
        }

        /* Zoom indicator badge */
        .zoom-indicator {
            position: absolute;
            bottom: 16px;
            right: 16px;
            background: rgba(0, 0, 0, 0.65);
            color: #fff;
            padding: 8px 14px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 6px;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
            z-index: 5;
        }

        .gallery-main-image:hover .zoom-indicator {
            opacity: 1;
        }

        .gallery-main-image.zoomed .zoom-indicator {
            opacity: 0;
        }

        /* Hide zoom indicator on mobile */
        @media (max-width: 991px) {
            .zoom-indicator {
                display: none;
            }

            .gallery-main-image {
                cursor: pointer;
            }
        }

        /* Mobile tap hint - shown only on mobile */
        .mobile-tap-hint {
            display: none;
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.75);
            color: #fff;
            padding: 10px 18px;
            border-radius: 25px;
            font-size: 13px;
            font-weight: 500;
            align-items: center;
            gap: 8px;
            pointer-events: none;
            z-index: 5;
            animation: tapHintPulse 3s ease-in-out 1;
            animation-fill-mode: forwards;
        }

        .mobile-tap-hint i {
            font-size: 14px;
        }

        @keyframes tapHintPulse {
            0% {
                opacity: 0;
                transform: translateX(-50%) scale(0.9);
            }

            20% {
                opacity: 1;
                transform: translateX(-50%) scale(1);
            }

            80% {
                opacity: 1;
                transform: translateX(-50%) scale(1);
            }

            100% {
                opacity: 0;
                transform: translateX(-50%) scale(0.9);
            }
        }

        @media (max-width: 767px) {
            .mobile-tap-hint {
                display: flex;
            }
        }

        /* Legacy elements - hidden */
        .magnifier-lens,
        .zoom-result,
        .zoom-hint {
            display: none !important;
        }

        /* Media type tabs - hidden for style */
        .media-type-tabs {
            display: none;
        }

        .media-type-tab {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 6px 12px;
            border: 1px solid var(--border);
            border-radius: 6px;
            background: #fff;
            font-size: 11px;
            font-weight: 600;
            color: var(--text-muted);
            cursor: pointer;
            transition: all 0.2s;
        }

        .media-type-tab:hover {
            border-color: var(--primary);
            color: var(--primary);
        }

        .media-type-tab.active {
            background: var(--primary);
            border-color: var(--primary);
            color: #fff;
        }

        .media-type-tab i {
            font-size: 14px;
        }

        /* Video container */
        .video-container {
            width: 100%;
            height: 100%;
            display: none;
        }

        .video-container.active {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .video-container video {
            max-width: 100%;
            max-height: 100%;
            border-radius: 8px;
        }

        /* Fullscreen button - hidden, using image-media-icon instead */
        .fullscreen-btn {
            display: none;
        }

        /* Product Info Section */
        .product-info {
            padding-left: 20px;
        }

        @media (max-width: 991px) {
            .product-info {
                padding-left: 0;
                margin-top: 20px;
            }
        }

        /* Store Info */
        .store-info {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            padding: 8px 14px 8px 8px;
            background: var(--bg-light);
            border-radius: 30px;
            border: 1px solid var(--border);
        }

        .store-logo {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid #fff;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        }

        .store-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .store-name {
            font-size: 13px;
            color: var(--text-muted);
        }

        .store-name a {
            color: var(--primary);
            font-weight: 600;
            text-decoration: none;
        }

        .store-name a:hover {
            text-decoration: underline;
        }

        /* Seller Link Styling */
        .store-name .seller-link {
            color: var(--primary) !important;
            text-decoration: none !important;
            font-weight: 600;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .store-name .seller-link:hover {
            color: var(--gold) !important;
            text-decoration: underline !important;
        }

        .store-name .seller-link i {
            font-size: 12px;
            transition: transform 0.3s ease;
        }

        .store-name .seller-link:hover i {
            transform: translateX(3px);
        }

        /* Category Tag */
        .product-category {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 6px;
            padding: 4px 10px;
            background: linear-gradient(135deg, #e3f2fd, #f3e5f5);
            border-radius: 4px;
        }

        /* Product Title */
        .product-title {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-dark);
            line-height: 1.3;
            margin-bottom: 4px;
        }

        /* Product Subtitle - Metal Chips */
        .product-subtitle {
            font-size: 14px;
            color: var(--text-muted);
            margin: 0 0 8px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .product-subtitle .meta-chip {
            display: inline-block;
            font-size: 12px;
            color: var(--text-muted);
        }

        /* Rating Display */
        .product-rating-display {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 10px;
        }

        .product-rating-display .stars {
            display: flex;
            gap: 2px;
            color: #D4AF37;
            font-size: 16px;
        }

        .product-rating-display .stars i.filled {
            color: #D4AF37;
        }

        .product-rating-display .stars i.half {
            color: #D4AF37;
            opacity: 0.5;
        }

        .product-rating-display .stars i.empty {
            color: #ddd;
        }

        .product-rating-display .rating-number {
            font-size: 15px;
            font-weight: 600;
            color: #1a1a1a;
        }

        .product-rating-display .review-count-link {
            font-size: 13px;
            color: #666;
            text-decoration: none;
        }

        /* Delivery Check Section */
        .delivery-check-section {
            margin-top: 24px;
            background: linear-gradient(135deg, #fff5f5 0%, #fff9f9 100%);
            border-radius: 12px;
            padding: 20px;
        }

        .delivery-check-section h6 {
            margin: 0 0 12px 0;
            font-size: 14px;
            font-weight: 600;
            color: #1a1a1a;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .delivery-check-section h6 i {
            color: #c9a050;
        }

        .delivery-check-section .delivery-input-wrapper {
            display: flex;
            gap: 8px;
        }

        .delivery-check-section input {
            flex: 1;
            padding: 12px 16px;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            font-size: 14px;
            outline: none;
            transition: border-color 0.2s;
        }

        .delivery-check-section input:focus {
            border-color: #c9a050;
        }

        .delivery-check-section button {
            padding: 12px 24px;
            background: #1a1a1a;
            color: #fff;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        /* Price Section */
        .product-price-section {
            margin-bottom: 10px;
        }

        .price-row {
            display: flex;
            align-items: baseline;
            gap: 12px;
            flex-wrap: wrap;
        }

        .current-price {
            font-size: 24px;
            font-weight: 800;
            color: var(--text-dark);
        }

        .original-price {
            font-size: 15px;
            color: #999;
            text-decoration: line-through;
        }

        .discount-badge {
            display: inline-block;
            background: #E8D5A3;
            color: #333333;
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 700;
            border: 1px solid #d4c4a8;
        }

        .price-info {
            font-size: 13px;
            color: var(--text-muted);
            margin-top: 8px;
        }

        .price-info i {
            color: var(--success);
            margin-right: 5px;
        }

        .price-breakup-btn {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            border: 1px solid var(--border);
            background: #fff;
            color: var(--primary);
            font-weight: 800;
            font-size: 13px;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: var(--shadow-sm);
            transform: translateZ(0);
        }

        .price-breakup-btn:hover,
        .price-breakup-btn:focus {
            border-color: var(--primary);
            outline: none;
        }

        .price-breakup-popover {
            position: relative;
            display: inline-block;
        }

        .price-breakup-panel {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            min-width: 260px;
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 12px;
            box-shadow: var(--shadow-lg);
            padding: 14px;
            z-index: 50;
            display: none;
        }

        .price-breakup-panel.active {
            display: block;
        }

        .price-breakup-title {
            font-size: 12px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        .price-breakup-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            font-size: 12px;
            padding: 6px 0;
            color: var(--text-muted);
            border-bottom: 1px dashed var(--border);
        }

        .price-breakup-row:last-child {
            border-bottom: none;
        }

        .price-breakup-row strong {
            color: var(--text-dark);
            font-weight: 700;
        }

        /* Stock Status */
        .stock-status {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 25px;
            border: 1px solid transparent;
        }

        .stock-status i {
            font-size: 14px;
        }

        .stock-in {
            background: #e8f5e9;
            color: #2e7d32;
            border-color: #c8e6c9;
        }

        .stock-low {
            background: #fff3e0;
            color: #e65100;
            border-color: #ffe0b2;
        }

        .stock-out {
            background: #ffebee;
            color: #c62828;
            border-color: #ffcdd2;
        }

        .stock-mto {
            background: #fff8e1;
            color: #f57c00;
            border-color: #ffe082;
        }

        .stock-rts {
            background: #e8f5e9;
            color: #2e7d32;
            border-color: #c8e6c9;
        }

        /* Variant Selection */
        .variant-section {
            margin-bottom: 16px;
        }

        .variant-group {
            margin-bottom: 16px;
        }

        .variant-label-row {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            margin-bottom: 8px;
        }

        .variant-label {
            display: block;
            font-size: 12px;
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .variant-label span {
            font-weight: 400;
            color: var(--text-muted);
            text-transform: none;
        }

        .variant-options {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .variant-option {
            padding: 6px 12px;
            border: 1.5px solid var(--border);
            border-radius: 6px;
            font-size: 12px;
            font-weight: 500;
            color: var(--text-dark);
            background: #fff;
            cursor: pointer;
            transition: all 0.2s ease;
            min-width: 36px;
            text-align: center;
        }

        .variant-option:hover {
            border-color: var(--gold);
            transform: translateY(-2px);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
        }

        .variant-option.active {
            border-color: var(--gold);
            background: linear-gradient(135deg, #fffdf5, #fff9e6);
            box-shadow: 0 0 0 1px var(--gold);
        }

        /* Unavailable variant options (cascade filtering) */
        .variant-option.unavailable,
        .variant-attr-btn.unavailable {
            opacity: 0.4;
            pointer-events: none;
            cursor: not-allowed;
            text-decoration: line-through;
            background: #f5f5f5;
            border-color: #ddd;
            color: #999;
        }

        .variant-option.unavailable:hover,
        .variant-attr-btn.unavailable:hover {
            transform: none;
            border-color: #ddd;
        }

        /* Color Options */
        .color-option {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 3px solid #fff;
            cursor: pointer;
            position: relative;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            transition: all 0.2s ease;
        }

        .color-option:hover {
            transform: scale(1.1);
        }

        .color-option.active::after {
            content: '✓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }

        /* Quantity Selector - +/- buttons */
        .quantity-section {
            margin-bottom: var(--spacing-md);
        }

        .quantity-selector {
            display: inline-flex;
            align-items: center;
            border: 1.5px solid var(--border);
            border-radius: 8px;
            overflow: hidden;
            background: #fff;
        }

        .qty-btn {
            width: 40px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f8f9fa;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            color: var(--text-dark);
            transition: background 0.2s;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
        }

        .qty-btn:hover {
            background: #e9ecef;
        }

        .qty-btn:active {
            background: #dee2e6;
        }

        .qty-btn.disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }

        .qty-input {
            width: 50px;
            height: 44px;
            border: none;
            border-left: 1px solid var(--border);
            border-right: 1px solid var(--border);
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            color: var(--text-dark);
            background: #fff;
            padding: 0;
            line-height: 44px;
            -moz-appearance: textfield;
        }

        .qty-input::-webkit-outer-spin-button,
        .qty-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .qty-input:focus {
            outline: none;
        }

        /* Action Buttons - Compact design */
        .action-buttons {
            display: flex;
            gap: var(--spacing-sm);
            margin-bottom: 12px;
        }

        .btn-add-cart {
            flex: 1;
            padding: 14px 28px;
            min-height: 48px;
            background: #fff;
            color: #1a1a1a;
            border: 1.5px solid #1a1a1a;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            text-transform: none;
            letter-spacing: 0;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            -webkit-tap-highlight-color: transparent;
        }

        .btn-add-cart:hover {
            background: #f8f8f8;
            border-color: #000;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .btn-add-cart:active {
            transform: translateY(0) scale(0.98);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        }

        /* Added in Cart State */
        .btn-add-cart.in-cart {
            background: #e8f5e9;
            border-color: #28a745;
            color: #28a745;
            text-decoration: none;
        }

        .btn-add-cart.in-cart:hover {
            background: #d4edda;
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
        }

        /* Loading State for Buttons */
        .btn-add-cart.loading,
        .btn-buy-now.loading {
            pointer-events: none;
            opacity: 0.7;
            position: relative;
        }

        .btn-add-cart.loading .btn-text,
        .btn-buy-now.loading .btn-text {
            opacity: 0;
        }

        .btn-add-cart.loading::after,
        .btn-buy-now.loading::after {
            content: '';
            position: absolute;
            width: 18px;
            height: 18px;
            border: 2px solid transparent;
            border-top-color: currentColor;
            border-radius: 50%;
            animation: btnSpinner 0.6s linear infinite;
        }

        @keyframes btnSpinner {
            to {
                transform: rotate(360deg);
            }
        }

        .btn-buy-now {
            flex: 1;
            padding: 14px 28px;
            min-height: 48px;
            background: #E8D5A3;
            color: #1a1a1a;
            border: none;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            text-transform: none;
            letter-spacing: 0;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }

        .btn-buy-now:hover {
            background: #D4C48A;
            transform: translateY(-1px);
            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.25);
            color: #1a1a1a;
        }

        .btn-buy-now:active {
            transform: translateY(0) scale(0.98);
        }


        .trust-badges-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 14px 0;
            margin: 14px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .trust-badge-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            color: #555;
            background: #f8f8f8;
            padding: 6px 12px;
            border-radius: 20px;
            white-space: nowrap;
        }

        .trust-badge-item i {
            color: #28a745;
            font-size: 12px;
        }

        @media (max-width: 576px) {
            .trust-badges-row {
                gap: 8px;
            }

            .trust-badge-item {
                font-size: 10px;
                padding: 5px 10px;
            }
        }

        /* Secondary Actions - Touch optimized */
        .secondary-actions {
            display: flex;
            gap: var(--spacing-md);
            margin-bottom: var(--spacing-lg);
        }

        .secondary-btn {
            display: flex;
            align-items: center;
            gap: var(--spacing-sm);
            padding: 12px 20px;
            min-height: var(--touch-target);
            background: transparent;
            border: 1px solid var(--border);
            border-radius: 10px;
            font-size: 13px;
            color: var(--text-muted);
            cursor: pointer;
            transition: border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);
            -webkit-tap-highlight-color: transparent;
        }

        .secondary-btn:hover,
        .secondary-btn:focus {
            border-color: var(--primary);
            color: var(--primary);
            outline: none;
        }

        .secondary-btn.active {
            background: #ffebee;
            border-color: var(--danger);
            color: var(--danger);
        }

        /* Trust Features */
        .trust-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            padding: 25px;
            background: var(--bg-light);
            border-radius: 12px;
            margin-bottom: 25px;
        }

        .trust-item {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .trust-icon {
            width: 36px;
            height: 36px;
            background: #fff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gold);
            font-size: 16px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .trust-text {
            font-size: 11px;
            line-height: 1.4;
        }

        .trust-text strong {
            display: block;
            color: var(--text-dark);
            font-size: 12px;
            margin-bottom: 2px;
        }

        .trust-text span {
            color: var(--text-muted);
        }

        /* ============================================
                                                                                   JEWELRY HIGHLIGHTS CARD
                                                                                ============================================ */
        .jewelry-highlights-card {
            background: linear-gradient(135deg, #fefbf3 0%, #fff9e6 100%);
            border: 1px solid #f0e6c8;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 24px;
        }

        .jewelry-highlights-title {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 700;
            color: var(--text-dark);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        }

        .jewelry-highlights-title i {
            color: var(--gold);
            font-size: 16px;
        }

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

        .jewelry-highlight-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            background: #fff;
            border-radius: 8px;
            border: 1px solid #f0e6c8;
        }

        .jewelry-highlight-icon {
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, #d4af37 0%, #c9a050 100%);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 14px;
            flex-shrink: 0;
        }

        .jewelry-highlight-content {
            flex: 1;
            min-width: 0;
        }

        .jewelry-highlight-label {
            font-size: 10px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.3px;
            margin-bottom: 2px;
        }

        .jewelry-highlight-value {
            font-size: 13px;
            font-weight: 600;
            color: var(--text-dark);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* Hallmark Badge */
        .hallmark-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            background: #1a472a;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 9px;
            font-weight: 700;
            margin-left: 6px;
        }

        /* ============================================
                                                                                   TRUST BADGES STRIP
                                                                                ============================================ */
        .trust-badges-strip {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 12px 0;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 10px;
            border: 1px solid #e9ecef;
        }

        .trust-badge-item {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 12px;
            background: #fff;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 500;
            color: var(--text-dark);
            border: 1px solid #e9ecef;
            flex: 1;
            min-width: 140px;
            justify-content: center;
        }

        .trust-badge-item i {
            color: var(--success);
            font-size: 14px;
        }

        .trust-badge-item.gold i {
            color: var(--gold);
        }

        .trust-badge-item.blue i {
            color: var(--primary);
        }

        @media (max-width: 575px) {
            .jewelry-highlights-grid {
                grid-template-columns: 1fr;
            }

            .trust-badges-strip {
                flex-direction: column;
            }

            .trust-badge-item {
                min-width: 100%;
            }
        }

        /* Product Meta */
        .product-meta {
            padding-top: 20px;
            border-top: 1px solid var(--border);
        }

        .meta-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 13px;
        }

        .meta-label {
            width: 100px;
            color: var(--text-muted);
        }

        .meta-value {
            color: var(--text-dark);
            font-weight: 500;
        }

        .meta-value a {
            color: var(--primary);
            text-decoration: none;
        }

        .meta-value a:hover {
            text-decoration: underline;
        }

        /* ============================================
                                       MODERN ACCORDION DESIGN - Premium Look
                                    ============================================ */
        .product-details-accordion {
            margin-top: 32px;
            padding-top: 24px;
            border-top: 1px solid #f0f0f0;
        }

        .accordion-item {
            background: #ffffff;
            border: 1px solid #f0f0f0;
            border-radius: 16px;
            margin-bottom: 12px;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        }

        .accordion-item:hover {
            border-color: #e0e0e0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        }

        .accordion-item.active {
            border-color: var(--gold, #D4AF37);
            box-shadow: 0 4px 16px rgba(212, 175, 55, 0.12);
        }

        .accordion-header {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 20px;
            background: transparent;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }

        .accordion-header::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: var(--gold, #D4AF37);
            transform: scaleY(0);
            transition: transform 0.3s ease;
        }

        .accordion-item.active .accordion-header::before {
            transform: scaleY(1);
        }

        .accordion-header:active {
            background: rgba(212, 175, 55, 0.03);
        }

        .accordion-header .header-title {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 15px;
            font-weight: 700;
            color: #1a1a1a;
            text-transform: none;
            letter-spacing: 0;
            flex: 1;
        }

        .accordion-header .header-title i {
            color: var(--gold, #D4AF37);
            font-size: 20px;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(212, 175, 55, 0.1);
            border-radius: 10px;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .accordion-item.active .accordion-header .header-title i {
            background: var(--gold, #D4AF37);
            color: #ffffff;
            transform: scale(1.05);
        }

        .accordion-header .header-title span {
            color: #1a1a1a;
            font-weight: 600;
        }

        .accordion-item.active .accordion-header .header-title span {
            color: var(--primary, #1e3a5f);
        }

        /* Reviews Count Badge - Styled via inline or class */
        .accordion-header .header-title .review-count {
            color: #6b7280;
            font-weight: 500;
            font-size: 13px;
            margin-left: 4px;
        }

        /* Icon-specific colors */
        .accordion-header .header-title i.fi-rs-document {
            background: rgba(59, 130, 246, 0.1);
            color: #3b82f6;
        }

        .accordion-item.active .accordion-header .header-title i.fi-rs-document {
            background: #3b82f6;
            color: #ffffff;
        }

        .accordion-header .header-title i.fi-rs-list {
            background: rgba(139, 92, 246, 0.1);
            color: #8b5cf6;
        }

        .accordion-item.active .accordion-header .header-title i.fi-rs-list {
            background: #8b5cf6;
            color: #ffffff;
        }

        .accordion-header .header-title i.fi-rs-star {
            background: rgba(212, 175, 55, 0.1);
            color: #D4AF37;
        }

        .accordion-item.active .accordion-header .header-title i.fi-rs-star {
            background: #D4AF37;
            color: #ffffff;
        }

        .accordion-header .header-title i.fa-truck-fast,
        .accordion-header .header-title i.fi-rs-truck-side {
            background: rgba(34, 197, 94, 0.1);
            color: #22c55e;
        }

        .accordion-item.active .accordion-header .header-title i.fa-truck-fast,
        .accordion-item.active .accordion-header .header-title i.fi-rs-truck-side {
            background: #22c55e;
            color: #ffffff;
        }

        .accordion-header .accordion-icon {
            font-size: 18px;
            color: #9ca3af;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f5f5f5;
            border-radius: 6px;
            flex-shrink: 0;
        }

        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
            background: var(--primary, #1e3a5f);
            color: #ffffff;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
        }

        .accordion-item.active .accordion-content {
            opacity: 1;
            max-height: 2000px;
            padding: 0 20px 30px;
        }

        .accordion-content-inner {
            font-size: 14px;
            line-height: 1.75;
            color: #4b5563;
            padding-top: 4px;
        }

        .accordion-content-inner p {
            margin-bottom: 12px;
            color: #4b5563;
        }

        .accordion-content-inner p:last-child {
            margin-bottom: 0;
        }

        .accordion-content-inner table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            table-layout: fixed;
            margin: 0;
        }

        .accordion-content-inner table tr {
            border-bottom: 1px solid #f3f4f6;
            transition: background 0.2s ease;
        }

        .accordion-content-inner table tr:first-child {
            border-top: 1px solid #f3f4f6;
        }

        .accordion-content-inner table tr:last-child {
            border-bottom: none;
        }

        .accordion-content-inner table tr:hover {
            background: rgba(212, 175, 55, 0.02);
        }

        /* Modern Specifications Styles */
        .specs-list {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .spec-item {
            display: flex;
            align-items: center;
            padding: 14px 16px;
            background: #ffffff;
            border-radius: 12px;
            transition: all 0.2s ease;
            border: 1px solid transparent;
        }

        .spec-item:nth-child(even) {
            background: #f9fafb;
        }

        .spec-item:hover {
            background: #fff;
            border-color: #f3f4f6;
            transform: translateX(4px);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
        }

        .spec-label {
            flex: 0 0 40%;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #6b7280;
            font-size: 13px;
            font-weight: 500;
        }

        .spec-label i {
            font-size: 14px;
            color: #9ca3af;
            width: 20px;
            text-align: center;
        }

        .spec-value {
            flex: 1;
            color: #111827;
            font-size: 14px;
            font-weight: 600;
            text-align: right;
            word-break: break-word;
            padding-left: 10px;
        }

        .spec-value span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        @media (max-width: 768px) {
            .spec-item {
                padding: 12px 12px;
                border-radius: 10px;
            }

            .spec-label {
                flex: 0 0 45%;
                font-size: 12px;
                gap: 8px;
            }

            .spec-label i {
                font-size: 13px;
                width: 18px;
            }

            .spec-value {
                font-size: 13px;
            }
        }

        /* Mobile Optimizations */
        @media (max-width: 768px) {
            .product-details-accordion {
                margin-top: 24px;
                padding-top: 20px;
            }

            .accordion-item {
                border-radius: 14px;
                margin-bottom: 10px;
            }

            .accordion-header {
                padding: 16px 18px;
            }

            .accordion-header .header-title {
                font-size: 14px;
                gap: 12px;
            }

            .accordion-header .header-title i {
                font-size: 18px;
                width: 28px;
                height: 28px;
            }

            .accordion-header .accordion-icon {
                font-size: 16px;
                width: 22px;
                height: 22px;
            }

            .accordion-item.active .accordion-content {
                padding: 0 18px 24px;
            }

            .accordion-content-inner {
                font-size: 13px;
                line-height: 1.7;
            }
        }

        /* ============================================
                                                                                                   TABS SECTION
                                                                                                ============================================ */
        .product-tabs-section {
            padding: 60px 0;
            background: var(--bg-light);
        }

        .tabs-container {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
        }

        .tabs-header {
            display: flex;
            border-bottom: 1px solid var(--border);
            overflow-x: auto;
        }

        .tab-btn {
            padding: 15px 25px;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-muted);
            background: none;
            border: none;
            border-bottom: 3px solid transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .tab-btn:hover {
            color: var(--text-dark);
            background: var(--bg-light);
        }

        .tab-btn.active {
            color: var(--primary);
            border-bottom-color: var(--gold);
        }

        .tab-content {
            display: none;
            padding: 30px;
            animation: fadeIn 0.4s ease;
        }

        .tab-content.active {
            display: block;
        }

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

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

        /* Description Content */
        .description-content {
            font-size: 14px;
            line-height: 1.7;
            color: var(--text-dark);
        }

        .description-content h3 {
            font-size: 17px;
            font-weight: 700;
            margin: 25px 0 12px;
            color: var(--primary);
        }

        .description-content ul {
            padding-left: 20px;
        }

        .description-content li {
            margin-bottom: 10px;
        }

        /* Specifications Table */
        .specs-table {
            width: 100%;
            border-collapse: collapse;
        }

        .specs-table tr {
            border-bottom: 1px solid var(--border);
        }

        .specs-table tr:last-child {
            border-bottom: none;
        }

        .specs-table th,
        .specs-table td {
            padding: 12px 15px;
            text-align: left;
            font-size: 13px;
        }

        .specs-table th {
            width: 200px;
            background: var(--bg-light);
            color: var(--text-muted);
            font-weight: 600;
        }

        .specs-table td {
            color: var(--text-dark);
        }

        /* Reviews Section */
        .reviews-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }

        .reviews-summary {
            display: flex;
            align-items: center;
            gap: 30px;
        }

        .rating-big {
            text-align: center;
        }

        .rating-number {
            font-size: 36px;
            font-weight: 800;
            color: var(--text-dark);
            line-height: 1;
        }

        .rating-stars-big {
            color: var(--gold);
            font-size: 16px;
            margin: 8px 0;
        }

        .rating-count {
            font-size: 13px;
            color: var(--text-muted);
        }

        .rating-bars {
            flex: 1;
            max-width: 300px;
        }

        .rating-bar-item {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 8px;
        }

        .rating-bar-label {
            font-size: 13px;
            color: var(--text-muted);
            width: 50px;
        }

        .rating-bar {
            flex: 1;
            height: 8px;
            background: #eee;
            border-radius: 4px;
            overflow: hidden;
        }

        .rating-bar-fill {
            height: 100%;
            background: var(--gold);
            border-radius: 4px;
        }

        .rating-bar-count {
            font-size: 13px;
            color: var(--text-muted);
            width: 30px;
            text-align: right;
        }

        .btn-write-review {
            padding: 12px 25px;
            background: var(--primary);
            color: #fff;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        .btn-write-review:hover {
            background: var(--primary-dark);
        }

        /* Review Item */
        .review-item {
            padding: 20px;
            background: var(--bg-light);
            border-radius: 12px;
            margin-bottom: 15px;
        }

        .review-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 15px;
        }

        .reviewer {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .reviewer-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            background: #ddd;
        }

        .reviewer-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .reviewer-info h5 {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 4px;
        }

        .reviewer-info .stars {
            color: var(--gold);
            font-size: 14px;
        }

        .review-date {
            font-size: 13px;
            color: var(--text-muted);
        }

        .review-text {
            font-size: 13px;
            line-height: 1.6;
            color: var(--text-dark);
        }

        .no-reviews {
            text-align: center;
            padding: 60px 20px;
        }

        .no-reviews i {
            font-size: 48px;
            color: #ddd;
            margin-bottom: 15px;
        }

        .no-reviews h4 {
            font-size: 16px;
            color: var(--text-dark);
            margin-bottom: 8px;
        }

        .no-reviews p {
            color: var(--text-muted);
            margin-bottom: 20px;
        }

        /* ============================================
                                                                                                   RELATED PRODUCTS
                                                                                                ============================================ */
        .related-section {
            padding: 60px 0;
            background: var(--bg-light);
        }

        .section-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .section-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 10px;
        }

        /* Remove any content before section titles */
        .section-title::before {
            content: none !important;
        }

        .section-subtitle {
            font-size: 15px;
            color: var(--text-muted);
        }

        /* Related Products Grid - Uses product-card component */
        .related-products-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
        }

        /* ============================================
                                                                                                   MOBILE RESPONSIVE - Consolidated & Optimized
                                                                                                ============================================ */

        /* Tablet breakpoint (max-width: 991px) - Horizontal thumbnails below image */
        @media (max-width: 991px) {
            .product-gallery {
                position: relative;
                top: 0;
            }

            .gallery-wrapper {
                flex-direction: column;
                align-items: center;
            }

            .gallery-main {
                order: -1;
                /* Main image first on mobile */
                max-width: 100%;
                width: 100%;
            }

            /* Hide thumbnails on mobile - use dot indicators for navigation */
            .gallery-thumbs-container {
                display: none;
            }

            .image-rating-badge {
                padding: 6px 10px;
                font-size: 12px;
            }

            .image-media-icon {
                width: 36px;
                height: 36px;
            }

            .gallery-top-bar {
                padding: var(--spacing-sm) var(--spacing-md);
                display: flex !important;
                justify-content: space-between !important;
                align-items: flex-start !important;
            }

            .product-badges {
                max-width: 65%;
                flex: 1;
            }

            .gallery-actions {
                flex-shrink: 0;
                margin-left: auto;
            }

            .product-badge {
                padding: 4px 8px;
                font-size: 9px;
            }

            .gallery-action-btn {
                width: 38px;
                height: 38px;
                min-width: 38px;
                min-height: 38px;
                font-size: 14px;
            }

            .media-type-tabs {
                justify-content: center;
            }

            .zoom-result {
                display: none !important;
            }

            .product-info {
                padding-left: 0;
                margin-top: var(--spacing-lg);
            }

            .product-title {
                font-size: 22px;
            }

            .current-price {
                font-size: 26px;
            }

            .trust-features {
                grid-template-columns: 1fr 1fr;
                gap: var(--spacing-md);
                padding: var(--spacing-lg);
            }

            .action-buttons {
                flex-direction: row;
                gap: 8px;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now {
                padding: 12px 10px;
                font-size: 13px;
                min-height: 44px;
            }

            .tabs-header {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .tabs-header::-webkit-scrollbar {
                display: none;
            }

            .tab-btn {
                padding: var(--spacing-md) 20px;
                font-size: 13px;
                white-space: nowrap;
            }

            .tab-content {
                padding: var(--spacing-lg);
            }

            .reviews-header {
                flex-direction: column;
                gap: var(--spacing-lg);
            }

            .reviews-summary {
                flex-direction: column;
                width: 100%;
                gap: var(--spacing-lg);
            }

            .rating-bars {
                max-width: 100%;
                width: 100%;
            }

            /* Related Products Grid responsive handled by component */
        }

        /* Mobile breakpoint (max-width: 768px) */
        @media (max-width: 768px) {
            .product-main {
                padding: var(--spacing-lg) 0 100px;
                /* Extra padding for sticky bar */
            }

            .product-title {
                font-size: 20px;
                line-height: 1.3;
            }

            .current-price {
                font-size: 24px;
            }

            .trust-features {
                grid-template-columns: 1fr;
                gap: var(--spacing-md);
            }

            .variant-options {
                gap: var(--spacing-sm);
            }

            .variant-option {
                padding: 10px 14px;
                font-size: 13px;
            }
        }

        /* Small mobile breakpoint (max-width: 576px) */
        @media (max-width: 576px) {
            .product-main {
                padding: var(--spacing-md) 0 100px;
            }

            .product-breadcrumb nav {
                font-size: 12px;
            }

            .gallery-thumb {
                width: 60px;
                height: 60px;
            }

            .product-badges {
                max-width: 55%;
                gap: var(--spacing-xs);
            }

            .product-badge {
                padding: 3px 6px;
                font-size: 8px;
            }

            .gallery-action-btn {
                width: 36px;
                height: 36px;
                min-width: 36px;
                min-height: 36px;
                font-size: 13px;
            }

            .media-type-tab {
                padding: 8px 12px;
                font-size: 11px;
            }

            .media-type-tab i {
                font-size: 12px;
            }

            .secondary-actions {
                flex-wrap: wrap;
            }

            .secondary-btn {
                flex: 1;
                min-width: 45%;
                justify-content: center;
                padding: 10px 12px;
                font-size: 12px;
            }

            .store-info {
                padding: 6px 12px 6px 6px;
            }

            .store-logo {
                width: 28px;
                height: 28px;
            }

            .store-name {
                font-size: 12px;
            }

            .product-category {
                font-size: 10px;
                padding: 4px 10px;
            }

            .price-row {
                gap: var(--spacing-sm);
            }

            .original-price {
                font-size: 14px;
            }

            .discount-badge {
                font-size: 11px;
                padding: 3px 8px;
            }

            .stock-status {
                font-size: 12px;
                padding: 8px 12px;
            }

            .variant-label {
                font-size: 12px;
                margin-bottom: var(--spacing-sm);
            }

            .quantity-section {
                margin-bottom: var(--spacing-md);
            }

            .trust-features {
                padding: var(--spacing-md);
            }

            .trust-icon {
                width: 32px;
                height: 32px;
                font-size: 14px;
            }

            .trust-text strong {
                font-size: 11px;
            }

            .trust-text span {
                font-size: 10px;
            }

            .product-meta {
                padding-top: var(--spacing-md);
            }

            .meta-item {
                font-size: 12px;
            }

            .meta-label {
                width: 80px;
            }

            /* Related Products Grid - Tablet */
            .related-products-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }
        }

        /* ============================================
                                                           ENHANCED MOBILE UI - OPTIMIZED
                                                        ============================================ */

        /* Mobile Sticky Bar - Frosted Glass Design */
        .mobile-sticky-bar {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            padding: 12px 16px;
            box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.12);
            z-index: 1000;
            gap: 10px;
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            padding-bottom: max(12px, env(safe-area-inset-bottom));
        }

        @media (max-width: 768px) {

            /* Hide mobile sticky bar - show action buttons inline instead */
            .mobile-sticky-bar {
                display: none !important;
            }

            /* Show action buttons below quantity on mobile - stacked */
            .action-buttons {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                flex-direction: column;
                gap: 12px;
                margin: 20px 0;
                width: 100%;
                min-height: auto;
                overflow: visible;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now {
                width: 100%;
                height: 50px !important;
                min-height: 50px !important;
                font-size: 14px;
                font-weight: 700;
                border-radius: 9999px;
                display: flex !important;
                visibility: visible !important;
                align-items: center;
                justify-content: center;
                gap: 8px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .action-buttons .btn-add-cart {
                background: #fff;
                color: #1e3a5f;
                border: 2px solid #1e3a5f;
            }

            .action-buttons .btn-buy-now {
                background: #D4AF37;
                color: #fff;
                border: none;
                box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25);
            }

            /* Sticky bar price info */
            .mobile-sticky-bar .sticky-price-info {
                display: flex;
                flex-direction: column;
                min-width: 80px;
            }

            .mobile-sticky-bar .sticky-price {
                font-size: 18px;
                font-weight: 700;
                color: var(--text-dark);
                line-height: 1.1;
            }

            .mobile-sticky-bar .sticky-discount {
                font-size: 10px;
                color: #22c55e;
                font-weight: 600;
            }
        }

        .mobile-sticky-bar .btn-add-cart,
        .mobile-sticky-bar .btn-buy-now {
            flex: 1;
            padding: 12px 16px;
            min-height: 46px;
            font-size: 13px;
            font-weight: 600;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .mobile-sticky-bar .btn-add-cart {
            background: #fff;
            color: #1a1a1a;
            border: 1.5px solid #1a1a1a;
        }

        .mobile-sticky-bar .btn-buy-now {
            background: #E8D5A3;
            color: #1a1a1a;
            border: none;
        }

        /* ============================================
                                                           MOBILE-FIRST OPTIMIZATIONS (max-width: 768px)
                                                        ============================================ */
        @media (max-width: 768px) {

            /* === GALLERY SECTION === */
            .gallery-main-image {
                border-radius: 12px;
                margin: 0;
                width: 100%;
            }

            .gallery-main-image img,
            .gallery-main-image video {
                border-radius: 12px;
            }

            .gallery-top-bar {
                padding: 10px 15px;
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                z-index: 100 !important;
                background: transparent;
                display: flex !important;
                justify-content: space-between !important;
                align-items: flex-start !important;
            }

            .gallery-action-btn {
                width: 44px;
                height: 44px;
                min-width: 44px;
                font-size: 16px;
                background: #ffffff;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            }

            .gallery-thumbs {
                margin-top: 12px;
                padding: 0 15px;
                justify-content: center;
                gap: 8px;
            }

            .gallery-thumb {
                width: 56px;
                height: 56px;
                border-radius: 8px;
                border-width: 2px;
            }

            /* === PRODUCT INFO === */
            .product-info {
                margin-top: 20px;
                padding: 0 !important;
            }

            .product-title {
                font-size: 22px;
                font-weight: 700;
                line-height: 1.35;
                margin-bottom: 10px;
            }

            .product-category {
                font-size: 11px;
                padding: 5px 12px;
                margin-bottom: 8px;
            }

            /* === PRICE SECTION - PROMINENT === */
            .price-block {
                background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
                border-radius: 12px;
                padding: 16px;
                margin: 16px 0;
                border: 1px solid #e9ecef;
            }

            .current-price {
                font-size: 28px;
                font-weight: 800;
                color: var(--primary);
                display: inline-flex;
                align-items: center;
            }

            .original-price {
                font-size: 16px;
            }

            .discount-badge {
                font-size: 12px;
                padding: 5px 10px;
                font-weight: 700;
                border-radius: 6px;
                background: #E8D5A3;
                color: #333333;
                border: 1px solid #d4c4a8;
            }

            .savings-text {
                display: block;
                font-size: 13px;
                color: #22c55e;
                font-weight: 600;
                margin-top: 6px;
            }

            .stock-status {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 13px;
                padding: 8px 14px;
                border-radius: 8px;
                margin-top: 8px;
            }

            /* === VARIANTS - TOUCH FRIENDLY === */
            .variant-section {
                margin: 20px 0;
            }

            .variant-label {
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 10px;
            }

            .variant-options {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }

            .variant-option {
                min-height: 46px;
                min-width: 46px;
                padding: 12px 18px;
                font-size: 14px;
                font-weight: 500;
                border-radius: 10px;
                border: 2px solid #e5e7eb;
                background: #fff;
                transition: all 0.2s ease;
            }

            .variant-option.active,
            .variant-option:active {
                border-color: var(--primary);
                background: rgba(30, 58, 95, 0.05);
                transform: scale(0.98);
            }

            .color-option {
                width: 46px;
                height: 46px;
                border-radius: 50%;
            }

            /* === QUANTITY SELECTOR === */
            .quantity-section {
                margin: 16px 0;
            }

            /* === TRUST FEATURES - HORIZONTAL SCROLL === */
            .trust-features {
                display: flex;
                overflow-x: auto;
                gap: 10px;
                padding: 12px 0;
                margin: 16px -15px;
                padding-left: 15px;
                padding-right: 15px;
                background: transparent;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .trust-features::-webkit-scrollbar {
                display: none;
            }

            .trust-item {
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 10px 14px;
                background: #f8f9fa;
                border-radius: 10px;
                border: 1px solid #e9ecef;
                white-space: nowrap;
            }

            .trust-icon {
                width: 28px;
                height: 28px;
                font-size: 12px;
                border-radius: 6px;
            }

            .trust-text {
                display: flex;
                flex-direction: column;
            }

            .trust-text strong {
                font-size: 11px;
                color: var(--text-dark);
            }

            .trust-text span {
                font-size: 9px;
                color: var(--text-muted);
            }

            /* === SECONDARY ACTIONS === */
            .secondary-actions {
                display: flex;
                gap: 10px;
                margin: 16px 0;
            }

            .secondary-btn {
                flex: 1;
                min-height: 46px;
                padding: 10px 14px;
                font-size: 13px;
                border-radius: 10px;
                justify-content: center;
            }

            .secondary-btn i {
                font-size: 16px;
            }

            /* === STORE INFO === */
            .store-info {
                padding: 8px 12px 8px 8px;
                border-radius: 10px;
            }

            .store-logo {
                width: 36px;
                height: 36px;
            }

            .store-name {
                font-size: 13px;
            }

            /* === DELIVERY CHECK === */
            .delivery-check {
                padding: 16px;
                border-radius: 12px;
                margin: 16px 0;
            }

            .delivery-check input {
                height: 46px;
                font-size: 15px;
                padding: 0 14px;
            }

            .delivery-check button {
                height: 46px;
                min-width: 80px;
                font-size: 13px;
            }

            /* === PRODUCT DETAILS ACCORDION === */
            .product-details-accordion {
                margin-top: 24px;
                padding-top: 20px;
            }

            .accordion-item {
                border-radius: 14px;
                margin-bottom: 10px;
                border: 1px solid #f0f0f0;
                background: #ffffff;
            }

            .accordion-header {
                padding: 16px 18px;
                font-size: 14px;
            }

            .accordion-header .header-title {
                gap: 12px;
            }

            .accordion-header .header-title i {
                width: 28px;
                height: 28px;
                font-size: 18px;
            }

            .accordion-content {
                padding: 0 18px 18px;
            }

            .accordion-content-inner {
                font-size: 13px;
                line-height: 1.7;
            }

            /* === PRODUCT META === */
            .product-meta {
                padding: 16px 0;
            }

            .meta-item {
                padding: 10px 0;
                font-size: 13px;
            }

            /* === RELATED PRODUCTS === */
            /* Related Products Grid - Mobile 2 columns */
            .related-products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }

            /* === BREADCRUMB === */
            .product-breadcrumb {
                padding: 10px 0;
                overflow-x: auto;
                white-space: nowrap;
                scrollbar-width: none;
            }

            .product-breadcrumb::-webkit-scrollbar {
                display: none;
            }

            .product-breadcrumb nav {
                font-size: 11px;
            }

            /* === TABS SECTION === */
            .product-tabs {
                margin-top: 25px;
            }

            .tabs-header {
                gap: 0;
                border-bottom: 1px solid #e9ecef;
            }

            .tab-btn {
                padding: 12px 16px;
                font-size: 13px;
                border-bottom: 2px solid transparent;
                margin-bottom: -1px;
            }

            .tab-btn.active {
                border-bottom-color: var(--primary);
            }

            .tab-content {
                padding: 20px 0;
            }

            /* === REVIEWS === */
            .reviews-summary {
                flex-direction: column;
                gap: 20px;
            }

            .rating-big {
                font-size: 48px;
            }

            .review-card {
                padding: 16px;
                border-radius: 12px;
            }
        }

        /* Extra small screens (max-width: 375px) */
        @media (max-width: 375px) {
            .product-title {
                font-size: 20px;
            }

            .current-price {
                font-size: 24px;
            }

            .variant-option {
                min-width: 44px;
                min-height: 44px;
                padding: 10px 14px;
                font-size: 13px;
            }

            .mobile-sticky-bar .sticky-price {
                font-size: 16px;
            }

            .mobile-sticky-bar .btn-add-cart,
            .mobile-sticky-bar .btn-buy-now {
                font-size: 12px;
                padding: 10px 12px;
            }
        }

        /* ============================================
                                       ENHANCED MOBILE UI - FINAL OPTIMIZATIONS
                                       ============================================ */
        @media (max-width: 767px) {

            /* === CONTAINER & SPACING === */
            .product-page {
                background: #fff;
            }

            .product-main {
                padding: 0 0 90px 0;
            }

            .product-main .container {
                padding: 0;
            }

            .product-main .row {
                margin: 0;
            }

            .product-main .col-lg-6 {
                padding: 0;
            }

            /* === BREADCRUMB - HIDDEN ON MOBILE === */
            .product-breadcrumb {
                display: none !important;
            }

            /* === GALLERY - IMMERSIVE DESIGN === */
            .product-gallery {
                position: relative;
                top: 0;
                margin: 0 -16px;
                width: calc(100% + 32px);
            }

            .gallery-wrapper {
                flex-direction: column;
                gap: 0;
                background: #fff;
                border-radius: 0;
                overflow: hidden;
                width: 100%;
            }

            /* Thumbnails first, then main image */
            .gallery-thumbs {
                order: 2;
            }

            .gallery-main {
                order: 1;
                border-radius: 0;
                background: #fff;
                position: relative;
                width: 100%;
                margin: 0;
                padding: 0;
            }

            .gallery-main-image {
                aspect-ratio: 1/1;
                width: 100%;
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fafafa;
                position: relative;
                margin: 0;
                border-radius: 12px;
                overflow: hidden;
            }

            .gallery-main-image img,
            .gallery-main-image video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 12px;
                box-shadow: none;
                display: block;
                padding: 0;
                margin: 0;
            }

            /* Mobile Gallery Spacing Fix */
            @media (max-width: 767px) {
                .product-gallery {
                    padding: 0 !important;
                    margin: 0 !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                }
            }

            /* === GALLERY TOP BAR === */
            .gallery-top-bar {
                padding: 12px 16px;
                background: transparent;
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                z-index: 100 !important;
                display: flex !important;
                justify-content: space-between !important;
                align-items: flex-start !important;
                transform: none !important;
                border-bottom: none !important;
                pointer-events: none;
            }

            .gallery-back-btn {
                pointer-events: auto;
                flex-shrink: 0;
            }

            .product-badges {
                max-width: 50%;
                gap: 6px;
                display: flex;
                flex-wrap: wrap;
                flex: 1 1 auto;
                align-items: flex-start;
            }

            .gallery-actions {
                position: static !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 6px;
                flex-shrink: 0;
                margin-left: auto;
                pointer-events: auto;
            }

            .gallery-actions .gallery-action-btn {
                width: 36px;
                height: 36px;
                min-width: 36px;
                min-height: 36px;
                font-size: 14px;
                border-radius: 10px;
            }

            .product-badge {
                padding: 4px 10px;
                font-size: 9px;
                font-weight: 700;
                border-radius: 4px;
                background: #ffffff !important;
                color: #1a1a1a !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                border: 1px solid rgba(0, 0, 0, 0.05);
                width: auto !important;
                flex: 0 0 auto !important;
                display: inline-flex !important;
            }

            .product-badge.badge-sale {
                background: #ef4444 !important;
                color: #fff !important;
                border: none;
                box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
            }

            .product-badge.badge-new {
                background: #22c55e !important;
                color: #fff !important;
                border: none;
                box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
                width: auto !important;
                max-width: fit-content !important;
            }

            .product-badge.badge-certified {
                background: #1e3a5f !important;
                color: #fff !important;
                border: none;
                box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3);
                width: auto !important;
                max-width: fit-content !important;
            }

            /* === GALLERY ACTION BUTTONS === */
            .gallery-action-btn {
                width: 44px;
                height: 44px;
                min-width: 44px;
                min-height: 44px;
                border-radius: 12px;
                background: #ffffff;
                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
                font-size: 16px;
                color: #374151;
                border: 1px solid rgba(0, 0, 0, 0.05);
                transition: all 0.2s ease;
            }

            .gallery-action-btn:active {
                transform: scale(0.95);
                box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
            }

            .gallery-action-btn.active {
                background: #ef4444;
                color: #fff;
                border-color: rgba(239, 68, 68, 0.3);
                box-shadow: 0 2px 12px rgba(239, 68, 68, 0.3);
            }

            /* === THUMBNAIL STRIP === */
            .gallery-thumbs {
                flex-direction: row;
                width: 100%;
                max-height: none;
                overflow-x: auto;
                overflow-y: hidden;
                padding: 12px 16px;
                gap: 12px;
                background: #fafafa;
                justify-content: flex-start;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                border-top: 1px solid #f0f0f0;
                order: 2;
                margin-top: 0;
            }

            .gallery-thumbs::-webkit-scrollbar {
                display: none;
            }

            .gallery-thumb {
                width: 72px;
                height: 72px;
                min-width: 72px;
                border-radius: 12px;
                border: 2px solid #e5e7eb;
                scroll-snap-align: start;
                background: #fff;
                overflow: hidden;
                transition: all 0.2s ease;
            }

            .gallery-thumb.active {
                border-color: #D4AF37;
                box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
                transform: scale(1.05);
            }

            .gallery-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            /* === MEDIA TYPE TABS === */
            .media-type-tabs {
                padding: 12px 16px;
                gap: 8px;
                background: #fff;
                border-top: 1px solid #f0f0f0;
                justify-content: center;
            }

            .media-type-tab {
                padding: 8px 14px;
                font-size: 12px;
                border-radius: 8px;
            }

            /* === PRODUCT INFO SECTION === */
            .product-info {
                padding: 20px 0 !important;
                margin-top: 0 !important;
                background: #fff;
            }

            /* === STORE INFO === */
            .store-info {
                margin-bottom: 16px;
                padding: 10px 14px 10px 10px;
                border-radius: 12px;
                background: #f8f9fa;
            }

            .store-logo {
                width: 36px;
                height: 36px;
            }

            .store-name {
                font-size: 13px;
            }

            /* === CATEGORY & TITLE === */
            .product-category {
                font-size: 10px;
                padding: 5px 10px;
                margin-bottom: 8px;
                background: linear-gradient(135deg, #f0f4ff 0%, #fef3f2 100%);
                border-radius: 6px;
            }

            .product-title {
                font-size: 20px;
                font-weight: 700;
                line-height: 1.35;
                margin-bottom: 12px;
                color: #111827;
            }

            /* === PRODUCT SUBTITLE === */
            .product-subtitle {
                font-size: 13px !important;
                margin-bottom: 12px !important;
            }

            /* === RATING DISPLAY === */
            .product-rating-display {
                margin-bottom: 16px !important;
                padding: 10px 14px;
                background: #fefce8;
                border-radius: 10px;
                border: 1px solid #fef08a;
            }

            .product-rating-display .stars {
                font-size: 14px !important;
            }

            /* === PRICE SECTION - PROMINENT === */
            .product-price-section {
                background: linear-gradient(135deg, #fefbf3 0%, #fff 100%);
                border: 1px solid #f0e6c8;
                border-radius: 16px;
                padding: 18px;
                margin-bottom: 20px;
            }

            .price-row {
                gap: 10px;
                margin-bottom: 8px;
            }

            .current-price {
                font-size: 28px;
                font-weight: 800;
                color: #1e3a5f;
            }

            .original-price {
                font-size: 15px;
            }

            .discount-badge {
                font-size: 11px;
                padding: 4px 10px;
                border-radius: 6px;
                background: #E8D5A3;
                color: #333333;
                border: 1px solid #d4c4a8;
            }

            .price-info {
                font-size: 12px;
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px dashed #e5e7eb;
            }

            /* === PRICE BREAKUP === */
            .price-breakup-btn {
                width: 20px;
                height: 20px;
                font-size: 12px;
            }

            .price-breakup-panel {
                min-width: 240px;
                left: -100px;
            }

            /* === STOCK STATUS === */
            .stock-status {
                font-size: 12px;
                padding: 10px 14px;
                border-radius: 10px;
                margin-bottom: 20px;
            }

            /* === VARIANT SECTION === */
            .variant-section {
                margin-bottom: 20px;
            }

            .variant-group {
                margin-bottom: 16px;
            }

            .variant-label {
                font-size: 13px;
                margin-bottom: 10px;
                color: #374151;
            }

            .variant-options {
                gap: 10px;
            }

            .variant-option {
                min-height: 44px;
                min-width: 44px;
                padding: 10px 16px;
                font-size: 14px;
                border-radius: 10px;
                border: 2px solid #e5e7eb;
                background: #fff;
            }

            .variant-option.active {
                border-color: #D4AF37;
                background: linear-gradient(135deg, #fffdf5, #fff9e6);
                box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.15);
            }

            .color-option {
                width: 44px;
                height: 44px;
            }

            /* === QUANTITY SELECTOR === */
            .quantity-section {
                margin-bottom: 12px;
            }

            /* === ACTION BUTTONS - VISIBLE ON MOBILE === */
            .action-buttons {
                display: flex !important;
                flex-direction: row;
                gap: 10px;
                margin: 12px 0;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now {
                flex: 1;
                height: 48px;
                font-size: 14px;
                font-weight: 600;
                border-radius: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
            }

            .action-buttons .btn-add-cart {
                background: #fff;
                color: #1a1a1a;
                border: 1.5px solid #1a1a1a;
            }

            .action-buttons .btn-buy-now {
                background: #E8D5A3;
                color: #1a1a1a;
                border: none;
            }

            /* === SECONDARY ACTIONS === */
            .secondary-actions {
                display: flex;
                gap: 10px;
                margin-bottom: 20px;
            }

            .secondary-btn {
                flex: 1;
                min-height: 48px;
                padding: 12px 16px;
                font-size: 13px;
                border-radius: 12px;
                justify-content: center;
                background: #f8f9fa;
                border: 1px solid #e5e7eb;
            }

            /* === DELIVERY CHECK SECTION === */
            .delivery-check-section {
                margin-top: 20px !important;
                padding: 18px !important;
                border-radius: 14px !important;
                background: linear-gradient(135deg, #fef7f0 0%, #fff 100%) !important;
                border: 1px solid #fed7aa;
            }

            .delivery-check-section h6 {
                font-size: 14px !important;
                margin-bottom: 14px !important;
            }

            .delivery-input-wrapper {
                gap: 10px !important;
            }

            .delivery-input-wrapper input {
                height: 48px !important;
                padding: 0 16px !important;
                font-size: 15px !important;
                border-radius: 10px !important;
            }

            .delivery-input-wrapper button {
                height: 48px !important;
                padding: 0 20px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
            }

            /* === TRUST FEATURES - HORIZONTAL SCROLL === */
            .trust-features {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto;
                gap: 12px;
                padding: 16px 0;
                margin: 20px -16px;
                padding-left: 16px;
                padding-right: 16px;
                background: transparent;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .trust-features::-webkit-scrollbar {
                display: none;
            }

            .trust-item {
                flex: 0 0 auto;
                min-width: 140px;
                padding: 14px;
                background: #fff;
                border-radius: 12px;
                border: 1px solid #e5e7eb;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
            }

            .trust-icon {
                width: 32px;
                height: 32px;
                font-size: 14px;
                border-radius: 8px;
            }

            .trust-text strong {
                font-size: 12px;
            }

            .trust-text span {
                font-size: 10px;
            }

            /* === JEWELRY HIGHLIGHTS CARD === */
            .jewelry-highlights-card {
                padding: 16px;
                border-radius: 14px;
                margin-bottom: 20px;
            }

            .jewelry-highlights-title {
                font-size: 12px;
                margin-bottom: 14px;
                padding-bottom: 10px;
            }

            .jewelry-highlights-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .jewelry-highlight-item {
                padding: 12px;
                border-radius: 10px;
            }

            /* === TRUST BADGES STRIP === */
            .trust-badges-strip {
                flex-direction: column;
                gap: 8px;
                padding: 14px;
                margin: 16px 0;
                border-radius: 12px;
            }

            .trust-badge-item {
                min-width: 100%;
                padding: 10px 14px;
                border-radius: 8px;
            }

            /* === ACCORDION SECTION === */
            .product-details-accordion {
                margin-top: 24px !important;
                padding-top: 20px !important;
            }

            .accordion-item {
                margin-bottom: 10px !important;
                border-radius: 14px !important;
                border: 1px solid #f0f0f0 !important;
                background: #ffffff !important;
            }

            .accordion-header {
                padding: 16px 18px !important;
                font-size: 14px !important;
            }

            .accordion-header .header-title {
                gap: 12px !important;
            }

            .accordion-header .header-title i {
                width: 28px !important;
                height: 28px !important;
                font-size: 18px !important;
            }

            .accordion-content {
                padding: 0 18px 18px !important;
            }

            .accordion-content-inner {
                font-size: 13px !important;
                line-height: 1.7 !important;
            }

            /* === PRODUCT META === */
            .product-meta {
                padding-top: 16px;
            }

            .meta-item {
                font-size: 13px;
                padding: 8px 0;
            }

            .meta-label {
                width: 90px;
            }

            /* === RELATED PRODUCTS SECTION === */
            .related-section {
                padding: 30px 0 120px;
                margin-top: 20px;
            }

            .section-header {
                padding: 0 16px;
                margin-bottom: 20px;
            }

            .section-title {
                font-size: 18px;
            }

            .section-subtitle {
                font-size: 13px;
            }

            .related-products-grid {
                padding: 0 16px;
            }

            /* === TABS SECTION === */
            .product-tabs-section {
                padding: 30px 0;
            }

            .tabs-container {
                border-radius: 0;
                box-shadow: none;
            }

            .tabs-header {
                padding: 0 16px;
                gap: 0;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            .tabs-header::-webkit-scrollbar {
                display: none;
            }

            .tab-btn {
                padding: 14px 16px;
                font-size: 12px;
                white-space: nowrap;
            }

            .tab-content {
                padding: 20px 16px;
            }

            /* === REVIEWS SECTION === */
            .reviews-header {
                flex-direction: column;
                gap: 20px;
            }

            .reviews-summary {
                flex-direction: column;
                gap: 16px;
                width: 100%;
            }

            .rating-big {
                text-align: center;
            }

            .rating-number {
                font-size: 42px;
            }

            .rating-bars {
                max-width: 100%;
                width: 100%;
            }

            .btn-write-review {
                width: 100%;
                padding: 14px 20px;
                font-size: 14px;
                border-radius: 12px;
            }

            .review-item {
                padding: 16px;
                border-radius: 14px;
                margin-bottom: 12px;
            }

            .reviewer-avatar {
                width: 40px;
                height: 40px;
            }

            /* === MOBILE STICKY BAR - FINAL === */
            .mobile-sticky-bar {
                display: flex !important;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background: #fff;
                padding: 12px 16px;
                padding-bottom: max(12px, env(safe-area-inset-bottom));
                box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
                z-index: 1000;
                border-top: 1px solid #e5e7eb;
                gap: 12px;
                align-items: center;
            }

            .sticky-price-info {
                flex: 0 0 auto;
                min-width: 80px;
            }

            .sticky-price-label {
                font-size: 10px;
                color: #6b7280;
                text-transform: uppercase;
                letter-spacing: 0.3px;
                margin-bottom: 2px;
            }

            .sticky-price {
                font-size: 18px;
                font-weight: 700;
                color: #111827;
                line-height: 1.2;
            }

            .sticky-add-btn {
                flex: 1;
                height: 50px;
                background: #E8D5A3;
                color: #1a1a1a;
                border: none;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 600;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                box-shadow: none;
                cursor: pointer;
            }

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

            /* === SHARE MODAL === */
            .share-modal {
                max-width: 100%;
                margin: 0;
                border-radius: 20px 20px 0 0;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                max-height: 85vh;
            }

            .share-modal-header {
                padding: 16px 20px;
            }

            .share-modal-header h3 {
                font-size: 16px;
            }

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

            .share-product-preview {
                padding: 12px;
                border-radius: 10px;
            }

            .share-product-preview img {
                width: 60px;
                height: 60px;
            }

            .share-buttons {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }

            .share-btn {
                padding: 12px 8px;
                font-size: 11px;
                border-radius: 10px;
            }

            .share-btn svg {
                width: 24px;
                height: 24px;
            }

            /* === FULLSCREEN BUTTON === */
            .fullscreen-btn {
                bottom: 16px;
                right: 16px;
                width: 44px;
                height: 44px;
                border-radius: 12px;
                font-size: 18px;
                background: rgba(0, 0, 0, 0.65) !important;
                backdrop-filter: blur(12px);
                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);
                border: 1px solid rgba(255, 255, 255, 0.2);
                color: #ffffff !important;
            }

            .fullscreen-btn:active {
                transform: scale(0.95);
                background: rgba(30, 58, 95, 0.9) !important;
                color: #fff;
            }

            /* === HIDE ZOOM ON MOBILE === */
            .magnifier-lens,
            .zoom-result {
                display: none !important;
            }
        }

        /* === EXTRA SMALL DEVICES (max-width: 360px) === */
        @media (max-width: 360px) {
            .product-title {
                font-size: 18px;
            }

            .current-price {
                font-size: 24px;
            }

            .gallery-main-image {
                min-height: auto;
                height: auto;
                aspect-ratio: 1/1;
                max-height: none;
            }

            .gallery-thumb {
                width: 56px;
                height: 56px;
                min-width: 56px;
            }

            .variant-option {
                min-height: 44px;
                min-width: 44px;
                padding: 8px 14px;
                font-size: 13px;
            }

            .sticky-price {
                font-size: 16px;
            }

            .sticky-add-btn {
                font-size: 13px;
                height: 46px;
            }
        }

        /* ============================================
                                                                                                   PROFESSIONAL MOBILE UI ENHANCEMENTS
                                                ============================================ */
        @media (max-width: 768px) {

            /* === MOBILE LAYOUT REORDER === */
            /* Sequence: Mobile Header (outside row) → Gallery → Product Info */
            .product-main .row {
                display: flex;
                flex-direction: column;
            }

            .product-main .col-lg-6:first-child {
                order: 1;
                /* Gallery FIRST (after mobile header) */
            }

            .product-main .col-lg-6:last-child {
                order: 2;
                /* Product info SECOND (below gallery) */
            }

            /* Show only name and metal info at top, hide rest initially */
            .product-info {
                display: flex;
                flex-direction: column;
            }

            /* Mobile Product Header - Name & Metal Info */
            /* Show on mobile as requested (above image) */
            /* .mobile-product-header is d-lg-none, so it shows on mobile by default */
            /* We don't need to force hide it anymore */

            .mobile-product-header {
                padding-bottom: 12px;
                margin-bottom: 12px;
                border-bottom: 1px solid #f0f0f0;
                padding-left: 0;
                padding-right: 0;
                text-align: left;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 12px;
            }

            .mobile-header-content {
                flex: 1;
                min-width: 0;
            }

            .mobile-header-discount {
                flex-shrink: 0;
                display: inline-block;
                background: #E8D5A3;
                color: #333333;
                padding: 4px 10px;
                border-radius: 4px;
                font-size: 11px;
                font-weight: 700;
                border: 1px solid #d4c4a8;
                white-space: nowrap;
            }

            .product-category-mobile {
                display: block;
                font-size: 11px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #D4AF37;
                margin-bottom: 6px;
                text-align: left;
            }

            .product-title-mobile {
                font-size: 18px;
                font-weight: 700;
                line-height: 1.3;
                color: #1e3a5f;
                margin: 0 0 8px 0;
                text-align: left;
            }

            .product-meta-mobile {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: flex-start;
                gap: 8px;
                margin: 0;
            }

            .product-meta-mobile span {
                background: #f5f7fa;
                color: #4b5563;
                font-size: 12px;
                font-weight: 500;
                padding: 4px 10px;
                border-radius: 4px;
                display: inline-block;
            }

            .product-meta-mobile .separator {
                display: none;
                /* Hide simple text separator */
            }

            /* Hide original product info title/category on mobile (since header is shown above) */
            .product-info>.product-category,
            .product-info>.product-title,
            .product-info>.product-subtitle {
                display: none !important;
            }

            /* === MAIN CONTAINER PADDING === */
            .product-main .container {
                padding: 0 16px;
            }

            /* === GALLERY - PROFESSIONAL LOOK === */
            .product-gallery {
                margin: 0;
                /* Remove margins, let container padding handle spacing */
                max-width: 100%;
                box-sizing: border-box;
            }

            .gallery-wrapper {
                background: #fff;
                display: flex;
                flex-direction: column;
            }

            /* Main image first, thumbnails below */
            .gallery-main {
                order: 1;
            }

            .gallery-thumbs-container {
                order: 2;
                padding: 0;
            }

            /* Hide navigation arrows on mobile - use swipe instead */
            .thumb-nav-btn {
                display: none;
            }

            .gallery-main-image {
                margin: 0;
                width: 100%;
                background: #fafafa;
                height: auto !important;
                aspect-ratio: 1/1 !important;
                max-height: 500px !important;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 0;
                position: relative;
                min-height: auto !important;
            }

            .gallery-main-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                padding: 0;
                cursor: pointer;
                max-height: none !important;
                border-radius: 0 !important;
            }

            /* === GALLERY BADGES - INSIDE IMAGE === */
            /* Styles moved to consolidated section above */

            /* === ACTION BUTTONS ON IMAGE === */
            /* Styles moved to consolidated section above */

            .gallery-action-btn.active {
                background: #ef4444;
                color: #fff;
            }

            /* === FULLSCREEN BUTTON - HIDDEN ON MOBILE === */
            .fullscreen-btn-wrapper,
            .fullscreen-btn,
            .image-media-icon {
                display: none !important;
            }

            /* === THUMBNAIL STRIP === */
            .gallery-thumbs {
                display: flex;
                justify-content: flex-start;
                gap: 12px;
                padding: 16px 20px;
                background: #fff;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
            }

            .gallery-thumbs::-webkit-scrollbar {
                display: none;
            }

            .gallery-thumb {
                width: 72px;
                height: 72px;
                min-width: 72px;
                border-radius: 12px;
                border: 2px solid #e5e7eb;
                overflow: hidden;
                opacity: 1;
                transition: all 0.2s ease;
                scroll-snap-align: start;
                background: #fff;
            }

            .gallery-thumb.active {
                border-color: #D4AF37;
                box-shadow: 0 2px 12px rgba(212, 175, 55, 0.35);
                transform: scale(1.02);
            }

            .gallery-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            /* === PRODUCT INFO SECTION === */
            .product-info {
                padding: 20px 0 !important;
                margin-top: 0 !important;
            }

            .product-category {
                display: inline-block;
                font-size: 11px;
                font-weight: 600;
                color: #6b7280;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                margin-bottom: 8px;
            }

            .product-title {
                font-size: 20px;
                font-weight: 700;
                color: #1a1a1a;
                line-height: 1.4;
                margin-bottom: 12px;
            }

            /* === RATING SECTION - COMPACT === */
            .product-rating-inline {
                display: flex;
                align-items: center;
                gap: 6px;
                margin-bottom: 10px;
            }

            .product-rating-inline .stars {
                display: flex;
                gap: 1px;
                color: #fbbf24;
                font-size: 12px;
            }

            .product-rating-inline .rating-text {
                font-size: 12px;
                color: #6b7280;
            }

            /* === PRICE SECTION - CLEAN === */
            .price-section-mobile {
                background: transparent;
                border: none;
                border-radius: 0;
                padding: 0;
                margin-bottom: 12px;
            }

            .price-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 6px;
            }

            .current-price {
                font-size: 26px;
                font-weight: 800;
                color: #1e3a5f;
            }

            .original-price {
                font-size: 16px;
                color: #9ca3af;
                text-decoration: line-through;
            }

            .discount-badge {
                display: inline-flex;
                align-items: center;
                padding: 4px 10px;
                background: #E8D5A3;
                color: #333333;
                font-size: 12px;
                font-weight: 700;
                border-radius: 6px;
                border: 1px solid #d4c4a8;
            }

            .savings-text {
                font-size: 13px;
                color: #16a34a;
                font-weight: 600;
            }

            .price-inclusive {
                font-size: 11px;
                color: #9ca3af;
                margin-top: 4px;
            }

            /* === ACTION BUTTONS - MOBILE === */
            .mobile-action-buttons {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-bottom: 20px;
            }

            .btn-add-cart-mobile {
                width: 100%;
                padding: 16px 24px;
                background: #fff;
                color: #1a1a1a;
                border: 1.5px solid #1a1a1a;
                border-radius: 30px;
                font-size: 15px;
                font-weight: 600;
                text-transform: none;
                letter-spacing: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                box-shadow: none;
                transition: all 0.2s ease;
            }

            .btn-add-cart-mobile:active {
                transform: scale(0.98);
                background: #f8f8f8;
            }

            .btn-buy-now-mobile {
                width: 100%;
                padding: 16px 24px;
                background: #E8D5A3;
                color: #1a1a1a;
                border: none;
                border-radius: 30px;
                font-size: 15px;
                font-weight: 600;
                text-transform: none;
                letter-spacing: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                transition: all 0.2s ease;
            }

            .btn-buy-now-mobile:active {
                background: #D4C48A;
            }

            /* === WISHLIST BUTTON === */
            .wishlist-btn-mobile {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 12px 20px;
                background: #f8f9fa;
                border: 1px solid #e5e7eb;
                border-radius: 10px;
                font-size: 13px;
                color: #4b5563;
                font-weight: 500;
            }

            .wishlist-btn-mobile i {
                font-size: 16px;
                color: #ef4444;
            }

            /* === DELIVERY CHECK CARD === */
            .delivery-check-card {
                background: linear-gradient(135deg, #fefbf3 0%, #fff9e6 100%);
                border: 1px solid #f0e6c8;
                border-radius: 16px;
                padding: 20px;
                margin: 20px 0;
            }

            .delivery-check-card h4 {
                font-size: 14px;
                font-weight: 600;
                color: #1e3a5f;
                margin-bottom: 14px;
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .delivery-check-card h4 i {
                color: #D4AF37;
            }

            .delivery-input-group {
                display: flex;
                gap: 10px;
            }

            .delivery-input-group input {
                flex: 1;
                height: 48px;
                padding: 0 16px;
                border: 1px solid #e5e7eb;
                border-radius: 12px;
                font-size: 15px;
                background: #fff;
            }

            .delivery-input-group input:focus {
                outline: none;
                border-color: #D4AF37;
            }

            .delivery-input-group button {
                height: 48px;
                padding: 0 24px;
                background: #1e3a5f;
                color: #fff;
                border: none;
                border-radius: 12px;
                font-size: 14px;
                font-weight: 600;
            }

            /* === SELLER INFO CARD === */
            .seller-card-mobile {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 14px 16px;
                background: #f8f9fa;
                border-radius: 12px;
                margin: 16px 0;
            }

            .seller-card-mobile img {
                width: 44px;
                height: 44px;
                border-radius: 10px;
                object-fit: cover;
            }

            .seller-card-mobile .seller-info {
                flex: 1;
            }

            .seller-card-mobile .seller-label {
                font-size: 11px;
                color: #6b7280;
            }

            .seller-card-mobile .seller-name {
                font-size: 14px;
                font-weight: 600;
                color: #1e3a5f;
            }

            .seller-card-mobile .view-store {
                font-size: 12px;
                color: #D4AF37;
                font-weight: 600;
            }

            /* === ACCORDIONS - PREMIUM === */
            .product-accordion {
                margin: 24px 0;
            }

            .accordion-item-mobile {
                background: #fff;
                border: 1px solid #e9ecef;
                border-radius: 14px;
                margin-bottom: 10px;
                overflow: hidden;
            }

            .accordion-header-mobile {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 16px 18px;
                cursor: pointer;
                transition: background 0.2s;
            }

            .accordion-header-mobile:active {
                background: #f8f9fa;
            }

            .accordion-header-mobile .header-left {
                display: flex;
                align-items: center;
                gap: 12px;
            }

            .accordion-header-mobile .header-left i {
                width: 32px;
                height: 32px;
                background: #f0f4f8;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                color: #1e3a5f;
            }

            .accordion-header-mobile .header-left span {
                font-size: 14px;
                font-weight: 600;
                color: #1a1a1a;
            }

            .accordion-header-mobile .toggle-icon {
                font-size: 14px;
                color: #9ca3af;
                transition: transform 0.3s;
            }

            .accordion-item-mobile.open .toggle-icon {
                transform: rotate(180deg);
            }

            .accordion-content-mobile {
                padding: 0 18px 18px;
                font-size: 14px;
                line-height: 1.7;
                color: #4b5563;
            }

            /* === RELATED PRODUCTS - FULL WIDTH === */
            .related-section {
                margin: 30px -16px 0;
                padding: 30px 16px 120px;
                background: #f8f9fa;
            }

            .section-title-mobile {
                text-align: center;
                margin-bottom: 20px;
            }

            .section-title-mobile h2 {
                font-size: 20px;
                font-weight: 700;
                color: #1a1a1a;
                margin-bottom: 6px;
            }

            .section-title-mobile p {
                font-size: 13px;
                color: #6b7280;
            }

            /* === MOBILE STICKY BAR - REDESIGNED === */
            .mobile-sticky-bar {
                display: flex;
                align-items: center;
                padding: 14px 16px;
                gap: 12px;
                background: #fff;
                backdrop-filter: none;
                border-top: 1px solid #e9ecef;
                box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
            }

            .sticky-price-info {
                flex: 0 0 auto;
            }

            .sticky-price-label {
                font-size: 10px;
                color: #6b7280;
                text-transform: uppercase;
                letter-spacing: 0.3px;
            }

            .sticky-price {
                font-size: 18px;
                font-weight: 700;
                color: #1a1a1a;
                line-height: 1.2;
            }

            .sticky-add-btn {
                flex: 1;
                height: 48px;
                background: #E8D5A3;
                color: #1a1a1a;
                border: none;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 600;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                box-shadow: none;
            }

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

            /* === HIDE BOTTOM NAV OVERLAP === */
            .mobile-bottom-nav+.mobile-sticky-bar {
                bottom: 75px;
            }
        }

        /* ============================================
                                   MOBILE REDESIGN 2024 - Enhanced UX
                                   ============================================ */
        @media (max-width: 768px) {

            /* === SWIPEABLE IMAGE GALLERY === */
            .gallery-main-swipe {
                position: relative;
                width: 100%;
                overflow: hidden;
            }

            .gallery-main-swipe .swipe-container {
                display: flex;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .gallery-main-swipe .swipe-container::-webkit-scrollbar {
                display: none;
            }

            .gallery-main-swipe .swipe-slide {
                flex: 0 0 100%;
                scroll-snap-align: start;
                scroll-snap-stop: always;
            }

            /* Hide thumbnail nav arrows on mobile */
            .thumb-nav-btn {
                display: none !important;
            }

            /* Larger thumbnails for mobile */
            .gallery-thumbs {
                padding: 12px 16px;
                gap: 10px;
                background: #f8f9fa;
                justify-content: flex-start;
            }

            .gallery-thumb {
                width: 68px;
                height: 68px;
                min-width: 68px;
                border-radius: 10px;
                border: 2px solid #e5e7eb;
                transition: all 0.2s ease;
            }

            .gallery-thumb.active {
                border-color: #D4AF37;
                box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
            }

            /* === ENHANCED PRICE CARD === */
            .product-price-section {
                background: linear-gradient(135deg, #fffbf0 0%, #fff 100%);
                border: 1px solid #f0e6c8;
                border-radius: 12px;
                padding: 14px;
                margin: 12px 0 16px;
                box-shadow: 0 2px 8px rgba(212, 175, 55, 0.06);
            }

            .current-price {
                font-size: 22px !important;
                font-weight: 700 !important;
                color: #1e3a5f !important;
                letter-spacing: -0.3px;
            }

            .original-price {
                font-size: 13px !important;
                color: #9ca3af !important;
            }

            .discount-badge {
                font-size: 10px !important;
                padding: 4px 8px !important;
                border-radius: 4px !important;
                background: #E8D5A3 !important;
                color: #333333 !important;
                border: 1px solid #d4c4a8 !important;
                font-weight: 600 !important;
            }

            /* Savings highlight */
            .savings-text {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                background: #dcfce7;
                color: #16a34a;
                padding: 6px 10px;
                border-radius: 6px;
                font-size: 11px;
                font-weight: 600;
                margin-top: 8px;
            }

            .savings-text i {
                font-size: 12px;
            }

            /* === ENHANCED VARIANT SELECTION === */
            .variant-section {
                margin: 14px 0;
            }

            .variant-label {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: #374151 !important;
                margin-bottom: 8px !important;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .variant-options {
                gap: 8px !important;
            }

            .variant-option {
                min-height: 44px !important;
                min-width: 44px !important;
                padding: 8px 14px !important;
                font-size: 13px !important;
                font-weight: 600 !important;
                border-radius: 8px !important;
                border: 1.5px solid #e5e7eb !important;
                background: #fff !important;
                transition: all 0.2s ease !important;
            }

            .variant-option:active {
                transform: scale(0.96);
            }

            .variant-option.active {
                border-color: #D4AF37 !important;
                background: linear-gradient(135deg, #fffbf0 0%, #fff9e6 100%) !important;
                box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.12) !important;
                color: #1e3a5f !important;
            }

            /* Color swatches */
            .color-option {
                width: 36px !important;
                height: 36px !important;
                border: 2px solid #fff !important;
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
            }

            .color-option.active {
                box-shadow: 0 0 0 2px #D4AF37, 0 2px 6px rgba(0, 0, 0, 0.12) !important;
            }

            /* Unavailable variant strikethrough */
            .variant-option.unavailable {
                position: relative;
                opacity: 0.5;
                background: #f3f4f6 !important;
            }

            .variant-option.unavailable::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 10%;
                right: 10%;
                height: 1px;
                background: #9ca3af;
                transform: rotate(-10deg);
            }

            /* === QUANTITY SELECTOR === */
            .quantity-section {
                margin: 10px 0;
            }

            /* === ACTION BUTTONS - SHOW ON MOBILE (STACKED) === */
            .action-buttons {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin: 20px 0 !important;
                width: 100% !important;
                overflow: visible !important;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now,
            .action-buttons a.btn-add-cart,
            .action-buttons button.btn-add-cart,
            .action-buttons a.btn-buy-now {
                flex: none !important;
                width: 100% !important;
                height: 50px !important;
                min-height: 50px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                border-radius: 9999px !important;
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                text-decoration: none !important;
                cursor: pointer !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
            }

            .action-buttons .btn-add-cart,
            .action-buttons a.btn-add-cart,
            .action-buttons button.btn-add-cart {
                background: #fff !important;
                color: #1e3a5f !important;
                border: 2px solid #1e3a5f !important;
                box-shadow: none !important;
            }

            .action-buttons .btn-add-cart.in-cart,
            .action-buttons a.btn-add-cart.in-cart {
                background: #e8f5e9 !important;
                border-color: #28a745 !important;
                color: #28a745 !important;
            }

            .action-buttons .btn-buy-now,
            .action-buttons a.btn-buy-now {
                background: #D4AF37 !important;
                color: #fff !important;
                border: none !important;
                box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25) !important;
            }

            /* === MOBILE STICKY BAR - HIDDEN (using inline buttons instead) === */
            .mobile-sticky-bar#mobileStickyBar {
                display: none !important;
            }

            /* Bottom padding - reduced since no sticky bar */
            .product-page {
                padding-bottom: 20px !important;
            }

            .mobile-sticky-bar .sticky-thumb {
                width: 48px;
                height: 48px;
                border-radius: 10px;
                overflow: hidden;
                flex-shrink: 0;
                border: 1px solid #e5e7eb;
            }

            .mobile-sticky-bar .sticky-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .mobile-sticky-bar .sticky-price-info {
                flex: 0 0 auto;
                min-width: 70px;
            }

            .mobile-sticky-bar .sticky-price {
                font-size: 18px !important;
                font-weight: 800 !important;
                color: #1e3a5f !important;
                line-height: 1.1;
            }

            .mobile-sticky-bar .sticky-original {
                font-size: 11px;
                color: #9ca3af;
                text-decoration: line-through;
            }

            .mobile-sticky-bar .btn-add-cart,
            .mobile-sticky-bar .btn-buy-now {
                width: 48px !important;
                height: 48px !important;
                min-width: 48px !important;
                flex: 0 0 auto !important;
                font-size: 20px !important;
                border-radius: 50% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                transition: transform 0.1s ease !important;
            }

            .mobile-sticky-bar .btn-add-cart {
                background: #fff !important;
                color: #1a1a1a !important;
                border: 1.5px solid #1a1a1a !important;
            }

            .mobile-sticky-bar .btn-add-cart:active,
            .mobile-sticky-bar .btn-buy-now:active {
                transform: scale(0.95) !important;
            }

            .mobile-sticky-bar .btn-buy-now {
                background: #E8D5A3 !important;
                color: #1a1a1a !important;
                border: none !important;
                box-shadow: none !important;
            }

            .mobile-sticky-bar .btn-add-cart:active,
            .mobile-sticky-bar .btn-buy-now:active {
                transform: scale(0.97) !important;
            }

            /* === HORIZONTAL SCROLLING TRUST BADGES === */
            .trust-badges-strip {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                gap: 10px !important;
                padding: 14px 16px !important;
                margin: 0 -16px !important;
                background: #f8f9fa !important;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .trust-badges-strip::-webkit-scrollbar {
                display: none;
            }

            .trust-badge-item {
                flex: 0 0 auto !important;
                min-width: auto !important;
                padding: 10px 16px !important;
                border-radius: 10px !important;
                font-size: 12px !important;
                white-space: nowrap !important;
            }

            /* === SIMPLIFIED JEWELRY HIGHLIGHTS === */
            .jewelry-highlights-card {
                padding: 16px !important;
                margin: 16px 0 !important;
                border-radius: 14px !important;
            }

            .jewelry-highlights-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
            }

            .jewelry-highlight-item {
                padding: 12px !important;
                border-radius: 10px !important;
            }

            .jewelry-highlight-icon {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }

            .jewelry-highlight-label {
                font-size: 10px !important;
            }

            .jewelry-highlight-value {
                font-size: 13px !important;
            }

            /* === SMOOTHER ACCORDIONS === */
            .accordion-item {
                border-radius: 14px !important;
                margin-bottom: 10px !important;
                border: 1px solid #f0f0f0 !important;
                overflow: hidden;
            }

            .accordion-header {
                padding: 16px 18px !important;
                background: #fff !important;
            }

            .accordion-header .header-title {
                font-size: 15px !important;
                font-weight: 600 !important;
                gap: 12px !important;
            }

            .accordion-header .header-title i {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
                border-radius: 10px !important;
            }

            .accordion-content {
                padding: 0 18px 18px !important;
                animation: slideDown 0.3s ease;
            }

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

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

            /* === OFFER BANNER - WARM GOLD CARD === */
            .offer-banner {
                background: #F2E8CF !important;
                border: 1px solid rgba(212, 175, 55, 0.2) !important;
                border-style: solid !important;
                border-radius: 12px !important;
                padding: 12px 14px !important;
                margin: 14px 0 !important;
            }

            .offer-banner .offer-text {
                font-size: 11px !important;
            }

            .offer-banner .offer-text i {
                color: #D4AF37 !important;
            }

            .offer-banner .coupon-code {
                background: #fff !important;
                border: 1px solid #9ca3af !important;
                padding: 2px 6px !important;
                border-radius: 4px !important;
                font-weight: 600 !important;
                font-size: 11px !important;
                color: #1a1a1a !important;
            }

            .offer-banner .copy-code-btn {
                background: #fff !important;
                color: #D4AF37 !important;
                border: 1px solid rgba(212, 175, 55, 0.3) !important;
                border-radius: 6px !important;
                padding: 5px 12px !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }

            /* === DELIVERY CHECK SECTION - CARD === */
            .delivery-check-section {
                border-radius: 12px !important;
                padding: 16px !important;
                margin-top: 20px !important;
                background: #f8f9fa !important;
                border: 1px solid #e9ecef !important;
            }

            .delivery-check-section h6 {
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #6b7280 !important;
                margin-bottom: 12px !important;
            }

            .delivery-check-section h6 i {
                color: #D4AF37 !important;
            }

            .delivery-check-section input {
                height: 44px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
                background: #fff !important;
                border: 1px solid #e5e7eb !important;
            }

            .delivery-check-section button {
                height: 44px !important;
                min-width: 80px !important;
                border-radius: 10px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                background: #1a1a1a !important;
            }

            /* === STORE INFO ENHANCED === */
            .store-info {
                padding: 12px 16px 12px 12px !important;
                border-radius: 14px !important;
                margin-top: 20px !important;
                background: #f8f9fa !important;
            }

            .store-logo {
                width: 40px !important;
                height: 40px !important;
            }

            /* === REVIEWS SECTION === */
            .reviews-section {
                padding: 20px 16px !important;
            }

            .review-form-mobile {
                background: #f8f9fa;
                border-radius: 14px;
                padding: 20px;
                margin-top: 20px;
            }

            .star-rating-input {
                display: flex;
                gap: 8px;
                margin: 16px 0;
            }

            .star-rating-input .star {
                width: 48px;
                height: 48px;
                font-size: 28px;
                color: #d1d5db;
                cursor: pointer;
                transition: all 0.2s ease;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .star-rating-input .star.active,
            .star-rating-input .star:hover {
                color: #D4AF37;
                transform: scale(1.1);
            }

            /* === PERFORMANCE OPTIMIZATIONS === */
            .product-page {
                contain: layout style paint;
            }

            .gallery-main-image,
            .gallery-thumb,
            .variant-option,
            .btn-add-cart,
            .btn-buy-now {
                will-change: transform;
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
            }

            /* Disable heavy effects on low-end devices */
            @media (prefers-reduced-motion: reduce) {

                .gallery-dot,
                .variant-option,
                .btn-add-cart,
                .btn-buy-now,
                .accordion-content {
                    transition: none !important;
                    animation: none !important;
                }

                .discount-badge {
                    animation: none !important;
                }
            }

            /* === SAFE AREA INSETS === */
            .product-page {
                padding-bottom: calc(80px + env(safe-area-inset-bottom));
            }

            /* Hide desktop-only elements */
            .magnifier-lens,
            .zoom-result {
                display: none !important;
            }

            /* Size guide link */
            .size-guide-link {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;
                padding: 5px 10px !important;
                background: #fef3c7 !important;
                border-radius: 6px !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                color: #d97706 !important;
                margin-left: 8px !important;
            }

            .size-guide-link i {
                font-size: 11px !important;
            }
        }

        /* Extra small screens adjustments */
        @media (max-width: 375px) {
            .product-title-mobile {
                font-size: 14px !important;
            }

            .product-meta-mobile {
                font-size: 10px !important;
            }

            .current-price {
                font-size: 18px !important;
            }

            .original-price {
                font-size: 11px !important;
            }

            .variant-option {
                min-width: 44px !important;
                min-height: 44px !important;
                padding: 8px 12px !important;
                font-size: 12px !important;
            }

            .jewelry-highlights-grid {
                grid-template-columns: 1fr !important;
            }
        }

        /* ============================================
                                                                                                   SHARE MODAL STYLES
                                                                                                ============================================ */
        .share-modal-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(0, 0, 0, 0.6) !important;
            backdrop-filter: blur(4px);
            z-index: 2147483647 !important;
            /* Max z-index */
            display: flex;
            align-items: center !important;
            justify-content: center !important;
            padding: 20px;
            animation: fadeIn 0.2s ease;
            margin: 0 !important;
        }

        .share-modal {
            background: #fff;
            border-radius: 16px;
            width: 100%;
            max-width: 480px;
            position: relative;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
            animation: slideUp 0.3s ease;
            margin: auto;
        }

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

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

        .share-modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 25px;
            border-bottom: 1px solid var(--border);
            background: var(--bg-light);
        }

        .share-modal-header h3 {
            font-size: 18px;
            font-weight: 700;
            color: var(--text-dark);
            margin: 0;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .share-modal-header h3 i {
            color: var(--gold);
        }

        .share-modal-close {
            width: 36px;
            height: 36px;
            border: none;
            background: #fff;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            transition: all 0.2s;
        }

        .share-modal-close:hover {
            background: #ffebee;
            color: var(--danger);
        }

        .share-modal-body {
            padding: 25px;
        }

        .share-product-preview {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px;
            background: var(--bg-light);
            border-radius: 12px;
            margin-bottom: 25px;
        }

        .share-product-preview img {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 10px;
        }

        .share-product-info h4 {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-dark);
            margin: 0 0 5px;
            line-height: 1.4;
        }

        .share-product-price {
            font-size: 16px;
            font-weight: 700;
            color: var(--primary);
            margin: 0;
        }

        .share-link-section {
            margin-bottom: 25px;
        }

        .share-link-section label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .share-link-input-group {
            display: flex;
            gap: 10px;
        }

        .share-link-input-group input {
            flex: 1;
            padding: 12px 15px;
            border: 2px solid var(--border);
            border-radius: 10px;
            font-size: 13px;
            color: var(--text-dark);
            background: var(--bg-light);
        }

        .share-link-input-group input:focus {
            outline: none;
            border-color: var(--gold);
        }

        .copy-btn {
            padding: 12px 20px;
            background: var(--primary);
            color: #fff;
            border: none;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s;
            white-space: nowrap;
        }

        .copy-btn:hover {
            background: var(--primary-dark);
        }

        .copy-btn.copied {
            background: var(--success);
        }

        .share-link-note {
            font-size: 12px;
            color: var(--text-muted);
            margin: 10px 0 0;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .share-buttons {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .share-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            padding: 15px 10px;
            border: 2px solid var(--border);
            border-radius: 12px;
            background: #fff;
            cursor: pointer;
            transition: all 0.2s;
            font-size: 12px;
            font-weight: 600;
            color: var(--text-dark);
        }

        .share-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .share-btn svg {
            width: 28px;
            height: 28px;
        }

        .share-btn.whatsapp {
            border-color: #25D366;
            color: #25D366;
        }

        .share-btn.whatsapp:hover {
            background: #25D366;
            color: #fff;
        }

        .share-btn.facebook {
            border-color: #1877F2;
            color: #1877F2;
        }

        .share-btn.facebook:hover {
            background: #1877F2;
            color: #fff;
        }

        .share-btn.twitter {
            border-color: #000;
            color: #000;
        }

        .share-btn.twitter:hover {
            background: #000;
            color: #fff;
        }

        .share-btn.telegram {
            border-color: #0088cc;
            color: #0088cc;
        }

        .share-btn.telegram:hover {
            background: #0088cc;
            color: #fff;
        }

        .share-btn.email {
            border-color: #EA4335;
            color: #EA4335;
        }

        .share-btn.email:hover {
            background: #EA4335;
            color: #fff;
        }

        @media (max-width: 480px) {
            .share-buttons {
                grid-template-columns: repeat(2, 1fr);
            }

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

        /* ============================================
                                       SELLER MODAL STYLES
                                    ============================================ */
        .seller-modal-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(0, 0, 0, 0.6) !important;
            backdrop-filter: blur(4px);
            z-index: 2147483647 !important;
            display: none;
            align-items: center !important;
            justify-content: center !important;
            padding: 20px;
            animation: fadeIn 0.2s ease;
            margin: 0 !important;
        }

        .seller-modal-overlay.active {
            display: flex;
        }

        .seller-modal {
            background: #fff;
            border-radius: 20px;
            width: 100%;
            max-width: 900px;
            position: relative;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
            animation: slideUp 0.3s ease;
            margin: auto;
        }

        .seller-modal-header {
            background: linear-gradient(135deg, #1e3a5f 0%, #0d2137 100%);
            padding: 30px;
            border-radius: 20px 20px 0 0;
            position: relative;
            overflow: hidden;
        }

        .seller-modal-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(212,175,55,0.1)" stroke-width="0.5"/></svg>');
            opacity: 0.5;
        }

        .seller-modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            border: none;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            transition: all 0.2s;
            z-index: 10;
        }

        .seller-modal-close:hover {
            background: rgba(255, 255, 255, 0.25);
            transform: rotate(90deg);
        }

        .seller-header-content {
            display: flex;
            align-items: center;
            gap: 20px;
            position: relative;
            z-index: 1;
        }

        .seller-logo-wrapper {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: #fff;
            padding: 6px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            flex-shrink: 0;
        }

        .seller-logo-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .seller-header-info {
            flex: 1;
        }

        .seller-header-info h3 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            margin: 0 0 8px 0;
        }

        .seller-header-info .seller-rating {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 6px;
        }

        .seller-rating .stars {
            display: flex;
            gap: 2px;
            color: #D4AF37;
            font-size: 14px;
        }

        .seller-rating .rating-text {
            color: rgba(255, 255, 255, 0.8);
            font-size: 13px;
        }

        .seller-header-info .seller-since {
            display: inline-block;
            background: rgba(212, 175, 55, 0.2);
            color: #D4AF37;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
        }

        .seller-modal-body {
            padding: 25px 30px;
        }

        .seller-contact-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 25px;
        }

        .seller-contact-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 14px;
            background: #f8f9fa;
            border-radius: 12px;
            border: 1px solid #e9ecef;
        }

        .seller-contact-item .contact-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #D4AF37 0%, #c9a227 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 16px;
            flex-shrink: 0;
        }

        .seller-contact-item .contact-info {
            flex: 1;
            min-width: 0;
        }

        .seller-contact-item .contact-label {
            font-size: 11px;
            color: #6b7280;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 2px;
        }

        .seller-contact-item .contact-value {
            font-size: 13px;
            font-weight: 600;
            color: #1e3a5f;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .seller-contact-item .contact-value a {
            color: #1e3a5f;
            text-decoration: none;
        }

        .seller-contact-item .contact-value a:hover {
            color: #D4AF37;
        }

        .seller-products-section {
            margin-top: 10px;
        }

        .seller-products-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .seller-products-header h4 {
            font-size: 18px;
            font-weight: 700;
            color: #1e3a5f;
            margin: 0;
        }

        .seller-products-header .view-all-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            background: linear-gradient(135deg, #D4AF37 0%, #c9a227 100%);
            color: #fff;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
        }

        .seller-products-header .view-all-link:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
        }

        .seller-products-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
        }

        .seller-product-card {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 14px;
            overflow: hidden;
            transition: all 0.2s;
        }

        .seller-product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        .seller-product-card .product-img {
            width: 100%;
            height: 140px;
            object-fit: cover;
        }

        .seller-product-card .product-info {
            padding: 12px;
        }

        .seller-product-card .product-name {
            font-size: 13px;
            font-weight: 600;
            color: #1a1a1a;
            margin: 0 0 6px 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 36px;
            line-height: 1.35;
        }

        .seller-product-card .product-price {
            font-size: 15px;
            font-weight: 700;
            color: #1e3a5f;
        }

        .seller-no-products {
            text-align: center;
            padding: 40px 20px;
            background: #f8f9fa;
            border-radius: 12px;
        }

        .seller-no-products i {
            font-size: 40px;
            color: #ccc;
            margin-bottom: 12px;
        }

        .seller-no-products p {
            color: #6b7280;
            font-size: 14px;
            margin: 0;
        }

        /* Clickable seller link */
        .store-info a.seller-modal-trigger {
            cursor: pointer;
            transition: color 0.2s;
        }

        .store-info a.seller-modal-trigger:hover {
            color: #D4AF37;
        }

        @media (max-width: 768px) {
            .seller-modal {
                max-width: 100%;
                max-height: 85vh;
                border-radius: 20px 20px 0 0;
                margin-top: auto;
                margin-bottom: 0;
            }

            .seller-modal-header {
                padding: 24px 20px;
                border-radius: 20px 20px 0 0;
            }

            .seller-header-content {
                flex-direction: column;
                text-align: center;
            }

            .seller-logo-wrapper {
                width: 80px;
                height: 80px;
            }

            .seller-header-info h3 {
                font-size: 20px;
            }

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

            .seller-contact-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

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

            .seller-product-card .product-img {
                height: 120px;
            }

            .seller-products-header {
                flex-direction: column;
                gap: 12px;
                align-items: stretch;
            }

            .seller-products-header .view-all-link {
                justify-content: center;
            }
        }

        /* FIX for Mobile Gallery Dots and Spacing */
        @media (max-width: 991px) {
            .product-main {
                padding: 10px 0 20px !important;
                overflow-x: hidden;
                /* Prevent horizontal overflow */
            }

            .product-main .container {
                padding-left: 16px !important;
                padding-right: 16px !important;
                overflow-x: hidden;
            }

            /* Reset Bootstrap row negative margins on mobile */
            .product-main .row {
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            /* Reset Bootstrap column padding on mobile for gallery column */
            .product-main .col-lg-6 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .product-gallery {
                padding: 0;
                margin: 0;
                max-width: 100%;
                box-sizing: border-box;
            }

            .gallery-wrapper {
                gap: 0;
            }

            .gallery-main {
                border: none;
                background: transparent;
                border-radius: 0;
            }

            /* Mobile Gallery Image - Fixed Height */
            .gallery-main-image {
                border-radius: 0;
                overflow: hidden;
                position: relative !important;
                width: 100% !important;
                min-height: auto !important;
                height: auto !important;
                aspect-ratio: 1/1 !important;
                max-height: none !important;
                display: flex !important;
                align-items: center;
                justify-content: center;
                background: #f8f9fa;
            }

            .gallery-main-image img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
            }

            /* Dot Indicators - Overlay on Image */
            .gallery-dots {
                display: flex !important;
                position: absolute !important;
                bottom: 20px !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
                z-index: 100 !important;
                background: rgba(0, 0, 0, 0.4);
                padding: 8px 14px;
                border-radius: 16px;
                gap: 8px;
            }

            .gallery-dot {
                width: 8px !important;
                height: 8px !important;
                background: rgba(255, 255, 255, 0.5) !important;
                border: none !important;
                padding: 0 !important;
                border-radius: 50% !important;
                transition: all 0.3s ease;
            }

            .gallery-dot.active {
                background: #fff !important;
                width: 20px !important;
                border-radius: 4px !important;
            }

            /* Hide desktop gallery and thumbnails on mobile */
            .gallery-thumbs-container {
                display: none !important;
            }

            .desktop-gallery {
                display: none !important;
            }

            /* Mobile Horizontal Scroll Slider */
            .mobile-gallery-slider {
                display: block !important;
                position: relative;
                z-index: 1;
                width: 100%;
                aspect-ratio: 1/1;
                overflow: hidden;
                background: #f8f9fa;
                border-radius: 12px;
            }

            .mobile-gallery-track {
                display: flex;
                width: 100%;
                height: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .mobile-gallery-track::-webkit-scrollbar {
                display: none;
            }

            .mobile-gallery-slide {
                flex: 0 0 100%;
                width: 100%;
                height: 100%;
                scroll-snap-align: start;
                scroll-snap-stop: always;
                position: relative;
                background: #f0f0f0;
            }

            .mobile-gallery-slide::after {
                content: '';
                position: absolute;
                inset: 0;
                z-index: 0;
                background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
                background-size: 200% 100%;
                animation: galleryShimmer 1.5s ease-in-out infinite;
            }

            .mobile-gallery-slide.img-loaded::after {
                display: none;
            }

            .mobile-gallery-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            /* Tap-to-fullscreen expand icon */
            .mobile-expand-hint {
                position: absolute;
                bottom: 50px;
                right: 12px;
                width: 36px;
                height: 36px;
                background: rgba(255, 255, 255, 0.85);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 25;
                box-shadow: 0 2px 8px rgba(0,0,0,0.15);
                pointer-events: none;
            }

            .mobile-expand-hint i {
                font-size: 14px;
                color: #333;
            }

            /* Badges Overlay Fix for Mobile */
            .gallery-top-bar {
                position: absolute !important;
                top: 10px !important;
                left: 10px !important;
                right: 10px !important;
                z-index: 100 !important;
                padding: 0 !important;
                background: transparent !important;
                pointer-events: none;
                display: flex !important;
                align-items: flex-start !important;
                justify-content: space-between !important;
            }

            /* Back button and badges wrapper */
            .gallery-back-btn {
                pointer-events: auto;
                flex-shrink: 0;
            }

            .product-badges {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 5px !important;
                flex: 1;
            }

            .gallery-actions {
                pointer-events: auto;
                flex-shrink: 0;
            }
        }

        /* ============================================
                               CONSOLIDATED MOBILE IMPROVEMENTS (Updated)
                               ============================================ */
        @media (max-width: 767px) {

            /* === CONSISTENT CONTAINER PADDING === */
            .product-info {
                padding: 12px 0 20px 0 !important;
            }

            /* === HIDE STANDALONE SIZE GUIDE ON MOBILE (use inline one) === */
            .product-info>div:has(> .size-guide-link:only-child),
            .product-info>div[style*="margin-bottom: 16px"]:has(.size-guide-link) {
                display: none !important;
            }

            /* === MOBILE PRODUCT HEADER - COMPACT === */
            .mobile-product-header {
                padding: 12px 0 !important;
                margin: 0;
                background: #fff;
                border-bottom: 1px solid #f0f0f0;
                text-align: left;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 12px;
            }

            .mobile-header-content {
                flex: 1;
                min-width: 0;
            }

            .mobile-header-discount {
                flex-shrink: 0;
                display: inline-block;
                background: #E8D5A3;
                color: #333333;
                padding: 4px 10px;
                border-radius: 4px;
                font-size: 11px;
                font-weight: 700;
                border: 1px solid #d4c4a8;
                white-space: nowrap;
            }

            .product-category-mobile {
                display: none;
            }

            .product-title-mobile {
                font-size: 22px !important;
                font-weight: 800 !important;
                line-height: 1.25;
                color: #1e3a5f;
                margin: 0 0 10px 0;
                text-align: left;
            }

            .product-meta-mobile {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                gap: 6px;
                margin: 0;
            }

            .product-meta-mobile span:not(.separator) {
                background: #f1f5f9;
                color: #6b7280;
                font-size: 11px;
                font-weight: 500;
                padding: 4px 10px;
                border-radius: 4px;
                display: inline-flex;
                align-items: center;
                gap: 3px;
                border: 1px solid #e2e8f0;
            }

            .product-meta-mobile .separator {
                display: none !important;
            }

            /* === OFFER BANNER - WARM GOLD CARD === */
            .offer-banner {
                margin: 14px 0 !important;
                padding: 12px 14px !important;
                border-radius: 12px !important;
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px !important;
                flex-wrap: nowrap !important;
                background: #F2E8CF !important;
                border: 1px solid rgba(212, 175, 55, 0.2) !important;
                border-style: solid !important;
            }

            .offer-banner .offer-text {
                flex: 1;
                min-width: 0;
            }

            .offer-banner .offer-text i {
                color: #D4AF37 !important;
                font-size: 16px !important;
            }

            .offer-banner .offer-text span {
                font-size: 11px !important;
                line-height: 1.4 !important;
                color: #1a1a1a !important;
            }

            .offer-banner .coupon-code {
                background: #fff !important;
                border: 1px solid #9ca3af !important;
                padding: 2px 6px !important;
                border-radius: 4px !important;
                font-size: 11px !important;
                color: #1a1a1a !important;
            }

            .offer-banner .copy-code-btn {
                min-height: 32px !important;
                height: 32px !important;
                min-width: auto !important;
                padding: 5px 12px !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                flex-shrink: 0;
                background: #fff !important;
                color: #D4AF37 !important;
                border: 1px solid rgba(212, 175, 55, 0.3) !important;
                border-radius: 6px !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }

            /* === PRICE SECTION - PROMINENT === */
            .product-price-section {
                margin: 14px 0 !important;
                padding: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                border: none !important;
            }

            .current-price {
                font-size: 26px !important;
                font-weight: 800 !important;
                color: #1e3a5f !important;
            }

            .original-price {
                font-size: 14px !important;
            }

            .discount-badge {
                font-size: 11px !important;
                padding: 4px 8px !important;
                border-radius: 4px !important;
            }

            .price-breakup-btn {
                width: 20px !important;
                height: 20px !important;
                font-size: 12px !important;
                color: #9ca3af !important;
                border-color: #e5e7eb !important;
            }

            /* === VARIANT SECTION - CLEAN === */
            .variant-section {
                margin: 14px 0 !important;
                padding-top: 14px;
                border-top: 1px solid #f0f0f0;
            }

            .variant-group {
                margin-bottom: 14px !important;
            }

            .variant-label {
                font-size: 11px !important;
                font-weight: 700 !important;
                color: #6b7280 !important;
                margin-bottom: 10px !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .variant-label .selected-attr-value,
            .variant-label .selected-value {
                font-weight: 400 !important;
                text-transform: lowercase !important;
                letter-spacing: 0 !important;
                background: #f8f9fa !important;
                border: 1px solid #e5e7eb !important;
                padding: 3px 12px !important;
                border-radius: 9999px !important;
                font-size: 12px !important;
                color: #374151 !important;
            }

            .variant-options {
                gap: 8px !important;
                flex-wrap: wrap;
            }

            .variant-option {
                min-height: 44px !important;
                min-width: 44px !important;
                padding: 8px 14px !important;
                font-size: 13px !important;
                font-weight: 600 !important;
                border-radius: 8px !important;
                border: 1.5px solid #e5e7eb !important;
                background: #fff !important;
            }

            .variant-option.active {
                border-color: #D4AF37 !important;
                background: #fffbf0 !important;
                box-shadow: none !important;
            }

            /* === QUANTITY SECTION - PILL STYLE === */
            .quantity-section {
                margin: 14px 0 !important;
                padding-top: 14px;
                border-top: 1px solid #f0f0f0;
            }

            .quantity-section .variant-label {
                font-size: 11px !important;
                font-weight: 700 !important;
                color: #6b7280 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
                margin-bottom: 10px !important;
            }

            .quantity-selector {
                display: inline-flex !important;
                align-items: center !important;
                background: #f8f9fa !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 9999px !important;
                height: 44px !important;
                overflow: hidden !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }

            .qty-btn {
                width: 48px !important;
                height: 44px !important;
                background: transparent !important;
                border: none !important;
                color: #6b7280 !important;
                font-size: 18px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                transition: background 0.15s ease !important;
            }

            .qty-btn:active {
                background: #e5e7eb !important;
            }

            .qty-input {
                width: 48px !important;
                height: 44px !important;
                text-align: center !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                color: #1a1a1a !important;
                background: transparent !important;
                border: none !important;
                border-left: 1px solid #e5e7eb !important;
                border-right: 1px solid #e5e7eb !important;
            }

            .quantity-label {
                font-size: 12px !important;
                margin-bottom: 8px !important;
            }

            /* === RATING DISPLAY - COMPACT === */
            .product-rating-display {
                gap: 8px !important;
                margin-bottom: 12px !important;
            }

            .product-rating-display .stars {
                color: #e5e7eb !important;
                font-size: 14px !important;
                gap: 1px !important;
            }

            .product-rating-display .stars i.fi-rs-star {
                color: inherit;
            }

            /* === DELIVERY CHECK SECTION - CARD STYLE === */
            .delivery-check-section {
                margin-top: 20px !important;
                padding: 16px !important;
                border-top: none !important;
                background: #f8f9fa !important;
                border: 1px solid #e9ecef !important;
                border-radius: 12px !important;
            }

            .delivery-check-section h6 {
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #6b7280 !important;
                margin-bottom: 12px !important;
            }

            .delivery-check-section h6 i {
                color: #D4AF37 !important;
            }

            .delivery-check-section .delivery-input-wrapper {
                display: flex !important;
                gap: 8px !important;
            }

            .delivery-check-section input {
                flex: 1 !important;
                height: 44px !important;
                padding: 0 14px !important;
                background: #fff !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 10px !important;
                font-size: 14px !important;
            }

            .delivery-check-section input:focus {
                border-color: #D4AF37 !important;
                outline: none !important;
                box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.1) !important;
            }

            .delivery-check-section button {
                height: 44px !important;
                padding: 0 20px !important;
                background: #1a1a1a !important;
                color: #fff !important;
                border: none !important;
                border-radius: 10px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
            }

            /* === STORE INFO SECTION === */
            .store-info {
                margin-top: 24px !important;
                padding: 16px !important;
                border-radius: 14px !important;
                border-top: 1px solid #f0f0f0;
            }

            /* === ACCORDION SECTION DIVIDER === */
            .product-details-accordion {
                margin-top: 24px !important;
                padding-top: 24px !important;
                border-top: 1px solid #f0f0f0 !important;
            }

            .accordion-item {
                margin-bottom: 12px !important;
                border-radius: 14px !important;
                border: 1px solid #f0f0f0 !important;
                overflow: hidden;
            }

            .accordion-header {
                padding: 16px 18px !important;
                min-height: 56px;
            }

            .accordion-header .header-title i {
                width: 36px !important;
                height: 36px !important;
                border-radius: 10px !important;
            }

            .accordion-content {
                padding: 0 18px 18px !important;
            }

            /* === RELATED PRODUCTS SECTION === */
            .related-section {
                margin-top: 30px !important;
                padding: 30px 0 50px !important;
            }

            /* === HIDE DESKTOP ELEMENTS === */
            .product-info>.product-category,
            .product-info>.product-title,
            .product-info>.product-subtitle {
                display: none !important;
            }

            /* === PRICE ROW ALIGNMENT === */
            .price-row {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
                align-items: center !important;
            }

            /* === ACTION BUTTONS - STACKED FULL-WIDTH === */
            .action-buttons {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin: 20px 0 !important;
                width: 100% !important;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now {
                width: 100% !important;
                height: 50px !important;
                min-height: 50px !important;
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                border-radius: 9999px !important;
                gap: 8px !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
            }

            .action-buttons .btn-add-cart {
                background: #fff !important;
                color: #1e3a5f !important;
                border: 2px solid #1e3a5f !important;
            }

            .action-buttons .btn-add-cart:active {
                background: #f8f9fa !important;
            }

            .action-buttons .btn-add-cart.in-cart {
                background: #e8f5e9 !important;
                border-color: #28a745 !important;
                color: #28a745 !important;
            }

            .action-buttons .btn-buy-now {
                background: #D4AF37 !important;
                color: #fff !important;
                border: none !important;
                box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25) !important;
            }

            .action-buttons .btn-buy-now:active {
                transform: scale(0.98) !important;
                box-shadow: 0 2px 8px rgba(212, 175, 55, 0.2) !important;
            }

            /* === ACCORDION - COMPACT === */
            .product-details-accordion {
                margin-top: 16px !important;
                padding-top: 16px !important;
            }

            .accordion-item {
                margin-bottom: 8px !important;
                border-radius: 10px !important;
            }

            .accordion-header {
                padding: 12px 14px !important;
                min-height: 48px;
            }

            .accordion-header .header-title {
                font-size: 13px !important;
            }

            .accordion-header .header-title i {
                width: 32px !important;
                height: 32px !important;
                border-radius: 8px !important;
                font-size: 14px !important;
            }

            .accordion-content {
                padding: 0 14px 14px !important;
                font-size: 13px !important;
            }
        }

/* ============================================
   SECTION: Responsive Overrides (was inline in @section)
   ============================================ */
        /* Mobile Sticky Bar - Professional */
        .mobile-sticky-bar#mobileStickyBar {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            padding: 14px 16px;
            padding-bottom: max(14px, env(safe-area-inset-bottom));
            box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.12);
            z-index: 999;
            border-top: 1px solid #e9ecef;
        }

        .sticky-bar-content {
            display: flex;
            align-items: center;
            gap: 14px;
            max-width: 100%;
        }

        .sticky-price {
            flex: 0 0 auto;
        }

        .sticky-price-label {
            display: block;
            font-size: 10px;
            color: #6b7280;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 2px;
        }

        .sticky-price-value {
            font-size: 20px;
            font-weight: 800;
            color: #1a1a1a;
            line-height: 1.1;
        }

        .sticky-add-btn {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            height: 50px;
            padding: 0 28px;
            background: #E8D5A3;
            color: #1a1a1a;
            border: none;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            white-space: nowrap;
            box-shadow: none;
            transition: all 0.2s ease;
        }

        .sticky-add-btn:active {
            transform: scale(0.98);
            background: #D4C48A;
        }

        .sticky-add-btn i {
            font-size: 16px;
        }

        @media (max-width: 767px) {

            /* Hide mobile sticky bar completely - action buttons are now inline */
            .mobile-sticky-bar#mobileStickyBar {
                display: none !important;
            }

            /* Hide the other mobile sticky bar */
            .product-main .mobile-sticky-bar:not(#mobileStickyBar) {
                display: none !important;
            }

            /* Reduced padding since no sticky bar */
            .product-page {
                padding-bottom: 30px;
            }

            /* Ensure action buttons are visible - stacked full-width */
            .action-buttons {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin: 20px 0 !important;
            }

            .action-buttons .btn-add-cart,
            .action-buttons .btn-buy-now {
                display: flex !important;
                visibility: visible !important;
                width: 100% !important;
                height: 50px !important;
                border-radius: 9999px !important;
                font-weight: 700 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
            }

            .action-buttons .btn-add-cart {
                color: #1e3a5f !important;
                border: 2px solid #1e3a5f !important;
                background: #fff !important;
            }

            .action-buttons .btn-buy-now {
                background: #D4AF37 !important;
                color: #fff !important;
                border: none !important;
                box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25) !important;
            }
        }

        /* ============================================
                                   TRUST BADGES STRIP
                                   ============================================ */
        .trust-badges-strip {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 12px 0;
            margin: 10px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .trust-badge-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 500;
            padding: 6px 12px;
            background: #f8f9fa;
            border-radius: 20px;
        }

        .trust-badge-item i {
            font-size: 14px;
        }

        .trust-badge-item.green {
            color: #28a745;
        }

        .trust-badge-item.gold {
            color: #D4AF37;
        }

        .trust-badge-item.blue {
            color: #17a2b8;
        }

        .trust-badge-item.purple {
            color: #6f42c1;
        }

        @media (max-width: 576px) {
            .trust-badges-strip {
                gap: 8px;
            }

            .trust-badge-item {
                font-size: 11px;
                padding: 5px 8px;
            }
        }

        /* ============================================
                                   OFFER/COUPON BANNER
                                   ============================================ */
        .offer-banner {
            background: #FDF8F3;
            border: 1px dashed #D4AF37;
            border-radius: 8px;
            padding: 8px 12px;
            margin: 6px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 10px;
        }

        .offer-banner .offer-text {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .offer-banner .offer-text i {
            color: #D4AF37;
            font-size: 18px;
        }

        .offer-banner .offer-text span {
            font-size: 13px;
            color: #333;
        }

        .offer-banner .coupon-code {
            color: #1a1a1a;
            background: #fff;
            padding: 2px 8px;
            border-radius: 4px;
            font-family: monospace;
            font-weight: 700;
        }

        .offer-banner .copy-code-btn {
            background: #1a1a1a;
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .offer-banner .copy-code-btn:hover {
            background: #333;
            transform: scale(1.02);
        }

        @media (max-width: 576px) {
            .offer-banner {
                flex-direction: row !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                padding: 12px 14px !important;
                gap: 10px !important;
                background: #F2E8CF !important;
                border: 1px solid rgba(212, 175, 55, 0.2) !important;
                border-style: solid !important;
                border-radius: 12px !important;
            }

            .offer-banner .offer-text {
                flex: 1;
                min-width: 0;
                gap: 6px !important;
            }

            .offer-banner .offer-text i {
                font-size: 16px !important;
                flex-shrink: 0;
                color: #D4AF37 !important;
            }

            .offer-banner .offer-text span {
                font-size: 11px !important;
                line-height: 1.4;
                color: #1a1a1a !important;
            }

            .offer-banner .coupon-code {
                font-size: 11px !important;
                padding: 2px 6px !important;
                background: #fff !important;
                border: 1px solid #9ca3af !important;
                color: #1a1a1a !important;
            }

            .offer-banner .copy-code-btn {
                padding: 5px 12px !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                white-space: nowrap;
                flex-shrink: 0;
                background: #fff !important;
                color: #D4AF37 !important;
                border: 1px solid rgba(212, 175, 55, 0.3) !important;
                border-radius: 6px !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }
        }

        /* ============================================
                                   SIZE GUIDE MODAL
                                   ============================================ */
        .size-guide-link {
            font-size: 12px;
            color: #D4AF37;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin-left: 10px;
            transition: color 0.2s;
        }

        .size-guide-link:hover {
            color: #b8941e;
            text-decoration: underline;
        }

        .size-guide-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(4px);
            z-index: 999999;
            align-items: center;
            justify-content: center;
        }

        .size-guide-content {
            background: #fff;
            border-radius: 16px;
            max-width: 560px;
            width: 92%;
            max-height: 85vh;
            overflow-y: auto;
            position: relative;
            animation: sgSlideUp 0.3s ease;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        }

        .size-guide-content::-webkit-scrollbar {
            width: 4px;
        }

        .size-guide-content::-webkit-scrollbar-thumb {
            background: #d4d4d4;
            border-radius: 4px;
        }

        @keyframes sgSlideUp {
            from {
                opacity: 0;
                transform: translateY(30px) scale(0.98);
            }

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

        .size-guide-content .close-btn {
            position: absolute;
            top: 16px;
            right: 16px;
            background: #f5f5f5;
            border: none;
            font-size: 18px;
            cursor: pointer;
            color: #666;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s;
            z-index: 2;
        }

        .size-guide-content .close-btn:hover {
            background: #e8e8e8;
            color: #333;
        }

        .size-guide-body {
            padding: 0;
        }

        .size-guide-body h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 22px 28px;
            background: linear-gradient(135deg, #222 0%, #333 100%);
            border-radius: 16px 16px 0 0;
        }

        .size-guide-body h3 i {
            color: #D4AF37;
            font-size: 20px;
        }

        .size-chart-section {
            padding: 20px 24px 8px;
        }

        .size-chart-section>h4 {
            font-size: 13px !important;
            color: #888 !important;
            margin-bottom: 12px !important;
            border-bottom: none !important;
            padding-bottom: 0 !important;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-weight: 600 !important;
        }

        .size-chart-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            font-size: 13px;
            margin-bottom: 16px;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #eee;
        }

        .size-chart-table th {
            padding: 11px 14px;
            text-align: center;
            background: #1e3a5f;
            font-weight: 600;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border: none;
        }

        .size-chart-table td {
            padding: 10px 14px;
            text-align: center;
            color: #444;
            font-size: 13px;
            border-bottom: 1px solid #f0f0f0;
            border-left: none;
            border-right: none;
            transition: background 0.15s;
        }

        .size-chart-table tbody tr:last-child td {
            border-bottom: none;
        }

        .size-chart-table tbody tr:nth-child(even) {
            background: #faf8f5;
        }

        .size-chart-table tbody tr:hover {
            background: #fff8e7;
        }

        .measure-guide {
            background: #faf8f5;
            border-top: 1px solid #f0ece5;
            padding: 20px 24px;
            margin-top: 4px;
            border-radius: 0 0 16px 16px;
        }

        .measure-guide h4 {
            font-size: 14px;
            color: #333;
            font-weight: 700;
            margin: 0 0 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .measure-guide h4 i {
            color: #D4AF37;
        }

        .measure-guide ol {
            margin: 0;
            padding-left: 18px;
            line-height: 1.9;
            font-size: 13px;
            color: #555;
        }

        .measure-guide ol li::marker {
            color: #D4AF37;
            font-weight: 700;
        }

        .measure-guide .tip-box {
            margin-top: 14px;
            padding: 12px 14px;
            background: linear-gradient(135deg, #fff8e7 0%, #fff3d6 100%);
            border-radius: 8px;
            font-size: 12px;
            color: #6b5a1e;
            border-left: 3px solid #D4AF37;
            line-height: 1.6;
        }

        /* Mobile alignment hardening for variant + quantity block */
        @media (max-width: 767px) {
            .variant-label-row {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100%;
                gap: 10px;
                margin-bottom: 10px !important;
            }

            .variant-label-row .variant-label {
                margin: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                flex: 1;
                min-width: 0;
                gap: 4px;
            }

            .variant-label-row .size-guide-link {
                margin-left: 0 !important;
                flex-shrink: 0;
                padding: 6px 10px !important;
                border-radius: 8px !important;
                font-size: 11px !important;
                line-height: 1.2 !important;
                white-space: nowrap;
            }

            .quantity-section {
                margin: 16px 0 20px !important;
                padding-top: 14px !important;
                border-top: 1px solid #f0f0f0 !important;
            }

            .quantity-section .variant-label {
                display: block !important;
                margin-bottom: 10px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                color: #6b7280 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
            }

            .quantity-selector {
                display: inline-flex !important;
                align-items: center !important;
                background: #f8f9fa !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 9999px !important;
                height: 44px !important;
                overflow: hidden !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }

            .qty-btn {
                width: 48px !important;
                height: 44px !important;
                background: transparent !important;
                border: none !important;
                color: #6b7280 !important;
                font-size: 18px !important;
            }

            .qty-input {
                width: 48px !important;
                height: 44px !important;
                text-align: center !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                color: #1a1a1a !important;
                background: transparent !important;
                border: none !important;
                border-left: 1px solid #e5e7eb !important;
                border-right: 1px solid #e5e7eb !important;
            }

            .action-buttons.product-action-buttons {
                margin-top: 4px !important;
            }
        }

        @media (max-width: 480px) {
            .size-guide-content {
                width: 96%;
                border-radius: 12px;
            }

            .size-guide-body h3 {
                font-size: 16px;
                padding: 18px 20px;
                border-radius: 12px 12px 0 0;
            }

            .size-chart-section {
                padding: 16px 16px 4px;
            }

            .size-chart-table th {
                padding: 9px 8px;
                font-size: 11px;
            }

            .size-chart-table td {
                padding: 8px;
                font-size: 12px;
            }

            .measure-guide {
                padding: 16px;
            }
        }

        /* ============================================
           FINAL MOBILE OVERRIDE - REFERENCE UI MATCH
           This block MUST remain at the very end.
           Uses .product-page prefix for specificity.
           ============================================ */
        @media (max-width: 767px) {

            /* --- HIDE DESKTOP SUBTITLE ON MOBILE (shown in mobile header already) --- */
            .product-page .product-info > .product-subtitle {
                display: none !important;
            }

            /* --- RATING --- */
            .product-page .product-rating-display {
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
                margin-bottom: 14px !important;
            }

            .product-page .product-rating-display .stars {
                display: flex !important;
                gap: 2px !important;
                font-size: 14px !important;
            }

            .product-page .product-rating-display .stars i.filled {
                color: #D4AF37 !important;
            }

            .product-page .product-rating-display .stars i.half {
                color: #D4AF37 !important;
                opacity: 0.5 !important;
            }

            .product-page .product-rating-display .stars i.empty {
                color: #d1d5db !important;
            }

            .product-page .product-rating-display .rating-number {
                font-size: 14px !important;
                font-weight: 600 !important;
                color: #1a1a1a !important;
            }

            .product-page .product-rating-display .review-count-link {
                font-size: 13px !important;
                color: #6b7280 !important;
                text-decoration: none !important;
            }

            /* --- OFFER / COUPON BANNER --- */
            .product-page .offer-banner {
                background: #F2E8CF !important;
                border: 1px solid rgba(212, 175, 55, 0.25) !important;
                border-style: solid !important;
                border-radius: 12px !important;
                padding: 12px 14px !important;
                margin: 14px 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px !important;
                flex-wrap: nowrap !important;
            }

            .product-page .offer-banner .offer-text {
                flex: 1 !important;
                min-width: 0 !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .product-page .offer-banner .offer-text i {
                color: #D4AF37 !important;
                font-size: 18px !important;
                flex-shrink: 0 !important;
            }

            .product-page .offer-banner .offer-text span {
                font-size: 11px !important;
                line-height: 1.4 !important;
                color: #333 !important;
            }

            .product-page .offer-banner .coupon-code {
                background: #fff !important;
                border: 1px solid #9ca3af !important;
                padding: 2px 6px !important;
                border-radius: 4px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                color: #1a1a1a !important;
            }

            .product-page .offer-banner .copy-code-btn {
                background: #fff !important;
                color: #D4AF37 !important;
                border: 1px solid rgba(212, 175, 55, 0.3) !important;
                border-radius: 6px !important;
                padding: 6px 12px !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
                flex-shrink: 0 !important;
                display: flex !important;
                align-items: center !important;
                gap: 4px !important;
            }

            /* --- PRICE --- */
            .product-page .product-price-section {
                margin: 14px 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: none !important;
            }

            .product-page .price-row {
                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
            }

            .product-page .current-price {
                font-size: 26px !important;
                font-weight: 800 !important;
                color: #1e3a5f !important;
            }

            .product-page .price-breakup-btn {
                width: 20px !important;
                height: 20px !important;
                font-size: 11px !important;
                color: #9ca3af !important;
                border-color: #d1d5db !important;
            }

            /* --- VARIANT SELECTOR --- */
            .product-page .variant-label {
                font-size: 11px !important;
                font-weight: 700 !important;
                color: #6b7280 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.5px !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .product-page .variant-label .selected-attr-value,
            .product-page .variant-label .selected-value {
                font-weight: 400 !important;
                text-transform: lowercase !important;
                letter-spacing: 0 !important;
                background: #f8f9fa !important;
                border: 1px solid #e5e7eb !important;
                padding: 3px 12px !important;
                border-radius: 9999px !important;
                font-size: 12px !important;
                color: #374151 !important;
            }

            /* --- QUANTITY SELECTOR (PILL SHAPE) --- */
            .product-page .quantity-section {
                margin: 14px 0 !important;
                padding-top: 14px !important;
                border-top: 1px solid #f0f0f0 !important;
            }

            .product-page .quantity-selector {
                display: inline-flex !important;
                align-items: center !important;
                background: #f8f9fa !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 9999px !important;
                height: 44px !important;
                overflow: hidden !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
            }

            .product-page .qty-btn {
                width: 48px !important;
                height: 44px !important;
                background: transparent !important;
                border: none !important;
                color: #6b7280 !important;
                font-size: 18px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .product-page .qty-input {
                width: 50px !important;
                height: 44px !important;
                text-align: center !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                color: #1a1a1a !important;
                background: transparent !important;
                border: none !important;
                border-left: 1px solid #e5e7eb !important;
                border-right: 1px solid #e5e7eb !important;
                line-height: 44px !important;
            }

            /* --- ACTION BUTTONS (STACKED FULL-WIDTH) --- */
            .product-page .action-buttons {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin: 20px 0 !important;
                width: 100% !important;
            }

            .product-page .action-buttons .btn-add-cart,
            .product-page .action-buttons .btn-buy-now,
            .product-page .action-buttons a.btn-add-cart,
            .product-page .action-buttons button.btn-add-cart,
            .product-page .action-buttons a.btn-buy-now {
                flex: none !important;
                width: 100% !important;
                height: 52px !important;
                min-height: 52px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                border-radius: 9999px !important;
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                text-decoration: none !important;
                cursor: pointer !important;
                text-transform: uppercase !important;
                letter-spacing: 0.8px !important;
            }

            .product-page .action-buttons .btn-add-cart,
            .product-page .action-buttons a.btn-add-cart,
            .product-page .action-buttons button.btn-add-cart {
                background: #fff !important;
                color: #1e3a5f !important;
                border: 2px solid #1e3a5f !important;
                box-shadow: none !important;
            }

            .product-page .action-buttons .btn-add-cart.in-cart,
            .product-page .action-buttons a.btn-add-cart.in-cart {
                background: #e8f5e9 !important;
                border-color: #28a745 !important;
                color: #28a745 !important;
            }

            .product-page .action-buttons .btn-buy-now,
            .product-page .action-buttons a.btn-buy-now {
                background: #D4AF37 !important;
                color: #fff !important;
                border: none !important;
                box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3) !important;
            }

            .product-page .action-buttons .btn-buy-now:active,
            .product-page .action-buttons a.btn-buy-now:active {
                transform: scale(0.98) !important;
            }

            /* --- DELIVERY CHECK SECTION (CARD) --- */
            .product-page .delivery-check-section {
                margin-top: 20px !important;
                padding: 16px !important;
                background: #f8f9fa !important;
                border: 1px solid #e9ecef !important;
                border-radius: 12px !important;
            }

            .product-page .delivery-check-section h6 {
                margin: 0 0 12px 0 !important;
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #6b7280 !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .product-page .delivery-check-section h6 i {
                color: #D4AF37 !important;
                font-size: 16px !important;
            }

            .product-page .delivery-check-section .delivery-input-wrapper {
                display: flex !important;
                gap: 8px !important;
            }

            .product-page .delivery-check-section input {
                flex: 1 !important;
                height: 44px !important;
                padding: 0 14px !important;
                background: #fff !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 10px !important;
                font-size: 14px !important;
                outline: none !important;
            }

            .product-page .delivery-check-section input:focus {
                border-color: #D4AF37 !important;
                box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.1) !important;
            }

            .product-page .delivery-check-section button {
                height: 44px !important;
                padding: 0 20px !important;
                background: #1a1a1a !important;
                color: #fff !important;
                border: none !important;
                border-radius: 10px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                cursor: pointer !important;
            }

            /* --- MOBILE PRODUCT HEADER --- */
            .product-page .product-title-mobile {
                font-size: 22px !important;
                font-weight: 800 !important;
                color: #1e3a5f !important;
                line-height: 1.25 !important;
            }

            .product-page .product-meta-mobile span:not(.separator) {
                background: #f1f5f9 !important;
                color: #6b7280 !important;
                font-size: 11px !important;
                padding: 4px 10px !important;
                border-radius: 4px !important;
                border: 1px solid #e2e8f0 !important;
            }
        }

        /* === SHARE + WISHLIST BUTTONS - SIDE BY SIDE FIX === */
        .gallery-top-bar .gallery-actions {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 8px !important;
            pointer-events: auto !important;
        }

        .gallery-top-bar .gallery-actions .gallery-action-btn {
            position: static !important;
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            flex-shrink: 0 !important;
        }

        .gallery-top-bar .gallery-actions #galleryShareBtn {
            width: 36px !important;
            height: 36px !important;
            min-width: 36px !important;
            min-height: 36px !important;
            border-radius: 50% !important;
            background: #ffffff !important;
            border: none !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            color: #374151 !important;
            font-size: 14px !important;
            align-items: center !important;
            justify-content: center !important;
        }

        @media (min-width: 992px) {
            .gallery-top-bar .gallery-actions #galleryShareBtn {
                width: 44px !important;
                height: 44px !important;
                min-width: 44px !important;
                min-height: 44px !important;
                font-size: 16px !important;
            }
        }