/* Selecto tanıtım sayfası (/, /en, /de). Sınıflar se- önekli; yalnız layouts/landing ve welcome kullanır.
   Yazı tipleri bu sunucudan: başlıklar DIN, metin FreeSans (cxr.app ile aynı dosyalar). */

@font-face { font-family: 'SE DIN'; src: url('fonts/din-medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'SE DIN'; src: url('fonts/din-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'SE Sans'; src: url('fonts/freesans-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'SE Sans'; src: url('fonts/freesans-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'SE Sans'; src: url('fonts/freesans-oblique.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --se-brand: #C026D3;
  --se-brand-strong: #86198F;
  --se-brand-deep: #701A75;
  --se-surface: #FAE8FF;
  --se-tint: #FDF4FF;
  --se-ink: #19091C;
  --se-text: #2E1A31;
  --se-muted: #6B526F;
  --se-line: #EBD9EE;
  --se-accent: #4338CA;
  --se-ok: #047857;
  --se-err: #B91C1C;
  --se-white: #FFFFFF;
  --se-radius: 16px;
  --se-radius-sm: 10px;
  --se-shadow: 0 1px 2px rgba(25, 9, 28, .06), 0 8px 24px rgba(25, 9, 28, .06);
  --se-head: 'SE DIN', 'DIN Alternate', 'Arial Narrow', Arial, sans-serif;
  --se-body: 'SE Sans', 'Helvetica Neue', Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body.se-body { margin: 0; background: var(--se-white); color: var(--se-text); font-family: var(--se-body); font-size: 17px; line-height: 1.6; overflow-x: hidden; }
body.se-menu-open { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--se-brand-strong); }
a:hover { color: var(--se-brand-deep); }
button, input, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--se-accent); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--se-head); color: var(--se-ink); line-height: 1.15; margin: 0 0 .5em; font-weight: 700; letter-spacing: -.01em; }
h1 { font-size: clamp(2.1rem, 5.4vw, 3.6rem); }
h2 { font-size: clamp(1.65rem, 3.6vw, 2.5rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }

.se-skip { position: absolute; left: -999px; top: 8px; background: var(--se-ink); color: #fff; padding: 10px 16px; border-radius: 8px; z-index: 1000; }
.se-skip:focus { left: 8px; }
.se-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.se-narrow { max-width: 820px; }
.se-center { text-align: center; }
.se-muted { color: var(--se-muted); }
.se-accent { color: var(--se-brand-strong); }

/* Düğmeler */
.se-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 44px; padding: .6em 1.2em; border-radius: 999px; border: 2px solid transparent; font-weight: 700; font-size: 1rem; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s; text-align: center; }
.se-btn-sm { min-height: 44px; padding: .45em 1em; font-size: .95rem; }
.se-btn-lg { min-height: 52px; padding: .75em 1.5em; font-size: 1.05rem; }
.se-btn-primary { background: var(--se-brand-strong); color: #fff; }
.se-btn-primary:hover { background: var(--se-brand-deep); color: #fff; }
.se-btn-ghost { background: #fff; color: var(--se-brand-strong); border-color: var(--se-brand-strong); }
.se-btn-ghost:hover { background: var(--se-surface); color: var(--se-brand-deep); }
.se-btn-light { background: #fff; color: var(--se-brand-strong); }
.se-btn-light:hover { background: var(--se-surface); }
.se-btn:disabled { opacity: .45; cursor: not-allowed; }

/* Üst bar */
.se-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .96); backdrop-filter: blur(10px); border-bottom: 1px solid var(--se-line); }
.se-header-in { max-width: 1180px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; gap: 16px; }
.se-logo { display: inline-flex; align-items: center; min-height: 44px; flex: none; }
.se-logo img { height: 34px; width: auto; }
.se-nav { margin-left: auto; }
.se-nav ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.se-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--se-text); text-decoration: none; font-weight: 700; font-size: .95rem; border-radius: 999px; }
.se-nav a:hover { background: var(--se-tint); color: var(--se-brand-strong); }
.se-header-actions { display: flex; align-items: center; gap: 8px; }
.se-lang { display: inline-flex; border: 1px solid var(--se-line); border-radius: 999px; overflow: hidden; }
.se-lang a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; font-size: .85rem; font-weight: 700; text-decoration: none; color: var(--se-muted); }
.se-lang a.is-active { background: var(--se-ink); color: #fff; }
.se-link-login { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; font-weight: 700; text-decoration: none; color: var(--se-text); }
.se-menu-btn { display: none; width: 44px; height: 44px; border: 1px solid var(--se-line); border-radius: 12px; background: #fff; cursor: pointer; position: relative; }
.se-menu-bars, .se-menu-bars::before, .se-menu-bars::after { position: absolute; left: 12px; width: 18px; height: 2px; background: var(--se-ink); border-radius: 2px; content: ''; transition: transform .2s; }
.se-menu-bars { top: 21px; }
.se-menu-bars::before { left: 0; top: -6px; }
.se-menu-bars::after { left: 0; top: 6px; }
.se-menu-btn[aria-expanded="true"] .se-menu-bars { background: transparent; }
.se-menu-btn[aria-expanded="true"] .se-menu-bars::before { transform: translateY(6px) rotate(45deg); }
.se-menu-btn[aria-expanded="true"] .se-menu-bars::after { transform: translateY(-6px) rotate(-45deg); }
.se-drawer { border-top: 1px solid var(--se-line); background: #fff; max-height: calc(100vh - 64px); overflow-y: auto; padding: 12px 20px 24px; }
.se-drawer-title { font-family: var(--se-head); font-weight: 700; color: var(--se-muted); text-transform: uppercase; font-size: .8rem; letter-spacing: .08em; margin: 4px 0 8px; }
.se-drawer ul { list-style: none; margin: 0; padding: 0; }
.se-drawer-link { display: flex; align-items: center; min-height: 48px; color: var(--se-ink); text-decoration: none; font-weight: 700; border-bottom: 1px solid var(--se-line); }
.se-drawer-actions { display: grid; gap: 10px; margin-top: 16px; }

/* Hero */
.se-hero { background: linear-gradient(180deg, var(--se-tint) 0%, #fff 100%); padding: 48px 0 56px; }
.se-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; }
.se-lead { font-size: 1.15rem; color: var(--se-text); max-width: 36em; }
.se-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 18px; }
.se-trust { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--se-muted); font-size: .95rem; }
.se-trust i { color: var(--se-ok); margin-right: 4px; }
.se-hero-visual { position: relative; }
.se-hero-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; box-shadow: var(--se-shadow); }
.se-hero-card { position: absolute; left: -16px; bottom: -22px; background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0 12px 32px rgba(25, 9, 28, .18); display: grid; gap: 8px; min-width: 230px; }
.se-hero-thumbs { display: flex; gap: 6px; }
.se-hero-thumb { position: relative; width: 64px; height: 48px; border-radius: 8px; overflow: hidden; outline: 2px solid transparent; }
.se-hero-thumb img { width: 100%; height: 100%; object-fit: cover; }
.se-hero-thumb i { position: absolute; right: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--se-brand-strong); color: #fff; font-size: 10px; display: none; align-items: center; justify-content: center; }
.se-hero-thumb.is-picked { outline-color: var(--se-brand-strong); }
.se-hero-thumb.is-picked i { display: flex; }
.se-hero-count { display: flex; justify-content: space-between; gap: 12px; font-size: .9rem; color: var(--se-muted); }
.se-hero-count strong { color: var(--se-ink); }

/* Bölümler */
.se-section { padding: 72px 0; }
.se-section-tint { background: var(--se-tint); }
.se-head { text-align: center; max-width: 760px; margin: 0 auto 36px; }
.se-head p { color: var(--se-muted); font-size: 1.1rem; }
.se-head-left { text-align: left; margin: 0; }
.se-head-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; max-width: none; text-align: left; flex-wrap: wrap; }
.se-head-row a { font-weight: 700; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }

.se-card { background: #fff; border: 1px solid var(--se-line); border-radius: var(--se-radius); padding: 20px; box-shadow: var(--se-shadow); }
.se-card-dark { background: var(--se-ink); color: #F5E9F7; border-color: var(--se-ink); }
.se-card-dark .se-card-head { color: #fff; }
.se-card-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-family: var(--se-head); font-weight: 700; color: var(--se-ink); margin-bottom: 14px; }
.se-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; background: var(--se-surface); color: var(--se-brand-strong); font-size: .85rem; font-weight: 700; font-family: var(--se-body); white-space: nowrap; }
.se-badge-light { background: rgba(255, 255, 255, .14); color: #fff; }
.se-hint { color: var(--se-muted); font-size: .92rem; margin: 6px 0 0; }
.se-card-dark .se-hint { color: #D9C3DD; }
.se-hint-strong { color: var(--se-text); }
.se-ok { color: var(--se-ok); font-weight: 700; font-size: .95rem; margin: 8px 0 0; min-height: 1em; }
.se-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.se-split > *, .se-grid3 > *, .se-steps > *, .se-hero-grid > * { min-width: 0; }
.se-split-center { align-items: center; }
.se-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

/* Çekim türleri */
.se-tiles { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.se-tile { position: relative; border-radius: var(--se-radius); overflow: hidden; }
.se-tile img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.se-tile span { position: absolute; left: 12px; bottom: 12px; background: rgba(25, 9, 28, .78); color: #fff; padding: 4px 12px; border-radius: 999px; font-weight: 700; font-size: .95rem; }

/* Seçim örneği */
.se-demo { margin-top: 28px; background: #fff; border: 1px solid var(--se-line); border-radius: 20px; padding: 18px; box-shadow: var(--se-shadow); }
.se-demo-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.se-demo-counter { font-weight: 700; color: var(--se-ink); }
.se-demo-msg { min-height: 1.4em; color: var(--se-err); font-weight: 700; font-size: .95rem; margin: 0 0 8px; }
.se-photos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.se-photo { border: 2px solid var(--se-line); border-radius: 14px; overflow: hidden; background: #fff; transition: border-color .2s; }
.se-photo.is-picked { border-color: var(--se-brand-strong); }
.se-photo figure { margin: 0; position: relative; }
.se-photo img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.se-photo figcaption { position: absolute; left: 8px; right: 8px; bottom: 8px; display: flex; justify-content: space-between; gap: 6px; }
.se-photo-name, .se-chip { background: rgba(25, 9, 28, .78); color: #fff; padding: 2px 8px; border-radius: 6px; font-size: .85rem; font-weight: 700; }
.se-chip-cover { background: var(--se-brand-strong); }
.se-photo-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 8px; }
.se-act { min-height: 44px; border: 1px solid var(--se-line); background: #fff; border-radius: 10px; font-weight: 700; font-size: .9rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 8px; color: var(--se-text); overflow: hidden; text-overflow: ellipsis; }
.se-act:hover { border-color: var(--se-brand); }
.se-act[aria-pressed="true"] { background: var(--se-brand-strong); border-color: var(--se-brand-strong); color: #fff; }
.se-act.has-note { border-color: var(--se-brand-strong); color: var(--se-brand-strong); }
.se-act-pick { grid-column: 1 / -1; }
.se-demo-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin: 14px 0 0; font-size: .92rem; color: var(--se-muted); }
.se-demo-foot a { font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }

/* Diyaloglar */
.se-dialog { border: 0; border-radius: 20px; padding: 0; width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 24px); box-shadow: 0 24px 64px rgba(25, 9, 28, .35); color: var(--se-text); }
.se-dialog::backdrop { background: rgba(25, 9, 28, .55); }
.se-dialog-body { padding: 22px; display: grid; gap: 4px; }
.se-dialog-top { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.se-dialog h3 { margin: 0 0 6px; }
.se-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 10px; }
.se-close { width: 44px; height: 44px; border: 0; border-radius: 12px; background: var(--se-tint); cursor: pointer; flex: none; }
.se-dialog label, .se-label { font-weight: 700; color: var(--se-ink); display: block; margin-bottom: 4px; }
.se-dialog textarea, .se-dialog input[type="text"], .se-dialog input[type="email"], .se-field input[type="text"] { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #CDB6D1; border-radius: 10px; background: #fff; }
.se-dialog textarea:focus, .se-dialog input:focus, .se-field input:focus { border-color: var(--se-brand-strong); }
[aria-invalid="true"] { border-color: var(--se-err) !important; }
.se-req { font-weight: 400; color: var(--se-muted); font-size: .85rem; }
.se-err { color: var(--se-err); font-size: .9rem; margin: 2px 0 0; min-height: 0; }
.se-err:empty { display: none; }
.se-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.se-form-msg { font-weight: 700; margin: 6px 0 0; }
.se-form-msg:empty { display: none; }
.se-form-msg.is-ok { color: var(--se-ok); }
.se-form-msg.is-error { color: var(--se-err); }

/* Ayarlar */
.se-field { margin: 14px 0; }
.se-stepper { display: inline-flex; align-items: center; gap: 8px; }
.se-step { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--se-line); background: #fff; font-size: 1.3rem; font-weight: 700; cursor: pointer; }
.se-stepper output { min-width: 3ch; text-align: center; font-family: var(--se-head); font-size: 1.5rem; font-weight: 700; color: var(--se-ink); }
.se-switch { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; min-height: 56px; border: 0; border-top: 1px solid var(--se-line); background: none; cursor: pointer; text-align: left; }
.se-switch strong { display: block; color: var(--se-ink); }
.se-switch small { display: block; color: var(--se-muted); font-size: .9rem; }
.se-switch-ui { flex: none; width: 46px; height: 28px; border-radius: 999px; background: #CDB6D1; position: relative; transition: background .2s; }
.se-switch-ui::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); }
.se-switch[aria-pressed="true"] .se-switch-ui { background: var(--se-brand-strong); }
.se-switch[aria-pressed="true"] .se-switch-ui::after { transform: translateX(18px); }
.se-inline { display: flex; gap: 8px; align-items: center; }
.se-inline input { flex: 1; min-width: 0; }
.se-inline-wrap { flex-wrap: wrap; margin-top: 12px; }
.se-seg { display: inline-flex; border: 1px solid var(--se-line); border-radius: 12px; overflow: hidden; background: #fff; }
.se-seg button { min-height: 44px; padding: 0 16px; border: 0; background: none; cursor: pointer; font-weight: 700; color: var(--se-text); }
.se-seg button + button { border-left: 1px solid var(--se-line); }
.se-seg button[aria-pressed="true"] { background: var(--se-brand-strong); color: #fff; }
.se-seg-wrap { display: flex; flex-wrap: wrap; }
.se-seg-wrap button { flex: 1 1 auto; }
.se-summary-count { font-weight: 700; color: #fff; }
.se-summary { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; }
.se-summary dt { color: #D9C3DD; font-size: .9rem; }
.se-summary dd { margin: 0; color: #fff; font-weight: 700; overflow-wrap: anywhere; }

/* Filigran */
.se-wm { position: relative; margin: 0; border-radius: var(--se-radius); overflow: hidden; box-shadow: var(--se-shadow); }
.se-wm > img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.se-wm figcaption { position: absolute; left: 10px; top: 10px; background: rgba(25, 9, 28, .7); color: #fff; font-size: .85rem; padding: 2px 8px; border-radius: 6px; }
.se-wm-mark { position: absolute; max-width: 30%; color: #fff; font-family: var(--se-head); font-weight: 700; font-size: clamp(.9rem, 2.4vw, 1.4rem); letter-spacing: .12em; text-shadow: 0 1px 2px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .5); pointer-events: none; }
.se-wm-mark img { width: 100%; height: auto; }
.se-wm-mark.pos-top-left { left: 5%; top: 6%; }
.se-wm-mark.pos-top-right { right: 5%; top: 6%; }
.se-wm-mark.pos-center { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.se-wm-mark.pos-bottom-left { left: 5%; bottom: 6%; }
.se-wm-mark.pos-bottom-right { right: 5%; bottom: 6%; }
.se-pos { display: grid; grid-template-columns: repeat(3, 44px); grid-template-rows: repeat(3, 44px); gap: 4px; }
.se-pos button { border: 1px solid var(--se-line); background: #fff; border-radius: 8px; cursor: pointer; position: relative; }
.se-pos button span { position: absolute; width: 10px; height: 10px; border-radius: 2px; background: var(--se-muted); left: 50%; top: 50%; transform: translate(-50%, -50%); }
.se-pos button[aria-pressed="true"] { background: var(--se-brand-strong); border-color: var(--se-brand-strong); }
.se-pos button[aria-pressed="true"] span { background: #fff; }
.se-pos .pos-top-left { grid-area: 1 / 1; }
.se-pos .pos-top-right { grid-area: 1 / 3; }
.se-pos .pos-center { grid-area: 2 / 2; }
.se-pos .pos-bottom-left { grid-area: 3 / 1; }
.se-pos .pos-bottom-right { grid-area: 3 / 3; }
.se-field input[type="range"] { width: 100%; accent-color: var(--se-brand-strong); min-height: 44px; }
.se-field input[type="file"] { width: 100%; max-width: 100%; min-height: 44px; }

/* Bağlantı */
.se-mail-title { font-weight: 700; color: var(--se-ink); }
.se-kv { margin: 0; display: grid; gap: 4px; }
.se-kv dt { color: var(--se-muted); font-size: .88rem; }
.se-kv dd { margin: 0 0 8px; font-weight: 700; overflow-wrap: anywhere; }
.se-bubble { background: var(--se-tint); border-radius: 14px; padding: 12px 14px; margin: 0; overflow-wrap: anywhere; }
.se-bubble-wa { background: #E7F8EE; }

/* Teslimat */
.se-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.se-steps img { border-radius: 12px; aspect-ratio: 4 / 3; object-fit: cover; width: 100%; margin-bottom: 10px; }
.se-step-head { display: flex; align-items: center; gap: 10px; font-family: var(--se-head); font-weight: 700; color: var(--se-ink); }
.se-num { width: 30px; height: 30px; border-radius: 50%; background: var(--se-brand-strong); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; }
.se-step-cap { font-weight: 700; color: var(--se-ink); margin-bottom: 8px; }
.se-step-cap i { color: var(--se-ok); }
.se-kv-line { margin: 0; color: var(--se-muted); overflow-wrap: anywhere; }
.se-kv-line span { color: var(--se-ink); font-weight: 700; }

/* Ödeme */
.se-note-card h3 { color: var(--se-brand-strong); }
.se-money { margin: 18px 0 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.se-money div { background: var(--se-tint); border-radius: 12px; padding: 10px; }
.se-money dt { color: var(--se-muted); font-size: .85rem; }
.se-money dd { margin: 0; font-family: var(--se-head); font-weight: 700; font-size: 1.2rem; color: var(--se-ink); overflow-wrap: anywhere; }
.se-bar { height: 10px; background: var(--se-line); border-radius: 999px; overflow: hidden; }
.se-bar span { display: block; height: 100%; background: var(--se-brand-strong); transition: width .3s; }

/* İndirme */
.se-dl-img { border-radius: 12px; aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

/* Aşamalar */
.se-stats { margin: 0 0 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.se-stats div { background: var(--se-tint); border-radius: 12px; padding: 12px; }
.se-stats dt { color: var(--se-muted); font-size: .85rem; }
.se-stats dd { margin: 0; font-family: var(--se-head); font-weight: 700; font-size: 1.6rem; color: var(--se-ink); }
.se-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.se-chips button { min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--se-line); background: #fff; cursor: pointer; font-weight: 700; font-size: .9rem; }
.se-chips button[aria-pressed="true"] { background: var(--se-ink); border-color: var(--se-ink); color: #fff; }
.se-works { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.se-works li { display: grid; grid-template-columns: 1.3fr auto 1fr; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--se-line); border-radius: 12px; }
.se-work-name small { display: block; color: var(--se-muted); }
.se-work-count { color: var(--se-muted); font-size: .9rem; text-align: right; }
.se-status { padding: 4px 10px; border-radius: 999px; font-size: .82rem; font-weight: 700; background: var(--se-surface); color: var(--se-brand-strong); white-space: nowrap; }
.se-status-delivered { background: #D1FAE5; color: #065F46; }
.se-status-sent_to_print, .se-status-printed { background: #E0E7FF; color: #3730A3; }
.se-status-edited { background: #FEF3C7; color: #92400E; }
.se-status-selection_completed { background: #CCFBF1; color: #115E59; }

/* Alan adı */
.se-browser { background: #fff; border: 1px solid var(--se-line); border-radius: 16px; overflow: hidden; box-shadow: var(--se-shadow); }
.se-browser-bar { background: var(--se-tint); padding: 10px 14px; font-size: .9rem; color: var(--se-text); overflow-wrap: anywhere; }
.se-browser-bar i { color: var(--se-ok); margin-right: 6px; }
.se-browser-body { padding: 16px; }
.se-browser-brand { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; }
.se-browser-brand strong { font-family: var(--se-head); letter-spacing: .12em; color: var(--se-ink); }
.se-browser-brand span { color: var(--se-muted); }
.se-browser-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.se-browser-grid img { border-radius: 8px; aspect-ratio: 1; object-fit: cover; }

/* CXR AI */
.se-ai-head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.se-ai-head img { width: 84px; height: 84px; border-radius: 20px; object-fit: cover; background: var(--se-tint); flex: none; }
.se-ai-head small { color: var(--se-brand-strong); font-weight: 700; }
.se-ai-head h3 { margin: 0; }
.se-chat { display: grid; gap: 8px; margin: 12px 0; }
.se-msg { margin: 0; padding: 10px 14px; border-radius: 14px; background: var(--se-tint); max-width: 92%; }
.se-msg small { display: block; font-weight: 700; color: var(--se-muted); font-size: .85rem; }
.se-msg-me { justify-self: end; background: var(--se-ink); color: #fff; }
.se-msg-me small { color: #D9C3DD; }

/* Hesap şeması */
.se-eco { margin: 0 auto 20px; max-width: 980px; display: grid; gap: 22px; justify-items: center; }
.se-eco-hub { display: grid; gap: 12px; justify-items: center; position: relative; }
.se-eco-node { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 999px; background: var(--se-ink); color: #fff; font-family: var(--se-head); font-weight: 700; }
.se-eco-memory { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 12px 16px; border: 2px dashed var(--se-brand); border-radius: 16px; background: var(--se-tint); }
.se-eco-memory strong { width: 100%; text-align: center; color: var(--se-brand-strong); font-family: var(--se-head); }
.se-eco-memory span { padding: 2px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--se-line); font-size: .88rem; }
.se-eco-apps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; width: 100%; position: relative; }
.se-eco-apps::before { content: ''; position: absolute; left: 8%; right: 8%; top: -12px; height: 2px; background: var(--se-line); }
.se-eco-apps li { background: #fff; border: 1px solid var(--se-line); border-radius: 14px; padding: 14px 10px; display: flex; align-items: center; justify-content: center; min-height: 72px; }
.se-eco-apps li.is-current { border: 2px solid var(--se-brand-strong); }
.se-eco-apps img { max-height: 34px; width: auto; }

/* Fiyat */
.se-alert { background: #fff; border: 1px solid var(--se-line); border-left: 4px solid var(--se-brand-strong); border-radius: 12px; padding: 14px 16px; max-width: 760px; margin: 0 auto 20px; }
.se-alert.is-ok { border-left-color: var(--se-ok); }
.se-alert.is-error { border-left-color: var(--se-err); }
.se-plans { list-style: none; padding: 0; margin: 0 0 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.se-plan { background: #fff; border: 1px solid var(--se-line); border-radius: 20px; padding: 22px; display: flex; flex-direction: column; gap: 14px; box-shadow: var(--se-shadow); }
.se-plan.is-featured { border: 2px solid var(--se-brand-strong); }
.se-plan-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.se-plan-head h3 { margin: 0; }
.se-plan-price { display: grid; gap: 4px; padding-bottom: 14px; border-bottom: 1px solid var(--se-line); }
.se-plan-price small { color: var(--se-muted); }
.se-plan-price p { margin: 0; }
.se-plan-price strong { font-family: var(--se-head); font-size: 2rem; color: var(--se-ink); }
.se-plan-price del { color: var(--se-muted); margin-right: 6px; }
.se-plan-price .se-btn { margin-top: 6px; }
.se-plan-features { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: .95rem; }
.se-plan-features i { color: var(--se-ok); margin-right: 6px; }
.se-notes { max-width: 760px; margin: 0 auto; text-align: center; color: var(--se-muted); font-size: .92rem; }
.se-setup { margin-top: 28px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: #fff; border: 2px dashed var(--se-brand); border-radius: 20px; padding: 22px; }
.se-setup h3 { margin-bottom: 4px; }
.se-setup p { margin: 0 0 6px; }
.se-setup-price { font-weight: 700; color: var(--se-ink); }
.se-setup .se-btn { flex: none; }

/* Uygulamalar */
.se-apps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.se-apps a { display: grid; gap: 10px; justify-items: center; text-align: center; padding: 18px 12px; border: 1px solid var(--se-line); border-radius: 16px; background: #fff; text-decoration: none; color: var(--se-text); min-height: 44px; height: 100%; }
.se-apps a:hover { border-color: var(--se-brand-strong); }
.se-apps img { max-height: 34px; width: auto; }
.se-apps span { font-size: .9rem; color: var(--se-muted); }

/* Blog */
.se-blog { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.se-blog .se-card { padding: 0; overflow: hidden; }
.se-blog a { display: grid; gap: 8px; text-decoration: none; color: var(--se-text); height: 100%; padding-bottom: 18px; }
.se-blog img { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; }
.se-blog h3, .se-blog p, .se-blog .se-more { margin: 0 18px; }
.se-blog h3 { font-size: 1.1rem; }
.se-blog p { color: var(--se-muted); font-size: .95rem; }
.se-more { color: var(--se-brand-strong); font-weight: 700; }

/* SSS */
.se-faq { display: grid; gap: 10px; }
.se-faq details { background: #fff; border: 1px solid var(--se-line); border-radius: 14px; }
.se-faq summary { list-style: none; cursor: pointer; padding: 14px 48px 14px 18px; min-height: 52px; font-weight: 700; color: var(--se-ink); position: relative; display: flex; align-items: center; }
.se-faq summary::-webkit-details-marker { display: none; }
.se-faq summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--se-brand-strong); }
.se-faq details[open] summary::after { content: '−'; }
.se-faq details p { padding: 0 18px 16px; margin: 0; color: var(--se-text); }

/* Kapanış */
.se-final { background: linear-gradient(135deg, var(--se-brand-strong), var(--se-ink)); color: #fff; padding: 72px 0; }
.se-final h2 { color: #fff; }
.se-final p { color: #F3DDF6; font-size: 1.1rem; }

/* Alt bilgi */
.se-footer { background: var(--se-ink); color: #D9C3DD; padding: 56px 0 24px; font-size: .95rem; }
.se-footer-in { max-width: 1180px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.se-footer-brand img { height: 34px; width: auto; background: #fff; border-radius: 8px; padding: 4px 8px; margin-bottom: 12px; }
.se-footer h2 { color: #fff; font-size: 1rem; margin-bottom: 10px; }
.se-footer ul { list-style: none; padding: 0; margin: 0; }
.se-footer-col a, .se-footer-btn { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; color: #F3DDF6; text-decoration: none; }
.se-footer-col a:hover, .se-footer-btn:hover { color: #fff; text-decoration: underline; }
.se-footer-btn { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
.se-social { display: flex; gap: 8px; margin-top: 12px; }
.se-social a { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(255, 255, 255, .08); color: #fff; }
.se-imprint { max-width: 1180px; margin: 32px auto 0; padding: 18px 20px 0; border-top: 1px solid rgba(255, 255, 255, .12); font-size: .85rem; }
.se-imprint p { margin: 0 0 6px; overflow-wrap: anywhere; }
.se-imprint a { color: #F3DDF6; }

/* Duyarlı düzen */
@media (max-width: 1080px) {
  .se-nav { display: none; }
  .se-menu-btn { display: inline-block; }
  .se-header-actions { margin-left: auto; }
  .se-apps { grid-template-columns: repeat(3, 1fr); }
  .se-eco-apps { grid-template-columns: repeat(3, 1fr); }
  .se-eco-apps::before { display: none; }
}
@media (max-width: 900px) {
  .se-hero-grid, .se-split, .se-steps { grid-template-columns: minmax(0, 1fr); }
  .se-grid3, .se-blog { grid-template-columns: 1fr; }
  .se-photos { grid-template-columns: repeat(2, 1fr); }
  .se-footer-in { grid-template-columns: 1fr 1fr; }
  .se-footer-brand { grid-column: 1 / -1; }
  .se-stats { grid-template-columns: repeat(2, 1fr); }
  .se-hero-card { left: 12px; bottom: -28px; }
  .se-hero { padding-bottom: 72px; }
  .se-head-left { text-align: center; }
}
@media (max-width: 640px) {
  body.se-body { font-size: 16px; }
  .se-hide-sm { display: none !important; }
  .se-section { padding: 56px 0; }
  .se-wrap { padding: 0 16px; }
  .se-header-in { padding: 8px 16px; gap: 8px; }
  .se-logo img { height: 28px; }
  .se-tiles { grid-template-columns: 1fr; }
  .se-tile img { aspect-ratio: 16 / 9; }
  .se-photos { grid-template-columns: 1fr; }
  .se-works li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .se-works .se-status { justify-self: start; white-space: normal; }
  .se-work-count { grid-column: 1 / -1; text-align: left; }
  .se-money { grid-template-columns: 1fr; }
  .se-setup { flex-direction: column; align-items: stretch; }
  .se-apps { grid-template-columns: 1fr 1fr; }
  .se-eco-apps { grid-template-columns: repeat(2, 1fr); }
  .se-footer-in { grid-template-columns: 1fr; }
  .se-demo { padding: 12px; }
  .se-actions .se-btn { width: 100%; }
  .se-hero-card { position: static; margin-top: 12px; min-width: 0; }
  .se-hero { padding-bottom: 48px; }
}
@media (min-width: 461px) { .se-lang-drawer { display: none; } }
@media (max-width: 460px) {
  .se-lang-head { display: none; }
  .se-lang-drawer { margin-top: 16px; }
}
@media (max-width: 360px) {
  .se-apps { grid-template-columns: 1fr; }
}