/* SBT Studio — e-ticaret proje formu (e-ticaret-teklif.html). brand.css token'larını kullanır. */
.sbt-ecom-form{background:var(--color-bg)}
.ef-hero{padding:64px 0 88px}
.ef-crumb{margin:0 0 18px;font-size:.84rem;color:var(--color-on-dark-muted)}
.ef-crumb a{color:var(--color-primary-on-dark)}
.ef-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.08;margin:0 0 16px;color:#fff;letter-spacing:-.02em}
.ef-hero h1 em{font-style:normal;color:var(--color-primary-on-dark)}
.ef-hero .lead{max-width:620px;margin:0;color:var(--color-on-dark-secondary)}

.ef-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:-48px;padding-bottom:96px}
.ef-layout[hidden]{display:none}
.ef-form{display:grid;gap:18px;min-width:0}
.ef-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);min-width:0}
.ef-card-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}
.ef-step{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-navy);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.86rem}
.ef-card-head h2{font-family:var(--font-display);font-weight:700;font-size:1.3rem;margin:2px 0 4px;color:var(--color-text)}
.ef-card-head p{margin:0;color:var(--color-text-secondary);font-size:.9rem}

.ef-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.ef-field label,.ef-group legend{display:block;font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:8px;padding:0}
.ef-field small,.ef-group small{font-weight:400;color:var(--color-text-muted)}
.ef-req{color:var(--color-danger)}
.ef-field input,.ef-field textarea{width:100%;font:inherit;font-size:1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:12px 14px;min-height:48px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.ef-field textarea{resize:vertical;min-height:120px;line-height:1.5}
.ef-field input:focus,.ef-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}
.ef-field input::placeholder,.ef-field textarea::placeholder{color:var(--color-text-muted)}
.has-error input,.has-error textarea{border-color:var(--color-danger)}
.ef-count{margin:6px 0 0;text-align:right;font-size:.76rem;color:var(--color-text-muted)}

.ef-group{border:0;margin:0 0 22px;padding:0;min-width:0}
.ef-group:last-child{margin-bottom:0}
.ef-hint{margin:-2px 0 10px;font-size:.84rem;color:var(--color-text-muted)}
.ef-chips{display:flex;flex-wrap:wrap;gap:8px}
.ef-chips--4 .ef-chip{flex:1 1 calc(25% - 8px);min-width:120px}
.ef-chip{position:relative;cursor:pointer}
.ef-chip input{position:absolute;opacity:0;width:1px;height:1px}
.ef-chip span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.92rem;font-weight:500;color:var(--color-text-secondary);transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}
.ef-chip:hover span{border-color:var(--color-navy);color:var(--color-text)}
.ef-chip input:checked+span{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-navy);font-weight:600;box-shadow:inset 0 0 0 1px var(--color-primary)}
.ef-chip input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}
.has-error .ef-chip span{border-color:var(--color-danger)}
.ef-err{margin:8px 0 0;font-size:.84rem;font-weight:500;color:var(--color-danger)}

.ef-submit{display:grid;gap:14px}
.ef-consent{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;line-height:1.55}
.ef-consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--color-primary)}
.ef-consent a{color:var(--color-primary);text-decoration:underline}
.ef-consent.has-error{color:var(--color-danger)}
.ef-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ef-send{width:100%;min-height:54px;font-size:1rem}
.ef-send[disabled]{opacity:.7;cursor:progress}
.ef-small{margin:0;font-size:.8rem;color:var(--color-text-muted);text-align:center}
.ef-notice{padding:14px 18px;border-radius:var(--radius-sm);font-weight:500;font-size:.92rem}
.ef-notice--error{background:color-mix(in srgb,var(--color-danger) 7%,var(--color-surface));color:var(--color-danger);border:1px solid rgba(220,38,38,.25)}

.ef-side{position:sticky;top:96px}
.ef-side-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}
.ef-summary{margin:14px 0 16px;display:grid;gap:12px}
.ef-summary div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}
.ef-summary dt{color:var(--color-text-muted)}
.ef-summary dd{margin:0;font-weight:600;color:var(--color-text);text-align:right}
.ef-bar{height:6px;border-radius:3px;background:var(--color-surface-soft);overflow:hidden}
.ef-bar i{display:block;height:100%;width:0;background:var(--color-primary);transition:width .3s var(--ease)}
.ef-next{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--color-border);display:grid;gap:10px;font-size:.84rem;color:var(--color-text-secondary);counter-reset:n}
.ef-next li{display:flex;gap:10px;counter-increment:n}
.ef-next li::before{content:counter(n);flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--color-surface-soft);font-size:.7rem;font-weight:700;color:var(--color-text-secondary)}

.ef-done{margin-top:-48px;padding-bottom:120px;outline:none}
.ef-done[hidden]{display:none}
.ef-done-card{max-width:640px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:44px 40px;text-align:center;box-shadow:var(--shadow-lg)}
.ef-done-ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success);font-size:1.5rem;font-weight:700}
.ef-done-card h2{font-family:var(--font-display);font-weight:700;font-size:1.8rem;margin:18px 0 10px;color:var(--color-text)}
.ef-done-card p{color:var(--color-text-secondary);margin:0 0 26px;line-height:1.6}
.ef-done-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

.sbt-ecom-form .site-footer{padding:0}
.sbt-ecom-form .copy a{color:var(--color-on-dark-secondary)}

@media(max-width:980px){
  .ef-layout{grid-template-columns:1fr}
  .ef-side{position:static}
  .ef-next{display:none}
}
@media(max-width:640px){
  .ef-hero{padding:40px 0 72px}
  .ef-card{padding:22px 18px}
  .ef-grid{grid-template-columns:1fr}
  .ef-chips--4 .ef-chip{flex-basis:calc(50% - 8px);min-width:0}
  .ef-chip{flex:1 1 auto}
  .ef-done-card{padding:32px 22px}
}
@media(prefers-reduced-motion:reduce){.ef-bar i,.ef-chip span,.ef-field input{transition:none}}