/*
Theme Name: FIXIT-СТАЛЬ
Theme URI: https://fiksit-stal.ru
Author: FIXIT-СТАЛЬ
Description: Производственный сайт металлоконструкций с интерактивным калькулятором.
Version: 2.2.0
Requires PHP: 8.1
Text Domain: fixit-stal
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10141c;color:#f7f8fb;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1220px;margin:auto;padding:0 24px}.top{background:#0b0e15;border-bottom:1px solid #2b303a;color:#bfc6d1;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:14px}.accent{color:#ff9e27}.nav{position:sticky;top:0;z-index:30;background:#121821ed;backdrop-filter:blur(16px);border-bottom:1px solid #303642}.nav .wrap{display:flex;align-items:center;gap:28px;justify-content:space-between;min-height:90px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:79px;width:79px;object-fit:contain}.brand strong{font-size:20px;letter-spacing:.03em}.brand small{display:block;font-size:11px;color:#a8b0bc}.links{display:flex;gap:22px;align-items:center;font-size:14px}.links a:hover{color:#ff9e27}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#ff9e27;color:#171719;border:1px solid #ff9e27;border-radius:9px;padding:13px 21px;font-weight:800;transition:.2s}.btn:hover{background:#ffba57;transform:translateY(-2px)}.btn.outline{background:transparent;color:#fff;border-color:#747d8d}.hero{min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0c111bf2 0%,#0c111bdf 42%,#0c111b35 100%),url(assets/welding.jpg) center/cover}.hero .wrap{width:100%;position:relative;z-index:2;padding-top:65px;padding-bottom:65px}.eyebrow{text-transform:uppercase;color:#ffae48;font-size:12px;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.07;letter-spacing:-.04em;max-width:800px;margin:18px 0}.hero h1 span{color:#ff9e27}.lead{font-size:19px;color:#d8dde5;max-width:590px}.hero ul{padding:0;list-style:none;margin:26px 0}.hero li{margin:7px 0}.hero li:before{content:'✓';color:#ff9e27;font-weight:bold;margin-right:10px}.actions{display:flex;flex-wrap:wrap;gap:14px}.section{padding:86px 0}.section.alt{background:#161c26}.section h2{font-size:clamp(29px,3.5vw,43px);line-height:1.15;margin:10px 0 14px}.muted{color:#aeb7c5}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.service{background:#1d2531;border:1px solid #364050;border-radius:16px;padding:28px;transition:.2s}.service:hover{border-color:#ff9e27;transform:translateY(-4px)}.service .symbol{font-size:34px}.service h3{font-size:22px;margin:14px 0 6px}.service p{color:#b6bfcd;margin:0}.service a{color:#ffae48;display:inline-block;margin-top:15px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.feature{border-left:2px solid #ff9e27;padding-left:18px}.feature strong{display:block}.feature span{font-size:14px;color:#aeb7c5}.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:start;margin-top:30px}.panel{background:#1c2430;border:1px solid #3a4454;border-radius:18px;padding:28px}.field{margin:0 0 17px}.field label{display:block;color:#c5cedb;margin-bottom:7px;font-size:14px}.field input,.field select{width:100%;background:#101722;color:white;border:1px solid #455060;border-radius:8px;padding:13px;outline:none}.field input:focus,.field select:focus{border-color:#ff9e27}.total{font-size:43px;font-weight:900;color:#ffad41;margin:15px 0}.hint{font-size:13px;color:#aeb7c5}.weld{height:130px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(115deg,#10151d,#232c37);border:1px solid #3d4551;margin:28px 0}.metal{position:absolute;left:8%;right:8%;height:11px;bottom:32px;background:linear-gradient(#9ea9b4,#404e5c,#a6b0b8);transform:skewX(-20deg)}.electrode{position:absolute;width:180px;height:9px;background:linear-gradient(90deg,#31363d,#7d8792,#e7eff7);right:21%;top:39px;transform:rotate(-29deg);transform-origin:right center;border-radius:4px}.arc{position:absolute;bottom:35px;right:25%;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 0 9px 5px #fff,0 0 35px 18px #6bbcff,0 0 75px 27px #ff9b2b;animation:arc 1.2s infinite alternate}.spark{position:absolute;bottom:44px;right:25%;height:3px;width:30px;background:#ffb44b;box-shadow:0 0 8px #ff8d21;transform-origin:right;animation:sparks 1.2s infinite}.spark:nth-child(5){animation-delay:.25s;transform:rotate(35deg)}.spark:nth-child(6){animation-delay:.5s;transform:rotate(115deg)}.spark:nth-child(7){animation-delay:.8s;transform:rotate(165deg)}@keyframes arc{from{opacity:.65;transform:scale(.75)}to{opacity:1;transform:scale(1.25)}}@keyframes sparks{0%{opacity:0;translate:0 0}25%{opacity:1}100%{opacity:0;translate:-95px -40px}}footer{padding:45px 0;background:#0b0f16;border-top:1px solid #303744}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.note{font-size:13px;color:#a9b4c2}.mobile-toggle{display:none}.anchor{scroll-margin-top:100px}@media(max-width:900px){.links{display:none;position:absolute;top:90px;left:0;right:0;background:#131b26;padding:22px;flex-direction:column}.links.open{display:flex}.mobile-toggle{display:block;background:none;border:1px solid #4c5665;color:#fff;border-radius:8px;padding:8px 12px}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.calc{grid-template-columns:1fr}}@media(max-width:600px){.top .wrap{display:block}.nav .wrap{min-height:75px}.brand img{height:58px;width:58px}.brand strong{font-size:16px}.nav .btn{display:none}.hero{min-height:610px;background-position:60% center}.hero h1{font-size:41px}.grid,.features{grid-template-columns:1fr}.section{padding:62px 0}.panel{padding:20px}.total{font-size:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.example{background:#18202b;border:1px solid #344050;border-radius:15px;overflow:hidden}.example img{width:100%;height:210px;object-fit:cover;display:block}.example>div{padding:18px}.example h3{margin:0 0 8px}.example p{margin:0;color:#b9c2cd}@media(max-width:760px){.example-grid{grid-template-columns:1fr}.example img{height:220px}}@media(prefers-reduced-motion:reduce){.weld *{animation:none!important}}
.cutting{margin:1.2rem 0;padding:1rem;border:1px solid rgba(245,157,57,.35);border-radius:12px;background:rgba(245,157,57,.055);font-size:.88rem;line-height:1.55}.cutting p{margin:.25rem 0}
@media (prefers-reduced-motion:reduce){.weld *{animation:none!important;transition:none!important}}
/* 2.0: industrial editorial layout */
body{background:#11151a;color:#f3f2ed;font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1320px;padding:0 40px}.top{font-size:10px;letter-spacing:.12em;background:#0d1014}.top .wrap{padding-top:10px;padding-bottom:10px}.nav{background:#11151af7}.nav .wrap{min-height:90px}.brand img{height:62px;width:62px}.brand strong{font-size:21px}.brand small{letter-spacing:.08em}.btn{border-radius:4px;font-size:14px;padding:15px 23px}.btn.outline{border-color:#5d646d}.hero{min-height:640px;background:linear-gradient(90deg,#0d1118fa 3%,#0d1118db 43%,#0d111830 100%),url(assets/welding.jpg) center/cover}.hero-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.hero h1{font-size:clamp(48px,6.6vw,90px);font-weight:800;line-height:1.02;letter-spacing:-.055em;margin:26px 0}.hero .lead{font-size:19px;line-height:1.6}.hero .actions{align-items:center;margin-top:30px;gap:26px}.text-link{font-size:14px;border-bottom:1px solid #9097a2;padding:10px 0}.hero-caption{display:flex;gap:35px;margin-top:60px;font-size:9px;letter-spacing:.12em;color:#c6ccd5}.hero-detail{align-self:end;padding-bottom:18px;font-size:10px;letter-spacing:.16em;text-align:right}.hero-detail .weld{opacity:.8;height:100px;margin:18px 0;background:#11151a66;border-color:#ffffff28}.promise-strip{background:#1d242c;border-bottom:1px solid #343b43}.promise-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px;font-size:13px}.promise-strip span:before{content:'+';color:#ffab44;margin-right:14px}.section{padding:90px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section h2,.fst-request h2{font-size:clamp(30px,3.4vw,45px);line-height:1.12;letter-spacing:-.035em;font-weight:600}.eyebrow{font-size:10px;letter-spacing:.18em}.service-grid{gap:1px;background:#3b4148;border:1px solid #3b4148}.service{border:0;border-radius:0;background:#161c23;padding:26px;min-height:220px}.service:hover{transform:none;background:#202832}.service-no{color:#909aa7;font-size:11px;display:flex;justify-content:space-between}.service-no span{color:#ffae48;font-size:22px}.service h3{font-size:21px;margin:24px 0 12px}.service h3 a{margin:0;color:#f3f2ed}.service p{font-size:14px;line-height:1.65}.frame-feature{background:#e6e3dc;color:#171e24}.frame-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.frame-feature .eyebrow{color:#85500e}.frame-feature .muted{color:#525a61}.frame-feature .lead{color:#303a43}.frame-art{position:relative;background:linear-gradient(#616c7812 1px,transparent 1px),linear-gradient(90deg,#616c7812 1px,transparent 1px);background-size:22px 22px;padding:70px 30px;text-align:center}.draw-frame{height:175px;border:11px solid #2c3540;transform:skewY(-7deg);box-shadow:6px 7px 0 #66717b,8px 13px 20px #0002;position:relative;margin-bottom:35px}.draw-frame i{display:block;position:absolute;height:100%;width:8px;background:#2c3540;left:50%}.dimension{font-size:18px;letter-spacing:.08em}.frame-art small{display:block;font-size:9px;margin-top:15px;letter-spacing:.12em}.example{border-radius:4px}.example h3{font-size:20px}.example .eyebrow{font-size:9px}.example img{height:240px}.example>div,.example>a>div{padding:22px}.example p{font-size:13px}.feature strong{font-size:16px;margin-bottom:12px}.feature span{line-height:1.7}.contact-bottom{border-top:1px solid #39414c;padding-top:30px;display:flex;justify-content:space-between;gap:40px}.contact-bottom h2{font-size:28px;max-width:350px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:13px}.page-content{min-height:65vh;padding-top:45px;padding-bottom:80px;max-width:1040px}.page-content h1{font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-.04em}.page-content h2{margin-top:40px}.page-content p,.page-content li{line-height:1.8}.page-content img{max-width:100%;height:auto}.breadcrumbs{font-size:12px;color:#aeb7c5}.page-content details{border-bottom:1px solid #455060;padding:20px 0}.page-content summary{cursor:pointer}.links ul{display:flex;list-style:none;gap:18px;padding:0}.links .sub-menu{display:none}.mobile-bar{display:none}.skip-link{position:fixed;top:-100px;left:10px;z-index:9999;background:#ffad41;color:#111;padding:15px}.skip-link:focus{top:10px}.fs-cookie{position:fixed;bottom:20px;left:20px;max-width:440px;z-index:100;background:#18212c;padding:22px;border:1px solid #66717b;box-shadow:0 8px 40px #0008;font-size:13px}.fs-cookie[hidden]{display:none}.fs-cookie a{text-decoration:underline}.cookie-reset{background:none;color:inherit;padding:0;border:0;font-size:12px;text-decoration:underline;margin-top:12px}.admin-bar .nav{top:32px}
@media(max-width:1000px){.nav .wrap{gap:16px}.links{font-size:12px;gap:14px}.hero-layout{grid-template-columns:1fr}.hero-detail{display:none}.frame-layout{gap:40px}.hero h1{max-width:700px}.links ul{flex-direction:column}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.section{padding:58px 0}.hero{min-height:590px;background-position:63%}.hero .wrap{padding-top:48px;padding-bottom:40px}.hero h1{font-size:clamp(43px,10vw,68px)}.hero .lead{font-size:16px}.hero .lead br{display:none}.hero-caption{margin-top:45px;gap:16px;font-size:8px}.hero-caption span:last-child{display:none}.promise-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.promise-strip span:before{margin-right:6px}.section-top{display:block}.frame-layout{grid-template-columns:1fr;gap:35px}.frame-art{padding:45px 20px}.draw-frame{height:130px}.contact-bottom{display:block}.service{min-height:180px}.service-grid{grid-template-columns:1fr}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ff9e27;color:#171719;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{flex:1;padding:15px 10px;text-align:center;font-size:14px;font-weight:700}.mobile-bar a+a{border-left:1px solid #17171955}body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.nav .wrap{min-height:76px}.links{top:76px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand img{height:49px;width:49px}.nav .btn{display:none}.mobile-toggle{padding:7px 10px}.weld *{animation:none!important}.fs-cookie{bottom:68px;left:10px;right:10px;max-width:none}.admin-bar .nav{top:46px}}@media(max-width:360px){.wrap{padding-left:16px;padding-right:16px}.brand{gap:6px}.brand strong{font-size:15px}.brand img{width:42px;height:42px}.hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.top .wrap span{display:block}.top .wrap span+span{margin-top:4px;font-size:8px}.hero-caption{flex-wrap:wrap}.hero-caption:after{content:'ИЗОБРАЖЕНИЕ — ПРИМЕР ИСПОЛНЕНИЯ';font-size:8px;letter-spacing:.06em;color:#c6ccd5}}

/* 2.2: readable cookie controls */
.fs-cookie{line-height:1.55}.fs-cookie p{margin:0 0 12px}.fs-cookie strong{font-size:16px}.fs-cookie .btn{margin:4px 6px 4px 0;font-size:12px;padding:10px 13px}.cookie-reset{cursor:pointer;text-align:left;color:#d5dce5}.cookie-reset:hover{color:#ffae48}