/* Тег «коллекция» на постерах + стикеры Хит/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:grid;grid-template-columns:max-content 1fr;justify-items:start;align-items:center;column-gap:4px;row-gap:1px;max-width:calc(100% - 40px);padding:5px 9px 6px 8px;border-radius:8px;background:rgba(255,255,255,.95);color:#1b1b1b;font-family:"Montserrat",Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.25;text-decoration:none;text-align:left;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:background .15s,color .15s,box-shadow .15s;cursor:pointer}
.ap-coll--fit{bottom:auto}
.ap-coll:hover,.ap-coll:focus{background:#01aa73;color:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(1,170,115,.35);outline:none}
.ap-coll:hover .ap-coll__k,.ap-coll:focus .ap-coll__k{color:rgba(255,255,255,.85)}
.ap-coll__i{flex:none;width:11px;height:11px;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{color:#01aa73;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.2}
.ap-coll__t{grid-column:1/-1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.ap-coll--search .ap-coll__t{color:#4a4a4a}
/* — карточка товара: плашка над картинкой, в потоке — */
.ap-coll-wrap{position:absolute;left:15px;top:10px;z-index:4;margin:0;text-align:left;max-width:calc(100% - 30px)}   /* поверх угла картинки, не сдвигая её (владелец 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:rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.ap-coll--page .ap-coll__i{width:15px;height:15px}
.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:0 2px 8px rgba(1,170,115,.25)}
/* — стикеры «Хит» и «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:absolute!important;left:15px!important;top:10px!important;display:inline-block!important;font-size:11px!important;padding:6px 12px!important;margin:0!important;z-index:4!important}
body #primerka-p .new-label-product{position:relative!important;top:-2px!important;left:0!important}
@media (max-width:700px){.ap-coll{font-size:10px;padding:4px 7px 5px 6px;left:6px;bottom:26px;max-width:calc(100% - 12px)}.ap-coll__k{font-size:8px}.ap-coll__i{width:10px;height:10px}.ap-coll-wrap{left:6px;top:6px}body .product-top-main .product-label-sale,body .product-top-main .new-label-product{left:6px!important;top:6px!important}}