/* Тег «коллекция» на постерах + стикеры Хит/New (22.09.2026, v3). Подключается в header.tpl: ap-collection.css?v=N */
/* — тег в листингах: у нижнего левого угла картинки (ap-collection.js выравнивает по img; без JS — от контейнера) — */
.ap-coll{position:absolute;left:8px;bottom:8px;top:auto;z-index:3;display:inline-flex;align-items:center;gap:3px;width:auto;max-width:calc(100% - 40px);padding:4px 8px 4px 7px;border-radius:7px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.96);color:#1b1b1b;font-family:"Montserrat",Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.25;text-decoration:none;text-align:left;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:border-color .15s,box-shadow .15s;cursor:pointer}
a.ap-coll.ap-coll--fit{bottom:auto!important}   /* скрипт ставит top: если остаётся и bottom, абсолютный блок растягивается по высоте (22.09.2026) */
.ap-coll:hover,.ap-coll:focus{border-color:#01aa73;color:#01aa73;text-decoration:none;outline:none}
.ap-coll:hover .ap-coll__t,.ap-coll:focus .ap-coll__t,.ap-coll:hover .ap-coll__k,.ap-coll:focus .ap-coll__k{color:#01aa73}.ap-coll:hover .ap-coll__i,.ap-coll:focus .ap-coll__i,.ap-coll:hover .ap-coll__a,.ap-coll:focus .ap-coll__a{background:#01aa73}
.ap-coll__i{flex:none;width:10px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='1' width='6' height='6' rx='1.2'/><rect x='9' y='1' width='6' height='6' rx='1.2'/><rect x='1' y='9' width='6' height='6' rx='1.2'/><rect x='9' y='9' width='6' height='6' rx='1.2'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='1' width='6' height='6' rx='1.2'/><rect x='9' y='1' width='6' height='6' rx='1.2'/><rect x='1' y='9' width='6' height='6' rx='1.2'/><rect x='9' y='9' width='6' height='6' rx='1.2'/></svg>") center/contain no-repeat}
.ap-coll__k{flex:none;color:#6a746f;font-weight:500}.ap-coll__k::after{content:"·";margin:0 1px 0 3px;color:#b3bab7}
.ap-coll__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.ap-coll--search .ap-coll__t{color:#4a4a4a}
/* — карточка товара: плашка над картинкой, в потоке — */
.ap-coll-wrap{text-align:left;margin:0 0 12px 15px}   /* в потоке над картинкой, как исходный стикер темы (владелец 22.09.2026: «как было изначально») */
.ap-coll--page{position:static;display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;padding:7px 12px 7px 10px;border:1px solid #e4e6e5;background:#fff;box-shadow:none}
.ap-coll--page .ap-coll__i{width:15px;height:15px}.ap-coll--page .ap-coll__t{font-weight:600}
.ap-coll--page .ap-coll__t{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-coll__a{flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h9M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h9M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;margin-left:2px}
.ap-coll--page:hover,.ap-coll--page:focus{border-color:#01aa73;box-shadow:none;color:#01aa73}.ap-coll--page:hover .ap-coll__t{color:#01aa73}
/* — защита от темы: она задаёт своим ссылкам в карточках display/height/line-height и сыпет !important,
   из-за чего тег в «Рекомендуемых» и каруселях растягивался по высоте (22.09.2026) — */
a.ap-coll{display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;white-space:nowrap!important;box-sizing:border-box!important;text-transform:none!important;letter-spacing:normal!important;font-style:normal!important;float:none!important}
a.ap-coll .ap-coll__t{display:block!important;height:auto!important;line-height:1.25!important}
/* — кнопка «Смотреть всю коллекцию» под «Купить» — */
.div-tag .ap-coll-btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:11px 18px 11px 14px;border:1.5px solid #01aa73;border-radius:10px;background:#fff;color:#01aa73;font-family:"Montserrat",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,color .15s}
.div-tag .ap-coll-btn:hover,.div-tag .ap-coll-btn:focus{background:#01aa73;color:#fff;text-decoration:none;outline:none}
.ap-coll-btn__i,.ap-coll-btn__a{flex:none;width:14px;height:14px;background:currentColor}
.ap-coll-btn__i{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='1' width='6' height='6' rx='1.2'/><rect x='9' y='1' width='6' height='6' rx='1.2'/><rect x='1' y='9' width='6' height='6' rx='1.2'/><rect x='9' y='9' width='6' height='6' rx='1.2'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='1' width='6' height='6' rx='1.2'/><rect x='9' y='1' width='6' height='6' rx='1.2'/><rect x='1' y='9' width='6' height='6' rx='1.2'/><rect x='9' y='9' width='6' height='6' rx='1.2'/></svg>") center/contain no-repeat}
.ap-coll-btn__a{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h9M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h9M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
@media (max-width:700px){.div-tag .ap-coll-btn{width:100%;justify-content:center;font-size:13px}}
/* — стикеры «Хит» и «New»: компактные плашки в одном стиле с тегом (тема ставит !important — перебиваем специфичностью body …) — */
body .product-label-sale,body .new-label-product{left:8px!important;top:8px!important;padding:4px 9px!important;border-radius:7px!important;font-family:"Montserrat",Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;text-transform:uppercase!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important;margin:0!important;z-index:3!important}
body .product-label-sale{background:#1b1b1b!important;color:#fff!important}
body .new-label-product{background:#01aa73!important;color:#fff!important}
body .product-top-main .product-label-sale,body .product-top-main .new-label-product{position:static!important;display:inline-block!important;font-size:11px!important;padding:6px 12px!important;margin:0 0 12px 15px!important;vertical-align:middle}
body #primerka-p .new-label-product{position:relative!important;top:-2px!important;left:0!important}
@media (max-width:700px){a.ap-coll{font-size:12px!important;padding:5px 12px 5px 10px!important;gap:5px;left:6px;max-width:calc(100% - 12px);border-radius:9px}a.ap-coll:not(.ap-coll--fit){bottom:26px}.ap-coll__k{display:none}.ap-coll__i{width:12px;height:12px}.ap-coll__i{width:10px;height:10px}.ap-coll-wrap{margin-left:0}body .product-top-main .product-label-sale,body .product-top-main .new-label-product{margin-left:0!important}}