@import url("estrato.css");
@import url("estrato-pages.css");
@import url("estrato-longform.css");

@media(max-width:720px){
  .eu-hero__copy{width:100vw;max-width:100%;min-width:0;padding:60px 20px}
  .eu-hero__copy>*{min-width:0;max-width:100%}
  .eu-hero h1,.eu-hero__copy>p{width:100%;overflow-wrap:break-word}
  .eu-actions{display:grid;grid-template-columns:1fr;width:100%}
  .eu-actions .eu-button{width:100%;min-width:0}
  .eu-proof{width:100%}
}

/* Keep the commercial price visible in the first product viewport. */
.product-hero{min-height:620px}
.product-gallery{min-height:620px;padding-block:48px}
.product-gallery__main{min-height:470px}
.product-gallery__main img{height:470px}
.product-summary{position:relative;padding-block:45px}
.product-summary>.eyebrow{order:0}
.product-summary>.quote-price{order:1;display:grid;width:100%;margin:14px 0 10px;padding:14px 18px;border:0;border-left:6px solid var(--eu-coral);border-radius:8px 28px 28px 8px;background:var(--eu-mint);box-shadow:0 12px 30px rgba(21,56,47,.1)}
.product-summary>.quote-price span{color:var(--eu-coral);font-size:.64rem;font-weight:900;letter-spacing:.08em}
.product-summary>.quote-price strong{color:var(--eu-forest);font:italic 700 clamp(2rem,3.2vw,3.15rem)/1 Georgia,serif}
.product-summary>.quote-price small{color:#51665d;font-size:.68rem;line-height:1.45}
.product-summary>h1{order:2;margin:12px 0;font-size:clamp(2.65rem,4.25vw,4.85rem)}
.product-summary>.product-lead{order:3;margin-block:8px}
.product-summary>.product-summary__actions{order:4;margin-block:14px}
.product-summary>.buy-facts{order:5;margin-top:10px}

@media(max-width:720px){
  .product-hero,.product-gallery{min-height:auto}
  .product-gallery__main{min-height:330px}
  .product-gallery__main img{height:330px}
  .product-summary{padding-block:38px}
  .product-summary>.quote-price strong{font-size:2.15rem}
  .product-summary>h1{font-size:2.65rem}
}