/* ============================================================
       Container — strip card chrome, give it a clean section feel
       ============================================================ */
    html body.single-product .aibt-container,
    html body.single-product .aibt-container.aibt-theme-ecomus,
    html body.single-product .aibt-container.aibt-theme-flatsome {
        width: 100% !important;
        max-width: 100% !important;
        margin: 24px 0 !important;
        padding: 24px 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-top: 1px solid #eee !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Title — quiet, gallery-style */
    html body.single-product .aibt-container .aibt-title {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #333 !important;
        letter-spacing: 1.4px !important;
        text-transform: uppercase !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        text-align: left !important;
        line-height: 1.3 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* Hide noisy separators (Flatsome's "+" widgets) */
    html body.single-product .aibt-container .aibt-separator,
    html body.single-product .aibt-container .aibt-plus,
    html body.single-product .aibt-container span.aibt-plus {
        display: none !important;
    }

    /* Hide rating noise + redundant chips + variation widgets on the cards.
       Customer picks variations on the product page itself; cards stay minimal. */
    html body.single-product .aibt-container .aibt-product-info .aibt-rating,
    html body.single-product .aibt-container .aibt-product-info .star-rating,
    html body.single-product .aibt-container .aibt-product .aibt-rating,
    html body.single-product .aibt-container .aibt-product .star-rating,
    html body.single-product .aibt-container .aibt-variation-badge,
    html body.single-product .aibt-container [class*="variation-badge"],
    html body.single-product .aibt-container .aibt-product-variations,
    html body.single-product .aibt-container [class*="aibt-variation"],
    html body.single-product .aibt-container .aibt-variation-msg,
    html body.single-product .aibt-container .aibt-options-available,
    html body.single-product .aibt-container [class*="options-available"],
    html body.single-product .aibt-container .stock {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ============================================================
       Products grid — 2 cols on mobile (image-dominant cards)
       ============================================================ */
    html body.single-product .aibt-container .aibt-products-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
        padding: 0 !important;
        margin: 0 0 22px !important;
        align-items: start !important;
    }

    /* Card */
    html body.single-product .aibt-container .aibt-product {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Image — square, edge-to-edge, cover fit */
    html body.single-product .aibt-container .aibt-product-image {
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        background: #f5f5f5 !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
    html body.single-product .aibt-container .aibt-product-image > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    html body.single-product .aibt-container .aibt-product-image img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    /* Checkbox overlay (top-left) */
    html body.single-product .aibt-container .aibt-product-checkbox {
        position: absolute !important;
        top: 6px !important;
        left: 6px !important;
        z-index: 3 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }
    html body.single-product .aibt-container input.aibt-checkbox,
    html body.single-product .aibt-container .aibt-checkbox {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        cursor: pointer !important;
        accent-color: #333 !important;
        background: rgba(255,255,255,0.94) !important;
        border: 1px solid #ddd !important;
        border-radius: 2px !important;
    }

    /* "THIS ITEM" badge (top-right) */
    html body.single-product .aibt-container .aibt-this-item-badge {
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        z-index: 3 !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        color: #fff !important;
        background: #333 !important;
        padding: 3px 6px !important;
        margin: 0 !important;
        line-height: 1 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        border-radius: 0 !important;
        border: 0 !important;
    }

    /* Product info under image */
    html body.single-product .aibt-container .aibt-product-info {
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        background: transparent !important;
        border: 0 !important;
    }
    html body.single-product .aibt-container .aibt-product-title,
    html body.single-product .aibt-container .aibt-product-title a {
        font-size: 11.5px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        color: #333 !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        text-align: left !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    html body.single-product .aibt-container .aibt-product-price,
    html body.single-product .aibt-container .aibt-product-price *,
    html body.single-product .aibt-container .aibt-product-info .price,
    html body.single-product .aibt-container .aibt-product-info .price * {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #333 !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }
    html body.single-product .aibt-container .aibt-product-price del,
    html body.single-product .aibt-container .aibt-product-price del * {
        color: #999 !important;
        font-weight: 400 !important;
        margin-right: 4px !important;
    }

    /* ============================================================
       Summary bar (TOTAL + Add to cart) — no separator line, clean
       ============================================================ */
    html body.single-product .aibt-container .aibt-summary,
    html body.single-product .aibt-container .aibt-bundle-summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        padding: 22px 0 0 !important;
        margin: 8px 0 0 !important;
        border: 0 !important;
        border-top: 1px solid #eee !important;
        flex-wrap: wrap !important;
        text-align: left !important;
        background: transparent !important;
    }
    /* Plugin's own inner wrapper — kill its padding-top so the total sits flush */
    html body.single-product .aibt-container .aibt-summary-content,
    html body.single-product .aibt-container .aibt-summary > div:first-child {
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
    }
    html body.single-product .aibt-container .aibt-total-price {
        display: flex !important;
        align-items: baseline !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        line-height: 1.2 !important;
    }
    html body.single-product .aibt-container .aibt-total-label,
    html body.single-product .aibt-container .aibt-total-price .aibt-total-label,
    html body.single-product .aibt-container [class*="total-label"] {
        font-size: 10.5px !important;
        font-weight: 500 !important;
        color: #999 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.4px !important;
        line-height: 1 !important;
    }
    html body.single-product .aibt-container .aibt-total-amount,
    html body.single-product .aibt-container .aibt-total-price .aibt-total-amount,
    html body.single-product .aibt-container [class*="aibt-total-amount"] {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #333 !important;
        line-height: 1.1 !important;
    }
    html body.single-product .aibt-container .aibt-add-to-cart-btn,
    html body.single-product .aibt-container .aibt-add-to-cart-button,
    html body.single-product .aibt-container button.aibt-add-to-cart,
    html body.single-product .aibt-container [class*="aibt-add-to-cart"] {
        background: #333 !important;
        color: #fff !important;
        padding: 13px 26px !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 1.3px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        transition: opacity 0.15s ease !important;
        min-height: 0 !important;
        line-height: 1.2 !important;
        box-shadow: none !important;
    }
    html body.single-product .aibt-container .aibt-add-to-cart-button:hover,
    html body.single-product .aibt-container [class*="aibt-add-to-cart"]:hover {
        opacity: 0.85 !important;
        background: #333 !important;
        color: #fff !important;
    }

    /* ============================================================
       PWA Share button (EK) — make it secondary so it doesn't
       compete with the primary ADD SELECTED TO CART CTA.
       Was: same charcoal box → mistaken for the primary action.
       Now: outline ghost button, small, neutral.
       ============================================================ */
    html body.single-product .ek-pwa-share-btn,
    html body .ek-pwa-share-btn {
        background: transparent !important;
        color: #666 !important;
        border: 1px solid #ddd !important;
        padding: 8px 14px !important;
        font-size: 11.5px !important;
        font-weight: 500 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        border-radius: 0 !important;
        min-height: 0 !important;
        line-height: 1.2 !important;
        cursor: pointer !important;
        transition: border-color 0.15s ease, color 0.15s ease !important;
        box-shadow: none !important;
        margin: 14px 0 0 !important;
        width: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    html body.single-product .ek-pwa-share-btn:hover,
    html body .ek-pwa-share-btn:hover {
        border-color: #999 !important;
        color: #333 !important;
        background: transparent !important;
    }
    /* tiny share glyph before the label */
    html body.single-product .ek-pwa-share-btn::before,
    html body .ek-pwa-share-btn::before {
        content: "↗" !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        margin-right: 2px !important;
    }

    /* ============================================================
       Mobile (< 768px) — full-width CTA, centered total
       ============================================================ */
    @media (max-width: 767px) {
        html body.single-product .aibt-container .aibt-summary,
        html body.single-product .aibt-container [class*="aibt-summary"] {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 12px !important;
            padding-top: 16px !important;
        }
        html body.single-product .aibt-container .aibt-summary > * {
            text-align: center !important;
            width: 100% !important;
        }
        html body.single-product .aibt-container .aibt-total-price {
            font-size: 22px !important;
        }
        html body.single-product .aibt-container .aibt-add-to-cart-button,
        html body.single-product .aibt-container [class*="aibt-add-to-cart"] {
            width: 100% !important;
            padding: 14px 18px !important;
        }
    }

    /* ============================================================
       Desktop (>= 850px) — FBT sits inside a narrow 42%-summary column.
       Switch to a tight horizontal list: 56px thumb + title + price.
       ============================================================ */
    @media (min-width: 850px) {
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-products-wrapper {
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product {
            display: grid !important;
            grid-template-columns: 56px 1fr auto !important;
            gap: 12px !important;
            align-items: center !important;
            padding: 8px 0 !important;
            border-bottom: 1px solid #f0f0f0 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product:last-child {
            border-bottom: 0 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product-image {
            width: 56px !important;
            height: 56px !important;
            margin: 0 !important;
            aspect-ratio: 1 / 1 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product-checkbox {
            top: 0 !important;
            left: 0 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) input.aibt-checkbox {
            width: 14px !important;
            height: 14px !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-this-item-badge {
            top: 0 !important;
            right: 0 !important;
            font-size: 8px !important;
            padding: 2px 4px !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product-info {
            min-width: 0 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product-title {
            font-size: 12px !important;
            -webkit-line-clamp: 2 !important;
            margin: 0 !important;
        }
        html body.single-product .aibt-container:not(.smz-relocated) .aibt-product-price {
            white-space: nowrap !important;
            text-align: right !important;
            font-size: 13px !important;
        }
    }

    /* ============================================================
       Mobile (<= 849px) — Amazon-style VERTICAL LIST (replaces the cramped
       2-col image-card grid). Each row: 44px checkbox tap target + 60px thumb
       + title/price. Desktop (>= 850px) above is untouched.
       ============================================================ */
    @media (max-width: 849px) {
        html body.single-product .aibt-container .aibt-products-wrapper {
            display: flex !important;
            flex-direction: column !important;
            gap: 0 !important;
        }
        html body.single-product .aibt-container .aibt-product {
            flex-direction: row !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 11px 0 !important;
            border-top: 1px solid #e7e1d8 !important;
        }
        html body.single-product .aibt-container .aibt-products-wrapper > .aibt-product:first-child {
            border-top: 0 !important;
        }
        /* Checkbox: real 44x44 tap target, inline (not overlaid on the image) */
        html body.single-product .aibt-container .aibt-product-checkbox {
            position: static !important;
            top: auto !important;
            left: auto !important;
            flex: 0 0 auto !important;
            width: 44px !important;
            height: 44px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
        html body.single-product .aibt-container input.aibt-checkbox,
        html body.single-product .aibt-container .aibt-checkbox {
            width: 22px !important;
            height: 22px !important;
        }
        /* Thumbnail: fixed small square */
        html body.single-product .aibt-container .aibt-product-image {
            flex: 0 0 auto !important;
            width: 60px !important;
            min-width: 60px !important;
            height: 60px !important;
            aspect-ratio: 1 / 1 !important;
            margin: 0 !important;
            border-radius: 8px !important;
        }
        /* Info: title + price stacked, takes the rest of the row */
        html body.single-product .aibt-container .aibt-product-info {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }
        html body.single-product .aibt-container .aibt-product-title,
        html body.single-product .aibt-container .aibt-product-title a {
            font-size: 13px !important;
            line-height: 1.35 !important;
            -webkit-line-clamp: 2 !important;
            margin: 0 0 3px !important;
        }
        html body.single-product .aibt-container .aibt-product-price {
            font-size: 13.5px !important;
            font-weight: 600 !important;
            color: #1a1714 !important;
            text-align: left !important;
            white-space: nowrap !important;
        }
        /* "This item" badge: inline above the title, legible, tan accent */
        html body.single-product .aibt-container .aibt-this-item-badge {
            position: static !important;
            top: auto !important;
            right: auto !important;
            display: inline-block !important;
            font-size: 9.5px !important;
            padding: 2px 6px !important;
            margin: 0 0 3px !important;
            background: #9c8a6e !important;
        }
        /* In a vertical checklist the +/= separators add nothing — keep them hidden */
        html body.single-product .aibt-container .aibt-separator,
        html body.single-product .aibt-container .aibt-plus {
            display: none !important;
        }
    }