/* Unified partners, language navigation, reviews and contact layout. */
.header-actions{gap:12px}.desktop-nav{gap:20px;margin-right:22px}.desktop-nav a{white-space:nowrap}.language-select{position:relative;flex-shrink:0;color:#fff;font-size:11px}.language-select summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:11px 9px;border:1px solid #ffffff35;min-height:40px}.language-select summary::-webkit-details-marker{display:none}.language-select summary>span:first-child{font-size:18px;line-height:1}.language-select[open] summary{border-color:var(--yellow)}.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:155px;background:#0b1d45;border:1px solid #ffffff35;box-shadow:0 16px 30px #0004;padding:7px;z-index:100}.language-options a{display:block;padding:11px;color:#fff;text-decoration:none;font-size:12px;white-space:nowrap}.language-options a:hover,.language-options a[aria-current]{background:#0b1d45;color:var(--yellow)}.nav-dropdown{position:relative;display:flex;align-items:center}.services-dropdown{display:none;position:absolute;top:100%;left:-20px;width:260px;background:#0b1d45;padding:12px;border:1px solid #ffffff30;box-shadow:0 20px 35px #0003}.services-dropdown:before{content:"";position:absolute;height:16px;top:-16px;left:0;right:0}.nav-dropdown:hover .services-dropdown,.nav-dropdown:focus-within .services-dropdown{display:grid}.desktop-nav .services-dropdown a{padding:11px;font-size:11px;text-transform:none;letter-spacing:0;border-bottom:1px solid #ffffff10}.desktop-nav .services-dropdown a:after{display:none}.desktop-nav .services-dropdown a:hover{background:#0b1d45}.services-dropdown .all-services-link{color:var(--yellow)}.mobile-services{padding:12px 0}.mobile-services summary{cursor:pointer;color:var(--yellow);font-size:14px}.mobile-services>div{padding:8px 0 0 15px}.mobile-services a{font-size:13px}.mobile-menu{max-height:calc(100svh - 130px);overflow-y:auto}.editorial-services .editorial-service{grid-column:span 2;min-height:310px}.editorial-services .editorial-service:nth-child(7),.editorial-services .editorial-service:nth-child(8){grid-column:span 3;min-height:270px}.unified-partners{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.unified-partners .brand-card{min-height:172px;padding:25px 16px;gap:22px}.unified-partners .brand-image{height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%}.unified-partners img{max-width:175px;width:auto;height:42px;object-fit:contain}.unified-partners img[src$="dunlop.png"]{height:60px;max-width:135px}.unified-partners img[src$="vulco.svg"]{height:70px;max-width:155px}.unified-partners .brand-card-goodyear,.unified-partners .brand-card-vulco{background:#0b1d45;border-color:#0b1d45;color:#fff}.unified-partners .brand-card-goodyear img{filter:brightness(0) invert(1)}.unified-partners .brand-card-goodyear span,.unified-partners .brand-card-vulco span{color:#cad9e4}.approved-caption{text-transform:uppercase;letter-spacing:3px;font-size:9px;font-weight:700;color:#fff}.unified-partners strong{font-size:32px}.brand-card-goodyear:hover,.brand-card-vulco:hover{background:#0b1d45!important}.review-section{background:#e8eef2}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.review-card{background:#fff;border:1px solid #d7e1e8;padding:30px;display:flex;flex-direction:column;min-height:250px}.review-author{display:flex;gap:12px;align-items:center}.review-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#0b1d45;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.review-author h3{font:600 13px/1.4 Inter,sans-serif;margin:0}.review-author>div>span{font-size:10px;color:#637989}.google-g{margin-left:auto;color:#4285f4;font:700 21px Arial,sans-serif}.review-stars{color:#b08a00;letter-spacing:3px;font-size:16px;margin-top:22px}.review-card blockquote{font-size:15px;line-height:1.75;color:#274457;margin:12px 0 0}.review-translation{font-size:10px;color:#687d8c;margin-top:auto;padding-top:18px}.contact-photo-section{padding:55px 0}.exterior-photo{margin:0}.exterior-photo>img{width:100%;height:auto;max-height:510px;object-fit:cover;display:block}.exterior-photo figcaption{font-size:11px;color:#657c8d;padding:14px 0;letter-spacing:.3px}.map-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.map-layout h2{font:700 56px/1 Barlow Condensed,sans-serif;text-transform:uppercase;margin:0 0 22px}.map-layout p:not(.eyebrow){font-size:14px;color:#5d7382}.map-layout iframe{width:100%;height:430px;border:1px solid #c3d1dc}.contact-map-link{color:var(--yellow);font-size:10px;font-weight:700;text-transform:uppercase;margin-top:auto;letter-spacing:.5px;text-decoration:none}.service-includes{padding-left:20px;color:#5c6a73;font-size:14px;line-height:1.8}.service-includes li{padding:6px 0}.service-includes li::marker{color:#a88700}html[lang="de"] .hero h1{font-size:clamp(68px,7.7vw,110px)}
@media(max-width:1200px){.desktop-nav{gap:15px;margin-right:15px}.desktop-nav a{font-size:10px}:root .original-logo{width:185px}.phone-button{padding:0 12px;font-size:11px}.header-actions{gap:9px}}
@media(max-width:1050px){.desktop-nav{gap:12px;margin-right:12px}.desktop-nav a{font-size:9px}.header-actions{gap:7px}.header-inner{width:calc(100% - 24px)}.language-select summary{padding:8px 7px}.unified-partners img{max-width:145px}.unified-partners strong{font-size:29px}}
@media(max-width:950px){.editorial-services .editorial-service,.editorial-services .editorial-service:nth-child(7),.editorial-services .editorial-service:nth-child(8){grid-column:span 1;min-height:300px}.unified-partners{grid-template-columns:repeat(3,minmax(0,1fr))}.review-grid{gap:12px}.review-card{padding:23px}.review-author h3{font-size:12px}.map-layout{gap:35px}.map-layout h2{font-size:48px}.phone-button{display:flex}}
@media(max-width:700px){.header-actions{gap:7px}.header-actions .phone-button{display:none}.language-select summary{font-size:10px;min-height:36px;padding:8px}.language-select summary>span:first-child{display:none}.header-inner .menu-toggle{margin-left:0;width:28px}.language-options{min-width:145px}.header-inner{width:calc(100% - 22px)}:root .original-logo{width:165px}.site-header .brand{max-width:165px;min-width:0}.editorial-services .editorial-service,.editorial-services .editorial-service:nth-child(7),.editorial-services .editorial-service:nth-child(8){grid-column:auto;min-height:235px}.unified-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unified-partners .brand-card{min-height:150px;padding:18px 10px;gap:15px}.unified-partners img{max-width:120px;height:34px}.unified-partners img[src$="vulco.svg"]{max-width:135px;height:60px}.unified-partners img[src$="continental.svg"]{max-width:120px}.unified-partners strong{font-size:25px}.unified-partners span{font-size:8px}.review-grid{grid-template-columns:1fr;gap:14px}.review-card{padding:25px;min-height:215px}.review-author h3{font-size:13px}.review-card blockquote{font-size:14px}.review-translation{padding-top:14px}.map-layout{grid-template-columns:1fr;gap:30px}.map-layout iframe{height:340px}.map-layout h2{font-size:44px}.contact-photo-section{padding:30px 0}.exterior-photo figcaption{font-size:10px}.exterior-photo>img{min-height:190px;object-fit:cover}html[lang="de"] .hero h1{font-size:57px}html[lang="en"] .hero h1{font-size:62px}.hero-cta{flex-wrap:wrap}.contact-card strong{overflow-wrap:anywhere}}
@media(max-width:360px){:root .original-logo{width:145px}.header-actions{gap:3px}.hero h1{font-size:57px}html[lang="de"] .hero h1{font-size:49px}.hero-content{padding-top:140px}.unified-partners strong{font-size:22px}.unified-partners img{max-width:105px}}

/* Optical logo sizing: equal visual footprint, preserving original proportions. */
.unified-partners .brand-image{height:84px;gap:8px}
.unified-partners .brand-image img{width:175px;max-width:100%;height:auto;max-height:74px;object-fit:contain}
.unified-partners img[src$="vulco.svg"]{width:175px;height:auto;max-width:100%;max-height:74px}
.unified-partners img[src$="dunlop.png"]{width:190px;height:auto;max-width:100%;max-height:80px}
.unified-partners img[src$="continental-logo.svg"]{width:185px;max-height:74px}
.unified-partners img[src$="michelin.png"]{width:160px;max-height:84px}
.unified-partners .brand-card-goodyear .approved-caption{font-size:12px;letter-spacing:3px;color:#fff;line-height:1.2}
@media(max-width:700px){.unified-partners .brand-image{height:74px}.unified-partners .brand-image img{width:140px;max-width:100%;max-height:65px}.unified-partners img[src$="dunlop.png"]{width:155px;max-width:100%;max-height:70px}.unified-partners img[src$="michelin.png"]{width:130px;max-height:70px}.unified-partners .brand-card-goodyear .approved-caption{font-size:10px}}

.unified-partners img[src$="dunlop.png"]{width:210px;max-height:114px}
@media(max-width:700px){.unified-partners img[src$="dunlop.png"]{width:165px;max-height:89px}}

/* Goodyear site primary blue; consistent surfaces and white Approved logo. */
:root{--navy:#0b1d45;--navy2:#0b1d45;--ink:#0b1d45}
.site-header{background:#0b1d45}
.unified-partners{grid-template-columns:repeat(3,minmax(0,1fr))}
.unified-partners .brand-card-goodyear img,.unified-partners .brand-card-goodyear:hover img,.unified-partners .brand-card-goodyear:focus-visible img{filter:brightness(0) invert(1)!important;opacity:1}
.unified-partners .brand-card-goodyear .approved-caption{color:#fff}
@media(max-width:700px){.unified-partners{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Match optical brand size without stretching original proportions. */
.unified-partners img[src$="kleber.svg"]{width:180px;max-height:74px}
.unified-partners strong{font-size:40px}
@media(max-width:700px){.unified-partners img[src$="kleber.svg"]{width:140px;max-height:65px}.unified-partners strong{font-size:30px}}

/* Audit: consistent brand blue, keyboard access and responsive layout. */
.contact,footer,.contact-card:not(.accent):hover{background:var(--navy)}
.page-banner{background:var(--navy)}
.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:#fff;color:var(--navy);padding:14px 20px;font-size:14px;font-weight:700}
.skip-link:focus{top:12px}
summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
main:focus{outline:none}section[id]{scroll-margin-top:115px}
.contact-primary-phone{color:inherit;text-decoration:none;display:block}
.contact-primary-phone strong{display:block}
.contact-mobile-phone{color:inherit;font-weight:700;text-underline-offset:3px}
.contact-card.accent>span{opacity:1}
.contact-card-action{margin-top:auto;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:inherit;text-decoration:none}
.unified-partners .brand-card>span{min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center}
.unified-partners img[src$="bridgestone.svg"]{width:185px;max-height:76px}
.service-aside img{display:block;height:auto;max-height:320px;object-fit:cover}
.hero-bg{background-image:url('/wp-content/themes/autogume-katic-v2/assets/exterior-2026-cropped.jpg')}
.contact-photo-section{padding-bottom:25px}.contact.section{padding-top:55px}
@media(min-width:701px) and (max-width:950px){.editorial-services{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-services .editorial-service:nth-child(n){grid-column:auto;min-height:300px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:235px}.contact-card strong{font-size:32px}.values-grid{grid-template-columns:1fr;gap:20px}.map-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.hero h1,html[lang="en"] .hero h1,html[lang="de"] .hero h1{font-size:clamp(42px,11.5vw,62px);line-height:1}.hero-content{padding-top:145px;padding-bottom:120px}.refined-hero{height:auto;min-height:680px;max-height:none}.hero-bottom{flex-wrap:wrap}.page-banner h1{font-size:clamp(38px,11vw,57px);overflow-wrap:break-word}.detail-grid h2{font-size:36px;overflow-wrap:break-word}.unified-partners img[src$="bridgestone.svg"]{width:145px;max-height:65px}.map-layout h2{font-size:40px}.service-aside>div>a:not(.button){font-size:36px}.service-aside .button{font-size:9px;padding:0 12px}.mobile-menu a{min-height:44px}.language-options a{min-height:44px}.language-select summary{min-height:44px}.contact-photo-section{padding-bottom:0}.contact.section{padding-top:35px}}
/* Long translated headings must fit even on narrow phones. */
main h1,main h2,main h3{overflow-wrap:anywhere}
html[lang="de"] main h1,html[lang="de"] main h2,html[lang="de"] main h3{hyphens:auto}
@media(max-width:700px){.header-inner .menu-toggle{width:44px;min-width:44px;height:44px}}
/* Improve contrast for secondary text on white surfaces. */
.editorial-service:not(:first-child) .service-index,.review-translation,.exterior-photo figcaption{color:#526675}
/* Contact information first, map next, exterior photo last. */
.contact-map-section{padding-bottom:55px}
.contact-photo-section{padding-top:0;padding-bottom:85px}
:root .site-header .original-logo{width:250px}
.site-header .brand{max-width:250px}
@media(max-width:1100px){:root .site-header .original-logo{width:215px}.site-header .brand{max-width:215px}}
@media(max-width:700px){:root .site-header .original-logo{width:180px}.site-header .brand{max-width:180px}.contact-map-section{padding-bottom:35px}.contact-photo-section{padding-bottom:55px}}
@media(max-width:360px){:root .site-header .original-logo{width:165px}.site-header .brand{max-width:165px}}

/* Make phone numbers easier to read throughout the site. */
.header-actions .phone-button{font-size:15px;white-space:nowrap;padding-inline:16px}
.cta-strip a[href^="tel:"]{font-size:19px;white-space:nowrap}
.service-aside>div>a[href^="tel:"]:not(.button){font-size:44px;line-height:1.2;white-space:nowrap}
.contact-primary-phone strong{font-size:38px;line-height:1.15;white-space:nowrap}
.contact-mobile-phone{font-size:17px;white-space:nowrap}
.mobile-call a strong{font-size:17px;line-height:1.2;white-space:nowrap}
@media(max-width:1200px){.header-actions .phone-button{font-size:14px;padding-inline:12px}}
@media(max-width:700px){.contact-primary-phone strong{font-size:36px}.service-aside>div>a[href^="tel:"]:not(.button){font-size:40px}body{padding-bottom:50px}}

/* Homepage identity and featured service partners. */
:root .home-page .site-header .original-logo{width:340px}
.home-page .site-header .brand{max-width:340px}
.hero-partners{display:flex;align-items:center;gap:32px;margin:0 0 30px;flex-shrink:0}
.hero-partner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;min-height:66px}
.hero-partner img{display:block;object-fit:contain;filter:none;opacity:1}
.hero-partner-goodyear img{width:184px;height:auto}
.hero-partner-goodyear span{font:700 11px/1.3 Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#fff;margin-top:7px}
.hero-partner-vulco img{width:155px;height:66px}
.hero-partner:hover{opacity:.85}
@media(max-width:1200px) and (min-width:1101px){.home-page .desktop-nav{gap:14px;margin-right:14px}}
@media(max-width:1100px){:root .home-page .site-header .original-logo{width:285px}.home-page .site-header .brand{max-width:285px}}
@media(max-width:700px){:root .home-page .site-header .original-logo{width:225px}.home-page .site-header .brand{max-width:225px}.hero-partners{gap:24px;margin-bottom:26px}.hero-partner{min-height:54px}.hero-partner-goodyear img{width:145px}.hero-partner-goodyear span{font-size:9px;letter-spacing:2.4px}.hero-partner-vulco img{width:120px;height:54px}.home-page .hero-content{padding-top:135px;padding-bottom:125px}.home-page .refined-hero{height:auto;min-height:760px;max-height:none}}
@media(max-width:360px){:root .home-page .site-header .original-logo{width:185px}.home-page .site-header .brand{max-width:185px}.hero-partners{gap:20px}.hero-partner-goodyear img{width:132px}.hero-partner-vulco img{width:110px}}

/* Balance partner logos between the header and introductory text. */
.home-page .hero-partners{transform:translateY(-40px)}
@media(max-width:700px){.home-page .hero-partners{transform:translateY(-14px)}}

/* Keep the four additional manufacturer logos optically consistent. */
.unified-partners img[src$="hankook.svg"]{width:190px;max-height:70px}
.unified-partners img[src$="cooper.svg"]{width:190px;max-height:70px}
.unified-partners img[src$="nexen.jpg"]{width:230px;max-height:60px}
.unified-partners img[src$="matador.svg"]{width:185px;max-height:70px}
@media(max-width:700px){.unified-partners img[src$="hankook.svg"],.unified-partners img[src$="cooper.svg"]{width:145px;max-height:58px}.unified-partners img[src$="nexen.jpg"]{width:160px;max-height:50px}.unified-partners img[src$="matador.svg"]{width:140px;max-height:60px}}

/* Preserve Goodyear's original yellow brand colour on the navy card. */
.unified-partners .brand-card-goodyear img,
.unified-partners .brand-card-goodyear:hover img,
.unified-partners .brand-card-goodyear:focus-visible img{filter:none!important;opacity:1}

/* A denser desktop grid keeps all 12 tyre brands visible in three rows. */
@media(min-width:951px){
 .unified-partners{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .unified-partners .brand-card{min-height:158px;padding:21px 12px;gap:14px}
 .unified-partners .brand-image{height:70px}
 .unified-partners .brand-image img{width:auto;max-width:155px;max-height:62px}
 .unified-partners img[src$="pirelli.svg"]{width:145px!important;height:auto!important}
 .unified-partners .brand-card-goodyear .approved-caption{font-size:10px;letter-spacing:2.5px}
}

/* Three compact cards per row on phones without changing desktop. */
@media(max-width:700px){
 .unified-partners{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .unified-partners .brand-card{min-height:128px;padding:12px 5px;gap:8px}
 .unified-partners .brand-image{height:55px;gap:4px}
 .unified-partners .brand-image img{width:auto;max-width:88px;max-height:48px}
 .unified-partners img[src$="pirelli.svg"]{width:82px!important;height:auto!important}
 .unified-partners img[src$="dunlop.png"],
 .unified-partners img[src$="michelin.png"],
 .unified-partners img[src$="bridgestone.svg"],
 .unified-partners img[src$="kleber.svg"],
 .unified-partners img[src$="hankook.svg"],
 .unified-partners img[src$="cooper.svg"],
 .unified-partners img[src$="nexen.jpg"],
 .unified-partners img[src$="matador.svg"]{width:auto;max-width:88px;max-height:48px}
 .unified-partners .brand-card-goodyear .approved-caption{font-size:7px;letter-spacing:1.5px}
 .unified-partners .brand-card>span{min-height:22px;font-size:6.5px;line-height:1.35}
}

/* Secondary brands continue the logo grid instead of reading as a separate section. */
.other-brands-note{margin-top:20px;padding:22px 0 4px;border-top:1px solid #cad6df;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:34px}
.other-brands-note .eyebrow{margin-bottom:7px}
.other-brands-note h3{margin:0;color:var(--navy);font:700 25px/1 Barlow Condensed,sans-serif;text-transform:uppercase}
.other-brands-note>p{margin:0;color:#526675;font-size:15px;line-height:1.65}
.other-brands-call{margin:0;flex-shrink:0;white-space:nowrap}
@media(max-width:950px){.other-brands-note{grid-template-columns:180px minmax(0,1fr);gap:18px 28px}.other-brands-call{grid-column:2}}
@media(max-width:700px){.other-brands-note{margin-top:14px;padding:18px 0 2px;display:block}.other-brands-note h3{font-size:23px}.other-brands-note>p{margin-top:12px;font-size:14px;line-height:1.65}.other-brands-call{display:inline-flex;margin-top:15px}}
