/* Product cards refresh V9: white image stage, protected cart/title layout */
.discounts .discounts-carousel .item,
.discounts .new-items-carousel .item,
.new-items .discounts-carousel .item,
.new-items .new-items-carousel .item,
.things-catalog-bg .block-product {
    position: relative !important;
    min-height: 418px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
}

.discounts .discounts-carousel .item:hover,
.discounts .new-items-carousel .item:hover,
.new-items .discounts-carousel .item:hover,
.new-items .new-items-carousel .item:hover,
.things-catalog-bg .block-product:hover {
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.discounts .discounts-carousel .item:hover .content,
.discounts .new-items-carousel .item:hover .content,
.new-items .discounts-carousel .item:hover .content,
.new-items .new-items-carousel .item:hover .content,
.things-catalog-bg .block-product:hover .content {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    background: #ffffff !important;
}

.discounts .discounts-carousel .image,
.discounts .new-items-carousel .image,
.new-items .discounts-carousel .image,
.new-items .new-items-carousel .image,
.things-catalog-bg .block-product .image {
    position: relative !important;
    width: 100% !important;
    height: 306px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.discounts .discounts-carousel .image::after,
.discounts .new-items-carousel .image::after,
.new-items .discounts-carousel .image::after,
.new-items .new-items-carousel .image::after,
.things-catalog-bg .block-product .image::after {
    content: none;
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 20px;
    height: 14px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.10);
    filter: blur(10px);
    pointer-events: none;
}

.discounts .discounts-carousel .image a.link,
.discounts .new-items-carousel .image a.link,
.new-items .discounts-carousel .image a.link,
.new-items .new-items-carousel .image a.link,
.things-catalog-bg .block-product .image a.link {
    z-index: 5 !important;
}

.discounts .discounts-carousel .image img,
.discounts .new-items-carousel .image img,
.new-items .discounts-carousel .image img,
.new-items .new-items-carousel .image img,
.things-catalog-bg .block-product .image img {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: auto !important;
    object-fit: contain !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
    transform: none !important;
    transition: opacity 170ms ease, transform 180ms ease !important;
}

.discounts .discounts-carousel .item:hover .image img,
.discounts .new-items-carousel .item:hover .image img,
.new-items .discounts-carousel .item:hover .image img,
.new-items .new-items-carousel .item:hover .image img,
.things-catalog-bg .block-product:hover .image img {
    transform: none !important;
}

.discounts .discounts-carousel .image img.product-hover-image,
.discounts .new-items-carousel .image img.product-hover-image,
.new-items .discounts-carousel .image img.product-hover-image,
.new-items .new-items-carousel .image img.product-hover-image,
.things-catalog-bg .block-product .image img.product-hover-image {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
}

.discounts .discounts-carousel .item.hover-image-ready:hover .image img.product-main-image,
.discounts .new-items-carousel .item.hover-image-ready:hover .image img.product-main-image,
.new-items .discounts-carousel .item.hover-image-ready:hover .image img.product-main-image,
.new-items .new-items-carousel .item.hover-image-ready:hover .image img.product-main-image,
.things-catalog-bg .block-product.hover-image-ready:hover .image img.product-main-image {
    opacity: 0 !important;
}

.discounts .discounts-carousel .item.hover-image-ready:hover .image img.product-hover-image,
.discounts .new-items-carousel .item.hover-image-ready:hover .image img.product-hover-image,
.new-items .discounts-carousel .item.hover-image-ready:hover .image img.product-hover-image,
.new-items .new-items-carousel .item.hover-image-ready:hover .image img.product-hover-image,
.things-catalog-bg .block-product.hover-image-ready:hover .image img.product-hover-image {
    opacity: 1 !important;
}

.discounts .discounts-carousel .content,
.discounts .new-items-carousel .content,
.new-items .discounts-carousel .content,
.new-items .new-items-carousel .content,
.things-catalog-bg .block-product .content {
    position: static !important;
    min-height: 94px !important;
    padding: 16px 0 6px !important;
    display: block !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.discounts .discounts-carousel .title,
.discounts .discounts-carousel .price,
.discounts .new-items-carousel .title,
.discounts .new-items-carousel .price,
.new-items .discounts-carousel .title,
.new-items .discounts-carousel .price,
.new-items .new-items-carousel .title,
.new-items .new-items-carousel .price,
.things-catalog-bg .block-product .title,
.things-catalog-bg .block-product .price {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.discounts .discounts-carousel .title,
.discounts .new-items-carousel .title,
.new-items .discounts-carousel .title,
.new-items .new-items-carousel .title,
.things-catalog-bg .block-product .title {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    height: 40px !important;
    margin: 0 48px 12px 0 !important;
    overflow: hidden !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #111111 !important;
    text-transform: none !important;
}

.discounts .discounts-carousel .title p,
.discounts .new-items-carousel .title p,
.new-items .discounts-carousel .title p,
.new-items .new-items-carousel .title p,
.things-catalog-bg .block-product .title p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.discounts .discounts-carousel .price,
.discounts .new-items-carousel .price,
.new-items .discounts-carousel .price,
.new-items .new-items-carousel .price,
.things-catalog-bg .block-product .price,
.discounts .discounts-carousel .price div,
.discounts .new-items-carousel .price div,
.new-items .discounts-carousel .price div,
.new-items .new-items-carousel .price div,
.things-catalog-bg .block-product .price div {
    min-height: 24px !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    color: #111111 !important;
}

.special-product-price {
    display: flex !important;
    gap: 8px !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.p-line-through,
.special-product-price .p-line-through {
    color: #ff1d1d !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff1d1d !important;
}

.discounts .discounts-carousel .price .p-line-through,
.discounts .new-items-carousel .price .p-line-through,
.new-items .discounts-carousel .price .p-line-through,
.new-items .new-items-carousel .price .p-line-through,
.things-catalog-bg .block-product .price .p-line-through,
.things-catalog-bg .block-product .special-product-price .p-line-through {
    color: #ff1d1d !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff1d1d !important;
}

.hover-content {
    position: absolute !important;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    right: 0 !important;
    top: 322px !important;
    bottom: auto !important;
    z-index: 7 !important;
}

.discounts .discounts-carousel .item:hover .hover-content,
.discounts .new-items-carousel .item:hover .hover-content,
.new-items .discounts-carousel .item:hover .hover-content,
.new-items .new-items-carousel .item:hover .hover-content,
.things-catalog-bg .block-product:hover .hover-content {
    position: absolute !important;
    display: flex !important;
    opacity: 1 !important;
    transform: none !important;
}

.hover-content .icon {
    position: relative !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border: 1px solid #111111 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background 150ms ease, border-color 150ms ease !important;
}

.hover-content .icon::before {
    content: none !important;
    display: none !important;
}

.hover-content .icon + .icon {
    background: transparent !important;
}

.hover-content .icon.StarFav {
    position: absolute !important;
    right: 8px !important;
    top: -314px !important;
    border: 0 !important;
    background: transparent !important;
}

.hover-content .icon:hover {
    border-color: #111111 !important;
    background: #111111 !important;
    transform: none !important;
}

.hover-content .icon i,
.hover-content .icon span,
.hover-content .icon svg {
    margin: 0 !important;
    pointer-events: none !important;
}

.hover-content .icon i {
    color: #111111 !important;
    font-size: 17px !important;
}

.hover-content .icon + .icon i,
.hover-content .icon.StarFav.active i {
    color: #111111 !important;
}

.hover-content .icon:hover i {
    color: #ffffff !important;
}

.hover-content .icon.StarFav:hover i,
.hover-content .icon.StarFav.active:hover i {
    color: #111111 !important;
}

.hover-content .icon.StarFav.active {
    background: transparent !important;
}

.hover-content .icon.StarFav:hover {
    border-color: transparent !important;
    background: transparent !important;
}

.hover-content .icon a.link {
    z-index: 6 !important;
}

.item-promoted-status,
.item-new-product {
    position: absolute !important;
    z-index: 8 !important;
    border-radius: 12px !important;
    transform: none !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.item-promoted-status {
    left: 10px !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 8px 11px !important;
    background: #6dbb66 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.item-promoted-status span,
.item-new-product span {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.item-new-product {
    left: 10px !important;
    top: 10px !important;
    right: auto !important;
    padding: 8px 11px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
}

.item-promoted-status + .item-new-product {
    top: 42px !important;
}

.things-catalog-bg .content-things .head-info {
    border: 1px solid #d7d7d7 !important;
    background: #ffffff !important;
}

@media only screen and (max-width: 576px) {
    .things-catalog-bg .block-product,
    .discounts .discounts-carousel .item,
    .discounts .new-items-carousel .item,
    .new-items .discounts-carousel .item,
    .new-items .new-items-carousel .item {
        min-height: 0 !important;
    }

    .discounts .discounts-carousel .image,
    .discounts .new-items-carousel .image,
    .new-items .discounts-carousel .image,
    .new-items .new-items-carousel .image,
    .things-catalog-bg .block-product .image {
        height: 264px !important;
    }

    .discounts .discounts-carousel .title,
    .discounts .new-items-carousel .title,
    .new-items .discounts-carousel .title,
    .new-items .new-items-carousel .title,
    .things-catalog-bg .block-product .title {
        height: auto !important;
        min-height: 38px !important;
    }

    .hover-content {
        top: 280px !important;
    }

    .hover-content .icon.StarFav {
        top: -272px !important;
    }
}