/* ERK Builder v2.1.1 — müşteri sihirbazı. Tüm sınıflar ebw- önekli; tema stilleriyle çakışmaz. */
.ebw {
  --ink: #14304d;
  --ink-2: #3c5571;
  --muted: #687c91;
  --blue: #1266a6;
  --blue-soft: #e7f1fa;
  --paper: #f3f6f9;
  --line: #d6e0e9;
  --ok: #1f7a4d;
  --ok-soft: #e3f4ea;
  --warn: #8a5300;
  --warn-soft: #fff4dc;
  --err: #a3271c;
  --err-soft: #fdeceb;
  color: var(--ink);
  font-family: Gilroy, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  background: var(--paper);
  padding: 40px 0 72px;
}
.ebw *, .ebw *::before, .ebw *::after { box-sizing: border-box; }
.ebw-wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.ebw h1, .ebw h2, .ebw h3 { color: var(--ink); font-family: inherit; letter-spacing: -0.01em; }
.ebw h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; margin: 0 0 10px; font-weight: 800; }
.ebw h2 { font-size: 24px; line-height: 1.25; margin: 0 0 6px; font-weight: 750; }
.ebw h3 { font-size: 18px; margin: 0 0 6px; font-weight: 700; }
.ebw p { margin: 0 0 12px; }
.ebw-lead { color: var(--ink-2); max-width: 62ch; font-size: 17px; }
.ebw-sub { color: var(--muted); margin: 0 0 22px; max-width: 64ch; }

/* Başlık bölümü */
.ebw-head { display: flex; flex-wrap: wrap; gap: 24px; align-items: end; justify-content: space-between; margin-bottom: 26px; }
.ebw-switch { display: inline-flex; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 4px; }
.ebw-switch a { padding: 10px 18px; border-radius: 9px; color: var(--ink-2); text-decoration: none; font-weight: 650; white-space: nowrap; }
.ebw-switch a[aria-current="page"] { background: var(--ink); color: #fff; }

/* İlerleme */
.ebw-progress { display: flex; gap: 6px; margin: 0 0 22px; padding: 0; list-style: none; counter-reset: s; overflow-x: auto; }
.ebw-progress li { flex: 1 1 0; min-width: 84px; font-size: 13px; color: var(--muted); padding-top: 10px; border-top: 3px solid var(--line); counter-increment: s; }
.ebw-progress li::before { content: counter(s) ". "; }
.ebw-progress li.is-done { border-color: var(--blue); color: var(--ink-2); }
.ebw-progress li.is-now { border-color: var(--ink); color: var(--ink); font-weight: 700; }

/* Panel */
.ebw-panel { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.ebw-panel + .ebw-panel { margin-top: 16px; }
@media (max-width: 640px) { .ebw-panel { padding: 20px 16px; border-radius: 12px; } }

/* Büyük seçenekler */
.ebw-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.ebw-option { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; background: #fff; border: 1.5px solid var(--line); border-radius: 14px; padding: 20px; cursor: pointer; color: var(--ink); font: inherit; transition: border-color .15s, background-color .15s; }
.ebw-option:hover { border-color: var(--blue); }
.ebw-option[aria-pressed="true"] { border-color: var(--blue); background: var(--blue-soft); }
.ebw-option svg { width: 44px; height: 44px; color: var(--blue); }
.ebw-option strong { font-size: 18px; }
.ebw-option span { color: var(--muted); font-size: 14px; }

/* Form alanları */
.ebw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; }
.ebw-field { display: block; }
.ebw-field > .ebw-label { display: block; font-weight: 700; margin-bottom: 8px; }
.ebw-field small { display: block; color: var(--muted); margin-top: 6px; font-size: 13px; }
.ebw input[type=text], .ebw input[type=tel], .ebw input[type=email], .ebw input[type=number], .ebw textarea, .ebw select {
  width: 100%; padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 10px; font: inherit; color: var(--ink); background: #fff; min-height: 48px;
}
.ebw textarea { min-height: 96px; resize: vertical; }
.ebw input:focus, .ebw textarea:focus, .ebw select:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(18,102,166,.18); }
.ebw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ebw-chip { border: 1.5px solid var(--line); background: #fff; color: var(--ink-2); padding: 9px 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 15px; }
.ebw-chip:hover { border-color: var(--blue); }
.ebw-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.ebw-stepper { display: inline-flex; align-items: center; border: 1.5px solid var(--line); border-radius: 10px; overflow: hidden; background: #fff; }
.ebw-stepper button { width: 46px; height: 46px; border: 0; background: var(--paper); color: var(--ink); font-size: 22px; cursor: pointer; }
.ebw-stepper button:hover { background: var(--blue-soft); }
.ebw-stepper output { min-width: 56px; text-align: center; font-weight: 750; font-size: 18px; }
.ebw-toggle { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.ebw-toggle:last-child { border-bottom: 0; }
.ebw-toggle input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--blue); flex: none; }
.ebw-toggle b { display: block; }
.ebw-toggle span { color: var(--muted); font-size: 14px; }
.ebw-group-title { font-weight: 750; margin: 0 0 4px; }
.ebw-section { margin-top: 26px; }

/* Butonlar */
.ebw-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-top: 28px; }
.ebw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 12px 24px; border-radius: 10px; border: 1.5px solid var(--ink); background: var(--ink); color: #fff; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; }
.ebw-btn:hover { background: #0d2238; color: #fff; }
.ebw-btn.is-blue { background: var(--blue); border-color: var(--blue); }
.ebw-btn.is-blue:hover { background: #0d5389; }
.ebw-btn.is-ghost { background: #fff; color: var(--ink); }
.ebw-btn.is-ghost:hover { background: var(--paper); color: var(--ink); }
.ebw-btn[disabled] { opacity: .55; cursor: progress; }
.ebw-link { background: none; border: 0; color: var(--blue); font: inherit; font-weight: 650; cursor: pointer; padding: 0; text-decoration: underline; text-underline-offset: 3px; }
.ebw :focus-visible { outline: 3px solid #f0a500; outline-offset: 2px; }

/* Sonuç: plan + sayılar */
.ebw-plan { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, 1fr); gap: 28px; align-items: center; }
@media (max-width: 820px) { .ebw-plan { grid-template-columns: 1fr; } }
.ebw-plan svg { width: 100%; height: auto; display: block; }
.ebw-counts { display: grid; gap: 14px; }
.ebw-count { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ebw-count b { font-size: 17px; }
.ebw-count .ebw-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; vertical-align: -1px; }
.ebw-why { margin: 8px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--ink-2); }
.ebw-why li { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px dashed var(--line); }
.ebw-manual { font-size: 13px; color: var(--warn); }

/* Paket kartları */
.ebw-packages { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 14px; margin-top: 18px; }
.ebw-pkg { position: relative; display: flex; flex-direction: column; background: #fff; border: 1.5px solid var(--line); border-radius: 16px; padding: 22px; }
.ebw-pkg.is-rec { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(18,102,166,.12); }
.ebw-badge { display: inline-block; font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--blue); color: #fff; margin-bottom: 10px; align-self: flex-start; }
.ebw-badge.is-warn { background: var(--warn-soft); color: var(--warn); }
.ebw-pkg .ebw-tech { color: var(--muted); font-size: 14px; margin-bottom: 12px; }
.ebw-pkg ul.ebw-hl { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 6px; }
.ebw-pkg ul.ebw-hl li { padding-left: 22px; position: relative; font-size: 15px; }
.ebw-pkg ul.ebw-hl li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 11px; height: 6px; border-left: 2px solid var(--ok); border-bottom: 2px solid var(--ok); transform: rotate(-45deg); }
.ebw-price { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.ebw-price strong { font-size: 28px; font-weight: 800; display: block; line-height: 1.1; }
.ebw-price small { color: var(--muted); font-size: 13px; }
.ebw-pkg .ebw-btn { width: 100%; margin-top: 14px; }
.ebw-pkg details { margin-top: 10px; font-size: 14px; }
.ebw-pkg details summary { cursor: pointer; color: var(--blue); font-weight: 650; }
.ebw-pkg details ul { padding-left: 18px; margin: 8px 0 0; color: var(--ink-2); }
.ebw-note { font-size: 14px; color: var(--muted); margin-top: 14px; }

/* Uyarı kutuları */
.ebw-msg { border-radius: 10px; padding: 12px 14px; margin: 12px 0 0; font-size: 15px; }
.ebw-msg.is-warn { background: var(--warn-soft); color: var(--warn); }
.ebw-msg.is-err { background: var(--err-soft); color: var(--err); }
.ebw-msg.is-ok { background: var(--ok-soft); color: var(--ok); }
.ebw-msg.is-info { background: var(--blue-soft); color: var(--ink-2); }
.ebw-msg ul { margin: 0; padding-left: 18px; }

/* Paket düzenleme */
.ebw-custom { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
@media (max-width: 920px) { .ebw-custom { grid-template-columns: 1fr; } }
.ebw-lines { width: 100%; border-collapse: collapse; }
.ebw-lines th { text-align: left; font-size: 13px; color: var(--muted); font-weight: 650; padding: 0 10px 10px; border-bottom: 1px solid var(--line); }
.ebw-lines td { padding: 14px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.ebw-lines td.num { text-align: right; white-space: nowrap; }
.ebw-lines .ebw-role { font-size: 13px; color: var(--muted); }
.ebw-lines .ebw-spec { font-size: 13px; color: var(--muted); margin-top: 3px; }
.ebw-lines select { margin-top: 6px; min-height: 42px; padding: 8px 10px; font-size: 15px; }
.ebw-lines tr.is-service td { color: var(--ink-2); }
@media (max-width: 640px) {
  .ebw-lines thead { display: none; }
  .ebw-lines, .ebw-lines tbody, .ebw-lines tr, .ebw-lines td { display: block; width: 100%; }
  .ebw-lines tr { border-bottom: 1px solid var(--line); padding: 10px 0; }
  .ebw-lines td { border: 0; padding: 4px 0; }
  .ebw-lines td.num { text-align: left; }
  .ebw-lines td.num[data-l]::before { content: attr(data-l) ": "; color: var(--muted); }
}
.ebw-summary { position: sticky; top: 90px; }
.ebw-summary dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; margin: 0; font-size: 15px; }
.ebw-summary dt { color: var(--ink-2); }
.ebw-summary dd { margin: 0; text-align: right; font-weight: 650; white-space: nowrap; }
.ebw-summary .ebw-total { font-size: 24px; font-weight: 800; color: var(--ink); }
.ebw-summary .ebw-btn { width: 100%; margin-top: 16px; }
.ebw-extra { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.ebw-extra input { width: 20px; height: 20px; margin-top: 3px; accent-color: var(--blue); flex: none; }
.ebw-extra .ebw-extra-p { margin-left: auto; white-space: nowrap; font-weight: 650; }

/* Durumlar */
.ebw-loading { display: flex; align-items: center; gap: 12px; color: var(--ink-2); padding: 28px 0; }
.ebw-spin { width: 22px; height: 22px; border: 3px solid var(--line); border-top-color: var(--blue); border-radius: 50%; animation: ebw-spin .8s linear infinite; }
@keyframes ebw-spin { to { transform: rotate(360deg); } }
.ebw-busy { opacity: .6; pointer-events: none; transition: opacity .15s; }
.ebw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ebw-done-no { font-size: 44px; font-weight: 800; color: var(--blue); line-height: 1; margin: 6px 0 12px; }
.ebw-print-only { display: none; }

@media (prefers-reduced-motion: reduce) { .ebw * { transition: none !important; animation: none !important; } }

@media print {
  body * { visibility: hidden !important; }
  #ebw-print, #ebw-print * { visibility: visible !important; }
  #ebw-print { position: absolute; left: 0; top: 0; width: 100%; display: block !important; padding: 0; }
  .ebw-noprint { display: none !important; }
}

/* v2.1.0 — güvenlik mühendislik hesabı: tema sınıflarından tamamen yalıtılmış */
.ebw .ebw-plan-note { margin: 16px 0 0; color: var(--muted); font-size: 13px; padding: 11px 14px; border-left: 3px solid var(--blue); background: var(--paper); border-radius: 3px 9px 9px 3px; }
.ebw .ebw-engineering { margin: 16px 0 24px; border-radius: 13px; border: 1px solid var(--line); overflow: hidden; background: #fafcff; }
.ebw .ebw-engineering-head { display: flex; flex-wrap: wrap; gap: 8px 15px; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--blue-soft); }
.ebw .ebw-engineering-head b { color: var(--ink); font-size: 14px; }
.ebw .ebw-engineering-head span { color: var(--ink-2); font-size: 12px; }
.ebw .ebw-engineering-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ebw .ebw-engineering-item { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ebw .ebw-engineering-item:nth-child(2n) { border-right: none; }
.ebw .ebw-engineering-item > span { color: var(--muted); font-size: 12px; }
.ebw .ebw-engineering-item strong { color: var(--ink); font-size: 20px; line-height: 1.25; overflow-wrap: anywhere; }
.ebw .ebw-engineering-item small { color: var(--muted); font-size: 12px; }
.ebw .ebw-pkg.is-invalid { border-color: #eab6b0; background: #fffdfc; }
.ebw .ebw-pkg.is-invalid .ebw-btn[disabled] { background: #b2bdc8; border-color: #b2bdc8; color: #273747; cursor: not-allowed; }
.ebw .ebw-pkg details .ebw-msg { font-size: 13px; }
.ebw .ebw-summary .ebw-engineering-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ebw .ebw-summary .ebw-engineering-item { padding: 10px 12px; }
.ebw .ebw-summary .ebw-engineering-item strong { font-size: 17px; }
@media (max-width: 560px) {
  .ebw .ebw-engineering-head { padding: 10px 12px; }
  .ebw .ebw-engineering-item { padding: 10px 12px; }
  .ebw .ebw-engineering-item strong { font-size: 17px; }
}


/* v2.1.1 - SADECE Builder sayfası: tema altındaki büyük servis butonları formu örtmesin. */
body:has(#ebw-main) .floating-service-buttons { left: 12px !important; bottom: 16px !important; gap: 10px !important; }
body:has(#ebw-main) .floating-service-buttons .floating-btn-extended {
  width: 52px !important; height: 52px !important; min-width: 52px !important;
  padding: 0 !important; border-radius: 50% !important;
}
body:has(#ebw-main) .floating-service-buttons .floating-btn-extended .btn-icon {
  width: 52px !important; height: 52px !important; font-size: 24px !important;
}
body:has(#ebw-main) .floating-service-buttons .floating-btn-extended .btn-text {
  position: absolute !important; width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;
}
body:has(#ebw-main) .floating-service-buttons .floating-btn-extended:hover { transform: translateY(-3px) !important; }
@media (max-width: 750px) {
  /* Dar telefon ekranında formları açık tut; servis bağlantıları site alt bilgisinde bulunur. */
  body:has(#ebw-main) .floating-service-buttons { display: none !important; }
  body:has(#ebw-main) .floating-contact-buttons { right: 10px !important; bottom: 14px !important; gap: 8px !important; }
  body:has(#ebw-main) .floating-contact-buttons .floating-btn { width: 45px !important; height: 45px !important; font-size: 24px !important; }
}

/* v2.1.1 - Admin ürün görseli girilirse, yalnızca seçilen güvenlik ürününe uygulanır. */
.ebw .ebw-product-wrap { display: flex; align-items: flex-start; gap: 12px; }
.ebw .ebw-product-info { flex: 1; min-width: 0; }
.ebw .ebw-product-thumb { display: block; width: 74px; height: 74px; flex: 0 0 74px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
@media (max-width: 560px) { .ebw .ebw-product-thumb { width: 58px; height: 58px; flex-basis: 58px; } }

/* v2.1.2 — gerçek ürün fotoğrafları (yalnızca görsel yolu tanımlı ürünlerde). */
.ebw .ebw-pkg-images { display:flex; align-items:center; gap:9px; margin:0 0 16px; min-height:70px; }
.ebw .ebw-pkg-images a { width:74px; height:74px; max-width:31%; display:block; flex:0 0 74px; border:1px solid var(--line); border-radius:10px; background:#fff; padding:4px; }
.ebw .ebw-pkg-images img { width:100%; height:100%; object-fit:contain; display:block; }
.ebw .ebw-pkg-images a:hover { border-color:var(--blue); }
.ebw .ebw-product-wrap > a { display:block; flex:0 0 74px; }
@media (max-width:560px) {
  .ebw .ebw-product-wrap > a { flex-basis:58px; }
  .ebw .ebw-pkg-images a { width:65px; height:65px; flex-basis:65px; }
}

/* ==================================================================
 * ERK Builder v2.2.0 — Görsel Zenginleştirme
 * Yalnızca /erk-builder/ sayfası; tema ve iş mantığı korunur.
 * ================================================================== */
.ebw-page .ebw {
  --ink:#132e4a;
  --ink-2:#42617f;
  --blue:#176ba9;
  --line:#dbe6ee;
  --paper:#f0f5fa;
  --muted:#657d94;
  padding:34px 0 96px;
  background:radial-gradient(ellipse at 8% 8%,rgba(43,160,209,.085),transparent 32%),
             radial-gradient(ellipse at 92% 68%,rgba(44,193,162,.055),transparent 36%), #f1f5f9;
}
.ebw-page .ebw-wrap { max-width:1250px; padding:0 28px; }
.ebw-page .ebw-head {
  position:relative;overflow:hidden;align-items:center;margin-bottom:20px;padding:32px 34px;
  background:linear-gradient(117deg,#102b4a 5%,#18476b 63%,#116d80 100%);
  border:1px solid #244d69;border-radius:22px;box-shadow:0 15px 38px rgba(17,46,74,.14);
}
.ebw-page .ebw-head::after {
  content:"";position:absolute;right:-56px;top:-125px;width:350px;height:350px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 98px rgba(255,255,255,.02);pointer-events:none;
}
.ebw-page .ebw-hero-copy,.ebw-page .ebw-head-tools {position:relative;z-index:1;}
.ebw-page .ebw-hero-copy {flex:1 1 540px;min-width:0;}
.ebw-page .ebw-eyebrow,.ebw-page .ebw-kicker {font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}
.ebw-page .ebw-eyebrow {display:inline-block;margin-bottom:12px;color:#94e4d8;}
.ebw-page .ebw-eyebrow span {padding:0 5px;color:#fff;}
.ebw-page .ebw-head h1 {color:#fff;font-size:clamp(25px,2.5vw,35px);max-width:720px;letter-spacing:-.035em;line-height:1.17;margin-bottom:12px;}
.ebw-page .ebw-head .ebw-lead {color:#d5e9f4;font-size:15px;line-height:1.65;max-width:680px;}
.ebw-page .ebw-trust-row {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:#d4f1ee;font-size:12px;font-weight:650;}
.ebw-page .ebw-head-tools {display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.ebw-page .ebw-switch {border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);backdrop-filter:blur(5px);border-radius:13px;}
.ebw-page .ebw-switch a {font-size:13px;color:#ecf8ff;padding:12px 15px;}
.ebw-page .ebw-switch a[aria-current=page] {background:#fff;color:#143653;box-shadow:0 5px 15px rgba(0,0,0,.13);}
.ebw-page .ebw-quicklinks {display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end;}
.ebw-page .ebw-quicklinks a {color:#c2e2ef;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:4px;}
.ebw-page .ebw-quicklinks a:hover {color:#fff;}
.ebw-page .ebw-progress-shell {background:#fff;border:1px solid #e0e9f0;border-radius:18px;padding:16px 20px 12px;margin-bottom:18px;box-shadow:0 5px 20px rgba(24,64,97,.035);}
.ebw-page .ebw-progress-heading {display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px;font-size:11px;letter-spacing:.075em;font-weight:800;color:#5c738a;}
.ebw-page .ebw-progress-heading strong {color:#176ba9;background:#e9f4fc;border-radius:20px;padding:4px 10px;white-space:nowrap;letter-spacing:0;}
.ebw-page .ebw-progress {overflow-x:auto;gap:5px;align-items:flex-start;margin:0;padding:0 0 4px;scrollbar-width:thin;}
.ebw-page .ebw-progress li {display:flex;flex:1 0 0;min-width:98px;gap:8px;align-items:center;padding:10px 0 0;border-top:3px solid #e4ebf2;font-size:12px;white-space:nowrap;}
.ebw-page .ebw-progress li::before {display:none;}
.ebw-page .ebw-step-n {display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #d7e3ee;border-radius:50%;background:#f4f7fa;color:#6b8197;font-size:12px;font-weight:800;}
.ebw-page .ebw-progress li.is-now {color:#123653;border-top-color:#176ba9;}
.ebw-page .ebw-progress li.is-now .ebw-step-n {background:#176ba9;color:#fff;border-color:#176ba9;box-shadow:0 0 0 4px #e7f3fa;}
.ebw-page .ebw-progress li.is-done {border-top-color:#13a28d;color:#37766f;}
.ebw-page .ebw-progress li.is-done .ebw-step-n {background:#e2f8f2;border-color:#a8e3d5;color:#087e72;}
.ebw-page .ebw-panel {border:1px solid #dce7ef;border-radius:20px;padding:29px 30px;box-shadow:0 9px 29px rgba(19,53,82,.04);}
.ebw-page .ebw-panel h2 {font-size:clamp(22px,2vw,26px);font-weight:800;letter-spacing:-.03em;}
.ebw-page .ebw-panel h3 {font-weight:800;}
.ebw-page .ebw-sub {font-size:14px;line-height:1.65;}
.ebw-page .ebw-wizard-layout {display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:18px;}
.ebw-page .ebw-wizard-main {min-width:0;}
.ebw-page .ebw-wizard-main > .ebw-panel {min-height:350px;}
.ebw-page .ebw-live {position:sticky;top:100px;padding:25px 22px;background:linear-gradient(180deg,#fff,#fbfdff);border-color:#d9e9f1;}
.ebw-page .ebw-live-label,.ebw-page .ebw-summary-kicker {display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#167c9a;margin-bottom:15px;}
.ebw-page .ebw-mini-icon {display:inline-block;flex-shrink:0;vertical-align:middle;}
.ebw-page .ebw-live-label .ebw-mini-icon,.ebw-page .ebw-summary-kicker .ebw-mini-icon {width:19px;height:19px;}
.ebw-page .ebw-live h3 {font-size:19px;margin:0 0 7px;}
.ebw-page .ebw-live-desc {font-size:12px;color:#637b91;margin-bottom:17px;}
.ebw-page .ebw-live-facts {margin:0;}
.ebw-page .ebw-live-facts > div {display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #d9e3eb;}
.ebw-page .ebw-live-facts dt {font-size:12px;color:#647b90;}
.ebw-page .ebw-live-facts dd {margin:0;font-size:12px;font-weight:750;color:#143653;text-align:right;max-width:145px;}
.ebw-page .ebw-live-foot {display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:12px;background:#edf8f5;border-radius:11px;color:#216756;font-size:12px;line-height:1.5;}
.ebw-page .ebw-live-foot .ebw-mini-icon {width:19px;height:19px;}
.ebw-page .ebw-option {position:relative;min-height:160px;padding:19px;border-radius:16px;background:linear-gradient(160deg,#fff,#fbfdff);border:1px solid #d8e5ef;transition:transform .18s,border-color .18s,box-shadow .18s;}
.ebw-page .ebw-option svg {width:45px;height:45px;padding:8px;border-radius:12px;background:#eaf5fb;color:#176ba9;}
.ebw-page .ebw-option strong {font-size:16px;letter-spacing:-.01em;}
.ebw-page .ebw-option span {font-size:12px;line-height:1.5;}
.ebw-page .ebw-option:hover {transform:translateY(-3px);border-color:#3393c4;box-shadow:0 11px 26px rgba(19,80,125,.1);}
.ebw-page .ebw-option[aria-pressed=true] {background:#edf8fd;border-color:#2286bb;box-shadow:0 0 0 3px #e0f2fa;}
.ebw-page .ebw-options {grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.ebw-page .ebw-section {margin-top:25px;}
.ebw-page .ebw-chip {font-size:14px;padding:9px 14px;border-color:#d5e2ec;transition:background .16s,border-color .16s;}
.ebw-page .ebw-chip[aria-pressed=true] {background:#173958;border-color:#173958;color:#fff;box-shadow:0 4px 11px #1739581c;}
.ebw-page .ebw-toggle {padding:16px 12px;border-radius:10px;transition:background .14s;}
.ebw-page .ebw-toggle:hover {background:#f4f9fb;}
.ebw-page .ebw-btn {border-radius:11px;transition:transform .15s,box-shadow .15s;}
.ebw-page .ebw-btn:not(:disabled):hover {transform:translateY(-1px);box-shadow:0 7px 15px #176ba920;}
.ebw-page .ebw-btn.is-blue {background:#126da9;border-color:#126da9;}
.ebw-page .ebw-actions {margin-top:24px;}
.ebw-page .ebw-plan-panel {padding:24px;}
.ebw-page .ebw-plan-drawing {border:1px solid #dce9e6;border-radius:15px;background:#eff7f4;overflow:hidden;}
.ebw-page .ebw-plan svg {border-radius:15px;}
.ebw-page .ebw-plan-legend {display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;padding:11px 12px;border-top:1px solid #dce9e6;background:#fff;font-size:12px;color:#4e687e;}
.ebw-page .ebw-legend-dot {display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;background:#1266a6;}
.ebw-page .ebw-legend-dot.is-outdoor {background:#14304d;}
.ebw-page .ebw-plan .ebw-kicker {color:#167c9a;display:block;margin-bottom:10px;}
.ebw-page .ebw-pkg {border-radius:18px;padding:21px;overflow:hidden;box-shadow:0 7px 20px rgba(18,52,82,.035);transition:transform .2s,box-shadow .2s;}
.ebw-page .ebw-pkg:hover {transform:translateY(-3px);box-shadow:0 16px 32px #0e35531a;}
.ebw-page .ebw-pkg.is-rec {border:2px solid #1780bc;box-shadow:0 8px 24px #1373b11a;}
.ebw-page .ebw-pkg-visual {display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:105px;padding:18px 20px;margin:-21px -21px 20px;background:linear-gradient(116deg,#eaf4fc,#e1f4f4);}
.ebw-page .ebw-pkg.is-rec .ebw-pkg-visual {background:linear-gradient(120deg,#153d62,#197d91);color:#fff;}
.ebw-page .ebw-pkg.is-invalid .ebw-pkg-visual {background:#fbe9e6;}
.ebw-page .ebw-pkg-visual .ebw-kicker {display:block;margin-bottom:5px;color:#34698f;}
.ebw-page .ebw-pkg.is-rec .ebw-pkg-visual .ebw-kicker {color:#b4eee2;}
.ebw-page .ebw-pkg-visual-title {font-size:16px;font-weight:800;letter-spacing:-.02em;}
.ebw-page .ebw-pkg-visual .ebw-mini-icon {width:52px;height:52px;padding:10px;border-radius:14px;border:1px solid #aad8e5;color:#186e96;background:#fff8;}
.ebw-page .ebw-pkg.is-rec .ebw-pkg-visual .ebw-mini-icon {color:#ddfff5;background:#ffffff18;border-color:#ffffff30;}
.ebw-page .ebw-pkg h3 {font-size:21px;line-height:1.2;}
.ebw-page .ebw-badge {padding:5px 12px;margin-bottom:12px;}
.ebw-page .ebw-pkg-benefit {font-size:13px;color:#536e84;margin:-5px 0 16px;min-height:38px;}
.ebw-page .ebw-pkg .ebw-tech {font-size:13px;}
.ebw-page .ebw-hl {padding-top:12px !important;border-top:1px solid #edf0f4;}
.ebw-page .ebw-pkg-images {min-height:77px;gap:10px;}
.ebw-page .ebw-pkg-images a {width:77px;height:77px;flex-basis:77px;border-radius:12px;padding:7px;transition:transform .15s,border-color .15s;}
.ebw-page .ebw-pkg-images a:hover {transform:translateY(-2px);}
.ebw-page .ebw-price {padding-top:18px;}
.ebw-page .ebw-price strong {font-size:clamp(24px,2.1vw,31px);letter-spacing:-.04em;}
.ebw-page .ebw-pkg details {padding-top:10px;}
.ebw-page .ebw-pkg details summary {padding:5px 0;font-size:13px;}
.ebw-page .ebw-custom {grid-template-columns:minmax(0,1fr) 310px;gap:18px;}
.ebw-page .ebw-engineering {border-color:#cce5ed;background:#f7fcff;margin:18px 0 23px;}
.ebw-page .ebw-engineering-head {padding:15px 17px;background:linear-gradient(100deg,#e8f5fe,#eaf8f4);}
.ebw-page .ebw-engineering-heading {display:flex;align-items:center;gap:10px;}
.ebw-page .ebw-engineering-heading .ebw-mini-icon {width:22px;height:22px;color:#1683a3;}
.ebw-page .ebw-eng-label {display:flex;gap:8px;align-items:center;color:#657e95;}
.ebw-page .ebw-eng-label span {font-size:12px;}
.ebw-page .ebw-eng-label .ebw-mini-icon {width:20px;height:20px;color:#1883ad;background:#e8f3f9;padding:3px;border-radius:6px;}
.ebw-page .ebw-engineering-item {padding:16px 17px;}
.ebw-page .ebw-engineering-item strong {margin:4px 0;font-size:22px;}
.ebw-page .ebw-lines .ebw-product-thumb {width:82px;height:82px;flex-basis:82px;border-radius:13px;padding:5px;}
.ebw-page .ebw-lines tr:hover td {background:#fafdff;}
.ebw-page .ebw-summary {background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);border-color:#d7e7f2;position:sticky;top:104px;}
.ebw-page .ebw-summary .ebw-summary-tech {font-size:13px;font-weight:700;color:#2f5876;}
.ebw-page .ebw-summary .ebw-summary-kicker {color:#147da2;}
.ebw-page .ebw-summary .ebw-total {font-size:25px;letter-spacing:-.04em;}
.ebw-page .ebw-summary .ebw-engineering-item {padding:12px 10px;}
.ebw-page .ebw-summary .ebw-engineering-item strong {font-size:16px;}
.ebw-page .ebw-done-panel {padding:36px;}
.ebw-page .ebw-done-hero {display:flex;align-items:flex-start;gap:18px;padding:22px;border-radius:16px;background:linear-gradient(100deg,#e7f8f0,#f3fbf8);border:1px solid #bcebd6;}
.ebw-page .ebw-done-hero > .ebw-mini-icon {width:49px;height:49px;flex:0 0 49px;padding:10px;color:#147b50;background:#fff;border:1px solid #bcebd6;border-radius:14px;}
.ebw-page .ebw-done-hero .ebw-kicker {color:#287b5d;}
.ebw-page .ebw-done-hero h2 {margin:5px 0;font-size:26px;}
.ebw-page .ebw-done-hero p {font-size:14px;color:#406e5b;margin:0;}
.ebw-page .ebw-done-details {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:22px 0;}
.ebw-page .ebw-done-details > div {display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;border:1px solid #dce8ee;border-radius:13px;min-height:110px;}
.ebw-page .ebw-done-details small {color:#66829a;font-size:12px;}
.ebw-page .ebw-done-details strong {font-size:19px;color:#153954;}
.ebw-page .ebw-done-details span {font-size:12px;color:#66829a;}
.ebw-page .ebw-done-no {font-size:37px;margin:0;}
/* Sitedeki mevcut servis bağlantıları üstteki yeni mini menüde bulunur.
   Sabit servis düğmelerini yalnızca Builder ekranında gizle: formları örtmesin. */
.ebw-page .floating-service-buttons {display:none !important;}
.ebw-page .floating-contact-buttons {bottom:13px !important;right:10px !important;gap:8px !important;}
.ebw-page .floating-contact-buttons .floating-btn {width:48px !important;height:48px !important;font-size:22px !important;}
@media(max-width:1110px){
  .ebw-page .ebw-head {padding:26px;}
  .ebw-page .ebw-head-tools {align-items:flex-start;}
  .ebw-page .ebw-wizard-layout {grid-template-columns:minmax(0,1fr) 260px;}
  .ebw-page .ebw-custom {grid-template-columns:minmax(0,1fr) 280px;}
}
@media(max-width:930px){
  .ebw-page .ebw-wizard-layout,.ebw-page .ebw-custom {grid-template-columns:1fr;}
  .ebw-page .ebw-live,.ebw-page .ebw-summary {position:static;}
  .ebw-page .ebw-live-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;}
  .ebw-page .ebw-summary {max-width:none;}
}
@media(max-width:680px){
  .ebw-page .ebw {padding:14px 0 66px;}
  .ebw-page .ebw-wrap {padding:0 12px;}
  .ebw-page .ebw-head {padding:22px 18px;border-radius:17px;gap:16px;}
  .ebw-page .ebw-head h1 {font-size:24px;}
  .ebw-page .ebw-head .ebw-lead {font-size:13px;}
  .ebw-page .ebw-quicklinks {justify-content:flex-start;}
  .ebw-page .ebw-trust-row {font-size:11px;}
  .ebw-page .ebw-progress-shell {padding:12px;border-radius:14px;}
  .ebw-page .ebw-progress {gap:4px;}
  .ebw-page .ebw-progress li {flex:1 0 55px;min-width:55px;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:10px;}
  .ebw-page .ebw-step-n {width:23px;height:23px;flex-basis:23px;}
  .ebw-page .ebw-panel {padding:21px 17px;border-radius:16px;}
  .ebw-page .ebw-live-facts {grid-template-columns:1fr;}
  .ebw-page .ebw-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .ebw-page .ebw-option {padding:13px;min-height:155px;}
  .ebw-page .ebw-option strong {font-size:14px;}
  .ebw-page .ebw-option svg {width:39px;height:39px;}
  .ebw-page .ebw-engineering-item {padding:12px 10px;}
  .ebw-page .ebw-engineering-item strong {font-size:18px;}
  .ebw-page .ebw-packages {grid-template-columns:1fr;}
  .ebw-page .ebw-done-details {grid-template-columns:1fr;}
  .ebw-page .ebw-done-hero {padding:17px;}
  .ebw-page .ebw-btn {min-height:47px;}
  .ebw-page .ebw-progress-heading {font-size:10px;}
  .ebw-page .floating-contact-buttons {bottom:9px !important;right:6px !important;}
  .ebw-page .floating-contact-buttons .floating-btn {width:41px !important;height:41px !important;}
}
@media(max-width:380px){
  .ebw-page .ebw-progress li {font-size:9px;min-width:47px;}
  .ebw-page .ebw-switch a {font-size:12px;padding:9px;}
  .ebw-page .ebw-options {grid-template-columns:1fr;}
}
@media print {
  .ebw-page .ebw-head,.ebw-page .ebw-progress-shell,.ebw-page .ebw-quicklinks,.ebw-page .floating-service-buttons,.ebw-page .floating-contact-buttons {display:none !important;}
}

/* ERK Builder v2.4.0 - gerçek ürün fotoğrafları veya açıkça etiketli şematik simgeler. */
.ebw-page .ebw-kit-media {position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:100%;aspect-ratio:1/1;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #d5e6f0;background:linear-gradient(145deg,#eff8fc,#f6fafc);color:#236c93;padding:0;}
.ebw-page button.ebw-kit-media {cursor:zoom-in;}
.ebw-page button.ebw-kit-media:hover {border-color:#1485bc;box-shadow:0 5px 13px rgba(17,73,105,.12);}
.ebw-page .ebw-kit-media img {display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#fff;padding:5px;}
.ebw-page .ebw-kit-media .ebw-kit-symbol {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.ebw-page .ebw-kit-media .ebw-kit-symbol .ebw-mini-icon {width:45%;height:45%;stroke-width:1.5;min-width:22px;min-height:22px;}
.ebw-page .ebw-kit-media.is-photo .ebw-kit-symbol {display:none;}
.ebw-page .ebw-kit-media.is-photo.is-broken img {display:none;}
.ebw-page .ebw-kit-media.is-photo.is-broken .ebw-kit-symbol {display:flex;}
.ebw-page .ebw-kit-media.is-photo.is-broken {cursor:default;}
.ebw-page .ebw-kit-media.is-small {width:55px;height:55px;border-radius:10px;}
.ebw-page .ebw-kit-media.is-small .ebw-mini-icon {width:28px;height:28px;}
.ebw-page .ebw-kit-strip {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 18px;}
.ebw-page .ebw-kit-strip-item {display:flex;align-items:center;min-width:0;gap:8px;padding:7px;background:#f6fafc;border:1px solid #e0edf3;border-radius:13px;}
.ebw-page .ebw-kit-strip-copy {display:grid;gap:3px;min-width:0;}
.ebw-page .ebw-kit-strip-copy b {font-size:12px;line-height:1.3;color:#1c3955;}
.ebw-page .ebw-kit-strip-copy small {font-size:11px;line-height:1.25;color:#657b8f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ebw-page .ebw-equipment {margin:20px 0 24px;padding:18px;border:1px solid #d6e8f1;border-radius:16px;background:linear-gradient(170deg,#f6fbff,#fff 70%);}
.ebw-page .ebw-equipment-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 16px;}
.ebw-page .ebw-equipment-heading .ebw-kicker {font-size:10px;font-weight:800;letter-spacing:.07em;color:#0e7e9b;}
.ebw-page .ebw-equipment-heading h3 {font-size:20px;line-height:1.25;margin:3px 0 7px;color:#14304d;}
.ebw-page .ebw-equipment-heading p {font-size:12px;line-height:1.5;margin:0;color:#5d788d;max-width:64ch;}
.ebw-page .ebw-equipment-count {flex:none;background:#e1f3fb;color:#15678c;font-size:12px;font-weight:800;padding:8px 10px;border-radius:100px;white-space:nowrap;}
.ebw-page .ebw-equipment-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.ebw-page .ebw-equipment-card {min-width:0;background:#fff;border:1px solid #dce8f0;border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 9px #14304d08;}
.ebw-page .ebw-kit-media.is-large {height:115px;aspect-ratio:auto;border-radius:10px;}
.ebw-page .ebw-equipment-copy {display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;}
.ebw-page .ebw-equipment-type {color:#57728a;font-size:11px;font-weight:700;}
.ebw-page .ebw-equipment-copy>b {font-size:12px;line-height:1.4;color:#15334e;overflow-wrap:anywhere;}
.ebw-page .ebw-equipment-qty {font-size:12px;font-weight:800;color:#106d99;}
.ebw-page .ebw-equipment-price {font-size:13px;color:#153954;margin-top:auto;padding-top:6px;}
.ebw-page .ebw-no-photo {font-size:10px;color:#73899b;}
.ebw-page .ebw-system-flow {background:#f0f7fa;border:1px dashed #c6dce6;border-radius:12px;padding:13px;margin-top:17px;}
.ebw-page .ebw-flow-caption {font-size:10px;letter-spacing:.07em;color:#53758b;font-weight:800;}
.ebw-page .ebw-flow-track {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;}
.ebw-page .ebw-flow-node {display:grid;justify-items:center;align-content:center;text-align:center;gap:7px;min-width:0;flex:1;}
.ebw-page .ebw-flow-node .ebw-mini-icon {width:25px;height:25px;color:#156b92;}
.ebw-page .ebw-flow-node span {font-size:11px;line-height:1.3;color:#254861;font-weight:650;}
.ebw-page .ebw-flow-arrow {font-size:17px;color:#3a98b1;flex:none;}
.ebw-page .ebw-system-flow>p {font-size:11px;line-height:1.5;color:#657e8f;margin:10px 0 0;}
.ebw-page .ebw-kit-media.is-table {width:70px;height:70px;border-radius:11px;}
.ebw-page .ebw-equipment.is-compact {padding:12px;margin:14px 0;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-heading {margin:0 0 10px;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-heading h3 {font-size:16px;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-heading p {font-size:11px;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-count {display:none;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-card {padding:5px;gap:5px;}
.ebw-page .ebw-equipment.is-compact .ebw-kit-media.is-large {height:61px;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-type,.ebw-page .ebw-equipment.is-compact .ebw-equipment-price,.ebw-page .ebw-equipment.is-compact .ebw-no-photo {display:none;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-copy>b {font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ebw-page .ebw-equipment.is-compact .ebw-equipment-qty {font-size:10px;}
.ebw-lightbox {position:fixed;z-index:2147483000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,28,45,.88);}
.ebw-lightbox-dialog {position:relative;max-width:min(880px,94vw);width:100%;max-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;}
.ebw-lightbox-dialog img {max-height:76vh;max-width:100%;object-fit:contain;background:#fff;border-radius:14px;padding:14px;}
.ebw-lightbox-name {max-width:100%;text-align:center;color:#fff;font:600 14px/1.5 system-ui;margin:0;}
.ebw-lightbox-close {align-self:flex-end;border:1px solid #ffffff66;border-radius:50%;background:#fff;color:#14304d;width:40px;height:40px;font-size:28px;line-height:1;cursor:pointer;}
@media(max-width:680px){
  .ebw-page .ebw-kit-strip {grid-template-columns:repeat(2,minmax(0,1fr));}
  .ebw-page .ebw-kit-media.is-small {width:42px;height:42px;}
  .ebw-page .ebw-equipment {padding:12px;margin:15px 0;}
  .ebw-page .ebw-equipment-heading {flex-direction:column;}
  .ebw-page .ebw-equipment-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .ebw-page .ebw-kit-media.is-large {height:100px;}
  .ebw-page .ebw-flow-track {gap:3px;}
  .ebw-page .ebw-flow-node .ebw-mini-icon {width:20px;height:20px;}
  .ebw-page .ebw-flow-node span {font-size:9px;}
  .ebw-page .ebw-flow-arrow {font-size:12px;}
  .ebw-page .ebw-kit-media.is-table {width:53px;height:53px;}
}
@media print{.ebw-page .ebw-kit-strip,.ebw-page .ebw-equipment,.ebw-lightbox{display:none !important;}}


/* ================================================================== */
/* ERK SİSTEM OLUŞTURUCU 2.4.0 — SADECE MODÜLE ÖZEL GÖRSEL GELİŞTİRMELER */
/* ================================================================== */
.ebw-page { --ebw-shadow:0 16px 40px rgba(18,53,81,.09); background:linear-gradient(180deg,#f1f7fc 0%,#f7f9fc 100%); }
.ebw-page .ebw-wrap { max-width:1240px; padding-inline:clamp(14px,2vw,30px); }
.ebw-page .ebw-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(290px,.86fr); gap:22px; align-items:stretch; margin-bottom:24px; }
.ebw-page .ebw-hero-copy { position:relative; overflow:hidden; background:linear-gradient(125deg,#123351 0%,#164e70 56%,#168c99 100%); padding:34px 36px; border-radius:24px; box-shadow:var(--ebw-shadow); color:#fff; isolation:isolate; }
.ebw-page .ebw-hero-copy::before { content:""; position:absolute; inset:auto -90px -170px auto; width:380px; height:380px; border:1px solid #ffffff27; border-radius:50%; box-shadow:0 0 0 45px #ffffff09, 0 0 0 95px #ffffff07; pointer-events:none; z-index:-1; }
.ebw-page .ebw-hero-copy h1 { color:#fff; font-size:clamp(27px,3vw,41px); letter-spacing:-.04em; line-height:1.15; margin:0 0 14px; }
.ebw-page .ebw-hero-copy .ebw-lead { color:#e0f1fb; max-width:650px; font-size:16px; line-height:1.7; }
.ebw-page .ebw-hero-copy .ebw-eyebrow { font-size:12px; color:#8ce5e4; letter-spacing:.12em; font-weight:800; margin-bottom:16px; }
.ebw-page .ebw-hero-version { display:inline-block; background:#ffffff20; border:1px solid #ffffff30; border-radius:99px; padding:3px 9px; color:#fff; letter-spacing:0; margin-left:8px; }
.ebw-page .ebw-hero-points { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:18px 0 22px; gap:8px 18px; font-size:13px; font-weight:650; color:#ecfbfb; }
.ebw-page .ebw-hero-points li { margin:0; }
.ebw-page .ebw-hero-actions { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; }
.ebw-page .ebw-quick-links { display:flex; flex-wrap:wrap; gap:15px; }
.ebw-page .ebw-quick-links a { color:#ebffff; font-size:13px; font-weight:700; text-underline-offset:4px; }
.ebw-page .ebw-hero-card { border-radius:24px; padding:20px; border:1px solid #dae9f4; background:#fff; display:grid; gap:12px; box-shadow:var(--ebw-shadow); }
.ebw-page .ebw-kpi { display:flex; flex-direction:column; justify-content:center; background:linear-gradient(165deg,#f7fbfe,#eef7fb); border:1px solid #dbeaf4; border-radius:15px; padding:14px 18px; min-height:80px; }
.ebw-page .ebw-kpi span { font-size:13px; color:#627c92; margin-bottom:7px; }
.ebw-page .ebw-kpi strong { font-size:16px; line-height:1.35; color:#143451; }
.ebw-page .ebw-option-illustrated { min-height:246px; padding:12px 12px 16px; gap:7px; background:#fff; overflow:hidden; }
.ebw-page .ebw-option-illustrated .ebw-scene { display:block; width:100%; height:auto; aspect-ratio:320/168; overflow:hidden; border-radius:12px; margin:0 0 6px; background:#eaf6fc; border:1px solid #e0edf5; }
.ebw-page .ebw-option-illustrated .ebw-scene svg { width:100%; height:100%; display:block; padding:0; margin:0; border-radius:0; background:transparent; color:inherit; }
.ebw-page .ebw-option-illustrated .ebw-option-mark { display:none; }
.ebw-page .ebw-option-illustrated strong { font-size:15px; padding-inline:3px; }
.ebw-page .ebw-option-illustrated > span:last-child { padding-inline:3px; }
.ebw-page .ebw-option-illustrated[aria-pressed=true] { border-color:#137caa; background:#f1fbff; box-shadow:0 0 0 3px #d9f3ff; }
.ebw-page .ebw-option-illustrated[aria-pressed=true] .ebw-scene { border-color:#88c5dd; }
.ebw-page .ebw-pkg { isolation:isolate; }
.ebw-page .ebw-package-facts { display:flex; flex-wrap:wrap; gap:7px; margin:1px 0 14px; }
.ebw-page .ebw-package-facts span { display:inline-flex; gap:5px; align-items:center; padding:6px 9px; border:1px solid #dcebf4; background:#f2f8fc; color:#275c7a; font-size:12px; font-weight:700; border-radius:10px; }
.ebw-page .ebw-package-facts .ebw-mini-icon { width:16px; height:16px; }
.ebw-page .ebw-equipment-card { transition:transform .14s, box-shadow .14s; }
.ebw-page .ebw-equipment-card:hover { transform:translateY(-2px); box-shadow:0 9px 22px #14304d18; }
@media(max-width:1070px) {
  .ebw-page .ebw-hero { grid-template-columns:1fr; }
  .ebw-page .ebw-hero-card { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ebw-page .ebw-kpi { min-height:100px; }
}
@media(max-width:700px) {
  .ebw-page .ebw-hero-copy { padding:25px 19px; }
  .ebw-page .ebw-hero-card { grid-template-columns:1fr; padding:12px; }
  .ebw-page .ebw-kpi { min-height:70px; }
  .ebw-page .ebw-hero-actions { align-items:stretch; }
  .ebw-page .ebw-quick-links { width:100%; }
  .ebw-page .ebw-option-illustrated { min-height:200px; }
}
@media(prefers-reduced-motion: reduce) { .ebw-page .ebw-option-illustrated, .ebw-page .ebw-equipment-card { transition:none; } }