/* MZRDOLL technical catalogue, using the shared storefront components. */
html[data-theme="discover"] {
  --bg:#eef1ee;
  --surface:#fff;
  --surface-2:#f2f5f1;
  --text:#18251e;
  --muted:#526159;
  --line:#d0dbd2;
  --header:#fafcfa;
  --radius:4px;
  --max:1410px;
  --shadow:0 8px 28px #14282019;
  --mzr-forest:#132c23;
  --mzr-forest-line:#385447;
  --mzr-lime:#deef76;
  --mzr-mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
.theme-discover .site-header { border-top:4px solid var(--mzr-forest); }
.theme-discover .header-inner {
  max-width:calc(var(--max) + var(--gutter)*2);
  min-height:68px;
  padding-block:8px;
  gap:22px;
}
.theme-discover .header-inner .brand { font-size:23px; letter-spacing:-.055em; }
.theme-discover .header-search { box-shadow:none; border-color:var(--line); border-radius:var(--radius); background:#fff; }
.theme-discover .header-search input { height:41px; }
.theme-discover .header-tools .search-toggle { display:none; }
.theme-discover .header-search>button { padding:9px 13px; }
.theme-discover .header-nav-row { width:calc(100% - var(--gutter)*2); border-top:1px solid var(--line); }
.theme-discover .desktop-nav { gap:21px; }
.theme-discover .desktop-nav a { min-height:39px; padding:5px 0 7px; font-size:14px; }
.theme-discover .desktop-nav a.active:after { height:2px; }
.theme-discover .nav-caption { font:600 12px/1.4 var(--mzr-mono); text-transform:uppercase; letter-spacing:.025em; }
.theme-discover .site-footer { background:var(--surface); }

.mzr-shell {
  display:grid;
  grid-template-columns:174px minmax(0,1fr);
  grid-template-areas:"rail lead" "rail body";
  align-items:start;
  gap:16px;
  padding-block:16px 22px;
}
.mzr-lead {
  grid-area:lead;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
  border:1px solid var(--line);
  border-top:3px solid var(--accent);
  background:var(--surface);
  border-radius:var(--radius);
}
.mzr-lead.has-snapshot { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.mzr-lead-copy { min-width:0; padding:18px 21px 17px; }
.mzr-kicker {
  color:var(--accent);
  display:flex;
  align-items:center;
  gap:8px;
  font:700 12px/1.4 var(--mzr-mono);
  letter-spacing:.025em;
  text-transform:uppercase;
}
.mzr-kicker>span { width:10px; height:10px; flex:none; border:1px solid #859842; background:var(--mzr-lime); }
.mzr-lead h1 { font-size:clamp(27px,3.1vw,44px); letter-spacing:-.052em; line-height:1.08; margin-top:7px; }
.mzr-intro { font-size:15px; line-height:1.45; color:var(--muted); max-width:60ch; margin-top:8px; }
.mzr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; }
.mzr-actions .button { font-size:14px; min-height:42px; padding:6px 11px; }
.mzr-actions .button .icon { width:15px; height:15px; }
.mzr-snapshot {
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-inline-start:1px solid var(--line);
  background:var(--surface-2);
  padding:11px 14px 9px;
}
.mzr-snapshot-head { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.mzr-snapshot-head h2 { font:700 13px/1.4 var(--mzr-mono); color:var(--accent); letter-spacing:0; }
.mzr-snapshot-head a { display:grid; place-items:center; flex:none; width:32px; height:32px; color:var(--accent); }
.mzr-snapshot-head a:hover { background:var(--accent-soft); }
.mzr-snapshot-head .icon { width:16px; height:16px; }
.mzr-snapshot ol { list-style:none; padding:0; margin:0; }
.mzr-snapshot li { border-top:1px solid var(--line); }
.mzr-snapshot li a {
  display:grid;
  grid-template-columns:21px 32px minmax(0,1fr) minmax(0,auto) 12px;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding-block:3px;
}
.mzr-snapshot li a:hover { background:var(--accent-soft); }
.mzr-row-number { font:650 11px/1.3 var(--mzr-mono); color:var(--accent); }
.mzr-snapshot li img,.mzr-row-empty { display:grid; place-items:center; width:32px; height:32px; object-fit:contain; border-radius:2px; background:#e7ebe6; }
.mzr-row-empty .icon { width:15px; height:15px; color:var(--muted); }
.mzr-row-label { font-size:13px; font-weight:680; line-height:1.25; overflow-wrap:anywhere; }
.mzr-row-spec { text-align:end; font:600 11px/1.32 var(--mzr-mono); color:var(--muted); max-width:21ch; overflow-wrap:anywhere; }
.mzr-row-arrow { width:12px; height:12px; color:var(--accent); grid-column:-2; }

.mzr-rail {
  grid-area:rail;
  position:sticky;
  top:16px;
  min-width:0;
  color:#f4f8f4;
  background:var(--mzr-forest);
  border:1px solid var(--mzr-forest);
  border-radius:var(--radius);
  overflow:hidden;
}
.mzr-rail h2 {
  margin:0;
  border-bottom:1px solid var(--mzr-forest-line);
  padding:14px 11px;
  color:var(--mzr-lime);
  font:700 13px/1.35 var(--mzr-mono);
  text-transform:uppercase;
  letter-spacing:.015em;
}
.mzr-filters { padding:6px; }
.mzr-filters a,.mzr-rail-links a {
  min-height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border-radius:2px;
  font-size:14px;
  line-height:1.33;
}
.mzr-filters a { justify-content:space-between; }
.mzr-filters a:hover,.mzr-rail-links a:hover { background:#254339; }
.mzr-filters .mzr-filter-all,.mzr-filters .mzr-filter-all:hover { color:#14251b; background:var(--mzr-lime); font-weight:720; }
.mzr-filters a:focus-visible,.mzr-rail-links a:focus-visible { outline-color:var(--mzr-lime); outline-offset:-3px; }
.mzr-filters .mzr-filter-all:focus-visible { outline-color:#18251e; }
.mzr-filters .icon,.mzr-rail-links .icon { width:14px; height:14px; }
.mzr-rail-links { border-top:1px solid var(--mzr-forest-line); padding:6px; color:#dce7df; }
.mzr-body { grid-area:body; min-width:0; }
.mzr-section { scroll-margin-top:14px; }
.mzr-section + .mzr-section { margin-top:22px; }
.mzr-section-heading {
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  border-bottom:2px solid var(--accent);
  padding-bottom:7px;
}
.mzr-section-heading h2 { font-size:23px; gap:8px; min-width:0; flex-wrap:wrap; overflow-wrap:anywhere; }
.mzr-section-heading>.text-link { min-height:34px; }
.mzr-count { border:1px solid var(--line); background:var(--surface); color:var(--muted); padding:2px 5px; border-radius:2px; font:600 12px/1.4 var(--mzr-mono); }

.theme-discover .product-grid:not(.mixed-grid) { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.theme-discover .product-grid:not(.mixed-grid) .product-card {
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);
  overflow:hidden;
}
.theme-discover .product-grid:not(.mixed-grid) .product-image {
  border:0;
  border-radius:0;
  aspect-ratio:1.13;
  background:var(--surface-2);
}
.theme-discover .product-image img { object-fit:contain; }
.theme-discover .product-card .product-badge { background:var(--mzr-lime); color:#203025; border-radius:2px; }
.theme-discover .product-grid:not(.mixed-grid) .product-card-body { padding:8px 8px 3px; }
.theme-discover .product-category { color:var(--accent); font:650 11px/1.36 var(--mzr-mono); overflow-wrap:anywhere; }
.theme-discover .product-card h3 { font-size:15px; line-height:1.32; margin-top:3px; overflow-wrap:anywhere; }
.theme-discover .product-card p { font-size:14px; line-height:1.45; margin-top:4px; }
.theme-discover .mzr-products .product-card p,.theme-discover .mzr-products .card-availability { display:none; }
.theme-discover .card-specs { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:6px; }
.theme-discover .card-specs span { padding:2px 4px; border-radius:2px; background:var(--surface-2); color:var(--muted); font:600 11px/1.35 var(--mzr-mono); overflow-wrap:anywhere; }
.theme-discover .product-card-bottom { gap:0 7px; padding-top:3px; }
.theme-discover .product-card-bottom>span,.theme-discover .product-card-bottom a,.theme-discover .card-offer-link { font-size:13px; line-height:1.35; }
.theme-discover .card-offer-link { margin:0; min-height:36px; }
.theme-discover .related-section .product-grid:not(.mixed-grid) { grid-template-columns:repeat(4,minmax(0,1fr)); }

.mzr-articles,.theme-discover.view-list .article-grid:not(.mixed-grid) { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.mzr-articles .article-card,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-card {
  min-width:0;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:start;
  gap:8px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
}
.mzr-articles .article-image,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-image { aspect-ratio:1; border-radius:2px; }
.mzr-articles .article-image>span,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-image>span { display:none; }
.mzr-articles .article-card-body,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-card-body { min-width:0; padding:0; }
.mzr-articles .article-card h3,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-card h3 { font:650 15px/1.28 var(--font); margin-top:3px; }
.mzr-articles .article-card p,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-card p { font-size:14px; line-height:1.4; margin-top:4px; -webkit-line-clamp:2; }
.mzr-articles .article-card .text-link,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-card .text-link { font-size:13px; margin-top:4px; }
.mzr-articles .article-meta,.theme-discover.view-list .article-grid:not(.mixed-grid) .article-meta { font-size:12px; line-height:1.3; gap:4px; }
.mzr-section .coupon-grid { gap:12px; }
.mzr-section .coupon-card { padding:14px; }

@media(min-width:700px) and (max-width:1520px) {
  .theme-discover .floating-contact,.theme-discover .floating-offers { right:12px; width:44px; min-height:44px; padding:0; border-radius:50%; }
  .theme-discover .floating-contact>span,.theme-discover .floating-offers>span { display:none; }
}
@media(max-width:1359px) {
  .theme-discover .product-grid:not(.mixed-grid) { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:1149px) {
  .mzr-shell { grid-template-columns:156px minmax(0,1fr); gap:12px; }
  .theme-discover .product-grid:not(.mixed-grid) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .mzr-articles,.theme-discover.view-list .article-grid:not(.mixed-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:899px) {
  .mzr-shell { grid-template-columns:minmax(0,1fr); grid-template-areas:"lead" "rail" "body"; }
  .mzr-rail { position:static; background:var(--surface); border-color:var(--line); color:var(--text); }
  .mzr-rail h2 { border-bottom:1px solid var(--line); color:var(--accent); padding:7px 9px; }
  .mzr-filters { display:flex; flex-wrap:wrap; gap:4px; padding:5px; }
  .mzr-filters a,.mzr-rail-links a { min-height:38px; padding:5px 7px; font-size:13px; }
  .mzr-filters a { border:1px solid var(--line); }
  .mzr-filters a:hover,.mzr-rail-links a:hover { color:var(--accent); background:var(--accent-soft); }
  .mzr-filters a:focus-visible,.mzr-rail-links a:focus-visible { outline-color:var(--accent); }
  .mzr-rail-links { display:flex; flex-wrap:wrap; border-top-color:var(--line); padding:2px 5px; color:var(--muted); }
  .theme-discover .product-grid:not(.mixed-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mzr-articles,.theme-discover.view-list .article-grid:not(.mixed-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:699px) {
  .theme-discover .header-inner { min-height:56px; gap:8px; padding-block:5px; }
  .theme-discover .header-inner .brand { font-size:20px; }
  .theme-discover .header-nav-row { display:none; }
  .mzr-shell { padding-block:10px 18px; gap:10px; }
  .mzr-lead.has-snapshot { grid-template-columns:minmax(0,1fr); }
  .mzr-lead-copy { padding:11px 12px 12px; }
  .mzr-lead h1 { font-size:28px; }
  .mzr-intro { font-size:14px; }
  .mzr-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); margin-top:9px; }
  .mzr-actions .button { padding-inline:6px; font-size:13px; }
  .mzr-snapshot { border-inline-start:0; border-top:1px solid var(--line); padding:3px 8px 4px; }
  .mzr-snapshot li a { min-height:34px; grid-template-columns:17px 27px minmax(0,1fr) minmax(0,auto) 12px; }
  .mzr-snapshot li img,.mzr-row-empty { width:26px; height:26px; }
  .mzr-row-spec { max-width:18ch; }
  .mzr-section-heading { padding-inline-end:44px; }
  .mzr-section-heading h2 { font-size:20px; gap:5px; }
  .mzr-section-heading>.text-link { font-size:13px; }
  .theme-discover .product-grid:not(.mixed-grid),.theme-discover .related-section .product-grid:not(.mixed-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-discover .product-card h3 { font-size:14px; }
}
@media(max-width:559px) {
  .mzr-articles,.theme-discover.view-list .article-grid:not(.mixed-grid) { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:359px) {
  .mzr-snapshot li a { gap:5px; }
  .mzr-row-spec { max-width:13ch; }
  .mzr-section-heading>.text-link { flex:0 1 auto; text-align:right; }
}
