/* ===== sirius5.html ===== */
:root{
    --paper:#FCFBF9; --paper-2:#FFFFFF; --ink:#211F1C; --ink-2:#17140F;
    --muted:#8c8479; --red:#B2140B; --bright:#E04843;
    --line:rgba(33,31,28,.16); --hair:rgba(33,31,28,.1);
    --disp:"Inter",sans-serif; --body:"Inter",sans-serif;
    --edge:clamp(20px,4.2vw,72px); --maxw:1760px;
    --ease:cubic-bezier(.19,1,.22,1);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.55;font-size:clamp(15px,1.02vw,17px);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .pcbr{display:inline}
  /* подложка-акцент — хватает места сверху для «й» */
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;border-radius:2px;display:inline-block;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .idx{font-family:var(--disp);font-weight:700;font-size:clamp(54px,8vw,128px);line-height:.78;color:transparent;-webkit-text-stroke:1.5px var(--red);opacity:.85}

  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;gap:10px;padding:clamp(13px,1vw,16px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(178,20,11,.7)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .btn-line{border-color:rgba(255,255,255,.5);color:#fff}.btn-line:hover{background:rgba(255,255,255,.14)}
  .ic{width:20px;height:20px;display:block}

  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}
  header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.menu a.on::after,.has-mega:hover .mtrig::after{width:100%}.menu a.on{color:var(--red)}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}
  .ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block}

  /* МЕГАМЕНЮ — без полосы во всю ширину */
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);
    opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}
  .mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;color:var(--ink);padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}
  .mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}

  /* HERO с галереей-кроссфейдом */
  .hero{padding:14px var(--edge) 0}
  .hero-panel{position:relative;border-radius:6px;overflow:hidden;min-height:clamp(480px,76vh,880px);display:flex;background:#15110b}
  .hero-gallery{position:absolute;inset:0;z-index:0}
  .hg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s var(--ease)}
  .hg.on{opacity:1}
  .hero-panel::before{content:"";position:absolute;inset:0;z-index:1;background:
    radial-gradient(46% 60% at 78% 22%,rgba(255,216,150,.28),transparent 62%),
    linear-gradient(96deg,rgba(8,6,4,.82) 0%,rgba(8,6,4,.46) 52%,rgba(8,6,4,.14) 100%)}
  .spot{position:absolute;width:min(56vw,700px);height:min(56vw,700px);border-radius:50%;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;z-index:2;
    background:radial-gradient(circle,rgba(255,244,222,.42),rgba(255,224,170,.18) 38%,transparent 68%);mix-blend-mode:screen;opacity:.5;transition:opacity .6s}
  .hero-side{position:absolute;left:clamp(14px,1.6vw,26px);top:50%;transform:rotate(-90deg) translateX(50%);transform-origin:left center;z-index:3;font-family:var(--disp);text-transform:uppercase;letter-spacing:.4em;font-size:11px;color:rgba(255,255,255,.5)}
  .hero-in{position:relative;z-index:3;padding:clamp(34px,4.6vw,64px);width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vw,52px)}
  .hero h1{margin:clamp(12px,1.4vw,18px) 0 0}
  .hero h1 .l{display:block;font-family:var(--disp);text-transform:uppercase;font-weight:600;line-height:1.1;font-size:clamp(44px,9vw,148px);color:#fff}
  .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
  .hero-bottom p{max-width:640px;color:rgba(255,255,255,.82);font-size:clamp(15px,1.1vw,17px)}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
  /* статы без иконок — с тонкими разделителями */
  .hstat{display:flex;align-items:stretch}
  .hs{padding:2px clamp(16px,2vw,32px);position:relative}
  .hs:first-child{padding-left:0}
  .hs+.hs::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:rgba(255,255,255,.24)}
  .hs b{font-family:var(--disp);font-weight:600;font-size:clamp(30px,3vw,44px);display:block;line-height:1;color:#fff}
  .hs span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:rgba(255,255,255,.62);margin-top:4px;display:block}

  /* БРЕНДЫ — без подписи */
  .brands{padding:clamp(26px,3vw,44px) 0;border-bottom:1px solid var(--hair)}
  .brow{display:flex;align-items:center;margin-bottom:16px}
  .brow .narr{margin-left:auto}
  .blogo{width:clamp(150px,15vw,200px);height:clamp(78px,8vw,104px);background:#fff;border:1px solid var(--hair);border-radius:8px;display:grid;place-items:center;transition:.3s;padding:0 18px}
  .blogo span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,1vw,17px);color:var(--muted);text-align:center;transition:.3s}
  .blogo:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(33,31,28,.4)}
  .blogo:hover span{color:var(--ink)}

  section{padding:clamp(60px,7vw,100px) 0}
  .sh{display:flex;align-items:flex-start;gap:clamp(16px,2vw,26px);margin-bottom:clamp(34px,4vw,48px)}
  .sh .idx{flex:0 0 auto}.sh .t{padding-top:6px}
  .sh .t .lead{color:var(--muted);max-width:660px;margin-top:14px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(28px,4.4vw,60px);line-height:1.35;margin-top:8px}
  .sh .r{margin-left:auto;display:flex;align-items:center;gap:18px;padding-top:14px;flex-wrap:wrap}
  .count{font-family:var(--disp);font-size:15px;letter-spacing:.1em;color:var(--muted)}.count b{color:var(--ink)}
  .narr{display:flex;gap:8px}
  .nb{width:clamp(42px,3.4vw,50px);height:clamp(42px,3.4vw,50px);border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;transition:.3s;color:var(--ink)}
  .nb:hover{background:var(--red);border-color:var(--red);color:#fff}

  .rail{display:flex;gap:clamp(16px,1.6vw,24px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--edge);
    padding:16px var(--edge) 26px;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
  .rail::-webkit-scrollbar{display:none}.rail.drag{cursor:grabbing;scroll-snap-type:none}.rail.wheeling{scroll-snap-type:none}
  .rail>*{scroll-snap-align:start;flex:0 0 auto}
  .brow-rail{padding-top:6px}

  .card{width:clamp(230px,23vw,300px)}
  .card .num{font-family:var(--disp);font-size:12px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--hair);padding-bottom:8px;margin-bottom:12px;display:flex;justify-content:space-between}
  .card .pic{aspect-ratio:1/1.08;background:radial-gradient(70% 70% at 50% 35%,#fff,#efe8da);border:1px solid var(--hair);border-radius:4px;position:relative;overflow:hidden;transition:.4s var(--ease)}
  .card .pic .s{position:absolute;inset:22% 30%;background:linear-gradient(180deg,#cabfac,#ab9f88);opacity:.5;border-radius:6px}
  .card .pic .tag{position:absolute;top:14px;left:14px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#fff;background:var(--red);padding:4px 9px;border-radius:2px}
  .card:hover .pic{border-color:var(--red);transform:translateY(-6px)}
  .card .meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;gap:10px}
  .card .brand{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted)}
  .card .name{font-size:15px;font-weight:500;margin-top:2px}
  .card .price{font-family:var(--disp);font-size:clamp(17px,1.2vw,20px);white-space:nowrap}

  /* КОМНАТЫ — без номеров и счётчиков */
  .rooms{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,60px);align-items:center}
  .rlist{list-style:none}
  .rlist li{border-bottom:1px solid var(--hair);padding:clamp(15px,1.5vw,22px) 0;display:flex;align-items:center;gap:18px;cursor:pointer;transition:.3s}
  .rlist li h3{font-family:var(--disp);text-transform:uppercase;font-weight:500;font-size:clamp(24px,3.4vw,44px);line-height:1;transition:.3s;flex:1}
  .rlist li .ar{opacity:0;transform:translateX(-8px);transition:.3s;color:var(--red);font-size:22px}
  .rlist li:hover h3,.rlist li.on h3{color:var(--red);transform:translateX(10px)}
  .rlist li:hover .ar,.rlist li.on .ar{opacity:1;transform:none}
  .rooms .rbtn{margin-top:26px}
  .rprev{height:clamp(340px,42vw,540px);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 30px 70px -34px rgba(33,31,28,.4)}
  .rprev .v{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease),transform 1.2s var(--ease);transform:scale(1.08)}
  .rprev .v.on{opacity:1;transform:scale(1)}
  .rprev .cap{position:absolute;left:24px;bottom:22px;z-index:2;color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:clamp(22px,2.4vw,32px);text-shadow:0 2px 20px rgba(0,0,0,.4)}
  .bg-living{background:radial-gradient(60% 50% at 70% 25%,#fff3df,transparent 60%),linear-gradient(150deg,#cdbb9f,#9c876c)}
  .bg-kitchen{background:radial-gradient(60% 50% at 30% 25%,#fdeede,transparent 60%),linear-gradient(160deg,#c7b69d,#a08b6e)}
  .bg-bed{background:radial-gradient(60% 50% at 50% 22%,#f7e7d6,transparent 60%),linear-gradient(150deg,#c9b6a2,#8f7a64)}
  .bg-office{background:radial-gradient(60% 55% at 35% 25%,#fbecd4,transparent 60%),linear-gradient(150deg,#c3b193,#9a8466)}
  .bg-bath{background:radial-gradient(60% 50% at 70% 30%,#eef3f5,transparent 60%),linear-gradient(150deg,#bcc2c4,#8d9496)}
  .bg-street{background:radial-gradient(60% 50% at 55% 70%,#f3e6c8,transparent 60%),linear-gradient(160deg,#aba390,#76705f)}

  .coll{width:clamp(330px,46vw,620px);aspect-ratio:600/420;border-radius:6px;overflow:hidden;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,3vw,40px)}
  .coll::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(20,17,13,.66),transparent 70%)}
  .coll .b{position:absolute;inset:0;z-index:-2;transition:transform 1s var(--ease)}.coll:hover .b{transform:scale(1.05)}
  .coll .kick{color:var(--bright)}
  .coll h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(30px,3.6vw,48px);line-height:.95;margin:10px 0 8px}
  .coll p{max-width:320px;color:rgba(255,255,255,.85);font-size:clamp(13px,.95vw,15px)}
  .coll .go{margin-top:18px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.12em;font-size:12px;display:inline-flex;gap:8px;transition:.3s}.coll:hover .go{gap:16px}
  .bg-c1{background:radial-gradient(50% 80% at 75% 40%,#ffe6b8,transparent 60%),linear-gradient(120deg,#5b4a3a,#241d16)}
  .bg-c2{background:radial-gradient(50% 80% at 70% 45%,#ffd9a0,transparent 60%),linear-gradient(120deg,#6a5036,#2a2014)}
  .bg-c3{background:radial-gradient(50% 80% at 70% 40%,#e9d6f0,transparent 60%),linear-gradient(120deg,#4a3f53,#211c28)}
  .bg-c4{background:radial-gradient(50% 80% at 70% 45%,#d6e4e8,transparent 60%),linear-gradient(120deg,#3f4d52,#1b2225)}

  /* МАНИФЕСТ — без подписи, 3 строки */
  .manifesto{background:var(--ink-2);color:var(--paper);border-radius:6px;padding:clamp(48px,6vw,96px) clamp(28px,5vw,72px);position:relative;overflow:hidden}
  .manifesto::after{content:"";position:absolute;right:-140px;top:-100px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(224,72,67,.3),transparent 65%)}
  .manifesto q{quotes:none;display:block;font-family:var(--disp);text-transform:uppercase;font-weight:500;font-size:clamp(26px,3.6vw,52px);line-height:1.2;max-width:1360px;position:relative;z-index:1}
  .manifesto .qmark{position:absolute;right:clamp(20px,5vw,80px);top:46%;transform:translateY(-50%);font-family:Georgia,serif;font-weight:700;font-size:clamp(160px,24vw,360px);line-height:.5;color:rgba(224,72,67,.18);z-index:0;pointer-events:none}

  /* ПРОЕКТЫ */
  .pgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(180px,18vw,260px);gap:clamp(12px,1.2vw,16px)}
  .proj{position:relative;border-radius:5px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,1.6vw,26px);isolation:isolate}
  .proj .b{position:absolute;inset:0;z-index:-2;transition:transform .9s var(--ease)}.proj:hover .b{transform:scale(1.08)}
  .proj::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 34%,rgba(20,17,13,.85))}
  .proj .pk{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--bright)}
  .proj h4{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,26px);margin:4px 0 0}
  .proj .pbtn{margin-top:16px;align-self:flex-start;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.5);padding:9px 16px;border-radius:3px;display:inline-flex;gap:8px;opacity:0;transform:translateY(8px);transition:.35s var(--ease)}
  .proj:hover .pbtn{opacity:1;transform:none}.proj .pbtn:hover{background:#fff;color:var(--ink)}
  .proj.w2{grid-column:span 2}.proj.h2{grid-row:span 2}
  .pb1{background:radial-gradient(60% 60% at 60% 30%,#fff0d4,transparent),linear-gradient(150deg,#c7b89e,#8a7a5f)}
  .pb2{background:linear-gradient(150deg,#cfc1d2,#8d7e96)}.pb3{background:linear-gradient(150deg,#cdd2cf,#86908c)}
  .pb4{background:linear-gradient(150deg,#d6c3b0,#9a8268)}.pb5{background:linear-gradient(150deg,#c9d4d8,#869599)}

  .svc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.4vw,20px)}
  .scard{border:1px solid var(--line);border-radius:5px;padding:clamp(30px,3.4vw,46px);background:rgba(255,255,255,.4);transition:.4s var(--ease);position:relative;overflow:hidden}
  .scard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:.4s var(--ease)}
  .scard:hover{background:#fff;transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(33,31,28,.3)}.scard:hover::before{transform:scaleY(1)}
  .scard .sn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--red)}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(24px,2.4vw,32px);margin:8px 0 12px}
  .scard p{color:var(--muted);margin-bottom:22px}
  .scard .rr{display:flex;gap:26px;margin-bottom:24px}
  .scard .rr b{font-family:var(--disp);font-size:clamp(22px,1.8vw,28px);display:block;line-height:1}
  .scard .rr span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted)}

  .b2b{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,40px);flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(40px,5vw,60px) 0}
  .b2b .t{max-width:640px}
  .b2b h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(28px,3.6vw,46px);line-height:1.18;margin:10px 0 14px}
  .b2b p{color:#5b554c}.b2b p b{color:var(--red);font-weight:500}
  .big30{display:flex;flex-direction:column;align-items:flex-end;gap:22px}
  .big30 .n{font-family:var(--disp);font-weight:700;font-size:clamp(64px,11vw,160px);line-height:.78;color:transparent;-webkit-text-stroke:2px var(--red)}
  .big30 .cap{font-family:var(--disp);text-transform:uppercase;letter-spacing:.18em;font-size:clamp(11px,1vw,14px);color:var(--muted)}

  .rev{width:clamp(290px,32vw,420px);border:1px solid var(--line);border-radius:5px;padding:clamp(24px,2.4vw,30px);background:rgba(255,255,255,.4);transition:.3s}
  .rev:hover{background:#fff;border-color:var(--red)}
  .rev .s{color:#E0A43A;letter-spacing:3px;margin-bottom:14px}
  .rev q{quotes:none;font-size:clamp(17px,1.4vw,21px);font-weight:500;line-height:1.32;display:block;margin-bottom:20px}
  .rev .w{display:flex;align-items:center;gap:12px}
  .rev .av{width:42px;height:42px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;font-family:var(--disp);color:var(--red);font-size:14px}
  .rev .w b{font-size:14px;display:block}.rev .w span{font-size:12px;color:var(--muted)}

  /* О МАГАЗИНЕ — текст + видео + сетка 2×2 */
  .seo{background:var(--paper-2)}
  .seo-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,4vw,64px);align-items:start}
  .seo h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,44px);margin:10px 0 18px;line-height:1.14}
  .seo .stext p{color:#5b554c;margin-bottom:14px}
  .seo .stext b{color:var(--ink);font-weight:600}
  .seo .stags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .seo .stags a{font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:9px 16px;transition:.25s}
  .seo .stags a:hover{border-color:var(--red);color:var(--red)}
  .vid{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;margin-bottom:14px}
  .vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,13,.1),rgba(20,17,13,.45))}
  .vid .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(58px,6vw,82px);height:clamp(58px,6vw,82px);border-radius:50%;background:var(--red);display:grid;place-items:center;z-index:2;transition:.3s;box-shadow:0 14px 40px -10px rgba(178,20,11,.7)}
  .vid:hover .play{transform:translate(-50%,-50%) scale(1.08);background:var(--bright)}
  .vid .play svg{width:34%;height:34%;color:#fff;margin-left:8%}
  .vid .vlabel{position:absolute;left:20px;bottom:16px;z-index:2;color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px}
  .ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .gcell{aspect-ratio:1/1;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;transition:.5s var(--ease)}
  .gcell:hover{transform:scale(1.015);filter:brightness(1.05)}

  .cta{background:var(--red);color:#fff;border-radius:6px;padding:clamp(40px,5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,46px);line-height:1.12}
  .cta .hl{background:#fff;color:var(--red)}
  .cta p{color:rgba(255,255,255,.85);margin-top:10px}
  .cta .a{display:flex;gap:14px;flex-wrap:wrap}
  /* красивые соц-иконки */
  .soc{width:clamp(58px,5vw,66px);height:clamp(58px,5vw,66px);border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);color:#fff;display:grid;place-items:center;transition:.3s var(--ease)}
  .soc svg{width:50%;height:50%}
  .soc.vk svg{width:56%;height:56%}
  .soc:hover{background:#fff;border-color:#fff;color:var(--red);transform:translateY(-4px) scale(1.04)}

  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}
  .foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}
  .fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}
  .fsoc a svg{width:50%;height:50%}
  .fsoc a.vk svg{width:56%;height:56%}
  .fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}
  .foot a.fl:hover{color:#fff}
  .foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a{transition:.25s}.fbot a:hover{color:#fff}

  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .reveal.in{opacity:1;transform:none}


  /* ПОИСК — выпадающая панель */
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}
  .ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}
  .searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}
  .searchbar>form>svg{width:26px;height:26px;color:var(--red);flex:0 0 auto}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}
  .searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer;flex:0 0 auto}
  .searchbar .sx:hover{color:var(--red)}

  /* МОБИЛЬНОЕ МЕНЮ */
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}
  .drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}
  .dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}
  .dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}
  .dsearch:hover{border-color:var(--red);color:var(--red)}
  .dsearch svg{width:18px;height:18px}
  .dsearch span{font-size:15px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red);flex:0 0 auto}
  .dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
  .accb-in{padding:2px 0 14px}
  .accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px;transition:.2s}
  .accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink);transition:.2s}
  .dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}
  .dphone{display:block;font-family:var(--disp);font-size:21px;color:var(--ink);margin-bottom:4px}
  .dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}
  .dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}
  .dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}
  .dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}
  .burger i{transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .burger.open i:nth-child(2){opacity:0}
  .burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  @media(max-width:1499px){:root{--maxw:1280px}}
  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .narr,.count{display:none}
    .pgrid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(180px,26vw,240px)}
    .proj.w2{grid-column:span 2}.proj.h2{grid-row:span 1}
    .rooms{grid-template-columns:1fr;gap:24px}.rprev{order:-1;height:clamp(280px,46vw,420px)}
    .svc{grid-template-columns:1fr}.seo-grid{grid-template-columns:1fr;gap:30px}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}.hero-side{display:none}.pcbr{display:none}
    .hero h1 .l{font-size:clamp(40px,12.5vw,72px)}
    .hero-bottom{flex-direction:column;align-items:flex-start;gap:26px}.hstat{flex-wrap:wrap}
    .sh{flex-wrap:wrap}.sh .r{margin-left:0;width:100%;justify-content:space-between}
    .pgrid{grid-template-columns:1fr;grid-auto-rows:210px}.proj.w2{grid-column:span 1}
    .b2b{flex-direction:column;align-items:flex-start}.big30{align-self:flex-end}
    .cta{flex-direction:column;align-items:flex-start}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
    .ggrid{grid-template-columns:repeat(2,1fr)}
  }

  .journal{padding:clamp(50px,7vw,110px) 0}
  .jrn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(28px,3vw,42px)}
  .jrn-head h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(28px,4.4vw,60px);line-height:1.02}
  .jrn-more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:14px;border:1px solid var(--ink);border-radius:3px;padding:13px 24px;transition:.3s var(--ease);white-space:nowrap}
  .jrn-more:hover{background:var(--ink);color:var(--paper)}
  .jrn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,30px)}
  .jcard{display:block}
  .jcard .jimg{aspect-ratio:16/11;border-radius:10px;background:#ded5c4 center/cover;overflow:hidden;transition:.45s var(--ease)}
  .jcard:hover .jimg{transform:translateY(-5px);box-shadow:0 28px 46px -30px rgba(33,31,28,.55)}
  .jcat{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--red);margin-top:16px;display:block}
  .jcard h3{font-family:var(--disp);text-transform:uppercase;font-weight:500;font-size:clamp(17px,1.5vw,22px);margin-top:8px;line-height:1.16}
  @media(max-width:1024px){.jrn-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:767px){.jrn-grid{grid-template-columns:1fr}.jrn-head h2{font-size:clamp(30px,9vw,46px)}}

/* ===== katalog.html ===== */
:root{
    --paper:#FCFBF9; --paper-2:#FFFFFF; --ink:#211F1C; --ink-2:#17140F;
    --muted:#8c8479; --red:#B2140B; --bright:#E04843;
    --line:rgba(33,31,28,.16); --hair:rgba(33,31,28,.1);
    --disp:"Inter",sans-serif; --body:"Inter",sans-serif;
    --edge:clamp(20px,4.2vw,72px); --maxw:1760px; --ease:cubic-bezier(.19,1,.22,1);
  }
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  ::-webkit-scrollbar-thumb:hover{background:rgba(33,31,28,.4);background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.55;font-size:clamp(15px,1.02vw,17px);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .pcbr{display:inline}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;gap:10px;padding:clamp(13px,1vw,16px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* ===== HEADER (как на главной) ===== */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}
  header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.menu a.on::after,.has-mega:hover .mtrig::after{width:100%}.menu a.on{color:var(--red)}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}
  .ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}
  .mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;color:var(--ink);padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}
  .mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}

  /* overlay + search + drawer */
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}
  .searchbar>form>svg{width:26px;height:26px;color:var(--red);flex:0 0 auto}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}
  .searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}.searchbar .sx:hover{color:var(--red)}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}.dsearch span{font-size:15px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}
  .accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}
  .dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== CATALOG ===== */
  .catalog{padding:clamp(22px,2.6vw,38px) 0 clamp(60px,7vw,100px)}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a{transition:.2s}.crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .cat-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}
  .cat-head h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(30px,4.2vw,56px);line-height:1.04}
  .cat-head .cnt{font-family:var(--disp);color:var(--muted);font-size:15px;padding-bottom:6px}
  .cat-intro{color:var(--muted);max-width:780px;margin-bottom:30px}
  .cat-grid{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,3vw,52px);align-items:start}

  /* фильтры */
  .filters{position:sticky;top:104px}
  .filters .fh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .filters .fh b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:15px}
  .filters .reset{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted);background:none;border:none;cursor:pointer;transition:.2s}.filters .reset:hover{color:var(--red)}
  .fgroup{border-top:1px solid var(--hair)}
  .fgh{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--ink)}
  .fgh .cv{width:11px;height:11px;color:var(--red);transition:.3s}
  .fgroup.closed .fgh .cv{transform:rotate(-90deg)}
  .fgb{overflow:hidden;transition:max-height .35s var(--ease);max-height:340px}
  .fgroup.closed .fgb{max-height:0}
  .fgb-in{padding-bottom:16px}
  .bsearch{position:relative;margin-bottom:10px}
  .bsearch input{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px 12px 9px 32px;font-size:14px;background:#fff;outline:none}
  .bsearch input:focus{border-color:var(--red)}
  .bsearch svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted)}
  .flist{max-height:230px;overflow-y:auto;scrollbar-width:thin}
  .chk{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:14px;color:#4a463f}
  .chk input{position:absolute;opacity:0;width:0;height:0}
  .chk .box{width:18px;height:18px;border:1.5px solid var(--line);border-radius:4px;display:grid;place-items:center;flex:0 0 auto;transition:.2s}
  .chk .box svg{width:11px;height:11px;color:#fff;opacity:0;transition:.15s}
  .chk input:checked+.box{background:var(--red);border-color:var(--red)}.chk input:checked+.box svg{opacity:1}
  .chk .nm{flex:1;transition:.2s}.chk:hover .nm{color:var(--ink)}
  .chk .cn{color:var(--muted);font-size:12px;font-family:var(--disp)}
  .price-row{display:flex;gap:10px;align-items:center}
  .price-row input{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px 10px;font-size:14px;background:#fff;outline:none}.price-row input:focus{border-color:var(--red)}
  .price-row span{color:var(--muted)}

  /* результаты */
  .toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--hair);margin-bottom:18px}
  .toolbar .tcnt{font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:14px;color:var(--muted)}.toolbar .tcnt b{color:var(--ink)}
  .tright{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .sort{position:relative}
  .sort select{appearance:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:13px;border:1px solid var(--line);background:#fff;border-radius:5px;padding:11px 38px 11px 14px;cursor:pointer;color:var(--ink);outline:none;max-width:100%}
  .sort svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--red);pointer-events:none}
  .density{display:flex;gap:6px}
  .dbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:.2s}
  .dbtn svg{width:17px;height:17px}
  .dbtn.on{background:var(--ink);border-color:var(--ink);color:#fff}.dbtn:hover{border-color:var(--red)}
  .filterbtn{display:none}
  .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
  .chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;background:#fff;cursor:pointer;transition:.2s}
  .chip:hover{border-color:var(--red);color:var(--red)}.chip svg{width:11px;height:11px}
  .chip.clear{background:none;border-style:dashed;color:var(--muted)}

  .results{min-width:0}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.4vw,22px);min-width:0}
  .grid.dense{grid-template-columns:repeat(4,1fr)}
  .pcard{background:transparent;display:flex;flex-direction:column;height:100%}
  .pcard .pic{aspect-ratio:1/1.04;background:radial-gradient(70% 70% at 50% 35%,#fff,#efe8da);border:1px solid var(--hair);border-radius:5px;position:relative;overflow:hidden;transition:.4s var(--ease)}
  .pcard .pic .s{position:absolute;inset:24% 30%;background:linear-gradient(180deg,#cabfac,#ab9f88);opacity:.5;border-radius:6px}
  .pcard .pic .tag{position:absolute;top:12px;left:12px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#fff;background:var(--red);padding:4px 9px;border-radius:2px}
  .pcard .pic .fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;color:var(--ink);opacity:0;transform:translateY(-4px);transition:.3s}
  .pcard:hover .fav{opacity:1;transform:none}.pcard .fav:hover{color:var(--red)}
  .pcard:hover .pic{border-color:var(--red);box-shadow:0 24px 44px -28px rgba(33,31,28,.5)}
  .pcard .b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);margin-top:14px}
  .pcard .n{font-size:15px;font-weight:500;margin-top:3px;line-height:1.3;overflow-wrap:anywhere}
  .pcard .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
  .pcard .pr{font-family:var(--disp);font-size:clamp(17px,1.2vw,21px);white-space:nowrap}
  .pcard .add{width:42px;height:42px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;color:var(--ink);transition:.25s;flex:0 0 auto}
  .pcard .add:hover{background:var(--red);border-color:var(--red);color:#fff}

  .pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:clamp(34px,4vw,54px)}
  .pg{min-width:46px;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;font-family:var(--disp);font-size:15px;background:#fff;cursor:pointer;transition:.2s;color:var(--ink)}
  .pg:hover{border-color:var(--red);color:var(--red)}.pg.on{background:var(--red);border-color:var(--red);color:#fff}.pg.dots{border:none;background:none;cursor:default}

  .cat-about{margin-top:clamp(50px,6vw,90px);background:var(--paper-2);border-radius:8px;padding:clamp(32px,4vw,64px);display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,4vw,60px);align-items:center}
  .cat-about .kick{display:block;margin-bottom:12px}
  .cat-about h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(24px,3vw,42px);line-height:1.14;margin-bottom:18px}
  .cat-about p{color:#5b554c;margin-bottom:14px}.cat-about p b{color:var(--ink)}
  .ca-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .ca-tags a{font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:9px 16px;transition:.25s;background:#fff;color:var(--ink)}
  .ca-tags a:hover{border-color:var(--red);color:var(--red)}
  .ca-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cg{aspect-ratio:1/1;border-radius:8px;background-size:cover;background-position:center;background-color:#ded5c4;transition:.5s var(--ease)}
  .cg.big{grid-row:span 2;aspect-ratio:auto;min-height:100%}
  .cg:hover{filter:brightness(1.06)}

  /* ===== FOOTER ===== */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}
  .foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  /* фильтр-дровер (моб) */
  .fdrawer{position:fixed;top:0;left:0;bottom:0;width:min(400px,92vw);background:var(--paper);z-index:200;transform:translateX(-101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:30px 0 60px -30px rgba(0,0,0,.5)}
  .fdrawer.open{transform:none}
  .fdrawer .dtop b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}
  .fdrawer .fdbody{flex:1;overflow-y:auto;padding:6px clamp(20px,5vw,28px)}
  .fdrawer .fdfoot{padding:16px clamp(20px,5vw,28px);border-top:1px solid var(--hair);display:flex;gap:10px}
  .fdrawer .fdfoot .btn{flex:1;justify-content:center}

  @media(max-width:1499px){:root{--maxw:1280px}}
  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .cat-grid{grid-template-columns:1fr}
    .filters{display:none}
    .filterbtn{display:inline-flex}
    .grid{grid-template-columns:repeat(2,1fr)}.grid.dense{grid-template-columns:repeat(3,1fr)}
    .foot{grid-template-columns:1fr 1fr}.cat-about{grid-template-columns:1fr;gap:30px}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .grid,.grid.dense{grid-template-columns:repeat(2,1fr)}
    .density{display:none}
    .toolbar{flex-direction:column;align-items:stretch;gap:12px}
    .tright{width:100%;justify-content:space-between;gap:10px}
    .sort{flex:1;min-width:0}.sort select{width:100%}
    .cat-head h1{font-size:clamp(30px,9vw,42px)}
    .pcard .pic .fav{opacity:1}
    .pagination{gap:6px;margin-top:30px}
    .pg{min-width:38px;height:38px;font-size:13px;padding:0 8px;border-radius:6px}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }
  @media(max-width:400px){
    .pagination{gap:5px}
    .pg{min-width:33px;height:33px;font-size:12px;padding:0 5px}
    .pg.hs{display:none}
  }

/* ===== tovar.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}.searchbar .sx:hover{color:var(--red)}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== PRODUCT ===== */
  .product{padding:clamp(22px,2.6vw,38px) 0 clamp(50px,6vw,80px)}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .pcols{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,3.5vw,64px);align-items:start}

  /* галерея */
  .gallery{display:grid;grid-template-columns:88px 1fr;gap:16px;position:sticky;top:104px}
  .gthumbs{display:flex;flex-direction:column;gap:12px}
  .gthumb{width:88px;height:88px;border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;background:#fff;transition:.2s}
  .gthumb img{width:100%;height:100%;object-fit:cover}
  .gthumb.on{border-color:var(--red)}.gthumb:hover{border-color:var(--red)}
  .gmain{position:relative;border:1px solid var(--hair);border-radius:8px;background:#fff;overflow:hidden;aspect-ratio:1/1;cursor:zoom-in}
  .gmain img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
  .gmain.zoom img{transform:scale(2)}
  .gbadge{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#fff;background:var(--red);padding:5px 11px;border-radius:3px}

  /* блок покупки */
  .info .brand{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--muted)}
  .info h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3vw,42px);line-height:1.08;margin:8px 0 14px}
  .meta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:22px}
  .meta-row .art b{color:var(--ink);font-family:var(--disp)}
  .stock{display:inline-flex;align-items:center;gap:7px;color:#2c7a3f}.stock i{width:8px;height:8px;border-radius:50%;background:#2c7a3f;display:block}
  .stock.order{color:#a8801c}.stock.order i{background:#caa12f}
  .price-box{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}
  .price{font-family:var(--disp);font-weight:600;font-size:clamp(34px,4vw,52px);line-height:1}
  .price-old{font-family:var(--disp);font-size:22px;color:var(--muted);text-decoration:line-through}
  .buy{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-bottom:14px}
  .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:3px;overflow:hidden}
  .qty button{width:46px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--ink);transition:.2s}.qty button:hover{background:var(--paper-2);color:var(--red)}
  .qty input{width:46px;text-align:center;border:none;outline:none;background:none;font-family:var(--disp);font-size:18px}
  .buy .btn-red{flex:1;min-width:200px}
  .buy2{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
  .buy2 .btn{flex:1;min-width:180px}
  .iconbtn{width:50px;height:50px;border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;background:none;cursor:pointer;color:var(--ink);transition:.25s;flex:0 0 auto}
  .iconbtn:hover{border-color:var(--red);color:var(--red)}
  .ux-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;border-top:1px solid var(--hair);padding-top:24px;margin-bottom:16px}
  .ux-card{display:flex;gap:12px;align-items:flex-start;text-align:left}
  .ux-card svg{width:24px;height:24px;color:var(--red);flex:0 0 auto;margin-top:2px}
  .ux-card b{display:block;font-size:14px;font-weight:600}
  .ux-card span{font-size:13px;color:var(--muted)}
  .ux-bar{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65);border-radius:10px;padding:15px 18px;cursor:pointer;transition:.25s}
  .ux-bar:hover{border-color:var(--red)}
  .ux-bar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);display:grid;place-items:center;color:#fff;flex:0 0 auto}
  .ux-bar .wic svg{width:24px;height:24px}
  .ux-bar .uxt{flex:1}
  .ux-bar .uxt b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:16px}
  .ux-bar .uxt span{font-size:13px;color:var(--muted)}
  .ux-bar .chev{width:18px;height:18px;color:var(--muted);flex:0 0 auto;transition:.25s}.ux-bar:hover .chev{color:var(--red);transform:translateX(3px)}

  /* характеристики + описание */
  .ptabs{margin-top:clamp(50px,6vw,80px)}
  .tabs-nav{display:flex;flex-wrap:nowrap;gap:clamp(20px,3vw,44px);border-bottom:1px solid var(--line);margin-bottom:clamp(26px,3vw,38px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}
  .tab{position:relative;background:none;border:none;cursor:pointer;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,1.3vw,18px);color:var(--muted);padding:0 0 16px;white-space:nowrap;transition:.25s}
  .tab::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--red);transition:width .3s var(--ease)}
  .tab:hover{color:var(--ink)}.tab.on{color:var(--ink)}.tab.on::after{width:100%}
  .tab-panel{display:none}.tab-panel.on{display:block;animation:fadein .4s var(--ease)}
  @keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .tab-panel .dcols{columns:2;column-gap:clamp(30px,4vw,72px)}
  .tab-panel .dcols .lead{column-span:all;margin-bottom:16px}
  .tab-panel .dcols p{break-inside:avoid;margin-bottom:14px}
  .specgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,5vw,80px)}
  .srow{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--hair);font-size:15px}
  .srow span{color:var(--muted)}.srow b{font-weight:500;text-align:right}
  .blk h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:22px}
  .spec{width:100%;border-collapse:collapse}
  .spec tr{border-bottom:1px solid var(--hair)}
  .spec td{padding:13px 0;font-size:15px;vertical-align:top}
  .spec td:first-child{color:var(--muted);width:48%}.spec td:last-child{font-weight:500;text-align:right}
  .desc p{color:#4a463f;margin-bottom:14px}
  .desc .lead{font-size:clamp(16px,1.2vw,18px);color:var(--ink)}

  /* похожие */
  .similar{padding:clamp(50px,6vw,90px) 0 0}
  .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(24px,3vw,42px);line-height:1.1}
  .narr{display:flex;gap:8px}
  .nb{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer;transition:.3s;color:var(--ink)}.nb:hover{background:var(--red);border-color:var(--red);color:#fff}
  .rail{display:flex;gap:clamp(14px,1.4vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--edge);padding:6px var(--edge) 18px;cursor:grab;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail.drag{cursor:grabbing;scroll-snap-type:none}.rail.wheeling{scroll-snap-type:none}
  .rail>*{scroll-snap-align:start;flex:0 0 auto}
  .pcard{width:clamp(230px,23vw,300px);display:flex;flex-direction:column}
  .pcard .pic{aspect-ratio:1/1.04;background:radial-gradient(70% 70% at 50% 35%,#fff,#efe8da);border:1px solid var(--hair);border-radius:5px;position:relative;overflow:hidden;transition:.4s var(--ease)}
  .pcard .pic .s{position:absolute;inset:24% 30%;background:linear-gradient(180deg,#cabfac,#ab9f88);opacity:.5;border-radius:6px}
  .pcard:hover .pic{border-color:var(--red);box-shadow:0 24px 44px -28px rgba(33,31,28,.5)}
  .pcard .b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);margin-top:14px}
  .pcard .n{font-size:15px;font-weight:500;margin-top:3px;overflow-wrap:anywhere}
  .pcard .pr{font-family:var(--disp);font-size:20px;margin-top:auto;padding-top:12px}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  /* ПРИМЕРОЧНАЯ */
  .tryon{margin-top:clamp(44px,5vw,70px);background:var(--paper-2);border-radius:12px;padding:clamp(24px,3vw,42px)}
  .tryon-head{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,3vw,40px);align-items:center}
  .tryon-intro h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:10px}
  .tryon-intro p{color:#5b554c;max-width:540px;margin-bottom:18px}
  .tryon-btns{display:flex;gap:12px;flex-wrap:wrap}
  .tryon-note{font-size:12px;color:var(--muted);margin-top:14px}
  .tryon-samples{display:flex;gap:12px}
  .samp{width:clamp(96px,10vw,150px);height:clamp(74px,7.5vw,108px);border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:.2s}
  .samp img{width:100%;height:100%;object-fit:cover;display:block}
  .samp:hover,.samp.on{border-color:var(--red)}
  .tryon-editor{margin-top:24px;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:start}
  .stage{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#ded5c4 center/cover no-repeat;border:1px solid var(--hair);touch-action:none}
  .stage-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;padding:24px}
  .lamp{position:absolute;top:8%;left:50%;width:32%;transform:translateX(-50%);cursor:grab;user-select:none;filter:drop-shadow(0 20px 28px rgba(0,0,0,.4));touch-action:none}
  .lamp.drag{cursor:grabbing}
  .stage-controls{display:flex;flex-direction:column;gap:14px}
  .upload{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line);border-radius:8px;padding:18px 14px;cursor:pointer;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:13px;text-align:center;transition:.2s}
  .upload:hover{border-color:var(--red);color:var(--red)}
  .ctl{font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}
  .ctl input[type=range]{width:100%;accent-color:var(--red)}

  @media(max-width:1499px){:root{--maxw:1280px}}
  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}.narr{display:none}
    .pcols{grid-template-columns:1fr;gap:30px}.gallery{position:static}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .gallery{grid-template-columns:1fr}
    .gthumbs{flex-direction:row;order:2;overflow-x:auto;scrollbar-width:none}.gthumbs::-webkit-scrollbar{display:none}
    .gmain{cursor:default}.gmain.zoom img{transform:none}
    .ux-cards{grid-template-columns:1fr;gap:14px}
    .tryon-head{grid-template-columns:1fr}
    .tryon-editor{grid-template-columns:1fr}
    .tryon-samples{flex-wrap:wrap}
    .specgrid{grid-template-columns:1fr}
    .tab-panel .dcols{columns:1}
    .buy{flex-wrap:wrap}
    .buy .qty{flex:0 0 auto}
    .buy .btn-red{flex:1 1 auto;min-width:140px}
    .buy2{flex-direction:column}
    .buy2 .btn{flex:1 1 auto;min-width:0;width:100%}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

/* ===== korzina.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== CART ===== */
  .cart{padding:clamp(22px,2.6vw,38px) 0 clamp(50px,6vw,90px)}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .cart-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:clamp(24px,3vw,36px)}
  .cart-head h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(30px,4vw,52px);line-height:1}
  .cart-head .cc{font-family:var(--disp);color:var(--muted);font-size:15px;padding-bottom:6px}
  .cart-grid{display:grid;grid-template-columns:1fr 390px;gap:clamp(28px,3vw,52px);align-items:start}

  .citem{display:grid;grid-template-columns:104px 1fr auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--hair);align-items:center}
  .citem .ci-img{width:104px;height:104px;border:1px solid var(--hair);border-radius:8px;background:#fff center/contain no-repeat;background-size:cover}
  .citem .ci-brand{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted)}
  .citem .ci-name{font-size:16px;font-weight:500;margin:3px 0 4px}
  .citem .ci-art{font-size:13px;color:var(--muted)}
  .citem .ci-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;height:100%;justify-content:space-between}
  .citem .ci-price{font-family:var(--disp);font-size:clamp(18px,1.3vw,22px);white-space:nowrap}
  .citem .ci-ctrl{display:flex;align-items:center;gap:14px}
  .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:3px;overflow:hidden}
  .qty button{width:38px;height:38px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--ink);transition:.2s}.qty button:hover{background:var(--paper-2);color:var(--red)}
  .qty input{width:40px;text-align:center;border:none;outline:none;background:none;font-family:var(--disp);font-size:17px}
  .ci-del{background:none;border:none;cursor:pointer;color:var(--muted);transition:.2s;display:grid;place-items:center;width:34px;height:34px}.ci-del:hover{color:var(--red)}

  .block{margin-top:clamp(34px,4vw,48px)}
  .block h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(20px,2.2vw,28px);margin-bottom:20px}
  .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .field{display:flex;flex-direction:column;gap:7px}
  .field.full{grid-column:1/-1}
  .field label{font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--muted)}
  .field input,.field textarea{border:1px solid var(--line);border-radius:6px;padding:13px 14px;font-family:var(--body);font-size:15px;background:#fff;outline:none;transition:.2s;resize:vertical}
  .field input:focus,.field textarea:focus{border-color:var(--red)}
  .opts{display:flex;flex-direction:column;gap:10px}
  .opt{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:15px 16px;cursor:pointer;background:#fff;transition:.2s}
  .opt:hover{border-color:var(--red)}
  .opt.on{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
  .opt .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto;display:grid;place-items:center;transition:.2s}
  .opt.on .dot{border-color:var(--red)}.opt.on .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--red)}
  .opt .ot{flex:1}.opt .ot b{display:block;font-weight:600;font-size:15px}.opt .ot span{font-size:13px;color:var(--muted)}
  .opt .op{font-family:var(--disp);font-size:15px;white-space:nowrap}

  /* summary */
  .summary{position:sticky;top:104px;background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,32px)}
  .summary h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:20px;margin-bottom:18px}
  .srow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15px;color:#4a463f}
  .srow b{font-weight:600;color:var(--ink)}
  .srow.disc{color:var(--red)}.srow.disc b{color:var(--red)}
  .promo{display:flex;gap:8px;margin:14px 0}
  .promo input{flex:1;border:1px solid var(--line);border-radius:6px;padding:11px 12px;font-size:14px;background:#fff;outline:none;text-transform:uppercase}
  .promo input:focus{border-color:var(--red)}
  .promo button{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:0 16px;border:1px solid var(--ink);border-radius:6px;background:none;cursor:pointer;transition:.2s}.promo button:hover{background:var(--ink);color:var(--paper)}
  .promo-msg{font-size:12px;margin:-6px 0 6px}.promo-msg.ok{color:#2c7a3f}.promo-msg.err{color:var(--red)}
  .stotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--hair);margin-top:10px;padding-top:16px}
  .stotal span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--muted)}
  .stotal b{font-family:var(--disp);font-weight:600;font-size:clamp(26px,2.6vw,34px)}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#5b554c;margin-top:18px;cursor:pointer}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--red);text-decoration:underline}
  .summary .btn{width:100%;margin-top:14px}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
  .snote{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}

  /* пусто */
  .empty{display:none;text-align:center;padding:clamp(40px,6vw,80px) 0}
  .empty.on{display:block}
  .cart-main.hide{display:none}
  .empty svg{width:64px;height:64px;color:var(--muted);margin-bottom:18px}
  .empty h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(24px,3vw,36px);margin-bottom:10px}
  .empty p{color:var(--muted);margin-bottom:24px}

  /* апсейл */
  .upsell{padding-top:clamp(40px,5vw,70px)}
  .upsell h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,34px);margin-bottom:24px}
  .urail{display:flex;gap:clamp(14px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--edge);padding:4px var(--edge) 16px;margin:0 calc(-1*var(--edge));scrollbar-width:none}.urail::-webkit-scrollbar{display:none}
  .ucard{flex:0 0 auto;width:clamp(200px,20vw,240px);scroll-snap-align:start;display:flex;flex-direction:column}
  .ucard .pic{aspect-ratio:1/1;background:radial-gradient(70% 70% at 50% 35%,#fff,#efe8da);border:1px solid var(--hair);border-radius:6px;position:relative;overflow:hidden}
  .ucard .pic .s{position:absolute;inset:26% 32%;background:linear-gradient(180deg,#cabfac,#ab9f88);opacity:.5;border-radius:6px}
  .ucard .b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);margin-top:12px}
  .ucard .n{font-size:14px;font-weight:500;margin-top:2px;min-height:40px}
  .ucard .r{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}
  .ucard .p{font-family:var(--disp);font-size:18px}
  .ucard .add{width:38px;height:38px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;cursor:pointer;transition:.2s}.ucard .add:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1499px){:root{--maxw:1280px}}
  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .cart-grid{grid-template-columns:1fr;gap:30px}.summary{position:static}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .fields{grid-template-columns:1fr}
    .citem{grid-template-columns:80px 1fr;gap:14px}
    .citem .ci-img{width:80px;height:80px}
    .citem .ci-right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
    .opt .op{font-size:13px}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

/* ===== contacts.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}.menu a.active{color:var(--red)}.menu a.active::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}.dlink.active{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== CONTACTS ===== */
  .contacts{padding:clamp(22px,2.6vw,38px) 0 clamp(40px,5vw,70px)}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .c-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,5vw,64px);line-height:1;margin-bottom:14px}
  .c-intro{max-width:640px;color:#5b554c;margin-bottom:clamp(30px,4vw,50px)}
  .cgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,3vw,52px);align-items:stretch}
  .cinfo{display:flex;flex-direction:column;gap:clamp(20px,2.2vw,28px)}
  .cline{display:flex;gap:14px;align-items:flex-start}
  .cline svg{width:24px;height:24px;color:var(--red);flex:0 0 auto;margin-top:3px}
  .cline .lab{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);margin-bottom:3px}
  .cline .v{font-size:clamp(17px,1.3vw,20px);font-weight:500}
  .cline .v a:hover{color:var(--red)}
  .cline .sub{font-size:13px;color:var(--muted);margin-top:2px}
  .csoc{display:flex;gap:10px;margin-top:4px}
  .csoc a{width:46px;height:46px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.csoc a svg{width:48%;height:48%}.csoc a.vk svg{width:54%;height:54%}.csoc a:hover{background:var(--red);border-color:var(--red);color:#fff}
  .cbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
  .cmap{border-radius:12px;overflow:hidden;border:1px solid var(--hair);min-height:460px;background:var(--paper-2)}
  .cmap iframe{width:100%;height:100%;min-height:460px;border:0;display:block}

  .cextra{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,32px);margin-top:clamp(34px,4vw,52px)}
  .ccard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.6vw,36px)}
  .ccard h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,2vw,24px);margin-bottom:14px}
  .ccard p{color:#5b554c;margin-bottom:10px}
  .req{font-size:14px;color:#5b554c}.req div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--hair)}.req b{color:var(--ink);font-weight:500;text-align:right}

  .callback{margin-top:clamp(34px,4vw,52px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(28px,3.4vw,52px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .callback h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(24px,3vw,38px);line-height:1.05;margin-bottom:12px}
  .callback p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}
  .cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:4px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer;color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .cgrid{grid-template-columns:1fr}.cmap{min-height:360px}
    .callback{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .cextra{grid-template-columns:1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

/* ===== uslugi.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;display:inline-block;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== SERVICES ===== */
  .svc{padding:clamp(26px,3vw,46px) 0 0}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .s-hero{max-width:880px;margin-bottom:clamp(36px,4.5vw,64px)}
  .s-hero .kick{margin-bottom:16px;display:block}
  .s-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,6vw,76px);line-height:1.04;margin-bottom:20px}
  .s-intro{color:#5b554c;max-width:880px;font-size:clamp(16px,1.2vw,19px)}

  .scards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,24px)}
  .scard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px;transition:.3s var(--ease)}
  .scard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(33,31,28,.5)}
  .scard .si{width:54px;height:54px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}.scard .si svg{width:26px;height:26px}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,22px);line-height:1.1}
  .scard p{color:#5b554c;font-size:15px;flex:1}
  .scard .price{font-family:var(--disp);font-size:15px;color:var(--ink)}
  .scard .price b{color:var(--red)}
  .scard a.more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:inline-flex;gap:6px;align-items:center}
  .scard a.more:hover{gap:10px}

  .block{margin-top:clamp(50px,6vw,90px)}
  .sh{margin-bottom:clamp(28px,3vw,44px)}
  .sh .kick{display:block;margin-bottom:12px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,48px);line-height:1.06}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .step{position:relative}
  .step .n{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,68px);color:transparent;-webkit-text-stroke:1.5px var(--red);line-height:1;margin-bottom:14px}
  .step h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin-bottom:8px}
  .step p{color:#5b554c;font-size:14px}

  .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
  .detail .dt h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:14px}
  .detail .dt p{color:#5b554c;margin-bottom:14px}
  .detail .dt .btn{margin-top:18px}
  .checklist{list-style:none;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .checklist svg{width:22px;height:22px;color:var(--red);flex:0 0 auto;margin-top:1px}
  .gbar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:16px 18px;margin-top:22px}
  .gbar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto}.gbar .wic svg{width:24px;height:24px}
  .gbar b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:17px;color:var(--ink)}.gbar .gsub{font-size:13px;color:#5b554c}

  .faq{display:grid;gap:0;max-width:920px}
  .fitem{border-bottom:1px solid var(--hair)}
  .fq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:20px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.5vw,19px);color:var(--ink)}
  .fq .pl{width:16px;height:16px;flex:0 0 auto;position:relative}.fq .pl::before,.fq .pl::after{content:"";position:absolute;background:var(--red);transition:.3s}.fq .pl::before{left:0;top:7px;width:16px;height:2px}.fq .pl::after{left:7px;top:0;width:2px;height:16px}
  .fitem.open .fq .pl::after{transform:rotate(90deg);opacity:0}
  .fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.fa-in{padding:0 0 20px;color:#5b554c;max-width:760px}

  .cta{margin-top:clamp(50px,6vw,90px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.05;margin-bottom:12px}
  .cta p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}.cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
  .consent.dark{color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .scards{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .detail{grid-template-columns:1fr;gap:30px}
    .cta{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .scards{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

/* ===== electromontazh.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;display:inline-block;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== SERVICES ===== */
  .svc{padding:clamp(26px,3vw,46px) 0 0}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .s-hero{max-width:880px;margin-bottom:clamp(36px,4.5vw,64px)}
  .s-hero .kick{margin-bottom:16px;display:block}
  .s-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,6vw,76px);line-height:1.04;margin-bottom:20px}
  .s-intro{color:#5b554c;max-width:880px;font-size:clamp(16px,1.2vw,19px)}

  .scards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,24px)}
  .scard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px;transition:.3s var(--ease)}
  .scard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(33,31,28,.5)}
  .scard .si{width:54px;height:54px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}.scard .si svg{width:26px;height:26px}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,22px);line-height:1.1}
  .scard p{color:#5b554c;font-size:15px;flex:1}
  .scard .price{font-family:var(--disp);font-size:15px;color:var(--ink)}
  .scard .price b{color:var(--red)}
  .scard a.more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:inline-flex;gap:6px;align-items:center}
  .scard a.more:hover{gap:10px}

  .block{margin-top:clamp(50px,6vw,90px)}
  .sh{margin-bottom:clamp(28px,3vw,44px)}
  .sh .kick{display:block;margin-bottom:12px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,48px);line-height:1.06}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .step{position:relative}
  .step .n{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,68px);color:transparent;-webkit-text-stroke:1.5px var(--red);line-height:1;margin-bottom:14px}
  .step h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin-bottom:8px}
  .step p{color:#5b554c;font-size:14px}

  .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
  .detail .dt h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:14px}
  .detail .dt p{color:#5b554c;margin-bottom:14px}
  .detail .dt .btn{margin-top:18px}
  .checklist{list-style:none;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .checklist svg{width:22px;height:22px;color:var(--red);flex:0 0 auto;margin-top:1px}
  .gbar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:16px 18px;margin-top:22px}
  .gbar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto}.gbar .wic svg{width:24px;height:24px}
  .gbar b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:17px;color:var(--ink)}.gbar .gsub{font-size:13px;color:#5b554c}

  .faq{display:grid;gap:0;max-width:920px}
  .fitem{border-bottom:1px solid var(--hair)}
  .fq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:20px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.5vw,19px);color:var(--ink)}
  .fq .pl{width:16px;height:16px;flex:0 0 auto;position:relative}.fq .pl::before,.fq .pl::after{content:"";position:absolute;background:var(--red);transition:.3s}.fq .pl::before{left:0;top:7px;width:16px;height:2px}.fq .pl::after{left:7px;top:0;width:2px;height:16px}
  .fitem.open .fq .pl::after{transform:rotate(90deg);opacity:0}
  .fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.fa-in{padding:0 0 20px;color:#5b554c;max-width:760px}

  .cta{margin-top:clamp(50px,6vw,90px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.05;margin-bottom:12px}
  .cta p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}.cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
  .consent.dark{color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .scards{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .detail{grid-template-columns:1fr;gap:30px}
    .cta{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .scards{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

  .s-sub{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,2vw,26px);color:var(--ink);margin-bottom:8px}
  .emstats{display:flex;flex-wrap:wrap;gap:0;margin:24px 0 10px}
  .emstats .st{padding:0 clamp(20px,3vw,42px)}.emstats .st:first-child{padding-left:0}.emstats .st+.st{border-left:1px solid var(--hair)}
  .emstats b{font-family:var(--disp);font-weight:600;font-size:clamp(30px,4vw,52px);line-height:1;display:block}
  .emstats span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
  .sh-sub{color:var(--muted);margin-top:10px;font-size:15px}
  /* направления */
  .dirs{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,52px);align-items:start}
  .dir-list{display:flex;flex-direction:column}
  .dir{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--hair);padding:18px 4px;cursor:pointer;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(16px,1.6vw,21px);color:var(--ink);transition:.22s var(--ease)}
  .dir:last-child{border-bottom:1px solid var(--hair)}
  .dir .sm{font-family:var(--body);text-transform:none;font-size:12px;color:var(--red);white-space:nowrap;opacity:0;transform:translateX(-6px);transition:.22s}
  .dir:hover,.dir.on{color:var(--red);padding-left:14px}.dir:hover .sm,.dir.on .sm{opacity:1;transform:none}
  .dir-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:sticky;top:104px}
  .dg{aspect-ratio:4/5;border-radius:10px;background:#ded5c4 center/cover;min-height:200px}
  /* что входит / почему */
  .incl{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)}
  .incl .item{background:var(--paper-2);border-radius:12px;padding:clamp(20px,2vw,26px)}
  .incl .ii{width:48px;height:48px;border-radius:11px;background:var(--red);color:#fff;display:grid;place-items:center;margin-bottom:14px}.incl .ii svg{width:24px;height:24px}
  .incl h4{font-family:var(--disp);text-transform:uppercase;font-size:15px;margin-bottom:6px;line-height:1.12}
  .incl p{color:#5b554c;font-size:13px}
  /* команда */
  .team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
  .tm{background:var(--paper-2);border-radius:14px;padding:clamp(26px,2.6vw,38px);text-align:center}
  .tm .av{width:108px;height:108px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 30%,#fff,#e2dac9);color:var(--red)}.tm .av svg{width:54px;height:54px}
  .tm h4{font-family:var(--disp);text-transform:uppercase;font-size:20px}
  .tm .role{color:#5b554c;font-size:14px;margin-top:4px}
  .tm .exp{display:inline-block;margin-top:12px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#fff;background:var(--red);padding:5px 12px;border-radius:99px}
  /* сертификаты */
  .certs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 16px}
  .cert{flex:0 0 auto;width:clamp(160px,16vw,200px);scroll-snap-align:start}
  .cert .ci{aspect-ratio:3/4;border-radius:8px;background:var(--paper-2);border:1px solid var(--hair);display:grid;place-items:center;color:var(--muted);transition:.25s}.cert .ci svg{width:42px;height:42px}.cert:hover .ci{border-color:var(--red);color:var(--red)}
  .cert .cn{font-size:14px;font-weight:500;margin-top:10px}.cert .cw{font-size:12px;color:var(--muted)}
  @media(max-width:1024px){.dirs{grid-template-columns:1fr}.dir-gallery{position:static}.incl{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr}}
  @media(max-width:767px){.incl{grid-template-columns:1fr 1fr}}

  .incl .inum{font-family:var(--disp);font-weight:600;font-size:clamp(32px,3.2vw,46px);color:transparent;-webkit-text-stroke:1.4px var(--red);line-height:1;display:block;margin-bottom:12px}
  .sh-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
  .cnav{display:flex;gap:8px}
  .cnav .nb{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer;transition:.3s;color:var(--ink)}
  .cnav .nb:hover{background:var(--red);border-color:var(--red);color:#fff}.cnav .nb svg{width:20px;height:20px}
  .certs{scrollbar-width:none;scroll-behavior:smooth}.certs::-webkit-scrollbar{display:none}
  @media(max-width:767px){.cnav{display:none}.emstats{gap:16px 26px}.emstats .st{padding:0}.emstats .st+.st{border-left:none}}

  .tm .av{overflow:hidden}.tm .av img{width:100%;height:100%;object-fit:cover;display:block}
  .why .wic2{width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--hair);display:grid;place-items:center;color:var(--red);margin-bottom:14px}
  .why .wic2 svg{width:26px;height:26px}
  @media(max-width:1024px){.certs{margin:0 calc(-1*var(--edge));padding:4px var(--edge) 16px;scroll-padding-left:var(--edge)}}

  .incl .item{position:relative}
  .incl .item.top{background:var(--ink-2);border-left:3px solid var(--red);box-shadow:0 18px 40px -24px rgba(23,20,15,.6)}
  .incl .item.top h4{color:#fff}
  .incl .item.top p{color:rgba(255,255,255,.6)}
  .incl .item.top .inum{-webkit-text-stroke-color:var(--bright)}

/* ===== podbor.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;display:inline-block;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== SERVICES ===== */
  .svc{padding:clamp(26px,3vw,46px) 0 0}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .s-hero{max-width:880px;margin-bottom:clamp(36px,4.5vw,64px)}
  .s-hero .kick{margin-bottom:16px;display:block}
  .s-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,6vw,76px);line-height:1.04;margin-bottom:20px}
  .s-intro{color:#5b554c;max-width:880px;font-size:clamp(16px,1.2vw,19px)}

  .scards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,24px)}
  .scard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px;transition:.3s var(--ease)}
  .scard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(33,31,28,.5)}
  .scard .si{width:54px;height:54px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}.scard .si svg{width:26px;height:26px}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,22px);line-height:1.1}
  .scard p{color:#5b554c;font-size:15px;flex:1}
  .scard .price{font-family:var(--disp);font-size:15px;color:var(--ink)}
  .scard .price b{color:var(--red)}
  .scard a.more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:inline-flex;gap:6px;align-items:center}
  .scard a.more:hover{gap:10px}

  .block{margin-top:clamp(50px,6vw,90px)}
  .sh{margin-bottom:clamp(28px,3vw,44px)}
  .sh .kick{display:block;margin-bottom:12px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,48px);line-height:1.06}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .step{position:relative}
  .step .n{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,68px);color:transparent;-webkit-text-stroke:1.5px var(--red);line-height:1;margin-bottom:14px}
  .step h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin-bottom:8px}
  .step p{color:#5b554c;font-size:14px}

  .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
  .detail .dt h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:14px}
  .detail .dt p{color:#5b554c;margin-bottom:14px}
  .detail .dt .btn{margin-top:18px}
  .checklist{list-style:none;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .checklist svg{width:22px;height:22px;color:var(--red);flex:0 0 auto;margin-top:1px}
  .gbar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:16px 18px;margin-top:22px}
  .gbar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto}.gbar .wic svg{width:24px;height:24px}
  .gbar b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:17px;color:var(--ink)}.gbar .gsub{font-size:13px;color:#5b554c}

  .faq{display:grid;gap:0;max-width:920px}
  .fitem{border-bottom:1px solid var(--hair)}
  .fq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:20px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.5vw,19px);color:var(--ink)}
  .fq .pl{width:16px;height:16px;flex:0 0 auto;position:relative}.fq .pl::before,.fq .pl::after{content:"";position:absolute;background:var(--red);transition:.3s}.fq .pl::before{left:0;top:7px;width:16px;height:2px}.fq .pl::after{left:7px;top:0;width:2px;height:16px}
  .fitem.open .fq .pl::after{transform:rotate(90deg);opacity:0}
  .fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.fa-in{padding:0 0 20px;color:#5b554c;max-width:760px}

  .cta{margin-top:clamp(50px,6vw,90px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.05;margin-bottom:12px}
  .cta p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}.cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
  .consent.dark{color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .scards{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .detail{grid-template-columns:1fr;gap:30px}
    .cta{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .scards{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

/* ===== blog.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;display:inline-block;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== SERVICES ===== */
  .svc{padding:clamp(26px,3vw,46px) 0 0}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .s-hero{max-width:880px;margin-bottom:clamp(36px,4.5vw,64px)}
  .s-hero .kick{margin-bottom:16px;display:block}
  .s-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,6vw,76px);line-height:1.04;margin-bottom:20px}
  .s-intro{color:#5b554c;max-width:880px;font-size:clamp(16px,1.2vw,19px)}

  .scards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,24px)}
  .scard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px;transition:.3s var(--ease)}
  .scard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(33,31,28,.5)}
  .scard .si{width:54px;height:54px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}.scard .si svg{width:26px;height:26px}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,22px);line-height:1.1}
  .scard p{color:#5b554c;font-size:15px;flex:1}
  .scard .price{font-family:var(--disp);font-size:15px;color:var(--ink)}
  .scard .price b{color:var(--red)}
  .scard a.more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:inline-flex;gap:6px;align-items:center}
  .scard a.more:hover{gap:10px}

  .block{margin-top:clamp(50px,6vw,90px)}
  .sh{margin-bottom:clamp(28px,3vw,44px)}
  .sh .kick{display:block;margin-bottom:12px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,48px);line-height:1.06}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .step{position:relative}
  .step .n{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,68px);color:transparent;-webkit-text-stroke:1.5px var(--red);line-height:1;margin-bottom:14px}
  .step h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin-bottom:8px}
  .step p{color:#5b554c;font-size:14px}

  .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
  .detail .dt h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:14px}
  .detail .dt p{color:#5b554c;margin-bottom:14px}
  .detail .dt .btn{margin-top:18px}
  .checklist{list-style:none;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .checklist svg{width:22px;height:22px;color:var(--red);flex:0 0 auto;margin-top:1px}
  .gbar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:16px 18px;margin-top:22px}
  .gbar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto}.gbar .wic svg{width:24px;height:24px}
  .gbar b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:17px;color:var(--ink)}.gbar .gsub{font-size:13px;color:#5b554c}

  .faq{display:grid;gap:0;max-width:920px}
  .fitem{border-bottom:1px solid var(--hair)}
  .fq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:20px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.5vw,19px);color:var(--ink)}
  .fq .pl{width:16px;height:16px;flex:0 0 auto;position:relative}.fq .pl::before,.fq .pl::after{content:"";position:absolute;background:var(--red);transition:.3s}.fq .pl::before{left:0;top:7px;width:16px;height:2px}.fq .pl::after{left:7px;top:0;width:2px;height:16px}
  .fitem.open .fq .pl::after{transform:rotate(90deg);opacity:0}
  .fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.fa-in{padding:0 0 20px;color:#5b554c;max-width:760px}

  .cta{margin-top:clamp(50px,6vw,90px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.05;margin-bottom:12px}
  .cta p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}.cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
  .consent.dark{color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .scards{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .detail{grid-template-columns:1fr;gap:30px}
    .cta{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .scards{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .blog,.article{padding:clamp(26px,3vw,46px) 0 0}
  .b-hero{max-width:760px;margin-bottom:clamp(30px,4vw,52px)}.b-hero .kick{display:block;margin-bottom:14px}
  .b-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,5.5vw,68px);line-height:1.04;margin-bottom:16px}
  .b-intro{color:#5b554c;font-size:clamp(16px,1.2vw,19px)}
  .feat{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--paper-2);border-radius:14px;overflow:hidden;margin-bottom:clamp(30px,3.5vw,50px)}
  .feat .fimg{background:#ded5c4 center/cover;min-height:280px}
  .feat .ftext{padding:clamp(26px,3.2vw,52px);align-self:center}
  .bcat{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--red)}
  .feat h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,36px);line-height:1.08;margin:12px 0 14px}
  .feat p{color:#5b554c;margin-bottom:18px}
  .bmeta{font-size:13px;color:var(--muted);display:flex;gap:14px}
  .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,30px)}
  .bcard{display:flex;flex-direction:column}
  .bcard .bimg{aspect-ratio:16/11;border-radius:10px;background:#ded5c4 center/cover;transition:.4s var(--ease)}
  .bcard:hover .bimg{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(33,31,28,.5)}
  .bcard .bcat{margin-top:14px;display:block}
  .bcard h3{font-family:var(--disp);text-transform:uppercase;font-weight:500;font-size:clamp(17px,1.4vw,21px);line-height:1.16;margin:8px 0 8px}
  .bcard p{color:#5b554c;font-size:14px;flex:1;margin-bottom:12px}
  .bcard .bmeta{margin-top:auto}
  .art-wrap{max-width:860px;margin:0 auto}
  .art-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(30px,4.6vw,58px);line-height:1.04;margin:14px 0 16px}
  .art-meta{display:flex;gap:16px;color:var(--muted);font-size:14px;margin-bottom:26px;flex-wrap:wrap}
  .art-hero{aspect-ratio:16/9;border-radius:14px;background:#ded5c4 center/cover;margin-bottom:clamp(28px,3vw,44px)}
  .art-body{font-size:clamp(16px,1.15vw,18px);color:#322f2a}
  .art-body h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,32px);margin:clamp(30px,3vw,44px) 0 14px}
  .art-body h3{font-family:var(--disp);font-weight:600;font-size:20px;margin:24px 0 10px}
  .art-body p{margin-bottom:16px}
  .art-body ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
  .art-body ul li{display:flex;gap:12px}.art-body ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:9px;flex:0 0 auto}
  .tip{background:var(--paper-2);border-left:3px solid var(--red);border-radius:8px;padding:18px 22px;margin:24px 0}.tip b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:block;margin-bottom:6px}
  .art-cta{background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(26px,3vw,44px);margin:clamp(34px,4vw,52px) 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .art-cta h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(20px,2.2vw,28px)}
  .also{margin-top:clamp(40px,5vw,70px)}
  .also h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,34px);margin-bottom:26px}
  @media(max-width:1024px){.feat{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:767px){.bgrid{grid-template-columns:1fr}}

/* ===== statya.html ===== */
:root{--paper:#FCFBF9;--paper-2:#FFFFFF;--ink:#211F1C;--ink-2:#17140F;--muted:#8c8479;--red:#B2140B;--bright:#E04843;--line:rgba(33,31,28,.16);--hair:rgba(33,31,28,.1);--disp:"Inter",sans-serif;--body:"Inter",sans-serif;--edge:clamp(20px,4.2vw,72px);--maxw:1760px;--ease:cubic-bezier(.19,1,.22,1)}
  *{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.28) transparent}
  ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(33,31,28,.22);border-radius:99px;border:2px solid transparent;background-clip:content-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(15px,1.02vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
  .hl{background:var(--red);color:#fff;padding:.12em .22em .14em;line-height:1;display:inline-block;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(10px,.8vw,12px);font-weight:500;color:var(--red)}
  .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(12px,.82vw,14px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(14px,1.1vw,17px) clamp(22px,1.8vw,30px);border-radius:3px;cursor:pointer;transition:.3s var(--ease);border:1px solid transparent}
  .btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--bright);transform:translateY(-2px)}
  .btn-ink{border-color:var(--ink);color:var(--ink)}.btn-ink:hover{background:var(--ink);color:var(--paper)}
  .btn-rout{border-color:var(--red);color:var(--red)}.btn-rout:hover{background:var(--red);color:#fff}
  .ic{width:20px;height:20px;display:block}

  /* HEADER (общий) */
  .topbar{border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}
  .topbar .wrap{display:flex;justify-content:space-between;height:38px;align-items:center}
  header{position:sticky;top:0;z-index:100;background:var(--paper);transition:box-shadow .4s}header.scrolled{box-shadow:0 1px 0 var(--hair)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:clamp(72px,6vw,92px);gap:clamp(16px,2vw,34px)}
  .logo img{height:clamp(38px,3.4vw,48px);display:block}
  .menu{display:flex;gap:clamp(16px,1.8vw,30px);list-style:none;align-items:center}
  .menu a,.menu .mtrig{position:relative;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,.85vw,15px);padding:6px 0;transition:.3s;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .menu a::after,.menu .mtrig::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .4s var(--ease)}
  .menu a:hover,.menu .mtrig:hover{color:var(--red)}.menu a:hover::after,.has-mega:hover .mtrig::after{width:100%}
  .mchev{width:9px;height:9px;transition:.3s}.has-mega:hover .mchev{transform:rotate(180deg)}
  .nav-r{display:flex;align-items:center;gap:12px}
  .ibtn{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--ink)}.ibtn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .ic-cart{position:relative}.ic-cart b{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
  .burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
  .burger i{width:18px;height:2px;background:var(--ink);display:block;transition:.3s var(--ease)}
  .burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 30px 50px -28px rgba(33,31,28,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease);z-index:90;max-height:78vh;overflow:auto}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:none}
  .mega-in{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3vw,40px) var(--edge);display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:clamp(20px,2.4vw,40px)}
  .mgroup h5{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.mgroup.light h5{color:var(--ink)}
  .mcols{columns:2;column-gap:24px}.mgroup.one .mcols{columns:1}
  .mega a.mi{display:block;width:fit-content;max-width:100%;font-size:14px;padding:6px 0;transition:color .2s;break-inside:avoid}
  .mega a.mi::after{content:"";display:block;height:2px;width:0;background:var(--red);transition:width .3s var(--ease);margin-top:2px}.mega a.mi:hover{color:var(--red)}.mega a.mi:hover::after{width:100%}
  .ovl{position:fixed;inset:0;z-index:190;background:rgba(23,20,15,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.ovl.open{opacity:1;visibility:visible}
  .searchbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--paper);padding:clamp(22px,3vw,36px) var(--edge);transform:translateY(-101%);transition:.45s var(--ease)}.searchbar.open{transform:none}
  .searchbar form{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px}.searchbar>form>svg{width:26px;height:26px;color:var(--red)}
  .searchbar input{flex:1;border:none;background:none;outline:none;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3vw,34px);color:var(--ink)}.searchbar input::placeholder{color:rgba(33,31,28,.28)}
  .searchbar .sx{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);background:var(--paper);z-index:200;transform:translateX(101%);transition:.45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}.drawer.open{transform:none}
  .dtop{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,28px);border-bottom:1px solid var(--hair)}.dtop img{height:40px}
  .dx{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.3s}.dx:hover{background:var(--red);border-color:var(--red);color:#fff}
  .dbody{flex:1;overflow-y:auto;padding:4px clamp(20px,5vw,28px) 20px}
  .dsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;margin:16px 0 10px;cursor:pointer;color:var(--muted);transition:.3s}.dsearch:hover{border-color:var(--red);color:var(--red)}.dsearch svg{width:18px;height:18px}
  .dgroup{border-bottom:1px solid var(--hair)}
  .acch{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:16px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--ink)}
  .acch .cv{width:11px;height:11px;transition:.3s;color:var(--red)}.dgroup.open .acch{color:var(--red)}.dgroup.open .acch .cv{transform:rotate(180deg)}
  .accb{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.accb-in{padding:2px 0 14px}.accb a{display:block;padding:7px 0;color:#5b554c;font-size:15px}.accb a:hover{color:var(--red)}
  .dlink{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.dlink:hover{color:var(--red)}
  .dfoot{padding:18px clamp(20px,5vw,28px);border-top:1px solid var(--hair);background:var(--paper-2)}.dphone{display:block;font-family:var(--disp);font-size:21px;margin-bottom:4px}.dhours{font-size:13px;color:var(--muted);margin-bottom:14px}
  .dsoc{display:flex;gap:10px}.dsoc a{width:44px;height:44px;border-radius:50%;background:rgba(33,31,28,.05);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.3s}.dsoc a svg{width:50%;height:50%}.dsoc a.vk svg{width:56%;height:56%}.dsoc a:hover{background:var(--red);border-color:var(--red);color:#fff}

  /* ===== SERVICES ===== */
  .svc{padding:clamp(26px,3vw,46px) 0 0}
  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
  .crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .s-hero{max-width:880px;margin-bottom:clamp(36px,4.5vw,64px)}
  .s-hero .kick{margin-bottom:16px;display:block}
  .s-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,6vw,76px);line-height:1.04;margin-bottom:20px}
  .s-intro{color:#5b554c;max-width:880px;font-size:clamp(16px,1.2vw,19px)}

  .scards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,24px)}
  .scard{background:var(--paper-2);border-radius:12px;padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px;transition:.3s var(--ease)}
  .scard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(33,31,28,.5)}
  .scard .si{width:54px;height:54px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}.scard .si svg{width:26px;height:26px}
  .scard h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(18px,1.5vw,22px);line-height:1.1}
  .scard p{color:#5b554c;font-size:15px;flex:1}
  .scard .price{font-family:var(--disp);font-size:15px;color:var(--ink)}
  .scard .price b{color:var(--red)}
  .scard a.more{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:inline-flex;gap:6px;align-items:center}
  .scard a.more:hover{gap:10px}

  .block{margin-top:clamp(50px,6vw,90px)}
  .sh{margin-bottom:clamp(28px,3vw,44px)}
  .sh .kick{display:block;margin-bottom:12px}
  .sh h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.4vw,48px);line-height:1.06}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .step{position:relative}
  .step .n{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,68px);color:transparent;-webkit-text-stroke:1.5px var(--red);line-height:1;margin-bottom:14px}
  .step h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin-bottom:8px}
  .step p{color:#5b554c;font-size:14px}

  .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
  .detail .dt h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.4vw,32px);margin-bottom:14px}
  .detail .dt p{color:#5b554c;margin-bottom:14px}
  .detail .dt .btn{margin-top:18px}
  .checklist{list-style:none;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .checklist svg{width:22px;height:22px;color:var(--red);flex:0 0 auto;margin-top:1px}
  .gbar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:16px 18px;margin-top:22px}
  .gbar .wic{width:50px;height:50px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto}.gbar .wic svg{width:24px;height:24px}
  .gbar b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:17px;color:var(--ink)}.gbar .gsub{font-size:13px;color:#5b554c}

  .faq{display:grid;gap:0;max-width:920px}
  .fitem{border-bottom:1px solid var(--hair)}
  .fq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:20px 0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.5vw,19px);color:var(--ink)}
  .fq .pl{width:16px;height:16px;flex:0 0 auto;position:relative}.fq .pl::before,.fq .pl::after{content:"";position:absolute;background:var(--red);transition:.3s}.fq .pl::before{left:0;top:7px;width:16px;height:2px}.fq .pl::after{left:7px;top:0;width:2px;height:16px}
  .fitem.open .fq .pl::after{transform:rotate(90deg);opacity:0}
  .fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.fa-in{padding:0 0 20px;color:#5b554c;max-width:760px}

  .cta{margin-top:clamp(50px,6vw,90px);background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:center}
  .cta h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.05;margin-bottom:12px}
  .cta p{color:rgba(255,255,255,.66)}
  .cbform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cbform input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:7px;padding:14px 15px;color:#fff;font-size:15px;outline:none;transition:.2s}
  .cbform input::placeholder{color:rgba(255,255,255,.45)}.cbform input:focus{border-color:var(--bright)}
  .cbform .full{grid-column:1/-1}.cbform .btn{grid-column:1/-1}
  .cbnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
  .consent.dark{color:rgba(255,255,255,.72)}
  .consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red);cursor:pointer}
  .consent a{color:var(--bright);text-decoration:underline}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

  /* FOOTER */
  footer{background:var(--ink-2);color:rgba(255,255,255,.66);padding:clamp(50px,6vw,80px) 0 30px;margin-top:clamp(50px,6vw,90px)}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(26px,3vw,40px);padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot .flogo{height:54px;margin-bottom:18px;filter:brightness(0) invert(1)}.foot .ftag{color:rgba(255,255,255,.6);max-width:370px;margin-bottom:22px}
  .fsoc{display:flex;gap:10px}.fsoc a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:.3s}.fsoc a svg{width:50%;height:50%}.fsoc a.vk svg{width:56%;height:56%}.fsoc a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
  .foot h4{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#fff;margin-bottom:18px}
  .foot a.fl,.foot .fi{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);margin-bottom:12px;transition:.25s;font-size:15px}.foot a.fl:hover{color:#fff}.foot .fi svg,.foot a.fl svg{width:17px;height:17px;color:var(--bright);flex:0 0 auto}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:rgba(255,255,255,.45)}
  .fbot .links{display:flex;gap:22px;flex-wrap:wrap}.fbot a:hover{color:#fff}

  @media(max-width:1024px){
    .menu{display:none}.burger{display:flex}.mega{display:none}
    .scards{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .detail{grid-template-columns:1fr;gap:30px}
    .cta{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:767px){
    .topbar{display:none}
    .scards{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .cbform{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:24px}.fbot{flex-direction:column-reverse;align-items:flex-start}
  }

  .crumbs{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.crumbs a:hover{color:var(--red)}.crumbs .cur{color:var(--red)}
  .blog,.article{padding:clamp(26px,3vw,46px) 0 0}
  .b-hero{max-width:760px;margin-bottom:clamp(30px,4vw,52px)}.b-hero .kick{display:block;margin-bottom:14px}
  .b-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(34px,5.5vw,68px);line-height:1.04;margin-bottom:16px}
  .b-intro{color:#5b554c;font-size:clamp(16px,1.2vw,19px)}
  .feat{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--paper-2);border-radius:14px;overflow:hidden;margin-bottom:clamp(30px,3.5vw,50px)}
  .feat .fimg{background:#ded5c4 center/cover;min-height:280px}
  .feat .ftext{padding:clamp(26px,3.2vw,52px);align-self:center}
  .bcat{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--red)}
  .feat h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,36px);line-height:1.08;margin:12px 0 14px}
  .feat p{color:#5b554c;margin-bottom:18px}
  .bmeta{font-size:13px;color:var(--muted);display:flex;gap:14px}
  .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,30px)}
  .bcard{display:flex;flex-direction:column}
  .bcard .bimg{aspect-ratio:16/11;border-radius:10px;background:#ded5c4 center/cover;transition:.4s var(--ease)}
  .bcard:hover .bimg{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(33,31,28,.5)}
  .bcard .bcat{margin-top:14px;display:block}
  .bcard h3{font-family:var(--disp);text-transform:uppercase;font-weight:500;font-size:clamp(17px,1.4vw,21px);line-height:1.16;margin:8px 0 8px}
  .bcard p{color:#5b554c;font-size:14px;flex:1;margin-bottom:12px}
  .bcard .bmeta{margin-top:auto}
  .art-wrap{max-width:860px;margin:0 auto}
  .art-h1{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(30px,4.6vw,58px);line-height:1.04;margin:14px 0 16px}
  .art-meta{display:flex;gap:16px;color:var(--muted);font-size:14px;margin-bottom:26px;flex-wrap:wrap}
  .art-hero{aspect-ratio:16/9;border-radius:14px;background:#ded5c4 center/cover;margin-bottom:clamp(28px,3vw,44px)}
  .art-body{font-size:clamp(16px,1.15vw,18px);color:#322f2a}
  .art-body h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,32px);margin:clamp(30px,3vw,44px) 0 14px}
  .art-body h3{font-family:var(--disp);font-weight:600;font-size:20px;margin:24px 0 10px}
  .art-body p{margin-bottom:16px}
  .art-body ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
  .art-body ul li{display:flex;gap:12px}.art-body ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:9px;flex:0 0 auto}
  .tip{background:var(--paper-2);border-left:3px solid var(--red);border-radius:8px;padding:18px 22px;margin:24px 0}.tip b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--red);display:block;margin-bottom:6px}
  .art-cta{background:var(--ink-2);color:#fff;border-radius:14px;padding:clamp(26px,3vw,44px);margin:clamp(34px,4vw,52px) 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .art-cta h3{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(20px,2.2vw,28px)}
  .also{margin-top:clamp(40px,5vw,70px)}
  .also h2{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(22px,2.6vw,34px);margin-bottom:26px}
  @media(max-width:1024px){.feat{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:767px){.bgrid{grid-template-columns:1fr}}

/* ===== живой поиск ===== */
.search-suggest{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:10px;width:min(720px,92vw);background:#fff;border:1px solid var(--hair,#e4ddcf);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.14);overflow:hidden;z-index:60}
.search-suggest a{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid #f0ebe1;text-decoration:none;color:var(--ink,#211F1C)}
.search-suggest a:last-child{border-bottom:0}
.search-suggest a:hover{background:#f7f3ea}
.search-suggest .ss-pic{width:46px;height:46px;flex:none;border:1px solid #eee;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.search-suggest .ss-pic img{max-width:100%;max-height:100%;object-fit:contain}
.search-suggest .ss-b{font:600 11px/1 Inter,sans-serif;text-transform:uppercase;color:var(--muted,#8c8479);letter-spacing:.03em;margin-bottom:3px}
.search-suggest .ss-n{font-size:14px}
.search-suggest .ss-p{margin-left:auto;font-family:Inter,sans-serif;white-space:nowrap;padding-left:10px}
.search-suggest .ss-all{display:block;text-align:center;padding:13px;font:600 13px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--red,#B2140B);background:#faf7f0}
.search-suggest .ss-empty{padding:18px 16px;color:var(--muted,#8c8479);font-size:14px}

/* ================= ПРИОРИТЕТНЫЕ ФИКСЫ (в конце файла, перекрывают дубли) ================= */
html,body{overflow-x:hidden;max-width:100%}

/* бренды: без белой рамки, на общем фоне, единый размер, серый->цвет на ховере */
.blogo{background:transparent!important;border:0!important;box-shadow:none!important;width:clamp(120px,12vw,168px)!important;height:70px!important;padding:0 12px!important}
.blogo img{filter:grayscale(1);opacity:.65;transition:.3s}
.blogo:hover{transform:none!important;box-shadow:none!important}
.blogo:hover img{filter:none;opacity:1}
.blogo span{color:var(--muted)}

/* новинки (.card): картинка на всю плитку, белый фон, без «коробки» */
.card .pic{background:#fff!important}
.card .num{text-transform:none;letter-spacing:0}
.card .num span:last-child{color:var(--red)}

/* CTA «Не знаете что выбрать» — фирменный красный, не чёрный */
.cta{background:var(--red)!important;color:#fff!important}
.cta h2,.cta p,.cta a,.cta span{color:#fff}
.cta .btn-line{border-color:rgba(255,255,255,.6);color:#fff}

/* hero: вертикальная подпись не уезжает за верх экрана */
.hero-side{top:auto!important;bottom:clamp(24px,7vh,90px)!important;transform:rotate(-90deg)!important;transform-origin:left bottom!important}

/* комнаты: шапка слева */
#rooms .sh{justify-content:flex-start}
#rooms .sh .r{display:none}

/* страница поиска: 4 колонки */
.search-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:clamp(16px,1.6vw,24px)!important}
@media(max-width:1180px){.search-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.search-grid{grid-template-columns:repeat(2,1fr)!important}}

/* футер: без горизонтального скролла на мобиле */
@media(max-width:760px){
  footer .foot{grid-template-columns:1fr 1fr!important;gap:22px!important}
  footer .wrap,footer{overflow:hidden}
  footer .fl{word-break:break-word}
}
@media(max-width:430px){ footer .foot{grid-template-columns:1fr!important} }