*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#4a5568;--primary-dark:#2d3748;--text-color:#1f2933;--text-light:#6b7280;--bg-page:#f7f8fb;--bg-light:#f0f2f8;--bg-white:#ffffff;--border-color:#e1e6ef;--surface-card:#ffffff;--accent-soft:rgba(74,85,104,0.12);--accent-shadow:rgba(74,85,104,0.2);--accent-shadow-soft:rgba(74,85,104,0.15);--accent-faint:rgba(74,85,104,0.08);--success-soft:rgba(16,185,129,0.15)}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-page);overflow-x:hidden;width:100%;max-width:100vw}
.container{max-width:1200px;margin:0 auto;padding:0 10px;width:100%;overflow-x:hidden}

/* Header */
.header{background:var(--bg-white);box-shadow:0 6px 20px rgba(15,23,42,0.08);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}
.header-content{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;gap:1rem}
.logo{display:flex;align-items:center}
.logo img{height:43px;width:auto}
.nav{display:flex;gap:1rem;flex:1;justify-content:center}
.nav a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color 0.3s}
.nav a:hover,.nav a.active{color:var(--primary-color)}
.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem}
.phone{font-size:1.1rem;font-weight:600;color:var(--primary-color);text-decoration:none}
.work-time{font-size:0.875rem;color:var(--text-light)}
.phone-icon-mobile{display:none;font-size:1.5rem;text-decoration:none;color:var(--text-color)}
.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}
.burger-menu span{width:100%;height:3px;background:var(--text-color);border-radius:3px;transition:all 0.3s}
.burger-menu.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}
.burger-menu.active span:nth-child(2){opacity:0}
.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}
.mobile-nav{display:none;flex-direction:column;gap:0.5rem;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:0.5rem;align-items:center;text-align:center}
.mobile-nav.active{display:flex}
.mobile-nav a{text-decoration:none;color:var(--text-color);font-weight:500;padding:0.5rem 0;font-size:0.95rem;transition:color 0.3s;text-align:center}
.mobile-nav a:hover{color:var(--primary-color)}
.mobile-nav-phone{text-decoration:none;color:var(--primary-color);font-weight:700!important;font-size:1.6rem!important;padding:0.5rem 0 0.25rem 0;display:block;font-weight:bold}
.mobile-nav-time{font-size:0.875rem;color:var(--text-light);margin-top:0}

/* Buttons */
.btn{padding:0.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block;text-align:center}
.btn-primary{background:var(--primary-color);color:white}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px rgba(15,23,42,0.12)}
.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}
.btn-outline:hover{background:var(--primary-color);color:white}
.btn-large{padding:1rem 2rem;font-size:1.1rem}
.btn-hero{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:100%;box-shadow:0 8px 24px var(--accent-shadow)}
.btn-hero:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 32px var(--accent-shadow)}

/* Hero Section */
.hero{background:var(--bg-white);padding:4rem 0 4rem 0}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem!important;align-items:center}
.hero-left{display:flex;flex-direction:column;gap:0.75rem}
.hero h1{font-size:3rem;margin-bottom:0;font-weight:700;color:var(--text-color);line-height:1.2}
.hero-subtitle{font-size:0.85rem;margin-bottom:0;color:var(--text-light);font-weight:400}
.hero-form{display:flex;flex-direction:column;gap:1rem;margin-top:0.5rem;max-width:66.67%}
.phone-input-wrapper{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:8px;padding:0.25rem 0;background:var(--surface-card);transition:border-color 0.3s}
.phone-input-wrapper:focus-within{border-color:var(--primary-color)}
.phone-prefix{padding:0 0.75rem;font-size:1rem;font-weight:500;color:var(--text-color);white-space:nowrap;line-height:1}
.phone-input{flex:1;padding:0.5rem 1rem;border:none;font-size:1rem;font-family:inherit;outline:none;color:var(--text-color);background:transparent}
.phone-input::placeholder{color:var(--text-light)}
.hero-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}
.hero-printer-wrapper{position:relative;width:100%;max-width:500px;height:100%}
.hero-printer{width:100%;height:auto;max-width:320px;position:relative;z-index:2}
@media (min-width:769px){.hero-printer{max-width:416px}}
.page-hero{background:var(--bg-light);padding:3rem 0;text-align:center}
.page-hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}
.page-hero .hero-image{max-width:300px;margin-top:2rem}

/* Sections */
section{padding:4rem 0}
h2{font-size:2rem;margin-bottom:1rem;text-align:center;color:var(--text-color)}
.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:2rem;font-size:1.1rem}
.text-center{text-align:center}

/* Services Grid */
.services-title{font-size:2rem;margin-bottom:1rem;text-align:center;color:var(--text-color)}
.services-highlight{color:var(--primary-color)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}
.service-card{background:var(--surface-card);border-radius:12px;padding:2rem;text-align:center;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 20px 40px rgba(15,23,42,0.08);display:flex;flex-direction:column;align-items:center;gap:1rem}
.service-card:hover{transform:translateY(-5px);box-shadow:0 30px 50px rgba(15,23,42,0.12)}
.service-icon-wrapper{width:160px;height:160px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.service-icon{width:120px;height:120px;object-fit:contain}
.service-link{font-size:1.5rem;color:var(--text-color);font-weight:600;text-decoration:none;display:inline-block;padding:0.5rem 1.5rem;border:2px solid var(--border-color);border-radius:8px;transition:all 0.3s;position:relative;overflow:hidden}
.service-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width 0.3s ease}
.service-link:hover{color:var(--primary-color);border-color:var(--primary-color)}
.service-link:hover::after{width:100%}

/* Service Info Section */
.service-info{background:var(--bg-white);padding:3rem 0}
.service-info-card{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);border-radius:16px;padding:2.5rem;display:flex;align-items:center;gap:2rem;box-shadow:0 25px 50px rgba(74,85,104,0.25);border:2px solid var(--primary-color)}
.service-info-icon{flex-shrink:0;width:80px;height:80px;background:var(--bg-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.info-icon{width:50px;height:50px;object-fit:contain}
.service-info-content{flex:1}
.service-info-title{font-size:1.5rem;font-weight:700;color:var(--bg-white);margin:0 0 1rem 0;line-height:1.3}
.service-info-text{font-size:1.1rem;color:var(--bg-white);line-height:1.6;margin:0.5rem 0}
.service-info-text strong{font-weight:700;color:var(--bg-white)}

/* Problems Section */
.problems-title{font-size:2rem;margin-bottom:1rem;text-align:left;color:var(--text-color);line-height:1.3}
.problems-highlight{color:var(--primary-color);font-size:2.2rem}
.problems-subtitle{text-align:left;color:var(--text-light);margin-bottom:2rem;font-size:1.1rem}
.problems-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2rem}
.problems-list-wrapper{background:var(--accent-soft);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}
.problems-list{display:flex;flex-direction:column;gap:0}
.problem-item{background:var(--surface-card);padding:0.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:0.25rem}
.problem-item:last-of-type{border-bottom:none;margin-bottom:0}
.problem-name{font-size:1rem;color:var(--text-color);font-weight:500}
.problem-price{font-size:1rem;color:var(--text-color);font-weight:600}
.btn-problems{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:100%;margin-top:0.5rem}
.btn-problems:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.problems-icon-wrapper{display:flex;justify-content:center;align-items:center}
.problems-icon{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 10px 20px rgba(15,23,42,0.15))}

/* Prices Section */
.prices{background:var(--bg-white);padding:4rem 0}
.prices-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--primary-color)}
.prices-wrapper{background:var(--accent-soft);border-radius:16px;padding:2rem;max-width:1200px;margin:0 auto}
.prices-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.prices-column{display:flex;flex-direction:column;gap:0.25rem}
.price-item{background:var(--surface-card);padding:0.5rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 24px rgba(15,23,42,0.08)}
.price-name{font-size:1rem;color:var(--text-color);font-weight:500;flex:1}
.price-value{font-size:1rem;color:var(--text-color);font-weight:600;white-space:nowrap;margin-left:1rem}
.prices-button-wrapper{display:flex;justify-content:center;margin-top:1rem}
.btn-prices{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s}
.btn-prices:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}

/* Promo */
.promo{background:var(--bg-white);padding:4rem 0}
.promo-title{font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--text-color)}
.promo-highlight{color:var(--primary-color)}
.promo-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.promo-card{border-radius:16px;padding:2.5rem;display:flex;flex-direction:column}
.discount-card{background:var(--primary-color);color:white;position:relative;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='4rem' font-weight='700' fill='rgba(255,255,255,0.08)' text-anchor='middle' dominant-baseline='middle'%3E%25%3C/text%3E%3C/svg%3E");background-size:100px 100px}
.discount-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:white;text-align:left;position:relative;z-index:1}
.countdown{display:flex;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}
.countdown-item{background:var(--surface-card);border-radius:8px;padding:1rem;min-width:70px;text-align:center;flex:1;border:1px solid var(--border-color);box-shadow:0 15px 35px rgba(15,23,42,0.08);display:flex;flex-direction:column;align-items:center;justify-content:center}
.countdown-number{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:0.5rem;text-align:center;width:100%}
.countdown-label{font-size:0.875rem;color:var(--text-light);font-weight:500;text-align:center;width:100%}
.btn-discount{background:var(--surface-card);color:var(--text-color);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;transition:all 0.3s;width:100%;position:relative;z-index:1}
.btn-discount:hover{background:var(--bg-white);transform:translateY(-2px);box-shadow:0 20px 40px rgba(15,23,42,0.08)}
.guarantee-card{background:var(--surface-card);border:2px solid var(--primary-color);color:var(--text-color);box-shadow:0 25px 50px rgba(15,23,42,0.08)}
.guarantee-title{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;color:var(--text-color);text-align:left}
.guarantee-subtitle{font-size:1rem;color:var(--text-light);margin-bottom:2rem;text-align:left}
.guarantee-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:auto}
.btn-guarantee{background:var(--primary-color);color:white;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all 0.3s;white-space:nowrap;flex-shrink:0}
.btn-guarantee:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.guarantee-icons{display:flex;align-items:center;justify-content:flex-end;flex:1}
.route-icon{width:100%;max-width:120px;height:auto}

/* Benefits */
.benefits{background:var(--bg-light);padding:4rem 0}
.benefits-card{background:var(--surface-card);border-radius:16px;padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;box-shadow:0 30px 60px rgba(15,23,42,0.08);border:1px solid var(--border-color)}
.benefits-left{position:relative}
.benefits-image-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:flex-start}
.benefits-image{position:relative;z-index:1;width:100%;max-width:500px;height:auto;object-fit:contain}
.benefits-right{display:flex;flex-direction:column;gap:1.5rem}
.benefits-title{font-size:2rem;font-weight:700;line-height:1.3;margin:0;text-align:left}
.benefits-highlight{color:var(--primary-color)}
.benefits-content{position:relative}
.benefits-text{font-size:1.1rem;color:var(--text-color);line-height:1.8;margin:0;text-align:left}
.benefits-actions{display:flex;align-items:center;gap:1rem}
.btn-benefits{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all 0.3s;white-space:nowrap}
.benefits-question-wrapper{position:relative;display:inline-block}
.benefits-question{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all 0.3s}
.benefits-question:hover{background:var(--primary-dark)}
.benefits-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:10px;background:var(--surface-card);color:var(--text-color);padding:0.75rem 1rem;border-radius:8px;font-size:0.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;z-index:10;pointer-events:none;border:1px solid var(--border-color);box-shadow:0 18px 30px rgba(15,23,42,0.08)}
.benefits-tooltip::after{content:'';position:absolute;top:100%;right:20px;border:6px solid transparent;border-top-color:var(--surface-card)}
.benefits-question-wrapper:hover .benefits-tooltip{opacity:1;visibility:visible}
.btn-benefits:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}
.benefit-item{padding:1.5rem;background:var(--bg-light);border-radius:8px}
.benefit-item h4{font-size:1.25rem;margin-bottom:0.5rem;color:var(--primary-color)}

/* Brands */
.brands{background:var(--bg-white);padding:4rem 0}
.brands-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.brands-left{display:flex;justify-content:flex-start}
.brands-card{background:var(--accent-soft);border-radius:16px;padding:2rem;width:100%;max-width:600px}
.brands-card-inner{background:var(--surface-card);border-radius:12px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 50px rgba(15,23,42,0.08);border:1px solid var(--border-color)}
.brands-title{font-size:2.5rem;font-weight:700;line-height:1.3;margin:0;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;align-items:baseline}
.brands-title-orange{color:var(--primary-color);font-size:2.6rem}
.brands-title-black{color:var(--text-color);font-size:2.6rem}
.brands-text{font-size:1.15rem;color:var(--text-color);line-height:1.8;margin:0;text-align:left}
.brands-disclaimer{background:rgba(255,152,0,0.1);border-left:4px solid var(--primary-color);padding:1rem 1.25rem;margin-top:1.5rem;border-radius:8px}
.brands-disclaimer p{font-size:1rem;color:var(--text-color);line-height:1.6;margin:0.5rem 0}
.brands-disclaimer p:first-child{margin-top:0}
.brands-disclaimer p:last-child{margin-bottom:0}
.brands-disclaimer strong{color:var(--primary-color)}
.brands-right{display:flex;justify-content:center;align-items:center}
.brands-image{width:100%;max-width:600px;height:auto;object-fit:contain}
.brands-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}
.brand-tag{background:var(--surface-card);padding:0.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);font-weight:500}
.service-details{background:var(--surface-card)}

/* Parts */
.parts{background:var(--bg-white);padding:4rem 0}
.parts-content{display:flex;justify-content:center;align-items:center}
.parts-left{position:relative;display:flex;justify-content:center;align-items:center}
.parts-image-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:flex-start}
.parts-image{position:relative;z-index:1;width:100%;max-width:450px;height:auto;object-fit:contain}
.parts-right{display:flex;flex-direction:column;gap:1.5rem}
.parts-card{background:var(--surface-card);border-radius:16px;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;width:100%;max-width:1200px;box-shadow:0 30px 60px rgba(15,23,42,0.08);border:1px solid var(--border-color)}
.parts-title{font-size:2rem;font-weight:700;line-height:1.3;margin:0;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;align-items:baseline}
.parts-title-normal{color:var(--text-color);font-size:2rem}
.parts-title-nowrap{white-space:nowrap}
.parts-title-orange{color:var(--primary-color);font-size:2rem}
.parts-text{font-size:1.15rem;color:var(--text-color);line-height:1.8;margin:0;text-align:left}
.btn-parts{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all 0.3s;width:100%;max-width:300px;align-self:flex-start}
.btn-parts:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}

/* Team */
.team{background:var(--bg-light)}
.team-title{font-size:2rem;font-weight:700;line-height:1.3;text-align:center;margin-bottom:0.25rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0.1rem;align-items:baseline}
.team-title-orange{color:var(--primary-color)}
.team-title-normal{color:var(--text-color)}
.team-carousel-wrapper{position:relative;margin-top:2rem}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:stretch}
.team-member{text-align:center;background:var(--surface-card);padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;height:100%;box-shadow:0 25px 50px rgba(15,23,42,0.08);border:1px solid var(--border-color)}
.team-pagination{display:none;justify-content:center;gap:0.75rem;margin-top:2rem}
.team-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:all 0.3s}
.team-dot.active{background:var(--primary-color);width:12px;height:12px}
.team-member img{width:100%;max-width:150px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;margin-bottom:1rem;flex-shrink:0}
.team-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-color);text-decoration:none;border:2px solid var(--border-color);padding:0.5rem 1.5rem;border-radius:8px;transition:all 0.3s;display:inline-block;white-space:nowrap;width:fit-content}
.team-name:hover{color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--accent-shadow-soft)}
.team-member p{color:var(--text-light);margin:0}

/* Diagnosis */
.diagnosis{background:var(--bg-white);padding:4rem 0;position:relative;overflow:hidden}
.diagnosis-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.diagnosis-left{display:flex;flex-direction:column;gap:0.25rem}
.diagnosis-title{font-size:2.5rem;font-weight:700;line-height:1.3;text-align:left;margin:0}
.diagnosis-text-normal{color:var(--text-color)}
.diagnosis-text-highlight{color:var(--primary-color)}
.diagnosis-image-wrapper{position:relative;width:100%;max-width:500px;margin:0}
.diagnosis-image{width:100%;height:auto;max-width:450px}
.diagnosis-right{position:relative;display:flex;justify-content:center;align-items:center}
.diagnosis-form-wrapper{position:relative;z-index:2;width:100%;max-width:500px}
.diagnosis-form{display:flex;flex-direction:column;gap:1.5rem}
.diagnosis-form-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 0.25rem 0;text-align:left}
.phone-input-wrapper-diagnosis{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:8px;padding:0.25rem 0;background:var(--surface-card);transition:border-color 0.3s}
.phone-input-wrapper-diagnosis:focus-within{border-color:var(--primary-color)}
.phone-input-wrapper-diagnosis .phone-prefix{padding:0 0.75rem;font-size:1rem;font-weight:500;color:var(--text-color);white-space:nowrap;line-height:1}
.phone-input-diagnosis{flex:1;padding:0.5rem 1rem;border:none;font-size:1rem;font-family:inherit;outline:none;color:var(--text-color);background:transparent}
.phone-input-diagnosis::placeholder{color:var(--text-light)}
.problem-textarea{padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;outline:none;color:var(--text-color);background:var(--surface-card)}
.problem-textarea::placeholder{color:var(--text-light)}
.btn-diagnosis{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:100%}
.btn-diagnosis:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.diagnosis-form-note{font-size:0.875rem;color:var(--text-light);text-align:center;margin:0}
.diagnosis-form-note u{text-decoration:underline;cursor:pointer}
.contact-form{max-width:600px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1rem}
.contact-form input,.contact-form textarea{padding:1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--surface-card);color:var(--text-color)}
.contact-form textarea{resize:vertical;min-height:120px}
.form-note{font-size:0.875rem;color:var(--text-light);text-align:center}

/* Reviews */
.reviews{background:var(--bg-white);padding:4rem 0}
.reviews-content{display:grid;grid-template-columns:0.6fr 1.4fr;gap:4rem;align-items:center}
.reviews-left{display:flex;flex-direction:column;gap:1.5rem}
.reviews-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.25rem;align-items:baseline;max-width:500px}
.reviews-title-normal{color:var(--text-color);font-size:2.5rem}
.reviews-title-nowrap{white-space:nowrap}
.reviews-title-orange{color:var(--primary-color);font-size:2.5rem}
.reviews-stars-top{color:var(--primary-color);font-size:3rem;line-height:1}
.reviews-right{position:relative}
.reviews-carousel{display:flex;align-items:center;gap:1rem;position:relative}
.reviews-slider{position:relative;width:100%;overflow:hidden}
.review-card-wrapper{display:none;width:100%;background:var(--accent-soft);border-radius:16px;padding:1.5rem;max-width:2800px;min-height:280px}
.review-card-wrapper.active{display:block}
.review-card{background:var(--surface-card);padding:2rem 4rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-height:100%;width:100%;justify-content:space-between;border:1px solid var(--border-color);box-shadow:0 30px 60px rgba(15,23,42,0.08)}
.review-card p{line-height:1.8;color:var(--text-color);margin:0;font-size:1.05rem;flex:1;word-wrap:break-word;overflow-wrap:break-word}
.review-bottom{display:flex;align-items:center;gap:0.5rem;margin-top:auto}
.review-card .author{font-weight:600;color:var(--text-color);font-style:normal;margin:0;font-size:1.1rem}
.review-card .stars{color:var(--primary-color);font-size:1.75rem;margin:0}
.reviews-arrow{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--primary-color);color:var(--primary-color);font-size:1.5rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;flex-shrink:0;z-index:10;line-height:1;padding:0}
.reviews-arrow:hover{background:var(--primary-color);color:white;transform:scale(1.1)}
.reviews-pagination{display:flex;justify-content:center;gap:0.75rem;margin-top:2rem}
.pagination-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:all 0.3s}
.pagination-dot.active{background:var(--primary-color);width:12px;height:12px}

/* Contact */
.contact{background:var(--bg-light);padding:4rem 0}
.contact-content{display:grid;grid-template-columns:0.9fr 1.1fr;gap:3rem;align-items:center;background:var(--surface-card);border-radius:16px;padding:3rem;box-shadow:0 40px 80px rgba(15,23,42,0.08);border:1px solid var(--border-color)}
.contact-left{display:flex;flex-direction:column;gap:1.5rem}
.contact-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;align-items:baseline;max-width:400px}
.contact-title-orange{color:var(--primary-color);font-size:2.5rem}
.contact-title-normal{color:var(--text-color);font-size:2.5rem}
.contact-phone{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}
.contact-address{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}
.btn-contact{background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:fit-content;align-self:flex-start}
.btn-contact:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.contact-legal{display:flex;flex-direction:column;gap:0.5rem;margin-top:auto}
.contact-legal p{font-size:0.9rem;color:var(--text-light);margin:0}
.contact-right{position:relative;border-radius:12px;overflow:hidden}
.contact-map{width:100%;height:311px;max-height:311px;border-radius:12px;overflow:hidden;position:relative;border:2px solid var(--accent-soft)}
.contact-map iframe{width:100%;height:311px;border:none;border-radius:12px}
.contact-map script{width:100%!important;height:311px!important}
.contact-map ymaps{width:100%!important;height:311px!important}
.contact-map>div{height:311px!important;max-height:311px!important}

/* Contact About */
.contact-about{margin:1.5rem 0;padding:1rem 0;border-left:4px solid var(--primary-color);padding-left:1rem}
.contact-about p{font-size:0.95rem;line-height:1.6;margin:0.5rem 0;color:var(--text-color)}
.contact-about strong{color:var(--primary-color)}

/* Footer */
.footer{background:transparent;color:var(--text-color);padding:2rem 0;font-size:0.875rem}
.footer-disclaimer{background:var(--bg-light);border:2px solid var(--primary-color);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;text-align:center}
.footer-disclaimer p{margin:0;color:var(--text-color);font-size:0.9rem;line-height:1.6}
.footer-disclaimer strong{color:var(--primary-color)}
.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}
.footer-legal{flex:1;min-width:250px}
.footer-legal p{margin:0.25rem 0;color:var(--text-color);font-size:0.875rem}
.footer-legal strong{color:var(--primary-color)}
.footer-links{flex:1;min-width:200px;text-align:right;display:flex;flex-direction:column;gap:0.5rem}
.footer-links p{margin:0;color:var(--text-color)}
.footer-links a{color:var(--text-color);text-decoration:none}
.footer-links a:hover{color:var(--primary-color);text-decoration:underline}

/* Modal */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:auto}
.modal-content{background-color:var(--surface-card);margin:5% auto;padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative;border:1px solid var(--border-color);box-shadow:0 50px 80px rgba(15,23,42,0.12)}
.privacy-modal-content{max-width:800px;max-height:90vh;overflow-y:auto}
.success-modal-content,.error-modal-content{max-width:400px;text-align:center;padding:3rem 2rem}
.success-icon-wrapper,.error-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}
.success-icon-wrapper::before,.error-icon-wrapper::before{content:'';position:absolute;width:100px;height:100px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}
.success-icon-wrapper::before{background:var(--success-soft)}
.error-icon-wrapper::before{background:var(--accent-faint)}
.success-icon,.error-icon{width:80px;height:80px;position:relative;z-index:1}
.success-circle{stroke:#4caf50;stroke-width:3;fill:none;stroke-dasharray:157.08;stroke-dashoffset:157.08}
.success-circle.animate{animation:drawCircle 0.6s ease-in-out forwards}
.success-check{stroke:#4caf50;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
@keyframes drawCircle{to{stroke-dashoffset:0}}
.error-circle{stroke:#f44336;stroke-width:3;fill:none;stroke-dasharray:157.08;stroke-dashoffset:157.08}
.error-circle.animate{animation:drawCircle 0.6s ease-in-out forwards}
.error-cross{stroke:#f44336;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:40;stroke-dashoffset:40}
.error-cross.animate{animation:drawCross 0.4s ease-in-out 0.6s forwards}
@keyframes drawCross{to{stroke-dashoffset:0}}
.success-title,.error-title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0 0 0.5rem 0}
.success-message,.error-message{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0.5rem 0}
.success-submessage,.error-submessage{font-size:1rem;color:var(--text-light);margin:0.5rem 0 1.5rem 0}
.btn-success{background:#2563eb;color:white;padding:0.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:100%;max-width:200px}
.btn-success:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 8px rgba(37,99,235,0.3)}
.btn-error{background:#f44336;color:white;padding:0.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s;width:100%;max-width:200px}
.btn-error:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px rgba(244,67,54,0.3)}
.privacy-text{max-height:60vh;overflow-y:auto;line-height:1.8;color:var(--text-color)}
.privacy-text p{margin-bottom:1rem}
.privacy-text p:first-child{font-weight:600;margin-bottom:1.5rem}
.privacy-text h4{margin-top:1.5rem;margin-bottom:0.75rem;font-weight:600;color:var(--text-color);font-size:1.1rem}
.close{color:var(--text-light);float:right;font-size:2rem;font-weight:bold;cursor:pointer;position:absolute;right:1rem;top:1rem;z-index:10}
.close:hover{color:var(--text-color)}
.modal-content h3{margin-bottom:1rem;margin-top:1rem}
.modal-content p{margin-bottom:1.5rem;color:var(--text-light)}
.master-name-highlight{color:var(--primary-color);font-weight:700}
.modal-form{display:flex;flex-direction:column;gap:1rem}
.phone-input-wrapper-modal{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:8px;padding:0.25rem 0;background:var(--surface-card);transition:border-color 0.3s}
.phone-input-wrapper-modal:focus-within{border-color:var(--primary-color)}
.country-selector{display:flex;align-items:center;padding:0 0.75rem;background:var(--surface-card);gap:0.5rem;position:relative}
.flag-icon{font-size:1.2rem}
.country-code{border:none;background:transparent;font-size:1rem;font-weight:500;color:var(--text-color);outline:none;cursor:pointer;appearance:none;padding:0.25rem 1.5rem 0.25rem 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:12px}
.phone-input-modal{flex:1;padding:0.5rem 1rem;border:none;font-size:1rem;font-family:inherit;outline:none;color:var(--text-color);background:transparent}
.phone-input-modal::placeholder{color:var(--text-light)}
.btn-modal{width:100%;background:var(--primary-color);color:white;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s}
.btn-modal:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}
.form-note u{text-decoration:underline}

/* Responsive */
@media (max-width:768px){
  html,body{overflow-x:hidden;width:100%;max-width:100vw;position:relative}
  .header{padding:0}
  .header-content{padding:0.25rem 0;min-height:50px}
  .logo img{height:30px}
  .nav{display:none}
  .header-contact{display:none}
  .btn-primary:not(.mobile-consult-btn):not(.btn-modal){display:none}
  .phone-icon-mobile{display:block}
  .burger-menu{display:flex}
  .hero-content{grid-template-columns:1fr;gap:2rem}
  .hero h1{font-size:2rem}
  .hero-subtitle{font-size:0.85rem}
  .hero-form{max-width:80%}
  .hero-right{min-height:300px}
  h2{font-size:1.5rem}
  .services-grid{grid-template-columns:1fr}
  .service-info{padding:2rem 0}
  .service-info-card{flex-direction:column;text-align:center;padding:2rem;gap:1.5rem}
  .service-info-icon{width:70px;height:70px}
  .info-icon{width:45px;height:45px}
  .service-info-title{font-size:1.25rem;text-align:center}
  .service-info-text{font-size:1rem}
  .problems-content{grid-template-columns:1fr;gap:2rem}
  .problems-title{font-size:1.75rem;text-align:center}
  .problems-highlight{font-size:1.9rem}
  .problems-subtitle{text-align:center}
  .problems-icon-wrapper{order:-1}
  .prices-title{font-size:2rem}
  .prices-wrapper{padding:1.5rem}
  .prices-columns{grid-template-columns:1fr;gap:1rem}
  .promo-cards{grid-template-columns:1fr;gap:1.5rem}
  .countdown{justify-content:center}
  .benefits-card{grid-template-columns:1fr;gap:2rem;padding:2rem}
  .benefits-title{font-size:1.5rem}
  .benefits-text{font-size:0.95rem}
  .benefits-image{max-width:80%}
  .team-carousel-wrapper{position:relative;overflow:hidden;padding:0 2rem}
  .team-grid{display:flex;gap:0;overflow:hidden;position:relative;width:100%}
  .team-member{min-width:100%;flex-shrink:0;opacity:0;transform:translateX(100%);transition:opacity 0.3s,transform 0.3s;display:none;width:100%}
  .team-member.active{opacity:1;transform:translateX(0);display:flex}
  .team-pagination{display:flex!important}
  .diagnosis-content{grid-template-columns:1fr;gap:0.5rem}
  .diagnosis-title{font-size:2rem;text-align:center}
  .diagnosis-image-wrapper{max-width:100%;display:flex;justify-content:center}
  .diagnosis-image{max-width:80%}
  .diagnosis-form-wrapper{padding:0.5rem 2rem 1rem 2rem}
  .brands{padding:2rem 0}
  .brands-content{grid-template-columns:1fr;gap:2rem}
  .brands-image{display:none}
  .brands-card{max-width:100%}
  .brands-title-orange{font-size:1.75rem}
  .brands-title-black{font-size:1.75rem}
  .brands-text{font-size:0.95rem}
  .brands-disclaimer{padding:0.875rem 1rem;margin-top:1rem}
  .brands-disclaimer p{font-size:0.9rem}
  .brands-card-inner{padding:2rem}
  .parts{padding:2rem 0}
  .parts-card{grid-template-columns:1fr;gap:2rem;padding:2rem;max-width:100%}
  .parts-right{justify-content:center}
  .parts-title{font-size:1.5rem}
  .parts-title-normal{font-size:1.5rem}
  .parts-title-orange{font-size:1.5rem}
  .parts-text{font-size:0.95rem}
  .parts-image{max-width:80%}
  .parts-card{padding:2rem}
  .reviews{padding:2rem 0}
  .reviews-content{grid-template-columns:1fr;gap:2rem}
  .reviews-title{font-size:2rem;text-align:center;justify-content:center}
  .reviews-title-normal{font-size:2rem}
  .reviews-title-orange{font-size:2rem}
  .reviews-stars-top{display:none}
  .reviews-arrow{display:none}
  .review-card{text-align:left;padding:2rem}
  .review-card .stars{font-size:1.1rem}
  .review-bottom{flex-direction:column;align-items:flex-start;gap:0.25rem}
  .contact-content{grid-template-columns:1fr;gap:2rem;padding:2rem}
  .contact-title{font-size:2rem}
  .contact-title-orange{font-size:2rem}
  .contact-title-normal{font-size:2rem}
  .contact-phone{font-size:1.25rem}
  .contact-address{font-size:1.25rem}
  .contact-map{display:none}
  .contact-about{padding-left:0.75rem;margin:1rem 0}
  .contact-about p{font-size:0.875rem}
  .footer-disclaimer{padding:0.75rem 1rem}
  .footer-disclaimer p{font-size:0.8rem}
  .footer-content{flex-direction:column;text-align:center;justify-content:center;gap:1rem}
  .footer-legal{text-align:center}
  .footer-links{text-align:center}
}