/* Extracted from header.twig inline */
@media (max-width:500px){
    .category-products-module.bg-custom {
        display:none!important;
    }
}
.light {
    border-radius: 50%;
    padding: 15px;
    z-index: 99;
    transition: background-color 0.3s ease;
    background-color:white;
}

.featured-category-item[data-item-index="1"]:hover .light,
.featured-category-item[data-item-index="1"].active .light {
    background-color: #f67485;
}

.featured-category-item[data-item-index="2"]:hover .light,
.featured-category-item[data-item-index="2"].active .light {
    background-color: #fce87a;
}

.featured-category-item[data-item-index="3"]:hover .light,
.featured-category-item[data-item-index="3"].active .light {
    background-color: #c1e8e7;
}

.featured-category-item[data-item-index="4"]:hover .light,
.featured-category-item[data-item-index="4"].active .light {
    background-color: #fcc3cc;
}

.featured-categories {
    margin: 30px 0;
    padding: 0 15px;
    width: 100%;
}

.featured-categories-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position:relative;
}

.featured-categories-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.featured-category-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.featured-category-icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.featured-category-title {
    font-size: 16px;
    font-weight: 600;
    color: #1F1F1F;
    text-align: center;
    transition: color 0.2s ease;
}

.featured-category-icon img {
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    transition: transform 0.3s ease;
    z-index:2;
}

.featured-category-item:hover .featured-category-icon::after,
.featured-category-item.active .featured-category-icon::after {
    background: #fff;
    width: 95px;
    height: 100px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    box-shadow: 0px 0px 7px 0px rgba(143, 75, 75, 0.55);
}

.featured-category-item:hover .featured-category-icon::before,
.featured-category-item.active .featured-category-icon::before {
    background: #fff;
    width: 95px;
    height: 24px;
    content: "";
    display: block;
    position: absolute;
    z-index: 9999999;
    top: 85px;
}

.featured-category-mega-menu {
    box-shadow: 0px 0px 7px 0px rgba(143, 75, 75, 0.55)!important;
}

.featured-category-item:hover .featured-category-title,
.featured-category-item.active .featured-category-title {
    color: rgb(239, 140, 10);
}

.featured-category-mega-menu {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: none;
    margin: 0 auto;
    position: absolute;
    left: 2px;
    width: 100%;
    max-width: 100%;
    top: 92px;
    z-index: 99999;
}

.featured-category-mega-menu.show {
    display: block;
}

.mega-menu-category {
    display: none;
    padding: 25px 30px;
}

.mega-menu-category.active {
    display: block;
}

.mega-menu-subcategories {
    margin-top: 0;
}

.mega-menu-subcategories-title {
    font-size: 16px;
    font-weight: 600;
    color: #1F1F1F;
    margin: 0 0 15px 0;
}

.mega-menu-subcategories-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-flow: column;
    grid-template-rows: repeat(6, auto);
    gap: 6px 30px;
}

.mega-menu-subcategories-list li {
    margin: 0;
}

.mega-menu-subcategory-link {
    display: inline-block;
    padding: 8px 0;
    font-size: 16px;
    color: #293358;
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
    font-weight: 400;
}

.mega-menu-subcategory-link:hover {
    color: rgb(239, 140, 10);
    text-decoration: none;
}

@media (max-width: 768px) {
    .featured-categories {
        display: none;
    }
}

@media (min-width: 992px) {
header {
    background: #293358;
        margin-top: 5px;
}
}

@media (max-width: 767px) {
    .buone {
        display: none;
    }
}


.nofilter:hover {
filter: invert(0) !important;
}

.oct-fixed-bar-quantity:empty,
.oct-fixed-bar-wishlist-quantity:empty {
  display: none;
}

.cart__title_first.cart__title {
        position: relative;
}

.cart__title_first .cart-popup-close {
        position: absolute;
        top: 28px;
        right: 19px;
        border: 0;
        background: transparent;
        padding: 0;
        line-height: 0;
        cursor: pointer;
        transform:scale(1.5);
}

@media (max-width: 992px) {
.onlythis {
display: none !important;
}
}


@media (max-width: 1204px) {
.thisonly {
font-size: 12px !important;
}
}

@media (min-width: 992px) {
html[data-bp-cookie-region="eu"] .rm-header-phones-list a.thisonly {
margin-left: 70px !important;
}
}

@media (max-width: 1204px) {
.onlythis {
font-size: 12px;
}
}

@media (min-width: 992px) {
.onlypcheader {
   padding: 4px 0px;
}
}

/* Payment notification popup styles */
.payment-notification-overlay {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99990 !important;
}

.payment-notification-popup {
    display: none !important;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background-color: white !important;
    border-radius: 16px;
    border: 1px solid #e9ecef;
    box-shadow: 0 18px 45px rgba(24, 39, 75, 0.16) !important;
    z-index: 99991 !important;
    max-width: 520px;
    width: 90%;
    padding: 38px 34px !important;
    animation: slideIn 0.3s ease-out;
}

.payment-notification-popup[style*="display: flex"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.payment-notification-popup[style*="display: block"] {
    display: block !important;
}

.payment-notification-overlay[style*="display: block"] {
    display: block !important;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.payment-notification-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #f7f7f7;
    border: 1px solid #ececec;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    color: #6d6e75;
    width: 34px;
    height: 34px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.payment-notification-close:hover {
    color: #1f2129;
    background: #efefef;
}

/* Ensure payment notification popup is always on top */
.payment-notification-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    position: relative;
}

.payment-notification-icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.payment-notification-icon svg {
    width: 64px;
    height: 64px;
}

.payment-notification-success svg circle,
.payment-notification-success svg path {
    color: #28a745;
}

.payment-notification-error svg circle,
.payment-notification-error svg path {
    color: #dc3545;
}

.payment-notification-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 0;
    line-height: 1.2;
}

.payment-notification-success-title {
    color: #28a745;
}

.payment-notification-error-title {
    color: #dc3545;
}

.payment-notification-message {
    font-size: 17px;
    color: #474a57;
    margin-bottom: 16px;
    line-height: 1.55;
}

.payment-notification-order-id {
    font-size: 15px;
    color: #676a75;
    margin-bottom: 4px;
}

.payment-notification-order-label {
    display: inline-block;
    margin-right: 8px;
    color: #8d91a0;
}

.payment-notification-order-id strong {
    color: #242633;
    font-size: 16px;
}

@media (max-width: 576px) {
    .payment-notification-popup {
        padding: 28px 18px;
        max-width: 95%;
    }
    
    .payment-notification-title {
        font-size: 24px;
    }
    
    .payment-notification-message {
        font-size: 15px;
    }
}


/* Product card icons — once in CSS instead of repeating inline SVG */
.rm-wishlist-btn-icon{
  display:inline-block;
  width:14px;
  height:14px;
  flex-shrink:0;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' d='M7.362 12.14c-.199.07-.526.07-.724 0C4.947 11.562 1.167 9.153 1.167 5.07 1.167 3.267 2.619 1.809 4.41 1.809c1.062 0 2.001.513 2.59 1.306.59-.793 1.535-1.306 2.59-1.306 1.791 0 3.244 1.458 3.244 3.261 0 4.083-3.78 6.492-5.472 7.07z'/%3E%3C/svg%3E");
}
.wishlist.active .rm-wishlist-btn-icon,
.rm-module-buttons-item.wishlist.active .rm-wishlist-btn-icon{
  transform:scale(1.15);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23e53935' stroke='%23e53935' stroke-linecap='round' stroke-linejoin='round' d='M7.362 12.14c-.199.07-.526.07-.724 0C4.947 11.562 1.167 9.153 1.167 5.07 1.167 3.267 2.619 1.809 4.41 1.809c1.062 0 2.001.513 2.59 1.306.59-.793 1.535-1.306 2.59-1.306 1.791 0 3.244 1.458 3.244 3.261 0 4.083-3.78 6.492-5.472 7.07z'/%3E%3C/svg%3E");
}
.rm-cart-btn-icon--accent{
  display:inline-block!important;
  width:16px!important;
  height:16px!important;
  flex-shrink:0;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23FB706D' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M1.333 1.333h1.16c.72 0 1.287.62 1.227 1.333l-.553 6.64A1.827 1.827 0 0 0 5.027 11.327h7.1c.96 0 1.8-.787 1.873-1.74l.36-5C14.44 3.48 13.6 2.58 12.487 2.58H3.88'/%3E%3Cpath stroke='%23FB706D' stroke-linecap='round' stroke-miterlimit='10' d='M10.833 14.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667ZM5.5 14.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667ZM6 5.333h8'/%3E%3C/svg%3E")!important;
  -webkit-mask:none!important;
  mask:none!important;
}
.header-buttons{display:flex;gap:6px}

/* Popular products: stars/hearts без повторюваних SVG у HTML */
.bp-star-icon{
  display:inline-block;
  width:20px;height:20px;flex-shrink:0;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23BFBFBF' d='M9.077 2.22c.341-.821 1.505-.821 1.846 0l1.488 3.576a1.25 1.25 0 0 0 .843.688l3.86.31c.887.07 1.246 1.177.57 1.756l-2.94 2.519a1.25 1.25 0 0 0-.323 1.292l.899 3.767c.206.865-.735 1.549-1.494 1.085L10.52 14.82a1.25 1.25 0 0 0-1.043 0L6.174 16.837c-.76.464-1.7-.22-1.494-1.085l.899-3.767a1.25 1.25 0 0 0-.323-1.292L2.315 8.474c-.675-.579-.316-1.685.571-1.756l3.86-.31a1.25 1.25 0 0 0 .843-.688L9.077 2.22z'/%3E%3C/svg%3E");
}
.bp-star-icon.is-on{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFD700' d='M9.077 2.22c.341-.821 1.505-.821 1.846 0l1.488 3.576a1.25 1.25 0 0 0 .843.688l3.86.31c.887.07 1.246 1.177.57 1.756l-2.94 2.519a1.25 1.25 0 0 0-.323 1.292l.899 3.767c.206.865-.735 1.549-1.494 1.085L10.52 14.82a1.25 1.25 0 0 0-1.043 0L6.174 16.837c-.76.464-1.7-.22-1.494-1.085l.899-3.767a1.25 1.25 0 0 0-.323-1.292L2.315 8.474c-.675-.579-.316-1.685.571-1.756l3.86-.31a1.25 1.25 0 0 0 .843-.688L9.077 2.22z'/%3E%3C/svg%3E");
}
.star{display:inline-flex;align-items:center;gap:2px}
.bp-heart-icon{
  display:inline-block;width:16px;height:16px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M8.413 13.874c-.226.08-.6.08-.826 0C5.653 13.214 1.333 10.46 1.333 5.794 1.333 3.734 2.993 2.067 5.04 2.067c1.213 0 2.287.587 2.96 1.493.673-.906 1.753-1.493 2.96-1.493 2.046 0 3.706 1.667 3.706 3.727 0 4.666-4.32 7.42-6.253 8.08z'/%3E%3C/svg%3E");
}
.like.is-active .bp-heart-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23FB706D' stroke='%23FB706D' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M8.413 13.874c-.226.08-.6.08-.826 0C5.653 13.214 1.333 10.46 1.333 5.794 1.333 3.734 2.993 2.067 5.04 2.067c1.213 0 2.287.587 2.96 1.493.673-.906 1.753-1.493 2.96-1.493 2.046 0 3.706 1.667 3.706 3.727 0 4.666-4.32 7.42-6.253 8.08z'/%3E%3C/svg%3E");
}