/* ============ MaxProfit — narx taqqoslash (premium light / indigo) ============ */
:root{
  --indigo:#6366F1; --indigo-600:#5457E5; --indigo-700:#4338CA;
  --violet:#8B5CF6; --accent-grad:linear-gradient(135deg,#6366F1 0%,#8B5CF6 100%);
  --ink:#0F172A; --ink-2:#334155; --muted:#64748B; --muted-2:#94A3B8;
  --line:#E7E9F2; --line-2:#EEF0F7;
  --bg:#F7F8FC; --card:#FFFFFF; --chip:#F1F3FB;
  --green:#16A34A; --green-bg:#ECFDF3; --red:#E11D48; --amber:#D97706;
  --shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --shadow:0 6px 24px rgba(79,70,229,.08),0 2px 8px rgba(15,23,42,.05);
  --shadow-lg:0 20px 60px rgba(79,70,229,.16),0 8px 24px rgba(15,23,42,.08);
  --radius:18px; --radius-sm:12px;
  --maxw:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Plus Jakarta Sans","Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.hidden{display:none!important}

/* ---------- Header ---------- */
.mp-header{position:sticky;top:0;z-index:40;background:rgba(247,248,252,.82);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line-2)}
.mp-header .container{display:flex;align-items:center;gap:18px;height:66px}
.mp-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.mp-logo img{display:block;height:32px;width:auto}
.mp-header-search{flex:1;max-width:560px;margin-left:8px}

/* ---------- Hero / landing ---------- */
.hero{text-align:center;padding:72px 0 30px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--chip);color:var(--indigo-700);font-weight:600;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);margin-bottom:22px}
.hero .eyebrow .pin{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,74,.15)}
.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-.03em;margin:0 0 16px;font-weight:800}
.hero h1 .grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p.lead{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:620px;margin:0 auto 34px}

/* ---------- Search box ---------- */
.search-wrap{max-width:680px;margin:0 auto}
.search-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s}
.search-box:focus-within{border-color:var(--indigo);box-shadow:var(--shadow-lg)}
.search-box .ico{color:var(--muted-2);flex:none;display:flex}
.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:17px;color:var(--ink);font-family:inherit;min-width:0}
.search-box input::placeholder{color:var(--muted-2)}
.btn-search{border:0;cursor:pointer;background:var(--accent-grad);color:#fff;font-weight:700;font-size:15px;font-family:inherit;padding:13px 26px;border-radius:999px;box-shadow:0 8px 20px rgba(99,102,241,.35);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn-search:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(99,102,241,.45)}
.btn-search:active{transform:translateY(0)}
.btn-search .bs-ic{display:none}
.search-hint{display:flex;align-items:flex-start;gap:8px;justify-content:center;max-width:620px;margin:14px auto 0;padding:10px 16px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.14);border-radius:14px;color:var(--muted);font-size:13.5px;line-height:1.55;text-align:left}
.search-hint svg{color:var(--indigo);flex:none;margin-top:2px}
.search-hint b{color:var(--ink);font-weight:700}
.search-hint i{font-style:normal;color:var(--indigo);font-weight:600;white-space:nowrap}
.mp-header-search .search-box{padding:5px 5px 5px 16px;box-shadow:var(--shadow-sm)}
.mp-header-search .search-box input{font-size:15px}
.mp-header-search .btn-search{padding:9px 18px;font-size:14px}

/* ---------- Top searches / chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.chips .label{width:100%;text-align:center;color:var(--muted-2);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:14px;padding:9px 15px;border-radius:999px;box-shadow:var(--shadow-sm);transition:all .16s}
.chip:hover{border-color:var(--indigo);color:var(--indigo-700);transform:translateY(-1px);box-shadow:var(--shadow)}
.chip .rank{color:var(--indigo);font-weight:800;font-size:12px}
.chip .cnt{color:var(--muted-2);font-size:12px;font-weight:600}

/* ---------- Stores strip ---------- */
.stores-strip{margin-top:54px;text-align:center}
.stores-strip .cap{color:var(--muted-2);font-size:13px;font-weight:600;margin-bottom:16px}
.stores-strip .logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:760px;margin:0 auto}
.store-pill{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 16px;font-weight:600;color:var(--ink-2);font-size:14px;box-shadow:var(--shadow-sm)}
.store-pill .em{font-size:17px}
.store-pill .plogo{width:24px;height:24px;object-fit:contain;border-radius:6px;flex:none}
.store-pill.off{opacity:.45}
a.store-pill{transition:transform .15s,border-color .15s,box-shadow .15s,color .15s}
a.store-pill:hover{transform:translateY(-2px);border-color:#C7CCF6;color:var(--indigo-700);box-shadow:0 8px 20px rgba(99,102,241,.14)}
.stores-strip .cap a{color:var(--indigo);font-weight:700}
.slogo{width:18px;height:18px;object-fit:contain;border-radius:4px;flex:none;background:#fff;vertical-align:middle}
.best-banner .src .slogo{vertical-align:-4px;margin-right:2px}

/* ---------- Features ---------- */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:64px 0 20px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
.feature .ic{width:46px;height:46px;border-radius:12px;background:var(--chip);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.feature h3{margin:0 0 6px;font-size:17px;font-weight:700}
.feature p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------- Results ---------- */
.results-head{padding:26px 0 6px}
.results-head h2{font-size:22px;margin:0 0 4px;font-weight:800;letter-spacing:-.02em}
.results-head h2 span{color:var(--indigo)}
.results-head .meta{color:var(--muted);font-size:14px}
.correction{font-size:14px;color:var(--ink-2);background:#FFF8E6;border:1px solid #FDE9B5;border-radius:12px;padding:10px 14px;margin-top:10px;line-height:1.7}
.correction strong{color:var(--indigo-700)}
.correction .typed{color:var(--muted)}
.correction a{color:var(--indigo);font-weight:700;margin-left:4px}
.correction a:hover{text-decoration:underline}
.best-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#EEF0FF 0%,#F3EEFF 55%,#FCF3FF 100%);border:1px solid #E0E3FB;border-radius:var(--radius);padding:18px 22px;margin:18px 0 22px;box-shadow:var(--shadow-sm)}
.best-media{position:relative;flex:none}
.best-media .best-img{width:74px;height:74px;background:#fff;border-radius:14px;padding:8px;object-fit:contain;border:1px solid #E0E3FB}
.best-media .best-ph{width:74px;height:74px;display:flex;align-items:center;justify-content:center;font-size:34px;background:#fff;border-radius:14px;border:1px solid #E0E3FB}
.best-crown{position:absolute;top:-10px;left:-10px;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#FBBF24,#F59E0B);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 5px 14px rgba(245,158,11,.45)}
.best-info{flex:1;min-width:0}
.best-info .t{font-size:12px;color:var(--indigo-700);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.best-info .n{font-weight:700;font-size:16px;color:var(--ink);margin:4px 0 9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.best-store{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:999px}
.best-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.best-right .p{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.best-right .p span{font-size:15px;color:var(--muted);font-weight:600}
.best-right .go{white-space:nowrap}

/* Filtrlar */
.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:0 0 16px;box-shadow:var(--shadow-sm);position:sticky;top:76px;z-index:20}
.fstores{display:flex;flex-wrap:wrap;gap:8px}
.fpill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:600;font-size:13px;font-family:inherit;padding:7px 12px;border-radius:999px;cursor:pointer;transition:.14s}
.fpill .n{background:var(--chip);color:var(--muted-2);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}
.fpill.active{border-color:var(--indigo);color:var(--indigo-700);background:var(--chip)}
.fpill.active .n{background:var(--indigo);color:#fff}
.fright{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fprice{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 10px}
.fprice input{width:76px;border:0;outline:0;font-size:13.5px;font-family:inherit;color:var(--ink);background:transparent}
.fprice input::-webkit-outer-spin-button,.fprice input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fprice span{color:var(--muted-2);font-size:13px}
.fprice .cur{font-weight:600}
#fsort{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600;font-family:inherit;color:var(--ink-2);cursor:pointer;outline:0}

/* Natijalar ro'yxati (1 qatorda 1 tovar) */
.rlist{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}
.rrow{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s,border-color .14s;position:relative}
.rrow:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#DADEF7}
.rrow.best{border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo)}
.rimg{width:84px;height:84px;flex:none;background:#fff;border:1px solid var(--line-2);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:7px;position:relative}
.rimg img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.rimg .rbest{position:absolute;top:-9px;left:-9px;background:var(--accent-grad);color:#fff;font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px rgba(99,102,241,.4)}
.badge-store{display:inline-flex;align-items:center;gap:6px;background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;color:var(--ink-2)}
.rinfo{flex:1;min-width:0}
.rtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.tag-best{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:#92610A;background:linear-gradient(135deg,#FEF3C7,#FDE68A);border:1px solid #FCD34D;padding:3px 10px;border-radius:999px}
/* Reyting belgilari — oltin/kumush/bronza */
.rank-badge{position:absolute;top:-10px;left:-10px;width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;box-shadow:0 4px 10px rgba(15,23,42,.22);z-index:3;border:2px solid #fff}
.rank-badge.r1{background:linear-gradient(135deg,#FBBF24,#F59E0B)}
.rank-badge.r2{background:linear-gradient(135deg,#CBD5E1,#8E9AAB)}
.rank-badge.r3{background:linear-gradient(135deg,#E0A872,#B4702E)}
.rrow.rank-1{border-color:#FCD34D;box-shadow:0 0 0 1.5px #F59E0B,var(--shadow-sm);background:linear-gradient(90deg,#FFFBEF,#fff 42%)}
.rrow.rank-2{border-color:#CBD5E1;box-shadow:0 0 0 1.5px #AEB8C7,var(--shadow-sm);background:linear-gradient(90deg,#FAFBFC,#fff 42%)}
.rrow.rank-3{border-color:#E8CBA8;box-shadow:0 0 0 1.5px #C98A4E,var(--shadow-sm);background:linear-gradient(90deg,#FFFBF5,#fff 42%)}
.rname{font-size:15px;font-weight:600;color:var(--ink);line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rmeta{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted)}
.rnasiya{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.rnasiya .nas-ico{font-size:12px;font-weight:600;color:var(--muted)}
.nas-chip{font-size:11.5px;font-weight:600;color:#4f46e5;background:rgba(99,102,241,.09);border:1px solid rgba(99,102,241,.18);padding:2px 9px;border-radius:999px;white-space:nowrap;cursor:default}
.rprice{flex:none;width:200px;text-align:right}
.rprice .price{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.rprice .price .cur{font-size:13px;font-weight:600;color:var(--muted);margin-left:3px}
.rprice .pold{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:3px}
.rprice .old{font-size:13px;color:var(--muted-2);text-decoration:line-through}
.rprice .disc{font-size:12px;font-weight:800;color:var(--green);background:var(--green-bg);padding:2px 7px;border-radius:7px}
.rprice .inst{margin-top:7px;font-size:12.5px;color:var(--indigo-700);font-weight:600}
.rprice .inst .mo{color:var(--muted);font-weight:500}
.ract{flex:none;display:flex;justify-content:flex-end}
.btn-open{display:inline-flex;align-items:center;gap:7px;background:var(--accent-grad);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px;box-shadow:0 6px 16px rgba(99,102,241,.3);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn-open:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(99,102,241,.4)}
.no-match{text-align:center;padding:50px 20px;color:var(--muted)}
.no-match .em{font-size:40px;margin-bottom:10px}
.slow-loading{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--muted);font-size:13.5px;font-weight:600;padding:13px;background:var(--card);border:1px dashed var(--line);border-radius:12px;margin:2px 0 18px}
.spin-sm{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--indigo);border-radius:50%;animation:sp .7s linear infinite;flex:none}

/* sources used */
.sources-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 2px}
.src-tag{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.src-tag .c{color:var(--muted-2)}

/* empty / error */
.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.empty .em{font-size:48px;margin-bottom:12px}
.empty h3{color:var(--ink);font-size:20px;margin:0 0 6px}

/* loading */
.loader{display:none;text-align:center;padding:60px 0}
.loader .spin{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--indigo);border-radius:50%;margin:0 auto 14px;animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.is-loading .loader{display:block}
.is-loading #resultsArea{display:none}

/* ---------- Footer ---------- */
.mp-footer{margin-top:56px;background:#0B1120;color:#94A3B8;font-size:14px}
.mp-footer a{color:#CBD5E1;transition:color .15s}
.mp-footer a:hover{color:#fff}
.ft-top{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:36px;padding:52px 0 40px}
.ft-logo img{display:block;height:32px;width:auto}
.ft-brand p{margin:16px 0 20px;line-height:1.65;max-width:360px}
.ft-social{display:flex;gap:10px;flex-wrap:wrap}
.ft-social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#E2E8F0;transition:background .15s,border-color .15s,transform .15s}
.ft-social a:hover{background:var(--indigo);border-color:var(--indigo);color:#fff;transform:translateY(-2px)}
.ft-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--accent-grad);color:#fff!important;font-weight:700;font-size:13.5px;box-shadow:0 8px 20px rgba(99,102,241,.25)}
.ft-cta:hover{filter:brightness(1.08)}
.ft-col b{display:block;color:#fff;font-size:14.5px;font-weight:800;margin-bottom:14px;letter-spacing:-.01em}
.ft-col a{display:block;padding:5px 0;line-height:1.4}
.ft-col .ft-more{color:#A5B4FC;font-weight:600;margin-top:4px}
.ft-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:20px 0 26px;font-size:13px;color:#64748B}
.ft-bottom .fl-sw{margin:0}
.ft-bottom .fl-sw a{color:#94A3B8}.ft-bottom .fl-sw a.on{color:#A5B4FC;font-weight:700}
.ft-bottom .fl-sw .sep{color:#334155}
@media (max-width:900px){.ft-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ft-brand{grid-column:1/-1}}
@media (max-width:560px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 0 30px}.ft-bottom{flex-direction:column;align-items:flex-start}}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .features{grid-template-columns:1fr}
  .rprice{width:170px}
}
@media (max-width:760px){
  .filters{position:static;top:auto}
  .rrow{flex-wrap:wrap;gap:12px 14px;padding:14px}
  .rimg{width:66px;height:66px}
  .rinfo{flex:1 1 130px}
  .rprice{order:3;width:100%;text-align:left;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line-2);padding-top:11px;margin-top:2px}
  .rprice .pold,.rprice .inst{margin:0}
  .ract{order:4;width:100%}
  .btn-open{width:100%;justify-content:center}
}
@media (max-width:620px){
  .hero{padding:40px 0 20px}
  .mp-header-search{display:none}
  .btn-search span{display:none}
  .btn-search .bs-ic{display:block}
  .btn-search{padding:13px 16px}
  .best-banner{flex-wrap:wrap;gap:14px}
  .best-info{flex:1 1 140px}
  .best-right{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  .fright{width:100%}
  .fright #fsort{flex:1}
}

/* ============ AUTH / HEADER USER ============ */
.mp-auth{margin-left:auto;flex:none}
.btn-login{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;background:var(--accent-grad,linear-gradient(135deg,#6366F1,#8B5CF6));color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;box-shadow:0 6px 16px rgba(99,102,241,.3);transition:transform .12s,box-shadow .12s}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(99,102,241,.4)}
.mp-user{position:relative}
.mp-user .u-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-family:inherit;padding:6px 12px 6px 6px;border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink-2);font-weight:600;font-size:14px}
.mp-user .u-av{width:30px;height:30px;border-radius:50%;background:var(--accent-grad,linear-gradient(135deg,#6366F1,#8B5CF6));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none}
.mp-user .u-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-user .u-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:.15s;z-index:50}
.mp-user.open .u-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.mp-user .u-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink-2);font-weight:600;font-size:14px;text-decoration:none}
.mp-user .u-menu a:hover{background:var(--chip)}
.mp-user .u-menu a.danger{color:#E11D48}
@media(max-width:560px){.mp-user .u-name{display:none}}

/* ============ LOGIN MODAL ============ */
.mp-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}
.mp-modal[hidden]{display:none}
.mp-modal-bg{position:absolute;inset:0;background:rgba(17,12,46,.5);backdrop-filter:blur(3px)}
.mp-modal-card{position:relative;background:var(--card);border-radius:22px;box-shadow:0 30px 70px rgba(17,12,46,.4);width:400px;max-width:100%;padding:28px;text-align:center;animation:mpup .22s ease}
@keyframes mpup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.mp-x{position:absolute;top:14px;right:16px;border:0;background:transparent;font-size:26px;line-height:1;color:var(--muted-2);cursor:pointer}
.ml-head .ml-tg{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#2AABEE,#229ED9);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 10px 24px rgba(34,158,217,.35)}
.ml-head h3{margin:0 0 6px;font-size:21px;color:var(--ink)}
.ml-head p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.55}
.ml-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;cursor:pointer;background:linear-gradient(135deg,#2AABEE,#229ED9);color:#fff;font-family:inherit;font-weight:700;font-size:15.5px;padding:14px;border-radius:14px;text-decoration:none;box-shadow:0 8px 20px rgba(34,158,217,.3);transition:transform .12s}
.ml-btn:hover{transform:translateY(-1px)}
.ml-note{margin-top:14px;color:var(--muted);font-size:13.5px}
.ml-code{font-size:38px;font-weight:800;letter-spacing:.14em;color:var(--indigo);background:var(--chip);border:1px dashed #C7CBF5;border-radius:14px;padding:16px;margin-bottom:16px}
.ml-guide{text-align:left;margin:0 0 18px;padding-left:20px;color:var(--ink-2);font-size:14px;line-height:1.7}
.ml-guide li{margin-bottom:3px}
.ml-wait{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13.5px;font-weight:600;margin-top:16px}

/* ============ FAVORITE BUTTON ============ */
.ract{gap:10px;align-items:center}
.btn-fav{flex:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--muted-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.btn-fav:hover{border-color:#FCA5B5;color:#F43F5E;background:#FFF1F4}
.btn-fav.on{background:#FFE4EA;border-color:#FDA4B4;color:#F43F5E}
.btn-fav.on svg{fill:#F43F5E}
.btn-fav:disabled{opacity:.5;cursor:default}

/* ============ AD BLOCK ============ */
.mp-ad{display:flex;align-items:center;gap:16px;position:relative;background:linear-gradient(120deg,#FFFDF5,#FFF8EC);border:1px solid #F3E6C8;border-radius:var(--radius);padding:14px 18px;margin:0 0 16px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s}
.mp-ad:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.mp-ad .ad-tag{position:absolute;top:8px;right:12px;font-size:10px;font-weight:700;color:#B98900;background:#FFF2CC;border:1px solid #F3E0A8;padding:2px 8px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
.mp-ad .ad-media{width:66px;height:66px;flex:none;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center}
.mp-ad .ad-media img{width:100%;height:100%;object-fit:contain}
.mp-ad .ad-body{flex:1;min-width:0}
.mp-ad .ad-title{display:block;font-weight:700;font-size:15.5px;color:var(--ink)}
.mp-ad .ad-sub{display:block;color:var(--muted);font-size:13.5px;margin-top:3px}
.mp-ad .ad-cta{flex:none;display:inline-flex;align-items:center;gap:6px;background:#111827;color:#fff;font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:999px}
@media(max-width:560px){.mp-ad .ad-cta span{display:none}}

/* ============ BENEFITS BLOCK ============ */
.mp-benefits{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#EEF0FF,#F5EEFF);border:1px solid #E0E3FB;border-radius:var(--radius);padding:18px 22px;margin:0 0 18px}
.mp-benefits .bf-ic{font-size:30px;flex:none}
.mp-benefits .bf-txt{flex:1;min-width:0}
.mp-benefits .bf-txt h4{margin:0 0 5px;font-size:16px;color:var(--ink)}
.mp-benefits .bf-txt p{margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--ink-2);font-size:13.5px;font-weight:600}
.mp-benefits .bf-txt p i{font-style:normal;color:var(--muted-2);font-weight:500}
.mp-benefits .bf-btn{flex:none;border:0;cursor:pointer;background:linear-gradient(135deg,#2AABEE,#229ED9);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px;box-shadow:0 6px 16px rgba(34,158,217,.3)}
@media(max-width:700px){.mp-benefits{flex-wrap:wrap}.mp-benefits .bf-btn{width:100%}}

/* ============ ACCOUNT PAGES ============ */
.acc-wrap{padding:30px 20px 60px;max-width:960px}
.acc-head{margin-bottom:24px}
.acc-head h1{font-size:28px;margin:0 0 4px}
.acc-head p{margin:0;color:var(--muted)}
.acc-empty{text-align:center;padding:60px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.acc-empty .ic{font-size:52px;margin-bottom:12px}
.acc-empty h3{margin:0 0 6px;font-size:19px}
.acc-empty p{margin:0 0 20px;color:var(--muted)}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent-grad,linear-gradient(135deg,#6366F1,#8B5CF6));color:#fff;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:12px;box-shadow:0 8px 20px rgba(99,102,241,.3)}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.fav-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:opacity .18s}
.fav-card .btn-fav{position:absolute;top:12px;right:12px;z-index:2}
.fav-img{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.fav-img img{max-width:100%;max-height:100%;object-fit:contain}
.fav-src{font-size:12px;font-weight:700;color:var(--indigo);margin-bottom:4px}
.fav-name{font-size:14.5px;font-weight:600;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fav-price{font-size:19px;font-weight:800;color:var(--ink);margin-bottom:10px}
.fav-price span{font-size:13px;font-weight:600;color:var(--muted)}
.fav-open{font-size:13.5px;font-weight:700;color:var(--indigo);text-decoration:none}
.hist-list{display:flex;flex-direction:column;gap:8px}
.hist-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.14s}
.hist-row:hover{border-color:#C7CBF5;transform:translateY(-1px)}
.hist-row .h-ic{font-size:18px;flex:none}
.hist-row .h-main{flex:1;min-width:0}
.hist-row .h-q{display:block;font-weight:700;color:var(--ink);font-size:15px}
.hist-row .h-meta{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.hist-row .h-date{color:var(--muted-2);font-size:12.5px;white-space:nowrap}
.hist-row .h-go{color:var(--indigo);font-weight:700;font-size:13px;white-space:nowrap}
@media(max-width:560px){.hist-row .h-date,.hist-row .h-go{display:none}}

/* ---------- Narx tarixi + "Narx yaxshimi?" ---------- */
.pinsight{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 14px;margin:0 0 18px;box-shadow:var(--shadow-sm)}
.pi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.pi-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--ink)}
.pi-title svg{color:var(--indigo)}
.pi-sub{color:var(--muted-2);font-weight:600;font-size:13px}
.pi-level{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid transparent}
.lvl-low{background:var(--green-bg);color:var(--green);border-color:#C9F0D6}
.lvl-typ{background:#EEF2FF;color:var(--indigo-700);border-color:#DDE2FB}
.lvl-high{background:#FFF7ED;color:var(--amber);border-color:#FBE3C3}
.lvl-col{background:var(--chip);color:var(--muted);border-color:var(--line)}
.pi-body{display:flex;gap:18px;align-items:stretch}
.pi-chart{flex:1.7;min-width:0}
.pi-plot{position:relative;height:150px;border-bottom:1px dashed var(--line);cursor:crosshair}
.pi-plot svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.pi-dot,.pi-hdot{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--indigo);border:2px solid #fff;box-shadow:0 0 0 3px rgba(99,102,241,.25);pointer-events:none}
.pi-hdot{background:#fff;border-color:var(--indigo);box-shadow:none}
.pi-guide{position:absolute;top:0;bottom:0;width:1px;background:rgba(99,102,241,.35);pointer-events:none}
.pi-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);background:var(--ink);color:#fff;font-size:12px;padding:6px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;align-items:center;line-height:1.3;z-index:3}
.pi-tip span{color:#CBD5E1;font-size:11px}
.pi-y{position:absolute;right:0;font-size:11px;color:var(--muted-2);font-weight:600;background:rgba(255,255,255,.85);padding:0 4px;border-radius:4px;pointer-events:none}
.pi-ymax{top:0}.pi-ymin{bottom:4px}
.pi-x{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted-2);font-weight:600;margin-top:5px}
.pi-facts{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;min-width:0}
.pi-guide[hidden],.pi-hdot[hidden],.pi-tip[hidden]{display:none}
.pinsight.pi-compact .pi-body{display:block}
.pinsight.pi-compact .pi-facts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pf{background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:1px;min-width:0}
.pf span{font-size:11.5px;color:var(--muted);font-weight:600}
.pf b{font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf b .cur{font-size:11px;color:var(--muted);font-weight:700}
.pf small{font-size:11px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-drop{background:var(--green-bg);border-color:#C9F0D6}.pf-drop b{color:var(--green)}
.pi-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;flex-wrap:wrap}
.pi-note{margin:0;font-size:13px;color:var(--muted);flex:1;min-width:220px}
.btn-alert{display:inline-flex;align-items:center;gap:6px;border:1px solid #DDE2FB;background:#EEF2FF;color:var(--indigo-700);font:inherit;font-weight:700;font-size:13.5px;padding:9px 14px;border-radius:12px;cursor:pointer;transition:all .15s;white-space:nowrap}
.btn-alert:hover{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.btn-alert .a-on{display:none}
.btn-alert.on{background:var(--green-bg);color:var(--green);border-color:#C9F0D6}
.btn-alert.on .a-on{display:inline}.btn-alert.on .a-off{display:none}
.btn-alert.on:hover{background:#FFF1F2;color:var(--red);border-color:#FECDD3}
.btn-alert:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){
  .pi-body{flex-direction:column}
  .pi-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btn-alert{width:100%;justify-content:center;white-space:normal}
}

/* Toast */
.mp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;font-weight:600;font-size:14px;padding:11px 18px;border-radius:12px;box-shadow:var(--shadow-lg);z-index:120;opacity:0;transition:all .25s;max-width:calc(100% - 32px);text-align:center}
.mp-toast.show{opacity:1;transform:translate(-50%,0)}

/* Valyuta almashtirgich */
.cur-sw{display:inline-flex;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:2px;margin-right:8px}
.cur-sw button{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);padding:5px 9px;border-radius:8px;cursor:pointer}
.cur-sw button.on,.cur-sw a.on{background:#fff;color:var(--indigo-700);box-shadow:var(--shadow-sm)}
.cur-sw a{font-size:12.5px;font-weight:700;color:var(--muted);padding:5px 8px;border-radius:8px}
@media(max-width:420px){.cur-cur{display:none}.lang-sw{display:none}}
.fl-sw{margin-top:6px}
.fl-sw a{color:var(--muted)}.fl-sw a.on{color:var(--indigo);font-weight:700}
.fl-sw .sep{margin:0 6px;color:var(--line)}
.mp-auth{display:flex;align-items:center;margin-left:auto}
@media(max-width:560px){.cur-sw{margin-right:6px}.cur-sw button{padding:5px 7px}}
@media(max-width:480px){.btn-login span{display:none}.btn-login{padding-left:11px;padding-right:11px}}

/* ---------- SEO narx sahifalari ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);padding:18px 0 0}
.crumbs a{color:var(--muted);font-weight:600}.crumbs a:hover{color:var(--indigo)}
.crumbs .cur{color:var(--ink-2);font-weight:600}
.seo-head{padding:10px 0 4px}
.seo-head h1{font-size:clamp(24px,3.4vw,32px);line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;font-weight:800}
.seo-lead{margin:0;color:var(--ink-2);font-size:15px}
.seo-lead b{color:var(--green)}
.seo-block{margin:26px 0}
.seo-block h2{font-size:19px;margin:0 0 12px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.seo-block h2 .cnt{font-size:12px;color:var(--muted);background:var(--chip);padding:2px 8px;border-radius:999px;font-weight:700}
.seo-text p{color:var(--ink-2);font-size:15px;margin:0 0 10px;max-width:820px}
.stable{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.st-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid var(--line-2);transition:background .12s}
.st-row:first-child{border-top:0}
.st-row:hover{background:var(--bg)}
.st-n{width:22px;height:22px;border-radius:50%;background:var(--chip);color:var(--muted);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.st-row:first-child .st-n{background:var(--green);color:#fff}
.st-store{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;width:150px;flex:none}
.st-name{flex:1;min-width:0;color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-price{font-weight:800;white-space:nowrap}
.st-price .cur{font-size:12px;color:var(--muted)}
@media(max-width:620px){.st-name{display:none}.st-store{flex:1;width:auto}}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.rel-card{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:all .15s}
.rel-card:hover{border-color:var(--indigo);box-shadow:var(--shadow);transform:translateY(-1px)}
.rel-t{font-weight:700;font-size:14px;color:var(--ink)}
.rel-p{font-size:13px;color:var(--green);font-weight:700}

/* Kuzatuvlar sahifasi */
.alert-row{transition:opacity .18s}
.alert-row .h-main{flex:1;min-width:0;display:flex;flex-direction:column}
.alert-rm{padding:7px 12px}
.acc-note{color:var(--muted);font-size:13.5px;margin:16px 0 40px}
.acc-note a{color:var(--indigo);font-weight:700}
.home-popular{margin:34px auto 26px}
.home-popular h2{justify-content:space-between}
.see-all{font-size:13.5px;color:var(--indigo);font-weight:700}
.tg-promo{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#E8F4FD 0%,#EEF0FF 100%);border:1px solid #D6E7FA;border-radius:var(--radius);padding:18px 20px;margin:10px 0 50px}
.tg-ic{width:48px;height:48px;border-radius:14px;background:#229ED9;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 16px rgba(34,158,217,.35)}
.tg-txt{flex:1;min-width:0}
.tg-txt h3{margin:0 0 3px;font-size:17px;font-weight:800}
.tg-txt p{margin:0;color:var(--ink-2);font-size:14px}
.tg-txt code{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13px;color:var(--indigo-700)}
.tg-btn{background:#229ED9;color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:12px;white-space:nowrap}
.tg-btn:hover{background:#1A8BC2}
@media(max-width:620px){.tg-promo{flex-wrap:wrap}.tg-btn{width:100%;text-align:center}}
@media(max-width:420px){.best-right .p{font-size:22px}.best-right .p span{font-size:13px}.best-right .go{padding-left:12px;padding-right:12px;font-size:13.5px}}
.err-wrap{text-align:center;padding:70px 20px 90px;max-width:620px}
.err-code{font-size:84px;font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.err-wrap h1{font-size:26px;margin:10px 0 8px}
.err-wrap p{color:var(--muted);margin:0 0 20px}
.err-search{margin:0 auto 18px}
.err-home{color:var(--indigo);font-weight:700;font-size:14px}

/* ---------- Katalog ---------- */
.mp-cat{display:inline-flex;align-items:center;gap:8px;flex:none;height:44px;padding:0 16px 0 14px;margin-left:4px;border-radius:13px;background:#EEF0FF;border:1px solid #DDE2FB;color:var(--indigo-700);font-weight:700;font-size:14.5px;transition:background .18s,color .18s,box-shadow .18s,transform .12s}
.mp-cat:hover,.mp-cat.on{background:var(--accent-grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.32)}
.mp-cat:active{transform:scale(.97)}
.mp-cat-ic{flex:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.mp-cat:hover .mp-cat-ic{transform:rotate(90deg)}
.mp-cat+.mp-header-search{margin-left:0}
@media(max-width:620px){.mp-cat{height:40px;padding:0 12px;margin-left:0}}
@media(max-width:360px){.mp-cat span{display:none}.mp-cat{padding:0 11px}}
.cat-wrap,.prod-wrap{padding-bottom:50px}
.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:18px 0 10px}
.cat-tile{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;transition:all .15s}
.cat-tile:hover{border-color:var(--indigo);box-shadow:var(--shadow);transform:translateY(-2px)}
.ct-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#EEF0FF,#F5EEFF);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:8px}
.ct-n{font-weight:800;font-size:15px;line-height:1.3}.ct-c{font-size:12.5px;color:var(--muted)}
@media(max-width:520px){
  .cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cat-tile{padding:12px}
  .ct-ic{width:40px;height:40px;font-size:22px;margin-bottom:6px}
  .ct-n{font-size:14px}
  .pc-price{font-size:15px}
}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:all .15s}
.pcard:hover{border-color:var(--indigo);box-shadow:var(--shadow);transform:translateY(-2px)}
.pc-img{height:170px;display:flex;align-items:center;justify-content:center;background:#fff;padding:14px;border-bottom:1px solid var(--line-2)}
.pc-img img{max-height:100%;max-width:100%;object-fit:contain}
.pc-img span{font-size:40px;opacity:.4}
.pc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.pc-title{font-weight:700;font-size:14px;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-vars{display:flex;flex-wrap:wrap;gap:4px}
.pc-vars span{font-size:11px;font-weight:700;color:var(--muted);background:var(--chip);border-radius:6px;padding:2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-vars span.more{color:var(--indigo);background:#EEF0FF}
.pc-price{font-weight:800;font-size:16px;color:var(--ink);margin-top:auto}
.pc-meta{font-size:12px;color:var(--muted)}
.cat-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:22px;align-items:start;margin-top:14px}
/* Filtr paneli: kompyuterda yopishqoq, ichida aylanadi; "Ko'rsatish" doim ko'rinadi */
.cat-side{position:sticky;top:82px;z-index:5}
.cf{display:flex;flex-direction:column;max-height:calc(100vh - 100px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.cf-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line-2)}
.cf-head b{font-size:15px;font-weight:800;flex:1}
.cf-reset{font-size:13px;color:var(--indigo);font-weight:700}
.cf-x{display:none;width:34px;height:34px;border:0;border-radius:10px;background:var(--chip);font-size:22px;line-height:1;color:var(--ink-2);cursor:pointer}
.cf-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:4px 16px;scrollbar-width:thin;scrollbar-color:#D7DBEA transparent}
.cf-body::-webkit-scrollbar{width:6px}.cf-body::-webkit-scrollbar-thumb{background:#D7DBEA;border-radius:3px}
.cf-group{padding:14px 0;border-bottom:1px solid var(--line-2)}
.cf-group:last-child{border-bottom:0}
.cf-t{font-weight:800;font-size:13.5px;margin-bottom:10px;color:var(--ink)}
.cf-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cf-price label{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;padding:6px 9px 5px;background:#fff;transition:border-color .15s,box-shadow .15s;min-width:0;cursor:text}
.cf-price label:focus-within{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.cf-price span{font-size:11px;line-height:1.2;color:var(--muted-2);font-weight:600}
.cf-price input{width:100%;min-width:0;border:0;outline:0;padding:1px 0 0;font:inherit;font-size:13.5px;font-weight:700;background:transparent;color:var(--ink)}
.cf-price input::placeholder{color:#B4BACB;font-weight:500}
.cf-pills{display:flex;flex-wrap:wrap;gap:6px}
/* Tez narx oraliqlari — radio ro'yxat (tor panelda ham sig'adi) */
.cf-buckets{margin-top:10px;display:flex;flex-direction:column;gap:1px}
.cf-buckets .cf-pill{display:block;margin:0 -6px}
.cf-buckets .cf-pill span,.cf-buckets .cf-pill:hover span,.cf-buckets .cf-pill.on span{display:flex;width:100%;gap:9px;padding:5px 6px;border:0;border-radius:8px;background:none;font-size:14px;font-weight:500;color:var(--ink);white-space:normal}
.cf-buckets .cf-pill span::before{content:"";width:16px;height:16px;flex:none;box-sizing:border-box;border-radius:50%;border:1.5px solid #C3C8D8;background:#fff;transition:border .14s}
.cf-buckets .cf-pill:hover span{background:var(--chip)}
.cf-buckets .cf-pill.on span{font-weight:700}
.cf-buckets .cf-pill.on span::before{border:5px solid var(--indigo)}
.cf-buckets .cf-pill em,.cf-buckets .cf-pill.on span em{margin-left:auto;font-size:12px;color:var(--muted-2)}
.cf-pill{position:relative;cursor:pointer}
.cf-pill input{position:absolute;opacity:0;pointer-events:none}
.cf-pill span{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--ink-2);transition:all .14s;white-space:nowrap}
.cf-pill em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted-2)}
.cf-pill:hover span{border-color:#C7CCF6}
.cf-pill input:checked+span,.cf-pill.on span{background:#EEF0FF;border-color:var(--indigo);color:var(--indigo-700)}
.cf-pill input:checked+span em,.cf-pill.on span em{color:var(--indigo)}
.cf-pill input:focus-visible+span{outline:2px solid var(--indigo);outline-offset:1px}
.cf-pill.off span{opacity:.45}
.cf-search{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font:inherit;font-size:13.5px;margin-bottom:8px;outline:0;background:#fff}
.cf-search:focus{border-color:var(--indigo)}
.cf-list{display:flex;flex-direction:column;gap:1px}
.cf-opt{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;padding:5px 6px;margin:0 -6px;border-radius:8px}
.cf-opt:hover{background:var(--chip)}
.cf-opt[hidden]{display:none}
.cf-opt input{width:16px;height:16px;margin:0;accent-color:var(--indigo);flex:none}
.cf-opt span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-opt em{font-style:normal;color:var(--muted-2);font-size:12px;flex:none}
.cf-brands .cf-more{display:none}
.cf-brands.all .cf-more,.cf-brands.searching .cf-more:not([hidden]){display:flex}
.cf-all{margin-top:6px;border:0;background:none;padding:4px 0;font:inherit;font-size:13px;font-weight:700;color:var(--indigo);cursor:pointer}
.cf-brands.searching .cf-all{display:none}
.cf-foot{padding:12px 16px;border-top:1px solid var(--line-2);background:var(--card)}
.cf-apply{width:100%;border:0;background:var(--accent-grad);color:#fff;font:inherit;font-weight:700;font-size:14.5px;padding:11px;border-radius:12px;cursor:pointer;box-shadow:0 6px 16px rgba(99,102,241,.25)}
.cf-backdrop{display:none}
/* Natijalar paneli */
.cat-bar{display:flex;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.cb-n{color:var(--muted);font-weight:600;font-size:14px;margin-right:auto}
.cb-sort{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.cb-sort a{padding:6px 12px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.cb-sort a:hover{color:var(--ink)}
.cb-sort a.on{background:var(--indigo);color:#fff}
.cf-open{display:none;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:8px 13px;font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
.cf-open i{font-style:normal;background:var(--indigo);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px}
.cat-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-2px 0 14px}
.ca-chip{display:inline-flex;align-items:center;gap:6px;background:#EEF0FF;border:1px solid #DDE2FB;color:var(--indigo-700);font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px;transition:background .14s}
.ca-chip span{font-size:15px;line-height:1;opacity:.7}
.ca-chip:hover{background:#E0E4FF}
.ca-clear{font-size:13px;font-weight:700;color:var(--muted);padding:5px 6px}
.ca-clear:hover{color:var(--red)}
/* Sahifalar */
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:26px 0 0}
.pager a,.pager span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px;color:var(--ink-2);transition:all .14s}
.pager a:hover{border-color:var(--indigo);color:var(--indigo)}
.pager .on{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.pager .pg-gap{border:0;background:none;min-width:20px;padding:0;color:var(--muted-2)}
.pager .pg-arrow{font-size:20px}
@media(max-width:860px){
  .cat-layout{grid-template-columns:minmax(0,1fr)}
  .cf-open{display:inline-flex}
  .cb-n{margin:0 0 0 auto;font-size:13px}
  .cb-sort{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .cb-sort a{text-align:center}
  /* Pastdan chiqadigan oyna */
  .cat-side{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:110;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.9,.25,1);pointer-events:none}
  .cf{max-height:88vh;border-radius:22px 22px 0 0;border:0;box-shadow:0 -20px 50px rgba(17,12,46,.25)}
  .cf-head{padding:16px 16px 12px}
  .cf-head::before{content:"";position:absolute;left:50%;top:7px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#D7DBEA}
  .cf-x{display:block}
  .cf-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .cf-backdrop{display:block;position:fixed;inset:0;z-index:105;background:rgba(17,12,46,.45);opacity:0;pointer-events:none;transition:opacity .25s}
  html.cf-on .cat-side{transform:none;pointer-events:auto}
  html.cf-on .cf-backdrop{opacity:1;pointer-events:auto}
  html.cf-on,html.cf-on body{overflow:hidden}
  html.cf-on .aiw{display:none}
  .cf-price input,.cf-search{font-size:16px}
}
@media(max-width:420px){.pager a,.pager span{min-width:36px;height:36px}}
@media(max-width:520px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pc-img{height:130px}}

/* Mahsulot kartochkasi */
.prod-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:16px 0 8px}
.prod-img{display:flex;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:14px}
.prod-img img{max-height:380px;object-fit:contain}
.prod-img span{font-size:70px;opacity:.3}
.prod-brand{color:var(--indigo);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.prod-info h1{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:4px 0 14px;letter-spacing:-.02em}
.prod-vars{margin-bottom:16px}
.pv-list{display:flex;flex-wrap:wrap;gap:8px}
.pv{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:12px;padding:7px 12px;min-width:84px;transition:all .12s}
.pv b{font-size:13.5px}.pv span{font-size:12px;color:var(--muted)}
.pv:hover{border-color:var(--indigo)}
.pv.on{border-color:var(--indigo);background:#EEF2FF}
/* Ko'p konfiguratsiya (noutbuklar): ixcham panel, RAM/xotira filtri, birinchi 6 tasi + «yana N ta» */
.prod-vars.many{display:block;margin:0 0 16px;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:var(--bg)}
.pv-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-bottom:10px}
.pv-head b{font-size:14.5px}.pv-head span{font-size:12.5px;color:var(--muted)}
.pv-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px}
.pv-f>span{font-size:12px;color:var(--muted);font-weight:600;min-width:110px}
.pv-f button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .12s}
.pv-f button:hover:not(:disabled){border-color:var(--indigo)}
.pv-f button.on{background:var(--indigo);border-color:var(--indigo);color:#fff}
.pv-f button:disabled{opacity:.35;cursor:default}
.many .pv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:10px}
.many .pv{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:baseline;min-width:0;padding:8px 11px;background:var(--card)}
.many .pv b{grid-column:1/-1;font-size:13.5px;line-height:1.3}
.many .pv small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.many .pv span{grid-column:2;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.many .pv.on span{color:var(--indigo)}
.many .pv.x{display:none}
.many.open .pv.x,.many.filt .pv.x{display:grid}
.many .pv.no{display:none!important}
.pv-none{display:none;margin:10px 0 0;font-size:13px;color:var(--muted)}
.many.empty .pv-none{display:block}
.pv-more{display:block;width:100%;margin-top:10px;border:1px dashed var(--line);background:transparent;border-radius:12px;padding:9px;font:inherit;font-size:13px;font-weight:700;color:var(--indigo);cursor:pointer}
.pv-more:hover{border-style:solid;background:var(--card)}
.pv-more[hidden]{display:none}
@media (max-width:560px){
  .prod-vars.many{padding:12px;margin-left:-4px;margin-right:-4px}
  .pv-f>span{min-width:100%}
  .many .pv-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .many .pv{grid-template-columns:minmax(0,1fr);padding:8px 10px}
  .many .pv b{font-size:13px}
  .many .pv span{grid-column:1;margin-top:2px}
}
.prod-price{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.pp-l{font-size:13px;color:var(--muted);font-weight:600}
.pp-v{font-size:32px;font-weight:800;letter-spacing:-.02em}
.pp-v .cur{font-size:16px;color:var(--muted)}
.pp-s{font-size:13.5px;color:var(--muted)}
.prod-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.prod-na{padding:12px 14px;background:var(--chip);border-radius:12px;color:var(--muted);font-weight:600;margin-bottom:14px}
.prod-keyspecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0}
.prod-keyspecs div{background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:8px 11px}
.prod-keyspecs dt{font-size:11.5px;color:var(--muted);font-weight:600}
.prod-keyspecs dd{margin:0;font-weight:700;font-size:14px}
.otable{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.orow{display:grid;grid-template-columns:190px 1fr auto auto;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--line-2)}
.orow:first-child{border-top:0}
.orow.best{background:linear-gradient(90deg,#F2FBF5,#fff)}
.o-store{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px}
.o-name{font-size:13px;color:var(--muted);min-width:0}
.o-name em{font-style:normal;color:var(--indigo);font-weight:600}
.o-name .rnasiya{margin-top:5px}
.o-price{font-weight:800;font-size:17px;white-space:nowrap}
.o-price .cur{font-size:12px;color:var(--muted)}
/* Faqat eng arzon do'kon tugmasi to'liq rangli, qolganlari yengil — ro'yxat ko'zni charchatmasin */
.orow:not(.best) .o-go{background:#fff;color:var(--indigo-700);border:1px solid #DDE2FB;box-shadow:none}
.orow:not(.best) .o-go:hover{background:#EEF0FF;border-color:var(--indigo);box-shadow:none}
.spec-table{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 18px;margin:0}
.spec-table div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
.spec-table dt{color:var(--muted);font-size:14px}.spec-table dd{margin:0;font-weight:700;font-size:14px;text-align:right}
.spec-note{font-size:12.5px;color:var(--muted-2);margin:8px 2px 0}
@media(max-width:820px){
  .prod-top{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
  .prod-img{min-height:220px}.prod-img img{max-height:260px}
  /* Ixcham qator: do'kon | narx | ↗ ; pastida nom va nasiya */
  .orow{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px;padding:12px 14px}
  .o-name{grid-column:1/-1;order:3;font-size:12.5px}
  .o-price{font-size:16px}
  .orow .o-go{padding:0;width:38px;height:38px;justify-content:center;border-radius:11px}
  .orow .o-go span{display:none}
  .orow.best .o-go{grid-column:1/-1;order:4;width:auto;height:auto;padding:11px}
  .orow.best .o-go span{display:inline}
  .spec-table{grid-template-columns:1fr}
}

/* ---------- AI maslahatchi ---------- */
.chat-wrap{max-width:860px;padding-bottom:40px}
.chat-head{display:flex;align-items:center;gap:14px;padding:22px 0 14px}
.chat-av{width:52px;height:52px;border-radius:16px;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 20px rgba(99,102,241,.35);flex:none}
.chat-head h1{font-size:24px;margin:0;letter-spacing:-.02em}
.chat-head p{margin:2px 0 0;color:var(--muted);font-size:14px}
.chat-head>div:nth-child(2){flex:1;min-width:0}
.chat-new{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:8px 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink-2);white-space:nowrap}
.chat-new:hover{border-color:var(--indigo);color:var(--indigo)}
@media(max-width:560px){.chat-new span{display:none}.chat-head p{display:none}}
.chat-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.chat-msgs{min-height:420px;max-height:calc(100vh - 290px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#FBFBFF,#fff)}
.cm{display:flex;animation:cm-in .28s ease both}
@keyframes cm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cm-u{justify-content:flex-end}
.cm-b{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.55}
.cm-u .cm-b{background:var(--indigo);color:#fff;border-bottom-right-radius:5px}
.cm-a .cm-b{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--ink)}
.cm-b p{margin:0 0 8px}.cm-b p:last-child{margin-bottom:0}
.cm-b ul{margin:4px 0 8px;padding-left:18px}
.cm-err{color:var(--red)}
.cm-login{margin-top:8px;display:inline-flex}
.cm-typing{display:inline-flex;gap:3px;vertical-align:middle}
.cm-typing i{width:6px;height:6px;border-radius:50%;background:var(--indigo);opacity:.4;animation:cmt 1s infinite}
.cm-typing i:nth-child(2){animation-delay:.15s}.cm-typing i:nth-child(3){animation-delay:.3s}
@keyframes cmt{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.chat-sugg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chat-sugg button{border:1px solid #DDE2FB;background:#EEF2FF;color:var(--indigo-700);font:inherit;font-size:13px;font-weight:600;padding:7px 11px;border-radius:999px;cursor:pointer}
.chat-sugg button:hover{background:var(--indigo);color:#fff}
.chat-form{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--line-2)}
.chat-form textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:14px;padding:11px 14px;font:inherit;font-size:15px;line-height:1.4;max-height:140px;outline:none}
.chat-form textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.chat-send{width:46px;height:46px;border:0;border-radius:14px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:transform .12s,opacity .15s}
.chat-send:hover{transform:translateY(-1px)}
.is-busy .chat-send{opacity:.55;pointer-events:none}
.chat-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);padding:0 14px 12px}
.chat-foot a{color:var(--indigo);font-weight:700}
.chat-disc{margin-left:auto;color:var(--muted-2)}
/* Mehmon: yozish o'rniga kirish taklifi */
.chat-gate{padding:16px 18px 18px;border-top:1px solid var(--line-2);text-align:center;background:#fff}
.chat-gate-t{font-weight:800;font-size:15px;color:var(--ink)}
.chat-gate p{margin:4px 0 12px;color:var(--muted);font-size:13.5px;line-height:1.45}
.chat-gate .ml-btn{max-width:340px;padding:12px;font-size:15px}
.aiw .chat-gate{padding:12px 14px 14px}
.aiw .chat-gate p{font-size:12.5px;margin-bottom:10px}
.aic{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;margin:8px 0 6px;background:var(--bg);transition:all .15s}
.aic:hover{border-color:var(--indigo);box-shadow:var(--shadow)}
.aic-img{width:64px;height:64px;flex:none;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.aic-img img{max-width:100%;max-height:100%;object-fit:contain}
.aic-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.aic-t{font-weight:700;font-size:14px;color:var(--ink)}
.aic-p{font-weight:800;color:var(--green);font-size:14.5px}
.aic-s{font-size:12px;color:var(--indigo);font-weight:600;display:flex;align-items:center;gap:5px}

/* Aqlli qidiruv */
.smart-head{padding:22px 0 8px}
.sh-ai{display:inline-flex;font-size:12.5px;font-weight:800;color:var(--indigo-700);background:#EEF2FF;border:1px solid #DDE2FB;border-radius:999px;padding:4px 11px;margin-bottom:8px}
.smart-head h1{font-size:clamp(22px,3vw,28px);margin:0 0 10px;letter-spacing:-.02em}
.sh-chips{display:flex;flex-wrap:wrap;gap:6px}
.sh-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--ink-2)}
.ai-pick{background:linear-gradient(120deg,#EEF0FF 0%,#F5EEFF 60%,#FDF4FF 100%);border:1px solid #E0E3FB;border-radius:var(--radius);padding:16px 18px;margin:14px 0}
.ap-loading{color:var(--indigo-700);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}
.ap-head p{margin:6px 0 12px;color:var(--ink-2)}
.ap-badge{font-size:12.5px;font-weight:800;color:var(--indigo-700)}
.ap-list{display:flex;flex-direction:column;gap:8px}
.ap-item{display:grid;grid-template-columns:28px 64px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;transition:all .15s}
.ap-item:hover{border-color:var(--indigo);box-shadow:var(--shadow)}
.ap-n{width:28px;height:28px;border-radius:50%;background:var(--accent-grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.ap-img{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.ap-img img{max-width:100%;max-height:100%;object-fit:contain}
.ap-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.ap-t{font-weight:800;font-size:14.5px}
.ap-r{font-size:13px;color:var(--muted)}
.ap-p{text-align:right;white-space:nowrap}
.ap-p b{display:block;font-size:16px}.ap-p b .cur{font-size:12px;color:var(--muted)}
.ap-p small{font-size:12px;color:var(--muted)}
.ap-tip{margin:12px 0 0;font-size:13.5px;color:var(--ink-2)}
@media(max-width:620px){.ap-item{grid-template-columns:28px 52px 1fr;}.ap-p{grid-column:2/-1;text-align:left}.ap-img{width:52px;height:52px}}
.smart-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:4px 0 6px}
.btn-chat{background:var(--accent-grad);color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:12px;box-shadow:0 6px 16px rgba(99,102,241,.3)}
.sm-link{color:var(--indigo);font-weight:700;font-size:13.5px}

/* ---------- AI maslahatchi vidjeti (o'ng pastda) ---------- */
.has-aiw .mp-footer{padding-bottom:96px}
.aiw{position:fixed;right:24px;bottom:24px;z-index:90;font-size:15px}
.aiw-fab{position:relative;display:flex;align-items:center;gap:9px;height:58px;padding:0 22px 0 17px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:inherit;font-weight:800;font-size:15px;letter-spacing:-.01em;
  background:linear-gradient(115deg,#6366F1,#8B5CF6 35%,#D946EF 60%,#8B5CF6 80%,#6366F1);background-size:250% 100%;
  box-shadow:0 12px 30px rgba(99,102,241,.45),0 2px 6px rgba(17,12,46,.15);
  animation:aiw-pop .7s cubic-bezier(.34,1.56,.64,1) .5s backwards,aiw-grad 7s linear infinite;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,padding .3s cubic-bezier(.4,0,.2,1),gap .3s}
.aiw-fab::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(139,92,246,.55);animation:aiw-ring 2.8s ease-out 1.6s infinite;pointer-events:none}
.aiw-fab:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 38px rgba(99,102,241,.55),0 2px 6px rgba(17,12,46,.15)}
.aiw-fab:active{transform:scale(.96)}
.aiw-ic{display:flex;width:24px;height:24px;align-items:center;justify-content:center;flex:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s}
.aiw-ic-ai svg{animation:aiw-twinkle 3.2s ease-in-out infinite}
.aiw-spark{transform-origin:18.5px 16.5px;animation:aiw-spark 2.4s ease-in-out infinite}
.aiw-ic-x{position:absolute;left:17px;opacity:0;transform:rotate(-90deg) scale(.5)}
.aiw-lbl{white-space:nowrap;overflow:hidden;max-width:150px;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s}
.aiw-badge{position:absolute;top:2px;right:4px;width:14px;height:14px;border-radius:50%;background:#F43F5E;border:2.5px solid #fff;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.aiw.unread .aiw-badge{transform:scale(1)}
.aiw.open .aiw-fab{padding:0 17px;gap:0}
.aiw.open .aiw-fab::before{animation:none}
.aiw.open .aiw-lbl{max-width:0;opacity:0}
.aiw.open .aiw-ic-ai{opacity:0;transform:rotate(90deg) scale(.5)}
.aiw.open .aiw-ic-x{opacity:1;transform:none}

.aiw-panel{position:absolute;right:0;bottom:74px;width:400px;height:min(640px,calc(100vh - 130px));display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 30px 70px rgba(17,12,46,.28),0 4px 14px rgba(17,12,46,.08);
  transform-origin:calc(100% - 28px) calc(100% + 40px);opacity:0;visibility:hidden;transform:translateY(18px) scale(.88);
  transition:opacity .2s ease,transform .38s cubic-bezier(.2,.9,.25,1.12),visibility 0s linear .38s}
.aiw.open .aiw-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .38s cubic-bezier(.2,.9,.25,1.12),visibility 0s}
.aiw-head{display:flex;align-items:center;gap:11px;padding:14px 12px 14px 16px;color:#fff;background:linear-gradient(120deg,#6366F1,#8B5CF6 60%,#A855F7);position:relative;overflow:hidden;flex:none}
.aiw-head::after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-110px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.aiw-av{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.aiw-ttl{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aiw-ttl b{font-size:15.5px;font-weight:800}
.aiw-ttl span{font-size:12.5px;opacity:.9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-ttl i{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:1px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.aiw-hb{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;position:relative;z-index:1;transition:background .15s}
.aiw-hb:hover{background:rgba(255,255,255,.18)}
.aiw .chat-box{flex:1;min-height:0;border:0;border-radius:0;box-shadow:none}
.aiw .chat-msgs{min-height:0;max-height:none;flex:1;padding:16px 14px}
.aiw .cm-b{max-width:92%;font-size:14px}
.aiw .chat-sugg button{font-size:12.5px;padding:6px 10px}
.aiw .chat-form{padding:10px}
.aiw .chat-form textarea{font-size:14.5px;padding:10px 13px}
.aiw .chat-send{width:44px;height:44px}
.aiw .chat-foot{font-size:11.5px;padding:0 12px 10px;gap:4px}
.aiw .chat-disc{margin-left:0;width:100%}
.aiw .aic{padding:8px;gap:10px}
.aiw .aic-img{width:54px;height:54px}

.aiw-hi{position:absolute;right:4px;bottom:76px;width:260px;padding:13px 30px 13px 15px;background:var(--card);border:1px solid var(--line);border-radius:16px 16px 4px 16px;box-shadow:0 16px 40px rgba(17,12,46,.18);font-size:13.5px;line-height:1.5;color:var(--ink-2);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.92);transform-origin:bottom right;transition:opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1),visibility 0s .4s}
.aiw-hi b{color:var(--ink)}
.aiw-hi.show{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1),visibility 0s}
.aiw-hi-x{position:absolute;top:6px;right:7px;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--muted-2);font-size:18px;line-height:1;cursor:pointer}
.aiw-hi-x:hover{background:var(--chip);color:var(--ink)}
.aiw.open .aiw-hi{display:none}

@keyframes aiw-pop{from{opacity:0;transform:translateY(30px) scale(.5)}to{opacity:1;transform:none}}
@keyframes aiw-grad{to{background-position:250% 0}}
@keyframes aiw-ring{0%{box-shadow:0 0 0 0 rgba(139,92,246,.55)}70%{box-shadow:0 0 0 16px rgba(139,92,246,0)}100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}}
@keyframes aiw-twinkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-12deg) scale(1.08)}}
@keyframes aiw-spark{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}

@media(max-width:620px){
  .has-aiw .mp-footer{padding-bottom:84px}
  .aiw{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
  .aiw-fab{width:58px;padding:0;justify-content:center;gap:0}
  .aiw-lbl{display:none}
  .aiw-ic-x{left:18px}
  .aiw.open .aiw-fab{opacity:0;pointer-events:none;transform:scale(.6)}
  .aiw-panel{position:fixed;inset:0;width:auto;height:auto;border:0;border-radius:0;transform-origin:center bottom;transform:translateY(40px);
    padding-bottom:env(safe-area-inset-bottom)}
  .aiw-head{padding-top:calc(12px + env(safe-area-inset-top))}
  .aiw .chat-form textarea{font-size:16px}
  .aiw-hi{width:min(260px,calc(100vw - 40px));bottom:72px}
  html.aiw-on,html.aiw-on body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){
  .aiw *,.aiw *::before,.aiw-fab,.cm{animation:none!important;transition:none!important}
}

/* ---- Do'kon sahifasi (/dokon/<code>) va do'konlar ro'yxati (/dokonlar) ---- */
.st-hero{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;margin:6px 0 14px}
.st-logo{width:68px;height:68px;flex:none;border-radius:18px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:32px}
.st-logo img{width:52px;height:52px;object-fit:contain}
.st-info{flex:1;min-width:0}
.st-info h1{margin:0 0 6px;font-size:28px;letter-spacing:-.02em;line-height:1.15}
.st-stats{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px;font-weight:600}
.st-stats b{color:var(--ink);font-weight:800}
.st-stats .good{color:#047857}.st-stats .good b{color:#047857}
.st-site{flex:none;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;transition:border-color .15s,color .15s}
.st-site:hover{border-color:var(--indigo);color:var(--indigo)}
.st-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 4px;scrollbar-width:thin;scrollbar-color:#D7DBEA transparent;-webkit-overflow-scrolling:touch}
.st-tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px;color:var(--ink-2);white-space:nowrap;transition:all .14s}
.st-tabs a:hover{border-color:#C7CCF6;color:var(--indigo-700)}
.st-tabs a em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted-2)}
.st-tabs a.on{background:var(--indigo);border-color:var(--indigo);color:#fff}
.st-tabs a.on em{color:rgba(255,255,255,.8)}
/* "Faqat eng arzonlari" almashtirgichi */
.cf-switch{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}
.cf-switch input{position:absolute;opacity:0;pointer-events:none}
.cf-switch span{flex:1;min-width:0;display:flex;flex-direction:column}
.cf-switch b{font-size:14px;font-weight:800;color:var(--ink)}
.cf-switch small{font-size:12px;color:var(--muted);line-height:1.35;margin-top:2px}
.cf-switch i{width:40px;height:23px;flex:none;border-radius:999px;background:#CBD5E1;position:relative;transition:background .2s}
.cf-switch i::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.cf-switch input:checked~i{background:#10B981}
.cf-switch input:checked~i::after{transform:translateX(17px)}
.cf-switch input:focus-visible~i{outline:2px solid var(--indigo);outline-offset:2px}
/* Kartochkada do'kon narxini taqqoslash */
.pc-best{font-size:12.5px;font-weight:800;color:#047857}
.pc-cmp{font-size:12.5px;font-weight:600;color:var(--muted)}
/* Do'konlar ro'yxati */
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:6px}
.st-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s,box-shadow .15s}
.st-card:hover{transform:translateY(-2px);border-color:#C7CCF6;box-shadow:0 10px 24px rgba(99,102,241,.12)}
.st-card.off{opacity:.6}
.st-card-logo{width:48px;height:48px;flex:none;border-radius:13px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:24px}
.st-card-logo img{width:36px;height:36px;object-fit:contain}
.st-card-b{flex:1;min-width:0;display:flex;flex-direction:column}
.st-card-b b{font-size:16px;font-weight:800;color:var(--ink)}
.st-card-b small{font-size:13px;color:var(--muted);font-weight:600;margin-top:2px}
.st-card-go{font-size:24px;color:var(--muted-2);flex:none}
@media(max-width:620px){
  .st-hero{flex-wrap:wrap;gap:12px;padding:14px}
  .st-logo{width:54px;height:54px;border-radius:14px}.st-logo img{width:40px;height:40px}
  .st-info h1{font-size:22px}
  .st-stats{font-size:13px}
  .st-site{width:100%;text-align:center}
}

/* ---------- Blog (/blog, /blog/<slug>) ---------- */
.blog-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.blog-tg{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#E8F4FD;color:#0B7BC0;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;transition:background .14s}
.blog-tg:hover{background:#D4ECFB}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.blog-grid-3{margin-top:0}
.bcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}
.bcard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.bcard-img{width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--chip);height:auto}
.bcard-body{padding:16px 18px 18px}
.bcard h2{font-size:17px;line-height:1.3;margin:8px 0 6px;letter-spacing:-.01em}
.bcard p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard-lead{grid-column:1/-1;flex-direction:row}
.bcard-lead .bcard-img{width:55%;flex:none}
.bcard-lead .bcard-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.bcard-lead h2{font-size:clamp(20px,2.4vw,27px)}
.bcard-lead p{-webkit-line-clamp:4;font-size:15px}
.bmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--muted-2);font-size:12.5px;font-weight:600}
.btopic{background:#EEF2FF;color:var(--indigo-700);padding:3px 10px;border-radius:999px;font-weight:700}
.post{max-width:760px;margin:0 auto;padding-top:8px}
.post-head h1{font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 10px;font-weight:800}
.post-lead{font-size:17px;color:var(--ink-2);margin:0 0 18px;line-height:1.55}
.post-cover{width:100%;height:auto;border-radius:var(--radius);margin:4px 0 22px;box-shadow:var(--shadow)}
.post-body{font-size:17px;line-height:1.75;color:#1E293B}
.post-body h2{font-size:24px;line-height:1.25;letter-spacing:-.015em;margin:34px 0 10px;color:var(--ink)}
.post-body h3{font-size:19px;margin:24px 0 6px;color:var(--ink)}
.post-body p{margin:0 0 14px}
.post-body ul,.post-body ol{margin:0 0 16px;padding-left:22px}
.post-body li{margin:4px 0}
.post-body a{color:var(--indigo-700);font-weight:600;text-decoration:underline;text-decoration-color:rgba(99,102,241,.35);text-underline-offset:3px}
.post-body a:hover{text-decoration-color:var(--indigo)}
.post-body blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--indigo);background:#F5F6FF;border-radius:0 12px 12px 0;color:var(--ink-2)}
.post-body table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 20px;font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.post-body th,.post-body td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}
.post-body th{background:#F8FAFC;font-weight:700;color:var(--ink-2);font-size:13.5px}
.post-body tr:last-child td{border-bottom:0}
.post-body img{display:block;max-width:100%;height:auto;border-radius:14px;margin:18px auto}
.post-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 10px;padding:20px 22px;border-radius:var(--radius);background:linear-gradient(135deg,#EEF2FF,#F5F3FF);border:1px solid #E0E7FF}
.post-cta b{display:block;font-size:17px;margin-bottom:2px}
.post-cta span{color:var(--ink-2);font-size:14px}
.post-cta-btns{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.post-cta-ghost{display:inline-flex;align-items:center;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.post-cta-ghost:hover{border-color:var(--indigo);color:var(--indigo)}
.post-note{color:var(--muted);font-size:13px;margin:6px 0 0}
@media(max-width:860px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcard-lead{flex-direction:column}.bcard-lead .bcard-img{width:100%}.bcard-lead .bcard-body{padding:18px}
}
@media(max-width:560px){
  .blog-grid{grid-template-columns:1fr;gap:14px}
  .post-body{font-size:16px}
  .post-body table{display:block;overflow-x:auto;width:auto;max-width:100%}
  .post-body th,.post-body td{white-space:nowrap}
  .post-cta{flex-direction:column;align-items:flex-start}
}

/* ---------- Blog: muallif, qisqa javob, mundarija, FAQ, manbalar ---------- */
.mp-navlink{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:13px;color:var(--ink-2);font-weight:700;font-size:14.5px;flex:none;transition:background .15s,color .15s}
.mp-navlink:hover,.mp-navlink.on{background:#EEF0FF;color:var(--indigo-700)}
@media(max-width:760px){.mp-navlink{display:none}}
.post-byline{display:flex;align-items:center;gap:12px;margin:2px 0 18px;font-size:13.5px;color:var(--muted);line-height:1.45}
.post-byline img,.post-byline .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.post-byline a{color:var(--ink)}.post-byline a:hover{color:var(--indigo)}
.av{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-grad);color:#fff;font-weight:800;border-radius:50%}
.post-tldr{margin:0 0 22px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#EEF2FF,#F5F3FF);border:1px solid #E0E7FF}
.post-tldr b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--indigo-700);margin-bottom:6px}
.post-tldr p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink)}
.post-toc{margin:0 0 24px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.post-toc b{font-size:14px}
.post-toc ol{margin:8px 0 0;padding-left:20px;columns:2;column-gap:28px;font-size:14.5px}
.post-toc li{margin:3px 0;break-inside:avoid}
.post-toc a{color:var(--ink-2)}.post-toc a:hover{color:var(--indigo)}
.post-body h2{scroll-margin-top:84px}
.post-faq{margin:34px 0 0}
.post-faq h2,.post-sources h2{font-size:24px;letter-spacing:-.015em;margin:0 0 12px}
.post-faq details{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:8px;padding:0 18px}
.post-faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;position:relative;padding-right:24px}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:20px;color:var(--indigo)}
.post-faq details[open] summary::after{content:"−"}
.post-faq details p{margin:0 0 14px;color:var(--ink-2);line-height:1.65}
.post-sources{margin:30px 0 0}
.post-sources ol{margin:0;padding-left:22px;font-size:14.5px;line-height:1.7}
.post-sources a{color:var(--indigo-700);font-weight:600}
.post-sources li span{color:var(--muted-2);font-size:12.5px}
.post-author{display:flex;gap:16px;align-items:flex-start;margin:30px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.post-author img,.post-author .av{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;font-size:24px}
.post-author b{font-size:16px}.post-author b a{color:var(--ink)}
.post-author small{display:block;color:var(--muted);font-size:13px;margin-top:1px}
.post-author p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.55}
.author-head{display:flex;gap:22px;align-items:center;padding:16px 0 10px}
.author-head img,.author-head .av{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none;font-size:44px}
.author-head h1{font-size:clamp(26px,4vw,36px);margin:0 0 4px;letter-spacing:-.02em}
.author-head .role{margin:0;color:var(--muted);font-weight:600}
.author-head .links{margin:8px 0 0;display:flex;gap:12px;flex-wrap:wrap;font-size:14px}
.author-head .links a{color:var(--indigo-700);font-weight:600}
.author-bio{max-width:760px}
.home-blog{margin:8px auto 26px}
.home-blog h2{justify-content:space-between}
@media(max-width:560px){.post-toc ol{columns:1}.author-head{flex-direction:column;align-items:flex-start}}

/* ---------- Telegram kanalga taklif (5 s dan keyin) ---------- */
.tgm{position:fixed;left:24px;bottom:24px;z-index:95;width:370px;max-width:calc(100% - 24px);display:flex;gap:14px;align-items:flex-start;padding:18px 40px 18px 18px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 50px rgba(17,12,46,.22),0 2px 8px rgba(17,12,46,.08);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .26s ease,transform .26s cubic-bezier(.2,.9,.25,1)}
.tgm.on{opacity:1;transform:none}
.tgm[hidden]{display:none}
.tgm-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2AABEE,#229ED9);box-shadow:0 8px 18px rgba(34,158,217,.35)}
.tgm-b b{display:block;font-size:15.5px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.tgm-b p{margin:6px 0 12px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.tgm-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,#2AABEE,#229ED9);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 18px rgba(34,158,217,.3);transition:transform .12s,box-shadow .12s}
.tgm-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(34,158,217,.38)}
/* PWA: bildirishnoma taklifi (tgm oynasi uslubida, binafsha) */
.pwa-ask .tgm-ic,.pwa-ask .tgm-btn{background:linear-gradient(135deg,#6366F1,#8B5CF6);box-shadow:0 8px 18px rgba(99,102,241,.32)}
.pwa-ask .tgm-btn{border:0;cursor:pointer;font-family:inherit}
.tgm-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted-2);font-size:22px;line-height:1;cursor:pointer}
.tgm-x:hover{background:var(--chip);color:var(--ink)}
@media (max-width:620px){
  .tgm{left:12px;right:12px;bottom:92px;width:auto;max-width:none}
  html.tgm-on .aiw-hi{display:none}
}

/* Bosh sahifa: mavsumiy bo'lim (Seasonal) */
.home-season{margin:26px auto 30px;background:linear-gradient(180deg,#EEF4FF 0%,var(--bg) 100%);border:1px solid #DCE6FB;border-radius:22px;padding:22px 22px 18px}
.season-head h2{font-size:22px;margin:0 0 4px;font-weight:800;letter-spacing:-.01em}
.season-head p{margin:0 0 16px;color:var(--ink-2);font-size:14.5px}
.season-group{margin-top:14px}
.season-group h3{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;font-weight:800;margin:0 0 10px}
.home-season .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.season-posts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px dashed #CFDBF5;font-size:14px}
.season-posts a{color:var(--indigo-700);font-weight:600}
@media(max-width:900px){.home-season .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.home-season{padding:16px 12px 14px;border-radius:18px}.home-season .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-head h2{font-size:19px}}