/* ==========================================================================
   LIMA Shirt v2 — design tokens & global components
   White-label of MaiLangkawi patterns · brand colours LIMA'27
   Load after WooCommerce styles. Mobile-first.
   ========================================================================== */

:root{
  /* surfaces & ink */
  --lm-surface:#ffffff; --lm-sunken:#f3f4f6; --lm-line:#e8eaee; --lm-ink:#141414; --lm-muted:#5b6168;
  /* brand */
  --lm-navy:#180092; --lm-navy-ink:#120070; --lm-cobalt:#1800E7; --lm-sky:#99B6FF; --lm-wash:#EEF1FF; --lm-soft:#DEE5FF;
  --lm-orange:#C85A00; --lm-orange-soft:#FFF0E3; --lm-orange-bright:#FFA559;
  --lm-green:#15744b; --lm-green-soft:#e3f3ea;
  /* radius */
  --lm-r-sm:12px; --lm-r-md:16px; --lm-r-lg:20px; --lm-r-xl:28px; --lm-r-2xl:40px; --lm-r-full:9999px;
  /* shadow */
  --lm-sh-sm:0 4px 14px rgba(20,20,20,.08); --lm-sh-float:0 12px 32px rgba(20,20,20,.14); --lm-sh-lg:0 16px 40px rgba(20,20,20,.12);
  /* type */
  --lm-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --lm-serif:"Fraunces",Georgia,serif;
  /* spacing */
  --lm-gutter:16px; --lm-nav-h:68px; --lm-float-gap:20px;
}
@media (min-width:900px){:root{--lm-gutter:32px}}

html{-webkit-text-size-adjust:100%}
body.lima{margin:0;font:500 16px/1.5 var(--lm-sans);color:var(--lm-ink);background:var(--lm-surface);-webkit-font-smoothing:antialiased}
/* :where() keeps the default link colour at element specificity, so component
   classes (.lm-btn--primary, .lm-wordmark, .lm-bnav a, .lm-pcard) set their own. */
:where(body.lima) a{color:var(--lm-cobalt);text-decoration:none}
:where(body.lima) a:hover{color:var(--lm-navy)}
.lm-pcard,.lm-pcard:hover{color:var(--lm-ink)}
.lm-nav a:hover,.lm-wordmark:hover{color:var(--lm-navy)}
body.lima *,body.lima *::before,body.lima *::after{box-sizing:border-box}
/* keep content clear of the floating nav + sticky action bar on mobile */
body.lima.has-bottom-nav main{padding-bottom:calc(var(--lm-nav-h) + var(--lm-float-gap) + 24px)}
body.lima.has-action-bar main{padding-bottom:190px}
@media (min-width:900px){body.lima main{padding-bottom:0!important}}

/* ---------- type scale ---------- */
.lm-h1{font:600 30px/34px var(--lm-serif);letter-spacing:-.6px;margin:0}
.lm-h2{font:600 22px/26px var(--lm-serif);letter-spacing:-.4px;margin:0}
.lm-h3{font:800 17px/22px var(--lm-sans);letter-spacing:-.3px;margin:0}
.lm-title{font:700 15px/20px var(--lm-sans);letter-spacing:-.2px;margin:0}
.lm-body{font:500 15px/22px var(--lm-sans);margin:0}
.lm-sm{font:500 13px/18px var(--lm-sans);color:var(--lm-muted);margin:0}
.lm-cap{font:700 12px/16px var(--lm-sans);margin:0}
.lm-lbl{font:600 11px/14px var(--lm-sans)}
@media (min-width:900px){.lm-h1{font-size:56px;line-height:60px}.lm-h2{font-size:26px;line-height:30px}}

/* ---------- layout ---------- */
.lm-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--lm-gutter)}
.lm-row{display:flex;align-items:center;gap:12px}
.lm-col{display:flex;flex-direction:column;gap:12px}
.lm-between{justify-content:space-between}
.lm-grid{display:grid;gap:12px}
.lm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.lm-grid{gap:20px}.lm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.lm-grid{gap:24px}.lm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- announcement + header ---------- */
.lm-announce{min-height:40px;background:var(--lm-navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px var(--lm-gutter);font:600 13px/1.3 var(--lm-sans);text-align:center}
.lm-announce b{color:var(--lm-sky);font-weight:700}
.lm-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid transparent}
.lm-header.is-scrolled{border-bottom-color:var(--lm-line)}
.lm-header__bar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
@media (min-width:900px){.lm-header__bar{height:72px}}
.lm-wordmark{font:600 24px/1 var(--lm-serif);letter-spacing:-.6px;color:var(--lm-ink)}
.lm-wordmark em{font-style:normal;color:var(--lm-cobalt)}
.lm-nav{display:none;gap:28px;font:600 15px/1 var(--lm-sans)}
.lm-nav a{color:var(--lm-ink)}.lm-nav a.is-active,.lm-nav a[aria-current="page"]{color:var(--lm-navy);font-weight:700}
@media (min-width:900px){.lm-nav{display:flex}}
.lm-ibtn{width:44px;height:44px;border-radius:var(--lm-r-full);border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--lm-ink);cursor:pointer;padding:0;position:relative}
.lm-ibtn--sunken{background:var(--lm-sunken)}
.lm-ibtn--raised{background:#fff;box-shadow:var(--lm-sh-sm)}
.lm-ibtn svg{width:22px;height:22px}
.lm-badge[hidden]{display:none!important}
.lm-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--lm-cobalt);color:#fff;font:700 11px/18px var(--lm-sans);text-align:center;padding:0 5px}
.lm-search{height:44px;border-radius:var(--lm-r-full);background:var(--lm-sunken);display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--lm-muted);font:500 14px/1 var(--lm-sans);border:0;width:100%}
.lm-search input{border:0;background:transparent;flex:1;font:inherit;color:var(--lm-ink);outline:none;min-width:0}

/* ---------- floating bottom nav (mobile) ---------- */
.lm-bnav{position:fixed;left:var(--lm-gutter);right:var(--lm-gutter);bottom:var(--lm-float-gap);height:var(--lm-nav-h);z-index:50;border-radius:var(--lm-r-full);background:var(--lm-surface);box-shadow:var(--lm-sh-float);display:flex;align-items:center;justify-content:space-around;padding:0 10px env(safe-area-inset-bottom)}
.lm-bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;height:52px;border-radius:var(--lm-r-full);color:var(--lm-muted);font:600 11px/14px var(--lm-sans);position:relative}
.lm-bnav a .lm-ico{display:inline-flex;padding:4px 12px;border-radius:var(--lm-r-full)}
.lm-bnav a svg{width:22px;height:22px;stroke:currentColor}
.lm-bnav a.is-active{color:var(--lm-navy);font-weight:700}
.lm-bnav a.is-active .lm-ico{background:var(--lm-wash)}
.lm-bnav .lm-badge{top:0;right:6px}
@media (min-width:900px){.lm-bnav{display:none}}
@media (prefers-reduced-motion:no-preference){.lm-bnav{transition:transform .25s ease}.lm-bnav.is-hidden{transform:translateY(calc(100% + var(--lm-float-gap) + 8px))}}

/* ---------- buttons ---------- */
.lm-btn{height:52px;border-radius:var(--lm-r-full);padding:0 22px;font:700 15px/1 var(--lm-sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none}
.lm-btn--primary{background:var(--lm-navy);color:#fff}.lm-btn--primary:hover{background:var(--lm-navy-ink);color:#fff}
.lm-btn--outline{background:#fff;color:var(--lm-ink);border-color:var(--lm-ink)}
.lm-btn--soft{background:var(--lm-sunken);color:var(--lm-ink)}
.lm-btn--md{height:44px;padding:0 18px;font-size:14px}
.lm-btn--block{width:100%}
.lm-btn[disabled],.lm-btn.is-disabled{background:var(--lm-sunken);color:#9aa0a8;border-color:transparent;cursor:not-allowed;pointer-events:none}
.lm-btn svg{width:18px;height:18px}
.lm-btn:focus-visible,.lm-ibtn:focus-visible,.lm-chip:focus-visible,.lm-size:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--lm-navy)}

/* ---------- chips & tags ---------- */
.lm-chip{height:36px;border-radius:var(--lm-r-full);padding:0 16px;display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--lm-sans);background:var(--lm-sunken);color:var(--lm-ink);border:1px solid transparent;cursor:pointer;white-space:nowrap}
.lm-chip.is-active{background:var(--lm-ink);color:#fff}
.lm-chip--outline{background:#fff;border-color:var(--lm-line)}
.lm-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--lm-r-full);font:700 11px/1 var(--lm-sans)}
.lm-tag--pre{background:var(--lm-orange-soft);color:var(--lm-orange)}
.lm-tag--ready{background:var(--lm-green-soft);color:var(--lm-green)}
.lm-tag--ink{background:var(--lm-ink);color:#fff}
.lm-tag--navy{background:var(--lm-navy);color:#fff}
.lm-tag--sky{background:var(--lm-wash);color:var(--lm-navy)}
.lm-hscroll{display:flex;gap:8px;overflow-x:auto;padding:4px var(--lm-gutter) 8px;margin:0 calc(var(--lm-gutter) * -1);scrollbar-width:none}
.lm-hscroll::-webkit-scrollbar{display:none}.lm-hscroll>*{flex:none}

/* ---------- product card (179 × ~270 on 390px) ---------- */
.lm-pcard{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--lm-line);background:#fff;overflow:hidden;color:var(--lm-ink);position:relative}
.lm-pcard__img{aspect-ratio:179/160;background:#eef0f4;position:relative;overflow:hidden}
.lm-pcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.lm-pcard__fav{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:15px;background:#fff;box-shadow:var(--lm-sh-sm);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.lm-pcard__fav svg{width:15px;height:15px}
.lm-pcard__flag{position:absolute;top:8px;left:8px}
.lm-pcard__save{position:absolute;left:8px;bottom:8px;height:22px;padding:0 8px;border-radius:6px;background:var(--lm-navy);color:#fff;font:700 11px/22px var(--lm-sans)}
.lm-pcard__body{padding:10px;display:flex;flex-direction:column;gap:4px}
.lm-pcard__name{font:700 13px/17px var(--lm-sans);margin:0}
.lm-pcard__meta{font:500 11px/14px var(--lm-sans);color:var(--lm-muted);margin:0}
.lm-price{font:800 15px/18px var(--lm-sans);letter-spacing:-.2px;color:var(--lm-navy)}
.lm-price s{font:600 11px/14px var(--lm-sans);color:var(--lm-muted);margin-left:5px}
.lm-pcard__cta{height:36px;border-radius:8px;background:var(--lm-navy);color:#fff;font:700 12px/1 var(--lm-sans);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;border:0;cursor:pointer}
.lm-pcard__cta svg{width:14px;height:14px}
.lm-pcard__save--saving{background:var(--lm-green-soft);color:var(--lm-green)}
.lm-pcard__cta.is-soon,body.lima .lm-shop .lm-pcard__cta.is-soon{background:var(--lm-wash);color:var(--lm-navy);cursor:pointer}
.lm-pcard__cta.is-soldout{background:var(--lm-sunken);color:#9aa0a8;cursor:not-allowed}
@media (min-width:600px){.lm-pcard{border-radius:var(--lm-r-lg)}.lm-pcard__img{aspect-ratio:1/1}.lm-pcard__body{padding:14px}.lm-pcard__name{font-size:15px;line-height:20px}.lm-pcard__meta{font-size:13px;line-height:18px}.lm-price{font-size:17px;line-height:22px}.lm-price s{font-size:13px}}

/* ---------- hero slider ---------- */
.lm-hero{position:relative;border-radius:var(--lm-r-lg);overflow:hidden;background:var(--lm-wash);min-height:212px}
@media (min-width:900px){.lm-hero{border-radius:var(--lm-r-2xl);min-height:460px}}
.lm-hero__track{display:flex;width:100%;height:100%}
/* Copy and image share the slide as flex siblings. They used to be a 58%-wide
   column with the image absolutely positioned over it at a fixed 200px height:
   with a square image that reached 40px into the text, burying the badge, the
   price line and part of the button. Laying them out side by side makes the
   overlap structurally impossible at any width, whatever shape the photo is.
   min-width:0 is what lets the copy column actually shrink inside the flex. */
.lm-hero__slide{flex:0 0 100%;display:flex;align-items:center;gap:10px;min-height:212px;opacity:0;transition:opacity .5s ease;position:absolute;inset:0;pointer-events:none}
.lm-hero__slide.is-active{opacity:1;pointer-events:auto;position:relative}
.lm-hero__copy{flex:1 1 auto;min-width:0;padding:20px 0 20px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.lm-hero__img{flex:0 0 38%;width:38%;height:auto;max-height:190px;object-fit:contain;align-self:center;margin-right:10px}
@media (min-width:900px){.lm-hero__slide{min-height:460px;flex-wrap:wrap;align-items:stretch;gap:0}.lm-hero__copy{flex:1 1 420px;width:auto;padding:56px;justify-content:center;gap:20px}.lm-hero__img{flex:0 1 auto;width:auto;height:440px;max-height:none;border-radius:24px 24px 0 0;box-shadow:var(--lm-sh-lg);align-self:flex-end;margin:24px 24px 0 auto}}
.lm-hero__dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.lm-hero__dot{width:6px;height:6px;border-radius:3px;border:0;padding:0;background:#d6d9de;cursor:pointer;transition:width .2s}
.lm-hero__dot.is-active{width:18px;background:var(--lm-navy)}
.lm-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none}
.lm-hero__arrow--prev{left:16px}.lm-hero__arrow--next{right:16px}
@media (min-width:900px){.lm-hero__arrow{display:inline-flex}.lm-hero__dots{position:absolute;left:56px;bottom:20px;margin:0}.lm-hero__dot{height:8px;width:8px}.lm-hero__dot.is-active{width:28px}}
@media (prefers-reduced-motion:reduce){.lm-hero__slide{transition:none}}

/* ---------- savings / why pre-order ---------- */
.lm-why{background:var(--lm-navy);color:#fff;border-radius:var(--lm-r-lg);padding:14px 16px;display:flex;gap:12px;align-items:center}
.lm-why__ico{width:44px;height:44px;border-radius:12px;background:#2b1aa8;display:flex;align-items:center;justify-content:center;flex:none}
.lm-why__title{font:800 16px/20px var(--lm-sans);letter-spacing:-.3px;margin:0}
.lm-why__title b{color:var(--lm-orange-bright)}
.lm-why__sub{font:500 12px/16px var(--lm-sans);color:#c9d2ff;margin:0}
.lm-strip{display:flex;align-items:center;gap:8px;background:var(--lm-green-soft);border-radius:10px;padding:8px 12px;font:600 12px/16px var(--lm-sans);color:#0f5a39}
.lm-strip--ready{background:var(--lm-green-soft)}

/* ---------- countdown ---------- */
.lm-cd{display:flex;gap:8px}
.lm-cd__u{flex:1;background:#fff;border-radius:var(--lm-r-md);padding:10px 0;text-align:center;box-shadow:var(--lm-sh-sm)}
.lm-cd__n{font:800 22px/24px var(--lm-sans);letter-spacing:-.5px}
.lm-cd__l{font:600 10px/12px var(--lm-sans);color:var(--lm-muted);margin-top:2px}

/* ---------- size pills ---------- */
.lm-size{min-width:52px;height:44px;border-radius:var(--lm-r-sm);border:1px solid var(--lm-line);background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font:700 14px/1 var(--lm-sans);color:var(--lm-ink);cursor:pointer;padding:0 10px}
.lm-size small{font:600 10px/1 var(--lm-sans);color:var(--lm-orange);margin-top:3px}
.lm-size.is-active{background:var(--lm-navy);border-color:var(--lm-navy);color:#fff}.lm-size.is-active small{color:#cfd6ff}
.lm-size.is-low{border-color:#f0b27a;background:#FFF7F0}
.lm-size.is-soldout{color:#b4b9c0;text-decoration:line-through;background:var(--lm-sunken);cursor:not-allowed}
.lm-size.is-soldout small{color:#b4b9c0;text-decoration:none}

/* ---------- sticky action bar (product/cart/checkout) ---------- */
.lm-actbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--lm-line);padding:12px var(--lm-gutter) calc(16px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center}
@media (min-width:900px){.lm-actbar{position:static;border:0;padding:0}}

/* ---------- forms ---------- */
.lm-field{display:flex;flex-direction:column;gap:6px}
.lm-field label{font:600 13px/1.3 var(--lm-sans)}
.lm-input{height:48px;border-radius:var(--lm-r-md);border:1px solid var(--lm-line);background:#fff;padding:0 14px;font:500 15px/1 var(--lm-sans);color:var(--lm-ink);width:100%}
.lm-input:focus{outline:0;border-color:var(--lm-navy);box-shadow:0 0 0 3px var(--lm-wash)}
.lm-input.is-invalid{border-color:#c0392b}
.lm-error{font:500 12px/16px var(--lm-sans);color:#c0392b}

/* ---------- footer ---------- */
.lm-footer{background:var(--lm-sunken);border-radius:var(--lm-r-2xl) var(--lm-r-2xl) 0 0;padding:40px 0 32px;margin-top:48px}
.lm-footer h4{margin:0 0 12px;font:800 13px/16px var(--lm-sans)}
.lm-footer a{display:block;color:var(--lm-muted);font:500 14px/28px var(--lm-sans)}
.lm-footer a:hover{color:var(--lm-ink)}
body.lima.has-bottom-nav .lm-footer{padding-bottom:calc(32px + var(--lm-nav-h) + var(--lm-float-gap))}

/* ---------- skeleton & empty ---------- */
.lm-skel{background:linear-gradient(90deg,#f1f2f4 25%,#e8eaee 37%,#f1f2f4 63%);background-size:400% 100%;animation:lm-shimmer 1.4s infinite;border-radius:12px}
@keyframes lm-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.lm-skel{animation:none}}
.lm-empty{text-align:center;padding:40px 20px;border:1px dashed var(--lm-line);border-radius:var(--lm-r-lg);color:var(--lm-muted)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* ---------- integration overrides for the existing lima-theme ---------- */
body.lima .lima-strip{display:none}                         /* announcement bar replaces the strip */
body.lima .site-footer.lm-footer{background:var(--lm-sunken);color:var(--lm-ink)}
body.lima .site-footer.lm-footer .lm-wordmark{color:var(--lm-ink)}
body.lima ul.products{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){body.lima ul.products{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){body.lima ul.products{gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}}
body.lima li.product-card--v2{margin:0;padding:0;border:0;background:none;box-shadow:none;width:auto}
body.lima li.product-card--v2 .lm-pcard{height:100%}
body.lima .home .featured-row,body.lima .home .products{display:grid}
body.lima .skip-link:focus{background:var(--lm-navy);color:#fff;padding:8px 12px;border-radius:8px;position:absolute;top:8px;left:8px;z-index:100}

/* ---------- v0.3.1 polish ---------- */
/* Typography: retire Barlow Condensed uppercase headings; serif display everywhere. */
body.lima{--font-display:var(--lm-serif);--font-body:var(--lm-sans)}
body.lima h1,body.lima h2,body.lima h3,body.lima .h2,body.lima .hero__title,body.lima .coll-card__name,body.lima .opt-card__title,body.lima .signup__title,body.lima .shop__title{font-family:var(--lm-serif);font-weight:600;text-transform:none;letter-spacing:-.4px}
body.lima h1,body.lima .shop__title{font-size:30px;line-height:34px}
@media (min-width:900px){body.lima h1,body.lima .shop__title{font-size:40px;line-height:44px}}
body.lima h2,body.lima .h2{font-size:22px;line-height:26px}
body.lima h3{font-size:17px;line-height:22px;font-family:var(--lm-sans);font-weight:800;letter-spacing:-.3px}
body.lima .coll-card__name,body.lima .opt-card__title{font-family:var(--lm-sans);font-weight:800;font-size:17px;letter-spacing:-.3px}
/* Shop skeleton grid must honour [hidden] (old CSS forced display:grid). */
body.lima [data-lima-skeleton][hidden]{display:none!important}
/* Shop search: keep the icon clear of the text. */
body.lima .shop__search-input{padding-left:46px;box-sizing:border-box}
/* Collections empty tiles: soft wash instead of blank white. */
body.lima .coll-card__media:empty,body.lima .coll-card__media:not(:has(img)){background:var(--lm-wash)}

/* ---------- v0.3.2 mobile polish ---------- */
/* Announcement bar: one compact line on phones. */
.lm-announce{flex-wrap:wrap;gap:2px 8px;font-size:12px;line-height:16px;padding:6px var(--lm-gutter)}
@media (max-width:599px){.lm-announce > :nth-child(2),.lm-announce > :nth-child(n+4){display:none}}
@media (min-width:600px){.lm-announce{font-size:13px}}
/* Shop grid: always 2 columns on phones (179px cards), 3 / 4 up. */
body.lima .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media (min-width:600px){body.lima .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}}
@media (min-width:900px){body.lima .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}}
/* Plugin countdown cards: sans numerals, no overflow. */
body.lima .lima-countdown__title{font:700 11px/14px var(--lm-sans);letter-spacing:.04em}
body.lima .lima-countdown__units{gap:6px}
body.lima .lima-countdown__unit{min-width:0;flex:1}
body.lima .lima-countdown__unit strong{font:800 22px/24px var(--lm-sans);letter-spacing:-.5px}
body.lima .lima-countdown__unit small{font:600 10px/12px var(--lm-sans);letter-spacing:.02em}
body.lima .lima-countdown__date{font:500 12px/16px var(--lm-sans)}
body.lima .cd-card{border-radius:var(--lm-r-lg)}
/* Size buttons: v2 look. */
body.lima .sizebtn{border-radius:var(--lm-r-sm);font:700 14px/1 var(--lm-sans)}
body.lima .sizebtn.is-on{background:var(--lm-navy);border-color:var(--lm-navy);color:#fff}
body.lima .sizebtn__sur{font:600 10px/1 var(--lm-sans);color:var(--lm-orange)}
body.lima .sizebtn.is-on .sizebtn__sur{color:#cfd6ff}

/* ---------- v0.4.2 home: countdown + pills fill the width ---------- */
body.lima .home .countdowns{gap:12px}
@media (min-width:900px){
  body.lima .home .countdowns--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  body.lima .home .cd-card .lima-countdown{padding:20px 28px}
  body.lima .home .cd-card .lima-countdown__units{gap:24px;justify-content:space-between;max-width:420px;margin:0 auto}
  body.lima .home .cd-card .lima-countdown__unit strong{font-size:40px;line-height:44px}
  body.lima .home .cd-card .lima-countdown__title{font-size:13px}
  body.lima .home .cd-card .lima-countdown__date{font-size:14px}
  body.lima .home .pillrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
  body.lima .home .pillrow .pill{justify-content:center;height:48px;font-size:14px;border-radius:var(--lm-r-md)}
}

/* ==========================================================================
   v0.5.0 — Pre-order urgency block (replaces the twin countdown cards)
   ========================================================================== */
.lm-urgency{
  --u-accent:var(--lm-sky);
  position:relative;display:grid;gap:20px;margin-top:16px;padding:22px 20px;
  border-radius:var(--lm-r-xl);color:#fff;overflow:hidden;
  background:
    radial-gradient(120% 140% at 100% 0%, #2a1ab0 0%, rgba(42,26,176,0) 60%),
    radial-gradient(120% 140% at 0% 100%, #1200a8 0%, rgba(18,0,168,0) 55%),
    var(--lm-navy);
}
.lm-urgency::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 40%)}
.lm-urgency > *{position:relative;z-index:1}
.lm-urgency.is-warn{--u-accent:#FFC46B}
.lm-urgency.is-urgent{--u-accent:#FFA559}
.lm-urgency.is-last{--u-accent:#FF8A5C}

/* kicker + live dot */
.lm-urgency__kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px;
  font:700 11px/16px var(--lm-sans);letter-spacing:.1em;text-transform:uppercase;color:#c9d2ff}
.lm-urgency__dot{width:8px;height:8px;border-radius:4px;background:var(--u-accent);flex:none;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--u-accent) 70%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .lm-urgency.is-urgent .lm-urgency__dot,.lm-urgency.is-last .lm-urgency__dot{animation:lm-pulse 1.6s ease-out infinite}
}
@keyframes lm-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--u-accent) 70%,transparent)}
  70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* clock */
.lm-urgency__clock{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}
.lm-urgency__unit{display:inline-flex;flex-direction:column;align-items:center;min-width:54px}
.lm-urgency__unit b{font:800 clamp(38px,11vw,56px)/1 var(--lm-sans);letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:#fff}
.lm-urgency__unit i{margin-top:6px;font:700 10px/12px var(--lm-sans);letter-spacing:.12em;
  text-transform:uppercase;font-style:normal;color:#9fb0ff}
.lm-urgency__sep{font:800 clamp(28px,8vw,42px)/1 var(--lm-sans);color:#5b63c9;transform:translateY(-10px)}
.lm-urgency__unit--sec{display:inline-flex;flex-direction:row;align-items:flex-end;gap:6px;min-width:0}
.lm-urgency__unit--sec[hidden]{display:none}
.lm-urgency__unit--sec b{color:var(--u-accent)}
.lm-urgency__unit--sec i{align-self:flex-end;margin-bottom:4px}
.lm-urgency.is-calm .lm-urgency__unit:first-child b{color:#fff}
.lm-urgency.is-warn .lm-urgency__unit:first-child b,
.lm-urgency.is-urgent .lm-urgency__unit:first-child b,
.lm-urgency.is-last .lm-urgency__unit:first-child b{color:var(--u-accent)}

/* progress */
.lm-urgency__bar{height:6px;border-radius:3px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:18px}
.lm-urgency__bar > span{display:block;height:100%;border-radius:3px;background:var(--u-accent);
  transition:width .6s cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){.lm-urgency__bar > span{transition:none}}
.lm-urgency__meta{margin:10px 0 0;font:500 12px/18px var(--lm-sans);color:#b9c4ff}
.lm-urgency__meta strong{color:#fff;font-weight:700}

/* aside: saving + CTA */
.lm-urgency__aside{display:grid;gap:12px}
.lm-urgency__save{display:grid;gap:2px;margin:0;padding:14px 16px;border-radius:var(--lm-r-md);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.lm-urgency__save-lbl{font:700 10px/14px var(--lm-sans);letter-spacing:.1em;text-transform:uppercase;color:#c9d2ff}
.lm-urgency__save-amt{font:800 28px/32px var(--lm-sans);letter-spacing:-.03em;color:var(--u-accent)}
.lm-urgency__save-sub{font:500 12px/16px var(--lm-sans);color:#c9d2ff}
.lm-urgency__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:52px;padding:0 22px;border-radius:var(--lm-r-full);background:#fff;color:var(--lm-navy);
  font:700 15px/1 var(--lm-sans);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.lm-urgency__btn svg{width:18px;height:18px}
.lm-urgency__btn:hover{color:var(--lm-navy);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.lm-urgency__btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--lm-navy),0 0 0 6px #fff}
.lm-urgency__trust{margin:0;font:500 11px/16px var(--lm-sans);color:#aab6f5;text-align:center}
.lm-urgency__event{margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);
  font:600 12px/18px var(--lm-sans);color:#9fb0ff}
.lm-urgency__head{margin:0 0 6px;font:600 20px/26px var(--lm-serif);letter-spacing:-.4px;color:#fff}

/* ready / closed variants */
.lm-urgency--ready{background:linear-gradient(135deg,#0f6b47,#15744b 60%,#118a57)}
.lm-urgency--ready .lm-urgency__kicker,.lm-urgency--ready .lm-urgency__event{color:#c7ecd9}
.lm-urgency--ready .lm-urgency__btn{color:#0f6b47}
.lm-urgency--closed{background:#2b2f36}
.lm-urgency--closed .lm-urgency__kicker{color:#c4c8cf}

@media (min-width:768px){
  .lm-urgency{grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:24px 36px;padding:28px 34px;align-items:center}
  .lm-urgency__event{grid-column:1/-1;padding-top:16px}
  .lm-urgency__unit{min-width:76px}
  .lm-urgency__trust{text-align:left}
}
@media (min-width:1024px){
  .lm-urgency{padding:32px 40px;gap:24px 48px}
  .lm-urgency__unit b{font-size:60px}
  .lm-urgency__unit{min-width:88px}
}

/* ==========================================================================
   v0.7.0 — inner-page chrome (Shop / Product / Cart / Checkout / Track mockups)
   ========================================================================== */
/* announcement bar: hidden on phones in pre-order (the pages carry their own
   countdown); ready stock = light green strip as in "Product · Ready-stock · Mobile" */
.lm-announce--ready{background:var(--lm-green-soft);color:var(--lm-green);text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.lm-announce--closed{background:var(--lm-muted)}
@media (min-width:600px){.lm-announce--ready{background:var(--lm-green);color:#fff;text-transform:none;letter-spacing:0}}

/* mobile app bar: back · title · action (inner pages, <900px) */
.lm-appbar{display:none}
@media (max-width:899px){
  .lm-header--inner .lm-header__bar{display:none}
  .lm-appbar{display:grid;grid-template-columns:minmax(44px,auto) 1fr minmax(44px,auto);align-items:center;gap:8px;height:64px}
  .lm-header--inner{background:#fff}
}
.lm-appbar__back{margin-left:-10px}
.lm-appbar__back svg{width:26px;height:26px}
.lm-appbar__spacer{width:44px}
.lm-appbar__title{margin:0;text-align:center;font:600 24px/28px var(--lm-serif);letter-spacing:-.4px;color:var(--lm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-appbar__count{font:500 18px/1 var(--lm-sans);color:var(--lm-muted);letter-spacing:0}
.lm-appbar__right{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-right:-8px}
.lm-appbar__right .lm-ibtn svg{width:24px;height:24px}
.lm-appbar__right .lm-badge{top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;line-height:22px;font-size:12px}
.lm-appbar__link{font:700 15px/1 var(--lm-sans);color:var(--lm-ink)!important;padding:12px 8px}
.lm-appbar__pill{height:30px;padding:0 14px;font-size:13px;margin-right:8px}
.lm-fav.is-saved svg,.lm-pcard__fav.is-saved svg{fill:#e0445b;stroke:#e0445b}

/* desktop checkout header: wordmark · stepper · lock line */
.lm-header--minimal{border-bottom:1px solid var(--lm-line)}
.lm-header--minimal .lm-header__bar{height:88px}
.lm-stepper{display:none;list-style:none;margin:0 auto;padding:0;align-items:center;gap:0}
@media (min-width:900px){.lm-stepper{display:flex}}
.lm-stepper li{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--lm-sans);color:var(--lm-muted)}
.lm-stepper li + li::before{content:"";width:64px;height:2px;margin:0 22px;background:var(--lm-line);border-radius:1px}
.lm-stepper li.is-done + li::before,.lm-stepper li.is-current::before{background:var(--lm-navy)}
.lm-stepper li.is-done,.lm-stepper li.is-current{color:var(--lm-ink)}
.lm-stepper li a{color:inherit}
.lm-stepper__dot{width:36px;height:36px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--lm-sunken);color:var(--lm-muted);font:700 15px/1 var(--lm-sans)}
.lm-stepper__dot svg{width:16px;height:16px}
.lm-stepper li.is-done .lm-stepper__dot,.lm-stepper li.is-current .lm-stepper__dot{background:var(--lm-navy);color:#fff}
.lm-header__secure{display:none;margin:0;align-items:center;gap:8px;font:500 15px/1 var(--lm-sans);color:var(--lm-muted)}
.lm-header__secure svg{width:18px;height:18px;color:var(--lm-green)}
@media (min-width:1100px){.lm-header__secure{display:inline-flex}}

/* ---------- v0.7.6 floating top: promo bar + header stick together ---------- */
.lm-top{position:sticky;top:0;z-index:40}
body.admin-bar .lm-top{top:32px}
@media (max-width:782px){body.admin-bar .lm-top{top:46px}}
@media (max-width:600px){body.admin-bar .lm-top{top:0}}
.lm-top .lm-header{position:relative;top:auto;background:var(--lm-wash);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--lm-soft);transition:box-shadow .2s ease}
.lm-top .lm-header.is-scrolled{border-bottom-color:var(--lm-soft);box-shadow:0 10px 24px -14px rgba(24,0,146,.35)}
.lm-top .lm-header .lm-search,.lm-top .lm-header .lm-ibtn--sunken{background:#fff;box-shadow:inset 0 0 0 1px var(--lm-soft)}
/* v0.7.12: every header (inner app bar, checkout) uses the home header wash (owner request) */

/* ---------- v0.7.7 footer: groups (accordion on mobile) + bottom row ---------- */
body.lima .site-footer.lm-foot{background:var(--lm-sunken);color:var(--lm-ink);border-radius:28px 28px 0 0;margin-top:56px;padding:28px 0 calc(24px + env(safe-area-inset-bottom))}
body.lima.has-bottom-nav .site-footer.lm-foot{padding-bottom:calc(24px + var(--lm-nav-h) + var(--lm-float-gap) + env(safe-area-inset-bottom))}
body.lima .lm-foot .lm-foot__mark{display:inline-block;font:600 26px/1 var(--lm-serif);letter-spacing:-.6px;color:var(--lm-ink)}
body.lima .lm-foot .lm-foot__mark em{font-style:normal;color:var(--lm-cobalt)}
body.lima .lm-foot .lm-foot__notice{margin:12px 0 0;max-width:340px;font:500 13px/20px var(--lm-sans);color:var(--lm-muted)}
body.lima .lm-foot .lm-foot__top{display:grid;gap:0}
body.lima .lm-foot .lm-foot__brand{padding-bottom:20px;border-bottom:1px solid var(--lm-line)}
body.lima .lm-foot .lm-foot__group{border-bottom:1px solid var(--lm-line)}
body.lima .lm-foot .lm-foot__h{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:0;font:700 15px/1 var(--lm-sans);color:var(--lm-ink);cursor:pointer;list-style:none}
body.lima .lm-foot .lm-foot__h::-webkit-details-marker{display:none}
body.lima .lm-foot .lm-foot__h svg{width:20px;height:20px;color:var(--lm-muted);transition:transform .2s ease}
body.lima .lm-foot .lm-foot__group[open] .lm-foot__h svg{transform:rotate(180deg)}
body.lima .lm-foot .lm-foot__list{display:block;list-style:none;margin:0;padding:0 0 12px}
body.lima .lm-foot .lm-foot__list a{display:flex;align-items:center;min-height:44px;color:var(--lm-muted);font:500 15px/1.3 var(--lm-sans)}
body.lima .lm-foot .lm-foot__list a:hover{color:var(--lm-navy)}
body.lima .lm-foot .lm-foot__bottom{display:flex;flex-direction:column;gap:8px;padding-top:20px}
@media (min-width:900px){
  body.lima .site-footer.lm-foot{border-radius:40px 40px 0 0;padding:56px 0 32px;margin-top:80px}
  body.lima.has-bottom-nav .site-footer.lm-foot{padding-bottom:32px}
  body.lima .lm-foot .lm-foot__top{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid var(--lm-line)}
  body.lima .lm-foot .lm-foot__brand,body.lima .lm-foot .lm-foot__group{border:0;padding:0}
  body.lima .lm-foot .lm-foot__h{min-height:0;margin-bottom:16px;font-size:14px;cursor:default}
  body.lima .lm-foot .lm-foot__h svg{display:none}
  body.lima .lm-foot .lm-foot__list{padding:0;display:grid;gap:2px}
  body.lima .lm-foot .lm-foot__list a{min-height:34px;font-size:15px}
  body.lima .lm-foot .lm-foot__bottom{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:24px}
}

/* ---------- v0.7.9 image logo (owner's LIMA 2027 artwork) ---------- */
.lm-wordmark--logo{display:inline-flex;align-items:center;line-height:0}
.lm-logo{display:block;height:38px;width:auto;max-width:100%}
@media (min-width:900px){.lm-header .lm-logo{height:46px}}
.lm-header--minimal .lm-logo{height:40px}
body.lima .lm-foot .lm-foot__mark .lm-logo{height:48px}
@media (min-width:900px){body.lima .lm-foot .lm-foot__mark .lm-logo{height:52px}}

/* ---------- v0.7.10 icons on top-menu links ---------- */
.lm-nav a,.lm-drawer a{display:inline-flex;align-items:center;gap:7px}
.lm-nav__ic{flex:none;width:18px;height:18px;color:var(--lm-navy);opacity:.85}
.lm-nav a:hover .lm-nav__ic,.lm-nav a.is-active .lm-nav__ic{opacity:1}
.lm-drawer a{gap:12px}
.lm-drawer .lm-nav__ic{width:22px;height:22px}

/* ---------- v0.7.11 "Collections" dropdown in the top menu ---------- */
.lm-nav__dd{position:relative;display:inline-flex}
.lm-nav__dd-btn{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;font:inherit;color:var(--lm-ink);cursor:pointer}
.lm-nav__dd-btn:hover{color:var(--lm-navy)}
.lm-nav__chev{width:14px;height:14px;transition:transform .2s ease}
.lm-nav__dd-menu{position:absolute;top:calc(100% + 14px);left:-14px;min-width:200px;display:grid;gap:2px;padding:8px;background:#fff;border:1px solid var(--lm-line);border-radius:16px;box-shadow:0 18px 40px -18px rgba(20,20,60,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:50}
.lm-nav__dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.lm-nav__dd-menu a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:10px;color:var(--lm-ink);font-weight:600}
.lm-nav__dd-menu a:hover{background:var(--lm-wash);color:var(--lm-navy)}
.lm-nav__dd:hover .lm-nav__dd-menu,.lm-nav__dd:focus-within .lm-nav__dd-menu,.lm-nav__dd.is-open .lm-nav__dd-menu{opacity:1;visibility:visible;transform:none}
.lm-nav__dd:hover .lm-nav__chev,.lm-nav__dd.is-open .lm-nav__chev{transform:rotate(180deg)}

/* ---------- v0.7.13 footer: payment logo strip + tighter mobile bottom ---------- */
body.lima .lm-foot .lm-foot__paylogos{display:block;width:100%;max-width:320px;height:auto;border-radius:10px}
@media (max-width:899px){
  /* the footer itself clears the floating nav, so main doesn't need to reserve it too */
  body.lima.has-bottom-nav:not(.has-action-bar) main{padding-bottom:0}
  body.lima .site-footer.lm-foot{margin-top:32px}
  body.lima .lm-foot .lm-foot__bottom{padding-top:16px}
  body.lima.has-bottom-nav .site-footer.lm-foot{padding-bottom:calc(12px + var(--lm-nav-h) + var(--lm-float-gap) + env(safe-area-inset-bottom))}
}
.lm-announce [data-compact]{font-variant-numeric:tabular-nums}

/* ---------- v0.7.15 store notices ("added to your cart · View cart" etc.) ---------- */
body.lima .woocommerce-notices-wrapper:empty{display:none}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){
  position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;list-style:none;
  margin:12px 0 16px;padding:14px 16px 14px 52px;border:0;border-radius:18px;outline:none;
  background:var(--lm-green-soft,#e6f4ec);color:var(--lm-ink);font:600 14px/20px var(--lm-sans);
  box-shadow:inset 0 0 0 1px rgba(27,127,75,.18)}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{
  content:"";position:absolute;left:16px;top:14px;width:24px;height:24px;border-radius:12px;
  background:var(--lm-green,#1b7f4b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info{background:var(--lm-wash);box-shadow:inset 0 0 0 1px var(--lm-soft)}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info::before{background:var(--lm-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E") center/14px no-repeat}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error{background:#fdecea;color:#7a1f16;box-shadow:inset 0 0 0 1px rgba(161,42,31,.2)}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error::before{background:#c0392b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 16.5v.5'/%3E%3C/svg%3E") center/14px no-repeat}
body.lima .woocommerce-error li{margin:0;list-style:none}
/* "View cart" becomes a pill on the right (it comes first in Woo's markup) */
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info) .button{
  order:2;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;
  border-radius:var(--lm-r-full,999px);background:var(--lm-navy);color:#fff!important;font:700 14px/1 var(--lm-sans);
  text-decoration:none;white-space:nowrap;border:0}
body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info) .button::after{content:"→";margin-left:6px}
@media (max-width:599px){
  body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info) .button{flex:1 0 100%;margin-left:0}
}
@media (min-width:600px){body.lima:not(.woocommerce-cart):not(.woocommerce-checkout) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{top:50%;margin-top:-12px}}

/* ---------- v0.7.16 error popup (window.limaPopup) ---------- */
.woocommerce-error.lm-popped{display:none!important}
html.lm-pop-open{overflow:hidden}
.lm-pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.lm-pop[hidden]{display:none}
.lm-pop__scrim{position:absolute;inset:0;background:rgba(14,10,48,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease}
.lm-pop__card{position:relative;width:100%;max-width:440px;margin:0;padding:28px 24px calc(20px + env(safe-area-inset-bottom));
  background:var(--lm-surface,#fff);border-radius:28px 28px 0 0;box-shadow:0 -12px 40px -12px rgba(24,0,146,.35);text-align:center;
  transform:translateY(24px);opacity:0;transition:transform .2s ease,opacity .18s ease;outline:none}
.lm-pop__card::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--lm-line)}
.lm-pop.is-open .lm-pop__scrim{opacity:1}
.lm-pop.is-open .lm-pop__card{transform:none;opacity:1}
.lm-pop__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:28px;background:#fdecea;color:#c0392b;margin-bottom:14px}
.lm-pop__ic svg{width:28px;height:28px}
.lm-pop__title{margin:0 0 8px;font:600 22px/28px var(--lm-serif);letter-spacing:-.3px;color:var(--lm-ink)}
.lm-pop__msg{font:500 15px/22px var(--lm-sans);color:var(--lm-muted);margin:0 0 22px}
.lm-pop__msg p{margin:0}
.lm-pop__msg ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}
.lm-pop__msg li{position:relative;padding:10px 12px 10px 30px;border-radius:12px;background:var(--lm-sunken);color:var(--lm-ink)}
.lm-pop__msg li::before{content:"";position:absolute;left:13px;top:18px;width:6px;height:6px;border-radius:3px;background:#c0392b}
.lm-pop__msg a{color:var(--lm-navy);font-weight:700;text-decoration:underline}
.lm-pop__btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:var(--lm-r-full,999px);
  background:var(--lm-navy);color:#fff;font:700 16px/1 var(--lm-sans);cursor:pointer}
.lm-pop__btn:focus-visible{outline:3px solid var(--lm-sky,#8fb3ff);outline-offset:3px}
@media (min-width:600px){
  .lm-pop{align-items:center;padding:24px}
  .lm-pop__card{border-radius:28px;padding:32px 28px 24px;transform:scale(.96);box-shadow:0 24px 60px -20px rgba(24,0,146,.45)}
  .lm-pop__card::before{display:none}
}
@media (prefers-reduced-motion:reduce){.lm-pop__scrim,.lm-pop__card{transition:none}}

/* ---------- v0.7.17 product app bar: logo ⇄ product name ---------- */
.lm-appbar__swap{position:relative;display:flex;align-items:center;justify-content:center;height:40px;min-width:0}
.lm-appbar__swap > span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}
.lm-appbar__swap .lm-logo--appbar{height:32px;width:auto}
.lm-appbar__swap-name{opacity:0;transform:translateY(6px);font:700 16px/20px var(--lm-sans);letter-spacing:-.2px;overflow:hidden}
.lm-appbar__swap-name{display:block!important;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:40px}
.lm-appbar__swap.is-swapped .lm-appbar__swap-logo{opacity:0;transform:translateY(-6px)}
.lm-appbar__swap.is-swapped .lm-appbar__swap-name{opacity:1;transform:none}