/* PROMARKETOR 1.0.0 · dijital kampanya kartı */
.pmk,.pmk-inline{--pk-ink2:#0F172A;--pk-gray:#5B6472;--pk-line:#E6E9F2;--pk-r:18px;font-family:var(--font,"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif)}
.pmk *,.pmk-inline *{box-sizing:border-box}
html.pmk-lock{overflow:hidden}

/* ---------- KART ---------- */
.pmk-dim{position:fixed;inset:0;z-index:2147482980;background:rgba(6,8,30,.55);backdrop-filter:blur(2px);opacity:0;transition:opacity .35s;cursor:pointer}
.pmk.is-on .pmk-dim{opacity:1}
.pmk-card{position:fixed;left:50%;top:50%;z-index:2147482990;width:440px;max-width:calc(100vw - 32px);transform:translate(-50%,-42%) scale(.9);opacity:0;transition:transform .55s cubic-bezier(.2,1.25,.35,1),opacity .35s}
.pmk.is-on .pmk-card{transform:translate(-50%,-50%) scale(1);opacity:1}
.pmk-card .pmk-cbody{padding:24px 26px 22px}
.pmk-card .pmk-spot{font-size:26px}
.pmk-card .pmk-sub{font-size:14px}
.pmk-cbody{position:relative;overflow:hidden;display:block;cursor:pointer;color:#fff;background:var(--pk-bg);border-radius:var(--pk-r);padding:16px 18px 16px;box-shadow:0 18px 44px -10px rgba(5,8,40,.55),0 0 0 1px rgba(255,255,255,.12) inset;outline:none;transition:transform .2s}
.pmk-cbody:hover,.pmk-cbody:focus-visible{transform:translateY(-3px)}
.pmk-cbody:focus-visible{box-shadow:0 0 0 3px var(--pk-acc),0 18px 44px -10px rgba(5,8,40,.55)}
.pmk-glow{position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:var(--pk-acc);opacity:.22;filter:blur(40px);pointer-events:none}
.pmk-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.pmk.is-on .pmk-shine{animation:pmk-shine 1.4s .55s ease-out,pmk-shine 1.4s 7s ease-out}
@keyframes pmk-shine{to{transform:translateX(120%)}}
.pmk-bigico{position:absolute;right:-18px;bottom:-22px;color:#fff;opacity:.09;pointer-events:none;line-height:0}
.pmk-ctop{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.pmk-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.14);color:var(--pk-acc);flex:0 0 auto}
.pmk-chip{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--pk-acc)}
.pmk-timer{margin-left:auto;font-size:11px;font-weight:800;background:var(--pk-acc);color:var(--pk-ink);padding:4px 9px;border-radius:99px;white-space:nowrap;animation:pmk-pulse 2.4s ease-in-out infinite}
@keyframes pmk-pulse{50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}}
.pmk-spot{position:relative;font-size:20px;line-height:1.22;font-weight:800;letter-spacing:-.01em;margin:0 26px 6px 0}
.pmk-sub{position:relative;font-size:12.5px;line-height:1.45;color:var(--pk-soft);margin-bottom:10px}
.pmk-quota{position:relative;margin:2px 0 12px}
.pmk-qbar{height:6px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin-bottom:5px}
.pmk-qbar i{display:block;height:100%;border-radius:99px;background:var(--pk-acc)}
.pmk-quota span{font-size:11.5px;color:var(--pk-soft)}
.pmk-quota b{color:#fff}
.pmk-cfoot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pmk-price{font-size:13px;font-weight:800;color:#fff;opacity:.95}
.pmk-cta{background:var(--pk-acc);color:var(--pk-ink);font-weight:800;font-size:13.5px;padding:9px 15px;border-radius:99px;white-space:nowrap}
.pmk-cta b{display:inline-block;transition:transform .2s}
.pmk-cbody:hover .pmk-cta b{transform:translateX(3px)}
.pmk-cx{position:absolute;z-index:3;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:0;background:#fff;color:#0F172A;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.pmk-cx:hover{transform:scale(1.08)}

/* ---------- MODAL ---------- */
.pmk-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(6,8,30,.66);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.pmk-modal[hidden]{display:none}
.pmk-box{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(5,8,40,.5);animation:pmk-in .32s cubic-bezier(.2,1.2,.4,1)}
@keyframes pmk-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.pmk-x{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.pmk-head{position:relative;overflow:hidden;background:var(--pk-bg);color:#fff;padding:26px 24px 22px;border-radius:22px 22px 0 0}
.pmk-head .pmk-bigico{right:-24px;bottom:-34px;opacity:.12}
.pmk-head h3{position:relative;margin:10px 40px 6px 0;font-size:24px;line-height:1.2;font-weight:800;color:#fff;letter-spacing:-.01em}
.pmk-hprice{position:relative;margin:0;font-size:13.5px;color:var(--pk-soft);font-weight:700}
.pmk-step{padding:22px 24px 24px}
.pmk-step[hidden]{display:none}
.pmk-q{margin:0 0 14px;font-size:16.5px;line-height:1.5;font-weight:700;color:var(--pk-ink2)}
.pmk-perks{list-style:none;margin:0 0 18px;padding:14px 16px;background:#F6F8FE;border-radius:14px}
.pmk-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--pk-ink2);padding:5px 0}
.pmk-perks i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--pk-solid);color:#fff;flex:0 0 auto}
.pmk-yn{display:grid;gap:9px}
.pmk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:99px;padding:14px 22px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;background:var(--pk-solid);color:#fff;transition:filter .15s,transform .15s}
.pmk-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.pmk-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.pmk-ghost{background:#F1F3F9;color:var(--pk-ink2)}
.pmk-go{background:var(--pk-bg);margin-top:6px}
.pmk-step h4{margin:0 0 6px;font-size:19px;color:var(--pk-ink2)}
.pmk-lead{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--pk-gray)}
.pmk-fields{display:grid;gap:9px;margin-bottom:12px}
.pmk-fields input,.pmk-fields textarea{width:100%;border:1.5px solid var(--pk-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;color:var(--pk-ink2);background:#fff}
.pmk-fields input:focus,.pmk-fields textarea:focus{outline:2px solid var(--pk-solid);outline-offset:1px;border-color:transparent}
.pmk-hp{position:absolute!important;left:-9999px!important;width:1px!important;opacity:0}
.pmk-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--pk-gray);margin-bottom:10px;cursor:pointer}
.pmk-check input{accent-color:var(--pk-solid);width:16px;height:16px;margin-top:2px;flex:0 0 auto}
.pmk-check a{color:var(--pk-solid)}
.pmk-softchk{color:#7b8199}
.pmk-err{display:none;margin:10px 0 0;color:#b42318;font-size:13px}
.pmk-err.is-on{display:block}
.pmk-coupon{display:flex;align-items:center;gap:10px;margin:14px 0 6px;padding:16px;border:2px dashed var(--pk-solid);border-radius:16px;background:#FAFBFF}
.pmk-code{flex:1;font-size:21px;font-weight:800;letter-spacing:.06em;color:var(--pk-ink2);word-break:break-all}
.pmk-copy{border:0;border-radius:10px;padding:9px 14px;background:var(--pk-ink2);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pmk-valid{margin:0 0 6px;font-size:12.5px;color:var(--pk-gray)}
.pmk-msg{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--pk-gray)}
.pmk-ok{color:var(--pk-solid)!important}
.pmk-actions{display:flex;gap:9px;flex-wrap:wrap}

/* ---------- SAYFA İÇİ FORM ---------- */
.pmk-iform{background:#fff;border-radius:22px;box-shadow:0 20px 60px -20px rgba(5,8,40,.35);overflow:hidden;color:var(--pk-ink2);text-align:left}
.pmk-ihead{display:flex;gap:12px;align-items:center;background:var(--pk-bg);color:#fff;padding:18px 22px}
.pmk-ihead b{display:block;font-size:17px}
.pmk-ihead span{display:block;font-size:13px;color:var(--pk-soft);margin-top:2px}
.pmk-istep{padding:20px 22px 22px}
.pmk-got{margin:16px 22px 0;padding:12px 14px;border-radius:12px;background:#F6F8FE;font-size:14px}

/* ---------- MOBİL ---------- */
@media (max-width:640px){
	.pmk-card{width:calc(100vw - 32px)}
	.pmk-cx{top:8px;right:8px;background:rgba(255,255,255,.9)}
	.pmk-timer{margin-right:30px}
	.pmk-card .pmk-cbody{padding:18px 18px 16px}
	.pmk-card .pmk-spot{font-size:21px;margin-bottom:4px}
	.pmk-quota{margin:4px 0 9px}
	.pmk-ctop{margin-bottom:7px}
	.pmk-ico{width:26px;height:26px}
	.pmk-cta{padding:8px 13px;font-size:13px}
	.pmk-modal{align-items:flex-end;padding:0}
	.pmk-box{max-width:none;border-radius:22px 22px 0 0;max-height:90vh;animation:pmk-up .35s cubic-bezier(.2,1,.4,1)}
	@keyframes pmk-up{from{transform:translateY(40%)}to{transform:none}}
	.pmk-head h3{font-size:21px}
	.pmk-step{padding:18px 18px 22px}
}
@media (prefers-reduced-motion:reduce){.pmk *,.pmk-card{animation:none!important;transition:none!important}}
