.cstm-collections-tabs{position:relative;background:var(--bg) center / cover no-repeat}.cstm-collections-tabs--left-image{position:absolute;top:-230px;left:0}.cstm-collections-tabs--right-image{display:none;position:absolute;top:-220px;right:0;min-width:1780px}.cstm-collections-tabs--content{display:flex;flex-direction:column;row-gap:50px;padding-top:96px}.cstm-collections-tabs--details details{all:unset;display:block;width:100%;height:100%}.cstm-collections-tabs--details details summary{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#281e11;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:2px;text-align:center;text-transform:uppercase;cursor:pointer}.cstm-collections-tabs--details details[open] summary,.cstm-collections-tabs--details details.open summary{color:#f2e8df;background:var(--active-tab) center / contain no-repeat}.cstm-collections--collection{display:none;grid-template-columns:repeat(5,1fr);column-gap:30px;row-gap:60px}.cstm-collections--collection.open{display:grid}.cstm-collections-tabs--collections{position:relative;padding-bottom:243px}.collection-tab--btn{position:absolute;bottom:50px;left:50%;display:flex;align-items:center;justify-content:center;gap:10px;width:332px;height:96px;padding-bottom:17px;color:#f2e8df!important;font-family:Beast vs SpreadTall,sans-serif;font-size:32px;font-weight:400;line-height:normal;letter-spacing:3.2px;text-align:center;text-transform:uppercase;background:center / contain no-repeat;transform:translate(-50%)}.cstm-collections-tabs .collection-card--title{color:#fff!important}.cstm-collections-tabs .long-arr path{fill:#fff!important}.collection-tab--content{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;row-gap:40px;margin-top:40px}.summary-bg-image{display:none}.details-wrapper{display:flex;align-items:center;justify-content:center}@media(min-width:1000px){.cstm-collections-tabs--details{display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:auto;aspect-ratio:1336 / 80}.cstm-collections-tabs--details details .collection-tab--content{display:none!important}.cstm-collections-tabs--collections{display:block!important}}@media(max-width:1899px){.cstm-collections-tabs--left-image{display:none}.cstm-collections-tabs--right-image{display:block}}@media(max-width:1299px){.cstm-collections--collection{grid-template-columns:repeat(4,1fr)}}@media(max-width:999px){.cstm-collections-tabs{background:var(--bg-mob) center / cover no-repeat}.cstm-collections-tabs--right-image,.cstm-collections-tabs--collections,.cstm-collections--collection{display:none!important}.cstm-collections-tabs--content{padding:60px 0}.cstm-collections-tabs--details{display:flex;flex-direction:column;gap:0;background:none!important}.details-wrapper{position:relative;overflow-x:clip}.cstm-collections-tabs--details details summary{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:320px;height:96px;margin:0 auto;padding:0;color:#281e11;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:2px;text-align:center;text-transform:uppercase;background:var(--tab-mobile) center / contain no-repeat}.cstm-collections-tabs--details details summary svg{position:relative;z-index:1;display:flex;width:16px;height:16px}.cstm-collections-tabs--details details[open]{margin-bottom:20px;padding:0 20px}.cstm-collections-tabs--details details[open] summary,.cstm-collections-tabs--details details.open summary{color:#f2e8df;font-weight:900;opacity:1;background-image:var(--active-tab)}.cstm-collections-tabs--details details[open] summary svg,.cstm-collections-tabs--details details.open summary svg{transform:rotate(180deg)}.cstm-collections-tabs--details details[open] .collection-tab--btn,.cstm-collections-tabs--details details.open .collection-tab--btn{position:static;grid-column:1 / 4;margin:0 auto;transform:none}.summary-bg-image{position:absolute;top:-158px;left:50%;z-index:0;display:block;width:1000px;min-width:1000px;height:auto;pointer-events:none;transform:translate(-50%)}.summary-bg-image img{width:100%;height:auto;object-fit:contain}}@media(max-width:649px){.collection-tab--content{grid-template-columns:repeat(2,1fr)}.cstm-collections-tabs--details details[open] .collection-tab--btn,.cstm-collections-tabs--details details.open .collection-tab--btn{grid-column:1 / 3}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collections-tabs.css.map */