/* Request examples stay placeholders until explicitly applied. */
html body #root #customer-main .requestJourney .requestStageV397 .requestExampleHeadingV420{display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
html body #root #customer-main .requestJourney .requestStageV397 .requestExampleHeadingV420>label{margin:0!important;min-width:0}
html body #root #customer-main .requestJourney .requestStageV397 .requestExampleHeadingV420>button{width:auto!important;min-width:0!important;min-height:32px!important;margin:0!important;padding:6px 9px!important;font-size:11px!important;line-height:1.4!important;font-weight:600!important;border:1px solid #b6d6cc!important;border-radius:8px!important;background:#edf6f1!important;color:#285d50!important;box-shadow:none!important;white-space:nowrap}
html body #root #customer-main .requestJourney .requestStageV397 input::placeholder,html body #root #customer-main .requestJourney .requestStageV397 textarea::placeholder{color:#75827e;opacity:1}
/* Clear mint surface and a distinct otter picture instead of a faded badge. */
html body .customerAppShell .customerMain .searchHeroV446{background:linear-gradient(125deg,#d8eee6 0%,#e8f4ed 65%,#f6e6cb 100%)!important;border:1px solid #8bbcad!important;box-shadow:0 10px 28px #254f3e12;grid-template-columns:minmax(0,1fr) minmax(240px,32%)!important}
html body .customerAppShell .searchHeroV446 .searchHeroCopyV348{padding:30px!important}
html body .customerAppShell .searchHeroV446 .searchHeroCopyV348>p:first-child{color:#2b6655!important;font-weight:700;letter-spacing:.04em}
html body .customerAppShell .searchHeroV446 .searchHintV391{color:#456355!important}
html body .customerAppShell .searchHeroV446 .searchHeroArtV348{position:relative;top:auto;right:auto;width:calc(100% - 32px)!important;height:auto!important;max-height:260px!important;margin:16px;padding:0!important;border:3px solid #fff;border-radius:22px;object-fit:cover!important;object-position:center;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none;box-shadow:0 8px 20px #345b4326}
html body .customerAppShell .searchHeroV446 .customerSearchBox{border-color:#84b6a5;background:#fff;box-shadow:0 3px 12px #2854430c}
html body .customerAppShell .searchHeroV446 .searchSuggestionsV391 button{border-color:#a4c9ba;background:#fffdf8;color:#285e4f}
@media(max-width:700px){html body .customerAppShell .customerMain .searchHeroV446{grid-template-columns:minmax(0,1fr)!important}html body .customerAppShell .searchHeroV446 .searchHeroCopyV348{padding:22px 18px!important}html body .customerAppShell .searchHeroV446 .searchHeroCopyV348 h1{padding-right:110px!important;min-height:82px;display:flex;align-items:center;font-size:23px!important;line-height:1.35!important}html body .customerAppShell .searchHeroV446 .searchHeroArtV348{position:absolute;top:20px;right:16px;width:96px!important;height:96px!important;margin:0;border-radius:18px;object-fit:cover!important;max-height:none!important}}

/* Service overview: readable copy beside artwork; one action row below. */
html body #root #customer-main.audienceContentV423 .serviceDetail>.serviceIntroV446{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px!important;padding:24px!important;border-radius:20px;background:#fff;border:1px solid #d5e3dc;align-items:center}
html body #root #customer-main .serviceIntroV446 .serviceIntroCopyV392{min-width:0}
html body #root #customer-main .serviceIntroV446 h1{font-size:28px!important;line-height:1.35!important;margin:0 0 10px}
html body #root #customer-main .serviceIntroV446 .serviceIntroCopyV392>span{font-size:14px!important;line-height:1.7!important;color:#596f65}
html body #root #customer-main.audienceContentV423 .serviceIntroV446 .serviceDetailVisual{width:160px!important;height:160px!important;max-height:none!important;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#e8f3ee;box-shadow:none}
html body #root #customer-main .serviceIntroActionsV446{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid #e6eeea;padding-top:18px}
html body #root #customer-main .serviceIntroV446 .serviceShareActions{margin:0;gap:8px}
html body #root #customer-main .serviceIntroV446 .serviceShareActions button{min-height:36px;font-size:12px!important;padding:8px 10px;font-weight:600}
html body #root #customer-main .serviceIntroActionsV446>.detailRequestButton{min-height:44px;padding:11px 24px;font-size:14px!important;border-radius:12px;margin:0}
@media(max-width:600px){
 html body #root #customer-main.audienceContentV423 .serviceDetail>.serviceIntroV446{grid-template-columns:minmax(0,1fr) 96px;gap:14px!important;padding:18px!important}
 html body #root #customer-main .serviceIntroV446 h1{font-size:23px!important;margin-bottom:8px}
 html body #root #customer-main .serviceIntroV446 .serviceIntroCopyV392>span{font-size:13px!important;line-height:1.65!important;word-break:normal}
 html body #root #customer-main.audienceContentV423 .serviceIntroV446 .serviceDetailVisual{width:96px!important;height:112px!important;border-radius:14px}
 html body #root #customer-main .serviceIntroActionsV446{grid-template-columns:1fr;padding-top:14px;gap:12px}
 html body #root #customer-main .serviceIntroV446 .serviceShareActions{display:grid;grid-template-columns:1fr 1fr}
 html body #root #customer-main .serviceIntroActionsV446>.detailRequestButton{width:100%;min-height:46px}
}

/* Use the dialog body as the single scroll area; avoid nested card gutters. */
html body dialog.hvDialog.designHouseV391.housePopupV424>main{display:block!important;position:relative!important;flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:12px!important;scrollbar-gutter:auto}
html body dialog.hvDialog.designHouseV391.housePopupV424 .houseDashboardV382{width:100%;max-width:none;margin:0!important;padding:0!important;gap:14px}
html body dialog.hvDialog.designHouseV391.housePopupV424 .hdDetails{padding:12px!important}
html body dialog.hvDialog.designHouseV391.housePopupV424 .hvRoomArea{margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent;box-shadow:none;border-radius:0}
html body dialog.hvDialog.designHouseV391.housePopupV424 .hvSafetyQuiz{padding:4px!important;overflow:visible;min-height:0}
html body dialog.hvDialog.designHouseV391.housePopupV424 .hvSafetyQuiz>button{display:block;position:static!important;width:100%;margin:12px 0!important;white-space:normal;line-height:1.5}
@media(max-width:600px){html body dialog.hvDialog.designHouseV391.housePopupV424{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}html body dialog.hvDialog.designHouseV391.housePopupV424>main{padding:10px!important}}

/* Search results: a single column, with full-width artwork and readable copy. */
html body #root #customer-main .searchResults .serviceGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
html body #root #customer-main .searchResults .serviceCard{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0;min-height:0!important;padding:16px!important;border-radius:16px!important;text-align:left}
html body #root #customer-main .searchResults .serviceCard>.serviceThumbnail{width:100%!important;height:220px!important;max-height:none!important;object-fit:cover!important;border-radius:12px!important;margin:0!important}
html body #root #customer-main .searchResults .serviceCard>strong{font-size:17px!important;line-height:1.45!important;color:#294e43}
html body #root #customer-main .searchResults .serviceCard>.serviceInviteV441{font-size:14px!important;line-height:1.7!important;margin:0!important;word-break:keep-all}
html body #root #customer-main .searchResults .serviceCard>.servicePrice{font-size:13px!important;line-height:1.6!important;margin:0!important}
@media(max-width:600px){html body #root #customer-main .searchResults .serviceCard>.serviceThumbnail{height:180px!important}}