/* Hanifi Öztürk Emlak Premium UI — v4.0 conversion & discovery layer */
:root{--v4-panel:#0d0f10;--v4-panel2:#131617;--v4-border:rgba(216,180,122,.19);--v4-glow:0 28px 90px rgba(0,0,0,.52)}

/* richer header micro interaction */
.site-header.scrolled .brand-mark{box-shadow:0 0 0 5px rgba(216,180,122,.025),0 8px 32px rgba(216,180,122,.08)}
.property-card{isolation:isolate}.property-card:before{content:'';position:absolute;z-index:5;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),rgba(240,211,162,.075),transparent 48%);opacity:0;transition:opacity .35s}.property-card:hover:before{opacity:1}

/* quick-view trigger */
.quickview-toggle{position:absolute;z-index:8;left:14px;bottom:14px;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(7,8,8,.74);backdrop-filter:blur(14px);display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#eee;opacity:0;transform:translateY(8px);transition:.35s var(--ease)}
.quickview-toggle:before{content:'⌕';color:var(--gold2);font-size:15px;line-height:1}.property-card:hover .quickview-toggle,.quickview-toggle:focus-visible{opacity:1;transform:none}.quickview-toggle:hover{border-color:rgba(216,180,122,.55);background:rgba(14,15,15,.9)}

/* v4 floating conversion controls */
.v4-tools{position:fixed;z-index:7400;left:22px;bottom:22px;display:grid;gap:8px;pointer-events:none}.v4-tools button{pointer-events:auto;height:46px;padding:0 16px;border-radius:13px;border:1px solid var(--v4-border);background:rgba(12,13,14,.9);backdrop-filter:blur(18px);color:#ddd;box-shadow:0 12px 40px rgba(0,0,0,.28);font-size:9px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:9px;transition:.3s var(--ease)}.v4-tools button i{font-style:normal;color:var(--gold2);font-size:15px}.v4-tools button:hover{transform:translateY(-2px);border-color:rgba(216,180,122,.5);color:#fff}.v4-tools .match-fab{background:linear-gradient(135deg,rgba(225,194,144,.95),rgba(187,139,76,.96));color:#18120b;border-color:transparent;font-weight:700}.v4-tools .match-fab i{color:#18120b}

/* modal base */
.v4-modal{position:fixed;z-index:9600;inset:0;padding:24px;display:grid;place-items:center;background:rgba(3,4,4,.78);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:.32s var(--ease)}.v4-modal.open{opacity:1;visibility:visible}.v4-dialog{width:min(980px,100%);max-height:min(780px,calc(100vh - 48px));overflow:auto;border:1px solid var(--v4-border);border-radius:24px;background:linear-gradient(145deg,#121415,#090b0c 70%);box-shadow:0 40px 120px rgba(0,0,0,.66);transform:translateY(18px) scale(.985);transition:.42s var(--ease);position:relative}.v4-modal.open .v4-dialog{transform:none}.v4-dialog::-webkit-scrollbar{width:8px}.v4-dialog::-webkit-scrollbar-thumb{background:rgba(216,180,122,.2);border-radius:8px}.v4-modal-head{padding:26px 28px 22px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;gap:20px;align-items:start;position:sticky;top:0;z-index:8;background:rgba(14,16,17,.92);backdrop-filter:blur(18px)}.v4-modal-head h3{font-size:34px;margin-top:5px}.v4-close{width:42px;height:42px;border:1px solid var(--line2);background:#111314;border-radius:50%;color:#cfc9c0;font-size:22px}.v4-close:hover{border-color:var(--gold);color:var(--gold2)}

/* quick view */
.quickview-body{display:grid;grid-template-columns:1.05fr .95fr;min-height:470px}.quickview-media{min-height:470px;background:#0a0b0c;position:relative;overflow:hidden}.quickview-media img{width:100%;height:100%;object-fit:cover}.quickview-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,7,.72),transparent 42%)}.quickview-status{position:absolute;z-index:2;top:20px;left:20px;padding:8px 11px;border:1px solid rgba(216,180,122,.45);border-radius:8px;background:rgba(9,10,10,.74);font-size:9px;letter-spacing:.15em;color:var(--gold2)}.quickview-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.quickview-location{font-size:10px;letter-spacing:.08em;color:#a6a098}.quickview-copy h2{font-size:clamp(38px,4vw,56px);margin:9px 0 10px}.quickview-price{font-family:var(--serif);font-size:31px;color:var(--gold2);margin-bottom:22px}.quickview-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line2);margin:0 0 24px}.quickview-facts span{padding:15px 8px 15px 0;font-size:9px;color:#8f8981}.quickview-facts strong{display:block;color:#ded9d1;font-size:12px;margin-bottom:2px}.quickview-copy p{font-size:11px;line-height:1.8;color:#a9a39b}.quickview-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.quickview-actions .btn{min-height:47px}.quickview-actions button{min-height:47px;padding:0 16px;border:1px solid var(--line2);border-radius:10px;background:#0d0f10;color:#d8d2ca;font-size:10px}.quickview-actions button:hover{border-color:var(--gold);color:var(--gold2)}

/* smart matcher */
.matcher-dialog{width:min(1060px,100%)}.matcher-layout{display:grid;grid-template-columns:.82fr 1.18fr}.matcher-form{padding:28px;border-right:1px solid var(--line2)}.matcher-intro{font-size:11px;color:#9c968d;line-height:1.8;margin-bottom:22px}.matcher-fields{display:grid;gap:11px}.matcher-field{display:grid;gap:7px}.matcher-field>span{font-size:9px;letter-spacing:.12em;color:#858077;text-transform:uppercase}.matcher-field input,.matcher-field select{height:51px;border:1px solid var(--line2);border-radius:10px;background:#0a0c0d;padding:0 13px;outline:0}.matcher-field input:focus,.matcher-field select:focus{border-color:rgba(216,180,122,.5)}.matcher-submit{height:52px;border:0;border-radius:10px;background:linear-gradient(135deg,#efd4a2,#c99b57);color:#17110a;font-weight:700;margin-top:7px}.matcher-note{display:flex;gap:9px;margin-top:16px;padding:11px;border:1px solid var(--line2);border-radius:10px;font-size:9px;color:#817c75}.matcher-note b{color:var(--gold2);font-weight:500}.matcher-results{padding:28px;background:radial-gradient(circle at 80% 10%,rgba(216,180,122,.07),transparent 30%)}.matcher-results-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.matcher-results-head strong{font-family:var(--serif);font-size:26px}.matcher-results-head span{font-size:9px;color:#88827a}.match-empty{min-height:350px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(216,180,122,.18);border-radius:16px;color:#777168;padding:30px}.match-empty i{font-style:normal;font-family:var(--serif);font-size:60px;color:rgba(216,180,122,.35);display:block}.match-list{display:grid;gap:10px}.match-item{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:14px;padding:10px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.018);transition:.28s}.match-item:hover{border-color:rgba(216,180,122,.35);transform:translateX(3px)}.match-item img{width:108px;height:82px;object-fit:cover;border-radius:9px}.match-item strong{display:block;font-family:var(--serif);font-size:20px;line-height:1}.match-item small{display:block;font-size:8px;color:#8d877f;margin-top:6px}.match-item em{display:block;font-style:normal;color:var(--gold2);font-size:11px;margin-top:5px}.match-score{width:58px;height:58px;border-radius:50%;border:1px solid rgba(216,180,122,.4);display:grid;place-items:center;font-family:var(--serif);font-size:18px;color:var(--gold2);position:relative}.match-score:after{content:'UYUM';position:absolute;top:44px;font-family:var(--sans);font-size:6px;letter-spacing:.1em;color:#777}.match-item>a{display:contents}

/* appointment */
.appointment-dialog{width:min(790px,100%)}.appointment-body{display:grid;grid-template-columns:.8fr 1.2fr}.appointment-side{padding:34px;background:linear-gradient(0deg,rgba(6,7,7,.72),rgba(6,7,7,.28)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=850&q=80') center/cover;min-height:490px;display:flex;flex-direction:column;justify-content:flex-end}.appointment-side h3{font-size:38px;margin:8px 0 12px}.appointment-side p{font-size:10px}.appointment-side .mini-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.mini-trust span{padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(0,0,0,.24);font-size:8px}.appointment-form{padding:30px;display:grid;align-content:start;gap:11px}.appointment-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appointment-form label{display:grid;gap:6px}.appointment-form label span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#89837a}.appointment-form input,.appointment-form select,.appointment-form textarea{width:100%;border:1px solid var(--line2);border-radius:9px;background:#0a0c0d;padding:13px;outline:0}.appointment-form input,.appointment-form select{height:49px}.appointment-form textarea{min-height:90px;resize:vertical}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{border-color:rgba(216,180,122,.48)}.appointment-form .btn{width:100%;border:0;margin-top:4px}.appointment-success{display:none;padding:50px 30px;text-align:center}.appointment-success.show{display:block}.appointment-success i{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;margin:0 auto 18px;font-style:normal;color:var(--gold2);font-size:26px}.appointment-success h3{font-size:38px}.appointment-success p{font-size:10px;max-width:430px;margin:12px auto 0}

/* recent viewed dynamic section */
.recent-v4{padding:0 0 100px}.recent-v4[hidden]{display:none}.recent-shell{border-top:1px solid var(--line2);padding-top:62px}.recent-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.recent-head h2{font-size:clamp(36px,4vw,54px)}.recent-clear{border:0;background:transparent;color:#8d877f;font-size:9px}.recent-clear:hover{color:var(--gold2)}.recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recent-card{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#0e1011;transition:.3s var(--ease)}.recent-card:hover{transform:translateY(-4px);border-color:rgba(216,180,122,.35)}.recent-card img{width:100%;height:138px;object-fit:cover}.recent-card div{padding:14px}.recent-card strong{display:block;font-family:var(--serif);font-size:19px;line-height:1.05}.recent-card small{display:block;font-size:8px;color:#8e887f;margin-top:6px}.recent-card em{display:block;font-style:normal;color:var(--gold2);font-size:10px;margin-top:7px}

/* optional home matcher banner */
.match-strip-v4{padding:0 0 100px}.match-strip-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;padding:42px;border:1px solid var(--v4-border);border-radius:24px;background:linear-gradient(125deg,#121415,#090b0c);box-shadow:var(--v4-glow)}.match-strip-shell:before{content:'HÖ';position:absolute;right:3%;top:-45px;font-family:var(--serif);font-size:220px;color:rgba(216,180,122,.035);pointer-events:none}.match-strip-shell h2{font-size:clamp(38px,4.4vw,62px);margin:8px 0 12px}.match-strip-shell p{max-width:650px;font-size:11px}.match-strip-actions{display:flex;justify-content:flex-end;gap:9px;position:relative}.match-strip-actions button{min-height:52px;padding:0 20px;border-radius:11px}.match-strip-actions .primary{border:0;background:linear-gradient(135deg,#efd4a2,#c99b57);color:#17110a;font-weight:700}.match-strip-actions .ghost{border:1px solid var(--line2);background:#0d0f10;color:#ddd}

/* filter share state */
.filter-share-state{display:inline-flex;gap:8px;align-items:center;margin-left:auto}.filter-share-state button{height:36px;border:1px solid var(--line2);background:#0e1011;border-radius:8px;padding:0 11px;font-size:8px;color:#9c968e}.filter-share-state button:hover{border-color:var(--gold);color:var(--gold2)}

@media(max-width:1100px){.recent-grid{grid-template-columns:repeat(2,1fr)}.match-strip-shell{grid-template-columns:1fr}.match-strip-actions{justify-content:flex-start}.v4-tools{bottom:80px}.quickview-toggle{opacity:1;transform:none}.matcher-layout{grid-template-columns:1fr}.matcher-form{border-right:0;border-bottom:1px solid var(--line2)}}
@media(max-width:760px){.v4-modal{padding:8px}.v4-dialog{max-height:94vh;border-radius:17px}.v4-modal-head{padding:18px}.v4-modal-head h3{font-size:27px}.quickview-body,.appointment-body{grid-template-columns:1fr}.quickview-media{min-height:260px;height:260px}.quickview-copy{padding:22px}.quickview-copy h2{font-size:36px}.appointment-side{min-height:230px;padding:22px}.appointment-side h3{font-size:31px}.appointment-form{padding:20px}.appointment-form .row{grid-template-columns:1fr}.matcher-form,.matcher-results{padding:20px}.match-item{grid-template-columns:78px 1fr auto}.match-item img{width:78px;height:68px}.match-item strong{font-size:17px}.match-score{width:50px;height:50px;font-size:16px}.match-score:after{top:38px}.recent-v4{padding-bottom:72px}.recent-shell{padding-top:45px}.recent-grid{grid-template-columns:1fr 1fr}.recent-card img{height:105px}.recent-card strong{font-size:16px}.recent-head{align-items:start}.v4-tools{left:10px;bottom:78px}.v4-tools button{height:42px;padding:0 12px}.v4-tools .appointment-fab{display:none}.match-strip-v4{padding-bottom:72px}.match-strip-shell{padding:27px 20px}.match-strip-actions{display:grid;grid-template-columns:1fr}.match-strip-actions button{width:100%}}
@media(max-width:480px){.recent-grid{grid-template-columns:1fr}.recent-card{display:grid;grid-template-columns:115px 1fr}.recent-card img{height:100%;min-height:100px}.quickview-facts{grid-template-columns:1fr}.quickview-facts span{padding:9px 0;border-bottom:1px solid var(--line2)}.match-item{grid-template-columns:68px 1fr}.match-item img{width:68px}.match-score{grid-column:2;justify-self:start;width:auto;height:auto;border:0;display:block;font-family:var(--sans);font-size:9px}.match-score:before{content:'Uyum ';color:#777}.match-score:after{display:none}}
@media(prefers-reduced-motion:reduce){.v4-dialog,.v4-modal,.quickview-toggle,.match-item,.recent-card,.v4-tools button{transition:none}}
@media print{.v4-tools,.v4-modal,.recent-v4,.match-strip-v4{display:none!important}}
