/* YUQORI_5: yorqin ranglar va texnika egalari uchun ko'rinadigan yo'l */
:root{--ink:#14251c;--muted:#5f6b62;--lime:#f5a524;--paper:#f6f9f6;--line:#e1e8e2;--green:#0a8a5f;--green-d:#076646;--orange:#f5a524;--orange-d:#e08e0b}
body{background:var(--paper)}
.staff-entry{display:none!important}
.header{border-bottom:3px solid var(--green)}
.nav.active:after{background:var(--green)}
.btn.dark{background:var(--green);border-color:var(--green);color:#fff}
.btn.dark:hover{background:var(--green-d)}
.btn.lime{background:var(--orange);border-color:var(--orange);color:#14251c}
.yr5-add{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:#14251c;border:0;border-radius:12px;font-weight:800;padding:11px 16px;font-size:14px;white-space:nowrap;box-shadow:0 3px 0 var(--orange-d)}
.yr5-add:hover{filter:brightness(1.05)}
/* Hero */
.hero{background:linear-gradient(120deg,#07704d 0%,#0a8a5f 55%,#13a36f 100%);border:0;color:#fff;min-height:330px;padding:40px 44px}
.hero .eyebrow{color:#ffe2a6}.hero .eyebrow .dot{background:var(--orange)}
.hero h1{color:#fff}.hero h1 span{color:#ffc24d}
.hero p{color:#e3f4ea;font-size:16px;max-width:460px}
.hero-tag,.hero-label{display:none!important}
.hero-art{display:flex;align-items:center;justify-content:center}
.hero-art .yr5-art{width:96%;max-width:520px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}
.yr5-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.yr5-cta button{border:0;border-radius:14px;padding:16px 22px;font-size:17px;font-weight:800;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.yr5-cta .find{background:#fff;color:var(--green-d);box-shadow:0 4px 0 #cfe6da}
.yr5-cta .own{background:var(--orange);color:#14251c;box-shadow:0 4px 0 var(--orange-d)}
.yr5-cta .own small{display:block;font-size:12px;font-weight:700;opacity:.8}
.yr5-cta button:hover{transform:translateY(-1px)}
.hero-copy>.btn.dark{display:none}
/* Kategoriyalar */
.quick-row{gap:12px}
.category{flex-direction:column;align-items:stretch;text-align:center;gap:6px;padding:10px 10px 12px!important;border:2px solid var(--line);border-radius:16px;background:#fff}
.category .cat-icon{width:100%!important;height:74px!important;border-radius:12px;background:var(--cat-bg,#eef6f1)!important;font-size:30px;overflow:hidden}
.category .cat-icon svg{width:108%;height:112%;margin:4px 0 0 -4%}
.category .cat-icon .all{display:grid;grid-template-columns:repeat(2,22px);gap:5px}.category .cat-icon .all i{width:22px;height:22px;border-radius:6px;display:block}
.category strong{font-size:14px!important;line-height:1.2}
.category small{font-size:11px!important;margin-top:3px!important}
.category.active{background:#fff;color:var(--ink);border-color:var(--green);box-shadow:0 0 0 3px #0a8a5f33}
.category.active .cat-icon{background:var(--cat-bg,#eef6f1)!important}
.category.active small{color:var(--muted)}
/* Egalar uchun banner */
.yr5-own{margin:22px 0;background:#fff7e6;border:2px solid #f5c66b;border-radius:20px;padding:22px 24px;display:grid;grid-template-columns:1.1fr 2fr auto;gap:20px;align-items:center}
.yr5-own h2{margin:0;font-size:24px;line-height:1.2}.yr5-own h2 b{color:var(--orange-d)}
.yr5-own p.s{margin:6px 0 0;color:var(--muted);font-size:14px}
.yr5-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.yr5-steps div{background:#fff;border-radius:14px;padding:12px;font-size:13px;font-weight:650;display:flex;gap:10px;align-items:center;border:1px solid #f3dfb3}
.yr5-steps b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
@media(max-width:860px){
 .hero{flex-direction:column;align-items:stretch;padding:26px 20px 18px;min-height:0}
 .hero-copy{width:100%}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:15px}
 .hero-art{position:static;width:100%;height:auto;margin-top:4px}.hero-art .yr5-art{max-width:210px}
 .yr5-cta{flex-direction:column}.yr5-cta button{justify-content:center;width:100%}
 .quick-row{display:grid!important;grid-template-columns:repeat(2,1fr);overflow:visible!important}
 .category{min-width:0!important}
 .yr5-own{grid-template-columns:1fr;padding:18px}.yr5-steps{grid-template-columns:1fr}
 .header{gap:6px;padding:8px 10px 10px;height:auto;flex-wrap:wrap;align-items:center}.header .head-actions{display:contents}.header .brand{margin-right:auto;width:auto!important;flex:none}.brand-emblem{height:34px!important;width:auto!important}.yr5-add{order:9;flex-basis:100%;justify-content:center;padding:11px!important;font-size:15px!important}.yr5-add .t{display:inline!important}.yr5-add .m{display:none!important}.language-select{max-width:78px;padding-left:6px!important;padding-right:4px!important;font-size:12px}#accountBtn{padding:9px 10px!important;font-size:13px}
}


/* YUQORI_17: manzarali kategoriya rasmlari */
.category.yr17 .cat-icon{height:92px!important;padding:0!important;background:#dfeef9!important;box-shadow:inset 0 0 0 1px #0000000d}
.category.yr17 .cat-icon svg{width:100%;height:100%;margin:0;display:block}
.category.yr17:hover .cat-icon svg{transform:scale(1.04);transition:transform .25s}
@media(max-width:540px){.category.yr17 .cat-icon{height:100px!important}}
@media(min-width:861px){.category.yr17 .cat-icon{height:68px!important}}

/* Kategoriya yetakchisi */
.yr-lead{position:relative;width:100%;height:100%}.yr-lead img{width:100%;height:100%;object-fit:cover;display:block}
.yr-lead-b{position:absolute;left:6px;bottom:6px;background:#fffffff0;color:#7a4b00;font-weight:800;font-size:11px;padding:3px 7px;border-radius:999px;box-shadow:0 2px 6px #0003;white-space:nowrap}.yr-lead-b i{font-style:normal;color:#8a8f84;font-weight:600}
.yr-lead:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f5a524;border-radius:12px;pointer-events:none}
.yr-lead-hint{margin-top:6px!important;color:#7a4b00!important;font-weight:700}