.foil-size-wrapper{background:var(--gradient-background)}.foil-size-section{width:100%;overflow:hidden}.foil-size-section .foil-size{position:relative}.foil-size-section .foil-size-inner{max-width:97.7rem;margin-inline:auto;position:relative;z-index:1}.foil-size-section .foil-size__heading{text-align:center;margin-bottom:3rem;text-transform:none}.foil-size-section .foil-size__carousel{display:block}.foil-size-section .foil-size__arrow{display:none}.foil-size-section .foil-size__swiper{width:100%}.foil-size-section .swiper-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.8rem;align-items:end}.foil-size-section .swiper-slide{width:auto;display:flex;flex-direction:column;justify-content:end}.foil-size-section .foil-size__card{position:relative;max-width:22.9rem;width:100%;height:auto;aspect-ratio:.68/1;margin-inline:auto}.foil-size-section .foil-size__card:before{content:"";position:absolute;top:auto;left:50%;bottom:0;transform:translate(-50%);width:100%;height:100%;background-image:url(card-default-shape.svg);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:-1}.foil-size-section .foil-size__card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;text-align:center;padding:3.1rem 1.5rem}.foil-size-section .foil-size__badge{margin:0 auto 3rem;font-size:1.5rem;letter-spacing:.75px}.foil-size-section .foil-size__size{margin:0 0 3rem;color:rgb(var(--color-button))}.foil-size-section .foil-size__button-wrapper{width:100%;margin:2.8rem auto 0;text-align:center}.foil-size-section .foil-size__button{min-width:100%}.foil-size-section .foil-size__mobile-buttons,.foil-size-section .foil-size__mobile-buttons [hidden]{display:none}@media(min-width:481px){.foil-size-section .foil-size__button{min-width:25rem}}@media(min-width:750px){.foil-size-section .foil-size__card.vertical{max-width:26.3rem;aspect-ratio:.68/1}.foil-size-section .foil-size__card.horizontal{max-width:31.7rem;aspect-ratio:1.04/1}.foil-size-section .foil-size__card.vertical:before{background-image:url(card-vertical-shape.svg)}.foil-size-section .foil-size__card.horizontal:before{background-image:url(card-horizontal-shape.svg)}}@media(max-width:1499px){.foil-size-section .swiper-wrapper{gap:3rem}}@media(max-width:989px){.foil-size-section .swiper-wrapper{gap:1.8rem}}@media(min-width:750px)and (max-width:989px){.foil-size-section .foil-size__size,.foil-size-section .foil-size__badge{margin-bottom:1.5rem}.foil-size-section .foil-size__badge{font-size:1.4rem}.foil-size-section .foil-size__size{font-size:4rem}.foil-size-section .foil-size__description{font-size:1.3rem}}@media(max-width:749px){.foil-size-section .foil-size__heading{margin-bottom:2.5rem;letter-spacing:-.36px}.foil-size-section .foil-size__carousel{display:flex;flex-direction:column}.foil-size-section .foil-size__nav-row{display:flex;align-items:center;justify-content:space-between;gap:3rem;width:fit-content;margin-inline:auto}.foil-size-section .foil-size__arrow{position:relative;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.foil-size-section .foil-size__arrow[hidden]{display:none}.foil-size-section .foil-size__arrow svg{width:2rem;height:auto;display:block}.foil-size-section .foil-size__arrow--prev svg{transform:scaleX(-1)}.foil-size-section .foil-size__arrow:disabled{opacity:.3;cursor:default}.foil-size-section .foil-size__swiper{flex:1 1 auto;min-width:0;max-width:22.9rem;margin-inline:auto}.foil-size-section .swiper-wrapper{display:flex}.foil-size-section .swiper-slide{width:100%;flex-shrink:0;min-width:0}.foil-size-section .foil-size__button-wrapper--desktop{display:none}.foil-size-section .foil-size__mobile-buttons{display:block;margin-top:2.8rem;text-align:center}.foil-size-section .foil-size__card-content{justify-content:center}.foil-size-section .foil-size__badge{margin-bottom:4.7rem}.foil-size-section .foil-size__size{font-size:4.4rem;margin-bottom:4.3rem}.foil-size-section .foil-size__description{font-weight:600;margin-left:2rem;font-size:1.3rem}}@media(max-width:480px){.foil-size-section .foil-size__heading{max-width:20rem;margin-inline:auto}.foil-size-section .foil-size__card{max-width:22rem}.foil-size-section .foil-size__arrow{width:1.1rem;height:1.1rem}.foil-size-section .foil-size__arrow svg{width:1.5rem}.foil-size-section .foil-size__nav-row{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-foil-size-guide.css.map */