.product-grid{padding:var(--section-spacing) var(--gutter);background:var(--color-cream-soft)}.product-grid__inner{max-width:var(--container-width);margin:0 auto}.product-grid__header{max-width:46ch;margin:0 auto 2.5rem;text-align:center;display:flex;flex-direction:column;gap:.6rem}.product-grid__eyebrow{margin:0;color:var(--color-amber-deep);font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.product-grid__heading{font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:500}.product-grid__subheading{margin:0;color:var(--color-ink);opacity:.75;font-size:1rem}.product-grid__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:0 0 2.5rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(60,36,21,.14);max-width:100%}.product-grid__filters{flex:1 1 auto;min-width:0;max-width:100%}.product-grid__filters-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:0;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-coffee-darker);cursor:pointer;list-style:none;transition:color var(--ease-standard)}.product-grid__filters-toggle::-webkit-details-marker{display:none}.product-grid__filters-toggle span{position:relative;padding-bottom:3px}.product-grid__filters-toggle span:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right var(--ease-standard)}.product-grid__filters-toggle:hover span:after,.product-grid__filters[open] .product-grid__filters-toggle span:after{right:0}.product-grid__filters-toggle:hover,.product-grid__filters[open] .product-grid__filters-toggle{color:var(--color-amber-deep)}.product-grid__filters-toggle svg{flex-shrink:0;transition:transform var(--ease-standard)}.product-grid__filters[open] .product-grid__filters-toggle svg{transform:rotate(180deg)}.product-grid__filters-panel{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;width:100%;margin-top:1.5rem;max-width:100%}.filter-group{display:flex;flex-direction:column;gap:.65rem;min-width:0;max-width:100%}.filter-group__label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);opacity:.5}.filter-group__pills{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.filter-pill{border:1px solid rgba(60,36,21,.18);background:transparent;color:var(--color-coffee-darker);padding:.4rem .9rem;border-radius:999px;font-size:.82rem;font-weight:500;white-space:nowrap;transition:background var(--ease-standard),color var(--ease-standard),border-color var(--ease-standard)}.filter-pill:hover{border-color:var(--color-amber-deep);color:var(--color-amber-deep)}.filter-pill.is-active{background:var(--color-coffee-dark);border-color:var(--color-coffee-dark);color:var(--color-cream)}.product-grid__sort{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.product-grid__sort-label{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-coffee-darker);opacity:.5;white-space:nowrap}.product-grid__sort-select{border:none;border-bottom:1px solid rgba(60,36,21,.25);border-radius:0;background:transparent;color:var(--color-coffee-darker);padding:0 1.3rem .2rem 0;font-size:.85rem;font-weight:500;font-family:inherit;max-width:100%;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1.2 5 5.5 9 1.2' stroke='%233C2415' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .1rem center;cursor:pointer;transition:border-color var(--ease-standard),color var(--ease-standard)}.product-grid__sort-select:hover{border-color:var(--color-amber-deep);color:var(--color-amber-deep)}@media(max-width:480px){.product-grid__toolbar{flex-direction:column;align-items:stretch;gap:1rem}.product-grid__sort{justify-content:space-between}}.product-grid__list{display:grid;grid-template-columns:repeat(var(--product-grid-columns, 4),1fr);gap:clamp(1.25rem,2.5vw,2rem)}.product-grid__empty,.product-grid__empty-state{text-align:center;padding:3rem 1rem;color:var(--color-ink);opacity:.65}@media(max-width:990px){.product-grid__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.product-grid__list{grid-template-columns:repeat(2,1fr);gap:.9rem .75rem}}@media(max-width:380px){.product-grid__list{gap:.7rem .6rem}}.product-card{display:flex;flex-direction:column;gap:1rem}.product-card__media{position:relative;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:var(--color-cream-soft);border:1px solid rgba(60,36,21,.08);box-shadow:0 1px 2px #2716090f;transition:box-shadow var(--ease-standard)}.product-card:hover .product-card__media{box-shadow:0 20px 32px -12px #27160947}.product-card__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.product-card:hover .product-card__image{transform:scale(1.06)}.product-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-coffee-dark),var(--color-coffee-darker))}.product-card__badges{position:absolute;top:.75rem;left:.75rem;z-index:3;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.product-card__badge{font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.3rem .65rem;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap}.product-card__badge--roast{background:#f8f2e9f0;color:var(--color-coffee-darker)}.product-card__badge--fresh{background:#d4a574f5;color:var(--color-coffee-darker)}.product-card__sale{position:absolute;top:.75rem;right:.75rem;z-index:3;background:var(--color-coffee-darker);color:var(--color-cream);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.3rem .65rem;border-radius:999px}.product-card__body{display:flex;flex-direction:column;gap:.3rem}.product-card__origin{font-size:clamp(.68rem,1.6vw,.75rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-amber-deep)}.product-card__title{font-size:clamp(.98rem,2.6vw,1.15rem);font-weight:500;line-height:1.3;color:var(--color-coffee-darker);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__notes{margin:0;font-size:clamp(.82rem,1.8vw,.88rem);color:var(--color-ink);opacity:.7;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{margin-top:.3rem;display:flex;align-items:baseline;gap:.5rem;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-coffee-dark)}.product-card__price-compare{font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums;opacity:.5}.product-card__price-suffix{font-size:.78rem;font-weight:400;opacity:.6}.product-card[hidden]{display:none}@media(max-width:560px){.product-card{gap:.65rem}.product-card__media{border-radius:10px}.product-card__badges{top:.5rem;left:.5rem;gap:.3rem}.product-card__badge,.product-card__sale{font-size:.6rem;padding:.24rem .5rem}.product-card__sale{top:.5rem;right:.5rem}.product-card__body{gap:.2rem}.product-card__notes{-webkit-line-clamp:1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-product-grid.css.map */