/* Dobay 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;} /* 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-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; inset:0; width:100%; height:100%; object-fit:contain; } .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: 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;} /* 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:repeat(2, minmax(0, 1fr)); 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 Dobay Akıllı 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: "Dobay" on first line, "Akıllı 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ı: Dobay / Akıllı 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: Dobay üstte, Akıllı 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 .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-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:12px; border:1px solid rgba(15,23,42,.10); background:rgba(248,250,252,.92); border-radius:16px; padding:12px; box-shadow:0 10px 26px rgba(2,6,23,.06); } .dmz-premium-bottom__title{ margin:0 0 10px; font-weight:900; font-size:13px; color:#0b1324; } .dmz-premium-bottom__list{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px; } .dmz-premium-bottom__list li{ position:relative; padding-left:22px; font-size:13px; font-weight:800; color:#334155; line-height:1.25; } .dmz-premium-bottom__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; } .dmz-premium-bottom__pricing{ /* Fiyat alanını daha "premium" göstermek için iç kart gibi tasarla */ display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:14px; background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98)); border:1px solid rgba(2,29,73,.12); box-shadow:0 10px 26px rgba(2,6,23,.06); position:relative; overflow:hidden; } .dmz-premium-bottom__pricing:before{ content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg, rgba(2,29,73,.32), rgba(2,29,73,0)); } .dmz-premium-bottom__pricing .dmz-bill-toggle{align-self:flex-start;} .dmz-premium-bottom__pricing .dmz-premium-amount{margin-top:2px;font-size:34px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;} .dmz-premium-bottom__pricing .dmz-premium-currency{font-size:14px;opacity:.92;} .dmz-premium-bottom__pricing .dmz-premium-meta{margin-top:0;} .dmz-premium-bottom__pricing .dmz-premium-save{background:rgba(2,29,73,.10);border:1px solid rgba(2,29,73,.12)} @media (max-width: 520px){ .dmz-premium-bottom__pricing{padding:12px 12px 10px} .dmz-premium-bottom__pricing .dmz-premium-amount{font-size:32px;} } /* ===================== 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; } /* 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__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; }