
.b-bolim{padding:clamp(40px, calc(40px + 60 * (100vw - 375px) / 1065), 100px) 0 0}
.b-bosh{display:flex;flex-direction:column;gap:clamp(14px, calc(14px + 6 * (100vw - 375px) / 1065), 20px);max-width:677.197px;
  margin:0 0 clamp(20px, calc(20px + 25 * (100vw - 375px) / 1065), 45px)}
.b-bosh h2{margin:0;max-width:clamp(335px, calc(335px + 342.197 * (100vw - 375px) / 1065), 677.197px);font:600 clamp(18px, calc(18px + 13 * (100vw - 375px) / 1065), 31px)/clamp(25px, calc(25px + 15 * (100vw - 375px) / 1065), 40px) var(--f-font);
  color:var(--f-heading);text-align:left;letter-spacing:0}
.b-bosh p{margin:0;max-width:clamp(335px, calc(335px + 342.197 * (100vw - 375px) / 1065), 677.197px);font:400 clamp(12px, calc(12px + 4 * (100vw - 375px) / 1065), 16px)/clamp(18px, calc(18px + 7 * (100vw - 375px) / 1065), 25px) var(--f-font);
  color:var(--f-sayt-matn)}
.b-raqamlar{display:grid;grid-template-columns:1fr;gap:clamp(14px, calc(14px + 6 * (100vw - 375px) / 1065), 20px)}
.b-raqam{min-height:clamp(112px, calc(112px + 66 * (100vw - 375px) / 1065), 178px);border-radius:clamp(10px, calc(10px + 10 * (100vw - 375px) / 1065), 20px);background:var(--f-bosh-karta);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(6px, calc(6px + 8 * (100vw - 375px) / 1065), 14px);text-align:center;padding:0 10px}
.b-raqam b{font:600 clamp(25px, calc(25px + 15 * (100vw - 375px) / 1065), 40px)/normal var(--f-font);color:var(--f-bosh-raqam)}
.b-raqam span{font:400 clamp(12px, calc(12px + 6 * (100vw - 375px) / 1065), 18px)/25px var(--f-font);color:var(--f-bosh-raqam-yorliq)}
@media (min-width:600px){.b-raqamlar{grid-template-columns:repeat(3,1fr)}}
#sharhlar .b-bosh h2{max-width:clamp(335px, calc(335px + 308 * (100vw - 375px) / 1065), 643px)}
#sharhlar .b-bosh p{max-width:clamp(313px, calc(313px + 364.197 * (100vw - 375px) / 1065), 677.197px)}
.b-sharhlar{display:block}
.b-sharh-chap{display:none;position:relative;height:558px;border-radius:20px;background:var(--f-bosh-karta)}
.b-ortacha{position:absolute;left:30px;top:36px;font:600 96.429px/80px var(--f-font);color:var(--f-heading)}
.b-yulduzlar{position:absolute;left:30px;top:132px;display:flex;gap:11px}
.b-yulduzlar svg{width:22.14px;height:22.14px}
.b-sharh-chap-matn{position:absolute;left:30px;top:185px;width:min(282px, calc(100% - 60px));
  display:flex;flex-direction:column;gap:16px}
.b-sharh-chap h3{width:min(278px, 100%);margin:0;
  font:600 18px/25px var(--f-font);color:var(--f-heading)}
.b-sharh-chap-matn p{margin:0;
  font:400 14px/20px var(--f-font);color:var(--f-sayt-matn)}
.b-taqsimot{position:absolute;left:30px;top:358px;right:24px;display:flex;flex-direction:column;gap:20px}
.b-taqsimot div{display:flex;align-items:center;height:14px}
.b-taqsimot b{display:flex;align-items:center;gap:5px;flex:none;width:52px;font:500 16px/14px var(--f-font);
  color:var(--f-heading)}
.b-taqsimot b svg,.b-sharh-baho svg{width:14px;height:14px}
.b-taqsimot span{flex:1;max-width:294px;height:10px;border-radius:6px;overflow:hidden;background:var(--f-sharh-chiziq)}
.b-taqsimot span i{display:block;height:10px;border-radius:13px;background:var(--f-bosh-raqam)}
.b-sharh-ong{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.b-sharh-ong::-webkit-scrollbar{display:none}
.b-sharh{position:relative;flex:none;width:min(335px, 100%);min-height:215px;scroll-snap-align:start;
  border-radius:10px;background:var(--f-bosh-karta);padding:18px}
.b-sharh-kim{display:flex;align-items:center;gap:10px}
.b-avatar{flex:none;width:38px;height:38px;border-radius:31px;display:flex;align-items:center;
  justify-content:center;font:700 12px/14px var(--f-font);color:var(--f-on-brand);
  background:linear-gradient(180deg,#6981FA,#3A5BFF)}
.b-sharh:nth-child(3n+2) .b-avatar{background:linear-gradient(180deg,#FF8901,#EF8000)}
.b-sharh:nth-child(3n+3) .b-avatar{background:linear-gradient(180deg,#FF0101,#C30000)}
[data-theme="dark"] .b-avatar{color:var(--f-bg)}
.b-sharh-kim div{display:flex;flex-direction:column;gap:4px}
.b-sharh-kim b{font:500 16px/20px var(--f-font);color:var(--f-heading)}
.b-sharh-kim small{font:400 12px/14px var(--f-font);color:var(--f-sayt-matn)}
.b-sharh-baho{position:absolute;right:18px;top:30px;display:flex;align-items:center;gap:5px;
  font:500 clamp(12px, calc(12px + 4 * (100vw - 375px) / 1065), 16px)/14px var(--f-font);color:var(--f-heading)}
.b-sharh p{margin:15px 0 0;font:400 clamp(12px, calc(12px + 2 * (100vw - 375px) / 1065), 14px)/clamp(18px, calc(18px + 4 * (100vw - 375px) / 1065), 22px) var(--f-font);color:var(--f-sayt-matn)}
.b-nuqtalar{display:flex;justify-content:center;gap:5px;margin-top:19px}
.b-sharh-bosh{display:flex;flex:1 0 100%;flex-direction:column;align-items:center;justify-content:center;width:100%;
  min-height:clamp(220px, calc(220px + 298 * (100vw - 375px) / 1065), 518px);text-align:center;
  border-radius:clamp(10px, calc(10px + 10 * (100vw - 375px) / 1065), 20px);background:var(--f-bosh-karta)}
.b-sharh-bosh img{width:clamp(140px, calc(140px + 60 * (100vw - 375px) / 1065), 200px);height:auto;margin-bottom:14px}
.b-sharh-bosh b{font:500 clamp(16px, calc(16px + 2 * (100vw - 375px) / 1065), 18px)/30px var(--f-font);color:var(--f-bosh-holat-sarlavha)}
.b-nuqtalar i{width:7px;height:7px;border-radius:32px;background:var(--f-qator-nuqta)}
.b-nuqtalar i.on{background:var(--f-brand-2)}
.b-hero{position:relative;padding:clamp(36px, calc(36px + 135.32 * (100vw - 375px) / 1065), 171.32px) 0 0;text-align:center}
.b-hero .wrap{position:relative;z-index:1}
.b-hero h1{max-width:clamp(286px, calc(286px + 551 * (100vw - 375px) / 1065), 837px);margin:0 auto;font:600 clamp(18px, calc(18px + 18 * (100vw - 375px) / 1065), 36px)/clamp(25px, calc(25px + 18.57 * (100vw - 375px) / 1065), 43.57px) var(--f-font);
  color:var(--f-heading);letter-spacing:0}
.b-hero p{max-width:clamp(230px, calc(230px + 261 * (100vw - 375px) / 1065), 491px);margin:clamp(14px, calc(14px + 4.81 * (100vw - 375px) / 1065), 18.81px) auto 0;
  font:400 clamp(12px, calc(12px + 4 * (100vw - 375px) / 1065), 16px)/clamp(18px, calc(18px + 7 * (100vw - 375px) / 1065), 25px) var(--f-font);color:var(--f-heading)}
.q-sahifa{padding:24px 0 0}
.q-karta{width:min(1240px, calc(100% - 2 * clamp(15px, calc(15px + 85 * (100vw - 375px) / 1065), 100px)));margin:0 auto}
.q-karta{padding:24px;border-radius:8px;background:var(--f-surface-site);box-shadow:var(--f-api-soya)}
.q-sahifa h1{margin:0 0 8px;font:700 36px/43.2px var(--f-font);color:var(--f-heading);letter-spacing:0}
.q-sahifa h2{margin:24px 0 8px;font:700 30px/36px var(--f-font);color:var(--f-heading);text-align:left;letter-spacing:0}
.q-sahifa p,.q-royxat li{margin:0;font:400 16px/24px var(--f-font);color:var(--f-sayt-matn)}
.q-royxat{margin:16px 0 0;padding:0 0 0 24px;display:flex;flex-direction:column;gap:12px}
.q-royxat b{display:block;font-weight:600;color:var(--f-heading)}
.q-sana{margin-top:16px!important}
.q-sahifa .toldiriladi,.toldiriladi{color:var(--f-hint);font-style:italic}
.q-sahifa ~ .s-footer,.q-sahifa + .s-footer{margin-top:61px}
@media (min-width:1000px){
  .b-sharhlar{display:grid;grid-template-columns:400fr 820fr;gap:20px}
  .b-sharh-chap{display:block}
  .b-sharh-ong{height:558px;flex-direction:column;gap:16px;overflow-x:hidden;overflow-y:auto;
    border-radius:20px;background:var(--f-bosh-karta);padding:20px}
  .b-sharh{width:auto;min-height:0;border-radius:12px;background:var(--f-sharh-ichki)}
  .b-sharh p{color:var(--f-sharh-matn)}
  .b-nuqtalar{display:none}
  .b-sharh-bosh{min-height:100%;border-radius:0;background:none}
}
