/* Homepage and results refinements, based on live iamsold.co.uk structure checked 13 Nov 2026.
 * Stays isolated from the Supabase authentication and bidding code. */
:root{--navy:#003941;--navy-dark:#002e36;--mint:#afe9b2;--yellow:#ffb110;--container:1200px}
/* Original reference uses three large homepage cards, not four. */
.home-intros.home-reference-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.home-intros.home-reference-tiles .intro-card{min-height:204px;padding:28px 27px 22px;border-radius:7px;box-shadow:0 4px 12px #002b2f18}
.home-intros.home-reference-tiles .intro-card h3{font-size:20px;letter-spacing:-.035em}
.home-intros.home-reference-tiles .intro-card p{font-size:13px;max-width:330px;line-height:1.6}
.home-intros.home-reference-tiles .intro-card .btn{padding:11px 18px;border-radius:24px}
.hero h1{max-width:1000px}
.hero p{max-width:770px}
.home-dark{background:#003943}
.home-dark:before{left:calc(50% - 1070px);top:-250px}
.home-dark:after{background:#0a5c60;opacity:.43}
.reference-search{box-shadow:0 11px 29px #002a2d36}
.reference-search .search-field{border-right:1px solid #deece9}
.reference-search .search-field input:focus{outline:2px solid #4cbfaf;outline-offset:2px;border-radius:3px}
.reference-search .search-submit{background:#ffb10e;color:#063940}
.reference-search .search-submit:hover{background:#ffd04b}
/* Search results page */
.listing-results-section{background:#f9fbfa;padding:72px 0 95px}
.latest-properties-intro{max-width:790px;margin-bottom:45px}
.latest-properties-intro h2{font-size:32px;margin:0 0 12px;letter-spacing:-.04em}
.latest-properties-intro p{color:#537075;font-size:15px;line-height:1.75;margin:0}
.results-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:27px}
.results-title-row h2{font-size:32px;line-height:1.2;margin:0 0 7px}
.results-title-row p{font-size:14px;color:#5b7477;margin:0}
.results-title-row strong{color:#103f45}
.property-results-layout{display:grid;grid-template-columns:254px minmax(0,1fr);gap:27px;align-items:start}
.property-results-layout:not(:has(.results-side)){grid-template-columns:1fr}
.results-side{position:relative}
.results-side-panel{position:sticky;top:20px;background:#fff;border:1px solid #e0eae7;padding:23px 20px;border-radius:8px;box-shadow:0 4px 20px #02343b08}
.side-title{display:flex;align-items:center;justify-content:space-between;color:#073b42;padding-bottom:18px;border-bottom:1px solid #deede7}
.side-title h2{font-size:22px;margin:0}
.side-filter-group{border:0;border-bottom:1px solid #e6eeeb;margin:0;padding:18px 0 20px;min-width:0}
.side-filter-group legend{font-size:14px;font-weight:800;letter-spacing:-.02em;margin-bottom:9px;float:left;width:100%;color:#113e44}
.side-filter-group legend+*{clear:both}
.side-sort{border:1px solid #cfe0dc;padding:12px 11px;background:#fff;color:#12434a;border-radius:6px;width:100%;font-size:12px}
.side-filter-option{display:flex;align-items:flex-start;gap:10px;margin:11px 0;color:#4b676e;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}
.side-filter-option input{accent-color:#126d69;flex:none;width:16px;height:16px;margin:1px 0 0}
.results-side-panel .btn-wide{width:100%;margin:23px 0 10px}
.side-clear-btn{border:0;background:transparent;color:#316e72;font-size:12px;text-decoration:underline;padding:5px 0;width:100%;cursor:pointer}
.results-main .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.results-main .property-picture{height:240px}
.results-main .property-card h3{font-size:19px}
.mobile-filters{display:none}
.status-days{font-weight:700;margin-left:6px;opacity:.85;background:#0f656b;padding:3px 5px;font-size:10px}
.property-picture{background:#d4e8e3}
.property-picture img{background-color:#d4e8e3}
.property-meta span{background:#e5f5ed}
/* Reference header and footer density */
.primary-nav{gap:24px}
.primary-nav a{font-size:12.5px}
.utility-bar,.utility-inner{height:35px;min-height:35px}
.main-header{height:79px}
.footer-columns.footer-reference{grid-template-columns:repeat(3,minmax(0,1fr)) 1.15fr}
@media(max-width:1100px){
 .primary-nav{gap:14px}
 .primary-nav a{font-size:11px}
 .property-results-layout{grid-template-columns:226px minmax(0,1fr);gap:18px}
 .results-main .property-picture{height:215px}
}
@media(max-width:900px){
 .main-header{height:74px}
 .results-main .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .property-results-layout{grid-template-columns:216px minmax(0,1fr)}
 .home-intros.home-reference-tiles{gap:12px}
 .home-intros.home-reference-tiles .intro-card{padding:23px 19px;min-height:222px}
 .home-intros.home-reference-tiles .intro-card h3{font-size:18px}
 .footer-columns.footer-reference{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:740px){
 .home-intros.home-reference-tiles{grid-template-columns:1fr;gap:13px}
 .home-intros.home-reference-tiles .intro-card{min-height:0;padding:22px 21px}
 .home-intros.home-reference-tiles .intro-card p{margin-bottom:20px}
 .results-title-row h2{font-size:27px}
 .listing-results-section{padding:47px 0 70px}
 .latest-properties-intro{margin-bottom:35px}
 .latest-properties-intro h2{font-size:28px}
 .property-results-layout{grid-template-columns:1fr}
 .results-side{display:none}
 .results-side.mobile-open{display:block}
 .results-side-panel{position:relative;top:auto;padding:21px}
 .mobile-filters{display:inline-flex;min-height:40px;gap:7px;white-space:nowrap;font-size:12px}
 .results-main .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .results-main .property-picture{height:200px}
}
@media(max-width:570px){
 .results-main .grid-3{grid-template-columns:1fr}
 .results-main .property-picture{height:225px}
 .results-title-row{align-items:flex-start}
 .results-title-row h2{font-size:24px}
 .latest-properties-intro p{font-size:14px}
 .hero h1{font-size:clamp(31px,7.7vw,42px)}
 .home-intros.home-reference-tiles .intro-card{padding:21px}
 .footer-columns.footer-reference{grid-template-columns:1fr}
}