@font-face{font-family:Unbounded;src:url('./fonts/unbounded-700-cyrillic.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'PT Sans';src:url('./fonts/ptsans-400-cyrillic.woff2') format('woff2');font-weight:400;font-display:swap}
body[data-catalog] .intro h1{white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
body[data-catalog] .filter-label{min-width:88px;width:auto;max-width:100%}
.catalog-dialog-field[hidden]{display:none!important}
.service-content{margin:36px 0;padding:clamp(20px,3vw,38px);border:1px solid rgba(240,138,14,.25);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.12);color:var(--paper,#ebe8de)}
.service-content h2,.service-content h3{font-family:Unbounded,sans-serif;line-height:1.45;overflow-wrap:anywhere}
.service-content h2{font-size:clamp(22px,2.7vw,34px);margin:0 0 22px}.service-content h3{font-size:clamp(16px,1.4vw,20px);margin:0 0 12px}.service-content p{font:400 18px/1.65 'PT Sans',sans-serif;max-width:90ch;margin:12px 0 20px;color:#c5c9cd}
.service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.service-steps article{min-width:0}.service-content a{color:#f5a94c;text-underline-offset:4px}
.service-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.service-actions a{display:inline-flex;align-items:center;min-height:46px;max-width:100%;padding:12px 18px;border:1px solid rgba(240,138,14,.4);border-radius:12px;background:linear-gradient(145deg,rgba(240,138,14,.16),rgba(240,138,14,.03));color:#ebe8de;font:700 16px/1.4 'PT Sans',sans-serif;text-decoration:none;overflow-wrap:anywhere}
.service-actions a:focus-visible{outline:2px solid #99d147;outline-offset:4px}
.hero-offer{font-family:var(--ff-display,Unbounded);font-weight:700;font-size:clamp(16px,1.5vw,23px);line-height:1.55;max-width:34ch;margin:18px 0 12px;color:var(--amber,#f08a0e)}
.catalog-dialog-form[hidden]{display:none!important}
.order-guide{margin:0;background:radial-gradient(ellipse at top left,rgba(240,138,14,.12),transparent 45%),#101214;color:#ebe8de;font:400 18px/1.6 'PT Sans',sans-serif}.order-guide *{box-sizing:border-box}.guide-wrap{width:min(1200px,100%);padding:24px clamp(20px,3vw,44px);margin:auto}.order-guide header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.guide-brand{display:flex;gap:12px;align-items:center;font:700 clamp(10px,2vw,17px)/1.5 Unbounded,sans-serif;text-decoration:none}.guide-brand img{width:46px;height:40px;object-fit:contain}.guide-brand em{font-style:normal;color:#f08a0e}.order-guide a{color:inherit}.order-guide h1{font:700 clamp(25px,4vw,49px)/1.35 Unbounded,sans-serif;overflow-wrap:anywhere;margin:28px 0}.order-guide .service-content h2{margin-top:30px;font-size:clamp(19px,2.2vw,27px)}
@media(max-width:1000px){.service-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.service-steps{grid-template-columns:minmax(0,1fr)}.service-content p{font-size:17px}.service-actions a{width:100%}.catalog-brand-model{gap:12px!important}}

/* Catalog introduction and aligned filter reset — 30.09.2026. */
body[data-catalog] .catalog-theses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
body[data-catalog] .catalog-thesis{min-width:0;position:relative;padding:22px;border:1px solid #ffffff1b;border-radius:18px;background:linear-gradient(145deg,#ffffff0c,transparent 65%),#171b1e;box-shadow:inset 0 1px #ffffff12,0 9px 22px #0002}
body[data-catalog] .catalog-thesis::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,#f08a0e99,transparent)}
body[data-catalog] .catalog-thesis-step{display:block;color:var(--amber,#f08a0e);font:700 12px/1.5 'PT Sans',sans-serif;letter-spacing:.08em;margin-bottom:13px}
body[data-catalog] .catalog-thesis h2,body[data-catalog] .catalog-thesis h3{font:700 clamp(16px,1.45vw,21px)/1.4 Unbounded,sans-serif;letter-spacing:-.03em;margin:0 0 11px;text-wrap:balance}
body[data-catalog] .catalog-thesis p{max-width:none;font:400 17px/1.55 'PT Sans',sans-serif;color:#c0c5c0;margin:0;text-wrap:pretty}
body[data-catalog] .intro .catalog-route-note{max-width:none;margin:18px 0 0;padding:17px 20px;border-left:2px solid #69c77e70;border-radius:0 12px 12px 0;background:#69c77e07;font:400 16px/1.6 'PT Sans',sans-serif;color:#b8c2ba}
body[data-catalog] .catalog-brand-model{align-items:flex-end}
body[data-catalog] .catalog-brand-model select{height:48px;box-sizing:border-box}
body[data-catalog] .catalog-brand-model>button.filter{height:48px;min-height:48px;align-self:flex-end;padding:10px 18px;box-sizing:border-box;line-height:1.4;white-space:nowrap}
body[data-catalog] #catalog-service .service-steps{gap:14px}
body[data-catalog] #catalog-service .service-steps article{padding:21px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(145deg,#ffffff07,transparent);box-shadow:inset 0 1px #ffffff0b}
body[data-catalog] #catalog-service .service-steps article p{font-size:17px;margin-bottom:0}
body[data-catalog] #catalog-service .service-steps article h3{color:#ffb454}
@media(max-width:1000px){body[data-catalog] .catalog-theses{grid-template-columns:1fr}body[data-catalog] .catalog-thesis{padding:20px}body[data-catalog] .catalog-thesis h2,body[data-catalog] .catalog-thesis h3{font-size:18px}}
@media(max-width:560px){body[data-catalog] .catalog-theses{gap:10px;margin-top:22px}body[data-catalog] .catalog-thesis{padding:18px}body[data-catalog] .catalog-thesis-step{margin-bottom:9px}body[data-catalog] .catalog-thesis p{font-size:16px}body[data-catalog] .catalog-brand-model>button.filter{width:100%}body[data-catalog] #catalog-service .service-steps article{padding:18px}}

/* Thesis motion: one-time entrance, interruptible hover, no looping text. */
:is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis){
 position:relative;isolation:isolate;transform-origin:center;backface-visibility:hidden;
 background:linear-gradient(145deg,#ffffff10,transparent 58%),#171b1e;
 border-color:#ffffff25;
 box-shadow:inset 0 1px 0 #ffffff20,inset 0 -3px 0 #0005,0 5px 0 #0b100ee6,0 14px 28px #0004;
}
:is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis)::after{
 content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(ellipse at 10% 0%,#f08a0e22,transparent 65%),radial-gradient(ellipse at 100% 100%,#69c77e20,transparent 60%);
 border:1px solid #f08a0e80;box-shadow:0 0 20px #f08a0e25,0 10px 30px #69c77e15,inset 0 1px 0 #ffca7b55;
 opacity:.28;transition:opacity 200ms ease;
}
@media(prefers-reduced-motion:no-preference){
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis){
  transition:transform 200ms ease;
  animation:catalog-thesis-enter 300ms var(--ease-out,cubic-bezier(.23,1,.32,1)) backwards;
 }
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):nth-child(2){animation-delay:50ms}
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):nth-child(3){animation-delay:100ms}
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):nth-child(4){animation-delay:150ms}
 @keyframes catalog-thesis-enter{from{opacity:0;transform:perspective(1000px) translateY(12px) rotateX(6deg) scale(.98)}to{opacity:1;transform:none}}
}
@media(hover:hover) and (pointer:fine){
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):hover::after{opacity:1}
 @media(prefers-reduced-motion:no-preference){
  :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):hover{transform:perspective(1000px) translateY(-4px) rotateX(2deg) rotateY(-1deg)}
  :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis):nth-child(even):hover{transform:perspective(1000px) translateY(-4px) rotateX(2deg) rotateY(1deg)}
 }
}
@media(prefers-reduced-motion:reduce){
 :is(body[data-catalog] .catalog-thesis,body[data-catalog] #catalog-service .service-steps>article,.stock-theses .stock-thesis){transform:none;animation:catalog-thesis-fade 200ms ease backwards}
 @keyframes catalog-thesis-fade{from{opacity:.6}to{opacity:1}}
}