/* Shared section subtitles and compact heading scale for phones. */
/* Warm, readable supporting text beneath the main section headings. */
  body:not(.adminPage) main :is(
    .sectionHead,
    .heroImageCopy,
    .heroImageText,
    .shishaShowcaseIntro,
    .shishaDiscoverHead,
    .shishaBarCopy,
    .shishaFilmCopy,
    .cocktailFeatureCopy,
    .momentsCopy,
    .showcaseText,
    .guestReviewsCopy,
    .guestReviewsPageIntro,
    .flavors3dHeroCopy,
    .brandMenuHead,
    .offersReservation,
    .hwSectionHead,
    .pizzaHero,
    .pizzaMenuHead
  ) > p:not(:is(.eyebrow,.heroImageKicker,.guestReviewsEyebrow,.offersEyebrow,.hwEyebrow)),
  body:not(.adminPage) main :is(
    .homePromotionsIntro,
    .homePromotionsIntro p,
    .bestFlavorsLead,
    .newProductsLead,
    .ritualLead,
    .homeFaqIntro,
    .clubLead,
    .offersLead,
    .hwLead,
    .customPageIntro
  ){
    font-size:17px!important;
    color:#d6c2a0!important;
    line-height:1.8!important;
  }

/* A modest increase for the large white-and-gold section titles. */
@media screen and (min-width:1051px){
  body:not(.adminPage) main .sectionHead h2{font-size:52.2px}
  .homePage main .heroImageCopy h1{font-size:clamp(46.8px,4.3vw,70.2px)}
  .homePage main .homePromotions h2{font-size:clamp(36px,4.3vw,62.1px)}
  .homePage main .bestFlavors h2{font-size:clamp(36.9px,4.7vw,72.9px)}
  .homePage main .newProducts h2{font-size:clamp(37.8px,4.2vw,60.3px)}
  .homePage main .shishaShowcaseCopy h2{font-size:clamp(28.8px,3vw,44.1px)}
  .homePage main .cocktailFeatureCopy h2{font-size:clamp(48.6px,5.1vw,77.4px)}
  .homePage main .cocktailFeature[data-cocktail-slide="2"] .cocktailFeatureCopy h2{font-size:clamp(30.6px,3.7vw,60.3px)}
  .homePage main .momentsCopy h2{font-size:44.1px}
  .homePage main .guestReviews h2{font-size:clamp(32.4px,3.5vw,51.3px)}
}

@media screen and (max-width:700px){
  body:not(.adminPage) main h1{
    font-size:clamp(36px,9.5vw,48px)!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
    text-wrap:balance;
    overflow-wrap:break-word;
    margin-block:18px 22px;
  }
  body:not(.adminPage) main :is(.sectionHead,.homePromotions,.newProducts,.bestFlavors,.shishaRitual,.shishaFilmCopy,.shishaShowcaseCopy,.cocktailFeatureCopy,.momentsCopy,.homeFaq,.guestReviewsCopy,.showcaseIntro,.shopSectionHead,.shopBrandsHeading,.shopStatement,.offersSectionHead,.offersReservation,.shishaDiscover,.shishaEvening,.shishaBar,.brandMenuHead) h2,
  body:not(.adminPage) main>section>h2,
  body:not(.adminPage) .customPageText h2{
    font-size:clamp(33px,8.4vw,40px)!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    text-wrap:balance;
    overflow-wrap:break-word;
  }
  body.homePage main .homeFaq h2{
    font-size:clamp(36px,9.2vw,44px)!important;
  }
  body:not(.adminPage) .homePromoTile h3{
    font-size:clamp(26px,7vw,32px)!important;
    line-height:1.2!important;
  }
  .homePage .heroImageText{padding-bottom:20px}
  .homePage .heroImageCopy h1{margin-block:16px 20px}
  .homePage :is(.homePromotionsHead,.sectionHead){margin-bottom:24px}
  .homePage :is(.bestFlavors,.cocktailFeatureCopy,.momentsCopy) h2{margin-bottom:20px}


  body:not(.adminPage) :is(
    .homePromoTile p,
    .bestFlavorNotes p,
    .drink p,
    .card p,
    .offerBody p,
    .flavor3dMeta p,
    .shishaTasteCard p,
    .shishaEveningSteps p,
    .clubSteps p,
    .registerCard > p:not(.cardKicker),
    .footerBrand > p,
    .footerInfo p
  ){
    font-size:15px!important;
    line-height:1.75!important;
  }
}