/* ═══════════════════════════════════════════════════════════════════════════
   ELEMENTOR CONTAINER OVERRIDE - section aef6691
   Makes the funnel fill the full site width instead of the 1140px Elementor box.
   Targets the specific section ID so no other pages are affected.
   ═══════════════════════════════════════════════════════════════════════════ */
.elementor-element-aef6691.elementor-section{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.elementor-element-aef6691 > .elementor-container{
  max-width: 100% !important;
  padding: 0 !important;
}
.elementor-element-aef6691 .elementor-column-gap-default > .elementor-column,
.elementor-element-aef6691 .elementor-element-25438e2{
  padding: 0 !important;
  width: 100% !important;
}
.elementor-element-aef6691 .elementor-widget-wrap{
  padding: 0 !important;
}
.elementor-element-aef6691 .elementor-widget-container{
  padding: 0 !important;
}
.elementor-element-aef6691 .elementor-shortcode{
  display: block;
  width: 100%;
}

/* House 44 Same-Day Delivery - Funnel Styles v2.0.83 */
.h44sdd {
  padding: 0 0 24px;

  --teal:     #5396a5; --teal-d:  #3d7080; --teal-l:  #eaf4f6; --teal-b:  #b0cdd4;
  --bg:       #faf7f2;
  --green:    #92bf8f; --green-l: #edf6ec;
  --umber:    #6c5a4a; --umber-l: #f5f0eb; --umber-b: #c4b4a4;
  --ink:      #2d2d2d; --muted:   #5a5a5a; --hint:    #999;
  --paper:    #fcf7ec; --white:   #fff;    --line:    #d8d0c4;
  --red:      #c0392b; --red-l:   #fdf4f4;
  --ff-head:  Impact,"Arial Narrow",Arial,sans-serif;
  --ff-body:  "Helvetica Neue",Helvetica,Arial,sans-serif;
  --radius:   10px;    --radius-lg: 16px;
  --shadow:   0 2px 16px rgba(45,45,45,.07);
  font-family: var(--ff-body); color: var(--ink);
  background: var(--paper); line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.h44sdd *,.h44sdd *::before,.h44sdd *::after{box-sizing:border-box}
.h44sdd a:not(.h44sdd-btn-cta):not(.h44sdd-side-btn){color:var(--teal-d)}

/* ── Lang bar ────────────────────────────────────────────────────────────── */
.h44sdd-lang-bar{
  display:flex; justify-content:flex-end; padding:8px 18px;
  background:var(--white); border-bottom:1px solid var(--line);
}
.h44sdd-lang-switcher{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.h44sdd-lang-btn{
  padding:5px 10px;font-size:11px;font-weight:800;
  background:var(--white);color:var(--hint);border:none;cursor:pointer;transition:.15s;
}
.h44sdd-lang-btn.active{background:var(--teal);color:var(--white)}

/* ── Availability bar ────────────────────────────────────────────────────── */
.h44sdd-avail-bar{
  background:var(--teal-l);border-bottom:1px solid var(--teal-b);
  padding:8px 18px;display:flex;align-items:center;gap:8px;
}
.h44sdd-avail-dot{
  width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;
  box-shadow:0 0 0 3px rgba(146,191,143,.25);
}
.h44sdd-avail-bar.next-day{background:#fef9ee;border-color:#e8d8b0}
.h44sdd-avail-bar.next-day .h44sdd-avail-dot{background:#ba7517;box-shadow:0 0 0 3px rgba(186,117,23,.2)}
.h44sdd-avail-bar.next-day .h44sdd-avail-text{color:#7a5500}
.h44sdd-avail-text{font-size:12px;font-weight:700;color:var(--teal-d)}

/* ── Hero - House 44 brand with Amsterdam background ─────────────────────── */
.h44sdd-hero{
  position:relative;overflow:hidden;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:0;
  display:flex;
  flex-direction:column;
}
/* Top zone: text left, image right - image never overlaps trust strip */
.h44sdd-hero-top{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:0;
  padding:34px 46px 26px;
  background:
    linear-gradient(90deg,
      rgba(255,253,248,1)   0%,
      rgba(255,253,248,1)   50%,
      rgba(255,253,248,.7)  70%,
      rgba(255,253,248,.1)  100%),
    url("https://house44store.nl/wp-content/uploads/2026/06/same_day_delivery_hero.png")
      right center / auto 100% no-repeat,
    var(--paper);
}
.h44sdd-hero-text{max-width:430px;position:relative;z-index:2}
/* Trust strip: full-width row below the image, clean white/paper bg */
.h44sdd-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:6px 24px;
  padding:12px 52px;
  background:var(--white);
  border-top:1px solid var(--line);
  z-index:2;
}
.h44sdd-hero-trust-item{
  display:flex;align-items:center;gap:7px;
  font-size:12px;font-weight:700;color:var(--teal-d);
  white-space:nowrap;
}
.h44sdd-hero-trust-item svg{
  width:15px;height:15px;stroke:var(--teal);flex-shrink:0;
}
.h44sdd-kicker{
  display:inline-flex;align-items:center;gap:7px;
  height:26px;padding:0 10px;
  background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--teal-d);margin-bottom:14px;
}
.h44sdd-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}
.h44sdd-h1{
  font-family:var(--ff-head);
  font-size:clamp(36px,4.8vw,56px);
  text-transform:uppercase;letter-spacing:-.015em;line-height:.94;
  color:var(--ink);margin:0 0 16px;font-weight:900;
}
.h44sdd-h1 em{
  color:var(--teal);font-style:normal;
  /* Slightly lighter weight for the accent word - mirrors the screenshot */
  font-weight:900;
}
.h44sdd-lead{font-size:clamp(14px,1.35vw,17px);color:var(--muted);line-height:1.45;max-width:430px;margin:0 0 18px;font-weight:600}
.h44sdd-lead strong{color:var(--ink)}
.h44sdd-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.h44sdd-btn-cta{
  display:inline-flex;align-items:center;height:50px;padding:0 22px;
  background:var(--teal) !important;
  color:#fff !important;
  border:none !important;border-radius:var(--radius);cursor:pointer;
  font-size:13px !important;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none !important;box-shadow:0 12px 26px rgba(83,150,165,.18);
  transition:background .15s,transform .1s;
}
.h44sdd-btn-cta:hover{background:var(--teal-d);transform:translateY(-1px);color:var(--white)}
.h44sdd-hero-fee{font-size:13px;color:var(--muted);font-weight:700}

/* ── Steps ───────────────────────────────────────────────────────────────── */
.h44sdd-progress{
  display:flex;align-items:center;justify-content:center;
  padding:12px 20px;gap:0;margin-bottom:10px;
}
.h44sdd-progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}
.h44sdd-progress-num{
  width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--hint);
  font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s;
}
.h44sdd-progress-step--active .h44sdd-progress-num{background:var(--teal);color:#fff}
.h44sdd-progress-step--done .h44sdd-progress-num{background:var(--green);color:#fff}
.h44sdd-progress-label{font-size:10px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.05em}
.h44sdd-progress-step--active .h44sdd-progress-label,.h44sdd-progress-step--done .h44sdd-progress-label{color:var(--ink)}
.h44sdd-progress-line{flex:1;height:1px;background:var(--line);max-width:60px}

/* ── Sections ────────────────────────────────────────────────────────────── */
/* ── Progressive disclosure steps ───────────────────────────────────────── */
.h44sdd-step-section{
  background:var(--white);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:0;
  margin:0 0 8px;
  overflow:hidden;
  transition:box-shadow .2s;
}
.h44sdd-step-section--open{
  border-top:2px solid var(--teal-b);
  box-shadow:none;
}
.h44sdd-step-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid transparent;
  transition:border-color .2s;
}
.h44sdd-step-section--open .h44sdd-step-head{
  border-bottom-color:var(--line);
}
.h44sdd-step-head-left{display:flex;align-items:center;gap:12px}
.h44sdd-step-num-badge{
  width:28px;height:28px;border-radius:50%;
  background:var(--teal);color:#fff;
  font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.h44sdd-step-section:not(.h44sdd-step-section--open) .h44sdd-step-num-badge{
  background:var(--line);color:var(--hint);
}
.h44sdd-step-section--done .h44sdd-step-num-badge{
  background:var(--green);color:#fff;
}
.h44sdd-step-head .h44sdd-section-title{
  margin:0;font-size:clamp(16px,2.5vw,22px);border:none;padding:0;
  color:var(--ink);
}
.h44sdd-step-section:not(.h44sdd-step-section--open) .h44sdd-step-head .h44sdd-section-title{
  color:var(--muted);
}
.h44sdd-step-summary{font-size:13px;color:var(--teal-d);font-weight:700}
.h44sdd-step-body{padding:20px 24px 28px}
.h44sdd-section-title{
  font-family:var(--ff-head);font-size:clamp(22px,3.5vw,30px);
  text-transform:uppercase;letter-spacing:.02em;color:var(--teal);
  margin:0 0 8px;padding-bottom:10px;
  border-bottom:2px solid var(--teal-l);line-height:1;
}
.h44sdd-section-sub{color:var(--muted);font-size:14px;margin:0 0 20px;line-height:1.5}

/* ── Tier tabs ───────────────────────────────────────────────────────────── */
.h44sdd-tier-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.h44sdd-tier-btn{
  height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;
  background:var(--white);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;transition:.15s;
}
.h44sdd-tier-btn.active{background:var(--teal);border-color:var(--teal);color:var(--white);box-shadow:0 4px 12px rgba(83,150,165,.2)}

/* ── Product grid - 3 col desktop, 2 col tablet, 1 col mobile ───────────── */
.h44sdd-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.h44sdd-loading{grid-column:1/-1;padding:3rem;text-align:center;color:var(--hint);font-size:14px}

/* ── Product card - vertical layout ─────────────────────────────────────── */
.h44sdd-pcard{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;
}
.h44sdd-pcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(45,45,45,.12)}
.h44sdd-pcard--active{border-color:var(--teal);box-shadow:0 0 0 2px rgba(83,150,165,.18)}

.h44sdd-pcard-img{
  background:linear-gradient(180deg,#f7f5f1,#ebe6df);
  display:flex;align-items:center;justify-content:center;
  min-height:340px;padding:24px;position:relative;
}
.h44sdd-pcard-tier-overlay{
  position:absolute;top:10px;left:10px;z-index:2;
  font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--umber);background:rgba(255,252,240,.88);
  padding:2px 7px;border-radius:3px;
  border:0.5px solid var(--umber-b);
  backdrop-filter:blur(4px);
}
.h44sdd-pcard-brand-badge{
  position:absolute;top:10px;right:10px;z-index:2;
  max-width:88px;min-height:22px;padding:3px 7px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.9);border:1px solid rgba(45,45,45,.08);
  border-radius:5px;box-shadow:0 2px 8px rgba(45,45,45,.06);
  font-size:9px;font-weight:800;color:var(--ink);line-height:1.1;text-align:center;
}
.h44sdd-pcard-brand-badge img{
  width:auto;max-width:74px;max-height:16px;object-fit:contain;mix-blend-mode:multiply;
}
.h44sdd-pcard-img img{
  width:100%;max-height:260px;
  object-fit:contain;mix-blend-mode:multiply;
  transition:transform .2s;
}
.h44sdd-pcard:hover .h44sdd-pcard-img img{transform:scale(1.03)}
.h44sdd-pcard-img .h44sdd-pcard-brand-badge img{
  width:auto;max-width:74px;max-height:16px;object-fit:contain;mix-blend-mode:multiply;
  transition:none;
}
.h44sdd-pcard:hover .h44sdd-pcard-img .h44sdd-pcard-brand-badge img{transform:none}

/* Colour swatches - prominent strip below image */
.h44sdd-pcard-swatches{
  display:flex;gap:6px;padding:10px 14px 0;
  flex-wrap:nowrap;        /* always one row */
  overflow-x:auto;         /* scroll if too many swatches */
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;    /* hide scrollbar Firefox */
}
.h44sdd-pcard-swatches::-webkit-scrollbar{display:none} /* hide scrollbar WebKit */
.h44sdd-swatch{
  width:30px;height:30px;border-radius:5px;
  border:2px solid var(--white);outline:1px solid rgba(45,45,45,.18);
  cursor:pointer;transition:outline .12s,transform .12s,box-shadow .12s;
  flex-shrink:0;overflow:hidden;position:relative;
  display:flex;align-items:center;justify-content:center;
  background:#ccc; /* fallback if hex is missing */
}
.h44sdd-swatch img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  pointer-events:none;
}
.h44sdd-swatch:hover{transform:scale(1.08);box-shadow:0 2px 8px rgba(45,45,45,.15)}
.h44sdd-swatch--active{outline:2px solid var(--ink);box-shadow:0 0 0 3px rgba(45,45,45,.1)}
/* Swatches strip sits below image */
.h44sdd-pcard-swatches{
  display:flex;gap:4px;padding:8px 12px;flex-wrap:wrap;
  border-top:1px solid var(--line);background:var(--white);
  min-height:48px;align-items:center;
}

.h44sdd-pcard-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:5px}
.h44sdd-pcard-tier{display:none}
.h44sdd-pcard-name{font-size:13px;font-weight:800;color:var(--ink);line-height:1.25;margin:0}
.h44sdd-pcard-brand{font-size:11px;color:var(--umber);font-weight:700}
.h44sdd-pcard-desc{
  font-size:12px;color:var(--muted);line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:all .25s ease;
  /* ensure desc is never hidden by parent overflow */
  visibility:visible;
  opacity:1;
}
.h44sdd-pcard-desc.is-expanded{
  display:block;   /* override -webkit-box so all text shows */
  -webkit-line-clamp:unset;
  overflow:visible;
}
.h44sdd-desc-toggle{
  display:inline-flex;align-items:center;gap:3px;
  margin-top:4px;
  font-size:11px;font-weight:700;
  color:var(--teal-d);
  background:none;border:none;padding:0;
  cursor:pointer;text-decoration:underline;text-decoration-style:dotted;
  text-underline-offset:2px;
  transition:color .15s;
}
.h44sdd-desc-toggle:hover{color:var(--teal)}
.h44sdd-desc-toggle-icon{
  font-size:10px;display:inline-block;
  transition:transform .2s;
}
.h44sdd-desc-toggle.is-open .h44sdd-desc-toggle-icon{transform:rotate(180deg)}

.h44sdd-pcard-buy{
  margin-top:auto;padding-top:12px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.h44sdd-price{font-size:22px;font-weight:900;color:var(--ink);line-height:1}
.h44sdd-price small{display:block;font-size:10px;font-weight:700;color:var(--hint);margin-bottom:2px}

.h44sdd-qty{display:flex;align-items:center;gap:4px}
.h44sdd-qty button,.h44sdd-qty input{
  height:28px;border:1px solid var(--line);border-radius:6px;
  background:var(--white);color:var(--ink);font-size:13px;font-weight:800;text-align:center;
}
.h44sdd-qty button{width:28px;cursor:pointer}
.h44sdd-qty input{width:34px;-moz-appearance:textfield}
.h44sdd-qty input::-webkit-outer-spin-button,.h44sdd-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.h44sdd-btn-add{
  width:100%;height:36px;margin-top:6px;border:none;border-radius:7px;
  background:var(--ink);color:#fff;
  font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
  transition:background .15s;
}
.h44sdd-btn-add:hover{background:var(--teal)}

/* ── Trust bar ───────────────────────────────────────────────────────────── */
.h44sdd-trust{display:none}
.h44sdd-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
.h44sdd-trust-icon{width:32px;height:32px;border-radius:50%;background:var(--teal-l);display:flex;align-items:center;justify-content:center}
.h44sdd-trust-icon svg{width:16px;height:16px;stroke:var(--teal-d)}
.h44sdd-trust-t{font-size:11px;font-weight:800;color:var(--ink)}
.h44sdd-trust-s{font-size:10px;color:var(--hint)}

/* ── Family bar ──────────────────────────────────────────────────────────── */
.h44sdd-family-bar{display:none}

/* ── Delivery form ───────────────────────────────────────────────────────── */
.h44sdd-delivery-grid{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:start}
.h44sdd-delivery-form{display:grid;gap:12px}
.h44sdd-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h44sdd-field label{
  display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px;letter-spacing:.03em;
}
.h44sdd-field-hint{display:block;font-size:10px;font-weight:600;color:var(--teal-d);margin-top:2px}
.h44sdd-field input,.h44sdd-field textarea{
  width:100%;border:1px solid var(--line);border-radius:8px;
  background:var(--white);color:var(--ink);
  padding:0 12px;font-size:14px;font-family:var(--ff-body);outline:none;height:44px;
  transition:border-color .15s,box-shadow .15s;
}
.h44sdd-field textarea{height:100px;padding:10px 12px;resize:vertical}
.h44sdd-field--notes textarea{height:120px}
.h44sdd-field input:focus,.h44sdd-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(83,150,165,.12)}
.h44sdd-field input[readonly]{background:var(--paper);color:var(--hint)}

.h44sdd-postcode-feedback{margin-top:5px;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.35;display:none}
.h44sdd-postcode-feedback.ok{display:block;background:var(--green-l);color:#2d6e29;border:1px solid #b8d8b5}
.h44sdd-postcode-feedback.err{display:block;background:var(--red-l);color:var(--red);border:1px solid #e8c8c8}

.h44sdd-service-aside{display:grid;gap:12px}
.h44sdd-service-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}
.h44sdd-service-icon{
  width:28px;height:28px;border-radius:50%;border:1px solid var(--teal-b);
  color:var(--teal-d);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:800;
}
.h44sdd-service-item strong{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}
.h44sdd-service-item span{font-size:11px;color:var(--hint);line-height:1.35}

/* ── Review & pay ────────────────────────────────────────────────────────── */
.h44sdd-review-items{display:flex;flex-direction:column;gap:0;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.h44sdd-review-item{
  display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;
  padding:10px 12px;background:var(--white);border-bottom:1px solid var(--line);
}
.h44sdd-review-item:last-child{border-bottom:none}
.h44sdd-review-thumb{
  width:40px;height:40px;border-radius:8px;background:var(--bg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;
}
.h44sdd-review-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.h44sdd-review-info{min-width:0}
.h44sdd-review-name{font-size:12px;font-weight:700;color:var(--ink);line-height:1.3;white-space:normal}
.h44sdd-review-sub{font-size:11px;color:var(--hint);margin-top:2px;text-transform:capitalize}
.h44sdd-review-price{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;text-align:right}

.h44sdd-window-card{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--teal-l);border:1px solid var(--teal-b);border-radius:10px;
  padding:14px 16px;margin-bottom:14px;
}
.h44sdd-window-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d);margin-bottom:3px}
.h44sdd-window-time{font-size:19px;font-weight:900;color:var(--ink)}
.h44sdd-window-sub{font-size:10px;color:var(--muted);margin-top:2px}
.h44sdd-window-check{width:30px;height:30px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.h44sdd-window-check svg{width:14px;height:14px}

.h44sdd-totals{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}
.h44sdd-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:11px 14px;background:var(--white);border-bottom:1px solid var(--line);
  font-size:13px;color:var(--muted);
}
.h44sdd-total-row:last-child{border-bottom:none}
.h44sdd-total-row--grand{background:var(--paper)}
.h44sdd-total-row--grand span{font-size:13px;font-weight:700;color:var(--ink)}
.h44sdd-total-row--grand strong{font-size:24px;font-weight:900;color:var(--ink)}
.h44sdd-btn-pay{
  width:100%;height:54px;border:none;border-radius:10px;
  background:var(--teal);color:var(--white);
  font-size:16px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;
  transition:background .15s,transform .1s;
}
.h44sdd-btn-pay:hover:not(:disabled){background:var(--teal-d);transform:translateY(-1px)}
.h44sdd-btn-pay:disabled{opacity:.45;cursor:not-allowed}
.h44sdd-pay-note{font-size:11px;color:var(--hint);text-align:center;margin-top:9px;line-height:1.4}
.h44sdd-pay-note a{color:var(--teal-d)}

/* ── Mobile sticky bar ───────────────────────────────────────────────────── */
.h44sdd-mobilebar{
  display:none;position:sticky;bottom:0;z-index:100;
  background:rgba(252,247,236,.96);backdrop-filter:blur(10px);
  border-top:1px solid var(--line);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
}
.h44sdd-mobilebar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.h44sdd-mobilebar strong{font-size:13px;color:var(--ink);display:block;line-height:1.2}
.h44sdd-mobilebar span{font-size:11px;color:var(--hint)}
.h44sdd-mobilebar button{
  min-width:120px;height:44px;border:none;border-radius:10px;
  background:var(--teal);color:var(--white);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1024px) {
  .h44sdd-hero-top{
    padding:30px 32px 24px;
    background:
      linear-gradient(90deg,
        rgba(255,253,248,1)   0%,
        rgba(255,253,248,1)   40%,
        rgba(255,253,248,.75) 60%,
        rgba(255,253,248,.1)  100%),
      url("https://house44store.nl/wp-content/uploads/2026/06/same_day_delivery_hero.png")
        right center / auto 100% no-repeat,
      var(--paper);
  }
  .h44sdd-delivery-grid{grid-template-columns:1fr}
  .h44sdd-service-aside{display:none}
}
@media (max-width:700px) {
  .h44sdd-mobilebar{display:block}
  .h44sdd-hero{background:none;border-bottom:none}
  .h44sdd-hero-top{
    padding:24px 18px 20px;
    background:var(--paper);
    /* No image on mobile - too small, text overlaps */
    background-image:none;
  }
  .h44sdd-hero-trust{
    padding:10px 16px;
    gap:6px;
    flex-wrap:wrap;
    justify-content:center;
  }
  .h44sdd-hero-trust-item{
    font-size:11px;gap:5px;
    flex:0 1 calc(50% - 6px);
    justify-content:flex-start;
    white-space:nowrap;
  }
  .h44sdd-hero-text{max-width:100%}
  .h44sdd-btn-cta{width:100%;min-width:0;justify-content:center}
  .h44sdd-product-grid{grid-template-columns:1fr !important;gap:12px !important}
  /* Belt-and-suspenders: also target common phone widths */
  .h44sdd-pcard{min-width:0 !important;width:100% !important}
  .h44sdd-step-body{padding:16px}
  .h44sdd-pcard-img{min-height:240px}
  .h44sdd-row2{grid-template-columns:1fr}
  .h44sdd-trust{grid-template-columns:repeat(3,1fr)}
}

/* ── Section intro text ──────────────────────────────────────────────────── */
.h44sdd-section-intro{
  color:var(--muted);font-size:14px;line-height:1.55;
  margin:0 0 18px;max-width:780px;
}

/* ── Tier tab subtitle ───────────────────────────────────────────────────── */
.h44sdd-tier-btn{
  padding:6px 14px;height:auto;min-height:36px;max-width:160px;
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
}
.h44sdd-tier-main{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.h44sdd-tier-sub{
  font-size:9px;font-weight:600;letter-spacing:.02em;text-transform:none;
  opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;
}
.h44sdd-tier-btn.active .h44sdd-tier-sub{opacity:.8}

/* ───────────────────────────────────────────────────────────────────────────
   SECTION HEADER
   ─────────────────────────────────────────────────────────────────────────── */
/* .h44sdd-section-intro removed - intro text not used */

/* ───────────────────────────────────────────────────────────────────────────
   TIER TABS - label-only pills + description below
   ─────────────────────────────────────────────────────────────────────────── */

.h44sdd-tier-tabs { gap: 7px; flex-wrap: wrap; margin-bottom: 6px; }

.h44sdd-tier-btn {
  height: 36px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--white);
  color: var(--ink);
  font-size: 11px; font-weight: 800;
  letter-spacing: .05em; text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.h44sdd-tier-btn.active {
  background: var(--teal);
  border-color: var(--teal);
  color: #fff;
  box-shadow: 0 4px 14px rgba(83,150,165,.22);
}
.h44sdd-tier-btn:not(.active):hover {
  border-color: var(--teal-b);
  background: var(--teal-l);
  color: var(--teal-d);
}
.h44sdd-tier-main { display: block; }

/* Description of active tier - shown below the tab strip */
.h44sdd-tier-desc {
  margin: 0 0 16px;
  font-size: 13px;
  color: var(--muted);
  font-weight: 500;
  line-height: 1.45;
  min-height: 1.45em; /* prevents layout jump when switching */
  transition: opacity .15s;
}

/* ───────────────────────────────────────────────────────────────────────────
   RESPONSIVE brand block
   ─────────────────────────────────────────────────────────────────────────── */

@media(max-width:1024px){
  .h44sdd-brand-summary{grid-template-columns:150px 1fr auto;gap:16px;padding:16px 18px}
}
@media(max-width:700px){
  .h44sdd-brand-summary{
    grid-template-columns:1fr;gap:12px;padding:14px 16px;
  }
  .h44sdd-brand-logo-wrap{justify-content:flex-start;min-height:auto;padding:8px 12px}
  .h44sdd-brand-toggle{width:100%;border-radius:8px !important;justify-content:center}
  .h44sdd-tier-btn{flex:1 1 auto !important;min-width:0 !important}
  .h44sdd-tier-tabs{flex-wrap:nowrap !important}
}
/* ═══════════════════════════════════════════════════════════════════════════
   BRAND BLOCK - v3: heading as click target, HTML story, collapsed by default
   ═══════════════════════════════════════════════════════════════════════════ */

#h44sdd-brand-blocks { margin-bottom: 20px; display: grid; gap: 10px; }

.h44sdd-brand-block {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, #fffefb 0%, #f7f2e8 100%);
  overflow: hidden;
}

.h44sdd-brand-summary {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 20px;
  align-items: start;
  padding: 18px 20px;
}

/* Logo */
.h44sdd-brand-logo-wrap {
  display: flex; align-items: center; justify-content: center;
  min-height: 64px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(216,208,196,.6);
  border-radius: 10px;
  padding: 10px 14px;
}
.h44sdd-brand-logo-wrap img {
  max-height: 44px; max-width: 130px; width: auto;
  object-fit: contain; filter: contrast(1.06) saturate(.95);
}
.h44sdd-brand-logo-text {
  font-family: var(--ff-head); font-size: 16px; font-weight: 900;
  text-transform: uppercase; letter-spacing: .04em; color: var(--teal-d);
}

/* Content */
.h44sdd-brand-content { display: grid; gap: 0; align-content: start; }

/* Heading button - the primary click target */
.h44sdd-brand-heading-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  border-radius: 6px;
  transition: opacity .15s;
}
.h44sdd-brand-heading-btn:hover { opacity: .8; }

.h44sdd-brand-heading {
  margin: 0;
  font-family: var(--ff-body);        /* readable sentence-case */
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 700;
  color: var(--teal-d);              /* teal = clickable signal */
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-color: rgba(61,112,128,.3);
  text-underline-offset: 3px;
  transition: text-decoration-color .15s;
}
.h44sdd-brand-heading-btn:hover .h44sdd-brand-heading {
  text-decoration-color: var(--teal);
}

.h44sdd-brand-chevron {
  flex-shrink: 0;
  font-size: 16px;
  color: var(--teal-d);
  opacity: .7;
  transition: transform .25s ease;
  line-height: 1;
}
.h44sdd-brand-block.is-open .h44sdd-brand-chevron {
  transform: rotate(180deg);
}

/* Expandable body */
.h44sdd-brand-body {
  padding-top: 12px;
  display: grid;
  gap: 10px;
}
.h44sdd-brand-body[hidden] { display: none; }

/* Story - raw HTML from wp_kses_post, rendered via innerHTML */
.h44sdd-brand-story-html {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
  font-weight: 500;
}
.h44sdd-brand-story-html p  { margin: 0 0 8px; }
.h44sdd-brand-story-html p:last-child { margin-bottom: 0; }
.h44sdd-brand-story-html strong { color: var(--ink); font-weight: 700; }
.h44sdd-brand-story-html br { display: block; margin-top: 6px; content: ''; }

/* Chips */
.h44sdd-brand-chips {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.h44sdd-brand-chip {
  display: inline-flex; align-items: center;
  height: 24px; padding: 0 10px;
  border-radius: 999px;
  background: var(--teal-l);
  color: var(--teal-d);
  font-size: 11px; font-weight: 800;
  letter-spacing: .03em; white-space: nowrap;
  border: 0.5px solid var(--teal-b);
}

/* Responsive */
@media (max-width: 700px) {
  .h44sdd-brand-summary {
    grid-template-columns: 1fr;
    gap: 10px; padding: 14px 16px;
  }
  .h44sdd-brand-logo-wrap { justify-content: flex-start; min-height: auto; }
}



/* ═══════════════════════════════════════════════════════════════════════════
   SEO CONTENT - below the funnel, indexable, professional layout
   ═══════════════════════════════════════════════════════════════════════════ */

.h44sdd-seo-data{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ── Information sections (SEO content + FAQ) ────────────────────────────── */
/* Both sections share a warm off-white background that visually signals
   "this is context, not the ordering flow" - different from the white funnel */

.h44sdd-seo-content{
  font-family:var(--ff-body);
  margin-top:48px;
  /* Full-width visual break below funnel */
  background:linear-gradient(180deg,#fdf8ee,#f7f0e0);
  border-top:3px solid var(--umber-b);
  padding:0 0 8px;
}

/* ── SEO / About section ─────────────────────────────────────────────────── */
.h44sdd-seo-section{
  background:linear-gradient(180deg,#fdf8ee,#f7f0e0);
  border-bottom:1px solid var(--umber-b);
}
.h44sdd-seo-inner{
  max-width:900px;
  margin:0 auto;
  padding:36px 28px;
}
.h44sdd-seo-label{
  display:inline-flex;align-items:center;gap:7px;
  height:24px;padding:0 10px;
  background:var(--umber-l);border:1px solid var(--umber-b);border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--umber);margin-bottom:12px;
}
.h44sdd-seo-section h2{
  font-family:var(--ff-head);
  font-size:clamp(18px,2.5vw,24px);
  text-transform:uppercase;letter-spacing:.04em;
  color:var(--umber);
  margin:0 0 16px;line-height:1;
  border-bottom:2px solid var(--umber-b);
  padding-bottom:10px;
}
.h44sdd-seo-cols{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.h44sdd-seo-text p{
  font-size:14px;line-height:1.7;color:var(--muted);
  margin:0 0 11px;
}
.h44sdd-seo-cards{display:grid;gap:8px}
.h44sdd-seo-card{
  background:rgba(255,255,255,.6);
  border:1px solid var(--umber-b);
  border-radius:var(--radius-lg);
  padding:13px 15px;
}
.h44sdd-seo-card h3{
  font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--umber);margin:0 0 8px;
}
.h44sdd-seo-card ul,.h44sdd-seo-card ol{
  margin:0;padding:0 0 0 16px;
  font-size:13px;color:var(--muted);line-height:1.6;
}
.h44sdd-seo-card li{margin-bottom:3px}

/* ── FAQ section ─────────────────────────────────────────────────────────── */
.h44sdd-faq-section{
  background:linear-gradient(180deg,#f7f0e0,#f0e8d2);
  border-bottom:1px solid var(--umber-b);
}
.h44sdd-faq-section h2{
  font-family:var(--ff-head);
  font-size:clamp(18px,2.5vw,24px);
  text-transform:uppercase;letter-spacing:.04em;
  color:var(--umber);
  margin:0 0 16px;line-height:1;
  border-bottom:2px solid var(--umber-b);
  padding-bottom:10px;
}

.h44sdd-seo-disclosure{
  background:rgba(255,255,255,.62);
  border:1px solid var(--umber-b);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.h44sdd-seo-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
  color:var(--umber);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.h44sdd-seo-summary::-webkit-details-marker{display:none}
.h44sdd-seo-summary-label{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.h44sdd-seo-summary-action{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--teal-d);
  font-size:11px;
  white-space:nowrap;
}
.h44sdd-seo-summary-action:after{content:"+";font-size:18px;line-height:1;font-weight:700}
.h44sdd-seo-disclosure[open] .h44sdd-seo-summary{border-bottom:1px solid var(--umber-b);background:rgba(255,255,255,.45)}
.h44sdd-seo-disclosure[open] .h44sdd-seo-summary-action:after{content:"×"}
.h44sdd-seo-disclosure-body{padding:22px 18px 20px}
.h44sdd-seo-disclosure-body h2{margin-top:0}
.h44sdd-seo-disclosure--faq .h44sdd-seo-disclosure-body{padding-top:14px}
/* Tight FAQ list - no air between items */
.h44sdd-faq-list{display:grid;gap:3px;margin-top:0}
.h44sdd-faq-item{
  border:1px solid var(--umber-b);
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,255,255,.55);
}
.h44sdd-faq-q{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  width:100%;padding:11px 14px;
  background:none;border:none;
  text-align:left;font-size:13px;font-weight:700;color:var(--ink);
  cursor:pointer;line-height:1.3;
  transition:background .12s;
}
.h44sdd-faq-q:hover{background:rgba(108,90,74,.06)}
.h44sdd-faq-q[aria-expanded="true"]{background:rgba(108,90,74,.08)}
.h44sdd-faq-icon{
  flex-shrink:0;width:18px;height:18px;
  border-radius:50%;border:1.5px solid var(--umber-b);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--umber);font-weight:400;line-height:1;
  transition:transform .2s,background .15s;
}
.h44sdd-faq-q[aria-expanded="true"] .h44sdd-faq-icon{
  transform:rotate(45deg);
  background:var(--umber);color:var(--white);border-color:var(--umber);
}
.h44sdd-faq-a{
  padding:8px 14px 12px;
  font-size:13px;color:var(--muted);line-height:1.6;
}
.h44sdd-faq-a p{margin:0}

@media(max-width:820px){
  .h44sdd-seo-cols{grid-template-columns:1fr}
  .h44sdd-seo-inner,.h44sdd-faq-section .h44sdd-seo-inner{padding:22px 16px}
}


/* ── Hero trust strip ────────────────────────────────────────────────────── */
.h44sdd-hero-trust{
  display:flex;flex-wrap:wrap;gap:8px 20px;
  margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(83,150,165,.2);
}
.h44sdd-hero-trust-item{
  display:flex;align-items:center;gap:7px;
  font-size:12px;font-weight:700;color:var(--teal-d);
}
.h44sdd-hero-trust-item svg{
  width:16px;height:16px;stroke:var(--teal);flex-shrink:0;
}

/* ── Delivery form: no aside (removed) ──────────────────────────────────── */
.h44sdd-delivery-form{display:grid;gap:12px;max-width:520px}

@media(min-width:700px) and (max-width:900px){
  .h44sdd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
/* Extra: force 1-col on all screens ≤640px regardless of orientation */
@media screen and (max-width:640px){
  .h44sdd-product-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .h44sdd-pcard{min-width:0 !important}
}

/* Desc toggle always visible on mobile */
@media screen and (max-width:700px){
  .h44sdd-pcard-desc{-webkit-line-clamp:2;display:-webkit-box}
  .h44sdd-desc-toggle{display:inline-flex !important;visibility:visible !important}
}
/* Full-bleed for SEO section - extends to viewport edges */
.h44sdd-seo-content{

}
.h44sdd-seo-inner{
  max-width: 960px;
  padding-left: 28px;
  padding-right: 28px;
}
/* Mobile: reset bleed */
@media (max-width:700px){
  .h44sdd-seo-content{margin-left:0;margin-right:0}
  .h44sdd-seo-inner{padding-left:18px;padding-right:18px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT IMAGE SWIPER
   CSS scroll-snap based - no JS library needed. Touch + mouse + keyboard.
   ═══════════════════════════════════════════════════════════════════════════ */
.h44sdd-swiper{
  position:relative;
  width:100%;
  overflow:hidden;
  background:linear-gradient(180deg,#f7f5f1,#ebe6df);
  min-height:340px;
  /* Ensure swiper is a proper block context */
  display:block;
}
.h44sdd-swiper-track{
  display:flex;
  /* Critical: track must be as wide as all slides combined */
  width:100%;
  overflow-x:scroll;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-behavior:smooth;
  /* Prevent flex from compressing slides */
  flex-wrap:nowrap;
  align-items:stretch;
}
.h44sdd-swiper-track::-webkit-scrollbar{display:none}
.h44sdd-swiper-slide{
  /* Each slide exactly one card-width, never compressed */
  flex:0 0 100%;
  min-width:100%;
  scroll-snap-align:start;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:340px;
  padding:20px 24px;
  box-sizing:border-box;
}
.h44sdd-swiper-slide img{
  max-width:100%;
  max-height:300px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

/* Prev / Next arrows - full reset to override theme */
.h44sdd-swiper-prev,
.h44sdd-swiper-next{
  /* Position */
  position:absolute !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  /* Size */
  width:32px !important;
  height:32px !important;
  min-width:0 !important;
  min-height:0 !important;
  /* Shape */
  border-radius:50% !important;
  /* Colours */
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(83,150,165,.3) !important;
  box-shadow:0 1px 8px rgba(45,45,45,.15) !important;
  color:var(--teal-d) !important;
  /* Typography */
  font-size:20px !important;
  line-height:1 !important;
  font-family:inherit !important;
  font-weight:400 !important;
  /* Layout */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  /* Behaviour */
  cursor:pointer !important;
  z-index:5 !important;
  opacity:.9 !important;
  transition:opacity .15s !important;
  /* Reset any theme interference */
  text-indent:0 !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  outline:none;
}
.h44sdd-swiper-prev{left:8px !important;right:auto !important}
.h44sdd-swiper-next{right:8px !important;left:auto !important}
.h44sdd-swiper-prev:hover,
.h44sdd-swiper-next:hover{opacity:1 !important;background:#fff !important}
.h44sdd-swiper[data-single] .h44sdd-swiper-prev,
.h44sdd-swiper[data-single] .h44sdd-swiper-next{display:none !important}

/* Dot indicators - full reset to override theme */
.h44sdd-swiper-dots{
  position:absolute !important;
  bottom:10px !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  z-index:5 !important;
  pointer-events:none !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:none !important;
}
.h44sdd-swiper-dot{
  /* Full reset - theme buttons can be any size */
  display:inline-block !important;
  width:7px !important;
  height:7px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:7px !important;
  max-height:7px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.55) !important;
  border:1.5px solid rgba(83,150,165,.4) !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
  pointer-events:all !important;
  transition:background .15s, transform .15s !important;
  line-height:1 !important;
  font-size:0 !important;   /* hide any text content */
  overflow:hidden !important;
  flex-shrink:0 !important;
  box-shadow:none !important;
  text-indent:-9999px !important;
  vertical-align:middle !important;
}
.h44sdd-swiper-dot.is-active{
  background:var(--teal) !important;
  border-color:var(--teal) !important;
  transform:scale(1.3) !important;
}

/* When swiper is inside pcard-img, pcard-img becomes transparent container */
.h44sdd-pcard-img:has(.h44sdd-swiper){
  padding:0 !important;
  background:none !important;
  min-height:0 !important;
  display:block !important;
}
/* Fallback for browsers without :has() support */
.h44sdd-pcard .h44sdd-swiper{
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DESKTOP CHECKOUT LAYOUT - step 2 (form) + step 3 (summary) side by side
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:900px) {
  /* Wrapper that contains step 2 + step 3 */
  .h44sdd-checkout-grid{
    display:grid;
    grid-template-columns:1fr 380px;
    gap:0;
    align-items:start;
  }
  /* Step 2: form, left column */
  .h44sdd-checkout-grid #h44sdd-step2{
    border-right:1px solid var(--line);
    border-bottom:none;
    margin-bottom:0;
    min-height:100%;
  }
  /* Step 3: summary, right column - always open on desktop */
  .h44sdd-checkout-grid #h44sdd-step3{
    position:sticky;
    top:20px;
    border-left:none;
    margin-bottom:0;
    background:var(--paper);
  }
  /* Step 3 body always visible on desktop - JS will still control mobile */
  .h44sdd-checkout-grid #h44sdd-step2-body,
  .h44sdd-checkout-grid #h44sdd-step3-body{
    display:block !important;
  }
  /* Tighten step 3 padding on desktop */
  .h44sdd-checkout-grid #h44sdd-step3 .h44sdd-step-body{
    padding:16px 20px 20px;
  }
  .h44sdd-checkout-grid #h44sdd-step3 .h44sdd-step-head{
    padding:14px 20px;
  }
  /* Delivery form full width in its column */
  .h44sdd-checkout-grid .h44sdd-delivery-form{
    max-width:100%;
  }
}

/* ── Payment method selector ─────────────────────────────────────────── */
.h44sdd-payment-methods{margin-bottom:14px}
.h44sdd-payment-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--hint);margin-bottom:8px}
.h44sdd-payment-btns{display:flex;gap:8px}
.h44sdd-payment-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);cursor:pointer;font-size:11px;font-weight:700;color:var(--ink)}
.h44sdd-payment-btn svg{color:var(--ink)}
.h44sdd-payment-btn--applepay{display:none}

/* ── Order confirmation modal ───────────────────────────────────────── */
#h44sdd-cm{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s;pointer-events:none}
#h44sdd-cm.h44sdd-cm--open{opacity:1;pointer-events:all}
.h44sdd-cm-bd{position:absolute;inset:0;background:rgba(26,34,38,.6)}
.h44sdd-cm-modal{position:relative;z-index:1;background:var(--white);border-radius:16px;width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.22);transform:translateY(12px);transition:transform .25s}
.h44sdd-cm--open .h44sdd-cm-modal{transform:translateY(0)}
.h44sdd-cm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--line)}
.h44sdd-cm-title{font-size:16px;font-weight:800;color:var(--ink);margin:0}
.h44sdd-cm-x{background:none;border:none;cursor:pointer;font-size:16px;color:var(--hint);padding:4px 8px;border-radius:6px}
.h44sdd-cm-body{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.h44sdd-cm-sec{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.h44sdd-cm-lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--hint);padding:9px 14px 6px;background:var(--bg);border-bottom:1px solid var(--line)}
.h44sdd-cm-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.h44sdd-cm-row:last-child{border-bottom:none}
.h44sdd-cm-name{font-size:13px;font-weight:600;color:var(--ink);flex:1}
.h44sdd-cm-colour{display:inline-block;margin-left:6px;font-size:11px;color:var(--muted);background:var(--bg);border-radius:4px;padding:1px 5px}
.h44sdd-cm-sub{display:flex;gap:10px;white-space:nowrap}
.h44sdd-cm-qty{font-size:12px;color:var(--muted)}
.h44sdd-cm-price{font-size:13px;font-weight:700;color:var(--ink)}
.h44sdd-cm-addr{font-size:13px;color:var(--muted);padding:10px 14px;line-height:1.6}
.h44sdd-cm-tots .h44sdd-cm-trow{display:flex;justify-content:space-between;padding:8px 14px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.h44sdd-cm-tots .h44sdd-cm-trow:last-child{border-bottom:none}
.h44sdd-cm-grand{font-weight:800 !important;color:var(--ink) !important;font-size:14px !important}
.h44sdd-cm-pm{display:flex;align-items:flex-start;gap:10px;background:var(--teal-l);border:1px solid var(--teal-b);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--teal-d);line-height:1.5}
.h44sdd-cm-foot{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line);flex-shrink:0}
.h44sdd-cm-back{flex:0 0 auto;padding:12px 18px;border:1.5px solid var(--line);background:var(--white);color:var(--muted);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}
.h44sdd-cm-pay{flex:1;padding:13px 16px;background:var(--teal);color:#fff !important;border:none;border-radius:10px;font-size:15px;font-weight:900;cursor:pointer}

/* ── Pay overlay (Fix #3: loading state na confirm klik) ── */
#h44sdd-pay-overlay{position:fixed;inset:0;background:rgba(252,247,236,.92);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center}
#h44sdd-pay-overlay[hidden]{display:none}
.h44sdd-pay-overlay-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px}
.h44sdd-pay-spinner{width:48px;height:48px;border:4px solid rgba(83,150,165,.2);border-top-color:var(--teal,#5396a5);border-radius:50%;animation:h44sdd-spin .8s linear infinite}
@keyframes h44sdd-spin{to{transform:rotate(360deg)}}
.h44sdd-pay-overlay-msg{font-size:18px;font-weight:800;color:var(--ink,#2a2d2e);margin:0}
.h44sdd-pay-overlay-sub{font-size:13px;color:var(--muted,#6c7275);margin:0}

/* ── Thank-you overlay (Fix #4: terugkeer van Mollie) ── */
#h44sdd-thankyou{position:fixed;inset:0;background:rgba(252,247,236,.92);backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;--teal:#5396a5;--teal-d:#3d7080;--green:#92bf8f;--umber:#6c5a4a;--ink:#2d2d2d;--muted:#5a5a5a;--hint:#999;--white:#fff;--radius:10px}
.h44sdd-ty-box{background:#fff;border-radius:16px;padding:36px 28px;max-width:420px;width:100%;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;gap:14px}
.h44sdd-ty-icon{width:64px;height:64px;border-radius:50%;background:var(--green,#92bf8f);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:900}
.h44sdd-ty-title{font-size:22px;font-weight:900;color:var(--ink,#2a2d2e);margin:0}
.h44sdd-ty-body{font-size:14px;color:var(--muted,#6c7275);line-height:1.6;margin:0}
.h44sdd-ty-order{font-size:13px;color:var(--hint,#9ea4a7);margin:0}
.h44sdd-ty-close{margin-top:6px;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:132px !important;height:46px !important;padding:0 22px !important;background:#5396a5 !important;color:#fff !important;border:0 !important;border-radius:10px !important;font-size:13px !important;font-weight:900 !important;letter-spacing:.04em !important;text-transform:uppercase !important;text-decoration:none !important;box-shadow:0 10px 24px rgba(83,150,165,.2) !important;cursor:pointer !important}
.h44sdd-ty-icon--warn{background:var(--umber,#6c5a4a)}

/* ── Try again knop in cancelled overlay ── */
.h44sdd-ty-retry{display:inline-block;padding:13px 28px;background:#5396a5;color:#fff !important;border:none;border-radius:10px;font-size:15px;font-weight:900;cursor:pointer;margin-top:6px;text-decoration:none}
.h44sdd-ty-retry:hover,.h44sdd-ty-close:hover{background:#3d7a8a !important;color:#fff !important}

/* ── Review items: +/- qty controls (Bug 2) ── */
.h44sdd-review-qty-ctrl{display:flex;align-items:center;gap:4px;flex-shrink:0}
.h44sdd-rv-btn{
  width:24px;height:24px;border:1.5px solid var(--line);background:var(--white);
  border-radius:50%;font-size:15px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);padding:0;line-height:1;transition:border-color .15s,color .15s;
}
.h44sdd-rv-btn:hover{border-color:var(--teal);color:var(--teal)}
.h44sdd-rv-num{font-size:13px;font-weight:800;min-width:16px;text-align:center;color:var(--ink)}

/* ── Window card subtekst cutoff (Bug 3) ── */
.h44sdd-window-sub-cutoff{font-size:12px;color:var(--muted);margin-top:2px}

/* v2.1.0: customer colour swatches are enabled for admin-selected variations. */

@media screen and (max-width:700px){
  .h44sdd-hero-top{padding:18px 16px 16px}
  .h44sdd-kicker{height:auto;min-height:24px;margin-bottom:10px;font-size:9px;line-height:1.2;padding:5px 9px}
  .h44sdd-h1{font-size:clamp(30px,10.5vw,40px);line-height:.95;margin-bottom:10px;letter-spacing:-.02em}
  .h44sdd-lead{font-size:14px;line-height:1.35;margin-bottom:12px}
  .h44sdd-hero-actions{gap:8px}
  .h44sdd-btn-cta{height:46px;font-size:12px !important}
  .h44sdd-hero-fee{font-size:12px;width:100%;text-align:center}
  .h44sdd-hero-trust{padding:8px 14px;gap:5px 8px}
  .h44sdd-hero-trust-item{font-size:10px;line-height:1.2;flex:1 1 calc(50% - 8px)}
  .h44sdd-step-body{padding:14px}
  .h44sdd-tier-tabs{gap:6px;margin-bottom:12px}
  .h44sdd-tier-btn{height:34px;padding:0 12px;font-size:11px}
  .h44sdd-pcard{border-radius:14px}
  .h44sdd-pcard-img{min-height:185px;padding:16px}
  .h44sdd-pcard-img img{max-height:170px}
  .h44sdd-pcard-body{padding:10px 12px 12px;gap:4px}
  .h44sdd-pcard-name{font-size:13px;line-height:1.2}
  .h44sdd-pcard-desc{font-size:11.5px;line-height:1.4;-webkit-line-clamp:2}
  .h44sdd-pcard-buy{padding-top:8px}
  .h44sdd-price{font-size:20px}
  .h44sdd-btn-add{height:40px;font-size:11.5px;letter-spacing:.03em}
  .h44sdd-field textarea#h44sdd-notes{min-height:92px}
}

.h44sdd-stock-pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:6px 0 10px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(83,150,165,.10);
  color:#2d6f7f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
}

/* Brand choice layer */
.h44sdd-choice-label{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted);
  margin:0 0 7px;
}
.h44sdd-brand-filter-wrap{
  margin:12px 0 18px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,252,240,.70);
}
.h44sdd-brand-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.h44sdd-brand-filter-head .h44sdd-choice-label{margin:0}
.h44sdd-brand-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.h44sdd-brand-tab{
  min-height:64px;
  min-width:178px;
  padding:12px 18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
  color:var(--ink);
  font-size:12px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:border-color .15s, background-color .15s, box-shadow .15s, transform .15s;
}
.h44sdd-brand-tab-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}
.h44sdd-brand-tab-logo img{
  max-width:150px;
  max-height:32px;
  object-fit:contain;
  display:block;
}
.h44sdd-brand-tab-label{
  display:block;
  max-width:146px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.h44sdd-brand-tab--has-logo .h44sdd-brand-tab-label--fallback{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.h44sdd-brand-tab:hover{
  border-color:var(--teal);
  box-shadow:0 5px 16px rgba(83,150,165,.13);
  transform:translateY(-1px);
}
.h44sdd-brand-tab.active{
  background:rgba(83,150,165,.10);
  border-color:var(--teal);
  box-shadow:0 0 0 2px rgba(83,150,165,.18), 0 8px 22px rgba(83,150,165,.12);
}
.h44sdd-brand-tab.active:hover{
  background:rgba(83,150,165,.13);
}
.h44sdd-brand-about-btn,
.h44sdd-pcard-brand button{
  border:0;
  background:transparent;
  color:var(--teal);
  font-size:11px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
  padding:0;
}
.h44sdd-brand-about-btn{
  white-space:nowrap;
}
.h44sdd-pcard-brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}
.h44sdd-pcard-brand button{white-space:nowrap}

.h44sdd-modal-open{overflow:hidden}
.h44sdd-brand-modal[hidden]{display:none}
.h44sdd-brand-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
}
.h44sdd-brand-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(17,17,17,.46);
  cursor:pointer;
}
.h44sdd-brand-modal-card{
  position:relative;
  width:min(560px,100%);
  max-height:min(760px,88vh);
  overflow:auto;
  background:var(--white);
  border-radius:18px;
  border:1px solid var(--line);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  padding:28px;
}
.h44sdd-brand-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
  color:var(--ink);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.h44sdd-brand-modal-logo{
  min-height:42px;
  display:flex;
  align-items:center;
  margin-bottom:12px;
}
.h44sdd-brand-modal-logo img{max-width:160px;max-height:42px;object-fit:contain;mix-blend-mode:multiply}
.h44sdd-brand-modal-card h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.12;
  color:var(--teal);
}
.h44sdd-brand-modal-story{
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.h44sdd-brand-modal-story p{margin:0 0 10px}
.h44sdd-brand-modal-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}

@media (max-width: 640px){
  .h44sdd-brand-filter-wrap{padding:10px;margin:10px 0 14px}
  .h44sdd-brand-filter-head{align-items:flex-start;flex-direction:column;gap:6px}
  .h44sdd-brand-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .h44sdd-brand-tabs::-webkit-scrollbar{display:none}
  .h44sdd-brand-tab{min-width:154px;min-height:56px;flex:0 0 auto;padding:10px 14px}
  .h44sdd-brand-tab-logo img{max-width:128px;max-height:28px}
  .h44sdd-pcard-brand{align-items:flex-start;flex-direction:column;gap:3px}
  .h44sdd-brand-modal{padding:12px;place-items:end center}
  .h44sdd-brand-modal-card{border-radius:18px 18px 0 0;padding:24px 20px;max-height:86vh}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.4 - Mobile-first suitcase selection refinements
   ═══════════════════════════════════════════════════════════════════════════ */
.h44sdd-selected-colour{
  padding:0 14px 8px;
  font-size:12px;
  font-weight:800;
  color:var(--umber);
  line-height:1.25;
  min-height:22px;
}
.h44sdd-pcard-buy + .h44sdd-btn-add{margin-top:8px}
.h44sdd-mobilebar button:disabled{
  background:var(--teal-b);
  color:rgba(255,255,255,.92);
  cursor:not-allowed;
  box-shadow:none;
}

@media screen and (max-width:700px){
  /* Cabin/checked is no longer a separate mobile filter. The category remains
     visible on each product image through the product badge. */
  .h44sdd-tier-choice-label,
  .h44sdd-tier-tabs,
  .h44sdd-tier-desc{
    display:none !important;
  }

  /* Compact the brand choice so the first suitcase appears higher. */
  .h44sdd-brand-filter-wrap{
    margin:4px 0 12px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:rgba(255,252,240,.72) !important;
  }
  .h44sdd-brand-filter-head{
    display:block !important;
    margin-bottom:8px !important;
  }
  .h44sdd-brand-filter-head .h44sdd-choice-label{
    margin:0 !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }
  .h44sdd-brand-about-btn{
    display:none !important;
  }
  .h44sdd-brand-tabs{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }
  .h44sdd-brand-tab{
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    flex:unset !important;
  }
  .h44sdd-brand-tab-logo img{
    max-width:120px !important;
    max-height:26px !important;
  }

  /* Larger, more useful product imagery on phones. */
  .h44sdd-pcard-img{
    min-height:318px !important;
    padding:12px 8px 8px !important;
  }
  .h44sdd-pcard-img > img{
    max-height:292px !important;
    max-width:94% !important;
    transform:scale(1.14);
    transform-origin:center center;
  }
  .h44sdd-pcard-img:has(.h44sdd-swiper){
    padding:0 !important;
  }
  .h44sdd-swiper{
    min-height:318px !important;
  }
  .h44sdd-swiper-slide{
    min-height:318px !important;
    padding:12px 8px 8px !important;
  }
  .h44sdd-swiper-slide img{
    max-height:292px !important;
    max-width:94% !important;
    transform:scale(1.14);
    transform-origin:center center;
  }
  .h44sdd-pcard:hover .h44sdd-pcard-img img{
    transform:scale(1.14);
  }
  .h44sdd-pcard:hover .h44sdd-pcard-img .h44sdd-pcard-brand-badge img{
    transform:none !important;
  }
  .h44sdd-pcard-tier-overlay{
    top:12px !important;
    left:12px !important;
    font-size:9px !important;
    font-weight:900 !important;
    padding:4px 8px !important;
    border-radius:5px !important;
    letter-spacing:.055em !important;
  }
  .h44sdd-pcard-brand-badge{
    top:12px !important;
    right:12px !important;
    max-width:96px !important;
    min-height:28px !important;
    padding:5px 8px !important;
  }
  .h44sdd-pcard-brand-badge img{
    max-width:82px !important;
    max-height:18px !important;
  }

  /* Touch-friendly swatches with explicit selected-colour text. */
  .h44sdd-pcard-swatches{
    gap:9px !important;
    padding:10px 12px 6px !important;
    min-height:60px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
  }
  .h44sdd-swatch{
    width:44px !important;
    height:44px !important;
    border-radius:9px !important;
  }
  .h44sdd-swatch--active{
    outline:3px solid var(--ink) !important;
    box-shadow:0 0 0 4px rgba(45,45,45,.10) !important;
  }
  .h44sdd-selected-colour{
    padding:0 14px 10px !important;
    border-bottom:1px solid var(--line) !important;
    font-size:12px !important;
  }

  /* Put decision-critical information above the description. */
  .h44sdd-pcard-body{
    padding:12px 14px 14px !important;
    gap:5px !important;
  }
  .h44sdd-pcard-name{
    font-size:16px !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
  }
  .h44sdd-pcard-brand{
    font-size:13px !important;
    line-height:1.2 !important;
    color:var(--umber) !important;
  }
  .h44sdd-pcard-buy{
    margin-top:8px !important;
    padding-top:10px !important;
  }
  .h44sdd-price{
    font-size:24px !important;
  }
  .h44sdd-price small{
    font-size:10px !important;
  }
  .h44sdd-qty button,
  .h44sdd-qty input{
    height:34px !important;
    border-radius:8px !important;
  }
  .h44sdd-qty button{
    width:34px !important;
  }
  .h44sdd-qty input{
    width:38px !important;
  }
  .h44sdd-btn-add{
    height:48px !important;
    border-radius:10px !important;
    background:var(--teal) !important;
    font-size:13px !important;
    letter-spacing:.035em !important;
  }
  .h44sdd-btn-add:hover{
    background:var(--teal-d) !important;
  }
  .h44sdd-pcard-desc{
    margin-top:8px !important;
    font-size:13px !important;
    line-height:1.4 !important;
    -webkit-line-clamp:1 !important;
  }
  .h44sdd-pcard-desc.is-expanded{
    -webkit-line-clamp:unset !important;
  }
  .h44sdd-desc-toggle{
    margin-top:1px !important;
    font-size:12px !important;
  }

  /* More explicit sticky state. */
  .h44sdd-mobilebar{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  }
  .h44sdd-mobilebar strong{
    font-size:14px !important;
    line-height:1.2 !important;
  }
  .h44sdd-mobilebar span{
    display:block;
    margin-top:3px;
    font-size:12px !important;
  }
  .h44sdd-mobilebar button{
    min-width:132px !important;
    height:48px !important;
    border-radius:14px !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.5 - Explicit colour selection with radio buttons and variation images
   ═══════════════════════════════════════════════════════════════════════════ */
.h44sdd-colour-options{
  display:flex !important;
  gap:8px !important;
  padding:10px 12px 8px !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  border-top:1px solid var(--line) !important;
  background:var(--white) !important;
  min-height:64px !important;
  align-items:stretch !important;
}
.h44sdd-colour-options::-webkit-scrollbar{display:none !important}
.h44sdd-colour-option,
.h44sdd-colour-option.h44sdd-swatch{
  width:auto !important;
  height:auto !important;
  min-width:112px !important;
  max-width:152px !important;
  min-height:48px !important;
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:16px 38px minmax(0,1fr) !important;
  align-items:center !important;
  gap:7px !important;
  padding:6px 8px !important;
  border:1.5px solid var(--line) !important;
  outline:none !important;
  border-radius:10px !important;
  background:var(--white) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:border-color .15s,box-shadow .15s,background .15s,transform .15s !important;
}
.h44sdd-colour-option:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(83,150,165,.55) !important;
  box-shadow:0 3px 12px rgba(45,45,45,.10) !important;
}
.h44sdd-colour-option.h44sdd-swatch--active{
  border-color:var(--ink) !important;
  background:#fffdf7 !important;
  box-shadow:0 0 0 2px rgba(45,45,45,.08) !important;
}
.h44sdd-colour-radio{
  appearance:auto !important;
  -webkit-appearance:radio !important;
  position:static !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  margin:0 !important;
  opacity:1 !important;
  accent-color:var(--teal) !important;
  pointer-events:none !important;
}
.h44sdd-colour-thumb{
  width:38px !important;
  height:38px !important;
  border-radius:7px !important;
  border:1px solid rgba(45,45,45,.14) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#ddd !important;
  flex:0 0 auto !important;
}
.h44sdd-colour-option .h44sdd-colour-thumb img,
.h44sdd-colour-option.h44sdd-swatch .h44sdd-colour-thumb img{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  pointer-events:none !important;
  transform:none !important;
  mix-blend-mode:multiply !important;
}
.h44sdd-colour-label{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  color:var(--ink) !important;
  text-transform:none !important;
}
.h44sdd-colour-option:focus-within{
  border-color:var(--teal) !important;
  box-shadow:0 0 0 3px rgba(83,150,165,.18) !important;
}

@media screen and (max-width:700px){
  .h44sdd-colour-options{
    gap:10px !important;
    padding:10px 12px 8px !important;
    min-height:74px !important;
  }
  .h44sdd-colour-option,
  .h44sdd-colour-option.h44sdd-swatch{
    min-width:138px !important;
    max-width:172px !important;
    min-height:56px !important;
    grid-template-columns:18px 46px minmax(0,1fr) !important;
    gap:8px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
  }
  .h44sdd-colour-radio{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
  }
  .h44sdd-colour-thumb{
    width:46px !important;
    height:46px !important;
    border-radius:9px !important;
  }
  .h44sdd-colour-label{
    font-size:12px !important;
    line-height:1.15 !important;
  }
  .h44sdd-selected-colour{
    padding-top:2px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.6 - Compact colour selector and store credentials
   ═══════════════════════════════════════════════════════════════════════════ */
.h44sdd-store-proof{
  margin:-4px 0 16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,252,240,.86),rgba(247,245,241,.86));
  box-shadow:0 4px 18px rgba(45,45,45,.04);
}
.h44sdd-store-proof-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.h44sdd-store-proof-head .h44sdd-choice-label{margin:0;white-space:nowrap}
.h44sdd-store-proof-head strong{
  font-size:13px;
  line-height:1.3;
  color:var(--ink);
  font-weight:900;
  text-align:right;
}
.h44sdd-store-proof-items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.h44sdd-store-proof-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(211,202,190,.72);
  border-radius:11px;
  background:rgba(255,255,255,.66);
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  font-weight:700;
}
.h44sdd-store-proof-mark{
  flex:0 0 auto;
  min-width:39px;
  min-height:28px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(83,150,165,.12);
  border:1px solid rgba(83,150,165,.22);
  color:var(--teal-d);
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
}

/* Keep colour selection explicit, but do not repeat colour names inside each chip. */
.h44sdd-colour-option.h44sdd-swatch{
  min-width:70px !important;
  max-width:78px !important;
  min-height:48px !important;
  grid-template-columns:16px 38px !important;
  justify-content:center !important;
  gap:7px !important;
  padding:6px 7px !important;
}
.h44sdd-colour-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media screen and (max-width:700px){
  .h44sdd-store-proof{
    margin:0 0 12px !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  .h44sdd-store-proof-head{
    display:block !important;
    margin-bottom:7px !important;
  }
  .h44sdd-store-proof-head strong{
    display:block !important;
    margin-top:3px !important;
    font-size:12px !important;
    line-height:1.25 !important;
    text-align:left !important;
  }
  .h44sdd-store-proof-items{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  .h44sdd-store-proof-items::-webkit-scrollbar{display:none !important}
  .h44sdd-store-proof-item{
    min-height:0 !important;
    padding:9px 10px !important;
    font-size:11px !important;
  }
  .h44sdd-store-proof-mark{
    min-width:38px !important;
    min-height:26px !important;
    font-size:10px !important;
  }
  .h44sdd-colour-option,
  .h44sdd-colour-option.h44sdd-swatch{
    min-width:82px !important;
    max-width:90px !important;
    min-height:58px !important;
    grid-template-columns:18px 48px !important;
    gap:8px !important;
    padding:6px 7px !important;
  }
  .h44sdd-colour-thumb{
    width:48px !important;
    height:48px !important;
  }
}