/* Caesarea Club member site — RTL, four tiers. Palette sampled from the client's brochure. */
:root{--paper:#f7f5f1;--surface:#fff;--ink:#1e1e20;--muted:#6e6a66;--line:#e4e0da;--accent:#1e1e20;
  --bronze:#daa293;--silver:#d7dadf;--gold:#f3d6b8;--black:#383838;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Heebo","Assistant",-apple-system,"Helvetica Neue",Arial,sans-serif;font-weight:300;font-size:16px;line-height:1.55;direction:rtl}
button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;letter-spacing:-.01em;line-height:1.15}strong{font-weight:500}img{display:block;max-width:100%}
[hidden]{display:none!important}
.bar{height:30px;display:flex;align-items:center;justify-content:center;gap:18px;background:#ecebe6;color:#6e6a66;font-size:12px}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5.5%;border-bottom:1px solid var(--line)}
.brand{display:flex;flex-direction:column;gap:6px}.brand .word{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:.32em;font-weight:400}
.brand img{height:30px;width:auto}
.nav{display:flex;gap:22px;font-size:14px}.nav a.active{border-bottom:1px solid var(--ink)}
.textbtn{font-size:14px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-weight:400}
.button.primary{background:var(--ink);color:#fff}.button.full{width:100%}.button:disabled{opacity:.5}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:500;color:var(--muted);text-transform:uppercase}
/* login */
.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:70vh}
@media (max-width:860px){.login{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.login-photo{min-height:300px;max-height:46vh}}
.login-photo{position:relative;background:#333 center 60%/cover no-repeat;color:#fff;display:flex;align-items:flex-end;padding:40px 6%}
.login-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}
.login-photo>div{position:relative}.login-photo h1{font-size:40px;margin-top:10px}.login-photo p{opacity:.9;margin-top:10px}
.login-panel{padding:40px 6%;display:flex;flex-direction:column;justify-content:center}
.modes{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px}.modes button{flex:1;padding:12px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.modes button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
.login-panel h2{font-size:34px;margin:8px 0 10px}.intro{color:var(--muted);margin-bottom:22px}
label{display:block;font-size:14px;margin:14px 0 6px}
/* phone numbers read left to right: country code on the left, digits typed from the left */
.field{display:flex;direction:ltr;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.field select{border:0;border-right:1px solid var(--line);padding:12px;background:#f3f1ec;direction:ltr}.field input{flex:1;border:0;padding:12px 14px;min-width:0;direction:ltr;text-align:left}
input.plain,select.plain{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.error{color:#a3382b;font-size:14px;min-height:20px;margin-top:6px}.note{font-size:13px;color:var(--muted);margin-top:12px}
/* member */
.wrap{max-width:1080px;margin:0 auto;padding:36px 5.5% 80px}
.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.heading h1{font-size:40px;margin-top:6px}.heading p{color:var(--muted);margin-top:6px}
.since{text-align:left;font-size:14px;color:var(--muted)}.since strong{display:block;color:var(--ink);font-size:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.card{border-radius:16px;padding:22px;aspect-ratio:1.62;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);box-shadow:0 14px 30px rgba(30,30,32,.12);position:relative;overflow:hidden}
.card.bronze{background:var(--bronze)}.card.silver{background:var(--silver)}.card.gold{background:var(--gold)}.card.black{background:var(--black);color:#f5f2ee}
.card .top{display:flex;justify-content:space-between;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.22em;font-size:12px;direction:ltr}
.card .logos{height:30px;width:auto;opacity:.9}
.card .bottom{display:flex;justify-content:space-between;align-items:flex-end;direction:ltr}.card .bottom .name{font-size:15px}.card .bottom .pts{text-align:right}.card .pts small{display:block;font-size:10px;letter-spacing:.2em}.card .pts b{font-size:26px;font-weight:300}
.wallet{display:flex;align-items:center;gap:14px;margin-top:14px}.wallet img{width:150px}.wallet span{font-size:13px;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.panel h2{font-size:28px;margin:8px 0 6px}.panel h2 em{font-style:normal;color:#9a7a55}.panel>p{color:var(--muted)}
.plabel{display:flex;justify-content:space-between;margin-top:18px;font-size:14px}.plabel strong{font-size:20px}
.track{height:6px;background:#eceae5;border-radius:3px;margin-top:8px;overflow:hidden}.fill{height:100%;background:#9a7a55;border-radius:3px;transition:width .6s var(--ease)}
.miles{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.section{margin-top:46px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-head h2{font-size:30px;margin-top:6px}
.pill{font-size:11px;letter-spacing:.14em;border:1px solid var(--line);border-radius:20px;padding:6px 12px;background:#fff}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.benefit{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.benefit .eyebrow{display:block;margin-bottom:8px}.benefit h3{font-size:19px;margin-bottom:6px}.benefit p{color:var(--muted);font-size:14px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.tier{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.tier.current{border-color:var(--ink);box-shadow:0 10px 30px rgba(30,30,32,.08)}
.tier .head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:var(--muted)}.tier .head .cur{color:var(--ink);font-weight:500}
.tier .mini{border-radius:10px;height:92px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:.2em;direction:ltr}
.tier .mini.black{color:#f5f2ee}
.tier h3{font-size:22px}.tier .req{font-size:14px;color:var(--muted)}.tier ul{margin:0;padding:0 18px 0 0;font-size:14px;color:#3a3734}.tier li{margin:4px 0}
.tier .foot{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.rules{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.rule{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px}.rule b{display:block;font-size:18px;font-weight:300;margin-bottom:2px}
.fine{font-size:12px;color:var(--muted);margin-top:18px}
.footer{border-top:1px solid var(--line);padding:26px 5.5%;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:10px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:50}
@media (max-width:480px){.brand .word{font-size:12px;letter-spacing:.22em}.brand img{height:22px}.header{padding:14px 5%}.nav{gap:14px;font-size:13px}}