/*
Theme Name: СтальЛиния
Theme URI: https://zhukovgroup.ru/
Author: Жуков Групп
Description: Каталог ограждений, перил и поручней.
Version: 1.2
Text Domain: stal-liniya
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap');

:root{--red:#e30613;--ink:#1a1a1a;--muted:#687078;--paper:#f7f8f9;--white:#fff;--line:#e1e5e8;--soft:#eef0f2;--font-ui:'Inter',Arial,sans-serif;--font-display:'Montserrat',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--font-ui)}a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:auto;padding:0 38px}.contact-strip{background:var(--ink);color:#fff;font-size:12px}.contact-strip .wrap{min-height:38px;display:flex;justify-content:flex-end;align-items:center;gap:26px}.contact-strip a{min-height:38px;display:inline-flex;align-items:center;font-weight:600;letter-spacing:.02em}.contact-strip .email{color:#d7dadd}.contact-strip .request{color:#fff;padding-left:20px;position:relative}.contact-strip .request:before{content:'';position:absolute;left:0;width:1px;height:14px;background:#6c7075}.site-header{height:88px;display:flex;align-items:stretch;justify-content:space-between;gap:20px;background:var(--white);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font:700 15px/1.05 var(--font-display);letter-spacing:.12em;white-space:nowrap}.brand-symbol{position:relative;display:inline-block;width:39px;height:32px;color:var(--red);font:800 42px/.7 var(--font-display);letter-spacing:-.22em;overflow:hidden}.brand-symbol:before{content:'Ж';position:absolute;inset:0;transform:scaleX(1.15)}.brand-word{display:grid;gap:3px}.brand b{font-weight:600;letter-spacing:.25em}.main-nav{display:flex;align-items:stretch;margin-left:auto}.main-nav>a,.drop>button{display:flex;align-items:center;border:0;background:transparent;padding:0 17px;font:600 14px/1 var(--font-ui);color:var(--ink);cursor:pointer}.main-nav>a:hover,.drop>button:hover{color:var(--red)}.drop{position:relative;display:flex}.dropmenu{display:none;position:absolute;top:88px;left:0;z-index:50;width:284px;background:#fff;border-top:2px solid var(--red);box-shadow:0 14px 35px #15191d20;padding:10px}.drop:hover .dropmenu,.drop:focus-within .dropmenu{display:grid}.dropmenu a{padding:11px 12px;font-size:14px}.dropmenu a:hover{background:var(--soft);color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--red);color:#fff;padding:13px 21px;font:700 13px/1 var(--font-ui);letter-spacing:.02em;border:1px solid var(--red);transition:background .18s,border-color .18s,transform .18s}.button:hover{background:#b9000d;border-color:#b9000d;transform:translateY(-1px)}.header-cta{align-self:center;margin-left:5px;min-height:46px}.hero,.detail-hero{position:relative;overflow:hidden;color:#fff;background:var(--ink)}.hero{min-height:575px;padding:98px 0;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#15181bdc 0%,#15181bc5 40%,#15181b42 64%,#15181b0d 100%)}.hero:after{content:'';position:absolute;z-index:2;left:max(38px,calc((100% - 1204px)/2));bottom:75px;width:36px;height:3px;background:var(--red)}.hero .wrap{position:relative;z-index:3}.hero-photo{position:absolute;inset:0;margin:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.eyebrow,.num{margin:0 0 20px;font:700 11px/1.2 var(--font-ui);letter-spacing:.19em}.eyebrow:before{content:'';display:inline-block;width:28px;height:2px;background:var(--red);vertical-align:middle;margin:-2px 11px 0 0}h1,h2,h3{font-family:var(--font-display)}h1,h2{margin:0;letter-spacing:-.055em;line-height:1.02}h1{max-width:760px;font-size:clamp(42px,5.2vw,76px);font-weight:700}h2{font-size:clamp(34px,3.65vw,58px);font-weight:700}em{font-style:normal;color:var(--red)}.lead{max-width:550px;margin:27px 0 34px;color:#e0e3e5;font-size:18px}.rail-art{display:none}.intro{display:grid;grid-template-columns:1.03fr .97fr;gap:110px;padding:112px 38px 102px}.intro p{font-size:18px;color:#4f575e;max-width:520px;margin:9px 0 0}.intro p a{display:inline-block;margin-top:6px;color:var(--red);font-weight:700;border-bottom:1px solid #e3061344}.catalog{padding:92px 0 106px;background:#fff}.catalog-head,.split{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.catalog-head>p{max-width:365px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{min-height:270px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.22s}.card:hover{background:var(--ink);color:#fff}.tag{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.15em}.card:hover .tag{color:#ff7c84}.card h3{font-size:31px;letter-spacing:-.055em;margin:17px 0 11px}.card p{margin:0;color:var(--muted);max-width:365px;font-size:15px}.card:hover p{color:#d4d8da}.arrow{width:34px;height:34px;border:1px solid currentColor;display:grid;place-items:center;font-size:19px;line-height:1;transition:.2s}.card:hover .arrow{background:var(--red);border-color:var(--red);transform:rotate(-45deg)}.process{background:var(--soft);padding:96px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #cbd1d5}.step{padding:25px 25px 0 0;position:relative}.step:before{content:'';position:absolute;top:-1px;left:0;width:28px;height:2px;background:var(--red)}.step span{font:700 12px var(--font-ui);color:var(--red);letter-spacing:.13em}.step h3{font-size:21px;letter-spacing:-.04em;margin:19px 0 7px}.step p{color:#586168;margin:0;font-size:15px}.cta{background:var(--ink);color:#fff;padding:83px 0;position:relative;overflow:hidden}.cta:after{content:'Ж';position:absolute;right:5%;bottom:-70px;color:#252a2e;font:800 330px/.8 var(--font-display);pointer-events:none}.cta .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta p{color:#c9cdd0;max-width:430px;font-size:17px}.site-footer{padding:55px 0;background:#121415;color:#fff}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:38px}.site-footer .brand{color:#fff}.site-footer .brand b{color:#fff}.site-footer p,.site-footer a{color:#adb4b8;font-size:14px}.site-footer a{display:block;padding:5px 0}.site-footer a:hover{color:#fff}.site-footer h3{font:700 11px var(--font-ui);letter-spacing:.16em;margin:0 0 11px;color:#fff}.crumbs{padding:19px 0;font-size:13px;color:var(--muted)}.crumbs a{text-decoration:underline;text-decoration-color:#c9cfd3;text-underline-offset:4px}.detail-hero{padding:76px 0 68px}.detail-hero:after{content:'';position:absolute;width:38vw;min-width:420px;max-width:600px;height:100%;right:-5vw;top:0;background:linear-gradient(135deg,transparent 36%,#ffffff0d 36%,#ffffff0d 37%,transparent 37%),url('assets/railings-glass.webp') center/cover;opacity:.42;mix-blend-mode:screen}.detail-hero .wrap{position:relative;z-index:1}.detail-hero h1{max-width:850px}.detail-content{padding:82px 0 112px}.detail-content .split{align-items:start}.detail-content p{font-size:18px;color:#566068;max-width:620px}.list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.list a{padding:20px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-weight:700}.list a:hover{color:var(--red)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0 88px}.service-grid a{background:#fff;border:1px solid var(--line);padding:28px;min-height:190px;transition:.2s}.service-grid a:hover{border-color:var(--ink);box-shadow:0 12px 24px #1014180c;transform:translateY(-2px)}.service-grid h3{font-size:22px;line-height:1.15;margin:13px 0 10px;letter-spacing:-.045em}.service-grid p{font-size:15px;margin:0;color:var(--muted)}.contact-block{padding:78px 0 118px;max-width:870px}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.muted{font-size:14px;color:var(--muted)}
@media(max-width:980px){.main-nav>a,.drop>button{padding:0 10px}.header-cta{font-size:12px;padding:12px}.intro{gap:55px}.footer-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap{padding:0 22px}.main-nav{display:none}.site-header{height:72px}.header-cta{margin-left:auto;min-height:42px}.contact-strip .wrap{justify-content:center;gap:14px}.contact-strip .email{display:none}.hero{min-height:540px;padding:76px 0}.hero:before{background:linear-gradient(90deg,#15181be8,#15181ba6 70%,#15181b4d)}.hero:after{left:22px;bottom:48px}.hero-photo img{object-position:64% center}.intro{display:block;padding:75px 22px}.intro p{margin-top:32px}.catalog{padding:70px 0}.catalog-head,.split,.cta .wrap{display:block}.catalog-head>p{margin-top:24px}.cards,.list,.service-grid{grid-template-columns:1fr}.card{min-height:220px;padding:28px}.steps{grid-template-columns:1fr;margin-top:30px}.step{padding:24px 0;border-bottom:1px solid #cbd1d5}.cta{padding:65px 0}.cta h2{margin-bottom:28px}.footer-grid{grid-template-columns:1fr}.detail-hero{padding:62px 0}.detail-hero:after{display:none}.detail-content{padding:58px 0 78px}}