/* ============================================================
   SKS Policy Pages — refund + shipping (trust-pages pack, Jul 2026)
   Shopify's storefront policy renderer STRIPS <style>/<script> tags
   from the policy body (keeping their inner text as visible junk),
   so the design's CSS must ship from the theme instead. Loaded from
   theme.liquid only when request.page_type == 'policy'.

   The :has() overrides below apply ONLY when the policy body carries
   one of our designed wrappers — plain policies (privacy, terms)
   keep Shopify's default narrow container and auto title.
   ============================================================ */

/* Let the designed policies bleed wider + drop the duplicate auto title */
.shopify-policy__container:has(#sks-refund),
.shopify-policy__container:has(#sks-shipping) {
  max-width: none;
  padding: 0;
}
.shopify-policy__container:has(#sks-refund) .shopify-policy__title,
.shopify-policy__container:has(#sks-shipping) .shopify-policy__title {
  display: none;
}

/* ─────── refund-policy (#sks-refund) ─────── */
#sks-refund{
  --bg:#EDE8DC;--bg-soft:#F3EFE6;--card:#E7E1D2;--white:#FDFCF9;
  --ink:#211F1C;--ink-soft:#57534B;--accent:#BE5B2C;--accent-deep:#A54A20;--line:#D8D1C0;--radius:10px;
  font-family:'Jost',-apple-system,sans-serif;color:var(--ink);background:var(--bg);
  line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased
}
#sks-refund *,#sks-refund *::before,#sks-refund *::after{box-sizing:border-box;margin:0;padding:0}
#sks-refund a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#sks-refund a:hover{color:var(--accent-deep)}
#sks-refund .wrap{max-width:760px;margin:0 auto;padding:0 22px}
#sks-refund .eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
#sks-refund h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(32px,4.6vw,46px);line-height:1.15}
#sks-refund h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(22px,3vw,29px);line-height:1.25;margin:0 0 14px}
#sks-refund .sec{padding:40px 0;border-bottom:1px solid var(--line)}
#sks-refund .sec:last-child{border-bottom:0}
#sks-refund p{color:var(--ink-soft)}
#sks-refund p+p{margin-top:14px}
#sks-refund b{color:var(--ink)}
#sks-refund .hero{text-align:center;padding:64px 0 36px;border-bottom:1px solid var(--line)}
#sks-refund .stand{max-width:560px;margin:16px auto 0;font-size:16.5px;color:var(--ink-soft)}
#sks-refund .badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
#sks-refund .badge{background:var(--card);border-radius:99px;padding:9px 20px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
#sks-refund .badge b{color:var(--accent)}
#sks-refund .checks{list-style:none;margin-top:14px}
#sks-refund .checks li{position:relative;padding:0 0 14px 34px;font-size:15.5px;color:var(--ink-soft)}
#sks-refund .checks li:last-child{padding-bottom:0}
#sks-refund .checks li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
#sks-refund .steps{list-style:none;counter-reset:s;margin-top:14px}
#sks-refund .steps li{counter-increment:s;position:relative;padding:0 0 18px 46px;font-size:15.5px;color:var(--ink-soft)}
#sks-refund .steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font-family:'Playfair Display',serif;font-weight:600;font-size:16px;color:var(--accent)}
#sks-refund .callout{margin-top:24px;background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px;padding:22px 26px}
#sks-refund .callout .c-tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
#sks-refund .callout p{font-size:14.5px}
#sks-refund .addr{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
#sks-refund .addr-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
#sks-refund .addr-card h3{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;margin-bottom:10px}
#sks-refund .addr-card p{font-size:14.5px;line-height:1.8}
#sks-refund .contact{background:var(--card);border-radius:var(--radius);padding:26px 30px;margin-top:8px}
#sks-refund .contact p{font-size:15px}
@media (max-width:640px){#sks-refund .addr{grid-template-columns:1fr}#sks-refund .sec{padding:32px 0}}


/* ─────── shipping-policy (#sks-shipping) ─────── */
#sks-shipping{
  --bg:#EDE8DC;--bg-soft:#F3EFE6;--card:#E7E1D2;--white:#FDFCF9;
  --ink:#211F1C;--ink-soft:#57534B;--accent:#BE5B2C;--accent-deep:#A54A20;--line:#D8D1C0;--radius:10px;
  font-family:'Jost',-apple-system,sans-serif;color:var(--ink);background:var(--bg);
  line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased
}
#sks-shipping *,#sks-shipping *::before,#sks-shipping *::after{box-sizing:border-box;margin:0;padding:0}
#sks-shipping a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#sks-shipping a:hover{color:var(--accent-deep)}
#sks-shipping .wrap{max-width:760px;margin:0 auto;padding:0 22px}
#sks-shipping .eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
#sks-shipping h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(32px,4.6vw,46px);line-height:1.15}
#sks-shipping h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(22px,3vw,29px);line-height:1.25;margin:0 0 14px}
#sks-shipping .sec{padding:40px 0;border-bottom:1px solid var(--line)}
#sks-shipping .sec:last-child{border-bottom:0}
#sks-shipping p{color:var(--ink-soft)}
#sks-shipping p+p{margin-top:14px}
#sks-shipping b{color:var(--ink)}
#sks-shipping .hero{text-align:center;padding:64px 0 36px;border-bottom:1px solid var(--line)}
#sks-shipping .stand{max-width:560px;margin:16px auto 0;font-size:16.5px;color:var(--ink-soft)}
#sks-shipping .badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
#sks-shipping .badge{background:var(--card);border-radius:99px;padding:9px 20px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
#sks-shipping .badge b{color:var(--accent)}
#sks-shipping .time{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
#sks-shipping .time-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
#sks-shipping .time-card .t-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:600}
#sks-shipping .time-card .t-eta{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:4px 0 10px;display:block}
#sks-shipping .time-card p{font-size:14.5px}
#sks-shipping .checks{list-style:none;margin-top:14px}
#sks-shipping .checks li{position:relative;padding:0 0 14px 34px;font-size:15.5px;color:var(--ink-soft)}
#sks-shipping .checks li:last-child{padding-bottom:0}
#sks-shipping .checks li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
#sks-shipping .callout{margin-top:24px;background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px;padding:22px 26px}
#sks-shipping .callout .c-tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
#sks-shipping .callout p{font-size:14.5px}
#sks-shipping .contact{background:var(--card);border-radius:var(--radius);padding:26px 30px;margin-top:8px}
#sks-shipping .contact p{font-size:15px}
@media (max-width:640px){#sks-shipping .time{grid-template-columns:1fr}#sks-shipping .sec{padding:32px 0}}