[hidden]{display:none!important}

/* —— Taksit ön başvuru (mi.com/tr uyumlu) —— */
.yc-taksit{margin:20px 0;display:grid;gap:10px;max-width:100%;min-width:0}
.yc-taksit-card{
  padding:16px 16px 14px;
  border:1px solid var(--yc-border-soft);
  border-radius:var(--yc-radius-lg,14px);
  background:var(--yc-surface);
}
.yc-taksit-badge{
  display:inline-flex;align-items:center;gap:6px;
  margin:0 0 10px;padding:0;
  border-radius:0;background:transparent;color:var(--yc-muted);
  font-size:11px;font-weight:650;line-height:1;
}
.yc-taksit-badge .micon{font-size:14px}
.yc-taksit-head h3{
  margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35;color:var(--yc-text);
}
.yc-taksit-lead{
  margin:0;font-size:12px;line-height:1.55;color:var(--yc-muted);
}
.yc-taksit-apply{margin-top:14px}
.yc-taksit.has-offer .yc-taksit-head,.yc-taksit.has-offer .yc-taksit-apply{display:none}
.yc-taksit-label{
  display:block;margin:0 0 6px;font-size:12px;font-weight:650;color:var(--yc-text);
}
.yc-taksit-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;max-width:100%}
.yc-taksit-row .yc-field{flex:1;min-width:0;margin:0}
.yc-taksit-row .yc-field input{
  width:100%;height:44px;padding:0 12px 0 34px;
  border:1px solid var(--yc-border);border-radius:6px;background:var(--yc-surface);font-size:13px;
  box-sizing:border-box;
}
.yc-taksit-row .yc-field input:focus{
  outline:none;border-color:var(--yc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--yc-shadow-color) 12.16%,transparent);
}
.yc-taksit-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  margin:0 0 10px;max-width:100%;
}
.yc-taksit-field{min-width:0}
.yc-taksit-field .yc-field{margin:0}
.yc-taksit-field .yc-field input{
  width:100%;height:44px;padding:0 12px 0 34px;
  border:1px solid var(--yc-border);border-radius:6px;background:var(--yc-surface);font-size:13px;
  box-sizing:border-box;
}
.yc-taksit-field .yc-field input:focus{
  outline:none;border-color:var(--yc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--yc-shadow-color) 12.16%,transparent);
}
.yc-taksit-field .yc-field-date input[type=date]{padding-left:12px;padding-right:8px}
.yc-taksit-field .yc-field-date .micon{display:none}
.yc-taksit-submit-block{width:100%;max-width:100%}
.yc-taksit-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:0 0 auto;margin:0;min-height:44px;padding:0 18px;
  border:0;border-radius:6px;background:var(--yc-primary);color:var(--yc-inverse-text);
  font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer;
}
.yc-taksit-submit .micon{font-size:16px}
.yc-taksit-submit:hover{opacity:.92}
.yc-taksit-note{
  display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;
  font-size:11px;line-height:1.45;color:var(--yc-muted);
}
.yc-taksit-note .micon{margin-top:1px;font-size:14px;color:var(--yc-icon-color)}

/* Değerlendirme animasyonu */
.yc-eval{
  display:none;align-items:center;gap:12px;margin-top:14px;padding:12px;
  border:1px solid var(--yc-border-soft);border-radius:6px;background:var(--yc-surface);
}
.yc-eval.on{display:flex}
.yc-eval-visual{position:relative;width:40px;height:40px;flex-shrink:0}
.yc-eval-ring{
  position:absolute;inset:0;border:2px solid var(--yc-primary-border);border-top-color:var(--yc-primary);
  border-radius:99px;animation:ycspin .9s linear infinite;
}
.yc-eval-visual>.micon{
  position:absolute;inset:0;display:grid;place-items:center;font-size:18px;color:var(--yc-icon-color);
}
@keyframes ycspin{to{transform:rotate(360deg)}}
.yc-eval-copy{flex:1;min-width:0}
.yc-eval-copy strong{display:block;font-size:13px;font-weight:700;color:var(--yc-text)}
.yc-eval-copy p{margin:2px 0 8px;font-size:11px;color:var(--yc-muted);line-height:1.4}
.yc-eval-bar{height:3px;border-radius:99px;background:var(--yc-surface-alt);overflow:hidden}
.yc-eval-bar i{display:block;height:100%;width:0;background:var(--yc-primary);animation:ycbar 1.8s ease forwards}
@keyframes ycbar{to{width:100%}}

/* Onay paneli */
.yc-offer{display:none;margin-top:14px}
.yc-offer.on{display:block}
.yc-offer-panel{display:grid;gap:10px}
.yc-idcard{
  padding:12px;border:1px solid var(--yc-border);border-radius:6px;background:var(--yc-surface);
}
.yc-idcard-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--yc-border-soft);
  font-size:12px;font-weight:650;color:var(--yc-text);
}
.yc-idcard-head span{display:inline-flex;align-items:center;gap:6px}
.yc-idcard-head .micon{font-size:16px;color:var(--yc-icon-color)}
.yc-idcard-head em{font-style:normal;font-size:10px;font-weight:650;color:var(--yc-primary);background:var(--yc-primary-soft);padding:3px 6px;border-radius:4px}
.yc-idcard-head em.is-approved{
  display:inline-flex;align-items:center;gap:4px;color:var(--yc-success-strong);background:var(--yc-surface-alt);
}
.yc-idcard-head em.is-approved .micon{font-size:12px;color:var(--yc-icon-color)}
.yc-idcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}
.yc-idcard-grid div{min-width:0}
.yc-idcard-grid dt{
  margin:0 0 2px;font-size:10px;font-weight:600;color:var(--yc-muted);text-transform:uppercase;letter-spacing:.02em;
}
.yc-idcard-grid dd{margin:0;font-size:13px;font-weight:650;color:var(--yc-text);line-height:1.35;word-break:break-word}

.yc-offer-deposit-above-cart{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;margin:0 0 8px;padding:10px 12px;border-radius:6px;background:var(--yc-inverse-bg);color:var(--yc-inverse-text);
}
.yc-offer-deposit-above-cart>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;opacity:.9}
.yc-offer-deposit-above-cart .micon{font-size:16px}
.yc-offer-deposit-above-cart strong{font-size:17px;font-weight:700;letter-spacing:-.02em}
.yc-cart-row.has-deposit{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:stretch;
  gap:12px;
  flex-direction:row;
  flex-wrap:unset;
}
.yc-cart-row.has-deposit .yc-offer-deposit-above-cart{
  grid-column:1/-1;
  margin:0 0 4px;
}
.yc-cart-row.has-deposit .yc-qty{grid-column:1}
.yc-cart-row.has-deposit .single_add_to_cart_button{
  grid-column:2;
  width:auto;
  min-width:0;
}

.yc-offer-note{
  display:flex;align-items:flex-start;gap:8px;padding:10px 12px;
  border:1px solid var(--yc-border-soft);border-radius:6px;background:var(--yc-surface);font-size:11px;line-height:1.5;color:var(--yc-muted);
}
.yc-offer-note .micon{margin-top:1px;font-size:14px;color:var(--yc-icon-color);flex-shrink:0}
.yc-offer-note strong{color:var(--yc-text);font-weight:650}

.yc-offer-timer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border:1px dashed var(--yc-primary);border-radius:6px;background:var(--yc-surface);
}
.yc-offer-timer>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:var(--yc-text)}
.yc-offer-timer .micon{font-size:16px;color:var(--yc-icon-color)}
.yc-offer-timer .yc-countdown,.yc-offer-timer .yc-offer-cd{
  margin:0;font-size:20px;font-weight:800;color:var(--yc-primary);letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
/* Örnek taksit — tetikleyici + modal / bottom sheet */
.yc-taksit-sample{
  margin:14px 0 0;padding-top:14px;border-top:1px solid var(--yc-border-soft);
}
.yc-taksit-sample-btn{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  width:100%;min-height:52px;padding:10px 12px;
  border:1px solid var(--yc-border);border-radius:6px;background:var(--yc-surface);
  cursor:pointer;user-select:none;transition:border-color .18s,background .18s;
  font:inherit;text-align:left;
}
.yc-taksit-sample-btn:hover{border-color:var(--yc-border);background:var(--yc-surface)}
.yc-taksit-sample-btn:focus-visible{outline:2px solid var(--yc-primary);outline-offset:2px}
.yc-taksit-sample-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:var(--yc-icon-bg);color:var(--yc-icon-color);
}
.yc-taksit-sample-icon .micon{font-size:18px}
.yc-taksit-sample-copy{display:grid;gap:2px;min-width:0;text-align:left}
.yc-taksit-sample-copy strong{font-size:13px;font-weight:700;color:var(--yc-text);line-height:1.3}
.yc-taksit-sample-copy small{font-size:11px;color:var(--yc-muted);line-height:1.35}
.yc-taksit-sample-toggle{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  padding:4px 8px;border-radius:999px;background:var(--yc-surface-alt);border:1px solid var(--yc-border-soft);
  font-size:11px;font-weight:650;color:var(--yc-text);
}
.yc-taksit-sample-toggle em{font-style:normal}
.yc-taksit-sample-caret{display:grid;place-items:center;width:18px;height:18px}
.yc-taksit-sample-caret .micon{font-size:12px;color:var(--yc-icon-color)}

.yc-sample-modal:not([hidden]){
  position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:16px;
}
.yc-sample-modal-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--yc-inverse-bg) 41.96%,transparent)}
.yc-sample-modal-panel{
  position:relative;z-index:1;display:flex;flex-direction:column;width:min(480px,100%);
  max-height:min(85vh,640px);background:var(--yc-surface);border-radius:var(--yc-radius-lg,12px);
  overflow:hidden;box-shadow:0 24px 48px color-mix(in srgb,var(--yc-shadow-color) 18.04%,transparent);
  animation:ycSampleModalIn .24s ease;
}
.yc-sample-modal-handle{display:none}
.yc-sample-modal-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 16px 12px;border-bottom:1px solid var(--yc-border-soft);background:var(--yc-surface);
}
.yc-sample-modal-title{display:flex;align-items:center;gap:10px;min-width:0}
.yc-sample-modal-title strong{display:block;font-size:15px;font-weight:700;color:var(--yc-text);line-height:1.3}
.yc-sample-modal-title small{display:block;margin-top:2px;font-size:11px;color:var(--yc-muted)}
.yc-sample-modal-close{
  display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:99px;
  background:var(--yc-surface-alt);color:var(--yc-text);cursor:pointer;flex-shrink:0;
}
.yc-sample-modal-close .micon{font-size:18px}
.yc-sample-modal-close:hover{background:var(--yc-surface-alt)}
.yc-sample-modal-body{
  padding:12px 16px 16px;overflow:auto;-webkit-overflow-scrolling:touch;
}
@keyframes ycSampleModalIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes ycSampleSheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
body.yc-modal-open{overflow:hidden}
.yc-taksit-sample-intro{
  display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;
  font-size:11px;line-height:1.45;color:var(--yc-muted);
}
.yc-taksit-sample-intro .micon{margin-top:1px;font-size:14px;color:var(--yc-icon-color);flex-shrink:0}
.yc-taksit-plans-table{border:1px solid var(--yc-border-soft);border-radius:6px;overflow:hidden}
.yc-taksit-plans-head{
  display:grid;grid-template-columns:88px 1fr minmax(118px,auto);gap:8px;
  padding:8px 12px;background:var(--yc-surface-alt);border-bottom:1px solid var(--yc-border-soft);
  font-size:10px;font-weight:700;color:var(--yc-muted);text-transform:uppercase;letter-spacing:.03em;
}
.yc-taksit-plans{list-style:none;margin:0;padding:0}
.yc-plan-row{
  display:grid;grid-template-columns:88px 1fr minmax(118px,auto);align-items:center;gap:8px;
  min-height:44px;padding:9px 12px;border-bottom:1px solid var(--yc-border-soft);font-size:12px;background:var(--yc-surface);
}
.yc-plan-row:last-child{border-bottom:0}
.yc-plan-row.is-popular{background:var(--yc-primary-soft)}
.yc-plan-term{display:grid;gap:2px}
.yc-plan-term b{font-size:13px;font-weight:700;color:var(--yc-text)}
.yc-plan-pop{
  display:inline-flex;width:fit-content;padding:2px 6px;border-radius:4px;
  background:var(--yc-primary-soft);color:var(--yc-primary);font-style:normal;font-size:9px;font-weight:700;letter-spacing:.02em;
}
.yc-plan-price{
  display:flex;align-items:baseline;justify-content:flex-end;gap:6px;
  font-size:15px;font-weight:800;color:var(--yc-text);letter-spacing:-.01em;text-align:right;
}
.yc-plan-price i{font-style:normal;font-size:11px;font-weight:500;color:var(--yc-muted)}
.yc-taksit-plans-head span:nth-child(2){text-align:right}
.yc-plan-tag{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;
  padding:4px 8px;border-radius:999px;background:var(--yc-surface-alt);
  font-size:10px;font-weight:650;color:var(--yc-muted);text-align:right;
}
.yc-plan-tag .micon{font-size:12px;color:var(--yc-icon-color)}
.yc-plan-tag.is-free{color:var(--yc-success-strong);background:var(--yc-surface-alt)}
.yc-plan-tag.is-free .micon{color:var(--yc-icon-color)}
.yc-taksit-sample-foot{
  display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;
  font-size:10px;line-height:1.45;color:var(--yc-muted);
}
.yc-taksit-sample-foot .micon{margin-top:1px;font-size:12px;color:var(--yc-icon-color);flex-shrink:0}

/* Checkout */
.yc-checkout label{display:block;font-size:13px;margin:10px 0 4px}
.yc-checkout .input-text,.yc-checkout input[type=password],.yc-checkout select,.yc-checkout textarea{
  width:100%;border:1px solid var(--yc-border);border-radius:6px;min-height:38px;padding:8px 10px;background:var(--yc-surface)
}
.yc-checkout .yc-field .input-text,.yc-checkout .yc-field input,.yc-checkout .yc-field select{padding-left:34px}
.yc-checkout textarea{min-height:84px}
.yc-checkout h2{font-size:14px;margin:18px 0 8px}
.yc-corp{margin:8px 0 0}

@media (max-width:768px){
  .yc-sample-modal:not([hidden]){align-items:flex-end;padding:0}
  .yc-sample-modal-panel{
    width:100%;max-height:min(92vh,720px);border-radius:16px 16px 0 0;
    animation:ycSampleSheetIn .28s cubic-bezier(.22,1,.36,1);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .yc-sample-modal-handle{
    display:block;width:36px;height:4px;margin:8px auto 0;border-radius:99px;background:var(--yc-border);
  }
}
@media (max-width:640px){
  .yc-taksit-fields{grid-template-columns:1fr}
}
@media (max-width:520px){
  .yc-taksit-card{padding:14px}
  .yc-taksit-row{flex-direction:column}
  .yc-taksit-submit{width:100%}
  .yc-idcard-grid{grid-template-columns:1fr}
  .yc-taksit-sample-btn{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px}
  .yc-taksit-sample-toggle{grid-column:1/-1;justify-self:stretch;justify-content:space-between}
  .yc-taksit-plans-head,.yc-plan-row{
    grid-template-columns:64px minmax(0,1fr) minmax(96px,auto);
    padding-left:10px;padding-right:10px;
  }
  .yc-plan-tag{padding:3px 6px;font-size:9px}
  .yc-offer-deposit-above-cart{flex-direction:row;align-items:center}
  .yc-cart-row.has-deposit .yc-qty{width:auto}
  .yc-cart-row.has-deposit .single_add_to_cart_button{width:auto;min-height:48px}
}

/* Calm application card: semantic theme colors, generous input spacing, no bright badge. */
.yc-taksit-head{position:relative}
.yc-taksit-page-link{display:inline-flex;align-items:center;margin-top:10px;font-size:11px;color:var(--yc-muted);text-decoration:underline;text-underline-offset:3px}
.yc-taksit-card .yc-taksit-row .yc-field input{height:48px;border-radius:var(--yc-radius-md,10px);font-family:var(--yc-font-body);font-size:16px;letter-spacing:.06em;background:var(--yc-surface-alt);color:var(--yc-text)}
.yc-taksit-card .yc-taksit-row .yc-field input:focus{border-color:var(--yc-text);box-shadow:0 0 0 2px var(--yc-border-soft)}
.yc-taksit-card .yc-taksit-row .yc-field>.micon{color:var(--yc-muted)}
.yc-taksit-card .yc-taksit-submit{border-radius:var(--yc-radius-md,10px);font-family:var(--yc-font-body);font-weight:600;min-height:46px;font-size:13px}
.yc-taksit-card .yc-taksit-note{padding-top:12px;margin-top:14px;border-top:1px solid var(--yc-border-soft);font-size:11px;line-height:1.6}
.yc-taksit-card .yc-taksit-note>.micon{flex-shrink:0;color:var(--yc-muted)}

/* Monochrome hierarchy for the product application, using theme tokens. */
.yc-taksit-heading-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.yc-taksit-heading-row>div{min-width:0}
.yc-taksit-heading-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid var(--yc-border);border-radius:12px;background:var(--yc-surface-alt);box-shadow:0 3px 0 var(--yc-border-soft);color:var(--yc-text)}
.yc-taksit-heading-icon>.micon{font-size:24px}
.yc-taksit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:12px 0;margin:14px 0 0;border-block:1px solid var(--yc-border-soft);gap:8px}
.yc-taksit-steps li{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.4;color:var(--yc-muted);min-width:0}
.yc-taksit-steps li>span{display:grid;place-items:center;flex:0 0 22px;width:22px;min-width:22px;height:22px;border:1px solid var(--yc-border);border-radius:50%;font-size:9px;font-weight:650;font-variant-numeric:tabular-nums}
.yc-taksit-steps li[aria-current]>span{background:var(--yc-text);color:var(--yc-surface);border-color:var(--yc-text)}
.yc-taksit.has-offer .yc-taksit-steps{display:none}
@media(max-width:380px){.yc-taksit-steps li{flex-direction:column;align-items:flex-start;gap:6px}.yc-taksit-heading-row{gap:10px}.yc-taksit-heading-icon{flex-basis:38px;height:38px}}
