/* Compact paid previews retain the existing listing information. */
.promotion-grid{display:flex;flex-wrap:wrap;width:100%;gap:12px;align-items:stretch}
.promotion-grid>.promotion-tile{flex:0 0 240px;max-width:100%}
.promotion-grid>.wide,.promotion-grid>.empty,.promotion-grid>.basic-product-row{flex:1 0 100%;width:100%}
.promotion-tile{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:7px;width:100%;min-height:185px;min-width:0;padding:9px;border:1px solid #b6d9d6;border-radius:12px;background:linear-gradient(155deg,#eff9f7,#e5eff5);color:var(--primary);box-shadow:0 3px 12px #123b5d08;font-size:12px;line-height:1.35}
.promotion-tile:hover{border-color:var(--secondary);box-shadow:0 4px 14px #123b5d18}
.promotion-tile:focus-within{outline:3px solid var(--secondary);outline-offset:3px}
.promotion-tile-label{justify-self:start;max-width:100%;padding:3px 6px;border-radius:0 0 8px 0;background:#0c5660;color:#fff;font-size:12px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.promotion-tile-body{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:start;min-height:0}
.promotion-tile-art{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-height:0}
.promotion-tile-art img{display:block;width:100%;height:100%;object-fit:contain}
.promotion-tile-art>.icon{width:36px;height:36px;color:#548097}
.promotion-tile-copy{min-width:0;overflow-wrap:anywhere}
.promotion-tile h3{font-size:14px;line-height:1.25;margin:2px 0 4px}
.promotion-tile p{margin:0;font-size:12px;line-height:1.35}
.promotion-tile-category{color:var(--secondary);font-size:11px}
.promotion-tile-link::after{content:"";position:absolute;inset:0;border-radius:12px}
.promotion-tile-meta{display:grid;gap:3px;min-width:0}
.promotion-tile-meta a{position:relative;z-index:1}
.promotion-tile-supplier,.promotion-tile-location,.promotion-tile-reviewed{display:flex;align-items:start;gap:4px;overflow-wrap:anywhere}
.promotion-tile .icon{flex-shrink:0}
.promotion-tile-meta .icon,.promotion-tile-reviewed .icon{width:13px;height:13px;margin-top:1px}
.promotion-tile-reviewed{color:#236842}
.promotion-tile-location{color:var(--muted)}
.promotion-tile-bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:3px 10px}
.promotion-tile-bottom a{color:var(--secondary);font-weight:650}
[dir="rtl"] .promotion-tile-label{border-radius:0 0 0 8px}
.promotion-tile-advertisement .promotion-tile-body{display:block}
.promotion-tile-advertisement .promotion-tile-art{float:inline-start;margin-inline-end:8px;margin-bottom:4px}
.home-page .promotion-section,.promotion-section{width:calc(var(--promotion-count,1)*240px + (var(--promotion-count,1) - 1)*12px + 30px);max-width:100%;padding:12px}
.home-page .promotion-section .section-heading,.promotion-section .section-heading{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px}
.promotion-section .section-heading h2{font-size:18px}
.promotion-section .section-heading>a{font-size:12px;text-align:start;max-width:none}
.promotion-section .section-heading .button{padding:0;min-height:0;border:0;border-radius:0;background:transparent;color:var(--secondary);font-weight:650;line-height:1.4}
.promotion-section .section-heading .button:hover{text-decoration:underline}
.home-page .promotion-section .section-intro,.promotion-section .section-intro{font-size:12px;line-height:1.4;margin:0 0 10px}
.promotion-tile-notice .promotion-tile-body{grid-template-columns:40px minmax(0,1fr);gap:6px}
.promotion-tile-notice .promotion-tile-art{width:40px;height:40px}
.promotion-tile-notice .promotion-tile-art>.icon{width:32px;height:32px}
.promotion-tile-notice .promotion-tile-meta{font-size:11px;gap:2px}
.promotion-tile-notice .promotion-tile-bottom{flex-wrap:wrap;gap:2px 8px}
.promotion-tile-notice .promotion-tile-copy p{font-size:11px}
@media(max-width:600px){.promotion-grid{justify-content:flex-start;gap:10px}}

.promotion-tile-article .promotion-tile-body{display:block}
.promotion-tile-article .promotion-tile-art{float:inline-start;width:40px;height:40px;margin-inline-end:6px}