/* ONE Real Estate – هدر و صفحه‌ی تک‌ملک (مطابق طرح نهایی) */
.op-scope{--bg:#0A0E13;--card:#0F141A;--card2:#131A22;--line:rgba(255,255,255,.08);--gold:#C9A27A;--gold-2:#E4C79F;--mut:#98a2ad;direction:rtl;text-align:right;font-family:'Vazirmatn','Vazir','IRANSans',Tahoma,sans-serif;color:#fff;box-sizing:border-box}
.op-scope *,.op-scope *::before,.op-scope *::after{box-sizing:border-box}
.op-scope a{text-decoration:none;color:inherit}
.op-scope h1,.op-scope h2,.op-scope h3,.op-scope h4,.op-scope p{margin:0;padding:0}
.op-scope button{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;line-height:1}
.op-scope img{max-width:100%}
.op-i{display:block;flex-shrink:0}
.op-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
body.single-property{background:#0A0E13}

/* ---------- هدر ---------- */
.op-header{background:#0B1016;border-bottom:1px solid var(--line);position:relative;z-index:30}
.op-h-inner{display:flex;align-items:center;gap:18px;height:66px;padding:0 28px;max-width:1200px;margin:0 auto}
.op-menu{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff}
.op-logo{display:flex;align-items:center;gap:8px}
.op-logo-ico{display:flex;flex-direction:column;align-items:center;color:var(--gold)}
.op-logo-ico em{font-style:normal;font-size:5.5px;letter-spacing:1.6px;margin-top:1px;color:var(--gold)}
.op-logo-txt{display:flex;flex-direction:column;line-height:1}
.op-logo-txt b{font-size:26px;letter-spacing:3px;font-weight:500;font-family:Georgia,'Times New Roman',serif;color:var(--gold)}
.op-logo-txt small{font-size:12px;color:#fff;margin-top:4px;font-weight:500}
.op-nav{display:flex;gap:30px;margin-inline-start:44px}
.op-nav a{font-size:14px;color:#ececec;display:flex;align-items:center;gap:4px;white-space:nowrap}
.op-nav a:hover{color:var(--gold)}
.op-hl{display:flex;align-items:center;gap:16px;margin-inline-start:auto}
.op-search{display:flex;align-items:center;gap:10px}
.op-search input{width:180px;height:36px;background:#0F151C;border:1px solid var(--line);border-radius:8px;color:#fff;padding:0 12px;font:inherit;font-size:13px;outline:0}
.op-search input::placeholder{color:#7d8791}
.op-search button{color:#fff;display:flex}
.op-hl-ico{display:flex;color:#fff}
.op-phone{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}

/* ---------- صفحه ---------- */
.op-page{max-width:1200px;margin:0 auto;padding:2px 28px 44px}
.op-hr{border:0;border-top:1px solid var(--line);margin:20px 0}

/* ---------- بخش اول ---------- */
.op-hero{display:grid;grid-template-columns:35.5% minmax(0,1fr);gap:18px;align-items:stretch}
.op-info{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.op-toprow{display:flex;align-items:center;gap:10px}
.op-tag{background:var(--gold);color:#1b1307;font-size:12px;font-weight:700;padding:3px 12px;border-radius:6px}
.op-code{font-size:12.5px;color:var(--mut)}
.op-sp{flex:1}
.op-circ{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}
.op-circ:hover,.op-circ.is-done{border-color:var(--gold);color:var(--gold)}
.one-fav.is-on svg{fill:#e0556b;stroke:#e0556b}
.op-title{font-size:27px;font-weight:800;line-height:1.5;margin-top:18px;color:#fff}
.op-loc{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:13.5px;margin-top:8px}
.op-loc .op-i{color:var(--gold)}
.op-pricebox{margin-top:18px}
.op-price{color:var(--gold);display:flex;align-items:baseline;gap:8px}
.op-price-2{margin-top:14px}
.op-price-n{font-size:38px;font-weight:800;line-height:1.15}
.op-price-u{font-size:18px;font-weight:600}
.op-price-l{font-size:13px;color:var(--mut);margin-top:2px}
.op-ppm{font-size:12px;color:var(--mut);margin-top:10px}
.op-stats{margin-top:18px;display:grid;gap:10px}
.op-row{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px}
.op-stat{background:var(--card2);border:1px solid #1b232d;border-bottom:2px solid rgba(201,162,122,.4);border-radius:10px;padding:12px 6px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.op-row2 .op-stat{padding-block:16px}
.op-stat-i{color:var(--gold);display:flex}
.op-stat b{font-size:16px;font-weight:700;color:#fff}
.op-stat small{font-size:11.5px;color:var(--mut)}
.op-row3{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);background:var(--card2);border:1px solid #1b232d;border-radius:10px}
.op-stat3{display:flex;align-items:center;gap:9px;padding:12px}
.op-stat3+.op-stat3{border-inline-start:1px solid #1b232d}
.op-stat3-t small{display:block;font-size:11px;color:var(--mut)}
.op-stat3-t b{display:block;font-size:13px;color:#fff;font-weight:600;margin-top:2px}

/* گالری */
.op-stage{position:relative;height:418px;border-radius:14px;overflow:hidden;background:#10151c;border:1px solid var(--line)}
.op-main{width:100%;height:100%;object-fit:cover;display:block}
.op-noimg{height:100%;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:14px}
.op-tourbadge{position:absolute;left:14px;top:20px;display:flex;align-items:center;gap:8px;background:rgba(8,11,15,.72);backdrop-filter:blur(4px);border-radius:10px;padding:8px 16px 8px 12px;font-size:15px;font-weight:600;color:#fff;z-index:3}
.op-tourbadge .op-i{color:#fff}
.op-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(8,11,15,.55);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3}
.op-arrow:hover{background:var(--gold);color:#1b1307}
.op-prev{right:14px}
.op-next{left:14px}
.op-counter{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;z-index:3}
.op-count{background:rgba(8,11,15,.72);padding:7px 13px;border-radius:9px;font-size:14px;font-weight:600}
.op-dashes{display:flex;gap:4px;direction:ltr}
.op-dash{width:16px;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.op-dash.is-on{background:var(--gold);width:26px}
.op-fs{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:8px;background:rgba(8,11,15,.72);display:flex;align-items:center;justify-content:center;color:#fff;z-index:3}
.op-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.op-thumbs::-webkit-scrollbar{display:none}
.op-thumb{flex:0 0 calc(20% - 7px);height:86px;object-fit:cover;border-radius:10px;border:2px solid transparent;cursor:pointer;opacity:.85}
.op-thumb.is-active{border-color:var(--gold);opacity:1}

/* ---------- بخش دوم ---------- */
.op-sec2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.op-sec2.has-tour{grid-template-columns:36.3% 1fr 1fr}
.op-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;height:100%}
.op-ct{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px}
.op-desc-t{color:#b3bcc6;font-size:13.5px;line-height:2.1}
.op-desc-t p{margin:0 0 .8em;color:inherit}
.op-desc-t p:last-child{margin-bottom:0}
.op-feat-g{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.op-feat-i{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#e6e9ed}
.op-feat-i .op-i{color:var(--gold)}

/* تور مجازی */
.op-tour{grid-row:span 2;padding:12px;display:flex;gap:10px;align-items:stretch;height:auto}
.op-tour-thumbs{width:63px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.op-tour-thumbs img{width:63px;height:48px;object-fit:cover;border-radius:8px;display:block;border:1px solid var(--line)}
.op-tour-exp{width:63px;height:52px;border-radius:8px;background:#0A0E13;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff}
.op-tour-main{position:relative;flex:1;min-height:250px;border-radius:10px;overflow:hidden;background:#10151c}
.op-tour-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.op-tour-ring{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(8,11,15,.55);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff}
.op-tour-over{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 14px;background:linear-gradient(to top,rgba(8,11,15,.96) 55%,rgba(8,11,15,0))}
.op-tour-over h3{font-size:16px;font-weight:700;color:#fff}
.op-tour-over p{font-size:12px;color:#c0c7cf;margin:4px 0 12px}

/* دکمه طلایی */
.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#E4C79F,#B48B5C);color:#1b1307!important;font-weight:700;font-size:14px;padding:11px 28px;border-radius:999px;box-shadow:0 6px 18px rgba(180,139,92,.25)}
.op-btn:hover{filter:brightness(1.06)}
.op-btn-block{display:flex;width:100%}

/* بنر مشاور */
.op-banner{grid-column:span 2;position:relative;display:flex;align-items:center;gap:22px;min-height:130px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#0F141A var(--op-bg) left center/cover no-repeat}
.op-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(10,14,19,0) 0%,rgba(10,14,19,.55) 40%,#0F141A 75%)}
.op-banner>*{position:relative}
.op-agent{display:flex;align-items:center;gap:12px;background:rgba(10,14,19,.88);border:1px solid var(--line);border-radius:12px;padding:12px 14px;flex-shrink:0}
.op-agent-av{width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--gold);background:#141b24;flex-shrink:0}
.op-agent-img{width:100%;height:100%;object-fit:cover;display:block}
.op-agent-t{display:flex;flex-direction:column;gap:3px}
.op-agent-t b{font-size:13.5px;font-weight:700;color:#fff}
.op-agent-t small{font-size:11.5px;color:var(--mut)}
.op-agent-ph{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#fff;margin-top:2px}
.op-agent-ph .op-i{color:var(--gold)}
.op-banner-t h4{font-size:18px;font-weight:700;color:#fff}
.op-banner-t p{font-size:12px;color:#aeb7c0;margin:5px 0 12px}
.op-banner-t .op-btn{padding:9px 26px}
.op-sec2:not(.has-tour) .op-banner{grid-column:1/-1}

/* ---------- املاک مشابه ---------- */
.op-sim-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.op-sim-head h2{font-size:22px;font-weight:800;color:#fff}
.op-sim-all{display:flex;align-items:center;gap:6px;color:var(--gold)!important;font-size:14px}
.op-sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.op-sim-card{display:block;background:#fff;border-radius:10px;overflow:hidden;color:#111;transition:transform .2s}
.op-sim-card:hover{transform:translateY(-3px)}
.op-sim-img{position:relative;height:112px;background:#1a222c}
.op-sim-img>img{width:100%;height:100%;object-fit:cover;display:block}
.op-sim-tag{position:absolute;top:9px;right:9px;background:rgba(10,14,19,.85);color:#fff;font-size:11.5px;font-weight:600;padding:3px 11px;border-radius:6px}
.op-sim-fav{position:absolute;top:9px;left:9px;width:27px;height:27px;border-radius:50%;background:rgba(10,14,19,.6);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.op-sim-body{padding:10px 14px 12px}
.op-sim-name{font-size:14px;font-weight:800;color:#111}
.op-sim-loc{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7480;margin-top:4px}
.op-sim-loc .op-i{color:var(--gold)}
.op-sim-specs{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#444}
.op-sim-specs span{display:flex;align-items:center;gap:5px}
.op-sim-specs .op-i{color:#666}
.op-sim-price{font-size:14.5px;font-weight:800;color:#111;margin-top:10px}

/* ---------- ریسپانسیو ---------- */
@media (max-width:1024px){
	.op-nav{gap:18px;margin-inline-start:20px}
	.op-search input{width:130px}
	.op-hero{grid-template-columns:1fr}
	.op-gal{order:-1}
	.op-sec2.has-tour{grid-template-columns:1fr 1fr}
	.op-tour{grid-column:1/-1;grid-row:auto}
	.op-sim-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
	.op-h-inner{padding:0 16px;gap:12px}
	.op-nav,.op-search input,.op-phone .op-ltr{display:none}
	.op-header.is-open .op-nav{display:flex;position:absolute;top:66px;right:0;left:0;flex-direction:column;gap:0;margin:0;background:#0B1016;border-bottom:1px solid var(--line);padding:8px 16px}
	.op-header.is-open .op-nav a{padding:12px 0;border-bottom:1px solid var(--line)}
	.op-page{padding:2px 14px 32px}
	.op-stage{height:260px}
	.op-thumb{flex-basis:calc(33% - 6px);height:64px}
	.op-title{font-size:22px}
	.op-price-n{font-size:30px}
	.op-row{--cols:2!important}
	.op-row2,.op-row3{--cols:1!important}
	.op-row3{grid-template-columns:1fr}
	.op-stat3+.op-stat3{border-inline-start:0;border-top:1px solid #1b232d}
	.op-sec2,.op-sec2.has-tour{grid-template-columns:1fr}
	.op-banner{grid-column:1/-1;flex-direction:column;align-items:stretch;text-align:center}
	.op-banner::before{background:rgba(10,14,19,.8)}
	.op-agent{justify-content:center}
	.op-banner-t .op-btn{width:100%}
	.op-tour{flex-direction:column-reverse}
	.op-tour-thumbs{width:100%;flex-direction:row}
	.op-tour-thumbs a{flex:1}
	.op-tour-thumbs img,.op-tour-exp{width:100%}
	.op-feat-g{grid-template-columns:1fr 1fr}
	.op-sim-grid{grid-template-columns:1fr 1fr;gap:10px}
	.op-sim-specs{flex-wrap:wrap;gap:8px 12px}
}