/* Free browsing through the existing package choices. */
#bygg.builder-section {
  margin-top:0;
  padding-top:44px;
  scroll-margin-top:90px;
}
.builder-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}
.builder-toolbar h2 {
  font-size:clamp(27px,2.7vw,36px);
  line-height:1.2;
}
.builder-service-options {flex:none;max-width:100%}
.builder-service-options .delivery-options {width:350px}
.builder-service-options .delivery-choice>p:not(.sr-only) {max-width:350px}
#bygg .step-nav {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 28px;
  border-bottom:1px solid var(--line);
}
#bygg .step-nav button {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:48px;
  padding:12px 10px;
  font-size:14px;
  line-height:1.3;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
}
#bygg .step-nav button[aria-current="step"] {border-bottom-color:var(--blue);color:var(--black)}
#bygg .delivery-heading {display:block}
#bygg .delivery-heading>p {margin-top:8px}
@media(max-width:720px) {
  #bygg.builder-section {padding-top:30px}
  .builder-toolbar {align-items:stretch;flex-direction:column;gap:16px;margin-bottom:18px}
  .builder-service-options .delivery-options {width:100%}
  .builder-service-options .delivery-choice>p:not(.sr-only) {max-width:none}
  #bygg .step-nav {grid-template-columns:.9fr .9fr 1fr 1.5fr;margin-bottom:22px}
  #bygg .step-nav button {min-height:44px;padding:12px 4px;font-size:13px}
  #bygg .flow-actions>[data-next] {display:inline-flex}
  body.has-mobile-rig #bygg .flow-actions>[data-next] {display:none}
}

/* Align delivery with the current package heading on desktop. */
@media(min-width:961px) {
  #bygg .step-heading.has-delivery-options {
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px;
    align-items:center;
    gap:0 20px;
  }
  #bygg .step-heading.has-delivery-options>h3 {
    grid-column:1;
    grid-row:1;
    min-height:52px;
    display:flex;
    align-items:center;
    margin:0;
  }
  #bygg .step-heading.has-delivery-options>.builder-service-options {
    grid-column:2;
    grid-row:1;
  }
  #bygg .step-heading.has-delivery-options>p {
    grid-column:1/-1;
    grid-row:2;
  }
}