/* FightLayer Quick View modal styles. Source of truth: this file (moved out of fightlayer-quick-view.php). */
        /* ========================================
           FIGHTLAYER QUICK VIEW MODAL STYLES v1.0
           All classes prefixed with flqv-
           ======================================== */
        
        /* CSS Variables - FightLayer theme */
        .flqv-modal-overlay,
        .flqv-modal-container,
        .flqv-sizechart-overlay {
            --flqv-color-primary: #252525;
            --flqv-color-primary-dark: #000000;
            --flqv-color-accent: #CE122B;
            --flqv-color-text: #333333;
            --flqv-color-text-light: #6b7280;
            --flqv-color-border: #e5e7eb;
            --flqv-color-bg: #ffffff;
            --flqv-color-success: #30a515;
            --flqv-color-error: #CE122B;
        }
        
        /* Quick View Button on Product Cards */
        .ht-product button.flqv-btn,
        .product button.flqv-btn,
        button.flqv-btn {
            position: absolute !important;
            top: 5px !important;
            right: 5px !important;
            width: 27px !important;
            height: 27px !important;
            min-width: 27px !important;
            min-height: 27px !important;
            max-width: 27px !important;
            max-height: 27px !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            background-color: #252525 !important;
            border-radius: 50% !important;
            cursor: pointer !important;
            z-index: 10 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
            transition: all 0.2s ease !important;
            opacity: 1 !important;
            transform: scale(1) !important;
            outline: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
        }
        
        .ht-product button.flqv-btn:hover,
        .product button.flqv-btn:hover,
        button.flqv-btn:hover,
        .ht-product button.flqv-btn:focus,
        .product button.flqv-btn:focus,
        button.flqv-btn:focus {
            background-color: #CE122B !important;
            box-shadow: 0 4px 12px rgba(206, 18, 43, 0.4) !important;
        }
        
        .ht-product button.flqv-btn svg,
        .product button.flqv-btn svg,
        button.flqv-btn svg {
            width: 13px !important;
            height: 13px !important;
            min-width: 13px !important;
            min-height: 13px !important;
            max-width: 13px !important;
            max-height: 13px !important;
            color: #ffffff !important;
            stroke: #ffffff !important;
            fill: none !important;
            display: block !important;
            flex-shrink: 0 !important;
        }
        
        /* Tablet responsive */
        @media (max-width: 768px) {
            .ht-product button.flqv-btn,
            .product button.flqv-btn,
            button.flqv-btn {
                width: 32px !important;
                height: 32px !important;
                min-width: 32px !important;
                min-height: 32px !important;
                max-width: 32px !important;
                max-height: 32px !important;
                top: 8px !important;
                right: 8px !important;
            }
            
            .ht-product button.flqv-btn svg,
            .product button.flqv-btn svg,
            button.flqv-btn svg {
                width: 14px !important;
                height: 14px !important;
                min-width: 14px !important;
                min-height: 14px !important;
                max-width: 14px !important;
                max-height: 14px !important;
            }
        }
        
        /* Small mobile responsive (480px and below) */
        @media (max-width: 480px) {
            .ht-product button.flqv-btn,
            .product button.flqv-btn,
            button.flqv-btn {
                width: 24px !important;
                height: 24px !important;
                min-width: 24px !important;
                min-height: 24px !important;
                max-width: 24px !important;
                max-height: 24px !important;
                top: 3px !important;
                right: 3px !important;
            }
            
            .ht-product button.flqv-btn svg,
            .product button.flqv-btn svg,
            button.flqv-btn svg {
                width: 12px !important;
                height: 12px !important;
                min-width: 12px !important;
                min-height: 12px !important;
                max-width: 12px !important;
                max-height: 12px !important;
            }
        }
        
        /* Extra small mobile (320px) */
        @media (max-width: 360px) {
            .ht-product button.flqv-btn,
            .product button.flqv-btn,
            button.flqv-btn {
                width: 22px !important;
                height: 22px !important;
                min-width: 22px !important;
                min-height: 22px !important;
                max-width: 22px !important;
                max-height: 22px !important;
                top: 0px !important;
                right: 2px !important;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
            }
            
            .ht-product button.flqv-btn svg,
            .product button.flqv-btn svg,
            button.flqv-btn svg {
                width: 11px !important;
                height: 11px !important;
                min-width: 11px !important;
                min-height: 11px !important;
                max-width: 11px !important;
                max-height: 11px !important;
            }
        }
        
        /* Overlay */
        .flqv-modal-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.6) !important;
            z-index: 99999 !important;
            display: none !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 20px !important;
            opacity: 0 !important;
            transition: opacity 0.3s ease !important;
            box-sizing: border-box !important;
        }
        
        .flqv-modal-overlay.flqv-modal-is-active {
            display: flex !important;
            opacity: 1 !important;
        }
        
        /* Modal Container */
        .flqv-modal-container {
            background: var(--flqv-color-bg) !important;
            border-radius: 16px !important;
            max-width: 850px !important;
            width: 100% !important;
            max-height: 90vh !important;
            overflow: visible !important;
            position: relative !important;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
            transform: scale(0.9) !important;
            transition: transform 0.3s ease !important;
            box-sizing: border-box !important;
        }
        
        .flqv-modal-overlay.flqv-modal-is-active .flqv-modal-container {
            transform: scale(1) !important;
        }
        
        /* Close Button */
        button.flqv-modal-close-btn {
            position: absolute !important;
            top: -12px !important;
            right: -12px !important;
            width: 36px !important;
            height: 36px !important;
            min-width: 36px !important;
            min-height: 36px !important;
            max-width: 36px !important;
            max-height: 36px !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            background-color: #252525 !important;
            border-radius: 50% !important;
            cursor: pointer !important;
            z-index: 10 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
            transition: all 0.2s ease !important;
            line-height: 1 !important;
            outline: none !important;
            box-sizing: border-box !important;
        }
        
        button.flqv-modal-close-btn:hover {
            background-color: #ce122b !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
        }
        
        span.flqv-modal-close-icon {
            display: block !important;
            font-size: 28px !important;
            font-weight: 300 !important;
            line-height: 1 !important;
            color: #ffffff !important;
            font-family: Arial, sans-serif !important;
            text-align: center !important;
        }
        
        /* Loading State */
        .flqv-modal-loading {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            background: #ffffff !important;
            z-index: 10 !important;
            color: var(--flqv-color-text-light) !important;
            min-height: 400px !important;
            border-radius: 16px !important;
            box-sizing: border-box !important;
        }
        
        .flqv-modal-loading.flqv-modal-loading-hidden {
            display: none !important;
        }
        
        .flqv-modal-spinner {
            width: 40px !important;
            height: 40px !important;
            border: 3px solid var(--flqv-color-border) !important;
            border-top-color: var(--flqv-color-accent) !important;
            border-radius: 50% !important;
            margin: 0 auto 16px !important;
            animation: flqv-modal-spin 0.8s linear infinite !important;
            box-sizing: border-box !important;
        }
        
        @keyframes flqv-modal-spin {
            to { transform: rotate(360deg); }
        }
        
        /* Content Layout */
        .flqv-modal-content {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 32px !important;
            padding: 32px !important;
            box-sizing: border-box !important;
            max-height: 90vh !important;
            overflow-y: auto !important;
            overscroll-behavior: contain !important;
            -webkit-overflow-scrolling: touch !important;
        }
        
        /* Image Wrapper */
        .flqv-modal-image-wrapper {
            overflow: visible !important;
            background: #ffffff !important;
            box-sizing: border-box !important;
        }
        
        img.flqv-modal-product-image {
            width: 100% !important;
            height: auto !important;
            display: block !important;
            transition: opacity 0.2s ease !important;
            border-radius: 12px !important;
        }
        
        /* Gallery Thumbnails */
        .flqv-modal-gallery-thumbs {
            display: flex !important;
            gap: 8px !important;
            margin-top: 12px !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }
        
        .flqv-modal-gallery-thumbs:empty {
            display: none !important;
        }
        
        .flqv-modal-gallery-thumb {
            width: 60px !important;
            height: 60px !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            cursor: pointer !important;
            border: 2px solid transparent !important;
            transition: all 0.2s ease !important;
            flex-shrink: 0 !important;
            box-sizing: border-box !important;
            background: #fff !important;
        }
        
        .flqv-modal-gallery-thumb:hover {
            border-color: #e5e7eb !important;
        }
        
        .flqv-modal-gallery-thumb.flqv-thumb-active {
            border-color: transparent !important;
        }
        
        .flqv-modal-gallery-thumb img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }
        
        /* Details Wrapper */
        .flqv-modal-details-wrapper {
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
        }
        
        /* Title Link */
        a.flqv-modal-title-link {
            text-decoration: none !important;
            display: block !important;
            margin-bottom: 0px !important;
        }
        
        a.flqv-modal-title-link:hover h2.flqv-modal-product-title {
            color: #252525 !important;
        }
        
        h2.flqv-modal-product-title {
            font-size: 22px !important;
            font-weight: 600 !important;
            letter-spacing: -0.4px !important;
            color: var(--flqv-color-text) !important;
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1.3 !important;
            text-transform: capitalize !important;
            transition: color 0.2s ease !important;
        }
        
        /* Rating */
        .flqv-modal-product-rating {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            margin-bottom: 12px !important;
            font-size: 14px !important;
            color: var(--flqv-color-text-light) !important;
        }
        
        .flqv-modal-product-rating .flqv-modal-star-rating {
            position: relative !important;
            display: inline-block !important;
            font-family: star !important;
            font-size: 16px !important;
            line-height: 1 !important;
            overflow: hidden !important;
            width: 80px !important;
            height: 16px !important;
        }
        
        .flqv-modal-product-rating .flqv-modal-star-rating::before {
            content: "SSSSS" !important;
            color: #e0e0e0 !important;
            float: left !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
        }
        
        .flqv-modal-product-rating .flqv-modal-star-rating span {
            overflow: hidden !important;
            float: left !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            padding-top: 16px !important;
        }
        
        .flqv-modal-product-rating .flqv-modal-star-rating span::before {
            content: "SSSSS" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            color: gold !important;
        }
        
        /* Price and Stock */
        .flqv-modal-price-stock-wrapper {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-bottom: 20px !important;
            flex-wrap: wrap !important;
        }
        
        .flqv-modal-product-price {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            margin: 0;
            margin-bottom: 8px !important;
        }
        
        .flqv-modal-product-price del {
            color: #252525 !important;
            font-size: 20px !important;
            font-weight: 400 !important;
            text-decoration: line-through !important;
            opacity: 0.7 !important;
        }
        
        .flqv-modal-product-price del .woocommerce-Price-amount {
            color: #252525 !important;
            font-size: 20px !important;
        }
        
        .flqv-modal-product-price ins {
            text-decoration: none !important;
            background: none !important;
        }
        
        .flqv-modal-product-price ins .woocommerce-Price-amount,
        .flqv-modal-product-price > .woocommerce-Price-amount {
            font-size: 20px !important;
            font-weight: 400 !important;
            color: #dc4f4f !important;
        }
        
        /* Stock Status Badge */
        .flqv-modal-stock-status {
            display: inline-flex !important;
            align-items: center !important;
            padding: 4px 10px !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            border-radius: 3px !important;
            white-space: nowrap !important;
        }
        
        .flqv-modal-stock-status:empty {
            display: none !important;
        }
        
        .flqv-modal-stock-status.flqv-modal-out-of-stock {
            background: #fef2f2 !important;
            color: #dc2626 !important;
        }
        
        .flqv-modal-stock-status.flqv-modal-in-stock {
            background: #f0fdf4 !important;
            color: #16a34a !important;
        }
        
        /* Form */
        .flqv-modal-form {
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
        }
        
        /* Variations */
        .flqv-modal-variations-wrapper {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 12px !important;
            margin-bottom: 16px !important;
            box-sizing: border-box !important;
        }
        
        .flqv-modal-variation-group {
            flex: none !important;
            width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }
        
        .flqv-modal-variations-wrapper.flqv-two-variations .flqv-modal-variation-group {
            flex: 1 1 calc(50% - 6px) !important;
            max-width: calc(50% - 6px) !important;
        }
        
        .flqv-modal-variation-group label {
            display: block !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: var(--flqv-color-text) !important;
            margin-bottom: 8px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
        }
        
        select.flqv-modal-variation-select {
            width: 100% !important;
            padding: 12px 16px !important;
            font-size: 14px !important;
            text-transform: uppercase !important;
            border: 2px solid var(--flqv-color-border) !important;
            border-radius: 8px !important;
            background: var(--flqv-color-bg) !important;
            color: var(--flqv-color-text) !important;
            cursor: pointer !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
            background-repeat: no-repeat !important;
            background-position: right 12px center !important;
            transition: border-color 0.2s ease !important;
            box-sizing: border-box !important;
        }
        
        select.flqv-modal-variation-select:focus {
            outline: none !important;
            border-color: #e5e7eb !important;
        }
        
        /* Size Chart Button */
        .flqv-modal-sizechart-wrapper {
            margin-top: 15px !important;
            margin-bottom: 20px !important;
        }
        
        button.flqv-modal-sizechart-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
            height: 50px !important;
            padding: 0 16px !important;
            background: var(--flqv-color-primary) !important;
            border: none !important;
            border-radius: 4px !important;
            color: #ffffff !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            letter-spacing: 1px !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
            box-sizing: border-box !important;
        }
        
        button.flqv-modal-sizechart-btn:hover {
            background: #353535 !important;
        }
        
        button.flqv-modal-sizechart-btn svg {
            width: 18px !important;
            height: 18px !important;
        }
        
        /* Quantity */
        .flqv-modal-quantity-wrapper {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-bottom: 20px !important;
        }
        
        label.flqv-modal-quantity-label {
            font-size: 14px !important;
            font-weight: 600 !important;
            color: var(--flqv-color-text) !important;
            text-transform: uppercase !important;
        }
        
        .flqv-modal-quantity-controls {
            display: flex !important;
            align-items: center !important;
            border: 1px solid var(--flqv-color-border) !important;
            border-radius: 4px !important;
            overflow: hidden !important;
        }
        
        button.flqv-modal-qty-btn {
            width: 36px !important;
            height: 36px !important;
            min-width: 36px !important;
            min-height: 36px !important;
            border: none !important;
            background: var(--flqv-color-bg) !important;
            color: var(--flqv-color-text) !important;
            font-size: 20px !important;
            cursor: pointer !important;
            transition: background 0.2s ease !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        button.flqv-modal-qty-btn:hover {
            background: var(--flqv-color-border) !important;
        }
        
        input.flqv-modal-qty-input {
            width: 50px !important;
            height: 36px !important;
            border: none !important;
            border-left: 1px solid var(--flqv-color-border) !important;
            border-right: 1px solid var(--flqv-color-border) !important;
            text-align: center !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: var(--flqv-color-text) !important;
            -moz-appearance: textfield !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        input.flqv-modal-qty-input::-webkit-outer-spin-button,
        input.flqv-modal-qty-input::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
            margin: 0 !important;
        }
        
        /* Add to Cart Button */
        button.flqv-modal-addtocart-btn {
            width: 100% !important;
            height: 56px !important;
            padding: 0 24px !important;
            background: var(--flqv-color-success) !important;
            border: none !important;
            border-radius: 4px !important;
            color: #ffffff !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            transition: all 0.2s ease !important;
            box-sizing: border-box !important;
        }
        
        button.flqv-modal-addtocart-btn:hover:not(:disabled) {
            background: #3bc31c !important;
        }
        
        button.flqv-modal-addtocart-btn:disabled {
            background: var(--flqv-color-success) !important;
            opacity: 0.5 !important;
            cursor: not-allowed !important;
        }
        
        button.flqv-modal-addtocart-btn svg {
            width: 20px !important;
            height: 20px !important;
        }
        
        button.flqv-modal-addtocart-btn.flqv-modal-btn-adding {
            pointer-events: none !important;
        }
        
        .flqv-modal-btn-spinner {
            width: 20px !important;
            height: 20px !important;
            border: 2px solid rgba(255,255,255,0.3) !important;
            border-top-color: white !important;
            border-radius: 50% !important;
            animation: flqv-modal-spin 0.8s linear infinite !important;
            display: inline-block !important;
        }
        
        /* Size Chart Overlay - hidden by default */
        .flqv-sizechart-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.7) !important;
            z-index: 999999 !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 20px !important;
            display: none !important;
        }
        
        .flqv-sizechart-overlay.flqv-sizechart-visible {
            display: flex !important;
        }
        
        .flqv-sizechart-modal {
            background: #fff !important;
            border-radius: 12px !important;
            max-width: 700px !important;
            width: 100% !important;
            max-height: 80vh !important;
            overflow-y: auto !important;
            position: relative !important;
            padding: 30px !important;
        }
        
        button.flqv-sizechart-close {
            position: absolute !important;
            top: 10px !important;
            right: 10px !important;
            width: 32px !important;
            height: 32px !important;
            border: none !important;
            background: var(--flqv-color-accent) !important;
            border-radius: 50% !important;
            color: #fff !important;
            font-size: 24px !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            line-height: 1 !important;
        }
        
        .flqv-sizechart-content-wrapper h2 {
            font-size: 20px !important;
            margin-bottom: 20px !important;
            color: var(--flqv-color-text) !important;
        }
        
        .flqv-sizechart-content-wrapper table {
            width: 100% !important;
            border-collapse: collapse !important;
            margin-bottom: 20px !important;
        }
        
        .flqv-sizechart-content-wrapper th,
        .flqv-sizechart-content-wrapper td {
            border: 1px solid var(--flqv-color-border) !important;
            padding: 10px !important;
            text-align: center !important;
            font-size: 13px !important;
        }
        
        .flqv-sizechart-content-wrapper th {
            background: #f8f9fa !important;
            font-weight: 600 !important;
        }
        
        /* ========================================
           RESPONSIVE - TABLET (≤900px)
           ======================================== */
        @media (max-width: 900px) {
            .flqv-modal-content {
                grid-template-columns: 1fr !important;
                gap: 24px !important;
            }
            
            img.flqv-modal-product-image {
                max-height: 350px !important;
                object-fit: contain !important;
            }
        }
        
        /* ========================================
           RESPONSIVE - MOBILE FULLSCREEN (≤767px)
           ======================================== */
        @media (max-width: 767px) {
            .flqv-modal-overlay {
                padding: 0 !important;
                align-items: stretch !important;
                justify-content: stretch !important;
            }
            
            .flqv-modal-overlay.flqv-modal-is-active {
                display: block !important;
            }
            
            .flqv-modal-container {
                width: 100vw !important;
                max-width: 100vw !important;
                height: 100vh !important;
                height: 100dvh !important;
                max-height: 100vh !important;
                max-height: 100dvh !important;
                min-height: 100vh !important;
                min-height: 100dvh !important;
                margin: 0 !important;
                padding: 0 !important;
                border-radius: 0 !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                box-shadow: none !important;
                overflow: hidden !important;
            }
            
            .flqv-modal-content {
                display: flex !important;
                flex-direction: column !important;
                gap: 16px !important;
                padding: 24px !important;
                padding-top: 60px !important;
                height: 100% !important;
                max-height: 100% !important;
                overflow-y: scroll !important;
            }
            
            .flqv-modal-product-rating {
                display: none !important;
            }
            
            .flqv-modal-variations-wrapper {
                margin-bottom: 4px !important;
                gap: 8px !important;
            }
            
            .flqv-modal-sizechart-wrapper {
                margin-top: 12px !important;
                margin-bottom: 16px !important;
            }
            
            .flqv-modal-quantity-wrapper {
                margin-bottom: 16px !important;
            }
            
            img.flqv-modal-product-image {
                max-height: 280px !important;
                object-fit: contain !important;
                border-radius: 8px !important;
            }
            
            h2.flqv-modal-product-title {
                font-size: 20px !important;
            }
            
            button.flqv-modal-close-btn {
                position: fixed !important;
                top: 16px !important;
                right: 16px !important;
                z-index: 10000 !important;
            }
            
            .flqv-modal-loading {
                height: 100vh !important;
                min-height: 100vh !important;
                background-color: #ffffff !important;
            }
        }
        
        /* ========================================
           RESPONSIVE - SMALL MOBILE (≤480px)
           ======================================== */
        @media (max-width: 480px) {
            .flqv-modal-content {
                padding: 16px !important;
                padding-top: 60px !important;
            }
            
            img.flqv-modal-product-image {
                max-height: 220px !important;
            }
            
            .flqv-modal-gallery-thumb {
                width: 50px !important;
                height: 50px !important;
            }
            
            h2.flqv-modal-product-title {
                font-size: 17px !important;
            }
            
            .flqv-modal-product-price ins .woocommerce-Price-amount,
            .flqv-modal-product-price > .woocommerce-Price-amount {
                font-size: 18px !important;
            }
            
            select.flqv-modal-variation-select {
                padding: 10px 12px !important;
                font-size: 14px !important;
            }
            
            button.flqv-modal-addtocart-btn {
                height: 50px !important;
                font-size: 13px !important;
            }
            
            button.flqv-modal-sizechart-btn {
                height: 44px !important;
                font-size: 12px !important;
            }
            
            button.flqv-btn {
                width: 36px !important;
                height: 36px !important;
                min-width: 36px !important;
                min-height: 36px !important;
                top: 8px !important;
                right: 8px !important;
            }
            
            button.flqv-btn svg {
                width: 16px !important;
                height: 16px !important;
            }
        }
        
        /* ========================================
           RESPONSIVE - EXTRA SMALL (≤360px)
           ======================================== */
        @media (max-width: 360px) {
            .flqv-modal-content {
                padding: 12px !important;
                padding-top: 55px !important;
                gap: 12px !important;
            }
            
            img.flqv-modal-product-image {
                max-height: 180px !important;
            }
            
            .flqv-modal-gallery-thumb {
                width: 45px !important;
                height: 45px !important;
            }
            
            h2.flqv-modal-product-title {
                font-size: 16px !important;
            }
            
            .flqv-modal-product-price ins .woocommerce-Price-amount,
            .flqv-modal-product-price > .woocommerce-Price-amount {
                font-size: 16px !important;
            }
            
            select.flqv-modal-variation-select {
                padding: 8px 10px !important;
                font-size: 13px !important;
            }
            
            button.flqv-modal-addtocart-btn {
                height: 48px !important;
                font-size: 12px !important;
                letter-spacing: 0.5px !important;
            }
            
            button.flqv-modal-sizechart-btn {
                height: 40px !important;
                font-size: 11px !important;
            }
            
            .flqv-modal-variations-wrapper.flqv-two-variations .flqv-modal-variation-group {
                flex: none !important;
                width: 100% !important;
                max-width: 100% !important;
            }
        }