.expandable-card-section__frame{width:100%}.expandable-card-section__track{position:relative;width:100%}.expandable-card-section__grid{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--expandable-gap, 1.25rem);width:100%;max-width:none;margin-inline:0;padding-inline:clamp(1.25rem,3vw,3rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(1.25rem,3vw,3rem);-webkit-overflow-scrolling:touch;scrollbar-width:none}.expandable-card-section__grid::-webkit-scrollbar{display:none}.expandable-card-section__grid>*,.expandable-card-section__grid>.shopify-block{scroll-snap-align:start}@media screen and (min-width:1025px){.expandable-card-section__grid{padding-inline:0;scroll-padding-inline:0}.expandable-card-section__grid:not(.expandable-card-section__grid--carousel){overflow-x:hidden;scroll-snap-type:none;justify-content:center}.expandable-card-section__grid:not(.expandable-card-section__grid--carousel)>*,.expandable-card-section__grid:not(.expandable-card-section__grid--carousel)>.shopify-block,.expandable-card-section__grid--carousel>*,.expandable-card-section__grid--carousel>.shopify-block{flex:0 0 calc((100% - (3 * var(--expandable-gap, 1.25rem))) / 4);width:calc((100% - (3 * var(--expandable-gap, 1.25rem))) / 4);max-width:calc((100% - (3 * var(--expandable-gap, 1.25rem))) / 4)}.expandable-card-section__grid[data-card-count="4"]:not(.expandable-card-section__grid--carousel){justify-content:flex-start}.expandable-card-section__grid--carousel{overflow-x:auto;scroll-snap-type:x mandatory;padding-inline-end:clamp(1.5rem,3vw,2.5rem);justify-content:flex-start}}.expandable-card-section__nav{display:none;position:absolute;top:42%;z-index:4;width:2.6rem;height:2.6rem;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#3d2a1c;box-shadow:0 .35rem 1rem #00000024;font-size:1.65rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;transform:translateY(-50%)}.expandable-card-section__nav span{display:block;margin-top:-.1em}.expandable-card-section__nav--prev{left:.65rem}.expandable-card-section__nav--next{right:.65rem}.expandable-card-section__nav:disabled{opacity:.35;cursor:default}@media screen and (min-width:1025px){.expandable-card-section__track--carousel .expandable-card-section__nav{display:inline-flex}}.expandable-card{display:block;position:relative;width:100%;aspect-ratio:var(--expandable-ratio, 5 / 6);overflow:hidden;border-radius:1.25rem;background:#2a1c14}.expandable-card:before{display:none!important;content:none!important;padding:0!important}.expandable-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#2a1c14}.expandable-card__media:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:62%;pointer-events:none;background:linear-gradient(to top,var(--btn-primary-bg-color, #3d2a1c) 0%,color-mix(in srgb,var(--btn-primary-bg-color, #3d2a1c) 82%,transparent) 38%,color-mix(in srgb,var(--btn-primary-bg-color, #3d2a1c) 28%,transparent) 68%,transparent 100%);transition:height .55s cubic-bezier(.16,1,.3,1)}.expandable-card.detail-open .expandable-card__media:after{height:88%}.expandable-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;transition:transform .55s cubic-bezier(.16,1,.3,1)}.expandable-card__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:0;height:auto;max-height:8rem;overflow:hidden;background:linear-gradient(to top,color-mix(in srgb,var(--btn-primary-bg-color, #3d2a1c) 55%,transparent) 0%,transparent 100%);color:var(--btn-primary-color, #fff);padding:1.15rem 1.2rem 1.2rem;box-sizing:border-box;transition:max-height .55s cubic-bezier(.16,1,.3,1),padding .45s ease,background .45s ease}.expandable-card.detail-open .expandable-card__content{max-height:78%;min-height:0;padding:1.25rem 1.25rem 1.35rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to top,color-mix(in srgb,var(--btn-primary-bg-color, #3d2a1c) 88%,transparent) 0%,color-mix(in srgb,var(--btn-primary-bg-color, #3d2a1c) 42%,transparent) 70%,transparent 100%)}.expandable-card__toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;min-width:2.55rem;margin:0;padding:0;border:0;border-radius:50%;color:#3d2a1c;background:#fff;cursor:default;line-height:0}.expandable-card__heading{margin:0;color:currentColor}.expandable-card__subheading{margin:0 0 .35rem;font-weight:500}.expandable-card__text{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;flex:0 0 auto}.expandable-card.detail-open .expandable-card__text{align-items:flex-start}.expandable-card__copy{min-width:0;flex:1 1 auto}.expandable-card__description{display:grid;grid-template-rows:0fr;flex:0 0 auto;opacity:0;transform:translateY(.75rem);transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1) .05s,opacity .4s ease .08s,transform .45s cubic-bezier(.16,1,.3,1) .05s}.expandable-card__description-inner{min-height:0;overflow:hidden}.expandable-card__description-inner,.expandable-card__description-inner p{margin:0;color:#ffffffeb;font-size:inherit;line-height:inherit}.expandable-card__description-inner p+p{margin-top:.5rem}.expandable-card__toggle .open-children-toggle{position:relative;display:block;width:14px;height:14px;margin:0;padding:0;line-height:0}.expandable-card__toggle .icon_plus-animation{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;display:block}.expandable-card__toggle .icon_plus-animation:before,.expandable-card__toggle .icon_plus-animation:after{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;inset-inline-start:50%!important;inset-inline-end:auto!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.expandable-card.detail-open .expandable-card__toggle .icon_plus-animation:before{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(90deg)!important;transform:translate(-50%,-50%) rotate(90deg)!important}.expandable-card-section--hover .expandable-card.detail-open .expandable-card__description,.expandable-card-section--drawer .expandable-card.detail-open .expandable-card__description{grid-template-rows:1fr;transform:translateY(0);opacity:1}.expandable-card-section--hover .expandable-card.detail-open .expandable-card__description .expandable-card__description-inner,.expandable-card-section--drawer .expandable-card.detail-open .expandable-card__description .expandable-card__description-inner{padding-top:.85rem}@media screen and (min-width:1025px){.expandable-card.detail-open .expandable-card__content{max-height:78%;min-height:0}.expandable-card-section--hover .expandable-card.detail-open .expandable-card__image{transform:scale(1.06) translateY(-2%)}.expandable-card-section--hover .expandable-card__toggle{display:none}.expandable-card-section--hover .expandable-card__text{justify-content:flex-start}.section-expandable-card .expandable-card-section__frame.container{width:90%!important;max-width:min(var(--page-width),100%)!important;margin-inline:auto;padding-inline:clamp(1.5rem,3vw,3rem)!important;box-sizing:border-box;overflow:visible}.expandable-card-section__frame>.section-header{padding-inline:0}}@media screen and (max-width:1024.98px){.expandable-card-section--hover .expandable-card__toggle,.expandable-card-section--drawer .expandable-card__toggle{cursor:pointer}.section-expandable-card .expandable-card-section__frame.container,.expandable-card-section__frame.container,.expandable-card-section__frame{width:100%!important;max-width:none!important;padding-inline:0!important;overflow:visible}.expandable-card-section__frame>.section-header{padding-inline:1.25rem}.expandable-card-section__grid{gap:.85rem;padding-inline:1.25rem;padding-inline-end:1.75rem;scroll-padding-inline:1.25rem}.expandable-card-section__grid>*,.expandable-card-section__grid>.shopify-block{flex:0 0 calc((100vw - 5.5rem) / 1.2);width:calc((100vw - 5.5rem) / 1.2);max-width:calc((100vw - 5.5rem) / 1.2)}.expandable-card__content{max-height:8rem;padding:1.1rem 1.15rem 1.15rem}.expandable-card.detail-open .expandable-card__content{max-height:78%;min-height:0;padding:1.2rem 1.15rem 1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-expandable-card.css.map */