.collection-list-wrapper { display: block; background-color: rgb(var(--color-background)); } .collection-list-wrapper .page-width { width: 100%; max-width: 1200px; margin-inline: auto; } .collection-list__heading { margin: 0 0 44px; color: rgb(var(--color-text)); font-family: Figtree, sans-serif; font-size: 11px; font-weight: 500; line-height: 1.2; letter-spacing: 0.14em; text-align: center; text-transform: uppercase; } .collection-list__content { gap: 0 !important; } .collection-list-wrapper .block-collection-list__theme-carousel { width: 100%; } .collection-list-wrapper .block-collection-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 32px; width: 100%; } .collection-list-wrapper .block-collection-list>li { width: 100%; min-width: 0; height: 100%; } .collection-list-wrapper .block-collection-list>li:first-child { grid-row: 1 / 3; grid-column: 1; } .collection-list-wrapper .block-collection-list>li:nth-child(2) { grid-row: 1; grid-column: 2; } .collection-list-wrapper .block-collection-list>li:nth-child(3) { grid-row: 2; grid-column: 2; } .collection-list-wrapper .block-collection-list>li:nth-child(n + 4) { display: none; } .collection-list-wrapper .collection-card-shadow-space, .collection-list-wrapper .block-collection-card, .collection-list-wrapper .block-collection-card__image-wrapper { width: 100%; height: 100%; } .collection-list-wrapper .block-collection-card__image-wrapper { aspect-ratio: auto !important; padding: 0 !important; overflow: hidden; border: 0; border-radius: 0; box-shadow: none; } .collection-list-wrapper .block-collection-card__image-wrapper img { width: 100%; height: 100%; object-fit: contain; } .collection-list-wrapper .block-collection-card__image-title-wrapper { align-items: center !important; justify-content: center !important; padding: 20px; background: rgb(0 0 0 / 8%); } .collection-list-wrapper .block-collection-card__image-title-wrapper .block-collection-card__title { margin: 0; color: rgb(var(--collection-card-title-color)); font-family: var(--collection-card-title-font) !important; font-size: var(--collection-card-title-size) !important; font-weight: var(--collection-card-title-weight) !important; line-height: var(--collection-card-title-line-height); letter-spacing: var(--collection-card-title-letter-spacing); text-shadow: none; transform: scaleX(var(--collection-card-title-scale)); transform-origin: center; } .collection-list-wrapper[data-card-title-uppercase="true"] .block-collection-card__image-title-wrapper .block-collection-card__title { text-transform: uppercase; } .collection-list-wrapper[data-card-title-shadow="true"] .block-collection-card__image-title-wrapper .block-collection-card__title { text-shadow: 0 1px 8px rgb(0 0 0 / 22%); } .collection-list-wrapper .block-collection-card>.block-collection-card__title { display: none; } .collection-list-wrapper .block-collection-list__button, .collection-list-wrapper .block-collection-list__capsule { display: none !important; } @media (max-width: 959px) { .collection-list-wrapper .page-width { padding-inline: 16px; } .collection-list__heading { margin-bottom: 24px; font-size: 10px; } .collection-list-wrapper .block-collection-list { display: flex; flex-direction: column; gap: 16px; width: 100%; overflow: visible; } .collection-list-wrapper .block-collection-list>li, .collection-list-wrapper .block-collection-list>li:first-child, .collection-list-wrapper .block-collection-list>li:nth-child(2), .collection-list-wrapper .block-collection-list>li:nth-child(3) { display: block; flex: none; width: 100%; height: auto; } .collection-list-wrapper .collection-card-shadow-space, .collection-list-wrapper .block-collection-card { height: auto; } .collection-list-wrapper .block-collection-card__image-wrapper { height: auto; aspect-ratio: auto !important; } .collection-list-wrapper .block-collection-card__image-wrapper img { display: block; width: 100%; height: auto; object-fit: contain; } .collection-list-wrapper .block-collection-card__image-title-wrapper .block-collection-card__title { font-size: var(--collection-card-title-mobile-size) !important; } }