/* ============================================================
   RESPONSIVE OVERRIDES — health/
   Pages: index.php · checkout.php · upsell.php · thankyou.php
   ============================================================ */

/* ── Universal ─────────────────────────────────────────────── */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* ============================================================
   INDEX.PHP — Mobile (≤ 767px)
   ============================================================ */
@media (max-width: 767px) {

    /* ── Warning bar ──────────────────────────────────────── */
    .tophdr {
        height: auto !important;
        padding: 6px 12px !important;
    }
    .hdrtxt {
        font-size: 12px !important;
        line-height: 1.5 !important;
        padding-right: 20px !important;
        white-space: normal !important;
    }
    .hdrtxt span {
        font-size: 13px !important;
    }
    .timer-container {
        display: inline !important;
    }

    /* ── Images: constrain on mobile only ─────────────────── */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ── Root containers ──────────────────────────────────── */
    #container, .contentWrap {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    div#section1, div#section2, div#section3,
    div#section4, div#section5, div#section6,
    div#section7, div#section8,
    .sec3inner, .sec6inner, .sec7inner {
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    /* ── Hide ALL decorative product/bottle image divs ────── */
    /* Scope to div only — body also has "device-desktop" in its class */
    .topImageContainer,
    .midImageContainer,
    .mid3ImageContainer,
    .bottomImageContainer,
    div[class*="bottle"],
    div[class*="device-desktop"],
    div[class*="box_lp_bot"] {
        display: none !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 1 — Hero + Form
    ═══════════════════════════════════════════════════════════ */
    div#section1 {
        height: auto !important;
    }

    .sec1inner {
        height: auto !important;
        background-image: none !important;   /* remove desktop bg */
        background-color: #fafdfd !important;
        padding: 0 0 24px !important;
    }

    /* Stack left + form vertically */
    .lft-content, .rgt-frm {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Logo (background-div) → static small block */
    .logo.s1-logo {
        position: static !important;
        display: block !important;
        width: 140px !important;
        height: 60px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin: 16px auto 6px !important;
    }

    /* Tagline image — was absolute */
    .s1-tagline {
        position: static !important;
        display: block !important;
        margin: 0 auto 8px !important;
        max-width: 88% !important;
    }

    /* Main headings — strip giant left padding */
    .s1hding, .s8hding {
        padding: 16px 16px 0 !important;
        font-size: 18px !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }
    .s1hding2, .s8hding2 {
        padding: 4px 16px 0 !important;
        font-size: 28px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    /* No-prescription badge */
    .doctor {
        position: static !important;
        width: 100% !important;
        text-align: center !important;
        margin: 10px auto 0 !important;
    }
    .s1no-pres {
        position: static !important;
        max-width: 88% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Arrow — decorative, hide */
    .s1-arrow { display: none !important; }

    /* Mobile product image — shown only on mobile */
    .mobile-product-img {
        display: block !important;
        width: 200px !important;
        max-width: 60% !important;
        height: auto !important;
        margin: 14px auto !important;
    }

    /* Seal */
    .s1seal {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
        max-width: 80px !important;
    }

    /* Benefit list */
    ul.s1list {
        width: 100% !important;
        margin: 12px 0 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }
    ul.s1list li, ul.s8list li {
        /*padding: 5px 0 5px 36px !important;*/
        height: auto !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
    ul.s1list li span, ul.s8list li span {
        font-size: 17px !important;
    }

    /* As-seen bar */
    .as-seen {
        display: block !important;
        margin: 14px auto !important;
        max-width: 90% !important;
    }

    /* ── Form panel ──────────────────────────────────────── */
    .rgt-frm {
        float: none !important;
        width: 92% !important;
        margin: 16px auto 0 !important;
        height: auto !important;
        border: 2px solid #6a2e84 !important;
        border-bottom: 6px solid #6a2e84 !important;
        padding-bottom: 16px !important;
        box-sizing: border-box !important;
    }

    .frm-top img {
        width: 100% !important;
        height: auto !important;
    }

    .form-position {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    /* All form field rows — labels above inputs */
    .frmElemts {
        margin: 6px 0 0 !important;
        clear: both !important;
    }
    .frmElemts label {
        float: none !important;
        display: block !important;
        width: auto !important;
        text-align: left !important;
        margin: 0 0 2px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    .frmElemts input,
    .frmElemts select {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 40px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
    }
    .frmElemts select {
        height: 42px !important;
    }

    /* Keep expiry/CVV short fields side-by-side */
    .frmElemts select.short,
    .frmElemts select.short2,
    .frmElemts input.short2 {
        width: 31% !important;
        float: left !important;
    }

    /* All form field wrappers — override .left class float+absolute position */
    #cp-main-form .fields > div,
    .field-first_name, .field-last_name,
    .field-email, .field-phone, .field-state,
    .field-address, .field-address_2,
    .field-city, .field-zip {
        float: none !important;
        position: static !important;
        width: 100% !important;
        clear: both !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .field-email.frm-element.input.left input,
    .field-phone.frm-element.input.left input,
    .field-city.frm-element.input.left input,
    .field-zip.frm-element.input.left input {
        width: 98% !important;
    }

    field-state.frm-element.input.left select,
    .field-state.frm-element.input.left select {
        width: 100% !important;
    }

    .frm-btm {
        border: none !important;
        padding-bottom: 8px !important;
    }

    /* Submit button */
    .submit,
    input[type="image"].submit {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 90% !important;
        max-width: 280px !important;
        height: 60px !important;
        display: block !important;
        margin: 10px auto 0 !important;
    }
    /* Submit image tag fallback */
    input[type="image"] {
        max-width: 90% !important;
        display: block !important;
        margin: 10px auto 0 !important;
    }

    .lock {
        max-width: 160px !important;
        display: block !important;
        margin: 8px auto 4px !important;
    }
    .security {
        max-width: 150px !important;
        display: block !important;
        margin: 4px auto !important;
    }

    /* CTA button images everywhere */
    .sec3btn { position: static !important; display: block !important; text-align: center !important; }
    .sec3btn img,
    a.toTop.sec3btn img,
    a.toTop img {
        max-width: 260px !important;
        width: 90% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 2 — 4 boxes
    ═══════════════════════════════════════════════════════════ */
    div#section2 { height: auto !important; }
    .sec2inner {
        height: auto !important;
        background-image: none !important;
        background-color: #fff !important;
        padding-bottom: 20px !important;
    }
    .sec2hding {
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        padding: 20px 16px 0 !important;
        text-align: center !important;
    }
    .sec2hding span {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
    .s2txt {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 8px 16px 0 !important;
        text-align: center !important;
    }
    .box-area {
        height: auto !important;
        width: 100% !important;
        margin: 12px auto 0 !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        position: static !important;
    }
    /* 4 boxes → 2×2 */
    .s2box1, .s2box2, .s2box3, .s2box4 {
        width: 50% !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        position: static !important;
    }
    .s2box-txt {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 3 — Product description
    ═══════════════════════════════════════════════════════════ */
    div#section3 { height: auto !important; }
    .sec3inner {
        height: auto !important;
        background-image: none !important;
        background-color: #fafdfd !important;
        padding-bottom: 0 !important;
    }
    /* Absolutely positioned seals — hide */
    .s3img1, .s3-prod1, .s3-prod2,
    .hding-img, .satisfaction-seal {
        display: none !important;
    }

    /* Section headings shared style */
    .s3hding, .s4hding, .s5hding,
    .s6hding, .s7hding {
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        padding: 20px 16px 0 !important;
        text-align: center !important;
    }
    .s3hding span, .s4hding span,
    .s5hding span, .s6hding span, .s7hding span {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .sec3txt {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 14px 16px 0 !important;
        box-sizing: border-box !important;
    }
    .sec3txt2, .sec3txt3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        padding: 16px 16px 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .sec3txt4 {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 10px 16px 0 !important;
        box-sizing: border-box !important;
    }

    /* CTA strip */
    .btn-strip, .s4btn-strip, .s5btn-strip, .s6btn-strip {
        height: auto !important;
        min-height: 80px !important;
        background-size: 100% 100% !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        margin: 20px auto 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .btn-txt {
        font-size: 15px !important;
        line-height: 1.3 !important;
        padding: 0 0 10px !important;
        text-align: center !important;
        width: 100% !important;
    }
    .btn-txt span { font-size: 18px !important; letter-spacing: 0 !important; }

    /* ════════════════════════════════════════════════════════
       SECTION 4 — Science
    ═══════════════════════════════════════════════════════════ */
    div#section4 {
        height: auto !important;
        background-image: none !important;
        background-color: #fff !important;
    }
    .s4-logo, .hding-img2 { display: none !important; }

    .s4hding {
        padding: 20px 16px 0 !important;
    }
    .s4seal {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
        max-width: 80px !important;
    }
    .s4txt, .s4txt2, .s4txt3 {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 10px 16px 0 !important;
        box-sizing: border-box !important;
        color: #000;
    }
    .s4txt4, .s4txt5 {
        font-size: 16px !important;
        line-height: 1.3 !important;
        padding: 8px 16px 0 !important;
        box-sizing: border-box !important;
    }
    .s4txt6 {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 8px 16px 0 !important;
        box-sizing: border-box !important;
    }
    .s4img {
        position: static !important;
        display: block !important;
        margin: 16px auto !important;
        max-width: 200px !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 5 — Benefits (5 columns → 1 column)
       overflow:hidden prevents absolute bottles from bleeding into sec6
    ═══════════════════════════════════════════════════════════ */
    div#section5 {
        height: auto !important;
        background-image: none !important;
        background-color: #f8f8f8 !important;
        overflow: hidden !important;
    }
    .sec5inner {
        height: auto !important;
        padding-bottom: 20px !important;
        overflow: hidden !important;
    }
    .s5hding { padding: 20px 16px 0 !important; text-align: center !important; }
    .sec5txt {
        font-size: 15px !important;
        padding: 12px 16px 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    .s5benefits {
        padding: 0 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .s5box1, .s5box2, .s5box3, .s5box4, .s5box5 {
        float: none !important;
        width: 100% !important;
        margin: 16px auto 0 !important;
        text-align: center !important;
    }
    .bnft-txt {
        font-size: 18px !important;
        height: auto !important;
        padding: 8px 0 0 !important;
    }
    .bnft-txt2 {
        font-size: 14px !important;
        padding: 6px 8px 0 !important;
    }
    /* Seal + guarantee text — were absolutely positioned */
    .s5-prod1, .s5-prod2, .s5-prod3,
    .s5img, .s5img2 {
        display: none !important;
    }
    .s5lft-txt, .s5rgt-txt {
        float: none !important;
        width: 100% !important;
        margin: 12px 0 0 !important;
        padding: 0 16px !important;
        font-size: 16px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 6 — Ingredients
    ═══════════════════════════════════════════════════════════ */
    div#section6 { height: auto !important; }
    .sec6inner {
        height: auto !important;
        background-image: none !important;
        background-color: #fff !important;
        padding-bottom: 20px !important;
    }
    .s6hding { padding: 20px 16px 0 !important; text-align: center !important; }
    .natural-seal {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
        max-width: 80px !important;
    }
    /* Two columns → stack */
    .sec6lft, .sec6rgt {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }
    .lftingrnts, .rgtingrnts {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .s6ingrnts1, .s6ingrnts2 {
        font-size: 17px !important;
        text-align: center !important;
        padding: 12px 0 0 !important;
    }
    .s6ingrnts3, .s6ingrnts4,
    .s6ingrnts5, .s6ingrnts6 {
        font-size: 16px !important;
        text-align: left !important;
        padding: 12px 0 0 !important;
    }
    .s6txt {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 8px 0 0 !important;
        text-align: left !important;
    }
    .s6txt2 {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 6px 0 0 !important;
        text-align: left !important;
    }
    .s6txt3 {
        font-size: 14px !important;
        line-height: 1.5 !important;
        width: 100% !important;
        padding: 6px 0 0 !important;
    }
    .s6btm-txt {
        width: 100% !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        padding: 14px 16px 0 !important;
        box-sizing: border-box !important;
    }
    .s6btm-txt span {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 7 — Testimonials
    ═══════════════════════════════════════════════════════════ */
    div#section7 { height: auto !important; }
    .sec7inner {
        height: auto !important;
        background-image: none !important;
        background-color: #f4f4f4 !important;
        padding-bottom: 20px !important;
    }
    .s7hding { padding: 20px 16px 0 !important; text-align: center !important; }
    .s7txt { font-size: 14px !important; padding: 10px 16px 0 !important; text-align: center !important; }

    .slider {
        margin: 8px auto !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    /* Two boxes → stack full width */
    .lft-box, .rgt-box {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 220px !important;
        margin: 10px 0 0 !important;
        background-size: 100% 100% !important;
        padding-bottom: 20px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    .sldr-tstimnl {
        width: 58% !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 60px 0 0 16px !important;
    }
    .sliderimg {
        max-width: 80px !important;
        top: 50px !important;
        right: 6px !important;
    }
    .star {
        max-width: 70px !important;
        top: auto !important;
        bottom: 20px !important;
        right: 15px !important;
    }
    .tstmnl-name, .tstmnl-name2 {
        font-size: 14px !important;
        padding: 10px 0 0 16px !important;
    }

    /* ════════════════════════════════════════════════════════
       SECTION 8 — Final CTA
    ═══════════════════════════════════════════════════════════ */
    div#section8 {
        height: auto !important;
        background-image: none !important;
        background-color: #1a1a2e !important;
        padding-bottom: 24px !important;
    }
    /* Logo */
    .s8-logo {
        position: static !important;
        display: block !important;
        width: 120px !important;
        height: 52px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin: 18px auto 10px !important;
    }
    /* Hide all absolute decorative images */
    .s8-prod1, .s8-prod2, .s8-prod3,
    .s8seal1, .s8seal2, .s8no-pres {
        display: none !important;
    }
    .s8hding {
        padding: 0 16px !important;
        text-align: center !important;
        color: #fff !important;
    }
    .s8hding2 {
        padding: 4px 16px 0 !important;
        text-align: center !important;
    }
    .s8txt {
        font-size: 17px !important;
        padding: 12px 16px 0 !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        color: #fff !important;
    }
    ul.s8list {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 16px 0 !important;
        box-sizing: border-box !important;
    }
    ul.s8list li {
        height: auto !important;
        color: #fff !important;
    }
    .sec8btn {
        position: static !important;
        display: block !important;
        text-align: center !important;
        margin: 20px auto 0 !important;
    }
    /* Section 8 submit button is an <a><img> */
    a.toTop > img.sec8btn {
        position: static !important;
        display: block !important;
        margin: 20px auto 0 !important;
        max-width: 260px !important;
        width: 90% !important;
    }

    /* ── Footer ──────────────────────────────────────────── */
    .ftrtxt {
        font-size: 13px !important;
        line-height: 1.6 !important;
        padding: 16px !important;
    }
    footer {
        padding: 16px !important;
    }

} /* end @media 767px */


/* ── Very small phones (≤ 420px) ──────────────────────────── */
@media (max-width: 420px) {

    .s1hding2, .s8hding2 { font-size: 23px !important; }

    /* 4 boxes → single column on tiny screens */
    .s2box1, .s2box2, .s2box3, .s2box4 {
        width: 100% !important;
    }

    .sec3txt2, .sec3txt3 { font-size: 15px !important; color: #000; }
}


/* ============================================================
   CHECKOUT.PHP
   ============================================================ */
@media (max-width: 767px) {

    .order__left, .order__right {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .order__right { margin-top: 20px !important; }

    .header .container,
    .header .row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    .header__logo {
        max-width: 160px !important;
        margin-bottom: 8px !important;
    }
    .header__info { justify-content: center !important; }

    .package-images {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }
    .package-info {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }

    #btn-subscribe, #btn-onetime {
        font-size: 13px !important;
        padding: 9px 6px !important;
    }

    /* ── Product selection cards ─────────────────────────── */
    .package-item__content {
        position: relative !important;
        overflow: hidden !important;
    }

    /* Radio circle: pull out of flow, pin to top-left */
    .package-item__status {
        position: absolute !important;
        top: 12px !important;
        left: 8px !important;
        width: 36px !important;
        height: 36px !important;
        float: none !important;
    }

    .package-item__status span {
        margin-top: 0 !important;
        width: 24px !important;
        height: 24px !important;
        left: 0 !important;
        top: 0 !important;
    }

    .product.active .package-item__status span:before {
        top: -22px !important;
        left: -4px !important;
        width: 36px !important;
        height: 36px !important;
    }

    /* Images: full width, centered */
    .package-images,
    .product3 .package-images {
        float: none !important;
        width: 100% !important;
        padding: 14px 0 0 !important;
        text-align: center !important;
        display: block !important;
    }

    .package-images__item {
        display: inline-block !important;
        vertical-align: middle !important;
        height: auto !important;
        width: auto !important;
        padding: 0 4px !important;
    }

    .package-images__item img {
        max-height: 120px !important;
        width: auto !important;
        height: auto !important;
    }

    /* SAVE badge: pin to top-right */
    .package__save {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        width: 64px !important;
        height: 64px !important;
        background-size: contain !important;
    }

    .package__save_title {
        font-size: 10px !important;
        margin-top: 14px !important;
        line-height: 12px !important;
    }

    .package__save_item {
        font-size: 10px !important;
    }

    /* Info block: full width below images */
    .package-info {
        float: none !important;
        width: 100% !important;
        padding: 6px 12px 14px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .package-info__price {
        font-size: 32px !important;
        line-height: 40px !important;
        word-spacing: normal !important;
        margin-left: 0 !important;
    }

    .package-info__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-top: 6px !important;
    }

    .package-info__btn {
        margin: 8px auto !important;
        display: block !important;
        width: 90% !important;
    }

    /* Steps bar — stack vertically on mobile */
    .steps__list {
        flex-direction: column !important;
        width: 100% !important;
    }
    .steps__item {
        width: 100% !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        padding: 8px 12px !important;
        box-sizing: border-box !important;
        border-radius: 0 !important;
        margin-bottom: 2px !important;
        margin-left: 0px;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* ============================================================
   UPSELL.PHP + THANKYOU.PHP
   ============================================================ */
@media (max-width: 767px) {

    /* ── Header ────────────────────────────────────────────── */
    .header__warning .container {
        font-size: 12px !important;
        line-height: 1.5 !important;
        padding: 6px 12px !important;
        text-align: center !important;
    }

    /* Stack logo + info vertically */
    .header .container.row,
    .header > .container {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 12px !important;
        gap: 10px !important;
    }

    .header__logo {
        max-width: 180px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .header__info {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .delivery-block {
        max-width: 100% !important;
        font-size: 13px !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* ── Upsell card ───────────────────────────────────────── */
    .upsell-wrap {
        margin: 12px auto !important;
        padding: 0 10px 30px !important;
    }

    .upsell-badge {
        font-size: 11px !important;
        padding: 7px 10px !important;
        letter-spacing: 0.03em !important;
    }

    .upsell-card {
        padding: 20px 16px 20px !important;
    }

    .upsell-card h1 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }

    .upsell-card .upsell-sub {
        font-size: 13px !important;
        margin-bottom: 16px !important;
    }

    .upsell-card img.product-img {
        max-width: 150px !important;
        margin-bottom: 14px !important;
    }

    .upsell-product-name {
        font-size: 16px !important;
    }

    .upsell-product-desc {
        font-size: 12px !important;
        margin-bottom: 18px !important;
    }

    .upsell-price {
        font-size: 22px !important;
        margin-bottom: 16px !important;
    }

    .btn-purchase {
        font-size: 15px !important;
        padding: 14px 10px !important;
    }

    .btn-nothanks {
        font-size: 12px !important;
    }

    /* ── Footer ────────────────────────────────────────────── */
    .footer .container {
        font-size: 11px !important;
        padding: 12px !important;
        text-align: center !important;
    }

    .terms-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 0 !important;
        margin-top: 8px !important;
    }

    .terms-links li {
        list-style: none !important;
        font-size: 11px !important;
    }
}