/** Shopify CDN: Minification failed

Line 920:0 Unexpected "}"
Line 988:59 Expected identifier but found whitespace

**/
/* Migrated from alter Webshop. PHP/server logic removed; visual CSS preserved for Shopify OS 2.0. */

    /* ── Tokens ──────────────────────────────────────────────────── */
    :root{
      --teal:#584638;
      --teal-d:#8D6F55;
      --teal-dd:#694F3E;
      --teal-l:#EDE0D0;
      --teal-xl:#F7F0E7;
      --dark:#302A25;
      --white:#FFFFFF;
      --text:#302B27;
      --text-2:#6D6258;
      --text-3:#93867A;
      --bg:#FFFFFF;
      --bg-alt:#FAF4EC;
      --bg-teal:#F7F0E7;
      --line:#E8DED3;
      --line-teal:rgba(63, 154, 207, 0.28);
      --r-xl:2rem;
      --r-lg:1.5rem;
      --r-md:1rem;
      --r-sm:.6rem;
      --sh-sm:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
      --sh-md:0 8px 28px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.05);
      --sh-lg:0 20px 56px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06);
      --sh-teal:0 8px 32px rgba(63, 149, 207, 0.25),0 2px 8px rgba(63, 161, 207, 0.15);
      --focus:0 0 0 3px rgba(63, 161, 207, 0.4);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:16px}
    body{
      font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
      color:var(--text);background:var(--bg);
      line-height:1.6;overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    .container{width:min(1200px,calc(100% - 3rem));margin-inline:auto}

    /* ── Mosquito ────────────────────────────────────────────────── */
    #mqTrail{
      position:fixed;z-index:9997;pointer-events:none;
      top:0;left:0;width:100%;height:100%;
      opacity:0;transition:opacity .8s ease;
    }
    #mqTrail.on{opacity:1}
    #mqGlow{
      position:fixed;z-index:9998;pointer-events:none;
      width:240px;height:240px;top:0;left:0;
      margin:-120px 0 0 -120px;
      border-radius:50%;
      background:radial-gradient(circle,
        rgba(141,111,85,.55) 0%,
        rgba(141,111,85,.18) 40%,
        rgba(141,111,85,0) 70%);
      opacity:0;will-change:transform,opacity;
    }
    #mqRing{
      position:fixed;z-index:9998;pointer-events:none;
      width:60px;height:60px;top:0;left:0;
      margin:-30px 0 0 -30px;
      border:2px solid rgba(141,111,85,.65);
      border-radius:50%;
      opacity:0;will-change:transform,opacity;
    }
    #mq{
      position:fixed;z-index:9999;pointer-events:none;
      width:90px;height:90px;top:0;left:0;
      opacity:0;will-change:transform,opacity;
      filter:drop-shadow(0 6px 12px rgba(141,111,85,.28));
    }
    #mq img{width:100%;height:100%;object-fit:contain}
    @media(prefers-reduced-motion:reduce){
      #mq,#mqTrail,#mqGlow,#mqRing{display:none}
    }

    /* ── Skip ────────────────────────────────────────────────────── */
    .skip{position:absolute;left:-9999px;top:0;z-index:9998;padding:.6rem 1rem;border-radius:.5rem;background:var(--teal);color:#fff;font-weight:800}
    .skip:focus{left:1rem;top:1rem}

    /* ── Header ──────────────────────────────────────────────────── */
    .site-header{
      position:sticky;top:0;z-index:100;
      background:rgba(255,255,255,.92);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      transition:box-shadow .3s;
    }
    .site-header.raised{box-shadow:0 4px 20px rgba(0,0,0,.08)}
    .h-inner{
      height:70px;display:flex;align-items:center;
      justify-content:space-between;gap:1.5rem;
    }
    .brand{display:flex;align-items:center}
    .brand-logo{
      height:44px;width:auto;display:block;
      transition:clip-path .8s cubic-bezier(.65,0,.35,1);
    }
    /* While the intro animation is running, hide the mosquito area of
       the logo (top-left L-notch) so the live mosquito appears to BE
       the logo's mosquito. The class is removed by JS at the end of
       the flight, smoothly revealing the drawn mosquito + dashed swirl. */
    .mq-anim .brand-logo{
      clip-path:polygon(0% 50%,35% 50%,35% 0%,100% 0%,100% 100%,0% 100%);
    }
    .nav{display:flex;gap:2rem;font-size:.83rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.07em}
    .nav a{transition:color .18s}
    .nav a:hover{color:var(--teal-dd)}
    .h-actions{display:flex;align-items:center;gap:.6rem}

    /* ── Buttons ─────────────────────────────────────────────────── */
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
      border:none;border-radius:999px;
      padding:.72rem 1.4rem;
      font-family:inherit;font-size:.88rem;font-weight:800;letter-spacing:.02em;
      cursor:pointer;white-space:nowrap;
      transition:transform .17s,box-shadow .2s,background .18s,color .18s;
      position:relative;overflow:hidden;
    }
    .btn::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.25) 50%,transparent 75%);
      transform:translateX(-150%);transition:transform .5s ease;
    }
    .btn:hover::after{transform:translateX(150%)}
    .btn:hover{transform:translateY(-2px)}
    .btn:focus-visible{outline:none;box-shadow:var(--focus)}

    .btn-primary{background:var(--teal);color:#fff;box-shadow:var(--sh-teal)}
    .btn-primary:hover{background:var(--teal-d);box-shadow:0 12px 36px rgba(141,111,85,.38)}

    .btn-outline{background:transparent;color:var(--dark);box-shadow:inset 0 0 0 2px var(--dark)}
    .btn-outline:hover{background:var(--dark);color:#fff}

    .btn-white{background:#fff;color:var(--dark);box-shadow:var(--sh-md)}
    .btn-white:hover{background:#f5f5f5}

    .btn-dark{background:var(--dark);color:#fff;box-shadow:var(--sh-md)}
    .btn-dark:hover{background:#444}

    .btn-sm{padding:.52rem 1rem;font-size:.82rem}
    .btn:disabled,.btn-dis{cursor:not-allowed;opacity:.45;transform:none!important;box-shadow:none!important}

    .cbadge{
      min-width:1.4rem;height:1.4rem;padding:0 .3rem;border-radius:999px;
      background:rgba(255,255,255,.28);
      border:1px solid rgba(255,255,255,.5);
      font-size:.68rem;font-weight:800;color:#fff;
      display:inline-flex;align-items:center;justify-content:center;
    }

    /* ── Flash ───────────────────────────────────────────────────── */
    .flash-wrap{padding:.8rem 0}
    .flash{
      border-radius:var(--r-md);padding:.9rem 1.1rem;
      font-weight:700;font-size:.92rem;border:1px solid transparent;
    }
    .flash.success{background:#edf3fc;border-color:rgba(141,111,85,.4);color:var(--teal-dd)}
    .flash.warn{background:#fff8ed;border-color:rgba(255,170,0,.35);color:#996600}

    /* ── Hero ────────────────────────────────────────────────────── */
    .hero{
      position:relative;overflow:hidden;
      padding:5rem 0 4rem;
      background:#fff;
    }
    /* Big soft teal orb top-right */
    .hero::before{
      content:"";position:absolute;
      width:780px;height:780px;border-radius:50%;
      top:-320px;right:-220px;
      background:radial-gradient(circle,rgba(141,111,85,.13) 0%,transparent 70%);
      pointer-events:none;
    }
    /* Subtle dot grid */
    .hero::after{
      content:"";position:absolute;inset:0;
      background-image:radial-gradient(circle,rgba(141,111,85,.18) 1px,transparent 1px);
      background-size:36px 36px;opacity:.45;pointer-events:none;
      mask:radial-gradient(ellipse 80% 80% at 85% 15%,#000 0%,transparent 100%);
    }
    .hero-inner{
      position:relative;z-index:2;
      display:grid;grid-template-columns:1fr 1fr;
      gap:3rem;align-items:center;
    }
    /* Left: Copy */
    .hero-copy{padding-right:1rem}
    .biozid-note{
  margin-top:1rem;
  max-width:560px;
  font-size:.78rem;
  line-height:1.45;
  color:var(--text-2);
}
    .pill{
      display:inline-flex;align-items:center;gap:.45rem;
      padding:.36rem .85rem;border-radius:999px;
      background:var(--teal-l);border:1px solid rgba(141,111,85,.35);
      color:var(--teal-dd);font-size:.75rem;font-weight:800;
      text-transform:uppercase;letter-spacing:.07em;
      margin-bottom:1.4rem;
    }
    .pill-dot{
      width:6px;height:6px;border-radius:50%;background:var(--teal);
      box-shadow:0 0 0 3px rgba(141,111,85,.3);
      animation:blink 2s ease-in-out infinite;
    }
    .hero-h1{
      font-family:"Sora",sans-serif;
      font-size:clamp(2.8rem,5.5vw,5.4rem);
      line-height:.96;letter-spacing:-.02em;
      color:var(--dark);font-weight:800;
    }
    .hero-h1 em{
      font-style:normal;display:block;
      color:var(--teal);margin-top:.25em;
      position:relative;
    }
    .hero-h1 em::after{
      content:"";position:absolute;
      left:0;bottom:-.12em;
      width:100%;height:.08em;
      background:linear-gradient(90deg,var(--teal),transparent 80%);
      border-radius:4px;opacity:.5;
    }
    .hero-sub{
      margin-top:1.4rem;
      font-size:1.05rem;color:var(--text-2);
      max-width:46ch;line-height:1.65;
    }
    .hero-actions{margin-top:2rem;display:flex;gap:.8rem;flex-wrap:wrap}
    .hero-trust{
      margin-top:2.2rem;display:flex;gap:1.8rem;flex-wrap:wrap;
    }
    .trust-item{display:flex;flex-direction:column;gap:.12rem}
    .trust-num{font-family:"Sora",sans-serif;font-size:1.6rem;font-weight:800;color:var(--dark);line-height:1}
    .trust-label{font-size:.72rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}

    /* Right: Product visual */
    .hero-visual{
      position:relative;display:flex;align-items:center;justify-content:center;
      min-height:480px;
    }
    .hero-orb{
      position:absolute;width:380px;height:380px;border-radius:50%;
      background:radial-gradient(circle,var(--teal-l) 0%,rgba(249,241,230,.4) 60%,transparent 100%);
      animation:orbPulse 7s ease-in-out infinite;
    }
    .hero-orb-ring{
      position:absolute;width:420px;height:420px;border-radius:50%;
      border:1.5px dashed rgba(141,111,85,.3);
      animation:spin 30s linear infinite;
    }
    .hero-orb-ring2{
      position:absolute;width:480px;height:480px;border-radius:50%;
      border:1px dashed rgba(141,111,85,.18);
      animation:spin 50s linear infinite reverse;
    }
    .hero-img-wrap{
      position:relative;z-index:3;
      display:flex;align-items:center;justify-content:center;
    }
    .hero-img-wrap img{
      max-height:340px;width:auto;max-width:280px;height:auto;
      object-fit:contain;
      filter:drop-shadow(0 20px 40px rgba(0,0,0,.15)) drop-shadow(0 5px 12px rgba(141,111,85,.2));
      animation:floatImg 5s ease-in-out infinite;
      transition:filter .4s;
    }
    .hero-img-wrap img:hover{filter:drop-shadow(0 28px 52px rgba(0,0,0,.2)) drop-shadow(0 0 30px rgba(141,111,85,.35))}
    .hero-img-fallback{
      z-index:3;position:relative;
      width:220px;height:220px;border-radius:50%;
      background:var(--teal-l);
      display:flex;align-items:center;justify-content:center;
      font-size:4rem;
    }
    /* floating badges around product */
    .fbadge{
      position:absolute;z-index:4;
      background:#fff;border-radius:var(--r-md);
      box-shadow:var(--sh-md);
      padding:.55rem .9rem;
      font-size:.78rem;font-weight:800;color:var(--dark);
      display:flex;align-items:center;gap:.45rem;
      white-space:nowrap;
      animation:floatBadge var(--du,5s) var(--de,0s) ease-in-out infinite;
    }
    .fbadge-icon{font-size:1rem}
    .fb1{top:50px;left:-15px;--du:6s;--de:0s}
    .fb2{top:55px;right:-20px;--du:7s;--de:.8s}
    .fb3{bottom:70px;left:-10px;--du:5s;--de:.4s}
    
    /* Hero product quick-buy card */
    .hero-buy{
      position:absolute;z-index:4;bottom:30px;right:-10px;
      background:#fff;border-radius:var(--r-lg);
      box-shadow:var(--sh-lg);
      padding:1rem 1.2rem;
      min-width:200px;
      border:1.5px solid var(--teal-l);
    }
    .hb-label{font-size:.7rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}
    .hb-name{font-family:"Sora",sans-serif;font-size:.95rem;font-weight:700;color:var(--dark);margin:.15rem 0 .5rem;line-height:1.2;max-width:16ch}
    .hb-price{font-family:"Sora",sans-serif;font-size:1.5rem;font-weight:800;color:var(--teal-dd);line-height:1}
    .hb-tax{font-size:.7rem;color:var(--text-3);margin-top:.12rem}
    .hb-btn{margin-top:.75rem;width:100%}

    /* ── Stats bar ───────────────────────────────────────────────── */
    .statsbar{
      background:var(--dark);
      padding:1.1rem 0;
    }
    .stats-inner{
      display:flex;align-items:center;justify-content:center;
      gap:3rem;flex-wrap:wrap;
    }
    .stat{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.85);font-size:.84rem;font-weight:700}
    .stat-icon{font-size:1.1rem}
    .stat-sep{width:1px;height:22px;background:rgba(255,255,255,.2)}

    /* ── Benefits ────────────────────────────────────────────────── */
    .benefits-section{padding:5rem 0;background:var(--bg-teal)}
    .section-label{
      display:inline-flex;align-items:center;gap:.4rem;
      font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;
      color:var(--teal-dd);margin-bottom:.8rem;
    }
    .section-label::before{content:"";width:20px;height:2px;background:var(--teal);border-radius:2px}
    .section-h{
      font-family:"Sora",sans-serif;
      font-size:clamp(1.8rem,2.5vw,2.8rem);
      font-weight:800;line-height:1.1;letter-spacing:-.01em;
      color:var(--dark);margin-bottom:.6rem;
    }
    .section-sub{color:var(--text-2);font-size:1rem;max-width:50ch;line-height:1.6}
    .section-head{margin-bottom:2.5rem}
    .bens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
    .ben{
      background:#fff;border-radius:var(--r-lg);padding:2rem 1.6rem;
      border:1px solid rgba(141,111,85,.15);
      box-shadow:var(--sh-sm);
      position:relative;overflow:hidden;
      opacity:0;transform:translateY(28px);
      transition:opacity .55s ease,transform .55s ease,box-shadow .25s,border-color .25s;
    }
    .ben.in-view{opacity:1;transform:translateY(0)}
    .ben:nth-child(2).in-view{transition-delay:.12s}
    .ben:nth-child(3).in-view{transition-delay:.24s}
    .ben:hover{box-shadow:var(--sh-lg);border-color:var(--line-teal)}
    .ben::before{
      content:"";position:absolute;top:0;left:0;right:0;height:3px;
      background:linear-gradient(90deg,var(--teal) 0%,var(--teal-l) 100%);
    }
    .ben-num{
      font-family:"Sora",sans-serif;font-size:3rem;font-weight:800;
      color:var(--teal-l);line-height:1;
      position:absolute;top:.8rem;right:1rem;
      user-select:none;pointer-events:none;
    }
    .ben-icon{
      width:48px;height:48px;border-radius:14px;
      background:var(--teal-xl);
      display:flex;align-items:center;justify-content:center;
      font-size:1.4rem;margin-bottom:1rem;
    }
    .ben h3{font-family:"Sora",sans-serif;font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}
    .ben p{color:var(--text-2);font-size:.92rem;line-height:1.6}

    /* ── Products ────────────────────────────────────────────────── */
    /* ── Products section ───────────────────────────────────────── */
    .products-section{
      padding:5.5rem 0;
      background:#fff;
      position:relative;
    }
    .prod-head{
      display:flex;align-items:flex-end;justify-content:space-between;
      margin-bottom:2.5rem;gap:1rem;position:relative;z-index:1;
    }
    .prod-count{
      display:inline-flex;align-items:center;gap:.4rem;
      font-size:.78rem;font-weight:800;color:var(--teal-dd);
      background:var(--teal-l);padding:.4rem .9rem;
      border-radius:999px;border:1px solid rgba(141,111,85,.25);
    }
    .pgrid{
      display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;
      position:relative;z-index:1;
    }
    /* Card */
    .pcard{
      background:#fff;
      border:1.5px solid var(--line);
      border-radius:var(--r-xl);
      overflow:hidden;display:flex;flex-direction:column;
      box-shadow:0 2px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.03);
      transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;
      position:relative;
      opacity:0;transform:translateY(22px);
    }
    /* Featured: accent stripe */
    .pcard.is-feat::before{
      content:"";position:absolute;top:0;left:0;right:0;height:3px;
      background:linear-gradient(90deg,var(--teal) 0%,var(--teal-d) 100%);z-index:3;
    }
    .pcard.in-view{opacity:1;transform:translateY(0);
      transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
    .pcard:nth-child(2).in-view{transition-delay:.08s}
    .pcard:nth-child(3).in-view{transition-delay:.16s}
    .pcard:nth-child(4).in-view{transition-delay:.04s}
    .pcard:nth-child(5).in-view{transition-delay:.1s}
    .pcard:nth-child(6).in-view{transition-delay:.18s}
    .pcard:hover{
      transform:translateY(-9px);
      box-shadow:0 24px 56px rgba(0,0,0,.1),0 0 0 2px var(--teal),0 8px 20px rgba(88,70,56,.08);
      border-color:var(--teal);
    }
    /* Image area — white bg for seamless blend */
    .pmedia{
      position:relative;
      background:#fff;
      height:280px;display:flex;align-items:center;justify-content:center;
      padding:1.8rem;overflow:hidden;
    }
    .pmedia::after{
      content:"";position:absolute;bottom:0;left:1rem;right:1rem;
      height:1px;background:linear-gradient(90deg,transparent,var(--line) 30%,var(--line) 70%,transparent);
    }
    .pmedia img{
      height:220px;width:100%;object-fit:contain;
      transition:transform .38s cubic-bezier(.22,1,.36,1),filter .38s;
    }
    .pcard:hover .pmedia img{
      transform:scale(1.07) translateY(-6px);
    }
    /* Badges */
    .pbadges{
      position:absolute;left:.7rem;right:.7rem;top:.7rem;
      display:flex;justify-content:space-between;align-items:center;
      gap:.4rem;pointer-events:none;z-index:2;
    }
    .pbadge{
      border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.07em;
      text-transform:uppercase;padding:.28rem .65rem;
      border:1px solid transparent;backdrop-filter:blur(8px);
    }
    .pbadge.feat{
      background:var(--teal);color:#fff;
      box-shadow:0 2px 12px rgba(88,70,56,.45);
    }
    .pbadge.instock{
      background:rgba(255,255,255,.92);color:var(--teal-dd);
      border-color:rgba(141,111,85,.22);
    }
    .pbadge.out{
      background:rgba(255,255,255,.88);color:#c0392b;
      border-color:rgba(192,57,43,.18);
    }
    /* Body */
    .pbody{padding:1.3rem 1.4rem 1.4rem;display:flex;flex-direction:column;flex:1;gap:.5rem}
    .pname{
      font-family:"Sora",sans-serif;font-size:.98rem;font-weight:700;
      color:var(--dark);line-height:1.3;
    }
    .pprice-row{
      display:flex;align-items:baseline;gap:.5rem;
      margin-top:.1rem;
    }
    .pprice{
      font-family:"Sora",sans-serif;font-size:1.35rem;font-weight:800;
      color:var(--teal);line-height:1;
    }
    .ptax{
      font-size:.7rem;color:var(--text-3);font-weight:600;
      text-transform:uppercase;letter-spacing:.05em;
    }
    .pdivider{height:1px;background:var(--line);margin:.4rem 0}
    .pactions{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}
    .pactions form{margin:0}
    .pdetail{
      display:block;text-align:center;font-size:.78rem;font-weight:700;
      color:var(--text-2);padding:.3rem;
      text-decoration:underline;text-decoration-color:transparent;
      text-underline-offset:3px;transition:color .18s,text-decoration-color .18s;
    }
    .pdetail:hover{color:var(--teal);text-decoration-color:var(--teal)}

    /* ── Bundle ──────────────────────────────────────────────────── */
    .bundle-section{
      padding:0;
      background:linear-gradient(160deg,#302921 0%,#40352C 50%,#302921 100%);
      position:relative;overflow:hidden;
    }
    .bundle-glow-1{
      position:absolute;width:700px;height:700px;border-radius:50%;
      right:-200px;top:-200px;pointer-events:none;
      background:radial-gradient(circle,rgba(88,70,56,.55) 0%,transparent 65%);
    }
    .bundle-glow-2{
      position:absolute;width:450px;height:450px;border-radius:50%;
      left:-120px;bottom:-180px;pointer-events:none;
      background:radial-gradient(circle,rgba(141,111,85,.2) 0%,transparent 65%);
    }
    .bundle-inner{
      position:relative;z-index:2;
      display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;
      padding:5.5rem 0;
    }
    .bundle-eyebrow{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.35rem .85rem;border-radius:999px;
      background:rgba(141,111,85,.15);border:1px solid rgba(141,111,85,.4);
      color:#EBCFB0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;
      margin-bottom:1.4rem;
    }
    .bundle-h{
      font-family:"Sora",sans-serif;
      font-size:clamp(2rem,3.2vw,2.9rem);
      font-weight:800;color:#fff;line-height:1.1;
      margin-bottom:1rem;
    }
    .bundle-h span{
      background:linear-gradient(90deg,var(--teal-d) 0%,#EBCFB0 100%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .bundle-sub{
      color:rgba(255,255,255,.6);font-size:.97rem;line-height:1.72;
      margin-bottom:1.8rem;max-width:42ch;
    }
    .bundle-items{
      list-style:none;display:flex;flex-direction:column;gap:.65rem;
      margin-bottom:2rem;
    }
    .bundle-items li{
      display:flex;align-items:center;gap:.75rem;
      font-size:.9rem;color:rgba(255,255,255,.82);font-weight:500;
    }
    .bcheck{
      width:19px;height:19px;border-radius:50%;flex:0 0 auto;
      background:linear-gradient(135deg,var(--teal),var(--teal-d));
      display:flex;align-items:center;justify-content:center;
      font-size:.6rem;color:#fff;font-weight:900;
    }
    .bundle-priceline{
      display:flex;align-items:center;gap:1.1rem;
      margin-bottom:1.8rem;padding:1rem 1.4rem;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.09);
      border-radius:var(--r-lg);width:fit-content;
    }
    .bundle-price-big{
      font-family:"Sora",sans-serif;font-size:2.5rem;font-weight:800;color:#fff;line-height:1;
    }
    .bundle-price-meta{display:flex;flex-direction:column;gap:.25rem}
    .bundle-price-label{
      font-size:.7rem;font-weight:800;color:var(--teal-d);
      text-transform:uppercase;letter-spacing:.08em;
    }
    .bundle-price-tax{font-size:.7rem;color:rgba(255,255,255,.4);font-weight:600}
    .bundle-ctas{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
    /* Visual column */
    .bundle-visual{
      position:relative;
      display:flex;align-items:center;justify-content:center;
    }
    .bundle-img-wrap{
      position:relative;
      animation:floatImg 6s ease-in-out infinite;
    }
    .bundle-img-glow{
      position:absolute;inset:-40px;border-radius:50%;
      background:radial-gradient(circle,rgba(88,70,56,.5) 0%,transparent 70%);
      pointer-events:none;
    }
    .bundle-img{
      width:100%;max-width:500px;height:auto;aspect-ratio:auto;object-fit:contain;position:relative;
      border-radius:var(--r-xl);
      filter:drop-shadow(0 40px 80px rgba(0,0,0,.65)) drop-shadow(0 0 50px rgba(88,70,56,.4));
    }
    .bundle-badge{
      position:absolute;top:-12px;right:-12px;
      width:78px;height:78px;border-radius:50%;
      background:linear-gradient(135deg,var(--teal) 0%,var(--teal-d) 100%);
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      box-shadow:0 6px 24px rgba(88,70,56,.7);
      animation:floatBadge 4.5s ease-in-out infinite;
      animation-delay:1s;z-index:4;
    }
    .bundle-badge strong{
      font-family:"Sora",sans-serif;font-size:.95rem;font-weight:800;color:#fff;line-height:1;
    }
    .bundle-badge span{
      font-size:.57rem;color:rgba(255,255,255,.82);font-weight:700;
      text-transform:uppercase;letter-spacing:.06em;
    }

    /* ── FAQ ─────────────────────────────────────────────────────── */
    .faq-section{
      padding:5.5rem 0;
      background:
        linear-gradient(180deg,#fff 0%,var(--bg-alt) 100%);
      position:relative;
    }
    .faq-head{
      max-width:680px;
      margin-bottom:2rem;
    }
    .faq-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1rem;
      align-items:start;
      max-width:980px;
    }
    .faqitem{
      background:#fff;
      border:1.5px solid var(--line);
      border-radius:1.1rem;
      overflow:hidden;
      box-shadow:0 8px 26px rgba(0,0,0,.045);
      transition:border-color .22s,box-shadow .22s,transform .22s;
      opacity:0;transform:translateY(18px);
    }
    .faqitem.in-view{opacity:1;transform:translateY(0)}
    .faqitem:first-child{grid-column:1/-1}
    .faqitem:nth-child(2).in-view{transition-delay:.1s}
    .faqitem:nth-child(3).in-view{transition-delay:.2s}
    .faqitem:hover{border-color:var(--line-teal);box-shadow:0 16px 42px rgba(0,0,0,.075);transform:translateY(-2px)}
    .faqitem[open]{
      border-color:rgba(88,70,56,.38);
      box-shadow:0 18px 46px rgba(88,70,56,.12);
    }
    .faqitem summary{
      list-style:none;cursor:pointer;
      min-height:76px;
      padding:1.25rem 1.35rem;
      font-family:"Sora",sans-serif;
      font-size:1rem;font-weight:700;color:var(--dark);
      line-height:1.3;
      display:flex;justify-content:space-between;align-items:center;gap:.5rem;
      user-select:none;
    }
    .faqitem summary::-webkit-details-marker{display:none}
    .faqitem summary::after{
      content:"+";
      width:34px;height:34px;border-radius:50%;
      background:var(--teal-xl);
      border:1px solid rgba(141,111,85,.2);
      color:var(--teal);font-size:1.15rem;line-height:1;font-weight:800;flex:0 0 auto;
      display:flex;align-items:center;justify-content:center;
      transition:transform .2s,background .2s,color .2s,border-color .2s;
    }
    .faqitem[open] summary{
      color:var(--teal);
      border-bottom:1px solid rgba(141,111,85,.12);
    }
    .faqitem[open] summary::after{
      content:"−";
      background:var(--teal);
      border-color:var(--teal);
      color:#fff;
      transform:rotate(180deg);
    }
    .faqitem p{
      padding:1rem 1.35rem 1.35rem;
      color:var(--text-2);font-size:.94rem;line-height:1.75;
      background:linear-gradient(180deg,rgba(237,246,250,.55),rgba(255,255,255,0));
    }

    /* ── Footer ──────────────────────────────────────────────────── */
    .site-footer{background:var(--dark);padding:2rem 0}
    .foot-inner{
      display:flex;align-items:center;justify-content:space-between;gap:1rem;
      font-size:.8rem;color:rgba(255,255,255,.5);font-weight:600;
    }
    .foot-brand{display:flex;align-items:center;gap:.6rem}
    .foot-brand .fi{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-dd));display:flex;align-items:center;justify-content:center;font-size:.9rem}
    .foot-brand span{color:rgba(255,255,255,.7);font-weight:700;font-size:.9rem}
    .foot-links{display:flex;gap:1.2rem;font-size:.77rem;text-transform:uppercase;letter-spacing:.07em}
    .foot-links a{color:rgba(255,255,255,.45);transition:color .18s}
    .foot-links a:hover{color:var(--teal)}

    /* ── Keyframes ───────────────────────────────────────────────── */
    /* mqFly is now driven by JS below */
    @keyframes blink{
      0%,100%{opacity:1;box-shadow:0 0 0 3px rgba(141,111,85,.3)}
      50%{opacity:.4;box-shadow:0 0 0 5px rgba(141,111,85,.1)}
    }
    @keyframes orbPulse{
      0%,100%{transform:scale(1);opacity:1}
      50%{transform:scale(1.05);opacity:.85}
    }
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes floatImg{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-14px)}
    }
    @keyframes floatBadge{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-8px)}
    }
    @keyframes revealUp{
      from{opacity:0;transform:translateY(20px)}
      to{opacity:1;transform:translateY(0)}
    }

    /* ── Responsive ──────────────────────────────────────────────── */
    @media(max-width:1024px){
    
      .bundle-inner{grid-template-columns:1fr;padding:3.5rem 0}
      .bundle-visual{margin-top:1rem}
      .bundle-img{max-width:360px}
      .nl-inner{grid-template-columns:1fr}
    }
    @media(max-width:768px){
  .hero-inner{
    grid-template-columns:1fr;
    gap:2.5rem;
    text-align:center;
  }

  .hero-copy{
    padding-right:0;
  }

  .hero-trust{
    justify-content:center;
  }

  .hero-actions{
    justify-content:center;
  }

  .hero-visual{
    min-height:360px;
  }

  .fb1,.fb2,.fb3{
    display:none;
  }

  .hero-buy{
    right:0;
    bottom:0;
  }
}
/* — Muckdi Maskottchen ---------------------------------- */

.mascot-section{
  padding:5.5rem 0;
  background:#fff;
}

.mascot-card{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  align-items:center;
  gap:4rem;

  padding:3rem;

  background:linear-gradient(
    135deg,
    #F7EDE2 0%,
    #FBF6EE 100%
  );

  border:1px solid var(--line);
  border-radius:var(--r-xl);
  overflow:hidden;
}

.mascot-copy{
  max-width:520px;
  padding:1rem;
}

.mascot-title{
  margin:.8rem 0 1.25rem;

  font-family:"Sora", sans-serif;
  font-size:clamp(2.4rem, 4vw, 4.2rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.04em;

  color:var(--text);
}

.mascot-title span{
  color:var(--teal-dd);
}

.mascot-text{
  margin:0;
  max-width:520px;

  font-size:1rem;
  line-height:1.7;

  color:var(--text-2);
}

.mascot-visual{
  width:100%;
  max-width:520px;
  justify-self:end;

  border-radius:calc(var(--r-xl) - 8px);
  overflow:hidden;

  box-shadow:var(--sh-sm);
}

.mascot-visual img{
  display:block;

  width:100%;
  height:auto;

  aspect-ratio:1 / 1;
  object-fit:cover;
}


/* — Tablet / Mobile ---------------------------------- */

@media(max-width:900px){

  .mascot-section{
    padding:4rem 0;
  }

  .mascot-card{
    grid-template-columns:1fr;
    gap:2rem;
    padding:2rem;
  }

  .mascot-copy{
    max-width:none;
    padding:0;
  }

  .mascot-visual{
    max-width:480px;
    justify-self:center;
  }

}


@media(max-width:600px){

  .mascot-section{
    padding:3rem 0;
  }

  .mascot-card{
    gap:1.5rem;
    padding:1.25rem;
    border-radius:24px;
  }

  .mascot-title{
    font-size:2.3rem;
  }

  .mascot-text{
    font-size:.95rem;
    line-height:1.65;
  }

  .mascot-visual{
    border-radius:18px;
  }

}
    @media(max-width:900px){
      .nav{display:none}
      .bens,.faq-grid{grid-template-columns:1fr}
      .pgrid{grid-template-columns:repeat(2,1fr)}
      .stats-inner{gap:1.5rem}
      .stat-sep:nth-child(4){display:none}
    }
    @media(max-width:640px){
      .container{width:calc(100% - 2rem)}
      .hero{padding:3.5rem 0 2.5rem}
      .hero-h1{font-size:2.5rem}
      .hero-visual{min-height:280px}
      .hero-actions,.bundle-ctas{flex-direction:column}
      .btn{width:100%}
      .pgrid{grid-template-columns:1fr}
      .prod-head{flex-direction:column;align-items:flex-start}
      .foot-inner{flex-direction:column;gap:.8rem;align-items:flex-start}
      .h-actions .btn-outline{display:none}
      .hero-buy{display:none}
      .fbadge{display:none}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
      }
      #mq{display:none}
    }
}
/* Grundpreis Produktkarten */
.pcard .punit,
.pbody .punit,
span.punit{
  font-size:.58rem !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  color:var(--text-3) !important;
}
.hero-visual{
  position: relative;
}

.mucki-hero{
  position:absolute;
  right:185px;
  bottom:35px;
  left:auto;
  z-index:3;
  pointer-events:none;
}

.mucki-hero img{
  display: block;
  width:clamp(110px, 11vw, 150px);
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
}

@media (max-width: 900px){
  .mucki-hero{
    left: 0;
    bottom: -10px;
  }

  .mucki-hero img{
    width: 110px;
  }
}
.benefits-section{
  position: relative;
}

.mucki-benefits{
  position: absolute;
  right: 2rem;
  bottom: -20px;
  z-index: 2;
  pointer-events: none;
}

.mucki-benefits img{
  width: clamp(110px, 12vw, 180px);
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.10));
}

@media (max-width: 900px){
  .mucki-benefits{
    right: 1rem;
    bottom: -10px;
  }

  .mucki-benefits img{
    width: 100px;
  }
}
./* — Mucki bei FAQ ---------------------------------- */

/* — Mucki direkt am F von FAQ ---------------------- */

.faq-title-with-mucki{
  position:relative;
  display:inline-block;
  overflow:visible;
}

.faq-f{
  position:relative;
  display:inline-block;
}

.mucki-f-hold{
  position:absolute;
  left:-63px;
  top:26%;
  transform:translateY(-52%);
  z-index:5;
  pointer-events:none;
}

.mucki-f-hold img{
  display:block;
  width:72px;
  height:auto;
}

@media(max-width:900px){
  .mucki-f-hold{
    left:-42px;
  }

  .mucki-f-hold img{
    width:58px;
  }
}

/* muckdi Warm Ivory — unified brand tokens */
:root{
 --teal:#584638;--teal-d:#8D6F55;--teal-dd:#694F3E;--teal-l:#EDE0D0;--teal-xl:#F7F0E7;
 --dark:#302A25;--text:#302B27;--text-2:#6D6258;--text-3:#93867A;
 --bg:#FFFCF8;--bg-alt:#FAF4EC;--bg-teal:#F7F0E7;--line:#E8DED3;
 --line-teal:rgba(141,111,85,.24);--sh-teal:0 9px 26px rgba(88,70,56,.17);
 --focus:0 0 0 3px rgba(141,111,85,.25);
}
body{background:#FFFCF8;color:#302B27}
.site-header{background:rgba(255,252,248,.96);border-color:#E8DED3}
.nav a:hover,.foot-links a:hover{color:#BCA38C}
.btn-primary{background:#584638;color:#fff;box-shadow:0 8px 24px rgba(68,51,39,.18)}
.btn-primary:hover{background:#725945;box-shadow:0 12px 30px rgba(68,51,39,.25)}
.btn-outline{border-color:#D5C6B8}
.btn:focus-visible,a:focus-visible{outline:2px solid #8D6F55;outline-offset:3px}
.site-footer{background:#302A25}

/* Warm editorial layers, homepage */
.hero{background:linear-gradient(115deg,#FFFCF8 4%,#F9F1E7 100%)}
.hero::before{background:radial-gradient(circle,rgba(187,154,121,.18) 0%,transparent 70%)}
.hero::after{background-image:radial-gradient(circle,rgba(143,108,77,.16) 1px,transparent 1px);opacity:.3}
.hero-h1{letter-spacing:-.035em}
.hero-h1 em{color:#8D6F55}
.hero-orb{background:radial-gradient(circle,#E8D4BD 0%,rgba(250,239,224,.6) 60%,transparent 100%)}
.hero-buy,.ben,.pcard,.faqitem{background:#FFFDF9;border-color:#E7DACB}
.benefits-section{background:#FBF6EF}
.products-section{background:#FFFCF8}
.pmedia{background:linear-gradient(145deg,#F7EFE5,#EEE1D3)}
.mascot-card{background:linear-gradient(135deg,#F0E1D0 0%,#FBF6EF 100%);border-color:#E6D6C4}
.faq-section{background:linear-gradient(180deg,#FFFCF8 0%,#F7EFE5 100%)}
.statsbar{background:#44372D}
.section-h,.mascot-title{letter-spacing:-.03em}
@media (prefers-reduced-motion: reduce){.hero-copy,.hero-visual,.ben{animation:none!important;transition:none!important}}


/* muckdi Signature: warm ivory and original blue logo accents */
:root{--teal:#2C3C73;--teal-d:#466CA0;--teal-dd:#273666;--teal-l:#E7ECF5;--teal-xl:#F1F5FA;--line-teal:rgba(44,60,115,.22);--sh-teal:0 10px 30px rgba(44,60,115,.15);--focus:0 0 0 3px rgba(44,60,115,.26)}
.site-header{background:rgba(255,252,248,.96);box-shadow:0 2px 22px rgba(50,44,38,.035)}
.brand-logo{height:46px}.nav a:hover{color:#2C3C73}
.btn-primary{background:#2C3C73;color:#fff;box-shadow:0 9px 24px rgba(44,60,115,.17)}
.btn-primary:hover{background:#3C578B;box-shadow:0 12px 28px rgba(44,60,115,.24)}
.btn-outline:hover{color:#2C3C73;background:#F1F4F9}
.btn:focus-visible,a:focus-visible{outline:2px solid #466CA0;outline-offset:3px}
.site-footer{background:#283456}

/* Brand blue highlights, soft warm neutral planes */
.hero{background:linear-gradient(125deg,#FFFCF8 0%,#F9F0E6 78%,#F0F3F9 100%)}
.hero::before{background:radial-gradient(circle,rgba(69,103,160,.12),transparent 72%)}
.hero-h1 em{color:#2C3C73}
.hero-h1 em::after{background:linear-gradient(90deg,#2C3C73,rgba(44,60,115,0) 83%)}
.pill{background:#EEF2F9;border:1px solid rgba(44,60,115,.2);color:#2C3C73}
.pill-dot{background:#466CA0;box-shadow:0 0 0 3px rgba(70,108,160,.17)}
.section-label{color:#2C3C73}
.hero-orb{background:radial-gradient(circle,#F0E2D1 0%,#F1E8E1 45%,rgba(225,234,245,.4) 72%,transparent 100%)}
.hero-orb-ring{border-color:rgba(44,60,115,.23)}
.hero-orb-ring2{border-color:rgba(44,60,115,.12)}
.hero-buy{border-color:#D7E0EE;box-shadow:0 20px 45px rgba(44,60,115,.10)}
.statsbar{background:#2C3C73}
.mucki-hero{left:0;right:auto;bottom:8px;isolation:isolate}
.mucki-hero::before{content:"";position:absolute;z-index:-1;inset:6% 0 0;border-radius:50%;background:radial-gradient(circle,#F9EDDD 25%,rgba(225,234,245,.9) 63%,transparent 74%);filter:blur(2px)}
.mucki-hero img{width:clamp(110px,10vw,145px);filter:drop-shadow(0 12px 12px rgba(44,60,115,.13));transform:rotate(-5deg)}
.ben,.pcard{border-color:#E6DCD2}
.pcard:hover,.ben:hover{border-color:rgba(44,60,115,.28)}
.mascot-section{background:#FFFCF8}
.mascot-card{position:relative;isolation:isolate;gap:clamp(1.5rem,4vw,4rem);background:linear-gradient(125deg,#F7EBDD 0%,#FBF7F0 58%,#E7EDF6 100%);border:1px solid #E5D8CC;box-shadow:0 22px 58px rgba(59,48,43,.065)}
.mascot-card::before{content:"";position:absolute;width:26rem;height:26rem;right:-9rem;top:-11rem;background:radial-gradient(circle,rgba(44,60,115,.11),transparent 68%);pointer-events:none;z-index:-1}
.mascot-copy{position:relative;z-index:2}
.mascot-title{letter-spacing:-.045em}.mascot-title span{color:#2C3C73}
.mascot-visual{position:relative;isolation:isolate;max-width:465px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 45% 34%,#FFFEFB 0%,#F4EADD 54%,#DDE7F2 100%);border:1px solid #E6DDD2;border-radius:32px;box-shadow:0 18px 38px rgba(44,60,115,.1)}
.mascot-visual::before{content:"";position:absolute;width:73%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#FFFFFF 0%,#E8EDF6 100%);box-shadow:0 0 0 1px rgba(44,60,115,.06),0 18px 40px rgba(44,60,115,.09);z-index:-1}
.mascot-visual img{position:relative;display:block;width:90%;max-height:450px;height:auto;aspect-ratio:1;object-fit:contain;padding:.55rem;filter:drop-shadow(0 20px 15px rgba(44,60,115,.15))}
.mascot-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.45rem;padding-bottom:.38rem;color:#2C3C73;border-bottom:1px solid rgba(44,60,115,.35);font-size:.9rem;font-weight:750;text-decoration:none;transition:gap .2s}
.mascot-link:hover{gap:.95rem}
.faq-section{background:linear-gradient(180deg,#FFFCF8 0%,#F7EFE7 100%)}
@media(max-width:900px){.mucki-hero{left:4px;right:auto;bottom:-8px}.mascot-visual{justify-self:center}}
@media(max-width:640px){.mascot-visual{border-radius:22px}.mascot-card{padding:1.3rem}.mascot-visual img{width:94%}.mucki-hero img{width:100px}.mucki-hero{left:0;bottom:0}}
@media(prefers-reduced-motion:reduce){.mucki-hero img{transform:none}}


/* Mucki placed beside the hero product, no longer inside its image */
.hero-visual{isolation:isolate}
.hero-img-wrap{z-index:3}
.mucki-hero{position:absolute;left:-32px;bottom:22px;right:auto;top:auto;z-index:2;pointer-events:none;isolation:isolate}
.mucki-hero::before{content:"";position:absolute;z-index:-1;inset:5% -6%;border-radius:50%;background:radial-gradient(circle,#F9EDDD 20%,rgba(231,238,247,.7) 57%,transparent 73%)}
.mucki-hero img{display:block;width:clamp(86px,8.1vw,115px);height:auto;max-height:125px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(44,60,115,.1));transform:rotate(-6deg)}
@media(max-width:900px){.mucki-hero{left:0;bottom:-8px}.mucki-hero img{width:90px}}
@media(max-width:640px){.mucki-hero{left:-4px;bottom:-5px}.mucki-hero img{width:76px}}


/* muckdi Hero V4 — larger balanced composition and Mucki outside badges */
@media (min-width:1101px){
  .hero-inner{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);column-gap:clamp(2rem,3vw,3.25rem)}
}
.hero-visual{min-height:600px;isolation:isolate}
.hero-orb{width:500px;height:500px;max-width:100%;max-height:100%;background:radial-gradient(circle,#F2E5D6 0%,#F3E9E1 50%,rgba(226,235,247,.46) 75%,transparent 100%)}
.hero-orb-ring{width:565px;height:565px;border-color:rgba(44,60,115,.18)}
.hero-orb-ring2{width:635px;height:635px;border-color:rgba(44,60,115,.12)}
.hero-img-wrap{position:relative;z-index:3;max-width:100%;display:flex;align-items:center;justify-content:center}
.hero-img-wrap > img{width:auto;height:auto;max-height:480px;max-width:min(100%,380px);filter:drop-shadow(0 25px 40px rgba(44,60,115,.15))}
.hero-buy{right:-8px;bottom:34px;min-width:242px;max-width:270px;padding:1.25rem 1.35rem;border-radius:23px;border:1px solid #DDE4EE;box-shadow:0 18px 46px rgba(44,60,115,.13);z-index:5}
.hero-buy .hb-name{font-size:1rem;max-width:20ch}
.hero-buy .hb-price{font-size:1.78rem}
.hero-buy .hb-btn{margin-top:.95rem}
.hero-buy .btn{padding:.8rem 1.2rem}
.fbadge{padding:.7rem 1rem;border-radius:15px;box-shadow:0 8px 22px rgba(44,60,115,.10);font-size:.8rem}
.fb1{top:69px;left:-24px}
.fb2{top:89px;right:-18px}
.fb3{top:50%;bottom:auto;left:-20px;transform:none}
.mucki-hero{position:absolute;left:-12px;bottom:4px;top:auto;right:auto;z-index:4;pointer-events:none}
.mucki-hero img{display:block;width:102px;height:auto;max-height:118px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(44,60,115,.13));transform:rotate(-6deg)}
.mucki-hero::before{inset:4% -8% -3%;background:radial-gradient(circle,#F8EBDD 18%,rgba(228,236,247,.58) 58%,transparent 73%)}
@media (min-width:901px) and (max-width:1100px){
  .hero-visual{min-height:520px;max-width:720px;width:100%;margin-inline:auto}
  .hero-img-wrap > img{max-height:420px;max-width:min(100%,345px)}
  .hero-orb{width:455px;height:455px}
  .hero-orb-ring{width:505px;height:505px}
  .hero-orb-ring2{width:570px;height:570px}
  .fb1{top:55px;left:10px}.fb2{top:76px;right:10px}.fb3{top:51%;left:0}
  .hero-buy{right:14px;bottom:22px}
  .mucki-hero{left:16px;bottom:0}
}
@media(max-width:900px){
  .hero-visual{min-height:465px;max-width:680px;width:100%;margin-inline:auto}
  .hero-img-wrap > img{max-height:395px;max-width:min(100%,320px)}
  .hero-orb{width:430px;height:430px}
  .hero-orb-ring{width:460px;height:460px}
  .hero-orb-ring2{width:520px;height:520px}
  .hero-buy{right:5px;bottom:8px;min-width:205px;max-width:235px;padding:1rem 1.1rem}
  .mucki-hero{left:8px;bottom:2px}
  .mucki-hero img{width:90px}
}
@media(max-width:640px){
  .hero-visual{min-height:355px;max-width:100%;overflow:visible}
  .hero-img-wrap > img{max-height:295px;max-width:min(100%,265px)}
  .hero-orb{width:315px;height:315px}
  .hero-orb-ring{width:340px;height:340px}
  .hero-orb-ring2{width:370px;height:370px}
  .mucki-hero{left:1%;bottom:2px}
  .mucki-hero img{width:72px;max-height:90px}
  .hero-buy{display:none}
}


/* MUCKDI HERO V5 - deliberately separated premium composition */
@media(min-width:1101px){
  .hero-inner{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(2.5rem,3.5vw,4rem)}
  .hero-visual{min-height:600px;overflow:visible}
  .hero-img-wrap{transform:translateX(-65px)}
  .hero-img-wrap > img{max-height:455px;max-width:min(100%,355px)}
  .hero-orb{width:495px;height:495px}
  .hero-orb-ring{width:545px;height:545px}
  .hero-orb-ring2{width:600px;height:600px}
  .fbadge{font-size:.76rem;padding:.68rem .85rem;border-radius:14px;box-shadow:0 8px 22px rgba(44,60,115,.08)}
  .fb1{top:8px;left:-36px}
  .fb2{top:18px;right:-50px}
  .fb3{top:39%;right:-85px;left:auto;bottom:auto}
  .hero-buy{right:-95px;bottom:-8px;min-width:245px;max-width:245px;padding:1.3rem 1.4rem;border-radius:23px;box-shadow:0 18px 42px rgba(44,60,115,.12)}
  .mucki-hero{left:-120px;bottom:95px;right:auto;top:auto;z-index:4}
  .mucki-hero img{width:150px;max-height:175px;transform:rotate(-6deg);filter:drop-shadow(0 13px 12px rgba(44,60,115,.17))}
}
@media(min-width:901px) and (max-width:1100px){
  .hero-visual{min-height:570px;max-width:630px}
  .hero-img-wrap{transform:translateX(-30px)}
  .hero-img-wrap > img{max-height:430px;max-width:340px}
  .fb1{top:12px;left:2px}
  .fb2{top:12px;right:0}
  .fb3{top:39%;left:auto;right:-12px;bottom:auto}
  .hero-buy{right:-14px;bottom:-8px;min-width:228px;max-width:228px}
  .mucki-hero{left:-20px;bottom:92px}
  .mucki-hero img{width:145px;max-height:165px}
}
@media(max-width:900px){
  .hero-visual{min-height:475px;max-width:620px}
  .hero-img-wrap{transform:translateX(0)}
  .mucki-hero{left:-5px;bottom:74px}
  .mucki-hero img{width:132px;max-height:150px}
  .hero-buy{right:0;bottom:-8px}
}
@media(max-width:640px){
  .hero-visual{min-height:355px}
  .hero-img-wrap{transform:translateX(10px)}
  .hero-img-wrap > img{max-height:286px}
  .mucki-hero{left:0;bottom:60px}
  .mucki-hero img{width:105px;max-height:115px}
  .hero-buy{display:none}
}


/* MUCKDI HERO V5 - viewport-safe finishing */
@media(min-width:1101px) and (max-width:1280px){
  .hero-visual{min-height:560px}
  .hero-img-wrap{transform:translateX(-48px)}
  .hero-img-wrap > img{max-height:425px;max-width:325px}
  .hero-buy{right:-10px;bottom:-10px;min-width:222px;max-width:222px;padding:1.08rem}
  .fb1{left:-12px;top:4px}
  .fb2{right:-8px;top:8px}
  .fb3{right:-9px;top:39%}
  .mucki-hero{left:-32px;bottom:94px}
  .mucki-hero img{width:137px;max-height:156px}
}
@media(min-width:1281px) and (max-width:1440px){
  .hero-buy{right:-32px}
  .fb2{right:-22px}
  .fb3{right:-25px}
  .mucki-hero{left:-65px}
}
@media(max-width:640px){
  .hero-img-wrap{transform:translateX(34px)}
  .hero-img-wrap > img{max-height:280px;max-width:min(100%,245px)}
  .mucki-hero{left:-2px;bottom:70px}
  .mucki-hero img{width:97px;max-height:108px}
}


/* MUCKDI HERO V6 - centered image, balanced badges, winged mascot */
@media(min-width:1441px){
  .hero-visual{min-height:600px;overflow:visible}
  .hero-img-wrap{transform:translateX(0)}
  .hero-img-wrap > img{max-height:455px;max-width:min(100%,355px)}
  .fb1{top:8px;left:-36px}
  .fb2{top:8px;right:-49px}
  .fb3{top:43%;bottom:auto;left:auto;right:-63px}
  .hero-buy{bottom:-13px;right:-135px;max-width:245px;min-width:245px}
  .mucki-hero{left:-84px;bottom:115px}
  .mucki-hero img{width:150px;max-height:175px}
}
@media(min-width:1281px) and (max-width:1440px){
  .hero-visual{min-height:625px}
  .hero-img-wrap{transform:translateX(0)}
  .hero-img-wrap > img{max-height:420px;max-width:330px}
  .fb1{top:7px;left:-20px}
  .fb2{top:7px;right:-20px}
  .fb3{top:43%;bottom:auto;left:auto;right:-24px}
  .hero-buy{bottom:-42px;right:-30px;min-width:225px;max-width:225px}
  .mucki-hero{left:-32px;bottom:118px}
  .mucki-hero img{width:140px;max-height:164px}
}
@media(min-width:1101px) and (max-width:1280px){
  .hero-visual{min-height:580px}
  .hero-img-wrap{transform:translateX(0)}
  .hero-img-wrap > img{max-height:410px;max-width:325px}
  .fb1{top:10px;left:-4px}
  .fb2{top:10px;right:-7px}
  .fb3{top:42%;bottom:auto;left:auto;right:-12px}
  .hero-buy{right:-14px;bottom:-35px;min-width:218px;max-width:218px}
  .mucki-hero{left:-18px;bottom:113px}
  .mucki-hero img{width:130px;max-height:152px}
}
@media(min-width:901px) and (max-width:1100px){
  .hero-visual{min-height:590px}
  .hero-img-wrap{transform:translateX(0)}
  .hero-img-wrap > img{max-height:410px;max-width:325px}
  .fb1{top:8px;left:0}
  .fb2{top:8px;right:0}
  .fb3{top:45%;bottom:auto;right:0;left:auto}
  .hero-buy{right:5px;bottom:-25px}
  .mucki-hero{left:14px;bottom:130px}
  .mucki-hero img{width:130px;max-height:150px}
}
@media(min-width:641px) and (max-width:900px){
  .hero-img-wrap{transform:translateX(0)}
  .mucki-hero{left:12px;bottom:90px}
  .hero-buy{right:9px;bottom:-6px}
}
@media(max-width:640px){
  .hero-img-wrap{transform:translateX(12px)}
  .mucki-hero{left:0;bottom:88px}
  .mucki-hero img{width:105px;max-height:125px}
}
@media(min-width:901px){
  .hero-visual .fbadge{animation:none;transform:none}
  .hero-visual .fbadge:hover{transform:translateY(-2px)}
}


/* muckdi flying Mucki — two genuine full-body wing positions */
#mq{position:fixed;z-index:9999;pointer-events:none;transform-origin:center;isolation:isolate;width:90px;height:90px}
#mq .mq-original,#mq .mq-flight{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
#mq .mq-original{z-index:3;opacity:1;filter:drop-shadow(0 4px 5px rgba(44,60,115,.13))}
#mq .mq-flight{z-index:2;opacity:0;transform-origin:center;will-change:transform,opacity}
#mq .mq-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 7px 11px rgba(44,60,115,.19))}
#mq .mq-frame-up{animation:mqMuckiUp 0.26s steps(1,end) infinite}
#mq .mq-frame-down{animation:mqMuckiDown 0.26s steps(1,end) infinite}
@keyframes mqMuckiUp{0%,49.99%{opacity:1}50%,100%{opacity:0}}
@keyframes mqMuckiDown{0%,49.99%{opacity:0}50%,100%{opacity:1}}
/* Refined Mucki placements — warm beige/navy brand palette */
#benefits .mucki-benefits{right:clamp(1rem,4vw,4rem);bottom:-17px;z-index:2}
#benefits .mucki-benefits img{display:block;width:clamp(125px,12vw,176px);height:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 11px 16px rgba(44,60,115,.12))}
#faq .mucki-f-hold{left:-76px;top:35%;transform:translateY(-45%);pointer-events:none}
#faq .mucki-f-hold img{display:block;width:94px;height:auto;max-height:110px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(44,60,115,.10))}
.mascot-visual img{object-fit:contain;max-height:460px}
@media(max-width:900px){#faq .mucki-f-hold{left:-51px;top:40%}#faq .mucki-f-hold img{width:68px}#benefits .mucki-benefits img{width:114px}}
@media(max-width:640px){#benefits .mucki-benefits{right:0;bottom:-12px}#benefits .mucki-benefits img{width:94px}#faq .mucki-f-hold{left:-39px}#faq .mucki-f-hold img{width:56px}}
@media(prefers-reduced-motion:reduce){#mq,#mqTrail,#mqGlow,#mqRing{display:none!important}#mq .mq-frame-up,#mq .mq-frame-down{animation:none!important}.mq-anim .brand-logo{clip-path:none}}
/* Mucki neben dem Produkt: ruht, bis er zum Start mit der Logo-Mücke verschmilzt und am Ende wieder landet. */
.mucki-hero>img{display:block;width:clamp(100px,10vw,148px);height:auto;max-height:155px;object-fit:contain;animation:none!important;transform:rotate(-5deg);filter:drop-shadow(0 11px 14px rgba(44,60,115,.17))}
@media(max-width:900px){.mucki-hero>img{width:112px}}
@media(max-width:640px){.mucki-hero>img{width:92px}}
@media(max-width:460px){.hero-actions .btn{white-space:normal;text-align:center}}

/* muckdi 2026 — emotional summer moments, light premium cards and visible delivery details */
.muckdi-moments{padding:clamp(66px,8vw,108px) 0;background:#fffcf8;overflow:hidden}
.muckdi-moments-heading{text-align:center;margin-inline:auto;max-width:710px;margin-bottom:34px}
.muckdi-ambient-label{display:inline-block;font-size:11px;font-weight:850;letter-spacing:.19em;color:#556e9a;margin-bottom:15px}
.muckdi-moments-heading h2,.muckdi-shipping-intro h2{font-family:"Sora",sans-serif;letter-spacing:-.045em;line-height:1.13;color:#29385c;font-size:clamp(29px,4vw,51px);font-weight:800}
.muckdi-moments-heading h2 em,.muckdi-shipping-intro h2 em{font-style:normal;color:#977d66}
.muckdi-moments-heading p{margin:16px auto 0;color:#6e645d;line-height:1.65;font-size:15px;max-width:570px}
.muckdi-moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.muckdi-moment{position:relative;display:flex;flex-direction:column;min-height:320px;isolation:isolate;overflow:hidden;border:1px solid #e8ddd3;border-radius:24px;padding:clamp(22px,2.7vw,32px);box-shadow:0 9px 30px rgba(49,36,28,.035);transition:transform .25s ease,box-shadow .25s ease}
.muckdi-moment::before{position:absolute;content:"";width:225px;height:225px;border:1px solid rgba(44,60,115,.14);border-radius:50%;right:-120px;top:28px;z-index:-1;box-shadow:0 0 0 42px rgba(255,255,255,.12),0 0 0 89px rgba(255,255,255,.08)}
.muckdi-moment-evening{background:linear-gradient(135deg,#fff6e7 0%,#f4e6d7 75%,#ecdfd6 100%)}
.muckdi-moment-travel{background:linear-gradient(135deg,#eef3f9 0%,#e3e9f4 100%)}
.muckdi-moment-scent{background:linear-gradient(135deg,#f7f1ed 0%,#efe5dc 100%)}
.muckdi-moment:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(44,60,115,.09)}
.muckdi-moment-count{color:#596987;font-size:10px;font-weight:850;letter-spacing:.13em;line-height:1.5}
.muckdi-moment-art{font-family:Georgia,serif;font-size:56px;line-height:1;color:#d0a669;margin:27px 0 12px;display:block}
.muckdi-moment-travel .muckdi-moment-art{color:#8198ba}.muckdi-moment-scent .muckdi-moment-art{color:#b3927c}
.muckdi-moment h3{font-family:"Sora",sans-serif;font-size:clamp(21px,2.25vw,28px);line-height:1.2;letter-spacing:-.035em;color:#2c3c73;margin:0 0 12px}
.muckdi-moment p{font-size:13px;line-height:1.65;color:#655d58;max-width:320px;margin:0 0 20px}
.muckdi-moment-link{font-size:12px;letter-spacing:.01em;font-weight:850;color:#2c3c73;margin-top:auto;padding-top:12px}
.muckdi-prod-kicker{font-size:13px;color:#6d6258;line-height:1.65;max-width:650px;margin-top:12px}
.muckdi-shipping-highlight{padding:clamp(44px,7vw,85px) 0;background:#fffcf8}
.muckdi-shipping-box{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(20px,4vw,70px);align-items:center;background:#f5f0e9;border-radius:30px;padding:clamp(25px,5vw,62px);border:1px solid #eee2d7}
.muckdi-shipping-intro h2{font-size:clamp(28px,3.5vw,45px)}
.muckdi-shipping-intro p{font-size:14px;line-height:1.75;color:#685f58;margin:17px 0 23px}
.muckdi-shipping-more{color:#2c3c73;font-size:13px;font-weight:850;text-decoration:underline;text-underline-offset:5px}
.muckdi-shipping-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.muckdi-shipping-facts>div{background:rgba(255,255,255,.87);border:1px solid #e7dbd1;border-radius:16px;padding:20px 12px;min-width:0}
.muckdi-shipping-facts span{display:block;color:#75706d;font-size:9px;font-weight:850;letter-spacing:.065em;line-height:1.5;min-height:29px}
.muckdi-shipping-facts strong{font-family:"Sora",sans-serif;font-size:clamp(21px,2.25vw,29px);letter-spacing:-.035em;color:#293c72;display:block;margin:7px 0}
.muckdi-shipping-facts small{display:block;color:#6b6058;font-size:11px;line-height:1.45}
.muckdi-shipping-facts>p{grid-column:1/-1;font-size:11px;line-height:1.65;color:#776b62;margin:4px 0 0}
@media(max-width:980px){.muckdi-moments-grid{gap:12px}.muckdi-moment{min-height:335px;padding:22px}.muckdi-shipping-box{grid-template-columns:1fr}.muckdi-shipping-facts>div{padding:17px}}
@media(max-width:680px){.muckdi-moments{padding:56px 0}.muckdi-moments-grid{grid-template-columns:1fr;gap:12px}.muckdi-moment{min-height:220px;border-radius:19px;padding:24px}.muckdi-moment-art{font-size:40px;margin:12px 0 8px}.muckdi-moment p{margin-bottom:14px}.muckdi-shipping-box{border-radius:20px;padding:25px 18px}.muckdi-shipping-facts{grid-template-columns:1fr;gap:8px}.muckdi-shipping-facts>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:13px 16px}.muckdi-shipping-facts span{min-height:auto}.muckdi-shipping-facts strong{grid-column:2;grid-row:1/3;margin:0}.muckdi-shipping-facts small{grid-column:1}.muckdi-shipping-facts>p{grid-column:1}.muckdi-moments-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.muckdi-moment{transition:none}.muckdi-moment:hover{transform:none}}

/* muckdi brand story 2026: warm editorial storytelling and product-specific USPs */
.muckdi-story{padding:clamp(66px,8vw,115px) 0 12px;background:#fffcf8;scroll-margin-top:118px}
.muckdi-story-shell{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,6vw,85px);border:1px solid #ebdfd5;border-radius:32px;padding:clamp(24px,5vw,64px);background:linear-gradient(128deg,#fffdf9 0%,#faf4ed 57%,#f1e7da 100%);overflow:hidden;position:relative}
.muckdi-story-copy{position:relative;z-index:2;max-width:585px}
.muckdi-story-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#425984;font-size:11px;letter-spacing:.17em;font-weight:850;margin-bottom:22px}
.muckdi-story-eyebrow span{color:#ba9577;font-size:16px}
.muckdi-story-copy h2{font-family:"Sora",sans-serif;font-size:clamp(33px,4vw,55px);font-weight:800;letter-spacing:-.05em;line-height:1.1;color:#2d3a69;margin-bottom:24px}
.muckdi-story-copy h2 em{font-style:normal;color:#a28771}
.muckdi-story-copy p{font-size:14px;line-height:1.83;color:#665e59;margin-bottom:13px;max-width:560px}
.muckdi-story-copy p strong{color:#2c3c73;font-weight:800}
.muckdi-story-copy .muckdi-story-intro{font-size:clamp(16px,1.7vw,19px);line-height:1.65;color:#423d39;font-weight:600;margin-bottom:21px}
.muckdi-story-quote{display:flex;gap:12px;align-items:center;margin:26px 0 24px;padding:16px 19px;background:#fffaf3;border-left:3px solid #ad8e75;border-radius:0 13px 13px 0;font-weight:750;font-size:13px;line-height:1.5;color:#2c3c73;max-width:520px}
.muckdi-story-quote span{font-family:Georgia,serif;font-size:33px;color:#b49575;line-height:.7}
.muckdi-story-actions{display:flex;flex-wrap:wrap;gap:13px 23px;align-items:center}
.muckdi-story-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 19px;background:#2c3c73;border-radius:11px;color:white;font-size:12px;font-weight:800;transition:background .2s}
.muckdi-story-primary:hover{background:#3b5589;color:white}
.muckdi-story-secondary{color:#2c3c73;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.muckdi-story-visual{height:clamp(350px,39vw,515px);min-width:0;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.muckdi-story-sun{position:absolute;z-index:-2;border-radius:50%;width:min(100%,410px);aspect-ratio:1;background:radial-gradient(circle at 45% 38%,#fff5d9 0%,#f0d3b1 54%,#dec2ac 100%);box-shadow:0 0 0 25px rgba(255,255,255,.32),0 0 0 65px rgba(228,203,178,.12)}
.muckdi-story-mucki{width:100%;max-width:385px;height:100%;display:flex;align-items:center;justify-content:center;transform:rotate(-4deg)}
.muckdi-story-mucki img{width:100%;height:auto;max-height:420px;object-fit:contain;filter:drop-shadow(0 22px 23px rgba(46,35,29,.16))}
.muckdi-story-number{position:absolute;top:12px;left:0;font-size:10px;letter-spacing:.16em;color:#627494;font-weight:850}
.muckdi-story-sticker{position:absolute;right:0;bottom:13px;transform:rotate(6deg);padding:18px 18px 16px;background:#fff;color:#5b5149;border-radius:16px;box-shadow:0 12px 30px rgba(59,44,30,.13);font-size:12px;line-height:1.45;max-width:170px;border:1px solid #ece1d8}
.muckdi-story-sticker>span{display:block;font-size:26px;color:#c8a57c;margin-bottom:6px}
.muckdi-story-sticker strong{display:block;color:#2c3c73;font-size:19px;font-family:"Sora",sans-serif;letter-spacing:-.04em;margin-top:3px}
.muckdi-story-label{position:absolute;left:0;bottom:12px;color:#7a716d;font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.16em}
.muckdi-story-label strong{color:#2c3c73}
#benefits{scroll-margin-top:118px}
#benefits .muckdi-usp-card{display:flex;flex-direction:column;min-height:245px;transition:transform .2s ease,box-shadow .2s ease}
#benefits .muckdi-usp-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(43,55,99,.07)}
#benefits .muckdi-usp-card .ben-num{font-size:10px;letter-spacing:.13em}
#benefits .muckdi-usp-card h3{font-size:clamp(17px,1.85vw,22px);line-height:1.2;letter-spacing:-.035em;color:#2c3c73}
#benefits .muckdi-usp-card p{line-height:1.72;font-size:12px}
#benefits .muckdi-usp-card .ben-icon{font-size:25px;color:#ab896e}
.muckdi-usp-link{display:inline-flex;gap:8px;align-items:center;width:fit-content;margin-top:auto;padding-top:15px;font-size:11px;color:#2c3c73;font-weight:850;line-height:1.3;text-decoration:underline;text-underline-offset:4px}
.muckdi-usp-safety-note{max-width:900px;margin:22px auto 0;font-size:11px;color:#73685d;line-height:1.6;text-align:center}
@media(max-width:960px){.muckdi-story-shell{grid-template-columns:1fr;gap:8px}.muckdi-story-copy{max-width:none}.muckdi-story-visual{height:390px;margin-inline:auto;width:min(100%,520px)}}
@media(max-width:640px){.muckdi-story{padding:53px 0 0;scroll-margin-top:145px}.muckdi-story-shell{padding:26px 20px 16px;border-radius:21px}.muckdi-story-copy h2{font-size:34px;margin-bottom:19px}.muckdi-story-copy p{font-size:13px;line-height:1.75}.muckdi-story-copy .muckdi-story-intro{font-size:16px}.muckdi-story-quote{margin:19px 0 23px;padding:12px 14px}.muckdi-story-primary{width:100%;min-height:45px}.muckdi-story-secondary{margin:0 auto 3px}.muckdi-story-visual{height:320px;max-width:350px}.muckdi-story-mucki{max-width:275px}.muckdi-story-mucki img{max-height:300px}.muckdi-story-sun{width:270px}.muckdi-story-sticker{right:-6px;bottom:0;max-width:125px;padding:11px;font-size:10px}.muckdi-story-sticker strong{font-size:15px}.muckdi-story-sticker>span{font-size:18px;margin-bottom:2px}.muckdi-story-label{left:0;bottom:8px;font-size:8px}.muckdi-story-number{font-size:8px;top:7px}}
@media(prefers-reduced-motion:reduce){#benefits .muckdi-usp-card{transition:none}#benefits .muckdi-usp-card:hover{transform:none}}

.muckdi-hero-shipping{display:flex;align-items:center;gap:11px 14px;padding:13px 15px;margin:20px 0 0;max-width:590px;background:#eff4fb;border:1px solid #c9d8ea;border-radius:14px;color:#273b66;box-shadow:0 7px 22px rgba(44,60,115,.06)}
.muckdi-hero-shipping>span:first-child{font-size:22px}.muckdi-hero-shipping>span:nth-child(2){flex:1;min-width:0}
.muckdi-hero-shipping strong,.muckdi-hero-shipping small{display:block;line-height:1.4}
.muckdi-hero-shipping strong{font-size:13px;font-weight:900}
.muckdi-hero-shipping small{font-size:11px;margin-top:2px}
.muckdi-hero-shipping a,.muckdi-hb-shipping{font-size:11px;font-weight:850;color:#2c3c73;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.muckdi-hero-shipping{flex-wrap:wrap;text-align:left!important;padding:12px 13px}.muckdi-hero-shipping a{margin-left:36px}}

/* muckdi 2026: shipping pricing is one of the first elements in the hero, directly above the H1 */
.muckdi-hero-shipping-primary{
  display:flex!important;position:relative;z-index:3;align-items:center;text-align:left;
  width:min(100%,610px);gap:14px;
  margin:0 0 clamp(21px,3vw,32px)!important;
  padding:14px 17px!important;
  border:2px solid #aebfdc!important;
  border-radius:16px!important;
  background:#eaf1fc!important;
  color:#263a6b!important;
  box-shadow:0 11px 30px rgba(44,60,115,.10)!important;
  opacity:1!important;visibility:visible!important;
}
.muckdi-hero-shipping-primary-icon{display:grid;place-items:center;align-self:center;width:41px;height:41px;flex:0 0 41px;border-radius:13px;background:#d4e1f6;font-size:24px}
.muckdi-hero-shipping-primary-text{min-width:0;flex:1}
.muckdi-hero-shipping-primary-label{display:block;margin:0 0 3px;font-size:9px;font-weight:850;letter-spacing:.125em;color:#546a93}
.muckdi-hero-shipping-primary-text strong{display:block;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:clamp(14px,1.4vw,17px);font-weight:900;line-height:1.4;color:#263869}
.muckdi-hero-shipping-primary-text small{display:block;font-size:12px;color:#50617e;line-height:1.5;margin:1px 0 0}
.muckdi-hero-shipping-primary-link{display:inline-flex;align-items:center;gap:4px;align-self:center;white-space:nowrap;font-size:11px;font-weight:850;color:#2c3c73;text-decoration:underline;text-underline-offset:4px}
.hero-copy>.pill{margin-bottom:14px}
@media(max-width:900px){
  .muckdi-hero-shipping-primary{margin-inline:auto}
}
@media(max-width:640px){
  .hero-copy>.pill{margin-bottom:12px}
  .muckdi-hero-shipping-primary{padding:11px 12px!important;gap:10px;flex-wrap:wrap;margin-bottom:24px!important;border-radius:13px!important}
  .muckdi-hero-shipping-primary-icon{width:33px;height:33px;flex-basis:33px;font-size:19px;border-radius:9px}
  .muckdi-hero-shipping-primary-label{font-size:8px}
  .muckdi-hero-shipping-primary-text strong{font-size:13px}
  .muckdi-hero-shipping-primary-text small{font-size:11px}
  .muckdi-hero-shipping-primary-link{margin-left:43px;margin-top:-1px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.muckdi-hero-shipping-primary{animation:none!important;transition:none!important}}


/* Überarbeitung 11/2026: Kontaktformular */
.muckdi-contact-form{display:grid;gap:.45rem;max-width:560px;margin-top:1.6rem}
.muckdi-contact-form label{font-size:.86rem;font-weight:700;color:#2c3c73;margin-top:.55rem}
.muckdi-contact-form input,.muckdi-contact-form textarea{width:100%;padding:.75rem .85rem;border:1.5px solid #d8e2ef;border-radius:12px;background:#fff;font:inherit;color:#302b27}
.muckdi-contact-form input:focus,.muckdi-contact-form textarea:focus{outline:2px solid #466ca0;outline-offset:1px}
.muckdi-contact-form .btn{margin-top:.8rem;justify-self:start}
.muckdi-form-ok{padding:.8rem 1rem;border-radius:12px;background:#eef6ee;color:#27522a;font-weight:600}
.muckdi-form-note{font-size:.78rem;color:#6d6258;margin-top:.4rem}

/* Überarbeitung 11/2026: kürzere Startseite auf dem Handy */
@media(max-width:640px){
  .stats-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem .8rem;padding-top:.9rem;padding-bottom:.9rem}
  .stats-inner .stat-sep{display:none}
  .stats-inner .stat{font-size:.72rem;line-height:1.35;text-align:left;justify-content:flex-start;white-space:normal}
  #products .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  #products .pcard{border-radius:18px}
  #products .pbody{padding:.75rem .7rem .85rem}
  #products .pname{font-size:.88rem;line-height:1.25}
  #products .pmedia{height:245px;min-height:0;padding:0}
  #products .pmedia img{width:100%;height:100%;max-height:none;object-fit:cover}
  #products .pbadges{padding:.45rem;flex-direction:column;align-items:flex-start;gap:.25rem}
  #products .pbadge{font-size:.58rem;padding:.2rem .45rem;white-space:nowrap}
  #products .bpprice-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .4rem}
  #products .pprice{flex:0 0 100%}
  #products .ptax{white-space:nowrap}
  #products .muckdi-card-delivery{font-size:.68rem;line-height:1.35;padding:.45rem .5rem;gap:.3rem}
  #products .pdivider{margin:.5rem 0}
  #products .pactions .btn{padding:.6rem .4rem;font-size:.76rem;white-space:normal}
  #products .pdetail{font-size:.74rem}
  .muckdi-moments-grid,#benefits .bens{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:.6rem;margin-inline:-1rem;padding-inline:1rem;-webkit-overflow-scrolling:touch}
  .muckdi-moments-grid>.muckdi-moment,#benefits .bens>.ben{flex:0 0 82%;scroll-snap-align:center;min-width:0}
}

/* Überarbeitung 11/2026: Links und Absätze in Textseiten */
.detail-card .copy.rte a{color:#2c3c73;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.detail-card .copy.rte p+p{margin-top:.65rem}

/* Rechtstexte unter /policies/: gleiche Schrift und Abstände wie die übrigen Textseiten */
.shopify-policy__container{max-width:760px!important;margin:0 auto;padding:clamp(2rem,5vw,4rem) 1rem}
.shopify-policy__title h1{font-family:"Sora",sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);color:#302b27;margin-bottom:1.4rem;text-align:left}
.shopify-policy__body .rte{line-height:1.7;color:#302b27}
.shopify-policy__body .rte h2,.shopify-policy__body .rte h3{font-family:"Sora",sans-serif;color:#2c3c73;margin:1.6rem 0 .5rem;line-height:1.3}
.shopify-policy__body .rte p+p{margin-top:.65rem}
.shopify-policy__body .rte a{color:#2c3c73;text-decoration:underline;text-underline-offset:3px}
.shopify-policy__body .rte ol,.shopify-policy__body .rte ul{padding-left:1.3rem}
.shopify-policy__body .rte li+li{margin-top:.6rem}


/* Überarbeitung 11/2026: Lesbarkeit und Einstieg auf dem Handy */
:root{--text-3:#6F6458}
.fbadge-icon .mi{color:#2c3c73}
.stat-icon .mi{width:1.3em;height:1.3em}
@media(max-width:640px){
  .hero-inner{display:flex!important;flex-direction:column;gap:0}
  .hero-copy{display:contents}
  .hero-copy>.pill{order:1;align-self:center}
  .hero-copy>.hero-h1{order:2;width:100%}
  .hero-inner>.hero-visual{order:3;width:100%;min-height:290px!important;height:310px;margin:.5rem 0 1rem}
  .hero-copy>.hero-actions{order:4;width:100%}
  .hero-copy>.biozid-note{order:5;width:100%;margin-top:.8rem}
  .hero-copy>.hero-sub{order:6;margin-top:1rem;width:100%}
  .hero-copy>.hero-trust{order:7;width:100%}
}


/* Runde 3: Mucki und Logo-Mücke fliegen zusammen, verschmelzen und teilen sich am Ende */
#mqPartner{position:fixed;z-index:9998;top:0;left:0;width:90px;height:90px;pointer-events:none;transform-origin:center;opacity:0;will-change:transform,opacity}
#mqPartner .mq-flight{position:absolute;inset:0;display:block;transform-origin:center;will-change:transform}
#mqPartner .mq-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 7px 11px rgba(44,60,115,.19))}
#mqPartner .mq-frame-up{animation:mqMuckiUp .26s steps(1,end) infinite}
#mqPartner .mq-frame-down{animation:mqMuckiDown .26s steps(1,end) infinite}
#mqPartner.mq-perched .mq-frame-up{animation:none;opacity:1}
#mqPartner.mq-perched .mq-frame-down{animation:none;opacity:0}
.mucki-hero::before{transition:opacity .25s ease}
.mucki-hero.mq-away::before{opacity:0}
.mucki-hero.mq-away>img{visibility:hidden}
@media(prefers-reduced-motion:reduce){#mqPartner{display:none!important}}