/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 05 2026 | 18:19:01 */
/* --- СТИЛЬ ТОЛЬКО ДЛЯ КАРТОЧКИ ТОВАРА --- */

/* 1. Главное фото: скругляем углы и добавляем мягкую тень */
.single-product .woocommerce-product-gallery img {
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

/* 2. Заголовок: убираем курсив, делаем его строгим и дорогим */
.single-product .product_title {
    font-style: normal !important;
    font-weight: 700 !important;
    color: #2D2D2D !important;
    line-height: 1.2 !important;
	letter-spacing: -0.5px;
}

/* 3. Цена: делаем крупной и заметной */
.single-product p.price {
    font-size: 32px !important;
    color: #333 !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
}

/* 4. Кнопка "В корзину": делаем современной "капсулой" */
.single-product .single_add_to_cart_button {
    background-color: #7b51a1 !important; /* Твой фиолетовый */
    border-radius: 50px !important; /* Закругление как у iPhone */
    padding: 15px 40px !important; /* Делаем кнопку "пухлой" */
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: none !important; /* Убираем капслок */
    transition: all 0.3s ease !important;
	margin-top: 25px !important;
}

/* Эффект при наведении на кнопку (чуть темнее) */
.single-product .single_add_to_cart_button:hover {
    background-color: #6a438c !important;
    transform: translateY(-2px); /* Легкий прыжок вверх */
}/* 5. Добавляем "воздух" всей карточке товара */
.single-product div.product {
    padding-left: 40px !important;  /* Отступ слева */
    padding-right: 40px !important; /* Отступ справа */
    margin-top: 30px !important;    /* Немного отступим от меню сверху */
}

/* На мобильных телефонах делаем отступы поменьше, чтобы не красть место */
@media (max-width: 768px) {
    .single-product div.product {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
/* 6. ПРИНУДИТЕЛЬНЫЙ СДВИГ ЗАГОЛОВКА */
.single-product h1.product_title, 
.single-product .entry-header,
.single-product h1.entry-title {
    padding-left: 45px !important;
    margin-left: 0 !important;
    display: block !important;
    position: relative !important;
    left: 0 !important;
}

/* Если он все равно не двигается, двигаем его как текст */
.single-product .entry-header h1 {
    padding-left: 45px !important;
}

/* Мобильная версия (чтобы не улетел за экран) */
@media (max-width: 768px) {
    .single-product h1.product_title, 
    .single-product .entry-header {
        padding-left: 15px !important;
    }
/* 8. ГЛУБОКОЕ ЗАКРУГЛЕНИЕ ДЛЯ ENVIRA */
.envira-gallery-public, 
.envira-gallery-item, 
.envira-gallery-item img, 
.envira-gallery-link {
    border-radius: 20px !important;
}

/* Принудительно обрезаем острые углы контейнера */
.envira-gallery-item-inner,
.envira-gallery-image-holder {
    border-radius: 20px !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* Трюк для Safari */
}

/* Эффект при наведении */
.envira-gallery-item:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}