/*
Theme Name: 12 Вольт — автомобильное ателье
Author: 12 Вольт
Description: Индивидуальная тема автостудии. Контент через Customizer, отдельный плагин заявок.
Version: 2.5.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: twelve-volt
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--black:#000000;--white:#ffffff;--red:#e60012;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--black);color:var(--white);font:14px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary,input,select{touch-action:manipulation}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}a,button{transition:color .2s,background .2s,border-color .2s}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e60012;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.eyebrow{display:block;font-size:9px;font-weight:400;letter-spacing:.2em;line-height:1.6}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#ffffff;color:#000000;padding:15px}.skip:focus{top:15px}.site-header{position:relative;z-index:10;background:#000000}.header-row{min-height:100px;display:flex;gap:35px;align-items:center;border-bottom:1px solid var(--line)}.brand{flex-shrink:0}.brand img{display:block;width:183px;height:auto}.header-caption{font-size:8px;letter-spacing:.15em;line-height:1.7;color:#ffffff}.nav{display:flex;gap:29px;margin-left:auto;font-size:11px}.nav a:hover{color:#e60012}.header-phone{font-size:12px;border-left:1px solid var(--line);padding-left:30px}.menu-toggle{display:none}.intro{background:#ffffff;color:#000000;padding:115px 0 125px}.intro-grid{display:grid;grid-template-columns:1fr 2.4fr;gap:65px}.intro-grid>.eyebrow{color:#ffffff;padding-top:13px}.intro h2{font-size:clamp(40px,4.9vw,70px);line-height:1.15}.intro h2 em{color:#ffffff}.intro-text{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:45px 0 34px;max-width:780px}.intro-text p{font-size:13px;color:#ffffff;line-height:1.9}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #ffffff4f;padding-bottom:10px;font-size:11px}.line-link span{font-size:20px;color:var(--red)}.directions{padding:110px 0 120px}.section-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:40px;align-items:start;margin-bottom:65px}.section-heading .eyebrow{padding-top:14px;color:#ffffff}.section-heading h2{font-size:56px;line-height:1.12}.section-heading h2 em{color:#ffffff}.section-heading>p{font-size:12px;color:#ffffff;align-self:end;justify-self:end}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);scroll-margin-top:30px}.service-row summary{display:flex;align-items:center;gap:45px;min-height:110px;list-style:none;cursor:pointer}.service-row summary::-webkit-details-marker{display:none}.row-number{font-size:10px;color:#ffffff;flex:0 0 30px}.service-row h3{font-size:40px;letter-spacing:-.035em}.row-plus{font-size:25px;font-weight:300;color:#ffffff;margin-left:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;transition:transform .2s}.service-row[open] .row-plus{transform:rotate(45deg);border-color:var(--red);color:#e60012}.service-row[open] h3{color:#ffffff}.service-detail{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;padding:0 65px 40px 75px}.service-promise{font-family:Georgia,serif;font-style:italic;font-size:28px;line-height:1.4;color:#ffffff;max-width:280px}.service-detail>div>p{color:#ffffff;font-size:13px;line-height:1.9;max-width:490px;margin-bottom:25px}.service-detail .line-link{border-color:#ffffff30}.craft{padding:100px 0 90px;background:#000000}.craft-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:60px;gap:40px}.craft-title .eyebrow{padding-top:13px;color:#ffffff}.craft h2{font-size:55px;line-height:1.15;max-width:790px}.craft h2 em{color:#ffffff}.craft-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.craft-large{margin-top:0}.craft-large>img{width:100%;height:620px;object-fit:cover;object-position:60% center;display:block}.craft-side{padding-top:115px}.craft-side figure img{height:320px;width:100%;object-fit:cover;display:block}.craft figcaption{font-size:9px;color:#ffffff;margin-top:15px;letter-spacing:.03em}.craft-side>p{font-family:Georgia,serif;font-style:italic;font-size:29px;line-height:1.4;margin:40px 0 20px;color:#ffffff}.craft-side>span{font-size:12px;line-height:1.9;color:#ffffff;display:block;max-width:360px}.imagery-note{font-size:8px;color:#ffffff;margin-top:45px}.invitation{padding:115px 0;background:#e60012;background:linear-gradient(115deg,#e60012,#e60012);position:relative}.request-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.invitation .eyebrow{color:#ffffff}.invitation h2{font-size:72px;line-height:1.08;margin:26px 0}.invitation h2 em{color:#ffffff}.invitation p{font-size:13px;line-height:1.9;color:#ffffff}.large-phone{display:inline-block;margin-top:30px;font-size:24px;letter-spacing:-.025em}.request-note{display:block;max-width:360px;font-size:10px;line-height:1.8;color:#ffffff;margin-top:20px}.form-card{background:#000000;border:1px solid #ffffff60;padding:36px;min-width:0}.form-card h3{font-size:33px;margin-bottom:20px}.form-card p{font-size:13px;margin-bottom:24px}.form-card label{display:block;color:#ffffff;font-size:11px;margin-bottom:20px;line-height:1.7}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #ffffff;border-radius:0;background:#000000;color:#ffffff;min-height:49px;padding:11px 12px;font-size:16px;margin-top:8px}.form-card select option{background:#000000}.form-card input::placeholder{color:#ffffff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:15px 22px;background:#e60012;border:1px solid #e60012;border-radius:0;color:white;font-size:12px;cursor:pointer}.btn:hover{background:#e60012}.btn-light{background:transparent;border-color:#ffffff}.form-card .fineprint,.form-card small{font-size:10px;color:#ffffff;line-height:1.8;display:block}.form-card small{margin-top:15px}.form-card .consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#ffffff}.consent input{margin-top:5px;accent-color:#e60012}.consent a{text-decoration:underline;text-underline-offset:3px}.notice{padding:14px;border:1px solid #ffffff;color:#ffffff;margin:15px 0}.notice.error{border-color:#e60012;color:#ffffff}.hp{position:absolute!important;left:-9999px!important}.contacts{background:#ffffff;color:#000000;padding:100px 0 65px}.contacts-head{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px;align-items:start}.contacts .eyebrow{color:#ffffff;padding-top:15px}.contacts h2{font-size:66px;line-height:1.07}.contacts h2 em{color:#ffffff}.map-link{align-self:end;justify-self:end;border-bottom:1px solid #ffffff;padding-bottom:10px;font-size:11px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:50px;border-top:1px solid #ffffff50;padding-top:35px;margin-top:65px}.contact-grid>div>span{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.15em;color:#ffffff;margin-bottom:14px}.contact-grid p{font-size:13px;line-height:1.9}.site-footer{padding:40px 0 50px;background:#000000;color:#ffffff;font-size:10px}.footer-row{display:flex;justify-content:space-between;gap:50px}.footer-row strong{font-size:15px;color:#ffffff;font-weight:400}.footer-row p{margin-top:15px;line-height:1.8;max-width:620px;font-size:9px}.footer-links{display:flex;flex-direction:column;gap:10px;min-width:190px}.mobile-dock{display:none}.page-content{max-width:850px;width:calc(100% - 40px);margin:80px auto;color:#ffffff}.page-content h1{font-size:48px;margin-bottom:35px}.page-content h2{font-size:28px;margin:35px 0 15px}.page-content p{margin:15px 0}.page-content a{text-decoration:underline}.page-content ul{padding-left:25px}.admin-bar .site-header{margin-top:0}
@media(min-width:761px) and (max-width:1100px){.wrap{width:calc(100% - 64px)}.header-caption{display:none}.header-row{gap:24px}.nav{gap:22px}.cover{min-height:730px}.cover h1{font-size:100px}.intro-grid{grid-template-columns:.6fr 2fr;gap:40px}.intro h2{font-size:53px}.section-heading{grid-template-columns:.6fr 1.3fr 1fr;gap:25px}.section-heading h2{font-size:46px}.craft h2{font-size:46px}.craft-grid{gap:45px}.craft-large>img{height:560px}.craft-side figure img{height:280px}.request-grid{gap:45px}.invitation h2{font-size:59px}.form-grid{grid-template-columns:1fr;gap:0}.contacts-head{gap:25px}.contacts h2{font-size:57px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-row{min-height:80px;gap:15px;position:relative;flex-wrap:wrap;padding:18px 0}.brand img{width:151px}.header-caption,.header-phone{display:none}.menu-toggle{display:block;margin-left:auto;background:none;color:#ffffff;border:1px solid #000000;min-height:44px;padding:9px 14px;font-size:11px}.nav{display:none;order:5;flex-basis:100%;margin:0;flex-direction:column;gap:0;padding-top:10px}.nav.is-open{display:flex}.nav a{border-top:1px solid var(--line);padding:14px 0;font-size:13px}.cover{height:calc(100svh - 80px);min-height:680px;max-height:850px}.cover-image{object-position:62% center}.cover:after{background:linear-gradient(90deg,#000000b5,#00000022),linear-gradient(0deg,#000000,transparent 35%)}.cover-content{padding-top:49px}.cover .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:29px}.cover h1{font-size:clamp(61px,15.8vw,90px);line-height:1.02}.cover-lead{font-size:12px;line-height:1.8;margin-top:26px}.round-link{height:119px;width:119px;margin-top:28px;font-size:10px;gap:10px}.round-link b{font-size:19px}.cover-bottom{bottom:22px;font-size:8px;line-height:1.8;gap:20px;padding-top:16px}.cover-bottom span{max-width:220px}.cover-bottom a{display:none}.cover-caption{right:8px;font-size:7px}.intro{padding:65px 0 70px}.intro-grid{display:block}.intro-grid>.eyebrow{margin-bottom:30px;padding-top:0}.intro h2{font-size:clamp(32px,8vw,44px);line-height:1.2}.intro-text{display:block;margin:28px 0}.intro-text p{font-size:13px;margin:0 0 18px}.directions{padding:65px 0 70px}.section-heading{display:block;margin-bottom:38px}.section-heading>.eyebrow{padding:0;margin-bottom:25px}.section-heading h2{font-size:43px}.section-heading>p{font-size:11px;margin-top:24px}.service-row summary{gap:14px;min-height:90px}.row-number{flex:0 0 20px;font-size:8px}.service-row h3{font-size:clamp(24px,6.2vw,34px);letter-spacing:-.04em}.row-plus{width:30px;height:30px;font-size:21px;flex-shrink:0}.service-detail{display:block;padding:0 0 30px 34px}.service-promise{font-size:23px;max-width:100%;margin-bottom:20px}.service-detail>div>p{font-size:12px;margin-bottom:20px}.craft{padding:65px 0 55px}.craft-title{display:block;margin-bottom:35px}.craft-title .eyebrow{padding-top:0;margin-bottom:25px}.craft h2{font-size:36px;line-height:1.18}.craft-grid{display:block}.craft-large>img{height:440px;object-position:60% center}.craft-side{padding:40px 0 0 42px}.craft-side figure img{height:235px}.craft-side>p{font-size:26px;margin:25px 0 15px}.craft-side>span{font-size:12px}.imagery-note{font-size:8px;line-height:1.7;margin-top:30px}.invitation{padding:65px 0}.request-grid{display:block}.invitation h2{font-size:57px;margin:25px 0}.invitation p{font-size:13px}.large-phone{font-size:23px;margin-top:25px}.request-note{font-size:10px;margin-bottom:35px}.form-card{padding:26px 20px}.form-grid{grid-template-columns:1fr;gap:0}.form-card h3{font-size:29px}.form-card .btn{width:100%;font-size:12px}.contacts{padding:65px 0 45px}.contacts-head{display:block}.contacts .eyebrow{padding:0;margin-bottom:24px}.contacts h2{font-size:55px}.map-link{display:inline-block;margin-top:30px}.contact-grid{display:block;margin-top:40px;padding-top:30px}.contact-grid>div{margin-bottom:27px}.contact-grid>div>span{margin-bottom:9px}.contact-grid p{font-size:13px}.site-footer{padding:35px 0 110px}.footer-row{flex-direction:column;gap:30px}.footer-row p{font-size:9px}.footer-links{font-size:10px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;gap:10px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));z-index:40;background:#000000;border-top:1px solid #ffffff25}.mobile-dock a{flex:1;font-size:11px;min-height:45px;padding:11px}.mobile-dock.is-hidden{display:none}.page-content{margin:45px auto}.page-content h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Approved first screen, integrated unchanged in composition. */

:root{color-scheme:dark;--paper:#ffffff;--muted:#ffffff;--red:#e60012}*{box-sizing:border-box}body{margin:0;background:#000000;color:var(--paper);font:14px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #e60012;outline-offset:6px}.screen{position:relative;isolation:isolate;min-height:800px;height:100svh;overflow:hidden}.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-3}.screen:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000000dc 0%,#0000007a 29%,transparent 61%),linear-gradient(0deg,#000000f5,transparent 24%,transparent 83%,#000000aa);z-index:-2}.screen .wrap{width:calc(100% - 112px);max-width:1500px;margin:auto}.header{height:110px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff20}.logo{width:185px;height:auto;display:block}.descriptor{font-size:8px;letter-spacing:.16em;color:#ffffff;line-height:1.9}.phone{margin-left:auto;text-align:right}.phone>a{font-size:14px;letter-spacing:.02em}.phone>span{display:block;font-size:9px;color:#ffffff;margin-top:4px}.location{font-size:10px;letter-spacing:.03em;padding-left:30px;border-left:1px solid #ffffff25;line-height:1.8}.location span{color:#ffffff}.content{padding-top:clamp(65px,10vh,140px)}.overline{font-size:9px;letter-spacing:.18em;color:#ffffff;margin:0 0 28px}.overline:before{content:'';display:inline-block;width:23px;height:1px;background:#e60012;vertical-align:middle;margin-right:14px}h1{font-size:clamp(65px,6.6vw,100px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:0;max-width:800px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#ffffff;letter-spacing:-.06em}.lead{font-size:13px;line-height:1.9;color:#ffffff;margin:30px 0 28px;max-width:325px}.screen .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding:17px 23px;color:#ffffff;background:#e60012;border:1px solid #e60012;font-size:11px;letter-spacing:.02em;transition:background .2s}.screen .cta:hover{background:#e60012}.screen .cta b{font-size:20px;font-weight:400;line-height:1}.note{font-size:9px;color:#ffffff;margin:13px 0 0}.bottom{position:absolute;left:0;right:0;bottom:27px;display:flex;align-items:end;justify-content:space-between;gap:25px}.services{display:flex;gap:30px;border-top:1px solid #ffffff26;padding-top:20px}.services a{background:none;border:0;padding:0;min-height:44px;display:flex;align-items:center;color:#ffffff;text-align:left;font-size:10px}.services small{font-size:8px;color:#ffffff;margin-right:10px}.services a:hover{color:#ffffff}.caption{font-size:8px;color:#ffffff;text-align:right;line-height:1.8}.side-label{position:absolute;right:22px;top:47%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.24em;color:#ffffff}@media(min-width:761px) and (max-width:1100px){.screen .wrap{width:calc(100% - 64px)}.descriptor{display:none}.header{gap:25px}.content{padding-top:80px}h1{font-size:75px}.services{gap:20px}.services small{display:none}.screen{min-height:780px}}
@media(max-width:760px){.screen .wrap{width:calc(100% - 40px)}.screen{height:auto;min-height:100svh;padding-bottom:36px}.header{height:85px;gap:15px}.logo{width:140px}.descriptor,.location{display:none}.phone>a{font-size:11px}.phone>span{font-size:8px}.photo{object-position:65% center}.screen:before{background:linear-gradient(90deg,#000000c9,#00000022),linear-gradient(0deg,#000000 0%,transparent 42%,#00000033)}.content{padding-top:60px}.overline{font-size:7px;letter-spacing:.12em;margin-bottom:25px}h1{font-size:clamp(43px,11.6vw,78px);line-height:1.12;letter-spacing:-.055em}h1 em{letter-spacing:-.06em}.lead{font-size:12px;max-width:265px;margin:26px 0}.screen .cta{font-size:11px;padding:15px 20px;min-height:52px}.note{font-size:8px}.bottom{position:relative;bottom:auto;display:block;margin-top:95px}.services{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:10px}.services a{min-height:45px;display:flex;align-items:center;font-size:10px}.services small{font-size:8px;margin-right:10px}.caption{text-align:left;margin-top:18px;font-size:7px}.caption br{display:none}.side-label{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}dialog::backdrop{backdrop-filter:none}}

@media(max-width:760px){.mobile-dock.over-hero{display:none}}

/* User palette: black, red, white. */
.intro,.contacts{background:#ffffff;color:#000000}
.intro .eyebrow,.intro h2 em,.intro-text p,.contacts .eyebrow,.contacts h2 em,.contact-grid>div>span{color:#000000}
.intro .line-link,.map-link,.contact-grid{border-color:#000000}
.invitation{background:#000000;border-top:1px solid #e60012;border-bottom:1px solid #e60012}
.form-card{border-color:#ffffff}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{border-bottom-color:#ffffff}
.notice{color:#ffffff;border-color:#ffffff}.notice.error{color:#ffffff;border-color:#e60012}
.btn:hover,.screen .cta:hover{background:#000000;border-color:#e60012;color:#ffffff}

/* Primary offer: car alarms. */
.screen h1{font-size:clamp(55px,5.4vw,82px)}
.alarm-points{padding:0;margin:0 0 25px;list-style:none;color:#ffffff;font-size:12px;line-height:1.8}
.alarm-points li{padding:7px 0 7px 16px;position:relative}
.alarm-points li:before{content:'—';position:absolute;left:0;color:#e60012}
@media(max-width:760px){.screen h1{font-size:clamp(28px,7.8vw,53px);line-height:1.18}.alarm-points{font-size:11px}}

/* All four services are permanently expanded. */
.service-heading{display:flex;align-items:center;gap:45px;min-height:110px}
.service-detail{grid-template-columns:1.15fr 1fr;gap:65px;padding:0 0 55px;align-items:center}
.direction-photo{margin:0;overflow:hidden}
.direction-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.service-copy .service-promise{font-family:Georgia,serif;font-size:28px;font-style:italic;line-height:1.35;color:#ffffff;margin:0 0 22px;max-width:none}
@media(min-width:761px) and (max-width:1100px){.service-detail{gap:35px}}
@media(max-width:760px){.service-heading{gap:14px;min-height:90px}.service-detail{display:block;padding:0 0 35px}.direction-photo{margin-bottom:24px}.service-copy .service-promise{font-size:24px;margin-bottom:18px}}

/* Sticky navigation, complete section menu and brand articles. */
html{scroll-padding-top:110px}.service-row{scroll-margin-top:110px}
.site-topbar{position:sticky;top:0;z-index:60;background:#000000;border-bottom:1px solid #ffffff25}
.topbar-inner{width:min(1500px,calc(100% - 64px));margin:auto;min-height:85px;display:flex;align-items:center;gap:28px}
.topbar-logo{flex-shrink:0}.topbar-logo img{display:block;width:158px;height:auto}
.site-topbar .nav{display:flex;flex-direction:row;gap:23px;align-items:center;margin:0 auto;font-size:11px;padding:0;flex-basis:auto}
.site-topbar .nav a{padding:12px 0;white-space:nowrap}.site-topbar .nav a:hover{color:#e60012}
.topbar-phone{font-size:11px;border:1px solid #e60012;padding:11px 16px;white-space:nowrap}
.site-topbar .menu-toggle{display:none}.admin-bar .site-topbar{top:32px}
.screen{height:calc(100svh - 85px);min-height:720px}.screen .content{padding-top:clamp(65px,10vh,140px)}
.brands-section{padding:95px 0;background:#000000;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.brands-heading{display:flex;align-items:end;gap:40px;justify-content:space-between;margin-bottom:45px}
.brands-heading h2{font-size:52px;line-height:1.12;margin-top:20px}.brands-heading p{font-size:12px;line-height:1.8}
.brand-controls{display:flex;gap:10px}.brand-controls[hidden]{display:none}.brand-controls button{width:46px;height:46px;border:1px solid #ffffff;background:#000000;color:#ffffff;font-size:23px}
.brand-controls button:disabled{opacity:.3;cursor:default}.brand-controls button:not(:disabled):hover{background:#e60012;border-color:#e60012}
.brands-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#e60012 #000000;padding:4px 0 18px;overscroll-behavior-x:contain}
.brand-card{flex:0 0 calc((100% - 54px)/4);min-width:220px;min-height:190px;border:1px solid #ffffff30;padding:24px;display:flex;flex-direction:column;scroll-snap-align:start}
.brand-card:hover{border-color:#e60012}.brand-category{font-size:9px;letter-spacing:.08em}.brand-card strong{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.035em;margin:22px 0 30px;color:#ffffff;line-height:1.1}
.brand-more{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:auto}.brand-more b{font-size:20px;color:#e60012;font-weight:400}.brand-footnote{font-size:10px;margin-top:20px}
.brand-story{padding-top:65px;padding-bottom:95px;max-width:1100px}.story-back{display:inline-block;font-size:12px;margin-bottom:40px;border-bottom:1px solid #e60012;padding-bottom:6px}.brand-story h1{font-size:clamp(36px,4.5vw,62px);max-width:980px;line-height:1.12;margin:20px 0 30px;letter-spacing:-.045em}.story-lead{font-size:19px;line-height:1.7;max-width:900px;margin-bottom:50px}.story-body{max-width:800px}.story-body h2{font-size:30px;line-height:1.2;margin:35px 0 20px}.story-body p{font-size:16px;line-height:1.95}.story-sources{border-top:1px solid #ffffff30;margin-top:40px;padding-top:12px}.story-sources h2{font-size:18px;margin:18px 0}.story-sources ul{padding-left:18px;font-size:12px;line-height:2}.story-sources a{text-decoration:underline;text-underline-offset:3px}.story-cta{border-left:2px solid #e60012;padding:8px 0 8px 25px;margin-top:40px}.story-cta p{font-size:18px;margin-bottom:20px}
@media(max-width:1100px){.topbar-inner{gap:18px;width:calc(100% - 40px)}.site-topbar .nav{gap:14px;font-size:10px}.topbar-logo img{width:135px}.topbar-phone{padding:10px;font-size:10px}.brand-card{flex-basis:calc((100% - 36px)/3)}.brands-heading{gap:25px}.brands-heading h2{font-size:43px}}
@media(max-width:1000px){.topbar-inner{flex-wrap:wrap;min-height:76px;gap:12px;padding:13px 0}.site-topbar .menu-toggle{display:block;margin:0 0 0 auto;min-height:44px;padding:10px 13px;border:1px solid #ffffff;background:#000000;color:#ffffff;font-size:11px}.site-topbar .nav{display:none;order:5;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;max-height:calc(100svh - 160px);overflow-y:auto}.site-topbar .nav.is-open{display:flex}.site-topbar .nav a{padding:13px 0;border-top:1px solid #ffffff25;font-size:13px}.topbar-phone{font-size:10px;min-height:44px;display:flex;align-items:center}.screen{height:calc(100svh - 76px)}}
@media(max-width:782px){.admin-bar .site-topbar{top:46px}}
@media(max-width:760px){html{scroll-padding-top:94px}.service-row{scroll-margin-top:94px}.screen{height:auto;min-height:calc(100svh - 76px)}.screen .content{padding-top:55px}.brands-section{padding:65px 0}.brands-heading{flex-wrap:wrap;align-items:center;gap:24px}.brands-heading>div:first-child{flex:1 1 70%}.brands-heading h2{font-size:37px}.brands-heading>p{order:3;font-size:12px;width:100%}.brand-controls{gap:7px}.brand-controls button{width:44px;height:44px}.brands-track{gap:12px}.brand-card{flex-basis:80%;min-width:210px;min-height:180px;padding:22px}.brand-card strong{font-size:31px}.brand-footnote{font-size:9px;line-height:1.8}.brand-story{padding-top:38px;padding-bottom:60px}.brand-story h1{font-size:36px;line-height:1.15}.story-back{margin-bottom:30px}.story-lead{font-size:16px;margin-bottom:35px}.story-body h2{font-size:27px}.story-body p{font-size:14px;line-height:1.85}.story-cta{padding-left:20px}.story-cta p{font-size:17px}.story-sources a{overflow-wrap:anywhere}}
@media(max-width:600px){.admin-bar .site-topbar{top:0}}

/* Original brand marks, local assets; monochrome treatment preserves site palette. */
.brand-logo-frame{display:flex;align-items:center;justify-content:center;background:#ffffff;width:100%;height:100px;padding:14px;margin:18px 0 24px;overflow:hidden}
.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.brand-logo-frame[data-brand="comfort-mat"]{background:#000000}
.brand-logo-frame[data-brand="stp"] img{max-width:76px}
.topbar-logo img{width:236px;filter:drop-shadow(0 0 1px #ffffff)}
.topbar-inner{gap:24px;min-height:96px}
.site-topbar .nav{gap:18px}
html{scroll-padding-top:120px}.service-row{scroll-margin-top:120px}
.screen{height:calc(100svh - 96px)}
@media(min-width:1001px) and (max-width:1200px){.topbar-logo img{width:190px}.site-topbar .nav{gap:12px;font-size:10px}.topbar-inner{gap:16px}}
@media(max-width:1000px){.topbar-logo img{width:205px}.topbar-inner{min-height:82px;gap:12px}.screen{height:calc(100svh - 82px)}}
@media(max-width:760px){.screen{height:auto;min-height:calc(100svh - 82px)}html{scroll-padding-top:100px}.service-row{scroll-margin-top:100px}.brand-logo-frame{height:95px}}
@media(max-width:600px){.topbar-logo img{width:190px}.topbar-phone{display:none}}

.tv-privacy{position:fixed;bottom:85px;left:16px;right:16px;max-width:680px;padding:24px;background:#000;color:#fff;border:1px solid #fff;z-index:10000}.tv-privacy[hidden]{display:none}.tv-privacy button,.privacy-settings{background:#000;color:#fff;border:1px solid #fff;padding:12px;cursor:pointer}.tv-privacy button{margin:8px 8px 0 0}.tv-privacy a{color:#fff}.privacy-note{font-size:14px}

/* Fixed cookie panel; override generic page/widget layout rules. */
#tv-privacy{position:fixed;inset:auto 20px 24px auto;width:min(680px,calc(100vw - 40px));max-width:680px;max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;margin:0;padding:24px;z-index:100000;background:#000;color:#fff;border:1px solid #fff;box-shadow:0 16px 60px #0009;font-size:15px;line-height:1.5;text-align:left}
#tv-privacy[hidden]{display:none!important}#tv-privacy strong{font-size:21px}#tv-privacy p{margin:12px 0;font-size:15px;line-height:1.5}#tv-privacy small{font-size:12px;line-height:1.5}#tv-privacy button{font:inherit;padding:11px 14px;margin:6px 6px 0 0}#tv-privacy [data-privacy-accept]{background:#d60000;border-color:#d60000;color:#fff}#tv-privacy button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){#tv-privacy{inset:auto 12px 84px;width:calc(100vw - 24px);max-height:calc(100dvh - 110px);padding:18px}#tv-privacy button{width:100%;margin:5px 0}}