/* İhtiyaç listesi — sayfaya özel stiller. Tüm kurallar .ic-ihtiyac-listesi altında kapsanır. */

/* özet şeridi (prototipte hero'daki güncellik rozeti + rakamlar) */
.ic-ihtiyac-listesi .ih-ozet{display:flex;flex-wrap:wrap;gap:22px clamp(24px,4vw,60px);align-items:center;justify-content:space-between;margin-bottom:clamp(26px,3.2vw,40px)}
.ic-ihtiyac-listesi .ih-guncel{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ic-ihtiyac-listesi .ih-guncel .ic-rozet{background:#fff;white-space:normal}
.ic-ihtiyac-listesi .ih-guncel .ic-rozet i{background:#895848}
.ic-ihtiyac-listesi .ih-sayilar{margin:0;display:flex;flex-wrap:wrap;gap:clamp(20px,3.4vw,52px)}
.ic-ihtiyac-listesi .ih-sayilar > div{display:flex;flex-direction:column-reverse;gap:8px;min-width:0}
.ic-ihtiyac-listesi .ih-sayilar dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#895848}
.ic-ihtiyac-listesi .ih-sayilar dd{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;font-variation-settings:"wdth" 120,"wght" 900;line-height:1;letter-spacing:-.02em;color:#3A2418;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:560px){
  .ic-ihtiyac-listesi .ih-sayilar{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:18px 16px}
}

/* düzen: liste + sepet */
.ic-ihtiyac-listesi .ih-duzen{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,380px);gap:clamp(22px,3vw,44px);align-items:start}
.ic-ihtiyac-listesi .ih-sol{min-width:0}
.ic-ihtiyac-listesi .ih-filtreler{margin-bottom:clamp(18px,2.2vw,26px)}
.ic-ihtiyac-listesi .ih-cip-acil i{width:8px;height:8px;border-radius:50%;background:#EF859F;display:block}
.ic-ihtiyac-listesi .ih-cip-acil[aria-pressed="true"]{background:#EF859F;border-color:#EF859F;color:#3A2418}
.ic-ihtiyac-listesi .ih-cip-acil[aria-pressed="true"] i{background:#3A2418}
/* pembe dolgu üstünde sayı tam opak ve koyu kahve (kontrast) */
.ic-ihtiyac-listesi .ih-cip-acil[aria-pressed="true"] .say{opacity:1;color:#3A2418}

/* kalem kartları */
.ic-ihtiyac-listesi .ih-kalemler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.ic-ihtiyac-listesi .ih-kalem{display:flex;flex-direction:column;border-radius:20px;padding:clamp(18px,1.8vw,22px);transition:border-color .2s,box-shadow .2s}
.ic-ihtiyac-listesi .ih-kalem[hidden]{display:none}
.ic-ihtiyac-listesi .ih-kalem:hover{border-color:rgba(58,36,24,.3)}
.ic-ihtiyac-listesi .ih-kalem.secili{border-color:#3A2418;box-shadow:inset 0 0 0 1px #3A2418}
.ic-ihtiyac-listesi .ih-ust{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.ic-ihtiyac-listesi .ih-ad{margin:0;font-size:clamp(1rem,1.3vw,1.15rem);font-weight:800;font-variation-settings:"wdth" 110;line-height:1.25;color:#3A2418}
.ic-ihtiyac-listesi .ih-birim{margin:4px 0 0;font-size:13.5px;font-weight:600;color:#5A4238}
.ic-ihtiyac-listesi .ih-durum{margin:16px 0}
.ic-ihtiyac-listesi .ih-cubuk{height:6px;border-radius:6px;background:#F3EADF;overflow:hidden}
.ic-ihtiyac-listesi .ih-cubuk i{display:block;height:100%;border-radius:6px;background:#FBB040}
.ic-ihtiyac-listesi .ih-kalem[data-acil="1"] .ih-cubuk i{background:#EF859F}
.ic-ihtiyac-listesi .ih-durum p{margin:10px 0 0;font-size:13.5px;color:#5A4238;font-variant-numeric:tabular-nums}
.ic-ihtiyac-listesi .ih-durum b{font-weight:800;color:#3A2418}
.ic-ihtiyac-listesi .ih-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(58,36,24,.1)}
.ic-ihtiyac-listesi .ih-fiyat{font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:900;font-variation-settings:"wdth" 116;letter-spacing:-.02em;color:#3A2418;font-variant-numeric:tabular-nums;white-space:nowrap}
.ic-ihtiyac-listesi .ih-kalem.secili .ic-adet{border-color:#3A2418}
/* sınırdaki sayaç düğmeleri disabled değil aria-disabled (odak kaybolmasın) */
.ic-ihtiyac-listesi .ic-adet button[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
.ic-ihtiyac-listesi .ic-adet button[aria-disabled="true"]:hover{background:transparent}
.ic-ihtiyac-listesi .ih-kalem.karsilandi .ic-adet{border-style:dashed}

/* sepet */
.ic-ihtiyac-listesi .ih-sepet{box-shadow:0 18px 44px -30px rgba(58,36,24,.45)}
/* yapışkan sepet kısa ekranda sığsın: liste kutusu esner, toplam / temizle / not hep ulaşılabilir kalır */
@media (min-width:1025px){
  .ic-ihtiyac-listesi .ih-sepet{display:flex;flex-direction:column;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-width:thin}
  .ic-ihtiyac-listesi .ih-sepet-bas,.ic-ihtiyac-listesi .ih-toplam{flex-shrink:0}
  .ic-ihtiyac-listesi .ih-govde{flex:0 1 auto;min-height:72px}
}
.ic-ihtiyac-listesi .ih-sepet-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(58,36,24,.12)}
.ic-ihtiyac-listesi .ih-sepet-bas .ic-h3{margin:0}
.ic-ihtiyac-listesi .ih-bos{padding-block:4px}
.ic-ihtiyac-listesi .ih-govde{max-height:min(38vh,340px);overflow-y:auto;scrollbar-width:thin;border-radius:10px;padding:4px;margin:-4px}
.ic-ihtiyac-listesi .ih-govde:focus-visible{outline:3px solid #5E5396;outline-offset:-3px}
.ic-ihtiyac-listesi .ih-secilen{list-style:none;margin:0;padding:0 6px 0 0;display:grid;gap:12px}
.ic-ihtiyac-listesi .ih-secilen[hidden]{display:none}
.ic-ihtiyac-listesi .ih-secilen li{display:flex;gap:12px;align-items:baseline;justify-content:space-between;font-size:14.5px;color:#3A2418}
.ic-ihtiyac-listesi .ih-secilen .ad{line-height:1.35;font-weight:700;min-width:0}
.ic-ihtiyac-listesi .ih-secilen .ad em{display:block;margin-top:2px;font-style:normal;font-weight:600;font-size:13px;color:#5A4238;font-variant-numeric:tabular-nums}
.ic-ihtiyac-listesi .ih-secilen .tut{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.ic-ihtiyac-listesi .ih-toplam{margin-top:16px;padding-top:16px;border-top:1px solid rgba(58,36,24,.12)}
.ic-ihtiyac-listesi .ih-toplam-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.ic-ihtiyac-listesi .ih-toplam-v{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:900;font-variation-settings:"wdth" 120;letter-spacing:-.025em;line-height:1;color:#3A2418;font-variant-numeric:tabular-nums}
.ic-ihtiyac-listesi .ih-temizle{display:block;width:100%;min-height:44px;margin-top:8px;font-size:13.5px;font-weight:700;color:#5E5396;text-decoration:underline;text-underline-offset:4px}
.ic-ihtiyac-listesi .ih-temizle:hover{color:#3A2418}
.ic-ihtiyac-listesi .ih-sepet-not{margin-top:14px;padding-top:14px;border-top:1px solid rgba(58,36,24,.1);font-size:13.5px}
.ic-ihtiyac-listesi .ih-sepet-not b{color:#3A2418}

/* dar ekran: sepet listenin altına iner, alta yapışan küçük toplam çubuğu görünür */
.ic-ihtiyac-listesi .ih-mini{display:none}
@media (max-width:1024px){
  .ic-ihtiyac-listesi .ih-duzen{grid-template-columns:1fr}
  .ic-ihtiyac-listesi .ih-sepet{position:static}
  .ic-ihtiyac-listesi .ih-mini{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;bottom:12px;z-index:5;margin-top:18px;
    padding:12px 12px 12px 20px;border-radius:20px;background:#fff;border:1px solid rgba(58,36,24,.12);box-shadow:0 16px 36px -18px rgba(58,36,24,.5)}
  .ic-ihtiyac-listesi .ih-mini-k{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#895848}
  .ic-ihtiyac-listesi .ih-mini-v{margin-top:3px;font-size:1.35rem;font-weight:900;font-variation-settings:"wdth" 118;letter-spacing:-.02em;line-height:1.1;color:#3A2418;font-variant-numeric:tabular-nums}
}
@media (max-width:760px){
  .ic-ihtiyac-listesi .ih-mini{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:640px){
  .ic-ihtiyac-listesi .ih-kalemler{grid-template-columns:1fr}
}

/* elden teslim */
.ic-ihtiyac-listesi .ih-teslim{display:flex;flex-wrap:wrap;gap:24px clamp(24px,4vw,60px);align-items:center;justify-content:space-between}
.ic-ihtiyac-listesi .ih-teslim > div{max-width:60ch}
.ic-ihtiyac-listesi .ih-teslim .ic-not{font-size:16px}

@media (prefers-reduced-motion:reduce){
  .ic-ihtiyac-listesi .ih-kalem{transition:none}
}
/* yazılabilir adet alanı */
.ic-ihtiyac-listesi .ih-adet-girdi{width:52px;min-width:0;padding:7px 0;border:0;border-radius:10px;background:transparent;font:inherit;font-size:16px;font-weight:800;text-align:center;color:#3A2418;font-variant-numeric:tabular-nums}
.ic-ihtiyac-listesi .ih-adet-girdi:hover{background:#FBF6EE}
.ic-ihtiyac-listesi .ih-adet-girdi:focus-visible{outline-offset:0;background:#FBF6EE}