.main-collection-container { display: block; width: 100%; background-color: rgb(var(--color-background)); } .main-collection { width: 100%; padding-block: 28px 72px; } .main-collection.page-width { width: 100%; max-width: 1920px; margin-inline: auto; padding-inline: clamp(24px, 2.4vw, 48px); } .main-collection__products { min-width: 0; } .main-collection__no-products-tips { padding-block: 80px; color: rgb(var(--color-text)); text-align: center; }  .main-collection__title-bar { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 15px 20px; background: #fff; border-top: 0 !important; border-bottom: 1px solid #dedede; } .main-collection__title { width: 100%; margin: 0; padding: 0; color: #252525; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 10px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.24em !important; text-align: center; text-transform: uppercase; }  .main-collection__list { display: grid; grid-template-columns: repeat(var(--desktop-columns, 4), minmax(0, 1fr)); column-gap: clamp(16px, 1.45vw, 28px); row-gap: clamp(36px, 3vw, 52px); width: 100%; margin: 0 0 56px; padding: 0; overflow: visible; list-style: none; } .main-collection__list>li { min-width: 0; margin: 0; padding: 0; } .main-collection__list>.promotion-card-item { grid-column: 1 / -1; width: 100%; margin-block: 4px 8px; }  .main-collection .facets-sorting-wrapper { display: flex; align-items: center; justify-content: flex-end; min-width: 0; min-height: 40px; margin: 0 0 20px; padding: 0; }  @media (min-width: 960px) { .main-collection { display: grid; align-items: start; } .main-collection .main-collection__products { grid-area: list; } .main-collection .facets-filtering { grid-area: filtering; min-width: 0; } .main-collection .facets-sorting-wrapper { grid-area: sorting; } .main-collection.facets-layout-horizontal { grid-template: "filtering sorting"auto "list list"1fr / minmax(0, 1fr) auto; column-gap: 32px; row-gap: 18px; } .main-collection.facets-layout-drawer { grid-template: "filtering sorting"auto "list list"1fr / minmax(0, 1fr) auto; column-gap: 32px; row-gap: 18px; } .main-collection.facets-layout-vertical:not(.enable-filtering) { grid-template: "sorting"auto "list"1fr / minmax(0, 1fr); } .main-collection.facets-layout-vertical.enable-filtering { grid-template: "filtering sorting"auto "filtering list"1fr / clamp(220px, 15vw, 272px) minmax(0, 1fr); column-gap: clamp(28px, 2.4vw, 46px); row-gap: 0; } .main-collection.facets-layout-vertical.enable-filtering .facets-filtering { align-self: stretch; margin: 0; padding: 24px clamp(18px, 1.5vw, 28px) 40px; background: #faf9f7; border: 0; } .main-collection.facets-layout-vertical.enable-filtering .main-collection__products { padding-top: 0; } }  @media (min-width: 960px) and (max-width: 1279px) { .main-collection.page-width { padding-inline: 24px; } .main-collection.facets-layout-vertical.enable-filtering { grid-template: "filtering sorting"auto "filtering list"1fr / 220px minmax(0, 1fr); column-gap: 24px; } .main-collection__list { column-gap: 16px; row-gap: 40px; } }  @media (max-width: 959px) { .main-collection { display: block; padding-block: 0 40px; } .main-collection.page-width { padding-inline: 14px; } .main-collection .facets-sorting-wrapper { min-height: 44px; margin-bottom: 16px; } .main-collection__list { grid-template-columns: repeat(var(--mobile-columns, 2), minmax(0, 1fr)); column-gap: 10px; row-gap: 30px; margin-block-end: 36px; } .main-collection__list>.promotion-card-item { grid-column: 1 / -1; margin-block: 2px 6px; } } @media (max-width: 479px) { .main-collection.page-width { padding-inline: 10px; } .main-collection__list { column-gap: 8px; row-gap: 26px; } }  .main-collection-container .block-product-card { --info-row-gap: 5px !important; width: 100%; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .main-collection-container .block-product-card.product-card-style--card { background: transparent; } .main-collection-container .product-card-border-shadow { border: 0; border-radius: 0; box-shadow: none; } .main-collection-container .block-product-card.product-card-style--card .block-product-title, .main-collection-container .block-product-card.product-card-style--card .block-product-price { padding-inline: 0; } .main-collection-container .block-product-card-info, .main-collection-container .block-product-card-info__content { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; row-gap: 5px !important; column-gap: 5px !important; text-align: center !important; }  .main-collection-container .block-product-title, .main-collection-container .block-product-title a, .main-collection-container .block-product-title span, .main-collection-container .block-product-title * { color: rgb(var(--color-text)) !important; font-family: Figtree, var(--font-body-family, Arial, sans-serif) !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; } .main-collection-container .block-product-title { display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; min-height: calc(13px * 1.4 * 2) !important; height: calc(13px * 1.4 * 2) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .main-collection-container .block-product-title a, .main-collection-container .block-product-title span { display: -webkit-box !important; width: 100% !important; margin: 0 auto !important; overflow: hidden !important; text-decoration: none; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; } @media (hover: hover) { .main-collection-container .block-product-title a { transition: opacity 180ms ease; } .main-collection-container .block-product-title a:hover { opacity: 0.62; } }  .main-collection-container .block-product-price, .main-collection-container .product-price, .main-collection-container theme-product-price { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .main-collection-container .block-product-price, .main-collection-container .block-product-price *, .main-collection-container .product-price, .main-collection-container .product-price *, .main-collection-container theme-product-price, .main-collection-container theme-product-price * { color: rgb(var(--color-text)) !important; font-family: Figtree, var(--font-body-family, Arial, sans-serif) !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; } .main-collection-container .product-price__item { margin: 0 !important; }  .main-collection-container .block-product-color-count { display: block !important; width: 100%; margin: 5px 0 0 !important; padding: 0 !important; color: #777 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; }  .main-collection-container .block-product-image__layer-image-wrapper { width: 100%; padding: 0 !important; overflow: hidden; background: transparent; border: 0 !important; border-radius: 4px; box-shadow: none !important; } .main-collection-container .block-product-image__image-wrapper { width: 100%; aspect-ratio: 3 / 4 !important; overflow: hidden; background-color: #fff; border: 0; border-radius: 4px; box-shadow: none; } .main-collection-container .block-product-image__image-wrapper>.block-product-image__image { width: 100%; height: 100%; object-fit: contain !important; object-position: center center; transform: none; transition: opacity 350ms ease, transform 350ms ease; } @media (min-width: 960px) { .main-collection-container .block-product-image__layer-image-wrapper.desktop-hover:hover .block-product-image__image:nth-of-type(1) { opacity: 0; } .main-collection-container .block-product-image__layer-image-wrapper.desktop-hover:hover .block-product-image__image:nth-of-type(2) { opacity: 1; } } .main-collection-container .block-product-image__layer-image-wrapper.product-card-border-shadow { border: 0 !important; box-shadow: none !important; }  .main-collection-container .block-product-image__layer-wrapper { inset: 0; overflow: hidden; } .main-collection-container .block-product-card__badge-stack { position: absolute; top: 14px; left: 14px; z-index: 3; max-width: calc(100% - 28px); }  .main-collection-container .block-product-card__quick-add { position: absolute; top: auto; bottom: 14px; right: 14px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0; padding: 0; color: #272727; cursor: pointer; background-color: rgb(255 255 255 / 92%); border: 1px solid rgb(30 30 30 / 10%); border-radius: 50%; box-shadow: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .main-collection-container .block-product-card__quick-add .icon-quick-add, .main-collection-container .block-product-card__quick-add svg { width: 18px; height: 18px; color: #272727; } .main-collection-container .block-product-card__quick-add .icon-quick-add path { stroke-width: 1.4; } @media (hover: hover) and (min-width: 960px) { .main-collection-container .block-product-card__quick-add:hover { background-color: #fff; border-color: rgb(30 30 30 / 22%); transform: translateY(-1px); } } .main-collection-container .block-product-card__quick-add .icon-loading { width: 17px; height: 17px; margin: 0; color: #272727; }  .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; width: 100% !important; margin: 46px auto 12px !important; padding: 0 !important; color: #333 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; list-style: none !important; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) :is(ul, ol) { display: flex !important; align-items: center !important; justify-content: center !important; gap: inherit !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) :is(a, button, span) { min-width: 20px !important; height: 28px !important; margin: 0 !important; padding: 0 2px !important; color: #4a4a4a !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; line-height: 28px !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) :is([aria-current="page"], .active, .is-active, [class*="current"]) { color: #202020 !important; font-weight: 500 !important; border-bottom: 1px solid #202020 !important; } .main-collection-container :is(a[aria-label*="next"i], button[aria-label*="next"i], .pagination__next, [class*="pagination-next"]) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; min-width: 24px !important; height: 28px !important; padding: 0 !important; color: #303030 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .main-collection-container :is(a[aria-label*="next"i], button[aria-label*="next"i], .pagination__next, [class*="pagination-next"]) svg { width: 11px !important; height: 11px !important; color: #303030 !important; } .main-collection-container :is(a[aria-label*="next"i], button[aria-label*="next"i], .pagination__next, [class*="pagination-next"]) svg path { stroke: currentcolor !important; stroke-width: 1.2 !important; } @media (hover: hover) { .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) a:hover { color: #111 !important; opacity: 0.6; } }  @media (max-width: 959px) { .main-collection__title-bar { padding: 13px 16px; } .main-collection__title { font-size: 9px !important; letter-spacing: 0.2em !important; } .main-collection-container .block-product-card-info, .main-collection-container .block-product-card-info__content { row-gap: 4px !important; column-gap: 4px !important; } .main-collection-container .block-product-title, .main-collection-container .block-product-title a, .main-collection-container .block-product-title span, .main-collection-container .block-product-title *, .main-collection-container .block-product-price, .main-collection-container .block-product-price *, .main-collection-container .product-price, .main-collection-container .product-price *, .main-collection-container theme-product-price, .main-collection-container theme-product-price * { font-size: 12px !important; } .main-collection-container .block-product-title { min-height: calc(12px * 1.4 * 2) !important; height: calc(12px * 1.4 * 2) !important; } .main-collection-container .block-product-color-count { margin-top: 4px !important; font-size: 11.5px !important; } .main-collection-container .block-product-card { --info-row-gap: 4px !important; } .main-collection-container .block-product-image__layer-image-wrapper, .main-collection-container .block-product-image__image-wrapper { border-radius: 2px; } .main-collection-container .block-product-card__quick-add { top: auto; bottom: 9px; right: 9px; width: 34px; height: 34px; background-color: rgb(255 255 255 / 94%); border: 1px solid rgb(30 30 30 / 10%); } .main-collection-container .block-product-card__badge-stack { top: 9px; left: 9px; max-width: calc(100% - 18px); } .main-collection-container .block-product-card__quick-add .icon-quick-add, .main-collection-container .block-product-card__quick-add svg { width: 15px; height: 15px; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) { gap: 15px !important; margin-top: 36px !important; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) :is(ul, ol) { gap: inherit !important; } .main-collection-container :is(theme-pagination, nav[aria-label*="pagination"i], .pagination, .pagination-standard, .pagination__list, [class*="pagination-list"]) :is(a, button, span) { font-size: 12px !important; } }