/* Reference layouts are opt-in presentation variants of editable homepage sections. */
.sdc-homepage:has(.sdc-reference-hero) { --ref-accent:#299e60; --ref-ink:var(--sdc-text,#263238); --ref-muted:var(--sdc-muted,#687078); --ref-line:var(--sdc-border,#e5e7eb); --ref-surface:var(--sdc-surface,#fff); color:var(--ref-ink); }
.sdc-homepage:has(.sdc-reference-hero) .container-lg { max-width:1600px; width:calc(100% - 48px); padding-inline:0; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-homepage__section { margin:0 0 48px!important; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-homepage__section > section { padding-block:0!important; }
.sdc-homepage:has(.sdc-marketpro-preset-hero) { padding-block-start:24px; }
.sdc-reference-hero .banner-item { background:#d5eabe!important; border-radius:24px!important; padding:0 0 60px!important; }
.sdc-reference-hero .banner-img { opacity:.4; }
.sdc-reference-hero .banner-item__description { font-size:16px!important; line-height:2!important; max-width:420px; margin-block:16px 24px!important; }
.sdc-reference-hero .slider-nav-container { inset:45% 16px auto!important; justify-content:space-between; pointer-events:none; }
.sdc-reference-hero .slider-nav-container button { pointer-events:auto; }
.sdc-reference-hero .banner-slider__inner { min-height:475px!important; padding:48px 72px!important; }
.sdc-reference-hero .banner-item__content { width:49%; max-width:600px; }
.sdc-reference-hero .banner-item__title { font-size:clamp(32px,3.5vw,56px)!important; line-height:1.55!important; font-weight:800; }
.sdc-reference-hero .banner-item__thumb { width:45%; }
.sdc-reference-hero .banner-item__thumb img { max-height:370px!important; width:100%; object-fit:contain; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .sdc-category-grid { display:flex!important; flex-wrap:nowrap; gap:20px; overflow:auto; scrollbar-width:none; padding:10px 0; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item { flex:0 0 calc((100% - 180px)/10); min-width:105px; text-align:center; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item__thumb { background:#f2f6de!important; border-radius:50%!important; width:110px!important; height:110px!important; margin-inline:auto; }
.sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item__thumb img { width:84px!important; height:84px!important; object-fit:contain; }
.sdc-ref-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.sdc-ref-heading h2 { font-size:22px; margin:0; line-height:1.6; font-weight:750; }
.sdc-ref-heading a { color:var(--ref-muted); font-size:13px; }
.sdc-ref-heading__actions { display:flex; gap:10px; align-items:center; }
.sdc-ref-heading button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--ref-line); border-radius:50%; background:var(--ref-surface); color:var(--ref-ink); }
.sdc-ref-heading button:hover { color:var(--ref-accent); border-color:currentColor; }
.sdc-ref-banners { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.sdc-ref-banner { position:relative; isolation:isolate; min-height:245px; border-radius:16px; overflow:hidden; display:flex; align-items:center; background:#eef7e8; color:#263238; }
.sdc-ref-banner:nth-child(2) { background:#fff0df; }
.sdc-ref-banner:nth-child(3) { background:#e8f3fd; }
.sdc-ref-banner:nth-child(4) { background:#fff0f0; }
.sdc-ref-banner img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; transform:scaleX(-1); transition:transform .25s; }
.sdc-ref-banner:hover img { transform:scaleX(-1) scale(1.025); }
.sdc-ref-banner > div { width:60%; padding:24px; }
.sdc-ref-banner h3 { font-size:22px; line-height:1.7; color:inherit; margin:0 0 18px; }
.sdc-ref-banner p { font-size:13px; }
.sdc-ref-banner span { display:inline-flex; gap:8px; align-items:center; padding:8px 15px; border-radius:30px; background:#299e60; color:white; font-size:12px; }
.sdc-reference-banners--two .sdc-ref-banners { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sdc-reference-banners--two .sdc-ref-banner { min-height:270px; }
.sdc-reference-banners--two .sdc-ref-banner img { object-fit:contain; width:48%; inset-inline-start:auto; }
.sdc-reference-banners--two .sdc-ref-banner > div { width:53%; padding:32px; }
.sdc-reference-banners--green .sdc-ref-banner { background:#299e60; color:white; }
.sdc-reference-banners--green .sdc-ref-banner:nth-child(2) { background:#218451; }
.sdc-reference-banners--green .sdc-ref-banner span { background:white; color:#206c44; }
.sdc-reference-banners--wide .sdc-ref-banners { grid-template-columns:1fr; }
.sdc-reference-banners--wide .sdc-ref-banner { min-height:230px; background:#299e60; color:white; justify-content:center; }
.sdc-reference-banners--wide .sdc-ref-banner img { width:32%; object-fit:contain; transform:none; inset-inline-start:4%; inset-inline-end:auto; }
.sdc-reference-banners--wide .sdc-ref-banner > div { width:60%; text-align:center; margin-inline-start:25%; }
.sdc-reference-banners--wide .sdc-ref-banner span { background:#ff9f29; color:#202a22; }
.sdc-reference-banners--account .sdc-ref-banner { background:#20234d; min-height:330px; }
.sdc-reference-banners--account .sdc-ref-banner img { width:43%; }
.sdc-reference-banners--account .sdc-ref-banner > div { width:52%; margin-inline-start:40%; text-align:start; }
.sdc-reference-banners--account .sdc-ref-banner h3 { font-size:34px; }
.sdc-ref-collection { min-width:0; }
.sdc-ref-products { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 100px)/6); gap:20px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
.sdc-ref-products::-webkit-scrollbar { display:none; }
.sdc-ref-card { min-width:0; position:relative; border:1px solid var(--ref-line); border-radius:16px; padding:12px; background:var(--ref-surface); display:flex; flex-direction:column; scroll-snap-align:start; transition:border-color .2s; }
.sdc-ref-card:hover { border-color:var(--ref-accent); }
.sdc-ref-card__image { display:flex; justify-content:center; height:180px; }
.sdc-ref-card__image img { width:100%; height:100%; object-fit:contain; border-radius:10px; }
.sdc-ref-card__body { display:flex; flex-direction:column; flex:1; padding-top:12px; min-width:0; }
.sdc-ref-card h3 { font-size:13px; line-height:1.9; font-weight:650; margin:0 0 12px; min-height:49px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.sdc-ref-card h3 a { color:var(--ref-ink); }
.sdc-ref-card__price { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:auto; }
.sdc-ref-card__price strong { font-size:14px; white-space:nowrap; }
.sdc-ref-card__price small { font-size:10px; font-weight:400; }
.sdc-ref-card__discount { background:#ef4056; color:white; padding:1px 6px; border-radius:16px; font-size:11px; }
.sdc-ref-card del { color:var(--ref-muted); font-size:11px; text-align:end; margin-top:6px; }
.sdc-ref-card__rating { font-size:11px; margin-bottom:8px; }
.sdc-ref-card__rating i { color:#f3b51b; }
.sdc-ref-card__action .mt-24 { margin-top:14px!important; }
.sdc-ref-card__action .product-card__cart { font-size:11px!important; padding:8px!important; min-height:36px; border:0; background:#e8f7ee; color:#227347; }
.sdc-reference-products--spotlight .sdc-ref-collection,.sdc-reference-products--compact .sdc-ref-collection { display:grid; grid-template-columns:260px minmax(0,1fr); gap:20px; }
.sdc-reference-products--spotlight .sdc-ref-products { grid-auto-columns:calc((100% - 60px)/4); }
.sdc-ref-spotlight { background:#269b65; color:white; border-radius:16px; padding:24px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.sdc-ref-spotlight img { width:100%; height:210px; object-fit:contain; }
.sdc-ref-spotlight h3 { font-size:24px; color:inherit; line-height:1.8; }
.sdc-ref-spotlight span { border-radius:30px; padding:10px 16px; background:#ff9f29; color:#17291f; font-size:12px; }
.sdc-reference-products--compact .sdc-ref-collection { grid-template-columns:minmax(0,1fr) 30%; }
.sdc-reference-products--compact .sdc-ref-spotlight { grid-column:2; grid-row:1; background:#f7e8f2; color:#253229; }
.sdc-reference-products--compact .sdc-ref-products { grid-column:1; grid-row:1; grid-auto-flow:row; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sdc-reference-products--compact .sdc-ref-card,.sdc-ref-column .sdc-ref-card { flex-direction:row; align-items:center; gap:12px; }
.sdc-reference-products--compact .sdc-ref-card__image { width:85px; height:100px; flex-shrink:0; }
.sdc-ref-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.sdc-ref-column { border:1px solid var(--ref-line); border-radius:12px; overflow:hidden; }
.sdc-ref-column > h3 { background:#e6f5eb; padding:16px; margin:0; color:#263b2c; font-size:16px; }
.sdc-ref-column .sdc-ref-card { border:0; border-radius:0; padding:12px; }
.sdc-ref-column .sdc-ref-card__image { width:75px; height:85px; flex-shrink:0; }
.sdc-ref-column .sdc-ref-card__action { display:none; }
.sdc-ref-column .sdc-ref-card h3 { font-size:12px; margin-bottom:4px; }
.sdc-reference-brands .brand-inner { background:#f3f8e9!important; padding:30px!important; border-radius:16px; }
.sdc-reference-vendors .sdc-ref-vendors { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.sdc-ref-vendor { background:#f2f6e7; color:var(--ref-ink); border-radius:16px; text-align:center; padding:24px; display:flex; flex-direction:column; align-items:center; min-height:200px; }
.sdc-ref-vendor:nth-child(4n+2) { background:#e8f5f8; }.sdc-ref-vendor:nth-child(4n+3) { background:#f7eafa; }.sdc-ref-vendor:nth-child(4n) { background:#faf0e8; }
.sdc-ref-vendor img,.sdc-ref-vendor__icon { width:72px; height:72px; object-fit:contain; border-radius:50%; background:white; padding:8px; }
.sdc-ref-vendor__icon { display:grid; place-items:center; font-size:32px; color:#299e60; }
.sdc-ref-vendor h3 { font-size:16px; margin:16px 0; }.sdc-ref-vendor > span:last-child { color:#536551; font-size:12px; }
.sdc-reference-recommendations .sdc-marketpro-tabs__grid { grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:20px!important; }
.sdc-reference-recommendations .sdc-marketpro-tabs__card { display:flex!important; flex-direction:column; padding:12px!important; gap:12px!important; }
.sdc-reference-recommendations .sdc-marketpro-tabs__thumb { width:100%!important; height:180px!important; }
.sdc-reference-recommendations .sdc-marketpro-tabs__thumb img { width:100%!important; height:100%!important; object-fit:contain; }
.sdc-reference-recommendations .sdc-marketpro-tabs__content { width:100%; flex:1; }
.sdc-reference-recommendations .sdc-marketpro-tabs__content h3 { font-size:13px!important; min-height:50px; line-height:1.9; }
.sdc-reference-recommendations .sdc-marketpro-tabs__price strong { font-size:14px; }
.sdc-reference-recommendations .sdc-marketpro-tabs__button { border-radius:30px; padding:8px 16px; font-size:12px; }
.sdc-reference-services .sdc-service-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; gap:20px; overflow:visible; scroll-snap-type:none; padding:0; }
.sdc-reference-services .sdc-service-item { background:#e8f7ec; border:0; border-radius:12px; padding:20px; display:flex; gap:12px; }
.sdc-reference-services h2 { font-size:15px; }.sdc-reference-services p { font-size:11px; }
.sdc-reference-brands .brand-slider { display:flex!important; align-items:center; gap:24px; overflow:auto; scrollbar-width:none; }
.sdc-reference-brands .brand-item { min-width:120px; min-height:90px; display:flex!important; justify-content:center; align-items:center; }
.sdc-reference-brands .brand-item { flex:1 0 120px; }
.dm-preset-categories .sdc-category-grid:has(> :nth-child(9)):not(:has(> :nth-child(11))) { grid-template-columns:repeat(5,minmax(0,1fr)); }
/* DigiMarket follows the full-width campaign, red rail and bordered department structure. */
.dm-body .sdc-homepage:has(.sdc-reference-hero) { --ref-accent:#ef4056; }
.dm-body .sdc-homepage:has(.sdc-reference-hero) .container-lg { max-width:1336px; width:calc(100% - 32px); }
.dm-body .sdc-homepage:has(.sdc-reference-hero) .sdc-homepage__section { margin-bottom:24px!important; }
.dm-body .sdc-reference-hero .container-lg { width:100%!important; max-width:none!important; }
.dm-body .sdc-reference-hero .banner-item { border-radius:0!important; background:#f4dbea!important; }
.dm-body .sdc-reference-hero .banner-slider__inner { min-height:360px!important; max-width:1336px; margin:auto; padding:32px 64px!important; }
.dm-body .sdc-reference-hero .banner-item__title { font-size:36px!important; }
.dm-body .sdc-reference-hero .banner-item__thumb img { max-height:300px!important; }
.dm-body .sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item__thumb { width:64px!important; height:64px!important; background:#f4f4f5!important; }
.dm-body .sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item__thumb img { width:52px!important; height:52px!important; }
.dm-body .sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item { min-width:85px; }
.dm-body .sdc-category-showcase--compact .feature-item h6 { font-size:11px!important; }
.dm-body .sdc-category-showcase--compact .feature-item p { display:none; }
.dm-body .sdc-ref-heading { justify-content:center; position:relative; min-height:44px; }
.dm-body .sdc-ref-heading h2 { font-size:20px; font-weight:550; }
.dm-body .sdc-ref-heading__actions { position:absolute; inset-inline-end:0; }
.dm-body .sdc-reference-products--amazing > .container-lg { background:#ef4056; border-radius:16px; padding:20px!important; }
.sdc-reference-products--amazing .sdc-ref-collection { display:flex; gap:16px; }
.sdc-ref-rail-title { flex:0 0 140px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; color:white; }
.sdc-ref-rail-title > i { font-size:42px; }.sdc-ref-rail-title h2 { color:inherit; font-size:23px; line-height:1.7; }.sdc-ref-rail-title a { color:inherit; font-size:12px; }
.sdc-reference-products--amazing .sdc-ref-rail-title h2 { color:white!important; }
.sdc-reference-products--amazing .sdc-ref-card__rating { display:none; }
.sdc-reference-products--amazing > .container-lg { background:linear-gradient(110deg,#d52850,#ef4056)!important; }
.sdc-ref-spotlight h3,.sdc-ref-banner h3 { color:inherit!important; }
.sdc-reference-products--amazing .sdc-ref-products { display:flex; gap:3px; flex:1; }
.sdc-reference-products--amazing .sdc-ref-card { flex:0 0 178px; border-radius:0; border:0; padding:12px; }
.sdc-reference-products--amazing .sdc-ref-card:first-child { border-start-start-radius:8px; border-end-start-radius:8px; }
.dm-body .sdc-ref-card__image { height:145px; }
.dm-body .sdc-ref-card h3 { font-size:11px; color:var(--ref-muted); font-weight:400; margin-top:10px; }
.dm-body .sdc-ref-card__action { display:none; }
.sdc-ref-view-all { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:170px; background:var(--ref-surface); color:var(--ref-ink); gap:12px; font-size:14px; border-radius:8px 0 0 8px; }
.sdc-ref-view-all i { font-size:40px; color:#19bfd3; }
.sdc-reference-products--supermarket > .container-lg { border-radius:16px; background:#edf3e9; padding:18px 24px!important; }
.sdc-reference-products--supermarket .sdc-ref-collection { display:flex; align-items:center; gap:24px; }
.sdc-reference-products--supermarket .sdc-ref-rail-title { color:#417c36; flex-basis:220px; }
.sdc-reference-products--supermarket .sdc-ref-rail-title h2 { font-size:22px; }
.sdc-reference-products--supermarket .sdc-ref-products { display:flex; gap:16px; flex:1; }
.sdc-reference-products--supermarket .sdc-ref-card { flex:0 0 92px; border:0; border-radius:50%; padding:8px; height:92px; }
.sdc-reference-products--supermarket .sdc-ref-card__image { height:76px; }.sdc-reference-products--supermarket .sdc-ref-card__body { display:none; }
.dm-body .sdc-ref-banners { gap:16px; }.dm-body .sdc-ref-banner { min-height:225px; border-radius:16px; }
.dm-body .sdc-ref-banner h3 { font-size:20px; }.dm-body .sdc-ref-banner span { background:#ef4056; }
.dm-body .sdc-reference-banners--two .sdc-ref-banner { min-height:250px; }
.dm-body .sdc-reference-banners--wide .sdc-ref-banner { min-height:165px; background:#edf2f8; color:#3f4064; }
.sdc-ref-departments { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--ref-line); border-radius:16px; overflow:hidden; }
.sdc-ref-department { padding:20px; border-inline-end:1px solid var(--ref-line); }.sdc-ref-department:last-child { border-inline-end:0; }
.sdc-ref-department h2 { font-size:16px; margin:0 0 6px; }.sdc-ref-department p { color:var(--ref-muted); font-size:11px; margin:0 0 16px; }
.sdc-ref-department__images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.sdc-ref-department__images a { padding:10px; border-bottom:1px solid var(--ref-line); border-inline-end:1px solid var(--ref-line); }
.sdc-ref-department__images a:nth-child(2n) { border-inline-end:0; }.sdc-ref-department__images a:nth-child(n+3) { border-bottom:0; }
.sdc-ref-department__images img { width:100%; height:115px; object-fit:contain; }
.sdc-ref-department__link { display:block; color:#159bb0; text-align:center; font-size:12px; margin-top:15px; }
.dm-body .sdc-reference-brands .brand-inner { border:1px solid var(--ref-line); border-radius:16px; background:var(--ref-surface)!important; }
.sdc-reference-products--ranked > .container-lg,.sdc-reference-products--selection > .container-lg { border:1px solid var(--ref-line); border-radius:16px; padding:20px!important; }
.sdc-ref-ranked { display:grid; grid-auto-flow:column; grid-template-rows:repeat(3,100px); grid-auto-columns:calc((100% - 60px)/4); gap:0 20px; overflow:auto; scrollbar-width:none; }
.sdc-ref-ranked__item { display:flex; align-items:center; gap:12px; min-width:0; }
.sdc-ref-ranked__item img { width:72px; height:72px; object-fit:contain; }.sdc-ref-ranked__item > span { color:#19bfd3; font-size:28px; font-weight:800; }
.sdc-ref-ranked__item h3 { font-size:12px; font-weight:400; line-height:1.9; margin:0; color:var(--ref-ink); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.sdc-reference-products--selection .sdc-ref-products { grid-auto-flow:row; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; background:var(--ref-line); }
.sdc-reference-products--selection .sdc-ref-card { border-radius:0; border:0; }
.dm-body .sdc-reference-services .sdc-service-item { background:transparent; flex-direction:column; text-align:center; }
html[data-color-mode=dark] .sdc-ref-banner,html[data-color-mode=dark] .sdc-ref-vendor,html[data-color-mode=dark] .sdc-ref-column > h3,html[data-color-mode=dark] .sdc-reference-services .sdc-service-item { background:#233529; color:#f2f7f3; }
html[data-color-mode=dark] .sdc-reference-products--supermarket > .container-lg { background:#22372a; }
html[data-color-mode=dark] .sdc-ref-vendor > span:last-child { color:#c7dfce; }
.sdc-homepage:has(.sdc-reference-hero) :focus-visible { outline:3px solid var(--ref-accent); outline-offset:3px; }
@media(max-width:1199px) {
 .sdc-ref-products { grid-auto-columns:calc((100% - 48px)/4); gap:16px; }
 .sdc-reference-recommendations .sdc-marketpro-tabs__grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
 .sdc-reference-products--spotlight .sdc-ref-products { grid-auto-columns:calc((100% - 32px)/3); }
 .sdc-reference-products--compact .sdc-ref-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sdc-ref-columns { gap:12px; }.sdc-ref-column .sdc-ref-card { gap:6px; }.sdc-ref-column .sdc-ref-card__image { width:54px; }
 .sdc-ref-banner > div { padding:16px; }.sdc-ref-banner h3 { font-size:19px; }
}
@media(max-width:767px) {
 .dm-preset-categories .sdc-category-grid:has(> :nth-child(9)):not(:has(> :nth-child(11))) { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .sdc-homepage:has(.sdc-reference-hero),.sdc-homepage:has(.sdc-reference-hero) :is(h2,h3,h6,.btn) { font-family:var(--sdc-font-body)!important; }
 .sdc-reference-hero .banner-item { min-height:310px!important; }
 .sdc-reference-hero .banner-item__thumb { display:block!important; }
 .sdc-reference-hero .banner-item__content { padding:0!important; }
 .sdc-reference-hero .banner-item__content .btn { max-width:none!important; width:auto!important; white-space:nowrap; }
 .sdc-reference-hero .banner-item__description { font-size:12px!important; }
 .sdc-reference-hero .scroll-down { display:none!important; }
 .sdc-reference-hero .slider-nav-container { inset:auto 12px 10px!important; justify-content:flex-start; }
 .sdc-reference-hero .slider-nav-container button { width:32px!important; height:32px!important; }
 .sdc-reference-banners--account .sdc-ref-banner h3 { font-size:21px; }
 .sdc-reference-hero .banner-item { padding:0!important; }
 .sdc-homepage:has(.sdc-reference-hero) .container-lg,.dm-body .sdc-homepage:has(.sdc-reference-hero) .container-lg { width:calc(100% - 24px); }
 .sdc-homepage:has(.sdc-reference-hero) .sdc-homepage__section { margin-bottom:28px!important; }
 .sdc-reference-hero .banner-slider__inner,.dm-body .sdc-reference-hero .banner-slider__inner { min-height:300px!important; padding:24px!important; flex-direction:row!important; gap:10px; }
 .sdc-reference-hero .banner-item__content { width:55%!important; }.sdc-reference-hero .banner-item__title,.dm-body .sdc-reference-hero .banner-item__title { font-size:25px!important; }
 .sdc-reference-hero .banner-item__description { font-size:12px; }.sdc-reference-hero .banner-item__thumb { width:43%!important; }
 .sdc-reference-hero .banner-item__thumb img { max-height:200px!important; }.sdc-reference-hero .btn { font-size:11px!important; padding:10px 16px!important; }
 .sdc-ref-heading { margin-bottom:16px; }.sdc-ref-heading h2 { font-size:18px; }.sdc-ref-heading a { font-size:11px; }.sdc-ref-heading button { width:28px; height:28px; }
 .sdc-ref-banners { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.sdc-ref-banner,.dm-body .sdc-ref-banner { min-height:200px; }
 .sdc-ref-banner > div { width:68%; padding:16px; }.sdc-ref-banner h3 { font-size:17px; }.sdc-ref-banner span { font-size:10px; padding:6px 10px; }
 .sdc-reference-banners--two .sdc-ref-banners { grid-template-columns:minmax(0,1fr); }
 .sdc-reference-banners--two .sdc-ref-banner,.dm-body .sdc-reference-banners--two .sdc-ref-banner { min-height:220px; }
 .sdc-reference-banners--two .sdc-ref-banner > div { width:64%; padding:18px 16px; }
 .sdc-reference-banners--two .sdc-ref-banner > div > span { min-height:40px; padding:8px 12px; font-size:12px; white-space:nowrap; }
 .sdc-reference-banners--two .sdc-ref-banner > div > span > i { flex-shrink:0; }
 .sdc-reference-banners--wide .sdc-ref-banner { min-height:190px; }.sdc-reference-banners--wide .sdc-ref-banner > div { width:66%; padding:14px; }
 .sdc-ref-products { grid-auto-columns:168px; gap:12px; }.sdc-ref-card__image { height:150px; }.sdc-ref-card { padding:10px; }
 .sdc-reference-products--spotlight .sdc-ref-collection { grid-template-columns:170px minmax(0,1fr); gap:12px; }
 .sdc-reference-products--spotlight .sdc-ref-products { grid-auto-columns:168px; }.sdc-ref-spotlight { padding:14px; }.sdc-ref-spotlight img { height:160px; }.sdc-ref-spotlight h3 { font-size:20px; }
 .sdc-reference-products--compact .sdc-ref-collection { grid-template-columns:1fr; }.sdc-reference-products--compact .sdc-ref-spotlight { grid-column:1; grid-row:2; min-height:220px; flex-direction:row; gap:20px; }.sdc-reference-products--compact .sdc-ref-spotlight img { width:35%; }
 .sdc-reference-products--compact .sdc-ref-card { flex-direction:column; }.sdc-reference-products--compact .sdc-ref-card__image { width:100%; height:140px; }.sdc-reference-products--compact .sdc-ref-card__body { width:100%; }
 .sdc-ref-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }.sdc-ref-column .sdc-ref-card__image { width:52px; }.sdc-ref-column .sdc-ref-card__price strong { font-size:11px; }
 .sdc-reference-recommendations .sdc-marketpro-tabs__grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }.sdc-reference-recommendations .sdc-marketpro-tabs__thumb { height:155px!important; }
 .sdc-reference-vendors .sdc-ref-vendors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.sdc-ref-vendor { padding:16px; }
 .sdc-reference-services .sdc-service-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .sdc-reference-services .sdc-service-item { padding:16px; min-height:0; flex-direction:column; align-items:flex-start; gap:10px; scroll-snap-align:none; }
 .sdc-reference-services .sdc-service-item__icon { width:40px; height:40px; flex-basis:40px; }
 .sdc-reference-services .sdc-service-item__content { width:100%; }
 .sdc-reference-services .sdc-service-item h2 { font-size:14px; }
 .sdc-reference-services .sdc-service-item p { font-size:12px; }
 .dm-body .sdc-ref-heading__actions { position:static; }.dm-body .sdc-ref-heading { justify-content:space-between; }
 .dm-body .sdc-reference-products--amazing > .container-lg { padding:12px!important; }
 .sdc-ref-rail-title { flex-basis:105px; }.sdc-ref-rail-title h2 { font-size:19px; }.sdc-reference-products--amazing .sdc-ref-card { flex-basis:155px; }
 .sdc-reference-products--supermarket .sdc-ref-collection { flex-direction:column; align-items:stretch; }.sdc-reference-products--supermarket .sdc-ref-rail-title { flex-basis:auto; flex-direction:row; gap:12px; }.sdc-reference-products--supermarket .sdc-ref-rail-title h2 { font-size:18px; }
 .sdc-ref-departments { grid-template-columns:repeat(2,minmax(0,1fr)); }.sdc-ref-department { padding:14px; border-bottom:1px solid var(--ref-line); }.sdc-ref-department__images img { height:95px; }
 .sdc-ref-ranked { grid-auto-columns:270px; }.sdc-reference-products--selection .sdc-ref-products { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .sdc-reference-products--selection .sdc-ref-card__image { height:100px; }.sdc-reference-products--selection .sdc-ref-card__price strong { font-size:11px; }
}
@media(max-width:400px) {
 .sdc-reference-hero .banner-item__title,.dm-body .sdc-reference-hero .banner-item__title { font-size:21px!important; }
 .sdc-reference-hero .banner-item__description { font-size:10px; }
 .sdc-ref-banner h3,.dm-body .sdc-ref-banner h3 { font-size:15px; }.sdc-ref-banner > div { padding:12px; }
 .sdc-ref-heading__actions { gap:5px; }.sdc-ref-heading__actions button { display:none; }
 .sdc-ref-column .sdc-ref-card { flex-direction:column; }.sdc-ref-column .sdc-ref-card__image { width:80px; }
 .sdc-ref-departments { grid-template-columns:1fr; }.sdc-ref-department__images img { height:130px; }
 .sdc-reference-products--selection .sdc-ref-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) { .sdc-ref-banner img,.sdc-ref-card { transition:none; } }
@media(min-width:768px) and (max-width:1023px) {
 .sdc-reference-services .sdc-service-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sdc-reference-banners--two .sdc-ref-banner > div > span { padding:8px 12px; font-size:12px; white-space:nowrap; min-height:40px; }
}
@media(min-width:768px) {
 .sdc-homepage:has(.sdc-reference-hero) .sdc-category-showcase--compact .feature-item { flex-basis:calc((100% - 140px)/8); }
}
@media(max-width:767px) {
 .sdc-marketpro-preset-hero .banner-slider__inner { flex-direction:column!important; padding:24px 20px 42px!important; gap:16px; }
 .sdc-marketpro-preset-hero .banner-item__content { width:100%!important; }
 .sdc-marketpro-preset-hero .banner-item__title { font-size:25px!important; line-height:1.7!important; margin:0 0 16px!important; }
 .sdc-marketpro-preset-hero .banner-item__description { display:none; }
 .sdc-marketpro-preset-hero .banner-item__thumb { width:85%!important; }
 .sdc-marketpro-preset-hero .banner-item__thumb img { height:200px!important; max-height:200px!important; }
 .sdc-marketpro-preset-hero .slider-nav-container { inset:48% 12px auto!important; justify-content:space-between; }
 .sdc-marketpro-preset-hero .scroll-down { display:flex!important; width:64px!important; height:64px!important; bottom:-24px!important; z-index:4; }
 .sdc-homepage:has(.sdc-marketpro-preset-hero) .sdc-category-showcase--compact .feature-item { flex-basis:calc((100% - 20px)/2); }
 .sdc-homepage:has(.sdc-marketpro-preset-hero) .sdc-category-showcase--compact .feature-item__thumb { width:140px!important; height:140px!important; }
 .sdc-homepage:has(.sdc-marketpro-preset-hero) .sdc-category-showcase--compact .feature-item__thumb img { width:110px!important; height:110px!important; border-radius:50%; }
}