/* TakipTurk Packages Page - extends takipturk-home.css */
.max-w-7xl{max-width:80rem}
.space-x-2>*+*{margin-left:.5rem}
.-space-x-3>:not([hidden])~:not([hidden]){margin-left:-.75rem}
.from-blue-600\/10{--tw-gradient-from:rgba(37,99,235,.1)}
.to-cyan-500\/10{--tw-gradient-to:rgba(6,182,212,.1)}
.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(37,99,235,0))}
.via-cyan-500{--tw-gradient-to:rgba(6,182,212,0);--tw-gradient-stops:var(--tw-gradient-from),#06b6d4,var(--tw-gradient-to,rgba(6,182,212,0))}
.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(6,182,212,0))}
.via-blue-500{--tw-gradient-to:rgba(59,130,246,0);--tw-gradient-stops:var(--tw-gradient-from),#3b82f6,var(--tw-gradient-to,rgba(59,130,246,0))}
.to-cyan-600{--tw-gradient-to:#0891b2}
.from-pink-50{--tw-gradient-from:#fdf2f8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,242,248,0))}
.to-rose-50{--tw-gradient-to:#fff1f2}
.from-pink-500{--tw-gradient-from:#ec4899}
.to-rose-500{--tw-gradient-to:#f43f5e}
.from-emerald-500{--tw-gradient-from:#10b981}
.to-teal-500{--tw-gradient-to:#14b8a6}
.bg-green-100{background-color:#dcfce7}
.bg-green-500{background-color:#22c55e}
.bg-amber-50{background-color:#fffbeb}
.bg-amber-100{background-color:#fef3c7}
.bg-amber-500{background-color:#f59e0b}
.bg-rose-50{background-color:#fff1f2}
.bg-pink-50{background-color:#fdf2f8}
.bg-pink-100{background-color:#fce7f3}
.bg-pink-500{background-color:#ec4899}
.bg-blue-100{background-color:#dbeafe}
.bg-blue-500{background-color:#3b82f6}
.bg-cyan-500{background-color:#06b6d4}
.bg-fuchsia-500{background-color:#d946ef}
.bg-orange-500{background-color:#f97316}
.bg-sky-500{background-color:#0ea5e9}
.bg-teal-500{background-color:#14b8a6}
.text-green-600{color:#16a34a}
.text-amber-500{color:#f59e0b}
.text-amber-600{color:#d97706}
.text-rose-500{color:#f43f5e}
.text-pink-600{color:#db2777}
.text-pink-700{color:#be185d}
.text-yellow-400{color:#facc15}
.text-slate-800{color:#1e293b}
.text-slate-950{color:#020617}
.line-through{text-decoration:line-through}
.text-\[8px\]{font-size:8px}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.border-2{border-width:2px}
.border-pink-100{border-color:#fce7f3}
.border-pink-500{border-color:#ec4899}
.border-slate-100{border-color:#f1f5f9}
.border-b{border-bottom-width:1px}
.border-blue-200\/50{border-color:rgba(191,219,254,.5)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.max-h-\[4000px\]{max-height:4000px}
.max-h-0{max-height:0}
.pt-0{padding-top:0}
.pt-8{padding-top:2rem}
.pt-9{padding-top:2.25rem}
.pt-12{padding-top:3rem}
.pb-3{padding-bottom:.75rem}
.pb-5{padding-bottom:1.25rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.-bottom-1{bottom:-.25rem}
.-right-1{right:-.25rem}
.-bottom-px{bottom:-1px}
.h-0\.5{height:.125rem}
.w-2\.5{width:.625rem}
.w-11{width:2.75rem}
.h-11{height:2.75rem}
.fill-yellow-400{fill:#facc15}
.tabular-nums{font-variant-numeric:tabular-nums}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.tracking-\[0\.08em\]{letter-spacing:.08em}
.tracking-wide{letter-spacing:.025em}
.text-ellipsis{text-overflow:ellipsis}
.overflow-hidden{overflow:hidden}
.scale-\[1\.02\]{transform:scale(1.02)}
.rotate-180{transform:rotate(180deg)}
.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}
.group:hover .group-hover\:translate-x-\[100\%\]{transform:translateX(100%)}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.group:hover .group-hover\:z-10{z-index:10}
.translate-x-\[-100\%\]{transform:translateX(-100%)}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color)}
.ring-emerald-500\/30{--tw-ring-color:rgba(16,185,129,.3)}
.ring-blue-500\/30{--tw-ring-color:rgba(59,130,246,.3)}
.ring-pink-500\/30{--tw-ring-color:rgba(236,72,153,.3)}
.ring-amber-500\/30{--tw-ring-color:rgba(245,158,11,.3)}
.ring-cyan-500\/30{--tw-ring-color:rgba(6,182,212,.3)}
.ring-rose-500\/30{--tw-ring-color:rgba(244,63,94,.3)}
.ring-teal-500\/30{--tw-ring-color:rgba(20,184,166,.3)}
.ring-orange-500\/30{--tw-ring-color:rgba(249,115,22,.3)}
.ring-fuchsia-500\/30{--tw-ring-color:rgba(217,70,239,.3)}
.ring-sky-500\/30{--tw-ring-color:rgba(14,165,233,.3)}
.shadow-cyan-500\/25{--tw-shadow-color:rgba(6,182,212,.25)}
.shadow-cyan-500\/35{--tw-shadow-color:rgba(6,182,212,.35)}
.duration-500{transition-duration:500ms}
.duration-700{transition-duration:700ms}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.mt-6{margin-top:1.5rem}
.mt-10{margin-top:2.5rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-16{margin-bottom:4rem}
.gap-0\.5{gap:.125rem}
.gap-1\.5{gap:.375rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.shrink-0{flex-shrink:0}
.flex-nowrap{flex-wrap:nowrap}
.cursor-pointer{cursor:pointer}
.bg-\[length\:200\%_auto\]{background-size:200% auto}
.text-pink-600\/90{color:rgba(219,39,119,.9)}
.border-t{border-top-width:1px}
.border-slate-100{border-color:#f1f5f9}
.pt-6{padding-top:1.5rem}
.mt-4{margin-top:1rem}
.mt-12{margin-top:3rem}
.mb-10{margin-bottom:2.5rem}
.mb-14{margin-bottom:3.5rem}
.md\:mt-14{margin-top:3.5rem}
.md\:mb-14{margin-bottom:3.5rem}
.opacity-30{opacity:.3}
.opacity-50{opacity:.5}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.z-10{z-index:10}
.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}
.animate-gradient{animation:gradient-shift 3s ease infinite}
.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}
@keyframes bounce-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.username-step{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.username-box{max-width:28rem;width:100%;background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:1px solid #e2e8f0}
.username-box input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem}
.username-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.username-input-row{position:relative;margin:1rem 0 .75rem}
.username-input-row input{width:100%;padding:.875rem 5.5rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem}
.username-search-btn{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);height:2.25rem;padding:0 1rem;border:none;border-radius:.625rem;background:#2563eb;color:#fff;font-size:.8125rem;font-weight:700;cursor:pointer}
.username-search-btn:disabled{background:#cbd5e1;cursor:not-allowed}
.username-box button[type="submit"]{width:100%;padding:.875rem;background:#2563eb;color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer}
.username-box button[type="submit"]:disabled{background:#cbd5e1;cursor:not-allowed}
.username-box button:hover{background:#1d4ed8}
.premium-badge-text{color:#2563eb}
/* Güven kartı + creator avatarları */
.trust-card{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.trust-card-account{text-align:center;margin-bottom:1rem}
.trust-card-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}
.trust-card-user{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.trust-card-user strong{font-size:1rem;color:#0f172a}
.trust-card-change{font-size:12px;color:#2563eb;text-decoration:none;font-weight:600}
.trust-card-change:hover{text-decoration:underline}
.creator-stack{display:flex;align-items:center;justify-content:center;padding:.25rem 0;margin-bottom:.375rem}
.creator-avatar{position:relative;width:42px;height:42px;border-radius:50%;border:2px solid #fff;flex-shrink:0;margin-left:-12px;box-shadow:0 2px 8px rgba(15,23,42,.12);overflow:visible}
.creator-avatar:first-child{margin-left:0}
.creator-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.creator-avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#fff}
.creator-avatar-icon svg{width:20px;height:20px}
.creator-avatar--g1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.creator-avatar--g2{background:linear-gradient(135deg,#10b981,#14b8a6)}
.creator-avatar--g3{background:linear-gradient(135deg,#f59e0b,#f97316)}
.creator-avatar--g4{background:linear-gradient(135deg,#ec4899,#f43f5e)}
.creator-avatar--g5{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.creator-avatar--g6{background:linear-gradient(135deg,#64748b,#334155)}
.creator-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff}
.creator-avatar-badge svg{width:8px;height:8px}
.creator-stack-caption{text-align:center;font-size:11px;color:#94a3b8;margin:0 0 1rem}
.trust-card-rating{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding-top:1rem;border-top:1px solid #f1f5f9}
.trust-card-google{display:flex;align-items:center;gap:.375rem;font-size:1.125rem;font-weight:800;color:#1e293b}
.trust-card-stars{display:flex;align-items:center;gap:2px;color:#facc15}
.trust-card-stars svg{width:16px;height:16px}
.trust-card-quality{font-size:12px;font-weight:600;color:#475569;text-align:center}
@media(min-width:640px){
  .trust-card{padding:1.5rem 2rem}
  .creator-avatar{width:46px;height:46px;margin-left:-14px}
  .trust-card-rating{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}
}
.platform-panel.collapsed .panel-body{max-height:0;padding-top:0;padding-bottom:0}
.platform-panel .panel-body{max-height:4000px;transition:max-height .3s ease,padding .3s ease}
.platform-panel .panel-chevron{transition:transform .3s ease}
.platform-panel.collapsed .panel-chevron{transform:rotate(0)}
.platform-panel:not(.collapsed) .panel-chevron{transform:rotate(180deg)}
.tab-panel{display:none}
.tab-panel.active{display:block}
.servis-tab.active{color:#0f172a}
.servis-tab.active .tab-line{background:#0f172a;opacity:1}
.servis-tab .tab-line{background:transparent;opacity:0}
.package-btn-shine{position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:translateX(-100%);transition:transform .7s}
.package-card:hover .package-btn-shine{transform:translateX(100%)}
/* Paket kartı — banner üstte sabit, sayılar kesilmez */
.package-card{display:flex;flex-direction:column;height:100%;border-radius:1rem;border:2px solid #e2e8f0;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s}
.package-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.1)}
.package-card--featured{border-color:#ec4899;background:linear-gradient(to bottom,#fdf2f8,#fff);box-shadow:0 10px 30px rgba(236,72,153,.15)}
.package-card-banner{display:flex;align-items:center;justify-content:center;gap:.375rem;flex-wrap:wrap;padding:.5rem .625rem;color:#fff;font-size:10px;font-weight:700;line-height:1.2;text-align:center;flex-shrink:0}
.package-card-banner-text{white-space:nowrap}
.package-card-countdown{display:inline-flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.2);border-radius:9999px;padding:.125rem .5rem;font-family:ui-monospace,monospace;font-size:9px;font-variant-numeric:tabular-nums}
.package-card-body{display:flex;flex-direction:column;flex:1;padding:.75rem .625rem .875rem;min-height:0}
.package-card-discount{align-self:flex-end;background:#22c55e;color:#fff;font-size:9px;font-weight:700;padding:.125rem .5rem;border-radius:9999px;margin-bottom:.375rem;line-height:1.3}
.package-card-qty-wrap{text-align:center;margin-bottom:.5rem}
.package-card-qty{font-size:1.75rem;font-weight:900;color:#0f172a;line-height:1.1;letter-spacing:-.02em}
.package-card--featured .package-card-qty{color:#db2777}
.package-card-label{font-size:10px;font-weight:600;color:#64748b;margin-top:.25rem;line-height:1.3;letter-spacing:.04em;word-break:break-word}
.package-card--featured .package-card-label{color:rgba(219,39,119,.85)}
.package-card-price-wrap{text-align:center;margin-bottom:.625rem}
.package-card-old-price{font-size:11px;color:#94a3b8;text-decoration:line-through;line-height:1.2}
.package-card-price{font-size:1.125rem;font-weight:800;color:#0f172a;line-height:1.2}
.package-card--featured .package-card-price{color:#db2777}
.package-card-features{list-style:none;margin:0 0 .75rem;padding:.5rem 0 0;border-top:1px solid #f1f5f9;flex:1}
.package-card-features li{display:flex;align-items:center;gap:.375rem;font-size:10px;font-weight:500;color:#475569;margin-bottom:.375rem;line-height:1.3}
.package-card-features li:last-child{margin-bottom:0}
.package-card-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff}
.package-card--featured .package-card-check{background:linear-gradient(135deg,#ec4899,#f43f5e)}
.package-card-check svg{width:8px;height:8px}
.package-card-btn{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border:none;border-radius:.5rem;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
.package-card-btn:hover{transform:scale(1.02)}
.package-card-btn:active{transform:scale(.98)}
@media(min-width:640px){
  .package-card{border-radius:1rem}
  .package-card-banner{font-size:11px;padding:.5rem .75rem}
  .package-card-countdown{font-size:10px}
  .package-card-body{padding:.875rem .75rem 1rem}
  .package-card-qty{font-size:2rem}
  .package-card-label{font-size:11px}
  .package-card-price{font-size:1.25rem}
  .package-card-features li{font-size:11px}
  .package-card-btn{font-size:13px;padding:.75rem 1rem}
}
@media(min-width:640px){
  .sm\:pt-8{padding-top:2rem}
  .sm\:pt-9{padding-top:2.25rem}
  .sm\:pt-12{padding-top:3rem}
  .sm\:mb-8{margin-bottom:2rem}
  .sm\:mb-5{margin-bottom:1.25rem}
  .sm\:mb-16{margin-bottom:4rem}
  .sm\:mt-8{margin-top:2rem}
  .sm\:mt-12{margin-top:3rem}
  .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
  .sm\:px-8{padding-left:2rem;padding-right:2rem}
  .sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}
  .sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
  .sm\:p-2\.5{padding:.625rem}
  .sm\:pb-5{padding-bottom:1.25rem}
  .sm\:gap-4{gap:1rem}
  .sm\:gap-6{gap:1.5rem}
  .sm\:gap-2{gap:.5rem}
  .sm\:text-2xl{font-size:1.5rem;line-height:2rem}
  .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .sm\:text-xs{font-size:.75rem;line-height:1rem}
  .sm\:text-sm{font-size:.875rem;line-height:1.25rem}
  .sm\:text-\[10px\]{font-size:10px}
  .sm\:text-\[11px\]{font-size:11px}
  .sm\:w-3\.5{width:.875rem}
  .sm\:h-3\.5{height:.875rem}
  .sm\:w-4{width:1rem}
  .sm\:h-4{height:1rem}
  .sm\:w-6{width:1.5rem}
  .sm\:h-6{height:1.5rem}
  .sm\:px-4{padding-left:1rem;padding-right:1rem}
  .sm\:px-2{padding-left:.5rem;padding-right:.5rem}
  .sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
  .sm\:flex-row{flex-direction:row}
  .sm\:font-semibold{font-weight:600}
  .sm\:flex{display:flex}
  .sm\:hidden{display:none}
}
@media(min-width:768px){
  .md\:mt-10{margin-top:2.5rem}
  .md\:mt-14{margin-top:3.5rem}
  .md\:mb-10{margin-bottom:2.5rem}
  .md\:mb-14{margin-bottom:3.5rem}
}
@media(min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Ödeme modalı */
.checkout-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-end;justify-content:center;padding:0;background:transparent}
.checkout-modal.active{display:flex;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.checkout-modal-wrap{position:relative;z-index:2;width:100%;max-width:28rem;max-height:92vh;overflow-y:auto;pointer-events:auto;isolation:isolate;animation:checkout-slide-up .3s ease}
.checkout-modal-panel{position:relative;z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;padding-bottom:env(safe-area-inset-bottom);pointer-events:auto}
@media(min-width:640px){
  .checkout-modal{align-items:center;padding:1rem}
  .checkout-modal-panel{border-radius:1.5rem}
  .checkout-modal-wrap{animation:checkout-fade-in .25s ease}
}
@keyframes checkout-slide-up{from{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}
@keyframes checkout-fade-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
.checkout-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:2rem;height:2rem;border:none;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}
.checkout-modal-close:hover{background:#e2e8f0;color:#334155}
.checkout-modal-close svg{width:1rem;height:1rem}
.checkout-modal-head{padding:1rem 1.25rem .75rem}
.checkout-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.checkout-avatar{width:3rem;height:3rem;border-radius:50%;border:2px solid #e2e8f0;object-fit:cover;flex-shrink:0}
@media(min-width:640px){.checkout-avatar{width:3.5rem;height:3.5rem}}
.checkout-profile-text{min-width:0;flex:1}
.checkout-profile-text h3{font-size:.9375rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkout-handle{font-size:.75rem;color:#64748b}
.checkout-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}
.checkout-stat{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.625rem;text-align:center}
.checkout-stat--boost{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-color:#6ee7b7;box-shadow:0 0 24px -8px rgba(16,185,129,.35)}
.checkout-boost-badge{position:absolute;top:.25rem;right:.25rem;font-size:8px;font-weight:800;color:#047857;background:#d1fae5;border:1px solid #6ee7b7;border-radius:9999px;padding:.125rem .375rem}
.checkout-stat-icon{width:1rem;height:1rem;margin:0 auto .125rem;color:#10b981}
.checkout-stat-value{font-size:1.125rem;font-weight:800;color:#047857;line-height:1.1}
.checkout-stat--boost .checkout-stat-value{color:#047857}
.checkout-stat:not(.checkout-stat--boost) .checkout-stat-value{color:#0f172a}
.checkout-stat-label{font-size:9px;color:#64748b;line-height:1.2}
.checkout-stat-old{color:#94a3b8;text-decoration:line-through;margin-right:.125rem}
.checkout-success{display:flex;align-items:center;gap:.5rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.75rem;padding:.625rem .75rem;font-size:11px;font-weight:700;color:#047857}
.checkout-success svg{width:1rem;height:1rem;flex-shrink:0;color:#059669}
.checkout-modal-body{padding:0 1rem 1rem;position:relative;z-index:20;overflow:visible}
.checkout-product-name{font-size:11px;color:#64748b;text-align:center;margin:0 0 .75rem;line-height:1.3}
.checkout-pay-card{margin-bottom:.625rem;position:relative;z-index:20}
.checkout-pay-btn{width:100%;display:flex;align-items:center;gap:.625rem;border:none;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s;position:relative;z-index:30;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto!important;appearance:none;-webkit-appearance:none;font:inherit}
.checkout-pay-btn:active{transform:scale(.98)}
.checkout-pay-btn--outline{background:#fff;border:2px solid #34d399;border-radius:.75rem;padding:.75rem .625rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.checkout-pay-icon{width:2.25rem;height:2.25rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}
.checkout-pay-icon svg{width:1rem;height:1rem;color:#fff}
.checkout-pay-icon--teal{background:linear-gradient(135deg,#14b8a6,#10b981)}
.checkout-pay-icon--glass{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.25)}
.checkout-pay-info{flex:1;min-width:0;pointer-events:none}
.checkout-pay-info--light{color:#fff}
.checkout-pay-title{display:block;font-size:12px;font-weight:700;color:#1e293b;line-height:1.2}
.checkout-pay-info--light .checkout-pay-title{color:#fff}
.checkout-pay-sub{display:block;font-size:9px;color:#94a3b8;margin-top:.125rem}
.checkout-pay-info--light .checkout-pay-sub{color:rgba(255,255,255,.8);font-size:10px}
.checkout-pay-tag{display:inline-flex;align-items:center;gap:.125rem;margin-top:.25rem;padding:.125rem .375rem;border-radius:.25rem;background:rgba(255,255,255,.15);font-size:8px;font-weight:700;text-transform:uppercase;color:#fff}
.checkout-pay-promo{display:block;font-size:11px;font-weight:700;color:#fff;margin-top:.25rem}
.checkout-pay-amount{text-align:right;flex-shrink:0;pointer-events:none}
.checkout-pay-amount-label{display:block;font-size:7px;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}
.checkout-pay-amount--light .checkout-pay-amount-label{color:#a7f3d0}
.checkout-pay-amount-value{font-size:.875rem;font-weight:700;color:#1e293b;line-height:1}
.checkout-pay-amount-value small{font-size:10px}
.checkout-pay-amount-value--lg{font-size:1.25rem;font-weight:800}
.checkout-pay-amount--light .checkout-pay-amount-value{color:#fff}
.checkout-pay-amount-old{display:block;font-size:10px;color:#a7f3d0;text-decoration:line-through;margin-top:.125rem}
.checkout-pay-arrow{width:.875rem;height:.875rem;color:#94a3b8;flex-shrink:0;opacity:.5;pointer-events:none}
.checkout-pay-arrow--light{color:#fff;opacity:.7}
.checkout-havale-wrap{position:relative;margin-top:1.5rem;padding-top:.625rem;z-index:20;overflow:visible}
.checkout-havale-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:50;white-space:nowrap;font-size:8px;font-weight:800;color:#fff;background:linear-gradient(90deg,#fbbf24,#f97316);padding:.2rem .75rem;border-radius:9999px;box-shadow:0 4px 12px rgba(249,115,22,.35);pointer-events:none;border:2px solid #fff}
.checkout-havale-wrap .checkout-pay-btn--havale{position:relative;z-index:1}
.checkout-pay-btn--havale{background:linear-gradient(90deg,#10b981,#14b8a6,#34d399);border-radius:1rem;padding:.875rem .75rem;color:#fff;box-shadow:0 12px 28px rgba(16,185,129,.3)}
.checkout-change-btn{width:100%;margin-top:.5rem;padding:.5rem;border:none;background:none;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer}
.checkout-change-btn:hover{color:#475569}
.checkout-swal-form{text-align:left}
.checkout-swal-product{font-size:13px;color:#475569;margin:0 0 12px}
.checkout-swal-field{margin-bottom:10px}
.checkout-swal-field label{display:block;font-size:12px;font-weight:600;color:#334155;margin-bottom:4px}
.checkout-swal-field input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}
.checkout-swal-field input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.checkout-swal-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fff}
.checkout-swal-banks{text-align:left;margin-top:4px}
.checkout-swal-bank-item{font-size:12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;margin-bottom:8px;line-height:1.5}
.checkout-swal-bank-item strong{display:block;color:#0f172a;margin-bottom:4px}
.checkout-swal-hint{font-size:11px;color:#64748b;margin:10px 0 0;text-align:center}
.checkout-swal-readonly{background:#f1f5f9;color:#475569}
.checkout-swal-form--bildirim .checkout-swal-field input[type=date]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}
.swal2-container{z-index:100500!important}
/* Ödeme önizleme modalı */
.payment-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:1rem;background:transparent}
.payment-modal.active{display:flex;background:rgba(15,23,42,.6);backdrop-filter:blur(4px)}
.payment-modal-wrap{position:relative;width:100%;max-width:min(520px,100%);max-height:92vh;pointer-events:auto}
.payment-modal-panel{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column;max-height:92vh}
.payment-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}
.payment-modal-toolbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}
.payment-modal-toolbar-left strong{font-size:.875rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-modal-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#047857;background:#d1fae5;border:1px solid #6ee7b7;border-radius:9999px;padding:.125rem .5rem;flex-shrink:0}
.payment-modal-close{width:2rem;height:2rem;border:none;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.payment-modal-close:hover{background:#cbd5e1;color:#334155}
.payment-modal-close svg{width:1rem;height:1rem}
.payment-modal-frame{width:100%;height:min(72vh,640px);min-height:420px;border:none;display:block;background:#fff;flex:1}
.payment-modal-loader{position:absolute;inset:3rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:#64748b;font-size:.8125rem;z-index:2}
.payment-modal-loader[hidden]{display:none}
.payment-modal-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:platform-spin .7s linear infinite}
.text-pink-500{color:#ec4899}