*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.55;background:var(--bg);color:var(--ink);--bg:#fff;--ink:#152a43;--muted:#526276;--accent:#1855d8;--on-accent:#fff;--soft:#f1f5fb;--line:#d8e1ed;--radius:16px;--hero:#edf3fb}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a,button,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button,a{transition:background .18s,color .18s,box-shadow .18s}img{display:block;max-width:100%}button:disabled{cursor:default}svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wrap{width:calc(100% - 96px);max-width:1220px;margin-inline:auto}.skip{position:fixed;top:-100px;left:15px;background:white;color:#152a43;padding:15px;z-index:100}.skip:focus{top:8px}.studybar{min-height:38px;background:#162235;color:#f3f5fa;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;gap:16px}.studybar a{padding:9px 0;text-decoration:underline;text-underline-offset:3px}.studybar span{color:#e0e7f1}.topline{border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.topline .wrap{display:flex;justify-content:space-between;min-height:36px;align-items:center;gap:12px}.masthead{background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.headrow{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brandmark{width:38px;height:38px;background:var(--accent);color:var(--on-accent);border-radius:10px;display:grid;place-items:center}.brandmark svg{width:27px;height:27px;stroke-width:2.8}.wordmark{font-weight:750;letter-spacing:-1px;font-size:27px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:1.6px;font-weight:500;margin-top:5px;color:var(--muted);text-transform:uppercase}.headnav{display:flex;gap:24px;font-size:14px;align-items:center}.headnav a{min-height:44px;display:flex;align-items:center}.headnav a:hover{color:var(--accent)}.headcontact{display:flex;align-items:center;gap:22px}.phone{font-weight:650;white-space:nowrap}.headcontact .phone small{font-weight:400;display:block;color:var(--muted);font-size:12px;text-align:right}.btn{border:1px solid transparent;min-height:50px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:600;line-height:1.35;text-align:center}.btn:hover{filter:brightness(.94);box-shadow:0 4px 16px #101c3220}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn.small{font-size:14px;min-height:46px;padding:11px 18px}.btn svg{width:18px;height:18px}.menubtn{display:none;border:1px solid var(--line);background:transparent;width:46px;height:46px;align-items:center;justify-content:center;border-radius:8px}.mobile-menu{display:none;background:var(--bg);padding:16px 24px;border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:12px 0}.mobile-menu.open{display:block}.hero{padding:48px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:650;letter-spacing:1.7px;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow::before{content:'';height:7px;width:7px;background:currentColor;border-radius:50%;flex:none}h1{font-size:clamp(38px,4.05vw,58px);line-height:1.075;letter-spacing:-2px;font-weight:680;margin:20px 0 24px}h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);font-size:18px;max-width:510px;line-height:1.65;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.tiny{font-size:12px;color:var(--muted);line-height:1.5}.hero-note{display:flex;gap:8px;margin-top:18px;align-items:center;color:var(--muted);font-size:13px}.hero-note svg{width:17px;height:17px}.hero-visual{position:relative;min-width:0}.product-shot{aspect-ratio:1.13;object-fit:cover;border-radius:var(--radius);width:100%;object-position:52% center}.visual-label{position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:1.4px;font-weight:650;text-transform:uppercase;background:#ffffffdf;color:#152a43;padding:9px 12px;border-radius:5px}.visual-card{position:absolute;bottom:22px;left:22px;right:22px;border:1px solid #ffffffa0;backdrop-filter:blur(12px);background:#fffffff2;color:#152a43;padding:17px 20px;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:14px;box-shadow:0 12px 35px #13264112}.visual-card small{display:block;color:#586575;margin-top:2px;font-size:12px}.visual-card svg{color:#1855d8}.truststrip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:40px}.trust-item{display:flex;gap:13px;align-items:center;padding:22px 28px}.trust-item:first-child{padding-left:0}.trust-item:not(:last-child){border-right:1px solid var(--line)}.trust-item strong{display:block;font-size:14px;font-weight:650}.trust-item small{color:var(--muted);font-size:12px}.trust-item svg{color:var(--accent)}section.block{padding:68px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.kicker{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0;font-weight:650}h3{font-size:21px;line-height:1.25;letter-spacing:-.3px;margin:0 0 12px;font-weight:650}.section-top>p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--accent);font-weight:600;font-size:14px}.text-link svg{width:18px;height:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);text-align:left;color:var(--ink);min-height:225px}.service-card:hover{border-color:var(--accent);box-shadow:0 8px 25px #1226450a}.device-icon{height:55px;width:60px;margin-bottom:23px;color:var(--accent)}.service-card p{margin:0;color:var(--muted);font-size:14px;max-width:230px}.service-card .arrow{position:absolute;right:24px;bottom:24px}.subservice{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.subservice p{margin:0}.soft{background:var(--soft)}.problem-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.problem-box h2{margin-bottom:20px}.problem-box p{color:var(--muted);font-size:16px}.segmented{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--bg);margin-bottom:24px}.segmented button{border:0;background:none;flex:1;padding:12px 8px;min-height:46px;border-radius:6px;line-height:1.2;font-size:14px}.segmented button[aria-selected=true]{background:var(--accent);color:var(--on-accent);font-weight:650}.symptoms{display:flex;flex-wrap:wrap;gap:10px}.symptoms button{border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:12px 16px;font-size:14px;min-height:46px}.symptoms button:hover{border-color:var(--accent);color:var(--accent)}.symptom-hint{margin:18px 0 0;font-size:12px!important}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.stepnum{font-size:14px;color:var(--accent);font-weight:600;display:block;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:20px}.steps p{font-size:15px;color:var(--muted);margin:0}.prices-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.prices-layout h2{margin-bottom:20px}.prices-layout p{color:var(--muted);max-width:330px}.price-list{border-top:1px solid var(--line)}.price-row{border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.price-row strong{font-size:19px;white-space:nowrap}.price-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.workshop-space{background:var(--soft);min-height:340px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);border:1px dashed var(--line)}.workshop-space svg{height:70px;width:70px;margin:auto;color:var(--accent)}.workshop-space span{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.workshop-space p{font-size:20px;line-height:1.35;max-width:300px;margin:8px 0}.proof-layout h2{margin-bottom:22px}.proof-layout p{color:var(--muted);font-size:16px}.proof-check{display:flex;gap:10px;align-items:start;margin:14px 0}.proof-check svg{color:var(--accent);width:18px;height:18px;margin-top:3px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;min-height:62px;padding:20px 32px 20px 0;cursor:pointer;position:relative;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;top:15px;font-size:24px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:var(--muted);margin:0 0 22px;font-size:14px}.contact-panel{background:var(--ink);color:var(--bg);padding:44px;border-radius:var(--radius);display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.contact-panel h2{font-size:36px}.contact-panel p{color:#c7d1dd;max-width:400px}.contact-panel .btn{background:#fff;color:#152a43}.contact-panel .contact-address{border-left:1px solid #ffffff40;padding-left:40px}.contact-address strong{font-size:20px;display:block;margin-bottom:12px}.contact-address p{font-size:14px}.contact-address a{color:#fff;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px;font-size:14px}.footer{padding:30px 0 38px}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer p{font-size:12px;color:var(--muted);max-width:550px;margin:0}.mobile-dock{display:none}.note-panel{margin-top:36px;border-top:1px dashed var(--line);padding-top:22px;color:var(--muted);font-size:12px}.note-panel summary{cursor:pointer;padding:12px 0}.note-panel a{text-decoration:underline}.note-panel p{max-width:900px}.modal{border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink);padding:32px;width:calc(100% - 32px);max-width:530px;max-height:90dvh;overflow:auto}.modal::backdrop{background:#0b1524a8}.modal h2{font-size:28px;padding-right:32px;margin-bottom:12px}.close-modal{position:absolute;right:15px;top:15px;width:44px;height:44px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);display:grid;place-items:center}.modal p{font-size:14px;color:var(--muted)}.modal label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.modal input,.modal textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:48px;padding:12px;resize:vertical}.modal .btn{width:100%;margin-top:22px}.modal .demo-note{background:var(--soft);padding:12px;border-radius:8px;font-size:12px}.error{color:#b42318!important}.form-result{border:1px solid var(--accent);border-radius:10px;padding:16px;margin-top:16px}.hidden,[hidden]{display:none!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:460px;padding:18px 24px;border-radius:12px;background:var(--ink);color:var(--bg);box-shadow:0 8px 40px #0003;z-index:80;font-size:14px}.theme-choices{display:flex;gap:14px}.theme-choices a{min-height:44px;display:flex;align-items:center;gap:6px}.theme-choices i{display:block;width:14px;height:14px;border-radius:50%;background:var(--swatch)}
/* 01. Clear, approachable service */
body[data-theme=blue] .hero{background:linear-gradient(110deg,#fff 40%,#f2f6fc)}body[data-theme=blue] .product-shot{border-radius:18px 90px 18px 18px}body[data-theme=blue] .hero-visual{padding-bottom:15px}body[data-theme=blue] .visual-card{left:-20px;right:35px;bottom:0}
/* 02. Graphic workshop, warm copper accent */
body[data-theme=graphite]{--bg:#101d28;--ink:#f1f5f6;--muted:#b3c3cf;--accent:#f0ae76;--on-accent:#101d28;--soft:#172836;--line:#354958;--radius:3px;--hero:#142532}body[data-theme=graphite] .studybar{background:#07121a}body[data-theme=graphite] .topline{display:none}body[data-theme=graphite] .headnav{gap:20px}body[data-theme=graphite] .brandmark{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:1px}body[data-theme=graphite] .btn{border-radius:3px}body[data-theme=graphite] .hero{padding-top:42px}body[data-theme=graphite] .hero-grid{grid-template-columns:1.1fr .9fr;gap:55px}body[data-theme=graphite] h1{font-size:clamp(40px,4.8vw,66px);font-weight:580;line-height:1.07}body[data-theme=graphite] .hero-visual{background:var(--soft);border:1px solid var(--line);padding:14px}.graphic-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.7px;text-transform:uppercase;padding:0 0 12px}.graphic-caption i{font-style:normal;color:var(--accent)}body[data-theme=graphite] .product-shot{aspect-ratio:1.27;border-radius:0}body[data-theme=graphite] .visual-card{position:static;margin-top:14px;border:0;padding:12px 5px;background:transparent;color:var(--ink);box-shadow:none;backdrop-filter:none;border-radius:0}body[data-theme=graphite] .visual-card small{color:var(--muted)}body[data-theme=graphite] .visual-card svg{color:var(--accent)}body[data-theme=graphite] .truststrip{margin-top:30px}.graph-device-links{display:flex;gap:22px;border-top:1px solid var(--line);padding:16px 0 0;margin-top:25px;font-size:12px}.graph-device-links a{min-height:44px;display:flex;align-items:center;gap:8px}.graph-device-links svg{width:16px;height:16px;color:var(--accent)}body[data-theme=graphite] .service-card{border-top:2px solid var(--accent)}body[data-theme=graphite] .service-card:hover{background:#192e3e}body[data-theme=graphite] .contact-panel{background:#203747;color:var(--ink)}body[data-theme=graphite] .contact-panel .btn{background:var(--accent);color:#101d28}body[data-theme=graphite] .error{color:#ffb4ab!important}body[data-theme=graphite] .toast{background:#f1f5f6;color:#101d28}
/* 03. Calm editorial direction, deep petrol */
body[data-theme=petrol]{--bg:#fbfaf7;--ink:#123c3a;--muted:#4f6963;--accent:#126357;--on-accent:#fff;--soft:#edf2ec;--line:#cbd8d0;--radius:22px}body[data-theme=petrol] .headrow{min-height:96px}body[data-theme=petrol] .brandmark{border-radius:50%}body[data-theme=petrol] .btn{border-radius:50px}body[data-theme=petrol] .hero{padding-top:35px}.petrol-intro{text-align:center;max-width:760px;margin:0 auto 28px}.petrol-intro .eyebrow{justify-content:center}.petrol-intro h1{font-size:60px;margin:15px 0 15px;font-weight:580;letter-spacing:-2.1px}.petrol-intro .lead{margin-inline:auto;max-width:630px;font-size:17px}.petrol-hero-stage{display:grid;grid-template-columns:1.12fr .88fr;gap:0;background:var(--soft);border-radius:28px;overflow:hidden}.petrol-hero-stage .product-shot{height:100%;aspect-ratio:1.7;border-radius:0;object-position:50% 62%}.petrol-start{padding:30px 34px}.petrol-start h2{font-size:26px;margin-bottom:8px}.petrol-start p{font-size:14px;color:var(--muted);margin:0 0 18px}.choice-row{display:flex;gap:8px;margin:18px 0}.choice-row button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:var(--bg);min-height:80px;font-size:12px}.choice-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.petrol-start .btn{width:100%}body[data-theme=petrol] .truststrip{margin-top:28px}body[data-theme=petrol] .service-card{background:#fff}body[data-theme=petrol] .contact-panel p{color:#d1e0db}
@media(min-width:1550px){.hero{padding-top:60px}.product-shot{aspect-ratio:1.2}}@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.headnav{gap:14px}.headrow{gap:15px}.headcontact{gap:14px}.headcontact .phone{font-size:14px}.headnav a{font-size:13px}.hero-grid{gap:26px}.hero h1{font-size:44px}.headcontact .btn{padding-inline:12px}.problem-box,.prices-layout,.faq-layout{gap:40px}.brand .wordmark{font-size:24px}}@media(max-width:990px){.headnav,.headcontact .btn{display:none}.headcontact{margin-left:auto}.menubtn{display:flex}.headrow{min-height:76px}.hero h1{font-size:39px}.lead{font-size:16px}.hero-grid{gap:24px}.hero-actions .btn{padding-inline:16px}.product-shot{aspect-ratio:.94}.trust-item{padding:18px}.trust-item strong{font-size:13px}.trust-item small{font-size:11px}.service-card{padding:22px}.petrol-intro h1{font-size:48px}.petrol-start{padding:25px}.steps{gap:24px}h2{font-size:30px}}@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.studybar{font-size:10px;padding:6px 20px;gap:8px;min-height:32px}.studybar>span{display:none}.topline .wrap{justify-content:center;font-size:11px;min-height:30px}.topline .wrap>span:last-child{display:none}.headrow{min-height:72px;gap:12px}.brandmark{width:31px;height:31px;border-radius:8px}.brandmark svg{width:23px;height:23px}.wordmark,.brand .wordmark{font-size:23px}.brand small{font-size:8px;letter-spacing:1px}.headcontact .phone{font-size:0}.headcontact .phone::before{content:'Позвонить';font-size:12px;border:1px solid var(--line);padding:12px 10px;border-radius:7px}.headcontact .phone small{display:none}.menubtn{width:44px;height:44px}.hero{padding:30px 0 24px}.hero-grid{grid-template-columns:1fr;gap:27px}.eyebrow{font-size:10px;letter-spacing:1px}.hero h1{font-size:clamp(31px,8.5vw,43px);letter-spacing:-1.2px;margin:18px 0 19px}.lead{font-size:16px;line-height:1.6;margin-bottom:23px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.hero-actions .btn{min-height:52px}.hero-note{font-size:11px;margin-top:13px}.product-shot{aspect-ratio:1.45;object-position:50% 57%}body[data-theme=blue] .visual-card{left:14px;right:14px;bottom:0;padding:12px;font-size:12px}.visual-label{font-size:9px;top:12px;left:12px}.visual-card small{font-size:10px}.truststrip{grid-template-columns:1fr;margin-top:25px}.trust-item,.trust-item:first-child{padding:15px 0}.trust-item:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.trust-item strong{font-size:14px}.trust-item small{font-size:12px}.trust-item svg{width:22px;height:22px}section.block{padding:43px 0}.section-top{display:block;margin-bottom:23px}.section-top>p{margin-top:15px}.kicker{font-size:10px}h2{font-size:29px}h3{font-size:20px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:160px;padding:23px 22px 23px 103px}.device-icon{position:absolute;left:22px;top:25px;width:54px;height:54px}.service-card p{max-width:220px;padding-right:12px}.service-card .arrow{right:17px;bottom:18px;width:18px}.subservice{align-items:flex-start;flex-direction:column;gap:2px}.problem-box,.prices-layout,.proof-layout,.faq-layout{grid-template-columns:1fr;gap:24px}.segmented button{font-size:12px;padding:12px 5px}.symptoms{gap:8px}.symptoms button{font-size:13px;padding:12px}.steps{grid-template-columns:1fr;gap:28px}.stepnum{margin-bottom:16px;padding-bottom:12px}.price-row{font-size:14px;align-items:flex-start}.price-row strong{font-size:17px}.price-row small{font-size:11px}.workshop-space{min-height:280px;padding:28px}.workshop-space p{font-size:18px}.contact-panel{padding:28px 24px;grid-template-columns:1fr;gap:28px}.contact-panel h2{font-size:29px}.contact-panel .contact-address{padding:26px 0 0;border-left:0;border-top:1px solid #ffffff40}.footer{padding:26px 0 110px}.footer .wrap{flex-direction:column;align-items:flex-start;gap:23px}.mobile-dock{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:30}.mobile-dock .btn{min-height:46px;font-size:13px;padding:10px}.toast{bottom:100px}.modal{padding:28px 22px}.modal h2{font-size:25px}.graph-device-links{gap:16px;margin-top:18px;font-size:11px;flex-wrap:wrap}body[data-theme=graphite] .hero-grid{grid-template-columns:1fr;gap:25px}body[data-theme=graphite] h1{font-size:clamp(32px,9.5vw,44px)}body[data-theme=graphite] .product-shot{aspect-ratio:1.5}body[data-theme=graphite] .visual-card{margin-top:6px}.petrol-intro{text-align:left;margin-bottom:24px}.petrol-intro .eyebrow{justify-content:flex-start}.petrol-intro h1{font-size:39px;letter-spacing:-1.2px}.petrol-intro .lead{font-size:16px;margin-bottom:0}.petrol-hero-stage{display:flex;flex-direction:column-reverse;border-radius:20px}.petrol-start{padding:24px 22px}.petrol-start h2{font-size:23px}.petrol-hero-stage .product-shot{aspect-ratio:1.55}.choice-row{gap:7px}.choice-row button{font-size:11px}.hero-note svg{width:15px;height:15px}.note-panel{font-size:12px}.theme-choices{font-size:12px}body[data-theme=petrol] .headrow{min-height:76px}}
.topline-contact{display:flex;align-items:center;gap:18px;flex:none}.messenger-links{display:flex;align-items:center;gap:8px}.messenger-links a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.messenger-links a:hover{background:#e8effb;color:#152a43}.messenger-links img{width:24px;height:24px;object-fit:contain;flex:none}.topline-hours{padding-left:18px;border-left:1px solid var(--line);white-space:nowrap}
@media(max-width:990px){body[data-theme=blue] .topline>.wrap{flex-wrap:wrap;justify-content:space-between;column-gap:14px;row-gap:0}.topline-contact{gap:12px}.messenger-links a span{display:none}.topline-hours{padding-left:12px}}
@media(max-width:700px){body[data-theme=blue] .topline>.wrap{justify-content:center}body[data-theme=blue] .topline>.wrap>span{display:block!important;padding-top:7px;padding-bottom:2px;font-size:10px;text-align:center}.topline-contact{width:100%;justify-content:space-between;gap:8px;padding-bottom:3px}.messenger-links{gap:8px}.messenger-links a{padding:0;min-width:44px;min-height:44px}.topline-hours{font-size:11px;padding-left:10px}}
.product-shot{height:auto}.petrol-hero-stage .product-shot{height:100%;max-height:365px;min-height:0}
@media(max-width:700px){.petrol-hero-stage .product-shot{height:auto;max-height:none}.headcontact .phone{display:flex;align-items:center;min-height:44px}.studybar a{min-height:32px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}