.offers-grid .offer-card{position:relative}
.offer-featured{position:absolute;top:14px;right:14px;z-index:2;padding:5px 10px;background:#f15a24;color:#fff;font:700 11px/1 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.offer-media{display:block;width:100%;max-height:260px;margin:14px 0;object-fit:contain;background:#073f32}
.offer-product .offer-media{max-width:100%;margin:0}
.offer-card strong{display:block}
.offer-details{margin:12px 0;font-size:14px;line-height:1.6}
.offer-details summary{cursor:pointer;font-weight:700;letter-spacing:.04em}
.offer-details h4{margin:12px 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.offers-msg{padding:12px 16px;border:1px solid #f15a24;margin:0 0 16px}
.offers-state{padding:48px 24px;border:1px dashed currentColor;text-align:center}
.offers-state h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;margin:0 0 8px}
.offers-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.offers-skeleton span{height:260px;background:linear-gradient(90deg,#ffffff10,#ffffff22,#ffffff10);background-size:200% 100%;animation:offers-sk 1.4s linear infinite}
@keyframes offers-sk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.offers-skeleton span{animation:none}}