@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#171a1d;--muted:#697078;--paper:#f4f4f1;--white:#fff;--orange:#f06b32;--line:#d9dbd7;--dark:#171b1e;--dark2:#20262a;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 64px));margin:0 auto}.topline{background:#111416;color:#aeb4b7;font-size:11px;letter-spacing:.04em}.topline-inner{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.topline a{color:#fff}.header{background:#fff;border-bottom:1px solid #e6e7e3;position:sticky;top:0;z-index:1000}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:#fff;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:1px solid #ececea}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.brand b{display:block;font-size:16px;letter-spacing:-.04em}.brand small{display:block;font-size:9px;color:#777f84;letter-spacing:.12em;font-weight:700;margin-top:2px}.nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;row-gap:8px;column-gap:16px;font-size:12px;font-weight:700;min-width:0;max-width:100%;flex:1}.nav>a:not(.nav-cta){color:#4f565b}.nav>a.active,.nav>a:hover{color:var(--orange)}.nav-cta{background:var(--ink);color:white;padding:13px 16px}.nav-cta span{color:var(--orange)}.menu-toggle{display:none;border:0;background:var(--ink);color:#fff;font-size:20px;width:42px;height:42px}.hero{position:relative;min-height:650px;background:var(--dark);color:#fff;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,20,.98) 0%,rgba(15,18,20,.91) 43%,rgba(15,18,20,.38) 100%),linear-gradient(0deg,rgba(15,18,20,.35),rgba(15,18,20,.05)),url('../images/bodor_a3t6.png') center/cover no-repeat;transform:scale(1.01)}.hero-content{position:relative;z-index:1;padding-top:70px;padding-bottom:48px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#f08a5d;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow.dark{color:#d75c2c}.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(240,107,50,.15)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6.2vw,76px);line-height:1.06;letter-spacing:-.065em;margin:0 0 25px;font-weight:800;max-width:800px}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:590px;color:#c1c6c8;font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 19px;font:800 12px "Noto Sans",Arial,sans-serif;border:1px solid transparent;cursor:pointer;transition:.2s}.btn span{font-size:16px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#d95621;transform:translateY(-2px)}.btn-ghost{border-color:#5b6265;color:#fff}.btn-ghost:hover{border-color:#fff}.btn-outline{border-color:#c6c9c5;color:var(--ink);background:transparent}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.hero-foot{display:flex;gap:32px;margin-top:66px;padding-top:20px;border-top:1px solid #43494c;max-width:720px}.hero-foot div{display:flex;gap:10px;align-items:center}.hero-foot b{color:var(--orange);font-size:12px}.hero-foot span{font-size:10px;color:#b7bdc0}.hero-stamp{position:absolute;right:max(24px,calc((100vw - var(--max))/2));bottom:45px;border:1px solid rgba(255,255,255,.35);padding:16px 18px;display:flex;flex-direction:column;gap:12px;color:#d1d4d5;font-size:9px;letter-spacing:.15em}.hero-stamp b{font-size:18px;color:#fff;letter-spacing:-.05em}.hero-stamp b span{font-size:10px;color:var(--orange)}.ticker{background:var(--orange);color:#fff}.ticker-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;font-size:10px;letter-spacing:.1em;font-weight:800}.ticker i{font-style:normal;font-size:16px;opacity:.75}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.band h2,.cta-section h2,.detail-grid h2,.contact-info h2,.about-layout h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.06em;margin:0}.section-head>p{max-width:420px;color:var(--muted);font-size:13px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:270px;padding:25px 25px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s,color .2s}.service-card:hover{background:#fff}.service-card.featured{background:#fff}.service-no{font-size:9px;font-weight:800;color:#92989b;letter-spacing:.12em}.service-icon{font-size:35px;color:var(--orange);margin:18px 0 12px;line-height:1}.service-card h3{font-size:20px;letter-spacing:-.04em;margin:0 0 8px}.service-card p{font-size:12px;color:var(--muted);max-width:300px;margin-bottom:22px}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:11px;font-weight:800}.card-link b{font-size:16px;color:var(--orange)}.band{background:var(--dark);color:#fff;padding:80px 0}.band-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:42px 70px}.band-copy p{color:#b8bfc1;font-size:14px;line-height:1.9;max-width:510px}.text-link{display:inline-flex;gap:20px;color:#fff;font-size:12px;font-weight:800;border-bottom:1px solid #4e5558;padding-bottom:8px}.text-link b{color:var(--orange)}.metric{border-top:1px solid #41474a;padding-top:18px;display:flex;gap:15px;align-items:center}.metric b{font-size:30px;letter-spacing:-.06em;color:var(--orange)}.metric span{font-size:11px;color:#c3c8ca}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work-card{position:relative;min-height:265px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background-color:#343a3d;background-image:linear-gradient(0deg,rgba(12,15,17,.9),rgba(12,15,17,.05)),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 20px)}.work-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);pointer-events:none}.work-card>span,.work-card>b,.work-card>i,.work-card>small{position:relative}.work-card>span{font-size:9px;letter-spacing:.12em;color:#ff9a6d;margin-bottom:12px}.work-card>b{font-size:20px;line-height:1.25;max-width:260px;letter-spacing:-.04em}.work-card>i{position:absolute;right:18px;top:18px;font-style:normal;font-size:20px;color:var(--orange)}.work-card>small{font-size:10px;color:#c6cbcc;margin-top:9px}.work-one{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-sheet-metal.jpg')}
.work-two{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-structural-parts.jpg')}
.work-three{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-machined-parts.jpg')}
.work-four{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-bent-housings.jpg')}
.work-five{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-welded-frames.jpg')}
.work-six{background-image:linear-gradient(0deg,rgba(12,15,17,.82),rgba(12,15,17,.04)),url('../images/work-finished-products.jpg')}
.work-one,.work-two,.work-three,.work-four,.work-five,.work-six{background-size:cover;background-position:center}.center{text-align:center;margin-top:34px}.cta-section{background:#e6e7e2;padding:78px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner p{max-width:520px;color:var(--muted);font-size:13px;margin:20px 0 0}.footer{background:#111416;color:#fff;padding:45px 0 0}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:start;padding-bottom:40px}.brand-light .brand-mark{background:#fff;border-color:#fff}.brand-light b{color:#fff}.brand-light small{color:#899195}.footer-top>p{font-size:12px;color:#9ea6a9}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:#c0c5c6}.footer-nav a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #343a3d;padding:17px 0;display:flex;justify-content:space-between;gap:16px;color:#777f82;font-size:9px}.page-hero{padding:82px 0 70px;background:#e8e9e5;border-bottom:1px solid #d7d9d4}.page-hero h1{font-size:clamp(42px,6vw,70px);color:var(--ink)}.page-hero p{font-size:14px;color:var(--muted);max-width:620px;line-height:1.85;margin:0}.page-hero .hero-actions{margin-top:25px}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:80px 1fr 30px;gap:20px;align-items:center;padding:25px 5px;border-bottom:1px solid var(--line);transition:padding .2s} .service-list>a:hover{padding-left:15px;padding-right:15px;background:#fff}
.service-list>a{position:relative;overflow:hidden}
.service-list>a:before{content:"";position:absolute;left:5px;top:0;width:0;height:3px;background:var(--orange);transition:width .25s ease}
.service-list>a:hover:before,.service-list>a:focus-visible:before{width:72px}
.service-list>a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.service-list h2{transition:color .2s ease}
.service-list>a:hover h2,.service-list>a:focus-visible h2{color:var(--orange)}
.gallery-section{background:#eceeea}
.gallery-intro{max-width:650px;color:var(--muted);font-size:13px;margin:18px 0 32px;line-height:1.85}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gallery-placeholder{min-height:210px;background:linear-gradient(135deg,#343b3e,#1b2023);border:1px solid #485054;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}
.gallery-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);pointer-events:none}
.gallery-placeholder>*{position:relative}
.gallery-placeholder small{color:#ff9a6d;font-size:9px;letter-spacing:.14em;font-weight:800}
.gallery-placeholder b{font-size:18px;line-height:1.3;letter-spacing:-.03em}
.gallery-placeholder span{font-size:10px;color:#c6cbcc}
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-placeholder{min-height:180px}}
@media(max-width:420px){.gallery-grid{grid-template-columns:1fr}.gallery-placeholder{min-height:170px}}.service-list>a>b{color:var(--orange);font-size:12px}.service-list h2{font-size:23px;letter-spacing:-.04em;margin:0 0 5px}.service-list p{font-size:12px;color:var(--muted);margin:0}.service-list>a>span{font-size:21px;color:var(--orange)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.body-copy{font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px}.detail-points>div{display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.detail-points>div:first-child{border-top:1px solid var(--line)}.detail-points span{font-size:12px;font-weight:800;color:var(--orange)}.detail-points p{font-size:13px;margin:0;color:#50585c}.works-page{grid-template-columns:repeat(3,1fr)}.about-layout{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.about-graphic{min-height:390px;background:linear-gradient(135deg,#242a2d,#111416);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-graphic:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #555e62;transform:rotate(45deg);right:-160px;top:40px;box-shadow:0 0 0 30px rgba(255,255,255,.02),0 0 0 60px rgba(255,255,255,.02)}.graphic-cross{font-size:70px;color:var(--orange);position:relative;z-index:1}.about-graphic>b{font-size:34px;letter-spacing:-.07em;position:relative;z-index:1}.about-graphic>b span{font-size:12px;color:var(--orange)}.about-graphic small{font-size:10px;letter-spacing:.18em;color:#aeb6b9;line-height:1.8;position:relative;z-index:1}.about-layout .btn{margin-top:15px}.contact-layout{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:start}.contact-info h2{margin-bottom:32px}.contact-item{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-item small{font-size:9px;letter-spacing:.13em;color:#858d91;font-weight:800}.contact-item b{font-size:15px}.contact-item p{font-size:11px;color:var(--muted);margin:0}.notice{padding:13px 15px;background:#fff1e9;border-left:3px solid var(--orange);font-size:11px;color:#6d5548;margin-top:15px}.request-form{background:#fff;padding:30px}.request-form h3{font-size:25px;letter-spacing:-.05em;margin-bottom:5px}.request-form>p{font-size:12px;color:var(--muted);margin-bottom:25px}.request-form label{display:block;font-size:11px;font-weight:800;margin-bottom:15px}.request-form input,.request-form select,.request-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe1dd;background:#f8f8f6;padding:13px;font:12px "Noto Sans",Arial,sans-serif;color:var(--ink);border-radius:0}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{outline:1px solid var(--orange);border-color:var(--orange)}.request-form textarea{resize:vertical}.request-form .btn{width:100%}.form-note{display:block;font-size:9px;color:#82898c;line-height:1.7;margin-top:14px}.form-result{font-size:11px;color:#4d6b47;margin-top:12px}
@media(max-width:1100px) and (min-width:761px){.nav{column-gap:10px;row-gap:6px;font-size:11px}.nav>a{font-size:10px}.nav-cta{padding:10px 12px}}
@media(max-width:980px){.nav{gap:10px}.nav>a{font-size:11px}.nav-cta{padding:11px}.service-card{padding:20px}.hero-stamp{display:none}.band-grid{gap:35px}.detail-grid,.contact-layout{gap:40px}.about-layout{gap:45px}}
@media(max-width:760px){.container{width:min(100% - 32px,var(--max))}.topline-inner{font-size:9px}.topline-inner span{max-width:68%}.nav-wrap{min-height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 14px 18px rgba(0,0,0,.1);align-items:stretch;flex-direction:column;gap:0}.nav.is-open{display:flex}.nav>a{padding:12px 0;border-bottom:1px solid #eee}.nav>a.nav-cta{padding:13px;margin-top:10px;text-align:center}.brand-mark{width:42px;height:42px}.brand b{font-size:14px}.brand small{font-size:8px}.hero{min-height:610px}.hero-bg{background-position:58% center}.hero-content{padding-top:60px;padding-bottom:35px}.hero-lead{font-size:13px}.hero-foot{margin-top:45px;gap:15px;flex-wrap:wrap}.hero-foot div{width:calc(50% - 10px)}.hero-foot span{font-size:9px}.ticker-inner{justify-content:center;flex-wrap:wrap;font-size:8px;gap:10px}.ticker-inner span:last-child{display:none}.section{padding:68px 0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:250px;padding:16px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.band{padding:60px 0}.band-grid{grid-template-columns:1fr;gap:25px}.metric{padding-top:12px}.work-grid,.works-page{grid-template-columns:1fr 1fr}.work-card{min-height:220px;padding:15px}.work-card>b{font-size:16px}.cta-section{padding:60px 0}.cta-inner{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.footer-top>p{display:none}.footer-bottom{flex-wrap:wrap}.page-hero{padding:60px 0 50px}.service-list>a{grid-template-columns:40px 1fr 20px;gap:12px;padding:20px 0}.service-list h2{font-size:19px}.service-list p{font-size:11px}.detail-grid,.contact-layout,.about-layout{grid-template-columns:1fr;gap:35px}.about-graphic{min-height:270px}.request-form{padding:22px}}
@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.work-grid,.works-page{grid-template-columns:1fr}.work-card{min-height:240px}.hero-actions .btn{width:100%;justify-content:space-between}.footer-top{grid-template-columns:1fr}.footer-nav{max-width:280px}.footer-bottom{display:grid;gap:8px}.topline-inner span{max-width:65%}.topline-inner a{text-align:right}}

/* Clickable portfolio categories */
.works-page .work-card{display:flex;text-decoration:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;outline:none}
.works-page .work-card:after{content:"";position:absolute;left:20px;right:20px;bottom:16px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.works-page .work-card:hover,.works-page .work-card:focus-visible{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,0,0,.2);filter:saturate(1.12)}
.works-page .work-card:hover:after,.works-page .work-card:focus-visible:after{transform:scaleX(1)}
.portfolio-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:36px;align-items:start}
.portfolio-photo{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#e8e8e8}
.portfolio-note{padding:24px;background:#f4f3f0;border-left:3px solid var(--orange)}
.portfolio-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.portfolio-slot{min-height:150px;border:1px dashed #b8b8b8;background:#f7f6f3;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:#737373;font-size:13px}
.portfolio-detail h2{margin-top:0}
@media(max-width:760px){.portfolio-detail{grid-template-columns:1fr}.portfolio-album{grid-template-columns:1fr 1fr}.works-page .work-card:after{transform:scaleX(1);opacity:.8}}

/* Contact form delivery options */
.form-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}
.form-actions .btn{cursor:pointer}
.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#168447;color:#fff;border:1px solid #168447;padding:14px 20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,border-color .2s}
.btn-whatsapp:hover{background:#116d39;border-color:#116d39}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-result{white-space:pre-line}
.form-result.is-error{color:#a02f22}
.form-result.is-success{color:#286a36}

/* Global WhatsApp consultation shortcut */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:999;display:flex;align-items:center;gap:10px;background:#168447;color:#fff;text-decoration:none;padding:14px 18px;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.2);font-size:11px;font-weight:800;letter-spacing:.03em;transition:transform .2s,background .2s,box-shadow .2s}
.whatsapp-float:hover{background:#116d39;transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.24)}
.whatsapp-float .wa-icon{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;font-size:14px;line-height:1}
.file-upload-label .file-upload-hint{display:block;color:#7c8588;font-weight:500;font-size:10px;margin-top:5px}
.request-form input[type=file]{padding:11px;background:#fff;border-style:dashed;cursor:pointer}
.request-form .btn:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){.whatsapp-float{right:12px;bottom:12px;padding:12px 14px;font-size:10px}.whatsapp-float .wa-icon{width:21px;height:21px}}

/* Responsive width tuning: avoid a narrow centered column on large screens */
@media(min-width:1600px){.container{width:min(var(--max),calc(100% - 96px))}}
@media(min-width:1101px) and (max-width:1399px){.nav-wrap{gap:12px}.nav{column-gap:11px}.nav>a{font-size:11px}.nav-cta{padding:11px 12px}.language-switch{margin-left:10px}}
/* Language selector */
.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:8px;background:#f2f3f0;border:1px solid #e2e4df;border-radius:999px;padding:3px;z-index:8;order:5}
.language-switch button{appearance:none;border:0;background:transparent;color:#343a3d;border-radius:999px;padding:7px 9px;font:800 10px/1 "Noto Sans",Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.language-switch button:hover{background:#fff}
.language-switch button.active{background:var(--orange);color:#fff}
/* Wider desktop layout and clear language-selector placement */
@media(min-width:1400px){.section{padding:112px 0}.nav-wrap{gap:24px}.nav{column-gap:18px}.language-switch{margin-left:18px}}
@media(min-width:761px) and (max-width:1100px){.nav-wrap{flex-wrap:wrap;gap:12px 18px;padding:14px 0}.brand{order:1}.language-switch{order:2;margin-left:auto;margin-right:0}.nav{order:3;flex:0 0 100%;justify-content:flex-start;max-width:100%;column-gap:18px;row-gap:8px}.nav>a{font-size:11px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.language-switch{margin-left:auto;margin-right:0;order:2}.language-switch button{padding:8px 9px}.nav-wrap{flex-wrap:wrap}.nav{flex:0 0 100%;order:4}.menu-toggle{order:3}.brand{order:1}}


/* Unified typography: Noto Sans includes the full Kazakh Cyrillic set. Keep headings clear across RU / KK / EN. */
body{font-family:"Noto Sans",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
button,input,select,textarea,.btn{font-family:"Noto Sans",Arial,sans-serif}
h1{letter-spacing:-.035em}
.section-head h2,.band h2,.cta-section h2,.detail-grid h2,.contact-info h2,.about-layout h2{letter-spacing:-.025em}
.service-card h3,.service-list h2,.request-form h3,.work-card>b{letter-spacing:-.015em}
.brand b{letter-spacing:-.02em}
@media(max-width:700px){h1{letter-spacing:-.025em}.section-head h2,.band h2,.cta-section h2,.detail-grid h2,.contact-info h2,.about-layout h2{letter-spacing:-.015em}}

@media(max-width:760px){.brand-mark{width:54px;height:54px;flex-basis:54px}.brand{gap:9px}}


/* Final header audit: keep the logo consistent and prevent the quote CTA wrapping below the nav in Kazakh. */
.brand-mark{width:64px;height:64px;flex:0 0 64px;background:#fff;border:1px solid #ececea;overflow:hidden;display:grid;place-items:center}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.brand{align-items:center;flex-shrink:0;white-space:normal}
.nav-cta{white-space:nowrap;flex-shrink:0;align-self:center}
@media (min-width:1051px){
  .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1vw,18px)}
  .nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:clamp(5px,.65vw,12px);min-width:0;max-width:none;flex:1}
  .nav>a{white-space:nowrap;font-size:clamp(9px,.68vw,12px)}
  .nav-cta{padding:10px clamp(8px,.8vw,14px)}
  .language-switch{flex-shrink:0;margin-left:clamp(6px,.8vw,14px);order:5}
}
@media (max-width:1050px){
  .nav-wrap{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;min-height:78px;padding-top:8px;padding-bottom:8px}
  .brand{order:1;min-width:0}
  .brand-mark{width:58px;height:58px;flex-basis:58px}
  .language-switch{order:2;margin-left:auto;margin-right:0;flex-shrink:0}
  .menu-toggle{display:block;order:3;flex:0 0 42px}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;padding:12px 20px 20px;box-shadow:0 14px 18px rgba(0,0,0,.12);align-items:stretch;flex-direction:column;gap:0;max-width:none;min-width:0}
  .nav.is-open{display:flex}
  .nav>a{white-space:normal;font-size:12px;padding:12px 0;border-bottom:1px solid #eee}
  .nav>a.nav-cta{white-space:nowrap;padding:13px 16px;margin-top:10px;text-align:center;align-self:stretch}
}
@media(max-width:420px){
  .brand-mark{width:48px;height:48px;flex-basis:48px}
  .brand{gap:7px}
  .brand b{font-size:14px}
  .brand small{font-size:8px;letter-spacing:.07em}
  .language-switch button{padding:7px 7px;font-size:9px}
  .nav-wrap{gap:7px}
}


/* === Final header consistency fix: logo + multilingual navigation === */
.brand-mark{
  width:64px;height:64px;flex:0 0 64px;
  display:grid;place-items:center;overflow:hidden;
  background:#fff;border:1px solid #ececea;
}
.brand-mark img{
  display:block;width:100%;height:100%;
  object-fit:contain;object-position:center;background:#fff;
}
.nav-cta{
  display:inline-flex;align-items:center;justify-content:center;
  white-space:nowrap;word-break:keep-all;overflow-wrap:normal;
  flex:0 0 auto;min-width:max-content;line-height:1.2;
}
.nav>a{white-space:nowrap;flex:0 0 auto}
.language-switch{flex:0 0 auto;white-space:nowrap;margin-left:auto}

/* Keep the full desktop navigation on one baseline; switch to a menu before it gets cramped. */
@media (min-width:1201px){
  .nav-wrap{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.1vw,20px)}
  .brand{flex:0 0 auto}
  .nav{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0;gap:clamp(7px,.7vw,13px)}
  .nav>a{font-size:clamp(10px,.76vw,12px)}
  .nav-cta{padding:12px clamp(10px,.9vw,16px)}
  .language-switch{margin-left:clamp(8px,1vw,16px);order:4}
  .menu-toggle{display:none}
}
/* On smaller laptops/tablets, use the same dropdown menu as mobile instead of wrapping the CTA. */
@media (min-width:761px) and (max-width:1200px){
  .nav-wrap{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-height:78px;padding-top:8px;padding-bottom:8px}
  .brand{order:1;min-width:0;flex:0 1 auto}
  .brand-mark{width:58px;height:58px;flex-basis:58px}
  .language-switch{order:2;margin-left:auto;margin-right:0;flex:0 0 auto}
  .menu-toggle{display:block;order:3;flex:0 0 42px}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;border:1px solid #e6e7e3;box-shadow:0 12px 24px rgba(0,0,0,.12);padding:16px;flex-direction:column;align-items:stretch;gap:0;max-width:none;flex:none}
  .nav.is-open{display:flex}
  .nav>a{white-space:normal;padding:12px 8px;border-bottom:1px solid #f0f0ed;font-size:13px}
  .nav .nav-cta{white-space:nowrap;justify-content:center;margin-top:10px;padding:13px 16px}
}
@media (max-width:760px){
  .brand-mark{width:54px;height:54px;flex-basis:54px}
  .nav-cta{white-space:normal;min-width:0}
  .nav .nav-cta{white-space:normal}
}

/* Consistent logo rendering on every page and language */
.brand-mark {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  background: #fff;
  border: 1px solid #ececea;
  border-radius: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}
.brand {
  min-width: 0;
}
@media (max-width: 1050px) {
  .brand-mark { width: 58px; height: 58px; flex-basis: 58px; }
}
@media (max-width: 760px) {
  .brand-mark { width: 48px; height: 48px; flex-basis: 48px; }
}

/* Logo: same shared asset and size on every page/language */
.brand-mark { width:64px; height:64px; flex:0 0 64px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; border:1px solid #e8e8e8; }
.brand-mark img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; background:#fff; }
@media (max-width:1050px) { .brand-mark { width:58px; height:58px; flex-basis:58px; } }
@media (max-width:760px) { .brand-mark { width:48px; height:48px; flex-basis:48px; } }


/* Current page in the main navigation: same orange highlight on all pages and languages. */
.nav>a.active{color:var(--orange)!important;position:relative}
.nav>a.active:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;background:var(--orange);border-radius:2px}
.nav>a.active:hover,.nav>a.active:focus-visible{color:var(--orange)!important}
@media(max-width:760px){.nav>a.active:not(.nav-cta)::after{left:8px;right:auto;bottom:7px;width:28px;height:2px}}


/* Consistent service-card hover state across all language pages */
.service-grid > .service-card,
.service-grid > a.service-card,
.service-card.featured {
  background: var(--paper);
}
.service-grid > .service-card:hover,
.service-grid > .service-card:focus-visible,
.service-grid > a.service-card:hover,
.service-grid > a.service-card:focus-visible,
.service-card.featured:hover,
.service-card.featured:focus-visible {
  background: #fff !important;
}
.service-card {
  transition: background-color .2s ease, color .2s ease;
}

/* Фото производства в разделе «О компании» */
.about-graphic.about-photo{padding:0;background:#171b1d;min-height:390px;}
.about-graphic.about-photo:after{display:none;}
.about-graphic.about-photo img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center;}
@media(max-width:700px){.about-graphic.about-photo,.about-graphic.about-photo img{min-height:260px;}}