/* Start:/local/templates/versiya/components/bitrix/system.pagenavigation/versiya/style.css?17851623841801*/
/* Compact server-side catalog pagination. Kept with the pager template so
   Bitrix loads it regardless of which catalog.section template is active. */
.catalog__pager {
    width: 100%;
    margin-top: 38px;
}

.vpager {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.vpager__list {
    display: flex;
    width: auto;
    height: auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vpager__list > li {
    display: block;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
}

.vpager__btn,
.vpager__dots {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--light-gray);
    border-radius: 50%;
    background: var(--white);
    color: var(--black);
    font: 600 13px/1 var(--font-body);
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.vpager__btn:hover,
.vpager__btn:focus-visible {
    border-color: var(--wine);
    outline: none;
}

.vpager__btn.is-active {
    border-color: var(--wine);
    background: var(--wine);
    color: var(--cream);
}

.vpager__btn.is-disabled {
    opacity: .35;
}

.vpager__btn--arrow svg {
    width: 17px;
    height: 17px;
}

.vpager__dots {
    border-color: transparent;
    background: transparent;
    color: var(--warm-gray);
}

@media (max-width: 640px) {
    .catalog__pager { margin-top: 28px; }
    .vpager__list { gap: 4px; }
    .vpager__btn,
    .vpager__dots {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 12px;
    }
}

/* End */


/* Start:/local/components/versiya/looks/templates/list/style.css?17851623842344*/
.vlooks{padding:42px 20px 80px;background:#f7f1e6;color:#2f1010;min-height:60vh}.vlooks__head,.vlooks__chips,.vlooks__grid,.vlooks__empty,.vlooks .bx-pagination{max-width:1840px;margin-left:auto;margin-right:auto}.vlooks__head{margin-bottom:24px}.vlooks__title{font-size:44px;line-height:1;margin:0}.vlooks__lead{margin:12px 0 0;opacity:.62}.vlooks__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.vlooks__chips a{padding:10px 17px;border-radius:999px;background:#fff;color:inherit;text-decoration:none;font-size:13px}.vlooks__chips a.is-active{background:#351010;color:#fff}.vlooks__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 10px}.vlook-card{min-width:0}.vlook-card__author{height:48px;display:flex;align-items:center;gap:10px}.vlook-card__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#361010}.vlook-card__author-text{display:flex;flex-direction:column;font-size:12px;line-height:1.25}.vlook-card__author-text small{opacity:.55}.vlook-card__visual{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:#e9e5df}.vlook-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.vlook-card:hover .vlook-card__visual img{transform:scale(1.02)}.vlook-card__premium{position:absolute;left:12px;bottom:12px;background:#361010;color:#fff;padding:6px 9px;border-radius:20px;font-size:10px;text-transform:uppercase}.vlook-card__foot{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 0}.vlook-card__name{color:inherit;text-decoration:none;font-size:15px}.vlook-like{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:6px;cursor:pointer}.vlook-like.is-liked svg{fill:#7d3f3f}.vlook-like svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.vlooks__empty{padding:80px 0;text-align:center;opacity:.6}@media(max-width:1050px){.vlooks__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.vlooks{padding:30px 10px 60px}.vlooks__title{font-size:34px}.vlooks__chips{overflow:auto;flex-wrap:nowrap}.vlooks__chips a{white-space:nowrap}.vlooks__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}.vlook-card__author{height:44px}.vlook-card__avatar{width:32px;height:32px}.vlook-card__author-text{font-size:10px}}


/* End */
/* /local/templates/versiya/components/bitrix/system.pagenavigation/versiya/style.css?17851623841801 */
/* /local/components/versiya/looks/templates/list/style.css?17851623842344 */