.unit-wrap{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start;padding-block:28px 56px}

/* ===== المعرض ===== */
.gal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;
  border-radius:var(--radius);overflow:hidden;margin-bottom:26px}
.gal img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .2s}
.gal img:hover{opacity:.92}
.gal .g0{grid-row:1/3;aspect-ratio:4/3}
.gal .g1,.gal .g2{aspect-ratio:4/3}
.gal-more{position:relative}
.gal>.shots{display:none}
.gal-more>span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(28,23,25,.62);
  color:#fff;font-size:15px;font-weight:700;pointer-events:none}

/* ===== العنوان ===== */
.unit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:6px}
.unit-head h1{margin:0;font-size:clamp(22px,2.9vw,31px);font-weight:800;color:var(--ink);line-height:1.35;letter-spacing:-.01em}
.unit-loc{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14.5px;margin:8px 0 0}
.unit-loc svg{width:16px;height:16px;color:var(--gold);flex:none}
.unit-acts{display:flex;gap:8px;flex:none}
.iconbtn{width:40px;height:40px;border-radius:var(--radius-s);border:1px solid var(--line);
  background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.iconbtn:hover{color:var(--primary);border-color:var(--primary)}
.iconbtn svg{width:18px;height:18px}
.iconbtn[aria-pressed="true"] svg{color:var(--primary);fill:var(--primary)}

/* ===== شريط المواصفات ===== */
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;margin:22px 0 30px}
.spec{background:var(--paper);padding:15px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.spec svg{width:20px;height:20px;color:var(--gold)}
.spec b{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3}
.spec span{font-size:11.5px;color:var(--muted)}

/* ===== الأقسام ===== */
.blk{margin-bottom:32px}
.blk h2{margin:0 0 14px;font-size:19px;font-weight:700;color:var(--ink);
  position:relative;padding-bottom:10px}
.blk h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:36px;height:2.5px;background:var(--gold);border-radius:2px}
.blk p{margin:0;color:var(--body);line-height:1.95;max-width:68ch}

.amen{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:11px;list-style:none;padding:0;margin:0}
.amen li{display:flex;align-items:center;gap:9px;background:var(--mist);border:1px solid var(--line);
  border-radius:var(--radius-s);padding:11px 14px;font-size:13.5px;color:var(--body)}
.amen li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}

/* ===== كارت التواصل الملزوق ===== */
.aside-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.aside-card+.aside-card{margin-top:16px}
.price-card{position:sticky;top:96px}
.price-top{background:var(--ink);color:#fff;padding:20px}
.price-top .tag{display:inline-block;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;
  padding:3px 11px;border-radius:999px;margin-bottom:10px}
.price-top .lbl{display:block;font-size:12.5px;color:var(--on-dark-2);margin-bottom:3px}
.price-top .val{font-size:27px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.price-top .val small{font-size:14px;font-weight:500;color:var(--on-dark-2)}
.price-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.ref{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--muted);
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.ref b{color:var(--ink);font-family:var(--mono,inherit);letter-spacing:.03em}

.leadform{padding:18px;display:flex;flex-direction:column;gap:13px}
.leadform h3{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.lf{display:flex;flex-direction:column;gap:6px}
.lf>label{font-size:12.5px;font-weight:600;color:var(--ink)}
.lf>label i{font-style:normal;color:var(--primary)}
.lf input,.lf select,.lf textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-s);
  background:var(--paper);font-family:inherit;font-size:14px;color:var(--ink)}
.lf textarea{resize:vertical;min-height:78px}
.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--primary);outline:none}
.lf input[aria-invalid="true"],.lf textarea[aria-invalid="true"]{border-color:var(--err);background:var(--err-field)}
.lf .err{font-size:12px;color:var(--err);font-weight:600}
.lf-note{font-size:11.5px;color:var(--muted);line-height:1.6;margin:0}

.formmsg{padding:18px;border-radius:var(--radius-s);margin:18px}
.formmsg b{display:block;font-size:15.5px;margin-bottom:5px}
.formmsg p{margin:0;font-size:13.5px;line-height:1.7}
.formmsg.ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok)}
.formmsg.err{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err)}
.formmsg.warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn)}

.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 18px}

/* ===== الشريط السفلي على الموبايل ===== */
.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:70;display:none;gap:8px;padding:10px 14px;
  background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(28,23,25,.09)}
.sticky-cta .btn{padding:13px 0}
.sticky-cta .btn-dark,.sticky-cta .btn-wa{flex:0 0 54px}
.sticky-cta .btn-primary{flex:1}

@media (max-width:980px){
  .unit-wrap{grid-template-columns:1fr;gap:24px}
  .price-card{position:static}
}
@media (max-width:640px){
  .gal{grid-template-columns:1fr;grid-template-rows:auto;position:relative}
  .gal .g0{grid-row:auto}
  .gal .g1,.gal .g2{display:none}
  .gal .shots{display:inline-flex;position:absolute;inset-block-end:12px;inset-inline-end:12px;
    background:rgba(28,23,25,.78);color:#fff;font-size:12px;padding:5px 11px;border-radius:5px;
    align-items:center;gap:6px;z-index:2}
  .gal .shots svg{width:14px;height:14px}
  .unit-head{flex-direction:column;gap:12px}
  .specs{grid-template-columns:repeat(3,1fr)}
  .sticky-cta{display:flex}
  body{padding-bottom:74px}
  .contact-row{grid-template-columns:1fr}
}