/* ia-cards-4.css - карточки товаров в каталогах в стиле карточек поиска (4.11.2026).
   Подключен в layouts.layout.liquid после include "styles". При правке - новое имя файла (CDN кеширует). Бэкапы: bkp_20261104b_product_card.liquid, bkp_20261104_layout.liquid
   Кнопка "Перейти к оформлению" (.ial-go) появляется после добавления - скрипт в layouts.layout.liquid */







.product-card{height:100%!important}
.product-card .product-card-inner,.product-card .product-card-inner:hover{height:100%!important;display:flex!important;flex-direction:column;padding:12px!important;border:1px solid #eee!important;border-radius:10px;background:#fff;box-sizing:border-box;transition:box-shadow .2s}
.product-card .product-card-inner:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.product-card .product-card-photo{margin-bottom:10px}
.product-card .product-card-rating:empty{display:none}
.product-card .product-link{display:block;flex:1 0 auto;font-size:14px;line-height:1.35;color:#222!important;margin-bottom:8px;text-align:left}
.product-card .ia-card-stock{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;line-height:1.2;margin:0 0 8px}
.product-card .ia-card-stock:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.product-card .ia-card-stock.is-in{color:#5f7d10}
.product-card .ia-card-stock.is-out{color:#a0a0a0}
.product-card .product-card-price{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:6px;justify-content:flex-start!important;text-align:left;margin:0}
.product-card .product-card-price .price{font-size:16px;font-weight:700;color:#222!important}
.product-card .product-card-price .old-price{font-size:13px;color:#9b9b9b!important;text-decoration:line-through}
.product-card .product-cart-control{position:static!important;margin-top:10px;width:100%}
.product-card .button-buy{visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 10px!important;border:0!important;border-radius:6px!important;background:#77961a!important;color:#fff!important;font-size:14px;font-weight:600;line-height:1.2;text-transform:none;box-sizing:border-box}
.product-card .button-buy:not(.ial-go){display:flex!important}
.product-card form.ial-incart [data-item-add]{display:none!important}
.product-card form.ial-incart .ial-go{display:flex!important;font-size:14px!important;background:#eef4dd!important;color:#5f7d10!important;border:1px solid #c9d9a0!important}
.product-card form.ial-incart .ial-go:hover{background:#e2ecc7!important;border-color:#b5c98a!important}
.product-card .button-buy:not(.ial-go):hover{background:#5f7d10!important}
.product-card .button-buy-img{width:16px;height:16px;margin:0!important}
.product-card .button-buy-caption{color:#fff!important;display:inline!important}
.product-card form.ial-incart .ial-go{white-space:nowrap!important;font-size:13px!important;line-height:1.2!important;padding:9px 6px!important}
@media (max-width:480px){.product-card form.ial-incart .ial-go{font-size:11.5px!important;padding:9px 4px!important}}
/* Фильтр каталога: кнопка "Фильтры" видна и на десктопе (4.11.2026) */
.filter-collapse{display:block!important}
.filter-panel-open-sidebar.js-open-filter{display:inline-flex!important;align-items:center;gap:6px;padding:7px 14px!important;border:1px solid #77961a!important;border-radius:6px!important;background:#fff!important;color:#5f7d10!important;font-size:14px!important;font-weight:600;cursor:pointer}
.filter-panel-open-sidebar.js-open-filter:hover{background:#eef4dd!important}
.filter-panel-open-sidebar .filter-collapse__label{color:#5f7d10!important}
/* Мобильная версия каталога (10.11.2026): название товара целиком, сердечко "в избранное" - круглая иконка в углу фото. Бэкап: bkp_20261110_layout.liquid, прошлая версия стилей - ia-cards-4.css (ia-cards-5.css и ia-cards-6.css - неудачные копии, не используются) */
@media (max-width:767px){
.product-card .product-link{height:auto!important;max-height:none!important;overflow:visible!important;min-height:calc(1.35em * 4)}
.product-card .ia-card-stock{margin-top:auto}
.product-card .product-card-inner{position:relative}
.product-card .fav-button{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;float:none!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;visibility:visible!important;z-index:3;background:rgba(255,255,255,.92)!important;border:1px solid #e5e5e5!important;border-radius:50%!important;color:#555!important;font-size:17px!important;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.product-card .fav-button.is-added{color:#e0435a!important}
}

/* ia-cards-8 (10.11.2026) = ia-cards-7 + мобильная шапка и главная: поиск открыт, кнопка Каталог, строка под логотипом, слайдер ниже, меньше отступов. Бэкапы: bkp_20261110_header.liquid, bkp_20261110b_layout.liquid */
.ia-tagline{display:block;font-size:13px;line-height:1.3;color:#5f7d10;font-weight:600;margin-top:6px}
.ia-cat-btn{display:none}
@media (max-width:767px){
 .header-first{padding-bottom:4px}
 .header .logo .logo-image{max-width:150px}
 .ia-tagline{font-size:12px;margin-top:4px}
 .header-second.hidden-md{display:flex!important;align-items:stretch;gap:8px;margin:6px 0 14px!important;flex-wrap:nowrap}
 .header-second > .empty-block,.header-second > .favorite,.header-second > .shopcart,.header-second > .compare{display:none!important}
 .header-second > .search{display:block!important;flex:1 1 auto;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
 .header-second .search-widget{height:46px;border:2px solid #77961a!important;border-radius:10px!important;overflow:hidden;background:#fff}
 .header-second .search-widget-field{font-size:16px!important;height:100%!important;border:0!important;padding:0 12px!important}
 .header-second .search-widget-field::placeholder{color:#9aa58a;opacity:1}
 .header-second .search-widget-button{background:#77961a!important;color:#fff!important;width:50px;border:0!important;border-radius:0!important}
 .ia-cat-btn{display:flex;align-items:center;gap:6px;flex:0 0 auto;height:46px;padding:0 12px;border:0;border-radius:10px;background:#eef4dd;color:#5f7d10;font-size:15px;font-weight:700;cursor:pointer}
 .ia-cat-btn i{font-size:17px}
 .ifs .ifs-slide{height:190px!important;min-height:0!important;align-items:center!important;background-position:right center!important}
 .ifs .ifs-slide:before{background:linear-gradient(90deg,rgb(var(--c)) 0%,rgba(var(--c),.93) 48%,rgba(var(--c),0) 78%)!important}
 .ifs .ifs-txt{max-width:64%!important;padding:0 14px 16px!important}
 .ifs .ifs-k{font-size:10px;margin-bottom:4px}
 .ifs .ifs-t{font-size:16px!important;margin-bottom:8px}
 .ifs .ifs-d{display:none}
 .ifs .ifs-b{padding:7px 12px!important;font-size:12px!important}
 .ifs .ifs-dots{left:14px;bottom:10px}
 .ifs{margin-bottom:20px}
}
.ia-tagline-mob{display:none}
@media (max-width:767px){ .header .logo .ia-tagline{display:none} .ia-tagline-mob{display:block;text-align:center;font-size:13px;font-weight:600;color:#5f7d10;margin:2px 0 8px;line-height:1.3} }
@media (max-width:767px){ .header-second.hidden-md{position:relative} .header-second > .search,.header-second .search-widget{position:static!important} .header-second .ias-drop{left:0!important;right:0!important;width:auto!important;top:52px!important} }
@media (max-width:767px){
 .header-second.hidden-md{margin-bottom:6px!important}
 .content-wrapper{padding-top:8px!important}
 .index > .ifs{margin-bottom:18px!important}
 .index > .brand:not(.podborki-widget){margin-top:0!important}
 .index > .brand .brand-top{margin-bottom:12px!important}
 .index > .brand.podborki-widget{margin-top:4px!important}
}

/* Десктоп: поиск и "Избранное" в шапке (10.11.2026) */
@media (min-width:768px){
.header-second .search-widget{position:relative;height:48px;border:2px solid #85a71e!important;border-radius:12px!important;background:#fff;overflow:visible;transition:box-shadow .2s,border-color .2s;box-sizing:border-box}
.header-second .search-widget:focus-within{border-color:#6f8c17!important;box-shadow:0 0 0 4px rgba(133,167,30,.15)}
.header-second .search-widget-field{height:44px!important;border:0!important;border-radius:12px 0 0 12px!important;padding:0 16px!important;font-size:15px!important;background:transparent!important;box-shadow:none!important}
.header-second .search-widget-field::placeholder{color:#8f9a80;opacity:1}
.header-second .search-widget-button{height:44px!important;width:56px!important;background:#85a71e!important;color:#fff!important;border-radius:0 10px 10px 0!important;border:0!important;transition:background .2s}
.header-second .search-widget-button:hover{background:#6f8c17!important}
.header-second .search-widget-button .fa,.header-second .search-widget-button i{color:#fff!important;font-size:18px}
.header .header-second .favorite .favorite-link{height:48px!important;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:7px;padding:0 16px!important;min-width:82px;border:0!important;border-radius:12px!important;background:#eef4dd!important;color:#5f7d10!important;transition:background .2s}
.header .header-second .favorite .favorite-link:hover{background:#e2ecc7!important}
.header .header-second .favorite .favorite-link .fa{color:#5f7d10!important;font-size:20px;line-height:1!important;margin:0!important}
.header .header-second .favorite .favorite-link .favorite-count{position:static!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;line-height:1!important;border:0!important;background:none!important;color:#5f7d10!important;font-weight:600}
}
