/* Fonts are hosted on this site (no requests to outside font services) */
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:300; font-display:swap; src:url(/heebo-hebrew-300-normal.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:300; font-display:swap; src:url(/heebo-latin-300-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:400; font-display:swap; src:url(/heebo-hebrew-400-normal.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:400; font-display:swap; src:url(/heebo-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:500; font-display:swap; src:url(/heebo-hebrew-500-normal.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
  @font-face{ font-family:'Heebo'; font-style:normal; font-weight:500; font-display:swap; src:url(/heebo-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face{ font-family:'Jost'; font-style:normal; font-weight:300; font-display:swap; src:url(/jost-latin-300-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face{ font-family:'Jost'; font-style:normal; font-weight:400; font-display:swap; src:url(/jost-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

  :root{
    --black:#faf7f4;
    --panel:#ffffff;
    --panel-2:#f3ece6;
    --line: rgba(30,20,18,0.12);
    --white:#241a1a;
    --muted:#8a7f79;
    --red:#6e1620;
    --red-bright:#8a1f2b;
    --gold:#b08a45;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--black);
    color:var(--white);
    font-family:'Heebo', sans-serif;
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.serif{ font-family:inherit; }
  a{color:inherit;}
  button{font-family:inherit; cursor:pointer;}
  ::selection{ background:var(--red); color:white; }

  /* ---------- top nav ---------- */
  .topbar{
    display:flex; align-items:center; justify-content:space-between;
    padding:22px 5vw;
    border-bottom:1px solid var(--line);
    position:sticky; top:0; background:rgba(250,247,244,0.85); backdrop-filter: blur(10px);
    z-index:50;
  }
  .brand{ display:flex; align-items:center; gap:14px; }
  .brand-mark{
    width:38px; height:38px; border-radius:50%;
    border:1px solid var(--red-bright); color:var(--red-bright);
    display:flex; align-items:center; justify-content:center;
    font-family:inherit; font-size:16px; letter-spacing:1px;
  }
  .brand-name{ font-family:inherit; font-size:22px; letter-spacing:2px; color:var(--red-bright); }
  .brand-tag{ font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-top:-2px;}
  .nav-links{ display:flex; gap:28px; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); white-space:nowrap;}
  .nav-links button{ background:none; border:none; color:inherit; font-size:13px; letter-spacing:1px; text-transform:uppercase; padding:0; white-space:nowrap;}
  .nav-links button.active{ color:var(--white); border-bottom:1px solid var(--red-bright); padding-bottom:4px;}

  @media (max-width:480px){
    .topbar{ padding:16px 5vw; }
    .brand{ gap:10px; }
    .brand-mark{ width:32px; height:32px; font-size:14px; }
    .brand-name{ font-size:17px; letter-spacing:1px; }
    .brand-tag{ display:none; }
    .nav-links{ gap:14px; font-size:11px; }
    .nav-links button{ font-size:11px; }
  }

  .wrap{ max-width:1180px; margin:0 auto; padding:0 5vw; }

  /* ---------- hero ---------- */
  .hero{ padding:70px 5vw 40px; text-align:center; border-bottom:1px solid var(--line);}
  .hero .eyebrow{ font-size:11px; letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-bottom:18px;}
  .hero h1{ font-size:clamp(38px,6vw,64px); font-weight:500; margin:0 0 14px; line-height:1.05;}
  .hero p{ color:var(--muted); font-size:16px; max-width:520px; margin:0 auto; }

  /* ---------- layout for booking ---------- */
  .booking-grid{
    display:grid; grid-template-columns: 1.1fr 0.9fr; gap:48px;
    padding:56px 5vw 90px;
  }
  @media (max-width:860px){ .booking-grid{ grid-template-columns:1fr; } }

  .section-label{ font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
  .card{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:2px;
    padding:28px;
    overflow-x:auto;
  }

  /* calendar */
  .cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
  .cal-head h3{ font-size:24px; margin:0; font-weight:500;}
  .cal-nav{ display:flex; gap:8px; }
  .icon-btn{ background:transparent; border:1px solid var(--line); color:var(--white); width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px;}
  .icon-btn:hover{ border-color:var(--gold); }
  .cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
  .cal-dow{ text-align:center; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); padding-bottom:6px;}
  .cal-day{
    aspect-ratio:1; display:flex; align-items:center; justify-content:center;
    border-radius:50%; font-size:14px; color:var(--white);
    background:transparent; border:1px solid transparent; position:relative;
  }
  .cal-day.pad{ visibility:hidden; }
  .cal-day.past{ color:#d3cac2; }
  .cal-day.blocked{ color:#5a3030; text-decoration:line-through; cursor:not-allowed;}
  .cal-day.available{ cursor:pointer; }
  .cal-day.available:hover{ border-color:var(--gold); }
  .cal-day.selected{ background:var(--red-bright); color:white; }
  .cal-day .dot{ position:absolute; bottom:3px; width:4px; height:4px; border-radius:50%; background:var(--gold); }

  .legend{ display:flex; gap:18px; margin-top:18px; font-size:11px; color:var(--muted); flex-wrap:wrap;}
  .legend span{ display:inline-flex; align-items:center; gap:6px; }
  .swatch{ width:10px; height:10px; border-radius:50%; display:inline-block; }

  /* time slots */
  .slots{ margin-top:22px; }
  .slot-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px;}
  .slot{
    padding:10px 6px; text-align:center; border:1px solid var(--line); border-radius:2px;
    font-size:13px; background:transparent; color:var(--white);
  }
  .slot:hover{ border-color:var(--gold); }
  .slot.taken{ opacity:0.3; text-decoration:line-through; cursor:not-allowed;}
  .slot.selected{ background:var(--red-bright); border-color:var(--red-bright); }

  /* form */
  .field{ margin-bottom:16px; }
  .field label{ display:block; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:6px;}
  .field input, .field textarea{
    width:100%; background:var(--panel-2); border:1px solid var(--line); color:var(--white);
    padding:12px 14px; border-radius:2px; font-family:inherit; font-size:14px;
  }
  .field textarea{ resize:vertical; min-height:70px;}
  .field input:focus, .field textarea:focus{ outline:none; border-color:var(--gold);}

  .social-row{ display:flex; gap:12px; margin-bottom:22px; }
  .social-btn{
    flex:1; display:flex; align-items:center; justify-content:center; gap:10px;
    padding:13px; border:1px solid var(--line); background:var(--panel-2); border-radius:2px; color:var(--white); font-size:13px;
  }
  .social-btn:hover{ border-color:var(--gold); }
  .social-btn.connected{ border-color:var(--gold); color:var(--gold); }

  .btn-primary{
    width:100%; padding:15px; background:var(--red-bright); border:none; color:white;
    font-size:13px; letter-spacing:2px; text-transform:uppercase; border-radius:2px;
  }
  .btn-primary:hover{ background:#c72e40; }
  .btn-primary:disabled{ background:#e4dcd4; color:#a89f97; cursor:not-allowed; }

  .btn-ghost{
    padding:10px 16px; background:transparent; border:1px solid var(--line); color:var(--white);
    font-size:12px; letter-spacing:1px; text-transform:uppercase; border-radius:2px;
  }
  .btn-ghost:hover{ border-color:var(--gold); }

  .divider{ height:1px; background:var(--line); margin:22px 0; }

  /* confirmation */
  .confirm{ text-align:center; padding:16px 0; }
  .confirm .stamp{ width:56px;height:56px;border-radius:50%; border:1px solid var(--gold); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-size:24px; color:var(--gold);}
  .confirm h3{ font-size:26px; margin:0 0 6px; }
  .confirm p{ color:var(--muted); font-size:14px; margin:0 0 20px;}
  .confirm-details{ text-align:left; background:var(--panel-2); border:1px solid var(--line); padding:18px; border-radius:2px; margin-bottom:20px;}
  .confirm-details div{ display:flex; justify-content:space-between; padding:6px 0; font-size:14px; border-bottom:1px solid var(--line);}
  .confirm-details div:last-child{ border-bottom:none; }
  .confirm-details span:first-child{ color:var(--muted); }
  .cal-buttons{ display:flex; gap:10px; margin-bottom:14px; }

  /* admin */
  .admin-shell{ display:grid; grid-template-columns:220px 1fr; min-height:calc(100vh - 90px); }
  @media (max-width:860px){ .admin-shell{ grid-template-columns:1fr; } }
  .admin-nav{ border-right:1px solid var(--line); padding:28px 0; }
  .admin-nav button{
    display:block; width:100%; text-align:left; background:none; border:none; color:var(--muted);
    padding:12px 28px; font-size:13px; letter-spacing:1px; text-transform:uppercase; border-left:2px solid transparent;
  }
  .admin-nav button.active{ color:var(--white); border-left-color:var(--red-bright); background:rgba(30,20,18,0.04); }
  .admin-main{ padding:36px 5vw; }
  .stat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:32px; }
  @media (max-width:700px){ .stat-row{ grid-template-columns:1fr 1fr; } }
  .stat-card{ background:var(--panel); border:1px solid var(--line); padding:20px; border-radius:2px; }
  .stat-card .num{ font-family:inherit; font-size:36px; }
  .stat-card .lbl{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-top:4px;}

  table{ width:100%; min-width:640px; border-collapse:collapse; font-size:13px; }
  th{ text-align:left; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); padding:10px 12px; border-bottom:1px solid var(--line);}
  td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle;}
  tr:hover td{ background:rgba(30,20,18,0.02); }
  .badge{ font-size:10px; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border-radius:20px; display:inline-block; }
  .badge.booked{ background:rgba(176,138,69,0.15); color:#8a6a2e; }
  .badge.showed{ background:rgba(60,130,60,0.14); color:#3f7a3f; }
  .badge.rented{ background:rgba(138,31,43,0.14); color:var(--red-bright); }
  .badge.noshow{ background:rgba(30,20,18,0.05); color:var(--muted); }
  .badge.canceled{ background:rgba(30,20,18,0.05); color:#a89f97; text-decoration:line-through;}

  .row-actions{ display:flex; gap:6px; flex-wrap:wrap; }
  .row-actions select{ background:var(--panel-2); color:var(--white); border:1px solid var(--line); font-size:11px; padding:4px 6px; border-radius:2px;}
  .row-actions button{ background:transparent; border:1px solid var(--line); color:var(--white); font-size:11px; padding:4px 8px; border-radius:2px;}
  .row-actions button:hover{ border-color:var(--gold); }

  .footnote{ font-size:11px; color:#666; margin-top:6px; line-height:1.6; }
  .integration-note{
    background:var(--panel-2); border:1px dashed var(--line); padding:14px 16px; border-radius:2px;
    font-size:12px; color:var(--muted); margin-top:24px; line-height:1.7;
  }
  .integration-note b{ color:var(--gold); font-weight:500; }

  .empty{ text-align:center; padding:60px 20px; color:var(--muted); }

  ::-webkit-scrollbar{ width:8px; }
  ::-webkit-scrollbar-thumb{ background:#d8cfc6; border-radius:4px; }
  /* ================= Customer site (redesign) ================= */
  .site{
    --s-ink:#241a1a; --s-muted:#6b5f59; --s-soft:#4a3f3b; --s-line:#ece6e1; --s-line-2:#c9c0ba;
    --s-accent:#8a1f2b; --s-accent-dark:#6e1620; --s-ph:#f2eeea; --s-bg:#ffffff;
    background:var(--s-bg); color:var(--s-ink);
    font-family:'Heebo', sans-serif; min-height:100vh; display:flex; flex-direction:column;
  }
  .site h1, .site h2, .site h3{ font-family:inherit; }
  .site a{ color:var(--s-ink); text-decoration:none; }
  .site a:hover{ color:var(--s-accent); }
  .site button{ font-family:inherit; }

  .s-header{ height:72px; padding:0 12px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; flex-shrink:0; }
  .s-header-side{ display:flex; align-items:center; }
  .s-header-end{ justify-content:flex-end; }
  .s-logo{ display:flex; align-items:center; min-height:44px; }
  .s-logo img{ height:22px; width:auto; display:block; mix-blend-mode:multiply; }
  .s-nav{ display:none; gap:32px; font-size:15px; }
  .s-step{ width:44px; text-align:center; font-size:13px; color:var(--s-muted); }
  .s-icon-btn{ width:44px; height:44px; border:none; background:transparent; color:var(--s-ink); display:flex; align-items:center; justify-content:center; padding:0; border-radius:999px; }
  .s-icon-btn:disabled{ color:var(--s-line-2); cursor:default; }
  .s-desktop-only{ display:none !important; }

  .s-btn{
    width:100%; height:54px; border:none; background:var(--s-accent); color:#fff;
    font-size:17px; font-weight:600; display:flex; align-items:center; justify-content:center;
  }
  .s-btn:hover{ background:var(--s-accent-dark); }
  .s-btn:disabled{ background:#e8e2dd; color:#8a7f79; cursor:default; }
  .s-btn-outline{
    height:52px; padding:0 28px; border:1px solid var(--s-ink); background:transparent; color:var(--s-ink);
    font-size:16px; display:flex; align-items:center; justify-content:center;
  }
  .s-btn-outline:hover{ border-color:var(--s-accent); color:var(--s-accent); }
  .s-link{ background:none; border:none; color:var(--s-muted); font-size:14px; text-decoration:underline; padding:12px; }

  .s-label{ font-size:14px; font-weight:600; color:var(--s-muted); }
  .s-sub{ font-size:18px; }
  .s-muted{ color:var(--s-soft); font-weight:300; margin:0; }
  .s-placeholder{ background:var(--s-ph); display:flex; align-items:center; justify-content:center; color:var(--s-muted); font-size:14px; font-weight:300; }

  /* home */
  .s-hero-img{ display:block; width:calc(100% - 40px); height:min(62vh, 560px); margin:0 20px; object-fit:cover; object-position:center 30%; background:var(--s-ph); }
  .s-intro{ padding:36px 20px 56px; display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; }
  .s-intro p{ margin:0; font-size:17px; font-weight:300; line-height:1.6; color:var(--s-soft); }
  .s-collection{ padding:0 20px 56px; display:flex; flex-direction:column; gap:20px; }
  .s-collection .s-label{ text-align:center; }
  .s-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .s-grid-item{ aspect-ratio:3/4; width:100%; object-fit:cover; display:block; background:var(--s-ph); }
  .s-footer{ margin-top:auto; padding:40px 20px; border-top:1px solid var(--s-line); display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; font-size:15px; }
  .s-footer-info{ display:flex; flex-direction:column; gap:4px; color:var(--s-soft); font-weight:300; }
  .s-footer-links{ display:flex; gap:28px; font-size:14px; letter-spacing:1px; }

  /* booking flow */
  .s-flow{ flex-grow:1; display:flex; flex-direction:column; }
  .s-flow-main{ flex-grow:1; display:flex; flex-direction:column; }
  .s-panel{ display:none; flex-direction:column; gap:24px; padding:16px 20px 20px; flex-grow:1; }
  .s-panel.is-active{ display:flex; }
  .s-panel-title{ display:flex; flex-direction:column; gap:8px; }
  .s-next{ margin-top:auto; }

  .s-cal-head{ display:flex; align-items:center; justify-content:space-between; font-size:18px; margin-bottom:12px; }
  .s-cal-grid{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); row-gap:6px; }
  .s-cal-dow{ height:32px; display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--s-muted); }
  .s-cal-cell{ height:48px; display:flex; align-items:center; justify-content:center; }
  .s-cal-day{ width:42px; height:42px; border-radius:999px; border:none; background:transparent; font-size:16px; color:var(--s-ink); }
  .s-cal-day:hover:not(:disabled){ background:var(--s-ph); }
  .s-cal-day:disabled{ color:var(--s-line-2); cursor:default; }
  .s-cal-day.is-selected{ background:var(--s-accent); color:#fff; font-weight:600; }

  .s-times{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
  .s-time{ height:48px; border:1px solid var(--s-line-2); background:transparent; font-size:16px; color:var(--s-ink);
           display:flex; align-items:center; justify-content:center; padding:0; }
  .s-time svg{ display:none; }
  .s-time:hover{ border-color:var(--s-ink); }
  .s-time.is-selected{ background:var(--s-accent); border-color:var(--s-accent); color:#fff; font-weight:600; }

  .s-field{ display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--s-muted); }
  .s-field input, .s-field textarea{
    border:none; border-bottom:1px solid var(--s-line-2); background:transparent; color:var(--s-ink);
    font-family:inherit; font-size:17px; padding:10px 0; border-radius:0; outline:none;
  }
  .s-field input[dir="ltr"]{ text-align:right; }
  .s-field textarea{ resize:none; }
  .s-field input:focus, .s-field textarea:focus{ border-bottom-color:var(--s-ink); }
  .s-submit{ margin-top:auto; display:flex; flex-direction:column; gap:12px; }
  .s-summary{ font-size:15px; color:var(--s-soft); }
  .s-error{ margin:0; font-size:14px; color:var(--s-accent); }

  /* confirmation */
  .s-done{ flex-grow:1; padding:72px 20px 36px; display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
  .s-done-mark{ width:64px; height:64px; border-radius:999px; border:1px solid var(--s-accent); color:var(--s-accent); display:flex; align-items:center; justify-content:center; font-size:26px; }
  .s-done-when{ font-size:24px; }
  .s-done-actions{ width:100%; max-width:420px; display:flex; flex-direction:column; gap:10px; margin-top:28px; }
  .s-done .s-link{ margin-top:auto; }

  /* ================= Manager dashboard (Hebrew) ================= */
  .a-header{ height:64px; padding:0 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--s-line); }
  .a-header .s-logo img{ height:18px; }
  .a-header-title{ font-size:15px; color:var(--s-muted); padding-right:12px; border-right:1px solid var(--s-line); }
  .a-logout{ margin-right:auto; min-height:44px; }
  .a-tabs{ display:flex; border-bottom:1px solid var(--s-line); position:sticky; top:0; background:var(--s-bg); z-index:10; }
  .a-tabs button{ flex:1; height:52px; border:none; background:transparent; font-size:16px; color:var(--s-muted); border-bottom:2px solid transparent; }
  .a-tabs button.is-on{ color:var(--s-ink); font-weight:600; border-bottom-color:var(--s-accent); }
  .a-main{ padding:20px 16px 48px; flex-grow:1; }
  .a-panel{ display:flex; flex-direction:column; gap:16px; }
  .a-cal-layout{ display:flex; flex-direction:column; gap:32px; }
  .a-day-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .a-day-title{ margin:0; font-size:19px; font-weight:600; }
  .a-hint{ margin:0; font-size:14px; color:var(--s-muted); }
  .a-block-btn{ width:100%; margin-top:8px; }

  .a-cal-day{ position:relative; }
  .a-cal-day.is-today{ box-shadow:inset 0 0 0 1px var(--s-line-2); }
  .a-cal-day.is-blocked{ color:var(--s-line-2); text-decoration:line-through; }
  .a-cal-day.is-selected{ text-decoration:none; }
  .a-dot{ position:absolute; bottom:4px; left:50%; transform:translateX(-50%); width:5px; height:5px; border-radius:999px; background:var(--s-accent); }
  .a-cal-day.is-selected .a-dot{ background:#fff; }
  .a-legend{ display:flex; gap:20px; margin-top:12px; font-size:13px; color:var(--s-muted); }
  .a-legend span{ display:inline-flex; align-items:center; gap:6px; }
  .a-dot-inline{ position:static; transform:none; display:inline-block; }
  .a-legend-blocked{ color:var(--s-line-2); text-decoration:line-through; }

  .a-list{ display:flex; flex-direction:column; gap:12px; }
  .a-card{ border:1px solid var(--s-line); padding:16px; display:flex; flex-direction:column; gap:8px; }
  .a-card.is-canceled{ opacity:0.6; }
  .a-card-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .a-card-when{ font-size:15px; color:var(--s-soft); }
  .a-card-name{ font-size:18px; font-weight:600; }
  .a-card-contact{ display:flex; flex-wrap:wrap; gap:4px 16px; font-size:15px; }
  .site .a-card-contact a{ color:var(--s-accent); min-height:36px; display:inline-flex; align-items:center; }
  .a-card-dress{ font-size:15px; color:var(--s-soft); }
  .a-card-note{ margin:0; font-size:15px; color:var(--s-soft); background:var(--s-ph); padding:8px 10px; }
  .a-status{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--s-muted); }
  .a-status select, .a-select select{ height:40px; border:1px solid var(--s-line-2); background:#fff; font-family:inherit; font-size:15px; padding:0 10px; color:var(--s-ink); border-radius:0; }

  .a-badge{ font-size:13px; padding:3px 10px; border-radius:999px; white-space:nowrap; }
  .a-badge-booked{ background:#f3ece6; color:#6b4f2a; }
  .a-badge-showed{ background:#e6f0ea; color:#2f5e3f; }
  .a-badge-rented{ background:#f5e6e8; color:var(--s-accent); }
  .a-badge-noshow{ background:#eeeeee; color:#555; }
  .a-badge-canceled{ background:#eeeeee; color:#666; }

  .a-filters{ display:flex; flex-wrap:wrap; gap:10px; }
  .a-seg{ display:flex; border:1px solid var(--s-line-2); }
  .a-seg button{ height:40px; padding:0 14px; border:none; background:#fff; font-size:15px; color:var(--s-soft); }
  .a-seg button + button{ border-right:1px solid var(--s-line-2); }
  .a-seg button.is-on{ background:var(--s-ink); color:#fff; }
  .a-search{ flex:1 1 100%; }
  .a-search input{ width:100%; height:44px; border:1px solid var(--s-line-2); padding:0 12px; font-family:inherit; font-size:16px; border-radius:0; box-sizing:border-box; }

  .a-stats{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
  .a-stat{ border:1px solid var(--s-line); padding:16px; display:flex; flex-direction:column; gap:4px; }
  .a-stat-num{ font-size:30px; font-weight:300; text-align:right; }
  .a-stat-label{ font-size:15px; }
  .a-stat-sub{ font-size:12px; color:var(--s-muted); }

  .a-login{ flex-grow:1; padding:48px 20px; max-width:400px; width:100%; margin:0 auto; box-sizing:border-box; display:flex; flex-direction:column; gap:28px; }
  .a-login-form{ display:flex; flex-direction:column; gap:20px; }

  @media (min-width: 900px){
    .a-header{ padding:0 48px; height:72px; }
    .a-header .s-logo img{ height:22px; }
    .a-tabs{ padding:0 48px; }
    .a-tabs button{ flex:0 0 auto; padding:0 28px; }
    .a-main{ padding:32px 48px 64px; max-width:1280px; width:100%; margin:0 auto; box-sizing:border-box; }
    .a-cal-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:start; }
    .a-list-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); }
    .a-search{ flex:1 1 280px; }
    .a-stats{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  }


  /* collection & carousel (customer) */
  .s-dress-link{ display:flex; flex-direction:column; gap:8px; }
  .s-dress-name{ font-size:15px; color:var(--s-soft); }
  .s-dress-page{ flex-grow:1; display:flex; flex-direction:column; }
  .s-carousel{ position:relative; }
  .s-carousel-track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .s-carousel-track::-webkit-scrollbar{ display:none; }
  .s-carousel-slide{ flex:0 0 100%; scroll-snap-align:start; background:var(--s-ph); }
  .s-carousel-slide img{ display:block; width:100%; height:min(70vh, 640px); object-fit:cover; }
  .s-carousel-controls{ display:flex; align-items:center; justify-content:center; gap:16px; padding:8px 0; }
  .s-carousel-count{ font-size:14px; color:var(--s-muted); min-width:48px; text-align:center; }
  .s-dress-info{ padding:16px 20px 48px; display:flex; flex-direction:column; gap:16px; }
  .s-dress-title{ margin:0; font-size:22px; font-weight:600; }

  /* collection (manager) */
  .a-new-dress{ display:flex; flex-direction:column; gap:12px; }
  .a-inline-field{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--s-muted); flex-grow:1; }
  .a-inline-field input, .a-alt input{ border:none; border-bottom:1px solid var(--s-line-2); font-family:inherit; font-size:17px; padding:6px 0; background:transparent; color:var(--s-ink); border-radius:0; }
  .a-card-top .a-inline-field input{ font-size:18px; font-weight:600; }
  .a-photos{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
  .a-photo{ position:relative; display:flex; flex-direction:column; gap:6px; }
  .a-photo img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block; background:var(--s-ph); }
  .a-photo-main{ position:absolute; top:6px; right:6px; background:var(--s-accent); color:#fff; font-size:12px; padding:2px 8px; }
  .a-photo-actions{ display:flex; flex-wrap:wrap; gap:4px; }
  .a-photo-actions button{ min-height:36px; padding:0 10px; border:1px solid var(--s-line-2); background:#fff; font-family:inherit; font-size:13px; color:var(--s-ink); }
  .a-alt{ display:flex; flex-direction:column; gap:2px; font-size:12px; color:var(--s-muted); }
  .a-alt input{ font-size:14px; }
  .a-dress-actions{ display:flex; flex-wrap:wrap; gap:10px; }
  .a-dress-actions .s-btn-outline{ flex:1 1 160px; }
  .a-upload{ cursor:pointer; }
  .a-upload.is-busy{ opacity:0.6; cursor:default; }
  input.sr-only:focus-visible + .a-upload{ outline:2px solid var(--s-accent); outline-offset:2px; }
  .a-dress-footer{ display:flex; flex-wrap:wrap; gap:4px 16px; border-top:1px solid var(--s-line); padding-top:8px; }
  .site .a-danger{ color:var(--s-accent); }
  @media (min-width: 900px){
    .a-photos{ grid-template-columns:repeat(4, minmax(0,1fr)); }
    .a-new-dress{ flex-direction:row; align-items:flex-end; }
    .a-new-dress .s-field{ flex-grow:1; }
    .a-new-dress .s-btn{ width:200px; }
    .s-dress-page .s-carousel, .s-dress-page .s-dress-info{ max-width:720px; width:100%; margin:0 auto; box-sizing:border-box; }
  }


  /* finance (manager) */
  .a-fin-stats{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .a-fin-stats .a-stat-num{ font-size:22px; font-weight:400; }
  .a-neg{ color:var(--s-accent); }
  .a-pos{ color:#2f5e3f; }
  .a-tx-form{ gap:16px; }
  .a-form-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
  .s-field select{ border:none; border-bottom:1px solid var(--s-line-2); background:transparent; font-family:inherit; font-size:17px; padding:10px 0; color:var(--s-ink); border-radius:0; }
  .a-check{ display:flex; align-items:center; gap:8px; font-size:14px; min-height:44px; }
  .a-rows{ list-style:none; margin:0; padding:0; }
  .a-rows li{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--s-line); font-size:15px; }
  .a-rows li:last-child{ border-bottom:none; }
  .a-tx-list{ list-style:none; margin:0; padding:0; }
  .a-tx{ border-bottom:1px solid var(--s-line); padding:12px 0; display:flex; flex-direction:column; gap:4px; }
  .a-tx-main{ display:flex; align-items:baseline; gap:10px; }
  .a-tx-date{ font-size:14px; color:var(--s-muted); white-space:nowrap; }
  .a-tx-cat{ flex-grow:1; font-size:16px; }
  .a-tx-amount{ font-size:16px; font-weight:600; white-space:nowrap; }
  .a-tx-actions{ display:flex; gap:4px; }
  .a-tx-actions .s-link{ padding:6px 8px 6px 0; min-height:36px; }
  .a-card-actions{ display:flex; gap:8px; }
  .a-tabs button{ font-size:15px; }
  .a-period{ align-self:flex-start; }
  .a-standing{ margin:0; padding:12px 14px; background:var(--s-ph); font-size:16px; line-height:1.5; }
  .a-saved{ margin:0; font-size:14px; color:#2f5e3f; }
  .a-table-wrap{ overflow-x:auto; }
  .a-table{ width:100%; min-width:0; border-collapse:collapse; font-size:14px; }
  .a-table th, .a-table td{ text-align:right; padding:8px 6px; border-bottom:1px solid var(--s-line); white-space:nowrap; font-weight:400; }
  .a-table th{ text-transform:none; letter-spacing:0; }
  .a-table thead th{ font-size:12px; color:var(--s-muted); }
  .a-table tbody th{ font-size:14px; font-weight:600; color:var(--s-ink); }
  @media (max-width: 400px){ .a-form-grid{ grid-template-columns:1fr; } .a-fin-stats .a-stat-num{ font-size:18px; } }

  /* accessibility helpers */
  .sr-only{ position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
  .s-skip{ position:absolute; top:-100px; right:12px; z-index:100; background:var(--s-ink); color:#fff !important; padding:12px 18px; font-size:15px; }
  .s-skip:focus{ top:12px; }
  .site :focus-visible{ outline:2px solid var(--s-accent); outline-offset:2px; }
  .site main:focus, .site h1:focus, .site h2:focus{ outline:none; }
  .s-field input:focus, .s-field textarea:focus, .s-field select:focus{ border-bottom:2px solid var(--s-ink); padding-bottom:9px; }
  .s-footer-links a, .s-footer-legal a{ min-height:44px; display:inline-flex; align-items:center; }
  .s-footer-legal{ font-size:13px; color:var(--s-muted); display:flex; flex-wrap:wrap; justify-content:center; gap:0 20px; }
  .s-footer-business{ font-size:12px; color:var(--s-muted); }
  .s-privacy-note{ margin:0; font-size:13px; line-height:1.6; color:var(--s-muted); }
  .site .s-privacy-note a{ color:var(--s-soft); text-decoration:underline; }
  h1.s-label, h2.s-label{ margin:0; }

  /* accessibility statement */
  .s-doc{ padding:24px 20px 56px; max-width:720px; margin:0 auto; line-height:1.7; }
  .s-doc h1{ font-size:26px; font-weight:600; margin:0 0 16px; }
  .s-doc h2{ font-size:18px; font-weight:600; margin:28px 0 8px; }
  .s-doc p, .s-doc li{ font-size:16px; color:var(--s-soft); }
  .s-doc ul{ padding-right:20px; margin:0; }

  /* desktop */
  @media (min-width: 900px){
    .s-header{ height:96px; padding:0 96px; }
    .s-logo img{ height:28px; }
    .s-nav{ display:flex; }
    .s-step{ display:none; }
    .s-desktop-only{ display:flex !important; height:44px; font-size:14px; font-weight:600; border-color:var(--s-accent); color:var(--s-accent); }
    .s-hero-img{ width:calc(100% - 192px); height:680px; margin:0 96px; }
    .s-intro{ padding:56px 96px 104px; gap:28px; }
    .s-intro p{ font-size:20px; }
    .s-intro .s-btn{ width:320px; }
    .s-collection{ padding:0 96px 104px; gap:32px; }
    .s-grid{ grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
    .s-footer{ margin:0 96px; padding:48px 0; flex-direction:row; justify-content:space-between; align-items:flex-start; text-align:right; }
    .s-footer-links{ gap:32px; }

    .s-flow{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:64px; padding:40px 96px 64px; max-width:1440px; width:100%; margin:0 auto; box-sizing:border-box; }
    .s-panel{ display:flex; padding:0; }
    .s-panel + .s-panel{ border-right:1px solid var(--s-line); padding-right:64px; }
    .s-next{ display:none; }
    .s-done{ padding-top:120px; }
  }

/* ================= Design version B: "modern minimal" (27.9.2026) =================
   Overrides the customer site: Heebo for Hebrew, Jost for the IDO'S wordmark and Latin,
   full-screen photos, black as the action colour, hairlines instead of boxes. */
.site{
  --s-ink:#141414; --s-muted:#6B6B6B; --s-soft:#4A4A4A; --s-line:#E6E6E3; --s-line-2:#CFCFCA;
  --s-ph:#EDEBE6; --s-bg:#FAFAF8; --s-action:#141414;
  font-family:'Heebo', sans-serif; font-weight:400;
}
.site .s-logo{ font-family:'Jost', sans-serif; font-weight:400; font-size:18px; letter-spacing:6px; color:var(--s-ink) !important; min-height:44px; display:flex; align-items:center; }
.site .s-logo span{ padding-left:6px; } /* balances the trailing letter-spacing */
.s-header{ border-bottom:1px solid var(--s-line); }
.s-step{ font-family:'Jost', sans-serif; font-size:13px; letter-spacing:1px; }

/* header on top of a photo (home, dress page) */
.s-header--overlay{ position:absolute; top:0; left:0; right:0; z-index:5; border-bottom:none; background:transparent; }
.s-header--overlay .s-logo, .s-header--overlay .s-icon-btn, .s-header--overlay .s-nav a{ color:#fff !important; }
/* keeps white text and icons readable on light photos */
.s-header--overlay .s-logo, .s-header--overlay .s-nav a, .s-header--overlay .s-header-cta{ text-shadow:0 1px 10px rgba(0,0,0,0.45); }
.s-header--overlay .s-icon-btn svg, .s-carousel-btn svg{ filter:drop-shadow(0 1px 4px rgba(0,0,0,0.5)); }
.s-segments span{ box-shadow:0 0 6px rgba(0,0,0,0.25); }
.site{ position:relative; }

/* buttons: black, quiet */
.s-btn{ background:var(--s-action); font-weight:400; font-size:16px; }
.s-btn:hover{ background:#000; }
.s-btn:disabled{ background:#E4E4E0; color:#8A8A85; }
.s-btn-outline{ border-color:var(--s-ink); font-weight:400; }
.s-header-cta{ height:40px; padding:0 20px; background:transparent; border:1px solid currentColor; color:inherit; font-family:inherit; font-size:14px; }
.s-header--overlay .s-header-cta{ color:#fff; }

/* home: full-screen photo, text on a soft dark band */
.s-hero{ position:relative; height:100vh; height:100svh; min-height:560px; max-height:980px; }
.s-hero .s-hero-img{ position:absolute; inset:0; width:100%; height:100%; margin:0; object-fit:cover; object-position:center 25%; }
.s-hero-band{ position:absolute; left:0; right:0; bottom:0; padding:28px 24px 34px; background:rgba(15,12,10,0.34);
  color:#fff; display:flex; flex-direction:column; gap:10px; }
.s-hero-title{ margin:0; font-family:'Jost', sans-serif; font-weight:300; font-size:30px; letter-spacing:6px; text-transform:uppercase; text-align:right; }
.s-hero-line{ margin:0; font-weight:300; font-size:16px; line-height:1.5; }
.s-hero-cta{ align-self:flex-start; margin-top:6px; min-height:44px; display:inline-flex; align-items:center; gap:10px;
  background:none; border:none; border-bottom:1px solid #fff; padding:0; color:#fff; font-family:inherit; font-size:16px; cursor:pointer; }
.s-hero-cta:hover{ opacity:0.85; }
.s-intro{ display:none; }

/* collection: grid, 2 per row on phone */
.s-collection{ padding:48px 0; gap:20px; }
.s-collection-head{ padding:0 24px; display:flex; justify-content:space-between; align-items:baseline; }
.s-section-title{ margin:0; font-size:20px; font-weight:400; }
.s-grid2{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px 10px; padding:0 24px; }
.s-grid2 .s-dress-link{ gap:10px; min-width:0; }
.s-grid2 .s-grid-item{ width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; }
.s-dress-name{ font-size:15px; color:var(--s-ink); }

/* dress page: photo edge to edge, thin position marks on the photo */
.s-carousel-slide img{ height:min(78vh, 720px); }
.s-segments{ position:absolute; top:14px; left:16px; right:16px; display:flex; gap:4px; z-index:4; }
.s-segments span{ flex:1; height:2px; background:rgba(255,255,255,0.45); }
.s-segments span.is-on{ background:#fff; }
.s-carousel-btn{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:999px; border:none;
  background:rgba(15,12,10,0.28); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:4; }
.s-carousel-prev{ right:12px; }
.s-carousel-next{ left:12px; }
.s-carousel-controls{ display:none; }
.s-dress-title{ font-weight:300; font-size:26px; }
.s-dress-info{ gap:14px; }

/* footer: quiet rows with hairlines */
.s-footer{ margin:0 24px; padding:32px 0; border-top:1px solid var(--s-line); align-items:stretch; text-align:right; gap:20px; }
.s-footer-rows{ list-style:none; margin:0; padding:0; }
.s-footer-rows li{ border-bottom:1px solid var(--s-line); }
.s-footer-rows li > span, .s-footer-rows li > a{ display:flex; justify-content:space-between; align-items:center; min-height:48px; font-size:15px; }
.s-footer-rows li:first-child{ display:flex; justify-content:space-between; align-items:center; min-height:48px; font-size:15px; }
.s-footer-key{ color:var(--s-muted); }
.s-footer-legal{ justify-content:flex-start; }

/* booking: step line, pills for times */
.s-progress{ display:flex; gap:4px; padding:0 24px; margin-top:-1px; }
.s-progress span{ flex:1; height:2px; background:var(--s-line); }
.s-progress span.is-on{ background:var(--s-ink); }
.s-panel .s-label{ font-size:26px; font-weight:300; color:var(--s-ink); }
.s-cal-day.is-selected{ background:var(--s-ink); }
.s-times{ grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px; }
.s-time{ height:42px; border-radius:999px; border-color:var(--s-line-2); font-family:'Jost', sans-serif; font-weight:300; font-size:14px; }
.s-time.is-selected{ background:var(--s-ink); border-color:var(--s-ink); font-weight:400; }
.s-done h1.s-label{ font-size:14px; }
.s-done-mark{ border-color:var(--s-ink); color:var(--s-ink); }
.s-done-when{ font-weight:300; }

@media (min-width: 900px){
  .s-header--overlay{ padding:0 48px; }
  .s-hero{ max-height:none; }
  .s-hero-band{ padding:40px 96px 48px; }
  .s-hero-title{ font-size:44px; letter-spacing:10px; }
  .s-collection{ padding:72px 0; }
  .s-collection-head{ padding:0 96px; }
  .s-grid2{ padding:0 96px; grid-template-columns:repeat(4, minmax(0,1fr)); gap:40px 16px; }
  .s-footer{ margin:0 96px; flex-direction:column; }
  .s-progress{ display:none; }
  .s-carousel-slide img{ height:80vh; }
}

/* Footer: social / navigation as icons */
.s-footer-icons{ display:flex; gap:8px; margin-inline-start:-10px; }
.s-footer-icons a{ width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; color:var(--s-ink); }
.s-footer-icons a:hover{ color:var(--s-muted); }

/* Dress page: the back button stays visible on top of the photo and while scrolling */
.s-header--overlay .s-icon-btn{ position:fixed; top:calc(10px + env(safe-area-inset-top)); right:calc(12px + env(safe-area-inset-right)); z-index:20;
  background:rgba(20,20,20,0.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.s-header--overlay .s-icon-btn svg{ filter:none; }

/* Dress page on wide screens: photo beside the details, header on the plain background */
@media (min-width: 900px){
  .s-dress-page{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr); gap:56px; align-items:start;
    max-width:1240px; width:100%; margin:0 auto; padding:104px 48px 72px; box-sizing:border-box; }
  .s-dress-page .s-carousel, .s-dress-page .s-dress-info{ max-width:none; margin:0; }
  .s-dress-page .s-carousel-slide img{ height:min(82vh, 860px); }
  .s-dress-page .s-dress-info{ position:sticky; top:104px; padding:8px 0 0; }
  .site:has(.s-dress-page) .s-header--overlay .s-logo,
  .site:has(.s-dress-page) .s-header--overlay .s-icon-btn{ color:var(--s-ink) !important; text-shadow:none; }
  .site:has(.s-dress-page) .s-header--overlay .s-icon-btn{ position:static; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; }
}

/* Manager collection: one compact row per dress, tap to open */
.a-dress{ padding:0; }
.a-dress-row{ display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:8px 12px; border:none; background:transparent;
  font:inherit; color:var(--s-ink); text-align:right; cursor:pointer; }
.a-dress-row img, .a-dress-row-ph{ width:44px; height:56px; object-fit:cover; flex-shrink:0; background:var(--s-ph); }
.a-dress-row-name{ flex-grow:1; font-size:16px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.a-dress-row-chev{ font-size:12px; color:var(--s-muted); width:16px; text-align:center; }
.a-dress-body{ padding:4px 16px 16px; display:flex; flex-direction:column; gap:14px; border-top:1px solid var(--s-line); }

/* Manager → נתונים: error log and security */
.a-section-title{ margin:28px 0 4px; font-size:17px; font-weight:500; }
.a-errors li{ display:flex; flex-direction:column; gap:2px; font-size:13px; word-break:break-word; }
.a-errors li > span:first-child{ color:var(--s-muted); }

/* Confirmation page: way back to the collection */
.s-done-back{ width:100%; max-width:420px; }
/* Manager calendar: block single hours */
.a-slot-grid{ margin-top:4px; }
.a-slot-grid .s-time{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; line-height:1.1; }
.a-slot-grid .s-time.is-blocked{ background:var(--s-ink); color:#fff; border-color:var(--s-ink); text-decoration:line-through; }
.a-slot-grid .s-time.is-taken{ opacity:0.45; cursor:default; }
.a-slot-note{ font-family:'Heebo', sans-serif; font-size:10px; }

/* Manager: rental form, dress price & past rentals */
.a-rental{ display:flex; flex-direction:column; gap:10px; padding:12px; margin:4px 0; background:var(--s-ph); }
.a-rental-title{ font-weight:500; }
.a-field{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--s-muted); }
.a-field input, .a-field select{ font:inherit; font-size:16px; color:var(--s-ink); padding:8px; border:1px solid var(--s-line-2); background:#fff; }
.a-rental-sum{ margin:0; font-size:14px; color:var(--s-muted); }
.a-past{ display:flex; flex-direction:column; gap:8px; padding-top:8px; border-top:1px solid var(--s-line); }
.a-past-title{ font-size:15px; font-weight:500; }
.a-past-form{ display:grid; grid-template-columns:1fr 1fr; gap:8px; align-items:end; }
.a-past-form button{ grid-column:1 / -1; }

/* ================= Manager screen in design version B (15.10.2026) =================
   Scoped to .a-site (manager login + dashboard) so the customer site is untouched.
   The brand accent becomes ink (black); red is kept only where it means danger/loss. */
.a-site{ --s-accent:var(--s-ink); --s-accent-dark:#000; --a-danger:#A3271F; }
.a-site .a-header .s-logo{ font-size:16px; letter-spacing:5px; }
.a-site .a-header .s-logo span{ padding-left:5px; }
.a-site .a-header-title{ font-weight:300; }
.a-site .a-tabs button.is-on{ font-weight:500; }
.a-site a:hover{ color:var(--s-muted); }
.a-site .a-card-contact a{ color:var(--s-ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--s-line-2); }
.a-site .a-badge-rented{ background:var(--s-ink); color:#fff; }
.a-site .a-danger, .a-site .a-neg, .a-site .s-error{ color:var(--a-danger); }
@media (min-width: 900px){
  .a-site .a-header .s-logo{ font-size:18px; letter-spacing:6px; }
  .a-site .a-header .s-logo span{ padding-left:6px; }
}