/* Стили для заголовка категории */
.page-title {
    font-size: 36px; /* Увеличиваем размер шрифта */
    font-weight: 700; /* Делаем жирным */
    color: #222; /* Элегантный темный цвет */
    text-transform: uppercase; /* Делаем заглавными буквами */
    letter-spacing: 1px; /* Расстояние между буквами */
    text-align: center; /* Центрируем заголовок */
    margin-bottom: 20px; /* Добавляем отступ вниз */
}

/* Подзаголовки внутри описания категории */
.category-description h2 {
    font-size: 28px;
    font-weight: 600;
    color: #444;
    text-transform: none;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

/* Обычный текст описания категории */
.category-description p {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
}

/* Если хочешь, чтобы заголовок был с градиентом (дорого и стильно) */
.page-title {
    background: linear-gradient(90deg, #d4af37, #b8860b, #000); /* Плавный переход в черный */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Заголовок продукта (чуть меньше, чем в категориях) */
.page-title-wrapper .page-title {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 15px;
}


/* Описание товара */
.product-info-main .product.attribute.overview p,
.product-info-main .product.attribute.description p {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
}

/* Фикс отображения характеристик */
.product-info-main .product.attribute.data-table {
    border: none;
    font-size: 16px;
}

/* Цена - акцент, но элегантный */

.product-info-main .price-box {
    margin-bottom: 15px; /* Добавляем отступ между ценой и селектором */
}

.product-info-main .price-box .price {
    font-size: 28px;
    font-weight: 700;
    color: #b8860b; /* Золотистый цвет */
}
/* Исправляем отображение Regular Price */
.product-info-main .price-box .old-price .price {
    text-decoration: line-through;
    color: #777; /* Делаем серым, чтобы не отвлекал */
    font-size: 16px; /* Делаем чуть меньше, чтобы не спорил с основной ценой */
    vertical-align: middle; /* Выравниваем по центру */
    display: inline-block;
    margin-left: 5px; /* Даем немного отступа от основной цены */
}

/* Стиль кнопки "Add to Cart" */
.product-info-main .box-tocart .actions button {
    background: #222; /* Черный фон по умолчанию */
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #b8860b; /* Золотая окантовка */
    padding: 12px 20px;
    border-radius: 0; /* Убираем закругления */
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: none;
}

/* При наведении - кнопка становится золотой */
.product-info-main .box-tocart .actions button:hover {
    background: #b8860b; /* Золотой фон */
    color: white;
    border-color: #8b6508;
    box-shadow: 0 0 10px rgba(184, 134, 11, 0.7); /* Легкое свечение */
}

/* При нажатии - эффект затемнения */
.product-info-main .box-tocart .actions button:active {
    background: #8b6508;
    box-shadow: none;
}

/* Верхние ссылки (Log In, Create an Account) */
.header.links a {
    color: #444; /* Темно-серый элегантный цвет */
    font-size: 14px; /* Средний размер */
    font-weight: 600; /* Полужирный */
    font-family: 'Playfair Display', serif; /* Элегантный шрифт */
    text-transform: uppercase; /* Заглавные буквы */
    letter-spacing: 1px; /* Расстояние между буквами */
    margin-left: 15px; /* Отступ между ссылками */
    transition: color 0.3s ease, text-shadow 0.3s ease; /* Плавный переход цвета */
}

.header.links a:hover {
    color: #b8860b; /* Золотой цвет при наведении */
    text-shadow: 0 0 8px rgba(184, 134, 11, 0.6); /* Легкое свечение */
}

/***********************************************************
 * Минималистичный элегантный стиль для корзины и мини-корзины
 ***********************************************************/

/* --- Общие стили для корзины (Cart Page) --- */

/* Заголовки таблицы (Cart) */
.cart-container table.data.table thead th {
    background: #f8f8f8;          /* Светлый фон для заголовков */
    font-size: 14px;
    font-weight: 600;
    color: #444;
    text-transform: none;         /* Без верхнего регистра */
    letter-spacing: 0.5px;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

/* Ячейки таблицы (Cart) */
.cart-container table.data.table tbody td {
    font-size: 14px;
    color: #444;
    padding: 8px 10px;
    border-top: 1px solid #e8e8e8;
}

/* Название товара в корзине */
.cart-container .product-item-name a {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-transform: none;
    letter-spacing: 0.4px;
    margin-bottom: 2px;
}

/* Цена товара */
.cart-container .price {
    color: #b8860b;    /* Золотистый цвет */
    font-size: 16px;
    font-weight: 700;  /* Небольшой акцент */
}

/* Кнопки в корзине (Update Shopping Cart, Proceed to Checkout) */
.cart-container .actions-toolbar .action.primary {
    background: #b8860b; /* Золотой фон */
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    padding: 8px 16px;
    border-radius: 0;  /* Без скруглений */
    transition: background 0.3s ease;
}

.cart-container .actions-toolbar .action.primary:hover {
    background: #8b6508; /* Потемнение при наведении */
}

/* Ссылки "Remove" и другие второстепенные */
.cart-container .action.delete,
.cart-container .action.delete:hover {
    font-size: 14px;
    color: #666;
    text-transform: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}
.cart-container .action.delete:hover {
    color: #b8860b;
    text-decoration: none;
}

/* Итоговая сумма в блоке Totals */
.cart-container .cart-summary .price {
    font-size: 16px;
    color: #b8860b;
    font-weight: 700;
}

/* --- Мини-корзина (Minicart) --- */

/* Общий блок мини-корзины */
.block-minicart {
    font-size: 14px;
    color: #444;
}

/* Название товара */
.block-minicart .product-item-details .product-item-name a {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-transform: none;
    letter-spacing: 0.4px;
}

/* Цена в мини-корзине */
.block-minicart .price {
    color: #b8860b;
    font-size: 14px;
    font-weight: 700;
}

/* Кнопка перехода в корзину/оформление (View and Edit Cart / Checkout) */
.minicart-actions .action.primary {
    background: #b8860b;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    padding: 8px 16px;
    border-radius: 0;
    transition: background 0.3s ease;
}

.minicart-actions .action.primary:hover {
    background: #8b6508;
}

/* Ссылки (Remove item) в мини-корзине */
.block-minicart .action.delete {
    font-size: 12px;
    color: #666;
    text-transform: none;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
}
.block-minicart .action.delete:hover {
    color: #b8860b;
    text-decoration: none;
}


/* --- Верхнее меню (светлый фон, премиальный стиль) --- */
.navigation {
    background: #f8f8f8; /* Светлый фон */
}

/* --- Ссылки в меню (верхний регистр, стильный шрифт) --- */
.navigation ul li a {
    color: #444; /* Темно-серый для элегантности */
    font-size: 16px;
    font-weight: 600;
    font-family: 'Playfair Display', serif; /* Стильный шрифт */
    text-transform: uppercase; /* ВСЕ БУКВЫ ЗАГЛАВНЫЕ */
    letter-spacing: 1px; /* Увеличиваем расстояние между буквами */
    padding: 15px 20px;
    transition: all 0.3s ease-in-out;
}

/* --- Эффект при наведении --- */
.navigation ul li a:hover {
    color: #b8860b; /* Золотой цвет */
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.6); /* Легкое свечение */
}

/* Золотая линия под активным элементом меню - пока нет решения */

/* --- Выпадающее меню (с золотой рамкой) --- */
.navigation .submenu {
    background: #fff; /* Чистый белый фон */
    border: 1px solid #b8860b; /* Тонкая золотая рамка */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* --- Ссылки в выпадающем меню (все заглавные) --- */
.navigation .submenu li a {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase; /* ВСЕ БУКВЫ ЗАГЛАВНЫЕ */
    letter-spacing: 0.8px;
    padding: 12px 18px;
    transition: all 0.3s;
}

/* --- Hover-эффект в выпадающем меню --- */
.navigation .submenu li a:hover {
    color: #b8860b;
    background: rgba(212, 175, 55, 0.1);
}

/* Product Card Styles (exact old site layout) убрал тени на весь блок */

.products-grid .product-item {
    text-align: center;
    padding: 15px;
}

/* Photo container with border and hover effect */
.products-grid .product-item-photo {
    border-radius: 3px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block; /* Гарантирует, что фото занимает всю ширину карточки */
    width: 100%;
    margin-bottom: 10px;
}

.products-grid .product-item-photo .product-image-photo {
    transition: transform 0.3s ease;
}

.products-grid .product-item-photo:hover .product-image-photo {
    transform: scale(1.05);
}

/* Product details (title, price, button without border) */
.products-grid .product-item-details {
    text-align: center;
}

.products-grid .product-item-name a {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    transition: color 0.3s ease-in-out;
}

.products-grid .product-item-name a:hover {
    color: #b8860b;
}

.products-grid .price-box .price {
    font-weight: bold;
    color: #b8860b;
    font-size: 16px;
    margin: 5px 0;
}

.products-grid .price-box .old-price .price {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
}

.products-grid .actions-primary {
    display: flex;
    justify-content: center;
}

.products-grid .actions-primary button {
    background: #222;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 12px;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    font-size: 14px;
}

.products-grid .actions-primary button:hover {
    background: #b8860b;
    box-shadow: 0 0 8px rgba(184, 134, 11, 0.6);
}

.products-grid .actions-primary button:focus {
    outline: 2px solid #b8860b;
    outline-offset: 2px;
}

/* General optimizations */
.products-grid .product-image-photo,
.products-grid .product-item,
.products-grid .product-item-name a,
.products-grid .actions-primary button {
    will-change: transform, box-shadow, color;
}


/* Стили для выпадающего списка (select) */
.product-options-wrapper select {
    font-family: "Playfair Display", serif; /* Элегантный и дорогой шрифт */
    font-size: 14px;
    font-weight: 500;
    color: #222;
    border: 1px solid #b8860b; /* Золотистая рамка */
    border-radius: 4px;
    background-color: #fff;
    padding: 6px 10px;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
}

/* Эффект при наведении */
.product-options-wrapper select:hover {
    border-color: #999;
}

/* Эффект при фокусе */
.product-options-wrapper select:focus {
    border-color: #666;
    outline: none;
}
/* --- Общие стили футера --- */
.footer-container {
    background: #fff; /* Белый фон на мобильных */
    padding: 30px 0;
    text-align: center;
}

/* --- Мобильная версия (фон белый) --- */
@media (max-width: 768px) {
    .footer-container {
        background: #fff !important; /* Принудительно белый фон */
    }
}

/* --- Контейнер для колонок --- */
.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Отступ между колонками */
}

/* --- Колонки футера --- */
.footer-column {
    flex: 1 1 200px; /* Минимальная ширина колонки */
    max-width: 300px;
}

/* --- Заголовки разделов футера (SOCIALS, HELP & SUPPORT, CUSTOMER CARE) --- */
.footer-column h4 {
    font-family: 'Playfair Display', serif; /* Такой же шрифт, как в категориях */
    font-size: 15px; /* Увеличен на 1 кегль */
    font-weight: 700;
    color: #b8860b; /* Золотистый цвет */
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* --- Списки ссылок (без маркеров) --- */
.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* --- Интервалы между ссылками (увеличены) --- */
.footer-column ul li {
    margin-bottom: 10px; /* Было 8px → стало 11px */
}

/* --- Сами ссылки --- */
.footer-column ul li a {
    font-family: 'Playfair Display', serif;
    font-size: 13px; /* Сделал на 1 кегль меньше */
    font-weight: 600;
    color: #444; /* Темно-серый (лучше контрастирует с белым фоном) */
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: color 0.3s ease-in-out;
}

/* --- Эффект при наведении --- */
.footer-column ul li a:hover {
    color: #b8860b; /* Золотой цвет при наведении */
    text-shadow: 0 0 8px rgba(184, 134, 11, 0.6);
}
/* Блок в футере, содержащий Special Offer */
.footer-bottom {
    text-align: center;   /* Центрируем текст */
    max-width: 1200px;    /* Максимальная ширина контейнера */
    margin: 0 auto;       /* Горизонтальное выравнивание по центру */
    padding: 10px 20px;   /* Отступы сверху/снизу и по бокам */
    box-sizing: border-box;
}

/* Увеличим боковые отступы на мобильных, 
   чтобы текст не касался краёв экрана */
@media (max-width: 768px) {
    .footer-bottom {
        padding: 10px 30px;
    }
}
#cf-turnstile {
    text-align: center; /* Центрирование контента */
    margin: 10px 0;     /* Добавим вертикальные отступы (по желанию) */
}
/* --- Общий контейнер бокового фильтра --- */
/* --- Упрощённый стиль бокового меню субкатегорий --- */
.sidebar.sidebar-main .block.filter {
    font-family: Playfair Display, serif; /* Простой шрифт */
    font-size: 13px;
    color: #444;
    text-transform: uppercase;
    /* убрали жирный шрифт и uppercase */
}

/* Заголовок: "Shop By Category" и т.д. */
.sidebar.sidebar-main .block.filter .title,
.sidebar.sidebar-main .block.filter .title strong {
    font-family: Playfair Display, serif; 
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-bottom: 5px;
    text-transform: none;  /* Не делаем заглавными */
    letter-spacing: normal; 
    display: block;        /* На отдельной строке */
}

/* Скрываем количество товаров (часто класс .count) */
.sidebar.sidebar-main .block.filter .count {
    display: none !important;
}

/* Ссылки на субкатегории: без переносов, троеточие при нехватке места */
.sidebar.sidebar-main .block.filter a {
    color: #444;
    text-decoration: none;
    display: block;            /* Блочная ссылка */
    max-width: 150px;          /* Ограничение ширины, подбирайте под дизайн */
    white-space: nowrap;       /* Без переноса слов */
    overflow: hidden;          /* Скрываем лишний текст */
    text-overflow: ellipsis;   /* Троеточие, если текст не помещается */
    margin-bottom: 4px;        /* Минимальный отступ между пунктами */
}

/* При наведении — лёгкая индикация */
.sidebar.sidebar-main .block.filter a:hover {
    color: #b8860b; /* Меняем цвет на золотой */
}