body.pclp-landing-active {
    overflow-x: hidden;
}

body.pclp-landing-active .landing-container {
    width: min(100%, 960px);
    margin: clamp(16px, 4vw, 42px) auto;
    padding: clamp(18px, 3vw, 34px) !important;
    box-sizing: border-box;
}

body.pclp-landing-active .landing-container > * {
    max-width: 100%;
}

body.pclp-landing-active .landing-container img,
body.pclp-landing-active .landing-container iframe,
body.pclp-landing-active .landing-container video {
    display: block;
    max-width: 100%;
    height: auto;
}

body.pclp-landing-active .product-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

body.pclp-landing-active .features-section,
body.pclp-landing-active .faq-section,
body.pclp-landing-active .vip-box,
body.pclp-landing-active .checkout-anchor,
body.pclp-landing-active .pclp-video-wrapper {
    content-visibility: auto;
    contain-intrinsic-size: 1px 700px;
}

body.pclp-landing-active .checkout-anchor {
    scroll-margin-top: 28px;
}

body.pclp-landing-active .woocommerce form.checkout,
body.pclp-landing-active .woocommerce-checkout-review-order-table,
body.pclp-landing-active .woocommerce-checkout-payment {
    width: 100%;
    box-sizing: border-box;
}

body.pclp-landing-active .woocommerce form.checkout .form-row {
    width: 100% !important;
    clear: both;
}

body.pclp-landing-active .woocommerce form.checkout input.input-text,
body.pclp-landing-active .woocommerce form.checkout select,
body.pclp-landing-active .woocommerce form.checkout textarea {
    width: 100%;
    box-sizing: border-box;
}

body.pclp-landing-active .pclp-floating-btn {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    text-align: center !important;
    line-height: 1.2 !important;
    min-height: 52px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    max-width: min(92vw, 420px) !important;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pclp-landing-active .pclp-floating-btn span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pclp-landing-active .landing-container,
body.pclp-landing-active #pclp-checkout {
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
}

body.pclp-landing-active .pclp-video-wrapper iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 240px;
    height: auto !important;
}

body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait iframe,
body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait video,
body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait .wp-video,
body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait .wp-embedded-content {
    aspect-ratio: 9 / 16 !important;
    min-height: 520px !important;
    max-height: min(86vh, 760px) !important;
    width: auto !important;
    max-width: 100% !important;
    margin-inline: auto;
}

body.pclp-landing-active .faq-answer {
    overflow: hidden;
}

body.pclp-landing-active .faq-question {
    cursor: pointer !important;
    touch-action: manipulation;
}

body.pclp-landing-active .faq-item .faq-answer {
    display: none;
}

body.pclp-landing-active .faq-item.faq-open .faq-answer {
    display: block !important;
}

/* Theme-aware floating CTA palette */
body.pclp-landing-active {
    --pclp-float-bg: linear-gradient(145deg, #1e5631, #2e7d32);
    --pclp-float-shadow: 0 10px 24px rgba(30, 86, 49, 0.26);
    --pclp-float-shadow-hover: 0 14px 28px rgba(30, 86, 49, 0.32);
    --pclp-offer-accent: #0f766e;
    --pclp-offer-accent-soft: rgba(15, 118, 110, 0.12);
    --pclp-offer-badge-main: #334155;
    --pclp-offer-badge-highlight: #7c3aed;
    --pclp-offer-badge-discount: #16a34a;
    --pclp-bump-border: #1f8f57;
    --pclp-bump-head-bg: #f7b230;
    --pclp-bump-head-text: #111827;
    --pclp-bump-price: #065f46;
    --pclp-bump-btn-bg: #16a34a;
    --pclp-bump-btn-selected: #0f766e;
}

body.pclp-landing-active.pclp-theme-default {
    --pclp-float-bg: linear-gradient(145deg, #1e5631, #2e7d32);
    --pclp-float-shadow: 0 10px 24px rgba(30, 86, 49, 0.26);
    --pclp-float-shadow-hover: 0 14px 28px rgba(30, 86, 49, 0.32);
}

body.pclp-landing-active.pclp-theme-modern {
    --pclp-float-bg: linear-gradient(135deg, #6e45e2 0%, #88d3ce 100%);
    --pclp-float-shadow: 0 10px 24px rgba(110, 69, 226, 0.3);
    --pclp-float-shadow-hover: 0 14px 30px rgba(110, 69, 226, 0.38);
    --pclp-offer-accent: #5f4ad6;
    --pclp-offer-accent-soft: rgba(95, 74, 214, 0.14);
    --pclp-offer-badge-main: #4c3fb7;
    --pclp-offer-badge-highlight: #6e45e2;
    --pclp-offer-badge-discount: #3ba2a0;
    --pclp-bump-border: #6e45e2;
    --pclp-bump-head-bg: linear-gradient(135deg, #6e45e2, #88d3ce);
    --pclp-bump-head-text: #ffffff;
    --pclp-bump-price: #4c3fb7;
    --pclp-bump-btn-bg: #6e45e2;
    --pclp-bump-btn-selected: #4c3fb7;
}

body.pclp-landing-active.pclp-theme-classic {
    --pclp-float-bg: linear-gradient(145deg, #ff7b25, #ffa726);
    --pclp-float-shadow: 0 10px 24px rgba(255, 123, 37, 0.3);
    --pclp-float-shadow-hover: 0 14px 30px rgba(255, 123, 37, 0.38);
    --pclp-offer-accent: #e67520;
    --pclp-offer-accent-soft: rgba(230, 117, 32, 0.14);
    --pclp-offer-badge-main: #8a4b17;
    --pclp-offer-badge-highlight: #f2994a;
    --pclp-offer-badge-discount: #d96a19;
    --pclp-bump-border: #e67520;
    --pclp-bump-head-bg: linear-gradient(135deg, #e67520, #f2994a);
    --pclp-bump-head-text: #ffffff;
    --pclp-bump-price: #b45309;
    --pclp-bump-btn-bg: #e67520;
    --pclp-bump-btn-selected: #b45309;
}

body.pclp-landing-active.pclp-theme-glow {
    --pclp-float-bg: linear-gradient(145deg, #ff9ce7, #ff66b3);
    --pclp-float-shadow: 0 10px 24px rgba(255, 102, 179, 0.3);
    --pclp-float-shadow-hover: 0 14px 30px rgba(255, 102, 179, 0.38);
    --pclp-offer-accent: #d63384;
    --pclp-offer-accent-soft: rgba(214, 51, 132, 0.16);
    --pclp-offer-badge-main: #8a2b61;
    --pclp-offer-badge-highlight: #d63384;
    --pclp-offer-badge-discount: #ec5fa3;
    --pclp-bump-border: #d63384;
    --pclp-bump-head-bg: linear-gradient(135deg, #d63384, #ec5fa3);
    --pclp-bump-head-text: #ffffff;
    --pclp-bump-price: #b11f67;
    --pclp-bump-btn-bg: #d63384;
    --pclp-bump-btn-selected: #8a2b61;
}

/* Theme-aware checkout form palette */
body.pclp-landing-active {
    --pclp-form-accent: #1f7a3a;
    --pclp-form-accent-soft: rgba(31, 122, 58, 0.12);
    --pclp-form-border: #d1d9e4;
    --pclp-form-bg: #ffffff;
    --pclp-form-text: #111827;
    --pclp-form-muted: #667085;
    --pclp-form-title-bg: linear-gradient(135deg, #1f7a3a, #2f9b4d);
    --pclp-form-title-text: #ffffff;
    --pclp-form-label: #1f7a3a;
    --pclp-form-btn-bg: linear-gradient(135deg, #1f7a3a, #2f9b4d);
    --pclp-form-btn-text: #ffffff;
}

body.pclp-landing-active.pclp-theme-modern {
    --pclp-form-accent: #5f4ad6;
    --pclp-form-accent-soft: rgba(95, 74, 214, 0.14);
    --pclp-form-title-bg: linear-gradient(135deg, #5f4ad6, #6f86e8);
    --pclp-form-label: #5f4ad6;
    --pclp-form-btn-bg: linear-gradient(135deg, #5f4ad6, #6f86e8);
}

body.pclp-landing-active.pclp-theme-classic {
    --pclp-form-accent: #e67520;
    --pclp-form-accent-soft: rgba(230, 117, 32, 0.14);
    --pclp-form-title-bg: linear-gradient(135deg, #e67520, #f2994a);
    --pclp-form-label: #d96a19;
    --pclp-form-btn-bg: linear-gradient(135deg, #e67520, #f2994a);
}

body.pclp-landing-active.pclp-theme-glow {
    --pclp-form-accent: #d63384;
    --pclp-form-accent-soft: rgba(214, 51, 132, 0.16);
    --pclp-form-title-bg: linear-gradient(135deg, #d63384, #ec5fa3);
    --pclp-form-label: #d63384;
    --pclp-form-btn-bg: linear-gradient(135deg, #d63384, #ec5fa3);
}

/* ══════════════════════════════════════════════════════════════════════════════
   PCLP — Complete single-column checkout layout
   Forces the entire WooCommerce checkout into ONE vertical column:
   [Billing fields] → [Order summary] → [Payment button]
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1 ─ The form itself: kill any flex/grid the theme might have set */
body.pclp-landing-active .woocommerce form.checkout {
    display: block !important;
    overflow: hidden !important;   /* clear floats inside */
}

/* 2 ─ #customer_details & #order_review: both full-width, stacked */
body.pclp-landing-active .woocommerce-checkout #customer_details,
body.pclp-landing-active .woocommerce-checkout #order_review,
body.pclp-landing-active .woocommerce-checkout #order_review_heading {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   THEME-AGNOSTIC CHECKOUT ISOLATION
   .pclp-checkout-inner wraps the WooCommerce checkout shortcode in every
   landing-page template. All rules below are scoped to that wrapper so
   they cannot bleed into the rest of the theme — and they win against any
   theme grid (Flatsome .row/.col/.large-6/.medium-6, Divi, Astra, etc.)
   ───────────────────────────────────────────────────────────────────────── */

/* Reset wrapper: kill any inherited flex/grid the theme may push in */
body.pclp-landing-active .pclp-checkout-inner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Flatsome (and clones) — .row turns children into flex columns */
body.pclp-landing-active .pclp-checkout-inner .row {
    display: block !important;
    flex-wrap: unset !important;
}

/* Flatsome col, large-*, medium-*, small-* — forced full-width */
body.pclp-landing-active .pclp-checkout-inner .col,
body.pclp-landing-active .pclp-checkout-inner [class*="large-"],
body.pclp-landing-active .pclp-checkout-inner [class*="medium-"],
body.pclp-landing-active .pclp-checkout-inner [class*="small-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Generic flex/grid containers inside the wrapper */
body.pclp-landing-active .pclp-checkout-inner .woocommerce,
body.pclp-landing-active .pclp-checkout-inner form.checkout {
    display: block !important;
}

/* 3 ─ col2-set: block, not flex/grid */
body.pclp-landing-active .woocommerce-checkout .col2-set {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* 4 ─ col-1 / col-2: full-width, stacked */
body.pclp-landing-active .woocommerce-checkout .col-1,
body.pclp-landing-active .woocommerce-checkout .col-2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 5 ─ Hide col-2 entirely (shipping to different address is disabled) */
body.pclp-landing-active .woocommerce-checkout .col-2 {
    display: none !important;
}

/* 6 ─ Form rows: every row full-width — no more 47% half-rows */
body.pclp-landing-active .woocommerce form.checkout .form-row,
body.pclp-landing-active .woocommerce form.checkout .form-row-wide,
body.pclp-landing-active .woocommerce form.checkout .form-row-first,
body.pclp-landing-active .woocommerce form.checkout .form-row-last,
body.pclp-landing-active .woocommerce form.checkout p.form-row,
body.pclp-landing-active .woocommerce form.checkout .woocommerce-form-row,
body.pclp-landing-active .woocommerce-billing-fields__field-wrapper .form-row,
body.pclp-landing-active .woocommerce-billing-fields .form-row {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* 7 ─ Order review table + payment: full-width */
body.pclp-landing-active .woocommerce-checkout-review-order-table,
body.pclp-landing-active .woocommerce-checkout-payment,
body.pclp-landing-active #payment {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* 8 ─ WooCommerce Blocks (if theme uses block checkout) */
body.pclp-landing-active .wp-block-woocommerce-checkout {
    max-width: 100% !important;
}

/* Unified, theme-aware form shell */
body.pclp-landing-active .woocommerce form.checkout {
    padding: 18px !important;
    border-radius: 16px !important;
    border: 1px solid var(--pclp-form-border) !important;
    background: linear-gradient(180deg, #fff, #fcfdff) !important;
    box-shadow: 0 8px 24px rgba(2, 6, 23, 0.06) !important;
}

body.pclp-landing-active .woocommerce form.checkout h3,
body.pclp-landing-active .woocommerce-checkout #order_review_heading {
    color: var(--pclp-form-title-text) !important;
    font-weight: 800 !important;
    text-align: center !important;
    background: var(--pclp-form-title-bg) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin-bottom: 14px !important;
}

body.pclp-landing-active .woocommerce form.checkout label {
    color: var(--pclp-form-label) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
}

body.pclp-landing-active #pclp-checkout > h2 {
    text-align: center !important;
    color: var(--pclp-form-accent) !important;
    margin-bottom: 14px !important;
}

body.pclp-landing-active .woocommerce form.checkout input.input-text,
body.pclp-landing-active .woocommerce form.checkout select,
body.pclp-landing-active .woocommerce form.checkout textarea {
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border-radius: 12px !important;
    border: 1px solid var(--pclp-form-border) !important;
    background: var(--pclp-form-bg) !important;
    color: var(--pclp-form-text) !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

body.pclp-landing-active .woocommerce form.checkout input.input-text::placeholder,
body.pclp-landing-active .woocommerce form.checkout textarea::placeholder {
    color: var(--pclp-form-muted) !important;
    opacity: 1 !important;
}

body.pclp-landing-active .woocommerce form.checkout input.input-text:focus,
body.pclp-landing-active .woocommerce form.checkout select:focus,
body.pclp-landing-active .woocommerce form.checkout textarea:focus {
    border-color: var(--pclp-form-accent) !important;
    box-shadow: 0 0 0 3px var(--pclp-form-accent-soft) !important;
    outline: 0 !important;
}

/* Fix governorate/state visibility (Select2) */
body.pclp-landing-active .woocommerce form.checkout .select2-container {
    width: 100% !important;
}

body.pclp-landing-active .woocommerce form.checkout .select2-selection--single {
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid var(--pclp-form-border) !important;
    background: #fff !important;
}

body.pclp-landing-active .woocommerce form.checkout .select2-selection__rendered {
    color: var(--pclp-form-text) !important;
    line-height: 46px !important;
    padding-right: 14px !important;
    padding-left: 34px !important;
    font-size: 17px !important;
}

body.pclp-landing-active .woocommerce form.checkout .select2-selection__placeholder {
    color: var(--pclp-form-muted) !important;
}

body.pclp-landing-active .woocommerce form.checkout .select2-selection__arrow {
    height: 46px !important;
    left: 10px !important;
    right: auto !important;
}

body.pclp-landing-active .select2-dropdown {
    border: 1px solid var(--pclp-form-border) !important;
    border-radius: 10px !important;
}

body.pclp-landing-active .select2-results__option {
    font-size: 16px !important;
    color: var(--pclp-form-text) !important;
}

/* Place order button + alignment for "طلبك" area */
body.pclp-landing-active .woocommerce form.checkout #place_order {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 12px !important;
    border: none !important;
    background: var(--pclp-form-btn-bg) !important;
    color: var(--pclp-form-btn-text) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, 0.12) !important;
}

body.pclp-landing-active .woocommerce form.checkout button#place_order,
body.pclp-landing-active .woocommerce form.checkout .button#place_order {
    background: var(--pclp-form-btn-bg) !important;
    color: var(--pclp-form-btn-text) !important;
}

body.pclp-landing-active .woocommerce-checkout-review-order-table th,
body.pclp-landing-active .woocommerce-checkout-review-order-table td {
    color: var(--pclp-form-text) !important;
}

body.pclp-landing-active .animated-buy-btn {
    background: var(--pclp-form-btn-bg) !important;
    color: var(--pclp-form-btn-text) !important;
}

body.pclp-landing-active .vip-box .animated-buy-btn {
    background: var(--pclp-form-btn-bg) !important;
    color: var(--pclp-form-btn-text) !important;
    border: none !important;
}

body.pclp-landing-active .faq-question {
    background: var(--pclp-form-btn-bg) !important;
    color: var(--pclp-form-btn-text) !important;
    border: none !important;
}

body.pclp-landing-active .faq-answer {
    border-color: var(--pclp-form-accent) !important;
}

/* Unified floating CTA across all themes */
body.pclp-landing-active button.pclp-floating-btn,
body.pclp-landing-active #floating-btn,
body.pclp-landing-active #floating-green-btn,
body.pclp-landing-active #floating-orange-btn,
body.pclp-landing-active #floating-pink-btn {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 52px !important;
    width: min(92vw, 420px) !important;
    max-width: 420px !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 14px !important;
    background: var(--pclp-float-bg) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: var(--pclp-float-shadow) !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    animation: none !important;
}

body.pclp-landing-active button.pclp-floating-btn:hover,
body.pclp-landing-active #floating-btn:hover,
body.pclp-landing-active #floating-green-btn:hover,
body.pclp-landing-active #floating-orange-btn:hover,
body.pclp-landing-active #floating-pink-btn:hover {
    transform: translateX(-50%) translateY(-1px) !important;
    box-shadow: var(--pclp-float-shadow-hover) !important;
}

body.pclp-landing-active .pclp-floating-btn .btn-glow {
    display: none !important;
}

body.pclp-landing-active .pclp-floating-btn span {
    position: static !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 768px) {
    body.pclp-landing-active .landing-container {
        border-radius: 16px;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 84px !important;
    }

    body.pclp-landing-active .landing-container p,
    body.pclp-landing-active .landing-container li,
    body.pclp-landing-active .landing-container .features-section,
    body.pclp-landing-active .landing-container .faq-answer {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

    body.pclp-landing-active .landing-container h1 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    body.pclp-landing-active .landing-container h2 {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }

    body.pclp-landing-active .woocommerce form.checkout {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    body.pclp-landing-active .woocommerce form.checkout label {
        font-size: 16px !important;
    }

    body.pclp-landing-active .woocommerce form.checkout input.input-text,
    body.pclp-landing-active .woocommerce form.checkout select,
    body.pclp-landing-active .woocommerce form.checkout textarea {
        min-height: 46px !important;
        font-size: 16px !important;
    }

    body.pclp-landing-active .woocommerce form.checkout .select2-selection__rendered {
        font-size: 16px !important;
    }

    body.pclp-landing-active .landing-container .animated-buy-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 14px !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
        border-radius: 10px !important;
        box-sizing: border-box;
    }

    /* Keep VIP CTA perfectly centered on mobile */
    body.pclp-landing-active .vip-box .timer-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 12px !important;
    }

    body.pclp-landing-active .vip-box .timer-container .animated-buy-btn,
    body.pclp-landing-active .vip-box a.animated-buy-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        margin: 0 auto !important;
        width: min(100%, 320px) !important;
        max-width: 100% !important;
        text-align: center !important;
        float: none !important;
    }

    body.pclp-landing-active button.pclp-floating-btn,
    body.pclp-landing-active #floating-btn,
    body.pclp-landing-active #floating-green-btn,
    body.pclp-landing-active #floating-orange-btn,
    body.pclp-landing-active #floating-pink-btn {
        left: 12px !important;
        right: 12px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        min-height: 50px !important;
        padding: 11px 14px !important;
        font-size: 17px !important;
        bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        border-radius: 13px !important;
    }

    body.pclp-landing-active .pclp-floating-btn span {
        font-size: inherit !important;
        line-height: 1.2 !important;
    }

    body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait iframe,
    body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait video,
    body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait .wp-video,
    body.pclp-landing-active .pclp-video-wrapper.pclp-video-layout-portrait .wp-embedded-content {
        aspect-ratio: 9 / 16 !important;
        min-height: 440px !important;
        max-height: min(82vh, 640px) !important;
        width: auto !important;
    }

    body.pclp-landing-active .vip-box,
    body.pclp-landing-active .faq-box,
    body.pclp-landing-active .features-section,
    body.pclp-landing-active .checkout-anchor {
        border-radius: 16px;
    }

    body.pclp-landing-active .pclp-floating-btn,
    body.pclp-landing-active .animated-buy-btn,
    body.pclp-landing-active .vip-timer {
        animation: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pclp-landing-active *,
    body.pclp-landing-active *::before,
    body.pclp-landing-active *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ══ Sticky Summary Bar ════════════════════════════════════════════════════ */
#pclp-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.12);
    padding: 12px 16px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

#pclp-sticky-bar.pclp-sticky-bar--visible {
    transform: translateY(0);
}

.pclp-sticky-inner {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pclp-sticky-product {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.pclp-sticky-name {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pclp-sticky-price {
    font-size: 15px;
    font-weight: 800;
    color: var(--pclp-form-accent, #1f7a3a);
    flex-shrink: 0;
}

.pclp-sticky-cta {
    flex-shrink: 0;
    padding: 12px 24px;
    border-radius: 999px;
    background: var(--pclp-form-btn-bg, linear-gradient(135deg, #1f7a3a, #2f9b4d));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(31, 122, 58, 0.3);
    transition: opacity 0.15s;
}

.pclp-sticky-cta:hover { opacity: 0.9; }

/* ══ Multi-Step Checkout ═══════════════════════════════════════════════════ */
.pclp-steps {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 14px 16px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e4e7ec;
}

.pclp-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #94a3b8;
    transition: color 0.2s;
}

.pclp-step.is-active {
    color: var(--pclp-form-accent, #1f7a3a);
}

.pclp-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e2e8f0;
    font-size: 13px;
    font-weight: 800;
    color: #64748b;
    transition: background 0.2s, color 0.2s;
}

.pclp-step.is-active span {
    background: var(--pclp-form-accent, #1f7a3a);
    color: #fff;
}

.pclp-step-arrow {
    font-size: 20px;
    color: #cbd5e1;
}

.pclp-next-step-btn {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    border-radius: 12px;
    background: var(--pclp-form-btn-bg, linear-gradient(135deg, #1f7a3a, #2f9b4d));
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-align: center;
}

.pclp-next-step-btn:hover { opacity: 0.9; }

/* ══ Before/After Pricing — Main Product Price ═════════════════════════════ */
body.pclp-landing-active .pclp-price-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.pclp-landing-active .pclp-regular-price {
    color: #9ca3af;
    font-size: 0.9em;
    text-decoration: line-through;
}

body.pclp-landing-active .pclp-sale-price {
    color: #dc2626;
    font-size: 1.2em;
    font-weight: 800;
    text-decoration: none;
}

body.pclp-landing-active .pclp-price-savings-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #dcfce7;
    color: #16a34a;
    font-size: 12px;
    font-weight: 700;
}

/* Inside VIP box — use solid green + white text for better contrast on colored backgrounds */
body.pclp-landing-active .vip-box .pclp-price-savings-badge {
    background: #16a34a;
    color: #fff;
    font-size: 13px;
    padding: 4px 14px;
    margin-top: 6px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SHIPPING / DELIVERY BADGE
   Animated block inside every .vip-box — colour adapts per theme via
   .pclp-theme-* class on .landing-container
   ═══════════════════════════════════════════════════════════════════════════ */

/* Entry + idle animations */
@keyframes pclp-badge-enter {
    from { opacity: 0; transform: scale(.55) translateY(-14px); }
    to   { opacity: 1; transform: scale(1)   translateY(0);     }
}
@keyframes pclp-badge-pulse {
    0%,100% { transform: scale(1);    box-shadow: var(--pclp-badge-shadow-rest); }
    50%     { transform: scale(1.06); box-shadow: var(--pclp-badge-shadow-up);   }
}

/* Base — default (green) used when no theme modifier is present */
body.pclp-landing-active .vip-box .pclp-shipping-badge {
    --pclp-badge-from:        #15803d;
    --pclp-badge-to:          #22c55e;
    --pclp-badge-shadow-rest: 0 4px 18px rgba(21,128,61,.38);
    --pclp-badge-shadow-up:   0 8px 30px rgba(21,128,61,.55);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 24px;
    margin: 14px auto 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--pclp-badge-from), var(--pclp-badge-to));
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .3px;
    cursor: default;
    user-select: none;
    opacity: 0;                          /* starts hidden — enter anim shows it */
    animation:
        pclp-badge-enter .65s cubic-bezier(.34,1.56,.64,1) .25s forwards,
        pclp-badge-pulse  2.4s ease-in-out 1.2s infinite;
    will-change: transform, box-shadow;
}

body.pclp-landing-active .vip-box .pclp-shipping-badge__check {
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

/* ── Theme: Modern (purple) ─────────────────────────────────────────── */
body.pclp-landing-active .pclp-theme-modern .vip-box .pclp-shipping-badge {
    --pclp-badge-from:        #5b21b6;
    --pclp-badge-to:          #7c3aed;
    --pclp-badge-shadow-rest: 0 4px 18px rgba(109,40,217,.38);
    --pclp-badge-shadow-up:   0 8px 30px rgba(109,40,217,.55);
}

/* ── Theme: Classic (orange) ────────────────────────────────────────── */
body.pclp-landing-active .pclp-theme-classic .vip-box .pclp-shipping-badge {
    --pclp-badge-from:        #c2410c;
    --pclp-badge-to:          #f97316;
    --pclp-badge-shadow-rest: 0 4px 18px rgba(234,88,12,.38);
    --pclp-badge-shadow-up:   0 8px 30px rgba(234,88,12,.55);
}

/* ── Theme: Glow (pink) ─────────────────────────────────────────────── */
body.pclp-landing-active .pclp-theme-glow .vip-box .pclp-shipping-badge {
    --pclp-badge-from:        #be185d;
    --pclp-badge-to:          #ec4899;
    --pclp-badge-shadow-rest: 0 4px 18px rgba(236,72,153,.38);
    --pclp-badge-shadow-up:   0 8px 30px rgba(236,72,153,.55);
}

/* Fix z-index conflict: sticky bar stays above floating button */
#pclp-sticky-bar {
    z-index: 99998 !important;
}

#floating-green-btn, .pclp-floating-btn {
    z-index: 99997 !important;
    /* Move up slightly when sticky bar is visible */
    transition: bottom 0.3s ease;
}

body.pclp-sticky-active #floating-green-btn,
body.pclp-sticky-active .pclp-floating-btn {
    bottom: 80px !important;
}


/* Hide "Ship to different address?" section on landing pages */
body.pclp-landing-active .woocommerce-shipping-fields,
body.pclp-landing-active #ship-to-different-address,
body.pclp-landing-active .ship-to-different-address,
body.pclp-landing-active #shipping_address_1_field,
body.pclp-landing-active #shipping_city_field,
body.pclp-landing-active #shipping_state_field,
body.pclp-landing-active #shipping_postcode_field,
body.pclp-landing-active #shipping_country_field {
    display: none !important;
}