/* ==========================================================================
   BOSH-03 · ASSORTIMENT — qator hover va oʻq tugmasi (Otabek, 12.09)
   1) «kursorni oborsa oq bolib qolyapti lekin 2 yoni oq bolmayapti»
      → hover foni va qator chiziqlari sahifaning chetigacha choʻziladi.
   2) «mishkani oborsa rangi ozgarishi yaxshi, strelka ham 45 gradus
      yuqoriga kotarilishi kerak»
      → butun qator ustida oʻq tugmasi navy ga oʻtadi, oʻq 45° yuqoriga buriladi.
   ========================================================================== */

[data-blok="BOSH-03"]{overflow-x:clip}

/* chiziq ham, hover foni ham toʻliq kenglikda — qator «lenta» boʻlib oʻqiladi */
.xizmat__q{position:relative;border-top:0}
.xizmat__q:last-child{border-bottom:0}
.xizmat__q::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;
  transform:translateX(-50%);z-index:-1;pointer-events:none;
  border-top:1px solid var(--chiziq);
  background:transparent;transition:background var(--anim) var(--ease);
}
.xizmat__q:last-child::before{border-bottom:1px solid var(--chiziq)}
.xizmat__q:hover{background:none}
.xizmat__q:hover::before,
.xizmat__q:focus-within::before{background:var(--oq)}

/* oʻq tugmasi: qator ustida ham javob beradi, oʻq 45° yuqoriga */
.xizmat__oq .ik{transition:transform var(--anim) var(--ease)}
.xizmat__q:hover .xizmat__oq{background:var(--navy);border-color:var(--navy);color:#fff}
.xizmat__q:hover .xizmat__oq .ik{transform:rotate(-45deg)}

@media (prefers-reduced-motion:reduce){
  .xizmat__oq .ik{transition:none}
  .xizmat__q:hover .xizmat__oq .ik{transform:none}
}

/* ==========================================================================
   Y03 · 768–1100 px: sarlavha bilan matn orasida 84–93 px boʻshliq ochilardi
   (KORIK-12-09.md). Sabab: uch ustunli tartibda media (200 px eni, 16:10 →
   125 px balandlik) 1-qatorni choʻzib yuborardi, .xizmat__nom esa atigi ~60 px
   — qolgan ~65 px boʻsh qolib, matn pastga tushardi, oʻq tugmasi esa 1-qatorda
   yolgʻiz qolardi. Yechim: media ikkala qatorni egallaydi, nom va matn
   2-ustunda ketma-ket zich turadi.
   ⚠ Global css/bloklar.css ga TEGILMADI — tuzatish shu blokning oʻz faylida.
   ========================================================================== */
@media (min-width:761px) and (max-width:1100px){
  .xizmat__q{
    grid-template-columns:200px minmax(0,1fr) 44px;
    grid-template-rows:auto auto;
    align-content:start;
    row-gap:var(--s4);
  }
  .xizmat__media{grid-column:1;grid-row:1/3;align-self:start}
  .xizmat__nom{grid-column:2;grid-row:1}
  .xizmat__m{grid-column:2;grid-row:2}
  .xizmat__oq{grid-column:3;grid-row:1;align-self:start}
}