:root{
  --bg:#f4f7f8;
  --surface:#ffffff;
  --surface-2:#eef3f5;
  --ink:#061014;
  --muted:#65747d;
  --line:#dfe8ec;
  --dark:#020607;
  --dark-2:#071113;
  --dark-3:#0a171a;
  --teal:#24c7c1;
  --teal-2:#0fa79f;
  --teal-dark:#08746f;
  --shadow:0 18px 50px rgba(4,17,22,.11);
  --shadow-soft:0 10px 28px rgba(4,17,22,.08);
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:11px;
  --container:1320px;
  --header-h:74px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{max-width:var(--container);margin-inline:auto;padding-inline:28px}.screen-reader-text,.skip-link{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.skip-link:focus{clip:auto!important;clip-path:none;background:#fff;color:#000;display:block;height:auto;width:auto;z-index:999999;padding:12px 18px;left:12px;top:12px}.reading-progress{position:fixed;inset:0 0 auto;z-index:9999;height:3px;background:transparent}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),#fff)}
body.menu-open,body.search-open{overflow:hidden}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(2,6,7,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);height:var(--header-h)}.header-inner{height:100%;max-width:1530px;margin-inline:auto;padding:0 36px;display:flex;align-items:center;gap:26px}.brand-wrap{min-width:230px}.brand-logo{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-mark{font-weight:950;color:#fff;letter-spacing:.06em;font-size:26px;line-height:1;text-transform:uppercase}.brand-mark span{color:var(--teal)}.brand-logo small{font-size:12px;color:rgba(255,255,255,.85);letter-spacing:.01em}.custom-logo-wrap img{max-height:54px;width:auto}.desktop-nav{flex:1;display:flex;justify-content:center}.jaecoo-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.jaecoo-menu>li{position:relative}.jaecoo-menu>li>a{display:flex;align-items:center;gap:6px;padding:28px 16px;color:rgba(255,255,255,.86);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;transition:.2s}.jaecoo-menu>li:hover>a,.jaecoo-menu>.current-menu-item>a{color:var(--teal)}.jaecoo-menu .sub-menu{position:absolute;top:100%;left:0;min-width:220px;list-style:none;margin:0;padding:10px;background:#071113;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 38px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s}.jaecoo-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.jaecoo-menu .sub-menu a{display:block;color:#dfe8ec;font-size:13px;font-weight:700;padding:11px 12px;border-radius:10px}.jaecoo-menu .sub-menu a:hover{background:rgba(36,199,193,.12);color:var(--teal)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.mobile-menu-btn{width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-radius:13px;cursor:pointer;transition:.2s}.icon-btn svg,.mobile-menu-btn svg{font-size:22px}.icon-btn:hover,.mobile-menu-btn:hover{background:rgba(255,255,255,.08);color:var(--teal)}.community-btn{height:44px;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;display:inline-flex;align-items:center;gap:9px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.04em;box-shadow:0 10px 24px rgba(36,199,193,.28)}.community-btn:hover{transform:translateY(-1px);filter:saturate(1.08)}.mobile-menu-btn{display:none}
.home-hero{position:relative;min-height:560px;background:#020607;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.45) 38%,rgba(0,0,0,.04) 65%,rgba(0,0,0,.38)),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.02) 42%,rgba(0,0,0,.35)),url('../img/hero-scene.svg');background-position:center;background-size:cover;transform:scale(1.02)}.hero-bg:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(0deg,#020607,transparent)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,520px) minmax(240px,390px);justify-content:space-between;align-items:end;gap:30px;min-height:560px;padding-top:64px;padding-bottom:28px}.hero-copy{padding-top:70px}.hero-kicker{margin:0 0 10px;color:var(--teal);font-size:18px;line-height:1.2;font-weight:950;letter-spacing:.01em}.hero-copy h1{margin:0;color:#fff;font-size:clamp(52px,6.2vw,84px);line-height:.94;font-weight:950;letter-spacing:-.06em;text-shadow:0 14px 38px rgba(0,0,0,.38)}.hero-desc{max-width:420px;color:rgba(255,255,255,.88);font-weight:600;margin:20px 0 26px;font-size:16px;line-height:1.6}.hero-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(680px,calc(100vw - 56px));}.quick-tile{border:1px solid rgba(36,199,193,.45);border-radius:12px;padding:22px 18px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:.22s;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;text-align:left}.quick-tile--dark{background:rgba(3,12,15,.63);backdrop-filter:blur(12px);color:#fff}.quick-tile svg{font-size:30px;color:#fff;margin-bottom:6px}.quick-tile strong{font-size:13px;text-transform:uppercase;font-weight:950;letter-spacing:.02em}.quick-tile span{font-size:12px;color:rgba(255,255,255,.72)}.quick-tile:hover{transform:translateY(-3px);border-color:var(--teal);background:rgba(36,199,193,.12)}.quick-tile:hover svg{color:var(--teal)}.hero-phone{display:none;justify-self:end}.phone-frame{width:276px;height:548px;border-radius:38px;border:9px solid #07090a;background:#050808;box-shadow:0 25px 80px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.12);padding:12px;overflow:hidden}.phone-status{height:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.phone-status i{width:14px;height:6px;border:1px solid #fff;border-radius:4px;display:inline-block}.phone-header{height:48px;display:flex;align-items:center;justify-content:space-between;color:#fff}.phone-header strong{letter-spacing:.05em}.phone-header strong span{color:var(--teal)}.phone-hero-mini{height:174px;border-radius:12px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),url('../img/hero-scene.svg') center/cover;color:#fff;padding:22px}.phone-hero-mini p{margin:0;color:#fff;font-size:12px;font-weight:800}.phone-hero-mini h3{margin:2px 0 14px;font-size:26px;line-height:1}.phone-hero-mini a{display:inline-block;background:var(--teal);padding:10px 14px;border-radius:7px;font-size:11px;font-weight:900}.phone-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.phone-tiles span{height:76px;border:1px solid rgba(36,199,193,.4);border-radius:10px;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;text-align:center}
.ad-band{margin-top:18px;margin-bottom:26px}.ad-slot{min-height:72px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f5f7f8);display:flex;align-items:center;justify-content:center;gap:10px;color:#7b858c;text-align:center;box-shadow:var(--shadow-soft)}.ad-slot span{border:1px solid #a9b3b9;border-radius:3px;font-size:11px;padding:0 4px;font-weight:700}.ad-slot strong{font-size:13px;font-weight:800}.ad-slot small{display:block;font-size:11px}.home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.98fr);gap:26px;margin-bottom:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{margin:0;font-size:20px;line-height:1.1;font-weight:950;text-transform:uppercase;letter-spacing:-.02em}.section-head a{display:inline-flex;align-items:center;gap:5px;color:var(--teal-dark);font-size:12px;font-weight:900}.section-head svg{width:15px}.section-head.compact{margin-bottom:12px}.section-head.compact h2{font-size:16px}.post-card-grid{display:grid;gap:16px}.post-card-grid--three{grid-template-columns:repeat(3,1fr)}.post-card{min-height:158px;border-radius:10px;position:relative;overflow:hidden;background:#111;box-shadow:var(--shadow-soft)}.post-card a{position:absolute;inset:0;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.1) 68%),var(--card-image) center/cover;transition:.25s}.post-card:hover a{transform:scale(1.035)}.badge{align-self:flex-start;margin-bottom:auto;background:rgba(36,199,193,.76);color:#fff;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.post-card h3{margin:20px 0 10px;font-size:18px;line-height:1.16;font-weight:950;letter-spacing:-.035em}.card-meta{display:flex;gap:16px;color:rgba(255,255,255,.8);font-size:12px;font-weight:650}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.guide-panel,.popular-panel,.service-map-card,.docs-card,.community-strip{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);padding:16px}.vehicle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vehicle-card{min-height:170px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafb);padding:12px;display:flex;flex-direction:column;justify-content:space-between;transition:.22s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:rgba(36,199,193,.45)}.vehicle-card img{height:86px;object-fit:contain;width:100%}.vehicle-card strong{font-size:14px;font-weight:950}.vehicle-card span{font-size:12px;color:var(--teal-dark);font-weight:800}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-grid a{min-height:76px;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;background:#fff;transition:.2s}.topic-grid svg{grid-row:1/3;color:var(--teal-2);font-size:24px}.topic-grid strong{font-size:12px;font-weight:950;line-height:1.1}.topic-grid span{font-size:10px;color:var(--muted);font-weight:700}.topic-grid a:hover{border-color:rgba(36,199,193,.5);background:#f8ffff}.content-right{display:flex;flex-direction:column;gap:16px}.service-map-card{position:relative}.service-map-card img{width:100%;border-radius:10px;background:#eef9fb;border:1px solid var(--line);height:185px;object-fit:cover}.service-map-card select{position:absolute;left:28px;top:118px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 34px 10px 12px;font-size:12px;font-weight:700;color:var(--muted)}.service-list{margin-top:8px;display:flex;flex-direction:column}.service-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-top:1px solid var(--line);font-size:12px;font-weight:800}.service-list span{color:var(--muted);font-weight:700}.doc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.doc-list a{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:center;background:#fff}.doc-list svg{grid-row:1/3;color:#111;font-size:22px}.doc-list strong{font-size:12px;line-height:1.1}.doc-list span{font-size:10px;color:var(--muted);font-weight:750}.community-strip{margin-top:18px;display:grid;grid-template-columns:minmax(180px,1.25fr) repeat(4,1fr);gap:10px;align-items:center}.community-strip h2{margin:0 0 2px;font-size:16px;text-transform:uppercase}.community-strip p{margin:0;color:var(--muted);font-size:12px}.community-strip>a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.community-strip svg{font-size:24px;color:var(--teal-2)}.community-strip strong,.community-strip span{font-weight:950;font-size:12px}.community-strip small{display:block;color:var(--muted);font-weight:700;font-size:10px}.side-ad .ad-slot{min-height:96px}
.site-footer{background:radial-gradient(circle at 10% 0,rgba(36,199,193,.12),transparent 30%),#071014;color:#dce7eb;margin-top:0;padding:36px 0 0}.footer-inner{display:grid;grid-template-columns:1.5fr 1.1fr 1.1fr 1.3fr;gap:40px;padding-top:18px;padding-bottom:28px}.footer-brand p,.footer-newsletter p{color:#9baab2;font-size:14px;max-width:270px}.social-row{display:flex;gap:10px}.social-row a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff}.footer-col h3,.footer-newsletter h3{margin:0 0 12px;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:7px}.footer-menu a{color:#aebdc4;font-size:13px}.footer-menu a:hover{color:var(--teal)}.newsletter-form{display:flex;background:#fff;border-radius:8px;overflow:hidden;max-width:300px}.newsletter-form input{min-width:0;flex:1;border:0;padding:12px;color:#111}.newsletter-form button{width:48px;border:0;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;cursor:pointer}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:14px;color:#84939a;font-size:12px}.footer-ad{margin-bottom:20px}.footer-ad .ad-slot{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#b8c4c9;box-shadow:none}.mobile-bottom-nav{display:none}
.archive-hero,.page-hero,.not-found-page{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.42)),url('../img/hero-scene.svg') center/cover;color:#fff;padding:86px 0 58px}.archive-hero h1,.page-hero h1,.not-found-page h1{margin:0;font-size:clamp(36px,4vw,62px);line-height:1;letter-spacing:-.055em}.archive-hero p,.page-hero p,.not-found-page p{max-width:640px;color:rgba(255,255,255,.82);font-weight:650}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:30px;margin-bottom:40px}.archive-list{display:grid;gap:18px}.archive-card{display:grid;grid-template-columns:250px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft)}.archive-thumb{background:var(--thumb) center/cover;min-height:190px}.archive-body{padding:22px}.archive-meta{font-size:12px;color:var(--teal-dark);font-weight:850;text-transform:uppercase}.archive-body h2{margin:6px 0 8px;font-size:24px;line-height:1.15}.archive-body p{margin:0 0 14px;color:var(--muted)}.read-more,.btn-primary{display:inline-flex;align-items:center;gap:6px;color:var(--teal-dark);font-weight:900}.read-more svg{width:16px}.site-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-search,.sidebar-card,.site-sidebar .widget{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-soft)}.sidebar-search form{display:flex;gap:8px}.sidebar-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px}.sidebar-search button{width:44px;border:0;border-radius:10px;background:var(--teal);color:#fff}.sidebar-card h3,.widget-title{margin:0 0 12px;font-size:15px;text-transform:uppercase}.topic-list-mini{display:flex;flex-wrap:wrap;gap:8px}.topic-list-mini a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:var(--teal-dark)}.recent-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.recent-list li{border-bottom:1px solid var(--line);padding-bottom:10px}.recent-list a{display:block;font-weight:850;line-height:1.25}.recent-list span{font-size:11px;color:var(--muted)}.big-search{display:flex;gap:10px;max-width:620px;margin-top:22px}.big-search input{flex:1;border:0;border-radius:12px;padding:16px 18px}.big-search button{border:0;border-radius:12px;padding:0 18px;background:var(--teal);color:#fff;font-weight:900;display:flex;align-items:center;gap:8px}.pagination .nav-links{display:flex;gap:8px}.pagination a,.pagination span{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:850}.pagination .current{background:var(--dark);color:#fff}.single-hero{position:relative;min-height:460px;background:#050808;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.single-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.18) 70%),linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.18)),var(--single-image) center/cover;transform:scale(1.02)}.single-hero-inner{position:relative;z-index:2;padding-bottom:54px}.single-category a{display:inline-block;background:rgba(36,199,193,.9);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;text-transform:uppercase}.single-hero h1{max-width:920px;margin:14px 0;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.055em}.single-meta{display:flex;gap:16px;color:rgba(255,255,255,.78);font-weight:800;font-size:13px}.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:30px;margin-bottom:40px}.single-content-card,.page-content-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow-soft);min-width:0}.entry-content{font-size:18px;line-height:1.78;color:#1d2a30}.entry-content>p:first-child{font-size:20px;color:#0b171c;font-weight:600}.entry-content h2{margin-top:42px;font-size:34px;line-height:1.1;letter-spacing:-.04em}.entry-content h3{margin-top:30px;font-size:24px}.entry-content a{color:var(--teal-dark);font-weight:850}.entry-content blockquote{margin:30px 0;padding:20px;border-left:4px solid var(--teal);background:#f3fbfb;border-radius:0 14px 14px 0}.entry-content img{border-radius:16px;box-shadow:var(--shadow-soft)}.article-toc{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#f8fbfb,#fff);padding:16px;margin-bottom:28px}.toc-title{font-weight:950;text-transform:uppercase;margin-bottom:8px}.article-toc ol{margin:0;padding-left:20px}.article-toc li{margin:5px 0}.article-toc .toc-level-3{margin-left:16px;font-size:.94em}.article-ad{margin-bottom:24px}.entry-footer{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row a{border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:var(--teal-dark);font-weight:850;font-size:12px}.share-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850}.share-row a{color:var(--teal-dark)}.related-posts{margin-top:34px}.comments-area{margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.comment-list{padding-left:20px}.comment-respond input,.comment-respond textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px}.comment-respond .submit{border:0;background:var(--dark);color:#fff;border-radius:12px;padding:13px 18px;font-weight:900;cursor:pointer}.page-layout{margin-top:30px;margin-bottom:44px}.docs-template,.services-template{margin-top:30px;margin-bottom:44px}.docs-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.doc-large-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px;transition:.2s}.doc-large-card:hover{transform:translateY(-3px);border-color:rgba(36,199,193,.55)}.doc-large-card svg{font-size:34px;color:var(--teal-dark)}.doc-large-card strong{font-size:20px;font-weight:950}.doc-large-card span{color:var(--muted)}.service-map-card--wide{padding:22px}.service-map-card--wide img{height:350px}.service-search-row{display:flex;gap:10px;margin:16px 0}.service-search-row input{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px}.service-search-row button{border:0;border-radius:12px;background:var(--dark);color:#fff;padding:0 18px;font-weight:900}.service-list--wide{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.not-found-page{min-height:70vh;display:flex;align-items:center}.not-found-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding-top:40px;padding-bottom:40px}.not-found-card .btn-primary{background:var(--teal);color:#fff;padding:13px 18px;border-radius:12px;margin-top:20px}.mobile-drawer,.drawer-backdrop,.search-modal{position:fixed;z-index:2000;visibility:hidden;opacity:0;transition:.25s}.mobile-drawer{top:0;right:0;bottom:0;width:min(380px,88vw);background:#061013;color:#fff;transform:translateX(100%);padding:22px;box-shadow:-20px 0 60px rgba(0,0,0,.4)}.menu-open .mobile-drawer{visibility:visible;opacity:1;transform:translateX(0)}.drawer-backdrop{inset:0;background:rgba(0,0,0,.55)}.menu-open .drawer-backdrop{visibility:visible;opacity:1}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer-close,.search-close{border:0;background:transparent;color:inherit;font-size:34px;cursor:pointer}.drawer-menu{list-style:none;margin:0;padding:0;display:grid;gap:4px}.drawer-menu a,.drawer-nav .jaecoo-menu a{display:block;padding:14px;border-radius:12px;color:#fff;background:rgba(255,255,255,.04);font-weight:850}.drawer-nav .jaecoo-menu{display:grid}.drawer-nav .jaecoo-menu>li>a{padding:14px}.drawer-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:0;box-shadow:none;padding:3px 0 0 12px}.drawer-community{margin-top:18px;background:var(--teal);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:950;text-transform:uppercase}.search-modal{inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.search-open .search-modal{visibility:visible;opacity:1}.search-modal-card{width:min(720px,100%);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.4)}.search-close{position:absolute;top:10px;right:16px;color:#111}.search-modal-title{font-weight:950;font-size:24px;letter-spacing:.05em}.search-modal-title:after{content:'.INFO';color:var(--teal)}.search-modal-form{display:flex;gap:10px;margin-top:18px}.search-modal-form input{flex:1;border:1px solid var(--line);border-radius:14px;padding:16px}.search-modal-form button{border:0;border-radius:14px;background:var(--dark);color:#fff;padding:0 18px;font-weight:950;display:flex;align-items:center;gap:8px}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.search-suggestions a{background:#f0f6f7;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-weight:850;color:var(--teal-dark);font-size:13px}
@media (min-width:1180px){.hero-phone{display:block}.hero-inner{grid-template-columns:minmax(0,680px) minmax(260px,312px)}.home-hero{min-height:595px}.hero-inner{min-height:595px}.hero-copy h1{font-size:78px}.hero-actions{width:680px}.home-grid{grid-template-columns:minmax(0,2fr) minmax(420px,.98fr)}}
@media (max-width:1220px){.desktop-nav{display:none}.mobile-menu-btn{display:grid}.header-inner{padding-inline:22px}.brand-wrap{min-width:auto}.home-grid,.archive-layout,.single-layout{grid-template-columns:1fr}.content-right{display:grid;grid-template-columns:1fr 1fr}.side-ad{display:none}.hero-inner{grid-template-columns:1fr}.hero-actions{width:100%;grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){:root{--header-h:64px}.container{padding-inline:18px}.site-header{position:fixed;left:0;right:0}.header-inner{justify-content:space-between;padding-inline:16px}.brand-mark{font-size:20px}.brand-logo small{display:none}.icon-btn.js-theme-toggle,.community-btn{display:none}.home-hero{min-height:unset;padding-top:64px}.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05)),url('../img/hero-scene.svg');background-position:center top}.hero-inner{min-height:330px;padding-top:0;padding-bottom:18px;display:block}.hero-copy{padding-top:78px}.hero-kicker{font-size:13px;margin-bottom:5px}.hero-copy h1{font-size:34px;letter-spacing:-.045em}.hero-desc{font-size:13px;max-width:260px;margin:10px 0 14px}.hero-actions{grid-template-columns:repeat(4,1fr);gap:7px;width:100%}.quick-tile{min-height:82px;padding:10px 7px;border-radius:10px;text-align:center;align-items:center}.quick-tile svg{font-size:25px;margin:0 0 2px}.quick-tile strong{font-size:10px}.quick-tile span{font-size:9px;line-height:1.1}.ad-band{margin-top:12px;margin-bottom:18px}.ad-slot{min-height:52px}.home-grid{display:block}.section-head h2{font-size:16px}.post-card-grid--three{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:-18px;padding-inline:18px}.post-card-grid--three .post-card{min-width:86%;scroll-snap-align:start;min-height:182px}.post-card h3{font-size:17px}.lower-grid{grid-template-columns:1fr;margin-top:16px}.vehicle-cards{grid-template-columns:repeat(3,150px);overflow-x:auto;margin-inline:-18px;padding-inline:18px;padding-bottom:8px}.vehicle-card{min-height:140px}.topic-grid{grid-template-columns:repeat(2,1fr)}.content-right{display:block}.service-map-card,.docs-card{margin-top:16px}.service-map-card img{height:170px}.doc-list{grid-template-columns:1fr 1fr}.community-strip{grid-template-columns:1fr 1fr;margin-bottom:16px}.community-strip>div{grid-column:1/-1}.site-footer{padding-bottom:72px}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-bottom{padding-bottom:18px}.mobile-bottom-nav{position:fixed;z-index:1100;left:0;right:0;bottom:0;height:68px;background:#05090a;color:#fff;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:800}.mobile-bottom-nav svg{font-size:23px}.mobile-bottom-nav .is-active{color:var(--teal)}.archive-hero,.page-hero,.not-found-page{padding:112px 0 42px}.archive-hero h1,.page-hero h1,.not-found-page h1{font-size:38px}.archive-layout,.single-layout{display:block;margin-top:18px}.archive-card{grid-template-columns:1fr}.archive-thumb{min-height:180px}.archive-body{padding:18px}.archive-body h2{font-size:22px}.site-sidebar{margin-top:18px}.single-hero{min-height:390px;padding-top:64px}.single-hero h1{font-size:36px}.single-meta{flex-wrap:wrap;gap:8px 12px}.single-content-card,.page-content-card{border-radius:18px;padding:20px;margin-bottom:18px}.entry-content{font-size:16px}.entry-content>p:first-child{font-size:17px}.entry-content h2{font-size:28px}.entry-footer{display:block}.share-row{margin-top:16px}.docs-grid-large{grid-template-columns:1fr}.service-list--wide{grid-template-columns:1fr}.service-map-card--wide img{height:230px}.service-search-row{display:block}.service-search-row button{margin-top:8px;height:44px;width:100%}.search-modal-form{display:block}.search-modal-form button{width:100%;height:48px;margin-top:10px;justify-content:center}.search-modal-card{border-radius:18px;padding:22px}}
@media (max-width:430px){.phone-frame{display:none}.post-card-grid--three .post-card{min-width:91%}.topic-grid a{min-height:70px;padding:10px}.doc-list{grid-template-columns:1fr}.community-strip{grid-template-columns:1fr}.brand-mark{font-size:18px}.header-actions{gap:4px}.hero-copy h1{font-size:32px}.hero-actions{grid-template-columns:repeat(4,1fr)}.quick-tile{min-height:77px}.quick-tile span{display:none}}


/* ==========================================================
   JAECOO Exact Pro v1.1.0
   Mobile viewport/horizontal overflow correction
   This patch keeps the approved visual direction while making
   the mobile layout behave like an app screen instead of a wide
   desktop canvas.
   ========================================================== */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}
body {
  min-width: 0;
}
.site-main,
.site-header,
.site-footer,
.home-hero,
.home-grid,
.archive-layout,
.single-layout,
.page-layout,
.docs-template,
.services-template {
  max-width: 100%;
}
.container {
  width: 100%;
  max-width: var(--container);
}

@media (max-width: 760px) {
  :root { --mobile-pad: 18px; }

  .site-header,
  .site-main,
  .home-hero,
  .site-footer {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .container,
  .hero-inner.container,
  .home-grid.container,
  .ad-band.container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--mobile-pad);
    padding-right: var(--mobile-pad);
  }

  .home-hero {
    overflow: hidden;
    isolation: isolate;
  }

  .hero-bg {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    transform: none;
    background-position: center top;
  }

  .hero-inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .hero-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    transform: none;
  }

  .hero-kicker,
  .hero-copy h1,
  .hero-desc {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .hero-copy h1 {
    width: min(100%, 340px);
  }

  .hero-desc {
    width: min(100%, 320px);
  }

  .hero-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
  }

  .quick-tile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .content-left,
  .content-right,
  .guide-panel,
  .popular-panel,
  .service-map-card,
  .docs-card,
  .community-strip,
  .lower-grid,
  .topic-grid,
  .doc-list {
    max-width: 100%;
    min-width: 0;
  }

  .home-grid {
    overflow: hidden;
  }

  .ad-band {
    padding-left: var(--mobile-pad) !important;
    padding-right: var(--mobile-pad) !important;
  }

  .ad-slot {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .post-card-grid--three,
  .vehicle-cards {
    max-width: calc(100vw - 0px);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .post-card-grid--three::-webkit-scrollbar,
  .vehicle-cards::-webkit-scrollbar {
    display: none;
  }

  .post-card-grid--three .post-card {
    flex: 0 0 min(86vw, 340px);
    min-width: 0;
    max-width: min(86vw, 340px);
  }

  .vehicle-cards {
    grid-template-columns: repeat(3, minmax(136px, 150px));
  }

  .mobile-bottom-nav {
    width: 100%;
    max-width: 100vw;
  }
}

@media (max-width: 430px) {
  :root { --mobile-pad: 16px; }

  .container,
  .hero-inner.container,
  .home-grid.container,
  .ad-band.container {
    padding-left: var(--mobile-pad);
    padding-right: var(--mobile-pad);
  }

  .hero-copy h1 {
    width: min(100%, 315px);
    font-size: clamp(29px, 8.5vw, 34px);
  }

  .hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .quick-tile {
    min-height: 76px;
    padding: 9px 4px;
  }

  .quick-tile svg {
    font-size: 22px;
  }

  .quick-tile strong {
    font-size: 8.7px;
    line-height: 1.18;
  }

  .post-card-grid--three {
    margin-left: calc(var(--mobile-pad) * -1);
    margin-right: calc(var(--mobile-pad) * -1);
    padding-left: var(--mobile-pad);
    padding-right: var(--mobile-pad);
  }

  .post-card-grid--three .post-card {
    flex-basis: min(86vw, 330px);
    max-width: min(86vw, 330px);
  }

  .vehicle-cards {
    margin-left: calc(var(--mobile-pad) * -1);
    margin-right: calc(var(--mobile-pad) * -1);
    padding-left: var(--mobile-pad);
    padding-right: var(--mobile-pad);
    grid-template-columns: repeat(3, 136px);
  }
}

/* ==========================================================
   JAECOO Exact Pro v1.2.0
   Premium footer + working mobile side menu update
   ========================================================== */
.site-footer--premium{
  position:relative;
  margin-top:0;
  padding:0 0 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(36,199,193,.18),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(36,199,193,.09),transparent 34%),
    linear-gradient(180deg,#061013,#030707 86%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer--premium:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.46;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent);
}
.footer-hero{position:relative;min-height:260px;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(2,6,7,.92) 0%,rgba(2,6,7,.76) 38%,rgba(2,6,7,.18) 72%,rgba(2,6,7,.74) 100%),
  linear-gradient(0deg,#061013 0%,rgba(6,16,19,.12) 55%,rgba(6,16,19,.4) 100%),
  url('../img/hero-scene.svg') center/cover no-repeat;opacity:.92;z-index:-1;transform:scale(1.02)}
.footer-hero-inner{position:relative;min-height:260px;display:flex;align-items:center}
.footer-hero-copy{max-width:560px;padding:36px 0}
.site-footer--premium .brand-mark{font-size:36px;letter-spacing:.075em;text-shadow:0 12px 38px rgba(0,0,0,.35)}
.footer-hero-copy p,.footer-brand-bottom p{color:rgba(221,236,240,.76);font-size:17px;line-height:1.7;margin:18px 0 24px;max-width:520px}
.social-row.footer-hero-social{gap:14px}
.site-footer--premium .social-row a{width:48px;height:48px;border-radius:999px;border:1px solid rgba(36,199,193,.35);background:rgba(255,255,255,.04);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.2s}
.site-footer--premium .social-row a:hover{border-color:var(--teal);background:rgba(36,199,193,.16);color:var(--teal);transform:translateY(-2px)}
.footer-main{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:38px;padding-bottom:32px}
.footer-panel{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px)}
.footer-link-panel{padding:24px}
.footer-link-panel h3,.footer-newsletter h3{margin:0 0 18px;display:flex;align-items:center;gap:13px;color:#fff;font-size:20px;line-height:1.1;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.footer-link-panel h3 span,.footer-newsletter-icon{width:40px;height:40px;border-radius:14px;background:rgba(36,199,193,.12);border:1px solid rgba(36,199,193,.28);display:grid;place-items:center;color:var(--teal)}
.footer-link-panel h3 svg,.footer-newsletter-icon svg{font-size:22px}
.footer-link-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-link-list a{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:12px;border-radius:14px;color:rgba(229,240,243,.8);font-size:17px;font-weight:700;padding:8px 10px;transition:.18s}
.footer-link-list a:hover{background:rgba(36,199,193,.08);color:#fff;transform:translateX(3px)}
.footer-link-list a>svg:first-child{font-size:22px;color:rgba(255,255,255,.7)}
.footer-link-list a>svg:last-child{font-size:18px;color:rgba(255,255,255,.58);justify-self:end}
.footer-newsletter{grid-column:1/-1;padding:26px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.footer-newsletter p{color:rgba(221,236,240,.72);font-size:16px;margin:0}
.footer-newsletter .newsletter-form{grid-column:1/-1;margin-top:6px;display:grid;grid-template-columns:1fr 98px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.footer-newsletter .newsletter-form input{height:62px;background:transparent;border:0;color:#fff;padding:0 22px;font-size:18px;outline:none}
.footer-newsletter .newsletter-form input::placeholder{color:rgba(255,255,255,.48)}
.footer-newsletter .newsletter-form button{border:0;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;font-size:28px;display:grid;place-items:center;cursor:pointer;transition:.2s}
.footer-newsletter .newsletter-form button:hover{filter:saturate(1.15);transform:translateX(2px)}
.footer-brand-bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:28px;border-radius:0;background:transparent;border-width:1px 0 1px;box-shadow:none}
.footer-brand-bottom .brand-mark{font-size:31px}
.footer-brand-bottom p{font-size:16px;margin:12px 0 0;max-width:560px}.footer-follow{display:grid;gap:14px;justify-items:start}.footer-follow strong{text-transform:uppercase;letter-spacing:.08em;font-size:17px}
.site-footer--premium .footer-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;border-top:0;padding:18px 18px 28px;color:rgba(221,236,240,.6);font-size:14px;background:rgba(0,0,0,.12)}
.site-footer--premium .footer-bottom nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.site-footer--premium .footer-bottom a{color:rgba(221,236,240,.72)}.site-footer--premium .footer-bottom a:hover{color:var(--teal)}

.mobile-drawer,.drawer-backdrop{z-index:9998}.mobile-drawer{inset:0 0 0 auto;width:min(430px,86vw);height:100vh;height:100dvh;padding:0;background:transparent;transform:translateX(104%);opacity:1;visibility:visible;pointer-events:none;box-shadow:none}.menu-open .mobile-drawer{transform:translateX(0);pointer-events:auto}.drawer-panel{height:100%;padding:32px 26px 104px;overflow-y:auto;background:linear-gradient(180deg,rgba(5,13,15,.98),rgba(2,7,8,.98));border-left:1px solid rgba(255,255,255,.12);box-shadow:-24px 0 80px rgba(0,0,0,.58);backdrop-filter:blur(20px)}.drawer-backdrop{inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);pointer-events:none}.menu-open .drawer-backdrop{visibility:visible;opacity:1;pointer-events:auto}.drawer-head{margin-bottom:26px}.drawer-head .brand-mark{font-size:26px}.drawer-close{width:54px;height:54px;border-radius:16px;color:rgba(255,255,255,.72);font-size:44px;display:grid;place-items:center}.drawer-close:hover{background:rgba(255,255,255,.07);color:#fff}.drawer-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.48);font-weight:950;margin:0 0 12px}.drawer-action-list{display:grid;gap:12px}.drawer-card{min-height:74px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:14px 18px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.18s}.drawer-card:hover,.drawer-card:focus{border-color:rgba(36,199,193,.5);background:rgba(36,199,193,.09);outline:none;transform:translateX(-3px)}.drawer-card-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--teal)}.drawer-card-icon svg{font-size:28px}.drawer-card strong{font-size:18px;font-weight:850;letter-spacing:-.015em}.drawer-card-arrow{justify-self:end;color:rgba(255,255,255,.68)}.drawer-card-arrow svg{font-size:18px}.drawer-community{height:64px;margin-top:24px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;box-shadow:0 18px 46px rgba(36,199,193,.25);letter-spacing:.04em}.drawer-community:hover{filter:saturate(1.12)}body.menu-open .mobile-bottom-nav{z-index:900}

@media (max-width:760px){
  .site-footer--premium{padding-bottom:74px}.footer-hero{min-height:300px}.footer-hero-bg{background-position:center top}.footer-hero-inner{min-height:300px;align-items:end}.footer-hero-copy{padding:38px 0 30px}.site-footer--premium .brand-mark{font-size:32px}.footer-hero-copy p{font-size:18px;line-height:1.55;max-width:360px}.footer-main{grid-template-columns:1fr;gap:16px;padding-top:26px;padding-bottom:20px}.footer-link-panel{padding:20px}.footer-link-panel h3,.footer-newsletter h3{font-size:18px}.footer-link-list a{font-size:17px;min-height:52px}.footer-newsletter{display:grid;grid-template-columns:auto 1fr;padding:22px}.footer-newsletter .newsletter-form{grid-template-columns:1fr 76px}.footer-newsletter .newsletter-form input{height:58px;font-size:17px}.footer-brand-bottom{grid-template-columns:1fr;gap:24px;padding:24px 0}.footer-brand-bottom .brand-mark{font-size:29px}.site-footer--premium .footer-bottom{padding-bottom:22px;text-align:center;display:grid;gap:12px}.site-footer--premium .footer-bottom nav{justify-content:center}.mobile-drawer{width:min(390px,86vw)}.drawer-panel{padding:30px 22px 104px}.drawer-card{min-height:72px}.drawer-card strong{font-size:17px}
}
@media (max-width:430px){
  .footer-hero{min-height:280px}.site-footer--premium .brand-mark{font-size:29px}.footer-hero-copy p{font-size:16px}.site-footer--premium .social-row a{width:44px;height:44px}.footer-link-panel{padding:18px}.footer-newsletter{padding:18px}.footer-newsletter-icon{width:48px;height:48px}.footer-newsletter .newsletter-form{grid-template-columns:1fr 66px}.mobile-drawer{width:86vw}.drawer-head .brand-mark{font-size:23px}.drawer-panel{padding:28px 18px 104px}.drawer-card{min-height:68px;border-radius:16px;grid-template-columns:34px minmax(0,1fr) 20px;padding:12px 14px}.drawer-card-icon{width:34px;height:34px}.drawer-card-icon svg{font-size:25px}.drawer-card strong{font-size:16px}.drawer-community{height:60px;border-radius:16px}
}

/* ==========================================================
   JAECOO Exact Pro v1.3.0
   iOS Safari mobile drawer blur/click fix
   ========================================================== */
body.menu-open{overflow:hidden;touch-action:none;}
.mobile-drawer{
  z-index:10040 !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none !important;
  -webkit-transform:translate3d(104%,0,0) !important;
  transform:translate3d(104%,0,0) !important;
  will-change:transform;
  isolation:isolate;
}
body.menu-open .mobile-drawer,
.menu-open .mobile-drawer{
  pointer-events:auto !important;
  -webkit-transform:translate3d(0,0,0) !important;
  transform:translate3d(0,0,0) !important;
}
.drawer-backdrop{
  z-index:10020 !important;
  pointer-events:none !important;
  background:rgba(0,0,0,.62) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  backdrop-filter:blur(2px) !important;
}
body.menu-open .drawer-backdrop,
.menu-open .drawer-backdrop{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.drawer-panel{
  position:relative !important;
  z-index:10045 !important;
  pointer-events:auto !important;
  background:
    radial-gradient(circle at 18% 8%,rgba(36,199,193,.14),transparent 34%),
    linear-gradient(180deg,rgba(5,15,17,.995),rgba(2,8,9,.995)) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  -webkit-filter:none !important;
  filter:none !important;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.drawer-panel *,
.drawer-card,
.drawer-card *,
.drawer-community,
.drawer-community *,
.drawer-close{
  pointer-events:auto !important;
  -webkit-filter:none !important;
  filter:none !important;
}
.drawer-card,
.drawer-community,
.drawer-close{
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(36,199,193,.18);
  touch-action:manipulation;
}
.drawer-card:active,
.drawer-community:active,
.drawer-close:active{transform:scale(.985);}
.mobile-bottom-nav{z-index:950 !important;}
body.menu-open .mobile-bottom-nav{z-index:900 !important;pointer-events:none !important;}

@media (max-width:760px){
  .mobile-drawer{width:min(430px,86vw) !important;}
  .drawer-panel{box-shadow:-18px 0 70px rgba(0,0,0,.62) !important;}
}
@media (max-width:430px){
  .mobile-drawer{width:86vw !important;}
  .drawer-panel{padding:28px 18px 112px !important;}
}

/* ==========================================================
   JAECOO Exact Pro v1.5.0
   Minimal drawer, refined search, simplified footer, service/guide updates
   ========================================================== */
.mobile-drawer{
  width:min(392px,90vw) !important;
  z-index:10040 !important;
}
.drawer-panel{
  padding:24px 20px 108px !important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,199,193,.12),transparent 34%),
    linear-gradient(180deg,#050b0d,#020607 72%) !important;
  border-left:1px solid rgba(255,255,255,.10) !important;
  box-shadow:-22px 0 80px rgba(0,0,0,.58) !important;
}
.drawer-head--minimal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px !important;
}
.drawer-head--minimal .brand-mark{font-size:24px !important;}
.drawer-close{font-size:34px !important;width:42px !important;height:42px !important;border-radius:999px !important;background:transparent !important;border:0 !important;}
.drawer-search{
  height:48px;
  display:grid;
  grid-template-columns:22px 1fr;
  align-items:center;
  gap:10px;
  padding:0 14px;
  margin:0 0 18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.78);
}
.drawer-search svg{font-size:20px;color:var(--teal);}
.drawer-search input{
  width:100%;
  min-width:0;
  height:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.drawer-search input::placeholder{color:rgba(255,255,255,.44);}
.drawer-link-list{display:grid;gap:6px;margin-top:2px;}
.drawer-link-list a{
  min-height:54px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  padding:10px 10px;
  color:rgba(239,249,251,.88);
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
  -webkit-tap-highlight-color:rgba(36,199,193,.16);
}
.drawer-link-list a:hover,.drawer-link-list a:focus{
  color:#fff;
  background:rgba(255,255,255,.045);
  border-color:rgba(36,199,193,.20);
  transform:translateX(-2px);
  outline:none;
}
.drawer-link-list a>span:first-child{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  color:var(--teal);
  background:rgba(36,199,193,.08);
  border:1px solid rgba(36,199,193,.14);
}
.drawer-link-list svg{font-size:19px;}
.drawer-link-list strong{font-size:15px;font-weight:800;letter-spacing:-.01em;}
.drawer-link-list a>svg:last-child{color:rgba(255,255,255,.38);font-size:17px;justify-self:end;}
.drawer-community{
  height:52px !important;
  margin-top:18px !important;
  border-radius:15px !important;
  font-size:13px !important;
  box-shadow:0 14px 34px rgba(36,199,193,.18) !important;
}
.search-modal{
  z-index:10060 !important;
  background:rgba(2,6,7,.70) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  backdrop-filter:blur(10px) !important;
}
.search-modal-card--minimal{
  width:min(640px,calc(100vw - 32px)) !important;
  background:linear-gradient(180deg,#ffffff,#f6fafb) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  border-radius:22px !important;
  padding:26px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.38) !important;
  color:#071114;
}
.search-close{top:14px !important;right:16px !important;width:36px !important;height:36px !important;border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:#071114 !important;font-size:22px !important;line-height:1 !important;display:grid !important;place-items:center !important;}
.search-modal-kicker{color:var(--teal-dark);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.11em;margin-bottom:6px;}
.search-modal-title{font-size:30px !important;letter-spacing:-.04em !important;text-transform:none !important;}
.search-modal-title:after{content:none !important;}
.search-modal-form{display:grid !important;grid-template-columns:1fr 112px;gap:10px;margin-top:18px !important;}
.search-input-wrap{height:56px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 15px;}
.search-input-wrap svg{color:var(--teal-dark);font-size:20px;}
.search-modal-form input{border:0 !important;padding:0 !important;outline:none;background:transparent;min-width:0;font-weight:750;color:#071114;}
.search-modal-form button{height:56px !important;margin:0 !important;border:0 !important;border-radius:16px !important;background:linear-gradient(135deg,var(--teal),var(--teal-2)) !important;color:#fff !important;justify-content:center !important;font-weight:950 !important;}
.search-suggestions{gap:8px !important;margin-top:14px !important;}
.search-suggestions a{background:#fff !important;color:#0d6865 !important;border-color:#dce9ec !important;padding:8px 12px !important;font-size:12px !important;}
.site-footer--minimal{
  padding:0 0 76px !important;
  margin-top:22px;
  background:linear-gradient(180deg,#071014,#030607) !important;
  color:#dce8eb;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-minimal-inner{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr) minmax(260px,.9fr);
  gap:26px;
  align-items:center;
  padding-top:34px;
  padding-bottom:24px;
}
.footer-minimal-brand p{max-width:390px;margin:12px 0 16px;color:rgba(220,232,235,.66);font-size:14px;line-height:1.7;}
.footer-minimal-brand .brand-mark{font-size:30px;}
.footer-social-minimal{gap:8px;}
.site-footer--minimal .social-row a{width:38px;height:38px;border:1px solid rgba(36,199,193,.22);background:rgba(255,255,255,.035);color:#fff;border-radius:999px;display:grid;place-items:center;transition:.18s;}
.site-footer--minimal .social-row a:hover{color:var(--teal);border-color:var(--teal);background:rgba(36,199,193,.10);}
.site-footer--minimal .social-row svg{font-size:18px;}
.footer-minimal-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.footer-minimal-links a{color:rgba(220,232,235,.72);font-size:13px;font-weight:750;transition:.18s;}
.footer-minimal-links a:hover{color:var(--teal);}
.footer-minimal-newsletter{height:50px;display:grid;grid-template-columns:22px 1fr 48px;align-items:center;gap:10px;padding-left:14px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045);overflow:hidden;}
.footer-minimal-newsletter>span{color:var(--teal);display:grid;place-items:center;}
.footer-minimal-newsletter input{height:100%;min-width:0;border:0;background:transparent;color:#fff;outline:none;font-size:13px;font-weight:750;}
.footer-minimal-newsletter input::placeholder{color:rgba(255,255,255,.42);}
.footer-minimal-newsletter button{height:100%;border:0;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;display:grid;place-items:center;cursor:pointer;}
.footer-bottom--minimal{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:14px 18px 18px !important;border-top:1px solid rgba(255,255,255,.06) !important;background:transparent !important;color:rgba(220,232,235,.48) !important;font-size:12px !important;}
.footer-bottom--minimal nav{display:flex;gap:14px;}
.footer-bottom--minimal a{color:rgba(220,232,235,.58) !important;}
.footer-bottom--minimal a:hover{color:var(--teal) !important;}
.community-strip>a svg{color:var(--teal-2);}
.community-strip>a[href*="whatsapp"] svg,.community-strip>a[href*="api.whatsapp"] svg{color:#25d366;}
.community-strip>a[href*="facebook"] svg{color:#1877f2;}
.community-strip>a[href*="instagram"] svg{color:#c13584;}
.service-map-card img{object-fit:cover;background:#eaf8fb;}
.service-list a{cursor:pointer;}
.service-list a:hover{color:var(--teal-dark);}
@media (max-width:760px){
  .drawer-panel{padding:22px 18px 104px !important;}
  .drawer-head--minimal .brand-mark{font-size:22px !important;}
  .drawer-search{height:46px;margin-bottom:14px;}
  .drawer-link-list{gap:4px;}
  .drawer-link-list a{min-height:50px;padding:8px 8px;border-radius:13px;}
  .drawer-link-list strong{font-size:14px;}
  .search-modal-card--minimal{padding:22px !important;border-radius:20px !important;}
  .search-modal-title{font-size:27px !important;}
  .search-modal-form{grid-template-columns:1fr !important;}
  .search-modal-form button{width:100%;}
  .footer-minimal-inner{grid-template-columns:1fr;gap:20px;padding-top:26px;padding-bottom:18px;}
  .footer-minimal-brand .brand-mark{font-size:26px;}
  .footer-minimal-links{grid-template-columns:1fr 1fr;}
  .footer-minimal-newsletter{height:52px;}
  .site-footer--minimal{padding-bottom:78px !important;}
}
@media (max-width:430px){
  .mobile-drawer{width:88vw !important;}
  .drawer-link-list a{grid-template-columns:32px minmax(0,1fr) 18px;}
  .drawer-link-list a>span:first-child{width:32px;height:32px;}
  .footer-minimal-links{gap:9px 14px;}
}

/* v1.6 service map, vehicle image customizer and app footer polish */
.service-map-card{overflow:hidden;}
.service-map-visual{width:100%;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#eaf8fb,#dff2f6);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.service-turkey-map{display:block;width:100%;height:auto;min-height:176px;}
.service-map-visual--wide .service-turkey-map{min-height:300px;}
.service-map-card>select{display:none !important;}
.service-list{position:relative;z-index:2;background:#fff;border-radius:0 0 12px 12px;}
.vehicle-card img{height:92px;object-fit:contain;width:100%;display:block;transition:.22s ease;}
.vehicle-card:hover img{transform:scale(1.035);}
.vehicle-card img[src$='.jpg'],.vehicle-card img[src$='.jpeg'],.vehicle-card img[src$='.webp'],.vehicle-card img[src$='.png']{border-radius:10px;object-fit:cover;background:#eef4f6;}
.site-footer--v16{background:linear-gradient(180deg,#061013,#030708) !important;}
.footer-v16-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) minmax(300px,.95fr);gap:28px;align-items:start;padding-top:34px;padding-bottom:24px;}
.footer-v16-brand p{max-width:370px;margin:12px 0 16px;color:rgba(220,232,235,.66);font-size:14px;line-height:1.7;}
.footer-v16-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding-top:4px;}
.footer-v16-links a{color:rgba(220,232,235,.72);font-size:13px;font-weight:800;transition:.18s;}
.footer-v16-links a:hover{color:var(--teal);}
.footer-app-soon{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:18px;padding:18px;box-shadow:0 18px 48px rgba(0,0,0,.16);}
.app-soon-kicker{display:inline-flex;margin-bottom:8px;color:var(--teal);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.16em;}
.footer-app-soon strong{display:block;color:#fff;font-size:17px;line-height:1.25;letter-spacing:-.02em;margin-bottom:14px;}
.store-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.store-badge{min-height:54px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#070d0f;color:#fff;padding:10px 12px;transition:.18s;}
.store-badge:hover{border-color:rgba(36,199,193,.55);background:#0a1517;transform:translateY(-1px);}
.store-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;font-size:12px;line-height:1;}
.store-badge small{display:block;color:rgba(255,255,255,.56);font-size:10px;font-weight:750;line-height:1;}
.store-badge b{display:block;color:#fff;font-size:13px;line-height:1.1;margin-top:4px;white-space:nowrap;}
@media (max-width:760px){
  .service-map-visual{border-radius:12px;}
  .service-turkey-map{min-height:160px;}
  .service-map-visual--wide .service-turkey-map{min-height:220px;}
  .vehicle-card img{height:80px;}
  .footer-v16-inner{grid-template-columns:1fr;gap:22px;padding-top:26px;padding-bottom:18px;}
  .footer-v16-links{grid-template-columns:1fr 1fr;}
  .footer-app-soon{padding:16px;}
  .store-badges{grid-template-columns:1fr 1fr;}
  .store-badge{min-height:50px;padding:9px 10px;}
  .store-badge b{font-size:12px;}
}
@media (max-width:390px){.store-badges{grid-template-columns:1fr}.footer-v16-links{grid-template-columns:1fr 1fr}}

/* v1.7 — Servis haritası görseli, gerçek mağaza rozetleri ve kullanıcıyı sitede tutan keşif modülleri */
.service-map-visual--photo{position:relative;background:#eaf8fb;border-radius:14px;border:1px solid var(--line);overflow:hidden;min-height:190px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.service-map-image{display:block;width:100%;height:210px;object-fit:cover;object-position:center;border-radius:0;background:#eaf8fb;filter:saturate(1.04) contrast(1.02)}
.service-map-image--wide{height:360px;object-fit:cover}
.service-map-visual--photo:after{content:"";position:absolute;inset:auto 14px 14px 14px;height:58px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.86));pointer-events:none;opacity:.5}.service-map-card>select,.service-map-visual select,.service-map-visual .dropdown,.service-map-visual .map-popup{display:none !important;visibility:hidden !important;pointer-events:none !important}.service-map-card .section-head{position:relative;z-index:2}.service-list a:hover{background:#f5fbfc;border-radius:10px;padding-inline:10px}.engagement-hub{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px;margin-top:18px}.engagement-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.engage-card{min-height:154px;border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafb);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.22s ease}.engage-card:before{content:"";position:absolute;right:-28px;top:-30px;width:110px;height:110px;background:radial-gradient(circle,rgba(36,199,193,.16),rgba(36,199,193,0) 66%)}.engage-card span{width:42px;height:42px;border-radius:14px;background:#eafafa;color:var(--teal-dark);display:grid;place-items:center}.engage-card svg{width:24px;height:24px}.engage-card strong{font-size:17px;line-height:1.1;letter-spacing:-.03em;font-weight:950;color:#071113}.engage-card small{color:var(--muted);font-size:12px;line-height:1.45;font-weight:700}.engage-card:hover{transform:translateY(-3px);border-color:rgba(36,199,193,.45);box-shadow:0 18px 50px rgba(2,16,20,.10)}.engage-card--dark{background:linear-gradient(135deg,#071113,#0f2d30 70%,#123b3d);border-color:rgba(255,255,255,.09)}.engage-card--dark strong,.engage-card--dark small{color:#fff}.engage-card--dark small{opacity:.75}.engage-card--dark span{background:rgba(255,255,255,.1);color:var(--teal)}.compare-strip{margin-top:18px;border-radius:18px;background:linear-gradient(135deg,#061012,#10282b);color:#fff;padding:18px;display:grid;grid-template-columns:1fr repeat(3,140px);gap:12px;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.14);overflow:hidden;position:relative}.compare-strip:before{content:"";position:absolute;right:-100px;top:-130px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(36,199,193,.28),rgba(36,199,193,0) 68%)}.compare-strip>*{position:relative}.mini-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.12em}.compare-strip h2{margin:4px 0 4px;font-size:22px;line-height:1.1;letter-spacing:-.04em}.compare-strip p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.5}.compare-strip>a{height:54px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;font-weight:950;transition:.18s}.compare-strip>a:hover{border-color:rgba(36,199,193,.6);background:rgba(36,199,193,.13);transform:translateY(-1px)}.reader-path-card{background:linear-gradient(180deg,#fff,#f7fbfc);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px}.reader-path-card h2{margin:4px 0 12px;font-size:18px;letter-spacing:-.03em}.reader-path-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:13px 0;color:#0b171c;font-size:13px;font-weight:900}.reader-path-card a:first-of-type{border-top:0}.reader-path-card a span{color:var(--teal-dark)}.reader-path-card a:hover{color:var(--teal-dark)}.store-badge svg{width:25px;height:25px;flex:0 0 25px;fill:#fff}.store-badge--appstore{background:#05090a}.store-badge--googleplay svg path:nth-child(2){fill:#24c7c1}.store-badge--googleplay svg path:nth-child(3){fill:#8ee7e2}.footer-app-soon{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(36,199,193,.055));}.footer-app-soon .store-badges{align-items:stretch}.store-badge{border-radius:13px}.store-badge b{font-size:14px}.store-badge small{text-transform:uppercase;letter-spacing:.06em}.site-footer--v16{background:radial-gradient(circle at 75% 20%,rgba(36,199,193,.14),transparent 35%),linear-gradient(180deg,#05090a,#020607)}
@media (max-width:1220px){.engagement-grid{grid-template-columns:1fr 1fr 1fr}.compare-strip{grid-template-columns:1fr repeat(3,120px)}}
@media (max-width:760px){.service-map-visual--photo{min-height:168px}.service-map-image{height:190px}.service-map-image--wide{height:240px}.engagement-hub{margin-top:16px;padding:14px}.engagement-grid{display:flex;gap:10px;overflow-x:auto;margin-inline:-14px;padding-inline:14px;padding-bottom:8px;scroll-snap-type:x mandatory}.engage-card{min-width:78%;scroll-snap-align:start;min-height:142px}.compare-strip{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:15px}.compare-strip>div{grid-column:1/-1}.compare-strip h2{font-size:19px}.compare-strip p{font-size:12px}.compare-strip>a{height:48px;font-size:13px}.reader-path-card{margin-top:16px}.footer-app-soon .store-badges{grid-template-columns:1fr 1fr}.store-badge{padding:10px;gap:9px}.store-badge svg{width:23px;height:23px}.store-badge b{font-size:12px}.store-badge small{font-size:9px}}
@media (max-width:390px){.footer-app-soon .store-badges{grid-template-columns:1fr}.compare-strip{grid-template-columns:1fr}.engage-card{min-width:86%}}


/* v1.8 — Keşif Merkezi bağlantı yönetimi, model seçimi metin düzeni ve ince UI düzeltmeleri */
.section-head--clean{align-items:flex-end;border-bottom:0;padding-bottom:0;margin-bottom:12px}
.section-head--clean h2:after{content:"";display:block;width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--teal),rgba(36,199,193,0));margin-top:8px}
.engagement-hub--v18{padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbfc);position:relative;overflow:hidden}
.engagement-hub--v18:before{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(36,199,193,.13),rgba(36,199,193,0) 68%);pointer-events:none}
.engagement-hub--v18 .section-head,.engagement-hub--v18 .engagement-grid{position:relative;z-index:1}
.engagement-hub--v18 .engage-card{min-height:166px;padding:17px;border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.engagement-hub--v18 .engage-card strong{margin-top:auto}
.engagement-hub--v18 .engage-card small{min-height:38px}
.engagement-hub--v18 .engage-card em{font-style:normal;color:var(--teal-dark);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;margin-top:8px}
.engagement-hub--v18 .engage-card--dark em{color:var(--teal)}
.compare-strip--v18{grid-template-columns:minmax(0,1fr) repeat(3,minmax(128px,148px));padding:20px;border-radius:20px}
.compare-strip--v18 h2{max-width:520px}
.compare-strip--v18 p{max-width:610px;color:rgba(255,255,255,.72)}
.compare-strip--v18>a{height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;text-align:center}
.compare-strip--v18>a span{font-size:14px;font-weight:950;line-height:1}
.compare-strip--v18>a small{font-size:10px;line-height:1.2;color:rgba(255,255,255,.62);font-weight:800}
.service-map-card,.docs-card,.reader-path-card,.engagement-hub,.popular-panel,.guide-panel{transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
.service-map-card:hover,.docs-card:hover,.reader-path-card:hover,.engagement-hub:hover,.popular-panel:hover,.guide-panel:hover{border-color:rgba(36,199,193,.32);box-shadow:0 16px 46px rgba(4,17,22,.10)}
.doc-list a,.topic-grid a,.service-list a{transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
.doc-list a:hover,.topic-grid a:hover{transform:translateY(-2px)}
@media (max-width:760px){
  .engagement-hub--v18{padding:15px;border-radius:18px}
  .engagement-hub--v18 .engage-card{min-width:80%;min-height:154px;padding:15px}
  .engagement-hub--v18 .engage-card small{min-height:auto}
  .compare-strip--v18{grid-template-columns:1fr;gap:10px;padding:16px;border-radius:18px}
  .compare-strip--v18>div{grid-column:auto}
  .compare-strip--v18>a{height:58px;align-items:flex-start;text-align:left;padding:11px 13px}
  .compare-strip--v18>a small{font-size:10px}
}

/* v1.9 — WordPress menu integration */
.drawer-link-list .drawer-dynamic-menu,
.drawer-link-list .drawer-dynamic-menu .sub-menu,
.footer-v16-menu,
.footer-v16-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer-link-list .drawer-dynamic-menu {
  display: grid;
  gap: 6px;
}
.drawer-link-list .drawer-dynamic-menu li {
  margin: 0;
  padding: 0;
}
.drawer-link-list .drawer-dynamic-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  color: rgba(246,251,252,.94);
  font-size: 15px;
  font-weight: 820;
  letter-spacing: -.01em;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.drawer-link-list .drawer-dynamic-menu a::after {
  content: "›";
  color: rgba(255,255,255,.42);
  font-size: 22px;
  line-height: 1;
  transform: translateY(-1px);
}
.drawer-link-list .drawer-dynamic-menu a:hover,
.drawer-link-list .drawer-dynamic-menu a:focus,
.drawer-link-list .drawer-dynamic-menu .current-menu-item > a {
  color: #fff;
  border-color: rgba(36,199,193,.46);
  background: rgba(36,199,193,.105);
  transform: translateX(-2px);
  outline: none;
}
.drawer-link-list .drawer-dynamic-menu .sub-menu {
  display: grid;
  gap: 5px;
  margin: 6px 0 8px 14px;
  padding-left: 12px;
  border-left: 1px solid rgba(36,199,193,.22);
}
.drawer-link-list .drawer-dynamic-menu .sub-menu a {
  min-height: 42px;
  padding: 9px 12px;
  font-size: 14px;
  background: rgba(255,255,255,.02);
}
.drawer-link-list .drawer-dynamic-menu .sub-menu a::after {
  font-size: 18px;
}
.footer-v16-menu {
  display: grid;
  gap: 8px;
}
.footer-v16-menu a {
  color: rgba(220,232,235,.74);
  font-size: 13px;
  font-weight: 760;
  letter-spacing: -.01em;
}
.footer-v16-menu a:hover,
.footer-v16-menu .current-menu-item > a {
  color: var(--teal);
}
@media (max-width: 760px) {
  .drawer-link-list .drawer-dynamic-menu a {
    min-height: 50px;
    padding: 10px 12px;
    border-radius: 13px;
    font-size: 14px;
  }
}


/* ==========================================================
   JAECOO Exact Pro v2.0.0
   Desktop hero cleanup: removed mockup phone panel and
   expanded the approved JAECOO hero composition.
   ========================================================== */
.hero-phone,
.phone-frame,
.phone-hero-mini,
.phone-tiles,
.phone-status,
.phone-header {
  display: none !important;
}
@media (min-width: 1180px) {
  .home-hero {
    min-height: 595px;
  }
  .hero-inner,
  .hero-inner.container {
    grid-template-columns: minmax(0, 760px) !important;
    justify-content: start !important;
    align-items: end !important;
    min-height: 595px;
  }
  .hero-copy {
    max-width: 760px;
  }
  .hero-copy h1 {
    max-width: 720px;
  }
  .hero-desc {
    max-width: 470px;
  }
  .hero-actions {
    width: min(760px, calc(100vw - 72px)) !important;
    max-width: 760px;
  }
  .hero-bg {
    background-position: center center;
  }
}


/* ==========================================================
   JAECOO Exact Pro v2.1.0
   Desktop hero phone removal + closed dropdown submenu fix.
   ========================================================== */
/* The phone mockup belongs only to design presentations; it must never appear on the live desktop hero. */
.home-hero .hero-phone,
.home-hero .phone-frame,
.home-hero .phone-hero-mini,
.home-hero .phone-tiles,
.home-hero .phone-status,
.home-hero .phone-header{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
@media (min-width:1180px){
  .home-hero .hero-inner,
  .home-hero .hero-inner.container{
    grid-template-columns:minmax(0,760px) !important;
    justify-content:start !important;
    align-items:end !important;
  }
  .home-hero .hero-copy{max-width:760px !important;}
  .home-hero .hero-actions{width:min(760px,calc(100vw - 72px)) !important;max-width:760px !important;}
}

/* Desktop submenu: keep children hidden until hover/focus. This prevents WordPress child links from appearing open by default. */
.desktop-nav .jaecoo-menu .sub-menu{
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  z-index:1500 !important;
  min-width:230px !important;
  display:block !important;
  margin:0 !important;
  padding:10px !important;
  list-style:none !important;
  background:rgba(4,12,14,.98) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  box-shadow:0 22px 52px rgba(0,0,0,.38) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(10px) !important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}
.desktop-nav .jaecoo-menu > li:hover > .sub-menu,
.desktop-nav .jaecoo-menu > li:focus-within > .sub-menu,
.desktop-nav .jaecoo-menu .sub-menu > li:hover > .sub-menu,
.desktop-nav .jaecoo-menu .sub-menu > li:focus-within > .sub-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
.desktop-nav .jaecoo-menu .sub-menu .sub-menu{
  left:calc(100% + 8px) !important;
  top:0 !important;
}
.desktop-nav .jaecoo-menu .sub-menu li{display:block !important; width:100% !important;}
.desktop-nav .jaecoo-menu .sub-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  padding:11px 12px !important;
  border-radius:10px !important;
  color:rgba(245,251,252,.9) !important;
  background:transparent !important;
  white-space:nowrap !important;
}
.desktop-nav .jaecoo-menu .sub-menu a:hover,
.desktop-nav .jaecoo-menu .sub-menu a:focus{
  background:rgba(36,199,193,.12) !important;
  color:#fff !important;
  outline:none !important;
}
.desktop-nav .jaecoo-menu .menu-item-has-children > a::after{
  content:"⌄";
  display:inline-block;
  margin-left:6px;
  font-size:11px;
  line-height:1;
  opacity:.72;
}
.desktop-nav .jaecoo-menu .sub-menu .menu-item-has-children > a::after{content:"›";}
@media (max-width:1179px){
  .desktop-nav .jaecoo-menu .sub-menu{position:static !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;}
}

/* ==========================================================
   v2.2 — Mobile drawer submenu accordion fix.
   WordPress alt menüleri mobilde hazır açık görünmez; yalnızca ok butonuna basınca açılır.
   ========================================================== */
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .menu-item-has-children{
  position:relative !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .menu-item-has-children > a{
  padding-right:54px !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .menu-item-has-children > a::after{
  content:"" !important;
  display:none !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu{
  display:block !important;
  overflow:hidden !important;
  max-height:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  margin:0 0 0 12px !important;
  padding:0 0 0 12px !important;
  border-left:1px solid rgba(36,199,193,.18) !important;
  transform:translateY(-4px) !important;
  transition:max-height .28s ease, opacity .2s ease, visibility .2s ease, margin .2s ease, padding .2s ease, transform .2s ease !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .submenu-open > .sub-menu{
  max-height:640px !important;
  opacity:1 !important;
  visibility:visible !important;
  margin-top:7px !important;
  margin-bottom:8px !important;
  padding-top:3px !important;
  padding-bottom:2px !important;
  transform:translateY(0) !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu a{
  min-height:44px !important;
  padding:9px 12px !important;
  border-radius:12px !important;
  border-color:rgba(255,255,255,.055) !important;
  background:rgba(255,255,255,.022) !important;
  color:rgba(226,238,241,.82) !important;
  font-size:13px !important;
  font-weight:760 !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu a:hover,
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu a:focus{
  color:#fff !important;
  background:rgba(36,199,193,.09) !important;
  border-color:rgba(36,199,193,.25) !important;
}
.drawer-submenu-toggle{
  position:absolute !important;
  right:8px !important;
  top:8px !important;
  width:38px !important;
  height:38px !important;
  border:0 !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.045) !important;
  cursor:pointer !important;
  z-index:2 !important;
  -webkit-tap-highlight-color:rgba(36,199,193,.16) !important;
  transition:background .18s ease, color .18s ease, transform .18s ease !important;
}
.drawer-submenu-toggle::before{
  content:"⌄";
  display:block;
  font-size:18px;
  line-height:1;
  transform:translateY(-1px);
}
.drawer-submenu-toggle:hover,
.drawer-submenu-toggle:focus{
  outline:none !important;
  color:#fff !important;
  background:rgba(36,199,193,.18) !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .submenu-open > .drawer-submenu-toggle{
  color:#fff !important;
  background:rgba(36,199,193,.22) !important;
  transform:rotate(180deg) !important;
}
@media (max-width:430px){
  .drawer-submenu-toggle{right:7px !important;top:7px !important;width:36px !important;height:36px !important;}
  .mobile-drawer .drawer-link-list .drawer-dynamic-menu .menu-item-has-children > a{padding-right:50px !important;}
}

/* ==========================================================
   JAECOO Exact Pro v2.3.0
   Clean news cards, single layout, hourly topics, support links, auto dark/light mode
   ========================================================== */
.post-card--image-only{min-height:176px;border-radius:16px;background:#071113;border:1px solid rgba(6,16,20,.08);}
.post-card--image-only a{padding:0 !important;background:var(--card-image) center/cover !important;display:block !important;position:absolute;inset:0;}
.post-card--image-only a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,7,.05),rgba(2,6,7,.18));opacity:.7;transition:.2s;}
.post-card--image-only:hover a::after{opacity:.25;}
.post-card--image-only .badge,.post-card--image-only h3,.post-card--image-only .card-meta{display:none !important;}
.hourly-note{font-size:11px;color:var(--teal-dark);font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:rgba(36,199,193,.09);border:1px solid rgba(36,199,193,.18);border-radius:999px;padding:5px 9px;white-space:nowrap;}
.topic-grid--hourly a{position:relative;overflow:hidden;}
.topic-grid--hourly a::after{content:"";position:absolute;inset:auto 10px 8px 10px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,199,193,.35),transparent);opacity:.65;}
.single-shell--clean{background:var(--bg);}
.single-layout--clean{align-items:start;}
.single-content-card--clean{padding:0;overflow:hidden;}
.single-clean-header{padding:34px 34px 22px;background:linear-gradient(180deg,#fff,#f8fbfc);border-bottom:1px solid var(--line);}
.single-clean-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--teal-dark);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.single-clean-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(36,199,193,.12);}
.single-clean-header h1{margin:0;max-width:960px;font-size:clamp(34px,4.2vw,62px);line-height:1.02;letter-spacing:-.055em;color:var(--ink);}
.single-meta--clean{margin-top:16px;color:var(--muted);font-size:13px;font-weight:850;display:flex;gap:12px;flex-wrap:wrap;}
.single-meta--clean span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;}
.single-featured-image{margin:0;padding:22px 22px 0;background:#fff;}
.single-featured-image img{width:100%;max-height:520px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-soft);}
.single-content-card--clean .article-ad{margin:24px 28px 0;}
.single-content-card--clean .entry-content{padding:28px 34px 0;}
.single-content-card--clean .entry-footer,.single-content-card--clean .related-posts,.single-content-card--clean .comments-area{margin-left:34px;margin-right:34px;}
.drawer-support{margin-top:18px;border-top:1px solid rgba(255,255,255,.09);padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.drawer-support a{min-height:72px;border:1px solid rgba(36,199,193,.18);border-radius:16px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;padding:11px;color:#fff;transition:.18s;}
.drawer-support a:hover,.drawer-support a:focus{background:rgba(36,199,193,.08);border-color:rgba(36,199,193,.42);outline:none;}
.drawer-support span{width:34px;height:34px;border-radius:12px;background:rgba(36,199,193,.1);display:grid;place-items:center;color:var(--teal);grid-row:1/3;}
.drawer-support strong{font-size:12px;font-weight:950;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;}
.drawer-support small{font-size:12px;color:rgba(255,255,255,.72);font-weight:800;}
html.mode-dark{--bg:#05090b;--surface:#071013;--surface-2:#0a171a;--ink:#eef7f8;--muted:#9aadb4;--line:rgba(255,255,255,.10);--shadow:0 18px 50px rgba(0,0,0,.35);--shadow-soft:0 10px 28px rgba(0,0,0,.28);color-scheme:dark;}
html.mode-light{color-scheme:light;}
html.mode-dark body{background:radial-gradient(circle at 8% 0,rgba(36,199,193,.08),transparent 32%),#05090b;color:var(--ink);}
html.mode-dark .guide-panel,html.mode-dark .popular-panel,html.mode-dark .service-map-card,html.mode-dark .docs-card,html.mode-dark .community-strip,html.mode-dark .archive-card,html.mode-dark .single-content-card,html.mode-dark .page-content-card,html.mode-dark .sidebar-search,html.mode-dark .sidebar-card,html.mode-dark .site-sidebar .widget,html.mode-dark .vehicle-card,html.mode-dark .doc-list a,html.mode-dark .topic-grid a{background:linear-gradient(180deg,#0a1518,#071013);border-color:rgba(255,255,255,.10);color:var(--ink);}
html.mode-dark .section-head h2,html.mode-dark .vehicle-card strong,html.mode-dark .doc-list strong,html.mode-dark .archive-body h2,html.mode-dark .sidebar-card h3,html.mode-dark .widget-title{color:#f3fbfc;}
html.mode-dark .single-clean-header{background:linear-gradient(180deg,#0a1518,#071013);border-color:rgba(255,255,255,.10);}
html.mode-dark .single-clean-header h1{color:#fff;}
html.mode-dark .single-meta--clean span{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);}
html.mode-dark .single-featured-image{background:#071013;}
html.mode-dark .entry-content{color:#d9e6ea;}
html.mode-dark .entry-content>p:first-child{color:#fff;}
html.mode-dark .article-toc{background:linear-gradient(180deg,#0b171a,#071013);border-color:rgba(255,255,255,.12);}
html.mode-dark .ad-slot{background:linear-gradient(180deg,#0b171a,#071013);border-color:rgba(255,255,255,.12);color:#9fb0b8;}
html.mode-dark .newsletter-form input,html.mode-dark .drawer-search input,html.mode-dark .sidebar-search input{color:#fff;background:transparent;}
@media (max-width:760px){
  .icon-btn.js-theme-toggle{display:grid !important;}
  .header-actions{gap:4px;}
  .icon-btn,.mobile-menu-btn{width:40px;height:40px;}
  .post-card--image-only{min-height:190px;}
  .single-layout--clean{display:block;margin-top:82px;}
  .single-clean-header{padding:24px 20px 18px;}
  .single-clean-header h1{font-size:34px;}
  .single-featured-image{padding:16px 16px 0;}
  .single-featured-image img{max-height:310px;border-radius:15px;}
  .single-content-card--clean .entry-content{padding:22px 20px 0;}
  .single-content-card--clean .entry-footer,.single-content-card--clean .related-posts,.single-content-card--clean .comments-area{margin-left:20px;margin-right:20px;}
  .drawer-support{grid-template-columns:1fr;margin-bottom:8px;}
}
.page-hero--image{background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.44)),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.05)),var(--page-image) !important;background-position:center !important;background-size:cover !important;}

/* ==========================================================
   JAECOO Exact Pro v2.4.0
   Dark discovery fix, cleaner topics, clean article/page layout,
   and minimalist mobile drawer with compact emergency support.
   ========================================================== */

/* Remove the old hourly label completely */
.hourly-note{display:none !important;}
.topic-grid--hourly a::after{display:none !important;}

/* Dark mode: Discovery Center must not stay white */
html.mode-dark .engagement-hub,
html.mode-dark .engagement-hub--v18{
  background:radial-gradient(circle at 88% 0,rgba(36,199,193,.18),transparent 38%),linear-gradient(180deg,#081417,#050c0e) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.34) !important;
  color:#f3fbfc !important;
}
html.mode-dark .engagement-hub--v18:before{opacity:.75 !important;}
html.mode-dark .engagement-hub--v18 .section-head h2,
html.mode-dark .engagement-hub--v18 .section-head--clean h2{
  color:#eef7f8 !important;
  text-shadow:none !important;
}
html.mode-dark .engagement-hub--v18 .engage-card{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028)) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#fff !important;
}
html.mode-dark .engagement-hub--v18 .engage-card--dark{
  background:radial-gradient(circle at 80% 0,rgba(36,199,193,.22),transparent 44%),linear-gradient(135deg,#061315,#0a2426) !important;
  border-color:rgba(36,199,193,.28) !important;
}
html.mode-dark .engagement-hub--v18 .engage-card small{color:rgba(226,238,241,.72) !important;}
html.mode-dark .engagement-hub--v18 .engage-card em{color:var(--teal) !important;}

/* Cleaner single/page layout: featured image first, title below, no meta clutter */
.single-shell--v24 .single-layout--clean,
.page-layout--v24{
  margin-top:calc(var(--header-h) + 28px) !important;
}
.single-content-card--v24,
.page-content-card--v24{
  padding:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
}
.single-featured-image--top,
.page-featured-image--top{
  margin:0 !important;
  padding:0 !important;
  background:var(--surface) !important;
}
.single-featured-image--top img,
.page-featured-image--top img{
  display:block !important;
  width:100% !important;
  height:min(52vw,520px) !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.single-clean-header--below-image,
.page-clean-header--below-image{
  padding:30px 34px 18px !important;
  background:linear-gradient(180deg,#fff,#f8fbfc) !important;
  border-bottom:1px solid var(--line) !important;
}
.single-clean-header--below-image h1,
.page-clean-header--below-image h1{
  margin:0 !important;
  max-width:980px !important;
  color:var(--ink) !important;
  font-size:clamp(34px,4.1vw,58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.052em !important;
}
.page-content-card--v24 .entry-content,
.single-content-card--v24 .entry-content{
  padding:28px 34px 0 !important;
}
.single-meta,.single-meta--clean,.archive-meta,.card-meta,.comments-area,.comment-respond,.comments-title{display:none !important;}
html.mode-dark .single-clean-header--below-image,
html.mode-dark .page-clean-header--below-image{
  background:linear-gradient(180deg,#0a1518,#071013) !important;
  border-color:rgba(255,255,255,.10) !important;
}
html.mode-dark .single-clean-header--below-image h1,
html.mode-dark .page-clean-header--below-image h1{color:#fff !important;}

/* Minimal modern mobile drawer */
.mobile-drawer{
  width:min(390px,88vw) !important;
}
.drawer-panel{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  padding:22px 18px calc(88px + env(safe-area-inset-bottom)) !important;
  background:linear-gradient(180deg,rgba(5,13,15,.98),rgba(2,7,8,.985)) !important;
}
.drawer-head--minimal{
  margin-bottom:14px !important;
}
.drawer-head--minimal .brand-mark{
  font-size:22px !important;
  letter-spacing:.06em !important;
}
.drawer-close{
  width:40px !important;
  height:40px !important;
  border-radius:12px !important;
  font-size:30px !important;
  line-height:1 !important;
  opacity:.78 !important;
}
.drawer-search{
  height:44px !important;
  margin:0 0 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.075) !important;
}
.drawer-link-list{margin-top:2px !important;}
.drawer-link-list .drawer-dynamic-menu{
  gap:0 !important;
}
.drawer-link-list .drawer-dynamic-menu > li{
  border-bottom:1px solid rgba(255,255,255,.065) !important;
}
.drawer-link-list .drawer-dynamic-menu a,
.mobile-drawer .drawer-link-list .drawer-dynamic-menu a{
  min-height:46px !important;
  padding:11px 46px 11px 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(239,247,248,.88) !important;
  font-size:15px !important;
  font-weight:780 !important;
  letter-spacing:-.01em !important;
  transform:none !important;
  box-shadow:none !important;
}
.drawer-link-list .drawer-dynamic-menu a::after{
  content:"›" !important;
  display:block !important;
  color:rgba(255,255,255,.28) !important;
  font-size:20px !important;
}
.drawer-link-list .drawer-dynamic-menu a:hover,
.drawer-link-list .drawer-dynamic-menu a:focus,
.drawer-link-list .drawer-dynamic-menu .current-menu-item > a{
  color:#fff !important;
  background:transparent !important;
  border-color:transparent !important;
  transform:none !important;
  outline:none !important;
}
.drawer-link-list .drawer-dynamic-menu a:hover::after,
.drawer-link-list .drawer-dynamic-menu a:focus::after{color:var(--teal) !important;}
.drawer-submenu-toggle{
  right:0 !important;
  top:5px !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  background:transparent !important;
  color:rgba(255,255,255,.52) !important;
}
.drawer-submenu-toggle:hover,
.drawer-submenu-toggle:focus,
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .submenu-open > .drawer-submenu-toggle{
  background:rgba(36,199,193,.11) !important;
  color:var(--teal) !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu{
  border-left:0 !important;
  margin:0 !important;
  padding:0 0 0 12px !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .submenu-open > .sub-menu{
  margin:0 0 8px !important;
  padding-top:0 !important;
}
.mobile-drawer .drawer-link-list .drawer-dynamic-menu .sub-menu a{
  min-height:38px !important;
  padding:8px 34px 8px 10px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.025) !important;
  font-size:13px !important;
  font-weight:650 !important;
  color:rgba(226,238,241,.70) !important;
}
.drawer-community{
  height:46px !important;
  margin-top:14px !important;
  border-radius:14px !important;
  font-size:12px !important;
  letter-spacing:.04em !important;
  box-shadow:0 12px 26px rgba(36,199,193,.16) !important;
}
.drawer-support{
  margin-top:auto !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
}
.drawer-support a{
  min-height:34px !important;
  padding:5px 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(226,238,241,.68) !important;
  box-shadow:none !important;
}
.drawer-support span{
  width:24px !important;
  height:24px !important;
  border-radius:8px !important;
  background:rgba(36,199,193,.075) !important;
  color:var(--teal) !important;
  flex:0 0 24px !important;
}
.drawer-support span svg{width:15px !important;height:15px !important;}
.drawer-support strong{
  font-size:10px !important;
  letter-spacing:.055em !important;
  color:rgba(255,255,255,.54) !important;
  min-width:86px !important;
}
.drawer-support small{
  font-size:11px !important;
  font-weight:850 !important;
  color:rgba(255,255,255,.82) !important;
}

@media (max-width:760px){
  .single-shell--v24 .single-layout--clean,
  .page-layout--v24{margin-top:calc(var(--header-h) + 14px) !important;}
  .single-featured-image--top img,
  .page-featured-image--top img{height:230px !important;}
  .single-clean-header--below-image,
  .page-clean-header--below-image{padding:20px 18px 14px !important;}
  .single-clean-header--below-image h1,
  .page-clean-header--below-image h1{font-size:30px !important;line-height:1.08 !important;}
  .page-content-card--v24 .entry-content,
  .single-content-card--v24 .entry-content{padding:20px 18px 0 !important;}
}


/* ==========================================================
   JAECOO Exact Pro v2.5.0
   Dark contrast, centered community anchor, bottom support links,
   editable design system and cleaner home sections.
   ========================================================== */

/* Community anchor: when reached through #topluluk, keep it visually centered. */
#topluluk{scroll-margin-top:32vh;}

/* Dark mode contrast fixes for white-looking blocks */
html.mode-dark body{background:var(--bg) !important;color:var(--ink) !important;}
html.mode-dark .guide-panel,
html.mode-dark .popular-panel,
html.mode-dark .service-map-card,
html.mode-dark .docs-card,
html.mode-dark .community-strip,
html.mode-dark .reader-path-card,
html.mode-dark .compare-strip{
  background:radial-gradient(circle at 92% 0,rgba(36,199,193,.14),transparent 38%),linear-gradient(180deg,#071315,#040a0c) !important;
  border-color:rgba(255,255,255,.105) !important;
  color:#f3fbfc !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
}
html.mode-dark .guide-panel h2,
html.mode-dark .popular-panel h2,
html.mode-dark .service-map-card h2,
html.mode-dark .docs-card h2,
html.mode-dark .community-strip h2,
html.mode-dark .reader-path-card h2,
html.mode-dark .compare-strip h2,
html.mode-dark .mini-kicker,
html.mode-dark .section-head h2{color:#f8feff !important;}
html.mode-dark .service-list a,
html.mode-dark .doc-list a,
html.mode-dark .community-strip a,
html.mode-dark .reader-path-card a,
html.mode-dark .topic-grid a,
html.mode-dark .vehicle-card,
html.mode-dark .compare-strip a{
  background:linear-gradient(135deg,rgba(255,255,255,.072),rgba(255,255,255,.026)) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#f2fbfc !important;
}
html.mode-dark .service-list a span,
html.mode-dark .doc-list a span,
html.mode-dark .community-strip a small,
html.mode-dark .reader-path-card a span,
html.mode-dark .topic-grid a span,
html.mode-dark .vehicle-card span,
html.mode-dark .compare-strip small,
html.mode-dark .community-strip p,
html.mode-dark .compare-strip p{color:rgba(226,238,241,.76) !important;}
html.mode-dark .doc-list a svg,
html.mode-dark .community-strip a svg,
html.mode-dark .topic-grid a svg{color:var(--teal) !important;stroke:var(--teal) !important;}
html.mode-dark .reader-path-card{background:linear-gradient(135deg,#071315,#0b1c1f) !important;}
html.mode-dark .reader-path-card .mini-kicker{color:var(--teal) !important;}
html.mode-dark .reader-path-card h2{opacity:1 !important;color:#f3fbfc !important;}
html.mode-dark .service-map-card .service-map-visual{background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.12) !important;}

/* Light mode should remain clean and readable */
html.mode-light .reader-path-card,
html.mode-light .community-strip a,
html.mode-light .service-list a{color:#061014;}
html.mode-light .community-strip a small,
html.mode-light .service-list a span{color:#65747d;}

/* Blog section title clean-up */
.post-card--image-only a{background:var(--card-image) center/cover !important;}
.post-card--image-only .badge,
.post-card--image-only h3,
.post-card--image-only .card-meta{display:none !important;}

/* Drawer: support numbers pinned to the bottom of the panel, compact and tappable */
.mobile-drawer{height:100dvh !important;max-height:100dvh !important;}
.drawer-panel{height:100dvh !important;min-height:100dvh !important;overflow-y:auto !important;display:flex !important;flex-direction:column !important;}
.drawer-support{
  margin-top:auto !important;
  margin-bottom:0 !important;
  padding-top:14px !important;
  padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;
}
.drawer-support a{justify-content:flex-start !important;}
.drawer-support small{margin-left:auto !important;}

/* Drawer visual refinement: lighter, cleaner, less bulky */
.drawer-panel{background:linear-gradient(180deg,rgba(4,13,15,.985),rgba(2,7,8,.995)) !important;}
.drawer-link-list .drawer-dynamic-menu a{font-size:14px !important;font-weight:760 !important;letter-spacing:-.012em !important;}
.drawer-community{min-height:44px !important;box-shadow:0 14px 34px rgba(36,199,193,.18) !important;}

/* Make Customizer color choices affect common buttons and links */
.section-head a,
.reader-path-card a span,
.engage-card em,
.vehicle-card span{color:var(--teal) !important;}
.quick-tile{border-color:color-mix(in srgb, var(--teal) 48%, transparent) !important;}
.mobile-bottom-nav .is-active{color:var(--teal) !important;}

@media (max-width:760px){
  #topluluk{scroll-margin-top:28vh;}
  .community-strip a,
  .service-list a,
  .reader-path-card a,
  .doc-list a{color:inherit !important;}
  html.mode-dark .community-strip a,
  html.mode-dark .service-list a,
  html.mode-dark .reader-path-card a,
  html.mode-dark .doc-list a{color:#f4fbfc !important;}
  .drawer-panel{padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important;}
  .drawer-support{padding-bottom:calc(4px + env(safe-area-inset-bottom)) !important;}
}

/* ==========================================================
   JAECOO Exact Pro v2.6.0
   Normal mode only, hero refresh, login entry, footer polish.
   ========================================================== */

/* Dark mode removed: force the normal JAECOO palette even if old localStorage/class exists. */
html.mode-dark,
html.mode-light,
html{
  --bg:#f4f7f8 !important;
  --surface:#ffffff !important;
  --surface-2:#eef3f5 !important;
  --ink:#061014 !important;
  --muted:#65747d !important;
  --line:#dfe8ec !important;
  --shadow:0 18px 50px rgba(4,17,22,.11) !important;
  --shadow-soft:0 10px 28px rgba(4,17,22,.08) !important;
  color-scheme:light !important;
}
html.mode-dark body,
body{background:var(--bg) !important;color:var(--ink) !important;}
.js-theme-toggle{display:none !important;}

/* Header login icon */
.header-login-btn{display:grid !important;}
.header-login-btn svg{width:22px;height:22px;}
@media (max-width:760px){.header-login-btn{display:none !important;}}

/* Hero rebuilt: stronger focus, no phone mockup, cleaner premium CTA area. */
.home-hero{position:relative;overflow:hidden;background:#030708;}
.home-hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(2,6,7,.68),transparent);pointer-events:none;}
.hero-bg{filter:saturate(1.08) contrast(1.04);}
.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(36,199,193,.18),transparent 25%),linear-gradient(90deg,rgba(2,6,7,.92),rgba(2,6,7,.42) 42%,rgba(2,6,7,.10) 64%,rgba(2,6,7,.58));}
.hero-copy{position:relative;z-index:3;max-width:720px;}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(36,199,193,.12);border:1px solid rgba(36,199,193,.28);color:#53e5df;border-radius:999px;padding:7px 12px;backdrop-filter:blur(10px);}
.hero-copy h1{text-shadow:0 14px 44px rgba(0,0,0,.55);}
.hero-desc{font-size:17px;line-height:1.7;color:rgba(255,255,255,.86);max-width:520px;}
.hero-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 18px;}
.hero-primary-cta,.hero-secondary-cta{height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;font-weight:950;letter-spacing:.01em;transition:.18s ease;}
.hero-primary-cta{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;box-shadow:0 16px 34px rgba(36,199,193,.24);}
.hero-primary-cta svg{width:20px;height:20px;}
.hero-secondary-cta{color:#fff;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);}
.hero-primary-cta:hover,.hero-secondary-cta:hover{transform:translateY(-2px);}
.hero-actions{margin-top:4px;}

/* Blog/discovery alignment refinements */
.content-left>.section-head{padding-left:6px;}
.post-card-grid--three{margin-left:6px;}
.engagement-hub--v18{margin-left:6px;}
.engagement-hub--v18 .section-head{padding-left:4px;}
@media (max-width:760px){.post-card-grid--three{margin-left:0}.engagement-hub--v18{margin-left:0}}

/* Blog cards stay clean: no overlay text in home latest. */
.post-card--image-only .badge,
.post-card--image-only h3,
.post-card--image-only .card-meta{display:none !important;}

/* Drawer support numbers are pinned to the bottom, right above the mobile bottom nav area. */
.mobile-drawer{height:100dvh !important;max-height:100dvh !important;}
.drawer-panel{position:relative !important;height:100dvh !important;min-height:100dvh !important;overflow-y:auto !important;padding-bottom:190px !important;}
.drawer-support{position:absolute !important;left:18px !important;right:18px !important;bottom:calc(86px + env(safe-area-inset-bottom)) !important;margin:0 !important;padding:12px 0 0 !important;border-top:1px solid rgba(255,255,255,.075) !important;background:linear-gradient(180deg,rgba(2,7,8,0),rgba(2,7,8,.96) 22%) !important;}
.drawer-support a{min-height:30px !important;padding:4px 0 !important;}
.drawer-support strong{min-width:82px !important;}
.drawer-support small{font-size:11px !important;}
@media (max-height:720px){.drawer-panel{padding-bottom:165px !important}.drawer-support{bottom:calc(76px + env(safe-area-inset-bottom)) !important}}

/* Store badges: restore official dark badge feel, not green buttons. */
.footer-app-soon .store-badges{display:flex;flex-wrap:wrap;gap:10px;}
.store-badge,.footer-app-soon .store-badge{background:#05090a !important;color:#fff !important;border:1px solid rgba(255,255,255,.22) !important;box-shadow:none !important;min-height:44px;}
.store-badge svg{stroke:none !important;fill:#fff !important;}
.store-badge--googleplay svg path:nth-child(1){fill:#34a853 !important;}
.store-badge--googleplay svg path:nth-child(2){fill:#fbbc04 !important;}
.store-badge--googleplay svg path:nth-child(3){fill:#4285f4 !important;}
.store-badge small{color:rgba(255,255,255,.7) !important;}
.store-badge b{color:#fff !important;}

/* Footer: fill the empty right side with a small, useful login panel. */
.footer-v16-inner{display:grid;grid-template-columns:1.25fr .9fr .85fr 1.05fr;gap:22px;align-items:start;}
.footer-login-mini{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:18px;padding:16px;display:grid;gap:8px;color:#fff;min-height:166px;}
.footer-login-mini>span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(36,199,193,.12);color:var(--teal);}
.footer-login-mini strong{font-size:16px;letter-spacing:-.02em;}
.footer-login-mini small{color:rgba(220,232,235,.74);line-height:1.45;}
.footer-login-mini a{margin-top:4px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#061014;font-weight:950;font-size:13px;}
@media (max-width:980px){.footer-v16-inner{grid-template-columns:1fr 1fr}.footer-app-soon{grid-column:span 2}}
@media (max-width:760px){.footer-v16-inner{grid-template-columns:1fr}.footer-app-soon{grid-column:auto}.footer-login-mini{min-height:auto}}

/* Login/register page */
.login-page-shell{min-height:calc(100vh - var(--header-h));padding:72px 24px;background:radial-gradient(circle at 20% 0,rgba(36,199,193,.14),transparent 34%),linear-gradient(135deg,#eef5f7,#fff);}
.login-card-pro{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 440px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}
.login-visual{position:relative;min-height:560px;padding:48px;color:#fff;background:linear-gradient(90deg,rgba(2,6,7,.92),rgba(2,6,7,.38)),url('assets/img/hero-scene.svg') center/cover;display:flex;flex-direction:column;justify-content:flex-end;}
.login-visual h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:12px 0;letter-spacing:-.06em;max-width:620px;}
.login-visual p{color:rgba(255,255,255,.78);font-weight:650;max-width:480px;}
.login-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.login-benefits span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.065);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:850;}
.login-benefits svg{color:var(--teal);}
.login-form-panel{padding:42px 34px;display:flex;flex-direction:column;justify-content:center;}
.login-form-head p{color:var(--muted);font-weight:650;margin:8px 0 22px;}
.google-login-slot,.google-login-placeholder{min-height:48px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;color:#061014;font-weight:900;gap:8px;}
.login-divider{position:relative;text-align:center;margin:20px 0;color:var(--muted);font-weight:850;font-size:12px;text-transform:uppercase;}
.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line);}
.login-divider span{position:relative;background:#fff;padding:0 10px;}
.login-form-panel .login-username,.login-form-panel .login-password{margin:0 0 13px;}
.login-form-panel label{font-weight:850;font-size:13px;display:block;margin-bottom:6px;}
.login-form-panel input[type=text],.login-form-panel input[type=password]{width:100%;height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#f8fbfc;}
.login-form-panel .login-remember{font-size:13px;color:var(--muted);}
.login-form-panel .button-primary{width:100%;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;font-weight:950;cursor:pointer;}
.login-switch{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;color:var(--muted);font-size:13px;font-weight:750;}
.login-switch a{color:var(--teal-dark);font-weight:950;}
@media (max-width:900px){.login-card-pro{grid-template-columns:1fr}.login-visual{min-height:340px}.login-form-panel{padding:28px 22px}}
@media (max-width:760px){.login-page-shell{padding-top:calc(var(--header-h) + 24px);padding-left:16px;padding-right:16px}.login-visual{padding:28px}.login-visual h1{font-size:38px}}

/* Normal mode readable home sections after removing dark mode. */
.community-strip a,.service-list a,.reader-path-card,.doc-list a,.engage-card{color:#061014 !important;}
.community-strip a small,.service-list a span,.reader-path-card h2,.reader-path-card a,.doc-list a span,.engage-card small{color:#65747d !important;}
.engage-card--dark,.engage-card--dark strong,.engage-card--dark small{color:#fff !important;}
.engage-card--dark small{color:rgba(255,255,255,.74) !important;}
.login-visual{background:linear-gradient(90deg,rgba(2,6,7,.92),rgba(2,6,7,.38)),url('../img/hero-scene.svg') center/cover !important;}

/* ==========================================================
   JAECOO Exact Pro v2.7.0
   Hero + Blog visual recovery: softer premium colors, cleaner layout.
   ========================================================== */

/* Global accent softening for top-level CTA surfaces */
.community-btn{
  background:linear-gradient(180deg,#173438,#10272a) !important;
  border:1px solid rgba(87,226,219,.42) !important;
  color:#f5ffff !important;
  box-shadow:0 12px 28px rgba(2,14,18,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  border-radius:14px !important;
}
.community-btn:hover{filter:none !important;box-shadow:0 14px 34px rgba(4,22,26,.34),0 0 0 3px rgba(36,199,193,.08) !important;}

/* Hero: calmer, darker, more premium. */
.home-hero{
  min-height:610px !important;
  background:#030708 !important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.home-hero:after{
  height:42% !important;
  background:linear-gradient(0deg,rgba(3,7,8,.72),rgba(3,7,8,0)) !important;
}
.hero-bg{
  filter:saturate(.92) contrast(1.02) brightness(.93) !important;
  transform:scale(1.012) !important;
}
.hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 35%,rgba(79,212,205,.10),transparent 27%),
    linear-gradient(90deg,rgba(2,6,7,.88),rgba(2,6,7,.54) 39%,rgba(2,6,7,.18) 62%,rgba(2,6,7,.48)) !important;
}
.hero-inner,
.hero-inner.container{
  min-height:610px !important;
  align-items:center !important;
  padding-top:84px !important;
  padding-bottom:42px !important;
}
.hero-copy{
  padding-top:0 !important;
  max-width:650px !important;
}
.hero-kicker{
  display:inline-flex !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  color:#40d4ce !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
}
.hero-kicker:before{
  content:"";
  width:34px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#40d4ce,transparent);
  align-self:center;
}
.hero-copy h1{
  font-size:clamp(46px,5.7vw,76px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  text-shadow:0 18px 48px rgba(0,0,0,.58) !important;
}
.hero-desc{
  max-width:500px !important;
  margin:18px 0 24px !important;
  font-size:16px !important;
  line-height:1.68 !important;
  color:rgba(239,249,250,.84) !important;
  font-weight:650 !important;
}
.hero-cta-row{
  gap:10px !important;
  margin:20px 0 22px !important;
}
.hero-primary-cta,
.hero-secondary-cta{
  min-height:46px !important;
  height:auto !important;
  border-radius:14px !important;
  padding:13px 18px !important;
  font-size:13px !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
}
.hero-primary-cta{
  background:linear-gradient(180deg,#183b3f,#0d2528) !important;
  color:#f7ffff !important;
  border:1px solid rgba(91,226,219,.48) !important;
  box-shadow:0 18px 42px rgba(2,12,15,.34), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.hero-primary-cta svg{color:#5ee0da !important;stroke:#5ee0da !important;}
.hero-secondary-cta{
  background:rgba(255,255,255,.06) !important;
  color:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.hero-primary-cta:hover,
.hero-secondary-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(2,12,15,.38),0 0 0 3px rgba(64,212,206,.08) !important;
}
.hero-actions{
  gap:12px !important;
  width:min(700px,calc(100vw - 72px)) !important;
  max-width:700px !important;
  margin-top:6px !important;
}
.quick-tile{
  border-radius:16px !important;
  border-color:rgba(83,214,208,.34) !important;
  min-height:102px !important;
  padding:20px 17px !important;
}
.quick-tile--dark{
  background:linear-gradient(180deg,rgba(6,18,21,.72),rgba(3,9,11,.62)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.14) !important;
}
.quick-tile svg{color:rgba(255,255,255,.92) !important;}
.quick-tile strong{letter-spacing:.045em !important;}
.quick-tile span{color:rgba(232,246,247,.70) !important;}
.quick-tile:hover{background:linear-gradient(180deg,rgba(11,37,40,.78),rgba(4,15,17,.72)) !important;border-color:rgba(82,225,218,.62) !important;}

/* Blog section: restore clean alignment and premium image-card rhythm. */
.home-grid{align-items:start !important;}
.content-left>.section-head,
.engagement-hub--v18 .section-head{
  padding-left:0 !important;
}
.post-card-grid--three,
.engagement-hub--v18{
  margin-left:0 !important;
}
.content-left>.section-head h2{
  letter-spacing:.02em !important;
}
.post-card-grid--three{
  gap:18px !important;
}
.post-card--image-only{
  min-height:184px !important;
  border-radius:18px !important;
  border:1px solid rgba(9,25,31,.08) !important;
  background:#ffffff !important;
  box-shadow:0 14px 34px rgba(5,21,26,.09) !important;
}
.post-card--image-only a{
  border-radius:18px !important;
  transform:none !important;
}
.post-card--image-only a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,7,.03),rgba(2,6,7,.12)) !important;
  opacity:1 !important;
}
.post-card--image-only:hover a{
  transform:scale(1.018) !important;
}
.post-card--image-only:hover a::after{
  background:linear-gradient(180deg,rgba(2,6,7,0),rgba(2,6,7,.06)) !important;
}

/* Keep discovery section aligned with Blog without drifting left/right. */
.engagement-hub--v18{
  border-radius:24px !important;
  overflow:hidden !important;
}
.engagement-grid{align-items:stretch !important;}

@media (max-width:980px){
  .home-hero{min-height:560px !important;}
  .hero-inner,.hero-inner.container{min-height:560px !important;}
  .hero-copy h1{font-size:clamp(42px,8vw,62px) !important;}
}

@media (max-width:760px){
  .home-hero{
    min-height:520px !important;
    padding-top:64px !important;
  }
  .hero-bg{
    background-position:center top !important;
  }
  .hero-bg:after{
    background:linear-gradient(90deg,rgba(2,6,7,.86),rgba(2,6,7,.44) 58%,rgba(2,6,7,.28)),linear-gradient(0deg,rgba(2,6,7,.62),rgba(2,6,7,.08)) !important;
  }
  .hero-inner,
  .hero-inner.container{
    min-height:456px !important;
    padding-top:0 !important;
    padding-bottom:18px !important;
    display:block !important;
  }
  .hero-copy{
    padding-top:78px !important;
    max-width:100% !important;
  }
  .hero-kicker{
    font-size:11px !important;
    letter-spacing:.105em !important;
    margin-bottom:8px !important;
  }
  .hero-kicker:before{width:24px;}
  .hero-copy h1{
    font-size:40px !important;
    line-height:.98 !important;
  }
  .hero-desc{
    font-size:13px !important;
    max-width:300px !important;
    margin:10px 0 14px !important;
    line-height:1.55 !important;
  }
  .hero-cta-row{
    margin:10px 0 12px !important;
  }
  .hero-primary-cta,
  .hero-secondary-cta{
    min-height:40px !important;
    padding:10px 13px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
  .hero-actions{
    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
  }
  .quick-tile{
    min-height:78px !important;
    border-radius:12px !important;
    padding:9px 6px !important;
  }
  .quick-tile svg{font-size:23px !important;margin-bottom:1px !important;}
  .quick-tile strong{font-size:9.5px !important;}
  .quick-tile span{font-size:8.5px !important;}
  .post-card-grid--three{
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    gap:14px !important;
  }
  .post-card-grid--three .post-card{
    min-width:84% !important;
    min-height:186px !important;
  }
  .engagement-hub--v18{margin-left:0 !important;}
}

@media (max-width:430px){
  .hero-copy h1{font-size:36px !important;}
  .hero-primary-cta,.hero-secondary-cta{font-size:11px !important;}
  .hero-secondary-cta{display:none !important;}
}

/* ==========================================================
   JAECOO Exact Pro v2.8.0
   Hero height polish, randomized blog, YouTube carousel, and
   article read-more reveal for long posts.
   ========================================================== */
.home-hero{
  min-height:clamp(480px, 46vw, 620px) !important;
  background:#030708 !important;
  overflow:hidden !important;
}
.home-hero:after{display:none !important;}
.hero-bg{
  transform:none !important;
  filter:saturate(1.02) contrast(1.02) brightness(.88) !important;
  background-position:center center !important;
}
.hero-bg:after{
  height:auto !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(2,7,8,.90),rgba(2,7,8,.55) 44%,rgba(2,7,8,.20) 68%,rgba(2,7,8,.50)),
    linear-gradient(0deg,rgba(2,7,8,.58),rgba(2,7,8,.08) 42%,rgba(2,7,8,.34)) !important;
}
.hero-inner,
.hero-inner.container{
  min-height:clamp(480px, 46vw, 620px) !important;
  align-items:center !important;
  padding-top:26px !important;
  padding-bottom:28px !important;
}
.hero-copy{padding-top:0 !important;}
.hero-kicker{
  background:transparent !important;
  border:0 !important;
  padding:0 0 0 34px !important;
  border-radius:0 !important;
  position:relative !important;
  color:#38d0ca !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:13px !important;
}
.hero-kicker:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:24px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,#38d0ca,rgba(56,208,202,.15));
  border-radius:999px;
}
.hero-copy h1{
  text-shadow:0 12px 30px rgba(0,0,0,.38) !important;
}
.hero-desc{margin:14px 0 20px !important;}
.hero-primary-cta{
  background:linear-gradient(135deg,#102b2d,#1a6f70) !important;
  border:1px solid rgba(93,226,221,.34) !important;
  box-shadow:0 14px 30px rgba(4,20,22,.28) !important;
}
.hero-secondary-cta{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.92) !important;
}
.hero-actions{gap:12px !important;}
.quick-tile--dark{background:rgba(2,10,12,.58) !important;border-color:rgba(56,208,202,.30) !important;}

/* YouTube carousel under Araç Rehberi */
.youtube-guide-panel{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  padding:16px;
  overflow:hidden;
}
.youtube-video-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.youtube-video-track::-webkit-scrollbar{height:6px;}
.youtube-video-track::-webkit-scrollbar-thumb{background:rgba(8,116,111,.25);border-radius:999px;}
.youtube-video-card{
  flex:0 0 258px;
  scroll-snap-align:start;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#f7fafb);
  transition:.2s ease;
  box-shadow:0 8px 20px rgba(4,17,22,.06);
}
.youtube-video-card:hover{transform:translateY(-3px);border-color:rgba(36,199,193,.40);}
.youtube-thumb{
  min-height:145px;
  display:grid;
  place-items:center;
  position:relative;
  background:linear-gradient(135deg,#061114,#183437);
  background-image:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18)),var(--yt-thumb);
  background-size:cover;
  background-position:center;
}
.youtube-thumb i{
  width:48px;
  height:48px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(5,12,14,.68);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(0,0,0,.32);
}
.youtube-thumb svg{width:25px;height:25px;}
.youtube-video-card strong{
  display:block;
  color:var(--ink);
  font-size:14px;
  line-height:1.35;
  letter-spacing:-.02em;
  padding:12px 13px 14px;
  min-height:70px;
}
.youtube-video-card--fallback{flex-basis:320px;}

/* Long article reveal */
.article-read-shell{position:relative;}
.article-read-shell.is-collapsed .article-read-content{
  max-height:860px;
  overflow:hidden;
}
.article-read-fade{
  display:none;
  position:absolute;
  left:0;right:0;bottom:0;
  height:190px;
  pointer-events:none;
  background:linear-gradient(0deg,#fff 18%,rgba(255,255,255,.92) 48%,rgba(255,255,255,0));
}
.article-read-shell.is-collapsed .article-read-fade{display:block;}
.article-read-more{
  display:none;
  position:relative;
  z-index:3;
  margin:22px auto 4px;
  height:48px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#102b2d,#1a6f70);
  color:#fff;
  font-weight:950;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(4,20,22,.18);
}
.article-read-shell.is-collapsed .article-read-more{display:flex;align-items:center;justify-content:center;}
.article-read-shell.is-expanded .article-read-content{max-height:none;overflow:visible;}

@media (max-width:760px){
  .home-hero{min-height:0 !important;}
  .hero-inner,
  .hero-inner.container{
    min-height:0 !important;
    padding-top:42px !important;
    padding-bottom:28px !important;
  }
  .hero-bg{background-position:center top !important;}
  .hero-bg:after{
    background:
      linear-gradient(90deg,rgba(2,7,8,.92),rgba(2,7,8,.68) 48%,rgba(2,7,8,.38)),
      linear-gradient(0deg,rgba(2,7,8,.70),rgba(2,7,8,.20) 52%,rgba(2,7,8,.42)) !important;
  }
  .hero-kicker{font-size:11px !important;letter-spacing:.12em !important;padding-left:30px !important;}
  .hero-copy h1{font-size:42px !important;line-height:.98 !important;letter-spacing:-.055em !important;}
  .hero-desc{font-size:14px !important;line-height:1.55 !important;max-width:320px !important;margin:12px 0 16px !important;}
  .hero-cta-row{gap:9px !important;margin:14px 0 16px !important;}
  .hero-primary-cta,.hero-secondary-cta{height:42px !important;padding:0 13px !important;font-size:13px !important;}
  .hero-actions{grid-template-columns:repeat(4,1fr) !important;gap:8px !important;width:100% !important;}
  .quick-tile{min-height:84px !important;padding:10px 6px !important;border-radius:13px !important;align-items:center;text-align:center;}
  .quick-tile svg{font-size:26px !important;margin-bottom:3px !important;}
  .quick-tile strong{font-size:10px !important;line-height:1.15 !important;}
  .quick-tile span{font-size:9px !important;display:block !important;}
  .youtube-guide-panel{margin-top:16px;border-radius:18px;padding:14px;}
  .youtube-video-card{flex-basis:78%;}
  .youtube-thumb{min-height:138px;}
  .youtube-video-card strong{font-size:13px;min-height:62px;}
  .article-read-shell.is-collapsed .article-read-content{max-height:720px;}
}


/* ==========================================================
   v2.9 — Blog general link, visible hero image, mobile hero balance,
   and scroll-to-top button.
   ========================================================== */
.blog-empty-note{
  grid-column:1/-1;
  min-height:118px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(8,116,111,.20);
  border-radius:16px;
  color:#7e8a91;
  font-weight:800;
  background:rgba(255,255,255,.72);
}
.home-hero{
  min-height:520px !important;
}
.home-hero .hero-bg{
  opacity:1 !important;
  transform:none !important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.36) 40%,rgba(0,0,0,.10) 68%,rgba(0,0,0,.24)),
    linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.02) 46%,rgba(0,0,0,.20)),
    url('../img/hero-scene.svg') !important;
  background-position:center center !important;
  background-size:cover !important;
}
.home-hero .hero-bg:after{
  height:90px !important;
  background:linear-gradient(0deg,rgba(2,6,7,.92),rgba(2,6,7,0)) !important;
}
.home-hero .hero-inner,
.home-hero .hero-inner.container{
  min-height:520px !important;
  padding-top:42px !important;
  padding-bottom:34px !important;
  align-items:center !important;
}
.home-hero .hero-copy{
  padding-top:18px !important;
}
.hero-kicker{
  margin-bottom:8px !important;
}
.hero-copy h1{
  max-width:690px;
}
.jaecoo-back-top{
  position:fixed;
  right:18px;
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:1200;
  width:44px;
  height:44px;
  border:1px solid rgba(36,199,193,.42);
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(5,13,15,.90);
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.94) rotate(-90deg);
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease, border-color .22s ease;
  cursor:pointer;
}
.jaecoo-back-top svg{width:20px;height:20px;}
.jaecoo-back-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1) rotate(-90deg);
}
.jaecoo-back-top:hover{
  border-color:var(--teal);
  background:linear-gradient(135deg,#091315,#0d2d2f);
}
@media (min-width:761px){
  .jaecoo-back-top{
    bottom:24px;
    right:24px;
  }
}
@media (max-width:760px){
  .home-hero{
    min-height:0 !important;
  }
  .home-hero .hero-inner,
  .home-hero .hero-inner.container{
    min-height:0 !important;
    padding-top:26px !important;
    padding-bottom:24px !important;
    align-items:start !important;
  }
  .home-hero .hero-copy{
    padding-top:0 !important;
  }
  .home-hero .hero-bg{
    background-image:
      linear-gradient(90deg,rgba(2,7,8,.62),rgba(2,7,8,.18) 58%,rgba(2,7,8,.28)),
      linear-gradient(0deg,rgba(2,7,8,.28),rgba(2,7,8,.04) 55%,rgba(2,7,8,.18)),
      url('../img/hero-scene.svg') !important;
    background-position:center top !important;
    background-size:cover !important;
  }
  .home-hero .hero-bg:after{
    height:66px !important;
    background:linear-gradient(0deg,rgba(2,6,7,.86),rgba(2,6,7,0)) !important;
  }
  .hero-kicker{
    font-size:10px !important;
    letter-spacing:.16em !important;
    margin-bottom:7px !important;
    padding-left:24px !important;
    transform:translateY(-2px);
  }
  .hero-copy h1{
    font-size:36px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    max-width:330px !important;
  }
  .hero-desc{
    margin:11px 0 15px !important;
    font-size:13px !important;
    line-height:1.52 !important;
    max-width:330px !important;
  }
  .hero-cta-row{
    margin:12px 0 15px !important;
  }
  .quick-tile{
    min-height:80px !important;
  }
  .jaecoo-back-top{
    right:16px;
    bottom:calc(92px + env(safe-area-inset-bottom));
    width:42px;
    height:42px;
  }
}


/* ==========================================================
   v3.0 — Hero image Customizer fix.
   The selected image is now applied directly on .hero-bg as inline style,
   so old responsive rules can no longer hide the uploaded image.
   ========================================================== */
.home-hero .hero-bg[style]{
  opacity:1 !important;
  filter:saturate(1.04) contrast(1.02) !important;
}
@media (max-width:760px){
  .home-hero .hero-bg[style]{
    background-position:center top !important;
  }
}

/* ==========================================================
   v3.1 — Final UX polish: comments, alignment, drawer icons,
   footer login state, reading route, softer hero and 50% back top.
   ========================================================== */
:root{
  --jaecoo-accent-soft:#1aa7a2;
  --jaecoo-accent-deep:#0b6f73;
  --jaecoo-paper:#f5f8f8;
}
/* Archive category title clean-up */
.archive.category-genel .archive-hero h1{font-size:0;line-height:0;margin:0;}
.archive.category-genel .archive-hero h1:after{content:'Blog';font-size:clamp(36px,4vw,62px);line-height:1;display:block;letter-spacing:-.055em;}
.archive-hero{padding-top:68px;padding-bottom:46px;}
.archive-hero .hero-kicker{opacity:.88;}
/* Blog / horizontal sections should not stick to the screen edge. */
.post-card-grid,.youtube-video-track,.engagement-grid,.vehicle-cards,.topic-grid{scroll-padding-left:18px;}
.content-left .post-card-grid,.content-left .youtube-video-track,.content-left .engagement-grid{padding-left:4px;padding-right:4px;}
.home-grid .section-head{padding-left:2px;padding-right:2px;}
@media (max-width:760px){
  .home-grid.container,.content-left,.content-right{padding-left:18px!important;padding-right:18px!important;}
  .post-card-grid,.youtube-video-track,.engagement-grid{margin-left:0!important;transform:none!important;}
  .post-card-grid{gap:14px!important;}
}
/* Softer hero, cleaner vertical rhythm. */
.home-hero{min-height:unset!important;background:#071013;}
.home-hero .hero-bg{filter:saturate(1.02) contrast(.98)!important;opacity:.95!important;}
.home-hero .hero-bg:before{background:linear-gradient(90deg,rgba(3,8,10,.72),rgba(3,8,10,.34) 42%,rgba(3,8,10,.13) 70%,rgba(3,8,10,.22))!important;}
.home-hero .hero-inner,.home-hero .hero-inner.container{min-height:520px!important;padding-top:42px!important;padding-bottom:42px!important;align-items:center!important;}
.hero-kicker{color:rgba(36,199,193,.92)!important;letter-spacing:.18em!important;font-size:12px!important;margin-bottom:10px!important;}
.hero-copy h1{font-size:clamp(42px,5.1vw,76px)!important;letter-spacing:-.06em!important;line-height:.98!important;text-shadow:0 12px 42px rgba(0,0,0,.32)!important;}
.hero-desc{max-width:520px!important;color:rgba(255,255,255,.86)!important;font-weight:650!important;}
.hero-primary-cta,.hero-secondary-cta{border-radius:16px!important;box-shadow:none!important;}
.hero-primary-cta{background:linear-gradient(135deg,rgba(16,135,137,.95),rgba(14,84,89,.96))!important;border-color:rgba(54,207,202,.34)!important;}
.hero-secondary-cta{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
.quick-tile--dark{background:rgba(3,12,14,.54)!important;border-color:rgba(36,199,193,.27)!important;backdrop-filter:blur(10px)!important;}
@media (max-width:760px){
  .home-hero .hero-inner,.home-hero .hero-inner.container{min-height:410px!important;padding-top:32px!important;padding-bottom:28px!important;}
  .hero-kicker{font-size:10px!important;transform:translateY(-8px)!important;padding-left:24px!important;}
  .hero-copy h1{font-size:34px!important;max-width:310px!important;}
  .hero-desc{font-size:13px!important;max-width:310px!important;}
  .hero-cta-row{gap:10px!important;}
  .hero-primary-cta,.hero-secondary-cta{padding:11px 14px!important;font-size:13px!important;}
}
/* Comments are enabled again; previous versions hid them globally. */
.comments-area,.comment-respond,.comments-title,.comment-list{display:block!important;visibility:visible!important;}
.comments-area{margin-top:30px!important;border-top:1px solid var(--line)!important;padding-top:24px!important;}
.comments-title{font-size:22px!important;margin:0 0 16px!important;}
.comment-reply-title{font-size:22px;margin-top:18px;}
.comment-respond input,.comment-respond textarea{background:#fff!important;color:#111!important;border:1px solid var(--line)!important;}
.comment-respond .submit{background:var(--dark)!important;color:#fff!important;border-radius:14px!important;padding:13px 18px!important;font-weight:900!important;}
/* Reading route recovery */
.reader-path-card{background:linear-gradient(145deg,#ffffff,#eff7f7)!important;border:1px solid rgba(7,67,72,.10)!important;border-radius:26px!important;padding:24px!important;box-shadow:0 16px 40px rgba(8,30,36,.08)!important;overflow:hidden!important;}
.reader-path-card .mini-kicker{color:var(--teal-dark)!important;font-size:12px!important;letter-spacing:.22em!important;}
.reader-path-card h2{color:#0b1518!important;font-size:28px!important;line-height:1.08!important;margin:8px 0 18px!important;}
.reader-path-card a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 0!important;border-bottom:1px solid rgba(7,67,72,.10)!important;color:#0c171b!important;font-weight:900!important;font-size:17px!important;}
.reader-path-card a:last-child{border-bottom:0!important;}
.reader-path-card a span{color:var(--teal-dark)!important;font-size:20px!important;}
@media (max-width:760px){
  .reader-path-card{padding:22px!important;border-radius:24px!important;margin-left:0!important;margin-right:0!important;}
  .reader-path-card h2{font-size:25px!important;}
  .reader-path-card a{font-size:16px!important;}
}
/* Drawer menu: minimal with icons. */
.mobile-drawer{background:rgba(3,12,14,.96)!important;border-left:1px solid rgba(255,255,255,.08)!important;}
.drawer-panel{display:flex!important;flex-direction:column!important;min-height:100%!important;gap:16px!important;}
.drawer-link-list{margin-top:2px!important;}
.drawer-dynamic-menu{display:grid!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;}
.drawer-dynamic-menu li{margin:0!important;}
.drawer-dynamic-menu a{display:flex!important;align-items:center!important;gap:13px!important;padding:14px 2px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;color:rgba(255,255,255,.88)!important;font-weight:800!important;}
.drawer-dynamic-menu a:hover{color:#fff!important;}
.drawer-menu-icon{width:28px;height:28px;border:1px solid rgba(36,199,193,.18);border-radius:10px;background:rgba(36,199,193,.06);display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;color:var(--teal);}
.drawer-menu-icon svg{width:16px;height:16px;stroke:currentColor;}
.drawer-menu-label{flex:1;}
.drawer-submenu-toggle{top:12px!important;right:0!important;width:34px!important;height:34px!important;background:transparent!important;border:0!important;}
.drawer-support{margin-top:auto!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.08)!important;display:grid!important;gap:8px!important;}
.drawer-support a{min-height:0!important;padding:8px 0!important;background:transparent!important;border:0!important;display:flex!important;align-items:center!important;gap:10px!important;color:rgba(255,255,255,.78)!important;}
.drawer-support a span{width:26px;height:26px;border-radius:9px;background:rgba(36,199,193,.08);display:inline-flex;align-items:center;justify-content:center;color:var(--teal);}
.drawer-support a span svg{width:15px;height:15px;}
.drawer-support a strong{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;min-width:104px!important;}
.drawer-support a small{font-size:14px!important;font-weight:900!important;color:#fff!important;}
/* Footer: login card aligned and responsive. */
.footer-v16-inner{grid-template-columns:minmax(240px,1.15fr) minmax(160px,.75fr) minmax(220px,.95fr) minmax(250px,1fr)!important;align-items:start!important;gap:24px!important;}
.footer-login-mini--v31{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;padding:16px!important;display:grid!important;grid-template-columns:38px 1fr!important;gap:12px!important;align-items:center!important;}
.footer-login-mini--v31 .footer-login-icon{width:38px;height:38px;border-radius:14px;background:rgba(36,199,193,.10);display:flex;align-items:center;justify-content:center;color:var(--teal);grid-row:span 2;}
.footer-login-mini--v31 svg{width:18px;height:18px;}
.footer-login-mini--v31 strong{color:#fff!important;font-size:15px!important;}
.footer-login-mini--v31 small{display:block;color:rgba(255,255,255,.58)!important;font-size:12px!important;margin-top:2px!important;}
.footer-login-mini--v31 a{grid-column:2;border-radius:12px!important;background:rgba(36,199,193,.14)!important;color:#fff!important;border:1px solid rgba(36,199,193,.22)!important;text-align:center!important;padding:9px 10px!important;font-weight:900!important;font-size:12px!important;}
@media (max-width:900px){
  .footer-v16-inner{grid-template-columns:1fr!important;text-align:center!important;}
  .footer-v16-links .footer-v16-menu{justify-content:center!important;}
  .footer-login-mini--v31{max-width:360px;margin:0 auto!important;text-align:left!important;}
  .footer-app-soon{margin-left:auto!important;margin-right:auto!important;}
}
/* Back to top: JS now shows at 50%; visual stays compact. */
.jaecoo-back-top{bottom:calc(88px + env(safe-area-inset-bottom))!important;}

/* ==========================================================
   v3.2 — Final correction pass: mobile footer, slider alignment,
   archive title, drawer icons/support bottom, reading route cleanup.
   ========================================================== */
:root{
  --teal:#19b9b3;
  --teal-dark:#087b7a;
  --ink:#0b1215;
  --muted:#6d7a82;
  --line:#dfe8eb;
  --bg:#eef4f5;
}
/* Genel kategori arşivinde kullanıcıyı rahatsız eden başlık hissini azalt. */
.archive.category-genel .archive-hero{padding:74px 0 40px!important;}
.archive.category-genel .archive-hero h1{font-size:clamp(32px,4vw,54px)!important;line-height:1!important;margin:0!important;}
.archive.category-genel .archive-hero h1:after{content:none!important;}
.archive.category-genel .archive-hero .hero-kicker{margin-bottom:8px!important;}

/* Mobil genel hizalama: yatay kartlar ekrana yapışmasın. */
@media (max-width:760px){
  .home-grid.container{padding-left:22px!important;padding-right:22px!important;}
  .post-card-grid--three,
  .youtube-video-track,
  .engagement-grid,
  .vehicle-cards{
    margin-left:0!important;
    margin-right:-22px!important;
    padding-left:0!important;
    padding-right:22px!important;
    gap:14px!important;
    scroll-padding-left:0!important;
  }
  .post-card-grid--three .post-card{min-width:82%!important;}
  .vehicle-cards{grid-template-columns:repeat(3,152px)!important;}
  .engagement-grid .engage-card{min-width:78%!important;}
}

/* Hero: arka planı görünür bırak, yazı bloklarını ezme. */
.home-hero .hero-bg{opacity:1!important;filter:contrast(1.02) saturate(1.03)!important;}
.home-hero .hero-bg:after{height:58px!important;background:linear-gradient(0deg,rgba(3,8,10,.72),rgba(3,8,10,0))!important;}
.home-hero .hero-copy{max-width:720px!important;}
.hero-primary-cta,.hero-secondary-cta{white-space:nowrap!important;}
@media (max-width:760px){
  .home-hero .hero-inner,.home-hero .hero-inner.container{padding-top:24px!important;padding-bottom:24px!important;min-height:390px!important;}
  .hero-copy h1{font-size:32px!important;line-height:1.03!important;max-width:320px!important;}
  .hero-desc{max-width:320px!important;}
  .hero-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .quick-tile{min-height:76px!important;padding:9px 6px!important;}
}

/* Blog kartları: metin overlay yok, görsel kart temiz. */
.post-card--image-only a{display:block;width:100%;height:100%;}
.post-card--image-only:before{background:var(--card-image) center/cover no-repeat!important;opacity:1!important;}
.post-card--image-only:after{display:none!important;}

/* Okuma Rotası: daha sade, premium, okunabilir. */
.reader-path-card{
  background:#fff!important;
  border:1px solid rgba(8,80,86,.10)!important;
  border-radius:22px!important;
  box-shadow:0 16px 40px rgba(6,24,29,.08)!important;
  padding:20px!important;
  color:#0b1518!important;
}
.reader-path-card .mini-kicker{
  color:var(--teal-dark)!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  margin-bottom:6px!important;
}
.reader-path-card h2{
  color:#10191d!important;
  font-size:22px!important;
  line-height:1.15!important;
  margin:8px 0 10px!important;
  opacity:1!important;
}
.reader-path-card a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 0!important;
  color:#132024!important;
  font-size:15px!important;
  line-height:1.25!important;
  border-bottom:1px solid rgba(8,80,86,.10)!important;
  font-weight:900!important;
}
.reader-path-card a:last-child{border-bottom:0!important;}
.reader-path-card a span{color:var(--teal-dark)!important;font-size:18px!important;}

/* Drawer: linkler ikonlu ve numaralar en altta. */
.mobile-drawer{width:min(430px,88vw)!important;}
.drawer-panel{
  display:flex!important;
  flex-direction:column!important;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:28px 22px calc(112px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
}
.drawer-link-list{flex:0 0 auto!important;}
.drawer-community{margin-top:8px!important;}
.drawer-support{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  display:grid!important;
  gap:6px!important;
}
.drawer-support a{
  padding:5px 0!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
}
.drawer-support a strong{font-size:10px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.54)!important;}
.drawer-support a small{font-size:13px!important;color:rgba(255,255,255,.92)!important;}
.drawer-menu-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.drawer-menu-label{display:inline-flex!important;align-items:center!important;}

/* Footer: mobilde aşırı uzun, dağınık ve büyük görünen yapıyı toparla. */
.site-footer--v16{padding-top:0!important;padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;}
.footer-v16-inner{
  grid-template-columns:minmax(260px,1.15fr) minmax(220px,.9fr) minmax(230px,.95fr) minmax(280px,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.footer-v16-links{display:block!important;}
.footer-v16-menu{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.footer-v16-menu li{margin:0!important;}
.footer-v16-menu a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  color:rgba(236,247,248,.74)!important;
  font-size:12px!important;
  font-weight:850!important;
  background:rgba(255,255,255,.025)!important;
}
.footer-v16-menu a:hover{color:#fff!important;border-color:rgba(36,199,193,.28)!important;background:rgba(36,199,193,.07)!important;}
.footer-login-mini--v32,
.footer-login-mini--v31{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  min-height:0!important;
}
.footer-login-mini--v32 .footer-login-icon,
.footer-login-mini--v31 .footer-login-icon{width:34px!important;height:34px!important;border-radius:12px!important;grid-row:auto!important;}
.footer-login-copy strong,.footer-login-mini--v31 strong{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.footer-login-copy small,.footer-login-mini--v31 small{display:block!important;font-size:11px!important;color:rgba(255,255,255,.52)!important;margin-top:2px!important;}
.footer-login-action,.footer-login-mini--v31 a{
  grid-column:auto!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.footer-app-soon{padding:16px!important;border-radius:20px!important;}
.footer-app-soon strong{font-size:18px!important;line-height:1.2!important;}
.store-badges{gap:10px!important;}
.store-badge{min-height:52px!important;padding:9px 11px!important;border-radius:14px!important;}
.store-badge b{font-size:12px!important;}
.store-badge small{font-size:8px!important;}
.store-badge svg{width:22px!important;height:22px!important;}
@media (max-width:980px){
  .footer-v16-inner{grid-template-columns:1fr 1fr!important;}
  .footer-app-soon{grid-column:span 2!important;}
}
@media (max-width:760px){
  .footer-v16-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    text-align:center!important;
    padding-inline:24px!important;
  }
  .footer-v16-brand p{margin-left:auto!important;margin-right:auto!important;max-width:330px!important;}
  .footer-social-minimal{justify-content:center!important;}
  .footer-v16-menu{justify-content:center!important;max-width:330px!important;margin-inline:auto!important;}
  .footer-login-mini--v32,.footer-login-mini--v31{max-width:340px!important;margin:0 auto!important;text-align:left!important;}
  .footer-app-soon{max-width:360px!important;margin:0 auto!important;}
  .footer-bottom--minimal{padding-bottom:14px!important;}
}

/* Yukarı çık butonu: %50 seviyesinde görünür; görünüm daha küçük ve sağda. */
.jaecoo-back-top{width:42px!important;height:42px!important;right:14px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;}
@media (min-width:761px){.jaecoo-back-top{right:22px!important;bottom:22px!important;}}

/* ==========================================================
   JAECOO Exact Pro v3.3.0
   Responsive width repair: all homepage modules align with the 1200x90 ad slot.
   ========================================================== */
:root{
  --page-max:1200px;
  --page-gutter-desktop:32px;
  --page-gutter-tablet:24px;
  --page-gutter-mobile:14px;
}

/* Common homepage alignment: hero-alt ad, grid, cards and footer modules use one optical column. */
.ad-band.container,
.home-grid.container,
.single-layout.container,
.archive-layout.container,
.page-content-card.container,
.docs-grid-large.container,
.service-list--wide.container{
  width:min(var(--page-max), calc(100vw - (var(--page-gutter-desktop) * 2))) !important;
  max-width:var(--page-max) !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.home-grid{
  gap:24px !important;
}
.home-grid .content-left,
.home-grid .content-right{
  min-width:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Sections should not shrink independently from the main page column. */
.content-left > .section-head,
.lower-grid,
.youtube-guide-panel,
.engagement-hub--v18,
.compare-strip,
.community-strip,
.service-map-card,
.docs-card,
.reader-path-card,
.guide-panel,
.popular-panel{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Keep horizontal modules scrollable but visually aligned with the rest of the page. */
.post-card-grid--three,
.youtube-video-track,
.engagement-grid,
.vehicle-cards{
  margin-left:0 !important;
  scroll-padding-left:0 !important;
}

/* Desktop/tablet: balanced card sizing. */
@media (min-width:761px){
  .post-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
  .vehicle-cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .youtube-video-card{flex:0 0 300px !important;}
  .engagement-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;overflow:visible !important;}
}

@media (max-width:1220px){
  .ad-band.container,
  .home-grid.container,
  .single-layout.container,
  .archive-layout.container{
    width:calc(100vw - (var(--page-gutter-tablet) * 2)) !important;
  }
}

@media (max-width:760px){
  /* One source of truth for mobile content width. */
  .container,
  .ad-band.container,
  .home-grid.container,
  .single-layout.container,
  .archive-layout.container{
    width:calc(100vw - (var(--page-gutter-mobile) * 2)) !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-grid.container,
  .home-grid .content-left,
  .home-grid .content-right{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ad-band{margin-top:12px !important;margin-bottom:18px !important;}
  .ad-band .ad-slot{width:100% !important;border-radius:18px !important;}

  /* Override old double-padding rules that made modules too narrow. */
  .content-left > .section-head,
  .guide-panel,
  .popular-panel,
  .youtube-guide-panel,
  .engagement-hub--v18,
  .compare-strip,
  .community-strip,
  .service-map-card,
  .docs-card,
  .reader-path-card{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .content-left > .section-head{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Carousels fill the same column, then overflow only to the right for scrolling. */
  .post-card-grid--three,
  .youtube-video-track,
  .engagement-grid,
  .vehicle-cards{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    gap:12px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
  }

  .post-card-grid--three .post-card{
    min-width:86% !important;
    max-width:86% !important;
    min-height:190px !important;
    scroll-snap-align:start !important;
  }

  .vehicle-cards{
    display:flex !important;
  }
  .vehicle-card{
    flex:0 0 148px !important;
    min-width:148px !important;
    max-width:148px !important;
  }

  .youtube-video-card{
    flex:0 0 82% !important;
    max-width:82% !important;
    scroll-snap-align:start !important;
  }

  .engagement-grid .engage-card,
  .engage-card{
    flex:0 0 82% !important;
    min-width:82% !important;
    max-width:82% !important;
    scroll-snap-align:start !important;
  }

  /* Panels: slightly wider and more balanced. */
  .guide-panel,
  .popular-panel,
  .youtube-guide-panel,
  .engagement-hub--v18,
  .compare-strip,
  .community-strip,
  .service-map-card,
  .docs-card,
  .reader-path-card{
    border-radius:20px !important;
  }

  .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .topic-grid a{min-height:78px !important;}

  .service-map-card img,
  .service-map-image{
    width:100% !important;
    height:auto !important;
    min-height:170px !important;
    object-fit:cover !important;
  }

  .doc-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

  /* Footer: keep the final blocks in the same visual column, not squeezed. */
  .footer-v16-inner{
    width:calc(100vw - (var(--page-gutter-mobile) * 2)) !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:380px){
  :root{--page-gutter-mobile:12px;}
  .content-left > .section-head,
  .guide-panel,
  .popular-panel,
  .youtube-guide-panel,
  .engagement-hub--v18,
  .compare-strip,
  .community-strip,
  .service-map-card,
  .docs-card,
  .reader-path-card{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .vehicle-card{flex-basis:142px !important;min-width:142px !important;max-width:142px !important;}
}


/* ==========================================================
   v3.4 — Hero vertical gap repair.
   Fixes the meaningless empty space under the quick action buttons.
   Cause: previous mobile hero rules kept a fixed min-height while the content
   was aligned near the top, leaving unused dark area before the ad block.
   ========================================================== */
.home-hero{
  min-height:auto!important;
}
.home-hero .hero-inner,
.home-hero .hero-inner.container{
  min-height:auto!important;
  align-items:start!important;
}
.home-hero .hero-copy{
  padding-top:0!important;
  padding-bottom:0!important;
}
.home-hero .hero-actions{
  margin-bottom:0!important;
}
.home-hero .hero-bg:after{
  height:34px!important;
  background:linear-gradient(0deg,rgba(2,6,7,.58),rgba(2,6,7,0))!important;
}

@media (min-width:761px){
  .home-hero .hero-inner,
  .home-hero .hero-inner.container{
    padding-top:72px!important;
    padding-bottom:44px!important;
  }
}

@media (max-width:760px){
  .home-hero{
    min-height:auto!important;
  }
  .home-hero .hero-inner,
  .home-hero .hero-inner.container{
    min-height:auto!important;
    padding-top:22px!important;
    padding-bottom:18px!important;
  }
  .home-hero .hero-copy{
    padding-top:0!important;
  }
  .hero-kicker{
    transform:none!important;
    margin-bottom:6px!important;
  }
  .hero-copy h1{
    margin-bottom:0!important;
  }
  .hero-desc{
    margin:10px 0 12px!important;
  }
  .hero-cta-row{
    margin:10px 0 12px!important;
  }
  .hero-actions{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .quick-tile{
    min-height:72px!important;
  }
  .home-hero .hero-bg:after{
    height:24px!important;
  }
  .ad-band{
    margin-top:14px!important;
  }
}

@media (max-width:430px){
  .home-hero .hero-inner,
  .home-hero .hero-inner.container{
    padding-bottom:16px!important;
  }
  .quick-tile{
    min-height:68px!important;
  }
}

/* ==========================================================
   v3.5 — Footer app/login + mobile drawer support final polish
   ========================================================== */

/* Footer layout: keep visual rhythm, remove the heavy coloured card behind the app block. */
.site-footer.site-footer--v16,
.site-footer--minimal.site-footer--v16{
  background:linear-gradient(180deg,#061012 0%,#020607 100%) !important;
}

.footer-v16-inner{
  align-items:start !important;
}

.footer-app-soon{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  padding:6px 0 0 !important;
  border-radius:0 !important;
  max-width:100% !important;
  justify-self:start !important;
  text-align:left !important;
}

.footer-app-soon .app-soon-kicker{
  margin-bottom:5px !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  color:var(--teal) !important;
}

.footer-app-soon strong{
  font-size:15px !important;
  line-height:1.25 !important;
  letter-spacing:-.018em !important;
  margin-bottom:11px !important;
  max-width:300px !important;
}

.footer-app-soon .store-badges{
  display:flex !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}

.footer-app-soon .store-badge,
.footer-app-soon a.store-badge{
  min-height:38px !important;
  height:38px !important;
  padding:7px 11px !important;
  border-radius:12px !important;
  gap:8px !important;
  background:#070b0c !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:none !important;
}

.footer-app-soon .store-badge svg{
  width:19px !important;
  height:19px !important;
}

.footer-app-soon .store-badge small{
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
}

.footer-app-soon .store-badge b{
  font-size:11px !important;
  line-height:1.05 !important;
}

/* Footer login: keep the card position, make the action button extend to the right properly. */
.footer-login-mini,
.footer-login-mini--v31,
.footer-login-mini--v32{
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  padding:11px !important;
  border-radius:16px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) minmax(76px,96px) !important;
  gap:10px !important;
  align-items:center !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}

.footer-login-mini .footer-login-icon,
.footer-login-mini--v31 .footer-login-icon,
.footer-login-mini--v32 .footer-login-icon,
.footer-login-mini > span{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  grid-column:1 !important;
  grid-row:1 !important;
}

.footer-login-copy,
.footer-login-mini strong,
.footer-login-mini small{
  min-width:0 !important;
}

.footer-login-copy{
  grid-column:2 !important;
}

.footer-login-copy strong,
.footer-login-mini--v31 strong,
.footer-login-mini--v32 strong{
  font-size:12px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.footer-login-copy small,
.footer-login-mini--v31 small,
.footer-login-mini--v32 small{
  font-size:10px !important;
  line-height:1.2 !important;
  opacity:.62 !important;
}

.footer-login-action,
.footer-login-mini--v31 a,
.footer-login-mini--v32 a{
  grid-column:3 !important;
  margin:0 !important;
  width:100% !important;
  height:34px !important;
  min-width:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

/* Drawer support: push emergency numbers to the real bottom, away from the menu links. */
.mobile-drawer .drawer-panel{
  position:relative !important;
  min-height:100dvh !important;
  height:100dvh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
  padding-bottom:142px !important;
}

.mobile-drawer .drawer-community{
  margin-top:12px !important;
  margin-bottom:0 !important;
}

.mobile-drawer .drawer-support{
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  bottom:calc(18px + env(safe-area-inset-bottom)) !important;
  margin:0 !important;
  padding:14px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(3,12,14,0),rgba(3,12,14,.98) 28%) !important;
  display:grid !important;
  gap:8px !important;
}

.mobile-drawer .drawer-support a{
  min-height:28px !important;
  padding:2px 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
}

.mobile-drawer .drawer-support a span{
  width:25px !important;
  height:25px !important;
  border-radius:9px !important;
  flex:0 0 25px !important;
}

.mobile-drawer .drawer-support a strong{
  min-width:94px !important;
  font-size:9px !important;
  letter-spacing:.13em !important;
  color:rgba(255,255,255,.48) !important;
}

.mobile-drawer .drawer-support a small{
  margin-left:auto !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.92) !important;
}

/* General mobile tightening so the footer no longer feels oversized. */
@media (max-width:760px){
  .footer-v16-inner{
    gap:18px !important;
    padding-bottom:18px !important;
  }

  .footer-v16-brand,
  .footer-v16-links,
  .footer-login-mini,
  .footer-app-soon{
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    width:100% !important;
  }

  .footer-app-soon{
    text-align:left !important;
  }

  .footer-app-soon strong{
    font-size:14px !important;
  }

  .footer-app-soon .store-badges{
    justify-content:flex-start !important;
  }

  .footer-bottom--minimal{
    padding-top:12px !important;
    padding-bottom:80px !important;
    gap:10px !important;
  }
}

@media (max-width:380px){
  .footer-login-mini,
  .footer-login-mini--v31,
  .footer-login-mini--v32{
    grid-template-columns:32px minmax(0,1fr) minmax(64px,78px) !important;
    padding:10px !important;
  }
  .footer-login-action,
  .footer-login-mini--v31 a,
  .footer-login-mini--v32 a{
    min-width:64px !important;
    font-size:11px !important;
    padding:0 8px !important;
  }
  .footer-app-soon .store-badge{
    flex:1 1 calc(50% - 5px) !important;
  }
}

@media (max-height:720px){
  .mobile-drawer .drawer-panel{padding-bottom:128px !important;}
  .mobile-drawer .drawer-support{bottom:calc(12px + env(safe-area-inset-bottom)) !important;}
}

/* ==========================================================
   v3.8 DEFINITIVE COMPACT ROLLBACK
   Bu blok v3.6'daki aşırı büyüme denemesini kesin olarak ezer.
   Ölçüler eski kompakt mobil düzene geri alınır.
   ========================================================== */
@media (max-width:760px){
  .container,
  .ad-band.container,
  .home-grid.container{
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .home-grid{display:block !important;}
  .lower-grid{display:grid !important;grid-template-columns:1fr !important;gap:16px !important;margin-top:16px !important;}
  .content-right{display:block !important;}

  .guide-panel,
  .popular-panel,
  .youtube-guide-panel,
  .engagement-hub--v18,
  .compare-strip,
  .community-strip,
  .service-map-card,
  .docs-card,
  .reader-path-card{
    width:auto !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:16px !important;
    border-radius:14px !important;
  }

  .post-card-grid--three{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    gap:16px !important;
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:8px !important;
  }
  .post-card-grid--three .post-card{
    flex:0 0 86% !important;
    min-width:86% !important;
    max-width:86% !important;
    min-height:182px !important;
    border-radius:10px !important;
    scroll-snap-align:start !important;
  }

  .vehicle-cards{
    display:grid !important;
    grid-template-columns:repeat(3,152px) !important;
    gap:12px !important;
    overflow-x:auto !important;
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:8px !important;
  }
  .vehicle-card{
    flex:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:140px !important;
    padding:12px !important;
    border-radius:12px !important;
  }
  .vehicle-card img{height:82px !important;object-fit:contain !important;margin-bottom:0 !important;}
  .vehicle-card strong{font-size:14px !important;line-height:1.1 !important;}
  .vehicle-card span{font-size:12px !important;line-height:1.2 !important;}

  .topic-grid{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
  }
  .topic-grid a{
    flex:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:76px !important;
    padding:12px !important;
    border-radius:12px !important;
    grid-template-columns:28px 1fr !important;
  }
  .topic-grid svg{font-size:24px !important;}
  .topic-grid strong{font-size:12px !important;}
  .topic-grid span{font-size:10px !important;}

  .youtube-video-track,
  .engagement-grid,
  .doc-list{
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:12px !important;
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:8px !important;
    scroll-snap-type:x mandatory !important;
  }
  .youtube-video-card,
  .engagement-grid .engage-card,
  .engage-card,
  .doc-list a{
    flex:0 0 78% !important;
    min-width:78% !important;
    max-width:78% !important;
    scroll-snap-align:start !important;
    border-radius:12px !important;
  }
  .youtube-video-card{min-height:150px !important;}
  .youtube-thumb{min-height:96px !important;border-radius:10px 10px 0 0 !important;}

  .community-strip#topluluk{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .community-strip#topluluk > div{grid-column:1/-1 !important;}
  .community-strip#topluluk a{min-height:58px !important;padding:12px !important;border-radius:12px !important;}

  .service-map-card img,.service-map-image{height:170px !important;max-height:170px !important;object-fit:cover !important;border-radius:10px !important;}
  .service-list a{font-size:12px !important;padding:10px 4px !important;}

  .reader-path-card{background:#fff !important;padding:18px !important;border-radius:14px !important;}
  .reader-path-card h2{font-size:20px !important;margin-bottom:12px !important;}
  .reader-path-card a{font-size:13px !important;padding:11px 0 !important;}

  .compare-strip{padding:18px !important;border-radius:14px !important;}
  .compare-strip:before,.compare-strip:after{opacity:.14 !important;transform:scale(.58) !important;}
  .compare-strip h2{font-size:20px !important;line-height:1.15 !important;}
  .compare-strip p{font-size:13px !important;}

  .footer-app-soon{background:transparent !important;border:0 !important;box-shadow:none !important;padding:6px 0 0 !important;max-width:360px !important;margin-left:auto !important;margin-right:auto !important;}
  .footer-app-soon strong{font-size:14px !important;line-height:1.22 !important;}
  .footer-app-soon .store-badge{height:38px !important;min-height:38px !important;padding:7px 11px !important;border-radius:12px !important;}

  .footer-login-mini,.footer-login-mini--v31,.footer-login-mini--v32{
    max-width:360px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:11px !important;
    grid-template-columns:34px minmax(0,1fr) minmax(76px,96px) !important;
  }

  .mobile-drawer .drawer-panel{height:100dvh !important;min-height:100dvh !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;padding-bottom:calc(22px + env(safe-area-inset-bottom)) !important;}
  .mobile-drawer .drawer-link-list{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;padding-bottom:16px !important;}
  .mobile-drawer .drawer-community{flex:0 0 auto !important;margin-top:14px !important;margin-bottom:18px !important;}
  .mobile-drawer .drawer-support{position:static !important;flex:0 0 auto !important;margin-top:auto !important;padding:24px 0 0 !important;border-top:1px solid rgba(255,255,255,.10) !important;background:transparent !important;gap:10px !important;}

  .jaecoo-back-top{width:40px !important;height:40px !important;right:12px !important;bottom:calc(82px + env(safe-area-inset-bottom)) !important;}
}

@media (max-width:430px){
  .container,.ad-band.container,.home-grid.container{padding-left:18px !important;padding-right:18px !important;}
  .post-card-grid--three .post-card{flex-basis:86% !important;min-width:86% !important;max-width:86% !important;}
  .vehicle-cards{grid-template-columns:repeat(3,152px) !important;}
  .youtube-video-card,.engagement-grid .engage-card,.engage-card,.doc-list a{flex-basis:78% !important;min-width:78% !important;max-width:78% !important;}
}

/* ==========================================================
   v3.9 — Real visual repair after rollback.
   Bu blok v3.8 üzerindeki parçalı/bozuk görünen yatay alanları tek standarda alır.
   Amaç: Blog, Kullanıcı Video Rehberi ve JAECOO Keşif Merkezi kartları kırpılmış
   ya da sıkışık görünmesin; footer ise önceki beğenilen kompakt görünüme dönsün.
   ========================================================== */

@media (max-width:760px){
  /* Sayfa kolonunu sabit ve dengeli tut. */
  .ad-band.container,
  .home-grid.container{
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  /* Bölüm kutuları reklam alanıyla aynı hizada, ancak iç kartlar taşmadan. */
  .guide-panel,
  .popular-panel,
  .youtube-guide-panel,
  .engagement-hub--v18,
  .compare-strip,
  .community-strip,
  .service-map-card,
  .docs-card,
  .reader-path-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:16px!important;
    border-radius:18px!important;
  }

  /* Başlıklar aynı hizadan başlasın. */
  .content-left > .section-head,
  .youtube-guide-panel .section-head,
  .engagement-hub--v18 .section-head,
  .guide-panel .section-head,
  .popular-panel .section-head{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Blog / video / keşif merkezi: kartlar artık sağda kesilmiş ya da yarım görünmesin. */
  .post-card-grid--three,
  .youtube-video-track,
  .engagement-grid{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:8px!important;
    scroll-padding-left:0!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .post-card-grid--three .post-card,
  .youtube-video-card,
  .engagement-grid .engage-card,
  .engage-card{
    flex:0 0 100%!important;
    min-width:100%!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
    border-radius:14px!important;
  }

  .post-card-grid--three .post-card{
    min-height:182px!important;
  }

  .youtube-video-card{
    min-height:auto!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    box-shadow:0 8px 20px rgba(4,17,22,.06)!important;
  }
  .youtube-thumb{
    min-height:146px!important;
    border-radius:14px 14px 0 0!important;
  }
  .youtube-video-card strong{
    min-height:auto!important;
    padding:12px 13px 14px!important;
    font-size:13px!important;
    line-height:1.3!important;
  }

  .engagement-hub--v18{
    overflow:hidden!important;
    background:linear-gradient(180deg,#ffffff,#f8fbfc)!important;
  }
  .engagement-hub--v18:before{
    opacity:.28!important;
    right:-130px!important;
    top:-120px!important;
  }
  .engagement-hub--v18 .engage-card{
    min-height:164px!important;
    padding:16px!important;
    border-radius:16px!important;
  }
  .engagement-hub--v18 .engage-card small{
    min-height:auto!important;
  }

  /* Araç ve popüler rehberler kompakt kalsın; v3.6'daki büyüme geri gelmesin. */
  .vehicle-cards{
    display:grid!important;
    grid-template-columns:repeat(3,152px)!important;
    gap:12px!important;
    overflow-x:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0 0 8px!important;
  }
  .vehicle-card{
    min-height:138px!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  .vehicle-card img{height:78px!important;object-fit:contain!important;}

  .topic-grid{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .topic-grid a{min-height:72px!important;padding:11px!important;}

  /* Footer: önceki iyi kompakt formuna geri dön. */
  .site-footer--v16{
    padding-top:0!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .footer-v16-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:auto!important;
    max-width:100%!important;
    padding-left:24px!important;
    padding-right:24px!important;
    text-align:center!important;
  }
  .footer-v16-brand,
  .footer-v16-links,
  .footer-login-mini,
  .footer-login-mini--v31,
  .footer-login-mini--v32,
  .footer-app-soon{
    width:100%!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer-v16-brand p{
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:310px!important;
  }
  .footer-social-minimal,
  .social-row{
    justify-content:center!important;
  }
  .footer-v16-menu{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
    margin:0 auto!important;
    padding:0!important;
    list-style:none!important;
  }
  .footer-v16-menu a{
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }
  .footer-login-mini,
  .footer-login-mini--v31,
  .footer-login-mini--v32{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) minmax(72px,92px)!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px!important;
    border-radius:16px!important;
    min-height:0!important;
    text-align:left!important;
  }
  .footer-login-action,
  .footer-login-mini--v31 a,
  .footer-login-mini--v32 a{
    height:34px!important;
    min-width:72px!important;
    grid-column:3!important;
    width:100%!important;
    margin:0!important;
  }
  .footer-app-soon{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:4px 0 0!important;
    text-align:center!important;
  }
  .footer-app-soon strong{
    font-size:14px!important;
    line-height:1.25!important;
    margin-bottom:10px!important;
  }
  .footer-app-soon .store-badges{
    display:flex!important;
    justify-content:center!important;
    gap:9px!important;
    flex-wrap:nowrap!important;
  }
  .footer-app-soon .store-badge,
  .footer-app-soon a.store-badge{
    height:38px!important;
    min-height:38px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
  }
  .footer-bottom--minimal{
    padding-bottom:14px!important;
  }

  /* Mobil menüde destek numaraları linklere yapışmasın; en alta doğru itilsin. */
  .mobile-drawer .drawer-panel{
    min-height:100dvh!important;
    height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
  }
  .mobile-drawer .drawer-link-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding-bottom:20px!important;
  }
  .mobile-drawer .drawer-community{
    flex:0 0 auto!important;
    margin-top:12px!important;
    margin-bottom:20px!important;
  }
  .mobile-drawer .drawer-support{
    position:static!important;
    flex:0 0 auto!important;
    margin-top:auto!important;
    padding-top:24px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:transparent!important;
  }
}

@media (max-width:380px){
  .post-card-grid--three .post-card,
  .youtube-video-card,
  .engagement-grid .engage-card,
  .engage-card{
    flex-basis:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
}


/* ==========================================================
   v4.0.1 — Real installable Slider Peek Fix
   Amaç: Blog, Kullanıcı Video Rehberi ve JAECOO Keşif Merkezi gibi yatay
   kaydırmalı alanlarda sağ tarafta bir sonraki kartın ucu görünsün.
   Bu, kullanıcının bölümün kaydırılabilir olduğunu anlamasını sağlar.
   ========================================================== */
@media (max-width: 760px){
  .post-card-grid--three,
  .youtube-video-track,
  .engagement-grid{
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
    gap:12px !important;
    width:calc(100% + 18px) !important;
    max-width:calc(100% + 18px) !important;
    margin-left:0 !important;
    margin-right:-18px !important;
    padding-left:0 !important;
    padding-right:18px !important;
    padding-bottom:8px !important;
    scroll-padding-left:0 !important;
  }

  .post-card-grid--three .post-card,
  .youtube-video-card,
  .engagement-grid .engage-card,
  .engagement-grid > .engage-card{
    flex:0 0 calc(100% - 58px) !important;
    min-width:calc(100% - 58px) !important;
    max-width:calc(100% - 58px) !important;
    width:auto !important;
    scroll-snap-align:start !important;
    box-sizing:border-box !important;
  }

  /* Bölüm içi kartlar taşmadan premium görünümü korusun. */
  .youtube-guide-panel,
  .engagement-hub--v18{
    overflow:hidden !important;
  }

  .youtube-video-card{
    border-radius:14px !important;
  }

  .engagement-grid .engage-card{
    border-radius:16px !important;
  }
}

@media (max-width: 390px){
  .post-card-grid--three .post-card,
  .youtube-video-card,
  .engagement-grid .engage-card,
  .engagement-grid > .engage-card{
    flex-basis:calc(100% - 46px) !important;
    min-width:calc(100% - 46px) !important;
    max-width:calc(100% - 46px) !important;
  }
}

/* Scrollbar görünmesin ama kaydırma çalışsın. */
.post-card-grid--three::-webkit-scrollbar,
.youtube-video-track::-webkit-scrollbar,
.engagement-grid::-webkit-scrollbar{
  display:none !important;
}
.post-card-grid--three,
.youtube-video-track,
.engagement-grid{
  scrollbar-width:none !important;
}


/* ==========================================================
   v4.0.2 — Belgeler bölümünü tekrar dörtlü 2x2 düzene getir
   Not: Slider peek fix Blog / Video / Keşif Merkezi için kalsın,
   ama Belgeler bölümü kaydırmalı değil, 2 sütun x 2 satır görünmeli.
   ========================================================== */
@media (max-width: 760px){
  .docs-card .doc-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    overflow:visible !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    scroll-snap-type:none !important;
  }

  .docs-card .doc-list a{
    display:grid !important;
    grid-template-columns:26px 1fr !important;
    align-items:center !important;
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
    flex:none !important;
    border-radius:14px !important;
    padding:14px 12px !important;
    scroll-snap-align:none !important;
  }
}

@media (max-width: 430px){
  .docs-card .doc-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .docs-card .doc-list a{
    padding:13px 10px !important;
  }
  .docs-card .doc-list strong{
    font-size:12px !important;
    line-height:1.15 !important;
  }
  .docs-card .doc-list span{
    font-size:10px !important;
  }
}


/* ==========================================================
   v4.0.3 — Mobile footer polish
   Amaç: mobil footer’ı daha kompakt, dengeli ve premium hale getirmek.
   ========================================================== */
@media (max-width: 760px){
  .footer-v16-inner{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding-top:24px !important;
    padding-bottom:16px !important;
  }

  .footer-v16-brand{
    text-align:center !important;
  }

  .footer-v16-brand p{
    max-width:100% !important;
    margin:10px auto 14px !important;
    font-size:13px !important;
    line-height:1.6 !important;
  }

  .social-row{
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:12px !important;
  }

  .social-row a{
    width:38px !important;
    height:38px !important;
  }

  .footer-v16-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding-top:0 !important;
  }

  .footer-v16-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 10px !important;
    text-align:center !important;
    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.03) !important;
    font-size:13px !important;
  }

  .footer-login-mini{
    min-height:auto !important;
    padding:14px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 118px !important;
    align-items:center !important;
    gap:12px !important;
    border-radius:18px !important;
  }

  .footer-login-mini > span{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
  }

  .footer-login-mini strong{
    display:block !important;
    font-size:15px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
  }

  .footer-login-mini small{
    display:block !important;
    margin-top:3px !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }

  .footer-login-mini a{
    width:100% !important;
    height:44px !important;
    margin-top:0 !important;
    font-size:14px !important;
    justify-self:end !important;
  }

  .footer-app-soon{
    padding:8px 0 0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:center !important;
  }

  .app-soon-kicker{
    margin-bottom:6px !important;
  }

  .footer-app-soon strong{
    font-size:15px !important;
    margin-bottom:12px !important;
  }

  .store-badges{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .store-badge{
    min-height:48px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    justify-content:center !important;
  }

  .store-icon{
    width:24px !important;
    height:24px !important;
  }

  .store-badge small{
    font-size:9px !important;
  }

  .store-badge b{
    font-size:12px !important;
  }

  .footer-bottom{
    padding:12px 0 88px !important;
    text-align:center !important;
    font-size:12px !important;
  }
}

@media (max-width: 420px){
  .footer-login-mini{
    grid-template-columns:50px minmax(0,1fr) 104px !important;
    gap:10px !important;
  }

  .footer-login-mini strong{font-size:14px !important;}
  .footer-login-mini small{font-size:11px !important;}
  .footer-login-mini a{height:42px !important;font-size:13px !important;}

  .footer-v16-links a{font-size:12px !important;min-height:40px !important;}
}


/* ==========================================================
   v4.0.4 — Mobile footer real repair
   Önceki sürümde bazı iPhone viewport'larında 760px media query devreye
   girmediği için footer iki kolon gibi kaldı. Bu blok 980px'e kadar footer'ı
   tek kolon, sade ve dengeli hale getirir.
   ========================================================== */
@media (max-width: 980px){
  .site-footer.site-footer--v16,
  .site-footer--v16{
    background:
      radial-gradient(circle at 50% -16%, rgba(36,199,193,.10), transparent 34%),
      linear-gradient(180deg,#061013 0%, #030708 100%) !important;
    padding-top:28px !important;
    padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important;
    overflow:hidden !important;
  }

  .site-footer--v16 .footer-v16-inner,
  .footer-v16-inner.container,
  .footer-v16-inner{
    width:min(calc(100% - 42px), 430px) !important;
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 0 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    text-align:center !important;
  }

  .footer-v16-brand{
    width:100% !important;
    text-align:center !important;
  }

  .footer-v16-brand .brand-logo,
  .footer-v16-brand .footer-logo{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 auto !important;
  }

  .footer-v16-brand .brand-mark{
    font-size:25px !important;
    letter-spacing:.08em !important;
  }

  .footer-v16-brand p{
    max-width:350px !important;
    margin:10px auto 16px !important;
    color:rgba(220,232,235,.68) !important;
    font-size:14px !important;
    line-height:1.62 !important;
  }

  .footer-social-minimal,
  .social-row{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    margin:0 auto !important;
  }

  .footer-social-minimal a,
  .social-row a{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.025) !important;
    border:1px solid rgba(36,199,193,.18) !important;
  }

  .footer-v16-links{
    width:100% !important;
    max-width:360px !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:9px !important;
    padding:0 !important;
    margin:0 auto !important;
    order:2 !important;
  }

  .footer-v16-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:8px 10px !important;
    border-radius:999px !important;
    text-align:center !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:rgba(224,236,239,.82) !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
  }

  .footer-login-mini,
  .footer-login-mini--v31,
  .footer-login-mini--v32{
    order:3 !important;
    width:100% !important;
    max-width:360px !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:12px !important;
    border-radius:18px !important;
    text-align:left !important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .footer-login-mini > span,
  .footer-login-icon{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border-radius:14px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(36,199,193,.12) !important;
    color:var(--teal) !important;
  }

  .footer-login-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    text-align:left !important;
  }

  .footer-login-copy strong,
  .footer-login-mini strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin:0 !important;
  }

  .footer-login-copy small,
  .footer-login-mini small{
    display:block !important;
    color:rgba(220,232,235,.62) !important;
    font-size:11px !important;
    line-height:1.25 !important;
    margin-top:4px !important;
  }

  .footer-login-action,
  .footer-login-mini a,
  .footer-login-mini--v31 a,
  .footer-login-mini--v32 a{
    flex:0 0 82px !important;
    width:82px !important;
    min-width:82px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#061014 !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1 !important;
  }

  .footer-app-soon{
    order:4 !important;
    width:100% !important;
    max-width:380px !important;
    margin:2px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .app-soon-kicker{
    display:block !important;
    margin:0 0 7px !important;
    color:var(--teal) !important;
    font-size:11px !important;
    letter-spacing:.32em !important;
    font-weight:950 !important;
  }

  .footer-app-soon strong{
    display:block !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1.25 !important;
    margin:0 auto 12px !important;
    letter-spacing:-.02em !important;
  }

  .store-badges{
    width:100% !important;
    max-width:340px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .store-badge,
  .footer-app-soon .store-badge,
  .footer-app-soon a.store-badge{
    min-height:44px !important;
    height:44px !important;
    padding:7px 9px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    background:#070d0f !important;
    border:1px solid rgba(255,255,255,.13) !important;
  }

  .store-icon{
    width:23px !important;
    height:23px !important;
    flex:0 0 23px !important;
    background:transparent !important;
  }

  .store-badge small{font-size:9px !important;line-height:1 !important;}
  .store-badge b{font-size:12px !important;line-height:1.1 !important;margin-top:2px !important;}

  .footer-bottom,
  .footer-bottom--minimal{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:12px 18px !important;
    text-align:center !important;
    padding:14px 22px 0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    color:rgba(220,232,235,.56) !important;
    font-size:12px !important;
  }

  .footer-bottom nav{display:flex !important;gap:16px !important;flex-wrap:wrap !important;justify-content:center !important;}
  .footer-bottom a{color:rgba(220,232,235,.56) !important;}
}

@media (max-width:420px){
  .footer-v16-inner.container,
  .footer-v16-inner{width:calc(100% - 36px) !important;}
  .footer-v16-brand .brand-mark{font-size:23px !important;}
  .footer-v16-links a{font-size:11px !important;min-height:36px !important;}
  .footer-login-mini,.footer-login-mini--v31,.footer-login-mini--v32{max-width:340px !important;gap:10px !important;}
  .footer-login-action,.footer-login-mini a,.footer-login-mini--v31 a,.footer-login-mini--v32 a{flex-basis:76px !important;width:76px !important;min-width:76px !important;}
  .footer-login-copy strong,.footer-login-mini strong{font-size:13px !important;}
  .footer-app-soon strong{font-size:15px !important;}
  .store-badges{max-width:320px !important;gap:8px !important;}
}


/* ==========================================================
   v4.0.5 — Footer menü linklerini geçici olarak kaldır
   Amaç: Etkinlik kaydı / Geri Bildirim / İşbirliği / İletişim gibi
   footer link chip alanını şimdilik gizlemek.
   Sosyal ikonlar, giriş kartı, mobil uygulama ve telif alanı kalır.
   ========================================================== */
.footer-v16-links,
.footer-v16-menu,
.site-footer .footer-menu,
.site-footer .footer-col,
.site-footer .footer-links,
.site-footer .footer-nav {
  display: none !important;
}

@media (max-width: 980px) {
  .footer-v16-inner {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .footer-v16-brand,
  .footer-login-mini,
  .footer-login-mini--v31,
  .footer-login-mini--v32,
  .footer-app-soon {
    width: 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 760px) {
  .footer-v16-links,
  .footer-v16-menu,
  .site-footer .footer-menu,
  .site-footer .footer-col,
  .site-footer .footer-links,
  .site-footer .footer-nav {
    display: none !important;
  }

  .footer-v16-inner {
    gap: 18px !important;
  }
}


/* ==========================================================
   v4.0.9 — Profesyonel üyelik/giriş sayfası ve profil alanı
   ========================================================== */
.login-page-shell--v409{
  padding:34px 18px 56px !important;
  background:
    radial-gradient(circle at 14% 4%,rgba(36,199,193,.16),transparent 26%),
    linear-gradient(135deg,#eef6f7,#fff) !important;
}
.login-card-pro--v409{
  max-width:1180px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr) !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(7,38,44,.10) !important;
  box-shadow:0 24px 80px rgba(4,17,22,.14) !important;
}
.login-visual--v409{
  min-height:650px !important;
  padding:46px !important;
  background:
    linear-gradient(90deg,rgba(2,8,10,.92),rgba(2,8,10,.48)),
    url('../img/hero-scene.svg') center/cover !important;
}
.login-visual--v409 .login-benefits:not(.login-benefits--profile){
  display:none !important;
}
.login-form-panel--v409{
  padding:30px !important;
}
.login-form-head--modern{
  margin-bottom:18px !important;
}
.login-form-head--modern .brand-mark{
  display:none !important;
}
.login-form-head--modern h2{
  margin:0 0 6px !important;
  font-size:clamp(26px,3vw,36px) !important;
  letter-spacing:-.055em !important;
  color:#071014 !important;
}
.login-form-head--modern p{
  margin:0 !important;
  color:#66767e !important;
  font-weight:750 !important;
}
.jaecoo-auth-switcher > input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.jaecoo-auth-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  padding:5px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:#f3f7f8 !important;
  margin-bottom:16px !important;
}
.jaecoo-auth-tabs label{
  min-height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  font-weight:950 !important;
  color:#5f7078 !important;
  cursor:pointer !important;
  user-select:none !important;
}
#jaecoo-tab-login:checked ~ .jaecoo-auth-tabs label[for="jaecoo-tab-login"],
#jaecoo-tab-register:checked ~ .jaecoo-auth-tabs label[for="jaecoo-tab-register"]{
  background:#061014 !important;
  color:#fff !important;
}
.jaecoo-auth-panel{
  display:none !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  padding:18px !important;
  background:#fff !important;
}
#jaecoo-tab-login:checked ~ .jaecoo-auth-panels .jaecoo-auth-panel--login{
  display:grid !important;
}
#jaecoo-tab-register:checked ~ .jaecoo-auth-panels .jaecoo-auth-panel--register{
  display:grid !important;
}
.jaecoo-auth-form{
  gap:13px !important;
}
.jaecoo-auth-form label{
  display:grid !important;
  gap:7px !important;
  color:#152126 !important;
  font-weight:900 !important;
  font-size:13px !important;
}
.jaecoo-auth-form label small{
  color:#7a8990 !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.jaecoo-auth-form input:not([type="checkbox"]),
.jaecoo-auth-form select,
.jaecoo-auth-form textarea{
  width:100% !important;
  min-height:46px !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  background:#f8fbfc !important;
  padding:0 13px !important;
  color:#061014 !important;
  outline:0 !important;
}
.jaecoo-auth-form input[type="file"]{
  padding:10px 13px !important;
}
.jaecoo-auth-form input:focus,
.jaecoo-auth-form select:focus,
.jaecoo-auth-form textarea:focus{
  border-color:rgba(36,199,193,.65) !important;
  box-shadow:0 0 0 4px rgba(36,199,193,.12) !important;
  background:#fff !important;
}
.jaecoo-form-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.jaecoo-birth-grid{
  display:grid !important;
  grid-template-columns:.75fr .75fr 1fr !important;
  gap:10px !important;
}
.jaecoo-check{
  display:flex !important;
  grid-template-columns:none !important;
  flex-direction:row !important;
  gap:10px !important;
  align-items:flex-start !important;
  font-size:12px !important;
  line-height:1.45 !important;
  color:#516069 !important;
  font-weight:750 !important;
}
.jaecoo-check input{
  margin-top:3px !important;
  width:17px !important;
  height:17px !important;
  accent-color:var(--teal) !important;
  flex:0 0 auto !important;
}
.jaecoo-consents{
  display:grid !important;
  gap:9px !important;
  padding:13px !important;
  border:1px solid rgba(36,199,193,.20) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(36,199,193,.055),rgba(255,255,255,.85)) !important;
}
.jaecoo-auth-submit{
  min-height:48px !important;
  border:0 !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,var(--teal),var(--teal-dark)) !important;
  color:#fff !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 14px 30px rgba(8,116,111,.18) !important;
}
.jaecoo-small-link,
.jaecoo-auth-logout{
  color:var(--teal-dark) !important;
  font-weight:900 !important;
  font-size:13px !important;
}
.jaecoo-auth-notice{
  border-radius:16px !important;
  padding:12px 14px !important;
  font-weight:800 !important;
  font-size:13px !important;
  margin-bottom:14px !important;
}
.jaecoo-auth-notice--error{background:#fff0f0 !important;color:#9d1c1c !important;border:1px solid #ffd0d0 !important;}
.jaecoo-auth-notice--success{background:#ecfff9 !important;color:#0a6e5e !important;border:1px solid #b8f2df !important;}
.jaecoo-profile-summary{
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  padding:15px !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f7fbfc) !important;
  margin-bottom:16px !important;
}
.profile-avatar,
.footer-login-icon,
.drawer-profile-photo{
  overflow:hidden !important;
}
.jaecoo-profile-photo{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:inherit !important;
}
.profile-avatar{
  width:70px !important;
  height:70px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--teal) !important;
  background:rgba(36,199,193,.10) !important;
}
.jaecoo-profile-photo--placeholder{
  display:grid !important;
  place-items:center !important;
}
.jaecoo-profile-summary strong{
  display:block !important;
  font-size:18px !important;
  letter-spacing:-.02em !important;
}
.jaecoo-profile-summary small{
  display:block !important;
  margin-top:3px !important;
  color:var(--muted) !important;
  font-weight:750 !important;
}
.jaecoo-member-stats{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 0 16px !important;
}
.jaecoo-stat-card{
  display:grid !important;
  grid-template-columns:58px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  padding:13px !important;
  border-radius:18px !important;
  border:1px solid rgba(36,199,193,.20) !important;
  background:linear-gradient(135deg,rgba(36,199,193,.08),rgba(255,255,255,.92)) !important;
}
.jaecoo-stat-card strong{
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:#061014 !important;
  color:var(--teal) !important;
  font-size:24px !important;
}
.jaecoo-stat-card span{
  color:#314047 !important;
  font-weight:850 !important;
  line-height:1.35 !important;
}
.jaecoo-hp{display:none!important;}
.footer-login-mini--v409 .footer-login-icon{
  padding:0 !important;
}
.footer-login-mini--v409 .footer-login-icon .jaecoo-profile-photo{
  border-radius:14px !important;
}
.footer-login-mini--v409 .footer-login-copy small{white-space:normal!important;}

/* Drawer profile header */
.drawer-head--profile{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.drawer-profile-link{
  flex:1 !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#fff !important;
}
.drawer-profile-photo{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(36,199,193,.13) !important;
  color:var(--teal) !important;
  flex:0 0 auto !important;
}
.drawer-profile-copy{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
.drawer-profile-copy strong{
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.drawer-profile-copy small{
  color:rgba(226,238,241,.72) !important;
  font-size:12px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Yorum formu: internet sitesi alanı kaldırıldı. */
.comments-area--v409{
  margin-top:28px !important;
  padding:22px !important;
  border:1px solid var(--line) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:var(--shadow-soft) !important;
}
.comments-area--v409 .comment-form{
  display:grid !important;
  gap:12px !important;
}
.comments-area--v409 .comment-form-url{
  display:none !important;
}
.comments-area--v409 input,
.comments-area--v409 textarea{
  width:100% !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  padding:12px !important;
  background:#f8fbfc !important;
}
.comments-area--v409 .form-submit input{
  width:auto !important;
  min-height:44px !important;
  border:0 !important;
  border-radius:14px !important;
  padding:0 18px !important;
  background:linear-gradient(135deg,var(--teal),var(--teal-dark)) !important;
  color:#fff !important;
  font-weight:950 !important;
}

@media (max-width:760px){
  .login-page-shell--v409{padding:22px 16px 40px !important;}
  .login-card-pro--v409{grid-template-columns:1fr !important;border-radius:24px !important;}
  .login-visual--v409{
    min-height:260px !important;
    padding:28px !important;
  }
  .login-visual--v409 h1{font-size:32px !important;}
  .login-visual--v409 p{font-size:15px !important;line-height:1.55 !important;}
  .login-form-panel--v409{padding:22px !important;}
  .jaecoo-form-grid{grid-template-columns:1fr !important;}
  .jaecoo-birth-grid{grid-template-columns:1fr 1fr 1fr !important;}
  .jaecoo-auth-panel{padding:15px !important;}
}
@media (max-width:430px){
  .login-visual--v409 h1{font-size:29px !important;}
  .jaecoo-birth-grid{gap:8px !important;}
}


/* ==========================================================
   v4.1.0 — Premium Üye Paneli Dashboard
   ========================================================== */
.member-dashboard-shell--v410{
  --dash-bg:#f6fafb;
  --dash-card:#ffffff;
  --dash-line:rgba(7,32,38,.08);
  --dash-muted:#687880;
  --dash-ink:#061014;
  background:var(--dash-bg);
  color:var(--dash-ink);
  padding:24px 0 34px;
}
.member-dashboard-layout{
  width:min(1480px,calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:244px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.member-sidebar{
  position:sticky;
  top:calc(var(--header-h) + 18px);
  min-height:calc(100vh - var(--header-h) - 36px);
  border:1px solid var(--dash-line);
  border-radius:24px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(4,17,22,.06);
  padding:22px;
}
.member-sidebar-logo{
  display:block;
  color:#061014;
  font-weight:950;
  font-size:24px;
  letter-spacing:.055em;
  margin-bottom:28px;
}
.member-sidebar-logo span{color:var(--teal);}
.member-sidebar-nav{
  display:grid;
  gap:7px;
}
.member-sidebar-nav>span{
  color:var(--teal-dark);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
  margin:0 0 6px;
}
.member-sidebar-nav a{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 12px;
  border-radius:13px;
  color:#183036;
  font-size:14px;
  font-weight:850;
}
.member-sidebar-nav a svg{
  width:19px;
  height:19px;
  color:#10262b;
}
.member-sidebar-nav a:hover,
.member-sidebar-nav a.is-active{
  background:rgba(36,199,193,.11);
  color:var(--teal-dark);
}
.member-sidebar-nav a:hover svg,
.member-sidebar-nav a.is-active svg{color:var(--teal-dark);}
.member-support-card{
  margin-top:26px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,rgba(36,199,193,.07));
  border:1px solid rgba(36,199,193,.16);
  display:grid;
  gap:5px;
}
.member-support-card small{
  color:var(--teal-dark);
  font-weight:950;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.06em;
}
.member-support-card strong{
  font-size:15px;
}
.member-main{
  min-width:0;
  display:grid;
  gap:20px;
}
.member-topbar{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:18px;
}
.member-search{
  flex:1;
  max-width:380px;
  height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid var(--dash-line);
  border-radius:14px;
  background:#fff;
}
.member-search svg{width:18px;height:18px;color:#7b8b92;}
.member-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#061014;
}
.member-top-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.member-top-actions button{
  position:relative;
  width:44px;
  height:44px;
  border:1px solid var(--dash-line);
  border-radius:14px;
  background:#fff;
  display:grid;
  place-items:center;
  color:#071014;
}
.member-top-actions button span{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:18px;
  height:18px;
  border-radius:99px;
  background:var(--teal);
  color:#fff;
  font-size:10px;
  font-weight:950;
  display:grid;
  place-items:center;
}
.member-mini-profile{
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 10px 6px 6px;
  border:1px solid var(--dash-line);
  border-radius:16px;
  background:#fff;
  color:#061014;
}
.member-mini-profile>span{
  width:38px;
  height:38px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(36,199,193,.10);
  display:grid;
  place-items:center;
}
.member-mini-profile strong{
  font-size:13px;
  line-height:1.15;
}
.member-mini-profile small{
  display:block;
  color:var(--dash-muted);
  font-weight:750;
}
.dashboard-card,
.member-welcome-card{
  border:1px solid var(--dash-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(4,17,22,.055);
}
.member-welcome-card{
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
}
.member-welcome-copy{
  display:flex;
  align-items:center;
  gap:18px;
}
.member-avatar-lg{
  width:86px;
  height:86px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(36,199,193,.12);
  display:grid;
  place-items:center;
  color:var(--teal);
  flex:0 0 auto;
}
.member-welcome-copy h1{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.045em;
}
.member-welcome-copy p{
  margin:0;
  color:var(--dash-muted);
  font-weight:750;
}
.member-welcome-meta{
  display:flex;
  align-items:center;
  gap:12px;
}
.member-welcome-meta>div{
  min-width:170px;
  min-height:66px;
  border:1px solid var(--dash-line);
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px;
  background:linear-gradient(180deg,#fff,#f9fcfc);
}
.member-welcome-meta svg{
  width:22px;
  height:22px;
  color:var(--teal-dark);
}
.member-welcome-meta span{
  display:grid;
  color:var(--dash-muted);
  font-size:12px;
  font-weight:800;
}
.member-welcome-meta strong{
  color:#061014;
  font-size:14px;
}
.member-welcome-meta>a,
.soft-action{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  padding:0 14px;
  background:#061014;
  color:#fff!important;
  font-weight:900;
}
.member-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(340px,.86fr) minmax(0,1.14fr);
  gap:20px;
}
.member-vehicle-card{
  overflow:hidden;
}
.member-vehicle-card figure{
  margin:0;
  background:linear-gradient(180deg,#eef5f6,#fff);
  min-height:210px;
  display:grid;
  place-items:center;
}
.member-vehicle-card img{
  width:86%;
  max-height:210px;
  object-fit:contain;
}
.member-vehicle-body{
  padding:20px;
}
.member-vehicle-body h2,
.dashboard-card h2{
  margin:0;
  font-size:20px;
  letter-spacing:-.035em;
}
.vehicle-meta-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.vehicle-meta-grid span,
.info-list li{
  display:grid;
  gap:4px;
  color:var(--dash-muted);
  font-size:12px;
  font-weight:800;
}
.vehicle-meta-grid strong,
.info-list strong{
  color:#061014;
  font-size:14px;
  font-weight:950;
}
.vehicle-status-row{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--dash-line);
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.vehicle-status-row span,
.vehicle-status-row a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:900;
  color:#0f2a2f;
}
.vehicle-status-row a{
  color:var(--teal-dark);
}
.dashboard-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:20px 20px 0;
}
.dashboard-card-head p{
  margin:6px 0 0;
  color:var(--dash-muted);
  font-weight:700;
}
.dashboard-card-head a{
  color:var(--teal-dark);
  font-weight:950;
  font-size:13px;
}
.stats-grid{
  padding:20px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.stats-grid>div{
  min-height:150px;
  border:1px solid var(--dash-line);
  border-radius:18px;
  padding:16px;
  display:grid;
  align-content:center;
  gap:7px;
  background:linear-gradient(180deg,#fff,#fbfefe);
}
.stats-grid i{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(36,199,193,.09);
  color:var(--teal-dark);
}
.stats-grid i svg{width:22px;height:22px;}
.stats-grid span,
.stats-grid small{
  color:var(--dash-muted);
  font-size:12px;
  font-weight:800;
}
.stats-grid strong{
  font-size:30px;
  letter-spacing:-.06em;
}
.quick-actions-card{
  padding-bottom:18px;
}
.quick-actions-grid{
  padding:16px 20px 2px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.quick-actions-grid a{
  min-height:78px;
  border:1px solid var(--dash-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfefe);
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:center;
  gap:10px;
  padding:12px;
  color:#061014;
}
.quick-actions-grid svg{
  width:24px;
  height:24px;
  color:var(--teal-dark);
}
.quick-actions-grid strong{
  font-size:13px;
}
.quick-actions-grid small{
  display:block;
  color:var(--dash-muted);
  font-size:11px;
  font-weight:750;
}
.member-lower-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.mini-panel{
  min-height:260px;
  padding-bottom:18px;
}
.event-list,
.feed-list,
.social-connect-list{
  padding:16px 20px 0;
  display:grid;
  gap:12px;
}
.event-list>div{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--dash-line);
}
.event-list time{
  width:54px;
  height:58px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(36,199,193,.10);
  color:var(--teal-dark);
  font-size:11px;
  font-weight:950;
}
.event-list time strong{
  font-size:22px;
  line-height:1;
}
.event-list b,
.feed-item strong{
  display:block;
  color:#061014;
}
.event-list small,
.feed-item small{
  display:block;
  margin-top:3px;
  color:var(--dash-muted);
  font-weight:750;
}
.event-list a{
  color:var(--teal-dark);
  font-weight:950;
}
.feed-item{
  display:grid;
  grid-template-columns:42px 1fr 74px;
  gap:12px;
  align-items:center;
  color:#061014;
}
.feed-item>span img{
  border-radius:50%;
}
.feed-item>img{
  width:74px;
  height:54px;
  border-radius:12px;
  object-fit:cover;
}
.social-connect-list a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:40px;
  color:#061014;
  font-weight:900;
}
.social-connect-list span{
  color:var(--teal-dark);
  font-size:12px;
  font-weight:950;
}
.completion-bar{
  margin:18px 20px 0;
  height:9px;
  border-radius:999px;
  background:#ecf3f4;
  overflow:hidden;
}
.completion-bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--teal),var(--teal-dark));
}
.completion-card p,
#nearby-card p{
  margin:14px 20px 0;
  color:var(--dash-muted);
  font-weight:800;
  line-height:1.5;
}
.badge-list{
  padding:16px 20px 0;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.badge-list span,
.wallet-grid span{
  border:1px solid rgba(36,199,193,.20);
  background:rgba(36,199,193,.07);
  color:#0a6361;
  border-radius:999px;
  padding:8px 11px;
  font-weight:900;
  font-size:12px;
}
.info-list{
  list-style:none;
  padding:16px 20px 0;
  margin:0;
  display:grid;
  gap:12px;
}
.info-list li{
  grid-template-columns:1fr auto;
  align-items:center;
  border-bottom:1px solid var(--dash-line);
  padding-bottom:10px;
}
.wallet-grid{
  padding:18px 20px 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.profile-edit-card{
  padding-bottom:20px;
}
.member-edit-form{
  padding:18px 20px 0;
  max-width:920px;
}
.jaecoo-ai-button{
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:1050;
  min-height:48px;
  border:0;
  border-radius:999px;
  background:#061014;
  color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  font-weight:950;
}
.jaecoo-ai-button svg{width:19px;height:19px;color:var(--teal);}

/* Guest login page cleanup */
.login-page-shell--v410{
  padding:34px 18px 56px!important;
  background:linear-gradient(135deg,#eef6f7,#fff)!important;
}
.login-card-pro--v410{
  max-width:1120px!important;
  grid-template-columns:minmax(0,1fr) minmax(370px,.78fr)!important;
  border-radius:30px!important;
  border:1px solid rgba(7,38,44,.10)!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 24px 80px rgba(4,17,22,.14)!important;
}
.login-visual--v410{
  min-height:560px!important;
  padding:46px!important;
  background:linear-gradient(90deg,rgba(2,8,10,.90),rgba(2,8,10,.48)),url('../img/hero-scene.svg') center/cover!important;
}
.login-visual--v410 .login-benefits{display:none!important;}
.login-form-panel--v410{padding:30px!important;}
.login-form-head--modern .brand-mark{display:none!important;}
.login-form-head--modern h2{
  margin:0 0 6px!important;
  font-size:clamp(28px,3vw,38px)!important;
  letter-spacing:-.055em!important;
  color:#071014!important;
}
.login-form-head--modern p{
  margin:0 0 18px!important;
  color:#66767e!important;
  font-weight:750!important;
}

@media (hover:hover){
  .dashboard-card,
  .quick-actions-grid a,
  .stats-grid>div,
  .member-welcome-card{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  .dashboard-card:hover,
  .quick-actions-grid a:hover,
  .stats-grid>div:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 58px rgba(4,17,22,.08);
    border-color:rgba(36,199,193,.22);
  }
}
@media (max-width:1180px){
  .member-dashboard-layout{grid-template-columns:1fr;}
  .member-sidebar{
    position:relative;
    top:auto;
    min-height:auto;
  }
  .member-sidebar-nav{
    grid-template-columns:repeat(4,1fr);
  }
  .member-sidebar-nav>span{grid-column:1/-1;}
  .member-support-card{display:none;}
  .member-dashboard-grid{grid-template-columns:1fr;}
  .quick-actions-grid{grid-template-columns:repeat(3,1fr);}
  .stats-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:760px){
  .member-dashboard-shell--v410{padding:16px 0 90px;}
  .member-dashboard-layout{width:calc(100% - 24px);gap:14px;}
  .member-sidebar{display:none;}
  .member-topbar{display:none;}
  .member-welcome-card{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:20px;
  }
  .member-welcome-copy{
    align-items:flex-start;
  }
  .member-avatar-lg{
    width:64px;
    height:64px;
  }
  .member-welcome-copy h1{font-size:22px;}
  .member-welcome-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .member-welcome-meta>div{
    min-width:0;
    min-height:58px;
  }
  .member-welcome-meta>a{grid-column:1/-1;}
  .member-dashboard-grid,
  .member-lower-grid,
  .member-lower-grid--features{
    grid-template-columns:1fr;
    gap:14px;
  }
  .vehicle-meta-grid,
  .stats-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .quick-actions-grid{
    grid-template-columns:repeat(3,1fr);
    gap:10px;
  }
  .quick-actions-grid a{
    min-height:86px;
    grid-template-columns:1fr;
    place-items:center;
    text-align:center;
    gap:6px;
  }
  .quick-actions-grid small{display:none;}
  .dashboard-card-head{padding:18px 16px 0;}
  .stats-grid,
  .quick-actions-grid,
  .event-list,
  .feed-list,
  .social-connect-list,
  .info-list,
  .wallet-grid,
  .badge-list,
  .member-edit-form{padding-left:16px;padding-right:16px;}
  .member-vehicle-body{padding:16px;}
  .mini-panel{min-height:auto;}
  .jaecoo-form-grid{grid-template-columns:1fr!important;}
  .jaecoo-birth-grid{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;}
  .login-card-pro--v410{grid-template-columns:1fr!important;border-radius:24px!important;}
  .login-visual--v410{min-height:260px!important;padding:28px!important;}
  .login-visual--v410 h1{font-size:30px!important;}
  .login-form-panel--v410{padding:22px!important;}
  .jaecoo-ai-button{right:14px;bottom:86px;}
  .jaecoo-ai-button span{display:none;}
}
@media (max-width:430px){
  .quick-actions-grid{grid-template-columns:repeat(2,1fr);}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .vehicle-meta-grid{grid-template-columns:1fr 1fr;}
  .member-welcome-meta{grid-template-columns:1fr;}
}


/* ==========================================================
   v4.1.1 — Mobil dashboard gerçek düzeltme
   ========================================================== */
.member-dashboard-shell--v411{
  background:#f4f7f8!important;
  padding:14px 0 88px!important;
  color:#061014!important;
}
.member-dashboard-layout--v411{
  width:min(980px,calc(100% - 24px))!important;
  margin:0 auto!important;
  display:block!important;
}
.member-main--v411{
  display:grid!important;
  gap:14px!important;
}
.member-mobile-top{
  width:min(980px,calc(100% - 24px));
  margin:0 auto 12px;
  min-height:56px;
  border:1px solid rgba(7,32,38,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(4,17,22,.055);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
}
.member-mobile-profile{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.member-mobile-profile>span{
  width:42px;
  height:42px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(36,199,193,.12);
  display:grid;
  place-items:center;
}
.member-mobile-profile strong{
  display:block;
  font-size:14px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-mobile-profile small{
  display:block;
  color:#71828a;
  font-size:11px;
  font-weight:800;
}
.member-mobile-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.member-mobile-actions button,
.member-mobile-actions a{
  height:36px;
  border-radius:12px;
  border:1px solid rgba(7,32,38,.08);
  background:#fff;
  color:#061014;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:12px;
  padding:0 10px;
}
.member-mobile-actions button{
  position:relative;
  width:38px;
  padding:0;
}
.member-mobile-actions svg{
  width:18px;
  height:18px;
}
.member-mobile-actions i{
  position:absolute;
  right:-5px;
  top:-5px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--teal);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:10px;
  font-style:normal;
}
.dash-hero-card,
.dash-card{
  background:#fff!important;
  border:1px solid rgba(7,32,38,.08)!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(4,17,22,.055)!important;
}
.dash-hero-card{
  display:grid;
  gap:14px;
  padding:16px;
}
.dash-hero-left{
  display:flex;
  align-items:center;
  gap:12px;
}
.dash-avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(36,199,193,.12);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.dash-hero-left h1{
  margin:0 0 4px;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.04em;
}
.dash-hero-left p{
  margin:0;
  color:#6f8088;
  font-weight:750;
  font-size:13px;
}
.dash-hero-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.dash-hero-meta span{
  min-height:54px;
  border:1px solid rgba(7,32,38,.08);
  border-radius:16px;
  display:grid;
  gap:2px;
  align-content:center;
  padding:10px 12px;
  color:#6f8088;
  font-size:11px;
  font-weight:800;
}
.dash-hero-meta svg{
  width:17px;
  height:17px;
  color:var(--teal-dark);
  margin-bottom:3px;
}
.dash-hero-meta strong{
  color:#061014;
  font-size:12px;
}
.dash-hero-actions{
  display:flex;
  gap:8px;
}
.dash-hero-actions a,
.v411-submit,
.quick-actions-v411 a,
.vehicle-status-row a,
.soft-action{
  min-height:38px!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.dash-hero-actions a:first-child,
.v411-submit{
  background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;
  color:#fff!important;
  border:0!important;
}
.logout-link{
  background:#f2f6f7!important;
  color:#061014!important;
}
.dash-grid-primary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.vehicle-card-v411{
  overflow:hidden;
  display:grid;
  grid-template-columns:150px 1fr;
  min-height:154px;
}
.vehicle-preview{
  background:#071014;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.vehicle-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.vehicle-preview span{
  position:absolute;
  left:10px;
  bottom:10px;
  background:rgba(255,255,255,.92);
  color:#061014;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:950;
}
.vehicle-copy{
  padding:14px;
}
.vehicle-copy h2,
.dash-card h2{
  margin:0;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.vehicle-mini-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.vehicle-mini-grid span{
  display:grid;
  gap:3px;
  color:#71828a;
  font-size:11px;
  font-weight:800;
}
.vehicle-mini-grid strong{
  color:#061014;
  font-size:12px;
}
.dash-card-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:14px 14px 0!important;
}
.stats-grid-v411{
  padding:12px 14px 14px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.stats-grid-v411 div{
  min-height:82px;
  border:1px solid rgba(7,32,38,.08);
  border-radius:15px;
  background:#fbfefe;
  display:grid;
  place-items:center;
  text-align:center;
  padding:8px;
}
.stats-grid-v411 strong{
  font-size:22px;
  color:#061014;
  letter-spacing:-.04em;
}
.stats-grid-v411 span{
  color:#71828a;
  font-size:10.5px;
  font-weight:850;
}
.calc-card-v411{
  padding-bottom:14px;
}
.calc-card-v411 p,
.fuel-card-v411 p{
  margin:8px 14px 0;
  color:#71828a;
  font-weight:750;
  font-size:12px;
  line-height:1.45;
}
.calc-result{
  margin:12px 14px;
  border-radius:16px;
  background:rgba(36,199,193,.08);
  padding:12px;
  display:grid;
  gap:3px;
}
.calc-result strong{
  font-size:18px;
  letter-spacing:-.035em;
}
.calc-result span{
  color:#476069;
  font-size:12px;
  font-weight:850;
}
.progress-label{
  margin:0 14px 7px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#71828a;
  font-size:11px;
  font-weight:850;
}
.dash-progress{
  margin:0 14px;
  height:8px;
  border-radius:99px;
  overflow:hidden;
  background:#edf3f4;
}
.dash-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--teal),var(--teal-dark));
}
.fuel-card-v411{
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.fuel-card-v411 h2{
  margin:0 0 4px;
}
.fuel-card-v411 p{
  margin:0;
}
.fuel-card-v411>strong{
  min-width:88px;
  min-height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#061014;
  color:var(--teal);
  font-size:15px;
}
.quick-card-v411{
  padding-bottom:14px;
}
.quick-actions-v411{
  padding:12px 14px 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.quick-actions-v411 a{
  min-height:62px!important;
  border:1px solid rgba(7,32,38,.08);
  background:#fbfefe;
  display:grid;
  place-items:center;
  text-align:center;
  color:#061014;
  gap:5px;
}
.quick-actions-v411 svg{
  width:21px;
  height:21px;
  color:var(--teal-dark);
}
.quick-actions-v411 span{
  font-size:11px;
  font-weight:900;
}
.edit-card-v411{
  padding-bottom:16px;
}
.member-edit-form-v411{
  padding:14px;
  display:grid;
  gap:12px;
}
.member-edit-form-v411 label small,
.login-form-panel--v411 label small{
  color:#7a8b92;
  font-size:10.5px;
  font-weight:850;
}
.login-page-shell--v411{
  padding:22px 14px 44px!important;
  background:linear-gradient(135deg,#eef6f7,#fff)!important;
}
.login-card-pro--v411{
  max-width:1040px!important;
  display:grid!important;
  grid-template-columns:1fr 420px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(7,32,38,.08)!important;
  box-shadow:0 18px 50px rgba(4,17,22,.10)!important;
}
.login-visual--v411{
  min-height:500px!important;
  padding:40px!important;
  background:linear-gradient(90deg,rgba(2,8,10,.88),rgba(2,8,10,.46)),url('../img/hero-scene.svg') center/cover!important;
}
.login-visual--v411 .login-benefits,
.login-form-head--modern .brand-mark,
.google-login-placeholder{
  display:none!important;
}
.login-form-panel--v411{
  padding:24px!important;
}
.login-form-head--modern h2{
  font-size:30px!important;
  margin:0 0 6px!important;
  letter-spacing:-.055em!important;
  color:#071014!important;
}
.login-form-head--modern p{
  margin:0 0 16px!important;
  color:#66767e!important;
  font-weight:750!important;
}
@media (max-width:760px){
  .member-dashboard-shell--v411{padding-top:12px!important;}
  .dash-grid-primary{grid-template-columns:1fr;gap:12px;}
  .vehicle-card-v411{grid-template-columns:132px 1fr;min-height:142px;}
  .stats-grid-v411{grid-template-columns:repeat(4,1fr);gap:7px;}
  .stats-grid-v411 div{min-height:72px;padding:7px;}
  .stats-grid-v411 strong{font-size:20px;}
  .stats-grid-v411 span{font-size:9.5px;}
  .quick-actions-v411{grid-template-columns:repeat(4,1fr);}
  .quick-actions-v411 a{min-height:58px!important;}
  .login-card-pro--v411{grid-template-columns:1fr!important;border-radius:22px!important;}
  .login-visual--v411{min-height:220px!important;padding:26px!important;}
  .login-visual--v411 h1{font-size:29px!important;}
  .login-form-panel--v411{padding:18px!important;}
  .jaecoo-form-grid{grid-template-columns:1fr!important;}
}
@media (max-width:430px){
  .member-dashboard-layout--v411{width:calc(100% - 18px)!important;}
  .member-mobile-top{width:calc(100% - 18px);}
  .vehicle-card-v411{grid-template-columns:112px 1fr;}
  .vehicle-mini-grid{gap:7px;}
  .vehicle-copy{padding:12px;}
  .quick-actions-v411{grid-template-columns:repeat(4,1fr);gap:6px;}
  .quick-actions-v411 a{min-height:54px!important;padding:0 6px!important;}
  .quick-actions-v411 span{font-size:10px;}
  .fuel-card-v411{align-items:flex-start;}
  .fuel-card-v411>strong{min-width:78px;font-size:13px;}
}


/* ==========================================================
   v4.1.2 — Profesyonel mobil üye paneli
   ========================================================== */
.member-dashboard-shell--v412{
  background:#f4f8f9!important;
  color:#061014!important;
  padding:24px 0 92px!important;
}
.v412-wrap{
  width:min(980px,calc(100% - 24px));
  margin:0 auto;
  display:grid;
  gap:14px;
}
.v412-top-card,
.v412-welcome,
.v412-vehicle-card,
.v412-card,
.v412-stat-row article{
  background:#fff!important;
  border:1px solid rgba(7,32,38,.08)!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(4,17,22,.055)!important;
}
.v412-top-card{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
}
.v412-user{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.v412-avatar{
  width:58px;
  height:58px;
  border-radius:15px!important;
  overflow:hidden;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  background:rgba(36,199,193,.10);
}
.v412-avatar .jaecoo-profile-photo,
.v412-avatar img{border-radius:15px!important;}
.v412-user h1{
  margin:0;
  font-size:22px;
  line-height:1;
  letter-spacing:-.045em;
  text-transform:none;
}
.v412-user p{
  margin:5px 0 0;
  color:#75858d;
  font-weight:900;
  font-size:14px;
}
.v412-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.v412-notify,
.v412-logout,
.v412-inline-actions button,
.v412-inline-actions a,
.v412-submit{
  border:0;
  border-radius:14px!important;
  min-height:40px!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:950!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.v412-notify{
  position:relative;
  width:42px;
  padding:0!important;
  border:1px solid rgba(7,32,38,.08);
  background:#fff;
  color:#061014;
}
.v412-notify svg{width:21px;height:21px;}
.v412-notify i{
  position:absolute;
  top:-7px;
  right:-7px;
  width:23px;
  height:23px;
  border-radius:50%;
  background:var(--teal);
  color:#fff;
  font-size:12px;
  display:grid;
  place-items:center;
  font-style:normal;
}
.v412-logout,
.v412-inline-actions a{
  background:#eef3f4;
  color:#061014!important;
}
.v412-tabs{
  position:sticky;
  top:calc(var(--header-h) + 8px);
  z-index:20;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:6px;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(7,32,38,.08);
  backdrop-filter:blur(16px);
}
.v412-tabs button{
  min-height:40px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#72838b;
  font-weight:950;
  cursor:pointer;
}
.v412-tabs button.is-active{
  background:#061014;
  color:#fff;
}
.v412-panel{display:none;}
.v412-panel.is-active{display:grid;gap:14px;}
.v412-welcome{
  padding:18px;
  display:grid;
  gap:14px;
}
.v412-welcome span{
  color:var(--teal-dark);
  font-weight:950;
  font-size:11px;
  letter-spacing:.12em;
}
.v412-welcome h2{
  margin:4px 0 4px;
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.055em;
}
.v412-welcome p{
  margin:0;
  color:#6f8088;
  font-weight:750;
}
.v412-welcome-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v412-welcome-meta b{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:16px;
  background:#f7fbfc;
  border:1px solid rgba(7,32,38,.07);
  color:#6f8088;
  font-size:12px;
}
.v412-welcome-meta strong{
  color:#061014;
  font-size:13px;
}
.v412-inline-actions{display:flex;gap:9px;}
.v412-inline-actions button,
.v412-submit{
  background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;
  color:#fff!important;
}
.v412-vehicle-card{
  overflow:hidden;
  display:grid;
  grid-template-columns:155px 1fr;
  min-height:170px;
}
.v412-vehicle-card figure{
  margin:0;
  position:relative;
  background:#071014;
  overflow:hidden;
}
.v412-vehicle-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v412-vehicle-card figcaption{
  position:absolute;
  left:10px;
  bottom:10px;
  border-radius:999px;
  background:rgba(255,255,255,.93);
  color:#061014;
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
}
.v412-vehicle-info{
  padding:16px;
  display:grid;
  align-content:center;
  gap:14px;
}
.v412-vehicle-info h2,
.v412-card h2{
  margin:0;
  font-size:20px;
  line-height:1.1;
  letter-spacing:-.045em;
}
.v412-vehicle-info>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.v412-vehicle-info span{
  display:grid;
  gap:4px;
  color:#75858d;
  font-size:12px;
  font-weight:900;
}
.v412-vehicle-info strong{
  color:#061014;
  font-size:14px;
}
.v412-stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.v412-stat-row article{
  min-height:78px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:8px;
}
.v412-stat-row strong{
  font-size:23px;
  line-height:1;
}
.v412-stat-row span{
  color:#75858d;
  font-size:10.5px;
  font-weight:900;
}
.v412-calc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.v412-card{padding:16px;}
.v412-card h2{font-size:19px;}
.v412-card p{
  color:#6f8088;
  font-weight:750;
  font-size:12.5px;
  line-height:1.45;
  margin:8px 0 0;
}
.v412-result{
  margin:13px 0;
  padding:12px;
  border-radius:16px;
  background:rgba(36,199,193,.08);
  display:grid;
  gap:4px;
}
.v412-result strong{font-size:18px;}
.v412-result span{
  color:#52656d;
  font-weight:900;
  font-size:12px;
}
.v412-progress-label{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
  color:#75858d;
  font-weight:900;
  font-size:11px;
}
.v412-progress{
  height:8px;
  border-radius:99px;
  background:#ecf2f3;
  overflow:hidden;
}
.v412-progress i{
  height:100%;
  display:block;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--teal),var(--teal-dark));
}
.v412-calc small{
  display:block;
  margin-top:10px;
  color:#8a989e;
  font-size:10.5px;
  font-weight:800;
  line-height:1.35;
}
.v412-fuel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.v412-fuel b{
  min-width:92px;
  min-height:50px;
  border-radius:16px;
  background:#061014;
  color:var(--teal);
  display:grid;
  place-items:center;
  font-size:15px;
}
.v412-feed{
  display:grid;
  gap:11px;
}
.v412-event,
.v412-post{
  border:1px solid rgba(7,32,38,.07);
  background:#fbfefe;
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:12px;
  align-items:center;
  color:#061014;
}
.v412-event time{
  width:58px;
  height:58px;
  border-radius:16px;
  background:rgba(36,199,193,.10);
  color:var(--teal-dark);
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:11px;
}
.v412-event time strong{
  font-size:23px;
  line-height:1;
}
.v412-event b,
.v412-post strong{
  display:block;
  font-weight:950;
}
.v412-event span,
.v412-post small{
  color:#71828a;
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:750;
}
.v412-post{grid-template-columns:40px 1fr;}
.v412-post img{border-radius:50%;}
.v412-form{
  margin-top:14px;
  display:grid!important;
  gap:13px!important;
}
.v412-form h2,
.jaecoo-auth-panel--register h3{
  margin:14px 0 0;
  font-size:19px;
  letter-spacing:-.04em;
}
.v412-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.v412-form label,
.login-form-panel--v412 label{
  display:grid!important;
  gap:7px!important;
  color:#17262b!important;
  font-weight:900!important;
  font-size:13px!important;
}
.v412-form label em,
.login-form-panel--v412 label em,
.v412-fieldset em{
  color:#dd544a;
  font-style:normal;
  font-size:10px;
  font-weight:950;
  margin-left:4px;
}
.v412-form label small,
.login-form-panel--v412 label small{
  color:#7d8c93;
  font-size:10.5px;
  font-weight:850;
}
.v412-form input:not([type="checkbox"]),
.v412-form select,
.login-form-panel--v412 input:not([type="checkbox"]),
.login-form-panel--v412 select{
  width:100%!important;
  min-height:44px!important;
  border:1px solid rgba(7,32,38,.11)!important;
  border-radius:13px!important;
  background:#f9fcfd!important;
  padding:0 12px!important;
  color:#061014!important;
  outline:0!important;
}
.v412-form input[type="file"],
.login-form-panel--v412 input[type="file"]{padding:10px 12px!important;}
.v412-fieldset{
  border:1px solid rgba(7,32,38,.10);
  border-radius:16px;
  padding:12px;
  margin:0;
}
.v412-fieldset legend{
  padding:0 6px;
  font-weight:950;
  color:#17262b;
  font-size:13px;
}
.v412-birth-grid{
  display:grid;
  grid-template-columns:.75fr 1fr 1fr;
  gap:8px;
}
.v412-submit{
  min-height:45px!important;
  box-shadow:0 12px 24px rgba(8,116,111,.16);
}
.v412-delete{
  margin-top:18px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(220,72,64,.18);
  background:#fff7f6;
}
.v412-delete strong{color:#9f261e;}
.v412-delete p{
  color:#8a4b48;
  margin:5px 0 10px;
}
.v412-delete a{
  color:#9f261e;
  font-weight:950;
}
.jaecoo-toast{
  position:fixed;
  left:50%;
  top:calc(var(--header-h) + 14px);
  transform:translateX(-50%);
  z-index:3000;
  background:#061014;
  color:#fff;
  border-radius:999px;
  padding:12px 18px;
  font-weight:950;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  animation:jaecooToast 4s ease forwards;
}
@keyframes jaecooToast{
  0%{opacity:0;transform:translate(-50%,-12px);}
  12%,82%{opacity:1;transform:translate(-50%,0);}
  100%{opacity:0;transform:translate(-50%,-12px);pointer-events:none;}
}
.login-page-shell--v412{
  padding:28px 14px 46px!important;
  background:linear-gradient(135deg,#eef6f7,#fff)!important;
}
.login-card-pro--v412{
  max-width:1040px!important;
  display:grid!important;
  grid-template-columns:1fr 430px!important;
  background:#fff!important;
  border:1px solid rgba(7,32,38,.08)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:0 18px 50px rgba(4,17,22,.10)!important;
}
.login-visual--v412{
  min-height:500px!important;
  padding:40px!important;
  background:linear-gradient(90deg,rgba(2,8,10,.88),rgba(2,8,10,.46)),url('../img/hero-scene.svg') center/cover!important;
}
.login-visual--v412 .login-benefits,
.login-form-head--modern .brand-mark,
.google-login-placeholder{display:none!important;}
.login-form-panel--v412{padding:24px!important;}
@media (max-width:760px){
  .member-dashboard-shell--v412{padding-top:calc(var(--header-h) + 14px)!important;}
  .v412-wrap{width:calc(100% - 18px);}
  .v412-top-card{margin-top:0;}
  .v412-user h1{font-size:21px;}
  .v412-actions{gap:7px;}
  .v412-logout{min-height:38px!important;padding:0 12px!important;}
  .v412-vehicle-card{grid-template-columns:128px 1fr;min-height:152px;}
  .v412-vehicle-info{padding:13px;}
  .v412-vehicle-info h2{font-size:18px;}
  .v412-vehicle-info>div{gap:8px;}
  .v412-stat-row{grid-template-columns:repeat(4,1fr);gap:7px;}
  .v412-stat-row article{min-height:70px;padding:7px;}
  .v412-stat-row strong{font-size:20px;}
  .v412-stat-row span{font-size:9.5px;}
  .v412-calc-grid{grid-template-columns:1fr;gap:12px;}
  .v412-card{padding:14px;}
  .v412-fuel{align-items:flex-start;}
  .v412-form-grid{grid-template-columns:1fr;}
  .v412-birth-grid{grid-template-columns:.7fr 1fr 1fr;}
  .login-card-pro--v412{grid-template-columns:1fr!important;border-radius:22px!important;}
  .login-visual--v412{min-height:220px!important;padding:26px!important;}
  .login-visual--v412 h1{font-size:29px!important;}
  .login-form-panel--v412{padding:18px!important;}
}
@media (max-width:430px){
  .v412-vehicle-card{grid-template-columns:112px 1fr;}
  .v412-vehicle-card figcaption{font-size:11px;padding:5px 8px;}
  .v412-vehicle-info h2{font-size:17px;}
  .v412-vehicle-info strong{font-size:13px;}
  .v412-fuel b{min-width:76px;font-size:13px;}
}


/* ==========================================================
   v4.1.3 — Kayıt sadeleştirme ve buton düzeni
   ========================================================== */
.v412-edit-top{
  background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  min-height:40px!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:950!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.v412-inline-actions--single{
  display:none!important;
}
.v413-profile-warning{
  background:linear-gradient(135deg,rgba(36,199,193,.13),rgba(255,255,255,.96))!important;
  border:1px solid rgba(36,199,193,.20)!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(4,17,22,.055)!important;
  padding:16px;
  display:grid;
  gap:7px;
}
.v413-profile-warning strong{
  color:#061014;
  font-size:18px;
  letter-spacing:-.035em;
}
.v413-profile-warning p{
  margin:0;
  color:#60737b;
  font-weight:750;
  line-height:1.45;
}
.v413-profile-warning button{
  justify-self:start;
  min-height:38px;
  border:0;
  border-radius:13px;
  padding:0 13px;
  background:#061014;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.v413-register-note{
  border:1px solid rgba(36,199,193,.18);
  background:rgba(36,199,193,.07);
  color:#0a4445;
  border-radius:16px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.45;
  font-weight:850;
  margin:4px 0 0;
}
@media (max-width:430px){
  .v412-actions{
    gap:6px;
  }
  .v412-edit-top,
  .v412-logout{
    min-height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .v412-notify{
    width:38px;
    height:38px;
  }
}


/* ==========================================================
   v4.1.4 — Etkinlikler ve paylaşımlar ayrı kartlar
   ========================================================== */
.v414-feed-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.v412-events-only,
.v412-posts-only{
  display:grid;
  gap:11px;
}
.v414-post{
  border:1px solid rgba(7,32,38,.07);
  background:#fbfefe;
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:12px;
  align-items:center;
  color:#061014;
}
.v414-post img{
  width:52px;
  height:52px;
  border-radius:14px;
  object-fit:cover;
}
.v414-post-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  background:rgba(36,199,193,.10);
  color:var(--teal-dark);
  display:grid;
  place-items:center;
}
.v414-post-icon svg{
  width:22px;
  height:22px;
}
.v414-post strong{
  display:block;
  font-weight:950;
  line-height:1.25;
}
.v414-post small{
  color:#71828a;
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:750;
}
.v414-empty{
  margin:0;
  color:#71828a;
  font-weight:750;
}
@media (max-width:760px){
  .v414-feed-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
}


/* ==========================================================
   v5.0 — Kullanıcı araç fotoğrafı kart uyumu
   ========================================================== */
.v412-vehicle-card figure{
  background:linear-gradient(135deg,#f8fafb,#eef3f4)!important;
}
.v412-vehicle-card img{
  object-fit:contain!important;
  padding:10px!important;
  background:transparent!important;
}
.v500-vehicle-photo-note{
  margin:-4px 0 2px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  background:rgba(36,199,193,.07)!important;
  border:1px solid rgba(36,199,193,.16)!important;
  color:#315d62!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:800!important;
}
@media (max-width:430px){
  .v412-vehicle-card img{
    padding:7px!important;
  }
}


/* ==========================================================
   v5.1 — Sayfa hero, profil butonu, video ve araç görseli düzeltmeleri
   ========================================================== */
.page-layout--v51{
  padding-top:28px;
  padding-bottom:64px;
}
.page-content-card--v51{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(7,32,38,.10);
  background:#fff;
  box-shadow:0 20px 60px rgba(4,17,22,.08);
}
.page-hero-v51{
  min-height:320px;
  border-radius:28px 28px 0 0;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:48px;
  background:
    linear-gradient(90deg,rgba(2,10,12,.86),rgba(2,10,12,.60) 48%,rgba(2,10,12,.22)),
    var(--page-hero-img) center/cover no-repeat;
}
.page-hero-v51:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 30%,rgba(36,199,193,.18),transparent 38%);
  pointer-events:none;
}
.page-hero-v51__content{
  position:relative;
  z-index:1;
  max-width:680px;
}
.page-hero-v51__content span{
  display:inline-block;
  color:var(--teal);
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.page-hero-v51__content h1{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5vw,68px);
  line-height:.98;
  letter-spacing:-.06em;
}
.page-content-card--v51 .entry-content{
  padding:34px clamp(18px,4vw,48px) 48px;
}
.header-login-btn.is-logged-in{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.header-login-btn.is-logged-in .jaecoo-profile-photo{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.jaecoo-profile-photo--fallback{
  background:#fff!important;
  object-fit:cover!important;
}
.v412-vehicle-card figure{
  background:#f7f9fa!important;
  display:grid!important;
  place-items:center!important;
}
.v412-vehicle-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:8px!important;
}
.youtube-video-card--fallback strong{
  font-size:13px!important;
}
.youtube-thumb{
  background-image:var(--yt-thumb)!important;
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:760px){
  .page-layout--v51{
    width:calc(100% - 20px)!important;
    padding-top:18px;
  }
  .page-hero-v51{
    min-height:230px;
    padding:28px 22px;
    border-radius:22px 22px 0 0;
  }
  .page-content-card--v51{
    border-radius:22px;
  }
  .page-hero-v51__content h1{
    font-size:36px;
  }
}


/* ==========================================================
   v5.2 — Sayfa hero sade, düşük radius ve YouTube kart düzeltmesi
   ========================================================== */
.page-content-card--v51{
  border-radius:16px!important;
}
.page-hero-v51{
  min-height:280px!important;
  border-radius:14px 14px 0 0!important;
  padding:34px 38px!important;
  align-items:flex-end!important;
  background:
    linear-gradient(90deg,rgba(2,10,12,.72),rgba(2,10,12,.34) 44%,rgba(2,10,12,.08)),
    var(--page-hero-img) center center/cover no-repeat!important;
}
.page-hero-v51__content span{
  display:none!important;
}
.page-hero-v51__content h1{
  font-size:clamp(34px,4.5vw,58px)!important;
  line-height:1!important;
  text-shadow:0 12px 28px rgba(0,0,0,.32);
}
.youtube-video-track{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  padding-bottom:4px!important;
}
.youtube-video-card{
  flex:0 0 min(270px,82vw)!important;
  scroll-snap-align:start!important;
}
.youtube-video-card--fallback{
  min-height:auto!important;
}
.youtube-video-card--fallback strong{
  font-size:15px!important;
}
.youtube-video-card--fallback .youtube-thumb{
  min-height:150px!important;
}
.youtube-thumb{
  display:grid!important;
  place-items:center!important;
  min-height:150px!important;
  border-radius:16px 16px 0 0!important;
  background-image:var(--yt-thumb)!important;
  background-size:cover!important;
  background-position:center!important;
  position:relative!important;
}
.youtube-thumb:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.04));
}
.youtube-thumb i{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:760px){
  .page-hero-v51{
    min-height:190px!important;
    padding:24px 20px!important;
    border-radius:12px 12px 0 0!important;
  }
  .page-content-card--v51{
    border-radius:12px!important;
  }
  .page-hero-v51__content h1{
    font-size:32px!important;
  }
  .youtube-video-card{
    flex-basis:78vw!important;
  }
}


/* ==========================================================
   v5.3 FINAL — Okuma alanı, sayfa hero, modern buton ve checkbox
   ========================================================== */

/* Sayfa okuma alanı: daha geniş, daha ferah */
.page-layout--v53{
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 0 72px!important;
}
.page-content-card--v53{
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(7,32,38,.08)!important;
  box-shadow:0 18px 54px rgba(4,17,22,.075)!important;
}
.page-hero-v53{
  min-height:230px!important;
  border-radius:18px 18px 0 0!important;
  padding:36px clamp(22px,4vw,52px)!important;
  display:flex!important;
  align-items:flex-end!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(2,10,12,.76),rgba(2,10,12,.36) 48%,rgba(2,10,12,.10)),
    var(--page-hero-img) center center/cover no-repeat!important;
}
.page-hero-v53:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 22%,rgba(36,199,193,.12),transparent 40%);
  pointer-events:none;
}
.page-hero-v53 h1{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.6vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
  text-shadow:0 16px 32px rgba(0,0,0,.34)!important;
  max-width:820px!important;
}
.entry-content--wide{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:0 auto!important;
  padding:38px clamp(18px,4vw,46px) 52px!important;
  font-size:18px!important;
  line-height:1.85!important;
}
.entry-content--wide p,
.entry-content--wide li{
  line-height:1.85!important;
}
.entry-content--wide h2{
  font-size:clamp(30px,3vw,46px)!important;
  letter-spacing:-.05em!important;
  margin:22px 0 16px!important;
}
.entry-content--wide img{
  max-width:100%!important;
  height:auto!important;
  border-radius:18px!important;
}

/* Eski sayfa hero kurallarını bastır */
.page-hero-v51,
.page-content-card--v51{
  border-radius:18px!important;
}
.page-hero-v51__content span{
  display:none!important;
}

/* Modern genel buton stili */
button,
input[type="submit"],
.wp-block-button__link,
.v412-submit,
.v412-edit-top,
.v412-logout,
.v412-inline-actions button,
.v413-profile-warning button,
.hero-btn,
.cta-button,
.jaecoo-btn,
.read-more,
.more-link{
  border-radius:14px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease!important;
}
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.v412-submit:hover,
.v412-edit-top:hover,
.hero-btn:hover,
.cta-button:hover,
.jaecoo-btn:hover,
.read-more:hover,
.more-link:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 30px rgba(8,116,111,.16)!important;
}
button:active,
input[type="submit"]:active,
.wp-block-button__link:active,
.v412-submit:active,
.v412-edit-top:active{
  transform:translateY(0)!important;
}

/* Üye paneli ve formlarda daha modern alanlar */
.v412-form input:not([type="checkbox"]),
.v412-form select,
.login-form-panel--v412 input:not([type="checkbox"]),
.login-form-panel--v412 select,
textarea{
  border-radius:16px!important;
  border:1px solid rgba(7,32,38,.12)!important;
  background:#fbfdfd!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.v412-form input:focus,
.v412-form select:focus,
.login-form-panel--v412 input:focus,
.login-form-panel--v412 select:focus,
textarea:focus{
  border-color:rgba(36,199,193,.55)!important;
  box-shadow:0 0 0 4px rgba(36,199,193,.12)!important;
}

/* Modern checkbox / onay kutuları */
.jaecoo-check,
.comment-form-cookies-consent,
.woocommerce-form__label-for-checkbox{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid rgba(7,32,38,.10)!important;
  border-radius:16px!important;
  background:#fbfdfd!important;
  color:#34464d!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.jaecoo-check input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"],
input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  border-radius:7px!important;
  border:1.8px solid rgba(7,32,38,.25)!important;
  background:#fff!important;
  margin:1px 0 0!important;
  display:inline-grid!important;
  place-content:center!important;
  cursor:pointer!important;
}
.jaecoo-check input[type="checkbox"]:checked,
.comment-form-cookies-consent input[type="checkbox"]:checked,
input[type="checkbox"]:checked{
  background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;
  border-color:transparent!important;
}
.jaecoo-check input[type="checkbox"]:checked:before,
.comment-form-cookies-consent input[type="checkbox"]:checked:before,
input[type="checkbox"]:checked:before{
  content:"✓"!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
}

/* Yorum onay metnini daha iyi hizala */
.comment-form-cookies-consent label{
  margin:0!important;
  font-size:14px!important;
  color:#405158!important;
}

/* Video bölümünün boş görünmesini engelleyen son düzen */
.youtube-video-track{
  min-height:250px!important;
}
.youtube-video-card{
  background:#fff!important;
  border:1px solid rgba(7,32,38,.10)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 12px 30px rgba(4,17,22,.055)!important;
}
.youtube-video-card strong{
  display:block!important;
  min-height:58px!important;
  padding:14px!important;
  color:#061014!important;
  font-size:15px!important;
  line-height:1.24!important;
}
.youtube-thumb{
  min-height:150px!important;
  background-color:#071014!important;
}

/* Üye paneli kartlarında daha premium ama sade görünüm */
.v412-top-card,
.v412-welcome,
.v412-vehicle-card,
.v412-card,
.v412-stat-row article,
.v413-profile-warning{
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(4,17,22,.06)!important;
}
.v412-submit,
.v412-edit-top{
  background:linear-gradient(135deg,#20c8c2,#0a8886)!important;
}
.v412-logout{
  background:#eef3f4!important;
  color:#061014!important;
  border:1px solid rgba(7,32,38,.08)!important;
}

/* Mobil okuma alanı */
@media(max-width:760px){
  .page-layout--v53{
    width:calc(100% - 18px)!important;
    padding-top:14px!important;
  }
  .page-content-card--v53{
    border-radius:14px!important;
  }
  .page-hero-v53{
    min-height:160px!important;
    padding:22px 18px!important;
    border-radius:14px 14px 0 0!important;
    background-position:center center!important;
  }
  .page-hero-v53 h1{
    font-size:34px!important;
  }
  .entry-content--wide{
    padding:28px 16px 42px!important;
    font-size:17px!important;
    line-height:1.75!important;
  }
  .entry-content--wide h2{
    font-size:30px!important;
  }
}


/* ==========================================================
   v5.4 FINAL — Kategori, video kartı ve yorum onayı
   ========================================================== */
.youtube-video-card small{
  display:block!important;
  padding:0 14px 10px!important;
  color:#64757d!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:750!important;
  min-height:42px!important;
}
.youtube-video-card em{
  display:inline-flex!important;
  margin:0 14px 14px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(36,199,193,.10)!important;
  color:#087d7b!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.youtube-video-card strong{
  min-height:auto!important;
  padding-bottom:8px!important;
}
.comment-form-cookies-consent{
  cursor:pointer!important;
}
.comment-form-cookies-consent label{
  cursor:pointer!important;
}
.archive-hero h1:before,
.archive-title:before{
  content:none!important;
}


/* v5.4.1 — YouTube orijinal başlık/açıklama kartları */
.youtube-video-card p{
  margin:0 14px 12px!important;
  color:#61727a!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.youtube-video-card small{
  display:block!important;
  margin:0 14px 14px!important;
  color:#20bdb8!important;
  font-size:11px!important;
  font-weight:900!important;
}
.youtube-video-card strong{
  min-height:auto!important;
  padding-bottom:8px!important;
}


/* v5.5.4 — Temiz varsayılan profil avatarı */
.jaecoo-profile-photo--fallback{
  object-fit:cover !important;
  object-position:center !important;
  background:#061012 !important;
}
.footer-login-icon .jaecoo-profile-photo--fallback,
.drawer-profile-photo .jaecoo-profile-photo--fallback,
.header-login-btn .jaecoo-profile-photo--fallback{
  transform:none !important;
  filter:none !important;
}
.footer-login-icon,
.drawer-profile-photo{
  background:#061012 !important;
  border:1px solid rgba(31,202,197,.22) !important;
}


/* v5.5.6 — Üst profil kartında üye seviyesi tekrarı kaldırıldı */
.v412-top-card .v412-user p{
  max-width:680px !important;
}
@media(max-width:520px){
  .v412-top-card .v412-user p{
    font-size:14px !important;
    line-height:1.35 !important;
  }
}


/* ==========================================================
   v5.5.7 — Yakındaki üyeler / özel mesaj yakında penceresi
   ========================================================== */
.v412-notify.v557-nearby-trigger{
  overflow:visible !important;
}
.v557-soon-mini{
  position:absolute !important;
  right:-9px !important;
  bottom:-7px !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff8d8 !important;
  color:#7a5b00 !important;
  border:1px solid rgba(122,91,0,.14) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
  font-size:12px !important;
  line-height:1 !important;
}
.v557-nearby-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.v557-nearby-modal.is-open{
  display:flex !important;
}
.v557-nearby-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(2,9,12,.48) !important;
  backdrop-filter:blur(10px) !important;
}
.v557-nearby-panel{
  position:relative !important;
  z-index:1 !important;
  width:min(760px,calc(100% - 22px)) !important;
  max-height:86vh !important;
  overflow:auto !important;
  margin:0 auto 14px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff,#f4fafb) !important;
  color:#071216 !important;
  border:1px solid rgba(7,32,38,.10) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.28) !important;
  padding:22px !important;
}
.v557-nearby-close{
  position:absolute !important;
  right:16px !important;
  top:14px !important;
  width:40px !important;
  height:40px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#eef4f5 !important;
  color:#071216 !important;
  font-size:28px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.v557-nearby-head{
  display:grid !important;
  grid-template-columns:70px 1fr !important;
  gap:14px !important;
  align-items:center !important;
  padding-right:38px !important;
}
.v557-nearby-icon{
  width:70px !important;
  height:70px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#20c8c3,#0a8f8b) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
}
.v557-nearby-icon svg{
  width:30px !important;
  height:30px !important;
}
.v557-nearby-icon em{
  position:absolute !important;
  left:50% !important;
  bottom:-9px !important;
  transform:translateX(-50%) !important;
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff8d8 !important;
  color:#7a5b00 !important;
  border:1px solid rgba(122,91,0,.14) !important;
  font-size:10px !important;
  font-weight:950 !important;
  font-style:normal !important;
  white-space:nowrap !important;
}
.v557-nearby-head h2{
  margin:0 !important;
  font-size:clamp(24px,4vw,36px) !important;
  letter-spacing:-.055em !important;
  line-height:1.05 !important;
}
.v557-nearby-head p{
  margin:8px 0 0 !important;
  color:#65767d !important;
  font-weight:750 !important;
  line-height:1.45 !important;
}
.v557-nearby-city{
  margin-top:18px !important;
  border-radius:20px !important;
  background:#eef8f8 !important;
  border:1px solid rgba(32,200,195,.16) !important;
  min-height:60px !important;
  padding:12px 16px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}
.v557-nearby-city strong{
  color:#65767d !important;
  font-weight:850 !important;
}
.v557-nearby-city span{
  color:#07928e !important;
  font-weight:950 !important;
}
.v557-nearby-list{
  display:grid !important;
  gap:10px !important;
  margin-top:14px !important;
}
.v557-nearby-member{
  display:grid !important;
  grid-template-columns:52px 1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(7,32,38,.08) !important;
  box-shadow:0 12px 28px rgba(4,17,22,.045) !important;
}
.v557-nearby-avatar{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#061012 !important;
  display:block !important;
}
.v557-nearby-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:16px !important;
}
.v557-nearby-member strong{
  display:block !important;
  font-size:16px !important;
}
.v557-nearby-member small{
  display:block !important;
  margin-top:3px !important;
  color:#65767d !important;
  font-weight:750 !important;
}
.v557-nearby-member button{
  min-height:38px !important;
  border:0 !important;
  border-radius:14px !important;
  padding:0 12px !important;
  background:#e8f5f5 !important;
  color:#0a8f8b !important;
  font-weight:950 !important;
  opacity:1 !important;
}
.v557-nearby-member button em{
  display:block !important;
  color:#8b7a12 !important;
  font-style:normal !important;
  font-size:10px !important;
}
.v557-nearby-empty{
  margin-top:14px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px dashed rgba(7,32,38,.16) !important;
  padding:18px !important;
}
.v557-nearby-empty strong{
  display:block !important;
  font-size:18px !important;
}
.v557-nearby-empty p,
.v557-nearby-note{
  color:#65767d !important;
  font-weight:750 !important;
  line-height:1.5 !important;
}
.v557-nearby-empty button{
  min-height:42px !important;
  border:0 !important;
  border-radius:15px !important;
  padding:0 14px !important;
  background:linear-gradient(135deg,#20c8c3,#0a8f8b) !important;
  color:#fff !important;
  font-weight:950 !important;
}
.v557-nearby-footer{
  margin-top:16px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  border-top:1px solid rgba(7,32,38,.08) !important;
  padding-top:14px !important;
}
.v557-nearby-footer span{
  color:#65767d !important;
  font-weight:850 !important;
}
.v557-nearby-footer button{
  min-height:42px !important;
  border:0 !important;
  border-radius:15px !important;
  padding:0 18px !important;
  background:#071216 !important;
  color:#fff !important;
  font-weight:950 !important;
}
@media(max-width:560px){
  .v557-nearby-panel{
    width:calc(100% - 14px) !important;
    padding:18px !important;
    border-radius:26px !important;
    margin-bottom:8px !important;
  }
  .v557-nearby-head{
    grid-template-columns:56px 1fr !important;
    gap:12px !important;
    align-items:start !important;
  }
  .v557-nearby-icon{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
  }
  .v557-nearby-member{
    grid-template-columns:48px 1fr !important;
  }
  .v557-nearby-member button{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .v557-nearby-city,
  .v557-nearby-footer{
    display:grid !important;
  }
}


/* v5.5.8 — Yakındaki üyeler gizlilik sadeleştirme */
.v557-nearby-member small{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}


/* v5.5.9 — Yakındaki üyeler: ad / araç / üye türü / ilçe formatı */
.v559-nearby-copy{
  min-width:0 !important;
}
.v559-nearby-copy strong{
  display:block !important;
  font-size:16px !important;
  line-height:1.2 !important;
  margin-bottom:4px !important;
}
.v559-nearby-copy span{
  display:block !important;
  color:#65767d !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.v559-nearby-copy span:nth-of-type(2){
  color:#0a8f8b !important;
  font-weight:950 !important;
}
.v559-nearby-copy span:nth-of-type(3){
  color:#071216 !important;
}


/* ==========================================================
   v5.6.0 — Garajım sekmesi + Marka Elçisi rozeti
   ========================================================== */
.v412-tabs.v560-tabs{
  grid-template-columns:repeat(3,1fr) !important;
}
.v560-garage-panel h2{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.v560-verified-badge{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  display:inline-block !important;
  vertical-align:middle !important;
  margin-left:8px !important;
  filter:drop-shadow(0 4px 10px rgba(32,162,230,.20)) !important;
}
.v560-verified-badge--meta{
  width:22px !important;
  height:22px !important;
  margin-left:6px !important;
}
.v560-verified-badge--nearby{
  width:20px !important;
  height:20px !important;
  margin-left:5px !important;
}
.v412-top-card .v412-user h1{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px !important;
}
.v412-welcome-meta strong{
  display:inline-flex !important;
  align-items:center !important;
}
.v557-nearby-member.is-brand-ambassador{
  border-color:rgba(32,162,230,.28) !important;
  background:linear-gradient(135deg,#ffffff,#f2fbff) !important;
  box-shadow:0 14px 32px rgba(32,162,230,.09) !important;
}
.v557-nearby-member.is-brand-ambassador .v559-nearby-copy strong{
  color:#071216 !important;
}
.v557-nearby-member.is-brand-ambassador .v559-nearby-copy span:nth-of-type(2){
  color:#1f9ee6 !important;
}
.v559-nearby-copy strong{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}
@media(max-width:520px){
  .v412-tabs.v560-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
  }
  .v412-tabs.v560-tabs button{
    min-width:0 !important;
    padding-left:6px !important;
    padding-right:6px !important;
    font-size:15px !important;
  }
  .v560-verified-badge{
    width:24px !important;
    height:24px !important;
  }
}


/* ==========================================================
   v5.6.5 — Global UI Polish
   Daha sakin font ağırlıkları, modern butonlar, form alanları ve kartlar
   ========================================================== */

:root{
  --jx-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  --jx-text:#101c21;
  --jx-muted:#64757d;
  --jx-line:#e4ecef;
  --jx-soft:#f6fafb;
  --jx-card:#ffffff;
  --jx-teal:#12aaa5;
  --jx-teal-dark:#078f8b;
  --jx-radius-sm:12px;
  --jx-radius-md:16px;
  --jx-radius-lg:22px;
  --jx-shadow-soft:0 10px 28px rgba(13,31,38,.055);
}

html,
body,
button,
input,
select,
textarea{
  font-family:var(--jx-font) !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body{
  color:var(--jx-text);
  font-weight:430 !important;
  letter-spacing:-.006em;
}

p,
li,
td,
th,
label,
small,
input,
select,
textarea,
button,
a{
  font-weight:inherit;
}

/* Başlıkları daha premium, daha az kaba hale getir */
h1,h2,h3,h4,h5,h6,
.section-title,
.entry-title,
.page-title,
.v412-welcome h2,
.v412-top-card h1,
.v412-card h2,
.v412-edit h2,
.login-form-head h2,
.login-visual h1{
  font-weight:740 !important;
  letter-spacing:-.038em !important;
}

h1,
.entry-title,
.page-title{
  font-size:clamp(30px,4.4vw,56px) !important;
  line-height:1.04 !important;
}

h2,
.section-title,
.v412-card h2,
.v412-edit h2{
  font-size:clamp(22px,3vw,34px) !important;
  line-height:1.12 !important;
}

h3{
  font-size:clamp(18px,2.1vw,24px) !important;
  line-height:1.18 !important;
}

/* Logolar kendi güçlü karakterini korusun */
.site-logo,
.brand,
.logo,
.jx-profile-logo,
.app-logo,
.v412-welcome > div > span,
.login-visual .mini-kicker{
  font-weight:900 !important;
  letter-spacing:.10em !important;
}

/* Genel buton sistemi */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.wp-block-button__link,
.v412-submit,
.v412-edit-top,
.v412-logout,
.v412-notify,
.v412-inline-actions button,
.v412-vehicle-actions button,
.login-submit button,
.app-primary-btn,
.jx-save-btn{
  border-radius:14px !important;
  min-height:42px !important;
  padding:10px 16px !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:680 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover,
.v412-submit:hover,
.v412-edit-top:hover,
.v412-inline-actions button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(10,143,139,.13) !important;
}

.v412-submit,
.v412-edit-top,
.v412-inline-actions button,
.app-primary-btn,
.jx-save-btn,
.login-form-panel button[type="submit"]{
  background:linear-gradient(135deg,var(--jx-teal),var(--jx-teal-dark)) !important;
  color:#fff !important;
  border:1px solid rgba(7,143,139,.20) !important;
}

.v412-logout,
.button:not(.button-primary),
.v412-tabs button,
.jx-tabs button{
  background:#f4f8f9 !important;
  border:1px solid var(--jx-line) !important;
  color:#1b2b31 !important;
}

/* Form alanları */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea{
  min-height:44px !important;
  border-radius:14px !important;
  border:1px solid #dce7ea !important;
  background:#fff !important;
  color:#14242a !important;
  padding:10px 14px !important;
  font-size:15px !important;
  font-weight:520 !important;
  line-height:1.25 !important;
  box-shadow:none !important;
  outline:none !important;
}

textarea{
  min-height:110px !important;
  resize:vertical;
}

input::placeholder,
textarea::placeholder{
  color:#99a8ae !important;
  font-weight:450 !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(18,170,165,.70) !important;
  box-shadow:0 0 0 4px rgba(18,170,165,.10) !important;
}

/* Label ve form açıklamaları */
label,
.v412-form label,
.auth-form label,
.jaecoo-auth-form label{
  font-size:14px !important;
  font-weight:640 !important;
  color:#25383f !important;
  letter-spacing:-.01em !important;
}

label small,
.v412-form label small,
.auth-form label small,
.v500-vehicle-photo-note,
.v412-card p,
.v412-welcome p,
.login-form-head p,
.login-visual p{
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:430 !important;
  color:var(--jx-muted) !important;
}

label em,
.v412-form label em,
.auth-form label em{
  font-size:11px !important;
  font-weight:650 !important;
  letter-spacing:.01em !important;
}

/* Kartları daha modern ve sade yap */
.card,
.jaecoo-card,
.v412-card,
.v412-welcome,
.v412-top-card,
.v412-vehicle-card,
.v412-stat-row article,
.v412-calc,
.v412-fuel,
.v412-edit,
.login-card-pro,
.login-form-panel,
.login-visual,
.jaecoo-admin-card,
.v557-nearby-panel,
.v557-nearby-member,
.jaecoo-consents,
.v412-fieldset{
  border-radius:var(--jx-radius-lg) !important;
  border-color:var(--jx-line) !important;
  box-shadow:var(--jx-shadow-soft) !important;
}

/* Üye paneli özel düzeltmeler */
.member-dashboard-shell,
.member-dashboard-shell--v412{
  background:#f5f9fa !important;
}

.v412-wrap{
  gap:16px !important;
}

.v412-top-card{
  padding:18px !important;
}

.v412-top-card .v412-user h1{
  font-size:clamp(24px,4.6vw,42px) !important;
  font-weight:740 !important;
}

.v412-top-card .v412-user p{
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
  color:#6d7e85 !important;
}

.v412-tabs{
  padding:6px !important;
  border-radius:18px !important;
  background:#eef4f5 !important;
}

.v412-tabs button{
  min-height:42px !important;
  border-radius:14px !important;
  font-size:15px !important;
  font-weight:680 !important;
}

.v412-tabs button.is-active{
  background:#061014 !important;
  color:#fff !important;
  border-color:#061014 !important;
}

.v412-welcome{
  padding:24px !important;
}

.v412-welcome h2{
  font-size:clamp(28px,5vw,48px) !important;
  font-weight:760 !important;
}

.v412-welcome-meta b{
  font-size:14px !important;
  font-weight:580 !important;
  color:#66777f !important;
}

.v412-welcome-meta strong{
  font-size:18px !important;
  font-weight:720 !important;
  color:#101c21 !important;
}

.v412-stat-row article strong{
  font-weight:740 !important;
}

.v412-stat-row article span{
  font-weight:520 !important;
}

.v412-form,
.jaecoo-auth-form{
  gap:14px !important;
}

.v412-form-grid{
  gap:14px !important;
}

.v412-fieldset legend{
  font-size:14px !important;
  font-weight:680 !important;
}

/* Login / kayıt ekranı */
.login-form-head h2{
  font-weight:740 !important;
}

.login-tab-labels label,
.auth-tab-labels label{
  font-weight:680 !important;
}

/* Mobilde daha okunur oranlar */
@media(max-width:720px){
  body{
    font-size:15px !important;
  }

  h1,
  .entry-title,
  .page-title{
    font-size:clamp(28px,8vw,42px) !important;
  }

  .v412-top-card,
  .v412-welcome,
  .v412-card,
  .login-form-panel,
  .login-visual{
    border-radius:20px !important;
  }

  .v412-top-card{
    padding:16px !important;
  }

  .v412-avatar img,
  .v412-avatar .jaecoo-profile-photo{
    width:58px !important;
    height:58px !important;
    border-radius:16px !important;
  }

  .v412-actions{
    gap:8px !important;
  }

  .v412-edit-top,
  .v412-logout{
    min-height:38px !important;
    padding:8px 12px !important;
    font-size:14px !important;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  select,
  textarea{
    min-height:42px !important;
    font-size:15px !important;
    border-radius:13px !important;
  }

  button,
  .button,
  .wp-block-button__link,
  .v412-submit{
    min-height:42px !important;
    font-size:14px !important;
    border-radius:13px !important;
  }
}

/* Fazla büyük/sert görünen sistem mesajlarını sakinleştir */
.jaecoo-auth-notice,
.jaecoo-toast{
  font-size:15px !important;
  font-weight:650 !important;
  border-radius:18px !important;
  letter-spacing:-.01em !important;
}


/* ==========================================================
   v5.6.6 — SLIM UI REBUILD / sert override
   Amaç: kaba, kalın, demode görünen buton-input-font hissini kırmak
   ========================================================== */

:root{
  --slim-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --slim-text:#111d22;
  --slim-muted:#65757c;
  --slim-line:#e2ebee;
  --slim-bg:#f7fafb;
  --slim-card:#fff;
  --slim-teal:#0aa6a3;
  --slim-dark:#061014;
  --slim-radius:14px;
  --slim-radius-lg:18px;
  --slim-shadow:0 8px 22px rgba(10,24,30,.045);
}

/* Her şeyi daha ince font hissine çek */
html body,
html body *{
  font-family:var(--slim-font) !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}

html body{
  font-weight:400 !important;
  letter-spacing:-.004em !important;
  color:var(--slim-text) !important;
}

/* Kaba fontları agresif şekilde düşür */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .entry-title,
html body .page-title,
html body .section-title,
html body .site-title,
html body .v412-top-card h1,
html body .v412-welcome h2,
html body .v412-card h2,
html body .v412-edit h2,
html body .login-visual h1,
html body .login-form-head h2{
  font-weight:620 !important;
  letter-spacing:-.035em !important;
  line-height:1.08 !important;
}

html body h1,
html body .entry-title,
html body .page-title{
  font-size:clamp(27px,4.2vw,46px) !important;
}

html body h2,
html body .section-title,
html body .v412-welcome h2,
html body .v412-card h2,
html body .v412-edit h2{
  font-size:clamp(21px,2.8vw,30px) !important;
}

html body h3{
  font-size:clamp(17px,2vw,22px) !important;
}

/* Paragraflar ve açıklamalar */
html body p,
html body li,
html body small,
html body .v412-card p,
html body .v412-welcome p,
html body .login-form-head p,
html body .login-visual p,
html body .v500-vehicle-photo-note{
  font-size:14px !important;
  line-height:1.52 !important;
  font-weight:400 !important;
  color:var(--slim-muted) !important;
}

/* Logo/brand hariç aşırı kalınlığı kır */
html body strong,
html body b{
  font-weight:620 !important;
}

html body .site-logo,
html body .brand,
html body .logo,
html body .v412-welcome > div > span,
html body .mini-kicker{
  font-weight:780 !important;
  letter-spacing:.10em !important;
}

/* Butonlar: daha küçük, daha sakin */
html body button,
html body .button,
html body a.button,
html body input[type="submit"],
html body input[type="button"],
html body input[type="reset"],
html body .wp-block-button__link,
html body .v412-submit,
html body .v412-edit-top,
html body .v412-logout,
html body .v412-inline-actions button,
html body .login-form-panel button,
html body .login-card-pro button,
html body .v412-tabs button,
html body .v557-nearby-footer button,
html body .v557-nearby-member button{
  min-height:38px !important;
  height:auto !important;
  padding:8px 13px !important;
  border-radius:12px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:520 !important;
  letter-spacing:-.008em !important;
  box-shadow:none !important;
  border-width:1px !important;
}

html body button:hover,
html body .button:hover,
html body input[type="submit"]:hover,
html body .wp-block-button__link:hover{
  transform:none !important;
  box-shadow:none !important;
}

html body .v412-submit,
html body .v412-edit-top,
html body .v412-inline-actions button,
html body .login-form-panel button[type="submit"],
html body .login-card-pro button[type="submit"]{
  background:#0aa6a3 !important;
  border-color:#0aa6a3 !important;
  color:#fff !important;
}

html body .v412-logout,
html body .v412-tabs button,
html body .button:not(.button-primary){
  background:#f4f8f9 !important;
  border-color:var(--slim-line) !important;
  color:#15252b !important;
}

/* Form alanları: demode dev textbox hissini küçült */
html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
html body select,
html body textarea{
  min-height:40px !important;
  height:auto !important;
  border-radius:12px !important;
  border:1px solid #dbe6e9 !important;
  background:#fff !important;
  padding:8px 12px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
  color:#13242a !important;
  box-shadow:none !important;
  outline:none !important;
}

html body textarea{
  min-height:96px !important;
}

html body input::placeholder,
html body textarea::placeholder{
  color:#9babb1 !important;
  font-weight:400 !important;
}

html body input:focus,
html body select:focus,
html body textarea:focus{
  border-color:rgba(10,166,163,.65) !important;
  box-shadow:0 0 0 3px rgba(10,166,163,.10) !important;
}

/* Label'ları incelt */
html body label,
html body .v412-form label,
html body .jaecoo-auth-form label,
html body .auth-form label{
  font-size:13.5px !important;
  font-weight:500 !important;
  color:#263941 !important;
  letter-spacing:-.006em !important;
}

html body label em,
html body .v412-form label em{
  font-size:10.5px !important;
  font-weight:600 !important;
}

/* Kartlar: daha az radius/gölge */
html body .card,
html body .jaecoo-card,
html body .v412-card,
html body .v412-welcome,
html body .v412-top-card,
html body .v412-vehicle-card,
html body .v412-stat-row article,
html body .v412-calc,
html body .v412-fuel,
html body .v412-edit,
html body .login-card-pro,
html body .login-form-panel,
html body .login-visual,
html body .v557-nearby-panel,
html body .v557-nearby-member,
html body .v412-fieldset,
html body .jaecoo-consents{
  border-radius:18px !important;
  border-color:var(--slim-line) !important;
  box-shadow:var(--slim-shadow) !important;
}

/* Üye panelindeki kaba görünümü doğrudan küçült */
html body .member-dashboard-shell,
html body .member-dashboard-shell--v412{
  background:#f7fafb !important;
}

html body .v412-wrap{
  gap:14px !important;
}

html body .v412-top-card{
  padding:14px !important;
  min-height:0 !important;
}

html body .v412-avatar img,
html body .v412-avatar .jaecoo-profile-photo{
  width:54px !important;
  height:54px !important;
  border-radius:14px !important;
}

html body .v412-top-card .v412-user{
  gap:12px !important;
}

html body .v412-top-card .v412-user h1{
  font-size:clamp(22px,4.2vw,34px) !important;
  font-weight:620 !important;
  margin-bottom:3px !important;
}

html body .v412-top-card .v412-user p{
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:500 !important;
  color:#66777f !important;
}

html body .v412-actions{
  gap:7px !important;
}

html body .v412-notify{
  width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:13px !important;
}

html body .v412-notify svg{
  width:21px !important;
  height:21px !important;
}

html body .v412-notify i{
  width:22px !important;
  height:22px !important;
  font-size:12px !important;
  font-weight:600 !important;
}

html body .v557-soon-mini{
  width:19px !important;
  height:19px !important;
  font-size:11px !important;
}

html body .v412-tabs{
  padding:5px !important;
  border-radius:16px !important;
  background:#edf3f4 !important;
}

html body .v412-tabs button{
  min-height:38px !important;
  border-radius:12px !important;
  font-size:14px !important;
  font-weight:560 !important;
  padding:7px 10px !important;
}

html body .v412-tabs button.is-active{
  background:#061014 !important;
  color:#fff !important;
}

html body .v412-welcome{
  padding:20px !important;
}

html body .v412-welcome h2{
  font-size:clamp(26px,5.5vw,40px) !important;
  font-weight:620 !important;
}

html body .v412-welcome-meta{
  gap:10px !important;
}

html body .v412-welcome-meta b{
  padding:12px !important;
  border-radius:14px !important;
  font-size:13px !important;
  font-weight:430 !important;
}

html body .v412-welcome-meta strong{
  font-size:17px !important;
  font-weight:600 !important;
  margin-top:5px !important;
}

html body .v412-stat-row{
  gap:10px !important;
}

html body .v412-stat-row article{
  padding:14px !important;
}

html body .v412-stat-row article strong{
  font-size:25px !important;
  font-weight:620 !important;
}

html body .v412-stat-row article span{
  font-size:12.5px !important;
  font-weight:400 !important;
}

html body .v412-form{
  gap:12px !important;
}

html body .v412-form-grid{
  gap:12px !important;
}

html body .v412-fieldset{
  padding:12px !important;
}

html body .v412-fieldset legend{
  font-size:13px !important;
  font-weight:520 !important;
}

/* Login/kayıt kısmı */
html body .login-card-pro{
  border-radius:20px !important;
}

html body .login-visual,
html body .login-form-panel{
  padding:22px !important;
}

html body .login-form-head h2{
  font-size:clamp(22px,4vw,32px) !important;
  font-weight:620 !important;
}

html body .login-tab-labels label,
html body .auth-tab-labels label{
  font-size:14px !important;
  font-weight:520 !important;
}

/* Yakındaki üyeler penceresi */
html body .v557-nearby-panel{
  border-radius:20px !important;
  padding:18px !important;
}

html body .v557-nearby-head h2{
  font-size:clamp(22px,5vw,30px) !important;
  font-weight:620 !important;
}

html body .v557-nearby-member{
  padding:10px !important;
  border-radius:14px !important;
}

html body .v557-nearby-avatar,
html body .v557-nearby-avatar img{
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
}

html body .v559-nearby-copy strong{
  font-size:14px !important;
  font-weight:600 !important;
}

html body .v559-nearby-copy span{
  font-size:12px !important;
  font-weight:400 !important;
}

/* Mobilde kaba hissi daha çok kır */
@media(max-width:720px){
  html body .v412-wrap{
    width:calc(100% - 18px) !important;
  }

  html body .v412-top-card{
    padding:12px !important;
    border-radius:16px !important;
  }

  html body .v412-top-card .v412-user h1{
    font-size:22px !important;
  }

  html body .v412-top-card .v412-user p{
    font-size:13.5px !important;
  }

  html body .v412-edit-top,
  html body .v412-logout{
    min-height:36px !important;
    padding:7px 10px !important;
    font-size:13px !important;
  }

  html body .v412-welcome{
    padding:18px !important;
  }

  html body .v412-welcome h2{
    font-size:28px !important;
  }

  html body .v412-welcome-meta{
    grid-template-columns:1fr 1fr !important;
  }

  html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  html body select,
  html body textarea{
    min-height:38px !important;
    font-size:14px !important;
  }
}

/* WordPress admin bar açıkken üst ekranı daha az kaba göster */
html body.admin-bar .member-dashboard-shell{
  padding-top:14px !important;
}


/* ==========================================================
   v5.6.7 — Profil/Form/Yakın Üyeler İnce Ayarları
   ========================================================== */

/* Yakındaki üyeler: şehir tek satır */
html body .v557-nearby-city{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:54px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
}
html body .v557-nearby-city strong,
html body .v557-nearby-city span{
  display:inline-flex !important;
  margin:0 !important;
  line-height:1.2 !important;
}
html body .v557-nearby-city strong{
  font-size:14px !important;
  font-weight:560 !important;
}
html body .v557-nearby-city span{
  font-size:18px !important;
  font-weight:650 !important;
  text-align:right !important;
}

/* Üst profil kartı: kalabalığı azalt */
html body .v412-top-card .v412-user p{
  font-size:12.5px !important;
  line-height:1.25 !important;
  font-weight:450 !important;
  max-width:170px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .v412-top-card .v412-user h1{
  font-size:clamp(20px,4vw,30px) !important;
  line-height:1.04 !important;
  margin-bottom:2px !important;
}

/* Zorunlu yazısını yıldız yap */
html body .v412-form label em,
html body .jaecoo-auth-form label em,
html body .auth-form label em,
html body .login-form-panel label em{
  font-size:0 !important;
  line-height:0 !important;
}
html body .v412-form label em::after,
html body .jaecoo-auth-form label em::after,
html body .auth-form label em::after,
html body .login-form-panel label em::after{
  content:"*" !important;
  display:inline !important;
  margin-left:4px !important;
  color:#e53935 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

/* Alan altı uyarı */
.v567-field-error{
  display:none;
  margin:5px 0 0 !important;
  color:#d93025 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}
.v567-field-error.is-visible{
  display:block !important;
}
html body input.v567-invalid,
html body select.v567-invalid,
html body textarea.v567-invalid{
  border-color:#ef9a9a !important;
  box-shadow:0 0 0 3px rgba(229,57,53,.08) !important;
}

/* Check alanını kompakt ve yan yana yap */
html body label.jaecoo-check,
html body .jaecoo-check{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:8px 10px !important;
  min-height:0 !important;
  border-radius:12px !important;
  background:#f8fbfb !important;
  border:1px solid #e1ecef !important;
  box-shadow:none !important;
  line-height:1.3 !important;
}
html body .jaecoo-check input[type="checkbox"]{
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  margin:1px 0 0 0 !important;
  border-radius:4px !important;
}
html body .jaecoo-check span{
  display:block !important;
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:430 !important;
  color:#52666d !important;
}

/* Mesajlar butonu animasyon */
html body .v412-notify.v557-nearby-trigger{
  position:relative !important;
  isolation:isolate !important;
  animation:v567-msg-float 2.8s ease-in-out infinite !important;
}
html body .v412-notify.v557-nearby-trigger::after{
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:inherit !important;
  border:1px solid rgba(10,166,163,.38) !important;
  opacity:0 !important;
  transform:scale(.92) !important;
  animation:v567-msg-ring 2.2s ease-out infinite !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
html body .v412-notify.v557-nearby-trigger i{
  animation:v567-msg-badge 1.8s ease-in-out infinite !important;
}
html body .v412-notify.v557-nearby-trigger svg{
  animation:v567-msg-icon 3s ease-in-out infinite !important;
  transform-origin:center !important;
}

@keyframes v567-msg-ring{
  0%{opacity:.52;transform:scale(.88)}
  70%{opacity:0;transform:scale(1.22)}
  100%{opacity:0;transform:scale(1.22)}
}
@keyframes v567-msg-badge{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.12)}
}
@keyframes v567-msg-icon{
  0%,100%{transform:rotate(0deg)}
  45%{transform:rotate(-5deg)}
  55%{transform:rotate(5deg)}
}
@keyframes v567-msg-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1px)}
}

@media(max-width:520px){
  html body .v557-nearby-city{
    display:flex !important;
    grid-template-columns:none !important;
  }
  html body .v557-nearby-city strong{
    font-size:13px !important;
  }
  html body .v557-nearby-city span{
    font-size:16px !important;
  }
  html body .v412-top-card .v412-user p{
    max-width:132px !important;
    font-size:11.5px !important;
  }
}


/* ==========================================================
   v5.6.8 — Form yıldızları, mesaj ve bildirim ekranları
   ========================================================== */

/* Label/star fix: yıldız yazının yanına gelir */
html body .v412-form label:not(.jaecoo-check),
html body .jaecoo-auth-form label:not(.jaecoo-check),
html body .auth-form label:not(.jaecoo-check){
  display:block !important;
}
html body .v412-form label:not(.jaecoo-check) > input:not([type="checkbox"]),
html body .v412-form label:not(.jaecoo-check) > select,
html body .v412-form label:not(.jaecoo-check) > textarea,
html body .jaecoo-auth-form label:not(.jaecoo-check) > input:not([type="checkbox"]),
html body .jaecoo-auth-form label:not(.jaecoo-check) > select,
html body .jaecoo-auth-form label:not(.jaecoo-check) > textarea{
  display:block !important;
  width:100% !important;
  margin-top:7px !important;
}
html body .v412-form label small,
html body .jaecoo-auth-form label small{
  display:block !important;
  margin-top:3px !important;
  font-size:11px !important;
  line-height:1.25 !important;
  color:#8a9aa1 !important;
  font-weight:400 !important;
}
html body .v500-vehicle-photo-note{
  font-size:11px !important;
  line-height:1.35 !important;
  color:#93a1a7 !important;
  margin-top:4px !important;
}
html body .v412-form label em,
html body .jaecoo-auth-form label em,
html body .v412-fieldset legend em,
html body .jaecoo-auth-form fieldset legend em{
  position:static !important;
  display:inline !important;
  margin:0 0 0 4px !important;
  vertical-align:baseline !important;
}
html body .v412-fieldset legend em{
  font-size:0 !important;
}
html body .v412-fieldset legend em::after{
  content:"*" !important;
  color:#e53935 !important;
  font-size:15px !important;
  font-weight:700 !important;
}

/* Üstte düzenle butonu kaldırıldıktan sonra boşluk dengesi */
html body .v412-actions{
  align-items:center !important;
}

/* Mesaj / bildirim butonları ayrı */
html body .v568-notifications-trigger.has-alert,
html body .v568-messages-trigger.has-unread{
  animation:v567-msg-float 2.8s ease-in-out infinite !important;
}
html body .v568-notifications-trigger.has-alert::after,
html body .v568-messages-trigger.has-unread::after{
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:inherit !important;
  border:1px solid rgba(10,166,163,.38) !important;
  opacity:0 !important;
  transform:scale(.92) !important;
  animation:v567-msg-ring 2.2s ease-out infinite !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

/* Mesaj ekranı */
.v568-message-screen{
  display:grid !important;
  gap:12px !important;
  margin:14px 0 !important;
}
.v568-message-section{
  border:1px solid #e1ecef !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:12px !important;
}
.v568-message-section h3,
.v568-member-list-title{
  margin:0 0 10px !important;
  font-size:15px !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
}
.v568-message-list{
  display:grid !important;
  gap:8px !important;
}
.v568-message-item{
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  gap:9px !important;
  padding:10px !important;
  border-radius:14px !important;
  background:#f7fafb !important;
  border:1px solid #edf3f4 !important;
}
.v568-message-item.is-unread{
  background:#eefafa !important;
  border-color:rgba(10,166,163,.22) !important;
}
.v568-message-avatar,
.v568-message-avatar img{
  width:38px !important;
  height:38px !important;
  border-radius:11px !important;
  object-fit:cover !important;
}
.v568-message-item strong{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:13.5px !important;
  font-weight:650 !important;
}
.v568-message-item p{
  margin:3px 0 !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  color:#52666d !important;
}
.v568-message-item small,
.v568-message-empty{
  font-size:11.5px !important;
  color:#8a9aa1 !important;
}
.v568-send-message-form{
  grid-column:1 / -1 !important;
  display:grid !important;
  gap:7px !important;
  margin-top:8px !important;
}
.v568-send-message-form textarea{
  min-height:58px !important;
  font-size:13px !important;
  border-radius:12px !important;
}
.v568-send-message-form button{
  width:100% !important;
  min-height:36px !important;
  background:#0aa6a3 !important;
  color:#fff !important;
  border-color:#0aa6a3 !important;
}

/* Bildirim ekranı farklı tasarım */
.v568-notification-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.v568-notification-modal.is-open{
  display:flex !important;
}
.v568-notification-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(3,10,12,.50) !important;
  backdrop-filter:blur(10px) !important;
}
.v568-notification-panel{
  position:relative !important;
  z-index:1 !important;
  width:min(680px,calc(100% - 22px)) !important;
  max-height:82vh !important;
  overflow:auto !important;
  margin:0 auto 14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#071216,#10282d) !important;
  color:#fff !important;
  padding:18px !important;
  box-shadow:0 28px 90px rgba(0,0,0,.35) !important;
}
.v568-notification-close{
  position:absolute !important;
  right:14px !important;
  top:12px !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  border:0 !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:25px !important;
}
.v568-notification-head{
  display:grid !important;
  grid-template-columns:52px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  padding-right:44px !important;
}
.v568-notification-head > span{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:#12aaa5 !important;
}
.v568-notification-head svg{
  width:25px !important;
  height:25px !important;
}
.v568-notification-head h2{
  margin:0 !important;
  color:#fff !important;
  font-size:25px !important;
  font-weight:650 !important;
}
.v568-notification-head p{
  margin:5px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:13px !important;
}
.v568-notification-list{
  display:grid !important;
  gap:10px !important;
  margin-top:16px !important;
}
.v568-notification-item{
  display:block !important;
  padding:13px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  text-decoration:none !important;
}
.v568-notification-item i{
  display:inline-flex !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  background:rgba(18,170,165,.18) !important;
  color:#69fff7 !important;
  font-size:10.5px !important;
  font-style:normal !important;
  font-weight:650 !important;
  margin-bottom:8px !important;
}
.v568-notification-item strong{
  display:block !important;
  font-size:15px !important;
  font-weight:650 !important;
  color:#fff !important;
}
.v568-notification-item p{
  margin:5px 0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:13px !important;
}
.v568-notification-item small{
  color:rgba(255,255,255,.48) !important;
  font-size:11px !important;
}
.v568-notification-empty{
  margin-top:14px !important;
  color:rgba(255,255,255,.72) !important;
}

/* Hesap silme */
.v568-delete-account form{
  margin-top:10px !important;
}
.v568-delete-account button{
  background:#fff1f1 !important;
  border:1px solid #ffc7c7 !important;
  color:#b42318 !important;
  width:100% !important;
}

@media(max-width:560px){
  .v568-message-screen{
    gap:10px !important;
  }
  .v568-notification-panel{
    width:calc(100% - 14px) !important;
    margin-bottom:8px !important;
    border-radius:22px !important;
  }
}


/* ==========================================================
   v5.6.9 — Sade Mesaj/Bildirim UI
   ========================================================== */
html body .v569-message-panel{
  max-height:78vh !important;
  padding:16px !important;
  border-radius:22px !important;
  background:#fff !important;
}
html body .v569-message-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding-right:46px !important;
  margin-bottom:12px !important;
}
html body .v569-message-head h2{
  margin:0 !important;
  font-size:24px !important;
  font-weight:650 !important;
  letter-spacing:-.03em !important;
}
html body .v569-message-head p{
  margin:4px 0 0 !important;
  font-size:12.5px !important;
  color:#75858b !important;
  font-weight:420 !important;
}
html body .v569-message-head > span{
  flex:0 0 auto !important;
  border-radius:999px !important;
  padding:5px 9px !important;
  background:#eafafa !important;
  color:#078f8b !important;
  font-size:12px !important;
  font-weight:650 !important;
}
html body .v569-message-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  padding:5px !important;
  background:#f0f5f6 !important;
  border:1px solid #e3eef0 !important;
  border-radius:15px !important;
  margin-bottom:12px !important;
}
html body .v569-message-tabs button{
  min-height:36px !important;
  border-radius:11px !important;
  border:0 !important;
  background:transparent !important;
  color:#65777f !important;
  font-size:13px !important;
  font-weight:560 !important;
  box-shadow:none !important;
}
html body .v569-message-tabs button.is-active{
  background:#061014 !important;
  color:#fff !important;
}
html body .v569-message-view{
  display:none !important;
}
html body .v569-message-view.is-active{
  display:block !important;
}
html body .v569-city-line{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  min-height:42px !important;
  padding:9px 12px !important;
  margin-bottom:10px !important;
  border-radius:13px !important;
  background:#eefafa !important;
  border:1px solid rgba(10,166,163,.14) !important;
}
html body .v569-city-line strong{
  font-size:12px !important;
  color:#677a82 !important;
  font-weight:520 !important;
}
html body .v569-city-line span{
  font-size:15px !important;
  color:#078f8b !important;
  font-weight:650 !important;
}
html body .v569-thread-list,
html body .v569-people-list{
  display:grid !important;
  gap:8px !important;
}
html body .v569-thread-item{
  display:grid !important;
  grid-template-columns:42px 1fr auto !important;
  gap:9px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:15px !important;
  border:1px solid #e7eff1 !important;
  background:#fff !important;
}
html body .v569-thread-item.is-unread{
  background:#effafa !important;
  border-color:rgba(10,166,163,.20) !important;
}
html body .v569-thread-item img,
html body .v569-thread-item span,
html body .v569-person-avatar,
html body .v569-person-avatar img{
  width:38px !important;
  height:38px !important;
  border-radius:11px !important;
  object-fit:cover !important;
}
html body .v569-thread-item strong,
html body .v569-person-info strong{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:620 !important;
}
html body .v569-thread-item p,
html body .v569-person-info small{
  margin:3px 0 0 !important;
  font-size:12.2px !important;
  line-height:1.3 !important;
  color:#71828a !important;
  font-weight:400 !important;
}
html body .v569-thread-item small{
  color:#9aa7ad !important;
  font-size:11px !important;
}
html body .v569-person-card{
  display:grid !important;
  grid-template-columns:46px 1fr auto !important;
  gap:9px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:15px !important;
  border:1px solid #e7eff1 !important;
  background:#fff !important;
}
html body .v569-person-card.is-brand-ambassador{
  background:#f3fbff !important;
  border-color:rgba(32,162,230,.22) !important;
}
html body .v569-person-card > button{
  min-height:34px !important;
  border-radius:11px !important;
  padding:7px 12px !important;
  font-size:13px !important;
  font-weight:560 !important;
}
html body .v569-person-card > button:not(:disabled){
  background:#0aa6a3 !important;
  border-color:#0aa6a3 !important;
  color:#fff !important;
}
html body .v569-compose-form{
  display:none !important;
  grid-column:1 / -1 !important;
  gap:7px !important;
  margin-top:6px !important;
}
html body .v569-compose-form.is-open{
  display:grid !important;
}
html body .v569-compose-form textarea{
  min-height:54px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
html body .v569-compose-form button{
  min-height:34px !important;
  border-radius:11px !important;
  background:#061014 !important;
  border-color:#061014 !important;
  color:#fff !important;
}
html body .v569-empty-state{
  padding:18px !important;
  border-radius:16px !important;
  background:#f7fafb !important;
  border:1px dashed #dce8eb !important;
}
html body .v569-empty-state strong{
  display:block !important;
  font-size:15px !important;
  font-weight:620 !important;
}
html body .v569-empty-state p{
  margin:5px 0 0 !important;
  font-size:13px !important;
  color:#71828a !important;
}
html body .v569-empty-state button{
  margin-top:10px !important;
}

/* Eski karmaşık blokların etkisini sıfırla */
html body .v568-message-screen,
html body .v568-message-section,
html body .v568-member-list-title,
html body .v557-nearby-icon{
  display:none !important;
}

/* Bildirim panelini de sadeleştir */
html body .v568-notification-panel{
  border-radius:22px !important;
  padding:16px !important;
}
html body .v568-notification-head{
  grid-template-columns:42px 1fr !important;
}
html body .v568-notification-head > span{
  width:42px !important;
  height:42px !important;
  border-radius:13px !important;
}
html body .v568-notification-head h2{
  font-size:23px !important;
}
html body .v568-notification-item{
  padding:11px !important;
  border-radius:14px !important;
}
html body .v568-notification-item strong{
  font-size:14px !important;
}
html body .v568-notification-item p{
  font-size:12.5px !important;
}

@media(max-width:560px){
  html body .v569-message-panel{
    width:calc(100% - 14px) !important;
    margin-bottom:8px !important;
    padding:14px !important;
  }
  html body .v569-message-head h2{
    font-size:22px !important;
  }
  html body .v569-person-card{
    grid-template-columns:42px 1fr auto !important;
  }
}


/* ==========================================================
   v5.7.0 — Bildirim okundu durumu
   ========================================================== */
html body .v570-notification-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:14px 0 8px !important;
  padding:0 2px !important;
}
html body .v570-notification-tools span{
  font-size:11.5px !important;
  color:rgba(255,255,255,.54) !important;
  font-weight:450 !important;
}
html body .v570-notification-tools a{
  display:inline-flex !important;
  align-items:center !important;
  color:rgba(105,255,247,.86) !important;
  text-decoration:none !important;
  font-size:11.5px !important;
  font-weight:520 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
html body .v568-notification-item.is-read{
  opacity:.56 !important;
}
html body .v568-notification-item.is-read i{
  background:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.64) !important;
}
html body .v568-notification-item.is-unread{
  box-shadow:inset 3px 0 0 #12aaa5 !important;
}
html body .v568-notification-item.is-unread strong::after{
  content:"Yeni" !important;
  display:inline-flex !important;
  margin-left:7px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:#12aaa5 !important;
  color:#061014 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  vertical-align:middle !important;
}


/* ==========================================================
   v5.7.1 — Mesaj cevapları + dashboard/form iyileştirmeleri
   ========================================================== */

/* Mavi onay küçültme ve isme yaklaştırma */
html body .v560-verified-badge,
html body .v560-verified-badge--meta,
html body .v560-verified-badge--nearby{
  width:15px !important;
  height:15px !important;
  margin-left:4px !important;
  vertical-align:-2px !important;
  filter:none !important;
}
html body .v412-top-card .v560-verified-badge{
  width:16px !important;
  height:16px !important;
}

/* Mesajlar: Gelen / Giden / Şehrimdekiler */
html body .v571-message-tabs{
  grid-template-columns:repeat(3,1fr) !important;
}
html body .v569-thread-item{
  width:100% !important;
  text-align:left !important;
  border:1px solid #e7eff1 !important;
  background:#fff !important;
  cursor:pointer !important;
}
html body .v569-thread-item.is-unread{
  background:#eefafa !important;
}
html body .v571-thread-detail[hidden]{
  display:none !important;
}
html body .v571-thread-detail{
  display:grid !important;
  gap:10px !important;
}
html body .v571-thread-back{
  justify-self:start !important;
  min-height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#0a8f8b !important;
  font-size:12px !important;
  font-weight:600 !important;
}
html body .v571-thread-card{
  padding:12px !important;
  border-radius:16px !important;
  background:#eefafa !important;
  border:1px solid rgba(10,166,163,.18) !important;
}
html body .v571-thread-card strong{
  display:block !important;
  font-size:15px !important;
  font-weight:650 !important;
}
html body .v571-thread-card p{
  margin:7px 0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:#26383f !important;
}
html body .v571-thread-card small,
html body .v571-thread-live small{
  color:#8a9aa1 !important;
  font-size:11px !important;
}
html body .v571-reply-form{
  display:grid !important;
  gap:8px !important;
}
html body .v571-reply-form textarea{
  min-height:74px !important;
  border-radius:14px !important;
}
html body .v571-reply-form button{
  background:#0aa6a3 !important;
  color:#fff !important;
  border-color:#0aa6a3 !important;
}
html body .v571-thread-live{
  display:grid !important;
  gap:8px !important;
}
html body .v571-live-bubble{
  padding:10px 12px !important;
  border-radius:14px !important;
  background:#061014 !important;
  color:#fff !important;
  justify-self:end !important;
  max-width:86% !important;
}
html body .v571-live-bubble p{
  margin:0 !important;
  color:#fff !important;
  font-size:13px !important;
}
html body .v571-live-bubble small{
  color:rgba(255,255,255,.62) !important;
}

/* Bakım / garanti daha kullanıcı dostu */
html body .v571-care-card{
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff,#f7fbfb) !important;
}
html body .v571-care-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}
html body .v571-care-head h2{
  margin:0 !important;
}
html body .v571-care-head p{
  margin:4px 0 0 !important;
  font-size:12px !important;
}
html body .v571-ring{
  --size:68px;
  flex:0 0 var(--size) !important;
  width:var(--size) !important;
  height:var(--size) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:conic-gradient(#0aa6a3 calc(var(--p) * 1%), #e8f1f3 0) !important;
  position:relative !important;
}
html body .v571-ring::after{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  border-radius:50% !important;
  background:#fff !important;
}
html body .v571-ring span{
  position:relative !important;
  z-index:1 !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#061014 !important;
}
html body .v571-care-mini{
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:10px 0 !important;
}
html body .v571-care-mini span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#eefafa !important;
  color:#0a706d !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}

/* Yakıt kartı odaklı tasarım */
html body .v571-fuel-card{
  display:grid !important;
  grid-template-columns:48px 1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  background:linear-gradient(135deg,#061014,#0d2e33) !important;
  color:#fff !important;
  border:0 !important;
}
html body .v571-fuel-card h2,
html body .v571-fuel-card p,
html body .v571-fuel-card p strong{
  color:#fff !important;
}
html body .v571-fuel-card p{
  opacity:.72 !important;
}
html body .v571-fuel-icon{
  width:48px !important;
  height:48px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(18,170,165,.18) !important;
}
html body .v571-fuel-icon svg{
  width:24px !important;
  height:24px !important;
  stroke:#39e1da !important;
}
html body .v571-fuel-card b{
  background:#12aaa5 !important;
  color:#061014 !important;
  min-width:92px !important;
  min-height:42px !important;
  border-radius:14px !important;
  font-weight:720 !important;
}

/* Kasko / trafik sigortası durum kartları */
html body .v571-insurance-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
html body .v571-insurance-grid article{
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid #e2ebee !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(10,24,30,.04) !important;
}
html body .v571-insurance-grid span{
  display:block !important;
  color:#65777f !important;
  font-size:12px !important;
  font-weight:520 !important;
}
html body .v571-insurance-grid strong{
  display:block !important;
  margin-top:5px !important;
  font-size:16px !important;
  font-weight:680 !important;
}
html body .v571-insurance-grid small{
  display:block !important;
  margin-top:4px !important;
  color:#0a8f8b !important;
  font-size:12px !important;
}

/* Garajım / Profilim formlarını daha kısa ve yatay yap */
html body .v560-garage-panel .v412-form,
html body [data-v412-panel="profile"] .v412-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body .v560-garage-panel .v412-form > .v412-form-grid,
html body [data-v412-panel="profile"] .v412-form > .v412-form-grid{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body .v560-garage-panel .v412-form > .v571-photo-field,
html body .v560-garage-panel .v412-form > .v500-vehicle-photo-note,
html body .v560-garage-panel .v412-form > .v412-fieldset,
html body .v560-garage-panel .v412-form > button,
html body [data-v412-panel="profile"] .v412-form > .v412-fieldset,
html body [data-v412-panel="profile"] .v412-form > .jaecoo-check,
html body [data-v412-panel="profile"] .v412-form > button{
  grid-column:1 / -1 !important;
}
html body .v412-form input[type="date"]{
  width:100% !important;
  min-width:0 !important;
}
html body .v500-vehicle-photo-note{
  font-size:10.5px !important;
  line-height:1.25 !important;
  color:#9aa7ad !important;
  margin-top:-6px !important;
}

@media(max-width:560px){
  html body .v571-fuel-card{
    grid-template-columns:42px 1fr !important;
  }
  html body .v571-fuel-card b{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  html body .v571-insurance-grid{
    grid-template-columns:1fr 1fr !important;
  }
  html body .v571-insurance-grid article{
    padding:10px !important;
  }
  html body .v560-garage-panel .v412-form,
  html body [data-v412-panel="profile"] .v412-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  html body .v560-garage-panel .v412-form label,
  html body [data-v412-panel="profile"] .v412-form label{
    min-width:0 !important;
  }
  html body .v560-garage-panel .v412-form > .v412-form-grid,
  html body [data-v412-panel="profile"] .v412-form > .v412-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   v5.7.3 — Mesaj/rozet/panel/garaj polish
   ========================================================== */

/* Marka Elçisi rozeti her yerde küçük ve isme yakın */
html body .v560-verified-badge,
html body .v560-verified-badge--meta,
html body .v560-verified-badge--nearby,
html body .v573-ambassador-badge{
  width:13px !important;
  height:13px !important;
  min-width:13px !important;
  min-height:13px !important;
  margin-left:3px !important;
  vertical-align:-1px !important;
  display:inline-block !important;
  filter:none !important;
}

/* Marka Elçisi hariç üye seviyesi rozetleri */
html body .v573-level-badge{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border-radius:50% !important;
  display:inline-grid !important;
  place-items:center !important;
  margin-left:6px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
  vertical-align:middle !important;
}
html body .v573-level-badge--std{background:#7a8990!important}
html body .v573-level-badge--active{background:#0aa6a3!important}
html body .v573-level-badge--premium{background:#8b5cf6!important}
html body .v573-level-badge--founder{background:#111827!important}
html body .v573-level-badge--admin{background:#ef4444!important}
html body .v573-level-badge--service{background:#2563eb!important}

/* Üyelik tarihi/seviyesi kompakt strip */
html body .v573-member-strip{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:12px !important;
}
html body .v573-member-strip span{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:42px !important;
  padding:9px 12px !important;
  border-radius:14px !important;
  border:1px solid #e3edf0 !important;
  background:#f8fbfb !important;
}
html body .v573-member-strip small{
  color:#75868d !important;
  font-size:11px !important;
  font-weight:450 !important;
}
html body .v573-member-strip strong{
  display:flex !important;
  align-items:center !important;
  color:#111d22 !important;
  font-size:13.5px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

/* Bakım/garanti kartları daha ince, ring büyük ama alanı verimli */
html body .v571-care-card{
  padding:14px !important;
  min-height:0 !important;
}
html body .v571-care-head{
  display:grid !important;
  grid-template-columns:1fr 92px !important;
  align-items:center !important;
}
html body .v571-care-head h2{
  font-size:18px !important;
}
html body .v571-care-head p{
  font-size:11px !important;
  line-height:1.3 !important;
}
html body .v571-ring{
  --size:92px !important;
  width:92px !important;
  height:92px !important;
}
html body .v571-ring::after{
  inset:9px !important;
}
html body .v412-calc .v412-result{
  margin:9px 0 !important;
  padding:9px 10px !important;
  border-radius:13px !important;
}
html body .v412-calc .v412-result strong{
  font-size:15px !important;
}
html body .v571-care-mini{
  margin:8px 0 !important;
}
html body .v412-calc small{
  font-size:9.8px !important;
  line-height:1.25 !important;
}

/* Yakıt kartı kasko/sigorta altında daha kompakt */
html body .v571-fuel-card{
  margin-top:0 !important;
  padding:13px !important;
}

/* Kasko/sigorta taşma düzeltme */
html body .v560-garage-panel .v412-form,
html body [data-v412-panel="profile"] .v412-form{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important;
}
html body .v560-garage-panel .v412-form label,
html body [data-v412-panel="profile"] .v412-form label{
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
html body .v560-garage-panel input,
html body .v560-garage-panel select,
html body [data-v412-panel="profile"] input,
html body [data-v412-panel="profile"] select{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
html body .v560-garage-panel input[type="date"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
html body .v571-insurance-grid{
  margin-bottom:10px !important;
}

/* Mesaj okundu/sayı düşme için görsel durum */
html body .v569-thread-item.is-unread{
  box-shadow:inset 3px 0 0 #0aa6a3 !important;
}
html body .v571-thread-detail{
  animation:v573-thread-in .18s ease-out !important;
}
@keyframes v573-thread-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Bildirim butonu çan */
html body .v568-notifications-trigger svg{
  stroke-width:2.2 !important;
}

/* Son paylaşımlar altı kart */
html body .v573-community-pulse{
  display:grid !important;
  gap:8px !important;
  background:linear-gradient(135deg,#f7fbfb,#eefafa) !important;
}
html body .v573-community-pulse h2{
  font-size:18px !important;
}
html body .v573-community-pulse p{
  font-size:12.5px !important;
}
html body .v573-community-pulse button{
  justify-self:start !important;
  min-height:34px !important;
  padding:7px 12px !important;
  background:#061014 !important;
  color:#fff !important;
  border-color:#061014 !important;
}

/* Mobil iyileştirme */
@media(max-width:560px){
  html body .v573-member-strip{
    grid-template-columns:1fr 1fr !important;
  }
  html body .v573-member-strip span{
    padding:8px 9px !important;
  }
  html body .v573-member-strip strong{
    font-size:12px !important;
  }
  html body .v571-care-head{
    grid-template-columns:1fr 82px !important;
  }
  html body .v571-ring{
    --size:82px !important;
    width:82px !important;
    height:82px !important;
  }
  html body .v560-garage-panel .v412-form,
  html body [data-v412-panel="profile"] .v412-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  html body .v560-garage-panel label,
  html body [data-v412-panel="profile"] label{
    font-size:12.5px !important;
  }
  html body .v560-garage-panel input,
  html body .v560-garage-panel select,
  html body [data-v412-panel="profile"] input,
  html body [data-v412-panel="profile"] select{
    font-size:13px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}


/* ==========================================================
   v5.7.4 — Renkli seviye rozetleri + üst bar + ana ekrana ekle
   ========================================================== */

/* Renkli ikonlu seviye rozetleri */
html body .v574-level-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
html body .v574-level-wrap em{
  font-style:normal !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}
html body .v574-level-badge,
html body .v573-level-badge{
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  border-radius:50% !important;
  display:inline-grid !important;
  place-items:center !important;
  margin-left:4px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#fff !important;
  vertical-align:-3px !important;
  box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
}
html body .v573-level-badge--std{background:linear-gradient(135deg,#8a98a0,#66767d)!important}
html body .v573-level-badge--active{background:linear-gradient(135deg,#15c9c2,#078f8b)!important}
html body .v573-level-badge--premium{background:linear-gradient(135deg,#a78bfa,#6d28d9)!important}
html body .v573-level-badge--founder{background:linear-gradient(135deg,#111827,#374151)!important}
html body .v573-level-badge--admin{background:linear-gradient(135deg,#ef4444,#991b1b)!important}
html body .v573-level-badge--service{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}
html body .v573-ambassador-badge{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  min-height:14px !important;
  margin-left:4px !important;
  vertical-align:-2px !important;
}

/* Üst sabit bardaki mesaj/bildirim */
html body .v574-header-action{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
}
html body .v574-header-action i{
  position:absolute !important;
  right:-3px !important;
  top:-4px !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 4px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#13c7c0 !important;
  color:#061014 !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:850 !important;
  line-height:1 !important;
  border:2px solid #101719 !important;
}
html body .v574-header-action.has-count{
  animation:v574-topbar-pulse 2.3s ease-in-out infinite !important;
}
@keyframes v574-topbar-pulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1px)}
}
@media(max-width:820px){
  html body .community-btn{
    display:none !important;
  }
  html body .v574-header-action{
    width:42px !important;
    height:42px !important;
  }
  html body .header-actions{
    gap:6px !important;
  }
}
@media(max-width:380px){
  html body .v574-header-action{
    width:38px !important;
    height:38px !important;
  }
  html body .header-login-btn{
    width:38px !important;
    height:38px !important;
  }
}

/* Ana ekrana ekle yönlendirmesi */
html body .v574-a2hs{
  position:fixed !important;
  left:50% !important;
  bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  z-index:99998 !important;
  width:min(420px,calc(100% - 22px)) !important;
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(7,32,38,.10) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(16px) !important;
  color:#101c21 !important;
}
html body .v574-a2hs[hidden]{
  display:none !important;
}
html body .v574-a2hs strong{
  display:block !important;
  padding-right:34px !important;
  font-size:16px !important;
  font-weight:720 !important;
  letter-spacing:-.02em !important;
}
html body .v574-a2hs p{
  margin:5px 0 10px !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  color:#60737b !important;
}
html body .v574-a2hs-ios{
  display:none !important;
  margin:7px 0 !important;
  padding:9px 10px !important;
  border-radius:13px !important;
  background:#eefafa !important;
  color:#0a706d !important;
  font-size:12px !important;
  font-weight:560 !important;
}
html body .v574-a2hs.is-ios .v574-a2hs-ios{
  display:block !important;
}
html body .v574-a2hs-install{
  min-height:36px !important;
  padding:7px 12px !important;
  border-radius:12px !important;
  background:#061014 !important;
  color:#fff !important;
  border-color:#061014 !important;
  font-size:13px !important;
  font-weight:650 !important;
}
html body .v574-a2hs.is-ios .v574-a2hs-install{
  display:none !important;
}
html body .v574-a2hs-close{
  position:absolute !important;
  right:10px !important;
  top:10px !important;
  width:30px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:0 !important;
  background:#edf4f5 !important;
  color:#061014 !important;
  font-size:20px !important;
  line-height:1 !important;
}


/* ==========================================================
   v5.7.6 — JAECOO logo avatar ve ana ekran adı
   ========================================================== */
html body .jaecoo-profile-photo,
html body .header-login-btn img,
html body .v412-avatar img,
html body .v569-person-avatar img,
html body .v568-message-avatar img,
html body .v557-nearby-avatar img{
  object-fit:cover !important;
  background:#061014 !important;
}
html body .header-login-btn:not(.is-logged-in) img{
  border-radius:12px !important;
  border:1px solid rgba(18,170,165,.28) !important;
}


/* ==========================================================
   v5.7.7 — Üst bar link fix + iPhone ana ekran ikonlu adımlar
   ========================================================== */
html body a.v574-header-action{
  text-decoration:none !important;
  color:inherit !important;
}
html body .v574-a2hs-ios strong{
  display:block !important;
  padding:0 !important;
  margin:0 0 8px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#0a706d !important;
}
html body .v577-ios-steps{
  display:grid !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
html body .v577-ios-steps li{
  display:grid !important;
  grid-template-columns:22px 1fr 34px !important;
  align-items:center !important;
  gap:8px !important;
  min-height:38px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid rgba(10,166,163,.12) !important;
}
html body .v577-ios-steps i{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#12aaa5 !important;
  color:#061014 !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:800 !important;
}
html body .v577-ios-steps span{
  font-size:11.8px !important;
  line-height:1.25 !important;
  color:#40535b !important;
  font-weight:500 !important;
}
html body .v577-ios-steps b{
  font-weight:750 !important;
  color:#061014 !important;
}
html body .v577-ios-steps em{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:#061014 !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:18px !important;
  font-weight:800 !important;
}


/* ==========================================================
   v5.7.8 — Global mesaj/bildirim popup
   ========================================================== */
html body .v578-global-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
html body .v578-global-modal.is-open{
  display:flex !important;
}
html body .v578-global-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(3,10,12,.52) !important;
  backdrop-filter:blur(10px) !important;
}
html body .v578-global-panel{
  position:relative !important;
  z-index:1 !important;
  width:min(680px,calc(100% - 22px)) !important;
  max-height:82vh !important;
  overflow:auto !important;
  margin:0 auto calc(12px + env(safe-area-inset-bottom)) !important;
}
html body .v578-global-messages .v569-message-panel{
  background:#fff !important;
}
html body .v578-global-notifications .v568-notification-panel{
  margin-bottom:calc(12px + env(safe-area-inset-bottom)) !important;
}
@media(max-width:560px){
  html body .v578-global-panel{
    width:calc(100% - 14px) !important;
    max-height:80vh !important;
  }
}

/* Üst bar butonları link değil gerçek popup butonu */
html body button.v574-header-action{
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
}


/* ==========================================================
   v5.7.9 — Ana ekrana ekleme ana sayfa linki
   ========================================================== */
html body .v579-a2hs-home{
  display:none;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:7px 12px !important;
  border-radius:12px !important;
  background:#0aa6a3 !important;
  color:#061014 !important;
  border:1px solid rgba(10,166,163,.18) !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  margin:4px 8px 0 0 !important;
}
html body .v574-a2hs.is-ios .v579-a2hs-home{
  display:inline-flex;
}


/* ==========================================================
   v5.8.0 — Profilim/PWA/bildirim/mesaj final polish
   ========================================================== */

/* Profilim sekmesinde üstteki mesaj ve bildirim butonlarını kaldır */
html body .v412-wrap[data-v580-active-panel="profile"] .v412-actions .v412-notify{
  display:none !important;
}

/* Özetim üstü ana ekrana ekle kartı */
html body .v580-overview-a2hs{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px !important;
  margin:0 0 12px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#061014,#0d2e33) !important;
  color:#fff !important;
  box-shadow:0 12px 34px rgba(0,0,0,.10) !important;
}
html body .v580-overview-a2hs strong{
  display:block !important;
  font-size:16px !important;
  font-weight:680 !important;
  color:#fff !important;
}
html body .v580-overview-a2hs p{
  margin:4px 0 0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:12.5px !important;
}
html body .v580-a2hs-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
html body .v580-a2hs-actions button{
  min-height:34px !important;
  border-radius:12px !important;
  padding:7px 12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#12aaa5 !important;
  color:#061014 !important;
  font-size:13px !important;
  font-weight:720 !important;
}
html body .v580-ios-inline-steps{
  grid-column:1 / -1 !important;
  display:grid !important;
  gap:6px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}
html body .v580-ios-inline-steps[hidden]{
  display:none !important;
}
html body .v580-ios-inline-steps li{
  padding:7px 9px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.82) !important;
  font-size:12px !important;
}
html body .v580-ios-inline-steps b{
  display:inline-grid !important;
  place-items:center !important;
  width:18px !important;
  height:18px !important;
  margin-right:6px !important;
  border-radius:50% !important;
  background:#12aaa5 !important;
  color:#061014 !important;
  font-size:10px !important;
}

/* Seviye kartındaki rozet boşluğu düzelt */
html body .v573-member-strip .v574-level-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
}
html body .v573-member-strip .v574-level-wrap em{
  display:inline !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}
html body .v573-member-strip .v573-level-badge,
html body .v573-member-strip .v573-ambassador-badge{
  display:inline-grid !important;
  flex:0 0 auto !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Bildirimlerde Yazı/Şehir gibi kategori çiplerini tamamen kaldır */
html body .v568-notification-item i{
  display:none !important;
}

/* 5 günü geçen bildirimler ve daha fazla linki */
html body .v580-notice-old[hidden]{
  display:none !important;
}
html body .v580-notice-more{
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:8px !important;
}
html body .v580-notice-more button{
  appearance:none !important;
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(105,255,247,.88) !important;
  font-size:11.5px !important;
  font-weight:520 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

/* Konuşma detayında canlı cevaplar gelen mesaj ile yazma alanı arasında */
html body .v571-thread-live{
  order:2 !important;
}
html body .v571-reply-form{
  order:3 !important;
}
html body .v571-thread-card{
  order:1 !important;
}

@media(max-width:560px){
  html body .v580-overview-a2hs{
    grid-template-columns:1fr !important;
  }
  html body .v580-a2hs-actions{
    justify-content:flex-start !important;
  }
}


/* ==========================================================
   v5.8.1 — Ana ekran hatırlatma / profil üst bar / seviye rozeti / tek konuşma
   ========================================================== */

/* Profil sayfasında site üst barındaki mesaj ve bildirim butonlarını kaldır */
html body.v581-profile-page .site-header .v574-header-messages,
html body.v581-profile-page .site-header .v574-header-notifications{
  display:none !important;
}

/* Mesajlarda tek konuşma mantığı: Giden sekmesi gizli, konuşmalar tek yerde */
html body .v571-message-tabs [data-v569-message-tab="outbox"]{
  display:none !important;
}

/* Seviye kartı rozetinin görünürlüğünü zorla */
html body .v573-member-strip{
  overflow:visible !important;
}
html body .v573-member-strip strong,
html body .v573-member-strip .v574-level-wrap{
  overflow:visible !important;
  white-space:nowrap !important;
}
html body .v573-member-strip .v573-level-badge{
  display:inline-grid !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.45) !important;
}
html body .v573-member-strip .v573-ambassador-badge{
  display:inline-block !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Sosyal medya tarzı tek konuşma ekranı */
html body .v571-thread-card p{
  display:none !important;
}
html body .v571-thread-live{
  display:grid !important;
  gap:8px !important;
  max-height:42vh !important;
  overflow:auto !important;
  padding:8px 2px 10px !important;
}
html body .v581-chat-bubble{
  display:grid !important;
  gap:3px !important;
  max-width:82% !important;
  padding:9px 11px !important;
  border-radius:16px !important;
  background:#f2f7f8 !important;
  color:#101c21 !important;
  justify-self:start !important;
}
html body .v581-chat-bubble.is-mine{
  justify-self:end !important;
  background:#061014 !important;
  color:#fff !important;
  border-bottom-right-radius:6px !important;
}
html body .v581-chat-bubble.is-theirs{
  border-bottom-left-radius:6px !important;
}
html body .v581-chat-bubble strong{
  font-size:10.5px !important;
  opacity:.65 !important;
  font-weight:650 !important;
}
html body .v581-chat-bubble p{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.38 !important;
}
html body .v581-chat-bubble small{
  font-size:10px !important;
  opacity:.55 !important;
}
html body .v581-chat-loading{
  padding:12px !important;
  text-align:center !important;
  color:#75868d !important;
  font-size:12px !important;
}

/* Ana ekrana ekle kartı kapatılsa bile sonraki girişte yine çıkar; sadece standalone ise saklanır */
html body .v580-overview-a2hs{
  display:grid !important;
}


/* ==========================================================
   v5.8.2 — Canlı mesaj / güvenlik / admin merkezi
   ========================================================== */
html body .v582-thread-tools{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:flex-end !important;
  margin:2px 0 8px !important;
}
html body .v582-thread-tools button{
  min-height:auto !important;
  padding:4px 7px !important;
  border:0 !important;
  background:transparent !important;
  color:#667980 !important;
  font-size:11px !important;
  font-weight:520 !important;
  box-shadow:none !important;
}
html body .v582-thread-tools button:hover{
  color:#061014 !important;
  text-decoration:underline !important;
}
html body .v581-chat-bubble.is-mine{
  background:#061014 !important;
}
html body .v581-chat-bubble.is-theirs{
  background:#eef6f7 !important;
}


/* ==========================================================
   v5.8.3 — Çoklu mesaj gönderim fix
   ========================================================== */
html body .v571-reply-form button[disabled]{
  opacity:.55 !important;
  pointer-events:none !important;
}


/* ==========================================================
   v5.8.4 — Engellenen kullanıcılar
   ========================================================== */
html body .v584-blocked-card{
  margin-top:14px !important;
}
html body .v584-block-list{
  display:grid !important;
  gap:8px !important;
  margin-top:10px !important;
}
html body .v584-block-item{
  display:grid !important;
  grid-template-columns:42px 1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border:1px solid rgba(6,16,20,.08) !important;
  border-radius:14px !important;
  background:#f7fbfb !important;
}
html body .v584-block-avatar img{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  object-fit:cover !important;
}
html body .v584-block-item strong{
  display:block !important;
  font-size:13px !important;
  color:#061014 !important;
}
html body .v584-block-item small{
  display:block !important;
  margin-top:2px !important;
  font-size:11px !important;
  color:#71858c !important;
}
html body .v584-block-item button{
  min-height:32px !important;
  padding:6px 10px !important;
  border-radius:11px !important;
  border:1px solid rgba(6,16,20,.10) !important;
  background:#fff !important;
  color:#0a706d !important;
  font-size:12px !important;
  font-weight:700 !important;
}
html body .v584-block-item button[disabled]{
  opacity:.55 !important;
}
html body .v584-block-empty{
  padding:12px !important;
  border-radius:14px !important;
  background:#f7fbfb !important;
  color:#71858c !important;
  font-size:13px !important;
}
@media(max-width:560px){
  html body .v584-block-item{
    grid-template-columns:38px 1fr !important;
  }
  html body .v584-block-item button{
    grid-column:1 / -1 !important;
  }
}


/* ==========================================================
   v5.8.5 — Mesaj modal sekme ve servis kartı iyileştirmeleri
   ========================================================== */
html body .v571-message-tabs{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:26px !important;
  background:#eef3f4 !important;
  border:1px solid #dde7ea !important;
}
html body .v571-message-tabs button{
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:52px !important;
  padding:0 14px !important;
  border-radius:20px !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:#6c7a80 !important;
  background:transparent !important;
  border:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .v571-message-tabs button.is-active{
  background:#061014 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(6,16,20,.12) !important;
}
html body .v571-message-modal.is-thread-open [data-v569-message-view],
html body .v578-global-panel.is-thread-open [data-v569-message-view]{
  display:none !important;
}
html body .v571-message-modal.is-thread-open .v571-message-tabs,
html body .v578-global-panel.is-thread-open .v571-message-tabs{
  display:none !important;
}
html body .v571-message-modal.is-thread-open .v571-thread-detail,
html body .v578-global-panel.is-thread-open .v571-thread-detail{
  display:grid !important;
}
html body .v571-thread-detail{
  align-content:start !important;
}
html body .v571-thread-live{
  max-height:46vh !important;
  overflow:auto !important;
}
@media (max-width: 480px){
  html body .v571-message-tabs{
    gap:6px !important;
    padding:6px !important;
    border-radius:22px !important;
  }
  html body .v571-message-tabs button{
    min-height:46px !important;
    font-size:14px !important;
    border-radius:16px !important;
    padding:0 10px !important;
  }
}
html body .v585-service-book-card{
  display:grid !important;
  grid-template-columns:52px 1fr 18px !important;
  align-items:center !important;
  gap:14px !important;
  margin:14px 0 16px !important;
  padding:16px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#061014 0%, #10343a 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(6,16,20,.12) !important;
}
html body .v585-service-book-icon{
  width:52px !important;
  height:52px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.12) !important;
  color:#7be3df !important;
}
html body .v585-service-book-icon svg,
html body .v585-service-arrow svg{
  width:22px !important;
  height:22px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html body .v585-service-book-content h3{
  margin:4px 0 6px !important;
  font-size:18px !important;
  font-weight:800 !important;
  color:#fff !important;
}
html body .v585-service-book-content p{
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.78) !important;
}
html body .v585-service-soon{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(123,227,223,.14) !important;
  border:1px solid rgba(123,227,223,.28) !important;
  color:#7be3df !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}
html body .v585-service-arrow{
  color:#7be3df !important;
  justify-self:end !important;
  opacity:.88 !important;
}


/* ==========================================================
   v5.8.6 — Mesaj konuşma görünümü sabitleme + servis kartı inceltme
   ========================================================== */
html body .v578-global-panel.is-thread-open,
html body .v571-message-modal.is-thread-open .v578-global-panel,
html body .v571-message-modal.is-thread-open .v569-message-panel{
  overflow:hidden !important;
}
html body .v571-message-modal.is-thread-open .v569-message-panel,
html body .v578-global-panel.is-thread-open{
  display:flex !important;
  flex-direction:column !important;
}
html body .v571-message-modal.is-thread-open .v569-message-head,
html body .v571-message-modal.is-thread-open .v557-nearby-close,
html body .v578-global-panel.is-thread-open .v569-message-head,
html body .v578-global-panel.is-thread-open .v557-nearby-close{
  flex:0 0 auto !important;
}
html body .v571-message-modal.is-thread-open .v571-thread-detail,
html body .v578-global-panel.is-thread-open .v571-thread-detail{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
  padding-bottom:2px !important;
}
html body .v571-thread-live{
  min-height:180px !important;
}
html body .v571-message-modal.is-thread-open .v571-thread-live,
html body .v578-global-panel.is-thread-open .v571-thread-live{
  max-height:none !important;
  min-height:0 !important;
  height:100% !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  padding-right:2px !important;
}
html body .v571-message-modal.is-thread-open [data-v569-message-view],
html body .v578-global-panel.is-thread-open [data-v569-message-view]{
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
html body .v571-message-modal.is-thread-open .v571-reply-form,
html body .v578-global-panel.is-thread-open .v571-reply-form{
  margin-top:6px !important;
}
html body .v585-service-book-card{
  grid-template-columns:42px 1fr 16px !important;
  gap:10px !important;
  margin:8px 0 10px !important;
  padding:11px 12px !important;
  border-radius:18px !important;
  box-shadow:0 10px 22px rgba(6,16,20,.10) !important;
}
html body .v585-service-book-icon{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}
html body .v585-service-book-icon svg,
html body .v585-service-arrow svg{
  width:18px !important;
  height:18px !important;
}
html body .v585-service-book-content h3{
  margin:2px 0 4px !important;
  font-size:15px !important;
}
html body .v585-service-book-content p{
  font-size:11.5px !important;
  line-height:1.45 !important;
}
html body .v585-service-soon{
  min-height:20px !important;
  padding:0 8px !important;
  font-size:10px !important;
}
html body .v585-service-arrow{
  align-self:center !important;
}


/* ==========================================================
   v5.8.7 — Responsive stabilizasyon / cihazlar arası tutarlılık
   ========================================================== */

/* Temel kutu modeli ve yatay taşma kontrolü */
html{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  overflow-x:hidden !important;
}
*,*::before,*::after{
  box-sizing:inherit !important;
}
body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
img,svg,video,canvas,iframe{
  max-width:100% !important;
}
button,input,select,textarea{
  font:inherit !important;
  max-width:100% !important;
}

/* Ana sayfa ve genel container genişlikleri */
html body .site,
html body .site-main,
html body main,
html body .wrap,
html body .container{
  width:100% !important;
  max-width:100% !important;
}
html body .front-section,
html body .home-section,
html body .page-shell,
html body .archive-shell,
html body .single-shell,
html body .content-shell{
  width:min(1180px, calc(100vw - 32px)) !important;
  max-width:min(1180px, calc(100vw - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Üye paneli sabit responsive iskelet */
html body .member-dashboard-shell{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  padding-left:max(12px, env(safe-area-inset-left)) !important;
  padding-right:max(12px, env(safe-area-inset-right)) !important;
}
html body .v412-wrap{
  width:min(1120px, 100%) !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:visible !important;
}
html body .v412-top-card,
html body .v412-tabs,
html body .v412-panel,
html body .v412-card,
html body .v412-welcome,
html body .v412-vehicle-card,
html body .v580-overview-a2hs,
html body .v585-service-book-card{
  max-width:100% !important;
}

/* Font ve boşluklar cihazdan cihaza daha kontrollü */
html body .v412-top-card h1,
html body .v412-welcome h2{
  font-size:clamp(22px, 4.8vw, 36px) !important;
  line-height:1.06 !important;
}
html body .v412-card h2,
html body .v412-vehicle-info h2{
  font-size:clamp(18px, 3.6vw, 26px) !important;
  line-height:1.12 !important;
}
html body p,
html body small,
html body span,
html body input,
html body textarea,
html body select,
html body button{
  letter-spacing:normal !important;
}

/* Gridler taşmasın, her cihazda kırılabilsin */
html body .v412-stat-row,
html body .v412-calc-grid,
html body .v571-insurance-grid,
html body .v414-feed-grid,
html body .v412-form-grid,
html body .v412-birth-grid{
  min-width:0 !important;
}
html body .v412-stat-row > *,
html body .v412-calc-grid > *,
html body .v571-insurance-grid > *,
html body .v414-feed-grid > *,
html body .v412-form-grid > *,
html body .v412-birth-grid > *{
  min-width:0 !important;
}

/* Modal/popup: PC, Android ve iPhone yüksekliği aynı mantıkta */
html body .v578-global-modal,
html body .v557-nearby-modal,
html body .v568-notification-modal{
  width:100vw !important;
  max-width:100vw !important;
  height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
}
html body .v578-global-panel,
html body .v557-nearby-panel,
html body .v568-notification-panel{
  width:min(680px, calc(100vw - 18px)) !important;
  max-width:min(680px, calc(100vw - 18px)) !important;
  max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:auto !important;
}

/* Mesaj popup başlık/sekme sabitliği */
html body .v569-message-panel{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
html body .v569-message-head{
  flex:0 0 auto !important;
}
html body .v571-message-tabs{
  flex:0 0 auto !important;
  width:100% !important;
}
html body .v569-message-view.is-active{
  min-height:0 !important;
  overflow:auto !important;
}

/* Konuşma açıkken tek scroll alanı */
html body .v571-message-modal.is-thread-open .v569-message-panel,
html body .v578-global-panel.is-thread-open{
  height:auto !important;
  overflow:hidden !important;
}
html body .v571-message-modal.is-thread-open .v571-thread-detail,
html body .v578-global-panel.is-thread-open .v571-thread-detail{
  min-height:0 !important;
  max-height:calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}
html body .v571-message-modal.is-thread-open .v571-thread-live,
html body .v578-global-panel.is-thread-open .v571-thread-live{
  min-height:180px !important;
  max-height:calc(100dvh - 350px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  overflow-y:auto !important;
}

/* Masaüstü */
@media (min-width: 1025px){
  html body .v412-wrap{
    max-width:1120px !important;
  }
  html body .v412-calc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  html body .v414-feed-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
  html body .v412-stat-row{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* Tablet */
@media (min-width: 641px) and (max-width: 1024px){
  html body .v412-wrap{
    max-width:760px !important;
  }
  html body .v412-calc-grid,
  html body .v414-feed-grid{
    grid-template-columns:1fr !important;
  }
  html body .v412-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Telefon */
@media (max-width: 640px){
  html body .member-dashboard-shell{
    padding-left:max(10px, env(safe-area-inset-left)) !important;
    padding-right:max(10px, env(safe-area-inset-right)) !important;
  }
  html body .v412-wrap{
    width:100% !important;
    max-width:100% !important;
  }
  html body .v412-top-card{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
  }
  html body .v412-actions{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  html body .v412-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    overflow:visible !important;
  }
  html body .v412-tabs button{
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:13px !important;
  }
  html body .v412-welcome,
  html body .v412-vehicle-card{
    grid-template-columns:1fr !important;
  }
  html body .v412-stat-row,
  html body .v412-calc-grid,
  html body .v571-insurance-grid,
  html body .v414-feed-grid,
  html body .v412-form-grid{
    grid-template-columns:1fr !important;
  }
  html body .v412-birth-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  html body .v578-global-panel,
  html body .v557-nearby-panel,
  html body .v568-notification-panel{
    width:calc(100vw - 14px) !important;
    max-width:calc(100vw - 14px) !important;
    border-radius:22px !important;
  }
}

/* Çok küçük telefonlar */
@media (max-width: 380px){
  html body .v412-birth-grid{
    grid-template-columns:1fr !important;
  }
  html body .v571-message-tabs button{
    font-size:12.5px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }
  html body .v569-message-head h2{
    font-size:22px !important;
  }
}


/* ==========================================================
   v5.8.8 — Mesaj gönderim ve manuel bildirim silme
   ========================================================== */
html body [data-v571-reply-form] button[disabled],
html body [data-v588-send-message][disabled]{
  opacity:.55 !important;
  pointer-events:none !important;
}


/* ==========================================================
   v5.8.9 — Mobil üst kart buton hizalama fix
   ========================================================== */
html body .v412-top-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  overflow:hidden !important;
}
html body .v412-user{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
}
html body .v412-user > div{
  min-width:0 !important;
}
html body .v412-user h1,
html body .v412-user p{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .v412-user h1{
  white-space:nowrap !important;
}
html body .v412-user p{
  white-space:nowrap !important;
}
html body .v412-actions{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  min-width:max-content !important;
  justify-self:end !important;
}
html body .v412-actions .v412-notify,
html body .v412-actions .v412-logout{
  flex:0 0 auto !important;
}
html body .v412-actions .v412-notify{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}
html body .v412-actions .v412-logout{
  min-height:42px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}
html body .v412-actions .v412-notify i{
  top:-8px !important;
  right:-8px !important;
}

/* iPhone/PWA bildirim butonu */
html body [data-v589-enable-notices]{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
html body .v589-notice-ready{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:rgba(123,227,223,.14) !important;
  color:#7be3df !important;
  font-size:11px !important;
  font-weight:700 !important;
}

/* Mobilde butonlar alta düşmesin, taşma olmasın */
@media(max-width:640px){
  html body .v412-top-card{
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body .v412-actions{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top:4px !important;
  }
  html body .v412-actions .v412-notify{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }
  html body .v412-actions .v412-logout{
    min-height:40px !important;
  }
}
@media(max-width:390px){
  html body .v412-user{
    grid-template-columns:50px minmax(0,1fr) !important;
    gap:10px !important;
  }
  html body .v412-actions .v412-notify{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }
  html body .v412-actions .v412-logout{
    padding:0 11px !important;
    font-size:13px !important;
  }
}


/* ==========================================================
   v5.8.10 — Profil üst kart butonları eski sağ konuma alma
   ========================================================== */

/* Üst profil kartı: solda kullanıcı, sağda mesaj/bildirim/çıkış */
html body .v412-top-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
}
html body .v412-user{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
}
html body .v412-user > div{
  min-width:0 !important;
}
html body .v412-user h1,
html body .v412-user p{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .v412-user h1{
  white-space:nowrap !important;
}
html body .v412-user p{
  white-space:nowrap !important;
}
html body .v412-actions{
  grid-column:auto !important;
  grid-row:auto !important;
  position:static !important;
  width:auto !important;
  min-width:max-content !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}
html body .v412-actions .v412-notify,
html body .v412-actions .v412-logout{
  flex:0 0 auto !important;
}
html body .v412-actions .v412-notify{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
}
html body .v412-actions .v412-logout{
  min-height:42px !important;
  padding:0 14px !important;
  white-space:nowrap !important;
}
html body .v412-actions .v412-notify i{
  top:-8px !important;
  right:-8px !important;
}

/* v5.8.9'da mobilde alta düşüren kuralı iptal et */
@media(max-width:640px){
  html body .v412-top-card{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:12px !important;
  }
  html body .v412-user{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:9px !important;
  }
  html body .v412-avatar img,
  html body .v412-avatar .jaecoo-profile-photo{
    width:52px !important;
    height:52px !important;
  }
  html body .v412-user h1{
    font-size:clamp(19px, 5vw, 25px) !important;
    line-height:1.05 !important;
  }
  html body .v412-user p{
    font-size:12px !important;
    line-height:1.25 !important;
  }
  html body .v412-actions{
    width:auto !important;
    min-width:max-content !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    margin-top:0 !important;
    gap:6px !important;
  }
  html body .v412-actions .v412-notify{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }
  html body .v412-actions .v412-logout{
    min-height:38px !important;
    padding:0 11px !important;
    font-size:13px !important;
  }
  html body .v412-actions .v412-notify svg{
    width:20px !important;
    height:20px !important;
  }
}

@media(max-width:390px){
  html body .v412-top-card{
    gap:6px !important;
    padding:10px !important;
  }
  html body .v412-user{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:8px !important;
  }
  html body .v412-avatar img,
  html body .v412-avatar .jaecoo-profile-photo{
    width:48px !important;
    height:48px !important;
  }
  html body .v412-actions{
    gap:5px !important;
  }
  html body .v412-actions .v412-notify{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
  html body .v412-actions .v412-logout{
    min-height:36px !important;
    padding:0 9px !important;
    font-size:12px !important;
  }
}

/* Çok dar ekranlarda çıkış düğmesini küçük tut, mesaj/bildirim aynı yerde kalsın */
@media(max-width:350px){
  html body .v412-actions .v412-logout{
    padding:0 7px !important;
    font-size:11.5px !important;
  }
  html body .v412-actions .v412-notify{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
}


/* ==========================================================
   v5.9.0 — Firebase push izin kartı
   ========================================================== */
html body .v590-push-card{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  margin:8px 0 10px !important;
  padding:12px 14px !important;
  border:1px solid #dce9eb !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#ffffff,#f3fbfb) !important;
  box-shadow:0 8px 22px rgba(6,16,20,.05) !important;
}
html body .v590-push-icon{
  width:46px !important;height:46px !important;display:grid !important;place-items:center !important;
  border-radius:15px !important;background:#061014 !important;color:#70ddd8 !important;
}
html body .v590-push-icon svg{width:21px !important;height:21px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
html body .v590-push-copy{min-width:0 !important;display:grid !important;gap:2px !important}
html body .v590-push-copy>span{font-size:10px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#079c98 !important}
html body .v590-push-copy strong{font-size:14px !important;line-height:1.25 !important;color:#061014 !important}
html body .v590-push-copy small{font-size:11.5px !important;line-height:1.35 !important;color:#718188 !important}
html body .v590-push-card button{
  min-height:38px !important;padding:0 13px !important;border:0 !important;border-radius:12px !important;background:#0aa6a3 !important;color:#fff !important;font-size:12px !important;font-weight:800 !important;white-space:nowrap !important;
}
html body .v590-push-card[data-state="ready"]{border-color:rgba(20,129,82,.25) !important;background:#eefaf4 !important}
html body .v590-push-card[data-state="ready"] button{background:#18865a !important}
html body .v590-push-card[data-state="error"]{border-color:rgba(181,54,54,.22) !important;background:#fff5f5 !important}
html body .v590-push-card[data-state="warning"]{border-color:rgba(184,132,0,.24) !important;background:#fffaf0 !important}
@media(max-width:640px){
  html body .v590-push-card{grid-template-columns:42px minmax(0,1fr) !important;gap:9px !important;padding:11px 12px !important}
  html body .v590-push-icon{width:42px !important;height:42px !important}
  html body .v590-push-card button{grid-column:1 / -1 !important;width:100% !important}
}


/* ==========================================================
   v5.9.1 — Profil gerektirmeyen otomatik bildirim izin akışı
   ========================================================== */
html body .v590-push-card[hidden]{
  display:none !important;
}
html body .v590-push-card[data-state="ready"]{
  display:none !important;
}


/* ==========================================================
   v5.9.3 — Bildirim açık kullanıcıda profil uyarısını gizle
   ========================================================== */
html.jaecoo-push-enabled body .v590-push-card,
html body .v590-push-card[data-state="ready"]{
  display:none !important;
}
.jaecoo-admin-form label small{
  display:inline-block;
  margin-left:5px;
  color:#75858b;
  font-size:11px;
  font-weight:500;
}


/* ==========================================================
   v5.10.0 — Özetim dinamik kartları
   ========================================================== */
html body .v510-clickable-stats{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}
html body .v510-clickable-stats button{appearance:none;border:1px solid rgba(6,16,20,.08);background:#fff;border-radius:18px;padding:14px 10px;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
html body .v510-clickable-stats button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(6,16,20,.08);border-color:rgba(30,202,211,.38);}
html body .v510-clickable-stats button strong{display:block;font-size:22px;color:#061014;}
html body .v510-clickable-stats button span{display:block;margin-top:3px;font-size:12px;color:#71858c;}
html body .v510-service-level-warning .v571-ring{background:conic-gradient(#f59e0b calc(var(--p)*1%),#e8f1f3 0) !important;}
html body .v510-service-level-danger .v571-ring{background:conic-gradient(#ef4444 calc(var(--p)*1%),#fde7e7 0) !important;}
html body .v510-service-call{display:grid;grid-template-columns:34px 1fr;gap:2px 9px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:14px;background:#061014;color:#fff;text-decoration:none;}
html body .v510-service-call svg{grid-row:1/3;width:20px;height:20px;stroke:#7be3df;fill:none;}
html body .v510-service-call span{font-size:13px;font-weight:800;color:#fff;}
html body .v510-service-call small{font-size:10.5px;color:rgba(255,255,255,.65);}
html body .v510-waitlist-button{margin-top:8px;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(123,227,223,.28);background:rgba(123,227,223,.12);color:#7be3df;font-size:11px;font-weight:800;cursor:pointer;}
html body .v510-waitlist-button.is-joined{color:#baf3ef;background:rgba(123,227,223,.08);}
.jaecoo-v510-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin-top:18px;}
@media(max-width:760px){html body .v510-clickable-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.jaecoo-v510-admin-grid{grid-template-columns:1fr;}}


/* ==========================================================
   v5.11.0 — Mesajlaşma UX / online göstergesi
   ========================================================== */
html body .v569-person-avatar{position:relative !important;display:inline-block !important;overflow:visible !important;}
html body .v511-online-dot{position:absolute !important;right:-2px !important;bottom:-2px !important;width:12px !important;height:12px !important;border-radius:999px !important;border:2px solid #fff !important;background:#aeb9bd !important;box-shadow:0 1px 5px rgba(6,16,20,.18) !important;}
html body .v569-person-card.is-online .v511-online-dot{background:#20c66b !important;box-shadow:0 0 0 3px rgba(32,198,107,.13),0 1px 5px rgba(6,16,20,.18) !important;}
html body .v511-message-disabled{position:relative !important;min-height:34px !important;padding:7px 12px !important;border-radius:11px !important;border:1px solid #d9e1e4 !important;background:#edf1f2 !important;color:#9aa7ad !important;cursor:not-allowed !important;opacity:1 !important;font-size:13px !important;font-weight:650 !important;}
html body .v511-message-disabled::after{content:attr(data-v511-tooltip) !important;position:absolute !important;right:0 !important;bottom:calc(100% + 9px) !important;z-index:50 !important;width:220px !important;max-width:min(220px,72vw) !important;padding:9px 10px !important;border-radius:12px !important;background:#061014 !important;color:#fff !important;font-size:11.5px !important;font-weight:500 !important;line-height:1.4 !important;text-align:left !important;white-space:normal !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(4px) !important;transition:.18s ease !important;box-shadow:0 12px 30px rgba(6,16,20,.22) !important;}
html body .v511-message-disabled:hover::after,html body .v511-message-disabled:focus-visible::after,html body .v511-message-disabled.is-tooltip-open::after{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;}

/* ==========================================================
   v6.0.2 — Kararlı estetik ekler (mevcut turkuaz/açık tasarım korunur)
   ========================================================== */
html body .v602-inspection-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:13px!important;align-items:start!important;margin:12px 0!important;padding:15px!important;background:linear-gradient(135deg,#fff 0%,#f6fbfb 100%)!important;border:1px solid rgba(10,166,163,.13)!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(6,16,20,.06)!important}
html body .v602-inspection-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:#e8f9f8!important;color:#0a9894!important}
html body .v602-inspection-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
html body .v602-inspection-card small{display:block!important;color:#71858c!important;font-size:11px!important;font-weight:650!important}
html body .v602-inspection-card h2{margin:2px 0 4px!important;color:#061014!important;font-size:20px!important}
html body .v602-inspection-card strong{display:block!important;color:#087f7c!important;font-size:13px!important}
html body .v602-inspection-card p{margin:6px 0 0!important;color:#71858c!important;font-size:11.5px!important;line-height:1.45!important}
html body .v602-sos-fab{position:fixed!important;left:14px!important;right:auto!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;z-index:9994!important;width:54px!important;height:44px!important;border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#ef4050,#b90718)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.05em!important;box-shadow:0 14px 30px rgba(204,18,32,.32)!important;cursor:pointer!important}
html body .v602-sos-fab:active{transform:scale(.94)!important}
html body .v602-sos-modal[hidden]{display:none!important}
html body .v602-sos-modal{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;align-items:end!important;padding:10px!important}
html body .v602-sos-backdrop{position:absolute!important;inset:0!important;background:rgba(3,10,12,.58)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
html body .v602-sos-panel{position:relative!important;width:min(560px,100%)!important;margin:0 auto!important;padding:21px!important;border-radius:26px!important;background:#fff!important;color:#061014!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important}
html body .v602-sos-close{position:absolute!important;right:13px!important;top:13px!important;width:38px!important;height:38px!important;border:0!important;border-radius:13px!important;background:#edf3f4!important;color:#061014!important;font-size:25px!important}
html body .v602-sos-kicker{color:#d31c2b!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.08em!important}
html body .v602-sos-panel h2{margin:5px 0 15px!important;color:#061014!important;font-size:24px!important}
html body .v602-sos-data{display:grid!important;gap:9px!important}
html body .v602-sos-data>div{padding:13px!important;border:1px solid #e3ecee!important;border-radius:16px!important;background:#f7fafb!important}
html body .v602-sos-data small{display:block!important;color:#71858c!important;font-size:11px!important}
html body .v602-sos-data strong{display:block!important;margin-top:4px!important;color:#061014!important;font-size:16px!important}
html body .v602-sos-plate{font-size:27px!important;letter-spacing:.09em!important;word-spacing:.14em!important}
html body .v602-sos-actions{display:grid!important;gap:8px!important;margin-top:13px!important}
html body .v602-sos-actions a,html body .v602-sos-actions button{min-height:48px!important;border:0!important;border-radius:15px!important;display:grid!important;place-items:center!important;padding:0 14px!important;background:#061014!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
html body .v602-sos-actions .is-telegram{background:#229ed9!important}
html body .v602-sos-actions button{background:#eaf4f5!important;color:#061014!important}
html body [data-v602-location-status]{margin:10px 0 0!important;color:#71858c!important;font-size:11px!important;text-align:center!important}
@media(min-width:760px){html body .v602-sos-modal{align-items:center!important}html body .v602-sos-fab{bottom:24px!important}}
@media(max-width:430px){html body .v602-sos-panel{padding:18px!important;border-radius:23px!important}html body .v602-sos-plate{font-size:23px!important}}

/* ==========================================================
   v6.0.3 — Premium dashboard / SOS / puan final düzeni
   ========================================================== */
html body .v412-avatar{position:relative!important;overflow:visible!important;display:inline-block!important}
html body .v603-self-online{position:absolute!important;right:-1px!important;bottom:-1px!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#21c46b!important;border:3px solid #fff!important;box-shadow:0 0 0 3px rgba(33,196,107,.13)!important}
html body .v412-wrap[data-v580-active-panel="profile"] .v412-actions .v412-notify{display:grid!important}
html body .v603-member-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body .v603-score-card{min-width:0!important;padding:10px 12px!important;border:1px solid rgba(10,166,163,.16)!important;border-radius:15px!important;background:linear-gradient(145deg,#f6ffff,#eef9fa)!important;color:#061014!important;text-align:left!important;box-shadow:none!important}
html body .v603-score-card small{display:block!important;color:#71858c!important;font-size:11px!important;font-weight:650!important}
html body .v603-score-card strong{display:block!important;margin-top:4px!important;color:#078f8b!important;font-size:17px!important;line-height:1!important}
html body .v603-score-card em{margin-left:2px!important;color:#8ba0a6!important;font-size:10px!important;font-style:normal!important;font-weight:700!important}
html body .v412-vehicle-card{grid-template-columns:132px minmax(0,1fr)!important;min-height:142px!important}
html body .v412-vehicle-card figure{height:142px!important;min-height:142px!important}
html body .v412-vehicle-card img{width:100%!important;height:100%!important;object-fit:cover!important}
html body .v412-vehicle-info{padding:13px 14px!important;gap:10px!important}
html body .v412-vehicle-info h2{font-size:18px!important}
html body .v412-vehicle-info>div{gap:8px 12px!important}
html body .v412-calc-grid{gap:10px!important}
html body .v571-care-card{padding:14px!important;border-radius:20px!important;border:1px solid rgba(6,16,20,.075)!important;background:linear-gradient(155deg,#fff,#f7fbfc)!important;box-shadow:0 10px 28px rgba(6,16,20,.055)!important}
html body .v571-care-head{align-items:flex-start!important}
html body .v571-care-head h2{font-size:17px!important;letter-spacing:-.025em!important}
html body .v571-care-head p{font-size:11px!important;color:#71858c!important}
html body .v571-ring{--size:49px!important;background:conic-gradient(#0aa6a3 calc(var(--p)*1%),#edf3f4 0)!important}
html body .v571-ring::after{inset:5px!important}
html body .v571-ring span{font-size:11px!important}
html body .v412-result{margin-top:10px!important;padding:10px 11px!important;border-radius:14px!important;background:#f2f8f9!important}
html body .v412-result strong{font-size:15px!important}
html body .v412-result span{font-size:11px!important}
html body .v571-care-mini{margin:8px 0!important}
html body .v571-care-mini span{min-height:25px!important;padding:4px 8px!important;font-size:10.5px!important}
html body .v571-care-card>small{display:block!important;font-size:10.5px!important;line-height:1.4!important;color:#84949a!important}
html body .v510-service-call{min-height:44px!important;margin-top:9px!important;border-radius:14px!important}
html body .v571-insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body .v571-insurance-grid article{padding:12px!important;border-radius:16px!important}
html body .v571-insurance-grid span{font-size:10.5px!important}
html body .v571-insurance-grid strong{font-size:14px!important}
html body .v571-insurance-grid small{font-size:10.5px!important;line-height:1.3!important}
html body .v602-inspection-card{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;margin:9px 0!important;padding:11px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(10,166,163,.12)!important;box-shadow:0 7px 20px rgba(6,16,20,.04)!important}
html body .v602-inspection-icon{width:36px!important;height:36px!important;border-radius:12px!important}
html body .v602-inspection-icon svg{width:18px!important;height:18px!important}
html body .v602-inspection-card small{font-size:10px!important}
html body .v602-inspection-card h2{display:inline!important;margin:0 7px 0 0!important;font-size:15px!important}
html body .v602-inspection-card strong{display:inline!important;font-size:11px!important}
html body .v602-inspection-card p{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.35!important}
html body .v585-service-book-card{grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;margin:9px 0 12px!important;padding:12px 13px!important;border-radius:19px!important;background:linear-gradient(135deg,#f7ffff,#eaf9f8)!important;border:1px solid rgba(10,166,163,.18)!important;color:#061014!important;box-shadow:0 10px 26px rgba(6,84,82,.07)!important}
html body .v585-service-book-icon{width:44px!important;height:44px!important;border-radius:15px!important;background:#0aa6a3!important;color:#fff!important}
html body .v585-service-book-icon svg{width:21px!important;height:21px!important}
html body .v585-service-book-content{min-width:0!important}
html body .v585-service-soon{min-height:19px!important;padding:0 7px!important;background:#fff!important;border:1px solid rgba(10,166,163,.18)!important;color:#078f8b!important;font-size:9.5px!important}
html body .v585-service-book-content h3{margin:3px 0 2px!important;color:#061014!important;font-size:15.5px!important}
html body .v585-service-book-content p{margin:0!important;color:#63777e!important;font-size:11px!important;line-height:1.4!important}
html body .v585-service-arrow{display:none!important}
html body .v510-waitlist-button{width:auto!important;min-height:31px!important;margin-top:8px!important;padding:0 11px!important;border-radius:11px!important;border:0!important;background:#061014!important;color:#fff!important;font-size:10.5px!important;font-weight:750!important}
html body .v510-waitlist-button.is-joined{background:#dff5f3!important;color:#087f7c!important}
html body .v602-sos-fab{left:0!important;right:auto!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;width:60px!important;height:42px!important;border-radius:0 14px 14px 0!important;background:linear-gradient(180deg,#f34655,#bc101e)!important;font-size:12px!important;letter-spacing:.055em!important;box-shadow:0 8px 24px rgba(198,12,29,.32),0 0 0 1px rgba(255,255,255,.16) inset!important}
html body .v602-sos-fab span{position:relative!important}
html body .v602-sos-fab::after{content:""!important;position:absolute!important;right:8px!important;top:8px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.12)!important}
html body .v602-sos-modal{padding:14px!important;align-items:end!important}
html body .v602-sos-backdrop{background:rgba(0,7,9,.72)!important;backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px)!important}
html body .v602-sos-panel{width:min(590px,100%)!important;padding:22px!important;border-radius:28px!important;background:linear-gradient(155deg,#26090f 0%,#3b0b14 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important}
html body .v602-sos-close{right:15px!important;top:15px!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:22px!important}
html body .v602-sos-kicker{color:#ff8893!important;font-size:11px!important;font-weight:850!important}
html body .v602-sos-panel h2{margin:8px 56px 18px 0!important;color:#fff!important;font-size:25px!important;line-height:1.12!important;letter-spacing:-.035em!important}
html body .v602-sos-data{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
html body .v602-sos-data>div{padding:14px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.075)!important}
html body .v602-sos-data>div.is-wide{grid-column:1/-1!important}
html body .v602-sos-data small{color:#83939a!important;font-size:11px!important}
html body .v602-sos-data strong{margin-top:8px!important;color:#fff!important;font-size:17px!important}
html body .v602-sos-plate{font-size:22px!important;letter-spacing:.045em!important;word-spacing:.08em!important}
html body .v602-sos-actions{gap:9px!important;margin-top:15px!important}
html body .v602-sos-actions a,html body .v602-sos-actions button{min-height:50px!important;border-radius:15px!important;font-size:14px!important}
html body .v602-sos-actions a{background:#fff!important;color:#4a0b14!important}
html body .v602-sos-actions button{background:#ff4958!important;color:#fff!important}
html body [data-v602-location-status]{margin:12px 0 0!important;color:#7e8d93!important;font-size:11.5px!important;text-align:left!important}
html body .v603-score-modal[hidden]{display:none!important}
html body .v603-score-modal{position:fixed!important;inset:0!important;z-index:100050!important;display:grid!important;place-items:center!important;padding:14px!important}
html body .v603-score-backdrop{position:absolute!important;inset:0!important;background:rgba(3,10,12,.56)!important;backdrop-filter:blur(9px)!important}
html body .v603-score-panel{position:relative!important;width:min(460px,100%)!important;padding:22px!important;border-radius:24px!important;background:#fff!important;color:#061014!important;box-shadow:0 30px 80px rgba(0,0,0,.3)!important}
html body .v603-score-close{position:absolute!important;right:13px!important;top:13px!important;width:38px!important;height:38px!important;border:0!important;border-radius:13px!important;background:#eef4f5!important;color:#061014!important;font-size:22px!important}
html body .v603-score-kicker{color:#078f8b!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important}
html body .v603-score-panel h2{margin:5px 46px 8px 0!important;font-size:23px!important}
html body .v603-score-panel p{margin:0!important;color:#6e8087!important;font-size:12px!important;line-height:1.55!important}
html body .v603-score-progress{height:8px!important;margin:15px 0!important;border-radius:999px!important;background:#eaf1f2!important;overflow:hidden!important}
html body .v603-score-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#0aa6a3,#21d2ca)!important}
html body .v603-score-subtitle{display:block!important;margin-bottom:8px!important;font-size:12px!important}
html body .v603-score-panel ul{display:grid!important;gap:6px!important;margin:0!important;padding:0!important;list-style:none!important}
html body .v603-score-panel li{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:8px 10px!important;border-radius:11px!important;background:#f5f9fa!important;color:#62747b!important;font-size:11.5px!important}
html body .v603-score-panel li b{color:#078f8b!important}
html body .v603-score-complete{padding:12px!important;border-radius:13px!important;background:#e7f8f5!important;color:#087f7c!important;font-size:12px!important;font-weight:750!important}
@media(min-width:760px){html body .v602-sos-modal{align-items:center!important}html body .v602-sos-fab{bottom:24px!important}}
@media(max-width:640px){
html body .v603-member-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .v573-member-strip span,html body .v603-score-card{padding:8px!important}
html body .v573-member-strip strong{font-size:12px!important}
html body .v412-vehicle-card{grid-template-columns:108px minmax(0,1fr)!important;min-height:126px!important}
html body .v412-vehicle-card figure{height:126px!important;min-height:126px!important}
html body .v412-vehicle-info{padding:11px!important}
html body .v412-vehicle-info h2{font-size:15px!important}
html body .v412-vehicle-info span{font-size:10px!important}
html body .v412-vehicle-info span strong{font-size:11px!important}
html body .v571-insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .v602-sos-modal{padding:10px!important}
html body .v602-sos-panel{padding:20px!important;border-radius:25px!important}
html body .v602-sos-panel h2{font-size:23px!important}
}
@media(max-width:380px){html body .v603-member-strip{grid-template-columns:1fr 1fr!important}html body .v603-score-card{grid-column:1/-1!important}html body .v602-sos-data{grid-template-columns:1fr!important}html body .v602-sos-data>div.is-wide{grid-column:auto!important}}

/* ==========================================================
   v6.0.4 — Dashboard final düzeni / durum sekmeleri / yakıt topluluğu
   ========================================================== */

/* Karşılama, üyelik, seviye ve puan alanı */
html body .v604-welcome-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px 16px !important;
  align-items:start !important;
  padding:18px !important;
  overflow:hidden !important;
}
html body .v604-welcome-copy{min-width:0 !important;}
html body .v604-welcome-copy h2{
  margin:0 0 5px !important;
  font-size:clamp(22px,4.5vw,29px) !important;
  line-height:1.06 !important;
  color:#061014 !important;
  letter-spacing:-.045em !important;
}
html body .v604-welcome-copy p{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  color:#71838a !important;
}
html body .v604-member-overview{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
}
html body .v604-member-tile{
  min-width:0 !important;
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  border:1px solid rgba(7,32,38,.08) !important;
  border-radius:17px !important;
  background:linear-gradient(145deg,#fff,#f6fbfb) !important;
  color:#061014 !important;
  text-align:left !important;
  box-shadow:0 7px 18px rgba(4,17,22,.035) !important;
  overflow:hidden !important;
}
html body button.v604-member-tile{
  appearance:none !important;
  width:100% !important;
  cursor:pointer !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
html body button.v604-member-tile:active{transform:scale(.98) !important;}
html body .v604-member-icon{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:#eaf9f8 !important;
  color:#078f8b !important;
  letter-spacing:0 !important;
}
html body .v604-member-icon svg{width:18px !important;height:18px !important;stroke:currentColor !important;fill:none !important;}
html body .v604-member-tile > div{min-width:0 !important;}
html body .v604-member-tile small{
  display:block !important;
  margin:0 0 3px !important;
  color:#7a8a90 !important;
  font-size:10.5px !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
}
html body .v604-member-tile strong{
  display:block !important;
  min-width:0 !important;
  color:#061014 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  overflow-wrap:anywhere !important;
}
html body .v604-member-tile strong .v573-level-badge,
html body .v604-member-tile strong .v573-ambassador-badge{
  max-width:100% !important;
  min-width:0 !important;
  padding:5px 7px !important;
  font-size:10.5px !important;
  white-space:normal !important;
  line-height:1.1 !important;
}
html body .v604-score-tile{
  background:linear-gradient(145deg,#f2ffff,#e6f8f6) !important;
  border-color:rgba(10,166,163,.18) !important;
}
html body .v604-score-tile strong{color:#078f8b !important;font-size:18px !important;}
html body .v604-score-tile strong em{font-style:normal !important;color:#93a2a7 !important;font-size:11px !important;margin-left:2px !important;}
html body .v604-efficient-driver{
  grid-column:1 / -1 !important;
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  background:#e8f8ed !important;
  color:#188049 !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
}
html body .v604-efficient-driver svg{width:14px !important;height:14px !important;stroke:currentColor !important;fill:none !important;}
html body .v604-welcome-card .v412-inline-actions{
  position:absolute !important;
  right:18px !important;
  top:18px !important;
}
html body .v604-welcome-card{position:relative !important;}
html body .v604-welcome-card .v412-inline-actions button{
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:11px !important;
  background:#f0f6f7 !important;
  color:#496067 !important;
  font-size:10.5px !important;
  box-shadow:none !important;
}

/* Online servis randevusu kartı */
html body .v604-service-card{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:11px !important;
  padding:12px 13px !important;
}
html body .v604-service-card .v585-service-book-content{min-width:0 !important;}
html body .v604-waitlist-side{
  align-self:center !important;
  justify-self:end !important;
  width:auto !important;
  min-width:82px !important;
  max-width:110px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 11px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  font-size:10.5px !important;
  box-shadow:0 7px 18px rgba(6,16,20,.10) !important;
}

/* Araç fotoğrafı daha küçük; fotoğraf üstündeki renk etiketi kaldırıldı */
html body .v412-vehicle-card{
  grid-template-columns:112px minmax(0,1fr) !important;
  min-height:126px !important;
}
html body .v412-vehicle-card figure{
  min-height:126px !important;
  height:126px !important;
  background:#f5f8f9 !important;
}
html body .v412-vehicle-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
html body .v412-vehicle-card figcaption{display:none !important;}

/* Bakım / muayene / kasko / sigorta / garanti sekmeleri */
html body .v604-status-card{
  display:grid !important;
  gap:10px !important;
  padding:10px !important;
  border:1px solid rgba(7,32,38,.08) !important;
  border-radius:21px !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(4,17,22,.05) !important;
  overflow:hidden !important;
}
html body .v604-status-tabs{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:5px !important;
  padding:5px !important;
  border-radius:15px !important;
  background:#eef4f5 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
html body .v604-status-tabs::-webkit-scrollbar{display:none !important;}
html body .v604-status-tabs button{
  min-width:0 !important;
  min-height:36px !important;
  padding:0 7px !important;
  border:0 !important;
  border-radius:11px !important;
  background:transparent !important;
  color:#71828a !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
html body .v604-status-tabs button.is-active{
  background:#061014 !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(6,16,20,.13) !important;
}
html body .v604-status-panel{
  min-height:112px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#fbfefe,#f3f9fa) !important;
  border:1px solid rgba(7,32,38,.055) !important;
}
html body .v604-status-panel[hidden]{display:none !important;}
html body .v604-status-icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:#e6f7f6 !important;
  color:#078f8b !important;
}
html body .v604-status-icon svg{width:20px !important;height:20px !important;stroke:currentColor !important;fill:none !important;}
html body .v604-status-copy{min-width:0 !important;}
html body .v604-status-copy small{display:block !important;margin-bottom:2px !important;color:#7a8a90 !important;font-size:10px !important;font-weight:750 !important;}
html body .v604-status-copy h2{margin:0 0 3px !important;color:#061014 !important;font-size:17px !important;line-height:1.15 !important;}
html body .v604-status-copy p{margin:0 0 4px !important;color:#41555d !important;font-size:11.5px !important;font-weight:750 !important;}
html body .v604-status-copy em{display:block !important;color:#829197 !important;font-size:10px !important;line-height:1.4 !important;font-style:normal !important;}
html body .v604-status-action{
  min-width:82px !important;
  min-height:38px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border-radius:12px !important;
  background:#061014 !important;
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}
html body .v604-status-action svg{width:15px !important;height:15px !important;stroke:currentColor !important;fill:none !important;}

/* Topluluk yakıt istatistiği */
html body .v604-fuel-community{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:start !important;
  gap:12px !important;
  padding:14px !important;
}
html body .v604-fuel-main{min-width:0 !important;}
html body .v604-fuel-heading{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:12px !important;}
html body .v604-fuel-heading h2{margin:0 0 3px !important;font-size:16px !important;}
html body .v604-fuel-heading p{margin:0 !important;font-size:11px !important;color:#6c7f86 !important;}
html body .v604-fuel-heading > b{
  flex:0 0 auto !important;
  min-width:58px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:2px !important;
  padding:7px 9px !important;
  border-radius:13px !important;
  background:#e7f8f6 !important;
  color:#078f8b !important;
  font-size:20px !important;
  line-height:1 !important;
}
html body .v604-fuel-heading > b small{font-size:9px !important;color:#7a8c92 !important;}
html body .v604-fuel-comment{margin:10px 0 !important;padding:9px 10px !important;border-radius:12px !important;background:#f4f8f9 !important;color:#43575e !important;font-size:11px !important;line-height:1.4 !important;}
html body .v604-fuel-metrics{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important;}
html body .v604-fuel-metrics span{min-width:0 !important;padding:8px !important;border:1px solid rgba(7,32,38,.06) !important;border-radius:11px !important;background:#fff !important;}
html body .v604-fuel-metrics small{display:block !important;margin-bottom:3px !important;color:#829197 !important;font-size:8.5px !important;font-weight:750 !important;}
html body .v604-fuel-metrics strong{display:block !important;color:#061014 !important;font-size:10.5px !important;line-height:1.2 !important;overflow-wrap:anywhere !important;}
html body .v604-fuel-badge{display:inline-flex !important;align-items:center !important;gap:5px !important;margin-top:9px !important;padding:5px 8px !important;border-radius:999px !important;background:#e8f8ed !important;color:#188049 !important;font-size:9.5px !important;font-weight:850 !important;}
html body .v604-fuel-badge svg{width:13px !important;height:13px !important;stroke:currentColor !important;fill:none !important;}

/* Geri bildirim kartı */
html body .v604-feedback-card{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
}
html body .v604-feedback-icon{width:38px !important;height:38px !important;display:grid !important;place-items:center !important;border-radius:13px !important;background:#e8f8f7 !important;color:#078f8b !important;}
html body .v604-feedback-icon svg{width:18px !important;height:18px !important;stroke:currentColor !important;fill:none !important;}
html body .v604-feedback-card h2{margin:0 0 3px !important;}
html body .v604-feedback-card p{margin:0 !important;color:#71838a !important;font-size:11px !important;}
html body .v604-feedback-card form{grid-column:1 / -1 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;align-items:end !important;}
html body .v604-feedback-card textarea{width:100% !important;min-height:72px !important;resize:vertical !important;padding:10px 11px !important;border:1px solid #dce7e9 !important;border-radius:13px !important;background:#f9fcfc !important;color:#061014 !important;font-size:11.5px !important;outline:none !important;}
html body .v604-feedback-card textarea:focus{border-color:#18b7b2 !important;box-shadow:0 0 0 3px rgba(24,183,178,.10) !important;}
html body .v604-feedback-card button{min-height:40px !important;padding:0 14px !important;border:0 !important;border-radius:12px !important;background:#0aa6a3 !important;color:#fff !important;font-size:11px !important;font-weight:850 !important;}
html body .v604-feedback-card form > small{grid-column:1 / -1 !important;min-height:14px !important;color:#078f8b !important;font-size:10px !important;}

/* SOS: önceki bordo premium tasarım + kısa sol buton */
html body .v602-sos-fab{
  left:0 !important;
  right:auto !important;
  bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  width:76px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 10px !important;
  border-radius:0 15px 15px 0 !important;
  background:linear-gradient(180deg,#f24150,#ba0b1a) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 24px rgba(198,12,29,.34),0 0 0 1px rgba(255,255,255,.18) inset !important;
}
html body .v602-sos-fab::after{display:none !important;}
html body .v602-sos-fab svg{width:17px !important;height:17px !important;stroke:currentColor !important;fill:none !important;}
html body .v602-sos-panel{
  background:linear-gradient(155deg,#25080e 0%,#3d0a14 100%) !important;
  color:#fff !important;
}
html body .v602-sos-data>div{background:rgba(255,255,255,.075) !important;border-color:rgba(255,255,255,.16) !important;}
html body .v602-sos-data small{color:#87969b !important;}
html body .v602-sos-actions{display:grid !important;grid-template-columns:1fr !important;}
html body .v602-sos-actions a,html body .v602-sos-actions button{width:100% !important;}
html body .v602-sos-actions .v604-sos-telegram{background:#229ed9 !important;color:#fff !important;}

/* Ana ekrana ekle sonrası giriş / kayıt kartı */
html body .v604-auth-nudge[hidden]{display:none !important;}
html body .v604-auth-nudge{
  position:fixed !important;
  z-index:100020 !important;
  left:50% !important;
  bottom:calc(82px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(430px,calc(100% - 22px)) !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:21px !important;
  background:linear-gradient(145deg,#071316,#0d252a) !important;
  color:#fff !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34) !important;
}
html body .v604-auth-nudge-close{position:absolute !important;right:8px !important;top:8px !important;width:31px !important;height:31px !important;border:0 !important;border-radius:10px !important;background:rgba(255,255,255,.08) !important;color:#fff !important;font-size:19px !important;}
html body .v604-auth-nudge-icon{width:42px !important;height:42px !important;display:grid !important;place-items:center !important;border-radius:14px !important;background:rgba(31,203,197,.15) !important;color:#24c7c1 !important;}
html body .v604-auth-nudge-icon svg{width:20px !important;height:20px !important;stroke:currentColor !important;fill:none !important;}
html body .v604-auth-nudge strong{display:block !important;margin-right:30px !important;font-size:14px !important;}
html body .v604-auth-nudge p{margin:3px 24px 0 0 !important;color:rgba(255,255,255,.65) !important;font-size:10.5px !important;line-height:1.4 !important;}
html body .v604-auth-nudge>a{grid-column:1 / -1 !important;min-height:40px !important;display:grid !important;place-items:center !important;border-radius:12px !important;background:#18b7b2 !important;color:#fff !important;font-size:11.5px !important;font-weight:850 !important;text-decoration:none !important;}

/* Araç Rehberi görsellerinin arkasındaki gri zemin kaldırıldı */
html body .vehicle-card img,
html body .vehicle-card img[src$='.jpg'],
html body .vehicle-card img[src$='.jpeg'],
html body .vehicle-card img[src$='.png'],
html body .vehicle-card img[src$='.webp']{
  background:transparent !important;
  object-fit:contain !important;
  border-radius:0 !important;
}

/* Profil sekmesinde mesaj ve bildirim butonları görünür kalır */
html body .v412-wrap[data-v580-active-panel="profile"] .v412-actions .v412-notify{display:grid !important;}

@media(min-width:760px){
  html body .v602-sos-fab{bottom:24px !important;}
  html body .v604-auth-nudge{bottom:24px !important;}
}
@media(max-width:640px){
  html body .v604-welcome-card{grid-template-columns:1fr !important;padding:15px !important;}
  html body .v604-welcome-card .v412-inline-actions{right:14px !important;top:14px !important;}
  html body .v604-welcome-copy{padding-right:78px !important;}
  html body .v604-member-overview{gap:6px !important;}
  html body .v604-member-tile{grid-template-columns:28px minmax(0,1fr) !important;gap:6px !important;min-height:61px !important;padding:8px !important;border-radius:14px !important;}
  html body .v604-member-icon{width:28px !important;height:28px !important;border-radius:10px !important;}
  html body .v604-member-icon svg{width:15px !important;height:15px !important;}
  html body .v604-member-tile small{font-size:8.5px !important;}
  html body .v604-member-tile strong{font-size:10.5px !important;}
  html body .v604-score-tile strong{font-size:15px !important;}
  html body .v604-service-card{grid-template-columns:40px minmax(0,1fr) auto !important;gap:9px !important;padding:11px !important;}
  html body .v604-waitlist-side{min-width:70px !important;max-width:82px !important;padding:0 8px !important;font-size:9px !important;}
  html body .v604-status-tabs{grid-template-columns:repeat(5,74px) !important;}
  html body .v604-status-panel{grid-template-columns:38px minmax(0,1fr) !important;gap:10px !important;min-height:118px !important;}
  html body .v604-status-icon{width:38px !important;height:38px !important;}
  html body .v604-status-action{grid-column:1 / -1 !important;width:100% !important;min-height:36px !important;}
  html body .v604-fuel-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:5px !important;}
  html body .v604-feedback-card form{grid-template-columns:1fr !important;}
  html body .v604-feedback-card button{width:100% !important;}
}
@media(max-width:380px){
  html body .v604-member-overview{grid-template-columns:1fr 1fr !important;}
  html body .v604-score-tile{grid-column:1 / -1 !important;}
  html body .v604-fuel-metrics{grid-template-columns:1fr !important;}
}

/* ==========================================================
   v6.0.5 — Dashboard polish / yakıt karnesi / seviye / auth
   ========================================================== */

/* Üye seviyesi: iç içe rozet yok, tek satır ve taşmasız */
html body .v605-level-tile{
  position:relative !important;
  grid-template-columns:36px minmax(0,1fr) 24px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,#ffffff 0%,#f3fbfb 100%) !important;
  border-color:rgba(7,143,139,.12) !important;
}
html body .v605-level-icon{
  background:linear-gradient(145deg,#e9f9f7,#dff4f2) !important;
  color:#078f8b !important;
}
html body .v605-level-name{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:13px !important;
  line-height:1.15 !important;
  color:#092027 !important;
}
html body .v605-level-spark{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  background:#0b8f8a !important;
  color:#fff !important;
  font-size:11px !important;
  font-style:normal !important;
  box-shadow:0 6px 14px rgba(11,143,138,.18) !important;
}

/* Yeni yakıt karnesi */
html body .v605-fuel-card{
  position:relative !important;
  display:grid !important;
  gap:13px !important;
  padding:17px !important;
  overflow:hidden !important;
  border:1px solid rgba(6,32,38,.08) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 94% 0%,rgba(24,183,178,.12),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#f7fbfb 100%) !important;
  box-shadow:0 14px 34px rgba(5,24,30,.07) !important;
}
html body .v605-fuel-card::after{
  content:"" !important;
  position:absolute !important;
  right:-44px !important;
  bottom:-60px !important;
  width:150px !important;
  height:150px !important;
  border-radius:999px !important;
  background:rgba(24,183,178,.055) !important;
  pointer-events:none !important;
}
html body .v605-fuel-header{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:11px !important;
}
html body .v605-fuel-icon{
  width:46px !important;
  height:46px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  background:linear-gradient(145deg,#e7f9f7,#d7f1ef) !important;
  color:#078f8b !important;
}
html body .v605-fuel-icon svg{width:22px !important;height:22px !important;stroke:currentColor !important;fill:none !important;}
html body .v605-fuel-header small{
  display:block !important;
  margin-bottom:3px !important;
  color:#0b918c !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
}
html body .v605-fuel-header h2{
  margin:0 !important;
  color:#07181e !important;
  font-size:17px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
}
html body .v605-fuel-score{
  --v605-score:0;
  position:relative !important;
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at center,#fff 57%,transparent 59%),
    conic-gradient(#18b7b2 calc(var(--v605-score)*1%),#e6eeee 0) !important;
  color:#072027 !important;
}
html body .v605-fuel-score b{font-size:17px !important;line-height:1 !important;}
html body .v605-fuel-score em{font-size:8px !important;color:#7c8e94 !important;font-style:normal !important;}
html body .v605-fuel-primary{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  gap:10px !important;
  align-items:stretch !important;
}
html body .v605-fuel-primary>div,
html body .v605-fuel-primary>p{
  margin:0 !important;
  padding:12px !important;
  border:1px solid rgba(6,32,38,.065) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.78) !important;
}
html body .v605-fuel-primary small{display:block !important;color:#7a8b91 !important;font-size:9px !important;font-weight:750 !important;}
html body .v605-fuel-primary strong{display:block !important;margin-top:5px !important;color:#07181e !important;font-size:22px !important;line-height:1 !important;}
html body .v605-fuel-primary strong em{font-size:10px !important;color:#7d8e94 !important;font-style:normal !important;}
html body .v605-fuel-primary span{display:block !important;margin-top:6px !important;color:#0b918c !important;font-size:10px !important;font-weight:800 !important;}
html body .v605-fuel-primary>p{display:flex !important;align-items:center !important;color:#465c64 !important;font-size:11.5px !important;line-height:1.45 !important;}
html body .v605-fuel-comparison{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
}
html body .v605-fuel-comparison article{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  align-items:center !important;
  gap:7px !important;
  padding:9px !important;
  border:1px solid rgba(6,32,38,.065) !important;
  border-radius:14px !important;
  background:#fff !important;
}
html body .v605-fuel-comparison article>span{width:28px !important;height:28px !important;display:grid !important;place-items:center !important;border-radius:9px !important;background:#edf8f7 !important;color:#078f8b !important;}
html body .v605-fuel-comparison svg{width:14px !important;height:14px !important;stroke:currentColor !important;fill:none !important;}
html body .v605-fuel-comparison small{display:block !important;color:#7d8c91 !important;font-size:8.5px !important;font-weight:750 !important;}
html body .v605-fuel-comparison strong{display:block !important;margin-top:2px !important;color:#081a20 !important;font-size:10.5px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body .v605-efficient-badge{position:relative !important;z-index:1 !important;justify-self:start !important;display:inline-flex !important;align-items:center !important;padding:6px 10px !important;border-radius:999px !important;background:#eaf8ee !important;color:#187d49 !important;font-size:9.5px !important;font-weight:850 !important;}
html body .v605-fuel-empty{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:40px minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;padding:12px !important;border-radius:16px !important;background:#f2f8f8 !important;border:1px solid rgba(6,32,38,.06) !important;}
html body .v605-fuel-empty>span{width:40px !important;height:40px !important;display:grid !important;place-items:center !important;border-radius:13px !important;background:#fff !important;color:#0b918c !important;}
html body .v605-fuel-empty svg{width:19px !important;height:19px !important;stroke:currentColor !important;fill:none !important;}
html body .v605-fuel-empty strong{display:block !important;color:#07181e !important;font-size:12px !important;}
html body .v605-fuel-empty p{margin:3px 0 0 !important;color:#6e8087 !important;font-size:10px !important;line-height:1.4 !important;}
html body .v605-fuel-empty button{min-height:36px !important;padding:0 12px !important;border:0 !important;border-radius:11px !important;background:#07181e !important;color:#fff !important;font-size:10px !important;font-weight:800 !important;}

/* Kapatma düğmeleri: tüm modal ve panellerde tam merkez */
html body .drawer-close,
html body .search-close,
html body .v557-nearby-close,
html body .v568-notification-close,
html body .v574-a2hs-close,
html body .v602-sos-close,
html body .v603-score-close,
html body .v604-auth-nudge-close{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:500 !important;
  transform:none !important;
}
html body .drawer-close::before,
html body .search-close::before,
html body .v557-nearby-close::before,
html body .v568-notification-close::before,
html body .v574-a2hs-close::before,
html body .v602-sos-close::before,
html body .v603-score-close::before,
html body .v604-auth-nudge-close::before{
  line-height:1 !important;
}

/* Giriş/kayıt çağrısı: giriş sayfası dışında parlak, fark edilir ve sade */
html body .v604-auth-nudge{
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:11px !important;
  padding:15px !important;
  border:1px solid rgba(10,166,163,.22) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0 0,rgba(31,203,197,.18),transparent 38%),
    linear-gradient(145deg,#ffffff 0%,#eef9f8 100%) !important;
  color:#07181e !important;
  box-shadow:0 22px 58px rgba(3,23,29,.22) !important;
}
html body .v604-auth-nudge::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:18px !important;
  bottom:18px !important;
  width:4px !important;
  border-radius:0 6px 6px 0 !important;
  background:#18b7b2 !important;
}
html body .v604-auth-nudge-icon{width:48px !important;height:48px !important;border-radius:16px !important;background:#dff6f4 !important;color:#078f8b !important;}
html body .v604-auth-nudge strong{color:#07181e !important;font-size:15px !important;}
html body .v604-auth-nudge p{color:#65777e !important;font-size:10.5px !important;}
html body .v604-auth-nudge>a{background:#07181e !important;color:#fff !important;min-height:43px !important;font-size:11.5px !important;}
html body .v604-auth-nudge-close{background:#e7f0f1 !important;color:#53666d !important;}

/* Sade kayıt ekranı */
html body .v605-register-simple{gap:12px !important;}
html body .v605-register-intro{display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;gap:10px !important;align-items:center !important;padding:12px !important;border-radius:16px !important;background:#f0f8f8 !important;border:1px solid rgba(7,143,139,.08) !important;}
html body .v605-register-intro>span{width:42px !important;height:42px !important;display:grid !important;place-items:center !important;border-radius:14px !important;background:#dff4f2 !important;color:#078f8b !important;}
html body .v605-register-intro svg{width:20px !important;height:20px !important;stroke:currentColor !important;fill:none !important;}
html body .v605-register-intro h3{margin:0 0 3px !important;font-size:15px !important;color:#07181e !important;}
html body .v605-register-intro p{margin:0 !important;font-size:10.5px !important;line-height:1.4 !important;color:#6a7c83 !important;}
html body .v605-register-grid{grid-template-columns:1fr 1fr !important;}
html body .v605-consent{padding:10px 11px !important;border-radius:13px !important;background:#f7fafb !important;border:1px solid #e3ebed !important;}
html body .v605-register-foot{margin:0 !important;text-align:center !important;color:#7a8a90 !important;font-size:9.5px !important;}

@media(max-width:640px){
  html body .v605-level-tile{grid-template-columns:28px minmax(0,1fr) 20px !important;}
  html body .v605-level-name{font-size:10.5px !important;}
  html body .v605-level-spark{width:20px !important;height:20px !important;border-radius:7px !important;font-size:9px !important;}
  html body .v605-fuel-card{padding:13px !important;border-radius:19px !important;}
  html body .v605-fuel-header{grid-template-columns:40px minmax(0,1fr) 52px !important;gap:9px !important;}
  html body .v605-fuel-icon{width:40px !important;height:40px !important;border-radius:13px !important;}
  html body .v605-fuel-header h2{font-size:15px !important;}
  html body .v605-fuel-score{width:52px !important;height:52px !important;}
  html body .v605-fuel-primary{grid-template-columns:1fr !important;}
  html body .v605-fuel-comparison{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:5px !important;}
  html body .v605-fuel-comparison article{grid-template-columns:1fr !important;text-align:center !important;padding:8px 5px !important;}
  html body .v605-fuel-comparison article>span{margin:auto !important;}
  html body .v605-fuel-empty{grid-template-columns:36px minmax(0,1fr) !important;}
  html body .v605-fuel-empty button{grid-column:1 / -1 !important;width:100% !important;}
  html body .v605-register-grid{grid-template-columns:1fr !important;}
}


/* ==========================================================
   v6.0.7 — Seviye kartı sadeleştirme
   ========================================================== */
html body .v605-level-tile{
  grid-template-columns:36px minmax(0,1fr) !important;
}
html body .v605-level-spark{
  display:none !important;
}
html body .v605-level-name{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:14px !important;
  font-weight:800 !important;
}


/* v6.0.8 — Google giriş alanı e-posta formunun altında */
.jaecoo-auth-panel--login .login-divider{width:100%;margin:18px 0 14px}
.jaecoo-auth-panel--login .google-login-slot{width:100%;min-height:52px;padding:10px 12px;flex-direction:column;align-items:stretch}
.jaecoo-auth-panel--login .google-login-label{display:block;text-align:center;font-size:12px;color:var(--muted);margin-bottom:7px}
.jaecoo-auth-panel--login .google-login-button{display:flex;justify-content:center;align-items:center;min-height:36px}
.jaecoo-auth-panel--login .google-login-button>*{max-width:100%}

/* ==========================================================
   v6.0.9 — Google giriş, düzenli Profil/Garaj ve dinamik SOS
   ========================================================== */

/* Google: e-posta formundan bağımsız, panel genişliğine uyumlu */
html body .jaecoo-auth-panel{
  width:100%;
  min-width:0;
}
html body .jaecoo-auth-panel .jaecoo-auth-form{
  width:100%;
}
html body .jaecoo-auth-panel .login-divider{
  width:100%;
  margin:18px 0 14px;
}
html body .jaecoo-auth-panel .google-login-slot{
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  min-height:58px;
  padding:11px 12px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:7px;
  border:1px solid #dfe8ea;
  border-radius:15px;
  background:#fff;
}
html body .jaecoo-auth-panel .google-login-label{
  display:block;
  margin:0;
  text-align:center;
  color:#63757c;
  font-size:11px;
  font-weight:800;
}
html body .jaecoo-auth-panel .google-login-button,
html body .jaecoo-auth-panel .google-login-button > div,
html body .jaecoo-auth-panel .google-login-button > span,
html body .jaecoo-auth-panel .google-login-button iframe,
html body .jaecoo-auth-panel .google-login-button .g_id_signin{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
}
html body .jaecoo-auth-panel .google-login-button{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
}
html body .jaecoo-auth-panel .google-login-button iframe{
  display:block !important;
  margin:0 auto !important;
}

/* Kayıt onayı: tek metin, görünür seçim kutusu ve ayrı hata satırı */
html body .v605-consent{
  position:relative;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:start !important;
  gap:9px !important;
}
html body .v605-consent input[type="checkbox"]{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  display:block !important;
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:1px 0 0 !important;
  accent-color:#10a8a3;
}
html body .v605-consent > span{
  display:block !important;
  min-width:0;
  color:#42565d;
  font-size:11px;
  line-height:1.45;
}
html body .v605-consent .v567-field-error{
  display:none !important;
}
html body .v605-consent + .v567-field-error{
  margin:-5px 0 4px 2px !important;
}

/* Profil ve Garaj: konu bazlı, ferah ve mobil öncelikli düzen */
html body .v609-panel-shell{
  display:grid;
  gap:16px;
  min-width:0;
}
html body .v609-panel-hero{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(8,38,46,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(30,202,211,.14),transparent 34%),
    linear-gradient(145deg,#fff 0%,#f5fbfb 100%);
  box-shadow:0 16px 42px rgba(6,32,39,.08);
}
html body .v609-panel-hero::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-72px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(30,202,211,.055);
  pointer-events:none;
}
html body .v609-panel-hero-copy{
  position:relative;
  z-index:1;
  min-width:0;
}
html body .v609-panel-kicker{
  display:block;
  margin-bottom:5px;
  color:#07918f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
html body .v609-panel-hero-copy h2{
  margin:0;
  color:#07181e;
  font-size:clamp(21px,3vw,30px);
  line-height:1.12;
  letter-spacing:-.035em;
}
html body .v609-panel-hero-copy p{
  max-width:590px;
  margin:7px 0 0;
  color:#61757c;
  font-size:12px;
  line-height:1.5;
}
html body .v609-hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
html body .v609-hero-chips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(8,38,46,.08);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#344b53;
  font-size:10px;
  font-weight:800;
}
html body .v609-garage-photo{
  position:relative;
  z-index:1;
  width:132px;
  height:92px;
  margin:0;
  overflow:hidden;
  border-radius:18px;
  background:#eaf2f3;
  box-shadow:0 10px 28px rgba(6,31,37,.12);
}
html body .v609-garage-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
html body .v609-garage-meter{
  position:relative;
  z-index:1;
  min-width:118px;
  padding:14px;
  text-align:right;
  border:1px solid rgba(8,38,46,.07);
  border-radius:17px;
  background:rgba(255,255,255,.84);
}
html body .v609-garage-meter small,
html body .v609-garage-meter span{
  display:block;
  color:#72858b;
  font-size:9px;
  font-weight:750;
}
html body .v609-garage-meter strong{
  display:block;
  margin:3px 0 2px;
  color:#07181e;
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
}
html body .v609-profile-avatar{
  position:relative;
  z-index:1;
  width:104px;
  height:104px;
  display:block;
  overflow:hidden;
  border:4px solid #fff;
  border-radius:50%;
  background:#e9f1f2;
  box-shadow:0 12px 28px rgba(5,31,38,.15);
}
html body .v609-profile-avatar img,
html body .v609-profile-avatar .avatar{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
html body .v609-profile-score{
  --v609-score:0;
  position:relative;
  z-index:1;
  width:94px;
  height:94px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:50%;
  background:
    radial-gradient(circle,#fff 60%,transparent 62%),
    conic-gradient(#17b8b3 calc(var(--v609-score)*1%),#dfe9ea 0);
  color:#07181e;
}
html body .v609-profile-score strong{
  font-size:24px;
  line-height:1;
}
html body .v609-profile-score > span{
  font-size:9px;
  color:#72848a;
}
html body .v609-profile-score small{
  margin-top:3px;
  color:#07918f;
  font-size:8px;
  font-weight:850;
}
html body .v609-smart-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
html body .v609-smart-summary article{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:14px;
  border:1px solid rgba(8,38,46,.075);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 28px rgba(6,32,39,.05);
}
html body .v609-smart-summary article > span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#e9f8f7;
  color:#078f8b;
}
html body .v609-smart-summary svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
}
html body .v609-smart-summary small{
  display:block;
  color:#76888e;
  font-size:9px;
  font-weight:750;
}
html body .v609-smart-summary strong{
  display:block;
  margin-top:3px;
  color:#07181e;
  font-size:12px;
  line-height:1.3;
}
html body .v609-smart-summary p{
  margin:4px 0 0;
  color:#6b7e84;
  font-size:9.5px;
  line-height:1.4;
}
html body .v609-profile-missing{
  padding:14px 16px;
  border:1px solid rgba(233,171,25,.18);
  border-radius:18px;
  background:#fff9e9;
}
html body .v609-profile-missing > strong{
  display:block;
  color:#6b4b00;
  font-size:11px;
}
html body .v609-profile-missing > div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
html body .v609-profile-missing span{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#fff;
  color:#7a5908;
  font-size:9px;
  font-weight:800;
}
html body .v609-organized-form{
  display:grid !important;
  gap:14px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body .v609-form-section{
  display:grid;
  gap:13px;
  padding:18px;
  border:1px solid rgba(8,38,46,.075);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 32px rgba(6,32,39,.05);
}
html body .v609-form-section > header{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding-bottom:12px;
  border-bottom:1px solid #edf2f3;
}
html body .v609-form-section > header > span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#e9f8f7;
  color:#078f8b;
}
html body .v609-form-section > header svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
}
html body .v609-form-section > header h3{
  margin:0;
  color:#07181e;
  font-size:15px;
}
html body .v609-form-section > header p{
  margin:3px 0 0;
  color:#73858b;
  font-size:10px;
  line-height:1.35;
}
html body .v609-form-section label{
  min-width:0;
}
html body .v609-form-section label > small{
  display:block;
  margin:3px 0 7px;
  color:#819197;
  font-size:8.5px;
  line-height:1.35;
}
html body .v609-form-section input[readonly]{
  background:#f1f5f6 !important;
  color:#72838a !important;
  cursor:not-allowed;
}
html body .v609-upload-field{
  padding:12px;
  border:1px dashed #b9cccf;
  border-radius:14px;
  background:#f8fbfb;
}
html body .v609-fieldset{
  padding:13px !important;
  border:1px solid #e0eaec !important;
  border-radius:15px !important;
  background:#fafcfc !important;
}
html body .v609-profile-photo-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:12px;
  border-radius:16px;
  background:#f7fafb;
}
html body .v609-profile-photo-row > span{
  width:72px;
  height:72px;
  display:block;
  overflow:hidden;
  border-radius:50%;
  background:#e8f0f1;
}
html body .v609-profile-photo-row img,
html body .v609-profile-photo-row .avatar{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  border-radius:50%;
}
html body .v609-preference-grid{
  display:grid;
  gap:9px;
}
html body .v609-preference-grid .jaecoo-check{
  min-height:48px;
  padding:11px 12px;
  border:1px solid #e2eaec;
  border-radius:14px;
  background:#f8fbfb;
}
html body .v609-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 17px;
  border:1px solid rgba(8,38,46,.08);
  border-radius:18px;
  background:#07181e;
}
html body .v609-form-footer p{
  max-width:560px;
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:10px;
  line-height:1.4;
}
html body .v609-form-footer .v412-submit{
  width:auto !important;
  min-width:190px;
  margin:0 !important;
  background:#1ecad3 !important;
  color:#041215 !important;
}
html body .v609-account-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
html body .v609-account-tools article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:14px;
  border:1px solid rgba(8,38,46,.075);
  border-radius:18px;
  background:#fff;
}
html body .v609-account-tools article > span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf8f7;
  color:#078f8b;
}
html body .v609-account-tools svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  fill:none;
}
html body .v609-account-tools strong{
  display:block;
  color:#07181e;
  font-size:11px;
}
html body .v609-account-tools p{
  margin:3px 0 0;
  color:#74868c;
  font-size:9px;
}
html body .v609-account-tools a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 11px;
  border-radius:10px;
  background:#07181e;
  color:#fff;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}
html body .v609-blocked-card{
  margin:0 !important;
  border-radius:18px !important;
}
html body .v609-danger-zone{
  overflow:hidden;
  border:1px solid #f2d6d8;
  border-radius:16px;
  background:#fffafa;
}
html body .v609-danger-zone summary{
  padding:13px 15px;
  color:#9d2430;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
html body .v609-danger-zone .v412-delete{
  margin:0 !important;
  border:0 !important;
  border-top:1px solid #f3dfe1 !important;
  border-radius:0 !important;
}

/* Dinamik SOS: telefon yerine radar/sinyal ikonu */
html body .v602-sos-fab{
  position:fixed !important;
  left:14px !important;
  right:auto !important;
  bottom:calc(88px + env(safe-area-inset-bottom)) !important;
  z-index:9994 !important;
  width:66px !important;
  height:66px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  overflow:visible !important;
  isolation:isolate !important;
  border:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 28%,#ff6d78 0%,#e31e31 42%,#a90015 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(191,10,30,.38),0 0 0 1px rgba(255,255,255,.18) inset !important;
  cursor:pointer !important;
}
html body .v602-sos-fab::before,
html body .v602-sos-fab::after{
  display:none !important;
  content:none !important;
}
html body .v602-sos-fab .v609-sos-ring{
  position:absolute !important;
  inset:-1px !important;
  z-index:-1 !important;
  display:block !important;
  border:2px solid rgba(227,30,49,.62) !important;
  border-radius:50% !important;
  pointer-events:none !important;
  animation:v609-sos-signal 2.15s cubic-bezier(.2,.68,.35,1) infinite !important;
}
html body .v602-sos-fab .v609-sos-ring--two{
  animation-delay:1.05s !important;
}
html body .v602-sos-fab .v609-sos-core{
  position:absolute !important;
  top:10px !important;
  left:50% !important;
  width:31px !important;
  height:31px !important;
  display:grid !important;
  place-items:center !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.14) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset !important;
}
html body .v602-sos-fab .v609-sos-core svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
}
html body .v602-sos-fab .v609-sos-label{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:9px !important;
  display:block !important;
  color:#fff !important;
  text-align:center !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
}
html body .v602-sos-fab:active{
  transform:scale(.94) !important;
}
@keyframes v609-sos-signal{
  0%{opacity:.7;transform:scale(.82)}
  70%,100%{opacity:0;transform:scale(1.62)}
}

/* Yüzen giriş kartı tüm tarayıcılarda aynı şekilde görünür */
html body .v604-auth-nudge:not([hidden]){
  display:grid !important;
}

@media(min-width:760px){
  html body .v602-sos-fab{bottom:24px !important;}
}
@media(max-width:760px){
  html body .v609-panel-hero{
    grid-template-columns:76px minmax(0,1fr);
    gap:12px;
    padding:15px;
    border-radius:20px;
  }
  html body .v609-garage-photo{
    width:76px;
    height:76px;
    border-radius:16px;
  }
  html body .v609-profile-avatar{
    width:76px;
    height:76px;
    border-width:3px;
  }
  html body .v609-garage-meter,
  html body .v609-profile-score{
    grid-column:1 / -1;
    width:100%;
    height:auto;
    min-height:58px;
    border-radius:16px;
  }
  html body .v609-garage-meter{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:end;
    gap:4px;
    text-align:left;
  }
  html body .v609-garage-meter strong{font-size:21px;}
  html body .v609-profile-score{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:3px;
    background:linear-gradient(135deg,#e9f8f7,#fff);
    border:1px solid rgba(8,38,46,.07);
  }
  html body .v609-profile-score small{margin-left:8px;}
  html body .v609-smart-summary{
    grid-template-columns:1fr;
  }
  html body .v609-form-section{
    padding:15px;
    border-radius:18px;
  }
  html body .v609-form-footer{
    display:grid;
  }
  html body .v609-form-footer .v412-submit{
    width:100% !important;
    min-width:0;
  }
  html body .v609-account-tools{
    grid-template-columns:1fr;
  }
  html body .v609-account-tools article{
    grid-template-columns:42px minmax(0,1fr);
  }
  html body .v609-account-tools article a{
    grid-column:1 / -1;
    width:100%;
  }
}
@media(max-width:480px){
  html body .v609-panel-hero-copy h2{font-size:19px;}
  html body .v609-hero-chips{gap:5px;}
  html body .v609-hero-chips span{font-size:8.5px;padding:4px 7px;}
  html body .v609-profile-photo-row{grid-template-columns:58px minmax(0,1fr);}
  html body .v609-profile-photo-row > span{width:58px;height:58px;}
  html body .v602-sos-fab{left:12px !important;width:62px !important;height:62px !important;}
}
@media(prefers-reduced-motion:reduce){
  html body .v602-sos-fab .v609-sos-ring{animation:none !important;opacity:.28 !important;transform:scale(1.18) !important;}
}


/* ==========================================================
   v6.1.0 — Hedefli kullanıcı deneyimi düzenlemeleri
   ========================================================== */

/* SOS: simgesiz, biraz daha küçük ve sinyal halkaları korunmuş görünüm */
html body .v602-sos-fab{
  width:58px !important;
  height:58px !important;
}
html body .v602-sos-fab .v609-sos-core{display:none !important;}
html body .v602-sos-fab .v609-sos-label{
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:11px !important;
  letter-spacing:.105em !important;
}
@media(max-width:480px){html body .v602-sos-fab{width:56px !important;height:56px !important;}}

/* Garaj poliçeleri tüm ekranlarda yan yana ve kompakt */
html body .v610-policy-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
html body .v610-policy-grid label{min-width:0 !important;}
html body .v610-policy-grid input[type="date"]{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:480px){
  html body .v610-policy-grid{gap:7px !important;}
  html body .v610-policy-grid label{font-size:9.5px !important;}
  html body .v610-policy-grid input[type="date"]{padding-left:8px !important;padding-right:5px !important;font-size:11px !important;}
}

/* Profil puanı: kaymayan, düzenli kart */
html body .v609-profile-score{
  width:112px !important;
  height:84px !important;
  min-width:112px !important;
  display:grid !important;
  place-content:center !important;
  gap:5px !important;
  padding:12px 14px !important;
  overflow:hidden !important;
  border:1px solid rgba(8,38,46,.08) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fff,#edfafa) !important;
  box-shadow:0 10px 26px rgba(6,32,39,.07) !important;
}
html body .v609-profile-score::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:auto !important;
  bottom:0 !important;
  width:calc(var(--v609-score)*1%) !important;
  height:4px !important;
  background:#18b7b2 !important;
}
html body .v610-profile-score-value{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:3px !important;
  line-height:1 !important;
}
html body .v610-profile-score-value strong{font-size:25px !important;line-height:1 !important;}
html body .v610-profile-score-value span{font-size:10px !important;color:#72848a !important;}
html body .v609-profile-score small{margin:0 !important;font-size:9px !important;}
@media(max-width:760px){
  html body .v609-profile-score{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    height:64px !important;
    min-height:64px !important;
    grid-template-columns:auto 1fr !important;
    place-content:center !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:10px !important;
  }
  html body .v609-profile-score small{font-size:10px !important;text-align:left !important;}
}

/* Sonraki adımlar ve devam kartları alt alta */
html body .v609-profile-missing > div{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}
html body .v609-profile-missing span{
  width:100% !important;
  box-sizing:border-box !important;
  justify-content:flex-start !important;
}
html body .v609-account-tools{grid-template-columns:1fr !important;}

/* Giriş / kayıt / Google butonları form genişliğinde */
html body .jaecoo-auth-panel .jaecoo-auth-form .v412-submit,
html body .jaecoo-auth-panel .google-login-slot,
html body .jaecoo-auth-panel .google-login-button,
html body .jaecoo-auth-panel .google-login-button > div,
html body .jaecoo-auth-panel .google-login-button > span,
html body .jaecoo-auth-panel .google-login-button iframe,
html body .jaecoo-auth-panel .google-login-button .g_id_signin,
html body .jaecoo-auth-panel .google-login-button .S9gUrf-YoZ4jf{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
html body .jaecoo-auth-panel .jaecoo-auth-form .v412-submit{min-height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;}

/* Varsayılan araç görseli: siyah zemin üzerinde kurumsal JAECOO işareti */
html body .v412-vehicle-card figure.is-default-jaecoo-logo,
html body .v609-garage-photo.is-default-jaecoo-logo{
  background:#000 !important;
}
html body .v412-vehicle-card figure.is-default-jaecoo-logo img,
html body .v609-garage-photo.is-default-jaecoo-logo img{
  object-fit:contain !important;
  box-sizing:border-box !important;
  padding:9px !important;
  background:#000 !important;
  filter:contrast(1.3) brightness(.82) !important;
}

/* İlk araç bilgisi: kapatılabilir yüzer teşvik kartı */
html body .v610-vehicle-nudge[hidden]{display:none !important;}
html body .v610-vehicle-nudge{
  position:fixed !important;
  z-index:100030 !important;
  right:22px !important;
  bottom:24px !important;
  width:min(390px,calc(100% - 24px)) !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  gap:11px !important;
  align-items:center !important;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#071316,#0d252a) !important;
  color:#fff !important;
  box-shadow:0 24px 70px rgba(0,0,0,.35) !important;
}
html body .v610-vehicle-nudge-icon{
  width:46px !important;
  height:46px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  background:rgba(30,202,211,.16) !important;
  color:#2bd4d0 !important;
}
html body .v610-vehicle-nudge-icon svg{width:23px !important;height:23px !important;stroke:currentColor !important;fill:none !important;}
html body .v610-vehicle-nudge strong{display:block !important;margin-right:28px !important;color:#fff !important;font-size:14px !important;}
html body .v610-vehicle-nudge p{margin:4px 20px 0 0 !important;color:rgba(255,255,255,.67) !important;font-size:10.5px !important;line-height:1.45 !important;}
html body .v610-vehicle-nudge-close{
  position:absolute !important;
  right:9px !important;
  top:9px !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  font-size:19px !important;
}
html body .v610-vehicle-nudge-action{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:43px !important;
  border:0 !important;
  border-radius:13px !important;
  background:#1ecad3 !important;
  color:#031214 !important;
  font-size:11.5px !important;
  font-weight:900 !important;
}
@media(max-width:760px){
  html body .v610-vehicle-nudge{right:12px !important;bottom:calc(82px + env(safe-area-inset-bottom)) !important;}
}

/* Google giriş/kayıt işlem geçiş ekranı */
html body .v610-google-transition{
  min-height:calc(100vh - 80px) !important;
  min-height:calc(100svh - 80px) !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  background:radial-gradient(circle at 50% 35%,rgba(30,202,211,.14),transparent 34%),#f6f9fa !important;
}
html body .v610-google-transition-card{
  width:min(470px,100%) !important;
  padding:34px 28px !important;
  text-align:center !important;
  border:1px solid rgba(8,38,46,.08) !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 26px 80px rgba(6,32,39,.12) !important;
}
html body .v610-google-transition-mark{
  position:relative !important;
  width:76px !important;
  height:76px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 20px !important;
  border-radius:24px !important;
  background:#07181e !important;
  color:#fff !important;
}
html body .v610-google-transition-mark b{position:relative !important;z-index:2 !important;font-size:32px !important;font-weight:950 !important;}
html body .v610-google-transition-mark i{position:absolute !important;inset:-1px !important;border:2px solid rgba(30,202,211,.45) !important;border-radius:25px !important;animation:v610-google-pulse 1.8s ease-out infinite !important;}
html body .v610-google-transition-mark i:nth-child(2){animation-delay:.8s !important;}
html body .v610-google-transition-kicker{color:#0c9894 !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.14em !important;}
html body .v610-google-transition h1{margin:8px 0 8px !important;color:#07181e !important;font-size:clamp(22px,5vw,31px) !important;line-height:1.15 !important;letter-spacing:-.035em !important;}
html body .v610-google-transition p{margin:0 !important;color:#6a7c82 !important;font-size:12px !important;}
html body .v610-google-transition-progress{height:5px !important;margin-top:24px !important;overflow:hidden !important;border-radius:999px !important;background:#e7eff0 !important;}
html body .v610-google-transition-progress span{display:block !important;width:0;height:100% !important;border-radius:inherit !important;background:#1ecad3 !important;animation:v610-google-progress 2.1s ease forwards !important;}
@keyframes v610-google-pulse{0%{opacity:.65;transform:scale(.86)}100%{opacity:0;transform:scale(1.5)}}
@keyframes v610-google-progress{to{width:100%}}
@media(prefers-reduced-motion:reduce){
  html body .v610-google-transition-mark i{animation:none !important;opacity:.25 !important;transform:scale(1.15) !important;}
  html body .v610-google-transition-progress span{animation-duration:.01ms !important;width:100% !important;}
}


/* ==========================================================
   v6.1.4 - Kapalı PWA / mesaj / bildirim katmanları güvenliği
   Eski cache veya kısmi CSS yüklenmesinde modal içeriğinin
   normal sayfa akışına düşmesini engeller.
   ========================================================== */
html body .v574-a2hs[hidden],
html body .v604-auth-nudge[hidden],
html body .v610-vehicle-nudge[hidden]{
  display:none !important;
}
html body .v578-global-modal[aria-hidden="true"],
html body .v557-nearby-modal[aria-hidden="true"],
html body .v568-notification-modal[aria-hidden="true"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html body .v578-global-modal.is-open[aria-hidden="false"],
html body .v557-nearby-modal.is-open[aria-hidden="false"],
html body .v568-notification-modal.is-open[aria-hidden="false"]{
  visibility:visible !important;
  pointer-events:auto !important;
}

/* ==========================================================
   v6.1.6 — Yönetilebilir blog kartları ve üye durumları
   ========================================================== */
.post-card.post-card--managed{min-height:0!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(10,42,46,.09)!important;overflow:hidden!important;box-shadow:0 12px 32px rgba(9,31,35,.08)!important}
.post-card.post-card--managed>a{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;padding:0!important;background:none!important;color:#10191b!important;transform:none!important;text-decoration:none!important}
.post-card.post-card--managed:hover>a{transform:none!important}
.post-card--managed .post-card-visual{position:relative;display:block;min-height:190px;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.1)),var(--card-image) center/cover no-repeat;overflow:hidden}
.post-card--managed .post-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,10,.05),rgba(2,9,10,.55));pointer-events:none}
.post-card--managed .post-card-overlay{position:absolute;z-index:2;left:14px;right:14px;display:block;max-height:48%;padding:11px 13px;border-radius:14px;background:rgba(7,18,20,.66);color:#fff;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow:hidden}
.post-card--managed .post-card-overlay--top{top:14px}
.post-card--managed .post-card-overlay--bottom{bottom:14px}
.post-card--managed .post-card-overlay h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 5px!important;color:#fff!important;font-size:17px!important;line-height:1.18!important}
.post-card--managed .post-card-overlay p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:min(var(--j616-lines,2),3);overflow:hidden;margin:0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.42}
.post-card--managed .post-card-below{display:block;min-height:74px;padding:15px 16px 17px;background:#fff}
.post-card--managed .post-card-below h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 7px!important;color:#10191b!important;font-size:17px!important;line-height:1.2!important}
.post-card--managed .post-card-below p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--j616-lines,2);overflow:hidden;margin:0;color:#6f7d80;font-size:12px;line-height:1.5}
.post-card--managed.is-image-only .post-card-visual{min-height:190px}
.reader-path-card--dynamic a span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0}

.v616-owner-cta{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;margin:14px 0;padding:18px;border:1px solid rgba(30,202,211,.28);border-radius:20px;background:linear-gradient(135deg,#f7ffff,#edfafa);box-shadow:0 12px 30px rgba(11,67,72,.08)}
.v616-owner-cta.is-staff{border-color:rgba(244,196,48,.38);background:linear-gradient(135deg,#fffdf5,#fff8dc)}
.v616-owner-cta-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#1ecad3;color:#071012}
.v616-owner-cta.is-staff .v616-owner-cta-icon{background:#f4c430}
.v616-owner-cta-icon svg{width:27px;height:27px}
.v616-owner-cta small{display:block;margin-bottom:3px;color:#07878e;font-size:10px;font-weight:900;letter-spacing:.13em}
.v616-owner-cta h3{margin:0 0 4px;color:#10191b;font-size:20px;letter-spacing:-.03em}
.v616-owner-cta p{margin:0;color:#647376;font-size:12px;line-height:1.5}
.v616-owner-cta button{min-height:44px;padding:0 16px;border:0;border-radius:13px;background:#10191b;color:#fff;font-weight:850;cursor:pointer}
.v616-vehicle-limited-card{position:relative;opacity:.43;filter:saturate(.45);pointer-events:none;user-select:none}
.v616-garage-form.is-special-model [data-v616-vehicle-dependent]{opacity:.34;filter:saturate(.4);pointer-events:none;transition:opacity .2s ease}
.v616-garage-form.is-special-model .v609-form-footer p:before{content:"Araç bilgilerini etkinleştirmek için gerçek aracını seç. ";font-weight:800;color:#087e85}
.v616-vehicle-consent{margin:16px 0;padding:18px;border:1px solid #dce9ea;border-radius:18px;background:#f8fbfb}
.v616-vehicle-consent header{display:flex;gap:12px;margin-bottom:13px}
.v616-vehicle-consent header>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#e7fafb;color:#078d94}
.v616-vehicle-consent h3{margin:0 0 4px;font-size:17px}
.v616-vehicle-consent p{margin:0;color:#718083;font-size:12px;line-height:1.5}
.v616-vehicle-consent .jaecoo-check{margin-top:9px;background:#fff;border:1px solid #e1eaea;border-radius:13px;padding:12px}
.v616-consent-record{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px;border:1px solid #cde9da;border-radius:15px;background:#f2fff7;color:#175f3b}
.v616-consent-record>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#dff7e9}
.v616-consent-record strong,.v616-consent-record small{display:block}.v616-consent-record small{margin-top:2px;color:#547064}
.v616-staff-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:999px;background:#fff3cc;color:#735200;font-size:11px;font-weight:850}
.v616-staff-badge svg{width:15px;height:15px}
@media(max-width:760px){.post-card--managed .post-card-visual{min-height:182px}.v616-owner-cta{grid-template-columns:46px 1fr;gap:12px;padding:15px}.v616-owner-cta-icon{width:46px;height:46px;border-radius:14px}.v616-owner-cta button{grid-column:1/-1;width:100%}.v616-owner-cta h3{font-size:18px}}