html{scroll-behavior:smooth}body[data-sector=makler]{--paper:#f5f3ee;--ink:#1c302e;--tone:#7b583d;--accent:#ead6b9}body[data-sector=barber]{--paper:#f3eee5;--ink:#2a2927;--tone:#885f3c;--accent:#e7c59b}body[data-sector=savdo]{--paper:#f3f5f6;--ink:#18394a;--tone:#246383;--accent:#c5e5f5}body[data-sector=oquv]{--paper:#f4f3f9;--ink:#302b4d;--tone:#6a5c93;--accent:#e2d9f6}button,.button{min-height:44px;transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}button:hover,.button:hover{filter:brightness(1.12);box-shadow:0 4px 14px #15231a18}button.secondary:hover{background:#d6decc}.card{transition:box-shadow 220ms ease,transform 220ms ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1c302e12}.cover{height:190px;background:#e6e9df;color:var(--tone);position:relative}.photocover{padding:0;height:225px;overflow:hidden}.photocover img{width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}.card:hover .photocover img{transform:scale(1.035)}.photocover b{position:absolute;left:18px;bottom:16px;background:#fffdf5ed;color:#20322a;font-size:12px}.sourcelink{font-size:12px;color:#73563d;text-decoration:underline;text-underline-offset:4px}.photogallery{display:flex;overflow-x:auto;gap:10px;margin-top:20px;scroll-snap-type:x mandatory}.photogallery img{width:88%;height:240px;object-fit:cover;border-radius:10px;flex-shrink:0;scroll-snap-align:start}.introchips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.introchips span{font-size:11px;border:1px solid var(--line);padding:6px 10px;border-radius:20px}body[data-sector=makler] .intro{padding:55px 0 30px}body[data-sector=makler] .intro>div{max-width:720px}body[data-sector=makler] .intro h1{font-weight:650;font-size:clamp(36px,4.7vw,64px);max-width:690px}body[data-sector=makler] .banner{background:#ebe6db;font-size:12px;color:#5b5c50}.price{letter-spacing:-.5px}body[data-sector=makler] .cardbody h3{font-size:21px}.reveal{opacity:1;transform:none}.reveal:not(.inview){opacity:.78;transform:translateY(8px)}.reveal.inview{transition:opacity 280ms ease-out,transform 280ms ease-out}.status{animation:confirm-in 220ms ease-out}dialog[open]{animation:dialog-in 220ms ease-out;max-height:92vh;overflow:auto}.pricepin:focus-visible{outline:3px solid #986731;outline-offset:5px}.group-pin span{background:#1c302e;min-width:120px}.popup-list{max-height:330px;overflow:auto}.popup-list article{padding:12px 0;border-bottom:1px solid #ddd}.popup-list img{width:100%;height:110px;object-fit:cover;border-radius:8px}.popup-list button{font-size:12px;width:100%;margin-top:8px}.popup-list .sourcelink{display:block;margin:8px 0}.popup-list h3{font-size:14px;margin:8px 0}.popup-list p{font-size:12px}.popup-list article.selected{background:#f0eddf;padding:10px;border-radius:8px}@keyframes confirm-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:520px){.photocover{height:235px}.introchips{gap:5px}.introchips span{font-size:10px}.photogallery img{height:200px}.navlinks{max-width:180px}.intro .button{width:100%;text-align:center}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal:not(.inview){opacity:1;transform:none}.card:hover,.card:hover img{transform:none}}

body[data-sector=makler] .intro{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.propertyhero{position:relative;border-radius:20px;overflow:hidden;height:390px;box-shadow:0 16px 35px #192b2215}.propertyhero img{height:100%;width:100%;object-fit:cover}.herocaption{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent 30%,#102721db);color:#fff}.herocaption span{font-size:10px;letter-spacing:2px}.herocaption strong{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.herocaption small{font-size:10px;color:#e2e8db}body[data-sector=barber] .intro{background:#29251f;color:#f7eee1;border-radius:18px;padding:45px 30px;margin-top:25px}body[data-sector=barber] .intro p{color:#ded1bf}body[data-sector=barber] .intro .eyebrow{color:#e7bb89}body[data-sector=barber] .intro .button{background:#d6ab79;color:#28231c}@media(max-width:800px){body[data-sector=makler] .intro{gap:25px}.propertyhero{height:340px}}@media(max-width:600px){body[data-sector=makler] .intro{grid-template-columns:1fr}.propertyhero{height:280px}body[data-sector=barber] .intro{padding:30px 22px}.herocaption strong{font-size:27px}}
