/* LUXURRE 5.0.182 — fixed-header clearance and modal style recovery.
 * Overrides only the problematic page templates; does not alter business logic.
 */
:root { --lx182-header: 88px; }
@media(max-width:720px) { :root { --lx182-header: 72px; } }
/* .page-hero had padding-block:35px in 5.0.178, overriding the header-clearance
   padding-top:116px from app.css. The fixed header then covered the h1. */
body.lx5154-interior main > .page-hero {
  box-sizing:border-box!important;
  padding:calc(var(--lx182-header) + max(32px,env(safe-area-inset-top))) clamp(20px,5vw,72px) clamp(32px,3.7vw,48px)!important;
  min-height:0!important;
  align-items:flex-end!important;
  overflow:visible!important;
  scroll-margin-top:calc(var(--lx182-header) + 12px);
}
body.lx5154-interior main > .page-hero > div {max-width:min(1200px,100%);min-width:0}
body.lx5154-interior main > .page-hero :is(.eyebrow,h1,p) {position:relative!important;inset:auto!important;transform:none!important;max-width:100%;overflow-wrap:break-word}
body.lx5154-interior main > .page-hero h1 {
  color:#fff!important;
  font:400 clamp(31px,4.2vw,57px)/1.12 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.018em!important;
  margin:8px 0 0!important;
  padding:0!important;
}
body.lx5154-interior main > .page-hero p {margin:16px 0 0!important;line-height:1.6!important;font-size:clamp(13px,1.35vw,17px)!important;color:#e8edf2!important;max-width:1050px}
body.lx5154-interior main > .page-hero .eyebrow{color:#d8c2a7!important;letter-spacing:.17em!important;font-size:10px!important}
body.lx5154-interior main > .page-hero + .section,body.lx5154-interior main > .page-hero + .page-shell {margin-top:0!important}
@media(max-width:720px){
 body.lx5154-interior main > .page-hero{padding:calc(var(--lx182-header) + max(24px,env(safe-area-inset-top))) 19px 30px!important}
 body.lx5154-interior main > .page-hero h1{font-size:clamp(28px,7.2vw,39px)!important;line-height:1.15!important}
}
/* Seller wizard: reserve only the active question. The old 5.0.158 desktop
   experiment sometimes appears without its qualifying class, exposing raw headings.
   The companion JS restores the expected 5.0.167 state class. */
#requestModal.open .lx158-desktop-hero,
#requestModal.open .lx158-desktop-sidebar {display:none!important}
#requestModal.lx5127-publish.open.lx167-seller-view .modal-panel {max-width:100%!important;min-width:0!important}
#requestModal.lx5127-publish.open.lx167-seller-view .modal-head {box-sizing:border-box!important;align-items:center!important}
#requestModal.lx5127-publish.open.lx167-seller-view :is(.modal-close,.lx5146-header-back) {
 top:50%!important;transform:translateY(-50%)!important;margin:0!important;
 color:#182b35!important;display:flex!important;justify-content:center!important;align-items:center!important;
}
#requestModal.lx5127-publish.open.lx167-seller-view #requestForm {padding-left:0!important}
#requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-body {overflow-x:hidden!important}
#requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-step.active {position:relative!important;z-index:1!important}
#requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-step h3{color:#1b2228!important;overflow-wrap:break-word}
#requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-step .flow-field{max-width:100%;box-sizing:border-box}
@media(max-width:640px){
 #requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-body{padding:22px 16px 36px!important}
 #requestModal.lx5127-publish.open.lx167-seller-view #requestForm .flow-step h3{font-size:clamp(26px,7vw,36px)!important;line-height:1.2!important}
}
/* Don't force full page width because of long translated strings and input cards. */
.lx581-request .lx581-card,.lx5178-plans .plan-audience-grid >*,.lx5174-dashboard .dash-main {min-width:0;overflow-wrap:anywhere}