/* ============================================================
   MINDFIT — storefront stylesheet v6 "heritage black+gold"
   Recolored to the client's previous mindfit.lv brand: #121212
   background, #B9883B gold accents, #ff3f3f red actions. Layout,
   spacing and typography unchanged from the anthracite build.
   ============================================================ */

/* -- MF-TOKENS-START -- */
:root{
  --ink:#171717;
  --bg:#121212;
  --surface:#1D1D1D;
  --surface-2:#252525;
  --border:#3A3A3A;
  --border-soft:#2C2C2C;
  --text:#EDE8E2;
  --muted:#B7AFA9;
  --gold:#B9883B;
  --gold-bright:#B9883B;
  --gold-ink:#161310;
  --green:#3E7A5C;
  --green-deep:#22453A;
  --font-head:'Poppins','Montserrat',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Poppins','Montserrat',ui-sans-serif,system-ui,sans-serif;
  --radius:8px;--radius-btn:6px;
  --container:1200px;
  --shadow-soft:0 12px 34px rgba(0,0,0,.38);
  --shadow-lift:0 20px 50px rgba(0,0,0,.5);
  --glow-gold:0 0 0 rgba(0,0,0,0);
  /* legacy aliases used by seed pages */
  --color-primary:var(--gold);
  --color-text:var(--text);
  --color-muted:var(--muted);
  --color-bg:var(--bg);
  --color-surface:var(--surface);
  --color-border:var(--border);
}
/* -- MF-TOKENS-END -- */

/* -- MF-BASE-START -- */
*,::before,::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body,body.sl-body{font-family:var(--font-body);color:var(--text);background:var(--bg) !important;line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased;font-size:16px}
/* platform sections read --sl-font-*: point them at the site fonts so bare h1-h3 (PDP title,
   related-products heading, contact form heading) and .sl-btn stop falling back to Inter/Arial */
body.sl-body{--sl-font-heading:var(--font-head);--sl-font-body:var(--font-body)}
.sl-body button,.sl-body .sl-btn,.sl-body input,.sl-body select,.sl-body textarea{font-family:inherit}
img{max-width:100%;height:auto;display:block}
a,.sl-body a{color:var(--gold);text-decoration:none}
a:hover,.sl-body a:hover{color:var(--gold-bright);text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.25;margin:0 0 .45em;font-weight:700;letter-spacing:0;color:var(--text)}
h1{letter-spacing:-.02em}
h4{font-weight:500;letter-spacing:.01em}
h1{font-size:clamp(2rem,4.5vw,3.2rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:1.35rem}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.25rem}
.narrow{max-width:46rem}
.btn,.sl-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.7rem;background:#FF3F3F;color:#FFFFFF;border-radius:var(--radius-btn);font-weight:400;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid #FF3F3F;cursor:pointer;font-family:var(--font-body);transition:background .25s,border-color .25s,color .25s,transform .2s;line-height:1.2}
.btn:hover,.sl-body .btn:hover{background:#E23434;border-color:#E23434;color:#FFFFFF;transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.btn--ghost,.sl-body .btn--ghost{background:transparent;color:var(--gold-bright);border-color:rgba(185,136,59,.45)}
.btn--ghost:hover,.sl-body .btn--ghost:hover{background:none;border-color:var(--gold);color:var(--gold-bright);box-shadow:none;transform:none}
.btn--sm{padding:.55rem .95rem;font-size:.7rem;letter-spacing:.06em;border-radius:6px}
.btn--buy{width:100%;padding:1rem 1.6rem;font-size:1.02rem}
.mt-24{margin-top:24px}.mt-32{margin-top:32px}
.section-title{text-align:center;margin-bottom:1.1em}
h1,.section-title,.sl-body h1{color:var(--gold)}
/* section headings match the hero: fixed-build Jost, bold caps (client 2026-08-20);
   .sl-body prefix outguns the platform sections.css family (Inter). Also the blog
   index h1 + article titles (both live in .sl-section--page-header), all viewports. */
.section-title,.sl-body .section-title,.mf-door__body h3,.sl-section--page-header h1,.sl-body .sl-section--page-header h1{font-family:var(--font-head);font-weight:700;letter-spacing:0;text-transform:uppercase}
.section-sub{display:none !important}
.eyebrow,.sl-eyebrow,.sl-body .sl-eyebrow{display:none !important}
/* -- MF-BASE-END -- */

/* -- MF-CHROME-START -- */
header.sl-header,.sl-section--site-header{background:var(--ink) !important;border-bottom:1px solid #2A2A2A !important;position:sticky;top:0;z-index:60}
.sl-header .sl-header__inner{min-height:4.5rem;gap:1.4rem}
.sl-header__brand{color:#fff;font-family:var(--font-head);font-size:1.3rem;letter-spacing:.04em}
/* desktop header: full MINDFIT lockup (MF + gold bar + tagline) replaces the compact
   initials; phones keep the small MF (client 2026-08-21) */
@media(min-width:721px){
  .sl-header__brand img{content:url(/api/site-media/mindfit/bb628e6d69874424923c0b62afc233fb/mindfit-logo-lockup-480w.webp);height:44px;width:auto}
}
.sl-header__brand img{height:2.4rem;width:auto}
@media (min-width:721px){.sl-header__nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}}
.sl-header__nav a{color:#FFFFFF !important;font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;line-height:1;padding:.5rem .2rem;border:0;border-bottom:1px solid transparent;border-radius:0;transition:color .2s,border-color .2s}
/* client 2026-09-17: the TOP BAR keeps the previous font (Montserrat 400, wide tracking); Poppins stays everywhere else */
header.sl-header,.sl-header .sl-lang,.sl-header .sl-lang summary,.sl-header .sl-lang__menu a,.sl-header__brand{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif}
.sl-header__nav a:hover{background:none;border-bottom-color:rgba(185,136,59,.65);color:var(--gold) !important}
.sl-header__nav a:active{transform:translateY(1px)}
.sl-header__nav a.is-active,.sl-body .sl-header__nav a.is-active{font-weight:400;background:rgba(185,136,59,.12);border-color:rgba(185,136,59,.5);color:var(--gold) !important}
.sl-header__nav a[href$="/cart"]{background:#FF3F3F;border:1px solid #FF3F3F;border-radius:6px;padding:.55rem 1.05rem;color:#FFFFFF !important;font-weight:500}
.sl-header__nav a[href$="/cart"]:hover{background:#E23434;border-color:#E23434;color:#FFFFFF !important}
.sl-lang summary{padding:.5rem .85rem;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s}
.sl-lang summary:hover{background:rgba(255,255,255,.07);border-color:#3A342A}
.sl-header__toggle summary{color:#fff;font-size:1.5rem;list-style:none;cursor:pointer}
.sl-lang summary{color:#FFFFFF;font-weight:600;cursor:pointer;list-style:none}
.sl-lang__menu{background:#1E1E1E;border:1px solid #3A3A3A;border-radius:12px;box-shadow:var(--shadow-lift)}
.sl-lang__menu a{color:#D0CAC8 !important;padding:.45rem .9rem;display:block}
.sl-lang__menu a:hover,.sl-lang__menu a.is-current{color:var(--gold) !important}
@media(max-width:860px){
  .sl-header__nav{background:var(--ink) !important}
  .sl-header__nav a{padding:.65rem 0}
}
@media(max-width:720px){
  header.sl-header,.sl-section--site-header{padding-top:.25rem !important;padding-bottom:.25rem !important}
  .sl-header .sl-header__inner{min-height:3.1rem}
  .sl-header__nav{padding-bottom:.5rem}
}
footer.sl-footer,.sl-section--site-footer{background:var(--ink) !important;color:var(--muted);padding:1.7rem 0 1rem;margin-top:0;border-top:1px solid #2A2A2A}
.sl-footer__bottom{margin-top:1.1rem !important;padding-top:.85rem !important}
.sl-footer__inner{padding-top:1rem !important;padding-bottom:.4rem !important}
main > .sl-section:last-child,main > section:last-child{padding-bottom:1.6rem !important}
.sl-footer h4{color:var(--gold);font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.9rem}
.sl-footer a{color:#DCD6D0}
.sl-footer a:hover{color:#FFFFFF}
.sl-footer__brand{color:#fff;font-family:var(--font-head);font-size:1.5rem;letter-spacing:.06em}
.sl-footer__about{max-width:26rem;font-size:.92rem;line-height:1.7;color:#AFA7A1}
.sl-footer__social a{color:var(--muted)}
.sl-footer__social a:hover{color:#FFFFFF}
.sl-footer__bottom{border-top:1px solid #2A2A2A;margin-top:2.4rem;padding-top:1.2rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;font-size:.85rem;color:#8A827B}
/* floating cart */
.mf-headcart{display:none}
@media(max-width:720px){
  .mf-headcart{position:fixed;top:.62rem;right:4.6rem;z-index:65;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:8px;background:#FF3F3F;color:#FFFFFF !important;font-size:1.02rem;line-height:1}
  .mf-headcart:hover{background:#E23434;color:#FFFFFF !important}
}
.mf-cartfab,.sl-body .mf-cartfab{position:fixed;right:1.15rem;bottom:1.15rem;z-index:70;display:flex;align-items:center;gap:.55rem;background:#FF3F3F;color:#FFFFFF;border:1px solid #FF3F3F;border-radius:8px;padding:.85rem 1.25rem;font-weight:500;letter-spacing:.08em;box-shadow:var(--shadow-lift);transition:transform .15s,background .18s}
.mf-cartfab:hover,.sl-body .mf-cartfab:hover{background:#E23434;color:#FFFFFF;transform:translateY(-2px)}
.mf-cartfab i{font-size:1.15rem;line-height:1}
.mf-cartfab__n{background:#FFFFFF;color:#C22B2B;border-radius:999px;min-width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;padding:0 .3rem}
/* -- MF-CHROME-END -- */

/* -- MF-HERO-START -- */
.mf-hero{position:relative;overflow:hidden;background:none;padding:1.6rem 0 2.4rem}
.sl-section--mf-hero{padding-top:0 !important;padding-bottom:0 !important}
.mf-hero__grid{display:grid;gap:3rem;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);align-items:center}
@media(max-width:900px){.mf-hero__grid{grid-template-columns:1fr;gap:2rem}}
/* 2026-09-17: typography mirrors the client's old Mozello site - Poppins everywhere (body 300,
   headings 700, nav 500). Poppins has NO Cyrillic: Montserrat stays in the stack as the RU
   fallback. Google's Poppins build was canvas-tested for Latvian macrons/carons (centred, OK).
   Hero title: real precomposed caps, weight 400 (client asked for non-bold). Top-bar links: Montserrat 400, no bold (client changed their mind twice on 2026-09-17; final = regular). */
.mf-hero__copy h1{font-size:clamp(2rem,4vw,3rem);max-width:18ch;margin-bottom:.35em;font-family:var(--font-head);font-weight:700;letter-spacing:-.015em;text-transform:uppercase}
.mf-hero__copy p{color:var(--muted);font-size:1.06rem;line-height:1.7;max-width:38rem;margin:0 0 .95rem}
.mf-hero__copy p:last-of-type{margin-bottom:0}
.mf-hero__cta{display:flex;gap:.9rem;flex-wrap:wrap}
.mf-hero__cta .btn{padding:1.1rem 2.4rem;font-size:.92rem;border-radius:6px}
@media(max-width:720px){
  .mf-hero__cta{flex-wrap:nowrap;gap:.6rem}
  .mf-hero__cta .btn{flex:1 1 0;padding:1rem .4rem;font-size:.92rem;letter-spacing:.02em;text-transform:none;white-space:nowrap;min-width:0}
}
.mf-hero__media{position:relative}
.mf-hero__media img{display:block;width:100%;height:auto;aspect-ratio:.92;object-fit:cover;object-position:top;border-radius:20px;border:1px solid var(--border);box-shadow:none}
@media(max-width:720px){
  .mf-hero{padding:1.15rem 0 1.5rem}
  .mf-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:.55rem .9rem;align-items:center}
  .mf-hero__copy{display:contents}
  .mf-hero__copy h1{grid-column:1;grid-row:1;font-size:1.28rem;line-height:1.28;margin:0;max-width:none}
  /* RU title's ПСИХОЛОГИЧЕСКАЯ is far wider than the LV/EN words — smaller + hyphenatable */
  :lang(ru) .mf-hero__copy h1{font-size:.98rem;hyphens:auto;overflow-wrap:anywhere}
  .mf-hero__copy p{grid-column:1;grid-row:2;font-size:.82rem;line-height:1.55;margin:0;align-self:start}
  .mf-hero__p2{display:none}
  /* portrait slides with the scroll until the hero text ends (same sticky
     pattern as .pdp__mediacol on the product page); overflow:hidden on the
     section would trap the sticky, so it opens up on phones */
  .mf-hero{overflow:visible}
  .mf-hero__media{grid-column:2;grid-row:1 / span 2;align-self:stretch}
  .mf-hero__media img{width:100%;height:auto;max-height:none;border-radius:8px;position:sticky;top:4.1rem}
  .mf-hero__cta{grid-column:1 / -1;grid-row:3;margin-top:.5rem}
}
.mf-hero__chip{position:absolute;left:-1rem;bottom:1.4rem;background:rgba(18,18,18,.88);backdrop-filter:blur(6px);border:1px solid #3A311F;border-radius:14px;padding:.75rem 1.1rem;display:flex;flex-direction:column;box-shadow:var(--shadow-soft)}
.mf-hero__chip b{color:var(--gold-bright);font-size:1.25rem;font-family:var(--font-head)}
.mf-hero__chip span{color:var(--muted);font-size:.8rem}
@media(max-width:900px){.mf-hero__chip{left:.8rem}}
.mf-hero__trustline{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;color:var(--muted);font-size:.86rem}
.mf-hero__trustline span{display:inline-flex;align-items:center;gap:.45rem}
.mf-hero__trustline i{color:var(--gold);font-size:1rem}
/* legacy hero (platform / checkout results) */
.sl-hero{background:linear-gradient(180deg,#121212 0%,var(--bg) 100%);padding:4.6rem 0}
.sl-hero__heading,.sl-hero h1{color:var(--text)}
.sl-hero__subheading{color:var(--muted)}
.hero{padding:4.5rem 0;text-align:center;background:var(--surface)}
.hero .overline{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.8rem;margin:0 0 .5rem}
.hero .lead{color:var(--muted);font-size:1.1rem;max-width:40rem;margin:1rem auto 0}
/* -- MF-HERO-END -- */

/* -- MF-SECTIONS-START -- */
.sl-section{background:transparent}
/* feature strip (value bar): one tight band, inline icons, hairline dividers */
section.sl-section--feature-grid{padding-top:.6rem;padding-bottom:2.6rem}
.sl-features{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
@media(max-width:1000px){.sl-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sl-features{grid-template-columns:1fr}}
.sl-feature{background:transparent;border:0;border-left:1px solid var(--border-soft);border-radius:0;padding:1.05rem 1.25rem;display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;align-items:center;transition:background .2s}
.sl-feature:nth-child(n+3){grid-template-columns:1fr auto}
.sl-feature:first-child{border-left:0}
@media(max-width:1000px){.sl-feature:nth-child(odd){border-left:0}.sl-feature:nth-child(n+3){border-top:1px solid var(--border-soft)}}
@media(max-width:560px){.sl-feature{border-left:0}.sl-feature:nth-child(n+2){border-top:1px solid var(--border-soft)}}
.sl-feature:hover{background:rgba(185,136,59,.06);transform:none}
.sl-feature__icon{grid-column:1;grid-row:1 / span 2;color:var(--gold);font-size:1.7rem;margin:0;line-height:1}
.sl-feature:nth-child(n+3) .sl-feature__icon{grid-column:2}
.sl-feature h3{font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.04em;color:var(--text);margin:0;grid-column:2;grid-row:1}
.sl-feature:nth-child(n+3) h3{grid-column:1}
.sl-feature__body{color:var(--muted);font-size:.8rem;grid-column:2;grid-row:2;line-height:1.45}
.sl-feature:nth-child(n+3) .sl-feature__body{grid-column:1}
.sl-cta{background:linear-gradient(120deg,#201A10 0%,#161310 100%);border:1px solid #3A311F;color:#fff;border-radius:var(--radius);padding:3rem 2.4rem}
.sl-cta h2{color:#fff}
.sl-cta .sl-eyebrow{color:var(--gold-bright)}
.sl-cta .sl-btn,.sl-cta a.btn{background:#FF3F3F;color:#FFFFFF;border-color:#FF3F3F}
.sl-section--page-header{background:linear-gradient(180deg,#121212,var(--bg));padding:3rem 0 1.6rem;border-bottom:1px solid var(--border-soft)}
.sl-rich-text__body{color:var(--text)}
.sl-rich-text__body p{color:var(--muted)}
.sl-rich-text__body h2{color:var(--text)}
.sl-rich-text__body a{color:var(--gold-bright)}
/* contact form (platform) on dark */
.sl-contact__form input,.sl-contact__form textarea,.sl-contact__form select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px}
.sl-contact__form label{color:var(--muted)}
.sl-contact__info{color:var(--muted)}
/* -- MF-SECTIONS-END -- */

/* -- MF-TILES-START -- */
.mf-tiles{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}
@media(max-width:1020px){.mf-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.mf-tiles{grid-template-columns:repeat(2,1fr)}}
/* client 2026-09-17 (final): the category name sits ABOVE its picture, outside it - so the photo is
   shown clean (no dark veil). The name row has a fixed two-line height so every picture in a row
   starts at the same level; names are bottom-aligned, right on top of their picture. */
.mf-tile{position:relative;display:flex;flex-direction:column;gap:.55rem;background:none;border:0;overflow:visible;text-decoration:none}
.mf-tile img{order:2;width:100%;aspect-ratio:1/1.06;height:auto;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-soft);background:#0E0C09;transition:transform .18s,box-shadow .2s,border-color .2s}
.mf-tile:hover img{transform:translateY(-3px);border-color:rgba(185,136,59,.6);box-shadow:var(--glow-gold)}
.mf-tile__name{order:1;display:flex;align-items:flex-end;justify-content:center;text-align:center;min-height:2.6em;padding:0 .2rem;color:var(--text);font-weight:600;font-size:.98rem;line-height:1.3;transition:color .2s}
.mf-tile:hover .mf-tile__name{color:var(--gold)}

/* -- MF-TILES-END -- */

/* -- MF-CARDS-START -- */
.product-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(4,1fr);margin-top:1.5rem}
@media(max-width:1020px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}
.product-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}
.product-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px);border-color:rgba(185,136,59,.5)}
.product-card__media{position:relative;display:block;aspect-ratio:1;background:#0E0C09;overflow:hidden}
.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-card__media img{transform:scale(1.045)}
.product-card__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-head);font-size:3rem;color:var(--border);background:var(--surface-2)}
.badge-off{position:absolute;top:.7rem;left:.7rem;z-index:3;background:var(--gold);color:var(--gold-ink);font-weight:800;font-size:.78rem;border-radius:999px;padding:.24rem .62rem;letter-spacing:.02em}
.product-card__body{display:flex;flex-direction:column;gap:.28rem;padding:.95rem 1rem 1.05rem;flex:1}
.product-card__brand{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}
.product-card__name,.sl-body .product-card__name,.sl-body a.product-card__name{color:var(--text);font-weight:600;font-size:.95rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.product-card__name:hover,.sl-body .product-card__name:hover{color:var(--gold-bright)}
.product-card__size{color:var(--muted);font-size:.8rem}
.product-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.55rem}
.product-card__price{font-weight:600;font-size:1rem;display:flex;align-items:baseline;gap:.42rem;flex-wrap:wrap;color:#F7F4EC}
.product-card__price s{color:#79715F;font-weight:500;font-size:.85rem}
.product-card__from{font-size:.74rem;color:var(--muted);font-weight:500}
/* card add-to-cart: outlined red (solid red read too heavy on the grid); fills on hover */
/* client 2026-09-17: the card button matches the header cart button exactly - red fill, white text */
.product-card__foot .btn--sm,.sl-body .product-card__foot .btn--sm{background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF}
.product-card__foot .btn--sm:hover,.sl-body .product-card__foot .btn--sm:hover{background:#E23434;border-color:#E23434;color:#FFFFFF;box-shadow:none}
/* phone: brand/type labels hidden; footer stacks — price row above a full-width add
   button, so the button sits on the same line for every card in a row and the
   old/new prices sit side by side with a small gap instead of wrapping */
@media(max-width:680px){
  .product-card__brand{display:none}
  .product-card__foot{flex-direction:column;align-items:stretch;gap:.5rem}
  .product-card__price{font-size:.92rem;gap:.35rem}
  .product-card__price s{font-size:.78rem}
  .product-card__foot .btn--sm{width:100%;padding:.62rem .4rem}
}
/* -- MF-CARDS-END -- */

/* -- MF-SHOP-START -- */
.shop-head{padding:2.6rem 0 0}
.shop-head h1{margin-bottom:.2em}
.shop-head .lead{color:var(--muted);max-width:44rem}
.shop-toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:1.4rem}
/* desktop: no title/intro on the shop page — straight to search + products (client 2026-08-20);
   the h1 stays in the DOM for SEO */
@media(min-width:721px){
  .shop-head h1,.shop-head .lead{display:none}
  .shop-head{padding-top:1.6rem}
  .shop-toolbar{margin-top:0}
}
.shop-toolbar__search{flex:0 1 270px;position:relative}
.shop-toolbar__search input{width:100%;padding:.6rem 1rem .6rem 2.4rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.93rem}
.shop-toolbar__search input::placeholder{color:#7E7663}
.shop-toolbar__search input:focus{outline:2px solid var(--gold);outline-offset:1px}
.shop-toolbar__search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.shop-toolbar select{padding:.7rem 2.2rem .7rem 1rem;border:1px solid var(--border);border-radius:999px;background-color:var(--surface-2);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A79E8C' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center}
/* price range "Cena no - lidz" (client 2026-09-17): one pill holding two bare number inputs;
   filters client-side with search + chips (MF-SHOPTOOLS). Search box narrowed to make room. */
.shop-toolbar__price{display:flex;align-items:center;gap:.3rem;padding:.2rem .7rem .2rem .95rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.85rem;white-space:nowrap}
.shop-toolbar__price:focus-within{outline:2px solid var(--gold);outline-offset:1px}
.shop-toolbar__price-label{margin-right:.15rem}
.shop-toolbar__price input,.sl-body .shop-toolbar__price input{width:4.9rem;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.9rem;padding:.42rem .15rem;text-align:center;appearance:textfield;-moz-appearance:textfield;box-shadow:none}
.shop-toolbar__price input::-webkit-outer-spin-button,.shop-toolbar__price input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.shop-toolbar__price input:focus{outline:none}
.shop-toolbar__price input::placeholder{color:#9C9286;font-size:.82rem}
.shop-toolbar__price-clear,.sl-body .shop-toolbar__price-clear{display:none;border:0;background:none;color:var(--muted);cursor:pointer;padding:0 .15rem;font-size:1.15rem;line-height:1}
.shop-toolbar__price-clear:hover{color:#FF3F3F}
.shop-toolbar__price.has-value .shop-toolbar__price-clear{display:inline-block}
@media(max-width:720px){
  .shop-toolbar__search{flex:1 1 100%}
  .shop-toolbar__price{flex:1 1 0;min-width:0;padding-left:.75rem;gap:.2rem}
  .shop-toolbar__price-label{display:none}
  .shop-toolbar__price input,.sl-body .shop-toolbar__price input{width:100%;flex:1 1 0}
  .shop-toolbar select{flex:0 0 auto;max-width:53%;padding-left:.85rem;font-size:.86rem}
  .shop-toolbar .shop-count{display:none}
}
.shop-chips{display:flex;gap:.5rem;overflow-x:auto;padding:1.1rem 0 .4rem;scrollbar-width:none;cursor:grab;user-select:none}
.shop-chips::-webkit-scrollbar{display:none}
.shop-chip,.sl-body .shop-chip{flex:0 0 auto;padding:.5rem 1.05rem;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body)}
.shop-chip:hover,.sl-body .shop-chip:hover{border-color:rgba(185,136,59,.55);color:var(--gold-bright)}
.shop-chip.is-on,.sl-body .shop-chip.is-on{background:var(--gold);border-color:var(--gold);color:#161310}
.shop-empty{display:none;text-align:center;color:var(--muted);padding:3rem 0}
.shop-count{color:var(--muted);font-size:.85rem;margin-left:auto}
/* -- MF-SHOP-END -- */

/* -- MF-PDP-START -- */
.crumbs{color:var(--muted);font-size:.85rem;margin:1.4rem 0 1.1rem}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--gold-bright)}
.pdp{display:grid;gap:2.6rem;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:start;margin-top:.4rem}
@media(max-width:860px){.pdp{grid-template-columns:1fr;gap:1.6rem}}
.pdp__mediacol{position:sticky;top:5.6rem}
@media(max-width:860px){.pdp__mediacol{position:static}}
.pdp__media{position:relative;border-radius:var(--radius);overflow:hidden;background:#0E0C09;border:1px solid var(--border);aspect-ratio:1}
.pdp__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pdp__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin-top:.6rem}
.pdp__thumb{border:1.5px solid var(--border);border-radius:10px;overflow:hidden;aspect-ratio:1;background:#0E0C09;cursor:pointer;padding:0}
.pdp__thumb img{width:100%;height:100%;object-fit:cover}
.pdp__thumb.is-on{border-color:var(--gold)}
/* -- MF-BOOKING-START -- appointment picker (products sold as bookings) */
.sl-booking{margin:1rem 0 .4rem;padding:1.1rem 1.15rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.sl-booking__heading{font-size:1.05rem;margin:0 0 .3em;color:var(--text)}
.sl-booking__intro{color:var(--muted);font-size:.9rem;margin:0 0 .85rem}
.sl-booking__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600;margin:0 0 .5rem}
.sl-booking__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.25rem}
@media(max-width:720px){.sl-booking__grid{grid-template-columns:1fr;gap:1rem}}
.sl-booking__cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.sl-booking__cal-title{font-weight:600;font-size:.95rem;color:var(--text);text-transform:capitalize}
.sl-booking__nav{background:#FFFFFF;border:1px solid var(--border);border-radius:6px;width:2rem;height:2rem;cursor:pointer;color:var(--text);font-size:1rem;line-height:1}
.sl-booking__nav:disabled{opacity:.3;cursor:default}
.sl-booking__month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.28rem;min-width:0}
.sl-booking__days,.sl-booking__times{min-width:0}
.sl-booking__dow{text-align:center;font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:.15rem 0;min-width:0;overflow:hidden;white-space:nowrap}
.sl-booking__day{aspect-ratio:1;min-width:0;border:1px solid var(--border);border-radius:6px;background:#FFFFFF;color:var(--text);font-size:.85rem;cursor:pointer;font-family:var(--font-body);padding:0}
.sl-booking__day:hover{border-color:rgba(185,136,59,.6)}
.sl-booking__day.is-selected{background:var(--gold);border-color:var(--gold);color:#161310;font-weight:600}
.sl-booking__day:disabled{opacity:.32;cursor:default;background:var(--surface-2)}
.sl-booking__day.is-pad{visibility:hidden}
.sl-booking__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.sl-booking__slot{padding:.6rem .3rem;border:1px solid var(--border);border-radius:6px;background:#FFFFFF;color:var(--text);font-size:.9rem;cursor:pointer;font-family:var(--font-body)}
.sl-booking__slot:hover{border-color:rgba(185,136,59,.6)}
.sl-booking__slot.is-selected{background:var(--gold);border-color:var(--gold);color:#161310;font-weight:600}
.sl-booking__slot.is-taken{opacity:.42;cursor:default;text-decoration:line-through;background:var(--surface-2)}
.sl-booking__slot.is-taken:hover{border-color:var(--border)}
.sl-booking__empty{color:var(--muted);font-size:.9rem;margin:0}
.sl-booking__chosen{font-size:.92rem;color:var(--text);margin:.9rem 0 0;font-weight:600}
.sl-booking__form{margin-top:.7rem;display:grid;gap:.6rem}
.sl-booking__field{display:grid;gap:.25rem;font-size:.82rem;color:var(--muted)}
.sl-booking__field input,.sl-booking__field select,.sl-booking__field textarea{padding:.62rem .7rem;border:1px solid var(--border);border-radius:6px;background:#FFFFFF;color:var(--text);font-family:var(--font-body);font-size:.95rem}
.sl-booking__message{color:#C0452C;font-size:.88rem;margin:0}
.sl-booking__submit{margin-top:.25rem;width:100%}
.sl-booking__tz{color:var(--muted);font-size:.78rem;margin:.8rem 0 0}
/* -- MF-BOOKING-END -- */
.pdp__eyebrow{display:flex;gap:.7rem;align-items:center;margin-bottom:.5rem}
.pdp__tag{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;font-size:.74rem;font-weight:700;padding:.22rem .68rem;text-transform:uppercase;letter-spacing:.08em}
.pdp__brandline{color:var(--gold);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.pdp__info h1{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.3rem}
.pdp__sub{color:var(--muted);margin:.1rem 0 .6rem}
.pdp__why{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.05rem 1.2rem;margin:1.1rem 0}
.pdp__why-title{font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:.4rem}
.pdp__pitch{margin:.1rem 0 .6rem;font-weight:600;color:var(--text)}
.pdp__points{list-style:none;margin:0;padding:0;display:grid;gap:.34rem;color:var(--text)}
.pdp__points li{padding-left:0;font-size:.93rem;color:#D9D2C2}
.pdp__price{font-size:1.9rem;font-weight:500;margin:.9rem 0 1rem;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;color:#F7F4EC}
.pdp__compare{color:#79715F;font-weight:500;font-size:1.1rem;text-decoration:line-through}
.pdp__off{background:var(--gold);color:var(--gold-ink);font-size:.8rem;font-weight:800;border-radius:999px;padding:.2rem .6rem}
.pdp__vat{color:var(--muted);font-size:.78rem;font-weight:400;margin:0 0 0 auto;align-self:center;white-space:nowrap}
.pdp__buy{display:flex;gap:.8rem;align-items:stretch;margin-top:1.1rem}
.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface-2);overflow:hidden}
.qty__btn{width:2.7rem;height:100%;min-height:3.2rem;border:0;background:transparent;font-size:1.15rem;cursor:pointer;color:var(--text)}
.qty__btn:hover{background:var(--surface)}
.qty__input{width:3rem;border:0;text-align:center;font:inherit;font-weight:700;background:transparent;color:var(--text);-moz-appearance:textfield}
.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp__guarantee{color:var(--muted);font-size:.85rem;margin-top:.9rem}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.3rem 0}
@media(max-width:640px){.trust{grid-template-columns:1fr}}
.trust__item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.1rem}
.trust__item strong{font-size:.88rem;color:var(--text)}
.trust__item span{color:var(--muted);font-size:.8rem}
.acc details{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:.6rem;overflow:hidden}
.acc summary{padding:.95rem 1.15rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text)}
.acc summary::after{content:"+";font-size:1.2rem;color:var(--muted)}
.acc details[open] summary::after{content:"\2212"}
.acc__body{padding:0 1.15rem 1.05rem;color:var(--muted);font-size:.94rem}
.acc__body p{color:var(--muted)}
.specs{width:100%;border-collapse:collapse}
.specs td{padding:.5rem 0;border-bottom:1px solid var(--border-soft);font-size:.92rem;color:var(--text)}
.specs td:first-child{color:var(--muted);width:42%}
.pdp__desc-body p{margin:.5em 0;color:#CFC8B6}
/* -- MF-PDP-END -- */

/* -- MF-CARTCHECKOUT-START -- */
.content{padding:2.6rem 0 4rem}
.cart-page h1,.checkout-page h1{margin-top:1.6rem}
.cart-table{width:100%;border-collapse:collapse;margin:1rem 0}
.cart-table td{vertical-align:middle;padding:.7rem .5rem;border-bottom:1px solid var(--border);color:var(--text)}
.cart-line-media img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.cart-qty-form{display:inline-flex;align-items:center;gap:.6rem}
.cart-qty-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:1.9rem;height:1.9rem;cursor:pointer;font-size:1rem}
.cart-qty-btn:hover{background:var(--surface)}
.cart-remove{border:0;background:none;font-size:1.25rem;color:var(--muted);cursor:pointer}
.cart-remove:hover{color:#FF5A4D}
.cart-subtotal{font-size:1.15rem;margin-top:1.1rem;color:var(--text)}
.cart-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
@media(max-width:700px){
  .cart-actions{flex-wrap:nowrap;gap:.55rem}
  .cart-actions .btn{flex:1 1 0;min-width:0;padding:.9rem .3rem;font-size:.88rem;letter-spacing:.02em;text-transform:none;white-space:nowrap}
  .cart-table,.cart-table tbody{display:block;width:100%}
  .cart-table tr{position:relative;display:grid;grid-template-columns:60px 1fr;grid-template-areas:"img name" "img controls";gap:.3rem .8rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border)}
  .cart-table tr:last-child{border-bottom:0}
  .cart-table td{display:block;padding:0;border:0}
  .cart-table td.cart-line-media{grid-area:img}
  .cart-line-media img{width:60px;height:60px}
  .cart-table td:nth-child(2){grid-area:name;padding-right:2rem;font-size:.92rem}
  .cart-table td.cart-line-qty{grid-area:controls}
  .cart-table td.cart-line-total{grid-area:controls;justify-self:end;align-self:center}
  .cart-table td:nth-child(5){position:absolute;top:.45rem;right:0}
  .cart-qty-btn{width:1.8rem;height:1.8rem}
}
.checkout-summary{border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.25rem 0;background:var(--surface)}
.checkout-summary p{margin:.25rem 0;color:var(--text)}
.checkout-total{font-size:1.15rem}
.delivery-options{margin:1.25rem 0}
.delivery-option{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:.8rem 1rem;margin:.45rem 0;cursor:pointer;transition:border-color .15s}
.delivery-option:hover{border-color:var(--gold)}
.delivery-option input[type=radio]{width:auto;padding:0;margin:0;flex:0 0 auto;accent-color:var(--gold)}
.delivery-option-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.delivery-option-label{font-weight:600;color:var(--text)}
.delivery-option-desc{font-size:.85rem;opacity:.7}
.delivery-option-desc:empty{display:none}
.delivery-option-price{flex:0 0 auto;font-weight:700;white-space:nowrap;color:#F7F4EC}
.delivery-option-price:empty::before{content:"\2014";opacity:.5}
.checkout-coupon .field-row{grid-template-columns:1fr auto;align-items:end}
.checkout-result{text-align:center;padding:5rem 0}
.account-form{display:flex;flex-direction:column;gap:.55rem;margin:1.25rem 0}
.label{font-size:.83rem;font-weight:700;color:var(--muted)}
.input,input.input,select.input,textarea.input{padding:.72rem .9rem;border:1px solid var(--border);border-radius:10px;font:inherit;width:100%;background:var(--surface-2);color:var(--text)}
.input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.field-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}
.check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted);margin:.25rem 0}
.check input{accent-color:var(--gold)}
.account-form .btn{margin-top:.75rem;border:0;cursor:pointer;font:inherit}
.btn-secondary,.sl-body .btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.account-divider{text-align:center;color:var(--muted);margin:1.5rem 0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.account-alt{color:var(--muted);font-size:.9rem;margin-top:1.5rem}
.account-greeting{color:var(--muted)}
.account-tiles{margin:1.5rem 0}
.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}
.card-icon{font-size:1.75rem;margin-bottom:.5rem}
.account-tiles .card{color:var(--text)}
.account-tiles .card:hover{text-decoration:none;border-color:rgba(185,136,59,.5);box-shadow:var(--shadow-lift)}
.account-tiles p{color:var(--muted);font-size:.9rem;margin:0}
.account-logout{margin-top:1rem}
.account-logout .btn{border:1px solid var(--border);cursor:pointer;font:inherit;margin-top:0}
.account-subhead{margin-top:2.5rem;font-size:1.15rem}
.account-table{width:100%;border-collapse:collapse;margin:1rem 0}
.account-table th,.account-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text)}
.account-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.alert{background:rgba(185,136,59,.12);border:1px solid rgba(185,136,59,.45);color:#EFDCBD;padding:.8rem 1rem;border-radius:10px;margin:1rem 0}
.error-page{padding:6rem 0;text-align:center}
/* -- MF-CARTCHECKOUT-END -- */

/* -- MF-MISC-START -- */
.mf-toast{position:fixed;left:50%;bottom:5.6rem;transform:translateX(-50%) translateY(20px);background:var(--gold);color:#161310;border-radius:12px;padding:.8rem 1.3rem;font-weight:700;font-size:.92rem;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:90;box-shadow:var(--shadow-lift)}
.mf-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
.mf-band{padding:3.4rem 0}
.mf-band--tight{padding:2.2rem 0}
/* phone: much tighter vertical rhythm between the home bands (client 2026-08-20) */
@media(max-width:720px){
  .mf-band{padding:1.5rem 0}
  .mf-band--tight{padding:1rem 0}
  section.sl-section--feature-grid{padding-top:.4rem;padding-bottom:1.4rem}
}
.skip-link{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:100}
.skip-link:focus{left:.5rem;top:.5rem}
::selection{background:rgba(185,136,59,.35)}
/* -- MF-MISC-END -- */


/* -- MF-PHASE2-START -- */
/* luxe polish */
.section-title{position:relative;padding-bottom:.55em}

.section-sub{font-family:var(--font-body);font-style:normal;font-size:1rem;color:#B8AE99}
.mf-hero__copy h1{letter-spacing:-.015em}


/* two doors */
.mf-doors{display:grid;gap:1.15rem;grid-template-columns:1fr 1fr}
@media(max-width:860px){.mf-doors{grid-template-columns:1fr}}
.mf-door{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;transition:border-color .25s,transform .2s,background .25s}
.mf-door:hover{border-color:rgba(185,136,59,.5);transform:translateY(-2px);background:var(--surface-2)}
.mf-door__body{padding:1.7rem 1.9rem;width:100%;display:flex;flex-direction:column}
.mf-door__btn{pointer-events:none;margin-top:auto;align-self:flex-start;min-width:16rem;font-size:.72rem;padding:.8rem 1.5rem}
/* consultations-door CTA: outlined red like the card add buttons — less solid red on the
   page (client 2026-08-21); fills red when the door is hovered */
.mf-door__btn.btn:not(.btn--ghost){background:transparent;border-color:#FF3F3F;color:#FF3F3F}
.mf-door:hover .mf-door__btn.btn:not(.btn--ghost){background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF}
.mf-door__over{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:var(--gold-bright);margin-bottom:.45rem}
.mf-door__body h3{font-size:1.45rem;margin-bottom:.4rem;color:var(--text)}
.mf-door__body p{color:var(--muted);font-size:.93rem;margin:0 0 1.5rem}

@media(max-width:720px){
  .mf-doors{grid-template-columns:1fr 1fr;gap:.6rem}
  .mf-door{border-radius:8px}
  .mf-door__body{padding:.9rem .9rem 1rem}
  .mf-door__body h3{font-size:1.02rem;margin-bottom:.55rem}
  .mf-door__body p{display:none}
  .mf-door .mf-door__btn{width:100%;min-width:0;padding:.6rem .2rem;font-size:.62rem;letter-spacing:.08em}
}

/* journal cards */
.journal-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(2,1fr)}
.journal-grid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.journal-grid,.journal-grid--3{grid-template-columns:1fr}}
.jcard{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}
.jcard__title,.sl-body a.jcard__title{color:var(--text)}
.jcard__title:hover,.sl-body a.jcard__title:hover{color:var(--gold-bright)}
.sl-btn,.sl-body .sl-btn,.sl-body a.sl-btn{background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:500;border-radius:6px}
.sl-btn:hover,.sl-body .sl-btn:hover{background:#E23434;border-color:#E23434;color:#FFFFFF}
.journal-grid--3 .jcard{flex-direction:column}
.jcard:hover{border-color:rgba(185,136,59,.5);transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.jcard__media{flex:0 0 200px;display:flex;align-items:center;justify-content:center;background:#0E0C09;position:relative;min-height:180px;overflow:hidden}
.journal-grid--3 .jcard__media{flex:0 0 auto;aspect-ratio:16/9}
@media(max-width:640px){.jcard{flex-direction:column}.jcard__media{flex:0 0 auto;aspect-ratio:16/9}}
.jcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jcard__media--mono span{font-family:var(--font-head);font-size:2.6rem;color:#3A311F;letter-spacing:.1em}
.jcard__body{padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.4rem}
.jcard__date{color:var(--gold);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.jcard__title{font-family:var(--font-head);font-size:1.35rem;font-weight:600;color:var(--text);line-height:1.25}
.jcard__title:hover{color:var(--gold-bright)}
.jcard__excerpt{color:var(--muted);font-size:.93rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jcard__more{color:var(--gold-bright);font-weight:700;font-size:.88rem;margin-top:auto}

/* article page */
.blog-banner{padding-top:.4rem}
.blog-banner img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}
.post__head{max-width:64rem}
.post__title{font-size:clamp(1.6rem,2.8vw,2.3rem);max-width:none}
.post__date{color:var(--gold);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin:.2rem 0 0}
.post__wrap{max-width:64rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.8rem;align-items:start;padding-top:2rem;padding-bottom:.25rem}
.post__ctawrap{max-width:64rem;padding-bottom:3.5rem}
@media(max-width:900px){
  .post__wrap{grid-template-columns:1fr;gap:1.4rem}
  .post__cover{position:static;max-width:320px}
}
.post__cover{grid-column:2;grid-row:1;margin:0;align-self:start}
/* sticky sidebar cover is desktop-only — on phones it floated over the text
   (the earlier static override lost to source order); scoping it here is order-proof */
@media(min-width:901px){.post__cover{position:sticky;top:5.6rem}}
.post__cover img{width:auto;max-width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--border)}
.post__body{grid-column:1;grid-row:1}
.post__cta{grid-column:1 / -1}
@media(max-width:900px){.post__cover{grid-column:1;grid-row:1}.post__body{grid-column:1;grid-row:2}}
.post__body{font-size:1.04rem;line-height:1.8;color:#D9D2C2}
.post__body p{margin:.9em 0}
.post__body ul{margin:.9em 0;padding-left:1.3em;color:#D9D2C2}
.post__body li{margin:.35em 0}
.post__body a.btn{margin-top:.6rem}
.post__cta{margin-top:3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.8rem;display:flex;gap:1.4rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.post__cta h3{margin-bottom:.15em}
.post__cta p{color:var(--muted);margin:0}
.post__cta-actions{display:flex;gap:.7rem;flex-wrap:wrap}
/* phone: both CTA buttons share one line (same treatment as the hero CTA) */
@media(max-width:720px){
  .post__cta-actions{flex-wrap:nowrap;width:100%;gap:.6rem}
  .post__cta-actions .btn{flex:1 1 0;min-width:0;padding:.9rem .4rem;font-size:.88rem;letter-spacing:.02em;text-transform:none;white-space:nowrap}
}

/* services page */
.svc-hero{background:linear-gradient(180deg,#1B1B1B 0%,var(--bg) 100%);padding:3rem 0 3rem}
.svc-hero__grid{display:grid;gap:3rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.svc-hero__copy{grid-column:1;grid-row:1}
.svc-hero__media{grid-column:2;grid-row:1}
@media(max-width:900px){.svc-hero__grid{grid-template-columns:1fr;gap:2rem}.svc-hero__copy{grid-column:1;grid-row:1}.svc-hero__media{grid-column:1;grid-row:2}}
.svc-hero__copy h1{font-size:clamp(2rem,4vw,3rem);max-width:18ch;font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;text-transform:uppercase}
.svc-hero__copy p{color:var(--muted);font-size:1.06rem;max-width:38rem}
.svc-hero__facts{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.4rem;color:var(--muted);font-size:.88rem}
.svc-hero__facts i{color:var(--gold);margin-right:.4rem}
.svc-hero__media img{width:100%;aspect-ratio:.92;object-fit:cover;object-position:top;border-radius:20px;border:1px solid var(--border);box-shadow:none}
/* phone: portrait floats right at its original size, aligned with the h1 top;
   the intro text starts straight under the h1 and wraps around the picture,
   then runs full-width (the client's red-box sketch, 2026-08-20) */
@media(max-width:720px){
  /* phone: no hero on /konsultacijas — straight to the sessions (client 2026-08-20) */
  .svc-hero{display:none}
  .svc-hero{padding:1.15rem 0 1.4rem}
  .svc-hero__grid{display:block}
  .svc-hero__grid::after{content:"";display:block;clear:both}
  .svc-hero__media{float:right;width:45%;margin:.2rem 0 .5rem .8rem}
  .svc-hero__media img{border-radius:8px}
  .svc-hero__copy{display:block}
  .svc-hero__copy h1{font-size:1.34rem;line-height:1.28;margin:0 0 .5rem;max-width:none}
  .svc-hero__copy p{font-size:.82rem;line-height:1.55;margin:0 0 .55rem;max-width:none}
  .svc-hero__copy p:last-of-type{margin-bottom:0}
}
.svc-grid{display:grid;gap:1.05rem;grid-template-columns:repeat(3,1fr);margin-top:1.6rem}
@media(max-width:1000px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}
.svc-card{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.45rem;transition:border-color .2s,transform .15s,box-shadow .2s}
.svc-card:hover{border-color:rgba(185,136,59,.45);transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.svc-card__top{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}
.svc-card__top h3{font-size:1.12rem;margin:0;color:var(--text);text-transform:uppercase;letter-spacing:.01em;line-height:1.3}
.svc-card__price{color:#F7F4EC;font-weight:800;white-space:nowrap}
.svc-card__pitch{color:var(--muted);font-size:.92rem;margin:0}
.svc-card__go{color:var(--gold-bright);font-weight:700;font-size:.87rem;margin-top:auto;padding-top:.4rem}
.svc-how{display:grid;gap:1.05rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.2rem}
@media(max-width:860px){.svc-how{grid-template-columns:1fr}}
.svc-how__step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.45rem;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.9rem;align-items:center}
.svc-how__step b{grid-column:2;grid-row:1;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:999px;color:var(--gold-bright);font-family:var(--font-head);font-size:1.05rem;margin:0}
.svc-how__step h3{grid-column:1;grid-row:1;font-family:var(--font-body);font-size:1rem;font-weight:700;margin:0}
.svc-how__step p{grid-column:1 / -1;grid-row:2;color:var(--muted);font-size:.9rem;margin:.5rem 0 0}
.svc-contactband{background:linear-gradient(120deg,#201A10 0%,#161310 100%);border:1px solid #3A311F;border-radius:var(--radius);padding:1.7rem 1.9rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.8rem;align-items:start}
.svc-contactband h3{color:var(--gold);margin-bottom:.25em}
.svc-contactband p{color:var(--muted);margin:0;font-size:.92rem}
.svc-contactband__form{display:grid;gap:.6rem}
.svc-cbrow{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.svc-contactband__form input,.svc-contactband__form textarea{width:100%;background:#1D1D1D;border:1px solid #3A3A3A;border-radius:6px;color:var(--text);padding:.6rem .75rem;font-family:var(--font-body);font-size:.88rem;resize:vertical}
.svc-contactband__form input::placeholder,.svc-contactband__form textarea::placeholder{color:#8C857C}
.svc-contactband__form input:focus,.svc-contactband__form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.svc-contactband__form .btn{justify-self:start;padding:.7rem 1.5rem;font-size:.72rem}
@media(max-width:860px){.svc-contactband{grid-template-columns:1fr;gap:1rem}.svc-cbrow{grid-template-columns:1fr}}
/* -- MF-PHASE2-END -- */

/* featured grid: uniform cards */
/* footer: links in two columns, balanced grid */
.sl-footer__inner{display:grid;grid-template-columns:1.15fr 1.25fr .95fr;gap:2.2rem;align-items:start}
@media(max-width:860px){.sl-footer__inner{grid-template-columns:1fr}}
.sl-footer__inner > div:nth-child(2) .sl-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.2rem;row-gap:.15rem}
.sl-footer__links a{padding:.16rem 0}
.sl-footer__bottom{justify-content:flex-start !important;gap:1.5rem;flex-wrap:wrap}
/* founder section (About) */
.founder{display:grid;gap:3rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
@media(max-width:900px){.founder{grid-template-columns:1fr;gap:1.8rem}}
.founder__media{position:sticky;top:5.6rem}
@media(max-width:900px){.founder__media{position:static;max-width:26rem}}
.founder__media img{width:100%;border-radius:20px;border:1px solid #3A311F;box-shadow:var(--shadow-lift),var(--glow-gold)}
.founder__name{font-size:clamp(1.9rem,3.4vw,2.6rem);color:var(--gold-bright);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25em}
.founder__role{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:var(--muted);margin:0 0 1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)}
.founder__text{font-size:1.02rem;line-height:1.85;color:#D9D2C2}
.founder__text p{margin:.85em 0}
.founder__text ul{list-style:none;margin:.9em 0;padding:0;display:grid;gap:.45rem}
.founder__text li{padding-left:1.5rem;position:relative;color:#D9D2C2}
.founder__text li::before{content:"";position:absolute;left:.1rem;top:.62em;width:.4rem;height:.4rem;background:var(--muted)}
.founder__text .founder__claim{font-family:var(--font-head);font-style:normal;font-weight:500;font-size:1.15rem;color:var(--text);margin-top:1.5em}
/* -- MF-REVIEWS-START -- */
.mf-reviews{position:relative}
.mf-reviews__track{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .25rem 1.1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none}
.mf-reviews__track:active{cursor:grabbing}
.mf-reviews__track::-webkit-scrollbar{display:none}
.rev-card{flex:0 0 320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem 1.15rem;display:flex;flex-direction:column;gap:.55rem}
.rev-card__stars{color:var(--gold);font-size:.82rem;letter-spacing:.14em}
.rev-card__stars .rev-dim{color:#4A4336}
.rev-card__text{color:#CFC8B8;font-size:.92rem;line-height:1.55}
.rev-card__who{margin-top:auto;padding-top:.45rem;border-top:1px solid var(--border-soft)}
.rev-card__name{color:var(--text);font-weight:700;font-size:.93rem}
.rev-card__tag{color:var(--muted);font-size:.78rem;margin-top:.12rem}
@media (max-width:760px){.rev-card{flex-basis:78vw}}
/* -- MF-REVIEWS-END -- */

/* -- MF-WHY-START (bridge hero->doors; points row on desktop, stacked on phone) -- */
.sl-section--mf-why{padding-top:0 !important;padding-bottom:0 !important}
.mf-why{padding:1.15rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:1.2rem 0 .3rem}
.mf-why__line{margin:0 0 .65rem;color:var(--text);font-size:1rem;line-height:1.5;font-weight:500}
.mf-why__points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 2rem}
.mf-why__points li{position:relative;padding-left:1.15rem;color:var(--muted);font-size:.88rem;line-height:1.45}
.mf-why__points li::before{content:"";position:absolute;left:.15rem;top:.5em;width:.42rem;height:.42rem;background:var(--gold);transform:rotate(45deg)}
@media(max-width:720px){
  .mf-why{padding:.95rem 1rem 1.05rem;margin:.9rem 0 .2rem}
  .mf-why__line{font-size:.92rem;margin-bottom:.6rem}
  .mf-why__points{flex-direction:column;gap:.35rem}
  .mf-why__points li{font-size:.84rem}
}
/* -- MF-WHY-END -- */


/* -- MF-ANTHRACITE-STRIP (technical: no ornamental icons in the value strip) -- */
.sl-feature{grid-template-columns:1fr !important}
.sl-feature:nth-child(n+3){grid-template-columns:1fr !important}
.sl-feature__icon{display:none !important}
.sl-feature h3{grid-column:1 !important}
.sl-feature__body{grid-column:1 !important}


/* -- MF-STOCK-START -- */
.pdp__avail{display:flex;align-items:center;gap:.45rem;font-size:.86rem;margin:.55rem 0 0}
.pdp__avail--in{color:#9CC1A9}
.pdp__avail-dot{width:.5rem;height:.5rem;border-radius:999px;background:#7FB491}
.pdp__avail--out{color:#D08770}
.btn[disabled]{opacity:.45;pointer-events:none}
/* -- MF-STOCK-END -- */

/* -- MF-BOXED-LIGHT-START --
   Old mindfit.lv boxed design: the page background stays #121212 (visible at the
   left/right screen edges on desktop) while the central content column is a white
   sheet. Light tokens are scoped to <main> only, so the dark header/footer keep
   the :root values. Layout/markup untouched — colors only. */
main{
  max-width:var(--container);margin:0 auto;background:#FFFFFF;
  box-shadow:0 0 34px rgba(0,0,0,.5);
  /* body resolves color:var(--text) OUTSIDE main (ivory), and plain inheritance
     carries that resolved value in — re-resolve here so unstyled text goes dark */
  color:var(--text);
  --bg:#FFFFFF;
  --surface:#F7F5F1;
  --surface-2:#EFEBE4;
  --border:#E4DFD6;
  --border-soft:#EDE9E1;
  --text:#2B2724;
  --muted:#6F6862;
  --gold-bright:#B9883B;
  --gold-ink:#161310;
}
/* full-bleed dark gradients retuned for the white sheet */
/* client 2026-09-17: every page has the same plain white background as /about (was a beige-to-white gradient behind page titles) */
main .sl-hero,main .sl-section--page-header,main .svc-hero,main .shop-head,main .mf-hero{background:#FFFFFF}
/* hardcoded ivory-on-dark text flipped dark for the white sheet */
main .product-card__price,main .pdp__price,main .delivery-option-price,main .svc-card__price{color:#2B2724}
main .product-card__price s,main .pdp__compare{color:#A39A88}
main .pdp__points li,main .post__body,main .post__body ul,main .founder__text,main .founder__text li{color:#3D3731}
main .pdp__desc-body p,main .rev-card__text{color:#57504A}
main .rev-card__stars .rev-dim{color:#E2DACB}
main .shop-toolbar__search input::placeholder{color:#9C9286}
main .alert{color:#7E6224}
main .founder__media img{border-color:#E4DFD6}
main .pdp__avail--in{color:#2E7D4F}
main .pdp__avail-dot{background:#37945F}
main .pdp__avail--out{color:#C0452C}
/* contact band: the old site's bright red section (#ff3f3f) with the white/red alt button */
main .svc-contactband{background:#FAF5EA;border-color:rgba(185,136,59,.38)}
main .svc-contactband p{color:#6F6862}
main .svc-contactband__form input,main .svc-contactband__form textarea{background:#FFFFFF;border-color:#E4DFD6;color:#2B2724}
main .svc-contactband__form input::placeholder,main .svc-contactband__form textarea::placeholder{color:#9C9286}
main .svc-contactband__form input:focus,main .svc-contactband__form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
main .svc-contactband .btn{background:var(--gold);border-color:var(--gold);color:#161310}
main .svc-contactband .btn:hover{background:#C4923F;border-color:#C4923F;color:#161310}
/* -- MF-BOXED-LIGHT-END -- */

/* -- MF-VARIANTS-START -- product variations / option chips (first used by the gift card amounts,
   2026-09-17): the radio is visually hidden, the label is the pill; selected = gold. */
.pdp__group{margin:1.1rem 0 .4rem}
.pdp__group .label{display:block;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.pdp__chips{display:flex;flex-wrap:wrap;gap:.5rem}
.pdp__chip{position:relative;cursor:pointer;margin:0}
.pdp__chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pdp__chip span{display:inline-flex;align-items:center;padding:.6rem 1.05rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-size:.92rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}
.pdp__chip:hover span{border-color:rgba(185,136,59,.6)}
.pdp__chip input:checked + span{background:var(--gold);border-color:var(--gold);color:#161310}
.pdp__chip input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
/* -- MF-VARIANTS-END -- */
.product-card__from{font-size:.72em;font-weight:500;color:var(--muted);margin-right:.1rem}
/* consultation gift card: live list of consultations with prices */
.gc-list{margin:1.1rem 0 .4rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.gc-list__title{margin:0 0 .55rem;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gc-list ul{list-style:none;margin:0;padding:0}
.gc-list li{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;border-top:1px solid var(--border);font-size:.92rem}
.gc-list li:first-child{border-top:0}
.gc-list li span{white-space:nowrap;font-weight:500}
/* consultation length (client 2026-09-17: every session is 1.5 h) */
.svc-note{margin:-.2rem 0 1.2rem;color:var(--muted);font-size:.95rem}
.svc-note i,.svc-card__dur i,.pdp__dur i{color:var(--gold);margin-right:.25rem}
.svc-card__dur{display:inline-flex;align-items:center;font-size:.82rem;font-weight:500;color:var(--muted);margin:.1rem 0 .45rem}
.pdp__dur{display:flex;align-items:center;margin:.2rem 0 .7rem;font-size:.98rem;font-weight:500;color:var(--text)}
.gc-list__note{margin:-.2rem 0 .6rem;font-size:.86rem;color:var(--muted)}

/* -- MF-HERO-TITLES -- client 2026-09-17 (screenshot of the About "Par mums" heading): every page's
   hero / main title uses that face - Poppins 700 - in ALL CAPS. Product names on a product page are
   not hero titles and keep their normal case. */
main h1,.sl-body main h1,.mf-hero__copy h1,.svc-hero__copy h1,.shop-head h1,.post__title,.sl-section--page-header h1,.sl-body .sl-section--page-header h1,.founder__name,.sl-body .founder__name{font-family:var(--font-head);font-weight:700;text-transform:uppercase}
.pdp__info h1,.sl-body main .pdp__info h1{text-transform:none}

/* client 2026-09-17: the two home "door" buttons (Pieteikties / Ienakt veikala) use the LOGO tagline
   face - Barlow Condensed (DIN-style, matches "FIT YOUR MIND & WORLD WILL TURN TO YOU"; canvas-tested
   for Latvian accents). Barlow has no Cyrillic -> Roboto Condensed stands in for Russian. */
/* client 2026-09-24: home door buttons (Pieteikties / Ienākt veikalā) in Montserrat, like the header + card buttons (was Barlow Condensed) */
.mf-door__btn.btn,.sl-body .mf-door__btn.btn{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:720px){.mf-door .mf-door__btn.btn,.sl-body .mf-door .mf-door__btn.btn{width:100% !important;min-width:0;white-space:nowrap;font-size:.6rem;letter-spacing:.05em;padding-left:.2rem;padding-right:.2rem}}

/* -- MF-CONTACTMAP -- map + directions buttons under the contact details (built by MF-CONTACTMAP js) */
.mf-map{margin-top:1.6rem}
.mf-map__title{margin:0 0 .6rem;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mf-map__frame{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-2);aspect-ratio:16/10}
.mf-map__frame iframe{display:block;width:100%;height:100%;border:0}
.mf-map__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.mf-map__btn,.sl-body .mf-map__btn{flex:1 1 12rem;gap:.4rem;padding:.75rem 1rem;font-size:.74rem;background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF}
.mf-map__btn:hover,.sl-body .mf-map__btn:hover{background:#E23434;border-color:#E23434;color:#FFFFFF}
.mf-map__btn--waze,.sl-body .mf-map__btn--waze{background:transparent;color:var(--text);border-color:var(--border)}
.mf-map__btn--waze:hover,.sl-body .mf-map__btn--waze:hover{background:var(--surface-2);color:var(--text);border-color:rgba(185,136,59,.6)}

/* client 2026-09-17 (2nd round): product add-to-cart buttons use the HEADER button face (the "Grozs" button:
   Montserrat 500, uppercase, .18em tracking) - card button / "choose" link + the big buy button on the product
   page. The home door buttons keep the logo face (Barlow Condensed). */
.product-card__foot .btn--sm,.sl-body .product-card__foot .btn--sm{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.btn--buy,.sl-body .btn--buy{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:.86rem;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:680px){.product-card__foot .btn--sm,.sl-body .product-card__foot .btn--sm{font-size:.62rem;letter-spacing:.12em}}

/* client 2026-09-17: contact details - every value starts on the same vertical line (the platform gives
   labels a min-width, so the longest label "Uznemums"/"Registration" pushed its value to the right) */
.sl-contact__info-row{display:flex;align-items:baseline;gap:.75rem}
.sl-contact__info-row .sl-contact__info-label,.sl-body .sl-contact__info-row .sl-contact__info-label{flex:0 0 7rem;width:7rem;min-width:7rem;max-width:7rem}
.sl-contact__info-row > span:not(.sl-contact__info-label),.sl-contact__info-row > div{min-width:0;flex:1 1 auto}
/* client 2026-09-17: contact details "much more compact" - tighter rows, smaller type, narrower label column */
.sl-contact__info,.sl-body .sl-contact__info{gap:.3rem}
.sl-contact__info-row,.sl-body .sl-contact__info-row{gap:.6rem;font-size:.9rem;line-height:1.4}
.sl-contact__info-row .sl-contact__info-label,.sl-body .sl-contact__info-row .sl-contact__info-label{flex:0 0 5.4rem;width:5.4rem;min-width:5.4rem;max-width:5.4rem;font-size:.84rem}
.sl-contact__info .mf-map{margin-top:1.1rem}
/* client 2026-09-17: the Google Maps + Waze buttons share the contact form's field look (beige fill, soft border, dark text) */
.mf-map__btn,.sl-body .mf-map__btn,.mf-map__btn--waze,.sl-body .mf-map__btn--waze{background:var(--surface-2);border-color:var(--border);color:var(--text);border-radius:10px}
.mf-map__btn:hover,.sl-body .mf-map__btn:hover,.mf-map__btn--waze:hover,.sl-body .mf-map__btn--waze:hover{background:var(--surface-2);border-color:rgba(185,136,59,.6);color:var(--text);box-shadow:none}
.mf-map__btn i{color:var(--gold)}

/* client 2026-09-17: contact details live in ONE line under the "Kontakti" title (CMS block
   contact/contact_lead, html); the label/value list in the right column is hidden - that column
   now holds only the map + directions buttons. Wraps naturally on narrow screens. */
.mf-contactline{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem .7rem;font-size:.98rem;color:var(--text)}
.mf-contactline a{color:var(--gold);white-space:nowrap}
.mf-contactline span{white-space:nowrap}
.mf-contactline i{font-style:normal;color:var(--muted)}
.sl-section--page-header p:has(.mf-contactline){max-width:none;margin-top:.7rem}
.sl-contact__info .sl-contact__info-row{display:none}
.sl-contact__info .mf-map{margin-top:0}
@media(max-width:720px){.mf-contactline{font-size:.9rem;gap:.15rem .5rem}.mf-contactline span{white-space:normal}}
.mf-map__btn,.sl-body .mf-map__btn{white-space:nowrap;font-size:.68rem;letter-spacing:.06em;padding:.75rem .6rem;flex:1 1 10rem}

/* client 2026-09-17: on the two-column contact layout the map fills the right column, so the direction
   buttons end on the same line as the bottom of the contact form (Nosutit button) */
@media(min-width:901px){
  .sl-contact__info,.sl-body .sl-contact__info{display:flex;flex-direction:column;align-self:stretch;height:100%}
  .sl-contact__info .mf-map{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  .sl-contact__info .mf-map__frame{flex:1 1 auto;aspect-ratio:auto;min-height:320px}
  .sl-contact__info .mf-map__actions{flex:0 0 auto}
}
/* client 2026-09-17: direction buttons sit ABOVE the map (order only - markup unchanged) */
.mf-map{display:flex;flex-direction:column}
.mf-map__actions{order:-1;margin-top:0;margin-bottom:.8rem}
/* buttons match the form inputs: same radius, vertically centred label (height set by MF-CONTACTMAP js) */
.mf-map__btn,.sl-body .mf-map__btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}

/* client 2026-09-17: the floating cart button (lower right) reads in ALL CAPS, like the header "Grozs" button */
.mf-cartfab,.sl-body .mf-cartfab{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}

/* client 2026-09-17: lists saved from the admin rich-text editor carry a <span class="ql-ui"> that the
   platform renders as a "•" - next to the theme's own square marker it showed as square + dot. Where the
   theme draws the marker itself, the editor's dot is dropped. */
.founder__text li > .ql-ui,.mf-why__points li > .ql-ui{display:none}

/* -- MF-FOOTER-V2 -- client 2026-09-17: footer restyled the same way as the contact page - compact, the
   details in ONE line (phone · address · e-mail, same order + gold links as under "KONTAKTI"), no reg. nr /
   bank account, one gold, menu links in the header's face. Platform markup is fixed (3 columns: brand,
   "Saites", "Kontakti"), so the layout is re-flowed here: row 1 = brand + menu, row 2 = details line,
   row 3 = copyright. Column headings stay in the DOM for screen readers only. */
footer.sl-footer,.sl-section--site-footer{padding:1.5rem 0 .9rem}
.sl-footer__inner{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"brand links" "contact contact";gap:1.1rem 2.5rem;align-items:center;padding-top:1.6rem !important;padding-bottom:0 !important}
.sl-footer__inner > div:nth-child(1){grid-area:brand;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name social" "about about";align-items:center;gap:.35rem 1.1rem;justify-content:start}
.sl-footer__inner > div:nth-child(2){grid-area:links}
.sl-footer__inner > div:nth-child(3){grid-area:contact;border-top:1px solid #2A2A2A;padding-top:1rem}
.sl-footer h4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.sl-footer__brand{grid-area:name;font-family:var(--font-head);font-weight:700;text-transform:uppercase;font-size:1.35rem;letter-spacing:.08em;color:#FFFFFF;margin:0}
.sl-footer__social{grid-area:social;display:flex;gap:.8rem;align-items:center;margin:0}
.sl-footer__social a{color:var(--gold);display:inline-flex}
.sl-footer__about{grid-area:about;max-width:34rem;font-size:.84rem;line-height:1.6;margin:0;color:#AFA7A1}
.sl-footer__inner > div:nth-child(2) .sl-footer__links{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1.5rem;max-width:30rem}
.sl-footer__inner > div:nth-child(2) .sl-footer__links a{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#FFFFFF;padding:.2rem 0}
.sl-footer__inner > div:nth-child(2) .sl-footer__links a:hover{color:var(--gold)}
.sl-footer__inner > div:nth-child(3) .sl-footer__links{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem 0;font-size:.92rem;color:#DCD6D0}
.sl-footer__inner > div:nth-child(3) .sl-footer__links > *{white-space:nowrap;padding:0}
.sl-footer__inner > div:nth-child(3) .sl-footer__links a{color:var(--gold)}
.sl-footer__inner > div:nth-child(3) .sl-footer__links a:hover{color:#FFFFFF}
.sl-footer__inner > div:nth-child(3) .sl-footer__links a[href^="tel:"]{order:1}
.sl-footer__inner > div:nth-child(3) .sl-footer__links span{order:2}
.sl-footer__inner > div:nth-child(3) .sl-footer__links a[href^="mailto:"]{order:3}
.sl-footer__inner > div:nth-child(3) .sl-footer__links span::before,.sl-footer__inner > div:nth-child(3) .sl-footer__links a[href^="mailto:"]::before{content:"·";color:#8A827B;margin:0 .7rem}
.sl-footer__bottom{margin-top:.9rem !important;padding-top:.75rem !important;justify-content:center !important;gap:.3rem 1.2rem;font-size:.78rem;letter-spacing:.04em;text-align:center}
@media(max-width:860px){
  .sl-footer__inner{grid-template-columns:1fr;grid-template-areas:"brand" "links" "contact";gap:1rem;text-align:center}
  .sl-footer__inner > div:nth-child(1){grid-template-columns:1fr;grid-template-areas:"name" "about" "social";justify-items:center}
  .sl-footer__about{font-size:.82rem}
  .sl-footer__inner > div:nth-child(2) .sl-footer__links{justify-content:center;max-width:none;gap:.3rem 1.1rem}
  .sl-footer__inner > div:nth-child(2) .sl-footer__links a{font-size:.68rem;letter-spacing:.14em}
  .sl-footer__inner > div:nth-child(3) .sl-footer__links{font-size:.86rem}
  .sl-footer__inner > div:nth-child(3) .sl-footer__links span{white-space:normal}
}
@media(max-width:560px){
  .sl-footer__inner > div:nth-child(3) .sl-footer__links{flex-direction:column !important;align-items:center;gap:.25rem}
  .sl-footer__inner > div:nth-child(3) .sl-footer__links span::before,.sl-footer__inner > div:nth-child(3) .sl-footer__links a[href^="mailto:"]::before{content:none}
}
.sl-footer__bottom span + span::before{content:"·";margin-right:1.2rem;color:#5E5852}
/* -- MF-FOOTER-V2-END -- */

/* client 2026-09-17: footer = brand + menu only. The details line is switched off in templates/_footer
   (show_contact:false); the copyright row is hidden here (the platform always prints it). */
.sl-footer .sl-footer__bottom{display:none !important}
.sl-footer__inner{grid-template-areas:"brand links" !important;padding-bottom:1.5rem !important}
@media(max-width:860px){.sl-footer__inner{grid-template-areas:"brand" "links" !important}}
.sl-footer__inner > div:nth-child(3){display:none !important}

/* client 2026-09-17: footer brand = ONLY the logo, the same lockup as in the header (MF + "FIT YOUR MIND &
   WORLD WILL TURN TO YOU"). The platform prints the brand as text, so the text is swapped for the image
   here; the tagline paragraph goes (the lockup already carries the slogan). */
.sl-footer__brand{font-size:0 !important;letter-spacing:0;line-height:0;display:block;width:auto;height:2.4rem;max-width:100%;aspect-ratio:5.16/1;background:url(/api/site-media/mindfit/bb628e6d69874424923c0b62afc233fb/mindfit-logo-lockup-480w.webp) left center/contain no-repeat}
.sl-footer__about{display:none !important}
@media(max-width:860px){.sl-footer__brand{background-position:center;margin:0 auto}}

/* client 2026-09-17: footer menu in ONE line (desktop/tablet); phones keep the centred wrap */
@media(min-width:861px){
  .sl-footer__inner{grid-template-columns:auto minmax(0,1fr) !important}
  .sl-footer__inner > div:nth-child(2) .sl-footer__links{flex-wrap:nowrap !important;max-width:none !important;gap:0 1.5rem;white-space:nowrap}
}
@media(min-width:861px) and (max-width:1080px){
  .sl-footer__inner > div:nth-child(2) .sl-footer__links{gap:0 1.05rem}
  .sl-footer__inner > div:nth-child(2) .sl-footer__links a{font-size:.68rem;letter-spacing:.14em}
}

/* client 2026-09-17: the gold "Lasīt vairāk →" links on blog cards (blog page + home teaser) were hard to
   see on the beige card - now dark text with a thick gold underline, a little larger; gold on hover.
   Plain links inside an article body get the same treatment. */
.jcard__more,.sl-body .jcard__more{color:var(--text);font-weight:600;font-size:.95rem;align-self:flex-start;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.32em;transition:color .15s}
.jcard__more:hover,.sl-body .jcard__more:hover{color:var(--gold)}
.post__body a:not(.btn),.sl-body .post__body a:not(.btn){color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.25em}
.post__body a:not(.btn):hover{color:var(--gold)}

/* client 2026-09-21: the "Nezini, ar ko sākt?" form under the consultations looks like the banner at the
   bottom of the shop (.post__cta): same beige box + border, dark bold heading, muted text, the standard
   red button on the right. Still a working form (name / e-mail / message). */
main .svc-contactband{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.8rem;gap:1.4rem 2.4rem;align-items:center;margin-top:3rem}
main .svc-contactband h3{color:var(--text);font-family:var(--font-head);font-weight:700;margin:0 0 .25em}
main .svc-contactband p{color:var(--muted);font-size:1rem;margin:0}
main .svc-contactband__form input,main .svc-contactband__form textarea{background:#FFFFFF;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem;font-size:.92rem}
main .svc-contactband__form input::placeholder,main .svc-contactband__form textarea::placeholder{color:var(--muted)}
main .svc-contactband .btn,.sl-body main .svc-contactband .btn{background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF;justify-self:end;padding:1rem 2rem;font-size:.8rem}
main .svc-contactband .btn:hover,.sl-body main .svc-contactband .btn:hover{background:#E23434;border-color:#E23434;color:#FFFFFF}
@media(max-width:860px){main .svc-contactband{padding:1.3rem 1.1rem}main .svc-contactband .btn{justify-self:stretch;width:100%}}

/* -- MF-COMPLIANCE-2026-09-22 -- card-acquirer requirements (Mastercard/Visa "Prasibas internetveikaliem").
   Checkout: order lines, accepted-card logos, seller line, two consents. Legal bar under the footer.
   Contact page: the platform's requisites rows are shown again (company + reg. nr, legal address,
   phone, e-mail are REQUIRED on the "contact us" section) - compact, under the map. */
.co-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin:0 0 1.4rem}
.co-summary__title{font-size:1rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.08em}
.co-lines{width:100%;border-collapse:collapse}
.co-lines td{padding:.45rem 0;border-top:1px solid var(--border);vertical-align:middle;font-size:.95rem}
.co-lines tr:first-child td{border-top:0}
.co-lines__media{width:52px;padding-right:.7rem !important}
.co-lines__media img{width:44px;height:44px;object-fit:cover;border-radius:6px;display:block}
.co-lines__name small{display:block;color:var(--muted);font-size:.8rem}
.co-lines__qty{white-space:nowrap;color:var(--muted);text-align:right;padding-right:1rem !important}
.co-lines__total{white-space:nowrap;text-align:right;font-weight:600}
.co-summary__edit{margin:.6rem 0 0;font-size:.85rem}
.co-cards{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1.1rem 0 .4rem;font-size:.86rem;color:var(--muted)}
.co-cards__logos{display:inline-flex;gap:.5rem;align-items:center}
.co-cards__logos img,.mf-legalbar__cards img{height:31px;width:auto;background:#fff;border:1px solid var(--border);border-radius:5px;padding:2px 6px;box-sizing:content-box}
.co-seller{font-size:.84rem;color:var(--muted);line-height:1.55;margin:.4rem 0 1rem}
.co-seller a{color:var(--gold)}
.check.co-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;line-height:1.5;margin:.7rem 0}
.check.co-consent input{margin-top:.25em;flex:0 0 auto}
.check.co-consent a{color:var(--gold);text-decoration:underline;text-underline-offset:.15em}
.co-confirm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin:1rem 0 1.4rem}
.co-confirm p{margin:0 0 .6rem;font-size:.95rem}
.co-confirm__links a{color:var(--gold)}
/* legal bar under the footer */
.mf-legalbar{background:#111111;border-top:1px solid #2A2A2A;color:#8A827B}
.mf-legalbar__inner{max-width:1200px;margin:0 auto;padding:.85rem 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem}
.mf-legalbar__links{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem}
.mf-legalbar__links a{color:#B7AFA9;font-size:.74rem;letter-spacing:.03em;text-decoration:none}
.mf-legalbar__links a:hover{color:#FFFFFF}
.mf-legalbar__cards{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;white-space:nowrap}
.mf-legalbar__cards img{height:21px;padding:1px 4px;border:0}
@media(max-width:860px){.mf-legalbar__inner{justify-content:center;text-align:center}.mf-legalbar__links{justify-content:center}}
/* contact page: requisites rows back, compact, after the map */
.sl-contact__info .sl-contact__info-row{display:flex !important;order:5;gap:.5rem;align-items:baseline;font-size:.86rem;line-height:1.4;padding:0;margin:0}
.sl-contact__info .sl-contact__info-row + .sl-contact__info-row{margin-top:.2rem}
.sl-contact__info .mf-map ~ .sl-contact__info-row:first-of-type,.sl-contact__info .sl-contact__info-row:first-of-type{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}
.sl-contact__info .sl-contact__info-label{flex:0 0 5.6rem;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.sl-contact__info .sl-contact__info-row a{color:var(--gold)}
@media(min-width:901px){.sl-contact__info .mf-map{flex:0 0 auto}}
/* -- MF-COMPLIANCE-2026-09-22-END -- */

/* client 2026-09-22: "Mans konts" in the header as an ICON only (person), left of the cart button; the text
   stays for screen readers and in the phone burger menu. Mobile bar gets a fixed icon next to the cart icon. */
.sl-header__nav a[href$="/account"]{display:inline-flex;align-items:center;gap:.45rem}
.sl-header__nav a[href$="/account"]::before{content:"";display:inline-block;width:1.2rem;height:1.2rem;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/></svg>") center/contain no-repeat}
@media(min-width:861px){
  .sl-header__nav a[href$="/account"]{font-size:0;letter-spacing:0;padding:.45rem .35rem;margin-right:.25rem}
  .sl-header__nav a[href$="/account"]::before{width:1.35rem;height:1.35rem}
}
.mf-headacct{display:none}
@media(max-width:720px){
  .mf-headacct{position:fixed;top:.62rem;right:7.4rem;z-index:65;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:8px;border:1px solid #3A3A3A;background:#1D1D1D;color:#FFFFFF !important;font-size:1.1rem;line-height:1}
  .mf-headacct:hover{color:var(--gold) !important;border-color:var(--gold)}
  .sl-header__nav a[href$="/account"]{display:none}
}
@media(min-width:721px) and (max-width:860px){.mf-headacct{display:none}}

/* client 2026-09-22: legal bar = ONE line - the five legal links and "Pieņemam: Mastercard, Visa" together, centred */
@media(min-width:861px){
  .mf-legalbar__inner{flex-wrap:nowrap;justify-content:center;gap:0 1.1rem;padding:.7rem 24px}
  .mf-legalbar__links{flex-wrap:nowrap;gap:0 1.1rem;white-space:nowrap}
  .mf-legalbar__links a{font-size:.7rem}
  .mf-legalbar__cards{font-size:.7rem;padding-left:1.1rem;border-left:1px solid #2A2A2A}
  .mf-legalbar__cards img{height:18px}
}
@media(min-width:861px) and (max-width:1120px){
  .mf-legalbar__inner,.mf-legalbar__links{gap:0 .8rem}
  .mf-legalbar__links a{font-size:.64rem;letter-spacing:.01em}
  .mf-legalbar__cards{font-size:.64rem;padding-left:.8rem}
}

/* client 2026-09-24: contact details - the word labels (Tālrunis / Adrese / E-pasts / Uzņēmums) become gold
   icons (phone, map pin, envelope, building). The label text stays in the DOM, visually hidden, for screen
   readers. Default icon = map pin (address row); phone / e-mail / company rows matched by content (:has). */
.sl-contact__info .sl-contact__info-row{align-items:flex-start;gap:.75rem}
.sl-contact__info .sl-contact__info-row .sl-contact__info-label,.sl-body .sl-contact__info .sl-contact__info-row .sl-contact__info-label{flex:0 0 1.35rem !important;width:1.35rem !important;min-width:1.35rem !important;max-width:1.35rem !important;font-size:0 !important;letter-spacing:0;color:transparent;line-height:1.4rem;text-align:center;position:relative}
.sl-contact__info .sl-contact__info-label::before{font-family:"bootstrap-icons";font-size:1.05rem;line-height:1.4rem;color:var(--gold);content:"\f3e8";display:inline-block;vertical-align:top}
.sl-contact__info .sl-contact__info-row:has(a[href^="tel:"]) .sl-contact__info-label::before{content:"\f5c1"}
.sl-contact__info .sl-contact__info-row:has(a[href^="mailto:"]) .sl-contact__info-label::before{content:"\f32f"}
.sl-contact__info .sl-contact__info-row:has(strong) .sl-contact__info-label::before{content:"\f1dd"}
.sl-contact__info .sl-contact__info-row > :not(.sl-contact__info-label){line-height:1.4rem;font-size:.92rem}

/* client 2026-09-24: phones show the FULL logo too (MF + "FIT YOUR MIND & WORLD WILL TURN TO YOU"), not only
   the MF initials - sized to leave room for the account / cart / menu icons on the right. */
@media(max-width:720px){
  .sl-header__brand img,.sl-body .sl-header__brand img{content:url(/api/site-media/mindfit/bb628e6d69874424923c0b62afc233fb/mindfit-logo-lockup-480w.webp);height:2rem;width:auto;max-width:44vw;object-fit:contain;object-position:left center}
}

/* client 2026-09-24: cart / checkout buttons and the floating cart use the same face as the header "Grozs"
   and the product buttons (Montserrat 500, capitals) - they were Poppins light/regular. */
.mf-cartfab,.sl-body .mf-cartfab,
.cart-page .btn,.sl-body .cart-page .btn,
.checkout-page .btn,.sl-body .checkout-page .btn,
.checkout-result .btn,.sl-body .checkout-result .btn{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif !important;font-weight:500 !important;text-transform:uppercase;letter-spacing:.14em}
.checkout-page [data-checkout-submit]{font-size:.86rem}
@media(max-width:720px){
  .cart-page .cart-actions{display:flex;flex-direction:column;gap:.6rem}
  .cart-page .cart-actions .btn{width:100%;margin:0;font-size:.74rem;letter-spacing:.08em;white-space:nowrap;padding-left:.6rem;padding-right:.6rem}
  .checkout-page .btn{letter-spacing:.08em}
}

/* client 2026-09-24: shop buttons IDENTICAL to the floating "Grozs" - same face, weight, size and spacing on
   desktop and phone (pay / coupon / cart / result pages). */
.mf-cartfab,.sl-body .mf-cartfab,
.cart-page .btn,.sl-body .cart-page .btn,.cart-page .cart-actions .btn,
.checkout-page .btn,.sl-body .checkout-page .btn,.checkout-page [data-checkout-submit],
.checkout-result .btn,.sl-body .checkout-result .btn{font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif !important;font-weight:500 !important;font-size:.8rem !important;letter-spacing:.14em !important;text-transform:uppercase !important}

/* client 2026-09-24: phone-only "back to top" button, lower-left corner, same height as the floating cart
   on the right; fades in after the first screen. */
.mf-totop{display:none}
@media(max-width:720px){
  .mf-totop{display:flex;position:fixed;left:1.15rem;bottom:1.15rem;z-index:70;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--gold);background:#171717;color:#FFFFFF;font-size:1.15rem;line-height:1;box-shadow:var(--shadow-lift);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
  .mf-totop.is-on{opacity:1;visibility:visible;transform:none}
  .mf-totop:active{background:var(--gold);color:#171717}
}

/* client 2026-09-24: product photo swipe (touch) - slide-in animation + dots under the photo on phones */
.pdp__media.is-swipe{touch-action:pan-y}
.pdp__media img.is-in-right{animation:pdpInR .28s ease-out}
.pdp__media img.is-in-left{animation:pdpInL .28s ease-out}
@keyframes pdpInR{from{transform:translateX(18%);opacity:.35}to{transform:none;opacity:1}}
@keyframes pdpInL{from{transform:translateX(-18%);opacity:.35}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.pdp__media img.is-in-right,.pdp__media img.is-in-left{animation:none}}
.pdp__dots{display:none}
@media(max-width:860px){
  .pdp__dots{display:flex;position:absolute;left:0;right:0;bottom:.7rem;justify-content:center;gap:.4rem;z-index:3;pointer-events:none}
  .pdp__dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
  .pdp__dots span.is-on{background:var(--gold)}
}

/* client 2026-09-24: the "back to top" button on DESKTOP too (same look, lower-left; gold on hover) */
@media(min-width:721px){
  .mf-totop{display:flex;position:fixed;left:1.4rem;bottom:1.4rem;z-index:70;width:3.1rem;height:3.1rem;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--gold);background:#171717;color:#FFFFFF;font-size:1.2rem;line-height:1;box-shadow:var(--shadow-lift);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s,background .15s,color .15s}
  .mf-totop.is-on{opacity:1;visibility:visible;transform:none}
  .mf-totop:hover{background:var(--gold);color:#171717}
}
.mf-totop svg{display:block;width:1.35rem;height:1.35rem}

/* client 2026-09-24: desktop "back to top" = a square twin of the floating "Grozs" button, docked right next
   to it (position/height set by site.js MF-TOTOP) - same red, same radius and shadow. Phone keeps lower-left. */
@media(min-width:721px){
  .mf-totop{left:auto;right:1.15rem;bottom:1.15rem;width:3.25rem;height:3.25rem;background:#FF3F3F;border:1px solid #FF3F3F;color:#FFFFFF;border-radius:8px;box-shadow:var(--shadow-lift)}
  .mf-totop:hover{background:#E23434;border-color:#E23434;color:#FFFFFF;transform:translateY(-2px)}
  .mf-totop svg{width:1.25rem;height:1.25rem}
}

/* client 2026-09-24: product buttons use the home "Pieteikties" style - red OUTLINE (transparent fill, red
   text) that fills red with white text on hover. On cards the fill happens when the whole card is hovered,
   exactly like the home door boxes; the big product-page button fills when the button itself is hovered. */
.product-card__foot .btn--sm,.sl-body .product-card__foot .btn--sm,
.btn--buy,.sl-body .btn--buy{background:transparent;border:1px solid #FF3F3F;color:#FF3F3F;box-shadow:none;transition:background .25s,border-color .25s,color .25s,transform .2s}
.product-card:hover .product-card__foot .btn--sm,.sl-body .product-card:hover .product-card__foot .btn--sm,
.product-card__foot .btn--sm:hover,.sl-body .product-card__foot .btn--sm:hover,
.product-card__foot .btn--sm:focus-visible,
.btn--buy:hover,.sl-body .btn--buy:hover,.btn--buy:focus-visible{background:#FF3F3F;border-color:#FF3F3F;color:#FFFFFF;box-shadow:none}
.btn--buy:disabled,.btn--buy[disabled]{background:transparent;border-color:var(--border);color:var(--muted);cursor:not-allowed}

/* client 2026-09-24: back-to-top button in the lower-RIGHT corner, to the right of the floating "Grozs";
   the cart button moves left to make room. Same height as the cart button (3.25rem), phone + desktop. */
.mf-totop,.sl-body .mf-totop{left:auto !important;right:1.15rem !important;bottom:1.15rem !important;width:3.25rem !important;height:3.25rem !important}
.mf-cartfab,.sl-body .mf-cartfab{right:calc(1.15rem + 3.25rem + 10px) !important;bottom:1.15rem !important;min-height:3.25rem;box-sizing:border-box}

/* client 2026-09-24: desktop product gallery - previous / next arrows on the photo (plus click-photo = next,
   keyboard arrows), dots under the photo like on phones. Phones keep swipe only (arrows hidden). */
.pdp__nav{display:none}
@media(min-width:861px){
  .pdp__nav{display:flex;position:absolute;top:50%;z-index:4;width:2.8rem;height:2.8rem;margin-top:-1.4rem;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(23,23,23,.55);color:#FFFFFF;cursor:pointer;padding:0;opacity:.85;transition:opacity .2s,background .2s,border-color .2s,transform .2s;backdrop-filter:blur(2px)}
  .pdp__nav--prev{left:.9rem}
  .pdp__nav--next{right:.9rem}
  .pdp__nav:hover,.pdp__nav:focus-visible{opacity:1;background:#FF3F3F;border-color:#FF3F3F}
  .pdp__nav--prev:hover{transform:translateX(-2px)}
  .pdp__nav--next:hover{transform:translateX(2px)}
  .pdp__dots{display:flex;position:absolute;left:0;right:0;bottom:.8rem;justify-content:center;gap:.45rem;z-index:3;pointer-events:none}
  .pdp__dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
  .pdp__dots span.is-on{background:var(--gold)}
}

/* client 2026-09-24: checkout consents kept short; the returns summary is collapsed under its checkbox */
.co-consent-more{margin:-.3rem 0 .9rem 1.9rem;font-size:.82rem;color:var(--muted)}
.co-consent-more summary{cursor:pointer;color:var(--gold);list-style:none;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}
.co-consent-more summary::-webkit-details-marker{display:none}
.co-consent-more summary::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.co-consent-more[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.co-consent-more p{margin:.45rem 0 0;line-height:1.5}

/* MF-PDP-SECTIONS 2026-09-27: the product page is now built from sections (admin: Store > Product pages;
   templates/product + templates/product--konsultacijas). Their platform wrappers must not add band padding:
   main = the old ".content pdp-page" band (top 0, bottom 0 - related continues it), related carries the old
   4rem bottom, the structured-data section is invisible. Not-found page keeps the old 2.6rem top. */
.sl-section.sl-section--mf-pdp-main{padding-top:0;padding-bottom:0}
.sl-section.sl-section--mf-pdp-main:not(:has(.pdp)){padding-top:2.6rem}
.sl-section.sl-section--mf-pdp-related{padding:0 0 4rem}
main > .sl-section.sl-section--mf-pdp-schema{padding:0 !important}

/* MF-PAYCARDS (2026-09-28): footer legal bar shows ONLY the real Mastercard + Visa marks (official vector
   artwork, inline SVG) on white card-shaped badges - no "Pieņemam: ..." text. */
.mf-legalbar__cards{gap:.45rem}
.mf-paycard{display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;background:#FFFFFF;border-radius:4px;box-sizing:border-box;flex:0 0 auto}
.mf-paycard svg{display:block;height:18px;width:auto}
.mf-paycard[title="Visa"] svg{height:11px}
@media(max-width:860px){.mf-legalbar__cards{width:100%;justify-content:center}}

/* client 2026-09-28: links inside rich-text blocks (About "KONTAKTU FORMU" / "KONSULTĀCIJAS" etc.) are
   gold AND underlined so they read as links, like the blog-post links. */
.sl-rich-text__body a,.sl-body .sl-rich-text__body a{color:var(--gold-bright);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:.25em;transition:color .15s}
.sl-rich-text__body a:hover{color:var(--text)}

/* -- MF-FIXES-2026-09-28 -- client list of 2026-09-27 */
/* square / diamond list markers looked machine-made -> plain round dots, like the client's own lists */
/* 2026-09-29: About page list keeps its original SQUARE markers (client asked to have them back) */
.mf-why__points li::before{border-radius:0;transform:none}
/* About text: the section heading (h2, e.g. "Darbības sfēras") is gold + uppercase, the service headings (h3)
   stay dark with a gold rule, so the two levels no longer read as one style */
.sl-rich-text__body h2{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.35rem,2.4vw,1.75rem);margin:1.7em 0 .8em}
.sl-rich-text__body h3{color:var(--text);font-size:clamp(1.1rem,1.8vw,1.3rem);margin:1.5em 0 .55em;padding-left:.75rem;border-left:3px solid var(--gold);line-height:1.3}
/* "Tev varētu patikt arī" sat right under the gallery (desktop) / the info rows (phone) */
.sl-section.sl-section--mf-pdp-related{padding-top:3.4rem}
.sl-section.sl-section--mf-pdp-related h2{margin-top:0}
@media(max-width:720px){.sl-section.sl-section--mf-pdp-related{padding-top:2.6rem}}
/* the floating buttons must never sit on the last lines of a page: room under the content on phones */
@media(max-width:720px){main{padding-bottom:4.75rem}}

/* client 2026-09-29: on desktop the RU tile button "В КОРЗИНУ" broke its "В" onto a second line on
   discounted cards (price + crossed-out price leave little room). The button never wraps now and keeps
   its width; the price column gives way instead (the old price drops under the new one). RU also gets
   slightly tighter letter-spacing, its label being the longest. */
.product-card__foot .btn--sm,.sl-body .product-card__foot .btn--sm{white-space:nowrap;flex-shrink:0}
.product-card__price{min-width:0}
@media(min-width:681px){html[lang="ru"] .product-card__foot .btn--sm,html[lang="ru"] .sl-body .product-card__foot .btn--sm{letter-spacing:.12em;padding-left:.8rem;padding-right:.8rem}}

/* client 2026-09-29: desktop product photo can be dragged sideways with the mouse (see MF-GALLERY js) */
[data-pdp-mainimg]{-webkit-user-drag:none;user-select:none}
[data-pdp-mainimg].is-dragging{cursor:grabbing !important}

/* client 2026-09-29: About page - the service headings in the text ("Personības izaugsmes trenera konsultācijas"...)
   read too dark; they now use the same face as the founder line under her name ("Tiešsaistes centra
   dibinātāja..."): Poppins bold, capitals, wide letter-spacing, warm grey. The gold rule stays. */
main:has(.sl-section--mf-founder) .sl-rich-text__body h3{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.9rem;line-height:1.5}
/* client 2026-09-29: desktop product-gallery arrows take the SHAPE of the "back to top" button (rounded square,
   bold chevron) but keep the original colours: dark see-through, thin light border, red on hover. */
@media(min-width:861px){
  .pdp__nav,.sl-body .pdp__nav{width:3.25rem;height:3.25rem;margin-top:-1.625rem;border-radius:8px}
  .pdp__nav svg{width:1.25rem;height:1.25rem}
}

/* client 2026-09-29: list markers are SQUARES everywhere on the site (About, home "why" points, blog posts,
   product descriptions, terms pages) - plain lists and the admin editor's bullet lists alike. Content areas
   only, so menus and card lists keep no markers. */
:is(.sl-rich-text__body,.post__body,.acc__body,.pdp__desc,.legal,main .content) ul:not([class]) > li:not([data-list]){list-style-type:square}
li[data-list=bullet] > .ql-ui::before{content:'\25AA'}

/* -- MF-BF-START -- Black Friday band on the home page (section mf-blackfriday, 2026-10-29): black full-width
   band, one sliding row of product cards (scroll-snap), round arrows; motion in site.js block MF-BF. The shop's
   Black Friday button (pages/shop, .shop-chip--bf) is black too. -- */
main .mf-bf-band{background:#141414}
main .mf-bf-band:empty{display:none}
.mf-bf .section-title{color:#FFFFFF;text-transform:uppercase;letter-spacing:.08em}
.mf-bf__wrap{position:relative}
.mf-bf__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*1.15rem)/4);gap:1.15rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:1.5rem;padding:4px 0 10px}
.mf-bf__track::-webkit-scrollbar{display:none}
.mf-bf__track>.product-card{scroll-snap-align:start}
.mf-bf__track.is-drag{scroll-snap-type:none;cursor:grabbing}
.mf-bf__track.is-drag .product-card{pointer-events:none}
.mf-bf__track img{-webkit-user-drag:none;user-select:none}
.mf-bf__nav{position:absolute;top:42%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:0;padding:0;background:#FFFFFF;color:#141414;box-shadow:0 3px 14px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}
.mf-bf__nav:hover{transform:translateY(-50%) scale(1.07)}
.mf-bf__nav[hidden]{display:none}
.mf-bf__nav--prev{left:-18px}
.mf-bf__nav--next{right:-18px}
.mf-bf__all{text-align:center;margin-top:1.6rem}
.mf-bf .btn--ghost,.sl-body .mf-bf .btn--ghost{color:#FFFFFF;border-color:rgba(255,255,255,.6)}
.mf-bf .btn--ghost:hover,.sl-body .mf-bf .btn--ghost:hover{background:#FFFFFF;color:#141414;border-color:#FFFFFF}
.shop-chip.shop-chip--bf:not(.is-on),.sl-body .shop-chip.shop-chip--bf:not(.is-on){background:#141414;border-color:#141414;color:#FFFFFF}
@media(max-width:1020px){.mf-bf__track{grid-auto-columns:calc((100% - 2*1.15rem)/3)}.mf-bf__nav--prev{left:-8px}.mf-bf__nav--next{right:-8px}}
@media(max-width:680px){.mf-bf__track{grid-auto-columns:44%;gap:.75rem}.mf-bf__nav{display:none}}
/* -- MF-BF-END -- */