@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#101010;--panel:#191919;--yellow:#ffd429;--paper:#f5f4ef;--muted:#a5a5a5;--ink:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topline{background:#090909;color:#bdbdbd;font-size:11px;letter-spacing:.12em;text-transform:uppercase;position:fixed;top:0;left:0;right:0;width:100%;z-index:1001}.topline-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.header{background:#111;color:white;position:fixed;top:34px;left:0;right:0;width:100%;z-index:1000;border-bottom:1px solid #292929}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:7px}.brand-mark{width:43px;height:43px;border:2px solid var(--yellow);display:grid;place-items:center;font-weight:800;font-size:23px;color:white;letter-spacing:-5px;padding-right:4px}.brand-mark span{color:var(--yellow)}.brand-name{font-weight:800;font-size:19px;letter-spacing:.02em;line-height:1.1}.brand-name>span{color:var(--yellow)}.brand-name small{display:block;color:#999;font-size:8px;letter-spacing:.2em;margin-top:5px}.menu{display:flex;gap:27px;color:#c9c9c9;font-size:12px}.menu a:hover,.header-phone:hover{color:var(--yellow)}.header-phone{font-size:14px;font-weight:800;white-space:nowrap}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{background:var(--black);color:white;overflow:hidden;position:relative}.hero-grid{min-height:565px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding-top:45px;padding-bottom:50px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#777;display:flex;align-items:center;gap:10px}.eyebrow i{width:20px;height:3px;background:var(--yellow);display:inline-block}.hero .eyebrow{color:#aaa}.hero h1,.section h2,.dark-section h2,.request-section h2{font-size:clamp(42px,5.7vw,70px);line-height:1.06;letter-spacing:-.06em;margin:24px 0}.hero h1 em,.section h2 em,.dark-section h2 em,.request-section h2 em{font-style:normal;color:var(--yellow)}.hero-lead{max-width:520px;color:#b7b7b7;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:800;transition:.2s}.btn-yellow{background:var(--yellow);color:#111}.btn-yellow:hover{background:#ffe36b;transform:translateY(-2px)}.btn-outline{border:1px solid #555;color:white}.btn-outline:hover{border-color:var(--yellow);color:var(--yellow)}.hero-note{font-size:11px;color:#999;margin-top:24px}.check{color:var(--yellow);font-size:17px;margin-right:8px}.hero-art{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:350px;height:350px;background:#ffd4291b;border-radius:50%;filter:blur(50px)}.device{position:absolute;border:7px solid #343434;border-radius:35px;background:#242424;box-shadow:25px 30px 60px #0008}.device-back{height:330px;width:175px;transform:translate(70px,0) rotate(13deg);background:linear-gradient(145deg,#3a3a3a,#141414)}.device-front{height:365px;width:190px;transform:translate(-35px,8px) rotate(-9deg);padding:13px;background:#050505;border-color:#444}.screen{height:100%;border-radius:23px;background:radial-gradient(circle at 50% 35%,#49402a,#171717 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffd42945;border-radius:50%}.screen-dot{width:48px;height:48px;border-radius:50%;background:var(--yellow);box-shadow:0 0 50px #ffd42977}.screen-line{height:5px;width:80px;background:#ffffff50;border-radius:9px}.screen-line.short{width:50px}.screen-check{font-size:35px;color:var(--yellow);margin-top:18px}.yellow-tag{position:absolute;right:0;bottom:35px;background:var(--yellow);color:#111;padding:14px 20px;font-size:10px;transform:rotate(-5deg);box-shadow:8px 8px 0 #fff2}.yellow-tag b{font-size:15px;letter-spacing:.08em}.art-cross{position:absolute;right:38px;top:40px;color:var(--yellow);font-size:55px}.hero-bottom{border-top:1px solid #292929}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{padding:20px 12px;display:flex;align-items:center;gap:14px;border-right:1px solid #292929}.stats>div:first-child{padding-left:0}.stats b{font-size:24px;color:var(--yellow)}.stats span{font-size:10px;line-height:1.4;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section h2,.dark-section h2,.request-section h2{font-size:clamp(38px,4.5vw,56px)}.section-head>p{max-width:350px;color:#777;font-size:13px;line-height:1.9;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:white;padding:30px;min-height:345px;display:flex;flex-direction:column;border:1px solid #e8e6df;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0000,0 10px 30px #0000000d}.service-icon{width:48px;height:48px;display:grid;place-items:center;background:#fff5c6;color:#111;font-size:26px;margin-bottom:22px}.card-number{font-size:9px;letter-spacing:.16em;color:#999}.service-card h3{font-size:24px;letter-spacing:-.04em;margin:8px 0}.service-card p{font-size:12px;color:#777;line-height:1.8;margin:0 0 17px}.brands{font-size:10px;color:#555;font-weight:800;margin-top:auto;padding:12px 0;border-top:1px solid #eee}.service-card>a{font-size:11px;font-weight:800;display:flex;justify-content:space-between;padding-top:12px}.service-card>a b{color:#b18d00}.dark-section{background:#111;color:white;padding:100px 0}.advantage-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.dark-section .muted{color:#999;max-width:390px;font-size:13px;line-height:1.9;margin-bottom:28px}.advantage-list>div{display:flex;gap:22px;padding:19px 0;border-bottom:1px solid #333}.advantage-list>div:first-child{border-top:1px solid #333}.advantage-list>div>b{color:var(--yellow);font-size:13px}.advantage-list h3{font-size:15px;margin:0 0 5px}.advantage-list p{font-size:11px;color:#999;margin:0;line-height:1.7}.process h2{max-width:600px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.steps>div{border-top:2px solid #ddd;padding-top:18px}.steps span{font-size:25px;color:#c3a000;font-weight:800}.steps h3{font-size:16px;margin:18px 0 7px}.steps p{font-size:12px;color:#777;line-height:1.8;margin:0}.request-section{background:var(--yellow);padding:85px 0}.request-section .eyebrow{color:#665500}.request-section h2{margin-bottom:14px}.request-section h2 em{color:white}.request-section p{font-size:13px;max-width:400px}.big-phone{display:inline-flex;gap:18px;align-items:center;font-size:clamp(20px,3vw,30px);font-weight:800;margin-top:22px;border-bottom:2px solid #111;padding-bottom:8px}.request-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.request-card{background:#111;color:white;padding:34px}.request-card h3{font-size:22px;margin:0}.request-card>p{color:#999}.contact-choice{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #333;font-size:11px}.contact-choice span{color:#999}.contact-choice b{color:var(--yellow)}.request-card small{display:block;color:#777;font-size:9px;line-height:1.6;margin-top:18px}.contacts{background:#f5f4ef}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.contacts h2{margin-bottom:10px}.contacts>p,.contact-grid>div>p{font-size:13px;color:#777}.contact-line{display:flex;flex-direction:column;margin:22px 0}.contact-line small{font-size:9px;color:#999;letter-spacing:.15em;margin-bottom:5px}.contact-line b{font-size:14px}.contact-line span{font-size:11px;color:#777}.contact-grid .btn{margin-top:8px}.map-frame{height:460px;background:#ddd;border:8px solid white;box-shadow:0 20px 50px #0000000d}.map-frame iframe{width:100%;height:100%;border:0}.footer{background:#101010;color:#aaa}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.footer .brand-name{color:white}.footer-inner>a:last-child{color:var(--yellow);font-weight:800}
@media(max-width:900px){.menu{gap:13px}.menu a{font-size:11px}.header-phone{font-size:12px}.advantage-layout{gap:45px}.request-grid{gap:45px}.hero-art{transform:scale(.9)}}
@media(max-width:700px){.container{width:min(100% - 36px,520px)}.topline-inner{font-size:9px}.nav{height:70px}.menu-toggle{display:block;margin-left:auto}.menu{display:none;position:absolute;top:70px;left:0;right:0;background:#151515;padding:20px 24px;flex-direction:column;gap:18px;border-top:1px solid #333}.menu.open{display:flex}.header-phone{font-size:11px}.brand-mark{width:38px;height:38px}.brand-name{font-size:13px}.hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:15px}.hero h1{font-size:48px}.hero-art{height:330px;transform:scale(.82);margin-top:-8px}.hero-art.hero-photo{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;transform:none;margin:28px 0 12px;overflow:hidden}.hero-art.hero-photo img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.hero-note{font-size:10px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{padding:14px 8px}.stats>div:nth-child(2){border-right:0}.stats>div:first-child{padding-left:8px}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.dark-section{padding:70px 0}.advantage-layout,.request-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:repeat(2,1fr);gap:28px 18px;margin-top:35px}.request-section{padding:65px 0}.request-card{padding:25px}.contact-choice{flex-direction:column;gap:6px}.map-frame{height:330px}.footer-inner{padding:22px 0;flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(max-width:380px){.header-phone{display:none}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.steps{grid-template-columns:1fr}}
/* Customer reviews — Yandex */
.reviews{background:#f7f6f1;position:relative;overflow:hidden}
.reviews-head{display:flex;justify-content:space-between;align-items:center;gap:44px;margin-bottom:42px}
.reviews-intro{max-width:620px}
.reviews-head h2{margin:18px 0 12px}
.reviews-head p{max-width:480px;color:#777;font-size:14px;line-height:1.85;margin:0}
.reviews-score{min-width:275px;padding:23px 25px;background:#111;color:#fff;display:flex;flex-direction:column;gap:8px;border-bottom:4px solid var(--yellow);transition:transform .2s}
.reviews-score:hover{transform:translateY(-3px)}
.reviews-score-label{font-size:9px;letter-spacing:.14em;color:#aaa;font-weight:800}
.reviews-score-main{display:flex;align-items:center;gap:13px}
.reviews-score-main strong{font-size:54px;line-height:1;letter-spacing:-.07em}
.reviews-score-stars{font-size:17px;letter-spacing:.1em;color:var(--yellow)}
.reviews-score-count{font-size:11px;color:#c4c4c4}
.reviews-score-link{font-size:11px;font-weight:800;color:var(--yellow);margin-top:5px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.review-card{background:#fff;border:1px solid #e8e5dc;padding:24px;min-height:340px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}
.review-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1717170d}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.review-author{display:flex;align-items:center;gap:11px}
.review-author>span:last-child{display:flex;flex-direction:column;gap:3px}
.review-author b{font-size:12px;color:#222}
.review-author small{font-size:9px;color:#888}
.review-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#242424;color:#ffd429;font-size:17px;font-weight:800;border:2px solid #ffd429}
.review-avatar.avatar-gold{background:#e9d99a;color:#332900;border-color:#e9d99a}
.review-avatar.avatar-rose{background:#ead5cd;color:#633c32;border-color:#ead5cd}
.review-source{font-size:9px;color:#777;border:1px solid #e9e7e0;padding:5px 8px;white-space:nowrap}
.review-stars{font-size:13px;color:#d5a900;letter-spacing:.12em;margin-top:19px}
.review-topic{align-self:flex-start;background:#fff5c6;color:#5c4b00;font-size:9px;font-weight:800;letter-spacing:.04em;padding:6px 9px;margin-top:12px}
.review-card blockquote{font-size:13px;line-height:1.8;color:#454545;margin:14px 0 22px;padding:0;border:0}
.review-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #efeee9;padding-top:13px;margin-top:auto}
.review-card-footer span:first-child{font-size:9px;color:#999}
.review-card-footer span:last-child{font-size:10px;letter-spacing:.1em;color:#d5a900}
.reviews-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:26px;padding:22px 24px;background:#fff;border:1px solid #e8e5dc}
.reviews-footer-copy{display:flex;flex-direction:column;gap:4px}
.reviews-footer-copy strong{font-size:13px}
.reviews-footer-copy span{font-size:11px;color:#888}
.btn-outline-dark{border:1px solid #222;color:#111;white-space:nowrap}
.btn-outline-dark:hover{background:#111;color:#fff}
.btn-outline-dark b{color:#b18d00}
@media(max-width:900px){.reviews-head{align-items:flex-start;gap:24px}.reviews-score{min-width:230px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card:last-child{grid-column:1/-1;min-height:270px}}
@media(max-width:700px){.reviews-head{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:25px}.reviews-score{min-width:0;width:100%;padding:19px 20px}.reviews-score-main strong{font-size:46px}.review-grid{grid-template-columns:1fr;gap:12px}.review-card,.review-card:last-child{grid-column:auto;min-height:0;padding:20px}.review-card blockquote{font-size:13px;line-height:1.75}.reviews-footer{align-items:stretch;flex-direction:column;padding:19px;margin-top:16px}.reviews-footer .btn{width:100%;white-space:normal;text-align:center}}

/* Request form */
.request-form{display:flex;flex-direction:column;gap:8px;margin-top:20px}.request-form label{font-size:10px;font-weight:700;color:#d0d0d0;margin-top:5px}.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid #414141;background:#1b1b1b;color:#fff;border-radius:0;padding:12px 13px;font:inherit;font-size:12px;outline:none}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--yellow)}.request-form input::placeholder,.request-form textarea::placeholder{color:#777}.request-form select{color:#ddd}.request-form textarea{resize:vertical;min-height:76px}.request-submit{border:0;cursor:pointer;margin-top:10px;width:100%;font-family:inherit}.request-note{display:block;color:#999;font-size:9px;line-height:1.65;margin-top:8px}.request-status{color:var(--yellow);font-size:10px;line-height:1.5;margin:0}.request-call{display:block;margin-top:16px;color:var(--yellow);font-size:11px;font-weight:800}


/* Homepage FAQ */
.faq-section{background:#f5f4ef}.faq-section h2{margin:18px 0 8px}.faq-intro{font-size:13px;color:#777;margin:0 0 28px}.faq-list{max-width:900px;border-top:1px solid #dedbd1}.faq-item{border-bottom:1px solid #dedbd1;padding:0}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-size:14px;font-weight:800;color:#171717}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:5px;top:15px;font-size:24px;font-weight:400;color:#9a7900}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:760px;margin:0;padding:0 32px 20px 0;color:#666;font-size:13px;line-height:1.8}.faq-contact{margin-top:25px;font-size:12px;color:#777}.faq-contact a{color:#171717;font-weight:800;text-decoration:underline;text-decoration-color:#d5ad00;text-underline-offset:4px}@media(max-width:700px){.faq-item summary{font-size:13px;padding:18px 35px 18px 0}.faq-item p{font-size:12px}}

/* Mobile quick actions */
.brand-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding:12px 0;border-top:1px solid #eee}
.brand-links a{font-size:10px;font-weight:800;padding:6px 9px;background:#fff5c6;color:#171717}
.brand-links a:hover{background:#ffd429}
.mobile-quickbar{display:none}
@media(max-width:700px){
 body{padding-bottom:66px}
 .mobile-quickbar{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;background:#101010;border-top:1px solid #3a3a3a;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px}
 .mobile-quickbar a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800}
 .mobile-quickbar .quick-call{background:#ffd429;color:#111}
 .mobile-quickbar .quick-telegram{border:1px solid #555;color:#fff}
 .mobile-quickbar .quick-route{border:1px solid #555;color:#fff}
 .mobile-quickbar a:focus-visible{outline:2px solid #fff;outline-offset:2px}
}

/* Stronger homepage hero */
.hero-copy{max-width:620px}
.hero h1{max-width:650px;text-wrap:balance}
.hero-lead{max-width:560px;font-size:16px}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-actions .btn{min-width:190px}
.hero-rating{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding:11px 14px;border:1px solid #393939;background:#181818;color:#fff;transition:.2s}
.hero-rating:hover{border-color:var(--yellow);transform:translateY(-2px)}
.hero-rating-stars{color:var(--yellow);letter-spacing:.1em;font-size:14px}
.hero-rating strong{font-size:16px}
.hero-rating>span:last-child{font-size:10px;color:#aaa}
.hero-rating>span:last-child b{color:var(--yellow);margin-left:4px}
.hero-note{margin-top:18px}
@media(max-width:700px){
 .hero-grid{padding-top:54px}
 .hero h1{font-size:clamp(39px,10vw,50px);max-width:500px}
 .hero-lead{font-size:14px;line-height:1.75}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .hero-actions .btn{width:100%;min-width:0;min-height:54px}
 .hero-rating{margin-top:20px;gap:8px;padding:10px 11px}
 .hero-rating>span:last-child{font-size:9px}
}


/* Real repair photo in homepage hero */
.hero-art.hero-photo{height:auto;min-height:0;aspect-ratio:3/2;overflow:hidden;border:1px solid #393939;background:#191919;box-shadow:18px 22px 55px #0008}
.hero-art.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
@media(max-width:700px){.hero-art.hero-photo{margin-top:28px;aspect-ratio:4/3}}


/* iPhone spare-parts catalog */
.catalog-hero{padding:74px 0 82px;background:radial-gradient(ellipse at 85% 30%,#3a3215 0,transparent 38%),#101010;color:#fff}
.catalog-hero-inner{max-width:1160px}.catalog-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.06em;margin:24px 0}.catalog-hero h1 em{font-style:normal;color:var(--yellow)}.catalog-hero .hero-lead{max-width:650px}
.catalog-section{padding-top:85px}.catalog-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0 24px}.catalog-controls label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-controls select{min-width:220px;padding:13px 38px 13px 14px;border:1px solid #d9d6cc;background:#fff;color:#171717;font:inherit;font-size:13px}
.catalog-tabs{display:flex;gap:7px;flex-wrap:wrap}.catalog-tab{border:1px solid #d9d6cc;background:transparent;padding:12px 15px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.catalog-tab.active,.catalog-tab:hover{background:#111;color:#ffd429;border-color:#111}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.part-card{background:#fff;border:1px solid #e8e6df;display:flex;flex-direction:column;min-width:0}.part-card[hidden]{display:none}.part-visual{height:210px;background:#151515;position:relative;display:grid;place-items:center;overflow:hidden}.part-visual-caption{position:absolute;bottom:14px;left:18px;color:#aaa;font-size:9px;letter-spacing:.2em;font-weight:800}.part-visual-phone{width:94px;height:166px;border:5px solid #666;border-radius:18px;background:radial-gradient(circle at 50% 40%,#75652d,#151515 70%);box-shadow:0 20px 35px #0008;position:relative}.part-visual-phone:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:35px;height:5px;border-radius:5px;background:#777}.visual-display:after{content:"";position:absolute;width:130px;height:190px;border:1px solid #ffd42955;border-radius:50%;transform:rotate(35deg)}.battery-shape{width:95px;height:145px;border:3px solid #bcbcbc;border-radius:10px;background:linear-gradient(145deg,#2a2a2a,#111);position:relative;box-shadow:0 18px 30px #0008}.battery-shape:before{content:"";position:absolute;top:-8px;left:34px;width:22px;height:5px;background:#aaa}.battery-shape:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#ffd429;font-size:50px;font-weight:400}.visual-back{background:radial-gradient(circle at 50% 45%,#373737,#111 70%)}.back-glass{width:125px;height:165px;border:2px solid #777;border-radius:21px;background:linear-gradient(135deg,#686868,#202020 65%);position:relative;box-shadow:0 20px 35px #0008}.back-glass i{position:absolute;width:30px;height:30px;border:4px solid #999;border-radius:50%;background:#111;left:12px;top:12px}.back-glass i:nth-child(2){left:48px}.back-glass i:nth-child(3){left:12px;top:48px}
.part-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.part-type{font-size:9px;letter-spacing:.17em;font-weight:800;color:#987900}.part-card h3{font-size:20px;letter-spacing:-.04em;margin:8px 0}.part-card p{font-size:12px;line-height:1.8;color:#777;margin:0 0 18px}.part-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding:12px 0;border-top:1px solid #eee}.part-options span{font-size:9px;color:#555;background:#f5f4ef;padding:6px 8px}.part-card-body>a{font-size:11px;font-weight:800;padding-top:12px;color:#171717}.part-card-body>a:hover{color:#9a7900}.catalog-note{margin-top:25px;padding:20px 22px;background:#fff8d9;border-left:3px solid #ffd429;font-size:12px;line-height:1.8;color:#5e501e}.catalog-empty{padding:22px;background:#fff;font-size:13px;color:#666}.catalog-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;background:#191919;color:white;margin:28px 0}.catalog-promo b{font-size:16px}.catalog-promo p{font-size:11px;color:#aaa;margin:5px 0 0}
@media(max-width:700px){.catalog-hero{padding:58px 0}.catalog-section{padding-top:65px}.catalog-controls{align-items:stretch}.catalog-controls label,.catalog-controls select{width:100%}.catalog-tabs{display:grid;grid-template-columns:1fr 1fr}.catalog-tab{padding:12px 8px}.catalog-grid{grid-template-columns:1fr}.part-visual{height:190px}.catalog-promo{align-items:flex-start;flex-direction:column}.catalog-promo .btn{width:100%}}


/* Supplier photo cards for iPhone rear glass */
.backglass-grid .backglass-card{overflow:hidden}
.backglass-photo{display:block;height:235px;background:#fff;overflow:hidden;border-bottom:1px solid #e9e7df}
.backglass-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .25s}
.backglass-photo:hover img{transform:scale(1.035)}
.backglass-card .part-card-body{min-height:245px}
.backglass-card .part-options{display:flex;flex-direction:column;gap:5px;margin:14px 0}
.backglass-card .part-options span{font-size:10px;color:#666}
.backglass-card .part-card-body>a{display:inline-block;margin-top:8px}
@media(max-width:700px){.backglass-photo{height:210px}}

/* Individual rear-cover catalog visuals */
.backglass-card .backglass-photo{min-height:210px;background:radial-gradient(circle at 50% 35%,#fff 0,#f2f2f2 58%,#e8e8e8 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.backglass-card .backglass-photo img{width:100%;height:210px;object-fit:contain;padding:16px}
.backglass-card .color-preview{gap:10px;flex-direction:column}
.cover-render{width:112px;height:170px;border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 42%),var(--cover-color);border:1px solid rgba(0,0,0,.16);box-shadow:0 14px 26px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.65);position:relative}
.cover-camera{position:absolute;top:12px;left:10px;width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(0,0,0,.18));border:1px solid rgba(0,0,0,.15)}
.cover-camera:before,.cover-camera:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#17191d;border:2px solid #8d9298;box-shadow:inset 0 0 0 2px #333}
.cover-camera:before{top:6px;left:6px}.cover-camera:after{bottom:6px;right:6px}
.cover-logo{position:absolute;top:78px;left:48px;color:rgba(255,255,255,.55);font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.color-preview small{font-size:11px;color:#777;letter-spacing:.08em;text-transform:uppercase}
.part-options .color-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--dot-color);border:1px solid #999;vertical-align:middle;flex:0 0 auto}

/* Hydrogel film section */
.hydrogel-section{background:#111;color:#fff}
.hydrogel-heading{display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin-bottom:38px}
.hydrogel-heading h2{margin:18px 0 0}
.hydrogel-heading>p{color:#aaa;font-size:13px;line-height:1.9;margin:0 0 8px}
.hydrogel-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hydrogel-photo{background:#1b1b1b;border:1px solid #383838;overflow:hidden}
.hydrogel-photo svg{display:block;width:100%;height:auto;aspect-ratio:520/330}
.hydrogel-caption{display:flex;flex-direction:column;gap:5px;padding:18px 20px 20px}
.hydrogel-caption b{font-size:14px}
.hydrogel-caption span{font-size:11px;color:#aaa;line-height:1.65}
.hydrogel-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px;padding:22px 0;border-top:1px solid #383838}
.hydrogel-bottom p{font-size:13px;color:#aaa;margin:0}
.hydrogel-bottom p strong{color:#fff}
.hydrogel-bottom>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hydrogel-phone{font-size:13px;font-weight:800;color:var(--yellow);white-space:nowrap}
@media(max-width:700px){.hydrogel-heading{grid-template-columns:1fr;gap:15px}.hydrogel-gallery{grid-template-columns:1fr}.hydrogel-bottom{align-items:flex-start;flex-direction:column}.hydrogel-bottom>div{width:100%;flex-direction:column;align-items:stretch}.hydrogel-bottom .btn{width:100%}}


/* Premium hydrogel banner */
.hydrogel-premium{background:#101010;padding-top:72px;padding-bottom:72px}
.hydrogel-premium-card{position:relative;isolation:isolate;overflow:hidden;min-height:560px;background:#080808;border:1px solid #333;box-shadow:0 28px 70px #0008}
.hydrogel-premium-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hydrogel-premium-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.88) 34%,rgba(5,5,5,.35) 62%,rgba(5,5,5,.03) 100%),linear-gradient(0deg,rgba(5,5,5,.48),transparent 35%)}
.hydrogel-premium-overlay{max-width:560px;padding:56px 52px;color:#fff}
.hydrogel-premium-overlay h2{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.06em;margin:25px 0 15px;text-transform:uppercase}
.hydrogel-premium-overlay h2 em{font-style:normal;color:var(--yellow)}
.hydrogel-premium-lead{font-size:19px;line-height:1.45;font-weight:700;max-width:380px;margin:0 0 28px}
.hydrogel-benefits{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;max-width:460px}
.hydrogel-benefits li{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;color:#eee}
.hydrogel-benefits li span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow);font-weight:900}
.hydrogel-premium-overlay .btn{min-height:58px;padding:0 25px;font-size:14px}
.hydrogel-premium-note{margin:18px 0 0;color:#ddd;font-size:12px}
@media(max-width:700px){
 .hydrogel-premium{padding-top:55px;padding-bottom:55px}
 .hydrogel-premium-card{min-height:0;display:flex;flex-direction:column;padding-top:68%;border:1px solid #444}
 .hydrogel-premium-image{height:100%;object-position:62% center}
 .hydrogel-premium-card:after{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.96) 34%,rgba(8,8,8,.1) 100%)}
 .hydrogel-premium-overlay{max-width:none;padding:25px 22px 28px;background:linear-gradient(0deg,#080808 82%,transparent)}
 .hydrogel-premium-overlay h2{font-size:clamp(42px,12vw,58px);margin:13px 0 10px}
 .hydrogel-premium-lead{font-size:16px;margin-bottom:20px}
 .hydrogel-benefits{grid-template-columns:1fr 1fr;gap:11px 9px;margin-bottom:23px}
 .hydrogel-benefits li{font-size:10px;align-items:flex-start}
 .hydrogel-premium-overlay .btn{width:100%;min-height:54px;justify-content:center}
 .hydrogel-premium-note{font-size:10px}
}


/* Mobile-first refinement: readable type, comfortable taps and compact layout */
@media(max-width:700px){
  html{scroll-padding-top:78px;overflow-x:hidden}
  body{overflow-x:hidden;-webkit-text-size-adjust:100%;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .container{width:calc(100% - 32px);max-width:520px}
  .topline-inner{height:30px;letter-spacing:.06em}
  .nav{height:66px;gap:10px}
  .brand{gap:8px;min-width:0}
  .brand-mark{width:36px;height:36px;font-size:20px;flex:0 0 36px}
  .brand-name{font-size:12px;letter-spacing:.025em}
  .brand-name small{font-size:7px;letter-spacing:.14em}
  .menu-toggle{width:44px;height:44px;min-width:44px;margin:0 0 0 auto;border:1px solid #454545;border-radius:3px;display:grid;place-items:center;font-size:23px;line-height:1;cursor:pointer}
  .header-phone{display:none}
  .menu{top:66px;left:0;right:0;padding:10px 16px 18px;gap:0;background:#111;box-shadow:0 18px 24px #0005}
  .menu a{min-height:48px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid #303030;font-size:14px}
  .menu a:last-child{border-bottom:0}
  .hero-grid{padding-top:48px;padding-bottom:25px}
  .hero h1{font-size:clamp(36px,9.5vw,48px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 14px}
  .hero-lead{font-size:14px;line-height:1.7}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
  .hero-actions .btn{min-height:52px;width:100%;font-size:13px}
  .hero-rating{width:100%;margin-top:16px;gap:7px;padding:10px}
  .hero-rating strong{font-size:15px}
  .hero-rating>span:last-child{font-size:9px}
  .hero-note{font-size:10px;line-height:1.6;margin-top:15px}
  .stats>div{min-height:68px;gap:9px;padding:12px 6px}
  .stats b{font-size:20px}
  .stats span{font-size:9px;letter-spacing:.04em}
  .section{padding:58px 0}
  .section-head{margin-bottom:25px}
  .section h2,.dark-section h2,.request-section h2{font-size:clamp(32px,8vw,43px);line-height:1.08;margin:15px 0}
  .section-head>p{font-size:13px;line-height:1.7;margin-top:12px}
  .service-grid,.popular-grid{grid-template-columns:1fr;gap:12px}
  .service-card{padding:23px 21px;min-height:0}
  .service-card h3{font-size:21px}
  .service-card p{font-size:13px;line-height:1.7}
  .service-card>a{min-height:42px;align-items:center;font-size:12px}
  .brands{font-size:10px;line-height:1.7}
  .popular-intro{font-size:13px;line-height:1.7}
  .dark-section{padding:58px 0}
  .advantage-layout{gap:25px}
  .advantage-list>div{gap:15px;padding:16px 0}
  .advantage-list h3{font-size:14px}
  .advantage-list p{font-size:12px}
  .reviews-head{gap:12px;margin-bottom:24px}
  .reviews-score strong{font-size:40px}
  .review-grid{gap:10px}
  .review-card{padding:20px;min-height:0}
  .review-card p{font-size:13px;line-height:1.7}
  .reviews-footer{gap:12px}
  .reviews-footer .btn{width:100%}
  .faq-item summary{font-size:14px;line-height:1.5;padding:17px 36px 17px 0}
  .faq-item p{font-size:13px;line-height:1.7}
  .request-section{padding:56px 0}
  .request-grid{gap:24px}
  .request-card{padding:22px 18px}
  .request-card h3{font-size:20px}
  .request-card input,.request-card select,.request-card textarea,
  input,select,textarea{font-size:16px!important;max-width:100%}
  .request-card .btn,.request-submit{width:100%;min-height:52px}
  .contact-grid{gap:24px}
  .contact-line{margin:18px 0}
  .contact-line b{font-size:14px}
  .map-frame{height:280px;border-width:5px}
  .contact-grid .btn{width:100%}
  .footer-inner{gap:14px;padding:20px 0}
  .footer-inner>span{font-size:10px}
  .mobile-quickbar{grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .mobile-quickbar a{min-height:48px;border-radius:3px;font-size:13px}
}
@media(max-width:360px){
  .container{width:calc(100% - 26px)}
  .brand-name{font-size:11px}
  .hero h1{font-size:36px}
  .hero-rating>span:last-child{font-size:8px}
  .stats span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Логотип: без фильтра и подложки — убираем чёрный прямоугольник на мобильных и не искажаем оригинальные цвета */
.brand-logo{display:block;width:190px;height:64px;object-fit:contain;object-position:left center;background:transparent;filter:none;}.footer .brand-logo{width:170px;height:58px}@media(max-width:760px){.brand-logo{width:155px;height:54px}.footer .brand-logo{width:150px;height:52px}}


/* Название рядом с оригинальным логотипом */
.brand{gap:8px;flex:0 0 auto;text-decoration:none}.brand-name{display:flex;flex-direction:column;justify-content:center;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.08;white-space:nowrap}.brand-name small{display:block;margin-top:5px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.brand{gap:5px}.brand-name{font-size:16px}.brand-name small{font-size:9px;margin-top:4px;letter-spacing:.06em}.brand-logo{width:112px;height:48px}}
@media(max-width:360px){.brand-logo{width:94px;height:44px}.brand-name{font-size:14px}.brand-name small{font-size:8px}}


/* Фото в карточке смартфонов */
.service-card-smartphones{padding-top:0;overflow:hidden}
.service-card-smartphones .service-card-photo{display:block;width:calc(100% + 60px);height:220px;max-width:none;margin:0 -30px 24px;object-fit:contain;object-position:center;background:radial-gradient(ellipse at center,#303030 0%,#101010 72%);filter:brightness(1.5) contrast(1.08)}
.service-card-smartphones .card-number{margin-top:0}
@media(max-width:700px){.service-card-smartphones .service-card-photo{width:calc(100% + 42px);height:220px;margin:0 -21px 21px;object-position:center}}

/* Personal data consent checkbox */
.personal-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0 18px;font-size:12px;line-height:1.55;color:#bdbdbd;cursor:pointer}
.personal-consent input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--yellow)}
.personal-consent a,.legal-details a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
.legal-details a{margin-right:8px}

/* Fixed top information strip and navigation */
body{padding-top:116px}
@media(max-width:700px){body{padding-top:104px}.topline{z-index:1001}.header{top:34px;z-index:1000}}


/* Отдельный блок каталога запчастей */
.parts-catalog-promo{padding:58px 0;background:#171717;color:#fff}.parts-catalog-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.parts-catalog-inner>div{max-width:680px}.parts-catalog-inner h2{margin:12px 0;font-size:clamp(28px,4vw,42px)}.parts-catalog-inner p{color:#c5c5c5;line-height:1.65;margin:0}.parts-catalog-inner .btn{flex-shrink:0}.brand-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.brand-links a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(255,204,0,.45);border-radius:5px;color:inherit;text-decoration:none;font-weight:700}.brand-links a:hover{background:#ffcc00;color:#111}@media(max-width:700px){.parts-catalog-inner{align-items:flex-start;flex-direction:column}.parts-catalog-inner .btn{width:100%;justify-content:center}}

/* MOBIMASTER 2.0 — premium black & yellow identity */
:root{--black:#090a0b;--panel:#141619;--yellow:#ffd21a;--paper:#f4f2eb;--muted:#777a7d;--ink:#111315;--accent-dark:#b18b00;--line:#e5e1d5}
body{background:var(--paper);color:var(--ink);letter-spacing:-.012em}
::selection{background:var(--yellow);color:#090a0b}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.container{width:min(1200px,calc(100% - 56px))}
.topline{background:#050607;color:#c4c5c5;border-bottom:1px solid #25282a;font-size:10px;letter-spacing:.16em}
.header{background:rgba(10,11,12,.97);border-bottom:1px solid rgba(255,210,26,.22);backdrop-filter:blur(14px)}
.nav{height:86px}.brand{gap:11px}.brand-mark{width:46px;height:46px;border:1px solid var(--yellow);background:linear-gradient(145deg,#242629,#090a0b);box-shadow:inset 0 0 0 3px #ffffff08,0 5px 18px #0006}
.brand-name{font-size:21px;letter-spacing:-.035em}.menu{gap:25px;font-size:11px;letter-spacing:.035em}
.header-phone{padding:13px 16px;border:1px solid #45484a;transition:.2s}.header-phone:hover{border-color:var(--yellow);background:var(--yellow);color:#090a0b}
.hero{background:radial-gradient(ellipse at 78% 42%,#29230d 0,transparent 32%),linear-gradient(115deg,#090a0b 0%,#101214 62%,#08090a 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff0a 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 70%)}
.hero-grid{position:relative;z-index:1;min-height:610px;gap:54px;padding-top:70px;padding-bottom:60px}
.hero h1{font-size:clamp(48px,6.2vw,78px);letter-spacing:-.075em;line-height:.99;margin:26px 0}.hero h1 em{color:var(--yellow);text-shadow:0 8px 36px #ffd21a24}
.hero-lead{color:#c1c2c2;max-width:510px;font-size:15px;line-height:1.85}
.hero-art.hero-photo{border:1px solid #5a501f;box-shadow:0 28px 80px #0009,0 0 0 8px #ffffff05;position:relative}.hero-art.hero-photo:after{content:"";position:absolute;inset:0;border:1px solid #ffd21a30;pointer-events:none}
.btn{min-height:56px;padding:0 25px;letter-spacing:.035em;font-size:11px;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}
.btn-yellow{background:var(--yellow);color:#090a0b;box-shadow:0 8px 22px #ffd21a20}.btn-yellow:hover{background:#ffe36b;box-shadow:0 12px 30px #ffd21a35;transform:translateY(-3px)}
.btn-outline{border-color:#666a6d}.hero-rating{border-color:#49432a;background:linear-gradient(110deg,#191a18,#111315);padding:13px 16px}.hero-rating strong{font-size:18px}
.hero-bottom{border-color:#343638;background:#0b0c0d}.stats>div{min-height:92px;border-color:#292c2e}.stats b{font-size:27px;letter-spacing:-.06em}.stats span{font-size:9px;letter-spacing:.12em}
.section{padding:112px 0}.section h2,.dark-section h2,.request-section h2{letter-spacing:-.065em;line-height:1.02}.section h2 em{color:#b28c00}.section-head{margin-bottom:48px}
.service-grid{gap:18px}.service-card{padding:31px;background:linear-gradient(145deg,#fff,#fbfaf6);border:1px solid #e7e3d8;box-shadow:0 4px 16px #17171705;min-height:350px}
.service-card:hover{border-color:#d7b52e;box-shadow:0 18px 42px #17171712}.service-icon{background:linear-gradient(145deg,#fff4bf,#ffdf57);border:1px solid #f1d45b;width:52px;height:52px}
.service-card h3{font-size:25px;letter-spacing:-.055em}.service-card p{font-size:12px;line-height:1.9;color:#686b6d}
.brand-links a{background:#fff2b2;border:1px solid #f0df91;transition:.2s}.brand-links a:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-1px)}
.dark-section{background:radial-gradient(ellipse at 15% 30%,#29230e 0,transparent 34%),linear-gradient(120deg,#0b0c0d,#151719);border-block:1px solid #282a2b}.dark-section h2 em{color:var(--yellow)}
.advantage-list>div,.advantage-list>div:first-child{border-color:#383a3b}.advantage-list h3{font-size:16px;letter-spacing:-.02em}.steps>div{border-top:2px solid #d8d4c9}.steps span{color:#a98700}
.request-section{background:linear-gradient(115deg,#ffd21a,#f2c20b);position:relative;overflow:hidden}
.request-section:before{content:"";position:absolute;right:-130px;top:-260px;width:560px;height:560px;border:1px solid #17171720;border-radius:50%;box-shadow:0 0 0 38px #17171708,0 0 0 78px #17171706}
.request-grid{position:relative;z-index:1}.request-section h2 em{color:#fff;text-shadow:0 3px 14px #0002}
.request-card{background:linear-gradient(145deg,#17191b,#090a0b);box-shadow:0 24px 55px #6e570b30;border:1px solid #343638}
.request-form input,.request-form select,.request-form textarea{border-radius:2px;border-color:#45494b;background:#202326;transition:border-color .2s,background .2s}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--yellow);background:#25282a}
.contacts{background:#f4f2eb}.contact-line{padding-bottom:13px;border-bottom:1px solid #e2ded2}.map-frame{border:7px solid #fff;box-shadow:0 22px 55px #17171712}
.reviews{background:linear-gradient(180deg,#f7f6f1,#efede5)}.reviews-score{background:linear-gradient(145deg,#1b1d1f,#090a0b);border-bottom:4px solid var(--yellow);box-shadow:0 14px 35px #17171718}
.review-card{border-color:#e5e1d7;box-shadow:0 6px 20px #17171705}.review-card:hover{border-color:#d8bd57;box-shadow:0 18px 38px #17171712}
.review-topic{background:#fff0a6;border:1px solid #f1df8e}.reviews-footer{border-color:#e5e1d7;box-shadow:0 6px 20px #17171705}
.faq-section{background:#f4f2eb}.faq-list,.faq-item{border-color:#d9d5c9}.faq-item summary:hover{color:#8a6b00}.faq-item summary:after{color:#9b7900}
.parts-catalog-promo{background:#111315;color:#fff}.parts-catalog-promo h2 em{color:var(--yellow)}
.footer{background:#08090a;border-top:1px solid #292b2d}.footer-inner{min-height:110px}.footer .brand-logo{max-width:170px;max-height:55px;object-fit:contain}
.mobile-quickbar{box-shadow:0 -8px 28px #0003}.mobile-quickbar .quick-call{background:var(--yellow)}
@media(max-width:900px){.container{width:min(100% - 44px,760px)}.hero-grid{gap:28px}.menu{gap:13px}.menu a{font-size:10px}}
@media(max-width:700px){.container{width:min(100% - 36px,540px)}.nav{height:72px}.brand{gap:8px}.brand-name{font-size:15px}.brand-mark{width:38px;height:38px}.hero-grid{padding-top:65px;padding-bottom:28px;gap:10px}.hero h1{font-size:clamp(43px,11vw,54px);line-height:1.01}.hero-art.hero-photo{box-shadow:0 18px 45px #0008,0 0 0 5px #ffffff05}.stats>div{min-height:80px}.stats b{font-size:24px}.section{padding:78px 0}.section h2,.dark-section h2,.request-section h2{font-size:clamp(36px,9vw,48px)}.service-card{min-height:0;padding:25px}.dark-section{padding:78px 0}.request-section{padding:72px 0}.request-card{padding:25px}.map-frame{border-width:5px}.footer-inner{min-height:0;padding:28px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Главная секция услуг: компактная и законченная композиция для desktop */
@media(min-width:701px){
  .services.section{padding-top:88px;padding-bottom:88px}
  .services .section-head{margin-bottom:32px;align-items:end}
  .service-grid-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
  .service-grid-main .service-card{min-width:0;min-height:0;padding:23px 21px 22px;display:flex;flex-direction:column}
  .service-grid-main .service-card h3{font-size:clamp(18px,1.65vw,22px);line-height:1.12;margin:14px 0 10px}
  .service-grid-main .service-card p{font-size:11px;line-height:1.68;margin-bottom:14px}
  .service-grid-main .service-card .brands{font-size:10px;line-height:1.6;margin-top:auto;padding-top:8px}
  .service-grid-main .service-card>a,.service-grid-main .brand-links{margin-top:14px}
  .service-grid-main .service-card>a{font-size:10px;line-height:1.4}
  .service-grid-main .service-card-smartphones{padding-top:0}
  .service-grid-main .service-card-smartphones .service-card-photo{width:calc(100% + 42px);height:155px;margin:0 -21px 17px;object-fit:contain}
  .service-grid-main .service-card-smartphones .brand-links{gap:6px}
  .service-grid-main .service-card-smartphones .brand-links a{font-size:9px;padding:7px 8px}
  .service-grid-main .service-icon{width:42px;height:42px;margin-bottom:12px}
  .service-extra-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:18px}
  .repair-issues,.brand-strip{padding:19px 22px;background:#fff;border:1px solid #e7e3d8;box-shadow:0 4px 16px #17171705}
  .extra-kicker{display:block;color:#8a6b00;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:12px}
  .issue-list{display:flex;flex-wrap:wrap;gap:7px}
  .issue-list span{padding:7px 10px;background:#f7f3e5;border:1px solid #eee5c5;color:#303234;font-size:10px;font-weight:700}
  .brand-strip-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 15px}
  .brand-strip-list b{font-size:12px;letter-spacing:-.025em;color:#35383a}
}
@media(min-width:701px) and (max-width:1050px){
  .service-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid-main .service-card-smartphones .service-card-photo{height:180px}
}
@media(max-width:700px){
  .service-extra-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
  .repair-issues,.brand-strip{padding:18px 16px;background:#fff;border:1px solid #e7e3d8}
  .extra-kicker{display:block;color:#8a6b00;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:11px}
  .issue-list{display:flex;flex-wrap:wrap;gap:7px}
  .issue-list span{padding:7px 9px;background:#f7f3e5;border:1px solid #eee5c5;color:#303234;font-size:10px;font-weight:700}
  .brand-strip-list{display:flex;flex-wrap:wrap;gap:10px 16px}
  .brand-strip-list b{font-size:12px;color:#35383a}
}


/* Популярные услуги — выразительная компактная секция в фирменном стиле */
.popular-services{background:#111315;color:#fff;position:relative;overflow:hidden}
.popular-services:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--yellow)}
.popular-services .container{position:relative}
.popular-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.popular-services .eyebrow{color:#a6a6a6}
.popular-services h2{margin:18px 0 0;color:#fff}
.popular-intro{max-width:370px;color:#a5a5a5;font-size:12px;line-height:1.85;margin:0 0 8px}
.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.popular-grid .popular-card{position:relative;min-width:0;min-height:0;padding:23px 21px 20px;background:linear-gradient(150deg,#222527,#191b1d);border:1px solid #343739;border-top:3px solid #5b501f;box-shadow:0 8px 24px #0003;transition:transform .22s,border-color .22s,background .22s}
.popular-grid .popular-card:hover{transform:translateY(-5px);border-color:#806c18;border-top-color:var(--yellow);background:linear-gradient(150deg,#292b2d,#1b1d1f)}
.popular-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px;background:#ffd42918;border:1px solid #ffd42950;color:var(--yellow);font-size:22px}
.popular-grid .card-number{color:#d0b83e;font-size:9px;font-weight:800;letter-spacing:.15em}
.popular-grid .service-card h3{color:#fff;font-size:19px;line-height:1.25;letter-spacing:-.035em;margin:12px 0 10px}
.popular-grid .service-card p{color:#aaa;font-size:11px;line-height:1.75;margin:0 0 19px}
.popular-grid .service-card>a{margin-top:auto;padding-top:13px;border-top:1px solid #393b3d;color:var(--yellow);font-size:10px;line-height:1.5}
.popular-grid .service-card>a b{color:var(--yellow)}
.popular-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px 19px;background:#1c1f20;border:1px solid #343739;color:#aaa;font-size:11px}
.popular-bottom a{color:var(--yellow);font-weight:800}
.popular-bottom a b{margin-left:8px}
@media(min-width:701px) and (max-width:1050px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .popular-services{padding-top:70px;padding-bottom:70px}
 .popular-heading{display:block;margin-bottom:25px}
 .popular-intro{margin-top:15px;font-size:12px}
 .popular-grid{grid-template-columns:1fr;gap:11px}
 .popular-grid .popular-card{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center}
 .popular-icon{grid-row:1 / span 2;margin:0}
 .popular-grid .card-number{align-self:end}
 .popular-grid .service-card h3{grid-column:2;margin:5px 0 0;font-size:18px}
 .popular-grid .service-card p,.popular-grid .service-card>a{grid-column:1 / -1}
 .popular-grid .service-card p{margin:13px 0 14px}
 .popular-bottom{align-items:flex-start;flex-direction:column;gap:5px}
}


/* Качество ремонта — отдельный фирменный блок с ясной иерархией */
.quality-section{background:#f0eee7;position:relative;overflow:hidden}
.quality-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:34px}
.quality-heading h2{margin:18px 0 0}
.quality-heading>p{max-width:385px;color:#777;font-size:12px;line-height:1.9;margin:0 0 8px}
.quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.quality-card{min-width:0;min-height:0;padding:23px 21px 22px;background:#fff;border:1px solid #e2dfd5;border-top:3px solid #d4bd48;box-shadow:0 7px 22px #17171708;transition:transform .22s,border-color .22s,box-shadow .22s}
.quality-card:hover{transform:translateY(-5px);border-top-color:var(--yellow);box-shadow:0 16px 32px #17171712}
.quality-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:17px;background:#fff4bd;border:1px solid #f0df8a;color:#161616;font-size:22px}
.quality-number{display:block;color:#927500;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1.5}
.quality-card h3{font-size:19px;line-height:1.25;letter-spacing:-.035em;margin:12px 0 10px;color:#171717}
.quality-card p{font-size:11px;line-height:1.8;color:#777;margin:0}
.quality-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:16px 20px;background:#151718;color:#aaa;border-left:4px solid var(--yellow);font-size:11px}
.quality-note b{color:var(--yellow);font-size:11px;letter-spacing:.025em}
@media(min-width:701px) and (max-width:1050px){.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .quality-section{padding-top:70px;padding-bottom:70px}
 .quality-heading{display:block;margin-bottom:25px}
 .quality-heading>p{margin-top:15px;font-size:12px}
 .quality-grid{grid-template-columns:1fr;gap:11px}
 .quality-card{padding:19px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center}
 .quality-icon{grid-row:1 / span 2;margin:0}
 .quality-number{align-self:end}
 .quality-card h3{grid-column:2;margin:5px 0 0;font-size:18px}
 .quality-card p{grid-column:1 / -1;margin-top:13px}
 .quality-note{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 16px}
 .quality-note b{font-size:10px;line-height:1.7}
}


/* Шапка отделена от первого экрана: графитовый оттенок вместо сплошного чёрного */
.header{
  background:linear-gradient(105deg,rgba(34,37,39,.98),rgba(24,27,29,.98));
  border-bottom:2px solid rgba(255,210,26,.62);
  box-shadow:0 9px 26px rgba(0,0,0,.24);
}
.header .nav{position:relative}
.header .menu a{color:#e3e3df;transition:color .2s}
.header .menu a:hover{color:var(--yellow)}
.header .header-phone{border-color:rgba(255,210,26,.48);color:#fff}
.header .header-phone:hover{color:#090a0b}
@media(max-width:700px){
  .header{background:rgba(31,34,36,.99);border-bottom-width:2px;box-shadow:0 7px 20px rgba(0,0,0,.3)}
}


/* Единая овальная форма всех кнопок и CTA — без острых углов */
button,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.header-phone,
.mobile-quickbar a,
.request-submit,
.reviews-footer a,
.popular-bottom a,
.brand-links a {
  border-radius:999px !important;
}
button,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.header-phone,
.mobile-quickbar a,
.request-submit,
.reviews-footer a {
  overflow:hidden;
}


/* Скруглённая геометрия всех блоков сайта — единый мягкий стиль */
:root{
  --block-radius:24px;
  --card-radius:20px;
  --inner-radius:14px;
}
.service-card,
.popular-grid .popular-card,
.quality-card,
.review-card,
.reviews-score,
.reviews-footer,
.request-card,
.repair-issues,
.brand-strip,
.parts-catalog-inner,
.catalog-product,
.catalog-card,
.catalog-item,
.faq-item,
.map-frame,
.hero-art.hero-photo,
.hero-rating,
.hero-visual,
.contact-card,
.contact-panel,
.process-card,
.step-card,
.advantage-card,
.quality-note,
.popular-bottom{
  border-radius:var(--card-radius);
}
.service-card,
.popular-grid .popular-card,
.quality-card,
.review-card,
.request-card,
.repair-issues,
.brand-strip,
.catalog-product,
.catalog-card,
.catalog-item,
.contact-card,
.contact-panel,
.process-card,
.step-card,
.advantage-card{
  overflow:hidden;
}
.service-icon,
.popular-icon,
.quality-icon,
.issue-list span,
.brand-links a,
.review-topic,
.review-source,
.catalog-controls select,
.catalog-filter,
.catalog-tab{
  border-radius:var(--inner-radius);
}
.map-frame{overflow:hidden}
.map-frame iframe{border-radius:calc(var(--card-radius) - 7px)}
.hero-art.hero-photo{overflow:hidden}
.hero-art.hero-photo img{border-radius:inherit}
.request-form input,
.request-form select,
.request-form textarea{
  border-radius:12px;
}
.faq-item{
  background:rgba(255,255,255,.48);
  border:1px solid #dedbd1;
  margin:10px 0;
  padding:0 18px;
  transition:border-color .2s,background .2s;
}
.faq-item[open]{background:#fff;border-color:#d8bd57}
.faq-item summary{padding-right:38px}
.faq-item summary:after{right:2px}
.quality-note{border-left:0;box-shadow:inset 4px 0 0 var(--yellow)}
.popular-bottom{border-radius:18px}
.parts-catalog-promo .parts-catalog-inner{
  background:linear-gradient(145deg,#1b1e20,#111315);
  border:1px solid #343739;
  padding:30px;
}
@media(max-width:700px){
  :root{--card-radius:18px;--inner-radius:12px}
  .service-card,.popular-grid .popular-card,.quality-card,.review-card,
  .request-card,.repair-issues,.brand-strip,.faq-item{border-radius:18px}
  .parts-catalog-promo .parts-catalog-inner{padding:22px;border-radius:18px}
}


/* Навигация в шапке: фирменный жёлтый цвет, как у телефона */
.header .menu a,
.header .menu a:visited{
  color:var(--yellow);
  font-weight:800;
  transition:color .2s,opacity .2s;
}
.header .menu a:hover,
.header .menu a:focus-visible{
  color:#fff;
}
@media(max-width:700px){
  .header .menu a,
  .header .menu a:visited{color:var(--yellow)}
  .header .menu a:hover,
  .header .menu a:focus-visible{color:#fff}
}


/* Жёлтая контурная рамка пунктов меню — в одном стиле с телефоном */
.header .menu{
  gap:10px;
}
.header .menu a,
.header .menu a:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border:1px solid rgba(255,210,26,.48);
  border-radius:999px;
  color:var(--yellow);
  font-weight:800;
  line-height:1.2;
  transition:color .2s,background .2s,border-color .2s,box-shadow .2s;
}
.header .menu a:hover,
.header .menu a:focus-visible{
  color:#090a0b;
  background:var(--yellow);
  border-color:var(--yellow);
  box-shadow:0 0 0 2px rgba(255,210,26,.12);
}
@media(max-width:700px){
  .header .menu{gap:12px}
  .header .menu a,
  .header .menu a:visited{width:max-content;max-width:100%}
}


/* Premium centered process steps in the hero */
.hero-bottom{
  border-top:1px solid rgba(255,212,41,.22);
  background:linear-gradient(180deg,#111 0%,#151515 100%);
}
.hero-bottom .stats{
  gap:12px;
  padding-top:16px;
  padding-bottom:16px;
}
.hero-bottom .stats>div,
.hero-bottom .stats>div:first-child{
  min-height:104px;
  padding:17px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  border:1px solid rgba(255,212,41,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,212,41,.075),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.16);
}
.hero-bottom .stats b{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,212,41,.65);
  border-radius:50%;
  color:var(--yellow);
  font-size:13px;
  line-height:1;
  box-shadow:0 0 18px rgba(255,212,41,.12);
}
.hero-bottom .stats span{
  color:#f1f1f1;
  font-size:11px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-align:center;
}
.hero-bottom .stats>div:hover{
  border-color:rgba(255,212,41,.72);
  background:linear-gradient(145deg,rgba(255,212,41,.13),rgba(255,255,255,.035));
  transform:translateY(-2px);
  transition:background .2s,border-color .2s,transform .2s;
}
@media(max-width:700px){
  .hero-bottom .stats{gap:9px;padding-top:12px;padding-bottom:12px}
  .hero-bottom .stats>div,
  .hero-bottom .stats>div:first-child{min-height:96px;padding:13px 8px}
  .hero-bottom .stats span{font-size:9px;letter-spacing:.07em}
}


/* Финальная полировка этапов ремонта: симметрия, центрирование и премиальная типографика */
.hero-bottom{
  padding:8px 0;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,210,26,.075),transparent 65%),
    linear-gradient(180deg,#111315 0%,#0b0c0d 100%);
  border-top:1px solid rgba(255,210,26,.28);
  border-bottom:1px solid rgba(255,255,255,.045);
}
.hero-bottom .stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:14px;
  padding-top:18px;
  padding-bottom:18px;
}
.hero-bottom .stats>div,
.hero-bottom .stats>div:first-child{
  min-height:116px;
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  text-align:center;
  border:1px solid rgba(255,210,26,.2);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.22);
}
.hero-bottom .stats b{
  width:auto;
  height:auto;
  display:block;
  border:0;
  border-radius:0;
  color:var(--yellow);
  font-size:clamp(25px,2.6vw,34px);
  font-weight:800;
  line-height:1;
  letter-spacing:-.07em;
  box-shadow:none;
  text-shadow:0 0 22px rgba(255,210,26,.16);
}
.hero-bottom .stats span{
  display:block;
  max-width:180px;
  color:#f4f2eb;
  font-size:clamp(10px,.9vw,12px);
  font-weight:700;
  line-height:1.55;
  letter-spacing:.105em;
  text-transform:uppercase;
  text-align:center;
}
.hero-bottom .stats>div:hover{
  transform:translateY(-3px);
  border-color:rgba(255,210,26,.62);
  background:linear-gradient(145deg,rgba(255,210,26,.11),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 34px rgba(0,0,0,.28);
  transition:all .24s ease;
}
@media(max-width:700px){
  .hero-bottom .stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:13px 0;
  }
  .hero-bottom .stats>div,
  .hero-bottom .stats>div:first-child{
    min-height:104px;
    padding:15px 10px;
    gap:9px;
  }
  .hero-bottom .stats b{font-size:28px}
  .hero-bottom .stats span{font-size:9px;letter-spacing:.085em}
}


/* Плавающая шапка сайта с мягко скруглёнными краями */
.header{
  top:42px;
  left:18px;
  right:18px;
  width:calc(100% - 36px);
  border:1px solid rgba(255,210,26,.28);
  border-bottom:2px solid rgba(255,210,26,.62);
  border-radius:24px;
  overflow:visible;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.32);
}
@media(max-width:700px){
  .header{
    top:42px;
    left:10px;
    right:10px;
    width:calc(100% - 20px);
    border-radius:20px;
    border:1px solid rgba(255,210,26,.32);
    border-bottom:2px solid rgba(255,210,26,.68);
  }
}


/* Исправление плавающей шапки: ровное центрирование и жёлтая подложка по всему контуру */
.header{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(1232px,calc(100% - 36px));
  box-sizing:border-box;
  padding:4px;
  border:0;
  border-radius:26px;
  overflow:hidden;
  background:var(--yellow);
  box-shadow:0 12px 34px rgba(0,0,0,.32);
}
.header .nav{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:0 20px;
  box-sizing:border-box;
  border-radius:21px;
  background:linear-gradient(105deg,#222527,#181b1d);
}
@media(max-width:700px){
  .header{
    left:50%;
    right:auto;
    width:calc(100% - 20px);
    padding:3px;
    border:0;
    border-radius:23px;
    background:var(--yellow);
  }
  .header .nav{
    width:100%;
    padding:0 12px;
    border-radius:19px;
    background:rgba(31,34,36,.99);
  }
}


/* Финальная премиальная шапка: цельный графитовый корпус, тонкий жёлтый акцент */
.header{
  position:fixed;
  top:42px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(1200px,calc(100% - 40px));
  padding:0;
  box-sizing:border-box;
  border:1px solid rgba(255,210,26,.42);
  border-bottom:1px solid rgba(255,210,26,.58);
  border-radius:18px;
  overflow:visible;
  background:linear-gradient(110deg,rgba(35,38,40,.98),rgba(19,21,23,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.26);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.header .nav{
  width:100%;
  max-width:1200px;
  min-width:0;
  height:82px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
  border:0;
  border-radius:inherit;
  background:transparent;
}
@media(max-width:700px){
  .header{
    top:38px;
    left:50%;
    right:auto;
    width:calc(100% - 24px);
    padding:0;
    border:1px solid rgba(255,210,26,.48);
    border-radius:16px;
    background:linear-gradient(110deg,rgba(35,38,40,.99),rgba(19,21,23,.99));
    box-shadow:0 8px 22px rgba(0,0,0,.28);
  }
  .header .nav{
    width:100%;
    height:66px;
    padding:0 13px;
    border-radius:inherit;
    background:transparent;
  }
}


/* Единая полноширинная шапка: без плавающих скруглений и просвечивающего фона */
.header{
  position:fixed;
  top:34px;
  left:0;
  right:0;
  transform:none;
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
  border:0;
  border-bottom:2px solid var(--yellow);
  border-radius:0;
  overflow:visible;
  background:linear-gradient(105deg,#202426 0%,#151819 52%,#202426 100%);
  box-shadow:0 9px 24px rgba(0,0,0,.22);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.header .nav{
  width:min(1160px,calc(100% - 48px));
  max-width:1160px;
  min-width:0;
  height:82px;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
  border:0;
  border-radius:0;
  background:transparent;
}
@media(max-width:700px){
  .header{
    top:34px;
    left:0;
    right:0;
    width:100%;
    border:0;
    border-bottom:2px solid var(--yellow);
    border-radius:0;
    background:linear-gradient(105deg,#202426 0%,#151819 52%,#202426 100%);
    box-shadow:0 7px 18px rgba(0,0,0,.24);
  }
  .header .nav{
    width:calc(100% - 36px);
    height:70px;
    padding:0;
    border-radius:0;
    background:transparent;
  }
  .menu{
    top:70px;
    left:0;
    right:0;
    border-radius:0;
  }
}


/* Убираем белую полоску над шапкой: тёмный фон документа и верхней системной зоны */
html,
body{
  margin-top:0 !important;
  background-color:#090909 !important;
}
html{
  min-height:100%;
  overscroll-behavior-y:none;
}
body{
  padding-top:0 !important;
}
.topline{
  top:0 !important;
  background:#090909 !important;
  min-height:34px;
  z-index:1100;
}
.header{
  top:34px !important;
}
@media(max-width:700px){
  .topline{min-height:34px}
  .header{top:34px !important}
}


/* Контрастный акцент заголовка секции «Что мы ремонтируем» */
.services .section-head h2 em{
  display:inline;
  color:#111315;
  background:var(--yellow);
  padding:0 .14em .04em;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  text-shadow:none;
}


/* Жёлтый цвет заголовка блока услуг */
.services .section-head h2,
.services .section-head h2 em{
  color:var(--yellow);
  background:transparent;
  padding:0;
  text-shadow:0 2px 18px #ffd42924;
}


/* Единый аудит контрастности: текст на тёмных секциях */
.hero,
.dark-section,
.popular-services,
.catalog-hero,
.hydrogel-section,
.hydrogel-premium,
.parts-catalog-promo,
.request-card,
.footer {
  color:#f5f5f2;
}
.hero h1,.hero h2,.hero h3,
.dark-section h1,.dark-section h2,.dark-section h3,
.popular-services h1,.popular-services h2,.popular-services h3,
.catalog-hero h1,.catalog-hero h2,.catalog-hero h3,
.hydrogel-section h1,.hydrogel-section h2,.hydrogel-section h3,
.hydrogel-premium h1,.hydrogel-premium h2,.hydrogel-premium h3,
.parts-catalog-promo h1,.parts-catalog-promo h2,.parts-catalog-promo h3,
.request-card h1,.request-card h2,.request-card h3,
.footer h1,.footer h2,.footer h3 {
  color:#fff !important;
}
.hero p,.hero li,.hero label,
.dark-section p,.dark-section li,.dark-section label,
.popular-services p,.popular-services li,.popular-services label,
.catalog-hero p,.catalog-hero li,.catalog-hero label,
.hydrogel-section p,.hydrogel-section li,.hydrogel-section label,
.hydrogel-premium p,.hydrogel-premium li,.hydrogel-premium label,
.parts-catalog-promo p,.parts-catalog-promo li,.parts-catalog-promo label,
.request-card p,.request-card li,.request-card label,
.footer p,.footer li {
  color:#c7c9c9;
}
.hero .eyebrow,.dark-section .eyebrow,.popular-services .eyebrow,
.catalog-hero .eyebrow,.hydrogel-section .eyebrow,
.hydrogel-premium .eyebrow,.parts-catalog-promo .eyebrow,
.request-card .eyebrow {
  color:#c4c6c5;
}
.popular-grid .popular-card h3,
.popular-grid .popular-card .card-number {
  color:#fff !important;
}
.popular-grid .popular-card p {
  color:#c6c8c8 !important;
}
.popular-grid .popular-card>a {
  color:#f5f5f2 !important;
}
.popular-grid .popular-card>a b,
.popular-bottom a,
.parts-catalog-promo a:not(.btn),
.dark-section a:not(.btn),
.footer a:not(.brand) {
  color:var(--yellow);
}
.popular-bottom {color:#d0d1cf}
.quality-note {color:#d0d1cf}
.quality-note b {color:var(--yellow)}
.request-card .request-note,
.request-card .request-form label {color:#c4c6c5}
.request-card .request-form input,
.request-card .request-form select,
.request-card .request-form textarea {
  color:#fff;
  background:#202326;
}
.request-card .request-form input::placeholder,
.request-card .request-form textarea::placeholder {color:#aeb1b1}
.footer .brand-name {color:#fff}
.footer .legal-details,
.footer .legal-details p {color:#bfc1c1}
.footer .legal-details a {color:#f0d45a;text-decoration:underline;text-underline-offset:3px}
.catalog-promo,.catalog-promo p {color:#e2e3e1}
.catalog-promo h2,.catalog-promo h3 {color:#fff}
.catalog-promo a:not(.btn) {color:var(--yellow)}
/* Сохраняем чёрный текст только на жёлтых и светлых кнопках */
.btn-yellow,.btn-yellow *,
.mobile-quickbar .quick-call,.mobile-quickbar .quick-call *,
.yellow-tag,.yellow-tag *,
.header .menu a:hover,.header .menu a:focus-visible {
  color:#101112 !important;
}


/* Удаляем светлую подложку JPEG-логотипа, сохраняя фирменные тёмные и жёлтые элементы */
.brand-logo{background:transparent!important;filter:url(#logo-background-match)!important;}

/* МобиМастер 2.0 — единая премиальная визуальная система */
:root{--yellow:#ffd21a;--black:#090a0b;--paper:#f4f2eb}
.topline-inner{height:32px}
.header{box-shadow:0 10px 28px #0002}
.nav{min-height:84px}
.brand{gap:9px}
.brand-logo{width:166px;height:60px;object-fit:contain;object-position:left center}
.brand-name{font-size:21px;letter-spacing:-.04em}
.brand-name small{font-size:10px;letter-spacing:.13em}
.menu a{position:relative;padding:10px 0;transition:color .2s}
.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--yellow);transition:right .2s}
.menu a:hover:after{right:0}
.header-phone{border-radius:7px;background:#ffffff08;border-color:#55595a}
.hero{isolation:isolate}
.hero-grid{min-height:630px;padding-top:66px;padding-bottom:58px}
.hero-copy{max-width:640px}
.hero h1{max-width:620px;font-size:clamp(50px,6.1vw,76px);line-height:1.01;letter-spacing:-.075em}
.hero-lead{max-width:540px;font-size:15px;line-height:1.85}
.hero-art.hero-photo{border-radius:18px;aspect-ratio:1.28;box-shadow:0 30px 80px #0009,0 0 0 1px #ffd21a35}
.hero-art.hero-photo:before{content:"СЕРВИСНЫЙ ЦЕНТР • ТВЕРЬ";position:absolute;z-index:2;left:18px;bottom:18px;padding:10px 13px;background:#090a0be8;border:1px solid #ffd21a70;color:#ffd21a;font-size:9px;font-weight:900;letter-spacing:.15em}
.hero-art.hero-photo:after{border-radius:18px;border-color:#ffd21a35}
.hero-actions .btn{border-radius:7px}
.hero-rating{border-radius:7px}
.hero-note{line-height:1.7}
.stats>div{position:relative}
.stats>div:last-child{border-right:0}
.stats b{font-variant-numeric:tabular-nums}
.services{background:linear-gradient(180deg,#f4f2eb,#eeece4)}
.services .section-head h2{max-width:580px}
.service-grid-main{gap:16px}
.service-grid-main .service-card{overflow:hidden;border-radius:12px;padding-top:0;box-shadow:0 10px 30px #17171708}
.service-grid-main .service-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #17171715;border-color:#d7b52e}
.service-grid-main .service-card-photo{display:block;width:calc(100% + 42px);height:155px;max-width:none;margin:0 -21px 18px;object-fit:cover;object-position:center;background:#17191b;filter:none}
.service-grid-main .service-card-smartphones .service-card-photo{object-fit:cover;filter:none}
.service-grid-main .service-card .card-number{color:#8a6b00;font-weight:900}
.service-grid-main .service-card h3{min-height:2.25em}
.service-grid-main .service-card>a{margin-top:auto;padding-top:13px;border-top:1px solid #ece9df;color:#171717}
.service-grid-main .service-card>a b{color:#987500}
.service-grid-main .service-card .brands{line-height:1.65}
.service-extra-grid{gap:16px}
.repair-issues,.brand-strip{border-radius:10px;box-shadow:0 8px 24px #17171707}
.issue-list span{border-radius:5px}
.brand-links a{border-radius:5px}
.parts-catalog-inner,.request-card,.reviews-score,.review-card,.quality-card{border-radius:10px}
.parts-catalog-inner .btn,.request-card .btn{border-radius:7px}
.section-head>p,.quality-heading>p{line-height:1.85}
@media(min-width:1051px){
 .service-grid-main{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 .service-grid-main .service-card{padding-left:17px;padding-right:17px}
 .service-grid-main .service-card-photo{width:calc(100% + 34px);margin-left:-17px;margin-right:-17px;height:145px}
 .service-grid-main .service-card h3{font-size:19px}
}
@media(min-width:701px) and (max-width:1050px){
 .service-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-grid-main .service-card-photo{height:190px}
}
@media(max-width:700px){
 .topline-inner{height:30px}
 .nav{height:68px;min-height:68px}
 .brand-logo{width:105px;height:46px}
 .brand-name{font-size:15px}
 .brand-name small{font-size:8px}
 .hero-grid{padding-top:54px;padding-bottom:24px;gap:8px}
 .hero h1{font-size:clamp(39px,10vw,51px);line-height:1.02}
 .hero-art.hero-photo{aspect-ratio:4/3;border-radius:12px;margin-top:22px}
 .hero-art.hero-photo:after{border-radius:12px}
 .hero-art.hero-photo:before{left:11px;bottom:11px;font-size:8px;padding:8px 9px}
 .stats>div{border-right:1px solid #292c2e}
 .stats>div:nth-child(2n){border-right:0}
 .services.section{padding-top:66px;padding-bottom:66px}
 .service-grid-main{grid-template-columns:1fr;gap:13px}
 .service-grid-main .service-card{padding:0 20px 21px;border-radius:11px}
 .service-grid-main .service-card-photo{width:calc(100% + 40px);height:190px;margin:0 -20px 17px;object-fit:cover}
 .service-grid-main .service-card h3{font-size:21px;min-height:0;margin:9px 0}
 .service-grid-main .service-card p{font-size:13px;line-height:1.75}
 .service-grid-main .service-card>a{min-height:43px}
 .service-extra-grid{margin-top:14px}
}
@media(max-width:360px){.brand-logo{width:88px;height:42px}.brand-name{font-size:13px}}

/* Refined hero — calm premium composition */
.hero{background:radial-gradient(ellipse at 76% 42%,#24231d 0%,#111211 35%,#090a0b 76%);color:#fff}
.hero-grid{min-height:600px;grid-template-columns:1.04fr .96fr;gap:clamp(30px,5vw,76px);padding-top:68px;padding-bottom:64px}
.hero-copy{max-width:630px;position:relative;z-index:2}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#c5c1b3;font-size:10px;font-weight:700;letter-spacing:.24em}
.hero-kicker-line{width:34px;height:1px;background:var(--yellow)}
.hero-kicker-dot{width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffd21a80}
.hero h1{font-size:clamp(46px,5.5vw,72px);line-height:1.04;letter-spacing:-.065em;margin:27px 0 22px;font-weight:750}
.hero h1 em{display:inline-block;color:var(--yellow);font-style:normal}
.hero-lead{max-width:490px;color:#b9b9b4;font-size:14px;line-height:1.9;margin:0}
.hero-device-line{margin-top:25px;color:#777970;font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1.8}
.hero-device-line i{font-style:normal;color:var(--yellow);padding:0 5px}
.hero-actions{gap:12px;margin-top:30px}
.hero-actions .btn{min-height:54px;padding:0 21px;border-radius:5px;gap:18px;letter-spacing:.01em}
.hero-actions .btn-yellow{box-shadow:0 8px 24px #ffd21a20}
.hero-actions .btn-outline{border-color:#55574f;color:#eee}
.hero-proof-row{display:flex;align-items:center;gap:24px;margin-top:27px}
.hero-rating{display:inline-flex;align-items:center;gap:11px;padding:0;margin:0;border:0;background:transparent}
.hero-rating strong{font-size:17px;color:#fff;letter-spacing:-.04em}
.hero-rating>span:last-child{font-size:10px;color:#9d9e96;line-height:1.5}
.hero-rating b{color:var(--yellow);margin-left:4px}
.hero-note{display:flex;align-items:center;gap:8px;margin:0;padding-left:23px;border-left:1px solid #3a3b35;color:#999b92;font-size:10px;line-height:1.6}
.hero-note .check{margin:0;font-size:14px}
.hero-art.hero-photo{height:auto;min-height:400px;aspect-ratio:1.08;overflow:hidden;border-radius:4px;box-shadow:0 24px 70px #0008,0 0 0 1px #ffffff18;position:relative;isolation:isolate}
.hero-art.hero-photo:after{content:"";position:absolute;inset:0;border:1px solid #ffffff16;border-radius:4px;background:linear-gradient(180deg,#08080800 55%,#080808a8 100%);pointer-events:none}
.hero-art.hero-photo img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;object-position:center}
.hero-image-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;display:flex;flex-direction:column;gap:7px}
.hero-image-caption span{font-size:9px;letter-spacing:.24em;font-weight:800;color:var(--yellow)}
.hero-image-caption b{font-size:19px;letter-spacing:-.025em;color:#fff;font-weight:600}
.hero-bottom{border-top:1px solid #ffffff14;background:#ffffff03}
.stats>div{padding-top:21px;padding-bottom:21px}
.stats b{font-size:21px;font-weight:600}
.stats span{font-size:9px;letter-spacing:.12em}
@media(max-width:900px) and (min-width:701px){
 .hero-grid{gap:24px;padding-top:55px;padding-bottom:50px}
 .hero h1{font-size:clamp(42px,5vw,58px)}
 .hero-art.hero-photo,.hero-art.hero-photo img{min-height:350px}
 .hero-proof-row{gap:14px;flex-wrap:wrap}
 .hero-note{padding-left:14px}
}
@media(max-width:700px){
 .hero{background:radial-gradient(ellipse at 90% 20%,#24231d 0%,#111211 38%,#090a0b 78%)}
 .hero-grid{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:45px;padding-bottom:30px}
 .hero-copy{max-width:none}
 .hero-kicker{font-size:9px;letter-spacing:.18em;gap:9px}
 .hero-kicker-line{width:25px}
 .hero h1{font-size:clamp(39px,10.5vw,52px);line-height:1.04;letter-spacing:-.06em;margin:20px 0 15px}
 .hero-lead{font-size:13px;line-height:1.75;max-width:none}
 .hero-device-line{font-size:8px;letter-spacing:.1em;margin-top:17px}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
 .hero-actions .btn{min-height:49px;width:100%;padding:0 10px;gap:7px;font-size:11px}
 .hero-proof-row{margin-top:20px;gap:13px;justify-content:space-between;align-items:center}
 .hero-rating{gap:7px}
 .hero-rating strong{font-size:15px}
 .hero-rating>span:last-child{font-size:9px}
 .hero-note{font-size:9px;padding-left:12px;line-height:1.45}
 .hero-art.hero-photo{width:100%;min-height:0;aspect-ratio:1.22;border-radius:3px}
 .hero-art.hero-photo img{min-height:0;height:100%;aspect-ratio:1.22}
 .hero-image-caption{left:16px;right:16px;bottom:15px;gap:4px}
 .hero-image-caption span{font-size:8px}
 .hero-image-caption b{font-size:15px}
 .stats>div{min-height:66px;padding:10px 5px;gap:7px}
 .stats b{font-size:18px}
 .stats span{font-size:8px;letter-spacing:.04em}
}
@media(max-width:360px){
 .hero-actions{grid-template-columns:1fr}
 .hero-proof-row{align-items:flex-start;flex-direction:column}
 .hero-note{border-left:0;padding-left:0}
}


/* Clear, elegant and readable homepage hero */
.hero{background:#101111}
.hero-grid{min-height:570px;gap:clamp(28px,4vw,58px);padding-top:62px;padding-bottom:54px}
.hero-copy{max-width:600px}
.hero-kicker{font-size:11px;letter-spacing:.16em;color:#d0cec5}
.hero h1{font-size:clamp(48px,5.2vw,66px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:24px 0 20px}
.hero h1 em{color:var(--yellow);font-style:normal}
.hero-lead{max-width:510px;color:#d0d0cc;font-size:17px;line-height:1.75;font-weight:400}
.hero-device-line{margin-top:22px;color:#b5b5ad;font-size:12px;font-weight:600;letter-spacing:.015em;line-height:1.7}
.hero-device-line i{color:var(--yellow);padding:0 7px}
.hero-actions{margin-top:28px;gap:12px}
.hero-actions .btn{min-height:56px;padding:0 22px;font-size:13px;border-radius:6px;letter-spacing:0}
.hero-proof-row{margin-top:25px;gap:22px}
.hero-rating strong{font-size:18px}
.hero-rating>span:last-child{font-size:11px;line-height:1.55}
.hero-note{font-size:11px;line-height:1.6;color:#b8b8b1}
.hero-art.hero-photo{aspect-ratio:1.12;border-radius:8px;min-height:390px;box-shadow:0 20px 55px #0007}
.hero-art.hero-photo img{min-height:390px}
.hero-image-caption{left:22px;bottom:20px}
.hero-image-caption b{font-size:17px}
@media(max-width:900px) and (min-width:701px){
 .hero-grid{grid-template-columns:1fr .9fr;gap:24px}
 .hero h1{font-size:clamp(42px,5vw,55px)}
 .hero-lead{font-size:15px}
 .hero-proof-row{flex-wrap:wrap;gap:14px}
}
@media(max-width:700px){
 .hero-grid{gap:25px;padding-top:43px;padding-bottom:28px}
 .hero-kicker{font-size:10px;letter-spacing:.12em}
 .hero h1{font-size:clamp(42px,10vw,50px);line-height:1.12;letter-spacing:-.04em;margin:19px 0 15px}
 .hero-lead{font-size:16px;line-height:1.7;color:#d0d0cc}
 .hero-device-line{font-size:11px;line-height:1.8;margin-top:16px;letter-spacing:0}
 .hero-actions{grid-template-columns:1fr;gap:10px;margin-top:22px}
 .hero-actions .btn{min-height:54px;font-size:13px}
 .hero-proof-row{align-items:flex-start;flex-direction:column;gap:13px;margin-top:18px}
 .hero-rating{padding:0;margin:0}
 .hero-note{border:0;padding:0;font-size:11px}
 .hero-art.hero-photo{aspect-ratio:1.28;min-height:0;margin-top:0;border-radius:7px}
 .hero-art.hero-photo img{min-height:0;height:100%}
 .hero-image-caption{left:15px;bottom:14px}
 .hero-image-caption b{font-size:15px}
}
@media(max-width:360px){
 .hero h1{font-size:39px}
 .hero-lead{font-size:15px}
}


/* Homepage hero — clean, restrained layout isolated from legacy rules */
.hero.hero-clean{background:#111211;color:#fff;overflow:hidden}
.hero-clean .hero-clean-grid{width:min(1160px,calc(100% - 48px));min-height:570px;margin:0 auto;padding:64px 0 56px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px}
.hero-clean-copy{max-width:590px}
.hero-clean-kicker{display:flex;align-items:center;gap:12px;color:#c6c5bf;font-size:11px;font-weight:700;letter-spacing:.13em}
.hero-clean-kicker span{width:27px;height:2px;background:#ffd429;display:block}
.hero-clean-copy h1{margin:27px 0 21px;color:#fff;font-size:clamp(46px,5.1vw,66px);font-weight:700;line-height:1.12;letter-spacing:-.045em}
.hero-clean-copy h1 em{color:#ffd429;font-style:normal}
.hero-clean-lead{max-width:510px;margin:0;color:#c5c5c0;font-size:16px;line-height:1.8;font-weight:400}
.hero-clean-types{margin-top:23px;color:#e1e0d9;font-size:12px;font-weight:600;letter-spacing:.01em}
.hero-clean-types i{padding:0 7px;color:#ffd429;font-style:normal}
.hero-clean-actions{display:flex;align-items:center;gap:12px;margin-top:30px}
.hero-clean-primary,.hero-clean-secondary{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:5px;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.hero-clean-primary{background:#ffd429;color:#151515}
.hero-clean-primary:hover{background:#ffe16b}
.hero-clean-primary span{font-size:17px}
.hero-clean-secondary{border:1px solid #62635e;color:#fff}
.hero-clean-secondary:hover{border-color:#ffd429;color:#ffd429}
.hero-clean-meta{display:flex;align-items:center;gap:26px;margin-top:30px}
.hero-clean-meta>a,.hero-clean-meta>div{display:flex;flex-direction:column;gap:3px}
.hero-clean-meta>a{padding-right:25px;border-right:1px solid #41423d}
.hero-clean-meta b{font-size:12px;font-weight:700;color:#f4f3ed}
.hero-clean-meta span{font-size:10px;color:#a8a9a2}
.hero-clean-meta>a span{color:#ffd429}
.hero-clean-visual{height:410px;position:relative;overflow:hidden;border-radius:7px;background:#242522}
.hero-clean-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#080908a8 100%);pointer-events:none}
.hero-clean-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-clean-photo-label{position:absolute;z-index:1;left:22px;bottom:20px;display:flex;flex-direction:column;gap:5px;color:#ffd429;font-size:9px;font-weight:800;letter-spacing:.2em}
.hero-clean-photo-label span{color:#fff;font-size:15px;font-weight:600;letter-spacing:0}
.hero-clean-process{border-top:1px solid #30312d;background:#151614}
.hero-clean-process-inner{width:min(1160px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.hero-clean-process-inner>div{min-height:74px;display:flex;align-items:center;gap:13px;padding:12px 18px;border-right:1px solid #30312d}
.hero-clean-process-inner>div:first-child{padding-left:0}
.hero-clean-process-inner>div:last-child{border-right:0}
.hero-clean-process-inner b{color:#ffd429;font-size:18px;font-weight:600}
.hero-clean-process-inner span{color:#c7c7c1;font-size:11px;line-height:1.4}
@media(max-width:900px) and (min-width:701px){
 .hero-clean .hero-clean-grid{gap:28px;min-height:520px}
 .hero-clean-copy h1{font-size:clamp(40px,5vw,54px)}
 .hero-clean-lead{font-size:14px}
 .hero-clean-visual{height:350px}
 .hero-clean-meta{gap:14px}
 .hero-clean-meta>a{padding-right:14px}
}
@media(max-width:700px){
 .hero-clean .hero-clean-grid{width:calc(100% - 36px);min-height:0;padding:44px 0 27px;display:flex;flex-direction:column;align-items:stretch;gap:28px}
 .hero-clean-kicker{font-size:10px;letter-spacing:.1em}
 .hero-clean-copy h1{font-size:clamp(39px,9.8vw,49px);line-height:1.13;margin:19px 0 15px;letter-spacing:-.04em}
 .hero-clean-lead{font-size:15px;line-height:1.75}
 .hero-clean-types{font-size:11px;line-height:1.8;margin-top:16px}
 .hero-clean-types i{padding:0 4px}
 .hero-clean-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
 .hero-clean-primary,.hero-clean-secondary{width:100%;min-height:52px;font-size:13px}
 .hero-clean-meta{gap:14px;margin-top:22px;align-items:flex-start}
 .hero-clean-meta>a{padding-right:13px}
 .hero-clean-meta b{font-size:11px}
 .hero-clean-meta span{font-size:9px}
 .hero-clean-visual{height:auto;aspect-ratio:1.3;border-radius:6px}
 .hero-clean-visual img{height:100%}
 .hero-clean-photo-label{left:14px;bottom:13px;font-size:8px}
 .hero-clean-photo-label span{font-size:13px}
 .hero-clean-process-inner{width:calc(100% - 36px);grid-template-columns:repeat(2,1fr)}
 .hero-clean-process-inner>div{min-height:60px;padding:10px 8px;gap:9px;border-bottom:1px solid #30312d}
 .hero-clean-process-inner>div:first-child{padding-left:8px}
 .hero-clean-process-inner>div:nth-child(2){border-right:0}
 .hero-clean-process-inner>div:nth-child(n+3){border-bottom:0}
 .hero-clean-process-inner b{font-size:16px}
 .hero-clean-process-inner span{font-size:10px}
}
@media(max-width:360px){
 .hero-clean-copy h1{font-size:37px}
 .hero-clean-meta{flex-direction:column}
 .hero-clean-meta>a{border:0;padding:0}
}


/* Premium Yandex reviews — isolated styles */
.reviews-luxe{background:#111211;color:#f7f6f1;padding:104px 0 96px;position:relative;overflow:hidden}
.reviews-luxe:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,#ffd42912,transparent 68%);pointer-events:none}
.reviews-luxe .reviews-luxe-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}
.reviews-luxe-copy{max-width:620px}
.reviews-luxe-copy .eyebrow{color:#bdbdb5}
.reviews-luxe-copy h2{margin:18px 0 14px;color:#fff;font-size:clamp(40px,5vw,58px);line-height:1.06;letter-spacing:-.055em}
.reviews-luxe-copy h2 em{color:#ffd429;font-style:normal}
.reviews-luxe-copy p{max-width:500px;margin:0;color:#b8b9b2;font-size:14px;line-height:1.8}
.reviews-luxe-score{width:250px;flex:0 0 250px;display:flex;flex-direction:column;gap:9px;padding:22px 24px;border:1px solid #ffffff20;border-radius:9px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
.reviews-luxe-score:hover{border-color:#ffd42988;transform:translateY(-3px)}
.reviews-luxe-score-top{font-size:9px;font-weight:800;letter-spacing:.18em;color:#b9b9b1}
.reviews-luxe-score-number{display:flex;align-items:center;gap:12px;font-size:36px;font-weight:700;letter-spacing:-.06em}
.reviews-luxe-score-number i{font-size:13px;font-style:normal;letter-spacing:2px;color:#ffd429}
.reviews-luxe-score-caption{font-size:11px;color:#b8b9b2}
.reviews-luxe-score-link{margin-top:5px;padding-top:12px;border-top:1px solid #ffffff1c;color:#ffd429;font-size:11px;font-weight:700}
.reviews-luxe-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reviews-luxe-card{min-width:0;display:flex;flex-direction:column;padding:24px 23px 20px;border:1px solid #ffffff18;border-radius:9px;background:linear-gradient(155deg,#20211f,#171817 72%);box-shadow:0 18px 42px #0002;transition:transform .22s,border-color .22s,background .22s}
.reviews-luxe-card:hover{transform:translateY(-5px);border-color:#ffd42966;background:linear-gradient(155deg,#262720,#191a18 72%)}
.reviews-luxe-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reviews-luxe-author{display:flex;align-items:center;gap:12px;min-width:0}
.reviews-luxe-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffd42970;background:linear-gradient(145deg,#4a4021,#22231f);color:#ffdc55;font-size:17px;font-weight:700}
.reviews-luxe-avatar-soft{border-color:#a9a69a66;background:linear-gradient(145deg,#45413b,#252522);color:#e7e1d1}
.reviews-luxe-author b,.reviews-luxe-author small{display:block}
.reviews-luxe-author b{color:#fff;font-size:13px;font-weight:700}
.reviews-luxe-author small{margin-top:4px;color:#92948c;font-size:10px}
.reviews-luxe-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#ffd429;color:#171717;font-size:13px;font-weight:900}
.reviews-luxe-stars{margin-top:22px;color:#ffd429;font-size:13px;letter-spacing:3px}
.reviews-luxe-topic{margin-top:10px;color:#e9d27b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.reviews-luxe-card blockquote{margin:13px 0 22px;color:#d1d1ca;font-size:12px;line-height:1.8;font-weight:400;flex:1}
.reviews-luxe-open{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #ffffff18;color:#ffd429;text-decoration:none;font-size:11px;font-weight:700}
.reviews-luxe-open:hover,.reviews-luxe-bottom>a:hover{color:#fff}
.reviews-luxe-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 23px;border:1px solid #ffffff17;border-radius:8px;background:#ffffff06}
.reviews-luxe-bottom span{display:flex;flex-direction:column;gap:5px}
.reviews-luxe-bottom b{color:#fff;font-size:13px}
.reviews-luxe-bottom small{color:#a9aaa3;font-size:11px}
.reviews-luxe-bottom>a{color:#ffd429;font-size:12px;font-weight:700;text-decoration:none}
@media(max-width:900px){.reviews-luxe{padding:78px 0}.reviews-luxe-grid{grid-template-columns:1fr 1fr}.reviews-luxe-card:last-child{grid-column:1/-1}.reviews-luxe-card:last-child blockquote{max-width:760px}}
@media(max-width:650px){.reviews-luxe{padding:65px 0}.reviews-luxe .reviews-luxe-heading{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:27px}.reviews-luxe-copy h2{font-size:40px}.reviews-luxe-copy p{font-size:13px}.reviews-luxe-score{width:100%;flex-basis:auto;padding:17px 19px}.reviews-luxe-score-number{font-size:31px}.reviews-luxe-grid{grid-template-columns:1fr;gap:12px}.reviews-luxe-card,.reviews-luxe-card:last-child{grid-column:auto;padding:21px 19px 18px}.reviews-luxe-card blockquote{font-size:12px;line-height:1.75}.reviews-luxe-bottom{align-items:flex-start;flex-direction:column;padding:18px}.reviews-luxe-bottom>a{padding-top:8px}}


/* Refined premium header identity */
.header .nav{gap:clamp(16px,2.2vw,30px)}
.header .brand{gap:12px;align-items:center;min-width:0}
.header .brand-logo{
  width:150px;height:56px;object-fit:contain;object-position:center;
  padding:5px 9px;border:1px solid #343434;border-radius:11px;
  background:linear-gradient(145deg,#1c1c1c,#111);
  box-shadow:inset 0 1px 0 #ffffff0a,0 5px 16px #0003;
  filter:none;flex:0 0 auto
}
.header .brand-name{display:flex;flex-direction:column;justify-content:center;gap:5px;color:#fff;font-size:inherit;line-height:1.05;white-space:nowrap}
.header .brand-name-main{font-size:21px;font-weight:800;letter-spacing:-.045em;color:#f7f7f5}
.header .brand-name-main>span{color:var(--yellow)}
.header .brand-name small{margin:0;color:#a8a8a8;font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.header .menu{gap:clamp(14px,2vw,27px);align-items:center}
.header .menu a{transition:color .2s ease}
.header .header-phone{padding:11px 15px;border:1px solid #3b351e;border-radius:9px;background:#1a1914;color:var(--yellow);font-size:13px;transition:background .2s,border-color .2s}
.header .header-phone:hover{background:#262216;border-color:#74601a;color:#ffe36b}
@media(max-width:900px){
  .header .brand{gap:9px}
  .header .brand-logo{width:124px;height:52px}
  .header .brand-name-main{font-size:18px}
  .header .brand-name small{font-size:8px;letter-spacing:.14em}
}
@media(max-width:700px){
  .header .nav{height:70px;gap:9px}
  .header .brand{gap:7px}
  .header .brand-logo{width:96px;height:45px;padding:4px 6px;border-radius:9px}
  .header .brand-name-main{font-size:16px}
  .header .brand-name small{font-size:7px;letter-spacing:.12em}
  .header .menu-toggle{margin-left:auto;padding:7px 9px;border:1px solid #383838;border-radius:8px;color:var(--yellow);font-size:22px;line-height:1}
  .header .header-phone{padding:9px 10px;font-size:10px;border-radius:8px}
}
@media(max-width:380px){
  .header .brand-logo{width:82px;height:42px}
  .header .brand-name-main{font-size:14px}
  .header .brand-name small{font-size:6px;letter-spacing:.1em}
  .header .header-phone{font-size:9px;padding:8px}
}


/* Header spacing and proportions — fine adjustment */
.header .nav{height:78px;gap:22px}
.header .brand{gap:10px}
.header .brand-logo{width:132px;height:52px;padding:4px 8px;border-radius:10px}
.header .brand-name{gap:4px}
.header .brand-name-main{font-size:20px;letter-spacing:-.05em}
.header .brand-name small{font-size:8px;letter-spacing:.17em}
.header .menu{gap:22px}
.header .menu a{white-space:nowrap}
.header .header-phone{padding:9px 12px;font-size:12px;border-radius:8px}
@media(max-width:1000px){
  .header .nav{gap:15px}
  .header .brand{gap:8px}
  .header .brand-logo{width:112px;height:48px}
  .header .brand-name-main{font-size:18px}
  .header .menu{gap:14px}
  .header .menu a{font-size:11px}
  .header .header-phone{padding:9px 10px;font-size:11px}
}
@media(max-width:700px){
  .header .nav{height:70px;gap:8px}
  .header .brand{gap:7px}
  .header .brand-logo{width:88px;height:44px;padding:4px 6px;border-radius:8px}
  .header .brand-name{gap:4px}
  .header .brand-name-main{font-size:15px;letter-spacing:-.045em}
  .header .brand-name small{font-size:7px;letter-spacing:.11em}
  .header .menu-toggle{margin-left:auto;padding:7px 9px}
  .header .header-phone{padding:8px 9px;font-size:10px}
}
@media(max-width:380px){
  .header .brand-logo{width:78px;height:41px;padding:3px 5px}
  .header .brand-name-main{font-size:14px}
  .header .brand-name small{font-size:6px;letter-spacing:.09em}
}


/* Header refinement v3: quiet premium alignment, no decorative logo frame */
.header .nav{height:74px;gap:clamp(14px,1.8vw,24px)}
.header .brand{gap:9px;flex:0 0 auto}
.header .brand-logo{
  display:block;width:88px;height:48px;object-fit:contain;object-position:center;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  flex:0 0 auto
}
.header .brand-name{gap:4px}
.header .brand-name-main{font-size:19px;font-weight:750;letter-spacing:-.055em}
.header .brand-name small{font-size:7px;letter-spacing:.2em;color:#969696}
.header .menu{gap:clamp(12px,1.65vw,22px)}
.header .menu a{font-size:11px;letter-spacing:.01em}
.header .header-phone{padding:9px 13px;border:1px solid #3b351e;border-radius:7px;background:transparent;font-size:12px}
@media(max-width:1000px){
  .header .nav{gap:12px}
  .header .brand-logo{width:76px;height:44px}
  .header .brand-name-main{font-size:17px}
  .header .menu{gap:11px}
  .header .menu a{font-size:10px}
  .header .header-phone{padding:8px 9px;font-size:10px}
}
@media(max-width:700px){
  .header .nav{height:68px;gap:8px}
  .header .brand{gap:7px}
  .header .brand-logo{width:65px;height:40px}
  .header .brand-name-main{font-size:15px}
  .header .brand-name small{font-size:6px;letter-spacing:.14em}
  .header .menu-toggle{margin-left:auto}
  .header .header-phone{padding:8px 9px;font-size:10px}
}
@media(max-width:380px){
  .header .brand-logo{width:55px;height:36px}
  .header .brand-name-main{font-size:13px}
  .header .header-phone{font-size:9px;padding:7px}
}




/* Restore logo visibility: the previous SVG threshold filter erased the JPEG mark. */
.header .brand-logo{filter:none!important;opacity:1!important;visibility:visible!important;display:block!important;object-fit:contain;object-position:center;width:88px;height:48px;padding:5px 7px;background:#fff;border-radius:8px;mix-blend-mode:normal;}
@media(max-width:1000px){.header .brand-logo{width:76px;height:44px}}
@media(max-width:700px){.header .brand-logo{width:65px;height:40px;padding:4px 6px}}
@media(max-width:380px){.header .brand-logo{width:55px;height:36px;padding:3px 5px}}


/* Perfect circular logo crop: hide the entire square/grey JPEG perimeter. */
.header .brand-logo{
  width:48px!important;
  height:48px!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:circle(44% at 50% 50%)!important;
  background:transparent!important;
  outline:none!important;
}
@media(max-width:1000px){.header .brand-logo{width:46px!important;height:46px!important}}
@media(max-width:700px){.header .brand-logo{width:42px!important;height:42px!important}}
@media(max-width:380px){.header .brand-logo{width:38px!important;height:38px!important}}


/* Header brand scale: larger circular mark and clearer service-centre name. */
.header .brand{gap:12px!important}
.header .brand-logo{
  width:60px!important;height:60px!important;
  padding:0!important;object-fit:cover!important;
  clip-path:circle(44% at 50% 50%)!important;
  border-radius:50%!important;flex:0 0 60px!important;
}
.header .brand-name{gap:5px!important}
.header .brand-name-main{font-size:25px!important;letter-spacing:-.045em!important;line-height:1!important}
.header .brand-name small{font-size:9px!important;letter-spacing:.16em!important}
@media(max-width:1000px){
  .header .brand{gap:9px!important}
  .header .brand-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
  .header .brand-name-main{font-size:22px!important}
  .header .brand-name small{font-size:8px!important}
}
@media(max-width:700px){
  .header .nav{gap:8px!important}
  .header .brand{gap:7px!important}
  .header .brand-logo{width:46px!important;height:46px!important;flex-basis:46px!important}
  .header .brand-name-main{font-size:18px!important}
  .header .brand-name small{font-size:7px!important;letter-spacing:.12em!important}
}
@media(max-width:380px){
  .header .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .header .brand-name-main{font-size:16px!important}
  .header .brand-name small{font-size:6px!important}
}


/* Yandex Maps Good Place 2026 award — discreet premium hero badge. */

/* Yandex Good Place 2026 — original user-provided image, hero overlay */
.hero-clean-visual{position:relative}
.yandex-good-place-2026{position:absolute;z-index:5;right:18px;top:18px;width:clamp(94px,11vw,146px);aspect-ratio:1;display:block;overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #0008;transition:transform .2s}
.yandex-good-place-2026:hover{transform:translateY(-3px)}
.yandex-good-place-2026 img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.yandex-good-place-2026{width:96px;right:12px;top:12px;border-radius:12px}}


/* Premium rounded four-step service process */
.hero-clean-process{background:#111310;border-top:1px solid #303329;padding:19px 0 22px}
.hero-clean-process-inner{gap:12px;align-items:stretch}
.hero-clean-process-inner>div,
.hero-clean-process-inner>div:first-child,
.hero-clean-process-inner>div:last-child{
  min-width:0;min-height:88px;padding:15px 16px;gap:13px;
  border:1px solid rgba(255,212,41,.15);border-radius:22px;
  background:linear-gradient(145deg,#252620,#191a18);
  box-shadow:inset 0 1px 0 #ffffff12,0 8px 22px #00000025;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.hero-clean-process-inner>div:hover{transform:translateY(-3px);border-color:#ffd42975;box-shadow:0 12px 28px #0006}
.hero-clean-process-inner b{
  display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;
  border-radius:16px;background:linear-gradient(145deg,#ffe783,#ffd429 65%,#e9b900);
  color:#171710;font-size:15px;font-weight:850;letter-spacing:-.025em;
  box-shadow:inset 0 1px 0 #fff9,0 5px 15px #ffd42920;
}
.hero-clean-process-inner span{color:#f2f0e8;font-size:12px;font-weight:650;line-height:1.4;letter-spacing:-.015em}
@media(max-width:700px){
  .hero-clean-process{padding:14px 0 17px}
  .hero-clean-process-inner{gap:9px}
  .hero-clean-process-inner>div,
  .hero-clean-process-inner>div:first-child,
  .hero-clean-process-inner>div:last-child,
  .hero-clean-process-inner>div:nth-child(n+3){
    min-height:76px;padding:11px;gap:9px;border:1px solid rgba(255,212,41,.15);border-radius:18px
  }
  .hero-clean-process-inner b{flex-basis:38px;width:38px;height:38px;border-radius:13px;font-size:13px}
  .hero-clean-process-inner span{font-size:10.5px}
}
@media(max-width:380px){
  .hero-clean-process-inner>div{padding:9px;gap:7px}
  .hero-clean-process-inner b{flex-basis:34px;width:34px;height:34px;border-radius:12px;font-size:12px}
  .hero-clean-process-inner span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-clean-process-inner>div{transition:none}.hero-clean-process-inner>div:hover{transform:none}}


/* Full-size Yandex award in the right hero visual, without stretching the artwork */
.hero-clean-visual{border-radius:26px;background:radial-gradient(circle at 50% 42%,#343024 0%,#171815 70%);box-shadow:0 22px 55px #0005}
.hero-clean-visual>img:first-child{opacity:.12;filter:blur(7px);transform:scale(1.05)}
.hero-clean-visual:after{background:linear-gradient(180deg,#1116,#08090855);z-index:1}
.yandex-good-place-2026,
.yandex-good-place-2026:hover{
  position:absolute;inset:0;top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;aspect-ratio:auto;border-radius:inherit;
  z-index:5;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at center,#333025 0%,#151613 76%);
  box-shadow:none;transform:none;overflow:hidden;padding:16px;
}
.yandex-good-place-2026 img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  border-radius:14px;filter:drop-shadow(0 12px 20px #0007)
}
.hero-clean-photo-label{z-index:6;pointer-events:none}
@media(max-width:700px){
  .hero-clean-visual{border-radius:22px}
  .yandex-good-place-2026{width:100%;height:100%;inset:0;top:0;right:0;border-radius:inherit;padding:12px}
}


/* Keep the opening headline fully visible below the fixed navigation. */
.hero-clean{padding-top:116px}
.hero-clean .hero-clean-grid{padding-top:28px}
.hero-clean-copy{position:relative;z-index:2;min-width:0}
.hero-clean-copy h1{display:block;overflow:visible;max-width:100%;font-size:clamp(38px,4.5vw,56px);line-height:1.18;overflow-wrap:normal}
@media(max-width:700px){
  .hero-clean{padding-top:110px}
  .hero-clean .hero-clean-grid{padding-top:20px}
  .hero-clean-copy h1{font-size:clamp(34px,9vw,44px);line-height:1.19;letter-spacing:-.035em}
}
@media(max-width:380px){.hero-clean-copy h1{font-size:34px}}


/* Use the exact same circular logo treatment everywhere as in the header. */
.brand .brand-logo{
  display:block!important;width:60px!important;height:60px!important;
  flex:0 0 60px!important;padding:0!important;
  object-fit:cover!important;object-position:center!important;
  clip-path:circle(44% at 50% 50%)!important;
  border-radius:50%!important;background:transparent!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  filter:none!important;opacity:1!important;visibility:visible!important;
  mix-blend-mode:normal!important;
}
@media(max-width:1000px){.brand .brand-logo{width:54px!important;height:54px!important;flex-basis:54px!important}}
@media(max-width:700px){.brand .brand-logo{width:46px!important;height:46px!important;flex-basis:46px!important}}
@media(max-width:380px){.brand .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}}


/* Conversion-focused first screen: readable headline and clear proof points. */
.hero-clean-copy h1{font-size:clamp(33px,3.7vw,48px);line-height:1.2;letter-spacing:-.035em;max-width:660px}
.hero-clean-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.hero-clean-benefits span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,212,41,.25);border-radius:999px;background:rgba(255,212,41,.065);color:#f2eee1;font-size:11px;font-weight:650;line-height:1.35}
.hero-clean-benefits span:before{content:"✓";color:#ffd429;font-size:13px;font-weight:800}
.hero-clean-primary,.hero-clean-secondary{border-radius:999px}
@media(max-width:700px){
 .hero-clean-copy h1{font-size:clamp(29px,7.5vw,39px);line-height:1.2;letter-spacing:-.035em}
 .hero-clean-benefits{gap:7px;margin-top:18px}
 .hero-clean-benefits span{padding:8px 11px;font-size:10px}
}
@media(max-width:380px){.hero-clean-copy h1{font-size:29px}}


/* Premium editorial service showcase, adapted from the approved black/yellow mockup. */
.services-showcase{background:#101210!important;color:#f7f6ef!important}
.services-showcase .section-head{align-items:end}
.services-showcase .section-head h2{color:#f8f7f2!important}
.services-showcase .section-head h2 em{color:#ffd429!important}
.services-showcase .section-head p{color:#c2c3bd!important}
.services-showcase .service-grid-main{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.services-showcase .service-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:460px!important;padding:0 18px 21px!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(160deg,#242721,#171a18)!important;border:1px solid #414438!important;box-shadow:0 16px 38px #0004!important;color:#f7f7f0!important;transition:transform .2s,border-color .2s!important}
.services-showcase .service-card:hover{transform:translateY(-4px)!important;border-color:#e2bd39!important}
.services-showcase .service-card-photo{position:relative!important;inset:auto!important;display:block!important;flex:none!important;width:calc(100% + 36px)!important;height:170px!important;margin:0 -18px 18px!important;object-fit:cover!important;object-position:center!important;opacity:1!important;filter:none!important;border-radius:0!important}
.services-showcase .service-card:before{display:none!important}
.services-showcase .service-card:after{display:none!important}
.services-showcase .card-number{position:relative!important;z-index:1!important;display:inline-flex!important;align-self:flex-start!important;padding:7px 10px!important;border:1px solid #5b5027!important;border-radius:999px!important;background:#2a291e!important;color:#ffd429!important;font-size:10px!important;letter-spacing:.08em!important}
.services-showcase .service-card h3{position:relative!important;color:#fff!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.25!important;margin:14px 0 10px!important}
.services-showcase .service-card p{position:relative!important;color:#c9cac3!important;font-size:12px!important;line-height:1.6!important;margin:0 0 14px!important}
.services-showcase .service-card .brands{position:relative!important;color:#ffd429!important;font-size:11px!important;line-height:1.5!important;margin-top:auto!important;padding-top:12px!important}
.services-showcase .service-card>a,.services-showcase .service-card .brand-links a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid #ffd429!important;background:#ffd429!important;color:#151612!important;padding:10px 12px!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important}
.services-showcase .service-card>a{margin-top:13px!important}
.services-showcase .service-card .brand-links{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}
.services-showcase .service-card .brand-links a{padding:8px 9px!important;font-size:10px!important}
.services-showcase .service-card-electronics{grid-column:1/-1!important;min-height:235px!important;display:grid!important;grid-template-columns:240px 1fr!important;grid-template-rows:repeat(4,auto)!important;align-content:center!important;column-gap:24px!important;padding:18px 25px!important}
.services-showcase .service-card-electronics .service-card-photo{grid-column:1!important;grid-row:1/5!important;width:240px!important;height:200px!important;margin:0!important;border-radius:16px!important}
.services-showcase .service-card-electronics .brands{margin-top:0!important}
.services-showcase .service-card-electronics>a{justify-self:start!important}
.services-showcase .service-extra-grid{margin-top:24px!important}
@media(max-width:1100px){.services-showcase .service-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.services-showcase .service-card{min-height:440px!important}.services-showcase .service-card-electronics{grid-column:1/-1!important}}
@media(max-width:700px){.services-showcase .service-grid-main{grid-template-columns:1fr!important;gap:14px!important}.services-showcase .service-card{min-height:0!important;padding-bottom:22px!important}.services-showcase .service-card-photo{height:215px!important}.services-showcase .service-card-electronics{display:flex!important;grid-column:auto!important;padding:0 18px 22px!important}.services-showcase .service-card-electronics .service-card-photo{width:calc(100% + 36px)!important;height:210px!important;margin:0 -18px 18px!important;border-radius:0!important}.services-showcase .service-card h3{font-size:21px!important}}


/* Exact approved four-card image with real clickable service links. */
.services-showcase{padding-top:34px!important}
.services-showcase .section-head{display:none!important}
.services-image-showcase{position:relative;max-width:1536px;margin:0 auto;overflow:hidden;border-radius:22px;background:#101010}
.services-image-showcase-art{display:block;width:100%;height:auto}
.services-image-showcase-hotspots{position:absolute;inset:0;pointer-events:none}
.services-image-showcase-hotspots a{position:absolute;top:22%;height:61%;width:24.2%;border-radius:9%;display:block;pointer-events:auto;transition:box-shadow .2s,background .2s}
.services-image-showcase-hotspots a:nth-child(1){left:.7%}
.services-image-showcase-hotspots a:nth-child(2){left:25.4%}
.services-image-showcase-hotspots a:nth-child(3){left:50.4%}
.services-image-showcase-hotspots a:nth-child(4){left:75.5%}
.services-image-showcase-hotspots a:hover,.services-image-showcase-hotspots a:focus-visible{background:#ffd4290c;box-shadow:inset 0 0 0 3px #ffd429;outline:none}
.services-image-showcase-mobile{display:none}
@media(max-width:700px){
 .services-showcase{padding-top:40px!important}
 .services-showcase .section-head{display:block!important;margin-bottom:18px}
 .services-image-showcase-art,.services-image-showcase-hotspots{display:none!important}
 .services-image-showcase{background:transparent;border-radius:0;overflow:visible}
 .services-image-showcase-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .services-image-showcase-mobile a{display:block;aspect-ratio:384/525;background-image:var(--services-mobile-image);background-size:400% auto;background-position:var(--x) center;background-repeat:no-repeat;border:1px solid #58544a;border-radius:18px;box-shadow:0 8px 24px #0005;transition:transform .2s}
 .services-image-showcase-mobile a:active{transform:scale(.98)}
 .services-image-showcase-mobile a:focus-visible{outline:3px solid #ffd429;outline-offset:2px}
 .services-image-showcase-mobile a:first-child{border:2px solid #ffd429}
}


/* Service subpages: robust typography, contrast and safe layout on all screens. */
body:has(.service-hero) .service-hero{padding-top:120px!important;overflow:visible!important;color:#f7f7f4!important}
body:has(.service-hero) .service-hero .hero-grid{min-height:0!important;padding-top:28px!important;padding-bottom:56px!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(20px,4vw,48px)!important}
body:has(.service-hero) .service-hero .hero-copy{min-width:0!important;max-width:none!important;position:relative;z-index:2}
body:has(.service-hero) .service-hero h1{max-width:100%!important;font-size:clamp(36px,4.3vw,60px)!important;line-height:1.18!important;letter-spacing:-.035em!important;overflow:visible!important;overflow-wrap:break-word!important;color:#fff!important}
body:has(.service-hero) .service-hero h1 em{color:#ffd429!important}
body:has(.service-hero) .service-hero .hero-lead{color:#e0e1de!important;line-height:1.7!important;overflow-wrap:break-word!important}
body:has(.service-hero) .service-hero .hero-art{min-width:0!important;max-width:100%!important}
body:has(.service-hero) .section:not(.services-showcase){color:#202321!important;background:#f7f7f3}
body:has(.service-hero) .section:not(.services-showcase) h2,body:has(.service-hero) .section:not(.services-showcase) h3{color:#181a19!important;line-height:1.2!important;overflow-wrap:break-word!important}
body:has(.service-hero) .section:not(.services-showcase) p,body:has(.service-hero) .section:not(.services-showcase) li{color:#414541!important;line-height:1.75!important}
body:has(.service-hero) .section:not(.services-showcase) .service-card{background:#fff!important;color:#181a19!important;overflow:visible!important;border:1px solid #e1e2db!important}
body:has(.service-hero) .section:not(.services-showcase) .service-card h3{color:#181a19!important}
body:has(.service-hero) .section:not(.services-showcase) .service-card p{color:#414541!important}
body:has(.service-hero) .dark-section h2,body:has(.service-hero) .dark-section h3{color:#fff!important}
body:has(.service-hero) .dark-section p,body:has(.service-hero) .dark-section li{color:#d1d2cc!important}
@media(max-width:800px){
 body:has(.service-hero) .service-hero{padding-top:106px!important}
 body:has(.service-hero) .service-hero .hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding-top:24px!important;padding-bottom:35px!important;gap:16px!important}
 body:has(.service-hero) .service-hero h1{font-size:clamp(33px,7.7vw,46px)!important;line-height:1.2!important;letter-spacing:-.03em!important}
 body:has(.service-hero) .service-hero .hero-art{transform:none!important;height:300px!important;margin:0!important}
}
@media(max-width:400px){
 body:has(.service-hero) .service-hero h1{font-size:32px!important}
 body:has(.service-hero) .service-hero .hero-actions{flex-wrap:wrap!important}
 body:has(.service-hero) .service-hero .hero-art{height:250px!important}
}


/* Premium interactive Yandex award card — original badge, accessible HTML text. */
.hero-clean-visual{isolation:isolate}
.hero-clean-visual .hero-clean-photo-label{display:none!important}
.hero-clean-visual .yandex-good-place-2026,
.hero-clean-visual .yandex-good-place-2026:hover{
 position:absolute!important;inset:0!important;z-index:10!important;
 display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
 align-items:center!important;gap:0!important;width:100%!important;height:100%!important;
 padding:clamp(14px,2.1vw,28px)!important;
 border-radius:inherit!important;border:1px solid rgba(255,215,55,.42)!important;
 background:radial-gradient(ellipse at 5% 12%,#61490077,transparent 45%),linear-gradient(130deg,#1c1b16,#090a0b 76%)!important;
 box-shadow:inset 0 0 0 1px #ffffff0a,0 22px 55px #0007!important;
 text-decoration:none!important;transform:none!important;overflow:hidden!important;
 color:#fff!important;transition:border-color .2s,box-shadow .2s!important;
}
.hero-clean-visual .yandex-good-place-2026:hover{border-color:#ffd429!important;box-shadow:0 20px 60px #0009,0 0 25px #ffd42920!important}
.yandex-good-place-2026 .award-art{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:5px}
.hero-clean-visual .yandex-good-place-2026 .award-art img{width:100%!important;height:auto!important;max-height:92%!important;object-fit:contain!important;filter:drop-shadow(0 14px 22px #000a)!important}
.yandex-good-place-2026 .award-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(8px,1.1vw,15px);min-width:0;padding:10px 0 10px 12px}
.yandex-good-place-2026 .award-overline{font-size:clamp(9px,.8vw,11px);letter-spacing:.14em;color:#ffd429;font-weight:800}
.yandex-good-place-2026 .award-info strong{font-size:clamp(23px,2.7vw,39px);line-height:1.08;letter-spacing:-.045em;color:#fff;font-weight:900}
.yandex-good-place-2026 .award-info strong em{font-style:normal;color:#ffd429}
.yandex-good-place-2026 .award-description{color:#d2d2ce;font-size:clamp(11px,1vw,14px);line-height:1.55}
.yandex-good-place-2026 .award-features{display:flex;flex-wrap:wrap;gap:7px}
.yandex-good-place-2026 .award-features span{border:1px solid #ffd42955;border-radius:999px;padding:6px 9px;font-size:10px;color:#f0e7c3}
.yandex-good-place-2026 .award-button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border-radius:999px;padding:12px 16px;background:#ffd429;color:#111;font-weight:850;font-size:clamp(10px,1vw,13px);line-height:1.3}
.yandex-good-place-2026 .award-button b{font-size:18px}
@media(max-width:700px){
 .hero-clean-visual .yandex-good-place-2026{grid-template-columns:40% 60%!important;padding:12px!important}
 .yandex-good-place-2026 .award-info{gap:8px;padding-left:7px}
 .yandex-good-place-2026 .award-info strong{font-size:clamp(21px,5vw,30px)}
 .yandex-good-place-2026 .award-description{font-size:11px}
 .yandex-good-place-2026 .award-features{display:none}
 .yandex-good-place-2026 .award-button{padding:9px 11px;font-size:10px}
}
@media(max-width:390px){.yandex-good-place-2026 .award-overline{font-size:8px}.yandex-good-place-2026 .award-info strong{font-size:20px}.yandex-good-place-2026 .award-description{font-size:10px}}


/* Enlarge the original Good Place award inside its premium card. */
.hero-clean-visual .yandex-good-place-2026,
.hero-clean-visual .yandex-good-place-2026:hover{grid-template-columns:minmax(0,53%) minmax(0,47%)!important;padding:clamp(8px,1.2vw,16px)!important}
.yandex-good-place-2026 .award-art{padding:0!important;overflow:visible!important}
.hero-clean-visual .yandex-good-place-2026 .award-art img{width:115%!important;max-width:none!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.09);transform-origin:center}
.yandex-good-place-2026 .award-info{padding-left:5px!important}
@media(max-width:700px){
 .hero-clean-visual .yandex-good-place-2026{grid-template-columns:52% 48%!important;padding:7px!important}
 .hero-clean-visual .yandex-good-place-2026 .award-art img{width:118%!important;transform:scale(1.07)}
 .yandex-good-place-2026 .award-info{padding-left:2px!important}
}


/* FINAL AWARD REDESIGN — restrained premium editorial layout, no distorted logo. */
.hero-clean-visual .yandex-good-place-2026.award-redesign,
.hero-clean-visual .yandex-good-place-2026.award-redesign:hover{
 position:absolute!important;inset:0!important;display:grid!important;
 grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
 width:100%!important;height:100%!important;min-width:0!important;
 align-items:center!important;gap:0!important;
 padding:clamp(15px,2.1vw,29px)!important;
 border-radius:inherit!important;border:1px solid #e5ba3d70!important;
 background:radial-gradient(ellipse at 13% 30%,#7b571e4d 0,transparent 48%),linear-gradient(135deg,#22201c 0%,#101112 62%,#0b0d0f 100%)!important;
 box-shadow:inset 0 1px 0 #fff2,0 24px 60px #0008!important;
 overflow:hidden!important;transform:none!important;filter:none!important;
 color:#fff!important;text-decoration:none!important;
}
.award-redesign-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#fff1 48%,transparent 57%);opacity:.7}
.award-redesign-emblem{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:0;height:100%;padding:8px}
.award-redesign-emblem-inner{display:flex;align-items:center;justify-content:center;width:min(100%,215px);aspect-ratio:1;border-radius:27%;background:radial-gradient(circle,#6d54255c,transparent 70%);border:1px solid #d4a62b25;box-shadow:0 15px 35px #0004,inset 0 0 35px #ffd4290b}
.hero-clean-visual .award-redesign-emblem-inner img{display:block!important;width:90%!important;height:90%!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 9px 13px #0008)!important;border-radius:0!important}
.award-redesign-emblem-caption{color:#b8a57d;font-size:9px;letter-spacing:.17em;font-weight:750;text-align:center}
.award-redesign-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(9px,1.5vw,17px);min-width:0;padding-left:clamp(6px,1.4vw,20px)}
.award-redesign-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#ffd429;font-size:clamp(9px,.9vw,12px);letter-spacing:.14em;font-weight:800}
.award-redesign-dot{width:7px;height:7px;flex:0 0 7px;background:#ffd429;border-radius:50%;box-shadow:0 0 10px #ffd4299c}
.award-redesign-copy strong{color:#fff;font-size:clamp(27px,3.1vw,46px);font-weight:850;letter-spacing:-.055em;line-height:1.04}
.award-redesign-copy strong span{color:#ffd429}
.award-redesign-rule{display:block;width:52px;height:2px;background:#ffd429;border-radius:2px}
.award-redesign-description{color:#d1d1cb;font-size:clamp(11px,1vw,14px);line-height:1.65;max-width:290px}
.award-redesign-action{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:100%;padding:12px 15px;border-radius:999px;background:#ffd429;color:#151515;font-size:clamp(10px,.9vw,12px);font-weight:800;line-height:1.25;box-shadow:0 6px 25px #ffd4292a}
.award-redesign-action b{font-size:17px}
.hero-clean-visual .award-redesign:hover .award-redesign-action{background:#ffe268}
.hero-clean-visual .award-redesign:focus-visible{outline:3px solid #fff!important;outline-offset:-5px!important}
@media(max-width:700px){
 .hero-clean-visual .yandex-good-place-2026.award-redesign{grid-template-columns:42% 58%!important;padding:12px!important}
 .award-redesign-emblem{padding:3px;gap:7px}
 .award-redesign-emblem-inner{width:100%;border-radius:23%}
 .award-redesign-emblem-caption{font-size:7px;letter-spacing:.06em}
 .award-redesign-copy{padding-left:8px;gap:8px}
 .award-redesign-copy strong{font-size:clamp(25px,6.4vw,35px)}
 .award-redesign-description{font-size:10px;line-height:1.45}
 .award-redesign-action{padding:9px 11px;font-size:10px}
}
@media(max-width:390px){
 .award-redesign-copy strong{font-size:25px}
 .award-redesign-emblem-caption{display:none}
 .award-redesign-description{font-size:9px}
 .award-redesign-action{font-size:9px}
}


/* Edge-to-edge Good Place artwork: previous gold framed concept, fully clickable. */
.hero-clean-visual{overflow:hidden!important;border-radius:26px!important;aspect-ratio:1.45!important;height:auto!important}
.hero-clean-visual .yandex-good-place-2026.award-fullbleed,
.hero-clean-visual .yandex-good-place-2026.award-fullbleed:hover{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 display:grid!important;grid-template-columns:45% 55%!important;gap:0!important;align-items:center!important;
 padding:clamp(10px,1.8vw,24px)!important;border-radius:inherit!important;
 border:3px solid #ffce16!important;
 background:radial-gradient(ellipse at 14% 27%,#b26e1866,transparent 44%),radial-gradient(ellipse at 95% 90%,#ffca164d,transparent 38%),linear-gradient(115deg,#1a1711,#060607 73%)!important;
 box-shadow:inset 0 0 20px #ffce1659,inset 0 0 2px 1px #fff9,0 0 25px #f7b6003b!important;
 overflow:hidden!important;transform:none!important;color:#fff!important;text-decoration:none!important;
}
.award-fullbleed-art{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.award-fullbleed-laurel{position:absolute;color:#ffc82a;font-size:clamp(90px,17vw,230px);line-height:1;opacity:.48;transform:rotate(-20deg);text-shadow:0 0 20px #e6a100}
.award-fullbleed-medal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 10px 12px #0009)}
.award-fullbleed-pin{position:relative;z-index:2;display:grid;place-items:center;width:clamp(54px,7vw,100px);height:clamp(65px,8.5vw,116px);margin-bottom:-24px;border-radius:50% 50% 48% 48%;background:linear-gradient(135deg,#ff6262 0%,#ed1016 45%,#a6000c 100%);border:3px solid #ff9a85;box-shadow:0 6px 20px #f004, inset -8px -8px 12px #6500095e;color:white;font-size:clamp(34px,4.6vw,68px);font-weight:900}
.award-fullbleed-plaque{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(125px,16vw,218px);min-height:clamp(132px,16vw,220px);padding:34px 10px 15px;border-radius:27px;border:3px solid #ffe6a4;background:linear-gradient(140deg,#fff,#e8e3d9);box-shadow:0 0 0 5px #f6b71e,0 13px 35px #0008;color:#121212;text-align:center;font-size:clamp(19px,2.6vw,35px);font-weight:900;line-height:1.03}
.award-fullbleed-stars{display:block;margin-top:12px;color:#eeb600;letter-spacing:.01em;font-size:clamp(16px,2vw,26px);white-space:nowrap;text-shadow:0 1px 1px #8c6600}
.award-fullbleed-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(8px,1.3vw,15px);min-width:0;height:100%;padding-left:clamp(5px,1.5vw,20px)}
.award-fullbleed-brand{font-size:clamp(14px,1.5vw,21px);font-weight:850;color:#f6f6f4;white-space:nowrap}
.award-fullbleed-brand b{color:#f11c19}
.award-fullbleed-content strong{font-size:clamp(25px,3.7vw,52px);line-height:1.02;letter-spacing:-.05em;font-weight:900;color:#fff}
.award-fullbleed-content strong em{color:#ffd21b;font-style:normal}
.award-fullbleed-desc{font-size:clamp(10px,1.15vw,15px);line-height:1.5;color:#e6e4de;max-width:340px}
.award-fullbleed-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:345px;padding:12px 16px;border-radius:999px;background:linear-gradient(180deg,#ffe960,#ffcc0b);box-shadow:0 4px 18px #e8b6006b;color:#14120b;font-size:clamp(10px,1.08vw,14px);font-weight:850}
.award-fullbleed-button b{font-size:19px}
@media(max-width:700px){
 .hero-clean-visual{aspect-ratio:1.35!important;border-radius:24px!important}
 .hero-clean-visual .yandex-good-place-2026.award-fullbleed{grid-template-columns:43% 57%!important;padding:12px 10px!important;border-width:2px!important}
 .award-fullbleed-laurel{font-size:110px}
 .award-fullbleed-pin{width:58px;height:69px;font-size:39px;margin-bottom:-16px}
 .award-fullbleed-plaque{min-width:120px;min-height:126px;font-size:19px;border-radius:20px;padding:24px 8px 10px}
 .award-fullbleed-stars{font-size:14px;margin-top:8px}
 .award-fullbleed-content{gap:8px;padding-left:6px}
 .award-fullbleed-brand{font-size:13px}
 .award-fullbleed-content strong{font-size:clamp(23px,6vw,32px)}
 .award-fullbleed-desc{font-size:10px;line-height:1.4}
 .award-fullbleed-button{font-size:9px;padding:10px 10px}
}
@media(max-width:390px){
 .award-fullbleed-plaque{min-width:100px;min-height:110px;font-size:17px}
 .award-fullbleed-pin{width:48px;height:58px;font-size:31px}
 .award-fullbleed-content strong{font-size:23px}
 .award-fullbleed-desc{font-size:9px}
 .award-fullbleed-button{font-size:8px;padding:9px 8px}
}


/* Exact approved generated artwork — no HTML redraw, no crop. */
.hero-clean-visual{aspect-ratio:1672/941!important;height:auto!important;min-height:0!important;overflow:hidden!important;border-radius:24px!important;background:#090909!important}
.hero-clean-visual .yandex-good-place-2026.award-exact-image,
.hero-clean-visual .yandex-good-place-2026.award-exact-image:hover{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:inherit!important;
 background:transparent!important;box-shadow:none!important;overflow:hidden!important;
 transform:none!important;filter:none!important;z-index:12!important;
}
.hero-clean-visual .yandex-good-place-2026.award-exact-image img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;object-fit:contain!important;
 object-position:center!important;padding:0!important;margin:0!important;
 border:0!important;border-radius:inherit!important;transform:none!important;filter:none!important;
}
.hero-clean-visual .award-exact-image:focus-visible{outline:3px solid #fff!important;outline-offset:-5px!important}
@media(max-width:700px){.hero-clean-visual{aspect-ratio:1672/941!important;border-radius:18px!important}}


/* Unified MobiMaster premium theme — visually derived from the approved
   black-and-gold Good Place plaque. Keeps original award image unchanged. */
:root{--paper:#0a0a0d;--ink:#f6f3ea;--black:#0a0a0d;--panel:#171514;--muted:#b4aba0;--yellow:#ffd429;--mm-gold:#f6c63c;--mm-gold-soft:#a87923;--mm-surface:#141315;--mm-surface-deep:#0d0d0f;--mm-border:rgba(247,196,55,.35)}
html{color-scheme:dark}
body{background:#09090b;color:#f5f1e8}
body :where(.section,.dark-section,.request-section){color:#f5f1e8}
body :where(.section,.dark-section,.request-section) :where(h2,h3,h4){color:#f8f5ef}
body :where(.section,.dark-section,.request-section) h2 em{color:var(--yellow)}
body :where(.section,.dark-section,.request-section) .eyebrow{color:#e6c16c}
body :where(.section,.dark-section,.request-section) .eyebrow i{background:linear-gradient(90deg,#ffe275,#c98b20);border-radius:2px}
body .section{background:#0b0b0e}
body .section.services-showcase{background:radial-gradient(ellipse at 86% 4%,#b97b1816,transparent 44%),#0b0b0d}
body .section.popular-services{background:radial-gradient(ellipse at 8% 8%,#a46f151b,transparent 43%),#0c0b0d}
body .section.reviews-luxe{background:radial-gradient(ellipse at 90% 22%,#b484281c,transparent 45%),#0a0a0c}
body .section.faq-section{background:#0c0c0e}
body .section.contacts{background:radial-gradient(ellipse at 0 10%,#91691516,transparent 38%),#0b0b0d}
body .section.parts-catalog-promo{background:linear-gradient(115deg,#17130f,#0d0d10 75%)!important;border-block:1px solid #9c742b55}
body :where(.section-head>p,.popular-intro,.parts-catalog-inner p,.reviews-luxe-copy>p,.faq-intro,.contact-grid>div>p,.dark-section .muted){color:#c1b9aa!important}
body .section-head{margin-bottom:35px}
body :where(.service-card,.popular-card){background:linear-gradient(145deg,#252018 0%,#141416 46%,#0f1012 100%)!important;color:#f6f2e8!important;border:1px solid #bd912f8c!important;border-radius:24px!important;box-shadow:inset 0 1px 0 #ffe69a1c,0 9px 30px #0006!important;overflow:hidden}
body :where(.service-card,.popular-card):hover{transform:translateY(-4px)!important;border-color:#ffdb6a!important;box-shadow:0 0 20px #eab32721,0 18px 45px #0009!important}
body :where(.service-card,.popular-card) :where(h3,.card-number){color:#f6f0df!important}
body :where(.service-card,.popular-card) p{color:#c0b9ac!important}
body :where(.service-card,.popular-card) .card-number{color:#f7cb60!important}
body :where(.service-card,.popular-card) a{color:#ffdb67!important;border-color:#765f3199!important}
body :where(.service-card,.popular-card) a b{color:#ffd429!important}
body :where(.popular-icon,.service-icon){border-radius:17px!important;background:linear-gradient(145deg,#f9d76d,#a8751c)!important;color:#14100a!important}
body :where(.services-image-showcase,.services-image-showcase-art){border-radius:28px}
body .services-image-showcase{border:1px solid #bd8c2eaa!important;background:#15120e!important;box-shadow:0 15px 45px #0009,0 0 24px #e1ac1c24!important;overflow:hidden}
body :where(.services-image-showcase a,.services-image-showcase button){border-radius:999px}
body :where(.parts-catalog-inner,.popular-bottom){color:#f5f1e8}
body :where(.popular-bottom,.popular-heading){border-color:#7e633c55!important}
body .btn,.hero-clean-primary,.hero-clean-secondary,.request-form button,.reviews-luxe-bottom a,.reviews-luxe-score-link{border-radius:999px!important}
body :where(.btn-yellow,.hero-clean-primary,.request-form button[type="submit"]){background:linear-gradient(180deg,#ffe77d 0%,#ffcf29 60%,#eab218 100%)!important;color:#15110a!important;border:1px solid #f4c949!important;box-shadow:0 8px 22px #c18a163d!important}
body :where(.btn-yellow,.hero-clean-primary,.request-form button[type="submit"]):hover{filter:brightness(1.08)}
body .btn-outline{border:1px solid #bb902d!important;background:#1e1a13!important;color:#fbd978!important}
body .dark-section{background:linear-gradient(135deg,#17130e,#0a0b0d 78%)!important;border-block:1px solid #a87a2b66}
body .advantage-layout{gap:clamp(28px,5vw,85px)}
body .advantage-list{display:grid;gap:12px}
body .advantage-list>div,.dark-section .advantage-list>div:first-child{background:linear-gradient(120deg,#282016,#131315 68%)!important;border:1px solid #a9843980!important;border-radius:20px!important;padding:17px 20px!important;display:flex;gap:17px;box-shadow:inset 0 1px #fbd75b18,0 7px 18px #0005;min-width:0}
body .advantage-list>div>b{display:grid;place-items:center;flex:0 0 41px;height:41px;border-radius:13px;background:#ffd42917;color:#ffd75c!important;font-weight:800}
body .advantage-list h3{color:#fff5dc!important;font-size:16px}
body .advantage-list p{color:#c7bca9!important;font-size:12px;line-height:1.65}
body .reviews-luxe-score,body .reviews-luxe-card{border:1px solid #bc8d32aa!important;background:linear-gradient(145deg,#252018,#151516 65%,#101014)!important;color:#f8f1e6!important;border-radius:24px!important;box-shadow:0 12px 33px #0007,inset 0 1px #ffe39319!important}
body .reviews-luxe-score :where(span,b),body .reviews-luxe-card :where(b,blockquote){color:inherit}
body .reviews-luxe-card :where(small,.reviews-luxe-topic){color:#c5b9a8!important}
body .reviews-luxe-stars{color:#ffd429!important}
body .reviews-luxe-score-number{color:#ffe17a!important}
body .reviews-luxe-bottom{border-color:#876e3e80!important;color:#f6f2e8!important}
body .reviews-luxe-bottom :where(small,span){color:#c9bca4}
body .reviews-luxe-bottom a{background:linear-gradient(180deg,#ffe77d,#f9c52a)!important;color:#171208!important}
body .faq-item{background:linear-gradient(135deg,#211c16,#101113 78%)!important;border:1px solid #a7813c88!important;border-radius:18px!important;color:#f6f3ec!important;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px #ffe39718}
body .faq-item summary{color:#fff2d4!important;font-weight:750}
body .faq-item[open]{border-color:#f4c23e!important;box-shadow:0 0 18px #e8a7201a}
body .faq-item p{color:#c7bfb2!important}
body .faq-contact{color:#cec3b0!important}
body .faq-contact a{color:#ffd45c!important}
body .request-section{background:radial-gradient(ellipse at 10% 0,#b7771c31,transparent 55%),linear-gradient(130deg,#241b11,#0b0b0e 69%)!important;border-block:1px solid #e1af3d77;color:#f4f1ea!important}
body .request-section .eyebrow{color:#ffdd82!important}
body .request-section h2 em{color:#ffd429!important}
body .request-section p{color:#c8bdae!important}
body .big-phone{color:#ffdc65!important}
body .request-card{background:linear-gradient(145deg,#262017,#151515 57%,#101013)!important;border:1px solid #e4b33b99!important;border-radius:28px!important;box-shadow:0 16px 40px #0008,0 0 25px #f4b51912!important;color:#f9f2e5!important}
body .request-card h3{color:#ffdb69!important}
body .request-card p{color:#cbbfae!important}
body .request-form label{color:#f2e9d8!important}
body .request-form :where(input:not([type="checkbox"]),textarea,select){background:#0e0e10!important;color:#fff5df!important;border:1px solid #806637!important;border-radius:13px!important;min-width:0}
body .request-form :where(input,textarea,select):focus-visible{outline:2px solid #ffd429!important;outline-offset:2px}
body .request-form :where(input,textarea)::placeholder{color:#9f9586}
body .request-form option{background:#171615;color:#f6f0e3}
body .personal-consent,.request-card .personal-consent span{color:#d1c7b5!important}
body .personal-consent a{color:#ffda6c!important;text-decoration:underline}
body .contact-line{border-color:#8c703c66!important;color:#f5f1e8}
body .contact-line small{color:#d7b05a!important}
body .contact-line b{color:#f9eed5!important}
body .contact-line span{color:#c1b8a8!important}
body .map-frame{border:2px solid #bd912eaa!important;border-radius:26px!important;overflow:hidden;box-shadow:0 16px 40px #0009,0 0 24px #e3aa2617}
body .footer{background:#080809!important;color:#d8cebc!important;border-top:1px solid #b585305e}
body .footer a{color:#f9d779}
body .legal-details{border-color:#8f6e325e!important}
body :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #ffde65;outline-offset:3px}
@media(max-width:800px){body .section{padding-top:70px;padding-bottom:70px}body .dark-section{padding:70px 0}body .advantage-layout{gap:28px}body .request-section{padding:65px 0}}
@media(max-width:560px){body .section{padding-top:54px;padding-bottom:54px}body .dark-section{padding:54px 0}body .request-section{padding:55px 0}body :where(.service-card,.popular-card,.reviews-luxe-card,.reviews-luxe-score){border-radius:20px!important}body .advantage-list>div{border-radius:16px!important;padding:16px!important}body .request-card{border-radius:21px!important}body .map-frame{border-radius:18px!important}}

/* Good Place: no external border, outline, halo or shadow on the award block. */
body .hero-clean-visual,
body .hero-clean-visual:hover{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body .hero-clean-visual .yandex-good-place-2026.award-exact-image,
body .hero-clean-visual .yandex-good-place-2026.award-exact-image:hover{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}



/* Seamless Good Place artwork: the hero section itself shows through every edge.
   Keep original navigation, hero text and Yandex award artwork untouched. */
body .hero-clean-visual{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  isolation:isolate;
}
body .hero-clean-visual::after{
  background:none!important;
  display:none!important;
}
body .hero-clean-visual > img:first-child{
  display:none!important;
}
body .hero-clean-visual .yandex-good-place-2026.award-exact-image,
body .hero-clean-visual .yandex-good-place-2026.award-exact-image:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body .hero-clean-visual .yandex-good-place-2026.award-exact-image > img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 17%,#000 83%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 17%,#000 83%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 17%,#000 83%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 17%,#000 83%,transparent 100%);
  mask-composite:intersect;
}


/* Conceal only the top "Яндекс Карты" heading baked into the award artwork.
   The panel, badge, other copy, header, and navigation remain untouched. */
body .hero-clean-visual .yandex-good-place-2026.award-exact-image::after {
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:14%;
  left:46%;
  width:49%;
  height:15%;
  background:#101011;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 7%, #000 94%, transparent 100%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 84%,transparent 100%);
  mask-composite:intersect;
}


/* Seamless integration of the approved Good Place art with the real hero
   background: dark image pixels no longer form a separate rectangular panel. */
body .hero-clean .hero-clean-visual {
  isolation:auto!important;
  background:transparent!important;
  overflow:visible!important;
  box-shadow:none!important;
  border:0!important;
}
body .hero-clean .hero-clean-visual .yandex-good-place-2026.award-exact-image {
  isolation:auto!important;
  mix-blend-mode:lighten!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .hero-clean .hero-clean-visual .yandex-good-place-2026.award-exact-image > img{
  mix-blend-mode:normal!important;
  -webkit-mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 64%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 64%,transparent 100%)!important;
  -webkit-mask-composite:source-over!important;
  mask-composite:add!important;
}
body .hero-clean .hero-clean-visual .yandex-good-place-2026.award-exact-image::after {
  background:#111211!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:
    linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),
    linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)!important;
  mask-image:
    linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),
    linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)!important;
}

/* Award graphic display: no masks or title-cover pseudo-element. */
body .hero-clean-visual .award-exact-image::after{display:none!important;content:none!important}
body .hero-clean-visual .award-exact-image,body .hero-clean-visual .award-exact-image img{mix-blend-mode:normal!important}
body .hero-clean-visual .award-exact-image img{mask-image:none!important;-webkit-mask-image:none!important;transform:none!important;transform-origin:center center!important;}


/* Award layout revision: 15% larger complete badge, preserving its natural ratio.
   Leaf tips and artwork must remain visible. Header and other sections untouched. */
body .hero-clean .hero-clean-grid .hero-clean-visual {
  transform:scale(1.15)!important;
  transform-origin:center center!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:1;
}
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image {
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
}
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image > img{
  transform:none!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
@media(max-width:700px){
  body .hero-clean .hero-clean-grid .hero-clean-visual {
    transform:scale(1.15)!important;
    transform-origin:center center!important;
  }
}

/* Good Place: true transparent SVG over the unchanged hero background. */
body .hero-clean .hero-clean-grid .hero-clean-visual,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image:hover{
 background:transparent!important;box-shadow:none!important;border:0!important;
 filter:none!important;mix-blend-mode:normal!important;
}
body .hero-clean .hero-clean-grid .hero-clean-visual::before,
body .hero-clean .hero-clean-grid .hero-clean-visual::after,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image::before,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image::after{
 content:none!important;display:none!important;background:none!important;
}
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image>img{
 background:transparent!important;mix-blend-mode:normal!important;
 mask:none!important;-webkit-mask:none!important;filter:none!important;
 object-fit:contain!important;
}

/* Remove yellow outline from Good Place block only. */
body .hero-clean .hero-clean-grid .hero-clean-visual,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image:hover,
body .hero-clean .hero-clean-grid .hero-clean-visual .award-exact-image>img{
 border:0!important;outline:0!important;box-shadow:none!important;
}


/* Premium repair journey — isolated from hero and Yandex award styling */
.hero-clean-process{padding:27px 0 32px!important;background:linear-gradient(180deg,#141512,#0d0e0d)!important;border-top:1px solid rgba(255,212,41,.22)!important}
.hero-clean-process-inner{width:min(1160px,calc(100% - 48px))!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.hero-clean-process-inner>div,.hero-clean-process-inner>div:first-child,.hero-clean-process-inner>div:last-child{position:relative;min-width:0;min-height:112px!important;display:flex!important;align-items:center!important;gap:15px!important;padding:20px 18px!important;border:1px solid rgba(255,212,41,.16)!important;border-radius:19px!important;background:linear-gradient(145deg,#242520,#171815)!important;box-shadow:0 12px 26px rgba(0,0,0,.19)!important;transition:transform .2s ease,border-color .2s ease!important}
.hero-clean-process-inner>div:not(:last-child)::after{content:"";position:absolute;top:50%;right:-14px;width:14px;height:1px;background:linear-gradient(90deg,#ffd429,transparent);z-index:1}
.hero-clean-process-inner>div:hover{transform:translateY(-3px)!important;border-color:rgba(255,212,41,.48)!important}
.hero-clean-process-inner b{flex:0 0 49px!important;width:49px!important;height:49px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:linear-gradient(145deg,#ffe16c,#e9b918)!important;color:#16150e!important;font-size:17px!important;font-weight:800!important;letter-spacing:.025em!important}
.hero-clean-process-inner span{font-size:clamp(12px,1.05vw,15px)!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.015em!important;color:#f8f6ed!important}
@media(max-width:900px){.hero-clean-process-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-clean-process-inner>div:not(:last-child)::after{display:none!important}}
@media(max-width:480px){.hero-clean-process{padding:19px 0 23px!important}.hero-clean-process-inner{width:calc(100% - 28px)!important;gap:9px!important}.hero-clean-process-inner>div,.hero-clean-process-inner>div:first-child,.hero-clean-process-inner>div:last-child{min-height:103px!important;padding:12px 10px!important;gap:9px!important;border-radius:15px!important}.hero-clean-process-inner b{flex-basis:36px!important;width:36px!important;height:36px!important;border-radius:11px!important;font-size:12px!important}.hero-clean-process-inner span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.hero-clean-process-inner>div{transition:none!important}.hero-clean-process-inner>div:hover{transform:none!important}}


/* Premium repair journey — scoped to the hero process only */
.hero-clean-process{padding:54px 0 60px!important;background:radial-gradient(ellipse at 50% 0%,rgba(246,198,56,.075),transparent 55%),#11120f!important;border-top:1px solid rgba(246,206,94,.17)!important}
.process-premium-heading{text-align:center;max-width:740px;margin:0 auto 30px}
.process-premium-eyebrow{display:inline-block;color:#dfbc62;font-size:11px;font-weight:750;letter-spacing:.22em;margin-bottom:12px}
.process-premium-heading h2{color:#fffaf0;font-size:clamp(27px,3vw,43px);font-weight:760;letter-spacing:-.045em;line-height:1.13;margin:0 0 12px}
.process-premium-heading h2 em{font-style:normal;color:#f4cf67}
.process-premium-heading p{margin:0;color:#aaa99f;font-size:clamp(13px,1.3vw,15px);line-height:1.6}
.hero-clean-process-inner{width:100%!important;max-width:1160px!important;margin:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.hero-clean-process-inner>div,.hero-clean-process-inner>div:first-child,.hero-clean-process-inner>div:last-child,.hero-clean-process-inner>div:nth-child(n+3){display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:185px!important;padding:24px 22px!important;gap:22px!important;border:1px solid rgba(238,205,121,.20)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(48,47,39,.94),rgba(25,26,23,.97))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 18px 32px rgba(0,0,0,.19)!important;overflow:visible}
.hero-clean-process-inner>div::before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,transparent,rgba(255,213,113,.65),transparent);opacity:.65}
.hero-clean-process-inner>div:not(:last-child)::after{right:-15px!important;width:15px!important;background:linear-gradient(90deg,rgba(242,205,113,.75),transparent)!important}
.hero-clean-process-inner b{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(145deg,#f8e5a4,#eac25a)!important;color:#242016!important;font-size:15px!important;box-shadow:0 5px 18px rgba(225,182,76,.13),inset 0 1px 0 rgba(255,255,255,.55)!important}
.hero-clean-process-inner span{display:block!important;color:#f8f6ed!important;font-size:inherit!important;line-height:1.4!important}
.hero-clean-process-inner span strong{display:block;font-size:clamp(14px,1.25vw,17px);font-weight:720;line-height:1.3;letter-spacing:-.025em}
.hero-clean-process-inner span small{display:block;margin-top:9px;font-size:12px;font-weight:400;line-height:1.55;color:#b8b6ac;letter-spacing:0}
.hero-clean-process-inner>div:hover{transform:translateY(-4px)!important;border-color:rgba(255,214,121,.5)!important;box-shadow:0 22px 42px rgba(0,0,0,.3)!important}
@media(max-width:900px){.hero-clean-process-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-clean-process-inner>div:not(:last-child)::after{display:none!important}}
@media(max-width:480px){.hero-clean-process{padding:37px 0 43px!important}.process-premium-heading{margin-bottom:23px}.hero-clean-process-inner{gap:10px!important}.hero-clean-process-inner>div,.hero-clean-process-inner>div:first-child,.hero-clean-process-inner>div:last-child,.hero-clean-process-inner>div:nth-child(n+3){min-height:184px!important;padding:17px 14px!important;gap:16px!important;border-radius:18px!important}.hero-clean-process-inner span strong{font-size:13px}.hero-clean-process-inner span small{font-size:11px}.hero-clean-process-inner b{flex-basis:40px!important;width:40px!important;height:40px!important}}
@media(prefers-reduced-motion:reduce){.hero-clean-process-inner>div{transition:none!important}}


/* Refined editorial process: compact premium four-step journey */
.hero-clean-process.process-refined{padding:76px 0 82px!important;background:linear-gradient(180deg,#0d0d0d 0%,#161511 48%,#0d0d0d 100%)!important;position:relative;isolation:isolate;overflow:hidden}
.process-refined::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(100%,1000px);height:1px;background:linear-gradient(90deg,transparent,#b99b3d,transparent)}
.process-refined .process-premium-heading{margin:0 auto 40px!important;text-align:center!important;max-width:850px}
.process-refined .process-premium-eyebrow{display:inline-block!important;letter-spacing:.24em!important;font-size:11px!important;color:#e5c86e!important;font-weight:750!important}
.process-refined .process-premium-heading h2{margin:13px 0 12px!important;font-size:clamp(30px,3.5vw,49px)!important;line-height:1.12!important;letter-spacing:-.045em!important;color:#f7f5ec!important}
.process-refined .process-premium-heading h2 em{color:#f2cc57!important;font-style:normal!important}
.process-refined .process-premium-heading p{font-size:15px!important;color:#aeadab!important;line-height:1.65!important}
.process-refined .hero-clean-process-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.process-refined .hero-clean-process-inner>.process-refined-card,.process-refined .hero-clean-process-inner>.process-refined-card:first-child,.process-refined .hero-clean-process-inner>.process-refined-card:last-child,.process-refined .hero-clean-process-inner>.process-refined-card:nth-child(n+3){min-width:0!important;min-height:230px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:28px!important;padding:25px 23px 28px!important;border:1px solid #38342a!important;border-radius:22px!important;background:linear-gradient(155deg,#24221d 0%,#171715 52%,#121212 100%)!important;box-shadow:inset 0 1px #ffffff10,0 16px 30px #00000030!important;transition:transform .2s ease,border-color .2s ease!important}
.process-refined .hero-clean-process-inner>.process-refined-card::before{content:none!important}
.process-refined .hero-clean-process-inner>.process-refined-card:not(:last-child)::after{content:"";position:absolute!important;right:-15px!important;top:58px!important;width:15px!important;height:1px!important;background:#ae8b37!important;z-index:2!important}
.process-refined .process-refined-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.process-refined .process-refined-icon{width:66px;height:66px;border:1px solid #8d773e;border-radius:19px;display:grid!important;place-items:center;background:linear-gradient(145deg,#51432a,#2c281d);box-shadow:inset 0 1px #ffffff25,0 8px 20px #0005;color:#f6d46a!important}
.process-refined .process-refined-icon svg{width:39px;height:39px}
.process-refined .hero-clean-process-inner .process-refined-top b{flex:initial!important;width:auto!important;height:auto!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;color:#a48b51!important;font-size:16px!important;font-weight:600!important;letter-spacing:.08em}
.process-refined .hero-clean-process-inner>.process-refined-card>span{display:block!important;text-align:left!important}
.process-refined .hero-clean-process-inner span strong{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.025em!important;color:#fff!important}
.process-refined .hero-clean-process-inner span small{font-size:13px!important;line-height:1.55!important;color:#aaa8a1!important;margin-top:10px!important}
.process-refined .hero-clean-process-inner>.process-refined-card:hover{transform:translateY(-4px)!important;border-color:#aa8d47!important}
@media(max-width:900px){.process-refined .hero-clean-process-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-refined .hero-clean-process-inner>.process-refined-card:not(:last-child)::after{display:none!important}}
@media(max-width:520px){.hero-clean-process.process-refined{padding:48px 0 55px!important}.process-refined .process-premium-heading{margin-bottom:26px!important}.process-refined .process-premium-heading h2{font-size:30px!important}.process-refined .process-premium-heading p{font-size:13px!important}.process-refined .hero-clean-process-inner{gap:10px!important}.process-refined .hero-clean-process-inner>.process-refined-card,.process-refined .hero-clean-process-inner>.process-refined-card:first-child,.process-refined .hero-clean-process-inner>.process-refined-card:last-child,.process-refined .hero-clean-process-inner>.process-refined-card:nth-child(n+3){min-height:210px!important;padding:16px 13px 18px!important;gap:15px!important;border-radius:17px!important}.process-refined .process-refined-icon{width:47px;height:47px;border-radius:14px}.process-refined .process-refined-icon svg{width:29px;height:29px}.process-refined .hero-clean-process-inner span strong{font-size:15px!important}.process-refined .hero-clean-process-inner span small{font-size:11px!important;margin-top:7px!important}}

/* Match the entire process heading to the site's signature yellow */
.process-refined .process-premium-heading h2,.process-refined .process-premium-heading h2 em{color:#ffda2d!important;-webkit-text-fill-color:#ffda2d!important;background:none!important;text-shadow:none!important}

/* Horizontally scrollable original repair showcase with a fifth Xbox card */
.xbox-nav{display:flex;justify-content:flex-end;gap:12px;margin:0 0 16px}
.xbox-nav button{width:48px;height:48px;border:1px solid #e9b919;border-radius:50%;background:#191919;color:#ffd52b;font-size:24px;cursor:pointer;transition:background .2s,transform .2s}
.xbox-nav button:hover{background:#342a09;transform:translateY(-2px)}
.xbox-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d4aa19 #171717;padding:0 0 12px;align-items:stretch}
.xbox-original{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.xbox-original .services-image-showcase{height:100%}
.xbox-card{position:relative;isolation:isolate;flex:0 0 min(340px,85vw);min-height:440px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end;gap:13px;overflow:hidden;border:1px solid #e4b91c;border-radius:24px;padding:26px;color:#fff;text-decoration:none;background:radial-gradient(ellipse at 45% 32%,#51400d 0%,#191919 46%,#080808 100%);box-shadow:inset 0 0 38px #bd8d1025}
.xbox-card:before{content:"";position:absolute;z-index:-1;top:12%;left:28%;width:48%;height:48%;border-radius:15px 15px 5px 5px;background:linear-gradient(105deg,#353535,#080808 48%,#262626 51%,#090909);border:1px solid #686868;box-shadow:22px 18px 40px #000,0 0 75px #ffc8003a;transform:perspective(400px) rotateY(-17deg)}
.xbox-art{position:absolute;top:23%;left:44%;font-size:64px;font-weight:900;color:#e8c126;text-shadow:0 0 22px #f6cc27a8}
.xbox-card strong{font-size:32px;line-height:1.1}
.xbox-card>span:not(.xbox-art){font-size:15px;color:#ddd;line-height:1.5}
.xbox-card .xbox-cta{align-self:flex-start;background:#ffd21c;color:#101010!important;border-radius:30px;padding:10px 17px;font-weight:800;margin-top:6px}
@media(max-width:700px){.xbox-nav button{width:42px;height:42px}.xbox-track{gap:12px}.xbox-card{min-height:340px;padding:20px}}

/* Xbox typography follows the original repair category card labels */
.services-showcase .xbox-card{padding:0;justify-content:flex-end;gap:0}
.services-showcase .xbox-card-copy{position:relative;width:100%;box-sizing:border-box;padding:22px 22px 24px;background:linear-gradient(0deg,rgba(8,8,8,.98),rgba(8,8,8,.88) 70%,transparent);display:flex;flex-direction:column;gap:13px}
.services-showcase .xbox-card-title{display:flex;align-items:center;gap:13px}
.services-showcase .xbox-card-title strong{font-size:clamp(21px,2vw,26px);font-weight:750;color:#f7f7f7;letter-spacing:-.4px;line-height:1.2}
.services-showcase .xbox-card-icon{font-size:29px;line-height:1;color:#ffcf00}
.services-showcase .xbox-card-copy p{font-size:clamp(14px,1.4vw,17px);line-height:1.38;color:#c9c9c9;margin:0;padding-right:12px}
.services-showcase .xbox-card-copy .xbox-cta{align-self:flex-end;width:43px;height:43px;padding:0;border-radius:50%;display:grid;place-items:center;background:#ffd218;color:#141414!important;font-size:24px;font-weight:800;margin-top:-2px}

/* Xbox is the same physical card size as the four cards in the original artwork */
.services-showcase .xbox-track{background:#101010;border:1px solid #a78117;border-radius:22px;padding:0 16px 12px 0;gap:0;align-items:center;overflow-x:auto}
.services-showcase .xbox-original{flex:0 0 calc(100% - 16px);align-self:stretch}
.services-showcase .xbox-original .services-image-showcase{border-radius:20px}
.services-showcase .xbox-card{box-sizing:border-box;flex:0 0 calc((100% - 16px)*.232);width:calc((100% - 16px)*.232);min-height:0;height:auto;aspect-ratio:.72;align-self:center;border-radius:23px;border:1px solid #e7ba20;margin-left:8px;margin-right:8px;box-shadow:0 0 15px #ffc70042,inset 0 0 22px #dcae1724}
.services-showcase .xbox-card-copy{padding:15px 14px 16px;gap:8px}
.services-showcase .xbox-card-title{gap:8px}
.services-showcase .xbox-card-title strong{font-size:clamp(17px,1.75vw,25px)}
.services-showcase .xbox-card-icon{font-size:clamp(19px,2vw,27px)}
.services-showcase .xbox-card-copy p{font-size:clamp(12px,1.28vw,17px);line-height:1.35}
.services-showcase .xbox-card-copy .xbox-cta{width:40px;height:40px}
@media(max-width:700px){.services-showcase .xbox-track{padding-right:10px}.services-showcase .xbox-original{flex-basis:calc(100% - 10px)}.services-showcase .xbox-card{flex-basis:235px;width:235px;aspect-ratio:.72;margin-left:8px}.services-showcase .xbox-card-copy p{font-size:14px}.services-showcase .xbox-card-title strong{font-size:22px}}

/* Final sizing: Xbox matches one of the four embedded photo cards */
.services-showcase .xbox-track{--xbox-card-width:280px;--xbox-card-height:390px;--xbox-card-offset:145px;display:flex;align-items:flex-start;gap:0;background:linear-gradient(115deg,#101010 0%,#1a1710 52%,#100e09 100%);border:1px solid #a8831b;border-radius:22px;padding:0 18px 16px 0;box-sizing:border-box}
.services-showcase .xbox-original{flex:0 0 calc(100% - 18px);min-width:0;align-self:flex-start}
.services-showcase .xbox-original .services-image-showcase{height:auto;overflow:hidden}
.services-showcase .xbox-original .services-image-showcase-art{width:100%;height:auto;display:block}
.services-showcase .xbox-card{flex:0 0 var(--xbox-card-width);width:var(--xbox-card-width);height:var(--xbox-card-height);min-height:0;aspect-ratio:auto;margin:var(--xbox-card-offset) 9px 0 9px;align-self:flex-start;border-radius:23px;box-sizing:border-box;background:radial-gradient(ellipse at 55% 38%,#53400e 0%,#191713 43%,#0a0a0a 100%);border:1px solid #d3aa1c;box-shadow:0 0 12px #e7b51d30}
.services-showcase .xbox-card-copy{padding:16px 17px 18px;gap:9px}
.services-showcase .xbox-card-copy p{font-size:clamp(13px,1.2vw,17px)}
@media(max-width:700px){.services-showcase .xbox-track{padding-right:10px}.services-showcase .xbox-original{flex-basis:calc(100% - 10px)}.services-showcase .xbox-card{margin-left:8px;margin-right:8px}}

/* Unified five-card repair showcase: source photo cards remain at original proportions */
.services-showcase .repair-uniform-panel{position:relative;overflow:hidden;border:1px solid #a47d17;border-radius:23px;padding:25px 18px 24px;background:radial-gradient(ellipse at 65% 30%,#332707 0%,#141310 44%,#0c0c0b 100%);box-shadow:inset 0 0 50px #d4a20a12}
.services-showcase .repair-uniform-heading{text-align:center;margin:0 auto 16px}
.services-showcase .repair-uniform-heading h2{margin:0;color:#fff;font-size:clamp(24px,3vw,42px);line-height:1.15;font-weight:800}
.services-showcase .repair-uniform-heading h2 em{color:#ffd21c;font-style:normal}
.services-showcase .repair-uniform-heading p{color:#ccc;font-size:clamp(13px,1.5vw,19px);margin:10px 0 0}
.services-showcase .repair-uniform-nav{display:flex;justify-content:flex-end;gap:10px;margin:0 0 12px}
.services-showcase .repair-uniform-nav button{border:1px solid #d9af20;border-radius:50%;width:42px;height:42px;background:#171510;color:#ffd21c;font-size:22px;cursor:pointer}
.services-showcase .repair-uniform-track{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d6ae19 #151515;padding:4px 2px 14px}
.services-showcase .repair-uniform-card{box-sizing:border-box;display:block;position:relative;flex:0 0 calc((100% - 36px)/4);min-width:0;aspect-ratio:305/404;border-radius:24px;border:1px solid #77736c;scroll-snap-align:start;overflow:hidden;text-decoration:none;background-image:var(--repair-original);background-size:393.44% auto;background-repeat:no-repeat;background-position-y:67.4%;background-color:#101010;transition:transform .2s,border-color .2s}
.services-showcase .repair-uniform-card:hover{transform:translateY(-3px);border-color:#ffd21c}
.services-showcase .repair-uniform-1{background-position-x:1.9%;border-color:#e6b91a}
.services-showcase .repair-uniform-2{background-position-x:37.3%}
.services-showcase .repair-uniform-3{background-position-x:69.4%}
.services-showcase .repair-uniform-4{background-position-x:100%;border-color:#e6b91a}
.services-showcase .repair-uniform-xbox{display:flex;flex-direction:column;justify-content:flex-end;background-image:radial-gradient(ellipse at 48% 35%,#5c4712,#1a1917 48%,#080808 100%);border-color:#d4aa19}
.services-showcase .repair-uniform-xbox:before{content:"";position:absolute;top:12%;left:29%;width:45%;height:49%;border-radius:12px 12px 4px 4px;background:linear-gradient(105deg,#343434,#090909 49%,#282828 51%,#0c0c0c);border:1px solid #555;box-shadow:16px 14px 30px #000,0 0 55px #f3bd2d42;transform:perspective(350px) rotateY(-14deg)}
.services-showcase .repair-xbox-visual{position:absolute;top:25%;left:42%;color:#ffcf20;font-weight:900;font-size:clamp(40px,5vw,72px);text-shadow:0 0 20px #ffc60075}
.services-showcase .repair-xbox-bottom{position:relative;display:flex;flex-direction:column;gap:13px;padding:22px 17px 17px;background:linear-gradient(transparent,#0b0b0bea 18%,#080808)}
.services-showcase .repair-xbox-bottom strong{font-size:clamp(17px,1.7vw,25px);color:white}
.services-showcase .repair-xbox-symbol{color:#ffce00;margin-right:7px}
.services-showcase .repair-xbox-bottom>span:not(.repair-xbox-round){font-size:clamp(12px,1.22vw,16px);color:#c9c9c9;line-height:1.4}
.services-showcase .repair-xbox-round{align-self:flex-end;background:#ffd21c;color:#121212;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:24px}
@media(max-width:900px){.services-showcase .repair-uniform-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:620px){.services-showcase .repair-uniform-panel{padding:20px 12px}.services-showcase .repair-uniform-card{flex-basis:72%;max-width:290px}.services-showcase .repair-uniform-heading p{font-size:13px}}

/* All five repair cards use the exact Xbox visual language */
.services-showcase .repair-uniform-track>.repair-uniform-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative;background-image:radial-gradient(ellipse at 48% 35%,#5c4712,#1a1917 48%,#080808 100%);background-color:#0b0b0b;border:1px solid #d4aa19;border-radius:24px;box-shadow:inset 0 0 32px #e4b01712}
.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-bottom{min-height:39%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:22px 17px 17px;background:linear-gradient(transparent,#0b0b0bea 18%,#080808)}
.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-bottom strong{font-size:clamp(17px,1.7vw,25px);font-weight:750;line-height:1.2;color:#fff}
.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-bottom>span:not(.repair-xbox-round){font-size:clamp(12px,1.22vw,16px);line-height:1.4;color:#c9c9c9}
.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-round{width:43px;height:43px;border-radius:50%;background:#ffd21c;color:#121212;display:grid;place-items:center;align-self:flex-end;font-size:24px}
.services-showcase .repair-matched-visual{position:absolute;top:13%;left:26%;width:48%;height:45%;display:block;filter:drop-shadow(16px 15px 16px #000)}
.services-showcase .repair-matched-visual:before{content:"";display:block;position:absolute;inset:0;border:1px solid #656565;background:linear-gradient(110deg,#424242,#080808 46%,#252525 53%,#0b0b0b);border-radius:13px;transform:perspective(400px) rotateY(-14deg);box-shadow:0 0 35px #e7bb2540}
.services-showcase .repair-matched-device-1{left:35%;width:31%;height:46%}
.services-showcase .repair-matched-device-1:before{border-radius:22px}
.services-showcase .repair-matched-device-1:after{content:"";position:absolute;left:16%;top:7%;width:14%;height:8%;border:2px solid #777;border-radius:50%;box-shadow:0 19px #222,0 38px #222}
.services-showcase .repair-matched-device-2{left:27%;width:47%;height:43%}
.services-showcase .repair-matched-device-2:before{border-radius:15px}
.services-showcase .repair-matched-device-2:after{content:"";position:absolute;inset:8%;border-radius:7px;background:linear-gradient(135deg,#102e5d,#3158aa 40%,#dba51d 75%,#111);transform:perspective(400px) rotateY(-14deg)}
.services-showcase .repair-matched-device-3{top:20%;left:20%;width:60%;height:34%}
.services-showcase .repair-matched-device-3:before{border-radius:8px;background:linear-gradient(140deg,#080808,#262626);border:5px solid #7d7d7d;box-sizing:border-box}
.services-showcase .repair-matched-device-3:after{content:"";position:absolute;top:100%;left:-12%;width:125%;height:20%;background:linear-gradient(#8a8a8a,#282828);transform:skewX(-22deg);border-radius:0 0 8px 8px}
.services-showcase .repair-matched-device-4{left:33%;width:39%;height:48%}
.services-showcase .repair-matched-device-4:before{border-radius:7px;background:linear-gradient(105deg,#2d2d2d,#090909 52%,#333 54%,#101010)}
.services-showcase .repair-matched-device-4:after{content:"";position:absolute;top:15%;right:8%;width:29%;height:20%;border:3px solid #f2c120;border-radius:50%;box-shadow:0 48px 0 -1px #f2c120,0 96px 0 -1px #f2c120;opacity:.9}
@media(max-width:620px){.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-bottom strong{font-size:21px}.services-showcase .repair-uniform-track>.repair-uniform-card .repair-xbox-bottom>span:not(.repair-xbox-round){font-size:14px}}

/* Premium photographed repair cards: one uploaded artwork, five independently clickable cards. */
.services-showcase .repair-premium-photo-track>.repair-uniform-card{
  position:relative!important;
  aspect-ratio:330/590!important;
  height:auto!important;
  min-height:0!important;
  background-image:url('/images/repair-premium.png')!important;
  background-repeat:no-repeat!important;
  background-size:543.03% 144.92%!important;
  background-position-y:77.36%!important;
  border:0!important;
  border-radius:25px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:block!important;
}
.services-showcase .repair-premium-photo-track>.repair-uniform-1{background-position-x:3.08%!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-2{background-position-x:26.68%!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-3{background-position-x:50.34%!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-4{background-position-x:73.87%!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-5,
.services-showcase .repair-premium-photo-track>.repair-uniform-xbox{background-position-x:97.47%!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-card::before,
.services-showcase .repair-premium-photo-track>.repair-uniform-card::after{display:none!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-card>*{display:none!important}
.services-showcase .repair-premium-photo-track>.repair-uniform-card:focus-visible{outline:3px solid #ffcf20;outline-offset:2px}
@media(max-width:620px){
  .services-showcase .repair-premium-photo-track>.repair-uniform-card{
    flex:0 0 min(76vw,315px)!important;
  }
}

/* Side controls for premium repair carousel */
.services-showcase .repair-premium-slider{position:relative;min-width:0}
.services-showcase .repair-premium-slider .repair-side-arrow{
 position:absolute;top:50%;transform:translateY(-50%);z-index:5;
 display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
 border:1px solid #ffe37a;background:#ffcc16;color:#0a0a0a;
 font-size:42px;font-weight:500;line-height:1;cursor:pointer;
 box-shadow:0 6px 22px #000b,0 0 18px #f7c51b55;
 transition:background .2s,box-shadow .2s,transform .2s;
}
.services-showcase .repair-premium-slider .repair-side-arrow:hover{background:#ffe064;box-shadow:0 6px 24px #000b,0 0 24px #f7c51b88;transform:translateY(-50%) scale(1.06)}
.services-showcase .repair-premium-slider .repair-side-arrow:focus-visible{outline:3px solid white;outline-offset:3px}
.services-showcase .repair-premium-slider .repair-side-prev{left:-18px}
.services-showcase .repair-premium-slider .repair-side-next{right:-18px}
@media(max-width:620px){
 .services-showcase .repair-premium-slider .repair-side-arrow{width:38px;height:38px;font-size:32px;opacity:.88}
 .services-showcase .repair-premium-slider .repair-side-prev{left:-7px}
 .services-showcase .repair-premium-slider .repair-side-next{right:-7px}
}