/* Kuba Savta brand tokens + shared pieces (header, buttons, scallops, footer).
   Single committed brand theme: cream ground, beet-red bands. */
:root{
  --beet:#A61337; --bag:#BC1F44; --bag-deep:#9E1638; --cream:#F5E9D9; --paper:#FBF5EC;
  --gold:#BA9122; --gold-light:#F6CF7A; --pumpkin:#DF7A2A; --borscht:#4A0B14; --soft:#7A4B4F; --line:#E7D5C1;
  --ok:#3F6B12; --ok-bg:#E5EED6; --warn-bg:#FBE1E6;
  --display:"League Spartan","Avenir Next","Futura",system-ui,sans-serif;
  --body:"Nunito Sans","Avenir Next",system-ui,sans-serif;
  --he:"Rubik","Arial Hebrew",system-ui,sans-serif;
  --wrap:1180px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--cream);color:var(--borscht);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[lang="he"] body{font-family:var(--he)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);line-height:1.04;text-wrap:balance}
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3{font-family:var(--he);font-weight:800}
p{margin:0}
button{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.scallop{height:24px;background:radial-gradient(circle at 50% 0,var(--s,var(--bag)) 16px,transparent 16.5px) 0 0/32px 24px repeat-x}

.eyebrow{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:13.5px;color:var(--gold)}
html[lang="he"] .eyebrow{font-family:var(--he);letter-spacing:.04em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:15.5px;line-height:1;padding:16px 24px 13px;border-radius:999px;text-decoration:none;border:2.5px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s}
html[lang="he"] .btn{font-family:var(--he);letter-spacing:0;padding:14px 24px}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btn-red{background:var(--bag);color:var(--cream);box-shadow:0 5px 0 var(--bag-deep)}
.btn-cream{background:var(--cream);color:var(--beet);box-shadow:0 5px 0 #D9C4AC}
.btn-line{border-color:currentColor;background:transparent}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(245,233,217,.95);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;height:68px}
.top .logo img{height:24px;width:auto}
.top .spacer{flex:1}
.lang{display:inline-flex;border:2px solid var(--borscht);border-radius:999px;overflow:hidden;font-family:var(--display);font-weight:800;font-size:13px}
.lang button{background:transparent;border:0;padding:7px 12px 5px;cursor:pointer;letter-spacing:.04em}
.lang button[aria-pressed="true"]{background:var(--borscht);color:var(--cream)}
.back{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px;text-decoration:none}
html[lang="he"] .back{font-family:var(--he);letter-spacing:0}

.band{background:var(--bag);color:var(--cream)}
.band + .scallop{--s:var(--bag);background-color:var(--cream)}

footer.site{background:var(--borscht);color:#E9CBCF;padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));font-size:14px;margin-top:64px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;justify-content:space-between}
footer.site img{height:20px;width:auto}
footer.site a{color:var(--cream)}

.h{display:inline-block;width:.78em;height:.72em;margin-inline-start:.18em;vertical-align:-.02em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.6 10.3 20C4.2 14.5 0 10.7 0 6.2 0 2.7 2.7 0 6.2 0c2 0 3.9.9 5.8 2.6C13.9.9 15.8 0 17.8 0 21.3 0 24 2.7 24 6.2c0 4.5-4.2 8.3-10.3 13.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.6 10.3 20C4.2 14.5 0 10.7 0 6.2 0 2.7 2.7 0 6.2 0c2 0 3.9.9 5.8 2.6C13.9.9 15.8 0 17.8 0 21.3 0 24 2.7 24 6.2c0 4.5-4.2 8.3-10.3 13.8z'/%3E%3C/svg%3E") center/contain no-repeat}

[hidden]{display:none!important}
