.kadirzadeanimasyon2{
  --kz2-main:#1f2312;
  --kz2-main-2:#303622;
  --kz2-soft:#596347;
  --kz2-accent:#b9c28d;
  --kz2-accent-2:#e8ecd7;
  --kz2-cream:#f7f8f2;
  --kz2-line:#dfe6d1;
  --kz2-text:#5e6651;
  position:relative;
  width:100%;
  overflow:hidden;
  background:#fff;
  color:var(--kz2-main);
  font-family:Inter,Arial,sans-serif;
  isolation:isolate;
}
.kadirzadeanimasyon2 *{box-sizing:border-box}
.kadirzadeanimasyon2 .kz2-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:.16;
  pointer-events:none;
}
.kadirzadeanimasyon2 .kz2-glow-a{width:420px;height:420px;background:#c8d4a2;top:-120px;left:-90px;animation:kz2FloatBlob 10s ease-in-out infinite alternate}
.kadirzadeanimasyon2 .kz2-glow-b{width:360px;height:360px;background:#d5dcc0;right:-80px;bottom:-100px;animation:kz2FloatBlob2 12s ease-in-out infinite alternate}
.kadirzadeanimasyon2 .kz2-shell{width:min(1320px,92%);margin:auto;padding:88px 0 92px;position:relative;z-index:2}
.kadirzadeanimasyon2 .kz2-header{max-width:760px;margin:0 auto 42px;text-align:center}
.kadirzadeanimasyon2 .kz2-brandline{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--kz2-cream);border:1px solid var(--kz2-line);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--kz2-soft)}
.kadirzadeanimasyon2 .kz2-dot{width:8px;height:8px;border-radius:50%;background:var(--kz2-main);box-shadow:0 0 0 6px rgba(31,35,18,.08)}
.kadirzadeanimasyon2 .kz2-header h2{margin:18px 0 12px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.045em;font-weight:700}
.kadirzadeanimasyon2 .kz2-header p{margin:0 auto;max-width:660px;font-size:16px;line-height:1.75;color:var(--kz2-text)}

.kadirzadeanimasyon2 .kz2-main{display:grid;grid-template-columns:1.22fr .88fr;gap:28px;align-items:start}
.kadirzadeanimasyon2 .kz2-panel,
.kadirzadeanimasyon2 .kz2-result{background:#fff;border:1px solid var(--kz2-line);border-radius:28px;box-shadow:0 24px 60px rgba(31,35,18,.08)}
.kadirzadeanimasyon2 .kz2-panel{padding:28px}
.kadirzadeanimasyon2 .kz2-result{padding:26px;position:sticky;top:30px}

.kadirzadeanimasyon2 .kz2-progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kadirzadeanimasyon2 .kz2-progress-top span{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--kz2-soft)}
.kadirzadeanimasyon2 .kz2-progress-top strong{font-size:13px;font-weight:800;color:var(--kz2-main)}
.kadirzadeanimasyon2 .kz2-progress-bar{height:10px;background:#edf1e3;border-radius:999px;overflow:hidden;margin-bottom:26px}
.kadirzadeanimasyon2 .kz2-progress-bar span{display:block;height:100%;width:33.33%;background:linear-gradient(90deg,var(--kz2-main),#4d5834);border-radius:999px;transition:width .35s ease}

.kadirzadeanimasyon2 .kz2-step{display:none}
.kadirzadeanimasyon2 .kz2-step.is-active{display:block;animation:kz2Fade .35s ease}
.kadirzadeanimasyon2 .kz2-step-head small{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--kz2-soft)}
.kadirzadeanimasyon2 .kz2-step-head h3{margin:0 0 18px;font-size:28px;letter-spacing:-.03em}

.kadirzadeanimasyon2 .kz2-options{display:grid;gap:14px}
.kadirzadeanimasyon2 .kz2-grid-5{grid-template-columns:repeat(5,1fr)}
.kadirzadeanimasyon2 .kz2-option{
  position:relative;
  min-height:170px;
  border:1px solid var(--kz2-line);
  border-radius:22px;
  background:linear-gradient(180deg,#fff, #fafbf6);
  padding:18px;
  text-align:left;
  cursor:pointer;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
.kadirzadeanimasyon2 .kz2-option:hover{transform:translateY(-4px);border-color:#cdd6b4;box-shadow:0 16px 32px rgba(31,35,18,.08)}
.kadirzadeanimasyon2 .kz2-option.is-selected{background:linear-gradient(180deg,#1f2312,#2e3520);border-color:#1f2312;color:#fff;box-shadow:0 18px 36px rgba(31,35,18,.16)}
.kadirzadeanimasyon2 .kz2-option.is-selected em{color:rgba(255,255,255,.76)}
.kadirzadeanimasyon2 .kz2-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--kz2-cream);color:var(--kz2-main);font-size:16px;font-weight:800;margin-bottom:18px}
.kadirzadeanimasyon2 .kz2-option.is-selected .kz2-option-icon{background:rgba(255,255,255,.14);color:#fff}
.kadirzadeanimasyon2 .kz2-option strong{display:block;font-size:16px;line-height:1.3;margin-bottom:10px}
.kadirzadeanimasyon2 .kz2-option em{display:block;font-style:normal;font-size:13px;line-height:1.6;color:var(--kz2-text)}

.kadirzadeanimasyon2 .kz2-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.kadirzadeanimasyon2 .kz2-btn{appearance:none;border:none;border-radius:16px;padding:15px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .24s ease, opacity .24s ease, background .24s ease, color .24s ease}
.kadirzadeanimasyon2 .kz2-btn:disabled{opacity:.48;cursor:not-allowed}
.kadirzadeanimasyon2 .kz2-btn:not(:disabled):hover{transform:translateY(-2px)}
.kadirzadeanimasyon2 .kz2-btn-ghost{background:#f6f8ef;color:var(--kz2-main);border:1px solid var(--kz2-line)}
.kadirzadeanimasyon2 .kz2-btn-solid{background:var(--kz2-main);color:#fff}

.kadirzadeanimasyon2 .kz2-result-top small{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--kz2-soft)}
.kadirzadeanimasyon2 .kz2-result-top h3{margin:0 0 10px;font-size:26px;letter-spacing:-.03em}
.kadirzadeanimasyon2 .kz2-result-top p{margin:0;color:var(--kz2-text);line-height:1.65;font-size:15px}
.kadirzadeanimasyon2 .kz2-selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.kadirzadeanimasyon2 .kz2-tag{padding:8px 12px;border-radius:999px;background:var(--kz2-cream);border:1px solid var(--kz2-line);font-size:12px;font-weight:700;color:var(--kz2-main)}
.kadirzadeanimasyon2 .kz2-cards{display:grid;gap:12px}
.kadirzadeanimasyon2 .kz2-product,
.kadirzadeanimasyon2 .kz2-placeholder{border:1px solid var(--kz2-line);border-radius:20px;padding:16px 18px;background:#fbfcf8}
.kadirzadeanimasyon2 .kz2-product{display:flex;gap:14px;align-items:flex-start;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.kadirzadeanimasyon2 .kz2-product:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(31,35,18,.07);border-color:#cdd6b4}
.kadirzadeanimasyon2 .kz2-product-index,
.kadirzadeanimasyon2 .kz2-placeholder span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--kz2-main);color:#fff;font-size:13px;font-weight:800}
.kadirzadeanimasyon2 .kz2-product-body{flex:1;min-width:0}
.kadirzadeanimasyon2 .kz2-product-body strong{display:block;font-size:16px;line-height:1.35;margin-bottom:5px}
.kadirzadeanimasyon2 .kz2-product-body p{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--kz2-text)}
.kadirzadeanimasyon2 .kz2-badges{display:flex;flex-wrap:wrap;gap:6px}
.kadirzadeanimasyon2 .kz2-badges span{padding:6px 10px;border-radius:999px;background:#eef2e2;color:var(--kz2-main);font-size:11px;font-weight:700}
.kadirzadeanimasyon2 .kz2-placeholder strong{display:block;margin-top:12px;margin-bottom:6px;font-size:18px}
.kadirzadeanimasyon2 .kz2-placeholder p{margin:0;color:var(--kz2-text);font-size:14px;line-height:1.6}

.kadirzadeanimasyon2 .kz2-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1)}
.kadirzadeanimasyon2 .kz2-reveal.is-visible{opacity:1;transform:translateY(0)}

@keyframes kz2FloatBlob{to{transform:translate(40px,40px) scale(1.08)}}
@keyframes kz2FloatBlob2{to{transform:translate(-30px,-30px) scale(1.12)}}
@keyframes kz2Fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1180px){
  .kadirzadeanimasyon2 .kz2-main{grid-template-columns:1fr}
  .kadirzadeanimasyon2 .kz2-result{position:relative;top:auto}
  .kadirzadeanimasyon2 .kz2-grid-5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .kadirzadeanimasyon2 .kz2-shell{width:min(94%,1320px);padding:64px 0}
  .kadirzadeanimasyon2 .kz2-panel,
  .kadirzadeanimasyon2 .kz2-result{padding:20px;border-radius:22px}
  .kadirzadeanimasyon2 .kz2-step-head h3{font-size:22px}
  .kadirzadeanimasyon2 .kz2-grid-5{grid-template-columns:1fr 1fr}
  .kadirzadeanimasyon2 .kz2-option{min-height:unset}
}
@media (max-width:520px){
  .kadirzadeanimasyon2 .kz2-grid-5{grid-template-columns:1fr}
  .kadirzadeanimasyon2 .kz2-actions{flex-direction:column}
  .kadirzadeanimasyon2 .kz2-btn{width:100%}
}

.kadirzadeanimasyon2 .kz2-cards{min-height:320px}
.kadirzadeanimasyon2 .kz2-locked-state{display:grid;place-items:center;text-align:center;min-height:320px;border:1px dashed var(--kz2-line);border-radius:22px;background:linear-gradient(180deg,#ffffff,#fafbf6);padding:28px}
.kadirzadeanimasyon2 .kz2-locked-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:var(--kz2-cream);border:1px solid var(--kz2-line);font-size:24px;font-weight:800;color:var(--kz2-main);margin-bottom:16px;box-shadow:0 12px 24px rgba(31,35,18,.05)}
.kadirzadeanimasyon2 .kz2-locked-state strong{font-size:20px;line-height:1.3;margin-bottom:8px}
.kadirzadeanimasyon2 .kz2-locked-state p{max-width:320px;margin:0;color:var(--kz2-text);font-size:14px;line-height:1.65}
.kadirzadeanimasyon2 .kz2-product.is-featured{background:linear-gradient(135deg,#1f2312 0%, #303622 100%);border-color:#1f2312;box-shadow:0 20px 42px rgba(31,35,18,.18)}
.kadirzadeanimasyon2 .kz2-product.is-featured .kz2-product-body strong,
.kadirzadeanimasyon2 .kz2-product.is-featured .kz2-product-body p{color:#fff}
.kadirzadeanimasyon2 .kz2-product.is-featured .kz2-product-index{background:#fff;color:var(--kz2-main)}
.kadirzadeanimasyon2 .kz2-product.is-featured .kz2-badges span{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
.kadirzadeanimasyon2 .kz2-feature-label{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;text-transform:uppercase;margin-bottom:10px}
.kadirzadeanimasyon2 .kz2-feature-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#dce7b1;box-shadow:0 0 0 5px rgba(220,231,177,.16)}