/* ShopKado Delivery Storefront v0.4.1 — follows the site palette (Blocksy palette colours). */
:root{
  --sksf-ink:#152420;--sksf-teal:#274C4F;--sksf-sage:#456A6D;--sksf-mist:#E2EDEF;--sksf-paper:#EEF4F5;
  --sksf-line:#c6d6d3;--sksf-field:#9fb0ad;--sksf-muted:#42504b;--sksf-text:#1d2b27;--sksf-accent:#FF5A00;
  --sksf-ok:#1F6B43;--sksf-ok-bg:#EAF6EF;--sksf-warn:#5c3d00;--sksf-warn-bg:#FFF6E0;--sksf-warn-line:#E8C877;
  --sksf-bad:#8C1D18;--sksf-bad-bg:#FDECEA;--sksf-bad-line:#E4A9A4;--sksf-soon:#6b2a00;--sksf-soon-bg:#FFF1E8;
}
.sksf,.sksf *{box-sizing:border-box}
.sksf{font-family:inherit;color:var(--sksf-text);line-height:1.4}
.sksf svg{flex-shrink:0}
.sksf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sksf button{font-family:inherit;cursor:pointer}
.sksf input{font-family:inherit}

/* ---------- Desktop header (mega-menu row, right corner) ---------- */
.sksf-row{display:flex!important;align-items:center;gap:16px;min-height:46px}
.sksf-row>[data-column]{flex:1 1 auto;min-width:0}
.sksf-h{margin-left:auto;flex:0 0 auto;position:relative}
.sksf-hf{display:flex;align-items:center;height:34px;background:#fff;border:2px solid var(--sksf-accent);border-radius:6px;overflow:hidden;margin:0}
.sksf-hf label{display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--sksf-ink);font-size:13px;font-weight:700;white-space:nowrap;margin:0}
.sksf-hf input{width:128px;height:30px;border:0;border-left:1px solid var(--sksf-mist);border-radius:0;padding:0 10px;font-size:14px;color:var(--sksf-ink);background:#fff;box-shadow:none;min-height:0}
.sksf-hf input:focus{outline:2px solid var(--sksf-teal);outline-offset:-2px}
.sksf-hf button{height:34px;border:0;border-radius:0;background:var(--sksf-accent);color:var(--sksf-ink);font-weight:800;font-size:13px;padding:0 14px;min-height:0}
.sksf-chip{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:6px;border:1px solid var(--sksf-mist);background:var(--sksf-teal);color:#fff;font-size:13px;white-space:nowrap;min-height:0;line-height:1}
.sksf-chip:hover,.sksf-chip:focus-visible{background:var(--sksf-ink);color:#fff}
.sksf-chip b{font-weight:700}
.sksf-chip.is-warn{background:#6b4a00}
.sksf-chip.is-bad{background:#7a1f1a}
.sksf-chip .sksf-dot{opacity:.7}

/* ---------- Tablet + mobile strip (below the header) ---------- */
.sksf-strip{display:none}
@media (max-width:999.98px){
  .sksf-strip{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 16px;margin:0;border:0;border-bottom:1px solid var(--sksf-line);border-radius:0;background:var(--sksf-mist);color:var(--sksf-ink);font-size:14px;text-align:left;line-height:1.3}
  .sksf-strip:hover{background:#d6e5e8;color:var(--sksf-ink)}
  .sksf-strip.is-empty{font-weight:700}
  .sksf-strip.is-warn{background:var(--sksf-warn-bg);color:var(--sksf-warn)}
  .sksf-strip.is-bad{background:var(--sksf-bad-bg);color:var(--sksf-bad)}
  .sksf-strip .sksf-go{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--sksf-teal);font-weight:700}
  .sksf-strip .sksf-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:600px) and (max-width:999.98px){.sksf-strip{padding:6px 24px;min-height:52px}}

/* ---------- Panel: popover (desktop) / dropdown (tablet) / bottom sheet (mobile) ---------- */
.sksf-overlay{position:fixed;inset:0;background:rgba(21,36,32,.55);z-index:99998}
.sksf-panel{position:absolute;z-index:99999;background:#fff;border-radius:10px;box-shadow:0 12px 32px rgba(21,36,32,.22);padding:16px;display:flex;flex-direction:column;gap:12px;width:380px;max-width:calc(100vw - 32px)}
.sksf-panel.is-drop{border-radius:0 0 10px 10px}
.sksf-panel.is-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;border-radius:18px 18px 0 0;padding:12px 16px 20px;max-height:88vh;overflow:auto}
.sksf-grab{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--sksf-line)}
.sksf-ph{display:flex;align-items:center;justify-content:space-between}
.sksf-ph h2{margin:0;font-size:17px;font-weight:800;color:var(--sksf-ink)}
.sksf-x{width:44px;height:44px;margin:-8px -8px -8px 0;border:0;background:none;color:var(--sksf-muted);display:flex;align-items:center;justify-content:center;padding:0}
.sksf-x:hover{background:var(--sksf-paper);color:var(--sksf-ink)}
.sksf-pf{display:flex;gap:8px;margin:0}
.sksf-pf input{flex:1 1 auto;min-width:0;height:46px;border:1px solid var(--sksf-field);border-radius:6px;padding:0 12px;font-size:16px;letter-spacing:.04em;color:var(--sksf-ink);background:#fff}
.sksf-pf input[aria-invalid="true"]{border:2px solid #B3261E}
.sksf-btn{height:46px;padding:0 18px;border:0;border-radius:6px;background:var(--sksf-accent);color:var(--sksf-ink);font-weight:800;font-size:15px;white-space:nowrap}
.sksf-btn:hover,.sksf-btn:focus-visible{background:#e65100;color:var(--sksf-ink)}
.sksf-btn[disabled]{opacity:.6;cursor:wait}
.sksf-btn2{height:44px;padding:0 14px;border:1px solid var(--sksf-teal);border-radius:6px;background:#fff;color:var(--sksf-teal);font-weight:700;font-size:14px;white-space:nowrap}
.sksf-btn2:hover{background:var(--sksf-paper);color:var(--sksf-ink)}
.sksf-err{font-size:13px;color:var(--sksf-bad);margin:-4px 0 0}
.sksf-lbl{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sksf-muted)}
.sksf-addr{display:flex;flex-direction:column;gap:8px}
.sksf-addr button{min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border:1px solid #d5e1df;border-radius:8px;background:#fff;padding:8px 12px;font-size:14px;text-align:left;color:var(--sksf-text);line-height:1.3}
.sksf-addr button:hover,.sksf-addr button[aria-pressed="true"]{border-color:var(--sksf-teal);background:var(--sksf-paper);color:var(--sksf-text)}
.sksf-addr small{color:var(--sksf-muted);font-size:13px}
.sksf-note{background:var(--sksf-paper);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--sksf-muted)}

/* ---------- Delivery card (product page / shortcode) ---------- */
.sksf-card-mount{margin:14px 0 6px;min-height:64px;clear:both}
.sksf-card{border:1px solid var(--sksf-line);border-radius:10px;overflow:hidden;background:#fff}
.sksf-card.is-bad{border-color:var(--sksf-bad-line)}
.sksf-ch{background:var(--sksf-paper);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.sksf-ch .sksf-t{font-weight:800;color:var(--sksf-ink);font-size:15px}
.sksf-ch .sksf-to{margin-left:auto}
.sksf-link{border:0;background:none;padding:6px 0;color:var(--sksf-teal);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:2px;min-height:0}
.sksf-link:hover{color:var(--sksf-ink);background:none}
.sksf-cb{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.sksf-cap{font-size:13px;color:var(--sksf-muted);font-weight:600}
.sksf-date{font-size:21px;font-weight:800;color:var(--sksf-ink);margin-top:-6px;line-height:1.2}
.sksf-soon{display:flex;align-items:center;gap:8px;background:var(--sksf-soon-bg);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--sksf-soon)}
.sksf-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;border-top:1px solid var(--sksf-mist);padding-top:12px;font-size:13px}
.sksf-fact{display:flex;gap:6px;align-items:flex-start}
.sksf-fact.ok{color:var(--sksf-ok)}
.sksf-fact a{color:inherit}
.sksf-fine{font-size:12px;color:var(--sksf-muted)}
.sksf-alert{display:flex;gap:8px;align-items:flex-start;border-radius:6px;padding:10px;font-size:14px}
.sksf-alert.warn{background:var(--sksf-warn-bg);border:1px solid var(--sksf-warn-line);color:var(--sksf-warn)}
.sksf-alert.bad{background:var(--sksf-bad-bg);color:var(--sksf-bad)}
.sksf-nf{display:flex;gap:8px;margin:0}
.sksf-nf input[type="text"]{flex:1 1 auto;min-width:0;height:44px;border:1px solid var(--sksf-field);border-radius:6px;padding:0 10px;font-size:15px;background:#fff}
.sksf-hp{position:absolute!important;left:-9999px!important}
.sksf-okmsg{font-size:14px;color:var(--sksf-ok);font-weight:600}
.sksf-skel{display:flex;flex-direction:column;gap:10px;padding:14px}
.sksf-skel i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--sksf-mist),#f3f7f7,var(--sksf-mist));background-size:200% 100%;animation:sksf-sh 1.2s linear infinite}
@keyframes sksf-sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sksf-skel i{animation:none}}
.sksf-atc-note{display:block;margin-top:8px;font-size:13px;color:var(--sksf-bad);font-weight:600}
form.cart .single_add_to_cart_button.sksf-blocked{opacity:.5;cursor:not-allowed}
@media (max-width:599.98px){
  .sksf-facts{grid-template-columns:1fr;gap:8px}
  .sksf-date{font-size:19px}
}

/* ---------- Phase 2: location button ---------- */
.sksf-geo{display:flex;align-items:center;gap:8px;min-height:44px;border:1px dashed var(--sksf-sage);border-radius:6px;background:#fff;color:var(--sksf-teal);font-weight:700;font-size:14px;padding:0 12px;margin-top:-4px}
.sksf-geo:hover{background:var(--sksf-paper);color:var(--sksf-ink)}
.sksf-geo[disabled]{opacity:.7;cursor:wait}
.sksf-hint{font-size:13px;color:var(--sksf-ok);margin:-6px 0 0}

/* ---------- sticky add-to-cart bar ---------- */
.ct-floating-bar .ct-container>.sksf-fb{grid-column:1/-1;order:-1}
.sksf-fb{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;margin:0 0 4px;padding:4px 8px;border:0;border-radius:6px;background:var(--sksf-paper);color:var(--sksf-ink);font-size:13px;line-height:1.2;text-align:left}
.sksf-fb:hover{background:var(--sksf-mist);color:var(--sksf-ink)}
.sksf-fb svg{width:16px;height:16px}
.sksf-fb .sksf-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sksf-fb .sksf-go{margin-left:auto;color:var(--sksf-teal);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.sksf-fb.is-bad{background:var(--sksf-bad-bg);color:var(--sksf-bad)}

/* ---------- cart totals ---------- */
.sksf-cart-mount{margin:0 0 12px}
.sksf-cbox{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--sksf-line);border-radius:8px;background:var(--sksf-paper);padding:10px 12px;font-size:14px}
.sksf-cbox.is-bad{background:var(--sksf-bad-bg);border-color:var(--sksf-bad-line);color:var(--sksf-bad)}
.sksf-cbl{display:flex;gap:8px;align-items:flex-start;flex:1 1 auto;min-width:0}
.sksf-cbl small{display:block;color:var(--sksf-muted);font-size:12px;margin-top:2px}
.sksf-cbox .sksf-link{padding:0;font-size:13px;flex:0 0 auto}

/* ---------- checkout ---------- */
.sksf-co-mount{margin:0 0 14px}
.sksf-co{display:flex;flex-direction:column;gap:8px;border:1px solid var(--sksf-line);border-radius:10px;background:var(--sksf-paper);padding:12px 14px}
.sksf-co.is-bad{background:none;border:0;padding:0}
.sksf-cot{display:flex;gap:10px;align-items:flex-start}
.sksf-cot .sksf-cap{display:block}
.sksf-cod8{display:block;font-size:17px;color:var(--sksf-ink);line-height:1.25}
.sksf-cot small{display:block;color:var(--sksf-muted);font-size:12px}
.sksf-co .sksf-fine{display:flex;gap:6px;align-items:flex-start}
.sksf-fnote{display:block;margin-top:4px;font-size:12px;color:var(--sksf-ok)}
.sksf-fnote.is-bad{color:var(--sksf-bad);font-weight:600}
.sksf-wa{margin:16px 0;border:1px solid var(--sksf-line);border-radius:10px;padding:12px 14px;background:#fff}
.sksf-wa label{display:flex;gap:10px;align-items:flex-start;margin:0;cursor:pointer;font-size:14px}
.sksf-wa input[type="checkbox"]{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--sksf-teal)}
.sksf-wa small{display:block;color:var(--sksf-muted);font-size:12px;font-weight:400}

/* ---------- Free-delivery progress bar (cart / checkout / mini-cart) ---------- */
.sksf-fsb{display:flex;flex-direction:column;gap:10px;border:1px solid var(--sksf-line);border-radius:10px;background:#FBFCFC;padding:14px 18px;margin:0 0 20px;font-size:15px;color:var(--sksf-text)}
.sksf-fsb.is-empty{display:none!important}
.sksf-fsb-row{display:flex;align-items:center;gap:10px}
.sksf-fsb-ic{display:flex;color:var(--sksf-teal)}
.sksf-fsb-msg{min-width:0}
.sksf-fsb-msg strong{color:var(--sksf-ink)}
.sksf-fsb-link{margin-left:auto;flex:0 0 auto;font-weight:700;font-size:14px;color:var(--sksf-teal);text-decoration:underline;text-underline-offset:2px}
.sksf-fsb-link:hover{color:var(--sksf-ink)}
.sksf-fsb-l2{display:none}
.sksf-fsb-bar{height:10px;border-radius:5px;background:var(--sksf-mist);overflow:hidden}
.sksf-fsb-bar i{display:block;height:100%;background:var(--sksf-accent);border-radius:5px;transition:width .4s ease}
.sksf-fsb-lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--sksf-muted)}
.sksf-fsb.is-done{background:var(--sksf-ok-bg);border-color:#bfe0cc}
.sksf-fsb.is-done .sksf-fsb-ic{color:var(--sksf-ok)}
.sksf-fsb.is-done .sksf-fsb-bar i{background:var(--sksf-ok)}
@media (prefers-reduced-motion:reduce){.sksf-fsb-bar i{transition:none}}
.sksf-fsb.is-mini{padding:10px 12px;margin:0 0 12px;font-size:13px;gap:8px}
.sksf-fsb.is-mini .sksf-fsb-link,.sksf-fsb.is-mini .sksf-fsb-lbl{display:none}
.sksf-fsb.is-mini .sksf-fsb-bar{height:8px}
.sksf-fsb.is-mini svg{width:18px;height:18px}
@media (max-width:689.98px){
  .sksf-fsb.is-page{padding:12px 14px;gap:8px;font-size:14px;margin-bottom:14px}
  .sksf-fsb.is-page .sksf-fsb-row{flex-wrap:wrap}
  .sksf-fsb.is-page .sksf-fsb-msg{flex:1 1 0}
  .sksf-fsb.is-page .sksf-fsb-bar{height:8px}
  .sksf-fsb.is-page .sksf-fsb-lbl{display:none}
  .sksf-fsb.is-page .sksf-fsb-link{order:3;margin-left:32px;font-size:13px}
  .sksf-fsb.is-page .sksf-fsb-l1{display:none}
  .sksf-fsb.is-page .sksf-fsb-l2{display:inline}
}

/* ---------- Phase 3: gift check (product page) ---------- */
.sksf-gc{border:1px dashed var(--sksf-teal);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:#FBFCFC}
.sksf-gct{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--sksf-ink);font-size:14px}
.sksf-gcf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.sksf-gcf label{font-size:14px;font-weight:600;margin:0}
.sksf-gcf input[type="date"]{height:44px;border:1px solid var(--sksf-field);border-radius:6px;padding:0 10px;font-size:15px;background:#fff;color:var(--sksf-ink);min-width:0}
.sksf-gcr{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4}
.sksf-gcr.ok{color:var(--sksf-ok)}
.sksf-gcr.warn{color:var(--sksf-warn)}
.sksf-gcr.bad{color:var(--sksf-bad)}
.sksf-cgift{display:flex!important;align-items:center;gap:4px;margin-top:4px!important}
.sksf-cgift svg{width:14px;height:14px;color:var(--sksf-accent)}
.sksf-cosched{color:var(--sksf-ink)!important}
.sksf-cosched svg{width:16px;height:16px;color:var(--sksf-accent)}
/* ---------- Phase 3: gift options (checkout) ---------- */
.sksf-gift{margin:16px 0;border:1px solid var(--sksf-line);border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:12px}
.sksf-gift label{margin:0;cursor:pointer}
.sksf-gift-top{display:flex;align-items:center;gap:10px;font-size:15px}
.sksf-gift-ic{display:flex;color:var(--sksf-accent)}
.sksf-gift input[type="checkbox"],.sksf-gift input[type="radio"]{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--sksf-teal)}
.sksf-gift-body{display:flex;flex-direction:column;gap:12px;padding-left:28px}
.sksf-gift-body[hidden],.sksf-gift-date[hidden]{display:none!important}
.sksf-gift-when{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.sksf-gift-when legend{font-size:14px;font-weight:700;padding:0;margin:0 0 4px;color:var(--sksf-ink)}
.sksf-gift-when>label{display:flex;gap:10px;align-items:center;font-size:14px;min-height:32px}
.sksf-gift-asap{color:var(--sksf-muted)}
.sksf-gift-date{display:flex;flex-direction:column;gap:6px;padding-left:28px}
.sksf-gift-date input[type="date"]{height:44px;max-width:220px;border:1px solid var(--sksf-field);border-radius:6px;padding:0 10px;font-size:15px;background:#fff}
.sksf-gift-date input[aria-invalid="true"]{border:2px solid #B3261E}
.sksf-gift-hint{font-size:12px;color:var(--sksf-muted)}
.sksf-gift-err{font-size:13px;color:var(--sksf-bad);font-weight:600}
.sksf-gift-msg{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.sksf-gift-msg textarea{border:1px solid var(--sksf-field);border-radius:6px;padding:10px;font-family:inherit;font-size:15px;font-weight:400;min-height:80px}
.sksf-gift-count{font-weight:400;color:var(--sksf-muted);font-size:12px}
.sksf-gift-hide{display:flex;gap:10px;align-items:center;font-size:14px}
@media (max-width:599.98px){.sksf-gift-body{padding-left:0}.sksf-gift-date{padding-left:0}}

/* ---------- Phase 4: tracking card (My Account › order, tracking page) ---------- */
.sksf-trk{border:1px solid var(--sksf-line);border-radius:12px;background:#fff;padding:16px;margin:0 0 22px;color:var(--sksf-ink)}
.sksf-trk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.sksf-trk-h strong{display:block;font-size:18px;line-height:1.25}
.sksf-trk-k{display:block;font-size:12px;color:var(--sksf-muted);margin-bottom:2px}
.sksf-bdg{flex:0 0 auto;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.sksf-bdg.is-ok{background:var(--sksf-ok-bg);color:var(--sksf-ok)}
.sksf-bdg.is-late{background:var(--sksf-warn-bg);color:var(--sksf-warn);border:1px solid var(--sksf-warn-line)}
.sksf-bdg.is-done{background:var(--sksf-teal);color:#fff}
.sksf-trk-p{margin:8px 0 0;font-size:14px;color:var(--sksf-muted)}
.sksf-trk-p b{color:var(--sksf-ink)}
.sksf-pkg{border-top:1px solid var(--sksf-mist);margin-top:14px;padding-top:14px}
.sksf-pkg-h{display:flex;flex-direction:column;gap:2px;font-size:14px}
.sksf-pkg-h span{color:var(--sksf-muted);font-size:13px}
.sksf-tl{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:none}
.sksf-tl li{position:relative;text-align:center;font-size:12px;color:var(--sksf-muted);padding-top:22px;margin:0}
.sksf-tl li::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:3px;background:var(--sksf-mist)}
.sksf-tl li:first-child::before{display:none}
.sksf-tl-d{position:absolute;top:1px;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--sksf-mist);z-index:1}
.sksf-tl li.is-done::before,.sksf-tl li.is-now::before{background:var(--sksf-teal)}
.sksf-tl li.is-done .sksf-tl-d{background:var(--sksf-teal);border-color:var(--sksf-teal)}
.sksf-tl li.is-now .sksf-tl-d{background:var(--sksf-accent);border-color:var(--sksf-accent);box-shadow:0 0 0 4px var(--sksf-soon-bg)}
.sksf-tl li.is-now:last-child .sksf-tl-d{background:var(--sksf-ok);border-color:var(--sksf-ok);box-shadow:0 0 0 4px var(--sksf-ok-bg)}
.sksf-tl li.is-now .sksf-tl-l,.sksf-tl li.is-done .sksf-tl-l{color:var(--sksf-ink);font-weight:700}
.sksf-tl-l{display:block;line-height:1.2}
.sksf-tl small{display:block;font-size:11px;margin-top:2px}
.sksf-pkg-eta{margin:8px 0 0;font-size:14px}
.sksf-pkg-eta s{color:var(--sksf-field);margin-right:4px}
.sksf-pkg-eta.is-late b{color:var(--sksf-warn)}
.sksf-pkg-eta.is-done{color:var(--sksf-ok);font-weight:700}
.sksf-pkg-eta span{display:block;font-size:13px;color:var(--sksf-muted);margin-top:2px}
.sksf-pkg-c{margin:6px 0 0;font-size:13px;color:var(--sksf-muted)}
.sksf-pkg-c a{color:var(--sksf-teal);font-weight:700}
.sksf-pkg-x{margin:8px 0 0;font-size:14px;color:var(--sksf-bad)}
@media (max-width:520px){
  .sksf-tl{grid-template-columns:1fr;gap:0;margin-left:4px}
  .sksf-tl li{text-align:left;padding:0 0 14px 28px}
  .sksf-tl li::before{top:-50%;left:6px;width:3px;height:100%}
  .sksf-tl-d{left:0;top:1px;transform:none}
  .sksf-tl-l,.sksf-tl small{display:inline;margin:0 6px 0 0}
}

/* ---------- Phase 4: guest tracking form ---------- */
.sksf-tf{border:1px solid var(--sksf-line);background:var(--sksf-paper);border-radius:12px;padding:18px;margin:0 0 28px}
.sksf-tf h2{margin:0 0 4px;font-size:22px;color:var(--sksf-ink)}
.sksf-tf>p{margin:0 0 12px;color:var(--sksf-muted);font-size:14px}
.sksf-tf-f{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:0}
.sksf-tf-f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--sksf-ink);margin:0}
.sksf-tf-f input{height:42px;border:1px solid var(--sksf-field);border-radius:6px;padding:0 12px;font-size:15px;background:#fff;color:var(--sksf-ink)}
.sksf-tf-f input:focus{outline:2px solid var(--sksf-teal);outline-offset:1px}
.sksf-tf-f button{height:42px;border:0;border-radius:6px;background:var(--sksf-accent);color:var(--sksf-ink);font-weight:800;font-size:15px;padding:0 22px}
.sksf-tf-f button:disabled{opacity:.6}
.sksf-tf-e{margin:10px 0 0!important;padding:10px 12px;border:1px solid var(--sksf-bad-line);background:var(--sksf-bad-bg);color:var(--sksf-bad)!important;border-radius:6px}
.sksf-tf-r:not(:empty){margin-top:16px}
.sksf-tf-r .sksf-trk{margin:0}
.sksf-tf-alt{margin:12px 0 0!important;font-size:13px}
.sksf-tf-alt a{color:var(--sksf-teal);font-weight:700}
@media (max-width:600px){.sksf-tf-f{grid-template-columns:1fr}.sksf-tf-f button{width:100%}}