lj-collection.is-loading{opacity:.55;pointer-events:none}.collection__header{margin-bottom:18px;text-align:center}.collection__title{margin:0;font-size:24px}@media screen and (min-width:768px){.collection__title{font-size:32px}}.collection__description{max-width:640px;margin:8px auto 0;font-size:14px;color:var(--lj-text-muted)}.collection__count{font-size:13px;color:var(--lj-text-muted)}.collection-banner{position:relative}.collection-banner__title{margin:12px 0 0;font-size:24px;text-align:center}.collection-banner__title--overlay{position:absolute;inset:auto 0 16px;margin:0;color:var(--lj-text-inverse);text-shadow:0 1px 12px rgb(0 0 0 / 45%)}@media screen and (min-width:768px){.collection-banner__title{font-size:32px}.collection-banner__title--overlay{inset:auto 0 28px}}.collection-tabs{display:flex;justify-content:flex-start;gap:12px;margin:0 0 16px;padding:0 0 2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--lj-border-1)}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs__tab{flex:0 0 auto;padding:10px 4px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:14px;font-weight:var(--lj-fw-med);color:var(--lj-text-secondary);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--lj-dur) var(--lj-ease),border-color var(--lj-dur) var(--lj-ease)}.collection-tabs__tab:hover{color:var(--lj-text)}.collection-tabs__tab--active{border-bottom-color:var(--lj-green);color:var(--lj-green);font-weight:var(--lj-fw-semi)}.collection-tabs__tab:focus-visible{outline:2px solid var(--lj-green);outline-offset:-2px}@media screen and (min-width:768px){.collection-tabs{justify-content:center;gap:32px;margin-bottom:24px}.collection-tabs__tab{padding:12px 4px;font-size:15px}}@media screen and (min-width:768px){.collection .product-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}}.collection__empty{padding:48px 20px;text-align:center;color:var(--lj-text-muted)}.collection-tile{position:relative;min-width:0}.collection-tile__label{display:block;margin-top:var(--lj-sp-8);font-size:var(--lj-caption-3);font-weight:var(--lj-fw-med);line-height:1.3;text-align:center;color:var(--lj-text)}@media screen and (min-width:768px){.collection-tile__label{font-size:var(--lj-body-2)}}@media screen and (min-width:768px){.template-collection .page-width{max-width:calc(1124px + 2 * var(--lj-gutter-desktop))}}.template-collection .collection-banner{display:flex;justify-content:center}.template-collection .collection-banner .media{width:100%;max-width:600px}.template-collection .collection-banner img{display:block;box-sizing:border-box;width:100%;border:1px solid #e3e3e3;border-radius:8px}@media screen and (min-width:768px){.collection .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}@media screen and (min-width:768px)and (max-width:1199px){.collection .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.coll-chips{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:4px 0;overflow-x:auto;scrollbar-width:none}.coll-chips::-webkit-scrollbar{display:none}.coll-chips__chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:2px 12px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;color:var(--lj-text);font-size:13.33px;font-weight:var(--lj-fw-reg);line-height:1.3;text-decoration:none;white-space:nowrap}.coll-chips__chip--active{border-color:#2f815c;color:#2f815c;font-weight:var(--lj-fw-semi)}@media(hover:hover)and (pointer:fine){.coll-chips__chip:hover{border-color:#2f815c;color:#2f815c}}.template-collection .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:0}.template-collection .page-width{padding:0}.template-collection .coll-chips{padding:4px 8px}@media screen and (min-width:768px){.template-collection .page-width{padding:0 var(--lj-gutter-desktop)}.template-collection .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:12px}.template-collection .coll-chips{padding:4px 0}}@media screen and (min-width:1200px){.template-collection .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-collection.css.map */
