.ss-collection-page{background:var(--ss-bg-primary);min-height:80vh}.ss-coll-banner{position:relative;min-height:280px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ss-bg-secondary)}.ss-coll-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.45)}.ss-coll-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f0b1ef2,#0f0b1e66)}.ss-coll-banner__content{position:relative;z-index:1;width:100%;padding:40px 0 36px}.ss-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-family:var(--ss-font-body);font-size:11px;letter-spacing:.06em;color:var(--ss-text-faint)}.ss-breadcrumb a{color:var(--ss-text-faint);text-decoration:none;transition:color var(--ss-transition)}.ss-breadcrumb a:hover{color:var(--ss-amber)}.ss-coll-banner__title{font-family:var(--ss-font-heading);font-size:clamp(28px,5vw,52px);font-weight:600;color:var(--ss-text-primary);margin:0 0 12px;line-height:1.1}.ss-coll-banner__desc{font-size:15px;font-weight:300;color:var(--ss-text-body);line-height:1.75;max-width:640px;margin-bottom:10px}.ss-coll-banner__count{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-text-faint);margin:0;font-family:var(--ss-font-body)}.ss-coll-toolbar{background:var(--ss-bg-secondary);border-bottom:1px solid var(--ss-border);position:sticky;top:0;z-index:10}.ss-coll-toolbar__inner{display:flex;align-items:center;justify-content:space-between;height:52px;gap:16px}.ss-coll-toolbar__left{display:flex;align-items:center;gap:20px}.ss-sidebar-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--ss-border-light);border-radius:var(--ss-radius);padding:6px 14px;font-family:var(--ss-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ss-text-muted);cursor:pointer;transition:all var(--ss-transition)}.ss-sidebar-toggle:hover{border-color:var(--ss-violet);color:var(--ss-text-primary)}.ss-sidebar-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.ss-coll-toolbar__total{font-size:12px;color:var(--ss-text-muted);font-family:var(--ss-font-body)}.ss-coll-toolbar__right{display:flex;align-items:center;gap:10px}.ss-coll-toolbar__label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ss-text-faint);font-family:var(--ss-font-body)}.ss-coll-toolbar__select{background:var(--ss-bg-surface);border:1px solid var(--ss-border-light);border-radius:var(--ss-radius);padding:7px 32px 7px 12px;font-family:var(--ss-font-body);font-size:12px;color:var(--ss-text-body);outline:none;cursor:pointer;transition:border-color var(--ss-transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpolyline points='1,1 5,5 9,1' stroke='%238a7aa0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ss-coll-toolbar__select:focus{border-color:var(--ss-violet)}.ss-coll-body{display:grid;grid-template-columns:240px 1fr;gap:40px;padding-top:40px;padding-bottom:80px;align-items:start;position:relative}.ss-sidebar{position:sticky;top:60px;background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);overflow:hidden}.ss-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ss-border)}.ss-sidebar__title{font-family:var(--ss-font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-amber)}.ss-sidebar-close{display:none;background:transparent;border:none;cursor:pointer;color:var(--ss-text-muted);padding:4px}.ss-sidebar-close svg{width:18px;height:18px;stroke:currentColor;fill:none}.ss-sidebar__nav{padding:8px 0}.ss-sidebar__link{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-family:var(--ss-font-body);font-size:13px;font-weight:300;color:var(--ss-text-muted);text-decoration:none;transition:all var(--ss-transition);border-left:2px solid transparent}.ss-sidebar__link:hover{color:var(--ss-text-primary);background:var(--ss-bg-surface);border-left-color:var(--ss-border-light)}.ss-sidebar__link--active{color:var(--ss-text-primary);background:var(--ss-bg-surface);border-left-color:var(--ss-violet);font-weight:500}.ss-sidebar__active-dot{width:6px;height:6px;border-radius:50%;background:var(--ss-amber);flex-shrink:0}.ss-sidebar__group{border-bottom:1px solid var(--ss-border)}.ss-sidebar__group:last-child{border-bottom:none}.ss-sidebar__parent{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 18px;background:transparent;border:none;font-family:var(--ss-font-body);font-size:13px;font-weight:500;color:var(--ss-text-muted);cursor:pointer;transition:color var(--ss-transition),background var(--ss-transition);text-align:left;border-left:2px solid transparent}.ss-sidebar__parent:hover{color:var(--ss-text-primary);background:var(--ss-bg-surface)}.ss-sidebar__parent svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;transition:transform .2s ease}.ss-sidebar__parent[aria-expanded=true]{color:var(--ss-text-primary)}.ss-sidebar__parent[aria-expanded=true] svg{transform:rotate(180deg)}.ss-sidebar__children{display:none;background:#00000026;border-top:1px solid var(--ss-border)}.ss-sidebar__children.is-open{display:block}.ss-sidebar__link--child{padding-left:28px;font-size:12px;border-left:none;padding-right:18px}.ss-sidebar__link--child:hover{border-left:none;padding-left:28px}.ss-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:89}.ss-sidebar-overlay.is-visible{display:block}.ss-coll-main{min-width:0}.ss-coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ss-prod-card{display:flex;flex-direction:column;text-decoration:none;background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);overflow:hidden;transition:border-color var(--ss-transition),transform var(--ss-transition)}.ss-prod-card:hover{border-color:var(--ss-border-accent);transform:translateY(-3px)}.ss-prod-card__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--ss-bg-surface)}.ss-prod-card__img-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease,transform .4s ease}.ss-prod-card__img-hover{opacity:0}.ss-prod-card:hover .ss-prod-card__img-wrap img:first-of-type{opacity:0}.ss-prod-card:hover .ss-prod-card__img-hover{opacity:1}.ss-prod-card:hover .ss-prod-card__img-wrap img{transform:scale(1.04)}.ss-prod-card__no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ss-prod-card__no-img span{font-size:11px;color:var(--ss-text-faint);font-family:var(--ss-font-body)}.ss-prod-card__badge{position:absolute;top:12px;left:12px;font-family:var(--ss-font-body);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:2px;z-index:1}.ss-prod-card__badge--sale{background:var(--ss-coral);color:#fff}.ss-prod-card__badge--new{background:var(--ss-teal);color:#fff}.ss-prod-card__badge--sold{background:var(--ss-bg-surface);color:var(--ss-text-faint);border:1px solid var(--ss-border)}.ss-prod-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:5px;flex:1}.ss-prod-card__vendor{font-family:var(--ss-font-body);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-text-faint)}.ss-prod-card__title{font-family:var(--ss-font-heading);font-size:15px;font-weight:400;color:var(--ss-text-primary);line-height:1.3;margin:0}.ss-prod-card__price-row{display:flex;align-items:center;gap:10px;margin-top:2px}.ss-prod-card__price{font-family:var(--ss-font-body);font-size:14px;font-weight:500;color:var(--ss-amber)}.ss-prod-card__price--compare{font-size:12px;font-weight:300;color:var(--ss-text-faint);text-decoration:line-through;font-family:var(--ss-font-body)}.ss-prod-card__atc{margin-top:12px;background:transparent;border:1px solid var(--ss-border-light);border-radius:var(--ss-radius);font-family:var(--ss-font-body);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-text-muted);cursor:pointer;padding:10px 16px;transition:all var(--ss-transition);width:100%}.ss-prod-card:hover .ss-prod-card__atc{background:var(--ss-violet);border-color:var(--ss-violet);color:var(--ss-text-primary)}.ss-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:56px;flex-wrap:wrap}.ss-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius);font-family:var(--ss-font-body);font-size:12px;font-weight:500;color:var(--ss-text-muted);text-decoration:none;transition:all var(--ss-transition)}.ss-pagination__btn:hover{border-color:var(--ss-violet);color:var(--ss-text-primary)}.ss-pagination__btn--active{background:var(--ss-violet);border-color:var(--ss-violet);color:var(--ss-text-primary)}.ss-coll-empty{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.ss-coll-empty p{color:var(--ss-text-muted);font-size:16px}@media(max-width:1024px){.ss-coll-body{grid-template-columns:1fr}.ss-sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;border-radius:0;z-index:90;transition:left .3s ease;overflow-y:auto;border:none;border-right:1px solid var(--ss-border)}.ss-sidebar.is-open{left:0}.ss-sidebar-close{display:flex}}@media(max-width:768px){.ss-coll-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ss-coll-banner{min-height:200px}}@media(max-width:480px){.ss-coll-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ss-coll-main{padding-top:24px}.ss-prod-card__body{padding:12px}.ss-prod-card__title{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/collection.css.map */