/* UMUT OTO LASTIK - TPMS premium responsive design 2026 */
:root{--tp-yellow:#ffca05;--tp-dark:#111318;--tp-ink:#171b23;--tp-muted:#5b6574;--tp-line:#e5e8ee}
body.tpms-location,body:has(.tpms-shell){font-family:Manrope,Arial,sans-serif;background:#f6f7fa;color:var(--tp-ink)}
body.tpms-location .header,body:has(.tpms-shell) .header{background:#111318!important;border-bottom:3px solid var(--tp-yellow)!important;color:#fff!important}
body.tpms-location .header .mainnav a,body:has(.tpms-shell) .header .mainnav a{color:#fff!important}
body.tpms-location .header .mainnav a:hover,body:has(.tpms-shell) .header .mainnav a:hover{color:var(--tp-yellow)!important}
body.tpms-location .header .booking-nav,body:has(.tpms-shell) .header .booking-nav{background:var(--tp-yellow)!important;color:#111318!important;border-color:var(--tp-yellow)!important}
body.tpms-location .header .hamburger,body:has(.tpms-shell) .header .hamburger{color:#ffca05!important;border:1px solid #555!important;background:#22262d!important}
body.tpms-location .loc-wrap{max-width:1220px;margin:auto;padding:26px 18px 65px}
body.tpms-location .loc-hero{border-radius:22px;box-shadow:0 10px 40px #1317220b;border:1px solid var(--tp-line);overflow:hidden}
body.tpms-location .loc-hero h1{font-weight:850;letter-spacing:-.035em;line-height:1.14}
body.tpms-location .loc-hero img{border-radius:16px;object-fit:cover;max-width:100%;background:#171b22}
body.tpms-location .loc-panel{border:1px solid var(--tp-line);box-shadow:0 8px 30px #13172208;border-radius:18px}
body.tpms-location .loc-panel p{font-size:15px;line-height:1.8}
body.tpms-location .loc-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border-radius:11px;transition:transform .2s ease}
body.tpms-location .loc-actions a:hover{transform:translateY(-2px)}
body.tpms-location .loc-links a:hover{border-color:#e6b600;background:#fff8dc}
body.tpms-location .loc-crumb{line-height:1.8}
body:has(.tpms-shell) .tpms-wrap{max-width:1220px}
body:has(.tpms-shell) .tpms-panel,body:has(.tpms-shell) .tpms-section{border-radius:22px}
body:has(.tpms-shell) .tpms-hero-layout img{border-radius:18px;object-fit:cover}
.tpms-directory{max-width:1220px;margin:28px auto 65px!important;padding:24px!important;background:#fff;border:1px solid var(--tp-line);border-radius:22px;box-shadow:0 12px 40px #1018280b}
.tpms-directory h2{font-size:clamp(22px,3vw,34px);line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.tpms-directory .directory-intro{color:var(--tp-muted);font-size:14px;line-height:1.7;margin:0 0 18px}
.tpms-directory .directory-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}
.tpms-directory .directory-tab{border:1px solid var(--tp-line);background:#f4f5f7;border-radius:11px;padding:12px 18px;font:800 14px Manrope,Arial,sans-serif;cursor:pointer;color:#1b2028}
.tpms-directory .directory-tab[aria-selected=true]{background:var(--tp-yellow);border-color:var(--tp-yellow)}
.tpms-directory .directory-search{width:100%;height:50px;border:1px solid #cfd5df;border-radius:12px;padding:0 16px;font:500 15px Manrope,Arial,sans-serif;background:#fff;margin-bottom:12px;box-sizing:border-box}
.tpms-directory .directory-pane[hidden]{display:none!important}
.tpms-directory .directory-list{max-height:480px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e7e9ee;border-radius:14px;padding:8px;background:#fafbfc}
.tpms-directory .geo-box{border:1px solid #e4e7ed!important;border-radius:12px!important;margin:6px 0!important;background:#fff!important;overflow:hidden}
.tpms-directory .geo-box summary{padding:13px 16px!important;cursor:pointer;font-weight:750!important;color:#1c2028;list-style:none;display:flex;justify-content:space-between;gap:8px}
.tpms-directory .geo-box summary::-webkit-details-marker{display:none}
.tpms-directory .geo-box summary:after{content:'+';font-size:19px;color:#b58d00}
.tpms-directory .geo-box[open] summary:after{content:'−'}
.tpms-directory .geo-box[open] summary{background:#fff7d8}
.tpms-directory .geo-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;gap:8px!important;padding:12px!important;max-height:320px;overflow-y:auto}
.tpms-directory .geo-grid a{padding:10px 12px!important;border:1px solid #eceef1!important;border-radius:9px!important;background:#fff!important;color:#1d2733!important;font-size:13px!important;text-decoration:none!important}
.tpms-directory .geo-grid a:hover{background:#fff6d3!important;border-color:#ffca05!important}
.tpms-directory .directory-count{font-size:12px;color:#626a77;margin-top:12px}
@media(max-width:950px){body.tpms-location .header .mainnav,body:has(.tpms-shell) .header .mainnav{background:#14171c!important;color:#fff!important;border:1px solid #343941!important;box-shadow:0 20px 40px #0005!important}body.tpms-location .header .mainnav .navitem,body:has(.tpms-shell) .header .mainnav .navitem{border-bottom:1px solid #343941!important}body.tpms-location .header .mainnav a,body:has(.tpms-shell) .header .mainnav a{color:#fff!important}body.tpms-location .header .mainnav a:hover,body:has(.tpms-shell) .header .mainnav a:hover{background:#272b31!important;color:#ffca05!important}}
@media(max-width:680px){.tpms-directory{padding:16px!important;margin:16px 12px 40px!important}.tpms-directory .directory-list{max-height:390px}.tpms-directory .geo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tpms-directory .geo-grid a{font-size:12px!important;overflow-wrap:anywhere}body.tpms-location .loc-hero{padding:17px}body.tpms-location .loc-hero img{height:210px}body.tpms-location .loc-actions a{flex:1 1 170px}body.tpms-location .loc-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){body.tpms-location .loc-actions a{transition:none}}