/* ==========================================================================
   MC2 — Medics Care experience layer · core
   RTL-first. Logical properties everywhere so the LTR fallback stays sane.
   ========================================================================== */

/* ------------------------------------------------------------------ base */
body.mc2{color:var(--mc2-ink);line-height:1.6;font-size:16.5px;letter-spacing:0}
body.mc2 #main,body.mc2 .page-wrapper{background:var(--mc2-bone)}
body.mc2 a{color:inherit;text-decoration:none;transition:color .25s var(--mc2-ease),opacity .25s var(--mc2-ease)}
body.mc2 img{max-width:100%;height:auto}
body.mc2 ::selection{background:var(--mc2-accent);color:#fff}
body.mc2 :focus-visible{outline:2px solid var(--mc2-accent);outline-offset:3px;border-radius:4px}

body.mc2 h1,body.mc2 h2,body.mc2 h3,body.mc2 h4,body.mc2 h5{
  font-family:var(--mc2-display);color:var(--mc2-ink);letter-spacing:-.015em;
  line-height:1.12;font-weight:700;margin:0 0 .5em}
body.mc2.mc2-disp-serif{--mc2-display:var(--mc2-serif)}
body.mc2.mc2-disp-serif h1,body.mc2.mc2-disp-serif h2{letter-spacing:-.005em;font-weight:600}

.mc2-h1{font-size:clamp(2.1rem,5.2vw,4rem);line-height:1.05}
.mc2-h2{font-size:clamp(1.65rem,3.4vw,2.7rem);line-height:1.1}
.mc2-h3{font-size:clamp(1.2rem,2vw,1.6rem)}
.mc2-lead{font-size:clamp(1rem,1.35vw,1.2rem);color:var(--mc2-slate);line-height:1.7;max-width:62ch}
.mc2-kicker{display:inline-flex;align-items:center;gap:.55em;font-size:.72rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--mc2-accent)}
.mc2-kicker::before{content:"";inline-size:22px;block-size:1.5px;background:currentColor;opacity:.55}
.mc2-muted{color:var(--mc2-slate)}
.mc2-serif{font-family:var(--mc2-serif)}
.mc2-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* -------------------------------------------------------------- layout */
.mc2-wrap{max-inline-size:var(--mc2-max);margin-inline:auto;padding-inline:var(--mc2-gut)}
.mc2-wrap--wide{max-inline-size:1520px}
.mc2-sec{padding-block:clamp(52px,7vw,110px);position:relative}
.mc2-sec--tight{padding-block:clamp(34px,4vw,60px)}
.mc2-sec--dark{background:var(--mc2-brand-surface);color:var(--mc2-bone)}
.mc2-sec--dark h1,.mc2-sec--dark h2,.mc2-sec--dark h3{color:var(--mc2-bone)}
.mc2-sec--dark .mc2-lead,.mc2-sec--dark .mc2-muted{color:var(--mc2-mist)}
.mc2-sec--tint{background:var(--mc2-brand-tint);color:var(--mc2-brand-on-tint)}
.mc2-sec--paper{background:var(--mc2-paper)}
.mc2-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin-block-end:clamp(26px,3vw,46px);flex-wrap:wrap}
.mc2-sechead>div{max-inline-size:70ch}
.mc2-grid{display:grid;gap:clamp(14px,1.6vw,24px)}
.mc2-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mc2-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mc2-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mc2-rule{block-size:1px;background:var(--mc2-line);border:0;margin:0}
.mc2-sec--dark .mc2-rule{background:var(--mc2-line-dark)}

/* -------------------------------------------------------------- motion */
[data-mc2-rv]{opacity:0;transform:translateY(20px);
  transition:opacity .8s var(--mc2-ease) var(--rv-d,0ms),transform .8s var(--mc2-ease) var(--rv-d,0ms)}
[data-mc2-rv].is-in{opacity:1;transform:none}
body.mc2-motion-spring [data-mc2-rv]{transform:translateY(26px) scale(.97);
  transition-timing-function:cubic-bezier(.34,1.56,.64,1);transition-duration:.75s}
body.mc2-motion-sharp [data-mc2-rv]{transform:translateY(0) translateX(18px);transition-duration:.5s;
  transition-timing-function:var(--mc2-ease-io)}
body.mc2-motion-silk [data-mc2-rv]{transform:translateY(14px);filter:blur(6px);transition-duration:1.1s}
body.mc2-motion-silk [data-mc2-rv].is-in{filter:none}
@media (prefers-reduced-motion:reduce){
  [data-mc2-rv]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  body.mc2 *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
@keyframes mc2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes mc2-sheen{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(220%) skewX(-18deg)}}
@keyframes mc2-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mc2-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mc2-accent) 45%,transparent)}
  100%{box-shadow:0 0 0 18px transparent}}

/* ------------------------------------------------------------- buttons */
/* Icon-only controls must zero the theme's button padding. Flatsome/Woo apply
   `padding:0 1.2em` to bare <button>, which left a 0-wide content box; on product pages a
   `svg{max-width:100%}` rule then clamped the icon to 0 and the header tools vanished. */
body.mc2 .mc2-hdr-btn,body.mc2 .mc2-tool,body.mc2 .mc2-rail-btn,body.mc2 .mc2-gal-arrow,
body.mc2 .mc2-gal-zoom,body.mc2 .mc2-lb-x,body.mc2 .mc2-lb-nav,body.mc2 .mc2-yt-play,
body.mc2 .mc2-cmp-item button{padding:0;min-inline-size:0;line-height:0}
body.mc2 .mc2-hdr-btn>svg,body.mc2 .mc2-tool>svg,body.mc2 .mc2-rail-btn>svg,
body.mc2 .mc2-gal-arrow>svg,body.mc2 .mc2-gal-zoom>svg,body.mc2 .mc2-yt-play>svg,
body.mc2 .mc2-quick .mc2-i,body.mc2 .mc2-nav .mc2-i{max-inline-size:none;flex:0 0 auto}
.mc2-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--mc2-sans);font-weight:700;font-size:.95rem;letter-spacing:.01em;
  padding:.95em 1.7em;border-radius:calc(var(--mc2-r) * .7);border:1.5px solid transparent;
  cursor:pointer;overflow:hidden;isolation:isolate;line-height:1.2;
  transition:transform .35s var(--mc2-ease),box-shadow .35s var(--mc2-ease),background .3s,color .3s,border-color .3s}
.mc2-btn:hover{transform:translateY(-2px)}
.mc2-btn:active{transform:translateY(0)}
.mc2-btn--primary{background:var(--mc2-ink);color:var(--mc2-bone);box-shadow:var(--mc2-shadow)}
.mc2-btn--primary:hover{background:var(--mc2-ink-2);color:#fff;box-shadow:var(--mc2-shadow-lg)}
.mc2-btn--accent{background:var(--mc2-accent);color:#fff}
.mc2-btn--accent:hover{color:#fff;filter:brightness(1.08)}
.mc2-btn--ghost{background:transparent;border-color:currentColor;color:inherit}
.mc2-btn--ghost:hover{background:currentColor;color:var(--mc2-bone)}
.mc2-sec--dark .mc2-btn--ghost:hover{color:var(--mc2-ink)}
.mc2-btn--light{background:var(--mc2-bone);color:var(--mc2-ink)}
.mc2-btn--wide{inline-size:100%}
.mc2-btn--lg{font-size:1.05rem;padding:1.15em 2.1em}
.mc2-btn--sm{font-size:.83rem;padding:.7em 1.15em}
.mc2-btn::after{content:"";position:absolute;inset-block:0;inline-size:38%;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-120%) skewX(-18deg);opacity:0}
.mc2-btn--primary:hover::after,.mc2-btn--accent:hover::after{opacity:1;animation:mc2-sheen 1s var(--mc2-ease)}
.mc2-btn .mc2-i{transition:transform .35s var(--mc2-ease)}
.mc2-btn:hover .mc2-i--arrow{transform:translateX(-4px)}
.mc2-link{display:inline-flex;align-items:center;gap:.45em;font-weight:700;color:var(--mc2-accent);
  border-block-end:1.5px solid color-mix(in srgb,var(--mc2-accent) 35%,transparent);padding-block-end:2px}
.mc2-link:hover{color:var(--mc2-accent);border-color:var(--mc2-accent)}
.mc2-link:hover .mc2-i{transform:translateX(-4px)}
.mc2-link .mc2-i{transition:transform .3s var(--mc2-ease)}

/* -------------------------------------------------------- chips / meta */
.mc2-chip{display:inline-flex;align-items:center;gap:.45em;padding:.4em .85em;border-radius:100px;
  font-size:.78rem;font-weight:700;background:var(--mc2-bone-2);color:var(--mc2-ink);white-space:nowrap}
.mc2-chip--accent{background:color-mix(in srgb,var(--mc2-accent) 14%,transparent);color:var(--mc2-accent)}
.mc2-chip--gold{background:color-mix(in srgb,var(--mc2-accent-2) 20%,transparent);color:#7A5C2E}
.mc2-chip--dark{background:var(--mc2-ink);color:var(--mc2-bone)}
.mc2-chip--out{background:transparent;border:1px solid var(--mc2-line)}
.mc2-sec--dark .mc2-chip{background:rgba(255,255,255,.09);color:var(--mc2-bone)}
.mc2-sec--dark .mc2-chip--out{border-color:var(--mc2-line-dark)}

/* ------------------------------------------------------- product cards */
.mc2-card{position:relative;display:flex;flex-direction:column;background:var(--mc2-paper);
  border-radius:var(--mc2-r);overflow:hidden;border:1px solid var(--mc2-line);
  transition:transform .5s var(--mc2-ease),box-shadow .5s var(--mc2-ease),border-color .4s}
.mc2-card:hover{transform:translateY(-6px);box-shadow:var(--mc2-shadow-lg);border-color:transparent}
.mc2-card-media{position:relative;aspect-ratio:4/3.4;background:var(--mc2-bone-2);overflow:hidden;display:block}
.mc2-card-media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;
  padding:12%;transition:transform .8s var(--mc2-ease),opacity .5s}
.mc2-card-media img.mc2-alt{opacity:0;padding:8%}
.mc2-card:hover .mc2-card-media img.mc2-main{opacity:0}
.mc2-card:hover .mc2-card-media img.mc2-alt{opacity:1}
.mc2-card:hover .mc2-card-media img{transform:scale(1.05)}
.mc2-card-tags{position:absolute;inset-block-start:12px;inset-inline-start:12px;display:flex;
  flex-direction:column;gap:6px;z-index:2;align-items:flex-start}
.mc2-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.mc2-card-brand{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mc2-accent)}
.mc2-card-title{font-family:var(--mc2-display);font-size:1.06rem;font-weight:700;line-height:1.32;
  margin:0;color:var(--mc2-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc2-card-spec{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:2px}
.mc2-card-spec span{font-size:.73rem;color:var(--mc2-slate);background:var(--mc2-bone);
  padding:.25em .6em;border-radius:6px}
.mc2-card-foot{margin-block-start:auto;padding-block-start:12px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:10px;border-block-start:1px solid var(--mc2-line)}
.mc2-price{display:flex;align-items:baseline;gap:.5em;font-family:var(--mc2-sans)}
.mc2-price-now{font-size:1.22rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.mc2-price-was{font-size:.9rem;color:var(--mc2-slate);opacity:.75}
.mc2-price--ask .mc2-price-now,.mc2-price--ask{font-size:1rem;font-weight:700;color:var(--mc2-slate)}
.mc2-card-fin{font-size:.74rem;color:var(--mc2-slate);line-height:1.3}
.mc2-card-cta{inline-size:38px;block-size:38px;border-radius:50%;background:var(--mc2-ink);color:var(--mc2-bone);
  display:grid;place-items:center;flex:0 0 auto;transition:transform .4s var(--mc2-ease),background .3s}
.mc2-card:hover .mc2-card-cta{background:var(--mc2-accent);transform:scale(1.08)}
.mc2-card-link{position:absolute;inset:0;z-index:3}
.mc2-card-tools{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:4;display:flex;
  flex-direction:column;gap:8px;opacity:0;transform:translateX(8px);transition:.4s var(--mc2-ease)}
.mc2-card:hover .mc2-card-tools{opacity:1;transform:none}
.mc2-tool{inline-size:34px;block-size:34px;border-radius:50%;background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);display:grid;place-items:center;border:1px solid var(--mc2-line);
  color:var(--mc2-ink);cursor:pointer;transition:.3s}
.mc2-tool:hover,.mc2-tool.is-on{background:var(--mc2-ink);color:var(--mc2-bone);border-color:transparent}
@media (hover:none){.mc2-card-tools{opacity:1;transform:none}}

/* ------------------------------------------------------------- header */
body.mc2 #masthead,body.mc2 .header-wrapper{background:transparent!important;box-shadow:none!important;border:0!important}
.mc2-hdr{position:sticky;inset-block-start:0;z-index:400;background:color-mix(in srgb,var(--mc2-bone) 82%,transparent);
  backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);
  border-block-end:1px solid transparent;transition:border-color .4s,background .4s,box-shadow .4s}
.mc2-hdr.is-stuck{border-block-end-color:var(--mc2-line);box-shadow:0 10px 30px -22px rgba(11,16,23,.4)}
.mc2-topbar{background:var(--mc2-ink);color:var(--mc2-bone);font-size:.78rem;overflow:hidden;
  position:relative;z-index:401}
.mc2-topbar .mc2-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-block-size:38px}
.mc2-topbar-items{display:flex;gap:26px;align-items:center;white-space:nowrap}
.mc2-topbar-items span{display:inline-flex;align-items:center;gap:.45em;opacity:.9}
.mc2-topbar-items .mc2-i{opacity:.7}
.mc2-topbar a{color:var(--mc2-accent-2);font-weight:700}
.mc2-hdr-main{display:flex;align-items:center;gap:clamp(14px,2.4vw,38px);min-block-size:74px}
.mc2-logo{display:inline-flex;align-items:center;gap:11px;color:var(--mc2-ink)}
.mc2-logo .mc2-mark{flex:0 0 auto}
body.mc2 .mc2-logo-img{block-size:var(--mc2-logo-h,40px);inline-size:auto;max-inline-size:none;
  display:block}
@media (max-width:640px){body.mc2 .mc2-logo-img{block-size:calc(var(--mc2-logo-h,40px) * .74)}}
.mc2-logo-w{display:flex;flex-direction:column;line-height:1.05}
.mc2-logo-w b{font-family:var(--mc2-sans);font-weight:700;font-size:1.14rem;letter-spacing:.045em;white-space:nowrap}
.mc2-logo-w i{font-style:normal;font-size:.6rem;letter-spacing:.16em;opacity:.62;font-weight:600;margin-block-start:3px}
.mc2-logo.is-stacked{flex-direction:column;gap:8px;text-align:center}
.mc2-nav{display:flex;align-items:center;gap:clamp(6px,1.1vw,20px);margin-inline-start:auto;margin-inline-end:auto}
.mc2-nav>a{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:600;
  font-size:.94rem;padding:10px 4px;white-space:nowrap;color:var(--mc2-ink)}
.mc2-nav>a .mc2-i{color:var(--mc2-accent);opacity:.85;transition:transform .35s var(--mc2-ease)}
.mc2-nav>a:hover .mc2-i{transform:translateY(-1px);opacity:1}
.mc2-nav>a::after{content:"";position:absolute;inset-block-end:4px;inset-inline:4px;block-size:1.5px;
  background:var(--mc2-accent);transform:scaleX(0);transform-origin:inline-end;transition:transform .4s var(--mc2-ease)}
.mc2-nav>a:hover::after,.mc2-nav>a.is-active::after{transform:scaleX(1);transform-origin:inline-start}
body.mc2 .mc2-nav>a.is-active{color:var(--mc2-accent)}

/* keyboard users land on a skip link before the whole header */
.mc2-skip{position:absolute;inset-inline-start:-9999px;inset-block-start:0;z-index:999;
  background:var(--mc2-ink);color:var(--mc2-bone);padding:12px 20px;border-radius:0 0 12px 12px;
  font-weight:700;font-size:.9rem}
.mc2-skip:focus{inset-inline-start:var(--mc2-gut)}
.mc2-hdr-tools{display:flex;align-items:center;gap:6px;margin-inline-start:0}
.mc2-hdr-btn{inline-size:42px;block-size:42px;border-radius:12px;display:grid;place-items:center;color:var(--mc2-ink);
  position:relative;transition:background .3s,color .3s;cursor:pointer;background:transparent;border:0}
.mc2-hdr-btn:hover{background:var(--mc2-bone-2)}
.mc2-hdr-btn .mc2-badge{position:absolute;inset-block-start:5px;inset-inline-end:5px;min-inline-size:17px;block-size:17px;
  border-radius:9px;background:var(--mc2-accent);color:#fff;font-size:.63rem;font-weight:800;
  display:grid;place-items:center;padding-inline:4px;line-height:1}
.mc2-hdr-cta{margin-inline-start:6px;white-space:nowrap;flex:0 0 auto}
/* Between the mega-nav breakpoint and ~1320px the icons crowd the labels — labels win. */
@media (max-width:1340px){.mc2-nav>a .mc2-i{display:none}.mc2-nav{gap:clamp(4px,.8vw,14px)}}
@media (max-width:1220px){.mc2-hdr-cta span,.mc2-hdr-cta{font-size:.78rem}}
@media (max-width:1100px){.mc2-nav{display:none}.mc2-hdr-cta{display:none}}
@media (max-width:640px){
  .mc2-topbar-items span:nth-child(n+3){display:none}
  .mc2-logo-w i{display:none}
  .mc2-logo-w b{font-size:1rem;letter-spacing:.03em}
  .mc2-logo{gap:8px}
  .mc2-hdr-main{min-block-size:62px;gap:8px}
  .mc2-hdr-btn{inline-size:38px;block-size:38px}
}
@media (max-width:400px){.mc2-logo-w b{font-size:.9rem}.mc2-hdr-tools{gap:0}}

/* mega panel */
.mc2-mega{position:fixed;inset-inline:0;inset-block-start:var(--mc2-hdr-h,112px);z-index:399;
  background:var(--mc2-paper);border-block-end:1px solid var(--mc2-line);
  box-shadow:0 32px 60px -34px rgba(11,16,23,.4);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .35s var(--mc2-ease),transform .35s var(--mc2-ease),visibility .35s}
.mc2-mega.is-open{opacity:1;visibility:visible;transform:none}
.mc2-mega-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.6fr);gap:clamp(20px,3vw,54px);
  padding-block:clamp(24px,3vw,44px)}
.mc2-mega-side h4{font-size:1.5rem;margin-block-end:10px}
.mc2-mega-side p{color:var(--mc2-slate);font-size:.92rem;margin-block-end:18px}
.mc2-mega-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}
.mc2-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--mc2-r-sm);
  border:1px solid transparent;transition:.35s var(--mc2-ease);background:transparent}
.mc2-tile:hover{background:var(--mc2-bone);border-color:var(--mc2-line);transform:translateY(-3px)}
.mc2-tile-img{aspect-ratio:1/.82;border-radius:8px;background:var(--mc2-bone-2);overflow:hidden;position:relative}
.mc2-tile-img img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;padding:9%}
.mc2-tile b{font-size:.9rem;font-weight:700;line-height:1.3}
.mc2-tile span{font-size:.75rem;color:var(--mc2-slate)}
@media (max-width:1100px){.mc2-mega{display:none}}

/* mobile quick strip — the worlds, always inside the sticky header on small screens */
.mc2-quick{display:none}
@media (max-width:1100px){
  .mc2-quick{display:block;border-block-start:1px solid var(--mc2-line)}
  .mc2-quick-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;
    padding-block:7px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .mc2-quick-in::-webkit-scrollbar{display:none}
  .mc2-quick a{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:4px;min-inline-size:70px;padding:6px 8px;
    border-radius:12px;font-size:.67rem;font-weight:700;line-height:1.2;text-align:center;
    color:var(--mc2-ink)}
  body.mc2 .mc2-quick a{color:var(--mc2-ink)}
  .mc2-quick a .mc2-i{color:var(--mc2-accent)}
  body.mc2 .mc2-quick a.is-sale{color:var(--mc2-sale)}
  body.mc2 .mc2-quick a.is-sale .mc2-i{color:var(--mc2-sale)}
  .mc2-quick a:active{background:var(--mc2-bone-2)}
  body.mc2 .mc2-quick a.is-active{background:var(--mc2-ink);color:var(--mc2-bone)}
  body.mc2 .mc2-quick a.is-active .mc2-i{color:var(--mc2-bone)}
}
.mc2-dr-l{display:inline-flex;align-items:center;gap:11px}
.mc2-dr-l .mc2-i{color:var(--mc2-accent);flex:0 0 auto}

/* mobile drawer */
.mc2-drawer{position:fixed;inset:0;z-index:900;visibility:hidden;pointer-events:none}
.mc2-drawer.is-open{visibility:visible;pointer-events:auto}
.mc2-drawer-bg{position:absolute;inset:0;background:rgba(11,16,23,.45);opacity:0;transition:opacity .4s}
.mc2-drawer.is-open .mc2-drawer-bg{opacity:1}
.mc2-drawer-panel{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(420px,88vw);
  background:var(--mc2-bone);transform:translateX(-100%);transition:transform .45s var(--mc2-ease);
  display:flex;flex-direction:column;overflow-y:auto}
html[dir="rtl"] .mc2-drawer-panel{transform:translateX(100%)}
.mc2-drawer.is-open .mc2-drawer-panel{transform:none}
.mc2-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;
  border-block-end:1px solid var(--mc2-line);position:sticky;inset-block-start:0;background:var(--mc2-bone);z-index:2}
.mc2-drawer-body{padding:14px 22px 30px;display:flex;flex-direction:column;gap:4px}
.mc2-drawer-body>a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;
  font-size:1.06rem;font-weight:700;border-block-end:1px solid var(--mc2-line)}
.mc2-drawer-body>a .mc2-i{opacity:.4}
.mc2-drawer-sub{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 18px}

/* Legacy floating CTA rail (mc-mobile-cta-bar). On phones it is fixed mid-screen and sat
   on top of the hero copy; anchor it above the dock instead, and drop it on the product
   page where our own sticky bar already carries WhatsApp and add-to-cart. */
@media (max-width:900px){
  body.mc2 .mc-rail{inset-block-start:auto!important;inset-block-end:80px!important;
    transform:none!important}
  body.mc2.single-product .mc-rail{display:none!important}
}

/* mobile dock */
.mc2-dock{position:fixed;inset-block-end:0;inset-inline:0;z-index:500;display:none;
  background:color-mix(in srgb,var(--mc2-bone) 92%,transparent);backdrop-filter:blur(14px);
  border-block-start:1px solid var(--mc2-line);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom))}
.mc2-dock-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.mc2-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.64rem;font-weight:700;
  color:var(--mc2-slate);padding:5px 0;border-radius:10px}
.mc2-dock a.is-active,.mc2-dock a:hover{color:var(--mc2-accent)}
@media (max-width:900px){.mc2-dock{display:block}body.mc2{padding-block-end:64px}}

/* --------------------------------------------------------- search sheet */
.mc2-search{position:fixed;inset:0;z-index:950;visibility:hidden;pointer-events:none}
.mc2-search.is-open{visibility:visible;pointer-events:auto}
.mc2-search-bg{position:absolute;inset:0;background:rgba(11,16,23,.55);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .35s}
.mc2-search.is-open .mc2-search-bg{opacity:1}
.mc2-search-panel{position:relative;max-inline-size:760px;margin:min(12vh,110px) auto 0;background:var(--mc2-paper);
  border-radius:var(--mc2-r-lg);overflow:hidden;box-shadow:var(--mc2-shadow-lg);
  transform:translateY(-18px) scale(.98);opacity:0;transition:.4s var(--mc2-ease)}
.mc2-search.is-open .mc2-search-panel{transform:none;opacity:1}
.mc2-search-in{display:flex;align-items:center;gap:12px;padding:20px 24px;border-block-end:1px solid var(--mc2-line)}
.mc2-search-in input{flex:1;border:0;outline:0;font-size:1.25rem;font-family:var(--mc2-sans);
  background:transparent;color:var(--mc2-ink);font-weight:600}
.mc2-search-res{max-block-size:52vh;overflow-y:auto;padding:10px}
.mc2-sugg{padding:14px 24px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mc2-sugg b{font-size:.75rem;color:var(--mc2-slate);font-weight:700;margin-inline-end:4px}
.mc2-res{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px}
.mc2-res:hover{background:var(--mc2-bone)}
.mc2-res img{inline-size:52px;block-size:52px;object-fit:contain;background:var(--mc2-bone-2);border-radius:8px;flex:0 0 auto}
.mc2-res-t{flex:1;min-inline-size:0}
.mc2-res-t b{display:block;font-size:.94rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc2-res-t span{font-size:.78rem;color:var(--mc2-slate)}

/* -------------------------------------------------------------- footer */
body.mc2 .footer-wrapper,body.mc2 #footer{background:var(--mc2-ink)!important}
.mc2-ftr{background:var(--mc2-ink);color:var(--mc2-bone);padding-block:clamp(46px,6vw,86px) 0}
.mc2-ftr a{color:var(--mc2-mist)}
.mc2-ftr a:hover{color:var(--mc2-bone)}
.mc2-ftr-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,50px);
  padding-block-end:46px;border-block-end:1px solid var(--mc2-line-dark)}
.mc2-ftr .mc2-logo{color:var(--mc2-bone)}
.mc2-ftr h5{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mc2-bone);
  opacity:.55;margin-block-end:16px;font-weight:700}
.mc2-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.mc2-ftr ul a{font-size:.92rem}
.mc2-ftr-about p{color:var(--mc2-mist);font-size:.92rem;max-inline-size:42ch;margin:18px 0 20px;line-height:1.75}
.mc2-ftr-contact{display:flex;flex-direction:column;gap:9px;font-size:.92rem;color:var(--mc2-mist)}
.mc2-ftr-contact b{color:var(--mc2-bone);font-size:1.3rem;letter-spacing:.02em}
.mc2-ftr-bot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding-block:24px;font-size:.8rem;color:var(--mc2-mist)}
.mc2-ftr-brands{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding-block:26px;
  border-block-end:1px solid var(--mc2-line-dark)}
.mc2-ftr-brands span{font-size:.95rem;font-weight:700;letter-spacing:.06em;color:var(--mc2-bone);opacity:.5;
  transition:opacity .3s}
.mc2-ftr-brands a:hover span{opacity:1}
@media (max-width:900px){.mc2-ftr-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:560px){.mc2-ftr-top{grid-template-columns:minmax(0,1fr)}}

/* ============================== HOME ==================================== */
.mc2-hero{position:relative;min-block-size:min(90vh,820px);display:flex;align-items:center;
  background:var(--mc2-brand-surface);color:var(--mc2-bone);overflow:hidden;isolation:isolate}
.mc2-hero-bg{position:absolute;inset:0;z-index:-2}
.mc2-hero-bg img{inline-size:100%;block-size:100%;object-fit:cover;
  transform:scale(1.07);transition:transform 1.8s var(--mc2-ease)}
.mc2-hero.is-in .mc2-hero-bg img{transform:scale(1)}
/* Two overlays: a horizontal scrim that anchors the copy column (right in RTL)
   and a global darkener so white product photography never blows out the type. */
.mc2-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to left,var(--mc2-brand-surface) 0%,
    color-mix(in srgb,var(--mc2-brand-surface) 88%,transparent) 30%,
    color-mix(in srgb,var(--mc2-brand-surface) 42%,transparent) 62%,
    color-mix(in srgb,var(--mc2-brand-surface) 18%,transparent) 100%),
  linear-gradient(to top,color-mix(in srgb,var(--mc2-brand-surface) 62%,transparent),
    color-mix(in srgb,var(--mc2-brand-surface) 12%,transparent) 55%)}
html[dir="ltr"] .mc2-hero::after{transform:scaleX(-1)}
@media (max-width:700px){
  .mc2-hero::after{background:
    linear-gradient(to top,var(--mc2-brand-surface) 6%,
      color-mix(in srgb,var(--mc2-brand-surface) 82%,transparent) 42%,
      color-mix(in srgb,var(--mc2-brand-surface) 55%,transparent) 100%)}
  .mc2-hero-in{padding-block:clamp(48px,12vw,90px) clamp(30px,8vw,60px)}
  .mc2-hero{min-block-size:auto}
  .mc2-hero h1{font-size:clamp(2rem,9.4vw,2.8rem)}
  .mc2-scroll{display:none}
}
.mc2-hero-in{padding-block:clamp(70px,10vw,130px);max-inline-size:660px}
.mc2-hero h1{color:var(--mc2-bone);margin-block:16px 20px}
/* Three deliberate lines on desktop; on phones the headline wraps to the column instead. */
.mc2-br{display:block;block-size:0;overflow:hidden}
@media (max-width:700px){.mc2-br{display:inline;block-size:auto}}
.mc2-hero p{color:var(--mc2-mist);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;max-inline-size:52ch}
.mc2-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:32px}
.mc2-hero-stats{display:flex;gap:clamp(20px,3vw,46px);margin-block-start:46px;flex-wrap:wrap}
@media (max-width:560px){
  .mc2-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-block-start:34px}
  .mc2-hero-stats div span{font-size:.74rem;line-height:1.35;display:block}
}
.mc2-hero-stats div b{display:block;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;color:var(--mc2-bone);
  font-family:var(--mc2-display);letter-spacing:-.02em}
.mc2-hero-stats div span{font-size:.8rem;color:var(--mc2-mist);letter-spacing:.06em}
.mc2-scroll{position:absolute;inset-block-end:26px;inset-inline-start:var(--mc2-gut);display:flex;align-items:center;
  gap:10px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mc2-mist)}
.mc2-scroll i{display:block;inline-size:1px;block-size:38px;background:linear-gradient(var(--mc2-accent),transparent);
  animation:mc2-float 2.4s infinite var(--mc2-ease)}

.mc2-marquee{overflow:hidden;padding-block:20px;border-block:1px solid var(--mc2-line);background:var(--mc2-paper)}
.mc2-marquee-t{display:flex;gap:56px;inline-size:max-content;animation:mc2-marq 38s linear infinite;
  /* The track lays out LTR so translateX(-50%) scrolls it through the window; in an RTL
     flow the track starts off-screen left and the animation walks it further away, leaving
     an empty band. The Hebrew inside each item keeps its own direction. */
  direction:ltr}
.mc2-marquee-t span{direction:rtl}
.mc2-marquee:hover .mc2-marquee-t{animation-play-state:paused}
.mc2-marquee-t span{font-size:1.05rem;font-weight:700;letter-spacing:.1em;color:var(--mc2-slate);
  display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.mc2-marquee-t span::after{content:"·";opacity:.4}

/* category world tiles — product-forward: image block on top, label block below, so the
   subject is never covered by type and never cropped by an overlay gradient. */
.mc2-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.mc2-world{position:relative;display:flex;flex-direction:column;background:var(--mc2-paper);
  border:1px solid var(--mc2-line);border-radius:var(--mc2-r);overflow:hidden;color:var(--mc2-ink);
  transition:transform .5s var(--mc2-ease),box-shadow .5s var(--mc2-ease),border-color .4s}
.mc2-world:hover{transform:translateY(-6px);box-shadow:var(--mc2-shadow-lg);border-color:transparent}
.mc2-world-media{position:relative;display:block;aspect-ratio:4/3;background:var(--mc2-bone-2);overflow:hidden}
.mc2-world-media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;
  transition:transform .9s var(--mc2-ease)}
.mc2-world:hover .mc2-world-media img{transform:scale(1.06)}
.mc2-world-media::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;block-size:3px;
  background:var(--mc2-w-accent,var(--mc2-accent))}
.mc2-world-t{padding:15px 17px 19px;display:flex;flex-direction:column;gap:3px;flex:1}
.mc2-world-t b{font-family:var(--mc2-display);font-size:1.1rem;font-weight:700;line-height:1.3;
  margin-block-start:3px}
.mc2-world-t i{font-style:normal;font-size:.83rem;color:var(--mc2-slate);line-height:1.55}
body.mc2 .mc2-world .mc2-kicker{color:var(--mc2-w-accent,var(--mc2-accent));font-size:.64rem;letter-spacing:.18em}
.mc2-world-go{position:absolute;inset-block-start:12px;inset-inline-end:12px;inline-size:34px;block-size:34px;
  border-radius:50%;background:rgba(255,255,255,.92);color:var(--mc2-ink);backdrop-filter:blur(6px);
  display:grid;place-items:center;transition:.4s var(--mc2-ease);box-shadow:0 2px 10px -4px rgba(11,16,23,.4)}
.mc2-world:hover .mc2-world-go{background:var(--mc2-w-accent,var(--mc2-accent));color:#fff;transform:rotate(-45deg)}
@media (max-width:1000px){.mc2-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.mc2-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mc2-world-t{padding:12px 13px 15px}.mc2-world-t b{font-size:.95rem}.mc2-world-t i{display:none}}

/* brand strip on home */
.mc2-brandrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.mc2-brandcard{position:relative;padding:26px 22px 24px;border-radius:var(--mc2-r);overflow:hidden;
  min-block-size:250px;display:flex;flex-direction:column;color:#fff;isolation:isolate;
  transition:transform .55s var(--mc2-ease),box-shadow .55s var(--mc2-ease)}
.mc2-brandcard:hover{transform:translateY(-8px);box-shadow:var(--mc2-shadow-lg)}
.mc2-brandcard::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bc-s)}
.mc2-brandcard::after{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-30%;inline-size:75%;aspect-ratio:1;
  border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--bc-a) 0%,transparent 68%);opacity:.5;
  transition:transform .9s var(--mc2-ease)}
.mc2-brandcard:hover::after{transform:scale(1.35) translate(6%,8%)}
.mc2-brandcard b{font-size:1.5rem;font-family:var(--bc-f,var(--mc2-sans));font-weight:700;letter-spacing:.01em}
.mc2-brandcard i{font-style:normal;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bc-a);font-weight:700;margin-block-end:auto}
.mc2-brandcard p{font-size:.86rem;color:rgba(255,255,255,.74);margin:10px 0 16px;line-height:1.6}
.mc2-brandcard .mc2-link{color:#fff;border-color:rgba(255,255,255,.3)}
@media (max-width:1100px){.mc2-brandrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.mc2-brandrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.mc2-brandrow{grid-template-columns:minmax(0,1fr)}}

/* feature split */
.mc2-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center}
.mc2-split--rev{direction:ltr}
.mc2-split--rev>*{direction:rtl}
.mc2-split-media{position:relative;border-radius:var(--mc2-r-lg);overflow:hidden;aspect-ratio:4/3.2;
  background:var(--mc2-bone-2)}
.mc2-split-media img{inline-size:100%;block-size:100%;object-fit:cover}
.mc2-split-media--contain img{object-fit:contain;padding:6%}
@media (max-width:860px){.mc2-split{grid-template-columns:minmax(0,1fr)}.mc2-split--rev{direction:rtl}}

.mc2-featlist{display:flex;flex-direction:column;gap:2px;margin-block-start:26px}
.mc2-featlist div{display:flex;gap:14px;padding-block:15px;border-block-end:1px solid var(--mc2-line)}
.mc2-sec--dark .mc2-featlist div{border-color:var(--mc2-line-dark)}
.mc2-featlist .mc2-i{color:var(--mc2-accent);flex:0 0 auto;margin-block-start:2px}
.mc2-featlist b{display:block;font-size:1rem;margin-block-end:2px}
.mc2-featlist span{font-size:.88rem;color:var(--mc2-slate);line-height:1.6}
.mc2-sec--dark .mc2-featlist span{color:var(--mc2-mist)}

/* value / service cards */
.mc2-vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}
.mc2-vcard{padding:clamp(22px,2.4vw,34px);border-radius:var(--mc2-r);background:var(--mc2-paper);
  border:1px solid var(--mc2-line);position:relative;overflow:hidden;
  transition:transform .5s var(--mc2-ease),box-shadow .5s var(--mc2-ease)}
.mc2-vcard:hover{transform:translateY(-5px);box-shadow:var(--mc2-shadow)}
.mc2-vcard-ic{inline-size:48px;block-size:48px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--mc2-accent) 12%,transparent);color:var(--mc2-accent);margin-block-end:18px}
.mc2-vcard h3{font-size:1.16rem;margin-block-end:8px}
.mc2-vcard p{font-size:.9rem;color:var(--mc2-slate);line-height:1.7;margin:0}
.mc2-vcard-n{position:absolute;inset-block-start:14px;inset-inline-end:18px;font-size:3.4rem;font-weight:800;
  color:var(--mc2-bone-2);line-height:1;font-family:var(--mc2-display);z-index:0;pointer-events:none}
@media (max-width:900px){.mc2-vcards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:560px){.mc2-vcards{grid-template-columns:minmax(0,1fr)}}

/* rail */
.mc2-rail-wrap{position:relative}
.mc2-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,1fr);gap:clamp(12px,1.4vw,20px);
  overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:10px;scrollbar-width:none}
.mc2-rail::-webkit-scrollbar{display:none}
.mc2-rail>*{scroll-snap-align:start}
@media (min-width:1101px){.mc2-rail{grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-flow:row;overflow:visible}}
.mc2-rail-nav{display:flex;gap:8px}
.mc2-rail-btn{inline-size:40px;block-size:40px;border-radius:50%;border:1.5px solid var(--mc2-line);
  background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--mc2-ink);transition:.3s}
.mc2-rail-btn:hover{background:var(--mc2-ink);color:var(--mc2-bone);border-color:transparent}
@media (min-width:1101px){.mc2-rail-nav{display:none}}

/* testimonial */
.mc2-quote{max-inline-size:900px;margin-inline:auto;text-align:center}
.mc2-quote blockquote{font-family:var(--mc2-serif);font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.5;
  margin:0 0 22px;font-weight:400}
.mc2-quote cite{font-style:normal;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mc2-slate)}
.mc2-stars{display:inline-flex;gap:3px;color:var(--mc2-accent-2);margin-block-end:20px}

/* FAQ */
.mc2-faq{max-inline-size:900px;margin-inline:auto}
.mc2-faq details{border-block-end:1px solid var(--mc2-line);padding-block:4px}
.mc2-faq summary{cursor:pointer;list-style:none;padding-block:19px;font-weight:700;font-size:1.04rem;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.mc2-faq summary::-webkit-details-marker{display:none}
.mc2-faq summary::after{content:"";inline-size:11px;block-size:11px;border-right:2px solid var(--mc2-accent);
  border-bottom:2px solid var(--mc2-accent);transform:rotate(45deg) translateY(-2px);flex:0 0 auto;
  transition:transform .35s var(--mc2-ease)}
.mc2-faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.mc2-faq-a{padding-block-end:20px;color:var(--mc2-slate);line-height:1.8;font-size:.95rem;max-inline-size:78ch}

/* CTA band */
.mc2-band{position:relative;overflow:hidden;background:var(--mc2-ink);color:var(--mc2-bone);
  border-radius:var(--mc2-r-lg);padding:clamp(32px,4.4vw,64px);isolation:isolate}
.mc2-band::after{content:"";position:absolute;inset-block-start:-60%;inset-inline-start:-10%;inline-size:60%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,var(--mc2-accent) 0%,transparent 66%);opacity:.28;z-index:-1}
.mc2-band h2{color:var(--mc2-bone)}
.mc2-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}

/* --------------------------------------------------------- design studio */
.mc2-studio{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:clamp(20px,3vw,56px);align-items:center}
.mc2-studio-stage{position:relative;aspect-ratio:4/3;border-radius:var(--mc2-r-lg);overflow:hidden;
  background:radial-gradient(60% 60% at 50% 45%,rgba(255,255,255,.12),transparent 70%)}
.mc2-studio-img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;padding:4%;
  opacity:0;transform:scale(.97);transition:opacity .55s var(--mc2-ease),transform .7s var(--mc2-ease);
  mix-blend-mode:normal}
.mc2-studio-img.is-on{opacity:1;transform:none}
.mc2-studio-panel{background:rgba(255,255,255,.055);border:1px solid var(--mc2-line-dark);
  border-radius:var(--mc2-r);padding:clamp(20px,2.4vw,30px)}
.mc2-studio-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:22px}
.mc2-studio-tab{padding:.45em .95em;border-radius:100px;border:1px solid var(--mc2-line-dark);
  background:transparent;color:var(--mc2-mist);font-family:var(--mc2-sans);font-weight:700;font-size:.8rem;
  cursor:pointer;transition:.3s}
.mc2-studio-tab:hover{color:var(--mc2-bone)}
.mc2-studio-tab.is-on{background:var(--mc2-accent);color:#12100b;border-color:transparent}
.mc2-studio-set{display:none}
.mc2-studio-set.is-on{display:block}
.mc2-swatches{display:flex;flex-wrap:wrap;gap:12px}
.mc2-sw{inline-size:52px;block-size:52px;border-radius:50%;padding:4px;border:1.5px solid var(--mc2-line-dark);
  background:transparent;cursor:pointer;transition:.35s var(--mc2-ease)}
.mc2-sw i{display:block;inline-size:100%;block-size:100%;border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.mc2-sw:hover{transform:translateY(-3px);border-color:var(--mc2-mist)}
.mc2-sw.is-on{border-color:var(--mc2-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mc2-accent) 22%,transparent)}
.mc2-studio-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-block:24px 18px;padding-block-start:18px;border-block-start:1px solid var(--mc2-line-dark)}
.mc2-studio-meta b{font-size:1.1rem;color:var(--mc2-bone)}
.mc2-studio-meta span{font-size:1.25rem;font-weight:800;color:var(--mc2-accent);font-variant-numeric:tabular-nums}
@media (max-width:900px){.mc2-studio{grid-template-columns:minmax(0,1fr)}}

/* full-bleed page shells (home, brand hubs, custom) */
body.mc2-fullbleed #content,body.mc2-fullbleed .page-wrapper{padding:0!important;max-width:none!important}
body.mc2-fullbleed #content>.row,body.mc2-fullbleed .page-wrapper>.row{max-width:none!important;margin:0!important}
body.mc2-fullbleed #content .col,body.mc2-fullbleed .page-wrapper .col{padding:0!important;max-width:none!important;flex-basis:100%!important}
body.mc2-fullbleed .entry-content,body.mc2-fullbleed .entry-header,body.mc2-fullbleed .page-inner{max-width:none!important;padding:0!important}
body.mc2-fullbleed .entry-title,body.mc2-fullbleed .page-title{display:none!important}

/* ============================ BRAND WORLD =============================== */
.mc2-bhero{position:relative;min-block-size:min(78vh,700px);display:flex;align-items:flex-end;
  background:var(--mc2-brand-surface);color:#fff;overflow:hidden;isolation:isolate}
.mc2-bhero img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2;opacity:.55}
.mc2-bhero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,var(--mc2-brand-surface) 4%,transparent 72%),
             radial-gradient(60% 60% at 82% 18%,color-mix(in srgb,var(--mc2-accent) 40%,transparent),transparent 70%)}
.mc2-bhero-in{padding-block:clamp(46px,7vw,90px);inline-size:100%}
.mc2-bhero h1{color:#fff;font-size:clamp(2.6rem,7vw,5.6rem);margin-block:14px 12px;font-family:var(--mc2-display)}
.mc2-bhero .mc2-lead{color:rgba(255,255,255,.8);max-inline-size:58ch}
.mc2-bsignals{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:26px}
.mc2-bstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--mc2-line);
  border-block:1px solid var(--mc2-line)}
.mc2-bstat{background:var(--mc2-bone);padding:clamp(20px,2.6vw,34px) 20px;text-align:center}
.mc2-bstat b{display:block;font-size:clamp(1.6rem,3vw,2.4rem);font-family:var(--mc2-display);font-weight:800;
  color:var(--mc2-accent);letter-spacing:-.02em}
.mc2-bstat span{font-size:.8rem;color:var(--mc2-slate)}
@media (max-width:700px){.mc2-bstats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* texture backgrounds per brand */
.mc2-tex{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5}
.mc2-tex--grid{background-image:linear-gradient(var(--mc2-line-dark) 1px,transparent 1px),
  linear-gradient(90deg,var(--mc2-line-dark) 1px,transparent 1px);background-size:64px 64px;
  mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent)}
.mc2-tex--dots{background-image:radial-gradient(var(--mc2-line-dark) 1.2px,transparent 1.2px);
  background-size:26px 26px;mask-image:radial-gradient(70% 70% at 50% 10%,#000,transparent)}
.mc2-tex--lines{background-image:repeating-linear-gradient(115deg,var(--mc2-line-dark) 0 1px,transparent 1px 22px)}
.mc2-tex--grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.09}
.mc2-tex--blob{background:radial-gradient(46% 42% at 18% 24%,color-mix(in srgb,var(--mc2-accent) 45%,transparent),transparent 70%),
  radial-gradient(40% 40% at 84% 74%,color-mix(in srgb,var(--mc2-accent-2) 42%,transparent),transparent 70%);opacity:.4}

/* =========================== CATEGORY ================================== */
.mc2-chero{position:relative;background:var(--mc2-ink);color:var(--mc2-bone);overflow:hidden;isolation:isolate}
.mc2-chero-in{padding-block:clamp(40px,5.5vw,86px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:clamp(20px,3vw,50px);align-items:center}
.mc2-chero h1{color:var(--mc2-bone);margin-block:12px 14px;font-size:clamp(1.9rem,4.2vw,3.2rem)}
.mc2-chero p{color:var(--mc2-mist);max-inline-size:62ch;line-height:1.75}
.mc2-chero-art{position:relative;aspect-ratio:4/3;border-radius:var(--mc2-r);overflow:hidden}
.mc2-chero-art img{inline-size:100%;block-size:100%;object-fit:cover}
.mc2-chero::after{content:"";position:absolute;inset-block-start:-30%;inset-inline-start:-10%;inline-size:52%;aspect-ratio:1;z-index:-1;
  border-radius:50%;background:radial-gradient(circle,var(--mc2-accent) 0%,transparent 68%);opacity:.24}
@media (max-width:860px){.mc2-chero-in{grid-template-columns:minmax(0,1fr)}.mc2-chero-art{display:none}}

.mc2-subnav{position:sticky;inset-block-start:var(--mc2-hdr-h,74px);z-index:120;background:var(--mc2-bone);
  border-block-end:1px solid var(--mc2-line)}
.mc2-subnav-in{display:flex;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.mc2-subnav-in::-webkit-scrollbar{display:none}
.mc2-subnav a{flex:0 0 auto;padding:.55em 1.05em;border-radius:100px;font-size:.87rem;font-weight:700;
  border:1px solid var(--mc2-line);background:var(--mc2-paper);white-space:nowrap;transition:.3s}
.mc2-subnav a:hover{border-color:var(--mc2-accent);color:var(--mc2-accent)}
.mc2-subnav a.is-active{background:var(--mc2-ink);color:var(--mc2-bone);border-color:transparent}

.mc2-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}
.mc2-guide-card{padding:26px 24px;border-radius:var(--mc2-r);background:var(--mc2-paper);
  border:1px solid var(--mc2-line);display:flex;flex-direction:column;gap:10px}
.mc2-guide-card h4{font-size:1.05rem;margin:0}
.mc2-guide-card p{font-size:.88rem;color:var(--mc2-slate);line-height:1.7;margin:0}
@media (max-width:860px){.mc2-guide{grid-template-columns:minmax(0,1fr)}}

/* ======================= FINDER / COMPARE / MODAL ====================== */
.mc2-modal{position:fixed;inset:0;z-index:960;visibility:hidden;pointer-events:none}
.mc2-modal.is-open{visibility:visible;pointer-events:auto}
.mc2-modal-bg{position:absolute;inset:0;background:rgba(11,16,23,.6);backdrop-filter:blur(5px);opacity:0;transition:.35s}
.mc2-modal.is-open .mc2-modal-bg{opacity:1}
.mc2-modal-panel{position:relative;max-inline-size:720px;margin:min(8vh,80px) auto;background:var(--mc2-bone);
  border-radius:var(--mc2-r-lg);overflow:hidden;box-shadow:var(--mc2-shadow-lg);
  transform:translateY(24px);opacity:0;transition:.45s var(--mc2-ease);max-block-size:84vh;display:flex;flex-direction:column}
.mc2-modal.is-open .mc2-modal-panel{transform:none;opacity:1}
.mc2-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;
  border-block-end:1px solid var(--mc2-line);background:var(--mc2-paper)}
.mc2-modal-head h3{margin:0;font-size:1.2rem}
.mc2-modal-body{padding:26px;overflow-y:auto}
.mc2-modal-foot{padding:18px 26px;border-block-start:1px solid var(--mc2-line);background:var(--mc2-paper);
  display:flex;align-items:center;justify-content:space-between;gap:14px}

.mc2-quiz-prog{display:flex;gap:5px;margin-block-end:22px}
.mc2-quiz-prog i{flex:1;block-size:3px;border-radius:2px;background:var(--mc2-line);transition:background .4s}
.mc2-quiz-prog i.is-on{background:var(--mc2-accent)}
.mc2-quiz-q{font-size:1.3rem;font-weight:700;margin-block-end:20px;font-family:var(--mc2-display)}
.mc2-opts{display:grid;gap:10px}
.mc2-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;cursor:pointer;
  border:1.5px solid var(--mc2-line);background:var(--mc2-paper);text-align:start;font-size:.98rem;
  font-weight:600;font-family:var(--mc2-sans);color:var(--mc2-ink);transition:.3s var(--mc2-ease);inline-size:100%}
.mc2-opt:hover{border-color:var(--mc2-accent);transform:translateX(-3px)}
.mc2-opt.is-sel{border-color:var(--mc2-accent);background:color-mix(in srgb,var(--mc2-accent) 8%,transparent)}
.mc2-opt i{inline-size:34px;block-size:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--mc2-bone-2);color:var(--mc2-accent)}

.mc2-cmp{position:fixed;inset-block-end:0;inset-inline:0;z-index:520;background:var(--mc2-ink);color:var(--mc2-bone);
  transform:translateY(105%);transition:transform .5s var(--mc2-ease);padding:14px 0 calc(14px + env(safe-area-inset-bottom))}
.mc2-cmp.is-open{transform:none}
.mc2-cmp-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mc2-cmp-items{display:flex;gap:10px;flex:1;flex-wrap:wrap}
.mc2-cmp-item{position:relative;inline-size:56px;block-size:56px;border-radius:10px;background:var(--mc2-ink-3);overflow:hidden}
.mc2-cmp-item img{inline-size:100%;block-size:100%;object-fit:contain;padding:5px}
.mc2-cmp-item button{position:absolute;inset-block-start:1px;inset-inline-end:1px;inline-size:18px;block-size:18px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;padding:0}
@media (max-width:900px){
  /* translateY(105%) only clears the element's own height — with bottom:64px the bar stayed
     60px on screen and read as a second, broken toolbar. Clear the offset too. */
  .mc2-cmp{inset-block-end:64px;transform:translateY(calc(105% + 64px))}
  .mc2-cmp.is-open{transform:none}
}

/* toast */
.mc2-toast{position:fixed;inset-block-end:24px;inset-inline-start:24px;z-index:980;background:var(--mc2-ink);color:var(--mc2-bone);
  padding:14px 20px;border-radius:14px;box-shadow:var(--mc2-shadow-lg);display:flex;align-items:center;gap:12px;
  font-size:.92rem;font-weight:600;transform:translateY(24px);opacity:0;pointer-events:none;
  transition:.4s var(--mc2-ease);max-inline-size:min(420px,86vw)}
.mc2-toast.is-on{transform:none;opacity:1;pointer-events:auto}
.mc2-toast .mc2-i{color:var(--mc2-accent)}
@media (max-width:900px){.mc2-toast{inset-block-end:80px}}

/* ---------------------------------------------------- flatsome overrides */
body.mc2 .header-wrapper,body.mc2 .header-main,body.mc2 .header-bottom,body.mc2 .header-top{display:none!important}
body.mc2 #wide-nav,body.mc2 .header-shadow,body.mc2 #header .header-bg-container{display:none!important}
body.mc2 #header{min-height:0!important;height:auto!important}
body.mc2 .footer-widgets,body.mc2 .absolute-footer,body.mc2 #footer .footer-1,body.mc2 #footer .footer-2{display:none!important}
body.mc2 .breadcrumbs{font-size:.78rem;color:var(--mc2-slate);letter-spacing:.02em}
body.mc2 .page-title-inner{display:none}
body.mc2 .mc2-keep{display:block!important}
body.mc2 #top-bar{display:none!important}
/* restore grids the WC REST sanitiser flattened (see mc-grid-restore) */
body.mc2 [style*="grid-template-columns"]{display:grid}
body.mc2 [style*="flex-wrap"]{display:flex}
body.mc2 .mfp-bg{background:rgba(11,16,23,.8)}

/* ------------------------------------------------------------------------
   Specificity guard. `body.mc2 a{color:inherit}` (0,1,1) outranks the bare
   component classes (0,1,0), so every anchor-bearing component restates its
   colour at (0,2,0) here. Keep new coloured link components in this block.
   ------------------------------------------------------------------------ */
body.mc2 .mc2-btn--primary{background:var(--mc2-ink);color:var(--mc2-bone)}
body.mc2 .mc2-btn--primary:hover{color:#fff}
body.mc2 .mc2-btn--accent{background:var(--mc2-accent);color:#fff}
body.mc2 .mc2-btn--accent:hover{color:#fff}
body.mc2 .mc2-btn--light{background:var(--mc2-bone);color:var(--mc2-ink)}
body.mc2 .mc2-btn--ghost{color:inherit}
body.mc2 .mc2-btn--ghost:hover{color:var(--mc2-bone)}
body.mc2 .mc2-sec--dark .mc2-btn--ghost:hover{color:var(--mc2-ink)}
body.mc2 .mc2-link{color:var(--mc2-accent)}
body.mc2 .mc2-brandcard .mc2-link,body.mc2 .mc2-band .mc2-link{color:#fff}
body.mc2 .mc2-card-brand{color:var(--mc2-accent)}
body.mc2 .mc2-topbar a{color:var(--mc2-accent-2)}
body.mc2 .mc2-ftr a{color:var(--mc2-mist)}
body.mc2 .mc2-ftr a:hover{color:var(--mc2-bone)}
body.mc2 .mc2-world h3,body.mc2 .mc2-brandcard b{color:#fff}
body.mc2 .mc2-dock a{color:var(--mc2-slate)}
body.mc2 .mc2-dock a.is-active,body.mc2 .mc2-dock a:hover{color:var(--mc2-accent)}
body.mc2 .mc2-hero h1,body.mc2 .mc2-bhero h1,body.mc2 .mc2-chero h1,
body.mc2 .mc2-sec--dark h1,body.mc2 .mc2-sec--dark h2,body.mc2 .mc2-sec--dark h3,
body.mc2 .mc2-band h2,body.mc2 .mc2-pdp-band b{color:var(--mc2-bone)}
body.mc2 .mc2-hdr-btn{color:var(--mc2-ink)}
body.mc2 .mc2-tile b{color:var(--mc2-ink)}
body.mc2 .mc2-subnav a.is-active{color:var(--mc2-bone)}

/* legacy global sibling-site footer — kept for the cross-market links, restyled */
body.mc2 .mc-global-footer,body.mc2 #mc-global-footer,body.mc2 .mc-gf{
  background:var(--mc2-ink-2)!important;color:var(--mc2-mist)!important;border-block-start:1px solid var(--mc2-line-dark);
  font-family:var(--mc2-sans)!important;font-size:.82rem!important;padding-block:26px!important}
body.mc2 .mc-global-footer a,body.mc2 #mc-global-footer a,body.mc2 .mc-gf a{color:var(--mc2-mist)!important;font-weight:600}
body.mc2 .mc-global-footer a:hover,body.mc2 #mc-global-footer a:hover{color:var(--mc2-bone)!important}
body.mc2 .mc-global-footer h2,body.mc2 .mc-global-footer h3,body.mc2 .mc-global-footer strong{
  color:var(--mc2-bone)!important;font-size:.9rem!important;letter-spacing:.04em}


/* ------------------------------------------------------------ brand index */
.mc2-bindex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,54px);align-items:center;
  padding-block:clamp(30px,4vw,56px);border-block-end:1px solid var(--mc2-line)}
.mc2-bindex:last-child{border-block-end:0}
.mc2-bindex .mc2-kicker{color:var(--bc-a)}
.mc2-bindex-t p{color:var(--mc2-slate);line-height:1.8;margin:0 0 22px;max-inline-size:60ch}
.mc2-bindex-p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mc2-bindex-p a{aspect-ratio:1;border-radius:var(--mc2-r-sm);overflow:hidden;background:var(--mc2-bone-2);
  display:block;transition:transform .45s var(--mc2-ease)}
.mc2-bindex-p a:hover{transform:translateY(-5px)}
.mc2-bindex-p img{inline-size:100%;block-size:100%;object-fit:contain;padding:9%}
@media (max-width:860px){.mc2-bindex{grid-template-columns:minmax(0,1fr)}.mc2-bindex-p{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* --------------------------------------------------------------- archives */
.mc2-chero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:20px}
body.mc2 .mc2-chero-meta .mc2-chip{background:rgba(255,255,255,.1);color:var(--mc2-bone)}
body.mc2 .mc2-chero-meta .mc2-chip--accent{background:var(--mc2-accent);color:#fff}
.mc2-subnav a small{opacity:.5;font-weight:600}
body.mc2.mc2-archive #content,body.mc2.mc2-archive .page-wrapper{padding-block:0!important}
body.mc2.mc2-archive .shop-container{padding-block:clamp(26px,3.4vw,52px)}
body.mc2.mc2-archive .shop-container>.row{max-inline-size:var(--mc2-max);margin-inline:auto;
  padding-inline:var(--mc2-gut)}
body.mc2 .mc2-loop{margin-block:0 34px}
body.mc2 .mc2-loop .mc2-card{margin:0}
body.mc2 .woocommerce-ordering select,body.mc2 .woocommerce-ordering .select-resize-ghost{
  font-family:var(--mc2-sans);font-weight:600}
body.mc2 nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center}
body.mc2 nav.woocommerce-pagination li{border:0}
body.mc2 nav.woocommerce-pagination a,body.mc2 nav.woocommerce-pagination span{
  min-inline-size:42px;block-size:42px;display:grid;place-items:center;border-radius:12px;
  border:1px solid var(--mc2-line);font-weight:700;background:var(--mc2-paper)}
body.mc2 nav.woocommerce-pagination span.current{background:var(--mc2-ink);color:var(--mc2-bone);border-color:transparent}
body.mc2 .mc2-catdesc{color:var(--mc2-slate)}
body.mc2 .mc2-catdesc h2,body.mc2 .mc2-catdesc h3{color:var(--mc2-ink)}
body.mc2 .shop-page-title,body.mc2 .category-page-title,
body.mc2.mc2-archive .page-title,body.mc2.mc2-archive .archive-page-header,
body.mc2.mc2-archive h1.page-title,body.mc2.mc2-archive .term-description>h1{display:none!important}

/* Legacy SEO H1, injected straight into <body> by mc-h1-title-fixer. A second snippet then
   demotes our hero heading to h2, so this element is the page's only H1 — hiding it outright
   left the category with no H1 at all. Keep it in the accessibility tree and out of the
   layout instead: crawlers and screen readers still get it, the hero stays the visual title. */
body.mc2 h1.mc-injected-h1{position:absolute!important;inline-size:1px;block-size:1px;
  padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;border:0}

/* ------------------------------------------------------------- editorial */
.mc2-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,56px)}
.mc2-editorial article{max-inline-size:64ch}
.mc2-editorial h3{font-size:clamp(1.15rem,1.7vw,1.45rem);margin:10px 0 12px}
.mc2-editorial p{color:var(--mc2-slate);line-height:1.85;margin:0 0 1em;font-size:.95rem}
.mc2-editorial p:last-child{margin-block-end:0}
@media (max-width:860px){.mc2-editorial{grid-template-columns:minmax(0,1fr)}}

/* -------------------------------------------------------- archive filters */
/* Flatsome's shop sidebar is replaced by the price bands + sub-nav above the grid. */
body.mc2.mc2-archive .category-page-row>.col.large-3,
body.mc2.mc2-archive .shop-sidebar,body.mc2.mc2-archive .sidebar-inner{display:none!important}
body.mc2.mc2-archive .category-page-row>.col.large-9{inline-size:100%!important;max-inline-size:none!important;
  flex-basis:100%!important;padding:0!important}
body.mc2.mc2-archive .category-page-row{margin:0!important;max-inline-size:none!important}
/* Legacy category blocks. `.term-description` wraps the whole shop container here, so we
   target the legacy content blocks themselves — the same copy is re-rendered, stripped of
   its inline styling, below the grid by mc2_cat_footer(). */
body.mc2.mc2-archive .mc-mc,
body.mc2.mc2-archive .mc-cat-below,
body.mc2.mc2-archive .shop-container>section.section,
body.mc2.mc2-archive .shop-container>.gap-element,
body.mc2.mc2-archive .shop-container>hr,
body.mc2.mc2-archive .shop-container>p:empty{display:none!important}

.mc2-filters{border-block-end:1px solid var(--mc2-line);background:var(--mc2-paper);
  position:sticky;inset-block-start:calc(var(--mc2-hdr-h,74px) + 47px);z-index:110}
.mc2-filters-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:12px;flex-wrap:wrap}
.mc2-filters-l{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mc2-filters-lbl{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;
  color:var(--mc2-slate);margin-inline-end:4px}
.mc2-filters-lbl .mc2-i{color:var(--mc2-accent)}
body.mc2 .mc2-filters .mc2-chip{cursor:pointer;transition:.25s}
body.mc2 .mc2-filters .mc2-chip:hover{border-color:var(--mc2-accent);color:var(--mc2-accent)}
body.mc2 .mc2-filters .mc2-chip.is-on{background:var(--mc2-ink);color:var(--mc2-bone);border-color:transparent}
.mc2-filters-r{display:flex;align-items:center;gap:14px}
.mc2-filters-count{font-size:.8rem;color:var(--mc2-slate);white-space:nowrap}
body.mc2 .mc2-filters .woocommerce-ordering{margin:0}
body.mc2 .mc2-filters select{min-block-size:38px!important;padding:6px 12px!important;font-size:.85rem!important;
  border-radius:9px!important}
@media (max-width:700px){
  .mc2-filters{position:static}
  .mc2-filters-in{padding-block:10px}
  .mc2-filters-l{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;inline-size:100%}
  .mc2-filters-l::-webkit-scrollbar{display:none}
  .mc2-filters-r{inline-size:100%;justify-content:space-between}
}

.mc2-empty{max-inline-size:640px;margin:clamp(30px,6vw,70px) auto;text-align:center;
  padding:clamp(26px,4vw,44px);border:1px solid var(--mc2-line);border-radius:var(--mc2-r);
  background:var(--mc2-paper)}
.mc2-empty .mc2-i{color:var(--mc2-accent);margin-block-end:14px}
.mc2-empty h2{font-size:clamp(1.2rem,2vw,1.6rem);margin-block-end:10px}
.mc2-empty p{color:var(--mc2-slate);line-height:1.75;margin:0 auto;max-inline-size:52ch}
.mc2-empty-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-block-start:24px}

/* Sub-category tiles, for terms that deliberately opt into showing them. */
body.mc2 .mc2-loop .product-category{position:relative;background:var(--mc2-paper);
  border:1px solid var(--mc2-line);border-radius:var(--mc2-r);overflow:hidden;
  transition:transform .5s var(--mc2-ease),box-shadow .5s var(--mc2-ease)}
body.mc2 .mc2-loop .product-category:hover{transform:translateY(-5px);box-shadow:var(--mc2-shadow-lg)}
body.mc2 .mc2-loop .product-category .col-inner{padding:0}
body.mc2 .mc2-loop .product-category img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;display:block}
body.mc2 .mc2-loop .product-category .box-text{padding:15px 17px 18px}
body.mc2 .mc2-loop .product-category h2,body.mc2 .mc2-loop .product-category .name{
  font-family:var(--mc2-display);font-size:1.05rem;font-weight:700;margin:0}
body.mc2 .mc2-loop .product-category .count{font-size:.8rem;color:var(--mc2-slate)}

.mc2-more{display:flex;flex-direction:column;align-items:center;gap:12px;
  margin-block:clamp(26px,3.5vw,48px) 8px;position:relative}
.mc2-more-sentinel{position:absolute;inset-block-start:-620px;block-size:1px;inline-size:1px;
  pointer-events:none}
.mc2-more-btn{min-inline-size:min(340px,80vw)}
.mc2-more-btn[disabled]{opacity:.75;cursor:default;transform:none}
.mc2-more-spin{inline-size:17px;block-size:17px;border-radius:50%;border:2px solid currentColor;
  border-block-start-color:transparent;animation:mc2-spin .7s linear infinite;display:inline-block}
@keyframes mc2-spin{to{transform:rotate(360deg)}}
.mc2-more-count{font-size:.82rem;color:var(--mc2-slate);margin:0;font-variant-numeric:tabular-nums}
/* Flatsome's infinite scroll cannot drive our grid — its spinner would sit there forever */
body.mc2.mc2-archive .page-load-status,
body.mc2.mc2-archive .infinite-scroll-request,
body.mc2.mc2-archive .loader-spinner{display:none!important}
/* pagination stays in the DOM for crawlers, out of the way for shoppers */
body.mc2.mc2-archive .mc2-more ~ * nav.woocommerce-pagination,
body.mc2.mc2-archive .woocommerce-pagination.mc2-paged-hidden{display:none!important}

/* ------------------------------------------------------------ cart upsell */
.mc2-cart-up{border-block-start:1px solid var(--mc2-line);margin-block-start:34px}
.mc2-custom-form{background:var(--mc2-paper);border:1px solid var(--mc2-line);
  border-radius:var(--mc2-r);padding:clamp(20px,2.6vw,32px)}


/* ==========================================================================
   Shared WooCommerce + editorial surfaces (cart, checkout, account, blog,
   search). These pages keep their WooCommerce/Flatsome markup — this brings
   their typography, controls and tables into the new system.
   ========================================================================== */
body.mc2.woocommerce-cart #content,body.mc2.woocommerce-checkout #content,
body.mc2.woocommerce-account #content,body.mc2.search #content,
body.mc2.single-post #content,body.mc2.blog #content,body.mc2.archive:not(.mc2-archive) #content{
  padding-block:clamp(28px,4vw,60px)!important}
body.mc2 .woocommerce .page-title,body.mc2 .entry-header .entry-title{
  font-family:var(--mc2-display);letter-spacing:-.02em}

/* controls */
body.mc2 .woocommerce .button,body.mc2 .woocommerce button.button,body.mc2 .woocommerce input.button,
body.mc2 .woocommerce a.button,body.mc2 .woocommerce-page .button{
  background:var(--mc2-ink)!important;color:var(--mc2-bone)!important;border:0!important;
  border-radius:calc(var(--mc2-r) * .7)!important;font-family:var(--mc2-sans)!important;
  font-weight:700!important;letter-spacing:.01em;text-transform:none!important;
  padding:.9em 1.7em!important;transition:transform .3s var(--mc2-ease),background .3s;line-height:1.25!important}
body.mc2 .woocommerce .button:hover{background:var(--mc2-accent)!important;transform:translateY(-2px)}
body.mc2 .woocommerce .button.alt,body.mc2 .checkout-button,body.mc2 #place_order{
  background:var(--mc2-accent)!important;color:#fff!important}
body.mc2 .woocommerce .button.alt:hover,body.mc2 #place_order:hover{filter:brightness(1.08)}
body.mc2 input[type=text],body.mc2 input[type=email],body.mc2 input[type=tel],body.mc2 input[type=password],
body.mc2 input[type=number],body.mc2 input[type=search],body.mc2 textarea,body.mc2 select,
body.mc2 .select2-container--default .select2-selection--single{
  border:1.5px solid var(--mc2-line)!important;border-radius:11px!important;background:var(--mc2-paper)!important;
  font-family:var(--mc2-sans)!important;color:var(--mc2-ink)!important;box-shadow:none!important;
  padding:11px 14px!important;font-size:.98rem!important;min-block-size:46px}
body.mc2 textarea{min-block-size:110px}
body.mc2 input:focus,body.mc2 textarea:focus,body.mc2 select:focus{border-color:var(--mc2-accent)!important}
body.mc2 label{font-weight:600}

/* notices */
body.mc2 .woocommerce-message,body.mc2 .woocommerce-info,body.mc2 .woocommerce-error{
  border-radius:var(--mc2-r-sm);border:1px solid var(--mc2-line);background:var(--mc2-paper);
  border-top-width:3px;font-family:var(--mc2-sans);padding:16px 18px}
body.mc2 .woocommerce-message{border-top-color:var(--mc2-ok)}
body.mc2 .woocommerce-info{border-top-color:var(--mc2-accent)}
body.mc2 .woocommerce-error{border-top-color:var(--mc2-sale)}

/* tables (cart, order review, account orders) */
body.mc2 .woocommerce table.shop_table{border:1px solid var(--mc2-line);border-radius:var(--mc2-r);
  border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--mc2-paper)}
body.mc2 .woocommerce table.shop_table th{background:var(--mc2-bone);font-family:var(--mc2-sans);
  font-weight:700;font-size:.85rem;letter-spacing:.02em;border:0;border-block-end:1px solid var(--mc2-line)}
body.mc2 .woocommerce table.shop_table td{border:0;border-block-end:1px solid var(--mc2-line);
  vertical-align:middle}
body.mc2 .woocommerce table.shop_table .product-name a{font-weight:700}
body.mc2 .woocommerce table.shop_table dl.variation dt{font-weight:600;color:var(--mc2-slate)}
body.mc2 .woocommerce table.shop_table dl.variation dd p{margin:0;color:var(--mc2-ink);font-weight:600}
body.mc2 .cart_totals h2,body.mc2 #order_review_heading,body.mc2 .woocommerce-billing-fields h3{
  font-family:var(--mc2-display);font-size:1.25rem}

/* my account */
body.mc2 .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:4px}
body.mc2 .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-radius:11px;
  font-weight:700;font-size:.94rem;border:1px solid transparent}
body.mc2 .woocommerce-MyAccount-navigation li a:hover{background:var(--mc2-bone-2)}
body.mc2 .woocommerce-MyAccount-navigation li.is-active a{background:var(--mc2-ink);color:var(--mc2-bone)}

/* editorial: blog + single post */
body.mc2.single-post .entry-content,body.mc2.page:not(.mc2-fullbleed) .entry-content{
  font-size:1.04rem;line-height:1.85;color:var(--mc2-ink);max-inline-size:74ch;margin-inline:auto}
body.mc2.single-post .entry-content h2{font-size:clamp(1.35rem,2.2vw,1.9rem);margin:1.9em 0 .5em}
body.mc2.single-post .entry-content h3{font-size:clamp(1.1rem,1.6vw,1.4rem);margin:1.6em 0 .4em}
body.mc2.single-post .entry-content img{border-radius:var(--mc2-r)}
body.mc2.single-post .entry-content blockquote{border-inline-start:3px solid var(--mc2-accent);
  padding-inline-start:20px;margin-inline-start:0;font-family:var(--mc2-serif);font-size:1.15rem;color:var(--mc2-ink)}
body.mc2 .post-item .post-title,body.mc2 .blog-archive .post-title{font-family:var(--mc2-display)}
body.mc2 .entry-meta,body.mc2 .post-meta{font-size:.8rem;color:var(--mc2-slate);letter-spacing:.04em}

/* utilities */
.mc2-sr{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mc2-hide{display:none!important}
@media (max-width:860px){.mc2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.mc2-g3{grid-template-columns:minmax(0,1fr)}}
/* Product grids stay two-up on phones — a single column made the catalogue an endless
   scroll of near-identical chairs. The card sheds its secondary detail at this size so two
   of them still read cleanly at ~170px wide. */
@media (max-width:560px){
  .mc2-g2{grid-template-columns:minmax(0,1fr)}
  .mc2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc2-grid{gap:10px}
  .mc2-card-media{aspect-ratio:1/1}
  .mc2-card-media img{padding:9%}
  .mc2-card-body{padding:11px 12px 13px;gap:5px}
  .mc2-card-brand{font-size:.58rem;letter-spacing:.12em}
  .mc2-card-title{font-size:.88rem;line-height:1.32}
  .mc2-card-spec{display:none}
  .mc2-card-foot{padding-block-start:9px;gap:6px}
  .mc2-price-now{font-size:1rem}
  .mc2-price-was{font-size:.76rem}
  .mc2-card-fin{font-size:.65rem;line-height:1.35}
  .mc2-card-cta{inline-size:30px;block-size:30px}
  .mc2-card-cta .mc2-i{inline-size:15px;block-size:15px}
  .mc2-card-tools{inset-block-start:8px;inset-inline-end:8px}
  .mc2-card-tags{inset-block-start:8px;inset-inline-start:8px}
  .mc2-tool{inline-size:30px;block-size:30px}
  .mc2-card-tags .mc2-chip{font-size:.62rem;padding:.25em .55em}
}
@media (max-width:380px){
  .mc2-card-title{font-size:.83rem}
  .mc2-card-fin{display:none}
  .mc2-grid{gap:8px}
}