/* Спільна палітра й типографіка RobiX. */
html body{
  --rx-ui-blue:#000ffe;
  --rx-ui-ink:#192744;
  --rx-ui-muted:#77849a;
  --rx-ui-line:#e3e9f5;
}
html body .rx-search-row strong,
html body .cart-price,
html body .rx-order-product-price,
html body .rx-order-total,
html body #cartTotal{
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
  font-variant-numeric:tabular-nums;
}
html body .rx-search-row strong,
html body .cart-price,
html body .rx-order-product-price{
  color:var(--rx-ui-blue)!important;
}
html body :is(
  .rx-section-heading h2,
  .rx-soon-head h2,
  .rx-orders-title,
  .rx-settings h3
){
  font-family:Montserrat,Inter,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
  color:var(--rx-ui-ink)!important;
}

/* Однакові картки на головній та в каталозі. */
html body #recommended .product-card,
html body .rx-pick-card,
html body #grid .product{
  border:1px solid var(--rx-ui-line)!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 5px 18px #18366a05!important;
}
html body #recommended .product-media,
html body .rx-pick-photo,
html body #grid .media{
  background-color:#f5f7fc!important;
  background-image:
    linear-gradient(#000ffe05 1px,transparent 1px),
    linear-gradient(90deg,#000ffe05 1px,transparent 1px)!important;
  background-size:28px 28px!important;
}
html body #recommended .product-name,
html body #recommended .product-name a,
html body .rx-pick-info h3,
html body .rx-pick-info h3 a,
html body #grid .product .name,
html body #grid .product .name a{
  font-family:Montserrat,Inter,sans-serif!important;
  font-weight:650!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
  color:var(--rx-ui-ink)!important;
}
html body #recommended .price,
html body .rx-pick-buy strong,
html body #grid .price{
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
  color:var(--rx-ui-blue)!important;
}
html body #recommended .add-btn,
html body .rx-pick-buy button,
html body #grid .add{
  border-radius:12px!important;
  background:var(--rx-ui-blue)!important;
}

/* Новинки — компактні рекламні картки. */
html body .rx-coming-soon{
  padding:30px 0!important;
  background:#f7f9ff!important;
}
html body .rx-coming-soon::before{
  display:none!important;
}
html body .rx-coming-soon .rx-soon-inner{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .rx-coming-soon--home .rx-soon-inner{
  width:min(1280px,calc(100% - 64px))!important;
}
html body .rx-coming-soon--catalog{
  margin:18px 0 24px!important;
  padding:22px!important;
  border:1px solid var(--rx-ui-line)!important;
  border-radius:22px!important;
}
html body .rx-coming-soon--catalog .rx-soon-inner{
  width:100%!important;
}
html body .rx-coming-soon .rx-soon-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px 28px!important;
  margin:0 0 18px!important;
}
html body .rx-coming-soon .rx-soon-head h2{
  font-size:clamp(23px,2.5vw,31px)!important;
  line-height:1.2!important;
  margin:8px 0 0!important;
}
html body .rx-coming-soon .rx-soon-head>p{
  max-width:430px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.65!important;
  color:var(--rx-ui-muted)!important;
}
html body .rx-coming-soon .rx-soon-kicker{
  font-size:8px!important;
  letter-spacing:.12em!important;
}
html body .rx-coming-soon .rx-soon-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .rx-coming-soon .rx-soon-card{
  display:grid!important;
  grid-template-columns:42% minmax(0,1fr)!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:145px!important;
  border:1px solid var(--rx-ui-line)!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:none!important;
  animation:none!important;
  transition:border-color .2s,box-shadow .2s!important;
}
html body .rx-coming-soon .rx-soon-card:hover{
  transform:none!important;
  border-color:#c6d1ff!important;
  box-shadow:0 7px 20px #000ffe08!important;
}
html body .rx-coming-soon .rx-soon-media{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  width:100%!important;
  height:145px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:12px!important;
  background:#f4f6fc!important;
}
html body .rx-coming-soon .rx-soon-media::after{
  display:none!important;
}
html body .rx-coming-soon .rx-soon-media img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:121px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
html body .rx-coming-soon .rx-soon-status{
  top:7px!important;
  left:7px!important;
  padding:4px 6px!important;
  font-size:7px!important;
  border:0!important;
  box-shadow:none!important;
  background:#ffffffed!important;
}
html body .rx-coming-soon .rx-soon-status i{
  width:5px!important;
  height:5px!important;
  box-shadow:none!important;
}
html body .rx-coming-soon .rx-soon-info{
  min-width:0!important;
  padding:14px!important;
}
html body .rx-coming-soon .rx-soon-info>span{
  font-size:7px!important;
  line-height:1.5!important;
  letter-spacing:.04em!important;
  color:#8590a5!important;
}
html body .rx-coming-soon .rx-soon-info h3{
  margin:7px 0!important;
  font:700 17px/1.25 Montserrat,Inter,sans-serif!important;
  letter-spacing:-.035em!important;
  color:var(--rx-ui-ink)!important;
  overflow-wrap:anywhere!important;
}
html body .rx-coming-soon .rx-soon-info p{
  margin:0!important;
  font:400 10px/1.6 Inter,sans-serif!important;
  color:var(--rx-ui-muted)!important;
}

/* Відстані скорочуються, кількість розділів не змінюється. */
@media(max-width:760px){
  html body main#top :is(
    .rx-category-section,
    .rx-discovery,
    .rx-buying-guide,
    #recommended
  ){
    padding-top:18px!important;
    padding-bottom:18px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body main#top .rx-section-heading{
    margin-bottom:15px!important;
    gap:12px!important;
  }
  html body main#top .rx-section-heading h2{
    margin-top:7px!important;
    margin-bottom:0!important;
    font-size:25px!important;
    line-height:1.22!important;
  }
  html body main#top .rx-section-heading p{
    margin-top:8px!important;
    margin-bottom:0!important;
    font-size:12px!important;
    line-height:1.65!important;
  }
  html body main#top .rx-editorial{
    padding:16px 0!important;
  }
  html body main#top .rx-info-layout{
    padding-top:20px!important;
    padding-bottom:20px!important;
    gap:28px!important;
  }
  html body main#top .rx-info-layout #how,
  html body main#top .rx-info-layout #faq{
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  html body main#top .rx-benefits{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  html body #recommended .product-card,
  html body .rx-pick-card,
  html body #grid .product{
    border-radius:17px!important;
  }

  html body .rx-coming-soon{
    padding:20px 0!important;
  }
  html body .rx-coming-soon--home .rx-soon-inner{
    width:calc(100% - 28px)!important;
  }
  html body .rx-coming-soon--catalog{
    padding:15px!important;
    margin:16px 0 20px!important;
    border-radius:18px!important;
  }
  html body .rx-coming-soon .rx-soon-head{
    gap:9px!important;
    margin-bottom:14px!important;
  }
  html body .rx-coming-soon .rx-soon-head h2{
    font-size:24px!important;
  }
  html body .rx-coming-soon .rx-soon-head>p{
    font-size:10px!important;
    line-height:1.6!important;
  }
  html body .rx-coming-soon .rx-soon-grid{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    padding:0 0 9px!important;
    -webkit-overflow-scrolling:touch;
  }
  html body .rx-coming-soon .rx-soon-card{
    flex:0 0 260px!important;
    width:260px!important;
    min-height:124px!important;
    scroll-snap-align:start;
    grid-template-columns:43% minmax(0,1fr)!important;
  }
  html body .rx-coming-soon .rx-soon-media{
    height:124px!important;
    padding:10px!important;
  }
  html body .rx-coming-soon .rx-soon-media img{
    max-height:104px!important;
  }
  html body .rx-coming-soon .rx-soon-info{
    padding:12px!important;
  }
  html body .rx-coming-soon .rx-soon-info h3{
    font-size:16px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .rx-coming-soon .rx-soon-card{
    transition:none!important;
  }
}