/* ==========================================================================
   DjimlyStore Digital v2.39.13 — Home sliders + catalogue tile parity
   ========================================================================== */

/* 1) Home featured categories: horizontal swipe rows, one row per section. */
html body #djs-portal #djs-screen-store #djs-trending-row,
html body #djs-portal #djs-screen-store #djs-popular-row,
html body #djs-portal #djs-screen-store #djs-giftcards-home-row{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:3px 3px 12px!important;
  align-items:flex-start!important;
}
html body #djs-portal #djs-screen-store #djs-trending-row::-webkit-scrollbar,
html body #djs-portal #djs-screen-store #djs-popular-row::-webkit-scrollbar,
html body #djs-portal #djs-screen-store #djs-giftcards-home-row::-webkit-scrollbar{display:none!important;}

html body #djs-portal #djs-screen-store #djs-trending-row > .djs-home-square-product-card,
html body #djs-portal #djs-screen-store #djs-popular-row > .djs-home-square-product-card,
html body #djs-portal #djs-screen-store #djs-giftcards-home-row > .djs-home-square-product-card{
  flex:0 0 clamp(118px,31vw,168px)!important;
  width:clamp(118px,31vw,168px)!important;
  scroll-snap-align:start!important;
}

/* 2) Every square media tile gets the same soft radius, including logo art. */
html body #djs-portal #djs-screen-store .djs-home-square-media,
html body #djs-portal #djs-screen-home .djs-account-ref-product-media{
  border-radius:12px!important;
}
html body #djs-portal #djs-screen-store .djs-home-square-media img,
html body #djs-portal #djs-screen-home .djs-account-ref-product-media img{
  border-radius:10px!important;
}
html body #djs-portal #djs-screen-home .djs-account-ref-product-media.is-logo-fit img,
html body #djs-portal #djs-screen-store .djs-home-square-media.is-logo-fit img{
  border-radius:10px!important;
}

/* 3) Full Boutique catalogue at the bottom of Home: square art + text underneath. */
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px 14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 2px 30px!important;
  align-items:start!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) > .djs-product-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__img{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f4f6f9!important;
  box-shadow:none!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__img img.djs-product-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
  object-fit:cover!important;
  object-position:center!important;
}
/* Wide/text logos: do not crop Netflix, Disney, Prime, 1xBet, Steam, etc. */
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__img.is-logo-fit{
  background:#fff!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__img.is-logo-fit img.djs-product-photo{
  object-fit:contain!important;
  object-position:center!important;
  padding:9%!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-radius:10px!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__info{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 0 0!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__name{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#17191d!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.22!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__price{
  display:block!important;
  margin-top:2px!important;
  color:#657185!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:hidden!important;
}
html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-promo-timer{
  margin-top:3px!important;
  transform:scale(.9)!important;
  transform-origin:left top!important;
}

@media(max-width:760px){
  html body #djs-portal #djs-screen-store #djs-trending-row,
  html body #djs-portal #djs-screen-store #djs-popular-row,
  html body #djs-portal #djs-screen-store #djs-giftcards-home-row{gap:12px!important;padding-left:2px!important;padding-right:18px!important;}
  html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid){gap:19px 11px!important;padding-left:2px!important;padding-right:2px!important;}
  html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__name{font-size:12px!important;}
  html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid) .djs-product-card__price{font-size:9.5px!important;}
}

@media(min-width:900px){
  html body #djs-portal #djs-screen-store #djs-product-grid:not(.djs-xbet-service-grid){grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}