/* ТСТН · штукатурные фасады Церезит. Вставка: Настройки сайта → Вставка кода → Пользовательские CSS-стили. */
.tstn{
  --ink:#14161a;
  --ink-2:#1b1e24;
  --steel:#2a2f37;
  --copper:#b8791c;
  --copper-2:#d09232;
  --copper-soft:#f4e9d9;
  --paper:#ffffff;
  --paper-2:#f7f6f3;
  --paper-3:#efece6;
  --text:#14161a;
  --muted:#6b6b68;
  --muted-2:#8f8f8b;
  --line:#e6e2da;
  --line-dark:rgba(255,255,255,.13);
  --r-sm:10px; --r:14px; --r-lg:22px;
  --sh-1:0 1px 2px rgba(20,22,26,.05), 0 12px 28px -18px rgba(20,22,26,.30);
  --sh-2:0 34px 80px -34px rgba(20,22,26,.55);
  --container:1240px;
  --pad-x:clamp(18px,4vw,40px);
  --sec-y:clamp(60px,7vw,112px);
  --font:'Geologica','TildaSans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --img-hero:url("https://static.tildacdn.com/tila3635-3165-4837-a365-333238393564/hero.jpg");
  --img-work-1:url("https://static.tildacdn.com/tila3038-6331-4335-a238-336539343162/work-1.jpg");
  --img-work-2:url("https://static.tildacdn.com/tila6338-6330-4364-b434-363963386433/work-2.jpg");
  --img-work-3:url("https://static.tildacdn.com/tila3238-3538-4161-b964-323631353834/work-3.jpg");
  --img-tex:url("https://static.tildacdn.com/tila3366-3437-4464-b838-383434326139/tex-koroyed.jpg");
  --img-tex-2:url("https://static.tildacdn.com/tila3836-3562-4465-b466-313134663236/tex-kameshkovaya.jpg");
  --img-work-4:url("https://static.tildacdn.com/tila3562-3361-4831-b632-653734323831/work-4.jpg");
  --img-work-5:url("https://static.tildacdn.com/tila3561-6264-4631-a564-353438613263/work-5.jpg");
  --img-work-6:url("https://static.tildacdn.com/tila6532-3437-4238-b836-346536653832/work-6.jpg");
  --img-pal-voda:url("https://static.tildacdn.com/tila6264-3033-4334-a164-303132386538/palette-voda.jpg");
  --img-pal-pesok:url("https://static.tildacdn.com/tila3236-3531-4165-a462-663739653239/palette-pesok.jpg");
  --img-pal-les:url("https://static.tildacdn.com/tila6265-3931-4264-b662-616462633938/palette-les.jpg");
  --img-pal-zemlya:url("https://static.tildacdn.com/tila3333-3965-4637-b065-303037396131/palette-zemlya.jpg");
  --img-samples:url("https://static.tildacdn.com/tila3664-3166-4136-b364-613436613561/color-samples.jpg");
  --img-wide:url("https://static.tildacdn.com/tila3430-6638-4837-a461-396438303935/wide-sftk.jpg");
  --img-sys-pps:url("https://static.tildacdn.com/tila6239-6335-4731-a336-633732636466/sys-pps.jpg");
  --img-sys-vata:url("https://static.tildacdn.com/tila3861-6435-4161-a265-396134633762/sys-vata.jpg");
  --img-proc-plaster:url("https://static.tildacdn.com/tila3162-3130-4562-a231-643864373438/proc-plaster.jpg");
  --img-proc-mesh:url("https://static.tildacdn.com/tila3166-3461-4231-b238-323932376165/proc-mesh.jpg");
}
.tstn *, .tstn *::before, .tstn *::after{box-sizing:border-box}
.tstn{margin:0;font-family:var(--font);font-size:17px;line-height:1.6;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
.tstn img{max-width:100%;display:block}
.tstn a{color:inherit}
.tstn h1, .tstn h2, .tstn h3, .tstn h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.12}
.tstn p{margin:0}
.tstn ul{margin:0;padding:0;list-style:none}
.tstn .wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--pad-x)}
.tstn section{position:relative}
.tstn .topbar{background:var(--ink);color:rgba(255,255,255,.72);font-size:13.5px}
.tstn .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.tstn .topbar b{color:#fff;font-weight:500}
.tstn .topbar a{color:var(--copper-2);text-decoration:none;white-space:nowrap}
.tstn .topbar a:hover{color:#fff}
.tstn .header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.tstn .header .wrap{display:flex;align-items:center;gap:clamp(16px,3vw,44px);min-height:74px}
.tstn .logo{display:flex;align-items:center;text-decoration:none;flex:none}
.tstn .logo img{height:38px;width:auto}
.tstn .nav{display:flex;gap:26px;margin-left:auto;font-size:15px}
.tstn .nav a{text-decoration:none;color:var(--muted);transition:color .2s}
.tstn .nav a:hover{color:var(--ink)}
.tstn .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--r);font:inherit;font-weight:500;font-size:16px;padding:15px 26px;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;white-space:nowrap}
.tstn .btn--primary{background:var(--copper);color:#fff;box-shadow:0 14px 30px -16px rgba(184,121,28,.9)}
.tstn .btn--primary:hover{background:var(--copper-2);transform:translateY(-1px)}
.tstn .btn--dark{background:var(--ink);color:#fff}
.tstn .btn--dark:hover{background:var(--steel);transform:translateY(-1px)}
.tstn .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.tstn .btn--ghost:hover{background:rgba(255,255,255,.16)}
.tstn .btn--sm{padding:11px 18px;font-size:14.5px}
.tstn .header .btn{margin-left:6px}
.tstn .hero{background:var(--ink-2);color:#fff;overflow:hidden}
.tstn .hero::before{content:"";position:absolute;inset:0;background-image:var(--img-hero);background-size:cover;background-position:center 42%;opacity:.42}
.tstn .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#12141a 8%,rgba(18,20,26,.92) 42%,rgba(18,20,26,.42) 72%,rgba(43,29,12,.55) 100%)}
.tstn .hero .wrap{position:relative;z-index:2;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,86px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,4vw,64px);align-items:start}
.tstn .hero__tag{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.22);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.86);margin-bottom:24px}
.tstn .hero__tag i{width:7px;height:7px;border-radius:50%;background:var(--copper-2);display:block}
.tstn .hero h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.03em}
.tstn .hero h1 em{font-style:normal;color:var(--copper-2)}
.tstn .hero__lead{margin-top:20px;font-size:clamp(16px,1.3vw,18.5px);color:rgba(255,255,255,.78);max-width:34em}
.tstn .hero__facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line-dark)}
.tstn .hero__facts div{font-size:14.5px;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:9px}
.tstn .hero__facts b{font-weight:600;color:#fff;font-size:16px}
.tstn .hero__facts svg{width:17px;height:17px;stroke:var(--copper-2);fill:none;stroke-width:1.9;flex:none}
.tstn .form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,30px);box-shadow:var(--sh-2)}
.tstn .form__top b{display:block;font-size:19px;font-weight:600;color:#fff;letter-spacing:-.01em}
.tstn .form__top span{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.62);line-height:1.5}
.tstn .field{margin-top:14px}
.tstn .field--row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.tstn .field--row .field{margin-top:0}
.tstn .field label{display:block;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:7px}
.tstn .field input, .tstn .field select, .tstn .field textarea{width:100%;font:inherit;font-size:15.5px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:13px 15px;transition:border-color .16s,background .16s;appearance:none}
.tstn .field textarea{resize:vertical;min-height:88px}
.tstn .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.tstn .field select option{color:#14161a;background:#fff}
.tstn .field input::placeholder, .tstn .field textarea::placeholder{color:rgba(255,255,255,.34)}
.tstn .field input:focus, .tstn .field select:focus, .tstn .field textarea:focus{outline:none;border-color:var(--copper-2);background:rgba(255,255,255,.11)}
.tstn .form .btn{width:100%;margin-top:18px}
.tstn .form__note{margin-top:12px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.42)}
.tstn .form__note a{color:rgba(255,255,255,.6)}
.tstn .form__status{margin-top:12px;font-size:14px;min-height:20px;color:rgba(255,255,255,.72)}
.tstn .strip{background:var(--paper-2);border-bottom:1px solid var(--line)}
.tstn .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-top:0;padding-bottom:0}
.tstn .strip__i{padding:26px 22px;border-left:1px solid var(--line)}
.tstn .strip__i:first-child{border-left:0;padding-left:0}
.tstn .strip__i b{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.tstn .strip__i b span{color:var(--copper);font-size:.62em;font-weight:500}
.tstn .strip__i span{font-size:14px;color:var(--muted);line-height:1.45;display:block;margin-top:4px}
.tstn .sec{padding:var(--sec-y) 0}
.tstn .sec--paper{background:var(--paper-2)}
.tstn .sec__head{max-width:44em;margin-bottom:clamp(30px,3.4vw,52px)}
.tstn .sec__eyebrow{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--copper);font-weight:500;margin-bottom:14px}
.tstn .sec h2{font-size:clamp(26px,3.1vw,40px);letter-spacing:-.03em}
.tstn .sec__lead{margin-top:16px;font-size:17px;color:var(--muted);max-width:40em}
.tstn .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tstn .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.tstn .card:hover{transform:translateY(-2px);box-shadow:var(--sh-1);border-color:#d8d2c6}
.tstn .card__ico{width:42px;height:42px;border-radius:12px;background:var(--copper-soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.tstn .card__ico svg{width:21px;height:21px;stroke:var(--copper);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tstn .card h3{font-size:17.5px;letter-spacing:-.01em}
.tstn .card p{margin-top:9px;font-size:14.5px;color:var(--muted);line-height:1.55}
.tstn .prods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tstn .prod{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.tstn .prod:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}
.tstn .prod__name{font-size:20px;font-weight:600;letter-spacing:-.02em}
.tstn .prod__kind{margin-top:5px;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--copper)}
.tstn .prod ul{margin-top:18px;display:grid;gap:9px}
.tstn .prod li{font-size:14.5px;color:var(--muted);padding-left:22px;position:relative;line-height:1.5}
.tstn .prod li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;border-radius:50%;border:2px solid var(--copper);opacity:.55}
.tstn .prod__price{margin-top:auto;padding-top:22px}
.tstn .prod__price b{font-size:22px;font-weight:600;letter-spacing:-.02em}
.tstn .prod__price span{font-size:13.5px;color:var(--muted-2)}
.tstn .paints{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3vw,46px);align-items:start}
.tstn .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tstn .sw{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px;transition:transform .18s,box-shadow .18s}
.tstn .sw:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}
.tstn .sw__chip{height:74px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tstn .sw b{display:block;margin-top:11px;font-size:14px;font-weight:500}
.tstn .sw span{display:block;font-size:12.5px;color:var(--muted-2);margin-top:2px}
.tstn .coats{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;background-image:var(--img-tex);background-size:cover;background-blend-mode:normal;position:relative;overflow:hidden}
.tstn .coats::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,26,.82),rgba(20,22,26,.92))}
.tstn .coats > *{position:relative}
.tstn .coats h3{color:#fff;font-size:18px}
.tstn .coats ul{margin-top:16px;display:grid;gap:11px}
.tstn .coats li{font-size:14.5px;color:rgba(255,255,255,.78);padding-left:20px;position:relative;line-height:1.5}
.tstn .coats li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--copper-2)}
.tstn .coats p{margin-top:18px;font-size:13px;color:rgba(255,255,255,.5);line-height:1.5}
.tstn .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tstn .gal figure{margin:0;border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--paper-3)}
.tstn .gal .ph{height:290px;background-size:cover;background-position:center;transition:transform .5s}
.tstn .gal figure:hover .ph{transform:scale(1.035)}
.tstn .gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 20px 16px;background:linear-gradient(0deg,rgba(12,14,18,.9),rgba(12,14,18,0));color:#fff;font-size:14px;line-height:1.45}
.tstn .gal figcaption b{display:block;font-weight:600;font-size:15px}
.tstn .gal figcaption span{color:rgba(255,255,255,.66);font-size:13px}
.tstn .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.tstn .step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;position:relative}
.tstn .step::before{counter-increment:s;content:counter(s);position:absolute;top:24px;right:26px;font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--paper-3);line-height:1}
.tstn .step h3{font-size:17.5px;max-width:14em}
.tstn .step p{margin-top:10px;font-size:14.5px;color:var(--muted);line-height:1.55}
.tstn .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tstn .num{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:30px 26px}
.tstn .num b{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:600;letter-spacing:-.04em;color:var(--copper-2)}
.tstn .num span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.66);line-height:1.5}
.tstn .faq{display:grid;gap:10px;max-width:900px}
.tstn .faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:0;overflow:hidden}
.tstn .faq summary{cursor:pointer;list-style:none;padding:19px 54px 19px 22px;font-size:16.5px;font-weight:500;position:relative}
.tstn .faq summary::-webkit-details-marker{display:none}
.tstn .faq summary::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;border-right:2px solid var(--copper);border-bottom:2px solid var(--copper);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.tstn .faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.tstn .faq p{padding:0 22px 20px;font-size:15px;color:var(--muted);line-height:1.6;max-width:60em}
.tstn .cta{background:var(--ink-2);color:#fff;overflow:hidden}
.tstn .cta::before{content:"";position:absolute;inset:0;background-image:var(--img-hero);background-size:cover;background-position:center 55%;opacity:.16}
.tstn .cta .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(26px,4vw,60px);align-items:center}
.tstn .cta h2{font-size:clamp(26px,3vw,38px)}
.tstn .cta__lead{margin-top:16px;color:rgba(255,255,255,.72);max-width:32em}
.tstn .cta__list{margin-top:26px;display:grid;gap:12px}
.tstn .cta__list div{display:flex;gap:12px;font-size:15px;color:rgba(255,255,255,.78)}
.tstn .cta__list svg{width:18px;height:18px;stroke:var(--copper-2);fill:none;stroke-width:2;flex:none;margin-top:3px}
.tstn .footer{background:var(--ink);color:rgba(255,255,255,.58);font-size:14px;padding:clamp(44px,5vw,68px) 0 34px}
.tstn .footer__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(26px,4vw,60px)}
.tstn .footer__logo{display:inline-block;background:#fff;border-radius:14px;padding:14px 18px;line-height:0;margin-bottom:20px}
.tstn .footer__logo img{width:250px;height:auto}
.tstn .footer a{color:rgba(255,255,255,.72);text-decoration:none}
.tstn .footer a:hover{color:#fff}
.tstn .req{display:grid;gap:10px;margin:16px 0 0;font-size:13.5px}
.tstn .req div{display:grid;grid-template-columns:150px 1fr;gap:12px}
.tstn .req dt{color:rgba(255,255,255,.38)}
.tstn .req dd{margin:0;color:rgba(255,255,255,.72)}
.tstn .footer__bottom{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.38)}
.tstn .modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.tstn .modal[hidden]{display:none}
.tstn .modal__back{position:absolute;inset:0;background:rgba(12,14,18,.62);backdrop-filter:blur(6px)}
.tstn .modal__card{position:relative;background:var(--paper);border-radius:var(--r-lg);width:min(540px,100%);padding:38px 34px 30px;box-shadow:var(--sh-2);text-align:center;animation:pop .28s ease-out}
.tstn @keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.tstn .modal__x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.tstn .modal__x:hover{background:var(--paper-2)}
.tstn .modal__ico{width:60px;height:60px;border-radius:50%;background:var(--copper-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.tstn .modal__ico svg{width:28px;height:28px;stroke:var(--copper);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tstn .modal__title{font-size:23px;letter-spacing:-.02em}
.tstn .modal__text{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.55}
.tstn .modal__cta{margin-top:24px;padding:18px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);text-align:left}
.tstn .modal__cta b{display:block;font-size:15px}
.tstn .modal__cta span{display:block;margin-top:5px;font-size:13.5px;color:var(--muted);line-height:1.45}
.tstn .modal__cta a{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:var(--copper);font-weight:500;font-size:14.5px;text-decoration:none}
.tstn .modal__cta a:hover{color:var(--ink)}
.tstn .modal__actions{margin-top:20px;display:flex;gap:10px}
.tstn .modal__actions .btn{flex:1;padding:13px 18px;font-size:15px}
@media (max-width:1080px){.tstn .hero .wrap{grid-template-columns:1fr;gap:32px}
.tstn .cards{grid-template-columns:1fr 1fr}
.tstn .prods, .tstn .paints, .tstn .steps{grid-template-columns:1fr}
.tstn .strip .wrap{grid-template-columns:1fr 1fr}
.tstn .strip__i{padding:20px 0;border-left:0}
.tstn .strip__i:nth-child(n+3){border-top:1px solid var(--line)}
.tstn .nums{grid-template-columns:1fr 1fr}
.tstn .cta .wrap{grid-template-columns:1fr}
.tstn .footer__grid{grid-template-columns:1fr}
.tstn .nav{display:none}
.tstn .gal{grid-template-columns:1fr}}
@media (max-width:640px){.tstn{font-size:16px}
.tstn .cards, .tstn .nums, .tstn .swatches{grid-template-columns:1fr 1fr}
.tstn .field--row{grid-template-columns:1fr}
.tstn .topbar .wrap{justify-content:center;text-align:center;min-height:38px}
.tstn .topbar span:last-child{display:none}
.tstn .header .btn--hide-sm{display:none}
.tstn .req div{grid-template-columns:1fr}
.tstn .modal__card{padding:32px 22px 24px}
.tstn .gal .ph{height:230px}}
.tstn .textures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(20px,3vw,32px)}
.tstn .tex{margin:0;border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--paper-3)}
.tstn .tex__ph{height:240px;background-size:cover;background-position:center;transition:transform .5s}
.tstn .tex:hover .tex__ph{transform:scale(1.04)}
.tstn .tex figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 16px;background:linear-gradient(0deg,rgba(12,14,18,.9),rgba(12,14,18,0));color:#fff;font-size:14px;line-height:1.45}
.tstn .tex figcaption b{display:block;font-weight:600;font-size:16px}
.tstn .tex figcaption span{color:rgba(255,255,255,.66);font-size:13px}
.tstn .palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tstn .palette{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:transform .18s,box-shadow .18s}
.tstn .palette:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}
.tstn .palette__ph{height:120px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:14px}
.tstn .palette__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}
.tstn .palette__chips span{height:62px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.tstn .palette b{font-size:16.5px;letter-spacing:-.01em}
.tstn .palette p{margin-top:7px;font-size:14px;color:var(--muted);line-height:1.5}
.tstn .names{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.tstn .names span{font-size:13px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--paper)}
.tstn .color-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.tstn .color-card__row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.tstn .color-card__row span{height:64px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}
.tstn .color-card p{margin-top:14px;font-size:13px;color:var(--muted-2)}
.tstn .color-photo{height:190px;border-radius:var(--r);background-size:cover;background-position:center;margin-top:22px;border:1px solid var(--line)}
.tstn .wide-photo{height:clamp(220px,32vw,420px);border-radius:var(--r-lg);background-size:cover;background-position:center;margin-top:clamp(20px,3vw,34px);box-shadow:var(--sh-1)}
.tstn .prod__ph{height:200px;border-radius:var(--r);background-size:cover;background-position:center;margin:-26px -26px 20px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.tstn .prod{padding:0 26px 26px;overflow:hidden}
.tstn .prod > *:not(.prod__ph){padding-left:0}
.tstn .process{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(20px,3vw,32px)}
.tstn .proc{margin:0;border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--paper-3)}
.tstn .proc__ph{height:280px;background-size:cover;background-position:center;transition:transform .5s}
.tstn .proc:hover .proc__ph{transform:scale(1.04)}
.tstn .proc figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 20px 16px;background:linear-gradient(0deg,rgba(12,14,18,.9),rgba(12,14,18,0));color:#fff;font-size:14px;line-height:1.45}
.tstn .proc figcaption b{display:block;font-weight:600;font-size:15.5px}
.tstn .proc figcaption span{color:rgba(255,255,255,.66);font-size:13px}
@media (max-width:1080px){.tstn .palettes{grid-template-columns:1fr 1fr}
.tstn .textures{grid-template-columns:1fr}
.tstn .process{grid-template-columns:1fr}
.tstn .prod__ph{height:180px}}
@media (max-width:640px){.tstn .palettes{grid-template-columns:1fr}
.tstn .proc__ph{height:230px}
.tstn .cards, .tstn .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
.tstn .card, .tstn .num{padding:20px 16px}
.tstn .card h3{font-size:16px}
.tstn .card p{font-size:13.5px}
.tstn .prods{grid-template-columns:minmax(0,1fr)}
.tstn .prod{padding:0 18px 20px}
.tstn .prod__ph{margin:0 -18px 16px}}
/* ---------- притирка к Тильде ---------- */
.tstn{width:100%;max-width:none}
.t-rec:has(.tstn){padding-top:0 !important;padding-bottom:0 !important}
.t-container:has(.tstn){max-width:none;width:100% !important;padding-left:0 !important;padding-right:0 !important}
.t-col:has(.tstn){max-width:none;width:100% !important;padding-left:0 !important;padding-right:0 !important;float:none}

/* Тильда анимирует появление блока через transform — от этого ломается
   position:sticky у шапки. Обёртку делаем нейтральной. */
.t-rec:has(.tstn){transform:none !important;overflow:visible !important;opacity:1 !important}

.tstn .header{top:0}

/* Техническая форма Тильды: через неё уходят заявки. Посетитель работает
   со своей формой, поэтому сам блок скрыт. Блок не удалять — без него
   заявки не отправляются. */
#rec5167318501{display:none !important}
.t-form-success-popup{display:none !important}
body.t-body_success-popup-showed{overflow:auto !important}