/* SPK: страница каталога (листинг), 29.09.2026. Подключается только в каталоге и поиске товаров (profunctions, блок «страница каталога»).
   Эффектов наведения в карточке нет: на телефоне они мешают. */

/* ---------- заголовок и описание раздела ---------- */
h1.spk-lh{font:600 30px/1.2 Rubik,system-ui,sans-serif!important;color:#0a0a0a;margin:0 0 10px}
.spk-ld{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;font:400 15px/1.55 Rubik,system-ui,sans-serif;color:#282828}
.spk-ld__t{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.1em}
.spk-ld__t p,.spk-ld__t div{display:inline;margin:0}
.spk-ld__t p+p::before{content:" "}
.spk-ld.is-open .spk-ld__t{display:block;max-height:none;overflow:visible}
.spk-ld.is-open .spk-ld__t p{display:block;margin:0 0 8px}
.spk-ld.is-open .spk-ld__t p+p::before{content:none}
.spk-ld__b{flex:0 0 auto;width:36px;height:36px;margin-top:5px;padding:0;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#282828;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.spk-ld__b[hidden]{display:none}
.spk-ld__b svg{width:20px;height:20px;transition:transform .2s}
.spk-ld.is-open .spk-ld__b svg{transform:rotate(180deg)}

/* ---------- сетка ---------- */
.spk-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 8px}
.spk-lg>.product{min-width:0;margin:0;padding:0;width:auto;float:none;display:flex}

/* ---------- карточка ---------- */
.spk-lc{display:flex;flex-direction:column;width:100%;min-width:0;background:#fff;border:1px solid #ebebeb;border-radius:12px;overflow:hidden;font-family:Rubik,system-ui,sans-serif;color:#282828}
.spk-lc__media{position:relative;background:#f8f9fa}
.spk-lc__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.spk-lc__track::-webkit-scrollbar{display:none}
.spk-lc__s{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:block;aspect-ratio:1/1;background:#f8f9fa}
.spk-lc__s img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.spk-lc__dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:0;pointer-events:none}
.spk-lc__dots i{box-sizing:content-box;width:6px;height:6px;padding:6px 3px;background:rgba(255,255,255,.95);background-clip:content-box;border-radius:50%;filter:drop-shadow(0 0 1px rgba(0,0,0,.55));pointer-events:auto;cursor:pointer}
.spk-lc__dots i.is-on{background-color:#E52727}
.spk-lc__media .onsale{position:absolute;left:8px;top:8px;right:auto;margin:0;min-width:0;min-height:0;padding:3px 8px;border-radius:8px;background:#E52727;color:#fff;font:500 12px/1.4 Rubik,system-ui,sans-serif}

/* избранное и сравнение: всегда видны, поверх фото */
.spk-lc__acts{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px}
.spk-lc__acts .tinv-wraper,.spk-lc__acts .compare-button{filter:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;line-height:0!important;position:static!important;display:block!important;width:auto!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
.spk-lc__acts a.compare,.spk-lc__acts a.tinvwl_add_to_wishlist_button{position:static!important;display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%;background:rgba(255,255,255,.94)!important;box-shadow:0 1px 4px rgba(0,0,0,.16);color:#4a4a4a!important;font-size:0!important;line-height:0!important;text-decoration:none!important;cursor:pointer}
.spk-lc__acts a.tinvwl_add_to_wishlist_button::before,.spk-lc__acts a.compare::before{display:none!important;content:none!important}
.spk-lc__acts a::after{display:none!important;content:none!important}
.spk-lc__acts a>span,.spk-lc__acts a>i,.spk-lc__acts a>img,.spk-lc__acts .tinvwl-tooltip,.spk-lc__acts .tinv-wishlist-clear{display:none!important}
/* значок сравнения рисуем фоном: плагин после нажатия заменяет содержимое ссылки */
.spk-lc__acts a.tinvwl_add_to_wishlist_button{background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")!important}
.spk-lc__acts a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E52727' stroke='%23E52727' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")!important}
.spk-lc__acts a.compare{background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='10' width='4' height='11' rx='1'/%3E%3Crect x='10' y='4' width='4' height='17' rx='1'/%3E%3Crect x='17' y='13' width='4' height='8' rx='1'/%3E%3C/svg%3E")!important}
.spk-lc__acts a.compare.added{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E52727' stroke='%23E52727' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='10' width='4' height='11' rx='1'/%3E%3Crect x='10' y='4' width='4' height='17' rx='1'/%3E%3Crect x='17' y='13' width='4' height='8' rx='1'/%3E%3C/svg%3E")!important}
.spk-lc__acts a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list,.spk-lc__acts a.compare.added{color:#E52727!important}

.spk-lc__body{display:flex;flex-direction:column;flex:1 1 auto}
.spk-lc__body>*{margin:6px 10px 0}
.spk-lc__title{margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font:500 14px/1.3 Rubik,system-ui,sans-serif;color:#0a0a0a!important;text-decoration:none!important;overflow-wrap:anywhere}
.spk-lc__sku{height:1.35em;font:400 12px/1.35 Rubik,system-ui,sans-serif;color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spk-lc__sku span{color:#6d6d6d}
.spk-lc__media .onsale~.spk-lc__rate{top:38px}
.spk-lc__rate{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:3px;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.16);font:500 12px/1 Rubik,system-ui,sans-serif;color:#282828;pointer-events:none}
.spk-lc__rate svg{width:13px;height:13px;fill:#f5a623}
.spk-lc__rate span{font-weight:400;color:#6d6d6d}
.spk-lc__price{font:600 17px/1.2 Rubik,system-ui,sans-serif;color:#0a0a0a}
.spk-lc__price del,.spk-lc__price del *{font-size:13px!important;font-weight:400!important;color:#8a8a8a!important}
.spk-lc__price del{margin-right:6px}
.spk-lc__price ins{text-decoration:none}
.spk-lc__price--ask{font-size:15px;font-weight:500;color:#6d6d6d}
.spk-lc__specs{position:relative;font:400 12px/1.4 Rubik,system-ui,sans-serif;color:#282828}
.spk-lc__specs:empty{margin-top:0}
.spk-lc__specs ul{list-style:none;margin:0;padding:0;max-height:4.2em;overflow:hidden}
.spk-lc__specs.is-more ul{max-height:4.9em;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#c9ced6 #f1f2f4}
.spk-lc__specs.is-more ul::-webkit-scrollbar{width:4px}
.spk-lc__specs.is-more ul::-webkit-scrollbar-track{background:#f1f2f4;border-radius:4px}
.spk-lc__specs.is-more ul::-webkit-scrollbar-thumb{background:#c9ced6;border-radius:4px}
.spk-lc__specs li{margin:0;padding:0;overflow-wrap:anywhere}
.spk-lc__specs li::before{content:none}
.spk-lc__specs span{color:#6d6d6d}
.spk-lc__specs .spk-lc__ok{color:#1f8a4c;font-weight:500}
/* знак «ниже есть ещё»: затухание и стрелка, пропадают в конце списка */
.spk-lc__specs.is-more::after{content:"";position:absolute;left:0;right:10px;bottom:0;height:1em;pointer-events:none;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.92)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6d6d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right bottom/14px 14px no-repeat}
.spk-lc__specs.is-more.is-end::after{display:none}

.spk-lc__btns{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:auto 10px 10px;padding-top:10px;align-self:stretch}
#spk-cat-list .spk-lc__btns a,.spk-lc__btns a,#spk-cat-list .spk-lc__btns button,.spk-lc__btns button{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:100%!important;min-width:0!important;min-height:40px;height:40px!important;margin:0!important;padding:0 8px!important;border-radius:10px!important;font:500 13px/1.15 Rubik,system-ui,sans-serif!important;text-align:center;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;float:none!important;position:static!important}
.spk-lc__btns a.button,.spk-lc__btns .spk-lc__one--ask{background:#E52727!important;color:#fff!important;border:1px solid #E52727!important}
.spk-lc__btns .spk-lc__one,.spk-lc__btns a.added_to_cart{background:#fff!important;color:#0a0a0a!important;border:1px solid #d9dde3!important}
.spk-lc__btns .spk-lc__one--ask{background:#E52727!important;color:#fff!important;border-color:#E52727!important}
#spk-cat-list .spk-lc__btns a.button.added,.spk-lc__btns a.button.added{display:none!important}
.spk-lc__btns a.button::after,.spk-lc__btns a.button::before{content:none!important;display:none!important}
.spk-lc__btns a.button.loading{opacity:.6;pointer-events:none}
.spk-lc__btns a.added_to_cart{border-color:#E52727!important;color:#E52727!important}
@media (hover:hover){
 .spk-lc__btns a.button:hover,.spk-lc__btns .spk-lc__one--ask:hover{background:#c41e1e!important;border-color:#c41e1e!important;color:#fff!important}
}

/* подсказки у избранного и сравнения: только там, где есть мышь */
@media (hover:hover) and (pointer:fine){
 .spk-lc__acts a.compare,.spk-lc__acts a.tinvwl_add_to_wishlist_button{position:relative!important}
 .spk-lc__acts a.compare::after,.spk-lc__acts a.tinvwl_add_to_wishlist_button::after{display:block!important;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#0a0a0a;color:#fff;font:400 12.5px/1 Rubik,system-ui,sans-serif;padding:7px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:3}
 .spk-lc__acts a.compare:hover::after,.spk-lc__acts a.tinvwl_add_to_wishlist_button:hover::after{opacity:1}
 .spk-lc__acts a.compare::after{content:"Сравнить"!important}
 .spk-lc__acts a.compare.added::after{content:"Перейти к сравнению"!important}
 .spk-lc__acts a.tinvwl_add_to_wishlist_button::after{content:"В избранное"!important}
 .spk-lc__acts a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list::after{content:"Перейти в избранное"!important}
}

/* точки на компьютере крупнее: по ним листают фото мышью */
@media (hover:hover) and (pointer:fine){
 .spk-lc__dots{bottom:6px}
 .spk-lc__dots i{width:11px;height:11px;padding:9px 5px}
}

/* ---------- страницы ---------- */
.spk-lp{margin:20px 0 8px}
#spk-cat-list .spk-lp .nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:0 0 8px!important}
#spk-cat-list .spk-lp .nav-links .page-numbers{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0!important;padding:0 10px!important;border:1px solid #d9dde3!important;border-radius:10px!important;background:#fff!important;color:#282828!important;font:500 14px/1 Rubik,system-ui,sans-serif!important;text-decoration:none!important;box-shadow:none!important}
#spk-cat-list .spk-lp .nav-links .page-numbers.current{background:#E52727!important;border-color:#E52727!important;color:#fff!important}
#spk-cat-list .spk-lp .nav-links .page-numbers.dots{border:0!important;background:transparent!important;min-width:20px;padding:0!important}

/* ---------- ширины ---------- */
@media (max-width:359px){
 .spk-lg{gap:8px}
 .spk-lc__body>*{margin-left:8px;margin-right:8px}
 .spk-lc__btns a,.spk-lc__btns button{font-size:12.5px!important;padding:0 4px!important}
 #spk-cat-list .spk-lg .spk-lc__acts a.compare,#spk-cat-list .spk-lg .spk-lc__acts a.tinvwl_add_to_wishlist_button{width:28px!important;height:28px!important;background-size:16px 16px!important}
}
@media (max-width:767px){
 .spk-lc__acts{top:6px;right:6px;gap:5px}
 #spk-cat-list .spk-lc__acts a.compare,#spk-cat-list .spk-lc__acts a.tinvwl_add_to_wishlist_button{width:30px!important;height:30px!important;background-size:17px 17px!important}
 .spk-lc__dots{bottom:0}
 .spk-lc__dots i{padding:4px 3px;pointer-events:none}
 h1.spk-lh{font-size:23px!important}
 .spk-ld{font-size:14px}
}
@media (min-width:768px){
 .spk-lg{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .spk-lc__body>*{margin:8px 14px 0}
 .spk-lc__title{margin-top:14px}
 .spk-lc__btns{margin:auto 14px 14px}
 .spk-lc__title{font-size:15px}
 .spk-lc__price{font-size:19px}
 .spk-lc__specs,.spk-lc__sku{font-size:13px}
 .spk-lc__btns a,.spk-lc__btns button{min-height:44px;height:44px!important;font-size:14px!important}
}
@media (min-width:992px) and (max-width:1199px){
 .spk-lg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
 .spk-lg{gap:20px}
 .spk-lc__btns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .spk-lc__btns>:only-child{grid-column:1/-1}
 .spk-lc__title{font-size:16px}
}