/* DCR.BY — 45.30.74
   Targeted Home polish:
   - category rail hover does not clip;
   - category labels are centered;
   - Novelties mirror the current Catalog product-card styling. */

body[data-page="home"] .home-category-rail-shell{
  overflow:visible!important;
  padding-top:8px!important;
  margin-top:-8px!important;
}

body[data-page="home"] .home-category-stage .home-hero-mosaic-v3,
body[data-page="home"] .home-category-stage .home-hero-mosaic-v3.is-multirow{
  padding-top:10px!important;
  margin-top:-10px!important;
}

body[data-page="home"] .home-category-stage .home-hero-mosaic-v3 .home-mosaic-card,
body[data-page="home"] .home-category-stage .home-hero-mosaic-v3 .home-mosaic-1{
  align-items:center!important;
}

body[data-page="home"] .home-category-stage .home-hero-mosaic-v3 .home-mosaic-card span{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  align-items:center!important;
  padding-left:2px!important;
  padding-right:2px!important;
}

/* ============================================================
   NOVELTIES = CATALOG CARDS
   The HTML is already the same. These final rules only neutralize
   old Home-only overrides so the visual matches Catalog.
   ============================================================ */

body[data-page="home"] .home-new-panel .product-grid{
  align-items:stretch!important;
}

body[data-page="home"] .home-new-panel .product-card{
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid var(--stroke-soft,rgba(34,24,46,.08))!important;
  border-radius:var(--dcr-radius-md,18px)!important;
  background:var(--bg-card,#fff)!important;
  box-shadow:0 7px 22px rgba(38,24,46,.055)!important;
}

@media(hover:hover) and (pointer:fine){
  body[data-page="home"] .home-new-panel .product-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(103,38,171,.12)!important;
    box-shadow:0 12px 30px rgba(38,24,46,.085)!important;
  }
}

body[data-page="home"] .home-new-panel .product-card .image-wrap{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f5f3f7 0%,#efecf2 100%)!important;
}

body[data-page="home"] .home-new-panel .product-card .image-wrap::after{
  display:none!important;
}

body[data-page="home"] .home-new-panel .product-card .single-product-image,
body[data-page="home"] .home-new-panel .product-card .slider-container,
body[data-page="home"] .home-new-panel .product-card .dcr-carousel-strip{
  width:100%!important;
  height:100%!important;
}

body[data-page="home"] .home-new-panel .product-card .single-product-image img,
body[data-page="home"] .home-new-panel .product-card .slider-container img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Same catalog stock badge. */
body[data-page="home"] .home-new-panel .product-card .image-wrap>.badge{
  top:10px!important;
  left:10px!important;
  right:auto!important;
  bottom:auto!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  font-size:.75rem!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
body[data-page="home"] .home-new-panel .product-card .image-wrap>.badge:not(.out):not(.badge-preorder){
  background:rgba(33,164,87,.92)!important;
  color:#fff!important;
}
body[data-page="home"] .home-new-panel .product-card .image-wrap>.badge.badge-preorder{
  background:#d98c00!important;
  color:#fff!important;
}
body[data-page="home"] .home-new-panel .product-card .image-wrap>.badge.out{
  background:rgba(225,68,68,.92)!important;
  color:#fff!important;
}

/* Same information block as Catalog. */
body[data-page="home"] .home-new-panel .product-card .info{
  flex:1 1 auto!important;
  padding:10px 12px 5px!important;
  gap:0!important;
}

body[data-page="home"] .home-new-panel .product-card .info .name{
  min-height:0!important;
  margin:0 0 4px!important;
  color:var(--text-main,#1d1725)!important;
  font-size:.9375rem!important;
  line-height:1.3!important;
  letter-spacing:-.008em!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

body[data-page="home"] .home-new-panel .product-card .info .description{
  min-height:0!important;
  margin:0 0 8px!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  color:var(--dcr-muted,#6f6474)!important;
  font-size:.8125rem!important;
  line-height:1.45!important;
  font-weight:400!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* This is the thin separator the Catalog really has above its price row. */
body[data-page="home"] .home-new-panel .product-price-block{
  min-height:31px!important;
  margin-top:7px!important;
  margin-bottom:0!important;
  padding-top:7px!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:0!important;
  border-top:1px solid #f0ebf2!important;
}

body[data-page="home"] .home-new-panel .product-price-caption{
  flex:0 0 auto!important;
  min-width:0!important;
  margin:0!important;
  color:#6f6474!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

body[data-page="home"] .home-new-panel .product-price-values{
  min-width:0!important;
  min-height:0!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:4px 6px!important;
  text-align:right!important;
}

body[data-page="home"] .home-new-panel .product-price-values .price,
body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .price{
  min-width:0!important;
  color:#2d2531!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:normal!important;
  white-space:nowrap!important;
}

body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .price{
  color:#6726AB!important;
}

body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .base-price{
  color:#aaa1ad!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1px!important;
  white-space:nowrap!important;
}

/* Same lower cart zone as Catalog. */
body[data-page="home"] .home-new-panel .product-card .cart-controls{
  width:auto!important;
  margin:auto 6px 6px!important;
  padding:0!important;
}

body[data-page="home"] .home-new-panel .product-card .catalog-cart-state{
  gap:0!important;
}

body[data-page="home"] .home-new-panel .product-card .add-btn{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:750!important;
}

/* Catalog mobile values. */
@media(max-width:720px){
  body[data-page="home"] .home-new-panel .product-card .info{
    padding:9px 10px 5px!important;
  }
  body[data-page="home"] .home-new-panel .product-card .info .name{
    font-size:14px!important;
  }
  body[data-page="home"] .home-new-panel .product-card .info .description{
    margin-bottom:7px!important;
    font-size:11px!important;
  }
  body[data-page="home"] .home-new-panel .product-card .cart-controls{
    margin:auto 4px 4px!important;
  }
  body[data-page="home"] .home-new-panel .product-card .add-btn{
    min-height:38px!important;
    height:38px!important;
    font-size:12px!important;
  }
}

@media(max-width:560px){
  body[data-page="home"] .home-new-panel .product-price-block{
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:5px!important;
    margin-top:7px!important;
    padding-top:7px!important;
    border-top:1px solid #f0ebf2!important;
  }
  body[data-page="home"] .home-new-panel .product-price-caption{
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body[data-page="home"] .home-new-panel .product-price-values{
    flex-wrap:nowrap!important;
    gap:3px!important;
  }
  body[data-page="home"] .home-new-panel .product-price-values .price,
  body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .price{
    font-size:14px!important;
    letter-spacing:-.035em!important;
  }
  body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .product-price-values{
    display:grid!important;
    grid-template-columns:auto!important;
    justify-items:end!important;
    row-gap:1px!important;
  }
  body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .base-price{
    font-size:8px!important;
  }
}

@media(max-width:380px){
  body[data-page="home"] .home-new-panel .product-price-caption{
    font-size:8.5px!important;
  }
  body[data-page="home"] .home-new-panel .product-price-values .price,
  body[data-page="home"] .home-new-panel .product-price-block.has-personal-discount .price{
    font-size:13px!important;
    letter-spacing:-.045em!important;
  }
}


/* DCR-HOME-PRICE-BASELINE-20261013
   Novelties: anchor the price to a shared bottom edge. The variable-length
   title/description stays at the top, so its unused space remains ABOVE
   the price; preserve the existing card images and buttons. */
body[data-page="home"] .home-new-panel .product-card {
  display: flex !important;
  flex-direction: column !important;
}
body[data-page="home"] .home-new-panel .product-card .info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0;
}
body[data-page="home"] .home-new-panel .product-card .info > .product-price-block {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}
body[data-page="home"] .home-new-panel .product-card > .cart-controls {
  margin-top: 0 !important;
  flex: 0 0 auto !important;
}
