/* Шоколайф 21.10.2026: информационные страницы в стиле макета Е (о компании, партнёрам, доставка, контакты и др.).
   Токены и базовые классы (.sek .wrap .cherta .nadz .pod .btn .put .pole .sogl) приходят из общих стилей bloki/stili.html,
   здесь только компоненты страниц с приставкой st-. Сборка: brand/stranicy/build_stranicy.py */

/* хлебные крошки */
.st-kr{margin:0 0 28px}
.st-kr ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font:400 14px/1.4 var(--txt);color:var(--mute)}
.st-kr li+li:before{content:"/";margin:0 10px;color:var(--liniya)}
.st-kr a{color:var(--mute);text-decoration:none}
.st-kr a:hover{color:var(--petrol);text-decoration:underline}

/* первый экран */
.st-hero{padding:56px 0 var(--sek)}
.st-hero-g{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:center}
.st-hero h1{color:var(--noch);font-size:clamp(32px,3.6vw,54px);max-width:14em}
.st-hero .lid{color:var(--mute);font-size:19px;max-width:32em}
.st-plus{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;max-width:34em}
.st-plus li{display:flex;gap:14px;align-items:flex-start;font:500 16.5px/1.5 var(--txt);color:var(--ink)}
.st-plus i{flex:none;font-size:26px;color:var(--petrol);margin-top:-1px}
.st-kn{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.st-kn .btn{margin:0}
.btn.st-zol{background:var(--latun);color:var(--noch)}
.btn.st-zol:hover{background:#C8952F;filter:none;box-shadow:none}
.btn.st-kontur{background:transparent;color:var(--petrol);box-shadow:inset 0 0 0 1px var(--liniya)}
.btn.st-kontur:hover{background:var(--ser);filter:none;box-shadow:inset 0 0 0 1px var(--petrol)}
.st-hero-f{margin:0;position:relative}
.st-hero-f img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:var(--ser)}
.st-hero-f figcaption{margin-top:12px;font:400 14px/1.4 var(--txt);color:var(--mute)}

/* цифры */
.st-cifry{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:var(--zazor);margin-top:var(--zag-sod)}
.st-cifry>div{border-top:1px solid var(--liniya);padding-top:22px}
.st-cifry b{display:block;font:500 clamp(36px,3.4vw,52px)/1 var(--zag);color:var(--petrol)}
.st-cifry span{display:block;margin-top:12px;font:400 15.5px/1.5 var(--txt);color:var(--mute);max-width:16em}

/* карточки с иконкой */
.st-karty{list-style:none;margin:var(--zag-sod) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--zazor)}
.st-karty>li{background:#fff;border:1px solid var(--liniya);border-radius:16px;padding:30px 28px 28px;display:flex;flex-direction:column}
.sek.ser .st-karty>li{border-color:transparent}
.st-karty i.ph-light,.st-karty i.ph-duotone{font-size:34px;color:var(--petrol)}
.st-karty h3{margin:18px 0 0;font:600 19px/1.3 var(--txt);color:var(--noch);text-transform:none;letter-spacing:0}
.st-karty p{margin:10px 0 0;font:400 16px/1.6 var(--txt);color:var(--mute)}
.st-karty .st-k-f{margin:-30px -28px 20px;border-radius:16px 16px 0 0;overflow:hidden}
.st-karty .st-k-f img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.st-karty a.st-dalee{margin-top:auto;padding-top:18px;font:600 15px/1.3 var(--txt);color:var(--petrol);text-decoration:none}
.st-karty a.st-dalee:hover{text-decoration:underline}

/* текст + фото */
.st-dva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.st-dva.obr>:first-child{order:2}
.st-dva figure{margin:0}
.st-dva figure img{display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:4/3;object-fit:cover}
.st-dva figcaption{margin-top:12px;font:400 14px/1.4 var(--txt);color:var(--mute)}
.st-tekst p{font:400 17px/1.7 var(--txt);color:var(--ink);margin:18px 0 0;max-width:36em}
.st-tekst h3{font:600 19px/1.35 var(--txt);color:var(--noch);margin:30px 0 0;text-transform:none;letter-spacing:0}

/* список с галочками */
.st-galki{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.st-galki li{position:relative;padding-left:34px;font:400 16.5px/1.6 var(--txt);color:var(--ink)}
.st-galki li:before{content:"";position:absolute;left:2px;top:6px;width:18px;height:10px;border-left:2px solid var(--latun);border-bottom:2px solid var(--latun);transform:rotate(-45deg)}
.temn .st-galki li{color:rgba(255,255,255,.9)}

/* таблица */
.st-tabl{margin-top:var(--zag-sod);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--liniya);border-radius:16px;background:#fff}
.st-tabl table{width:100%;border-collapse:collapse;min-width:640px;font:400 16px/1.5 var(--txt)}
.st-tabl th,.st-tabl td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--liniya);vertical-align:top}
.st-tabl th{font-weight:600;color:var(--noch);background:var(--ser)}
.st-tabl tr:last-child td{border-bottom:0}
.st-tabl td b{color:var(--noch)}

/* вопросы-ответы */
.st-faq{margin-top:var(--zag-sod);border-top:1px solid var(--liniya)}
.st-faq h3{margin:56px 0 8px;font:600 13px/1.4 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.st-faq h3:first-child{margin-top:28px}
.st-faq details{border-bottom:1px solid var(--liniya)}
.st-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;font:600 18px/1.4 var(--txt);color:var(--noch)}
.st-faq summary::-webkit-details-marker{display:none}
.st-faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--petrol);border-bottom:2px solid var(--petrol);transform:rotate(45deg);transition:transform .2s}
.st-faq details[open] summary:after{transform:rotate(-135deg)}
.st-faq summary:focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
.st-faq .st-otv{padding:0 0 26px;max-width:46em}
.st-faq .st-otv p{margin:0 0 12px;font:400 17px/1.7 var(--txt);color:var(--ink)}
.st-faq .st-otv a{color:var(--petrol)}

/* год одним счётом */
.st-god-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.st-god-var{display:grid;gap:var(--zazor)}
.st-god-var>div{border-radius:16px;padding:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.st-god-var>div.akc{background:#fff;border-color:#fff}
.st-god-var b{display:block;font:600 19px/1.35 var(--txt);color:#fff}
.st-god-var .akc b{color:var(--noch)}
.st-god-var p{margin:10px 0 0;font:400 16px/1.6 var(--txt);color:rgba(255,255,255,.8)}
.st-god-var .akc p{color:var(--mute)}
.st-god-var small{display:inline-block;margin-bottom:12px;font:600 12px/1.4 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--latun)}
.st-god-lenta{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st-god-lenta li{border-top:2px solid var(--latun);padding-top:14px;font:400 14.5px/1.45 var(--txt);color:rgba(255,255,255,.8)}
.st-god-lenta b{display:block;font:600 15px/1.3 var(--txt);color:#fff;margin-bottom:4px}
.temn .btn.st-zol{margin-top:36px}

/* заявка */
.st-zay-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:72px;align-items:center}
.st-zay .karta{margin-top:0}
.st-forma .pole{margin-top:18px}
.st-forma .pole:first-of-type{margin-top:0}
.st-forma .pole>span{display:block;font:500 13px/1.4 var(--txt);color:var(--mute)}
.st-forma .btn{width:100%;margin-top:28px}
.st-forma .sogl-w{margin-top:16px}
.st-forma .sogl{color:var(--mute)}
.st-forma .sogl a{color:var(--petrol)}
.st-forma .st-ok{display:none}
.st-forma.gotovo>:not(.st-ok){display:none}
.st-forma.gotovo .st-ok{display:block;text-align:left}
.st-ok i{font-size:44px;color:var(--knopka)}
.st-ok b{display:block;margin-top:12px;font:600 21px/1.35 var(--txt);color:var(--noch)}
.st-ok p{margin:10px 0 0;font:400 16px/1.6 var(--txt);color:var(--mute)}
.st-ok a{color:var(--petrol);font-weight:600}
.st-forma .pole-msg{margin:6px 0 0;font:400 14px/1.4 var(--txt);color:#C6432E}

/* скачать каталог */
.st-skach{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.st-skach figure{margin:0}
.st-skach figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 30px 60px -30px rgba(18,38,43,.45)}
.st-skach .st-forma{max-width:440px;margin-top:28px}

/* офисы */
.st-ofisy{list-style:none;margin:var(--zag-sod) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--zazor)}
.st-ofisy>li{border:1px solid var(--liniya);border-radius:16px;padding:30px 28px;background:#fff}
.st-ofisy>li.glav{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding:0;overflow:hidden;border-color:var(--petrol)}
.st-ofisy .glav .st-of-t{padding:36px 0 36px 36px}
.st-ofisy .glav iframe,.st-ofisy .glav .st-karta-m{display:block;width:100%;height:100%;min-height:340px;border:0}
.st-ofisy small{display:block;font:600 12px/1.4 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.st-ofisy h3{margin:10px 0 0;font:500 28px/1.15 var(--zag);color:var(--noch);text-transform:none;letter-spacing:0}
.st-ofisy dl{margin:20px 0 0;display:grid;gap:12px}
.st-ofisy dt{font:500 13px/1.4 var(--txt);color:var(--mute)}
.st-ofisy dd{margin:2px 0 0;font:400 17px/1.5 var(--txt);color:var(--ink)}
.st-ofisy dd a{color:var(--petrol);text-decoration:none;font-weight:600}
.st-ofisy dd a:hover{text-decoration:underline}
.st-ofisy .skoro{color:var(--mute)}

/* каналы связи */
.st-svyaz{list-style:none;margin:var(--zag-sod) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--zazor)}
.st-svyaz a{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;padding:26px;border-radius:16px;background:#fff;text-decoration:none;border:1px solid var(--liniya)}
.st-svyaz a:hover{border-color:var(--petrol)}
.st-svyaz i{font-size:30px;color:var(--petrol)}
.st-svyaz b{font:600 18px/1.3 var(--txt);color:var(--noch)}
.st-svyaz span{font:400 15px/1.5 var(--txt);color:var(--mute)}

/* портфолио целиком и карточка кейса */
.st-pf-filtr{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--zag-sod)}
.st-pf-filtr button{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--liniya);background:#fff;font:500 15px/1 var(--txt);color:var(--ink);cursor:pointer}
.st-pf-filtr button[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.st-pf-filtr button:focus-visible{outline:3px solid var(--petrol);outline-offset:2px}
.st-pf{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--zazor)}
.st-pf a{display:block;text-decoration:none;color:inherit}
.st-pf .ph{display:block;border-radius:14px;overflow:hidden;background:var(--ser);aspect-ratio:4/5}
.st-pf img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st-pf a:hover img{transform:scale(1.03)}
.st-pf b{display:block;margin-top:14px;font:600 17px/1.3 var(--txt);color:var(--noch)}
.st-pf span.ch{display:block;margin-top:4px;font:400 15px/1.5 var(--txt);color:var(--mute)}
.st-pf li[hidden]{display:none}
.st-esche{display:flex;justify-content:center;margin-top:48px}
.st-kejs-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
.st-galereya{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.st-galereya a:first-child{grid-column:1/-1}
.st-galereya img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;aspect-ratio:4/3}
.st-galereya a:first-child img{aspect-ratio:auto}
.st-kejs-t{position:sticky;top:120px}

/* 404 */
.st-404{padding:72px 0 var(--sek)}
.st-404 .st-hero-g{align-items:center}
.st-404 .kod{font:500 clamp(90px,12vw,170px)/.9 var(--zag);color:var(--petrol);margin:0}
.st-404-ssylki{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;max-width:34em}
.st-404-ssylki a{font:500 16.5px/1.5 var(--txt);color:var(--petrol)}

@media (max-width:1024px){
  .st-karty{--n:2!important}
  .st-svyaz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-pf{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-cifry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-ofisy{--n:2!important}
}
@media (max-width:768px){
  .st-hero{padding:24px 0 48px}
  .st-hero-g,.st-dva,.st-god-g,.st-zay-g,.st-skach,.st-kejs-g{grid-template-columns:1fr;gap:32px}
  .st-dva.obr>:first-child{order:0}
  .st-hero .lid{font-size:17px}
  .st-kn{flex-direction:column}
  .st-kn .btn{width:100%}
  .st-karty{--n:1!important}
  .st-karty>li{padding:24px 22px}
  .st-karty .st-k-f{margin:-24px -22px 18px}
  .st-pf{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .st-pf b{font-size:15px}
  .st-pf span.ch{font-size:13.5px}
  .st-ofisy{--n:1!important}
  .st-ofisy>li.glav{grid-template-columns:1fr;gap:0}
  .st-ofisy .glav .st-of-t{padding:26px 22px}
  .st-ofisy .glav iframe{min-height:280px}
  .st-svyaz{grid-template-columns:1fr 1fr;gap:12px}
  .st-svyaz a{padding:18px}
  .st-svyaz b{font-size:15.5px;white-space:nowrap}
  .st-svyaz span{font-size:14.5px}
  .st-god-lenta{grid-template-columns:1fr 1fr;row-gap:22px}
  .st-faq summary{font-size:17px;padding:20px 0}
  .st-404-ssylki{grid-template-columns:1fr}
  .st-kejs-t{position:static}
  .st-kr{margin-bottom:18px}
}
@media (prefers-reduced-motion:reduce){.st-pf img,.st-faq summary:after{transition:none}}

/* юридические документы и страница без фото */
.st-bez-foto{padding-bottom:40px}
.st-bez-foto h1{max-width:18em}
.st-dok{max-width:52em}
.st-dok h2{font:600 22px/1.35 var(--txt);text-transform:none;letter-spacing:0;color:var(--noch);margin:48px 0 0;max-width:none}
.st-dok h3{font:600 18px/1.4 var(--txt);color:var(--noch);margin:32px 0 0}
.st-dok p,.st-dok li{font:400 16.5px/1.75 var(--txt);color:var(--ink)}
.st-dok p{margin:14px 0 0}
.st-dok ul,.st-dok ol{margin:14px 0 0;padding-left:22px}
.st-dok a{color:var(--petrol)}
.st-dok-ogl{margin:0 0 40px;padding:24px 28px;border-radius:16px;background:var(--ser);columns:2;column-gap:40px}
.st-dok-ogl a{display:block;padding:4px 0;font:400 15.5px/1.5 var(--txt);color:var(--petrol);text-decoration:none;break-inside:avoid}
.st-dok-ogl a:hover{text-decoration:underline}
@media (max-width:768px){.st-dok-ogl{columns:1}}

/* кейс портфолио */
.st-kejs-dl{margin:0;display:grid;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--liniya)}
.st-kejs-dl dt{font:500 13px/1.4 var(--txt);color:var(--mute)}
.st-kejs-dl dd{margin:2px 0 0;font:600 18px/1.45 var(--txt);color:var(--noch)}
.st-kejs-tekst{margin-top:20px}
.st-kejs-tekst,.st-kejs-tekst p{font:400 16.5px/1.7 var(--txt);color:var(--ink)}
.st-kejs-tekst strong{font-weight:600;color:var(--noch)}
.st-kejs-pr{margin:14px 0 0;font:400 14.5px/1.5 var(--txt);color:var(--mute)}
.st-kejs-t .btn{width:100%}

/* блог */
.st-blog h3 a:hover{color:var(--petrol)!important}
.st-st-obl{margin:0 0 56px}
.st-st-obl img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:18px}
.st-statya-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:72px;align-items:start}
.st-statya img{max-width:100%;height:auto;border-radius:14px;margin:24px 0}
.st-statya table{border-collapse:collapse;width:100%;margin:20px 0;font-size:15.5px}
.st-statya td,.st-statya th{border:1px solid var(--liniya);padding:10px 14px;text-align:left}
.st-statya-bok{position:sticky;top:120px}
.st-statya-bok .karta{margin:0;padding:28px}
.st-statya-bok b{font:600 19px/1.35 var(--txt);color:var(--noch)}
.st-statya-bok p{margin:10px 0 0;font:400 15.5px/1.6 var(--txt);color:var(--mute)}
.st-statya-bok .btn{width:100%;margin-top:20px}
@media (max-width:1024px){.st-statya-g{grid-template-columns:1fr;gap:40px}.st-statya-bok{position:static}}