/* LEM Yenileme — ortak tasarımın üzerine sayfaya özel parçalar */
.pr-col{display:grid;gap:14px;align-self:start;min-width:0}
.pr-grid button[aria-checked="true"]::after{transform:scaleX(1)}
.date-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;background:var(--white);border:1px solid var(--lline);padding:0 0 0 18px}
.date-row span{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.date-row input{height:52px;border:0;border-left:1px solid var(--lline);background:#fff;padding:0 16px;font-size:15px;outline:none;min-width:0}
.date-row input:focus{box-shadow:inset 0 -2px 0 var(--red)}

.lem-panel{grid-template-columns:1fr auto;grid-template-rows:auto auto;align-self:start}
.lem-panel .pp-txt p{max-width:260px;min-height:5.2em}
.lem-days{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.lem-days b{font-size:clamp(54px,4.6vw,76px);font-weight:200;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.lem-days span{font-size:12px;color:#a9a9a9;margin-top:6px}
.lem-days em{font-style:normal;margin-top:14px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border:1px solid #555;color:#aaa}
.lem-meta{grid-column:1/-1;align-self:end;margin-top:18px}
.lem-track{height:3px;background:#333;position:relative;margin-bottom:14px}
.lem-track span{position:absolute;inset:0 auto 0 0;width:0;background:var(--ok);transition:width .8s var(--ease),background .3s}
.lem-meta dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;font-size:11.5px}
.lem-meta dt{color:#8a8a8a}
.lem-meta dd{color:#fff;font-weight:500;margin-top:2px}
.lem-panel[data-state="ok"] .lem-days em{color:var(--ok);border-color:var(--ok)}
.lem-panel[data-state="soon"] .lem-days em{color:#F2A33A;border-color:#F2A33A}
.lem-panel[data-state="soon"] .lem-track span{background:#F2A33A}
.lem-panel[data-state="over"] .lem-days em{color:var(--red-2);border-color:var(--red-2)}
.lem-panel[data-state="over"] .lem-track span{background:var(--red)}
.lem-panel[data-state="over"] .lem-days b{color:var(--red-2)}
.lem-panel .sq3{left:auto;right:24px;top:24px}
.lem-panel.swap .lem-days{animation:fade .45s var(--ease)}

.sv-grid li.out span{color:#777}
.sv-grid li.out h3{color:#9a9a9a}

/* düzenli yenileme bandı */
.loyal{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2.2fr);gap:clamp(20px,3vw,48px);padding:clamp(60px,5vw,90px) var(--pad);background:var(--white);border-bottom:1px solid var(--lline);align-items:center}
.loyal .pr-intro::after{bottom:0}
.loyal .pr-intro p:not(.kicker){margin-bottom:0}
.ly-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;border-bottom:1px solid var(--ink);min-height:260px}
.ly-grid li{border-left:1px solid var(--lline);padding:18px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,var(--light),var(--light)) no-repeat bottom/100% var(--h,30%);transition:background-size .9s var(--ease)}
.ly-grid li:nth-child(1){--h:30%}.ly-grid li:nth-child(2){--h:50%}.ly-grid li:nth-child(3){--h:72%}.ly-grid li:nth-child(4){--h:100%}
.ly-grid span{font-size:11.5px;color:var(--mute);font-weight:500}
.ly-grid b{font-size:clamp(34px,3.6vw,56px);font-weight:300;letter-spacing:-.03em;line-height:1.05}
.ly-grid em{font-style:normal;font-size:12.5px;color:var(--ink-2)}
.ly-grid li.hi{background-image:linear-gradient(0deg,var(--dark),var(--dark));color:#fff}
.ly-grid li.hi span,.ly-grid li.hi em{color:#bbb}
.ly-grid li.hi b{color:var(--red-2)}

.pane input[type="date"]{max-width:320px}
.chk{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--ink-2);cursor:pointer}
.chk input{width:16px!important;height:16px!important;accent-color:var(--red);appearance:auto!important;-webkit-appearance:checkbox!important}
.wizard #fNote{margin-top:10px;margin-bottom:0}
.fq-list p a{color:var(--red)}

@media (max-width:1280px){
  .lem-panel{grid-template-columns:1fr auto;grid-template-rows:auto auto}
}
@media (max-width:900px){
  .loyal{grid-template-columns:1fr}
  .ly-grid{min-height:220px}
}
@media (max-width:600px){
  .ly-grid{grid-template-columns:1fr 1fr;min-height:0;border-bottom:0;gap:1px;background:var(--lline)}
  .ly-grid li{background:var(--white);border:0;min-height:120px}
  .ly-grid li.hi{background:var(--dark)}
  .lem-panel{grid-template-columns:1fr}
  .lem-days{justify-self:start;text-align:left;align-items:flex-start;margin-top:10px}
  .date-row{grid-template-columns:1fr;padding:12px 0 0 14px;gap:4px}
  .date-row input{border-left:0;border-top:1px solid var(--lline)}
}