/* Оформление демо-сайтов партнёров. Подключается сервером на <slug>.sibmodel.kz (или ?site=<slug>).
   Цвета и шрифты приходят из /site/theme.css (site.json), здесь — общая база и 10 каркасов по data-layout. */

/* ---------- база для всех сайтов ---------- */
:root[data-brand="site"]{ --accent:var(--blue); --accent-soft:var(--sky); --c-vinetki:var(--blue); --c-photobook:var(--blue); --c-calendar:var(--blue); --c-tshirt:var(--blue); --bar-ink:var(--hdr-ink); --radius:16px }
[data-brand="site"] body{background:var(--paper);color:var(--ink);font-family:var(--f-body)}
[data-brand="site"] h1,[data-brand="site"] h2,[data-brand="site"] h3,[data-brand="site"] .prod b,[data-brand="site"] .dir b,[data-brand="site"] .dv b,[data-brand="site"] .stp b{font-family:var(--f-display)}

/* логотип */
[data-brand="site"] .logo > img,[data-brand="site"] .logo > .wm{display:none!important}
[data-brand="site"] .logo::before{content:"";display:block;width:var(--logo-w);height:var(--logo-h);max-width:62vw;background:var(--logo-url) left center/contain no-repeat}
[data-brand="site"] .login .art .logo,[data-brand="site"] footer .logo,[data-brand="site"] .tfoot .logo{background:var(--hdr);padding:10px 14px;border-radius:12px}
@media (max-width:620px){[data-brand="site"] .logo::before{width:min(calc(var(--logo-w) * .78),46vw);height:calc(var(--logo-h) * .78)}}

/* шапки: фирменный фон логотипа */
[data-brand="site"] .top,[data-brand="site"] .appbar,[data-brand="site"] .tbar{background:var(--hdr);color:var(--hdr-ink);border-bottom-color:color-mix(in srgb,var(--hdr-ink) 14%,transparent)}
[data-brand="site"] .top .nav a,[data-brand="site"] .tnav a,[data-brand="site"] .appbar .crumb,[data-brand="site"] .appbar .ptitle,[data-brand="site"] .top .ttl{color:var(--hdr-ink)}
[data-brand="site"] .top .nav a:hover,[data-brand="site"] .tnav a:hover{color:var(--yellow)}
[data-brand="site"] .lang,[data-brand="site"] .lang button{color:color-mix(in srgb,var(--hdr-ink) 60%,transparent)}
[data-brand="site"] .lang button[aria-pressed="true"]{color:var(--hdr-ink)}
[data-brand="site"] .top .abtn,[data-brand="site"] .appbar .abtn,[data-brand="site"] .top .btn.sm{background:transparent;color:var(--hdr-ink);border-color:color-mix(in srgb,var(--hdr-ink) 30%,transparent)}
[data-brand="site"] .top .abtn.primary,[data-brand="site"] .appbar .abtn.primary{background:var(--blue);border-color:var(--blue);color:var(--on-primary)}
[data-brand="site"] .appbar .status{color:color-mix(in srgb,var(--hdr-ink) 65%,transparent)}
[data-brand="site"] .btn.primary,[data-brand="site"] .abtn.primary{color:var(--on-primary)}
[data-brand="site"] .btn.primary:hover,[data-brand="site"] .abtn.primary:hover{color:var(--on-primary)}
[data-brand="site"] .stp .n{color:var(--on-primary);background:var(--yellow)}
[data-brand="site"] .yl{color:var(--blue);white-space:normal}
[data-brand="site"] .stage,[data-brand="site"] .login .art{background:linear-gradient(160deg,var(--sky),var(--desk))}
[data-brand="site"] .stage::before{background:color-mix(in srgb,var(--blue) 14%,var(--desk))}
[data-brand="site"] .steps,[data-brand="site"] .dv,[data-brand="site"] .tl-grid a,[data-brand="site"] .tl-login,[data-brand="site"] .reqnote,[data-brand="site"] .mi-facts div{background:var(--sky)}
[data-brand="site"] input.t,[data-brand="site"] textarea.t,[data-brand="site"] .chk label{background:var(--sky);color:var(--ink)}
[data-brand="site"] footer{background:var(--hdr);color:color-mix(in srgb,var(--hdr-ink) 75%,transparent)}
[data-brand="site"] .mi-card{background:var(--hdr);color:color-mix(in srgb,var(--hdr-ink) 85%,transparent)}
[data-brand="site"] .mi-card h3,[data-brand="site"] .mi-row a{color:var(--hdr-ink)}
[data-brand="site"] .mi-row svg{color:var(--yellow)}
[data-brand="site"] .mi-row small{color:color-mix(in srgb,var(--hdr-ink) 55%,transparent)}
[data-brand="site"] .mi-acts .btn{color:var(--hdr-ink);border-color:color-mix(in srgb,var(--hdr-ink) 30%,transparent)}
[data-brand="site"] .mi-acts .btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--hdr)}
[data-brand="site"] .mi-srv svg{color:var(--blue)}
[data-brand="site"] .demo-note{display:inline-block;margin-top:10px;font-size:12.5px;color:color-mix(in srgb,var(--hdr-ink) 55%,transparent)}

/* ---------- тёмные сайты ---------- */
[data-mode="dark"]{color-scheme:dark}
[data-mode="dark"] body{background:var(--paper)}
[data-mode="dark"] .prod,[data-mode="dark"] .dir,[data-mode="dark"] .proj,[data-mode="dark"] .orders,[data-mode="dark"] .card,[data-mode="dark"] .mi-srv article,[data-mode="dark"] .login,[data-mode="dark"] .gal figure,[data-mode="dark"] .newp{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
[data-mode="dark"] .login .form{background:var(--paper)}
[data-mode="dark"] .btn{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-mode="dark"] .btn.primary{background:var(--blue);border-color:var(--blue);color:var(--on-primary)}
[data-mode="dark"] .prod .arr{color:var(--ink);border-color:var(--line)}
[data-mode="dark"] .gal figcaption{background:var(--surface);color:var(--ink)}
[data-mode="dark"] .dirbox{background:var(--sky)}
[data-mode="dark"] .tabs button{background:var(--sky);color:var(--muted)} [data-mode="dark"] .tabs button[aria-pressed="true"]{background:var(--blue);color:var(--on-primary)}
[data-mode="dark"] .prodtag{color:var(--on-primary);background:var(--blue)}
[data-mode="dark"] .prod::after{background:linear-gradient(135deg,transparent 50%,var(--yellow) 50%)}
[data-mode="dark"] .stage figure{box-shadow:0 24px 60px rgba(0,0,0,.55)}
[data-mode="dark"] .ginfo{color:var(--ink)}
/* тёмная тема только для витрины: редакторы и инструменты остаются светлыми, чтобы фото смотрелись честно */
[data-mode="dark"] body.editor,[data-mode="dark"] body:has(.tbar){background:#F4F4F6;color:#151518;color-scheme:light}

/* =========================================================
   1. LUX — INKORA: чёрный, золото, засечки, всё по центру
   ========================================================= */
[data-layout="lux"]{--radius:2px}
[data-layout="lux"] .hero{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;padding-block:70px 40px}
[data-layout="lux"] .hero h1{font-weight:500;letter-spacing:-.01em;font-size:clamp(46px,6.5vw,92px);line-height:.98;color:var(--navy)}
[data-layout="lux"] .hero p{margin-inline:auto;max-width:44ch}
[data-layout="lux"] .hero .acts{justify-content:center}
[data-layout="lux"] .yl::after{height:1px;bottom:.02em;background:var(--yellow);transform:none}
[data-layout="lux"] .stage{width:min(980px,100%);aspect-ratio:2.2;border-radius:0;background:radial-gradient(60% 80% at 50% 0%,#2A2418,transparent 70%),var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
[data-layout="lux"] .stage::before{display:none}
[data-layout="lux"] .stage figure,[data-layout="lux"] .prod,[data-layout="lux"] .dir,[data-layout="lux"] .proj,[data-layout="lux"] .card,[data-layout="lux"] .gal figure,[data-layout="lux"] .mi-srv article,[data-layout="lux"] .dv,[data-layout="lux"] .steps{border-radius:2px}
[data-layout="lux"] .btn,[data-layout="lux"] .abtn{border-radius:2px;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
[data-layout="lux"] .sec-h{justify-content:center;text-align:center} [data-layout="lux"] .sec-h h2{font-weight:500;font-size:clamp(32px,3.6vw,48px)}
[data-layout="lux"] .sec-h h2::after{content:"";display:block;width:48px;height:1px;background:var(--yellow);margin:16px auto 0}
[data-layout="lux"] .prod::after{display:none}
[data-layout="lux"] .prod b{font-weight:500;font-size:26px;color:var(--navy)}
[data-layout="lux"] .steps{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
[data-layout="lux"] .stp .n{border-radius:0;background:transparent;color:var(--yellow);border:1px solid var(--yellow)}
[data-layout="lux"] .stp svg{color:var(--yellow)}
[data-layout="lux"] .mi-head h2,[data-layout="lux"] .mi-card h3{font-weight:500}

/* =========================================================
   2. HERITAGE — QALAM: зелёный и кремовый, орнамент, арки
   ========================================================= */
[data-layout="heritage"] body{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--navy) 9%,transparent) 1px,transparent 1.6px);background-size:22px 22px}
[data-layout="heritage"] .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
[data-layout="heritage"] .hero h1{font-weight:400;letter-spacing:-.01em;color:var(--navy)}
[data-layout="heritage"] .stage{border-radius:240px 240px 26px 26px;background:linear-gradient(180deg,var(--navy),#06362B);box-shadow:0 0 0 10px var(--paper),0 0 0 11px var(--yellow)}
[data-layout="heritage"] .stage::before{background:repeating-conic-gradient(from 45deg,color-mix(in srgb,var(--yellow) 22%,transparent) 0 25%,transparent 0 50%) 0 0/34px 34px;inset:0;width:auto;height:auto;transform:none;border-radius:0;opacity:.35}
[data-layout="heritage"] .yl::after{background:var(--yellow);height:.1em;border-radius:0;transform:none}
[data-layout="heritage"] .prod,[data-layout="heritage"] .mi-srv article{border-radius:120px 120px 18px 18px;overflow:hidden}
[data-layout="heritage"] .prod .ph{border-radius:0}
[data-layout="heritage"] .prod::after{width:22px;height:22px;background:var(--yellow);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);right:14px;bottom:14px}
[data-layout="heritage"] .mi-srv article{border-radius:60px 60px 16px 16px;padding-top:28px}
[data-layout="heritage"] .sec-h h2{font-weight:400}
[data-layout="heritage"] .sec-h h2::before{content:"◆";display:block;color:var(--yellow);font-size:14px;margin-bottom:10px;letter-spacing:.3em}
[data-layout="heritage"] .steps{background:var(--navy);color:#F3E7CC}
[data-layout="heritage"] .stp b{color:#F3E7CC} [data-layout="heritage"] .stp span{color:#C9D3C9} [data-layout="heritage"] .stp svg{color:var(--yellow)}
[data-layout="heritage"] .stp .n{color:var(--navy)}

/* =========================================================
   3. MINIMAL — PAPERWAVE: воздух, тонкие линии, крупный текст
   ========================================================= */
[data-layout="minimal"] .hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding-block:72px 48px}
[data-layout="minimal"] .hero h1{font-weight:300;letter-spacing:-.045em;font-size:clamp(44px,6vw,86px)}
[data-layout="minimal"] .hero h1 .yl{font-weight:700}
[data-layout="minimal"] .yl::after{display:none}
[data-layout="minimal"] .stage{border-radius:999px 999px 24px 24px;background:linear-gradient(180deg,#CFF3F8,#EAF8FB)}
[data-layout="minimal"] .stage::before{background:linear-gradient(90deg,#9FE6EF,transparent);border-radius:50%;width:120%;height:40%;right:-10%;bottom:-12%;transform:rotate(-4deg)}
[data-layout="minimal"] .prod,[data-layout="minimal"] .dir,[data-layout="minimal"] .proj,[data-layout="minimal"] .mi-srv article{box-shadow:none;border:1px solid var(--line);border-radius:10px}
[data-layout="minimal"] .prod::after{display:none}
[data-layout="minimal"] .prod:hover{transform:none;border-color:var(--blue);box-shadow:none}
[data-layout="minimal"] .steps{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
[data-layout="minimal"] .stp .n{background:transparent;border:1px solid var(--blue);color:var(--blue)}
[data-layout="minimal"] .sec-h h2{font-weight:300;letter-spacing:-.03em}
[data-layout="minimal"] .btn,[data-layout="minimal"] .abtn{border-radius:8px}
[data-layout="minimal"] section.blk{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}

/* =========================================================
   4. BRUTAL — TINT LAB: толстые рамки, сдвинутые тени, CMYK
   ========================================================= */
[data-layout="brutal"]{--radius:0}
[data-layout="brutal"] body{background-image:radial-gradient(circle,rgba(18,164,217,.16) 1.4px,transparent 1.6px),radial-gradient(circle,rgba(224,24,111,.12) 1.4px,transparent 1.6px);background-size:18px 18px,18px 18px;background-position:0 0,9px 9px}
[data-layout="brutal"] .top{border-bottom:3px solid #111}
[data-layout="brutal"] .hero h1{font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(36px,5vw,70px);line-height:1.02}
[data-layout="brutal"] .yl{color:#111;background:var(--yellow);padding:0 .12em}
[data-layout="brutal"] .yl::after{display:none}
[data-layout="brutal"] .stage{border-radius:0;border:3px solid #111;box-shadow:12px 12px 0 var(--cyan);background:#fff}
[data-layout="brutal"] .stage::before{background:var(--blue);border-radius:0;width:40%;height:40%;right:-6%;bottom:-6%;transform:rotate(8deg);opacity:.9}
[data-layout="brutal"] .stage figure{border-radius:0;border:3px solid #111;box-shadow:6px 6px 0 #111}
[data-layout="brutal"] .prod,[data-layout="brutal"] .dir,[data-layout="brutal"] .proj,[data-layout="brutal"] .card,[data-layout="brutal"] .mi-srv article,[data-layout="brutal"] .gal figure,[data-layout="brutal"] .dv,[data-layout="brutal"] .tl-grid a,[data-layout="brutal"] .orders{border-radius:0;border:3px solid #111;box-shadow:6px 6px 0 #111}
[data-layout="brutal"] .prod:nth-child(3n+1){box-shadow:6px 6px 0 var(--cyan)} [data-layout="brutal"] .prod:nth-child(3n+2){box-shadow:6px 6px 0 var(--blue)} [data-layout="brutal"] .prod:nth-child(3n){box-shadow:6px 6px 0 var(--yellow)}
[data-layout="brutal"] .prod:hover{transform:translate(-3px,-3px)}
[data-layout="brutal"] .prod::after{display:none}
[data-layout="brutal"] .prod .ph{border-bottom:3px solid #111;border-radius:0}
[data-layout="brutal"] .btn,[data-layout="brutal"] .abtn{border-radius:0;border:2.5px solid #111;box-shadow:3px 3px 0 #111;text-transform:uppercase;font-size:13px}
[data-layout="brutal"] .steps{border-radius:0;border:3px solid #111;background:#fff}
[data-layout="brutal"] .stp .n{border-radius:0;border:2.5px solid #111;background:var(--yellow);color:#111}
[data-layout="brutal"] .sec-h h2{text-transform:uppercase;font-weight:800}
[data-layout="brutal"] .sec-h h2::after{content:"";display:block;height:8px;width:120px;margin-top:10px;background:linear-gradient(90deg,var(--cyan) 33%,var(--blue) 0 66%,var(--yellow) 0)}
[data-layout="brutal"] input.t,[data-layout="brutal"] textarea.t{border-radius:0;border:2px solid #111;background:#fff}
[data-layout="brutal"] .mi-card{border:3px solid #111;box-shadow:8px 8px 0 var(--blue);border-radius:0;background:#111;color:#eee}
[data-layout="brutal"] .mi-card h3,[data-layout="brutal"] .mi-row a{color:#fff}
[data-layout="brutal"] footer{background:#111;color:#ddd}

/* =========================================================
   5. GRID — FORMA PRINT: инженерная сетка, прямые углы, капс
   ========================================================= */
[data-layout="grid"]{--radius:0}
[data-layout="grid"] body{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
[data-layout="grid"] main.wrap{background:transparent}
[data-layout="grid"] .hero h1{text-transform:uppercase;font-weight:600;letter-spacing:.01em;line-height:1.02;font-size:clamp(42px,6vw,88px)}
[data-layout="grid"] .yl::after{height:.08em;border-radius:0;transform:none;background:var(--yellow)}
[data-layout="grid"] .stage{border-radius:0;background:var(--navy);outline:1px solid var(--yellow);outline-offset:10px}
[data-layout="grid"] .stage::before{background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(242,106,27,.35) 47px 48px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(242,106,27,.35) 47px 48px);inset:0;width:auto;height:auto;border-radius:0;transform:none}
[data-layout="grid"] .stage figure{border-radius:0}
[data-layout="grid"] .prod,[data-layout="grid"] .dir,[data-layout="grid"] .proj,[data-layout="grid"] .card,[data-layout="grid"] .mi-srv article,[data-layout="grid"] .gal figure,[data-layout="grid"] .dv,[data-layout="grid"] .steps,[data-layout="grid"] .tl-grid a,[data-layout="grid"] .mi-card{border-radius:0}
[data-layout="grid"] .prod{box-shadow:0 0 0 1px var(--line)}
[data-layout="grid"] .prod::after{width:100%;height:4px;background:var(--yellow);top:auto;left:0;right:auto}
[data-layout="grid"] .prod b,[data-layout="grid"] .sec-h h2,[data-layout="grid"] .stp b,[data-layout="grid"] .dv b{text-transform:uppercase;letter-spacing:.02em;font-weight:600}
[data-layout="grid"] .sec-h h2{border-left:6px solid var(--yellow);padding-left:16px}
[data-layout="grid"] .btn,[data-layout="grid"] .abtn{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}
[data-layout="grid"] .stp .n{border-radius:0;color:#fff}
[data-layout="grid"] .steps{background:#fff;box-shadow:0 0 0 1px var(--line)}

/* =========================================================
   6. BOLD — BASPA CO.: синий и жёлтый, крупные скругления
   ========================================================= */
[data-layout="bold"]{--radius:28px}
[data-layout="bold"] .hero{background:var(--yellow);border-radius:36px;padding:44px clamp(22px,4vw,56px);margin-top:20px}
[data-layout="bold"] .hero h1{color:var(--navy);font-weight:800}
[data-layout="bold"] .hero p{color:#2A2F55}
[data-layout="bold"] .yl{color:var(--navy)} [data-layout="bold"] .yl::after{background:#fff}
[data-layout="bold"] .stage{background:var(--navy);border-radius:32px}
[data-layout="bold"] .stage::before{background:#1B3BA3;border-radius:50%}
[data-layout="bold"] .play{color:var(--navy)} [data-layout="bold"] .play i{border-color:var(--navy)} [data-layout="bold"] .play i::before{border-left-color:var(--navy)}
[data-layout="bold"] .prod,[data-layout="bold"] .mi-srv article,[data-layout="bold"] .dir,[data-layout="bold"] .proj{border-radius:28px}
[data-layout="bold"] .prod::after{width:44px;height:44px;border-radius:50% 0 0 0;background:var(--yellow)}
[data-layout="bold"] .steps{background:var(--navy);border-radius:28px}
[data-layout="bold"] .stp b{color:#fff} [data-layout="bold"] .stp span{color:#C8D1F2} [data-layout="bold"] .stp svg{color:var(--yellow)} [data-layout="bold"] .stp .n{color:var(--navy)}
[data-layout="bold"] .btn.primary,[data-layout="bold"] .abtn.primary{background:var(--navy);border-color:var(--navy);color:var(--yellow)}
[data-layout="bold"] .sec-h h2{font-weight:800}
[data-layout="bold"] .dv{border-radius:24px;background:#FFF6D3}

/* =========================================================
   7. TECH — PIXELPRESS: тёмный, неон, моноширинный шрифт
   ========================================================= */
[data-layout="tech"] body{background-image:linear-gradient(rgba(138,43,226,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(138,43,226,.07) 1px,transparent 1px);background-size:40px 40px}
[data-layout="tech"] .hero h1{font-weight:800;letter-spacing:-.03em;color:#fff;font-size:clamp(34px,4.6vw,66px)}
[data-layout="tech"] .yl{color:var(--yellow)} [data-layout="tech"] .yl::after{background:var(--blue);height:.12em}
[data-layout="tech"] .hero p::before{content:"> ";color:var(--yellow);font-family:var(--f-mono)}
[data-layout="tech"] .stage{background:radial-gradient(70% 70% at 70% 30%,rgba(138,43,226,.45),transparent 70%),#0E0D16;box-shadow:0 0 0 1px #2E2A48,0 0 80px rgba(138,43,226,.25)}
[data-layout="tech"] .stage::before{background:repeating-linear-gradient(0deg,rgba(185,224,15,.08) 0 2px,transparent 2px 6px);inset:0;width:auto;height:auto;transform:none;border-radius:0}
[data-layout="tech"] .prod,[data-layout="tech"] .mi-srv article,[data-layout="tech"] .dir{border-radius:14px;box-shadow:0 0 0 1px #2B2842}
[data-layout="tech"] .prod:hover{box-shadow:0 0 0 1px var(--blue),0 0 40px rgba(138,43,226,.35)}
[data-layout="tech"] .prod::after{background:linear-gradient(135deg,transparent 50%,var(--yellow) 50%)}
[data-layout="tech"] .sec-h h2::before{content:"// ";color:var(--yellow);font-family:var(--f-mono);font-weight:500}
[data-layout="tech"] .stp .n{border-radius:6px;font-family:var(--f-mono);background:var(--yellow);color:#0B0B0F}
[data-layout="tech"] .stp svg{color:var(--yellow)}
[data-layout="tech"] .btn,[data-layout="tech"] .abtn{border-radius:10px;font-family:var(--f-mono);font-weight:600}
[data-layout="tech"] .btn.primary:hover{box-shadow:0 0 24px rgba(138,43,226,.6)}

/* =========================================================
   8. EDITORIAL — FOLIO HOUSE: журнальная вёрстка, линейки
   ========================================================= */
[data-layout="editorial"]{--radius:0}
[data-layout="editorial"] .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--navy);border-top:1px solid var(--navy);margin-top:26px;padding-block:44px}
[data-layout="editorial"] .hero h1{font-weight:700;font-style:italic;letter-spacing:-.02em;color:var(--navy)}
[data-layout="editorial"] .hero h1 .yl{font-style:normal}
[data-layout="editorial"] .yl::after{height:2px;bottom:0;background:var(--yellow);transform:none;border-radius:0}
[data-layout="editorial"] .hero p{font-family:var(--f-display);font-style:italic}
[data-layout="editorial"] .stage{border-radius:0;background:var(--sky);aspect-ratio:1.05}
[data-layout="editorial"] .stage::before{display:none}
[data-layout="editorial"] .stage figure{border-radius:0;box-shadow:0 18px 40px rgba(60,20,25,.18)}
[data-layout="editorial"] .prod,[data-layout="editorial"] .dir,[data-layout="editorial"] .proj,[data-layout="editorial"] .card,[data-layout="editorial"] .mi-srv article,[data-layout="editorial"] .gal figure,[data-layout="editorial"] .dv,[data-layout="editorial"] .steps,[data-layout="editorial"] .tl-grid a{border-radius:0}
[data-layout="editorial"] .prod{box-shadow:none;border-top:2px solid var(--navy);background:transparent}
[data-layout="editorial"] .prod .ph{border-radius:0}
[data-layout="editorial"] .prod::after{display:none}
[data-layout="editorial"] .prod b{font-style:italic}
[data-layout="editorial"] .sec-h{border-bottom:1px solid var(--line);padding-bottom:12px}
[data-layout="editorial"] .sec-h h2{font-style:italic;font-weight:700}
[data-layout="editorial"] .steps{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-layout="editorial"] .stp .n{background:transparent;color:var(--navy);font-family:var(--f-display);font-style:italic;font-size:26px}
[data-layout="editorial"] .btn,[data-layout="editorial"] .abtn{border-radius:0;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
[data-layout="editorial"] .mi-srv article{box-shadow:none;border-top:1px solid var(--navy)}

/* =========================================================
   9. ORGANIC — PRINTERRA: мягкие формы, крафт, листья
   ========================================================= */
[data-layout="organic"]{--radius:26px}
[data-layout="organic"] .hero h1{font-weight:600;color:var(--navy);letter-spacing:-.02em}
[data-layout="organic"] .yl{color:var(--yellow)} [data-layout="organic"] .yl::after{background:color-mix(in srgb,var(--navy) 18%,transparent)}
[data-layout="organic"] .stage{border-radius:58% 42% 46% 54% / 46% 52% 48% 54%;background:linear-gradient(160deg,#DCE9D3,#C9DDBE)}
[data-layout="organic"] .stage::before{background:#E9C6A7;border-radius:50% 50% 0 50%;width:46%;height:46%;right:4%;bottom:4%;transform:rotate(18deg);opacity:.75}
[data-layout="organic"] .prod,[data-layout="organic"] .mi-srv article,[data-layout="organic"] .dir,[data-layout="organic"] .proj{border-radius:30px 30px 30px 8px}
[data-layout="organic"] .prod::after{width:34px;height:34px;background:var(--navy);border-radius:0 100% 0 100%;right:14px;bottom:14px;opacity:.85}
[data-layout="organic"] .steps{border-radius:999px;background:#E9E1CC}
@media (max-width:860px){[data-layout="organic"] .steps{border-radius:26px}}
[data-layout="organic"] .stp .n{color:#fff;background:var(--yellow)}
[data-layout="organic"] .sec-h h2{color:var(--navy);font-weight:600}
[data-layout="organic"] .sec-h h2::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;background:var(--navy);border-radius:0 100% 0 100%;vertical-align:2px}
[data-layout="organic"] .btn,[data-layout="organic"] .abtn{border-radius:999px}
[data-layout="organic"] .dv{border-radius:24px 24px 24px 6px}

/* =========================================================
   10. YOUTH — KADR PRINT: чёрный, розовый, наклоны, стикеры
   ========================================================= */
[data-layout="youth"] .hero h1{font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:#fff;font-size:clamp(34px,5vw,74px);line-height:1}
[data-layout="youth"] .yl{color:#0C0C0D;background:var(--blue);padding:0 .14em;display:inline-block;transform:rotate(-2deg)}
[data-layout="youth"] .yl::after{display:none}
[data-layout="youth"] .stage{background:var(--blue);border-radius:28px;transform:rotate(1.5deg)}
[data-layout="youth"] .stage::before{background:#0C0C0D;border-radius:50%;width:55%;height:55%;right:-12%;bottom:-18%;transform:none}
[data-layout="youth"] .stage figure{border:6px solid #fff;border-radius:6px}
[data-layout="youth"] .prod{border-radius:22px}
[data-layout="youth"] .prod:nth-child(odd){transform:rotate(-1deg)} [data-layout="youth"] .prod:nth-child(even){transform:rotate(1deg)}
[data-layout="youth"] .prod:hover{transform:rotate(0) translateY(-6px)}
[data-layout="youth"] .prod::after{width:auto;height:auto;background:var(--blue);color:#fff;content:"NEW";font:800 11px/1 var(--f-display);padding:8px 10px;border-radius:999px;right:14px;bottom:auto;top:14px}
[data-layout="youth"] .sec-h h2{text-transform:uppercase;font-weight:800;color:#fff}
[data-layout="youth"] .sec-h h2::after{content:"";display:block;width:64px;height:8px;border-radius:99px;background:var(--blue);margin-top:10px}
[data-layout="youth"] .stp .n{border-radius:10px;transform:rotate(-6deg)}
[data-layout="youth"] .btn,[data-layout="youth"] .abtn{border-radius:14px;text-transform:uppercase;font-weight:800;font-size:12.5px;letter-spacing:.04em}

/* телефоны и планшеты: первый экран всегда в одну колонку */
@media (max-width:980px){
  [data-brand="site"] .hero{grid-template-columns:minmax(0,1fr)!important}
  [data-layout="heritage"] .stage{border-radius:160px 160px 22px 22px}
  [data-layout="lux"] .stage{aspect-ratio:1.4}
  [data-layout="youth"] .prod:nth-child(odd),[data-layout="youth"] .prod:nth-child(even){transform:none}
}

/* ---------- доработка для всех сайтов ---------- */
/* 5 продуктов: три в первом ряду, два широких во втором — без пустой клетки */
@media (min-width:1101px){
  [data-brand="site"] .make.three{grid-template-columns:repeat(6,minmax(0,1fr))}
  [data-brand="site"] .make.three > .prod{grid-column:span 2}
  [data-brand="site"] .make.three > .prod:nth-child(n+4){grid-column:span 3}
  [data-brand="site"] .make.three > .prod:nth-child(n+4) .ph{aspect-ratio:16/7}
  [data-brand="site"] .tl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:621px) and (max-width:1100px){
  [data-brand="site"] .make.three > .prod:nth-child(5){grid-column:1/-1}
  [data-brand="site"] .make.three > .prod:nth-child(5) .ph{aspect-ratio:16/6}
}
[data-brand="site"] .hero p{font-size:clamp(17px,1.5vw,20px)}
[data-brand="site"] section.blk{padding-top:72px}
[data-brand="site"] .sec-h{margin-bottom:24px}
[data-brand="site"] .glogin{margin-top:10px}
[data-brand="site"] footer .in{padding-block:34px}
[data-brand="site"] .ffoot a{color:var(--hdr-ink);opacity:.85}
[data-brand="site"] .mi-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-brand="site"] .mi-facts b{color:var(--navy)}
[data-mode="dark"] .mi-facts div{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
[data-brand="site"] .mi-card{border-radius:var(--radius)}

/* точечные правки цвета */
[data-site="tintlab"] .tl-grid a,[data-site="tintlab"] .dv,[data-site="tintlab"] .mi-facts div{background:#fff}
[data-site="tintlab"] .glogin{background:#fff;border:3px solid #111;box-shadow:8px 8px 0 var(--yellow);border-radius:0}
[data-site="tintlab"] .glogin form{border:2px solid #111;box-shadow:none;border-radius:0}
[data-site="tintlab"] .tl-grid a:nth-child(3n+1){box-shadow:5px 5px 0 var(--cyan)} [data-site="tintlab"] .tl-grid a:nth-child(3n+2){box-shadow:5px 5px 0 var(--blue)} [data-site="tintlab"] .tl-grid a:nth-child(3n){box-shadow:5px 5px 0 var(--yellow)}
[data-site="baspa"] .glogin{background:#EEF2FF} [data-site="baspa"] .dv,[data-site="baspa"] .tl-grid a,[data-site="baspa"] .mi-facts div{background:#EEF2FF}
[data-site="baspa"] .glogin form{border-radius:22px}
[data-site="forma"] .glogin,[data-site="forma"] .tl-grid a,[data-site="forma"] .dv,[data-site="forma"] .mi-facts div{background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:0}
[data-site="forma"] .glogin form{border-radius:0}
[data-site="qalam"] .glogin{background:var(--navy);color:#F3E7CC}
[data-site="qalam"] .glogin h2{color:#F3E7CC} [data-site="qalam"] .glogin p{color:#C9D3C9}
[data-site="qalam"] .glogin form{background:#FFFDF7}
[data-site="printerra"] .glogin{background:#E9E1CC;border-radius:40px 40px 40px 10px}
[data-site="folio"] .glogin{background:transparent;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);border-radius:0}
[data-site="folio"] .glogin form{border-radius:0}
[data-site="paperwave"] .glogin{background:var(--navy);color:#fff}
[data-site="paperwave"] .glogin h2{color:#fff} [data-site="paperwave"] .glogin p,[data-site="paperwave"] .glogin li{color:#B9C6D8}
[data-site="paperwave"] .glogin form{background:#fff}
[data-site="inkora"] .glogin{background:transparent;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}
[data-site="inkora"] .glogin form{border-radius:2px}
[data-site="pixelpress"] .glogin{background:linear-gradient(120deg,#1D1236,#0E0D16);box-shadow:0 0 0 1px #2E2A48}
[data-site="kadr"] .glogin{background:var(--blue);color:#fff}
[data-site="kadr"] .glogin h2{color:#fff} [data-site="kadr"] .glogin p,[data-site="kadr"] .glogin li{color:#FFE1EC}
[data-site="kadr"] .glogin form{background:#0C0C0D}
[data-site="kadr"] .glogin .btn.primary{background:#fff;border-color:#fff;color:#0C0C0D}
[data-site="kadr"] .glogin .linkbtn{color:#fff}
[data-layout="brutal"] footer .ffoot a,[data-layout="brutal"] .mi-card .mi-acts .btn{color:#fff;border-color:rgba(255,255,255,.35)}
[data-layout="brutal"] .mi-card .mi-acts .btn.primary{color:#111}
[data-layout="brutal"] .mi-row small{color:#aaa}