:root{--blue:#00A3FF;--green:#00B050;--bg:#fff;--soft:#f4f8fb;--text:#102033;--muted:#667085;--border:#e5edf5;--danger:#ef4444;--shadow:0 10px 30px rgba(16,32,51,.08);--radius:20px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--soft);color:var(--text);padding-bottom:78px}.wrap{max-width:1180px;margin:0 auto;padding:14px}.top{background:linear-gradient(135deg,var(--blue),#37c4ff);color:white;border-radius:0 0 28px 28px;box-shadow:var(--shadow)}.topIn{max-width:1180px;margin:auto;padding:18px 14px 24px}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{font-size:31px;font-weight:900;letter-spacing:-1px}.logo span{color:#d8fff0}.tag{font-size:15px;opacity:.95;margin-top:3px}.lang button,.btn{border:0;border-radius:14px;padding:11px 14px;font-weight:800;cursor:pointer}.lang button{background:rgba(255,255,255,.22);color:white}.lang .active{background:white;color:var(--blue)}.searchBox{margin-top:18px;background:white;border-radius:22px;padding:12px;display:flex;gap:9px;box-shadow:var(--shadow)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:13px 14px;font-size:16px;background:white}textarea{min-height:96px;resize:vertical}.searchBox input{border:0;background:#f8fbff}.btnPrimary{background:var(--green);color:white}.btnBlue{background:var(--blue);color:white}.btnGhost{background:white;color:var(--text);border:1px solid var(--border)}.btnDanger{background:var(--danger);color:white}.gridCats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.cat{background:white;border:1px solid var(--border);border-radius:20px;padding:18px 10px;text-align:center;box-shadow:0 4px 16px rgba(16,32,51,.04);cursor:pointer}.cat .ico{font-size:30px}.cat .name{font-weight:800;margin-top:8px;font-size:14px}h2{font-size:21px;margin:24px 0 12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(16,32,51,.05);cursor:pointer;position:relative}.photo{height:160px;background:linear-gradient(135deg,#eaf7ff,#eefcf5);display:flex;align-items:center;justify-content:center;font-size:46px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.cardBody{padding:12px}.price{font-weight:900;font-size:18px;color:#0b7f3b}.title{font-weight:800;margin:5px 0}.city{color:var(--muted);font-size:13px}.vipBadge{position:absolute;top:10px;left:10px;background:#ffd43b;color:#4f3400;border-radius:99px;padding:5px 9px;font-weight:900;font-size:12px}.view{display:none}.view.active{display:block}.panel{background:white;border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:var(--shadow);margin:14px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.muted{color:var(--muted)}.bottom{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 4px;z-index:5}.navBtn{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:12px;display:flex;flex-direction:column;gap:3px;align-items:center}.navBtn b{font-size:22px}.navBtn.active{color:var(--blue)}.detailImg{height:330px;border-radius:22px;background:linear-gradient(135deg,#eaf7ff,#eefcf5);display:flex;align-items:center;justify-content:center;font-size:80px;overflow:hidden}.detailImg img{width:100%;height:100%;object-fit:cover}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{background:#edf8ff;border:1px solid #caecff;color:#0369a1;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px}.notice{padding:12px;border-radius:16px;background:#ecfdf5;color:#06683b;border:1px solid #c8f5d9;margin:10px 0}.err{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.adminBox{border-left:5px solid var(--blue)}
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.gridCats{grid-template-columns:repeat(4,1fr);gap:8px}.cat{padding:12px 6px;border-radius:16px}.cat .ico{font-size:24px}.cat .name{font-size:12px}.two,.three{grid-template-columns:1fr}.photo{height:135px}.logo{font-size:26px}.searchBox{flex-direction:column}.detailImg{height:250px}.wrap{padding:10px}}
@media(max-width:430px){.cards{gap:10px}.cardBody{padding:10px}.price{font-size:16px}.title{font-size:14px}.gridCats{grid-template-columns:repeat(4,1fr)}}
.heart{position:absolute;right:10px;top:10px;border:0;background:rgba(255,255,255,.92);border-radius:999px;width:42px;height:42px;font-size:18px;box-shadow:var(--shadow);cursor:pointer}.heart.on{background:#ffe4e6}.chatLayout{align-items:start}.chatItem{padding:12px;border:1px solid var(--border);border-radius:14px;margin-bottom:8px;cursor:pointer;background:#fff}.chatItem.active{border-color:var(--blue);background:#eef8ff}.msgs{height:340px;overflow:auto;border:1px solid var(--border);border-radius:16px;padding:10px;background:#f8fbff;margin-bottom:10px}.msg{max-width:75%;background:white;border:1px solid var(--border);border-radius:16px;padding:10px;margin:8px 0}.msg.me{margin-left:auto;background:#e8f8ff;border-color:#b7e8ff}.msg p{margin:5px 0}.msg img{max-width:180px;border-radius:12px}.adminRow{justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0}.adminReport{border:1px solid var(--border);border-radius:16px;padding:12px;margin:10px 0;background:#fff}.adminReport p{margin:6px 0}
.shopLogo{background:linear-gradient(135deg,#dff5ff,#e6fff0)}
.shopPanel{border-left:5px solid var(--green)}
.shopHero{background:linear-gradient(135deg,#ffffff,#ecfff6);border-left:6px solid var(--green)}
.review{border:1px solid var(--border);border-radius:14px;padding:12px;margin:10px 0;background:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{border:1px solid var(--border);border-radius:20px;padding:18px;background:white}.plan.hot{border-color:var(--green);box-shadow:var(--shadow)}
@media(max-width:800px){.plans{grid-template-columns:1fr}}
.recaptchaBox{margin-top:12px;min-height:78px;display:flex;align-items:center;justify-content:flex-start;overflow:auto}

.cardActions{display:flex;gap:8px;padding:0 12px 12px;flex-wrap:wrap}.cardActions .btn{font-size:12px;padding:8px 10px}
.adminStats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.adminStats div{background:linear-gradient(135deg,#eef8ff,#f0fff6);border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center}.adminStats b{display:block;font-size:22px;color:var(--blue)}.adminStats span{font-size:12px;color:var(--muted);font-weight:800}.adminTabs{margin-top:12px}.online{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.offline{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}.helpPanel{border-left:6px solid var(--green)}
@media(max-width:800px){.adminStats{grid-template-columns:repeat(2,1fr)}}

/* Karvon24.uz map + 3D category update */
.mapPanel{border-left:6px solid var(--blue)}
.mapFrame{width:100%;height:320px;border:0;border-radius:18px;box-shadow:0 12px 26px rgba(16,32,51,.12);background:#eef8ff;margin:8px 0 12px}
.hint{font-size:13px;color:var(--muted);margin-top:6px}
.cat{transform-style:preserve-3d;transition:.18s ease;background:linear-gradient(145deg,#fff,#f4fbff);box-shadow:0 13px 28px rgba(0,163,255,.10), inset 0 1px 0 rgba(255,255,255,.9)}
.cat:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 36px rgba(0,163,255,.16)}
.realIcon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:20px;font-size:31px;background:linear-gradient(145deg,#e7f7ff,#ffffff);box-shadow:inset 0 2px 4px rgba(255,255,255,.9),0 12px 22px rgba(0,163,255,.20);filter:saturate(1.15)}
.cat .name{color:#102033;text-shadow:0 1px 0 #fff;line-height:1.15}
@media(max-width:800px){.realIcon{width:46px;height:46px;border-radius:16px;font-size:25px}.mapFrame{height:260px}.gridCats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.gridCats{grid-template-columns:repeat(3,1fr)}.cat .name{font-size:11px}}

/* FINAL category picture icons: no emoji, real SVG-style images */
.catHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.catHead h2{margin:0}.realIcon{background:linear-gradient(145deg,#ffffff,#eef8ff);padding:8px;overflow:hidden}.realIcon svg{width:100%;height:100%;display:block}.cat .ico{display:flex;justify-content:center;align-items:center}.cat{min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cat .name{margin-top:10px;font-size:13px;font-weight:900;min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center}.btn:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:430px){.cat{min-height:108px}.realIcon{width:54px;height:54px}.catHead .btn{padding:9px 10px;font-size:12px}}

/* REAL 3D PNG category pictures */
.realIcon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:22px;background:linear-gradient(145deg,#ffffff,#edf8ff);box-shadow:0 16px 26px rgba(0,163,255,.18), inset 0 2px 4px rgba(255,255,255,.95);padding:4px;overflow:visible}
.realIcon img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 10px rgba(16,32,51,.18));}
.cat{min-height:145px}
.cat .ico{min-height:82px}
@media(max-width:800px){.realIcon{width:62px;height:62px;border-radius:18px}.cat{min-height:128px}.cat .ico{min-height:68px}}
@media(max-width:430px){.realIcon{width:58px;height:58px}.cat{min-height:120px}}

/* FIX: real PNG category icons + photo preview */
.photoPreview{margin-top:10px;min-height:0;border:1px dashed var(--border);border-radius:16px;background:#f8fbff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.photoPreview:empty{display:none}
.photoPreview img{max-width:100%;max-height:220px;object-fit:contain;display:block}
.realIcon img{background:transparent!important}

/* 2026-06-02 HARD FIX: guest open ads, 3D/10D category look, multi-photo gallery */
.cardOpen{cursor:pointer;height:100%}
.card:active,.cat:active{transform:scale(.985)}
.gridCats{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:16px;align-items:stretch}
.cat{min-height:150px;border-radius:26px;background:radial-gradient(circle at 35% 18%,#ffffff 0,#ffffff 32%,#eef9ff 72%,#e8fff4 100%);border:1px solid rgba(0,163,255,.18);box-shadow:0 18px 38px rgba(16,32,51,.12), inset 0 2px 0 rgba(255,255,255,.96);perspective:900px;}
.cat .ico{transform:translateZ(20px)}
.realIcon{width:82px;height:82px;border-radius:28px;background:linear-gradient(145deg,#fff,#eaf8ff);box-shadow:0 18px 30px rgba(0,163,255,.22),0 8px 12px rgba(16,32,51,.10),inset 3px 3px 8px rgba(255,255,255,.95),inset -4px -4px 10px rgba(86,184,255,.13);padding:7px;}
.realIcon img{filter:drop-shadow(0 14px 10px rgba(16,32,51,.24)) saturate(1.22) contrast(1.04);transform:perspective(500px) rotateX(4deg) rotateY(-5deg);}
.cat .name{font-size:14px;color:#0e2238;letter-spacing:-.2px}
.detailGallery{margin-bottom:14px}.thumbs{display:flex;gap:9px;overflow:auto;margin-top:10px;padding-bottom:4px}.thumb{width:78px;height:68px;border:2px solid transparent;border-radius:14px;background:#fff;padding:3px;box-shadow:0 5px 14px rgba(16,32,51,.11);cursor:pointer;flex:0 0 auto}.thumb.active{border-color:var(--blue)}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}.photoPreview{gap:8px;flex-wrap:wrap;justify-content:flex-start;padding:8px}.photoPreview img{width:92px;height:92px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:white}.detailImg{background:radial-gradient(circle at 40% 30%,#fff,#eaf7ff 65%,#e8fff4);}
@media(max-width:800px){.gridCats{grid-template-columns:repeat(3,1fr);gap:10px}.cat{min-height:132px;border-radius:20px}.realIcon{width:64px;height:64px;border-radius:21px}.cat .name{font-size:12px}.photoPreview img{width:78px;height:78px}}
@media(max-width:430px){.gridCats{grid-template-columns:repeat(3,1fr)}.cat{min-height:124px}.realIcon{width:60px;height:60px}.cards{grid-template-columns:repeat(2,1fr)}}

/* Karvon24.uz 2026-06-03 V2: аккуратные 3D фото-значки, 7 категорий на главной, кнопки управления */
.gridCats{grid-template-columns:repeat(7,1fr)!important;gap:14px!important;align-items:stretch!important}
.cat{min-height:142px!important;border-radius:28px!important;padding:14px 8px!important;background:linear-gradient(160deg,#ffffff 0%,#f4fbff 45%,#eafff4 100%)!important;border:1px solid rgba(0,163,255,.18)!important;box-shadow:0 16px 34px rgba(16,32,51,.12), inset 0 1px 0 rgba(255,255,255,.98)!important;overflow:hidden!important;position:relative!important}
.cat:before{content:"";position:absolute;inset:8px 10px auto 10px;height:40%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));pointer-events:none}
.cat:hover{transform:translateY(-5px) scale(1.015)!important;box-shadow:0 22px 42px rgba(0,163,255,.20), inset 0 1px 0 rgba(255,255,255,.98)!important}
.realIcon.photo3dIcon{width:86px!important;height:86px!important;border-radius:30px!important;padding:6px!important;background:radial-gradient(circle at 30% 20%,#fff 0%,#f4fbff 45%,#cdefff 100%)!important;box-shadow:0 20px 28px rgba(16,32,51,.18),0 8px 18px rgba(0,163,255,.20),inset 4px 4px 9px rgba(255,255,255,.98),inset -5px -6px 12px rgba(0,163,255,.14)!important;transform:perspective(700px) rotateX(7deg) rotateY(-8deg)!important;overflow:visible!important}
.realIcon.photo3dIcon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 16px 12px rgba(16,32,51,.28)) saturate(1.25) contrast(1.06)!important;transform:translateY(-3px) scale(1.06)!important}
.realIcon.iconFallback{font-weight:1000;color:#0570a8;background:linear-gradient(145deg,#fff,#dff5ff)!important}
.cat .name{font-size:13px!important;font-weight:900!important;line-height:1.12!important;min-height:34px!important;margin-top:9px!important;text-shadow:0 1px 0 #fff!important;z-index:1!important}
.cardActions{display:flex!important;gap:8px!important;padding:0 12px 12px!important;flex-wrap:wrap!important}.cardActions .btn{font-size:12px!important;padding:8px 10px!important;border-radius:12px!important}
.adminRow .btn{margin-top:4px}.photoPreview img{width:120px!important;height:120px!important;object-fit:cover!important}.detailImg img,.photo img{image-rendering:auto!important}
@media(max-width:1100px){.gridCats{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:800px){.gridCats{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.cat{min-height:132px!important;border-radius:22px!important}.realIcon.photo3dIcon{width:68px!important;height:68px!important;border-radius:23px!important}.cat .name{font-size:12px!important}.photoPreview img{width:88px!important;height:88px!important}}
@media(max-width:430px){.gridCats{grid-template-columns:repeat(3,1fr)!important}.cat{min-height:124px!important}.realIcon.photo3dIcon{width:62px!important;height:62px!important}.cards{grid-template-columns:repeat(2,1fr)!important}}

/* 2026-06-03: related ads inside detail page */
.relatedBlock{margin-top:18px}
.relatedBlock .cards{margin-top:12px}
.relatedBlock .catHead{background:white;border:1px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:0 6px 18px rgba(16,32,51,.05)}
.relatedBlock h2{margin:0;font-size:22px}
@media(max-width:800px){.relatedBlock .catHead{padding:12px}.relatedBlock h2{font-size:19px}}

/* Karvon24.uz ADMIN MANAGEMENT FIX 2026-06-03 */
.bannerZone{display:grid;gap:12px;margin:14px 0}
.adBanner{display:block;text-decoration:none;color:var(--text);background:linear-gradient(135deg,#ffffff,#e9f8ff);border:1px solid rgba(0,163,255,.20);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow)}
.adBanner b{display:block;font-size:18px;color:var(--blue);margin-bottom:4px}
.adBanner span{color:var(--muted);font-weight:700}
.adminAdRow,.adminUser{border:1px solid var(--border);border-radius:18px;background:#fff;padding:12px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.adminAdRow.blockedAd{background:#fff1f2;border-color:#fecdd3}
.adminTabs{gap:8px;flex-wrap:wrap}
.adminTabs .btn{padding:10px 12px}
@media(max-width:800px){.adminAdRow,.adminUser{display:block}.adminAdRow .row,.adminUser .row{margin-top:10px}.adminTabs .btn{font-size:12px;padding:9px 10px}}


/* 2026-06-03 REAL FIX: category cards like user's screenshot - text left, photo right */
.catHeadWide{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:18px!important;margin-bottom:12px!important;gap:12px!important}
.catHeadWide h2{margin:0!important;font-size:24px!important;font-weight:1000!important;color:#17181f!important;letter-spacing:-.4px!important}
.catWideStrip{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,72px)!important;grid-auto-columns:minmax(215px,245px)!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 12px!important;margin-top:0!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
.catWideStrip::-webkit-scrollbar{height:0!important}
.catWideCard{height:72px!important;min-height:72px!important;width:100%!important;border:0!important;border-radius:22px!important;background:#f1f1f2!important;box-shadow:none!important;padding:0 12px 0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;scroll-snap-align:start!important;transform:none!important;perspective:none!important;color:#202126!important}
.catWideCard:hover{transform:translateY(-2px)!important;background:#eceeef!important;box-shadow:0 8px 20px rgba(16,32,51,.08)!important}
.catWideCard:before{display:none!important}
.catWideCard .ico,.catWideCard .realIcon,.catWideCard .name{display:none!important}
.catWideName{display:block!important;position:relative!important;z-index:2!important;max-width:68%!important;font-size:23px!important;font-weight:500!important;line-height:1.08!important;color:#202126!important;letter-spacing:-.6px!important;white-space:normal!important;text-shadow:none!important}
.catWidePhoto{position:absolute!important;right:-6px!important;bottom:-8px!important;width:96px!important;height:92px!important;object-fit:contain!important;z-index:1!important;filter:drop-shadow(0 8px 8px rgba(0,0,0,.10)) saturate(1.08)!important;transform:none!important;background:transparent!important}
.catAllCard{justify-content:flex-start!important;gap:18px!important;border:2px solid #24946d!important;background:#fff!important;padding-left:20px!important}
.catAllCard .catWideName{font-size:28px!important;max-width:none!important;font-weight:500!important}
.catMenuIcon{font-size:31px!important;line-height:1!important;color:#202126!important;font-weight:900!important;z-index:2!important}
@media(min-width:900px){.catWideStrip{grid-auto-columns:minmax(230px,270px)!important;grid-template-rows:repeat(2,78px)!important}.catWideCard{height:78px!important;min-height:78px!important}.catWideName{font-size:25px!important}.catWidePhoto{width:108px!important;height:102px!important}}
@media(max-width:600px){.catHeadWide h2{font-size:21px!important}.catWideStrip{grid-auto-columns:210px!important;grid-template-rows:repeat(2,66px)!important;gap:10px!important}.catWideCard{height:66px!important;min-height:66px!important;border-radius:19px!important;padding-left:14px!important}.catWideName{font-size:20px!important;max-width:70%!important}.catWidePhoto{width:86px!important;height:82px!important}.catAllCard .catWideName{font-size:25px!important}.catMenuIcon{font-size:28px!important}}

/* Karvon24.uz CATEGORY BEAUTIFUL FINAL 2026-06-06
   Clean marketplace category cards: аккуратно, красиво, одинаково */
.catHeadWide{
  margin:22px 0 14px!important;
  padding:0 2px!important;
}
.catHeadWide h2{
  font-size:24px!important;
  font-weight:1000!important;
  color:#102033!important;
}
.catHeadWide .btn{
  border-radius:999px!important;
  padding:10px 14px!important;
  background:#fff!important;
  border:1px solid rgba(0,163,255,.18)!important;
  box-shadow:0 6px 18px rgba(16,32,51,.06)!important;
}
.catWideStrip{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-rows:repeat(2,86px)!important;
  grid-auto-columns:minmax(232px,272px)!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 16px!important;
  margin-top:0!important;
  scroll-snap-type:x mandatory!important;
}
.catWideStrip::-webkit-scrollbar{height:6px!important}
.catWideStrip::-webkit-scrollbar-track{background:transparent!important}
.catWideStrip::-webkit-scrollbar-thumb{background:rgba(0,163,255,.22)!important;border-radius:999px!important}
.catWideCard{
  height:86px!important;
  min-height:86px!important;
  width:100%!important;
  border-radius:24px!important;
  border:1px solid rgba(0,163,255,.14)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f4fbff 55%,#effff7 100%)!important;
  box-shadow:0 12px 28px rgba(16,32,51,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
  padding:0 12px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  text-align:left!important;
  position:relative!important;
  overflow:hidden!important;
  cursor:pointer!important;
  scroll-snap-align:start!important;
  color:#102033!important;
  transform:none!important;
}
.catWideCard::after{
  content:""!important;
  position:absolute!important;
  right:-26px!important;
  top:-26px!important;
  width:116px!important;
  height:116px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(0,176,80,.16),rgba(0,163,255,.06) 58%,transparent 72%)!important;
  pointer-events:none!important;
}
.catWideCard:hover{
  transform:translateY(-3px)!important;
  background:linear-gradient(135deg,#ffffff 0%,#eef9ff 50%,#eafff4 100%)!important;
  box-shadow:0 18px 36px rgba(0,163,255,.14), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.catWideName{
  display:block!important;
  position:relative!important;
  z-index:3!important;
  max-width:65%!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.05!important;
  color:#11233a!important;
  letter-spacing:-.45px!important;
  white-space:normal!important;
}
.catWidePhoto{
  position:absolute!important;
  right:4px!important;
  bottom:-7px!important;
  width:105px!important;
  height:103px!important;
  object-fit:contain!important;
  z-index:2!important;
  filter:drop-shadow(0 10px 10px rgba(16,32,51,.16)) saturate(1.12) contrast(1.03)!important;
  transform:scale(1.02)!important;
  background:transparent!important;
}
.catAllCard{
  background:linear-gradient(135deg,#ffffff,#effbf5)!important;
  border:2px solid rgba(0,176,80,.48)!important;
  justify-content:flex-start!important;
  gap:14px!important;
}
.catAllCard .catWideName{
  font-size:24px!important;
  max-width:none!important;
}
.catMenuIcon{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#00A3FF,#00B050)!important;
  color:white!important;
  font-size:25px!important;
  box-shadow:0 10px 20px rgba(0,176,80,.22)!important;
}
@media(max-width:900px){
  .catWideStrip{grid-auto-columns:222px!important;grid-template-rows:repeat(2,78px)!important;gap:12px!important}
  .catWideCard{height:78px!important;min-height:78px!important;border-radius:22px!important}
  .catWideName{font-size:19px!important;max-width:66%!important}
  .catWidePhoto{width:95px!important;height:93px!important}
}
@media(max-width:520px){
  .catHeadWide h2{font-size:21px!important}
  .catHeadWide .btn{padding:9px 11px!important;font-size:12px!important}
  .catWideStrip{grid-auto-columns:196px!important;grid-template-rows:repeat(2,72px)!important;gap:10px!important;padding-bottom:13px!important}
  .catWideCard{height:72px!important;min-height:72px!important;border-radius:20px!important;padding-left:13px!important}
  .catWideName{font-size:17px!important;max-width:68%!important}
  .catWidePhoto{right:0!important;width:86px!important;height:84px!important}
  .catAllCard .catWideName{font-size:22px!important}
  .catMenuIcon{width:40px!important;height:40px!important;font-size:22px!important;border-radius:14px!important}
}