.spices-grid-section{box-sizing:border-box}.spices-grid-container{max-width:1323px;margin:0 auto;padding-left:20px;padding-right:20px}.spices-grid-header{text-align:center;margin-bottom:32px}.spices-grid-header__title{font-size:28px;font-weight:700;line-height:1.25;margin:0 0 10px;color:#1a1a1a}.spices-grid-header__description{font-size:16px;line-height:1.6;margin:0 auto;max-width:640px;color:#555}@media screen and (max-width:600px){.spices-grid-header{margin-bottom:24px}.spices-grid-header__title{font-size:22px}.spices-grid-header__description{font-size:14px}}.spices-grid{display:grid;gap:24px}.spices-grid--row{grid-template-columns:repeat(4,1fr)}.spices-grid--2x2{grid-template-columns:repeat(2,1fr);max-width:680px;margin-left:auto;margin-right:auto}.spices-grid--2x2 .spice-card__title{font-size:15px}.spices-grid--2x2 .spice-card__description{font-size:13px}.spices-grid--2x2 .spice-card__body{padding:12px 14px 16px;gap:6px}.spice-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.spice-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.spice-card__image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f5f0eb}.spice-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.spice-card:hover .spice-card__image{transform:scale(1.04)}.spice-card__image-placeholder{display:flex;align-items:center;justify-content:center}.spice-card__image-placeholder .placeholder-svg{width:60%;height:60%;opacity:.4}.spice-card__body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;gap:8px}.spice-card__title{font-size:18px;font-weight:600;line-height:1.3;margin:0;color:#1a1a1a}.spice-card__description{font-size:14px;line-height:1.6;margin:0;color:#555}@media screen and (max-width:900px){.spices-grid--row{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:600px){.spices-grid--row,.spices-grid--2x2{grid-template-columns:1fr;gap:16px;max-width:100%}.spice-card__image-wrap{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */