.bonbon-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding-top:40px;margin:0 auto;max-width:calc(100% - 16rem);width:100%}.bonbon-grid .bonbon-heading{margin-top:0;margin-block-start:0}.bonbon-grid--six{grid-template-columns:repeat(6,minmax(150px,1fr))}.bonbon-image-wrapper{position:relative;cursor:pointer;text-align:center;opacity:1;transform:translate(0);transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity}.bonbon-image-wrapper.will-remove{z-index:3;pointer-events:none;transition:transform .4s ease,opacity .4s ease}.bonbon-image-wrapper.pre-enter{opacity:0;transform:translateY(20px)}.bonbon-image-wrapper.hidden{display:none!important}.bonbon-image,.bonbon-hover-image{width:100%;height:auto;border-radius:12px;display:block;transition:opacity .3s ease}.bonbon-hover-image{position:absolute;top:0;left:0;opacity:0}.bonbon-image-wrapper.has-hover:hover .bonbon-hover-image{opacity:1;transition-duration:1s}.bonbon-image-wrapper.has-hover:hover .bonbon-image{opacity:0}.bonbon-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto;opacity:0;transition:opacity .3s ease}.bonbon-modal.show{display:flex;opacity:1}.bonbon-modal-content{background:#fff;padding:20px;border-radius:12px;max-width:700px;width:100%;margin:auto;box-shadow:0 6px 20px #00000040;text-align:center;position:relative;font-size:1.6rem;line-height:1.6;opacity:0;transform:translateY(40px);transition:opacity .35s ease,transform .35s ease}.bonbon-modal-content.show{opacity:1;transform:translateY(0)}.bonbon-close{position:absolute;top:12px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.bonbon-modal-content h2{margin:0}.bonbon-modal-content h4.bonbon-subheading{margin:0;color:#f8cf40}.bonbon-modal-image{max-width:180px;height:auto;margin-bottom:0}.bonbon-modal-centertext{text-align:center;margin-top:1rem}.bonbon-modal-content details summary{font-weight:700;text-transform:uppercase;background:#03218b0d;padding:8px 10px;border-radius:6px;cursor:pointer;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.bonbon-modal-content details:first-of-type{border-top:1px solid #ccc;padding-top:1rem}.bonbon-modal-content details summary:after{content:"\25bc";font-size:1.5rem;transition:transform .3s ease}.bonbon-modal-content details[open] summary:after{transform:rotate(180deg)}.bonbon-modal-content details div{text-align:left;font-size:1.6rem;margin-top:6px;padding:4px 2px}.bonbon-accordion-image{max-width:280px;width:100%;height:auto;display:block;margin:12px auto;border-radius:6px}.bonbon-heading,.bonbon-modal-content h2{color:#03218b;text-align:center;margin:8px 0 4px;line-height:1.2;font-size:clamp(1.8rem,2vw + .5rem,2rem)}.bonbon-modal-content h2{font-weight:800;text-transform:uppercase}.bonbon-heading{font-weight:500;text-transform:none;transition:color .2s ease}.bonbon-subheading{color:#f8cf40;font-weight:700;text-align:center;margin:0 0 14px;line-height:1.35;font-size:clamp(1.4rem,1.4vw + .8rem,1.6rem);text-transform:uppercase}.bonbon-image-wrapper:hover .bonbon-heading{color:#02145a}@media (min-width: 769px){.bonbon-grid{grid-template-columns:repeat(6,minmax(150px,1fr));justify-content:start}}@media (max-width: 768px){.bonbon-grid{margin:0 1rem;max-width:calc(100% - 2rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0 1rem;justify-content:center}.bonbon-modal-content{max-width:95%;padding:16px;font-size:1.4rem}.bonbon-modal-image{max-width:150px}}.bonbon-filter-bar{width:90%;background:#e0ecff;padding:20px;margin:0 auto 20px;border-radius:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.bonbon-filter-inner{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.bonbon-type-pills{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-right:auto}.bonbon-type-pill{padding:6px 16px;border:none;border-radius:20px;font-size:1.3rem;font-weight:600;color:#03218b;background:#fff;cursor:pointer;transition:background .25s ease,color .25s ease}.bonbon-type-pill.active,.bonbon-type-pill[data-type=all].active{background:linear-gradient(90deg,#f8cf40,#f1a903);color:#fff}.bonbon-filter-toggle{position:relative;display:flex;width:200px;height:44px;border:1px solid #f8cf40;border-radius:9999px;background:#fff;overflow:hidden;cursor:pointer}.bonbon-filter-toggle .bonbon-filter-option{flex:1;display:flex;align-items:center;justify-content:center;margin:3px;border-radius:9999px;font-weight:700;font-size:1.4rem;color:#03218b;-webkit-user-select:none;user-select:none;transition:background .25s ease,color .25s ease}.bonbon-filter-toggle[data-state=all] .bonbon-filter-option[data-filter=all],.bonbon-filter-toggle[data-state=in-stock] .bonbon-filter-option[data-filter=in-stock]{background:linear-gradient(90deg,#f8cf40,#f1a903);color:#fff}@media (max-width: 600px){.bonbon-filter-inner{flex-direction:column;align-items:stretch}.bonbon-type-pills{justify-content:center;margin:0}.bonbon-filter-toggle{margin-top:12px;align-self:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bonbon-grid.css.map */