/* paths are relative to assets/css/ */
:root{--mark:url("../logo-mark.png");--mark-lg:url("../logo-mark-lg.webp");--wm-d:url("../logo-wordmark.png");--wm-l:url("../logo-wordmark-light.png");--ph-hotel:url("../hotels.jpg");--ph-inst:url("../institutions.jpg");--ph-cater:url("../catering.jpg");--ph-biz:url("../businesses.jpg");--ph-about:url("../about.jpg")}
:root{
  --navy:#0E3462; --navy-2:#0A2748; --blue:#1B6FB5; --blue-d:#155A94; --sky:#E8F1F9;
  --page:#FFFFFF; --alt:#F4F7FA; --card:#FFFFFF;
  --ink:#15243A; --body:#4C5D71; --line:#DCE4EC;
  --wa:#25A75A; --star:#F2A62B;
  --r:8px;
  --sh:0 1px 2px rgba(14,52,98,.06), 0 6px 18px -10px rgba(14,52,98,.22);
  --sh-h:0 2px 4px rgba(14,52,98,.08), 0 16px 32px -14px rgba(14,52,98,.34);
  --max:1180px;
  --fs:1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:160px; font-size:calc(16px * var(--fs))}
body{
  margin:0; direction:rtl; text-align:right;
  background:var(--page); color:var(--ink);
  font-family:"Assistant","Segoe UI",Arial,sans-serif;
  font-size:1.02rem; line-height:1.62; -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Rubik","Assistant",Arial,sans-serif; margin:0; line-height:1.28; color:var(--navy)}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
button{font:inherit; cursor:pointer}
:focus-visible{outline:3px solid var(--blue); outline-offset:2px}
.wrap{width:100%; max-width:var(--max); margin-inline:auto; padding-inline:20px}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.skip{position:absolute; z-index:200; inset-block-start:-100px; inset-inline-start:16px;
  background:var(--navy); color:#fff; font-family:"Rubik",sans-serif; font-weight:600;
  padding:12px 22px; border-radius:0 0 8px 8px; transition:inset-block-start .18s}
.skip:focus{inset-block-start:0}

/* ============ header ============ */
.topline{height:3px; background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 55%,#84BFEA 100%)}
.hdr{position:sticky; top:0; z-index:70; background:#fff; border-bottom:1px solid var(--line); transition:box-shadow .25s}
.hdr.stuck{box-shadow:0 8px 26px -18px rgba(14,52,98,.6)}
.hdr-in{display:flex; align-items:center; gap:13px; min-height:108px}
.brand{display:flex; align-items:center; gap:14px; flex:0 0 auto}
.brand .mark{width:80px; height:80px; background:var(--mark) center/contain no-repeat}
.brand .wm{height:40px; aspect-ratio:760/155; background:var(--wm-d) center/contain no-repeat}

.mainnav{margin-inline-start:auto; display:flex; align-items:center; gap:2px; font-family:"Rubik",sans-serif; font-weight:500; font-size:.95rem}
.mainnav > li{position:relative}
.mainnav > li > a,.mainnav > li > button{
  display:flex; align-items:center; gap:6px; padding:9px 15px; border-radius:999px;
  color:var(--ink); background:none; border:0; white-space:nowrap;
  transition:background .18s, color .18s;
}
.mainnav > li > a:hover,.mainnav > li > button:hover,.mainnav > li.open > button{background:var(--sky); color:var(--navy)}
.mainnav .caret{width:11px; height:11px; opacity:.65; transition:transform .2s}
.mainnav li.open .caret{transform:rotate(180deg)}
.submenu{
  position:absolute; inset-inline-start:0; top:calc(100% + 8px); min-width:238px; background:#fff;
  border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 40px -16px rgba(14,52,98,.45);
  padding:7px; display:none; z-index:5;
}
.submenu::before{content:""; position:absolute; top:-6px; inset-inline-start:26px; width:11px; height:11px; background:#fff; border-inline-start:1px solid var(--line); border-top:1px solid var(--line); transform:rotate(45deg)}
.mainnav li.open .submenu{display:block}
.submenu a{display:flex; align-items:center; gap:9px; padding:10px 13px; border-radius:7px; font-size:.94rem; color:var(--body)}
.submenu a::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--blue); opacity:.45; flex:0 0 auto}
.submenu a:hover{background:var(--sky); color:var(--navy)}
.submenu a:hover::before{opacity:1}

.hdr-div{flex:0 0 auto; width:1px; height:36px; background:var(--line); margin-inline:6px}
.hphone{flex:0 0 auto; display:flex; align-items:center; gap:10px}
.hphone .ic{width:40px; height:40px; border-radius:50%; background:var(--sky); display:grid; place-items:center; flex:0 0 auto}
.hphone .ic svg{width:18px; height:18px; color:var(--blue)}
.hphone small{display:block; font-size:.72rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.hphone b{display:block; font-family:"Rubik",sans-serif; font-weight:600; font-size:1.02rem; color:var(--navy); line-height:1.2; direction:ltr; unicode-bidi:plaintext}
.hphone:hover b{color:var(--blue)}

.burger{display:none; margin-inline-start:auto; width:46px; height:46px; border:1px solid var(--line); border-radius:10px; background:#fff; align-items:center; justify-content:center}
.burger svg{width:22px; height:22px; color:var(--navy)}
@media (max-width:1240px){ .hdr .cta{display:none} }
/* bigger logo: tighter nav pills so the header fits */
.mainnav > li > a,.mainnav > li > button{padding:9px 11px}
.hdr-div{margin-inline:2px}
.hdr .cta{white-space:nowrap; flex:0 0 auto}
@media (max-width:1080px){
  .mainnav,.hdr-div,.hphone{display:none}
  .burger{display:flex}
  .hdr-in{min-height:90px}
  .brand .mark{width:66px; height:66px}
  .brand .wm{height:31px}
}
.mobnav{display:none; border-top:1px solid var(--line); background:#fff; padding:8px 0 16px}
.mobnav.open{display:block}
.mobnav a{display:block; padding:12px 20px; border-bottom:1px solid var(--line); font-weight:600}
.mobnav a.sub{padding-inline-start:38px; font-weight:400; color:var(--body); font-size:.94rem}

/* ============ buttons ============ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:"Rubik",sans-serif; font-weight:600; font-size:1rem;
  padding:14px 26px; border-radius:var(--r); border:2px solid transparent; text-align:center;
  transition:background .18s, border-color .18s, color .18s, box-shadow .18s;
}
.btn svg{width:19px; height:19px; flex:0 0 auto}
.btn-p{background:var(--blue); color:#fff; border-color:var(--blue)}
.btn-p:hover{background:var(--blue-d); border-color:var(--blue-d)}
.btn-o{background:#fff; color:var(--navy); border-color:var(--line)}
.btn-o:hover{border-color:var(--blue); color:var(--blue)}
.btn-w{background:var(--wa); color:#fff; border-color:var(--wa)}
.btn-w:hover{background:#1E8E4B; border-color:#1E8E4B}
.btn-l{background:#fff; color:var(--navy); border-color:#fff}
.btn-l:hover{background:var(--sky)}
.btn-sm{padding:11px 20px; font-size:.94rem}
.btn-full{width:100%}

/* ============ hero ============ */
.hero{background:var(--navy) linear-gradient(160deg,#0E3462,#0A2748); color:#fff; padding-block:52px 56px; position:relative; overflow:hidden}
.hero-art{position:relative; display:grid; place-items:center; min-height:300px}
.hero-art .halo{position:absolute; width:min(410px,94%); aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle,rgba(143,196,238,.24),rgba(143,196,238,0) 66%)}
.hero-art .logo{position:relative; width:min(310px,74%); aspect-ratio:1;
  background:var(--mark-lg) center/contain no-repeat; filter:drop-shadow(0 22px 34px rgba(0,0,0,.45))}
.hero-in{position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center}
.hero h1{color:#fff; font-size:clamp(1.95rem,3.7vw,2.9rem); font-weight:700}
.hero h1 b{color:#8FC4EE; font-weight:700}
.hero .eyebrow{display:inline-block; font-family:"Rubik",sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.1em; color:#8FC4EE; border:1px solid rgba(143,196,238,.4); border-radius:4px; padding:5px 11px; margin-bottom:20px}
.hero .lede{margin-top:18px; color:#C6D9EC; font-size:1.09rem; max-width:52ch}
.hero-btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.trust{display:flex; align-items:center; gap:10px; margin-top:26px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); color:#DCE9F5; font-weight:600}
.trust .stars{display:flex; gap:1px; color:var(--star)}
.trust .stars svg{width:16px; height:16px}
.hero ul.ticks{margin-top:22px; display:grid; gap:9px}
.hero ul.ticks li{display:flex; align-items:flex-start; gap:9px; color:#C6D9EC; font-size:1rem}
.hero ul.ticks svg{width:17px; height:17px; color:#8FC4EE; flex:0 0 auto; margin-top:6px}

/* lead form */
.lead-h{background:var(--blue); color:#fff; padding:17px 24px}
.lead-h b{display:block; font-family:"Rubik",sans-serif; font-size:1.12rem; font-weight:600}
.lead-h span{font-size:.9rem; color:#D6E9F8}
.fld label{display:block; font-size:.86rem; font-weight:700; color:var(--navy); margin-bottom:5px}
.fld input,.fld select,.fld textarea{
  width:100%; font:inherit; font-size:.98rem; color:var(--ink);
  padding:11px 13px; border:1px solid var(--line); border-radius:6px; background:#fff;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--blue); outline:none; box-shadow:0 0 0 3px rgba(27,111,181,.14)}
.fld textarea{resize:vertical; min-height:74px}
.note{font-size:.8rem; color:var(--body); text-align:center; margin-top:2px}
.note a{color:var(--blue); text-decoration:underline}
@media (max-width:980px){
  .hero{padding-block:40px 44px}
  .hero-in{grid-template-columns:1fr; gap:30px}
  .hero-art{order:-1; min-height:auto}
  .hero-art .logo{width:min(200px,52%)}
  .hero-art .halo{width:min(270px,70%)}
}

/* ============ badges strip ============ */
.badges{background:var(--alt); border-bottom:1px solid var(--line)}
.badges-in{display:grid; grid-template-columns:repeat(5,1fr)}
.badge{display:flex; align-items:center; gap:12px; padding:19px 16px; border-inline-start:1px solid var(--line)}
.badge:first-child{border-inline-start:0}
.badge svg{width:32px; height:32px; color:var(--blue); flex:0 0 auto}
.badge b{display:block; font-family:"Rubik",sans-serif; font-size:1rem; font-weight:600; color:var(--navy)}
.badge span{font-size:.87rem; color:var(--body)}
@media (max-width:1100px){ .badges-in{grid-template-columns:repeat(2,1fr)} .badge:first-child{grid-column:1/-1} .badge{border-inline-start:0; border-top:1px solid var(--line)} .badge:first-child{border-top:0} .badge:nth-child(odd):not(:first-child){border-inline-start:1px solid var(--line)} }
@media (max-width:520px){ .badges-in{grid-template-columns:1fr} .badge{border-inline-start:0; border-top:1px solid var(--line)} .badge:first-child{border-top:0} }

/* ============ sections ============ */
.sec{padding-block:58px}
.sec-alt{background:var(--alt); border-block:1px solid var(--line)}
.head{max-width:58ch; margin-bottom:32px}
.head.mid{margin-inline:auto; text-align:center}
.kicker{font-family:"Rubik",sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.11em; color:var(--blue); display:block; margin-bottom:11px}
.head h2{font-size:clamp(1.6rem,2.9vw,2.15rem); font-weight:700}
.head p{margin-top:13px; color:var(--body); font-size:1.06rem}
.rule{width:56px; height:3px; background:var(--blue); border-radius:2px; margin-top:16px}
.head.mid .rule{margin-inline:auto}

/* service cards */
.grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.svc{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px 22px 22px; box-shadow:var(--sh); transition:box-shadow .2s, border-color .2s}
.svc:hover{box-shadow:var(--sh-h); border-color:#BFD4E8}
.svc .ic{width:46px; height:46px; border-radius:var(--r); background:var(--sky); display:grid; place-items:center; margin-bottom:17px}
.svc .ic svg{width:27px; height:27px; color:var(--blue)}
.svc h3{font-size:1.16rem; font-weight:600}
.svc p{margin-top:9px; color:var(--body); font-size:.97rem}
@media (max-width:940px){ .grid3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .grid3{grid-template-columns:1fr} }

/* illustrations */
.seg{padding:0; overflow:hidden}
.seg-img{display:block; aspect-ratio:620/256; background:#D3E5F5 center/cover no-repeat; border-bottom:1px solid var(--line)}
.seg-img.i-hotel{background-image:var(--ph-hotel)}
.seg-img.i-inst{background-image:var(--ph-inst)}
.seg-img.i-cater{background-image:var(--ph-cater)}
.seg-img.i-biz{background-image:var(--ph-biz)}
.seg-body{padding:20px 20px 22px}
.weave{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2722%27%3E%3Cpath d=%27M0 5.5h22M0 16.5h22M5.5 0v22M16.5 0v22%27 stroke=%27%23ffffff%27 stroke-opacity=%27.07%27 stroke-width=%272.5%27/%3E%3C/svg%3E")}
.illus{aspect-ratio:660/377; background:#D3E5F5 var(--ph-about) center/cover no-repeat; border:1px solid var(--line); border-radius:var(--r); margin:0 0 18px; box-shadow:var(--sh)}

/* segments */
.grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.seg{background:#fff; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:var(--r); padding:22px 20px; box-shadow:var(--sh)}
.seg h3{font-size:1.08rem; font-weight:600}
.seg p{margin-top:8px; color:var(--body); font-size:.94rem}
@media (max-width:940px){ .grid4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .grid4{grid-template-columns:1fr} }

/* rental */
.rent{display:grid; grid-template-columns:1.1fr .9fr; gap:0; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:var(--sh)}
.rent-a{background:#fff; padding:38px 34px}
.rent-b{background:var(--navy); color:#fff; padding:38px 34px}
.rent-b h3{color:#fff; font-size:1.1rem; font-weight:600; margin-bottom:16px}
.rent-b li{display:flex; align-items:center; gap:10px; padding-block:8px; border-bottom:1px solid rgba(255,255,255,.12); color:#D3E3F2}
.rent-b li:last-child{border-bottom:0}
.rent-b svg{width:17px; height:17px; color:#8FC4EE; flex:0 0 auto}
.tagline{display:inline-block; background:var(--sky); color:var(--navy); font-family:"Rubik",sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.08em; padding:5px 12px; border-radius:4px; margin-bottom:14px}
.rent-a h3{font-size:1.42rem; font-weight:700}
.rent-a p{margin-top:12px; color:var(--body)}
@media (max-width:860px){ .rent{grid-template-columns:1fr} }

/* about */
.about{display:grid; grid-template-columns:1.25fr .75fr; gap:48px; align-items:start}
.about .txt p + p{margin-top:15px}
.about .txt p{color:var(--body)}
.factbox{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden}
.factbox h3{background:var(--navy); color:#fff; font-size:1.02rem; font-weight:600; padding:16px 22px}
.factbox dl{margin:0; padding:8px 22px 18px}
.factbox div{padding-block:12px; border-bottom:1px dashed var(--line)}
.factbox div:last-child{border-bottom:0}
.factbox dt{font-size:.8rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.factbox dd{margin:3px 0 0; font-weight:700; color:var(--navy)}
@media (max-width:860px){ .about{grid-template-columns:1fr; gap:32px} }

/* faq */
.faq{max-width:880px; margin-inline:auto; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{
  display:flex; align-items:center; gap:12px; padding:19px 22px; cursor:pointer;
  font-family:"Rubik",sans-serif; font-weight:600; font-size:1.03rem; color:var(--navy); list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; margin-inline-start:auto; font-size:1.5rem; font-weight:400; color:var(--blue); line-height:1}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{background:var(--alt)}
.faq .ans{padding:0 22px 20px; color:var(--body)}

/* contact */
.contact{display:grid; grid-template-columns:.95fr 1.05fr; gap:44px; align-items:start}
.cinfo li{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--line)}
.cinfo li:last-child{border-bottom:0}
.cinfo .ic{flex:0 0 auto; width:44px; height:44px; border-radius:var(--r); background:var(--sky); display:grid; place-items:center}
.cinfo .ic svg{width:21px; height:21px; color:var(--blue)}
.cinfo dt{font-size:.82rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.cinfo dd{margin:2px 0 0; font-weight:700; font-size:1.06rem; color:var(--navy)}
.cinfo dd a:hover{color:var(--blue); text-decoration:underline}
.cinfo .ltr{direction:ltr; unicode-bidi:plaintext; display:inline-block}
.cform{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden}
.cform .lead-h{background:var(--navy)}
.cform form{padding:24px}
.two{display:grid; grid-template-columns:1fr 1fr; gap:13px}
@media (max-width:860px){ .contact{grid-template-columns:1fr; gap:32px} .two{grid-template-columns:1fr} }

/* footer */
.ftr{background:var(--navy-2); color:#B7CCE1; padding-block:44px 0; font-size:.93rem}
.ftr-grid{display:grid; grid-template-columns:1.5fr .8fr 1.1fr; gap:40px; padding-bottom:34px}
.ftr h4{color:#fff; font-size:1rem; font-weight:600; margin-bottom:16px}
.ftr .brand .wm{background-image:var(--wm-l); height:36px}
.ftr .brand .mark{width:72px; height:72px}
.ftr .legal-id{color:#8FA9C4}
.ftr li{padding-block:5px}
.ftr a:hover{color:#fff; text-decoration:underline}
.ftr .about-f{margin-top:16px; color:#9FB8D2; font-size:.93rem}
.social{display:flex; gap:9px; margin-top:18px}
.social a{width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:var(--r); display:grid; place-items:center}
.social a:hover{background:var(--blue); border-color:var(--blue); color:#fff}
.social svg{width:17px; height:17px}
.ftr-bot{border-top:1px solid rgba(255,255,255,.12); padding-block:20px; display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; font-size:.88rem; color:#8FA9C4}
.legal{display:flex; flex-wrap:wrap; gap:6px 18px; margin-inline-start:auto}
.legal a{color:#8FA9C4; text-decoration:underline}
.legal a:hover{color:#fff}
@media (max-width:940px){ .ftr-grid{grid-template-columns:1fr 1fr; gap:28px} }
@media (max-width:600px){ .ftr-grid{grid-template-columns:1fr} .legal{margin-inline-start:0} }

/* floating */
.fab{position:fixed; z-index:80; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,.28); border:0}
.fab-wa{inset-block-end:22px; inset-inline-end:22px; background:var(--wa); color:#fff}
.fab-wa svg{width:29px; height:29px}
.fab-a11y{inset-block-end:22px; inset-inline-start:22px; background:var(--navy); color:#fff}
.fab-a11y svg{width:28px; height:28px}
@media (max-width:520px){ .fab{width:50px; height:50px} }

/* a11y panel */
.a11y{
  position:fixed; z-index:95; inset-block-end:90px; inset-inline-start:22px; width:290px; max-width:calc(100vw - 44px);
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:0 20px 50px -14px rgba(0,0,0,.4); display:none;
}
.a11y.open{display:block}
.a11y h3{background:var(--navy); color:#fff; font-size:1rem; font-weight:600; padding:14px 18px; display:flex; align-items:center; gap:9px; border-radius:7px 7px 0 0}
.a11y h3 button{margin-inline-start:auto; background:none; border:0; color:#fff; font-size:1.3rem; line-height:1; padding:0 2px}
.a11y .opts{padding:12px; display:grid; gap:7px}
.a11y .opts button{
  display:flex; align-items:center; gap:10px; width:100%; text-align:start; padding:10px 12px;
  background:var(--alt); border:1px solid var(--line); border-radius:6px; color:var(--ink); font-size:.94rem; font-weight:600;
}
.a11y .opts button:hover{border-color:var(--blue); color:var(--blue)}
.a11y .opts button[aria-pressed="true"]{background:var(--sky); border-color:var(--blue); color:var(--navy)}
.a11y .opts svg{width:17px; height:17px; color:var(--blue); flex:0 0 auto}
.a11y .foot{padding:0 12px 14px; font-size:.8rem; color:var(--body)}
.a11y .foot button,.a11y .foot a{background:none; border:0; color:var(--blue); text-decoration:underline; padding:0; font:inherit}

/* a11y modes */
html.a11y-contrast{filter:contrast(1.35)}
html.a11y-gray{filter:grayscale(1)}
html.a11y-contrast.a11y-gray{filter:contrast(1.35) grayscale(1)}
html.a11y-links a{text-decoration:underline !important; font-weight:700 !important}
html.a11y-readable body,html.a11y-readable h1,html.a11y-readable h2,html.a11y-readable h3,
html.a11y-readable h4,html.a11y-readable .btn,html.a11y-readable input,html.a11y-readable select{
  font-family:Arial,"Segoe UI",sans-serif !important; letter-spacing:.02em !important;
}
html.a11y-nomotion *{animation:none !important; transition:none !important; scroll-behavior:auto !important}

/* cookie */
.cookie{
  position:fixed; z-index:90; inset-block-end:0; inset-inline:0; background:#fff;
  border-top:3px solid var(--blue); box-shadow:0 -8px 30px rgba(14,52,98,.16); padding:18px 0; display:none;
}
.cookie.show{display:block}
.cookie-in{display:flex; align-items:center; gap:20px; flex-wrap:wrap}
.cookie p{color:var(--body); font-size:.94rem; flex:1 1 380px}
.cookie p b{color:var(--navy)}
.cookie .acts{display:flex; gap:10px; flex-wrap:wrap}
@media (max-width:520px){ .cookie .acts{width:100%} .cookie .acts .btn{flex:1} }

/* inner pages (legal) */
.pagehead{background:var(--navy) linear-gradient(160deg,#0E3462,#0A2748); color:#fff; padding:34px 0 32px}
.pagehead h1{color:#fff; font-size:clamp(1.7rem,3vw,2.35rem); font-weight:700}
.crumbs{display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.88rem; color:#C6D9EC; margin-bottom:12px}
.crumbs a{color:#fff; text-decoration:underline}
.legal-doc{max-width:820px; margin-inline:auto; background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); padding:30px 34px 36px; color:var(--body); font-size:1.02rem}
.legal-doc h2{font-size:1.12rem; margin:26px 0 8px; color:var(--navy)}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p + p{margin-top:10px}
.legal-doc ul{list-style:disc; padding-inline-start:22px; margin-top:8px}
.legal-doc li{padding-block:3px}
.legal-doc a{color:var(--blue); text-decoration:underline}
.legal-doc .ltr{direction:ltr; unicode-bidi:plaintext; display:inline-block}
.legal-doc .upd{margin-top:26px; padding-top:14px; border-top:1px solid var(--line); font-size:.9rem}
@media (max-width:600px){ .legal-doc{padding:22px 18px 26px} }
.cookie p a{color:var(--blue); text-decoration:underline}

/* rental departments */
.dept + .dept{margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.16)}
.dept h4{color:#fff; font-size:1rem; font-weight:600; margin-bottom:6px}

@media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important} html{scroll-behavior:auto} }

/* ===== v3: content pages ===== */
.pagehead .lede{color:#C6D9EC; margin-top:12px; max-width:62ch; font-size:1.08rem}
.page-split{display:grid; grid-template-columns:minmax(0,1.75fr) minmax(260px,.85fr); gap:32px 40px; align-items:start}
.prose{color:var(--body); font-size:1.05rem; line-height:1.78}
.prose h2{font-size:1.32rem; margin:30px 0 10px; color:var(--navy)}
.prose h2:first-child{margin-top:0}
.prose p + p{margin-top:12px}
.prose ul{list-style:disc; padding-inline-start:22px; margin:10px 0 4px}
.prose li{margin:5px 0}
.prose h3{font-size:1.07rem; margin:18px 0 6px; color:var(--navy)}
.prose h2 + h3{margin-top:8px}
.prose a{color:var(--blue); text-decoration:underline}
.prose a:hover{color:var(--navy)}
.ltr{direction:ltr; unicode-bidi:plaintext; display:inline-block}
.pitch{position:sticky; top:130px; background:var(--sky); border:1px solid var(--line); border-radius:12px; padding:22px 20px}
.pitch h2{font-size:1.15rem; color:var(--navy); margin-bottom:10px}
.pitch ul{display:grid; gap:9px; margin:0 0 18px}
.pitch li{display:flex; gap:9px; align-items:flex-start; color:var(--ink); font-size:.97rem; line-height:1.5}
.pitch li svg{width:17px; height:17px; color:var(--blue); flex:0 0 auto; margin-top:4px}
.pitch .btn{width:100%}
.pitch .btn + .btn{margin-top:10px}
@media (max-width:900px){ .page-split{grid-template-columns:1fr} .pitch{position:static} }
a.svc{display:block; color:inherit}
a.svc:hover h3{color:var(--blue)}
.rel .svc h3{font-size:1.06rem}
.rel .svc p{font-size:.94rem}
.more{display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-family:"Rubik",sans-serif; font-weight:600; font-size:.93rem; color:var(--blue)}
.more:hover{text-decoration:underline; color:var(--navy)}
.rent-b .more{color:#8FC4EE} .rent-b .more:hover{color:#fff}
.sec-more{text-align:center; margin-top:28px}
.cta-band{background:var(--navy) linear-gradient(160deg,#0E3462,#0A2748); color:#fff; padding:42px 0}
.cta-band .wrap{display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center; justify-content:space-between}
.cta-band h2{color:#fff; font-size:clamp(1.35rem,2.4vw,1.8rem)}
.cta-band p{color:#C6D9EC; margin-top:6px}
.cta-band .acts{display:flex; flex-wrap:wrap; gap:12px}
.map{position:relative; aspect-ratio:16/10; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#E8F1F9; box-shadow:var(--sh)}
.map iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.map-btn{position:absolute; inset:0; width:100%; border:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:20px; text-align:center; color:var(--navy);
  background:#E8F1F9 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27%3E%3Cpath d=%27M0 20h40M20 0v40%27 stroke=%27%231B6FB5%27 stroke-opacity=%27.10%27 stroke-width=%272%27/%3E%3C/svg%3E")}
.map-btn:hover{background-color:#DCEAF6}
.map-btn svg{width:42px; height:42px; color:var(--blue)}
.map-btn b{font-family:"Rubik",sans-serif; font-size:1.15rem}
.map-btn span{font-size:.92rem; color:var(--body); max-width:42ch}
.map-note{font-size:.9rem; color:var(--body); margin-top:10px}
.map-note a{color:var(--blue); text-decoration:underline}
.faq.faq-page{max-width:900px}
/* v7: consent banner + footer «הגדרות עוגיות» + social row on light background */
.cookie{z-index:95}
.cookie p a{white-space:nowrap}
.fab{transition:inset-block-end .2s}
body.ck-open .fab{inset-block-end:calc(var(--ck-h, 0px) + 14px)}
.legal .ck-set{background:none; border:0; padding:0; font:inherit; color:#8FA9C4; text-decoration:underline; cursor:pointer}
.legal .ck-set:hover{color:#fff}
.follow{margin-top:22px; padding-top:18px; border-top:1px solid var(--line)}
.follow h2{font-size:1.06rem; color:var(--navy); margin:0}
.follow .social{margin-top:12px; flex-wrap:wrap}
.follow .social a{border-color:var(--line); color:var(--navy); background:#fff}
.follow .social a:hover{background:var(--blue); border-color:var(--blue); color:#fff}
/* footer: 4 columns */
.ftr-grid{grid-template-columns:1.35fr 1fr 1fr 1.15fr; gap:32px}
@media (max-width:940px){ .ftr-grid{grid-template-columns:1fr 1fr; gap:28px} }
@media (max-width:600px){ .ftr-grid{grid-template-columns:1fr} }
.ftr h4 + ul + h4{margin-top:22px}
.mainnav .submenu a[aria-current="page"]{color:var(--navy); background:var(--sky)}