/* Билтекс — фирменные цвета старого сайта: красный #BF0000 / #A21013, жёлто-оранжевый #FFCF00 → #F8AC00, шёлк */
:root{
  --red:#BF0000; --red-dark:#A21013; --yellow:#FFC300; --orange:#F8AC00;
  --ink:#1E1E1E; --muted:#6B6B6B; --line:#DADADA; --paper:#FFFFFF; --bg:#EDEDED;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font:16px/1.6 Arial,"Helvetica Neue",Helvetica,sans-serif;
  background:var(--bg) url(satin.jpg) center top/1400px auto repeat}
img{max-width:100%;height:auto}
a{color:var(--red-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
h1,h2{color:var(--red);font-weight:normal;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin:0 0 .6em}
h1{font-size:26px} h2{font-size:21px}
h3{font-size:15px;margin:.5em 0 .3em;line-height:1.35}
.muted{color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding:24px 20px}

/* шапка */
.top{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,var(--red-dark),#D21A1F);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.top__in{max-width:1180px;margin:0 auto;padding:6px 20px;display:flex;align-items:center;gap:24px}
.logo{display:block;background:#fff;border-radius:0 0 6px 6px;padding:6px 12px;margin:-6px 0;line-height:0}
.logo img{width:150px}
.nav{display:flex;align-items:center;gap:4px;flex:1}
.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:10px 12px;border-radius:3px}
.nav a:hover,.nav a[aria-current]{background:rgba(255,255,255,.15)}
.nav a.nav__cta{margin-left:auto;background:linear-gradient(180deg,var(--yellow),var(--orange));color:#5A0000;font-weight:bold}
.nav a.nav__cta:hover{filter:brightness(1.05)}
.top__phone{color:#fff;text-decoration:none;font-weight:bold;white-space:nowrap}
.menu-btn{display:none}

/* первый экран: шёлк и лента, как на старом сайте */
.hero{position:relative;overflow:hidden;background:url(ribbon.png) left top no-repeat;min-height:300px;display:flex;align-items:center}
.hero__in{max-width:1180px;width:100%;margin:0 auto;padding:56px 20px 48px 380px}
.hero h1{font-size:clamp(28px,4vw,42px);margin-bottom:.4em}
.hero p{font-size:18px;max-width:46ch;margin:0 0 24px}
.hero__btns{display:flex;gap:12px;flex-wrap:wrap}

/* белые панели с серой рамкой — как блок текста старого сайта */
.panel{background:var(--paper);border:1px solid var(--line);padding:28px 32px;margin:0 0 24px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cols p{margin:0}

.btn{display:inline-block;border:0;cursor:pointer;font:bold 15px/1 Arial,sans-serif;text-decoration:none;color:#5A0000;
  background:linear-gradient(180deg,var(--yellow),var(--orange));padding:13px 22px;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.btn:hover{filter:brightness(1.05)}
.btn--ghost{background:#fff;color:var(--red-dark);box-shadow:inset 0 0 0 2px var(--red-dark)}
.btn--sm{font-size:13px;padding:9px 14px}

/* виды тканей на главной */
.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.type{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.type img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:#f4f4f4}
.type span{font-weight:bold;margin-top:6px}
.type small{color:var(--muted)}
.type:hover span{color:var(--red)}

/* каталог */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips a{text-decoration:none;color:var(--red-dark);border:1px solid #E7B7B7;border-radius:20px;padding:6px 14px;font-size:14px;background:#FFF8F0}
.chips a:hover{background:var(--yellow);border-color:var(--orange);color:#5A0000}
.desc{margin:0 0 18px}
.desc summary{cursor:pointer;color:var(--red-dark)}
.desc p{margin:.6em 0 0;color:#333}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}
.card{display:flex;flex-direction:column}
.card__img{padding:0;border:1px solid var(--line);background:#f4f4f4;cursor:zoom-in;line-height:0;aspect-ratio:1;overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover}
.props{display:grid;grid-template-columns:auto 1fr;gap:0 10px;font-size:13px;margin:0 0 10px;color:var(--muted)}
.props dd{margin:0;color:var(--ink)}
.card__acts{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.link-sm{font-size:13px}
.updated{color:var(--muted);font-size:13px;text-align:right}

.zoom{border:0;padding:0;max-width:min(900px,94vw);background:#fff}
.zoom::backdrop{background:rgba(0,0,0,.7)}
.zoom img{display:block;max-height:80vh;width:auto;margin:0 auto}
.zoom p{margin:0;padding:10px 16px;font-weight:bold}
.zoom__x{position:absolute;right:6px;top:4px;border:0;background:#fff;font-size:28px;line-height:1;cursor:pointer;width:40px;height:40px;border-radius:50%}

/* форма */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;max-width:760px}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px}
.field--wide{grid-column:1/-1}
.field input,.field textarea{font:16px/1.4 Arial,sans-serif;padding:10px 12px;border:1px solid #BDBDBD;border-radius:4px;background:#fff;width:100%}
.field textarea{resize:vertical}
.field em{color:var(--red);font-style:normal;font-size:13px}
.is-err input,.is-err textarea{border-color:var(--red)}
.form__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form__foot small{max-width:42ch}
.form-ok{font-size:18px;color:#1B6B1B}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.contacts{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0}
.contacts dt{color:var(--muted)} .contacts dd{margin:0}
.map{margin-top:20px;border:1px solid var(--line)}

/* подвал */
.foot{background:var(--red-dark);color:#fff;margin-top:8px}
.foot__in{max-width:1180px;margin:0 auto;padding:24px 20px 32px;display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:24px;font-size:14px}
.foot a{color:#FFE08A}

/* планшет и телефон */
@media (max-width:900px){
  .hero{background-size:260px auto;min-height:0}
  .hero__in{padding:150px 20px 28px}
  .cols{grid-template-columns:1fr;gap:12px}
  .foot__in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .top__in{flex-wrap:wrap;gap:10px}
  .logo img{width:120px}
  .top__phone{margin-left:auto;font-size:15px}
  .menu-btn{display:block;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:4px;padding:8px 12px;font:14px Arial,sans-serif;cursor:pointer}
  .nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:8px}
  .nav.is-open{display:flex}
  .nav a.nav__cta{margin:6px 0 0;text-align:center}
  .panel{padding:20px 16px}
  .wrap{padding:14px 10px}
  .form{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr);gap:14px}
  h1{font-size:22px} h2{font-size:18px}
}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }