/* Woo Easy Life — Landing Page Elementor widget (scoped)
   Font loaded via wp_enqueue (not @import) for non-blocking CSS. */
.wel-landing *, .wel-landing *::before, .wel-landing *::after { box-sizing: border-box; }
.wel-landing p, .wel-landing h1, .wel-landing h2, .wel-landing ul, .wel-landing ol, .wel-landing figure { margin: 0; padding: 0; }
.wel-landing{
      --bg: #f1f7f2;
      --surface: #ffffff;
      --ink: #102018;
      --ink-soft: #456352;
      --muted: #6b8172;
      --brand: #0f9f4f;
      --brand-dark: #0a5c32;
      --brand-mid: #11964b;
      --brand-soft: #e6f7ec;
      --heading: #0a5c32;
      --cta: #0f9f4f;
      --cta-light: #2dbf6a;
      --cta-deep: #0a5c32;
      --warn: #c41e3a;
      --line: #cfe3d5;
      --shadow: 0 12px 32px rgba(16, 32, 24, 0.1);
      --radius: 18px;
      --max: 680px;
      --font: "Hind Siliguri", sans-serif;
      --safe-bottom: env(safe-area-inset-bottom, 0px);
      --safe-top: env(safe-area-inset-top, 0px);
      --sticky-h: 4.75rem;
      --touch: 44px;
      --glow-1: #c5ecd4;
      --glow-2: #d4f0df;
      --bg-top: #e8f6ec;
      --bg-bottom: #f6faf7;
      --chip-bg: #ffffff;
      --chip-text: #0a5c32;
      --cta-ink: #ffffff;
      --topbar-ink: #ffffff;
      --ghost-bg: #ffffff;
      --ghost-ink: #0a5c32;
      /* Theme-safe surfaces (never hardcode #fff for chips/fields) */
      --lift: #ffffff;
      --lift-soft: color-mix(in srgb, var(--surface) 88%, var(--brand-soft) 12%);
      --field-bg: #ffffff;
      --field-ink: var(--ink);
      --field-placeholder: color-mix(in srgb, var(--ink-soft) 75%, transparent);
      --shine: color-mix(in srgb, #ffffff 55%, transparent);
      --select-wash: color-mix(in srgb, var(--cta) 10%, var(--lift));
      --select-wash-2: color-mix(in srgb, var(--brand-soft) 55%, var(--lift));
    }
    /* Bangla font dropdown (class mirrors inline --font for CSS-only fallbacks) */
    .wel-landing--font-hind_siliguri { --font: "Hind Siliguri", sans-serif; }
    .wel-landing--font-noto_sans_bengali { --font: "Noto Sans Bengali", sans-serif; }
    .wel-landing--font-baloo_da_2 { --font: "Baloo Da 2", sans-serif; }
    .wel-landing--font-anek_bangla { --font: "Anek Bangla", sans-serif; }
    .wel-landing--font-noto_serif_bengali { --font: "Noto Serif Bengali", serif; }
    .wel-landing--font-atma { --font: "Atma", cursive; }
    .wel-landing--font-mina { --font: "Mina", sans-serif; }
    .wel-landing--font-tiro_bangla { --font: "Tiro Bangla", serif; }
    .wel-landing--font-galada { --font: "Galada", cursive; }

    /* Theme presets — brand + CTA button colors both change */
    .wel-landing--theme-green{
      --brand: #0f9f4f;
      --brand-dark: #0a5c32;
      --brand-mid: #11964b;
      --brand-soft: #e6f7ec;
      --heading: #0a5c32;
      /* CTA must match green brand (checkout accents use --cta, not --brand) */
      --cta: #0f9f4f;
      --cta-light: #2dbf6a;
      --cta-deep: #0a5c32;
      --chip-bg: #e6f7ec;
      --chip-text: #0a5c32;
      --cta-ink: #ffffff;
      --ghost-bg: #e6f7ec;
      --ghost-ink: #0a5c32;
      --muted: #547060;
    }
    .wel-landing--theme-blue{
      --bg: #f0f5fb;
      --ink: #0f1a28;
      --ink-soft: #3d5570;
      --muted: #4a6380;
      --brand: #1a6fd4;
      --brand-dark: #0d4a94;
      --brand-mid: #2a7de0;
      --brand-soft: #e6f0fb;
      --heading: #0d4a94;
      --cta: #1a6fd4;
      --cta-light: #3d8aef;
      --cta-deep: #0d4a94;
      --line: #c8d9ee;
      --glow-1: #c5daf5;
      --glow-2: #d7e6f8;
      --bg-top: #e6f0fa;
      --bg-bottom: #f5f8fc;
      --chip-bg: #e6f0fb;
      --chip-text: #0d4a94;
      --cta-ink: #ffffff;
      --ghost-bg: #e6f0fb;
      --ghost-ink: #0d4a94;
      --muted: #4a6380;
    }
    .wel-landing--theme-rose{
      --bg: #faf2f5;
      --ink: #261018;
      --ink-soft: #6b4555;
      --muted: #8a6572;
      --brand: #c23a6b;
      --brand-dark: #8a2448;
      --brand-mid: #d24a7a;
      --brand-soft: #fce8f0;
      --heading: #8a2448;
      --cta: #c23a6b;
      --cta-light: #d85a88;
      --cta-deep: #8a2448;
      --line: #efd0db;
      --glow-1: #f5d0de;
      --glow-2: #f8dee8;
      --bg-top: #fbeaf1;
      --bg-bottom: #fcf6f8;
      --chip-bg: #fce8f0;
      --chip-text: #8a2448;
      --cta-ink: #ffffff;
      --ghost-bg: #fce8f0;
      --ghost-ink: #8a2448;
      --muted: #75505c;
    }
    .wel-landing--theme-amber{
      --bg: #faf6ef;
      --ink: #241a0c;
      --ink-soft: #6a5538;
      --muted: #887456;
      --brand: #c4781a;
      --brand-dark: #8a520c;
      --brand-mid: #d48922;
      --brand-soft: #f8ecd8;
      --heading: #8a520c;
      --cta: #c4781a;
      --cta-light: #db9a3a;
      --cta-deep: #8a520c;
      --line: #e8d7b8;
      --glow-1: #f0dfc0;
      --glow-2: #f5e8d0;
      --bg-top: #f7ecd8;
      --bg-bottom: #fbf8f2;
      --chip-bg: #f8ecd8;
      --chip-text: #8a520c;
      --cta-ink: #ffffff;
      --ghost-bg: #f8ecd8;
      --ghost-ink: #8a520c;
      --muted: #6f573c;
    }
    .wel-landing--theme-teal{
      --bg: #eef8f7;
      --ink: #0d2422;
      --ink-soft: #3d6560;
      --muted: #5f817c;
      --brand: #0d9b8a;
      --brand-dark: #08685c;
      --brand-mid: #12b3a0;
      --brand-soft: #d8f3ef;
      --heading: #08685c;
      --cta: #0d9b8a;
      --cta-light: #1fc4b0;
      --cta-deep: #08685c;
      --line: #b9e4dc;
      --glow-1: #c5ebe4;
      --glow-2: #d7f2ed;
      --bg-top: #e2f6f3;
      --bg-bottom: #f4fbfa;
      --chip-bg: #d8f3ef;
      --chip-text: #08685c;
      --cta-ink: #ffffff;
      --ghost-bg: #d8f3ef;
      --ghost-ink: #08685c;
      --muted: #4a706a;
    }
    .wel-landing--theme-crimson{
      --bg: #faf1f2;
      --ink: #2a1014;
      --ink-soft: #6e3a42;
      --muted: #8a5a62;
      --brand: #c6284a;
      --brand-dark: #8e1a32;
      --brand-mid: #e03a5c;
      --brand-soft: #fde6eb;
      --heading: #8e1a32;
      --cta: #e11d48;
      --cta-light: #fb3b66;
      --cta-deep: #be123c;
      --line: #f0c4cc;
      --glow-1: #f5cfd6;
      --glow-2: #f9dde3;
      --bg-top: #fce8ec;
      --bg-bottom: #fcf5f6;
      --chip-bg: #fde6eb;
      --chip-text: #8e1a32;
      --cta-ink: #ffffff;
      --ghost-bg: #fde6eb;
      --ghost-ink: #8e1a32;
      --muted: #754048;
    }
    .wel-landing--theme-cocoa{
      --bg: #f7f1ea;
      --ink: #2a1c12;
      --ink-soft: #6b4e3a;
      --muted: #866854;
      --brand: #8b5a2b;
      --brand-dark: #5c3a1a;
      --brand-mid: #a56b35;
      --brand-soft: #f0e2d2;
      --heading: #5c3a1a;
      --cta: #a35a1f;
      --cta-light: #c47435;
      --cta-deep: #7a4014;
      --line: #e2ceba;
      --glow-1: #ead7c4;
      --glow-2: #f1e4d6;
      --bg-top: #efe3d4;
      --bg-bottom: #faf6f1;
      --chip-bg: #f0e2d2;
      --chip-text: #5c3a1a;
      --cta-ink: #ffffff;
      --ghost-bg: #f0e2d2;
      --ghost-ink: #5c3a1a;
      --muted: #6e523e;
    }
    .wel-landing--theme-mint{
      --bg: #f2faf5;
      --ink: #12241a;
      --ink-soft: #456554;
      --muted: #678574;
      --brand: #2a9d6a;
      --brand-dark: #1a6b46;
      --brand-mid: #35b57a;
      --brand-soft: #dff5ea;
      --heading: #1a6b46;
      --cta: #2a9d6a;
      --cta-light: #3fbf84;
      --cta-deep: #1a6b46;
      --line: #c5e8d5;
      --glow-1: #ccecda;
      --glow-2: #dff4e8;
      --bg-top: #e5f7ee;
      --bg-bottom: #f6fbf8;
      --chip-bg: #dff5ea;
      --chip-text: #1a6b46;
      --cta-ink: #ffffff;
      --ghost-bg: #dff5ea;
      --ghost-ink: #1a6b46;
      --muted: #4f6f5e;
    }
    .wel-landing--theme-coral{
      --bg: #fff5f1;
      --ink: #2a1410;
      --ink-soft: #6e453c;
      --muted: #8a655c;
      --brand: #e86a45;
      --brand-dark: #b04428;
      --brand-mid: #f07d5b;
      --brand-soft: #ffe6dc;
      --heading: #b04428;
      --cta: #e86a45;
      --cta-light: #f58a6a;
      --cta-deep: #b04428;
      --line: #f5cfc2;
      --glow-1: #f8d5c8;
      --glow-2: #fce6dc;
      --bg-top: #ffe9e0;
      --bg-bottom: #fff8f5;
      --chip-bg: #ffe6dc;
      --chip-text: #b04428;
      --cta-ink: #ffffff;
      --ghost-bg: #ffe6dc;
      --ghost-ink: #b04428;
      --muted: #755248;
    }
    /* Dark themes — brand-dark stays deep (bars); --heading is light for titles */
    .wel-landing--theme-dark{
      --bg: #12151a;
      --surface: #1c2129;
      --ink: #eef1f5;
      --ink-soft: #b4bcc8;
      --muted: #9aa3b2;
      --brand: #5b9cff;
      --brand-dark: #1a4f9e;
      --brand-mid: #3d7de8;
      --brand-soft: #243044;
      --heading: #c5dcff;
      --cta: #ff6a1a;
      --cta-light: #ff853f;
      --cta-deep: #e05510;
      --line: #3a4554;
      --shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
      --glow-1: #1a2433;
      --glow-2: #16202c;
      --bg-top: #171b22;
      --bg-bottom: #0e1116;
      --chip-bg: #243044;
      --chip-text: #d6e6ff;
      --cta-ink: #ffffff;
      --topbar-ink: #ffffff;
      --ghost-bg: #243044;
      --ghost-ink: #d6e6ff;
      --lift: #252b36;
      --lift-soft: #222833;
      --field-bg: #161b24;
      --field-ink: #eef1f5;
      --field-placeholder: #8b95a5;
      --shine: color-mix(in srgb, #ffffff 8%, transparent);
      --select-wash: color-mix(in srgb, var(--cta) 16%, var(--lift));
      --select-wash-2: color-mix(in srgb, var(--brand-soft) 70%, var(--lift));
    }
    .wel-landing--theme-midnight{
      --bg: #0b1020;
      --surface: #141b2e;
      --ink: #e8ecf7;
      --ink-soft: #a8b4d0;
      --muted: #8b97b8;
      --brand: #6d8dff;
      --brand-dark: #2a3f8f;
      --brand-mid: #4a66e0;
      --brand-soft: #1a2340;
      --heading: #c8d4ff;
      --cta: #22d3ee;
      --cta-light: #67e8f9;
      --cta-deep: #0891b2;
      --line: #2e3d5c;
      --shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
      --glow-1: #15203a;
      --glow-2: #10182c;
      --bg-top: #10182c;
      --bg-bottom: #080c18;
      --chip-bg: #1a2340;
      --chip-text: #d4dcff;
      --cta-ink: #06252b;
      --topbar-ink: #ffffff;
      --ghost-bg: #1a2340;
      --ghost-ink: #c8d4ff;
      --lift: #1c2640;
      --lift-soft: #182038;
      --field-bg: #0f1528;
      --field-ink: #e8ecf7;
      --field-placeholder: #7f8db0;
      --shine: color-mix(in srgb, #ffffff 8%, transparent);
      --select-wash: color-mix(in srgb, var(--cta) 14%, var(--lift));
      --select-wash-2: color-mix(in srgb, var(--brand-soft) 70%, var(--lift));
    }
    .wel-landing--theme-graphite{
      --bg: #141414;
      --surface: #1f1f1f;
      --ink: #f2f2f2;
      --ink-soft: #c0c0c0;
      --muted: #9a9a9a;
      --brand: #d4a017;
      --brand-dark: #8a6a10;
      --brand-mid: #c49214;
      --brand-soft: #2a2414;
      --heading: #f0c14d;
      --cta: #d4a017;
      --cta-light: #e8b923;
      --cta-deep: #a67c00;
      --line: #3d3d3d;
      --shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
      --glow-1: #242018;
      --glow-2: #1c1a14;
      --bg-top: #1a1a1a;
      --bg-bottom: #0f0f0f;
      --chip-bg: #2a2414;
      --chip-text: #f5d76e;
      --cta-ink: #1a1408;
      --topbar-ink: #ffffff;
      --ghost-bg: #2a2414;
      --ghost-ink: #f5d76e;
      --lift: #2a2a2a;
      --lift-soft: #262626;
      --field-bg: #171717;
      --field-ink: #f2f2f2;
      --field-placeholder: #8a8a8a;
      --shine: color-mix(in srgb, #ffffff 8%, transparent);
      --select-wash: color-mix(in srgb, var(--cta) 14%, var(--lift));
      --select-wash-2: color-mix(in srgb, var(--brand-soft) 70%, var(--lift));
    }

    /* Professional light themes — restrained CTA, cool/warm neutrals */
    .wel-landing--theme-navy{
      --bg: #eef2f7;
      --surface: #ffffff;
      --ink: #0f172a;
      --ink-soft: #334155;
      --muted: #526277;
      --brand: #1e3a5f;
      --brand-dark: #0f2744;
      --brand-mid: #2a4d7a;
      --brand-soft: #e2eaf4;
      --heading: #0f2744;
      --cta: #1e3a5f;
      --cta-light: #2f5688;
      --cta-deep: #0f2744;
      --line: #c5d0de;
      --glow-1: #d8e2ef;
      --glow-2: #e8eef6;
      --bg-top: #e6ecf4;
      --bg-bottom: #f5f7fa;
      --chip-bg: #e2eaf4;
      --chip-text: #0f2744;
      --cta-ink: #ffffff;
      --ghost-bg: #e2eaf4;
      --ghost-ink: #0f2744;
    }
    .wel-landing--theme-slate{
      --bg: #f1f5f9;
      --surface: #ffffff;
      --ink: #0f172a;
      --ink-soft: #475569;
      --muted: #64748b;
      --brand: #475569;
      --brand-dark: #1e293b;
      --brand-mid: #64748b;
      --brand-soft: #e2e8f0;
      --heading: #1e293b;
      --cta: #334155;
      --cta-light: #475569;
      --cta-deep: #0f172a;
      --line: #cbd5e1;
      --glow-1: #e2e8f0;
      --glow-2: #eef2f7;
      --bg-top: #e8eef5;
      --bg-bottom: #f8fafc;
      --chip-bg: #e2e8f0;
      --chip-text: #1e293b;
      --cta-ink: #ffffff;
      --ghost-bg: #e2e8f0;
      --ghost-ink: #1e293b;
    }
    .wel-landing--theme-ivory{
      --bg: #f7f4ef;
      --surface: #fffcf7;
      --ink: #1c1917;
      --ink-soft: #57534e;
      --muted: #78716c;
      --brand: #44403c;
      --brand-dark: #1c1917;
      --brand-mid: #57534e;
      --brand-soft: #efeae3;
      --heading: #292524;
      --cta: #292524;
      --cta-light: #44403c;
      --cta-deep: #0c0a09;
      --line: #ddd6ce;
      --glow-1: #ebe4da;
      --glow-2: #f3eee7;
      --bg-top: #f0ebe3;
      --bg-bottom: #faf8f4;
      --chip-bg: #efeae3;
      --chip-text: #292524;
      --cta-ink: #fffcf7;
      --ghost-bg: #efeae3;
      --ghost-ink: #292524;
    }
    .wel-landing--theme-pine{
      --bg: #eef4f0;
      --surface: #ffffff;
      --ink: #14241c;
      --ink-soft: #3d5548;
      --muted: #5a7264;
      --brand: #1f5c40;
      --brand-dark: #123d2a;
      --brand-mid: #2a7352;
      --brand-soft: #dceee4;
      --heading: #123d2a;
      --cta: #1f5c40;
      --cta-light: #2f7a56;
      --cta-deep: #123d2a;
      --line: #c5d9cc;
      --glow-1: #d5e8dc;
      --glow-2: #e4f0e9;
      --bg-top: #e4efe8;
      --bg-bottom: #f5f9f6;
      --chip-bg: #dceee4;
      --chip-text: #123d2a;
      --cta-ink: #ffffff;
      --ghost-bg: #dceee4;
      --ghost-ink: #123d2a;
    }
    .wel-landing--theme-wine{
      --bg: #f7f1f2;
      --surface: #ffffff;
      --ink: #1f1216;
      --ink-soft: #5c3a44;
      --muted: #7a5560;
      --brand: #7a1f3d;
      --brand-dark: #4f1228;
      --brand-mid: #93324f;
      --brand-soft: #f3e0e6;
      --heading: #4f1228;
      --cta: #7a1f3d;
      --cta-light: #93324f;
      --cta-deep: #4f1228;
      --line: #e2c8d0;
      --glow-1: #efd8df;
      --glow-2: #f6e8ec;
      --bg-top: #f3e6ea;
      --bg-bottom: #faf6f7;
      --chip-bg: #f3e0e6;
      --chip-text: #4f1228;
      --cta-ink: #ffffff;
      --ghost-bg: #f3e0e6;
      --ghost-ink: #4f1228;
    }
    
    .wel-landing{
      font-family: var(--font);
      color: var(--ink);
      background:
        radial-gradient(900px 420px at 50% -8%, var(--glow-1) 0%, transparent 55%),
        radial-gradient(700px 360px at 100% 18%, var(--glow-2) 0%, transparent 50%),
        linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 28%, var(--bg-bottom) 100%);
      line-height: 1.6;
      padding-bottom: calc(var(--sticky-h) + var(--safe-bottom) + 0.75rem);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
      max-width: 100%;
      min-height: 0;
      position: relative;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
      box-sizing: border-box;
    }
    /*
     * Storefront full-bleed: Elementor sections/columns are often boxed (~boxed content width),
     * which leaves white gutters beside the landing background. Break out to the viewport.
     * Skip editor canvas — 100vw breakout fights the iframe preview.
     * Default e-con padding is 10px — that shows as a white gap above the Offer dark hero.
     */
    .elementor-widget-wel_landing_page,
    .elementor-element.elementor-widget-wel_landing_page,
    .elementor-widget-wel_lp,
    .elementor-element.elementor-widget-wel_lp {
      width: 100%;
      max-width: none;
    }
    .elementor-widget-wel_landing_page > .elementor-widget-container,
    .elementor-element.elementor-widget-wel_landing_page > .elementor-widget-container,
    .elementor-widget-wel_lp > .elementor-widget-container,
    .elementor-element.elementor-widget-wel_lp > .elementor-widget-container {
      width: 100%;
      max-width: none;
      padding: 0;
      margin: 0;
    }
    .e-con:has(> .elementor-widget-wel_landing_page),
    .e-con:has(> .e-con-inner > .elementor-widget-wel_landing_page),
    .elementor-section:has(.elementor-widget-wel_landing_page),
    .elementor-column:has(.elementor-widget-wel_landing_page),
    .e-con:has(> .elementor-widget-wel_lp),
    .e-con:has(> .e-con-inner > .elementor-widget-wel_lp),
    .elementor-section:has(.elementor-widget-wel_lp),
    .elementor-column:has(.elementor-widget-wel_lp) {
      max-width: none;
      overflow: visible;
      --padding-top: 0px;
      --padding-right: 0px;
      --padding-bottom: 0px;
      --padding-left: 0px;
      --margin-top: 0px;
      --margin-bottom: 0px;
    }
    /* Canvas template + landing: kill theme body strip above the first hero band. */
    body.elementor-template-canvas:has(.wel-landing:not(.wel-landing--editor)) {
      margin: 0;
      padding: 0;
      background: transparent;
    }
    body.elementor-template-canvas:has(.wel-landing--layout-offer:not(.wel-landing--editor)) {
      background: #0c141c;
    }
    .wel-landing:not(.wel-landing--editor) {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      overflow-x: clip;
    }
    @supports not (overflow: clip) {
      .wel-landing:not(.wel-landing--editor) {
        overflow-x: hidden;
      }
    }
    .wel-landing button,
    .wel-landing input,
    .wel-landing select,
    .wel-landing textarea {
      font-family: inherit;
    }
    .wel-landing img{
      max-width: 100%;
      height: auto;
      display: block;
    }
    .wel-landing a{ color: inherit; -webkit-tap-highlight-color: transparent; }
    .wel-landing button{
      font: inherit;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }

    .wel-landing .wrap{
      width: min(100% - 1rem, var(--max));
      margin-inline: auto;
    }

    
    @keyframes pulse-cta{
      0%, 100% { transform: scale(1); box-shadow: 0 8px 20px color-mix(in srgb, var(--cta) 32%, transparent); }
      50% { transform: scale(1.015); box-shadow: 0 12px 26px color-mix(in srgb, var(--cta) 42%, transparent); }
    }
    @keyframes fade-up {
      from { opacity: 0; transform: translateY(14px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    /* Visible by default — Elementor editor IO often never fires, which caused
       a long “empty” green gap (content was opacity:0 but still took height). */
    .wel-landing .reveal {
      opacity: 1;
      transform: none;
      transition:
        opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1s ease;
      transition-delay: var(--wel-reveal-delay, 0ms);
      will-change: auto;
    }
    .wel-landing.wel-landing--motion .reveal:not(.is-in) {
      opacity: 0;
      transform: translate3d(0, 4.75rem, 0) scale(0.96);
      filter: blur(4px);
      will-change: opacity, transform, filter;
      pointer-events: none;
    }
    /* Merchant toggle off — never hide sections waiting for scroll */
    .wel-landing.wel-landing--no-parallax.wel-landing--motion .reveal,
    .wel-landing.wel-landing--no-parallax .reveal {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
      will-change: auto;
      pointer-events: auto;
    }
    .wel-landing.wel-landing--motion .reveal.is-in {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: none;
      will-change: auto;
      pointer-events: auto;
    }
    .wel-landing .reveal.is-in {
      opacity: 1;
    }
    /* Soft scroll parallax layers (storefront motion only) */
    .wel-landing.wel-landing--motion .wel-parallax-layer {
      transform: translate3d(0, var(--wel-parallax-y, 0px), 0);
      transition: transform 0.12s linear;
      will-change: transform;
    }
    .wel-landing.wel-landing--motion .wel-parallax-layer.reveal:not(.is-in) {
      transform: translate3d(0, calc(4.75rem + var(--wel-parallax-y, 0px)), 0) scale(0.96);
    }
    .wel-landing.wel-landing--motion .wel-parallax-layer.reveal.is-in {
      transform: translate3d(0, var(--wel-parallax-y, 0px), 0) scale(1);
    }

    /* Hard stop: never hide reveals while editing (canvas only — Preview may animate) */
    .wel-landing.wel-landing--editor .reveal,
    .wel-landing.wel-landing--editor .reveal:not(.is-in),
    .wel-landing.wel-landing--editor.wel-landing--motion .reveal,
    .wel-landing.wel-landing--editor.wel-landing--motion .reveal:not(.is-in),
    .elementor-editor-active .wel-landing .reveal,
    .elementor-edit-area .wel-landing .reveal {
      opacity: 1 !important;
      transform: none !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }
    .wel-landing.wel-landing--editor,
    .elementor-editor-active .wel-landing,
    .elementor-editor-preview .wel-landing {
      padding-bottom: 1rem;
    }
    .wel-landing.wel-landing--editor .wel-landing__sticky,
    .elementor-editor-active .wel-landing .wel-landing__sticky,
    .elementor-editor-preview .wel-landing .wel-landing__sticky {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
      transform: none !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      margin-top: 1rem;
      background: var(--surface);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    .wel-landing.wel-landing--editor .topbar-track,
    .wel-landing.wel-landing--editor .cta-pulse,
    .wel-landing.wel-landing--editor .live-viewers .dot,
    .elementor-editor-active .wel-landing .topbar-track,
    .elementor-editor-active .wel-landing .cta-pulse,
    .elementor-editor-active .wel-landing .live-viewers .dot {
      animation: none !important;
    }

    /* Editor: highlight the block currently being edited in the panel */
    @keyframes wel-edit-focus-pulse {
      0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--cta, var(--brand)) 45%, transparent); }
      70% { box-shadow: 0 0 0 10px transparent; }
      100% { box-shadow: 0 0 0 0 transparent; }
    }
    .wel-landing.wel-landing--editor [data-wel-edit].is-edit-focus,
    .wel-landing.wel-landing--editor [data-wel-control][data-wel-item].is-edit-focus,
    .wel-landing.wel-landing--editor [data-wel-control][data-wel-field].is-edit-focus,
    .elementor-editor-active .wel-landing [data-wel-edit].is-edit-focus,
    .elementor-editor-active .wel-landing [data-wel-control][data-wel-item].is-edit-focus,
    .elementor-editor-active .wel-landing [data-wel-control][data-wel-field].is-edit-focus {
      outline: 3px solid var(--cta, var(--brand)) !important;
      outline-offset: 4px;
      border-radius: 14px;
      position: relative;
      z-index: 5;
      animation: wel-edit-focus-pulse 1.1s ease-out 1;
      scroll-margin: 1.25rem;
    }
    /* Focus ring must not flatten pill / semi CTAs */
    .wel-landing.wel-landing--editor .cta.is-edit-focus,
    .wel-landing.wel-landing--editor a.cta.is-edit-focus,
    .wel-landing.wel-landing--editor .btn-order.is-edit-focus,
    .wel-landing.wel-landing--editor .btn-header-cta.is-edit-focus,
    .wel-landing.wel-landing--editor .btn-sticky.is-edit-focus,
    .wel-landing.wel-landing--editor .btn-video.is-edit-focus,
    .wel-landing.wel-landing--editor .hero-badge.is-edit-focus,
    .wel-landing.wel-landing--editor .submit-order.is-edit-focus,
    .wel-landing.wel-landing--editor .power-panel__cta.is-edit-focus,
    .wel-landing.wel-landing--editor .call-pill.is-edit-focus,
    .wel-landing.wel-landing--editor .contact-strip__action.is-edit-focus,
    .elementor-editor-active .wel-landing .cta.is-edit-focus,
    .elementor-editor-active .wel-landing a.cta.is-edit-focus,
    .elementor-editor-active .wel-landing .btn-order.is-edit-focus,
    .elementor-editor-active .wel-landing .btn-header-cta.is-edit-focus,
    .elementor-editor-active .wel-landing .btn-sticky.is-edit-focus,
    .elementor-editor-active .wel-landing .btn-video.is-edit-focus,
    .elementor-editor-active .wel-landing .hero-badge.is-edit-focus,
    .elementor-editor-active .wel-landing .submit-order.is-edit-focus,
    .elementor-editor-active .wel-landing .power-panel__cta.is-edit-focus,
    .elementor-editor-active .wel-landing .call-pill.is-edit-focus,
    .elementor-editor-active .wel-landing .contact-strip__action.is-edit-focus {
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    .wel-landing.wel-landing--editor a.cta.is-edit-focus,
    .wel-landing.wel-landing--editor .cta.is-edit-focus,
    .elementor-editor-active .wel-landing a.cta.is-edit-focus,
    .elementor-editor-active .wel-landing .cta.is-edit-focus {
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    /* Subfield cells (title / text / value) get a tighter focus ring */
    .wel-landing.wel-landing--editor [data-wel-field].is-edit-focus,
    .elementor-editor-active .wel-landing [data-wel-field].is-edit-focus {
      outline-offset: 2px;
      border-radius: 8px;
    }
    .wel-landing.wel-landing--editor .wel-landing__sticky.is-edit-focus,
    .elementor-editor-active .wel-landing .wel-landing__sticky.is-edit-focus {
      outline-offset: 2px;
      z-index: 60;
    }

    /* Editor: mid-page section reorder — toolbar + compact drag ghost (active theme tokens) */
    .wel-landing.wel-landing--editor [data-wel-blocks],
    .elementor-editor-active .wel-landing [data-wel-blocks] {
      position: relative;
      display: block;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .wel-landing.wel-landing--editor .wel-block-shell,
    .elementor-editor-active .wel-landing .wel-block-shell {
      position: relative;
      display: block;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      margin: 0 0 0.65rem;
      border: 1px dashed color-mix(in srgb, var(--cta, var(--brand)) 28%, var(--line, #ddd));
      border-radius: 0.65rem;
      background: color-mix(in srgb, var(--cta, var(--brand)) 4%, var(--surface, #fff));
      overflow: visible;
      box-shadow: 0 1px 0 color-mix(in srgb, var(--line, #ddd) 55%, transparent);
    }
    .wel-landing.wel-landing--editor .wel-block-shell--bleed,
    .elementor-editor-active .wel-landing .wel-block-shell--bleed {
      width: 100%;
      max-width: 100%;
      border-radius: 0.45rem;
      margin-left: 0;
      margin-right: 0;
    }
    .wel-landing .wel-landing__blocks{
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    /* Hero identity only — never center all .wel-block-plain (COD labels inherit and break). */
    .wel-landing [data-wel-block="brand"] .wel-block-shell__body,
    .wel-landing [data-wel-block="title"] .wel-block-shell__body,
    .wel-landing [data-wel-block="hero_sub"] .wel-block-shell__body,
    .wel-landing [data-wel-block="gallery"] .wel-block-shell__body{
      text-align: center;
    }
    /* Storefront: keep checkout/COD readable left-aligned inside .wrap.wel-block-plain. */
    .wel-landing .wel-block-plain .wel-cod__form,
    .wel-landing .wel-block-plain .wel-cod__field,
    .wel-landing .wel-block-plain .wel-cod__label,
    .wel-landing .wel-block-plain .wel-cod__check,
    .wel-landing .wel-block-plain .wel-cod__checkout-block,
    .wel-landing .wel-block-plain .wel-bd-picker,
    .wel-landing .wel-cod__form,
    .wel-landing .wel-cod__field,
    .wel-landing .wel-cod__label {
      text-align: start;
    }
    .wel-landing.wel-landing--editor .wel-block-toolbar,
    .elementor-editor-active .wel-landing .wel-block-toolbar {
      position: sticky;
      top: 0;
      z-index: 45;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      width: 100%;
      box-sizing: border-box;
      padding: 0.35rem 0.55rem;
      margin: 0;
      border: 0;
      border-bottom: 1px solid color-mix(in srgb, var(--cta, var(--brand)) 22%, var(--line, #ddd));
      background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--cta, var(--brand)) 14%, var(--surface, #fff)) 0%,
        color-mix(in srgb, var(--cta, var(--brand)) 6%, var(--surface, #fff)) 100%
      );
      border-radius: 0.65rem 0.65rem 0 0;
      backdrop-filter: none;
      color: var(--ink, #111);
      font-family: var(--font, inherit);
    }
    .wel-landing.wel-landing--editor .wel-block-toolbar__label,
    .elementor-editor-active .wel-landing .wel-block-toolbar__label {
      font-size: 0.72rem;
      font-weight: 750;
      letter-spacing: 0.01em;
      color: var(--ink-soft, var(--muted, #64748b));
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .wel-landing.wel-landing--editor .wel-block-shell__body,
    .elementor-editor-active .wel-landing .wel-block-shell__body {
      display: block;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      padding: 0.55rem 0.35rem 0.7rem;
      /* Classic-style: full section height — drag uses ghost + drop slot (no inner scroll). */
      max-height: none;
      overflow: visible;
    }
    /* Non-bleed: inner .wrap restores storefront column width, centered in full-width shell. */
    .wel-landing.wel-landing--editor .wel-block-shell:not(.wel-block-shell--bleed) .wel-block-shell__body > .wrap,
    .elementor-editor-active .wel-landing .wel-block-shell:not(.wel-block-shell--bleed) .wel-block-shell__body > .wrap {
      width: min(100% - 1rem, var(--max));
      margin-inline: auto;
    }
    /* Keep section rhythm; shell already adds gap — avoid double vertical crush. */
    .wel-landing.wel-landing--editor .wel-block-shell__body .phone-banner,
    .elementor-editor-active .wel-landing .wel-block-shell__body .phone-banner {
      margin-top: 0.15rem;
      margin-bottom: 0.15rem;
    }
    .wel-landing.wel-landing--editor .wel-block-shell__body .urgency,
    .wel-landing.wel-landing--editor .wel-block-shell__body .social-proof,
    .wel-landing.wel-landing--editor .wel-block-shell__body .brand,
    .wel-landing.wel-landing--editor .wel-block-shell__body .live-viewers-bar,
    .wel-landing.wel-landing--editor .wel-block-shell__body .topbar,
    .elementor-editor-active .wel-landing .wel-block-shell__body .urgency,
    .elementor-editor-active .wel-landing .wel-block-shell__body .social-proof,
    .elementor-editor-active .wel-landing .wel-block-shell__body .brand,
    .elementor-editor-active .wel-landing .wel-block-shell__body .live-viewers-bar,
    .elementor-editor-active .wel-landing .wel-block-shell__body .topbar {
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
    /* Offer countdown pill: live CSS ellipsizes long titles — show full text while editing */
    .wel-landing.wel-landing--editor.wel-landing--layout-offer .urgency__label,
    .elementor-editor-active .wel-landing.wel-landing--layout-offer .urgency__label,
    .elementor-editor-preview .wel-landing.wel-landing--layout-offer .urgency__label {
      max-width: none;
      overflow: visible;
      text-overflow: clip;
      white-space: normal;
    }
    /* Nested dashed outlines on every text node fight the shell — soften inside bodies. */
    .wel-landing.wel-landing--editor .wel-block-shell__body [data-wel-control]:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(.wel-cod__submit):not(.wel-wa-balloon):not(.wel-video-card),
    .elementor-editor-active .wel-landing .wel-block-shell__body [data-wel-control]:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(.wel-cod__submit):not(.wel-wa-balloon):not(.wel-video-card) {
      outline-color: color-mix(in srgb, var(--cta, var(--brand)) 32%, transparent);
      outline-offset: 2px;
    }
    .wel-landing.wel-landing--editor .wel-block-handle,
    .elementor-editor-active .wel-landing .wel-block-handle {
      position: relative;
      top: auto;
      left: auto;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      width: auto;
      height: 1.85rem;
      margin: 0;
      padding: 0 0.7rem 0 0.5rem;
      border: 1.5px solid var(--cta-deep, var(--cta, var(--brand)));
      border-radius: 999px;
      background: var(--wel-btn-fill, linear-gradient(
        180deg,
        var(--cta-light, var(--cta, var(--brand))) 0%,
        var(--cta, var(--brand)) 100%
      ));
      color: var(--cta-ink, #fff);
      box-shadow: 0 4px 10px color-mix(in srgb, var(--cta, var(--brand)) 32%, transparent);
      cursor: grab;
      line-height: 1;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      opacity: 1;
      touch-action: none;
      user-select: none;
      -webkit-user-select: none;
      transition: filter 0.12s ease, box-shadow 0.12s ease;
    }
    .wel-landing.wel-landing--editor .wel-block-handle__grip,
    .elementor-editor-active .wel-landing .wel-block-handle__grip {
      width: 0.7rem;
      height: 0.95rem;
      flex: 0 0 auto;
      background:
        radial-gradient(circle, currentColor 1.1px, transparent 1.25px) 0 0 / 0.35rem 0.35rem,
        radial-gradient(circle, currentColor 1.1px, transparent 1.25px) 0.35rem 0 / 0.35rem 0.35rem;
      background-repeat: repeat;
      opacity: 0.85;
    }
    .wel-landing.wel-landing--editor .wel-block-handle:hover,
    .elementor-editor-active .wel-landing .wel-block-handle:hover {
      filter: brightness(1.05);
      box-shadow: 0 5px 14px color-mix(in srgb, var(--cta, var(--brand)) 40%, transparent);
      transform: none;
    }
    .wel-landing.wel-landing--editor .wel-block-handle:active,
    .elementor-editor-active .wel-landing .wel-block-handle:active {
      cursor: grabbing;
      filter: brightness(0.97);
    }
    .wel-landing.wel-landing--editor .wel-block-shell.wel-block--dragging,
    .elementor-editor-active .wel-landing .wel-block-shell.wel-block--dragging {
      pointer-events: none;
    }
    /* While sorting: no inner scrollbars — Classic ghost + full-width drop band only. */
    body.wel-block-sorting .wel-landing .wel-block-shell__body,
    body.wel-block-sorting .wel-landing .wel-block-shell {
      max-height: none !important;
      overflow: visible !important;
    }
    .wel-landing.wel-landing--editor .wel-block-drop-slot,
    .elementor-editor-active .wel-landing .wel-block-drop-slot {
      box-sizing: border-box;
      display: block;
      position: relative;
      z-index: 6;
      width: 100%;
      min-width: 0;
      align-self: stretch;
      justify-self: stretch;
      flex: 0 0 auto;
      height: 3.25rem;
      min-height: 3.25rem;
      margin: 0.45rem 0;
      border: 2px dashed color-mix(in srgb, var(--cta, var(--brand)) 55%, var(--line, #ddd));
      border-radius: 0.55rem;
      background: color-mix(in srgb, var(--cta, var(--brand)) 12%, var(--surface, #fff));
      transition: height 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
    }
    .wel-landing.wel-landing--editor .wel-block-drop-slot.is-active,
    .elementor-editor-active .wel-landing .wel-block-drop-slot.is-active {
      height: 3.5rem;
      background: color-mix(in srgb, var(--cta, var(--brand)) 18%, var(--surface, #fff));
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cta, var(--brand)) 28%, transparent);
    }
    /* Offer hero-copy uses align-items: flex-start — stretch shells + drop band like Classic host children. */
    .wel-landing--layout-offer.wel-landing--editor .hero-copy > .wel-block-drop-slot,
    .wel-landing--layout-offer.wel-landing--editor .hero-copy > .wel-block-shell,
    .elementor-editor-active .wel-landing--layout-offer .hero-copy > .wel-block-drop-slot,
    .elementor-editor-active .wel-landing--layout-offer .hero-copy > .wel-block-shell {
      align-self: stretch;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
    }
    .wel-landing--layout-offer.wel-landing--editor .hero-grid > .wel-block-drop-slot,
    .elementor-editor-active .wel-landing--layout-offer .hero-grid > .wel-block-drop-slot {
      grid-column: 1 / -1;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
    }
    /* Classic + Offer host-level drop bands share the same full-width slot chrome. */
    .wel-landing.wel-landing--editor [data-wel-blocks] > .wel-block-drop-slot,
    .elementor-editor-active .wel-landing [data-wel-blocks] > .wel-block-drop-slot {
      width: 100%;
      max-width: none;
      box-sizing: border-box;
    }
    .wel-block-ghost {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      pointer-events: none;
      max-width: min(16rem, 70vw);
      padding: 0.55rem 0.8rem;
      border-radius: 999px;
      border: 1.5px solid var(--cta-deep, var(--cta, #0f9f4f));
      background: var(--wel-btn-fill, linear-gradient(
        180deg,
        var(--cta-light, var(--cta, #0f9f4f)) 0%,
        var(--cta, #0f9f4f) 100%
      ));
      color: var(--cta-ink, #fff);
      font: 800 0.8rem/1.2 var(--font, system-ui, sans-serif);
      box-shadow: 0 12px 28px color-mix(in srgb, var(--cta, #0f9f4f) 38%, transparent);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    body.wel-block-sorting,
    body.wel-block-sorting * {
      cursor: grabbing !important;
    }

    /* Editor: eye toggle to show/hide sections + COD fields from the canvas */
    /* Branding footer is locked — never show an eye, even on stale canvas HTML. */
    .wel-landing.wel-landing--editor .wel-landing__powered .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-landing__powered .wel-vis-btn,
    .wel-landing [data-wel-vis="show_powered_by"] > .wel-vis-btn,
    .wel-landing [data-wel-vis="show_powered_by"] + .wel-vis-btn {
      display: none !important;
    }
    .wel-landing.wel-landing--editor [data-wel-vis],
    .elementor-editor-active .wel-landing [data-wel-vis] {
      position: relative;
    }
    .wel-landing.wel-landing--editor .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-vis-btn {
      position: absolute;
      top: 0.35rem;
      right: 0.35rem;
      z-index: 40;
      width: 1.85rem;
      height: 1.85rem;
      margin: 0;
      padding: 0;
      border: 1.5px solid color-mix(in srgb, var(--cta, var(--brand)) 40%, var(--line, #ddd));
      border-radius: 999px;
      background: var(--wel-btn-fill, linear-gradient(
        180deg,
        var(--cta-light, var(--cta, var(--brand))) 0%,
        var(--cta, var(--brand)) 100%
      ));
      color: var(--cta-ink, #fff);
      box-shadow: 0 4px 12px color-mix(in srgb, var(--cta, var(--brand)) 28%, transparent);
      cursor: pointer;
      display: grid;
      place-items: center;
      line-height: 0;
      opacity: 0.96;
      transition: transform 0.15s ease, filter 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
    }
    /* Dark themes: keep CTA chip readable (ink follows --cta-ink) */
    .wel-landing.wel-landing--editor.wel-landing--theme-dark .wel-vis-btn,
    .wel-landing.wel-landing--editor.wel-landing--theme-midnight .wel-vis-btn,
    .wel-landing.wel-landing--editor.wel-landing--theme-graphite .wel-vis-btn,
    .elementor-editor-active .wel-landing.wel-landing--theme-dark .wel-vis-btn,
    .elementor-editor-active .wel-landing.wel-landing--theme-midnight .wel-vis-btn,
    .elementor-editor-active .wel-landing.wel-landing--theme-graphite .wel-vis-btn {
      background: var(--wel-btn-fill, linear-gradient(
        180deg,
        var(--cta-light, var(--cta)) 0%,
        var(--cta) 100%
      ));
      color: var(--cta-ink, #fff);
      border-color: var(--cta-deep, var(--cta));
    }
    .wel-landing.wel-landing--editor .wel-vis-btn:hover,
    .elementor-editor-active .wel-landing .wel-vis-btn:hover {
      transform: scale(1.06);
      opacity: 1;
      filter: brightness(1.05);
      box-shadow: 0 5px 14px color-mix(in srgb, var(--cta, var(--brand)) 38%, transparent);
    }
    .wel-landing.wel-landing--editor .wel-vis-btn.is-off,
    .elementor-editor-active .wel-landing .wel-vis-btn.is-off {
      color: var(--ink-soft, #9a3412);
      border-color: color-mix(in srgb, #b45309 45%, var(--line, #ddd));
      background: color-mix(in srgb, #fb923c 18%, var(--surface, #fff));
      box-shadow: none;
      filter: none;
    }
    .wel-landing.wel-landing--editor .wel-vis-btn.is-off:hover,
    .elementor-editor-active .wel-landing .wel-vis-btn.is-off:hover {
      background: color-mix(in srgb, #fb923c 28%, var(--surface, #fff));
      color: var(--ink, #7c2d12);
      filter: none;
    }
    .wel-landing.wel-landing--editor .wel-vis-btn__icon,
    .elementor-editor-active .wel-landing .wel-vis-btn__icon {
      display: grid;
      place-items: center;
      color: inherit;
    }
    .wel-landing.wel-landing--editor .wel-vis-btn__icon svg,
    .elementor-editor-active .wel-landing .wel-vis-btn__icon svg {
      display: block;
      fill: currentColor;
    }
    .wel-landing.wel-landing--editor [data-wel-vis-off="1"],
    .elementor-editor-active .wel-landing [data-wel-vis-off="1"] {
      outline: 2px dashed color-mix(in srgb, #b45309 55%, transparent);
      outline-offset: 3px;
      opacity: 0.55;
      filter: grayscale(0.35);
      pointer-events: auto !important;
    }
    /* Every eye-off host (FAQ, reviews, order, COD fields, qty, …) stays clickable. */
    .wel-landing.wel-landing--editor [data-wel-vis-off="1"] > :not(.wel-vis-btn),
    .elementor-editor-active .wel-landing [data-wel-vis-off="1"] > :not(.wel-vis-btn) {
      pointer-events: auto;
    }
    .wel-landing.wel-landing--editor [data-wel-vis-off="1"] [data-wel-control],
    .wel-landing.wel-landing--editor [data-wel-vis-off="1"] [data-wel-edit],
    .wel-landing.wel-landing--editor [data-wel-vis-off="1"] [data-wel-media],
    .elementor-editor-active .wel-landing [data-wel-vis-off="1"] [data-wel-control],
    .elementor-editor-active .wel-landing [data-wel-vis-off="1"] [data-wel-edit],
    .elementor-editor-active .wel-landing [data-wel-vis-off="1"] [data-wel-media] {
      pointer-events: auto !important;
    }
    .wel-landing.wel-landing--editor .wel-vis-anchor-parent,
    .elementor-editor-active .wel-landing .wel-vis-anchor-parent {
      position: relative;
    }
    .wel-landing.wel-landing--editor a.wel-vis-host + .wel-vis-btn,
    .elementor-editor-active .wel-landing a.wel-vis-host + .wel-vis-btn {
      position: absolute;
      top: 0.35rem;
      right: 0.35rem;
      z-index: 40;
    }
    .wel-landing.wel-landing--editor .wel-order-toast[data-wel-vis],
    .elementor-editor-active .wel-landing .wel-order-toast[data-wel-vis] {
      display: flex !important;
      /* Keep absolute placement from .wel-order-toast rules — do not force relative. */
      opacity: 1 !important;
      pointer-events: auto;
      transform: none !important;
      visibility: visible !important;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon[data-wel-vis],
    .elementor-editor-active .wel-landing .wel-wa-balloon[data-wel-vis] {
      display: grid !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto;
      overflow: visible;
    }

    /*
     * Floating hosts: keep eye toggles outside the chip so they never cover
     * toast copy or the WhatsApp glyph (editor canvas only).
     */
    .wel-landing.wel-landing--editor .wel-order-toast > .wel-vis-btn,
    .wel-landing.wel-landing--editor .wel-order-toast > .wel-vis-btn.wel-vis-btn--float,
    .elementor-editor-active .wel-landing .wel-order-toast > .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-order-toast > .wel-vis-btn.wel-vis-btn--float {
      top: auto;
      right: 0;
      left: auto;
      bottom: calc(100% + 0.4rem);
      z-index: 58;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon.wel-vis-host + .wel-vis-btn,
    .wel-landing.wel-landing--editor .wel-wa-balloon.wel-vis-host + .wel-vis-btn.wel-vis-btn--float,
    .elementor-editor-active .wel-landing .wel-wa-balloon.wel-vis-host + .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-wa-balloon.wel-vis-host + .wel-vis-btn.wel-vis-btn--float,
    .elementor-edit-area .wel-landing .wel-wa-balloon.wel-vis-host + .wel-vis-btn {
      /* Match FAB corner, then sit just above the circle. */
      top: auto !important;
      bottom: calc(
        var(--sticky-h, 4.75rem) + 0.75rem + var(--wel-wa-size, 3.65rem) + 0.4rem
      ) !important;
      z-index: 57;
      width: 1.85rem;
      height: 1.85rem;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon--right.wel-vis-host + .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-wa-balloon--right.wel-vis-host + .wel-vis-btn,
    .elementor-edit-area .wel-landing .wel-wa-balloon--right.wel-vis-host + .wel-vis-btn {
      right: 0.85rem !important;
      left: auto !important;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon--left.wel-vis-host + .wel-vis-btn,
    .elementor-editor-active .wel-landing .wel-wa-balloon--left.wel-vis-host + .wel-vis-btn,
    .elementor-edit-area .wel-landing .wel-wa-balloon--left.wel-vis-host + .wel-vis-btn {
      left: 0.85rem !important;
      right: auto !important;
    }
    /* When both float on the same side, toast is already lifted — keep its eye above the toast only. */
    .wel-landing.wel-landing--editor:has(.wel-wa-balloon--right) .wel-order-toast--right > .wel-vis-btn,
    .elementor-editor-active .wel-landing:has(.wel-wa-balloon--right) .wel-order-toast--right > .wel-vis-btn,
    .wel-landing.wel-landing--editor:has(.wel-wa-balloon--left) .wel-order-toast--left > .wel-vis-btn,
    .elementor-editor-active .wel-landing:has(.wel-wa-balloon--left) .wel-order-toast--left > .wel-vis-btn {
      bottom: calc(100% + 0.4rem);
    }
    .wel-landing.wel-landing--editor .wel-vis-btn.wel-vis-btn--float:hover,
    .elementor-editor-active .wel-landing .wel-vis-btn.wel-vis-btn--float:hover {
      /* Avoid fighting absolute left/right with translate-based hover. */
      transform: scale(1.06);
    }
    /* Editor canvas: keep toast readable above the sticky bar */
    .wel-landing.wel-landing--editor .wel-order-toast,
    .elementor-editor-active .wel-landing .wel-order-toast,
    .elementor-edit-area .wel-landing .wel-order-toast {
      position: absolute !important;
      bottom: calc(var(--sticky-h, 4.75rem) + 0.75rem);
      z-index: 55;
      opacity: 1 !important;
      transform: none !important;
      pointer-events: auto;
      visibility: visible !important;
      max-width: min(22rem, calc(100% - 1.5rem));
      background: color-mix(in srgb, var(--surface) 96%, #000 4%);
      color: var(--ink);
      border: 1px solid color-mix(in srgb, var(--cta) 50%, var(--line));
      box-shadow: 0 12px 28px color-mix(in srgb, #000 28%, transparent);
    }
    .wel-landing.wel-landing--editor .wel-order-toast--right,
    .elementor-editor-active .wel-landing .wel-order-toast--right,
    .elementor-edit-area .wel-landing .wel-order-toast--right {
      right: 0.75rem !important;
      left: auto !important;
    }
    .wel-landing.wel-landing--editor .wel-order-toast--left,
    .elementor-editor-active .wel-landing .wel-order-toast--left,
    .elementor-edit-area .wel-landing .wel-order-toast--left {
      left: 0.75rem !important;
      right: auto !important;
    }
    .wel-landing.wel-landing--editor:has(.wel-wa-balloon--right) .wel-order-toast--right,
    .elementor-editor-active .wel-landing:has(.wel-wa-balloon--right) .wel-order-toast--right,
    .elementor-edit-area .wel-landing:has(.wel-wa-balloon--right) .wel-order-toast--right,
    .wel-landing.wel-landing--editor:has(.wel-wa-balloon--left) .wel-order-toast--left,
    .elementor-editor-active .wel-landing:has(.wel-wa-balloon--left) .wel-order-toast--left,
    .elementor-edit-area .wel-landing:has(.wel-wa-balloon--left) .wel-order-toast--left {
      bottom: calc(var(--sticky-h, 4.75rem) + 0.75rem + 4.5rem);
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon,
    .elementor-editor-active .wel-landing .wel-wa-balloon,
    .elementor-edit-area .wel-landing .wel-wa-balloon {
      position: absolute !important;
      z-index: 56;
      bottom: calc(var(--sticky-h, 4.75rem) + 0.75rem);
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon--right,
    .elementor-editor-active .wel-landing .wel-wa-balloon--right,
    .elementor-edit-area .wel-landing .wel-wa-balloon--right {
      right: 0.85rem;
      left: auto;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon--left,
    .elementor-editor-active .wel-landing .wel-wa-balloon--left,
    .elementor-edit-area .wel-landing .wel-wa-balloon--left {
      left: 0.85rem;
      right: auto;
    }
    .wel-landing.wel-landing--editor .wel-wa-balloon__pulse,
    .elementor-editor-active .wel-landing .wel-wa-balloon__pulse {
      animation: none;
      opacity: 0;
    }
    .wel-landing.wel-landing--editor .wel-order-toast[hidden],
    .elementor-editor-active .wel-landing .wel-order-toast[hidden] {
      display: flex !important;
    }
    .wel-landing.wel-landing--editor .wel-order-toast__msg,
    .elementor-editor-active .wel-landing .wel-order-toast__msg {
      color: var(--ink);
      opacity: 1;
    }

    /* Inline-edit affordances (editor + Elementor preview iframe).
       Never reshape primary CTAs — Border style (--wel-btn-radius) must win. */
    .wel-landing.wel-landing--editor [data-wel-control]:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.btn-ghost):not(.btn-wa):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(a.contact-strip__action):not(.contact-strip__ico):not(.wel-cod__submit):not(.wel-cod__notices-ok):not(.wel-cod__success-ok):not(.wel-cod__otp-verify-btn):not(.wel-wa-balloon):not(.wel-video-card),
    .wel-landing.wel-landing--editor .elementor-inline-editing:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(.wel-cod__submit):not(.wel-wa-balloon),
    .elementor-editor-active .wel-landing [data-wel-control]:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.btn-ghost):not(.btn-wa):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(a.contact-strip__action):not(.contact-strip__ico):not(.wel-cod__submit):not(.wel-cod__notices-ok):not(.wel-cod__success-ok):not(.wel-cod__otp-verify-btn):not(.wel-wa-balloon):not(.wel-video-card),
    .elementor-editor-active .wel-landing .elementor-inline-editing:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(.wel-cod__submit):not(.wel-wa-balloon),
    .elementor-editor-preview .wel-landing [data-wel-control]:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.btn-ghost):not(.btn-wa):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(a.contact-strip__action):not(.contact-strip__ico):not(.wel-cod__submit):not(.wel-cod__notices-ok):not(.wel-cod__success-ok):not(.wel-cod__otp-verify-btn):not(.wel-wa-balloon):not(.wel-video-card),
    .elementor-editor-preview .wel-landing .elementor-inline-editing:not(.cta):not(a.cta):not(button):not(.btn-order):not(.btn-header-cta):not(.btn-sticky):not(.btn-video):not(.hero-badge):not(.submit-order):not(.power-panel__cta):not(.call-pill):not(.sticky-call):not(.contact-strip__action):not(.wel-cod__submit):not(.wel-wa-balloon) {
      cursor: text;
      outline: 1px dashed color-mix(in srgb, var(--brand) 55%, transparent);
      outline-offset: 3px;
      border-radius: 6px;
    }
    /* CTAs keep Easy start Border style radius under editor outlines / focus */
    .wel-landing.wel-landing--editor .cta,
    .wel-landing.wel-landing--editor a.cta,
    .wel-landing.wel-landing--editor .btn-order,
    .wel-landing.wel-landing--editor .btn-header-cta,
    .wel-landing.wel-landing--editor .btn-sticky,
    .wel-landing.wel-landing--editor .btn-video,
    .wel-landing.wel-landing--editor .btn-ghost,
    .wel-landing.wel-landing--editor .btn-wa,
    .wel-landing.wel-landing--editor .hero-badge,
    .wel-landing.wel-landing--editor .submit-order,
    .wel-landing.wel-landing--editor .power-panel__cta,
    .wel-landing.wel-landing--editor .call-pill,
    .wel-landing.wel-landing--editor .contact-strip__action,
    .wel-landing.wel-landing--editor a.contact-strip__action,
    .wel-landing.wel-landing--editor .wel-cod__submit,
    .elementor-editor-active .wel-landing .cta,
    .elementor-editor-active .wel-landing a.cta,
    .elementor-editor-active .wel-landing .btn-order,
    .elementor-editor-active .wel-landing .btn-header-cta,
    .elementor-editor-active .wel-landing .btn-sticky,
    .elementor-editor-active .wel-landing .btn-video,
    .elementor-editor-active .wel-landing .btn-ghost,
    .elementor-editor-active .wel-landing .btn-wa,
    .elementor-editor-active .wel-landing .hero-badge,
    .elementor-editor-active .wel-landing .submit-order,
    .elementor-editor-active .wel-landing .power-panel__cta,
    .elementor-editor-active .wel-landing .call-pill,
    .elementor-editor-active .wel-landing .contact-strip__action,
    .elementor-editor-active .wel-landing a.contact-strip__action,
    .elementor-editor-active .wel-landing .wel-cod__submit,
    .elementor-editor-preview .wel-landing .cta,
    .elementor-editor-preview .wel-landing a.cta,
    .elementor-editor-preview .wel-landing .btn-order,
    .elementor-editor-preview .wel-landing .btn-header-cta,
    .elementor-editor-preview .wel-landing .btn-sticky,
    .elementor-editor-preview .wel-landing .btn-video,
    .elementor-editor-preview .wel-landing .hero-badge,
    .elementor-editor-preview .wel-landing .submit-order,
    .elementor-editor-preview .wel-landing .power-panel__cta,
    .elementor-editor-preview .wel-landing .call-pill,
    .elementor-editor-preview .wel-landing .contact-strip__action,
    .elementor-editor-preview .wel-landing .wel-cod__submit {
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    /* Video cards: media-like pointer + outline (not text caret / pill radius) */
    .wel-landing.wel-landing--editor .wel-video-card,
    .elementor-editor-active .wel-landing .wel-video-card,
    .elementor-editor-preview .wel-landing .wel-video-card,
    .elementor-edit-area .wel-landing .wel-video-card {
      cursor: pointer;
      outline: 1px dashed color-mix(in srgb, var(--brand) 45%, transparent);
      outline-offset: 2px;
      border-radius: 14px !important;
    }
    .wel-landing.wel-landing--editor .wel-video-card:hover,
    .elementor-editor-active .wel-landing .wel-video-card:hover,
    .elementor-editor-preview .wel-landing .wel-video-card:hover {
      outline-color: var(--brand);
    }
    .wel-landing.wel-landing--editor .wel-videos__nav,
    .elementor-editor-active .wel-landing .wel-videos__nav,
    .elementor-editor-preview .wel-landing .wel-videos__nav {
      cursor: pointer;
      outline: 1px dashed color-mix(in srgb, var(--brand) 40%, transparent);
      outline-offset: 2px;
    }
    /* Phone banner call pill: edit outline only — fill comes from Button style */
    .wel-landing.wel-landing--editor .phone-banner .call-pill,
    .elementor-editor-active .wel-landing .phone-banner .call-pill,
    .elementor-editor-preview .wel-landing .phone-banner .call-pill,
    .elementor-edit-area .wel-landing .phone-banner .call-pill {
      outline: 1px dashed color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 3px;
      cursor: text;
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    /* Sticky call icon: never flatten to square in editor (matches Offer live circle). */
    .wel-landing.wel-landing--editor .sticky-call,
    .elementor-editor-active .wel-landing .sticky-call,
    .elementor-editor-preview .wel-landing .sticky-call,
    .elementor-edit-area .wel-landing .sticky-call {
      border-radius: 999px !important;
      outline: 1px dashed color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 3px;
      cursor: pointer;
    }
    /* WhatsApp FAB: never flatten to square in editor */
    .wel-landing.wel-landing--editor .wel-wa-balloon,
    .elementor-editor-active .wel-landing .wel-wa-balloon,
    .elementor-editor-preview .wel-landing .wel-wa-balloon,
    .elementor-edit-area .wel-landing .wel-wa-balloon {
      border-radius: 999px !important;
      outline: 1px dashed color-mix(in srgb, #25d366 55%, transparent);
      outline-offset: 4px;
      cursor: pointer;
    }
    /* CTAs: dashed outline; corner radius follows Button style token */
    .wel-landing.wel-landing--editor a.cta[data-wel-control],
    .wel-landing.wel-landing--editor .cta[data-wel-control],
    .elementor-editor-active .wel-landing a.cta[data-wel-control],
    .elementor-editor-active .wel-landing .cta[data-wel-control],
    .elementor-editor-preview .wel-landing a.cta[data-wel-control],
    .elementor-editor-preview .wel-landing .cta[data-wel-control] {
      cursor: text;
      outline: 1px dashed color-mix(in srgb, var(--brand) 55%, transparent);
      outline-offset: 4px;
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    .elementor-editor-active .wel-landing [data-wel-media],
    .elementor-editor-active .wel-landing .wel-inline-media,
    .elementor-editor-preview .wel-landing [data-wel-media],
    .elementor-editor-preview .wel-landing .wel-inline-media {
      cursor: pointer;
      outline: 1px dashed color-mix(in srgb, var(--brand) 45%, transparent);
      outline-offset: 2px;
    }
    .elementor-editor-active .wel-landing [data-wel-media]:hover,
    .elementor-editor-active .wel-landing .wel-inline-media:hover,
    .elementor-editor-active .wel-landing [data-wel-control]:hover,
    .elementor-editor-preview .wel-landing [data-wel-media]:hover,
    .elementor-editor-preview .wel-landing .wel-inline-media:hover,
    .elementor-editor-preview .wel-landing [data-wel-control]:hover {
      outline-color: var(--brand);
    }
    /* Order box: one host outline — avoid dashed nesting on every pick/qty/field */
    .wel-landing.wel-landing--editor .wel-buy [data-wel-control],
    .elementor-editor-active .wel-landing .wel-buy [data-wel-control],
    .elementor-editor-preview .wel-landing .wel-buy [data-wel-control] {
      outline: none;
      outline-offset: 0;
    }
    .wel-landing.wel-landing--editor .wel-buy[data-wel-control],
    .elementor-editor-active .wel-landing .wel-buy[data-wel-control],
    .elementor-editor-preview .wel-landing .wel-buy[data-wel-control] {
      outline: 1px dashed color-mix(in srgb, var(--brand) 50%, transparent);
      outline-offset: 4px;
      border-radius: 14px;
    }
    .wel-landing.wel-landing--editor .wel-buy a.cta[data-wel-control="buy_button_label"],
    .wel-landing.wel-landing--editor .wel-buy .cta[data-wel-control="buy_button_label"],
    .wel-landing.wel-landing--editor .wel-buy button.cta[data-wel-control="buy_button_label"],
    .elementor-editor-active .wel-landing .wel-buy a.cta[data-wel-control="buy_button_label"],
    .elementor-editor-active .wel-landing .wel-buy .cta[data-wel-control="buy_button_label"],
    .elementor-editor-active .wel-landing .wel-buy button.cta[data-wel-control="buy_button_label"],
    .elementor-editor-preview .wel-landing .wel-buy a.cta[data-wel-control="buy_button_label"],
    .elementor-editor-preview .wel-landing .wel-buy .cta[data-wel-control="buy_button_label"],
    .elementor-editor-preview .wel-landing .wel-buy button.cta[data-wel-control="buy_button_label"] {
      outline: 1px dashed color-mix(in srgb, var(--brand) 50%, transparent);
      outline-offset: 4px;
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    .elementor-editor-active .wel-landing .wel-buy .wel-buy__pick:hover,
    .elementor-editor-preview .wel-landing .wel-buy .wel-buy__pick:hover {
      outline: none;
    }
    .elementor-editor-active .wel-landing .wel-is-typing:not(a.cta):not(.cta),
    .elementor-editor-preview .wel-landing .wel-is-typing:not(a.cta):not(.cta) {
      outline: 2px solid var(--brand) !important;
      outline-offset: 4px;
      cursor: text;
      background: color-mix(in srgb, var(--brand) 12%, transparent);
    }
    /* Order/Call CTAs: keep fill + radius from Button style while typing — outline only */
    .elementor-editor-active .wel-landing a.cta.wel-is-typing,
    .elementor-editor-preview .wel-landing a.cta.wel-is-typing,
    .wel-landing.wel-landing--editor a.cta.wel-is-typing {
      outline: 2px solid var(--brand) !important;
      outline-offset: 4px;
      cursor: text;
      user-select: text;
      border-radius: var(--wel-btn-radius, 999px) !important;
    }
    .elementor-editor-active .wel-landing a.cta.cta-ghost.wel-is-typing,
    .elementor-editor-preview .wel-landing a.cta.cta-ghost.wel-is-typing,
    .wel-landing.wel-landing--editor a.cta.cta-ghost.wel-is-typing {
      background: var(--ghost-bg) !important;
      color: var(--ghost-ink) !important;
      border: 1.5px solid var(--brand);
      box-shadow: none;
    }

    .wel-landing .live-viewers-bar{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.55rem 0.75rem;
      padding-top: calc(0.55rem + var(--safe-top));
      background: var(--brand-soft);
      color: var(--heading);
      text-align: center;
      border-bottom: 1px solid var(--line);
      width: 100%;
      box-sizing: border-box;
    }
    .wel-landing .live-viewers{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      margin: 0 auto;
      padding: 0.2rem 0.7rem;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--surface);
      color: var(--heading);
      font-size: 0.88rem;
      font-weight: 700;
    }
    .wel-landing .live-viewers .dot{
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 50%;
      background: var(--brand);
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 50%, transparent);
      animation: live-pulse 1.6s ease-out infinite;
      flex-shrink: 0;
    }
    @keyframes live-pulse {
      0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 50%, transparent); }
      70% { box-shadow: 0 0 0 8px transparent; }
      100% { box-shadow: 0 0 0 0 transparent; }
    }
    .wel-landing .live-viewers b{
      font-variant-numeric: tabular-nums;
      min-width: 1.5ch;
      display: inline-block;
      text-align: center;
      color: var(--brand);
    }

    .wel-landing .topbar{
      background:
        linear-gradient(90deg, var(--brand-dark) 0%, var(--brand) 42%, var(--brand-mid) 50%, var(--brand) 58%, var(--brand-dark) 100%);
      color: var(--topbar-ink);
      overflow: hidden;
      font-weight: 600;
      font-size: 0.85rem;
      box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
    }
    .wel-landing .topbar-track{
      display: flex;
      width: max-content;
      gap: 2.5rem;
      padding: 0.55rem 0;
      animation: marquee 18s linear infinite;
    }
    .wel-landing .topbar span{ white-space: nowrap; padding-inline: 0.5rem; }

    .wel-landing .hero{
      padding: 1.35rem 0 0.5rem;
      text-align: center;
      animation: fade-up 0.55s ease both;
    }
    .wel-landing .brand{
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--heading);
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 0.28rem 0.75rem;
      margin-bottom: 0.85rem;
      box-shadow: 0 4px 14px color-mix(in srgb, var(--ink) 8%, transparent);
    }
    /* Classic storefront: brand sits in .wrap.wel-block-plain (text-align start) — center the pill + gap under live bar. */
    .wel-landing.wel-landing--layout-classic .wel-block-plain:has(> .brand) {
      text-align: center;
    }
    .wel-landing.wel-landing--layout-classic .brand {
      margin-top: 15px;
    }
    .wel-landing .brand::before{
      content: "";
      width: 0.45rem;
      height: 0.45rem;
      border-radius: 50%;
      background: linear-gradient(180deg, var(--brand-mid), var(--brand));
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
    }
    .wel-landing .hero h1,
    .wel-landing [data-wel-block="title"] h1,
    .wel-landing .wel-block-plain h1{
      font-size: clamp(1.45rem, 6.2vw, 2.35rem);
      line-height: 1.25;
      font-weight: 700;
      letter-spacing: -0.01em;
      margin-bottom: 0.55rem;
      overflow-wrap: anywhere;
      hyphens: auto;
      color: var(--heading);
      text-align: center;
    }
    .wel-landing .hero-sub{
      font-size: clamp(0.95rem, 3.6vw, 1.02rem);
      color: var(--ink-soft);
      max-width: 36ch;
      margin: 0 auto 1.1rem;
      padding-inline: 0.15rem;
    }

    .wel-landing .gallery{
      --wel-gal-gap: 0.7rem;
      width: 100%;
      margin: 0 auto 1.15rem;
      text-align: left;
    }
    .wel-landing .gallery-main{
      position: relative;
      border-radius: calc(var(--radius) + 4px);
      overflow: hidden;
      box-shadow: var(--shadow);
      background:
        radial-gradient(circle at 30% 20%, var(--brand-soft), var(--surface) 55%);
      border: 1px solid var(--line);
      aspect-ratio: 1 / 1;
      width: 100%;
    }
    .wel-landing .gallery-main img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: opacity 0.25s ease, transform 0.35s ease;
    }
    .wel-landing .gallery-main.is-swap img{
      opacity: 0.35;
      transform: scale(0.985);
    }
    .wel-landing .badge-stock{
      position: absolute;
      top: 0.75rem;
      left: 0.75rem;
      z-index: 2;
      background: var(--cta);
      color: var(--cta-ink);
      font-size: 0.78rem;
      font-weight: 700;
      padding: 0.35rem 0.65rem;
      border-radius: 999px;
      backdrop-filter: blur(4px);
    }
    .wel-landing .gallery-thumbs{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--wel-gal-gap);
      /* Same clear space under main image as between thumbs */
      margin-top: var(--wel-gal-gap);
      align-items: stretch;
    }
    .wel-landing .gallery-thumbs button{
      appearance: none;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      border: 1.5px solid var(--line);
      outline: none;
      border-radius: 12px;
      padding: 0;
      overflow: hidden;
      background: var(--surface);
      cursor: pointer;
      aspect-ratio: 1 / 1;
      min-height: 0;
      min-width: 0;
      box-shadow: 0 4px 12px color-mix(in srgb, var(--ink) 10%, transparent);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    @media (hover: hover) {
      .wel-landing .gallery-thumbs button:hover{
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
        box-shadow: 0 8px 18px color-mix(in srgb, var(--ink) 14%, transparent);
      }
    }
    .wel-landing .gallery-thumbs button.is-active{
      border-color: var(--brand);
      box-shadow:
        0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent),
        0 6px 16px color-mix(in srgb, var(--brand) 18%, transparent);
    }
    .wel-landing .gallery-thumbs button:focus-visible{
      border-color: var(--brand);
      box-shadow:
        0 0 0 2px color-mix(in srgb, var(--brand) 45%, transparent),
        0 6px 16px color-mix(in srgb, var(--ink) 12%, transparent);
    }
    .wel-landing .gallery-thumbs img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      vertical-align: top;
    }

    /* Gallery layouts (Elementor → Gallery layout) */
    .wel-landing .gallery--side_left,
    .wel-landing .gallery--side_right{
      display: grid;
      gap: var(--wel-gal-gap);
      align-items: stretch;
    }
    .wel-landing .gallery--side_left{
      grid-template-columns: minmax(4.25rem, 22%) minmax(0, 1fr);
    }
    .wel-landing .gallery--side_right{
      grid-template-columns: minmax(0, 1fr) minmax(4.25rem, 22%);
    }
    .wel-landing .gallery--side_left .gallery-thumbs,
    .wel-landing .gallery--side_right .gallery-thumbs{
      grid-template-columns: 1fr;
      margin-top: 0;
      align-content: start;
    }
    .wel-landing .gallery--side_left .gallery-main,
    .wel-landing .gallery--side_right .gallery-main{
      aspect-ratio: 1 / 1;
      min-height: 0;
    }
    .wel-landing .gallery--side_left .gallery-thumbs{ order: -1; }

    /* Carousel — flat left / right (one full image at a time) */
    .wel-landing .gallery--carousel{
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
      touch-action: pan-y;
      overflow: hidden;
      padding: 0;
      margin-left: 0;
      margin-right: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .wel-landing .gallery-carousel{
      position: relative;
      width: 100%;
      margin: 0;
      user-select: none;
      -webkit-user-select: none;
    }
    .wel-landing .gallery-carousel .badge-stock{
      z-index: 40;
      top: 0.75rem;
      left: 0.75rem;
      transform: none;
    }
    .wel-landing .gallery-carousel__viewport{
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border-radius: calc(var(--radius) + 4px);
      background: color-mix(in srgb, var(--surface, #fff) 92%, var(--ink, #111));
      border: 1px solid var(--line, rgba(0,0,0,.08));
      box-shadow: var(--shadow, none);
    }
    .wel-landing .gallery-carousel__track{
      display: flex;
      width: 100%;
      height: 100%;
      transform: translate3d(0, 0, 0);
      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .wel-landing .gallery-carousel__slide{
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      min-width: 0;
      margin: 0;
      padding: 0;
      line-height: 0;
    }
    .wel-landing .gallery-carousel__slide img{
      display: block;
      width: 100%;
      height: 100%;
      max-height: none;
      object-fit: cover;
      object-position: center;
      /* Keep pointer-events so Elementor [data-wel-media] clicks work; drag still blocked. */
      user-select: none;
      -webkit-user-drag: none;
    }
    .wel-landing .gallery--carousel .gallery-nav{
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0.45rem;
      pointer-events: none;
      z-index: 35;
    }
    .wel-landing .gallery--carousel .gallery-nav__btn{
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.6rem;
      height: 2.6rem;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      color: color-mix(in srgb, var(--ink, #111) 55%, var(--muted, #666));
      background: color-mix(in srgb, var(--surface, #fff) 92%, transparent);
      box-shadow:
        0 6px 18px color-mix(in srgb, var(--ink, #111) 14%, transparent),
        0 0 0 1px color-mix(in srgb, var(--line, #ddd) 80%, transparent);
      opacity: 1;
      transition: transform 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    }
    .wel-landing .gallery--carousel .gallery-nav__btn:hover{
      color: var(--ink, #111);
      transform: scale(1.05);
    }
    .wel-landing .gallery--carousel .gallery-nav__btn:focus-visible{
      outline: 2px solid var(--brand, #0a7);
      outline-offset: 2px;
    }
    .wel-landing .gallery-dots{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      min-height: 1.1rem;
      padding: 0;
      margin: 0;
    }
    .wel-landing .gallery-dots__dot{
      width: 0.5rem;
      height: 0.5rem;
      padding: 0;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      background: color-mix(in srgb, var(--ink, #111) 18%, transparent);
      transition: transform 0.2s ease, background 0.2s ease, width 0.2s ease;
    }
    .wel-landing .gallery-dots__dot.is-active{
      width: 1.35rem;
      background: var(--brand, #0a7);
    }
    .wel-landing .gallery-dots__dot:focus-visible{
      outline: 2px solid var(--brand, #0a7);
      outline-offset: 2px;
    }
    @media (max-width: 639px) {
      .wel-landing .gallery--side_left,
      .wel-landing .gallery--side_right{
        grid-template-columns: 1fr;
        grid-template-rows: none;
      }
      .wel-landing .gallery--side_left .gallery-thumbs,
      .wel-landing .gallery--side_right .gallery-thumbs{
        order: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: var(--wel-gal-gap);
        height: auto;
      }
      .wel-landing .gallery--side_left .gallery-thumbs button,
      .wel-landing .gallery--side_right .gallery-thumbs button{
        aspect-ratio: 1 / 1;
        min-height: 0;
        height: auto;
      }
      .wel-landing .gallery--carousel .gallery-nav{
        padding: 0 0.3rem;
      }
      .wel-landing .gallery--carousel .gallery-nav__btn{
        width: 2.35rem;
        height: 2.35rem;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .wel-landing .gallery-carousel__track{
        transition: none;
      }
    }

    /* Breathing room: gallery → CTAs → trust badges */
    .wel-landing .hero .cta-row,
    .wel-landing [data-wel-blocks] .cta-row{
      margin-top: 1.05rem;
    }
    .wel-landing .hero .trust,
    .wel-landing [data-wel-blocks] .trust{
      margin-top: 1.05rem;
    }
    .wel-landing .cta,
    .wel-landing a.cta{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      min-height: var(--touch);
      padding: 0.8rem 1.2rem;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px);
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%));
      color: var(--cta-ink);
      font-size: 1.02rem;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
      box-shadow: var(--wel-btn-shadow, 0 10px 24px color-mix(in srgb, var(--cta) 40%, transparent));
      transition: transform 0.15s ease, filter 0.15s ease;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      text-align: center;
      max-width: 100%;
    }
    /* Editor: allow caret inside CTA / text controls */
    .wel-landing.wel-landing--editor [data-wel-control][data-wel-text="1"],
    .wel-landing.wel-landing--editor a.cta[data-wel-control],
    .elementor-editor-active .wel-landing [data-wel-control][data-wel-text="1"],
    .elementor-editor-active .wel-landing a.cta[data-wel-control],
    .elementor-editor-preview .wel-landing [data-wel-control][data-wel-text="1"],
    .elementor-editor-preview .wel-landing a.cta[data-wel-control] {
      user-select: text !important;
      -webkit-user-select: text !important;
    }
    .wel-landing a.cta:not(.cta-ghost):visited,
    .wel-landing a.cta:not(.cta-ghost):hover,
    .wel-landing a.cta:not(.cta-ghost):focus,
    .wel-landing a.cta:not(.cta-ghost):active{
      color: var(--cta-ink);
      text-decoration: none;
    }
    @media (hover: hover) {
      .wel-landing .cta:not(.cta-ghost):hover{ filter: brightness(1.05); transform: translateY(-1px); }
    }
    .wel-landing .cta:not(.cta-ghost):active{ transform: translateY(0); filter: brightness(0.98); }
    .wel-landing .cta-pulse{ animation: pulse-cta 2.8s ease-in-out infinite; }
    .wel-landing .cta-wrap{
      text-align: center;
      margin: 1.15rem 0;
      padding-inline: 0.15rem;
    }
    .wel-landing .cta-wrap .cta{
      width: min(100%, 26rem);
      min-height: var(--touch);
    }
    /* Ghost CTAs — higher specificity so :visited/:hover never steal --cta-ink (dark on dark) */
    .wel-landing .cta.cta-ghost,
    .wel-landing a.cta.cta-ghost,
    .wel-landing a.cta.cta-ghost:link,
    .wel-landing a.cta.cta-ghost:visited,
    .wel-landing a.cta.cta-ghost:hover,
    .wel-landing a.cta.cta-ghost:focus,
    .wel-landing a.cta.cta-ghost:active{
      background: var(--ghost-bg);
      color: var(--ghost-ink);
      border: 1.5px solid var(--brand);
      box-shadow: none;
      animation: none;
      filter: none;
      text-decoration: none;
    }
    @media (hover: hover) {
      .wel-landing a.cta.cta-ghost:hover{
        filter: none;
        transform: translateY(-1px);
        background: color-mix(in srgb, var(--ghost-bg) 80%, var(--brand) 20%);
      }
    }

    /* Easy start → Button style (fill) + Border style (radius) tokens.
       Accept dual prefixes: PHP emits wel-lp--btn-* + wel-landing--btn-*;
       CSS source of truth is wel-landing--btn-* (aliases keep soft-patch safe). */
    .wel-landing {
      --wel-btn-radius: 999px;
      --wel-btn-fill: linear-gradient(180deg, var(--cta-light, var(--cta)) 0%, var(--cta) 55%, var(--cta-deep, var(--cta)) 100%);
      --wel-btn-shadow: 0 10px 24px color-mix(in srgb, var(--cta) 40%, transparent);
      --wel-btn-shadow-hover: 0 14px 34px color-mix(in srgb, var(--cta) 50%, transparent);
      --wel-btn-shadow-active: 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent);
    }
    .wel-landing.wel-landing--btn-diagonal,
    .wel-landing.wel-lp--btn-diagonal,
    body > .wel-landing--btn-diagonal,
    body > .wel-lp--btn-diagonal {
      --wel-btn-fill: linear-gradient(135deg, var(--cta-light, var(--cta)) 0%, var(--cta) 52%, var(--cta-deep, var(--cta)) 100%);
      --wel-btn-shadow: 0 10px 28px color-mix(in srgb, var(--cta) 42%, transparent);
      --wel-btn-shadow-hover: 0 16px 36px color-mix(in srgb, var(--cta) 52%, transparent);
      --wel-btn-shadow-active: 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent);
    }
    .wel-landing.wel-landing--btn-solid,
    .wel-landing.wel-lp--btn-solid,
    body > .wel-landing--btn-solid,
    body > .wel-lp--btn-solid {
      --wel-btn-fill: var(--cta);
      --wel-btn-shadow: 0 10px 28px color-mix(in srgb, var(--cta) 42%, transparent);
      --wel-btn-shadow-hover: 0 16px 36px color-mix(in srgb, var(--cta) 52%, transparent);
      --wel-btn-shadow-active: 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent);
    }
    .wel-landing.wel-landing--btn-pill,
    .wel-landing.wel-lp--btn-pill,
    body > .wel-landing--btn-pill,
    body > .wel-lp--btn-pill {
      --wel-btn-radius: 999px;
    }
    .wel-landing.wel-landing--btn-semi,
    .wel-landing.wel-lp--btn-semi,
    body > .wel-landing--btn-semi,
    body > .wel-lp--btn-semi {
      --wel-btn-radius: 12px;
    }
    /* Diagonal / solid: lift + colored glow feedback on interactive CTA fills */
    @media (hover: hover) {
      .wel-landing.wel-landing--btn-diagonal .cta:not(.cta-ghost):hover,
      .wel-landing.wel-landing--btn-diagonal a.cta:not(.cta-ghost):hover,
      .wel-landing.wel-landing--btn-diagonal .phone-banner:hover .call-pill,
      .wel-landing.wel-landing--btn-diagonal .contact-strip__action:hover,
      .wel-landing.wel-landing--btn-diagonal .wel-cod__notices-ok:hover,
      .wel-landing.wel-landing--btn-diagonal .wel-cod__success-ok:hover,
      .wel-landing.wel-landing--btn-diagonal .wel-cod__otp-verify-btn:hover,
      .wel-landing.wel-landing--btn-solid .cta:not(.cta-ghost):hover,
      .wel-landing.wel-landing--btn-solid a.cta:not(.cta-ghost):hover,
      .wel-landing.wel-landing--btn-solid .phone-banner:hover .call-pill,
      .wel-landing.wel-landing--btn-solid .contact-strip__action:hover,
      .wel-landing.wel-landing--btn-solid .wel-cod__notices-ok:hover,
      .wel-landing.wel-landing--btn-solid .wel-cod__success-ok:hover,
      .wel-landing.wel-landing--btn-solid .wel-cod__otp-verify-btn:hover,
      body > .wel-landing--btn-diagonal .cta:not(.cta-ghost):hover,
      body > .wel-landing--btn-diagonal .wel-cod__notices-ok:hover,
      body > .wel-landing--btn-diagonal .wel-cod__success-ok:hover,
      body > .wel-landing--btn-diagonal .wel-cod__otp-verify-btn:hover,
      body > .wel-landing--btn-solid .cta:not(.cta-ghost):hover,
      body > .wel-landing--btn-solid .wel-cod__notices-ok:hover,
      body > .wel-landing--btn-solid .wel-cod__success-ok:hover,
      body > .wel-landing--btn-solid .wel-cod__otp-verify-btn:hover {
        transform: translateY(-3px);
        filter: brightness(1.04);
        box-shadow: var(--wel-btn-shadow-hover) !important;
      }
    }
    .wel-landing.wel-landing--btn-diagonal .cta:not(.cta-ghost):active,
    .wel-landing.wel-landing--btn-diagonal a.cta:not(.cta-ghost):active,
    .wel-landing.wel-landing--btn-diagonal .contact-strip__action:active,
    .wel-landing.wel-landing--btn-diagonal .wel-cod__notices-ok:active,
    .wel-landing.wel-landing--btn-diagonal .wel-cod__success-ok:active,
    .wel-landing.wel-landing--btn-diagonal .wel-cod__otp-verify-btn:active,
    .wel-landing.wel-landing--btn-solid .cta:not(.cta-ghost):active,
    .wel-landing.wel-landing--btn-solid a.cta:not(.cta-ghost):active,
    .wel-landing.wel-landing--btn-solid .contact-strip__action:active,
    .wel-landing.wel-landing--btn-solid .wel-cod__notices-ok:active,
    .wel-landing.wel-landing--btn-solid .wel-cod__success-ok:active,
    .wel-landing.wel-landing--btn-solid .wel-cod__otp-verify-btn:active,
    body > .wel-landing--btn-diagonal .cta:not(.cta-ghost):active,
    body > .wel-landing--btn-diagonal .wel-cod__notices-ok:active,
    body > .wel-landing--btn-diagonal .wel-cod__success-ok:active,
    body > .wel-landing--btn-diagonal .wel-cod__otp-verify-btn:active,
    body > .wel-landing--btn-solid .cta:not(.cta-ghost):active,
    body > .wel-landing--btn-solid .wel-cod__notices-ok:active,
    body > .wel-landing--btn-solid .wel-cod__success-ok:active,
    body > .wel-landing--btn-solid .wel-cod__otp-verify-btn:active {
      transform: translateY(1px);
      filter: brightness(0.98);
      box-shadow: var(--wel-btn-shadow-active) !important;
    }





    .wel-landing .cta-row{
      display: grid;
      grid-template-columns: 1fr 1.35fr;
      gap: 0.55rem;
      margin: 1rem 0;
      align-items: stretch;
    }
    .wel-landing .cta-row .cta{
      width: 100%;
      min-height: var(--touch);
      font-size: 0.92rem;
      padding-inline: 0.55rem;
      white-space: nowrap;
    }

    .wel-landing .trust{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
      margin: 1rem 0 0.35rem;
    }
    .wel-landing .trust article{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 0.75rem 0.45rem;
      text-align: center;
      box-shadow: 0 6px 16px rgba(16, 32, 24, 0.05);
    }
    .wel-landing .trust .ico{
      width: 2.1rem;
      height: 2.1rem;
      margin: 0 auto 0.35rem;
      border-radius: 10px;
      display: grid;
      place-items: center;
      background: var(--brand-soft);
      border: 1px solid var(--line);
      font-size: 1.05rem;
      line-height: 1;
      color: var(--heading);
    }
    .wel-landing .trust p{
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1.3;
      color: var(--heading);
    }

    .wel-landing .phone-banner{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.65rem;
      margin: 1rem 0;
      padding: 0.8rem 0.85rem;
      border-radius: 14px;
      background: linear-gradient(135deg, var(--brand-soft), color-mix(in srgb, var(--cta) 12%, var(--surface)));
      border: 1px solid color-mix(in srgb, var(--cta) 35%, var(--line));
      text-decoration: none;
      min-height: var(--touch);
      -webkit-tap-highlight-color: transparent;
    }
    .wel-landing .phone-banner div{ text-align: left; min-width: 0; }
    .wel-landing .phone-banner small{
      display: block;
      font-size: 0.78rem;
      color: var(--ink-soft);
      font-weight: 600;
    }
    .wel-landing .phone-banner strong{
      display: block;
      font-size: clamp(1.05rem, 4.5vw, 1.2rem);
      color: var(--heading);
      letter-spacing: 0.02em;
      overflow-wrap: anywhere;
    }
    .wel-landing .phone-banner .call-pill{
      flex-shrink: 0;
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%));
      color: var(--cta-ink);
      font-weight: 750;
      font-size: 0.86rem;
      letter-spacing: 0.01em;
      padding: 0.65rem 1.05rem;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px) !important;
      min-height: var(--touch);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: var(--wel-btn-shadow, 0 10px 22px color-mix(in srgb, var(--cta) 38%, transparent));
      transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
    }
    .wel-landing .phone-banner:hover .call-pill,
    .wel-landing .phone-banner:focus-visible .call-pill{
      transform: translateY(-1px);
      filter: brightness(1.03);
      box-shadow: var(--wel-btn-shadow-hover, 0 12px 26px color-mix(in srgb, var(--cta) 48%, transparent));
    }

    .wel-landing .urgency{
      margin: 0.85rem 0;
      padding: 0.75rem 0.75rem;
      border-radius: 12px;
      background: color-mix(in srgb, var(--cta) 12%, var(--surface));
      border: 1px solid color-mix(in srgb, var(--cta) 40%, var(--line));
      color: var(--heading);
      font-weight: 700;
      font-size: clamp(0.88rem, 3.4vw, 0.95rem);
      text-align: center;
      overflow-wrap: anywhere;
    }

    
    .wel-landing section{
      padding: 1.15rem 0 0.2rem;
    }
    /* Do NOT use content-visibility / large contain-intrinsic-size here —
       Elementor iframe preview doesn't get .elementor-editor-active, so
       reserved ~420px placeholders created huge empty gaps (badge floating mid-gap). */
    .wel-landing .section-head{
      text-align: center;
      margin-bottom: 0.95rem;
    }
    .wel-landing .section-head h2{
      font-size: clamp(1.3rem, 4.5vw, 1.6rem);
      line-height: 1.3;
      margin-bottom: 0.35rem;
      color: var(--heading);
    }
    .wel-landing .section-head p{
      color: var(--ink-soft);
      font-size: 0.98rem;
    }

    .wel-landing .benefit-list{
      list-style: none;
      display: grid;
      gap: 0.7rem;
    }
    .wel-landing .benefit-list li{
      display: grid;
      grid-template-columns: 2.5rem 1fr;
      gap: 0.75rem;
      align-items: start;
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 0.95rem;
      box-shadow: 0 8px 20px color-mix(in srgb, var(--ink) 6%, transparent);
    }
    .wel-landing .benefit-list .ico{
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--brand-soft);
      border: 1px solid var(--line);
      font-size: 1.15rem;
      line-height: 1;
      color: var(--heading);
    }
    .wel-landing .benefit-list strong{
      display: block;
      color: var(--heading);
      margin-bottom: 0.15rem;
      font-size: 1.02rem;
    }
    .wel-landing .benefit-list span{ color: var(--ink-soft); font-size: 0.95rem; }

    .wel-landing .feature-grid{
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.65rem;
    }
    .wel-landing .feature-grid li{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 0.9rem 0.75rem;
      text-align: center;
      box-shadow: 0 8px 20px color-mix(in srgb, var(--ink) 6%, transparent);
    }
    .wel-landing .feature-grid .ico{
      width: 2.4rem;
      height: 2.4rem;
      margin: 0 auto 0.4rem;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--brand-soft);
      border: 1px solid var(--line);
      font-size: 1.2rem;
      line-height: 1;
      color: var(--heading);
    }
    .wel-landing .feature-grid strong{
      display: block;
      font-size: clamp(0.82rem, 3.2vw, 0.92rem);
      line-height: 1.35;
      color: var(--heading);
      overflow-wrap: anywhere;
    }
    .wel-landing .feature-grid em{
      display: block;
      margin-top: 0.2rem;
      font-style: normal;
      font-size: clamp(0.72rem, 2.8vw, 0.8rem);
      color: var(--ink-soft);
    }

    .wel-landing .proof-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.55rem;
    }
    .wel-landing .proof-grid figure,
    .wel-landing .wel-skel{
      margin: 0;
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: var(--surface);
      box-shadow: var(--shadow);
      aspect-ratio: 1 / 1;
      position: relative;
    }
    .wel-landing .proof-grid img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: var(--brand-soft);
      display: block;
      opacity: 0;
      transition: opacity 0.28s ease;
    }
    .wel-landing .wel-skel.is-ready img,
    .wel-landing .wel-skel.is-error img{
      opacity: 1;
    }
    .wel-landing .wel-skel__shine{
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(110deg,
          color-mix(in srgb, var(--brand-soft) 55%, var(--surface)) 25%,
          color-mix(in srgb, var(--surface) 70%, var(--lift, var(--surface))) 40%,
          color-mix(in srgb, var(--brand-soft) 55%, var(--surface)) 55%);
      background-size: 200% 100%;
      animation: wel-skel-shine 1.15s ease-in-out infinite;
      pointer-events: none;
    }
    .wel-landing .wel-skel.is-ready .wel-skel__shine,
    .wel-landing .wel-skel.is-error .wel-skel__shine{
      opacity: 0;
      animation: none;
      transition: opacity 0.25s ease;
    }
    @keyframes wel-skel-shine{
      0% { background-position: 100% 0; }
      100% { background-position: -100% 0; }
    }

    .wel-landing .wel-proof__stage{
      position: relative;
      min-height: 8rem;
    }
    .wel-landing .wel-proof__preloader{
      position: absolute;
      inset: 0;
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      border-radius: 14px;
      background: color-mix(in srgb, var(--surface) 82%, transparent);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease;
    }
    .wel-landing .wel-proof.is-loading .wel-proof__preloader{
      opacity: 1;
      pointer-events: none;
      /* Failsafe: hide overlay even if JS never settles (hotlink 403 / hung lazy). */
      animation: wel-proof-loader-auto-hide 0.2s ease 2.5s forwards;
    }
    @keyframes wel-proof-loader-auto-hide{
      to {
        opacity: 0;
        visibility: hidden;
      }
    }
    .wel-landing .wel-proof__spinner{
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 50%;
      border: 2.5px solid var(--line);
      border-top-color: var(--brand);
      animation: wel-spin 0.7s linear infinite;
    }
    .wel-landing .wel-proof__loader-text{
      font-size: 0.82rem;
      font-weight: 700;
      color: var(--muted);
    }
    @keyframes wel-spin{
      to { transform: rotate(360deg); }
    }

    .wel-landing .cod{
      text-align: center;
      padding: 1.35rem 1.1rem;
      border-radius: calc(var(--radius) + 2px);
      background: var(--surface);
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
    }
    .wel-landing .cod h2{
      font-size: 1.3rem;
      margin-bottom: 0.4rem;
      color: var(--heading);
    }
    .wel-landing .cod p{
      color: var(--ink-soft);
      margin-bottom: 1rem;
      max-width: 36ch;
      margin-inline: auto;
      line-height: 1.55;
    }
    .wel-landing .cod-pills{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      margin-bottom: 0.25rem;
    }
    .wel-landing .cod-pills span{
      background: var(--chip-bg);
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 0.4rem 0.75rem;
      font-size: 0.8rem;
      font-weight: 700;
      color: var(--chip-text);
    }
    .wel-landing.wel-landing--editor .cod-pills .cod-pills__item,
    .elementor-editor-active .wel-landing .cod-pills .cod-pills__item {
      position: relative;
      z-index: 3;
      pointer-events: auto !important;
      cursor: text;
    }
    .wel-landing.wel-landing--editor .benefits .ico,
    .wel-landing.wel-landing--editor .features .ico,
    .wel-landing.wel-landing--editor .trust .ico,
    .wel-landing.wel-landing--editor [data-wel-control="benefits"][data-wel-field="icon"],
    .wel-landing.wel-landing--editor [data-wel-control="features"][data-wel-field="icon"],
    .wel-landing.wel-landing--editor [data-wel-control="trust_items"][data-wel-field="icon"],
    .elementor-editor-active .wel-landing [data-wel-control="benefits"][data-wel-field="icon"],
    .elementor-editor-active .wel-landing [data-wel-control="features"][data-wel-field="icon"],
    .elementor-editor-active .wel-landing [data-wel-control="trust_items"][data-wel-field="icon"] {
      pointer-events: none;
    }

    .wel-landing .social-proof{
      margin: 1rem 0;
      text-align: center;
      font-size: 0.92rem;
      color: var(--ink-soft);
      font-weight: 600;
    }
    .wel-landing .social-proof b{ color: var(--heading); }

    .wel-landing [data-wel-order] {
      scroll-margin-top: 0.75rem;
      scroll-margin-bottom: calc(var(--sticky-h) + var(--safe-bottom));
    }

    .wel-landing .contact-strip,
    .wel-landing [data-wel-edit="contact"].contact-strip {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0.85rem 1rem;
      margin: 1.15rem 0 0.5rem;
      text-align: center;
      color: var(--ink-soft);
      font-size: 0.92rem;
      padding: 0.35rem 0;
      /* Plain section — never a button card (Pill --wel-btn-radius made a capsule) */
      border-radius: 0 !important;
      background: transparent !important;
      background-image: none !important;
      border: 0 !important;
      box-shadow: none !important;
      box-sizing: border-box;
    }
    @media (max-width: 639px) {
      .wel-landing .contact-strip,
      .wel-landing [data-wel-edit="contact"].contact-strip {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 0;
      }
      .wel-landing .contact-strip a.contact-strip__action,
      .wel-landing .contact-strip__action {
        width: min(100%, 16rem);
      }
    }
    .wel-landing .contact-strip__ico,
    .wel-landing a.contact-strip__ico {
      display: grid;
      place-items: center;
      width: 2.75rem;
      height: 2.75rem;
      border-radius: var(--wel-btn-radius, 14px);
      color: var(--cta-ink, #fff);
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%));
      box-shadow: var(--wel-btn-shadow, 0 6px 14px color-mix(in srgb, var(--cta) 22%, transparent));
      flex: 0 0 auto;
      text-decoration: none;
      cursor: pointer;
    }
    .wel-landing a.contact-strip__ico:hover,
    .wel-landing a.contact-strip__ico:focus,
    .wel-landing a.contact-strip__ico:visited {
      color: var(--cta-ink, #fff);
      text-decoration: none;
      filter: brightness(1.05);
    }
    .wel-landing .contact-strip__ico svg {
      width: 1.2rem;
      height: 1.2rem;
      display: block;
    }
    .wel-landing .contact-strip__body {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.15rem;
      min-width: 0;
    }
    .wel-landing .contact-strip__label {
      color: var(--ink-soft);
      font-size: 0.9rem;
      font-weight: 600;
    }
    .wel-landing .contact-strip__phone,
    .wel-landing .contact-strip a.contact-strip__phone {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
      margin: 0;
      font-size: clamp(1.2rem, 5vw, 1.35rem);
      font-weight: 800;
      color: var(--heading);
      text-decoration: none;
      padding: 0;
      letter-spacing: 0.02em;
    }
    /* Classic: left-align contact copy + phone (shared defaults stay centered for Offer) */
    .wel-landing.wel-landing--layout-classic .contact-strip,
    .wel-landing.wel-landing--layout-classic [data-wel-edit="contact"].contact-strip {
      justify-content: flex-start;
      text-align: start;
    }
    .wel-landing.wel-landing--layout-classic .contact-strip__body {
      align-items: flex-start;
    }
    .wel-landing.wel-landing--layout-classic .contact-strip__phone,
    .wel-landing.wel-landing--layout-classic .contact-strip a.contact-strip__phone {
      justify-content: flex-start;
    }
    /* Desktop: push “কল করুন” chip to the far right */
    @media (min-width: 640px) {
      .wel-landing.wel-landing--layout-classic .contact-strip a.contact-strip__action,
      .wel-landing.wel-landing--layout-classic .contact-strip__action {
        margin-left: auto;
      }
    }
    @media (max-width: 639px) {
      .wel-landing.wel-landing--layout-classic .contact-strip,
      .wel-landing.wel-landing--layout-classic [data-wel-edit="contact"].contact-strip {
        align-items: flex-start;
      }
    }
    /* Call chip — same Button style fill + Border style radius as Order CTA */
    .wel-landing .contact-strip__action,
    .wel-landing a.contact-strip__action,
    .wel-landing a.contact-strip__action:link,
    .wel-landing a.contact-strip__action:visited {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: var(--touch);
      padding: 0.45rem 1rem;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px) !important;
      font-size: 0.88rem;
      font-weight: 800;
      color: var(--cta-ink, #fff) !important;
      text-decoration: none;
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%)) !important;
      box-shadow: var(--wel-btn-shadow, 0 10px 22px color-mix(in srgb, var(--cta) 38%, transparent));
      white-space: nowrap;
      transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
    }
    @media (hover: hover) {
      .wel-landing .contact-strip__action:hover,
      .wel-landing a.contact-strip__action:hover {
        filter: brightness(1.05);
        transform: translateY(-1px);
        box-shadow: var(--wel-btn-shadow-hover, 0 12px 26px color-mix(in srgb, var(--cta) 48%, transparent));
        color: var(--cta-ink, #fff) !important;
        background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%)) !important;
      }
    }
    .wel-landing .contact-strip__action:active,
    .wel-landing a.contact-strip__action:active {
      transform: translateY(0);
      filter: brightness(0.98);
      box-shadow: var(--wel-btn-shadow-active, 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent));
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light) 0%, var(--cta) 55%, var(--cta-deep) 100%)) !important;
      color: var(--cta-ink, #fff) !important;
    }
    .wel-landing .contact-strip a.contact-strip__action:visited,
    .wel-landing .contact-strip a.contact-strip__action:focus {
      color: var(--cta-ink, #fff) !important;
      text-decoration: none;
    }
    .wel-landing .contact-strip a:not(.contact-strip__phone):not(.contact-strip__action):not(.contact-strip__ico) {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: var(--touch);
      margin-top: 0.2rem;
      font-size: clamp(1.2rem, 5vw, 1.35rem);
      font-weight: 800;
      color: var(--heading);
      text-decoration: none;
      padding: 0.25rem 0.5rem;
      letter-spacing: 0.02em;
    }

    .wel-landing .wel-landing__sticky {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 50;
      padding: 0.65rem 0.75rem calc(0.7rem + var(--safe-bottom));
      background: color-mix(in srgb, var(--surface) 90%, transparent);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-top: 1px solid var(--line);
      box-shadow: 0 -10px 28px color-mix(in srgb, var(--ink) 16%, transparent);
      transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .wel-landing .wel-landing__sticky.is-hidden,
    .wel-landing .wel-landing__sticky.is-keyboard {
      transform: translateY(110%);
      opacity: 0;
      pointer-events: none;
    }
    .wel-landing .wel-landing__sticky-inner {
      width: min(100%, var(--max));
      margin-inline: auto;
      display: grid;
      grid-template-columns: minmax(5.75rem, 1fr) minmax(0, 1.6fr);
      gap: 0.5rem;
    }
    .wel-landing .wel-landing__sticky-inner:not(:has(.cta-ghost)) {
      grid-template-columns: 1fr;
    }
    .wel-landing .wel-landing__sticky .cta {
      width: 100%;
      min-height: 2.85rem;
      font-size: clamp(0.88rem, 3.5vw, 0.98rem);
      padding-inline: 0.55rem;
      animation: none;
      white-space: nowrap;
      font-weight: 800;
    }
    .wel-landing .wel-landing__sticky .cta:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 2px;
    }
    .wel-landing .wel-landing__sticky .cta.cta-ghost{
      background: var(--ghost-bg);
      color: var(--ghost-ink);
      border-width: 2px;
    }

    /* —— Order box (picker + selected + COD) —— */
    .wel-landing .wel-buy {
      margin: 1.1rem 0 0.6rem;
      padding: 1.2rem 1.05rem 1.25rem;
      border-radius: calc(var(--radius) + 6px);
      color: var(--ink);
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, var(--brand-soft) 42%, var(--surface)) 0%,
          var(--surface) 32%,
          var(--surface) 100%
        );
      border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
      box-shadow:
        0 1px 0 var(--shine) inset,
        var(--shadow);
    }
    .wel-landing .wel-buy.wel-cod {
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, var(--brand-soft) 48%, var(--surface)) 0%,
          var(--surface) 26%,
          var(--surface) 100%
        );
      border-color: color-mix(in srgb, var(--cta) 22%, var(--line));
    }
    .wel-landing .wel-buy__chooser {
      margin-bottom: 0.85rem;
    }
    .wel-landing .wel-buy__chooser-label {
      margin: 0 0 0.7rem;
      font-size: clamp(1.05rem, 3.8vw, 1.18rem);
      font-weight: 800;
      letter-spacing: -0.01em;
      text-transform: none;
      line-height: 1.3;
      color: var(--heading);
      text-align: center;
    }
    .wel-landing .wel-buy__picker {
      display: grid;
        grid-template-columns: 1fr;
      gap: 0.55rem;
    }
    .wel-landing .wel-buy__pick {
      position: relative;
      display: flex;
      align-items: center;
      gap: 0.65rem;
      width: 100%;
      margin: 0;
      padding: 0.6rem 0.7rem;
      border: 1px solid color-mix(in srgb, var(--line) 90%, transparent);
      border-radius: 14px;
      background: var(--lift);
      color: var(--ink);
      text-align: left;
      cursor: pointer;
      font-family: inherit;
      min-height: 3.75rem;
      box-shadow: 0 4px 14px color-mix(in srgb, var(--ink) 5%, transparent);
      transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
    }
    .wel-landing .wel-buy__pick:hover {
      border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
      box-shadow: 0 8px 18px color-mix(in srgb, var(--brand) 10%, transparent);
      transform: translateY(-1px);
    }
    .wel-landing .wel-buy__pick:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 2px;
    }
    .wel-landing .wel-buy__pick.is-selected {
      border-color: color-mix(in srgb, var(--cta) 55%, var(--brand));
      background: linear-gradient(135deg, var(--select-wash) 0%, var(--select-wash-2) 100%);
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--cta) 28%, transparent),
        0 10px 22px color-mix(in srgb, var(--cta) 14%, transparent);
    }
    .wel-landing .wel-buy__pick.is-selected::after {
      content: "";
      position: absolute;
      top: 0.45rem;
      right: 0.45rem;
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 50%;
      background: var(--cta);
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 22%, transparent);
    }
    .wel-landing .wel-buy__pick.is-oos {
      opacity: 0.58;
      filter: grayscale(0.2);
      cursor: not-allowed;
    }
    .wel-landing .wel-buy__pick-img {
      width: 52px;
      height: 52px;
      object-fit: cover;
      border-radius: 12px;
      flex: 0 0 auto;
      background: var(--lift-soft);
      border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
      box-shadow: 0 4px 10px color-mix(in srgb, var(--ink) 6%, transparent);
    }
    .wel-landing .wel-buy__pick-body {
      display: flex;
        flex-direction: column;
      gap: 0.12rem;
      min-width: 0;
      flex: 1 1 auto;
      padding-right: 0.35rem;
    }
    .wel-landing .wel-buy__pick-name {
      font-size: 0.9rem;
      font-weight: 800;
      line-height: 1.28;
      color: var(--ink) !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .wel-landing .wel-buy__pick-price,
    .wel-landing .wel-buy__pick-price .amount,
    .wel-landing .wel-buy__pick-price .woocommerce-Price-amount,
    .wel-landing .wel-buy__pick-price bdi {
      font-size: 0.86rem;
      font-weight: 800;
      color: var(--cta) !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .wel-landing .wel-buy__pick-attrs,
    .wel-landing .wel-buy__attrs {
      font-size: 0.74rem;
      font-weight: 500;
      color: var(--ink-soft) !important;
      line-height: 1.35;
    }

    .wel-landing .wel-buy__pick--line.wel-buy__pick--no-qty,
    .wel-landing .wel-buy--no-qty .wel-buy__pick--line {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .wel-landing .wel-buy__pick--line.wel-buy__pick--no-qty .wel-buy__line-qty,
    .wel-landing .wel-buy--no-qty .wel-buy__pick--line .wel-buy__line-qty {
      display: none;
    }
    /* Editor: keep qty host + eye ghosted (vis-off), not display:none — eye must stay usable. */
    .wel-landing.wel-landing--editor .wel-buy__pick--line.wel-buy__pick--no-qty .wel-buy__line-qty[data-wel-vis],
    .wel-landing.wel-landing--editor .wel-buy--no-qty .wel-buy__pick--line .wel-buy__line-qty[data-wel-vis],
    .elementor-editor-active .wel-landing .wel-buy__pick--line.wel-buy__pick--no-qty .wel-buy__line-qty[data-wel-vis],
    .elementor-editor-active .wel-landing .wel-buy--no-qty .wel-buy__pick--line .wel-buy__line-qty[data-wel-vis] {
      display: inline-flex;
    }
    .wel-landing.wel-landing--editor .wel-buy--no-qty .wel-buy__qty-wrap[data-wel-vis],
    .elementor-editor-active .wel-landing .wel-buy--no-qty .wel-buy__qty-wrap[data-wel-vis] {
      display: flex;
    }
    @media (max-width: 639px) {
      .wel-landing .wel-buy__pick--line.wel-buy__pick--no-qty,
      .wel-landing .wel-buy--no-qty .wel-buy__pick--line {
        grid-template-areas: "lead body";
      }
    }

    /* Multi-select lines — flat list, quiet chrome */
    .wel-landing .wel-buy__picker--lines {
      grid-template-columns: 1fr;
      gap: 0.4rem;
      padding: 0.35rem;
      border-radius: 12px;
      background: color-mix(in srgb, var(--brand-soft) 18%, var(--surface));
      border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    }
    .wel-landing .wel-buy__pick--line {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.5rem 0.6rem;
      cursor: pointer;
      min-height: 0;
      padding: 0.55rem 0.6rem;
      border-radius: 10px;
      background: var(--lift);
      color: var(--ink);
      border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
      box-shadow: none;
    }
    .wel-landing .wel-buy__pick--line:hover {
      border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
      transform: none;
    }
    .wel-landing .wel-buy__pick--line.is-selected {
      border-color: color-mix(in srgb, var(--cta) 45%, var(--line));
      background: color-mix(in srgb, var(--select-wash, var(--cta)) 22%, var(--lift));
      box-shadow: none;
    }
    .wel-landing .wel-buy__pick--line.is-selected::after {
      display: none;
    }
    .wel-landing .wel-buy__pick--line .wel-buy__line-check {
      position: absolute;
      opacity: 0;
      width: 1px;
      height: 1px;
      margin: 0;
      pointer-events: none;
    }
    .wel-landing .wel-buy__pick-lead {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      flex: 0 0 auto;
    }
    .wel-landing .wel-buy__check {
      width: 1.15rem;
      height: 1.15rem;
      flex: 0 0 auto;
      border-radius: 50%;
      border: 1.5px solid color-mix(in srgb, var(--ink) 28%, var(--line));
      background: transparent;
      box-shadow: none;
      display: grid;
      place-items: center;
      transition: background 0.12s ease, border-color 0.12s ease;
    }
    .wel-landing .wel-buy__check::before {
      content: "";
      width: 0.45rem;
      height: 0.28rem;
      border-left: 2px solid transparent;
      border-bottom: 2px solid transparent;
      transform: rotate(-45deg) translate(0.04rem, -0.04rem);
      transition: border-color 0.12s ease;
    }
    .wel-landing .wel-buy__pick--line.is-selected .wel-buy__check {
      background: var(--cta);
      border-color: var(--cta);
      box-shadow: none;
    }
    .wel-landing .wel-buy__pick--line.is-selected .wel-buy__check::before {
      border-left-color: var(--cta-ink);
      border-bottom-color: var(--cta-ink);
    }
    .wel-landing .wel-buy__pick--line.is-oos .wel-buy__check {
      opacity: 0.55;
    }
    .wel-landing .wel-buy__pick--line .wel-buy__pick-img {
      width: 48px;
      height: 48px;
      border-radius: 10px;
    }
    .wel-landing .wel-buy__pick--line .wel-buy__pick-body {
      padding-right: 0;
    }
    .wel-landing .wel-buy__pick--line .wel-buy__pick-name {
      font-size: 0.9rem;
    }
    .wel-landing .wel-buy__pick--line .wel-buy__pick-price {
      font-size: 0.86rem;
    }
    .wel-landing .wel-buy__line-qty {
      display: inline-grid;
      grid-template-columns: 2rem minmax(2rem, auto) 2rem;
      align-items: center;
      gap: 0;
      padding: 0;
      border-radius: 999px;
      background: var(--field-bg, var(--surface, #fff));
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 85%, transparent);
      flex: 0 0 auto;
      color: var(--field-ink);
      overflow: hidden;
    }
    .wel-landing .wel-buy__pick--line.is-selected .wel-buy__line-qty {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cta) 35%, var(--line));
    }
    .wel-landing .wel-buy__qty-btn,
    .wel-landing .wel-buy__line-qty button,
    .wel-landing .wel-buy__qty button {
      box-sizing: border-box;
      width: 2rem;
      height: 2rem;
      min-width: 2rem;
      min-height: 2rem;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 999px;
      display: inline-grid;
      place-items: center;
      place-content: center;
      line-height: 0;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
      font-family: inherit;
      box-shadow: none;
      transition: background 0.12s ease, color 0.12s ease;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    .wel-landing .wel-buy__qty-btn svg,
    .wel-landing .wel-buy__line-qty button svg,
    .wel-landing .wel-buy__qty button svg {
      display: block;
      width: 0.85rem;
      height: 0.85rem;
      margin: 0;
      padding: 0;
      pointer-events: none;
      flex-shrink: 0;
    }
    .wel-landing .wel-buy__qty-btn:focus-visible,
    .wel-landing .wel-buy__line-qty button:focus-visible,
    .wel-landing .wel-buy__qty button:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 45%, transparent);
      outline-offset: -2px;
      z-index: 1;
    }
    @media (hover: hover) {
      .wel-landing .wel-buy__qty-btn:hover:not(:disabled),
      .wel-landing .wel-buy__line-qty button:hover:not(:disabled),
      .wel-landing .wel-buy__qty button:hover:not(:disabled) {
        background: color-mix(in srgb, var(--cta) 12%, transparent);
        color: var(--cta-deep, var(--cta));
        filter: none;
        box-shadow: none;
      }
    }
    .wel-landing .wel-buy__qty-btn:active:not(:disabled),
    .wel-landing .wel-buy__line-qty button:active:not(:disabled),
    .wel-landing .wel-buy__qty button:active:not(:disabled) {
      background: color-mix(in srgb, var(--cta) 18%, transparent);
      filter: none;
      box-shadow: none;
    }
    .wel-landing .wel-buy__qty-btn:disabled,
    .wel-landing .wel-buy__line-qty button:disabled,
    .wel-landing .wel-buy__qty button:disabled {
      opacity: 0.35;
      cursor: not-allowed;
      box-shadow: none;
      filter: none;
    }
    .wel-landing .wel-buy__line-qty input {
      width: 2.1rem;
      min-width: 2.1rem;
      min-height: 2rem;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      border-left: 0;
      border-right: 0;
      text-align: center;
      font: inherit;
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--field-ink, var(--ink));
      background: transparent;
      box-shadow: none;
      appearance: textfield;
      -moz-appearance: textfield;
    }
    .wel-landing .wel-buy__line-qty input:focus {
      outline: none;
      background: color-mix(in srgb, var(--cta) 8%, transparent);
      box-shadow: none;
    }
    .wel-landing .wel-buy__line-qty input::-webkit-outer-spin-button,
    .wel-landing .wel-buy__line-qty input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    @media (max-width: 639px) {
      /* Compact qty — never a full-width bar on phones */
      .wel-landing .wel-buy__pick--line {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
          "lead body"
          ". qty";
        column-gap: 0.55rem;
        row-gap: 0.4rem;
        padding: 0.5rem 0.55rem;
        align-items: center;
      }
      .wel-landing .wel-buy__pick--line .wel-buy__pick-lead { grid-area: lead; }
      .wel-landing .wel-buy__pick--line .wel-buy__pick-body { grid-area: body; }
      .wel-landing .wel-buy__pick--line .wel-buy__pick-img {
        width: 44px;
        height: 44px;
        border-radius: 9px;
      }
      .wel-landing .wel-buy__pick--line .wel-buy__line-qty {
        grid-area: qty;
        justify-self: end;
        align-self: center;
        width: max-content;
        max-width: none;
        grid-template-columns: 2.15rem 1.85rem 2.15rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--ink) 5%, var(--field-bg, var(--surface)));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 65%, transparent);
      }
      .wel-landing .wel-buy__pick--line.is-selected .wel-buy__line-qty {
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cta) 40%, var(--line));
        background: color-mix(in srgb, var(--cta) 8%, var(--field-bg, var(--surface)));
      }
      .wel-landing .wel-buy__pick--line .wel-buy__line-qty button {
        width: 2.15rem;
        height: 2.15rem;
        min-width: 2.15rem;
        min-height: 2.15rem;
        border-radius: 999px;
      }
      .wel-landing .wel-buy__pick--line .wel-buy__line-qty input {
        width: 1.85rem;
        min-width: 1.85rem;
        min-height: 2.15rem;
        border-left: 0;
        border-right: 0;
        font-size: 0.88rem;
        font-weight: 650;
      }
      .wel-landing .wel-buy__pick--line .wel-buy__line-qty button svg {
        width: 0.78rem;
        height: 0.78rem;
      }
    }
    .wel-landing .wel-buy__multi-hint {
      margin: 0.55rem 0 0;
      padding: 0;
      border-radius: 0;
      text-align: center;
      font-size: 0.8rem;
      font-weight: 500;
      color: var(--ink-soft, var(--ink));
      background: transparent;
      border: 0;
    }

    /* Selected product summary */
    .wel-landing .wel-buy__selected {
      margin: 0 0 1rem;
      padding: 0.85rem 0.9rem;
      border-radius: 16px;
      background: var(--lift);
      border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
      box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 6%, transparent);
      color: var(--ink);
    }
    .wel-landing .wel-buy__row {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 0.85rem;
      margin: 0;
    }
    .wel-landing .wel-buy__media {
      flex: 0 0 auto;
    }
    .wel-landing .wel-buy__thumb {
      width: 72px;
      height: 72px;
      object-fit: cover;
      border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
      background: var(--lift-soft);
      display: block;
      box-shadow: 0 6px 14px color-mix(in srgb, var(--ink) 8%, transparent);
    }
    .wel-landing .wel-buy__info {
      flex: 1 1 auto;
      min-width: 0;
    }
    .wel-landing .wel-buy__name {
      margin: 0;
      font-weight: 800;
      font-size: 1.05rem;
      color: var(--ink) !important;
      line-height: 1.28;
      letter-spacing: -0.01em;
    }
    .wel-landing .wel-buy__attrs {
      margin: 0.2rem 0 0;
    }
    .wel-landing .wel-buy__meta {
      margin: 0.35rem 0 0;
      font-size: 0.82rem;
      font-weight: 600;
      color: color-mix(in srgb, var(--heading) 80%, transparent);
    }
    .wel-landing .wel-buy__stock {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0.18rem 0.55rem;
      border-radius: 999px;
      background: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 18%, var(--lift));
      color: color-mix(in srgb, var(--cta-deep, var(--heading, #0a5c32)) 55%, var(--ink));
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.01em;
    }
    .wel-landing .wel-buy__stock::before {
      content: "";
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 50%;
      background: var(--cta, var(--brand, #0f9f4f));
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 25%, transparent);
    }
    .wel-landing .wel-buy__price,
    .wel-landing .wel-buy__price .amount,
    .wel-landing .wel-buy__price .woocommerce-Price-amount,
    .wel-landing .wel-buy__price bdi {
      margin: 0.4rem 0 0;
      font-size: 1.12rem;
      font-weight: 800;
      color: var(--cta) !important;
      font-family: inherit;
      letter-spacing: -0.01em;
    }
    .wel-landing .wel-buy__price[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__form[hidden],
    .wel-landing .wel-buy__submit[hidden],
    .wel-landing [data-wel-cod-oos][hidden],
    .wel-landing [data-wel-cod-call][hidden],
    .wel-landing [data-wel-buy-oos-hint][hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__form.is-success ~ [data-wel-cod-oos],
    .wel-landing .wel-cod__form.is-success ~ [data-wel-cod-call],
    .wel-landing .wel-cod__form.is-success ~ .wel-buy__note,
    .wel-landing .wel-cod__form.is-success ~ .wel-cod__foot {
      display: none !important;
    }

    /* Confirm + Call stack: breathing room between the two CTAs */
    .wel-landing .wel-buy.wel-cod > a.wel-buy__submit,
    .wel-landing .wel-buy.wel-cod > [data-wel-cod-call],
    .wel-landing .wel-buy.wel-cod > [data-wel-cod-oos] {
      margin-top: 0.65rem;
    }
    .wel-landing .wel-buy:not(.wel-cod) > a.wel-buy__submit + a.wel-buy__submit {
      margin-top: 0.65rem;
    }

    /* Quantity stepper (selected summary) */
    .wel-landing .wel-buy__qty-wrap {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0.35rem;
      margin-left: auto;
      flex: 0 0 auto;
      min-width: 8.25rem;
    }
    .wel-landing .wel-buy__qty-label {
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: color-mix(in srgb, var(--heading) 58%, transparent);
      text-align: center;
      line-height: 1;
    }
    .wel-landing .wel-buy__qty {
      display: grid;
      grid-template-columns: 2rem minmax(2.25rem, 1fr) 2rem;
      align-items: center;
      gap: 0;
      padding: 0;
      border: 0;
      border-radius: 999px;
      overflow: hidden;
      background: var(--field-bg, var(--surface, #fff));
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 85%, transparent);
      color: var(--field-ink);
    }
    .wel-landing .wel-buy__qty input {
      width: 100%;
      min-width: 0;
      min-height: 2rem;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      border-left: 0;
      border-right: 0;
      text-align: center;
      font-size: 1rem;
      font-weight: 700;
      background: transparent;
      color: var(--field-ink);
      font-family: inherit;
      box-shadow: none;
      -moz-appearance: textfield;
    }
    .wel-landing .wel-buy__qty input::-webkit-outer-spin-button,
    .wel-landing .wel-buy__qty input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .wel-landing .wel-buy__qty input:focus {
      outline: none;
      background: color-mix(in srgb, var(--cta) 8%, transparent);
      box-shadow: none;
    }
    @media (max-width: 639px) {
      .wel-landing .wel-buy__row {
        flex-wrap: wrap;
      }
      .wel-landing .wel-buy__qty-wrap {
        width: 100%;
        margin-left: 0;
        min-width: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 0.55rem;
        margin-top: 0.15rem;
        border-top: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
      }
      .wel-landing .wel-buy__qty-label {
        text-align: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 0.86rem;
      }
      .wel-landing .wel-buy__qty {
        width: min(11rem, 58%);
        border-radius: 999px;
        grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
      }
      .wel-landing .wel-buy__qty button {
        width: 2.5rem;
        height: 2.35rem;
        min-width: 2.5rem;
        min-height: 2.35rem;
      }
      .wel-landing .wel-buy__qty input {
        min-height: 2.35rem;
      }
    }
    .wel-landing .wel-buy__submit {
      width: 100%;
      border-radius: 14px;
      min-height: 3.25rem;
      font-weight: 800;
      letter-spacing: 0.01em;
      box-shadow: 0 10px 22px color-mix(in srgb, var(--cta) 28%, transparent);
    }
    .wel-landing .wel-buy__submit:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 60%, transparent);
      outline-offset: 3px;
    }
    .wel-landing .wel-buy__note {
      margin-top: 0.7rem;
      text-align: center;
      font-size: 0.82rem;
      color: var(--ink-soft);
    }

    /* Inline COD form */
    .wel-landing .wel-cod__form {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      margin-top: 0.35rem;
      padding: 1.05rem 0 0;
      border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
      accent-color: var(--cta);
    }
    .wel-landing .wel-cod__field {
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
      margin: 0;
      font-family: inherit;
    }
    .wel-landing .wel-cod__label {
      font-size: 0.84rem;
      font-weight: 700;
      color: var(--ink) !important;
      font-family: inherit;
      text-align: start;
      letter-spacing: 0.01em;
    }
    .wel-landing .wel-cod__field input,
    .wel-landing .wel-cod__field textarea {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
      border-radius: 14px;
      padding: 0.88rem 1rem;
      min-height: var(--touch);
      font-size: 16px; /* iOS zoom-safe */
      font-family: inherit;
      color: var(--field-ink) !important;
      background: var(--field-bg) !important;
      line-height: 1.4;
      box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
      caret-color: var(--cta);
    }
    .wel-landing .wel-cod__field textarea {
      resize: vertical;
      min-height: 4.5rem;
    }
    .wel-landing .wel-cod__field input:focus-visible,
    .wel-landing .wel-cod__field textarea:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 2px;
    }
    .wel-landing .wel-cod__check {
      display: flex;
      align-items: flex-start;
      gap: 0.65rem;
      margin: 0.35rem 0 0.75rem;
      padding: 0.15rem 0;
      font-size: 0.92rem;
      line-height: 1.45;
      color: var(--field-ink, var(--ink));
      cursor: pointer;
      accent-color: var(--cta);
      min-height: var(--touch);
    }
    .wel-landing .wel-cod__check input {
      margin-top: 0.15rem;
      flex: 0 0 auto;
      width: 1.15rem;
      height: 1.15rem;
      accent-color: var(--cta);
    }
    .wel-landing .wel-cod__ship-diff-fields {
      margin: 0.5rem 0 0.85rem;
      padding: 0.85rem 0.9rem 0.95rem;
      border: 1px solid color-mix(in srgb, var(--cta) 18%, var(--line));
      border-radius: 12px;
      background: color-mix(in srgb, var(--cta) 5%, var(--field-bg, #fff));
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
    }
    .wel-landing .wel-cod__ship-diff-fields[hidden],
    .wel-landing .wel-cod__account-password[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__ship-diff-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.65rem;
    }
    @media (min-width: 480px) {
      .wel-landing .wel-cod__ship-diff-row {
        grid-template-columns: 1fr 1fr;
        align-items: start;
      }
    }
    .wel-landing .wel-cod__ship-diff-fields > .wel-cod__field {
      margin: 0;
    }
    .wel-landing .wel-cod__ship-diff-fields > .wel-cod__bd {
      margin: 0;
    }
    .wel-landing .wel-cod__ship-diff-fields .wel-cod__label,
    .wel-landing .wel-cod__ship-diff-fields .wel-bd-picker__label {
      text-align: start;
    }
    .wel-landing .wel-cod__field input::placeholder,
    .wel-landing .wel-cod__field textarea::placeholder {
      color: var(--field-placeholder) !important;
      opacity: 1;
    }
    .wel-landing .wel-cod__field input:hover,
    .wel-landing .wel-cod__field textarea:hover {
      border-color: color-mix(in srgb, var(--cta) 28%, var(--line));
    }
    .wel-landing .wel-cod__field input:focus,
    .wel-landing .wel-cod__field textarea:focus {
      outline: none;
      border-color: var(--cta);
      background: color-mix(in srgb, var(--cta) 8%, var(--field-bg)) !important;
      box-shadow:
        0 0 0 4px color-mix(in srgb, var(--cta) 16%, transparent),
        0 4px 12px color-mix(in srgb, var(--cta) 8%, transparent);
    }
    .wel-landing .wel-cod__field input:-webkit-autofill,
    .wel-landing .wel-cod__field input:-webkit-autofill:hover,
    .wel-landing .wel-cod__field input:-webkit-autofill:focus,
    .wel-landing .wel-cod__field textarea:-webkit-autofill {
      -webkit-text-fill-color: var(--field-ink) !important;
      caret-color: var(--cta);
      transition: background-color 99999s ease-in-out 0s;
      box-shadow: 0 0 0 1000px var(--field-bg) inset !important;
    }
    .wel-landing .wel-cod__checkout-block {
      --wel-chk-pad: 0.85rem;
      display: grid;
      gap: 0.65rem;
      margin: 0.35rem 0 0.15rem;
      padding: 0.9rem var(--wel-chk-pad);
      border-radius: 16px;
      border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, var(--cta) 7%, var(--surface)) 0%,
          color-mix(in srgb, var(--surface) 94%, transparent) 100%
        );
      box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent);
    }
    .wel-landing .wel-cod__checkout-block[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__checkout-head {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.35rem 0.55rem;
    }
    .wel-landing .wel-cod__checkout-kicker {
      display: inline-flex;
      align-items: center;
      padding: 0.12rem 0.45rem;
      border-radius: 999px;
      font-size: 0.68rem;
      font-weight: 750;
      letter-spacing: 0.04em;
      color: var(--cta);
      background: color-mix(in srgb, var(--cta) 14%, transparent);
      border: 1px solid color-mix(in srgb, var(--cta) 28%, transparent);
    }
    .wel-landing .wel-cod__checkout-block > .wel-cod__label,
    .wel-landing .wel-cod__checkout-head > .wel-cod__label {
      font-size: 0.95rem;
      font-weight: 750;
      letter-spacing: 0;
      opacity: 1;
      color: var(--ink) !important;
    }
    .wel-landing .wel-cod__coupon-row {
      --wel-coupon-h: 2.75rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.45rem;
      align-items: stretch;
    }
    .wel-landing .wel-cod__coupon-row input {
      width: 100%;
      min-width: 0;
      min-height: var(--wel-coupon-h);
      height: var(--wel-coupon-h);
      box-sizing: border-box;
      border-radius: 999px;
      border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
      background: var(--field-bg, #fff) !important;
      color: var(--field-ink, inherit) !important;
      padding: 0 1rem;
      margin: 0;
      font: inherit;
      font-size: 16px;
      line-height: 1.2;
    }
    .wel-landing .wel-cod__coupon-row input:focus {
      outline: none;
      border-color: var(--cta);
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 16%, transparent);
    }
    .wel-landing .wel-cod__coupon-btn,
    .wel-landing button.wel-cod__coupon-btn.cta {
      position: relative;
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      flex: 0 0 auto;
      width: auto;
      min-width: 5.75rem;
      min-height: var(--wel-coupon-h);
      height: var(--wel-coupon-h);
      margin: 0;
      padding: 0 1.2rem !important;
      border-radius: var(--wel-btn-radius, 999px) !important;
      border: 0 !important;
      font: inherit;
      font-size: 0.9rem;
      font-weight: 750;
      letter-spacing: 0.01em;
      line-height: 1;
      white-space: nowrap;
      /* Match primary CTA fill — clear Apply affordance */
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)), var(--cta))) !important;
      color: var(--cta-ink, #111) !important;
      box-shadow: var(--wel-btn-shadow, 0 4px 12px color-mix(in srgb, var(--cta) 26%, transparent)) !important;
      filter: none !important;
      transform: none !important;
      animation: none !important;
    }
    .wel-landing .wel-cod__coupon-btn:link,
    .wel-landing .wel-cod__coupon-btn:visited,
    .wel-landing .wel-cod__coupon-btn:focus,
    .wel-landing .wel-cod__coupon-btn:active {
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)), var(--cta))) !important;
      color: var(--cta-ink, #111) !important;
      text-decoration: none;
      transform: none !important;
    }
    @media (hover: hover) {
      .wel-landing .wel-cod__coupon-btn:hover {
        filter: brightness(1.04) !important;
        transform: none !important;
        box-shadow: var(--wel-btn-shadow-hover, 0 5px 14px color-mix(in srgb, var(--cta) 32%, transparent)) !important;
      }
    }
    .wel-landing .wel-cod__coupon-btn:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--cta) 55%, transparent);
      outline-offset: 2px;
    }
    .wel-landing .wel-cod__coupon-btn-label {
      display: inline-block;
      line-height: 1;
    }
    .wel-landing .wel-cod__action-spinner {
      display: none;
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      pointer-events: none;
    }
    .wel-landing .wel-cod__action-spinner svg {
      display: block;
      width: 100%;
      height: 100%;
      animation: wel-cod-spin 0.75s linear infinite;
    }
    .wel-landing .wel-cod__coupon-btn[aria-busy="true"],
    .wel-landing .wel-cod__coupon-remove[aria-busy="true"] {
      cursor: wait;
      pointer-events: none;
    }
    .wel-landing .wel-cod__coupon-btn[aria-busy="true"] .wel-cod__action-spinner,
    .wel-landing .wel-cod__coupon-remove[aria-busy="true"] .wel-cod__action-spinner {
      display: block;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
    .wel-landing .wel-cod__coupon-btn[aria-busy="true"] .wel-cod__coupon-btn-label,
    .wel-landing .wel-cod__coupon-remove[aria-busy="true"] .wel-cod__coupon-remove-label {
      visibility: hidden;
    }
    .wel-landing .wel-cod__coupon.is-loading {
      cursor: wait;
    }
    .wel-landing .wel-cod__coupon.is-loading .wel-cod__coupon-row input {
      pointer-events: none;
      opacity: 0.72;
    }
    .wel-landing .wel-cod__review.is-updating {
      opacity: 0.7;
      pointer-events: none;
      transition: opacity 0.15s ease;
    }
    .wel-landing .wel-cod__coupons {
      list-style: none;
      margin: 0.15rem 0 0;
      padding: 0;
      display: grid;
      gap: 0.4rem;
    }
    .wel-landing .wel-cod__coupons li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0.45rem 0.6rem;
      border-radius: 10px;
      background: color-mix(in srgb, var(--cta) 10%, var(--field-bg, transparent));
      border: 1px solid color-mix(in srgb, var(--cta) 22%, transparent);
      font-size: 0.88rem;
    }
    .wel-landing .wel-cod__coupons code {
      font-family: inherit;
      font-weight: 700;
      color: var(--cta);
    }
    .wel-landing .wel-cod__coupon-remove {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 3.4rem;
      min-height: 1.2rem;
      border: 0;
      background: transparent;
      color: var(--ink-soft, inherit);
      cursor: pointer;
      font: inherit;
      font-size: 0.82rem;
      text-decoration: underline;
      padding: 0;
    }
    .wel-landing .wel-cod__ship-list,
    .wel-landing .wel-cod__pay-list {
      display: grid;
      gap: 0.45rem;
      accent-color: var(--cta);
    }
    .wel-landing .wel-cod__radio {
      position: relative;
      flex: 0 0 auto;
      width: 1.15rem;
      height: 1.15rem;
      border-radius: 50%;
      border: 2px solid color-mix(in srgb, var(--line) 80%, var(--ink));
      background: color-mix(in srgb, var(--field-bg, #fff) 88%, transparent);
      box-sizing: border-box;
    }
    .wel-landing .wel-cod__ship-row:has(input:checked) .wel-cod__radio,
    .wel-landing .wel-cod__pay-row.is-selected .wel-cod__radio {
      border-color: var(--cta);
      background: color-mix(in srgb, var(--cta) 18%, var(--field-bg, #fff));
      box-shadow: inset 0 0 0 0.28rem var(--cta);
    }
    .wel-landing .wel-cod__ship-row input[type="radio"],
    .wel-landing .wel-cod__pay-head input[type="radio"] {
      position: absolute;
      opacity: 0;
      width: 1px;
      height: 1px;
      margin: 0;
      pointer-events: none;
    }
    .wel-landing .wel-cod__ship-row {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.45rem 0.75rem;
      margin: 0;
      padding: 0.78rem 0.85rem;
      border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
      background: var(--field-bg, #fff);
      cursor: pointer;
      transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    }
    .wel-landing .wel-cod__pay-row {
      position: relative;
      display: grid;
      gap: 0;
      margin: 0;
      padding: 0;
      border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
      background: var(--field-bg, #fff);
      overflow: hidden;
      transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    }
    .wel-landing .wel-cod__pay-head {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      margin: 0;
      padding: 0.82rem 0.9rem;
      cursor: pointer;
      font-weight: 700;
    }
    .wel-landing .wel-cod__pay-label {
      flex: 1 1 auto;
      min-width: 0;
      line-height: 1.3;
      color: var(--ink) !important;
    }
    .wel-landing .wel-cod__pay-chevron {
      flex: 0 0 auto;
      width: 0.55rem;
      height: 0.55rem;
      border-right: 2px solid color-mix(in srgb, var(--ink) 35%, transparent);
      border-bottom: 2px solid color-mix(in srgb, var(--ink) 35%, transparent);
      transform: rotate(45deg);
      transition: transform 0.18s ease;
      opacity: 0.55;
    }
    .wel-landing .wel-cod__pay-row.is-selected .wel-cod__pay-chevron {
      transform: rotate(225deg);
      opacity: 0.85;
      border-color: var(--cta);
    }
    .wel-landing .wel-cod__ship-row:has(input:checked),
    .wel-landing .wel-cod__ship-row.is-selected,
    .wel-landing .wel-cod__pay-row.is-selected,
    .wel-landing .wel-cod__pay-row:has(input:checked) {
      border-color: color-mix(in srgb, var(--cta) 58%, var(--line));
      background: color-mix(in srgb, var(--cta) 9%, var(--field-bg, #fff));
      box-shadow:
        0 0 0 3px color-mix(in srgb, var(--cta) 14%, transparent),
        0 8px 18px color-mix(in srgb, var(--ink) 8%, transparent);
    }
    .wel-landing .wel-cod__ship-left {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      min-width: 0;
    }
    .wel-landing .wel-cod__ship-cost {
      font-weight: 750;
      color: var(--cta);
      font-variant-numeric: tabular-nums;
    }
    .wel-landing .wel-cod__pay-box {
      display: grid;
      gap: 0.65rem;
      margin: 0;
      padding: 0.15rem 0.9rem 0.95rem;
      border-top: 1px solid color-mix(in srgb, var(--line) 65%, transparent);
      background: color-mix(in srgb, var(--surface) 42%, transparent);
      font-size: 0.86rem;
      line-height: 1.5;
      color: color-mix(in srgb, var(--ink, currentColor) 82%, transparent);
      animation: wel-cod-pay-in 0.2s ease;
    }
    @keyframes wel-cod-pay-in {
      from { opacity: 0; transform: translateY(-4px); }
      to { opacity: 1; transform: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      .wel-landing .wel-cod__pay-box {
        animation: none;
      }
    }
    .wel-landing .wel-cod__pay-box[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__pay-fields {
      display: grid;
      gap: 0.45rem;
      margin: 0.55rem 0 0;
      padding: 0.7rem 0.75rem;
      border-radius: 12px;
      border: 1px dashed color-mix(in srgb, var(--cta) 35%, var(--line));
      background: color-mix(in srgb, var(--cta) 8%, var(--field-bg, #fff));
    }
    .wel-landing .wel-cod__pay-fields .form-row,
    .wel-landing .wel-cod__pay-fields p.form-row {
      margin: 0;
      padding: 0;
      float: none;
      width: 100%;
    }
    .wel-landing .wel-cod__pay-help {
      margin: 0.15rem 0 0;
      border-radius: 12px;
      border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
      background: color-mix(in srgb, var(--field-bg, #fff) 70%, transparent);
      overflow: hidden;
    }
    .wel-landing .wel-cod__pay-help > summary {
      list-style: none;
      cursor: pointer;
      padding: 0.55rem 0.75rem;
      font-size: 0.82rem;
      font-weight: 700;
      color: var(--cta);
      user-select: none;
    }
    .wel-landing .wel-cod__pay-help > summary::-webkit-details-marker {
      display: none;
    }
    .wel-landing .wel-cod__pay-help > summary::after {
      content: "+";
      float: right;
      font-weight: 800;
      opacity: 0.75;
    }
    .wel-landing .wel-cod__pay-help[open] > summary::after {
      content: "−";
    }
    .wel-landing .wel-cod__pay-help-body {
      padding: 0 0.75rem 0.7rem;
      font-size: 0.82rem;
      line-height: 1.45;
      color: color-mix(in srgb, var(--ink) 75%, transparent);
    }
    .wel-landing .wel-cod__pay-help-body > p:first-child {
      margin-top: 0;
    }
    .wel-landing .wel-cod__pay-box p {
      margin: 0.35rem 0;
    }
    .wel-landing .wel-cod__pay-box ol,
    .wel-landing .wel-cod__pay-box ul,
    .wel-landing .wel-cod__pay-help-body ol,
    .wel-landing .wel-cod__pay-help-body ul {
      margin: 0.35rem 0 0.4rem;
      padding-left: 1.15rem;
    }
    .wel-landing .wel-cod__pay-box li,
    .wel-landing .wel-cod__pay-help-body li {
      margin: 0.18rem 0;
    }
    .wel-landing .wel-cod__pay-box .form-row,
    .wel-landing .wel-cod__pay-box p.form-row {
      display: grid;
      gap: 0.35rem;
      margin: 0.45rem 0 0;
      padding: 0;
      float: none;
      width: 100%;
    }
    .wel-landing .wel-cod__pay-box label,
    .wel-landing .wel-cod__pay-fields label {
      display: block;
      font-size: 0.82rem;
      font-weight: 700;
      margin: 0;
      color: var(--ink, inherit) !important;
    }
    .wel-landing .wel-cod__pay-box input.input-text,
    .wel-landing .wel-cod__pay-box input[type="text"],
    .wel-landing .wel-cod__pay-box input[type="tel"],
    .wel-landing .wel-cod__pay-box input[type="number"],
    .wel-landing .wel-cod__pay-box textarea,
    .wel-landing .wel-cod__pay-box select,
    .wel-landing .wel-cod__pay-fields input.input-text,
    .wel-landing .wel-cod__pay-fields input[type="text"],
    .wel-landing .wel-cod__pay-fields input[type="tel"],
    .wel-landing .wel-cod__pay-fields input[type="number"],
    .wel-landing .wel-cod__pay-fields textarea,
    .wel-landing .wel-cod__pay-fields select {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      border-radius: 12px;
      border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
      background: var(--field-bg, #fff) !important;
      color: var(--field-ink, inherit) !important;
      padding: 0.72rem 0.8rem;
      font: inherit;
      font-size: 16px;
    }
    .wel-landing .wel-cod__pay-box input:focus,
    .wel-landing .wel-cod__pay-box textarea:focus,
    .wel-landing .wel-cod__pay-box select:focus,
    .wel-landing .wel-cod__pay-fields input:focus,
    .wel-landing .wel-cod__pay-fields textarea:focus,
    .wel-landing .wel-cod__pay-fields select:focus {
      outline: none;
      border-color: var(--cta);
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 16%, transparent);
    }
    .wel-landing .wel-cod__ship-empty,
    .wel-landing .wel-cod__pay-empty {
      margin: 0;
      padding: 0.65rem 0.75rem;
      border-radius: 12px;
      font-size: 0.88rem;
      color: color-mix(in srgb, #b45309 72%, var(--ink));
      background: color-mix(in srgb, #f59e0b 12%, transparent);
      border: 1px solid color-mix(in srgb, #f59e0b 28%, transparent);
    }
    .wel-landing .wel-cod__review-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.9rem;
    }
    .wel-landing .wel-cod__review-table thead {
      display: none;
    }
    .wel-landing .wel-cod__review-table th,
    .wel-landing .wel-cod__review-table td {
      padding: 0.42rem 0.1rem;
      border-bottom: 1px dashed color-mix(in srgb, var(--line) 70%, transparent);
      text-align: left;
      vertical-align: top;
    }
    .wel-landing .wel-cod__review-table td:last-child,
    .wel-landing .wel-cod__review-table th:last-child {
      text-align: right;
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
    }
    .wel-landing .wel-cod__review-table tbody tr:last-child th,
    .wel-landing .wel-cod__review-table tbody tr:last-child td {
      border-bottom: 0;
    }
    .wel-landing .wel-cod__review-table tfoot th,
    .wel-landing .wel-cod__review-table tfoot td {
      border-bottom: 0;
      padding-top: 0.55rem;
    }
    .wel-landing .wel-cod__review-total th,
    .wel-landing .wel-cod__review-total td {
      padding-top: 0.7rem;
      font-size: 1.08rem;
      font-weight: 800;
      color: var(--cta);
      border-top: 1px solid color-mix(in srgb, var(--cta) 28%, var(--line));
    }
    .wel-landing .wel-cod-snackbar {
      --wel-snack-ms: 5500ms;
      position: fixed;
      left: 50%;
      bottom: calc(var(--sticky-h, 0px) + var(--safe-bottom, 0px) + 0.85rem);
      z-index: 80;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: start;
      column-gap: 0.75rem;
      row-gap: 0;
      width: min(28rem, calc(100vw - 1.25rem));
      margin: 0;
      padding: 0.9rem 0.85rem 1.05rem 0.9rem;
      border-radius: 16px;
      border: 1px solid color-mix(in srgb, #f87171 28%, var(--line));
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, #450a0a 55%, var(--surface)) 0%,
          color-mix(in srgb, #1c1917 72%, #450a0a) 100%
        );
      color: #fecaca;
      box-shadow:
        0 22px 48px color-mix(in srgb, #000 42%, transparent),
        0 0 0 1px color-mix(in srgb, #ef4444 16%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
      font-family: inherit;
      line-height: 1.45;
      overflow: hidden;
      isolation: isolate;
      transform: translate(-50%, calc(100% + 1.5rem)) scale(0.98);
      opacity: 0;
      pointer-events: none;
      transition:
        transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease;
    }
    .wel-landing .wel-cod-snackbar.is-on {
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
      pointer-events: auto;
    }
    .wel-landing .wel-cod-snackbar.is-leaving {
      transform: translate(-50%, 0.65rem) scale(0.98);
      opacity: 0;
      transition-duration: 0.22s;
    }
    .wel-landing .wel-cod-snackbar[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod-snackbar__glow {
      position: absolute;
      inset: -40% auto auto -20%;
      width: 9rem;
      height: 9rem;
      border-radius: 50%;
      background: radial-gradient(circle, color-mix(in srgb, #ef4444 35%, transparent), transparent 70%);
      pointer-events: none;
      z-index: 0;
      opacity: 0.55;
    }
    .wel-landing .wel-cod-snackbar__ico {
      position: relative;
      z-index: 1;
      flex: 0 0 auto;
      width: 2.15rem;
      height: 2.15rem;
      margin-top: 0.05rem;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: color-mix(in srgb, #ef4444 22%, transparent);
      color: #fecaca;
      border: 1px solid color-mix(in srgb, #f87171 45%, transparent);
      box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 12%, transparent);
    }
    .wel-landing .wel-cod-snackbar__ico svg {
      display: block;
    }
    .wel-landing .wel-cod-snackbar__body {
      position: relative;
      z-index: 1;
      min-width: 0;
      padding-top: 0.05rem;
    }
    .wel-landing .wel-cod-snackbar__eyebrow {
      margin: 0 0 0.2rem;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: color-mix(in srgb, #fecaca 72%, #fff);
      opacity: 0.85;
    }
    .wel-landing .wel-cod-snackbar__msg {
      margin: 0;
      color: #fff1f2;
      font-size: 0.92rem;
      font-weight: 600;
      font-family: inherit;
      line-height: 1.5;
      word-break: break-word;
    }
    .wel-landing .wel-cod-snackbar__close {
      position: relative;
      z-index: 1;
      flex: 0 0 auto;
      width: 1.85rem;
      height: 1.85rem;
      margin: -0.1rem -0.15rem 0 0;
      padding: 0;
      border: 0;
      border-radius: 10px;
      display: grid;
      place-items: center;
      background: color-mix(in srgb, #fff 6%, transparent);
      color: #fecaca;
      cursor: pointer;
      opacity: 0.88;
      transition: background 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
    }
    .wel-landing .wel-cod-snackbar__close:hover {
      opacity: 1;
      background: color-mix(in srgb, #fff 14%, transparent);
    }
    .wel-landing .wel-cod-snackbar__close:active {
      transform: scale(0.94);
    }
    .wel-landing .wel-cod-snackbar__progress {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      height: 3px;
      transform-origin: left center;
      transform: scaleX(0);
      background: linear-gradient(90deg, #fb7185, #ef4444 55%, #f97316);
      opacity: 0;
      pointer-events: none;
    }
    .wel-landing .wel-cod-snackbar.is-on .wel-cod-snackbar__progress {
      opacity: 1;
      animation: wel-cod-snack-progress var(--wel-snack-ms) linear forwards;
    }
    .wel-landing .wel-cod-snackbar.is-paused .wel-cod-snackbar__progress {
      animation-play-state: paused;
    }
    @keyframes wel-cod-snack-progress {
      from { transform: scaleX(1); }
      to { transform: scaleX(0); }
    }
    /* Light themes */
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar {
      background:
        linear-gradient(
          165deg,
          #fff7f7 0%,
          color-mix(in srgb, #fff 88%, #fecaca) 100%
        );
      color: #9f1239;
      border-color: color-mix(in srgb, #fb7185 35%, #fecdd3);
      box-shadow:
        0 18px 40px color-mix(in srgb, #9f1239 14%, transparent),
        0 0 0 1px color-mix(in srgb, #ef4444 10%, transparent);
    }
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar__msg {
      color: #881337;
    }
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar__eyebrow {
      color: #be123c;
    }
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar__ico {
      background: color-mix(in srgb, #ef4444 12%, #fff);
      color: #e11d48;
      border-color: color-mix(in srgb, #fb7185 40%, #fecdd3);
    }
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar__close {
      color: #9f1239;
      background: color-mix(in srgb, #ef4444 6%, #fff);
    }
    .wel-landing:not(.wel-landing--theme-dark):not(.wel-landing--theme-midnight):not(.wel-landing--theme-graphite) .wel-cod-snackbar__glow {
      opacity: 0.35;
    }
    @media (max-width: 480px) {
      .wel-landing .wel-cod-snackbar {
        width: calc(100vw - 1rem);
        bottom: calc(var(--sticky-h, 0px) + var(--safe-bottom, 0px) + 0.65rem);
        border-radius: 14px;
        padding: 0.85rem 0.75rem 1rem;
      }
      .wel-landing .wel-cod-snackbar__msg {
        font-size: 0.88rem;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .wel-landing .wel-cod-snackbar,
      .wel-landing .wel-cod-snackbar.is-on,
      .wel-landing .wel-cod-snackbar.is-leaving {
        transition: none;
      }
      .wel-landing .wel-cod-snackbar.is-on .wel-cod-snackbar__progress {
        animation: none;
        opacity: 0;
      }
    }

    /* Multi-error notices popup — danger accents for blockers; OK stays brand CTA */
    .wel-landing .wel-cod__notices-modal[hidden],
    body > .wel-cod__notices-modal[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__notices-modal,
    body > .wel-cod__notices-modal {
      --wel-notice-danger: #dc2626;
      --wel-notice-danger-soft: #ef4444;
      position: fixed;
      inset: 0;
      z-index: 100070;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--ink, #111);
      font-family: var(--font, inherit);
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__notices-modal,
      body > .wel-cod__notices-modal {
        align-items: center;
        padding: 1.5rem;
      }
    }
    .wel-landing .wel-cod__notices-modal-backdrop,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      padding: 0;
      margin: 0;
      cursor: pointer;
      background: color-mix(in srgb, #020617 72%, transparent);
      backdrop-filter: blur(8px) saturate(1.15);
      -webkit-backdrop-filter: blur(8px) saturate(1.15);
    }
    .wel-landing .wel-cod__notices-modal-sheet,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-sheet {
      position: relative;
      z-index: 1;
      width: min(100%, 28rem);
      max-height: min(88vh, 36rem);
      margin: 0;
      padding: 1.15rem 1.2rem 1.35rem;
      border-radius: 24px 24px 0 0;
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, var(--wel-notice-danger-soft) 9%, var(--surface, #fff)) 0%,
          var(--surface, #fff) 44%
        );
      border: 1px solid color-mix(in srgb, var(--wel-notice-danger-soft) 18%, var(--line, #ddd));
      box-shadow: 0 -8px 40px color-mix(in srgb, #000 28%, transparent);
      color: var(--ink, #111);
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      text-align: start;
      animation: wel-cod-otp-sheet 0.28s ease-out;
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__notices-modal-sheet,
      body > .wel-cod__notices-modal .wel-cod__notices-modal-sheet {
        border-radius: 22px;
        box-shadow: 0 24px 64px color-mix(in srgb, #000 50%, transparent);
      }
    }
    .wel-landing .wel-cod__notices-modal-handle,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-handle {
      width: 2.5rem;
      height: 0.28rem;
      margin: 0 auto 0.35rem;
      border-radius: 999px;
      background: color-mix(in srgb, var(--ink-soft, #888) 55%, transparent);
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__notices-modal-handle,
      body > .wel-cod__notices-modal .wel-cod__notices-modal-handle {
        display: none;
      }
    }
    .wel-landing .wel-cod__notices-modal-close,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-close {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      z-index: 3;
      box-sizing: border-box;
      width: 2.5rem;
      height: 2.5rem;
      padding: 0;
      margin: 0;
      border-radius: 999px;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      color: var(--ink-soft, #64748b);
      background: color-mix(in srgb, var(--ink) 6%, var(--surface, #fff));
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 85%, transparent);
      box-shadow: 0 1px 0 color-mix(in srgb, #fff 40%, transparent);
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    }
    .wel-landing .wel-cod__notices-modal-close svg,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-close svg {
      display: block;
      pointer-events: none;
    }
    .wel-landing .wel-cod__notices-modal-close:hover,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-close:hover {
      color: #fff;
      background: color-mix(in srgb, var(--wel-notice-danger) 88%, #111);
      border-color: color-mix(in srgb, var(--wel-notice-danger) 65%, var(--line, #ddd));
      transform: scale(1.04);
    }
    .wel-landing .wel-cod__notices-modal-close:focus-visible,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-close:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--wel-notice-danger) 70%, transparent);
      outline-offset: 2px;
    }
    .wel-landing .wel-cod__notices-modal-head,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-head {
      display: flex;
      align-items: flex-start;
      gap: 0.7rem;
      padding-right: 2.6rem;
    }
    .wel-landing .wel-cod__notices-modal-ico,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-ico {
      flex-shrink: 0;
      width: 2.15rem;
      height: 2.15rem;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: color-mix(in srgb, var(--wel-notice-danger-soft) 14%, var(--surface, #fff));
      color: var(--wel-notice-danger);
      border: 1px solid color-mix(in srgb, var(--wel-notice-danger-soft) 32%, var(--line, #ddd));
    }
    .wel-landing .wel-cod__notices-modal-title,
    body > .wel-cod__notices-modal .wel-cod__notices-modal-title {
      margin: 0;
      padding: 0.2rem 0 0;
      color: var(--ink, #111);
      font-size: 1rem;
      font-weight: 750;
      line-height: 1.35;
    }
    .wel-landing .wel-cod__notices-list,
    body > .wel-cod__notices-modal .wel-cod__notices-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
    }
    .wel-landing .wel-cod__notices-list > li,
    body > .wel-cod__notices-modal .wel-cod__notices-list > li {
      margin: 0;
      padding: 0.8rem 0.9rem;
      border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--wel-notice-danger-soft) 28%, var(--line, #ddd));
      background: color-mix(in srgb, var(--wel-notice-danger-soft) 8%, var(--surface, #fff));
    }
    .wel-landing .wel-cod__notices-list .wel-notice__body,
    body > .wel-cod__notices-modal .wel-cod__notices-list .wel-notice__body {
      margin: 0;
      padding: 0;
    }
    .wel-landing .wel-cod__notices-list .wel-notice__title,
    body > .wel-cod__notices-modal .wel-cod__notices-list .wel-notice__title {
      margin: 0 0 0.25rem !important;
      padding: 0 !important;
      color: var(--ink, #111) !important;
      font-size: 0.9rem !important;
      font-weight: 700 !important;
      line-height: 1.4 !important;
    }
    .wel-landing .wel-cod__notices-list .wel-notice__text,
    body > .wel-cod__notices-modal .wel-cod__notices-list .wel-notice__text {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--ink-soft, #475569) !important;
      font-size: 0.875rem !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
    }
    .wel-landing .wel-cod__notices-list .wel-notice__badge,
    body > .wel-cod__notices-modal .wel-cod__notices-list .wel-notice__badge {
      display: inline-block;
      padding: 1px 7px;
      border-radius: 6px;
      background: color-mix(in srgb, var(--wel-notice-danger-soft) 14%, var(--surface, #fff));
      color: var(--wel-notice-danger);
      font-size: 0.85em;
      font-weight: 700;
    }
    .wel-landing .wel-cod__notices-list .wel-notice__link,
    body > .wel-cod__notices-modal .wel-cod__notices-list .wel-notice__link {
      color: var(--wel-notice-danger) !important;
      font-weight: 700 !important;
      text-decoration: underline !important;
      text-underline-offset: 2px !important;
    }
    /* Full CTA paint — modal is pinned to body outside .wel-landing */
    .wel-landing .wel-cod__notices-ok,
    body > .wel-cod__notices-modal .wel-cod__notices-ok {
      position: relative;
      width: 100%;
      margin-top: 0.15rem;
      min-height: var(--touch, 3rem);
      font-size: 1rem;
      font-weight: 800;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      padding: 0.85rem 1.2rem;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px);
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)) 0%, var(--cta) 55%, var(--cta-deep, var(--cta)) 100%));
      color: var(--cta-ink, #fff) !important;
      text-decoration: none;
      cursor: pointer;
      box-shadow: var(--wel-btn-shadow, 0 10px 24px color-mix(in srgb, var(--cta) 38%, transparent));
      transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    @media (hover: hover) {
      .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__notices-ok:hover,
      body > .wel-cod__notices-modal:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__notices-ok:hover {
        filter: brightness(1.04);
        transform: translateY(-1px);
        box-shadow: var(--wel-btn-shadow-hover, 0 12px 28px color-mix(in srgb, var(--cta) 45%, transparent));
      }
    }
    .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__notices-ok:active,
    body > .wel-cod__notices-modal:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__notices-ok:active {
      transform: translateY(0);
      filter: brightness(0.98);
      box-shadow: var(--wel-btn-shadow-active, 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent));
    }

    .wel-landing .wel-cod__success[hidden],
    body > .wel-cod__success[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__success,
    body > .wel-cod__success {
      position: fixed;
      inset: 0;
      z-index: 100050;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      color: var(--ink, #111);
      font-family: inherit;
      text-align: center;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      animation: none;
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__success,
      body > .wel-cod__success {
        align-items: center;
        padding: 1.5rem;
      }
    }
    .wel-landing .wel-cod__success-backdrop,
    body > .wel-cod__success .wel-cod__success-backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      padding: 0;
      margin: 0;
      cursor: pointer;
      background: color-mix(in srgb, #020617 68%, transparent);
      backdrop-filter: blur(8px) saturate(1.15);
      -webkit-backdrop-filter: blur(8px) saturate(1.15);
      animation: wel-cod-success-fade 0.28s ease-out;
    }
    .wel-landing .wel-cod__success-sheet,
    body > .wel-cod__success .wel-cod__success-sheet {
      --wel-success-radius: 24px;
      position: relative;
      z-index: 1;
      width: min(100%, 24.5rem);
      max-height: min(92dvh, 42rem);
      display: flex;
      flex-direction: column;
      margin: 0;
      padding:
        0.45rem 1rem
        calc(1rem + env(safe-area-inset-bottom, 0px));
      border-radius: var(--wel-success-radius) var(--wel-success-radius) 0 0;
      background:
        radial-gradient(120% 80% at 50% -10%,
          color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 22%, transparent) 0%,
          transparent 55%),
        var(--surface, #fff);
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 22%, var(--line, #334155));
      border-bottom: 0;
      box-shadow:
        0 -12px 40px color-mix(in srgb, #000 35%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
      color: var(--ink, #111);
      text-align: center;
      overflow: hidden;
      animation: wel-cod-success-sheet-in 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__success-sheet,
      body > .wel-cod__success .wel-cod__success-sheet {
        border-radius: 22px;
        border-bottom: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 22%, var(--line, #334155));
        box-shadow:
          0 24px 64px color-mix(in srgb, #000 42%, transparent),
          inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
        max-height: min(86vh, 40rem);
        padding: 0.85rem 1.15rem 1.15rem;
      }
    }
    @keyframes wel-cod-success-fade {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes wel-cod-success-sheet-in {
      from { opacity: 0; transform: translateY(1.4rem); }
      to { opacity: 1; transform: none; }
    }
    @media (min-width: 640px) {
      @keyframes wel-cod-success-sheet-in {
        from { opacity: 0; transform: translateY(0.7rem) scale(0.98); }
        to { opacity: 1; transform: none; }
      }
    }
    .wel-landing .wel-cod__success-handle,
    body > .wel-cod__success .wel-cod__success-handle {
      width: 2.4rem;
      height: 0.28rem;
      margin: 0.15rem auto 0.55rem;
      border-radius: 999px;
      background: color-mix(in srgb, var(--ink, #fff) 22%, transparent);
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__success-handle,
      body > .wel-cod__success .wel-cod__success-handle {
        display: none;
      }
    }
    .wel-landing .wel-cod__success-close,
    body > .wel-cod__success .wel-cod__success-close {
      position: absolute;
      top: 0.7rem;
      right: 0.7rem;
      box-sizing: border-box;
      width: 2.25rem;
      height: 2.25rem;
      padding: 0;
      margin: 0;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      cursor: pointer;
      color: var(--ink-soft, #64748b);
      background: color-mix(in srgb, var(--ink, #111) 6%, transparent);
      border: 1px solid color-mix(in srgb, var(--line, #334155) 70%, transparent);
      z-index: 2;
      transition: background 0.15s ease, color 0.15s ease;
      -webkit-tap-highlight-color: transparent;
    }
    .wel-landing .wel-cod__success-close svg,
    body > .wel-cod__success .wel-cod__success-close svg {
      display: block;
      width: 0.9rem;
      height: 0.9rem;
      flex-shrink: 0;
      pointer-events: none;
    }
    .wel-landing .wel-cod__success-close:hover,
    body > .wel-cod__success .wel-cod__success-close:hover {
      color: var(--ink, #111);
      background: color-mix(in srgb, var(--ink, #111) 12%, transparent);
    }
    .wel-landing .wel-cod__success-head,
    body > .wel-cod__success .wel-cod__success-head {
      flex: 0 0 auto;
      padding: 0.15rem 1.6rem 0.85rem;
    }
    .wel-landing .wel-cod__success-badge,
    body > .wel-cod__success .wel-cod__success-badge {
      box-sizing: border-box;
      width: 3.35rem;
      height: 3.35rem;
      margin: 0.1rem auto 0.75rem;
      padding: 0;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      color: #fff;
      background:
        linear-gradient(145deg,
          color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 78%, #fff),
          var(--cta, var(--brand, #0f9f4f)));
      box-shadow:
        0 0 0 6px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 16%, transparent),
        0 10px 24px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 35%, transparent);
    }
    .wel-landing .wel-cod__success-badge svg,
    body > .wel-cod__success .wel-cod__success-badge svg {
      display: block;
      flex-shrink: 0;
      transform: translateY(0.5px);
    }
    .wel-landing .wel-cod__success-title,
    body > .wel-cod__success .wel-cod__success-title {
      margin: 0 0 0.28rem;
      font-size: clamp(1.12rem, 4vw, 1.28rem);
      font-weight: 800;
      letter-spacing: -0.01em;
      line-height: 1.25;
      color: var(--ink, #111);
    }
    .wel-landing .wel-cod__success-msg,
    body > .wel-cod__success .wel-cod__success-msg {
      margin: 0 0 0.7rem;
      font-weight: 500;
      line-height: 1.45;
      color: var(--ink-soft, #64748b);
      font-size: 0.86rem;
    }
    .wel-landing .wel-cod__success-order,
    body > .wel-cod__success .wel-cod__success-order {
      margin: 0;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.32rem 0.78rem;
      border-radius: 999px;
      font-size: 0.8rem;
      font-weight: 750;
      letter-spacing: 0.03em;
      color: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 88%, #fff);
      background: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 14%, transparent);
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 32%, transparent);
    }
    .wel-landing .wel-cod__success-order::before,
    body > .wel-cod__success .wel-cod__success-order::before {
      content: "অর্ডার";
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      opacity: 0.78;
    }
    .wel-landing .wel-cod__success-order[hidden],
    body > .wel-cod__success .wel-cod__success-order[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__success-scroll,
    body > .wel-cod__success .wel-cod__success-scroll {
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      padding: 0 0.05rem 0.15rem;
      text-align: left;
      scrollbar-width: thin;
    }
    .wel-landing .wel-cod__success-body,
    .wel-landing .wel-cod__success-details,
    body > .wel-cod__success .wel-cod__success-body,
    body > .wel-cod__success .wel-cod__success-details {
      margin: 0;
      padding: 0;
      text-align: left;
      border: 0;
      background: transparent;
      border-radius: 0;
      display: grid;
      gap: 0.7rem;
    }
    .wel-landing .wel-cod__success-body[hidden],
    .wel-landing .wel-cod__success-details[hidden],
    body > .wel-cod__success .wel-cod__success-body[hidden],
    body > .wel-cod__success .wel-cod__success-details[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__success-panel,
    body > .wel-cod__success .wel-cod__success-panel {
      margin: 0;
      padding: 0.8rem 0.85rem;
      border-radius: 14px;
      background: color-mix(in srgb, var(--ink, #fff) 4.5%, transparent);
      border: 1px solid color-mix(in srgb, var(--line, #334155) 55%, transparent);
      display: grid;
      gap: 0.45rem;
    }
    .wel-landing .wel-cod__success-section,
    body > .wel-cod__success .wel-cod__success-section {
      margin: 0 0 0.15rem;
      padding: 0;
      border: 0;
      font-size: 0.72rem;
      font-weight: 750;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 80%, var(--ink-soft, #64748b));
    }
    .wel-landing .wel-cod__success-product,
    body > .wel-cod__success .wel-cod__success-product {
      display: grid;
      gap: 0.2rem;
      padding: 0.55rem 0.6rem;
      border-radius: 11px;
      background: color-mix(in srgb, var(--ink, #fff) 3.5%, transparent);
      border: 1px solid color-mix(in srgb, var(--line, #334155) 40%, transparent);
    }
    .wel-landing .wel-cod__success-product-top,
    body > .wel-cod__success .wel-cod__success-product-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.65rem;
    }
    .wel-landing .wel-cod__success-product-name,
    body > .wel-cod__success .wel-cod__success-product-name {
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.35;
      color: var(--ink, #111);
      word-break: break-word;
    }
    .wel-landing .wel-cod__success-qty,
    body > .wel-cod__success .wel-cod__success-qty {
      flex: 0 0 auto;
      min-width: 2rem;
      padding: 0.12rem 0.42rem;
      border-radius: 999px;
      font-size: 0.72rem;
      font-weight: 800;
      color: var(--cta, var(--brand, #0f9f4f));
      background: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 16%, transparent);
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 28%, transparent);
    }
    .wel-landing .wel-cod__success-product-price,
    body > .wel-cod__success .wel-cod__success-product-price {
      font-size: 0.92rem;
      font-weight: 800;
      color: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 88%, #fff);
    }
    .wel-landing .wel-cod__success-product-meta,
    body > .wel-cod__success .wel-cod__success-product-meta {
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--ink-soft, #64748b);
    }
    .wel-landing .wel-cod__success-row,
    body > .wel-cod__success .wel-cod__success-row {
      display: grid;
      grid-template-columns: minmax(5.2rem, 38%) 1fr;
      gap: 0.3rem 0.7rem;
      align-items: start;
    }
    .wel-landing .wel-cod__success-row--strong .wel-cod__success-v,
    body > .wel-cod__success .wel-cod__success-row--strong .wel-cod__success-v {
      font-weight: 800;
      color: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 90%, #fff);
    }
    .wel-landing .wel-cod__success-row--muted .wel-cod__success-v,
    body > .wel-cod__success .wel-cod__success-row--muted .wel-cod__success-v {
      font-weight: 600;
      opacity: 0.9;
    }
    .wel-landing .wel-cod__success-k,
    .wel-landing .wel-cod__success-details dt,
    body > .wel-cod__success .wel-cod__success-k {
      margin: 0;
      font-size: 0.74rem;
      font-weight: 650;
      color: var(--ink-soft, #64748b);
    }
    .wel-landing .wel-cod__success-v,
    .wel-landing .wel-cod__success-details dd,
    body > .wel-cod__success .wel-cod__success-v {
      margin: 0;
      font-size: 0.86rem;
      font-weight: 650;
      color: var(--ink, #111);
      word-break: break-word;
      text-align: right;
    }
    .wel-landing .wel-cod__success-total,
    body > .wel-cod__success .wel-cod__success-total {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-top: 0.2rem;
      padding: 0.7rem 0.75rem;
      border-radius: 12px;
      background:
        linear-gradient(135deg,
          color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 22%, transparent),
          color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 10%, transparent));
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 34%, transparent);
    }
    .wel-landing .wel-cod__success-total span,
    body > .wel-cod__success .wel-cod__success-total span {
      font-size: 0.78rem;
      font-weight: 700;
      color: var(--ink-soft, #64748b);
    }
    .wel-landing .wel-cod__success-total strong,
    body > .wel-cod__success .wel-cod__success-total strong {
      font-size: 1.05rem;
      font-weight: 850;
      letter-spacing: -0.01em;
      color: var(--cta, var(--brand, #0f9f4f));
    }
    .wel-landing .wel-cod__success-actions,
    body > .wel-cod__success .wel-cod__success-actions {
      flex: 0 0 auto;
      margin-top: 0.85rem;
      padding-top: 0.1rem;
    }
    /* Full CTA paint — success modal is pinned to body (same as OTP verify). */
    .wel-landing .wel-cod__success-ok,
    body > .wel-cod__success .wel-cod__success-ok {
      width: 100%;
      min-height: 3rem;
      margin: 0;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-weight: 800;
      letter-spacing: 0.01em;
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)) 0%, var(--cta) 55%, var(--cta-deep, var(--cta)) 100%));
      color: var(--cta-ink, #fff) !important;
      box-shadow: var(--wel-btn-shadow, 0 10px 24px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 38%, transparent));
      transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
      -webkit-tap-highlight-color: transparent;
    }
    @media (hover: hover) {
      .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__success-ok:hover,
      body > .wel-cod__success:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__success-ok:hover {
        filter: brightness(1.04);
        transform: translateY(-1px);
        box-shadow: var(--wel-btn-shadow-hover, 0 12px 28px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 45%, transparent));
      }
    }
    .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__success-ok:active,
    body > .wel-cod__success:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__success-ok:active {
      transform: translateY(0);
      filter: brightness(0.98);
      box-shadow: var(--wel-btn-shadow-active, 0 4px 14px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 34%, transparent));
    }
    html.wel-cod-success-lock,
    html.wel-cod-success-lock body {
      overflow: hidden !important;
      touch-action: none;
    }
    .wel-landing .wel-cod__submit {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
    }
    .wel-landing .wel-cod__submit-spinner {
      display: none;
      width: 1.15rem;
      height: 1.15rem;
      flex-shrink: 0;
    }
    .wel-landing .wel-cod__submit-spinner svg {
      display: block;
      width: 100%;
      height: 100%;
      animation: wel-cod-spin 0.75s linear infinite;
    }
    @keyframes wel-cod-spin {
      to { transform: rotate(360deg); }
    }
    .wel-landing .wel-cod.is-loading .wel-buy__submit,
    .wel-landing .wel-cod__form.is-loading .wel-buy__submit {
      opacity: 1;
      pointer-events: none;
      cursor: wait;
      filter: saturate(0.92);
    }
    .wel-landing .wel-cod__form.is-loading .wel-cod__submit-spinner {
      display: inline-grid;
    }
    .wel-landing .wel-cod__form.is-loading .wel-cod__field,
    .wel-landing .wel-cod__form.is-loading .wel-cod__bd,
    .wel-landing .wel-cod__form.is-loading .wel-cod__otp-inline-note {
      pointer-events: none;
      opacity: 0.72;
    }
    .wel-landing .wel-cod__form.is-success .wel-cod__field,
    .wel-landing .wel-cod__form.is-success .wel-cod__bd,
    .wel-landing .wel-cod__form.is-success .wel-cod__otp-inline-note,
    .wel-landing .wel-cod__form.is-success .wel-buy__submit,
    .wel-landing .wel-cod__form.is-success .wel-cod__checkout-block,
    .wel-landing .wel-cod__form.is-success .wel-cod__extras,
    .wel-landing .wel-cod__form.is-success .wel-cod__ship-diff,
    .wel-landing .wel-cod__form.is-success .wel-cod__terms,
    .wel-landing .wel-cod__form.is-success .wel-cod__create-account {
      display: none;
    }
    /* Inline thank-you stays after modal dismiss so the form never looks “ready to order again”. */
    .wel-landing .wel-cod__thanks {
      display: none;
      margin: 0;
      padding: 1.1rem 1rem 1.25rem;
      text-align: center;
      border-radius: 14px;
      background: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 12%, transparent);
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 35%, transparent);
    }
    .wel-landing .wel-cod__form.is-success .wel-cod__thanks {
      display: block;
    }
    .wel-landing .wel-cod__thanks-badge {
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.6rem;
      height: 2.6rem;
      margin: 0 auto 0.65rem;
      padding: 0;
      border-radius: 999px;
      line-height: 0;
      color: #fff;
      background: var(--wel-btn-fill, linear-gradient(
        180deg,
        var(--cta-light, var(--cta, var(--brand, #0f9f4f))) 0%,
        var(--cta, var(--brand, #0f9f4f)) 55%,
        var(--cta-deep, var(--cta, var(--brand, #0f9f4f))) 100%
      ));
      box-shadow: var(--wel-btn-shadow, 0 6px 16px color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 32%, transparent));
    }
    .wel-landing .wel-cod__thanks-badge svg {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      flex-shrink: 0;
      /* Optical center: check path sits slightly high/right in the viewBox */
      transform: translateY(0.5px);
    }
    .wel-landing .wel-cod__thanks-title {
      margin: 0 0 0.35rem;
      font-size: 1.15rem;
      font-weight: 700;
      line-height: 1.35;
      color: var(--ink, #0f172a);
    }
    .wel-landing .wel-cod__thanks-order {
      margin: 0 0 0.45rem;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--cta, var(--brand, #0f9f4f));
    }
    .wel-landing .wel-cod__thanks-order[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__thanks-msg {
      margin: 0;
      font-size: 0.92rem;
      line-height: 1.5;
      color: color-mix(in srgb, var(--ink, #0f172a) 78%, transparent);
    }
    .wel-landing:has(.wel-cod__form.is-success) .wel-cod-snackbar {
      display: none !important;
    }
    .wel-landing .wel-cod.is-success .wel-buy__picker,
    .wel-landing .wel-cod.is-success .wel-buy__chooser,
    .wel-landing .wel-cod.is-success .wel-buy__selected,
    .wel-landing .wel-cod.is-success .wel-buy__row,
    .wel-landing .wel-cod.is-success .wel-buy__note,
    .wel-landing .wel-cod.is-success .wel-buy__multi-hint,
    .wel-landing .wel-cod.is-success [data-wel-cod-oos],
    .wel-landing .wel-cod.is-success [data-wel-cod-call] {
      display: none !important;
    }
    @media (prefers-reduced-motion: reduce) {
      .wel-landing .wel-cod__success-backdrop,
      body > .wel-cod__success .wel-cod__success-backdrop,
      .wel-landing .wel-cod__success-sheet,
      body > .wel-cod__success .wel-cod__success-sheet {
        animation: none;
      }
      .wel-landing .wel-cod__submit-spinner svg,
      .wel-landing .wel-cod__action-spinner svg {
        animation: none;
      }
    }

    /* BD area picker host inside landing COD */
    .wel-landing .wel-cod__bd {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      font-family: inherit;
      position: relative;
    }
    /* Never flash bare Woo selects in the order box */
    .wel-landing .wel-cod__bd .wel-bd-area-native-hidden,
    .wel-landing .wel-cod__bd .wel-cod__bd-natives,
    .wel-landing .wel-cod__bd #billing_address_1_sync_field {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      border: 0 !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker {
      margin: 0;
      width: 100%;
      /* Beat checkout-bd-area.css light defaults (#fff) with lander theme tokens */
      --wel-bd-bg: var(--field-bg) !important;
      --wel-bd-bg-muted: var(--lift-soft) !important;
      --wel-bd-border: var(--line) !important;
      --wel-bd-text: var(--field-ink) !important;
      --wel-bd-label: var(--ink) !important;
      --wel-bd-text-muted: var(--field-placeholder) !important;
      --wel-bd-hover: color-mix(in srgb, var(--cta) 12%, var(--field-bg)) !important;
      --wel-bd-active: color-mix(in srgb, var(--cta) 20%, var(--field-bg)) !important;
      --wel-bd-accent: var(--cta) !important;
      --wel-bd-ring: color-mix(in srgb, var(--cta) 28%, transparent) !important;
      --wel-bd-shadow: 0 12px 28px color-mix(in srgb, var(--ink) 22%, transparent) !important;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker__label {
      font-size: 0.82rem;
      font-weight: 600;
      margin: 0 0 0.35rem;
      color: var(--ink) !important;
      font-family: inherit;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker__trigger {
      border-radius: 12px;
      min-height: 2.85rem;
      font-family: inherit;
      font-size: 0.95rem;
      padding: 0.65rem 0.85rem;
      border: 1px solid var(--line) !important;
      background: var(--field-bg) !important;
      color: var(--field-ink) !important;
      box-shadow: none;
      width: 100%;
      text-align: left;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker__trigger:hover,
    .wel-landing .wel-cod__bd .wel-bd-picker__trigger.is-open {
      border-color: color-mix(in srgb, var(--cta) 55%, var(--line)) !important;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker__path--empty {
      color: var(--field-placeholder) !important;
    }
    .wel-landing .wel-cod__bd .wel-bd-picker__panel {
      border-radius: 12px;
      border-color: var(--line) !important;
      background: var(--field-bg) !important;
      z-index: 30;
    }
    .wel-landing .wel-cod__bd-pending {
      display: none;
      margin: 0.35rem 0 0;
      padding: 0.55rem 0.75rem;
      border-radius: 10px;
      border: 1px dashed color-mix(in srgb, var(--cta) 28%, var(--line));
      background: color-mix(in srgb, var(--cta) 6%, var(--lift-soft));
      color: var(--ink-soft);
      font-size: 0.84rem;
      font-weight: 600;
      font-family: inherit;
      text-align: start;
    }
    /* Picker-shaped shell: visible in Elementor canvas before JS mounts the live picker. */
    .wel-landing .wel-cod__bd .wel-bd-picker--shell {
      display: none;
      margin: 0;
      pointer-events: none;
      opacity: 0.72;
    }
    .wel-landing .wel-cod__bd.is-pending .wel-bd-picker--shell {
      display: block;
    }
    .wel-landing .wel-cod__bd.is-pending .wel-cod__bd-pending {
      display: block;
    }
    .wel-landing .wel-cod__bd.is-ready .wel-bd-picker--shell,
    .wel-landing .wel-cod__bd.is-ready .wel-cod__bd-pending {
      display: none !important;
    }
    /* Editor: keep shell readable even when eye-toggle ghosts the block. */
    .wel-landing.wel-landing--editor .wel-cod__bd.is-pending .wel-bd-picker--shell,
    .elementor-editor-active .wel-landing .wel-cod__bd.is-pending .wel-bd-picker--shell {
      display: block;
    }

    /* Place-order OTP — compact note + modal (opened from Order Now) */
    .wel-landing .wel-cod__otp-inline-note {
      margin: 0.15rem 0 0.35rem;
      font-size: 0.82rem;
      line-height: 1.4;
      color: var(--ink-soft);
      text-align: center;
    }
    .wel-landing .wel-cod__form.is-otp-ok .wel-cod__otp-inline-note {
      color: color-mix(in srgb, var(--cta-deep, var(--cta, #0a7a32)) 55%, var(--ink-soft));
      font-weight: 650;
    }
    .wel-landing .wel-cod__form.is-otp-ok .wel-cod__otp-inline-note::before {
      content: "✓ ";
      font-weight: 800;
    }

    .wel-landing .wel-cod__otp-modal[hidden],
    body > .wel-cod__otp-modal[hidden] {
      display: none !important;
    }
    .wel-landing .wel-cod__otp-modal,
    body > .wel-cod__otp-modal {
      position: fixed;
      inset: 0;
      z-index: 100060;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--ink, #111);
      font-family: var(--font, inherit);
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__otp-modal,
      body > .wel-cod__otp-modal {
        align-items: center;
        padding: 1.5rem;
      }
    }
    .wel-landing .wel-cod__otp-modal-backdrop,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      padding: 0;
      margin: 0;
      cursor: pointer;
      background: color-mix(in srgb, #020617 72%, transparent);
      backdrop-filter: blur(8px) saturate(1.15);
      -webkit-backdrop-filter: blur(8px) saturate(1.15);
    }
    .wel-landing .wel-cod__otp-modal-sheet,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-sheet {
      position: relative;
      z-index: 1;
      width: min(100%, 26rem);
      margin: 0;
      padding: 1.15rem 1.2rem 1.35rem;
      border-radius: 24px 24px 0 0;
      background:
        linear-gradient(
          165deg,
          color-mix(in srgb, var(--cta) 12%, var(--surface, #fff)) 0%,
          var(--surface, #fff) 44%
        );
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 80%, transparent);
      box-shadow: 0 -8px 40px color-mix(in srgb, #000 28%, transparent);
      color: var(--ink, #111);
      text-align: center;
      animation: wel-cod-otp-sheet 0.28s ease-out;
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__otp-modal-sheet,
      body > .wel-cod__otp-modal .wel-cod__otp-modal-sheet {
        border-radius: 22px;
        box-shadow: 0 24px 64px color-mix(in srgb, #000 50%, transparent);
      }
    }
    @keyframes wel-cod-otp-sheet {
      from {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .wel-landing .wel-cod__otp-modal-handle,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-handle {
      width: 2.5rem;
      height: 0.28rem;
      margin: 0 auto 0.75rem;
      border-radius: 999px;
      background: color-mix(in srgb, var(--ink-soft, #888) 55%, transparent);
    }
    @media (min-width: 640px) {
      .wel-landing .wel-cod__otp-modal-handle,
      body > .wel-cod__otp-modal .wel-cod__otp-modal-handle {
        display: none;
      }
    }
    .wel-landing .wel-cod__otp-modal-close,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-close {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      z-index: 3;
      box-sizing: border-box;
      width: 2.5rem;
      height: 2.5rem;
      padding: 0;
      margin: 0;
      border-radius: 999px;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      color: #f8fafc;
      background: color-mix(in srgb, #0f172a 55%, #64748b);
      border: 1px solid color-mix(in srgb, #f8fafc 28%, transparent);
      box-shadow:
        0 1px 0 color-mix(in srgb, #fff 12%, transparent),
        0 8px 18px color-mix(in srgb, #000 35%, transparent);
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    }
    .wel-landing .wel-cod__otp-modal-close svg,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-close svg {
      display: block;
      pointer-events: none;
    }
    .wel-landing .wel-cod__otp-modal-close:hover,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-close:hover {
      color: #fff;
      background: color-mix(in srgb, var(--cta) 78%, #0f172a);
      border-color: color-mix(in srgb, var(--cta) 65%, #fff);
      transform: scale(1.04);
    }
    .wel-landing .wel-cod__otp-modal-close:focus-visible,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-close:focus-visible {
      outline: none;
      box-shadow:
        0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent),
        0 8px 18px color-mix(in srgb, #000 35%, transparent);
    }
    .wel-landing .wel-cod__otp-modal-close:active,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-close:active {
      transform: scale(0.96);
    }
    .wel-landing .wel-cod__otp-modal-head,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-head {
      display: grid;
      gap: 0.35rem;
      justify-items: center;
      margin-bottom: 1rem;
    }
    .wel-landing .wel-cod__otp-modal-badge,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-badge {
      display: grid;
      place-items: center;
      width: 3.1rem;
      height: 3.1rem;
      border-radius: 999px;
      color: var(--cta-ink, #fff);
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)) 0%, var(--cta) 55%, var(--cta-deep, var(--cta)) 100%));
      box-shadow: var(--wel-btn-shadow, 0 8px 22px color-mix(in srgb, var(--cta) 38%, transparent));
      margin-bottom: 0.25rem;
    }
    .wel-landing .wel-cod__otp-modal-title,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-title {
      margin: 0;
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--ink, #111);
    }
    .wel-landing .wel-cod__otp-modal-sub,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-sub {
      margin: 0;
      font-size: 0.88rem;
      line-height: 1.45;
      color: var(--ink-soft, #555);
      max-width: 22rem;
    }
    .wel-landing .wel-cod__otp-modal-phone,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-phone {
      margin: 0.15rem 0 0;
      font-size: 1.05rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      color: var(--cta);
      font-variant-numeric: tabular-nums;
    }
    .wel-landing .wel-cod__otp-modal-body,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-body {
      display: grid;
      gap: 0.75rem;
    }
    .wel-landing .wel-cod__otp-code-field,
    body > .wel-cod__otp-modal .wel-cod__otp-code-field {
      display: grid;
      gap: 0.35rem;
      margin: 0;
      text-align: left;
    }
    .wel-landing .wel-cod__otp-code-label,
    body > .wel-cod__otp-modal .wel-cod__otp-code-label {
      font-size: 0.78rem;
      font-weight: 650;
      color: var(--ink-soft, #555);
    }
    .wel-landing .wel-cod__otp-modal input[data-wel-otp-code],
    body > .wel-cod__otp-modal input[data-wel-otp-code] {
      width: 100%;
      box-sizing: border-box;
      border: 1.5px solid color-mix(in srgb, var(--line, #ccc) 88%, transparent);
      border-radius: 14px;
      padding: 0.9rem 0.85rem;
      font-size: 1.55rem;
      font-weight: 800;
      font-family: inherit;
      text-align: center;
      letter-spacing: 0.42em;
      color: var(--field-ink, var(--ink, #111)) !important;
      background: var(--field-bg, color-mix(in srgb, var(--surface, #fff) 88%, var(--ink) 4%)) !important;
      box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent);
    }
    .wel-landing .wel-cod__otp-modal input[data-wel-otp-code]:focus,
    body > .wel-cod__otp-modal input[data-wel-otp-code]:focus {
      outline: none;
      border-color: var(--cta);
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 22%, transparent);
    }
    .wel-landing .wel-cod__otp-status,
    body > .wel-cod__otp-modal .wel-cod__otp-status {
      margin: 0;
      padding: 0.55rem 0.7rem;
      border-radius: 10px;
      font-size: 0.86rem;
      font-weight: 700;
      line-height: 1.4;
      text-align: left;
      color: color-mix(in srgb, #9b1c1c 72%, var(--ink, #111));
      background: color-mix(in srgb, #ef4444 12%, var(--surface, #fff));
      border: 1px solid color-mix(in srgb, #ef4444 28%, var(--line, #ddd));
      word-break: break-word;
    }
    .wel-landing .wel-cod__otp-status.is-ok,
    body > .wel-cod__otp-modal .wel-cod__otp-status.is-ok {
      color: color-mix(in srgb, var(--cta-deep, var(--cta, #0a7a32)) 78%, var(--ink, #111));
      background: color-mix(in srgb, var(--cta, #16a34a) 14%, var(--surface, #fff));
      border-color: color-mix(in srgb, var(--cta, #16a34a) 32%, var(--line, #ddd));
    }
    .wel-landing .wel-cod__otp-status[hidden],
    body > .wel-cod__otp-modal .wel-cod__otp-status[hidden] {
      display: none !important;
    }
    /* Full CTA styles — modal is pinned to body outside .wel-landing */
    .wel-landing .wel-cod__otp-verify-btn,
    body > .wel-cod__otp-modal .wel-cod__otp-verify-btn {
      position: relative;
      margin: 0;
      width: 100%;
      min-height: var(--touch, 3rem);
      font-size: 1rem;
      font-weight: 800;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      padding: 0.85rem 1.2rem;
      border: 0;
      border-radius: var(--wel-btn-radius, 999px);
      background: var(--wel-btn-fill, linear-gradient(180deg, var(--cta-light, var(--cta)) 0%, var(--cta) 55%, var(--cta-deep, var(--cta)) 100%));
      color: var(--cta-ink, #fff) !important;
      text-decoration: none;
      cursor: pointer;
      box-shadow: var(--wel-btn-shadow, 0 10px 24px color-mix(in srgb, var(--cta) 38%, transparent));
      transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    @media (hover: hover) {
      .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__otp-verify-btn:hover,
      body > .wel-cod__otp-modal:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__otp-verify-btn:hover {
        filter: brightness(1.04);
        transform: translateY(-1px);
        box-shadow: var(--wel-btn-shadow-hover, 0 12px 28px color-mix(in srgb, var(--cta) 45%, transparent));
      }
    }
    .wel-landing:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__otp-verify-btn:active,
    body > .wel-cod__otp-modal:not(.wel-landing--btn-diagonal):not(.wel-landing--btn-solid) .wel-cod__otp-verify-btn:active {
      transform: translateY(0);
      filter: brightness(0.98);
      box-shadow: var(--wel-btn-shadow-active, 0 4px 14px color-mix(in srgb, var(--cta) 34%, transparent));
    }
    .wel-landing .wel-cod__otp-verify-spinner,
    body > .wel-cod__otp-modal .wel-cod__otp-verify-spinner {
      display: none;
      width: 1.15rem;
      height: 1.15rem;
      flex-shrink: 0;
      pointer-events: none;
    }
    .wel-landing .wel-cod__otp-verify-spinner svg,
    body > .wel-cod__otp-modal .wel-cod__otp-verify-spinner svg {
      display: block;
      width: 100%;
      height: 100%;
      animation: wel-cod-spin 0.75s linear infinite;
    }
    .wel-landing .wel-cod__otp-verify-btn[aria-busy="true"],
    body > .wel-cod__otp-modal .wel-cod__otp-verify-btn[aria-busy="true"],
    .wel-landing .wel-cod__otp-resend-btn[aria-busy="true"],
    body > .wel-cod__otp-modal .wel-cod__otp-resend-btn[aria-busy="true"] {
      opacity: 0.92;
      pointer-events: none;
      cursor: wait;
      filter: saturate(0.95);
    }
    .wel-landing .wel-cod__otp-verify-btn[aria-busy="true"] .wel-cod__otp-verify-spinner,
    body > .wel-cod__otp-modal .wel-cod__otp-verify-btn[aria-busy="true"] .wel-cod__otp-verify-spinner {
      display: inline-grid;
    }
    .wel-landing .wel-cod__otp-modal-resend,
    body > .wel-cod__otp-modal .wel-cod__otp-modal-resend {
      display: flex;
      justify-content: center;
    }
    .wel-landing .wel-cod__otp-resend-btn,
    body > .wel-cod__otp-modal .wel-cod__otp-resend-btn {
      border: 0;
      background: transparent;
      color: var(--cta);
      font: inherit;
      font-size: 0.9rem;
      font-weight: 700;
      cursor: pointer;
      padding: 0.35rem 0.5rem;
      text-decoration: underline;
      text-underline-offset: 0.18em;
    }
    .wel-landing .wel-cod__otp-resend-btn:disabled,
    body > .wel-cod__otp-modal .wel-cod__otp-resend-btn:disabled {
      color: var(--ink-soft, #666);
      cursor: not-allowed;
      text-decoration: none;
      opacity: 0.85;
    }

    .wel-landing .wel-cod__form.is-loading .wel-cod__otp-inline-note {
      opacity: 0.55;
    }

    .wel-landing--editor .wel-cod__form input,
    .wel-landing--editor .wel-cod__form textarea {
      pointer-events: none;
    }
    /* DailyCare-inspired: verified quality */
    .wel-landing .wel-guarantee{
      /* Reserve room for the overlapping badge icon (half above the card) + gap from section above */
      padding-top: 2.35rem;
      margin-top: 0.85rem;
    }
    .wel-landing [data-wel-block="guarantee"],
    .wel-landing .wel-block-plain:has(> .wel-guarantee){
      overflow: visible;
      margin-top: 0.35rem;
    }
    .wel-landing [data-wel-block="guarantee"] .wel-block-shell__body,
    .wel-landing.wel-landing--editor [data-wel-block="guarantee"] .wel-block-shell__body,
    .elementor-editor-active .wel-landing [data-wel-block="guarantee"] .wel-block-shell__body{
      overflow: visible;
      padding-top: 0.85rem;
    }
    .wel-landing .wel-guarantee__card{
      position: relative;
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 4px);
      padding: 1.85rem 1.1rem 1.15rem;
      text-align: center;
      box-shadow: var(--shadow);
      overflow: visible;
    }
    .wel-landing .wel-guarantee__badge-ico{
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--brand);
      color: #fff;
      border: 3px solid var(--surface);
      box-shadow: 0 0 0 3px var(--brand);
      font-weight: 800;
      font-size: 1.1rem;
      z-index: 1;
    }
    .wel-landing .wel-guarantee__badge{
      display: inline-block;
      margin: 0.35rem 0 0.65rem;
      padding: 0.28rem 0.75rem;
      border-radius: 999px;
      background: var(--brand-soft);
      color: var(--heading);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.06em;
    }
    .wel-landing .wel-guarantee__title{
      font-size: clamp(1.2rem, 4.5vw, 1.45rem);
      line-height: 1.35;
      color: var(--ink);
      margin-bottom: 0.45rem;
    }
    .wel-landing .wel-guarantee__title span{
      color: var(--brand);
      display: inline;
    }
    .wel-landing .wel-guarantee__title::after{
      content: "";
      display: block;
      width: 2.75rem;
      height: 3px;
      margin: 0.65rem auto 0;
      border-radius: 999px;
      background: var(--brand);
    }
    .wel-landing .wel-guarantee__text{
      color: var(--ink-soft);
      font-size: 0.95rem;
      max-width: 34ch;
      margin: 0.75rem auto 0.9rem;
    }
    .wel-landing .wel-guarantee__list{
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.55rem;
      margin: 0 auto 1rem;
      padding: 0;
      width: 100%;
      max-width: 28rem;
    }
    .wel-landing .wel-guarantee__list li{
      display: inline-flex;
      align-items: flex-start;
      justify-content: center;
      gap: 0.55rem;
      width: fit-content;
      max-width: 100%;
      color: var(--ink);
      font-weight: 600;
      font-size: 0.95rem;
      line-height: 1.45;
      text-align: left;
    }
    .wel-landing .wel-guarantee__check{
      width: 1.35rem;
      height: 1.35rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--brand);
      color: #fff;
      font-size: 0.75rem;
      font-weight: 800;
      margin-top: 0.1rem;
    }
    .wel-landing .wel-guarantee__cta{
      width: 100%;
    }

    /* DailyCare-inspired: trust score + stats */
    .wel-landing .wel-trust-score{
      padding-top: 1rem;
    }
    .wel-landing .wel-trust-score__card{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 2px);
      padding: 1rem;
      box-shadow: var(--shadow);
    }
    .wel-landing .wel-trust-score__top{
      display: grid;
      grid-template-columns: 2.75rem 1fr;
      gap: 0.75rem;
      align-items: start;
      margin-bottom: 0.85rem;
    }
    .wel-landing .wel-trust-score__ico{
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: linear-gradient(180deg, var(--brand-mid), var(--brand));
      color: #fff;
      font-size: 1.2rem;
      box-shadow: 0 8px 18px color-mix(in srgb, var(--brand) 35%, transparent);
    }
    .wel-landing .wel-trust-score__label{
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 0.25rem;
    }
    .wel-landing .wel-trust-score__title{
      font-size: clamp(1rem, 3.8vw, 1.15rem);
      line-height: 1.4;
      color: var(--ink);
      font-weight: 700;
    }
    .wel-landing .wel-trust-score__stats{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.45rem;
    }
    .wel-landing .wel-trust-score__stats article{
      background: color-mix(in srgb, var(--brand-soft) 70%, var(--surface));
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 0.7rem 0.4rem;
      text-align: center;
    }
    .wel-landing .wel-trust-score__stats strong{
      display: block;
      font-size: clamp(0.92rem, 3.4vw, 1.05rem);
      color: var(--heading);
      line-height: 1.2;
      margin-bottom: 0.2rem;
    }
    .wel-landing .wel-trust-score__stats span{
      display: block;
      font-size: 0.72rem;
      color: var(--ink-soft);
      font-weight: 600;
      line-height: 1.25;
    }

    /* How-to steps */
    .wel-landing .wel-steps{
      padding-top: 1.35rem;
    }
    .wel-landing .wel-steps__list{
      list-style: none;
      display: grid;
      gap: 0.65rem;
    }
    .wel-landing .wel-steps__list li{
      display: grid;
      grid-template-columns: 2.4rem 1fr;
      gap: 0.75rem;
      align-items: center;
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 0.85rem 0.95rem;
      box-shadow: 0 8px 20px color-mix(in srgb, var(--ink) 6%, transparent);
    }
    .wel-landing .wel-steps__num{
      width: 2.4rem;
      height: 2.4rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--brand);
      color: #fff;
      font-weight: 800;
      font-size: 1rem;
    }
    .wel-landing .wel-steps__text{
      color: var(--ink);
      font-weight: 700;
      font-size: 0.98rem;
      line-height: 1.35;
    }

    /* Offer countdown */
    .wel-landing .wel-countdown{
      margin-top: 0.75rem;
      margin-bottom: 0;
      padding: 0.85rem 0.9rem;
      border-radius: calc(var(--radius) + 2px);
      background: color-mix(in srgb, var(--cta) 12%, var(--surface));
      border: 1px solid color-mix(in srgb, var(--cta) 35%, var(--line));
      text-align: center;
    }
    .wel-landing .hero .wel-countdown.reveal,
    .wel-landing [data-wel-blocks] .wel-countdown.reveal{
      /* Avoid reveal translate leaving a visual gap under the timer */
      margin-bottom: 0;
    }
    /* Guarantee badge overhang needs extra top room (do not shrink below badge half-height). */
    .wel-landing main.wrap > section.wel-guarantee:first-child,
    .wel-landing [data-wel-blocks] > .wel-block-plain > section.wel-guarantee:first-child,
    .wel-landing [data-wel-block="guarantee"] section.wel-guarantee{
      padding-top: 2.35rem;
    }
    .wel-landing .wel-countdown__title{
      margin: 0 0 0.55rem;
      font-size: 0.92rem;
      font-weight: 700;
      color: var(--heading);
    }
    .wel-landing .wel-countdown__digits{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35rem;
      font-variant-numeric: tabular-nums;
    }
    .wel-landing .wel-countdown__digits span{
      min-width: 2.6rem;
      padding: 0.45rem 0.35rem;
      border-radius: 10px;
      background: var(--surface);
      border: 1px solid var(--line);
      color: var(--cta-deep);
      font-size: 1.35rem;
      font-weight: 800;
      line-height: 1;
      box-shadow: 0 4px 12px color-mix(in srgb, var(--ink) 8%, transparent);
    }
    .wel-landing .wel-countdown__digits i{
      font-style: normal;
      font-weight: 800;
      color: var(--cta);
      font-size: 1.2rem;
    }
    .wel-landing .wel-countdown__labels{
      display: grid;
      grid-template-columns: repeat(3, 2.6rem);
      justify-content: center;
      gap: 0.95rem;
      margin-top: 0.35rem;
    }
    .wel-landing .wel-countdown__labels small{
      font-size: 0.68rem;
      color: var(--muted);
      font-weight: 600;
    }

    /* Customer reviews */
    .wel-landing .wel-reviews{
      padding-top: 1.35rem;
    }
    .wel-landing .wel-reviews__sub{
      margin: 0.35rem 0 0;
      color: var(--muted);
      font-size: 0.92rem;
    }
    .wel-landing .wel-reviews__list{
      display: grid;
      gap: 0.7rem;
    }
    .wel-landing .wel-reviews__card{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 0.95rem 1rem;
      box-shadow: 0 8px 20px color-mix(in srgb, var(--ink) 6%, transparent);
    }
    .wel-landing .wel-reviews__head{
      display: flex;
      align-items: center;
      gap: 0.7rem;
      margin-bottom: 0.45rem;
    }
    .wel-landing .wel-reviews__av{
      width: 2.5rem;
      height: 2.5rem;
      flex: 0 0 auto;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--brand-soft);
      color: var(--heading);
      font-weight: 800;
      font-size: 1rem;
      border: 1px solid var(--line);
    }
    .wel-landing .wel-reviews__who{
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      min-width: 0;
    }
    .wel-landing .wel-reviews__meta{
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.35rem 0.65rem;
      margin-bottom: 0;
    }
    .wel-landing .wel-reviews__meta strong{
      color: var(--heading);
      font-size: 0.98rem;
    }
    .wel-landing .wel-reviews__meta span:not(.wel-reviews__verified){
      color: var(--muted);
      font-size: 0.82rem;
      font-weight: 600;
    }
    .wel-landing .wel-reviews__place{
      color: var(--muted);
      font-size: 0.82rem;
      font-weight: 600;
    }
    /* Editor: empty Location still clickable (dashed min box) */
    .wel-landing.wel-landing--editor .wel-reviews__place:empty,
    .elementor-editor-active .wel-landing .wel-reviews__place:empty{
      display: inline-block;
      min-width: 3.5rem;
      min-height: 1.1em;
      border: 1px dashed color-mix(in srgb, var(--brand) 45%, var(--line));
      border-radius: 4px;
      vertical-align: baseline;
    }
    .wel-landing .wel-reviews__verified{
      display: inline-flex;
      align-items: center;
      padding: 0.15rem 0.5rem;
      border-radius: 999px;
      /* Solid brand + light ink — brand-soft/brand-dark fails on Night (blue on dark). */
      background: var(--brand, var(--cta));
      color: var(--cta-ink, #fff);
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      line-height: 1.2;
    }
    .wel-landing .wel-reviews__stars{
      margin: 0 0 0.4rem;
      color: #e6a100;
      letter-spacing: 0.08em;
      font-size: 0.95rem;
      line-height: 1;
    }
    .wel-landing .wel-reviews__text{
      margin: 0;
      color: var(--ink-soft);
      font-size: 0.92rem;
      line-height: 1.45;
    }

    /* FAQ */
    .wel-landing .wel-faq{
      padding-top: 1.35rem;
    }
    .wel-landing .wel-faq__sub{
      margin: 0.35rem 0 0;
      color: var(--muted);
      font-size: 0.92rem;
    }
    .wel-landing .wel-faq__list{
      display: grid;
      gap: 0.55rem;
    }
    .wel-landing .wel-faq__item{
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 0 0.95rem;
      box-shadow: 0 6px 16px color-mix(in srgb, var(--ink) 5%, transparent);
    }
    .wel-landing .wel-faq__item summary{
      list-style: none;
      cursor: pointer;
      min-height: var(--touch);
      padding: 0.95rem 1.6rem 0.95rem 0;
      font-weight: 700;
      color: var(--ink);
      position: relative;
      display: flex;
      align-items: center;
    }
    .wel-landing .wel-faq__item summary::-webkit-details-marker{ display: none; }
    .wel-landing .wel-faq__item summary::after{
      content: "+";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1.4rem;
      height: 1.4rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--brand-soft);
      color: var(--heading);
      font-weight: 800;
      font-size: 1rem;
      line-height: 1;
    }
    .wel-landing .wel-faq__item[open] summary::after{ content: "−"; }
    .wel-landing .wel-faq__item p{
      margin: 0;
      padding: 0 0 0.95rem;
      color: var(--ink-soft);
      font-size: 0.92rem;
      line-height: 1.45;
    }

    /* Powered-by footer credit — keep compact; sticky clearance is on `.wel-landing` only. */
    .wel-landing .wel-landing__powered{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      margin: 0;
      padding: 1.25rem 1rem 0.85rem;
      color: var(--ink-soft);
      font-size: 0.78rem;
      line-height: 1.4;
      letter-spacing: 0.01em;
      text-align: center;
    }
    .wel-landing .wel-landing__powered a{
      color: var(--cta);
      font-weight: 700;
      text-decoration: none;
    }
    .wel-landing .wel-landing__powered a:hover,
    .wel-landing .wel-landing__powered a:focus-visible{
      text-decoration: underline;
    }

    /* Live order toast — social proof popup */
    .wel-landing .wel-order-toast{
      position: fixed;
      bottom: calc(var(--sticky-h) + var(--safe-bottom) + 0.65rem);
      z-index: 40;
      display: flex;
      align-items: flex-start;
      gap: 0.65rem;
      max-width: min(22rem, calc(100vw - 1.5rem));
      padding: 0.75rem 0.9rem;
      border-radius: 14px;
      background: color-mix(in srgb, var(--surface) 92%, #000 8%);
      border: 1px solid color-mix(in srgb, var(--cta) 55%, var(--line));
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--cta) 22%, transparent),
        0 14px 36px color-mix(in srgb, var(--ink) 28%, transparent),
        0 0 28px color-mix(in srgb, var(--cta) 28%, transparent);
      transform: translateY(120%);
      opacity: 0;
      pointer-events: none;
      transition: transform 0.35s ease, opacity 0.35s ease;
    }
    .wel-landing .wel-order-toast--right{
      right: max(0.75rem, env(safe-area-inset-right));
      left: auto;
    }
    .wel-landing .wel-order-toast--left{
      left: max(0.75rem, env(safe-area-inset-left));
      right: auto;
    }
    /* Keep toast above the WhatsApp balloon when both sit on the same corner */
    .wel-landing:has(.wel-wa-balloon--right) .wel-order-toast--right,
    .wel-landing:has(.wel-wa-balloon--left) .wel-order-toast--left{
      bottom: calc(var(--sticky-h) + var(--safe-bottom) + 0.65rem + 4.5rem);
    }

    /* WhatsApp floating balloon — circular FAB aligned with landing CTA language */
    .wel-landing .wel-wa-balloon,
    body > .wel-wa-balloon.wel-wa-balloon--pinned{
      --wel-wa: #25d366;
      --wel-wa-light: #4ae07f;
      --wel-wa-deep: #128c7e;
      --wel-wa-size: 3.65rem;
      position: fixed;
      z-index: 45;
      width: var(--wel-wa-size);
      height: var(--wel-wa-size);
      border-radius: 999px !important;
      display: grid;
      place-items: center;
      bottom: calc(var(--sticky-h, var(--wel-wa-sticky-h, 4.75rem)) + var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 0.75rem);
      isolation: isolate;
      overflow: visible;
      padding: 0;
      margin: 0;
      line-height: 0;
      background:
        linear-gradient(165deg, var(--wel-wa-light) 0%, var(--wel-wa) 48%, var(--wel-wa-deep) 100%);
      color: #fff;
      text-decoration: none !important;
      border: 1px solid color-mix(in srgb, #fff 28%, transparent);
      box-shadow:
        0 12px 28px color-mix(in srgb, var(--wel-wa-deep) 42%, transparent),
        0 0 0 4px color-mix(in srgb, var(--wel-wa) 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
      transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .wel-landing .wel-wa-balloon--right,
    body > .wel-wa-balloon.wel-wa-balloon--pinned.wel-wa-balloon--right{
      right: max(0.85rem, env(safe-area-inset-right));
      left: auto;
    }
    .wel-landing .wel-wa-balloon--left,
    body > .wel-wa-balloon.wel-wa-balloon--pinned.wel-wa-balloon--left{
      left: max(0.85rem, env(safe-area-inset-left));
      right: auto;
    }
    body > .wel-wa-balloon.wel-wa-balloon--pinned{
      /* Above Elementor sticky headers / sticky bar on the live page */
      z-index: 99990;
      position: fixed !important;
    }
    .wel-landing .wel-wa-balloon:hover,
    .wel-landing .wel-wa-balloon:focus-visible,
    body > .wel-wa-balloon.wel-wa-balloon--pinned:hover,
    body > .wel-wa-balloon.wel-wa-balloon--pinned:focus-visible{
      transform: translateY(-2px) scale(1.05);
      filter: saturate(1.05);
      box-shadow:
        0 16px 36px color-mix(in srgb, var(--wel-wa-deep) 52%, transparent),
        0 0 0 5px color-mix(in srgb, var(--wel-wa) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent);
    }
    .wel-landing .wel-wa-balloon:focus-visible,
    body > .wel-wa-balloon.wel-wa-balloon--pinned:focus-visible{
      outline: 2px solid color-mix(in srgb, var(--wel-wa) 70%, #fff);
      outline-offset: 3px;
    }
    .wel-landing .wel-wa-balloon:active,
    body > .wel-wa-balloon.wel-wa-balloon--pinned:active{
      transform: translateY(0) scale(0.98);
    }
    .wel-landing .wel-wa-balloon__glow,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__glow{
      position: absolute;
      inset: -18%;
      border-radius: 999px;
      background: radial-gradient(circle, color-mix(in srgb, var(--wel-wa) 45%, transparent) 0%, transparent 68%);
      z-index: 0;
      pointer-events: none;
      opacity: 0.7;
    }
    .wel-landing .wel-wa-balloon__face,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__face{
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      pointer-events: none;
    }
    .wel-landing .wel-wa-balloon__ico,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__ico{
      display: block;
      width: 1.55rem;
      height: 1.55rem;
      margin: 0;
      padding: 0;
      flex-shrink: 0;
      color: #fff;
      /* Chat-bubble tail sits bottom-left — nudge so the glyph looks centered in the circle */
      transform: translate(0.12rem, -0.08rem);
      filter: drop-shadow(0 1px 1px color-mix(in srgb, #000 25%, transparent));
      pointer-events: none;
      vertical-align: middle;
      overflow: visible;
    }
    /* CSS icon fallback if SVG is stripped by editor tooling */
    .wel-landing .wel-wa-balloon__face:not(:has(svg))::before,
    .wel-landing .wel-wa-balloon__face:empty::before,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__face:not(:has(svg))::before,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__face:empty::before{
      content: "";
      width: 1.55rem;
      height: 1.55rem;
      display: block;
      background: #fff;
      transform: translate(0.12rem, -0.08rem);
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.15 6.4 2.15 11.84c0 1.94.56 3.76 1.54 5.32L2 22l4.98-1.64a9.86 9.86 0 0 0 5.06 1.37h.01c5.46 0 9.89-4.4 9.89-9.84C21.94 6.4 17.5 2 12.04 2zm5.75 13.99c-.24.68-1.4 1.25-1.93 1.33-.5.07-1.13.1-1.83-.11-.42-.13-.97-.32-1.67-.63-2.94-1.27-4.85-4.22-5-4.41-.14-.19-1.18-1.57-1.18-3 0-1.42.74-2.12 1-2.41.26-.29.57-.36.76-.36h.55c.17 0 .41-.07.64.49.24.58.81 2 .88 2.14.07.15.12.32.02.51-.1.19-.15.32-.3.49-.15.17-.31.38-.44.51-.15.15-.3.31-.13.61.17.29.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.36 1.46.29.15.46.12.63-.07.17-.19.73-.85.93-1.14.19-.29.39-.24.66-.14.26.1 1.67.79 1.96.93.29.15.48.22.55.34.07.12.07.7-.17 1.38z'/%3E%3C/svg%3E") center / contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.15 6.4 2.15 11.84c0 1.94.56 3.76 1.54 5.32L2 22l4.98-1.64a9.86 9.86 0 0 0 5.06 1.37h.01c5.46 0 9.89-4.4 9.89-9.84C21.94 6.4 17.5 2 12.04 2zm5.75 13.99c-.24.68-1.4 1.25-1.93 1.33-.5.07-1.13.1-1.83-.11-.42-.13-.97-.32-1.67-.63-2.94-1.27-4.85-4.22-5-4.41-.14-.19-1.18-1.57-1.18-3 0-1.42.74-2.12 1-2.41.26-.29.57-.36.76-.36h.55c.17 0 .41-.07.64.49.24.58.81 2 .88 2.14.07.15.12.32.02.51-.1.19-.15.32-.3.49-.15.17-.31.38-.44.51-.15.15-.3.31-.13.61.17.29.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.36 1.46.29.15.46.12.63-.07.17-.19.73-.85.93-1.14.19-.29.39-.24.66-.14.26.1 1.67.79 1.96.93.29.15.48.22.55.34.07.12.07.7-.17 1.38z'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    .wel-landing .wel-wa-balloon__pulse,
    body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__pulse{
      position: absolute;
      inset: 0;
      border-radius: 999px;
      background: color-mix(in srgb, var(--wel-wa) 80%, #fff);
      opacity: 0.45;
      z-index: 1;
      animation: wel-wa-pulse 2.4s ease-out infinite;
      pointer-events: none;
    }
    @keyframes wel-wa-pulse{
      0%{ transform: scale(1); opacity: 0.4; }
      70%{ transform: scale(1.65); opacity: 0; }
      100%{ transform: scale(1.65); opacity: 0; }
    }
    @media (prefers-reduced-motion: reduce){
      .wel-landing .wel-wa-balloon__pulse,
      body > .wel-wa-balloon.wel-wa-balloon--pinned .wel-wa-balloon__pulse{ animation: none; opacity: 0; }
      .wel-landing .wel-wa-balloon,
      .wel-landing .wel-wa-balloon:hover,
      .wel-landing .wel-wa-balloon:focus-visible,
      body > .wel-wa-balloon.wel-wa-balloon--pinned,
      body > .wel-wa-balloon.wel-wa-balloon--pinned:hover,
      body > .wel-wa-balloon.wel-wa-balloon--pinned:focus-visible{
        transition: none;
        transform: none;
      }
    }
    .wel-landing .wel-order-toast.is-on{
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
    }
    .wel-landing .wel-order-toast[hidden]{ display: none !important; }
    .wel-landing .wel-order-toast__ico{
      width: 2.15rem;
      height: 2.15rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 22%, var(--surface));
      color: var(--cta-deep, var(--cta, #0a5c32));
      border: 1px solid color-mix(in srgb, var(--cta, var(--brand, #0f9f4f)) 45%, transparent);
      flex-shrink: 0;
      font-size: 1rem;
      line-height: 1;
      margin-top: 0.1rem;
    }
    .wel-landing .wel-order-toast__msg{
      margin: 0;
      min-width: 0;
      color: var(--ink);
      font-size: 0.86rem;
      font-weight: 600;
      line-height: 1.45;
    }
    .wel-landing .wel-order-toast__hl{
      color: var(--cta);
      font-weight: 800;
    }
    .elementor-editor-active .wel-landing .wel-order-toast,
    .elementor-edit-area .wel-landing .wel-order-toast{
      /* Editor placement handled above with .wel-landing--editor + --left/--right rules */
      position: absolute;
      bottom: calc(var(--sticky-h, 4.75rem) + 0.75rem);
    }

    @media (max-width: 639px) {
      .wel-landing .wrap { width: min(100% - 0.85rem, var(--max)); }
      .wel-landing .cta-row { grid-template-columns: 1fr; }
      .wel-landing .cta-row .cta { font-size: 1rem; white-space: normal; }
      .wel-landing .gallery-thumbs { --wel-gal-gap: 0.55rem; }
      .wel-landing .trust { grid-template-columns: 1fr; gap: 0.5rem; }
      .wel-landing .trust article {
        display: grid;
        grid-template-columns: 2.1rem 1fr;
        align-items: center;
        gap: 0.55rem;
        text-align: left;
        padding: 0.7rem 0.8rem;
      }
      .wel-landing .trust .ico { margin: 0; }
      .wel-landing .trust p { font-size: 0.84rem; }
      .wel-landing .feature-grid { gap: 0.5rem; }
      .wel-landing .feature-grid li { padding: 0.75rem 0.55rem; }
      .wel-landing .wel-trust-score__stats { grid-template-columns: 1fr; }
      .wel-landing .wel-trust-score__stats span { font-size: 0.78rem; }
      .wel-landing .wel-countdown__digits span { min-width: 2.35rem; font-size: 1.15rem; }
      .wel-landing .wel-countdown__labels { grid-template-columns: repeat(3, 2.35rem); gap: 0.85rem; }
      .wel-landing .phone-banner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 0.75rem;
        padding: 0.9rem 0.95rem;
      }
      .wel-landing .phone-banner div { text-align: center; }
      .wel-landing .phone-banner .call-pill {
        justify-content: center;
        width: 100%;
        min-height: 2.85rem;
      }
      .wel-landing .wel-buy {
        margin: 0.95rem 0 0.5rem;
        padding: 1.05rem 0.9rem 1.15rem;
      }
      .wel-landing .wel-landing__sticky-inner {
        grid-template-columns: minmax(5rem, 1fr) minmax(0, 1.55fr);
        gap: 0.45rem;
      }
      .wel-landing .wel-landing__sticky .cta {
        white-space: normal;
        line-height: 1.25;
        padding-block: 0.55rem;
      }
      .wel-landing .wel-order-toast {
        max-width: calc(100vw - 1.35rem);
        padding: 0.7rem 0.8rem;
        border-radius: 12px;
        box-shadow:
          0 0 0 1px color-mix(in srgb, var(--cta) 18%, transparent),
          0 12px 28px color-mix(in srgb, var(--ink) 22%, transparent);
      }
      .wel-landing .wel-order-toast__msg { font-size: 0.84rem; }
      .wel-landing .proof-grid { grid-template-columns: 1fr; gap: 0.65rem; }
      .wel-landing .wel-wa-balloon,
      body > .wel-wa-balloon.wel-wa-balloon--pinned {
        --wel-wa-size: 3.4rem;
      }
    }

    @media (max-width: 380px) {
      .wel-landing .wrap { width: min(100% - 0.75rem, var(--max)); }
      .wel-landing .wel-landing__sticky-inner { grid-template-columns: 1fr 1.4fr; }
      .wel-landing .wel-buy__chooser-label { font-size: 1.02rem; }
      .wel-landing .wel-cod__label { font-size: 0.82rem; }
    }

    @media (min-width: 640px) {
      .wel-landing .wrap { width: min(100% - 1.5rem, var(--max)); }
      .wel-landing .trust { gap: 0.75rem; }
      .wel-landing .trust p { font-size: 0.85rem; }
      .wel-landing .cta-row { grid-template-columns: 1fr 1fr; }
      .wel-landing .cta-row .cta { font-size: 1rem; }
    }

    .wel-landing .wel-videos {
      margin: 1.1rem 0 1.35rem;
    }
    .wel-landing .wel-videos__head {
      margin-bottom: 0.85rem;
    }
    .wel-landing .wel-videos__head h2:empty,
    .wel-landing .wel-videos__head p:empty {
      display: none;
    }
    .wel-landing .wel-videos__slot {
      width: 100%;
      margin-inline: auto;
    }
    /* Width / Alignment — apply to slot (carousel must NOT override these) */
    .wel-landing .wel-videos--w-full .wel-videos__slot {
      max-width: none;
    }
    .wel-landing .wel-videos--w-wide .wel-videos__slot {
      max-width: min(100%, 52rem);
    }
    .wel-landing .wel-videos--w-medium .wel-videos__slot {
      max-width: min(100%, 36rem);
    }
    .wel-landing .wel-videos--w-narrow .wel-videos__slot {
      max-width: min(100%, 24rem);
    }
    .wel-landing .wel-videos--a-left .wel-videos__slot {
      margin-inline: 0 auto;
    }
    .wel-landing .wel-videos--a-center .wel-videos__slot {
      margin-inline: auto;
    }
    .wel-landing .wel-videos--a-right .wel-videos__slot {
      margin-inline: auto 0;
    }
    .wel-landing .wel-videos__empty {
      padding: 1.4rem 1rem;
      text-align: center;
      color: var(--muted, var(--ink));
      border: 1.5px dashed color-mix(in srgb, var(--cta) 35%, var(--line));
      /* Media cards stay rectangular — never inherit pill button 999px radius */
      border-radius: 14px;
      background: color-mix(in srgb, var(--surface) 88%, var(--cta) 12%);
    }
    .wel-landing .wel-video-card {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      border: 2px solid color-mix(in srgb, var(--cta) 58%, var(--line));
      /* Match proof-grid / gallery cards (14px). Do not use --wel-btn-radius:
         pill button style is 999px and turns 16:9 thumbs into capsules. */
      border-radius: 14px;
      background: var(--surface);
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--cta) 12%, transparent),
        0 14px 32px color-mix(in srgb, var(--ink) 16%, transparent);
      overflow: hidden;
      cursor: pointer;
      color: var(--cta-ink, #fff);
      appearance: none;
      -webkit-appearance: none;
    }
    .wel-landing .wel-video-card__media,
    .wel-landing .wel-video-card__ph {
      display: block;
      aspect-ratio: 16 / 9;
      width: 100%;
      background: color-mix(in srgb, var(--ink) 18%, var(--surface));
    }
    .wel-landing .wel-video-card__media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .wel-landing .wel-video-card__play {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      color: #fff;
      pointer-events: none;
      filter: drop-shadow(0 4px 12px color-mix(in srgb, var(--ink) 45%, transparent));
    }
    .wel-landing .wel-video-card__play svg {
      width: clamp(3.1rem, 12vw, 4.25rem);
      height: auto;
    }
    .wel-landing .wel-video-card__play circle {
      fill: color-mix(in srgb, var(--ink) 28%, transparent);
      stroke: #fff;
    }
    .wel-landing .wel-videos--single .wel-video-card__play circle {
      fill: color-mix(in srgb, var(--cta) 82%, var(--ink));
      stroke: color-mix(in srgb, var(--cta) 70%, #fff);
    }
    .wel-landing .wel-videos__carousel {
      position: relative;
    }
    .wel-landing .wel-videos__viewport {
      position: relative;
      overflow: hidden;
    }
    .wel-landing .wel-videos__track {
      display: flex;
      gap: 0.65rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    .wel-landing .wel-videos__track::-webkit-scrollbar { display: none; }
    .wel-landing .wel-videos__slide {
      flex: 0 0 calc((100% - 1.3rem) / 3);
      scroll-snap-align: start;
      min-width: 0;
    }
    .wel-landing .wel-videos__nav {
      position: absolute;
      /* Viewport-only positioning → true vertical center of video thumbs */
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      box-sizing: border-box;
      width: 2.15rem;
      height: 2.15rem;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      cursor: pointer;
      color: var(--cta-ink, #fff);
      background: color-mix(in srgb, var(--cta) 88%, var(--ink));
      box-shadow: 0 6px 16px color-mix(in srgb, var(--ink) 22%, transparent);
      appearance: none;
      -webkit-appearance: none;
    }
    .wel-landing .wel-videos__nav--prev {
      left: 0.35rem;
      right: auto;
    }
    .wel-landing .wel-videos__nav--next {
      right: 0.35rem;
      left: auto;
    }
    .wel-landing .wel-videos__nav svg {
      display: block;
      width: 1.05rem;
      height: 1.05rem;
      flex: 0 0 auto;
    }
    /* Chevron open side needs a slight optical nudge inside the circle */
    .wel-landing .wel-videos__nav--prev svg {
      transform: translateX(-0.06rem);
    }
    .wel-landing .wel-videos__nav--next svg {
      transform: translateX(0.06rem);
    }
    /* Autoplay on → hide prev/next (manual chrome only when autoplay is off) */
    .wel-landing .wel-videos[data-wel-videos-autoplay="1"] .wel-videos__nav,
    .wel-landing .wel-videos.wel-videos--nav-hidden .wel-videos__nav {
      display: none;
    }
    .wel-video-modal {
      position: fixed;
      inset: 0;
      z-index: 100200;
      display: grid;
      place-items: center;
      padding: 1.25rem;
    }
    .wel-video-modal[hidden] { display: none !important; }
    .wel-video-modal__backdrop {
      position: absolute;
      inset: 0;
      background: color-mix(in srgb, var(--ink, #12161a) 62%, transparent);
    }
    .wel-video-modal__dialog {
      position: relative;
      z-index: 1;
      width: min(56rem, 100%);
      border-radius: 14px;
      overflow: hidden;
      background: #000;
      box-shadow: 0 24px 64px color-mix(in srgb, var(--ink, #000) 40%, transparent);
    }
    .wel-video-modal__stage {
      aspect-ratio: 16 / 9;
      background: #000;
    }
    .wel-video-modal__stage iframe,
    .wel-video-modal__stage video {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
    }
    .wel-video-modal__close {
      position: absolute;
      top: 0.45rem;
      right: 0.45rem;
      z-index: 2;
      width: 2.1rem;
      height: 2.1rem;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      color: #fff;
      background: color-mix(in srgb, var(--ink, #000) 55%, transparent);
    }
    @media (max-width: 720px) {
      .wel-landing .wel-videos__slide {
        flex-basis: 86%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .wel-landing .topbar-track,
      .wel-landing .cta-pulse,
      .wel-landing .live-viewers .dot,
      .wel-landing .reveal,
      .wel-landing .wel-landing__sticky,
      .wel-landing .wel-order-toast,
      .wel-landing .wel-wa-balloon,
      .wel-landing .wel-wa-balloon__pulse,
      .wel-landing .wel-skel__shine,
      .wel-landing .wel-proof__spinner {
        animation: none !important;
        transition: none !important;
      }
      .wel-landing .reveal { opacity: 1; transform: none; filter: none; }
      .wel-landing .wel-parallax-layer { transform: none !important; }
      .wel-landing .wel-order-toast.is-on { transform: none; opacity: 1; }
      .wel-landing .wel-wa-balloon__pulse { opacity: 0; }
      .wel-landing .proof-grid img,
      .wel-landing .wel-skel.is-loading img { opacity: 1; }
      .wel-landing .wel-skel__shine { display: none; }
      .wel-landing .wel-proof__preloader { display: none !important; }
      .wel-landing .wel-videos__track { scroll-behavior: auto; }
    }