.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.card-grid--centered{max-width:1000px;margin:0 auto}@media screen and (max-width:767px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card-grid img{width:100%;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card-grid img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.card-zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.card-zoom-content{position:relative;max-height:100%;max-width:400px;width:100%}.card-zoom-content img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 16px #0000004d}.card-zoom-caption{text-align:center;margin-top:12px;color:#fff}.card-embed{display:inline-block;vertical-align:middle}.card-embed-img{width:160px;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-embed-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.booster-stack{position:relative;display:block;margin:2rem auto;overflow:visible}.booster-stack .booster-embed-img{display:block;border-radius:6px;box-shadow:3px 4px 14px #0000004d}.booster-fan{position:relative;display:block;margin:2rem auto;overflow:visible}.rte:has(.booster-fan),.product-description:has(.booster-fan),.disclosure__content:has(.booster-fan),.disclosure__panel:has(.booster-fan),.rte:has(.booster-stack),.product-description:has(.booster-stack),.disclosure__content:has(.booster-stack),.disclosure__panel:has(.booster-stack){overflow:visible!important}.booster-fan .booster-embed-img,.booster-stack .booster-embed-img{display:block;border-radius:6px;box-shadow:2px 4px 12px #00000040}.booster-fan .card-embed-img:hover,.booster-stack .card-embed-img:hover{transform:none;box-shadow:none}.card-trio{position:relative;display:block;width:300px;height:240px;margin:2rem auto;overflow:visible}.rte:has(.card-trio),.product-description:has(.card-trio),.disclosure__content:has(.card-trio),.disclosure__panel:has(.card-trio){overflow:visible!important}.card-trio .card-embed{position:absolute;display:block}.card-trio .card-embed-img{width:120px;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:2px 4px 12px #00000040}.card-trio .card-embed:nth-child(1){left:15px;top:0;transform:rotate(-14deg);transform-origin:bottom center;z-index:1}.card-trio .card-embed:nth-child(2){right:15px;top:0;transform:rotate(14deg);transform-origin:bottom center;z-index:1}.card-trio .card-embed:nth-child(3){left:50%;top:35px;transform:translate(-50%);z-index:2}.card-trio .card-embed-img:hover{transform:scale(1.08);box-shadow:0 6px 16px #00000059}.card-trio .card-embed:nth-child(1) .card-embed-img:hover{transform:rotate(0) scale(1.08)}.card-trio .card-embed:nth-child(2) .card-embed-img:hover{transform:rotate(0) scale(1.08)}.card-package{display:flex;flex-direction:row;align-items:center;gap:2rem;max-width:750px;margin:2rem auto;overflow:visible}.rte:has(.card-package),.product-description:has(.card-package),.disclosure__content:has(.card-package),.disclosure__panel:has(.card-package){overflow:visible!important}.card-package__booster{flex-shrink:0;display:flex;align-items:center;justify-content:center}.card-package__booster .booster-embed-img{width:175px;border-radius:6px;box-shadow:2px 4px 14px #0000004d;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-package__booster .booster-embed-img:hover{transform:scale(1.05);box-shadow:0 6px 18px #0006}.card-package__trios{display:flex;flex-direction:column;gap:.5rem;overflow:visible}@media screen and (max-width:900px){.card-package{gap:1rem;max-width:100%}.card-package__booster .booster-embed-img{width:130px}.card-package__trios{zoom:.72}.card-package .card-trio .card-embed:nth-child(1){transform:rotate(-9deg)}.card-package .card-trio .card-embed:nth-child(2){transform:rotate(9deg)}}@media screen and (max-width:600px){.card-package{gap:.5rem}.card-package__booster .booster-embed-img{width:100px}.card-package__trios{zoom:.6}.card-package .card-trio .card-embed:nth-child(1){transform:rotate(-8deg)}.card-package .card-trio .card-embed:nth-child(2){transform:rotate(8deg)}}.bestof-tab-button{background:#eee;color:#1f1f1f;font-weight:400;transition:background .2s ease;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.bestof-tab-button.active{background:#1f3f60;color:#fff;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/46/assets/card-gallery.css.map */