/* Karimed Product Page — mobile conversion layout, cleaned in v2.1.6. */
.karimed-mobile-buy-panel {
    display: none;
}

@media (max-width: 767px) {
    /*
     * First-paint cleanup. These are decorative/non-critical elements only, so they can
     * be suppressed immediately by CSS without depending on JavaScript. Purchase controls
     * are intentionally NOT pre-hidden; the JS adapter hides them only after a safe move.
     */
    body.single-product header .whb-row:has(.social-share),
    body.single-product .whb-header .whb-row:has(.social-share),
    body.single-product .whb-main-header .whb-row:has(.social-share),
    body.single-product header .whb-top-bar:has(.social-share),
    body.single-product .whb-header .whb-top-bar:has(.social-share),
    body.single-product .whb-main-header .whb-top-bar:has(.social-share) {
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.single-product main#main-content .wd-breadcrumbs,
    body.single-product main#main-content .woocommerce-breadcrumb,
    body.single-product main#main-content .wd-shipping-progress-bar,
    body.single-product main#main-content .wd-single-compare-btn,
    body.single-product main#main-content .social-share,
    body.single-product .elementor-element-9cb2b2f,
    body.single-product .e-con:has(> .elementor-element-9cb2b2f),
    body.single-product .elementor-element:has(> .elementor-element-9cb2b2f) {
        display: none !important;
    }

    body.single-product footer .payment-methods,
    body.single-product footer .payment_methods,
    body.single-product footer .wd-payment-methods,
    body.single-product footer img[src*="payment" i],
    body.single-product footer img[src*="payments" i],
    body.single-product footer img[src*="visa" i],
    body.single-product footer img[src*="mastercard" i],
    body.single-product footer img[src*="master-card" i],
    body.single-product footer img[src*="paypal" i],
    body.single-product footer img[src*="american-express" i],
    body.single-product footer img[src*="amex" i],
    body.single-product footer img[src*="maestro" i],
    body.single-product footer .elementor-widget-image:has(img[src*="payment" i]),
    body.single-product footer .elementor-widget-image:has(img[src*="visa" i]),
    body.single-product footer .elementor-widget-image:has(img[src*="master" i]),
    body.single-product footer .elementor-widget-image:has(img[src*="paypal" i]),
    body.single-product footer .wpb_single_image:has(img[src*="payment" i]),
    body.single-product footer .wd-image:has(img[src*="payment" i]) {
        display: none !important;
    }

    /* Main Karimed buying card. */
    .single-product .karimed-mobile-buy-panel {
        display: none;
        position: relative;
        z-index: 5;
        clear: both;
        overflow: visible;
        width: calc(100% - 28px);
        margin: 8px 14px 22px;
        padding: 16px 14px;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 7px 24px rgba(0, 0, 0, .055);
        text-align: right;
    }

    .single-product .karimed-mobile-buy-panel.karimed-panel-positioned {
        display: block;
    }

    .single-product .karimed-mobile-buy-panel .karimed-product-title {
        display: block;
        margin: 0 0 8px !important;
        color: #182629 !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
    }

    .single-product .karimed-product-rating {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 10px;
        color: inherit;
        font-size: 13px;
        text-decoration: none;
    }

    .single-product .karimed-product-rating .star-rating {
        margin: 0 !important;
    }

    .single-product .karimed-product-price {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        direction: rtl !important;
        margin: 4px 0 12px !important;
        line-height: 1.2;
    }

    .single-product .karimed-product-price .karimed-price-current {
        color: #278d92 !important;
        font-size: 28px !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
        white-space: nowrap;
    }

    .single-product .karimed-product-price .karimed-price-regular {
        color: #9ca6a7 !important;
        opacity: .72 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        white-space: nowrap;
    }

    .single-product .karimed-product-summary {
        margin: 0 0 13px;
        color: #666;
        font-size: 14px;
        line-height: 1.8;
    }

    /* Native WooCommerce/WoodMart form is moved here only after the adapter confirms success. */
    .single-product .karimed-mobile-cart-slot {
        display: block;
        margin-top: 14px;
    }

    .single-product .karimed-mobile-cart-slot form.cart {
        display: grid !important;
        grid-template-columns: 108px minmax(0, 1fr) !important;
        gap: 9px !important;
        align-items: stretch;
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    .single-product .karimed-mobile-cart-slot form.cart .quantity {
        grid-column: 1;
        grid-row: 1;
        width: 108px !important;
        min-width: 108px !important;
        margin: 0 !important;
    }

    .single-product .karimed-mobile-cart-slot form.cart .single_add_to_cart_button {
        grid-column: 2;
        grid-row: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        background: #7fbb2f !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        white-space: nowrap;
    }

    .single-product .karimed-mobile-cart-slot form.cart .wd-buy-now-btn {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        background: #148e95 !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 800 !important;
    }

    /* Permanent buying reassurance — no dynamic cart math, so it cannot become stale. */
    .single-product .karimed-product-trust {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 12px 0 0 !important;
    }

    .single-product .karimed-product-trust span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 46px !important;
        padding: 8px 7px !important;
        border: 1px solid rgba(20, 142, 149, .12);
        border-radius: 10px !important;
        background: #f5faf9 !important;
        color: #33484a !important;
        font-size: 12px !important;
        font-weight: 650;
        line-height: 1.45 !important;
        text-align: center;
    }

    .single-product .karimed-product-trust span b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 19px;
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: #148e95;
        color: #fff;
        font-size: 12px;
        line-height: 1;
    }

    .single-product .karimed-product-trust .karimed-trust-free {
        grid-column: 1 / -1;
        min-height: 42px !important;
        background: #f8fbf2 !important;
        border-color: rgba(127, 187, 47, .20);
    }

    .single-product .karimed-product-trust .karimed-trust-free b {
        background: #7fbb2f;
    }

    /* Applied only after the panel + native cart move succeeds. */
    .single-product .karimed-product-original-hidden,
    .single-product .karimed-extra-recommendations-hidden {
        display: none !important;
    }

    /* Long description / review form remain fully available behind explicit toggles. */
    .single-product .karimed-desc-ready {
        position: relative;
        overflow: hidden;
        transition: max-height .25s ease;
    }

    .single-product .karimed-desc-ready.karimed-desc-collapsed {
        max-height: 165px !important;
    }

    .single-product .karimed-desc-ready.karimed-desc-collapsed::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 76px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 78%);
        pointer-events: none;
    }

    .single-product .karimed-desc-toggle,
    .single-product .karimed-review-toggle {
        display: block;
        width: calc(100% - 30px);
        margin: 8px 15px 24px;
        padding: 12px 15px;
        border: 1px solid rgba(0, 0, 0, .13);
        border-radius: 9px;
        background: #fff;
        color: #222;
        font-weight: 700;
        text-align: center;
    }

    .single-product #respond.karimed-review-collapsed {
        display: none !important;
    }

    .single-product #reviews .woocommerce-Reviews-title {
        margin-bottom: 18px !important;
        font-size: 24px !important;
    }

    .single-product .karimed-reviews-duplicate-heading-hidden {
        display: none !important;
    }

    /* Sticky Add to Cart stays: useful on long descriptions, but the duplicate title is removed. */
    .single-product .wd-sticky-btn .wd-sticky-btn-info {
        display: none !important;
    }

    .single-product .wd-sticky-btn .wd-sticky-btn-cart {
        width: 100%;
    }
}