/* Counter and Field - Sadec Online Shoppers homepage v2 */
.sdc2{
  --bg:#F4F5F6; --surface:#FFFFFF; --ink:#141619; --accent:#C2371D;
  --muted:#5F6670; --soft:#8A9099; --line:#E1E4E7; --stone:#EAECEE; --slate:#20242A;
  --r-card:10px; --r-btn:4px; --wrap:1280px; --pad:24px;
  background:var(--bg); color:var(--ink);
  font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.55; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.sdc2 *,.sdc2 *::before,.sdc2 *::after{box-sizing:border-box;}
.sdc2 h1,.sdc2 h2,.sdc2 h3{font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin:0;}
.sdc2 p{margin:0;}
.sdc2 ul{margin:0;padding:0;list-style:none;}
.sdc2 img{display:block;max-width:100%;height:auto;}
.entry-content .sdc2 a,.sdc2 a{text-decoration:none;color:inherit;box-shadow:none;border-bottom:0;}
.entry-content .sdc2 a:hover{text-decoration:none;}

.sdc2 .sdc2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:var(--r-btn);background:var(--ink);color:#FFFFFF;font-weight:500;font-size:15px;letter-spacing:0.01em;border:1px solid var(--ink);transition:background .18s ease,color .18s ease;}
.sdc2 .sdc2-btn:hover{background:var(--slate);color:#FFFFFF;}
.sdc2 .sdc2-btn-alt{background:transparent;color:var(--ink);}
.sdc2 .sdc2-btn-alt:hover{background:var(--ink);color:#FFFFFF;}
.sdc2 .sdc2-btn-light{background:#FFFFFF;color:var(--ink);border-color:#FFFFFF;}
.sdc2 .sdc2-btn-light:hover{background:var(--stone);color:var(--ink);}
.sdc2 .sdc2-btn-ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.45);}
.sdc2 .sdc2-btn-ghost:hover{background:rgba(255,255,255,.10);color:#FFFFFF;}

.sdc2-sec{max-width:var(--wrap);margin:0 auto;padding:56px var(--pad) 0;}
.sdc2-band{max-width:none;background:var(--stone);padding:56px var(--pad);margin-top:56px;}
.sdc2-band > *{max-width:var(--wrap);margin-left:auto;margin-right:auto;}

.sdc2-rowhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--line);}
.sdc2-rowhead h2{font-size:clamp(24px,2.6vw,34px);line-height:1.08;}
.sdc2-rowhead p{color:var(--muted);font-size:15px;margin-top:6px;max-width:60ch;}
.sdc2-rowhead-mark h2{position:relative;padding-left:16px;}
.sdc2-rowhead-mark h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--accent);border-radius:2px;}
.sdc2 .sdc2-viewall{flex:none;font-size:14px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;white-space:nowrap;}
.sdc2 .sdc2-viewall:hover{color:var(--muted);border-color:var(--muted);}

.sdc2-hero{max-width:var(--wrap);margin:0 auto;padding:48px var(--pad) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;}
.sdc2-hero-copy h1{font-size:clamp(30px,3.2vw,42px);line-height:1.06;max-width:22ch;}
.sdc2-lede{margin-top:20px;color:var(--muted);font-size:17px;max-width:46ch;}
.sdc2-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.sdc2-herofacts{margin-top:28px;border-top:1px solid var(--line);}
.sdc2-herofacts li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);}
.sdc2-hero-panel{position:relative;display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;}
.sdc2-hero-panel img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:28px;background:var(--surface);}
.sdc2-hero-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--surface);border-top:1px solid var(--line);}
.sdc2-hero-label-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sdc2-hero-label-txt strong{font-size:11px;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.sdc2-hero-label-txt span{font-size:15px;font-weight:500;color:var(--ink);}
.sdc2-hero-label-price{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}

.sdc2-trust{max-width:var(--wrap);margin:56px auto 0;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sdc2-trust > div{padding:20px 24px 20px 0;border-right:1px solid var(--line);}
.sdc2-trust > div:last-child{border-right:0;padding-right:0;}
.sdc2-trust strong{display:block;font-size:15px;font-weight:600;color:var(--ink);}
.sdc2-trust span{display:block;font-size:13.5px;color:var(--muted);margin-top:3px;}

.sdc2-brands{display:grid;grid-template-columns:1.32fr 1fr;grid-template-rows:auto auto;gap:20px;}
.sdc2-brands > a:first-child{grid-row:span 2;}
.sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:4/4.4;}
.sdc2-brands > a:first-child .sdc2-brand-name{font-size:26px;}
.sdc2-brands > a:not(:first-child) .sdc2-brand-media{aspect-ratio:16/8;}
.sdc2-brand{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .18s ease;}
.sdc2-brand:hover{border-color:var(--ink);}
.sdc2-brand-media{display:block;aspect-ratio:5/4;background:var(--surface);}
.sdc2-brand-media img{width:100%;height:100%;object-fit:contain;padding:24px;}
.sdc2-brand-bar{display:block;padding:16px 20px;border-top:1px solid var(--line);}
.sdc2-brand-name{display:block;font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:20px;letter-spacing:-0.02em;}
.sdc2-brand-sub{display:block;font-size:14px;color:var(--muted);margin-top:2px;}
.sdc2-brand-count{display:block;font-size:13px;color:var(--soft);margin-top:8px;}

.sdc2-sizes{display:grid;grid-template-columns:0.84fr 1fr 1.16fr;gap:20px;align-items:stretch;}
.sdc2-size{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .18s ease;}
.sdc2-size:hover{border-color:var(--ink);}
.sdc2-size-media{display:block;background:var(--surface);}
.sdc2-size-media img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:22px;}
.sdc2-size-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;border-top:1px solid var(--line);flex:1;}
.sdc2-size-cap{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
.sdc2-size-name{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:22px;letter-spacing:-0.02em;}
.sdc2-size-desc{font-size:14px;color:var(--muted);}
.sdc2-size-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);}
.sdc2-size-from{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;}
.sdc2-size-n{font-size:13px;color:var(--soft);}

.sdc2-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sdc2-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sdc2-grid3 .sdc2-card-media img{aspect-ratio:4/3;padding:24px;}
.sdc2-grid3 .sdc2-card-title{font-size:16px;}
.sdc2-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .18s ease;}
.sdc2-card:hover{border-color:var(--ink);}
.sdc2-card-media{position:relative;display:block;background:var(--surface);}
.sdc2-card-media img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:18px;}
.sdc2-noimg{display:block;aspect-ratio:1/1;background:var(--stone);}
.sdc2-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-btn);padding:4px 8px;}
.sdc2-badge-out{color:var(--muted);border-color:var(--line);}
.sdc2-rank{position:absolute;top:12px;right:12px;z-index:2;font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:13px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;}
.sdc2-card-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 18px;border-top:1px solid var(--line);flex:1;}
.sdc2-card-title{font-size:14.5px;font-weight:500;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sdc2 .sdc2-price{margin-top:auto;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.sdc2-reg{font-size:17px;font-weight:600;color:var(--ink);}
.sdc2-was{font-size:14px;color:var(--soft);text-decoration:line-through;}
.sdc2-now{font-size:17px;font-weight:600;color:var(--accent);}
.sdc2-ask{font-size:14px;color:var(--muted);}

.sdc2-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:20px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin;}
.sdc2-rail > .sdc2-card{scroll-snap-align:start;}

.sdc2-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sdc2-tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .18s ease;}
.sdc2-tile:hover{border-color:var(--ink);}
.sdc2-tile-media{display:block;flex:1;background:var(--surface);}
.sdc2-tile-media img{width:100%;height:100%;object-fit:contain;padding:18px;}
.sdc2-tile-bar{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid var(--line);}
.sdc2-tile-name{font-size:15px;font-weight:500;}
.sdc2-tile-n{font-size:13px;color:var(--soft);font-variant-numeric:tabular-nums;}
.sdc2-tile-1{grid-column:span 2;grid-row:span 2;}
.sdc2-tile-1 .sdc2-tile-name{font-size:18px;}
.sdc2-tile:not(.sdc2-tile-1) .sdc2-tile-media{aspect-ratio:4/3;flex:none;}

.sdc2-split{display:grid;grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr);gap:40px;align-items:start;}
.sdc2-split-copy{position:sticky;top:100px;}
.sdc2-split-copy h2{font-size:clamp(24px,2.6vw,34px);line-height:1.08;}
.sdc2-split-copy p{margin-top:14px;color:var(--muted);font-size:15.5px;max-width:38ch;}
.sdc2-split-copy .sdc2-btn{margin-top:24px;}
.sdc2-split-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.sdc2-close{background:var(--slate);color:#FFFFFF;margin-top:56px;padding:56px var(--pad);}
.sdc2-close-inner{max-width:var(--wrap);margin:0 auto;}
.sdc2-close h2{color:#FFFFFF;font-size:clamp(24px,2.6vw,34px);line-height:1.08;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16);}
.sdc2-close-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:32px;}
.sdc2-close-grid h3{color:#FFFFFF;font-size:16px;font-weight:600;letter-spacing:-0.01em;}
.sdc2-close-grid p{margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.72);}
.sdc2-close-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;}

@media (max-width:1024px){
  .sdc2-hero{grid-template-columns:1fr;gap:32px;padding-top:32px;}
  .sdc2-hero-copy h1{max-width:18ch;}
  .sdc2-trust{grid-template-columns:repeat(2,1fr);}
  .sdc2-trust > div:nth-child(2n){border-right:0;padding-right:0;}
  .sdc2-trust > div:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .sdc2-sizes{grid-template-columns:1fr 1fr;}
  .sdc2-sizes .sdc2-size:last-child{grid-column:span 2;}
  .sdc2-grid4{grid-template-columns:repeat(3,1fr);}.sdc2-grid3{grid-template-columns:repeat(3,1fr);}
  .sdc2-bento{grid-template-columns:repeat(3,1fr);}
  .sdc2-tile-1{grid-column:span 3;grid-row:span 1;}
  .sdc2-tile-1 .sdc2-tile-media{aspect-ratio:16/7;flex:none;}
  .sdc2-split{grid-template-columns:1fr;gap:28px;}
  .sdc2-split-copy{position:static;}
  .sdc2-split-copy p{max-width:60ch;}
  .sdc2-close-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .sdc2{--pad:18px;}
  .sdc2-sec,.sdc2-band,.sdc2-close{padding-top:44px;}
  .sdc2-band,.sdc2-close{margin-top:44px;}
  .sdc2-rowhead{flex-direction:column;align-items:flex-start;gap:12px;}
  .sdc2-brands{grid-template-columns:1fr;}
  .sdc2-brands > a:first-child{grid-row:auto;}.sdc2-brands > a .sdc2-brand-media,.sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:16/10;}.sdc2-grid3{grid-template-columns:1fr;}
  .sdc2-sizes{grid-template-columns:1fr;}
  .sdc2-sizes .sdc2-size:last-child{grid-column:span 1;}
  .sdc2-grid4{grid-template-columns:repeat(2,1fr);gap:14px;}
  .sdc2-split-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .sdc2-bento{grid-template-columns:repeat(2,1fr);gap:14px;}
  .sdc2-tile-1{grid-column:span 2;}
  .sdc2-tile-1 .sdc2-tile-media{aspect-ratio:16/9;flex:none;}
  .sdc2-close-grid{grid-template-columns:1fr;gap:24px;}
  .sdc2-card-media img,.sdc2-tile-media img{padding:12px;}
  .sdc2-cta .sdc2-btn{flex:1 1 auto;}
  .sdc2-rail{grid-auto-columns:minmax(190px,1fr);}
}
@media (prefers-reduced-motion:reduce){.sdc2 *{transition:none !important;}}

/* --- host-theme overrides --- */
body:has(.sdc2){background:#F4F5F6 !important;}
body:has(.sdc2) #content,body:has(.sdc2) .site-content,body:has(.sdc2) #primary,body:has(.sdc2) .site-main,body:has(.sdc2) .ast-article-single,body:has(.sdc2) .entry-content{background:#F4F5F6 !important;background-image:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important;max-width:none !important;}
body:has(.sdc2) #content > .ast-container{padding:0 !important;max-width:none !important;}
body:has(.sdc2) .entry-content > h2::before,body:has(.sdc2) .sdc2 h2::before{content:none !important;display:none !important;}
.sdc2 .sdc2-rowhead-mark h2::before{content:"" !important;display:block !important;position:absolute;left:0;top:.18em;bottom:.18em;width:4px;height:auto;background:#C2371D;border-radius:2px;margin:0;}
body:has(.sdc2) #content::before,body:has(.sdc2) #content::after,body:has(.sdc2) .site-content::before,body:has(.sdc2) .site-content::after,body:has(.sdc2) .entry-content::before,body:has(.sdc2) .entry-content::after{display:none !important;content:none !important;}
body:has(.sdc2) .entry-content > .sdc2{margin:0;}
.sdc2 a:not(.sdc2-btn){color:inherit !important;}
.sdc2 .sdc2-btn{color:#FFFFFF !important;}
.sdc2 .sdc2-btn-alt{color:#141619 !important;}
.sdc2 .sdc2-btn-alt:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-btn-light{color:#141619 !important;}
.sdc2 .sdc2-btn-ghost{color:#FFFFFF !important;}
.sdc2 .sdc2-now{color:#C2371D !important;}
.sdc2 .sdc2-size-cap{color:#C2371D !important;}
.sdc2 .sdc2-badge{color:#C2371D !important;}
.sdc2 .sdc2-badge-out{color:#5F6670 !important;}
.sdc2 .sdc2-was{color:#8A9099 !important;}
.sdc2 .sdc2-brand-sub,.sdc2 .sdc2-size-desc{color:#5F6670 !important;}
.sdc2 .sdc2-brand-count,.sdc2 .sdc2-size-n,.sdc2 .sdc2-tile-n{color:#8A9099 !important;}
.sdc2 .sdc2-rank{color:#5F6670 !important;}
.sdc2-close .sdc2-close-grid p{color:rgba(255,255,255,.72) !important;}
.sdc2-rail{overflow-y:hidden;overscroll-behavior-x:contain;}

/* SADEC HOME V3 - ECOMMERCE LAYER - START */
.sdc2 .sdc2-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.sdc2 .sdc2-card-link{display:flex;flex-direction:column;flex:1;text-decoration:none;}
.sdc2 .sdc2-card-act{padding:0 16px 16px;}
.sdc2 .sdc2-add{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--ink);border-radius:var(--r-btn);background:var(--ink);color:#FFFFFF !important;font-weight:500;font-size:14px;line-height:1.2;transition:background .18s ease,color .18s ease;}
.sdc2 .sdc2-add:hover{background:var(--slate);border-color:var(--slate);color:#FFFFFF !important;}
.sdc2 .sdc2-add-alt{background:transparent;color:var(--ink) !important;}
.sdc2 .sdc2-add-alt:hover{background:var(--ink);color:#FFFFFF !important;}
.sdc2 .sdc2-add.loading{opacity:.6;}
.sdc2 .sdc2-add.added{display:none;}
.sdc2 .added_to_cart{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid var(--ink);border-radius:var(--r-btn);background:transparent;color:var(--ink) !important;font-weight:500;font-size:14px;}
.sdc2 .added_to_cart:hover{background:var(--ink);color:#FFFFFF !important;}
.sdc2 .sdc2-search{display:flex;gap:8px;margin:22px 0 0;max-width:520px;}
.sdc2 .sdc2-search input[type=search]{flex:1;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-btn);background:#FFFFFF;color:var(--ink);font-family:inherit;font-size:15px;}
.sdc2 .sdc2-search input[type=search]:focus{outline:none;border-color:var(--ink);}
.sdc2 .sdc2-search input[type=search]::placeholder{color:var(--soft);}
.sdc2 .sdc2-search button{height:48px;padding:0 22px;border:1px solid var(--ink);border-radius:var(--r-btn);background:var(--ink);color:#FFFFFF;font-family:inherit;font-weight:500;font-size:15px;cursor:pointer;}
.sdc2 .sdc2-search button:hover{background:var(--slate);border-color:var(--slate);}
.sdc2 .sdc2-catindex{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;}
.sdc2 .sdc2-catgroup{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;}
.sdc2 .sdc2-catgroup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-family:"Schibsted Grotesk",Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:-0.01em;}
.sdc2 .sdc2-catgroup-head:hover{background:var(--stone);}
.sdc2 .sdc2-catgroup-n{font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:13px;color:var(--muted);}
.sdc2 .sdc2-catlist{list-style:none;margin:0;padding:6px 0;}
.sdc2 .sdc2-catlist li{margin:0;}
.sdc2 .sdc2-catlist a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;font-size:14.5px;line-height:1.35;}
.sdc2 .sdc2-catlist a:hover{background:var(--stone);}
.sdc2 .sdc2-catn{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
@media (max-width:900px){.sdc2 .sdc2-catindex{grid-template-columns:1fr;}}
@media (max-width:560px){.sdc2 .sdc2-search{flex-direction:column;}.sdc2 .sdc2-search button{width:100%;}.sdc2 .sdc2-card-act{padding:0 12px 12px;}.sdc2 .sdc2-add{font-size:13px;min-height:42px;}}
/* The global ".sdc2 a:not(.sdc2-btn){color:inherit!important}" reset out-specifies a
   plain .sdc2-add rule and painted the button label near-black on a near-black fill,
   so these carry the card-action ancestor to win on specificity. */
.sdc2 .sdc2-card-act a.sdc2-add{color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.sdc2-add:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt{color:#141619 !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.added_to_cart{color:#141619 !important;}
.sdc2 .sdc2-card-act a.added_to_cart:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-hero-slides{display:grid;}
.sdc2 .sdc2-hero-slide{grid-area:1/1;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility 0s linear .7s;text-decoration:none;}
.sdc2 .sdc2-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s ease,visibility 0s;}
.sdc2 .sdc2-hero-media{position:relative;display:block;flex:1;}
.sdc2 .sdc2-hero-label{margin-top:auto;}
.sdc2 .sdc2-hero-label-txt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sdc2 .sdc2-hero-label-price .sdc2-price{margin-top:0;justify-content:flex-end;gap:8px;}
.sdc2 .sdc2-hero-label-price .sdc2-reg,.sdc2 .sdc2-hero-label-price .sdc2-now{font-size:20px;}
.sdc2 .sdc2-hero-panel{display:flex;flex-direction:column;}
.sdc2 .sdc2-hero-ctrl{display:flex;align-items:center;gap:14px;padding:12px 20px 14px;background:var(--surface);border-top:1px solid var(--line);}
.sdc2 .sdc2-hero-nav{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);width:32px;height:32px;border-radius:var(--r-btn);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease;}
.sdc2 .sdc2-hero-nav:hover{border-color:var(--ink);background:var(--stone);}
.sdc2 .sdc2-hero-nav:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.sdc2 .sdc2-hero-count{font-size:12.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.sdc2 .sdc2-hero-track{flex:1;height:2px;background:var(--line);overflow:hidden;}
.sdc2 .sdc2-hero-fill{display:block;height:100%;width:0;background:var(--ink);}
@media (prefers-reduced-motion: reduce){.sdc2 .sdc2-hero-slide{transition:none;}}
/* Brand strip. Wordmarks are set in type, not sourced logo files, so they stay
   crisp at any size and cannot break when a brand changes its assets. */
.sdc2 .sdc2-brandband{max-width:var(--wrap);margin:44px auto 0;padding:0 var(--pad);}
.sdc2 .sdc2-brandband-lead{margin:0 0 14px;font-size:12px;font-weight:500;letter-spacing:.10em;text-transform:uppercase;color:var(--soft);}
/* The clip is what makes the loop work: the track is twice the visible width and
   slides exactly one copy left, so without a clipping parent it simply walks off
   the page and leaves an empty band. */
.sdc2 .sdc2-brandclip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sdc2 .sdc2-brandtrack{display:flex;width:max-content;animation:sdc2-marquee 34s linear infinite;}
.sdc2 .sdc2-brandband:hover .sdc2-brandtrack{animation-play-state:paused;}
.sdc2 .sdc2-brandrun{display:flex;align-items:center;gap:72px;padding:22px 36px 22px 0;}
@keyframes sdc2-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.sdc2 .sdc2-brandmark{display:flex;flex-direction:column;gap:3px;text-decoration:none;filter:grayscale(1);opacity:.62;transition:opacity .2s ease;}
.sdc2 .sdc2-brandmark:hover{opacity:1;}
.sdc2 .sdc2-brandmark-name{color:var(--ink);line-height:1;white-space:nowrap;font-family:"Schibsted Grotesk",Helvetica Neue,Arial,sans-serif;}
.sdc2 .sdc2-brandmark-note{font-size:11.5px;color:var(--muted);white-space:nowrap;}
.sdc2 .is-smeg .sdc2-brandmark-name{font-weight:700;font-size:30px;letter-spacing:-.045em;}
.sdc2 .is-fieldbar .sdc2-brandmark-name{font-weight:500;font-size:22px;letter-spacing:.34em;}
.sdc2 .is-stanley .sdc2-brandmark-name{font-weight:700;font-size:24px;letter-spacing:.10em;transform:scaleX(.92);transform-origin:left;}
.sdc2 .is-kitchenaid .sdc2-brandmark-name{font-weight:600;font-size:25px;letter-spacing:-.025em;}
@media (prefers-reduced-motion: reduce){.sdc2 .sdc2-brandtrack{animation:none;}}

/* Credibility strip: the honest alternative to a row of borrowed badges. */
.sdc2 .sdc2-cred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);}
.sdc2 .sdc2-cred-item{padding:24px 26px 26px 0;border-right:1px solid var(--line);}
.sdc2 .sdc2-cred-item:last-child{border-right:0;padding-right:0;}
.sdc2 .sdc2-cred-item h3{margin:0 0 8px;font-family:"Schibsted Grotesk",Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.01em;color:var(--ink);}
.sdc2 .sdc2-cred-item p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted);}
@media (max-width:1024px){
.sdc2 .sdc2-cred-grid{grid-template-columns:repeat(2,1fr);}
.sdc2 .sdc2-cred-item:nth-child(2n){border-right:0;padding-right:0;}
.sdc2 .sdc2-cred-item:nth-child(-n+2){border-bottom:1px solid var(--line);}
}
@media (max-width:560px){
.sdc2 .sdc2-cred-grid{grid-template-columns:1fr;}
.sdc2 .sdc2-cred-item{border-right:0;padding-right:0;border-bottom:1px solid var(--line);}
.sdc2 .sdc2-cred-item:last-child{border-bottom:0;}
.sdc2 .sdc2-brandrun{gap:48px;}
}
/* SADEC HOME V3 - ECOMMERCE LAYER - END */
/* brands: controlled heights */
.sdc2-brands{grid-auto-rows:minmax(0,1fr);height:560px;}
.sdc2-brand{display:flex;flex-direction:column;min-height:0;}
.sdc2-brands > a .sdc2-brand-media,.sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:auto;flex:1;min-height:0;}
@media (max-width:760px){.sdc2-brands{height:auto;grid-auto-rows:auto;}.sdc2-brands > a .sdc2-brand-media,.sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:16/10;flex:none;}}

.sdc2 .sdc2-lede{margin-top:22px !important;margin-bottom:0 !important;}
.sdc2 .sdc2-hero-copy h1{margin-bottom:0 !important;}
.sdc2 p{margin-bottom:0 !important;}
.sdc2 .sdc2-rowhead p{margin-top:6px !important;}
.sdc2 .sdc2-split-copy p{margin-top:14px !important;}
.sdc2 .sdc2-close-grid p{margin-top:8px !important;}

.sdc2 .sdc2-brands .sdc2-brand-media{display:flex;align-items:center;justify-content:center;}
.sdc2 .sdc2-brands .sdc2-brand-media img{width:100% !important;height:100% !important;object-fit:contain;padding:24px;}
@media (max-width:760px){.sdc2 .sdc2-brands .sdc2-brand-media img{height:auto !important;}}

/* category tiles: the photograph fills the tile */
.sdc2 .sdc2-brands .sdc2-brand-media img{object-fit:cover !important;padding:0 !important;}
.sdc2 .sdc2-bento .sdc2-tile-media{background:#EAECEE;}
.sdc2 .sdc2-bento .sdc2-tile-media img{width:100% !important;height:100% !important;object-fit:cover !important;padding:0 !important;}
@media (max-width:760px){.sdc2 .sdc2-brands .sdc2-brand-media img{height:100% !important;}}

/* --- Before you order: open Q&A, two columns, no accordion --- */
.sdc2-faq{margin-top:56px;}
.sdc2-faq-inner{max-width:var(--wrap);margin:0 auto;}
.sdc2-faq h2{font-size:clamp(24px,2.6vw,34px);line-height:1.08;padding-bottom:20px;border-bottom:1px solid var(--line);}
.sdc2-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;margin-top:32px;}
.sdc2-faq-item h3{font-size:16.5px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}
.sdc2-faq-item p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted);max-width:60ch;}

/* --- Closing contact band --- */
.sdc2-contact{display:grid;grid-template-columns:1.6fr 1fr;gap:24px 48px;align-items:start;}
.sdc2-contact h2{color:#FFFFFF;font-size:clamp(22px,2.2vw,28px);line-height:1.1;border-bottom:0;padding-bottom:0;}
.sdc2-contact-who p{margin-top:10px;font-size:14.5px;color:rgba(255,255,255,.72);max-width:52ch;}
.sdc2-contact-reach p{font-size:15px;margin-top:4px;}
.sdc2-contact-reach a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);}
.sdc2-contact-reach a:hover{border-bottom-color:#FFFFFF;}
.sdc2-contact .sdc2-close-cta{grid-column:1 / -1;margin-top:16px;}

@media (max-width:1024px){
  .sdc2-faq-grid{gap:28px 32px;}
}
@media (max-width:720px){
  .sdc2-faq-grid{grid-template-columns:1fr;gap:24px;}
  .sdc2-contact{grid-template-columns:1fr;}
}

/* ============================================================
   SADEC HOME V4 - "Ember and Graphite"
   The page was white, the cards were white and every studio product
   shot is white, so nothing separated from anything. This puts a warm
   graphite slab under the hero and the deals band, a warm stone ground
   under the shopping rows, and lifts the ember out of the O in the SOS
   mark as the single accent. Rollback: sadec_homev4_backup_20260830
   ============================================================ */
.sdc2{
  --bg:#F2EDE7; --surface:#FFFFFF; --ink:#16120F; --slate:#241D18;
  --accent:#E2571C; --accent-deep:#B8410F;
  --muted:#5D544C; --soft:#8B8077; --line:#E3D9CE; --stone:#E9E1D7;
}
body:has(.sdc2){background:#F2EDE7 !important;}
body:has(.sdc2) #content,body:has(.sdc2) .site-content,body:has(.sdc2) #primary,body:has(.sdc2) .site-main,body:has(.sdc2) .ast-article-single,body:has(.sdc2) .entry-content{background:#F2EDE7 !important;}

/* accent recolours: the earlier layer hard-codes the retired vermilion */
.sdc2 .sdc2-now,.sdc2 .sdc2-size-cap,.sdc2 .sdc2-badge{color:#E2571C !important;}
.sdc2 .sdc2-badge{border-color:#E2571C;}
.sdc2 .sdc2-badge-out{color:#5D544C !important;border-color:#E3D9CE;}
.sdc2 .sdc2-was{color:#8B8077 !important;}
.sdc2 .sdc2-brand-sub,.sdc2 .sdc2-size-desc{color:#5D544C !important;}
.sdc2 .sdc2-brand-count,.sdc2 .sdc2-size-n,.sdc2 .sdc2-tile-n,.sdc2 .sdc2-rank{color:#8B8077 !important;}
.sdc2 .sdc2-rowhead-mark h2::before{background:#E2571C !important;width:5px;}
.sdc2 .sdc2-card:hover,.sdc2 .sdc2-tile:hover,.sdc2 .sdc2-size:hover,.sdc2 .sdc2-brand:hover{border-color:#E2571C;}
.sdc2 .sdc2-hero-fill{background:#E2571C;}

/* buttons: ember is the buy colour, graphite is the outline */
.sdc2 .sdc2-btn{background:#E2571C;border-color:#E2571C;color:#FFFFFF !important;}
.sdc2 .sdc2-btn:hover{background:#B8410F;border-color:#B8410F;color:#FFFFFF !important;}
.sdc2 .sdc2-btn-alt{background:transparent;border-color:#16120F;color:#16120F !important;}
.sdc2 .sdc2-btn-alt:hover{background:#16120F;border-color:#16120F;color:#FFFFFF !important;}
.sdc2 .sdc2-btn-light{background:#FFFFFF;border-color:#FFFFFF;color:#16120F !important;}
.sdc2 .sdc2-btn-light:hover{background:#E9E1D7;color:#16120F !important;}
.sdc2 .sdc2-btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#FFFFFF !important;}
.sdc2 .sdc2-btn-ghost:hover{background:rgba(255,255,255,.12);color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.sdc2-add{background:#E2571C;border-color:#E2571C;color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.sdc2-add:hover{background:#B8410F;border-color:#B8410F;color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt{background:transparent;border-color:#16120F;color:#16120F !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt:hover{background:#16120F;border-color:#16120F;color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.added_to_cart{border-color:#16120F;color:#16120F !important;}
.sdc2 .sdc2-card-act a.added_to_cart:hover{background:#16120F;color:#FFFFFF !important;}

/* ---- the graphite hero slab ---- */
.sdc2 .sdc2-heroband{
  background:#16120F;
  background-image:radial-gradient(115% 85% at 8% -10%, rgba(226,87,28,.20) 0%, rgba(226,87,28,0) 58%);
  padding-bottom:54px;
}
.sdc2 .sdc2-heroband .sdc2-hero{padding-top:56px;align-items:center;}
.sdc2 .sdc2-heroband h1{color:#FFFFFF;}
.sdc2 .sdc2-heroband .sdc2-lede{color:rgba(255,255,255,.72);}
.sdc2 .sdc2-heroband .sdc2-hero-panel{border-color:transparent;box-shadow:0 24px 60px rgba(0,0,0,.35);}
.sdc2 .sdc2-heroband .sdc2-search input[type=search]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24);color:#FFFFFF;}
.sdc2 .sdc2-heroband .sdc2-search input[type=search]::placeholder{color:rgba(255,255,255,.48);}
.sdc2 .sdc2-heroband .sdc2-search input[type=search]:focus{border-color:#E2571C;}
.sdc2 .sdc2-heroband .sdc2-search button{background:#E2571C;border-color:#E2571C;}
.sdc2 .sdc2-heroband .sdc2-search button:hover{background:#B8410F;border-color:#B8410F;}
.sdc2 .sdc2-heroband .sdc2-btn-alt{border-color:rgba(255,255,255,.42);color:#FFFFFF !important;}
.sdc2 .sdc2-heroband .sdc2-btn-alt:hover{background:#FFFFFF;border-color:#FFFFFF;color:#16120F !important;}
.sdc2 .sdc2-heroband .sdc2-trust{margin-top:44px;border-top-color:rgba(255,255,255,.16);border-bottom-color:rgba(255,255,255,.16);}
.sdc2 .sdc2-heroband .sdc2-trust > div{border-right-color:rgba(255,255,255,.16);}
.sdc2 .sdc2-heroband .sdc2-trust strong{color:#FFFFFF;}
.sdc2 .sdc2-heroband .sdc2-trust span{color:rgba(255,255,255,.62);}

/* ---- hero contact line ---- */
.sdc2 .sdc2-herocontact{display:flex;flex-wrap:wrap;margin:30px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16);}
.sdc2 .sdc2-herocontact li{display:flex;flex-direction:column;gap:4px;padding:15px 24px 0 0;margin-right:24px;border-right:1px solid rgba(255,255,255,.14);}
.sdc2 .sdc2-herocontact li:last-child{border-right:0;margin-right:0;padding-right:0;}
.sdc2 .sdc2-hc-k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#E2571C;}
.sdc2 .sdc2-herocontact a.sdc2-hc-v{align-self:flex-start;font-size:14px;line-height:1.4;color:#FFFFFF !important;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px;}
.sdc2 .sdc2-herocontact a.sdc2-hc-v:hover{border-bottom-color:#E2571C;}

/* ---- the graphite deals band ---- */
.sdc2 .sdc2-band-dark{background:#16120F;}
.sdc2 .sdc2-band-dark .sdc2-rowhead{border-bottom-color:rgba(255,255,255,.16);}
.sdc2 .sdc2-band-dark .sdc2-rowhead h2{color:#FFFFFF;}
.sdc2 .sdc2-band-dark .sdc2-rowhead p{color:rgba(255,255,255,.66);}
.sdc2 .sdc2-band-dark a.sdc2-viewall{color:#FFFFFF !important;border-bottom-color:rgba(255,255,255,.5);}
.sdc2 .sdc2-band-dark a.sdc2-viewall:hover{color:#E2571C !important;border-bottom-color:#E2571C;}

/* ---- three brands, side by side, photographs that change ---- */
.sdc2 .sdc2-brands{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-auto-rows:auto;height:auto;gap:20px;}
.sdc2 .sdc2-brands > a:first-child{grid-row:auto;}
.sdc2 .sdc2-brands > a:first-child .sdc2-brand-name{font-size:20px;}
.sdc2 .sdc2-brands > a .sdc2-brand-media,
.sdc2 .sdc2-brands > a:first-child .sdc2-brand-media{
  display:block;position:relative;overflow:hidden;flex:none;min-height:0;
  aspect-ratio:1/1;
  background:linear-gradient(178deg,#FBF8F5 0%,#EDE5DC 100%);
}
.sdc2 .sdc2-brand-reel{position:absolute;inset:0;display:block;}
.sdc2 .sdc2-brands .sdc2-brand-media img,
.sdc2 .sdc2-brand-reel img{
  position:absolute;top:0;left:0;
  width:100% !important;height:100% !important;
  object-fit:contain !important;padding:26px !important;
  opacity:0;
}
.sdc2 .sdc2-brand-reel img:first-child{opacity:1;}
.sdc2 .sdc2-brand-reel.is-running img{animation:sdc2-reel5 20s linear infinite;}
/* Each shot holds its slot fully opaque, then fades out AFTER the next one has
   already appeared underneath it. Fading out first left a 0.3s blank frame, and
   because all three reels share one document timeline every tile went empty at
   the same moment. */
@keyframes sdc2-reel5{0%{opacity:1}20%{opacity:1}23%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .sdc2 .sdc2-brand-reel.is-running img{animation:none;}
  .sdc2 .sdc2-brand-reel img:first-child{opacity:1;}
}

/* appliances shown whole, not cropped to a swatch */
.sdc2 .sdc2-bento .sdc2-tile-media{background:linear-gradient(178deg,#FBF8F5 0%,#EDE5DC 100%);}
.sdc2 .sdc2-bento .sdc2-tile-media img{object-fit:contain !important;padding:20px !important;}
.sdc2 .sdc2-card-media,.sdc2 .sdc2-size-media,.sdc2 .sdc2-hero-panel img{background:#FFFFFF;}

/* ---- Stanley row: six across, horizontal ---- */
.sdc2 .sdc2-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.sdc2 .sdc2-grid6 .sdc2-card-media img{padding:12px;}
.sdc2 .sdc2-grid6 .sdc2-card-title{font-size:13.5px;}
.sdc2 .sdc2-grid6 .sdc2-card-body{padding:12px 13px 15px;}
.sdc2 .sdc2-grid6 .sdc2-card-act{padding:0 13px 13px;}
.sdc2 .sdc2-grid6 .sdc2-reg,.sdc2 .sdc2-grid6 .sdc2-now{font-size:15.5px;}
.sdc2 .sdc2-grid6 a.sdc2-add{font-size:12.5px;min-height:40px;padding:0 8px;}

@media (max-width:1180px){.sdc2 .sdc2-grid6{grid-template-columns:repeat(3,1fr);}}
@media (max-width:1024px){
  .sdc2 .sdc2-heroband .sdc2-trust > div:nth-child(-n+2){border-bottom-color:rgba(255,255,255,.16);}
  .sdc2 .sdc2-brands{grid-template-columns:repeat(3,1fr);}
  .sdc2 .sdc2-brands > a .sdc2-brand-media,.sdc2 .sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:1/1;}
  .sdc2 .sdc2-brands .sdc2-brand-media img,.sdc2 .sdc2-brand-reel img{padding:16px !important;}
  .sdc2 .sdc2-brand-bar{padding:13px 14px;}
  .sdc2 .sdc2-brand-name{font-size:17px;}
  .sdc2 .sdc2-brands > a:first-child .sdc2-brand-name{font-size:17px;}
  .sdc2 .sdc2-brand-sub{font-size:13px;}
}
@media (max-width:760px){
  .sdc2 .sdc2-heroband{padding-bottom:40px;}
  .sdc2 .sdc2-heroband .sdc2-hero{padding-top:36px;}
  .sdc2 .sdc2-herocontact li{width:100%;border-right:0;margin-right:0;padding-right:0;padding-top:13px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:13px;}
  .sdc2 .sdc2-herocontact li:last-child{border-bottom:0;}
  .sdc2 .sdc2-grid6{grid-template-columns:repeat(2,1fr);gap:14px;}
  .sdc2 .sdc2-brands{grid-template-columns:1fr;}
  .sdc2 .sdc2-brands > a .sdc2-brand-media,.sdc2 .sdc2-brands > a:first-child .sdc2-brand-media{aspect-ratio:16/10;}
  .sdc2 .sdc2-brands .sdc2-brand-media img,.sdc2 .sdc2-brand-reel img{padding:20px !important;}
}
/* The product photography is shot on white, so a tinted tile ground shows the
   photo's own white rectangle floating inside a warm one. The card stays white;
   separation now comes from the warm page ground and the card border instead. */
.sdc2 .sdc2-brands > a .sdc2-brand-media,
.sdc2 .sdc2-brands > a:first-child .sdc2-brand-media,
.sdc2 .sdc2-bento .sdc2-tile-media{background:#FFFFFF;}
.sdc2 .sdc2-brands .sdc2-brand-media img,
.sdc2 .sdc2-brand-reel img{padding:14px !important;}
.sdc2 .sdc2-bento .sdc2-tile-media img{padding:14px !important;}
.sdc2 .sdc2-brand,.sdc2 .sdc2-card,.sdc2 .sdc2-tile,.sdc2 .sdc2-size,.sdc2 .sdc2-catgroup,.sdc2 .sdc2-hero-panel{box-shadow:0 1px 2px rgba(35,24,16,.05);}
@media (max-width:1024px){.sdc2 .sdc2-brands .sdc2-brand-media img,.sdc2 .sdc2-brand-reel img{padding:12px !important;}}
@media (max-width:760px){.sdc2 .sdc2-brands .sdc2-brand-media img,.sdc2 .sdc2-brand-reel img{padding:16px !important;}}

/* ===== V5 - on-page SEO layer, 30 Aug 2026. Card, brand, size, tile and group
   labels were promoted from spans to real h3/h4 so the page carries one H1 and a
   clean H2-H3-H4 outline. These rules only put back the margin and font stack the
   heading elements bring with them; nothing here changes how the page looks. ===== */
.sdc2 h2,.sdc2 h3,.sdc2 h4{font-family:"Schibsted Grotesk",Helvetica Neue,Arial,sans-serif;}
.sdc2 .sdc2-card-title,.sdc2 .sdc2-brand-name,.sdc2 .sdc2-brand-sub,.sdc2 .sdc2-size-name,.sdc2 .sdc2-tile-name,.sdc2 .sdc2-catgroup-head h3,.sdc2 .sdc2-brandband-lead{margin:0;padding:0;}
.sdc2 .sdc2-card-title{font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--ink);text-transform:none;}
.sdc2 .sdc2-grid6 .sdc2-card-title{font-size:13.5px;}
.sdc2 .sdc2-grid3 .sdc2-card-title{font-size:16px;}
.sdc2 .sdc2-brand-sub{font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4;text-transform:none;color:#5D544C;}
.sdc2 .sdc2-tile-name{font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.25;text-transform:none;color:var(--ink);}
.sdc2 .sdc2-tile-1 .sdc2-tile-name{font-size:18px;}
.sdc2 .sdc2-size-name{font-size:22px;line-height:1.15;text-transform:none;color:var(--ink);}
.sdc2 .sdc2-catgroup-head h3{font:inherit;color:inherit;letter-spacing:inherit;}
.sdc2 .sdc2-brandband-lead{font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.10em;text-transform:uppercase;color:var(--soft);margin:0 0 14px;}
.sdc2 .sdc2-cred-h{margin:0 0 20px;font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.2;}

/* ===== Regional delivery block: South Africa provinces and SADC routes. ===== */
.sdc2 .sdc2-region-head{max-width:780px;margin:0 0 26px;}
.sdc2 .sdc2-region-head h2{margin:0 0 10px;font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.15;}
.sdc2 .sdc2-region-head p{margin:0;font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--muted);}
.sdc2 .sdc2-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);}
.sdc2 .sdc2-region-col{padding:26px 34px 28px 0;border-right:1px solid var(--line);}
.sdc2 .sdc2-region-col:last-child{border-right:0;padding-right:0;padding-left:34px;}
.sdc2 .sdc2-region-col h3{margin:0 0 8px;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1.25;}
.sdc2 .sdc2-region-col h4{margin:20px 0 5px;font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);}
.sdc2 .sdc2-region-col p{margin:0;font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:13.5px;line-height:1.6;color:var(--muted);}
.sdc2 .sdc2-region-col p a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.sdc2 .sdc2-region-col p a:hover{color:var(--accent);}
.sdc2 .sdc2-region-cta{margin-top:24px !important;display:flex;flex-wrap:wrap;gap:10px;}
.sdc2 .sdc2-region-cta a{text-decoration:none;}
@media (max-width:860px){.sdc2 .sdc2-region-grid{grid-template-columns:1fr;}.sdc2 .sdc2-region-col{padding:22px 0;border-right:0;border-bottom:1px solid var(--line);}.sdc2 .sdc2-region-col:last-child{padding-left:0;border-bottom:0;}.sdc2 .sdc2-region-head h2{font-size:23px;}.sdc2 .sdc2-cred-h{font-size:20px;}}

.sdc2 .sdc2-brandlede{max-width:780px;margin:-8px 0 22px;font-family:"Instrument Sans",Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--muted);}
.sdc2 .sdc2-brandlede a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;}
.sdc2 .sdc2-brandlede a:hover{color:var(--accent);}


/* =======================================================================
   V6 - the photographic hero band, 31 Aug 2026
   The graphite slab keeps its colour underneath as the fallback, and two
   cross-fading photographs sit behind the copy under a warm veil. Image A
   never animates, so the ground can never go blank between frames - the V4
   brand-reel keyframe trap does not apply here. Nothing below the wave moves.
   ====================================================================== */
.sdc2 .sdc2-heroband--shot{position:relative;isolation:isolate;overflow:hidden;padding-bottom:0;}
.sdc2 .sdc2-heroband--shot > .sdc2-hero,
.sdc2 .sdc2-heroband--shot > .sdc2-trust,
.sdc2 .sdc2-heroband--shot > .sdc2-herowave{position:relative;z-index:2;}
.sdc2 .sdc2-heroband--shot .sdc2-hero{padding-top:62px;}

.sdc2 .sdc2-heroshot{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.sdc2 .sdc2-heroshot-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:50% 48%;}
.sdc2 .sdc2-shot-b{opacity:0;animation:sdc2-shotfade 24s ease-in-out infinite;}
@keyframes sdc2-shotfade{
  0%{opacity:0}
  10%{opacity:0}
  22%{opacity:1}
  48%{opacity:1}
  60%{opacity:0}
  100%{opacity:0}
}
@media (prefers-reduced-motion: reduce){.sdc2 .sdc2-shot-b{animation:none;opacity:0;}}

.sdc2 .sdc2-heroshot-veil{position:absolute;inset:0;display:block;
  background:
    radial-gradient(115% 88% at 94% 2%, rgba(226,87,28,.30) 0%, rgba(226,87,28,0) 56%),
    linear-gradient(100deg, rgba(18,14,12,.87) 0%, rgba(18,14,12,.82) 34%, rgba(18,14,12,.44) 60%, rgba(18,14,12,.34) 82%, rgba(18,14,12,.58) 100%),
    linear-gradient(to bottom, rgba(18,14,12,.44) 0%, rgba(18,14,12,0) 22%, rgba(18,14,12,0) 54%, rgba(18,14,12,.74) 100%);
}

.sdc2 .sdc2-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:7px 15px 7px 12px;border-radius:999px;background:rgba(226,87,28,.16);border:1px solid rgba(226,87,28,.44);color:#FFD9C6;font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;}
.sdc2 .sdc2-eyebrow-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#E2571C;box-shadow:0 0 0 3px rgba(226,87,28,.26);}

.sdc2 .sdc2-heroband--shot h1{font-size:clamp(30px,3.3vw,42px);line-height:1.06;max-width:22ch;text-wrap:balance;text-shadow:0 2px 26px rgba(0,0,0,.45);}
.sdc2 .sdc2-h1-accent{display:block;color:#F2792F;}
.sdc2 .sdc2-heroband--shot .sdc2-lede{color:rgba(255,255,255,.84);text-shadow:0 1px 14px rgba(0,0,0,.45);}
.sdc2 .sdc2-heroband--shot .sdc2-search input[type=search]{background:rgba(12,9,7,.44);}
.sdc2 .sdc2-heroband--shot .sdc2-hero-panel{box-shadow:0 34px 70px rgba(0,0,0,.50),0 0 0 1px rgba(255,255,255,.09);}
.sdc2 .sdc2-heroband--shot .sdc2-trust{margin-top:52px;}
.sdc2 .sdc2-heroband--shot .sdc2-trust strong{text-shadow:0 1px 12px rgba(0,0,0,.40);}

/* The wave into the warm stone body. Fill is hard-coded to the V4 --bg (#F2EDE7). */
.sdc2 .sdc2-herowave{display:block;line-height:0;margin-top:52px;}
.sdc2 .sdc2-herowave svg{display:block;width:100%;height:92px;}

@media (max-width:1024px){
  .sdc2 .sdc2-heroshot-veil{background:
    radial-gradient(120% 70% at 92% 0%, rgba(226,87,28,.26) 0%, rgba(226,87,28,0) 60%),
    linear-gradient(to bottom, rgba(18,14,12,.86) 0%, rgba(18,14,12,.83) 55%, rgba(18,14,12,.91) 100%);}
  .sdc2 .sdc2-heroband--shot .sdc2-hero{padding-top:48px;}
}
@media (max-width:760px){
  .sdc2 .sdc2-herowave svg{height:44px;}
  .sdc2 .sdc2-herowave{margin-top:36px;}
  .sdc2 .sdc2-eyebrow{font-size:10.5px;letter-spacing:.06em;margin-bottom:16px;}
  .sdc2 .sdc2-heroband--shot h1{max-width:none;}
}

/* Fix: the stacked search field inherited flex:1 from the row layout, and in a column
   flex-basis:0 collapses the input's height rather than its width. */
@media (max-width:560px){
  .sdc2 .sdc2-search input[type=search]{flex:0 0 auto;height:48px;width:100%;}
  .sdc2 .sdc2-search button{flex:0 0 auto;height:48px;}
}

@media (max-width:560px){.sdc2 .sdc2-eyebrow-tail{display:none;}}


/* =======================================================================
   V7 - the hero utility bar, 31 Aug 2026
   Address, WhatsApp and email were sitting at the BOTTOM of the hero copy,
   below the fold on most laptops. They now run across the top of the photo
   band, so the NAP is the first thing on the page.
   ====================================================================== */
.sdc2 .sdc2-utility{position:relative;z-index:3;background:rgba(9,7,6,.42);border-bottom:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.sdc2 .sdc2-utility-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.sdc2 .sdc2-utility-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.sdc2 .sdc2-util{display:inline-flex;align-items:center;gap:8px;padding:13px 0;font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:500;line-height:1.2;color:rgba(255,255,255,.82) !important;text-decoration:none;transition:color .16s ease;}
.sdc2 a.sdc2-util:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-util svg{width:14px;height:14px;flex:0 0 auto;color:#E2571C;transition:color .16s ease;}
.sdc2 a.sdc2-util:hover svg{color:#F2792F;}
.sdc2 .sdc2-util-div{width:1px;height:13px;background:rgba(255,255,255,.20);}
.sdc2 .sdc2-utility-in a.sdc2-util:focus-visible{outline:2px solid #E2571C;outline-offset:3px;border-radius:2px;}
/* the band starts under this strip now, so it needs less air of its own */
.sdc2 .sdc2-heroband--shot .sdc2-hero{padding-top:56px;}

@media (max-width:1024px){
  .sdc2 .sdc2-heroband--shot .sdc2-hero{padding-top:40px;}
}
@media (max-width:900px){
  /* the full street address stops fitting. It stays in the footer and in the
     Organization schema, so dropping it here costs nothing. */
  .sdc2 .sdc2-util-addr{display:none;}
  .sdc2 .sdc2-utility-in{justify-content:center;}
  .sdc2 .sdc2-utility-right{justify-content:center;gap:14px;}
}
@media (max-width:420px){
  .sdc2 .sdc2-util{font-size:11.5px;gap:6px;}
  .sdc2 .sdc2-utility-right{gap:10px;}
}

/* The global ".sdc2 a:not(.sdc2-btn){color:inherit!important}" reset carries an element
   selector, so a class-only rule loses to it even with !important. Same trap the
   hero contact links hit. Re-specify with the element in the selector. */
.sdc2 .sdc2-utility a.sdc2-util{color:rgba(255,255,255,.82) !important;}
.sdc2 .sdc2-utility a.sdc2-util:hover{color:#FFFFFF !important;}
.sdc2 .sdc2-utility a.sdc2-util:hover svg{color:#F2792F;}


/* =======================================================================
   V8 - "Petrol and Ember", 1 Sep 2026.  BODY COLOUR ONLY.
   The warm stone ground (#F2EDE7) plus warm-brown black (#16120F) read as
   beige craft, not retail. This cools every neutral to a petrol-slate family
   and keeps ember as the single buy colour. Nothing structural changes: no
   layout, spacing, type, radius or markup. The hero slab and the footer are
   deliberately untouched; the only hero value that moves is the white product
   panel's own borders and meta text, which inherit the body neutrals.
   Rollback: option sadec_palette_backup_20260901
   ====================================================================== */
.sdc2{
  --bg:#EEF1F3;          /* cool light ground, replaces #F2EDE7 */
  --surface:#FFFFFF;
  --ink:#14212A;         /* cool near-black, replaces #16120F */
  --slate:#16252D;       /* deep petrol close band, replaces #241D18 */
  --petrol:#1B2E38;      /* the dark merchandising slab */
  --accent:#E2571C;      /* ember: fills, rules, marks, hover borders */
  --accent-deep:#B8410F; /* ember for TEXT on light - meets AA */
  --accent-lift:#F2792F; /* ember for TEXT on petrol - meets AA */
  --muted:#4F6069;
  --soft:#5A7079;
  --line:#DCE3E6;
  --stone:#D3E0E4;       /* pale blue-grey band, replaces #E9E1D7 */
}
body:has(.sdc2){background:#EEF1F3 !important;}
body:has(.sdc2) #content,body:has(.sdc2) .site-content,body:has(.sdc2) #primary,body:has(.sdc2) .site-main,body:has(.sdc2) .ast-article-single,body:has(.sdc2) .entry-content{background:#EEF1F3 !important;}

/* the dark bands: petrol, not warm graphite */
.sdc2 .sdc2-band-dark{background:#1B2E38;}
.sdc2 .sdc2-close{background:#16252D;}

/* restate every warm hex the V3/V4/V5 layers hard-coded with !important */
.sdc2 .sdc2-badge-out{color:#4F6069 !important;border-color:#DCE3E6;}
.sdc2 .sdc2-was{color:#5A7079 !important;}
.sdc2 .sdc2-brand-sub,.sdc2 .sdc2-size-desc{color:#4F6069 !important;}
.sdc2 .sdc2-brand-count,.sdc2 .sdc2-size-n,.sdc2 .sdc2-tile-n,.sdc2 .sdc2-rank{color:#5A7079 !important;}
.sdc2 .sdc2-btn-alt{border-color:#14212A;color:#14212A !important;}
.sdc2 .sdc2-btn-alt:hover{background:#14212A;border-color:#14212A;color:#FFFFFF !important;}
.sdc2 .sdc2-btn-light{background:#FFFFFF;border-color:#FFFFFF;color:#14212A !important;}
.sdc2 .sdc2-btn-light:hover{background:#D3E0E4;color:#14212A !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt{border-color:#14212A;color:#14212A !important;}
.sdc2 .sdc2-card-act a.sdc2-add.sdc2-add-alt:hover{background:#14212A;border-color:#14212A;color:#FFFFFF !important;}
.sdc2 .sdc2-card-act a.added_to_cart{border-color:#14212A;color:#14212A !important;}
.sdc2 .sdc2-card-act a.added_to_cart:hover{background:#14212A;color:#FFFFFF !important;}

/* ember, split three ways so it is legible wherever it lands.
   #E2571C at 11-17px fails WCAG AA on both white and petrol; it stays as a
   fill and a graphic mark, and text uses the deep or lifted tone instead. */
.sdc2 .sdc2-now,.sdc2 .sdc2-size-cap{color:#B8410F !important;}
.sdc2 .sdc2-badge{color:#B8410F !important;border-color:#B8410F;}
.sdc2 .sdc2-region-col h4{color:#B8410F;}
.sdc2 .sdc2-region-col p a:hover,.sdc2 .sdc2-brandlede a:hover{color:#B8410F;}
.sdc2 .sdc2-band-dark a.sdc2-viewall:hover{color:#F2792F !important;border-bottom-color:#F2792F;}

/* shadow follows the ground temperature */
.sdc2 .sdc2-brand,.sdc2 .sdc2-card,.sdc2 .sdc2-tile,.sdc2 .sdc2-size,.sdc2 .sdc2-catgroup,.sdc2 .sdc2-hero-panel{box-shadow:0 1px 2px rgba(20,33,42,.07);}
.sdc2 .sdc2-heroband .sdc2-hero-panel{box-shadow:0 34px 70px rgba(0,0,0,.50),0 0 0 1px rgba(255,255,255,.09);}

/* =======================================================================
   V9 - contrast and the cool dark family, 1 Sep 2026. COLOUR ONLY.
   a) #E2571C filled with white text is 3.6:1 - under WCAG AA. Every buy
      button in the BODY deepens to #C6480F (4.8:1). Scoped to sec/band/close
      so the hero CTA keeps the brighter ember it was designed with.
   b) The header and footer moved to petrol #16252D, so the warm-black hero
      slab and veil now had to follow or there would be a visible seam at the
      top of every page load. Same values, cool hue.
   Rollback: option sadec_v9_backup_20260901
   ====================================================================== */

/* a) buy buttons, body only */
.sdc2 .sdc2-card-act a.sdc2-add{background:#C6480F;border-color:#C6480F;}
.sdc2 .sdc2-card-act a.sdc2-add:hover{background:#A63A0C;border-color:#A63A0C;}
.sdc2 :is(.sdc2-sec,.sdc2-band,.sdc2-close) .sdc2-btn:not(.sdc2-btn-alt):not(.sdc2-btn-light):not(.sdc2-btn-ghost){background:#C6480F;border-color:#C6480F;}
.sdc2 :is(.sdc2-sec,.sdc2-band,.sdc2-close) .sdc2-btn:not(.sdc2-btn-alt):not(.sdc2-btn-light):not(.sdc2-btn-ghost):hover{background:#A63A0C;border-color:#A63A0C;}
.sdc2 :is(.sdc2-sec,.sdc2-band,.sdc2-close) .sdc2-search button{background:#C6480F;border-color:#C6480F;}
.sdc2 :is(.sdc2-sec,.sdc2-band,.sdc2-close) .sdc2-search button:hover{background:#A63A0C;border-color:#A63A0C;}

/* b) the hero slab joins the petrol family */
.sdc2 .sdc2-heroband{background-color:#16252D;}
.sdc2 .sdc2-heroband .sdc2-btn-alt:hover{color:#16252D !important;}
.sdc2 .sdc2-utility{background:rgba(10,18,23,.44);}
.sdc2 .sdc2-heroband--shot .sdc2-search input[type=search]{background:rgba(11,20,26,.44);}
.sdc2 .sdc2-heroshot-veil{
  background:
    radial-gradient(115% 88% at 94% 2%, rgba(226,87,28,.30) 0%, rgba(226,87,28,0) 56%),
    linear-gradient(100deg, rgba(16,28,35,.87) 0%, rgba(16,28,35,.82) 34%, rgba(16,28,35,.44) 60%, rgba(16,28,35,.34) 82%, rgba(16,28,35,.58) 100%),
    linear-gradient(to bottom, rgba(16,28,35,.44) 0%, rgba(16,28,35,0) 22%, rgba(16,28,35,0) 54%, rgba(16,28,35,.74) 100%);
}
@media (max-width:1024px){
  .sdc2 .sdc2-heroshot-veil{background:
    radial-gradient(120% 70% at 92% 0%, rgba(226,87,28,.26) 0%, rgba(226,87,28,0) 60%),
    linear-gradient(to bottom, rgba(16,28,35,.86) 0%, rgba(16,28,35,.83) 55%, rgba(16,28,35,.91) 100%);}
}

/* =======================================================================
   V10 - the hero panel blowout on phones, 1 Sep 2026
   The hero panel holds 20 rotating product slides. Its image carried
   width:100% + aspect-ratio:4/3 inside a flex column whose media row has
   flex:1, so on a narrow screen the row's height won the negotiation and the
   4/3 ratio then computed the WIDTH from it - 499px of image inside a 339px
   panel with overflow:hidden. The product was clipped by 160px on every
   phone. Classic flex/grid blowout: the chain never had min-width:0, so no
   ancestor was allowed to shrink below its content.
   The 1/1 frame under 760px is deliberate: the product shots are portrait
   (768x1024), and a landscape 4/3 frame on a 337px-wide phone rendered them
   at 190px tall. Square gives them 337.
   Desktop measured identical before and after. Rollback: sadec_v10_backup_20260901
   ====================================================================== */
.sdc2 .sdc2-hero-panel,
.sdc2 .sdc2-hero-slides,
.sdc2 .sdc2-hero-slide,
.sdc2 .sdc2-hero-media{min-width:0;}
.sdc2 .sdc2-hero-media img{width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
@media (max-width:760px){
  .sdc2 .sdc2-hero-media img{aspect-ratio:1/1;padding:18px;}
}
/* ---- shelf shortcut pills (replaces the plain .sdc2-catlist index) ---- */
.sdc2 .sdc2-pills{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 16px;}
.sdc2 a.sdc2-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#FFFFFF;font-size:14px;line-height:1.2;color:var(--ink) !important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.sdc2 a.sdc2-pill:hover,.sdc2 a.sdc2-pill:focus-visible{background:var(--accent);border-color:var(--accent);color:#FFFFFF !important;transform:translateY(-1px);}
.sdc2 a.sdc2-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.sdc2 .sdc2-pill-n{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--stone);border-radius:999px;padding:1px 7px;}
.sdc2 a.sdc2-pill:hover .sdc2-pill-n,.sdc2 a.sdc2-pill:focus-visible .sdc2-pill-n{background:rgba(255,255,255,.22);color:#FFFFFF;}
@media (max-width:560px){.sdc2 .sdc2-pills{padding:12px;gap:7px;}.sdc2 a.sdc2-pill{font-size:13.5px;padding:7px 11px;}.sdc2 .sdc2-pill-n{font-size:11.5px;}}