/* Faz 35 — Halı Görsel Havuzu */
.kh-bilgi{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:26px 28px;margin-bottom:18px;border:1px solid var(--hairline);
  border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--panel),var(--hos-2));
  box-shadow:var(--shadow-sm);
}
.kh-bilgi h2{font-size:var(--fs-title2);font-weight:680;letter-spacing:-.025em;margin:5px 0 6px}
.kh-bilgi p{max-width:760px;color:var(--text2);font-size:var(--fs-subhead);line-height:1.55}
.kh-kicker{color:var(--accent);font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kh-bas-eylem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.kh-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.kh-ozet-kart{
  min-height:116px;padding:18px 20px;background:var(--panel);border:1px solid var(--hairline);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
}
.kh-ozet-kart span{font-size:var(--fs-footnote);color:var(--text2);font-weight:600}
.kh-ozet-kart strong{font-size:var(--fs-title1);letter-spacing:-.035em;margin-top:8px;font-variant-numeric:tabular-nums}
.kh-ozet-kart small{font-size:var(--fs-caption);color:var(--text3);margin-top:auto}
.kh-arac{position:sticky;top:0;z-index:4;padding:10px 0;background:var(--bg)}
.kh-ara{flex:1 1 320px}
.kh-arac>select{min-width:210px}
.kh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}
.kh-kart{
  min-width:0;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.kh-gorsel{position:relative;aspect-ratio:4/5;background:var(--panel-2);overflow:hidden}
.kh-gorsel img{width:100%;height:100%;object-fit:contain;display:block}
.kh-firma,.kh-bagli,.kh-oda-hazir{
  position:absolute;top:10px;padding:5px 10px;border-radius:980px;
  backdrop-filter:blur(12px);font-size:var(--fs-caption2);font-weight:700;box-shadow:var(--shadow-sm)
}
.kh-firma{left:10px;color:#fff;background:rgba(29,29,31,.7)}
.kh-bagli{right:10px;color:var(--green);background:color-mix(in srgb,var(--green-bg) 90%,transparent);border:1px solid color-mix(in srgb,var(--green) 22%,transparent)}
.kh-oda-hazir{top:auto;right:10px;bottom:10px;color:#fff;background:rgba(29,29,31,.72)}
.kh-kart-govde{padding:15px 16px 16px}
.kh-kart h3{
  min-height:42px;font-size:var(--fs-subhead);font-weight:650;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.kh-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--text3);font-size:var(--fs-caption)}
.kh-eylem{display:flex;gap:8px;margin-top:14px}
.kh-eylem .btn{flex:1;white-space:nowrap;padding-left:10px;padding-right:10px}
.kh-oda-btn{width:100%;margin-top:12px;border-color:var(--accent)!important;color:var(--accent)!important}
.kh-urun-bagli{margin-top:12px;padding:10px 11px;border-radius:var(--radius-sm);background:var(--green-bg);color:var(--green)}
.kh-urun-bagli span{display:block;font-size:var(--fs-caption2);opacity:.8}
.kh-urun-bagli strong{
  display:block;margin-top:2px;font-size:var(--fs-footnote);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.kh-sayfalama{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;
  border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--panel);
  color:var(--text2);font-size:var(--fs-footnote)
}
.kh-sayfalama>div{display:flex;gap:8px}
.kh-yukleniyor{
  padding:72px 20px;text-align:center;color:var(--text3);font-size:var(--fs-subhead);
  border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel)
}
.kh-kurulum{
  max-width:680px;margin:50px auto;padding:42px;text-align:center;background:var(--panel);
  border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow)
}
.kh-kurulum-ikon{
  width:46px;height:46px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
  background:var(--orange-bg);color:var(--orange);font-size:var(--fs-title2);font-weight:750
}
.kh-kurulum h2{font-size:var(--fs-title2);margin-bottom:8px}
.kh-kurulum p{font-size:var(--fs-subhead);line-height:1.55;color:var(--text2);margin-top:6px}
.kh-bagla-model{
  display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:12px;
  border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--panel-2)
}
.kh-bagla-model img{width:72px;height:88px;object-fit:contain;border-radius:9px;background:var(--panel)}
.kh-bagla-model div{min-width:0}
.kh-bagla-model span{display:block;color:var(--accent);font-size:var(--fs-caption);font-weight:700;margin-bottom:3px}
.kh-bagla-model strong{
  display:block;font-size:var(--fs-subhead);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
#khUrunSec{min-height:230px;padding:5px}
#khUrunSec option{padding:7px 9px;border-radius:7px}
.kh-oda-modal{padding-top:14px}
.kh-oda-canvas{display:block;width:100%;height:auto;border-radius:var(--radius-sm);background:var(--panel-2);box-shadow:var(--shadow-sm)}
.kh-oda-yukleniyor{min-height:320px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text3);font-size:var(--fs-subhead)}
.kh-oda-modal p{margin-top:10px;color:var(--text3);font-size:var(--fs-caption);line-height:1.5}

@media (max-width:900px){
  .kh-bilgi{align-items:flex-start;flex-direction:column}
  .kh-bas-eylem{justify-content:flex-start}
  .kh-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kh-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}
@media (max-width:620px){
  .kh-bilgi{padding:20px}
  .kh-ozet{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kh-ozet-kart{min-height:104px;padding:14px}
  .kh-ozet-kart strong{font-size:var(--fs-title2)}
  .kh-arac{position:static}
  .kh-arac>*{width:100%}
  .kh-arac .segment{display:grid;grid-template-columns:repeat(3,1fr)}
  .kh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kh-kart-govde{padding:11px}
  .kh-gorsel{aspect-ratio:3/4}
  .kh-eylem{flex-direction:column}
  .kh-eylem .btn{width:100%}
  .kh-sayfalama{align-items:flex-start;flex-direction:column}
}
@media (max-width:390px){
  .kh-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .kh-kart{transition:none}
}
@media (prefers-reduced-transparency:reduce){
  .kh-firma,.kh-bagli,.kh-oda-hazir{backdrop-filter:none;-webkit-backdrop-filter:none}
  .kh-firma,.kh-oda-hazir{background:#1d1d1f}
  .kh-bagli{background:var(--green-bg)}
}
@media (prefers-contrast:more){
  .kh-kart,.kh-ozet-kart,.kh-bilgi{border-color:var(--text3)}
  .kh-firma,.kh-oda-hazir{outline:1px solid #fff}
}