/* Logsby Portal UI (v1) - modern, responsive, Dobay colors */ :root{ --dmz-primary:#021d49; /* Dobay ana renk */ --dmz-primary-2:#0b2a6d; --dmz-accent:#0ea5e9; /* vurgu */ --dmz-accent-2:#e11d48; /* ikinci vurgu */ --dmz-bg:#050a14; --dmz-surface:#ffffff; --dmz-text:#0f172a; --dmz-muted:#64748b; --dmz-border:#e2e8f0; --dmz-ring-track:#e5e7eb; --dmz-shadow:0 18px 55px rgba(15,23,42,.12); --dmz-shadow-soft:0 14px 40px rgba(15,23,42,.06); --dmz-radius:20px; } /* Layout safety: prevent horizontal drift on mobile (iOS/Android) */ *,*::before,*::after{box-sizing:border-box;} html{width:100%;overflow-x:hidden;} body{width:100%;max-width:100vw;overflow-x:hidden;} /* Admin bar safe offset (portal renders its own , so we manage the bump) */ body{ --dmz-adminbar-h: 0px; } body.admin-bar{ --dmz-adminbar-h: 32px; } @media (max-width: 782px){ body.admin-bar{ --dmz-adminbar-h: 46px; } } /* Anchor scroll offset for sticky header (dynamic via JS) */ #dmz-urun,#dmz-form,#dmz-proof,#dmz-video,#dmz-nasil,#dmz-referans,#dmz-paketler,#dmz-version,#dmz-status,#dmz-kvkk,#dmz-kisisel-asistan,#dmz-deneme-basvuru,#dmz-trials,#dmz-faq,#dmz-license{scroll-margin-top:calc(var(--dmz-adminbar-h, 0px) + var(--dmz-head-h, 92px) + 16px);} html,body{height:100%} body{ margin:0; color:var(--dmz-text); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif; /* Modern, sade ve şık gradient (kartı daha çok öne çıkarır) */ background: radial-gradient(1200px 780px at 18% 12%, rgba(34,211,238,.22), rgba(0,0,0,0) 62%), radial-gradient(980px 680px at 84% 18%, rgba(168,85,247,.18), rgba(0,0,0,0) 58%), radial-gradient(1100px 820px at 52% 70%, rgba(59,130,246,.12), rgba(0,0,0,0) 60%), linear-gradient(180deg, #050712 0%, #040610 45%, #020617 100%); overflow-x:hidden; } body.dmz-portal{ /* Tema override'larına karşı daha güçlü */ background: radial-gradient(1200px 780px at 18% 12%, rgba(34,211,238,.22), rgba(0,0,0,0) 62%), radial-gradient(980px 680px at 84% 18%, rgba(168,85,247,.18), rgba(0,0,0,0) 58%), radial-gradient(1100px 820px at 52% 70%, rgba(59,130,246,.12), rgba(0,0,0,0) 60%), linear-gradient(180deg, #050712 0%, #040610 45%, #020617 100%) !important; } html{ background: #020617; } /* Defensive resets (some WP themes override link/SVG defaults) */ .dmz-card a{ text-decoration:none !important; color:inherit !important; } .dmz-card a:visited{ color:inherit !important; } .dmz-card svg{ max-width:none !important; } .dmz-card svg.dmz-ico{ width:18px !important; height:18px !important; flex:0 0 18px; } .dmz-card .dmz-wa svg.dmz-ico{ width:18px !important; height:18px !important; } .dmz-wrap{min-height:100%;width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;padding:28px} /* Footer altındaki gereksiz boşluğu azalt */ .dmz-wrap{ padding-bottom: 12px; } .dmz-card{ width:min(1120px,100%); max-width:100vw; background:var(--dmz-surface); border:1px solid rgba(226,232,240,.9); border-radius:var(--dmz-radius); box-shadow:var(--dmz-shadow); padding:24px; } .dmz-head{ margin:0 0 18px; display:grid; grid-template-columns: 1fr auto; grid-template-areas: "title nav" "sub nav"; align-items:start; gap:10px 14px; /* Apple hissi: sticky header + blur */ position:sticky; top:var(--dmz-adminbar-h, 0px); /* Above page content; WP admin bar will still stay above this */ z-index:9999; padding:14px 12px; margin:-12px -12px 14px; background:rgba(255,255,255,.82); backdrop-filter:saturate(1.2) blur(10px); border-bottom:1px solid rgba(226,232,240,.7); border-top-left-radius:18px; border-top-right-radius:18px; transition:box-shadow .15s ease, background .15s ease; } .dmz-head.is-stuck{ box-shadow:0 16px 40px rgba(2,29,73,.10); background:rgba(255,255,255,.92); } .dmz-title{grid-area:title} .dmz-sub{grid-area:sub} .dmz-nav{grid-area:nav;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end} /* Hamburger toggle (hidden on desktop) */ .dmz-nav-toggle{ display:none; grid-area:nav; align-items:center; justify-content:flex-end; } .dmz-nav-btn{ appearance:none; border:1px solid rgba(2,29,73,.12); background:rgba(255,255,255,.92); color:var(--dmz-primary); border-radius:999px; padding:10px 12px; font-weight:900; font-size:12px; display:inline-flex; align-items:center; gap:10px; box-shadow:0 10px 26px rgba(2,29,73,.08); } .dmz-burger{ width:18px;height:12px;position:relative;display:inline-block; } .dmz-burger i{ position:absolute;left:0;right:0;height:2px;border-radius:3px;background:var(--dmz-primary); opacity:.9;transform-origin:center;transition:transform .18s ease, top .18s ease, opacity .18s ease; } .dmz-burger i:nth-child(1){top:0} .dmz-burger i:nth-child(2){top:5px} .dmz-burger i:nth-child(3){top:10px} /* Only the desktop segmented nav uses .is-open (for active state). Mobile panel visibility is JS-controlled. */ .dmz-nav.is-open{display:flex;} /* Mobile menu panel: hidden by default; on mobile it becomes visible when .is-open is set */ .dmz-nav-panel{display:none;} .dmz-nav-panel .dmz-nav{display:flex;} /* When mobile menu is open, prevent background scroll */ body.dmz-portal.dmz-nav-open{overflow:hidden;} /* Responsive: keep the SAME desktop look on mobile (stack only), hamburger menu below 900px */ @media (max-width: 900px){ /* Keep the same card look (no full-bleed). Just tighten spacing a bit */ .dmz-wrap{padding:12px;} .dmz-card{padding:12px;} .dmz-head{padding:12px 12px; margin:-12px -12px 14px;} /* Hide segmented nav, show hamburger */ .dmz-head .dmz-nav{display:none !important;} .dmz-nav-toggle{display:flex !important;} /* Mobile dropdown panel (only visible on mobile when opened) */ .dmz-nav-panel{ display:none !important; position:fixed; inset:0; /* Always above slider/theme layers */ z-index:2147483647; background:rgba(2,6,23,.38); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Content starts right under sticky header */ padding:calc(var(--dmz-adminbar-h, 0px) + var(--dmz-head-h, 58px) + env(safe-area-inset-top) + 10px) 12px 14px; overflow:auto; } .dmz-nav-panel.is-open{display:block !important; animation:dmzFade .14s ease-out;} @keyframes dmzFade{from{opacity:0;} to{opacity:1;}} .dmz-nav-panel .dmz-nav{ flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px; padding:10px; border-radius:16px; background:#ffffff; border:1px solid rgba(226,232,240,.92); box-shadow:0 18px 50px rgba(2,29,73,.10); } .dmz-nav-panel .dmz-nav-item{justify-content:flex-start;font-size:var(--dmz-nav-font-mobile, 15px);padding:12px 12px;} .dmz-nav-panel .dmz-nav-item[aria-current="page"], .dmz-nav-panel .dmz-nav-item.is-active{background:var(--dmz-primary);color:#fff;} /* Layout: stack columns */ .dmz-main{grid-template-columns:1fr;} } /* Mobile: keep header + menu button always clickable and above any slider/theme overlays */ @media (max-width: 900px){ .dmz-head{z-index:2147483646 !important;} .dmz-nav-toggle{position:relative; z-index:2147483646 !important;} .dmz-nav-btn{position:relative; z-index:2147483646 !important; touch-action:manipulation;} } /* Top nav: segmented, clean, clicky */ .dmz-nav{ padding:6px; border-radius:999px; background:rgba(2,29,73,.04); border:1px solid rgba(2,29,73,.10); } .dmz-nav-item{ display:inline-flex;align-items:center;gap:8px; padding:9px 12px; border-radius:999px; text-decoration:none !important; color:#0f172a !important; font-weight:950; font-size:12px; letter-spacing:.01em; background:transparent; border:1px solid transparent; transition:transform .12s ease, background .12s ease, box-shadow .12s ease, border-color .12s ease; } .dmz-nav-item:hover{ background:rgba(255,255,255,.92); border-color:rgba(2,29,73,.12); box-shadow:0 10px 24px rgba(2,29,73,.10); transform:translateY(-1px); } .dmz-nav-item.is-active, .dmz-nav-item[aria-current="page"]{ background:linear-gradient(135deg,var(--dmz-primary) 0%, var(--dmz-primary-2) 70%); color:#fff !important; box-shadow:0 12px 30px rgba(2,29,73,.18); } .dmz-nav-item.is-active .dmz-nav-dot, .dmz-nav-item[aria-current="page"] .dmz-nav-dot{ box-shadow:0 0 0 3px rgba(255,255,255,.18); } .dmz-nav-item:active{transform:translateY(0)} .dmz-nav-dot{ width:8px;height:8px;border-radius:999px; background:linear-gradient(90deg,var(--dmz-accent),var(--dmz-accent-2)); box-shadow:0 0 0 3px rgba(14,165,233,.12); } .dmz-title{font-size:28px;line-height:1.15;margin:0;font-weight:900;letter-spacing:-.02em} .dmz-sub{margin:6px 0 0;color:var(--dmz-muted);font-size:14px} /* Layout */ .dmz-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start} .dmz-left{min-width:0} .dmz-right{min-width:0} /* Generic cards */ .dmz-formcard, .dmz-stat, .dmz-box{ background:linear-gradient(180deg,#fff 0%, #fbfdff 100%); border:1px solid var(--dmz-border); border-radius:16px; box-shadow:var(--dmz-shadow-soft); } .dmz-box{padding:14px;box-shadow:none;background:#f8fafc} .dmz-formcard{padding:16px} .dmz-box-title{margin:0 0 10px;font-size:var(--dmz-nav-font-mobile, 15px);font-weight:900;color:var(--dmz-text)} .dmz-muted{color:var(--dmz-muted);font-size:12px;line-height:1.45} /* Güncel sürüm kutusu: daha "paket" hissi (şık, belirgin) */ .dmz-box--version{ background:linear-gradient(180deg,#fff 0%, #fbfdff 100%) !important; box-shadow:var(--dmz-shadow-soft) !important; border-color:rgba(226,232,240,.95) !important; position:relative; overflow:hidden; } .dmz-box--version::before{ content:""; position:absolute; left:0; right:0; top:0; height:54px; background:linear-gradient(90deg, rgba(2,29,73,.96) 0%, rgba(11,42,109,.92) 55%, rgba(225,29,72,.70) 120%); opacity:.92; } /* Mini list (version note categories) */ .dmz-mini-list{ margin:0; padding-left:18px; color:#334155; font-size:13px; line-height:1.45; } .dmz-mini-list li{ margin:6px 0; } /* Status box */ .dmz-box--status{ position:relative; overflow:hidden; } .dmz-box--status::before{ content:""; position:absolute; left:0; right:0; top:0; height:8px; background:linear-gradient(90deg, rgba(16,185,129,.9), rgba(59,130,246,.9)); } .dmz-status-row{ display:flex; align-items:center; gap:8px; margin-top:4px; } .dmz-status-text{ font-weight:800; color:#334155; } .dmz-status-pill{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.2px; border:1px solid rgba(148,163,184,.35); background:rgba(255,255,255,.70); } .dmz-status-pill--normal{ color:#065f46; border-color:rgba(16,185,129,.35); background:rgba(16,185,129,.10); } .dmz-status-pill--bakim{ color:#7c2d12; border-color:rgba(245,158,11,.45); background:rgba(245,158,11,.14); } .dmz-status-desc{ margin:8px 0 10px; color:#475569; font-size:13px; line-height:1.45; } .dmz-status-planned{ padding:10px 12px; border:1px solid rgba(148,163,184,.30); border-radius:14px; background:rgba(255,255,255,.55); } .dmz-status-sub{ font-weight:900; color:#0f172a; font-size:12px; letter-spacing:.35px; text-transform:uppercase; margin-bottom:6px; } .dmz-status-note{ color:#334155; font-size:13px; line-height:1.45; } /* KVKK box extras */ .dmz-kvkk-divider{ height:1px; background:rgba(148,163,184,.25); margin:10px 0 10px; } .dmz-kvkk-subtitle{ font-weight:900; color:#0f172a; font-size:12px; letter-spacing:.35px; text-transform:uppercase; margin-bottom:6px; opacity:.92; } .dmz-box--version .dmz-box-title{ position:relative; z-index:1; margin:0 0 12px; color:#fff; font-size:var(--dmz-nav-font-mobile, 15px); letter-spacing:.2px; } .dmz-box--version .dmz-kv{ position:relative; z-index:1; margin-top:8px; background:rgba(255,255,255,.94); border:1px solid rgba(226,232,240,.95); border-radius:14px; padding:12px; } .dmz-box--version .dmz-note{position:relative; z-index:1;} .dmz-box--version .dmz-kv{padding:14px 14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,244,255,.98));box-shadow:0 14px 30px rgba(72,32,118,.06), inset 0 1px 0 rgba(255,255,255,.9)} .dmz-verlabel{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#6b2a74;font-size:12px;letter-spacing:.04em;text-transform:uppercase} .dmz-verbadge{padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#fff,#f6f3fb);box-shadow:0 12px 24px rgba(82,44,156,.08)} .dmz-vermeta{margin:12px 0 8px;font-size:12.5px} .dmz-progress--ver{margin-top:10px} .dmz-vertease{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .dmz-vertease__item{padding:11px 12px;border-radius:14px;border:1px solid rgba(214,201,238,.92);background:linear-gradient(180deg,#fff,#fbf7ff);box-shadow:0 10px 22px rgba(91,57,140,.05)} .dmz-vertease__item--accent{background:linear-gradient(135deg,rgba(108,26,115,.10),rgba(141,76,245,.10) 58%,rgba(193,24,91,.10));border-color:rgba(172,57,123,.16)} .dmz-vertease__label{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:5px} .dmz-vertease__item strong{font-size:14px;line-height:1.4;color:#141f3d} @media (max-width:767px){.dmz-vertease{grid-template-columns:1fr}} /* Inputs */ .dmz-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} .dmz-field label{display:block;font-weight:800;font-size:12px;margin:0 0 6px;color:#334155} .dmz-field input{ width:100%;box-sizing:border-box; padding:12px 12px; border:1px solid var(--dmz-border); border-radius:12px; background:#fff; font-size:14px; outline:none; transition:box-shadow .15s ease,border-color .15s ease; } .dmz-field input:focus{border-color:rgba(14,165,233,.65);box-shadow:0 0 0 4px rgba(14,165,233,.16)} /* Buttons */ .dmz-row{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap} .dmz-note{color:var(--dmz-muted);font-size:12px;font-weight:800} .dmz-btn{ appearance:none;border:0; background:linear-gradient(135deg,var(--dmz-primary) 0%, var(--dmz-primary-2) 70%); color:#fff; padding:12px 14px; border-radius:12px; font-weight:900; cursor:pointer; letter-spacing:.01em; box-shadow:0 10px 24px rgba(2,29,73,.22); transition:transform .12s ease, box-shadow .12s ease, filter .12s ease; } .dmz-btn:hover{transform:translateY(-1px);filter:saturate(1.05)} .dmz-btn:active{transform:translateY(0px)} .dmz-btn[disabled]{cursor:not-allowed;opacity:.72;filter:grayscale(.1)} /* Icons */ .dmz-ico{width:18px;height:18px;display:block} .dmz-hd{display:inline-flex;align-items:center;gap:8px} .dmz-hd .dmz-ico{color:var(--dmz-primary)} /* Tooltip (pure CSS, safe) */ [data-tooltip]{position:relative} [data-tooltip]::after{ content:attr(data-tooltip); position:absolute; left:50%; bottom:calc(100% + 10px); transform:translateX(-50%) translateY(6px); background:#0b1220; color:#fff; font-size:12px; font-weight:800; padding:8px 10px; border-radius:12px; white-space:nowrap; opacity:0; pointer-events:none; box-shadow:0 16px 40px rgba(0,0,0,.18); transition:opacity .12s ease, transform .12s ease; z-index:50; } [data-tooltip]::before{ content:""; position:absolute; left:50%; bottom:calc(100% + 4px); transform:translateX(-50%) translateY(6px); width:10px;height:10px; background:#0b1220; clip-path:polygon(50% 100%, 0 0, 100% 0); opacity:0; pointer-events:none; transition:opacity .12s ease, transform .12s ease; z-index:49; } [data-tooltip]:hover::after, [data-tooltip]:hover::before{ opacity:1; transform:translateX(-50%) translateY(0); } /* WhatsApp button (premium) */ .dmz-wa{ display:inline-flex;align-items:center;gap:10px; padding:10px 12px; border-radius:999px; border:1px solid rgba(37,211,102,.28); background:linear-gradient(135deg, rgba(37,211,102,.14) 0%, rgba(18,140,126,.10) 55%, rgba(37,211,102,.06) 100%); color:#064e3b; text-decoration:none; font-weight:950; box-shadow:0 10px 26px rgba(16,185,129,.18); transition:transform .12s ease, box-shadow .12s ease, filter .12s ease; } .dmz-wa:hover{transform:translateY(-1px);filter:saturate(1.12);box-shadow:0 16px 38px rgba(16,185,129,.22)} .dmz-wa:active{transform:translateY(0)} .dmz-wa-ico{ width:34px;height:34px;border-radius:999px; display:grid;place-items:center; background:radial-gradient(circle at 30% 30%, rgba(37,211,102,.32), rgba(18,140,126,.14)); border:1px solid rgba(37,211,102,.20); } .dmz-wa-ico .dmz-ico{width:18px;height:18px;color:#0f5132} .dmz-wa-txt{font-size:var(--dmz-nav-font-mobile, 15px);letter-spacing:-.01em} .dmz-wa-badge{ margin-left:2px; font-size:11px;font-weight:950; padding:6px 8px; border-radius:999px; background:rgba(16,185,129,.10); color:#065f46; border:1px solid rgba(16,185,129,.25); position:relative; } .dmz-wa-badge::before{ content:""; width:8px;height:8px;border-radius:999px; background:#10b981; display:inline-block; margin-right:6px; box-shadow:0 0 0 4px rgba(16,185,129,.14); vertical-align:middle; animation:dmzPulse 1.6s ease-in-out infinite; } @keyframes dmzPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}} /* Badges & KPIs */ .dmz-badge{ display:inline-flex;align-items:center;gap:8px; background:rgba(2,29,73,.06); border:1px solid rgba(2,29,73,.10); padding:8px 10px;border-radius:999px; font-size:12px;font-weight:800;color:#0f172a } .dmz-badge i{width:10px;height:10px;border-radius:999px;background:var(--dmz-accent);display:inline-block;box-shadow:0 0 0 3px rgba(14,165,233,.12)} .dmz-kpi{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px} .dmz-kpi .k{flex:1;min-width:160px;background:#fff;border:1px solid var(--dmz-border);border-radius:14px;padding:10px 10px} .dmz-kpi .t{margin:0;color:#64748b;font-size:12px;font-weight:800} .dmz-kpi .n{margin:6px 0 0;font-size:18px;font-weight:900;color:#0f172a} /* Progress */ .dmz-progress{height:12px;background:rgba(2,29,73,.08);border-radius:999px;overflow:hidden;border:1px solid rgba(2,29,73,.10)} .dmz-progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--dmz-accent) 0%, var(--dmz-accent-2) 100%);border-radius:999px;transition:width .7s ease} /* Dashboard */ .dmz-dash{margin:0} .dmz-stats{display:grid;grid-template-columns:1fr;gap:12px} .dmz-stat{padding:14px} .dmz-stat h3{margin:0 0 10px;font-size:14px;font-weight:950;letter-spacing:-.01em;color:#0f172a} .dmz-stat .big{font-size:34px;font-weight:950;letter-spacing:-.02em;color:var(--dmz-primary)} /* Funnel chips */ .dmz-funnel{display:flex;gap:10px;flex-wrap:wrap} .dmz-funnel .chip{flex:1;min-width:120px;background:#fff;border:1px solid var(--dmz-border);border-radius:14px;padding:10px} .dmz-funnel .chip .k{color:#64748b;font-size:12px;font-weight:800;margin:0} .dmz-funnel .chip .v{margin-top:6px;font-size:18px;font-weight:900;color:#0f172a} /* Sparkline */ .dmz-spark{margin-top:10px;color:var(--dmz-accent)} .dmz-spark svg{width:100%;height:54px;display:block} /* Donut rings */ .dmz-rings{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px} .dmz-ring{ --pct:0; width:112px;height:112px; border-radius:999px; background:conic-gradient(var(--dmz-accent) calc(var(--pct)*1%), var(--dmz-ring-track) 0); display:grid;place-items:center; border:1px solid rgba(2,29,73,.10); box-shadow:0 12px 30px rgba(2,29,73,.10); } .dmz-ring:nth-child(2){background:conic-gradient(var(--dmz-accent-2) calc(var(--pct)*1%), var(--dmz-ring-track) 0)} .dmz-ring-in{ width:78px;height:78px;border-radius:999px; background:#fff; border:1px solid var(--dmz-border); display:flex;flex-direction:column;align-items:center;justify-content:center; text-align:center; } .dmz-ring-big{font-weight:950;font-size:18px;line-height:1;color:#0f172a} .dmz-ring-label{margin-top:6px;font-size:11px;font-weight:800;color:#64748b} /* FAQ details */ .dmz-faq{display:flex;flex-direction:column;gap:10px} .dmz-faq-item{border:1px solid var(--dmz-border);border-radius:14px;background:#fff;overflow:hidden} .dmz-faq-q{padding:12px 14px;cursor:pointer;font-weight:900;list-style:none;outline:none} .dmz-faq-q::-webkit-details-marker{display:none} .dmz-faq-item[open] .dmz-faq-q{background:rgba(2,29,73,.04)} .dmz-faq-a{padding:0 14px 12px 14px;color:#334155;font-size:14px;line-height:1.55} /* Footer */ /* (old footer rule removed; footer is styled at the end of this file) */ /* Responsive */ @media (max-width: 900px){ .dmz-card{padding:18px} .dmz-layout{grid-template-columns:1fr;} } @media (max-width: 620px){ .dmz-wrap{padding:16px} .dmz-title{font-size:22px} .dmz-grid{grid-template-columns:1fr} .dmz-kpi .k{min-width:unset} .dmz-ring{width:104px;height:104px} .dmz-ring-in{width:74px;height:74px} } /* ================== VITRIN / SALES LAYER (Yoast-like) ================== */ .dmz-vitrin{margin-top:18px} .dmz-vitrin__shell{ border:1px solid rgba(15,23,42,.08); border-radius:24px; padding:28px; background: radial-gradient(900px 520px at 18% 30%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 55%), radial-gradient(900px 520px at 80% 15%, rgba(236,72,153,.16) 0%, rgba(236,72,153,0) 55%), linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.70)); box-shadow: 0 20px 60px rgba(2,6,23,.08); } .dmz-vitrin__s{ display:grid; grid-template-columns: 3fr 1fr; gap:24px; align-items:stretch; } /* Vitrin responsive split */ @media (max-width: 900px){ .dmz-vitrin__s{grid-template-columns:1fr;} } .dmz-vitrin__kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px} .dmz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(15,23,42,.10);border-radius:999px;background:rgba(255,255,255,.65);font-weight:700;font-size:var(--dmz-chip-font, 12px);color:#0b1324} .dmz-sep{color:rgba(2,6,23,.35)} .dmz-vitrin__title{margin:0 0 10px;font-family:var(--dmz-hero-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif);font-size:clamp(28px,4.2vw,var(--dmz-hero-title-max,52px));line-height:1.05;letter-spacing:-.03em;color:#0b1324} .dmz-vitrin__desc{margin:0 0 16px;max-width:52ch;font-family:var(--dmz-hero-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif);font-size:clamp(12px,1.6vw,var(--dmz-hero-desc-max,17px));line-height:1.55;color:#1f2a44} .dmz-vitrin__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px} .dmz-cta{font-size:var(--dmz-cta-font, 15px);display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;font-weight:800;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;border:1px solid transparent} .dmz-cta:focus{outline:none;box-shadow:0 0 0 4px rgba(59,130,246,.25)} .dmz-cta--primary{color:#fff !important;background:linear-gradient(135deg,#0b1b3a,#102a6a);color:#fff;box-shadow:0 12px 24px rgba(16,42,106,.25)} .dmz-cta--primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(16,42,106,.32)} .dmz-cta--ghost{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.14);color:#0b1324} .dmz-cta--ghost:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(2,6,23,.10)} .dmz-cta__wa{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:rgba(34,197,94,.14)} .dmz-vitrin__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px} .dmz-hl{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:rgba(255,255,255,.60);padding:12px 12px} .dmz-hl__t{display:block;font-weight:900;color:#0b1324;font-size:var(--dmz-nav-font-mobile, 15px);margin-bottom:2px} .dmz-hl__s{display:block;color:#24324f;font-size:12px;line-height:1.35} .dmz-vitrin__card{height:100%;border:1px solid rgba(15,23,42,.10);border-radius:20px;background:rgba(255,255,255,.75);box-shadow:0 18px 44px rgba(2,6,23,.10);padding:16px} .dmz-vitrin__cardhead{margin-bottom:10px} .dmz-vitrin__cardtitle{margin:0 0 8px;font-size:15px;font-weight:900;color:#0b1324} .dmz-mini-badges{display:flex;flex-wrap:wrap;gap:8px} .dmz-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.65);font-weight:800;font-size:11px;color:#0b1324} .dmz-vitrin__list{margin:0;padding:0 0 0 18px} .dmz-vitrin__list li{margin:8px 0;color:#24324f;font-size:var(--dmz-nav-font-mobile, 15px);line-height:1.45} .dmz-vitrin__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(15,23,42,.10);padding-top:12px;margin-top:12px} .dmz-proof{display:flex;gap:8px;align-items:center;color:#1f2a44;font-size:12px} .dmz-proof__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 0 4px rgba(34,197,94,.18)} .dmz-link{color:#0b1b3a;font-weight:900;text-decoration:none} .dmz-link:hover{text-decoration:underline} /* Section headings */ .dmz-section{margin-top:40px} .dmz-section__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px} .dmz-section__title{margin:0;font-size:34px;letter-spacing:-.02em;color:#0b1324} .dmz-section__title.dmz-title--42{font-size:32px !important;line-height:1.12} .dmz-section__sub{margin:0;max-width:62ch;color:#334155;font-size:14px;line-height:1.45} /* How it works head: subtitle right aligned (desktop) */ #dmz-nasil .dmz-section__sub{margin-left:auto;text-align:right;} #dmz-nasil .dmz-section__head{align-items:flex-end;} @media (max-width: 1024px){ #dmz-nasil .dmz-section__head{align-items:stretch;} #dmz-nasil .dmz-section__sub{text-align:left;margin-left:0;} } /* How flow strip (Mesaj → AI soruları → WhatsApp özeti) */ #dmz-nasil .dmz-howflow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px;} #dmz-nasil .dmz-howflow__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(148,163,184,.45);color:#0f172a;font-weight:900;font-size:13px;box-shadow:0 10px 26px rgba(2,6,23,.06)} #dmz-nasil .dmz-howflow__dot{width:10px;height:10px;border-radius:999px;background:rgba(15,23,42,.25);box-shadow:0 0 0 4px rgba(15,23,42,.08)} #dmz-nasil .dmz-howflow__dot--msg{background:rgba(2,29,73,.75);box-shadow:0 0 0 4px rgba(2,29,73,.12)} #dmz-nasil .dmz-howflow__dot--ai{background:rgba(194,58,106,.80);box-shadow:0 0 0 4px rgba(194,58,106,.14)} #dmz-nasil .dmz-howflow__dot--wa{background:rgba(34,197,94,.80);box-shadow:0 0 0 4px rgba(34,197,94,.14)} #dmz-nasil .dmz-howflow__sep{color:rgba(15,23,42,.48);font-weight:900;font-size:14px;user-select:none} @media (max-width: 720px){ #dmz-nasil .dmz-howflow{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:6px 0} #dmz-nasil .dmz-howflow__sep{display:none} #dmz-nasil .dmz-howflow__pill{flex:1 1 0;min-width:0;justify-content:center;font-size:12px;padding:7px 8px} #dmz-nasil .dmz-howflow__dot{width:9px;height:9px;box-shadow:0 0 0 3px rgba(15,23,42,.08)} } @media (max-width: 380px){ #dmz-nasil .dmz-howflow{flex-wrap:wrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px} #dmz-nasil .dmz-howflow__pill{width:100%;justify-content:flex-start} } /* How it works */ .dmz-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .dmz-step{border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 28px rgba(2,6,23,.08)} .dmz-step__num{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#0b1b3a,#102a6a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:10px} .dmz-step__title{margin:0 0 4px;font-size:18px;font-weight:900;color:#0b1324} .dmz-step__text{margin:0;color:#475569;font-size:var(--dmz-nav-font-mobile, 15px);line-height:1.45} /* Pricing */ .dmz-pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .dmz-price{border:1px solid rgba(15,23,42,.10);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(2,6,23,.08);overflow:hidden;display:flex;flex-direction:column;min-height:330px} .dmz-price{position:relative} .dmz-price::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(1200px 260px at 15% 0%, rgba(225,29,72,.10) 0%, rgba(2,29,73,.06) 38%, rgba(255,255,255,0) 70%); opacity:.9; } .dmz-price__top,.dmz-price__body,.dmz-price__footer{position:relative;z-index:1} .dmz-price__top{padding:14px 14px 12px;color:#fff} .dmz-g1{background:linear-gradient(135deg,#1f6aa6,#2aa7d8)} .dmz-g2{background:linear-gradient(135deg,#672a6b,#c23a6a)} .dmz-g3{background:linear-gradient(135deg,#0f4c4f,#2db39e)} .dmz-g4{background:linear-gradient(135deg,#0b1b3a,#ea4d7a)} .dmz-price__tag{display:inline-flex;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase} .dmz-price__pill{display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-weight:800;font-size:12px} .dmz-price__body{padding:16px 16px 12px;flex:1;display:flex;flex-direction:column} .dmz-price__name{margin:0 0 8px;font-size:22px;font-weight:900;color:#0b1324} .dmz-techrow{display:flex;align-items:center;gap:8px;margin:0 0 12px} .dmz-techpill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.01em;border:1px solid rgba(2,6,23,.10);box-shadow:0 8px 18px rgba(2,6,23,.08)} .dmz-techpill--wp{background:#0b2e3a;color:#fff} .dmz-techpill--php{background:#0b1b3a;color:#fff} /* Paket özellikleri: 3 kolon (desktop), satırlar dengeli */ .dmz-featuregrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px} .dmz-featuregrid li{position:relative;padding-left:18px;color:#334155;font-size:var(--dmz-nav-font-mobile, 15px);line-height:1.35;min-height:30px;display:flex;align-items:flex-start} .dmz-featuregrid li:before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:3px;background:rgba(15,23,42,.12)} /* Tablet: 2 kolon */ @media (max-width: 1024px){ .dmz-featuregrid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Mobil: 1 kolon */ @media (max-width: 520px){ .dmz-featuregrid{grid-template-columns:1fr} .dmz-featuregrid li{min-height:auto} } .dmz-price__cta{padding:14px 16px;border-top:1px solid rgba(15,23,42,.08)} .dmz-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;border-radius:14px;font-weight:900;text-decoration:none;border:1px solid rgba(15,23,42,.16);background:#fff;color:#0b1324} .dmz-btn--primary{background:linear-gradient(135deg,#0b1b3a,#102a6a);border-color:transparent;color:#fff} .dmz-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(2,6,23,.10)} .dmz-price--featured{border-color:rgba(236,72,153,.35);box-shadow:0 18px 46px rgba(236,72,153,.16)} /* Layout fixes */ .dmz-wrap{width:100%;max-width:none} .dmz-card{width: min(1480px, 100%); margin-left:auto; margin-right:auto} @media (max-width: 1024px){ .dmz-vitrin__s{grid-template-columns:1fr;} .dmz-vitrin__title{font-size:40px} .dmz-vitrin__highlights{grid-template-columns:1fr} .dmz-section__head{flex-direction:column;align-items:flex-start} .dmz-steps{grid-template-columns:1fr} .dmz-pricing{grid-template-columns:1fr} } @media (max-width: 520px){ .dmz-vitrin__shell{padding:16px} .dmz-vitrin__title{font-size:34px} .dmz-cta{width:100%;justify-content:center} } /* ========================== v10 FIXES (UTF-8 + Spacing + Desktop centering) ========================== */ /* Desktop: make layout feel "full" while still centered */ .dmz-wrap{padding:32px 24px;} .dmz-card{width:min(1560px, calc(100vw - 64px)); max-width:calc(100vw - 24px); margin-left:auto; margin-right:auto;} @media (max-width: 900px){ .dmz-wrap{padding:18px 12px;} .dmz-card{width:calc(100vw - 24px);} } /* Section rhythm: prevent blocks from sticking to each other */ .dmz-section{margin-top:34px;} .dmz-section:first-of-type{margin-top:0;} .dmz-section__head{margin-bottom:14px;} /* Extra gap between "Nasıl Çalışır" and "Paketler" */ .dmz-how{margin-bottom:24px;} .dmz-packages{margin-top:26px;} /* Vitrin readability + button contrast */ .dmz-vitrin{position:relative; overflow:hidden;} .dmz-vitrin:before{ content:""; position:absolute; inset:-2px; background: radial-gradient(900px 420px at 12% 26%, rgba(255,255,255,.75), transparent 55%), radial-gradient(900px 520px at 88% 16%, rgba(255,255,255,.55), transparent 60%), linear-gradient(135deg, rgba(2,29,73,.08), rgba(214,34,90,.07)); pointer-events:none; } .dmz-vitrin > *{position:relative;} .dmz-vitrin__kicker{display:flex; gap:10px; flex-wrap:wrap; margin:0 0 10px;} .dmz-chip{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.78); border:1px solid rgba(148,163,184,.45); color:#0f172a; font-weight:600; font-size:var(--dmz-nav-font-mobile, 15px); box-shadow:0 10px 30px rgba(2,6,23,.06);} .dmz-vitrin__title{max-width:18ch; letter-spacing:-0.02em;} .dmz-vitrin__desc{max-width:64ch;} .dmz-actions{display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 18px;} .dmz-btn{min-height:44px; padding:12px 16px; border-radius:14px; font-weight:700;} .dmz-btn--primary{background:#021d49; color:#fff; border:1px solid rgba(2,29,73,.1); box-shadow:0 18px 44px rgba(2,29,73,.18);} .dmz-btn--primary:hover{filter:brightness(1.06);} .dmz-btn--ghost{background:rgba(255,255,255,.92); color:#0f172a; border:1px solid rgba(148,163,184,.55);} .dmz-btn--ghost:hover{background:#fff;} /* Highlight mini cards under vitrin */ .dmz-highlights{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin:14px 0 0;} @media (max-width: 900px){ .dmz-highlights{grid-template-columns:1fr;} } .dmz-hl{background:rgba(255,255,255,.86); border:1px solid rgba(148,163,184,.35); border-radius:16px; padding:12px 14px;} .dmz-hl__t{display:block; font-weight:800; color:#0f172a; font-size:14px;} .dmz-hl__s{display:block; color:#334155; font-size:var(--dmz-nav-font-mobile, 15px); margin-top:4px;} /* Packages: consistent button placement + breathing space */ .dmz-pack-grid{gap:18px;} .dmz-pack{display:flex; flex-direction:column;} .dmz-pack__body{flex:1 1 auto;} .dmz-pack__cta{margin-top:auto;} /* Prevent text from appearing under shadows or gradients */ .dmz-pack__top, .dmz-pack__title, .dmz-pack__kicker{color:inherit;} /* v10 spacing: make blocks breathe */ .dmz-section{margin-top:32px;} .dmz-section:first-of-type{margin-top:0;} /* Specific gap: How it works -> Packages */ #dmz-how + #dmz-packages{margin-top:38px;} /* Cards separation in cockpit / crm blocks */ .dmz-grid{gap:18px;} .dmz-subgrid{gap:16px;} /* Vitrin readability: keep content on clean surface */ .dmz-vitrin{position:relative;} .dmz-vitrin::before{ content:""; position:absolute; inset:0; background:radial-gradient(900px 520px at 24% 18%, rgba(255,255,255,.80), rgba(255,255,255,0) 58%), radial-gradient(820px 520px at 80% 40%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%); pointer-events:none; } .dmz-vitrin > *{position:relative; z-index:1;} /* Hero title balance */ .dmz-hero .dmz-hero__title{letter-spacing:-0.03em;} @media (min-width: 1100px){ .dmz-hero .dmz-hero__title{max-width: 18ch;} .dmz-hero .dmz-hero__desc{max-width: 62ch;} } /* Buttons contrast on any background */ .dmz-btn--primary{color:#fff !important;} .dmz-btn--ghost{color:#0f172a !important;} /* ===================== V12 - Vitrin + Form UX fixes ===================== */ /* Make the overall landing feel less "bitişik" */ .dmz-section{margin:26px 0;} .dmz-section__head{margin-bottom:14px;} .dmz-grid{gap:18px;} /* Hero: left content + right form */ .dmz-vitrin__s{gap:22px; align-items:start;} /* Hero form card */ .dmz-formcard--hero{border-radius:22px;} .dmz-formcard--hero .dmz-formcard-head{margin-bottom:12px;} .dmz-formcard--hero .dmz-formcard-head .t{font-size:14px; font-weight:900; letter-spacing:-0.01em;} .dmz-formcard--hero .dmz-formcard-head .s{margin-top:4px;} .dmz-formcard--hero .dmz-field{margin-bottom:12px;} .dmz-formcard--hero .dmz-field input{height:42px;} .dmz-formcard--hero .dmz-formcard-foot{margin-top:10px;} /* Buttons: ensure contrast on the blue primary */ .dmz-btn--primary{color:#fff !important;} .dmz-btn--primary:hover{color:#fff !important;} .dmz-btn--primary:visited{color:#fff !important;} /* Section spacing under hero */ .dmz-vitrin{margin-bottom:22px;} /* Pricing cards spacing */ .dmz-price-card{height:100%;} .dmz-price-card .dmz-price-meta{margin-top:10px;} @media (max-width: 900px){ .dmz-vitrin__s{grid-template-columns:1fr; gap:14px;} .dmz-formcard--hero{order:2;} } /* ===== ADIM 4 – Portal UI Hotfix (Form + Paket Butonlari) ===== */ .dmz-formcard--hero{ background:#fff; border:1px solid rgba(15,23,42,.14); box-shadow:0 18px 48px rgba(2,6,23,.10); position:relative; overflow:hidden; } .dmz-formcard--hero:before{ content:""; position:absolute; inset:0; background:radial-gradient(900px 420px at 12% 0%, rgba(2,29,73,.08), transparent 60%), radial-gradient(780px 380px at 90% 20%, rgba(16,185,129,.10), transparent 55%); pointer-events:none; } .dmz-formcard--hero > *{position:relative;} .dmz-formcard--hero .dmz-formcard-head{ padding:2px 2px 0; } .dmz-formcard--hero .dmz-hd{ display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:900; color:#0b1324; } .dmz-formcard--hero .dmz-formcard-head .s{ color:#334155; font-weight:600; } .dmz-formcard--hero .dmz-field label{ color:#0f172a; font-weight:800; } .dmz-formcard--hero .dmz-field input{ background:rgba(255,255,255,.92); border:1px solid rgba(148,163,184,.55); box-shadow:0 10px 24px rgba(2,6,23,.06); } .dmz-formcard--hero .dmz-field input:focus{ outline:none; border-color:rgba(2,29,73,.35); box-shadow:0 0 0 4px rgba(2,29,73,.10), 0 12px 26px rgba(2,6,23,.08); } /* Form submit butonu: header tonu (koyu) + beyaz metin */ .dmz-btn--submit{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; background:linear-gradient(135deg,#0b1b3a,#102a6a) !important; color:#fff !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 18px 44px rgba(16,42,106,.18) !important; } .dmz-btn--submit:hover{ transform:translateY(-1px); box-shadow:0 24px 54px rgba(16,42,106,.22) !important; } /* Paket butonlari: beyaz + modern */ .dmz-btn--white{ background:#fff !important; color:#0f172a !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 14px 34px rgba(2,6,23,.10) !important; } .dmz-btn--white:hover{ background:#ffffff !important; border-color:rgba(2,29,73,.28) !important; color:#021d49 !important; } /* Paket kart CTA alaninda spacing */ .dmz-price__cta{margin-top:14px;} /* ===================== HOTFIX 3 (Layout restore + white CTA) ===================== */ /* Vitrin: left content + right form (keep form at top-right) */ .dmz-vitrin__shell{ display:grid !important; grid-template-columns: 1.25fr .75fr !important; gap:22px !important; align-items:start !important; } .dmz-vitrin__right{align-self:start !important;} @media (max-width: 1024px){ .dmz-vitrin__shell{grid-template-columns:1fr !important;} } /* Hero CTA: remove dark/blue background, keep white modern button */ .dmz-cta--primary{ background:#fff !important; color:#0b1324 !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 14px 30px rgba(2,6,23,.10) !important; } .dmz-cta--primary:hover{ transform:translateY(-1px) !important; box-shadow:0 18px 38px rgba(2,6,23,.14) !important; } /* Make sure any global link/button reset can't paint blue */ .dmz-cta{background-clip:padding-box !important;} /* Packages: full-bleed background, BUT keep the same left/right rhythm as other sections */ /* Desktop card: width = min(1560px, 100vw - 64px), card padding = 24px => content should start at: viewport-gutter + 24px For <=1560px viewports, viewport-gutter is ~32px (because of 64px total). So we use a safe minimum of 56px (32 + 24) and scale up on wide screens. */ #dmz-paketler{ width:100vw; margin-left:calc(50% - 50vw); padding-left:max(56px, calc((100vw - 1560px)/2 + 24px)); padding-right:max(56px, calc((100vw - 1560px)/2 + 24px)); } #dmz-paketler .dmz-section__head, #dmz-paketler .dmz-pricing{ max-width:1560px; margin-left:auto; margin-right:auto; } @media (max-width: 900px){ /* Mobile/tablet card: width ~ (100vw - 24px), padding ~ 12px => 12 + 12 = 24 */ #dmz-paketler{padding-left:24px; padding-right:24px;} } @media (max-width: 520px){ #dmz-paketler{padding-left:16px; padding-right:16px;} } /* ===================== HOTFIX 3 (Layout restore + white CTA) ===================== */ /* Vitrin: left content + right form (HTML uses .dmz-vitrin__shell) */ .dmz-vitrin__shell{ display:grid !important; grid-template-columns: 1.25fr .75fr !important; gap:22px !important; align-items:start !important; } .dmz-vitrin__right{align-self:start !important;} @media (max-width: 1024px){ .dmz-vitrin__shell{grid-template-columns:1fr !important;} } /* Hero CTA: remove blue background, keep clean white */ .dmz-cta--primary{ background:#ffffff !important; color:#0b1324 !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 14px 30px rgba(2,6,23,.10) !important; } .dmz-cta--primary:hover{ transform:translateY(-1px); box-shadow:0 18px 38px rgba(2,6,23,.14) !important; } /* Packages: full-bleed (full screen feel) */ #dmz-paketler{ width:100vw; margin-left:calc(50% - 50vw); padding-left:24px; padding-right:24px; } #dmz-paketler .dmz-section__head, #dmz-paketler .dmz-pricing{ max-width:1560px; margin-left:auto; margin-right:auto; } @media (max-width: 900px){ #dmz-paketler{padding-left:12px;padding-right:12px;} } /* ===================== HOTFIX 3 (Layout restore + white CTA) ===================== */ /* Vitrin: left content + right form (HTML uses .dmz-vitrin__shell) */ .dmz-vitrin__shell{ display:grid !important; grid-template-columns: 1.25fr .75fr !important; gap:22px !important; align-items:start !important; } .dmz-vitrin__right{align-self:start !important;} @media (max-width: 1024px){ .dmz-vitrin__shell{grid-template-columns:1fr !important;} } /* Hero CTA: remove blue background, keep clean white */ .dmz-cta--primary{ background:#ffffff !important; color:#0b1324 !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 14px 30px rgba(2,6,23,.10) !important; } .dmz-cta--primary:hover{ transform:translateY(-1px); box-shadow:0 18px 38px rgba(2,6,23,.14) !important; } /* Packages: full-bleed (full screen feel) */ #dmz-paketler{ width:100vw; margin-left:calc(50% - 50vw); padding-left:24px; padding-right:24px; } #dmz-paketler .dmz-section__head, #dmz-paketler .dmz-pricing{ max-width:1560px; margin-left:auto; margin-right:auto; } @media (max-width: 900px){ #dmz-paketler{padding-left:12px;padding-right:12px;} } /* ===================== HOTFIX 4 (Packages alignment + right sidebar) ===================== */ #dmz-paketler .dmz-packgrid{ display:grid; grid-template-columns: 2fr 1fr; gap:16px; max-width:1560px; margin-left:auto; margin-right:auto; } #dmz-paketler .dmz-packgrid__left{min-width:0;} #dmz-paketler .dmz-packgrid__right{min-width:0; align-self:start;} /* Prevent empty reserved columns when package count < 4 */ #dmz-paketler .dmz-packgrid .dmz-pricing{ max-width:none; margin:0; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); align-content:start; } #dmz-paketler .dmz-packgrid .dmz-packgrid__right .dmz-box{margin-top:0;} #dmz-paketler .dmz-packgrid .dmz-packgrid__right .dmz-box + .dmz-box{margin-top:14px;} @media (max-width: 900px){ #dmz-paketler .dmz-packgrid{grid-template-columns:1fr;} #dmz-paketler .dmz-packgrid__right{margin-top:12px;} } /* ===================== Konsept 2: Bot ↔ Kişisel Asistan farkı (paketlerin hemen altı) ===================== */ #dmz-paketler .dmz-packafter{margin-top:16px;} .dmz-box--compare{ background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%) !important; box-shadow:var(--dmz-shadow-soft) !important; border-color:rgba(226,232,240,.95) !important; position:relative; overflow:hidden; padding:18px; } .dmz-box--compare::before{ content:""; position:absolute; left:0; right:0; top:0; height:8px; background:linear-gradient(90deg, rgba(2,29,73,.92), rgba(14,165,233,.86)); } .dmz-asstcmp{ } .dmz-asstcmp__head{position:relative; z-index:1; margin:0 0 12px;} .dmz-asstcmp__pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:950; letter-spacing:.2px; border:1px solid rgba(2,29,73,.14); background:rgba(2,29,73,.04); color:var(--dmz-primary); } .dmz-asstcmp__title{margin:10px 0 6px;font-size:18px;line-height:1.25;font-weight:950;letter-spacing:-.01em;} .dmz-asstcmp__sub{margin:0;color:var(--dmz-muted);font-size:13px;line-height:1.55;} .dmz-asstcmp__rows{position:relative; z-index:1; display:flex; flex-direction:column; gap:10px;} .dmz-asstcmp__row{ display:grid; grid-template-columns: 1fr auto 1fr; gap:12px; align-items:center; padding:10px; border-radius:14px; border:1px solid rgba(226,232,240,.95); background:rgba(255,255,255,.70); } .dmz-asstcmp__side{min-width:0;} .dmz-asstcmp__who{font-size:12px;font-weight:950;color:#475569;letter-spacing:.2px;text-transform:uppercase;} .dmz-asstcmp__what{margin-top:4px;font-size:14px;line-height:1.35;font-weight:850;color:#0f172a;} .dmz-asstcmp__who--asst{color:var(--dmz-primary);} .dmz-asstcmp__what--asst{color:var(--dmz-primary);} .dmz-asstcmp__mid{ display:flex; align-items:center; gap:8px; justify-content:center; color:#334155; } .dmz-asstcmp__ico{ width:30px;height:30px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(2,29,73,.14); background:rgba(2,29,73,.06); } .dmz-asstcmp__arrow{font-weight:950;opacity:.8;} .dmz-asstcmp__note{ position:relative; z-index:1; margin-top:12px; display:flex; align-items:flex-start; gap:10px; padding:8px 10px; border-radius:14px; border:1px dashed rgba(148,163,184,.55); background:rgba(248,250,252,.95); color:#334155; font-size:13px; line-height:1.45; } .dmz-asstcmp__note strong{color:#0f172a;} @media (max-width: 900px){ .dmz-box--compare{padding:16px;} .dmz-asstcmp__row{grid-template-columns:1fr; gap:10px;} .dmz-asstcmp__mid{justify-content:flex-start;} .dmz-asstcmp__arrow{transform:rotate(90deg);} } /* ===================== HOTFIX 5 (Packages padding: align with "Nasıl calisir" section) ===================== */ /* Keep the full-bleed background, but restore the same inner gutters as the card */ #dmz-paketler{ padding-left: max(56px, calc((100vw - 1560px)/2 + 24px)); padding-right: max(56px, calc((100vw - 1560px)/2 + 24px)); } @media (max-width: 900px){ /* Card: ~12px side gutter + 12px card padding = 24px */ #dmz-paketler{padding-left:24px; padding-right:24px;} } @media (max-width: 520px){ #dmz-paketler{padding-left:16px; padding-right:16px;} } /* ===================== HOTFIX 6 (Yoast-like header + modern brand block + 4 chips + linked steps + footer) ===================== */ /* Header: Yoast-like top bar (gradient) */ .dmz-head{ background: linear-gradient(90deg, rgba(88,44,129,1) 0%, rgba(176,49,107,1) 100%) !important; border-bottom: 1px solid rgba(255,255,255,.16) !important; backdrop-filter: none !important; } .dmz-head.is-stuck{ background: linear-gradient(90deg, rgba(88,44,129,.96) 0%, rgba(176,49,107,.96) 100%) !important; box-shadow: 0 18px 44px rgba(2,6,23,.22) !important; } .dmz-brand{display:flex;align-items:center;gap:12px;min-width:0;} .dmz-brandlink{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit;} .dmz-brandlink:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:4px;border-radius:16px;} .dmz-brandmark{ width: var(--dmz-logo-size, 48px); height: var(--dmz-logo-size, 48px); border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0b2c8a 0%, #0b1f5b 55%, #07123b 100%); color: #fff; font-weight: 900; letter-spacing: .02em; position: relative; overflow: hidden; } .dmz-brandmark__text{ font-size: var(--dmz-brandmark-text, 16px); line-height: 1; } .dmz-brandmark__img{ position:absolute; top:50%; left:50%; width:var(--dmz-logo-image-size,100%); height:var(--dmz-logo-image-size,100%); transform:translate(-50%,-50%); object-fit:contain; object-position:center; display:block; } .dmz-brandmark--contain .dmz-brandmark__img, .dmz-brandmark--contain img{object-fit:contain;} .dmz-brandmark--cover .dmz-brandmark__img, .dmz-brandmark--cover img{object-fit:cover;} .dmz-brandmark--img img{ width:var(--dmz-logo-image-size,100%); height:var(--dmz-logo-image-size,100%); object-position:center; display:block; } .dmz-brandmark--retina .dmz-brandmark__img, .dmz-brandmark--retina img{ image-rendering:auto; backface-visibility:visible; transform:translate(-50%,-50%) translateZ(0); } .dmz-brandmark--retina.dmz-brandmark--img img{transform:translateZ(0);} .dmz-brandmark.has-logo .dmz-brandmark__text{opacity:0;} .dmz-brandtxt{min-width:0;} .dmz-title{ color:#fff !important; font-size:22px !important; margin:0 !important; line-height:1.1 !important; text-shadow: 0 1px 0 rgba(0,0,0,.08); } .dmz-sub{ color: rgba(255,255,255,.88) !important; font-size:13px !important; margin:6px 0 0 !important; } /* Header nav on gradient */ .dmz-head .dmz-nav{ background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.18) !important; } .dmz-head .dmz-nav-item{ color: rgba(255,255,255,.92) !important; } .dmz-head .dmz-nav-item:hover{ background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.18) !important; box-shadow: 0 12px 28px rgba(2,6,23,.18) !important; } .dmz-head .dmz-nav-item.is-active, .dmz-head .dmz-nav-item[aria-current="page"]{ background: rgba(255,255,255,.94) !important; color: var(--dmz-primary) !important; } .dmz-head .dmz-nav-item.is-active .dmz-nav-dot, .dmz-head .dmz-nav-item[aria-current="page"] .dmz-nav-dot{ box-shadow: 0 0 0 3px rgba(2,29,73,.12) !important; } /* Mobile hamburger on gradient */ .dmz-head .dmz-nav-btn{ background: rgba(255,255,255,.92) !important; border-color: rgba(255,255,255,.35) !important; } /* Vitrin chips: 4'lü ve mobilde 2x2 */ .dmz-vitrin__kicker{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; } .dmz-vitrin__kicker .dmz-chip{ border: 1px solid rgba(2,29,73,.14); background: rgba(255,255,255,.85); box-shadow: 0 10px 26px rgba(2,6,23,.06); } @media (max-width: 600px){ .dmz-vitrin__kicker .dmz-chip{ flex: 1 1 calc(50% - 10px); justify-content:center; text-align:center; } } /* Vitrin headline: daha canlı */ .dmz-vitrin__title{ background: linear-gradient(90deg, #0b1324 0%, #142a55 55%, #0b1324 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } /* Nasıl çalışır: kartları birbirine bağlayan "ip" */ .dmz-steps{position:relative;} .dmz-steps__line{ position:absolute; left:31px; /* 14 (padding) + 17 (num center) */ right:31px; top:31px; height:2px; background: linear-gradient(90deg, rgba(2,29,73,.35), rgba(194,58,106,.30), rgba(34,197,94,.22)); opacity:.62; border-radius:999px; z-index:0; } .dmz-steps__arrow{ position:absolute; top:50%; transform:translateY(-50%); width:0; height:0; border-left:7px solid rgba(15,23,42,.24); border-top:5px solid transparent; border-bottom:5px solid transparent; opacity:.75; } .dmz-steps__arrow--1{left:33%;} .dmz-steps__arrow--2{left:66%;} .dmz-steps__arrow--3{right:-1px;} .dmz-step{position:relative; z-index:1;} @media (max-width: 900px){ .dmz-steps__line{display:none;} /* Mobil: dikey timeline, kartlar arasında bağlantı */ .dmz-step{overflow:visible;} .dmz-step:not(:last-child)::after{ content:""; position:absolute; left:31px; top:48px; /* 14 padding + 34 num */ bottom:-12px; /* grid gap */ width:2px; background: linear-gradient(180deg, rgba(2,29,73,.28), rgba(194,58,106,.22), rgba(34,197,94,.18)); opacity:.55; border-radius:999px; pointer-events:none; } } /* Footer: sayfayla birleşik (ayrı bir "bar" gibi görünmesin) */ .dmz-footer{ margin-top:0; border-top:1px solid rgba(226,232,240,.92); background: rgba(255,255,255,.94); backdrop-filter: blur(6px); } .dmz-footer__inner{ padding:14px 12px 16px; } .dmz-footer__line{ display:block; /* Tema/3rd-party stiller bazen "justify" uygulayıp kelimeleri aralara açabiliyor. Footer metni tek parça ve sola yaslı kalsın. */ text-align:left !important; text-align-last:left !important; text-justify:auto !important; word-spacing:normal !important; color: rgba(15,23,42,.78); font-family: Inter, "Segoe UI", system-ui, -apple-system, Arial, sans-serif; font-weight:600; font-size:var(--dmz-nav-font-mobile, 15px); letter-spacing:.2px; } .dmz-footer__dot{opacity:.55; padding:0 4px;} .dmz-footer a{ color: var(--dmz-primary) !important; text-decoration:none !important; font-weight:900; border-bottom: 1px dashed rgba(2,29,73,.35); } .dmz-footer a:hover{border-bottom-color: rgba(2,29,73,.75);} @media (max-width: 720px){ .dmz-footer__line{font-size:12.5px;} } /* HERO CTA: primary button should stay white (no blue background) */ .dmz-vitrin .dmz-btn--primary{ background:#fff !important; color:#0b1324 !important; border:1px solid rgba(15,23,42,.18) !important; box-shadow:0 14px 34px rgba(2,6,23,.10) !important; } .dmz-vitrin .dmz-btn--primary:hover{ transform: translateY(-1px); box-shadow:0 20px 46px rgba(2,6,23,.14) !important; } /* v8 HOTFIX: Güncel sürüm satırı (yan yana) */ .dmz-box--version .dmz-box-title{font-size:15px !important;text-transform:uppercase;letter-spacing:.7px} .dmz-verrow{display:flex;align-items:center;justify-content:space-between;gap:10px} .dmz-verlabel{font-weight:900;color:#0f172a;font-size:13px} .dmz-verbadge{font-weight:950;font-size:var(--dmz-nav-font-mobile, 15px);white-space:nowrap;padding:8px 10px;border-radius:12px;border:1px solid rgba(226,232,240,.95);background:#fff;box-shadow:var(--dmz-shadow-soft)} /* v8 HOTFIX: SSS akordiyon ok işareti */ .dmz-faq-q{position:relative;padding-right:44px} .dmz-faq-q::after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.65;transition:transform .2s ease,opacity .2s ease} .dmz-faq-item[open] .dmz-faq-q::after{transform:translateY(-50%) rotate(180deg);opacity:.95} /* v8 HOTFIX: Lightbox / Modal */ .dmz-no-scroll{overflow:hidden !important} .dmz-modal{position:fixed;isolation:isolate;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:18px;width:100vw;height:100vh} .dmz-modal.is-open{display:flex} .dmz-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(3px)} .dmz-modal__dialog{position:relative;width:min(1040px,94vw);max-height:92vh;overflow:auto;border-radius:20px;border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);box-shadow:0 32px 110px rgba(2,6,23,.42);padding:18px} .dmz-modal__close{position:absolute;top:12px;right:12px;z-index:5;width:44px;height:44px;border-radius:14px;border:1px solid rgba(226,232,240,.95);background:#fff;cursor:pointer;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:900} .dmz-modal__close:hover{box-shadow:var(--dmz-shadow-soft)} .dmz-modal__content .dmz-formcard{margin:0} @media (max-width: 640px){ .dmz-modal{padding:12px} .dmz-modal__dialog{width:94vw;max-height:92vh;padding:14px;border-radius:18px} .dmz-modal__close{top:10px;right:10px;width:40px;height:40px;border-radius:12px;font-size:24px} } @media (max-width: 640px){ .dmz-modal{padding:12px} .dmz-modal__dialog{width:96vw;max-height:94vh;padding:14px} .dmz-modal__close{top:10px;right:10px;width:42px;height:42px} } /* scroll lock for modal */ .dmz-modal-open{overflow:hidden !important} /* Paket kartı: Daha fazlası (akordiyon) */ .dmz-more{margin-top:12px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#f8fafc;overflow:hidden} .dmz-price[data-pkg="kurumsal"] .dmz-more{margin-top:auto} .dmz-more__sum{cursor:pointer;list-style:none;padding:10px 12px;font-weight:900;color:#0b1324;font-size:var(--dmz-nav-font-mobile, 15px);display:flex;align-items:center;gap:8px} .dmz-more__sum::-webkit-details-marker{display:none} .dmz-more__sum:after{content:"▾";margin-left:auto;opacity:.7} .dmz-more[open] .dmz-more__sum:after{content:"▴"} .dmz-more__body{padding:10px 12px;border-top:1px solid rgba(15,23,42,.08)} .dmz-featuregrid--more{grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width: 520px){ .dmz-featuregrid--more{grid-template-columns:1fr} } /* ========================================================= DFA + SSS Hotfix (Sercan) - Portal sayfasinda DFA gizlenmesin / tiklansin - SSS: ilk 5 + "+X soru daha" kontrol bari - SSS akordiyon daha modern ========================================================= */ /* DFA tam izolasyon: portal aktifken host tema stilleri DFA icine sizmasin */ #dfa-launcher, #dfa-chat, #dfa-page-hint, #dfa-launcher *, #dfa-chat *, #dfa-page-hint *{ box-sizing:border-box !important; } #dfa-launcher, #dfa-chat, #dfa-page-hint, #dfa-launcher :is(button,a,input,textarea,select,label,span,div,p,strong,small,svg,path), #dfa-chat :is(button,a,input,textarea,select,label,span,div,p,strong,small,svg,path), #dfa-page-hint :is(button,a,input,textarea,select,label,span,div,p,strong,small,svg,path){ font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important; text-transform:none !important; letter-spacing:normal !important; } #dfa-chat :is(button,input,textarea), #dfa-launcher :is(button), #dfa-page-hint :is(button){ appearance:none !important; -webkit-appearance:none !important; margin:0 !important; min-width:0 !important; min-height:0 !important; text-indent:0 !important; } #dfa-chat #dfa-voice-btn, #dfa-chat #dfa-tts-btn, #dfa-chat #dfa-send-btn{ padding:0 !important; flex:0 0 auto !important; } #dfa-chat .dfa-icon-btn, #dfa-chat .dfa-mode-btn, #dfa-chat .dfa-offer-btn, #dfa-chat .dfa-quick-menu-btn, #dfa-chat .dfa-quick-action-btn, #dfa-chat .dfa-chip, #dfa-chat .dfa-chip-btn{ text-transform:none !important; letter-spacing:normal !important; } /* DFA: her zaman ustte ve tiklanabilir */ #dfa-launcher, #dfa-chat, #dfa-page-hint{ z-index:2147483647 !important; } /* "page hint" overlay must not block portal header/menu taps on mobile */ #dfa-page-hint, #dfa-page-hint *{ pointer-events:none !important; } /* DFA page hint should never block clicks (it can overlap the portal header on mobile) */ #dfa-page-hint, #dfa-page-hint *{ pointer-events:none !important; } /* DFA input kaymasi (portal css cakismasi) */ #dfa-launcher,#dfa-chat,#dfa-page-hint{z-index:2147483647 !important;} #dfa-launcher,#dfa-chat{pointer-events:auto !important;} #dfa-chat .dfa-chat-input-inner{ display:flex !important; align-items:center !important; gap:10px !important; } #dfa-chat .dfa-chat-input-inner > *{flex:0 0 auto !important;} #dfa-chat #dfa-input{ flex:1 1 auto !important; min-width:0 !important; line-height:1.35 !important; } #dfa-chat .dfa-send-btn{align-self:center !important;} /* Checkout modal acikken DFA ve benzeri sabit katmanlari alta al / gizle */ html.dmz-checkout-open #dfa-launcher, html.dmz-checkout-open #dfa-chat, html.dmz-checkout-open #dfa-page-hint, html.dmz-checkout-open [id^="dfa-"], html.dmz-checkout-open .dfa-launcher, html.dmz-checkout-open .dfa-widget, html.dmz-checkout-open .dfa-page-hint, body.dmz-checkout-open #dfa-launcher, body.dmz-checkout-open #dfa-chat, body.dmz-checkout-open #dfa-page-hint, body.dmz-checkout-open [id^="dfa-"], body.dmz-checkout-open .dfa-launcher, body.dmz-checkout-open .dfa-widget, body.dmz-checkout-open .dfa-page-hint{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; z-index:2147482000 !important; } /* SSS: JS ile gizlenen maddeler */ .dmz-faq-hidden{display:none !important;} /* SSS kontrol bari (+X soru daha / Tümünü göster) */ .dmz-faq-controls{ margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid rgba(15,23,42,.10); background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%); border-radius:999px; } .dmz-faq-morebtn, .dmz-faq-allbtn{ appearance:none; border:0; background:transparent; cursor:pointer; font-weight:900; font-size:var(--dmz-nav-font-mobile, 15px); color:#0b1324; padding:8px 12px; border-radius:999px; border:1px solid rgba(2,29,73,.12); transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease; } .dmz-faq-morebtn:hover, .dmz-faq-allbtn:hover{ transform:translateY(-1px); box-shadow:0 12px 22px rgba(2,6,23,.10); border-color:rgba(2,29,73,.22); background:rgba(2,29,73,.04); } .dmz-faq-controls.is-open .dmz-faq-morebtn, .dmz-faq-controls.is-open .dmz-faq-allbtn{ background:rgba(2,29,73,.06); } /* SSS akordiyon: daha modern */ .dmz-faq-item{ border:1px solid rgba(15,23,42,.10) !important; border-radius:16px !important; background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%) !important; box-shadow:0 10px 26px rgba(2,6,23,.06); } .dmz-faq-q{ padding:14px 46px 14px 14px !important; font-weight:900 !important; position:relative; } .dmz-faq-q:hover{background:rgba(2,29,73,.03);} .dmz-faq-a{padding:0 14px 14px !important; color:rgba(15,23,42,.86);} .dmz-faq-q::after{ right:12px !important; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid rgba(2,29,73,.14); background:rgba(255,255,255,.92); } /* SSS bölümü: 2 sütunlu akordiyon (canlı arkaplan + kompakt kartlar) */ .dmz-faq-section{ border:0 !important; } .dmz-faq-section .dmz-faq-shell{ position:relative; border-radius:26px; overflow:hidden; padding:22px 0 18px; background: radial-gradient(900px 420px at 14% 0%, rgba(201,52,127,.22), transparent 70%), radial-gradient(700px 360px at 88% 18%, rgba(88,60,160,.12), transparent 70%), linear-gradient(180deg, #f2dbe6 0%, #ffffff 58%); box-shadow: 0 18px 60px rgba(2, 29, 73, .10); } /* (SSS illüstrasyonu kaldırıldı) */ .dmz-faq-section .dmz-faq-illu{ display:none !important; } /* İçeriği tüm site container genişliğine (admin: --dmz-container-width) sabitle */ .dmz-faq-section .dmz-faq-head, .dmz-faq-section .dmz-faq, .dmz-faq-section .dmz-faq-controls{ max-width: var(--dmz-container-width, 1310px); margin-left: auto; margin-right: auto; padding-left: 18px; padding-right: 18px; } .dmz-faq-section .dmz-faq-head{ position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:0; } .dmz-faq-section .dmz-faq-title{ font-size:28px !important; line-height:1.1; letter-spacing:-.01em; margin:0; } .dmz-faq-section .dmz-faq-sub{ margin-left:auto; text-align:right; max-width:560px; } .dmz-faq-section .dmz-faq{ position:relative; z-index:2; display:grid; grid-template-columns:minmax(280px, .78fr) minmax(0, 1.22fr); gap:14px; margin-top:14px; } .dmz-faq-section .dmz-faq-item{ border:0 !important; background: rgba(255,255,255,.92) !important; backdrop-filter: blur(6px); border-radius:18px; box-shadow: 0 14px 40px rgba(2, 29, 73, .10); } .dmz-faq-section .dmz-faq-q{ min-height:72px; padding:10px 54px 10px 14px; font-weight:900; font-size:15px; display:flex; align-items:center; } .dmz-faq-section .dmz-faq-q::after{ width:34px; height:34px; right:14px; border:0; background: linear-gradient(135deg, rgba(201,52,127,.18), rgba(2,29,73,.10)); box-shadow: 0 10px 24px rgba(2,29,73,.14); } .dmz-faq-section .dmz-faq-item[open] .dmz-faq-q::after{ transform:translateY(-50%) rotate(180deg); } .dmz-faq-section .dmz-faq-a{ padding: 0 16px 14px 16px; font-size:14px; } .dmz-faq-section .dmz-faq-controls{ border:0; background: rgba(255,255,255,.78); box-shadow: 0 10px 30px rgba(2,29,73,.10); } @media (max-width: 900px){ .dmz-faq-section .dmz-faq{grid-template-columns:1fr;} .dmz-faq-section .dmz-faq-q{min-height:66px;} .dmz-faq-section .dmz-faq-title{font-size:26px !important;} .dmz-faq-section .dmz-faq-sub{max-width:100%;} } /* ================================ PORTAL HARD FIXES (WP embed) - prevent right drift / horizontal overflow - ensure footer sits at the very bottom - polish "Önerilen" look - admin cockpit layout ================================ */ /* Layout: avoid 100vw (scrollbar width) to stop sideways drift */ .dmz-wrap{ width:100% !important; max-width:none !important; display:flex !important; flex-direction: column !important; /* ensure stage + footer stack (no side-by-side drift) */ /* Sayfa kısa olsa bile footer altta bitsin, altta gereksiz boşluk kalmasın */ justify-content:flex-start !important; align-items:center !important; min-height:100vh !important; padding:28px 16px 12px !important; overflow-x:hidden; } .dmz-stage{ width:100%; max-width:1560px; display:flex; flex-direction:column; /* .dmz-wrap dikey padding'i çıkar: kısa sayfada footer'ı viewport altına iter */ min-height:calc(100vh - 40px); overflow-x:hidden; } /* Footer should feel like a real footer (not a floating box) */ .dmz-stage > .dmz-footer{width:100%; margin-top:auto !important;} .dmz-footer{background:transparent; padding:0;} .dmz-footer__inner{max-width:1560px; padding:16px 0 8px;} .dmz-footer__line{font-size:12px; color:rgba(15,23,42,.55);} /* Version countdown in the public "Güncel sürüm" box */ .dmz-vermeta{display:flex; align-items:center; gap:8px; margin:10px 0 6px; font-size:12px; color:rgba(15,23,42,.65);} .dmz-vermeta .dmz-dot{width:8px; height:8px; border-radius:999px; background:rgba(2,29,73,.18);} .dmz-vercount{margin-top:10px; padding-top:10px; border-top:1px solid rgba(2,29,73,.12);} .dmz-vercount__row{display:flex; align-items:center; justify-content:space-between; gap:12px;} .dmz-vercount__value{font-weight:900; letter-spacing:.01em;} .dmz-progress--ver{margin-top:8px;} .dmz-progress--ver{height:10px;} /* Package badge polish */ .dmz-price__top{position:relative;} .dmz-price__tag{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); font-weight:900; font-size:11px; letter-spacing:.08em; text-transform:uppercase; } .dmz-price--featured{position:relative; overflow:hidden;} .dmz-price--featured:before{ content:"ÖNERİLEN"; position:absolute; top:12px; left:12px; z-index:3; padding:6px 10px; border-radius:999px; background:rgba(236,72,153,.22); border:1px solid rgba(236,72,153,.38); color:#fff; font-weight:900; font-size:11px; letter-spacing:.08em; text-transform:uppercase; backdrop-filter: blur(8px); } /* Admin cockpit layout (only visible for admins) */ .dmz-main{display:grid; grid-template-columns:minmax(0,1fr) minmax(320px, 420px); gap:18px; margin-top:24px;} .dmz-main.dmz-main--solo{grid-template-columns:1fr !important;} .dmz-main.dmz-main--solo > *{grid-column:1 / -1;} .dmz-area{min-width:0;} .dmz-right{min-width:0;} @media (max-width: 900px){ .dmz-main{grid-template-columns:1fr;} } /* ========================================================== ADIM-2 – Glam / Görkemli Stil (Public Portal) Daha güçlü gradient + glow + daha büyük tipografi + Proof bar + Referans + KVKK mini + Mobil sticky CTA ========================================================== */ .dmz-portal { overflow-x: hidden; } @media (max-width: 820px){ /* Sticky CTA kaldırıldığı için ekstra alt boşluk azaltıldı */ .dmz-portal { padding-bottom: 12px !important; } } /* Genel glow */ .dmz-card{ position: relative; } .dmz-card::before{ content:""; position:absolute; inset:-220px; background: radial-gradient(closest-side at 20% 20%, rgba(236,72,153,.22), transparent 60%), radial-gradient(closest-side at 80% 10%, rgba(59,130,246,.18), transparent 55%), radial-gradient(closest-side at 60% 80%, rgba(16,185,129,.14), transparent 55%); filter: blur(18px); opacity:.9; pointer-events:none; z-index:0; } .dmz-card > *{ position:relative; z-index:1; } .dmz-vitrin__title{ font-size: clamp(34px, 5.2vw, 64px); line-height: 1.05; letter-spacing: -0.03em; } .dmz-vitrin__lead{ font-size: clamp(16px, 1.6vw, 20px); } .dmz-vitrin::before{ background: radial-gradient(80% 80% at 20% 10%, rgba(236,72,153,.16), transparent 55%), radial-gradient(70% 70% at 85% 15%, rgba(59,130,246,.14), transparent 55%), radial-gradient(70% 70% at 55% 85%, rgba(16,185,129,.10), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.96)); } /* Proof bar (trust bar) */ .dmz-proof{ width: 100%; max-width: none; margin: 12px 0 18px; padding: 0; } .dmz-proof__inner{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .dmz-proof__item{ display:flex; gap: 10px; align-items:flex-start; padding: 14px 14px; border-radius: 18px; border: 1px solid rgba(148,163,184,.24); background: rgba(255,255,255,.72); backdrop-filter: blur(8px); box-shadow: 0 16px 40px rgba(2,6,23,.10); } .dmz-proof__ico{ width: 36px; height: 36px; border-radius: 13px; display:grid; place-items:center; background: linear-gradient(135deg, rgba(236,72,153,.16), rgba(59,130,246,.14)); border: 1px solid rgba(148,163,184,.25); flex: 0 0 auto; margin-top: 1px; } .dmz-proof__k{ font-weight: 800; letter-spacing: -0.02em; color: #0f172a; font-size: 14.5px; line-height: 1.1; } .dmz-proof__v{ color: #334155; font-size: 12.6px; line-height: 1.25; margin-top: 3px; } .dmz-proof__s{ color: #64748b; font-size: 12.2px; line-height: 1.25; margin-top: 4px; font-weight: 800; } @media (max-width: 900px){ .dmz-proof__inner{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px){ .dmz-proof{ margin-top: 0; } .dmz-proof__inner{ grid-template-columns: 1fr; } } /* Referans / testimonial */ .dmz-testimonials .dmz-section__sub{ max-width: 70ch; } .dmz-testi-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; } .dmz-testi{ margin:0; padding: 16px 16px 14px; border-radius: 18px; border: 1px solid rgba(148,163,184,.28); background: rgba(255,255,255,.72); backdrop-filter: blur(8px); box-shadow: 0 18px 45px rgba(2,6,23,.10); } .dmz-testi blockquote{ margin:0; color:#0f172a; font-size: 14px; line-height: 1.55; } .dmz-testi figcaption{ margin-top: 12px; color:#475569; display:flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; } .dmz-testi__who{ font-weight: 700; color:#0f172a; } .dmz-testi__meta{ opacity:.9; } @media (max-width: 900px){ .dmz-testi-grid{ grid-template-columns: 1fr; } } /* Önerilen paketi daha premium göster */ .dmz-price--featured{ transform: translateY(-6px); box-shadow: 0 28px 80px rgba(236,72,153,.18), 0 18px 45px rgba(2,6,23,.12); } .dmz-price--featured:before{ content: none !important; } /* eski badge'i kapat */ .dmz-price{ position: relative; } .dmz-reco{ position:absolute; top: 12px; left: 12px; z-index: 3; padding: 7px 10px; border-radius: 999px; font-size: 11px; font-weight: 900; letter-spacing: .08em; color:#0f172a; background: linear-gradient(135deg, rgba(253,230,138,.92), rgba(236,72,153,.18)); border: 1px solid rgba(148,163,184,.30); box-shadow: 0 16px 38px rgba(2,6,23,.12); } /* KVKK mini box */ .dmz-box--kvkk{ border-radius: 18px; border: 1px solid rgba(148,163,184,.28); background: rgba(255,255,255,.72); backdrop-filter: blur(8px); box-shadow: 0 18px 45px rgba(2,6,23,.10); padding: 16px; margin-top: 14px; } .dmz-kvkk-list{ margin: 10px 0 0; padding: 0; list-style: none; } .dmz-kvkk-list li{ margin: 0; padding: 9px 0; border-top: 1px solid rgba(148,163,184,.18); color:#334155; font-size: 13px; line-height: 1.45; } .dmz-kvkk-list li:first-child{ border-top: 0; padding-top: 0; } .dmz-kvkk-list--trust li{ display:flex; align-items:center; gap:10px; } .dmz-kvkk-list--trust .dmz-kvkk-ic{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; line-height:1; } .dmz-kvkk-list--trust .dmz-kvkk-tx{ flex:1 1 auto; min-width:0; } .dmz-kvkk-foot{ display:flex; align-items:center; gap: 8px; margin-top: 10px; color:#475569; font-size: 12.5px; flex-wrap: wrap; } .dmz-kvkk-foot a{ display:inline-flex; align-items:center; color:#0f172a; font-weight: 700; text-decoration: none; } .dmz-dotsep{ opacity:.6; } /* Mobil sticky CTA */ .dmz-stickycta{ position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 9999; display: none; opacity: 0; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease; } .dmz-stickycta.is-show{ opacity: 1; transform: translateY(0); } .dmz-stickycta__btn{ flex:1; display:flex; align-items:center; justify-content:center; gap: 8px; padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(148,163,184,.28); background: rgba(255,255,255,.78); backdrop-filter: blur(10px); text-decoration:none; color:#0f172a; font-weight: 800; box-shadow: 0 18px 55px rgba(2,6,23,.16); } .dmz-stickycta__btn--primary{ background: linear-gradient(135deg, rgba(59,130,246,.20), rgba(236,72,153,.18)); } @media (max-width: 820px){ /* Mobilde alttan gelen (litebox benzeri) WhatsApp + diğer CTA butonları kaldırıldı */ .dmz-stickycta{ display:none !important; } } /* ========================= ADIM-2 FIX (3): Referans slider + Paket badge + Side-scroll düzeltmeleri ========================= */ /* Genel: yan scroll'u kesin kapat (layout bozulmasın) */ html, body{ max-width: 100% !important; overflow-x: clip !important; } .dmz-wrap{ max-width: 100% !important; } .dmz-card{ width: 100% !important; max-width: 1560px !important; } /* Paketler bölümünde 100vw ile kayma olmasın */ #dmz-paketler{ width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: relative; } #dmz-paketler:before{ content:""; position:absolute; inset: -18px 0; border-radius: 26px; background: radial-gradient(900px 420px at 20% 30%, rgba(236,72,153,.22), transparent 62%), radial-gradient(900px 420px at 80% 70%, rgba(167,139,250,.22), transparent 62%), linear-gradient(135deg, rgba(2,6,23,.02), rgba(2,6,23,.00)); box-shadow: none; z-index: -1; pointer-events:none; } @media (max-width: 900px){ #dmz-paketler:before{ inset:-12px 0; border-radius: 22px; } } .dmz-packgrid{ max-width: 100% !important; } .dmz-pricing{ min-width: 0; } /* Paket üst bandı: sol meta (tag+pill) + sağ "ÖNERİLEN" */ .dmz-price__top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; width:100%; box-sizing:border-box; /* bazı tarayıcılarda kenarda ince boşluk oluşmasını engeller */ border-top-left-radius:20px; border-top-right-radius:20px; background-clip:padding-box; } .dmz-price__tleft{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; } .dmz-price__tleft .dmz-price__pill{ margin-top:0; } .dmz-price__tright{ display:flex; align-items:flex-start; margin-left:auto; } .dmz-reco{ position:static; display:inline-flex; align-items:center; gap:6px; box-shadow:0 18px 40px rgba(2,6,23,.18); white-space:nowrap; } @media (max-width: 520px){ .dmz-price__top{ flex-direction:column; align-items:flex-start; } .dmz-price__tright{ order:-1; align-self:flex-end; margin-left:0; } } /* Admin kalem ikonları */ .dmz-pencil{ position:absolute; top: 12px; right: 12px; width: 30px; height: 30px; display:flex; align-items:center; justify-content:center; border-radius: 12px; font-weight: 900; font-size: 14px; color:#0f172a; border: 1px solid rgba(148,163,184,.45); background: rgba(255,255,255,.78); backdrop-filter: blur(8px); box-shadow: 0 14px 30px rgba(2,6,23,.10); } .dmz-pencil--inline{ position:relative; top:-1px; right:auto; width: 22px; height: 22px; border-radius: 9px; font-size: 12px; margin-left: 6px; display:inline-flex; vertical-align: middle; } /* Referans slider (modern) */ .dmz-carousel{ position: relative; margin-top: 18px; } .dmz-car-viewport{ overflow: hidden; border-radius: 22px; } .dmz-car-track{ display:flex; gap: 14px; transform: translate3d(0,0,0); transition: transform .55s cubic-bezier(.2,.8,.2,1); padding: 2px; /* border glow için */ } .dmz-quote{ position: relative; flex: 0 0 calc((100% - 28px)/3); padding: 18px 18px 16px; border-radius: 20px; border: 1px solid rgba(148,163,184,.28); background: radial-gradient(120px 80px at 12% 8%, rgba(236,72,153,.18), transparent 60%), radial-gradient(120px 80px at 92% 18%, rgba(167,139,250,.18), transparent 60%), rgba(255,255,255,.74); backdrop-filter: blur(10px); box-shadow: 0 18px 45px rgba(2,6,23,.10); } .dmz-quote:before{ content:"“"; position:absolute; left: 14px; top: 8px; font-size: 34px; font-weight: 900; color: rgba(236,72,153,.35); line-height: 1; } .dmz-quote__text{ color:#0f172a; font-size: 14px; line-height: 1.58; padding-top: 10px; } .dmz-quote__meta{ margin-top: 14px; display:flex; align-items:center; gap: 10px; } .dmz-quote__avatar{ width: 36px; height: 36px; border-radius: 14px; display:flex; align-items:center; justify-content:center; font-weight: 900; letter-spacing: .04em; color: #fff; background: linear-gradient(135deg, rgba(236,72,153,.92), rgba(167,139,250,.92)); box-shadow: 0 16px 32px rgba(236,72,153,.18); } .dmz-quote__name{ font-weight: 900; color:#0f172a; font-size: 13.5px; line-height: 1.15; } .dmz-quote__role{ color:#475569; font-size: 12.5px; margin-top: 2px; } /* Slider okları */ .dmz-car-btn{ position:absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 16px; display:flex; align-items:center; justify-content:center; border: 1px solid rgba(148,163,184,.35); background: rgba(255,255,255,.78); backdrop-filter: blur(10px); box-shadow: 0 18px 45px rgba(2,6,23,.12); cursor:pointer; transition: transform .15s ease, box-shadow .15s ease; } .dmz-car-btn:hover{ transform: translateY(-50%) scale(1.03); box-shadow: 0 24px 60px rgba(2,6,23,.16); } .dmz-car-btn--prev{ left: -10px; } .dmz-car-btn--next{ right: -10px; } .dmz-car-dots{ display:flex; justify-content:center; gap: 8px; margin-top: 12px; } .dmz-dot{ width: 8px; height: 8px; border-radius: 999px; border: 0; background: rgba(148,163,184,.55); cursor:pointer; transition: width .18s ease, background .18s ease, opacity .18s ease; opacity: .9; } .dmz-dot.is-active{ width: 22px; background: linear-gradient(90deg, rgba(236,72,153,.92), rgba(167,139,250,.92)); opacity: 1; } /* Responsive: 2 kart / 1 kart */ @media (min-width: 981px) and (max-width: 1240px){ .dmz-quote{ flex-basis: calc((100% - 14px)/2); } } @media (max-width: 900px){ .dmz-quote{ flex-basis: 100%; } .dmz-car-btn{ display:none; } .dmz-car-viewport{ border-radius: 18px; } } /* ============================================================ ADIM-2 FIX4 — overflow + kanit slider paging + footer visibility ============================================================ */ /* 1) No side-scroll (horizontal overflow) */ html, body{ overflow-x: clip !important; } .dmz-portal, .dmz-wrap, .dmz-card, .dmz-stage{ max-width: 100% !important; overflow-x: clip !important; } /* Section full-bleed rules caused tiny overflow on some browsers */ #dmz-paketler{ width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* 2) Footer text must be visible on every background */ .dmz-footer{ background: rgba(255,255,255,.94) !important; border-top: 1px solid rgba(15,23,42,.12) !important; padding: 0 !important; border-radius: 0 0 18px 18px !important; margin-top: 18px !important; margin-bottom: 0 !important; } .dmz-footer__inner{ max-width: 100% !important; padding: 14px 18px 16px !important; } @media (max-width: 900px){ .dmz-footer__inner{ padding: 14px 12px 16px !important; } } .dmz-footer__line{ color: rgba(15,23,42,.78) !important; font-size: 12.5px !important; line-height: 1.45 !important; } /* ========================================================== ADIM: Fullscreen background + container width (Admin) - Background stays fullscreen (body). - All portal content (header/main/footer) is constrained to --dmz-container-width (default 1310px, admin değişebilir). ========================================================== */ :root{ --dmz-container-width: 1320px; } /* ========================================================== Admin Cockpit band - Background full width (break out of centered stage) - Inner content follows --dmz-container-width automatically ========================================================== */ body.dmz-portal .dmz-admin-band{ width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 22px 0 6px !important; background: linear-gradient(180deg, rgba(248,250,252,.92) 0%, rgba(255,255,255,1) 70%) !important; overflow: visible !important; } body.dmz-portal .dmz-admin-band__inner{ max-width: var(--dmz-container-width, 1310px) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; } /* ADMIN: Sürüm Kokpiti accordion (sadece yöneticiler) */ .dmz-admin-accordion{ border: 1px solid rgba(2,29,73,.12); border-radius: 18px; background: radial-gradient(900px 320px at 12% 0%, rgba(217,70,239,.10), transparent 55%), radial-gradient(700px 260px at 88% 10%, rgba(236,72,153,.10), transparent 55%), linear-gradient(180deg, #f2dbe6 0%, #ffffff 62%, #ffffff 100%); box-shadow: 0 18px 50px rgba(16,24,40,.08); overflow: hidden; } .dmz-admin-accordion__summary{ list-style: none; cursor: pointer; padding: 16px 18px; display: flex; align-items: center; justify-content: flex-start; gap: 14px; user-select: none; } .dmz-admin-accordion__summary::-webkit-details-marker{display:none;} .dmz-admin-accordion__title{ font-weight: 800; color: #021d49; font-size: 16px; letter-spacing: .2px; } .dmz-admin-accordion__meta{ margin-left:auto; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .dmz-chip{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.88); border: 1px solid rgba(2,29,73,.10); font-size: 12px; color: #021d49; } .dmz-chip__dot{ width: 8px; height: 8px; border-radius: 50%; background: #22c55e; display: inline-block; } .dmz-chip--muted{opacity:.9;} .dmz-admin-accordion__summary::after{ content: ""; width: 10px; height: 10px; border-right: 2px solid rgba(2,29,73,.55); border-bottom: 2px solid rgba(2,29,73,.55); transform: rotate(45deg); flex: 0 0 auto; margin-left: 6px; } details.dmz-admin-accordion[open] > .dmz-admin-accordion__summary::after{ transform: rotate(-135deg); } .dmz-admin-accordion__body{ padding: 14px 18px 18px; border-top: 1px solid rgba(2,29,73,.08); } .dmz-admin-accordion__body .dmz-area-dash{margin:0 !important;} @media (max-width: 768px){ .dmz-admin-accordion__summary{align-items:flex-start;} .dmz-admin-accordion__meta{justify-content:flex-start;} } @media (max-width: 520px){ body.dmz-portal .dmz-admin-band__inner{ padding-left:16px !important; padding-right:16px !important; } } /* Fullscreen wrap, centered content container */ .dmz-wrap{ width:100% !important; max-width:none !important; display:flex !important; flex-direction: column !important; justify-content:center !important; align-items:center !important; } /* Main page container */ .dmz-stage{ width:100% !important; max-width: var(--dmz-container-width) !important; margin-left:auto !important; margin-right:auto !important; } /* Safety net: if footer is rendered as a sibling of .dmz-stage (flex child), keep it inside the same container width and centered. */ .dmz-wrap > .dmz-footer{ width:100% !important; max-width: var(--dmz-container-width) !important; margin-left:auto !important; margin-right:auto !important; } /* Card should fill the container width (no fixed 1120/1480/etc) */ .dmz-card{ width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; } /* Footer inner should follow container width naturally */ .dmz-footer__inner{ max-width: 100% !important; } /* ========================================================== FINAL: Container width should affect all sub-sections too ========================================================== */ .dmz-proof{ max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Hero Slider */ .dmz-hero{position:relative;background-image:var(--dmz-hero-bg, none);background-size:cover;background-position:center;background-repeat:no-repeat} .dmz-hero__slide{display:none} .dmz-hero__slide.is-active{display:block} .dmz-hero__slide{position:relative} .dmz-hero__slide.has-img{padding-right:clamp(130px,22vw,240px)} .dmz-hero__imgwrap{position:absolute;right:16px;bottom:16px;max-width:240px;max-height:160px;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none} .dmz-hero__slide.is-image-only{ grid-template-columns: 1fr; padding: 0; } .dmz-hero__slide.is-image-only .dmz-hero__imageonly{ width: 100%; height: 100%; border-radius: 18px; overflow: hidden; position: relative; } .dmz-hero__slide.is-image-only .dmz-hero__imageonly-img{ width: 100%; height: 100%; object-fit: cover; display: block; } .dmz-hero__slide.is-image-only::after{ content:""; position:absolute; inset:0; background: rgba(2, 6, 23, var(--dmz-imgonly-overlay, .12)); border-radius: 18px; pointer-events:none; } .dmz-hero--imgonly-full .dmz-hero__slides{ height: calc(100svh - 170px); min-height: calc(100svh - 170px); } @media (max-width:720px){ .dmz-hero--imgonly-full .dmz-hero__slides{ height: calc(100svh - 150px); min-height: calc(100svh - 150px); } } .dmz-hero__img{max-width:100%;max-height:160px;width:auto;height:auto;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.55);padding:8px;border:1px solid rgba(255,255,255,.65)} @media (max-width:680px){ .dmz-hero__slide.has-img{padding-right:0} .dmz-hero__imgwrap{position:relative;right:auto;bottom:auto;margin-top:12px;max-width:100%;max-height:none;justify-content:flex-start} .dmz-hero__img{max-height:180px} } .dmz-hero__dots{display:flex;gap:8px;align-items:center;margin-top:10px} .dmz-hero__dot{width:9px;height:9px;border-radius:999px;border:1px solid rgba(2,29,73,.35);background:rgba(2,29,73,.08);padding:0;cursor:pointer} .dmz-hero__dot.is-active{background:rgba(2,29,73,.55);border-color:rgba(2,29,73,.65);transform:scale(1.05)} .dmz-hero__dot:focus{outline:2px solid rgba(2,29,73,.35);outline-offset:2px} @media (max-width:640px){.dmz-hero__dots{margin-top:8px}} /* ================== HERO SLIDER (IMAGE-ONLY SLIDES) ================== */ /* When a slide has only an image (no title/desc), keep the hero area tall so the background image can be shown full. This keeps the layout stable across slides and works responsively. */ .dmz-hero__slides{ min-height: clamp(200px, 18vw, 330px); } @media (max-width: 900px){ .dmz-hero__slides{min-height: clamp(180px, 30vw, 300px);} } @media (max-width: 620px){ .dmz-hero__slides{min-height: clamp(160px, 52vw, 260px);} } .dmz-hero__slide.is-image-only{min-height:100%;} .dmz-hero__imageonly{width:100%;height:100%;} /* ========================================================== FOOTER / EXTRA BLANK SPACE FIX - Bazı mobil tarayıcılarda (özellikle iOS/Safari) geniş glow pseudo-element'leri sayfaya ekstra scroll alanı ekleyebiliyor. - Aşağıdaki override portal görünümünde uygulanır. ========================================================== */ body.dmz-portal .dmz-card::before{ content:none !important; } body.dmz-portal{ padding-bottom:0 !important; margin-bottom:0 !important; } body.dmz-portal .dmz-wrap{ overflow-x:hidden !important; overflow-y:visible !important; } body.dmz-portal .dmz-stage{ overflow-x:hidden !important; overflow-y:visible !important; } /* ========================================================== CANLI DEMO (Modal + Mini Chat Simülasyon) - Offline (deterministik) demo: ziyaretçi yazar -> asistan cevaplar ========================================================== */ .dmz-cta--demo .dmz-cta__play{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; background:rgba(2,29,73,.10); border:1px solid rgba(2,29,73,.18); margin-right:8px; font-size:12px; line-height:1; } .dmz-modal__dialog--demo{ max-width:640px; width:min(92vw, 640px); } .dmz-demo{ display:flex; flex-direction:column; gap:12px; } .dmz-demo__head{ display:flex; flex-direction:column; gap:3px; } .dmz-demo__title{ font-weight:900; font-size:18px; color:#0f172a; } .dmz-demo__sub{ font-size:13.5px; color:rgba(15,23,42,.72); font-weight:650; } .dmz-demo__chatwrap{ border:1px solid rgba(15,23,42,.12); border-radius:14px; background:rgba(255,255,255,.72); overflow:hidden; } .dmz-demo__chat{ height:320px; padding:12px; overflow:auto; overscroll-behavior: contain; } @media (max-width:520px){ .dmz-demo__chat{ height:300px; } } .dmz-demomsg{ display:flex; margin:8px 0; } .dmz-demomsg.is-user{ justify-content:flex-end; } .dmz-demomsg.is-system{ justify-content:center; } .dmz-demomsg__b{ max-width:86%; padding:8px 10px; border-radius:14px; font-size:14px; line-height:1.45; box-shadow:0 6px 22px rgba(15,23,42,.08); } .dmz-demomsg.is-bot .dmz-demomsg__b{ background:#fff; border:1px solid rgba(15,23,42,.12); color:#0f172a; } .dmz-demomsg.is-user .dmz-demomsg__b{ background:rgba(2,29,73,.92); color:#fff; border:1px solid rgba(255,255,255,.12); } .dmz-demomsg.is-system .dmz-demomsg__b{ background:rgba(15,23,42,.06); border:1px dashed rgba(15,23,42,.18); color:rgba(15,23,42,.85); font-weight:800; } .dmz-demo__quick{ display:flex; gap:8px; flex-wrap:wrap; } .dmz-demoq{ border-radius:999px; border:1px solid rgba(15,23,42,.12); background:rgba(255,255,255,.66); padding:8px 10px; font-weight:850; font-size:12.5px; cursor:pointer; } .dmz-demoq:hover{ background:rgba(255,255,255,.9); } .dmz-demo__input{ display:flex; gap:8px; } .dmz-demo__text{ flex:1; border-radius:12px; border:1px solid rgba(15,23,42,.14); padding:10px 12px; font-size:14px; background:rgba(255,255,255,.92); } .dmz-demo__send{ border-radius:12px; border:1px solid rgba(2,29,73,.18); background:rgba(2,29,73,.08); color:#021d49; padding:10px 14px; font-weight:900; cursor:pointer; } .dmz-demo__send:hover{ background:rgba(2,29,73,.12); } .dmz-demo__actions{ display:flex; gap:8px; flex-wrap:wrap; } .dmz-demobtn{ border-radius:12px; border:1px solid rgba(15,23,42,.14); background:rgba(255,255,255,.72); padding:10px 12px; font-weight:900; color:#0f172a; cursor:pointer; text-decoration:none; } .dmz-demobtn:hover{ background:rgba(255,255,255,.9); } .dmz-demobtn--primary{ background:linear-gradient(135deg, rgba(2,29,73,.92), rgba(124,58,237,.86)); color:#fff; border-color:rgba(255,255,255,.14); } .dmz-demobtn--primary:hover{filter:brightness(1.02); color:#000 !important; } .dmz-demobtn--link{ background:transparent; border-style:dashed; } .dmz-dots{ display:inline-flex; gap:5px; align-items:center; justify-content:flex-start; } .dmz-dots i{ width:6px; height:6px; border-radius:999px; background:rgba(15,23,42,.35); display:block; animation:dmzDot 1s infinite ease-in-out; } .dmz-dots i:nth-child(2){ animation-delay:.12s; } .dmz-dots i:nth-child(3){ animation-delay:.24s; } @keyframes dmzDot{ 0%,100%{ transform:translateY(0); opacity:.35; } 50%{ transform:translateY(-3px); opacity:.9; } } .dmz-democ-ta{ display:flex; gap:10px; margin-top:8px; flex-wrap:wrap; } .dmz-demolink{ display:inline-flex; align-items:center; justify-content:center; padding:10px 12px; border-radius:12px; background:rgba(37,211,102,.12); border:1px solid rgba(37,211,102,.28); color:#0f172a; font-weight:900; text-decoration:none; } .dmz-demolink:hover{ background:rgba(37,211,102,.18); } .dmz-demoprev{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; } .dmz-demoprev .dmz-demolink{ padding:8px 10px; border-radius:10px; font-weight:800; } /* A11y: visually hidden */ .sr-only{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; } /* ========================= CANLI DEMO v2 (screenshot-like) ========================= */ .dmz-modal--demo .dmz-modal__dialog--demo{ max-width: 760px; border-radius: 22px; overflow: hidden; } .dmz-modal--demo .dmz-modal__content{ padding: 0; } .dmz-modal--demo .dmz-modal__close{ display:none; } .dmz-demo2{ border-radius: 22px; overflow: hidden; background: #f5f7fb; border: 1px solid rgba(148,163,184,.30); box-shadow: 0 24px 80px rgba(2,6,23,.35); } .dmz-demo2__topbar{ display:flex; align-items:center; justify-content:space-between; gap: 14px; padding: 14px 14px 12px 14px; color:#fff; background: linear-gradient(90deg, #2b1a58 0%, #2c2a7a 40%, #0f766e 100%); } .dmz-demo2__brand{ display:flex; align-items:center; gap:12px; min-width:0; } .dmz-demo2__avatar{ width: 34px; height: 34px; border-radius: 12px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.24); display:flex; align-items:center; justify-content:center; font-weight: 900; letter-spacing: .3px; } .dmz-demo2__brandtxt{ min-width:0; } .dmz-demo2__title{ font-weight: 900; font-size: 14px; line-height: 1.2; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .dmz-demo2__subtitle{ margin-top:2px; font-weight: 600; font-size: 12px; opacity: .88; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .dmz-demo2__icons{ display:flex; gap:8px; align-items:center; flex-shrink:0; } .dmz-demo2__icon{ width: 34px; height: 34px; border-radius: 999px; display:flex; align-items:center; justify-content:center; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); text-decoration:none; cursor:pointer; transition: transform .12s ease, filter .12s ease, background .12s ease; } .dmz-demo2__icon:hover{ transform: translateY(-1px); filter: brightness(1.05); } .dmz-demo2__icon[aria-disabled="true"]{ opacity:.45; pointer-events:none; } .dmz-demo2__icon--close{ background: rgba(0,0,0,.18); border-color: rgba(0,0,0,.18); } /* Lead Score panel (Canlı Demo) */ .dmz-demo2{ position: relative; } .dmz-lscore{ position:absolute; top:76px; right:16px; width:220px; background: rgba(255,255,255,.92); border:1px solid rgba(17,24,39,.12); border-radius:16px; padding:10px; box-shadow:0 18px 40px rgba(2,29,73,.16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 6; } .dmz-lscore__toggle{ width:100%; display:flex; align-items:center; gap:8px; justify-content:space-between; background: transparent; border:0; padding:0; cursor:pointer; } .dmz-lscore__label{ font-size:12px; font-weight:800; letter-spacing:.2px; color:#0f172a; } .dmz-lscore__val{ font-size:14px; font-weight:900; color:#0f172a; display:flex; align-items:baseline; gap:2px; } .dmz-lscore__max{ font-size:12px; font-weight:800; color:#64748b; } .dmz-lscore__badge{ font-size:11px; font-weight:800; padding:3px 8px; border-radius:999px; border:1px solid rgba(0,0,0,.08); } .dmz-lscore__badge--hot{ background: rgba(16,185,129,.12); color:#065f46; border-color: rgba(16,185,129,.25); } .dmz-lscore__badge--warm{ background: rgba(245,158,11,.12); color:#7c2d12; border-color: rgba(245,158,11,.25); } .dmz-lscore__badge--cold{ background: rgba(99,102,241,.12); color:#312e81; border-color: rgba(99,102,241,.25); } .dmz-lscore__body{ margin-top:8px; } .dmz-lscore__miss{ font-size:12px; color:#334155; margin-bottom:6px; } .dmz-lscore__uplift{ font-size:12px; font-weight:800; color:#0f172a; } .dmz-lscore__bar{ height:8px; background: rgba(2,29,73,.08); border-radius:999px; overflow:hidden; margin-top:10px; } .dmz-lscore__bar span{ display:block; height:100%; width:72%; background: linear-gradient(90deg, rgba(124,58,237,.85), rgba(236,72,153,.85)); border-radius:999px; transition: width .35s ease; } .dmz-lscore.is-collapsed .dmz-lscore__body{ display:none; } @keyframes dmzLsBump{0%{transform:translateY(0) scale(1);}40%{transform:translateY(-1px) scale(1.03);}100%{transform:translateY(0) scale(1);}} .dmz-lscore.is-bump{ animation: dmzLsBump .42s ease; } .dmz-lscore__typing{ display:none; align-items:center; gap:8px; padding:6px 10px; margin-top:8px; border-radius:999px; background:rgba(255,255,255,.7); font-size:12px; color:#334155; } .dmz-lscore.is-typing .dmz-lscore__typing{ display:flex; } .dmz-lscore.is-typing .dmz-lscore__miss, .dmz-lscore.is-typing .dmz-lscore__uplift{ opacity:.55; } @media (max-width: 980px){ .dmz-lscore{ position: sticky; top: 8px; right:auto; left:auto; width: calc(100% - 24px); margin: 8px 12px 0 12px; z-index: 9; } } .dmz-demo2__modes{ display:flex; gap:10px; padding: 10px 14px 0 14px; } .dmz-demo2__mode{ border: 1px solid rgba(148,163,184,.35); background: #fff; border-radius: 999px; padding: 7px 10px; font-weight: 900; font-size: 12px; color: #0f172a; cursor:pointer; display:inline-flex; align-items:center; gap: 8px; } .dmz-demo2__mode.is-active{ border-color: rgba(124,58,237,.38); background: rgba(124,58,237,.08); color: #4c1d95; } .dmz-demo2__chatwrap{ padding: 12px 14px 0 14px; } .dmz-demo2__chat{ height: 270px; overflow:auto; background:#fff; border-radius: 18px; border: 1px solid rgba(148,163,184,.28); padding: 12px; } @media (max-width: 520px){ .dmz-demo2__chat{ height: 240px; } } .dmz-demomsg2{ display:flex; margin: 10px 0; } .dmz-demomsg2__b{ max-width: 88%; padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(148,163,184,.22); background: #ffffff; color: #0f172a; line-height: 1.35; font-weight: 650; font-size: 13px; } .dmz-demomsg2.is-user{ justify-content:flex-end; } .dmz-demomsg2.is-user .dmz-demomsg2__b{ background: #6d28d9; border-color: rgba(109,40,217,.25); color:#fff; border-top-right-radius: 8px; } .dmz-demomsg2__meta{ max-width: 88%; margin-top: 6px; font-size: 11px; font-weight: 800; line-height: 1; opacity: .75; } .dmz-demomsg2.is-user .dmz-demomsg2__meta{ color: rgba(255,255,255,.78); margin-right: 10px; } .dmz-demomsg2.is-bot .dmz-demomsg2__b{ border-top-left-radius: 8px; } .dmz-demomsg2.is-system{ justify-content:center; } .dmz-demomsg2.is-system .dmz-demomsg2__b{ background: rgba(148,163,184,.14); border-color: rgba(148,163,184,.22); color: rgba(15,23,42,.75); font-weight: 800; font-size: 12px; text-align:center; } .dmz-demomsg2.is-typing .dmz-demomsg2__b{ width: 96px; } .dmz-demo2__ask{ padding: 10px 14px 0 14px; } .dmz-demo2__askTitle{ font-size: 12px; font-weight: 900; color: rgba(15,23,42,.9); } .dmz-demo2__askSub{ margin-top: 2px; font-size: 12px; font-weight: 700; color: rgba(15,23,42,.55); } .dmz-demo2__quick{ margin-top: 10px; display:flex; flex-wrap:wrap; gap: 10px; } .dmz-demo2__chip{ border: 1px solid rgba(124,58,237,.26); background: #fff; border-radius: 999px; padding: 9px 12px; font-weight: 900; font-size: 12px; color: #5b21b6; cursor:pointer; transition: transform .12s ease, background .12s ease; } .dmz-demo2__chip:hover{ transform: translateY(-1px); background: rgba(124,58,237,.06); } .dmz-demo2__composer{ margin-top: 12px; padding: 0 14px 10px 14px; display:flex; gap: 12px; align-items:flex-end; } .dmz-demo2__side{ display:flex; flex-direction:column; gap: 10px; } .dmz-demo2__sideBtn{ width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(124,58,237,.22); background: rgba(124,58,237,.06); color: #5b21b6; display:flex; align-items:center; justify-content:center; cursor:pointer; transition: transform .12s ease, filter .12s ease; } .dmz-demo2__sideBtn:hover{ transform: translateY(-1px); filter: brightness(1.05); } .dmz-demo2__sideBtn.is-on{ background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.35); color:#92400e; } .dmz-demo2__inputWrap{ flex: 1; display:flex; align-items:center; gap:10px; background:#fff; border: 1px solid rgba(148,163,184,.28); border-radius: 999px; padding: 10px 10px 10px 12px; } .dmz-demo2__input{ flex:1; border:0; outline:0; background:transparent; font-weight: 800; font-size: 13px; color:#0f172a; } .dmz-demo2__send{ width: 44px; height: 44px; border-radius: 999px; border: 0; background: #5b21b6; color: #fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition: transform .12s ease, filter .12s ease; } .dmz-demo2__send:hover{ transform: translateY(-1px); filter: brightness(1.05); } .dmz-demo2__actions{ padding: 0 14px 14px 14px; display:flex; gap:10px; flex-wrap:wrap; } .dmz-modal-open{ overflow:hidden; } /* DMZ DEMO TOPLAYER FORCE (v6) */ /* Demo lightbox açıkken Logsby AI Satış Asistanı (DFA) katmanlarını aşağı al (sadece modal açıkken) */ .dmz-modal-open #dfa-launcher, .dmz-modal-open #dfa-widget, .dmz-modal-open #dfa-root, .dmz-modal-open #dfa-container, .dmz-modal-open #dfa-panel, .dmz-modal-open #dfa-overlay, .dmz-modal-open [id^="dfa-"], .dmz-modal-open .dfa-launcher, .dmz-modal-open .dfa-widget{ z-index: 2147480000 !important; pointer-events: none !important; } /* Demo lightbox: her zaman en üst */ .dmz-modal--demo.is-open{ z-index: 2147483647 !important; } /* ========================================================== CANLI DEMO FULLSCREEN (v9) - Mobilde alt kısım kesilmesin, her cihazda tam ekran (fullscreen) - Chat alanı esnek olsun; footer/composer her zaman görünür kalsın - iOS/Safari adres çubuğu (vh) sorunlarına karşı dvh/svh fallback ========================================================== */ /* Fullscreen modal frame (mobile-first override) */ @media (max-width: 900px){ /* Overlay: stretch full viewport and remove padding that can cause bottom cut */ .dmz-modal--demo{ padding: 0 !important; align-items: stretch !important; justify-content: stretch !important; width: 100vw !important; height: 100vh !important; height: -webkit-fill-available !important; height: 100svh !important; height: 100dvh !important; } /* Dialog: true fullscreen (no max-height), no rounded corners */ .dmz-modal--demo .dmz-modal__dialog--demo{ width: 100vw !important; max-width: none !important; height: 100vh !important; height: -webkit-fill-available !important; height: 100svh !important; height: 100dvh !important; max-height: none !important; border-radius: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Ensure inner wrappers fill the dialog */ .dmz-modal--demo .dmz-modal__content{ padding: 0 !important; height: 100% !important; } .dmz-modal--demo .dmz-demo2{ height: 100% !important; border-radius: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } /* Safe-area for iPhone notch */ .dmz-modal--demo .dmz-demo2__topbar{ padding-top: calc(14px + env(safe-area-inset-top)) !important; } /* Flexible chat: fill remaining space */ .dmz-modal--demo .dmz-demo2__chatwrap{ flex: 1 1 auto !important; min-height: 0 !important; } .dmz-modal--demo .dmz-demo2__chat{ height: 100% !important; } /* Quick chips: keep layout, but prevent huge vertical growth on narrow screens */ .dmz-modal--demo .dmz-demo2__quick{ flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; padding-bottom: 6px; } /* Bottom safe-area so buttons are never cut */ .dmz-modal--demo .dmz-demo2__composer{ padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; } .dmz-modal--demo .dmz-demo2__actions{ padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important; } } /* Very short viewports (landscape phones): tighten paddings so everything fits */ @media (max-width: 900px) and (max-height: 650px){ .dmz-modal--demo .dmz-demo2__topbar{ padding: calc(10px + env(safe-area-inset-top)) 12px 10px 12px !important; } .dmz-modal--demo .dmz-demo2__modes{ padding: 8px 12px 0 12px !important; } .dmz-modal--demo .dmz-demo2__chatwrap{ padding: 10px 12px 0 12px !important; } .dmz-modal--demo .dmz-demo2__ask{ padding: 8px 12px 0 12px !important; } .dmz-modal--demo .dmz-demo2__composer{ margin-top: 8px !important; padding: 0 12px calc(8px + env(safe-area-inset-bottom)) 12px !important; } .dmz-modal--demo .dmz-demo2__actions{ padding: 0 12px calc(12px + env(safe-area-inset-bottom)) 12px !important; } } /* ===================================================================== YOAST-INSPIRED CLEAN PORTAL THEME (v2) — 2026-02-12 Hedef: Fullscreen, ferah, birbirinden ayrik bloklar + WordPress/Enfold ile cakismayan (scope: body.dmz-portal) ===================================================================== */ body.dmz-portal{ /* Light, Yoast-benzeri zemin + modern pastel pariltılar */ --dmz-bg:#f6f8fb; --dmz-surface:#ffffff; --dmz-text:#0b1220; --dmz-muted:#52637a; --dmz-border:rgba(2,29,73,.12); --dmz-shadow:0 18px 55px rgba(2,29,73,.10); --dmz-shadow-soft:0 14px 40px rgba(2,29,73,.06); background: radial-gradient(1200px 780px at 18% 8%, rgba(14,165,233,.16), rgba(0,0,0,0) 60%), radial-gradient(1100px 780px at 88% 14%, rgba(225,29,72,.10), rgba(0,0,0,0) 62%), radial-gradient(900px 620px at 52% 86%, rgba(2,29,73,.06), rgba(0,0,0,0) 58%), linear-gradient(180deg, #f9fbff 0%, #f6f8fb 40%, #f4f7fb 100%) !important; } html{ background:#f6f8fb !important; } /* Fullscreen sayfa akisi (tek buyuk kart hissini kaldir) */ .dmz-wrap{ align-items:stretch !important; justify-content:flex-start !important; padding:0 !important; } .dmz-stage{ width:100% !important; max-width:none !important; min-height:100vh !important; } /* Ana konteyner: sadece hizalama + yatay bosluk (kart degil) */ .dmz-card{ width:100% !important; max-width: min(var(--dmz-container-width, 1200px), 100%) !important; margin:0 auto !important; padding:0 22px 64px !important; background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; } @media (max-width:720px){ .dmz-card{ padding:0 14px 56px !important; } } /* Sticky header: Yoast-benzeri blur + ince border */ .dmz-head{ position:sticky !important; top:var(--dmz-adminbar-h, 0px) !important; z-index:9999 !important; margin:0 0 18px !important; padding:18px 0 !important; background:rgba(246,248,251,.78) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom:1px solid rgba(2,29,73,.12) !important; } .dmz-head.is-stuck{ box-shadow:0 10px 30px rgba(2,29,73,.10) !important; } /* Logo mark: daha net premium */ .dmz-brandmark{ background:linear-gradient(135deg, rgba(2,29,73,1) 0%, rgba(11,42,109,1) 55%, rgba(14,165,233,1) 100%) !important; box-shadow:0 12px 26px rgba(2,29,73,.22) !important; } /* Nav capsule: daha ferah */ .dmz-nav{ background: rgba(255,255,255,.72) !important; border:1px solid rgba(2,29,73,.12) !important; box-shadow:0 12px 26px rgba(2,29,73,.06) !important; } .dmz-nav-item{ color: rgba(11,18,32,.86) !important; } .dmz-nav-item:hover{ background: rgba(2,29,73,.06) !important; border-color: rgba(2,29,73,.14) !important; } .dmz-nav-item.is-active, .dmz-nav-item[aria-current="page"]{ background: var(--dmz-primary) !important; color:#fff !important; box-shadow:0 14px 28px rgba(2,29,73,.22) !important; } .dmz-nav-panel{ background: rgba(246,248,251,.92) !important; border-top:1px solid rgba(2,29,73,.12) !important; } /* Hero: daha 'landing page' hissi */ .dmz-vitrin{ margin-top:0 !important; } .dmz-vitrin__shell{ border-radius:28px !important; border:1px solid rgba(2,29,73,.12) !important; box-shadow: var(--dmz-shadow) !important; background: radial-gradient(1000px 620px at 18% 20%, rgba(14,165,233,.12), rgba(255,255,255,0) 60%), radial-gradient(900px 580px at 84% 30%, rgba(225,29,72,.09), rgba(255,255,255,0) 62%), linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 100%) !important; padding:42px 42px !important; min-height: clamp(520px, 72vh, 760px); align-items:center !important; } @media (max-width:980px){ .dmz-vitrin__shell{ padding:28px 24px !important; min-height:auto; } } /* Birbirinden ayrik section kartlari */ .dmz-section{ margin-top:22px !important; padding:28px 28px !important; border-radius:28px !important; background: rgba(255,255,255,.92) !important; border:1px solid rgba(2,29,73,.12) !important; box-shadow: var(--dmz-shadow-soft) !important; } @media (max-width:720px){ .dmz-section{ padding:20px 18px !important; border-radius:22px !important; } } .dmz-section__head{ margin-bottom:18px !important; } .dmz-section__title{ letter-spacing:-.02em !important; font-size:clamp(22px, 2.2vw, 30px) !important; } .dmz-section__sub{ color: rgba(82,99,122,.95) !important; } /* Paketler section'indeki full-bleed hack'lerini iptal et (her sey ayni gridde hizalansin) */ #dmz-paketler{ width:auto !important; margin-left:0 !important; padding-left:28px !important; padding-right:28px !important; } @media (max-width:720px){ #dmz-paketler{ padding-left:20px !important; padding-right:20px !important; } } #dmz-paketler .dmz-section__head, #dmz-paketler .dmz-pricing, #dmz-paketler .dmz-packgrid{ max-width:none !important; } /* CTA butonlari: primer koyu, sekonder ghost */ .dmz-cta--primary{ background: var(--dmz-primary) !important; color:#fff !important; border:1px solid rgba(2,29,73,.32) !important; box-shadow:0 16px 38px rgba(2,29,73,.22) !important; } .dmz-cta--primary:hover{ transform: translateY(-1px) !important; box-shadow:0 20px 44px rgba(2,29,73,.26) !important; } .dmz-cta--ghost, .dmz-cta--demo, .dmz-btn{ background: rgba(255,255,255,.75) !important; border:1px solid rgba(2,29,73,.14) !important; } .dmz-cta--ghost:hover, .dmz-cta--demo:hover, .dmz-btn:hover{ background: rgba(255,255,255,.92) !important; } /* Kart icleri: daha yumusak shadow + temiz border */ .dmz-step, .dmz-formcard, .dmz-box, .dmz-quote, .dmz-proof__item, .dmz-faq-item{ border-radius:22px !important; border:1px solid rgba(2,29,73,.10) !important; box-shadow:0 16px 34px rgba(2,29,73,.06) !important; } /* Form submit butonu da primer */ .dmz-btn--submit{ background: var(--dmz-primary) !important; color:#fff !important; border-color: rgba(2,29,73,.32) !important; box-shadow:0 16px 38px rgba(2,29,73,.22) !important; } /* Footer: daha hafif */ .dmz-footer{ background: transparent !important; } .dmz-footer__line{ color: rgba(82,99,122,.75) !important; } /* ========================================================= YOAST-LIKE FULLSCREEN THEME (v2) - Full-bleed sections, airy spacing, modern typography - Keeps existing markup/JS intact (Enfold/WordPress safe) ========================================================= */ body.dmz-portal{ --dmz-primary:#6b1a73; --dmz-primary2:#c2185b; --dmz-accent:#22c55e; --dmz-ink:#0f172a; --dmz-muted:#475569; --dmz-soft:#f8fafc; --dmz-border:rgba(15,23,42,.12); --dmz-shadow:0 18px 52px rgba(15,23,42,.12); --dmz-radius:22px; font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important; color:var(--dmz-ink) !important; background:#fff !important; } /* FIX: Yönetici (dmz-admin-view) görünümünde footer arka planı tam genişlikte kalsın */ body.dmz-portal.dmz-admin-view{align-items:stretch !important;} body.dmz-portal.dmz-admin-view .dmz-wrap{align-items:stretch !important;} body.dmz-portal.dmz-admin-view .dmz-stage{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; } body.dmz-portal.dmz-admin-view .dmz-footer{width:100% !important;max-width:none !important;} html, body.dmz-portal{height:100%;margin:0;padding:0;} /* Remove center-card look => full screen */ body.dmz-portal .dmz-wrap{padding:0 !important;background:transparent !important;} body.dmz-portal .dmz-stage{max-width:none !important;padding:0 !important;} body.dmz-portal .dmz-card{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;overflow:visible !important;} /* Full width helper: section heads/content stay centered */ body.dmz-portal .dmz-section, body.dmz-portal .dmz-testimonials, body.dmz-portal .dmz-proof, body.dmz-portal .dmz-video{ width:100% !important; margin:0 !important; border-radius:0 !important; } body.dmz-portal .dmz-section__head, body.dmz-portal .dmz-section__body, body.dmz-portal .dmz-proof__inner, body.dmz-portal .dmz-video__inner, body.dmz-portal .dmz-vitrin__shell, body.dmz-portal .dmz-footer__inner{ max-width:var(--dmz-container-width,1200px) !important; margin:0 auto !important; padding-left:24px !important; padding-right:24px !important; } /* Accent underline bar under selected section titles */ body.dmz-portal .dmz-title-accentline{ position:relative; display:inline-block; padding-bottom:12px; /* room for bar */ } body.dmz-portal .dmz-title-accentline::after{ content:""; position:absolute; left:0; bottom:0; width:48px; height:4px; background:#9c2b74; border-radius:999px; } /* Header (Yoast-like gradient bar) */ body.dmz-portal .dmz-head{ position:sticky !important; top:var(--dmz-adminbar-h, 0px) !important; z-index:9999 !important; width:100% !important; padding:16px 24px !important; border:none !important; border-radius:0 !important; background:linear-gradient(90deg,var(--dmz-primary),var(--dmz-primary2)) !important; box-shadow:0 10px 30px rgba(15,23,42,.14) !important; color:#fff !important; } body.dmz-portal .dmz-brand{gap:14px !important;} body.dmz-portal .dmz-brandmark{ width:44px !important;height:44px !important; border-radius:12px !important; background:rgba(255,255,255,.14) !important; border:1px solid rgba(255,255,255,.25) !important; color:#fff !important; font-weight:800 !important; letter-spacing:-.02em !important; } body.dmz-portal .dmz-title{font-weight:800 !important;letter-spacing:-.02em !important;} body.dmz-portal .dmz-sub{color:rgba(255,255,255,.86) !important;font-weight:500 !important;} body.dmz-portal .dmz-head-cta{ display:inline-flex !important; align-items:center !important; gap:10px !important; padding:10px 14px !important; border-radius:999px !important; background:rgba(255,255,255,.94) !important; color:var(--dmz-primary2) !important; font-weight:700 !important; border:1px solid rgba(255,255,255,.45) !important; box-shadow:0 14px 36px rgba(0,0,0,.12) !important; white-space:nowrap !important; } body.dmz-portal .dmz-head-cta:hover{transform:translateY(-1px) !important;} /* Mobile: header CTA ("Ücretsiz deneme") gizle */ @media (max-width: 900px){ body.dmz-portal .dmz-head-cta{display:none !important;} } /* Hero (fullscreen, soft gradient like Yoast) */ body.dmz-portal .dmz-vitrin{ padding:92px 0 72px !important; min-height:calc(100vh - 74px) !important; display:flex !important; align-items:center !important; background: radial-gradient(800px 380px at 18% 28%, rgba(194,24,91,.20), transparent 60%), radial-gradient(900px 420px at 82% 40%, rgba(34,197,94,.16), transparent 62%), linear-gradient(120deg, rgba(243,209,229,.60) 0%, rgba(255,255,255,.95) 42%, rgba(217,251,229,.55) 100%) !important; } body.dmz-portal .dmz-vitrin__shell{ display:grid !important; grid-template-columns: 1.15fr .85fr !important; gap:46px !important; align-items:center !important; } @media (max-width: 900px){ body.dmz-portal .dmz-vitrin{min-height:auto !important;padding:74px 0 56px !important;} body.dmz-portal .dmz-vitrin__shell{grid-template-columns:1fr !important;} } /* ========================================================= ADIM FIX12 — Remove top "kabartma" shadow + lighter gradient bg - Sticky header shadow removed (admin + front-end) - Page gray background lightened and converted to soft gradient ========================================================= */ /* Lighter, more airy background + soft gradient */ body.dmz-portal{ background: radial-gradient(1200px 780px at 18% 8%, rgba(236,72,153,.10), rgba(0,0,0,0) 60%), radial-gradient(1100px 780px at 88% 14%, rgba(59,130,246,.10), rgba(0,0,0,0) 62%), radial-gradient(900px 620px at 52% 86%, rgba(2,29,73,.04), rgba(0,0,0,0) 58%), linear-gradient(180deg, #fbfcff 0%, #f5f7fb 42%, #f7f9ff 100%) !important; } html{ background:#f5f7fb !important; } /* Remove "raised" shadow band under sticky header */ .dmz-head.is-stuck, body.dmz-portal .dmz-head{ box-shadow:none !important; } /* Keep a subtle separation without the heavy shadow */ body.dmz-portal .dmz-head{ border-bottom:1px solid rgba(255,255,255,.18) !important; } body.dmz-portal .dmz-vitrin__kicker{ font-size:12px !important; letter-spacing:.16em !important; text-transform:uppercase !important; font-weight:700 !important; color:rgba(107,26,115,.85) !important; } body.dmz-portal .dmz-vitrin__title{ font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:clamp(44px, 5.2vw, 70px) !important; line-height:1.04 !important; font-weight:800 !important; letter-spacing:-.03em !important; color:var(--dmz-ink) !important; } body.dmz-portal .dmz-vitrin__desc{ font-size:18px !important; line-height:1.55 !important; color:rgba(15,23,42,.72) !important; font-weight:500 !important; } body.dmz-portal .dmz-cta{ border-radius:14px !important; padding:14px 18px !important; font-weight:700 !important; letter-spacing:0 !important; } body.dmz-portal .dmz-cta--primary{ background:linear-gradient(90deg,var(--dmz-primary2),var(--dmz-primary)) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 18px 44px rgba(194,24,91,.22) !important; } body.dmz-portal .dmz-cta--ghost, body.dmz-portal .dmz-cta--demo{ background:rgba(255,255,255,.86) !important; border:1px solid rgba(15,23,42,.12) !important; color:rgba(194,24,91,.96) !important; } body.dmz-portal .dmz-cta--ghost:hover, body.dmz-portal .dmz-cta--demo:hover{background:rgba(255,255,255,.96) !important;} /* Hero form card (white, airy) */ body.dmz-portal .dmz-formcard{ background:rgba(255,255,255,.90) !important; backdrop-filter:saturate(1.1) blur(10px) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:var(--dmz-shadow) !important; } body.dmz-portal .dmz-formcard__title{font-weight:800 !important;letter-spacing:-.02em !important;} body.dmz-portal .dmz-formcard__sub{color:rgba(15,23,42,.60) !important;} body.dmz-portal .dmz-field label{font-weight:650 !important;color:rgba(15,23,42,.78) !important;} body.dmz-portal .dmz-field input, body.dmz-portal .dmz-field textarea, body.dmz-portal .dmz-field select{ border-radius:14px !important; border:1px solid rgba(15,23,42,.12) !important; background:rgba(255,255,255,.95) !important; } body.dmz-portal .dmz-btn--submit{ border-radius:14px !important; background:linear-gradient(90deg,var(--dmz-primary2),var(--dmz-primary)) !important; box-shadow:0 18px 44px rgba(194,24,91,.20) !important; font-weight:800 !important; } /* Proof bar (trust line under hero) */ body.dmz-portal .dmz-proof{ padding:26px 0 14px !important; background:transparent !important; } body.dmz-portal .dmz-proof__inner{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:12px !important; } @media (max-width: 900px){ body.dmz-portal .dmz-proof__inner{grid-template-columns:1fr 1fr !important;} } @media (max-width: 560px){ body.dmz-portal .dmz-proof__inner{grid-template-columns:1fr !important;} } body.dmz-portal .dmz-proof__item{ background:rgba(255,255,255,.82) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 14px 36px rgba(15,23,42,.06) !important; } body.dmz-portal .dmz-proof__k{font-weight:800 !important;letter-spacing:-.01em !important;} body.dmz-portal .dmz-proof__v{color:rgba(15,23,42,.65) !important;} /* Video card section (like Yoast video block) */ body.dmz-portal .dmz-video{padding:46px 0 84px !important;background:#fff !important;} body.dmz-portal .dmz-videocard{ display:grid !important; grid-template-columns: 1.1fr .9fr !important; gap:24px !important; align-items:stretch !important; border-radius:24px !important; background:linear-gradient(135deg, rgba(194,24,91,.92), rgba(107,26,115,.92)) !important; color:#fff !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:0 26px 70px rgba(15,23,42,.22) !important; overflow:hidden !important; } @media (max-width: 900px){ body.dmz-portal .dmz-videocard{grid-template-columns:1fr !important;} } body.dmz-portal .dmz-videocard__copy{padding:34px 34px 30px !important;} body.dmz-portal .dmz-videocard__eyebrow{font-size:12px !important;letter-spacing:.18em !important;text-transform:uppercase !important;font-weight:800 !important;color:rgba(255,255,255,.86) !important;} body.dmz-portal .dmz-videocard__title{font-size:42px !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:-.03em !important;margin-top:10px !important;} @media (max-width: 560px){ body.dmz-portal .dmz-videocard__title{font-size:32px !important;} } body.dmz-portal .dmz-videocard__sub{margin-top:10px !important;font-size:16px !important;line-height:1.6 !important;color:rgba(255,255,255,.86) !important;font-weight:500 !important;max-width:40ch !important;} body.dmz-portal .dmz-videocard__pill{display:inline-flex !important;align-items:center !important;gap:10px !important;margin-top:16px !important;padding:10px 14px !important;border-radius:999px !important;background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.22) !important;font-weight:800 !important;} body.dmz-portal .dmz-videocard__action{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;margin-top:16px !important;} body.dmz-portal .dmz-videocard__action .dmz-videocard__pill{margin-top:0 !important;} body.dmz-portal .dmz-videocard__badge{display:inline-flex !important;align-items:center !important;gap:6px !important;height:36px !important;padding:0 12px !important;border-radius:999px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.22) !important;color:#fff !important;font-weight:900 !important;font-size:12px !important;letter-spacing:.2px !important;} body.dmz-portal .dmz-videocard__badge:before{content:"●";font-size:10px;opacity:.85} body.dmz-portal .dmz-videocard__media{ position:relative !important; min-height:240px !important; overflow:hidden !important; background: radial-gradient(600px 260px at 30% 30%, rgba(255,255,255,.12), transparent 55%), radial-gradient(500px 240px at 70% 60%, rgba(34,197,94,.16), transparent 62%), linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important; } body.dmz-portal .dmz-videocard__img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; z-index:0 !important; } body.dmz-portal .dmz-videocard__media::before{ content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(135deg, rgba(15,23,42,.18), rgba(15,23,42,.08)) !important; z-index:1 !important; } body.dmz-portal .dmz-videocard__play{ z-index:2 !important; } body.dmz-portal .dmz-videocard__play{ position:absolute !important; inset:auto auto 26px 26px !important; width:54px !important;height:54px !important; border-radius:999px !important; background:rgba(255,255,255,.92) !important; color:rgba(194,24,91,.98) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:900 !important; box-shadow:0 18px 46px rgba(0,0,0,.16) !important; } /* Generic section spacing */ body.dmz-portal .dmz-section{padding:88px 0 !important;background:#fff !important;} body.dmz-portal .dmz-section__head{margin-bottom:34px !important;text-align:center !important;} body.dmz-portal .dmz-section__title{font-weight:800 !important;letter-spacing:-.03em !important;color:var(--dmz-ink) !important;} body.dmz-portal .dmz-section__sub{max-width:70ch !important;margin:12px auto 0 !important;color:rgba(15,23,42,.66) !important;font-weight:500 !important;} /* Steps/cards (soft, not heavy) */ body.dmz-portal .dmz-step, body.dmz-portal .dmz-box, body.dmz-portal .dmz-quote, body.dmz-portal .dmz-faq-item{ border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 18px 50px rgba(15,23,42,.06) !important; } body.dmz-portal .dmz-step__title{font-weight:800 !important;letter-spacing:-.02em !important;} body.dmz-portal .dmz-step__text{color:rgba(15,23,42,.64) !important;font-weight:500 !important;} /* Testimonials (Yoast-like pink section + carousel cards) */ body.dmz-portal .dmz-testimonials{background:linear-gradient(180deg, rgba(246,231,239,.95) 0%, rgba(255,255,255,.85) 100%) !important;padding:96px 0 !important;} /* Head: title left, description right (desktop); stack on mobile */ body.dmz-portal .dmz-testimonials .dmz-section__head{ margin-bottom:22px !important; text-align:left !important; display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:24px !important; } body.dmz-portal .dmz-testimonials .dmz-section__sub{ margin:0 !important; text-align:right !important; max-width:52ch !important; } body.dmz-portal .dmz-carousel{position:relative !important;} body.dmz-portal .dmz-car-btn{ width:44px !important;height:44px !important; border-radius:999px !important; background:rgba(255,255,255,.92) !important; border:1px solid rgba(15,23,42,.12) !important; box-shadow:0 18px 46px rgba(15,23,42,.14) !important; color:rgba(15,23,42,.72) !important; } body.dmz-portal .dmz-car-btn:hover{transform:translateY(-1px) !important;} body.dmz-portal .dmz-car-viewport{overflow:hidden !important;padding:20px 10px 10px !important;} body.dmz-portal .dmz-car-track{display:flex !important;gap:18px !important;} body.dmz-portal .dmz-quote{ background:#fff !important; border-radius:16px !important; padding:18px 18px 16px !important; /* enforce 3-up desktop, 2-up tablet, 1-up mobile */ flex:0 0 calc((100% - 36px)/3) !important; min-width:0 !important; max-width:none !important; } /* ========================================================== FIX7: Right-align header descriptions (desktop) - "Nasıl çalışır?" ve "Paketler" satırındaki açıklama metinleri container'ın (admin: --dmz-container-width) sağ kenarına yaslanır. - Mobil/tablet'te doğal akış: başlık üstte, açıklama altta solda. ========================================================== */ /* Ensure Packages head follows the same container width (1310px) */ body.dmz-portal #dmz-paketler .dmz-section__head{ max-width: var(--dmz-container-width) !important; margin-left:auto !important; margin-right:auto !important; } /* Desktop: title left, description right */ body.dmz-portal #dmz-nasil .dmz-section__head, body.dmz-portal #dmz-paketler .dmz-section__head{ text-align:left !important; display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:24px !important; } body.dmz-portal #dmz-nasil .dmz-section__sub, body.dmz-portal #dmz-paketler .dmz-section__sub{ margin:0 0 0 auto !important; text-align:right !important; max-width:56ch !important; } /* Tablet/mobile: stack and keep readable */ @media (max-width: 860px){ body.dmz-portal #dmz-nasil .dmz-section__head, body.dmz-portal #dmz-paketler .dmz-section__head{ flex-direction:column !important; align-items:flex-start !important; text-align:left !important; gap:10px !important; } body.dmz-portal #dmz-nasil .dmz-section__sub, body.dmz-portal #dmz-paketler .dmz-section__sub{ margin:0 !important; text-align:left !important; max-width:70ch !important; } } @media (max-width: 900px){ body.dmz-portal .dmz-testimonials .dmz-section__head{ flex-direction:column !important; align-items:flex-start !important; gap:10px !important; } body.dmz-portal .dmz-testimonials .dmz-section__sub{ text-align:left !important; max-width:70ch !important; } body.dmz-portal .dmz-quote{ flex-basis: calc((100% - 18px)/2) !important; } } @media (max-width: 680px){ body.dmz-portal .dmz-quote{ flex-basis: 100% !important; } } body.dmz-portal .dmz-quote::before{ content:"★★★★★"; display:block; font-size:12px; letter-spacing:2px; color:var(--dmz-accent); margin-bottom:8px; } body.dmz-portal .dmz-quote__text{color:rgba(15,23,42,.78) !important;font-weight:500 !important;line-height:1.55 !important;} body.dmz-portal .dmz-quote__who{font-weight:800 !important;letter-spacing:-.01em !important;} body.dmz-portal .dmz-quote__when{color:rgba(15,23,42,.52) !important;font-weight:500 !important;} /* FAQ: lighter typography (no super bold) */ body.dmz-portal #dmz-faq{background: radial-gradient(900px 420px at 14% 18%, rgba(175,43,111,.10), transparent 60%), radial-gradient(850px 420px at 86% 30%, rgba(175,43,111,.08), transparent 62%), linear-gradient(180deg, #f7f9fd 0%, #f2f5fa 45%, #f7f9fc 100%) !important; box-shadow: none !important; border-top: 0 !important; border-bottom: 0 !important; } body.dmz-portal .dmz-faq__q{font-weight:700 !important;letter-spacing:-.01em !important;font-size:16px !important;} body.dmz-portal .dmz-faq__a{color:rgba(15,23,42,.66) !important;font-weight:500 !important;} /* Footer */ body.dmz-portal .dmz-footer{ padding:44px 0 70px !important; width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; background: linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; border-top: 4px solid rgba(255,255,255,.25) !important; border-radius: 0 !important; } /* Nav item typography (avoid extra bold) */ body.dmz-portal .dmz-nav-item{font-weight:700 !important;letter-spacing:.02em !important;} body.dmz-portal .dmz-nav-dot{display:none !important;} /* ========================================================= YOAST-LIKE (v3) – Requested tweaks (clean) - Desktop container width: 1310px - Header nav centered - Hero centered and form moved under hero (second row) - All sections share the same centered rhythm (1310px) while backgrounds stay fullscreen ========================================================= */ /* Lock desktop content width to 1310px (backgrounds stay fullscreen) */ /* Slightly lighter overall typography (Yoast-like, not overly bold) */ body.dmz-portal{ font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important; } body.dmz-portal .dmz-section__title{font-weight:750 !important;} body.dmz-portal .dmz-title, body.dmz-portal .dmz-vitrin__title{font-weight:800 !important;} body.dmz-portal .dmz-title--42{font-size:clamp(28px, 3.2vw, 44px) !important;} body.dmz-portal .dmz-nav-item{font-weight:650 !important;letter-spacing:.01em !important;} body.dmz-portal .dmz-faq__q{font-weight:650 !important;} /* Header: content centered to 1310px, gradient bar stays full width */ body.dmz-portal .dmz-head{ position:sticky !important; top:var(--dmz-adminbar-h, 0px) !important; z-index:9999 !important; max-width:var(--dmz-container-width) !important; margin:0 auto !important; padding:16px 24px !important; background:transparent !important; box-shadow:none !important; border:none !important; border-radius:0 !important; isolation:isolate !important; display:flex !important; align-items:center !important; gap:16px !important; } body.dmz-portal .dmz-head::before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:linear-gradient(90deg,var(--dmz-primary),var(--dmz-primary2)); box-shadow:0 10px 30px rgba(15,23,42,.14); z-index:-1; } /* Center the nav items on desktop like Yoast */ @media (min-width: 981px){ body.dmz-portal .dmz-nav-toggle{display:none !important;} body.dmz-portal .dmz-head{justify-content:space-between !important;} body.dmz-portal .dmz-head > .dmz-nav{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; } body.dmz-portal .dmz-head > .dmz-nav .dmz-nav-list{justify-content:center !important;} /* Keep header compact */ body.dmz-portal .dmz-sub{display:none !important;} } /* Hero: centered content + form becomes the second row */ body.dmz-portal .dmz-vitrin__shell{ grid-template-columns:1fr !important; gap:22px !important; align-items:start !important; text-align:center !important; } body.dmz-portal .dmz-vitrin__left{ text-align:center !important; display:flex !important; flex-direction:column !important; align-items:center !important; } body.dmz-portal .dmz-vitrin__kicker{justify-content:center !important;} body.dmz-portal .dmz-vitrin__title{max-width:18ch !important;margin-left:auto !important;margin-right:auto !important;} body.dmz-portal .dmz-vitrin__desc{max-width:72ch !important;margin-left:auto !important;margin-right:auto !important;} body.dmz-portal .dmz-vitrin__cta{justify-content:center !important;} body.dmz-portal .dmz-vitrin__highlights{justify-content:center !important;margin-left:auto !important;margin-right:auto !important;max-width:1040px !important;} body.dmz-portal .dmz-vitrin__right{ width:100% !important; max-width:760px !important; margin:18px auto 0 !important; } /* Unify all section inner rhythm to the same centered 1310px */ body.dmz-portal .dmz-section > :not(.dmz-section__head):not(.dmz-section__body){ max-width:var(--dmz-container-width) !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; } /* Packages section: remove any old 100vw padding tricks and keep a clean centered layout */ body.dmz-portal #dmz-paketler{ width:100% !important; margin-left:0 !important; padding-left:0 !important; padding-right:0 !important; } body.dmz-portal #dmz-paketler .dmz-section__head, body.dmz-portal #dmz-paketler .dmz-packgrid{ max-width:var(--dmz-container-width) !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; } @media (max-width: 520px){ body.dmz-portal .dmz-section__head, body.dmz-portal .dmz-section > :not(.dmz-section__head):not(.dmz-section__body), body.dmz-portal .dmz-vitrin__shell, body.dmz-portal .dmz-footer__inner{ padding-left:16px !important; padding-right:16px !important; } } /* ===================================================================== PATCH 2026-02-13 (Option B) — Yoast-like header + flat vitrin + fixes ===================================================================== */ /* Header: more "logo/Yoast" feel */ body.dmz-portal .dmz-brand{ gap:12px !important; align-items:center !important; } body.dmz-portal .dmz-brandmark{ width:44px !important; height:44px !important; border-radius:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; background: linear-gradient(135deg, rgba(2,29,73,1) 0%, rgba(14,165,233,1) 100%) !important; color:#fff !important; font-weight:900 !important; letter-spacing:-0.02em !important; font-size:14px !important; box-shadow:0 12px 30px rgba(2,29,73,.16) !important; border:1px solid rgba(255,255,255,.22) !important; overflow:hidden !important; } body.dmz-portal .dmz-brandmark--img{ background:#fff !important; border:1px solid rgba(2,29,73,.16) !important; box-shadow:0 12px 30px rgba(2,29,73,.10) !important; } body.dmz-portal .dmz-brandmark--img img{ width:100% !important; height:100% !important; object-fit:contain !important; display:block !important; } body.dmz-portal .dmz-title{ font-weight:900 !important; letter-spacing:-0.04em !important; font-size:20px !important; line-height:1.05 !important; } body.dmz-portal .dmz-sub{ display:block !important; margin-top:2px !important; font-size:12px !important; font-weight:650 !important; color:rgba(11,18,32,.62) !important; letter-spacing:-0.01em !important; } @media (max-width:720px){ body.dmz-portal .dmz-title{ font-size:18px !important; } body.dmz-portal .dmz-brandmark{ width:40px !important; height:40px !important; } } /* Hero: "Yoast typographic scale" and clearer hierarchy */ body.dmz-portal .dmz-vitrin__title{ font-family: var(--dmz-hero-font, ui-sans-serif) !important; font-weight:900 !important; letter-spacing:-0.045em !important; line-height:1.02 !important; text-wrap:balance; font-size: clamp(30px, 3.2vw, var(--dmz-hero-title-max, 52px)) !important; } body.dmz-portal .dmz-vitrin__desc{ font-size: clamp(14px, 1.25vw, var(--dmz-hero-desc-max, 18px)) !important; line-height:1.48 !important; max-width: 56ch !important; } /* Fix: hero visuals should always be visible above background layers */ /* ===================================================================== PATCH 2026-02-21 — Premium Sticky Header Menu Breakpoints - Prevent tablet/mobile menu wrapping (taşma/alt satıra düşme) - Keep sticky header compact while scrolling - Upgrade hamburger + panel micro-interactions ===================================================================== */ /* 1) Tablet & small desktop: switch to hamburger earlier to avoid wraps */ @media (max-width: 1024px){ /* Hide segmented desktop nav, show hamburger */ body.dmz-portal .dmz-head > .dmz-nav{display:none !important;} body.dmz-portal .dmz-nav-toggle{display:flex !important;} /* Make header tighter and more "premium" on mobile/tablet */ body.dmz-portal .dmz-sub{display:none !important;} body.dmz-portal .dmz-head{gap:12px !important; padding:12px 16px !important;} body.dmz-portal .dmz-title{font-size:18px !important;} /* CTA hides a bit earlier to preserve space */ body.dmz-portal .dmz-head-cta{display:none !important;} /* Ensure the overlay panel uses the mobile layout up to 1024px */ body.dmz-portal .dmz-nav-panel{ position:fixed !important; inset:0 !important; z-index:2147483647 !important; background:rgba(2,6,23,.38) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; padding:calc(var(--dmz-adminbar-h, 0px) + var(--dmz-head-h, 58px) + env(safe-area-inset-top) + 10px) 12px 14px !important; overflow:auto !important; } body.dmz-portal .dmz-nav-panel .dmz-nav{ flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:8px !important; padding:10px !important; border-radius:18px !important; background:rgba(255,255,255,.98) !important; border:1px solid rgba(226,232,240,.92) !important; box-shadow:0 22px 70px rgba(2,29,73,.14) !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item{padding:12px 12px !important; font-size:15px !important;} } /* 2) Sticky compact mode: slightly shrink header when scrolled */ @media (max-width: 1024px){ body.dmz-portal .dmz-head.is-stuck{padding:10px 14px !important;} body.dmz-portal .dmz-head.is-stuck .dmz-brandmark{width:38px !important;height:38px !important;} body.dmz-portal .dmz-head.is-stuck .dmz-title{font-size:16px !important;} } /* 3) Large screens: keep nav single-row (no wrap) with graceful overflow */ @media (min-width: 1025px){ body.dmz-portal .dmz-head > .dmz-nav{ flex-wrap:nowrap !important; white-space:nowrap !important; overflow-x:auto !important; scrollbar-width:none; -ms-overflow-style:none; max-width:min(760px, calc(100% - 520px)) !important; /* subtle fade on edges for a "premium" hint of scrollability */ -webkit-mask-image: linear-gradient(to right, transparent 0px, #000 18px, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(to right, transparent 0px, #000 18px, #000 calc(100% - 18px), transparent 100%); } body.dmz-portal .dmz-head > .dmz-nav::-webkit-scrollbar{display:none;} /* Slightly more compact CTA on smaller desktops */ body.dmz-portal .dmz-head-cta{font-size:13px !important; padding:9px 12px !important;} body.dmz-portal .dmz-head-cta .dmz-ico{width:16px !important;height:16px !important;} } /* 4) Hamburger micro-interaction: burger morphs into "X" when menu open */ body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(1){top:5px !important; transform:rotate(45deg) !important;} body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(2){opacity:0 !important;} body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(3){top:5px !important; transform:rotate(-45deg) !important;} body.dmz-portal.dmz-nav-open .dmz-nav-btn{box-shadow:0 18px 44px rgba(2,29,73,.16) !important;} /* 5) Panel open animation: subtle scale-in */ @keyframes dmzPanelPop{from{opacity:0; transform:translateY(-6px) scale(.985);} to{opacity:1; transform:translateY(0) scale(1);}} @media (max-width: 1024px){ body.dmz-portal .dmz-nav-panel.is-open{animation:dmzPanelPop .16s ease-out !important;} } body.dmz-portal .dmz-hero{ background-position:center !important; background-size:cover !important; } body.dmz-portal .dmz-hero__imgwrap{ z-index: 3 !important; } body.dmz-portal .dmz-hero__content{ position:relative !important; z-index:4 !important; } /* Flat vitrin: remove gradient shell/background "frame" */ body.dmz-portal.dmz-vitrin-flat .dmz-vitrin__shell{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } body.dmz-portal.dmz-vitrin-flat .dmz-vitrin__left, body.dmz-portal.dmz-vitrin-flat .dmz-vitrin__right{ background: transparent !important; border: none !important; box-shadow: none !important; } /* Remove "image frame" if disabled */ body.dmz-portal.dmz-hero-no-frame .dmz-hero__img{ background: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; } /* In no-frame mode, keep the image a bit tighter */ body.dmz-portal.dmz-hero-no-frame .dmz-hero__imgwrap{ right: 16px !important; bottom: 14px !important; } /* If slide is image-only, make sure min height is respected */ body.dmz-portal .dmz-hero__slides{ min-height: min(420px, 56vh) !important; } @media (max-width: 900px){ body.dmz-portal .dmz-hero__slides{ min-height: min(360px, 52vh) !important; } } /* === PATCH 2026-02-13: Vitrin split + Yoast-like header polish === */ @media (min-width: 981px){ body.dmz-portal .dmz-vitrin__left{ text-align:left !important; align-items:flex-start !important; } body.dmz-portal .dmz-vitrin__kicker{justify-content:flex-start !important;} body.dmz-portal .dmz-vitrin__title, body.dmz-portal .dmz-vitrin__desc{ margin-left:0 !important; margin-right:0 !important; max-width: 28ch !important; } body.dmz-portal .dmz-vitrin__desc{max-width: 62ch !important;} body.dmz-portal .dmz-vitrin__cta{justify-content:flex-start !important;} body.dmz-portal .dmz-vitrin__highlights{ justify-content:flex-start !important; margin-left:0 !important; margin-right:0 !important; } } body.dmz-portal .dmz-brandmark{ width: calc(var(--dmz-logo-size,48px) + 6px) !important; height: calc(var(--dmz-logo-size,48px) + 6px) !important; border-radius: 16px !important; box-shadow: 0 16px 38px rgba(2,6,23,.18) !important; } body.dmz-portal .dmz-brandmark::before{ content:""; position:absolute; inset:0; background: radial-gradient(120px 120px at 30% 25%, rgba(255,255,255,.30), rgba(255,255,255,0) 60%); pointer-events:none; } body.dmz-portal .dmz-title{ font-size: var(--dmz-head-title,22px) !important; font-weight: 900 !important; letter-spacing: -0.02em !important; text-shadow: 0 1px 0 rgba(0,0,0,.18), 0 14px 34px rgba(0,0,0,.22) !important; } body.dmz-portal .dmz-sub{ display:block !important; font-size: var(--dmz-head-sub,13px) !important; color: rgba(255,255,255,.92) !important; font-weight: 600 !important; text-shadow: 0 10px 22px rgba(0,0,0,.20) !important; } body.dmz-portal .dmz-cta--primary{ color:#fff !important; } body.dmz-portal .dmz-cta--primary *{color:inherit !important;} body.dmz-portal .dmz-cta--primary svg{stroke:currentColor !important;} /* ========================================================= ADIM: HERO + FORM SPLIT (tweaks) — kicker, spacing, thumbs ========================================================= */ /* 1) Kicker chips: desktop'ta taşıp genişlemeyi önle (wrap + daha kompakt) */ body.dmz-portal .dmz-vitrin__kicker{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; justify-content:flex-start !important; align-items:center; margin: 0 0 14px !important; max-width:100% !important; } body.dmz-portal .dmz-vitrin__kicker .dmz-chip{ white-space:normal; flex:0 0 auto; padding:6px 10px !important; font-size: var(--dmz-chip-font, 12px) !important; line-height: 1.15 !important; } @media (max-width: 720px){ body.dmz-portal .dmz-vitrin__kicker{ justify-content:center !important; gap:10px !important; } } /* Desktop: vitrin sol içerik hizası (metin + CTA) */ @media (min-width: 981px){ body.dmz-portal .dmz-vitrin__left{ text-align:left !important; align-items:stretch !important; } body.dmz-portal .dmz-vitrin__title, body.dmz-portal .dmz-vitrin__desc{ margin-left:0 !important; margin-right:0 !important; max-width:none !important; } body.dmz-portal .dmz-vitrin__cta{ justify-content:flex-start !important; } body.dmz-portal .dmz-vitrin__highlights{ justify-content:flex-start !important; margin-left:0 !important; margin-right:0 !important; } } /* 2) Slider altı boşluğu: içerik neyse o kadar büyüsün; görsel yoksa boşluk kalmasın */ body.dmz-portal .dmz-hero__slides{ height:auto !important; min-height: unset !important; } body.dmz-portal .dmz-hero--imgonly-full .dmz-hero__slides{ min-height: clamp(480px, 62vh, 760px) !important; } @media (max-width: 900px){ body.dmz-portal .dmz-hero--imgonly-full .dmz-hero__slides{ min-height: clamp(420px, 56vh, 620px) !important; } } /* 2b) Split oranı: form geniş (slaydera daha yakın) */ body.dmz-portal .dmz-vitrin__s{ grid-template-columns: 2.3fr 1.7fr !important; gap: 18px !important; } body.dmz-portal .dmz-vitrin__right{ width:100% !important; max-width: 620px !important; margin: 0 !important; } /* Mobile: vitrin (slayder + form) alt alta, slayder üstte form altta */ @media (max-width: 900px){ body.dmz-portal .dmz-vitrin__s{ display:flex !important; flex-direction:column !important; gap: 14px !important; } body.dmz-portal .dmz-vitrin__left{ order: 1 !important; } body.dmz-portal .dmz-vitrin__right{ order: 2 !important; max-width: none !important; } } /* 2b-2) Vitrin kabuğu: masaüstünde gereksiz minimum yüksekliği kaldır (boşluk olmasın) */ body.dmz-portal .dmz-vitrin__shell{ min-height: auto !important; } /* 2c) Slider içi 3'lü görsel alanı (desktop: 3 kolon, mobil: swipe slider) */ body.dmz-portal .dmz-hero__thumbs{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; margin-top: 14px; } body.dmz-portal .dmz-thumb{ display:block; padding:0; border:0; width:100%; border-radius: 18px; overflow:hidden; cursor:pointer; background: transparent; box-shadow: 0 12px 28px rgba(0,0,0,.08); transition: transform .16s ease, box-shadow .16s ease; } body.dmz-portal .dmz-thumb:hover{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(0,0,0,.12); } body.dmz-portal .dmz-thumb img{ width:100%; height: 160px; object-fit: cover; display:block; } /* Dots: thumb'larla çakışmasın; akış içinde kalsın */ body.dmz-portal .dmz-hero__dots{ position: static !important; margin-top: 12px; justify-content: center; } @media (max-width: 720px){ body.dmz-portal .dmz-hero__thumbs{ display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding-bottom: 6px; } body.dmz-portal .dmz-hero__thumbs::-webkit-scrollbar{ display:none; } body.dmz-portal .dmz-hero__thumbs{ scrollbar-width:none; } body.dmz-portal .dmz-thumb{ flex: 0 0 100%; width:100%; scroll-snap-align: start; } body.dmz-portal .dmz-thumb img{ height: 190px; } } /* 2d) Görsel lightbox */ body.dmz-portal .dmz-modal__dialog--img{ width: min(1100px, 96vw); max-height: min(86vh, 860px); padding: 0; overflow: hidden; } body.dmz-portal .dmz-imgmodal__body{ padding: 10px; } body.dmz-portal .dmz-imgmodal__body img{ width:100%; height:auto; max-height: calc(86vh - 80px); object-fit: contain; border-radius: 16px; display:block; } body.dmz-portal .dmz-modal--img .dmz-modal__close{ position:absolute; top: 10px; right: 10px; width: 42px; height: 42px; border-radius: 14px; border: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.92); font-size: 26px; line-height: 38px; cursor:pointer; z-index: 2; } /* ========================================================= PATCH 2026-02-13 - Vitrin CTA butonlarını slider genişliğinde büyüt - "Temel faydalar" kartlarını Deneme Başvurusu altında şık göster ========================================================= */ /* 1) CTA buton satırı (Ücretsiz Deneme / Soru sor / Canlı Demo) */ body.dmz-portal .dmz-vitrin__cta{ display:grid !important; /* Soru sor dar, Canlı Demo geniş: metin aşağı kaymasın */ grid-template-columns: 1.65fr .82fr 1.33fr !important; gap: 14px !important; width: 100% !important; align-items: stretch !important; margin: 18px 0 16px !important; } body.dmz-portal .dmz-vitrin__cta .dmz-cta{ width: 100% !important; /* Bir tık daha kısa */ min-height: 56px !important; padding: 14px 16px !important; border-radius: 18px !important; font-size: 16px !important; font-weight: 800 !important; justify-content: center !important; text-align: center !important; } /* Demo butonunda tek satır: masaüstünde taşmasın */ @media (min-width: 981px){ body.dmz-portal .dmz-vitrin__cta .dmz-cta--demo{ white-space: nowrap !important; } } body.dmz-portal .dmz-vitrin__cta .dmz-cta .dmz-ico--inline{ width: 20px; height: 20px; } /* Ghost ikon kapsülleri (💬 / ▶) */ body.dmz-portal .dmz-vitrin__cta .dmz-cta__wa, body.dmz-portal .dmz-vitrin__cta .dmz-cta__play{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width: 30px !important; height: 30px !important; border-radius: 12px !important; margin-right: 10px !important; font-size: 16px !important; background: rgba(194,24,91,.12) !important; border: 1px solid rgba(194,24,91,.18) !important; } body.dmz-portal .dmz-vitrin__cta .dmz-cta--demo .dmz-cta__play{ background: rgba(2,29,73,.10) !important; border-color: rgba(2,29,73,.14) !important; } @media (max-width: 900px){ body.dmz-portal .dmz-vitrin__cta{ grid-template-columns: 1fr !important; } body.dmz-portal .dmz-vitrin__cta .dmz-cta{ min-height: 54px !important; } } /* 2) Temel faydalar (Deneme Başvurusu altı) */ body.dmz-portal .dmz-vitrin__highlights--underform{ margin-top: 14px !important; gap: 12px !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl{ padding: 14px 14px !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90)) !important; border: 1px solid rgba(15,23,42,.10) !important; box-shadow: 0 14px 32px rgba(2,29,73,.06) !important; display: flex !important; align-items: flex-start !important; gap: 12px !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl__ico{ width: 34px !important; height: 34px !important; flex: 0 0 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; background: rgba(2,29,73,.06) !important; border: 1px solid rgba(2,29,73,.10) !important; color: rgba(2,29,73,.90) !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl__ico .dmz-ico{ display:block !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl__txt{ min-width: 0 !important; display:block !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl__t{ font-weight: 850 !important; font-size: 14px !important; letter-spacing: -.01em !important; } body.dmz-portal .dmz-vitrin__highlights--underform .dmz-hl__s{ font-size: 13px !important; color: rgba(15,23,42,.66) !important; } @media (max-width: 720px){ body.dmz-portal .dmz-vitrin__highlights--underform{ grid-template-columns: 1fr !important; } } /* ========================================================== SSS (Sıkça Sorulan Sorular) – section background (no frame) İstek: çerçevesiz, sadece bölüm arkaplanında canlı gradient; akordiyon daha sade/modern; sağ açıklama tam sağda. ========================================================== */ /* Bölüm arkaplanı: gri + çok hafif #af2b6f geçişli canlı gradient */ body.dmz-portal #dmz-faq{ background: radial-gradient(900px 420px at 14% 18%, rgba(175,43,111,.10), transparent 60%), radial-gradient(850px 420px at 86% 30%, rgba(175,43,111,.08), transparent 62%), linear-gradient(180deg, #f7f9fd 0%, #f2f5fa 45%, #f7f9fc 100%) !important; box-shadow: none !important; border-top: 0 !important; border-bottom: 0 !important; } /* Global .dmz-section padding/background override'larını dengele */ body.dmz-portal #dmz-faq.dmz-section{ padding: 78px 0 70px !important; /* background is defined on #dmz-faq (do not override here) */ box-shadow: none !important; } /* Dış kabuk artık sadece container — gölge/çerçeve yok */ body.dmz-portal #dmz-faq .dmz-faq-shell{ background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; } /* Başlık satırı: sol başlık + sağ açıklama (1310/--dmz-container-width hizalı) */ body.dmz-portal #dmz-faq .dmz-faq-head{ max-width: var(--dmz-container-width, 1310px) !important; margin: 0 auto 22px !important; padding: 0 24px !important; display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 18px !important; text-align: left !important; } body.dmz-portal #dmz-faq .dmz-faq-title{ margin: 0 !important; font-weight: 850 !important; letter-spacing: -.03em !important; font-size: clamp(22px, 2.3vw, 30px) !important; line-height: 1.12 !important; } /* Sağ açıklama: tam sağa yaslı, grid bitişiyle aynı hizada */ body.dmz-portal #dmz-faq .dmz-faq-sub{ margin: 0 !important; flex: 1 1 auto !important; max-width: none !important; text-align: right !important; color: rgba(15,23,42,.62) !important; font-weight: 550 !important; } /* Akordiyon grid container */ body.dmz-portal #dmz-faq .dmz-faq{ /* Keep accordion grid aligned with the same 1310px container as the heading */ max-width: var(--dmz-container-width, 1310px) !important; width: 100% !important; margin: 0 auto !important; padding: 0 24px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; align-items: start !important; } body.dmz-portal #dmz-faq .dmz-faq-item{ align-self: start !important; } /* Akordiyon kartları: daha sade/modern, daha kısa */ body.dmz-portal #dmz-faq .dmz-faq-item{ border: none !important; border-radius: 18px !important; background: rgba(255,255,255,.92) !important; box-shadow: 0 16px 34px rgba(2,6,23,.08) !important; backdrop-filter: blur(6px); overflow: hidden; } body.dmz-portal #dmz-faq .dmz-faq-item:hover{ transform: translateY(-1px); box-shadow: 0 20px 44px rgba(2,6,23,.10) !important; } body.dmz-portal #dmz-faq .dmz-faq-q{ min-height: 56px !important; padding: 12px 56px 12px 16px !important; /* FAQ başlıkları: bir tık daha büyük, kalın değil, daha modern font */ font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; font-weight: 550 !important; font-size: 15px !important; letter-spacing: -.01em !important; color: var(--dmz-ink, #0b1324) !important; } /* sağdaki ok kapsülü */ body.dmz-portal #dmz-faq .dmz-faq-q::after{ width: 34px !important; height: 34px !important; right: 12px !important; border-radius: 999px !important; background: rgba(15,23,42,.05) !important; border: 1px solid rgba(15,23,42,.10) !important; } /* Açılınca: çok hafif vurgulu */ body.dmz-portal #dmz-faq details[open] .dmz-faq-q{ background: linear-gradient(180deg, rgba(204,56,132,.09), rgba(255,255,255,0)) !important; } body.dmz-portal #dmz-faq .dmz-faq-a{ padding: 0 16px 14px !important; color: rgba(15,23,42,.72) !important; font-size: 14px !important; line-height: 1.55 !important; } /* Buton satırı: alt bar çerçevesiz */ body.dmz-portal #dmz-faq .dmz-faq-controls{ max-width: var(--dmz-container-width, 1310px) !important; width: 100% !important; margin: 16px auto 0 !important; padding: 0 24px !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; justify-content: flex-start !important; } body.dmz-portal #dmz-faq .dmz-faq-morebtn{ display: flex !important; align-items: center !important; justify-content: space-between !important; min-width: 260px !important; padding: 12px 16px !important; } body.dmz-portal #dmz-faq .dmz-faq-more__text{ display: inline-flex; align-items: center; gap: 6px; } body.dmz-portal #dmz-faq .dmz-faq-more__count{ opacity: .8; font-weight: 700; } body.dmz-portal #dmz-faq .dmz-faq-more__caret{ font-size: 14px; opacity: .65; line-height: 1; } body.dmz-portal #dmz-faq .dmz-faq-morebtn, body.dmz-portal #dmz-faq .dmz-faq-allbtn{ background: rgba(255,255,255,.86) !important; border: 1px solid rgba(15,23,42,.12) !important; box-shadow: 0 12px 24px rgba(2,6,23,.06) !important; } body.dmz-portal #dmz-faq .dmz-faq-morebtn:hover, body.dmz-portal #dmz-faq .dmz-faq-allbtn:hover{ transform: translateY(-1px); } /* Responsive */ @media (max-width: 900px){ body.dmz-portal #dmz-faq.dmz-section{ padding: 56px 0 52px !important; } body.dmz-portal #dmz-faq .dmz-faq-head{ flex-direction: column !important; align-items: flex-start !important; } body.dmz-portal #dmz-faq .dmz-faq-sub{ text-align: left !important; } body.dmz-portal #dmz-faq .dmz-faq-shell{ padding: 0 18px !important; } } @media (prefers-reduced-motion: reduce){ body.dmz-portal #dmz-faq .dmz-faq-item, body.dmz-portal #dmz-faq .dmz-faq-morebtn, body.dmz-portal #dmz-faq .dmz-faq-allbtn{ transition: none !important; transform: none !important; } } /* FAQ container padding on small screens */ @media (max-width: 720px){ body.dmz-portal #dmz-faq .dmz-faq-head{ padding: 0 18px !important; } body.dmz-portal #dmz-faq .dmz-faq{ padding: 0 18px !important; } body.dmz-portal #dmz-faq .dmz-faq-controls{ padding: 0 18px !important; } body.dmz-portal #dmz-faq .dmz-faq-morebtn{ min-width: 100% !important; } } /* ================================ FIX16 (2026-02-14) - Mobile hero: add side padding so it doesn't go full-bleed - Mobile form: tighten vertical spacing + more modern compact look - Mobile header title: "Logsby" on first line, "AI Satış Asistanı" on second ================================ */ .dmz-vitrin{ padding-left: 24px; padding-right: 24px; } .dmz-vitrin__shell{ max-width: 1310px; width: 100%; margin-left: auto; margin-right: auto; } @media (max-width: 900px){ .dmz-vitrin{ padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 520px){ .dmz-vitrin{ padding-left: 12px !important; padding-right: 12px !important; } .dmz-vitrin__shell{ padding: 16px !important; } /* form spacing */ .dmz-formcard--hero{ padding: 16px !important; } .dmz-formcard--hero .dmz-grid{ gap: 12px !important; } .dmz-formcard--hero .dmz-field{ margin: 0 !important; } .dmz-formcard--hero .dmz-field label{ margin-bottom: 4px !important; font-size: 12px !important; text-align: left !important; } .dmz-formcard--hero .dmz-input{ padding: 12px 12px !important; } .dmz-formcard--hero .dmz-help{ margin-top: 8px !important; } .dmz-formcard--hero .dmz-btn{ padding: 12px 14px !important; } } /* header title line-break on mobile */ .dmz-title .dmz-title-top, .dmz-title .dmz-title-bottom{ display: inline; } @media (max-width: 520px){ .dmz-title{ line-height: 1.05 !important; } .dmz-title .dmz-title-top, .dmz-title .dmz-title-bottom{ display: block; } .dmz-title .dmz-title-bottom{ margin-top: 2px; } } /* ========================= FIX17 (mobile vitrin spacing) - Mobilde vitrin alanı fullscreen görünmesin; diğer bölümler gibi sağ/sol boşluk olsun - Üstteki gereksiz boşluk azalsın (min-height + center kapat) - Slider üst boşluğu ve CTA aralıkları sıkılaşsın ========================= */ @media (max-width: 520px){ /* En güçlü hedefleme: vitrin section (id: dmz-urun, class: dmz-vitrin) */ body.dmz-portal #dmz-urun.dmz-vitrin{ /* diğer bölümler gibi: içerik kenara yapışmasın */ padding: 18px 16px 14px !important; /* fullscreen/center etkisini kapat */ min-height: auto !important; height: auto !important; display: block !important; align-items: stretch !important; } body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__shell{ width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 16px 16px !important; border-radius: 18px !important; } /* Slider (thumbs) üst boşluk daha az */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-hero__thumbs{ margin-top: 10px !important; } /* CTA butonları mobilde daha sıkı */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__cta{ margin: 12px 0 12px !important; gap: 10px !important; } body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__cta a{ min-height: 54px !important; padding: 14px 14px !important; } /* Mobil başlık satır kırılımı: Logsby / AI Satış Asistanı */ body.dmz-portal .dmz-top .dmz-title{ display: flex !important; flex-direction: column !important; gap: 2px !important; line-height: 1.12 !important; } body.dmz-portal .dmz-top .dmz-title .dmz-title-top, body.dmz-portal .dmz-top .dmz-title .dmz-title-bottom{ display: block !important; white-space: normal !important; } } /* ========================= FIX17 (mobile vitrin spacing) ========================= */ @media (max-width: 520px){ /* Vitrin: mobilde fullscreen/ortalanmış görünümü kapat, sağ-sol boşluk ekle */ body.dmz-portal #dmz-urun.dmz-vitrin{ padding: 18px 16px 14px !important; min-height: auto !important; display: block !important; align-items: stretch !important; } /* İç kabuk: kart gibi dursun ama ekran kenarına yapışmasın */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__shell{ width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 16px 16px !important; border-radius: 18px !important; } /* Slider (thumbs) üst boşluğu azalt */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-hero__thumbs{ margin-top: 10px !important; } /* CTA buton aralıklarını sıkılaştır */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__cta{ margin: 12px 0 12px !important; gap: 10px !important; } /* Metin alanları biraz daha okunur genişlikte kalsın */ body.dmz-portal #dmz-urun.dmz-vitrin .dmz-vitrin__left{ padding: 0 !important; } /* Logo metni: Logsby üstte, AI Satış Asistanı altta */ body.dmz-portal .dmz-top .dmz-title{ display: flex !important; flex-direction: column !important; gap: 2px !important; } body.dmz-portal .dmz-top .dmz-title .dmz-title-top, body.dmz-portal .dmz-top .dmz-title .dmz-title-bottom{ display: block !important; line-height: 1.15 !important; } } /* =========================================================== Footer (Modern / Gradient) – 2026-02-14 - Full width background, 1310px inner container - Menu + Contact + prominent copyright =========================================================== */ body.dmz-portal .dmz-footer{ padding:44px 0 70px !important; width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; background: linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; border-top: 4px solid rgba(255,255,255,.25) !important; border-radius: 0 !important; } body.dmz-portal .dmz-footer__inner{ max-width: 1310px !important; margin: 0 auto !important; padding: 0 18px !important; } body.dmz-portal .dmz-footer__grid{ display: grid !important; grid-template-columns: 1.05fr .95fr !important; gap: 22px !important; align-items: start !important; } body.dmz-portal .dmz-footer__heading{ font-weight: 800 !important; letter-spacing: .2px !important; margin: 0 0 14px !important; font-size: 16px !important; color: rgba(255,255,255,.98) !important; position: relative !important; display: inline-block !important; padding-bottom: 8px !important; } body.dmz-portal .dmz-footer__heading::after{ content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; height: 2px !important; width: 55% !important; min-width: 28px !important; max-width: 56px !important; background: rgba(255,255,255,.95) !important; border-radius: 999px !important; } body.dmz-portal .dmz-footer__nav{ display: flex !important; flex-direction: column !important; align-items: flex-start !important; flex-wrap: nowrap !important; gap: 10px !important; } body.dmz-portal .dmz-footer__link{ /* Talep: metin arkasındaki kabartılı/pill arka planları kaldır, kurumsal link görünümü */ display: inline-flex !important; align-items: center !important; gap: 8px !important; color: rgba(255,255,255,.98) !important; text-decoration: none !important; font-weight: 800 !important; font-size: 14px !important; opacity: .92 !important; padding: 2px 0 !important; border-radius: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; position: relative !important; transition: opacity .15s ease, transform .15s ease !important; } /* Menü linkleri: yuvarlak ikon (bullet) */ body.dmz-portal .dmz-footer__link::before{ content: "" !important; width: 10px !important; height: 10px !important; border-radius: 999px !important; background: rgba(255,255,255,.70) !important; box-shadow: 0 0 0 3px rgba(255,255,255,.16) !important; flex: 0 0 10px !important; } body.dmz-portal .dmz-footer__link:hover{ opacity: 1 !important; transform: translateY(-1px) !important; } /* İnce kurumsal hover çizgisi */ body.dmz-portal .dmz-footer__link::after{ content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:-2px !important; height:2px !important; border-radius:999px !important; background: rgba(255,255,255,.60) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .18s ease !important; opacity: .9 !important; } body.dmz-portal .dmz-footer__link:hover::after{ transform: scaleX(1) !important; } body.dmz-portal .dmz-footer__link:focus-visible, body.dmz-portal .dmz-footer__value a:focus-visible, body.dmz-portal .dmz-footer__dobay:focus-visible{ outline: 2px solid rgba(255,255,255,.70) !important; outline-offset: 3px !important; border-radius: 10px !important; } body.dmz-portal .dmz-footer__contact{ display: grid !important; gap: 8px !important; } body.dmz-portal .dmz-footer__row{ display: grid !important; grid-template-columns: 132px 1fr !important; gap: 10px !important; align-items: start !important; font-size: 14px !important; line-height: 1.6 !important; } body.dmz-portal .dmz-footer__label{ font-weight: 900 !important; color: rgba(255,255,255,.95) !important; opacity: .95 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; } body.dmz-portal .dmz-footer__ico{ width: 22px !important; height: 22px !important; border-radius: 999px !important; background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.22) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 10px 24px rgba(0,0,0,.18) !important; flex: 0 0 22px !important; } body.dmz-portal .dmz-footer__ico .dmz-ico{ width: 14px !important; height: 14px !important; display: block !important; } body.dmz-portal .dmz-footer__colon{ margin-left: 2px !important; opacity: .9 !important; } body.dmz-portal .dmz-footer__value{ color: rgba(255,255,255,.92) !important; opacity: .98 !important; } body.dmz-portal .dmz-footer a:not(.dmz-footer__link):not(.dmz-footer__dobay), body.dmz-portal .dmz-footer__value a{ color: rgba(255,255,255,.98) !important; text-decoration: none !important; border: none !important; box-shadow: none !important; font-weight: 750 !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; } body.dmz-portal .dmz-footer__value a:visited{ color: rgba(255,255,255,.98) !important; } /* Ensure NO underline/border on contact & copyright links (do NOT touch pill borders) */ body.dmz-portal .dmz-footer__value a, body.dmz-portal .dmz-footer__value a:hover, body.dmz-portal .dmz-footer__value a:visited, body.dmz-portal .dmz-footer__dobay, body.dmz-portal .dmz-footer__dobay:hover, body.dmz-portal .dmz-footer__dobay:visited{ text-decoration: none !important; border: none !important; box-shadow: none !important; opacity: 1 !important; } body.dmz-portal .dmz-footer__copyright{ margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,.18) !important; font-weight: 850 !important; font-size: 14px !important; line-height: 1.7 !important; color: rgba(255,255,255,.98) !important; } body.dmz-portal .dmz-footer__dobay, body.dmz-portal .dmz-footer__dobay:visited{ font-weight: 900 !important; color: #fff !important; text-decoration: none !important; border-bottom: 0 !important; } body.dmz-portal .dmz-footer__dobay:hover{ color: #fff !important; text-decoration: none !important; border-bottom: 0 !important; } @media (max-width: 820px){ body.dmz-portal .dmz-footer__grid{ grid-template-columns: 1fr !important; } body.dmz-portal .dmz-footer__row{ display: grid !important; grid-template-columns: 132px 1fr !important; gap: 10px !important; align-items: start !important; font-size: 14px !important; line-height: 1.6 !important; } } @media (max-width: 420px){ body.dmz-portal .dmz-footer{ padding:44px 0 70px !important; width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; background: linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; border-top: 4px solid rgba(255,255,255,.25) !important; border-radius: 0 !important; } } /* Footer full-bleed fallback (works even when body class differs, e.g. wp-admin embed) */ /* ========================================================= CTA: Deneme Başvurusu (Paketler ↔ SSS arası) — 2026-02 A seçeneği: Inline SVG illüstrasyon (dış dosya yok) ========================================================= */ .dmz-cta-join{ position:relative; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:36px 0; background: radial-gradient(980px 520px at 12% 18%, rgba(201,52,127,.18), transparent 68%), radial-gradient(900px 520px at 88% 34%, rgba(88,60,160,.16), transparent 70%), radial-gradient(640px 420px at 55% 10%, rgba(255,255,255,.45), transparent 72%), linear-gradient(180deg, #dee1e7 0%, #e7eaf0 40%, #dee1e7 100%); border-top:0; border-bottom:0; overflow:hidden; } /* Soft transitions (üst/alt geçiş): çevre bölümlerle göz akışını bozmadan kaynaştırır */ .dmz-cta-join::before, .dmz-cta-join::after{ content:""; position:absolute; left:0; right:0; height:64px; pointer-events:none; z-index:0; } .dmz-cta-join::before{ top:0; background: linear-gradient(180deg, rgba(222,225,231,1) 0%, rgba(222,225,231,0) 100%); } .dmz-cta-join::after{ bottom:0; background: linear-gradient(0deg, rgba(222,225,231,1) 0%, rgba(222,225,231,0) 100%); } .dmz-cta-join__inner{ position:relative; z-index:1; max-width: var(--dmz-container-width, 1310px); margin-left:auto; margin-right:auto; padding-left:18px; padding-right:18px; } .dmz-cta-join__grid{ display:grid; grid-template-columns: 1.05fr .95fr; gap:18px; align-items:center; } .dmz-cta-join__grid--single{ grid-template-columns: 1fr; } .dmz-cta-join__copy{ max-width: 640px; } .dmz-cta-join__kicker{ margin:0 0 10px; font-weight:950; font-size:14px; letter-spacing:.12em; text-transform:uppercase; color: rgba(2,29,73,.72); } .dmz-cta-join__title{ margin:0 0 12px; font-weight:950; color:#0b1324; font-size: clamp(28px, 3.4vw, 44px); line-height:1.05; letter-spacing:-.03em; } .dmz-cta-join__desc{ margin:0 0 18px; color:#334155; font-size: var(--dmz-nav-font-mobile, 15px); line-height:1.6; max-width: 60ch; } .dmz-cta-join__actions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; } .dmz-cta-join__button{ box-shadow: 0 18px 55px rgba(2, 29, 73, .16); } .dmz-cta-join__art{ position:relative; display:flex; justify-content:flex-end; align-items:center; min-width:0; } .dmz-cta-join__artStage{ position:relative; width:min(100%, 440px); height:350px; min-height:350px; display:block; overflow:visible; flex:0 0 auto; } .dmz-cta-join__img{ position:absolute; left:50%; top:50%; width:440px; max-width:none; height:auto; display:block; object-fit:contain; transform:translate(-50%, -50%) scale(var(--dmz-cta-art-scale, 1)); transform-origin:center center; will-change:transform; filter:drop-shadow(0 24px 36px rgba(201,52,127,.16)); } .dmz-cta-join__svg{ width:min(700px, 100%); max-width: 720px; margin-left:auto; margin-right:auto; height:auto; display:block; } @media (max-width: 980px){ .dmz-cta-join{ padding:38px 0; } .dmz-cta-join__grid{ grid-template-columns: 1fr; text-align:center; } .dmz-cta-join__copy{ margin-left:auto; margin-right:auto; } .dmz-cta-join__desc{ margin-left:auto; margin-right:auto; } .dmz-cta-join__actions{ justify-content:center; } .dmz-cta-join__art{ justify-content:center; } .dmz-cta-join__artStage{ width:min(100%, 360px); height:300px; min-height:300px; } .dmz-cta-join__img{ width:min(420px, 82vw); } } .dmz-footer{ width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; border-radius: 0 !important; } /* ===== Mobile header alignment fix (logo left, menu right) ===== */ @media (max-width: 900px){ body.dmz-portal .dmz-head{ justify-content:space-between !important; } body.dmz-portal .dmz-brand{ min-width:0 !important; flex:1 1 auto !important; } body.dmz-portal .dmz-nav-toggle{ margin-left:auto !important; flex:0 0 auto !important; justify-content:flex-end !important; } body.dmz-portal .dmz-nav-btn{ margin-left:auto !important; } } /* ===== ADIM-1: Hızlı Tanıtım Litebox + Slider (mobile-safe) ===== */ .dmz-modal--quick .dmz-modal__dialog--quick{ width: min(1160px, 94vw) !important; max-width: 1160px !important; padding: 0 !important; overflow: hidden !important; border-radius: 24px !important; background: linear-gradient(180deg,#ffffff 0%, #fbfdff 100%) !important; } .dmz-modal--quick .dmz-modal__content{ padding: 18px !important; } .dmz-qdemo{display:flex;flex-direction:column;gap:14px} .dmz-qdemo__head{padding:4px 6px 0 6px;display:flex;flex-direction:column;gap:8px} .dmz-qdemo__kicker{font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px;opacity:.9;color:var(--dmz-primary)} .dmz-qdemo__h{font-weight:950;font-size:34px;line-height:1.08;color:#0b1324} .dmz-qdemo__p{color:rgba(15,23,42,.72);font-size:15px;line-height:1.5;max-width:62ch} /* Mini senaryo çipleri */ .dmz-qscenario{ margin: 10px 6px 6px; } .dmz-qscenario__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; } .dmz-qscenario__label{ font-weight: 900; font-size: 12px; letter-spacing: .3px; color: rgba(15, 23, 42, .75); } .dmz-qscenario__hint{ display:none; font-size: 12px; color: rgba(15, 23, 42, .45); } .dmz-qscenario__rail{ display:flex; gap:8px; overflow-x:auto; overflow-y:hidden; padding: 2px 2px 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .dmz-qscenario__rail::-webkit-scrollbar{ display:none; } .dmz-qscchip{ flex: 0 0 auto; border: 1px solid rgba(15, 23, 42, .10); background: rgba(255,255,255,.85); color: rgba(15, 23, 42, .75); border-radius: 999px; padding: 8px 10px; font-weight: 800; font-size: 12px; line-height: 1; cursor: pointer; user-select: none; transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease; } .dmz-qscchip:hover{ transform: translateY(-1px); box-shadow: 0 10px 30px rgba(2, 29, 73, .10); } .dmz-qscchip.is-active{ color: #fff; border-color: rgba(88, 16, 75, .0); background: linear-gradient(135deg, rgba(120, 30, 110, 1), rgba(88, 16, 75, 1)); box-shadow: 0 14px 40px rgba(120, 30, 110, .20); } .dmz-qscchip:disabled, .dmz-qscchip[aria-disabled="true"]{ opacity: .55; cursor: default; transform: none !important; box-shadow: none !important; } @media (max-width: 640px){ .dmz-qscenario{ margin: 10px 2px 4px; } .dmz-qscenario__hint{ display:block; } } .dmz-qdemo__grid{display:grid;grid-template-columns:1fr 1.12fr;gap:16px;align-items:stretch} .dmz-qdemo__left{display:flex;flex-direction:column;gap:12px;min-width:0} .dmz-qdemo__right{display:flex;flex-direction:column;gap:10px;min-width:0} .dmz-qsteps{display:flex;flex-direction:column;gap:10px} .dmz-qstep{display:flex;align-items:flex-start;gap:12px;padding:12px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.10);background:#fff;cursor:pointer;text-align:left;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease} .dmz-qstep:hover{transform:translateY(-1px);box-shadow:var(--dmz-shadow-soft)} .dmz-qstep.is-active{border-color:rgba(2,29,73,.28);box-shadow:0 14px 46px rgba(2,6,23,.14)} .dmz-qstep__n{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--dmz-primary),var(--dmz-primary2))} .dmz-qstep__tx{display:flex;flex-direction:column;gap:2px;min-width:0} .dmz-qstep__t{font-weight:950;color:#0b1324;font-size:15px;line-height:1.25} .dmz-qstep__s{font-size:13px;opacity:.72;line-height:1.35} .dmz-qpanels{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#f8fafc;overflow:hidden} .dmz-qpanel{display:none;padding:12px 14px} .dmz-qpanel.is-active{display:block} .dmz-qpanel ul{margin:0;padding-left:18px} .dmz-qpanel li{margin:8px 0;color:rgba(15,23,42,.82);line-height:1.45} .dmz-qdemo__actions{display:flex;gap:10px;flex-wrap:wrap} .dmz-qdemo__actions .dmz-demobtn{height:44px;border-radius:14px} .dmz-qslider{position:relative;border:1px solid rgba(15,23,42,.10);border-radius:20px;background:linear-gradient(180deg,#ffffff 0%, #f6f9ff 100%);overflow:hidden;min-height:340px;height:420px} .dmz-qslider__viewport{position:relative;width:100%;height:100%} .dmz-qslide{position:absolute;inset:0;opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .22s ease, transform .22s ease} .dmz-qslide.is-active{opacity:1;transform:translateX(0);pointer-events:auto} .dmz-qshot{width:100%;height:100%;padding:14px} .dmz-qshot img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px rgba(2,6,23,.16)} .dmz-qmock{height:100%;padding:14px;display:flex;flex-direction:column;gap:12px} .dmz-qmock__top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;font-weight:900;color:#0b1324} .dmz-qmock__top span:first-child{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dmz-qmock__top span:first-child{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dmz-qmock__pill{font-weight:900;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(2,29,73,.10);border:1px solid rgba(2,29,73,.12);color:rgba(2,29,73,.95)} .dmz-qmock__body{flex:1 1 auto;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);padding:12px;display:flex;flex-direction:column;gap:10px} .dmz-qmock__row{display:flex;flex-wrap:wrap;gap:8px} .dmz-qmock__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:900;font-size:13px;color:#0b1324} .dmz-qmock__btn--dark{background:linear-gradient(135deg,var(--dmz-primary),var(--dmz-primary2));border-color:rgba(255,255,255,.25);color:#fff} .dmz-qmock__btn--green{background:linear-gradient(135deg,#12b981,#16a34a);border-color:rgba(255,255,255,.25);color:#fff} .dmz-qmock__chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:14px;background:rgba(2,29,73,.08);border:1px solid rgba(2,29,73,.10);font-weight:900;font-size:12px} .dmz-qmock__bubble{margin-top:auto;padding:12px 12px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.10);color:rgba(15,23,42,.84);line-height:1.45} .dmz-qmock__form{display:grid;grid-template-columns:1fr 1fr;gap:10px} .dmz-qmock__field{padding:10px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:#fff;display:flex;flex-direction:column;gap:6px} .dmz-qmock__field span{font-weight:900;font-size:12px;opacity:.8} .dmz-qmock__field em{font-style:normal;font-weight:900;opacity:.72} .dmz-qmock__wabubble{padding:12px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.10);background:#fff;line-height:1.45;color:rgba(15,23,42,.84)} /* Quick Intro - Hazır Butonlar (tasarım mock) */ .dmz-qmock--buttons{height:100%;padding:14px;display:flex;flex-direction:column;gap:10px} .dmz-qadmin{height:100%;display:flex;flex-direction:column;gap:10px;min-height:0} .dmz-qadmin__tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(2,6,23,.08)} .dmz-qtab{font-weight:950;font-size:11px;line-height:1;padding:7px 9px;border-radius:10px;background:rgba(2,29,73,.06);border:1px solid rgba(2,29,73,.08);color:rgba(2,29,73,.92);white-space:nowrap} .dmz-qtab.is-active{background:linear-gradient(135deg,var(--dmz-primary),var(--dmz-primary2));border-color:rgba(255,255,255,.28);color:#fff;box-shadow:0 14px 42px rgba(2,6,23,.14)} .dmz-qadmin__panel{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr .95fr;gap:10px} .dmz-qadmin__col{display:flex;flex-direction:column;gap:10px;min-height:0} .dmz-qcard{border-radius:16px;border:1px solid rgba(15,23,42,.10);background:#fff;padding:12px;box-shadow:0 14px 46px rgba(2,6,23,.10)} .dmz-qcard--accent{background:linear-gradient(180deg,#ffffff 0%, rgba(2,29,73,.05) 100%)} .dmz-qcard__h{font-weight:950;color:#0b1324;font-size:13px;margin:0 0 8px} .dmz-qchips{display:flex;flex-wrap:wrap;gap:8px} .dmz-qchip{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:950;font-size:12px;color:#0b1324} .dmz-qchip.is-on{background:linear-gradient(135deg,var(--dmz-primary),var(--dmz-primary2));border-color:rgba(255,255,255,.25);color:#fff} .dmz-qmuted{margin-top:8px;font-size:12px;opacity:.72;line-height:1.35} .dmz-qtog{display:flex;flex-direction:column;gap:8px} .dmz-qtog__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:rgba(2,29,73,.04)} .dmz-qtog__row span{font-weight:950;font-size:12px;color:#0b1324;opacity:.9} .dmz-qtog__row em{font-style:normal;font-weight:950;font-size:11px;padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.10);border:1px solid rgba(15,23,42,.12);opacity:.92} .dmz-qtog__row em.on{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.25);color:#065f46} .dmz-qlist{display:flex;flex-direction:column;gap:8px} .dmz-qitem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.10);background:#fff} .dmz-qitem span{font-weight:950;font-size:12px;color:#0b1324} .dmz-qitem em{font-style:normal;font-weight:950;font-size:11px;opacity:.74} .dmz-qadmin__preview{min-height:0;display:flex} .dmz-qphone{flex:1 1 auto;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);overflow:hidden;box-shadow:0 18px 54px rgba(2,6,23,.14);display:flex;flex-direction:column} .dmz-qphone__top{display:flex;align-items:center;gap:6px;padding:10px 10px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92)} .dmz-qdot3{width:7px;height:7px;border-radius:999px;background:rgba(15,23,42,.28)} .dmz-qphone__title{margin-left:auto;font-weight:950;font-size:11px;opacity:.72} .dmz-qphone__body{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0} .dmz-qbubble{padding:10px 10px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.10);font-size:12px;line-height:1.4;color:rgba(15,23,42,.84)} .dmz-qbuttons{display:flex;flex-wrap:wrap;gap:8px} .dmz-qbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:950;font-size:12px;color:#0b1324} .dmz-qchips2{display:flex;flex-wrap:wrap;gap:8px} .dmz-qchip2{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:14px;background:rgba(2,29,73,.08);border:1px solid rgba(2,29,73,.10);font-weight:950;font-size:12px;color:#0b1324} .dmz-qcta{margin-top:auto;text-align:center;font-weight:950;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#12b981,#16a34a);border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 16px 46px rgba(2,6,23,.12)} @media (max-width: 900px){ .dmz-qadmin__panel{grid-template-columns:1fr} .dmz-qadmin__preview{min-height:180px} } /* Bir tık daha canlı: aktif adım ve slider vurgu */ .dmz-qstep.is-active{background:linear-gradient(180deg, rgba(2,29,73,.06) 0%, #ffffff 52%);border-color:rgba(2,29,73,.30)} .dmz-qstep.is-active .dmz-qstep__n{animation:dmz-q-pop .20s ease} @keyframes dmz-q-pop{0%{transform:scale(.92)}100%{transform:scale(1)}} .dmz-qslider:before{content:"";position:absolute;inset:-2px -2px auto -2px;height:120px;background:radial-gradient(closest-side, rgba(2,29,73,.14), rgba(2,29,73,0));pointer-events:none} .dmz-qdot.is-active{transform:scale(1.15)} .dmz-qslider__nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.92);cursor:pointer;font-weight:950;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:var(--dmz-shadow-soft)} .dmz-qslider__prev{left:12px} .dmz-qslider__next{right:12px} .dmz-qslider__nav:hover{transform:translateY(-50%) scale(1.03)} .dmz-qslider__dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.90)} .dmz-qdot{width:10px;height:10px;border-radius:999px;border:0;background:rgba(15,23,42,.20);cursor:pointer} .dmz-qdot.is-active{background:linear-gradient(135deg,var(--dmz-primary),var(--dmz-primary2))} .dmz-qflowbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap} .dmz-qflowbar__chip{font-weight:950;font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#fff;color:#0b1324} .dmz-qflowbar__arr{opacity:.55;font-weight:950} /* Mobilde içerik uzun olduğunda kullanıcıya kaydırma ipucu */ .dmz-qscrollnote{display:none;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;padding:10px 12px;border-radius:999px;border:1px dashed rgba(2,29,73,.22);background:rgba(255,255,255,.72);color:rgba(2,29,73,.95);font-weight:950;font-size:12px;line-height:1} .dmz-qscrollnote span{display:inline-block;animation:dmz-scroll-bounce 1.2s ease-in-out infinite} @keyframes dmz-scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}} @media (max-width: 900px){ .dmz-qdemo__grid{grid-template-columns:1fr} /* Mobilde sağdaki anlatım/görsel üstte görünsün (masaüstü hissi) */ .dmz-qdemo__right{order:-1} .dmz-qdemo__left{order:1} /* Slider mobilde daralmasın: aktif slayt içerik yüksekliğine göre uzasın */ .dmz-qslider{height:auto;min-height:0;max-height:none;padding-bottom:58px} .dmz-qslider__viewport{height:auto} .dmz-qslide{position:relative;inset:auto;display:none;opacity:1;transform:none;pointer-events:auto} .dmz-qslide.is-active{display:block} .dmz-qslider__nav{top:120px;transform:none} .dmz-qslider__nav:hover{transform:none} /* Hazır Butonlar mock'u mobilde daha anlaşılır: önce “Canlı önizleme” */ .dmz-qadmin__panel{display:flex;flex-direction:column;gap:10px} .dmz-qadmin__preview{order:-1;min-height:auto} .dmz-qphone{min-height:260px} /* Adım butonları: alt alta (tek kolon) */ .dmz-qsteps{flex-direction:column} .dmz-qstep{flex:0 0 auto;align-items:flex-start} .dmz-qstep__tx{gap:2px} .dmz-qstep__s{display:none} /* Önizleme içindeki küçük butonlar da mobilde alt alta daha okunaklı */ .dmz-qbuttons{flex-direction:column;align-items:stretch} .dmz-qbtn{width:100%;justify-content:flex-start} } @media (max-width: 640px){ .dmz-qscrollnote{display:flex} /* QUICK (Hızlı Tanıtım) – full-screen + %100 mobil uyum (iOS/Android) */ .dmz-modal--quick{ padding: 0 !important; align-items: stretch !important; justify-content: stretch !important; } .dmz-modal--quick .dmz-modal__dialog--quick{ width: 100vw !important; max-width: 100vw !important; /* iOS/Android tarayıcıları için güvenli fullscreen */ height: 100vh !important; max-height: 100vh !important; height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important; padding: 0 !important; overflow: hidden !important; } .dmz-modal--quick .dmz-modal__content{ height: 100%; overflow: auto; /* Alttaki boşluğu azalt (gerekirse içerik kendi içinde scroll olur) */ padding: 14px 12px calc(14px + env(safe-area-inset-bottom)) !important; } .dmz-modal--quick .dmz-modal__close{ width: 44px; height: 44px; border-radius: 14px; top: calc(10px + env(safe-area-inset-top)); right: 10px; background: rgba(255,255,255,.96); border: 1px solid rgba(148,163,184,.35); box-shadow: 0 10px 26px rgba(2,6,23,.18); } .dmz-qdemo__h{font-size: 24px} .dmz-qdemo__p{font-size: 14px} .dmz-qslider__nav{width:42px;height:42px;border-radius:14px} /* Mobilde aksiyonlar her zaman görünür kalsın */ .dmz-qdemo__actions{ position: sticky; bottom: 0; margin-top: 10px; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.96) 30%); backdrop-filter: blur(8px); } } /* ============================ ADIM-2 (Fix): Canlı Özet drawer (tasarım bozulmadan) ============================ */ .dmz-demo2__icon--sum{ background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.18); } .dmz-demo2__icon--sum:hover{ background: rgba(255,255,255,.18); } /* WhatsApp mesajı sekmesi: sadece mesaj + aksiyonlar */ .dmz-sumdrawer.is-wa-only .dmz-sum__rows{ display:none; } .dmz-sumdrawer.is-wa-only .dmz-sum__sub{ display:none; } .dmz-sumdrawer.is-wa-only .dmz-sum__msgLabel{ font-weight:900; } .dmz-sumdrawer.is-wa-only .dmz-sum__msg{ font-size: 14px; line-height: 1.55; } .dmz-sumdrawer{ position: fixed; inset: 0; z-index: 2147483646; display: none; } .dmz-sumdrawer.is-open{ display: block; } .dmz-sumdrawer__backdrop{ position: absolute; inset: 0; background: rgba(2,6,23,.45); backdrop-filter: blur(2px); } .dmz-sumdrawer__panel{ position: absolute; top: 0; right: 0; width: 420px; max-width: 92vw; height: 100%; background: #f6f8fc; border-left: 1px solid rgba(148,163,184,.25); box-shadow: -22px 0 70px rgba(2,6,23,.35); padding: 14px 14px calc(14px + env(safe-area-inset-bottom)); overflow: auto; transform: translateX(110%); transition: transform .22s ease; } .dmz-sumdrawer.is-open .dmz-sumdrawer__panel{ transform: translateX(0); } .dmz-sumdrawer__top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; padding: 4px 2px 12px; } .dmz-sumdrawer__ttl{ font-size: 14px; font-weight: 800; letter-spacing: .2px; color: #0f172a; } .dmz-sumdrawer__sub{ font-size: 12px; color: #64748b; margin-top: 2px; } .dmz-sumdrawer__close{ width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(148,163,184,.35); background: rgba(255,255,255,.7); color: #0f172a; cursor: pointer; font-size: 20px; line-height: 1; } .dmz-sumdrawer__close:hover{ background: rgba(255,255,255,.95); } @media (max-width: 720px){ /* drawer tab bar için alttan boşluk bırak */ .dmz-sumdrawer{ inset: 0 0 calc(88px + env(safe-area-inset-bottom)) 0; } .dmz-sumdrawer__panel{ width: 100vw; max-width: 100vw; border-left: none; border-radius: 0; } } /* Summary card (reused) */ .dmz-sum__card{ background: rgba(255,255,255,.92); border: 1px solid rgba(148,163,184,.25); border-radius: 18px; padding: 14px; box-shadow: 0 18px 50px rgba(2,6,23,.08); } .dmz-sum__head{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; margin-bottom: 10px; } .dmz-sum__title{ font-size: 14px; font-weight: 900; color: #0f172a; line-height: 1.2; } .dmz-sum__sub{ font-size: 12px; color: #64748b; margin-top: 2px; } .dmz-sum__pill{ font-size: 12px; font-weight: 900; padding: 6px 10px; border-radius: 999px; color: #0f172a; background: rgba(99,102,241,.12); border: 1px solid rgba(99,102,241,.22); } .dmz-sum__rows{ display:grid; gap: 10px; margin: 10px 0 12px; } .dmz-sum__row{ display:grid; grid-template-columns: 92px 1fr; gap: 10px; align-items:start; } .dmz-sum__k{ font-size: 11px; letter-spacing:.2px; text-transform: uppercase; color: #64748b; } .dmz-sum__v{ font-size: 13px; color: #0f172a; font-weight: 700; } .dmz-sum__v--tags{ display:flex; flex-wrap:wrap; gap: 8px; } .dmz-sum__tag{ display:inline-flex; align-items:center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; color: #64748b; background: rgba(148,163,184,.12); border: 1px solid rgba(148,163,184,.25); } .dmz-sum__tag.is-on{ color: #0f172a; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.25); } .dmz-sum__v--stack{ display:flex; flex-direction:column; gap: 6px; } .dmz-sum__mini{ font-size: 12px; color: #0f172a; font-weight: 800; } .dmz-sum__mini span{ color: #64748b; font-weight: 700; } .dmz-sum__msgWrap{ margin-top: 10px; background: rgba(241,245,249,.75); border: 1px solid rgba(148,163,184,.25); border-radius: 14px; padding: 10px; } .dmz-sum__msgLabel{ font-size: 11px; color: #64748b; font-weight: 800; margin-bottom: 6px; } .dmz-sum__msg{ white-space: pre-line; font-size: 13px; color: #0f172a; line-height: 1.35; } .dmz-sum__btns{ display:flex; gap: 10px; margin-top: 12px; } .dmz-sum__btn{ flex: 1; border-radius: 14px; border: 1px solid rgba(148,163,184,.35); background: rgba(255,255,255,.85); padding: 10px 12px; font-weight: 900; font-size: 13px; cursor:pointer; text-align:center; color: #0f172a; } .dmz-sum__btn:hover{ background: rgba(255,255,255,.98); } .dmz-sum__btn--primary{ border-color: rgba(99,102,241,.28); background: rgba(99,102,241,.12); text-decoration:none; display:inline-flex; align-items:center; justify-content:center; } .dmz-sum__btn--primary:hover{ background: rgba(99,102,241,.18); } .dmz-sum__hint{ margin-top: 10px; font-size: 11px; color: #64748b; } /* --- Hızlı Tanıtım: Senaryoya göre AI sohbet kutusu --- */ .dmz-qai{ margin-top: 12px; padding: 12px; border-radius: 16px; border: 1px solid rgba(15,23,42,.10); background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92)); box-shadow: 0 12px 26px rgba(2,6,23,.06); } .dmz-qai__h{ display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 8px; color:#0f172a; font-weight: 950; font-size: 13px; } .dmz-qai__tag{ font-size: 12px; font-weight: 950; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(2,29,73,.14); background: rgba(2,29,73,.06); color: rgba(2,29,73,.98); white-space: nowrap; } .dmz-qai__chat{ display:flex; flex-direction:column; gap: 8px; } .dmz-qai__msg{ max-width: 92%; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(15,23,42,.10); background: rgba(255,255,255,.92); color: rgba(15,23,42,.88); font-size: 13px; line-height: 1.45; } .dmz-qai__msg--u{ align-self:flex-end; background: rgba(109,40,217,.06); border-color: rgba(109,40,217,.16); } .dmz-qai__meta{ font-size: 11px; font-weight: 950; opacity: .55; margin-bottom: 4px; } /* Sağ önizleme: teklif adımında mini AI etkileşimi (canlı demo hissi) */ .dmz-qmock__chat{ margin-bottom: 10px; display: grid; gap: 8px; } .dmz-qmock__typing{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 14px; border: 1px dashed rgba(2,29,73,.20); background: rgba(255,255,255,.82); color: rgba(2,29,73,.92); font-weight: 900; font-size: 12px; line-height: 1.15; } .dmz-qmock__typingtext{ opacity: .85; } .dmz-qmock__dots{ display:inline-flex; gap:4px; transform: translateY(1px); } .dmz-qmock__dots i{ width: 5px; height: 5px; border-radius: 999px; background: rgba(2,29,73,.65); display: inline-block; animation: dmzDots 1.1s infinite ease-in-out; } .dmz-qmock__dots i:nth-child(2){ animation-delay: .12s; } .dmz-qmock__dots i:nth-child(3){ animation-delay: .24s; } @keyframes dmzDots{ 0%, 80%, 100%{ transform: translateY(0); opacity: .35; } 40%{ transform: translateY(-3px); opacity: .95; } } .dmz-qmock__bubble{ padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(2,29,73,.12); background: rgba(255,255,255,.86); color: rgba(2,29,73,.96); font-weight: 900; font-size: 12px; line-height: 1.35; opacity: 0; transform: translateY(4px); transition: opacity .22s ease, transform .22s ease; } .dmz-qmock__bubble.is-show{ opacity: 1; transform: translateY(0); } .dmz-qmock__bubble--u{ background: rgba(109,40,217,.06); border-color: rgba(109,40,217,.16); color: rgba(15,23,42,.92); } .dmz-qmock__meta{ display:inline-flex; align-items:center; justify-content:center; padding: 4px 8px; border-radius: 999px; background: rgba(2,29,73,.08); color: rgba(2,29,73,.85); font-weight: 950; font-size: 10px; line-height: 1; margin-right: 8px; } .dmz-qmock__bubble--u .dmz-qmock__meta{ background: rgba(109,40,217,.10); color: rgba(109,40,217,.85); } .dmz-qmock__txt{ display:inline; } @media (max-width: 980px){ .dmz-qai{ box-shadow: 0 10px 22px rgba(2,6,23,.05); } .dmz-qai__msg{ max-width: 96%; } } /* --- Legal Litebox (Gizlilik/KVKK/Çerez/Şartlar/Sözleşme/e‑Fatura) --- */ .dmz-footer__legal{ margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; opacity: .92; } .dmz-footer__legal a{ color: rgba(255,255,255,.98); font-weight: 950; text-decoration: none; } .dmz-footer__legal a:hover{ opacity: 1; } .dmz-modal--legal{z-index:2147483647!important}.dmz-checkout-open .dmz-modal--legal.is-open,.dmz-checkout-open body .dmz-modal--legal.is-open{display:flex!important}.dmz-modal--legal .dmz-modal__dialog{ max-width: 980px; /* Keep header & close button visible; scroll only inside body when needed */ overflow: hidden; display: flex; flex-direction: column; max-height: 92vh; } .dmz-legal{ display: flex; flex-direction: column; gap: 10px; flex: 1; min-height: 0; } .dmz-legal__title{ font-size: 18px; font-weight: 950; letter-spacing: -.01em; color: rgba(15,23,42,.92); } .dmz-legal__body{ /* Body scroll appears only when content exceeds available height */ flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding-right: 6px; color: rgba(15,23,42,.84); font-size: 14px; line-height: 1.6; } .dmz-legal__body p{ margin: 0 0 12px; } .dmz-legal__body ul{ margin: 0 0 12px 18px; } .dmz-legal__body li{ margin: 0 0 6px; } @media (max-width: 640px){ .dmz-modal--legal .dmz-modal__dialog{ max-height: 94vh; } .dmz-legal__title{ font-size: 16px; } .dmz-legal__body{ font-size: 13.5px; } } /* ========================== Premium Paket — Fiyatlandırma (Aylık/Yıllık + Ne dahil) (Sadece Premium / Tüm Modüller + Otomasyon kartında görünür) ========================== */ .dmz-premium-pricerow{display:flex;align-items:stretch;gap:12px;margin:0 0 12px} .dmz-premium-pricebox{flex:1;border:1px solid rgba(15,23,42,.10);background:rgba(248,250,252,.9);border-radius:16px;padding:12px;box-shadow:0 10px 26px rgba(2,6,23,.06)} .dmz-bill-toggle{ display:inline-flex; align-items:center; gap:4px; padding:3px; border:1px solid rgba(2,29,73,.14); border-radius:999px; background:rgba(2,29,73,.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.65); user-select:none; } .dmz-bill-btn{ appearance:none; border:0; background:transparent; padding:8px 14px; border-radius:999px; font-weight:900; font-size:12px; cursor:pointer; color:#0b1324; line-height:1; transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease; } .dmz-bill-btn:hover{ background:rgba(255,255,255,.78); } .dmz-bill-btn:focus-visible{ outline:0; box-shadow:0 0 0 3px rgba(2,29,73,.22); } .dmz-bill-btn.is-active{ background:#021d49; color:#fff; box-shadow:0 10px 20px rgba(2,29,73,.22); transform:translateY(-.5px); } .dmz-bill-btn.is-active:focus-visible{ box-shadow:0 0 0 3px rgba(2,29,73,.30), 0 10px 20px rgba(2,29,73,.22); } .dmz-premium-amount{display:flex;align-items:baseline;gap:6px;margin-top:10px;font-size:28px;font-weight:900;color:#0b1324;letter-spacing:-.02em} .dmz-premium-currency{font-size:13px;font-weight:900;opacity:.9} .dmz-premium-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px} .dmz-premium-period{font-weight:800;font-size:12px;color:#475569} .dmz-premium-save{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(2,29,73,.08);border:1px solid rgba(2,29,73,.10);color:#0b1324;font-weight:800;font-size:12px} .dmz-premium-cpt{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.10);border-radius:12px;background:#fff;color:#0b1324;font-size:13px} .dmz-premium-cpt input{width:16px;height:16px} .dmz-premium-cpt__label{font-weight:900} .dmz-premium-cpt__price{margin-left:auto;font-weight:900;opacity:.78} .dmz-premium-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#0b1324;font-size:13px} .dmz-premium-vat{font-weight:900;font-size:12px;color:#475569;white-space:nowrap} .dmz-premium-kdvnote{margin-top:8px;font-size:12px;color:#64748b} .dmz-premium-old{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px} .dmz-premium-old__label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7c6a82} .dmz-premium-old__value{font-size:15px;font-weight:900;color:#8b7a93;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(193,24,91,.42)} .dmz-premium-includes{width:260px;min-width:220px;border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:16px;padding:12px;box-shadow:0 10px 26px rgba(2,6,23,.06)} .dmz-premium-includes__title{margin:0 0 10px;font-weight:900;font-size:13px;color:#0b1324} .dmz-premium-includes__list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .dmz-premium-includes__list li{position:relative;padding-left:22px;font-size:13px;font-weight:800;color:#334155;line-height:1.25} .dmz-premium-includes__list li:before{content:"✓";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(2,29,73,.10);color:#021d49;font-weight:900;font-size:12px} @media (max-width: 520px){ .dmz-premium-pricerow{flex-direction:column} .dmz-premium-includes{width:100%;min-width:0} } /* Premium paket - ne dahil + fiyat (alt blok) */ .dmz-premium-bottom{ margin-top:14px; border:1px solid rgba(191,205,224,.55); background:linear-gradient(180deg,#fbfdff 0%,#f7f9ff 100%); border-radius:20px; padding:14px; box-shadow:0 16px 36px rgba(2,6,23,.08); } .dmz-premium-bottom__title{ margin:0 0 12px; font-weight:900; font-size:14px; color:#10213f; letter-spacing:-.02em; } .dmz-premium-bottom__list{ list-style:none; margin:0 0 14px; padding:0; display:grid; gap:9px; } .dmz-premium-bottom__list li{ position:relative; padding-left:24px; font-size:13px; font-weight:800; color:#334155; line-height:1.35; } .dmz-premium-bottom__list li:before{ content:"✓"; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(2,29,73,.12),rgba(193,24,91,.12)); color:#021d49; font-weight:900; font-size:11px; box-shadow:inset 0 0 0 1px rgba(2,29,73,.10); } .dmz-premium-bottom__pricing{ display:flex; flex-direction:column; gap:10px; padding:16px 16px 14px; border-radius:18px; background: radial-gradient(circle at 18% 14%, rgba(255,255,255,.20), transparent 28%), radial-gradient(circle at 86% 82%, rgba(255,255,255,.14), transparent 34%), linear-gradient(135deg,#6c1a72 0%,#8d1b6b 40%,#a21863 72%,#c1185b 100%); border:1px solid rgba(255,255,255,.16); box-shadow:0 22px 44px rgba(108,26,114,.24); position:relative; overflow:hidden; color:#fff; } .dmz-premium-bottom__pricing:before{ content:"Premium teklif"; position:absolute; right:14px; top:12px; display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.20); color:rgba(255,255,255,.94); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 8px 18px rgba(74,10,63,.18); } .dmz-premium-bottom__pricing:after{ content:""; position:absolute; inset:auto -90px -90px auto; width:220px; height:220px; border-radius:999px; background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%); pointer-events:none; } .dmz-premium-bottom__pricing .dmz-bill-toggle{ align-self:flex-start; position:relative; z-index:1; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 20px rgba(84,13,75,.12); } .dmz-premium-bottom__pricing .dmz-bill-btn{color:rgba(255,255,255,.88)} .dmz-premium-bottom__pricing .dmz-bill-btn:hover{background:rgba(255,255,255,.12);color:#fff} .dmz-premium-bottom__pricing .dmz-bill-btn.is-active{background:#fff;color:#6c1a72;box-shadow:0 12px 24px rgba(84,13,75,.20)} .dmz-premium-bottom__pricing .dmz-premium-old{margin-top:12px;position:relative;z-index:1} .dmz-premium-bottom__pricing .dmz-premium-old__label{color:rgba(255,255,255,.76)} .dmz-premium-bottom__pricing .dmz-premium-old__value{font-size:16px;color:rgba(255,255,255,.74);text-decoration-color:rgba(255,255,255,.54)} .dmz-premium-bottom__pricing .dmz-premium-amount{ margin-top:2px; font-size:42px; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; color:#fff; position:relative; z-index:1; text-shadow:0 10px 20px rgba(74,10,63,.14); } .dmz-premium-bottom__pricing .dmz-premium-currency{font-size:15px;color:rgba(255,255,255,.86)} .dmz-premium-bottom__pricing .dmz-premium-meta{margin-top:0;position:relative;z-index:1} .dmz-premium-bottom__pricing .dmz-premium-period{color:rgba(255,255,255,.86);font-size:13px} .dmz-premium-bottom__pricing .dmz-premium-save{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:0 8px 16px rgba(84,13,75,.12)} .dmz-premium-bottom__pricing .dmz-premium-kdvnote{margin-top:2px;color:rgba(255,255,255,.82);font-size:12px;position:relative;z-index:1} @media (max-width: 520px){ .dmz-premium-bottom{padding:12px} .dmz-premium-bottom__pricing{padding:14px 14px 12px} .dmz-premium-bottom__pricing:before{right:12px;top:10px;font-size:9px;padding:5px 8px} .dmz-premium-bottom__pricing .dmz-premium-amount{font-size:36px;} } /* ===================== Konsept 2 (Modern v2): "Sohbet aracı" ↔ "Kişisel asistan" anlatımı - "chatbot/bot" ifadesi kullanılmaz (UI metinlerinde) ===================== */ .dmz-asstcmp__pill{ border-color: rgba(2,29,73,.18); background: linear-gradient(180deg, rgba(2,29,73,.06), rgba(14,165,233,.10)); box-shadow: 0 10px 24px rgba(2,29,73,.06); } .dmz-asstcmp__title{font-size:20px; line-height:1.22; letter-spacing:-.015em;} .dmz-asstcmp__sub{font-size:13.5px;} .dmz-asstcmp__row{ border-color: rgba(226,232,240,.88); background: rgba(255,255,255,.74); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease; } .dmz-asstcmp__row:hover{ transform: translateY(-1px); box-shadow: var(--dmz-shadow-soft); border-color: rgba(2,29,73,.18); background: rgba(255,255,255,.88); } .dmz-asstcmp__side--bot{ padding:10px 12px; border-radius:12px; background: rgba(15,23,42,.02); border: 1px solid rgba(226,232,240,.95); } .dmz-asstcmp__side--asst{ padding:10px 12px; border-radius:12px; background: linear-gradient(180deg, rgba(2,29,73,.03), rgba(14,165,233,.07)); border: 1px solid rgba(14,165,233,.18); } .dmz-asstcmp__ico{ border-color: rgba(2,29,73,.18); background: linear-gradient(180deg, rgba(2,29,73,.08), rgba(14,165,233,.12)); } @supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){ .dmz-asstcmp__row{ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } } @media (max-width: 900px){ .dmz-asstcmp__side--bot, .dmz-asstcmp__side--asst{padding:10px 10px;} } /* ========================================================= Portal (Sticky Header Toggle + Modern CTA) - 2026-02-20 ========================================================= */ /* Modern "Ücretsiz deneme" CTA */ body.dmz-portal .dmz-head-cta{ position:relative; overflow:hidden; padding:12px 16px; border-radius:999px; font-weight:800; letter-spacing:.2px; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)); color:#5b0f4d; border:1px solid rgba(255,255,255,.42); box-shadow:0 16px 40px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.75); transition: transform .16s ease, box-shadow .16s ease, filter .16s ease; } body.dmz-portal .dmz-head-cta::after{ content:""; position:absolute; inset:-60% -40%; background:radial-gradient(circle at 30% 30%, rgba(194,24,91,.22), rgba(14,165,233,.16), rgba(255,255,255,0) 55%); transform: rotate(18deg); opacity:.95; pointer-events:none; } body.dmz-portal .dmz-head-cta > *{ position:relative; z-index:1; } body.dmz-portal .dmz-head-cta:hover{ transform: translateY(-1px); box-shadow:0 22px 54px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.80); filter:saturate(1.05); } body.dmz-portal .dmz-head-cta:active{ transform: translateY(0); box-shadow:0 12px 26px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.75); filter:saturate(1); } body.dmz-portal .dmz-head-cta .dmz-ico{ width:18px; height:18px; } /* Mobile: CTA satır altına iner, tam genişlikte okunaklı olur */ @media (max-width: 900px){ body.dmz-portal .dmz-head{ flex-wrap:wrap !important; gap:10px !important; padding:14px 16px !important; } body.dmz-portal .dmz-brand{ flex:1 1 auto !important; min-width:220px; } body.dmz-portal .dmz-nav-toggle{ margin-left:auto !important; } body.dmz-portal .dmz-head-cta{ display:inline-flex !important; /* önceki display:none override */ width:100% !important; justify-content:center !important; margin-top:6px !important; padding:12px 14px !important; font-size:14px !important; } } /* Admin'den sticky kapatıldığında */ body.dmz-portal.dmz-sticky-off .dmz-head{ position:relative !important; top:auto !important; } body.dmz-portal.dmz-sticky-off .dmz-head.is-stuck{ box-shadow:none !important; } @media (max-width: 900px){ body.dmz-portal.dmz-sticky-off .dmz-nav-panel{ padding:calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top) + 10px) 12px 14px !important; } } /* ========================================================== HOTFIX v1.0 — Sticky Header + WP Admin Bar + Overflow - Sticky (position:sticky) fails if any ancestor has overflow != visible. - WP admin bar can overlap because portal CSS resets html margin. - Fix without breaking responsive/mobile layout. ========================================================== */ /* 1) Keep horizontal overflow control only on root; let portal wrappers stay visible (sticky can work) */ body.dmz-portal .dmz-wrap, body.dmz-portal .dmz-stage, body.dmz-portal .dmz-card{ overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* 2) Admin bar overlap: push portal content below #wpadminbar (desktop+mobile) NOTE: top offset on sticky header alone is NOT enough at scrollTop=0. */ body.dmz-portal.admin-bar .dmz-wrap{ /* preserve existing padding-left/right/bottom (set elsewhere); only ensure top space */ padding-top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* 3) Sticky header should always respect admin bar + safe-area when stuck */ body.dmz-portal .dmz-head{ top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* 4) When sticky is OFF, keep header visible below admin bar as well */ body.dmz-portal.dmz-sticky-off .dmz-head{ top: auto !important; } /* ========================================================== HOTFIX v1.1 — Sticky Header + WP Admin Bar + Overflow - Sticky (position: sticky) fails if any ancestor has overflow != visible. - WP admin bar can overlap because portal CSS resets html margin. - Fix without breaking responsive/mobile layout. ========================================================== */ /* 1) Keep horizontal overflow control ONLY at document level */ html, body{ overflow-x: clip !important; } /* 2) Make sure portal wrappers do NOT become scroll containers (sticky needs this) */ body.dmz-portal .dmz-wrap, body.dmz-portal .dmz-stage, body.dmz-portal .dmz-card{ overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* 3) WP admin bar overlap: push portal down by admin bar height */ body.dmz-portal.admin-bar .dmz-wrap{ padding-top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* 4) Ensure sticky top offset always accounts for admin bar + safe area */ body.dmz-portal .dmz-head{ top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* 5) When sticky is disabled, still respect admin bar spacing */ body.dmz-portal.dmz-sticky-off .dmz-head{ top: auto !important; } /* ========================================================== HOTFIX v1.1 — Sticky Header + WP Admin Bar + Overflow - Sticky (position: sticky) fails if any ancestor has overflow != visible. - WP admin bar can overlap because portal CSS resets html margin. - Fix without breaking responsive/mobile layout. ========================================================== */ /* (A) Admin bar varsa içerik, barın altından başlasın (scroll'da da stabil kalsın) */ body.dmz-portal.admin-bar .dmz-wrap{ /* .dmz-wrap bazı modlarda padding:0; olduğu için sadece üstten ekliyoruz */ padding-top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* (B) Sticky header'ın üst offseti admin bar + safe-area kadar olsun */ body.dmz-portal .dmz-head{ top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* (C) Sticky'nin çalışması için wrapper'larda overflow görünür olmalı */ body.dmz-portal .dmz-wrap, body.dmz-portal .dmz-stage, body.dmz-portal .dmz-card{ overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* (D) Kapatıldığında admin bar padding'i korunur ama header sticky olmaz */ body.dmz-portal.dmz-sticky-off .dmz-head{ position: relative !important; } /* ========================================================== HOTFIX v1.1 — Sticky Header + WP Admin Bar + Overflow ========================================================== */ /* Admin bar görünürken içerik barın altına girmesin */ body.dmz-portal.admin-bar .dmz-wrap{ padding-top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* Sticky, overflow != visible olan parent’larda çalışmayabilir. Overflow kontrolü html/body’de kalsın; portal sarmalayıcıları visible olsun. */ body.dmz-portal .dmz-wrap, body.dmz-portal .dmz-stage, body.dmz-portal .dmz-card{ overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* Sticky header her durumda admin bar + safe-area kadar aşağıdan başlasın */ body.dmz-portal .dmz-head{ top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* Yan kaymayı yine engelle */ html, body.dmz-portal{ overflow-x: clip !important; } /* ========================================================== HOTFIX v1.1 — Sticky Header + WP Admin Bar + Overflow ========================================================== */ /* Admin bar görünürken içerik barın altına girmesin */ body.dmz-portal.admin-bar .dmz-wrap{ padding-top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* Sticky, overflow != visible olan parent’larda çalışmaz. Bu yüzden portal wrapper’larında overflow’u visible’a çekiyoruz. */ body.dmz-portal .dmz-wrap, body.dmz-portal .dmz-stage, body.dmz-portal .dmz-card{ overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* Sticky header/top offset: admin bar + safe area */ body.dmz-portal .dmz-head{ top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; } /* Yatay taşmayı yalnızca root seviyesinde kırp */ html, body{ overflow-x: clip !important; } /* ========================================================== Sticky Header: Fixed-mode helper (theme-safe) - dmz-sticky-fixed class is added by JS when sticky is enabled. ========================================================== */ body.dmz-portal.dmz-sticky-fixed .dmz-head{ position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; } body.dmz-portal.dmz-sticky-fixed .dmz-stage{ padding-top: var(--dmz-head-h, 86px) !important; } /* ===================================================================== PATCH 2026-02-21 — Premium Sticky Header Menu (FINAL OVERRIDE) Notes: - Tablet widths (901–1024) used to show desktop segmented nav, causing wrapping/overflow. We switch to hamburger + overlay earlier. - Desktop segmented nav becomes single-line with safe horizontal scroll so it never overlaps brand/CTA. - Micro-interactions: burger → X animation, compact sticky header. ===================================================================== */ /* 1) Desktop segmented nav: never wrap; allow safe horizontal scroll if needed */ @media (min-width: 1025px){ body.dmz-portal .dmz-head > .dmz-nav{ flex-wrap: nowrap !important; white-space: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; max-width: min(760px, calc(100% - 520px)) !important; padding: 6px 10px !important; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important; mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important; } body.dmz-portal .dmz-head > .dmz-nav::-webkit-scrollbar{display:none !important;} body.dmz-portal .dmz-head > .dmz-nav .dmz-nav-item{flex: 0 0 auto !important;} } /* 2) Tablet/mobile premium breakpoint: use hamburger up to 1024px */ @media (max-width: 1024px){ /* Hide desktop segmented nav in header, show hamburger */ body.dmz-portal .dmz-head > .dmz-nav{display:none !important;} body.dmz-portal .dmz-nav-toggle{display:flex !important;} /* Reduce header crowding */ body.dmz-portal .dmz-sub{display:block !important;} body.dmz-portal .dmz-head{gap:12px !important;} body.dmz-portal .dmz-title{font-size:18px !important;line-height:1.15 !important;} /* Mobile header: hide CTA ("Ücretsiz deneme") to keep layout clean */ body.dmz-portal .dmz-head-cta{display:none !important;} } /* 3) Mobile menu panel styles extended to <=1024px (premium overlay) */ @media (max-width: 1024px){ body.dmz-portal .dmz-nav-panel{ position:fixed !important; inset:0 !important; z-index:2147483647 !important; display:none !important; background:rgba(2,6,23,.40) !important; backdrop-filter: blur(10px) saturate(1.1) !important; -webkit-backdrop-filter: blur(10px) saturate(1.1) !important; padding: calc(var(--dmz-adminbar-h, 0px) + var(--dmz-head-h, 58px) + env(safe-area-inset-top) + 12px) 14px calc(16px + env(safe-area-inset-bottom)) !important; overflow:auto !important; -webkit-overflow-scrolling: touch !important; } body.dmz-portal .dmz-nav-panel.is-open{ display:block !important; animation: dmzPanelIn .16s ease-out; } @keyframes dmzPanelIn{from{opacity:0; transform:translateY(-6px);}to{opacity:1; transform:translateY(0);}} /* Panel inner wrapper + primary CTA */ body.dmz-portal .dmz-nav-panel__inner{max-width:560px; margin:0 auto;} body.dmz-portal .dmz-mcta{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important; margin:0 0 10px 0 !important; padding:12px 14px !important; border-radius:16px !important; background:linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; color:#fff !important; font-weight:800 !important; letter-spacing:.01em !important; text-decoration:none !important; box-shadow:0 18px 60px rgba(176,49,107,.26) !important; border:1px solid rgba(255,255,255,.18) !important; } body.dmz-portal .dmz-mcta:active{transform:translateY(1px) !important;} body.dmz-portal .dmz-mcta .dmz-ico{width:18px; height:18px; display:inline-flex; color:currentColor;} body.dmz-portal .dmz-mcta .dmz-ico svg{width:18px; height:18px; fill:currentColor;} body.dmz-portal .dmz-nav-panel .dmz-nav{ flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:8px !important; padding:12px !important; border-radius:18px !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(226,232,240,.95) !important; box-shadow:0 20px 60px rgba(2,29,73,.14) !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item{ justify-content:flex-start !important; font-size:15px !important; padding:12px 12px !important; border-radius:14px !important; } } /* 4) Sticky compact mode: when user scrolls, make header more "premium" */ @media (max-width: 1024px){ body.dmz-portal .dmz-head.is-stuck{ padding-top:10px !important; padding-bottom:10px !important; box-shadow:0 18px 60px rgba(2,29,73,.18) !important; } body.dmz-portal .dmz-head.is-stuck .dmz-brandmark{transform:scale(.96);} } /* 5) Burger → X animation + button micro feedback */ body.dmz-portal .dmz-nav-btn{transition:transform .12s ease, box-shadow .12s ease, background .12s ease !important;} body.dmz-portal .dmz-nav-btn:active{transform:scale(.98) !important;} body.dmz-portal.dmz-nav-open .dmz-nav-btn{background:rgba(255,255,255,.98) !important; box-shadow:0 18px 50px rgba(2,29,73,.14) !important;} body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(1){top:5px !important; transform:rotate(45deg) !important;} body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(2){opacity:0 !important;} body.dmz-portal.dmz-nav-open .dmz-burger i:nth-child(3){top:5px !important; transform:rotate(-45deg) !important;} /* Focus-visible improvements (keyboard users) */ body.dmz-portal .dmz-nav-btn:focus-visible, body.dmz-portal .dmz-nav-item:focus-visible, body.dmz-portal .dmz-head-cta:focus-visible{ outline: none !important; box-shadow:0 0 0 4px rgba(255,255,255,.40), 0 0 0 7px rgba(2,29,73,.22) !important; } /* ===================================================================== PATCH 2026-02-21 — Mobile Hamburger Menu (FINAL) - Mobil/tablet: hamburger + overlay menü (iOS/Android uyumlu) - Mobil header'da "Ücretsiz deneme" CTA görünmez (menü içinde gösterilir) ===================================================================== */ @media (max-width: 1024px){ body.dmz-portal .dmz-head{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; padding-left: calc(14px + env(safe-area-inset-left)) !important; padding-right: calc(14px + env(safe-area-inset-right)) !important; } body.dmz-portal .dmz-head > .dmz-nav{display:none !important;} body.dmz-portal .dmz-nav-toggle{display:flex !important;} body.dmz-portal .dmz-head-cta{display:none !important;} /* Logo bir tık büyük ve stabil */ body.dmz-portal .dmz-brandmark{ width:46px !important; height:46px !important; } body.dmz-portal .dmz-title{ font-size:18px !important; line-height:1.12 !important; } } @media (max-width: 420px){ /* Çok dar ekranda üst barı sıkılaştır */ body.dmz-portal .dmz-sub{display:none !important;} body.dmz-portal .dmz-brandmark{ width:44px !important; height:44px !important; } body.dmz-portal .dmz-title{ font-size:17px !important; } } /* ========================================================== FOOTER — Varyant B (Kurumsal) - Gradient korunur, yumuşatılır - 2 katman: arka plan + cam/panel iç yüzey - Mobil: opsiyonel accordion (admin'den aç/kapat) ========================================================== */ body.dmz-portal .dmz-footer{ position: relative; overflow: hidden; padding: 56px 16px 28px; border-radius: 0 0 26px 26px; background: linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)); box-shadow: 0 -10px 30px rgba(0,0,0,.18) inset; } body.dmz-portal .dmz-footer::before{ content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(980px 360px at 14% 12%, rgba(255,255,255,.16), rgba(255,255,255,0) 60%), radial-gradient(720px 260px at 88% 0%, rgba(0,0,0,.22), rgba(0,0,0,0) 62%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10)); opacity: .85; } body.dmz-portal .dmz-footer__inner{ position: relative; z-index: 1; /* İstenilen genişlik: footer metinleri daha ferah görünsün */ max-width: 1310px; margin: 0 auto; } body.dmz-portal .dmz-footer__panel{ /* Talep: metinlerin arkasındaki "kabartılı/cam" panel görünümü kaldır */ background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 26px; padding: 24px; box-shadow: none; } body.dmz-portal .dmz-footer__top{ display: grid; grid-template-columns: 1.1fr 1.9fr; gap: 26px; align-items: start; } body.dmz-portal .dmz-footer__brand{ min-width: 240px; } body.dmz-portal .dmz-footer__brandlink{ display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: #fff; } body.dmz-portal .dmz-footer__brandlink--logo-only{ gap: 0; align-items: center; } body.dmz-portal .dmz-footer__brandlink--logo-only .dmz-footer__brandmark{ margin-right: 0; } /* Footer logo: header ile aynı "badge" görünümü (dmz-brandmark) */ body.dmz-portal .dmz-footer .dmz-footer__brandmark{ flex: 0 0 auto; } body.dmz-portal .dmz-footer__brandname{ display: block; font-weight: 900; letter-spacing: -0.04em; font-size: 20px; line-height: 1.08; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.18), 0 14px 34px rgba(0,0,0,.20); } @media (max-width: 520px){ body.dmz-portal .dmz-footer__brandname{font-size:18px;} } body.dmz-portal .dmz-footer__logo{ width: 54px; height: 54px; border-radius: 16px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 10px 24px rgba(0,0,0,.22); } body.dmz-portal .dmz-footer__logo-img{ width: 100%; height: 100%; object-fit: cover; } body.dmz-portal .dmz-footer__logo-text{ font-weight: 800; letter-spacing: .4px; font-size: 20px; line-height: 1; padding: 0 2px; } body.dmz-portal .dmz-footer__brandtext{ display: flex; flex-direction: column; line-height: 1.1; } body.dmz-portal .dmz-footer__brandsub{ margin-top: 4px; color: rgba(255,255,255,.86); font-size: 13.5px; line-height: 1.35; font-weight: 600; } body.dmz-portal .dmz-footer__blurb{ margin-top: 12px; color: rgba(255,255,255,.86); font-size: 13.5px; line-height: 1.55; max-width: 440px; } body.dmz-portal .dmz-footer__blurb--logo-only{ max-width: min(440px, 100%); } body.dmz-portal .dmz-footer__brandtop{ font-weight: 800; font-size: 18px; letter-spacing: .2px; } body.dmz-portal .dmz-footer__brandbottom{ font-weight: 700; font-size: 16px; opacity: .95; } body.dmz-portal .dmz-footer__tagline{ margin-top: 10px; color: rgba(255,255,255,.86); font-size: 13.5px; line-height: 1.45; } body.dmz-portal .dmz-footer__cols{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } body.dmz-portal .dmz-footer__heading{ margin: 0 0 10px; color: rgba(255,255,255,.92); font-size: 14px; letter-spacing: .35px; font-weight: 800; text-transform: uppercase; } body.dmz-portal .dmz-footer__links, body.dmz-portal .dmz-footer__contact{ display: grid; gap: 8px; } body.dmz-portal .dmz-footer__links a, body.dmz-portal .dmz-footer__contact a{ /* Talep: kabartılı/pill arka planları kaldır */ display: inline-flex; align-items: center; gap: 8px; padding: 2px 0; border-radius: 0; border: 0; background: transparent; color: rgba(255,255,255,.94); text-decoration: none; opacity: .92; position: relative; transition: opacity .15s ease, transform .15s ease; } body.dmz-portal .dmz-footer__links a:hover, body.dmz-portal .dmz-footer__contact a:hover{ opacity: 1; transform: translateY(-1px); } body.dmz-portal .dmz-footer__links a::after, body.dmz-portal .dmz-footer__contact a::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; border-radius:999px; background: rgba(255,255,255,.55); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; opacity: .9; } body.dmz-portal .dmz-footer__links a:hover::after, body.dmz-portal .dmz-footer__contact a:hover::after{ transform: scaleX(1); } body.dmz-portal .dmz-footer__bottom{ margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } body.dmz-portal .dmz-footer__copy{ color: rgba(255,255,255,.86); font-size: 12.8px; line-height: 1.45; } body.dmz-portal .dmz-footer__legal{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: rgba(255,255,255,.86); font-size: 12.8px; } body.dmz-portal .dmz-footer__legal a{ color: rgba(255,255,255,.90); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.25); transition: opacity .18s ease; } body.dmz-portal .dmz-footer__legal a:hover{ opacity: .9; } body.dmz-portal .dmz-footer__legal .dmz-dot{ opacity: .55; } /* Accordion (mobil) */ body.dmz-portal .dmz-footer__acc{ border-radius: 18px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); overflow: hidden; } body.dmz-portal .dmz-footer__acc > summary{ list-style: none; } body.dmz-portal .dmz-footer__acc > summary::-webkit-details-marker{ display:none; } body.dmz-portal .dmz-footer__acc-sum{ padding: 14px 14px; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: rgba(255,255,255,.94); font-weight: 800; letter-spacing: .35px; text-transform: uppercase; font-size: 13.5px; } body.dmz-portal .dmz-footer__acc-sum::after{ content: "▾"; opacity: .85; transform: translateY(-1px); } body.dmz-portal .dmz-footer__acc[open] .dmz-footer__acc-sum::after{ content: "▴"; } body.dmz-portal .dmz-footer__acc-body{ padding: 0 12px 12px; } body.dmz-portal .dmz-footer--desktop .dmz-footer__acc-sum{ cursor: default; } body.dmz-portal .dmz-footer--desktop .dmz-footer__acc-sum::after{ content: ""; } @media (max-width: 980px){ body.dmz-portal .dmz-footer__top{ grid-template-columns: 1fr; } body.dmz-portal .dmz-footer__brand{ min-width: 0; } } @media (max-width: 820px){ body.dmz-portal .dmz-footer{ padding: 44px 12px 22px; border-radius: 0; } body.dmz-portal .dmz-footer__panel{ padding: 18px; border-radius: 22px; } body.dmz-portal .dmz-footer__cols{ grid-template-columns: 1fr; gap: 14px; } body.dmz-portal .dmz-footer__heading{ display: none; } body.dmz-portal .dmz-footer__links a, body.dmz-portal .dmz-footer__contact a{ width: 100%; justify-content: flex-start; } } @media (max-width: 420px){ body.dmz-portal .dmz-footer__logo{ width: 50px; height: 50px; } body.dmz-portal .dmz-footer__brandtop{ font-size: 17px; } body.dmz-portal .dmz-footer__brandbottom{ font-size: 15px; } } /* ============================ Ghost Cursor + Click Ripple (Canlı Demo) - Ekranı karartmadan öğretir - pointer-events:none => hiçbir şeye engel olmaz ============================ */ .dmz-modal--demo .dmz-demo2{ position: relative; } .dmz-modal--demo .dmz-ghosttour{ position:absolute; inset:0; pointer-events:none; z-index: 60; opacity: 0; transition: opacity .35s ease; } .dmz-modal--demo .dmz-ghosttour.is-on{ opacity: 1; } .dmz-modal--demo .dmz-ghosttour.is-fade{ opacity: 0; } .dmz-modal--demo .dmz-ghosttour__cursor{ position:absolute; width: 28px; height: 28px; border-radius: 0; background: transparent; border: 0; box-shadow: none; transform: translate(-50%,-50%) rotate(-12deg); transition: left .55s cubic-bezier(.2,.8,.2,1), top .55s cubic-bezier(.2,.8,.2,1), transform .16s ease; will-change: left, top, transform; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%202L4%2018L8.2%2014.4L11.1%2022L13.6%2021L10.8%2013.6L17%2013.6Z%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.98%27%20stroke%3D%27%230f172a%27%20stroke-opacity%3D%270.32%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E"); filter: drop-shadow(0 12px 20px rgba(2,6,23,.38)); opacity: .98; animation: dmzGhostCursorPulse 2.8s ease-in-out infinite; } .dmz-modal--demo .dmz-ghosttour__cursor.is-click{ animation: none; transform: translate(-50%,-50%) rotate(-12deg) scale(.92); } @keyframes dmzGhostCursorPulse{ 0%,100% { transform: translate(-50%,-50%) rotate(-12deg) scale(1); } 50% { transform: translate(-50%,-50%) rotate(-10deg) scale(1.03); } } .dmz-modal--demo .dmz-ghosttour__ripple{ position:absolute; width: 10px; height: 10px; border-radius: 999px; border: 2px solid rgba(255,255,255,.78); transform: translate(-50%,-50%) scale(.9); animation: dmzGhostRipple .65s ease-out forwards; filter: drop-shadow(0 12px 20px rgba(2,6,23,.25)); } @keyframes dmzGhostRipple{ 0% { opacity: .95; transform: translate(-50%,-50%) scale(.7); } 70% { opacity: .30; transform: translate(-50%,-50%) scale(4.8); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(6.0); } } /* Highlight (temporary) */ .dmz-modal--demo .dmz-ghost-highlight{ outline: 2px solid rgba(124,58,237,.55); outline-offset: 2px; box-shadow: 0 0 0 6px rgba(124,58,237,.12); border-radius: 14px; } /* Ghost Tip (mini tooltip) */ .dmz-modal--demo .dmz-ghosttour__tip{ position:absolute; max-width: 240px; padding: 8px 10px; font-size: 12px; line-height: 1.25; color: rgba(255,255,255,.95); background: rgba(15,23,42,.92); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; box-shadow: 0 18px 30px rgba(2,6,23,.35); opacity: 0; transform: translate(-50%,-110%) scale(.98); transition: opacity .22s ease, transform .22s ease; pointer-events: none; } .dmz-modal--demo .dmz-ghosttour__tip.is-on{ opacity: 1; transform: translate(-50%,-110%) scale(1); } .dmz-modal--demo .dmz-ghosttour__tip:after{ content:""; position:absolute; width:8px; height:8px; background: rgba(15,23,42,.92); border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); left: 50%; top: 100%; transform: translate(-50%,-50%) rotate(45deg); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="bottom"]{ transform: translate(-50%,10%) scale(.98); } .dmz-modal--demo .dmz-ghosttour__tip.is-on[data-pos="bottom"]{ transform: translate(-50%,10%) scale(1); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="bottom"]:after{ top: 0; transform: translate(-50%,-50%) rotate(225deg); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="left"]{ transform: translate(-110%,-50%) scale(.98); } .dmz-modal--demo .dmz-ghosttour__tip.is-on[data-pos="left"]{ transform: translate(-110%,-50%) scale(1); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="left"]:after{ left: 100%; top: 50%; transform: translate(-50%,-50%) rotate(135deg); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="right"]{ transform: translate(10%,-50%) scale(.98); } .dmz-modal--demo .dmz-ghosttour__tip.is-on[data-pos="right"]{ transform: translate(10%,-50%) scale(1); } .dmz-modal--demo .dmz-ghosttour__tip[data-pos="right"]:after{ left: 0; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); } /* ============================ Ghost Tip (Fixed Overlay) - Tooltip metni litebox icinde kesilmesin diye altina eklenir - Otomatik konum/kenar sığdırma (JS) ile tam okunur ============================ */ /* Fallback: allow fixed ghost tip styles even if lacks .dmz-portal */ .dmz-ghosttour__tip--fixed{ position: fixed; z-index: 2147483647; max-width: min(520px, calc(100vw - 24px)); padding: 9px 12px; font-size: 12px; line-height: 1.3; color: rgba(255,255,255,.96); background: rgba(15,23,42,.94); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; box-shadow: 0 20px 40px rgba(2,6,23,.38); opacity: 0; transform: translate(-50%,-110%) scale(.98); transition: opacity .20s ease, transform .20s ease; pointer-events: none; word-break: break-word; } .dmz-ghosttour__tip--fixed .dmz-ghosttour__tiptxt{ display: block; white-space: normal; } .dmz-ghosttour__tip--fixed.is-on{ opacity: 1; transform: translate(-50%,-110%) scale(1); } .dmz-ghosttour__tip--fixed:after{ content:""; position:absolute; width:8px; height:8px; background: rgba(15,23,42,.94); border-right: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10); left: 50%; top: 100%; transform: translate(-50%,-50%) rotate(45deg); } .dmz-ghosttour__tip--fixed[data-pos="bottom"]{ transform: translate(-50%,10%) scale(.98); } .dmz-ghosttour__tip--fixed.is-on[data-pos="bottom"]{ transform: translate(-50%,10%) scale(1); } .dmz-ghosttour__tip--fixed[data-pos="bottom"]:after{ top: 0; transform: translate(-50%,-50%) rotate(225deg); } .dmz-ghosttour__tip--fixed[data-pos="left"]{ transform: translate(-110%,-50%) scale(.98); } .dmz-ghosttour__tip--fixed.is-on[data-pos="left"]{ transform: translate(-110%,-50%) scale(1); } .dmz-ghosttour__tip--fixed[data-pos="left"]:after{ left: 100%; top: 50%; transform: translate(-50%,-50%) rotate(135deg); } .dmz-ghosttour__tip--fixed[data-pos="right"]{ transform: translate(10%,-50%) scale(.98); } .dmz-ghosttour__tip--fixed.is-on[data-pos="right"]{ transform: translate(10%,-50%) scale(1); } .dmz-ghosttour__tip--fixed[data-pos="right"]:after{ left: 0; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); } body.dmz-portal .dmz-ghosttour__tip--fixed{ position: fixed; z-index: 2147483647; max-width: min(520px, calc(100vw - 24px)); padding: 9px 12px; font-size: 12px; line-height: 1.3; color: rgba(255,255,255,.96); background: rgba(15,23,42,.94); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; box-shadow: 0 20px 40px rgba(2,6,23,.38); opacity: 0; transform: translate(-50%,-110%) scale(.98); transition: opacity .20s ease, transform .20s ease; pointer-events: none; word-break: break-word; } body.dmz-portal .dmz-ghosttour__tip--fixed .dmz-ghosttour__tiptxt{ display: block; white-space: normal; } body.dmz-portal .dmz-ghosttour__tip--fixed.is-on{ opacity: 1; transform: translate(-50%,-110%) scale(1); } body.dmz-portal .dmz-ghosttour__tip--fixed:after{ content:""; position:absolute; width:8px; height:8px; background: rgba(15,23,42,.94); border-right: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10); left: 50%; top: 100%; transform: translate(-50%,-50%) rotate(45deg); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="bottom"]{ transform: translate(-50%,10%) scale(.98); } body.dmz-portal .dmz-ghosttour__tip--fixed.is-on[data-pos="bottom"]{ transform: translate(-50%,10%) scale(1); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="bottom"]:after{ top: 0; transform: translate(-50%,-50%) rotate(225deg); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="left"]{ transform: translate(-110%,-50%) scale(.98); } body.dmz-portal .dmz-ghosttour__tip--fixed.is-on[data-pos="left"]{ transform: translate(-110%,-50%) scale(1); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="left"]:after{ left: 100%; top: 50%; transform: translate(-50%,-50%) rotate(135deg); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="right"]{ transform: translate(10%,-50%) scale(.98); } body.dmz-portal .dmz-ghosttour__tip--fixed.is-on[data-pos="right"]{ transform: translate(10%,-50%) scale(1); } body.dmz-portal .dmz-ghosttour__tip--fixed[data-pos="right"]:after{ left: 0; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); } /* ========================================================= DMZ Asistan Karşılaştırma (Seviye 2) — WOW + Satış İzole sınıflar: dmz-asstcmp2__* ========================================================= */ .dmz-asstcmp2__stage{ margin-top:10px; display:flex; flex-direction:column; gap:10px; } .dmz-asstcmp2__row{ display:grid; grid-template-columns: 1fr auto 1fr; gap:10px; align-items:stretch; padding:10px; border-radius:14px; border:1px solid rgba(226,232,240,.95); background:rgba(255,255,255,.68); position:relative; overflow:hidden; transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease, opacity .25s ease; } .dmz-asstcmp2__row:not(.is-active){ opacity:.78; } .dmz-asstcmp2__row.is-active{ border-color: rgba(2,29,73,.22); box-shadow: 0 14px 30px rgba(2,29,73,.08); transform: translateY(-1px); } .dmz-asstcmp2__card{ min-width:0; border-radius:14px; border:1px solid rgba(226,232,240,.95); background:rgba(255,255,255,.88); padding:10px; } .dmz-asstcmp2__card--asst{ background: linear-gradient(180deg, rgba(2,29,73,.04), rgba(255,255,255,.92)); border-color: rgba(2,29,73,.14); } .dmz-asstcmp2__who{ font-size:12px; font-weight:950; color:#475569; letter-spacing:.25px; text-transform:uppercase; } .dmz-asstcmp2__who--asst{ color: var(--dmz-primary); } .dmz-asstcmp2__what{ margin-top:4px; font-size:14px; line-height:1.35; font-weight:900; color:#0f172a; } .dmz-asstcmp2__what--asst{ color: #0b1a36; } .dmz-asstcmp2__bubbles{ margin-top:8px; display:flex; flex-direction:column; gap:7px; } .dmz-asstcmp2__bubble{ width: fit-content; max-width: 100%; padding:8px 10px; border-radius:14px; border:1px solid rgba(226,232,240,.95); background:rgba(248,250,252,.92); color:#0f172a; font-size:13px; line-height:1.35; box-shadow: 0 8px 18px rgba(15,23,42,.05); word-break: break-word; } .dmz-asstcmp2__bubble--user{ margin-left:auto; background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.18); color:#3b0764; } .dmz-asstcmp2__bubble--bot{ background: rgba(15,23,42,.04); } .dmz-asstcmp2__bubble--asst{ background: rgba(2,29,73,.06); border-color: rgba(2,29,73,.14); color:#0b1a36; } .dmz-asstcmp2__bridge{ width:32px; display:flex; align-items:center; justify-content:center; } .dmz-asstcmp2__bridgeDot{ width:26px; height:26px; border-radius:999px; border:1px solid rgba(2,29,73,.16); background: rgba(255,255,255,.75); position:relative; overflow:hidden; } .dmz-asstcmp2__bridgeDot:after{ content:""; position:absolute; inset:-50%; background: radial-gradient(circle, rgba(124,58,237,.25), rgba(2,29,73,0) 60%); transform: translateX(-30%); opacity:.9; } .dmz-asstcmp2__pipe{ margin-top:8px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:#475569; } .dmz-asstcmp2__pipeStep{ display:inline-flex; align-items:center; padding:5px 8px; border-radius:999px; border:1px solid rgba(2,29,73,.14); background: rgba(2,29,73,.04); font-weight:800; } .dmz-asstcmp2__pipeArrow{ opacity:.6; } .dmz-asstcmp2__kpi{ margin-top:6px; font-size:12px; font-weight:850; color:#0f172a; opacity:.9; } .dmz-asstcmp2__view{ margin-top:8px; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:fit-content; max-width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(124,58,237,.22); background: rgba(124,58,237,.10); color:#4c1d95; font-weight:900; font-size:13px; cursor:pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .dmz-asstcmp2__view:hover{ transform: translateY(-1px); box-shadow: 0 12px 22px rgba(124,58,237,.12); } .dmz-asstcmp2__view.is-pulse{ animation: dmzAsstCmp2Pulse 1.4s ease-in-out infinite; } @keyframes dmzAsstCmp2Pulse{ 0%,100%{ box-shadow: 0 0 0 rgba(124,58,237,0); } 50%{ box-shadow: 0 0 0 8px rgba(124,58,237,.14); } } .dmz-asstcmp2__previewWrap{ margin-top:2px; } .dmz-asstcmp2__preview{ margin-top:8px; border-radius:16px; border:1px solid rgba(2,29,73,.14); background: rgba(255,255,255,.92); padding:10px; } .dmz-asstcmp2__previewHead{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; } .dmz-asstcmp2__previewTitle{ font-size:13px; font-weight:950; color:#0b1a36; } .dmz-asstcmp2__copy{ display:inline-flex; align-items:center; justify-content:center; padding:8px 10px; border-radius:10px; border:1px solid rgba(2,29,73,.16); background: rgba(2,29,73,.04); color:#0b1a36; font-weight:900; font-size:12px; cursor:pointer; } .dmz-asstcmp2__copy.is-ok{ border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.10); } .dmz-asstcmp2__previewText{ margin:0; max-height: 220px; padding:12px; border-radius:14px; border:1px solid rgba(226,232,240,.95); background: rgba(248,250,252,.92); font-size:12px; line-height:1.5; color:#0f172a; white-space: pre-wrap; word-break: break-word; overflow:auto; } .dmz-asstcmp2__previewNote{ margin-top:8px; font-size:12px; color: var(--dmz-muted); } @keyframes dmzAsstCmp2In{ from{ opacity:0; transform: translateY(8px); } to{ opacity:1; transform: translateY(0); } } .dmz-asstcmp2__row.is-animate .dmz-asstcmp2__card--chat .dmz-asstcmp2__bubble:nth-child(1){ animation: dmzAsstCmp2In .55s ease both; animation-delay:.10s; } .dmz-asstcmp2__row.is-animate .dmz-asstcmp2__card--chat .dmz-asstcmp2__bubble:nth-child(2){ animation: dmzAsstCmp2In .55s ease both; animation-delay:.45s; } .dmz-asstcmp2__row.is-animate .dmz-asstcmp2__card--asst .dmz-asstcmp2__bubble{ animation: dmzAsstCmp2In .55s ease both; animation-delay:.28s; } @media (max-width: 720px){ .dmz-asstcmp2__row{ grid-template-columns: 1fr; gap:10px; } .dmz-asstcmp2__bridge{ display:none; } .dmz-asstcmp2__view{ width:100%; } } @media (prefers-reduced-motion: reduce){ .dmz-asstcmp2__row, .dmz-asstcmp2__view, .dmz-asstcmp2__view.is-pulse{ animation:none !important; transition:none !important; } } /* ========================================================= ASSTCMP2 COMPACT DENTIST PATCH - Reduce height (single row + step tabs) - Prevent horizontal scrollbars (removes dark strip) ========================================================= */ .dmz-asstcmp2__stage{ overflow-x:hidden; } .dmz-asstcmp2__stepTabs{ display:flex; gap:8px; align-items:center; justify-content:center; margin: 6px 0 10px; flex-wrap:wrap; } .dmz-asstcmp2__tab{ appearance:none; border: 1px solid rgba(2,29,73,.14); background: rgba(255,255,255,.82); padding: 7px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 800; cursor:pointer; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; user-select:none; line-height:1; } .dmz-asstcmp2__tab:hover{ transform: translateY(-1px); } .dmz-asstcmp2__tab.is-active{ border-color: rgba(124,58,237,.38); box-shadow: 0 10px 18px rgba(15,23,42,.06); } .dmz-asstcmp2__row--single{ padding: 10px; border-radius: 14px; gap: 10px; } .dmz-asstcmp2__bubbles{ gap: 7px; } .dmz-asstcmp2__bubble{ max-width: 100%; } .dmz-asstcmp2__previewWrap{ margin-top: 10px; } .dmz-asstcmp2__preview{ overflow:hidden; } .dmz-asstcmp2__previewText{ white-space: pre-wrap; word-break: break-word; overflow-x: hidden; } @media (max-width: 900px){ .dmz-asstcmp2__stepTabs{ justify-content:flex-start; overflow:auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; } .dmz-asstcmp2__tab{ flex:0 0 auto; } } /* ========================================================= HORIZONTAL BAR FIX Prevent any horizontal overflow artifacts (thick dark strip / scrollbar) ========================================================= */ html{ overflow-x:hidden; } body.dmz-portal{ overflow-x:hidden; } body.dmz-portal .dmz-wrap{ overflow-x:hidden; } /* ========================================================= ASSTCMP2 SECTOR PICKER ========================================================= */ .dmz-asstcmp2__picker{ margin: 8px 0 10px; padding: 10px 12px; border: 1px solid rgba(2,29,73,.10); border-radius: 14px; background: rgba(255,255,255,.80); } .dmz-asstcmp2__pickerTop{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom: 8px; flex-wrap: wrap; } .dmz-asstcmp2__pickerLabel{ font-weight: 800; font-size: 12.5px; letter-spacing: .2px; } .dmz-asstcmp2__pickerDetected{ font-size: 12px; font-weight: 800; opacity: .72; white-space: nowrap; } .dmz-asstcmp2__pickerRow{ display:flex; align-items:center; gap:8px; } .dmz-asstcmp2__pickerInput{ flex: 1 1 auto; min-width: 220px; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(2,29,73,.14); outline: none; background: rgba(255,255,255,.92); font-weight: 700; font-size: 13px; } .dmz-asstcmp2__pickerInput:focus{ border-color: rgba(124,58,237,.35); box-shadow: 0 0 0 4px rgba(124,58,237,.10); } .dmz-asstcmp2__pickerBtn{ height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(124,58,237,.30); background: rgba(124,58,237,.08); font-weight: 900; cursor: pointer; white-space: nowrap; } .dmz-asstcmp2__pickerBtn:hover{ transform: translateY(-1px); } .dmz-asstcmp2__pickerChips{ display:flex; gap:8px; flex-wrap: wrap; margin-top: 10px; } .dmz-asstcmp2__chip{ appearance:none; border: 1px solid rgba(2,29,73,.12); background: rgba(255,255,255,.86); border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 900; cursor:pointer; line-height: 1; } .dmz-asstcmp2__chip:hover{ transform: translateY(-1px); } @media (max-width: 640px){ .dmz-asstcmp2__pickerRow{ flex-direction: column; align-items: stretch; } .dmz-asstcmp2__pickerInput{ min-width: 0; width: 100%; } .dmz-asstcmp2__pickerBtn{ width: 100%; } .dmz-asstcmp2__pickerDetected{ white-space: normal; } } /* ===================================================================== PATCH 2026-03-08 — Tablet Hamburger Menu + Premium Header Polish - iPad / iPad Pro / Android tablet portrait widths use hamburger menu - Keeps desktop layout intact on larger screens ===================================================================== */ @media (max-width: 1180px){ body.dmz-portal .dmz-head{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; padding:12px 16px !important; } body.dmz-portal .dmz-head > .dmz-nav{display:none !important;} body.dmz-portal .dmz-nav-toggle{display:flex !important; margin-left:auto !important;} body.dmz-portal .dmz-head-cta{display:none !important;} body.dmz-portal .dmz-nav-btn{ min-height:48px !important; padding:11px 14px !important; gap:12px !important; border-radius:16px !important; border:1px solid rgba(255,255,255,.42) !important; background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.92) 100%) !important; color:var(--dmz-primary) !important; box-shadow:0 16px 44px rgba(2,29,73,.14), inset 0 1px 0 rgba(255,255,255,.72) !important; backdrop-filter:saturate(1.18) blur(10px) !important; -webkit-backdrop-filter:saturate(1.18) blur(10px) !important; } body.dmz-portal .dmz-nav-btn:hover{ transform:translateY(-1px) !important; box-shadow:0 20px 54px rgba(2,29,73,.18), inset 0 1px 0 rgba(255,255,255,.82) !important; } body.dmz-portal .dmz-nav-btn .dmz-nav-btn-text{ font-size:13px !important; font-weight:900 !important; letter-spacing:.02em !important; } body.dmz-portal .dmz-burger{width:20px !important; height:14px !important;} body.dmz-portal .dmz-burger i{height:2px !important;} body.dmz-portal .dmz-burger i:nth-child(2){top:6px !important;} body.dmz-portal .dmz-burger i:nth-child(3){top:12px !important;} body.dmz-portal .dmz-sub{display:block !important;} body.dmz-portal .dmz-title{font-size:18px !important; line-height:1.12 !important;} body.dmz-portal .dmz-nav-panel{ position:fixed !important; inset:0 !important; z-index:2147483647 !important; display:none !important; background:linear-gradient(180deg, rgba(2,6,23,.40) 0%, rgba(2,6,23,.52) 100%) !important; backdrop-filter:blur(10px) saturate(1.08) !important; -webkit-backdrop-filter:blur(10px) saturate(1.08) !important; padding:calc(var(--dmz-adminbar-h, 0px) + var(--dmz-head-h, 60px) + env(safe-area-inset-top) + 12px) 16px calc(18px + env(safe-area-inset-bottom)) !important; overflow:auto !important; -webkit-overflow-scrolling:touch !important; } body.dmz-portal .dmz-nav-panel.is-open{display:block !important; animation:dmzPanelPop1180 .16s ease-out !important;} @keyframes dmzPanelPop1180{from{opacity:0; transform:translateY(-6px);} to{opacity:1; transform:translateY(0);}} body.dmz-portal .dmz-nav-panel__inner{ max-width:620px !important; margin:0 auto !important; } body.dmz-portal .dmz-nav-panel .dmz-nav{ flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:10px !important; padding:14px !important; border-radius:22px !important; background:rgba(255,255,255,.97) !important; border:1px solid rgba(226,232,240,.96) !important; box-shadow:0 24px 72px rgba(2,29,73,.18) !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item{ justify-content:flex-start !important; padding:14px 14px !important; border-radius:16px !important; font-size:15px !important; font-weight:900 !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item[aria-current="page"], body.dmz-portal .dmz-nav-panel .dmz-nav-item.is-active{ background:linear-gradient(135deg,var(--dmz-primary) 0%, var(--dmz-primary-2) 100%) !important; color:#fff !important; box-shadow:0 16px 40px rgba(176,49,107,.24) !important; } body.dmz-portal .dmz-mcta{ margin:0 0 12px 0 !important; border-radius:18px !important; box-shadow:0 18px 54px rgba(176,49,107,.28) !important; } } @media (max-width: 1180px){ body.dmz-portal .dmz-head.is-stuck{ padding-top:10px !important; padding-bottom:10px !important; box-shadow:0 18px 56px rgba(2,29,73,.18) !important; } } @media (min-width: 1181px){ body.dmz-portal .dmz-head > .dmz-nav{display:flex !important;} body.dmz-portal .dmz-nav-toggle{display:none !important;} body.dmz-portal .dmz-head-cta{display:inline-flex !important;} body.dmz-portal .dmz-nav-panel{display:none !important;} } /* FIX — tablet/mobile hamburger panel CTA fallback (keeps CTA prominent and prevents plain-link rendering) */ @media (max-width: 1180px){ body.dmz-portal .dmz-nav-panel.is-open .dmz-nav-panel__inner{ max-width:620px !important; margin:0 auto !important; display:flex !important; flex-direction:column !important; gap:12px !important; } body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta, body.dmz-portal .dmz-nav-panel.is-open a.dmz-mcta{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important; min-height:54px !important; margin:0 !important; padding:14px 16px !important; border-radius:18px !important; background:linear-gradient(135deg,var(--dmz-primary) 0%, var(--dmz-primary2) 100%) !important; color:#fff !important; text-decoration:none !important; font-weight:900 !important; line-height:1.2 !important; letter-spacing:.01em !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:0 18px 54px rgba(176,49,107,.28) !important; -webkit-appearance:none !important; appearance:none !important; position:relative !important; overflow:hidden !important; } body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)); pointer-events:none; } body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta > *{ position:relative; z-index:1; color:inherit !important; text-decoration:none !important; } body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta .dmz-ico{ width:18px !important; height:18px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:currentColor !important; flex:0 0 auto !important; } body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta .dmz-ico svg, body.dmz-portal .dmz-nav-panel.is-open .dmz-mcta svg{ width:18px !important; height:18px !important; stroke:currentColor !important; fill:none !important; } } /* ===================================================================== PATCH 2026-03-08 — Header restore + hero spacing trim (safe) - Restores full-width desktop/tablet/mobile header - Reduces empty vertical space above/below hero without touching menu logic - Does not modify accordion/mobile nav behavior ===================================================================== */ body.dmz-portal .dmz-head{ margin:0 !important; } body.dmz-portal .dmz-vitrin{ padding:68px 0 46px !important; min-height:auto !important; align-items:flex-start !important; } @media (max-width: 1180px){ body.dmz-portal .dmz-vitrin{ padding:58px 0 40px !important; min-height:auto !important; align-items:flex-start !important; } } @media (max-width: 900px){ body.dmz-portal .dmz-head{ margin:0 !important; } body.dmz-portal .dmz-vitrin{ padding:46px 0 30px !important; min-height:auto !important; align-items:flex-start !important; } } /* ===================================================================== PATCH 2026-03-08 — HEADER FULL-BLEED RESTORE (safe) - Fixes header staying left / gradient not spanning full screen - Keeps existing desktop/tablet/mobile nav logic intact - Only header shell/background/layout is corrected ===================================================================== */ body.dmz-portal .dmz-head{ width:100vw !important; max-width:none !important; box-sizing:border-box !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-top:12px !important; padding-bottom:12px !important; padding-left:max(18px, calc((100vw - var(--dmz-container-width, 1320px)) / 2 + 22px)) !important; padding-right:max(18px, calc((100vw - var(--dmz-container-width, 1320px)) / 2 + 22px)) !important; background:linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; border:none !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; } body.dmz-portal .dmz-head::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-head.is-stuck{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-top:10px !important; padding-bottom:10px !important; padding-left:max(18px, calc((100vw - var(--dmz-container-width, 1320px)) / 2 + 22px)) !important; padding-right:max(18px, calc((100vw - var(--dmz-container-width, 1320px)) / 2 + 22px)) !important; background:linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; box-shadow:none !important; } @media (max-width: 1180px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ padding-left:20px !important; padding-right:20px !important; } } @media (max-width: 900px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ padding-top:12px !important; padding-bottom:12px !important; padding-left:16px !important; padding-right:16px !important; } } /* ===================================================================== PATCH 2026-03-08 — HEADER BACKGROUND FULLSCREEN ONLY (safe) - Paints header gradient across the full viewport width - Keeps existing menu / accordion / tablet / mobile logic untouched - Avoids layout shifts by not changing header content flow ===================================================================== */ body.dmz-portal{ position:relative !important; overflow-x:clip !important; } /* Full-viewport paint layer for the sticky header zone */ body.dmz-portal:not(.dmz-sticky-off)::before{ content:""; position:fixed; left:0; right:0; top:0; height:calc(var(--dmz-head-h, 92px) + var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)); background:linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)); z-index:9998; pointer-events:none; } /* Keep the header content in its normal centered container; background is now on viewport paint layer */ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ width:100% !important; max-width:var(--dmz-container-width, 1320px) !important; margin-left:auto !important; margin-right:auto !important; background:transparent !important; } /* Prevent duplicate paint from earlier patches */ body.dmz-portal .dmz-head::before, body.dmz-portal .dmz-head.is-stuck::before{ display:none !important; content:none !important; } /* ===================================================================== PATCH 2026-03-08 — HEADER LAYOUT REPAIR (final) - Cancels the oversized left/right padding introduced by the last fullscreen patch - Restores original centered header content sizing - Keeps full-viewport gradient background via the header pseudo layer - Does not touch accordion/mobile menu behavior ===================================================================== */ body.dmz-portal::before, body.dmz-portal:not(.dmz-sticky-off)::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ width:auto !important; max-width:var(--dmz-container-width, 1320px) !important; margin:0 auto !important; padding:16px 24px !important; box-sizing:border-box !important; background:transparent !important; left:auto !important; right:auto !important; overflow:visible !important; } body.dmz-portal .dmz-head::before, body.dmz-portal .dmz-head.is-stuck::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; left:50% !important; width:100vw !important; transform:translateX(-50%) !important; background:linear-gradient(90deg, var(--dmz-primary), var(--dmz-primary2)) !important; box-shadow:none !important; z-index:-1 !important; pointer-events:none !important; } @media (min-width: 981px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; } body.dmz-portal .dmz-head > .dmz-nav{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; max-width:min(760px, calc(100% - 520px)) !important; } body.dmz-portal .dmz-brand, body.dmz-portal .dmz-head-cta, body.dmz-portal .dmz-nav-toggle{ position:relative !important; z-index:1 !important; } } @media (max-width: 1180px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ padding-left:20px !important; padding-right:20px !important; } } @media (max-width: 1024px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ max-width:100% !important; padding:12px 16px !important; } } /* ===================================================================== PATCH 2026-03-08 — STICKY SCROLL HEADER LEFT-SHIFT FIX - Cancels fixed-mode drift that pushed the header shell to the left on scroll - Keeps the existing full-width gradient/background behavior - Leaves desktop / tablet / mobile nav structure untouched ===================================================================== */ body.dmz-portal.dmz-sticky-fixed .dmz-head, body.dmz-portal.dmz-sticky-fixed .dmz-head.is-stuck{ position: sticky !important; top: calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; left: auto !important; right: auto !important; transform: none !important; width: auto !important; max-width: var(--dmz-container-width, 1320px) !important; margin: 0 auto !important; } body.dmz-portal.dmz-sticky-fixed .dmz-stage{ padding-top: 0 !important; } /* ===================================================================== PATCH 2026-03-14 — PORTAL PACKAGE REDESIGN (reference match) ===================================================================== */ #dmz-paketler{ padding-left: 0 !important; padding-right: 0 !important; } #dmz-paketler .dmz-packgrid{ display:block !important; max-width:1560px !important; margin-left:auto !important; margin-right:auto !important; } #dmz-paketler .dmz-packgrid__left, #dmz-paketler .dmz-packgrid__right{ width:100%; min-width:0; } #dmz-paketler .dmz-packgrid__right{ margin-top:26px; } #dmz-paketler .dmz-pricing{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:18px !important; align-items:stretch; max-width:none !important; margin:0 !important; } #dmz-paketler .dmz-price--portal{ position:relative; display:flex; flex-direction:column; min-height:100%; border-radius:32px; border:1px solid rgba(170, 173, 196, .22); background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,248,252,.98) 100%); box-shadow:0 18px 50px rgba(97, 88, 138, .08); overflow:hidden; } #dmz-paketler .dmz-price--portal::before{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(580px 280px at 0% 100%, rgba(243, 170, 202, .16) 0%, rgba(243, 170, 202, 0) 42%), radial-gradient(420px 220px at 50% -10%, rgba(160, 134, 255, .06) 0%, rgba(160, 134, 255, 0) 58%); opacity:1; } #dmz-paketler .dmz-price--portal.dmz-price--featured{ border-color:rgba(196, 186, 255, .55); box-shadow:0 24px 60px rgba(130, 112, 219, .14); } #dmz-paketler .dmz-price--portal.dmz-price--featured::before{ background: radial-gradient(260px 180px at 50% 4%, rgba(255, 182, 193, .34) 0%, rgba(255, 182, 193, 0) 58%), radial-gradient(220px 180px at 82% 8%, rgba(160, 134, 255, .26) 0%, rgba(160, 134, 255, 0) 62%), radial-gradient(580px 280px at 0% 100%, rgba(243, 170, 202, .14) 0%, rgba(243, 170, 202, 0) 42%); } #dmz-paketler .dmz-price__body--portal{ position:relative; z-index:1; padding:28px 26px 22px; display:flex; flex-direction:column; flex:1 1 auto; } #dmz-paketler .dmz-price__labelwrap{ margin-bottom:18px; } #dmz-paketler .dmz-price__label{ display:inline-flex; align-items:center; min-height:40px; padding:8px 16px; border-radius:999px; border:1px solid rgba(203, 206, 225, .35); background:linear-gradient(180deg, rgba(244,244,248,.96) 0%, rgba(234,235,242,.96) 100%); color:#161d2d; font-size:13px; line-height:1; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } #dmz-paketler .dmz-price--featured .dmz-price__label{ padding:9px 18px; border-color:rgba(104, 82, 245, .48); background:linear-gradient(135deg, #111a33 0%, #5f35d8 100%); color:#fff; box-shadow:0 18px 28px rgba(58,40,145,.22); } #dmz-paketler .dmz-price__name--portal{ margin:0 0 10px; color:#111a33; font-size:30px; line-height:1.12; font-weight:900; letter-spacing:-.03em; } #dmz-paketler .dmz-price__desc{ margin:0 0 18px; color:#525c70; font-size:15px; line-height:1.75; } #dmz-paketler .dmz-featurelist--portal{ list-style:none; margin:0; padding:0; display:grid; gap:14px; } #dmz-paketler .dmz-featurelist--portal li{ position:relative; padding-left:22px; color:#151f35; font-size:15px; line-height:1.45; font-weight:800; } #dmz-paketler .dmz-featurelist--portal li::before{ content:""; position:absolute; left:0; top:.48em; width:11px; height:11px; border-radius:50%; background:#8d4cf5; box-shadow:0 0 0 3px rgba(141, 76, 245, .18); } #dmz-paketler .dmz-price__subbox{ margin-top:18px; padding:16px 16px; border-radius:18px; border:1px solid rgba(219, 222, 234, .7); background:rgba(255,255,255,.62); color:#667085; font-size:15px; line-height:1.7; } #dmz-paketler .dmz-price__spacer{ flex:1 1 auto; min-height:18px; } #dmz-paketler .dmz-price__pricewrap{ margin-top:8px; } #dmz-paketler .dmz-price__yearly{ color:#101935; font-size:28px; line-height:1.15; font-weight:950; letter-spacing:-.03em; } #dmz-paketler .dmz-price__monthly{ margin-top:8px; color:#5f677a; font-size:15px; line-height:1.35; font-weight:800; } #dmz-paketler .dmz-price__cta--portal{ position:relative; z-index:1; padding:0 26px 26px; border-top:none; margin-top:0; } #dmz-paketler .dmz-btn--pkg{ min-height:56px; border:none; border-radius:18px; background:linear-gradient(90deg, #111a3a 0%, #243674 38%, #6c31db 100%); color:#fff; font-size:16px; font-weight:900; letter-spacing:-.01em; box-shadow:0 18px 30px rgba(64, 55, 130, .16); } #dmz-paketler .dmz-btn--pkg .dmz-ico{ margin-right:10px; opacity:.95; } #dmz-paketler .dmz-btn--pkg:hover{ transform:translateY(-1px); box-shadow:0 22px 34px rgba(64, 55, 130, .22); } #dmz-paketler .dmz-packgrid__right .dmz-box{ margin-top:0; } #dmz-paketler .dmz-packgrid__right .dmz-box + .dmz-box{ margin-top:14px; } @media (max-width: 1180px){ #dmz-paketler .dmz-pricing{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px){ #dmz-paketler{ padding-left:12px !important; padding-right:12px !important; } #dmz-paketler .dmz-pricing{ grid-template-columns:1fr !important; gap:14px !important; } #dmz-paketler .dmz-price__body--portal{ padding:22px 20px 18px; } #dmz-paketler .dmz-price__cta--portal{ padding:0 20px 20px; } #dmz-paketler .dmz-price__name--portal{ font-size:26px; } #dmz-paketler .dmz-price__yearly{ font-size:22px; } } /* ===================================================================== PATCH 2026-03-14 — PACKAGE PREMIUM REFINEMENT / BILLING TOGGLE / 3-UP INFO BOXES ===================================================================== */ #dmz-paketler .dmz-pricing{ gap:14px !important; } #dmz-paketler .dmz-price--portal{ border-radius:30px; border-color:rgba(199, 198, 225, .34); background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,247,252,.97) 100%); box-shadow:0 22px 54px rgba(90, 78, 142, .10); backdrop-filter:blur(10px); } #dmz-paketler .dmz-price--portal.dmz-price--featured{ box-shadow:0 28px 72px rgba(125, 108, 210, .16); } #dmz-paketler .dmz-price__body--portal{ padding:26px 24px 20px; } #dmz-paketler .dmz-price__name--portal{ font-size:31px; } #dmz-paketler .dmz-price__desc{ margin-bottom:16px; } #dmz-paketler .dmz-featurelist--portal{ gap:12px; } #dmz-paketler .dmz-price__subbox{ margin-top:16px; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(250,250,253,.86) 100%); } #dmz-paketler .dmz-price__pricewrap{ margin-top:10px; padding-top:0; } #dmz-paketler .dmz-price__billing{ display:inline-flex; align-items:center; gap:6px; padding:6px; margin:0 0 14px; border-radius:999px; background:rgba(18, 26, 56, .06); border:1px solid rgba(191, 194, 214, .45); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); } #dmz-paketler .dmz-price__billing-btn{ appearance:none; border:none; background:transparent; color:#5e6476; min-height:38px; padding:0 16px; border-radius:999px; font-size:14px; font-weight:900; cursor:pointer; transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } #dmz-paketler .dmz-price__billing-btn.is-active{ background:linear-gradient(90deg, #111a3a 0%, #5f35d8 100%); color:#fff; box-shadow:0 10px 18px rgba(91, 63, 191, .22); } #dmz-paketler .dmz-price__billing-btn:not(.is-active):hover{ color:#1a2440; background:rgba(255,255,255,.72); } #dmz-paketler .dmz-price__amount{ color:#101935; font-size:28px; line-height:1.14; font-weight:950; letter-spacing:-.03em; } #dmz-paketler .dmz-price__yearly, #dmz-paketler .dmz-price__monthly{ display:none !important; } #dmz-paketler .dmz-price__cta--portal{ padding:0 24px 24px; } #dmz-paketler .dmz-btn--pkg{ min-height:58px; border-radius:17px; background:linear-gradient(90deg, #101733 0%, #243871 34%, #6d31df 100%); box-shadow:0 18px 28px rgba(68, 55, 136, .18); } #dmz-paketler .dmz-btn--pkg span{ transform:translateY(-.5px); } #dmz-paketler .dmz-packgrid__right{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; margin-top:18px; } #dmz-paketler .dmz-packgrid__right .dmz-box{ height:100%; margin-top:0 !important; } #dmz-paketler .dmz-packgrid__right .dmz-box-title{ font-size:15px !important; } @media (max-width: 1180px){ #dmz-paketler .dmz-packgrid__right{ grid-template-columns:1fr; } } @media (max-width: 767px){ #dmz-paketler .dmz-pricing{ gap:12px !important; } #dmz-paketler .dmz-price__body--portal{ padding:22px 18px 18px; } #dmz-paketler .dmz-price__billing{ width:100%; justify-content:center; } #dmz-paketler .dmz-price__billing-btn{ flex:1 1 auto; padding:0 12px; } #dmz-paketler .dmz-price__amount{ font-size:24px; } #dmz-paketler .dmz-price__cta--portal{ padding:0 18px 18px; } } /* ===================================================================== PATCH 2026-03-14 — PACKAGE POLISH / FEATURED EMPHASIS / MOBILE TIGHTENING ===================================================================== */ #dmz-paketler{ position:relative; } #dmz-paketler .dmz-pricing{ gap:16px !important; align-items:stretch; } #dmz-paketler .dmz-price--portal{ border:1px solid rgba(205, 206, 226, .42); background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,249,253,.97) 58%, rgba(246,244,251,.96) 100%); box-shadow: 0 18px 42px rgba(88, 78, 138, .08), inset 0 1px 0 rgba(255,255,255,.86); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } #dmz-paketler .dmz-price--portal::after{ content:""; position:absolute; inset:auto 18px 0 18px; height:52px; border-radius:999px; background:radial-gradient(circle at 50% 50%, rgba(143, 96, 255, .12), rgba(143, 96, 255, 0) 72%); filter:blur(18px); pointer-events:none; opacity:.9; } #dmz-paketler .dmz-price--portal:hover{ transform:translateY(-4px); box-shadow: 0 24px 54px rgba(88, 78, 138, .12), inset 0 1px 0 rgba(255,255,255,.9); border-color:rgba(184, 182, 222, .5); } #dmz-paketler .dmz-price--portal.dmz-price--featured{ z-index:3; transform:translateY(-8px) scale(1.008); border-color:rgba(198, 176, 255, .68); box-shadow: 0 28px 70px rgba(132, 112, 219, .18), inset 0 1px 0 rgba(255,255,255,.92); } #dmz-paketler .dmz-price--portal.dmz-price--featured:hover{ transform:translateY(-11px) scale(1.01); } #dmz-paketler .dmz-price--portal.dmz-price--featured::before{ background: radial-gradient(280px 190px at 50% 4%, rgba(255, 184, 202, .38) 0%, rgba(255, 184, 202, 0) 60%), radial-gradient(230px 180px at 82% 8%, rgba(160, 134, 255, .28) 0%, rgba(160, 134, 255, 0) 62%), radial-gradient(560px 280px at 0% 100%, rgba(243, 170, 202, .15) 0%, rgba(243, 170, 202, 0) 44%); } #dmz-paketler .dmz-price__body--portal{ padding:28px 26px 22px; } #dmz-paketler .dmz-price__label{ min-height:42px; padding:8px 18px; border-color:rgba(205, 207, 226, .5); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); } #dmz-paketler .dmz-price__name--portal{ font-size:31px; line-height:1.1; } #dmz-paketler .dmz-price__desc{ color:#5e667a; } #dmz-paketler .dmz-featurelist--portal li{ padding-left:24px; font-size:15px; } #dmz-paketler .dmz-featurelist--portal li::before{ width:10px; height:10px; top:.5em; box-shadow:0 0 0 4px rgba(141, 76, 245, .16); } #dmz-paketler .dmz-price__subbox{ box-shadow:inset 0 1px 0 rgba(255,255,255,.75); } #dmz-paketler .dmz-price__billing{ padding:5px; border-color:rgba(193, 195, 214, .48); background:linear-gradient(180deg, rgba(243,244,249,.96) 0%, rgba(235,237,244,.96) 100%); } #dmz-paketler .dmz-price__billing-btn{ min-height:40px; font-size:14px; } #dmz-paketler .dmz-price__billing-btn.is-active{ background:linear-gradient(135deg, #141c3d 0%, #5934cc 100%); box-shadow:0 12px 22px rgba(91, 63, 191, .22); } #dmz-paketler .dmz-price__amount{ font-size:30px; } #dmz-paketler .dmz-price__cta--portal{ padding:0 26px 26px; } #dmz-paketler .dmz-btn--pkg{ position:relative; overflow:hidden; min-height:56px; background:linear-gradient(90deg, #121936 0%, #253973 36%, #6b32dd 100%); color:#fff; border:1px solid rgba(90, 63, 190, .12); } #dmz-paketler .dmz-btn--pkg::before{ content:""; position:absolute; inset:1px 1px auto 1px; height:46%; border-radius:16px; background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0)); pointer-events:none; } #dmz-paketler .dmz-btn--pkg:hover{ box-shadow:0 22px 34px rgba(68, 55, 136, .24); } #dmz-paketler .dmz-btn--pkg .dmz-ico, #dmz-paketler .dmz-btn--pkg span{ position:relative; z-index:1; } #dmz-paketler .dmz-price__vatnote{ margin-top:10px; text-align:center; font-size:12px; line-height:1.5; color:#6d7488; font-weight:700; letter-spacing:-0.01em; } #dmz-paketler .dmz-packgrid__right{ gap:16px; } @media (max-width: 1180px){ #dmz-paketler .dmz-price--portal.dmz-price--featured{ transform:translateY(-4px); } } @media (max-width: 767px){ #dmz-paketler{ padding-left:10px !important; padding-right:10px !important; } #dmz-paketler .dmz-section__head{ margin-bottom:14px; } #dmz-paketler .dmz-section__title{ font-size:30px !important; line-height:1.08; } #dmz-paketler .dmz-section__sub{ font-size:14px; line-height:1.55; } #dmz-paketler .dmz-pricing{ gap:12px !important; } #dmz-paketler .dmz-price--portal, #dmz-paketler .dmz-price--portal:hover, #dmz-paketler .dmz-price--portal.dmz-price--featured, #dmz-paketler .dmz-price--portal.dmz-price--featured:hover{ transform:none; } #dmz-paketler .dmz-price__body--portal{ padding:20px 18px 16px; } #dmz-paketler .dmz-price__labelwrap{ margin-bottom:14px; } #dmz-paketler .dmz-price__label{ min-height:38px; padding:7px 14px; font-size:12px; letter-spacing:.07em; } #dmz-paketler .dmz-price__name--portal{ font-size:26px; margin-bottom:8px; } #dmz-paketler .dmz-price__desc{ font-size:14px; line-height:1.65; margin-bottom:14px; } #dmz-paketler .dmz-featurelist--portal{ gap:10px; } #dmz-paketler .dmz-featurelist--portal li{ font-size:14px; line-height:1.42; padding-left:22px; } #dmz-paketler .dmz-price__subbox{ margin-top:14px; padding:14px; font-size:14px; line-height:1.6; } #dmz-paketler .dmz-price__spacer{ min-height:12px; } #dmz-paketler .dmz-price__billing{ margin-bottom:12px; padding:4px; width:100%; } #dmz-paketler .dmz-price__billing-btn{ min-height:38px; font-size:13px; } #dmz-paketler .dmz-price__amount{ font-size:24px; } #dmz-paketler .dmz-price__cta--portal{ padding:0 18px 18px; } #dmz-paketler .dmz-btn--pkg{ min-height:54px; font-size:15px; } #dmz-paketler .dmz-packgrid__right{ gap:12px; margin-top:14px; } #dmz-paketler .dmz-packgrid__right .dmz-box{ border-radius:22px; } } /* ===================================================================== PATCH 2026-03-14 — TECH FEATURES LITEBOX / PACKAGE BUTTON ===================================================================== */ #dmz-paketler .dmz-btn--techlite{ position:relative; width:100%; margin-top:14px; min-height:56px; padding:13px 15px; border-radius:18px; border:1px solid rgba(203, 198, 234, .9); background: radial-gradient(180px 80px at 12% 0%, rgba(194, 132, 255, .18), transparent 72%), linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,247,255,.98) 100%); color:#14203b; display:flex; align-items:center; justify-content:flex-start; gap:12px; text-align:left; box-shadow:0 14px 30px rgba(88, 78, 138, .08), inset 0 1px 0 rgba(255,255,255,.92); overflow:hidden; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; } #dmz-paketler .dmz-btn--techlite::before{ content:""; position:absolute; inset:1px; border-radius:17px; border:1px solid rgba(255,255,255,.7); pointer-events:none; } #dmz-paketler .dmz-btn--techlite:hover{ transform:translateY(-1px); border-color:rgba(154, 125, 250, .6); box-shadow:0 20px 38px rgba(88, 78, 138, .13), inset 0 1px 0 rgba(255,255,255,.94); } #dmz-paketler .dmz-btn--techlite__icon{ position:relative; z-index:1; flex:0 0 38px; width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(243,235,255,.96), rgba(234,224,252,.96)); border:1px solid rgba(227, 214, 247, .96); color:#6f41ea; font-size:16px; box-shadow:0 10px 22px rgba(111, 65, 234, .1); } #dmz-paketler .dmz-btn--techlite__content{ position:relative; z-index:1; flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; } #dmz-paketler .dmz-btn--techlite__title{ display:block; color:#16203a; font-size:15px; line-height:1.2; font-weight:950; letter-spacing:-.02em; } #dmz-paketler .dmz-btn--techlite__meta{ display:block; color:#64748b; font-size:12px; line-height:1.45; font-weight:700; } #dmz-paketler .dmz-btn--techlite__arrow{ position:relative; z-index:1; flex:0 0 auto; width:36px; height:36px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,241,251,.95)); border:1px solid rgba(227, 221, 240, .96); color:#5f44e6; font-size:18px; box-shadow:0 8px 18px rgba(95, 68, 230, .08); } .dmz-techlitebox{ position:fixed; inset:0; z-index:2147483647 !important; display:grid; place-items:center; padding:clamp(10px, 2vw, 24px); isolation:isolate; overscroll-behavior:contain; } .dmz-techlitebox__backdrop{ position:absolute; inset:0; background:rgba(8, 10, 22, .68); backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%); } .dmz-techlitebox__dialog{ position:relative; z-index:2; width:min(1100px, calc(100vw - 28px)); max-width:1100px; max-height:min(92dvh, 960px); margin:0; border-radius:38px; border:1px solid rgba(235, 221, 240, .98); background: radial-gradient(300px 200px at 92% 0%, rgba(188, 150, 255, .18) 0%, rgba(188, 150, 255, 0) 64%), radial-gradient(280px 200px at 0% 100%, rgba(255, 189, 214, .14) 0%, rgba(255, 189, 214, 0) 68%), linear-gradient(180deg, #ffffff 0%, #fffafc 50%, #fff7fb 100%); box-shadow:0 52px 160px rgba(18, 14, 37, .42); overflow:hidden; display:flex; flex-direction:column; transform:translateZ(0); } .dmz-techlitebox__dialog::before{ content:""; position:absolute; inset:1px; border-radius:37px; border:1px solid rgba(255,255,255,.76); pointer-events:none; } .dmz-techlitebox__close{ position:absolute; top:18px; right:18px; z-index:5; width:52px; height:52px; border:1px solid rgba(223, 228, 239, .96); border-radius:18px; background:rgba(255,255,255,.9); color:#20304a; font-size:30px; line-height:1; cursor:pointer; box-shadow:0 18px 36px rgba(27, 16, 44, .12); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; } .dmz-techlitebox__close:hover{ transform:translateY(-1px); background:#ffffff; box-shadow:0 24px 44px rgba(27, 16, 44, .16); } .dmz-techlitebox__head{ position:relative; padding:38px 38px 22px; background: radial-gradient(320px 200px at 84% 8%, rgba(160, 134, 255, .18) 0%, rgba(160, 134, 255, 0) 64%), radial-gradient(260px 180px at 10% 0%, rgba(255, 184, 202, .18) 0%, rgba(255, 184, 202, 0) 62%); } .dmz-techlitebox__head::after{ content:""; position:absolute; left:38px; right:38px; bottom:0; height:1px; background:linear-gradient(90deg, rgba(221, 203, 230, 0), rgba(221, 203, 230, .95), rgba(221, 203, 230, 0)); } .dmz-techlitebox__head h3{ margin:0; color:#111a33; font-size:31px; line-height:1.05; font-weight:950; letter-spacing:-.04em; } .dmz-techlitebox__head p{ margin:14px 0 0; max-width:900px; color:#5b667b; font-size:16px; line-height:1.8; } .dmz-techlitebox__body{ flex:1 1 auto; min-height:0; overflow:auto; padding:18px 28px 28px; scrollbar-gutter:stable both-edges; scrollbar-width:thin; scrollbar-color:#ae84ff rgba(242,236,250,.94); } .dmz-techlitebox__body::-webkit-scrollbar{width:13px;height:13px} .dmz-techlitebox__body::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(252,248,255,.98),rgba(243,236,250,.98));border-radius:999px} .dmz-techlitebox__body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(242,236,250,.98);background:linear-gradient(180deg,#c992ff 0%,#8b62f2 100%);box-shadow:0 8px 20px rgba(139,98,242,.18)} .dmz-techacc{display:grid;gap:14px} .dmz-techacc__item{ position:relative; border:1px solid rgba(223, 228, 236, .96); border-radius:28px; background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,249,252,.98) 100%); box-shadow:0 16px 34px rgba(61, 44, 96, .06), inset 0 1px 0 rgba(255,255,255,.8); overflow:hidden; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .dmz-techacc__item:hover{ border-color:rgba(202, 177, 255, .72); box-shadow:0 20px 42px rgba(61, 44, 96, .09), inset 0 1px 0 rgba(255,255,255,.88); transform:translateY(-1px); } .dmz-techacc__item[open]{ border-color:rgba(177, 148, 255, .8); box-shadow:0 26px 58px rgba(70, 43, 118, .13), inset 0 1px 0 rgba(255,255,255,.9); } .dmz-techacc__item[open]::before{ content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg, #6d56ff 0%, #9b5cf5 46%, #ff7fb4 100%); } .dmz-techacc__sum{ list-style:none; display:flex; align-items:center; gap:16px; min-height:88px; padding:20px 24px; cursor:pointer; } .dmz-techacc__sum::-webkit-details-marker{display:none} .dmz-techacc__icon{ flex:0 0 52px; width:52px; height:52px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(245,239,250,.99), rgba(236,228,243,.99)); border:1px solid rgba(226, 216, 236, .95); font-size:23px; box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 10px 20px rgba(89, 70, 128, .08); } .dmz-techacc__title{ flex:1 1 auto; color:#111a33; font-size:18px; line-height:1.42; font-weight:900; letter-spacing:-.02em; } .dmz-techacc__chev{ flex:0 0 auto; width:40px; height:40px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; color:#556176; font-size:24px; line-height:1; background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(242,244,248,.95)); border:1px solid rgba(225, 229, 238, .96); box-shadow:0 10px 22px rgba(38, 29, 71, .06); transition:transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease; } .dmz-techacc__item[open] .dmz-techacc__chev{ transform:rotate(180deg); color:#5f44e6; background:linear-gradient(180deg, rgba(246, 241, 255, .96), rgba(239, 232, 255, .96)); box-shadow:0 12px 24px rgba(95, 68, 230, .12); } .dmz-techacc__body{padding:0 24px 24px 92px} .dmz-techacc__list{margin:0;padding:4px 0 0;list-style:none;display:grid;gap:12px} .dmz-techacc__list li{ position:relative; display:flex; align-items:flex-start; gap:12px; min-height:50px; padding:13px 17px 13px 15px; color:#334155; font-size:15px; line-height:1.72; border-radius:18px; border:1px solid rgba(232, 235, 242, .96); background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,252,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 16px rgba(56,37,102,.03); } .dmz-techacc__list li::before{ content:""; flex:0 0 10px; width:10px; height:10px; margin-top:.66em; border-radius:999px; background:linear-gradient(180deg, #8d4cf5 0%, #c45eff 100%); box-shadow:0 0 0 5px rgba(141, 76, 245, .1); } html.dmz-techlitebox-open, body.dmz-techlitebox-open{overflow:hidden !important} html.dmz-techlitebox-open #dfa-launcher, html.dmz-techlitebox-open #dfa-chat, html.dmz-techlitebox-open #dfa-page-hint, html.dmz-techlitebox-open [id^="dfa-"], html.dmz-techlitebox-open .dfa-launcher, html.dmz-techlitebox-open .dfa-widget, body.dmz-techlitebox-open #dfa-launcher, body.dmz-techlitebox-open #dfa-chat, body.dmz-techlitebox-open #dfa-page-hint, body.dmz-techlitebox-open [id^="dfa-"], body.dmz-techlitebox-open .dfa-launcher, body.dmz-techlitebox-open .dfa-widget{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; z-index:2147482000 !important; } @media (max-width: 767px){ #dmz-paketler .dmz-btn--techlite{ min-height:54px; padding:12px 13px; margin-top:12px; border-radius:16px; gap:10px; } #dmz-paketler .dmz-btn--techlite__icon{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:14px} #dmz-paketler .dmz-btn--techlite__title{font-size:14px} #dmz-paketler .dmz-btn--techlite__meta{font-size:11px;line-height:1.4} #dmz-paketler .dmz-btn--techlite__arrow{width:32px;height:32px;border-radius:10px;font-size:16px} .dmz-techlitebox{padding:6px} .dmz-techlitebox__dialog{width:calc(100vw - 12px);max-height:min(94dvh, 960px);border-radius:24px} .dmz-techlitebox__dialog::before{border-radius:23px} .dmz-techlitebox__close{top:12px;right:12px;width:42px;height:42px;border-radius:13px;font-size:24px} .dmz-techlitebox__head{padding:22px 16px 15px} .dmz-techlitebox__head::after{left:16px;right:16px} .dmz-techlitebox__head h3{font-size:23px} .dmz-techlitebox__head p{font-size:14px;line-height:1.72;margin-top:10px;max-width:none;padding-right:24px} .dmz-techlitebox__body{padding:12px 10px 14px} .dmz-techacc{gap:12px} .dmz-techacc__item,.dmz-techacc__item:hover,.dmz-techacc__item[open]{transform:none} .dmz-techacc__sum{min-height:74px;padding:14px 14px;gap:12px;align-items:flex-start} .dmz-techacc__icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:20px} .dmz-techacc__title{font-size:16px;line-height:1.48;padding-top:2px} .dmz-techacc__chev{width:34px;height:34px;font-size:22px;border-radius:11px} .dmz-techacc__body{padding:0 14px 16px 14px} .dmz-techacc__list{gap:10px} .dmz-techacc__list li{min-height:46px;padding:12px 12px 12px 12px;font-size:14px;line-height:1.66;border-radius:15px} } @media (min-width:768px) and (max-width:1024px){ .dmz-techlitebox__dialog{width:min(980px, calc(100vw - 22px));max-height:min(92dvh, 960px)} .dmz-techlitebox__head{padding:32px 28px 20px} .dmz-techlitebox__head::after{left:28px;right:28px} .dmz-techlitebox__body{padding:16px 20px 22px} .dmz-techacc__sum{padding:18px 18px} .dmz-techacc__body{padding:0 18px 18px 82px} } .dmz-techlitebox[hidden]{display:none !important} .dmz-techlitebox, .dmz-techlitebox__backdrop, .dmz-techlitebox__dialog, .dmz-techlitebox__close{z-index:2147483647 !important} html.dmz-techlitebox-open .dmz-head, body.dmz-techlitebox-open .dmz-head, html.dmz-techlitebox-open [class*="header"], body.dmz-techlitebox-open [class*="header"], html.dmz-techlitebox-open [class*="menu"], body.dmz-techlitebox-open [class*="menu"]{z-index:auto !important} /* v4: Güncel sürüm bilgisi alt buton + litebox */ .dmz-version-cta-section{margin-top:18px} .dmz-version-cta-wrap{display:flex;justify-content:center} .dmz-version-cta{ width:min(100%, 860px); display:flex;flex-direction:column;align-items:flex-start;gap:10px; padding:18px 22px;border-radius:24px;border:1px solid rgba(206,186,233,.9); background:linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(253,247,255,.98) 58%,rgba(247,241,255,.98) 100%); box-shadow:0 26px 58px rgba(78,40,118,.12), inset 0 1px 0 rgba(255,255,255,.82); position:relative;overflow:hidden;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .dmz-version-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(191,90,242,.14),transparent 32%),radial-gradient(circle at bottom left,rgba(63,169,245,.12),transparent 30%);pointer-events:none} .dmz-version-cta:hover{transform:translateY(-2px);box-shadow:0 30px 64px rgba(78,40,118,.16), inset 0 1px 0 rgba(255,255,255,.82);border-color:rgba(176,136,232,.95)} .dmz-version-cta>*{position:relative;z-index:1} .dmz-version-cta__kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(201,185,230,.95);background:rgba(255,255,255,.78);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#6a2a73} .dmz-version-cta__title{font-size:28px;line-height:1.12;font-weight:900;color:#161f3d;letter-spacing:-.04em} .dmz-version-cta__meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:#5d6983;font-size:14px;line-height:1.6} .dmz-version-cta__meta strong{color:#151e3e} .dmz-version-cta__badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#16264d,#5d2fd8 58%,#c84cb8);color:#fff;font-weight:800;box-shadow:0 12px 26px rgba(82,44,156,.22)} .dmz-verlitebox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;z-index:2147483647 !important} .dmz-verlitebox[hidden]{display:none !important} .dmz-verlitebox__backdrop{position:absolute;inset:0;background:rgba(18,22,39,.52);backdrop-filter:blur(12px);z-index:2147483646 !important} .dmz-verlitebox__dialog{position:relative;width:min(760px, calc(100vw - 24px));max-height:min(92dvh, 940px);display:flex;flex-direction:column;border-radius:30px;border:1px solid rgba(218,202,239,.94);background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(252,247,255,.98) 100%);box-shadow:0 34px 90px rgba(18,22,39,.28),0 0 0 1px rgba(255,255,255,.55) inset;overflow:hidden;z-index:2147483647 !important} .dmz-verlitebox__dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#123765 0%,#2ea8df 28%,#8b62f2 62%,#f067b4 100%)} .dmz-verlitebox__close{position:absolute;top:22px;right:22px;width:52px;height:52px;border-radius:18px;border:1px solid rgba(214,220,232,.95);background:linear-gradient(180deg,#ffffff,#f3f5fb);color:#24324f;font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 26px rgba(18,22,39,.12);z-index:2;transition:transform .18s ease, box-shadow .18s ease} .dmz-verlitebox__close:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(18,22,39,.16)} .dmz-verlitebox__head{padding:34px 34px 20px;position:relative} .dmz-verlitebox__head::after{content:"";position:absolute;left:34px;right:34px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(222,212,238,.96),rgba(222,212,238,0))} .dmz-verlitebox__head h3{margin:0;color:#141f3d;font-size:28px;letter-spacing:-.04em;line-height:1.1;font-weight:900} .dmz-verlitebox__head p{margin:14px 0 0;color:#5f6e89;font-size:16px;line-height:1.72;max-width:620px} .dmz-verlitebox__body{padding:20px 24px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9b6df2 #f4eefb} .dmz-verlitebox__body::-webkit-scrollbar{width:13px;height:13px} .dmz-verlitebox__body::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(252,248,255,.98),rgba(243,236,250,.98));border-radius:999px} .dmz-verlitebox__body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(242,236,250,.98);background:linear-gradient(180deg,#c992ff 0%,#8b62f2 100%);box-shadow:0 8px 20px rgba(139,98,242,.18)} .dmz-verpanel{padding:20px;border-radius:24px;border:1px solid rgba(214,201,238,.96);background:linear-gradient(180deg,#fff 0%,#fcf8ff 100%);box-shadow:0 18px 34px rgba(91,57,140,.08)} .dmz-verpanel__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap} .dmz-verpanel__label{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b2a74;margin-bottom:8px} .dmz-verpanel__version{font-size:34px;font-weight:900;letter-spacing:-.05em;color:#131d3d;line-height:1.04} .dmz-verpanel__badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:16px;border:1px solid rgba(216,220,231,.94);background:linear-gradient(180deg,#fff,#f4f6fb);font-weight:800;color:#20304d;box-shadow:0 12px 26px rgba(18,22,39,.08)} .dmz-verpanel__meta{margin-top:14px;color:#5d6983;font-size:15px;line-height:1.65} .dmz-verpanel__meta strong{color:#131d3d} .dmz-verpanel__next{margin-top:8px;color:#465572;font-size:15px;line-height:1.6} .dmz-verpanel__next strong{color:#131d3d} .dmz-verfuture{padding:16px;border-radius:22px;border:1px solid rgba(214,201,238,.96);background:radial-gradient(circle at top right,rgba(141,76,245,.12),transparent 30%),linear-gradient(180deg,#fff 0%,#fcf8ff 100%);box-shadow:0 16px 30px rgba(91,57,140,.07)} .dmz-verfuture__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px} .dmz-verfuture__eyebrow{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b2a74;margin-bottom:6px} .dmz-verfuture__title{font-size:24px;font-weight:900;letter-spacing:-.03em;color:#141f3d;line-height:1.1} .dmz-verfuture__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#6c1a73,#ac397b 58%,#8d4cf5);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 24px rgba(108,26,115,.16)} .dmz-verfuture__list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none} .dmz-verfuture__list li{position:relative;padding:13px 14px 13px 42px;border-radius:16px;border:1px solid rgba(221,213,238,.96);background:linear-gradient(180deg,#fff,#fbf7ff);color:#41506b;font-size:14px;line-height:1.65;box-shadow:0 10px 22px rgba(91,57,140,.05)} .dmz-verfuture__list li::before{content:'';position:absolute;left:16px;top:18px;width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#6c1a73,#ac397b 58%,#8d4cf5);box-shadow:0 0 0 5px rgba(141,76,245,.12)} @media (max-width:767px){.dmz-verfuture{padding:14px;border-radius:18px}.dmz-verfuture__title{font-size:20px}.dmz-verfuture__list li{padding:12px 12px 12px 38px;font-size:13.5px}} .dmz-progress--verlite{margin-top:14px} .dmz-more--verlite{border-radius:18px;overflow:hidden;border:1px solid rgba(223,214,239,.96);background:linear-gradient(180deg,#fff 0%,#fcf9ff 100%);box-shadow:0 14px 28px rgba(91,57,140,.05)} .dmz-more--verlite .dmz-more__sum{min-height:58px} html.dmz-verlitebox-open,body.dmz-verlitebox-open{overflow:hidden !important} html.dmz-verlitebox-open #dfa-launcher, html.dmz-verlitebox-open #dfa-chat, html.dmz-verlitebox-open #dfa-page-hint, html.dmz-verlitebox-open [id^="dfa-"], html.dmz-verlitebox-open .dfa-launcher, html.dmz-verlitebox-open .dfa-widget, body.dmz-verlitebox-open #dfa-launcher, body.dmz-verlitebox-open #dfa-chat, body.dmz-verlitebox-open #dfa-page-hint, body.dmz-verlitebox-open [id^="dfa-"], body.dmz-verlitebox-open .dfa-launcher, body.dmz-verlitebox-open .dfa-widget{z-index:auto !important} @media (max-width: 767px){ .dmz-version-cta-section{margin-top:14px} .dmz-version-cta{padding:16px 16px 15px;border-radius:22px;gap:9px} .dmz-version-cta__title{font-size:22px} .dmz-version-cta__meta{font-size:13px;gap:8px 10px} .dmz-verlitebox{padding:6px} .dmz-verlitebox__dialog{width:calc(100vw - 12px);max-height:min(94dvh, 960px);border-radius:24px} .dmz-verlitebox__close{top:12px;right:12px;width:42px;height:42px;border-radius:13px;font-size:24px} .dmz-verlitebox__head{padding:22px 16px 15px} .dmz-verlitebox__head::after{left:16px;right:16px} .dmz-verlitebox__head h3{font-size:24px} .dmz-verlitebox__head p{font-size:14px;line-height:1.72;max-width:none;padding-right:24px} .dmz-verlitebox__body{padding:12px 10px 14px} .dmz-verpanel{padding:16px;border-radius:20px} .dmz-verpanel__version{font-size:28px} .dmz-verpanel__badge{padding:9px 12px;border-radius:14px;font-size:13px} } @media (min-width:768px) and (max-width:1024px){ .dmz-verlitebox__dialog{width:min(760px, calc(100vw - 24px));max-height:min(92dvh, 960px)} } /* PATCH 2026-03-14 — inline version button inside package support box */ .dmz-version-inline-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; padding:14px 16px; border-radius:16px; border:1px solid rgba(201,185,230,.92); background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,241,252,.98)); box-shadow:0 10px 22px rgba(78,40,118,.08), inset 0 1px 0 rgba(255,255,255,.82); color:#18213f; font-weight:800; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .dmz-version-inline-btn:hover{ transform:translateY(-1px); border-color:rgba(176,136,232,.98); box-shadow:0 16px 28px rgba(78,40,118,.12), inset 0 1px 0 rgba(255,255,255,.9); } .dmz-version-inline-btn__label{font-size:14px;line-height:1.35;text-align:left} .dmz-version-inline-btn__arrow{ flex:0 0 auto; width:34px;height:34px; display:inline-flex;align-items:center;justify-content:center; border-radius:12px; background:linear-gradient(135deg,#16264d,#5d2fd8 58%,#c84cb8); color:#fff; box-shadow:0 10px 18px rgba(82,44,156,.22); } @media (max-width: 767px){ .dmz-version-inline-btn{padding:13px 14px;border-radius:14px} .dmz-version-inline-btn__label{font-size:13.5px} .dmz-version-inline-btn__arrow{width:32px;height:32px;border-radius:11px} } /* v3 fix: kişisel asistan litebox */ .dmz-version-inline-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px} .dmz-version-inline-btn--assistant{ border-color:rgba(180,160,235,.96); background:linear-gradient(135deg,rgba(250,245,255,.98) 0%,rgba(243,238,255,.98) 100%); } .dmz-version-inline-btn--assistant .dmz-version-inline-btn__arrow{ background:linear-gradient(135deg,#5f44e6 0%,#8b62f2 58%,#cf5ec7 100%); } .dmz-asstlitebox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;z-index:2147483647 !important} .dmz-asstlitebox[hidden]{display:none !important} .dmz-asstlitebox__backdrop{position:absolute;inset:0;background:rgba(16,20,36,.58);backdrop-filter:blur(12px);z-index:2147483646 !important} .dmz-asstlitebox__dialog{position:relative;width:min(1280px, calc(100vw - 24px));max-height:min(92dvh, 980px);display:flex;flex-direction:column;border-radius:30px;border:1px solid rgba(218,202,239,.94);background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(252,247,255,.98) 100%);box-shadow:0 34px 90px rgba(18,22,39,.28),0 0 0 1px rgba(255,255,255,.55) inset;overflow:hidden;z-index:2147483647 !important} .dmz-asstlitebox__dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#123765 0%,#2ea8df 28%,#8b62f2 62%,#f067b4 100%)} .dmz-asstlitebox__close{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:16px;border:1px solid rgba(214,220,232,.95);background:linear-gradient(180deg,#ffffff,#f3f5fb);color:#24324f;font-size:30px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 26px rgba(18,22,39,.12);z-index:2;transition:transform .18s ease, box-shadow .18s ease} .dmz-asstlitebox__close:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(18,22,39,.16)} .dmz-asstlitebox__head{padding:28px 28px 16px;position:relative} .dmz-asstlitebox__head::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(222,212,238,.96),rgba(222,212,238,0))} .dmz-asstlitebox__head h3{margin:0;color:#141f3d;font-size:28px;letter-spacing:-.04em;line-height:1.1;font-weight:900} .dmz-asstlitebox__head p{margin:12px 0 0;color:#5f6e89;font-size:15px;line-height:1.72;max-width:780px} .dmz-asstlitebox__body{padding:16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9b6df2 #f4eefb} .dmz-asstlitebox__body::-webkit-scrollbar{width:13px;height:13px} .dmz-asstlitebox__body::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(252,248,255,.98),rgba(243,236,250,.98));border-radius:999px} .dmz-asstlitebox__body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(242,236,250,.98);background:linear-gradient(180deg,#c992ff 0%,#8b62f2 100%);box-shadow:0 8px 20px rgba(139,98,242,.18)} .dmz-asstlitebox__body .dmz-packafter{margin:0 !important} .dmz-asstlitebox__body .dmz-box--compare{margin:0 !important;border-radius:24px} html.dmz-asstlitebox-open,body.dmz-asstlitebox-open{overflow:hidden !important} @media (max-width: 767px){ .dmz-version-inline-actions{gap:8px;margin-top:12px} .dmz-asstlitebox{padding:6px} .dmz-asstlitebox__dialog{width:calc(100vw - 12px);max-height:min(94dvh, 980px);border-radius:24px} .dmz-asstlitebox__close{top:12px;right:12px;width:42px;height:42px;border-radius:13px;font-size:24px} .dmz-asstlitebox__head{padding:22px 16px 14px} .dmz-asstlitebox__head::after{left:16px;right:16px} .dmz-asstlitebox__head h3{font-size:24px} .dmz-asstlitebox__head p{font-size:14px;line-height:1.68;padding-right:18px} .dmz-asstlitebox__body{padding:10px} } /* Paket listesi yazı kalınlığı ince ayar */ #dmz-paketler .dmz-featurelist--portal li{font-weight:700;} /* ===================================================================== PATCH 2026-03-14 — RECENT UPDATES BOX / PACKAGES SIDEBAR 2-COL ===================================================================== */ #dmz-paketler .dmz-packgrid__right{ display:grid; grid-template-columns:minmax(280px, .78fr) minmax(0, 1.22fr); gap:14px; margin-top:18px; } #dmz-paketler .dmz-packgrid__right .dmz-box{ height:100%; margin-top:0 !important; } #dmz-paketler .dmz-box--updates{ border-radius:24px; border:1px solid rgba(172,57,123,.22); background: radial-gradient(circle at top right,rgba(141,76,245,.14),transparent 32%), radial-gradient(circle at top left,rgba(193,24,91,.10),transparent 28%), linear-gradient(180deg,#ffffff 0%,#fff9ff 56%,#fff7fb 100%); box-shadow:0 22px 48px rgba(108,26,115,.10); padding:16px; overflow:hidden; } #dmz-paketler .dmz-updates__head{ margin-bottom:14px; } #dmz-paketler .dmz-box--updates .dmz-box-title{ margin:0 0 12px; font-size:15px !important; color:#261434; } #dmz-paketler .dmz-updates__badge{ display:inline-flex; align-items:center; gap:8px; padding:11px 16px; border-radius:999px; background:linear-gradient(135deg,rgba(108,26,115,.10),rgba(141,76,245,.08) 58%,rgba(193,24,91,.10)); color:#6c1a73; font-size:13px; font-weight:900; line-height:1.2; box-shadow:inset 0 0 0 1px rgba(172,57,123,.14); } #dmz-paketler .dmz-updates__badge:before{ content:""; width:10px; height:10px; border-radius:999px; background:linear-gradient(180deg,#c1185b,#8d4cf5); box-shadow:0 0 0 5px rgba(141,76,245,.12); } #dmz-paketler .dmz-updates__list{ max-height:370px; overflow:auto; border-left:3px solid rgba(141,76,245,.92); border-radius:18px; margin-top:8px; scrollbar-width:thin; scrollbar-color:#8d4cf5 #f4e9f5; } #dmz-paketler .dmz-updates__list::-webkit-scrollbar{width:12px} #dmz-paketler .dmz-updates__list::-webkit-scrollbar-track{background:#f4e9f5;border-radius:999px} #dmz-paketler .dmz-updates__list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c1a73,#ac397b 52%,#c1185b 80%,#8d4cf5);border-radius:999px;border:2px solid #f4e9f5} #dmz-paketler .dmz-updates__item{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:14px 18px; border-bottom:1px solid rgba(172,57,123,.11); background:rgba(255,246,252,.84); } #dmz-paketler .dmz-updates__item:nth-child(even){background:rgba(249,244,255,.95)} #dmz-paketler .dmz-updates__item:last-child{border-bottom:0} #dmz-paketler .dmz-updates__text{ color:#4e5d74; font-size:15px; line-height:1.7; } #dmz-paketler .dmz-updates__meta{ display:contents; } #dmz-paketler .dmz-updates__date{ display:inline-flex; align-items:center; justify-content:center; min-width:124px; padding:10px 14px; border-radius:6px; background:linear-gradient(135deg,#6c1a73,#ac397b 58%,#8d4cf5); color:#fff; font-size:13px; font-weight:900; white-space:nowrap; box-shadow:0 10px 22px rgba(108,26,115,.16); } #dmz-paketler .dmz-updates__ver{ color:#ac397b; font-size:13px; font-weight:900; white-space:nowrap; } #dmz-paketler .dmz-updates__empty{ padding:18px; color:#64748b; font-size:13px; } @media (max-width:1180px){ #dmz-paketler .dmz-packgrid__right{grid-template-columns:1fr;} #dmz-paketler .dmz-updates__item{grid-template-columns:1fr;} #dmz-paketler .dmz-updates__meta{display:flex;gap:10px;flex-wrap:wrap} } @media (max-width:767px){ #dmz-paketler .dmz-updates__badge{width:100%;justify-content:flex-start;font-size:12px;padding:10px 12px} #dmz-paketler .dmz-updates__list{max-height:320px} #dmz-paketler .dmz-updates__item{padding:13px 14px;gap:10px} #dmz-paketler .dmz-updates__text{font-size:14px;line-height:1.6} #dmz-paketler .dmz-updates__date{min-width:0;padding:9px 12px;font-size:12px} #dmz-paketler .dmz-updates__ver{font-size:12px} } /* === FAQ UX refresh v3 === */ body.dmz-portal #dmz-faq .dmz-faq-head{ display:grid !important; grid-template-columns: minmax(0,1fr) minmax(260px, 520px) !important; align-items:end !important; column-gap:18px !important; } body.dmz-portal #dmz-faq .dmz-faq-toolbar{ max-width: var(--dmz-container-width, 1310px) !important; margin: 0 auto 18px !important; padding: 0 24px !important; display:grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items:center !important; gap:14px !important; } body.dmz-portal #dmz-faq .dmz-faq-toolbar.is-search-off{grid-template-columns:1fr !important;} body.dmz-portal #dmz-faq .dmz-faq-search{ display:flex !important; align-items:center !important; gap:10px !important; min-height:54px !important; padding:0 16px !important; border-radius:18px !important; border:1px solid rgba(108,26,115,.14) !important; background:rgba(255,255,255,.88) !important; box-shadow:0 14px 30px rgba(18,24,40,.06) !important; } body.dmz-portal #dmz-faq .dmz-faq-search__icon{color:#8d4cf5;flex:0 0 auto;opacity:.9;} body.dmz-portal #dmz-faq .dmz-faq-search__input{ appearance:none !important; border:0 !important; outline:none !important; background:transparent !important; width:100% !important; min-width:0 !important; font:inherit !important; font-size:15px !important; color:#0f172a !important; box-shadow:none !important; padding:0 !important; } body.dmz-portal #dmz-faq .dmz-faq-search__input::placeholder{color:rgba(15,23,42,.42) !important;} body.dmz-portal #dmz-faq .dmz-faq-hint{ justify-self:end !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:12px 16px !important; border-radius:999px !important; border:1px solid rgba(108,26,115,.12) !important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,253,.92)) !important; color:rgba(15,23,42,.68) !important; font-size:13px !important; font-weight:700 !important; box-shadow:0 14px 30px rgba(109,26,115,.07) !important; } body.dmz-portal #dmz-faq .dmz-faq{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:14px 14px !important; } body.dmz-portal #dmz-faq .dmz-faq-item{ width:100% !important; min-width:0 !important; } body.dmz-portal #dmz-faq .dmz-faq-q{ min-height:58px !important; display:flex !important; align-items:center !important; padding:14px 58px 14px 18px !important; line-height:1.42 !important; } body.dmz-portal #dmz-faq .dmz-faq-q::after{ display:flex !important; align-items:center !important; justify-content:center !important; } body.dmz-portal #dmz-faq .dmz-faq-a{ font-size:14px !important; line-height:1.7 !important; padding:0 18px 18px !important; } body.dmz-portal #dmz-faq .dmz-faq-empty{ max-width: var(--dmz-container-width, 1310px) !important; margin: 8px auto 0 !important; padding: 0 24px !important; color:rgba(15,23,42,.66) !important; font-weight:650 !important; } body.dmz-portal #dmz-faq .dmz-faq-empty[hidden]{display:none !important;} body.dmz-portal #dmz-faq .dmz-faq-controls{ margin-top:18px !important; } body.dmz-portal #dmz-faq .dmz-faq-morebtn{ min-width:300px !important; border-radius:999px !important; padding:15px 18px !important; background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,244,255,.96)) !important; border:1px solid rgba(108,26,115,.14) !important; box-shadow:0 18px 36px rgba(109,26,115,.10), inset 0 1px 0 rgba(255,255,255,.85) !important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } body.dmz-portal #dmz-faq .dmz-faq-morebtn:hover{ transform:translateY(-1px) !important; border-color:rgba(141,76,245,.28) !important; box-shadow:0 22px 42px rgba(109,26,115,.14), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal #dmz-faq .dmz-faq-more__label{font-weight:900 !important;letter-spacing:-.01em !important;} body.dmz-portal #dmz-faq .dmz-faq-more__count{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:48px !important;padding:4px 10px !important;border-radius:999px !important;background:linear-gradient(135deg,rgba(108,26,115,.08),rgba(141,76,245,.12)) !important;color:#6c1a73 !important;font-weight:800 !important;margin-left:8px !important;} body.dmz-portal #dmz-faq .dmz-faq-more__caret{width:34px !important;height:34px !important;border-radius:999px !important;background:linear-gradient(135deg,#6c1a73,#ac397b 56%,#8d4cf5) !important;color:#fff !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 10px 22px rgba(109,26,115,.18) !important;} @media (max-width: 980px){ body.dmz-portal #dmz-faq .dmz-faq-head{grid-template-columns:1fr !important;} body.dmz-portal #dmz-faq .dmz-faq-toolbar{grid-template-columns:1fr !important;} body.dmz-portal #dmz-faq .dmz-faq-hint{justify-self:start !important;} } @media (max-width: 860px){ body.dmz-portal #dmz-faq .dmz-faq{grid-template-columns:1fr !important;} } @media (max-width: 640px){ body.dmz-portal #dmz-faq .dmz-faq-head{gap:12px !important;} body.dmz-portal #dmz-faq .dmz-faq-shell, body.dmz-portal #dmz-faq .dmz-faq-head, body.dmz-portal #dmz-faq .dmz-faq, body.dmz-portal #dmz-faq .dmz-faq-controls, body.dmz-portal #dmz-faq .dmz-faq-toolbar, body.dmz-portal #dmz-faq .dmz-faq-empty{padding-left:18px !important;padding-right:18px !important;} body.dmz-portal #dmz-faq .dmz-faq-search{min-height:50px !important;border-radius:16px !important;} body.dmz-portal #dmz-faq .dmz-faq-morebtn{min-width:100% !important;} } /* ===================================================================== PATCH 2026-03-15 — version box width + premium simplification ===================================================================== */ #dmz-paketler .dmz-packgrid__right{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; } #dmz-paketler .dmz-packgrid__right .dmz-box--version{ grid-column:span 1; min-width:0; } #dmz-paketler .dmz-packgrid__right .dmz-box--updates{ grid-column:span 2; min-width:0; } #dmz-paketler .dmz-box--version{ padding:16px !important; border-radius:28px !important; border:1px solid rgba(223,212,239,.96) !important; background: radial-gradient(circle at top right,rgba(141,76,245,.10),transparent 30%), radial-gradient(circle at bottom left,rgba(193,24,91,.06),transparent 28%), linear-gradient(180deg,#ffffff 0%,#fcf9ff 100%) !important; box-shadow:0 24px 54px rgba(91,57,140,.08) !important; overflow:hidden; } #dmz-paketler .dmz-box--version::before{ display:none !important; } #dmz-paketler .dmz-box--version .dmz-box-title{ margin:0 0 12px !important; color:#1a2340 !important; font-size:15px !important; font-weight:900 !important; letter-spacing:.04em !important; text-transform:uppercase !important; } #dmz-paketler .dmz-box--version .dmz-kv{ margin-top:0 !important; padding:16px !important; border-radius:22px !important; border:1px solid rgba(220,210,238,.96) !important; background:linear-gradient(180deg,#ffffff 0%,#fdf9ff 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 12px 28px rgba(91,57,140,.05) !important; } #dmz-paketler .dmz-verrow{ align-items:flex-start; } #dmz-paketler .dmz-verlabel{ color:#6c1a73 !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.05em !important; } #dmz-paketler .dmz-verbadge{ padding:10px 14px !important; border-radius:14px !important; border:1px solid rgba(216,220,231,.96) !important; background:linear-gradient(180deg,#ffffff,#f4f6fb) !important; box-shadow:0 10px 22px rgba(18,22,39,.07) !important; color:#16203e !important; font-size:15px !important; font-weight:900 !important; } #dmz-paketler .dmz-vermeta{ display:flex; flex-wrap:wrap; gap:8px 12px; margin:14px 0 10px !important; color:#63718a !important; font-size:13px !important; line-height:1.6 !important; } #dmz-paketler .dmz-vermeta__item strong{ color:#1a2340; } #dmz-paketler .dmz-progress--ver{ margin-top:10px !important; height:10px; border-radius:999px; background:linear-gradient(180deg,#eef1f7,#e7eaf3) !important; box-shadow:inset 0 1px 2px rgba(18,22,39,.08); } #dmz-paketler .dmz-progress--ver > span{ border-radius:999px; background:linear-gradient(90deg,#3cc96a 0%,#c1185b 52%,#8d4cf5 100%) !important; box-shadow:0 6px 14px rgba(141,76,245,.18); } #dmz-paketler .dmz-vertease{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px !important; } #dmz-paketler .dmz-vertease__item{ min-height:72px; padding:12px 13px !important; border-radius:16px !important; border:1px solid rgba(222,213,239,.96) !important; background:linear-gradient(180deg,#fff,#fbf8ff) !important; box-shadow:0 10px 20px rgba(91,57,140,.04) !important; } #dmz-paketler .dmz-vertease__item--accent{ background:linear-gradient(135deg,rgba(108,26,115,.08),rgba(141,76,245,.08) 58%,rgba(193,24,91,.08)) !important; border-color:rgba(172,57,123,.14) !important; } #dmz-paketler .dmz-vertease__label{ color:#6b7280 !important; font-size:11px !important; } #dmz-paketler .dmz-vertease__item strong{ color:#111b39 !important; font-size:14px !important; } #dmz-paketler .dmz-version-inline-actions{ gap:10px; margin-top:14px; } #dmz-paketler .dmz-version-inline-btn{ min-height:64px; padding:14px 15px; border-radius:18px; border:1px solid rgba(214,201,238,.96); background:linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%); box-shadow:0 10px 22px rgba(91,57,140,.05); } #dmz-paketler .dmz-version-inline-btn:hover{ border-color:rgba(141,76,245,.42); box-shadow:0 14px 26px rgba(91,57,140,.08); } #dmz-paketler .dmz-version-inline-btn__label{ font-size:14px; font-weight:900; color:#18223f; } #dmz-paketler .dmz-version-inline-btn__arrow{ width:34px; height:34px; border-radius:12px; background:linear-gradient(135deg,#6c1a73,#ac397b 58%,#8d4cf5); color:#fff; box-shadow:0 10px 20px rgba(108,26,115,.16); } @media (max-width:1180px){ #dmz-paketler .dmz-packgrid__right{ grid-template-columns:1fr !important; } #dmz-paketler .dmz-packgrid__right .dmz-box--version, #dmz-paketler .dmz-packgrid__right .dmz-box--updates{ grid-column:auto; } } @media (max-width:767px){ #dmz-paketler .dmz-box--version{ padding:13px !important; border-radius:22px !important; } #dmz-paketler .dmz-box--version .dmz-kv{ padding:14px !important; border-radius:18px !important; } #dmz-paketler .dmz-vermeta{ flex-direction:column; align-items:flex-start; gap:4px; } #dmz-paketler .dmz-vertease{ grid-template-columns:1fr; } #dmz-paketler .dmz-version-inline-btn{ min-height:58px; padding:13px 14px; border-radius:16px; } } /* PATCH 2026-03-15 — packages / version-updates premium spacer */ #dmz-paketler .dmz-packgrid__right{ margin-top:40px !important; position:relative; } #dmz-paketler .dmz-packgrid__right::before{ content:""; display:block; grid-column:1 / -1; width:min(1310px, 100%); height:26px; margin:0 auto 10px; border-top:1px solid rgba(26,35,64,.08); background:linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 52%, rgba(255,255,255,0) 100%); border-radius:0; box-shadow:none; pointer-events:none; } @media (max-width:1180px){ #dmz-paketler .dmz-packgrid__right{ margin-top:28px !important; } #dmz-paketler .dmz-packgrid__right::before{ height:16px; margin-bottom:4px; } } @media (max-width:767px){ #dmz-paketler .dmz-packgrid__right{ margin-top:12px !important; } #dmz-paketler .dmz-packgrid__right::before{ content:none !important; display:none !important; } } /* ========================================================== PATCH 2026-03-15 — HERO TRIAL FORM PREMIUM ALIGN FIX - Right-side Deneme Başvurusu card upgraded to package-card feel - Under-form 3 benefit cards removed - Form bottom aligns more cleanly with left visual block ========================================================== */ /* Keep only the form on the right and let columns stretch together */ body.dmz-portal .dmz-vitrin__s{ align-items:stretch !important; grid-template-columns:minmax(0,1.62fr) minmax(380px,0.94fr) !important; gap:28px !important; } body.dmz-portal .dmz-vitrin__left, body.dmz-portal .dmz-vitrin__right{ min-width:0 !important; } body.dmz-portal .dmz-vitrin__right{ display:flex !important; align-self:stretch !important; max-width:none !important; width:100% !important; margin:0 !important; } /* Form card: closer to price cards — white, premium, calmer */ body.dmz-portal .dmz-formcard--hero{ width:100% !important; height:100% !important; display:flex !important; flex-direction:column !important; justify-content:flex-start !important; padding:20px 18px 18px !important; border-radius:28px !important; background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 100%) !important; border:1px solid rgba(141,76,245,.16) !important; box-shadow:0 18px 44px rgba(76,29,149,.07), 0 6px 16px rgba(15,23,42,.04) !important; overflow:hidden !important; position:relative !important; } body.dmz-portal .dmz-formcard--hero::before{ content:""; position:absolute; inset:0; background: radial-gradient(780px 280px at 12% -8%, rgba(193,24,91,.08), transparent 52%), radial-gradient(680px 260px at 100% 0%, rgba(141,76,245,.08), transparent 48%), linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,0)); pointer-events:none; } body.dmz-portal .dmz-formcard--hero > *{position:relative; z-index:1;} body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:0 0 14px !important; padding:0 !important; text-align:center !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ justify-content:center !important; gap:8px !important; font-size:14px !important; font-weight:900 !important; color:#111827 !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd .dmz-ico{color:#8d4cf5 !important;} body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ margin-top:8px !important; font-size:13px !important; line-height:1.45 !important; color:rgba(15,23,42,.70) !important; font-weight:600 !important; } /* Make the form fill the card so CTA sits lower, matching left visual height better */ body.dmz-portal .dmz-formcard--hero form{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; } body.dmz-portal .dmz-formcard--hero .dmz-grid{ gap:14px !important; margin-top:10px !important; } body.dmz-portal .dmz-formcard--hero .dmz-field{ margin-bottom:0 !important; } body.dmz-portal .dmz-formcard--hero .dmz-field label{ display:block !important; margin:0 0 8px !important; font-size:12px !important; line-height:1.2 !important; letter-spacing:-.01em !important; color:rgba(31,41,55,.82) !important; font-weight:800 !important; text-align:center !important; } body.dmz-portal .dmz-formcard--hero .dmz-field input{ height:42px !important; border-radius:16px !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(203,213,225,.92) !important; box-shadow:0 8px 18px rgba(15,23,42,.04) !important; padding:0 14px !important; } body.dmz-portal .dmz-formcard--hero .dmz-field input::placeholder{ color:rgba(100,116,139,.86) !important; } body.dmz-portal .dmz-formcard--hero .dmz-field input:focus{ border-color:rgba(141,76,245,.36) !important; box-shadow:0 0 0 4px rgba(141,76,245,.10), 0 10px 24px rgba(15,23,42,.06) !important; } body.dmz-portal .dmz-formcard--hero .dmz-row{ margin-top:auto !important; padding-top:14px !important; align-items:flex-start !important; gap:10px !important; } body.dmz-portal .dmz-formcard--hero .dmz-btn--submit{ width:100% !important; min-height:58px !important; border-radius:18px !important; background:linear-gradient(90deg, #c1185b 0%, #8d4cf5 100%) !important; border:1px solid rgba(193,24,91,.16) !important; box-shadow:0 16px 36px rgba(193,24,91,.18) !important; color:#fff !important; font-weight:900 !important; letter-spacing:-.01em !important; } body.dmz-portal .dmz-formcard--hero .dmz-btn--submit:hover{ transform:translateY(-1px) !important; box-shadow:0 22px 44px rgba(141,76,245,.20) !important; } body.dmz-portal .dmz-formcard--hero .dmz-note{ width:100% !important; display:block !important; margin-top:2px !important; font-size:12px !important; line-height:1.4 !important; color:rgba(51,65,85,.84) !important; font-weight:700 !important; text-align:left !important; } /* Minimal WhatsApp support — should not compete with primary CTA */ body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-top:6px !important; width:auto !important; align-self:flex-start !important; padding:10px 12px !important; gap:8px !important; border-radius:18px !important; background:rgba(236,253,245,.86) !important; border:1px solid rgba(34,197,94,.24) !important; box-shadow:none !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa:hover{ transform:none !important; filter:none !important; box-shadow:none !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa-ico{ width:34px !important; height:34px !important; border-radius:12px !important; background:rgba(34,197,94,.10) !important; border:1px solid rgba(34,197,94,.18) !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa-txt{ font-size:13px !important; font-weight:800 !important; color:#0f172a !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa-badge{ padding:4px 9px !important; min-height:auto !important; font-size:11px !important; border-radius:999px !important; } /* Remove old three benefit cards under the form completely */ body.dmz-portal .dmz-vitrin__highlights--underform{ display:none !important; } /* Slightly more compact right-side rhythm so bottom aligns with hero visuals */ @media (min-width: 981px){ body.dmz-portal .dmz-vitrin__left .dmz-hero__thumbs{ margin-top: 12px !important; } body.dmz-portal .dmz-vitrin__left .dmz-vitrin__cta{ margin-top: 14px !important; margin-bottom: 0 !important; } } @media (max-width: 980px){ body.dmz-portal .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:16px !important; } body.dmz-portal .dmz-formcard--hero{ height:auto !important; min-height:auto !important; padding:18px 16px 16px !important; } body.dmz-portal .dmz-formcard--hero .dmz-row{ margin-top:14px !important; } } /* ========================================================== PATCH 2026-03-15 — HERO TRIAL FORM REAL FIX - removes forced stretch and huge whitespace - keeps right form fixed even when left copy/slider height changes - aligns form bottom closer to thumb row, not CTA row - slightly enlarges Deneme Başvurusu heading (no H tag change) ========================================================== */ body.dmz-portal .dmz-vitrin__s{ align-items:start !important; grid-template-columns:minmax(0,1.62fr) minmax(390px,0.90fr) !important; gap:28px !important; } body.dmz-portal .dmz-vitrin__right{ display:block !important; align-self:start !important; height:auto !important; min-height:0 !important; max-width:none !important; width:100% !important; margin:0 !important; } body.dmz-portal .dmz-formcard--hero{ width:100% !important; height:auto !important; min-height:0 !important; display:block !important; padding:20px 18px 16px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:0 0 12px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:15px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ margin-top:7px !important; font-size:12.5px !important; } body.dmz-portal .dmz-formcard--hero form{ display:block !important; flex:none !important; } body.dmz-portal .dmz-formcard--hero .dmz-grid{ gap:10px 12px !important; margin-top:8px !important; } body.dmz-portal .dmz-formcard--hero .dmz-field label{ margin:0 0 6px !important; } body.dmz-portal .dmz-formcard--hero .dmz-field input{ height:40px !important; } body.dmz-portal .dmz-formcard--hero .dmz-row{ margin-top:10px !important; padding-top:8px !important; align-items:flex-start !important; gap:8px !important; } body.dmz-portal .dmz-formcard--hero .dmz-btn--submit{ min-height:56px !important; } body.dmz-portal .dmz-formcard--hero .dmz-note{ margin-top:0 !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-top:4px !important; } /* pull right card bottom up so it visually ends near thumb row bottom */ @media (min-width: 981px){ body.dmz-portal .dmz-vitrin__left .dmz-hero__thumbs{ margin-bottom:0 !important; } body.dmz-portal .dmz-vitrin__right .dmz-formcard--hero{ margin-bottom:0 !important; } } @media (max-width: 980px){ body.dmz-portal .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:16px !important; } body.dmz-portal .dmz-vitrin__right, body.dmz-portal .dmz-formcard--hero{ align-self:auto !important; height:auto !important; } } /* ========================================================== PATCH 2026-03-15 — HERO TRIAL FORM MICRO POLISH - Deneme Başvurusu title slightly larger and lower with extra top breathing room - subtle divider between primary CTA and customer/WhatsApp note area - a touch more bottom room after WhatsApp support button ========================================================== */ body.dmz-portal .dmz-formcard--hero{ padding:24px 18px 20px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:4px 0 14px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:16px !important; } body.dmz-portal .dmz-formcard--hero .dmz-row{ margin-top:12px !important; padding-top:0 !important; } body.dmz-portal .dmz-formcard--hero .dmz-note{ margin-top:8px !important; padding-top:14px !important; border-top:1px solid rgba(148,163,184,.18) !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-top:8px !important; margin-bottom:6px !important; } @media (max-width: 980px){ body.dmz-portal .dmz-formcard--hero{ padding:22px 16px 18px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:2px 0 12px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:15.5px !important; } } /* ========================================================== PATCH 2026-03-15 — HERO TRIAL FORM SPACING POLISH V5 - slightly larger title and helper text - more breathing room above title and below helper text - extra bottom spacing after WhatsApp support button ========================================================== */ body.dmz-portal .dmz-formcard--hero{ padding:28px 18px 26px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:8px 0 18px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:17px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ margin-top:10px !important; margin-bottom:6px !important; font-size:13.5px !important; line-height:1.5 !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-top:10px !important; margin-bottom:12px !important; } @media (max-width: 980px){ body.dmz-portal .dmz-formcard--hero{ padding:24px 16px 22px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:6px 0 16px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:16px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ font-size:13px !important; margin-bottom:4px !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-bottom:10px !important; } } /* ========================================================== PATCH 2026-03-15 — HERO TRIAL FORM FINAL SPACING NUDGE V6 - slightly larger Deneme Başvurusu title and helper copy - a bit more space above heading - a bit more space under WhatsApp support area ========================================================== */ body.dmz-portal .dmz-formcard--hero{ padding:32px 18px 30px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:12px 0 20px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:18px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ margin-top:11px !important; margin-bottom:8px !important; font-size:14px !important; line-height:1.55 !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-top:10px !important; margin-bottom:18px !important; } @media (max-width: 980px){ body.dmz-portal .dmz-formcard--hero{ padding:28px 16px 24px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head{ margin:10px 0 18px !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:16.8px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ font-size:13.4px !important; margin-bottom:6px !important; } body.dmz-portal .dmz-formcard--hero .dmz-wa{ margin-bottom:14px !important; } } /* Slider admin split – no form layout */ body.dmz-portal .dmz-vitrin__shell--noform{grid-template-columns:minmax(0,1fr) !important;} /* Hero badges premium refresh */ body.dmz-portal .dmz-vitrin__badges--premium{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:14px;} body.dmz-portal .dmz-chip--hero{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%);border:1px solid rgba(213,203,230,.96);box-shadow:0 8px 18px rgba(18,22,39,.05);color:#243252;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;} @media (max-width: 980px){body.dmz-portal .dmz-vitrin__badges--premium{gap:8px;}body.dmz-portal .dmz-chip--hero{font-size:11px;padding:6px 12px;letter-spacing:.10em;}} /* Hero rozetler: daha küçük ve premium */ body.dmz-portal .dmz-vitrin__kicker.dmz-vitrin__badges--premium{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 16px; } body.dmz-portal .dmz-vitrin__kicker .dmz-chip.dmz-chip--hero{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 12px !important; border-radius:999px; border:1px solid rgba(155,119,196,.26); background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(250,244,255,.96) 100%); color:#25314d; font-size:var(--dmz-chip-font,11px) !important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 10px 24px rgba(109,26,115,.06), inset 0 1px 0 rgba(255,255,255,.92); } body.dmz-portal .dmz-vitrin__kicker .dmz-chip.dmz-chip--hero:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(109,26,115,.10), inset 0 1px 0 rgba(255,255,255,.94); } @media (max-width: 720px){ body.dmz-portal .dmz-vitrin__kicker.dmz-vitrin__badges--premium{gap:7px;margin-bottom:14px} body.dmz-portal .dmz-vitrin__kicker .dmz-chip.dmz-chip--hero{min-height:32px;padding:6px 11px !important;letter-spacing:.06em} } /* HOTFIX: PNG logo should not get forced white background badge */ body.dmz-portal .dmz-brandmark.dmz-brandmark--img, body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--img, body.dmz-portal .dmz-brandmark.dmz-brandmark--img.dmz-footer__brandmark{ background: transparent !important; border-color: transparent !important; box-shadow: none !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--img::before, body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--img::before, body.dmz-portal .dmz-brandmark.dmz-brandmark--img.dmz-footer__brandmark::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--img img, body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--img img, body.dmz-portal .dmz-brandmark.dmz-brandmark--img.dmz-footer__brandmark img{ background: transparent !important; } /* ========================================================== HEADER LOGO ONLY MODE — Yatay logo / metinsiz header ========================================================== */ body.dmz-portal.dmz-brand-image-only .dmz-brand, body.dmz-portal.dmz-brand-image-only .dmz-brandlink, body.dmz-portal .dmz-brandlink--logo-only{ gap:0 !important; align-items:center !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:var(--dmz-logo-width,220px) !important; height:var(--dmz-logo-height,48px) !important; min-width:120px !important; max-width:min(100%, var(--dmz-logo-width,220px)) !important; border-radius:0 !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; overflow:visible !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; flex:0 0 auto !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo img{ position:static !important; top:auto !important; left:auto !important; transform:none !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; object-position:left center !important; display:block !important; background:transparent !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image{ background:linear-gradient(135deg,#0b2c8a 0%, #0b1f5b 55%, #07123b 100%) !important; border-color:rgba(255,255,255,.08) !important; box-shadow:0 14px 28px rgba(109,26,115,.16) !important; overflow:hidden !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image img{ position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; width:72% !important; height:72% !important; max-width:72% !important; max-height:72% !important; object-fit:contain !important; object-position:center !important; display:block !important; background:transparent !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image .dmz-brandmark__text{ opacity:0 !important; } body.dmz-portal .dmz-brandlink--logo-only .dmz-brandtxt{ display:none !important; } @media (max-width: 980px){ body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), 32vw) !important; height:min(var(--dmz-logo-height,48px), 56px) !important; } } @media (max-width: 720px){ body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), calc(100vw - 118px)) !important; height:min(var(--dmz-logo-height,48px), 50px) !important; min-width:110px !important; } } @media (max-width: 420px){ body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), calc(100vw - 104px)) !important; height:min(var(--dmz-logo-height,48px), 44px) !important; min-width:96px !important; } } /* ===================================================================== PATCH 2026-03-26 — MOBILE HEADER LOGO CENTER / STABLE SIZE / MENU ALIGN - Yatay logo mobil header içinde dikey olarak ortalanır - Scroll öncesi / sonrası logo boyutu sabit kalır - Menü butonu ile logo aynı yükseklik eksenine oturur - Android / iPhone dar ekranlarda header tek satır ve dengeli görünür ===================================================================== */ @media (max-width: 1180px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; min-height:78px !important; padding-top:12px !important; padding-bottom:12px !important; } body.dmz-portal .dmz-head .dmz-brand, body.dmz-portal .dmz-head .dmz-brandlink, body.dmz-portal .dmz-head .dmz-brandlink--logo-only{ display:flex !important; align-items:center !important; align-self:center !important; flex:1 1 auto !important; min-width:0 !important; max-width:calc(100% - 86px) !important; min-height:56px !important; margin:0 !important; } body.dmz-portal .dmz-head .dmz-brandtxt{ display:flex !important; flex-direction:column !important; justify-content:center !important; } body.dmz-portal .dmz-head .dmz-nav-toggle{ display:flex !important; align-items:center !important; align-self:center !important; justify-content:flex-end !important; flex:0 0 auto !important; min-height:56px !important; margin:0 0 0 auto !important; } body.dmz-portal .dmz-head .dmz-nav-btn{ width:56px !important; min-width:56px !important; height:56px !important; min-height:56px !important; padding:0 !important; gap:0 !important; justify-content:center !important; align-items:center !important; border-radius:18px !important; } body.dmz-portal .dmz-head .dmz-nav-btn .dmz-nav-btn-text{ display:none !important; } body.dmz-portal .dmz-head .dmz-burger{ width:22px !important; height:16px !important; } body.dmz-portal .dmz-head .dmz-burger i:nth-child(2){ top:7px !important; } body.dmz-portal .dmz-head .dmz-burger i:nth-child(3){ top:14px !important; } body.dmz-portal .dmz-head .dmz-brandmark.dmz-brandmark--header-logo, body.dmz-portal .dmz-head.is-stuck .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), calc(100vw - 118px)) !important; max-width:min(var(--dmz-logo-width,220px), calc(100vw - 118px)) !important; min-width:126px !important; height:54px !important; min-height:54px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; align-self:center !important; margin:0 !important; transform:none !important; } body.dmz-portal .dmz-head .dmz-brandmark.dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.is-stuck .dmz-brandmark.dmz-brandmark--header-logo img{ width:auto !important; height:auto !important; max-width:100% !important; max-height:94% !important; object-fit:contain !important; object-position:left center !important; margin:0 !important; transform:none !important; display:block !important; } body.dmz-portal .dmz-head.is-stuck .dmz-brandmark, body.dmz-portal .dmz-head.is-stuck .dmz-brandmark.dmz-brandmark--header-logo{ transform:none !important; } } @media (max-width: 640px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ min-height:74px !important; gap:12px !important; padding-left:14px !important; padding-right:14px !important; } body.dmz-portal .dmz-head .dmz-brand, body.dmz-portal .dmz-head .dmz-brandlink, body.dmz-portal .dmz-head .dmz-brandlink--logo-only{ max-width:calc(100% - 80px) !important; } body.dmz-portal .dmz-head .dmz-brandmark.dmz-brandmark--header-logo, body.dmz-portal .dmz-head.is-stuck .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), calc(100vw - 104px)) !important; max-width:min(var(--dmz-logo-width,220px), calc(100vw - 104px)) !important; height:52px !important; min-height:52px !important; } body.dmz-portal .dmz-head .dmz-nav-btn{ width:54px !important; min-width:54px !important; height:54px !important; min-height:54px !important; } } @media (max-width: 420px){ body.dmz-portal .dmz-head, body.dmz-portal .dmz-head.is-stuck{ min-height:70px !important; padding-left:12px !important; padding-right:12px !important; } body.dmz-portal .dmz-head .dmz-brand, body.dmz-portal .dmz-head .dmz-brandlink, body.dmz-portal .dmz-head .dmz-brandlink--logo-only{ max-width:calc(100% - 74px) !important; } body.dmz-portal .dmz-head .dmz-brandmark.dmz-brandmark--header-logo, body.dmz-portal .dmz-head.is-stuck .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-width,220px), calc(100vw - 94px)) !important; max-width:min(var(--dmz-logo-width,220px), calc(100vw - 94px)) !important; min-width:112px !important; height:48px !important; min-height:48px !important; } body.dmz-portal .dmz-head .dmz-nav-btn{ width:50px !important; min-width:50px !important; height:50px !important; min-height:50px !important; border-radius:16px !important; } } /* ===================================================================== PATCH 2026-03-26 — Mobile logo scale control + header alignment hardening - Admin panel now controls mobile/tablet image-logo size independently. - Keeps logo/menu vertically centered on Android, iPhone and iPad widths. ===================================================================== */ @media (max-width: 1180px){ body.dmz-portal .dmz-head{ align-items:center !important; min-height:76px !important; } body.dmz-portal .dmz-brand, body.dmz-portal .dmz-brandlink, body.dmz-portal .dmz-brandlink--logo-only{ display:flex !important; align-items:center !important; align-self:center !important; min-height:56px !important; max-width:calc(100% - 96px) !important; } body.dmz-portal .dmz-nav-toggle{ align-self:center !important; flex:0 0 auto !important; } body.dmz-portal .dmz-nav-btn{ align-self:center !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-mobile-width, var(--dmz-logo-width, 220px)), calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 128px)) !important; height:min(var(--dmz-logo-mobile-height, var(--dmz-logo-height, 48px)), 58px) !important; min-width:96px !important; display:flex !important; align-items:center !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo img{ max-width:100% !important; max-height:100% !important; object-position:left center !important; } } @media (max-width: 820px){ body.dmz-portal .dmz-head{ min-height:72px !important; } body.dmz-portal .dmz-brand, body.dmz-portal .dmz-brandlink, body.dmz-portal .dmz-brandlink--logo-only{ max-width:calc(100% - 90px) !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-mobile-width, var(--dmz-logo-width, 220px)), calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 118px)) !important; height:min(var(--dmz-logo-mobile-height, var(--dmz-logo-height, 48px)), 54px) !important; } } @media (max-width: 480px){ body.dmz-portal .dmz-head{ min-height:68px !important; } body.dmz-portal .dmz-brand, body.dmz-portal .dmz-brandlink, body.dmz-portal .dmz-brandlink--logo-only{ max-width:calc(100% - 84px) !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo{ width:min(var(--dmz-logo-mobile-width, var(--dmz-logo-width, 220px)), calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 104px)) !important; height:min(var(--dmz-logo-mobile-height, var(--dmz-logo-height, 48px)), 48px) !important; } } /* ===================================================================== PATCH 2026-04-14 — PACKAGE SALES ARCHITECTURE / PREMIUM PLAN UI ===================================================================== */ #dmz-paketler .dmz-packhero{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(360px,.95fr); gap:18px; align-items:stretch; margin:0 0 34px; } #dmz-paketler .dmz-packhero__copy, #dmz-paketler .dmz-packhero__panel{ position:relative; overflow:hidden; border-radius:30px; border:1px solid rgba(207,210,228,.68); background: radial-gradient(380px 180px at 0% 0%, rgba(136,103,255,.08) 0%, rgba(136,103,255,0) 70%), linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,247,252,.96) 100%); box-shadow:0 18px 42px rgba(88,78,138,.08), inset 0 1px 0 rgba(255,255,255,.84); } #dmz-paketler .dmz-packhero__copy{padding:26px 26px 22px;} #dmz-paketler .dmz-packhero__panel{padding:24px; display:flex; flex-direction:column; justify-content:center;} #dmz-paketler .dmz-packhero__eyebrow{ display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-bottom:14px; min-height:34px; padding:0 14px; border-radius:999px; border:1px solid rgba(121,88,246,.18); background:linear-gradient(180deg, rgba(121,88,246,.10) 0%, rgba(121,88,246,.04) 100%); box-shadow:0 12px 28px rgba(97,69,199,.10), inset 0 1px 0 rgba(255,255,255,.88); color:#5c34d1; font-size:12px; line-height:1; font-weight:900; letter-spacing:.11em; text-transform:uppercase; } #dmz-paketler .dmz-packhero__title{ margin:0 0 8px; color:#111a33; font-size:clamp(22px, 1.45vw + 2px, 26px); line-height:1.06; font-weight:950; letter-spacing:-.025em; } #dmz-paketler .dmz-packhero__text{ margin:0; max-width:700px; color:#5d677a; font-size:14px; line-height:1.72; font-weight:600; } #dmz-paketler .dmz-packhero__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } #dmz-paketler .dmz-packhero__chip{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 12px; border-radius:999px; border:1px solid rgba(206,210,226,.85); background:rgba(255,255,255,.90); color:#14203b; font-size:12px; line-height:1.2; font-weight:850; text-align:center; box-shadow:0 8px 18px rgba(79,71,121,.05), inset 0 1px 0 rgba(255,255,255,.72); } #dmz-paketler .dmz-packhero__paneltop{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; } #dmz-paketler .dmz-packhero__paneltag{ color:#1b2542; font-size:13px; line-height:1; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } #dmz-paketler .dmz-packhero__panelhint{ color:#6a7285; font-size:13px; line-height:1.4; font-weight:800; text-align:right; } #dmz-paketler .dmz-packhero__toggle{ display:flex; gap:8px; padding:6px; border-radius:22px; background:rgba(18,26,56,.06); border:1px solid rgba(192,196,216,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.8); } #dmz-paketler .dmz-packhero__togglebtn{ appearance:none; border:none; flex:1 1 0; min-height:54px; padding:0 18px; border-radius:18px; background:transparent; color:#61697c; font-size:15px; line-height:1.2; font-weight:900; cursor:pointer; transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease; } #dmz-paketler .dmz-packhero__togglebtn.is-active{ color:#fff; background:linear-gradient(135deg,#131b39 0%,#5f35d8 100%); box-shadow:0 14px 28px rgba(91,63,191,.22); } #dmz-paketler .dmz-packhero__togglebtn:not(.is-active):hover{ color:#1a2440; background:rgba(255,255,255,.84); } #dmz-paketler .dmz-packhero__micro{ margin-top:14px; color:#697286; font-size:13px; line-height:1.7; font-weight:700; } #dmz-paketler .dmz-price__pricewrap{ position:relative; padding:18px 18px 16px; border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(248,248,252,.92) 100%); border:1px solid rgba(214,217,233,.9); box-shadow:inset 0 1px 0 rgba(255,255,255,.86); } #dmz-paketler .dmz-price--portal.dmz-price--featured .dmz-price__pricewrap{ border-color:rgba(197,177,255,.72); box-shadow:0 18px 32px rgba(132,112,219,.10), inset 0 1px 0 rgba(255,255,255,.9); } #dmz-paketler .dmz-price__billing{ width:100%; justify-content:flex-start; margin-bottom:14px; } #dmz-paketler .dmz-price__amount{ color:#101935; font-size:34px; line-height:1.08; font-weight:950; letter-spacing:-.04em; } #dmz-paketler .dmz-price__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:12px; } #dmz-paketler .dmz-price__mode{ display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border-radius:999px; background:rgba(91,63,191,.08); color:#4c2db9; font-size:12px; line-height:1; font-weight:900; letter-spacing:.05em; text-transform:uppercase; } #dmz-paketler .dmz-price__micro{ color:#677184; font-size:13px; line-height:1.5; font-weight:800; } #dmz-paketler .dmz-price__note{ margin-top:10px; color:#4f586b; font-size:13px; line-height:1.62; font-weight:700; } #dmz-paketler .dmz-price--portal.is-fixed-yearly .dmz-price__pricewrap{ border-color:rgba(209,213,228,.95); } #dmz-paketler .dmz-price--portal.is-fixed-yearly .dmz-price__mode{ background:rgba(18,26,56,.08); color:#17213c; } #dmz-paketler .dmz-price--portal.is-fixed-yearly .dmz-price__note{ color:#556074; } #dmz-paketler .dmz-btn--pkg{ min-height:58px; } #dmz-paketler .dmz-price__vatnote{ margin-top:12px; } @media (max-width: 1180px){ #dmz-paketler .dmz-packhero{ grid-template-columns:1fr; } } @media (max-width: 767px){ #dmz-paketler .dmz-packhero{ gap:12px; margin-bottom:14px; } #dmz-paketler .dmz-packhero__copy, #dmz-paketler .dmz-packhero__panel{ padding:18px 16px; border-radius:24px; } #dmz-paketler .dmz-packhero__title{ font-size:24px; } #dmz-paketler .dmz-packhero__text{ font-size:14px; line-height:1.65; } #dmz-paketler .dmz-packhero__paneltop{ align-items:flex-start; flex-direction:column; } #dmz-paketler .dmz-packhero__panelhint{ text-align:left; } #dmz-paketler .dmz-packhero__toggle{ flex-direction:column; } #dmz-paketler .dmz-packhero__togglebtn{ min-height:48px; font-size:14px; } #dmz-paketler .dmz-price__pricewrap{ padding:15px 14px 14px; border-radius:20px; } #dmz-paketler .dmz-price__amount{ font-size:28px; } #dmz-paketler .dmz-price__meta{ gap:8px; } #dmz-paketler .dmz-price__micro, #dmz-paketler .dmz-price__note{ font-size:13px; } } /* ===================================================================== PATCH 2026-04-14 — MINI SMART PACKAGE GUIDE / PREMIUM HIGHLIGHT ===================================================================== */ #dmz-paketler .dmz-price--portal{ position:relative; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } #dmz-paketler .dmz-price--portal.is-recommended{ transform:translateY(-3px); border-color:rgba(154,130,238,.68); box-shadow:0 24px 42px rgba(83,58,182,.14); } #dmz-paketler .dmz-price--portal.is-recommended .dmz-price__pricewrap{ border-color:rgba(170,145,247,.78); box-shadow:0 18px 34px rgba(84,60,178,.12), inset 0 1px 0 rgba(255,255,255,.92); } @media (max-width: 1180px){ } @media (max-width: 767px){ } /* ========================================================== HOTFIX 2026-05-20 — Logo netlik / oran koruma iyileştirmesi - PNG/WebP logolarda pikselleşme yapan crisp-edges kaldırıldı - Header ve footer yatay logoları contain ile oranı bozulmadan çizilir - Beyaz/şeffaf logoya daha canlı görünüm için hafif gölge eklendi ========================================================== */ body.dmz-portal .dmz-brandmark.dmz-brandmark--img img, body.dmz-portal .dmz-brandmark.dmz-brandmark--img .dmz-brandmark__img, body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--img img, body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--img .dmz-brandmark__img{ image-rendering:auto !important; -webkit-font-smoothing:antialiased !important; backface-visibility:visible !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--retina img, body.dmz-portal .dmz-brandmark.dmz-brandmark--retina .dmz-brandmark__img{ image-rendering:auto !important; } body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo img{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; object-position:left center !important; image-rendering:auto !important; filter:drop-shadow(0 8px 18px rgba(0,0,0,.16)); } body.dmz-portal .dmz-footer .dmz-brandmark.dmz-brandmark--header-logo img{ object-position:left center !important; filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)); } body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image img, body.dmz-portal .dmz-brandmark.dmz-brandmark--badge-image .dmz-brandmark__img{ object-fit:contain !important; image-rendering:auto !important; filter:drop-shadow(0 6px 12px rgba(0,0,0,.12)); } @media (max-width:720px){ body.dmz-portal .dmz-brandmark.dmz-brandmark--header-logo img{ object-position:left center !important; filter:drop-shadow(0 6px 12px rgba(0,0,0,.14)); } } /* ========================================================== HOTFIX 2026-05-21 — Premium canlı görünüm + akıllı talep akışı - Ana portal yüzeyine hafif canlılık eklendi - Nasıl çalışır bölümü WhatsApp çıktısı gösteren satış odaklı akışa dönüştürüldü - Tasarımsal bütünlük korunarak mobil/tablet/masaüstü uyumu güçlendirildi ========================================================== */ body.dmz-portal{ --logsby-pink:#c1185b; --logsby-purple:#7c3aed; --logsby-blue:#021d49; --logsby-green:#22c55e; } body.dmz-portal .dmz-wrap{ background: radial-gradient(900px 520px at 9% 11%, rgba(193,24,91,.075), transparent 62%), radial-gradient(820px 520px at 92% 10%, rgba(14,165,233,.08), transparent 58%), linear-gradient(180deg, #ffffff 0%, #fbfcff 46%, #ffffff 100%) !important; } body.dmz-portal .dmz-head{ box-shadow:0 12px 34px rgba(15,23,42,.06) !important; } body.dmz-portal .dmz-vitrin, body.dmz-portal .dmz-video__inner, body.dmz-portal #dmz-paketler .dmz-pricing{ position:relative; } body.dmz-portal .dmz-vitrin::after{ content:""; position:absolute; right:5%; top:10%; width:180px; height:180px; border-radius:999px; background:radial-gradient(circle, rgba(193,24,91,.16) 0%, rgba(193,24,91,0) 68%); pointer-events:none; filter:blur(2px); } body.dmz-portal .dmz-cta--primary, body.dmz-portal .dmz-price--portal.is-recommended .dmz-price__buy, body.dmz-portal .dmz-videocard__pill{ box-shadow:0 18px 42px rgba(193,24,91,.18), 0 10px 28px rgba(2,29,73,.12) !important; } body.dmz-portal .dmz-section__title.dmz-title-accentline::after{ background:linear-gradient(90deg, #c1185b 0%, #7c3aed 46%, #22c55e 100%) !important; box-shadow:0 8px 22px rgba(193,24,91,.20); } body.dmz-portal #dmz-nasil.dmz-how-smart{ position:relative; overflow:hidden; background: radial-gradient(760px 420px at 10% 8%, rgba(193,24,91,.10), transparent 60%), radial-gradient(760px 420px at 96% 18%, rgba(34,197,94,.12), transparent 58%), linear-gradient(180deg, #ffffff 0%, #fbf7ff 46%, #ffffff 100%) !important; } body.dmz-portal #dmz-nasil.dmz-how-smart::before{ content:""; position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px); background-size:36px 36px; mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 78%, transparent 100%); opacity:.9; } body.dmz-portal #dmz-nasil.dmz-how-smart > *{position:relative;z-index:1;} body.dmz-portal #dmz-nasil .dmz-how-smart__head{ align-items:flex-end !important; text-align:left !important; } body.dmz-portal #dmz-nasil .dmz-section__sub{ text-align:right !important; max-width:54ch !important; margin:0 0 0 auto !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__shell{ display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:22px; align-items:stretch; max-width:var(--dmz-container-width, 1320px); margin:0 auto; } body.dmz-portal #dmz-nasil .dmz-how-smart__flowarea{ min-width:0; } body.dmz-portal #dmz-nasil .dmz-howflow{ margin:0 0 18px !important; padding:8px; width:max-content; max-width:100%; border:1px solid rgba(15,23,42,.08); border-radius:999px; background:rgba(255,255,255,.76); box-shadow:0 18px 42px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.94); backdrop-filter:blur(14px); } body.dmz-portal #dmz-nasil .dmz-howflow__pill{ position:relative; isolation:isolate; padding:9px 13px !important; border-color:rgba(148,163,184,.24) !important; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.74)) !important; } body.dmz-portal #dmz-nasil .dmz-howflow__index{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; color:#fff; font-size:11px; font-weight:950; background:linear-gradient(135deg,#021d49,#7c3aed); box-shadow:0 8px 18px rgba(2,29,73,.20); } body.dmz-portal #dmz-nasil .dmz-howflow__sep{ color:rgba(193,24,91,.55) !important; } body.dmz-portal #dmz-nasil .dmz-steps--smart{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; align-items:stretch; } body.dmz-portal #dmz-nasil .dmz-steps__line{ left:42px !important; right:42px !important; top:34px !important; height:3px !important; background:linear-gradient(90deg, rgba(2,29,73,.30), rgba(193,24,91,.34), rgba(34,197,94,.30)) !important; box-shadow:0 0 24px rgba(193,24,91,.12); } body.dmz-portal #dmz-nasil .dmz-step{ overflow:hidden; min-height:264px; padding:18px !important; border-radius:24px !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82)) !important; border:1px solid rgba(15,23,42,.09) !important; box-shadow:0 24px 58px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92) !important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } body.dmz-portal #dmz-nasil .dmz-step:hover{ transform:translateY(-4px); border-color:rgba(193,24,91,.24) !important; box-shadow:0 30px 70px rgba(15,23,42,.11), 0 14px 34px rgba(193,24,91,.10) !important; } body.dmz-portal #dmz-nasil .dmz-step::before{ content:""; position:absolute; inset:auto -48px -58px auto; width:150px; height:150px; border-radius:999px; pointer-events:none; background:radial-gradient(circle, rgba(193,24,91,.12), transparent 66%); } body.dmz-portal #dmz-nasil .dmz-step--ai::before{background:radial-gradient(circle, rgba(124,58,237,.13), transparent 66%);} body.dmz-portal #dmz-nasil .dmz-step--wa::before{background:radial-gradient(circle, rgba(34,197,94,.15), transparent 66%);} body.dmz-portal #dmz-nasil .dmz-step__num{ width:38px !important; height:38px !important; border-radius:14px !important; margin-bottom:12px !important; background:linear-gradient(135deg,#021d49,#102a6a) !important; box-shadow:0 14px 26px rgba(2,29,73,.22) !important; } body.dmz-portal #dmz-nasil .dmz-step--ai .dmz-step__num{background:linear-gradient(135deg,#7c3aed,#c1185b) !important;} body.dmz-portal #dmz-nasil .dmz-step--wa .dmz-step__num{background:linear-gradient(135deg,#0f766e,#22c55e) !important;} body.dmz-portal #dmz-nasil .dmz-step__title{ font-size:19px !important; margin-bottom:7px !important; color:#0b1324 !important; } body.dmz-portal #dmz-nasil .dmz-step__text{ line-height:1.52 !important; } body.dmz-portal #dmz-nasil .dmz-step__sample{ margin-top:13px; padding:11px 12px; border-radius:16px; background:rgba(2,29,73,.055); border:1px solid rgba(2,29,73,.08); color:#24324f; font-weight:700; font-size:13px; line-height:1.38; } body.dmz-portal #dmz-nasil .dmz-step__sample span{ color:#021d49; font-weight:950; } body.dmz-portal #dmz-nasil .dmz-step__sample--ai{ background:rgba(193,24,91,.055); border-color:rgba(193,24,91,.10); } body.dmz-portal #dmz-nasil .dmz-step__sample--wa{ background:rgba(34,197,94,.070); border-color:rgba(34,197,94,.14); } body.dmz-portal #dmz-nasil .dmz-step__tag{ display:inline-flex; align-items:center; gap:7px; margin-top:10px; padding:7px 10px; border-radius:999px; background:#fff; border:1px solid rgba(15,23,42,.10); color:#334155; font-size:12px; font-weight:900; } body.dmz-portal #dmz-nasil .dmz-step__tag::before{ content:""; width:8px; height:8px; border-radius:999px; background:#c1185b; box-shadow:0 0 0 4px rgba(193,24,91,.10); } body.dmz-portal #dmz-nasil .dmz-step__tag--ready{ color:#0f5132; border-color:rgba(34,197,94,.18); } body.dmz-portal #dmz-nasil .dmz-step__tag--ready::before{ background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.12); } body.dmz-portal #dmz-nasil .dmz-wa-summary{ position:relative; border-radius:28px; padding:18px; color:#0f172a; border:1px solid rgba(15,23,42,.10); background: radial-gradient(260px 160px at 80% 10%, rgba(34,197,94,.18), transparent 72%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92)); box-shadow:0 30px 74px rgba(15,23,42,.11), 0 18px 38px rgba(34,197,94,.10), inset 0 1px 0 rgba(255,255,255,.96); overflow:hidden; } body.dmz-portal #dmz-nasil .dmz-wa-summary::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(37,211,102,.10), transparent 42%); pointer-events:none; } body.dmz-portal #dmz-nasil .dmz-wa-summary > *{position:relative;z-index:1;} body.dmz-portal #dmz-nasil .dmz-wa-summary__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__eyebrow{ display:block; color:#16a34a; font-size:11px; letter-spacing:.08em; font-weight:950; margin-bottom:4px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__top strong{ display:block; font-size:20px; letter-spacing:-.03em; } body.dmz-portal #dmz-nasil .dmz-wa-summary__status{ display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; color:#065f46; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.18); font-size:12px; font-weight:950; } body.dmz-portal #dmz-nasil .dmz-wa-summary__status::before{ content:""; width:8px; height:8px; border-radius:999px; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.13); } body.dmz-portal #dmz-nasil .dmz-wa-summary__chat{ display:grid; gap:10px; margin-bottom:14px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__bubble{ max-width:92%; padding:10px 12px; border-radius:16px; font-size:13px; line-height:1.38; font-weight:700; } body.dmz-portal #dmz-nasil .dmz-wa-summary__bubble--user{ justify-self:flex-end; background:#dcf8c6; color:#0f3d2e; border-bottom-right-radius:6px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__bubble--bot{ justify-self:flex-start; background:#fff; color:#24324f; border:1px solid rgba(15,23,42,.08); border-bottom-left-radius:6px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card{ border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.09); box-shadow:0 18px 42px rgba(15,23,42,.07); padding:14px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__cardtop{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:10px; border-bottom:1px solid rgba(15,23,42,.08); margin-bottom:8px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__cardtop span{ font-weight:950; color:#0f172a; } body.dmz-portal #dmz-nasil .dmz-wa-summary__cardtop b{ padding:5px 8px; border-radius:999px; color:#065f46; background:rgba(34,197,94,.10); font-size:11px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card ul{ margin:0; padding:0; list-style:none; display:grid; gap:8px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card li{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dashed rgba(15,23,42,.10); } body.dmz-portal #dmz-nasil .dmz-wa-summary__card li:last-child{border-bottom:0;} body.dmz-portal #dmz-nasil .dmz-wa-summary__card li span{ color:#64748b; font-size:12px; font-weight:800; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card li strong{ color:#0f172a; font-size:13px; text-align:right; } body.dmz-portal #dmz-nasil .dmz-wa-summary__footer{ display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px; border-radius:18px; background:rgba(34,197,94,.09); color:#0f5132; font-weight:900; font-size:13px; line-height:1.35; } body.dmz-portal #dmz-nasil .dmz-wa-summary__check{ flex:0 0 auto; width:24px; height:24px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#16a34a,#22c55e); box-shadow:0 10px 20px rgba(34,197,94,.24); } body.dmz-portal #dmz-nasil .dmz-how-smart__note{ max-width:var(--dmz-container-width, 1320px); margin:18px auto 0; padding:14px 18px; border-radius:20px; border:1px solid rgba(193,24,91,.12); background:rgba(255,255,255,.76); box-shadow:0 14px 36px rgba(15,23,42,.06); color:#334155; font-weight:750; text-align:center; } body.dmz-portal #dmz-nasil .dmz-how-smart__note strong{ color:#c1185b; } @media (prefers-reduced-motion:no-preference){ body.dmz-portal #dmz-nasil .dmz-howflow__dot--ai, body.dmz-portal #dmz-nasil .dmz-wa-summary__status::before{ animation:logsbyPulse 2.2s ease-in-out infinite; } @keyframes logsbyPulse{ 0%,100%{transform:scale(1);opacity:.95;} 50%{transform:scale(1.18);opacity:.75;} } } @media (max-width:1180px){ body.dmz-portal #dmz-nasil .dmz-how-smart__shell{ grid-template-columns:1fr; } body.dmz-portal #dmz-nasil .dmz-wa-summary{ max-width:760px; width:100%; margin:0 auto; } } @media (max-width:900px){ body.dmz-portal #dmz-nasil .dmz-how-smart__head{ text-align:left !important; align-items:flex-start !important; } body.dmz-portal #dmz-nasil .dmz-section__sub{ margin:10px 0 0 !important; text-align:left !important; } body.dmz-portal #dmz-nasil .dmz-steps--smart{ grid-template-columns:1fr !important; } body.dmz-portal #dmz-nasil .dmz-step{ min-height:0; } body.dmz-portal #dmz-nasil .dmz-steps__line{display:none !important;} body.dmz-portal #dmz-nasil .dmz-step:not(:last-child)::after{ left:36px !important; top:58px !important; bottom:-14px !important; background:linear-gradient(180deg, rgba(2,29,73,.24), rgba(193,24,91,.22), rgba(34,197,94,.22)) !important; } } @media (max-width:720px){ body.dmz-portal #dmz-nasil .dmz-howflow{ width:100%; border-radius:22px; flex-wrap:wrap !important; justify-content:flex-start !important; } body.dmz-portal #dmz-nasil .dmz-howflow__pill{ flex:1 1 100% !important; justify-content:flex-start !important; } body.dmz-portal #dmz-nasil .dmz-wa-summary{ border-radius:24px; padding:14px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__top{ flex-direction:column; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card li{ align-items:flex-start; flex-direction:column; gap:4px; } body.dmz-portal #dmz-nasil .dmz-wa-summary__card li strong{ text-align:left; } } /* === Logsby Trainable AI Capability Section v2.0 === */ body.dmz-portal #dmz-nasil.dmz-trainable-ai{ background: radial-gradient(760px 420px at 9% 10%, rgba(193,24,91,.12), transparent 62%), radial-gradient(720px 430px at 95% 16%, rgba(34,197,94,.14), transparent 60%), radial-gradient(560px 320px at 52% 58%, rgba(124,58,237,.075), transparent 68%), linear-gradient(180deg,#ffffff 0%,#fbf8ff 44%,#f8fffb 100%) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.55) 46%, transparent 62%), radial-gradient(circle at 23% 35%, rgba(193,24,91,.08), transparent 18%), radial-gradient(circle at 82% 72%, rgba(34,197,94,.08), transparent 20%); opacity:.82; } body.dmz-portal #dmz-nasil.dmz-trainable-ai > *{position:relative;z-index:2;} body.dmz-portal #dmz-nasil .dmz-ai-train__shell{ display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:22px; align-items:stretch; max-width:var(--dmz-container-width,1320px); margin:0 auto; } body.dmz-portal #dmz-nasil .dmz-ai-train__left{min-width:0;} body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ margin:0 0 18px !important; padding:8px !important; width:max-content; max-width:100%; border:1px solid rgba(15,23,42,.08) !important; border-radius:999px !important; background:rgba(255,255,255,.80) !important; box-shadow:0 18px 46px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.96) !important; backdrop-filter:blur(16px); } body.dmz-portal #dmz-nasil .dmz-howflow__dot--memory{background:rgba(2,29,73,.82);box-shadow:0 0 0 4px rgba(2,29,73,.12)} body.dmz-portal #dmz-nasil .dmz-ai-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } body.dmz-portal #dmz-nasil .dmz-ai-card{ position:relative; overflow:hidden; min-height:246px; padding:18px !important; border-radius:24px; border:1px solid rgba(15,23,42,.09); background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82)); box-shadow:0 24px 58px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } body.dmz-portal #dmz-nasil .dmz-ai-card::before{ content:""; position:absolute; inset:auto -58px -68px auto; width:170px; height:170px; border-radius:999px; pointer-events:none; background:radial-gradient(circle, rgba(193,24,91,.12), transparent 67%); } body.dmz-portal #dmz-nasil .dmz-ai-card--sector::before{background:radial-gradient(circle, rgba(2,29,73,.13), transparent 67%);} body.dmz-portal #dmz-nasil .dmz-ai-card--tone::before{background:radial-gradient(circle, rgba(193,24,91,.14), transparent 67%);} body.dmz-portal #dmz-nasil .dmz-ai-card--logic::before{background:radial-gradient(circle, rgba(124,58,237,.14), transparent 67%);} body.dmz-portal #dmz-nasil .dmz-ai-card--output::before{background:radial-gradient(circle, rgba(34,197,94,.16), transparent 67%);} body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:translateY(-4px); border-color:rgba(193,24,91,.24); box-shadow:0 30px 74px rgba(15,23,42,.11), 0 14px 34px rgba(193,24,91,.10); } body.dmz-portal #dmz-nasil .dmz-ai-card > *{position:relative;z-index:1;} body.dmz-portal #dmz-nasil .dmz-ai-card__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; } body.dmz-portal #dmz-nasil .dmz-ai-card__icon{ width:38px; height:38px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:13px; font-weight:950; letter-spacing:-.02em; background:linear-gradient(135deg,#021d49,#7c3aed); box-shadow:0 14px 26px rgba(2,29,73,.22); } body.dmz-portal #dmz-nasil .dmz-ai-card--tone .dmz-ai-card__icon{background:linear-gradient(135deg,#7c3aed,#c1185b);} body.dmz-portal #dmz-nasil .dmz-ai-card--logic .dmz-ai-card__icon{background:linear-gradient(135deg,#021d49,#7c3aed);} body.dmz-portal #dmz-nasil .dmz-ai-card--output .dmz-ai-card__icon{background:linear-gradient(135deg,#0f766e,#22c55e);} body.dmz-portal #dmz-nasil .dmz-ai-card__badge{ display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.82); border:1px solid rgba(15,23,42,.09); color:#334155; font-size:11px; font-weight:950; letter-spacing:.02em; } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ margin:0 0 7px; color:#0b1324; font-size:19px; font-weight:950; letter-spacing:-.035em; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ margin:0; color:rgba(15,23,42,.66); font-size:15px; line-height:1.52; font-weight:650; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips span{ display:inline-flex; align-items:center; padding:7px 9px; border-radius:999px; background:rgba(2,29,73,.045); border:1px solid rgba(2,29,73,.08); color:#24324f; font-size:12px; font-weight:850; } body.dmz-portal #dmz-nasil .dmz-ai-card--tone .dmz-ai-card__chips span{background:rgba(193,24,91,.055);border-color:rgba(193,24,91,.10);} body.dmz-portal #dmz-nasil .dmz-ai-card--logic .dmz-ai-card__chips span{background:rgba(124,58,237,.055);border-color:rgba(124,58,237,.10);} body.dmz-portal #dmz-nasil .dmz-ai-card--output .dmz-ai-card__chips span{background:rgba(34,197,94,.075);border-color:rgba(34,197,94,.14);color:#0f5132;} body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ display:inline-flex; align-items:center; gap:7px; margin-top:11px; padding:8px 10px; border-radius:999px; background:#fff; border:1px solid rgba(15,23,42,.10); color:#334155; font-size:12px; font-weight:900; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag::before{ content:""; width:8px;height:8px;border-radius:999px; background:#c1185b; box-shadow:0 0 0 4px rgba(193,24,91,.10); } body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready{color:#0f5132;border-color:rgba(34,197,94,.18);} body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready::before{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12);} body.dmz-portal #dmz-nasil .dmz-ai-panel{ position:relative; overflow:hidden; border-radius:30px; padding:18px; color:#0f172a; border:1px solid rgba(15,23,42,.10); background: radial-gradient(280px 170px at 86% 8%, rgba(34,197,94,.18), transparent 72%), radial-gradient(240px 160px at 6% 18%, rgba(124,58,237,.10), transparent 74%), linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92)); box-shadow:0 32px 78px rgba(15,23,42,.12),0 18px 38px rgba(34,197,94,.10),inset 0 1px 0 rgba(255,255,255,.96); } body.dmz-portal #dmz-nasil .dmz-ai-panel::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg, rgba(37,211,102,.10), transparent 36%, rgba(193,24,91,.055)); } body.dmz-portal #dmz-nasil .dmz-ai-panel > *{position:relative;z-index:1;} body.dmz-portal #dmz-nasil .dmz-ai-panel__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ display:block; color:#7c3aed; font-size:11px; letter-spacing:.08em; font-weight:950; margin-bottom:4px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong{ display:block; font-size:20px; letter-spacing:-.03em; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status{ display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; color:#065f46; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.18); font-size:12px; font-weight:950; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status::before{ content:""; width:8px;height:8px;border-radius:999px; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.13); } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors span{ padding:7px 9px; border-radius:999px; background:#fff; border:1px solid rgba(15,23,42,.09); color:#475569; font-size:12px; font-weight:850; } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors .is-active{ color:#065f46; background:rgba(34,197,94,.12); border-color:rgba(34,197,94,.20); } body.dmz-portal #dmz-nasil .dmz-ai-panel__config{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:13px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div{ padding:10px; border-radius:16px; background:rgba(255,255,255,.78); border:1px solid rgba(15,23,42,.08); } body.dmz-portal #dmz-nasil .dmz-ai-panel__config span{ display:block; color:#64748b; font-size:11px; font-weight:850; margin-bottom:3px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config strong{ display:block; color:#0f172a; font-size:12px; line-height:1.25; } body.dmz-portal #dmz-nasil .dmz-ai-panel__dialog{ display:grid; gap:9px; margin-bottom:13px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble{ max-width:94%; padding:10px 12px; border-radius:16px; font-size:12.5px; line-height:1.38; font-weight:750; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--user{ justify-self:flex-end; color:#0f3d2e; background:#dcf8c6; border-bottom-right-radius:6px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--ai{ justify-self:flex-start; color:#24324f; background:#fff; border:1px solid rgba(15,23,42,.08); border-bottom-left-radius:6px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.09); box-shadow:0 18px 42px rgba(15,23,42,.07); padding:14px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:10px; border-bottom:1px solid rgba(15,23,42,.08); margin-bottom:8px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{font-weight:950;color:#0f172a;} body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b{ padding:5px 8px; border-radius:999px; color:#065f46; background:rgba(34,197,94,.10); font-size:11px; white-space:nowrap; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output ul{ margin:0; padding:0; list-style:none; display:grid; gap:8px; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dashed rgba(15,23,42,.10); } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li:last-child{border-bottom:0;} body.dmz-portal #dmz-nasil .dmz-ai-panel__output li span{color:#64748b;font-size:12px;font-weight:850;} body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{color:#0f172a;font-size:13px;text-align:right;} body.dmz-portal #dmz-nasil .dmz-ai-panel__result{ display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px; border-radius:18px; background:rgba(34,197,94,.09); color:#0f5132; font-weight:900; font-size:13px; line-height:1.35; } body.dmz-portal #dmz-nasil .dmz-ai-panel__check{ flex:0 0 auto; width:24px;height:24px;border-radius:999px; display:inline-flex;align-items:center;justify-content:center; color:#fff; background:linear-gradient(135deg,#16a34a,#22c55e); box-shadow:0 10px 20px rgba(34,197,94,.24); } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong{color:#c1185b;} @media (prefers-reduced-motion:no-preference){ body.dmz-portal #dmz-nasil .dmz-howflow__dot--ai, body.dmz-portal #dmz-nasil .dmz-ai-panel__status::before, body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready::before{animation:logsbyTrainPulse 2.2s ease-in-out infinite;} @keyframes logsbyTrainPulse{0%,100%{transform:scale(1);opacity:.95;}50%{transform:scale(1.18);opacity:.75;}} } @media (max-width:1180px){ body.dmz-portal #dmz-nasil .dmz-ai-train__shell{grid-template-columns:1fr;} body.dmz-portal #dmz-nasil .dmz-ai-panel{max-width:820px;width:100%;margin:0 auto;} } @media (max-width:900px){ body.dmz-portal #dmz-nasil .dmz-ai-cards{grid-template-columns:1fr;} body.dmz-portal #dmz-nasil .dmz-ai-card{min-height:0;} body.dmz-portal #dmz-nasil .dmz-ai-panel__config{grid-template-columns:1fr;} } @media (max-width:720px){ body.dmz-portal #dmz-nasil .dmz-howflow--trainable{width:100%;border-radius:22px !important;flex-wrap:wrap !important;justify-content:flex-start !important;} body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{flex:1 1 100% !important;justify-content:flex-start !important;} body.dmz-portal #dmz-nasil .dmz-ai-card{border-radius:22px;padding:16px !important;} body.dmz-portal #dmz-nasil .dmz-ai-panel{border-radius:24px;padding:14px;} body.dmz-portal #dmz-nasil .dmz-ai-panel__top{flex-direction:column;} body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop{align-items:flex-start;flex-direction:column;} body.dmz-portal #dmz-nasil .dmz-ai-panel__output li{align-items:flex-start;flex-direction:column;gap:4px;} body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{text-align:left;} } body.dmz-portal #dmz-nasil .dmz-ai-card__tag::before{display:inline-block;flex:0 0 auto;} /* === Logsby Trainable AI Capability Section v3.0 Premium Corporate Polish === */ body.dmz-portal #dmz-nasil.dmz-trainable-ai{ isolation:isolate; border-top:1px solid rgba(2,29,73,.045); border-bottom:1px solid rgba(2,29,73,.055); background: radial-gradient(900px 520px at 8% 8%, rgba(193,24,91,.145), transparent 60%), radial-gradient(760px 460px at 96% 18%, rgba(34,197,94,.15), transparent 58%), radial-gradient(700px 420px at 48% 54%, rgba(90,62,255,.105), transparent 65%), linear-gradient(180deg,#ffffff 0%,#fbf8ff 46%,#f5fffa 100%) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai::before{ opacity:.72 !important; background-image: linear-gradient(rgba(2,29,73,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(2,29,73,.055) 1px, transparent 1px) !important; background-size:34px 34px !important; mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.48) 62%, transparent 100%); } body.dmz-portal #dmz-nasil.dmz-trainable-ai::after{ background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.68) 39%, transparent 58%), radial-gradient(circle at 19% 33%, rgba(193,24,91,.115), transparent 20%), radial-gradient(circle at 75% 11%, rgba(124,58,237,.105), transparent 22%), radial-gradient(circle at 85% 74%, rgba(34,197,94,.125), transparent 22%) !important; opacity:.9 !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ letter-spacing:-.055em; text-shadow:0 12px 32px rgba(2,29,73,.055); } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{ max-width:520px; color:rgba(15,23,42,.66); font-weight:760; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title-accentline::after{ height:5px; width:64px; border-radius:999px; background:linear-gradient(90deg,#c1185b 0%, #8b5cf6 46%, #22c55e 100%) !important; box-shadow:0 10px 24px rgba(193,24,91,.20); } body.dmz-portal #dmz-nasil .dmz-ai-train__shell{ grid-template-columns:minmax(0,1fr) 448px !important; gap:26px !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ padding:9px !important; border-color:rgba(2,29,73,.10) !important; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78)) !important; box-shadow:0 22px 56px rgba(2,29,73,.095), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{ min-height:38px; padding:8px 13px !important; color:#0b1324 !important; border-color:rgba(2,29,73,.095) !important; background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.86)) !important; box-shadow:0 10px 24px rgba(2,29,73,.055) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__index{ background:linear-gradient(135deg,#021d49 0%, #4f2fc9 62%, #7c3aed 100%) !important; box-shadow:0 9px 18px rgba(79,47,201,.24), inset 0 1px 0 rgba(255,255,255,.20) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__sep{ color:#c1185b !important; opacity:.78; font-weight:950; } body.dmz-portal #dmz-nasil .dmz-ai-cards{ gap:18px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ min-height:258px !important; padding:20px !important; border-radius:26px !important; border-color:rgba(2,29,73,.105) !important; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(145deg, rgba(2,29,73,.16), rgba(193,24,91,.14), rgba(34,197,94,.16)) border-box !important; box-shadow: 0 28px 72px rgba(2,29,73,.095), 0 10px 30px rgba(193,24,91,.035), inset 0 1px 0 rgba(255,255,255,.96) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card::after{ content:""; position:absolute; left:18px; right:18px; top:0; height:4px; border-radius:0 0 999px 999px; background:linear-gradient(90deg,#021d49,#7c3aed,#c1185b); opacity:.88; } body.dmz-portal #dmz-nasil .dmz-ai-card--sector::after{background:linear-gradient(90deg,#021d49,#3b82f6,#7c3aed);} body.dmz-portal #dmz-nasil .dmz-ai-card--tone::after{background:linear-gradient(90deg,#7c3aed,#c1185b,#f472b6);} body.dmz-portal #dmz-nasil .dmz-ai-card--logic::after{background:linear-gradient(90deg,#312e81,#7c3aed,#22c55e);} body.dmz-portal #dmz-nasil .dmz-ai-card--output::after{background:linear-gradient(90deg,#047857,#22c55e,#86efac);} body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:translateY(-6px) scale(1.006) !important; border-color:transparent !important; box-shadow: 0 34px 86px rgba(2,29,73,.13), 0 18px 42px rgba(193,24,91,.10), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__icon{ width:42px !important; height:42px !important; border-radius:16px !important; font-size:13px !important; box-shadow:0 16px 30px rgba(2,29,73,.22), inset 0 1px 0 rgba(255,255,255,.22) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge{ padding:8px 12px !important; background:rgba(255,255,255,.92) !important; border-color:rgba(2,29,73,.105) !important; color:#22304a !important; box-shadow:0 9px 20px rgba(2,29,73,.045); } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ font-size:20px !important; letter-spacing:-.045em !important; color:#091225 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ color:rgba(15,23,42,.70) !important; font-weight:700 !important; line-height:1.58 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips span{ background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(241,245,249,.82)) !important; border-color:rgba(2,29,73,.10) !important; color:#17233d !important; box-shadow:0 8px 16px rgba(2,29,73,.035); } body.dmz-portal #dmz-nasil .dmz-ai-card--tone .dmz-ai-card__chips span{ background:linear-gradient(180deg,rgba(253,242,248,.96),rgba(255,255,255,.84)) !important; border-color:rgba(193,24,91,.13) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card--logic .dmz-ai-card__chips span{ background:linear-gradient(180deg,rgba(245,243,255,.96),rgba(255,255,255,.84)) !important; border-color:rgba(124,58,237,.14) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card--output .dmz-ai-card__chips span{ background:linear-gradient(180deg,rgba(236,253,245,.98),rgba(255,255,255,.86)) !important; border-color:rgba(34,197,94,.17) !important; color:#064e3b !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ background:linear-gradient(180deg,#ffffff,rgba(248,250,252,.9)) !important; border-color:rgba(2,29,73,.11) !important; box-shadow:0 10px 24px rgba(2,29,73,.045); } body.dmz-portal #dmz-nasil .dmz-ai-panel{ border-radius:32px !important; padding:20px !important; border:1px solid transparent !important; background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,252,255,.88)) padding-box, linear-gradient(145deg, rgba(2,29,73,.18), rgba(34,197,94,.34), rgba(193,24,91,.16)) border-box !important; box-shadow: 0 40px 100px rgba(2,29,73,.155), 0 20px 52px rgba(34,197,94,.13), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel::before{ background: radial-gradient(320px 220px at 88% 4%, rgba(34,197,94,.20), transparent 70%), radial-gradient(260px 180px at 2% 18%, rgba(124,58,237,.12), transparent 72%), linear-gradient(135deg, rgba(37,211,102,.095), transparent 37%, rgba(193,24,91,.045)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel::after{ content:""; position:absolute; inset:12px; border-radius:24px; pointer-events:none; border:1px solid rgba(255,255,255,.78); box-shadow:inset 0 0 0 1px rgba(255,255,255,.32); } body.dmz-portal #dmz-nasil .dmz-ai-panel > *{position:relative;z-index:2;} body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ color:#6d28d9 !important; letter-spacing:.10em !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong{ font-size:22px !important; color:#081225 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status{ background:linear-gradient(180deg,rgba(34,197,94,.16),rgba(255,255,255,.72)) !important; border-color:rgba(34,197,94,.25) !important; box-shadow:0 12px 24px rgba(34,197,94,.12); } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors span{ background:rgba(255,255,255,.82) !important; border-color:rgba(2,29,73,.10) !important; color:#334155 !important; box-shadow:0 8px 17px rgba(2,29,73,.035); } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors .is-active{ background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(255,255,255,.82)) !important; border-color:rgba(34,197,94,.26) !important; color:#065f46 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div{ background:rgba(255,255,255,.80) !important; border-color:rgba(2,29,73,.105) !important; box-shadow:0 10px 22px rgba(2,29,73,.04), inset 0 1px 0 rgba(255,255,255,.92); } body.dmz-portal #dmz-nasil .dmz-ai-panel__config span{ color:#68758d !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble{ box-shadow:0 10px 24px rgba(2,29,73,.052); } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--user{ background:linear-gradient(180deg,#dcf8c6,#d7f7bf) !important; border:1px solid rgba(34,197,94,.12); } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--ai{ background:linear-gradient(180deg,#fff,#fbfdff) !important; border-color:rgba(2,29,73,.095) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ border-radius:24px !important; border-color:rgba(2,29,73,.105) !important; box-shadow:0 24px 54px rgba(2,29,73,.095), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{ color:#081225 !important; letter-spacing:-.025em; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b{ background:linear-gradient(180deg,rgba(34,197,94,.15),rgba(236,253,245,.92)) !important; border:1px solid rgba(34,197,94,.18); } body.dmz-portal #dmz-nasil .dmz-ai-panel__result{ background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(255,255,255,.72)) !important; border:1px solid rgba(34,197,94,.14); box-shadow:0 18px 38px rgba(34,197,94,.10); } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ max-width:var(--dmz-container-width,1320px); margin:24px auto 0 !important; background:rgba(255,255,255,.84) !important; border:1px solid rgba(193,24,91,.16) !important; box-shadow:0 20px 52px rgba(2,29,73,.06), inset 0 1px 0 rgba(255,255,255,.96) !important; backdrop-filter:blur(14px); } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong{ background:linear-gradient(90deg,#c1185b,#7c3aed,#0f9f5f); -webkit-background-clip:text; background-clip:text; color:transparent !important; } @media (max-width:1180px){ body.dmz-portal #dmz-nasil .dmz-ai-train__shell{grid-template-columns:1fr !important;} body.dmz-portal #dmz-nasil .dmz-ai-panel{max-width:860px !important;} } @media (max-width:720px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{max-width:100%;} body.dmz-portal #dmz-nasil .dmz-ai-card{padding:17px !important;} body.dmz-portal #dmz-nasil .dmz-ai-card__title{font-size:19px !important;} body.dmz-portal #dmz-nasil .dmz-ai-panel{padding:15px !important;border-radius:26px !important;} body.dmz-portal #dmz-nasil .dmz-ai-panel::after{inset:8px;border-radius:20px;} } /* === Logsby Trainable AI Capability Section v3.1 — Premium Unity Polish === */ body.dmz-portal #dmz-nasil.dmz-trainable-ai, body.dmz-portal #dmz-nasil.dmz-trainable-ai *{ font-family:inherit !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai{ --logsby-brand:#b51670; --logsby-brand-2:#7c3aed; --logsby-navy:#021d49; --logsby-ink:#081225; --logsby-success:#16a34a; --logsby-line:rgba(2,29,73,.105); color:var(--logsby-ink); background: radial-gradient(900px 520px at 6% 7%, rgba(181,22,112,.112), transparent 60%), radial-gradient(780px 480px at 98% 15%, rgba(124,58,237,.085), transparent 60%), radial-gradient(760px 460px at 86% 78%, rgba(22,163,74,.092), transparent 62%), linear-gradient(180deg,#ffffff 0%,#fbf8ff 48%,#f9fffc 100%) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai::before{ opacity:.58 !important; background-image: linear-gradient(rgba(2,29,73,.043) 1px, transparent 1px), linear-gradient(90deg, rgba(2,29,73,.043) 1px, transparent 1px) !important; background-size:32px 32px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.56) 38%, transparent 58%), radial-gradient(circle at 18% 28%, rgba(181,22,112,.095), transparent 22%), radial-gradient(circle at 76% 12%, rgba(124,58,237,.082), transparent 24%), radial-gradient(circle at 87% 72%, rgba(22,163,74,.088), transparent 24%) !important; opacity:.72 !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ color:var(--logsby-ink) !important; letter-spacing:-.06em !important; text-shadow:0 14px 34px rgba(2,29,73,.06); } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{ color:rgba(15,23,42,.68) !important; font-weight:760 !important; line-height:1.58 !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title-accentline::after{ width:72px !important; height:5px !important; background:linear-gradient(90deg,var(--logsby-brand) 0%, var(--logsby-brand-2) 58%, var(--logsby-success) 100%) !important; box-shadow:0 10px 24px rgba(181,22,112,.20) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ border:1px solid rgba(2,29,73,.105) !important; background:rgba(255,255,255,.82) !important; backdrop-filter:blur(16px) saturate(1.12); -webkit-backdrop-filter:blur(16px) saturate(1.12); box-shadow:0 22px 54px rgba(2,29,73,.085), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{ background:linear-gradient(180deg,#fff,rgba(255,255,255,.84)) !important; border-color:rgba(2,29,73,.09) !important; color:#0a1730 !important; box-shadow:0 9px 20px rgba(2,29,73,.045) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__index{ background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-brand-2) 54%,var(--logsby-brand)) !important; box-shadow:0 10px 20px rgba(124,58,237,.20), inset 0 1px 0 rgba(255,255,255,.24) !important; } body.dmz-portal #dmz-nasil .dmz-howflow__dot--memory, body.dmz-portal #dmz-nasil .dmz-howflow__dot--ai{ background:var(--logsby-navy) !important; box-shadow:0 0 0 4px rgba(2,29,73,.10) !important; } body.dmz-portal #dmz-nasil .dmz-howflow__dot--wa{ background:var(--logsby-success) !important; box-shadow:0 0 0 4px rgba(22,163,74,.13) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__sep{ color:var(--logsby-brand) !important; opacity:.72 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ border:1px solid transparent !important; background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90)) padding-box, linear-gradient(145deg,rgba(2,29,73,.14),rgba(181,22,112,.14),rgba(124,58,237,.13)) border-box !important; box-shadow: 0 28px 74px rgba(2,29,73,.092), 0 10px 28px rgba(181,22,112,.034), inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter:blur(10px) saturate(1.06); -webkit-backdrop-filter:blur(10px) saturate(1.06); } body.dmz-portal #dmz-nasil .dmz-ai-card::after{ left:20px !important; right:20px !important; height:4px !important; background:linear-gradient(90deg,var(--logsby-navy),var(--logsby-brand-2),var(--logsby-brand)) !important; opacity:.78 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card--output::after{ background:linear-gradient(90deg,var(--logsby-navy),var(--logsby-success)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:translateY(-5px) !important; box-shadow: 0 38px 90px rgba(2,29,73,.13), 0 16px 40px rgba(181,22,112,.075), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__icon{ background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-brand-2),var(--logsby-brand)) !important; box-shadow:0 16px 32px rgba(2,29,73,.20), inset 0 1px 0 rgba(255,255,255,.24) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card--output .dmz-ai-card__icon{ background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-success)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge, body.dmz-portal #dmz-nasil .dmz-ai-card__chips span, body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ background:rgba(255,255,255,.84) !important; border-color:rgba(2,29,73,.10) !important; color:#14213d !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ color:var(--logsby-ink) !important; letter-spacing:-.047em !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ color:rgba(15,23,42,.71) !important; font-weight:710 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag::before{ background:var(--logsby-brand) !important; box-shadow:0 0 0 4px rgba(181,22,112,.105) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready{ color:#064e3b !important; border-color:rgba(22,163,74,.18) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready::before{ background:var(--logsby-success) !important; box-shadow:0 0 0 4px rgba(22,163,74,.12) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ border:1px solid transparent !important; background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,252,255,.88)) padding-box, linear-gradient(145deg,rgba(2,29,73,.18),rgba(181,22,112,.18),rgba(22,163,74,.20)) border-box !important; box-shadow: 0 42px 100px rgba(2,29,73,.148), 0 22px 54px rgba(181,22,112,.075), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel::before{ background: radial-gradient(320px 220px at 88% 4%, rgba(22,163,74,.15), transparent 70%), radial-gradient(260px 180px at 2% 18%, rgba(181,22,112,.11), transparent 72%), linear-gradient(135deg, rgba(255,255,255,.14), transparent 36%, rgba(2,29,73,.035)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ color:var(--logsby-brand) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{ color:var(--logsby-ink) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status, body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors .is-active, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b, body.dmz-portal #dmz-nasil .dmz-ai-panel__result{ background:linear-gradient(180deg,rgba(22,163,74,.13),rgba(255,255,255,.74)) !important; border-color:rgba(22,163,74,.18) !important; color:#064e3b !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors span, body.dmz-portal #dmz-nasil .dmz-ai-panel__config div, body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--ai, body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ background:rgba(255,255,255,.84) !important; border-color:rgba(2,29,73,.10) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--user{ background:linear-gradient(180deg,#fdf2f8,#fff7fb) !important; border:1px solid rgba(181,22,112,.13) !important; color:#4a1532 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__check{ background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-success)) !important; box-shadow:0 10px 22px rgba(22,163,74,.22) !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ border-color:rgba(181,22,112,.15) !important; background:rgba(255,255,255,.86) !important; backdrop-filter:blur(16px) saturate(1.08); -webkit-backdrop-filter:blur(16px) saturate(1.08); } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong{ background:linear-gradient(90deg,var(--logsby-brand),var(--logsby-brand-2),var(--logsby-success)) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; } @media (max-width:720px){ body.dmz-portal #dmz-nasil .dmz-ai-card:hover{transform:none !important;} body.dmz-portal #dmz-nasil .dmz-section__sub{text-align:left !important;margin:0 !important;} } /* Logsby AI Asistan Bölümü — final premium canlılık + font bütünlüğü patch */ body.dmz-portal{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:geometricPrecision; } body.dmz-portal #dmz-nasil, body.dmz-portal #dmz-nasil *{ font-family:inherit !important; } body.dmz-portal #dmz-nasil.dmz-how-smart{ background: radial-gradient(760px 420px at 8% 12%, rgba(181,22,112,.090), transparent 68%), radial-gradient(680px 440px at 91% 14%, rgba(22,163,74,.085), transparent 70%), radial-gradient(520px 320px at 48% 58%, rgba(124,58,237,.060), transparent 72%), linear-gradient(180deg,#ffffff 0%,#fbfcff 54%,#ffffff 100%) !important; } body.dmz-portal #dmz-nasil .dmz-section__title{ color:#081225 !important; font-weight:950 !important; letter-spacing:-.055em !important; text-wrap:balance; } body.dmz-portal #dmz-nasil .dmz-title-accentline::after{ height:4px !important; width:64px !important; border-radius:999px !important; background:linear-gradient(90deg,#b51670 0%,#7c3aed 48%,#22c55e 100%) !important; box-shadow:0 8px 22px rgba(181,22,112,.18) !important; } body.dmz-portal #dmz-nasil .dmz-section__sub{ color:rgba(15,23,42,.66) !important; font-weight:720 !important; line-height:1.58 !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ background:rgba(255,255,255,.92) !important; border:1px solid rgba(2,29,73,.10) !important; box-shadow:0 18px 48px rgba(2,29,73,.075), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{ color:#0b1324 !important; background:linear-gradient(180deg,#fff,#f8fafc) !important; border-color:rgba(2,29,73,.10) !important; box-shadow:0 10px 24px rgba(2,29,73,.055) !important; font-weight:940 !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__index{ background:linear-gradient(135deg,#021d49,#7c3aed,#b51670) !important; color:#fff !important; box-shadow:0 9px 19px rgba(124,58,237,.22) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ background: radial-gradient(420px 220px at 100% 100%, rgba(181,22,112,.052), transparent 68%), linear-gradient(180deg,rgba(255,255,255,.965),rgba(252,253,255,.94)) !important; border-color:rgba(2,29,73,.105) !important; box-shadow: 0 32px 84px rgba(2,29,73,.098), 0 12px 34px rgba(181,22,112,.035), inset 0 1px 0 rgba(255,255,255,1) !important; border-radius:30px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:translateY(-4px) scale(1.006) !important; border-color:rgba(181,22,112,.18) !important; box-shadow: 0 42px 96px rgba(2,29,73,.13), 0 18px 44px rgba(181,22,112,.075), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ color:#081225 !important; font-weight:950 !important; letter-spacing:-.052em !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ color:rgba(15,23,42,.72) !important; font-weight:740 !important; line-height:1.58 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge, body.dmz-portal #dmz-nasil .dmz-ai-card__chips span, body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ border-color:rgba(2,29,73,.105) !important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.90)) !important; box-shadow:0 9px 22px rgba(2,29,73,.045) !important; font-weight:920 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips span:hover{ border-color:rgba(181,22,112,.18) !important; box-shadow:0 12px 26px rgba(181,22,112,.065) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ background: linear-gradient(180deg,rgba(255,255,255,.955),rgba(251,253,255,.91)) padding-box, linear-gradient(145deg,rgba(2,29,73,.18),rgba(181,22,112,.20),rgba(22,163,74,.18)) border-box !important; border:1px solid transparent !important; border-radius:32px !important; box-shadow: 0 42px 105px rgba(2,29,73,.14), 0 22px 52px rgba(181,22,112,.07), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel::before{ background: radial-gradient(360px 260px at 92% 6%,rgba(22,163,74,.14),transparent 70%), radial-gradient(290px 210px at 0% 16%,rgba(181,22,112,.105),transparent 72%), linear-gradient(140deg,rgba(255,255,255,.22),transparent 42%,rgba(2,29,73,.035)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{ color:#081225 !important; font-weight:950 !important; letter-spacing:-.04em !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ color:#b51670 !important; letter-spacing:.105em !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div, body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble, body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ box-shadow:0 13px 30px rgba(2,29,73,.045), inset 0 1px 0 rgba(255,255,255,.96) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--user{ background:linear-gradient(180deg,#fff5fb,#fff) !important; color:#64123f !important; border-color:rgba(181,22,112,.15) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--ai{ color:#17213a !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{ font-weight:940 !important; color:#081225 !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ color:#17213a !important; font-weight:820 !important; box-shadow:0 20px 54px rgba(2,29,73,.075), inset 0 1px 0 rgba(255,255,255,1) !important; } @media (max-width:720px){ body.dmz-portal #dmz-nasil .dmz-ai-card:hover{transform:none !important;} body.dmz-portal #dmz-nasil .dmz-section__title{letter-spacing:-.04em !important;} } /* === Logsby Trainable AI Section — Premium Clarity Patch 2026-05-30 === Bu patch yalnızca #dmz-nasil eğitilebilir AI satış motoru vitrinini güçlendirir. Portalın diğer bölümlerine, ödeme/lisans/form akışlarına veya admin ayarlarına dokunmaz. */ body.dmz-portal #dmz-nasil.dmz-trainable-ai{ --logsby-pink:#b51670; --logsby-purple:#6d28d9; --logsby-green:#16a34a; --logsby-navy:#021d49; --logsby-ink:#081225; --logsby-muted:rgba(15,23,42,.70); --logsby-soft-line:rgba(2,29,73,.105); position:relative; overflow:hidden; padding:clamp(72px,7vw,112px) 22px !important; background: radial-gradient(940px 560px at 7% 8%, rgba(181,22,112,.118), transparent 62%), radial-gradient(820px 500px at 96% 15%, rgba(109,40,217,.088), transparent 63%), radial-gradient(760px 470px at 86% 82%, rgba(22,163,74,.100), transparent 64%), linear-gradient(180deg,#ffffff 0%,#fbf8ff 45%,#f8fffc 100%) !important; border-top:1px solid rgba(2,29,73,.055) !important; border-bottom:1px solid rgba(2,29,73,.055) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.56 !important; background-image: linear-gradient(rgba(2,29,73,.042) 1px, transparent 1px), linear-gradient(90deg, rgba(2,29,73,.042) 1px, transparent 1px) !important; background-size:34px 34px !important; mask-image:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.44) 68%,transparent 100%); } body.dmz-portal #dmz-nasil.dmz-trainable-ai::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(112deg, transparent 0%, rgba(255,255,255,.72) 39%, transparent 58%), radial-gradient(circle at 19% 29%, rgba(181,22,112,.105), transparent 22%), radial-gradient(circle at 74% 13%, rgba(109,40,217,.086), transparent 24%), radial-gradient(circle at 88% 73%, rgba(22,163,74,.095), transparent 24%) !important; opacity:.78 !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai > *{ position:relative; z-index:2; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__head, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__head{ max-width:var(--dmz-container-width,1320px) !important; margin:0 auto 24px !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(340px,.72fr) !important; gap:clamp(22px,3vw,44px) !important; align-items:end !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ max-width:760px !important; color:var(--logsby-ink) !important; font-size:clamp(34px,4.2vw,58px) !important; line-height:.98 !important; letter-spacing:-.064em !important; font-weight:950 !important; text-wrap:balance; text-shadow:0 18px 44px rgba(2,29,73,.072) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{ max-width:560px !important; justify-self:end !important; margin:0 !important; padding:18px 20px !important; border:1px solid rgba(2,29,73,.088) !important; border-radius:24px !important; background:rgba(255,255,255,.72) !important; box-shadow:0 18px 46px rgba(2,29,73,.058), inset 0 1px 0 rgba(255,255,255,.92) !important; color:var(--logsby-muted) !important; font-size:16px !important; line-height:1.62 !important; font-weight:760 !important; backdrop-filter:blur(14px) saturate(1.08); -webkit-backdrop-filter:blur(14px) saturate(1.08); } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title-accentline::after{ width:86px !important; height:5px !important; margin-top:20px !important; border-radius:999px !important; background:linear-gradient(90deg,var(--logsby-pink) 0%,var(--logsby-purple) 54%,var(--logsby-green) 100%) !important; box-shadow:0 12px 28px rgba(181,22,112,.20) !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__command{ max-width:var(--dmz-container-width,1320px); margin:0 auto 26px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } body.dmz-portal #dmz-nasil .dmz-ai-train__command span{ position:relative; min-height:70px; display:flex; align-items:center; gap:9px; padding:16px 17px 16px 42px; border-radius:22px; border:1px solid rgba(2,29,73,.095); background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.70)); box-shadow:0 18px 45px rgba(2,29,73,.065), inset 0 1px 0 rgba(255,255,255,.96); color:rgba(15,23,42,.74); font-size:13px; line-height:1.42; font-weight:780; backdrop-filter:blur(14px) saturate(1.08); -webkit-backdrop-filter:blur(14px) saturate(1.08); } body.dmz-portal #dmz-nasil .dmz-ai-train__command span::before{ content:""; position:absolute; left:17px; top:50%; width:12px; height:12px; border-radius:999px; transform:translateY(-50%); background:var(--logsby-pink); box-shadow:0 0 0 6px rgba(181,22,112,.10); } body.dmz-portal #dmz-nasil .dmz-ai-train__command span:nth-child(2)::before{ background:var(--logsby-purple); box-shadow:0 0 0 6px rgba(109,40,217,.10); } body.dmz-portal #dmz-nasil .dmz-ai-train__command span:nth-child(3)::before{ background:var(--logsby-green); box-shadow:0 0 0 6px rgba(22,163,74,.12); } body.dmz-portal #dmz-nasil .dmz-ai-train__command b{ color:var(--logsby-ink); font-weight:950; white-space:nowrap; } body.dmz-portal #dmz-nasil .dmz-ai-train__shell{ max-width:var(--dmz-container-width,1320px) !important; grid-template-columns:minmax(0,1fr) minmax(430px,500px) !important; gap:clamp(22px,3vw,36px) !important; align-items:start !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__left{ display:flex; flex-direction:column; min-width:0; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ width:100% !important; max-width:100% !important; margin:0 0 20px !important; padding:9px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; border-radius:999px !important; border:1px solid rgba(2,29,73,.105) !important; background:rgba(255,255,255,.84) !important; box-shadow:0 22px 54px rgba(2,29,73,.085), inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter:blur(16px) saturate(1.10); -webkit-backdrop-filter:blur(16px) saturate(1.10); } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{ flex:1 1 0 !important; min-height:42px !important; justify-content:center !important; padding:9px 12px !important; border-radius:999px !important; border:1px solid rgba(2,29,73,.085) !important; background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.84)) !important; color:#0a1730 !important; box-shadow:0 10px 22px rgba(2,29,73,.048) !important; font-size:13px !important; font-weight:950 !important; letter-spacing:-.01em !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__index{ width:25px !important; height:25px !important; flex:0 0 25px !important; border-radius:999px !important; background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-purple) 56%,var(--logsby-pink)) !important; box-shadow:0 10px 20px rgba(109,40,217,.20), inset 0 1px 0 rgba(255,255,255,.24) !important; color:#fff !important; font-size:12px !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__sep{ flex:0 0 auto !important; color:var(--logsby-pink) !important; opacity:.72 !important; font-weight:950 !important; } body.dmz-portal #dmz-nasil .dmz-ai-cards{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ min-height:248px !important; padding:22px !important; border-radius:30px !important; border:1px solid transparent !important; background: radial-gradient(420px 230px at 100% 102%, rgba(181,22,112,.050), transparent 70%) padding-box, linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90)) padding-box, linear-gradient(145deg,rgba(2,29,73,.14),rgba(181,22,112,.14),rgba(109,40,217,.12),rgba(22,163,74,.12)) border-box !important; box-shadow:0 30px 76px rgba(2,29,73,.092),0 12px 32px rgba(181,22,112,.035),inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter:blur(10px) saturate(1.06); -webkit-backdrop-filter:blur(10px) saturate(1.06); } body.dmz-portal #dmz-nasil .dmz-ai-card::after{ left:22px !important; right:22px !important; top:0 !important; height:4px !important; border-radius:0 0 999px 999px !important; opacity:.82 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:translateY(-5px) !important; box-shadow:0 42px 96px rgba(2,29,73,.13),0 18px 44px rgba(181,22,112,.078),inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__top{ margin-bottom:14px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__icon{ width:44px !important; height:44px !important; border-radius:17px !important; background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-purple),var(--logsby-pink)) !important; box-shadow:0 16px 32px rgba(2,29,73,.20),inset 0 1px 0 rgba(255,255,255,.24) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card--output .dmz-ai-card__icon{ background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-green)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge, body.dmz-portal #dmz-nasil .dmz-ai-card__chips span, body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ border-color:rgba(2,29,73,.095) !important; background:rgba(255,255,255,.86) !important; color:#14213d !important; box-shadow:0 9px 20px rgba(2,29,73,.038) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge{ padding:8px 12px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ margin-bottom:8px !important; color:var(--logsby-ink) !important; font-size:20px !important; line-height:1.14 !important; letter-spacing:-.048em !important; font-weight:950 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ color:rgba(15,23,42,.72) !important; font-size:14.5px !important; line-height:1.58 !important; font-weight:740 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips{ margin-top:15px !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__chips span{ padding:7px 10px !important; font-size:11.5px !important; font-weight:920 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ margin-top:14px !important; padding:9px 11px !important; font-size:11.8px !important; font-weight:930 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag::before{ background:var(--logsby-pink) !important; box-shadow:0 0 0 5px rgba(181,22,112,.105) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__tag--ready::before{ background:var(--logsby-green) !important; box-shadow:0 0 0 5px rgba(22,163,74,.12) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ position:sticky !important; top:calc(var(--dmz-sticky-offset, 86px) + 18px) !important; align-self:start !important; border-radius:34px !important; padding:22px !important; border:1px solid transparent !important; background: linear-gradient(180deg,rgba(255,255,255,.955),rgba(250,252,255,.905)) padding-box, linear-gradient(145deg,rgba(2,29,73,.17),rgba(181,22,112,.17),rgba(22,163,74,.23)) border-box !important; box-shadow:0 46px 112px rgba(2,29,73,.152),0 22px 56px rgba(181,22,112,.074),0 16px 46px rgba(22,163,74,.080),inset 0 1px 0 rgba(255,255,255,1) !important; backdrop-filter:blur(14px) saturate(1.08); -webkit-backdrop-filter:blur(14px) saturate(1.08); } body.dmz-portal #dmz-nasil .dmz-ai-panel::before{ background: radial-gradient(360px 240px at 91% 4%,rgba(22,163,74,.165),transparent 70%), radial-gradient(290px 210px at 2% 16%,rgba(181,22,112,.105),transparent 72%), linear-gradient(135deg,rgba(255,255,255,.24),transparent 42%,rgba(2,29,73,.035)) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel::after{ inset:12px !important; border-radius:25px !important; border:1px solid rgba(255,255,255,.72) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top{ margin-bottom:16px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ color:var(--logsby-pink) !important; font-size:10.5px !important; letter-spacing:.11em !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong{ color:var(--logsby-ink) !important; font-size:24px !important; line-height:1.08 !important; letter-spacing:-.045em !important; font-weight:950 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status, body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors .is-active, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b, body.dmz-portal #dmz-nasil .dmz-ai-panel__result{ background:linear-gradient(180deg,rgba(22,163,74,.15),rgba(255,255,255,.76)) !important; border-color:rgba(22,163,74,.20) !important; color:#064e3b !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors{ gap:8px !important; margin-bottom:14px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors span{ padding:8px 10px !important; background:rgba(255,255,255,.84) !important; border-color:rgba(2,29,73,.095) !important; color:#334155 !important; font-size:11.6px !important; font-weight:900 !important; box-shadow:0 8px 17px rgba(2,29,73,.035) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config{ gap:9px !important; margin-bottom:15px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div, body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble, body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ background:rgba(255,255,255,.86) !important; border-color:rgba(2,29,73,.095) !important; box-shadow:0 12px 28px rgba(2,29,73,.045),inset 0 1px 0 rgba(255,255,255,.96) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div{ min-height:70px !important; padding:12px !important; border-radius:18px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config span{ color:#64748b !important; font-size:11px !important; font-weight:880 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config strong{ color:var(--logsby-ink) !important; font-size:12.5px !important; line-height:1.25 !important; font-weight:920 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__dialog{ gap:10px !important; margin-bottom:15px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble{ padding:11px 13px !important; border-radius:17px !important; font-size:12.5px !important; line-height:1.42 !important; font-weight:780 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--user{ color:#62123e !important; border-color:rgba(181,22,112,.145) !important; background:linear-gradient(180deg,#fff4fb,#ffffff) !important; border-bottom-right-radius:7px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble--ai{ color:#17213a !important; background:linear-gradient(180deg,#ffffff,#fbfdff) !important; border-bottom-left-radius:7px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ border-radius:25px !important; padding:15px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop{ padding-bottom:11px !important; margin-bottom:9px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{ color:var(--logsby-ink) !important; font-size:16px !important; font-weight:950 !important; letter-spacing:-.028em !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b{ padding:6px 9px !important; font-size:10.8px !important; font-weight:950 !important; white-space:nowrap !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li{ padding:8px 0 !important; border-bottom:1px dashed rgba(2,29,73,.105) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li span{ color:#64748b !important; font-size:11.8px !important; font-weight:900 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{ color:var(--logsby-ink) !important; font-size:12.7px !important; font-weight:950 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__result{ margin-top:14px !important; padding:13px 14px !important; border-radius:20px !important; box-shadow:0 18px 38px rgba(22,163,74,.10),inset 0 1px 0 rgba(255,255,255,.72) !important; font-size:12.8px !important; line-height:1.42 !important; font-weight:920 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__check{ width:25px !important; height:25px !important; background:linear-gradient(135deg,var(--logsby-navy),var(--logsby-green)) !important; box-shadow:0 10px 22px rgba(22,163,74,.22) !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ max-width:var(--dmz-container-width,1320px) !important; margin:28px auto 0 !important; padding:17px 22px !important; border-radius:24px !important; border:1px solid rgba(181,22,112,.16) !important; background:rgba(255,255,255,.82) !important; color:#17213a !important; box-shadow:0 22px 56px rgba(2,29,73,.070),inset 0 1px 0 rgba(255,255,255,.96) !important; font-size:15px !important; line-height:1.5 !important; font-weight:850 !important; text-align:center !important; backdrop-filter:blur(14px) saturate(1.08); -webkit-backdrop-filter:blur(14px) saturate(1.08); } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong{ background:linear-gradient(90deg,var(--logsby-pink),var(--logsby-purple),var(--logsby-green)) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; } @media (max-width:1180px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__head, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__head{ grid-template-columns:1fr !important; align-items:start !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{ justify-self:start !important; max-width:780px !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__shell{ grid-template-columns:1fr !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ position:relative !important; top:auto !important; max-width:860px !important; width:100% !important; margin:0 auto !important; } } @media (max-width:900px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai{ padding:64px 16px !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__command{ grid-template-columns:1fr !important; } body.dmz-portal #dmz-nasil .dmz-ai-cards{ grid-template-columns:1fr !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ min-height:0 !important; } } @media (max-width:720px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ letter-spacing:-.042em !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub{ padding:15px !important; border-radius:20px !important; font-size:14.5px !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable{ border-radius:22px !important; flex-direction:column !important; align-items:stretch !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__sep{ display:none !important; } body.dmz-portal #dmz-nasil .dmz-howflow--trainable .dmz-howflow__pill{ width:100% !important; justify-content:flex-start !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ padding:16px !important; border-radius:26px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop{ align-items:flex-start !important; flex-direction:column !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config{ grid-template-columns:1fr !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li{ align-items:flex-start !important; flex-direction:column !important; gap:4px !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{ text-align:left !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ text-align:left !important; border-radius:20px !important; } } @media (prefers-reduced-motion:reduce){ body.dmz-portal #dmz-nasil .dmz-ai-card, body.dmz-portal #dmz-nasil .dmz-ai-card:hover{ transform:none !important; } } /* === Logsby Trainable AI Section — Compact Premium Admin Editable Patch 2026-05-30 v2 === Başlık H2 kalır; boyut paket/alt bölüm başlıklarıyla uyumlu hale getirilir. Yalnızca #dmz-nasil alanını etkiler. */ body.dmz-portal #dmz-nasil.dmz-trainable-ai{ background: radial-gradient(820px 520px at 8% 7%, rgba(181,22,112,.145), transparent 62%), radial-gradient(760px 460px at 94% 12%, rgba(109,40,217,.110), transparent 64%), radial-gradient(760px 460px at 86% 82%, rgba(22,163,74,.122), transparent 64%), linear-gradient(180deg,#ffffff 0%,#fbf7ff 46%,#f6fffb 100%) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ max-width:680px !important; font-size:clamp(28px,2.85vw,40px) !important; line-height:1.10 !important; letter-spacing:-.045em !important; font-weight:900 !important; text-shadow:0 12px 28px rgba(2,29,73,.055) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title-accentline::after{ width:78px !important; height:4px !important; margin-top:14px !important; background:linear-gradient(90deg,#b51670 0%,#6d28d9 52%,#16a34a 100%) !important; box-shadow:0 12px 24px rgba(181,22,112,.18),0 8px 18px rgba(22,163,74,.12) !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__command span{ background: radial-gradient(180px 110px at 100% 0%, rgba(181,22,112,.075), transparent 65%), linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.76)) !important; border-color:rgba(2,29,73,.115) !important; box-shadow:0 20px 48px rgba(2,29,73,.075), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card, body.dmz-portal #dmz-nasil .dmz-ai-panel{ box-shadow:0 34px 88px rgba(2,29,73,.105),0 14px 38px rgba(181,22,112,.052),inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__status, body.dmz-portal #dmz-nasil .dmz-ai-panel__sectors .is-active, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop b{ background:linear-gradient(135deg,rgba(22,163,74,.20),rgba(255,255,255,.80)) !important; box-shadow:0 8px 18px rgba(22,163,74,.10), inset 0 1px 0 rgba(255,255,255,.80) !important; } @media (max-width:720px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title{ font-size:clamp(26px,7.2vw,32px) !important; line-height:1.12 !important; } } /* ========================================================= Premium Hero / Slider + SEO Update Overrides Scope: public portal only. Keeps existing structure intact. ========================================================= */ body.dmz-portal .dmz-vitrin{ position:relative; overflow:hidden; background: radial-gradient(circle at 18% 8%, rgba(193,24,91,.14), transparent 28%), radial-gradient(circle at 78% 12%, rgba(109,26,115,.13), transparent 26%), linear-gradient(135deg,#fff7fb 0%,#fbf7ff 38%,#effaff 100%); } body.dmz-portal .dmz-vitrin:before{ content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px, transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%); } body.dmz-portal .dmz-vitrin__shell{ position:relative; z-index:1; } body.dmz-portal .dmz-vitrin__s{ align-items:center; } body.dmz-portal .dmz-vitrin__badges--premium{ gap:10px; } body.dmz-portal .dmz-chip--hero{ position:relative; border:1px solid rgba(109,26,115,.16); background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.68)); color:#2b2440; box-shadow:0 12px 28px rgba(109,26,115,.08), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(12px); } body.dmz-portal .dmz-chip--hero:before{ content:""; width:7px; height:7px; border-radius:999px; background:linear-gradient(135deg,#c1185b,#8b5cf6,#12b981); box-shadow:0 0 0 4px rgba(193,24,91,.08); } body.dmz-portal .dmz-hero__title{ max-width:920px; letter-spacing:-.055em; text-wrap:balance; } body.dmz-portal .dmz-hero__desc{ max-width:820px; color:#4b5563; line-height:1.72; } body.dmz-portal .dmz-hero__benefits{ list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; max-width:790px; } body.dmz-portal .dmz-hero__benefits li{ display:flex; align-items:center; gap:10px; min-height:34px; padding:8px 12px; border-radius:15px; background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.64)); border:1px solid rgba(226,214,235,.92); color:#334155; font-weight:800; box-shadow:0 10px 24px rgba(109,26,115,.055); backdrop-filter:blur(10px); } body.dmz-portal .dmz-hero__benefit-ico{ width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 20px; border-radius:7px; color:#fff; font-size:12px; font-weight:950; background:linear-gradient(135deg,#22c55e,#0f766e); box-shadow:0 8px 18px rgba(34,197,94,.24); } body.dmz-portal .dmz-vitrin__cta{ gap:12px; margin-top:28px; } body.dmz-portal .dmz-cta--primary{ position:relative; overflow:hidden; background:linear-gradient(135deg,#c1185b 0%,#8b2bd1 54%,#6d1a73 100%); box-shadow:0 24px 52px rgba(138,26,107,.26), inset 0 1px 0 rgba(255,255,255,.28); } body.dmz-portal .dmz-cta--primary:after{ content:""; position:absolute; top:-40%; left:-32%; width:44%; height:180%; transform:rotate(24deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent); animation:dmzHeroShine 4.8s ease-in-out infinite; } body.dmz-portal .dmz-cta--primary > *{position:relative;z-index:1} @keyframes dmzHeroShine{0%,55%{left:-42%;opacity:0}70%{opacity:.85}100%{left:120%;opacity:0}} body.dmz-portal .dmz-cta--ghost{ background:rgba(255,255,255,.78); border-color:rgba(109,26,115,.14); box-shadow:0 14px 34px rgba(109,26,115,.08), inset 0 1px 0 rgba(255,255,255,.84); } body.dmz-portal .dmz-cta--demo .dmz-cta__play{ background:linear-gradient(135deg,#fce7f3,#ede9fe); color:#c1185b; box-shadow:0 8px 18px rgba(193,24,91,.16); } body.dmz-portal .dmz-hero__trust{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; max-width:850px; } body.dmz-portal .dmz-hero__trust span{ display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.64); border:1px solid rgba(226,214,235,.88); color:#475569; font-size:12px; font-weight:850; box-shadow:0 8px 18px rgba(109,26,115,.055); } body.dmz-portal .dmz-hero__trust span:before{ content:""; width:6px; height:6px; border-radius:999px; background:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.12); } body.dmz-portal .dmz-formcard--hero{ border:1px solid rgba(226,214,235,.94); background: radial-gradient(circle at 15% 0%, rgba(193,24,91,.08), transparent 30%), radial-gradient(circle at 100% 14%, rgba(139,92,246,.10), transparent 26%), linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.74)); box-shadow:0 34px 84px rgba(38,23,59,.13), inset 0 1px 0 rgba(255,255,255,.86); backdrop-filter:blur(18px); } body.dmz-portal .dmz-formcard--hero .dmz-hd{ letter-spacing:-.02em; } body.dmz-portal .dmz-formcard--hero .s{ color:#64748b; line-height:1.68; } body.dmz-portal .dmz-formcard--hero .dmz-field input{ min-height:46px; border-radius:16px; border-color:rgba(148,163,184,.34); background:rgba(255,255,255,.86); box-shadow:inset 0 1px 0 rgba(255,255,255,.92); } body.dmz-portal .dmz-formcard--hero .dmz-field input:focus{ border-color:rgba(193,24,91,.45); box-shadow:0 0 0 4px rgba(193,24,91,.09), inset 0 1px 0 rgba(255,255,255,.92); } body.dmz-portal .dmz-btn--submit{ background:linear-gradient(135deg,#c1185b,#9a2ee9 58%,#6d1a73) !important; box-shadow:0 18px 38px rgba(138,26,107,.22) !important; } body.dmz-portal .dmz-wa{ background:linear-gradient(135deg,rgba(20,184,166,.10),rgba(34,197,94,.12)); border-color:rgba(16,185,129,.24); } @media (min-width:981px){ body.dmz-portal .dmz-hero__benefits{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:980px){ body.dmz-portal .dmz-vitrin__s{align-items:stretch;} body.dmz-portal .dmz-hero__trust{justify-content:center;} } @media (max-width:640px){ body.dmz-portal .dmz-vitrin{background:linear-gradient(180deg,#fff7fb 0%,#f7fbff 100%);} body.dmz-portal .dmz-hero__benefits li{font-size:13px;align-items:flex-start;} body.dmz-portal .dmz-hero__trust span{font-size:11px;} } /* ===================================================================== PATCH 2026-05-30 — Premium Responsive Header + Admin Managed CTA - Floating glass header look without changing portal section structure - More vivid logo/brand presence - Sales-focused CTA with optional micro trust badge - Mobile/tablet menu remains stable and touch-friendly ===================================================================== */ body.dmz-portal .dmz-head.dmz-head--premium{ min-height:72px !important; padding:12px 24px !important; border-radius:0 !important; isolation:isolate !important; overflow:visible !important; } body.dmz-portal .dmz-head.dmz-head--premium::before{ background: radial-gradient(circle at 19% 18%, rgba(255,255,255,.26) 0 2px, transparent 3px), radial-gradient(circle at 82% 22%, rgba(255,255,255,.16), transparent 26%), linear-gradient(90deg, #66117c 0%, #8a1683 37%, #c41268 100%) !important; box-shadow:0 14px 44px rgba(82, 20, 96, .24) !important; } body.dmz-portal .dmz-head.dmz-head--premium::after{ content:""; position:absolute; left:12px; right:12px; top:8px; bottom:8px; border-radius:999px; background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 48px rgba(35, 8, 50, .10) !important; z-index:-1; pointer-events:none; } body.dmz-portal.dmz-header-style-solid .dmz-head.dmz-head--premium::after{ opacity:.34 !important; background:transparent !important; box-shadow:none !important; } body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:64px !important; padding-top:9px !important; padding-bottom:9px !important; } body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ top:7px; bottom:7px; background:linear-gradient(135deg, rgba(255,255,255,.19), rgba(255,255,255,.07)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 18px 44px rgba(35, 8, 50, .18) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* Logo area: cleaner, brighter, more premium */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink{ position:relative !important; z-index:2 !important; min-width:180px !important; transition:transform .18s ease, filter .18s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink:hover{ transform:translateY(-1px) !important; filter:drop-shadow(0 10px 18px rgba(255,255,255,.14)) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark{ background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.82)) !important; color:#7a126f !important; border-color:rgba(255,255,255,.44) !important; box-shadow:0 15px 36px rgba(0,0,0,.16), 0 0 0 4px rgba(255,255,255,.10) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--img{ background:rgba(255,255,255,.98) !important; box-shadow:0 16px 38px rgba(0,0,0,.14), 0 0 26px rgba(255,255,255,.18) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-title{ color:#fff !important; text-shadow:0 10px 28px rgba(31, 10, 44, .22) !important; font-weight:920 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-sub{ color:rgba(255,255,255,.72) !important; font-weight:750 !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ background:transparent !important; border:none !important; box-shadow:0 0 24px rgba(255,255,255,.16) !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ filter:drop-shadow(0 12px 22px rgba(0,0,0,.18)) drop-shadow(0 0 14px rgba(255,255,255,.16)) !important; } /* Desktop menu: soft pill, clear active state, better hover */ @media (min-width:1025px){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ gap:5px !important; padding:7px !important; border-radius:999px !important; background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.10)) !important; border:1px solid rgba(255,255,255,.20) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 38px rgba(58, 12, 74, .12) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; max-width:min(690px, calc(100% - 560px)) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item{ position:relative !important; color:rgba(255,255,255,.90) !important; padding:10px 17px !important; border-radius:999px !important; border:1px solid transparent !important; font-weight:850 !important; letter-spacing:.012em !important; transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item:hover{ transform:translateY(-1px) !important; background:rgba(255,255,255,.15) !important; border-color:rgba(255,255,255,.18) !important; color:#fff !important; box-shadow:0 13px 28px rgba(0,0,0,.10) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item.is-active, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item[aria-current="page"]{ color:#791060 !important; background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,245,251,.90)) !important; border-color:rgba(255,255,255,.66) !important; box-shadow:0 16px 34px rgba(49, 11, 68, .17), inset 0 1px 0 rgba(255,255,255,.92) !important; } } /* Sales CTA: stronger conversion point */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ position:relative !important; z-index:2 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; min-height:44px !important; padding:10px 18px !important; border-radius:999px !important; color:#b71361 !important; background:linear-gradient(135deg, #ffffff 0%, #fff4fb 58%, #f7ecff 100%) !important; border:1px solid rgba(255,255,255,.72) !important; font-weight:950 !important; letter-spacing:.01em !important; box-shadow:0 17px 36px rgba(48, 11, 69, .16), inset 0 1px 0 rgba(255,255,255,.92) !important; overflow:hidden !important; white-space:nowrap !important; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta__shine{ position:absolute; inset:-2px auto -2px -42%; width:34%; transform:skewX(-18deg); background:linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent); opacity:.58; pointer-events:none; animation:dmzHeaderCtaShine 4.6s ease-in-out infinite; } @keyframes dmzHeaderCtaShine{ 0%,46%{left:-42%;} 62%,100%{left:124%;} } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover{ transform:translateY(-2px) !important; color:#fff !important; background:linear-gradient(135deg, #b71361 0%, #8f1ba2 54%, #5d1b91 100%) !important; box-shadow:0 24px 50px rgba(69, 9, 93, .25) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta .dmz-ico{ flex:0 0 auto !important; } body.dmz-portal .dmz-head-cta-badge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; padding:4px 8px !important; border-radius:999px !important; background:rgba(16,185,129,.12) !important; color:#047857 !important; border:1px solid rgba(16,185,129,.20) !important; font-size:11px !important; font-weight:950 !important; line-height:1 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover .dmz-head-cta-badge{ color:#fff !important; background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.24) !important; } /* Mobile hamburger: white glass control on gradient */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-btn{ min-height:44px !important; border-radius:999px !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(255,255,255,.68) !important; color:#7a126f !important; font-weight:950 !important; box-shadow:0 16px 34px rgba(42, 8, 64, .15) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-burger i{ background:#8a1683 !important; } /* Mobile panel CTA + menu cards */ body.dmz-portal .dmz-nav-panel .dmz-mcta{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important; min-height:56px !important; margin:0 0 12px 0 !important; padding:14px 16px !important; border-radius:20px !important; background:linear-gradient(135deg,#b71361 0%, #8f1ba2 54%, #5d1b91 100%) !important; color:#fff !important; text-decoration:none !important; font-weight:950 !important; letter-spacing:.01em !important; border:1px solid rgba(255,255,255,.24) !important; box-shadow:0 20px 56px rgba(112,28,126,.28) !important; } body.dmz-portal .dmz-nav-panel .dmz-mcta small{ display:inline-flex !important; align-items:center !important; padding:4px 8px !important; border-radius:999px !important; background:rgba(255,255,255,.16) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; font-size:11px !important; font-weight:900 !important; } @media (max-width:1024px){ body.dmz-portal .dmz-nav-panel .dmz-nav{ background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,252,.97)) !important; border-radius:24px !important; border:1px solid rgba(234,216,239,.92) !important; box-shadow:0 26px 74px rgba(44, 13, 62, .22) !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item{ color:#241335 !important; border-radius:16px !important; background:#fff !important; border:1px solid rgba(234,216,239,.74) !important; font-weight:900 !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item:hover, body.dmz-portal .dmz-nav-panel .dmz-nav-item.is-active, body.dmz-portal .dmz-nav-panel .dmz-nav-item[aria-current="page"]{ color:#fff !important; background:linear-gradient(135deg,#6d1a73,#9a1978 58%,#c1185b) !important; border-color:rgba(255,255,255,.22) !important; } } /* Responsive refinements */ @media (max-width:1180px){ body.dmz-portal .dmz-head.dmz-head--premium{padding-left:18px !important;padding-right:18px !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink{min-width:150px !important;} } @media (min-width:1025px) and (max-width:1280px){ body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta-badge{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{max-width:min(620px, calc(100% - 470px)) !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item{padding:9px 13px !important;} } @media (max-width:1024px){ body.dmz-portal .dmz-head.dmz-head--premium{ min-height:62px !important; padding:9px 14px !important; } body.dmz-portal .dmz-head.dmz-head--premium::after{ left:8px; right:8px; top:7px; bottom:7px; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink{min-width:0 !important;max-width:calc(100vw - 112px) !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-title{font-size:17px !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{display:none !important;} } @media (max-width:520px){ body.dmz-portal .dmz-head.dmz-head--premium{padding-left:10px !important;padding-right:10px !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-title{font-size:16px !important;max-width:172px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;} body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{max-width:168px !important;} body.dmz-portal .dmz-nav-panel .dmz-mcta{flex-wrap:wrap !important;} } /* ===================================================================== PATCH 2026-05-30 — Premium Header V2: eski gradient + cam logo - Eski mor/pembe zemin geri alındı - Logo arkasındaki beyaz/parlak blok kaldırıldı - Logo, menü ve CTA daha canlı; fakat portal genel tasarımıyla uyumlu - Mobil/tablet taşma riskine karşı kompakt responsive koruma eklendi ===================================================================== */ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ position:relative !important; min-height:70px !important; padding-top:11px !important; padding-bottom:11px !important; background:linear-gradient(90deg,#5f0f7a 0%,#891681 42%,#c1185b 100%) !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.16) !important; box-shadow:none !important; overflow:visible !important; isolation:isolate !important; } body.dmz-portal .dmz-head.dmz-head--premium::before, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::before{ display:none !important; content:none !important; background:none !important; } body.dmz-portal .dmz-head.dmz-head--premium::after, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ display:none !important; content:none !important; background:none !important; box-shadow:none !important; border:0 !important; } /* Logo: beyaz blok yok; sadece cam parlaklığı, canlılık ve premium derinlik */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ position:relative !important; z-index:4 !important; min-width:190px !important; isolation:isolate !important; filter:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ content:"" !important; position:absolute !important; left:-12px !important; right:-18px !important; top:-10px !important; bottom:-10px !important; z-index:-1 !important; pointer-events:none !important; border-radius:999px !important; background: radial-gradient(ellipse at 38% 52%, rgba(255,255,255,.13) 0%, rgba(255,255,255,.045) 35%, transparent 68%), radial-gradient(ellipse at 46% 54%, rgba(193,24,91,.18) 0%, rgba(193,24,91,.08) 42%, transparent 74%) !important; filter:blur(9px) !important; opacity:.82 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink:hover{ transform:translateY(-1px) !important; filter:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--img, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before{ display:none !important; content:none !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ background:transparent !important; filter: drop-shadow(0 1px 0 rgba(255,255,255,.22)) drop-shadow(0 9px 18px rgba(30,5,45,.26)) drop-shadow(0 0 13px rgba(255,255,255,.22)) !important; opacity:1 !important; transform:translateZ(0) !important; transition:filter .18s ease, transform .18s ease !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brand:hover .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover .dmz-brandmark--header-logo img{ filter: drop-shadow(0 1px 0 rgba(255,255,255,.30)) drop-shadow(0 11px 21px rgba(30,5,45,.30)) drop-shadow(0 0 18px rgba(255,255,255,.30)) !important; transform:translateY(-1px) translateZ(0) !important; } /* Menü: parlak ama zarif cam/pill görünüm */ @media (min-width:1025px){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ position:relative !important; z-index:4 !important; gap:6px !important; padding:7px !important; border-radius:999px !important; background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.065)) !important; border:1px solid rgba(255,255,255,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 16px 34px rgba(45,7,60,.14) !important; backdrop-filter:blur(14px) saturate(145%) !important; -webkit-backdrop-filter:blur(14px) saturate(145%) !important; max-width:min(690px, calc(100% - 560px)) !important; overflow:visible !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav::before{ content:"" !important; position:absolute !important; left:14px !important; right:14px !important; top:3px !important; height:1px !important; border-radius:999px !important; background:linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent) !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item{ color:rgba(255,255,255,.93) !important; padding:10px 17px !important; border-radius:999px !important; border:1px solid transparent !important; font-weight:880 !important; text-shadow:0 1px 0 rgba(0,0,0,.08) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item:hover{ transform:translateY(-1px) !important; background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.095)) !important; color:#fff !important; border-color:rgba(255,255,255,.20) !important; box-shadow:0 13px 26px rgba(36,6,54,.15), inset 0 1px 0 rgba(255,255,255,.18) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item.is-active, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item[aria-current="page"]{ color:#7a126f !important; background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,244,250,.92)) !important; border-color:rgba(255,255,255,.68) !important; text-shadow:none !important; box-shadow:0 16px 32px rgba(43,7,62,.20), inset 0 1px 0 rgba(255,255,255,.96) !important; } } /* CTA korunur: Ücretsiz Denemeyi Başlat + 7 gün ücretsiz daha dengeli */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ z-index:4 !important; min-height:44px !important; padding:10px 16px 10px 18px !important; background:linear-gradient(135deg,#ffffff 0%,#fff6fb 52%,#f6ecff 100%) !important; color:#b71361 !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:0 16px 34px rgba(47,7,70,.17), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover{ color:#fff !important; background:linear-gradient(135deg,#c1185b 0%,#8f1ba2 54%,#681a92 100%) !important; box-shadow:0 22px 48px rgba(64,8,88,.26), inset 0 1px 0 rgba(255,255,255,.20) !important; } body.dmz-portal .dmz-head-cta-badge{ background:linear-gradient(135deg, rgba(16,185,129,.14), rgba(34,197,94,.10)) !important; color:#047857 !important; border:1px solid rgba(16,185,129,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.74) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover .dmz-head-cta-badge{ color:#fff !important; background:rgba(255,255,255,.18) !important; border-color:rgba(255,255,255,.26) !important; box-shadow:none !important; } /* Mobil/tablet: eski gradient kalsın, logo cam gibi kalsın, menü taşmasın */ @media (max-width:1024px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:64px !important; padding-top:9px !important; padding-bottom:9px !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ min-width:0 !important; max-width:calc(100vw - 118px) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-btn{ background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,251,.90)) !important; color:#7a126f !important; border:1px solid rgba(255,255,255,.62) !important; box-shadow:0 14px 30px rgba(42,8,64,.18), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-nav-panel .dmz-mcta{ background:linear-gradient(135deg,#c1185b 0%,#8f1ba2 54%,#681a92 100%) !important; } } @media (max-width:520px){ body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ max-width:172px !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ left:-6px !important; right:-8px !important; opacity:.68 !important; filter:blur(7px) !important; } } /* ===================================================================== HOTFIX 2026-05-30 — Premium Header V2 Layout Repair - Bozulan header hizasi duzeltildi - Gradient zemin yeniden full-width hale getirildi - Logo arkasindaki beyaz/leke efekti kaldirildi - Menu + CTA cakisma/alt alta dusme riskine karsi desktop/tablet/mobil duzen sabitlendi ===================================================================== */ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ position:sticky !important; top:calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; width:auto !important; max-width:var(--dmz-container-width, 1320px) !important; min-height:76px !important; margin:0 auto !important; padding:12px 24px !important; box-sizing:border-box !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; isolation:isolate !important; } /* Full browser-width premium gradient band. Header artik ortada kalir, zemin ekrani kaplar. */ body.dmz-portal .dmz-head.dmz-head--premium::before, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; left:50% !important; width:100vw !important; transform:translateX(-50%) !important; background: radial-gradient(760px 160px at 18% 50%, rgba(255,255,255,.085), transparent 64%), radial-gradient(820px 160px at 82% 44%, rgba(255,255,255,.06), transparent 66%), linear-gradient(90deg,#5f0f7a 0%,#891681 45%,#c1185b 100%) !important; border:0 !important; box-shadow:none !important; opacity:1 !important; z-index:-2 !important; pointer-events:none !important; } /* Cam hissi veren ince panel: beyaz blok degil, cok hafif seffaf yansima. */ body.dmz-portal .dmz-head.dmz-head--premium::after, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ content:"" !important; display:block !important; position:absolute !important; left:14px !important; right:14px !important; top:10px !important; bottom:10px !important; border-radius:999px !important; background:linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035)) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 14px 34px rgba(36,6,54,.08) !important; backdrop-filter:blur(6px) saturate(120%) !important; -webkit-backdrop-filter:blur(6px) saturate(120%) !important; opacity:1 !important; z-index:-1 !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:66px !important; padding-top:9px !important; padding-bottom:9px !important; } body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ top:8px !important; bottom:8px !important; } /* Logo: canli/cam parlakligi var; arkasinda beyaz blok yok. */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ position:relative !important; z-index:4 !important; flex:0 0 auto !important; min-width:205px !important; max-width:270px !important; background:transparent !important; filter:none !important; transition:transform .16s ease, filter .16s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ content:"" !important; display:block !important; position:absolute !important; left:6px !important; right:10px !important; top:9px !important; bottom:9px !important; border-radius:999px !important; background:radial-gradient(ellipse at 38% 50%, rgba(255,255,255,.12), rgba(255,255,255,.035) 38%, transparent 72%) !important; filter:blur(8px) !important; opacity:.74 !important; z-index:-1 !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink:hover{ transform:translateY(-1px) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--img, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before{ display:none !important; content:none !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ background:transparent !important; filter: drop-shadow(0 1px 0 rgba(255,255,255,.26)) drop-shadow(0 8px 16px rgba(28,4,40,.30)) drop-shadow(0 0 14px rgba(255,255,255,.24)) !important; opacity:1 !important; } /* Desktop: menu tam ortaya, CTA sagda; cakisma yok. */ @media (min-width:1181px){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; z-index:4 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:nowrap !important; gap:5px !important; width:auto !important; max-width:min(590px, calc(100% - 720px)) !important; min-width:0 !important; padding:6px !important; border-radius:999px !important; overflow:visible !important; white-space:nowrap !important; background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.065)) !important; border:1px solid rgba(255,255,255,.20) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 14px 30px rgba(45,7,60,.13) !important; backdrop-filter:blur(12px) saturate(135%) !important; -webkit-backdrop-filter:blur(12px) saturate(135%) !important; -webkit-mask-image:none !important; mask-image:none !important; scrollbar-width:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav::-webkit-scrollbar{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:rgba(255,255,255,.94) !important; padding:9px 14px !important; border-radius:999px !important; border:1px solid transparent !important; font-size:14px !important; font-weight:880 !important; line-height:1 !important; letter-spacing:.01em !important; text-shadow:0 1px 0 rgba(0,0,0,.08) !important; box-sizing:border-box !important; white-space:nowrap !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item:hover{ transform:translateY(-1px) !important; background:linear-gradient(135deg, rgba(255,255,255,.19), rgba(255,255,255,.085)) !important; color:#fff !important; border-color:rgba(255,255,255,.18) !important; box-shadow:0 11px 22px rgba(36,6,54,.13), inset 0 1px 0 rgba(255,255,255,.16) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item.is-active, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item[aria-current="page"]{ color:#7a126f !important; background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,244,250,.92)) !important; border-color:rgba(255,255,255,.66) !important; text-shadow:none !important; box-shadow:0 14px 26px rgba(43,7,62,.17), inset 0 1px 0 rgba(255,255,255,.94) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ position:relative !important; z-index:4 !important; flex:0 0 auto !important; margin-left:auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{display:none !important;} } /* 1025-1180 arasi: dar masaustu/tabletlerde nav yerine hamburger; CTA korunur. */ @media (min-width:1025px) and (max-width:1180px){ body.dmz-portal .dmz-head.dmz-head--premium{ padding-left:20px !important; padding-right:20px !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{display:flex !important; position:relative !important; z-index:4 !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{display:inline-flex !important; position:relative !important; z-index:4 !important; margin-left:auto !important;} body.dmz-portal .dmz-head-cta-badge{display:none !important;} } /* CTA ve 7 gun rozeti korunur; boyut dengelendi. */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; min-height:44px !important; padding:10px 16px 10px 17px !important; border-radius:999px !important; background:linear-gradient(135deg,#ffffff 0%,#fff6fb 52%,#f6ecff 100%) !important; color:#b71361 !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:0 15px 32px rgba(47,7,70,.16), inset 0 1px 0 rgba(255,255,255,.92) !important; font-size:14px !important; font-weight:950 !important; line-height:1 !important; white-space:nowrap !important; text-decoration:none !important; overflow:hidden !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover{ transform:translateY(-1px) !important; color:#fff !important; background:linear-gradient(135deg,#c1185b 0%,#8f1ba2 54%,#681a92 100%) !important; box-shadow:0 20px 42px rgba(64,8,88,.24), inset 0 1px 0 rgba(255,255,255,.20) !important; } body.dmz-portal .dmz-head-cta-badge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; padding:4px 8px !important; border-radius:999px !important; background:linear-gradient(135deg, rgba(16,185,129,.14), rgba(34,197,94,.10)) !important; color:#047857 !important; border:1px solid rgba(16,185,129,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important; font-size:11px !important; font-weight:950 !important; line-height:1 !important; white-space:nowrap !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover .dmz-head-cta-badge{ color:#fff !important; background:rgba(255,255,255,.17) !important; border-color:rgba(255,255,255,.27) !important; box-shadow:none !important; } /* Mobil/tablet: tasarim bozulmasin, logo solda, menu sagda. */ @media (max-width:1024px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:64px !important; padding:9px 14px !important; gap:10px !important; max-width:100% !important; } body.dmz-portal .dmz-head.dmz-head--premium::after, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ left:8px !important; right:8px !important; top:7px !important; bottom:7px !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ min-width:0 !important; max-width:calc(100vw - 92px) !important; flex:1 1 auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{ display:flex !important; flex:0 0 auto !important; position:relative !important; z-index:4 !important; margin-left:auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-btn{ min-height:42px !important; padding:10px 12px !important; border-radius:999px !important; background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,251,.90)) !important; color:#7a126f !important; border:1px solid rgba(255,255,255,.62) !important; box-shadow:0 13px 28px rgba(42,8,64,.17), inset 0 1px 0 rgba(255,255,255,.92) !important; } } @media (max-width:520px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ padding-left:10px !important; padding-right:10px !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ max-width:170px !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ left:0 !important; right:4px !important; opacity:.58 !important; filter:blur(7px) !important; } } /* ===================================================================== HOTFIX 2026-05-30 — Premium Header V5 Restore - V4'te portal genel tasarimini bozan body/card transparent arka plan mudahelesi geri alindi. - Sadece header kapsaminda guvenli premium gorunum korunur. - Slider/hero, kartlar, paketler ve footer bolumlerinin kendi zeminleri artik degistirilmez. ===================================================================== */ body.dmz-portal .dmz-head.dmz-head--premium::before, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::before{ background: radial-gradient(760px 160px at 18% 50%, rgba(255,255,255,.085), transparent 64%), radial-gradient(820px 160px at 82% 44%, rgba(255,255,255,.06), transparent 66%), linear-gradient(90deg,#5f0f7a 0%,#891681 45%,#c1185b 100%) !important; } body.dmz-portal .dmz-head.dmz-head--premium::after, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ background:linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.026)) !important; border-color:rgba(255,255,255,.15) !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ filter: brightness(1.08) contrast(1.04) drop-shadow(0 1px 0 rgba(255,255,255,.24)) drop-shadow(0 8px 16px rgba(28,4,40,.30)) drop-shadow(0 0 16px rgba(255,255,255,.26)) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ background: radial-gradient(ellipse at 38% 50%, rgba(255,255,255,.105), rgba(255,255,255,.03) 36%, transparent 70%), radial-gradient(ellipse at 56% 52%, rgba(236,72,153,.13), transparent 72%) !important; filter:blur(8px) !important; opacity:.76 !important; } /* ===================================================================== HOTFIX 2026-05-30 — Minimal Luxe Header Final - Büyük cam/kapsül efekti kaldırıldı - Footer ile uyumlu tam genişlik mor/pembe gradient korundu - Logo arkasında beyaz zemin/blok bırakılmadan daha canlı gösterildi - Menü sade, modern ve premium mikro etkileşimlere çekildi - CTA + 7 gün ücretsiz rozeti korundu - Sadece header kapsamı hedeflenir; slider/hero/body/footer arka planlarına dokunmaz ===================================================================== */ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ position:sticky !important; top:calc(var(--dmz-adminbar-h, 0px) + env(safe-area-inset-top)) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:22px !important; width:auto !important; max-width:var(--dmz-container-width, 1320px) !important; min-height:78px !important; margin:0 auto !important; padding:14px 24px !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; isolation:isolate !important; } /* Tam genişlik footer uyumlu gradient bant: sadece header zeminini boyar. */ body.dmz-portal .dmz-head.dmz-head--premium::before, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; left:50% !important; width:100vw !important; transform:translateX(-50%) !important; background: radial-gradient(900px 180px at 16% 48%, rgba(255,255,255,.075), transparent 68%), radial-gradient(760px 160px at 84% 42%, rgba(255,255,255,.055), transparent 66%), linear-gradient(90deg,#5f0f7a 0%,#8a1683 45%,#c1185b 100%) !important; box-shadow:0 10px 28px rgba(78, 15, 90, .18) !important; border:0 !important; opacity:1 !important; z-index:-2 !important; pointer-events:none !important; } /* Büyük header cam kapsülü tamamen kapatıldı. */ body.dmz-portal .dmz-head.dmz-head--premium::after, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck::after{ display:none !important; content:none !important; background:none !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:68px !important; padding-top:10px !important; padding-bottom:10px !important; } /* Logo: beyaz/parlak blok yok; PNG kendi üzerinde cam gibi canlılık var. */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ position:relative !important; z-index:4 !important; flex:0 0 auto !important; min-width:210px !important; max-width:300px !important; background:transparent !important; border:0 !important; box-shadow:none !important; filter:none !important; transition:transform .16s ease, opacity .16s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandlink::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink:hover{ transform:translateY(-1px) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--img, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before{ display:none !important; content:none !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ background:transparent !important; filter: brightness(1.14) contrast(1.08) drop-shadow(0 1px 0 rgba(255,255,255,.30)) drop-shadow(0 8px 16px rgba(35,5,50,.30)) drop-shadow(0 0 18px rgba(255,255,255,.28)) !important; opacity:1 !important; transform:translateZ(0) !important; transition:filter .16s ease, transform .16s ease !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brand:hover .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand:hover .dmz-brandmark--header-logo img{ filter: brightness(1.2) contrast(1.1) drop-shadow(0 1px 0 rgba(255,255,255,.36)) drop-shadow(0 10px 20px rgba(35,5,50,.34)) drop-shadow(0 0 22px rgba(255,255,255,.34)) !important; transform:translateY(-1px) translateZ(0) !important; } /* Desktop menü: büyük kapsül yok; linkler temiz, canlı ve modern. */ @media (min-width:1181px){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; z-index:4 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:nowrap !important; gap:8px !important; width:auto !important; max-width:min(620px, calc(100% - 690px)) !important; min-width:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; overflow:visible !important; white-space:nowrap !important; scrollbar-width:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav::before{ display:none !important; content:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav::-webkit-scrollbar{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-dot{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item{ position:relative !important; flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:40px !important; padding:10px 15px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.09) !important; background:transparent !important; color:rgba(255,255,255,.92) !important; font-size:14px !important; font-weight:850 !important; line-height:1 !important; letter-spacing:.01em !important; text-shadow:0 1px 0 rgba(0,0,0,.10) !important; box-shadow:none !important; transition:transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease !important; white-space:nowrap !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item::after{ content:"" !important; position:absolute !important; left:15px !important; right:15px !important; bottom:5px !important; height:2px !important; border-radius:999px !important; background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.18)) !important; opacity:0 !important; transform:scaleX(.55) !important; transition:opacity .16s ease, transform .16s ease !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item:hover{ transform:translateY(-1px) !important; background:rgba(255,255,255,.105) !important; color:#fff !important; border-color:rgba(255,255,255,.18) !important; box-shadow:0 10px 24px rgba(38,6,54,.12) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item:hover::after{ opacity:.62 !important; transform:scaleX(1) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item.is-active, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item[aria-current="page"]{ color:#6c126f !important; background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,246,252,.91)) !important; border-color:rgba(255,255,255,.65) !important; text-shadow:none !important; box-shadow:0 13px 28px rgba(39,7,56,.16), inset 0 1px 0 rgba(255,255,255,.90) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item.is-active::after, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-item[aria-current="page"]::after{ opacity:0 !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ position:relative !important; z-index:4 !important; flex:0 0 auto !important; margin-left:auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{display:none !important;} } /* CTA ve 7 gün ücretsiz rozeti korunur; daha net ve premium durur. */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; min-height:44px !important; padding:10px 17px !important; border-radius:999px !important; background:linear-gradient(135deg,#ffffff 0%,#fff7fc 54%,#f7efff 100%) !important; color:#b71361 !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:0 14px 30px rgba(45,7,65,.15), inset 0 1px 0 rgba(255,255,255,.95) !important; font-size:14px !important; font-weight:950 !important; line-height:1 !important; white-space:nowrap !important; text-decoration:none !important; overflow:hidden !important; transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover{ transform:translateY(-1px) !important; color:#fff !important; background:linear-gradient(135deg,#c1185b 0%,#8f1ba2 54%,#681a92 100%) !important; box-shadow:0 20px 42px rgba(64,8,88,.24), inset 0 1px 0 rgba(255,255,255,.22) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta-badge, body.dmz-portal .dmz-head-cta-badge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; padding:4px 8px !important; border-radius:999px !important; background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(34,197,94,.11)) !important; color:#047857 !important; border:1px solid rgba(16,185,129,.23) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important; font-size:11px !important; font-weight:950 !important; line-height:1 !important; white-space:nowrap !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta:hover .dmz-head-cta-badge{ color:#fff !important; background:rgba(255,255,255,.17) !important; border-color:rgba(255,255,255,.28) !important; box-shadow:none !important; } /* 1025-1180: hamburger + CTA dengesi; taşma yok. */ @media (min-width:1025px) and (max-width:1180px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ padding-left:20px !important; padding-right:20px !important; gap:14px !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{ display:flex !important; position:relative !important; z-index:4 !important; margin-left:auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{ display:inline-flex !important; position:relative !important; z-index:4 !important; margin-left:0 !important; padding-left:14px !important; padding-right:14px !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta-badge{display:none !important;} } /* Mobil/tablet: sadece header kapsamı; hero ve genel portal zeminine dokunmaz. */ @media (max-width:1024px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ min-height:66px !important; max-width:100% !important; padding:10px 14px !important; gap:10px !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-head-cta{display:none !important;} body.dmz-portal .dmz-head.dmz-head--premium .dmz-brand, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandlink--logo-only{ min-width:0 !important; max-width:calc(100vw - 92px) !important; flex:1 1 auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-toggle{ display:flex !important; flex:0 0 auto !important; position:relative !important; z-index:4 !important; margin-left:auto !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-btn{ min-height:42px !important; padding:10px 12px !important; border-radius:999px !important; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,252,.90)) !important; color:#7a126f !important; border:1px solid rgba(255,255,255,.62) !important; box-shadow:0 13px 28px rgba(42,8,64,.17), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-burger i{background:#8a1683 !important;} } @media (max-width:520px){ body.dmz-portal .dmz-head.dmz-head--premium, body.dmz-portal .dmz-head.dmz-head--premium.is-stuck{ padding-left:10px !important; padding-right:10px !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ max-width:170px !important; } } /* ========================================================= PATCH 2026-05-30 — Premium Menu Tabs Final Scope: only header menu tabs. No body/hero/footer/global background changes. Goal: same shape, livelier premium typography, active/hover polish, Safari-safe. ========================================================= */ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } @media (min-width:1181px){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav{ gap:9px !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item{ position:relative !important; isolation:isolate !important; min-height:40px !important; padding:10px 16px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.12) !important; background:transparent !important; color:rgba(255,255,255,.96) !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:14px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.018em !important; text-shadow:0 1px 1px rgba(22,4,35,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; overflow:hidden !important; -webkit-tap-highlight-color:transparent !important; transform:translateZ(0) !important; transition:transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item::before{ content:"" !important; position:absolute !important; inset:1px !important; z-index:-1 !important; border-radius:inherit !important; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 48%,rgba(255,255,255,.09)) !important; opacity:.34 !important; transform:scale(.98) !important; transition:opacity .18s ease, transform .18s ease !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item::after{ content:"" !important; position:absolute !important; left:17px !important; right:17px !important; bottom:6px !important; height:2px !important; border-radius:999px !important; background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.96),rgba(255,255,255,.10)) !important; opacity:0 !important; transform:scaleX(.44) translateZ(0) !important; transform-origin:center !important; transition:opacity .18s ease, transform .18s ease !important; pointer-events:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:hover, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:focus-visible{ transform:translateY(-1px) translateZ(0) !important; color:#fff !important; border-color:rgba(255,255,255,.27) !important; background:rgba(255,255,255,.045) !important; box-shadow: 0 10px 24px rgba(35,5,54,.13), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.045) !important; outline:none !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:hover::before, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:focus-visible::before{ opacity:.58 !important; transform:scale(1) !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:hover::after, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item:focus-visible::after{ opacity:.78 !important; transform:scaleX(1) translateZ(0) !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item.is-active, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item[aria-current="page"]{ color:#7a126f !important; background:linear-gradient(135deg,#ffffff 0%,#fff6fc 56%,#f8ecff 100%) !important; border-color:rgba(255,255,255,.72) !important; text-shadow:none !important; box-shadow: 0 13px 28px rgba(39,7,56,.18), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(126,21,118,.07) !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item.is-active::before, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item[aria-current="page"]::before{ opacity:0 !important; } body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item.is-active::after, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item[aria-current="page"]::after{ left:19px !important; right:19px !important; bottom:6px !important; height:2px !important; opacity:.82 !important; transform:scaleX(.72) translateZ(0) !important; background:linear-gradient(90deg,rgba(190,24,93,0),rgba(190,24,93,.70),rgba(124,58,237,.55),rgba(190,24,93,0)) !important; } } @media (min-width:1025px) and (max-width:1180px){ body.dmz-portal .dmz-nav-panel .dmz-nav-item, body.dmz-portal .dmz-head.dmz-head--premium .dmz-nav-btn{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:900 !important; letter-spacing:.012em !important; } } @media (max-width:1024px){ body.dmz-portal .dmz-nav-panel .dmz-nav{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item{ min-height:44px !important; border-radius:14px !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:15px !important; font-weight:900 !important; letter-spacing:.012em !important; color:#172033 !important; border:1px solid rgba(226,232,240,.92) !important; background:linear-gradient(135deg,#fff 0%,#fbf7ff 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important; -webkit-tap-highlight-color:transparent !important; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item:hover, body.dmz-portal .dmz-nav-panel .dmz-nav-item:focus-visible{ transform:translateY(-1px) !important; border-color:rgba(190,24,93,.20) !important; box-shadow:0 12px 26px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.90) !important; outline:none !important; } body.dmz-portal .dmz-nav-panel .dmz-nav-item.is-active, body.dmz-portal .dmz-nav-panel .dmz-nav-item[aria-current="page"]{ color:#fff !important; background:linear-gradient(135deg,#bf165d 0%,#8e1aa3 56%,#61158d 100%) !important; border-color:rgba(190,24,93,.18) !important; box-shadow:0 13px 30px rgba(126,21,118,.18), inset 0 1px 0 rgba(255,255,255,.22) !important; } } @media (prefers-reduced-motion:reduce){ body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item::before, body.dmz-portal .dmz-head.dmz-head--premium > .dmz-nav .dmz-nav-item::after, body.dmz-portal .dmz-nav-panel .dmz-nav-item{ transition:none !important; transform:none !important; } } /* ========================================================== FINAL PATCH 2026-05-30 — Stable Premium Hero V2 Scope: only #dmz-urun slider/hero area. Goal: keep stable layout, remove visual drift, add premium clarity, Safari-friendly responsive polish. No global body/header/footer edits. ========================================================== */ body.dmz-portal #dmz-urun.dmz-vitrin{ position:relative !important; isolation:isolate !important; overflow:hidden !important; margin-top:0 !important; padding:clamp(48px,5.2vw,72px) 0 clamp(40px,4.8vw,64px) !important; background: radial-gradient(780px 430px at 16% 16%, rgba(205,28,132,.135), rgba(205,28,132,0) 62%), radial-gradient(860px 460px at 78% 18%, rgba(25,190,138,.115), rgba(25,190,138,0) 64%), radial-gradient(620px 380px at 48% 84%, rgba(110,43,219,.105), rgba(110,43,219,0) 66%), linear-gradient(115deg, rgba(255,247,253,.90) 0%, rgba(248,251,255,.96) 44%, rgba(240,255,250,.92) 100%) !important; } body.dmz-portal #dmz-urun.dmz-vitrin::before{ content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background-image: linear-gradient(rgba(17,24,39,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,24,39,.035) 1px, transparent 1px); background-size:22px 22px; mask-image:linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.58)); -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.58)); } body.dmz-portal #dmz-urun.dmz-vitrin::after{ content:""; position:absolute; inset:auto 7% 22px 7%; height:150px; z-index:-1; pointer-events:none; background:radial-gradient(closest-side, rgba(174,36,143,.13), rgba(174,36,143,0)); filter:blur(26px); opacity:.62; } body.dmz-portal #dmz-urun .dmz-vitrin__shell{ max-width:1280px !important; margin:0 auto !important; padding:0 clamp(18px,3vw,34px) !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ display:grid !important; grid-template-columns:minmax(0, 720px) minmax(360px, 420px) !important; gap:clamp(38px,5.4vw,76px) !important; align-items:center !important; } body.dmz-portal #dmz-urun .dmz-vitrin__left{ min-width:0 !important; max-width:760px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__right{ min-width:0 !important; align-self:center !important; justify-self:end !important; width:100% !important; max-width:420px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__badges--premium{ display:flex !important; flex-wrap:wrap !important; gap:9px 10px !important; margin:0 0 17px !important; } body.dmz-portal #dmz-urun .dmz-chip.dmz-chip--hero{ position:relative !important; min-height:30px !important; padding:6px 13px 6px 28px !important; border-radius:999px !important; border:1px solid rgba(185,136,207,.34) !important; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,253,.88)) !important; color:#202742 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:clamp(10.5px,.7vw,11.5px) !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.075em !important; text-transform:uppercase !important; box-shadow:0 12px 26px rgba(110,34,132,.08), inset 0 1px 0 rgba(255,255,255,.96) !important; -webkit-backdrop-filter:saturate(150%) blur(8px); backdrop-filter:saturate(150%) blur(8px); white-space:nowrap !important; } body.dmz-portal #dmz-urun .dmz-chip.dmz-chip--hero::before{ content:"" !important; position:absolute !important; left:12px !important; top:50% !important; width:7px !important; height:7px !important; border-radius:999px !important; background:linear-gradient(135deg,#c0168a,#8d46f2 58%,#22c7a1) !important; transform:translateY(-50%) !important; box-shadow:0 0 0 4px rgba(192,22,138,.10),0 0 13px rgba(141,70,242,.34) !important; } body.dmz-portal #dmz-urun .dmz-hero{ background:transparent !important; } body.dmz-portal #dmz-urun .dmz-hero__slides{ min-height:auto !important; } body.dmz-portal #dmz-urun .dmz-hero__slide{ padding-right:0 !important; } body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ max-width:760px !important; margin:0 0 12px !important; color:#101426 !important; font-family:var(--dmz-hero-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:clamp(36px,3.05vw,50px) !important; line-height:1.075 !important; letter-spacing:-.045em !important; font-weight:950 !important; text-wrap:balance; text-shadow:0 1px 0 rgba(255,255,255,.55) !important; } body.dmz-portal #dmz-urun .dmz-vitrin__desc, body.dmz-portal #dmz-urun .dmz-hero__desc{ max-width:670px !important; margin:0 0 18px !important; color:#424b61 !important; font-family:var(--dmz-hero-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:clamp(14px,1.02vw,15.5px) !important; line-height:1.62 !important; font-weight:670 !important; letter-spacing:-.008em !important; } body.dmz-portal #dmz-urun .dmz-hero__benefits{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px 12px !important; margin:18px 0 0 !important; padding:0 !important; max-width:700px !important; } body.dmz-portal #dmz-urun .dmz-hero__benefits li{ min-height:42px !important; display:flex !important; align-items:center !important; gap:10px !important; padding:9px 14px !important; border-radius:16px !important; border:1px solid rgba(202,196,216,.72) !important; background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.72)) !important; color:#20283d !important; font-size:13.5px !important; line-height:1.25 !important; font-weight:890 !important; box-shadow:0 11px 22px rgba(16,20,38,.045), inset 0 1px 0 rgba(255,255,255,.9) !important; -webkit-backdrop-filter:saturate(140%) blur(7px); backdrop-filter:saturate(140%) blur(7px); } body.dmz-portal #dmz-urun .dmz-hero__benefit-ico{ flex:0 0 23px !important; width:23px !important; height:23px !important; border-radius:9px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; font-size:13px !important; font-weight:950 !important; background:linear-gradient(135deg,#19a46e,#24d2a4) !important; box-shadow:0 8px 16px rgba(25,164,110,.20) !important; } body.dmz-portal #dmz-urun .dmz-hero__dots{ display:flex !important; align-items:center !important; gap:8px !important; margin:13px 0 0 !important; padding:0 !important; justify-content:center !important; max-width:700px !important; } body.dmz-portal #dmz-urun .dmz-hero__dot{ width:8px !important; height:8px !important; border-radius:999px !important; border:1px solid rgba(139,92,246,.22) !important; background:rgba(255,255,255,.74) !important; box-shadow:0 2px 8px rgba(15,23,42,.08) !important; } body.dmz-portal #dmz-urun .dmz-hero__dot.is-active{ width:24px !important; background:linear-gradient(135deg,#c01883,#8438e8) !important; border-color:transparent !important; transform:none !important; } body.dmz-portal #dmz-urun .dmz-vitrin__cta{ display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:nowrap !important; margin:20px 0 14px !important; max-width:700px !important; } body.dmz-portal #dmz-urun .dmz-cta{ min-height:52px !important; border-radius:17px !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:14.5px !important; font-weight:950 !important; letter-spacing:-.006em !important; text-decoration:none !important; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important; } body.dmz-portal #dmz-urun .dmz-cta--primary{ flex:0 1 300px !important; justify-content:center !important; padding:0 24px !important; color:#fff !important; border:0 !important; background:linear-gradient(135deg,#c01679 0%,#8e1a9f 52%,#7a45f3 100%) !important; box-shadow:0 20px 40px rgba(151,34,158,.22),0 5px 13px rgba(122,69,243,.16) !important; } body.dmz-portal #dmz-urun .dmz-cta--primary:hover{ transform:translateY(-1px) !important; box-shadow:0 24px 46px rgba(151,34,158,.26),0 8px 18px rgba(122,69,243,.18) !important; } body.dmz-portal #dmz-urun .dmz-cta--ghost, body.dmz-portal #dmz-urun .dmz-cta--demo{ flex:0 0 auto !important; width:auto !important; min-width:154px !important; max-width:220px !important; justify-content:center !important; padding:0 22px !important; color:#bd176d !important; border:1px solid rgba(197,183,211,.78) !important; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76)) !important; box-shadow:0 16px 32px rgba(17,24,39,.065), inset 0 1px 0 rgba(255,255,255,.94) !important; -webkit-backdrop-filter:saturate(140%) blur(7px); backdrop-filter:saturate(140%) blur(7px); } body.dmz-portal #dmz-urun .dmz-cta--demo .dmz-cta__play{ width:30px !important; height:30px !important; flex:0 0 30px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(180deg,#fff,#f7f3ff) !important; border:1px solid rgba(190,172,210,.72) !important; box-shadow:0 8px 18px rgba(17,24,39,.08) !important; } body.dmz-portal #dmz-urun .dmz-hero__trust{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; margin:14px 0 0 !important; max-width:700px !important; } body.dmz-portal #dmz-urun .dmz-hero__trust span{ display:inline-flex !important; align-items:center !important; min-height:28px !important; padding:6px 12px 6px 24px !important; border-radius:999px !important; position:relative !important; color:#31405a !important; background:rgba(255,255,255,.70) !important; border:1px solid rgba(207,199,218,.62) !important; box-shadow:0 10px 20px rgba(15,23,42,.038) !important; font-size:12px !important; font-weight:870 !important; white-space:nowrap !important; } body.dmz-portal #dmz-urun .dmz-hero__trust span::before{ content:"" !important; position:absolute !important; left:10px !important; top:50% !important; width:6px !important; height:6px !important; border-radius:999px !important; transform:translateY(-50%) !important; background:#19be91 !important; box-shadow:0 0 0 4px rgba(25,190,145,.10) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ width:100% !important; max-width:420px !important; margin:0 !important; padding:28px 30px 26px !important; border-radius:28px !important; border:1px solid rgba(219,206,226,.78) !important; background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82)) !important; box-shadow:0 26px 70px rgba(21,26,43,.095), 0 9px 24px rgba(149,54,145,.055) !important; -webkit-backdrop-filter:saturate(145%) blur(12px); backdrop-filter:saturate(145%) blur(12px); align-self:center !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero::before{ background:radial-gradient(440px 170px at 82% 0%, rgba(193,24,111,.10), transparent 68%) !important; opacity:1 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin:0 0 18px !important; text-align:center !important; padding-bottom:16px !important; border-bottom:1px solid rgba(148,163,184,.15) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-hd{ justify-content:center !important; font-size:17px !important; font-weight:950 !important; letter-spacing:-.015em !important; color:#15172a !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ max-width:30ch !important; margin:8px auto 0 !important; color:#4b5566 !important; font-size:13.2px !important; line-height:1.48 !important; font-weight:670 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px 12px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-field label{ margin:0 0 6px !important; text-align:center !important; color:#2e374d !important; font-size:12px !important; font-weight:900 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-field input{ height:42px !important; border-radius:14px !important; border:1px solid rgba(185,197,214,.95) !important; background:rgba(255,255,255,.82) !important; color:#1d2434 !important; font-size:13px !important; font-weight:650 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-field input:focus{ border-color:rgba(141,70,242,.55) !important; box-shadow:0 0 0 4px rgba(141,70,242,.10), inset 0 1px 0 rgba(255,255,255,.85) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-row{ margin-top:13px !important; padding-top:0 !important; display:block !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ width:100% !important; min-height:52px !important; border-radius:16px !important; color:#fff !important; background:linear-gradient(135deg,#c01679,#8e1a9f 52%,#7a45f3) !important; box-shadow:0 18px 38px rgba(151,34,158,.20) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-note{ margin:14px 0 0 !important; padding-top:13px !important; border-top:1px solid rgba(148,163,184,.16) !important; color:#4a5367 !important; font-size:12.3px !important; font-weight:760 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-wa{ width:auto !important; margin:10px 0 0 !important; padding:10px 14px !important; border-radius:17px !important; background:linear-gradient(180deg,rgba(235,255,248,.94),rgba(223,252,244,.86)) !important; border:1px solid rgba(45,212,151,.30) !important; box-shadow:0 12px 26px rgba(27,147,105,.075) !important; } @media (max-width: 1120px){ body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0,1fr) minmax(330px,390px) !important; gap:32px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ font-size:clamp(34px,3.8vw,46px) !important; } } @media (max-width: 980px){ body.dmz-portal #dmz-urun.dmz-vitrin{ padding:38px 0 48px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:24px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__right{ justify-self:stretch !important; max-width:100% !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ max-width:560px !important; margin:0 auto !important; } } @media (max-width: 720px){ body.dmz-portal #dmz-urun.dmz-vitrin{ padding:32px 0 38px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__shell{ padding:0 15px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__badges--premium{ gap:7px !important; margin-bottom:14px !important; } body.dmz-portal #dmz-urun .dmz-chip.dmz-chip--hero{ min-height:29px !important; padding:5px 10px 5px 24px !important; font-size:10px !important; letter-spacing:.055em !important; } body.dmz-portal #dmz-urun .dmz-chip.dmz-chip--hero::before{ left:10px !important; width:6px !important; height:6px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ font-size:clamp(31px,9.3vw,40px) !important; line-height:1.09 !important; margin-bottom:11px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__desc, body.dmz-portal #dmz-urun .dmz-hero__desc{ font-size:14px !important; line-height:1.58 !important; margin-bottom:15px !important; } body.dmz-portal #dmz-urun .dmz-hero__benefits{ grid-template-columns:1fr !important; gap:8px !important; margin-top:14px !important; } body.dmz-portal #dmz-urun .dmz-hero__benefits li{ min-height:40px !important; padding:9px 12px !important; font-size:13px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__cta{ flex-wrap:wrap !important; gap:10px !important; margin:18px 0 12px !important; } body.dmz-portal #dmz-urun .dmz-cta--primary, body.dmz-portal #dmz-urun .dmz-cta--ghost, body.dmz-portal #dmz-urun .dmz-cta--demo{ flex:1 1 100% !important; width:100% !important; max-width:none !important; min-width:0 !important; } body.dmz-portal #dmz-urun .dmz-hero__trust{ gap:7px !important; margin-top:12px !important; } body.dmz-portal #dmz-urun .dmz-hero__trust span{ font-size:11.5px !important; padding:6px 10px 6px 22px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ border-radius:24px !important; padding:22px 16px 20px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-grid{ grid-template-columns:1fr !important; gap:10px !important; } } @media (max-width: 390px){ body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ font-size:29px !important; } body.dmz-portal #dmz-urun .dmz-chip.dmz-chip--hero{ font-size:9.5px !important; padding-left:23px !important; } } /* ========================================================== FINAL PATCH 2026-05-30 — Hero Width + Form Height + Unified Proof Scope: only #dmz-urun hero/slider and #dmz-proof bar. Goal: 1) Hero inner width aligns with header/footer container. 2) Right trial form is right-aligned and visually equal in height. 3) Proof cards sit on the same premium hero background, as one section. 4) Safari-safe responsive layout; no header/footer/admin/payment edits. ========================================================== */ body.dmz-portal #dmz-urun.dmz-vitrin{ overflow:hidden !important; padding-top:clamp(54px, 5vw, 78px) !important; padding-bottom:clamp(24px, 3vw, 36px) !important; background: radial-gradient(760px 420px at 14% 12%, rgba(198, 24, 91, .145), rgba(198, 24, 91, 0) 63%), radial-gradient(860px 500px at 84% 18%, rgba(16, 185, 129, .125), rgba(16, 185, 129, 0) 64%), radial-gradient(700px 420px at 48% 82%, rgba(141, 70, 242, .115), rgba(141, 70, 242, 0) 68%), linear-gradient(115deg, rgba(255, 247, 253, .92) 0%, rgba(248, 251, 255, .97) 47%, rgba(239, 255, 250, .94) 100%) !important; } body.dmz-portal #dmz-urun.dmz-vitrin::before{ background-image: linear-gradient(rgba(17,24,39,.034) 1px, transparent 1px), linear-gradient(90deg, rgba(17,24,39,.034) 1px, transparent 1px) !important; background-size:21px 21px !important; opacity:1 !important; } body.dmz-portal #dmz-urun .dmz-vitrin__shell{ width:100% !important; max-width:var(--dmz-container-width, 1320px) !important; margin-left:auto !important; margin-right:auto !important; padding-left:clamp(18px, 1.8vw, 24px) !important; padding-right:clamp(18px, 1.8vw, 24px) !important; box-sizing:border-box !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1fr) minmax(390px, 430px) !important; gap:clamp(44px, 5.2vw, 76px) !important; align-items:stretch !important; width:100% !important; } body.dmz-portal #dmz-urun .dmz-vitrin__left{ max-width:760px !important; justify-self:start !important; align-self:center !important; } body.dmz-portal #dmz-urun .dmz-vitrin__right{ width:100% !important; max-width:430px !important; justify-self:end !important; align-self:stretch !important; display:flex !important; align-items:stretch !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ max-width:430px !important; width:100% !important; min-height:clamp(392px, 27vw, 438px) !important; height:100% !important; align-self:stretch !important; display:flex !important; flex-direction:column !important; justify-content:center !important; padding:clamp(28px, 2.4vw, 34px) clamp(28px, 2.2vw, 34px) !important; border-radius:30px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin-bottom:18px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero form{ width:100% !important; } body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ font-size:clamp(37px, 3.15vw, 50px) !important; max-width:720px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__desc, body.dmz-portal #dmz-urun .dmz-hero__desc{ max-width:650px !important; } body.dmz-portal #dmz-urun .dmz-hero__benefits, body.dmz-portal #dmz-urun .dmz-vitrin__cta, body.dmz-portal #dmz-urun .dmz-hero__trust, body.dmz-portal #dmz-urun .dmz-hero__dots{ max-width:700px !important; } /* Proof bar is visually connected with the slider background. */ body.dmz-portal #dmz-proof.dmz-proof{ position:relative !important; isolation:isolate !important; overflow:hidden !important; margin:0 !important; padding:clamp(20px, 2.2vw, 30px) 0 clamp(48px, 4.4vw, 70px) !important; background: radial-gradient(760px 420px at 14% -16%, rgba(198, 24, 91, .125), rgba(198, 24, 91, 0) 64%), radial-gradient(860px 500px at 84% -10%, rgba(16, 185, 129, .105), rgba(16, 185, 129, 0) 66%), radial-gradient(720px 380px at 50% 20%, rgba(141, 70, 242, .08), rgba(141, 70, 242, 0) 72%), linear-gradient(115deg, rgba(255, 247, 253, .92) 0%, rgba(248, 251, 255, .97) 47%, rgba(239, 255, 250, .94) 100%) !important; } body.dmz-portal #dmz-proof.dmz-proof::before{ content:"" !important; position:absolute !important; inset:0 !important; z-index:-2 !important; pointer-events:none !important; background-image: linear-gradient(rgba(17,24,39,.032) 1px, transparent 1px), linear-gradient(90deg, rgba(17,24,39,.032) 1px, transparent 1px) !important; background-size:21px 21px !important; -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.42)) !important; mask-image:linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.42)) !important; } body.dmz-portal #dmz-proof.dmz-proof::after{ content:"" !important; position:absolute !important; left:50% !important; top:-50px !important; width:min(980px, 82vw) !important; height:150px !important; transform:translateX(-50%) !important; z-index:-1 !important; pointer-events:none !important; background:radial-gradient(closest-side, rgba(192, 22, 138, .12), rgba(192, 22, 138, 0)) !important; filter:blur(18px) !important; } body.dmz-portal #dmz-proof .dmz-proof__inner{ width:100% !important; max-width:var(--dmz-container-width, 1320px) !important; margin:0 auto !important; padding-left:clamp(18px, 1.8vw, 24px) !important; padding-right:clamp(18px, 1.8vw, 24px) !important; box-sizing:border-box !important; } body.dmz-portal #dmz-proof .dmz-proof__item{ min-height:88px !important; border-radius:21px !important; border:1px solid rgba(204,196,218,.74) !important; background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.70)) !important; box-shadow:0 18px 40px rgba(16,20,38,.058), inset 0 1px 0 rgba(255,255,255,.88) !important; -webkit-backdrop-filter:saturate(145%) blur(10px) !important; backdrop-filter:saturate(145%) blur(10px) !important; } body.dmz-portal #dmz-proof .dmz-proof__ico{ background:linear-gradient(135deg, rgba(192,22,138,.14), rgba(141,70,242,.14) 55%, rgba(16,185,129,.12)) !important; border-color:rgba(170,150,205,.32) !important; } body.dmz-portal #dmz-proof .dmz-proof__k{ color:#101426 !important; font-weight:920 !important; } body.dmz-portal #dmz-proof .dmz-proof__v{ color:#4f586a !important; font-weight:560 !important; } @media (max-width:1180px){ body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0,1fr) minmax(360px, 410px) !important; gap:34px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ min-height:390px !important; } } @media (max-width:980px){ body.dmz-portal #dmz-urun.dmz-vitrin{ padding-top:38px !important; padding-bottom:28px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:26px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__left, body.dmz-portal #dmz-urun .dmz-vitrin__right{ max-width:100% !important; justify-self:stretch !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ max-width:560px !important; min-height:auto !important; height:auto !important; margin:0 auto !important; } body.dmz-portal #dmz-proof.dmz-proof{ padding-top:18px !important; padding-bottom:46px !important; } } @media (max-width:720px){ body.dmz-portal #dmz-urun .dmz-vitrin__shell, body.dmz-portal #dmz-proof .dmz-proof__inner{ padding-left:15px !important; padding-right:15px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__title, body.dmz-portal #dmz-urun .dmz-hero__title{ font-size:clamp(30px, 8.8vw, 39px) !important; max-width:100% !important; } body.dmz-portal #dmz-proof .dmz-proof__item{ min-height:0 !important; } } /* ========================================================== FINAL PATCH 2026-05-30 — Seamless Hero + Compact Premium Form Scope: only #dmz-urun slider/hero and #dmz-proof trust band. Fixes: - Removes the split/strip feeling between slider and lower trust cards. - Keeps the hero and proof area visually in one continuous premium background. - Reduces excessive top/bottom whitespace inside the trial request card. - Keeps desktop/tablet/mobile responsive and Safari-safe fallbacks. ========================================================== */ body.dmz-portal #dmz-urun.dmz-vitrin, body.dmz-portal #dmz-proof.dmz-proof{ background: radial-gradient(880px 460px at 12% 8%, rgba(198, 24, 91, .135), rgba(198, 24, 91, 0) 62%), radial-gradient(920px 520px at 88% 14%, rgba(16, 185, 129, .125), rgba(16, 185, 129, 0) 66%), radial-gradient(780px 430px at 48% 70%, rgba(141, 70, 242, .085), rgba(141, 70, 242, 0) 70%), linear-gradient(115deg, rgba(255, 247, 253, .94) 0%, rgba(247, 250, 255, .98) 47%, rgba(238, 255, 250, .95) 100%) !important; } body.dmz-portal #dmz-urun.dmz-vitrin{ padding-top:clamp(50px, 4.6vw, 70px) !important; padding-bottom:clamp(10px, 1.4vw, 18px) !important; overflow:hidden !important; } body.dmz-portal #dmz-urun.dmz-vitrin::before, body.dmz-portal #dmz-proof.dmz-proof::before{ content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; z-index:-2 !important; background-image: linear-gradient(rgba(17,24,39,.032) 1px, transparent 1px), linear-gradient(90deg, rgba(17,24,39,.032) 1px, transparent 1px) !important; background-size:21px 21px !important; opacity:1 !important; -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.62)) !important; mask-image:linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.62)) !important; } body.dmz-portal #dmz-urun .dmz-vitrin__shell, body.dmz-portal #dmz-proof .dmz-proof__inner{ max-width:var(--dmz-container-width, 1320px) !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:clamp(18px, 1.8vw, 24px) !important; padding-right:clamp(18px, 1.8vw, 24px) !important; box-sizing:border-box !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1fr) minmax(386px, 422px) !important; gap:clamp(42px, 4.8vw, 68px) !important; align-items:center !important; width:100% !important; } body.dmz-portal #dmz-urun .dmz-vitrin__left{ max-width:735px !important; justify-self:start !important; align-self:center !important; } body.dmz-portal #dmz-urun .dmz-vitrin__right{ width:100% !important; max-width:422px !important; justify-self:end !important; align-self:center !important; display:block !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ width:100% !important; max-width:422px !important; min-height:auto !important; height:auto !important; align-self:center !important; display:block !important; padding:clamp(24px, 2vw, 29px) clamp(26px, 2.1vw, 32px) !important; border-radius:28px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin-bottom:14px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-hd{ margin-bottom:8px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ max-width:295px !important; margin-left:auto !important; margin-right:auto !important; line-height:1.45 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero form{ margin-top:0 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-grid{ gap:11px 12px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-field label{ margin-bottom:5px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-field input{ min-height:40px !important; padding-top:10px !important; padding-bottom:10px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-row{ margin-top:14px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ min-height:50px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-note{ margin-top:13px !important; padding-top:13px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-wa{ margin-top:12px !important; min-height:46px !important; } /* Trust band: remove separated white strip; continue same premium canvas. */ body.dmz-portal #dmz-proof.dmz-proof{ position:relative !important; isolation:isolate !important; overflow:hidden !important; margin-top:-1px !important; padding-top:clamp(16px, 1.7vw, 22px) !important; padding-bottom:clamp(44px, 4vw, 62px) !important; } body.dmz-portal #dmz-proof.dmz-proof::after{ display:none !important; } body.dmz-portal #dmz-proof .dmz-proof__item{ min-height:82px !important; border-radius:20px !important; background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72)) !important; border:1px solid rgba(207,196,220,.68) !important; box-shadow:0 16px 34px rgba(17,24,39,.055), inset 0 1px 0 rgba(255,255,255,.9) !important; -webkit-backdrop-filter:saturate(145%) blur(9px) !important; backdrop-filter:saturate(145%) blur(9px) !important; } @media (max-width:1180px){ body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0,1fr) minmax(360px, 405px) !important; gap:32px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__right, body.dmz-portal #dmz-urun .dmz-formcard--hero{ max-width:405px !important; } } @media (max-width:980px){ body.dmz-portal #dmz-urun.dmz-vitrin{ padding-top:38px !important; padding-bottom:14px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:24px !important; } body.dmz-portal #dmz-urun .dmz-vitrin__left, body.dmz-portal #dmz-urun .dmz-vitrin__right{ max-width:100% !important; justify-self:stretch !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ max-width:560px !important; margin-left:auto !important; margin-right:auto !important; } body.dmz-portal #dmz-proof.dmz-proof{ padding-top:16px !important; padding-bottom:44px !important; } } @media (max-width:720px){ body.dmz-portal #dmz-urun .dmz-vitrin__shell, body.dmz-portal #dmz-proof .dmz-proof__inner{ padding-left:15px !important; padding-right:15px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero{ padding:22px 16px 20px !important; border-radius:24px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ max-width:100% !important; } body.dmz-portal #dmz-proof .dmz-proof__item{ min-height:0 !important; } } /* ========================================================== FINAL PATCH 2026-05-30 — Unified Premium Hero Canvas + Slider Motion Scope: only hero/proof wrapper, #dmz-urun slider and #dmz-proof cards. - Single continuous background for slider + trust cards - Header gap reduced slightly - Premium slider dot/slide transitions - Safari/mobile/tablet safe overrides ========================================================== */ body.dmz-portal .dmz-hero-proof-wrap{ position:relative !important; isolation:isolate !important; overflow:hidden !important; background: radial-gradient(960px 540px at 14% 4%, rgba(198, 24, 91, .145), rgba(198, 24, 91, 0) 62%), radial-gradient(1040px 620px at 88% 7%, rgba(16, 185, 129, .128), rgba(16, 185, 129, 0) 65%), radial-gradient(840px 480px at 48% 60%, rgba(141, 70, 242, .090), rgba(141, 70, 242, 0) 70%), linear-gradient(115deg, rgba(255, 247, 253, .94) 0%, rgba(248, 251, 255, .985) 46%, rgba(239, 255, 250, .95) 100%) !important; } body.dmz-portal .dmz-hero-proof-wrap::before{ content:"" !important; position:absolute !important; inset:0 !important; z-index:-2 !important; pointer-events:none !important; background-image: linear-gradient(rgba(17,24,39,.030) 1px, transparent 1px), linear-gradient(90deg, rgba(17,24,39,.030) 1px, transparent 1px) !important; background-size:21px 21px !important; opacity:1 !important; -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.68) 72%, rgba(0,0,0,.48) 100%) !important; mask-image:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.68) 72%, rgba(0,0,0,.48) 100%) !important; } body.dmz-portal .dmz-hero-proof-wrap::after{ content:"" !important; position:absolute !important; left:8% !important; right:8% !important; bottom:32px !important; height:170px !important; z-index:-1 !important; pointer-events:none !important; background:radial-gradient(closest-side, rgba(193,24,91,.105), rgba(141,70,242,.060) 48%, rgba(193,24,91,0) 76%) !important; filter:blur(18px) !important; opacity:.78 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun.dmz-vitrin, body.dmz-portal .dmz-hero-proof-wrap #dmz-proof.dmz-proof{ background:transparent !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun.dmz-vitrin::before, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun.dmz-vitrin::after, body.dmz-portal .dmz-hero-proof-wrap #dmz-proof.dmz-proof::before, body.dmz-portal .dmz-hero-proof-wrap #dmz-proof.dmz-proof::after{ display:none !important; content:none !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun.dmz-vitrin{ padding-top:clamp(34px, 3.8vw, 56px) !important; padding-bottom:clamp(16px, 1.9vw, 24px) !important; overflow:visible !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-proof.dmz-proof{ margin-top:0 !important; padding-top:clamp(18px, 2vw, 26px) !important; padding-bottom:clamp(42px, 4vw, 58px) !important; overflow:visible !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__shell, body.dmz-portal .dmz-hero-proof-wrap #dmz-proof .dmz-proof__inner{ max-width:var(--dmz-container-width, 1320px) !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:clamp(18px, 1.8vw, 24px) !important; padding-right:clamp(18px, 1.8vw, 24px) !important; box-sizing:border-box !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1fr) minmax(386px, 430px) !important; gap:clamp(42px, 5vw, 72px) !important; align-items:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right{ justify-self:end !important; align-self:center !important; max-width:430px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ min-height:auto !important; height:auto !important; max-width:430px !important; padding:clamp(24px, 2vw, 30px) clamp(26px, 2.1vw, 32px) !important; border-radius:28px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-proof .dmz-proof__item{ min-height:82px !important; border-radius:20px !important; background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72)) !important; border:1px solid rgba(210,199,222,.72) !important; box-shadow:0 16px 36px rgba(17,24,39,.055), inset 0 1px 0 rgba(255,255,255,.88) !important; -webkit-backdrop-filter:saturate(145%) blur(9px) !important; backdrop-filter:saturate(145%) blur(9px) !important; } /* Slider transition polish: visual motion without changing JS structure */ body.dmz-portal #dmz-urun .dmz-hero__slides{ position:relative !important; } body.dmz-portal #dmz-urun .dmz-hero__slide.is-active{ animation:dmzHeroPremiumSlideIn .42s cubic-bezier(.2,.8,.2,1) both !important; } @keyframes dmzHeroPremiumSlideIn{ from{opacity:.01; transform:translateY(8px) scale(.992); filter:saturate(.96);} to{opacity:1; transform:translateY(0) scale(1); filter:saturate(1);} } body.dmz-portal #dmz-urun .dmz-hero__dots{ gap:7px !important; margin-top:12px !important; } body.dmz-portal #dmz-urun .dmz-hero__dot{ width:8px !important; height:8px !important; border-radius:999px !important; border:1px solid rgba(112,86,131,.30) !important; background:rgba(255,255,255,.56) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 4px 10px rgba(17,24,39,.08) !important; transition:width .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important; } body.dmz-portal #dmz-urun .dmz-hero__dot:hover{ transform:translateY(-1px) !important; border-color:rgba(193,24,91,.38) !important; } body.dmz-portal #dmz-urun .dmz-hero__dot.is-active{ width:24px !important; transform:none !important; background:linear-gradient(90deg,#c1185b,#8b46f2) !important; border-color:rgba(193,24,91,.36) !important; box-shadow:0 8px 16px rgba(193,24,91,.20), inset 0 1px 0 rgba(255,255,255,.32) !important; } @media (prefers-reduced-motion: reduce){ body.dmz-portal #dmz-urun .dmz-hero__slide.is-active{animation:none !important;} body.dmz-portal #dmz-urun .dmz-hero__dot{transition:none !important;} } @media (max-width:1180px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0,1fr) minmax(360px, 410px) !important; gap:32px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{max-width:410px !important;} } @media (max-width:980px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun.dmz-vitrin{ padding-top:30px !important; padding-bottom:18px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:24px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right{ max-width:100% !important; justify-self:stretch !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ max-width:560px !important; margin-left:auto !important; margin-right:auto !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-proof.dmz-proof{ padding-top:16px !important; padding-bottom:42px !important; } } @media (max-width:720px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__shell, body.dmz-portal .dmz-hero-proof-wrap #dmz-proof .dmz-proof__inner{ padding-left:15px !important; padding-right:15px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ padding:22px 16px 20px !important; border-radius:24px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-proof .dmz-proof__item{ min-height:0 !important; } } /* ========================================================== FINAL PATCH 2026-05-30 — Hero Layout Width + Benefit Completion + Premium Form Scope: only #dmz-urun hero/form area inside .dmz-hero-proof-wrap. Goal: wider left text area, balanced 2-column benefits, more vivid form card, no global background/header/footer changes, Safari/mobile safe. ========================================================== */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.42fr) minmax(410px, 445px) !important; gap:clamp(28px, 3.4vw, 46px) !important; align-items:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left{ max-width:820px !important; width:100% !important; justify-self:start !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right{ width:100% !important; max-width:445px !important; justify-self:end !important; align-self:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide{ width:100% !important; max-width:100% !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{ max-width:820px !important; font-size:clamp(38px, 3.05vw, 54px) !important; line-height:1.02 !important; letter-spacing:-.055em !important; text-wrap:balance; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__desc{ max-width:76ch !important; font-size:clamp(15px, .94vw, 17px) !important; line-height:1.66 !important; letter-spacing:.002em !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{ width:100% !important; max-width:100% !important; grid-template-columns:repeat(2, minmax(270px, 1fr)) !important; column-gap:14px !important; row-gap:12px !important; margin-top:18px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits li{ min-height:50px !important; padding:12px 15px !important; border-radius:17px !important; background:linear-gradient(180deg, rgba(255,255,255,.91), rgba(255,255,255,.77)) !important; border:1px solid rgba(204,192,218,.68) !important; box-shadow:0 13px 26px rgba(17,24,39,.045), inset 0 1px 0 rgba(255,255,255,.82) !important; -webkit-backdrop-filter:saturate(140%) blur(8px) !important; backdrop-filter:saturate(140%) blur(8px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits li span:last-child{ font-weight:900 !important; color:#182033 !important; letter-spacing:-.012em !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefit-ico{ width:24px !important; height:24px !important; min-width:24px !important; border-radius:8px !important; background:linear-gradient(135deg, #21bf87 0%, #119c72 100%) !important; box-shadow:0 8px 18px rgba(17,156,114,.22), inset 0 1px 0 rgba(255,255,255,.38) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta{ margin-top:22px !important; align-items:center !important; gap:12px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--primary{ min-width:min(310px, 100%) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ min-width:174px !important; flex:0 0 auto !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__trust{ max-width:100% !important; gap:9px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__trust span{ font-size:12.5px !important; font-weight:900 !important; background:rgba(255,255,255,.76) !important; border-color:rgba(207,196,220,.58) !important; } /* Sağ deneme formu: sade, canlı ve premium kart görünümü */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ width:100% !important; max-width:445px !important; padding:26px 30px 28px !important; border-radius:30px !important; overflow:hidden !important; background: radial-gradient(380px 180px at 88% -6%, rgba(193,24,91,.115), rgba(193,24,91,0) 64%), radial-gradient(320px 180px at 12% 106%, rgba(16,185,129,.105), rgba(16,185,129,0) 62%), linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.80) 100%) !important; border:1px solid rgba(218,206,230,.86) !important; box-shadow:0 28px 64px rgba(15,23,42,.095), 0 10px 22px rgba(193,24,91,.055), inset 0 1px 0 rgba(255,255,255,.94) !important; -webkit-backdrop-filter:saturate(150%) blur(12px) !important; backdrop-filter:saturate(150%) blur(12px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero::before{ content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; border-radius:inherit !important; background:linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,255,255,0) 34%, rgba(193,24,91,.055) 100%) !important; opacity:.88 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero::after{ content:"" !important; position:absolute !important; left:24px !important; right:24px !important; top:0 !important; height:3px !important; border-radius:0 0 999px 999px !important; background:linear-gradient(90deg, rgba(193,24,91,0), rgba(193,24,91,.50), rgba(141,70,242,.55), rgba(16,185,129,0)) !important; opacity:.72 !important; pointer-events:none !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero > *{ position:relative !important; z-index:1 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin-bottom:18px !important; padding-bottom:16px !important; border-bottom:1px solid rgba(206,196,218,.56) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd{ justify-content:center !important; font-size:20px !important; font-weight:950 !important; letter-spacing:-.025em !important; color:#111827 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd .dmz-ico{ color:#8b46f2 !important; filter:drop-shadow(0 4px 10px rgba(141,70,242,.20)) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ max-width:36ch !important; margin:8px auto 0 !important; font-size:13.5px !important; line-height:1.52 !important; font-weight:800 !important; color:rgba(31,41,55,.72) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-grid{ gap:12px 13px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field label{ margin-bottom:6px !important; font-size:12px !important; line-height:1 !important; color:#1f2937 !important; font-weight:950 !important; letter-spacing:-.01em !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field input{ height:43px !important; border-radius:14px !important; background:rgba(255,255,255,.88) !important; border:1px solid rgba(148,163,184,.48) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 7px 18px rgba(15,23,42,.035) !important; color:#334155 !important; font-weight:750 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field input:focus{ border-color:rgba(141,70,242,.62) !important; box-shadow:0 0 0 4px rgba(141,70,242,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-row{ margin-top:16px !important; gap:12px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ height:51px !important; border-radius:15px !important; font-size:15px !important; letter-spacing:-.01em !important; background:linear-gradient(100deg, #c11872 0%, #a3199b 44%, #7c3aed 100%) !important; box-shadow:0 18px 34px rgba(124,58,237,.18), 0 10px 22px rgba(193,24,91,.16), inset 0 1px 0 rgba(255,255,255,.22) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-note{ padding-top:12px !important; border-top:1px solid rgba(206,196,218,.52) !important; color:rgba(31,41,55,.76) !important; font-weight:850 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-wa{ min-height:47px !important; padding:10px 12px !important; border-radius:16px !important; background:linear-gradient(180deg, rgba(236,253,245,.92), rgba(220,252,231,.78)) !important; border:1px solid rgba(34,197,94,.24) !important; box-shadow:0 12px 24px rgba(16,185,129,.10), inset 0 1px 0 rgba(255,255,255,.72) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-wa-badge{ box-shadow:0 5px 12px rgba(16,185,129,.14) !important; } @media (max-width:1220px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.28fr) minmax(390px, 420px) !important; gap:clamp(24px, 2.8vw, 34px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{max-width:420px !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;} } @media (max-width:980px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{grid-template-columns:1fr !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left{max-width:100% !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right{justify-self:center !important; max-width:560px !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{max-width:560px !important;} } @media (max-width:720px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{ font-size:clamp(31px, 9vw, 42px) !important; line-height:1.04 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{grid-template-columns:1fr !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--primary, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ width:100% !important; min-width:0 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ padding:22px 16px 20px !important; border-radius:24px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-grid{grid-template-columns:1fr !important;} } /* ========================================================== FINAL PATCH 2026-05-30 — Slider Premium Typography + Benefit/Form Refinement Scope: only hero slider (#dmz-urun) and its right trial form. Goals: - Wider left text area so titles do not break unnecessarily - More modern/lighter premium typography - Closer, cleaner benefit cards with 6-card balance support from PHP - Simpler but livelier premium trial form - Smooth Safari-safe slider transitions ========================================================== */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.58fr) minmax(398px, 438px) !important; gap:clamp(28px, 3vw, 42px) !important; align-items:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left{ max-width:930px !important; width:100% !important; justify-self:start !important; -webkit-font-smoothing:antialiased !important; text-rendering:geometricPrecision !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right{ max-width:438px !important; width:100% !important; justify-self:end !important; align-self:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero{ width:100% !important; overflow:visible !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides{ display:grid !important; width:100% !important; min-height:auto !important; isolation:isolate !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide{ grid-area:1 / 1 !important; display:block !important; width:100% !important; max-width:100% !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translate3d(0, 10px, 0) scale(.992) !important; filter:saturate(.96) blur(.2px) !important; transition:opacity .48s ease, transform .52s cubic-bezier(.2,.72,.22,1), filter .48s ease, visibility 0s linear .52s !important; will-change:opacity, transform !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translate3d(0, 0, 0) scale(1) !important; filter:saturate(1.03) blur(0) !important; transition-delay:0s !important; z-index:2 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{ max-width:min(930px, 100%) !important; margin:0 0 12px !important; font-family:var(--dmz-hero-font, "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:clamp(34px, 2.45vw, 46px) !important; line-height:1.075 !important; font-weight:820 !important; letter-spacing:-.046em !important; color:#101626 !important; text-wrap:balance !important; text-shadow:0 1px 0 rgba(255,255,255,.56) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__desc{ max-width:min(82ch, 100%) !important; margin:0 0 15px !important; font-family:var(--dmz-hero-font, "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:clamp(14.6px, .86vw, 16px) !important; line-height:1.7 !important; font-weight:650 !important; letter-spacing:-.006em !important; color:rgba(28,38,58,.78) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__kicker{ margin-bottom:14px !important; gap:9px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__kicker .dmz-chip, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-chip--hero{ font-family:var(--dmz-hero-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:12px !important; font-weight:820 !important; letter-spacing:.052em !important; background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.68)) !important; border-color:rgba(213,198,226,.72) !important; box-shadow:0 10px 22px rgba(17,24,39,.045), inset 0 1px 0 rgba(255,255,255,.88) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{ width:100% !important; max-width:100% !important; display:grid !important; grid-template-columns:repeat(2, minmax(265px, 1fr)) !important; column-gap:10px !important; row-gap:8px !important; margin:14px 0 0 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits li{ min-height:43px !important; padding:9px 12px !important; gap:10px !important; border-radius:15px !important; background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.73)) !important; border:1px solid rgba(202,190,218,.64) !important; box-shadow:0 10px 22px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.82) !important; -webkit-backdrop-filter:saturate(145%) blur(8px) !important; backdrop-filter:saturate(145%) blur(8px) !important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits li:hover{ transform:translateY(-1px) !important; border-color:rgba(193,24,91,.22) !important; box-shadow:0 14px 28px rgba(15,23,42,.06), 0 8px 18px rgba(193,24,91,.045), inset 0 1px 0 rgba(255,255,255,.9) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits li span:last-child{ font-family:var(--dmz-hero-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:14px !important; line-height:1.22 !important; font-weight:760 !important; letter-spacing:-.012em !important; color:#162033 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefit-ico{ width:22px !important; height:22px !important; min-width:22px !important; border-radius:8px !important; font-size:13px !important; background:linear-gradient(135deg, #24c58b 0%, #119d72 100%) !important; box-shadow:0 8px 16px rgba(17,156,114,.20), inset 0 1px 0 rgba(255,255,255,.42) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dots{ display:flex !important; justify-content:center !important; align-items:center !important; gap:7px !important; margin-top:13px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dot{ width:8px !important; height:8px !important; border-radius:999px !important; border:1px solid rgba(193,24,91,.20) !important; background:rgba(255,255,255,.62) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important; transition:width .24s ease, background .24s ease, box-shadow .24s ease, transform .24s ease, border-color .24s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dot.is-active{ width:28px !important; background:linear-gradient(90deg,#c11872 0%,#8b46f2 100%) !important; border-color:rgba(255,255,255,.62) !important; box-shadow:0 8px 18px rgba(193,24,91,.18), 0 0 0 3px rgba(193,24,91,.07) !important; transform:translateY(-.5px) !important; } /* Trial form: simple, modern, livelier but less heavy */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ max-width:438px !important; min-height:455px !important; padding:27px 28px 27px !important; border-radius:28px !important; overflow:hidden !important; background: radial-gradient(360px 170px at 88% -8%, rgba(193,24,91,.10), rgba(193,24,91,0) 65%), radial-gradient(300px 150px at 6% 106%, rgba(16,185,129,.09), rgba(16,185,129,0) 62%), linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.86) 100%) !important; border:1px solid rgba(213,202,226,.84) !important; box-shadow:0 24px 58px rgba(15,23,42,.085), 0 10px 24px rgba(193,24,91,.045), inset 0 1px 0 rgba(255,255,255,.95) !important; -webkit-backdrop-filter:saturate(145%) blur(12px) !important; backdrop-filter:saturate(145%) blur(12px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero::before{ content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; border-radius:inherit !important; background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,0) 38%, rgba(141,70,242,.045) 100%) !important; opacity:.82 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero::after{ content:"" !important; position:absolute !important; left:26px !important; right:26px !important; top:0 !important; height:3px !important; border-radius:0 0 999px 999px !important; background:linear-gradient(90deg, rgba(193,24,91,0), rgba(193,24,91,.48), rgba(141,70,242,.46), rgba(16,185,129,0)) !important; opacity:.62 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero > *{position:relative !important; z-index:1 !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin-bottom:17px !important; padding-bottom:15px !important; border-bottom:1px solid rgba(205,195,218,.54) !important; text-align:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd{ justify-content:center !important; gap:8px !important; font-family:var(--dmz-hero-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:18px !important; line-height:1.15 !important; font-weight:820 !important; letter-spacing:-.018em !important; color:#131827 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd .dmz-ico{ color:#8b46f2 !important; filter:drop-shadow(0 4px 9px rgba(141,70,242,.18)) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ max-width:36ch !important; margin:8px auto 0 !important; font-size:13.2px !important; line-height:1.55 !important; font-weight:620 !important; letter-spacing:-.004em !important; color:rgba(31,41,55,.72) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-grid{ gap:10px 12px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field label{ margin-bottom:6px !important; font-size:11.8px !important; font-weight:760 !important; letter-spacing:-.004em !important; color:rgba(17,24,39,.82) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field input{ height:44px !important; border-radius:14px !important; background:rgba(255,255,255,.86) !important; border:1px solid rgba(148,163,184,.50) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 7px 16px rgba(15,23,42,.032) !important; color:#344256 !important; font-size:13.5px !important; font-weight:560 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field input::placeholder{color:rgba(100,116,139,.70) !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-field input:focus{ border-color:rgba(141,70,242,.56) !important; box-shadow:0 0 0 4px rgba(141,70,242,.095), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-row{ margin-top:15px !important; gap:11px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ height:50px !important; border-radius:15px !important; font-size:14.5px !important; font-weight:820 !important; letter-spacing:-.006em !important; background:linear-gradient(100deg, #c11872 0%, #a21caf 45%, #7c3aed 100%) !important; box-shadow:0 17px 32px rgba(124,58,237,.17), 0 9px 20px rgba(193,24,91,.14), inset 0 1px 0 rgba(255,255,255,.22) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-note{ padding-top:12px !important; border-top:1px solid rgba(205,195,218,.50) !important; font-size:12.6px !important; line-height:1.42 !important; font-weight:640 !important; color:rgba(31,41,55,.72) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-wa{ min-height:46px !important; padding:10px 12px !important; border-radius:16px !important; background:linear-gradient(180deg, rgba(236,253,245,.94), rgba(220,252,231,.80)) !important; border:1px solid rgba(34,197,94,.24) !important; box-shadow:0 12px 24px rgba(16,185,129,.095), inset 0 1px 0 rgba(255,255,255,.76) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-wa-txt{ font-weight:760 !important; letter-spacing:-.008em !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-wa-badge{ font-weight:760 !important; box-shadow:0 5px 12px rgba(16,185,129,.13) !important; } @media (max-width:1280px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.48fr) minmax(386px, 420px) !important; gap:clamp(24px, 2.6vw, 34px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{max-width:420px !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{font-size:clamp(34px, 2.75vw, 43px) !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{grid-template-columns:repeat(2, minmax(235px, 1fr)) !important;} } @media (max-width:1024px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:1fr !important; gap:22px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left{max-width:100% !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__right, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{max-width:560px !important; justify-self:center !important;} } @media (max-width:720px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{ font-size:clamp(30px, 8.2vw, 39px) !important; line-height:1.08 !important; letter-spacing:-.038em !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__desc{font-size:14px !important; line-height:1.62 !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__benefits{grid-template-columns:1fr !important; row-gap:8px !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero{ min-height:0 !important; padding:22px 16px 20px !important; border-radius:23px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-grid{grid-template-columns:1fr !important;} } /* ========================================================== FINAL PATCH 2026-05-30 — Restore Old Hero Rhythm + Equal Title Width + Premium Motion Scope: only #dmz-urun slider/hero area. Keeps the older balanced spacing, restores compact CTA rhythm, equalizes all slide title widths, and adds livelier Safari-safe transitions. ========================================================== */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.58fr) minmax(398px, 438px) !important; gap:clamp(28px, 3vw, 42px) !important; align-items:center !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left{ width:100% !important; max-width:960px !important; justify-self:start !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide{ width:100% !important; max-width:960px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides{ display:grid !important; min-height:auto !important; overflow:visible !important; isolation:isolate !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide{ grid-area:1 / 1 !important; display:block !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translate3d(18px, 10px, 0) scale(.992) !important; filter:saturate(.92) blur(.35px) !important; transition: opacity .46s cubic-bezier(.22,.72,.21,1), transform .56s cubic-bezier(.18,.84,.2,1), filter .46s ease, visibility 0s linear .56s !important; will-change:opacity, transform, filter !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translate3d(0,0,0) scale(1) !important; filter:saturate(1.07) blur(0) !important; transition-delay:0s !important; animation:dmzHeroSlidePremiumLive .62s cubic-bezier(.19,.82,.2,1) both !important; z-index:2 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{ width:100% !important; max-width:960px !important; margin:0 0 12px !important; text-wrap:normal !important; overflow-wrap:normal !important; word-break:normal !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__desc{ width:100% !important; max-width:min(82ch, 100%) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__benefits{ animation:dmzHeroTextPremiumLift .58s cubic-bezier(.2,.78,.18,1) both !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__desc{animation-delay:.045s !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__benefits{animation-delay:.085s !important;} @keyframes dmzHeroSlidePremiumLive{ 0%{opacity:.04; transform:translate3d(22px, 12px, 0) scale(.99); filter:saturate(.88) blur(.9px);} 48%{opacity:1; transform:translate3d(-4px, 0, 0) scale(1.004); filter:saturate(1.12) blur(0);} 100%{opacity:1; transform:translate3d(0, 0, 0) scale(1); filter:saturate(1.07) blur(0);} } @keyframes dmzHeroTextPremiumLift{ 0%{opacity:.08; transform:translate3d(0, 10px, 0);} 100%{opacity:1; transform:translate3d(0,0,0);} } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dots{ gap:7px !important; margin-top:13px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dot{ transition:width .28s cubic-bezier(.18,.86,.2,1), transform .24s ease, background .24s ease, box-shadow .24s ease, border-color .24s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__dot.is-active{ width:30px !important; transform:translateY(-1px) !important; box-shadow:0 9px 20px rgba(193,24,91,.20), 0 0 0 4px rgba(193,24,91,.075), inset 0 1px 0 rgba(255,255,255,.62) !important; } /* Restore old CTA rhythm: no full-width demo button, no large empty line below benefits */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta{ display:flex !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:12px !important; margin-top:22px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--primary{ min-width:300px !important; max-width:360px !important; width:auto !important; flex:0 1 360px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ min-width:158px !important; max-width:190px !important; width:auto !important; flex:0 0 auto !important; background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.74)) !important; -webkit-backdrop-filter:saturate(150%) blur(11px) !important; backdrop-filter:saturate(150%) blur(11px) !important; border:1px solid rgba(204,188,218,.72) !important; box-shadow:0 16px 34px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.92) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:hover{ transform:translateY(-1px) !important; filter:saturate(1.08) !important; box-shadow:0 20px 42px rgba(15,23,42,.08), 0 8px 22px rgba(193,24,91,.08), inset 0 1px 0 rgba(255,255,255,.94) !important; } @media (max-width:1280px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{ grid-template-columns:minmax(0, 1.48fr) minmax(386px, 420px) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{max-width:900px !important;} } @media (max-width:1024px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__s{grid-template-columns:1fr !important;} body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__left, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slides, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__title{max-width:100% !important;} } @media (max-width:720px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--primary, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ width:100% !important; max-width:none !important; min-width:0 !important; flex:1 1 100% !important; } } @media (prefers-reduced-motion: reduce){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__title, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__desc, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-hero__slide.is-active .dmz-hero__benefits{ animation:none !important; transition:none !important; transform:none !important; filter:none !important; } } /* ========================================================= Final polish: Canli Demo CTA - premium glass button only Scope: hero slider demo button. No global/background edits. ========================================================= */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ position:relative !important; overflow:hidden !important; min-width:168px !important; max-width:198px !important; min-height:54px !important; padding:0 22px !important; border-radius:18px !important; color:#b91668 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; background: radial-gradient(circle at 18% 10%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 36%, rgba(255,255,255,.62) 100%), linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,246,253,.76) 52%, rgba(244,239,255,.78)) !important; border:1px solid rgba(213,181,212,.82) !important; -webkit-backdrop-filter:saturate(170%) blur(14px) !important; backdrop-filter:saturate(170%) blur(14px) !important; box-shadow: 0 16px 34px rgba(23,18,46,.075), 0 8px 18px rgba(193,24,91,.075), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(139,92,246,.08) !important; transition:transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, border-color .24s ease, filter .24s ease, background .24s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo::before{ content:"" !important; position:absolute !important; inset:-1px !important; border-radius:inherit !important; background:linear-gradient(105deg, transparent 0%, rgba(255,255,255,.72) 38%, rgba(255,255,255,.30) 49%, transparent 62%) !important; transform:translateX(-120%) skewX(-14deg) !important; opacity:.78 !important; pointer-events:none !important; transition:transform .58s cubic-bezier(.18,.86,.2,1), opacity .24s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo::after{ content:"" !important; position:absolute !important; left:18px !important; right:18px !important; bottom:7px !important; height:2px !important; border-radius:999px !important; background:linear-gradient(90deg, rgba(193,24,91,0), rgba(193,24,91,.42), rgba(139,92,246,.34), rgba(193,24,91,0)) !important; opacity:.42 !important; pointer-events:none !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:hover{ transform:translateY(-2px) !important; filter:saturate(1.12) brightness(1.015) !important; border-color:rgba(193,24,91,.34) !important; box-shadow: 0 22px 44px rgba(23,18,46,.095), 0 11px 26px rgba(193,24,91,.13), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(139,92,246,.10) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:hover::before{ transform:translateX(120%) skewX(-14deg) !important; opacity:.92 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:focus-visible{ outline:3px solid rgba(193,24,91,.18) !important; outline-offset:3px !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo .dmz-cta__play{ position:relative !important; z-index:1 !important; width:34px !important; height:34px !important; flex:0 0 34px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-right:9px !important; color:#c0186f !important; background: radial-gradient(circle at 34% 24%, rgba(255,255,255,.98), rgba(255,255,255,.70) 54%, rgba(246,239,255,.68) 100%) !important; border:1px solid rgba(213,181,212,.82) !important; box-shadow:0 8px 18px rgba(193,24,91,.10), inset 0 1px 0 rgba(255,255,255,.96) !important; transition:transform .24s ease, box-shadow .24s ease, background .24s ease !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:hover .dmz-cta__play{ transform:scale(1.05) !important; box-shadow:0 10px 22px rgba(193,24,91,.15), inset 0 1px 0 rgba(255,255,255,1) !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo > span:not(.dmz-cta__play){ position:relative !important; z-index:1 !important; } @media (max-width:720px){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo{ min-height:52px !important; max-width:none !important; padding:0 18px !important; justify-content:center !important; } } @media (prefers-reduced-motion: reduce){ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo::before, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo .dmz-cta__play{ transition:none !important; transform:none !important; } } /* ========================================================= Final typography polish + clean note + demo underline fix Scope: Portal public UI only. Keeps current slider/header structure. ========================================================= */ /* 1) Canli Demo butonundaki dekoratif alt cizgiyi kaldir */ body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo *, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo:visited{ text-decoration:none !important; border-bottom:0 !important; } body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-vitrin__cta .dmz-cta--demo::after{ content:none !important; display:none !important; opacity:0 !important; height:0 !important; background:none !important; } /* 2) Genel metinleri daha zarif yap: basliklar/CTA'lar korunur, paragraflarda asiri bold azalir */ body.dmz-portal{ --dmz-body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --dmz-body-text:#334155; --dmz-body-text-strong:#1f2937; } body.dmz-portal :where(p, li, .dmz-section__sub, .dmz-vitrin__desc, .dmz-hero__desc, .dmz-step__text, .dmz-price__text, .dmz-price__desc, .dmz-faq-a, .dmz-muted, .dmz-note, .dmz-hl__s, .dmz-formcard-head .s, .dmz-wa-summary__bubble, .dmz-wa-summary__footer, .dmz-ai-card__text, .dmz-ai-panel__bubble, .dmz-premium-kdvnote){ font-family:var(--dmz-body-font) !important; font-weight:500 !important; color:var(--dmz-body-text) !important; letter-spacing:-.006em !important; } body.dmz-portal :where(p strong, li strong, .dmz-section__sub strong, .dmz-vitrin__desc strong, .dmz-hero__desc strong, .dmz-faq-a strong, .dmz-note strong, .dmz-muted strong){ font-weight:600 !important; color:var(--dmz-body-text-strong) !important; } /* Basliklar, navigasyon ve aksiyon butonlari tok kalsin */ body.dmz-portal :where(h1,h2,h3,h4,h5,h6,.dmz-section__title,.dmz-vitrin__title,.dmz-hero__title,.dmz-step__title,.dmz-price__name,.dmz-nav-item,.dmz-cta,.dmz-btn,.dmz-formcard-head .t,.dmz-box-title,.dmz-footer__title,.dmz-wa-txt){ font-family:var(--dmz-body-font) !important; } /* 3) Egitilebilir AI not/ozet alaninda beyaz kart zeminini kaldir, slider deseniyle uyumlu hale getir */ body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ max-width:min(var(--dmz-container-width,1320px), calc(100% - 32px)) !important; margin:22px auto 0 !important; padding:8px 10px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#27334b !important; font-family:var(--dmz-body-font) !important; font-size:15.5px !important; line-height:1.72 !important; font-weight:500 !important; text-align:center !important; letter-spacing:-.008em !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable::before, body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable::after{ content:none !important; display:none !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong{ background:none !important; -webkit-background-clip:initial !important; background-clip:initial !important; color:#182238 !important; font-weight:600 !important; } /* 4) Bolum zeminleri slider desenine daha yakin, sade ve premium aksin */ body.dmz-portal .dmz-section:not(#dmz-urun){ background:transparent !important; } body.dmz-portal .dmz-section__sub{ color:#40506a !important; font-weight:500 !important; } body.dmz-portal .dmz-step__text, body.dmz-portal .dmz-faq-a, body.dmz-portal .dmz-price li, body.dmz-portal .dmz-featuregrid li{ font-weight:500 !important; color:#3f4d63 !important; } @media (max-width:720px){ body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ max-width:calc(100% - 22px) !important; margin-top:18px !important; padding:6px 4px !important; font-size:14.5px !important; line-height:1.65 !important; text-align:left !important; } } /* ========================================================= FINAL UNIFIED PREMIUM TEXT + SECTION POLISH Scope: user requested areas only. Keeps slider/header structure. ========================================================= */ /* Portal genel yazı dili: başlıklar tok kalsın, normal metinler daha zarif olsun */ body.dmz-portal{ --logsby-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --logsby-ink:#101827; --logsby-copy:#334155; --logsby-muted:#536179; --logsby-pink:#c1186b; --logsby-purple:#7c3aed; --logsby-green:#20b26b; } body.dmz-portal :where(.dmz-wrap,.dmz-card,.dmz-section,.dmz-vitrin,.dmz-proof,.dmz-footer){ font-family:var(--logsby-font) !important; } body.dmz-portal :where(.dmz-section__sub,.dmz-vitrin__desc,.dmz-ai-card__text,.dmz-ai-panel__bubble,.dmz-ai-panel__config div,.dmz-ai-panel__output li,.dmz-step__text,.dmz-price__desc,.dmz-price__subbox,.dmz-testimonials .dmz-section__sub,.dmz-quote p,.dmz-note){ font-weight:500 !important; color:var(--logsby-copy) !important; letter-spacing:-.004em !important; } /* Yatay bölüm ayırıcıları daha açık ve premium geçişte olsun */ body.dmz-portal .dmz-section, body.dmz-portal .dmz-video, body.dmz-portal #dmz-nasil, body.dmz-portal #dmz-referans, body.dmz-portal #dmz-paketler{ border-top-color:rgba(148,163,184,.13) !important; border-bottom-color:rgba(148,163,184,.11) !important; } body.dmz-portal .dmz-section::before, body.dmz-portal .dmz-section::after{ border-color:rgba(148,163,184,.10) !important; } /* 1) Kısacası / egitilebilir AI notu: eski canlı renk hissi, beyaz kart yok */ body.dmz-portal #dmz-nasil .dmz-how-smart__note, body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ max-width:min(1120px, calc(100% - 34px)) !important; margin:26px auto 0 !important; padding:10px 14px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; text-align:center !important; color:#26364f !important; font-family:var(--logsby-font) !important; font-size:15.5px !important; line-height:1.74 !important; font-weight:520 !important; letter-spacing:-.006em !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable::before{ content:"" !important; display:block !important; width:92px !important; height:3px !important; margin:0 auto 13px !important; border-radius:999px !important; background:linear-gradient(90deg,var(--logsby-pink),var(--logsby-purple),var(--logsby-green)) !important; box-shadow:0 10px 24px rgba(193,24,107,.16) !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable::after{content:none !important;display:none !important;} body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable strong, body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable b{ font-weight:650 !important; color:#16233b !important; background:linear-gradient(90deg,#16233b 0%,var(--logsby-pink) 58%,var(--logsby-purple) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* 2-3) Nasıl çalışır bölüm başı: sağdaki açıklamada beyaz kart/zemin yok, metin canlı ama zarif */ body.dmz-portal #dmz-nasil.dmz-how-smart{ background: radial-gradient(780px 460px at 9% 10%, rgba(193,24,107,.080), transparent 66%), radial-gradient(760px 470px at 94% 10%, rgba(32,178,107,.090), transparent 68%), linear-gradient(180deg,#ffffff 0%,#fbfcff 52%,#ffffff 100%) !important; } body.dmz-portal #dmz-nasil .dmz-section__head, body.dmz-portal #dmz-nasil .dmz-how-smart__head{ border:0 !important; background:transparent !important; box-shadow:none !important; } body.dmz-portal #dmz-nasil .dmz-section__sub, body.dmz-portal #dmz-nasil .dmz-section__sub--right{ padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#35435c !important; font-weight:520 !important; line-height:1.62 !important; letter-spacing:-.006em !important; text-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } body.dmz-portal #dmz-nasil .dmz-section__title{ color:#101827 !important; font-weight:820 !important; letter-spacing:-.035em !important; } /* Nasıl çalışır: komut stripleri, kartlar ve panel aynı slider dilinde, aşırı bold olmadan okunaklı */ body.dmz-portal #dmz-nasil .dmz-ai-train__command span{ background:rgba(255,255,255,.76) !important; border:1px solid rgba(148,163,184,.18) !important; box-shadow:0 14px 36px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.95) !important; color:#304057 !important; font-weight:520 !important; -webkit-backdrop-filter:blur(12px) saturate(1.08) !important; backdrop-filter:blur(12px) saturate(1.08) !important; } body.dmz-portal #dmz-nasil .dmz-ai-train__command b{ color:#152039 !important; font-weight:680 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card{ background: radial-gradient(260px 170px at 100% 0%, rgba(193,24,107,.055), transparent 68%), linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.80)) !important; border:1px solid rgba(148,163,184,.20) !important; box-shadow:0 20px 52px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.95) !important; -webkit-backdrop-filter:blur(14px) saturate(1.05) !important; backdrop-filter:blur(14px) saturate(1.05) !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__title{ color:#111827 !important; font-weight:760 !important; letter-spacing:-.026em !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__text{ color:#40506a !important; font-weight:510 !important; line-height:1.58 !important; } body.dmz-portal #dmz-nasil .dmz-ai-card__badge, body.dmz-portal #dmz-nasil .dmz-ai-card__chips span, body.dmz-portal #dmz-nasil .dmz-ai-card__tag{ font-weight:620 !important; color:#26364f !important; background:rgba(255,255,255,.68) !important; border-color:rgba(148,163,184,.20) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel{ background: radial-gradient(360px 210px at 92% 8%, rgba(32,178,107,.10), transparent 68%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.88)) !important; border:1px solid rgba(148,163,184,.22) !important; box-shadow:0 24px 64px rgba(15,23,42,.080), 0 14px 36px rgba(32,178,107,.070), inset 0 1px 0 rgba(255,255,255,.95) !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__top strong, body.dmz-portal #dmz-nasil .dmz-ai-panel__outputtop span{ font-weight:760 !important; color:#111827 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__eyebrow{ color:var(--logsby-pink) !important; font-weight:700 !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config div, body.dmz-portal #dmz-nasil .dmz-ai-panel__bubble, body.dmz-portal #dmz-nasil .dmz-ai-panel__output{ font-weight:520 !important; color:#34445d !important; } body.dmz-portal #dmz-nasil .dmz-ai-panel__config strong, body.dmz-portal #dmz-nasil .dmz-ai-panel__output li strong{ font-weight:700 !important; color:#111827 !important; } /* 5) Paketler: özellik listeleri canlı ve güçlü kalsın */ body.dmz-portal #dmz-paketler .dmz-featurelist--portal li, body.dmz-portal #dmz-paketler .dmz-featurelist li, body.dmz-portal #dmz-paketler .dmz-techacc__list li{ color:#26364f !important; font-weight:760 !important; letter-spacing:-.012em !important; line-height:1.5 !important; } body.dmz-portal #dmz-paketler .dmz-featurelist--portal li::before, body.dmz-portal #dmz-paketler .dmz-featurelist li::before{ background:linear-gradient(135deg,var(--logsby-purple),#a855f7) !important; box-shadow:0 0 0 4px rgba(124,58,237,.16), 0 8px 18px rgba(124,58,237,.16) !important; } body.dmz-portal #dmz-paketler .dmz-price__desc, body.dmz-portal #dmz-paketler .dmz-price__subbox, body.dmz-portal #dmz-paketler .dmz-price__note{ color:#46556f !important; font-weight:520 !important; line-height:1.62 !important; } body.dmz-portal #dmz-paketler .dmz-price__name, body.dmz-portal #dmz-paketler .dmz-packhero__title, body.dmz-portal #dmz-paketler .dmz-box-title{ color:#111827 !important; font-weight:820 !important; letter-spacing:-.03em !important; } @media (max-width:900px){ body.dmz-portal #dmz-nasil .dmz-section__sub, body.dmz-portal #dmz-nasil .dmz-section__sub--right{ text-align:left !important; margin:10px 0 0 !important; max-width:72ch !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable{ text-align:left !important; max-width:calc(100% - 24px) !important; } body.dmz-portal #dmz-nasil .dmz-how-smart__note--trainable::before{ margin-left:0 !important; margin-right:auto !important; } } /* ========================================================= FINAL REQUESTED POLISH — HOW SECTION / FORM / PACKAGES Scope: only requested visible areas. Keeps slider/header intact. ========================================================= */ body.dmz-portal{ --logsby-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --logsby-ink:#111827; --logsby-copy:#334155; --logsby-muted:#536179; --logsby-pink:#c0186b; --logsby-purple:#7c3aed; --logsby-green:#20b26b; } /* 1) Header altındaki sağ açıklama: beyaz kart/zemin yok, diğer açıklama metinleriyle aynı ölçü ve ton */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__head, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__head{ background:transparent !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub--right{ display:block !important; max-width:56ch !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#3b4a63 !important; font-family:var(--logsby-font) !important; font-size:15.5px !important; line-height:1.62 !important; font-weight:500 !important; letter-spacing:-.006em !important; text-align:left !important; -webkit-text-fill-color:currentColor !important; } /* 2) Bölüm başlığı: diğer ana başlıklarla aynı aile, tok ama aşırı bold değil */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title--42{ font-family:var(--logsby-font) !important; font-weight:780 !important; letter-spacing:-.038em !important; line-height:1.08 !important; color:#111827 !important; text-wrap:balance; } /* 3) Öğrenir / Konuşur / Dönüştürür: masaüstünde tek satır, kısa ve premium pill */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; align-items:stretch !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; display:flex !important; align-items:center !important; gap:8px !important; justify-content:flex-start !important; min-height:48px !important; padding:12px 16px !important; border-radius:18px !important; background:rgba(255,255,255,.78) !important; border:1px solid rgba(148,163,184,.18) !important; box-shadow:0 16px 34px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.9) !important; color:#3c4b63 !important; font-size:14px !important; font-weight:500 !important; letter-spacing:-.006em !important; -webkit-backdrop-filter:blur(12px) saturate(1.08) !important; backdrop-filter:blur(12px) saturate(1.08) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command b{ flex:0 0 auto !important; font-weight:700 !important; color:#111827 !important; } /* 4) Kısacası alanı: beyaz premium zemin geri geldi, yazı bir tık büyük ve canlı */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable{ width:min(1120px, calc(100% - 48px)) !important; max-width:min(1120px, calc(100% - 48px)) !important; margin:28px auto 0 !important; padding:17px 24px !important; border-radius:999px !important; border:1px solid rgba(148,163,184,.20) !important; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)) !important; box-shadow:0 20px 54px rgba(15,23,42,.070), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#27354d !important; font-family:var(--logsby-font) !important; font-size:16.25px !important; line-height:1.58 !important; font-weight:540 !important; letter-spacing:-.010em !important; text-align:center !important; -webkit-backdrop-filter:blur(14px) saturate(1.08) !important; backdrop-filter:blur(14px) saturate(1.08) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable::before, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable::after{ content:none !important; display:none !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable strong, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable b{ color:#17233b !important; font-weight:700 !important; background:linear-gradient(90deg,#17233b 0%, var(--logsby-pink) 54%, var(--logsby-purple) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* 5) Deneme Başvurusu form başlığı: biraz daha büyük, sade ve canlı */ body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:21px !important; line-height:1.12 !important; font-weight:780 !important; letter-spacing:-.026em !important; color:#111827 !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ color:#4a586f !important; font-size:14.2px !important; line-height:1.58 !important; font-weight:500 !important; } /* 6) AI konuşma akışı: mesaj balonları birbirinden daha net ayrışsın */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__dialog{ gap:10px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble{ border:1px solid rgba(148,163,184,.18) !important; box-shadow:0 10px 26px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.86) !important; font-weight:500 !important; line-height:1.52 !important; color:#26364f !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--ai{ background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(245,250,255,.86)) !important; border-color:rgba(124,58,237,.13) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--user{ background:linear-gradient(135deg,rgba(255,242,248,.96),rgba(255,255,255,.88)) !important; border-color:rgba(193,24,107,.20) !important; color:#8a174c !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--ai:nth-child(4n){ background:linear-gradient(135deg,rgba(236,253,245,.92),rgba(255,255,255,.90)) !important; border-color:rgba(32,178,107,.18) !important; } /* Paketler: listeler güçlü, okunur ve premium kalsın */ body.dmz-portal #dmz-paketler .dmz-featurelist--portal li, body.dmz-portal #dmz-paketler .dmz-featurelist li, body.dmz-portal #dmz-paketler .dmz-techacc__list li, body.dmz-portal #dmz-paketler .dmz-price li{ font-family:var(--logsby-font) !important; color:#26354d !important; font-weight:700 !important; line-height:1.56 !important; letter-spacing:-.010em !important; } body.dmz-portal #dmz-paketler .dmz-featurelist--portal li::before, body.dmz-portal #dmz-paketler .dmz-featurelist li::before, body.dmz-portal #dmz-paketler .dmz-price li::before{ background:linear-gradient(135deg,var(--logsby-purple),#a855f7) !important; box-shadow:0 0 0 4px rgba(124,58,237,.13), 0 8px 18px rgba(124,58,237,.15) !important; } @media (max-width:1180px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ font-size:13px !important; padding:11px 12px !important; gap:6px !important; } } @media (max-width:900px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub--right{ max-width:100% !important; margin-top:10px !important; text-align:left !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command{ grid-template-columns:1fr !important; gap:10px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable{ width:calc(100% - 28px) !important; max-width:calc(100% - 28px) !important; border-radius:24px !important; padding:16px 18px !important; text-align:left !important; font-size:15.5px !important; } } /* === Logsby Final Focus Fix 2026-05-31 Kullanıcı isteği: sadece işaretlenen alanlarda tipografi, komut kartları, başvuru formu, canlı demo ve logo premium düzeltmeleri. Header/slider genel layout, paket, ödeme ve lisans çekirdeğine müdahale etmez. ============================================================ */ body.dmz-portal{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* 1) "Logsby; sektörünüzü..." açıklaması: beyaz zemin yok, diğer açıklamalarla aynı ölçüde */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub--right{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; color:#4b5870 !important; font-family:var(--logsby-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:15.25px !important; line-height:1.62 !important; font-weight:500 !important; letter-spacing:-.006em !important; max-width:560px !important; } /* 2) Bölüm başlıkları aynı font ağırlığına yaklaşsın */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__title, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-title--42, body.dmz-portal #dmz-sss .dmz-section__title, body.dmz-portal .dmz-faq .dmz-section__title{ font-family:var(--logsby-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-weight:760 !important; letter-spacing:-.040em !important; color:#111827 !important; } body.dmz-portal #dmz-sss .dmz-section__title, body.dmz-portal .dmz-faq .dmz-section__title{ font-size:clamp(34px,3.05vw,43px) !important; line-height:1.08 !important; } /* 3) Öğrenir / Konuşur / Dönüştürür: ikon metnin üstüne binmesin, kısa ve tek satır */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; align-items:stretch !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ position:relative !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:9px !important; min-height:44px !important; padding:11px 16px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; color:#35445c !important; font-size:13.4px !important; line-height:1.22 !important; font-weight:500 !important; letter-spacing:-.006em !important; border-radius:18px !important; background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.68)) !important; border:1px solid rgba(148,163,184,.18) !important; box-shadow:0 13px 32px rgba(15,23,42,.050), inset 0 1px 0 rgba(255,255,255,.88) !important; -webkit-backdrop-filter:blur(12px) saturate(1.08) !important; backdrop-filter:blur(12px) saturate(1.08) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span::before{ content:"" !important; position:static !important; flex:0 0 13px !important; width:13px !important; height:13px !important; margin:0 2px 0 0 !important; border-radius:999px !important; transform:none !important; background:linear-gradient(135deg,#d72c8b,#8b5cf6) !important; box-shadow:0 0 0 5px rgba(181,22,112,.095), 0 7px 14px rgba(181,22,112,.14) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span:nth-child(2)::before{ background:linear-gradient(135deg,#7c3aed,#9b5cf6) !important; box-shadow:0 0 0 5px rgba(124,58,237,.10), 0 7px 14px rgba(124,58,237,.14) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span:nth-child(3)::before{ background:linear-gradient(135deg,#16a34a,#22c55e) !important; box-shadow:0 0 0 5px rgba(34,197,94,.10), 0 7px 14px rgba(34,197,94,.14) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command b{ flex:0 0 auto !important; color:#111827 !important; font-weight:720 !important; white-space:nowrap !important; } /* 4) Kısacası alanı: beyaz premium zemin + bir tık daha büyük, canlı ama okunaklı */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable{ width:min(1120px, calc(100% - 48px)) !important; max-width:min(1120px, calc(100% - 48px)) !important; margin:28px auto 0 !important; padding:18px 26px !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.86)) !important; border:1px solid rgba(148,163,184,.20) !important; box-shadow:0 22px 58px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#26354d !important; font-family:var(--logsby-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:16.5px !important; line-height:1.56 !important; font-weight:560 !important; letter-spacing:-.010em !important; text-align:center !important; -webkit-backdrop-filter:blur(14px) saturate(1.08) !important; backdrop-filter:blur(14px) saturate(1.08) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable::before, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable::after{ content:none !important; display:none !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable strong, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable b{ font-weight:720 !important; background:linear-gradient(90deg,#17233b 0%,#c21874 52%,#7c3aed 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* 5) Deneme Başvurusu başlığı: bir tık büyük ve canlı */ body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-family:var(--logsby-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important; font-size:22.5px !important; line-height:1.12 !important; font-weight:780 !important; letter-spacing:-.030em !important; color:#101828 !important; } body.dmz-portal .dmz-formcard--hero .dmz-hd .dmz-ico, body.dmz-portal .dmz-formcard--hero .dmz-ico{ color:#8b5cf6 !important; filter:drop-shadow(0 5px 10px rgba(139,92,246,.24)); } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .s{ color:#566276 !important; font-size:14.15px !important; line-height:1.55 !important; font-weight:500 !important; } /* 6) İşinize özel AI satış akışı: konuşma balonları birbirinden canlı ayrışsın */ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__dialog{ gap:10px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble{ border:1px solid rgba(148,163,184,.18) !important; box-shadow:0 12px 28px rgba(15,23,42,.050), inset 0 1px 0 rgba(255,255,255,.88) !important; color:#26364f !important; font-weight:500 !important; line-height:1.52 !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--ai{ background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,247,255,.88)) !important; border-color:rgba(124,58,237,.13) !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--user{ background:linear-gradient(135deg,rgba(255,240,248,.98),rgba(255,255,255,.90)) !important; border-color:rgba(193,24,107,.22) !important; color:#8a174c !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-panel__bubble--ai:nth-child(4n){ background:linear-gradient(135deg,rgba(236,253,245,.96),rgba(255,255,255,.90)) !important; border-color:rgba(32,178,107,.20) !important; } /* Canlı Demo butonu: cam gibi, çizgisiz, mevcut yapıyı bozmadan */ body.dmz-portal .dmz-btn--demo, body.dmz-portal a.dmz-btn--demo, body.dmz-portal .dmz-vitrin__actions a[href*="canli-demo"], body.dmz-portal .dmz-vitrin__actions a[href="#canli-demo"]{ text-decoration:none !important; -webkit-text-decoration:none !important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82)) !important; border:1px solid rgba(193,24,107,.16) !important; box-shadow:0 18px 40px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.98) !important; -webkit-backdrop-filter:blur(14px) saturate(1.12) !important; backdrop-filter:blur(14px) saturate(1.12) !important; } body.dmz-portal .dmz-btn--demo *, body.dmz-portal .dmz-vitrin__actions a[href*="canli-demo"] *, body.dmz-portal .dmz-vitrin__actions a[href="#canli-demo"] *{ text-decoration:none !important; -webkit-text-decoration:none !important; } body.dmz-portal .dmz-btn--demo:hover, body.dmz-portal .dmz-vitrin__actions a[href*="canli-demo"]:hover, body.dmz-portal .dmz-vitrin__actions a[href="#canli-demo"]:hover{ transform:translateY(-1px); box-shadow:0 22px 48px rgba(181,22,112,.14), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* Header logo: cam/parlak, alt yazı okunur; beyaz leke/kutu yok */ body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo{ background:transparent !important; box-shadow:none !important; filter:none !important; } body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before, body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo::before{ content:"" !important; position:absolute !important; inset:-8px -12px !important; pointer-events:none !important; border-radius:24px !important; background:radial-gradient(circle at 30% 35%, rgba(255,255,255,.14), transparent 52%) !important; opacity:.72 !important; filter:blur(1px) !important; } body.dmz-portal.dmz-brand-image-only .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img, body.dmz-portal .dmz-head.dmz-head--premium .dmz-brandmark--header-logo img{ filter:brightness(1.16) contrast(1.08) drop-shadow(0 8px 18px rgba(255,255,255,.17)) drop-shadow(0 12px 28px rgba(76,29,149,.22)) !important; opacity:1 !important; image-rendering:auto !important; } @media (max-width:1180px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ font-size:12.8px !important; padding:10px 12px !important; gap:7px !important; } } @media (max-width:900px){ body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub, body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-section__sub--right{ max-width:100% !important; font-size:14.8px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command{ grid-template-columns:1fr !important; gap:10px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-ai-train__command span{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; min-height:44px !important; } body.dmz-portal #dmz-nasil.dmz-trainable-ai .dmz-how-smart__note--trainable{ width:calc(100% - 28px) !important; max-width:calc(100% - 28px) !important; border-radius:24px !important; padding:16px 18px !important; text-align:left !important; font-size:15.5px !important; } body.dmz-portal .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal .dmz-formcard--hero .dmz-hd{ font-size:20px !important; } } /* ========================================================= FINAL MICRO POLISH — Trial form title + CTA icon/text User request: Deneme Başvurusu title larger, submit icon white, submit text slightly smaller/lighter, premium but layout-safe. Scope: hero trial form only. No global layout changes. ========================================================= */ body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-hd, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd{ font-size:24px !important; line-height:1.08 !important; font-weight:760 !important; letter-spacing:-.028em !important; color:#101828 !important; text-shadow:0 1px 0 rgba(255,255,255,.72) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head{ margin-bottom:16px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head .s{ margin-top:8px !important; color:#546176 !important; font-size:14.2px !important; line-height:1.52 !important; font-weight:500 !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ min-height:50px !important; border-radius:16px !important; font-size:14px !important; font-weight:720 !important; letter-spacing:-.004em !important; color:#fff !important; background: linear-gradient(100deg, rgba(193,24,111,1) 0%, rgba(169,28,175,1) 48%, rgba(124,58,237,1) 100%) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow: 0 18px 34px rgba(124,58,237,.18), 0 10px 22px rgba(193,24,111,.16), inset 0 1px 0 rgba(255,255,255,.24) !important; text-shadow:0 1px 1px rgba(76,29,149,.18) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit .dmz-ico, body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit .dmz-ico--inline, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit .dmz-ico, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit .dmz-ico--inline{ color:#fff !important; stroke:#fff !important; fill:none !important; opacity:.98 !important; filter:drop-shadow(0 2px 4px rgba(76,29,149,.20)) !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit svg, body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit svg *, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit svg, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit svg *{ color:#fff !important; stroke:currentColor !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit:hover, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit:hover{ transform:translateY(-1px) !important; filter:saturate(1.08) brightness(1.02) !important; box-shadow: 0 22px 42px rgba(124,58,237,.22), 0 12px 26px rgba(193,24,111,.18), inset 0 1px 0 rgba(255,255,255,.28) !important; } @media (max-width:900px){ body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-hd, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-formcard-head .t, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-hd{ font-size:22px !important; } body.dmz-portal #dmz-urun .dmz-formcard--hero .dmz-btn--submit, body.dmz-portal .dmz-hero-proof-wrap #dmz-urun .dmz-formcard--hero .dmz-btn--submit{ font-size:13.8px !important; } } /* ========================================================= LIVE DEMO PREMIUM POLISH — 2026-05-31 Sadece canlı demo modal tasarımı iyileştirildi. ========================================================= */ .dmz-modal--demo .dmz-modal__backdrop{ background: rgba(9, 14, 30, .60); backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%); } .dmz-modal--demo .dmz-modal__dialog--demo{ width: min(96vw, 690px); max-width: 690px; border-radius: 28px; box-shadow: 0 34px 90px rgba(2, 6, 23, .42), 0 8px 28px rgba(76, 29, 149, .14); } .dmz-modal--demo .dmz-modal__content{ background: transparent; } .dmz-demo2{ background: radial-gradient(120% 120% at 0% 0%, rgba(236,72,153,.08) 0%, rgba(236,72,153,0) 42%), radial-gradient(120% 120% at 100% 0%, rgba(16,185,129,.08) 0%, rgba(16,185,129,0) 38%), linear-gradient(180deg, #f9fbff 0%, #f3f6fb 100%); border: 1px solid rgba(148,163,184,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.75); } .dmz-demo2__topbar{ padding: 16px 16px 14px 16px; background: linear-gradient(90deg, #33215f 0%, #3942a3 32%, #0f766e 100%); border-bottom: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); } .dmz-demo2__avatar{ width: 38px; height: 38px; border-radius: 13px; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.12)); border-color: rgba(255,255,255,.30); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(0,0,0,.14); } .dmz-demo2__title{ font-size: 15px; letter-spacing: -.01em; text-shadow: 0 1px 0 rgba(0,0,0,.10); } .dmz-demo2__subtitle{ font-size: 12px; opacity: .94; color: rgba(255,255,255,.92); } .dmz-demo2__icons{ gap: 10px; } .dmz-demo2__icon{ width: 36px; height: 36px; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10)); border-color: rgba(255,255,255,.24); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 20px rgba(2,6,23,.12); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .dmz-demo2__icon:hover{ transform: translateY(-1px) scale(1.02); background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.14)); } .dmz-demo2__icon--close{ background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.14)); border-color: rgba(255,255,255,.14); } .dmz-lscore{ top: 78px; right: 16px; border-radius: 18px; padding: 11px 12px; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92)); border-color: rgba(148,163,184,.22); box-shadow: 0 18px 42px rgba(15,23,42,.15), inset 0 1px 0 rgba(255,255,255,.80); } .dmz-lscore__label{ font-size: 12px; } .dmz-lscore__val{ font-size: 15px; } .dmz-lscore__bar{ height: 9px; background: rgba(15,23,42,.07); } .dmz-lscore__bar span{ background: linear-gradient(90deg, #7c3aed 0%, #ec4899 56%, #f59e0b 100%); box-shadow: 0 0 14px rgba(168,85,247,.20); } .dmz-demo2__modes{ padding: 12px 16px 0 16px; gap: 10px; } .dmz-demo2__mode{ padding: 8px 14px; border-radius: 999px; font-size: 12px; font-weight: 800; background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,250,252,.88)); border-color: rgba(148,163,184,.24); box-shadow: inset 0 1px 0 rgba(255,255,255,.85); } .dmz-demo2__mode.is-active{ background: linear-gradient(180deg, rgba(124,58,237,.12), rgba(236,72,153,.10)); border-color: rgba(168,85,247,.28); color: #4c1d95; } .dmz-demo2__chatwrap{ padding: 14px 16px 0 16px; } .dmz-demo2__chat{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,252,253,.96)); border-color: rgba(148,163,184,.24); border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(15,23,42,.06); padding: 14px; } .dmz-demomsg2__b{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,252,.96)); border-color: rgba(148,163,184,.18); border-radius: 17px; font-size: 13px; line-height: 1.5; box-shadow: 0 8px 16px rgba(15,23,42,.04); } .dmz-demomsg2.is-user .dmz-demomsg2__b{ background: linear-gradient(135deg, #7c3aed 0%, #9333ea 48%, #ec4899 100%); box-shadow: 0 10px 22px rgba(124,58,237,.22); } .dmz-demo2__ask{ padding: 12px 16px 0 16px; } .dmz-demo2__askTitle{ font-size: 13px; letter-spacing: -.01em; } .dmz-demo2__askSub{ font-size: 12px; color: rgba(15,23,42,.58); font-weight: 600; } .dmz-demo2__quick{ gap: 9px; } .dmz-demo2__chip{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,248,255,.94)); border-color: rgba(168,85,247,.26); color: #5b21b6; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(124,58,237,.05); } .dmz-demo2__chip:hover{ background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(236,72,153,.06)); } .dmz-demo2__composer{ padding: 0 16px 12px 16px; gap: 12px; } .dmz-demo2__side{ gap: 10px; } .dmz-demo2__sideBtn{ width: 46px; height: 46px; background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,239,255,.92)); border-color: rgba(168,85,247,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 10px 24px rgba(124,58,237,.08); } .dmz-demo2__inputWrap{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96)); border-radius: 999px; border: 1px solid rgba(148,163,184,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 10px 24px rgba(15,23,42,.05); } .dmz-demo2__input{ height: 62px; font-size: 13px; font-weight: 700; color: #334155; } .dmz-demo2__input::placeholder{ color: #6b7280; opacity:1; } .dmz-demo2__send{ width: 52px; height: 52px; margin: 5px 6px 5px 0; background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 52%, #ec4899 100%); box-shadow: 0 16px 28px rgba(124,58,237,.22); } .dmz-demo2__send:hover{ transform: translateY(-1px) scale(1.02); } .dmz-demo2__actions{ padding: 0 16px 16px 16px; } .dmz-demobtn.dmz-demobtn--primary{ min-height: 44px; padding: 0 18px; border-radius: 14px; background: linear-gradient(135deg, #334155 0%, #4338ca 55%, #7c3aed 100%); border-color: rgba(67,56,202,.24); box-shadow: 0 16px 30px rgba(67,56,202,.20), inset 0 1px 0 rgba(255,255,255,.12); } .dmz-demobtn.dmz-demobtn--primary:hover{ filter: brightness(1.04); transform: translateY(-1px); } @media (max-width: 900px){ .dmz-modal--demo .dmz-modal__dialog--demo{ width: 100vw !important; max-width: none !important; } } @media (max-width: 640px){ .dmz-demo2__topbar{ padding: 14px 12px 12px 12px; } .dmz-demo2__title{ font-size: 14px; } .dmz-demo2__subtitle{ font-size: 11px; } .dmz-demo2__icons{ gap: 6px; } .dmz-demo2__icon{ width: 32px; height: 32px; } .dmz-demo2__composer{ gap: 10px; } .dmz-demo2__input{ height: 56px; } } /* ========================================================= LIVE DEMO PREMIUM POLISH v2 — Header Color + Seen Fix Sadece Canlı Demo modal alanına etki eder. ========================================================= */ .dmz-modal--demo .dmz-modal__backdrop{ background: radial-gradient(900px 520px at 12% 0%, rgba(126,34,206,.30) 0%, rgba(126,34,206,0) 56%), radial-gradient(760px 480px at 96% 4%, rgba(219,39,119,.28) 0%, rgba(219,39,119,0) 54%), rgba(8, 13, 28, .64) !important; backdrop-filter: blur(10px) saturate(128%) !important; -webkit-backdrop-filter: blur(10px) saturate(128%) !important; } .dmz-modal--demo .dmz-modal__dialog--demo{ width: min(96vw, 700px) !important; max-width: 700px !important; border-radius: 30px !important; box-shadow: 0 38px 100px rgba(2, 6, 23, .44), 0 12px 38px rgba(124, 58, 237, .18), 0 0 0 1px rgba(255,255,255,.18) !important; } .dmz-modal--demo .dmz-modal__content{ background: transparent !important; } .dmz-modal--demo .dmz-demo2{ border-radius: 30px !important; background: radial-gradient(720px 360px at 0% 0%, rgba(217,70,239,.10) 0%, rgba(217,70,239,0) 58%), radial-gradient(620px 360px at 100% 2%, rgba(236,72,153,.10) 0%, rgba(236,72,153,0) 54%), linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(246,248,252,.96) 100%) !important; border: 1px solid rgba(216,180,254,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -1px 0 rgba(124,58,237,.05) !important; } .dmz-modal--demo .dmz-demo2__topbar{ background: linear-gradient(105deg, #4b0f6b 0%, #6d1b9a 32%, #a21caf 58%, #db2777 100%) !important; border-bottom: 1px solid rgba(255,255,255,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 12px 34px rgba(124,58,237,.22) !important; } .dmz-modal--demo .dmz-demo2__avatar{ background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.13)) !important; border-color: rgba(255,255,255,.34) !important; color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 24px rgba(15,23,42,.18) !important; } .dmz-modal--demo .dmz-demo2__title{ color:#fff !important; font-weight: 900 !important; letter-spacing: -.012em !important; text-shadow: 0 1px 0 rgba(0,0,0,.12) !important; } .dmz-modal--demo .dmz-demo2__subtitle{ color: rgba(255,255,255,.92) !important; font-weight: 650 !important; } .dmz-modal--demo .dmz-demo2__icon{ background: linear-gradient(180deg, rgba(255,255,255,.21), rgba(255,255,255,.10)) !important; border-color: rgba(255,255,255,.26) !important; color:#fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px rgba(15,23,42,.14) !important; backdrop-filter: blur(8px) saturate(130%) !important; -webkit-backdrop-filter: blur(8px) saturate(130%) !important; } .dmz-modal--demo .dmz-demo2__icon:hover{ transform: translateY(-1px) scale(1.025) !important; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.15)) !important; } .dmz-modal--demo .dmz-demo2__icon--close{ background: rgba(17,24,39,.24) !important; border-color: rgba(255,255,255,.17) !important; } .dmz-modal--demo .dmz-demo2__mode{ background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,247,255,.92)) !important; border-color: rgba(168,85,247,.22) !important; color: #334155 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(124,58,237,.05) !important; } .dmz-modal--demo .dmz-demo2__mode.is-active{ background: linear-gradient(180deg, rgba(168,85,247,.14), rgba(236,72,153,.10)) !important; border-color: rgba(192,38,211,.32) !important; color:#581c87 !important; } .dmz-modal--demo .dmz-demo2__chat{ background: radial-gradient(420px 220px at 18% 0%, rgba(236,72,153,.035) 0%, rgba(236,72,153,0) 58%), linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,251,253,.97)) !important; border-color: rgba(148,163,184,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 14px 32px rgba(15,23,42,.055) !important; } .dmz-modal--demo .dmz-demomsg2__b{ border-color: rgba(148,163,184,.18) !important; box-shadow: 0 9px 20px rgba(15,23,42,.045) !important; } .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__b{ background: linear-gradient(135deg, #7e22ce 0%, #a21caf 46%, #db2777 100%) !important; border-color: rgba(219,39,119,.22) !important; color:#ffffff !important; box-shadow: 0 14px 28px rgba(162,28,175,.23) !important; } /* Görüldü / mesaj meta metni: beyaz kalıp kaybolmasın */ .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__meta, .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__meta *, .dmz-modal--demo .dmz-demomsg2__meta[data-seen], .dmz-modal--demo [data-dmz-seen], .dmz-modal--demo .dmz-seen{ color: #111827 !important; opacity: .84 !important; text-shadow: none !important; } .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__meta{ display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; background: rgba(255,255,255,.70) !important; border: 1px solid rgba(148,163,184,.18) !important; border-radius: 999px !important; padding: 2px 7px !important; margin-top: 6px !important; margin-right: 8px !important; width: auto !important; max-width: max-content !important; margin-left: auto !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } .dmz-modal--demo .dmz-lscore{ background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.93)) !important; border-color: rgba(216,180,254,.28) !important; box-shadow: 0 18px 44px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.86) !important; } .dmz-modal--demo .dmz-lscore__bar span{ background: linear-gradient(90deg, #7e22ce 0%, #c026d3 48%, #db2777 100%) !important; box-shadow: 0 0 16px rgba(192,38,211,.24) !important; } .dmz-modal--demo .dmz-demo2__chip{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,248,255,.94)) !important; border-color: rgba(192,38,211,.24) !important; color:#581c87 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(168,85,247,.055) !important; } .dmz-modal--demo .dmz-demo2__chip:hover{ background: linear-gradient(180deg, rgba(192,38,211,.10), rgba(236,72,153,.07)) !important; transform: translateY(-1px) !important; } .dmz-modal--demo .dmz-demo2__sideBtn{ background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,245,255,.92)) !important; border-color: rgba(192,38,211,.22) !important; color:#7e22ce !important; } .dmz-modal--demo .dmz-demo2__inputWrap{ background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,250,252,.96)) !important; border-color: rgba(168,85,247,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 13px 26px rgba(15,23,42,.055) !important; } .dmz-modal--demo .dmz-demo2__send{ background: linear-gradient(135deg, #5b21b6 0%, #8b5cf6 42%, #db2777 100%) !important; box-shadow: 0 17px 30px rgba(124,58,237,.25) !important; } .dmz-modal--demo .dmz-demobtn.dmz-demobtn--primary{ background: linear-gradient(135deg, #3b0764 0%, #6d28d9 46%, #db2777 100%) !important; box-shadow: 0 18px 34px rgba(109,40,217,.23), inset 0 1px 0 rgba(255,255,255,.14) !important; color:#fff !important; } @media (max-width: 640px){ .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__meta{ margin-right: 4px !important; } } /* ========================================================= LIVE DEMO PREMIUM V3 — emblem + richer glass polish ========================================================= */ .dmz-modal--demo .dmz-demo2{ background: radial-gradient(120% 120% at 0% 0%, rgba(236,72,153,.09) 0%, rgba(236,72,153,0) 40%), radial-gradient(120% 120% at 100% 0%, rgba(16,185,129,.08) 0%, rgba(16,185,129,0) 34%), linear-gradient(180deg, #f8fbff 0%, #f2f5fb 100%) !important; } .dmz-modal--demo .dmz-demo2__topbar{ background: radial-gradient(120% 160% at 8% 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%), linear-gradient(100deg, #4a126d 0%, #7c2bb9 38%, #b7288b 68%, #0f766e 100%) !important; position: relative; overflow: hidden; } .dmz-modal--demo .dmz-demo2__topbar::after{ content: ""; position: absolute; inset: 0 auto 0 -10%; width: 42%; background: linear-gradient(90deg, rgba(255,255,255,.13), rgba(255,255,255,0)); transform: skewX(-18deg); pointer-events: none; } .dmz-modal--demo .dmz-demo2__avatar{ position: relative !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; border-radius: 50% !important; font-size: 0 !important; color: transparent !important; text-indent: -9999px !important; overflow: hidden !important; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)), url("data:image/png;base64,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") center/88% 88% no-repeat, linear-gradient(135deg, #6d28d9 0%, #db2777 100%) !important; border: 1px solid rgba(255,255,255,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(15,23,42,.22), 0 0 0 4px rgba(255,255,255,.08) !important; } .dmz-modal--demo .dmz-demo2__avatar::after{ content:""; position:absolute; inset: 2px 8px auto 8px; height: 35%; border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0)); pointer-events:none; } .dmz-modal--demo .dmz-demo2__title{ font-size: 15px !important; font-weight: 900 !important; letter-spacing: -.012em !important; } .dmz-modal--demo .dmz-demo2__subtitle{ font-size: 12px !important; font-weight: 650 !important; color: rgba(255,255,255,.96) !important; } .dmz-modal--demo .dmz-demomsg2__b{ font-size: 13.5px !important; color: #172033 !important; } .dmz-modal--demo .dmz-demo2__askTitle{ color:#1e293b !important; font-weight: 850 !important; } .dmz-modal--demo .dmz-demo2__askSub{ color: rgba(30,41,59,.68) !important; font-weight: 650 !important; } .dmz-modal--demo .dmz-demo2__chip{ font-weight: 800 !important; border-radius: 999px !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; } .dmz-modal--demo .dmz-demo2__chip:hover{ box-shadow: 0 10px 20px rgba(168,85,247,.12) !important; transform: translateY(-1px) !important; } .dmz-modal--demo .dmz-demo2__input{ font-weight: 700 !important; color: #334155 !important; } .dmz-modal--demo .dmz-demo2__send{ box-shadow: 0 18px 34px rgba(124,58,237,.28) !important; } .dmz-modal--demo .dmz-demobtn.dmz-demobtn--primary{ background: linear-gradient(135deg, #3d0f66 0%, #6d28d9 44%, #c026d3 72%, #db2777 100%) !important; border-color: rgba(109,40,217,.22) !important; box-shadow: 0 18px 32px rgba(124,58,237,.20), inset 0 1px 0 rgba(255,255,255,.14) !important; } .dmz-modal--demo .dmz-demobtn.dmz-demobtn--primary span, .dmz-modal--demo .dmz-demobtn.dmz-demobtn--primary{ color:#fff !important; } .dmz-modal--demo .dmz-lscore{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,251,255,.94)) !important; } @media (max-width: 640px){ .dmz-modal--demo .dmz-demo2__avatar{ width: 38px !important; height: 38px !important; min-width:38px !important; min-height:38px !important; } .dmz-modal--demo .dmz-demo2__title{ font-size: 14px !important; } .dmz-modal--demo .dmz-demo2__subtitle{ font-size: 11px !important; } } /* ========================================================= LIVE DEMO PREMIUM V4 — extra vivid polish + usability ========================================================= */ .dmz-modal--demo .dmz-modal__dialog--demo{ border-radius: 30px !important; box-shadow: 0 38px 100px rgba(15,23,42,.42), 0 14px 38px rgba(168,85,247,.18) !important; } .dmz-modal--demo .dmz-demo2{ border-radius: 30px !important; border-color: rgba(192,38,211,.12) !important; } .dmz-modal--demo .dmz-demo2__topbar{ padding-top: 18px !important; padding-bottom: 16px !important; } .dmz-modal--demo .dmz-demo2__title{ font-size: 15.5px !important; line-height: 1.2 !important; } .dmz-modal--demo .dmz-demo2__subtitle{ opacity: .98 !important; letter-spacing: -.01em !important; } .dmz-modal--demo .dmz-demo2__icon{ width: 38px !important; height: 38px !important; border-radius: 999px !important; } .dmz-modal--demo .dmz-demo2__chat{ border-radius: 22px !important; } .dmz-modal--demo .dmz-demomsg2__b{ border-radius: 18px !important; line-height: 1.55 !important; } .dmz-modal--demo .dmz-demo2__quick{ gap: 10px !important; } .dmz-modal--demo .dmz-demo2__chip{ padding: 10px 14px !important; font-size: 12.5px !important; letter-spacing: -.01em !important; } .dmz-modal--demo .dmz-demo2__sideBtn{ width: 48px !important; height: 48px !important; border-radius: 16px !important; } .dmz-modal--demo .dmz-demo2__inputWrap{ min-height: 64px !important; } .dmz-modal--demo .dmz-demo2__send{ width: 54px !important; height: 54px !important; border-radius: 18px !important; } .dmz-modal--demo .dmz-demobtn.dmz-demobtn--primary{ min-height: 46px !important; border-radius: 15px !important; font-weight: 800 !important; letter-spacing: -.01em !important; } .dmz-modal--demo .dmz-lscore{ border-radius: 20px !important; } .dmz-modal--demo .dmz-lscore__top{ align-items: center !important; } .dmz-modal--demo .dmz-lscore__val{ font-weight: 900 !important; } .dmz-modal--demo .dmz-lscore__pill{ background: linear-gradient(180deg, rgba(251,191,36,.18), rgba(245,158,11,.12)) !important; color: #9a3412 !important; border-color: rgba(245,158,11,.28) !important; } .dmz-modal--demo .dmz-demomsg2.is-user .dmz-demomsg2__meta, .dmz-modal--demo .dmz-demomsg2__meta[data-seen], .dmz-modal--demo [data-dmz-seen], .dmz-modal--demo .dmz-seen{ color: #111827 !important; font-weight: 700 !important; } @media (max-width: 640px){ .dmz-modal--demo .dmz-modal__dialog--demo{ border-radius: 22px !important; } .dmz-modal--demo .dmz-demo2{ border-radius: 22px !important; } .dmz-modal--demo .dmz-demo2__title{ font-size: 14px !important; } .dmz-modal--demo .dmz-demo2__chip{ font-size: 12px !important; } } /* ========================================================= LIVE DEMO ASK AREA PREMIUM POLISH — 2026-05-31 Scope: Sadece Canlı Demo > "Bana Sor" ve hızlı soru butonları ========================================================= */ .dmz-modal--demo .dmz-demo2__ask{ padding: 12px 18px 0 18px !important; } .dmz-modal--demo .dmz-demo2__askTitle{ font-size: 13px !important; line-height: 1.25 !important; font-weight: 760 !important; letter-spacing: -.006em !important; color: #162033 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; } .dmz-modal--demo .dmz-demo2__askTitle::before{ content: ""; width: 8px; height: 8px; border-radius: 999px; background: linear-gradient(135deg, #7c3aed 0%, #db2777 55%, #10b981 100%); box-shadow: 0 0 0 4px rgba(124,58,237,.08), 0 0 14px rgba(219,39,119,.20); flex: 0 0 auto; } .dmz-modal--demo .dmz-demo2__askSub{ margin-top: 4px !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 520 !important; letter-spacing: -.004em !important; color: rgba(51,65,85,.72) !important; } .dmz-modal--demo .dmz-demo2__quick{ margin-top: 11px !important; gap: 8px !important; align-items: center !important; } .dmz-modal--demo .dmz-demo2__chip{ position: relative !important; isolation: isolate !important; min-height: 38px !important; padding: 9px 13px !important; border-radius: 999px !important; font-size: 12.5px !important; line-height: 1.15 !important; font-weight: 650 !important; letter-spacing: -.006em !important; color: #4c1d95 !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(252,248,255,.88)) !important; border: 1px solid rgba(168,85,247,.24) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(124,58,237,.045) !important; backdrop-filter: blur(8px) saturate(128%) !important; -webkit-backdrop-filter: blur(8px) saturate(128%) !important; } .dmz-modal--demo .dmz-demo2__chip::before{ content: ""; position: absolute; inset: 1px 1px auto 1px; height: 46%; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0)); pointer-events: none; z-index: -1; } .dmz-modal--demo .dmz-demo2__chip:hover, .dmz-modal--demo .dmz-demo2__chip:focus-visible{ color: #3b0764 !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,245,255,.94)), linear-gradient(135deg, rgba(124,58,237,.10), rgba(219,39,119,.08)) !important; border-color: rgba(192,38,211,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 24px rgba(124,58,237,.10), 0 0 0 3px rgba(168,85,247,.055) !important; transform: translateY(-1px) !important; } .dmz-modal--demo .dmz-demo2__chip:active{ transform: translateY(0) scale(.99) !important; } .dmz-modal--demo .dmz-demo2__chip:focus-visible{ outline: 2px solid rgba(124,58,237,.34) !important; outline-offset: 2px !important; } /* Client asistan hissi: hızlı soru alanını daha temiz bir grup gibi gösterir */ .dmz-modal--demo .dmz-demo2__ask{ background: radial-gradient(520px 140px at 10% 0%, rgba(124,58,237,.035), rgba(124,58,237,0) 62%), radial-gradient(420px 120px at 100% 0%, rgba(16,185,129,.035), rgba(16,185,129,0) 60%) !important; } /* Mobil/tablet: taşma olmadan dokunulabilir, sade ve akışkan */ @media (max-width: 900px){ .dmz-modal--demo .dmz-demo2__ask{ padding: 10px 14px 0 14px !important; } .dmz-modal--demo .dmz-demo2__quick{ gap: 8px !important; } .dmz-modal--demo .dmz-demo2__chip{ min-height: 38px !important; padding: 9px 12px !important; font-size: 12px !important; white-space: nowrap !important; } } @media (max-width: 520px){ .dmz-modal--demo .dmz-demo2__askTitle{ font-size: 12.5px !important; } .dmz-modal--demo .dmz-demo2__askSub{ font-size: 11.5px !important; } .dmz-modal--demo .dmz-demo2__quick{ flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding-bottom: 6px !important; } .dmz-modal--demo .dmz-demo2__quick::-webkit-scrollbar{ display: none !important; } } /* ========================================================= LIVE DEMO BUTTON ROUNDING POLISH — 2026-05-31 Scope: canlı demo yan ikon butonları + gönder butonu ========================================================= */ .dmz-modal--demo .dmz-demo2__sideBtn{ width: 50px !important; height: 50px !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,245,255,.94)) !important; border: 1px solid rgba(192,38,211,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 22px rgba(124,58,237,.08), 0 0 0 1px rgba(255,255,255,.55) !important; backdrop-filter: blur(10px) saturate(130%) !important; -webkit-backdrop-filter: blur(10px) saturate(130%) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important; } .dmz-modal--demo .dmz-demo2__sideBtn:hover, .dmz-modal--demo .dmz-demo2__sideBtn:focus-visible{ transform: translateY(-1px) !important; border-color: rgba(168,85,247,.34) !important; background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(245,240,255,.96)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 16px 28px rgba(124,58,237,.12), 0 0 0 4px rgba(168,85,247,.06) !important; } .dmz-modal--demo .dmz-demo2__sideBtn svg, .dmz-modal--demo .dmz-demo2__sideBtn i{ color: #7c3aed !important; stroke: #7c3aed !important; } .dmz-modal--demo .dmz-demo2__inputWrap{ border-radius: 999px !important; background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.96)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 28px rgba(15,23,42,.06) !important; } .dmz-modal--demo .dmz-demo2__send{ width: 56px !important; height: 56px !important; border-radius: 22px !important; background: radial-gradient(100% 100% at 30% 20%, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 42%), linear-gradient(135deg, #6d28d9 0%, #7c3aed 40%, #c026d3 72%, #db2777 100%) !important; border: 1px solid rgba(255,255,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 18px 34px rgba(124,58,237,.24), 0 0 0 1px rgba(124,58,237,.06) !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; } .dmz-modal--demo .dmz-demo2__send:hover, .dmz-modal--demo .dmz-demo2__send:focus-visible{ transform: translateY(-1px) scale(1.02) !important; filter: brightness(1.03) saturate(1.04) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 22px 38px rgba(124,58,237,.30), 0 0 0 4px rgba(168,85,247,.07) !important; } .dmz-modal--demo .dmz-demo2__send svg, .dmz-modal--demo .dmz-demo2__send i{ color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } @media (max-width: 640px){ .dmz-modal--demo .dmz-demo2__sideBtn{ width: 48px !important; height: 48px !important; border-radius: 18px !important; } .dmz-modal--demo .dmz-demo2__send{ width: 54px !important; height: 54px !important; border-radius: 20px !important; } } /* ========================================================= LIVE DEMO FINAL ICON + SCROLL POLISH — 2026-05-31 Scope: ses / hoparlör / gönder ikonları + modern scrollbar ========================================================= */ .dmz-modal--demo .dmz-demo2__sideBtn{ width: 52px !important; height: 52px !important; border-radius: 22px !important; background: radial-gradient(100% 100% at 30% 16%, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,243,255,.95)) !important; border: 1px solid rgba(216,180,254,.54) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 22px rgba(124,58,237,.08), 0 0 0 1px rgba(255,255,255,.70) !important; } .dmz-modal--demo .dmz-demo2__sideBtn:hover, .dmz-modal--demo .dmz-demo2__sideBtn:focus-visible{ transform: translateY(-1px) !important; background: radial-gradient(100% 100% at 30% 16%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,238,255,.97)) !important; border-color: rgba(192,132,252,.70) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 16px 28px rgba(124,58,237,.12), 0 0 0 4px rgba(168,85,247,.06) !important; } .dmz-modal--demo .dmz-demo2__sideBtn svg, .dmz-modal--demo .dmz-demo2__sideBtn i, .dmz-modal--demo .dmz-demo2__sideBtn .fa, .dmz-modal--demo .dmz-demo2__sideBtn [class*="icon"]{ color: #7c3aed !important; fill: #7c3aed !important; stroke: #7c3aed !important; opacity: 1 !important; } .dmz-modal--demo .dmz-demo2__send{ width: 58px !important; height: 58px !important; border-radius: 24px !important; background: radial-gradient(100% 100% at 28% 18%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 45%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,240,255,.96)) !important; border: 1px solid rgba(196,181,253,.72) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 16px 28px rgba(124,58,237,.12), 0 0 0 1px rgba(255,255,255,.78) !important; filter: none !important; } .dmz-modal--demo .dmz-demo2__send:hover, .dmz-modal--demo .dmz-demo2__send:focus-visible{ transform: translateY(-1px) scale(1.015) !important; background: radial-gradient(100% 100% at 28% 18%, rgba(255,255,255,.92) 0%, rgba(255,255,255,0) 45%), linear-gradient(180deg, rgba(255,255,255,.99), rgba(242,235,255,.97)) !important; border-color: rgba(168,85,247,.62) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.99), 0 18px 32px rgba(124,58,237,.16), 0 0 0 4px rgba(168,85,247,.07) !important; } .dmz-modal--demo .dmz-demo2__send svg, .dmz-modal--demo .dmz-demo2__send i, .dmz-modal--demo .dmz-demo2__send .fa, .dmz-modal--demo .dmz-demo2__send [class*="icon"]{ color: #7c3aed !important; fill: #7c3aed !important; stroke: #7c3aed !important; opacity: 1 !important; } .dmz-modal--demo .dmz-demo2__chat, .dmz-modal--demo .dmz-modal__dialog--demo{ scrollbar-width: thin; scrollbar-color: rgba(107,114,128,.72) rgba(236,240,245,.78); } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar{ width: 9px; height: 9px; } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-track, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-track{ background: linear-gradient(180deg, rgba(243,244,246,.88), rgba(229,231,235,.86)); border-radius: 999px; } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-thumb, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-thumb{ border-radius: 999px; border: 2px solid rgba(243,244,246,.92); background: linear-gradient(180deg, rgba(156,163,175,.95), rgba(107,114,128,.95)); box-shadow: 0 3px 10px rgba(15,23,42,.08); } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-thumb:hover, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg, rgba(107,114,128,1), rgba(75,85,99,1)); } @media (max-width: 640px){ .dmz-modal--demo .dmz-demo2__sideBtn{ width: 50px !important; height: 50px !important; border-radius: 20px !important; } .dmz-modal--demo .dmz-demo2__send{ width: 56px !important; height: 56px !important; border-radius: 22px !important; } } /* ========================================================= LIVE DEMO ULTRA POLISH — 2026-06-01 Scope: header, round icon buttons, send button, input focus, scrollbar ========================================================= */ /* 1) Header / topbar daha premium ve canlı */ .dmz-modal--demo .dmz-demo2__topbar{ background: radial-gradient(120% 140% at 10% 0%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 34%), radial-gradient(90% 120% at 100% 0%, rgba(16,185,129,.22) 0%, rgba(16,185,129,0) 34%), linear-gradient(95deg, #581c87 0%, #7c3aed 28%, #c026d3 58%, #db2777 78%, #0f766e 100%) !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.12), 0 16px 36px rgba(88,28,135,.18) !important; } .dmz-modal--demo .dmz-demo2__topbar::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)); pointer-events:none; } .dmz-modal--demo .dmz-demo2__title{ color:#ffffff !important; text-shadow: 0 1px 0 rgba(0,0,0,.06); } .dmz-modal--demo .dmz-demo2__subtitle{ color: rgba(255,255,255,.92) !important; } .dmz-modal--demo .dmz-demo2__icon{ width: 40px !important; height: 40px !important; border-radius: 999px !important; background: radial-gradient(100% 100% at 30% 20%, rgba(255,255,255,.30) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important; border: 1px solid rgba(255,255,255,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 20px rgba(15,23,42,.16) !important; backdrop-filter: blur(10px) saturate(140%) !important; -webkit-backdrop-filter: blur(10px) saturate(140%) !important; } .dmz-modal--demo .dmz-demo2__icon:hover, .dmz-modal--demo .dmz-demo2__icon:focus-visible{ transform: translateY(-1px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 14px 24px rgba(15,23,42,.20), 0 0 0 4px rgba(255,255,255,.06) !important; } .dmz-modal--demo .dmz-demo2__icon svg, .dmz-modal--demo .dmz-demo2__icon i, .dmz-modal--demo .dmz-demo2__icon .fa, .dmz-modal--demo .dmz-demo2__icon [class*="icon"]{ color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } .dmz-modal--demo .dmz-demo2__icon--close{ background: radial-gradient(100% 100% at 30% 20%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(15,23,42,.28), rgba(15,23,42,.20)) !important; } /* 2) Ses / hoparlör / gönder butonları tam yuvarlak ve cam görünüm */ .dmz-modal--demo .dmz-demo2__sideBtn{ width: 52px !important; height: 52px !important; border-radius: 999px !important; background: radial-gradient(100% 100% at 28% 18%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 44%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,244,255,.96)) !important; border: 1px solid rgba(216,180,254,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 12px 22px rgba(124,58,237,.08), 0 0 0 1px rgba(255,255,255,.72) !important; } .dmz-modal--demo .dmz-demo2__sideBtn svg, .dmz-modal--demo .dmz-demo2__sideBtn i, .dmz-modal--demo .dmz-demo2__sideBtn .fa, .dmz-modal--demo .dmz-demo2__sideBtn [class*="icon"]{ color: #7c3aed !important; fill: #7c3aed !important; stroke: #7c3aed !important; opacity: 1 !important; filter: drop-shadow(0 1px 0 rgba(255,255,255,.22)); } .dmz-modal--demo .dmz-demo2__sideBtn:hover, .dmz-modal--demo .dmz-demo2__sideBtn:focus-visible{ transform: translateY(-1px) scale(1.02) !important; border-color: rgba(192,132,252,.80) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.99), 0 16px 28px rgba(124,58,237,.12), 0 0 0 4px rgba(168,85,247,.07) !important; } /* gönder butonu daha sade: beyaz/cam yüzey + mor ikon */ .dmz-modal--demo .dmz-demo2__send{ width: 58px !important; height: 58px !important; border-radius: 999px !important; background: radial-gradient(100% 100% at 28% 18%, rgba(255,255,255,.90) 0%, rgba(255,255,255,0) 44%), linear-gradient(180deg, rgba(255,255,255,.99), rgba(245,240,255,.97)) !important; border: 1px solid rgba(196,181,253,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.99), 0 16px 30px rgba(124,58,237,.12), 0 0 0 1px rgba(255,255,255,.86) !important; } .dmz-modal--demo .dmz-demo2__send svg, .dmz-modal--demo .dmz-demo2__send i, .dmz-modal--demo .dmz-demo2__send .fa, .dmz-modal--demo .dmz-demo2__send [class*="icon"]{ color: #7c3aed !important; fill: #7c3aed !important; stroke: #7c3aed !important; opacity: 1 !important; } .dmz-modal--demo .dmz-demo2__send:hover, .dmz-modal--demo .dmz-demo2__send:focus-visible{ transform: translateY(-1px) scale(1.02) !important; border-color: rgba(168,85,247,.70) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.99), 0 20px 34px rgba(124,58,237,.16), 0 0 0 4px rgba(168,85,247,.08) !important; } /* 3) Metin kutusu focus olduğunda placeholder kaybolsun ve alan canlansın */ .dmz-modal--demo .dmz-demo2__inputWrap{ border-radius: 999px !important; transition: box-shadow .22s ease, border-color .22s ease, background .22s ease, transform .22s ease !important; } .dmz-modal--demo .dmz-demo2__inputWrap:focus-within{ background: linear-gradient(180deg, rgba(255,255,255,1), rgba(250,247,255,.98)) !important; border-color: rgba(168,85,247,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 0 0 4px rgba(168,85,247,.08), 0 18px 32px rgba(124,58,237,.12) !important; transform: translateY(-1px) !important; } .dmz-modal--demo .dmz-demo2__input{ color: #334155 !important; } .dmz-modal--demo .dmz-demo2__input::placeholder{ color: #6b7280 !important; opacity: .96 !important; transition: opacity .18s ease, transform .18s ease, color .18s ease !important; } .dmz-modal--demo .dmz-demo2__input:focus::placeholder{ opacity: 0 !important; transform: translateX(8px) !important; } /* 4) Demo scroll daha ince, modern ve temiz */ .dmz-modal--demo .dmz-demo2__chat, .dmz-modal--demo .dmz-modal__dialog--demo{ scrollbar-width: thin; scrollbar-color: rgba(148,163,184,.92) rgba(241,245,249,.92); } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar{ width: 8px; height: 8px; } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-track, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-track{ background: linear-gradient(180deg, rgba(241,245,249,.95), rgba(226,232,240,.92)); border-radius: 999px; } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-thumb, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-thumb{ border-radius: 999px; border: 1px solid rgba(241,245,249,.95); background: linear-gradient(180deg, rgba(156,163,175,.96), rgba(107,114,128,.96)); box-shadow: 0 2px 8px rgba(15,23,42,.10); } .dmz-modal--demo .dmz-demo2__chat::-webkit-scrollbar-thumb:hover, .dmz-modal--demo .dmz-modal__dialog--demo::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg, rgba(107,114,128,1), rgba(75,85,99,1)); } @media (max-width: 640px){ .dmz-modal--demo .dmz-demo2__icon{ width: 36px !important; height: 36px !important; } .dmz-modal--demo .dmz-demo2__sideBtn{ width: 50px !important; height: 50px !important; } .dmz-modal--demo .dmz-demo2__send{ width: 56px !important; height: 56px !important; } } /* ========================================================= LIVE DEMO HEADER TONE MATCH — 2026-06-01 Scope: canlı demo header renklerini portal header ile uyumlama ========================================================= */ .dmz-modal--demo .dmz-demo2__topbar{ background: radial-gradient(120% 140% at 10% 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 34%), linear-gradient(90deg, #6f1d9b 0%, #8f1ea8 24%, #b51d99 58%, #d61b75 82%, #e11d6c 100%) !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.14), 0 18px 38px rgba(157,23,120,.18) !important; } .dmz-modal--demo .dmz-demo2__topbar::before{ background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0)) !important; } .dmz-modal--demo .dmz-demo2__title{ color: #ffffff !important; text-shadow: 0 1px 0 rgba(0,0,0,.06), 0 0 18px rgba(255,255,255,.04); } .dmz-modal--demo .dmz-demo2__subtitle{ color: rgba(255,255,255,.94) !important; } .dmz-modal--demo .dmz-demo2__icon{ background: radial-gradient(100% 100% at 30% 20%, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important; border: 1px solid rgba(255,255,255,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 12px 24px rgba(96,21,120,.18) !important; } .dmz-modal--demo .dmz-demo2__icon:hover, .dmz-modal--demo .dmz-demo2__icon:focus-visible{ box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 16px 26px rgba(96,21,120,.22), 0 0 0 4px rgba(255,255,255,.06) !important; } .dmz-modal--demo .dmz-demo2__icon--close{ background: radial-gradient(100% 100% at 30% 20%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(46,16,101,.26), rgba(46,16,101,.18)) !important; } /* ========================================================= LIVE DEMO HEADER NO-PINK FINAL — 2026-06-01 Scope: canlı demo header; pembe tonu kaldırıldı, portal header ile uyumlu mor/indigo/cam tonları ========================================================= */ .dmz-modal--demo .dmz-demo2__topbar{ background: radial-gradient(120% 150% at 8% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 36%), radial-gradient(90% 120% at 100% 0%, rgba(20,184,166,.18) 0%, rgba(20,184,166,0) 40%), linear-gradient(90deg, #551875 0%, #6d1b8d 28%, #7b2290 54%, #5630a3 76%, #155e75 100%) !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(15,23,42,.06), 0 16px 36px rgba(88,28,135,.16) !important; } .dmz-modal--demo .dmz-demo2__topbar::before{ background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 56%) !important; } .dmz-modal--demo .dmz-demo2__topbar::after{ background: linear-gradient(90deg, rgba(255,255,255,.13), rgba(255,255,255,0)) !important; opacity: .72 !important; } .dmz-modal--demo .dmz-demo2__avatar{ border-color: rgba(255,255,255,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(15,23,42,.18), 0 0 0 4px rgba(255,255,255,.07) !important; } .dmz-modal--demo .dmz-demo2__title{ font-weight: 820 !important; letter-spacing: -.008em !important; color: #ffffff !important; text-shadow: 0 1px 0 rgba(0,0,0,.08) !important; } .dmz-modal--demo .dmz-demo2__subtitle{ font-weight: 560 !important; letter-spacing: -.004em !important; color: rgba(255,255,255,.90) !important; } .dmz-modal--demo .dmz-demo2__icon{ background: radial-gradient(100% 100% at 30% 18%, rgba(255,255,255,.30) 0%, rgba(255,255,255,0) 44%), linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.075)) !important; border: 1px solid rgba(255,255,255,.25) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 11px 22px rgba(15,23,42,.14) !important; } .dmz-modal--demo .dmz-demo2__icon:hover, .dmz-modal--demo .dmz-demo2__icon:focus-visible{ background: radial-gradient(100% 100% at 30% 18%, rgba(255,255,255,.36) 0%, rgba(255,255,255,0) 44%), linear-gradient(180deg, rgba(255,255,255,.21), rgba(255,255,255,.095)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 15px 26px rgba(15,23,42,.18), 0 0 0 4px rgba(255,255,255,.055) !important; } .dmz-modal--demo .dmz-demo2__icon--close{ background: radial-gradient(100% 100% at 30% 18%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 44%), linear-gradient(180deg, rgba(15,23,42,.25), rgba(15,23,42,.16)) !important; } /* ========================================================= MOBILE LIVE DEMO FULLSCREEN FINAL FIX — 2026-06-01 Scope: sadece mobil/tablet canlı demo modal fullscreen görünüm ========================================================= */ @media (max-width: 900px){ html.dmz-modal-open, body.dmz-modal-open{ overflow: hidden !important; height: 100% !important; } .dmz-modal--demo.is-open{ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100svh !important; height: 100dvh !important; padding: 0 !important; margin: 0 !important; align-items: stretch !important; justify-content: stretch !important; background: rgba(8, 12, 26, .60) !important; overflow: hidden !important; } .dmz-modal--demo.is-open .dmz-modal__backdrop{ position: fixed !important; inset: 0 !important; } .dmz-modal--demo.is-open .dmz-modal__dialog--demo{ position: relative !important; inset: auto !important; width: 100vw !important; max-width: none !important; min-width: 0 !important; height: 100vh !important; height: 100svh !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; transform: none !important; } .dmz-modal--demo.is-open .dmz-modal__content{ width: 100% !important; height: 100% !important; max-height: none !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .dmz-modal--demo.is-open .dmz-demo2{ width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; border-radius: 0 !important; border: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; box-shadow: none !important; } .dmz-modal--demo.is-open .dmz-demo2__topbar{ flex: 0 0 auto !important; border-radius: 0 !important; padding-top: calc(12px + env(safe-area-inset-top)) !important; padding-left: 12px !important; padding-right: 12px !important; } .dmz-modal--demo.is-open .dmz-demo2__modes{ flex: 0 0 auto !important; padding: 10px 12px 0 12px !important; } .dmz-modal--demo.is-open .dmz-lscore{ top: calc(68px + env(safe-area-inset-top)) !important; right: 10px !important; max-width: calc(100vw - 20px) !important; } .dmz-modal--demo.is-open .dmz-demo2__chatwrap{ flex: 1 1 auto !important; min-height: 0 !important; padding: 10px 12px 0 12px !important; overflow: hidden !important; } .dmz-modal--demo.is-open .dmz-demo2__chat{ height: 100% !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; border-radius: 18px !important; } .dmz-modal--demo.is-open .dmz-demo2__ask{ flex: 0 0 auto !important; padding: 10px 12px 0 12px !important; } .dmz-modal--demo.is-open .dmz-demo2__quick{ flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 6px !important; scrollbar-width: none !important; } .dmz-modal--demo.is-open .dmz-demo2__quick::-webkit-scrollbar{ display: none !important; } .dmz-modal--demo.is-open .dmz-demo2__composer{ flex: 0 0 auto !important; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) 12px !important; margin: 0 !important; } .dmz-modal--demo.is-open .dmz-demo2__actions{ flex: 0 0 auto !important; padding: 0 12px calc(12px + env(safe-area-inset-bottom)) 12px !important; } } @media (max-width: 640px){ .dmz-modal--demo.is-open .dmz-demo2__brandtxt{ min-width: 0 !important; } .dmz-modal--demo.is-open .dmz-demo2__title{ font-size: 13.5px !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dmz-modal--demo.is-open .dmz-demo2__subtitle{ font-size: 10.8px !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dmz-modal--demo.is-open .dmz-demo2__icons{ gap: 5px !important; } .dmz-modal--demo.is-open .dmz-demo2__icon{ width: 34px !important; height: 34px !important; } .dmz-modal--demo.is-open .dmz-demo2__avatar{ width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; } .dmz-modal--demo.is-open .dmz-demo2__input{ height: 56px !important; } .dmz-modal--demo.is-open .dmz-demo2__sideBtn{ width: 48px !important; height: 48px !important; } .dmz-modal--demo.is-open .dmz-demo2__send{ width: 54px !important; height: 54px !important; } } @media (max-width: 900px) and (max-height: 660px){ .dmz-modal--demo.is-open .dmz-demo2__topbar{ padding-top: calc(9px + env(safe-area-inset-top)) !important; padding-bottom: 9px !important; } .dmz-modal--demo.is-open .dmz-demo2__modes{ padding-top: 7px !important; } .dmz-modal--demo.is-open .dmz-demo2__ask{ padding-top: 7px !important; } .dmz-modal--demo.is-open .dmz-demo2__askSub{ display: none !important; } .dmz-modal--demo.is-open .dmz-demo2__composer{ padding-top: 6px !important; } } /* ========================================================= MOBILE / iOS SAFARI LIVE DEMO FINAL STABILITY FIX — 2026-06-01 Scope: sadece dokunmatik mobil/iOS/tablet canlı demo modal uyumu ========================================================= */ /* Mobil tarayıcı viewport değişimlerinde taşma ve alt/üst boşluk sorununu engeller */ @media (max-width: 900px), (hover: none) and (pointer: coarse){ html.dmz-modal-open, body.dmz-modal-open{ overflow: hidden !important; overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; width: 100% !important; max-width: 100% !important; } .dmz-modal--demo.is-open{ position: fixed !important; inset: 0 !important; width: 100% !important; max-width: 100% !important; height: 100vh !important; height: 100svh !important; height: 100dvh !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; align-items: stretch !important; justify-content: stretch !important; touch-action: manipulation !important; } .dmz-modal--demo.is-open .dmz-modal__backdrop{ position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; } .dmz-modal--demo.is-open .dmz-modal__dialog--demo{ position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 100vh !important; height: 100svh !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; transform: none !important; box-shadow: none !important; } .dmz-modal--demo.is-open .dmz-modal__content, .dmz-modal--demo.is-open .dmz-demo2{ width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden !important; } .dmz-modal--demo.is-open .dmz-demo2{ display: flex !important; flex-direction: column !important; } .dmz-modal--demo.is-open .dmz-demo2__topbar{ flex: 0 0 auto !important; min-width: 0 !important; border-radius: 0 !important; padding-top: calc(10px + env(safe-area-inset-top)) !important; padding-bottom: 10px !important; padding-left: max(10px, env(safe-area-inset-left)) !important; padding-right: max(10px, env(safe-area-inset-right)) !important; } .dmz-modal--demo.is-open .dmz-demo2__brand{ min-width: 0 !important; flex: 1 1 auto !important; gap: 8px !important; } .dmz-modal--demo.is-open .dmz-demo2__brandtxt{ min-width: 0 !important; max-width: 100% !important; } .dmz-modal--demo.is-open .dmz-demo2__title, .dmz-modal--demo.is-open .dmz-demo2__subtitle{ display: block !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dmz-modal--demo.is-open .dmz-demo2__title{ font-size: clamp(12.5px, 3.2vw, 14.5px) !important; line-height: 1.16 !important; font-weight: 780 !important; } .dmz-modal--demo.is-open .dmz-demo2__subtitle{ font-size: clamp(10px, 2.65vw, 11.5px) !important; line-height: 1.18 !important; font-weight: 540 !important; } .dmz-modal--demo.is-open .dmz-demo2__avatar{ flex: 0 0 auto !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; } .dmz-modal--demo.is-open .dmz-demo2__icons{ flex: 0 0 auto !important; gap: 5px !important; min-width: 0 !important; } .dmz-modal--demo.is-open .dmz-demo2__icon{ width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; } .dmz-modal--demo.is-open .dmz-demo2__modes{ flex: 0 0 auto !important; padding: 9px 12px 0 12px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .dmz-modal--demo.is-open .dmz-demo2__modes::-webkit-scrollbar{ display: none !important; } .dmz-modal--demo.is-open .dmz-lscore{ position: relative !important; top: auto !important; right: auto !important; width: auto !important; max-width: none !important; margin: 9px 12px 0 12px !important; flex: 0 0 auto !important; } .dmz-modal--demo.is-open .dmz-demo2__chatwrap{ flex: 1 1 auto !important; min-height: 0 !important; padding: 10px 12px 0 12px !important; overflow: hidden !important; } .dmz-modal--demo.is-open .dmz-demo2__chat{ height: 100% !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; border-radius: 18px !important; padding: 10px !important; } .dmz-modal--demo.is-open .dmz-demomsg2__b{ max-width: 94% !important; overflow-wrap: anywhere !important; word-break: normal !important; } .dmz-modal--demo.is-open .dmz-demo2__ask{ flex: 0 0 auto !important; padding: 8px 12px 0 12px !important; } .dmz-modal--demo.is-open .dmz-demo2__quick{ flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 5px !important; scrollbar-width: none !important; } .dmz-modal--demo.is-open .dmz-demo2__quick::-webkit-scrollbar{ display: none !important; } .dmz-modal--demo.is-open .dmz-demo2__chip{ flex: 0 0 auto !important; white-space: nowrap !important; } .dmz-modal--demo.is-open .dmz-demo2__composer{ flex: 0 0 auto !important; padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) 12px !important; margin: 0 !important; gap: 9px !important; } .dmz-modal--demo.is-open .dmz-demo2__side{ gap: 8px !important; } .dmz-modal--demo.is-open .dmz-demo2__sideBtn{ width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; } .dmz-modal--demo.is-open .dmz-demo2__inputWrap{ min-width: 0 !important; min-height: 56px !important; } .dmz-modal--demo.is-open .dmz-demo2__input{ height: 56px !important; min-width: 0 !important; font-size: 13px !important; } .dmz-modal--demo.is-open .dmz-demo2__send{ width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; } .dmz-modal--demo.is-open .dmz-demo2__actions{ flex: 0 0 auto !important; padding: 0 12px calc(10px + env(safe-area-inset-bottom)) 12px !important; } .dmz-modal--demo.is-open .dmz-demobtn.dmz-demobtn--primary{ min-height: 44px !important; } } /* iPhone SE / kısa ekranlar: üst alanları kompaktlaştırıp chat alanını korur */ @media (max-width: 420px) and (max-height: 720px){ .dmz-modal--demo.is-open .dmz-demo2__topbar{ padding-top: calc(8px + env(safe-area-inset-top)) !important; padding-bottom: 8px !important; } .dmz-modal--demo.is-open .dmz-demo2__modes{ padding-top: 6px !important; } .dmz-modal--demo.is-open .dmz-lscore{ margin-top: 6px !important; padding: 9px 10px !important; } .dmz-modal--demo.is-open .dmz-demo2__askSub{ display: none !important; } .dmz-modal--demo.is-open .dmz-demo2__composer{ padding-top: 5px !important; } .dmz-modal--demo.is-open .dmz-demo2__actions{ padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; } }