/* Пример для изменения цвета стрелочек */
.quantity-controls i {
    color: #ff5900 !important;
}
/* Цвет рамки поля с количеством */
.quantity-input {
    border: 1px solid #ff5900 !important;
    /* Убираем стандартную тень, если она мешает */
    box-shadow: none !important;
}

/* Чтобы при нажатии на поле рамка не меняла цвет на стандартный */
.quantity-input:focus {
    border-color: #ff5900 !important;
    outline: none !important;
}
/* Рамка вокруг поля ввода количества */
input.quantity-input {
    border: 1px solid #FFFFFF !important;
}
/* Основной цвет кнопки "В корзину" */
.addtocart-button {
    background-color: #ff5900 !important; /* Насыщенный оранжевый */
    color: #ffffff !important;           /* Белый цвет текста */
    border: none !important;             /* Убираем стандартную рамку */
    background-image: none !important;   /* Убираем градиенты, если они есть */
}

/* Цвет кнопки при наведении курсора */
.addtocart-button:hover {
    background-color: #e65c00 !important; /* Чуть более темный оранжевый */
}	
/* Цвет основной цены */
/*.Pricevariant-price, .PricesalesPrice, .product-price {
    color: #ff5900 !important;
}*/

/* 1. ГЛАВНОЕ МЕНЮ: Делаем садок ГИГАНТСКИМ */
#cd-menu-trigger.cd-cart i.pe-7s-cart {
    font-size: 100px !important;  /* Увеличил до 100px (было 75-85) */
    line-height: 1 !important;
    display: block !important;
    transition: none !important;  /* Убираем анимации, чтобы не мерцал при клике */
}
/* 1. КРАСИМ ЦИФРУ В ОРАНЖЕВЫЙ #ff5900 */
#cd-menu-trigger.cd-cart .total_products {
    background-color: #ff5900 !important; /* Твой оранжевый цвет */
    color: #ffffff !important;           /* Белый цвет цифры */
    border-radius: 50% !important;       /* Идеальный круг */
    width: 24px !important;              /* Ширина кружка */
    height: 24px !important;             /* Высота кружка */
    line-height: 24px !important;        /* Центровка цифры по вертикали */
    text-align: center !important;       /* Центровка по горизонтали */
    font-size: 12px !important;          /* Размер самой цифры */
    font-weight: bold !important;        /* Жирная цифра */	
/* Делаем текст по центру */
.custom-breadcrumbs {
    text-align: center;
    width: 100%;
}

/* Меняем цвет ссылок на оранжевый */
.custom-breadcrumbs a {
    color: #ff8c00 !important;
    text-decoration: none;
}

/* Цвет текущей (последней) страницы */
.custom-breadcrumbs li.active, 
.custom-breadcrumbs .breadcrumb-item {
    color: #ff8c00;
}

/* Цвет разделителей (слэшей) */
.custom-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    color: #ff8c00;
}
/* 1. Добавляем иконку садка ПЕРЕД текстом "ПОКАЗАТЬ САДОК" */
.show-cart a.btn-primary::before {
    content: "\f291" !important; /* Код садка из Font Awesome */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    color: #ffffff !important;   /* Белая иконка на оранжевом */
    font-size: 18px !important;
    display: inline-block !important;
}

/* 2. Принудительный оранжевый цвет и центровка для этой кнопки */
.show-cart a.btn-primary {
    background-color: #ff5900 !important; /* Ваш оранжевый */
    border: 2px solid #ff5900 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    height: 45px !important;
    box-shadow: none !important; /* Убираем 3D эффект, если он мешает */
    transition: all 0.3s ease !important;
}

/* 3. Эффект при наведении (Инверсия: серый фон, оранжевая иконка и текст) */
.show-cart a.btn-primary:hover {
    background-color: #444444 !important; /* Темно-серый */
    border-color: #444444 !important;
    color: #ff5900 !important;
}

.show-cart a.btn-primary:hover::before {
    color: #ff5900 !important; /* Иконка тоже становится оранжевой */
}