/* "Size help" floating button + popup. CSS-only toggle (W3Speedster delays JS). */
.zsz-toggle{position:fixed;opacity:0;width:1px;height:1px;left:0;bottom:0;pointer-events:none;margin:0}
.zsz-fab{position:fixed;right:11px;bottom:96px;z-index:99990;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d3172a 0%,#a50d1c 70%);border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .15s ease;box-sizing:border-box}
.zsz-fab:hover{transform:scale(1.06)}
.zsz-fab svg{width:36px;height:36px;display:block;transform:rotate(-12deg)}
.zsz-toggle:focus-visible~.zsz-fab{outline:3px solid #c8102e;outline-offset:3px}
.zsz-backdrop{display:none}
.zsz-pop{position:fixed;right:16px;bottom:172px;z-index:10000001;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 190px);overflow-y:auto;overscroll-behavior:contain;display:none;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.zsz-toggle:checked~.zsz-pop{display:block}
.zsz-card{background:#1b1c20;color:#e6e6e6;border:1px solid #3a3b40;border-radius:16px;direction:rtl;text-align:right;font-family:Heebo,Arial,sans-serif;font-size:15px;line-height:1.45;box-sizing:border-box;overflow:hidden}
.zsz-card *{box-sizing:border-box}
.zsz-card svg{display:block}

.zsz-head{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid #4a1a20}
.zsz-logo{font-weight:800;color:#e8192c;font-size:28px;line-height:1}
.zsz-tag{font-size:13px;color:#d0d0d0;margin-top:4px}
.zsz-x{cursor:pointer;color:#e6e6e6;padding:6px;margin:-2px -6px 0 0;line-height:0}
.zsz-x svg{width:22px;height:22px}
.zsz-x:hover{color:#fff}

.zsz-body{padding:16px 20px 18px}
.zsz-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zsz-badge{display:inline-block;background:#5a161d;color:#ff3346;border-radius:999px;padding:6px 18px;font-size:14px;font-weight:500}
.zsz-h{font-weight:800;color:#fff;font-size:27px;line-height:1.3;margin:8px 0 0}
.zsz-tape{flex:none;width:96px;color:#e8192c}
.zsz-lead{color:#e0e0e0;font-size:17px;line-height:1.55;margin:12px 0 14px}
.zsz-steps{list-style:none;margin:0;padding:0}
.zsz-steps li{display:flex;gap:16px;align-items:center;margin:0 0 12px;padding:0}
.zsz-num{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid #6a1d25;color:#e8192c;display:flex;align-items:center;justify-content:center;font-size:20px;order:0}
.zsz-steps b{display:block;color:#fff;font-size:16px;font-weight:700}
.zsz-steps span.zsz-d{display:block;color:#d0d0d0;font-size:14px}
.zsz-sep{height:1px;background:#3a3b40;margin:14px 0}
.zsz-ship{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.zsz-ship-t{font-weight:800;color:#fff;font-size:26px;line-height:1.2}
.zsz-ship-s{color:#e0e0e0;font-size:15px}
.zsz-truck{flex:none;width:62px;color:#e8192c}
.zsz-info{background:#fde9eb;border-radius:12px;padding:12px 16px;margin:0 0 14px;list-style:none}
.zsz-info li{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#1b1c20;font-size:14.5px;line-height:1.45;margin:0;padding:6px 0}
.zsz-info svg{flex:none;width:30px;height:30px;color:#e8192c}
.zsz-ok{display:block;width:100%;background:#e01b2d;color:#fff;border-radius:12px;padding:15px 12px;text-align:center;font-weight:700;font-size:18px;cursor:pointer;transition:background .15s ease}
.zsz-ok:hover{background:#f02a3c}

/* Desktop: compact card; the button overlaps its bottom corner like the mockup. */
@media (min-width:769px){
  .zsz-fab{z-index:10000002}
  .zsz-pop{bottom:128px;max-height:calc(100vh - 150px)}
  .zsz-head{padding:12px 18px 10px}
  .zsz-body{padding:12px 18px 16px}
  .zsz-h{font-size:25px}
  .zsz-tape{width:86px}
  .zsz-lead{font-size:16px;margin:8px 0 10px}
  .zsz-steps li{margin:0 0 8px}
  .zsz-num{width:40px;height:40px;font-size:18px}
  .zsz-sep{margin:10px 0}
  .zsz-ship{margin:0 0 8px}
  .zsz-ship-t{font-size:23px}
  .zsz-truck{width:54px}
  .zsz-info{padding:8px 14px;margin:0 0 12px}
  .zsz-info li{padding:5px 0}
  .zsz-ok{padding:13px 12px}
}

/* Mobile: full-height sheet, page frozen behind it. */
@media (max-width:768px){
  .zsz-fab{right:13px;bottom:96px;width:60px;height:60px}
  .zsz-fab svg{width:33px;height:33px}
  .zsz-backdrop{position:fixed;inset:0;z-index:10000000;background:rgba(0,0,0,.55);touch-action:none}
  .zsz-toggle:checked~.zsz-backdrop{display:block}
  .zsz-pop{inset:0;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:none;border-radius:0;box-shadow:none;padding:12px;pointer-events:none}
  .zsz-card{pointer-events:auto;box-shadow:0 18px 50px rgba(0,0,0,.5)}
  html:has(.zsz-toggle:checked),html:has(.zsz-toggle:checked) body{overflow:hidden!important}
  .zsz-body{padding:14px 16px 16px}
  .zsz-h{font-size:24px}
  .zsz-tape{width:78px}
  .zsz-lead{font-size:16px}
  .zsz-ship-t{font-size:23px}
  .zsz-truck{width:54px}
  .zsz-info{padding:10px 12px}
  .zsz-info li{font-size:14px}
}

/* Tighter vertical rhythm to match the mockup (all widths). */
.zsz-card{line-height:1.35}
.zsz-head{padding:10px 18px 8px}
.zsz-tag{margin-top:2px}
.zsz-body{padding:10px 18px 14px}
.zsz-badge{padding:4px 16px}
.zsz-h{line-height:1.2;margin:6px 0 0}
.zsz-lead{line-height:1.4;margin:6px 0 8px}
.zsz-steps li{margin:0 0 6px;gap:12px}
.zsz-steps b{line-height:1.25}
.zsz-steps span.zsz-d{line-height:1.3}
.zsz-num{width:38px;height:38px;font-size:18px}
.zsz-sep{margin:8px 0}
.zsz-ship{margin:0 0 6px}
.zsz-ship-t{line-height:1.1}
.zsz-ship-s{line-height:1.3}
.zsz-info{padding:6px 14px;margin:0 0 10px}
.zsz-info li{padding:4px 0;line-height:1.35}
.zsz-ok{padding:12px}
@media (max-width:768px){
  .zsz-body{padding:10px 14px 12px}
  .zsz-info{padding:6px 12px}
  .zsz-info li{font-size:13.5px}
  .zsz-steps span.zsz-d{font-size:13.5px}
}

/* v7: highlighted step 3, customer-care block, mail button. */
.zsz-steps li.zsz-hl{background:#fde9eb;border-radius:12px;padding:8px 10px;margin:2px -6px 6px}
.zsz-steps li.zsz-hl b{color:#1b1c20}
.zsz-steps li.zsz-hl span.zsz-d{color:#2a2a2e}
.zsz-steps li.zsz-hl .zsz-num{background:#e8192c;border-color:#e8192c;color:#fff;font-weight:700}
.zsz-info b{font-weight:800}
.zsz-heart{font-style:normal;color:#e8192c}
.zsz-care{margin-top:2px}
.zsz-care .zsz-truck{width:44px}
.zsz-mail{display:block;background:#e01b2d;color:#fff!important;text-decoration:none!important;border-radius:12px;padding:9px 12px;text-align:center;margin:0 0 10px;transition:background .15s ease}
.zsz-mail:hover{background:#f02a3c}
.zsz-mail-t{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:17px;line-height:1.25}
.zsz-mail-t svg{width:26px;height:26px;flex:none}
.zsz-mail-a{display:block;font-size:15px;direction:ltr;line-height:1.3}

/* Keep the popup clear of the WordPress admin bar for logged-in admins. */
@media (min-width:769px){body.admin-bar .zsz-pop{max-height:calc(100vh - 170px)}}
@media (max-width:768px){body.admin-bar .zsz-pop{padding-top:58px}}

/* v9: smaller type, icons and gaps so the popup is shorter. */
@media (min-width:769px){.zsz-pop{width:400px}}
.zsz-card{font-size:14px}
.zsz-head{padding:8px 16px 6px}
.zsz-logo{font-size:23px}
.zsz-tag{font-size:12px;margin-top:1px}
.zsz-x svg{width:19px;height:19px}
.zsz-body{padding:8px 16px 12px}
.zsz-badge{font-size:12.5px;padding:3px 13px}
.zsz-h{font-size:21px;margin:4px 0 0}
.zsz-tape{width:70px}
.zsz-lead{font-size:14.5px;line-height:1.35;margin:5px 0 7px}
.zsz-steps li{margin:0 0 4px;gap:10px}
.zsz-steps b{font-size:14.5px}
.zsz-steps span.zsz-d{font-size:13px;line-height:1.25}
.zsz-num{width:32px;height:32px;font-size:15px}
.zsz-steps li.zsz-hl{padding:5px 8px;margin:2px -4px 4px}
.zsz-sep{margin:6px 0}
.zsz-ship{margin:0 0 5px}
.zsz-ship-t{font-size:19px}
.zsz-ship-s{font-size:13px}
.zsz-truck{width:44px}
.zsz-care .zsz-truck{width:34px}
.zsz-info{padding:5px 12px;margin:0 0 8px}
.zsz-info li{font-size:13px;line-height:1.3;padding:3px 0;gap:10px}
.zsz-info svg{width:24px;height:24px}
.zsz-mail{padding:6px 12px;margin:0 0 8px}
.zsz-mail-t{font-size:15px;gap:8px}
.zsz-mail-t svg{width:21px;height:21px}
.zsz-mail-a{font-size:13px}
.zsz-ok{padding:10px 12px;font-size:15.5px}
@media (max-width:768px){
  .zsz-h{font-size:21px}
  .zsz-tape{width:64px}
  .zsz-lead{font-size:14.5px}
  .zsz-ship-t{font-size:19px}
  .zsz-truck{width:42px}
  .zsz-info li,.zsz-steps span.zsz-d{font-size:13px}
  .zsz-body{padding:8px 14px 12px}
}

/* v10: info-bubble icon on the floating button (no tilt). */
.zsz-fab svg{transform:none;width:32px;height:32px}
@media (max-width:768px){.zsz-fab svg{width:30px;height:30px}}