/* ============================================================
   CORTEZ — גיוון, תמונות והדר
   נטען מעל v8+v9.
   הבעלים: "חלוקה של חלקים, שלא הכל באותו צבע, יותר תמונות וחיות".
   באתר יש 16 צילומי חיים — כיכר השעון, הבימה, עזריאלי,
   שרונה, הטיילת והחוף — והשתמשתי בשניים.
   ============================================================ */

/* ================= שישה מצבי צבע מתחלפים ================= */
.s-carbon  {background:#0A0A0C;color:#F4F4F6;--mut:#8C8C98;--hair:#1F1F29;--card:#15151B;--on:#fff}
.s-slate   {background:#111A21;color:#EEF2F5;--mut:#8395A2;--hair:#1E2B35;--card:#17232C;--on:#fff}
.s-bone    {background:#F3F0EA;color:#141418;--mut:#6B6862;--hair:#DFDBD2;--card:#FFFFFF;--on:#141418}
.s-sand    {background:#E8DFD0;color:#17150F;--mut:#6E6757;--hair:#D2C6B1;--card:#FFFFFF;--on:#17150F}
.s-steel   {background:#141019;color:#F2EFF5;--mut:#948CA0;--hair:#241E2E;--card:#1B1522;--on:#fff}
.s-red     {background:#E50B05;color:#fff;--mut:rgba(255,255,255,.86);--hair:rgba(255,255,255,.3);--card:rgba(255,255,255,.12);--on:#fff}
.s-graphite{background:#0A0A0C;color:#F4F4F6;--mut:#8C8C98;--hair:#1F1F29;--card:#15151B;--on:#fff}

.s-slate::before,.s-steel::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.s-bone::before,.s-sand::before{display:none}

/* רכיבים על משטח בהיר */
.s-bone .logo img,.s-sand .logo img{filter:brightness(0)}
.s-bone .idx i,.s-sand .idx i{background:rgba(229,11,5,.1);color:var(--red)}
.s-bone .fchip,.s-sand .fchip{background:transparent;border-color:#D8D3C8;color:#141418}
.s-bone .fchip:hover,.s-sand .fchip:hover{border-color:#141418}
.s-bone .fchip[aria-pressed="true"],.s-sand .fchip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.s-bone .chip,.s-sand .chip{background:#EEEAE2;color:#6B6862}
.s-bone .pc-go,.s-sand .pc-go{background:#141418;color:#fff}
.s-bone .pc-im,.s-sand .pc-im{background:#FAF8F4}
.s-bone .cmp-scroll,.s-sand .cmp-scroll{background:#fff}
.s-bone .cmp th,.s-bone .cmp td{border-bottom-color:#E8E4DB}
.s-bone .cmp tbody th{background:#F7F5F0;color:#6B6862}
.s-bone .cmp td{color:#141418}
.s-bone .cmp tbody tr:hover td{background:#FCFAF6}
.s-bone .cmp .best{color:var(--red)}
.s-bone .cmp tfoot td{background:#fff}
.s-bone .faq details,.s-sand .faq details{background:#fff}
.s-bone .faq details[open]{background:#FBF9F5}
.s-bone .faq summary,.s-sand .faq summary{color:#141418}
.s-bone .hot-panel,.s-sand .hot-panel{background:#fff}
.s-bone .hot-stage,.s-sand .hot-stage{background:#fff}
.s-bone .hot-panel img,.s-sand .hot-panel img{background:#fff}
.s-bone .hot-txt .val,.s-sand .hot-txt .val{background:rgba(229,11,5,.1);color:var(--red)}
.s-bone .stp,.s-sand .stp{background:#fff}
.s-bone .stp:hover,.s-sand .stp:hover{background:#FBF9F5}
.s-bone .pc,.s-sand .pc{background:#fff}
.s-bone .btn-ghost,.s-sand .btn-ghost{border-color:rgba(20,20,24,.32)}
.s-bone .btn-ghost:hover,.s-sand .btn-ghost:hover{background:#141418;color:#fff}
.s-bone .trust li,.s-sand .trust li{background:#fff}
.s-bone .trust b,.s-sand .trust b{color:#141418}

/* רכיבים על slate / steel */
.s-slate .pc,.s-steel .pc{background:var(--card)}
.s-slate .pc-im,.s-steel .pc-im{background:#F4F2EE}
.s-slate .cmp-scroll,.s-steel .cmp-scroll{background:var(--card)}
.s-slate .cmp thead th,.s-steel .cmp thead th{background:#0A0F13}
.s-slate .cmp tbody th{background:rgba(255,255,255,.04);color:var(--mut)}
.s-slate .cmp td{color:#EEF2F5}
.s-slate .brand-grid a,.s-steel .brand-grid a{background:var(--card)}
.s-slate .trust li,.s-steel .trust li{background:var(--card)}

/* ================= מגה-מניו בהדר ================= */
.hpanel{position:relative;overflow:visible}
.wgroup{position:static}
.mega{position:absolute;top:calc(100% - 6px);inset-inline:0;z-index:60;
  background:#15151B;border-radius:var(--r);padding:26px;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:.24s ease;pointer-events:none;
  box-shadow:0 30px 70px rgba(0,0,0,.5)}
.wgroup:hover .mega,.wgroup:focus-within .mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-in{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:stretch}
.mega-items{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mega-items a{display:block;background:#1D1D26;border-radius:12px;overflow:hidden;transition:.2s}
.mega-items a:hover{background:#262632}
.mega-items .mi-im{background:#F4F2EE;aspect-ratio:4/3;display:grid;place-items:center;padding:8px}
.mega-items img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.mega-items b{display:block;font-family:var(--tech);font-style:italic;font-weight:700;font-size:12px;color:#fff;padding:10px 10px 3px;line-height:1.25}
.mega-items span{display:block;font-family:var(--tech);font-style:italic;font-size:13px;color:var(--red2);padding:0 10px 11px}
.mega-shot{position:relative;border-radius:12px;overflow:hidden;display:block;min-height:190px}
.mega-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mega-shot:hover img{transform:scale(1.05)}
.mega-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,4,6,.86),transparent 58%)}
.mega-shot b{position:absolute;z-index:2;bottom:16px;inset-inline-start:18px;inset-inline-end:18px;
  font-family:var(--disp);font-weight:800;font-size:18px;color:#fff;line-height:1.25}
@media (max-width:1150px){.mega{display:none}}

/* ================= גלריית חיים ================= */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:10px}
.gal a{position:relative;overflow:hidden;border-radius:var(--r);display:block;background:#111}
.gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.gal a:hover img{transform:scale(1.06)}
.gal a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,4,6,.72),transparent 56%);opacity:0;transition:.3s}
.gal a:hover::after{opacity:1}
.gal b{position:absolute;z-index:2;bottom:16px;inset-inline-start:18px;font-family:var(--disp);font-weight:800;
  font-size:16px;color:#fff;opacity:0;transform:translateY(6px);transition:.3s}
.gal a:hover b{opacity:1;transform:none}
.g-tall{grid-row:span 2}
.g-wide{grid-column:span 2}
@media (max-width:900px){
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}
  .g-wide{grid-column:span 2}
  .g-tall{grid-row:span 1}
  .gal b{opacity:1;transform:none}
  .gal a::after{opacity:1}
}
@media (max-width:640px){.gal{grid-auto-rows:140px;gap:8px}}

/* פס צילום מלא-רוחב בין סקשנים */
.band{position:relative;height:clamp(260px,32vw,440px);overflow:hidden;background:#111}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(4,4,6,.86) 0%,rgba(4,4,6,.4) 44%,transparent 76%)}
.band-in{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:100%;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.band-in b{font-family:var(--disp);font-weight:900;font-size:clamp(26px,3.6vw,50px);color:#fff;line-height:1.08;max-width:16ch}
.band-in span{display:block;margin-top:12px;font-size:17px;color:rgba(255,255,255,.78);max-width:44ch}