/* ══════════════════════════════════════════════════════════════
   Final polish — loaded after mobile.css. Phone rules first; the
   few wider-screen rules sit at the bottom.
   ══════════════════════════════════════════════════════════════ */

@media (max-width:760px){

  /* ── clothesline remote ───────────────────────────────────── */
  .why-line.is-remote .why-tags{animation:none;will-change:transform}
  .why-line.is-remote{margin-top:30px}
  .why-remote{
    display:flex;align-items:center;justify-content:center;gap:16px;margin:34px auto 0;
  }
  .why-rc{
    position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
    background:var(--paper);color:var(--sage-deep);
    outline:2px solid rgba(255,248,239,.95);outline-offset:2px;
    box-shadow:3px 5px 12px -3px rgba(74,58,36,.35);
    -webkit-tap-highlight-color:transparent;
    transition:background .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease),filter .3s var(--ease),transform .2s var(--ease),box-shadow .3s var(--ease);
  }
  .why-rc::before{content:'';position:absolute;inset:4px;border-radius:inherit;border:1.5px dashed currentColor;opacity:.45;pointer-events:none}
  .why-rc svg{position:relative;width:20px;height:20px}
  .why-rc:active{transform:scale(.92)}

  /* arrows: dimmed while the line runs, lit and usable when paused */
  .why-rc-step:disabled{opacity:.38;filter:grayscale(1);box-shadow:none;cursor:default}
  .why-rc-step:disabled:active{transform:none}
  .why-remote.is-paused .why-rc-step{
    background:var(--clay);color:#fff;outline-color:rgba(255,127,110,.28);
    box-shadow:0 10px 18px -8px rgba(255,127,110,.8);
    animation:whyRcNudge 1.8s var(--ease) infinite;
  }
  .why-remote.is-paused .why-rc-step[data-step="1"]{animation-delay:.9s}
  @keyframes whyRcNudge{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

  /* the play / pause pill in the middle */
  .why-rc-play{
    width:auto;height:52px;display:flex;align-items:center;gap:10px;padding:0 20px 0 7px;border-radius:99px;
    background:linear-gradient(135deg,var(--sage) 0%,var(--sage-deep) 100%);color:#fff;
    font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;
    box-shadow:0 12px 22px -10px rgba(76,110,60,.9);
  }
  .why-rc-play::before{inset:4px;border-color:#fff;opacity:.4}
  .why-rc-ico{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2)}
  .why-rc-ico svg{width:18px;height:18px}
  .why-rc-play .is-play{display:none}
  .why-remote.is-paused .why-rc-play .is-pause{display:none}
  .why-remote.is-paused .why-rc-play .is-play{display:inline}
  .why-remote.is-paused .why-rc-play{background:linear-gradient(135deg,#FFB24D 0%,#E48F2A 100%);box-shadow:0 12px 22px -10px rgba(228,143,42,.9)}
  .why-rc-label{position:relative;min-width:3.2em;text-align:left}

  /* ── Newborn badge on the girl / boy seam ─────────────────── */
  .vs-mid{
    width:148px;height:148px;margin:-74px 0 0 -74px;
    box-shadow:0 14px 28px rgba(0,0,0,.42),0 0 0 6px rgba(255,214,120,.55),0 0 34px 10px rgba(255,201,77,.55);
    animation:vsMidGlow 2.4s var(--ease) infinite;
  }
  @keyframes vsMidGlow{
    0%,100%{box-shadow:0 14px 28px rgba(0,0,0,.42),0 0 0 6px rgba(255,214,120,.55),0 0 30px 8px rgba(255,201,77,.5)}
    50%{box-shadow:0 14px 28px rgba(0,0,0,.42),0 0 0 11px rgba(255,214,120,.28),0 0 46px 18px rgba(255,201,77,.75)}
  }
  .vs-mid::before{inset:30px}
  .vs-mid-ico{width:19px;height:19px;margin:0 0 2px}
  .vs-mid-top{max-width:70px;font-size:10.5px;line-height:1.08}
  .vs-q{font-size:9px}

  /* ── gift sets: a tidier, smaller box ─────────────────────── */
  .combo{flex:0 0 58%}
  .combo-inner{padding:8px 8px 11px}
  .combo-media{aspect-ratio:1/1}
  .combo-body{padding:9px 2px 0}
  .combo-name{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .combo-text{display:none}
  .combo-foot{flex-direction:column;align-items:stretch;gap:7px;margin-top:8px}
  .combo-price{font-size:14px}
  .combo-add{text-align:center;padding:8px 10px}
  .combo-seal{width:42px;height:42px;font-size:6.5px}

  /* ── delivery promises: all four at once, never moving ────── */
  .trust{padding:40px 0 46px}
  .trust-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:12px;width:auto;max-width:none;margin:0;padding:0 16px;
    animation:none;transform:none;
  }
  .trust-grid .is-clone{display:none}
  .trust-item,.trust-item.m-rise{
    position:relative;flex:none;width:auto;height:auto;min-height:0;margin:0;padding:18px 12px 16px;gap:10px;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;
    border-radius:22px;background:#fff;opacity:1;transform:none;
    box-shadow:0 14px 26px -18px rgba(74,58,36,.55);
  }
  .trust-item:nth-child(4n+2),.trust-item:nth-child(4n+4){margin-top:0}
  .trust-item::before{inset:6px;border-radius:17px;border:1.5px dashed var(--ico);opacity:.35}
  .trust-ico{width:50px;height:50px}
  .trust-ico svg{width:23px;height:23px}
  .trust-item h4{max-width:none;font-size:13px;line-height:1.28;color:var(--ink)}
}

/* Clip, not hide: an overflow:hidden page can still be scrolled sideways
   by script or focus (that is how a chip could shove the page left);
   clip makes the sideways overflow unreachable. */
html,body{overflow-x:clip}