/*
Theme Name: DoorHan Astana Exact Style
Theme URI: https://doorhanastana.kz/
Author: DoorHan Astana
Description: Профессиональная WordPress тема DoorHan Астана по предоставленному макету.
Version: 3.0.0
Text Domain: doorhan-astana
*/
:root{--blue:#064b91;--bright:#087bea;--dark:#052a52;--text:#334155;--muted:#6b7788;--line:#dfe8f1;--pale:#eff7ff;--purple:#7d3fa3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;font-size:15px;line-height:1.5}a{text-decoration:none;color:inherit}.dh-wrap{width:min(1380px,92%);margin:auto}
.dh-header{height:78px;background:#062e5b;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0002}.dh-nav{height:78px;display:flex;align-items:center;gap:28px}.dh-brand{width:225px;color:#fff;line-height:1;text-align:center}.dh-brand-main{display:block;font-family:Georgia,serif;font-size:37px;font-style:italic;font-weight:700;letter-spacing:-2px}.dh-brand-city{font-size:11px;letter-spacing:4px;margin-left:55px;color:#d7e7f8}.dh-menu{display:flex;align-items:center;gap:27px;flex:1;justify-content:center;font-size:14px}.dh-menu a{height:78px;display:flex;align-items:center;border-bottom:3px solid transparent}.dh-menu a:hover,.dh-menu .active{color:#63b5ff;border-color:#63b5ff}.dh-head-right{display:flex;align-items:center;gap:20px}.dh-phone{display:flex;align-items:center;gap:10px;font-size:13px}.dh-phone b{font-size:23px}.dh-phone small{display:block;color:#d1e1f2;font-size:10px;margin-top:2px}.dh-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:8px;font-weight:800;transition:.2s}.dh-btn-blue{background:#1685ee;color:#fff}.dh-btn-blue:hover{background:#0871d2}.dh-btn-bright{background:#0785f3;color:#fff}.dh-btn-glass{border:1px solid #fff;background:#ffffff10;color:#fff}.dh-btn-outline{border:1px solid #1685ee;color:#0871d2;background:#fff;padding:9px 28px}
.dh-hero{height:400px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(105deg,#061e3a,#0b4d8f 60%,#0c7ae3)}.dh-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,31,58,.78) 0%,rgba(4,31,58,.52) 38%,rgba(4,31,58,.08) 75%),url("assets/hero-astana.png");background-size:cover;background-position:center top;opacity:1}.dh-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,52,.20),rgba(3,28,52,0) 70%)}.dh-hero-overlay{position:absolute;right:0;top:0;width:180px;height:100%;background:linear-gradient(90deg,transparent,#0759aa);opacity:.38;pointer-events:none}.dh-hero-inner{height:400px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.dh-hero-copy{padding-left:24px}.dh-kicker{font-size:12px;letter-spacing:2px;color:#9bd2ff;font-weight:800;margin-bottom:10px}.dh-hero h1{font-size:54px;line-height:1.04;margin:0 0 15px;letter-spacing:-1.5px}.dh-hero p{font-size:20px;line-height:1.35;margin:0 0 24px}.dh-hero-buttons{display:flex;gap:13px}.dh-dealer{width:220px;text-align:center;margin-right:30px;font-size:14px;line-height:1.5;position:relative;z-index:3}.dh-dealer-logo{font-family:Georgia,serif;font-size:31px;font-weight:700;font-style:italic;margin-top:26px}.dh-dots{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}.dh-dots i{width:10px;height:10px;border-radius:50%;background:#879bb1}.dh-dots i.on{background:#1185ed}
.dh-products-strip{background:#fff;padding:26px 0 25px;position:relative;z-index:8}.dh-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.dh-product{height:147px;border:1px solid #e4ebf2;border-radius:8px;background:#fff;box-shadow:0 6px 17px #173a5c12;padding:9px 7px 10px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.dh-product:hover{transform:translateY(-2px);box-shadow:0 10px 24px #173a5c18}.dh-product b{color:#0753a1;font-size:12px;line-height:1.22}.dh-product-pic{height:91px;background-color:#e9f0f6;background-size:cover;background-position:center;border-radius:5px;position:relative;overflow:hidden}.dh-product-pic:after{display:none}.dh-product-pic.gate{background-image:url("assets/categories/garage.jpg")}.dh-product-pic.industrial{background-image:url("assets/categories/industrial.jpg")}.dh-product-pic.street{background-image:url("assets/categories/street.jpg")}.dh-product-pic.roll{background-image:url("assets/categories/roll.jpg")}.dh-product-pic.auto{background-image:url("assets/categories/auto.jpg")}.dh-product-pic.barrier{background-image:url("assets/categories/barrier.jpg")}}
.dh-section{padding:45px 0}.dh-about-section{padding-top:25px}.dh-about-grid{display:grid;grid-template-columns:365px 405px 1fr;gap:28px;align-items:center}.dh-company-photo{height:260px;border-radius:3px;background:linear-gradient(145deg,#9ed2fa,#eef8ff);position:relative;overflow:hidden}.dh-photo-building{position:absolute;left:12%;right:12%;bottom:0;height:73%;background:linear-gradient(135deg,#123b66,#8fb4d4);border-top:10px solid #fff;color:#fff;font-size:32px;font-weight:900;padding:18px;transform:skewY(-2deg)}.dh-about-text .dh-purple-title,.dh-section-title>span{font-size:12px;color:var(--purple);font-weight:800;letter-spacing:1px}.dh-about-text h2{font-size:30px;line-height:1.12;margin:10px 0 13px;color:#123d70}.dh-about-text p{color:#59697a;font-size:14px;margin:0 0 16px}.dh-why{background:#eef7ff;padding:19px 20px;min-height:260px}.dh-why h3{font-size:14px;color:#0753a1;margin:0 0 12px}.dh-why-grid{display:grid;grid-template-columns:repeat(3,1fr)}.dh-why-grid>div{text-align:center;padding:13px 7px;border-right:1px solid #ccdfef;border-bottom:1px solid #ccdfef;min-height:90px}.dh-why-grid>div:nth-child(3n){border-right:0}.dh-why-grid>div:nth-child(n+4){border-bottom:0}.dh-why-grid span{display:block;color:#0874d7;font-size:25px;line-height:1;margin-bottom:7px}.dh-why-grid b{font-size:11px;color:#0753a1;line-height:1.25}
.dh-manufacture{padding-top:0}.dh-manufacture-box{display:grid;grid-template-columns:1.35fr 1fr 250px;gap:25px;align-items:center;background:#eff8ff;border-radius:5px;padding:17px 20px}.dh-manufacture-copy h3{font-size:16px;color:#0753a1;margin:0 0 7px}.dh-manufacture-copy p,.dh-manufacture-note p{font-size:12px;line-height:1.35;color:#526174;margin:0}.dh-manufacture-note{border-left:1px solid #c8dceb;padding-left:24px;display:flex;gap:10px}.dh-manufacture-note span{font-size:27px;color:var(--purple);font-weight:900}.dh-finance{display:grid;gap:6px}.dh-finance>div{height:46px;background:#f04437;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:10px}.dh-finance strong{font-size:21px}.dh-finance b{font-size:11px;line-height:1.15}
.dh-catalog,.dh-process{background:#f7fafc}.dh-section-title{text-align:center;margin-bottom:27px}.dh-section-title h2{font-size:31px;color:#243b55;margin:6px 0}.dh-section-title p{color:#748092;margin:0}.dh-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dh-cards>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.dh-cards i{display:grid;place-items:center;width:44px;height:44px;background:#eaf4ff;border-radius:10px;color:#0874d7;font-style:normal;font-size:22px}.dh-cards h3{font-size:17px;margin:13px 0 6px}.dh-cards p{font-size:13px;color:#6b7788;margin:0}
.dh-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.dh-steps>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.dh-steps b{color:#0874d7;font-size:13px}.dh-steps h3{font-size:16px;margin:8px 0 4px}.dh-steps p{font-size:12px;color:#6b7788;margin:0}
.dh-faq details{max-width:850px;margin:0 auto 8px;border:1px solid var(--line);border-radius:7px;padding:15px 18px;background:#fff}.dh-faq summary{font-weight:800;cursor:pointer}.dh-faq p{color:#6b7788;margin:12px 0 0;font-size:13px}
.dh-contact{background:#f7fafc}.dh-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.dh-contact-card{background:#062e5b;color:#fff;border-radius:8px;padding:30px}.dh-contact-card>span{color:#8ec9ff;font-size:12px;font-weight:800}.dh-contact-card h2{font-size:29px;margin:9px 0}.dh-contact-card p{color:#c7d9ec}.dh-contact-card a{color:#fff;font-weight:800}.dh-form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px}.dh-form h3{margin-top:0}.dh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dh-form input,.dh-form select,.dh-form textarea{width:100%;padding:12px;border:1px solid #d8e0e8;border-radius:6px;font:inherit}.dh-form textarea{grid-column:1/-1;min-height:95px}.dh-form .dh-btn{grid-column:1/-1}.dh-footer{background:#06213f;color:#bfd0e2;padding:25px 0}.dh-footer .dh-wrap{display:flex;justify-content:space-between}.dh-footer b{color:#fff}
@media(max-width:1150px){.dh-menu{gap:14px}.dh-nav{gap:14px}.dh-brand{width:180px}.dh-product-grid{grid-template-columns:repeat(5,1fr)}.dh-about-grid{grid-template-columns:1fr 1fr}.dh-why{grid-column:1/-1}.dh-manufacture-box{grid-template-columns:1fr 1fr}.dh-finance{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:850px){.dh-menu{display:none}.dh-head-right{margin-left:auto}.dh-hero h1{font-size:43px}.dh-dealer{display:none}.dh-hero{height:380px}.dh-hero-inner{height:380px}.dh-cards{grid-template-columns:1fr 1fr}.dh-steps{grid-template-columns:1fr 1fr}.dh-contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dh-phone{display:none}.dh-header,.dh-nav{height:66px}.dh-brand-main{font-size:30px}.dh-brand-city{font-size:8px;letter-spacing:3px;margin-left:40px}.dh-hero,.dh-hero-inner{height:370px}.dh-hero-copy{padding-left:0}.dh-hero h1{font-size:36px}.dh-hero p{font-size:17px}.dh-hero-buttons{flex-direction:column;align-items:flex-start}.dh-product-grid{grid-template-columns:repeat(2,1fr)}.dh-product{height:135px}.dh-about-grid{grid-template-columns:1fr}.dh-company-photo{height:220px}.dh-manufacture-box{grid-template-columns:1fr}.dh-manufacture-note{border-left:0;border-top:1px solid #c8dceb;padding:15px 0 0}.dh-finance{grid-template-columns:1fr}.dh-cards,.dh-steps,.dh-form-grid{grid-template-columns:1fr}.dh-footer .dh-wrap{display:block}.dh-footer span{display:block;margin-top:6px}}