/* Referans tasarımı koruyan ortak etkileşim ve responsive düzeltmeleri. */
:root{--primary-soft:#4f46e5;--primary-strong:#7c3aed;--accent:#6c3df2;--text-main:#0f172a;--text-soft:#64748b}
[hidden]{display:none!important}body{min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.btn{white-space:nowrap}button:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}p{overflow-wrap:anywhere}.card,.service-step-body,.service-field,.service-wizard-card,.design-box,main,.container{min-width:0}.small{color:#64748b}.site-header{z-index:50}.site-header-inner{max-width:1240px;height:80px;padding:12px 20px;gap:14px;flex-wrap:nowrap}.site-header .brand{gap:8px;flex-shrink:0}.site-header .brand-logo{height:36px;width:auto}.site-header .brand-main{font-size:16px}.site-header .brand-sub{font-size:10px;letter-spacing:.01em;text-transform:none}.site-header .main-nav{display:flex;margin-left:auto;gap:2px;flex-wrap:nowrap}.site-header .nav-link,.site-header .nav-link-btn{padding:8px;font-size:13px;white-space:nowrap;line-height:1.4}.site-header .header-actions{margin-left:0;flex-shrink:0}.site-header .header-auth-btn{padding:9px 12px;font-size:13px;line-height:1.4;width:auto;margin:0;color:white;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 20px #6c3df229}.site-header .nav-link:hover,.site-header .nav-link-btn:hover{background:#eef2ff;color:#4338ca}.site-header .mega-menu{top:100%;left:0;transform:none;width:540px;max-width:calc(100vw - 40px);opacity:1;visibility:visible;padding-top:10px}.site-header .has-mega:focus-within .mega-menu,.site-header .has-mega:hover .mega-menu{transform:none}.site-header .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-panel{background:#fff;color:#111827}.mega-link-title{color:#312e81}.mega-link:hover{background:#f5f3ff}.menu-toggle{display:none}.site-footer a{color:#4f46e5}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-ghost,.btn:not(.btn-primary):hover{background:#fff;color:#4338ca}.service-wizard-card,.wizard-card{background:radial-gradient(circle at top left,#f5f3ff 0,#fff 45%,#f9fafb 100%);border-radius:16px;box-shadow:0 18px 45px #0f172a14}.service-wizard-wrap{padding:0;margin:12px auto 28px}.service-step-pill,.step-pill{cursor:pointer}.service-step-pill[aria-disabled=true],.step-pill[aria-disabled=true]{cursor:default}.service-chip{color:#111827;text-align:left}.service-chip:hover,.option-card:hover,.pkg-card:hover{border-color:#a78bfa;box-shadow:0 8px 20px #6c3df217}.option-card.selected,.pkg-card.selected{box-shadow:0 0 0 1px #6c3df22b}.service-field input[type=checkbox],.radio-inline input,.radio-row input{width:auto;accent-color:#6c3df2}.service-field label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center}.field-row,.service-field-row{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.service-summary dd{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.service-summary dt{margin-top:10px}.error-message{padding:10px 12px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:10px;margin:12px 0;font-size:14px}.preview-note,.status-message{background:#f3edff;border:1px solid #ddd6fe;border-radius:12px;padding:12px;color:#4c1d95;font-size:13px;margin:12px 0}.status-message{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.form-stack{display:grid;gap:12px}.form-stack input,.form-stack textarea,.form-stack select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px;background:#f9fafb;font-size:15px}.form-stack label{display:grid;gap:5px;font-size:13px;color:#475569}.form-stack input[type=checkbox]{width:auto}.auth-wrap{max-width:520px;margin:32px auto;padding:0 20px}.auth-tabs{display:flex;gap:8px;margin-bottom:18px}.auth-tabs .active{background:#eef2ff;border-color:#6c3df2}.panel-wrap{max-width:1180px;margin:28px auto;padding:0 20px}.panel-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.panel-list{display:grid;gap:12px}.panel-row{padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.panel-row h3{margin:0 0 8px}.panel-row p{margin:6px 0;font-size:14px}.panel-row .badge{display:inline-flex}.panel-detail{margin-top:12px}.panel-detail summary{cursor:pointer;color:#4f46e5;font-size:14px}.preview-badge{font-size:12px;background:#eef2ff;color:#4338ca;padding:4px 8px;border-radius:999px}.action-card{display:block;margin-top:14px;color:#4f46e5;font-weight:600;font-size:14px}.keyword-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.keyword-tag{display:flex;gap:8px;align-items:center;border:1px solid #ddd6fe;background:#fff;border-radius:999px;padding:4px 8px;font-size:13px}.keyword-tag button{border:0;background:none;color:#6c3df2;cursor:pointer}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-box input,.design-box textarea,.design-box select{min-width:0;max-width:100%}.design-box .radio-inline label{display:flex;align-items:center;gap:5px}.design-box .design-preview{width:100%;height:92px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border:1px dashed #a5b4fc;border-radius:10px;color:#6366f1;font-size:12px;overflow:hidden}.design-preview .ratio-shape{max-width:95%;max-height:80px;min-width:22px;border:1px solid #a78bfa;background:#ddd6fe;text-align:center}.upload-name{overflow-wrap:anywhere;font-size:12px;color:#475569}.uploaded-image{max-height:110px;object-fit:contain;border-radius:8px}.design-box-header{gap:8px}.remove-item{padding:3px 8px;font-size:12px;border:1px solid #ddd6fe;background:#fff;border-radius:8px;cursor:pointer}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.quantity-row input{max-width:90px}.summary-row,.order-summary-row{gap:12px}.order-summary-row span:last-child{text-align:right;overflow-wrap:anywhere}.live-price{font-weight:600;color:#5b21b6;margin-top:12px;font-size:14px}.payment-tabs{flex-wrap:wrap;border-radius:12px}.payment-tab{border:0;background:none;font-family:inherit}.payment-tab:focus-visible{outline:2px solid #6c3df2}.page:has(.layout){width:100%}.hosted-placeholder{padding:24px 14px;border:1px dashed #c4b5fd;background:#f5f3ff;border-radius:12px;text-align:center;font-size:14px}.funnel-card{background:#fff}.coin-stream{pointer-events:none}.coin{animation:coinFlow 2.1s ease-in infinite;position:absolute;top:0;left:-13px;opacity:0!important}.coin:nth-child(2){animation-delay:.7s}.coin:nth-child(3){animation-delay:1.4s}@keyframes coinFlow{0%{opacity:0;translate:0 -4px}15%{opacity:1}90%{opacity:.8}100%{opacity:0;translate:0 66px}}.funnel-image-wrap{margin-bottom:58px}.coin-stream{bottom:4px}.hero-highlight{color:#6c3df2}
@media(min-width:1000px){.hero-title{font-size:39px}.hero-inner{grid-template-columns:1.1fr 1fr;min-height:420px}.hero-visual{width:100%}.funnel-card{width:100%;max-width:480px}.funnel-image{max-width:440px}}
@media(max-width:1090px){.site-header .brand-sub{display:none}.site-header .brand-main{display:none}.site-header .brand-logo{height:36px}.site-header-inner{gap:8px}}
@media(max-width:900px){.menu-toggle{display:inline-flex;margin-left:auto}.site-header .brand-main{display:block}.site-header .main-nav{display:none;position:absolute;top:80px;left:0;right:0;max-height:calc(100dvh - 80px);overflow:auto;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 20px;margin:0;box-shadow:0 16px 30px #0f172a0d;align-items:stretch;flex-direction:column;gap:6px}.site-header .main-nav.is-open{display:flex}.site-header .mega-menu{position:static;width:100%;max-width:none;padding:6px 0;transform:none}.site-header .mega-panel{box-shadow:none;padding:8px;background:#fafaff}.site-header .mega-grid{grid-template-columns:1fr 1fr}.site-header .nav-link,.site-header .nav-link-btn{padding:10px 8px}.site-header .header-auth-btn{font-size:12px;padding:8px 10px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{max-width:460px;width:100%}}
@media(max-width:600px){.site-header-inner{height:72px;padding:10px 12px;gap:6px}.site-header .main-nav{top:72px;max-height:calc(100dvh - 72px)}.site-header .brand-main{display:none}.site-header .brand-logo{height:30px}.menu-toggle{padding:7px 9px;font-size:12px}.site-header .mega-grid{grid-template-columns:1fr}.design-grid{grid-template-columns:1fr}.wizard-card{padding:14px 12px}.options-grid,.pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{min-width:0}.service-wizard-footer-right{flex-wrap:wrap;justify-content:flex-end}.wizard-footer>div:last-child{flex-wrap:wrap;justify-content:flex-end}.service-plan-options,.service-channel-options,.service-package-options{grid-template-columns:1fr}.summary-row{font-size:12px}.container{padding:0 14px}.service-step-body{padding:10px}.section-title{font-size:24px}.hero-title{font-size:29px;line-height:1.12}.site-footer .footer-inner{align-items:flex-start}.extra-controls>div{width:100%}.payment-tabs{gap:4px}.payment-tab{flex-basis:45%}.service-wizard-wrap{margin-top:0}.field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.coin{display:none}}
@media(max-width:380px){.site-header-inner{padding-inline:10px;gap:4px}.site-header .brand-logo{height:20px}.site-header .header-auth-btn{padding:8px;font-size:11px}.menu-toggle{padding:7px 8px;font-size:11px}}
html{scroll-padding-top:100px}.panel-wrap section,.step,.service-step{scroll-margin-top:100px}