.variants{background:#fff}
.eyebrow.dark{color:#8a672c;text-align:center;margin-bottom:8px}
.variant-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.variant-card{grid-column:span 2}
.variant-card{background:#fff;border:1px solid #e3e7e4;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(18,59,46,.09);transition:transform .2s ease,box-shadow .2s ease}
.variant-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(18,59,46,.14)}
.variant-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.variant-info{padding:20px}
.variant-info span{display:inline-block;padding:5px 11px;border-radius:999px;background:#123b2e;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.06em}
.variant-info h3{margin:12px 0 2px;color:#123b2e;font-size:1.55rem}
.variant-info p{margin:0 0 16px;color:#59655f}
.variant-btn{display:flex;justify-content:center;padding:12px 16px;border-radius:999px;background:#25d366;color:#092d1c;font-weight:800}
.variant-grid .variant-card:nth-child(4){grid-column:2/span 2}
.variant-grid .variant-card:nth-child(5){grid-column:4/span 2}
@media(max-width:900px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-card,.variant-grid .variant-card:nth-child(4),.variant-grid .variant-card:nth-child(5){grid-column:auto}}
@media(max-width:600px){.variant-grid{grid-template-columns:1fr;gap:18px}.variant-info{padding:17px}}
