/* Shared, consistent card media and typography on both pages. */
.deal .deal-art{display:flex;align-items:center;justify-content:center;background:#faf6f1;overflow:hidden;border-radius:14px;min-width:0;flex-shrink:0}
.deal-art svg{display:block;width:100%;height:100%;overflow:hidden}
.deal .badge{top:13px;left:15px;width:auto;height:auto;font-size:22px;line-height:1.35;padding:4px 17px;border-radius:999px;background:#ff354c;pointer-events:none;cursor:default}
.deal h3{display:grid;grid-template-rows:auto 1fr auto;align-content:start;gap:0;text-align:left;line-height:1.4;margin:0;min-height:4.2em;width:100%;font-weight:400}
.deal h3 strong,.deal h3 b,.deal h3 .deal-description{display:block;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.deal h3 b{white-space:nowrap}.deal h3 .deal-description{min-height:1.4em}
.featured{padding:64px 15px 16px;min-height:324px}
.featured .deal-art{position:absolute;right:12px;top:64px;width:44%;height:235px}
.featured .deal-copy{width:52%;height:100%;display:flex;flex-direction:column;align-items:stretch}
.featured .brand{align-self:flex-start;height:54px;min-height:54px;margin-bottom:7px}
.featured h3{font-size:19px}.featured .deal-button{margin-top:24px;align-self:flex-start;padding-left:18px;padding-right:18px;font-size:17px}
.compact .deal-art{height:180px;width:100%;margin-bottom:14px}
.compact .deal-copy{display:flex;flex-direction:column;flex:1;margin-top:0}
.compact h3{font-size:18px;padding:0;min-height:4.2em}
.compact .deal-button{position:static;align-self:flex-end;margin-top:18px;flex-shrink:0}
.catalog-image .deal-art{width:100%;height:100%;border-radius:0}
.catalog-copy{padding:20px 10px 10px}
.catalog-copy h3{min-height:4.2em;font-size:20px}
.catalog-copy .deal-button{margin-top:24px}
@media(min-width:721px) and (max-width:1000px){.featured h3{font-size:16px}.featured .deal-button{font-size:14px;gap:6px;padding:8px 12px}.featured .brand{font-size:26px}.featured .brand-0{font-size:18px}}
@media(max-width:720px){.featured .deal-copy{width:52%}.featured .deal-art{width:44%}.featured h3{font-size:18px}.compact .deal-art{height:170px}.compact h3{font-size:16px;min-height:5.6em}.compact h3 .deal-description{min-height:2.8em}.compact .badge{font-size:19px;padding:4px 12px;top:12px;left:12px}}
@media(max-width:390px){.featured h3{font-size:16px}.featured .deal-button{font-size:15px;padding:8px 13px;gap:8px}.compact .deal-art{height:145px}.compact h3{font-size:15px}}

/* Store marks shared by the catalogue and the six featured deals. */
.store-logo{display:flex;align-items:center;max-width:100%;letter-spacing:0}
.store-logo img{display:block;max-width:100%;max-height:45px;width:auto;object-fit:contain}
.catalog-copy .brand{align-self:flex-start;height:54px;min-height:54px;margin-bottom:7px}
.featured .deal-button{margin-top:auto}
.featured h3{margin-bottom:24px}

/* Goedgekeurde dealknoppen: originele groene kleur, grotere letters. */
.deal.featured .deal-button,.deal.compact .deal-button{background:#5db779;color:#fff;font-size:17px!important;font-weight:700!important;line-height:1.3;justify-content:center!important;text-shadow:none;transform:none!important;width:100%;height:auto;min-height:48px;padding:12px 10px!important;align-self:stretch}.deal.featured .deal-button:hover,.deal.compact .deal-button:hover{background:#50a96c}@media(max-width:420px){.deal.compact .deal-button{padding-left:6px!important;padding-right:6px!important}}