/* Используем тот же медиа-запрос, что и в вашей теме, 
   чтобы точно переопределить стили на десктопе */
@media (min-width: 1100px) {
    
    /* 1. Восстанавливаем позиционирование для LI */
    #menu .nav.navbar-nav > li.dropdown {
        /* Это заставит выпадающее меню появляться 
           строго под своим родительским пунктом */
        position: relative !important; 
    }

    /* 2. Отменяем стили "мега-меню" (которое во всю ширину) */
    #menu .dropdown-menu.dropdown-block {
        position: absolute !important;
        top: 100% !important;        /* Позиция под родителем (у вас это 82px) */
        left: auto !important;         /* По левому краю родителя */
        right: auto !important;     /* !!! КЛЮЧЕВОЙ МОМЕНТ: отменяем 'right: 0' из вашего CSS */
        width: auto;                /* Автоматическая ширина по контенту */
        min-width: 230px;           /* Минимальная ширина, чтобы не было слишком узко */
        background: #ffffff;        /* Белый фон (вместо прозрачного) */
        border: 1px solid #e0e0e0;  /* Граница, чтобы было видно */
        box-shadow: 0 5px 10px rgba(0,0,0,0.1); /* Тень для красоты */
        padding: 15px;              /* Внутренний отступ */
    }

    /* 3. Отменяем СЕТКУ (GRID) внутри выпадающего списка */
    #menu .dropdown-inner {
        /* !!! КЛЮЧЕВОЙ МОМЕНТ: отменяем 'display: grid' (строка 2192 в вашем файле) */
        display: block !important; 
    }

    /* 4. Заставляем колонки (которые у вас .w20) идти друг под другом */
    #menu .dropdown-inner > ul.list-unstyled {
        width: 100% !important; /* Убираем ширину колонок */
        float: none !important;
        padding: 0 !important;
        margin-bottom: 10px;
    }
    
    /* 5. Стилизуем сами ссылки, чтобы они были вертикальными */
    #menu .dropdown-inner ul li a {
        display: block; /* Ссылки в столбик */
        padding: 5px 0;
        min-width: 0; /* Сбрасываем min-width из вашего CSS (строка 432) */
    }

    /* 6. Убираем затемнение всей страницы при наведении */
    .dropdown-block:after {
        display: none !important;
    }
}



.article-top {
    background: #f0f0f0!important;
}

.list-cat a {
    padding: 15px 15px;
}
@media (max-width: 768px) {
	.list-cat {
    margin-bottom: 50px;
  }
}

body {
    font-size: 14px;
}

@media (max-width: 1280px) {
    .slide-block.abs {
        left: -25px;
    }
  	b.sl-titles {
    font-size: calc(1em + 5vw)!important;
  }
}

.bannerpro .owl-item img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: cover;
}





.slide-block.abs {
    width: 75%;
}

a.bann-btns.open {
    background: #4a90e2;
    width: auto;
    line-height: 50px;
    text-align: right;
    border-radius: 30px;
    color: white !important;
    transition: width 0.3s;
    padding: 0 20px;
    position: absolute;
    overflow: hidden;
    font-size: 12px;
}
p.destitles {
    margin-bottom: 20px;
  	margin-top: 20px;
    font-size: 16px;
  	color: #fff;
}
b.sl-titles {
    font-weight: 500;
    font-size: calc(1em + 2vw);
    margin-bottom: 35px;
  	color: #fff;
}
.pretitle, .destitle {
    opacity: 1;
}
.slick-track {
    top: 98px;
}
.slick-list.draggable {
    top: -98px;
}
.home-1 .madeshop-slide .slick-slide
 {
    height: 55vh;
}
.icon-block {
    float: right;
    margin-top: 20px;
}



.btn-product-details {
    display: inline-block;
    background-color: #4a90e2; 
    color: white !important; /* !important нужен, чтобы цвет не перебился стилями темы */
    padding: 4px 12px;
    line-height: 21px;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    bottom: 19px;
    right: 16px;
    z-index: 10;
    font-size: 14px; /* Добавил для консистентности */
    font-weight: bold; /* Добавил для консистентности */
    text-decoration: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.btn-product-details:hover {
    background-color: #3a7bc8; /* Добавил легкий эффект при наведении */
    color: white !important;
}

/* 2. Скрываем SVG-иконку на ПК */
.btn-product-details .btn-details-icon {
    display: none;
}

/*
 * 3. Адаптация для МОБИЛЬНЫХ устройств (до 767px)
 */
@media (max-width: 767px) {
    .btn-product-details {
        width: 29px;
        height: 29px;
        padding: 7px;
        line-height: 1;
        font-size: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        bottom: 19px;
        right: 16px;
        border-radius: 50%;
    }

    .btn-product-details .btn-details-text {
        display: none;
    }

    .btn-product-details .btn-details-icon {
        display: inline-block;
        width: 14px;
        height: 14px;
    }
}




@media screen and (max-width: 1101px) {
    .micon0 #menu-url {
        top: 10px;
    }
  div#content {
    margin-top: -20px;
}
}

/* ОБЩИЙ БЛОК */
.attipas-benefits {
    /* Добавляем немного отступов сверху и снизу */
    padding: 40px 20px;
    /* Устанавливаем серый фон, чтобы блок выделялся */
    background-color: #f7f7f7;
    text-align: center;
}

/* ЗАГОЛОВОК */
.attipas-benefits h2 {
    /* Отступ под заголовком */
    margin-bottom: 30px;
    /* Делаем шрифт больше и жирнее */
    font-size: 28px;
    color: #333; /* Темно-серый цвет */
}

/* КОНТЕЙНЕР ДЛЯ ПРЕИМУЩЕСТВ (РАСПОЛОЖЕНИЕ) */
.benefits-container {
    /* Включаем "гибкую" раскладку, чтобы элементы стояли в ряд */
    display: flex;
    /* Перенос элементов на новую строку, если места не хватает */
    flex-wrap: wrap;
    /* Равномерно распределяем элементы по ширине */
    justify-content: space-around;
    /* Убираем стандартные отступы, чтобы элементы не прилипали к краям */
    gap: 20px;
    /* Ограничиваем максимальную ширину контейнера для больших экранов */
    margin: 0 auto; /* Выравнивание контейнера по центру */
}

/* ОТДЕЛЬНОЕ ПРЕИМУЩЕСТВО */
.benefit-item {
    /* Каждый блок занимает 25% от ширины (минус отступы), чтобы их было 4 в ряд */
    flex: 1 1 200px; /* Позволяет элементу "расти" и "сжиматься", но не быть меньше 200px */
    padding: 20px;
    background-color: #fff; /* Белый фон для каждого элемента */
    border-radius: 1px; /* Скругленные углы */
    border: 1px solid #eaeaea;
    text-align: center;
}

/* ИКОНКИ */
.benefit-icon {
    /* Отступ снизу от иконки */
    margin-bottom: 15px;
    /* Размер иконки (ваших смайликов) */
    font-size: 40px;
    /* Цвет иконки (можно заменить на цвет Attipas) */
    color: #FF6600; /* Яркий оранжевый */
}

/* ЗАГОЛОВКИ ПРЕИМУЩЕСТВ */
.benefit-item h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #007bff; /* Синий цвет */
}

.benefit-item p {
    font-size: 14px;
    color: #666;
}

@media (max-width: 768px) {
    .benefits-container {
        justify-content: center;
    }
    
    .benefit-item {
        flex: 1 1 45%; 
    }
}

/* Когда ширина экрана меньше 500 пикселей (для маленьких телефонов) */
@media (max-width: 500px) {
    .benefit-item {
        /* Элементы будут стоять по 1 в ряд (на всю ширину) */
        flex: 1 1 100%;
    }
    .attipas-benefits h2 {
        font-size: 24px;
    }
}



.item.fullbg {
    position: relative; 
}

/* Создаем затемняющий слой */
.item.fullbg::before {
    content: ''; /* Обязателен для псевдоэлемента */
    position: absolute; /* Позиционируем относительно .item.fullbg */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); /* Черный цвет с 40% прозрачностью. 
                                            Можно изменить значение 0.4:
                                            0.2 для легкого затемнения, 
                                            0.6 для сильного затемнения. */
    z-index: 1; /* Размещаем затемняющий слой поверх фоновой картинки, но под текстом */
}

/* Убедимся, что текстовый блок находится над затемняющим слоем */
.slide-block.abs {
    position: relative; /* Важно, чтобы z-index работал */
    z-index: 2; /* Размещаем этот блок над затемняющим слоем */
}

footer a {
    color: #333;
}
footer a:hover {
    color: #666;
}
.slide-block.abs {
    top: 25%;
}
.bann-btn {
    background: #4a90e2;
}
.m-section {
    overflow-x: hidden;
}

.m-bottom {
    padding-top: 40px;
}

@media screen and (max-width: 1101px) {
    .icon-block {
        margin-top: 10px;
    }
}


@media (max-width: 768px) {
  /* Контейнер для плавающей кнопки */
  .ocf-btn-mobile-static.ocf-mobile {
    position: fixed; /* Заставляет кнопку "плавать" */
    bottom: -10px;    /* Отступ от нижнего края экрана */
    left: 20px;     /* Отступ от правого края экрана */
    z-index: 999;    /* Устанавливает высокий приоритет, чтобы кнопка была поверх других элементов */
    display: block !important; /* Принудительно показывает блок, если он был скрыт */
  }

  /* Стили для самой кнопки */
  .ocf-btn-mobile-static.ocf-mobile .ocf-btn {
    display: flex; /* Для красивого расположения иконки и текста */
    align-items: center;
    gap: 8px; /* Расстояние между текстом и иконкой */
    background-color: #3498db; /* Яркий и приятный синий цвет */
    color: #ffffff;            /* Белый цвет текста и иконки */
    border: none;
    border-radius: 50px;       /* Полностью скругленные края для "пилюли" */
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Тень для эффекта "приподнятости" */
    cursor: pointer;
    transition: all 0.3s ease; /* Плавный переход для анимаций */
  }

  /* Эффект при нажатии на кнопку */
  .ocf-btn-mobile-static.ocf-mobile .ocf-btn:active {
    background-color: #2980b9; /* Более темный синий при нажатии */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transform: translateY(1px); /* Легкое "вдавливание" кнопки */
  }
}


/* Гарантируем, что .row-c ведёт себя как flex-контейнер */
.row-c {
    display: flex;
    flex-wrap: wrap;
}


.product-thumb {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    overflow: hidden;
}




.m-radio input:checked+label:after {
    background: #4a90e2;
}
.list-cat img {
    filter: none;
}
.list-cat a {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.hit {
    background: #ffdf56!important;
    color: #fff!important;
}
.list-cat a {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.product {
    padding-bottom: 0px!important;
}

.btn {
    background: #4a90e2 !important;
}
.more-point {
    background: #4a90e2;
}
.menu-block {
    padding-left: 225px;
}

.unicheckout-sticky__confirm-btn {
    line-height: 35px!important;
}

#simplecheckout_customer .simplecheckout-block-content {
    text-align: left;
}

.simplecheckout-fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.simplecheckout-fields-grid .form-group {
  margin-bottom: 0;
}

.simplecheckout-fields-grid .form-group:nth-child(odd):last-child {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .simplecheckout-fields-grid {
    grid-template-columns: 1fr;
  }
  .simplecheckout-fields-grid .form-group:nth-child(odd):last-child {
    grid-column: span 1;
  }
}

input.qty-switch__input.form-control {
    color: black;
    height: 35px;
    width: 35px;
    text-align: center;
    outline: none;
    font-size: 10px;
    padding: 0;
    border: 0;
    float: left;
    background: #e5e5e5;
    border-radius: 30px;
}

.container {
    max-width: 1400px;
}
@media screen and (min-width: 1100px) {
    .mcolumn {
        width: 25%;
    }
}

.row-c {
    background: #ffffff;
}


@media screen and (min-width: 1100px) {
    .top1 header {
        padding-top: 35px;
      	background: #fff;
    }
}
.footer-block {
    background: #f8f8f8;
}
footer {
    color: #444;
}
body {
    background: #fff;
}

.l-icon i {
    box-shadow: none;
    background: #ffffff;
    color: #d56ca9;
}

.product-thumb {
    background: #ffffff;
}

.product-thumb .image {
    text-align: center;
    margin: 0px 0px 42px 0px;
}

.svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    position: relative; /* Для позиционирования счетчика */
}

.cart-svg {
    width: 46px; /* Немного больше для корзины */
    height: 46px;
}

.svg-icon svg {
    color: #4A90E2;
    transition: all 0.3s ease;
}

.svg-icon:hover svg {
    color: #FF6B6B;
    transform: scale(1.1);
}

.cart-svg svg {
    color: #FFA726;
}

/* Стили для счетчика - теперь позиционируется поверх иконки */
.total {
    position: absolute;
    top: -2px;
    right: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    background: #f0f0f0;
    color: #666;
    font-size: 11px;
    font-weight: 700;
    border-radius: 9px;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    z-index: 10;
}

.total.red {
    background: #FF6B6B;
    color: white;
    animation: pulse 2s infinite;
}

/* Анимации */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Анимация для корзины при наличии товаров */
.total.red ~ svg {
    animation: bounce 0.8s ease;
}

/* Стили для контейнеров */
.panel-url {
    display: inline-flex;
    align-items: center;
    margin: 0 4px;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.panel-url:hover {
    background: rgba(74, 144, 226, 0.1);
}

.panel-url b {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-left: 4px;
}

/* Для мобильной адаптации */
@media (max-width: 768px) {
    .svg-icon {
        width: 36px;
        height: 36px;
    }
    
    .cart-svg {
        width: 40px;
        height: 40px;
    }
    
    .svg-icon svg {
        width: 28px;
        height: 28px;
    }
    
    .panel-url b {
        font-size: 13px;
    }
    
    .total {
        min-width: 16px;
        height: 16px;
        font-size: 10px;
        top: -1px;
        right: -1px;
    }
}





















#unicheckout{position:relative}
.unicheckout__forms .form-control{border-color:#ccc}
.unicheckout__forms textarea.form-control{height:auto}
.unicheckout__forms .checkout-comment {height:auto}

.checkout-cart__wrapper{margin:0 0 40px;padding:0 15px;box-shadow:0 4px 15px rgba(0 0 0 / .10);border-radius:var(--border-radius-1)}

.checkout-cart__item{display:flex;align-items:center;width:100%;min-height:105px;padding:20px 0;}
.checkout-cart__item:not(:first-child){border-top:solid 1px rgba(0 0 0 / .07)}
.checkout-cart__image{flex:0 0 80px;padding:0 15px 0 0}
.checkout-cart__item-wrapper{display:flex;width:100%;align-items:center}
.checkout-cart__name{flex:1 0 0;padding:0 15px 0 0;font-weight:500}
.checkout-cart__name a {font-weight:700}
.checkout-cart__model{margin:5px 0;font-size:.75em}
.checkout-cart__stock{margin:10px 0;font-weight:700;font-size:.75em;color:#f00}
.checkout-cart__options{margin:5px 0;font-size:.75em}
.checkout-cart__options-item{margin:5px 10px 0 0}
.checkout-cart__reward-item{margin:5px 0;color:#888;font-size:.75em}
.checkout-cart__quantity{padding:0 25px 0 0}
.checkout-cart__quantity .qty-switch{margin:0}
.checkout-cart__price{flex:0 0 100px;padding:0 20px 0 0;font-weight:500;font-size:1.2em;white-space:nowrap}
.checkout-cart__total{flex:0 0 120px;font-weight:500;font-size:1.2em;white-space:nowrap}
.checkout-cart__price-text, .checkout-cart__total-text{margin:0 0 5px;color:#888;line-height:1em;font-size:.65em}
.checkout-cart__remove{padding:5px;color:var(--a-c);cursor:pointer}
.checkout-cart__text-additional{margin:0 0 10px;font-size:.85em;color:#888}
.checkout-cart__text-reward{margin:0 0 20px;font-size:.95em;font-weight:500}
.checkout-cart__coupon, .checkout-cart__reward, .checkout-cart__voucher{display:flex;justify-content:flex-end;margin:0 0 10px}

.product-thumb-related{display:flex;margin:0 0 20px}
.product-thumb-related__image{flex:0 0 33.333333%}
.product-thumb-related__caption{display:flex;flex-direction:column;padding:0 0 0 15px}
.product-thumb-related__name{display:block;font-weight:700;font-size:.9em;margin:0 0 15px}
.product-thumb__option{margin:auto 0 5px}
.product-thumb-related__price{margin:0 0 15px;font-size:1.3em}

.unicheckout__form{counter-reset:steps}
.unicheckout__form .heading:before{padding:0 5px 0 0;font-weight:700;counter-increment:steps;content:counter(steps)"."}

.checkout-login{margin:0 0 20px;padding:15px;font-size:.95em;font-weight:500;background:#f7f7f7;border-radius:var(--border-radius-1)}
.checkout-login__link{border-bottom:dotted 1px}

.checkout-customer{margin:0 -7.5px}
.checkout-customer__input{width:calc(50% - 15px);margin:0 7.5px 15px}
.checkout-customer__input.full-width{width:100%}

.checkout-customer__group-label{margin:0 0 10px;font-weight:500;color:#888}
.checkout-customer__group-item{margin:0 0 5px 0}
.checkout-customer__register{padding:0 0 1px}
.checkout-customer__register-label{margin:0 0 15px;font-weight:500}

.unicheckout__address{position:relative;margin:0 0 10px}
.unicheckout__address .cover{position:absolute;top:20px;left:0;width:100%;height:100%;background:rgba(255 255 255 / .5);cursor:not-allowed}
.unicheckout__address .radio {margin:20px 0}

.checkout-address-new{margin:0 -7.5px}
.checkout-address-new__input, .checkout-address-new__select{width:calc(50% - 15px);margin:0 7.5px 15px}
.checkout-address-new__input.full-width{width:100%}

.unicheckout-sticky{position:sticky;top:20px;}
.unicheckout-sticky__wrapper{padding:10px 15px 15px;background:#f7f7f7;border-radius:var(--border-radius-1)}
.unicheckout-sticky__heading{margin:5px 0 15px;font-size:1.4em;font-weight:700}
.unicheckout-sticky__total{margin:10px 0 5px}
.unicheckout-sticky__total-item{overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:dashed 1px rgba(0 0 0 / .1)}
.unicheckout-sticky__total-text{min-width:90px;padding:0 0 0 10px;font-weight:500;white-space:nowrap}
.unicheckout-sticky__total-text .coupon{color:#D9534F}

.unicheckout-sticky__total-item.total, .unicheckout-sticky__total-item.total .unicheckout-sticky__total-text{font-size:1.1em;font-weight:700}

.unicheckout-sticky__total-item-wrap{flex:1 1 100%}
.unicheckout-sticky__total-a{font-weight:500;color:var(--a-c) !important;text-decoration:underline dotted !important}
.unicheckout-sticky__total-div{display:flex !important;height:0;transition:all ease .2s}
.unicheckout-sticky__total-div.show{height:45px}
.unicheckout-sticky__total-input{height:28px !important;margin:15px -1px 0 0;font-size:.8em !important;border-radius:var(--border-radius-1-0-0-1)}
.unicheckout-sticky__total-btn{margin:15px 0 0;border-radius:var(--border-radius-0-1-1-0)}
.unicheckout-sticky__total-item-wrap small{display:block;padding:5px 0 0}

.unicheckout-sticky__confirm-agree{margin:0 0 25px;font-size:.9em}
.unicheckout-sticky__confirm-agree .input{display:block}
.unicheckout-sticky__confirm-agree .input input{top:2px}
.unicheckout-sticky__confirm-btn{height:44px;font-weight:700}

.unicheckout__user, .unicheckout__shipping, .unicheckout__payment, .unicheckout__pickup-item{margin:0 0 30px}
.unicheckout__custom-field{margin:-10px 0 30px}

.shipping-method__title{margin:0 0 -5px;font-weight:500}
.shipping-method__label{width:100%}
.shipping-method__quote{}
.shipping-method__quote-text{padding:0 0 0 10px;font-weight:500;white-space:nowrap}
.shipping-method__label input[name="shipping_method"]:checked + span .cdek_pvz_map_btn{display:block;float:right;margin:0 0 0 15px;padding:0;font-weight:500;color:var(--a-c);border:0;background:none}
.shipping-method .cdek_official_pvz_code_address{font-style:normal !important;font-weight:700 !important;color: var(--a-c)}

#unicheckout .hide{display:none}
#unicheckout .custom-field__label{display:block;margin:0 0 10px;font-weight:500;color:#888}
#unicheckout .custom-field label + .text-danger{margin:-5px 0 10px}

#unicheckout__pickup-map .modal-body > iframe , #unicheckout__pickup-map .modal-body > ymaps{max-width:100%;max-height:85vh}
.unicheckout__pickup-item {padding:15px;background:rgba(0 0 0 / .03);border-radius:var(--border-radius-1)}
.unicheckout__pickup-title{margin:0 0 10px;font-weight:700}
.unicheckout__pickup-address{margin:0 0 20px}
.unicheckout__pickup-time-life{margin:0 0 20px}
.unicheckout__pickup-time{margin:0 0 15px}
.unicheckout__pickup-time-span, .unicheckout__pickup-life-span{display:block;margin:0 0 5px;font-weight:700}

.footer.mobile-menu-bottom{padding-bottom:0 !important}

.fly-block, .subscribe{display:none}
.preloader{position:fixed}

@media (max-width:992px){
    .unicheckout__comment{margin:0 0 30px}
}

@media (max-width:575px){
    .checkout-cart__wrap{margin:0 0 20px}
    .checkout-cart__item{padding:15px 0}
    .checkout-cart__item-wrapper{flex-wrap:wrap}
    .checkout-cart__name{flex:1 0 100%;margin:0 0 10px;font-size:.95em;}
    .checkout-cart__quantity{padding:0 15px 0 0}
    .checkout-cart__total{flex:auto;font-size:1.1em}
    .checkout-cart__total-text{display:none}
    .checkout-cart__text-additional{display:none}
    .checkout-customer__input, .checkout-address-new__select, .checkout-address-new__input{width:100%}
}

@media (max-width:330px){
    .checkout-cart__quantity{flex:1 0 100%;padding:0 15px 15px 0}
}

.unicheckout-sticky__wrapper {
    border-bottom: #cbcbcb 2px dotted;
    border-top: #e8e8e8 2px dotted;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    padding: 15px 20px;
    border-radius: 5px;
}