/* Например, если класс картинки .main-image */
.img-fluid,
#product-image,
.header-image {
    margin-left: 450px !important;
    transform: translateX(40px) !important;
}

/* Убираем боковой список категорий на meowy.ru */
.sidebar, 
.categories, 
.category-list,
nav.categories,
aside.sidebar,
div.sidebar,
div.categories,
[class*="sidebar"],
[class*="category"]:not(.product-category):not(.item-category),
.left-column,
.left-sidebar {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Расширяем основной контент на всё доступное пространство */
.main-content,
.content-area,
.right-column,
.center-content {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    float: none !important;
}

/* Убираем отступы, которые могли быть связаны с боковой панелью */
.container,
.wrapper,
.page-content {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* Сдвиг панели навигации с классами d-flex align-items-center justify-content-between */
.d-flex.align-items-center.justify-content-between {
    margin-left: 80px !important;
    padding-left: 40px !important;
    transform: translateX(40px) !important;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .d-flex.align-items-center.justify-content-between {
        margin-left: 20px !important;
        padding-left: 10px !important;
        transform: translateX(20px) !important;
    }
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .col-12.mb-12.payment-type-wrapper {
        max-width: 100% !important;
        padding: 10px !important;
    }
    
    .payment-method,
    .payment-type,
    .payment-option {
        min-width: 100% !important;
        margin: 10px 0 !important;
    }
}

/* Стиль для конкретного изображения с тремя классами */
.img-fluid.img-center.flex-shrink-0 {
    margin-left: 200px !important; /* Измените на нужное значение */
    transform: translateX(0) !important; /* Отменяем transform из первого правила, если нужно */
}

/* Увеличиваем и центрируем элемент с классом d-flex align-items-center mb-36 flex-wrap */
.d-flex.align-items-center.mb-36.flex-wrap {
    justify-content: center !important;
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 25px !important;
    margin: 30px auto !important;
    width: 100% !important;
    background: rgba(34, 36, 36, 0.1) !important; /* Лёгкий бирюзовый фон */
    border-radius: 15px !important;
    border: 2px solid rgba(34, 36, 36, 0.3) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Увеличиваем все дочерние элементы внутри */
.d-flex.align-items-center.mb-36.flex-wrap > * {
    font-size: inherit !important;
    margin: 0 15px !important;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .d-flex.align-items-center.mb-36.flex-wrap {
        font-size: 20px !important;
        padding: 20px !important;
        margin: 20px auto !important;
        flex-direction: column !important;
    }
    
    .d-flex.align-items-center.mb-36.flex-wrap > * {
        margin: 10px 0 !important;
    }
}

/* Увеличиваем текст в классе shop-name */
.shop-name.text-lg-left.text-center {
    font-size: 80px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 15px !important;
    letter-spacing: 0.5px !important;
}

/* Увеличиваем текст в классе shop-decsription (обратите внимание на опечатку в CSS - "decsription") */
.shop-decsription.mb-0.text-lg-left.text-center {
    font-size: 48px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    padding: 0 10% !important; /* Добавляем отступы по бокам */
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .shop-name.text-lg-left.text-center {
        font-size: 26px !important;
        text-align: center !important;
    }
    
    .shop-decsription.mb-0.text-lg-left.text-center {
        font-size: 17px !important;
        padding: 0 5% !important;
        text-align: center !important;
    }
}

/* Выравниваем shop-name и shop-description */
.shop-name.text-lg-left.text-center,
.shop-decsription.mb-0.text-lg-left.text-center {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    display: block !important;
    float: none !important;
}

/* Специфичные стили для shop-name */
.shop-name.text-lg-left.text-center {
    margin-bottom: 10px !important; /* Уменьшаем отступ снизу */
    line-height: 1.1 !important; /* Уменьшаем межстрочный интервал */
}

/* Специфичные стили для shop-description */
.shop-decsription.mb-0.text-lg-left.text-center {
    margin-top: 0 !important; /* Убираем отступ сверху */
    margin-bottom: 30px !important; /* Отступ снизу */
    line-height: 1.2 !important;
}

/* Если элементы находятся в flex-контейнере, добавляем это */
.d-flex .shop-name.text-lg-left.text-center,
.d-flex .shop-decsription.mb-0.text-lg-left.text-center {
    align-self: center !important;
    flex: 0 0 auto !important;
}

/* Альтернативный вариант: центрирование через контейнер */
.container .shop-name.text-lg-left.text-center,
.container .shop-decsription.mb-0.text-lg-left.text-center {
    margin: 0 auto !important;
    display: table !important;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .shop-name.text-lg-left.text-center,
    .shop-decsription.mb-0.text-lg-left.text-center {
        text-align: center !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
    
    .shop-name.text-lg-left.text-center {
        font-size: 36px !important; /* Уменьшаем для мобильных */
        margin-bottom: 5px !important;
    }
    
    .shop-decsription.mb-0.text-lg-left.text-center {
        font-size: 24px !important; /* Уменьшаем для мобильных */
        padding: 0 20px !important;
    }
}