/* V715: mobile text layout; desktop typography and CTA appearance retained. */
@media (max-width: 700px) {
  html body[class] .micro158-hero .micro158-shell .micro158-intro {
    height: auto !important;
    min-height: 580px !important;
    max-height: none !important;
  }
  html body[class] .micro158-hero .micro158-intro .micro158-body {
    height: auto !important;
    max-height: none !important;
    flex-shrink: 0 !important;
  }
  html body[class] .micro158-hero .micro158-intro p.micro158-sub {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-shrink: 0 !important;
  }
  html body[class] .beton197-panel .beton197-panel-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  html body[class] .beton197-panel .beton197-panel-head > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body[class] .beton197-panel .beton197-panel-head > a {
    align-self: flex-start !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  html body[class] .micro158-hero .micro158-intro #furniture182-hero-title {
    white-space: normal !important;
    text-wrap: wrap !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-shrink: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: normal !important;
  }
}
@media (max-width: 480px) {
  html body[class] .micro151-benefit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body[class] .micro151-benefit-grid > * {
    min-width: 0 !important;
  }
}

/* V716: full text visibility in narrow, tablet and desktop layouts. */
@media (max-width: 700px) {
 html body.ct-concretta-page.ct-sibling-landing-v627 .cb119-hero {
   height: auto !important; max-height: none !important; min-height: 100svh !important;
 }
 html body.ct-concretta-page.ct-sibling-landing-v627 .cb119-hero .cb119-hero-layout {
   grid-template-columns: minmax(0, 1fr) !important;
 }
 html body.ct-concretta-page.ct-sibling-landing-v627 .cb119-hero .cb119-hero-layout > * {
   min-width: 0 !important; max-width: 100% !important;
 }
 html body.ct-concretta-page.ct-sibling-landing-v627 .cb119-hero .cb119-hero-copy {
   width: 100% !important; max-width: 100% !important;
   height: auto !important; max-height: none !important; overflow: visible !important;
 }
 html body.ct-concretta-page.ct-sibling-landing-v627 .cb119-hero :is(.cb119-kicker,.ct526-hero-display,.cw499-hero-display,.cs146-visual-title,.cb119-hero-actions) {
   max-width: 100% !important;
 }
 html body[class] .micro151-gallery[aria-labelledby="signature260-gallery-title"] .micro151-section-head {
   display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
 }
}
@media (max-width: 360px) {
 html body[class].ct-product-responsive-v428 .micro158-hero .micro158-shell .micro158-intro h1 {
   width: 100% !important; max-width: 100% !important; min-width: 0 !important;
   white-space: normal !important; text-wrap: wrap !important;
   height: auto !important; max-height: none !important; flex-shrink: 0 !important;
 }
 html body[class] .ctblog-main h1.ctblog-title {
   font-size: 32px !important;
 }
}
@media (min-width: 901px) {
 html body[class] .micro158-hero .micro158-shell .micro158-intro,
 html body[class] .micro158-hero .micro158-shell .micro158-media {
   height: auto !important; max-height: none !important;
 }
 html body[class].ct-product-responsive-v428 .micro158-hero .micro158-shell .micro158-intro h1 {
   width: 100% !important; max-width: 100% !important; min-width: 0 !important;
   white-space: normal !important; text-wrap: wrap !important;
   height: auto !important; max-height: none !important; flex-shrink: 0 !important;
 }
 html body[class] .micro158-hero .micro158-intro p.micro158-sub {
   white-space: normal !important; height: auto !important; max-height: none !important;
   overflow: visible !important; flex-shrink: 0 !important;
 }
 html body[class] .micro158-hero .micro158-intro .micro158-body,
 html body[class] .micro158-hero .micro158-intro .micro158-techline,
 html body[class] .micro158-hero .micro158-intro .micro158-actions {
   height: auto !important; max-height: none !important; flex-shrink: 0 !important;
 }
 html[lang="en"] body[class] .concretta-premium-brands .cp-heading {
   font-size: clamp(34px, calc(2.5vw + 4.5px), 42px) !important;
 }
}

@media (min-width: 701px) and (max-width: 900px) {
 html body[class] .micro151-gallery[aria-labelledby="signature260-gallery-title"] .micro151-section-head {
   display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
 }
}
@media (max-width: 360px), (min-width: 901px) {
 html body[class] .micro158-hero .micro158-intro nav.micro158-breadcrumb {
   white-space: normal !important; height: auto !important; max-height: none !important;
   overflow: visible !important; flex-shrink: 0 !important;
 }
}
@media (min-width: 701px) and (max-width: 900px) {
 html body[class] .micro158-hero .micro158-shell .micro158-intro {
   height: auto !important; max-height: none !important;
 }
 html body[class] .micro158-hero .micro158-intro .micro158-techline {
   height: auto !important; max-height: none !important; flex-shrink: 0 !important;
 }
}
@media (min-width: 701px) and (max-width: 900px) {
 html body[class] .micro151-section-head {
   display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
 }
 html body[class] .micro151-section-head > * {
   min-width: 0 !important; max-width: 100% !important;
 }
 html body[class] .micro158-hero .micro158-intro p.micro158-sub {
   white-space: normal !important; height: auto !important; max-height: none !important;
   overflow: visible !important; flex-shrink: 0 !important;
 }
}
@media (min-width: 981px) {
 html body.ct-home .cd-material-strip-inner {
   box-sizing: border-box !important; flex-wrap: wrap !important;
   white-space: normal !important; row-gap: 12px !important; padding: 12px 0 !important;
 }
}
