/* ============================================================
   COSTAN V6.8 — MOBILE/TABLET HEADING + FULL WIDTH INFO PAGES
   Loads LAST.
   ============================================================ */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

h1,h2,h3,h4,
.page-title,
.product-title,
.section-title,
.hero-premium h1,
.domani-center h1,
.section-head h2,
.brand-copy h2,
.motion-copy h3,
.cat-title,
.shop-info h3,
.detail h1{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}

/* Keep display headings inside viewport */
@media(max-width:1024px){
  h1,
  .page-title,
  .product-title,
  .detail h1,
  .hero-premium h1,
  .domani-center h1{
    font-size:clamp(42px,7vw,62px)!important;
    line-height:1!important;
  }

  h2,
  .section-title,
  .section-head h2,
  .brand-copy h2{
    font-size:clamp(32px,5.4vw,48px)!important;
    line-height:1.05!important;
  }

  h3,
  .motion-copy h3,
  .shop-info h3{
    font-size:clamp(22px,3.4vw,35px)!important;
    line-height:1.12!important;
  }
}

@media(max-width:700px){
  h1,
  .page-title,
  .product-title,
  .detail h1,
  .hero-premium h1,
  .domani-center h1{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }

  h2,
  .section-title,
  .section-head h2,
  .brand-copy h2{
    font-size:clamp(28px,8vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
  }

  h3,
  .motion-copy h3,
  .shop-info h3{
    font-size:clamp(20px,6vw,28px)!important;
    line-height:1.15!important;
  }

  h4{
    font-size:18px!important;
  }

  .page-hero,
  .section,
  .wrap,
  .section-wrap,
  .product-shell{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* ============================================================
   INFO / POLICY PAGES — TRUE FULL WIDTH
   About Us, Privacy, Terms, Shipping, Returns, Contact, etc.
   ============================================================ */
.page-content-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:58px clamp(18px,5vw,84px)!important;
}

.page-content-full{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:pre-line!important;
  color:#b8b8b1!important;
  font-size:18px!important;
  line-height:1.82!important;
  text-align:left!important;
}

/* Neutralize older narrow content rules */
body.ecom .page-content-wrap,
body.ecom .page-content-full,
body.ecom main.wrap .page-copy.page-content-full{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:1024px){
  .page-content-wrap{
    padding:46px 28px!important;
  }
}

@media(max-width:700px){
  .page-content-wrap{
    padding:36px 18px!important;
  }

  .page-content-full{
    font-size:16px!important;
    line-height:1.72!important;
  }
}

/* ============================================================
   COSTAN V7.2 — MOBILE INFORMATION/POLICY TYPOGRAPHY
   Prevents Shipping/Returns/Privacy titles from overflowing phones.
   ============================================================ */
@media(max-width:700px){
  body.ecom.costan-info-page .page-hero{
    min-height:245px!important;
    padding:54px 18px 30px!important;
    justify-content:flex-end!important;
  }
  body.ecom.costan-info-page .page-hero .page-kicker{
    font-size:8px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }
  body.ecom.costan-info-page .page-hero .page-title{
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 8px!important;
    font-size:clamp(34px,10.5vw,44px)!important;
    line-height:1.02!important;
    letter-spacing:-.03em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body.ecom.costan-info-page .page-content-wrap{
    padding:32px 18px 54px!important;
  }
  body.ecom.costan-info-page .page-copy.page-content-full{
    font-size:15px!important;
    line-height:1.68!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:390px){
  body.ecom.costan-info-page .page-hero{min-height:225px!important;padding-top:44px!important}
  body.ecom.costan-info-page .page-hero .page-title{font-size:32px!important;line-height:1.04!important}
  body.ecom.costan-info-page .page-copy.page-content-full{font-size:14px!important;line-height:1.7!important}
}