/*
Theme Name: TALIMET
Author: TALIMET
Description: Комплексное снабжение предприятий. Категории и заявки на просчёт.
Version: 2.2.0
Requires PHP: 8.0
Text Domain: talimet
*/
:root{--ink:#17212b;--dark:#111b25;--orange:#ff6b25;--muted:#66717d;--line:#dce1e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f5f7f9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 28px}.top{background:var(--dark);color:#fff}.head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #ffffff24}.brand{font-size:29px;font-weight:900;letter-spacing:2px}.brand span{color:var(--orange)}nav{display:flex;gap:24px;font-size:14px}.phone{font-weight:700}.hero{padding:74px 0 66px;display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:2px;color:var(--orange);font-weight:700}h1{font-size:clamp(36px,4.4vw,62px);line-height:1.08;letter-spacing:-2px;margin:20px 0 26px;max-width:800px}h1 em{font-style:normal;color:var(--orange)}.intro{color:#c0c9d3;max-width:650px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:0;background:var(--orange);padding:14px 22px;color:#fff;font-weight:700;cursor:pointer;border-radius:4px}.btn.secondary{background:transparent;border:1px solid #6b7682}.request-card{border:1px solid #ffffff2b;padding:30px;background:#1c2935;border-radius:6px}.request-card h2{font-size:24px;line-height:1.25;margin:8px 0 18px}.request-card p{color:#b9c5d0}.steps-mini{list-style:none;padding:0;counter-reset:step}.steps-mini li{border-top:1px solid #ffffff20;padding:15px 0;counter-increment:step;display:flex;gap:16px}.steps-mini li:before{content:'0' counter(step);color:var(--orange);font-weight:800}.hero-bottom{border-top:1px solid #ffffff24;display:flex;gap:40px;padding:20px 0;color:#c0c9d3;font-size:14px}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head h2,.form-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:10px 0}.section-head p{max-width:400px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{background:white;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:270px;border-radius:5px;transition:border-color .2s,transform .2s}.category:hover{border-color:var(--orange);transform:translateY(-3px)}.number{color:var(--orange);font-size:14px;font-weight:800}.category h3{font-size:22px;line-height:1.2;margin:20px 0 12px}.category p{color:var(--muted);margin:0 0 20px}.category a{margin-top:auto;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px}.process{background:#e9edf1}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-grid h3{font-size:21px;margin:12px 0}.process-grid p{color:var(--muted)}.form-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:60px}.form-copy p{color:var(--muted)}.contact-box{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.contact-box a{display:block;font-size:20px;font-weight:700;margin:8px 0}.form{background:white;padding:30px;border:1px solid var(--line);border-radius:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input:not([type=checkbox]),textarea,select{width:100%;padding:11px 12px;border:1px solid #c8d0d8;border-radius:3px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:1px}textarea{min-height:120px;resize:vertical}.hint{font-size:13px;color:var(--muted);margin:6px 0}.check{font-size:13px;font-weight:400;display:flex;gap:10px;align-items:flex-start;margin:22px 0}.check input{margin-top:5px}.check a{text-decoration:underline}.notice{padding:16px;background:#e6f3e9;border:1px solid #8ab599;margin-bottom:20px}.notice.error{background:#fff0e9;border-color:#eaa785}.trap{position:absolute;left:-9999px}footer{background:var(--dark);color:#b8c2cc;padding:35px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:14px}footer .brand{color:white}details{background:white;padding:22px;border:1px solid var(--line);margin-top:20px}summary{cursor:pointer;font-weight:700}.page-content{min-height:60vh;padding:60px 0}.page-content a{text-decoration:underline}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:45px}.grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr;gap:25px}.section-head{display:block}.process-grid{gap:20px}.hero-bottom{gap:20px;flex-wrap:wrap}}@media(max-width:540px){.wrap{padding:0 18px}.head{gap:10px}.brand{font-size:24px}.phone{font-size:13px}h1{letter-spacing:-1px}.grid,.process-grid,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.section{padding:48px 0}.form,.request-card{padding:22px}.category{min-height:220px}.hero-bottom{font-size:13px;gap:10px}.footer-row{flex-direction:column}}

/* TALIMET 2.0 — industrial catalogue */
.logo{display:block;width:220px;height:auto}.header-contacts{display:flex;flex-direction:column;gap:4px}.phone,.header-email{display:flex;align-items:center;gap:9px}.header-email{font-size:14px;color:#c1cbd5}.contact-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:8px;flex:none}.header-contacts .contact-icon{margin-right:0}.hero{grid-template-columns:1.25fr 1fr;gap:50px;padding-top:58px}.hero h1{font-size:clamp(38px,4.8vw,66px)}.request-card{padding:0 0 24px;overflow:hidden;box-shadow:0 25px 60px #0004}.hero-product{width:100%;height:240px;object-fit:cover;display:block;margin-bottom:22px}.request-card>.eyebrow,.request-card>h2,.request-card>p,.request-card>.steps-mini{margin-left:28px;margin-right:28px}.request-card>h2{font-size:22px}.request-card>.steps-mini{margin-bottom:0}.steps-mini li{padding:8px 0;font-size:14px}.category{padding:0;overflow:hidden;border:0;box-shadow:0 5px 22px #17212b0a;border-radius:8px}.category-photo{position:relative;background:#152331;overflow:hidden}.category-photo img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s}.category:hover .category-photo img{transform:scale(1.045)}.category-photo:after{content:'';position:absolute;inset:0;border-bottom:4px solid var(--orange);pointer-events:none}.category-body{padding:25px;display:flex;flex-direction:column;flex:1}.category h3{margin-top:10px}.category a{color:#c4430d}.supply{padding-top:10px}.supply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.supply-grid article{border-top:3px solid var(--orange);padding-top:22px}.supply-grid h3{font-size:21px}.supply-grid p{color:var(--muted)}.process{background:var(--dark);color:white}.process-grid p{color:#b9c4cf}.faq{padding-bottom:0}.faq details{border-radius:5px;margin-top:12px}.faq details p{color:var(--muted);max-width:850px}.contact-box a{display:flex;align-items:center;gap:2px}.floating-wa{position:fixed;bottom:20px;right:20px;z-index:100;background:#fff;color:var(--dark);padding:12px 18px;border-radius:40px;border:1px solid var(--line);box-shadow:0 6px 24px #0002;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.floating-wa img{width:21px;height:21px}.form{box-shadow:0 14px 45px #17212b0a}footer{border-top:4px solid var(--orange)}footer .logo{margin-bottom:14px}summary::marker{color:var(--orange)}@media(max-width:1020px){nav{gap:15px;font-size:13px}.logo{width:185px}.hero{gap:30px}}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-product{height:260px}.supply-grid{grid-template-columns:1fr;gap:16px}.request-card{max-width:600px}.logo{width:200px}.category-photo img{height:190px}}@media(max-width:540px){.logo{width:155px}.header-email{font-size:12px}.phone{font-size:12px}.header-contacts .contact-icon{width:16px;height:16px}.hero h1{font-size:40px}.hero-product{height:210px}.category-photo img{height:210px}.floating-wa{bottom:12px;right:12px;padding:10px 14px}.footer-row{padding-bottom:35px}}

/* First-screen request and background footage */
.hero-stage{position:relative;isolation:isolate;background:#111b25 url('assets/category-1.webp') center/cover no-repeat}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-video{opacity:0;transition:opacity .6s}.has-video .hero-video{opacity:1}.hero-shade{z-index:-1;background:linear-gradient(90deg,#101a24f5,#101a24b5)}.hero-content{position:relative}.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.12}.quick-request{padding:30px;background:#152431f2}.quick-request>.eyebrow,.quick-request>h2,.quick-request>p{margin-left:0;margin-right:0}.quick-request .btn{width:100%;text-align:center}.upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border:1px dashed #ff8b56;background:#ff6b2510;border-radius:6px;cursor:pointer;color:white}.upload-zone span:last-child{font-size:13px;color:#becbd5;font-weight:400}.upload-symbol{font-size:30px;color:var(--orange)}.quick-request input[type=file]{font-size:13px}.file-state{overflow-wrap:anywhere;font-size:13px}.quick-request .hint{font-size:13px}.category-cta{margin-top:28px;padding:24px;background:#e9edf1;border-radius:8px;display:flex;gap:24px;align-items:center;justify-content:space-between}.category-cta p{margin:0}.video-toggle{background:#17212b;border:1px solid #ffffff60;color:white;border-radius:4px;padding:7px 12px;cursor:pointer;font-size:12px;margin-bottom:15px}.video-toggle[hidden]{display:none}.optional-fields{margin:0;padding:12px}.optional-fields .fields{margin-top:12px}.file-picker{display:inline-block;text-decoration:underline;color:#b13c0d}.about{padding-bottom:0}.hero-stage .intro{color:#e0e6eb}@media(max-width:850px){.hero-video{display:none}.hero-shade{background:#101a24e8}.category-cta{align-items:flex-start;flex-direction:column}.quick-request{max-width:none}.hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-video{display:none}.category:hover{transform:none}.category:hover img{transform:none}}