/* === merged: fate-INDEX inline CSS + fate product-page CSS === */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0E0E0E;--paper:#FAFAF7;--paper2:#F2F0EA;--paper3:#EAE7DE;
  --red:#c0392b;--red-soft:#FBE9E6;--red-deep:#9c2d22;
  --muted:#6B6B6B;--rule:#D9D5C9;
  --wa:#25D366;--tg:#27A6E5;--max:#0077FF;
}
html,body{background:var(--paper);color:var(--ink);font-family:"Inter","Helvetica Neue",-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{margin:0;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}

/* ===== TOP BAR ===== */
.topbar{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule)}
.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 24px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px}
.brand .logo{width:30px;height:30px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:ui-monospace,monospace;font-weight:900;font-size:11px;border-radius:5px}
.brand b{font-weight:800}
.brand i{font-style:normal;color:var(--red);font-weight:800}
.brand .sub{color:var(--muted);font-weight:500}

.search-wrap{position:relative;justify-self:center;width:100%;max-width:420px}
.search{width:100%;padding:9px 36px 9px 32px;border:1px solid var(--rule);border-radius:6px;background:var(--paper2);font-size:13px;color:var(--ink);outline:none;transition:.15s}
.search:focus{border-color:var(--ink);background:#fff}
.search-wrap::before{content:"⌕";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}
.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:none;align-items:center;justify-content:center;color:var(--muted);font-size:14px;border-radius:4px}
.search-clear:hover{background:var(--paper3);color:var(--ink)}

.contacts{display:flex;align-items:center;gap:8px}
.contacts .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--paper2);transition:.15s;color:var(--ink)}
.contacts .ic:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.contacts .ic.wa:hover{background:var(--wa);color:#fff}
.contacts .ic.tg:hover{background:var(--tg);color:#fff}
.contacts .ic.max:hover{background:var(--max);color:#fff}
.contacts .ic.mail:hover{background:var(--ink);color:var(--paper)}
.contacts .ic svg{width:17px;height:17px;fill:currentColor}
.contacts .ic .max-letter{font-family:"Inter",sans-serif;font-weight:900;font-size:16px;letter-spacing:-.04em;line-height:1}
.phones{display:flex;flex-direction:column;line-height:1.15;padding-left:8px;margin-left:4px;border-left:1px solid var(--rule)}
.phones a{font-size:12.5px;font-weight:700;letter-spacing:-.01em;transition:.15s}
.phones a:hover{color:var(--red)}
.phones .free{color:var(--muted);font-size:11px;font-weight:500;margin-top:1px}
.phones .free b{color:var(--ink);font-weight:700}

/* ===== HERO ===== */
.hero{padding:64px 0 40px;border-bottom:1px solid var(--rule)}
.hero-inner{max-width:880px}
.hero-eyebrow{display:inline-block;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);padding:5px 10px;border:1px solid var(--red);border-radius:99px;margin-bottom:20px;font-weight:600}
.hero-h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:18px;max-width:22ch}
.hero-h1 em{font-style:normal;color:var(--red)}
.hero-sub{font-size:16px;color:#3a3a3a;line-height:1.6;max-width:60ch}

/* ===== KPI STRIP ===== */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.kpi{padding:22px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px}
.kpi:last-child{border-right:0}
.kpi-v{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.kpi-v small{font-size:14px;color:var(--muted);font-weight:600;margin-left:3px}
.kpi-l{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kpi.red .kpi-v{color:var(--red)}

/* ===== CHIPBAR ===== */
.chipbar{position:sticky;top:54px;z-index:40;background:var(--paper);border-bottom:1px solid var(--rule);padding:14px 0}
.chipbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;gap:6px;overflow-x:auto}
.chipbar-inner::-webkit-scrollbar{height:4px}
.chipbar-inner::-webkit-scrollbar-thumb{background:var(--rule);border-radius:2px}
.chip{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--rule);border-radius:6px;font-size:12px;flex:0 0 auto;white-space:nowrap;background:#fff;transition:.15s}
.chip:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.chip:hover .chip-cnt{color:var(--red)}
.chip-no{font-family:ui-monospace,monospace;color:var(--muted);font-size:10.5px;font-weight:700}
.chip:hover .chip-no{color:var(--paper2)}
.chip-cnt{font-family:ui-monospace,monospace;color:var(--red);font-size:11px;font-weight:700;margin-left:2px}

/* ===== MANIFEST ===== */
.manifest{padding:48px 0;border-bottom:1px solid var(--rule)}
.section-eyebrow{display:flex;align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:16px}
.section-eyebrow::before{content:"";width:24px;height:1px;background:var(--red)}
.section-h{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin-bottom:28px;max-width:18ch}
.section-h em{font-style:normal;color:var(--red)}
.manifest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.m-card{padding:22px;border:1px solid var(--rule);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;transition:.15s}
.m-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.m-card-no{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;color:var(--red);font-weight:700}
.m-card-h{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.m-card-p{font-size:13.5px;color:#3a3a3a;line-height:1.55}

/* ===== CATALOG / CARDS ===== */
.catalog{padding:42px 0 12px}
.cat-section{margin-bottom:48px;scroll-margin-top:120px}
.cat-head{margin-bottom:18px}
.cat-meta{display:flex;gap:14px;align-items:center;margin-bottom:8px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cat-no-label{color:var(--red);font-weight:700}
.cat-count-label{color:var(--muted);font-weight:600;padding-left:14px;border-left:1px solid var(--rule)}
.cat-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:8px}
.cat-grid:not(.expanded) .card:nth-child(n+13){display:none}

.card{position:relative;padding:8px 12px 8px 8px;border:1px solid var(--rule);border-radius:8px;background:#fff;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;transition:.15s;min-height:68px}
.card:hover{border-color:var(--ink);transform:translateX(2px);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.card:hover .card-arrow{color:var(--red);transform:translateX(3px)}

.card-thumb{position:relative;width:54px;height:54px;border-radius:6px;overflow:hidden;background:var(--paper2);flex:0 0 auto;display:grid;place-items:center}
.card-thumb img{width:100%;height:100%;object-fit:cover}
.card-thumb.no-img::after{content:attr(data-letter);font-family:ui-monospace,monospace;font-size:22px;font-weight:900;color:var(--red);letter-spacing:-.04em}
.card-thumb.no-img{background:linear-gradient(135deg,var(--paper2) 0%,var(--paper3) 100%);border:1px solid var(--rule)}

.card-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.card-title{font-size:13.5px;line-height:1.32;color:var(--ink);font-weight:500;letter-spacing:-.005em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.card-arrow{font-family:ui-monospace,monospace;color:var(--rule);font-size:14px;transition:.15s;font-weight:700;align-self:center}
.card.search-hide{display:none !important}

.cat-toggle{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--ink);border-radius:6px;font-size:12.5px;font-weight:600;transition:.15s}
.cat-toggle:hover{background:var(--ink);color:var(--paper)}
.cat-toggle[aria-expanded="true"] .cat-toggle-arr{transform:rotate(180deg)}
.cat-toggle-arr{display:inline-block;transition:.2s;font-size:11px}
.empty{display:none;padding:40px 0;text-align:center;color:var(--muted)}
.empty.show{display:block}

/* ===== CTA ===== */
.cta{background:var(--ink);color:var(--paper);padding:56px 0;border-top:3px solid var(--red);border-bottom:3px solid var(--red)}
.cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.cta-h{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;letter-spacing:-.035em;line-height:1;margin-bottom:18px}
.cta-h em{font-style:normal;color:var(--red)}
.cta-sub{font-size:15.5px;color:#c9c9c9;line-height:1.55;max-width:48ch}
.cta-actions{display:flex;flex-direction:column;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:13.5px;font-weight:700;letter-spacing:.04em;border-radius:7px;transition:.15s;border:1px solid transparent}
.btn .arr{font-family:ui-monospace,monospace;margin-left:14px}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-deep)}
.btn-ghost{background:transparent;color:var(--paper);border-color:#3a3a3a}
.btn-ghost:hover{border-color:var(--paper);background:rgba(255,255,255,.04)}

/* ===== FAQ ===== */
.faq{padding:56px 0;border-bottom:1px solid var(--rule)}
.faq-list{display:grid;gap:8px;max-width:880px}
.faq-item{border:1px solid var(--rule);border-radius:8px;background:#fff;overflow:hidden}
.faq-item[open]{border-color:var(--ink)}
.faq-q{padding:18px 22px;font-size:15.5px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:46px}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--red);font-weight:300}
.faq-item[open] .faq-q::after{content:"–"}
.faq-a{padding:0 22px 20px;font-size:14.5px;color:#3a3a3a;line-height:1.6}

/* ===== FOOTER ===== */
.foot{padding:42px 0 28px;background:var(--paper2);border-top:1px solid var(--rule)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.foot-col h4{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:12px}
.foot-col p,.foot-col a{font-size:13.5px;color:#2a2a2a;line-height:1.65;display:block}
.foot-col a:hover{color:var(--red)}
.foot-brand b{font-size:18px;font-weight:900;letter-spacing:-.02em;display:block;margin-bottom:8px}
.foot-bot{display:flex;justify-content:space-between;padding-top:18px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.foot-bot span:last-child{color:var(--red)}

@media(max-width:1024px){
  .topbar-inner{grid-template-columns:auto 1fr;gap:14px}
  .contacts{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--rule);padding-top:10px}
  .phones{padding-left:8px}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .kpi:nth-child(2n){border-right:0}
  .kpi:nth-child(1),.kpi:nth-child(2){border-bottom:1px solid var(--rule)}
  .manifest-grid{grid-template-columns:repeat(2,1fr)}
  .cta-grid{grid-template-columns:1fr;gap:24px}
  .foot-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:680px){
  body{font-size:14px}
  .topbar-inner{grid-template-columns:1fr;padding:10px 16px;gap:8px}
  .brand{font-size:14px}
  .search-wrap{max-width:none}
  .contacts{gap:6px}
  .contacts .ic{width:32px;height:32px}
  .phones{padding-left:6px;margin-left:2px}
  .phones a{font-size:11.5px}
  .phones .free{font-size:10px}
  .wrap{padding:0 16px}
  .hero{padding:36px 0 24px}
  .kpis{grid-template-columns:1fr}
  .kpi{border-right:0;border-bottom:1px solid var(--rule)}
  .kpi:last-child{border-bottom:0}
  .manifest-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .foot-bot{flex-direction:column;gap:6px}
  .chipbar{top:auto;position:static}
  .cat-section{scroll-margin-top:24px}
}

.cat-head{display:flex;align-items:baseline;gap:14px;margin:36px 0 14px;padding:0 0 8px;border-bottom:2px solid var(--rule)}
.cat-no{font-family:ui-monospace,monospace;font-weight:900;font-size:13px;color:var(--red);letter-spacing:.06em}
.cat-cnt{margin-left:auto;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.catalog-cat{scroll-margin-top:84px}
.cat-more{margin-top:16px;text-align:center}
.cat-more-btn{padding:10px 22px;background:#fff;border:1px solid var(--rule);border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
.cat-more-btn:hover{border-color:var(--ink);background:var(--paper2)}
.cat-grid.expanded .card{display:flex !important}
.chipbar{padding:14px 0 6px;border-bottom:1px solid var(--rule);overflow-x:auto;-webkit-overflow-scrolling:touch}
.chipbar-inner{display:flex;flex-wrap:wrap;gap:6px;max-width:1280px;margin:0 auto;padding:0 24px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--rule);border-radius:99px;font-size:12.5px;text-decoration:none;transition:.15s;white-space:nowrap}
.chip:hover{border-color:var(--red);background:var(--paper2)}
.chip-no{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);font-weight:700}
.chip-name{font-weight:600;color:var(--ink)}
.chip-cnt{background:var(--red-soft);color:var(--red);font-weight:700;font-size:11px;padding:1px 7px;border-radius:99px;font-family:ui-monospace,monospace}
.card-arrow{margin-left:auto;color:var(--muted);font-family:ui-monospace,monospace;font-size:14px;flex:0 0 auto}
.card:hover .card-arrow{color:var(--red)}
.search-input-wrap{margin:20px 0 8px;position:relative}
#globalSearch{width:100%;padding:14px 18px 14px 46px;border:1px solid var(--rule);border-radius:10px;background:#fff;font-size:15px;outline:none}
#globalSearch:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(192,57,43,.1)}
.search-input-wrap::before{content:"⌕";position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--muted)}
.search-stat{font-size:12px;color:var(--muted);font-family:ui-monospace,monospace;margin-top:6px}

/* === fate product-page CSS === */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0E0E0E;--paper:#FAFAF7;--paper2:#F2F0EA;--paper3:#EAE7DE;
  --red:#c0392b;--red-soft:#FBE9E6;--red-deep:#9c2d22;
  --muted:#6B6B6B;--rule:#D9D5C9;
  --wa:#25D366;--tg:#27A6E5;--max:#0077FF;
}
html,body{background:var(--paper);color:var(--ink);font-family:"Inter","Helvetica Neue",-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{margin:0;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{max-width:100%;display:block}
input,textarea,select{font:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.topbar{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule)}
.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 24px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px}
.brand .logo{width:30px;height:30px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:ui-monospace,monospace;font-weight:900;font-size:11px;border-radius:5px}
.brand b{font-weight:800}.brand i{font-style:normal;color:var(--red);font-weight:800}.brand .sub{color:var(--muted);font-weight:500}
.search-wrap{position:relative;justify-self:center;width:100%;max-width:420px}
.search{width:100%;padding:9px 36px 9px 32px;border:1px solid var(--rule);border-radius:6px;background:var(--paper2);font-size:13px;color:var(--ink);outline:none;transition:.15s}
.search:focus{border-color:var(--ink);background:#fff}
.search-wrap::before{content:"⌕";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}
.contacts{display:flex;align-items:center;gap:8px}
.contacts .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--paper2);transition:.15s;color:var(--ink)}
.contacts .ic:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.contacts .ic.wa:hover{background:var(--wa);color:#fff}
.contacts .ic.tg:hover{background:var(--tg);color:#fff}
.contacts .ic.max:hover{background:var(--max);color:#fff}
.contacts .ic.mail:hover{background:var(--ink);color:var(--paper)}
.contacts .ic svg{width:17px;height:17px;fill:currentColor}
.contacts .ic .max-letter{font-family:"Inter",sans-serif;font-weight:900;font-size:16px;letter-spacing:-.04em;line-height:1}
.fab{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:10px}
.fab-btn{width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.08);display:grid;place-items:center;color:var(--ink);transition:.2s;position:relative;overflow:visible}
.fab-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.fab-btn svg{width:24px;height:24px;fill:currentColor;transition:.2s}
.fab-btn.wa{background:#25D366;color:#fff}
.fab-btn.tg{background:#27A6E5;color:#fff}
.fab-btn.max{background:#0077FF;color:#fff}
.fab-btn.tel{background:var(--red);color:#fff}
.fab-btn .max-letter{font-family:"Inter",sans-serif;font-weight:900;font-size:22px;letter-spacing:-.05em;line-height:1}
.fab-btn .label{position:absolute;right:60px;top:50%;transform:translateY(-50%) translateX(8px);background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;padding:6px 11px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;letter-spacing:.02em}
.fab-btn .label::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--ink)}
.fab-btn:hover .label{opacity:1;transform:translateY(-50%) translateX(0)}
.fab-btn.tel::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--red);opacity:.45;animation:fabPulse 1.8s ease-out infinite}
@keyframes fabPulse{0%{transform:scale(1);opacity:.5}80%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@media(max-width:680px){
  .fab{right:14px;bottom:14px;gap:8px}
  .fab-btn{width:46px;height:46px}
  .fab-btn svg{width:22px;height:22px}
  .fab-btn .label{display:none}
}
.phones{display:flex;flex-direction:column;line-height:1.15;padding-left:8px;margin-left:4px;border-left:1px solid var(--rule)}
.phones a{font-size:12.5px;font-weight:700;letter-spacing:-.01em}
.phones a:hover{color:var(--red)}
.phones .free{color:var(--muted);font-size:11px;font-weight:500;margin-top:1px}
.phones .free b{color:var(--ink);font-weight:700}
.crumbs{padding:14px 0;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.crumbs a:hover{color:var(--red)}
.crumbs .sep{color:var(--rule)}
.crumbs .here{color:var(--ink);font-weight:600}
.phero{padding:18px 0 56px;border-bottom:1px solid var(--rule)}
.phero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.phero-text .eyebrow{display:inline-block;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);padding:5px 10px;border:1px solid var(--red);border-radius:99px;font-weight:600;margin-bottom:16px}
.phero-h1{font-size:clamp(1.3rem,2.6vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;word-break:break-word;overflow-wrap:anywhere}
.phero-lead{font-size:16px;color:#3a3a3a;line-height:1.55;margin-bottom:20px;max-width:54ch}
.phero-img{position:relative;border-radius:10px;overflow:hidden;background:var(--paper2);box-shadow:0 2px 20px rgba(0,0,0,.04);border:1px solid var(--rule)}
.phero-img img{display:block;width:100%;height:auto}
.phero-img.no-img::after{content:attr(data-letter);position:absolute;inset:0;display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:140px;font-weight:900;color:var(--red);letter-spacing:-.06em}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:24px}
.spec{padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:2px}
.spec-l{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.spec-v{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.phero-actions{display:flex;flex-direction:column;gap:8px;max-width:380px}
.pbtn{display:inline-flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:13.5px;font-weight:700;letter-spacing:.04em;border-radius:8px;border:1px solid transparent;transition:.15s}
.pbtn .arr{font-family:ui-monospace,monospace}
.pbtn.primary{background:var(--red);color:#fff}
.pbtn.primary:hover{background:var(--red-deep)}
.pbtn.outline{background:#fff;color:var(--ink);border-color:var(--ink)}
.pbtn.outline:hover{background:var(--ink);color:var(--paper)}
.pbtn.wa{background:var(--wa);color:#fff}
.pbtn.wa:hover{filter:brightness(.95)}
.pbtn.tg{background:var(--tg);color:#fff}
.pbtn.tg:hover{filter:brightness(.95)}
.pbtn.max{background:var(--max);color:#fff}
.pbtn.max:hover{filter:brightness(.95)}
.pbtn .ico{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;flex:0 0 auto}
.pbtn .ico svg{width:16px;height:16px;fill:currentColor}
.pbtn .ico .max-letter{font-family:"Inter",sans-serif;font-weight:900;font-size:15px;letter-spacing:-.05em;line-height:1}
.pbtn{display:flex;align-items:center}
.pbtn .txt{flex:1;text-align:left}
.section-eyebrow{display:flex;align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:16px}
.section-eyebrow::before{content:"";width:24px;height:1px;background:var(--red)}
.section-h{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:24px;max-width:22ch}
.section-h em{font-style:normal;color:var(--red)}
.desc{padding:48px 0;border-bottom:1px solid var(--rule)}
.desc-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px}
.desc-grid.single{grid-template-columns:1fr}
.prose p{font-size:15.5px;line-height:1.65;margin-bottom:14px;color:#222}
.prose p strong{color:var(--ink)}
.prose h2,.prose h3,.prose h4{font-weight:800;letter-spacing:-.02em;margin:28px 0 12px;line-height:1.2}
.prose h2{font-size:1.5rem}
.prose h3{font-size:1.2rem;color:var(--ink)}
.prose h4{font-size:1.05rem}
.prose ul,.prose ol{margin:0 0 16px 22px;padding:0}
.prose ul li,.prose ol li{margin-bottom:7px;line-height:1.55;color:#222}
.prose ul ul,.prose ol ol{margin-top:6px;margin-bottom:6px}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--red-deep)}
.prose img{border-radius:8px;margin:18px 0;border:1px solid var(--rule)}
.tbl-scroll{margin:18px 0;border:1px solid var(--rule);border-radius:8px;overflow-x:auto;background:#fff;-webkit-overflow-scrolling:touch}
.tbl-scroll table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}
.tbl-scroll th,.tbl-scroll td{padding:8px 10px;border:1px solid var(--rule);text-align:center;vertical-align:middle;color:#222}
.tbl-scroll th{background:var(--paper2);font-weight:700;font-family:ui-monospace,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}
.tbl-scroll tr:nth-child(even) td{background:#FBFAF6}
.specs-table{border:1px solid var(--rule);border-radius:8px;background:#fff;overflow:hidden;align-self:start}
.specs-table h3{padding:14px 18px;background:var(--paper2);font-size:13px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid var(--rule);font-family:ui-monospace,monospace;text-transform:uppercase;color:var(--red)}
.specs-table dl{padding:6px 18px 14px;display:grid;grid-template-columns:1fr auto;gap:0;row-gap:2px}
.specs-table dt{padding:9px 0;font-size:13px;color:#555;border-bottom:1px dashed var(--rule)}
.specs-table dd{padding:9px 0;font-size:13.5px;text-align:right;font-weight:700;border-bottom:1px dashed var(--rule);font-variant-numeric:tabular-nums}
.specs-table dl > :nth-last-child(1),.specs-table dl > :nth-last-child(2){border-bottom:0}
.order{padding:56px 0;background:var(--paper2);border-bottom:1px solid var(--rule)}
.order-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}
.order-info p{font-size:15px;color:#3a3a3a;line-height:1.6;margin-bottom:14px}
.order-info ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:18px}
.order-info ul li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#2a2a2a;line-height:1.55}
.order-info ul li::before{content:"›";color:var(--red);font-weight:900;font-size:18px;line-height:1.1}
.form{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form-field{display:flex;flex-direction:column;gap:5px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:11.5px;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.form-field input,.form-field textarea,.form-field select{padding:11px 13px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);font-size:14px;color:var(--ink);outline:none;transition:.15s;font-family:inherit}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--ink);background:#fff}
.form-field textarea{resize:vertical;min-height:80px}
.form-submit{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.form-submit button{padding:14px;background:var(--red);color:#fff;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:.04em;transition:.15s}
.form-submit button:hover{background:var(--red-deep)}
.form-consent{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:6px}
.form-consent a{color:var(--red);text-decoration:underline}
.form-consent label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.form-consent input{margin-top:2px;flex-shrink:0}
.faq{padding:56px 0;border-bottom:1px solid var(--rule)}
.faq-list{display:grid;gap:8px;max-width:880px}
.faq-item{border:1px solid var(--rule);border-radius:8px;background:#fff;overflow:hidden}
.faq-item[open]{border-color:var(--ink)}
.faq-q{padding:18px 22px;font-size:15.5px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:46px}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--red);font-weight:300}
.faq-item[open] .faq-q::after{content:"–"}
.faq-a{padding:0 22px 20px;font-size:14.5px;color:#3a3a3a;line-height:1.6}
.foot{padding:42px 0 28px;background:var(--paper2);border-top:1px solid var(--rule)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.foot-col h4{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:12px}
.foot-col p,.foot-col a{font-size:13.5px;color:#2a2a2a;line-height:1.65;display:block}
.foot-col a:hover{color:var(--red)}
.foot-brand b{font-size:18px;font-weight:900;letter-spacing:-.02em;display:block;margin-bottom:8px}
.foot-bot{display:flex;justify-content:space-between;padding-top:18px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.foot-bot span:last-child{color:var(--red)}
@media(max-width:1024px){
  .topbar-inner{grid-template-columns:auto 1fr;gap:14px}
  .contacts{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--rule);padding-top:10px}
  .phero-grid{grid-template-columns:1fr}
  .desc-grid{grid-template-columns:1fr}
  .order-grid{grid-template-columns:1fr;gap:24px}
  .foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  body{font-size:14px}
  .topbar-inner{grid-template-columns:1fr;padding:10px 16px;gap:8px}
  .search-wrap{max-width:none}
  .wrap{padding:0 16px}
  .phero{padding:8px 0 36px}
  .phero-img{border-radius:8px}
  .form-row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .foot-bot{flex-direction:column;gap:6px}
  .tbl-scroll table{font-size:12px;min-width:560px}
}


/* === Orenburg-content within /fate/ design: re-style orenburg classes === */
.orenburg-content { padding: 0 0 48px; }
.orenburg-content .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* Stats strip (under hero) */
.orenburg-content .stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
  margin: 32px 0 0;
}
.orenburg-content .stat {
  padding: 22px; border-right: 1px solid var(--rule);
  display: flex; flex-direction: column; gap: 6px;
}
.orenburg-content .stat:last-child { border-right: 0; }
.orenburg-content .stat strong {
  font-size: 28px; font-weight: 900; letter-spacing: -.02em; line-height: 1;
  color: var(--ink); font-variant-numeric: tabular-nums;
}
.orenburg-content .stat span {
  font-family: ui-monospace, monospace;
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
@media (max-width: 700px) {
  .orenburg-content .stats { grid-template-columns: repeat(2, 1fr); }
  .orenburg-content .stat:nth-child(2n) { border-right: 0; }
  .orenburg-content .stat:nth-child(3), .orenburg-content .stat:nth-child(4) {
    border-top: 1px solid var(--rule);
  }
}

/* Section spacing inside orenburg-content */
.orenburg-content section { padding: 48px 0; border-top: 1px solid var(--rule); }
.orenburg-content section:first-of-type { border-top: 0; }
.orenburg-content section h2 {
  font-size: clamp(1.5rem, 2.8vw, 2rem); font-weight: 800;
  letter-spacing: -.02em; line-height: 1.1;
  margin-bottom: 24px;
}

/* Prose inside orenburg content */
.orenburg-content .prose p {
  font-size: 16px; line-height: 1.7; color: #2a2a2a; margin-bottom: 1em;
}
.orenburg-content .prose strong { color: var(--ink); font-weight: 700; }
.orenburg-content .prose ul, .orenburg-content .prose ol { padding-left: 22px; margin-bottom: 1em; }
.orenburg-content .prose li { margin-bottom: 6px; line-height: 1.55; }
.orenburg-content .prose a { color: var(--red-deep); text-decoration: underline; text-underline-offset: 2px; }
.orenburg-content .prose a:hover { color: var(--red); }
.orenburg-content .prose img {
  max-width: 320px; height: auto;
  float: right; margin: 0 0 20px 24px;
  border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
@media (max-width: 720px) {
  .orenburg-content .prose img { float: none; max-width: 100%; margin: 0 0 16px 0; }
}

/* Cards grid (multiple sections use this) */
.orenburg-content .cards {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px; margin-top: 4px;
}
.orenburg-content .card {
  background: #fff; border: 1px solid var(--rule); border-radius: 10px;
  padding: 24px 22px; transition: .15s;
  position: static; min-height: auto; display: block;
}
.orenburg-content .card:hover {
  border-color: var(--ink); transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.orenburg-content .card__body h3 {
  font-size: 18px; font-weight: 800; letter-spacing: -.01em;
  color: var(--ink); margin-bottom: 10px; line-height: 1.25;
}
.orenburg-content .card__body p {
  font-size: 14px; line-height: 1.55; color: #3a3a3a; margin: 0;
}

/* specs-table (orenburg flavor) */
.orenburg-content .specs-table {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--rule); border-radius: 10px; overflow: hidden;
  margin-top: 4px;
}
.orenburg-content .spec-row {
  display: grid; grid-template-columns: minmax(220px, 1fr) 2fr;
  gap: 18px; padding: 14px 20px; background: #fff; align-items: baseline;
}
.orenburg-content .spec-k { font-weight: 700; color: var(--red-deep); font-size: 14px; }
.orenburg-content .spec-v { color: var(--ink); font-size: 14px; line-height: 1.5; }
@media (max-width: 600px) {
  .orenburg-content .spec-row { grid-template-columns: 1fr; gap: 4px; padding: 12px 16px; }
  .orenburg-content .spec-k, .orenburg-content .spec-v { font-size: 13px; }
}

/* marking-box */
.orenburg-content .marking-box {
  background: var(--paper2); border: 1px solid var(--rule);
  border-radius: 10px; padding: 28px;
  text-align: center; margin-top: 4px;
}
.orenburg-content .marking-example { margin: 16px 0; }
.orenburg-content .marking-box code,
.orenburg-content .marking-example code {
  display: inline-block;
  font: 800 clamp(15px, 2.2vw, 20px) "Courier New", monospace;
  padding: 12px 22px; background: #fff;
  border: 1px dashed var(--red); color: var(--red-deep);
  border-radius: 8px;
}
.orenburg-content .marking-example span {
  display: block; margin-top: 10px; color: var(--muted); font-size: 14px;
}
.orenburg-content .marking-note { color: var(--muted); font-size: 14px; margin-top: 14px; }

/* FAQ list (orenburg uses .faq-list .faq-item with <summary> + <p>) */
.orenburg-content .faq-list { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.orenburg-content .faq-list .faq-item {
  background: #fff; border: 1px solid var(--rule); border-radius: 10px;
  padding: 18px 22px; box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.orenburg-content .faq-list .faq-item[open] { border-color: var(--red); }
.orenburg-content .faq-list summary {
  cursor: pointer; font-weight: 700; color: var(--ink); font-size: 15.5px;
  list-style: none; padding: 4px 0; display: flex; align-items: center; gap: 14px;
}
.orenburg-content .faq-list summary::after {
  content: "+"; margin-left: auto; color: var(--red);
  font-size: 22px; font-weight: 400; transition: transform .2s;
}
.orenburg-content .faq-list .faq-item[open] summary::after { transform: rotate(45deg); }
.orenburg-content .faq-list summary::-webkit-details-marker { display: none; }
.orenburg-content .faq-list p {
  margin: 12px 0 4px; color: #3a3a3a; line-height: 1.65; font-size: 14.5px;
}

/* Order form (orenburg .order-form) — match /fate/ red palette */
.orenburg-content section#order { padding: 56px 0; }
.orenburg-content .order-form {
  background: var(--paper2); border: 1px solid var(--rule); border-radius: 10px;
  padding: 32px; max-width: 720px; margin: 4px auto 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.orenburg-content .order-form .form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.orenburg-content .order-form .form__row { margin-bottom: 14px; }
.orenburg-content .order-form label {
  display: block; font-weight: 700; font-size: 12px; text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); margin-bottom: 8px;
}
.orenburg-content .order-form input,
.orenburg-content .order-form textarea {
  width: 100%; padding: 12px 14px; border: 1px solid var(--rule);
  background: #fff; border-radius: 8px; font: 15px/1.4 inherit; color: var(--ink);
  outline: none; transition: .15s;
}
.orenburg-content .order-form input:focus,
.orenburg-content .order-form textarea:focus {
  border-color: var(--red); box-shadow: 0 0 0 3px var(--red-soft);
}
.orenburg-content .order-form .btn {
  display: inline-block; padding: 14px 28px;
  background: var(--red); color: #fff;
  border: 0; border-radius: 8px; cursor: pointer;
  font: 700 14px/1 inherit; text-transform: uppercase; letter-spacing: .04em;
  transition: .15s;
}
.orenburg-content .order-form .btn:hover { background: var(--red-deep); }
.orenburg-content .order-form label.form__check {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  gap: 12px !important; text-transform: none !important; letter-spacing: 0 !important;
  font-size: 13px !important; font-weight: 500 !important; color: var(--ink) !important;
  padding: 10px 12px !important; margin: 0 !important;
  border: 1px solid transparent; border-radius: 8px;
}
.orenburg-content .order-form label.form__check:hover { background: var(--red-soft); }
.orenburg-content .order-form .form__check > input[type=checkbox] {
  width: 20px !important; height: 20px !important; flex: 0 0 20px !important;
  margin: 0 !important; accent-color: var(--red);
}
.orenburg-content .order-form .form__msg { display: none; padding: 12px 16px; border-radius: 8px; font-size: 14px; font-weight: 700; margin-bottom: 14px; }
.orenburg-content .order-form .form__msg.ok { display: block; background: #e6f5ed; color: #0f5132; }
.orenburg-content .order-form .form__msg.err { display: block; background: var(--red-soft); color: var(--red-deep); }
.orenburg-content .order-form .form__hint { text-align: center; color: var(--muted); font-size: 12px; margin-top: 12px; }

/* Contact section, map, related products */
.orenburg-content .contact {
  display: grid; grid-template-columns: 1fr 1.3fr; gap: 24px; margin-top: 8px;
}
.orenburg-content .contact-card {
  background: #fff; border: 1px solid var(--rule); border-radius: 10px; padding: 28px;
}
.orenburg-content .contact-card ul { list-style: none; padding: 0; margin: 0; }
.orenburg-content .contact-card li {
  padding: 14px 0; border-bottom: 1px dashed var(--rule);
  display: flex; gap: 14px; align-items: flex-start;
}
.orenburg-content .contact-card li:last-child { border-bottom: 0; }
.orenburg-content .contact-card li > span:first-child {
  width: 32px; height: 32px; border-radius: 8px; background: var(--red-soft);
  color: var(--red-deep); display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.orenburg-content .contact-card li strong {
  display: block; font-size: 11px; color: var(--muted);
  text-transform: uppercase; letter-spacing: .06em; font-weight: 700;
}
.orenburg-content .map-wrap {
  position: relative; border-radius: 10px; overflow: hidden;
  min-height: 380px; background: var(--paper2); border: 1px solid var(--rule);
}
.orenburg-content .map-wrap iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }
.orenburg-content .map-wrap__btn {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  padding: 14px 26px; border: 0; background: var(--red); color: #fff;
  font: 800 13px/1 inherit; text-transform: uppercase; letter-spacing: .06em;
  border-radius: 8px; cursor: pointer;
}
.orenburg-content .map-wrap__btn:hover { background: var(--red-deep); }
@media (max-width: 800px) { .orenburg-content .contact { grid-template-columns: 1fr; } }

/* product-cards (related products) */
.orenburg-content .product-cards {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px; margin-top: 4px;
}
.orenburg-content .product-card {
  display: flex; flex-direction: column; background: #fff;
  border: 1px solid var(--rule); border-radius: 10px;
  padding: 20px; text-decoration: none; color: var(--ink); transition: .15s;
}
.orenburg-content .product-card:hover {
  border-color: var(--ink); transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.orenburg-content .product-card img {
  width: 100%; aspect-ratio: 4/3; object-fit: cover;
  border-radius: 6px; margin-bottom: 14px; background: var(--paper2);
}
.orenburg-content .product-card h3 { margin: 0 0 6px; font-size: 17px; color: var(--ink); }
.orenburg-content .product-card p { margin: 0 0 12px; color: var(--muted); font-size: 14px; flex: 1; }
.orenburg-content .product-card__link {
  color: var(--red); font-weight: 800; font-size: 13px;
  text-transform: uppercase; letter-spacing: .06em;
}

/* Legacy buttons appearing in orenburg pages */
.orenburg-content .btn--ghost {
  background: #fff !important; color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}
.orenburg-content .btn--ghost:hover { background: var(--paper2) !important; }

/* "How to order" / "Powers" / "Forms" / "Clients" sections */
.orenburg-content .how, .orenburg-content .powers, .orenburg-content .forms, .orenburg-content .clients {
  margin-top: 4px;
}
.orenburg-content .how { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.orenburg-content .how-item {
  background: #fff; border: 1px solid var(--rule); border-radius: 10px; padding: 24px; position: relative;
}
.orenburg-content .how-item__num {
  position: absolute; top: -12px; left: 22px; background: var(--red); color: #fff;
  font-weight: 900; width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.orenburg-content .how-item h3 { margin: 6px 0 10px; font-size: 17px; color: var(--ink); }
.orenburg-content .how-item p { color: var(--muted); font-size: 14px; margin: 0; line-height: 1.55; }

.orenburg-content .powers { display: flex; flex-wrap: wrap; gap: 8px; }
.orenburg-content .powers span {
  background: #fff; border: 1px solid var(--rule); border-radius: 99px;
  padding: 9px 16px; font-weight: 700; color: var(--ink); font-size: 13px;
  transition: .15s;
}
.orenburg-content .powers span:hover { background: var(--red); color: #fff; border-color: var(--red); }
.orenburg-content .powers strong { color: var(--red); margin-right: 4px; }

.orenburg-content .forms { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.orenburg-content .form-card { background: #fff; border: 1px solid var(--rule); border-radius: 10px; padding: 24px; text-align: center; }
.orenburg-content .form-card__shape {
  width: 64px; height: 64px; margin: 0 auto 12px; background: var(--paper2);
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 24px; color: var(--red-deep); border-radius: 50%;
}

.orenburg-content .clients {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px;
}
.orenburg-content .clients img { height: 44px; filter: grayscale(1); opacity: .55; transition: .2s; }
.orenburg-content .clients img:hover { filter: none; opacity: 1; }




/* === FIXES v2: search dropdown, consent highlight, MAX icon === */

/* Search dropdown */
.search-wrap { position: relative; }
.search-results {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0; right: 0;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 8px;
  box-shadow: 0 14px 36px -10px rgba(0,0,0,.15);
  max-height: 420px;
  overflow-y: auto;
  z-index: 100;
  padding: 6px 0;
}
.sr-item {
  display: block; padding: 10px 14px;
  text-decoration: none; color: var(--ink);
  border-bottom: 1px solid var(--rule);
  transition: background .12s;
}
.sr-item:last-child { border-bottom: 0; }
.sr-item:hover { background: var(--paper2); }
.sr-t { font-weight: 700; font-size: 14px; line-height: 1.3; color: var(--ink); margin-bottom: 3px; }
.sr-d { font-size: 12.5px; color: var(--muted); line-height: 1.4; }
.sr-empty {
  padding: 16px; text-align: center;
  color: var(--muted); font-size: 13px;
}

/* Always-visible consent highlight (works even before JS adds is-pending) */
.orenburg-content .order-form .form__check {
  border-color: #fbbf24 !important;
  background: #fffbeb !important;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, .22) !important;
}
.orenburg-content .order-form .form__check:hover {
  border-color: #f59e0b !important;
  background: #fef3c7 !important;
}
.orenburg-content .order-form .form__check > input[type=checkbox] {
  accent-color: #d97706 !important;
}
.orenburg-content .order-form .form__check sup {
  color: #b45309 !important;
  font-weight: 800;
}

/* MAX icon styling (matches WA/TG/mail in .contacts) */
.contacts .ic.max:hover { background: #0077FF; color: #fff; }




/* === FIXES v3: chipbar hover, consent spacing, MAX FAB, mobile menu === */

/* Chipbar hover: replace black inversion with red highlight (better contrast) */
.chip:hover {
  border-color: var(--red) !important;
  background: var(--red-soft) !important;
  color: var(--ink) !important;
}
.chip:hover .chip-no { color: var(--red-deep) !important; }
.chip:hover .chip-cnt { color: var(--red) !important; }

/* Consent checkbox spacing — separate from submit button + from each other */
.orenburg-content .order-form .form__submit,
.orenburg-content .order-form button.btn {
  margin-bottom: 20px;
}
.orenburg-content .order-form .form__consent {
  margin: 22px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.orenburg-content .order-form .form__check {
  margin: 0 !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

/* MAX FAB button */
.fab .fab-btn.max {
  background: #0077FF;
  color: #fff;
}
.fab .fab-btn.max .max-letter {
  font-family: "Inter", sans-serif;
  font-weight: 900;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -.04em;
}

/* Bigger phone phones display in mobile */
@media (max-width: 720px) {
  .phones a { font-size: 12px !important; }
}



/* === MOBILE: hamburger (right of search) + slide-in drawer === */
.topbar-burger { display: none; }
@media (max-width: 880px) {
  .topbar-inner {
    grid-template-columns: auto 1fr auto !important;
    gap: 8px !important;
    padding: 8px 12px !important;
  }
  .brand { font-size: 0; }
  .brand .logo { font-size: 11px !important; }
  .brand b, .brand i, .brand .sub { display: none; }
  .search-wrap { max-width: none !important; justify-self: stretch !important; }
  .search { padding: 8px 32px 8px 30px !important; font-size: 13px !important; }
  .contacts {
    display: flex !important;
    gap: 4px;
    align-items: center;
    grid-column: auto !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    justify-content: flex-end !important;
  }
  .contacts .ic { display: none !important; }
  .contacts .phones { display: none !important; }
  .contacts::after { content: none !important; }

  .topbar-burger {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 38px; height: 38px;
    background: var(--paper2);
    border: 1px solid var(--rule);
    border-radius: 6px;
    color: var(--ink);
    cursor: pointer;
    padding: 0;
    flex: 0 0 auto;
  }
  .topbar-burger span {
    display: block; width: 18px; height: 2px;
    background: currentColor; border-radius: 2px; position: relative;
  }
  .topbar-burger span::before,
  .topbar-burger span::after {
    content: ""; position: absolute; left: 0; width: 100%; height: 2px;
    background: currentColor; border-radius: 2px;
  }
  .topbar-burger span::before { top: -6px; }
  .topbar-burger span::after { top: 6px; }

  .mobile-drawer {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.5); z-index: 200; display: none;
  }
  .mobile-drawer.open { display: block; }
  .mobile-drawer-panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: min(86vw, 360px); background: var(--paper);
    padding: 24px 22px; overflow-y: auto;
    box-shadow: -12px 0 32px rgba(0,0,0,.2);
    animation: slideInRight .2s ease;
  }
  @keyframes slideInRight { from { transform: translateX(100%); } }
  .mobile-drawer h4 {
    font: 700 12px/1 ui-monospace, monospace;
    text-transform: uppercase; letter-spacing: .14em;
    color: var(--muted); margin: 18px 0 10px;
  }
  .mobile-drawer h4:first-of-type { margin-top: 0; padding-right: 50px; }
  .mobile-drawer a {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 14px;
    border-radius: 8px; color: var(--ink); font-weight: 600; font-size: 14.5px;
    transition: background .15s, color .15s;
    text-decoration: none;
  }
  .mobile-drawer a:hover { background: var(--red-soft); color: var(--red-deep); }
  .mobile-drawer .drawer-phone {
    background: var(--red); color: #fff;
    padding: 14px 16px; border-radius: 8px; font-weight: 700;
    margin-top: 8px;
  }
  .mobile-drawer-close {
    position: absolute; top: 14px; right: 14px;
    width: 38px; height: 38px; border-radius: 8px;
    background: var(--paper2); border: 1px solid var(--rule);
    font-size: 22px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    line-height: 1;
  }
}