/* Owner's review: comfortable branding, wide directions and aligned services. */
@media(min-width:1200px){
 html body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_2>.row{grid-template-columns:minmax(180px,1fr) minmax(0,6fr);min-height:104px;padding:0 0 14px;box-sizing:border-box;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_2 .logo{width:174px!important;margin:0 auto!important;}
}
/* The map uses the available width with the same small gutter as the header. */
body.js-visual-preview #motopress-main#motopress-main .footer>.container{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:clamp(18px,2vw,36px);}
body.js-visual-preview #motopress-main#motopress-main .footer>.container>.row{margin-inline:0;}
body.js-visual-preview #motopress-main#motopress-main .footer>.container>.row>.span12{float:none;width:100%;margin-inline:0;}
body.js-visual-preview #motopress-main#motopress-main .footer [data-motopress-static-file="static/static-map.php"]{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;}
/* Contact content shares one wide, compact grid. */
body.page-id-14.js-visual-preview #motopress-main#motopress-main .content-holder{padding-top:0;}
body.page-id-14.js-visual-preview #motopress-main#motopress-main .content-holder>.container{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:clamp(18px,2vw,36px);}
body.page-id-14.js-visual-preview #motopress-main#motopress-main .content-holder .row{margin-inline:0;}
body.page-id-14.js-visual-preview #motopress-main#motopress-main .content-holder .span12{float:none;width:100%;margin-inline:0;}
body.page-id-14.js-visual-preview #motopress-main#motopress-main .title-section{margin:0;padding:26px 0 22px;}
body.page-id-14.js-visual-preview #motopress-main#motopress-main #post-14{margin:0;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled{width:100%;max-width:none;margin:0;color:#f5f7f9;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__heading>p{margin:0;color:#f5f7f9;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .contact-price-overview{flex:none;margin:0;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .contact-price-overview a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:10px 20px;border:1px solid #ff761a;border-radius:6px;background:#ff761a;color:#252d34!important;font-weight:700;text-decoration:none;}
body.js-visual-preview #motopress-main#motopress-main #post-14 #contact-booking-details{margin-bottom:22px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__karty{align-items:stretch;gap:24px;margin-bottom:24px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 :is(.kontakt-prehled__karta,.kontakt-prehled__udaje){padding:26px;background:#f5f7f9;color:#252d34;border:1px solid #c4cbd1;border-radius:6px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__karta{display:flex;flex-direction:column;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__akce{margin-top:auto;padding-top:16px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled h2{margin:0 0 16px;text-align:left!important;color:#252d34!important;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__karta a:not(.kontakt-prehled__tlacitko){color:#252d34!important;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__tel{font-size:clamp(24px,2.2vw,34px);}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__mapa{margin-top:24px;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__mapa h2{color:#f5f7f9!important;}
body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__facebook a{color:#ffb47b;}
@media(max-width:767px){
 body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__heading{flex-direction:column;align-items:flex-start;gap:12px;}
 body.js-visual-preview #motopress-main#motopress-main #post-14 :is(.kontakt-prehled__karta,.kontakt-prehled__udaje){padding:18px;}
 body.js-visual-preview #motopress-main#motopress-main #post-14 .kontakt-prehled__karty{gap:18px;}
}
/* The inline warranty-service link is a clear action, in every language. */
body.js-visual-preview #motopress-main#motopress-main .autoservis-gvo-inline{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:48px;padding:12px 20px;border:1px solid #ff761a;border-radius:6px;background:#ff761a;color:#252d34!important;font-weight:700;line-height:1.4;text-align:center;text-decoration:none!important;}
body.js-visual-preview #motopress-main#motopress-main .autoservis-gvo-inline:focus-visible{outline:3px solid #f5f7f9;outline-offset:4px;}
/* Service outlines share the homepage geometry, light and six-second cycle. */
body.js-visual-preview #motopress-main :is(#post-2272,#post-2065) #portfolio-grid>li::after{content:none;animation:none;}
body.js-visual-preview #motopress-main#motopress-main :is(#post-2272,#post-2065) #portfolio-grid .portfolio_item_holder{position:relative;border:1px solid #ff6b1a!important;border-radius:0;overflow:visible;box-shadow:none!important;transform:none!important;}
body.js-visual-preview #motopress-main :is(#post-2272,#post-2065) #portfolio-grid .portfolio_item_holder::after{content:"";position:absolute;inset:-1px;z-index:1;box-sizing:border-box;border:2px solid #ffb06b;border-radius:0;box-shadow:0 0 4px 1px #ff8b3dbb,0 0 12px 2px #ff6b1a73,inset 0 0 4px #ff8b3d66;opacity:0;pointer-events:none;}
@media(prefers-reduced-motion:no-preference){body.js-visual-preview #motopress-main :is(#post-2272,#post-2065) #portfolio-grid .portfolio_item_holder::after{animation:specialization-outline-pulse 6s linear infinite;animation-delay:var(--service-outline-delay,0s);}}
@media(prefers-reduced-motion:reduce){body.js-visual-preview #motopress-main :is(#post-2272,#post-2065) #portfolio-grid .portfolio_item_holder::after{opacity:.35;}}
@keyframes specialization-outline-pulse{0%,16.6667%,100%{opacity:0;}3%,11%{opacity:1;}15%{opacity:0;}}
/* A larger TPMS photo fades to the page surface around its complete edge. */
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-tpms{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-tpms__photo img{display:block;width:100%;max-width:none;height:auto;}
.service-photo-fade{position:relative;isolation:isolate;overflow:hidden;}
.service-photo-fade::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;--photo-feather:clamp(18px,2.4vw,40px);background:linear-gradient(90deg,#252d34 0,rgba(37,45,52,0) var(--photo-feather),rgba(37,45,52,0) calc(100% - var(--photo-feather)),#252d34 100%),linear-gradient(180deg,#252d34 0,rgba(37,45,52,0) var(--photo-feather),rgba(37,45,52,0) calc(100% - var(--photo-feather)),#252d34 100%);}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-tpms__photo figcaption{margin-top:12px;color:#f5f7f9!important;text-align:center;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-overview{align-items:stretch;gap:24px;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .cena-blok{box-sizing:border-box;height:100%;margin:0;padding:24px;border:1px solid #c4cbd1!important;border-radius:6px;box-shadow:none!important;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-overview__photo{display:flex;flex-direction:column;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-overview__photo>.motopress-image-obj{flex:1;}
body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-overview__photo img{height:100%;object-fit:cover;}
@media(max-width:767px){body.js-visual-preview #motopress-main#motopress-main #post-2063 .pneuservis-tpms{grid-template-columns:minmax(0,1fr);gap:20px;}}
/* Existing related links sit below their own heading, one per row. */
body.js-visual-preview #motopress-main#motopress-main .service-related{margin:28px 0 32px;text-align:center;}
body.js-visual-preview #motopress-main#motopress-main .service-related>.article_header{margin:0 0 12px;text-align:center!important;}
body.js-visual-preview #motopress-main#motopress-main .service-related>ul{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}
body.js-visual-preview #motopress-main#motopress-main .service-related>ul>li{margin:0;padding:0;max-width:100%;list-style:none;}
body.js-visual-preview #motopress-main#motopress-main .service-related>ul>li::before{content:none;}
body.js-visual-preview #motopress-main#motopress-main .service-related a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:6px 12px;box-sizing:border-box;color:#ffb47b!important;text-align:center;text-decoration:underline;text-underline-offset:3px;}

/* A wider service introduction gives the complete, static Cupra photo room. */
body.page-id-2272.js-visual-preview #motopress-main#motopress-main .content-holder{padding-inline:0;}
body.page-id-2272.js-visual-preview #motopress-main#motopress-main .content-holder>.container{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:clamp(18px,3vw,72px);}
body.page-id-2272.js-visual-preview #motopress-main#motopress-main .content-holder .row{margin-inline:0;}
body.page-id-2272.js-visual-preview #motopress-main#motopress-main .content-holder :is(.span12,.span6){float:none;box-sizing:border-box;width:100%;min-width:0;margin-inline:0;}
body.page-id-2272.js-visual-preview #motopress-main#motopress-main #post-2272 .product-detail p{max-width:78ch;}
body.js-visual-preview #motopress-main#motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image){position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;}
body.js-visual-preview #motopress-main#motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image)>img{display:block;width:100%;max-width:none;height:auto;border:0!important;}
body.js-visual-preview #motopress-main#motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image)::after{content:"";position:absolute;inset:0;z-index:3;border:0;border-radius:0;pointer-events:none;--cupra-feather:clamp(18px,2.8vw,54px);background:linear-gradient(90deg,#252d34 0,transparent var(--cupra-feather),transparent calc(100% - var(--cupra-feather)),#252d34 100%),linear-gradient(180deg,#252d34 0,transparent var(--cupra-feather),transparent calc(100% - var(--cupra-feather)),#252d34 100%);}
@media(min-width:768px){body.js-visual-preview #motopress-main#motopress-main #post-2272 .product-detail:has(>.cupra-desktop-image){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,3vw,72px);margin-bottom:28px;}body.js-visual-preview #motopress-main#motopress-main #post-2272 .product-detail:has(>.cupra-desktop-image)::before,body.js-visual-preview #motopress-main#motopress-main #post-2272 .product-detail:has(>.cupra-desktop-image)::after{content:none;}}
/* Filled actions replace the outlined buttons on both service catalogues. */
body.js-visual-preview #motopress-main#motopress-main :is(#post-2272,#post-2065) #portfolio-grid .caption .btn{border:0!important;border-radius:4px;background:#ff761a!important;background-image:none!important;color:#252d34!important;box-shadow:none!important;text-shadow:none;min-height:48px;}
body.js-visual-preview #motopress-main#motopress-main :is(#post-2272,#post-2065) #portfolio-grid .caption .btn:is(:hover,:focus-visible){background:#ffb47b!important;color:#191818!important;}
/* Quiet header surfaces retain generous touch targets and the full-width layout. */
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget>.header-service-actions,
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget>a.header-driver-advice{border:1px solid #ffffff30!important;border-radius:6px;background:#242323!important;box-shadow:none!important;color:#f5f7f9!important;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget .header-service-actions>a{border:0!important;background:transparent!important;color:#f5f7f9!important;font-weight:600!important;text-transform:none;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget>.header-service-actions::after{background:#ffffff24;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget>a.header-driver-advice{font-weight:600!important;text-transform:none;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header :is(.header-location-icon,.header-phone-icon,.header-advice-icons,.header-advice-car,.header-advice-mechanic){color:#ffb47b;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget .header-service-actions>a:focus{outline-color:#ffb47b!important;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .nav__primary #topnav>li>:is(a,.reviews-toggle){font-size:17px!important;font-weight:600!important;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .nav__primary .navigation-toggle{border:1px solid #ffffff30!important;border-radius:6px;background:#242323!important;box-shadow:none!important;color:#f5f7f9!important;font-weight:600;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header .nav__primary .navigation-toggle[aria-expanded="true"]{border-color:#ffb47b!important;color:#ffb47b!important;}
@media(hover:hover) and (pointer:fine){html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget .header-service-actions>a:hover,html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_1 #text-8>.textwidget>a.header-driver-advice:hover{background:#33302e!important;color:#ffb47b!important;}}
@media(min-width:1200px){
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header .header_block_2>.row{min-height:92px;padding-bottom:8px;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header .nav__primary #topnav>li{position:relative;border-right:0!important;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header .nav__primary #topnav>li+li::before{content:"";position:absolute;left:0;top:50%;height:20px;width:1px;transform:translateY(-50%);background:#ffffff20;}
}

/* Put the workshop identity above its two linked trust badges. */
@media(min-width:768px),(min-width:480px) and (max-height:500px){
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header>.container>.row>.span12{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr) max-content;grid-template-areas:"brand contacts advice language" "trust navigation navigation navigation";align-items:center;gap:12px clamp(16px,1.5vw,28px);padding-block:12px;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header :is(.header_block_1,.header_block_1>.language-contact-row,.header_block_2,.header_block_2>.row){display:contents;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1>.language-contact-row>.span6:first-child{grid-area:trust;box-sizing:border-box;min-width:0;width:auto;margin:0;padding:0;align-self:center;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1>.language-contact-row>.span6:nth-child(2),
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1 :is(.header_widget_2,#custom_html-3,#custom_html-3>.textwidget,#text-8,#text-8>.textwidget){display:contents;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1>.language-contact-row>.span6:nth-child(2)>.clear{display:none;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2>.row>.span3{display:block!important;grid-area:brand;box-sizing:border-box;width:100%;min-width:0;margin:0;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2 .logo{display:flex!important;justify-content:center;width:174px!important;max-width:100%!important;margin:0 auto!important;padding:0!important;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2 .logo .logo_h{display:block;flex:none!important;width:100%!important;max-width:100%;margin:0!important;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2 .logo img{display:block;width:100%!important;height:auto!important;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-trust-badges{justify-content:center;gap:12px;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-trust-badges>.header-trust-badge{flex-basis:64px;width:64px!important;height:64px;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1 #text-8>.textwidget>.header-service-actions{grid-area:contacts;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1 #text-8>.textwidget>a.header-driver-advice{grid-area:advice;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_1>.language-contact-row>.language-switcher{grid-area:language;position:relative;inset:auto;margin:0;transform:none;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2>.row>.span9{grid-area:navigation;box-sizing:border-box;width:100%;min-width:0;margin:0;}
}
@media(min-width:768px) and (max-width:1199px),(min-width:480px) and (max-width:767px) and (max-height:500px){
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header>.container>.row>.span12{grid-template-columns:144px minmax(0,1fr);grid-template-areas:"brand contacts" "trust advice" "navigation navigation";}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-trust-badges>.header-trust-badge{flex-basis:56px;width:56px!important;height:56px;}
}
@media(max-width:767px) and (min-height:501px){
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header:has(.navigation-toggle)>.container>.row>.span12{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "trust" "contacts" "advice" "navigation";}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header_block_2 .logo{margin:0 auto!important;}
 html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-trust-badges{justify-content:center;}
}
/* A bright orange core and a restrained halo keep the moving drawings clear. */
html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-driver-advice :is(.header-advice-icons,.header-advice-car,.header-advice-mechanic){color:#ff8a1f!important;}
html body.js-visual-preview #motopress-main#motopress-main .header.header.header.header .header-driver-advice :is(.header-advice-car,.header-advice-mechanic)>svg{filter:drop-shadow(0 0 1px #ffb45a) drop-shadow(0 0 4px #ff761ab3);}
