/*
Theme Name: BTK Industrial
Description: Главная БелТехКом. Графит, лайм и промышленный конструктивизм.
Version: 1.1.0
Requires PHP: 7.4
*/
:root{--ink:#1b201e;--paper:#f3f3eb;--lime:#d7fa24;--line:#cbd0c2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #88a600;outline-offset:5px}.wrap{width:min(1320px,92%);margin:auto}.header{background:var(--ink);color:white;border-bottom:1px solid #60685e}.header .wrap{display:flex;align-items:center;gap:24px;min-height:100px}.logo{font-size:48px;font-weight:1000;letter-spacing:-4px;white-space:nowrap}.slash{color:var(--lime);font-style:italic;margin-left:8px}.descriptor{font-size:11px;line-height:1.4;max-width:140px}.nav{margin:auto;display:flex;gap:30px;font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.nav a{padding:12px 0;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--lime)}.phone{font-size:18px;font-weight:bold;white-space:nowrap}.hero{background:radial-gradient(ellipse at 90% 90%,#3b4638,transparent 60%),#1b201e;color:var(--paper);position:relative;overflow:hidden}.hero .wrap{padding-top:70px;padding-bottom:65px;position:relative}.eyebrow{font:11px monospace;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(48px,6.3vw,92px);line-height:.98;letter-spacing:-4px;margin:27px 0;font-weight:1000;position:relative;z-index:2;max-width:1000px}.hero p{font-size:20px;line-height:1.4;max-width:520px;color:#dadfd3}.actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:17px 23px;background:var(--lime);color:var(--ink);font-weight:bold;border:1px solid transparent;cursor:pointer}.button:hover{background:#e5ff72}.button.outline{border-color:#c3cbbd;background:transparent;color:white}.button.outline:hover{background:#ffffff18}.arrow{font-size:28px;font-weight:normal}.hero-art{position:absolute;right:-60px;top:10px;width:54%;height:420px;opacity:.5;pointer-events:none;background:repeating-linear-gradient(132deg,transparent 0 85px,#c9d5bb44 86px 87px,transparent 88px 160px)}.hero-art:before{content:'БТК';position:absolute;top:70px;right:60px;font-size:210px;font-weight:1000;letter-spacing:-20px;color:transparent;-webkit-text-stroke:1px #b6c1ac}.hero-art:after{content:'';position:absolute;right:60px;top:70px;width:90px;height:300px;background:linear-gradient(var(--lime),transparent);transform:skew(-35deg);opacity:.6}.geography{background:#242b25;color:#cbd3c4;border-top:1px solid #535c50;font:11px monospace;letter-spacing:2px}.geography .wrap{padding:21px 0;display:flex;align-items:center;gap:30px}.geography .rule{height:1px;background:#6e7767;flex:1}.catalog{padding:55px 0 45px}h2{font-size:clamp(30px,3.5vw,49px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 30px;font-weight:1000;text-transform:uppercase}.categories{display:grid;grid-template-columns:repeat(4,1fr)}.category{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 18px;position:relative;transition:background .2s}.category:first-child{padding-left:0}.category:last-child{border:0;padding-right:0}.category:hover{background:#e9eddc}.num{font-size:18px;border-bottom:1px solid;position:absolute;left:24px;top:12px;z-index:1}.equipment{width:100%;aspect-ratio:1.5;background-image:url('assets/equipment.png');background-size:200% 200%;mix-blend-mode:multiply;margin:10px 0 22px}.e0{background-position:left top}.e1{background-position:right top}.e2{background-position:left bottom}.e3{background-position:right bottom}.category h3{font-size:24px;line-height:1.05;letter-spacing:-.8px;margin:0 0 10px}.category p{margin:0 0 18px;font-size:13px;color:#5a6255}.category .arrow{margin-top:auto}.selection{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 0 65px;gap:60px}.selection p{font-size:19px;line-height:1.5;max-width:450px}.diagram{height:230px;display:flex;align-items:center;justify-content:end;background:repeating-linear-gradient(135deg,transparent 0 62px,#a5b19255 63px 64px,transparent 65px 110px);position:relative}.diagram:before{content:'';position:absolute;left:30%;top:30px;width:85px;height:170px;background:#d7fa2455;transform:skew(-40deg)}.diagram ul{position:relative;list-style:none;border-left:1px solid #858e7d;padding:14px 0 14px 25px;font:12px/3 monospace;text-transform:uppercase;background:#f3f3ebdd}.about{background:radial-gradient(at bottom right,#354332,transparent 70%),var(--ink);color:var(--paper);padding:58px 0}.about .wrap{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:45px}.about h2{font-size:40px}.about p{font-size:17px;line-height:1.5;color:#d4dacd}.about article{border-left:1px solid #818a79;padding-left:32px}.about h3{font-size:23px}.about h3:after{content:'';display:block;width:35px;height:3px;background:var(--lime);margin-top:16px}.industrial{height:155px;overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0 170px,#d7fa2433 171px 220px,transparent 221px 300px);position:relative}.industrial svg{position:absolute;right:4%;bottom:0;width:65%;height:145px;opacity:.24}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0 65px}.contact .phone{font-size:30px;display:inline-block;margin:7px 0 20px}.contact p{line-height:1.6}.contact form{display:grid;gap:12px}.contact label{display:grid;gap:5px;font-size:12px;color:#4b5546}.contact input,.contact textarea{width:100%;border:1px solid #c8cec0;background:#ffffff70;padding:13px;color:var(--ink)}.contact textarea{min-height:95px;resize:vertical}.contact small{font-size:11px;line-height:1.5;color:#687260}.notice{padding:20px;border-left:4px solid #a5ca10;background:#e7edda;margin-bottom:20px}.footer{background:var(--ink);color:var(--paper);padding:30px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .logo{font-size:32px}.footer nav{display:flex;gap:25px;font-size:12px}.footer small{color:#adb7a3}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:1000;background:white;padding:15px}.document{max-width:850px;min-height:60vh;padding:65px 0;margin:auto}.document p{line-height:1.7}.catalog-note{font-size:12px;color:#687260;margin-top:25px}@media(max-width:950px){.header .wrap{gap:18px;flex-wrap:wrap;padding:20px 0}.nav{order:4;width:100%;margin:0}.header .phone{margin-left:auto}.hero-art{opacity:.3;width:75%}.categories{grid-template-columns:1fr 1fr;gap:35px 0}.category:nth-child(3){padding-left:0}.category:nth-child(2){border:0}.category h3{font-size:25px}.about .wrap{grid-template-columns:1fr 1fr}.about .intro-about{grid-column:1/-1}.contact{gap:35px}.selection{gap:30px}}@media(max-width:600px){.wrap{width:90%}.descriptor{max-width:150px}.header .phone{font-size:14px;margin:0}.logo{font-size:38px}.nav{gap:22px;font-size:10px}.hero .wrap{padding:42px 0}.hero h1{font-size:44px;letter-spacing:-2px}.hero p{font-size:17px}.hero-art{right:-130px;width:100%;opacity:.18}.hero-art:before{font-size:160px}.actions{gap:12px}.button{padding:14px 18px;gap:22px}.geography .wrap{font-size:9px;gap:13px;letter-spacing:1px}.catalog{padding-top:36px}h2{font-size:32px}.category{padding:0 10px}.category h3{font-size:19px;letter-spacing:-.5px}.category p{font-size:11px}.num{left:12px;font-size:14px}.equipment{margin-bottom:15px}.selection{grid-template-columns:1fr;padding:35px 0}.diagram{height:150px}.diagram:before{height:100px}.about .wrap{gap:25px}.about h2{font-size:32px}.about article{padding-left:18px}.about p{font-size:15px}.industrial{height:100px}.industrial svg{width:95%;height:95px}.contact{grid-template-columns:1fr;padding:35px 0}.contact .phone{font-size:26px}.footer .wrap{flex-wrap:wrap}.footer nav{flex-wrap:wrap;gap:15px}.document{padding:35px 5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Five main catalogue directions */
@media(min-width:1101px){.categories{grid-template-columns:repeat(5,minmax(0,1fr))}.category h3{font-size:21px}.category{padding:0 14px}.category p{font-size:12px}}
@media(min-width:601px) and (max-width:1100px){.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 0}.category:nth-child(n){padding:0 16px;border-right:1px solid var(--line)}.category:nth-child(3n){border:0}.category:nth-child(3n+1){padding-left:0}}
@media(max-width:600px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category:nth-child(odd){padding-left:0}.category:nth-child(even){border:0}}
.e4{background-image:url('assets/imported-equipment.png');background-size:contain;background-position:center;background-repeat:no-repeat}
/* Catalogue and product pages */
.catalog-page,.product-page{padding-top:30px;padding-bottom:65px;min-height:70vh}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#66705e;margin-bottom:40px;line-height:1.7}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.catalog-heading h1{font-size:clamp(35px,5vw,65px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;max-width:1000px}.catalog-heading .slash{color:#83a000}.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.catalog-tabs a{padding:12px 18px;border:1px solid #b7c0aa;font-weight:bold;font-size:14px}.catalog-tabs a:hover,.catalog-tabs a[aria-current]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.catalog-search{margin:30px 0}.catalog-search label{display:block;font-size:12px;color:#56604e;margin-bottom:9px}.catalog-search>div{display:flex;gap:10px}.catalog-search input{min-width:0;flex:1;border:1px solid #b7c0aa;padding:15px;background:#fff;font:inherit}.series-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;margin:35px 0}.series-list a{border-top:1px solid #cbd0c2;padding:15px 0;display:flex;justify-content:space-between;font-size:14px;gap:15px;line-height:1.4}.series-list a:hover{color:#607500}.series-list span{font-size:20px}.result-count{font:12px monospace;text-transform:uppercase;letter-spacing:1px;color:#67725d;margin:25px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-card{background:#fff;display:flex;flex-direction:column;border:1px solid #d6dccd;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#789000}.product-photo{aspect-ratio:1.15;overflow:hidden;padding:18px;background:white}.product-photo img{display:block;width:100%;height:100%;object-fit:contain}.product-card-info{padding:22px;border-top:1px solid #e3e7db;display:flex;flex-direction:column;flex:1}.product-card h2{font-size:19px;letter-spacing:-.4px;text-transform:none;line-height:1.25;margin:0 0 25px}.product-card-info>span{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;color:#647054}.product-card-info b{font-size:25px;color:var(--ink)}.catalog-pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:35px}.catalog-pagination a{padding:10px 15px;border:1px solid var(--line)}.catalog-pagination a[aria-current]{background:var(--ink);color:var(--lime)}.empty-catalog{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:35px 0 60px}.empty-catalog .equipment{margin:0}.empty-catalog h2{font-size:34px}.empty-catalog p{color:#687260;margin-bottom:28px}.empty-result{padding:35px;background:#e9eddc}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.product-intro h1{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-1px;margin:20px 0}.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-gallery>a:first-child{grid-column:1/-1}.product-gallery>a{background:#fff;border:1px solid #d6dccd;display:block}.product-gallery img{width:100%;height:auto;display:block;object-fit:contain}.product-gallery>a:first-child img{max-height:520px}.manufacturer{font-size:13px;color:#59674e;border-bottom:1px solid var(--line);padding-bottom:20px}.manufacturer a{text-decoration:underline;text-underline-offset:4px}.product-excerpt{line-height:1.7;font-size:16px}.spec-link{display:block;font-size:13px;margin:24px 0;text-decoration:underline;text-underline-offset:4px}.product-details{padding:50px 0;max-width:1100px;margin:35px auto 0;line-height:1.75;border-top:1px solid var(--line);overflow-x:auto}.product-details h2{font-size:29px;letter-spacing:-.7px;text-transform:none;line-height:1.25;margin:35px 0 22px}.product-details h3{font-size:22px;line-height:1.3}.product-details table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;background:#fff;margin:20px 0}.product-details td,.product-details th{border:1px solid #ccd2c2;padding:12px 15px;text-align:left;vertical-align:top}.product-details tr:nth-child(even){background:#eef1e7}.product-details th{background:#263020;color:#fff}.product-details img{max-width:100%;height:auto}.product-request{border-top:1px solid var(--line);margin-top:25px;padding:45px 0}.product-request .slash{color:#83a000}.product-details a{text-decoration:underline}.hero h1{max-width:900px}.catalog .categories{row-gap:35px}.catalog-all-link{margin-top:30px;display:inline-flex;border-bottom:1px solid #6c775b;padding-bottom:8px;font-weight:bold;gap:35px}
@media(max-width:950px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-intro{gap:30px}.series-list{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-catalog{gap:25px}.empty-catalog h2{font-size:28px}}
@media(max-width:600px){.catalog-page,.product-page{padding-top:24px}.breadcrumbs{margin-bottom:25px}.catalog-heading h1{letter-spacing:-1px;font-size:35px}.catalog-tabs{gap:6px}.catalog-tabs a{font-size:11px;padding:10px}.series-list{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card-info{padding:12px}.product-card h2{font-size:15px;line-height:1.3}.product-photo{padding:7px}.product-card-info>span{font-size:10px}.product-intro{grid-template-columns:1fr;gap:25px}.product-gallery>a:first-child img{max-height:360px}.product-intro h1{font-size:30px}.product-details{padding-top:25px}.product-details table{font-size:12px;min-width:430px}.product-details td,.product-details th{padding:9px}.empty-catalog{grid-template-columns:1fr}.empty-catalog .equipment{max-width:350px}.catalog-search .button{gap:8px;padding:13px}.catalog-search input{font-size:14px;width:100px}.catalog-search>div{gap:7px}}
