.product-collection{padding:60px 0;position:relative;background-image:var(--section-bg-image);background-size:100%;background-repeat:repeat;background-position:center;background-color:var(--section-bg-color)}.product-collection__header{text-align:center;margin-bottom:60px;color:var(--yellow)}.product-collection__header-bar{display:block;margin:20px auto 0}.product-collection__header-bar svg{width:300px}.product-collection__title{color:var(--yellow);font-size:4.2em;font-family:HerschelWhole}.product-collection__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:80px;margin:40px auto;max-width:1200px}@media screen and (max-width: 749px){.product-collection__grid{grid-template-columns:1fr;gap:50px}}.product-collection__item{position:relative}.product-collection__item-title{text-align:center;margin:15px auto 0;font-size:3.2em;color:var(--yellow);cursor:pointer;text-transform:none;max-width:340px}.product-collection__image-wrapper{position:relative;padding-bottom:100%;overflow:hidden;cursor:pointer}.product-collection__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-collection__image-wrapper:hover .product-collection__image{transform:scale(1.05)}.product-collection__modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.product-collection__modal[aria-hidden=false]{opacity:1;visibility:visible}.product-collection__modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.product-collection__modal-content{position:relative;padding:40px;width:90%;max-width:800px;height:90vh;max-height:640px;transform:translateY(20px);transition:transform .3s ease}.product-collection__modal[aria-hidden=false] .product-collection__modal-content{transform:translateY(0)}.product-collection__modal-card{position:relative;width:100%;height:100%;perspective:1000px}.modal-card__wrapper{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;-moz-transform-style:preserve-3d}.modal-card__wrapper.is-flipped{transform:rotateY(180deg)}.modal-card__front,.modal-card__back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;padding:0 40px;z-index:1}.modal-card__front{padding-left:100px;padding-right:100px;transform:rotateY(0) rotateX(0)}.modal-card__back{transform:rotateY(180deg) rotateX(0)}.modal-card__back>*{transform:rotateY(-180deg) rotateX(0)}.modal-card__background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1}.product-collection__modal-title{margin-bottom:20px;color:#fff;text-align:center;font-size:3.2em}.product-collection__description{margin-bottom:20px;color:#fff}.product-collection__description p{color:#fff;text-align:center;font-size:1.4em}.product-collection__ingredient-image{display:block;width:300px;height:auto;margin:0 auto 10px}.product-collection__nfp-image{display:block;width:auto;max-width:80%;height:calc(100% - 80px);margin:0 auto;object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.product-collection__flip-text{text-align:center;font-size:1.2em;line-height:1.2em;margin-top:-10px}.product-collection__certifications{display:flex;gap:20px;justify-content:center;margin-top:20px;align-items:center}.product-collection__certification-image{width:150px;height:100px;object-fit:contain}.product-collection__certification-image--fair-trade{width:150px;height:80px}.modal-flip-trigger--front,.modal-flip-trigger--back,.product-collection__modal-close{position:absolute;right:0;background:var(--brand-color);height:70px;width:70px;border-radius:50%;text-align:center;line-height:70px;vertical-align:middle;text-transform:uppercase;color:var(--yellow);font-weight:600;font-family:brandon-grotesque;font-weight:700;cursor:pointer;border:none;z-index:10;transition:all .15s ease;padding:0}.modal-flip-trigger--front span,.modal-flip-trigger--back span,.product-collection__modal-close span{margin:0}.modal-flip-trigger--front,.modal-flip-trigger--back{bottom:0%}.product-collection__modal-close{top:0%}.modal-flip-trigger--front:before,.modal-flip-trigger--back:before,.product-collection__modal-close:before{content:"";position:absolute;top:50%;margin-top:-30px;left:0;right:0;height:60px;width:60px;border:2px solid transparent;border-radius:50%;margin-left:auto;margin-right:auto;transition:all .15s ease}.modal-flip-trigger--front:hover:before,.modal-flip-trigger--back:hover:before,.product-collection__modal-close:hover:before{border-color:var(--brand-color)}.modal-flip-trigger--front:hover,.modal-flip-trigger--back:hover,.product-collection__modal-close:hover{background-color:var(--yellow);color:var(--brand-color);transform:rotate(45deg)}.modal-card__back .modal-flip-trigger--back,.modal-card__back .product-collection__modal-close{transform:rotateY(180deg)}.modal-card__back .modal-flip-trigger--back:hover,.modal-card__back .product-collection__modal-close:hover{transform:rotateY(180deg) rotate(45deg)}.modal-card__back .modal-flip-trigger--back span,.modal-card__back .product-collection__modal-close span:not(.visually-hidden){display:block;transform:rotateY(180deg)}@media screen and (max-width: 990px){.product-collection__certifications{margin-top:0;gap:0}.product-collection__certifications img{width:100px;height:50px}.product-collection__description p{max-width:500px}.modal-card__front{padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width: 749px){.product-collection__modal-content{height:100%;padding:0;max-height:500px}.product-collection__description p{font-size:1.4em;max-width:none;margin-left:auto;margin-right:auto}.product-collection__modal-title{font-size:2.4em}.modal-card__front .product-collection__ingredient-image{width:150px;margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-product-collection.css.map */