/* v17.2 sections add-on (non-destructive) */
:root{ --red:#c9212a; --shadow:0 12px 28px rgba(0,0,0,.12); }
.container{max-width:1100px;margin:0 auto;padding:0 18px}
.section{padding:24px 0}
.banner{position:relative;margin:16px auto;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.banner img{width:100%;height:300px;object-fit:cover;filter:brightness(.92)}
.banner .headline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 16px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;border-left:6px solid var(--red);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);font-weight:700}
.logos{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:8px}
.logos img{height:38px;object-fit:contain}
.ba{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin:14px 0}
.ba img{display:block;width:100%;height:420px;object-fit:cover}
.ba .after{position:absolute;inset:0;width:50%;overflow:hidden;border-right:2px solid #fff}
.ba .slider{position:absolute;left:0;right:0;bottom:10px;width:60%;margin:0 auto}
.ba .labels{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;color:#fff;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.mapwrap{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.mapwrap iframe{width:100%;height:320px;border:0}
/* Estimate drawer */
.est{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:50}
.est .tab{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--red);color:#fff;border-radius:10px 0 0 10px;padding:10px;cursor:pointer;box-shadow:var(--shadow);font-weight:900}
.drawer{position:fixed;top:0;right:-380px;width:360px;height:100vh;background:#fff;box-shadow:-24px 0 60px rgba(0,0,0,.28);transition:right .3s ease;z-index:49;display:flex;flex-direction:column}
.drawer.open{right:0}
.drawer .bg{height:160px;background:url('assets/celica.jpg') center/cover no-repeat;filter:brightness(.8)}
.drawer form{padding:14px;display:grid;gap:8px}
.drawer input,.drawer textarea{padding:10px;border:1px solid #ddd;border-radius:10px}
.drawer button{background:var(--red);color:#fff;border:none;border-radius:10px;padding:10px;font-weight:800;cursor:pointer}
@media (max-width:800px){ .banner img{height:220px} .ba img{height:320px} }

.logos img[alt='']{height:140px;object-fit:cover;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.08)}

/* Luxury thumbs uniform */
#luxury .logos img{height:220px;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.12)}