/* oderadijital.com — v11 design system */
:root,
.od-yonetim-body,
.od-panel-body,
.od-auth-body{
    --od-accent:#e8b04a;
    --od-accent-glow:rgba(232,176,74,.35);
    --od-teal:#0d9488;
    --od-teal-dark:#060d0c;
    --od-teal-mid:#0c1715;
    --od-ink:#0f1a18;
    --od-muted:#5c6b67;
    --od-border:#e2e8e4;
    --od-surface:#fff;
    --od-surface-warm:#fafaf7;
    --od-radius:18px;
    --od-radius-lg:24px;
    --od-shadow:0 4px 24px rgba(6,13,12,.06);
    --od-shadow-lg:0 24px 64px rgba(6,13,12,.12);
    --od-font-display:"Plus Jakarta Sans","Manrope",system-ui,sans-serif;
    --od-font-body:"Manrope",system-ui,sans-serif;
    --od-max:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
.od-site,.od-public{
    min-height:100vh;
    overflow-x:clip;
    color:var(--od-ink);
    font-family:var(--od-font-body);
    -webkit-font-smoothing:antialiased;
}
.od-nav,.od-public-nav{
    position:sticky;top:0;z-index:100;
    backdrop-filter:blur(20px) saturate(1.4);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);
    background:rgba(6,13,12,.72);
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:background .25s,box-shadow .25s;
}
.od-nav.is-scrolled{background:rgba(6,13,12,.92);box-shadow:0 8px 32px rgba(0,0,0,.25)}
.od-nav-inner,.od-public-nav .inner{max-width:var(--od-max);margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.od-brand,.od-public-brand{display:flex;align-items:center;gap:.85rem;color:#fff;text-decoration:none}
.od-logo,.od-public-brand .logo{
    width:44px;height:44px;border-radius:14px;
    background:linear-gradient(135deg,var(--od-teal),#0f766e);
    display:grid;place-items:center;font-weight:800;color:#fff;
    box-shadow:0 4px 16px rgba(13,148,136,.4);
    position:relative;overflow:hidden;
}
.od-logo-mark{font-family:var(--od-font-display);font-size:1.15rem;font-weight:800}
.od-brand-text strong,.od-brand strong,.od-public-brand strong{display:block;font-size:1rem;letter-spacing:-.02em;font-family:var(--od-font-display)}
.od-brand-text small,.od-brand small,.od-public-brand small{color:#7a9a94;font-size:.75rem;font-weight:500}
.od-nav-links,.od-public-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.od-nav-links a,.od-public-links a{
    color:#a8bdb8;text-decoration:none;font-weight:600;font-size:.88rem;
    padding:.5rem .75rem;border-radius:10px;transition:color .15s,background .15s;
}
.od-nav-links a:hover,.od-public-links a:hover,.od-nav-links a.is-active{color:#fff;background:rgba(255,255,255,.08)}
.od-nav-links .od-btn-primary,.od-nav-links .od-btn-ghost{margin-left:.25rem}
.od-badge{background:var(--od-accent);color:#1a1408;font-size:.72rem;font-weight:800;padding:.15rem .45rem;border-radius:999px;margin-left:.25rem}
.od-hero,.od-public-hero{max-width:1180px;margin:0 auto;padding:4.5rem 1.25rem 6rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;color:#edf5f2}
.od-hero h1,.od-public-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 1rem;font-weight:800}
.od-hero h1 span,.od-public-hero h1 span{color:var(--od-accent)}
.od-hero p,.od-public-hero p{color:#a4b5b0;font-size:1.08rem;line-height:1.7;max-width:34rem;margin-bottom:1.75rem}
.od-btn-primary{
    display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
    background:linear-gradient(135deg,#f0c060,var(--od-accent));
    color:#1a1408!important;font-weight:800;padding:.9rem 1.35rem;border-radius:999px;
    text-decoration:none;border:0;cursor:pointer;
    box-shadow:0 4px 20px var(--od-accent-glow);
    transition:filter .15s,transform .15s,box-shadow .15s;
}
.od-btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 28px var(--od-accent-glow)}
.od-btn-sm{padding:.55rem 1rem;font-size:.85rem}
.od-site .od-btn-ghost,.od-public .od-btn-ghost,.od-nav .od-btn-ghost,.od-hero .od-btn-ghost{
    display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(255,255,255,.18);color:#fff!important;font-weight:700;padding:.9rem 1.35rem;border-radius:999px;text-decoration:none;background:transparent;cursor:pointer;transition:background .15s,border-color .15s
}
.od-site .od-btn-ghost:hover,.od-public .od-btn-ghost:hover,.od-nav .od-btn-ghost:hover,.od-hero .od-btn-ghost:hover{background:rgba(255,255,255,.06)}
.od-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--od-border,#dedfd8);color:var(--od-teal,#0f766e)!important;font-weight:700;padding:.9rem 1.35rem;border-radius:999px;text-decoration:none;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}
.od-btn-ghost:hover{background:#f0faf8;border-color:#99d5cf}
.od-page .od-btn-ghost,.od-card .od-btn-ghost,.od-form .od-btn-ghost,.od-cart-table .od-btn-ghost,.od-yonetim-body .od-btn-ghost{
    border-color:var(--od-border);color:var(--od-teal)!important;background:#fff;
}
.od-page .od-btn-ghost:hover,.od-card .od-btn-ghost:hover,.od-form .od-btn-ghost:hover,.od-cart-table .od-btn-ghost:hover,.od-yonetim-body .od-btn-ghost:hover{background:#f0faf8;border-color:#99d5cf}
.od-hero-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;box-shadow:0 28px 80px rgba(0,0,0,.25)}
.od-hero-card .metric{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1rem}
.od-hero-card .metric div{background:rgba(255,255,255,.04);border-radius:16px;padding:1rem}
.od-hero-card .metric strong{display:block;font-size:1.35rem;color:#fff}
.od-hero-card .metric span{color:#94b4ae;font-size:.82rem}
.od-section,.od-public-section{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
.od-section > .od-section-title,
.od-section > .od-module-showcase,
.od-section > .od-steps,
.od-section > .od-split{
    max-width:var(--od-max);
    margin-left:auto;
    margin-right:auto;
    padding-left:1.5rem;
    padding-right:1.5rem;
    width:100%;
}
.od-section-title{text-align:center;margin-bottom:2rem}
.od-section-title .eyebrow{color:var(--od-teal);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.od-section-title h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin:.35rem 0 .5rem}
.od-grid,.od-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.od-card,.od-feature-card{background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-radius);padding:1.4rem;box-shadow:0 8px 24px rgba(24,35,33,.06);height:100%;transition:box-shadow .2s,transform .2s}
.od-card:hover,.od-feature-card:hover{box-shadow:0 14px 36px rgba(15,118,110,.1);transform:translateY(-2px)}
.od-card i,.od-feature-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e3f3f0;color:var(--od-teal);margin-bottom:.85rem}
.od-card h3,.od-feature-card h3{font-size:1.05rem;font-weight:800;margin-bottom:.45rem}
.od-card p,.od-feature-card p{color:var(--od-muted);margin:0;line-height:1.6;font-size:.94rem}
.od-main{min-height:50vh}
.od-page{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 4rem}
.od-page h1{font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem;font-size:clamp(1.75rem,3vw,2.25rem)}
.od-page h2{font-weight:800;letter-spacing:-.02em;margin:2rem 0 1rem;font-size:1.25rem}
.od-page-lead{color:var(--od-muted);margin-bottom:1.5rem;max-width:42rem;line-height:1.65}
.od-page-lead.od-mb-1{margin-bottom:1.5rem}
.text-muted{color:var(--od-muted)!important}
.od-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}
.od-product{border:1px solid var(--od-border);border-radius:var(--od-radius);padding:1.5rem;background:var(--od-surface);display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.od-product:hover{box-shadow:0 12px 32px rgba(15,118,110,.08)}
.od-product.featured{border-color:var(--od-teal);box-shadow:0 12px 40px rgba(15,118,110,.12)}
.od-product .price{font-size:1.6rem;font-weight:800;color:var(--od-teal);margin:.75rem 0}
.od-product .period{font-size:.85rem;color:var(--od-muted);font-weight:600}
.od-product-owned{opacity:.72;border-style:dashed}
.od-form{background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-radius);padding:2rem;max-width:480px;margin:0 auto}
.od-form label{display:block;font-weight:700;margin-bottom:.35rem;font-size:.9rem}
.od-form input,.od-form select,.od-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:12px;margin-bottom:1rem;font:inherit;transition:border-color .15s,box-shadow .15s}
.od-form input:focus,.od-form select:focus,.od-form textarea:focus{outline:none;border-color:var(--od-teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.od-alert{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;line-height:1.55}
.od-alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.od-alert-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.od-alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.od-cart-table{width:100%;background:var(--od-surface);border-radius:var(--od-radius);border:1px solid var(--od-border);overflow:hidden;border-collapse:collapse}
.od-cart-table th,.od-cart-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}
.od-cart-table th{background:#f8faf9;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--od-muted)}
.od-license-key{display:block;background:#f4f3ee;border:1px dashed var(--od-border);padding:14px;border-radius:12px;font-size:1.05rem;word-break:break-all;font-family:ui-monospace,monospace}
.od-license-card{border-left:4px solid var(--od-teal)!important}
.od-tag{display:inline-flex;align-items:center;gap:.35rem;background:#e3f3f0;color:var(--od-teal);font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:999px}
.od-footer{
    position:relative;background:var(--od-teal-dark);color:#7a9a94;
    padding:4rem 1.5rem 1.5rem;margin-top:0;overflow:hidden;
}
.od-footer-glow{
    position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:600px;height:200px;background:radial-gradient(ellipse,rgba(13,148,136,.2),transparent 70%);
    pointer-events:none;
}
.od-footer-inner{max-width:var(--od-max);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}
.od-footer a{color:#a8bdb8;text-decoration:none;font-weight:600;transition:color .15s}
.od-footer a:hover{color:#fff}
.od-footer-copy{text-align:center;margin-top:1.5rem;font-size:.85rem;opacity:.8;width:100%}
.od-footer-contact{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
.od-footer-contact a{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem}
.od-footer-contact i{color:var(--od-accent);width:16px}
.od-footer-col h4,.od-footer-grid h4{color:#edf5f2;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .85rem}
.od-footer-bottom{
    max-width:var(--od-max);margin:2rem auto 0;padding-top:1.5rem;
    border-top:1px solid rgba(255,255,255,.06);
    display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;
    font-size:.82rem;color:#5c7a74;
}
.od-footer-tag{display:inline-flex;align-items:center;gap:.4rem}
.od-footer-tag i{color:var(--od-teal)}
.od-cta{width:100%;max-width:none;margin:0;padding:0 1.5rem 4rem}
.od-cta .inner{max-width:var(--od-max);margin:0 auto;background:linear-gradient(135deg,#102a2e,var(--od-teal));color:#fff;border-radius:28px;padding:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}
.od-admin-bar{max-width:1180px;margin:0 auto;padding:1rem 1.25rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.od-admin-bar h1{margin:0;font-size:1.35rem;font-weight:800}
.od-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0 1.5rem}
.od-stat{background:var(--od-surface);border:1px solid var(--od-border);border-radius:16px;padding:1rem 1.15rem}
.od-stat strong{display:block;font-size:1.5rem;color:var(--od-teal);font-weight:800}
.od-stat span{font-size:.82rem;color:var(--od-muted);font-weight:600}
@media(max-width:992px){.od-hero,.od-public-hero{grid-template-columns:1fr;padding-top:3rem}.platform-ayar-layout{grid-template-columns:1fr!important}}

/* ——— Auth (giriş / kayıt) ——— */
.od-auth-body{
    margin:0;min-height:100vh;
    --od-accent:#e8a23a;--od-teal:#0f766e;--od-teal-dark:#0a2023;--od-ink:#172321;--od-muted:#68736f;--od-border:#dedfd8;
    font-family:"Manrope",system-ui,sans-serif;color:var(--od-ink);
}
.od-auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.od-auth-brand{
    background:linear-gradient(160deg,#0a2023 0%,#102a2e 45%,#0f766e 100%);
    color:#edf5f2;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;
}
.od-auth-brand-link{display:flex;align-items:center;gap:.85rem;color:#fff;text-decoration:none;margin-bottom:2.5rem}
.od-auth-brand h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin:0 0 1rem}
.od-auth-brand h1 span{color:var(--od-accent)}
.od-auth-brand>p{color:#a4b5b0;line-height:1.7;max-width:26rem;margin:0 0 2rem;font-size:1.02rem}
.od-auth-features{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.od-auth-features li{display:flex;align-items:center;gap:.75rem;color:#c6d4d1;font-weight:600;font-size:.95rem}
.od-auth-features i{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--od-accent)}
.od-auth-form-side{background:#f4f3ee;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}
.od-auth-form-wrap{width:100%;max-width:420px;background:#fff;border:1px solid var(--od-border);border-radius:24px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 60px rgba(24,35,33,.08)}
.od-auth-form-wrap h2{font-size:1.65rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.03em}
.od-auth-sub{color:var(--od-muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.55}
.od-auth-form{display:grid;gap:1rem}
.od-auth-field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:.4rem}
.od-auth-input-wrap{position:relative}
.od-auth-input-wrap i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--od-muted);font-size:.9rem;pointer-events:none}
.od-auth-input-wrap input{width:100%;padding:.8rem 1rem .8rem 2.65rem;border:1px solid #d1d5db;border-radius:12px;font:inherit;transition:border-color .15s,box-shadow .15s}
.od-auth-input{width:100%;padding:.8rem 1rem;border:1px solid #d1d5db;border-radius:12px;font:inherit}
.od-auth-input-wrap input:focus,.od-auth-input:focus{outline:none;border-color:var(--od-teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.od-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.od-auth-submit{width:100%;margin-top:.35rem;padding:1rem;font-size:1rem}
.od-auth-switch{text-align:center;margin:1.25rem 0 0;font-size:.92rem;color:var(--od-muted)}
.od-auth-switch a{color:var(--od-teal);font-weight:700;text-decoration:none}
.od-auth-switch a:hover{text-decoration:underline}
.od-auth-back{text-align:center;margin:.75rem 0 0;font-size:.85rem}
.od-auth-back a{color:var(--od-muted);text-decoration:none;font-weight:600}
.od-auth-back a:hover{color:var(--od-teal)}

/* ——— Müşteri paneli ——— */
.od-panel-body{
    margin:0;min-height:100vh;
    --od-accent:#e8a23a;--od-teal:#0f766e;--od-teal-dark:#0a2023;--od-ink:#172321;--od-muted:#68736f;--od-border:#dedfd8;--od-surface:#fff;
    font-family:"Manrope",system-ui,sans-serif;color:var(--od-ink);background:#eef2f1;
}
.od-panel-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.od-panel-sidebar{
    background:linear-gradient(180deg,#0a2023,#102a2e);color:#edf5f2;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;
    position:sticky;top:0;height:100vh;overflow-y:auto;
}
.od-panel-brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;padding:.25rem .35rem}
.od-panel-nav{display:grid;gap:.25rem;flex:1}
.od-panel-nav a{
    display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:12px;color:#a4b5b0;text-decoration:none;font-weight:600;font-size:.92rem;
    transition:background .15s,color .15s;
}
.od-panel-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.od-panel-nav a.is-active{background:rgba(15,118,110,.35);color:#fff}
.od-panel-nav a i{width:18px;text-align:center;opacity:.85}
.od-panel-user{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:rgba(255,255,255,.05);border-radius:14px;margin-top:auto}
.od-panel-avatar{width:40px;height:40px;border-radius:12px;background:var(--od-teal);display:grid;place-items:center;font-weight:800;color:#fff;flex-shrink:0}
.od-panel-user strong{display:block;font-size:.88rem;color:#fff}
.od-panel-user small{display:block;font-size:.75rem;color:#94b4ae;word-break:break-all}
.od-panel-logout{
    display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;border-radius:12px;
    color:#94b4ae;text-decoration:none;font-weight:600;font-size:.88rem;border:1px solid rgba(255,255,255,.1);
}
.od-panel-logout:hover{background:rgba(255,255,255,.06);color:#fff}
.od-panel-main{min-width:0}
.od-panel-topbar{
    background:#fff;border-bottom:1px solid var(--od-border);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.od-panel-eyebrow{margin:0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--od-teal)}
.od-panel-topbar h1{margin:.15rem 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}
.od-panel-content{padding:1.5rem 1.75rem 3rem}
.od-panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}
.od-panel-stat{background:#fff;border:1px solid var(--od-border);border-radius:16px;padding:1.1rem 1.25rem}
.od-panel-stat strong{display:block;font-size:1.75rem;font-weight:800;color:var(--od-teal);line-height:1.1}
.od-panel-stat span{font-size:.82rem;color:var(--od-muted);font-weight:600}
.od-panel-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}
.od-panel-section{margin-bottom:2.5rem}
.od-panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.od-panel-section h2{font-size:1.25rem;font-weight:800;margin:0 0 1rem;letter-spacing:-.02em}
.od-panel-empty{
    text-align:center;padding:3rem 2rem;background:#fff;border:1px dashed var(--od-border);border-radius:20px;
}
.od-panel-empty i{font-size:2rem;color:var(--od-teal);margin-bottom:.75rem;display:block;opacity:.6}
.od-panel-empty p{color:var(--od-muted);margin:0 0 1rem;max-width:28rem;margin-inline:auto}
.od-panel-empty-sm{padding:1.5rem}
.od-card-title{font-size:1rem;font-weight:800;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.od-card-title i{color:var(--od-teal)}
.od-card-info{background:linear-gradient(135deg,#f0faf8,#fff)!important;border-color:#99d5cf!important}
.od-dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.25rem;margin:0 0 1.25rem;font-size:.92rem}
.od-dl dt{color:var(--od-muted);font-weight:600}
.od-dl dd{margin:0;font-weight:700}
.od-license-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem}
.od-license-firma{font-size:1.05rem;display:block;margin-bottom:.35rem}
.od-license-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--od-muted)}
.od-license-meta strong{color:var(--od-ink)}
.od-status{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.od-status-ok{background:#ecfdf5;color:#065f46}
.od-status-off{background:#fef2f2;color:#991b1b}
.od-status-wait{background:#fffbeb;color:#92400e}
.od-field-label{display:block;font-size:.82rem;font-weight:700;color:var(--od-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}
.od-key-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}
.od-key-row .od-license-key{flex:1;min-width:200px;margin:0}
.od-subtitle{font-size:.88rem;font-weight:800;margin:0 0 .65rem;color:var(--od-muted);text-transform:uppercase;letter-spacing:.05em}
.od-module-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.od-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none}
.od-chip-on{background:#e3f3f0;color:var(--od-teal)}
.od-chip-add{background:#fff;border:1px dashed var(--od-teal);color:var(--od-teal)}
.od-chip-add:hover{background:#f0faf8}
.od-license-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.od-table-wrap{overflow-x:auto;border-radius:var(--od-radius);border:1px solid var(--od-border)}
.od-code-sm{font-size:.78rem;background:#f4f3ee;padding:.15rem .4rem;border-radius:6px;font-family:ui-monospace,monospace}
.d-mobile-hide{display:inline-flex}
@media(max-width:992px){
    .od-auth-split{grid-template-columns:1fr}
    .od-auth-brand{display:none}
    .od-panel-layout{grid-template-columns:1fr}
    .od-panel-sidebar{position:fixed;left:-280px;width:260px;z-index:200;transition:left .2s;height:100vh}
    .od-panel-stats{grid-template-columns:repeat(2,1fr)}
    .od-panel-grid-2{grid-template-columns:1fr}
    .od-panel-topbar{padding:1rem 1.25rem}
    .od-panel-content{padding:1rem 1.25rem 2rem}
    .d-mobile-hide{display:none!important}
    .od-auth-row{grid-template-columns:1fr}
}

/* ——— v8 Premium landing & polish ——— */
.od-nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:1.1rem}
.od-nav-overlay{position:fixed;inset:0;background:rgba(10,32,35,.5);z-index:99;backdrop-filter:blur(2px)}
.od-hero-premium{position:relative;padding-bottom:5rem}
.od-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(232,162,58,.15);border:1px solid rgba(232,162,58,.35);color:#edbd67;font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:.45rem .85rem;border-radius:999px;margin-bottom:1.25rem}
.od-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}
.od-hero-trust{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.88rem;color:#94b4ae;font-weight:600}
.od-hero-trust i{color:var(--od-accent);margin-right:.35rem}
.od-hero-visual{position:relative;min-height:320px}
.od-dash-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:1.35rem;box-shadow:0 32px 80px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.od-dash-top{display:flex;align-items:center;gap:.45rem;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.08)}
.od-dash-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
.od-dash-dot:first-child{background:#ff6b6b}.od-dash-dot:nth-child(2){background:#ffd93d}.od-dash-dot:nth-child(3){background:#6bcb77}
.od-dash-title{margin-left:auto;font-size:.78rem;color:#94b4ae;font-weight:600}
.od-dash-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem}
.od-dash-metrics div{background:rgba(255,255,255,.05);border-radius:14px;padding:.85rem}
.od-dash-metrics strong{display:block;font-size:1.25rem;color:#fff;font-weight:800}
.od-dash-metrics span{font-size:.75rem;color:#94b4ae}
.od-dash-chart{display:flex;align-items:flex-end;gap:.45rem;height:72px;padding-top:.5rem}
.od-dash-chart .od-bar{flex:1;background:linear-gradient(180deg,var(--od-accent),rgba(232,162,58,.35));border-radius:6px 6px 2px 2px;min-height:12px;opacity:.85;align-self:flex-end}
.od-dash-float{position:absolute;display:flex;align-items:center;gap:.65rem;background:#fff;border-radius:16px;padding:.75rem 1rem;box-shadow:0 16px 40px rgba(0,0,0,.2);color:var(--od-ink);animation:od-float 4s ease-in-out infinite}
.od-dash-float i{width:38px;height:38px;border-radius:10px;background:#e3f3f0;color:var(--od-teal);display:grid;place-items:center;font-size:.95rem}
.od-dash-float strong{display:block;font-size:.88rem;font-weight:800}
.od-dash-float span{font-size:.75rem;color:var(--od-muted)}
.od-dash-float-a{bottom:12%;left:-8%;animation-delay:0s}
.od-dash-float-b{top:8%;right:-6%;animation-delay:1.5s}
@keyframes od-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.od-trust-bar{
    width:100%;
    max-width:none;
    background:#fff;
    border-bottom:1px solid var(--od-border);
    padding:1.15rem 1.5rem;
}
.od-trust-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.od-trust-inner>span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--od-muted)}
.od-trust-logos{display:flex;flex-wrap:wrap;gap:1.5rem}
.od-trust-logos span{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.88rem;color:var(--od-ink)}
.od-trust-logos i{color:var(--od-teal);opacity:.85}
.od-section-light{background:var(--od-surface);padding-top:5rem;padding-bottom:5rem}
.od-section-muted{background:var(--od-surface-warm);padding-top:5rem;padding-bottom:5rem}
.od-section-modules{
    background:linear-gradient(180deg,#fff 0%,var(--od-surface-warm) 100%);
    padding-top:5rem;padding-bottom:5rem;
}
.od-section:not(.od-section-light):not(.od-section-muted):not(.od-section-modules){padding-top:5rem;padding-bottom:5rem}
.od-section-desc{color:var(--od-muted);line-height:1.7;font-size:1rem;margin:.75rem 0 0;max-width:36rem}
.od-section-desc-center{margin-inline:auto}
.od-section-title-left{text-align:left;margin-bottom:1.5rem}
.od-section-title-left h2{margin-bottom:0}
.od-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.od-split-reverse{direction:rtl}.od-split-reverse>*{direction:ltr}
.od-checklist{list-style:none;margin:0 0 1.75rem;padding:0;display:grid;gap:.75rem}
.od-checklist li{display:flex;align-items:flex-start;gap:.65rem;font-weight:600;color:var(--od-ink);font-size:.95rem;line-height:1.5}
.od-checklist i{color:var(--od-teal);margin-top:.2rem;flex-shrink:0}
.od-erp-modules{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.od-erp-mod{background:var(--od-surface);border:1px solid var(--od-border);border-radius:18px;padding:1.25rem;transition:box-shadow .2s,transform .2s}
.od-erp-mod:hover{box-shadow:0 12px 32px rgba(15,118,110,.1);transform:translateY(-2px)}
.od-erp-mod i{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#e3f3f0,#d1ebe6);color:var(--od-teal);display:grid;place-items:center;font-size:1.1rem;margin-bottom:.75rem}
.od-erp-mod h3{font-size:1rem;font-weight:800;margin:0 0 .35rem}
.od-erp-mod p{margin:0;font-size:.88rem;color:var(--od-muted);line-height:1.55}
.od-module-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.od-module-card{background:var(--od-surface);border:1px solid var(--od-border);border-radius:20px;padding:1.5rem;text-align:center;transition:box-shadow .2s,border-color .2s,transform .2s}
.od-module-card:hover{border-color:#99d5cf;box-shadow:0 14px 36px rgba(15,118,110,.1);transform:translateY(-3px)}
.od-module-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--od-teal),#115e59);color:#fff;display:grid;place-items:center;font-size:1.25rem;margin:0 auto 1rem}
.od-module-card h3{font-size:1.02rem;font-weight:800;margin:0 0 .4rem}
.od-module-card p{margin:0;font-size:.88rem;color:var(--od-muted);line-height:1.55}
.od-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.od-step{background:#fff;border:1px solid var(--od-border);border-radius:22px;padding:1.75rem 1.5rem;position:relative}
.od-step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--od-teal),#115e59);color:#fff;font-weight:800;font-size:1rem;margin-bottom:1rem}
.od-step h3{font-size:1.05rem;font-weight:800;margin:0 0 .5rem}
.od-step p{margin:0;font-size:.9rem;color:var(--od-muted);line-height:1.6}
.od-stats-band{
    width:100%;
    max-width:none;
    background:linear-gradient(135deg,#0a2023,#0f766e);
    padding:3rem 1.5rem;
}
.od-stats-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;color:#edf5f2}
.od-stats-inner strong{display:block;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--od-accent);line-height:1.1}
.od-stats-inner span{font-size:.88rem;color:#94b4ae;font-weight:600}
.od-panel-preview{position:relative;display:grid;gap:1rem}
.od-preview-card{background:#fff;border:1px solid var(--od-border);border-radius:20px;padding:1.5rem;box-shadow:0 20px 50px rgba(24,35,33,.08)}
.od-preview-header{font-weight:800;font-size:.88rem;color:var(--od-teal);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
.od-preview-key{display:block;background:#f4f3ee;border:1px dashed var(--od-border);padding:.85rem 1rem;border-radius:12px;font-family:ui-monospace,monospace;font-size:.92rem;margin-bottom:1rem;word-break:break-all}
.od-preview-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.od-preview-card-sm{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;margin-left:2rem}
.od-preview-card-sm i{width:42px;height:42px;border-radius:12px;background:#e3f3f0;color:var(--od-teal);display:grid;place-items:center}
.od-preview-card-sm strong{display:block;font-size:.92rem}
.od-preview-card-sm span{font-size:.82rem;color:var(--od-muted)}
.od-btn-ghost-light{border-color:var(--od-border)!important;color:var(--od-teal)!important;background:#fff!important}
.od-btn-ghost-light:hover{background:#f0faf8!important}
.od-muted{color:var(--od-muted,#68736f)}
.od-action-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}
.od-btn-lg{padding:1rem 1.75rem;font-size:1.02rem}
.od-cta-premium{margin-top:0;padding-bottom:5rem}
.od-cta-premium .inner{background:linear-gradient(135deg,#0a2023 0%,#102a2e 40%,var(--od-teal) 100%);border-radius:28px;padding:clamp(2rem,5vw,3rem);box-shadow:0 24px 60px rgba(10,32,35,.25)}
.od-cta-premium h2{margin:0 0 .65rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800}
.od-cta-premium p{margin:0;opacity:.88;max-width:32rem;line-height:1.65}
.od-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.od-footer-v2{padding:3.5rem 1.25rem 1.5rem}
.od-footer-brand p{margin:.85rem 0 0;font-size:.9rem;line-height:1.65;max-width:22rem}
.od-brand-footer{color:#fff!important;margin-bottom:0}
.od-page-hero{text-align:center;padding-top:1rem;margin-bottom:2rem}
.od-page-hero .eyebrow{margin-bottom:.5rem}
.od-page-hero h1{margin:.35rem 0 .75rem}
.od-page-hero-lead{color:var(--od-muted);max-width:36rem;margin:0 auto;line-height:1.65}
.od-shop-featured{max-width:520px;margin:0 auto 3rem}
.od-shop-group{margin-bottom:2.5rem}
.od-shop-group-title{font-size:1.15rem;font-weight:800;margin:0 0 1.15rem;color:var(--od-teal);display:flex;align-items:center;gap:.5rem}
.od-shop-group-title::before{content:'';width:4px;height:1.1rem;background:var(--od-accent);border-radius:2px}
.od-product-owned-badge{margin-top:1rem;padding:.65rem .85rem;background:#f0fdfa;border-radius:10px;color:var(--od-teal);font-size:.88rem;font-weight:600;text-align:center}
.od-product-icon{font-size:1.5rem;color:var(--od-teal);margin-bottom:.25rem}
.od-product h3{margin:.5rem 0 .35rem;font-weight:800;font-size:1.05rem}
.od-product-desc{color:var(--od-muted);font-size:.92rem;flex:1;line-height:1.55;margin:0}
.od-yonetim-body .od-stat-grid .od-stat{border-left:3px solid var(--od-teal,#0f766e)}
.od-yonetim-body .od-quick-card{border-radius:18px;background:#fff}
.od-panel-body .od-panel-stat{border-left:3px solid var(--od-teal);transition:box-shadow .15s}
.od-panel-body .od-panel-stat:hover{box-shadow:0 8px 24px rgba(15,118,110,.08)}
.od-auth-brand .od-auth-erp-tag{display:inline-block;background:rgba(232,162,58,.2);color:#edbd67;font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:992px){
    .od-nav-toggle{display:inline-flex}
    .od-nav-links{
        position:fixed;top:0;right:0;bottom:0;width:min(300px,88vw);z-index:100;
        flex-direction:column;align-items:stretch;gap:0;
        background:linear-gradient(180deg,#0a2023,#102a2e);padding:5rem 1.25rem 1.5rem;
        transform:translateX(105%);transition:transform .22s ease;box-shadow:-8px 0 40px rgba(0,0,0,.3);
    }
    .od-nav-links.is-open{transform:translateX(0)}
    .od-nav-links a{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:1rem}
    .od-nav-links .od-btn-primary,.od-nav-links .od-btn-ghost{margin-top:.5rem;justify-content:center}
    .od-split,.od-split-reverse{grid-template-columns:1fr;gap:2rem}
    .od-erp-modules{grid-template-columns:1fr}
    .od-steps{grid-template-columns:1fr}
    .od-stats-inner{grid-template-columns:repeat(2,1fr);gap:1.25rem}
    .od-footer-grid{grid-template-columns:1fr 1fr}
    .od-hero-visual{min-height:280px;margin-top:1rem;overflow:hidden}
    .od-dash-float-a{left:2%}.od-dash-float-b{right:2%}
    .od-cta-premium .inner{flex-direction:column;text-align:center}
    .od-cta-actions{justify-content:center;width:100%}
}
@media(max-width:640px){
    .od-stats-inner{grid-template-columns:1fr 1fr}
    .od-footer-grid{grid-template-columns:1fr}
    .od-preview-card-sm{margin-left:0}
}

/* ——— Inner pages (mağaza, sepet, ödeme) ——— */
.od-site-inner{
    background:#f4f3ee!important;
    background-image:none!important;
}
.od-site-inner .od-nav{background:rgba(10,32,35,.95)}
.od-site-inner .od-main{padding-top:.5rem}
.od-site-inner .od-page h1{color:var(--od-ink)}
.od-page-hero-left{text-align:left;margin-bottom:2rem}
.od-page-hero-left .od-page-hero-lead{margin-inline:0}
.od-page-narrow{max-width:720px}
.od-alert-inline{max-width:32rem;margin:1rem auto 0;text-align:left}
.od-btn-block{width:100%;justify-content:center}
.od-btn-danger{color:#991b1b!important;border-color:#fecaca!important}
.od-btn-danger:hover{background:#fef2f2!important}
.od-mt-1{margin-top:1rem}
.od-mb-1{margin-bottom:1rem}
.od-cart-total-label{text-align:right;font-weight:800}
.od-cart-total{font-size:1.25rem;color:var(--od-teal)}
.od-cart-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}
.od-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.od-form-wide{max-width:none;margin:0}
.od-form-section-title{margin:0 0 1rem;font-size:1.05rem;font-weight:800}
.od-checkout-summary h3{margin:0 0 1rem}
.od-checkout-line{display:flex;justify-content:space-between;margin:.5rem 0;gap:1rem;font-size:.92rem}
.od-checkout-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;color:var(--od-teal);margin-top:.5rem}
.od-hr{border:0;border-top:1px solid var(--od-border);margin:1rem 0}
.od-paytr-frame{width:100%;min-height:600px;border:0}
.od-result-success{text-align:left}
.od-result-success h2{margin:0 0 .5rem;font-size:1.25rem}
.od-result-list{margin:1rem 0;padding-left:1.25rem;color:#374151;line-height:1.6}
.od-result-label{font-weight:600;margin-bottom:.35rem}
.od-result-note{margin:0;font-size:.92rem}
.od-result-steps{margin:0;padding-left:1.25rem;color:#374151;line-height:1.7}
.od-prose-sm{margin:0;line-height:1.65;font-size:.92rem;color:var(--od-muted)}

/* ——— Platform ayarları formu ——— */
.platform-ayar-layout{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;align-items:start}
.platform-ayar-nav{display:flex;flex-direction:column;gap:.35rem}
.platform-ayar-nav-link{justify-content:flex-start!important;text-align:left!important}
.platform-ayar-nav-link.is-active{background:#e3f3f0!important;border-color:var(--od-teal)!important;color:var(--od-teal)!important}
.platform-ayar-card{margin-bottom:1rem}
.platform-ayar-card-title{margin:0 0 1rem;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:.35rem}
.platform-ayar-card-title i{color:var(--od-teal)}
.platform-ayar-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.platform-ayar-field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:.35rem}
.platform-ayar-field-wide{grid-column:1/-1}
.platform-ayar-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:12px;font:inherit;transition:border-color .15s,box-shadow .15s}
.platform-ayar-input:focus{outline:none;border-color:var(--od-teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.platform-ayar-hint{display:block;margin-top:.25rem;font-size:.82rem}
.platform-ayar-footnote{font-size:.85rem;margin-top:1.25rem}

/* ——— Panel mobil menü ——— */
.od-panel-overlay{position:fixed;inset:0;background:rgba(10,32,35,.45);z-index:290}
.od-panel-topbar-start{display:flex;align-items:center;gap:.75rem}
.od-panel-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--od-border);border-radius:10px;background:#fff;color:var(--od-teal);cursor:pointer}
@media(max-width:992px){
    .od-panel-sidebar{
        position:fixed;left:0;top:0;bottom:0;width:min(280px,88vw);z-index:300;
        transform:translateX(-105%);transition:transform .2s ease;
    }
    .od-panel-sidebar.is-open{transform:translateX(0)}
    .od-panel-menu-btn{display:inline-flex}
    .od-checkout-grid{grid-template-columns:1fr}
    .platform-ayar-layout{grid-template-columns:1fr}
}
@media(min-width:993px){
    .od-panel-menu-btn{display:none}
}
body.od-panel-menu-open{overflow:hidden}
body.od-nav-open{overflow:hidden}

/* ——— Mesaj & kampanya yönetimi ——— */
.od-mesaj-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--od-border,#dedfd8)}
.od-mesaj-tabs a{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.88rem;color:var(--od-muted,#68736f);border:1px solid transparent}
.od-mesaj-tabs a:hover{color:var(--od-teal,#0f766e);background:#f0faf8}
.od-mesaj-tabs a.is-active{background:#e3f3f0;color:var(--od-teal,#0f766e);border-color:#99d5cf}
.od-mesaj-layout{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:start}
.od-mesaj-sablon-nav{padding:1rem!important}
.od-mesaj-sablon-link{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:10px;text-decoration:none;color:var(--od-ink,#172321);font-weight:600;font-size:.88rem;margin-bottom:.25rem}
.od-mesaj-sablon-link:hover{background:#f0faf8}
.od-mesaj-sablon-link.is-active{background:#e3f3f0;color:var(--od-teal,#0f766e)}
.od-mesaj-sablon-link i{width:18px;text-align:center;color:var(--od-teal,#0f766e);opacity:.85}
.od-tag-off{background:#fef2f2;color:#991b1b;font-size:.68rem;padding:.1rem .4rem;border-radius:999px;margin-left:auto}
.od-degisken-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem .75rem;font-size:.85rem}
.od-degisken-grid code{background:#f4f3ee;padding:.15rem .4rem;border-radius:6px;font-size:.78rem}
.od-degisken-grid span{display:block;color:var(--od-muted,#68736f);margin-top:.15rem;font-size:.78rem}
.od-yonetim-body .od-form textarea{width:100%;margin-top:.35rem;padding:.75rem;border:1px solid var(--od-border,#dedfd8);border-radius:12px;font:inherit;min-height:80px}
@media(max-width:992px){
    .od-mesaj-layout{grid-template-columns:1fr}
}

/* ——— v9: scroll reveal, hero, iletişim, mağaza, yönetim polish ——— */
.od-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.od-reveal.is-visible{opacity:1;transform:none}
.od-reveal-delay-1{transition-delay:.1s}
.od-reveal-delay-2{transition-delay:.2s}
.od-reveal-delay-3{transition-delay:.3s}

.od-hero,.od-public-hero{max-width:var(--od-max);padding:5rem 1.5rem 6rem}
.od-hero h1,.od-public-hero h1{font-family:var(--od-font-display)}
.od-hero-lead{color:#9db5af;font-size:1.05rem;line-height:1.75;max-width:34rem;margin-bottom:1.75rem}
.od-hero-badge{
    display:inline-flex;align-items:center;gap:.5rem;
    background:rgba(232,176,74,.12);border:1px solid rgba(232,176,74,.3);
    color:#f0c060;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
    padding:.45rem .9rem;border-radius:999px;margin-bottom:1.25rem;
}

.od-section-title h2,.od-section-title-left h2{font-family:var(--od-font-display)}

.od-erp-mod,.od-module-card,.od-step,.od-product,.od-card{
    border-radius:var(--od-radius-lg);
    box-shadow:var(--od-shadow);
}
.od-module-card:hover,.od-erp-mod:hover{box-shadow:var(--od-shadow-lg)}

.od-stats-band{
    background:linear-gradient(135deg,var(--od-teal-dark),#0f766e 60%,var(--od-teal));
    padding:4rem 1.5rem;position:relative;overflow:hidden;
}
.od-stats-band::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(circle at 80% 20%,rgba(232,176,74,.15),transparent 50%);
    pointer-events:none;
}

.od-cta-premium .inner{
    background:linear-gradient(135deg,var(--od-teal-dark),#0c2a28 50%,var(--od-teal));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--od-shadow-lg);
}

.od-footer-v2{padding:4rem 1.5rem 1.5rem}
.od-footer-grid{max-width:var(--od-max);margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.5rem 2rem;margin-bottom:0}
.od-footer-brand p{margin:1rem 0 0;font-size:.9rem;line-height:1.7;max-width:24rem;color:#7a9a94}
.od-brand-footer{color:#fff!important}
.od-footer-grid a{display:block;color:#7a9a94;text-decoration:none;font-weight:600;font-size:.88rem;margin-bottom:.45rem}
.od-footer-grid a:hover{color:#fff}

/* ——— İletişim sayfası ——— */
.od-contact-hero{
    max-width:var(--od-max);margin:0 auto;padding:3rem 1.5rem 2rem;
    text-align:center;color:#edf5f2;
}
.od-contact-hero h1{font-family:var(--od-font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;margin:.5rem 0 .75rem}
.od-contact-hero p{color:#9db5af;max-width:32rem;margin:0 auto;line-height:1.7}

.od-contact-wrap{max-width:var(--od-max);margin:0 auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:start}
.od-contact-info{display:grid;gap:1rem}
.od-contact-card{
    background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-radius-lg);
    padding:1.5rem;box-shadow:var(--od-shadow);transition:box-shadow .2s,transform .2s;
}
.od-contact-card:hover{box-shadow:var(--od-shadow-lg);transform:translateY(-2px)}
.od-contact-card-icon{
    width:48px;height:48px;border-radius:14px;
    background:linear-gradient(135deg,rgba(13,148,136,.12),rgba(13,148,136,.06));
    color:var(--od-teal);display:grid;place-items:center;font-size:1.1rem;margin-bottom:1rem;
}
.od-contact-card h3{font-family:var(--od-font-display);font-size:1rem;font-weight:800;margin:0 0 .35rem}
.od-contact-card p{margin:0;font-size:.88rem;color:var(--od-muted);line-height:1.55}
.od-contact-card a{color:var(--od-teal);font-weight:700;text-decoration:none;font-size:.95rem}
.od-contact-card a:hover{text-decoration:underline}

.od-contact-form-wrap{
    background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-radius-lg);
    padding:2rem;box-shadow:var(--od-shadow-lg);
}
.od-contact-form-wrap h2{font-family:var(--od-font-display);font-size:1.35rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.02em}
.od-contact-form-sub{color:var(--od-muted);font-size:.92rem;margin:0 0 1.5rem;line-height:1.6}
.od-contact-form{display:grid;gap:1rem}
.od-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.od-contact-field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:.35rem}
.od-contact-field input,.od-contact-field select,.od-contact-field textarea{
    width:100%;padding:.8rem 1rem;border:1px solid var(--od-border);border-radius:12px;
    font:inherit;background:var(--od-surface-warm);transition:border-color .15s,box-shadow .15s;
}
.od-contact-field input:focus,.od-contact-field select:focus,.od-contact-field textarea:focus{
    outline:none;border-color:var(--od-teal);box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff;
}
.od-contact-field textarea{min-height:140px;resize:vertical}

/* ——— Mağaza v9 ——— */
.od-shop-hero{
    max-width:var(--od-max);margin:0 auto;padding:2.5rem 1.5rem 2rem;
    display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;
}
.od-shop-hero-content .eyebrow{color:var(--od-teal);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.od-shop-hero-content h1{font-family:var(--od-font-display);font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:.4rem 0 .65rem}
.od-shop-hero-content p{color:var(--od-muted);max-width:36rem;line-height:1.65;margin:0}
.od-shop-hero-stats{display:flex;gap:1rem;flex-wrap:wrap}
.od-shop-stat{
    background:var(--od-surface);border:1px solid var(--od-border);border-radius:16px;
    padding:1rem 1.25rem;text-align:center;min-width:100px;box-shadow:var(--od-shadow);
}
.od-shop-stat strong{display:block;font-family:var(--od-font-display);font-size:1.5rem;font-weight:800;color:var(--od-teal)}
.od-shop-stat span{font-size:.75rem;color:var(--od-muted);font-weight:600}

.od-shop-featured{max-width:560px;margin:0 auto 3rem}
.od-shop-featured .od-product.featured{
    background:linear-gradient(145deg,#fff,#f0faf8);
    border:2px solid var(--od-teal);position:relative;overflow:hidden;
}
.od-shop-featured .od-product.featured::before{
    content:'ÖNERİLEN';position:absolute;top:1rem;right:1rem;
    background:linear-gradient(135deg,#f0c060,var(--od-accent));color:#1a1408;
    font-size:.68rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;letter-spacing:.05em;
}
.od-shop-grid{gap:1.5rem}
.od-product{
    border-radius:var(--od-radius-lg);padding:1.65rem;
    transition:box-shadow .25s,transform .25s,border-color .25s;
}
.od-product:hover{transform:translateY(-4px);box-shadow:var(--od-shadow-lg);border-color:rgba(13,148,136,.25)}
.od-product-icon{
    width:52px;height:52px;border-radius:16px;
    background:linear-gradient(135deg,rgba(13,148,136,.12),rgba(13,148,136,.06));
    display:grid;place-items:center;font-size:1.25rem;color:var(--od-teal);margin-bottom:.75rem;
}

.od-auth-brand{background:linear-gradient(160deg,var(--od-teal-dark),#0c1715 40%,var(--od-teal))}
.od-auth-form-wrap{border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-lg)}

.od-site-inner{background:var(--od-surface-warm)!important}
.od-site-inner .od-nav{background:rgba(6,13,12,.95)}

@media(max-width:992px){
    .od-contact-wrap{grid-template-columns:1fr}
    .od-contact-row{grid-template-columns:1fr}
    .od-shop-hero{grid-template-columns:1fr}
    .od-shop-hero-stats{justify-content:flex-start}
    .od-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .od-footer-grid{grid-template-columns:1fr}
    .od-footer-bottom{flex-direction:column;text-align:center}
}

.od-contact-links{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem}
.od-contact-links a{display:inline-flex;align-items:center;gap:.55rem;color:var(--od-teal);font-weight:700;text-decoration:none;font-size:.95rem}
.od-contact-links a i{width:18px;color:var(--od-accent)}
.od-contact-links a:hover{text-decoration:underline}

/* ———————————————————————————————————————————
   v12 — Design polish & refinements
   ——————————————————————————————————————————— */

/* Focus-visible outlines */
:focus-visible{outline:2px solid var(--od-teal);outline-offset:3px;border-radius:6px}
.od-btn-primary:focus-visible,.od-btn-ghost:focus-visible{outline-color:var(--od-accent);outline-offset:4px;border-radius:999px}

/* ——— Status badges: pulsing dot indicator ——— */
.od-status::before{
    content:'';width:6px;height:6px;border-radius:50%;
    display:inline-block;flex-shrink:0;margin-right:3px;vertical-align:middle;
}
.od-status-ok::before{background:#10b981}
.od-status-off::before{background:#ef4444}
.od-status-wait::before{background:#f59e0b;animation:od-dot-pulse 1.5s ease-in-out infinite}
@keyframes od-dot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* ——— Sidebar active nav — left accent via gradient ——— */
.od-panel-nav a.is-active{
    background:linear-gradient(to right,
        var(--od-teal) 0px,var(--od-teal) 3px,
        rgba(15,118,110,.3) 3px,rgba(15,118,110,.12) 100%
    );
}

/* ——— Chip improvements ——— */
.od-chip-on{background:linear-gradient(135deg,#dcf5ed,#c6edde);border:1px solid rgba(13,148,136,.2)}
.od-chip-add{transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s}
.od-chip-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,118,110,.14)}

/* ——— Footer link slide-right hover ——— */
.od-footer-col a,.od-footer-grid a{
    display:inline-flex;align-items:center;gap:.3rem;
    transition:color .15s,transform .15s;
}
.od-footer-col a:hover,.od-footer-grid a:hover{transform:translateX(3px)}

/* ——— Table improvements ——— */
.od-cart-table tbody tr{transition:background .12s}
.od-cart-table tbody tr:hover{background:#f8fcfb}
.od-admin-table tbody tr{transition:background .12s}
.od-admin-table tbody tr:hover:not(.is-muted){background:#f8fcfb}

/* ——— Display font for numeric stats ——— */
.od-panel-stat strong,.od-stat strong{font-family:var(--od-font-display)}

/* ——— License key readability ——— */
.od-license-key{letter-spacing:.06em;user-select:all;cursor:text}

/* ——— Product price typography ——— */
.od-product .price{font-family:var(--od-font-display);letter-spacing:-.02em}

/* ——— Heading font consistency ——— */
.od-page h1,.od-admin-bar h1,.od-panel-topbar h1,.od-yonetim-topbar h1{font-family:var(--od-font-display)}
.od-panel-section h2,.od-page h2{font-family:var(--od-font-display)}
.od-quick-card strong{font-family:var(--od-font-display)}

/* ——— Card title icon alignment ——— */
.od-card-title{display:flex;align-items:center;gap:.5rem}

/* ——— od-badge entry animation ——— */
@keyframes od-badge-appear{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.od-badge{animation:od-badge-appear .25s cubic-bezier(.22,1,.36,1) backwards}

/* ——— Better empty state ——— */
.od-panel-empty{display:flex;flex-direction:column;align-items:center;text-align:center}

/* ——— dl definition list ——— */
.od-dl dd{font-weight:700;font-family:var(--od-font-display)}

/* ——— Preview chips hover ——— */
.od-preview-chips .od-chip{transition:transform .15s,box-shadow .15s}
.od-preview-chips .od-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,118,110,.12)}

/* ——— Auth features hover ——— */
.od-auth-features li{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.od-auth-features li:hover{transform:translateX(3px)}

/* ——— Section label clarity ——— */
.od-panel-eyebrow,.od-yonetim-body .od-panel-eyebrow{letter-spacing:.08em}

/* ——— Nav panel link — better hover bg ——— */
.od-panel-nav a:hover,.od-panel-nav a:focus{background:rgba(255,255,255,.08);color:#fff}
.od-yonetim-nav-link:hover,.od-yonetim-nav-link:focus{background:rgba(255,255,255,.08);color:#fff}

/* ——— Contact card link color ——— */
.od-contact-card a{transition:color .15s}

/* ——— Better od-code-sm ——— */
.od-code-sm{letter-spacing:.03em}

/* ——— Alert icon vertical align ——— */
.od-alert i{flex-shrink:0;margin-top:.05rem}

/* ——— Steps — equal height in grid ——— */
.od-steps{align-items:start}

/* ——— Module showcase card equal height ——— */
.od-module-showcase{align-items:stretch}
.od-module-card{display:flex;flex-direction:column;align-items:center}
.od-module-card p{flex:1}

/* ——— Quick action cards display ——— */
.od-quick-card{display:flex;flex-direction:column;gap:.25rem}

/* ——— Stats band icons ——— */
.od-stats-inner span i{margin-right:.35rem;opacity:.75}

/* ——— Panel stat icons ——— */
.od-panel-stat span i{margin-right:.3rem;opacity:.65;font-size:.85em}

/* ——— Contact wrap inside page body — avoid double padding ——— */
.od-page-body .od-contact-wrap{padding-inline:0;max-width:none}

/* ——— Checkout form fields ——— */
.od-checkout-field{display:flex;flex-direction:column;margin-bottom:.85rem}
.od-checkout-field label{font-weight:700;font-size:.88rem;margin-bottom:.35rem;color:var(--od-ink)}
.od-checkout-field input,.od-checkout-field select{
    width:100%;padding:.75rem 1rem;
    border:1px solid var(--od-border);border-radius:12px;
    font:inherit;background:var(--od-surface-warm);
    transition:border-color .15s,box-shadow .15s,background .15s;
}
.od-checkout-field input:focus,.od-checkout-field select:focus{
    outline:none;border-color:var(--od-teal);
    box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff;
}
.od-checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.od-required{color:#ef4444;font-size:.85em}
@media(max-width:640px){.od-checkout-row{grid-template-columns:1fr}}

/* ——— Result steps numbering ——— */
.od-result-steps{margin:.75rem 0 0;padding-left:1.4rem;color:var(--od-ink);line-height:1.75;font-size:.94rem}
.od-result-steps li{margin-bottom:.35rem}
.od-result-steps li::marker{color:var(--od-teal);font-weight:800}

/* ——— Alert icon size in success/result ——— */
.od-alert-success i.fa-circle-check{font-size:1.25rem;color:#047857}
.od-alert-danger i.fa-circle-xmark{font-size:1.25rem;color:#b91c1c}

/* ——— Cart total font ——— */
.od-cart-total{font-family:var(--od-font-display);font-size:1.35rem}

/* ——— Page narrow auto-center ——— */
.od-page-narrow{max-width:720px;margin-inline:auto}
.od-result-wrap{max-width:680px;margin-inline:auto}
.od-result-card-spaced{margin-bottom:1.25rem}
.od-result-empty{padding:3rem 2rem}
.od-result-empty-icon{font-size:2.5rem;color:#ef4444;margin-bottom:1rem}
.od-result-empty h2{font-size:1.35rem;font-weight:800;margin:0 0 .5rem}
.od-result-empty p{max-width:28rem;margin:0 0 1.5rem}
.od-result-ref{font-family:ui-monospace,monospace;font-size:.88rem}
.od-license-key-spaced{margin-bottom:.75rem}
.od-footer-bottom-inner{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.od-panel-user-text{min-width:0}
.od-panel-user-name{display:block;font-size:.88rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.od-panel-user-email{display:block;font-size:.72rem;color:#94b4ae;word-break:break-all;line-height:1.3}
.od-prose-icon-accent{color:var(--od-teal);margin-right:.3rem}
.od-alert-success-sub{display:block;font-size:.9rem;margin-top:.15rem;opacity:.85}

/* ——— Product period ——— */
.od-product .period{font-size:.82rem;color:var(--od-muted);font-weight:600;margin-bottom:.75rem}

/* ——— Prose with icon inline ——— */
.od-prose-sm.od-prose-icon{display:flex;align-items:flex-start;gap:.4rem}

/* ——— Auth güvenlik & şifre ——— */
.od-auth-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.od-auth-input-password input{padding-right:2.75rem}
.od-auth-pw-toggle{
    position:absolute;right:.5rem;top:50%;transform:translateY(-50%);
    width:34px;height:34px;border:0;border-radius:8px;background:transparent;
    color:var(--od-muted);cursor:pointer;display:grid;place-items:center;
}
.od-auth-pw-toggle:hover{color:var(--od-teal);background:#f0faf8}
.od-auth-warn{
    font-size:.84rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;
    border-radius:10px;padding:.55rem .75rem;margin:0 0 1rem;font-weight:600;
}
.od-auth-warn i{margin-right:.35rem}
.od-auth-security{
    list-style:none;margin:1.15rem 0 0;padding:.85rem 0 0;border-top:1px solid var(--od-border);
    display:grid;gap:.45rem;
}
.od-auth-security li{font-size:.78rem;color:var(--od-muted);font-weight:600;display:flex;align-items:center;gap:.45rem}
.od-auth-security i{color:var(--od-teal);width:14px;text-align:center}
.od-auth-brand-foot{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}
.od-auth-brand-foot p{font-size:.8rem;color:#6b8a84;line-height:1.6;margin:0}
.od-pw-strength{margin-top:.5rem}
.od-pw-strength-bar{display:block;height:5px;background:#e8ecea;border-radius:999px;overflow:hidden;margin-bottom:.35rem}
.od-pw-strength-bar i{display:block;height:100%;width:0;background:var(--od-teal);border-radius:999px;transition:width .2s ease,background .2s}
.od-pw-strength.is-weak .od-pw-strength-bar i{background:#ef4444;width:30%}
.od-pw-strength.is-mid .od-pw-strength-bar i{background:#f59e0b;width:60%}
.od-pw-strength.is-strong .od-pw-strength-bar i{background:#10b981;width:100%}
.od-pw-strength-label{font-size:.75rem;color:var(--od-muted);font-weight:600}

/* ——— Print optimization ——— */
@media print{
    .od-nav,.od-footer,.od-panel-sidebar,.od-yonetim-sidebar{display:none!important}
    .od-panel-layout,.od-yonetim-layout{grid-template-columns:1fr!important}
    .od-reveal{opacity:1!important;transform:none!important}
    .od-btn-primary,.od-btn-ghost{display:none!important}
}