/* Merchant-owned artwork uses editable section/item classes in both themes. */
.sdc-promotion-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:16px; font-size:14px; font-weight:700; }
.sdc-promotion-eyebrow img { position:static!important; width:36px!important; height:36px!important; object-fit:contain!important; transform:none!important; border-radius:8px; }
.sdc-promotion-eyebrow span { padding:0; background:transparent; color:inherit; font-size:inherit; }
.safa-home-hero .banner-item { background:#f1f4e9!important; }
.safa-home-hero .banner-item:has(.safa-snapp-slide:not([hidden])) { background:#e7f5ff!important; }
.safa-home-hero .banner-item:has(.safa-tea-slide:not([hidden])) { background:#faf0e5!important; }
.safa-home-hero .banner-slider__inner { min-height:450px!important; padding:40px 76px!important; gap:24px; }
.safa-home-hero .banner-item__content { width:48%; }
.safa-home-hero .banner-item__thumb { width:48%; }
.safa-home-hero .banner-item__thumb img { height:auto; max-height:400px!important; }
.sdc-reference-hero.safa-home-hero .banner-item__title { font-size:clamp(30px,3.2vw,48px)!important; color:#183f32!important; white-space:pre-line; margin:0 0 18px!important; line-height:1.55!important; }
.safa-home-hero .banner-item__content .btn { min-height:44px!important; font-size:13px!important; padding:12px 24px!important; }
.sdc-reference-hero.safa-home-hero .banner-item__description { display:block!important; color:#466050!important; font-size:15px!important; }
.safa-home-hero .sdc-promotion-eyebrow { color:#276b4c; }
.safa-snapp-slide .sdc-promotion-eyebrow { color:#0876c8; }
.safa-snapp-slide .btn { background:#0876c8!important; border-color:#0876c8!important; color:white!important; }
.safa-home-banners .sdc-ref-banner { background:#f0f3e5; min-height:250px; align-items:flex-start; }
.safa-home-banners .sdc-ref-banner:nth-child(2) { background:#f9eddf; }
.safa-home-banners .sdc-ref-banner:nth-child(3) { background:#eaf1e8; }
.safa-home-banners .sdc-ref-banner:nth-child(4) { background:#f5eada; }
.safa-home-banners .sdc-ref-banner > img { inset:auto auto 0 0; width:60%; height:88%; object-fit:contain; transform:none; }
.safa-home-banners .sdc-ref-banner:hover > img { transform:scale(1.025); }
.safa-home-banners .sdc-ref-banner > div { padding:24px; width:66%; }
.safa-home-banners .sdc-ref-banner h3 { font-size:21px; }
.safa-home-banners.sdc-reference-banners--two .sdc-ref-banner { align-items:center; min-height:260px; }
.safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > img { width:48%; height:95%; }
.safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > div { width:54%; }
.safa-home-banners.sdc-reference-banners--green .sdc-ref-banner { background:#226847; color:#fff; }
.safa-home-banners.sdc-reference-banners--green .sdc-ref-banner:nth-child(2) { background:#3f7358; }
.safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner { min-height:275px; align-items:center; justify-content:flex-start; background:#edf4e8; color:#183f32; }
.safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner > div { width:62%; margin-inline-start:0; text-align:start; padding:36px 52px; }
.safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner > img { width:38%; height:100%; left:3%; }
.safa-home-banners.sdc-reference-banners--wide .safa-snapp-slide { background:#e7f5ff; color:#164569; }
.safa-home-banners .safa-snapp-slide > div > span { background:#0876c8; color:white; }
.safa-home-banners .sdc-ref-banner .sdc-promotion-eyebrow span { background:transparent; color:inherit; padding:0; }
.safa-home-banners .sdc-ref-banner .sdc-promotion-eyebrow { justify-content:inherit; }
.safa-home-banners.sdc-reference-banners--account .sdc-ref-banner { background:#173f32; color:white; }
.safa-home-banners.sdc-reference-banners--account .sdc-ref-banner h3 { font-size:30px; }
.sdc-reference-vendors .sdc-ref-vendors { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.sdc-ref-vendor img { width:180px; max-width:100%; height:96px; object-fit:contain; border-radius:14px; border:0; padding:0; background:transparent; }
.sdc-reference-brands .brand-item img { width:180px; height:96px; object-fit:contain; }
.dm-home-slider.safa-home-hero .dm-home-slider__slide { background:#f1f4e9; }
.dm-home-slider.safa-home-hero .safa-snapp-slide { background:#e7f5ff; }
.dm-home-slider.safa-home-hero .safa-tea-slide { background:#faf0e5; }
.dm-home-slider.safa-home-hero .dm-home-slider__media img { object-fit:contain; }
.dm-home-slider.safa-home-hero .dm-home-slider__content h2 { white-space:pre-line; }
@media(max-width:767px) {
 .sdc-reference-vendors .sdc-ref-vendors { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sdc-homepage:has(.sdc-marketpro-preset-hero) { padding-block-start:16px; }
 .safa-home-hero .banner-slider__inner { padding:28px 24px 56px!important; flex-direction:column!important; min-height:530px!important; gap:10px; }
 .safa-home-hero .banner-item__content { width:100%!important; max-width:450px; text-align:start; }
 .sdc-reference-hero.safa-home-hero .banner-item__title { font-size:28px!important; line-height:1.6!important; margin-bottom:10px!important; }
 .sdc-reference-hero.safa-home-hero .banner-item__description { font-size:13px!important; line-height:1.9!important; margin:10px 0 16px!important; }
 .safa-home-hero .banner-item__thumb { width:90%!important; max-width:360px; }
 .safa-home-hero .banner-item__thumb img { max-height:210px!important; }
 .safa-home-hero .slider-nav-container { inset:auto 20px 14px!important; }
 .safa-home-hero .slider-nav-container button { width:40px!important; height:40px!important; }
 .sdc-reference-hero.safa-home-hero .scroll-down { display:none!important; }
 .sdc-promotion-eyebrow { font-size:12px; margin-bottom:10px; }
 .safa-home-banners .sdc-ref-banner { min-height:225px; }
 .safa-home-banners .sdc-ref-banner > div { padding:18px; width:90%; }
 .safa-home-banners .sdc-ref-banner h3 { font-size:17px; }
 .safa-home-banners .sdc-ref-banner > img { width:84%; height:62%; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner { min-height:220px; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > div { width:64%; padding:18px 16px; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > img { width:36%; height:90%; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner h3 { font-size:20px; margin-bottom:12px; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner p { font-size:13px; line-height:1.85; margin-bottom:14px; }
 .safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner { min-height:270px; }
 .safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner > div { padding:22px; width:65%; }
 .safa-home-banners.sdc-reference-banners--wide .sdc-ref-banner > img { width:43%; left:0; height:78%; }
 .safa-home-banners.sdc-reference-banners--account .sdc-ref-banner h3 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) { .safa-home-banners .sdc-ref-banner > img { transition:none; } }
@media(min-width:768px) and (max-width:1023px) {
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > div { width:60%; padding:20px 16px; }
 .safa-home-banners.sdc-reference-banners--two .sdc-ref-banner > img { width:40%; }
}