.explore-meads-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#000;padding:0}.template-page .main-content:has(.explore-meads-wrapper){padding:0!important;max-width:none!important;overflow:visible!important}.page-main--wrapper:has(.explore-meads-wrapper){padding:0!important;margin:0!important;max-width:none!important}.meads-flip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;max-width:100%;margin:0 auto}@media (min-width: 1600px){.meads-flip-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 2000px){.meads-flip-grid{grid-template-columns:repeat(6,1fr)}}.mead-flip-card{position:relative;width:100%;aspect-ratio:1;cursor:pointer;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform 0s;transform-style:preserve-3d}.mead-flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;overflow:hidden;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.flip-card-front{z-index:2}.flip-card-back{transform:rotateY(180deg);background:#000}.flip-card-front img,.flip-card-back img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease-in}.flip-card-front img.loaded,.flip-card-back img.loaded{opacity:1}.mead-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow-y:auto;overflow-x:hidden;padding:40px 0;scroll-behavior:smooth}.mead-modal.active{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:9998}.modal-content{position:relative;background:#000;max-width:900px;width:90%;min-height:500px;display:flex;overflow:hidden;z-index:10000;border-radius:0;margin:0 auto}.mead-modal::-webkit-scrollbar{display:none}.mead-modal{-ms-overflow-style:none;scrollbar-width:none}.modal-close{position:absolute;top:20px;right:20px;background:#fff3;border:2px solid #fff;color:#fff;font-size:30px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-close:hover{background:#fff6;transform:rotate(90deg)}.modal-carousel{position:relative;flex:0 0 413.74px;background:#000;display:flex;align-items:center;justify-content:center}.carousel-images{width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.carousel-slide.active{opacity:1}.carousel-slide img{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease-in}.carousel-slide img.loaded{opacity:1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:42px;line-height:1;width:45px;height:45px;border-radius:50%;cursor:pointer;z-index:10;transition:all .3s;display:flex;align-items:center;justify-content:center;font-weight:300;padding:0;margin:0}.carousel-arrow:hover{background:#000}.carousel-prev{left:15px}.carousel-next{right:15px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:11}.carousel-indicator{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.carousel-indicator.active{width:25px;height:10px;border-radius:5px;background:#fff}.carousel-indicator:hover{background:#fffc}.modal-info{flex:1;padding:50px 40px;color:#fff;background:#000;display:flex;flex-direction:column;justify-content:center}.modal-info h2{font-size:3rem;margin:0 0 20px;color:#ff6b6b;text-transform:lowercase;font-weight:500;line-height:1.2}.modal-info p:first-child{margin-bottom:20px}.modal-info p{line-height:1.2;margin-bottom:0;font-size:1.2rem;font-weight:420}.modal-info p:last-child{margin-bottom:0}.modal-info p strong{font-weight:600}@media (max-width: 1200px){.meads-flip-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px) and (min-width: 426px){.meads-flip-grid{grid-template-columns:repeat(2,1fr)}.mead-modal{padding:30px;overflow-x:auto;overflow-y:auto}.mead-modal.active{justify-content:flex-start;align-items:flex-start}.modal-content{width:700px;min-width:700px;max-width:700px;min-height:400px;margin:auto}.modal-carousel{flex:0 0 320px}.modal-info{padding:40px 30px}.modal-info h2{font-size:2.2rem;margin:0 0 16px}.modal-info p:first-child{margin-bottom:16px}.modal-info p{font-size:1.05rem;line-height:1.2;margin-bottom:0;font-weight:420}.carousel-arrow{width:40px;height:40px}.carousel-indicators{bottom:16px}.carousel-indicator{width:9px;height:9px}.carousel-indicator.active{width:22px;height:9px;border-radius:4.5px}}@media (max-width: 425px){.meads-flip-grid{grid-template-columns:repeat(2,1fr)}.mead-modal{padding:30px;overflow-y:auto;overflow-x:hidden;align-items:flex-start}.modal-content{flex-direction:column;max-width:90%;width:90%;min-height:auto;margin:auto}.modal-carousel{flex:0 0 auto;width:100%;min-height:auto;height:auto;align-items:flex-start;justify-content:flex-start}.carousel-images{position:relative;height:auto;min-height:auto;overflow:visible}.carousel-slide{position:relative;height:auto;display:none;opacity:1}.carousel-slide.active{display:block}.carousel-slide img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;display:block}.modal-info{padding:30px 25px;justify-content:flex-start}.modal-info h2{font-size:2rem;margin:0 0 15px}.modal-info p:first-child{margin-bottom:15px}.modal-info p{font-size:1rem;line-height:1.2;margin-bottom:0;font-weight:420}.carousel-arrow{width:40px;height:40px}.carousel-indicators{bottom:15px}.carousel-indicator{width:8px;height:8px}.carousel-indicator.active{width:20px;height:8px;border-radius:4px}}@media (max-width: 390px){.meads-flip-grid{grid-template-columns:1fr}.mead-modal{padding:25px;align-items:flex-start}.modal-content{width:92%;max-width:92%;margin:auto}.modal-info{padding:25px 20px}.modal-info h2{font-size:1.7rem;margin:0 0 13px}.modal-info p:first-child{margin-bottom:13px}.modal-info p{font-size:.95rem}.carousel-arrow{width:38px;height:38px}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-indicators{bottom:12px;gap:5px}.carousel-indicator{width:7px;height:7px}.carousel-indicator.active{width:17px;height:7px;border-radius:3.5px}.modal-close{top:10px;right:10px;width:34px;height:34px;font-size:23px}}@media (max-width: 360px){.meads-flip-grid{grid-template-columns:1fr}.mead-modal{padding:20px;align-items:flex-start}.modal-content{max-width:94%;width:94%;margin:auto}.modal-info{padding:20px 15px}.modal-info h2{font-size:1.5rem;margin:0 0 12px}.modal-info p:first-child{margin-bottom:12px}.modal-info p{font-size:.9rem;line-height:1.2;margin-bottom:0;font-weight:420}.carousel-arrow{width:36px;height:36px}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-indicators{bottom:12px;gap:4px}.carousel-indicator{width:7px;height:7px}.carousel-indicator.active{width:16px;height:7px;border-radius:3.5px}.modal-close{top:10px;right:10px;width:32px;height:32px;font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/explore-meads.css.map */