/* MB Spectrums — Product Cards widget */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(12,33,24,.13);border-color:var(--line-gold)}
.card .thumb{height:200px;position:relative;overflow:hidden}
.card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .thumb img{transform:scale(1.06)}
.card .thumb .label{position:absolute;left:14px;top:14px;z-index:3;background:rgba(12,33,24,.78);color:#E3C887;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:5px 11px;border-radius:2px;backdrop-filter:blur(2px)}
.card .body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h3{font-size:1.55rem;margin-bottom:8px}
.card p{font-size:.92rem;color:var(--muted);margin-bottom:18px;flex:1}
.card .more{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);display:inline-flex;align-items:center;gap:7px}
.card .more::after{content:"→";transition:.2s}
.card:hover .more::after{transform:translateX(4px)}
.card.feature-card{background:var(--green-800);color:var(--on-deep);border-color:var(--line-gold)}
.card.feature-card .body{justify-content:center;text-align:center;align-items:center}
.card.feature-card h3{color:var(--gold-light)}
.card.feature-card p{color:var(--on-deep-soft)}

/* shipping notice strip under the grid */
.ship-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;max-width:760px;padding:16px 22px;background:var(--cream-2);border:1px solid var(--line-gold);border-radius:var(--radius);font-size:.95rem;color:var(--ink);text-align:left}
.ship-note .ico{display:flex;color:var(--gold-deep);flex-shrink:0}
.ship-note .ico svg{width:22px;height:22px}
.block-green .ship-note{background:var(--on-deep-tint);color:var(--on-deep)}
.block-green .ship-note .ico{color:var(--gold-light)}

@media(max-width:980px){
  .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .product-grid{grid-template-columns:1fr}
  .ship-note{align-items:flex-start;padding:14px 16px;font-size:.9rem}
}