@media (min-width:901px){
.header{overflow:visible!important}
.category-nav{overflow:visible!important;position:relative!important}
.desktop-category-item{position:static!important;display:flex;align-items:stretch;height:100%}
.desktop-category-main{display:flex!important;align-items:center;justify-content:center;height:100%;padding:0 4px}
.desktop-category-dropdown{
  display:none;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:calc(100% - 1px)!important;
  transform:translateX(-50%)!important;
  width:min(1180px,calc(100vw - 40px))!important;
  max-width:min(1180px,calc(100vw - 40px))!important;
  padding:22px 26px 24px!important;
  background:#fff;
  border:1px solid #e7e7eb;
  border-radius:0 0 16px 16px;
  box-shadow:0 16px 38px rgba(17,24,39,.14);
  z-index:150;
}
.desktop-category-item:hover>.desktop-category-dropdown,
.desktop-category-item:focus-within>.desktop-category-dropdown{display:block}
.desktop-category-dropdown-grid{
  width:100%;
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center!important;
  align-items:flex-start;
  gap:18px 22px;
  margin:0 auto;
}
.desktop-subcategory-card{
  flex:0 0 132px;
  width:132px!important;
  min-width:132px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:8px 6px 10px;
  border-radius:10px;
  text-align:center;
}
.desktop-subcategory-card:hover{background:#fff8f2}
.desktop-subcategory-image{
  width:92px;
  height:72px;
  display:block;
  flex:0 0 72px;
  border-radius:12px;
  border:1px solid #eceef1;
  background:#fff;
  overflow:hidden;
}
.desktop-subcategory-image img{width:100%;height:100%;object-fit:cover;display:block}
.desktop-subcategory-card b{font-size:12px;line-height:1.3;text-align:center;font-weight:650;color:#30343b}

.desktop-subcategory-card.no-image{
  flex:0 1 180px;
  width:auto!important;
  min-width:150px;
  min-height:38px;
  padding:9px 12px;
  display:flex!important;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  border-radius:7px;
  text-align:left;
}
.desktop-subcategory-card.no-image b{
  width:100%;
  font-size:13px;
  line-height:1.35;
  text-align:left;
  font-weight:600;
  color:#484848;
}
.desktop-subcategory-card.no-image:hover{background:#fff5ee;color:#ff6000}
.desktop-subcategory-card.no-image:hover b{color:#ff6000}
body.page-products .catalog-subcategories{display:none!important}
}
@media (max-width:900px){
.desktop-category-item{display:contents}
.desktop-category-dropdown{display:none!important}
}

/* 2026-08-10 — desktop category typography matched to supplied reference */
@media (min-width:901px){
  body .category-nav{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body .category-nav .allcat,
  body.sp-theme-surface-customer .category-nav .allcat,
  html body.sp-theme-sorfpazar-v2 .category-nav .allcat{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:36px!important;
    padding:0 5px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#5b5f66!important;
    font-family:inherit!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  body .category-nav .allcat svg{
    width:17px!important;
    height:17px!important;
    color:#666b72!important;
    stroke-width:1.75!important;
    flex:0 0 auto!important;
  }
  body .category-nav .desktop-category-item{
    align-items:center!important;
  }
  body .category-nav .desktop-category-main,
  body.sp-theme-surface-customer .category-nav .desktop-category-main,
  html body.sp-theme-sorfpazar-v2 .category-nav .desktop-category-main{
    min-height:44px!important;
    padding:0 2px!important;
    color:#34373c!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:-.012em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  body .category-nav .desktop-category-main .category-dot{display:none!important}
  body .category-nav .desktop-category-main:hover,
  body .category-nav .desktop-category-item:focus-within>.desktop-category-main{
    color:#25282c!important;
  }
}


/* 2026-08-11 — desktop top menu typography + optional submenu images */
@media (min-width:901px){
  body .category-nav{
    gap:19px!important;
    min-height:44px!important;
  }
  body .category-nav .allcat,
  body.sp-theme-surface-customer .category-nav .allcat,
  html body.sp-theme-sorfpazar-v2 .category-nav .allcat{
    font-family:Inter,Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    color:#555b63!important;
  }
  body .category-nav .desktop-category-main,
  body.sp-theme-surface-customer .category-nav .desktop-category-main,
  html body.sp-theme-sorfpazar-v2 .category-nav .desktop-category-main{
    font-family:Inter,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    color:#2f343a!important;
  }
  body .category-nav .desktop-category-main:hover,
  body .category-nav .desktop-category-item:focus-within>.desktop-category-main{
    color:#ff6000!important;
  }

  .desktop-category-dropdown-grid{
    gap:8px 12px!important;
  }
  .desktop-subcategory-card.no-image{
    flex:0 0 calc(20% - 10px)!important;
    width:calc(20% - 10px)!important;
    min-width:0!important;
    min-height:36px!important;
    padding:8px 10px!important;
    background:transparent!important;
    border:0!important;
  }
  .desktop-subcategory-card.no-image b{
    font-family:Inter,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    color:#444a51!important;
  }
  .desktop-subcategory-card.no-image:hover{
    background:#fff7f0!important;
  }
  .desktop-subcategory-card.has-image{
    flex:0 0 132px!important;
    width:132px!important;
  }
}


/* 2026-08-11 — desktop category headings: all labels exactly same size */
@media (min-width:901px){
  body .category-nav .allcat,
  body.sp-theme-surface-customer .category-nav .allcat,
  html body.sp-theme-sorfpazar-v2 .category-nav .allcat,
  body .category-nav .desktop-category-main,
  body.sp-theme-surface-customer .category-nav .desktop-category-main,
  html body.sp-theme-sorfpazar-v2 .category-nav .desktop-category-main{
    font-family:Inter,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    color:#34383e!important;
  }
  body .category-nav .allcat svg{
    width:16px!important;
    height:16px!important;
  }
}