/* 2026-11-02: targeted home-page improvements. MODO200 is untouched. */
.hero-complimentary-note {
  display:flex;align-items:center;gap:9px;margin:-18px 0 22px;
  font-size:12px;line-height:1.5;letter-spacing:.015em;color:#5e695a;
}
.hero-complimentary-note::before {content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#7e8c76;}
@media(max-width:760px) {
  .hero-complimentary-note {margin:-10px 0 23px;font-size:12px;}
  /* Prevent truncated town placeholders and cramped side-by-side fields. */
  #enquiry-form .form-row {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
  #enquiry-form .form-row > .field {width:100%!important;min-width:0!important;margin-bottom:21px!important;}
  #enquiry-form .field :is(input,select,textarea) {width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
  /* Keep the biography readable without allowing the lead paragraph to dominate the screen. */
  .about-copy .lead {font-size:17px!important;line-height:1.58!important;}
  .about-copy>p:not(.eyebrow):not(.lead) {font-size:14px!important;line-height:1.68!important;}
}

/* Worktops and appliances: editorial block, aligned from the left.
   The text follows the heading; no isolated right-hand column. */
.ch-supply-options { background:#e7dfd1;color:#293129;border:0; }
.ch-supply-options, .ch-supply-options * { box-sizing:border-box; }
.ch-supply-options__inner {
  max-width:1600px;
  margin:0 auto;
  padding:clamp(54px,5.2vw,86px) clamp(37px,3.4vw,80px) clamp(56px,5vw,84px);
  display:block;
  text-align:left;
}
.ch-supply-options__eyebrow {
  font:600 clamp(11px,0.8vw,14px)/1.5 Arial,sans-serif!important;
  letter-spacing:.13em;text-transform:uppercase;
  margin:0 0 clamp(25px,2.6vw,40px)!important;
  color:#344137;
}
.ch-supply-options h2 {
  font:400 clamp(38px,4.3vw,76px)/1.09 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.045em;margin:0!important;
  color:#293129;
}
.ch-supply-options h2 em { color:#7a836e;font-style:italic;font-weight:400; }
.ch-supply-options__content {
  max-width:970px;
  padding:0;
  margin-top:clamp(25px,2.4vw,38px);
  text-align:left;
}
.ch-supply-options__content>p {
  font:400 clamp(16px,1.12vw,19px)/1.72 Arial,sans-serif!important;
  color:#4b514a;margin:0!important;
}
.ch-supply-options__content>p.ch-supply-options__note {
  font:400 12px/1.55 Arial,sans-serif!important;
  color:#74786f;margin:16px 0 0!important;
}
@media(max-width:900px) {
  .ch-supply-options__inner { padding:54px 5.5vw 62px; }
  .ch-supply-options__eyebrow { margin-bottom:25px!important; }
  .ch-supply-options h2 { font-size:clamp(36px,6.4vw,61px)!important;line-height:1.13!important; }
  .ch-supply-options__content { max-width:760px;margin-top:26px; }
}
@media(max-width:540px) {
  .ch-supply-options__inner { padding:47px 5.5vw 54px; }
  .ch-supply-options h2 { font-size:clamp(35px,9vw,49px)!important;letter-spacing:-.04em!important; }
  .ch-supply-options__content { margin-top:22px; }
  .ch-supply-options__content>p { font-size:15px!important;line-height:1.68!important; }
  .ch-supply-options__content>p.ch-supply-options__note { font-size:11px!important;margin-top:15px!important; }
}


/* COSTAHAUS 2026-11-02: section introductions left aligned.
   On desktop the Mediterranean collection and the international-homeowner
   sections should read top-to-bottom, like the worktops section. Mobile's
   existing single-column layout is deliberately left unchanged. */
@media (min-width:761px) {
  .inspiration-section > .section-top,
  .home-international > .section-top {
    display:block!important;
    grid-template-columns:none!important;
    text-align:left!important;
  }
  .inspiration-section > .section-top > div:first-child,
  .home-international > .section-top > div:first-child {
    width:100%!important;
    max-width:100%!important;
  }
  .inspiration-section > .section-top > .section-aside,
  .home-international > .section-top > .section-aside {
    width:100%!important;
    max-width:860px!important;
    margin:clamp(18px,2.1vw,30px) 0 0!important;
    padding:0!important;
    text-align:left!important;
    font-size:clamp(16px,1.1vw,18px)!important;
    line-height:1.68!important;
  }
}