/* BEGIN site.css */ @import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap'); :root{--ink:#181c20;--muted:#7c8288;--bg:#f5f5f3;--line:#e4e5e5;--dark:#11151a;--white:#fff;--red:#dc3a36;--red2:#fa544d;--container:1256px;font-family:Manrope,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.site-shell{overflow:clip}.container{max-width:var(--container);margin:auto;padding:0 26px}.topstrip{background:#0d1014;color:#a6aeb6;font-size:11px;font-weight:700;letter-spacing:.045em}.topstrip-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topstrip-contact{display:flex;gap:13px}.topstrip a:hover{color:white}.mid-dot{opacity:.5}.pulse{display:inline-block;width:6px;height:6px;background:var(--red2);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #fa544d1c}.header{height:86px;background:#fff;border-bottom:1px solid #f2f2f2;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.brand-mark{display:flex;gap:3px;align-items:center;transform:skew(-14deg);height:25px}.brand-mark i{display:block;border:2.5px solid #222b35;border-radius:50%;width:19px;height:19px;margin-left:-7px}.brand-mark i:first-child{margin-left:0}.brand-name{font-family:Outfit,Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.4px;white-space:nowrap;line-height:.9}.brand-name small{display:block;letter-spacing:1.5px;font:700 8px Manrope,Arial,sans-serif;color:#777f87;padding-top:7px}.brand-sep{color:var(--red);padding:0 2px}.nav{display:flex;gap:clamp(12px,2vw,34px);align-items:center;margin-left:auto}.nav a{font-size:12px;font-weight:800;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a:focus{color:var(--red)}.header-actions{display:flex;align-items:center;gap:18px}.header-search{font-size:26px;font-weight:700}.menu-toggle{display:none;background:none;border:0;font-size:25px}.btn{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid transparent;border-radius:3px;padding:0 26px;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--red);color:#fff}.btn-accent:hover{background:#bf2c2b}.btn-line{border:1px solid #d9dcdd;color:#1e2327;background:white}.btn-small{min-height:41px;padding:0 16px;font-size:11px}.btn-glass{color:#fff;border-color:#ffffff50;background:#ffffff0b}.btn-dark{background:var(--dark);color:#fff}.btn-wide{width:100%}.hero{position:relative;background:#11151a;color:#fff;overflow:hidden;min-height:660px}.hero::before{content:"";position:absolute;background:radial-gradient(ellipse at 60% 70%,#4b2b2a52,transparent 60%);inset:0}.hero-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 54%,#ffffff0b 54.2%,transparent 54.5%)}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:590px}.hero-copy{position:relative;z-index:3;padding:65px 0 48px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#aab0b7;text-transform:uppercase;margin-bottom:26px}.eyebrow>span{display:inline-block;height:2px;width:24px;background:var(--red)}.eyebrow.dark{color:#757d85}.hero h1,.page-top h1,.cta-content h2{font-family:Outfit,Manrope,sans-serif;letter-spacing:-.055em;font-weight:700;font-size:clamp(48px,5.8vw,86px);line-height:1.04;margin-bottom:27px;max-width:750px}.hero h1 em,.page-top h1 em,.cta-content h2 em{font-weight:400;font-style:normal;color:var(--red2)}.hero-copy>p{max-width:470px;color:#abb2b8;line-height:1.9;font-size:14px;margin-bottom:38px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stat{display:flex;gap:26px;margin-top:80px}.hero-stat span{max-width:140px;color:#8d969e;font-size:10px;line-height:1.55;letter-spacing:.02em}.hero-stat b{display:block;color:#f2f2f2;font:500 14px Outfit;margin-bottom:7px}.hero-visual{position:relative;height:540px;margin-right:-45px;align-self:end}.hero-image{position:absolute;inset:20px -50px 20px 10px;background-position:center;background-size:cover;opacity:.95;filter:grayscale(.3) contrast(1.1);mask-image:linear-gradient(90deg,transparent,black 26%,black)}.hero-word{position:absolute;right:-14px;bottom:-22px;font:800 clamp(110px,15vw,235px) Outfit;letter-spacing:-.09em;color:#ffffff09;pointer-events:none}.hero-number{position:absolute;top:12%;right:14%;font:500 12px Outfit;letter-spacing:.3em;color:#ffffff80}.hero-caption{position:absolute;right:9%;bottom:16%;font:700 10px Manrope;letter-spacing:.19em;color:#fff;text-shadow:0 1px 10px black}.hero-caption b{color:var(--red2)}.hero-bottom{display:flex;justify-content:space-between;color:#7b858f;font-weight:800;font-size:9px;letter-spacing:.15em;padding-bottom:28px}.section{padding:94px 0}.models-section,.works-section{background:#f6f6f4}.section-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.section-header h2,.contact-info h2{font:700 clamp(30px,3.2vw,46px)/1.18 Outfit,Manrope,sans-serif;letter-spacing:-.045em;margin-bottom:10px}.section-header h2 span{font-weight:400;color:#939aa0}.section-header p{color:var(--muted);font-size:13px;margin:0}.text-link{border-bottom:1px solid #cfd3d4;font-size:12px;font-weight:800;padding-bottom:8px;white-space:nowrap}.text-link:hover{color:var(--red)}.model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.model-card{min-height:153px;padding:22px 19px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #eceeed;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.model-card:hover{transform:translateY(-4px);border-color:#edc4c4;box-shadow:0 15px 30px #1a222814}.model-monogram{font:800 47px Outfit;letter-spacing:-.07em;color:#f1f1f0;position:absolute;right:14px;top:0}.model-card>b{font-size:13px;z-index:1;max-width:125px}.model-card>span{font-size:9px;color:#888f94;display:flex;justify-content:space-between;align-items:center;z-index:1}.model-card>span b{font-size:17px;color:var(--red)}.dark-section{background:#181d22;color:#fff}.section-header.light h2 span{color:#8c959f}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#454b50}.service-grid>a{padding:38px;position:relative;min-height:235px;background:#1c2228;transition:background .2s}.service-grid>a:hover{background:#292f36}.service-grid .number{font:600 13px Outfit;color:var(--red2)}.service-grid h3{font:600 25px/1.2 Outfit;margin:50px 0 12px;max-width:280px}.service-grid p{font-size:12px;color:#959da5;max-width:280px;line-height:1.7}.service-arrow{position:absolute;right:35px;top:36px;color:#dce4e9}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{display:block;min-width:0;background:#fff;border:1px solid #e9e9e7;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 18px 46px #00000012;transform:translateY(-3px)}.product-media{height:217px;background:linear-gradient(150deg,#f2f2f0,#e8e9e7);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product-card:hover img{transform:scale(1.045)}.product-label{position:absolute;left:15px;bottom:13px;color:#92999c;font-size:8px;font-weight:800;letter-spacing:.13em}.product-copy{padding:20px}.product-sku{font-size:9px;letter-spacing:.10em;color:#9ca3a9;font-weight:800}.product-copy h3{min-height:51px;font-size:13px;font-weight:800;line-height:1.5;margin:12px 0 19px}.product-foot{border-top:1px solid #eee;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800}.circle-arrow{border:1px solid #e6e6e6;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--red);font-size:16px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-card{display:block;background:white;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #11111117}.work-media{height:207px;position:relative;background:linear-gradient(130deg,#282e34,#8f969b);overflow:hidden}.work-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .35s}.work-card:hover img{transform:scale(1.03)}.work-media span{position:absolute;left:16px;bottom:15px;background:#161b1edc;color:#fff;padding:7px 9px;font-weight:800;font-size:8px;letter-spacing:.1em}.work-copy{padding:21px 20px 25px}.work-copy h3{font-weight:800;font-size:13px;line-height:1.55;min-height:65px;margin-bottom:20px}.work-copy span{font-size:10px;color:var(--red);font-weight:800}.cta-section{background:linear-gradient(130deg,#171b1f,#2d2729);color:#fff;padding:95px 0;text-align:center}.cta-content{display:flex;align-items:center;flex-direction:column}.cta-content h2{max-width:720px;font-size:clamp(46px,5vw,74px)}.cta-content p{max-width:500px;color:#a5adb4;line-height:1.8;font-size:14px;margin-bottom:30px}.footer{background:#0b0e12;color:#c0c7cd;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:36px}.footer-grid .brand-mark i{border-color:#fff}.footer-grid .brand-name{color:#fff}.footer-grid p{line-height:1.75;color:#808a93;font-size:12px;margin-top:24px;max-width:280px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid b{font-size:12px;color:#fff;margin-bottom:12px}.footer-grid a:not(.brand){font-size:12px;color:#a7afb6}.footer-grid a:hover{color:white}.copyright{margin-top:65px;border-top:1px solid #2a3036;min-height:67px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#76808a;gap:20px}.page-top{background:linear-gradient(112deg,#181c21,#31363b);padding:75px 0 70px;color:#fff}.page-top.slim{padding:54px 0 53px}.page-top h1{font-size:clamp(38px,5.2vw,69px);max-width:950px}.page-top p{max-width:620px;color:#b1bac1;line-height:1.8;font-size:13px}.crumbs{font-size:10px;color:#9aa3aa;margin:0 0 45px}.crumbs a:hover{color:white}.page-top .eyebrow{margin-bottom:17px}.subcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subcat{padding:22px 24px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:800;transition:background .2s}.subcat:hover{background:#f6f6f6}.subcat b{color:var(--red)}.inner-gap{margin-top:66px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.article-body{font-size:14px;line-height:1.9;color:#434950;word-break:break-word}.article-body h2,.article-body h3{color:#181c20;line-height:1.3;margin-top:30px}.article-body img{width:auto;height:auto;max-width:100%;margin:15px auto}.article-body a{color:var(--red);text-decoration:underline}.article-body p{margin:0 0 17px}.article-body ul{padding-left:25px}.article-main{max-width:870px;margin:0 auto}.seo-text{margin-top:66px;padding:35px;border:1px solid #ececec}.back-link{max-width:870px;margin:45px auto}.product-detail{display:grid;grid-template-columns:54% 46%;gap:40px}.detail-image{background:#f6f7f7;min-height:400px;display:grid;place-items:center}.detail-image img{max-height:480px;width:100%;object-fit:contain}.gallery-thumbs{display:flex;overflow-x:auto;gap:8px;margin-top:12px}.gallery-thumbs img{width:100px;height:80px;object-fit:contain;border:1px solid #ededed;cursor:pointer}.empty-icon{font:800 65px Outfit;color:#dde0e1}.detail-info{padding:22px 25px}.detail-info h2{font:700 35px/1.2 Outfit;margin:20px 0}.detail-price{display:block;font:700 25px Outfit;margin:32px 0}.fineprint{font-size:10px;color:#8b9399;line-height:1.6;margin-top:12px}.detail-info .article-body{margin-top:35px}.product-description{padding-top:70px}.product-description .article-body{max-width:880px}.listing{row-gap:28px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;color:#848e96;margin-top:36px}.pagination a{font-weight:800;color:#1b2025}.search-form{display:flex;gap:10px;max-width:650px}.search-form input{height:52px;min-width:0;flex:1;padding:0 19px;border:1px solid #c8cdd0;background:#fff;border-radius:3px;outline:none}.search-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);outline:0}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-info h3{font:700 22px Outfit;margin:35px 0 9px}.contact-info a{font:700 21px Outfit}.contact-info p,.contact-info small{color:#8c949a;font-size:12px}.contact-form,.admin-form{display:flex;flex-direction:column;gap:19px;background:#f6f7f6;padding:36px}.contact-form h3{font:700 28px Outfit}.contact-form label,.admin-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.contact-form input,.contact-form textarea,.admin-form input,.admin-form textarea{width:100%;border:1px solid #dfe1e2;background:white;border-radius:3px;padding:13px 15px;font-size:13px;color:#222}.contact-form textarea,.admin-form textarea{resize:vertical}.admin-wrap{padding:70px 0 110px;min-height:600px;background:#f6f7f7}.admin-wrap h1{font:700 40px Outfit;letter-spacing:-.03em;margin:30px 0 13px}.narrow{max-width:570px}.admin-wrap .narrow .admin-form{margin-top:25px}.admin-header{border-bottom:1px solid #e0e3e3;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:25px;margin-bottom:30px}.admin-header .eyebrow{margin:0 0 16px}.admin-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:800}.admin-nav a:hover{color:var(--red)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.admin-stats a{background:white;padding:27px;display:flex;flex-direction:column;position:relative}.admin-stats b{font:700 35px Outfit}.admin-stats span{font-size:12px;color:#8b9299;margin-top:6px}.admin-stats em{position:absolute;right:25px;top:25px;color:var(--red)}.admin-note{padding:20px 24px;background:#fff8ed;border:1px solid #f2e2c3;font-size:12px;color:#705e41;line-height:1.8;margin:25px 0}.admin-note p{margin:0}.admin-form{background:white;border:1px solid #e7e9e9}.editor-form{max-width:930px}.admin-form .check{display:flex;flex-direction:row;align-items:center}.admin-form .check input{width:auto}.admin-table{background:white;border:1px solid #e6e8e8;margin-top:25px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:7% 62% 15% 16%;gap:10px;align-items:center;padding:17px 20px}.table-head{background:#eef0f0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8b9195}.table-row{border-top:1px solid #f0f1f1;font-size:11px}.table-row:hover{background:#fafafa}.table-row>b,.table-row b{font-size:12px}.table-row small{display:block;font-size:10px;color:#8d969c;word-break:break-word;margin-top:4px}.compact{max-width:650px}.form-error,.form-success{padding:13px 15px;background:#f9e4e4;color:#b32727;font-size:12px}.form-success{background:#e8f8ee;color:#226b42} @media(max-width:1100px){.nav{gap:14px}.nav a{font-size:11px}.header-actions{gap:12px}.model-grid{grid-template-columns:repeat(4,1fr)}.hero-visual{margin-right:0}.hero-stat{gap:16px}.hero-copy h1{font-size:58px}.work-grid,.product-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:800px){.topstrip-contact{display:none}.header{height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:18px 26px 25px;box-shadow:0 12px 20px #0002}.nav.is-open{display:flex}.nav a{padding:12px 0;font-size:14px;width:100%;border-bottom:1px solid #eee}.header-search{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:72px}.hero-copy h1{font-size:clamp(48px,10vw,72px)}.hero-visual{height:340px;margin:0 -26px}.hero-image{mask-image:linear-gradient(0deg,transparent,black 25%);inset:0}.hero-stat{margin-top:44px}.hero-bottom{padding-bottom:20px}.section{padding:70px 0}.model-grid{grid-template-columns:repeat(3,1fr)}.work-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.service-grid>a{min-height:185px}.service-grid h3{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid,.product-detail{grid-template-columns:1fr;gap:25px}.subcat-grid{grid-template-columns:repeat(2,1fr)}.table-head,.table-row{grid-template-columns:7% 56% 17% 20%}.admin-stats{grid-template-columns:repeat(2,1fr)}} @media(max-width:540px){.container{padding:0 18px}.brand-name{font-size:21px}.brand-mark i{width:16px;height:16px}.header-actions .btn-line{display:none}.hero{min-height:0}.hero-copy{padding:56px 0 25px}.hero h1{font-size:48px}.hero-copy>p{font-size:13px}.hero-stat{display:none}.hero-visual{height:265px}.hero-bottom{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.eyebrow{font-size:9px}.section-header{align-items:start;flex-direction:column}.section-header h2{font-size:34px}.model-grid{grid-template-columns:repeat(2,1fr);gap:9px}.model-card{padding:19px 14px;min-height:140px}.model-card>b{font-size:11px}.model-monogram{font-size:34px}.product-grid,.work-grid{grid-template-columns:1fr 1fr;gap:10px}.product-media{height:160px}.product-copy{padding:13px}.product-copy h3,.work-copy h3{font-size:11px}.work-media{height:130px}.work-copy{padding:14px}.work-copy h3{min-height:55px}.work-media span{font-size:7px;left:8px;bottom:8px}.subcat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:35px}.copyright{display:block;padding-top:18px;padding-bottom:24px;line-height:1.8}.copyright span{display:block}.page-top{padding:60px 0}.page-top h1{font-size:44px}.page-top.slim{padding:45px 0}.crumbs{margin-bottom:30px;line-height:1.7}.contact-form{padding:22px}.detail-info{padding:10px 0}.detail-info h2{font-size:29px}.admin-stats{grid-template-columns:1fr 1fr}.admin-wrap{padding:40px 0}.admin-header{align-items:start;flex-direction:column}.admin-nav{gap:12px}.table-head,.table-row{grid-template-columns:10% 68% 22%;padding:14px 12px}.table-head span:nth-child(3),.table-row>span:nth-child(3){display:none}.editor-form{padding:18px}} .upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px}.upload-row input[type=file]{max-width:360px}.upload-row small{font-weight:500} /* v0.2: original Joomla category landing pages / preserved historic SEO content */ .service-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:52px;align-items:start} .service-page-main{min-width:0} .service-article,.home-archive{max-width:100%;overflow-wrap:anywhere;line-height:1.72} .service-article img,.home-archive img{max-width:100%;height:auto;border-radius:12px;margin:14px 0} .service-article table,.home-archive table{display:block;max-width:100%;overflow-x:auto} .service-article iframe{max-width:100%} .service-article .pull-left,.service-article .rel-col{max-width:100%} .service-article h2,.home-archive h2{font-size:clamp(24px,3vw,35px);line-height:1.2;letter-spacing:-.025em;margin-top:28px} .service-children{margin-top:44px;padding-top:25px;border-top:1px solid #e3e5e8} .service-children h2{font-size:26px;margin-bottom:20px} .service-side-sticky{position:sticky;top:100px;background:#f3f4f6;padding:23px;border:1px solid #e0e2e5;border-radius:13px} .service-side h3{font-size:18px;margin:0 0 18px} .service-side a:not(.btn){display:flex;align-items:center;justify-content:space-between;color:#333;border-bottom:1px solid #ddd;padding:11px 0;font-size:14px;text-decoration:none;gap:12px} .service-side a.current{font-weight:800} .service-side .btn{display:flex;justify-content:center;margin-top:24px} .home-history-section{background:#f4f5f6} .home-archive{background:white;padding:clamp(18px,3vw,40px);border-radius:16px;box-shadow:0 6px 32px rgba(0,0,0,.04)} @media(max-width:880px){.service-page-layout{grid-template-columns:1fr}.service-side{order:-1}.service-side-sticky{position:static}.service-side a:not(.btn){display:inline-flex;padding:10px;margin-right:12px;border:0}} .service-article .vmestoh1{font-size:clamp(23px,2.5vw,33px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px} .service-article .rftg{color:#61656c;font-size:17px;margin-top:0} .service-article .imager3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:20px;margin:25px 0} .service-article .imager3 img{width:100%;max-height:430px;object-fit:contain;background:#f7f8f9} .service-article ul.ca-menu2{padding:0;margin:18px 0 30px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .service-article ul.ca-menu2 li{list-style:none;margin:0} .service-article ul.ca-menu2 a{display:flex;align-items:center;padding:8px 16px;border:1px solid #ddd;border-radius:9px;text-decoration:none;background:#f9fafb;font-weight:600} .service-article ul.ca-menu2 p{margin:0} @media(max-width:720px){.service-article .imager3{grid-template-columns:1fr}.service-article ul.ca-menu2{grid-template-columns:1fr}} /* v0.3: editorial SEO controls, mobile-readable archive text and forms */ .seo-additional{margin:54px 0 8px;padding:32px;background:#fafafa;border-left:3px solid var(--red);border-radius:2px;max-width:940px}.seo-additional h2{font-size:24px} .seo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 26px}.seo-tabs a{font-size:12px;padding:10px 14px;border:1px solid #ddd;background:#fff;border-radius:6px}.seo-tabs a.selected{background:#1c2228;color:#fff;border-color:#1c2228} .seo-table{background:white;border:1px solid #e2e5e5}.seo-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 110px;gap:14px;align-items:center;padding:18px 21px;border-bottom:1px solid #eaeaea;font-size:12px}.seo-row:hover{background:#f8f8f8}.seo-row b{word-break:break-word}.seo-row small{display:block;color:#7a858e;font-weight:400;margin-top:6px}.seo-row span{color:#636b74}.seo-path{font:600 14px ui-monospace,SFMono-Regular,monospace;word-break:break-all;background:#f2f2f2;padding:14px} .contact-form select{width:100%;border:1px solid #dfe1e2;background:white;border-radius:3px;padding:13px 15px;font-size:13px;color:#222} @media(max-width:700px){.seo-row{grid-template-columns:minmax(0,1fr);gap:6px}.seo-row span:last-child{color:#ba2824}.seo-additional{margin:30px 0;padding:20px}.seo-additional .article-body,.service-article,.home-archive{text-align:left!important;letter-spacing:normal;word-spacing:normal;overflow-wrap:anywhere}.seo-additional .article-body p,.service-article p,.home-archive p{text-align:left!important;word-spacing:normal!important;line-height:1.7}} /* Audi-RUS v0.4 — identity-led automotive catalogue, not default Joomla cards. */ :root{--ink:#16191d;--muted:#6b747e;--dark:#111418;--red:#c81720;--red2:#f04449;--bg:#f5f6f7;--container:1320px;font-family:'Golos Text',Arial,Helvetica,sans-serif} html{scroll-padding-top:82px}body{color:#1b1f24;font-family:'Golos Text',Arial,sans-serif} h1,h2,h3,h4{font-family:'Golos Text',Arial,sans-serif;font-weight:700} button,input,select,textarea{font-family:inherit} .ar-header{height:84px;background:#16191e;border-bottom:1px solid #31353c;color:#f8f8f8;position:relative;z-index:100} .ar-header .header-inner{height:100%;gap:28px} .ar-header .brand-name{font-family:'Golos Text',Arial,sans-serif;font-weight:900;font-size:28px;letter-spacing:-1.6px;color:#fff} .ar-header .brand-name small{font-family:'Golos Text',Arial,sans-serif;color:#bbc0c5;font-size:8px;font-weight:700;letter-spacing:1.35px} .ar-header .brand-mark i{border-color:#dadce0;width:18px;height:18px} .ar-header .brand-sep{color:#fff;margin:0 1px} .ar-header .brand-red,.ar-footer .brand-red{color:#e32f35} .ar-header .nav{gap:clamp(16px,2vw,32px)} .ar-header .nav a{font-size:13px;font-weight:600;color:#dedfe3;letter-spacing:0;white-space:nowrap} .ar-header .nav a:hover{color:#fff} .ar-header .header-search{display:flex;align-items:center;justify-content:center;color:#f7f7f7} .ar-header .header-action-contact{font-size:12px;min-height:42px;background:#bd151c;border:1px solid #bd151c;letter-spacing:0} .ar-header .header-action-contact:hover{background:#d52127} .ar-header .header-actions{gap:23px} .ar-header .menu-toggle{color:white;width:40px;height:40px;padding:8px;gap:5px;flex-direction:column;justify-content:center} .ar-header .menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px} .topstrip{background:#0d0f12;color:#a5abb4;font-size:10px;font-weight:500;letter-spacing:.025em} .topstrip-inner{min-height:36px}.location-headline{display:flex;gap:12px;align-items:center}.location-headline b{font-weight:600;color:#fff}.city-divider{color:#db3039} .topstrip-contact a{color:#c5c8ce;font-size:10px}.topstrip-contact{gap:20px} .ar-footer{background:#0f1317;color:#cad0d5}.ar-footer .brand-name{font-family:'Golos Text',Arial,sans-serif;font-size:27px;color:#fff}.ar-footer .brand-name small{font-size:8px;color:#9ca3ad}.ar-footer .footer-grid{gap:60px}.ar-footer .footer-grid>div>b{color:#fff} .ar-footer .copyright{border-color:#2b3139;color:#8b939d} .ar-kicker,.ar-label,.ar-equipment-index,.model-breadcrumb,.model-hero-footer,.ar-count,.ar-work-shot>span{font-family:'IBM Plex Mono',monospace} .ar-kicker{font-size:11px;font-weight:500;letter-spacing:.1em;color:#b3b8be;display:flex;gap:13px;align-items:center} .ar-kicker-line{width:29px;height:2px;background:#e82933} .ar-label{font-size:11px;line-height:1.6;color:#ba2830;letter-spacing:.1em;font-weight:600;margin-bottom:20px} .ar-section{padding:100px 0}.ar-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px} .ar-section-heading h2,.ar-city-panel h2,.ar-editorial-layout h2{font-size:clamp(32px,3.5vw,51px);line-height:1.11;font-weight:700;letter-spacing:-.055em;margin:0 0 13px;color:#171b20} .ar-section-heading h2 em,.ar-city-panel h2 em,.ar-editorial-layout h2 em{font-weight:400;color:#a5a9ae;font-style:normal} .ar-section-heading p:not(.ar-label){font-size:14px;line-height:1.8;color:#69717a;max-width:670px;margin:0} .ar-count{font-size:11px;color:#87909a;white-space:nowrap;margin-bottom:5px} .ar-text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:700;border-bottom:1px solid #bcc4c7;padding:0 0 10px;white-space:nowrap;color:#222} .ar-text-link:hover{color:#bd151c} .ar-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;padding:17px 25px;font-size:13px;font-weight:700;min-height:56px;transition:transform .2s,background .2s;border-radius:2px} .ar-action:hover{transform:translateY(-2px)}.ar-action-red{background:#c6151f;border:1px solid #c6151f;color:white}.ar-action-red:hover{background:#e3252f}.ar-action-ghost{background:transparent;border:1px solid #8c939c;color:#fff}.ar-action-ghost:hover{background:#ffffff15} .model-lp{background:white} .model-hero{background:#11151b;position:relative;overflow:hidden;color:white;min-height:645px} .model-hero:before{content:"";position:absolute;right:-170px;top:-250px;width:700px;height:800px;border:1px solid #ffffff0e;border-radius:50%;pointer-events:none} .model-hero:after{content:"";position:absolute;left:-300px;bottom:-340px;width:780px;height:600px;background:radial-gradient(ellipse,rgba(165,24,32,.12),transparent 65%);pointer-events:none} .model-hero-image{position:absolute;inset:0 0 0 36%;background-size:cover;background-position:center 48%;opacity:.88;filter:saturate(.85) contrast(1.08)} .model-hero-image:not([style]){background:radial-gradient(ellipse at 70% 52%,#48515b,#1a2028 55%,transparent 80%)} .model-hero-noise{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,12,16,.9),transparent 20%,transparent 67%,rgba(9,12,16,.13));pointer-events:none} .model-hero-inner{min-height:645px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between} .model-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:34px;color:#adb4bd;font-size:10px;letter-spacing:0} .model-breadcrumb a{color:#a7aeb6}.model-breadcrumb a:hover{color:white}.model-breadcrumb span:last-child{color:#fff} .model-hero-copy{max-width:735px;padding:50px 0 54px} .model-hero h1{font-weight:800;font-size:clamp(42px,4.6vw,72px);letter-spacing:-.06em;line-height:1.11;margin:0 0 22px;max-width:800px;text-wrap:balance;text-shadow:0 4px 15px rgba(0,0,0,.35)} .model-hero-sub{font-size:15px;line-height:1.75;color:#c4c9ce;max-width:615px;letter-spacing:0;margin:0 0 25px} .model-hero-action{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:29px} .model-hero-cities{display:flex;flex-wrap:wrap;gap:25px;color:#e5e8ea;font-size:11px;font-weight:500} .model-hero-cities span{display:flex;align-items:center;gap:8px}.model-hero-cities i{height:6px;width:6px;background:#e32f35;display:inline-block;border-radius:50%} .model-hero-footer{padding:0 0 26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:#8c939b} .ar-equipment{background:#f4f5f6} .ar-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ar-equipment-card{display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #e4e5e8;min-height:316px;transition:box-shadow .22s,transform .22s,border-color .22s;position:relative} .ar-equipment-card:hover{box-shadow:0 21px 40px #191e2822;transform:translateY(-4px);border-color:#cdd2d7} .ar-equipment-picture{position:relative;height:218px;overflow:hidden;background:linear-gradient(145deg,#d9dfe4,#e6e9ed 45%,#ced6dc)} .ar-equipment-picture img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .5s;filter:saturate(.85)} .ar-equipment-card:hover img{transform:scale(1.05)} .ar-equipment-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#00000016)} .ar-equipment-symbol{position:absolute;right:14px;bottom:4px;font-size:95px;line-height:1;font-family:'Golos Text',sans-serif;font-weight:900;color:#ffffff75;letter-spacing:-.09em;pointer-events:none} .ar-equipment-meta{min-height:119px;padding:20px 22px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px} .ar-equipment-index{font-size:10px;font-weight:500;letter-spacing:.08em;color:#a3aab1} .ar-equipment-meta h3{font-size:19px;font-weight:700;margin:7px 0 8px;line-height:1.2;letter-spacing:-.03em} .ar-equipment-meta small{font-size:11px;color:#7d858e} .ar-link-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #d9dddf;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;color:#bf2029;transition:background .2s,color .2s} .ar-equipment-card:hover .ar-link-arrow{background:#ba1820;color:#fff;border-color:#ba1820} .ar-portfolio{background:white}.ar-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .ar-work-feature{background:#fff;min-width:0;transition:transform .2s} .ar-work-feature:hover{transform:translateY(-4px)} .ar-work-shot{height:235px;position:relative;overflow:hidden;background:linear-gradient(135deg,#d1d4d7,#f1f2f3)} .ar-work-shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .ar-work-feature:hover img{transform:scale(1.035)} .ar-work-shot>span{position:absolute;bottom:13px;left:15px;background:#10151add;color:white;padding:7px 9px;font-size:9px;letter-spacing:.04em} .ar-work-info{display:flex;gap:16px;justify-content:space-between;padding:18px 0 0;align-items:start;border-top:2px solid #d01f27} .ar-work-info h3{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin:0;font-weight:650} .ar-work-info>span{font-size:23px;color:#be1f2a} .ar-city-section{padding:30px 0 0;background:#fff} .ar-city-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) auto;gap:30px;align-items:center;background:#171b20;color:#fff;padding:48px 52px} .ar-city-panel h2{color:white;font-size:clamp(29px,2.7vw,42px);margin:0}.ar-city-panel h2 em{color:#a1a7ac} .ar-city-panel .ar-label{color:#e14b51;margin-bottom:12px} .ar-city-list{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#b7bec4} .ar-city-list>div{display:flex;flex-direction:column;gap:4px}.ar-city-list b{color:white;font-size:14px} .ar-editorial{background:#fff;padding:100px 0 110px} .ar-editorial-layout{display:grid;grid-template-columns:32% 1fr;gap:75px;border-top:1px solid #e0e4e7;padding-top:40px} .ar-editorial-layout aside{padding-top:11px}.ar-editorial-layout aside>p:last-child{font-size:13px;line-height:1.8;color:#7d858e;max-width:290px} .ar-editorial-copy{max-width:790px;font-size:15px;line-height:1.82;color:#454c55;letter-spacing:-.007em;text-align:left!important;word-spacing:normal!important} .ar-editorial-copy p,.ar-editorial-copy li{text-align:left!important;line-height:1.85!important;word-spacing:normal!important;letter-spacing:normal!important} .ar-editorial-copy p{margin:0 0 21px}.ar-editorial-copy p:last-child{margin-bottom:0} .ar-editorial-copy strong{color:#242b32;font-weight:700} .ar-editorial-copy a{color:#b51620;border-bottom:1px solid #bb20285e} .ar-editorial-copy img{max-width:100%;height:auto} .ar-editorial-copy h2,.ar-editorial-copy h3{font-size:24px;margin:24px 0 15px} .ar-category-top{background:#f5f6f7;padding:27px 0 42px} .ar-crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#9ba3ab;padding:2px 0 28px} .ar-crumbs a{color:#68737d}.ar-crumbs a:hover{color:#c61f29}.ar-crumbs span:last-child{color:#39414a} .ar-category-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:40px;min-height:335px;align-items:center} .ar-category-hero .ar-label{margin-bottom:19px}.ar-category-hero h1{font-size:clamp(36px,3.4vw,55px);line-height:1.13;letter-spacing:-.05em;margin:0 0 22px;color:#1b1d21} .ar-category-hero p:not(.ar-label){max-width:640px;font-size:13px;color:#68717b;line-height:1.75;margin-bottom:22px} .ar-category-hero-photo{height:310px;overflow:hidden;background:linear-gradient(145deg,#e5e7e9,#c5cad0);position:relative;display:flex;align-items:center;justify-content:center} .ar-category-hero-photo img{width:100%;height:100%;object-fit:cover;z-index:1} .ar-category-photo-word{position:absolute;bottom:-18px;right:12px;color:#ffffff85;font-weight:900;font-size:108px;letter-spacing:-.13em} .ar-category-meta{display:flex;flex-wrap:wrap;gap:12px;color:#575e66;font-size:11px}.ar-category-meta span{border:1px solid #d3d8db;padding:9px 12px} .ar-list-section{padding:70px 0 100px}.ar-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:55px} .ar-subnav a{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#f5f6f7;border:1px solid #e3e6e8;padding:13px 17px;font-size:12px;font-weight:650;transition:background .2s} .ar-subnav a:hover{background:#e9ecee}.ar-subnav span{color:#b91d25} .ar-list-head{margin-top:70px}.ar-filter{max-width:480px;position:relative;margin-bottom:27px}.ar-filter label{display:block;font-size:11px;font-weight:700;color:#41474e;margin-bottom:8px}.ar-filter input{width:100%;padding:13px 45px 13px 16px;border:1px solid #cfd6db;font-size:12px;border-radius:2px}.ar-filter input:focus{outline:2px solid #8c9399}.ar-filter>span{position:absolute;right:14px;bottom:7px;font-size:24px;color:#a5adb5} .ar-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .ar-products .product-card{background:#fff;border:1px solid #e4e8eb;box-shadow:none;min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s} .ar-products .product-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #161e2930} .ar-products .product-media{height:230px;background:linear-gradient(145deg,#f0f2f3,#e1e4e7);padding:12px} .ar-products .product-media img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply} .ar-products .product-copy{padding:20px;flex:1;display:flex;flex-direction:column} .ar-products .product-copy h3{font-size:16px;line-height:1.42;font-weight:700;min-height:67px;letter-spacing:-.015em} .ar-products .product-copy .product-foot{margin-top:auto} .ar-products .product-label{display:none} .ar-category-copy{max-width:900px;margin-top:90px;padding-top:37px;border-top:1px solid #d9dfe3} .ar-category-copy .ar-section-heading{margin-bottom:28px} .ar-empty-note{padding:24px;background:#f5f6f7;color:#666;font-size:14px;line-height:1.8} .ar-empty-note a{text-decoration:underline;color:#ae101c} @media(max-width:1150px){.ar-header .nav{gap:14px}.ar-header .nav a{font-size:12px}.ar-header .brand-name{font-size:24px}.ar-header .brand-mark{display:none}.ar-city-panel{grid-template-columns:1fr 1fr}.ar-city-panel .ar-action{grid-column:1 / -1;max-width:290px}} @media(max-width:900px){ .ar-header{height:70px}.ar-header .nav{position:absolute;top:70px;left:0;right:0;display:none;background:#1e2228;padding:15px 24px 30px;box-shadow:0 18px 25px #0005;flex-direction:column;align-items:stretch;gap:0}.ar-header .nav.is-open{display:flex}.ar-header .nav a{color:white;font-size:15px;border-bottom:1px solid #41464d;padding:16px 2px} .ar-header .menu-toggle{display:flex}.ar-header .header-search{display:flex}.ar-header .header-action-contact{display:none}.ar-header .header-inner{gap:12px}.location-headline{font-size:9px;gap:7px} .ar-equipment-grid,.ar-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-editorial-layout{grid-template-columns:1fr;gap:20px}.ar-editorial-layout aside>p:last-child{max-width:600px}.ar-category-hero{grid-template-columns:1fr 38%;gap:25px}.ar-category-hero-photo{height:260px} .ar-products{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .container{padding-left:20px;padding-right:20px}.topstrip-inner{min-height:30px}.topstrip-contact{display:none}.location-headline{font-size:8px;flex-wrap:wrap;letter-spacing:0}.location-headline b{letter-spacing:0} .ar-header{height:65px}.ar-header .brand-name{font-size:23px}.ar-header .brand-name small{font-size:6.7px;letter-spacing:.9px}.ar-header .header-inner{gap:10px}.ar-header .header-actions{gap:12px}.ar-header .nav{top:65px}.ar-header .menu-toggle{margin-right:-6px} .model-hero{min-height:675px}.model-hero-image{inset:0 0 0 0;background-position:54% center;opacity:.65}.model-hero-noise{background:linear-gradient(90deg,rgba(9,12,16,.85),rgba(9,12,16,.35)),linear-gradient(0deg,#0e1218 6%,transparent 67%)} .model-hero-inner{min-height:675px}.model-breadcrumb{padding-top:22px;font-size:9px;gap:7px;line-height:1.6} .model-hero-copy{padding:30px 0 38px}.ar-kicker{font-size:9px;letter-spacing:.04em;margin-bottom:22px} .model-hero h1{font-size:clamp(38px,9.4vw,55px);letter-spacing:-.055em;line-height:1.09;margin:0 0 19px} .model-hero-sub{font-size:13px;line-height:1.75;color:#e0e3e5;margin-bottom:22px} .model-hero-action{gap:9px;margin-bottom:25px}.ar-action{min-height:52px;padding:14px 17px;font-size:12px} .model-hero-action a{width:100%}.model-hero-cities{flex-direction:column;gap:9px;font-size:10px}.model-hero-footer{font-size:9px;line-height:1.6;padding-bottom:18px} .ar-section{padding:69px 0}.ar-section-heading{margin-bottom:25px;align-items:start;flex-direction:column;gap:8px}.ar-section-heading h2{font-size:clamp(31px,8.1vw,42px);line-height:1.16}.ar-section-heading p:not(.ar-label){font-size:12px}.ar-label{margin-bottom:11px;font-size:9px} .ar-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ar-equipment-card{min-height:230px}.ar-equipment-picture{height:132px}.ar-equipment-symbol{font-size:65px}.ar-equipment-meta{padding:13px;min-height:106px;gap:8px}.ar-equipment-meta h3{font-size:13px;line-height:1.25;margin:5px 0}.ar-equipment-index{font-size:8px}.ar-equipment-meta small{font-size:9px}.ar-link-arrow{width:25px;height:25px;font-size:15px} .ar-work-grid{grid-template-columns:1fr;gap:27px}.ar-work-shot{height:230px}.ar-work-info h3{font-size:16px} .ar-city-panel{grid-template-columns:1fr;padding:26px 23px;gap:19px}.ar-city-panel h2{font-size:30px}.ar-city-panel .ar-action{grid-column:1;max-width:100%}.ar-city-section{padding:0} .ar-editorial{padding:60px 0}.ar-editorial-layout{gap:20px}.ar-editorial-layout h2{font-size:32px}.ar-editorial-copy{font-size:13px;line-height:1.82}.ar-editorial-copy p{margin-bottom:17px} .ar-category-top{padding:18px 0 26px}.ar-crumbs{padding-bottom:22px;font-size:10px}.ar-category-hero{grid-template-columns:1fr;gap:24px}.ar-category-hero h1{font-size:clamp(33px,8vw,43px)}.ar-category-hero-photo{height:220px;order:-1}.ar-category-hero p:not(.ar-label){font-size:12px}.ar-category-meta{font-size:9px;gap:7px}.ar-category-meta span{padding:7px} .ar-list-section{padding:40px 0 70px}.ar-list-head{margin-top:50px}.ar-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ar-products .product-media{height:137px}.ar-products .product-copy{padding:12px}.ar-products .product-copy h3{font-size:11px;line-height:1.45;min-height:72px}.ar-products .product-sku{font-size:9px}.ar-products .product-foot{font-size:10px} .ar-category-copy{margin-top:60px}.ar-subnav a{font-size:11px}.ar-filter{max-width:100%} } @media(max-width:360px){.ar-equipment-grid,.ar-products{grid-template-columns:1fr}.ar-equipment-picture{height:190px}.ar-equipment-meta h3{font-size:17px}.model-hero h1{font-size:36px}} /* ------------------------------------------------------------------------- Audi-RUS v0.5 design layer / 2026 — catalog and product fitment experience No dependencies on Joomla template markup. Historic content is sanitized. ------------------------------------------------------------------------- */ :root{--v5-red:#ca1525;--v5-dark:#131820;--v5-text:#21262e;--v5-muted:#65717b;--v5-cream:#f5f5f3;--v5-outline:#dfe3e4;font-family:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif} body{font-family:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--v5-text);font-size:15px;-webkit-font-smoothing:antialiased} h1,h2,h3,.hero h1,.page-top h1,.section-header h2,.ar-section-heading h2,.ar-city-panel h2,.ar-editorial-layout h2,.cta-content h2{font-family:'Golos Text',system-ui,-apple-system,sans-serif;letter-spacing:-.042em} p,li{overflow-wrap:anywhere} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f75b62;outline-offset:3px} button{font-family:inherit} .v5-eyebrow{font:600 10px/1.7 'IBM Plex Mono',monospace;letter-spacing:.10em;color:#c1cbd2;text-transform:uppercase;margin:0 0 19px} .v5-eyebrow.dark{color:#a9222d}.v5-eyebrow>span{color:#b2b9c0} .v5-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px} .v5-section-head h2,.v5-topic-intro h2,.v5-how-grid h2,.v5-product-info h2,.v5-buy-box h2{font-size:clamp(30px,3.15vw,46px);line-height:1.15;letter-spacing:-.052em;margin:0 0 14px;font-weight:700} .v5-section-head h2 em,.v5-topic-intro h2 em,.v5-how-grid h2 em,.v5-product-info h2 em,.v5-buy-box h2 em{font-weight:400;font-style:normal;color:#8a9299} .v5-section-head p:not(.v5-eyebrow){font-size:13px;line-height:1.8;color:#69727a;max-width:580px;margin:0} .v5-inline-link{font-size:12px;font-weight:700;border-bottom:1px solid #c2c8cd;padding-bottom:8px;display:inline-flex;gap:20px;align-items:center;white-space:nowrap;transition:color .2s} .v5-inline-link:hover{color:var(--v5-red)} .v5-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#747e86;line-height:1.6;margin-bottom:37px} .v5-breadcrumb a:hover{color:var(--v5-red)}.v5-breadcrumb span:last-child{color:#2c343c} .ar-footer .footer-grid>a,.footer-grid a{font-size:12px;line-height:1.6} /* Remove redundant search UI and strengthen header */ .ar-header .nav a{font-weight:700} .ar-header .nav a[href="/kamera-zadnevo-vida"]{color:#b71a23} .ar-header .header-search{display:none!important} /* Topic / SEO pillar — one URL per commercial information intent */ .topic-hero{background:#141920;color:#fff;min-height:495px;position:relative;overflow:hidden} .topic-hero-image{position:absolute;inset:0;background-repeat:no-repeat;background-position:right center;background-size:cover;opacity:.87} .topic-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 68%,#ffffff05 68.2%,transparent 69%),linear-gradient(0deg,#1117206b,transparent 55%)} .topic-hero-inner{position:relative;z-index:1;padding-top:30px;padding-bottom:85px} .topic-crumbs{color:#bcc3cd;margin-bottom:78px}.topic-crumbs a{color:#d5dce1}.topic-crumbs span:last-child{color:#fff} .topic-hero h1{font-size:clamp(39px,5vw,70px);font-weight:700;line-height:1.12;letter-spacing:-.055em;max-width:800px;margin:0 0 25px;text-wrap:balance} .topic-hero-inner>p:not(.v5-eyebrow){font-size:15px;max-width:610px;line-height:1.85;color:#c9d0d6;margin-bottom:32px} .topic-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.topic-actions .btn{background:var(--v5-red);min-height:54px} .v5-outline-light{color:#fff;border:1px solid #82909da6;padding:16px 22px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:700} .v5-outline-light:hover{background:#ffffff12} .v5-regions{display:flex;flex-wrap:wrap;gap:24px;color:#8c9ba8;font:500 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;margin-top:57px} .v5-topic-intro{padding:80px 0;background:#fff}.v5-topic-intro-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:9%} .v5-topic-intro h2{font-size:clamp(37px,3.8vw,57px)} .v5-topic-intro-grid>div:last-child{border-left:2px solid #dbdfe2;padding-left:32px} .v5-topic-intro-grid p:not(.v5-eyebrow){font-size:15px;line-height:1.95;color:#4b5661;margin-bottom:18px} .v5-topic-product-section{padding:85px 0 100px;background:#f5f6f5} .v5-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .v5-product-grid .product-card{background:#fff;border:1px solid #e4e7e8;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:hidden} .v5-product-grid .product-card:hover{box-shadow:0 10px 35px #171e2818;transform:translateY(-3px)} .v5-product-grid .product-media{background:#eef0ef;height:215px} .v5-product-grid .product-media img{object-fit:contain;padding:16px;mix-blend-mode:multiply} .v5-product-grid .product-copy{display:flex;flex-direction:column;flex:1;padding:19px} .v5-product-grid .product-copy h3{font-size:14px;min-height:62px;line-height:1.45;margin:9px 0 22px;font-weight:700} .v5-product-grid .product-copy .product-foot{margin-top:auto;font-size:12px} .v5-empty-commercial{border:1px solid var(--v5-outline);background:#fff;padding:42px;max-width:820px} .v5-empty-commercial h3{font-size:24px;margin:0 0 10px} .v5-empty-commercial p{font-size:13px;line-height:1.8;color:#6b747d;margin-bottom:20px} .v5-topic-works{padding:95px 0;background:#fff}.v5-topic-works .ar-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .v5-topic-works .ar-work-shot{height:220px} .v5-how{background:#e9ebec;padding:85px 0} .v5-how-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%} .v5-how-steps>div{display:grid;grid-template-columns:60px 1fr;gap:25px;border-top:1px solid #bfc5c8;padding:22px 0} .v5-how-steps>div:last-child{border-bottom:1px solid #bfc5c8} .v5-how-steps b{color:#bd1a24;font:600 13px 'IBM Plex Mono',monospace} .v5-how-steps span{font-size:14px;color:#58616a;line-height:1.8}.v5-how-steps strong{color:#252b31} .v5-topic-links{padding:95px 0;background:white} .v5-topic-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .v5-topic-links-grid a{min-height:93px;padding:18px;background:#f5f6f6;border:1px solid #e5e8e9;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px} .v5-topic-links-grid a:hover{border-color:#b81620;background:#f9f3f3}.v5-topic-links-grid a span{color:#b51c25} .v5-bottom-cta{background:linear-gradient(120deg,#171c23,#252d34);color:white;padding:65px 0} .v5-bottom-cta .container{display:flex;justify-content:space-between;gap:26px;align-items:center} .v5-bottom-cta h2{font-size:clamp(26px,3vw,43px);max-width:750px;letter-spacing:-.05em;line-height:1.15;margin-bottom:10px} .v5-bottom-cta p:not(.v5-eyebrow){font-size:13px;color:#b3bdc4;line-height:1.7;margin-bottom:0} .v5-bottom-cta .btn{background:#c71925;color:white} /* Model/brand entry and above-the-fold popular options */ .v5-home-quick{padding:94px 0;background:#f5f6f5} .v5-model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .v5-model-card{background:#fff;border:1px solid #e1e5e5;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s} .v5-model-card:hover{box-shadow:0 10px 35px #1118201a;transform:translateY(-3px)} .v5-model-photo{height:135px;background:#e8ebed;display:flex;align-items:center;justify-content:center;overflow:hidden} .v5-model-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.8)} .v5-model-name{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:105px;justify-content:space-between} .v5-model-name strong{font-size:13px;line-height:1.4}.v5-model-name span{font-size:10px;font-weight:700;color:#b21f28} .v5-home-pillar{padding:90px 0;background:white} .v5-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .v5-pillar-grid a{display:flex;flex-direction:column;min-height:205px;padding:26px;border:1px solid #dce0e2;background:#f7f8f8;justify-content:space-between;gap:8px;transition:background .2s,border .2s} .v5-pillar-grid a:hover{background:#fff;border-color:#bf1923}.v5-pillar-grid a span{font:500 10px 'IBM Plex Mono',monospace;color:#b12029} .v5-pillar-grid a strong{font-size:20px;line-height:1.24;letter-spacing:-.03em} .v5-pillar-grid a small{font-size:11px;line-height:1.6;color:#6e7881} .v5-featured-model{padding:89px 0;background:#f4f5f4} .v5-model-years{color:#fff} .v5-archive-notice{border-left:2px solid #d73238;padding:11px 18px;background:#ffffff15;color:#fff!important;font-size:12px!important} .v5-category-years{font-size:12px!important;color:#68727d;max-width:530px} /* Product page: no conventional cheap marketplace look */ .v5-pdp-page{background:#fff} .v5-product-stage{background:#f5f5f3;padding:30px 0 84px} .v5-product-header{margin-bottom:42px;max-width:900px} .v5-product-header h1{font-size:clamp(35px,4.1vw,58px);line-height:1.15;letter-spacing:-.052em;font-weight:700;margin-bottom:15px;text-wrap:balance} .v5-product-header>p:last-child{font-size:13px;line-height:1.8;color:#75808a;max-width:690px;margin:0} .v5-pdp-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,.78fr);gap:25px;align-items:start} .v5-gallery-main{position:relative;display:grid;place-items:center;height:min(540px,46vw);min-height:365px;background:linear-gradient(142deg,#eff1f2,#d9dddf);overflow:hidden} .v5-gallery-main>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:30px;display:block} .v5-gallery-stamp{position:absolute;left:20px;bottom:16px;padding:9px 11px;background:#18212bd9;color:#fff;font:500 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em} .v5-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding-top:11px;scrollbar-width:thin} .v5-gallery-thumb{border:2px solid transparent;flex:0 0 94px;height:74px;background:#eef0ef;padding:5px;cursor:pointer} .v5-gallery-thumb.active,.v5-gallery-thumb:hover{border-color:#cc1726} .v5-gallery-thumb img{height:100%;width:100%;object-fit:contain} .v5-buy-box{padding:30px 31px 25px;background:#151c24;color:#fff;min-width:0;position:sticky;top:22px} .v5-buy-intro .v5-accent-line{display:block;background:#d52430;width:35px;height:3px;margin-bottom:24px} .v5-buy-intro .v5-eyebrow{color:#bdc5cd;font-size:9px} .v5-buy-box h2{font-size:27px;line-height:1.2;color:#fff;margin-bottom:14px} .v5-buy-box h2 em{color:#adb5bc} .v5-buy-intro>p:last-child{font-size:12px;line-height:1.8;color:#a6b0b9;margin-bottom:29px} .v5-buy-row{display:flex;align-items:start;justify-content:space-between;gap:13px;border-top:1px solid #35404b;padding:17px 0;font-size:12px} .v5-buy-row span{color:#98a4b0}.v5-buy-row strong{text-align:right;font-size:12px;max-width:55%;line-height:1.5} .v5-buy-cta{width:100%;white-space:normal;text-align:center;padding:15px 18px;min-height:60px;line-height:1.45;background:#c71b28} .v5-buy-disclaimer{font-size:11px;line-height:1.75;color:#a4b0ba;padding:14px 0 20px;margin:0} .v5-pdp-assurances{border-top:1px solid #35404b;padding-top:19px;display:grid;gap:12px;color:#e2e7ea;font-size:10px} .v5-product-info{padding:95px 0 115px} .v5-product-info-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:9%} .v5-product-info h2{margin-bottom:32px} .v5-readcopy{font-size:15px;line-height:1.95;color:#49545e;letter-spacing:0!important;text-align:left!important;max-width:760px} .v5-readcopy p,.v5-readcopy li{font-size:15px!important;line-height:1.95!important;text-align:left!important;letter-spacing:normal!important;word-spacing:normal!important;margin:0 0 18px!important} .v5-readcopy a{color:#b71f2b;text-decoration:underline}.v5-readcopy img{height:auto;max-width:100%} .v5-fitment{background:#f3f5f5;border:1px solid #e3e7e8;padding:30px;align-self:start} .v5-fitment h2{font-size:27px;margin-bottom:23px} .v5-fit-model{display:grid;gap:6px;padding-bottom:18px;border-bottom:1px solid #dadee0} .v5-fit-model span{font:500 10px 'IBM Plex Mono',monospace;color:#76818a} .v5-fit-model strong{font-size:15px}.v5-fit-model small{font-size:11px;line-height:1.7;color:#77818a} .v5-fit-warning,.v5-fit-check{padding:20px 0 19px} .v5-fit-warning strong,.v5-fit-check strong{font-size:13px} .v5-fit-warning p{font-size:12px;line-height:1.85;color:#6d7882;margin:10px 0 0} .v5-year-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;margin:15px 0} .v5-year-badges span{padding:8px 10px;background:#fff;border:1px solid #d9dee0;color:#222b33;font:700 12px 'IBM Plex Mono',monospace} .v5-related-products{background:#f5f6f5;padding:94px 0 105px} .v5-related-works{padding:90px 0;background:#fff} .v5-related-works .ar-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .v5-related-works .ar-work-shot{height:230px} .v5-mobile-sticky{display:none} /* Admin editorial tools: actual controls, not fake field labels */ .v5-admin-heading{max-width:850px;margin:34px 0 38px}.v5-admin-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.18;margin-bottom:15px}.v5-admin-heading p:last-child{font-size:13px;line-height:1.85;color:#66717b} .v5-model-table{border-top:1px solid #dadee0;margin-bottom:60px} .v5-model-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:16px 17px;border-bottom:1px solid #dadee0;align-items:center;font-size:12px} .v5-model-table-row:not(.heading):hover{background:#f0f2f3}.v5-model-table-row.heading{font-size:10px;text-transform:uppercase;color:#79838d;letter-spacing:.07em} .v5-admin-two{display:grid;grid-template-columns:1fr 1fr;gap:16px} .v5-year-fieldset{border:1px solid #cfd5d8;background:#f8f9f9;padding:24px;max-width:100%;margin:20px 0 32px} .v5-year-fieldset legend{font-weight:750;font-size:16px;padding:0 8px} .v5-year-fieldset>p{font-size:12px;line-height:1.7;color:#65717c;margin-bottom:20px} .v5-year-group{padding:16px 0;border-top:1px solid #e0e4e5} .v5-year-group>strong{display:block;font-size:13px;margin-bottom:15px} .v5-year-checkboxes{display:flex;flex-wrap:wrap;gap:8px} .v5-year-checkboxes label{background:#fff;border:1px solid #cfd5d8;padding:10px 12px!important;display:flex;align-items:center;gap:8px;font:600 12px 'IBM Plex Mono',monospace;cursor:pointer} .v5-year-checkboxes label:has(input:checked){background:#fce8ea;border-color:#c7242e;color:#9f1622} .v5-year-checkboxes input{width:15px;height:15px;accent-color:#b61a25} @media(max-width:1100px){ .v5-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .v5-pillar-grid,.v5-topic-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v5-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .v5-pdp-grid{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr)} .v5-topic-works .ar-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:780px){ .v5-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .v5-pdp-grid{grid-template-columns:1fr;gap:20px} .v5-buy-box{position:static} .v5-gallery-main{height:440px;min-height:0} .v5-product-info-grid{grid-template-columns:1fr;gap:45px} .v5-how-grid,.v5-topic-intro-grid{grid-template-columns:1fr;gap:36px} .v5-topic-intro-grid>div:last-child{padding:0;border:none;border-top:2px solid #e1e4e5;padding-top:25px} .v5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v5-bottom-cta .container{flex-direction:column;align-items:start} .v5-topic-works .ar-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v5-related-works .ar-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:580px){ .v5-breadcrumb{font-size:10px;line-height:1.8;gap:7px;margin-bottom:24px} .v5-section-head{flex-direction:column;align-items:start;gap:15px;margin-bottom:27px} .v5-section-head h2{font-size:34px}.v5-section-head p:not(.v5-eyebrow){font-size:12px} .v5-home-quick,.v5-home-pillar{padding:66px 0} .v5-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .v5-model-photo{height:105px}.v5-model-name{padding:12px;min-height:97px;gap:9px}.v5-model-name strong{font-size:11px}.v5-model-name span{font-size:9px} .v5-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v5-pillar-grid a{min-height:175px;padding:16px}.v5-pillar-grid a strong{font-size:15px}.v5-pillar-grid a small{font-size:10px}.v5-pillar-grid a span{font-size:8px} .v5-featured-model{padding:63px 0} .v5-product-grid{gap:9px}.v5-product-grid .product-media{height:142px}.v5-product-grid .product-copy{padding:11px}.v5-product-grid .product-copy h3{font-size:11px;min-height:70px;margin:8px 0 13px}.v5-product-grid .product-foot{font-size:9px}.v5-product-grid .product-sku{font-size:8px}.v5-product-grid .product-label{display:none} .topic-hero{min-height:500px}.topic-hero-image{background-position:65% center}.topic-hero-inner{padding-top:16px;padding-bottom:44px}.topic-crumbs{margin-bottom:76px;font-size:10px}.topic-hero h1{font-size:clamp(33px,9vw,46px);line-height:1.13}.topic-hero-inner>p:not(.v5-eyebrow){font-size:13px;line-height:1.8}.topic-actions{flex-direction:column;align-items:stretch}.topic-actions .btn,.topic-actions .v5-outline-light{width:100%}.v5-regions{gap:12px;margin-top:42px;font-size:9px;flex-direction:column} .v5-topic-intro,.v5-topic-product-section,.v5-topic-works,.v5-how,.v5-topic-links{padding:62px 0}.v5-topic-intro h2,.v5-how-grid h2{font-size:36px}.v5-topic-intro-grid p:not(.v5-eyebrow){font-size:13px} .v5-topic-works .ar-work-grid,.v5-related-works .ar-work-grid{grid-template-columns:1fr} .v5-topic-links-grid{grid-template-columns:1fr 1fr;gap:9px}.v5-topic-links-grid a{min-height:93px;padding:13px;font-size:11px} .v5-how-grid{gap:15px}.v5-how-steps>div{grid-template-columns:39px 1fr;gap:12px}.v5-how-steps span{font-size:12px} .v5-bottom-cta{padding:49px 0}.v5-bottom-cta h2{font-size:32px}.v5-bottom-cta .btn{width:100%} .v5-product-stage{padding:17px 0 48px}.v5-product-header{margin-bottom:26px}.v5-product-header h1{font-size:clamp(32px,8.3vw,42px);line-height:1.13}.v5-product-header>p:last-child{font-size:12px} .v5-gallery-main{height:325px}.v5-gallery-main>img{padding:15px}.v5-gallery-stamp{font-size:8px;left:12px;bottom:10px}.v5-gallery-thumb{flex-basis:75px;height:65px} .v5-buy-box{padding:26px 21px}.v5-buy-box h2{font-size:26px}.v5-buy-row{font-size:11px} .v5-product-info,.v5-related-products,.v5-related-works{padding:67px 0}.v5-readcopy,.v5-readcopy p,.v5-readcopy li{font-size:13px!important} .v5-fitment{padding:24px}.v5-fitment h2{font-size:26px} .v5-mobile-sticky{position:fixed;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:15px;bottom:0;left:0;right:0;background:#bd1722;color:#fff;padding:17px 24px max(17px,env(safe-area-inset-bottom));font-size:13px;font-weight:700;box-shadow:0 -8px 20px #151c2840} .v5-pdp-page{padding-bottom:72px} .v5-model-table-row{grid-template-columns:1.5fr .8fr;gap:8px}.v5-model-table-row>*:nth-child(n+3){display:none} .v5-admin-two{grid-template-columns:1fr} .v5-year-fieldset{padding:12px}.v5-year-checkboxes label{padding:7px 9px!important} } .v5-product-grid .v5-prod-model{font-size:10px;color:#78828b;line-height:1.45;margin:-6px 0 16px}.v5-buy-row strong{min-width:0;overflow-wrap:anywhere} .v5-contact-product{background:#f2f4f5;border-left:3px solid #ca1525;padding:12px 14px;font-size:12px;line-height:1.7;color:#3a4248} /* Audi-RUS v0.6: historic SEO text + conversion UX, 04 Nov 2026 */ .v6-phone-quick{background:#f1f2f2;border-bottom:1px solid #e3e5e5} .v6-phone-quick .container{display:flex;justify-content:flex-end;gap:22px;align-items:center;min-height:46px;font-size:11px} .v6-phone-quick .container>span{margin-right:auto;color:#76808a;font-size:10px} .v6-phone-quick a{font-size:12px;white-space:nowrap;color:#242a30} .v6-phone-quick a span{font-weight:500;color:#737d84;margin-right:5px} .v6-phone-quick a strong{font-weight:800;letter-spacing:-.03em} .v6-phone-quick a:hover{color:#bf1b25} .ar-header .v6-header-call{display:none} .v6-call-panel{padding:12px 0 22px;border-top:1px solid #35404b} .v6-call-panel>p{font-size:11px;color:#afb7c1;margin:0 0 12px} .v6-call-panel a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;color:#fff} .v6-call-panel a span{font-size:10px;line-height:1.4;color:#aeb8c0} .v6-call-panel a strong{font-size:15px;letter-spacing:-.025em;white-space:nowrap} .v6-call-panel a:hover strong{color:#f07b7b} .v6-product-order{border-top:1px solid #35404b;padding-top:22px} .v6-product-order h3{font-size:19px;line-height:1.25;letter-spacing:-.03em;color:white;margin:0 0 16px} .v6-product-order .v5-eyebrow{color:#bfc7d0;margin:0 0 6px} .v6-lead-form{display:grid;gap:12px} .v6-lead-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;line-height:1.45;color:#b8c2cb;font-weight:650} .v6-lead-form input,.v6-lead-form select,.v6-lead-form textarea{border:1px solid #52616d;min-height:42px;background:#222c36;color:#fff;border-radius:0;font:500 12px/1.5 'Golos Text',sans-serif;padding:10px 12px;width:100%;outline-offset:2px;resize:vertical} .v6-lead-form input::placeholder,.v6-lead-form textarea::placeholder{color:#9eabb5} .v6-lead-form input:focus,.v6-lead-form select:focus,.v6-lead-form textarea:focus{border-color:#dd4a55} .v6-mini-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:10px} .v6-optional{color:#82939e;font-weight:400;display:inline} .v6-lead-form .v6-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:10px;color:#cdd4da;line-height:1.5;margin:7px 0 2px} .v6-lead-form .v6-consent input{width:17px;min-height:17px;height:17px;flex:none;accent-color:#d82836;margin-top:1px} .v6-honeypot{position:absolute!important;left:-10000px!important;opacity:0;max-width:1px;height:1px;overflow:hidden} .v6-lead-form .v5-buy-cta{margin-top:6px;min-height:49px} .v6-fitment-models{border-top:1px solid #d4dcdf;padding:20px 0} .v6-fitment-models h3{font-size:13px;line-height:1.5;color:#2b343e;margin:0 0 11px} .v6-fitment-models ul{padding-left:19px;margin:0;display:grid;gap:9px} .v6-fitment-models li{font-size:12px;line-height:1.55;color:#46515c} .v5-fit-check>p{font-size:11px;line-height:1.6;color:#61707a;margin:5px 0} .v6-video-section{padding:65px 0;background:#fff} .v6-video-section h2{font-size:32px}.v6-video-links{display:flex;flex-wrap:wrap;gap:10px} .v6-video-links a{background:#e9edef;color:#27313a;padding:12px;font-size:12px;font-weight:650} .v6-topic-editorial{background:#fff;padding:80px 0 85px;border-top:1px solid #e5e8e8} .v6-topic-editorial-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:9%;align-items:start} .v6-topic-editorial h2{font-size:clamp(33px,3vw,48px);letter-spacing:-.05em;line-height:1.15;margin:0 0 20px} .v6-topic-editorial h2 em{color:#88929a;font-weight:400;font-style:normal} .v6-topic-editorial-intro{font-size:12px;color:#707c85;line-height:1.8;max-width:300px;margin:0 0 24px} .v6-topic-copy{padding-left:29px;border-left:2px solid #c72b36;max-width:790px} .v6-topic-copy p{font:400 14px/1.98 'Golos Text',system-ui,sans-serif!important;letter-spacing:normal!important;text-align:left!important;word-spacing:normal!important;color:#3b4650;margin:0 0 19px!important} .v6-topic-copy a{color:#bb1c29;text-decoration:underline;text-underline-offset:3px} .v6-topic-copy img{max-width:100%;height:auto} .v6-mobile-sticky{display:none} .v6-admin-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:35px 0} .v6-admin-topic-grid a{padding:25px;border:1px solid #e0e4e6;background:#fff;display:flex;flex-direction:column;gap:10px} .v6-admin-topic-grid strong{font-size:17px}.v6-admin-topic-grid small{color:#69747e;font-size:11px} .v6-admin-topic-grid span{font-size:12px;color:#ba1f2a;font-weight:700} .v6-editor-fields{display:grid;gap:20px}.v6-editor-fields textarea{min-height:100px} .v6-leads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px} .v6-lead{background:#fff;border:1px solid #e2e5e5;padding:22px;display:grid;gap:10px} .v6-lead header{display:flex;justify-content:space-between;gap:10px;color:#2d3842;font-size:13px} .v6-lead header span{font-size:11px;color:#7b858e} .v6-lead p{font-size:12px;line-height:1.65;margin:0 0 9px;overflow-wrap:anywhere} .v6-lead a{color:#b92330;text-decoration:underline} .v6-lead form{display:flex;align-items:flex-end;gap:12px;margin-top:10px} .v6-lead form label{display:grid;gap:7px;max-width:180px;font-size:11px} .v6-lead form select{border:1px solid #cfd5d7;padding:10px;min-width:150px} @media(min-width:1150px){ .ar-header .nav{gap:15px}.ar-header .nav a{font-size:12px} } @media(max-width:1000px){ .v6-phone-quick .container{flex-wrap:wrap;padding-top:8px;padding-bottom:8px;justify-content:center;gap:5px 20px} .v6-phone-quick .container>span{width:100%;text-align:center} .v6-topic-editorial-layout{grid-template-columns:1fr;gap:28px} .v6-leads{grid-template-columns:1fr} } @media(max-width:580px){ .v6-phone-quick .container{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;padding:10px 18px;text-align:center} .v6-phone-quick .container>span{grid-column:1/-1;font-size:9px} .v6-phone-quick a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #d8dddf;background:#fff;padding:9px 6px;min-width:0} .v6-phone-quick a span{font-size:9px;margin:0} .v6-phone-quick a strong{font-size:11px;white-space:normal} .v6-call-panel a strong{font-size:13px} .v5-product-stage{padding-bottom:40px}.v5-buy-box{padding:24px 20px} .v6-topic-editorial{padding:53px 0}.v6-topic-copy{padding-left:16px} .v6-topic-copy p{font-size:13px!important;line-height:1.85!important} .v6-mobile-sticky{position:fixed;z-index:75;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#141c25;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 25px #0003} .v6-mobile-sticky a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 17px;color:#fff;font-size:12px;font-weight:700} .v6-mobile-sticky a:last-child{background:#c51c29} .v6-mobile-sticky a span{font-size:18px} .v5-pdp-page{padding-bottom:82px} .v6-admin-topic-grid{grid-template-columns:1fr} .v6-lead{padding:15px} .v6-lead form{flex-wrap:wrap} } /* Audi-RUS v0.7 — conversion-oriented, editorial product pages */ :root{--red:#c91e2b;--red2:#e63b45;--ink:#141b22;--bg:#fff;--container:1310px;font-family:'Manrope','Golos Text',system-ui,sans-serif} body{font-family:'Manrope','Golos Text',system-ui,sans-serif;letter-spacing:-.012em} .v5-pdp-page{background:white} .v5-product-stage{background:#fff;padding:26px 0 48px} .v5-breadcrumb{margin:0 0 22px} .v5-product-header{margin-bottom:28px} .v5-product-header h1{font-size:clamp(32px,3.5vw,53px);line-height:1.12;letter-spacing:-.055em;color:#171e26;margin-bottom:11px;max-width:1040px;text-wrap:balance} .v5-product-header>p:last-child{font-size:13px;line-height:1.7;margin-bottom:0;color:#66727d;max-width:850px} .v5-pdp-grid{grid-template-columns:minmax(0,1.32fr) minmax(320px,.74fr);gap:23px;align-items:start} .v5-gallery-main{height:clamp(360px,34vw,475px);min-height:0;background:radial-gradient(circle at 50% 45%,#f7f8f8,#e9edf0)} .v5-gallery-main>img{padding:22px;mix-blend-mode:normal} .v5-gallery-thumbs{gap:9px;margin-top:9px} .v5-gallery-thumb{border:1px solid #e0e4e7} .v5-buy-box{position:static;top:auto;padding:26px 29px 24px;background:#171e26} .v5-buy-intro{margin-bottom:16px}.v5-buy-intro h2{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.045em;margin:9px 0} .v5-buy-intro>p:last-child{font-size:12px;line-height:1.65;color:#b5c0c9;margin:0 0 10px} .v5-buy-row{padding:12px 0;font-size:12px} .v6-call-panel{padding:16px 0 8px}.v6-call-panel>p{margin-bottom:7px} .v6-call-panel a{gap:8px;padding:8px 0}.v6-call-panel a strong{font-size:16px} .v5-buy-disclaimer{margin:13px 0 10px!important;font-size:10px!important;line-height:1.65!important} .v5-pdp-assurances{gap:8px;display:flex;flex-wrap:wrap}.v5-pdp-assurances span{font-size:10px} .v7-order-block{margin-top:28px;background:#111923;color:#fff;padding:33px 39px 35px;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:37px;align-items:start;position:relative;overflow:hidden} .v7-order-block::before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid #ffffff0d;left:-120px;bottom:-160px;pointer-events:none} .v7-form-title{position:relative;z-index:1;padding-top:5px}.v7-form-title .v5-eyebrow{color:#f66f79;font-size:10px;letter-spacing:.13em;margin:0 0 15px} .v7-order-block h3{color:#fff;font-size:clamp(21px,2.25vw,32px);font-weight:800;line-height:1.18;letter-spacing:-.055em;margin:0 0 12px;text-wrap:balance} .v7-form-title>p:last-child{max-width:310px;color:#b0bcc6;font-size:12px;line-height:1.7;margin:0} .v7-lead-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 15px} .v7-lead-layout>label{min-width:0;font-size:11px;color:#ccd5de;gap:6px} .v7-lead-layout input,.v7-lead-layout select,.v7-lead-layout textarea{min-width:0;background:#26313c;border:1px solid #46525e;font-size:12px;color:#fff;border-radius:2px;min-height:47px} .v7-lead-layout textarea{max-height:105px;min-height:47px} .v7-lead-layout .v6-mini-row{min-width:0} .v7-lead-layout .v6-consent{grid-column:span 2;display:flex;align-items:center;margin:2px 0 0;font-size:10px} .v7-lead-layout .v5-buy-cta{grid-column:span 1;min-height:48px;margin:0;font-size:12px} .v5-product-info{padding:54px 0 58px;background:#fff} .v5-product-info-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:5%;align-items:start} .v5-product-info h2{font-size:clamp(29px,2.8vw,41px);margin:0 0 19px;line-height:1.15} .v5-readcopy{font-size:14px;line-height:1.75;max-width:820px} .v5-readcopy p,.v5-readcopy li{font-size:14px!important;line-height:1.75!important;margin-bottom:13px!important} .v5-fitment{padding:25px;background:#f7f8f9;border-color:#e9edef} .v5-fitment h2{font-size:24px;margin:0 0 15px} .v5-fit-model{padding:14px 0} .v5-fit-check{padding:13px 0;font-size:12px} .v7-year-range{color:#b41a27;font-size:17px;font-weight:800;letter-spacing:-.04em;display:inline-block;margin-left:6px} .v6-fitment-models{padding:13px 0}.v6-fitment-models h3{font-size:14px;letter-spacing:-.01em;margin:0 0 7px;color:#151e27} .v6-fitment-models li{font-size:12px} .v5-related-works,.v5-related-products{padding:64px 0} .v5-related-works .v5-section-head,.v5-related-products .v5-section-head{margin-bottom:27px} .v5-related-works .ar-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 19px} .v5-related-works .ar-work-shot{height:195px} .v5-related-works .ar-work-info{padding-top:13px} .v5-related-works .ar-work-info h3{font-size:14px;font-weight:700;line-height:1.45} .v5-related-products{background:#f5f6f6} .v5-product-grid .v7-option-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7e9;min-width:0;min-height:280px;transition:transform .2s,box-shadow .2s;overflow:hidden} .v7-option-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px #161e2520} .v7-option-image{height:190px;background:#f1f3f4;position:relative;overflow:hidden} .v7-option-image img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .35s} .v7-option-card:hover img{transform:scale(1.055)} .v7-option-image>span{position:absolute;bottom:9px;left:14px;font-size:9px;color:#57606b;letter-spacing:.08em;font-weight:750} .v7-option-copy{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} .v7-option-copy h3{font-size:14px;line-height:1.45;font-weight:800;letter-spacing:-.025em;min-height:40px;margin:0 0 20px} .v7-option-more{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #edf0f1;padding-top:13px;font-size:11px;font-weight:750;color:#39424b;align-items:center} .v7-option-more b{color:#c1212c;font-size:18px} .v5-bottom-cta{padding:45px 0} /* Legacy menu photos brought back as a functional model/option navigator. */ .v7-model-chooser{background:#fff;padding:62px 0 63px;border-top:1px solid #eaebed} .v7-model-chooser-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px} .v7-model-chooser-heading h2{font-size:clamp(31px,3.5vw,52px);line-height:1.14;letter-spacing:-.055em;max-width:850px;margin:0 0 12px} .v7-model-chooser-heading h2 em{font-weight:400;font-style:normal;color:#8f969d} .v7-model-chooser-heading p:not(.v5-eyebrow){font-size:13px;line-height:1.8;max-width:780px;color:#63707a;margin:0} .v7-model-count{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#868f96;white-space:nowrap;padding-bottom:10px} .v7-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .v7-model-choice{display:flex;flex-direction:column;min-width:0;background:#f6f7f7;border:1px solid #e5e8ea;transition:transform .22s,box-shadow .22s,border-color .22s} .v7-model-choice:hover{background:#fff;border-color:#ceafb3;box-shadow:0 15px 30px #18202b1c;transform:translateY(-3px)} .v7-model-photo{height:155px;display:grid;place-items:center;padding:12px 9px 1px;background:radial-gradient(ellipse at center,#fdfdfd 20%,#edf0f1)} .v7-model-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} .v7-model-desc{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 17px 15px;align-items:center;background:#fff} .v7-model-desc strong{font-size:15px;font-weight:800;letter-spacing:-.025em;line-height:1.3} .v7-model-desc small{grid-column:1;font-size:11px;color:#8b949b} .v7-model-desc>span{grid-column:2;grid-row:1 / span 2;font-size:20px;color:#c02330} .v7-archive-models{margin-top:22px;border-top:1px solid #e8ebed} .v7-archive-models summary{padding:18px 3px;color:#535e68;font-size:13px;font-weight:800;cursor:pointer} .v7-archive-models .v7-model-grid{padding-top:6px} .v5-topic-product-section,.v5-topic-works,.v6-topic-editorial,.v5-topic-intro,.v5-how,.v5-topic-links{padding-top:65px;padding-bottom:66px} .v5-topic-product-section .v5-product-grid .v7-option-card{min-height:250px} .v5-topic-works .ar-work-shot{height:210px} .v5-topic-works .ar-work-info h3{font-size:14px} .v6-topic-copy p{font-size:14px!important;line-height:1.75!important;margin:0 0 14px!important} .v6-topic-editorial-layout{gap:6%} /* Successful submission and safe spam cleanup in CMS */ .v7-success-page{background:#f4f6f7;padding:74px 0 90px;min-height:630px} .v7-success-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:0} .v7-success-visual{background:#161e26;color:#fff;min-height:495px;display:flex;flex-direction:column;padding:50px 45px;justify-content:flex-end;position:relative;overflow:hidden} .v7-success-visual::before{content:"";position:absolute;width:530px;height:530px;border:1px solid #ffffff14;border-radius:50%;top:-220px;right:-180px} .v7-success-outline{position:absolute;top:47px;left:50px;border:1px solid #5c6875;border-radius:50%;height:83px;width:83px;display:grid;place-items:center;font-size:46px;color:#fff} .v7-success-eyebrow{font:500 11px/1.4 'IBM Plex Mono',monospace;color:#fa5964;letter-spacing:.1em;margin-bottom:16px} .v7-success-large{font-size:clamp(35px,3.5vw,53px);line-height:1.1;font-weight:800;letter-spacing:-.06em;margin:0 0 9px} .v7-success-visual p{font-size:13px;line-height:1.8;color:#b3bdc5} .v7-success-details{padding:45px 54px;background:#fff;display:flex;flex-direction:column;justify-content:center} .v7-success-details h1{font-size:clamp(35px,3.4vw,50px);line-height:1.13;letter-spacing:-.055em;margin:0 0 22px} .v7-success-details h1 em{font-style:normal;font-weight:400;color:#929aa1} .v7-success-details>p{color:#636e79;font-size:14px;line-height:1.8} .v7-next-steps{border-top:1px solid #e4e8e9;border-bottom:1px solid #e4e8e9;margin:21px 0;padding:15px 0} .v7-next-steps>div{display:grid;grid-template-columns:38px 1fr;gap:10px;font-size:13px;line-height:1.7;padding:9px 0} .v7-next-steps b{color:#bb2430;font-family:'IBM Plex Mono',monospace} .v7-success-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap} .v7-success-contact{font-size:11px!important;margin-top:27px!important}.v7-success-contact a{color:#b3212b;font-weight:750} .v7-lead-delete{margin-top:2px!important;padding-top:12px;border-top:1px solid #e8eaed} .v7-delete-button{border:1px solid #dcb9bc;color:#a91c2b;background:#fff;padding:10px 14px;font-size:11px;font-weight:800;cursor:pointer} .v7-delete-button:hover{background:#fff2f3} @media(max-width:1100px){ .v7-order-block{grid-template-columns:1fr;gap:23px} .v7-form-title>p:last-child{max-width:700px} .v5-pdp-grid{grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr)} .v7-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .v5-product-stage{padding-top:18px;padding-bottom:31px} .v5-pdp-grid{grid-template-columns:1fr!important;gap:18px} .v5-product-header{margin-bottom:18px} .v5-gallery-main{height:350px} .v7-order-block{padding:25px 22px 26px;margin-top:21px} .v7-lead-layout{grid-template-columns:repeat(2,minmax(0,1fr))} .v7-lead-layout .v6-consent,.v7-lead-layout .v5-buy-cta{grid-column:span 2} .v5-product-info-grid{grid-template-columns:1fr;gap:20px} .v5-product-info,.v5-related-works,.v5-related-products{padding:45px 0} .v5-related-works .ar-work-grid,.v5-topic-works .ar-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v5-related-works .ar-work-shot{height:155px} .v7-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v7-success-page{padding:25px 0 40px} .v7-success-grid{grid-template-columns:1fr} .v7-success-visual{min-height:240px;padding:30px} .v7-success-outline{top:22px;left:27px;width:54px;height:54px;font-size:30px} .v7-success-details{padding:30px 24px} } @media(max-width:520px){ .container{padding-left:18px;padding-right:18px} .v5-product-header h1{font-size:clamp(29px,8.2vw,39px)} .v5-product-header>p:last-child{font-size:12px} .v5-gallery-main{height:285px} .v5-buy-box{padding:23px 19px} .v7-order-block{padding:24px 18px;margin-left:-3px;margin-right:-3px} .v7-order-block h3{font-size:25px} .v7-lead-layout{grid-template-columns:1fr;gap:10px} .v7-lead-layout .v6-consent,.v7-lead-layout .v5-buy-cta{grid-column:1} .v7-lead-layout .v6-mini-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr)} .v5-product-info,.v5-related-works,.v5-related-products{padding:39px 0} .v5-related-works .ar-work-grid,.v5-topic-works .ar-work-grid{grid-template-columns:1fr} .v5-related-works .ar-work-shot{height:195px} .v5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .v7-option-image{height:123px}.v7-option-copy{padding:12px 11px} .v7-option-copy h3{font-size:12px;min-height:52px;margin-bottom:14px} .v7-option-more{font-size:9px;gap:6px} .v7-model-chooser{padding:41px 0} .v7-model-chooser-heading{display:block;margin-bottom:19px} .v7-model-chooser-heading h2{font-size:30px} .v7-model-count{display:none} .v7-model-grid{gap:9px} .v7-model-photo{height:101px;padding:7px} .v7-model-desc{padding:11px 10px} .v7-model-desc strong{font-size:12px}.v7-model-desc small{font-size:10px} .v5-topic-product-section,.v5-topic-works,.v6-topic-editorial,.v5-topic-intro,.v5-how,.v5-topic-links{padding-top:43px;padding-bottom:43px} .v7-success-details{padding:26px 20px 38px} .v7-success-details h1{font-size:32px} } /* END site.css */ /* BEGIN v08.css */ /* Audi-RUS 2.0 — editorial automotive design system, v0.8. */ :root{--v8-ink:#10151c;--v8-paper:#f4f5f5;--v8-red:#ed2335;--v8-muted:#5d6670} html{scroll-padding-top:112px}#ar-order-panel,#ar-request-form,#select-audi,#equipment{scroll-margin-top:112px} .v8-home{font-family:'Manrope','Golos Text',sans-serif} .v8-home h1,.v8-home h2,.v8-home h3,.v8-catalog-hero h1,.v8-catalog-list h2{font-family:'Manrope','Golos Text',sans-serif;font-weight:800} .v8-overline,.v8-kicker{font:600 10px/1.6 'IBM Plex Mono',monospace!important;letter-spacing:.12em;text-transform:uppercase;color:#bd2430} .v8-hero{position:relative;isolation:isolate;background:#0a0e13;overflow:hidden;color:#fff;min-height:720px} .v8-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0e13 0%,#0a0e13 23%,#0a0e13e8 44%,#0a0e133f 81%),linear-gradient(0deg,#0a0e13a8,transparent 48%)} .v8-hero-photo{position:absolute;inset:0 0 0 30%;z-index:-2;background:radial-gradient(ellipse at 55% 40%,#59606a,#10151b 66%)} .v8-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.75) contrast(1.08)} .v8-hero-grain{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff03 5px)} .v8-hero-content{min-height:720px;display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:90px;padding-bottom:55px} .v8-hero-copy{position:relative;z-index:2;width:min(780px,75%)} .v8-hero-label{display:flex;align-items:center;gap:11px;font:600 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.11em;color:#e4e6e8} .v8-hero-label i{display:block;width:32px;height:2px;background:var(--v8-red)} .v8-hero h1{margin:25px 0 22px;font-size:clamp(48px,6.6vw,104px);line-height:.98;letter-spacing:-.085em;color:white;max-width:950px;text-wrap:balance} .v8-hero h1 span{color:var(--v8-red)} .v8-hero-copy>p{max-width:520px;color:#d0d3d7;font-size:clamp(14px,1.15vw,18px);font-weight:400;line-height:1.75} .v8-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:37px} .v8-solid-link,.v8-outline-link{min-height:53px;display:inline-flex;align-items:center;gap:25px;justify-content:space-between;padding:14px 23px;font-size:12px;font-weight:800;letter-spacing:.01em;border-radius:2px;transition:background .2s,transform .2s} .v8-solid-link{background:var(--v8-red);color:#fff}.v8-solid-link:hover{background:#c8192a;transform:translateY(-2px)} .v8-outline-link{color:#fff;border:1px solid #ffffff70}.v8-outline-link:hover{background:#ffffff1c} .v8-hero-foot{display:flex;gap:23px;flex-wrap:wrap;margin-top:74px;font:600 10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#b4b7be} .v8-hero-rail{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#c8ced480;font:600 10px 'IBM Plex Mono',monospace;min-width:60px} .v8-vertical{writing-mode:vertical-rl;letter-spacing:.18em} .v8-trust{background:#121921;color:#c2c8ce;border-top:1px solid #ffffff18} .v8-trust-in{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap} .v8-trust span{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:700}.v8-trust i{color:var(--v8-red);font:600 11px 'IBM Plex Mono',monospace} .v8-model-section,.v8-catalog-list{padding:86px 0 96px;background:#f5f6f5} .v8-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px} .v8-section-heading h2{font-size:clamp(35px,4vw,67px);letter-spacing:-.067em;line-height:1.07;margin:10px 0 14px;color:#10151c} .v8-section-heading h2 em{font-weight:500;font-style:normal;color:#87919a} .v8-section-heading p:not(.v8-overline){max-width:670px;font-size:14px;color:#63707b;line-height:1.8;margin:0} .v8-heading-action{display:inline-flex;gap:19px;align-items:center;white-space:nowrap;font-size:12px;font-weight:800;color:#0d141b;border-bottom:1px solid #a8afb6;padding-bottom:12px}.v8-heading-action span{color:var(--v8-red)} .v8-models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px} .v8-model{min-width:0;background:#fff;border:1px solid #e3e7e8;transition:transform .2s,box-shadow .2s,border-color .2s} .v8-model:hover{transform:translateY(-4px);border-color:#c81b2e;box-shadow:0 18px 34px #18202b12} .v8-model-stage{height:142px;position:relative;display:grid;place-items:center;padding:20px 8px;background:linear-gradient(155deg,#f9faf9,#ebeff0);overflow:hidden} .v8-model-stage img{width:98%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.v8-model:hover img{transform:scale(1.06)} .v8-model-index{position:absolute;top:11px;left:12px;font:500 10px 'IBM Plex Mono',monospace;color:#a2adb5} .v8-model-description{display:flex;flex-direction:column;padding:13px 15px 16px;border-top:1px solid #e9eced;min-height:78px;gap:7px} .v8-model-description strong{font-size:13px;font-weight:800;line-height:1.3}.v8-model-description span{display:flex;justify-content:space-between;gap:10px;font:500 11px 'IBM Plex Mono',monospace;color:#77838b}.v8-model-description b{color:#bd1b2b;font-size:17px;line-height:1} .v8-options{background:#0e1218;color:white;padding:89px 0 96px;position:relative;overflow:hidden} .v8-options:before{content:"AUDI-RUS";position:absolute;right:-70px;top:-80px;font:900 clamp(100px,17vw,290px) Manrope;letter-spacing:-.08em;color:#ffffff05;pointer-events:none} .v8-section-heading-dark h2{color:#fff;font-size:clamp(34px,3.65vw,59px)}.v8-section-heading-dark h2 em{color:var(--v8-red);font-style:normal;font-weight:800}.v8-section-heading-dark p:not(.v8-overline){color:#b4bec6} .v8-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .v8-option{display:block;min-height:330px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#3d4855,#18212b);border:1px solid #48515a} .v8-option::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06090cf0,#0c10167b 64%,#0c101610)} .v8-option-img{position:absolute;inset:0;z-index:-2}.v8-option-img img{height:100%;width:100%;object-fit:cover;filter:grayscale(.25) saturate(.8);transition:transform .5s}.v8-option:hover img{transform:scale(1.08)} .v8-option-content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:23px 22px;min-height:180px} .v8-option-content>span{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#fe5666}.v8-option-content strong{font-size:clamp(19px,1.75vw,26px);line-height:1.13;font-weight:800;letter-spacing:-.04em;margin:13px 0 8px;max-width:260px}.v8-option-content small{font-size:11px;color:#d4d9dc;line-height:1.6;max-width:240px}.v8-option-content>b{position:absolute;right:22px;bottom:24px;font-size:26px;color:#ff4154} .v8-works{padding:92px 0 100px;background:#fff}.v8-work-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .v8-work{min-width:0;border:1px solid #e4e7e8;background:#fff;transition:box-shadow .25s,transform .25s}.v8-work:hover{transform:translateY(-3px);box-shadow:0 17px 34px #11182116} .v8-work-img{height:240px;overflow:hidden;background:linear-gradient(135deg,#dfe2e5,#f7f8f9);position:relative}.v8-work-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.v8-work:hover img{transform:scale(1.04)} .v8-work-img span{position:absolute;bottom:14px;left:14px;background:#0e141bdd;color:#fff;padding:7px 9px;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.03em} .v8-work-content{min-height:140px;padding:20px 21px;display:flex;flex-direction:column;justify-content:space-between}.v8-work h3{font-size:17px;line-height:1.45;letter-spacing:-.03em;margin:0;font-weight:800}.v8-work-content span{display:flex;justify-content:space-between;margin-top:21px;padding-top:14px;border-top:1px solid #e6e8e9;font-size:11px;font-weight:800}.v8-work-content b{color:var(--v8-red);font-size:17px} .v8-service{padding:92px 0;background:#11161e;color:white;position:relative}.v8-service::before{content:"SERVICE";position:absolute;right:0;bottom:-65px;color:#ffffff05;font:900 160px Manrope;pointer-events:none} .v8-service-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;position:relative}.v8-service-heading h2{font-size:clamp(41px,5vw,76px);line-height:1.08;letter-spacing:-.07em;margin:12px 0 21px}.v8-service-heading h2 em{font-style:normal;color:var(--v8-red)} .v8-service-heading>p:not(.v8-overline){max-width:530px;color:#bcc3ca;font-size:14px;line-height:1.85}.v8-service-heading .v8-solid-link{margin-top:13px} .v8-service-menu{display:flex;flex-direction:column;border-top:1px solid #ffffff35}.v8-service-menu a{display:flex;gap:22px;align-items:center;border-bottom:1px solid #ffffff35;padding:23px 4px;font-size:18px;font-weight:750;letter-spacing:-.02em;transition:color .2s}.v8-service-menu a:hover{color:#ff5663}.v8-service-menu span{font:500 11px 'IBM Plex Mono',monospace;color:#f43c4b}.v8-service-menu b{margin-left:auto;color:#f43c4b} .v8-articles{background:#f4f5f5;padding:90px 0}.v8-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} .v8-article{background:white;min-width:0;border:1px solid #e1e5e6;display:flex;flex-direction:column}.v8-article-cover{height:230px;background:#e1e5e6}.v8-article-cover img{height:100%;width:100%;object-fit:cover} .v8-article-content{padding:23px;flex:1;display:flex;flex-direction:column}.v8-article-content>span{font:500 10px 'IBM Plex Mono',monospace;color:#c32835}.v8-article-content h3{font-size:19px;line-height:1.35;letter-spacing:-.03em;margin:15px 0 33px}.v8-article-content b{margin-top:auto;color:#bf2431;font-size:12px} .v8-history{padding:75px 0 88px;background:#fff}.v8-history-copy{max-width:950px;color:#434c56;font-size:14px;line-height:1.85}.v8-history-copy p{text-align:left!important;word-spacing:normal!important;margin-bottom:13px}.v8-history-copy .ca-menu2{display:none} .v8-last-cta{background:#0a0d11;padding:72px 0;color:#fff}.v8-last-cta h2{font-size:clamp(35px,5.5vw,75px);line-height:1.07;letter-spacing:-.075em;margin:13px 0 30px}.v8-last-cta h2 em{font-style:normal;color:var(--v8-red)}.v8-last-cta .container>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.v8-last-cta .container>div>a:not(.v8-solid-link){font-size:12px;color:#b9c0c6}.v8-last-cta strong{color:white;display:block;font-size:17px;margin-top:5px} /* Full editorial model catalogue */ .v8-catalog-hero{background:linear-gradient(112deg,#111821,#26303b);color:white;padding:58px 0 70px}.v8-crumbs{font-size:11px;color:#a3adb4;margin-bottom:55px}.v8-crumbs a{color:#edf1f4}.v8-catalog-hero h1{font-size:clamp(41px,5.8vw,83px);line-height:1.05;letter-spacing:-.07em;margin:16px 0 22px}.v8-catalog-hero h1 em{font-weight:500;font-style:normal;color:#9da7ae}.v8-catalog-hero>div>p:not(.v8-overline){font-size:15px;line-height:1.75;max-width:620px;color:#c0c8ce}.v8-catalog-hero-note{display:flex;gap:19px;flex-wrap:wrap;align-items:center;margin-top:45px;font:600 11px 'IBM Plex Mono',monospace;color:#d2d8de}.v8-catalog-hero-note b{color:#fe4053} .v8-catalog-models{grid-template-columns:repeat(4,minmax(0,1fr))}.v8-catalog-models .v8-model-stage{height:176px}.v8-catalog-help{background:#111821;color:white;padding:53px 0}.v8-catalog-help .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.v8-catalog-help h2{font-size:42px;letter-spacing:-.06em;margin:12px 0}.v8-catalog-help h2 em{font-style:normal;color:#ff4554}.v8-catalog-help p:not(.v8-overline){font-size:13px;color:#bec7ce;max-width:530px;line-height:1.8;margin:0} /* Compact reusable leads form: perfectly aligned labels and input rows. */ .v8-inquiry{background:#121a24;color:#fff;padding:33px 35px;display:grid;grid-template-columns:minmax(205px,.32fr) minmax(0,1fr);gap:33px;align-items:start;position:relative;scroll-margin-top:110px;border-top:3px solid #ec2336} .v8-inquiry-lead .v8-kicker{color:#ff6371}.v8-inquiry-lead h2{font-size:clamp(25px,2.6vw,36px);line-height:1.13;letter-spacing:-.055em;color:#fff;margin:12px 0 12px}.v8-inquiry-lead h2 span{color:#ff4b5d} .v8-inquiry-lead>p{font-size:12px;line-height:1.7;color:#aebbc5;max-width:325px;margin:0 0 22px}.v8-inquiry-contact{display:flex;flex-direction:column;gap:12px}.v8-inquiry-contact a{font-size:10px;color:#abb5be}.v8-inquiry-contact strong{display:block;color:#fff;font-size:15px;margin-top:3px;white-space:nowrap} .v8-inquiry-form{min-width:0}.v8-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 13px;align-items:start} .v8-field{min-width:0;display:flex;flex-direction:column;gap:7px!important;font:600 11px/1.4 'Manrope',sans-serif!important;color:#d4dde5!important} .v8-field-head{display:flex;align-items:center;justify-content:space-between;min-height:22px;line-height:22px;gap:8px;white-space:nowrap}.v8-field-head small{font-size:10px;color:#93a4b3;font-weight:500;white-space:nowrap;line-height:1;align-self:center} .v8-field input,.v8-field select,.v8-field textarea{border:1px solid #4b5a69;background:#26323f;color:#fff;padding:11px 13px;min-height:46px;height:46px;width:100%;border-radius:2px;font:500 12px 'Manrope',sans-serif;outline:0;resize:vertical;margin:0} .v8-field textarea{min-height:46px;height:46px;max-height:135px}.v8-field input::placeholder,.v8-field textarea::placeholder{color:#a4b2be;opacity:1}.v8-field input:focus,.v8-field select:focus,.v8-field textarea:focus{border-color:#f0475c;box-shadow:0 0 0 2px #ef24432b} .v8-comment{grid-column:1 / -1} .v8-inquiry-submit{display:grid;grid-template-columns:1.4fr 1fr;gap:19px;align-items:center;margin-top:15px} .v8-consent{display:flex;gap:11px;align-items:flex-start;font:500 10px/1.6 'Manrope',sans-serif;color:#cad2da!important}.v8-consent input{width:17px;height:17px;flex:none;accent-color:#e62a3a;margin:0} .v8-submit{border:0;background:#e72134;color:#fff;min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:12px 19px;font-size:13px;font-weight:800}.v8-submit span{font-size:19px}.v8-submit:hover{background:#bd1d2c} .v6-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .v5-product-stage .v8-inquiry{margin-top:23px}.v8-category-cta{margin-top:38px}.v8-model-request{margin-top:50px;margin-bottom:34px} @media(max-width:1150px){.v8-hero-content{min-height:630px}.v8-hero{min-height:630px}.v8-models{grid-template-columns:repeat(4,minmax(0,1fr))}.v8-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-inquiry{grid-template-columns:1fr;gap:22px}.v8-inquiry-lead h2{font-size:29px}.v8-inquiry-contact{flex-direction:row;gap:25px}} @media(max-width:900px){.v8-hero-content{min-height:650px}.v8-hero-photo{left:24%}.v8-hero h1{font-size:clamp(49px,7.6vw,76px)}.v8-models{grid-template-columns:repeat(3,minmax(0,1fr))}.v8-section-heading{align-items:start}.v8-service-split{grid-template-columns:1fr;gap:35px}.v8-service-menu a{padding:16px 0}.v8-trust-in{padding-top:17px;padding-bottom:17px}.v8-work-cards{gap:11px}.v8-work-img{height:170px}.v8-work h3{font-size:14px}.v8-catalog-models{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.v8-hero,.v8-hero-content{min-height:660px}.v8-hero-content{padding-top:75px;padding-bottom:28px;align-items:flex-start}.v8-hero-photo{left:10%;top:12%;opacity:.48}.v8-hero::after{background:linear-gradient(90deg,#090e14e8,#090e1488),linear-gradient(0deg,#090e14 5%,transparent 70%)}.v8-hero-copy{width:100%}.v8-hero-rail{display:none}.v8-hero h1{font-size:clamp(42px,11vw,62px);margin:35px 0 20px;letter-spacing:-.075em}.v8-hero-copy>p{font-size:14px;max-width:340px}.v8-hero-actions{margin-top:29px;align-items:stretch}.v8-hero-actions a{font-size:11px;min-height:49px;flex:1}.v8-hero-foot{font-size:9px;gap:13px;margin-top:65px}.v8-trust-in{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v8-trust span{font-size:10px;line-height:1.5}.v8-model-section,.v8-catalog-list,.v8-works,.v8-articles{padding:57px 0 64px}.v8-section-heading{display:block;margin-bottom:23px}.v8-section-heading h2{font-size:clamp(32px,8.2vw,45px)}.v8-section-heading p:not(.v8-overline){font-size:12px}.v8-heading-action{margin-top:19px}.v8-models,.v8-catalog-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v8-model-stage,.v8-catalog-models .v8-model-stage{height:105px;padding:14px 4px}.v8-model-description{padding:12px 10px;min-height:70px}.v8-model-description strong{font-size:12px}.v8-model-description span{font-size:10px}.v8-options{padding:58px 0}.v8-options-grid{grid-template-columns:1fr 1fr;gap:10px}.v8-option{min-height:270px}.v8-option-content{padding:15px 13px;min-height:175px}.v8-option-content strong{font-size:18px}.v8-option-content small{font-size:10px;line-height:1.5}.v8-option-content>b{right:14px;bottom:14px}.v8-work-cards,.v8-articles-grid{grid-template-columns:1fr;gap:16px}.v8-work-img,.v8-article-cover{height:218px}.v8-work-content{min-height:108px}.v8-work h3{font-size:16px}.v8-service{padding:60px 0}.v8-service-heading h2{font-size:45px}.v8-service-menu a{font-size:16px}.v8-history{padding:54px 0}.v8-history-copy{font-size:13px}.v8-last-cta{padding:55px 0}.v8-catalog-hero{padding:35px 0 50px}.v8-crumbs{margin-bottom:39px}.v8-catalog-hero h1{font-size:44px}.v8-catalog-hero>div>p:not(.v8-overline){font-size:13px}.v8-catalog-help .container{display:block}.v8-catalog-help h2{font-size:36px}.v8-catalog-help .v8-solid-link{margin-top:20px}.v8-inquiry{padding:24px 18px;gap:19px}.v8-inquiry-contact{gap:13px;flex-wrap:wrap}.v8-inquiry-contact strong{font-size:13px}.v8-fields{grid-template-columns:1fr 1fr;gap:11px}.v8-field-head{font-size:10px}.v8-field-head small{font-size:9px}.v8-comment{grid-column:span 2}.v8-inquiry-submit{display:flex;flex-direction:column;align-items:stretch}.v8-submit{width:100%}.v5-product-stage .v8-inquiry{margin-left:-5px;margin-right:-5px}} @media(max-width:390px){.v8-hero h1{font-size:42px}.v8-hero-actions{flex-direction:column}.v8-fields{grid-template-columns:1fr}.v8-comment{grid-column:1}.v8-trust-in{grid-template-columns:1fr 1fr}.v8-model-stage{height:93px}} /* END v08.css */ /* BEGIN v09.css */ /* Audi-RUS v0.9 | original typography/layout for the technical knowledge base */ :root{--kb-ink:#141a21;--kb-red:#e21b28;--kb-grey:#6f7a85;--kb-light:#f5f6f7;--kb-border:#dfe4e8} .v9-knowledge,.v9-archive-article{color:var(--kb-ink);background:#fff} .v9-knowledge-hero{background:#11171e;color:#fff;position:relative;overflow:hidden;padding:72px 0 76px} .v9-knowledge-hero:before{content:"";position:absolute;width:760px;height:760px;right:-330px;top:-240px;border-radius:50%;border:1px solid #39424b;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 210px rgba(255,255,255,.018);pointer-events:none} .v9-knowledge-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.65fr);gap:55px;align-items:center;position:relative;z-index:1} .v9-crumb{font-size:13px;color:#8895a4;margin-bottom:40px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} .v9-crumb a{color:inherit;text-decoration:none}.v9-crumb a:hover{color:var(--kb-red)} .v9-kicker{color:var(--kb-red);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800;margin:0 0 18px} .v9-knowledge-hero h1{font-size:clamp(38px,5.4vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:850;margin:0 0 28px;max-width:960px} .v9-knowledge-hero h1 em,.v9-section-head h2 em,.v9-knowledge-footer-cta em,.v9-links-section h2 em{color:var(--kb-red);font-style:normal} .v9-knowledge-hero-grid>div>p:not(.v9-kicker){max-width:640px;color:#c4cbd3;font-size:clamp(15px,1.35vw,19px);line-height:1.75} .v9-knowledge-metrics{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:34px;color:#c4cbd3;font-size:13px} .v9-knowledge-metrics strong{font-size:28px;color:#fff;margin-right:8px} .v9-knowledge-hero-aside{border:1px solid #3e4a55;background:rgba(255,255,255,.045);padding:35px;display:flex;flex-direction:column;gap:22px} .v9-knowledge-hero-aside>span{font-size:11px;letter-spacing:.2em;color:var(--kb-red);font-weight:900} .v9-knowledge-hero-aside>b{font-size:31px;line-height:1.12;letter-spacing:-.045em} .v9-knowledge-hero-aside>p{font-size:15px;line-height:1.8;color:#b9c2cc;margin:0} .v9-knowledge-hero-aside>a,.v9-side-button{background:var(--kb-red);color:#fff!important;padding:14px 18px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-weight:800} .v9-knowledge-list,.v9-related-section,.v9-more-reading{padding:76px 0 100px;background:#f7f8f9} .v9-section-head{margin-bottom:38px}.v9-section-head h2{font-size:clamp(29px,3.5vw,52px);line-height:1.14;letter-spacing:-.055em;margin:0 0 15px;font-weight:840} .v9-section-head>p:not(.v9-kicker){font-size:16px;line-height:1.75;color:#707a85;margin:0;max-width:710px} .v9-knowledge-group{margin:46px 0 62px} .v9-knowledge-group-name{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--kb-border);padding-bottom:17px;margin-bottom:19px} .v9-knowledge-group-name>span{color:var(--kb-red);font-size:12px;font-weight:800} .v9-knowledge-group-name h3{margin:0;font-size:22px;letter-spacing:-.025em;font-weight:800} .v9-knowledge-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .v9-knowledge-card{background:#fff;text-decoration:none;color:#131920;min-width:0;min-height:245px;border:1px solid var(--kb-border);padding:25px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s} .v9-knowledge-card:hover{border-color:#d92a39;transform:translateY(-3px);box-shadow:0 16px 36px rgba(5,10,16,.08)} .v9-knowledge-count{font-size:10px;color:#b21c2a;letter-spacing:.1em;font-weight:800;margin-bottom:18px} .v9-knowledge-card h4,.v9-knowledge-card h3{font-size:22px;line-height:1.2;font-weight:820;letter-spacing:-.045em;margin:0 0 16px} .v9-knowledge-card p{font-size:14px;line-height:1.65;color:#65717d;margin:0 0 24px} .v9-knowledge-read{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ecee;margin-top:auto;padding-top:17px;font-size:12px;font-weight:750;color:#161d25} .v9-knowledge-read strong{color:var(--kb-red);font-size:19px} .v9-knowledge-footer-cta{background:#151c24;color:white;padding:65px 0} .v9-knowledge-footer-cta>.container,.v9-links-section>.container{display:flex;justify-content:space-between;align-items:center;gap:40px} .v9-knowledge-footer-cta h2,.v9-links-section h2{font-size:clamp(28px,3.4vw,48px);line-height:1.1;letter-spacing:-.055em;margin:5px 0 15px} .v9-knowledge-footer-cta p,.v9-links-section p{line-height:1.7;color:#b6c0cb;max-width:675px} .v9-article-hero{padding:68px 0 60px;background:#131a22;color:#fff} .v9-article-hero h1{max-width:1060px;font-size:clamp(38px,4.6vw,66px);font-weight:850;line-height:1.09;letter-spacing:-.058em;margin:0 0 25px} .v9-article-lead{font-size:clamp(16px,1.55vw,22px);line-height:1.65;max-width:950px;color:#bcc5ce;margin:0} .v9-article-hero .v9-crumb{margin-bottom:40px} .v9-aliases{margin-top:32px;border-top:1px solid #37424c;padding-top:20px;display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#c2cad1} .v9-aliases span:first-child{color:var(--kb-red);letter-spacing:.1em;font-weight:900} .v9-article-section{padding:60px 0 85px;background:#fff} .v9-article-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(245px,.7fr);gap:70px;align-items:start} .v9-article-copy{font-size:17px;line-height:1.85;color:#303b47;min-width:0;max-width:820px} .v9-article-copy h2{color:#111921;font-size:clamp(23px,2.3vw,34px);line-height:1.22;letter-spacing:-.045em;margin:40px 0 17px;font-weight:820} .v9-article-copy h2:first-child{margin-top:0} .v9-article-copy p{margin:0 0 18px;line-height:1.82;text-align:left} .v9-article-copy img{max-width:100%;height:auto} .v9-article-copy a{color:#ba1929;text-underline-offset:3px} .v9-article-side{position:relative}.v9-sticky-card{position:sticky;top:120px;border:1px solid #e1e5e9;background:#f5f6f7;padding:27px;display:flex;flex-direction:column;gap:17px} .v9-sticky-card h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:0} .v9-sticky-card p{font-size:14px;line-height:1.65;color:#687681;margin:0} .v9-sticky-card>a:not(.v9-side-button){color:#4a5966;font-size:13px;font-weight:700} .v9-faq{border-top:1px solid #dce2e7;margin-top:44px;padding-top:15px} .v9-faq details{border-bottom:1px solid #dce2e7;padding:14px 0}.v9-faq summary{font-size:17px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.v9-faq summary::-webkit-details-marker{display:none} .v9-faq summary span{color:var(--kb-red);font-size:25px;font-weight:400}.v9-faq details p{font-size:15px;margin:13px 0} .v9-article-source{border-left:3px solid var(--kb-red);background:#f5f6f7;padding:22px;margin-top:36px;font-size:14px}.v9-article-source p{font-size:14px;margin:9px 0 12px} .v9-links-section{padding:55px 0;background:#111921;color:#fff}.v9-links-section p{font-size:15px} .v9-related-section{background:#f7f8f9}.v9-more-reading{background:#fff;padding:70px 0} .v9-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} .v9-more-grid a{background:#f5f6f8;border:1px solid #e3e5e7;padding:24px;text-decoration:none;display:grid;gap:10px;color:#17202a;position:relative} .v9-more-grid span{font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--kb-red)}.v9-more-grid strong{font-size:20px;letter-spacing:-.025em;padding-right:20px}.v9-more-grid i{position:absolute;right:25px;bottom:18px;font-style:normal;color:var(--kb-red)} .v9-legacy-video,.v9-archive-related{border-top:1px solid #dce2e7;margin-top:42px;padding-top:12px}.v9-legacy-video>a,.v9-archive-related>a{display:block;padding:8px 0;font-size:15px;font-weight:700} .v9-home-expertise{background:#f3f5f6;padding:85px 0}.v9-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v9-expertise-grid>article{background:white;border:1px solid #e2e6e9;padding:28px;display:flex;flex-direction:column;gap:14px} .v9-expertise-grid>article>span{font-size:11px;color:var(--kb-red);letter-spacing:.08em;font-weight:850}.v9-expertise-grid h3{font-size:25px;line-height:1.16;letter-spacing:-.045em;margin:0}.v9-expertise-grid p{font-size:15px;line-height:1.75;color:#5b6671;margin:0 0 12px} .v9-expertise-grid a{font-weight:800;font-size:13px;color:#ba1828;margin-top:auto} .v9-expertise-note{border-left:3px solid var(--kb-red);margin-top:21px;padding:22px 27px;background:#fff;display:flex;align-items:center;gap:25px} .v9-expertise-note>strong{font-size:20px;max-width:170px;flex:none}.v9-expertise-note p{font-size:14px;line-height:1.65;color:#63707c;flex:1;margin:0}.v9-expertise-note a{white-space:nowrap;color:#ba1828;font-weight:800;font-size:13px} .v9-home-knowledge{background:#10161e;padding:86px 0;color:white}.v9-home-knowledge .v8-section-heading h2{color:white}.v9-home-knowledge .v9-knowledge-card{background:#202a33;border-color:#3c4650;color:white}.v9-home-knowledge .v9-knowledge-card p{color:#bec8d1}.v9-home-knowledge .v9-knowledge-read{color:white;border-color:#3d4852} .v9-product-knowledge{margin:22px 0;padding:20px;border:1px solid #dfe4e8;background:#f8f9fa}.v9-product-knowledge h3{margin:0 0 8px;font-size:20px}.v9-product-knowledge p{font-size:13px;line-height:1.5;margin:0 0 12px;color:#64707b}.v9-product-knowledge a{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#ab1826;font-size:14px;font-weight:750;padding:9px 0;border-top:1px solid #e4e7ea} .v9-archived-crumb{color:#707982;font-size:inherit} .v9-admin-table{width:100%;border-collapse:collapse;margin:30px 0}.v9-admin-table td,.v9-admin-table th{text-align:left;padding:15px;border-bottom:1px solid #dce1e6;font-size:14px}.v9-admin-table th{background:#1a232d;color:white}.v9-admin-table a{color:#b41e2b} .v9-knowledge-editor{max-width:1100px}.v9-field{display:block;margin:16px 0}.v9-field span{display:block;font-weight:750;font-size:14px;margin-bottom:8px}.v9-field input,.v9-field textarea{display:block;width:100%;padding:14px;border:1px solid #c9d1d7;background:#fff;color:#1b232b;font-size:15px;border-radius:3px}.v9-field textarea{font-family:ui-monospace,monospace;font-size:13px;line-height:1.5}.v9-checkbox{display:flex;gap:12px;align-items:center}.v9-admin-actions{display:flex;gap:25px;align-items:center;margin:25px 0 50px}.v9-admin-saved{padding:10px 15px;background:#e3f2e7;color:#20713e} @media(max-width:1000px){.v9-article-grid{gap:35px;grid-template-columns:minmax(0,1.5fr) minmax(230px,.65fr)}.v9-knowledge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-expertise-note{flex-wrap:wrap}.v9-expertise-note p{min-width:260px}} @media(max-width:720px){.v9-knowledge-hero{padding:40px 0 52px}.v9-knowledge-hero-grid,.v9-article-grid{grid-template-columns:1fr;gap:25px}.v9-knowledge-hero-aside{padding:26px}.v9-knowledge-hero-aside>b{font-size:26px}.v9-crumb{margin-bottom:30px}.v9-knowledge-hero h1{letter-spacing:-.052em}.v9-knowledge-list,.v9-related-section,.v9-more-reading{padding:52px 0}.v9-knowledge-cards,.v9-expertise-grid,.v9-more-grid{grid-template-columns:1fr}.v9-knowledge-card{min-height:190px}.v9-knowledge-group{margin:32px 0 47px}.v9-article-hero{padding:42px 0 42px}.v9-article-hero h1{font-size:clamp(32px,8vw,49px)}.v9-article-section{padding:40px 0 60px}.v9-article-copy{font-size:16px}.v9-article-side{order:-1}.v9-sticky-card{position:static}.v9-knowledge-footer-cta>.container,.v9-links-section>.container{display:block}.v9-knowledge-footer-cta .v8-solid-link,.v9-links-section .v8-solid-link{margin-top:20px;display:inline-flex}.v9-home-expertise,.v9-home-knowledge{padding:60px 0}.v9-expertise-note{display:block;padding:20px}.v9-expertise-note p{margin:10px 0}.v9-expertise-note a{display:inline-block;margin-top:4px}} .v9-audit-filters{display:flex;gap:13px;align-items:center;margin:35px 0 15px;flex-wrap:wrap}.v9-audit-filters>a{padding:9px 14px;background:#eef0f2;border:1px solid #dfe3e5;color:#303942;font-size:13px;font-weight:750}.v9-audit-filters>form{display:flex;gap:10px;margin-left:auto}.v9-audit-filters input{padding:10px;border:1px solid #ccd2d7;min-width:220px}.v9-audit-filters button{background:#ae1723;color:white;border:0;padding:10px 15px}.v9-audit-url{color:#89929c;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.v9-audit-total{font-size:14px;color:#626f7b;margin:10px 0}.v9-admin-table td strong{font-weight:800} /* END v09.css */ /* BEGIN v10.css */ /* Audi-RUS v0.10: technical film clips, dark cinema cards / responsive */ .v10-video-section{margin:38px 0 48px;border-top:1px solid #dbe0e4;padding-top:30px;max-width:100%} .v10-video-heading>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#ca172a} .v10-video-heading h2{font-size:clamp(26px,2.8vw,39px);margin:10px 0 12px;color:#141c25;letter-spacing:-.045em;font-weight:850} .v10-video-heading h2 em{color:#b81d2c;font-style:normal}.v10-video-heading p{font-size:14px;line-height:1.65;color:#64727e;margin:0 0 22px} .v10-video-list{display:grid;grid-template-columns:1fr;gap:23px} .v10-video-card{background:#f6f7f8;border:1px solid #e0e4e7;min-width:0;overflow:hidden} .v10-video-cover{background:radial-gradient(ellipse at 80% 25%,#363d45,#0c121b 72%);aspect-ratio:16/9;position:relative;width:100%;min-height:180px} .v10-video-playholder{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:white;padding:25px;text-align:center} .v10-video-mark{letter-spacing:.22em;color:#ff3249;font-size:11px;font-weight:950} .v10-video-load{appearance:none;display:flex;align-items:center;gap:13px;background:#e10b21;color:white;border:0;cursor:pointer;padding:15px 25px;font-size:15px;font-weight:850;transition:transform .15s,background .15s} .v10-video-load:hover{background:#fd1b36;transform:translateY(-2px)}.v10-video-load:focus-visible{outline:3px solid white;outline-offset:3px}.v10-play-icon{font-size:16px} .v10-video-subline{font-size:11px;color:#c7d0d9} .v10-video-iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;background:#060b10} .v10-video-caption{padding:19px 23px;display:grid;gap:6px;font-size:13px}.v10-video-caption strong{font-size:16px;line-height:1.3;color:#111922}.v10-video-caption span{font-size:11px;color:#6c7a85}.v10-video-caption a{color:#aa1627;font-weight:800;font-size:13px;line-height:1.4;overflow-wrap:anywhere} .v10-video-caption a:hover{text-decoration:underline} .v10-legacy-video{margin-top:38px} .v10-video-section .v10-video-list{max-width:810px} .v9-field small{display:block;color:#566473;font-size:12px;line-height:1.5;padding-top:6px} @media(max-width:720px){.v10-video-cover{min-height:170px}.v10-video-playholder{min-height:170px}.v10-video-caption{padding:15px}.v10-video-load{padding:13px 18px}} .v11-video-external .v10-video-load{color:#fff;text-decoration:none}.v11-video-external .v10-video-load:hover{color:#fff} /* END v10.css */ /* BEGIN v12.css */ /* Audi-RUS v0.12: dedicated knowledge covers and model dropdown */ .v12-knowledge-cover{margin:28px 0 0;padding:0;max-width:920px} .v12-knowledge-cover img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:12px} .v12-knowledge-cover figcaption{font-size:12px;color:#7a838a;margin-top:8px} .v12-knowledge-thumb{height:128px;overflow:hidden;margin:-1px -1px 14px} .v12-knowledge-thumb img{display:block;width:100%;height:100%;object-fit:cover} .v12-catalog-nav{position:relative;display:inline-flex;align-items:center} .v12-catalog-menu{position:absolute;left:0;top:100%;width:350px;max-height:440px;overflow:auto;display:none;background:#111720;color:#fff;border:1px solid #343a43;box-shadow:0 18px 35px #0004;padding:12px;z-index:100} .v12-catalog-nav:hover .v12-catalog-menu,.v12-catalog-nav:focus-within .v12-catalog-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px} .v12-catalog-menu a{display:block;font-size:12px!important;padding:10px!important;border-radius:4px;color:#fff!important;text-decoration:none} .v12-catalog-menu a:hover,.v12-catalog-menu a:focus{background:#262e39;color:#ff3448!important} @media(max-width:900px){.v12-catalog-nav{display:contents}.v12-catalog-menu{display:none!important}} /* END v12.css */ /* BEGIN v121.css */ /* V0.12.1 — technical coding steps. Clear hierarchy and compact diagnostic tables. */ .v9-article-copy .coding-intro {font-size:1.08rem;line-height:1.8;color:#27313a} .v9-article-copy .coding-spec {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d9dee2;border:1px solid #d9dee2;margin:18px 0 24px;overflow:hidden} .v9-article-copy .coding-spec>div {background:#f7f9fa;padding:15px 18px;min-width:0} .v9-article-copy .coding-spec span {display:block;text-transform:uppercase;font-size:11px;letter-spacing:0.08em;color:#75808b;margin-bottom:7px} .v9-article-copy .coding-spec strong {display:block;color:#18222c;font-size:15px;line-height:1.45;overflow-wrap:anywhere} .v9-article-copy .coding-steps {counter-reset:coding;list-style:none;padding:0;margin:16px 0 28px;display:grid;gap:10px} .v9-article-copy .coding-steps li {counter-increment:coding;position:relative;background:#f7f9fa;padding:17px 18px 17px 54px;border-left:2px solid #d01425;line-height:1.65} .v9-article-copy .coding-steps li:before {content:counter(coding,decimal-leading-zero);position:absolute;left:15px;top:17px;color:#bb1322;font-size:13px;font-weight:800} @media(max-width:680px){.v9-article-copy .coding-spec{grid-template-columns:1fr}.v9-article-copy .coding-steps li{padding-right:12px}} /* END v121.css */ /* BEGIN v13.css */ /* Audi-RUS 2.0 v0.13: adaptive editorial images & reference directory */ .v12-knowledge-cover{margin:30px 0 0;padding:0;width:100%;max-width:1020px;background:#f5f6f7;border:1px solid #e6e8ea;border-radius:12px;overflow:hidden;display:grid;justify-items:center} .v12-knowledge-cover img{display:block;border-radius:0;max-width:100%;height:auto;max-height:min(700px,75vh);width:auto;object-fit:contain;object-position:center} .v12-knowledge-cover.ref-cover-crop{aspect-ratio:16/9;display:block} .v12-knowledge-cover.ref-cover-crop img{width:100%;height:100%;max-height:unset;object-fit:cover;object-position:center} .v12-knowledge-cover.ref-focus-top img{object-position:center top}.v12-knowledge-cover.ref-focus-bottom img{object-position:center bottom} .v12-knowledge-cover figcaption{font-size:12px;line-height:1.5;color:#66727d;background:#fff;padding:9px 16px;margin:0;justify-self:stretch} .v12-knowledge-thumb{aspect-ratio:16/10;height:auto;max-height:210px;background:#f0f2f3;overflow:hidden} .v12-knowledge-thumb img{width:100%;height:100%;object-fit:contain} /* The cover is informational. Do not crop diagrams or text contained in uploaded screenshots. */ .ar-reference{background:#fff;color:#161d26;overflow:clip}.ar-reference .ref-hero{background:#111820;color:#fff;padding:34px 0 82px;position:relative;overflow:hidden} .ar-reference .ref-hero:before{content:'';position:absolute;inset:auto -210px -220px auto;width:680px;height:680px;border:1px solid #37414c;border-radius:50%;box-shadow:0 0 0 100px #ffffff05,0 0 0 200px #ffffff04;pointer-events:none} .ar-reference .ref-hero-short{padding-bottom:68px}.ar-reference .ref-hero .container{position:relative;z-index:1} .ref-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9eaab8;font-size:12px;letter-spacing:.015em;margin:8px 0 56px}.ref-crumb a{color:#aeb8c4;text-decoration:none}.ref-crumb a:hover{color:#fff} .ref-kicker,.ref-section-head>span{color:#e62939;font-size:11px;letter-spacing:.16em;font-weight:850} .ref-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.55fr);gap:55px;align-items:end} .ref-hero h1{font-size:clamp(44px,6.3vw,98px);line-height:1.01;font-weight:850;letter-spacing:-.067em;margin:23px 0 20px;max-width:1120px;overflow-wrap:anywhere} .ref-hero h1 em,.ref-section h2 em{color:#df1f32;font-style:normal}.ref-hero-lead{font-size:clamp(17px,1.6vw,23px);line-height:1.65;color:#b9c5d0;max-width:800px} .ref-hero-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:33px} .ref-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-weight:800;font-size:13px;padding:15px 20px;min-height:49px;transition:transform .17s,border-color .17s} .ref-button:hover{transform:translateY(-2px)}.ref-button-red{background:#d71c30;color:#fff!important;border:1px solid #d71c30}.ref-button-outline{border:1px solid #74828f;color:#fff!important;background:transparent} .ref-hero-panel{display:grid;gap:14px;background:rgba(255,255,255,.06);border:1px solid #3d4b57;padding:28px 30px} .ref-hero-panel>span{color:#aab7c4;font-size:10px;letter-spacing:.16em;font-weight:750}.ref-hero-panel code{font-size:clamp(22px,2.3vw,33px);color:#fff;font-weight:850;word-break:break-word} .ref-hero-panel p{font-size:14px;color:#abb8c5;line-height:1.7}.ref-hero-panel a{font-weight:750;font-size:13px;color:#ff5966} .ref-section{padding:74px 0 86px}.ref-section-muted{background:#f4f5f6}.ref-section h2{font-size:clamp(29px,3.2vw,52px);line-height:1.13;letter-spacing:-.055em;font-weight:850;margin:10px 0 25px} .ref-section-head{max-width:920px;margin-bottom:30px}.ref-section-head>p{color:#667482;font-size:16px;line-height:1.65;max-width:780px} .ref-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ref-gateway{min-width:0;min-height:300px;background:#101820;color:white;text-decoration:none;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-bottom:3px solid #b51b2a;transition:transform .2s}.ref-gateway:hover{transform:translateY(-4px)}.ref-gateway:nth-child(2){background:#1c2630}.ref-gateway:nth-child(3){background:#29333d} .ref-gateway>span{font-size:11px;color:#f65a64;letter-spacing:.13em;font-weight:850}.ref-gateway h3{color:#fff;font-size:clamp(23px,2.2vw,33px);line-height:1.13;margin:24px 0 15px;font-weight:800;letter-spacing:-.045em}.ref-gateway p{color:#bbc5d0;line-height:1.7;font-size:14px;margin:0 0 20px}.ref-gateway b{color:white;margin-top:auto;font-size:13px} .ref-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:6vw;align-items:center}.ref-split>div>p{font-size:15px;line-height:1.8;color:#52606e}.ref-split code{padding:3px 6px;background:#e8edf1;border:1px solid #d7dfe5;overflow-wrap:anywhere} .ref-check-form{background:#fff;padding:25px;border:1px solid #e0e4e9;min-width:0;display:grid;gap:12px}.ref-check-form label{font-size:13px;font-weight:750;color:#394958}.ref-check-control{display:flex;gap:8px;min-width:0}.ref-check-control input{min-width:0;flex:1;border:1px solid #ccd4dc;font:inherit;font-size:15px;padding:13px 12px;color:#1a2430}.ref-check-control input:focus{outline:2px solid #b8c9d8;outline-offset:0}.ref-check-control button{background:#d41c30;color:#fff;border:0;padding:10px 17px;font-weight:850;font:inherit;cursor:pointer}.ref-check-form>a{font-size:13px;color:#ac2635;font-weight:750}.ref-check-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:center}.ref-check-panel h2{margin:7px 0 12px}.ref-check-panel p{color:#5e6975;line-height:1.65}.ref-result{margin:23px 0;background:#fff;border-top:3px solid #cf2433;padding:28px 32px;box-shadow:0 12px 35px #0f1b2812;max-width:970px}.ref-result-label{font-size:11px;letter-spacing:.12em;color:#bc2637;font-weight:900}.ref-result h3{font-size:31px;line-height:1.2;margin:14px 0}.ref-result p{color:#52616e;max-width:850px;line-height:1.7}.ref-result .ref-button{margin-top:10px} .ref-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ref-mini{display:flex;flex-direction:column;gap:13px;background:#f5f6f7;border:1px solid #e1e5e9;padding:23px;min-height:215px;color:#19212c;text-decoration:none;transition:border-color .15s}.ref-mini:hover{border-color:#bd2535}.ref-mini>span{font-size:10px;letter-spacing:.14em;color:#c21e30;font-weight:850}.ref-mini strong{font-size:21px;line-height:1.2}.ref-mini p{font-size:13px;line-height:1.6;color:#586574;max-height:120px;overflow:hidden}.ref-mini>b{color:#a91b2e;font-size:12px;margin-top:auto} .ref-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ref-system-card{min-height:245px;padding:26px;background:#f3f5f7;border:1px solid #e3e6e9;display:flex;flex-direction:column;text-decoration:none;color:#17212b}.ref-system-card:hover{border-color:#d32b3d}.ref-system-card>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#bc2435}.ref-system-card h3{font-size:24px;line-height:1.12;letter-spacing:-.035em;margin:22px 0 12px}.ref-system-card p{font-size:13px;line-height:1.65;color:#657482;flex:1}.ref-system-card b{font-size:12px;color:#a61c2d;margin-top:10px} .ref-callout{display:grid;gap:8px}.ref-callout a{display:block;padding:17px;background:white;border:1px solid #e0e4e7;color:#a11e31;text-decoration:none;font-size:14px;font-weight:750} .ref-reading{max-width:1310px}.ref-two-thirds{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.38fr);gap:48px;align-items:start}.ref-prose{font-size:16px;line-height:1.85;color:#42505d;min-width:0}.ref-prose h2{color:#151d26;font-size:clamp(23px,2.5vw,33px);margin:34px 0 15px;letter-spacing:-.035em}.ref-prose h2:first-child{margin-top:0}.ref-prose p{margin:0 0 18px}.ref-prose a{color:#b61d30}.ref-prose code{background:#f1f3f5;border:1px solid #e2e5e8;padding:2px 5px;font-size:.92em;white-space:normal;overflow-wrap:anywhere}.ref-prose img{max-width:100%;height:auto}.ref-technical-figure{margin:0 0 26px;padding:12px;display:grid;justify-items:center;background:#f4f6f7;border:1px solid #e1e4e7}.ref-technical-figure img{max-height:630px;max-width:100%;width:auto;height:auto;object-fit:contain} .ref-article-aside{position:relative}.ref-article-aside>div{position:sticky;top:105px;padding:27px;background:#121b25;color:#fff;display:grid;gap:15px}.ref-article-aside h3{font-size:25px;line-height:1.18;color:white;margin:0}.ref-article-aside p{font-size:14px;line-height:1.7;color:#b4c0cd}.ref-article-aside a:not(.ref-button){color:#e9c5c9;font-size:13px} .ref-codes{display:flex;gap:8px;flex-wrap:wrap}.ref-codes code{padding:8px 13px;background:#ebeff2;border:1px solid #d9dfe5;color:#1e2c3c;font-weight:750} .ref-fitment-list{display:grid;gap:10px}.ref-fitment-list>div{padding:14px 17px;border-left:3px solid #ca2c3b;background:#f5f6f8;display:grid;gap:6px}.ref-fitment-list b{color:#14212c}.ref-fitment-list span{font-size:13px;color:#627180}.ref-fitment-list strong{color:#a52737;font-size:12px} .ref-faq{padding:12px 0;border-bottom:1px solid #e3e6e8}.ref-faq summary{cursor:pointer;font-weight:750;color:#1b2530}.ref-source-list a{display:block;margin-bottom:6px;font-size:14px}.ref-method{padding:16px 18px;background:#f2f3f5;border-left:3px solid #d62434;display:grid;gap:5px}.ref-method>span{letter-spacing:.11em;font-size:10px;color:#9a2936}.ref-method b{font-size:19px;color:#121a25} .ref-related{margin:60px 0 35px;border-top:1px solid #dfe3e8;padding-top:25px}.ref-related h2{font-size:27px}.ref-work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ref-work-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e1e5e9;text-decoration:none;color:#182330;font-weight:750;padding:18px;min-width:0;overflow-wrap:anywhere}.ref-work-list a span{font-size:22px;color:#cf2436} .ref-filters{display:grid;grid-template-columns:1.15fr 1fr .9fr .8fr auto;gap:12px;align-items:end;margin-bottom:18px}.ref-filters label{display:grid;gap:7px;font-size:12px;color:#586676;font-weight:750;min-width:0}.ref-filters input,.ref-filters select{padding:13px 12px;border:1px solid #cbd3d9;background:#f8f9fa;min-width:0;width:100%;font:inherit}.ref-found{color:#657383;font-size:13px;margin-bottom:22px}.ref-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ref-feature-card{display:flex;flex-direction:column;gap:13px;min-height:275px;padding:24px;border:1px solid #dde3e8;background:#f8f9fa;text-decoration:none;color:#141c25}.ref-feature-card:hover{border-color:#c52131}.ref-feature-card>span{font-size:11px;color:#c32436;letter-spacing:.04em;font-weight:750}.ref-feature-card h2{font-size:25px;margin:7px 0 0;line-height:1.16;letter-spacing:-.04em}.ref-feature-card p{font-size:13px;line-height:1.65;color:#606e7d;flex:1}.ref-feature-card>strong{font-size:12px;color:#536475}.ref-feature-card>b{font-size:12px;color:#b12233}.ref-empty{padding:25px;background:#f8f8f8;grid-column:1/-1}.ref-empty a{color:#b32235} .ref-guide-form{margin:28px 0}.ref-margin-top{margin-top:40px}.ref-admin-list{display:grid;gap:8px}.ref-admin-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 15px;padding:13px 0;border-bottom:1px solid #edf0f2;text-decoration:none;color:#253344}.ref-admin-list>a strong{grid-column:1;font-size:14px}.ref-admin-list>a small{grid-column:1;color:#7c8b99}.ref-admin-list>a>span{grid-column:2;grid-row:1;font-size:12px;color:#bb2636}.ref-admin-extra{margin:20px 0}.ref-admin-extra .cms-form{max-width:960px}.ref-admin-extra h2{font-size:22px}.ref-admin-extra p{color:#657484;font-size:14px}.ref-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-admin-line{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f3;padding:11px}.ref-admin-line a{color:#bf2438}.ref-link-results{display:grid;gap:6px;max-height:250px;overflow:auto}.ref-link-results button{padding:10px;text-align:left;background:#f4f7f8;border:1px solid #e3e6e9;border-radius:6px;cursor:pointer}.ref-link-results button:hover{border-color:#c52b3b} @media(max-width:1150px){.ref-grid-four,.ref-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-filters>.ref-button{width:max-content}} @media(max-width:800px){.ref-three,.ref-feature-grid{grid-template-columns:1fr 1fr}.ref-hero-grid,.ref-check-panel,.ref-split,.ref-two-thirds{grid-template-columns:1fr;gap:25px}.ref-article-aside{order:-1}.ref-article-aside>div{position:static}} @media(max-width:600px){.ar-reference .ref-hero{padding:22px 0 46px}.ref-crumb{margin-bottom:30px}.ref-hero h1{font-size:clamp(38px,11vw,58px);letter-spacing:-.05em}.ref-hero-lead{font-size:16px}.ref-section{padding:44px 0 56px}.ref-three,.ref-grid-four,.ref-system-grid,.ref-feature-grid,.ref-filters,.ref-work-list,.ref-admin-grid{grid-template-columns:1fr}.ref-gateway{min-height:240px}.ref-gateway,.ref-hero-panel{padding:22px}.ref-section h2{font-size:clamp(29px,8vw,39px)}.ref-check-form{padding:15px}.ref-check-control{flex-direction:column}.ref-check-control button{min-height:48px}.ref-work-list a{font-size:13px}.ref-reading .v8-inquiry{margin-inline:0}.ref-result{padding:20px}.ref-filters>.ref-button{width:100%}.v12-knowledge-cover img{max-height:75vh}} /* Long technical headings should not dominate the first screen. */ .v9-article-hero h1{font-size:clamp(33px,4.3vw,62px);letter-spacing:-.045em;overflow-wrap:break-word} .ref-search-strip{padding:25px 0;border-bottom:1px solid #dfe5ea;background:#f5f7f8} .ref-search-strip form{max-width:900px;display:grid;gap:9px}.ref-search-strip label{font-size:12px;color:#4c5b6b;font-weight:850} .ref-search-result{margin-top:20px;padding:20px;background:#fff;border:1px solid #dfe5ea;max-width:900px}.ref-search-result h2{font-size:24px;margin:0 0 16px} .ref-search-result a{display:flex;gap:15px;padding:9px 0;border-top:1px solid #e8ecef;font-size:15px;font-weight:750;color:#192531;text-decoration:none}.ref-search-result small{color:#b92333;width:68px;flex:none} .ref-search-result a span{margin-left:auto;color:#ba1f31}.ref-product-guide{border-left:3px solid #cf2536;padding:14px 18px;background:#f6f7f8;margin:18px 0}.ref-product-guide strong{font-size:15px}.ref-product-guide p{font-size:13px;color:#64707c}.ref-product-guide a{color:#ba1f31;font-size:14px;font-weight:750} /* END v13.css */ /* BEGIN v14.css */ /* v0.14: richer MMI references, readable adaptation pages and comfortable mobile layouts */ .ref14-content-section{margin-bottom:24px}.ref14-content-section h2{margin-top:32px}.ref14-content-section p{max-width:78ch}.ref14-content-section ol,.ref14-content-section ul{padding-left:24px;color:#4b5b69;line-height:1.8} .r14-adaptation-banner{background:#17212b;color:white;border-top:1px solid #273541;border-bottom:1px solid #273541;padding-block:50px} .r14-banner-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center} .r14-adaptation-banner h2{color:#fff;max-width:850px;font-size:clamp(30px,4.1vw,55px);margin:9px 0 15px}.r14-adaptation-banner h2 em{color:#ed354c;font-style:normal}.r14-adaptation-banner p{max-width:720px;line-height:1.7;color:#cad1db} .r14-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px} .r14-adapt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;scroll-margin-top:150px} .r14-adapt-card{display:flex;flex-direction:column;min-height:275px;text-decoration:none;color:#1f2c36;background:#f8f9fa;border:1px solid #e2e6ea;padding:25px;transition:border .17s,transform .17s} .r14-adapt-card:hover{border-color:#c72539;transform:translateY(-3px)} .r14-adapt-card>span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#bd2335} .r14-adapt-card h3{color:#14202b;font-size:clamp(21px,2.2vw,27px);letter-spacing:-.04em;line-height:1.25;margin:21px 0 11px} .r14-adapt-card p{font-size:14px;color:#677582;line-height:1.65;flex:1}.r14-adapt-card strong{font-size:12px;color:#b92638} .r14-other-guides{padding-top:30px;margin-top:30px;border-top:1px solid #dbe3e9} .r14-other-guides h2{color:#172330;font-size:28px} .r14-compare-wrap{margin-top:52px;max-width:1160px}.r14-compare-wrap h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.04em}.r14-compare-wrap>p{color:#697681;line-height:1.6} .r14-table-scroll{overflow-x:auto}.r14-compare{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.r14-compare th,.r14-compare td{padding:15px 17px;border-bottom:1px solid #e5e9ec;text-align:left;font-size:14px}.r14-compare th{font-size:12px;color:#657584;background:#f2f5f7}.r14-compare td a{color:#b82032;font-weight:800;text-decoration:none}.r14-compare code{color:#1b2a3a;font-size:13px;white-space:nowrap} .ref-adapt-cta{scroll-margin-top:135px}.ar-reference .ref-prose p{text-align:left;word-spacing:normal} @media(max-width:960px){.r14-adapt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r14-banner-inner{grid-template-columns:1fr;gap:20px}} @media(max-width:600px){.r14-adapt-grid{grid-template-columns:1fr}.r14-adapt-card{min-height:215px}.r14-adaptation-banner{padding-block:38px}.r14-hero-actions a{width:100%}.r14-compare-wrap{margin-top:38px}} /* END v14.css */ /* BEGIN v141.css */ /* Audi-RUS 2.0 v0.14.1 — accessible reference reading layouts. Scope all changes to the reference section; product and service layouts are unchanged. */ .ar-reference { --ref-ink:#17212c; --ref-muted:#596b7b; --ref-border:#dfe5ea; --ref-accent:#cb2035; --ref-surface:#f5f7f9; color:var(--ref-ink); } .ar-reference .container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-inline:clamp(20px,3.5vw,34px)} .ar-reference .ref-section{padding-top:clamp(48px,5vw,70px);padding-bottom:clamp(52px,5vw,76px)} .ar-reference .ref-hero h1{font-family:'Golos Text','Manrope',system-ui,sans-serif;font-size:clamp(36px,4.3vw,64px);font-weight:800;letter-spacing:-.047em;line-height:1.13;max-width:900px;margin:18px 0 18px;overflow-wrap:normal} .ar-reference .ref-hero h1 em{color:#ff6371} .ar-reference .ref-hero-lead{max-width:760px;line-height:1.65;font-size:clamp(15px,1.4vw,19px)} .ar-reference .ref-section h2{font-family:'Golos Text','Manrope',system-ui,sans-serif;font-size:clamp(27px,2.75vw,39px);font-weight:800;line-height:1.2;letter-spacing:-.035em} .ar-reference .ref-section-head{max-width:800px;margin:0 0 32px} .ar-reference .ref-section-head h2{margin:12px 0 12px} .ar-reference .ref-section-head>p{max-width:740px;font-size:15px;line-height:1.7;color:var(--ref-muted)} .ar-reference a:focus-visible,.ar-reference button:focus-visible,.ar-reference input:focus-visible,.ar-reference select:focus-visible,.ar-reference textarea:focus-visible,.ar-reference summary:focus-visible{outline:3px solid #ec6471;outline-offset:3px} .ar-reference .ref-check-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,66px);align-items:center} .ar-reference .ref-check-copy h2{margin:11px 0 15px;max-width:480px} .ar-reference .ref-check-copy p{font-size:15px;line-height:1.8;max-width:550px} .ar-reference .ref-check-form{border-radius:14px;padding:25px;box-shadow:0 8px 28px rgba(19,31,44,.045);gap:13px} .ar-reference .ref-check-form label{font-size:14px} .ar-reference .ref-check-control{gap:10px} .ar-reference .ref-check-control input{min-height:48px;border-radius:7px;padding:12px 14px;font-size:15px} .ar-reference .ref-check-control button{min-height:48px;white-space:nowrap;border-radius:7px;padding:12px 19px;font-size:14px;font-weight:800} .ar-reference .ref-check-form>a{font-size:13px;font-weight:700} .ar-reference .ref-result{max-width:100%;border-radius:9px;box-shadow:none;border:1px solid var(--ref-border);border-left:4px solid var(--ref-accent);padding:24px 28px} .ar-reference .ref-result h3{font-size:clamp(22px,2.4vw,29px)} .ar-reference .ref-result p{line-height:1.65;font-size:14px} /* The cards and the comparison table share ONE page container. */ .ar-reference .ref-mmi-explore .ref-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%} .ar-reference .ref-system-card{background:#fff;border:1px solid var(--ref-border);border-radius:12px;box-shadow:0 6px 20px rgba(25,42,62,.025);padding:25px 25px 22px;min-height:244px;display:flex;flex-direction:column;gap:0;transition:border-color .16s,transform .16s,box-shadow .16s} .ar-reference .ref-system-card:hover{transform:translateY(-3px);border-color:#c1a4ac;box-shadow:0 15px 33px rgba(20,30,43,.065)} .ar-reference .ref-system-card .ref-card-index{display:flex;gap:12px;align-items:center;color:#aa2635;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;font-weight:700} .ar-reference .ref-system-card .ref-card-index i{height:1px;width:17px;background:#d6dbe0;flex:none} .ar-reference .ref-system-card h3{font-family:'Golos Text','Manrope',sans-serif;font-size:clamp(19px,1.55vw,23px);font-weight:750;line-height:1.27;letter-spacing:-.025em;margin:18px 0 12px;color:#15212b} .ar-reference .ref-system-card p{font-size:14px;line-height:1.65;color:#5a6978;flex:1;margin:0 0 21px;max-height:none;overflow:visible} .ar-reference .ref-system-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ref-accent);font-size:13px;font-weight:800;border-top:1px solid #e9edf0;padding-top:16px} .ar-reference .ref-system-link b{font-size:19px;line-height:1} .ar-reference .r14-compare-wrap{margin:56px 0 0;width:100%;max-width:none;padding:32px;border:1px solid var(--ref-border);border-radius:14px;background:#f8f9fa} .ar-reference .ref-compare-heading h2{margin:12px 0 10px;max-width:820px} .ar-reference .ref-compare-heading>p{margin:0 0 23px;font-size:14px;line-height:1.7;color:var(--ref-muted)} .ar-reference .r14-table-scroll{overflow-x:auto;border:1px solid #dce3e8;border-radius:9px;background:#fff} .ar-reference .r14-compare{min-width:560px;margin:0;border-collapse:collapse;width:100%} .ar-reference .r14-compare th{font-weight:800;color:#506173;font-size:12px;background:#eef2f5;padding:15px 17px} .ar-reference .r14-compare td{font-size:14px;color:#293b4c;padding:16px 17px;line-height:1.45} .ar-reference .r14-compare tr:last-child td{border-bottom:0} .ar-reference .r14-compare code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;color:#142332;white-space:normal;overflow-wrap:anywhere} .ar-reference .r14-compare td a{font-size:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px} .ar-reference .r14-compare td a:hover{text-decoration-color:currentColor} .ar-reference .ref-mmi-next .ref-split{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:60px;align-items:center} .ar-reference .ref-mmi-next h2{margin:14px 0 17px} .ar-reference .ref-callout a{font-size:14px;border-radius:8px;padding:17px 20px} /* Technical articles: a readable column with a useful, restrained aside. */ .ar-reference .ref-reading{width:100%;max-width:1240px;margin-inline:auto} .ar-reference .ref-two-thirds{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,305px);gap:clamp(30px,4vw,62px);align-items:start} .ar-reference .ref-prose{font-size:16px;line-height:1.78;color:#435262;min-width:0;max-width:none;overflow-wrap:break-word} .ar-reference .ref-prose p{line-height:1.76;margin:0 0 17px;max-width:80ch} .ar-reference .ref-prose h2{font-size:clamp(24px,2.15vw,29px);line-height:1.27;letter-spacing:-.025em;color:#1a2734;margin:32px 0 15px} .ar-reference .ref-prose h2:first-child{margin-top:0} .ar-reference .ref14-content-section{padding:0 0 21px;margin:0 0 26px;border-bottom:1px solid #e7ebee} .ar-reference .ref14-content-section:last-of-type{border-bottom:0} .ar-reference .ref14-content-section h2{margin:0 0 12px} .ar-reference .ref14-content-section p{margin:0 0 15px} .ar-reference .ref-article-aside>div{border-radius:12px;padding:26px;box-shadow:none} .ar-reference .ref-article-aside h3{font-size:24px;letter-spacing:-.025em;line-height:1.3} .ar-reference .ref-article-aside p{font-size:14px;line-height:1.65;margin-bottom:5px} .ar-reference .ref-article-aside .ref-button{border-radius:6px;text-align:center;line-height:1.4} .ar-reference .ref-faq-section{margin-top:38px} .ar-reference .ref-faq-section h2{margin:0 0 16px} .ar-reference .ref-faq{border-bottom:1px solid #dce3e9;padding:0;margin:0} .ar-reference .ref-faq:first-of-type{border-top:1px solid #dce3e9} .ar-reference .ref-faq summary{position:relative;list-style:none;font-size:15px;line-height:1.45;color:#172635;cursor:pointer;padding:18px 40px 18px 0;min-height:58px} .ar-reference .ref-faq summary::-webkit-details-marker{display:none} .ar-reference .ref-faq summary::after{content:'+';position:absolute;right:7px;top:15px;color:var(--ref-accent);font-size:24px;font-weight:400} .ar-reference .ref-faq[open] summary::after{content:'−'} .ar-reference .ref-faq p{padding:0 30px 18px 0;line-height:1.7;font-size:14px;margin:0} .ar-reference .ref-source-list{margin:42px 0 0;padding:23px 25px;border:1px solid var(--ref-border);border-radius:12px;background:#f8f9fa} .ar-reference .ref-source-list h2{font-size:22px;line-height:1.25;margin:0 0 13px} .ar-reference .ref-source-list a{display:flex;align-items:center;gap:8px;padding:12px 0;margin:0;border-top:1px solid #e1e7eb;text-decoration:none;line-height:1.45;font-size:14px;font-weight:700;color:#aa2336;overflow-wrap:anywhere} .ar-reference .ref-source-list a:hover{text-decoration:underline;text-underline-offset:4px} .ar-reference .ref-codes code{border-radius:7px;padding:11px 13px} .ar-reference .ref-related{margin:48px 0 0;padding-top:25px;border-top:1px solid #dfe6ec} .ar-reference .ref-related h2{font-size:27px;margin:0 0 16px} .ar-reference .ref-work-list{gap:12px} .ar-reference .ref-work-list a{border-radius:9px;font-size:14px;padding:18px 20px} /* The reference request is a short, progressively disclosed form. Product forms are untouched. */ .ar-reference .ref-contact{background:#14202b;color:#fff;border-radius:16px;padding:clamp(24px,3.8vw,42px);margin:46px 0 0;display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:clamp(26px,4vw,54px);align-items:start;scroll-margin-top:112px} .ar-reference .ref-contact h2{font-size:clamp(26px,2.35vw,33px);color:#fff;line-height:1.22;letter-spacing:-.035em;margin:12px 0 13px} .ar-reference .ref-contact h2 em{font-style:normal;color:#ff7b87} .ar-reference .ref-contact-copy>p{color:#bfccd7;font-size:14px;line-height:1.7;margin:0 0 24px;max-width:410px} .ar-reference .ref-contact-phones{display:grid;gap:14px} .ar-reference .ref-contact-phones a{display:flex;flex-direction:column;gap:4px;text-decoration:none} .ar-reference .ref-contact-phones a span{font-size:11px;color:#9fb3c4} .ar-reference .ref-contact-phones a strong{font-size:16px;color:#fff} .ar-reference .ref-contact-form{min-width:0;position:relative} .ar-reference .ref-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .ar-reference .ref-contact-fields label{display:flex;flex-direction:column;gap:8px;min-width:0;color:#d6e2ea;font-size:12px;font-weight:700;line-height:1.35} .ar-reference .ref-contact-fields label b{color:#ff7a8a} .ar-reference .ref-contact-fields input,.ar-reference .ref-contact-fields select,.ar-reference .ref-contact-fields textarea{background:#23313f;color:#fff;border:1px solid #536576;border-radius:8px;padding:12px 14px;min-height:47px;width:100%;font-size:14px;line-height:1.4;margin:0} .ar-reference .ref-contact-fields input::placeholder,.ar-reference .ref-contact-fields textarea::placeholder{color:#bdc8d2} .ar-reference .ref-contact-fields select{color:#fff} .ar-reference .ref-contact-fields textarea{resize:vertical;min-height:80px} .ar-reference .ref-contact-fields-extra{padding-top:18px} .ar-reference .ref-contact-comment{grid-column:1/-1} .ar-reference .ref-contact-extra{border-top:1px solid #334556;margin-top:21px;padding-top:13px} .ar-reference .ref-contact-extra summary{cursor:pointer;font-size:13px;font-weight:700;color:#e9f0f5;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:38px} .ar-reference .ref-contact-extra summary span{font-size:22px;color:#f45d6d} .ar-reference .ref-contact-extra[open] summary span{transform:rotate(45deg)} .ar-reference .ref-contact-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px} .ar-reference .ref-contact-consent{display:flex;align-items:flex-start;gap:11px;color:#d0dbe3;font-size:11px;line-height:1.5;min-width:0;flex:1} .ar-reference .ref-contact-consent input{width:18px;height:18px;min-width:18px;accent-color:#e92a42;margin:0} .ar-reference .ref-contact-actions>button{flex:none;min-height:48px;background:#df213a;border:0;border-radius:8px;color:#fff;font-size:14px;font-weight:800;padding:13px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between} .ar-reference .ref-contact-actions>button:hover{background:#f02b43} .ar-reference .ref-contact .v6-honeypot{position:absolute!important;left:-10000px!important} /* Touch-first: no narrow multi-column reference cards or clipped tables. */ @media(max-width:1100px){ .ar-reference .ref-mmi-explore .ref-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .ar-reference .ref-contact{grid-template-columns:1fr;gap:28px} .ar-reference .ref-contact-copy{max-width:750px} .ar-reference .ref-contact-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} } @media(max-width:850px){ .ar-reference .ref-check-panel,.ar-reference .ref-mmi-next .ref-split{grid-template-columns:1fr;gap:24px} .ar-reference .ref-two-thirds{grid-template-columns:1fr;gap:29px} .ar-reference .ref-article-aside{order:1} .ar-reference .ref-article-aside>div{position:static;max-width:none} .ar-reference .ref-prose{order:0} .ar-reference .ref-mmi-explore .ref-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .ar-reference .r14-compare-wrap{margin-top:36px;padding:23px 17px} .ar-reference .r14-compare{min-width:0} .ar-reference .r14-compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .ar-reference .r14-compare tbody{display:grid;gap:11px;padding:12px} .ar-reference .r14-compare tr{display:grid;gap:4px;border:1px solid #e0e5e9;border-radius:9px;padding:14px 15px;background:#fff} .ar-reference .r14-compare td{display:grid;grid-template-columns:minmax(93px,.43fr) minmax(0,1fr);gap:10px;border:0;padding:4px 0;font-size:13px} .ar-reference .r14-compare td::before{content:attr(data-label);color:#667684;font-size:11px;font-weight:700;align-self:start} .ar-reference .r14-compare td a{font-size:13px} .ar-reference .ref-contact-actions{flex-direction:column;align-items:stretch;gap:15px} .ar-reference .ref-contact-actions>button{width:100%;justify-content:center} } @media(max-width:620px){ .ar-reference .ref-hero h1{font-size:clamp(34px,9.4vw,48px)} .ar-reference .ref-mmi-explore .ref-system-grid{grid-template-columns:1fr;gap:12px} .ar-reference .ref-system-card{min-height:0;padding:21px} .ar-reference .ref-system-card h3{font-size:20px} .ar-reference .ref-check-form{padding:18px} .ar-reference .ref-reading{max-width:100%} .ar-reference .ref-contact{padding:22px 19px;margin-top:33px} .ar-reference .ref-contact h2{font-size:27px} .ar-reference .ref-contact-fields{grid-template-columns:1fr;gap:13px} .ar-reference .ref-contact-comment{grid-column:auto} .ar-reference .ref-contact-phones{grid-template-columns:1fr;gap:12px} .ar-reference .ref-source-list{padding:19px 17px} .ar-reference .ref-faq summary{font-size:14px} .ar-reference .ref-related h2{font-size:24px} } @media(prefers-reduced-motion:reduce){.ar-reference .ref-system-card,.ar-reference .ref-button{transition:none}.ar-reference .ref-system-card:hover,.ar-reference .ref-button:hover{transform:none}} /* On narrow devices the compact request follows the article directly; hide the repetitive sidebar CTA. */ @media(max-width:850px){ .ar-reference .ref-reading .ref-article-aside{display:none} } @media(min-width:851px){ /* Keep the contextual help visible while scrolling a long technical article. */ .ar-reference .ref-two-thirds>.ref-article-aside{align-self:stretch} } /* END v141.css */ /* BEGIN v15.css */ /* Audi-RUS v0.15 | Separate, purposeful SPb service UX */ .sv15{--ink:#151a20;--red:#c91b32;--wash:#f3f5f6;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6} .sv15 *{box-sizing:border-box}.sv15 .container{max-width:1280px;margin:auto;padding-left:24px;padding-right:24px}.sv15 a{text-decoration:none}.sv15 h1,.sv15 h2,.sv15 h3{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;line-height:1.14;text-transform:none;font-weight:760}.sv15 h1{font-size:clamp(34px,4.2vw,58px);max-width:850px;margin:22px 0}.sv15 h2{font-size:clamp(26px,3vw,38px);margin:8px 0 20px}.sv15 h3{font-size:23px;margin:0 0 16px}.sv15 p{line-height:1.75}.sv15-hero{background:linear-gradient(115deg,#101820,#26313b);color:#fff;overflow:hidden}.sv15-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;padding-top:70px;padding-bottom:65px;min-height:570px}.sv15-hero h1 em{color:#ff5766;font-style:normal}.sv15-lead,.sv15-summary{font-size:clamp(17px,1.7vw,21px);max-width:780px;line-height:1.6!important}.sv15-hero .sv15-lead{color:#c8d2db}.sv15-hero-image{height:400px;align-self:stretch;border-radius:18px;background:radial-gradient(ellipse at center,#34404e 0,#141b22 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.sv15-hero-image img{width:100%;height:100%;object-fit:cover}.sv15-kicker{font-size:12px;letter-spacing:.11em;font-weight:800;color:#aab5c1}.sv15-kicker.red{color:#bb1630}.sv15-actions,.sv15-page-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:27px 0}.sv15-primary,.sv15-secondary,.sv15-light{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:48px;border-radius:8px;font-weight:700;font-size:15px;transition:transform .12s,background .12s}.sv15-primary{background:#d71b36;color:white!important}.sv15-primary:hover{background:#b5142b;transform:translateY(-1px)}.sv15-secondary{border:1px solid #708090;color:#f5f5f6!important}.sv15-secondary.dark{border-color:#bdc6cb;color:#161a20!important}.sv15-metrics{display:flex;gap:28px;flex-wrap:wrap;margin-top:36px;color:#b4c0cc;font-size:13px}.sv15-metrics strong{display:block;color:white;font-size:17px}.sv15-section{padding-top:74px;padding-bottom:74px}.sv15-section-heading{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:26px}.sv15-section-heading p{color:#64707a;max-width:400px;margin:0}.sv15-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sv15-service-card{display:flex;flex-direction:column;gap:10px;border:1px solid #dce1e5;border-radius:12px;padding:25px;background:#fff;color:#202933;min-height:225px}.sv15-service-card:hover{border-color:#c91b32;box-shadow:0 12px 22px rgba(10,20,30,.07)}.sv15-service-card strong{font-size:23px;letter-spacing:-.03em}.sv15-service-card>span:not(.sv15-service-symbol){color:#596875;font-size:14px}.sv15-service-card b{color:#be1730;font-size:14px;margin-top:auto}.sv15-service-symbol{font-size:29px;color:#cc1933}.sv15-warnings-strip{background:#151d26;color:white;padding:55px 0}.sv15-warnings-strip .container{display:flex;justify-content:space-between;align-items:center;gap:24px}.sv15-warnings-strip p{max-width:790px;color:#bdc9d4}.sv15-light{background:white;color:#151d26!important;white-space:nowrap}.sv15-models{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sv15-models a{padding:18px 20px;border:1px solid #dfe3e6;display:flex;gap:15px;align-items:center;color:#222;background:#f8f9fa;border-radius:10px}.sv15-models b{font-size:30px;color:#bf1831;min-width:57px}.sv15-models span{font-weight:700}.sv15-models small{margin-left:auto;color:#c71e38}.sv15-small{color:#67757f;font-size:13px}.sv15-light-section{background:#f1f3f5}.sv15-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sv15-steps>div{background:white;border:1px solid #dce2e7;padding:14px;min-height:105px;border-radius:9px}.sv15-steps span{display:block;color:#c51a32;font-weight:700;font-size:12px;margin-bottom:15px}.sv15-steps strong{font-size:15px}.sv15-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}.sv15-facts>div{background:#fff;border-radius:10px;padding:22px}.sv15-facts b{font-size:21px}.sv15-facts p{font-size:14px;color:#566470;margin-bottom:0}.sv15-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sv15-work-grid a{border:1px solid #d8e0e5;border-radius:10px;background:#fff;min-height:155px;padding:22px;display:flex;flex-direction:column;gap:10px;color:#18232c}.sv15-work-label{font-size:11px;letter-spacing:.08em;color:#c91b32;font-weight:700}.sv15-work-grid strong{font-size:17px;line-height:1.35}.sv15-work-grid small{color:#ad2136;margin-top:auto}.sv15-booking{display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;background:#151d26;color:#fff;padding:clamp(24px,4vw,50px);border-radius:15px;scroll-margin-top:120px}.sv15-booking>div p{color:#b8c6d0}.sv15-booking>div p a{color:#fff;font-size:22px;font-weight:750}.sv15-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.sv15-form label{font-size:14px;color:#e5e8ec;display:flex;flex-direction:column;gap:7px;min-width:0}.sv15-form input:not([type='checkbox']),.sv15-form textarea{width:100%;border:1px solid #5a6b79;border-radius:7px;padding:13px;background:#23313e;color:#fff;min-height:49px;font-size:16px}.sv15-form textarea{resize:vertical}.sv15-form .full{grid-column:1/-1}.sv15-consent{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-size:12px!important}.sv15-consent input{margin-top:3px}.sv15-form button{border:0;border-radius:8px;padding:15px 24px;background:#d61a36;color:white;font-weight:750;cursor:pointer;min-height:50px;grid-column:1/-1}.sv15-address{padding-top:20px}.sv15-content-top{padding-top:52px;padding-bottom:46px;border-bottom:1px solid #e5e9ec}.sv15-breadcrumb{font-size:14px;color:#78838d;margin-bottom:35px}.sv15-breadcrumb a{color:#5b6874}.sv15-summary{color:#596671}.sv15-two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:55px}.sv15-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sv15-check-grid div{background:#f4f6f7;padding:15px;border-radius:8px}.sv15-note{padding:18px;border-left:3px solid #c91b32;background:#f6f7f8;color:#525d68}.sv15-info-panel{align-self:start;padding:24px;background:#f1f4f6;border-radius:12px}.sv15-info-panel a{font-size:21px;font-weight:700;color:#ba1531}.sv15-linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sv15-linkgrid a{border:1px solid #dce3e7;padding:18px;border-radius:8px;color:#17232c;display:flex;gap:10px;justify-content:space-between}.sv15-linkgrid span{color:#c91b32}.sv15-faq{padding:18px 8px;border-bottom:1px solid #e1e6e9}.sv15-faq summary{font-weight:700;cursor:pointer}.sv15-warning-guide{max-width:1050px}.sv15-warning-legacy{font-family:Inter,system-ui,Arial,sans-serif;font-size:16px;line-height:1.6;overflow:hidden}.sv15-warning-legacy img{max-width:100%;height:auto;object-fit:contain}.sv15-warning-legacy table{max-width:100%;display:block;overflow-x:auto}.sv15-text-link{color:#bd1830!important;font-weight:700} .sv15-admin-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.sv15-admin-settings label{display:flex;flex-direction:column;gap:7px}.sv15-admin-settings input,.sv15-registry-filters input,.sv15-registry-filters select,.sv15-registry-list input,.sv15-registry-list select{border:1px solid #ccd5dc;padding:11px;border-radius:7px;font:inherit;max-width:100%;min-width:0}.sv15-admin-links{display:flex;gap:15px;margin:18px 0}.sv15-registry-filters{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.sv15-registry-list>form{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #e3e7ea;align-items:center}.sv15-registry-list strong{display:block}.sv15-registry-list small{display:block;overflow-wrap:anywhere}.sv15-registry-list label{font-size:12px}.sv15-registry-list select{display:block;width:100%} @media(max-width:980px){.sv15-services,.sv15-models,.sv15-work-grid{grid-template-columns:repeat(2,1fr)}.sv15-steps{grid-template-columns:repeat(4,1fr)}.sv15-hero-inner{grid-template-columns:1fr}.sv15-hero-image{height:260px}.sv15-two-col,.sv15-booking{grid-template-columns:1fr}.sv15-linkgrid{grid-template-columns:repeat(2,1fr)}.sv15-registry-list>form{grid-template-columns:1fr 1fr}.sv15-registry-list>form>div{grid-column:1/-1}} @media(max-width:600px){.sv15 .container{padding-left:17px;padding-right:17px}.sv15-section{padding-top:45px;padding-bottom:45px}.sv15-hero-inner{padding-top:40px;padding-bottom:40px;gap:16px}.sv15-hero-image{height:210px}.sv15 h1{font-size:34px}.sv15 .sv15-section-heading{display:block}.sv15-services,.sv15-models,.sv15-work-grid,.sv15-check-grid,.sv15-linkgrid,.sv15-form,.sv15-facts{grid-template-columns:1fr}.sv15-form .full,.sv15-form button{grid-column:auto}.sv15-warnings-strip .container{display:block}.sv15-steps{grid-template-columns:1fr 1fr}.sv15-models a{padding:13px}.sv15-booking{padding:24px 17px;gap:10px}.sv15-registry-list>form,.sv15-admin-settings{grid-template-columns:1fr}.sv15-metrics{gap:14px}.sv15-primary,.sv15-secondary{width:100%}} .sv15-work-grid a:has(.sv15-work-media){padding:0 0 20px;overflow:hidden}.sv15-work-grid a:has(.sv15-work-media)>:not(.sv15-work-media){margin-left:17px;margin-right:17px}.sv15-work-media{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#dfe3e6}.sv15-work-media img{width:100%;height:100%;object-fit:cover}.sv15-work-grid strong{overflow-wrap:anywhere} .sv15-admin-create{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.sv15-admin-create label{display:flex;flex-direction:column;gap:8px;font-weight:650}.sv15-admin-create input,.sv15-admin-create textarea,.sv15-admin-create select{border:1px solid #cad3d9;border-radius:8px;padding:12px;max-width:100%;font:inherit}.sv15-admin-create button{grid-column:1/-1;justify-self:start}@media(max-width:650px){.sv15-admin-create{grid-template-columns:1fr}} .sv15-hero-image{position:relative}.sv15-hero-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:white;background:radial-gradient(circle at 45% 40%,#354453,#131c25 78%)}.sv15-hero-fallback span{font-size:24px;letter-spacing:.1em;color:#e7e9eb}.sv15-hero-fallback strong{font-size:clamp(32px,5vw,68px);letter-spacing:-.07em}.sv15-hero-fallback small{font-size:10px;letter-spacing:.16em;color:#becbd4}.sv15-hero-image img{position:relative;z-index:1}.sv15-reviewed-content{max-width:940px;line-height:1.7}.sv15-reviewed-content img{max-width:100%;height:auto}.sv15-reviewed-content table{max-width:100%;display:block;overflow-x:auto} /* END v15.css */ /* BEGIN v151.css */ /* v0.15.1 — editorial workflow; no change to old catalog style. */ .sv151-admin-notice{padding:17px 20px;margin:14px 0 20px;border:1px solid #cad5e5;border-radius:12px;background:#f2f5f9;color:#263447} .sv151-admin-notice p{font-size:14px;line-height:1.55;margin:7px 0 0} .sv151-archive textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px;line-height:1.4;white-space:pre;overflow:auto;box-sizing:border-box;background:#f9fbfd} .sv151-unverified{max-width:800px;padding:15px 19px;margin:15px 0 18px;border-left:4px solid #d2aa4a;background:#fff8e8;color:#48391a;font-size:15px;line-height:1.5} .sv151-publish-check{font-size:12px;line-height:1.4} .sv151-publish-check input{margin-right:6px} .sv151-pending{display:block;color:#a34d18;font-weight:600;margin-top:4px} /* v0.15.2: readable, original-first service content */ .sv152 .sv152-article-top{padding-bottom:18px} .sv152 .sv152-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:44px;align-items:start;padding-top:16px;padding-bottom:68px} .sv152 .sv152-main{min-width:0} .sv152 .sv152-main section{padding-top:42px;padding-bottom:36px;border-bottom:1px solid #e1e5e9} .sv152 .sv152-main h2{font-size:clamp(24px,2.6vw,34px)} .sv152 .sv152-main h3{font-size:21px;margin-top:30px} .sv152 .sv152-compat-note{margin-top:16px;padding:13px 17px;background:#f4f6f8;border-left:3px solid #bd1c31;line-height:1.6;color:#3a444e} .sv152 .sv152-source-caution{display:block;padding:16px 20px;background:#fff6e9;border-left:4px solid #d49a37;border-radius:5px;color:#473a27;line-height:1.65} .sv152 .sv152-legacy-body{font-size:16px;line-height:1.8;color:#232a31;overflow-wrap:anywhere} .sv152 .sv152-legacy-body p,.sv152 .sv152-legacy-body li{font-size:16px;line-height:1.8;margin:0 0 17px} .sv152 .sv152-legacy-body h2{margin:35px 0 15px;font-size:clamp(22px,2vw,28px)} .sv152 .sv152-legacy-body h3{margin:28px 0 13px;font-size:21px} .sv152 .sv152-legacy-body img{max-width:100%;height:auto;object-fit:contain} .sv152 .sv152-legacy-body table{width:100%;border-collapse:collapse;margin:22px 0;display:block;overflow-x:auto;border:1px solid #d6dee4} .sv152 .sv152-legacy-body th,.sv152 .sv152-legacy-body td{border:1px solid #d6dee4;padding:10px 12px;text-align:left;min-width:120px;vertical-align:top;font-size:14px;line-height:1.55;white-space:normal} .sv152 .sv152-legacy-body tr:nth-child(even){background:#f8f9fb} .sv152 .sv152-legacy-body th{background:#f0f3f6;font-weight:700} .sv152 .sv152-legacy-body ul,.sv152 .sv152-legacy-body ol{padding-left:23px;margin-bottom:22px} .sv152 .sv152-legacy-body a{color:#b81b32;text-decoration:underline;text-underline-offset:2px} .sv152 .sv152-legacy-body figure{margin:15px 0 30px} .sv152 .sv152-aside{position:sticky;top:96px} .sv152 .sv152-side-links{display:flex;flex-direction:column;gap:7px;margin-top:24px;padding:20px;border:1px solid #dce2e7;border-radius:12px} .sv152 .sv152-side-links h3{font-size:17px;margin:0 0 8px} .sv152 .sv152-side-links a{padding:8px 0;border-bottom:1px solid #edf0f1;color:#303741;font-size:14px} .sv152 .sv152-subtle{color:#647080;font-size:13px;line-height:1.6} .sv152 .sv152-cases .sv15-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .sv152 .sv152-warning{max-width:1120px} .sv152 .sv152-indicator-gallery img{max-width:100%} .sv152 .sv152-home-origin{padding-top:64px;padding-bottom:60px} @media(max-width:960px){.sv152 .sv152-article-layout{grid-template-columns:1fr;gap:24px}.sv152 .sv152-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.sv152 .sv152-side-links{margin:0}} @media(max-width:620px){.sv152 .sv152-article-layout{padding-left:18px;padding-right:18px}.sv152 .sv152-aside{display:block}.sv152 .sv152-side-links{margin-top:18px}.sv152 .sv152-cases .sv15-work-grid{grid-template-columns:1fr}.sv152 .sv152-legacy-body table{font-size:13px}.sv152 .sv152-legacy-body th,.sv152 .sv152-legacy-body td{min-width:110px;padding:9px}} .sv152 .sv152-toc{display:flex;flex-wrap:wrap;gap:8px 10px;padding:16px;margin:0 0 24px;background:#eef2f5;border-radius:9px} .sv152 .sv152-toc strong{width:100%;font-size:13px;color:#3b4751} .sv152 .sv152-toc a{font-size:13px;color:#9d1930;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:7px 10px} .sv152 .sv152-legacy-body h2,.sv152 .sv152-legacy-body h3{scroll-margin-top:100px} .sv152 .sv152-more-cases{display:flex;flex-direction:column;gap:6px;margin-top:25px} .sv152 .sv152-more-cases h3{margin:0 0 9px;font-size:18px} .sv152 .sv152-more-cases a{padding:8px 12px;background:#f5f7f9;border:1px solid #e4e9ee;border-radius:6px;font-size:14px;color:#303741} /* END v151.css */ /* BEGIN v153.css */ /* Audi-RUS 2.0 v0.15.3 — service typography, article rhythm and navigation. Service-only rules: no changes to the catalog, reference or admin design. */ .sv153{--sv-ink:#17212a;--sv-copy:#3c4853;--sv-muted:#667381;--sv-accent:#bd1735;--sv-edge:#e4e8ec;background:#fff;color:var(--sv-ink);font-size:16px;line-height:1.7;overflow:clip} .sv153 .container{max-width:1320px} .sv153 h1,.sv153 h2,.sv153 h3{letter-spacing:-.035em;color:#161d24;text-wrap:balance} .sv153 .sv15-kicker.red{color:#bb1b39} .sv153-page-hero{background:linear-gradient(180deg,#f7f8fa,#fff);padding:30px 0 0;border-bottom:1px solid var(--sv-edge)} .sv153-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#82909c;font-size:13px;margin:0 0 34px} .sv153-breadcrumb a{color:#61707f;border-bottom:1px solid transparent} .sv153-breadcrumb a:hover{color:var(--sv-accent);border-color:var(--sv-accent)} .sv153-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:clamp(30px,5vw,74px);align-items:start;padding-bottom:34px} .sv153 .sv153-hero-grid h1{font-size:clamp(33px,3.65vw,51px);line-height:1.13;letter-spacing:-.055em;max-width:830px;margin:16px 0 19px;font-weight:790;overflow-wrap:break-word} .sv153-hero-lead{font-size:clamp(16px,1.32vw,19px);line-height:1.7!important;color:#485765;max-width:780px;margin:0 0 22px} .sv153-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:23px 0 0} .sv153-hero-actions .sv15-primary{border-radius:8px;padding:13px 20px;font-size:14px} .sv153-call-link{font-size:19px;font-weight:780;color:#a91b32;text-decoration:underline!important;text-underline-offset:4px} .sv153-hero-card{border-radius:16px;background:#172029;color:#fff;padding:26px;box-shadow:0 18px 45px #182a3515} .sv153-hero-card .sv153-hero-card-label{font-weight:750;font-size:10px;letter-spacing:.13em;color:#fd8996;margin-bottom:18px} .sv153-hero-card>strong{font-size:20px;line-height:1.28;display:block;letter-spacing:-.03em} .sv153-hero-card p{font-size:14px;line-height:1.7;color:#bac7d0;margin:12px 0 20px} .sv153-hero-card-line{border-top:1px solid #ffffff22;padding-top:13px;margin-top:13px;display:grid;gap:3px} .sv153-hero-card-line span{font-size:11px;color:#abb7c0} .sv153-hero-card-line b{font-size:13px;font-weight:680;line-height:1.5;color:#f8f9fa} .sv153-availability{padding:14px 17px;border-radius:8px;background:#fff6e7;border:1px solid #f2dfbf;color:#68502c;line-height:1.6;font-size:14px;margin:18px 0} .sv153-availability strong{display:block;color:#5b431f;margin-bottom:4px} .sv153-section-jump{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:12px 0;border-top:1px solid #e4e8ec} .sv153-section-jump a{padding:9px 14px;border-radius:20px;color:#44515e;font-weight:650;font-size:13px} .sv153-section-jump a:hover,.sv153-section-jump a:focus-visible{background:#e9edf0;color:#aa1230} .sv153-body-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(220px,270px);gap:clamp(35px,5vw,100px);align-items:start;padding-top:10px;padding-bottom:72px} .sv153-content-column{min-width:0} .sv153 .sv153-body-section{padding:50px 0 48px;border-bottom:1px solid var(--sv-edge)} .sv153 .sv153-body-section:first-child{padding-top:40px} .sv153 .sv153-body-section h2{font-size:clamp(25px,2.2vw,33px);line-height:1.24;margin:10px 0 23px;font-weight:760} .sv153 .sv153-body-section h3{font-size:clamp(19px,1.6vw,23px);line-height:1.28;margin:28px 0 14px} .sv153 .sv153-body-section>p,.sv153 .sv153-body-section>div>p{font-size:16px;color:var(--sv-copy);line-height:1.85;max-width:820px} .sv153 .sv153-article-title{margin-bottom:22px} .sv153-insight,.sv153-fact-note{border-radius:10px;border:1px solid #dbe6eb;border-left:4px solid #bb1b37;padding:17px 20px;background:#f6f8fa;font-size:15px;line-height:1.7;color:#46535d;margin:17px 0 30px} .sv153-fact-note{border-color:#e5e9ed;margin-top:16px} .sv153-insight strong{color:#1c2631} .sv153-article-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;border:1px solid #e2e7eb;border-radius:12px;background:#fafbfc;margin:25px 0 34px;padding:19px 21px} .sv153-article-toc strong{grid-column:1/-1;font-size:13px;margin-bottom:8px;color:#27313c} .sv153-article-toc a{display:flex;align-items:baseline;gap:10px;padding:10px 0;font-size:13px;line-height:1.5;color:#3e4b57;border-bottom:1px solid #e7eaee} .sv153-article-toc a:hover{color:var(--sv-accent)} .sv153-article-toc a span{color:#b6223d;font:700 11px ui-monospace,SFMono-Regular,monospace} /* Legacy HTML is content, not a Joomla layout. All normalizers target its article scope. */ .sv153 .sv153-legacy-content{font-size:16px;line-height:1.84;color:var(--sv-copy);overflow:visible;overflow-wrap:break-word} .sv153 .sv153-legacy-content p,.sv153 .sv153-legacy-content li,.sv153 .sv153-legacy-content dd{font-size:16px!important;line-height:1.84!important;margin:0 0 18px!important;max-width:800px;text-align:left!important;word-spacing:normal!important;letter-spacing:normal} .sv153 .sv153-legacy-content>p:first-child{font-size:17px!important;color:#2c3843} .sv153 .sv153-legacy-content h2{font-size:clamp(23px,2vw,29px)!important;margin:40px 0 17px!important;line-height:1.24!important;letter-spacing:-.035em} .sv153 .sv153-legacy-content h3{font-size:clamp(19px,1.5vw,23px)!important;margin:30px 0 15px!important} .sv153 .sv153-legacy-content h4{font-size:18px!important;margin:26px 0 12px!important} .sv153 .sv153-legacy-content h2[id],.sv153 .sv153-legacy-content h3[id]{scroll-margin-top:125px} .sv153 .sv153-legacy-content b,.sv153 .sv153-legacy-content strong{font-weight:750;color:#28323b} .sv153 .sv153-legacy-content a{color:#a71937!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere} .sv153 .sv153-legacy-content ul,.sv153 .sv153-legacy-content ol{display:block;list-style:disc outside;padding-left:27px;margin:13px 0 26px} .sv153 .sv153-legacy-content ol{list-style:decimal outside} .sv153 .sv153-legacy-content li{padding-left:3px;margin-bottom:10px!important} .sv153 .sv153-legacy-content li::marker{color:#c4203c} .sv153 .sv153-legacy-content img{display:block;max-width:min(100%,760px);height:auto!important;margin:22px auto;border-radius:9px;object-fit:contain} .sv153 .sv153-legacy-content img[width="24"],.sv153 .sv153-legacy-content img[width="32"]{display:inline-block;margin:0 7px 0 0;vertical-align:middle} .sv153 .sv153-legacy-content figure,.sv153 .sv153-legacy-content .imager{margin:20px 0 26px;text-align:center} .sv153 .sv153-legacy-content figcaption{font-size:13px;color:#6b7780;margin-top:9px} .sv153 .sv153-legacy-content blockquote{border-left:3px solid #c7213c;padding:15px 22px;background:#f5f7f9;border-radius:0 9px 9px 0;color:#3b4b58} .sv153 .sv153-legacy-content .sv153-table-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #d9e0e6;border-radius:10px;margin:25px 0 32px;background:#fff;-webkit-overflow-scrolling:touch} .sv153 .sv153-legacy-content table{display:table!important;overflow:visible!important;margin:0!important;border:0!important;width:max-content;min-width:100%;max-width:none;border-collapse:collapse} .sv153 .sv153-legacy-content th,.sv153 .sv153-legacy-content td{font-size:13px!important;line-height:1.55!important;white-space:normal;border:1px solid #e1e6eb;padding:13px 15px!important;min-width:140px;max-width:500px;vertical-align:top;color:#364350} .sv153 .sv153-legacy-content th{background:#edf1f5!important;color:#1b2732;font-weight:750} .sv153 .sv153-legacy-content tr:nth-child(2n){background:#f8fafb} .sv153 .sv153-legacy-content .sv153-table-scroll:focus-visible{outline:2px solid #ba1b37;outline-offset:3px} .sv153 .sv153-legacy-content .sv153-article-list{padding-left:26px;margin:18px 0} .sv153 .sv153-legacy-content .sv153-article-list li{margin:0 0 10px!important} .sv153 .sv153-legacy-content .sv153-indicator{display:inline-flex;gap:10px;align-items:center} .sv153 .sv153-legacy-content .sv153-indicator img{width:auto;max-width:56px;height:auto;display:inline;margin:0} .sv153 .sv153-reviewed{padding:24px 0 0} .sv153 .sv153-expertise{background:#f7f9fb;border-radius:14px;border:0!important;padding:30px 34px!important;margin:35px 0} .sv153-expertise p{color:#44525d!important;font-size:16px!important;line-height:1.84} .sv153 .sv153-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .sv153 .sv153-work-grid a{min-height:155px;overflow:hidden;transition:box-shadow .15s,border-color .15s} .sv153 .sv153-work-grid a:hover{border-color:#d1344b;box-shadow:0 12px 26px #1d2a3412} .sv153 .sv153-work-grid strong{font-size:16px;padding-top:4px} .sv153-section-intro{font-size:15px!important;color:#61707d!important;line-height:1.75!important} .sv153-more{margin-top:20px;border:1px solid #e1e6ea;border-radius:9px;padding:0 16px;background:#fafbfc} .sv153-more summary{font-size:14px;font-weight:700;cursor:pointer;padding:14px 2px;color:#af1731} .sv153-more>div{margin:0 0 16px} .sv153-works-more{display:grid;gap:8px} .sv153-works-more a{padding:9px 11px;color:#3d4a58;background:white;border:1px solid #e7e9eb;border-radius:8px} .sv153 .sv15-faq{padding:0;border-bottom:1px solid #e2e7eb} .sv153 .sv15-faq summary{position:relative;font-size:16px;line-height:1.55;letter-spacing:-.01em;cursor:pointer;padding:22px 25px 22px 4px;list-style:none} .sv153 .sv15-faq summary::-webkit-details-marker{display:none} .sv153 .sv15-faq summary::after{content:'+';position:absolute;right:3px;color:#b71937;font-size:22px;font-weight:500;top:17px} .sv153 .sv15-faq[open] summary::after{content:'−'} .sv153 .sv15-faq p{padding:0 36px 23px 4px;font-size:15px;color:#4a5966;margin:0;line-height:1.8} .sv153 .sv153-related{padding:53px 0 16px} .sv153-related>h2{font-size:clamp(25px,2.2vw,34px);margin:12px 0 19px} .sv153-related-group{margin:26px 0 33px} .sv153-related-group>h3,.sv153-nav-roots h3{font-size:17px!important;margin:0 0 13px} .sv153-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px} .sv153-links-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafbfc;border:1px solid #e0e6eb;border-radius:9px;padding:14px 15px;color:#253340;font-size:14px;line-height:1.4;font-weight:600;transition:border-color .15s,background .15s} .sv153-links-grid a span{color:#bb1838} .sv153-links-grid a:hover{background:#f6f8fa;border-color:#c11c3b} .sv153-backlink a{font-size:14px;color:#a91934;text-decoration:underline!important} .sv153-nav-roots{border-top:1px solid #e3e8ed;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:31px 0;margin-top:27px} .sv153-inline-links{display:flex;flex-wrap:wrap;gap:8px} .sv153-inline-links a{font-size:12px;font-weight:640;color:#52606d;background:#f1f4f6;border:1px solid #e5e8eb;border-radius:20px;padding:7px 11px} .sv153-inline-links a:hover{color:#aa1a36;border-color:#c6203b} .sv153-all-services{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #e3e8ed;padding-top:20px} .sv153-all-services a{font-weight:750;color:#b01b35;font-size:14px} .sv153-aside{position:relative;padding-top:38px;min-width:0} .sv153-aside-sticky{position:sticky;top:28px;display:grid;gap:19px} .sv153-side-contact{background:#19242e;border-radius:12px;padding:22px;color:white} .sv153-side-contact small{letter-spacing:.08em;font-size:10px;color:#d8a0a8} .sv153-side-number{display:block;margin:13px 0;font-size:21px;color:white!important;line-height:1.23;font-weight:800;letter-spacing:-.04em} .sv153-side-contact p{color:#b6c3cf;font-size:13px;line-height:1.5} .sv153-side-cta{display:block;background:#be1936;color:white!important;padding:11px 15px;border-radius:7px;text-align:center;font-size:13px;font-weight:700} .sv153-side-sections{border:1px solid #e1e6ea;border-radius:12px;padding:23px 18px} .sv153-side-sections h3{font-size:17px;margin:0 0 13px} .sv153-side-sections a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e6eaed;padding:12px 0;color:#43515e;font-size:13px;line-height:1.4;font-weight:650} .sv153-side-sections a span{color:#b6203a} .sv153-parent-pill{font-size:13px;color:#a81932;background:#f5f6f8;padding:11px 15px;border-radius:8px} .sv153-contact-section{padding-top:30px;padding-bottom:85px} .sv153-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;background:#151e27;padding:clamp(28px,4.5vw,58px);border-radius:16px;color:#fff;scroll-margin-top:100px} .sv153-contact-copy .sv15-kicker{color:#f69fac} .sv153-contact-copy h2{color:white;font-size:clamp(27px,2.8vw,39px);line-height:1.18;margin:16px 0} .sv153-contact-copy>p{max-width:480px;color:#becbd5;line-height:1.75;font-size:15px} .sv153-contacts-primary{margin:30px 0 27px;padding-bottom:24px;border-bottom:1px solid #ffffff2c} .sv153-contacts-primary small{color:#a8b7c2;display:block;font-size:12px} .sv153-contacts-primary a{color:#fff!important;display:block;font-size:clamp(26px,3.1vw,40px);font-weight:790;letter-spacing:-.045em;line-height:1.22;margin-top:5px} .sv153-contact-data{display:grid;gap:20px} .sv153-contact-data>div{display:grid;gap:3px} .sv153-contact-data span{color:#9eaebc;font-size:12px} .sv153-contact-data strong,.sv153-contact-data a{color:#fff;font-size:15px;font-weight:700;line-height:1.4} .sv153-contact-copy .sv153-not-offered{color:#ffdbc2;font-size:13px} .sv153-contact-form-wrap{border-radius:12px;background:#253240;padding:28px 29px} .sv153-contact-form-wrap h3{color:#fff;margin:0 0 3px;font-size:22px} .sv153-contact-form-wrap>p{color:#b3c1cd;margin:0 0 22px;font-size:13px} .sv153-contact-form-wrap .sv15-form{gap:13px} .sv153-contact-form-wrap .sv15-form label{font-size:13px} .sv153-contact-form-wrap .sv15-form input:not([type='checkbox']),.sv153-contact-form-wrap .sv15-form textarea{background:#1d2936;border-color:#64727e;color:#fff} .sv153-contact-form-wrap .sv15-form button{background:#ca1b38;transition:background .15s} .sv153-contact-form-wrap .sv15-form button:hover{background:#e12744} /* Homepage: welcoming, informative copy instead of export- or migration-related commentary. */ .sv15 .sv153-home-story h2{max-width:860px} .sv153-story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start} .sv153-story-grid>div>p{max-width:750px;font-size:16px;line-height:1.9;color:#4a5964;margin:0 0 19px} .sv153-story-grid>div>p strong{color:#1b2530} .sv153-story-benefits{display:grid;gap:11px} .sv153-story-benefits>div{padding:18px 21px;border:1px solid #e0e5e9;border-radius:10px;background:#f9fafb} .sv153-story-benefits b{display:block;font-size:16px;margin-bottom:5px} .sv153-story-benefits span{display:block;font-size:13px;line-height:1.6;color:#6c7781} /* Home service also receives the common contact layout */ .sv15:not(.sv153) .sv153-contact-layout{margin-top:10px} @media(max-width:1050px){ .sv153-body-layout{grid-template-columns:minmax(0,1fr) 235px;gap:30px} .sv153-hero-grid{grid-template-columns:minmax(0,1fr) 275px;gap:28px} .sv153 .sv153-hero-grid h1{font-size:clamp(32px,4vw,44px)} .sv153-contact-layout{gap:26px} } @media(max-width:820px){ .sv153-hero-grid{grid-template-columns:1fr} .sv153-hero-card{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px} .sv153-hero-card-label,.sv153-hero-card>strong,.sv153-hero-card p{grid-column:1/-1} .sv153-hero-card-line{margin-top:0} .sv153-body-layout{grid-template-columns:1fr} .sv153-aside{display:none} .sv153-story-grid{grid-template-columns:1fr;gap:22px} .sv153-contact-layout{grid-template-columns:1fr} .sv153-article-toc{grid-template-columns:1fr 1fr} } @media(max-width:600px){ .sv153-page-hero{padding-top:20px} .sv153-breadcrumb{margin-bottom:24px;font-size:12px} .sv153 .sv153-hero-grid h1{font-size:clamp(30px,8.5vw,39px);line-height:1.13;margin:14px 0 16px} .sv153-hero-lead{font-size:16px} .sv153-hero-card{display:block;padding:20px} .sv153-hero-card-line{margin-top:13px} .sv153-section-jump{overflow-x:auto;flex-wrap:nowrap;padding:9px 0;scrollbar-width:thin} .sv153-section-jump a{white-space:nowrap;font-size:12px;padding:9px 10px} .sv153-body-layout{padding-top:0;padding-bottom:32px} .sv153 .sv153-body-section{padding:35px 0 38px} .sv153 .sv153-body-section:first-child{padding-top:31px} .sv153 .sv153-body-section h2{font-size:25px} .sv153 .sv153-legacy-content,.sv153 .sv153-legacy-content p,.sv153 .sv153-legacy-content li{font-size:15px!important;line-height:1.8!important} .sv153 .sv153-legacy-content h2{font-size:23px!important} .sv153 .sv153-legacy-content h3{font-size:20px!important} .sv153-insight{padding:15px;font-size:14px;margin-bottom:22px} .sv153-article-toc{grid-template-columns:1fr;padding:13px 17px;margin-bottom:20px} .sv153-expertise{padding:23px 19px!important} .sv153-links-grid,.sv153-nav-roots{grid-template-columns:1fr} .sv153 .sv153-work-grid{grid-template-columns:1fr} .sv153-contact-section{padding-top:0;padding-bottom:55px} .sv153-contact-layout{padding:24px 18px;border-radius:12px;gap:22px} .sv153-contact-form-wrap{padding:21px 16px} .sv153-contact-form-wrap .sv15-form{grid-template-columns:1fr} .sv153-contact-form-wrap .sv15-form button,.sv153-contact-form-wrap .sv15-form .full{grid-column:1} .sv153-contacts-primary a{font-size:29px} .sv153-story-benefits{gap:9px} } /* Hero white text must win over the generic article heading color. */ .sv153-home .sv15-hero h1{color:#fff} .sv153-home .sv15-hero h1 em{color:#fb5068} .sv153 .sv153-legacy-content .sv153-model-list{background:#f7f9fa;border:1px solid #e4e9ec;border-radius:10px;padding:14px 18px;margin:20px 0 24px!important;color:#45515c} .sv153 .sv153-legacy-content .sv153-model-list strong{color:#1c2933} /* v0.15.4 — phone/address conversion-first for service pages */ .sv154-hero-phone{display:block;color:#ff728a!important;font-size:clamp(23px,2.3vw,32px);line-height:1.2;font-weight:850;letter-spacing:-.045em;margin:12px 0 13px} .sv154-hero-book{display:inline-flex;align-items:center;justify-content:center;background:#c8183b;color:#fff!important;border-radius:9px;padding:13px 18px;font-weight:750;font-size:14px;min-height:44px;margin-bottom:10px;text-decoration:none!important} .sv153-hero-card .sv153-hero-card-line b{font-size:14px;line-height:1.5} .sv153-hero-card .sv153-hero-card-line span{font-size:11px;letter-spacing:.03em} .sv153-hero-card .sv153-hero-card-line{margin-top:17px} .sv154-nav-book{margin-left:auto;color:#bc1938!important;font-weight:800!important} .sv154-inline-booking{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;margin:7px 0 22px;background:#f6f8fa;border:1px solid #e3e9ec;border-left:4px solid #c7193c;border-radius:13px} .sv154-inline-booking>div{display:grid;gap:7px} .sv154-inline-booking small{color:#ba1b3b;letter-spacing:.11em;font-size:11px;font-weight:800} .sv154-inline-booking strong{color:#192530;font-size:20px;line-height:1.3} .sv154-inline-booking span{color:#526270;font-size:13px;line-height:1.5} .sv154-inline-booking>div:last-child{text-align:right;justify-items:end;gap:9px} .sv154-inline-call{white-space:nowrap;color:#b31a39!important;font-weight:830;font-size:22px;line-height:1.2} .sv154-inline-cta{white-space:nowrap;color:#fff!important;background:#c51d3d;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:760;text-decoration:none!important} .sv153-side-contact p strong{color:#fff;font-size:13px;line-height:1.5} .sv154-home-contacts{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 26px;background:#f4f6f8;border:1px solid #e1e7ea;border-radius:12px;margin-bottom:16px} .sv154-home-contacts div{display:grid;gap:3px}.sv154-home-contacts strong{font-size:17px}.sv154-home-contacts span{font-size:13px;color:#546575} .sv154-home-contacts>a:nth-of-type(1){color:#bb1836;font-size:22px;font-weight:800} .sv154-home-contacts>a:last-child{background:#c31b3c;padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:760} .sv154-mobile-cta{display:none} @media(max-width:960px){.sv154-inline-booking{flex-direction:column;align-items:flex-start}.sv154-inline-booking>div:last-child{text-align:left;justify-items:start}.sv154-nav-book{margin-left:0}} @media(max-width:700px){ .sv154-hero-phone{font-size:26px} .sv154-inline-booking{padding:20px 16px}.sv154-inline-call{font-size:23px} .sv154-inline-cta{white-space:normal} .sv154-home-contacts{margin:10px 16px;padding:20px} .sv153-hero-card{margin-top:16px} .sv154-mobile-cta{position:fixed;display:flex;align-items:stretch;gap:10px;bottom:0;left:0;right:0;z-index:60;background:#fff;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px rgba(10,20,28,.15);border-top:1px solid #dbe2e8} .sv154-mobile-cta a{display:grid;align-content:center;text-align:center;min-height:44px;border-radius:8px;font-size:13px;font-weight:750;padding:7px 11px} .sv154-mobile-cta a:first-child{flex:1;color:#a51834;background:#f5f7f9;border:1px solid #e2e6ea} .sv154-mobile-cta a:first-child span{display:none} .sv154-mobile-cta a:last-child{flex:1.3;color:#fff;background:#c6183a} .sv153,.sv153-home{padding-bottom:68px} } .sv154-home-hero-address{margin:17px 0 13px;color:#ebf1f3;font-size:14px;line-height:1.6}.sv154-home-hero-address strong{color:white}.sv154-home-hero-address span{margin:0 6px;color:#e85b72} /* END v153.css */ /* BEGIN v155.css */ /* v0.15.5 service conversion blocks. Independent of previously cached v153.css. */ .sv153 .sv154-inline-booking{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px;row-gap:14px;max-width:100%;margin:28px 0 34px!important;padding:25px 29px!important;border:1px solid #e4e8ed!important;border-left:5px solid #ca1b3e!important;border-radius:14px;background:#f4f6f8!important;box-shadow:0 7px 22px rgba(22,35,45,.035);color:#19252e} .sv153 .sv154-inline-booking>div{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:7px} .sv153 .sv154-inline-booking>div:last-child{align-items:flex-end;gap:12px} .sv153 .sv154-inline-booking small{font-size:11px;line-height:1.5;color:#b51b3b;letter-spacing:.12em;font-weight:800} .sv153 .sv154-inline-booking strong{font-size:clamp(19px,2.1vw,24px);line-height:1.25;color:#182732;font-weight:850;letter-spacing:-.018em} .sv153 .sv154-inline-booking span{font-size:13px;line-height:1.55;color:#55636d} .sv153 .sv154-inline-call{display:inline-flex;align-items:center;white-space:nowrap;font-weight:850;color:#be183a!important;font-size:clamp(20px,2vw,26px);line-height:1.15;text-decoration:none} .sv153 .sv154-inline-call:hover{text-decoration:underline} .sv153 .sv154-inline-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:45px;padding:12px 18px;border-radius:9px;background:#c8193d;color:#fff!important;font-weight:800;font-size:13px;line-height:1.35;text-decoration:none!important;white-space:normal} .sv153 .sv154-inline-cta:hover{background:#a91431} .sv153 #service-booking{scroll-margin-top:100px} .sv153 .sv154-mobile-cta,.sv153-home .sv154-mobile-cta{display:none!important} .sv153 .sv154-home-contacts{display:flex;gap:17px;align-items:center;flex-wrap:wrap} .sv153 .sv153-hero-card-line b,.sv153 .sv153-side-contact p strong{overflow-wrap:anywhere} @media(max-width:960px){ .sv153 .sv154-inline-booking{grid-template-columns:1fr} .sv153 .sv154-inline-booking>div:last-child{align-items:flex-start;flex-direction:row;flex-wrap:wrap} } @media(max-width:700px){ .sv153 .sv154-inline-booking{margin:21px 0 25px!important;padding:19px!important} .sv153 .sv154-inline-booking>div:last-child{flex-direction:column;align-items:stretch;gap:9px} .sv153 .sv154-inline-booking strong{font-size:20px} .sv153 .sv154-inline-call{font-size:23px} .sv153 .sv154-inline-cta{width:100%} .sv153 .sv154-mobile-cta{display:flex!important;align-items:stretch;gap:10px;position:fixed;z-index:90;left:0;right:0;bottom:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe5ea;background:#fff;box-shadow:0 -8px 30px rgba(10,20,30,.16)} .sv153 .sv154-mobile-cta a{display:flex;min-width:0;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;min-height:46px;padding:9px 12px;border-radius:9px;font-size:13px;line-height:1.25;font-weight:800} .sv153 .sv154-mobile-cta a:first-child{flex:1;border:1px solid #e0e5ea;background:#f4f6f8;color:#a81734} .sv153 .sv154-mobile-cta a:last-child{flex:1.2;background:#c8193d;color:#fff} .sv153 .sv154-mobile-cta a span{display:none} .sv153{padding-bottom:72px} } /* END v155.css */