:root{--wc-green: #2e7d32; --wc-dark: #142b21; --wc-orange: #e65100; --wc-muted: #66776f; --wc-bg: #f6f9f7;}
html{scroll-behavior: smooth; scroll-padding-top: 106px;}
body{color: rgb(24, 44, 34);}
#inquiry, #factory-location, #why-waltive, #connect{scroll-margin-top: 110px;}
.wc-container{width: min(1280px, 100% - 48px); margin-inline: auto;}
.wc-section{padding: 76px 0px;}
.wc-section-heading{font-family: Montserrat, sans-serif; font-weight: 900; font-size: clamp(28px, 3vw, 39px); line-height: 1.18; color: rgb(25, 50, 38); margin: 0px 0px 13px;}
.wc-eyebrow{font-weight: 800; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(38, 115, 77); margin: 0px 0px 12px;}
.wc-body-copy{font-size: 16px; line-height: 1.7; color: rgb(92, 112, 101); max-width: 730px; margin: 0px;}
.wc-hero{position: relative; min-height: 480px; display: flex; align-items: center; color: rgb(255, 255, 255); isolation: isolate; background: rgb(37, 67, 46);}
.wc-hero::before{content: ""; position: absolute; inset: 0px; background: image-set(url("contact-hero.webp") 1x type("image/webp"), url("contact-hero.png") 1x type("image/png")) center 53% / cover no-repeat; z-index: -2;}
.wc-hero::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(9, 28, 18, 0.87) 0%, rgba(9, 28, 18, 0.66) 38%, rgba(9, 28, 18, 0.17) 78%, rgba(9, 28, 18, 0.03)); z-index: -1;}
.wc-hero-inner{width: min(1280px, 100% - 48px); margin-inline: auto; padding-block: 70px;}
.wc-hero-copy{max-width: 710px;}
.wc-hero .wc-eyebrow{color: rgb(167, 243, 189);}
.wc-hero h1{font-family: Montserrat, sans-serif; font-weight: 900; font-size: clamp(30px, 3.7vw, 52px); line-height: 1.12; color: rgb(255, 255, 255); letter-spacing: -0.035em; margin: 0px 0px 20px; text-transform: none; white-space: nowrap;}
.wc-hero p:not(.wc-eyebrow){font-size: clamp(16px, 1.5vw, 19px); line-height: 1.58; color: rgb(242, 249, 243); max-width: 670px; margin: 0px 0px 28px;}
.wc-actions{display: flex; gap: 12px; flex-wrap: wrap;}
.wc-btn{display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 12px 23px; border-radius: 8px; font: 800 13px Montserrat, sans-serif; text-decoration: none; transition: background 0.2s, transform 0.2s;}
.wc-btn:hover{transform: translateY(-1px);}
.wc-btn:focus-visible{outline: rgb(230, 81, 0) solid 3px; outline-offset: 4px;}
.wc-btn.green{background: var(--wc-green); color: rgb(255, 255, 255);}
.wc-btn.green:hover{background: rgb(27, 94, 32);}
.wc-btn.white{background: rgb(255, 255, 255); color: rgb(33, 76, 49);}
.wc-btn.white:hover{background: rgb(231, 243, 233);}
.wc-btn.outline{border: 1px solid rgba(255, 255, 255, 0.65); color: rgb(255, 255, 255);}
.wc-btn.outline:hover{background: rgba(255, 255, 255, 0.16);}
.wc-visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0px;}
.wc-value-bar{background: rgb(246, 249, 247); padding: 38px 0px;}
.wc-value-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
.wc-value-item{position: relative; min-width: 0px; min-height: 120px; display: flex; flex-direction: column; justify-content: center; gap: 11px; padding: 24px 19px 24px 26px; background: rgb(255, 255, 255); border: 1px solid rgb(223, 234, 226); border-radius: 10px; box-shadow: rgba(19, 45, 28, 0.035) 0px 4px 18px;}
.wc-value-item::before{content: ""; position: absolute; inset-block: 17px; inset-inline-start: 0px; width: 4px; background: var(--wc-green); border-radius: 0px 3px 3px 0px;}
.wc-value-item h3{font: 800 15px / 1.4 Montserrat, sans-serif; color: rgb(27, 75, 48); letter-spacing: 0.025em; margin: 0px;}
.wc-value-item p{font: 400 16px / 1.5 "Source Sans 3", sans-serif; color: rgb(82, 103, 89); margin: 0px;}
.wc-form-area{background: rgb(255, 255, 255);}
.wc-form-head{text-align: center; max-width: 790px; margin: 0px auto 40px;}
.wc-form-head .wc-body-copy{margin: 0px auto;}
.wc-form-grid{display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 28px; align-items: start;}
.wc-details-card{padding: 32px; border-radius: 13px; border: 1px solid rgb(224, 233, 227); background: rgb(248, 251, 249); min-width: 0px;}
.wc-details-card h3{font: 800 26px / 1.3 Montserrat, sans-serif; color: rgb(24, 63, 41); margin: 0px 0px 26px;}
.wc-details-card > p{color: rgb(101, 119, 107); line-height: 1.65; margin: 0px 0px 22px; font-size: 15px;}
.wc-info{display: grid; gap: 21px; margin-bottom: 30px;}
.wc-info-item{display: grid; grid-template-columns: 28px minmax(0px, 1fr); gap: 15px; min-width: 0px;}
.wc-info-item i{color: rgb(46, 125, 50); font-size: 21px; margin-top: 2px;}
.wc-info-item small{display: block; color: rgb(116, 133, 121); font-weight: 700; font-size: 12px; letter-spacing: 0.07em; text-transform: uppercase; margin-bottom: 5px;}
.wc-info-item span, .wc-info-item a{color: rgb(29, 59, 42); font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none;}
.wc-info-item a:hover{text-decoration: underline;}
.wc-small-actions{display: flex; gap: 9px; flex-wrap: wrap;}
.wc-small-actions a{display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 10px 14px; border-radius: 7px; background: rgb(229, 244, 233); color: rgb(26, 95, 50); text-decoration: none; font-weight: 800; font-size: 14px; transition: background 0.2s;}
.wc-small-actions a:hover{background: rgb(211, 235, 217);}
.wc-small-actions a:focus-visible{outline: rgb(230, 81, 0) solid 3px; outline-offset: 3px;}
.wc-form-shell{border: 1px solid rgb(223, 233, 226); border-radius: 14px; padding: clamp(20px, 3vw, 36px); box-shadow: rgba(19, 45, 28, 0.08) 0px 20px 60px; background: rgb(255, 255, 255); min-width: 0px;}
.wc-connect{background: rgb(237, 245, 239);}
.wc-connect-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center;}
.wc-qr-list{display: flex; justify-content: flex-end; gap: 24px; flex-wrap: wrap;}
.wc-qr{border: 1px solid rgb(220, 232, 223); background: rgb(255, 255, 255); border-radius: 14px; padding: 17px; text-align: center; min-width: 182px; box-shadow: rgba(20, 60, 31, 0.06) 0px 8px 24px;}
.wc-qr img{width: 150px; height: 150px; object-fit: contain; margin: auto;}
.wc-qr strong{display: block; margin-top: 11px; color: rgb(26, 57, 42); font-size: 14px;}
.wc-mobile-messaging{display: none;}
.wc-factory{background: rgb(255, 255, 255);}
.wc-map-grid{display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(250px, 0.6fr); gap: 26px; align-items: stretch; margin-top: 27px;}
.wc-map{position: relative; min-height: 365px; border-radius: 13px; overflow: hidden; border: 1px solid rgb(217, 226, 218); background: rgb(233, 240, 234);}
.wc-map iframe{display: block; border: 0px; width: 100%; height: 100%; min-height: 365px;}
.wc-map-card{background: rgb(246, 249, 247); border: 1px solid rgb(218, 232, 220); border-radius: 13px; padding: 30px;}
.wc-map-card h3{font: 800 18px / 1.4 Montserrat, sans-serif; color: rgb(25, 51, 38); margin: 0px 0px 15px;}
.wc-map-card p{line-height: 1.7; color: rgb(80, 99, 87); margin: 0px 0px 24px;}
.wc-map-links{display: flex; gap: 10px; flex-wrap: wrap;}
.wc-map-links a{background: rgb(228, 240, 231); color: rgb(26, 101, 53); padding: 10px 12px; text-decoration: none; border-radius: 7px; font-size: 13px; font-weight: 800;}
[dir="rtl"] .wc-hero::after{background: linear-gradient(270deg, rgba(9, 28, 18, 0.88), rgba(9, 28, 18, 0.61) 40%, rgba(9, 28, 18, 0.03) 84%);}
[dir="rtl"] .wc-info, [dir="rtl"] .wc-details-card, [dir="rtl"] .wc-map-card, [dir="rtl"] .wc-form-head, [dir="rtl"] .wc-value-item{text-align: right;}
[dir="rtl"] .wc-form-head{text-align: center;}
@media (max-width: 1000px) {.wc-value-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.wc-form-grid{grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1.18fr); gap: 18px;}
.wc-details-card{padding: 23px;}}
@media (max-width: 800px) {.wc-hero{min-height: 425px;}
.wc-form-grid{grid-template-columns: 1fr;}
.wc-connect-grid{grid-template-columns: 1fr;}
.wc-qr-list{justify-content: flex-start;}
.wc-map-grid{grid-template-columns: 1fr;}
.wc-section{padding: 60px 0px;}}
@media (max-width: 640px) {.wc-container{width: min(100% - 32px, 560px);}
.wc-hero-inner{width: min(100% - 32px, 560px);}
.wc-hero{min-height: 360px;}
.wc-hero-inner{padding-block: 46px;}
.wc-hero h1{font-size: clamp(17px, 5.2vw, 30px);}
.wc-hero::before{background-position: 58% center;}
.wc-hero::after{background: rgba(9, 28, 18, 0.69);}
.wc-actions .wc-btn{flex: 1 1 180px; text-align: center;}
.wc-section{padding: 50px 0px;}
.wc-value-bar{padding: 26px 0px;}
.wc-value-grid{grid-template-columns: 1fr; gap: 12px;}
.wc-value-item{min-height: 100px; padding: 18px 17px 18px 22px; gap: 8px;}
.wc-qr-list{display: none;}
.wc-mobile-messaging{display: flex; gap: 12px; flex-wrap: wrap;}
.wc-mobile-messaging a{display: inline-flex; min-height: 46px; align-items: center; padding: 10px 18px; background: rgb(46, 125, 50); color: white; border-radius: 8px; font-weight: 800; text-decoration: none;}
.wc-map, .wc-map iframe{min-height: 285px;}
.wc-map-card{padding: 23px;}}
@media (max-width: 360px) {.wc-hero h1{font-size: 16px; letter-spacing: -0.045em;}}
:lang(ru) .wc-hero h1, :lang(es) .wc-hero h1, :lang(ar) .wc-hero h1{letter-spacing: -0.025em;}
@media (prefers-reduced-motion: reduce) {.wc-btn{transition: none !important;}}
.wc-value-item h3, .wc-value-item p{overflow-wrap: break-word;}
.wc-info-item a, .wc-info-item span{overflow-wrap: anywhere;}
@media (min-width: 801px) and (max-width: 1000px) {.wc-value-item{min-height: 114px;}}
@media (max-width: 640px) {.wc-details-card{padding: 24px;}
.wc-details-card h3{font-size: clamp(22px, 6vw, 26px);}
.wc-value-item h3{font-size: 15px;}
.wc-value-item p{font-size: 16px;}}
@media (prefers-reduced-motion: reduce) {.wc-small-actions a{transition: none !important;}}