.dostavka-page {padding-bottom: 80px;}
.dostavka-page .contener {padding: 30px 20px;}
.dostavka-hero {display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; margin: 55px 0 90px;}
.dostavka-label {display: flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em;}
.dostavka-label:before {content: ""; width: 28px; height: 2px; background: #f58220;}
.dostavka-hero h1 {margin: 0 0 28px; max-width: 750px; font-size: clamp(48px, 6vw, 82px); line-height: .98; letter-spacing: -.045em;}
.dostavka-hero h1 span {color: #f58220;}
.dostavka-hero-text {max-width: 620px;}
.dostavka-hero-text > p {margin: 0 0 30px; max-width: 570px; color: #666; font-size: 19px; line-height: 1.55;}
.dostavka-price {display: inline-flex; flex-direction: column;}
.dostavka-price span {font-size: 13px; color: #888; margin-bottom: 3px;}
.dostavka-price strong {font-size: 32px; line-height: 1;}
.dostavka-visual {min-height: 400px; border-radius: 28px; background: #111; padding: 35px; box-sizing: border-box; position: relative; overflow: hidden;}
.dostavka-visual-title {color: #fff; font-size: 16px; margin-bottom: 25px;}
.dostavka-visual-card {background: #1c1c1c; border: 1px solid #303030; border-radius: 18px; padding: 20px; margin-bottom: 12px;}
.dostavka-visual-card:last-child {margin-bottom: 0;}
.dostavka-visual-card-top {display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.dostavka-visual-name {color: #fff; font-size: 18px; font-weight: 600;}
.dostavka-visual-status {width: 9px; height: 9px; border-radius: 50%; background: #f58220; flex-shrink: 0;}
.dostavka-visual-card p {margin: 9px 0 0; color: #777; font-size: 13px; line-height: 1.4;}
.dostavka-visual-line {position: absolute; width: 220px; height: 220px; right: -100px; bottom: -100px; border: 1px solid #333; border-radius: 50%;}
.dostavka-visual-line:before {content: ""; position: absolute; width: 150px; height: 150px; top: 34px; left: 34px; border: 1px solid #333; border-radius: 50%;}
.dostavka-intro {max-width: 850px; margin-bottom: 90px;}
.dostavka-intro h2 {margin: 0 0 25px; font-size: clamp(36px, 5vw, 58px); line-height: 1; letter-spacing: -.04em;}
.dostavka-intro p {margin: 0; color: #666; font-size: 19px; line-height: 1.6;}
.dostavka-section-title {margin-bottom: 35px;}
.dostavka-section-title h2 {margin: 0 0 12px; font-size: clamp(36px, 5vw, 58px); line-height: 1; letter-spacing: -.04em;}
.dostavka-section-title p {margin: 0; color: #777;}
.dostavka-services {display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 100px;}
.dostavka-service {background: #fff; border-radius: 22px; padding: 30px; min-height: 220px; box-sizing: border-box;}
.dostavka-service-number {color: #f58220; font-size: 14px; font-weight: 700;}
.dostavka-service h3 {margin: 45px 0 12px; font-size: 25px;}
.dostavka-service p {margin: 0; color: #777; line-height: 1.5;}
.dostavka-companies {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 100px;}
.dostavka-company {background: #111; color: #fff; border-radius: 22px; padding: 30px; min-height: 180px; box-sizing: border-box;}
.dostavka-company h3 {margin: 0 0 15px; font-size: 25px;}
.dostavka-company p {margin: 0; color: #999; line-height: 1.5;}
.dostavka-tariffs {display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 100px;}
.dostavka-tariff {background: #fff; border-radius: 24px; padding: 35px;}
.dostavka-tariff.featured {background: #111; color: #fff;}
.dostavka-tariff h3 {margin: 0 0 15px; font-size: 27px;}
.dostavka-tariff-price {margin-bottom: 25px; font-size: 34px; font-weight: 700;}
.dostavka-tariff p {margin: 0 0 22px; color: #777; line-height: 1.5;}
.dostavka-tariff.featured p {color: #999;}
.dostavka-tariff ul {margin: 0; padding: 0; list-style: none;}
.dostavka-tariff li {position: relative; padding: 9px 0 9px 24px; border-top: 1px solid #eee; line-height: 1.4;}
.dostavka-tariff.featured li {border-color: #303030;}
.dostavka-tariff li:before {content: "✓"; position: absolute; left: 0; color: #f58220; font-weight: 700;}
.dostavka-process {margin-bottom: 100px;}
.dostavka-steps {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.dostavka-step {background: #fff; border-radius: 22px; padding: 30px; min-height: 220px;}
.dostavka-step-number {color: #f58220; font-weight: 700;}
.dostavka-step h3 {margin: 45px 0 12px; font-size: 23px;}
.dostavka-step p {margin: 0; color: #777; line-height: 1.5;}
.dostavka-faq {max-width: 900px; margin-bottom: 100px;}
.dostavka-faq-item {padding: 25px 0; border-top: 1px solid #ddd;}
.dostavka-faq-item:last-child {border-bottom: 1px solid #ddd;}
.dostavka-faq-item h3 {margin: 0 0 10px; font-size: 20px;}
.dostavka-faq-item p {margin: 0; color: #777; line-height: 1.55;}
.dostavka-cta {background: #111; color: #fff; border-radius: 28px; padding: 55px; display: flex; justify-content: space-between; align-items: center; gap: 40px;}
.dostavka-cta h2 {margin: 0 0 12px; font-size: clamp(32px, 4vw, 50px); line-height: 1; letter-spacing: -.04em;}
.dostavka-cta p {margin: 0; color: #999;}
.dostavka-cta .btn {flex-shrink: 0;}
@media (max-width: 900px) {
    .dostavka-hero {grid-template-columns: 1fr; gap: 45px;} 
    .dostavka-services, .dostavka-companies, .dostavka-tariffs {grid-template-columns: 1fr;} 
    .dostavka-steps {grid-template-columns: 1fr;} 
    .dostavka-cta {flex-direction: column; align-items: flex-start; padding: 40px 30px;}
}
@media (max-width: 600px) {
    .dostavka-page .contener {padding: 20px 15px;} 
    .dostavka-hero {margin: 35px 0 65px;} 
    .dostavka-visual {min-height: 350px; padding: 25px;} 
    .dostavka-service, .dostavka-company, .dostavka-tariff, .dostavka-step {padding: 25px;} .dostavka-cta {padding: 35px 25px;}
}