/* Ortak firma deneyimi: rahat okuma, sabit kart düzeni, içeriksiz paket özeti. */
:root { --brand:#174b52; --brand-dark:#10373c; --brand-soft:#eaf4f2; --ink:#172c32; --muted:#687a7d; --radius:20px; }
html { height:auto; overflow-y:auto; }
body, body.is-company-site { display:block; height:auto; min-height:100vh; overflow:visible; background:#f4f5f1; }
.public-topbar,.is-company-site .public-topbar { position:relative; background:#122d33; box-shadow:none; }
.is-company-site .public-topbar::after { display:none; }
.public-topbar-inner,.is-company-site .public-topbar-inner { width:min(1120px,calc(100% - 40px)); min-height:82px; }
.public-brand img,.is-company-site .public-brand img { width:50px;height:50px;padding:5px;background:white;border-radius:12px; }
.public-brand b { font-size:18px; }
.public-firm-phone { color:#fff; text-decoration:none; }
.public-company-profile { background:#fff;border-bottom:1px solid #e1e7e2;box-shadow:none; }
.public-company-profile-inner { width:min(1120px,calc(100% - 40px));padding:16px 0;gap:20px; }
.public-company-profile-copy>img { display:none; }
.public-company-profile-copy small { color:#52756d;font-size:10px; }
.public-company-profile-copy strong { font-size:13px;white-space:normal;line-height:1.5; }
.public-company-profile-copy span { font-size:11px;white-space:normal;line-height:1.5; }
.public-company-profile-actions a { padding:8px 12px;border-radius:10px;box-shadow:none; }
.public-company-profile-actions a>b { background:#edf4f1;color:#174b52; }
.public-company-profile-actions a>span {font-size:12px;}.public-company-profile-actions a small {font-size:10px;}
.public-shell,.is-company-site:not(.is-karpar-site) .public-shell { width:min(1040px,calc(100% - 40px));height:auto;overflow:visible;margin:0 auto 48px;padding-top:0;display:block; }
.quote-welcome { padding:44px 0 30px;max-width:790px; }
body[data-current-step="2"] .quote-welcome,body[data-current-step="3"] .quote-welcome {display:none;}
body[data-current-step="2"] .public-shell,body[data-current-step="3"] .public-shell {padding-top:24px;}
.quote-welcome>span { color:#5d7973;letter-spacing:.14em;font-size:11px;font-weight:750; }
.quote-welcome h1 { margin:15px 0;font-size:clamp(30px,4.5vw,48px);line-height:1.15;letter-spacing:-.045em;color:#16383e; }
.quote-welcome h1 em { color:#73857b;font-style:normal;font-weight:500; }
.quote-welcome p { max-width:600px;color:#647675;line-height:1.7;font-size:15px; }
.quote-welcome>div { display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;color:#48635e;font-size:11px;font-weight:650; }
.public-steps { position:static;top:auto;box-shadow:none;border:1px solid #dce4de;border-radius:14px;margin-bottom:20px;padding:6px;background:#fff; }
.public-steps button { min-height:60px;border-radius:10px; }.public-steps button.is-active { background:#174b52;box-shadow:none; }.public-steps button small {display:block;font-size:11px;}.public-steps button strong {font-size:14px;}
.public-card,.public-panel { height:auto;max-height:none;overflow:visible;border:1px solid #dce4de;border-radius:20px;background:#fff;box-shadow:0 8px 26px #17382f06; }
.public-panel.is-active { display:block; }
.panel-heading { padding:26px 30px 20px;background:transparent;border-bottom:1px solid #eef1ec; }.panel-heading h2 {font-size:25px;letter-spacing:-.025em;}.panel-heading p {font-size:13px;line-height:1.6;}.panel-heading>div>span {font-size:10px;color:#587b72;}
.plate-lookup { height:auto;min-height:250px;max-height:none;display:flex;align-items:center;justify-content:center;gap:36px;padding:36px;background:#fff; }
.plate-entry {max-width:400px;width:100%;}.plate-entry-label {font-size:11px;color:#5d7475;letter-spacing:.12em;}.turkish-plate {height:76px;min-height:76px;box-shadow:none;border:2px solid #cbd6d2;border-radius:12px;}.turkish-plate input {font-size:30px;}.plate-hint {font-size:12px;}
.plate-actions {width:230px;flex-shrink:0;}.plate-actions>button {width:100%;min-height:48px;border-radius:10px;font-size:14px;box-shadow:none;}.plate-actions #vehicle-lookup-button {background:#174b52;}.plate-manual-button {margin-top:10px;}
.maintenance-selection {height:auto;max-height:none;overflow:visible;display:block;padding:24px;}.maintenance-heading {padding:22px 0 18px;}.maintenance-heading h3 {font-size:23px;}.maintenance-heading p {font-size:13px;line-height:1.6;}.maintenance-heading>span {font-size:10px;color:#52796f;}
.maintenance-status {padding:16px 20px;border:1px solid #c9ded3;border-left:4px solid #327f6a;background:#eaf3ed;border-radius:12px;margin-bottom:18px;color:#254d40;font-size:14px;line-height:1.6;}
.maintenance-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;overflow:visible;max-height:none;}
.maintenance-options button {position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-height:210px;height:auto;padding:20px;text-align:left;border:1px solid #dfe6df;border-radius:14px;background:#fcfdfb;color:#183b40;box-shadow:none;transition:border-color .15s,background .15s;}
.maintenance-options button:hover {transform:none;border-color:#66978b;background:#f2f8f3;box-shadow:none;}.maintenance-options button.is-recommended,.maintenance-options button.is-selected {border:2px solid #2d8066;background:#edf6ef;box-shadow:none;animation:none;}
.maintenance-options .package-card-top {display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em;color:#637a70;font-weight:750;}.package-card-top i {font-style:normal;font-size:20px;}.maintenance-options .package-card-period {font-size:22px;line-height:1.25;font-weight:750;white-space:normal;}.maintenance-options .package-card-model {font-size:12px;color:#768780;font-weight:500;}.maintenance-options button>b {font-size:22px;color:#163e38;}.maintenance-options .maintenance-price {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.maintenance-price b {font-size:22px;}.maintenance-price del {font-size:12px;}.maintenance-options .maintenance-fya {font-size:9px;color:#47786c;}.maintenance-options .package-card-action {display:flex;justify-content:space-between;border-top:1px solid #dbe7dc;padding-top:12px;margin-top:auto;color:#285d50;font-size:12px;font-weight:700;}.package-card-action i {font-style:normal;}
.maintenance-pager {margin-top:18px;justify-content:center;gap:18px;}.maintenance-pager button {min-width:44px;min-height:44px;background:#eff5ef;color:#184b43;border-radius:10px;}
.maintenance-options button.has-age-discount {padding:20px;border-color:#dfe6df;background:#fcfdfb;}
.maintenance-options button.is-selected,.maintenance-options button.is-recommended {color:#183b40;transform:none;border-color:#2d8066;background:#edf6ef;}
.maintenance-options button .maintenance-price {justify-content:flex-start;text-align:left;margin:0;}
.maintenance-options button .maintenance-price b,.maintenance-options button.is-selected b {color:#163e38;font-size:22px;}
.maintenance-options button .maintenance-price del,.maintenance-options button.is-selected .maintenance-price del {color:#74847a;font-size:12px;}
.maintenance-options button .maintenance-fya,.maintenance-options button.is-selected .maintenance-fya {position:static;align-self:flex-start;background:#edf1e8;color:#54715e;padding:3px 6px;border-radius:5px;font-size:9px;}
.selected-package {position:static;margin:16px;padding:14px;border:1px solid #d7e6db;background:#f2f7f0;box-shadow:none;}
.detected-vehicle-card {border-radius:14px;background:#f6f8f4;border:1px solid #e2e8df;box-shadow:none;}.detected-vehicle-card h3 {font-size:22px;}
.vehicle-form,.contact-form {padding:24px;gap:18px;}.vehicle-form select,.contact-form input {min-height:48px;font-size:16px;border-radius:10px;border-color:#d5dfd7;}.contact-form label>span {font-size:12px;}.consent {line-height:1.6;}.consent input {min-height:0;}
.extras-list {height:auto;max-height:none;overflow:visible;padding:20px;gap:12px;}.extra-card {padding:14px;border-radius:12px;min-height:76px;}.extra-card b {font-size:14px;}.extras-tabs {padding:20px;gap:8px;}.extras-tabs button {min-height:48px;}.extras-tabs button>span {font-size:12px;}.extras-meta {padding:16px 24px;}.public-accessory-search {margin:0 20px;}.public-accessory-search input {font-size:16px;min-height:44px;}
.panel-actions {position:static;padding:20px 24px;border-top:1px solid #e4eae1;background:#fafcf8;gap:12px;}.panel-actions button {min-height:48px;border-radius:10px;font-size:14px;}.primary,.panel-actions .primary {background:#174b52;box-shadow:none;}.secondary {background:#edf3ef;color:#315d50;}.quote-preview {padding:24px;gap:20px;}.preview-total strong {font-size:30px;}.preview-vehicle b {font-size:20px;}.preview-vehicle em {font-size:14px;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid #d99b3b;outline-offset:3px;}
@media(max-width:700px){
 .public-topbar-inner,.is-company-site .public-topbar-inner,.public-company-profile-inner {width:calc(100% - 28px);}.public-shell,.is-company-site:not(.is-karpar-site) .public-shell {width:calc(100% - 24px);}
 .public-company-profile-inner {flex-wrap:wrap;gap:12px;}.public-company-profile-actions {width:100%;}.public-company-profile-actions a {flex:1;min-width:0;}.public-company-profile-actions a small {display:none;}.public-brand b {font-size:15px;}.public-firm-phone b {font-size:12px;}
 .quote-welcome {padding:28px 8px 22px;}.quote-welcome p {font-size:14px;}.quote-welcome>div {gap:10px;font-size:10px;}.public-steps button {gap:5px;min-height:55px;}.public-steps button strong {font-size:12px;}.public-steps button small {font-size:9px;}.public-steps button>b {width:23px;height:23px;flex-basis:23px;}
 .panel-heading {padding:22px 20px 16px;}.panel-heading h2 {font-size:23px;}.plate-lookup {flex-direction:column;padding:26px 20px;gap:22px;}.plate-actions {width:100%;max-width:400px;}.maintenance-selection {padding:16px;}.maintenance-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.maintenance-options button {padding:14px;min-height:200px;}.maintenance-options .package-card-period {font-size:19px;}.maintenance-options .package-card-top {font-size:8px;letter-spacing:0;}.maintenance-options button>b,.maintenance-price b {font-size:19px;}.maintenance-status {font-size:13px;padding:14px;}.quote-preview {padding:16px;}.preview-total strong {font-size:25px;}.contact-form {padding:16px;}
}

/* Başlangıç ekranı müşteriye kendi teklifini oluşturacağını açıkça anlatır. */
.public-quote-intro {
  position:relative;
  width:min(700px,100%);
  margin:0 auto 18px;
  padding:18px 22px 17px;
  overflow:hidden;
  border:1px solid #d9e7e8;
  border-radius:16px;
  background:linear-gradient(115deg,#fff 0%,#f1f8f8 100%);
  box-shadow:0 7px 20px rgba(24,73,82,.055);
}
.public-quote-intro::after {
  position:absolute;
  top:-48px;
  right:-20px;
  width:150px;
  height:150px;
  border:1px solid rgba(24,91,98,.09);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 18px rgba(24,91,98,.025),0 0 0 38px rgba(24,91,98,.02);
  pointer-events:none;
}
.public-quote-kicker {color:#39747a;font-size:8px;font-weight:850;letter-spacing:.16em;}
.public-quote-intro h2 {position:relative;z-index:1;margin:6px 0 4px;color:#203e4b;font-size:clamp(20px,3vw,27px);font-weight:750;letter-spacing:-.04em;line-height:1.2;}
.public-quote-intro h2 em {color:#24727a;font-style:normal;}
.public-quote-intro p {position:relative;z-index:1;max-width:590px;margin:0;color:#6f8089;font-size:11px;line-height:1.55;}
body[data-current-step="2"] .public-quote-intro,
body[data-current-step="3"] .public-quote-intro {display:none;}
[data-step="1"]>.panel-heading {padding-top:22px;text-align:left;}
[data-step="1"]>.panel-heading h1 {font-size:19px;}
[data-step="1"]>.panel-heading p {font-size:11px;}
.public-steps button.is-complete>b {border-color:#8bb2a7;color:#fff;background:#6c9d8d;}
.public-steps button.is-complete:not(:last-child)::after {background:#91b6a8;}
body.is-karpar-site[data-karpar-active-view="quote"] .karpar-site-stage {overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;}
body.is-karpar-site[data-karpar-active-view="quote"] .karpar-site-stage>.public-shell,
body.is-karpar-site[data-karpar-active-view="quote"] .karpar-site-stage>.public-shell.is-active {display:block;width:min(920px,calc(100% - 30px));height:auto;min-height:100%;max-height:none;margin:0 auto;padding:18px 0 24px;overflow:visible;}
body.is-karpar-site[data-karpar-active-view="quote"] .public-quote-intro {border-color:#ead7dc;background:linear-gradient(115deg,#fff 0%,#fcf3f5 100%);}
body.is-karpar-site[data-karpar-active-view="quote"] .public-quote-kicker {color:#a42a46;}
body.is-karpar-site[data-karpar-active-view="quote"] .public-quote-intro h2 em {color:#a8183a;}
body.is-karpar-site[data-karpar-active-view="quote"] .public-quote-intro::after {border-color:rgba(168,24,58,.1);}
body.is-karpar-site[data-karpar-active-view="quote"] .public-steps {margin-bottom:16px;}
body.is-karpar-site[data-karpar-active-view="quote"] .panel-heading p {display:block;}
@media(max-width:700px){
  .public-quote-intro {margin-bottom:13px;padding:15px 16px;border-radius:14px;}
  .public-quote-intro h2 {font-size:21px;}
  .public-quote-intro p {max-width:95%;font-size:10px;}
  [data-step="1"]>.panel-heading {padding:18px 18px 12px;}
  body.is-karpar-site[data-karpar-active-view="quote"] .karpar-site-stage>.public-shell,
  body.is-karpar-site[data-karpar-active-view="quote"] .karpar-site-stage>.public-shell.is-active {width:calc(100% - 20px);padding-top:12px;}
}
@media(max-width:370px){.maintenance-options {grid-template-columns:1fr;}.maintenance-options button {min-height:180px;}.public-steps button small {display:none;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Tüm firmaların teklif akışında ortak, sade ve kurumsal görünüm. */
:root { --brand:#185b62; --brand-dark:#10454b; --brand-soft:#edf6f5; --ink:#1e3442; --muted:#71818c; }
body,body.is-company-site {background:#f3f6f8;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;}
.public-topbar,.is-company-site .public-topbar {background:#fff;border-bottom:1px solid #e5ebef;}
.public-topbar-inner,.is-company-site .public-topbar-inner {min-height:70px;}
.public-brand img,.is-company-site .public-brand img {width:42px;height:42px;flex-basis:42px;border-radius:11px;}
.public-brand b,.is-company-site .public-brand b {color:#203946;font-size:15px;font-weight:750;}
.public-brand small {margin-top:2px;color:#82919a;font-size:10px;}
.public-shell,.is-company-site:not(.is-karpar-site) .public-shell {width:min(920px,calc(100% - 40px));padding-top:26px;}
.public-steps {width:min(520px,100%);margin-bottom:20px;gap:0;}
.public-steps button {z-index:0;min-height:44px;gap:8px;color:#798994;}
.public-steps button:not(:last-child)::after {position:absolute;z-index:-1;top:14px;left:calc(50% + 24px);width:calc(100% - 32px);height:1px;content:"";background:#dfe7eb;}
.public-steps button.is-active {color:#185b62;}
.public-steps button>b {width:29px;height:29px;flex-basis:29px;font-size:11px;font-weight:750;}
.public-steps button.is-active>b {background:#185b62;border-color:#185b62;}
.public-steps button strong {font-size:12px;font-weight:700;}
.public-card.public-panel {border-color:#e3eaee;border-radius:18px;box-shadow:0 10px 32px rgba(29,53,68,.055);}
.panel-heading {padding:24px 28px 18px;border-bottom:1px solid #eef2f4;}
.panel-heading h1,.panel-heading h2 {color:#213a49;font-weight:700;letter-spacing:-.035em;}
.panel-heading p {color:#798993;}
[data-step="1"]>.panel-heading {text-align:left;padding-top:26px;}
.plate-lookup {max-width:680px;min-height:0;padding:32px 28px 38px;gap:22px;}
.plate-entry {max-width:370px;}
.turkish-plate {height:68px;min-height:68px;background:#fbfcfd;border-color:#cbd8df;box-shadow:0 4px 12px rgba(31,54,69,.04);}
.turkish-plate input {font-weight:750;letter-spacing:.06em;}
.plate-actions {width:205px;}
.plate-actions #vehicle-lookup-button {min-height:48px;background:linear-gradient(135deg,#17616a,#124a52);font-weight:700;box-shadow:0 6px 14px rgba(24,91,98,.16);}
.plate-actions #vehicle-lookup-button:hover {filter:brightness(1.05);transform:translateY(-1px);}
.plate-actions .plate-manual-button {color:#71828d;font-weight:600;}
.maintenance-selection {padding:22px 26px 26px;}
.detected-vehicle-card {margin-bottom:5px;border:1px solid #e2e9ed;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(24,48,63,.035);}
.public-vehicle-card-head {grid-template-columns:68px minmax(0,1fr) auto auto;gap:11px;padding:10px 12px;background:linear-gradient(120deg,#fbfcfd,#f5f8f9);}
.public-vehicle-card-image {width:68px;height:51px;border-color:#e6ecef;border-radius:10px;}
.detected-vehicle-card .public-vehicle-card-identity small {font-size:9px;letter-spacing:.08em;}
.detected-vehicle-card .public-vehicle-card-identity strong {font-size:15px;}
.detected-vehicle-card .public-vehicle-card-identity em {font-size:10px;color:#71818c;}
.public-vehicle-age {min-width:58px;padding:6px 8px;border-color:#dce8e8;border-radius:10px;color:#185b62;background:#f2f8f7;}
.public-vehicle-age small {font-size:7px;letter-spacing:.07em;}
.public-vehicle-age strong {font-size:18px;}
.public-vehicle-age em {font-size:8px;}
.public-vehicle-card-head>button {min-height:36px;border-color:#dce5e9;color:#5d707d;font-size:10px;}
.public-vehicle-details {margin:0;border:0;border-top:1px solid #edf1f3;border-radius:0;background:#edf1f3;}
.public-vehicle-details-head {min-height:26px;padding:4px 12px;background:#f7f9fa;}
.public-vehicle-primary>div {min-height:44px;padding:7px 11px;background:#fff;}
.public-vehicle-primary dt {color:#85939b;font-size:8px;letter-spacing:.04em;}
.public-vehicle-primary dd {color:#324956;font-size:10px;font-weight:700;}
.public-vehicle-technical summary {padding:8px 12px;background:#f7f9fa;color:#657985;font-size:9px;}
.maintenance-heading {padding:20px 0 14px;}
.maintenance-heading h3 {margin:0;color:#213a49;font-size:21px;font-weight:700;letter-spacing:-.03em;}
.maintenance-heading p {margin:4px 0 0;color:#85929b;font-size:12px;}
.maintenance-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.maintenance-options button,.maintenance-options button.has-age-discount {min-height:176px;padding:16px;border:1px solid #e2e9ed;border-radius:14px;background:#fff;box-shadow:0 3px 11px rgba(23,48,62,.035);gap:7px;}
.maintenance-options button:hover {border-color:#9bb9bb;background:#fcfefe;box-shadow:0 7px 17px rgba(23,48,62,.075);transform:translateY(-1px);}
.maintenance-options .package-card-top {color:#7f9099;font-size:8px;letter-spacing:.08em;}
.maintenance-options .package-card-period {color:#203d4b;font-size:21px;font-weight:700;}
.maintenance-options .package-card-model {color:#748690;font-size:10px;}
.maintenance-options button .maintenance-price b,.maintenance-options button.is-selected b {color:#174f55;font-size:20px;font-weight:750;}
.maintenance-options button .maintenance-price del {color:#96a1a7;font-size:10px;}
.maintenance-options button .maintenance-fya {border-radius:999px;background:#f0f4f4;color:#647d80;font-size:8px;}
.maintenance-options button.is-recommended,.maintenance-options button.is-selected {border:1.5px solid #559397;background:#f1f8f8;}
.maintenance-options button.is-campaign {border:1.5px solid #d7b866;background:linear-gradient(145deg,#fffdf7,#fff);box-shadow:0 5px 16px rgba(136,107,35,.09);}
.maintenance-options button.is-campaign:hover {border-color:#bd9a45;background:#fffdf5;}
.maintenance-options button.is-campaign.is-recommended {border:2px solid #c39c3e;background:linear-gradient(145deg,#fff9e8,#fff);box-shadow:0 8px 22px rgba(136,107,35,.15);}
.maintenance-options button.is-campaign::before {border-color:rgba(184,148,57,.16);}
.public-campaign-heading {margin:0 0 1px;padding:13px 15px;border-color:#ead9a5;border-radius:13px;color:#624d1c;background:linear-gradient(110deg,#fff9e9,#fffdf6);box-shadow:none;}
.public-campaign-heading span {color:#96752b;font-size:8px;letter-spacing:.12em;}
.public-campaign-heading strong {color:#4f421f;font-size:14px;letter-spacing:0;}
.public-campaign-heading small {color:#827858;font-size:10px;}
.public-campaign-badge {left:13px;padding:3px 8px;border-radius:0 0 7px 7px;color:#614d1d;background:#ead596;font-size:7px;letter-spacing:.1em;}
.public-campaign-content-label {align-self:flex-start;margin-top:2px;color:#87929a;font-size:7px;font-weight:750;letter-spacing:.1em;}
.public-campaign-items {justify-content:flex-start;gap:5px;margin:0;}
.public-campaign-items li {padding:4px 7px;border:1px solid #eee5c8;border-radius:999px;color:#65572e;background:#fffdf6;font-size:8px;font-weight:650;}
.public-campaign-items li.is-more {color:#7a8790;border-color:#e4eaed;background:#f5f7f8;}
.maintenance-options .package-card-action {padding-top:9px;border-color:#edf1f2;color:#426d70;font-size:10px;}
.maintenance-options button.is-campaign .package-card-action {border-color:#f0e8d2;color:#80692e;}
.maintenance-pager {margin-top:14px;}
.maintenance-pager button,.extras-pager button {border-color:#e1e8ec;background:#fff;color:#315661;}
.selected-package {border:1px solid #dae9e7;border-radius:13px;background:#f5faf9;}
.public-alert {border:1px solid #f0d6d7;border-radius:12px;background:#fff7f7;color:#8b3d42;}
.panel-actions {border-color:#edf1f3;background:#fbfcfd;}
.primary,.panel-actions .primary {background:linear-gradient(135deg,#17616a,#124a52);}
.extras-tabs {gap:7px;padding:18px 20px 10px;}
.extras-tabs button {border:1px solid #e5ebee;border-radius:12px;background:#fff;color:#596e79;}
.extras-tabs button.is-active {border-color:#8bb2b3;background:#f0f7f7;color:#185b62;}
.extras-list {gap:9px;padding:10px 20px 18px;}
.extra-card {min-height:68px;border:1px solid #e6ecef;border-radius:12px;background:#fff;}
.extra-card.is-selected {border-color:#83b1a3;background:#f4faf7;}
.extra-card>b,.extra-card>span b {color:#314b58;}
.extra-card-price strong {color:#185b62;}
.extra-card.is-q4-gift {border-color:#dfc36d;background:linear-gradient(135deg,#fffdf4 0%,#fff8df 100%);}
.extra-card.is-q4-gift.is-selected {border-color:#b99532;background:#fff8df;}
.extra-card.is-q4-gift.is-campaign {padding-top:9px;}
.extra-card.is-q4-gift .extra-campaign-badge {display:none;}
.extra-card.is-q4-gift .extra-card-campaign-note {display:block;max-width:100%;margin-top:1px;color:#80621e;font-size:9px;line-height:1.2;white-space:nowrap;}
.extra-card.is-q4-gift .extra-card-price {display:flex;align-items:baseline;gap:7px;}
.extra-card.is-q4-gift .extra-card-price del {color:#887c61;font-size:10px;font-weight:650;text-decoration:line-through;}
.extra-card.is-q4-gift .extra-card-price strong {color:#16704f;}
.extras-meta {border-top:1px solid #edf1f3;background:#fbfcfd;}
.quote-preview {gap:14px;padding:24px;}
.preview-vehicle,.preview-total {border:1px solid #e5ebee;border-radius:14px;background:#fff;}
.preview-vehicle {padding:13px;}
.preview-vehicle b {color:#284451;font-size:17px;}
.preview-vehicle em {color:#82919a;font-size:11px;}
.preview-total {padding:17px;background:#f5f9f9;}
.preview-total strong {color:#185b62;font-size:29px;font-weight:750;}
.contact-form {gap:14px;}
.contact-form input,.contact-form textarea,.service-picker select {border-color:#dce5e9;border-radius:10px;background:#fff;}
.service-picker {padding:14px 20px;color:#71818c;}
.success-panel {border-color:#dfe9e4;border-radius:18px;box-shadow:0 10px 32px rgba(29,53,68,.055);}
@media(max-width:700px){
 .public-shell,.is-company-site:not(.is-karpar-site) .public-shell {width:calc(100% - 24px);padding-top:18px;}
 .public-steps {margin-bottom:15px;gap:0;padding:0 5px;}
 .public-steps button {gap:5px;}
 .public-steps button strong {font-size:10px;}
 .public-steps button:not(:last-child)::after {left:calc(50% + 18px);width:calc(100% - 26px);}
 .panel-heading {padding:20px 18px 14px;}
 [data-step="1"]>.panel-heading {padding-top:21px;}
 .maintenance-selection {padding:14px;}
 .maintenance-heading {padding:16px 0 12px;}
 .maintenance-heading h3 {font-size:19px;}
 .maintenance-options {gap:9px;}
 .maintenance-options button,.maintenance-options button.has-age-discount {min-height:170px;padding:13px;}
 .maintenance-options .package-card-period {font-size:18px;}
 .maintenance-options button .maintenance-price b {font-size:18px;}
 .public-campaign-heading {padding:11px 12px;}
 .public-vehicle-card-head {grid-template-columns:54px minmax(0,1fr) auto auto;gap:7px;padding:8px;}
 .public-vehicle-card-image {width:54px;height:44px;}
 .public-vehicle-age {min-width:46px;padding:5px;}
 .public-vehicle-age small {font-size:6px;}
 .public-vehicle-age strong {font-size:15px;}
 .public-vehicle-card-head>button {min-height:32px;padding:0 7px;font-size:9px;}
 .public-vehicle-primary {grid-template-columns:repeat(2,minmax(0,1fr));}
 .extras-tabs,.extras-list {padding-inline:12px;}
 .quote-preview {padding:14px;}
 .preview-total strong {font-size:25px;}
}
@media(max-width:390px){
 .public-vehicle-card-head {grid-template-columns:48px minmax(0,1fr) auto;}
 .public-vehicle-card-image {width:48px;height:40px;}
 .public-vehicle-age {grid-column:2;grid-row:2;justify-self:start;}
 .public-vehicle-card-head>button {grid-column:3;grid-row:1 / span 2;}
 .maintenance-options {grid-template-columns:1fr;}
 .maintenance-options button,.maintenance-options button.has-age-discount {min-height:150px;}
}

/* Kampanyaları bakım seçiminin görsel odağı yap. */
.public-campaign-heading {
  position:relative;
  min-height:84px;
  align-content:center;
  gap:5px;
  overflow:hidden;
  margin:3px 0 3px;
  padding:15px 20px 15px 58px;
  border:1px solid #204f55;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(112deg,#123d45 0%,#1b5960 62%,#276b6b 100%);
  box-shadow:0 10px 22px rgba(20,69,75,.18);
}
.public-campaign-heading::before {
  position:absolute;
  left:17px;
  top:50%;
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border:1px solid rgba(255,224,151,.75);
  border-radius:9px;
  color:#f4d786;
  content:"✦";
  font-size:15px;
  transform:translateY(-50%);
}
.public-campaign-heading::after {
  position:absolute;
  top:-45px;
  right:-12px;
  width:170px;
  height:170px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 20px rgba(255,255,255,.035),0 0 0 42px rgba(255,255,255,.025);
  pointer-events:none;
}
.public-campaign-heading span {color:#f3d98f;font-size:8px;letter-spacing:.16em;}
.public-campaign-heading strong {position:relative;z-index:1;color:#fff;font-size:16px;letter-spacing:.025em;}
.public-campaign-heading small {position:relative;z-index:1;color:#d9e9e6;font-size:10px;}
.maintenance-options button.is-campaign,
.maintenance-options button.is-campaign.has-age-discount {
  min-height:202px;
  padding:23px 16px 14px;
  border:1.5px solid #d7b34f;
  border-radius:15px;
  background:linear-gradient(148deg,#fffef9 0%,#fffaf0 100%);
  box-shadow:0 8px 20px rgba(140,105,24,.12),inset 0 0 0 1px rgba(255,255,255,.85);
}
.maintenance-options button.is-campaign::before {
  position:absolute;
  inset:5px;
  border:1px solid rgba(196,155,48,.22);
  border-radius:10px;
  content:"";
  pointer-events:none;
}
.maintenance-options button.is-campaign:hover {
  border-color:#b88c24;
  background:linear-gradient(148deg,#fff 0%,#fff8e7 100%);
  box-shadow:0 12px 25px rgba(140,105,24,.18);
  transform:translateY(-2px);
}
.maintenance-options button.is-campaign.is-recommended {
  border:2px solid #b68b24;
  background:linear-gradient(148deg,#fffdf5 0%,#fff5d9 100%);
  box-shadow:0 10px 27px rgba(140,105,24,.2),inset 0 0 0 1px rgba(255,255,255,.8);
}
.public-campaign-badge {
  top:0;
  left:15px;
  z-index:1;
  padding:4px 10px;
  border-radius:0 0 8px 8px;
  color:#fff;
  background:linear-gradient(120deg,#a77a16,#c49a35);
  box-shadow:0 3px 8px rgba(123,87,13,.16);
  font-size:8px;
  letter-spacing:.12em;
}
.maintenance-options button.is-campaign .package-card-top {color:#8a722f;font-weight:850;}
.maintenance-options button.is-campaign .package-card-period {color:#243e43;font-size:23px;font-weight:800;}
.maintenance-options button.is-campaign .package-card-model {color:#6c7b77;}
.maintenance-options button.is-campaign>b,
.maintenance-options button.is-campaign .maintenance-price b,
.maintenance-options button.is-campaign.is-selected .maintenance-price b {color:#805e11;font-size:23px;font-weight:850;}
.public-campaign-content-label {color:#8d7842;font-size:7px;font-weight:850;letter-spacing:.13em;}
.public-campaign-items {gap:5px;margin:1px 0 2px;}
.public-campaign-items li {padding:4px 8px;border-color:#eee0b8;color:#665426;background:rgba(255,255,255,.82);font-size:8px;font-weight:700;}
.public-campaign-items li.is-more {border-color:#e2e8e8;color:#697b80;background:#f4f7f6;}
.maintenance-options button.is-campaign .package-card-action {border-color:#eadfbf;color:#80621e;font-weight:800;}
@media(max-width:700px){
  .public-campaign-heading {min-height:76px;padding:12px 14px 12px 52px;}
  .public-campaign-heading::before {left:14px;}
  .public-campaign-heading strong {font-size:14px;}
  .maintenance-options button.is-campaign,
  .maintenance-options button.is-campaign.has-age-discount {min-height:190px;padding:22px 12px 12px;}
  .maintenance-options button.is-campaign .package-card-period {font-size:20px;}
}

/* Sade teklif akışı: tek başlık, tek işlem, ikincil bilgiler açılır alanda. */
body,body.is-company-site {background:#f5f7fa;color:#253544;}
.public-topbar,.is-company-site .public-topbar {background:#fff;border-bottom:1px solid #e8edf1;}
.public-topbar-inner,.is-company-site .public-topbar-inner {width:min(1040px,calc(100% - 40px));min-height:74px;gap:14px;}
.public-brand,.public-brand b {color:#253544;}.is-company-site .public-brand b {font-size:15px;letter-spacing:.01em;}
.public-brand small {color:#83909a;font-size:11px;font-weight:500;}
.public-brand img,.is-company-site .public-brand img {width:40px;height:40px;flex-basis:40px;border-radius:9px;padding:0;}
.compact-contact {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.compact-contact>a,.compact-contact summary {display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #e7edf1;border-radius:10px;background:white;color:#586b7a;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;list-style:none;}
.compact-contact summary::-webkit-details-marker {display:none;}
.compact-contact svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.compact-contact details {position:relative;}.compact-contact details[open]>summary {background:#f0f5f8;border-color:#c7d6de;}
.compact-contact-panel {position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 32px));padding:20px;border:1px solid #e0e7ed;border-radius:14px;background:#fff;box-shadow:0 18px 55px #1f344a1a;}
.compact-contact-panel strong {display:block;color:#334554;font-size:13px;line-height:1.6;font-weight:650;}.compact-contact-panel p {font-size:12px;line-height:1.7;color:#7a8993;}.compact-contact-panel>a {display:inline-block;margin:8px 14px 0 0;color:#226d76;font-size:12px;text-decoration:none;}
.public-shell,.is-company-site:not(.is-karpar-site) .public-shell {width:min(940px,calc(100% - 40px));padding-top:34px;margin-bottom:28px;}
.public-steps {width:min(540px,100%);margin:0 auto 24px;padding:0;border:0;background:transparent;gap:16px;}
.public-steps button {position:relative;justify-content:flex-start;min-height:42px;padding:0;border-radius:0;gap:9px;}.public-steps button.is-active {background:transparent;color:#245967;box-shadow:none;}
.public-steps button>b {width:28px;height:28px;flex-basis:28px;border:1px solid #dce4eb;background:#fff;color:#8596a4;font-size:11px;}.public-steps button.is-active>b {background:#215865;border-color:#215865;color:white;}
.public-steps button strong {font-size:12px;font-weight:650;}.public-steps button small {display:none;}.public-steps button:disabled {opacity:.6;}
.public-card {border:1px solid #e6ebef;border-radius:18px;box-shadow:0 6px 24px #263e5605;}
.public-card.public-panel {overflow:hidden;}
.plate-actions #vehicle-lookup-button {box-shadow:none;}
.panel-heading {padding:28px 28px 0;border:0;}.panel-heading h1 {margin:0;font-size:clamp(23px,3vw,30px);line-height:1.3;letter-spacing:-.035em;font-weight:650;color:#233b4a;}.panel-heading h2 {font-size:24px;font-weight:650;}.panel-heading p {margin:9px 0 0;color:#82909a;font-size:13px;line-height:1.6;}
[data-step="1"]>.panel-heading {text-align:center;padding-top:38px;}
.plate-lookup {min-height:0;gap:18px;padding:28px 28px 38px;max-width:710px;margin:auto;}
.plate-entry {max-width:345px;}.turkish-plate {height:64px;min-height:64px;border:1px solid #d0dce5;border-radius:10px;background:#fbfcfe;overflow:hidden;}.turkish-plate input {background:transparent;font-size:28px;letter-spacing:.025em;color:#263d4c;}.turkish-plate>i {background:#24518b;}
.plate-actions {width:190px;}.plate-actions #vehicle-lookup-button {min-height:46px;background:#215865;font-weight:650;border-radius:10px;}.plate-actions .plate-manual-button {min-height:32px;margin-top:5px;font-size:11px;background:transparent;border:0;color:#82939f;}
.maintenance-heading {text-align:left;padding:18px 0 16px;}.maintenance-heading h3 {font-size:21px;font-weight:650;}.maintenance-heading p {font-size:12px;color:#82909a;}
.maintenance-options button,.maintenance-options button.has-age-discount {min-height:188px;padding:18px;border-color:#e1e8ee;background:#fff;border-radius:13px;gap:8px;}
.maintenance-options button.is-recommended,.maintenance-options button.is-selected {border-color:#4d8e92;background:#f1f8f8;}
.maintenance-options .package-card-period {font-size:23px;font-weight:650;letter-spacing:-.025em;}.maintenance-options .package-card-top {font-size:8px;color:#7f929c;}.maintenance-options .package-card-model {font-size:11px;}.maintenance-options .package-card-action {font-size:11px;border-color:#e4edef;padding-top:10px;}
.maintenance-options button .maintenance-price b,.maintenance-options button.is-selected b {font-size:21px;font-weight:650;}.maintenance-options button .maintenance-fya {font-size:8px;background:#f1f4f6;color:#7c8a94;}
.maintenance-status {border:1px solid #d8e7e9;border-radius:12px;background:#eef6f7;font-size:12px;line-height:1.7;color:#476a74;padding:12px 16px;}
@media(max-width:700px){
 .public-topbar-inner,.is-company-site .public-topbar-inner {width:calc(100% - 28px);min-height:66px;}.public-brand {gap:8px;}.is-company-site .public-brand b {font-size:13px;}.public-brand small {font-size:10px;}.compact-contact {gap:6px;}.compact-contact>a,.compact-contact summary {padding:9px;min-height:38px;}.compact-contact>a>span {display:none;}.compact-contact summary>span {font-size:11px;}
 .public-shell,.is-company-site:not(.is-karpar-site) .public-shell {width:calc(100% - 24px);padding-top:20px;}.public-steps {margin-bottom:16px;gap:8px;padding:0 12px;}.public-steps button {gap:6px;}.public-steps button strong {font-size:11px;}
 [data-step="1"]>.panel-heading {padding:28px 18px 0;}.panel-heading h1 {font-size:24px;}.panel-heading p {font-size:12px;}.plate-lookup {padding:24px 22px 28px;gap:17px;}.plate-entry {max-width:345px;}.plate-actions {width:100%;max-width:345px;}.plate-actions #vehicle-lookup-button {min-height:48px;}.plate-actions .plate-manual-button {min-height:36px;margin-top:8px;}
 .maintenance-options button,.maintenance-options button.has-age-discount {padding:14px;min-height:185px;}.maintenance-options .package-card-period {font-size:19px;}.maintenance-options button .maintenance-price b {font-size:18px;}.maintenance-options .maintenance-price {gap:4px;}.maintenance-options .package-card-top {font-size:7px;}.maintenance-options .package-card-top i {font-size:16px;}
}

/* Plaka girişi: aynı hizada plaka ve eşit boyutlu işlemler. */
#plate-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  align-content: center;
  width: 100%;
  max-width: 880px;
  min-height: 0;
  margin: 0 auto;
  padding: 30px 32px 38px;
  gap: 18px;
  background: transparent;
}
#plate-stage .plate-entry { width: 100%; max-width: none; gap: 0; }
#plate-stage .turkish-plate {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  height: 76px;
  min-height: 76px;
  border: 2px solid #172330;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(23,35,48,.08), inset 0 0 0 2px #fff, inset 0 0 0 3px #d5dbe0;
  transition: box-shadow .18s ease;
}
#plate-stage .turkish-plate:focus-within {
  box-shadow: 0 5px 14px rgba(23,35,48,.08), 0 0 0 4px rgba(33,88,101,.12), inset 0 0 0 2px #fff, inset 0 0 0 3px #d5dbe0;
}
#plate-stage .turkish-plate > i {
  justify-content: flex-end;
  padding: 0 3px 10px;
  background: #063c9d;
}
#plate-stage .turkish-plate > i b { color: #fff; font: 800 20px/1 Arial, sans-serif; letter-spacing: .04em; }
#plate-stage .turkish-plate input {
  height: 100%;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  color: #131b25;
  background: transparent;
  font-family: 'Arial Narrow', Arial, sans-serif;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: .065em;
  line-height: 1;
  text-align: center;
  box-shadow: none;
}
#plate-stage .turkish-plate input::placeholder { color: #707b89; opacity: .8; }
#plate-stage .plate-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  max-width: none;
  gap: 10px;
}
#plate-stage .plate-actions > button {
  height: 76px;
  min-height: 76px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#plate-stage #vehicle-lookup-button { color: #fff; background: #215865; }
#plate-stage #vehicle-lookup-button:hover:not(:disabled) { background: #194853; filter: none; transform: none; }
#plate-stage .plate-actions .plate-manual-button { color: #405967; background: #f8fafb; border-color: #d8e2e7; }
#plate-stage .plate-actions .plate-manual-button:hover { color: #215865; background: #eef5f6; border-color: #a8c5ca; }
#plate-stage .plate-actions > button:focus-visible { outline: 3px solid #a5cbd1; outline-offset: 3px; }
#plate-stage .plate-actions > button:disabled { opacity: .55; }
@media (max-width: 760px) {
  #plate-stage { grid-template-columns: minmax(0, 1fr); max-width: 456px; padding: 24px 22px 30px; gap: 16px; }
  #plate-stage .plate-actions > button { height: 52px; min-height: 52px; }
}
@media (max-width: 380px) {
  #plate-stage { padding-inline: 16px; }
  #plate-stage .turkish-plate { grid-template-columns: 40px minmax(0, 1fr); height: 66px; min-height: 66px; }
  #plate-stage .turkish-plate input { padding-inline: 8px; font-size: 26px; letter-spacing: .035em; }
  #plate-stage .turkish-plate > i b { font-size: 18px; }
  #plate-stage .plate-actions { gap: 8px; }
  #plate-stage .plate-actions > button { padding-inline: 8px; font-size: 12px; }
}