/* Modern presentation layer. Colors remain driven by admin theme settings. */
.business-form { background:white; padding:24px; border:1px solid #e2e9f2; border-radius:14px; max-width:760px; margin:24px 0; }
.business-form label { display:block; margin:14px 0; }
.business-form input,.business-form select { display:block; width:100%; padding:12px; border:1px solid #ccd7e5; border-radius:8px; font:inherit; }
.business-form legend { font-weight:600; }
:root { --font-ana: Arial, Helvetica, sans-serif; --gri-50:#f5f7fb; --gri-100:#eef2f8; --gri-200:#e0e7f0; }
/* One text family, including imported product tables and form controls.
   Font Awesome glyphs retain their own icon font. Logos are image assets. */
:is(.modern-site, .modern-admin, .modern-login) :not(.fa, .fas, .far, .fab, .fal, .fad, .fat, [class*="fa-"]) {
    font-family: var(--font-ana) !important;
}
.modern-site,.modern-admin,.modern-login { font-family:var(--font-ana); color:#172b43; background:#f7f9fc; }
.modern-site .container { max-width:1320px; }
.modern-site .ust-bilgi { background:var(--yardimci-koyu); font-size:12px; min-height:32px; padding-block:5px; }
.modern-site .menu { border-bottom:1px solid #e6ecf3; box-shadow:0 4px 18px #12243c06; }
.modern-site .menu-listesi li a { font-size:14px; border-radius:8px; }
.modern-site .menu-listesi li a.menu-aktif { box-shadow:none; }
.modern-site .buton,.modern-site .telefon-buton,.modern-site .buton-kesif-desktop { border-radius:8px !important; box-shadow:none !important; font-size:14px !important; }
.modern-site .buton-kesif-desktop { background:var(--ana-renk) !important; }
.modern-site .menu-sag .telefon-buton { background:#edf2fa; color:var(--yardimci-renk); padding:12px 16px; }
.modern-site .mobil-menu-btn { background:#edf2fa; color:var(--ana-renk); border-color:var(--ana-renk); }
.modern-site h1,.modern-site h2,.modern-site h3 { letter-spacing:-.035em; }
.modern-site .baslik-alani { margin-bottom:28px; }
.modern-site .baslik-alani h2 { font-size:clamp(25px,3vw,38px); color:var(--yardimci-koyu); }
.modern-site .baslik-alani p { color:#5b6c80; }
.modern-site .baslik-alani span { letter-spacing:.12em; font-size:11px; }
.modern-site .sayfa-baslik { background:var(--yardimci-koyu) !important; }
.modern-site .urunler,.modern-site .hizmetler,.modern-site .kampanyalar { background:#f7f9fc; padding:48px 0; }
.modern-site .kategori-kart-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px !important; }
.modern-site [data-anim] { opacity:1; transform:none; filter:none; }
.modern-site .kategori-karti { border:1px solid #e3eaf3 !important; border-radius:14px !important; box-shadow:none !important; overflow:hidden; background:white !important; }
.modern-site .kategori-karti:hover { transform:translateY(-3px) !important; border-color:var(--ana-renk) !important; }
.modern-site .kategori-karti-resim { background:#f0f4fa !important; padding:20px !important; height:180px !important; }
.modern-site .kategori-karti-resim img { mix-blend-mode:multiply; }
.modern-site .kategori-karti-alti { align-items:flex-start !important; padding:18px !important; gap:8px !important; border-top:0 !important; }
.modern-site .kategori-karti-alti span { font-size:13px !important; letter-spacing:0 !important; text-align:left; }
.modern-site .urun-karti,.modern-site .hizmet-kutu,.modern-site .kampanya-karti,.modern-site .community-review { border-radius:14px; box-shadow:0 4px 16px #12243c04; border:1px solid #e3eaf3; }
.modern-site footer { border-top:0 !important; }
.modern-site #kesifBanner { display:none !important; }
.modern-intro { padding:28px 0 0 !important; }
.modern-hero-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:18px; }
.modern-lead { background:var(--yardimci-koyu); color:white; border-radius:16px; padding:clamp(28px,4vw,54px); min-height:460px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.modern-lead::after { content:''; position:absolute; width:340px; height:340px; right:-180px; bottom:-120px; border:1px solid #ffffff20; transform:rotate(40deg); border-radius:40px; pointer-events:none; }
.modern-eyebrow { color:#c4d8ef; font-size:11px; letter-spacing:.2em; margin:0 0 24px; }
.modern-lead h1 { font-size:clamp(34px,3.7vw,54px); line-height:1.15; color:white; margin:0 0 24px; font-weight:750; }
.modern-lead h1 span { background:var(--ana-renk); box-decoration-break:clone; -webkit-box-decoration-break:clone; padding:0 5px; }
.modern-description { max-width:480px; font-size:18px; line-height:1.6; color:#e2eafa; }
.modern-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.modern-actions a { color:white; font-weight:600; font-size:14px; text-underline-offset:5px; }
.modern-actions a:not(.modern-primary) { text-decoration:underline; }
.modern-actions .modern-primary { background:white; color:var(--yardimci-koyu); border-radius:8px; padding:13px 24px; display:inline-flex; gap:28px; align-items:center; min-height:48px; }
.modern-signature { font-size:10px; letter-spacing:.14em; color:#aec1d6; margin:48px 0 0; }
.modern-side { display:grid; grid-template-rows:minmax(0,1fr) auto; gap:14px; }
.modern-product { display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; background:#edf2f8; border:1px solid #e2e9f2; border-radius:16px; padding:24px; color:var(--yardimci-koyu); text-align:center; }
.modern-product img { width:100%; height:235px; object-fit:contain; mix-blend-mode:multiply; }
.modern-product > span:last-child { font-weight:600; font-size:14px; }
.modern-product-label { font-size:10px; letter-spacing:.14em; color:#536a83; }
.modern-contact { display:flex; align-items:center; gap:20px; background:#edf2fa; padding:21px 24px; border-radius:12px; color:var(--yardimci-koyu); font-size:15px; font-weight:600; }
.modern-contact i { font-size:28px; }
.modern-contact small { display:block; color:var(--ana-renk); margin-top:3px; }
.modern-trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#edf2fa; padding:22px; border-radius:12px; gap:24px; margin-top:18px; }
.modern-trust > div { display:flex; align-items:center; gap:15px; }
.modern-trust i { font-size:25px; color:var(--yardimci-renk); }
.modern-trust strong { font-size:14px; display:block; }
.modern-trust small { font-size:12px; color:#556b84; display:block; margin-top:4px; }
.modern-admin .sidebar { background:var(--yardimci-koyu); }
.modern-admin .sidebar-menu li a { margin:3px 12px; padding:12px; font-size:14px; border-radius:8px; border-left:0; }
.modern-admin .sidebar-menu li a.active { background:var(--ana-renk); border-left:0; }
.modern-admin .sidebar-header { border-color:#ffffff16; }
.modern-admin .topbar { border-color:#e3eaf3; padding-block:18px; }
.modern-admin .card { box-shadow:0 4px 20px #12243c04; border:1px solid #e2e9f2; border-radius:14px; }
.modern-admin h1,.modern-admin h2,.modern-admin h3 { color:var(--yardimci-renk) !important; letter-spacing:-.025em; }
.modern-admin .btn { border-radius:8px; min-height:40px; }
.modern-admin .form-control { border-radius:8px; border:1px solid #cdd8e6; }
.modern-admin .form-control:focus { border-color:var(--ana-renk); outline:2px solid #2164e825; }
.modern-admin th { background:#f0f4fa; color:#4e637a; }
.modern-login { background:var(--yardimci-koyu); }
.modern-login .login-card { border:1px solid #e0e7f0; box-shadow:0 20px 60px #0002; }
@media(min-width:1400px) { .modern-site .menu-alani { gap:12px; } }
@media(max-width:900px) {
 .modern-site .kategori-kart-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .modern-hero-grid { grid-template-columns:minmax(0,1fr); }
 .modern-lead { min-height:360px; }
 .modern-side { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); grid-template-rows:auto; }
 .modern-product img { height:180px; }
 .modern-contact { align-self:stretch; }
 .modern-trust { gap:16px; }
}
@media(max-width:600px) {
 .modern-intro { padding-top:14px !important; }
 .modern-lead { padding:28px 22px; min-height:350px; border-radius:12px; }
 .modern-lead h1 { font-size:32px; }
 .modern-description { font-size:16px; }
 .modern-eyebrow { font-size:9px; margin-bottom:20px; }
 .modern-signature { margin-top:30px; font-size:9px; }
 .modern-actions { gap:16px; }
 .modern-side { grid-template-columns:minmax(0,1fr); }
 .modern-product { padding:18px; }
 .modern-product img { height:180px; }
 .modern-contact { padding:18px; }
 .modern-trust { grid-template-columns:minmax(0,1fr); padding:20px; }
 .modern-trust > div+div { border-top:1px solid #dce4ef; padding-top:16px; }
 .modern-site .kategori-kart-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .modern-site .kategori-karti-resim { height:140px !important; padding:12px !important; }
 .modern-site .kategori-karti-alti { padding:12px !important; }
}