/* v16.60: тарҳи саҳифаи асосӣ — аз index.html ба файли алоҳида (кэш мешавад; index.html ≤ 190 КБ). Тартиби каскад ҳамон: пас аз <style>-и асосӣ. */
/* ===== v16.60: редизайн — саҳифаи асосӣ (макетҳои М1/Д1, тасдиқ 19.10.2026). ТАНҲО намуд: data-act, id ва ҷараён бетағйир ===== */
:root{--hm-blue:#1A6DF0;--hm-blue-h:#1458C9;--hm-blue-d:#0F2E66;--hm-ink3:#273449;--hm-ring:#93B8F7}
#home{padding-bottom:88px}
/* сарлавҳа */
.hm-top{padding:12px 16px}
.hm-logo .h-logo,.hm-logo-fb{border-radius:8px}
.hm-sub{font-size:12px;letter-spacing:0}
.hm-lc{height:44px;border-radius:10px;padding:0 12px}
.hm-ib{width:44px;height:44px;border-radius:10px}
.hm-dnav,.hm-tel,.hm-dlink,.hm-dcab{display:none}
#home button:focus-visible,#home a:focus-visible,#home [data-act]:focus-visible,.bnav .bn:focus-visible,.chat-fab:focus-visible{outline:3px solid var(--hm-ring);outline-offset:2px}
/* hero: заминаи торик, хатти кӯҳҳо */
.hm-hero{position:relative;overflow:hidden;background:var(--hm-blue-d);padding:26px 16px 92px}
.hm-hero h1,.hm-hero p{position:relative}
.hm-hero h1{font-size:28px;line-height:1.18}
.hm-hero p{color:#C4D6F5;font-size:14px;line-height:1.45;margin-top:8px}
.hm-mtn{position:absolute;left:0;right:0;bottom:0;width:100%;height:70px;display:block}
/* корти ҷустуҷӯ */
.hm-card{margin:-64px 16px 0;border-radius:14px;box-shadow:0 2px 8px rgba(15,27,45,.08);padding:14px;gap:10px}
.hm-tabs{gap:2px;background:none;padding:0;border-radius:0;border-bottom:1px solid var(--hm-line);margin:-2px -2px 2px}
.hm-tabs button{height:44px;border-radius:0;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#4A5B72}
.hm-tabs button.on{background:none;box-shadow:none;color:var(--hm-blue);font-weight:600;border-bottom-color:var(--hm-blue)}
.hm-sb .sb-trip{background:none;padding:0;border-radius:0;gap:16px;justify-content:flex-start}
.hm-sb .sb-trip button{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:36px;padding:0;border-radius:0;font-size:14px;font-weight:500;color:var(--hm-ink);background:none}
.hm-sb .sb-trip button::before{content:"";width:18px;height:18px;box-sizing:border-box;border-radius:50%;border:2px solid #8494AA;background:var(--hm-card);flex-shrink:0}
.hm-sb .sb-trip button.on{background:none;box-shadow:none;color:var(--hm-ink)}
.hm-sb .sb-trip button.on::before{border:5px solid var(--hm-blue)}
.hm-sb .sb-route{gap:6px}
.hm-sb .sb-pt{min-height:56px;display:flex;flex-direction:column;justify-content:center;border-radius:10px;padding:8px 14px 8px 44px;background-repeat:no-repeat;background-position:14px 50%;background-size:18px 18px}
.hm-sb .sb-route .sb-pt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.hm-sb .sb-row2 .sb-pt:first-child{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
.hm-sb .sb-row2 .sb-pt:last-child{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E")}
.hm-sb .sb-pt .val.ph{color:#8494AA;font-size:16px;font-weight:600}
.hm-sb .sb-swap{width:40px;height:40px;border-radius:10px;right:12px}
.hm-sb .sb-row2{gap:6px}
.hm-cta.btn-search{border-radius:10px;margin-top:2px}
.hm-cta.btn-search:hover{background:var(--hm-blue-h)}
/* бахшҳо */
.hm-svc .q-ic{border-radius:12px}
.hm-row{border-radius:12px}
.hm-row-ic{border-radius:10px}
.hm-steps ol{list-style:none;margin:0;padding:18px 16px;background:var(--hm-card);border:1px solid var(--hm-line);border-radius:12px;display:flex;flex-direction:column;gap:12px}
.hm-steps li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--hm-ink)}
.hm-steps .hm-h{margin-bottom:14px}
.hm-step-n{width:28px;height:28px;flex-shrink:0;border-radius:8px;background:var(--hm-tint);color:var(--hm-blue);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
/* блоки ТКП: логотипи аслӣ ≥120×40, майдони ҳимоявӣ ≥ баландии «К», заминаи сафед, бе соя/рамка дар худи логотип */
.hm-tkp{margin:16px 16px 0;padding:32px 16px 32px 32px;background:#fff;border:1px solid var(--hm-line);border-radius:12px;display:flex;align-items:center;gap:32px}
.hm-tkp img{width:128px;height:40px;flex-shrink:0;display:block}
.hm-tkp p{margin:0;font-size:13px;line-height:1.45;color:var(--hm-ink3)}
body.dark-mode .hm-tkp p{color:#273449}
.hm-trust{margin:16px 16px 0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
/* поёни сайт */
#home #sgFooter .sg-footer{margin:28px 0 0!important;padding:22px 16px!important;border-radius:0!important;border-width:1px 0 0!important;font-size:13px!important}
#home #sgFooter .sg-footer a{color:var(--hm-blue-h)!important;text-decoration:none}
/* менюи поён ва чат */
.bnav{height:72px;padding:0;align-items:stretch;box-shadow:none;border-top:1px solid var(--hm-line);background:var(--hm-card)}
.bnav .bn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}
.bnav .bn.on{font-weight:600}
.chat-fab{background:var(--hm-blue);bottom:88px;width:48px;height:48px;border-radius:12px;box-shadow:0 2px 8px rgba(15,27,45,.18)}
.chat-fab svg{display:block}
@media (max-width:479px){.hm-tkp{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px}}
/* компютер: сарлавҳаи пурра, hero аз канор то канор, ҷустуҷӯ дар як сатр */
@media (min-width:1024px){
  .screen#home{max-width:none;box-shadow:none;background:var(--hm-bg)}
  #home{--hm-pad:max(24px,calc((100% - 1200px) / 2));padding-bottom:0}
  .hm-top{padding:12px var(--hm-pad);gap:12px 20px;flex-wrap:wrap}
  .hm-brand{flex:0 0 auto}
  .hm-dnav{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}
  .hm-dnav button{height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--hm-ink3);font:500 14px inherit;font-family:inherit;cursor:pointer}
  .hm-dnav button.on{background:var(--hm-tint);color:var(--hm-blue);font-weight:600}
  .hm-dnav button:hover{color:var(--hm-blue)}
  .hm-tel{display:none;font-size:14px;font-weight:600;color:var(--hm-ink);text-decoration:none;white-space:nowrap}
  .hm-dlink{display:block;height:44px;padding:0 12px;border:1px solid var(--hm-line2);border-radius:10px;background:var(--hm-card);color:var(--hm-ink);font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
  .hm-dcab{display:block;height:44px;padding:0 18px;border:0;border-radius:8px;background:var(--hm-blue);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
  .hm-dcab:hover{background:var(--hm-blue-h)}
  .hm-hero{padding:56px var(--hm-pad) 150px}
  .hm-hero h1{font-size:40px;line-height:1.15;max-width:720px}
  .hm-hero p{font-size:17px;line-height:1.5;max-width:640px;margin-top:12px}
  .hm-mtn{height:110px}
  .hm-card{margin:-96px var(--hm-pad) 0;max-width:none;padding:20px;gap:14px;border-radius:14px;box-shadow:0 2px 10px rgba(15,27,45,.08)}
  .hm-tabs{border:0;margin:0;gap:6px;flex-wrap:wrap}
  .hm-tabs button{flex:0 0 auto;height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--hm-tint);color:var(--hm-ink3);font-weight:600}
  .hm-tabs button.on{background:var(--hm-blue);color:#fff;border:0}
  .hm-sb.searchbar{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(160px,auto);gap:14px 10px;align-items:stretch}
  .hm-sb .sb-trip{grid-column:1/-1}
  .hm-sb .sb-route,.hm-sb .sb-row2{display:contents}
  .hm-sb .sb-swap{position:static;transform:none;align-self:center;justify-self:center}
  .hm-sb .sb-pt{border-radius:8px}
  .hm-cta.btn-search{height:auto;min-height:56px;margin:0;padding:0 20px;border-radius:8px}
  .hm-note{font-size:13px}
  .hm-sec{padding:40px var(--hm-pad) 0}
  .hm-h{font-size:24px}
  .hm-svc{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .hm-svc .q{flex-direction:row;justify-content:flex-start;gap:14px;padding:16px;background:var(--hm-card);border:1px solid var(--hm-line);border-radius:12px;text-align:left}
  .hm-svc .q:hover{border-color:var(--hm-line2)}
  .hm-svc .q-ic{width:48px;height:48px;border-radius:10px;background:var(--hm-tint);border:0;flex-shrink:0}
  .hm-svc .q-l{font-size:16px;font-weight:700;text-align:left}
  .hm-svc:empty{min-height:166px}
  .hm-special{grid-template-columns:1fr 1fr;gap:12px}
  .hm-steps ol{flex-direction:row;padding:24px;gap:20px;border-radius:14px}
  .hm-steps li{flex:1 1 0;font-size:15px;line-height:1.5}
  .hm-step-n{width:32px;height:32px}
  .hm-tkp{margin:24px var(--hm-pad) 0;padding:40px;gap:40px;border-radius:14px}
  .hm-tkp img{width:156px;height:49px}
  .hm-tkp p{font-size:15px;line-height:1.55;max-width:760px}
  .hm-trust{margin:24px var(--hm-pad) 0;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px;padding:20px 24px}
  #home #sgFooter .sg-footer{margin:48px 0 0!important;padding:32px var(--hm-pad)!important;font-size:13px!important}
  #home.active~.bnav{display:none}
  .chat-fab{bottom:24px;right:24px}
  .hm-top{flex-wrap:nowrap;gap:12px}
  .hm-dnav{flex-wrap:nowrap;gap:2px}
  .hm-dnav button{padding:0 10px;white-space:nowrap}
  .hm-dnav button:nth-child(5),.hm-dnav button:nth-child(6){display:none}
}
@media (min-width:1280px){.hm-dnav button:nth-child(5),.hm-dnav button:nth-child(6){display:block}}
@media (min-width:1600px){
  .hm-tel{display:block}
  .bnav{width:100%}
}