.dn-flavor-grid{padding-block:56px}.dn-flavor-grid__heading{font-family:var(--font-heading-family);text-align:center;font-size:clamp(24px,3vw,34px);margin:0 0 8px;color:var(--dn-brand, #3f6b34)}.dn-flavor-grid__subheading{text-align:center;font-size:16px;color:rgba(var(--color-foreground),.7);margin:0 0 32px}.dn-flavor-grid__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 32px}.dn-flavor-grid__filter{padding:8px 20px;border-radius:999px;border:1px solid #c8c2ac;background:#fff;color:var(--dn-brand, #3f6b34);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease}.dn-flavor-grid__filter:hover{background:#f7f5ee}.dn-flavor-grid__filter.is-active{background:var(--dn-brand, #3f6b34);border-color:var(--dn-brand, #3f6b34);color:#fff}.dn-flavor-grid__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.dn-flavor-card--hidden{display:none}.dn-flavor-card{border-radius:12px;overflow:hidden;background:#f7f5ee;box-shadow:0 1px 4px #00000014}.dn-flavor-card__media{aspect-ratio:1 / 1;position:relative}.dn-flavor-card__img{width:100%;height:100%;object-fit:cover;display:block}.dn-flavor-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#eceadf;border:2px dashed #c8c2ac;box-sizing:border-box;color:#8a8470;text-align:center;padding:12px}.dn-flavor-card__placeholder-icon{width:32px;height:32px;margin-bottom:4px}.dn-flavor-card__placeholder-label{margin:0;font-size:13px;font-weight:600}.dn-flavor-card__placeholder-size{margin:0;font-size:12px;font-family:monospace}.dn-flavor-card__caption{padding:12px 14px;text-align:center;background:var(--dn-brand, #3f6b34)}.dn-flavor-card__name{margin:0;font-weight:600;font-size:15px;color:#fff}.dn-flavor-card__tag{margin:4px 0 0;font-size:12px;color:#ffffffbf}@media(max-width:989px){.dn-flavor-grid__cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dn-flavor-grid__cards{grid-template-columns:1fr 1fr;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dn-flavor-grid.css.map */