html{height:100%!important}
html body{
  display:flex!important;
  flex-direction:column!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  height:auto!important
}
html body .public-header{flex:0 0 auto!important}
html body main{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important
}
html body footer.public-footer,
html body footer.final-footer{
  width:100%!important;
  max-width:none!important;
  margin-top:auto!important;
  margin-bottom:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  left:auto!important;
  right:auto!important;
  min-height:0!important
}
@media(min-width:761px){
  html body footer.final-footer{
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.8fr)!important;
    justify-items:stretch!important;
    align-items:start!important;
    gap:18px!important;
    padding:22px max(16px,calc((100% - 1120px)/2))!important
  }
}
@media(max-width:760px){
  html body footer.final-footer,
  html body footer.public-footer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    justify-items:stretch!important;
    align-items:start!important;
    gap:12px 10px!important;
    padding:14px 12px 12px!important;
    text-align:right!important;
    min-height:0!important
  }
  html body footer.final-footer .footer-links{display:none!important}
  html body footer.final-footer .footer-brand p{display:none!important}
  html body footer.final-footer .footer-heading{margin-bottom:6px!important;font-size:11px!important}
  html body footer.final-footer .footer-brand strong{font-size:16px!important}
  html body footer.final-footer .footer-contact-item{font-size:10px!important;gap:6px!important}
  html body footer.final-footer .footer-contact-item i{width:24px!important;height:24px!important;font-size:11px!important;flex-basis:24px!important}
  html body footer.final-footer .social-icons{gap:6px!important;justify-content:flex-start!important}
  html body footer.final-footer .social-icon,
  html body footer.final-footer .social-icon img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
  html body footer.final-footer .enamad-badge img{max-width:78px!important}
  html body footer.final-footer .footer-enamad small{display:none!important}
  html body footer.final-footer .footer-brand,
  html body footer.final-footer .footer-contact-settings,
  html body footer.final-footer .footer-socials,
  html body footer.final-footer .footer-enamad{width:auto!important;text-align:right!important;justify-items:start!important}
}

html body .page-hero{padding:14px 12px 6px!important;background:#07111c!important}
html body .page-hero h1{margin:4px 0 0!important;font-size:clamp(16px,4.2vw,26px)!important;letter-spacing:0!important;line-height:1.45!important}
html body .page-hero p{display:none!important}

.kdd-shop-bar{
  width:min(1180px,calc(100% - 20px));
  margin:0 auto 12px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.9fr) auto;
  gap:8px;
  padding:10px;
  border:1px solid rgba(186,222,242,.14);
  border-radius:12px;
  background:rgba(8,18,28,.85)
}
.kdd-shop-bar input,.kdd-shop-bar select{
  width:100%;height:40px;border:1px solid rgba(186,222,242,.16);border-radius:8px;
  padding:0 10px;color:#edf8fc;background:#06101a
}
.kdd-shop-bar button{
  height:40px;padding:0 14px;border:0;border-radius:8px;background:#00aeef;color:#00121a;font-weight:700;cursor:pointer;white-space:nowrap
}
@media(max-width:760px){
  html body .page-hero{padding:10px 10px 4px!important}
  .kdd-shop-bar{
    width:calc(100% - 16px);
    margin:0 auto 8px;
    grid-template-columns:1fr 1fr auto;
    gap:6px;
    padding:6px;
    border-radius:8px
  }
  .kdd-shop-bar input{
    grid-column:1 / -1;
    height:34px;
    font-size:12px;
    padding:0 8px
  }
  .kdd-shop-bar select{
    height:34px;
    font-size:11px;
    padding:0 6px
  }
  .kdd-shop-bar button{
    height:34px;
    padding:0 10px;
    font-size:11px
  }
}

html body .catalog-wrap{width:min(1180px,calc(100% - 16px))!important;margin:0 auto!important;padding:8px 0 16px!important}
html body .catalog-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important
}
@media(min-width:900px){
  html body .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
}
html body .catalog-grid .kdd-sub-head{
  grid-column:1 / -1!important;
  margin:10px 0 0!important;
  color:#eef8fc!important;
  font-size:14px!important;
  font-weight:700!important
}

html body .catalog-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:10px!important
}
html body .catalog-visual{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  background:#0b1824!important
}
html body .catalog-visual img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  background:#0b1824!important
}
html body .catalog-visual.is-logo img{
  object-fit:contain!important;
  padding:16%!important;
  box-sizing:border-box!important
}
html body .catalog-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:8px 8px 10px!important;
  min-height:78px!important
}
html body .catalog-body h2{
  min-height:34px!important;
  max-height:34px!important;
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important
}
html body .catalog-body p{display:none!important}
html body .catalog-bottom{
  margin-top:auto!important;
  padding-top:6px!important;
  gap:4px!important;
  font-size:10px!important;
  flex-wrap:wrap!important
}
html body .catalog-price{font-size:10px!important}
html body .kdd-empty{padding:16px;color:#8ea5b6;font-size:13px;text-align:center}