/* Compact homepage discovery: keep the audio guide's distinctive dark lane. */
body.anasayfa :is(#vitrin, #kategoriSeritleri){gap:30px;padding-block:20px 30px}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb{gap:14px}

/* A clear action hierarchy without oversized colour blocks. */
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb-tumu{
  min-height:40px;padding:9px 16px;border:1px solid rgba(255,255,255,.54);
  background:linear-gradient(125deg,#087f95,#0877b5);color:#fff;
  box-shadow:0 5px 14px rgba(5,105,145,.17),inset 0 1px rgba(255,255,255,.25);
  font-weight:750;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb-tumu:hover{
  filter:brightness(1.07);transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(5,105,145,.23),inset 0 1px rgba(255,255,255,.28);
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .discovery-rail-arrows button{
  width:38px;height:38px;border-color:#d7e7ec;
  background:linear-gradient(160deg,#fff,#eef8fb);color:#075e79;
  box-shadow:0 3px 10px rgba(12,80,107,.09);
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .discovery-rail-arrows button:not(:disabled):hover{
  border-color:#79c9d6;background:#e5f7fb;transform:translateY(-1px);
}

/* Orange, green and blue categories become light, concise editorial lanes. */
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]){
  --lane-accent:#0d859f;position:relative;gap:14px;
  padding:19px 20px 14px;border:1px solid #e1eaf0;border-radius:20px;
  background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 7px 24px rgba(15,55,72,.045);
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb[data-discovery-theme="orange"]{--lane-accent:#dd7337}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb[data-discovery-theme="green"]{--lane-accent:#218b6d}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb[data-discovery-theme="blue"]{--lane-accent:#167aaf}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:20px 0 0 20px;background:var(--lane-accent);
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])
  :is(.vb-kicker,.vb-baslik,.vb-sayi,.vb-aciklama,.discovery-lane-description){color:var(--discovery-ink)}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .vb-kicker{color:var(--lane-accent)}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .vb-tumu{
  background:linear-gradient(125deg,#087f95,#0877b5);color:#fff;border-color:rgba(255,255,255,.54);
}

/* Selected lanes use landscape photo + content, so scanning is less repetitive. */
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .vb-serit>.uk{
  display:grid;grid-template-columns:39% minmax(0,1fr);
  flex:0 0 390px;width:390px;min-height:188px;max-width:none;
  overflow:hidden;border-radius:16px;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-gorsel{
  grid-column:1;grid-row:1;min-height:188px;border-radius:15px 0 0 15px;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])
  :is(.uk-serit,.uk-fotosuz){width:100%;height:100%;aspect-ratio:auto}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-serit>img{height:100%}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-govde{
  grid-column:2;grid-row:1;min-width:0;gap:7px;padding:14px 15px;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-baslik{
  font-size:14px;line-height:1.3;-webkit-line-clamp:3;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-alt{
  margin-top:auto;padding-top:4px;
}
body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-fiyat b{font-size:17px}

/* The remaining category rails retain portrait cards, at a calmer scale. */
body.anasayfa #kategoriSeritleri .vb:not([data-kategori="sesli-rehber"]):not(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])
  .vb-serit>.uk{flex-basis:250px;width:250px}
body.anasayfa #kategoriSeritleri .vb:not([data-kategori="sesli-rehber"]):not(
  [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])
  :is(.uk-serit,.uk-fotosuz){aspect-ratio:16/10}

@media(max-width:700px){
  body.anasayfa :is(#vitrin, #kategoriSeritleri){gap:26px;padding-block:16px 26px}
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]){
    margin-inline:0;padding:16px 14px 12px;border-radius:18px;
  }
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .vb-serit{
    margin-inline:-14px;padding-inline:14px;
  }
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .vb-serit>.uk{
    flex-basis:min(88vw,350px);width:min(88vw,350px);min-height:180px;grid-template-columns:38% minmax(0,1fr);
  }
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-gorsel{min-height:180px}
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-govde{padding:11px 10px;gap:5px}
  body.anasayfa :is(#vitrin, #kategoriSeritleri) .vb:is(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"]) .uk-baslik{font-size:13px}
  body.anasayfa #kategoriSeritleri .vb:not([data-kategori="sesli-rehber"]):not(
    [data-discovery-theme="orange"],[data-discovery-theme="green"],[data-discovery-theme="blue"])
    .vb-serit>.uk{flex-basis:70%;width:70%;max-width:270px}
}