/* Full viewport width section with gradient background */.collections-list-section{margin-top:20px}/* Block container with responsive widths */.collections-list-container{margin:0 auto;/* padding: 0 20px; */display:flex;flex-direction:column}/* Desktop layout - row splits */@media (min-width: 768px){.icon-container{display:none}}/* Mobile layout - stacked */@media (max-width: 500px){.collections-list-container{padding:0;margin:0 auto !important}.pillbox-container{margin:0 auto 20px auto !important;display:flex !important;justify-content:center !important;width:-moz-fit-content !important;width:fit-content !important;max-width:100% !important}.pillbox-navigation{justify-content:center !important;width:100% !important}.collections-grid{grid-template-columns:1fr;gap:16px}.collection-item{grid-column:1 !important}.collection-item:first-child .collection-image{height:574px}.pillbox-navigation{gap:1px}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;background-color:#FFFFFF}.btn-icon svg{width:8px;height:8px}.button .btn-text{color:#000000}.icon-container{display:block}.icon-container{margin-top:12px}/* Collection item styling */.collection-item{border-radius:16px;overflow:hidden;position:relative;border:1px solid #303030}.collections-grid .row{grid-column:1/-1;display:grid;gap:20px}.collection-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:16px}.collection-content{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:24px;color:#FFFFFF;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.collection-logo{height:16px;width:auto}.collection-title{font-family:inherit;font-size:24px;font-weight:600;margin:0 0 4px 0;color:#FFFFFF}.collection-description{font-family:inherit;font-size:16px;margin:0;color:#FFFFFF;opacity:0.9}/* Tab panel hiding */.tab-panel{display:none}.tab-panel.active{display:block}/* Responsive image heights */@media (max-width: 767px){.collection-image{height:200px}.collection-content{padding:16px}.collection-title{font-size:20px}.collection-description{font-size:14px}}.collections-list-container{margin:0 auto;display:flex;flex-direction:column}/* Pillbox navigation container */.pillbox-container{--padding:2px;background:#1c1c1c;border-radius:100px;padding:4px;display:inline-flex;margin:0 auto 20px auto;width:auto;border:2px solid #353535;position:relative}.pillbox-container:after{content:"";position:absolute;background:#000;z-index:0;border-radius:100px;position-anchor:--segmented-button-checked;transition:inset 250ms cubic-bezier(0.4, 0, 0.2, 1);inset:calc(anchor(start) + var(--padding)) calc(anchor(end) + var(--padding)) calc(anchor(end) + var(--padding)) calc(anchor(start) + var(--padding))}.collection-item img{transition:all 0.3s ease}@media (hover: hover){.collection-item:hover img.collection-image{transform:scale(1.05)}}.collection-item:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0) 30%)}/* Collection grid layouts */.collections-grid{display:grid;gap:20px}.collection-title-logo-container{display:flex;flex-direction:row}/* Desktop layout - row splits */@media (min-width: 768px){.collections-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.collection-item,.collection-image{height:574px !important}/* First collection - full width */.collection-item:first-child{grid-column:1/-1}/* Second + third collections - 1/3, 2/3 split */.collection-item:nth-child(2){grid-column:1/2}.collection-item:nth-child(3){grid-column:2/-1}/* Fourth + fifth collections - 2/3, 1/3 split */.collection-item:nth-child(4){grid-column:1/3}.collection-item:nth-child(5){grid-column:3/-1}.icon-container{display:none}}/* Mobile layout - stacked */@media (max-width: 500px){.collections-list-container{max-width:345px;padding:0}.collections-grid{grid-template-columns:1fr;gap:16px}.collection-item{grid-column:1 !important}.collection-item:first-child .collection-image{height:574px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;background-color:#ffffff}.btn-icon svg{width:12px;height:12px}.button .btn-text{color:#000000}.icon-container{display:block}.icon-container{margin-top:12px}.pillbox-navigation{gap:1px}}/* Collection item styling */.collection-item{border-radius:16px;overflow:hidden;position:relative;border:1px solid #303030}.collection-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:16px}.collection-content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#ffffff}.collection-logo{max-height:20px;margin-bottom:12px;width:auto}.collection-title{font-family:inherit;font-size:24px;font-weight:600;margin:0 0 4px 0;color:#ffffff}.collection-description{font-family:inherit;font-size:16px;margin:0;color:#ffffff;opacity:0.9}/* Tab panel hiding */.tab-panel{display:none}.tab-panel.active{display:block}/* Responsive image heights */@media (max-width: 767px){.collection-image{height:200px}.collection-content{padding:16px}.collection-title{font-size:20px}.collection-description{font-size:14px}}/* Accessibility improvements */@media (prefers-reduced-motion: reduce){.pillbox-button{transition:none}}/* High contrast mode support */@media (prefers-contrast: high){.pillbox-button{border:2px solid currentColor}.pillbox-button:focus{outline-width:3px}}
/*# sourceMappingURL=collections-list-section.min.css.map */