/*
Theme Name: Serova Textile — Supply Grid
Theme URI: https://serovatextile.ru/
Author: AI Sites
Description: Строгая оптовая WordPress-тема магазина и производителя ивановского текстиля.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: serovatextile
*/
:root{--blue:#1646d8;--lime:#c6f23a;--coal:#15191f;--fog:#eef0ec;--white:#fff;--line:#bfc5bf;--pad:clamp(18px,4.6vw,70px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--fog);color:var(--coal);font-family:Arial,sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%}.ser-shell{overflow:hidden}.ser-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px var(--pad);background:rgba(238,240,236,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.ser-logo{text-decoration:none;font-size:1.15rem;font-weight:900;text-transform:uppercase}.ser-logo b{color:var(--blue)}.ser-nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.ser-nav a{text-decoration:none;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.ser-phone{text-align:right;text-decoration:none;font-weight:900}.ser-wrap{width:min(1260px,calc(100% - 2 * var(--pad)));margin:auto}.ser-hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:86vh}.ser-hero-main{padding:clamp(70px,10vw,140px) var(--pad);background:var(--white);display:flex;flex-direction:column;justify-content:center}.ser-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.67rem;font-weight:900;color:var(--blue)}.ser-hero h1{font-size:clamp(4.2rem,9vw,9.5rem);line-height:.79;letter-spacing:-.09em;margin:38px 0}.ser-hero h1 span{display:block;color:var(--blue)}.ser-hero p{max-width:690px;font-size:1.14rem}.ser-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.ser-btn{display:inline-flex;padding:14px 20px;background:var(--coal);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900}.ser-btn.alt{background:var(--lime);color:var(--coal)}.ser-panel{display:grid;grid-template-rows:1fr 1fr;background:var(--blue);color:#fff}.panel-stat{padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25)}.panel-stat:last-child{background:var(--lime);color:var(--coal)}.panel-stat b{font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.08em}.panel-stat span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900}.ser-status{display:grid;grid-template-columns:repeat(4,1fr);background:var(--coal);color:#fff}.ser-status div{padding:23px var(--pad);border-right:1px solid rgba(255,255,255,.15)}.ser-status b{display:block;color:var(--lime);font-size:1.25rem}.ser-status span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.ser-section{padding:clamp(75px,10vw,135px) 0}.ser-head{display:grid;grid-template-columns:210px 1fr;gap:36px;margin-bottom:52px}.ser-head h2{font-size:clamp(3.2rem,7vw,7rem);line-height:.83;letter-spacing:-.085em;margin:0}.ser-head p{max-width:570px}.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.product-group{grid-column:span 3;min-height:285px;padding:24px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:space-between}.product-group:nth-child(1){grid-column:span 6;background:var(--blue);color:#fff}.product-group:nth-child(4){background:var(--lime)}.product-group .sku{font:700 .72rem monospace}.product-group h3{font-size:clamp(1.7rem,3vw,3rem);line-height:.95;letter-spacing:-.05em;margin:20px 0 0}.product-group ul{padding-left:17px}.operations{background:var(--white)}.ops-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.ops-intro h2{font-size:clamp(3.2rem,6vw,6rem);line-height:.85;letter-spacing:-.08em;margin:0 0 25px}.ops-list{counter-reset:op;border-top:2px solid var(--coal)}.op{counter-increment:op;display:grid;grid-template-columns:65px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.op:before{content:"0" counter(op);font-weight:900;color:var(--blue)}.op h3{margin:0 0 7px;font-size:1.35rem}.op p{margin:0}.joint{display:grid;grid-template-columns:1fr 1fr}.joint-art{min-height:520px;background:var(--lime);position:relative;display:grid;place-items:center}.joint-art:before{content:"СП";font-size:clamp(9rem,19vw,19rem);font-weight:900;color:var(--blue);letter-spacing:-.12em}.joint-copy{padding:clamp(55px,8vw,105px);background:var(--coal);color:#fff;display:flex;flex-direction:column;justify-content:center}.joint-copy h2{font-size:clamp(3rem,6vw,6rem);line-height:.86;letter-spacing:-.08em;margin:0 0 25px}.joint-copy p{color:#cfd4d2}.ser-contact{padding:clamp(70px,10vw,115px) var(--pad);background:var(--blue);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.ser-contact h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.82;letter-spacing:-.09em;margin:0}.ser-contact-card{padding:28px;border:1px solid rgba(255,255,255,.45)}.ser-contact-card a{display:block;text-decoration:none;font-size:1.35rem;font-weight:900;margin:8px 0}.ser-contact-card address{font-style:normal;margin-top:20px;color:#dce4ff}.ser-footer{display:flex;justify-content:space-between;gap:24px;padding:28px var(--pad);background:var(--coal);color:#d5d9d6;font-size:.78rem}.ser-reading{width:min(900px,calc(100% - 2 * var(--pad)));margin:80px auto}.ser-reading h1{font-size:clamp(3rem,7vw,6rem);line-height:.84;letter-spacing:-.08em}.ser-reading article{padding:24px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.ser-header{grid-template-columns:1fr auto}.ser-nav{display:none}.ser-hero,.ops-grid,.joint,.ser-contact{grid-template-columns:1fr}.ser-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto}.panel-stat{min-height:300px;border-bottom:0;border-right:1px solid rgba(255,255,255,.25)}.ser-status{grid-template-columns:1fr 1fr}.ser-head{grid-template-columns:1fr}.product-group:nth-child(n){grid-column:span 6}.ser-footer{flex-direction:column}}@media(max-width:540px){.ser-phone{font-size:.68rem}.ser-hero h1{font-size:3.6rem}.ser-panel,.ser-status{grid-template-columns:1fr}.product-group:nth-child(n){grid-column:span 12}.panel-stat{min-height:230px}}