@font-face{font-family:"IBM Plex Sans Arabic";src:url("fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root {
    --club-red: #8f0000;
    --club-red-deep: #650000;
    --club-cream: #fff4ea;
    --club-surface: #fffdfb;
    --club-text: #191513;
    --club-muted: #746c67;
    --club-border: #eadfd7;
    --club-positive: #157347;
    --club-negative: #a11717;
    --club-radius: 16px;
    --club-shadow: 0 14px 36px rgba(67, 32, 20, .08);
    color-scheme: light;
}

/* Rewards experience: brand tickets, not administrative cards. */
.club-rewards-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 30px;padding:26px;border-radius:24px;background:var(--club-red);color:#fff8ef;overflow:hidden}.club-rewards-hero:after{content:"";position:absolute;inset-block:0;inset-inline-end:28%;border-inline-start:1px dashed rgba(255,255,255,.28)}.club-rewards-hero h1{position:relative;margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.club-rewards-hero>div{position:relative;display:grid}.club-rewards-hero span,.club-rewards-hero small{color:rgba(255,248,239,.78)}.club-rewards-hero strong{font-size:clamp(2.6rem,8vw,4.5rem);line-height:1;font-variant-numeric:tabular-nums}.club-ticket-section{margin-block:32px}.club-ticket-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.club-ticket-section>header h2{margin:0;font-size:1.3rem}.club-ticket-section>header span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#f1ded9;color:var(--club-red);font-weight:800}.club-ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.club-reward-ticket{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);min-height:0;border:1px solid var(--club-border);border-radius:20px;background:var(--club-surface);overflow:hidden}.club-reward-ticket:before,.club-reward-ticket:after{content:"";position:absolute;inset-inline-start:94px;width:20px;height:20px;border-radius:50%;background:var(--club-cream);z-index:2}.club-reward-ticket:before{top:-10px}.club-reward-ticket:after{bottom:-10px}.club-reward-ticket__image{width:104px;height:104px;align-self:center;object-fit:contain;padding:5px;background:#fff}.club-reward-ticket__body{display:flex;flex-direction:column;align-items:flex-start;padding:15px 14px;min-width:0}.club-reward-ticket__label{color:var(--club-muted);font-size:.78rem;font-weight:700}.club-reward-ticket__body>strong{display:block;margin:8px 0 5px;color:var(--club-red);font-size:clamp(1.35rem,4vw,2rem);line-height:1.1}.club-reward-ticket__body>p{margin:0 0 12px;color:var(--club-muted);font-size:.86rem}.club-reward-ticket__points{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;margin-bottom:9px}.club-reward-ticket__points b{font-size:.95rem}.club-reward-ticket__points span{font-size:.75rem;color:var(--club-muted)}.club-ticket-ready{color:var(--club-positive)!important;font-weight:800}.club-reward-ticket__progress{width:100%;height:6px;margin:-1px 0 12px;border-radius:999px;background:#eadfda;overflow:hidden}.club-reward-ticket__progress span{display:block;height:100%;border-radius:inherit;background:var(--club-red)}.club-reward-ticket .club-button{width:100%;min-height:44px;margin-top:3px}.club-reward-ticket:not(.has-image){grid-template-columns:1fr}.club-reward-ticket:not(.has-image):before,.club-reward-ticket:not(.has-image):after{inset-inline-start:-10px}.club-reward-ticket.is-locked{background:color-mix(in srgb,var(--club-surface) 90%,#c9c1bd)}.club-reward-deadline{display:block;font-size:12px;color:var(--club-text);margin-bottom:6px}.club-reward-ticket[data-expired=true]{opacity:.8}.club-reward-ticket[data-expired=true] .club-ticket-ready{display:none}
.club-reward-sheet{width:min(560px,calc(100% - 28px));max-height:min(84vh,760px);margin:auto;border:0;border-radius:24px;padding:26px;background:var(--club-surface);color:var(--club-text);box-shadow:0 26px 90px rgba(25,10,4,.25);overflow:auto}.club-reward-sheet::backdrop{background:rgba(22,12,9,.54);backdrop-filter:blur(3px)}.club-reward-sheet__handle{display:none}.club-reward-sheet__close{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--club-border);border-radius:50%;background:var(--club-surface);color:var(--club-text);font-size:1.5rem;cursor:pointer}.club-reward-sheet h2{max-width:86%;margin:8px 0 22px;color:var(--club-red);font-size:clamp(1.7rem,5vw,2.65rem);line-height:1.1}.club-reward-sheet__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.club-reward-sheet__facts>div{display:grid;gap:5px;padding:14px;border-radius:14px;background:var(--club-cream)}.club-reward-sheet__facts span{color:var(--club-muted);font-size:.76rem}.club-reward-sheet section h3{margin-bottom:7px}.club-reward-sheet ul{margin-top:0;padding-inline-start:22px}.club-reward-sheet__instruction{margin-block:20px;padding:16px;border-inline-start:4px solid var(--club-red);background:color-mix(in srgb,var(--club-red) 5%,var(--club-surface))}.club-reward-sheet__instruction p{margin:4px 0 0;color:var(--club-muted)}.club-reward-sheet .club-button{width:100%}
@media(max-width:620px){.club-rewards-hero{align-items:flex-start;flex-direction:column-reverse;padding:22px}.club-rewards-hero:after{inset-block:auto 0;inset-inline:0;border-inline:0;border-top:1px dashed rgba(255,255,255,.28)}.club-ticket-list{grid-template-columns:1fr}.club-reward-ticket{grid-template-columns:96px minmax(0,1fr);min-height:0}.club-reward-ticket__image{width:96px;height:96px}.club-reward-ticket:before,.club-reward-ticket:after{inset-inline-start:86px}.club-reward-sheet{align-self:end;width:100%;max-width:none;max-height:86vh;margin:14vh 0 0;border-radius:24px 24px 0 0;padding:25px 20px calc(22px + env(safe-area-inset-bottom))}.club-reward-sheet__handle{display:block;width:44px;height:4px;margin:-10px auto 20px;border-radius:999px;background:var(--club-border)}.club-reward-sheet__facts{grid-template-columns:1fr}}
html[data-club-theme="dark"] .club-reward-ticket__progress{background:#4b403b}html[data-club-theme="dark"] .club-ticket-section>header span{background:#4a282b;color:#ffc1ca}html[data-club-theme="dark"] .club-reward-sheet::backdrop{background:rgba(0,0,0,.66)}
@media(prefers-reduced-motion:no-preference){.club-reward-sheet[open]{animation:club-reward-sheet-in .18s ease-out both}}@keyframes club-reward-sheet-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--club-cream); }
body.club-screen {
    min-height: 100%; margin: 0; color: var(--club-text); background: var(--club-cream);
    font: 400 15px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}
html[dir="rtl"] body.club-screen,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] dialog { font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", Arial, sans-serif; line-height: 1.6; }
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] [data-member-code] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction:ltr; unicode-bidi:isolate; }
a { color: inherit; }
button, input { font: inherit; }
.club-app { width: min(100%, 760px); min-height: 100vh; min-height: 100dvh; margin-inline: auto; padding: env(safe-area-inset-top) 20px calc(92px + env(safe-area-inset-bottom)); }
.club-main { padding-block: 22px; }
.club-topbar { position: sticky; z-index: 20; inset-block-start: 0; display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding-block: 10px; background: var(--club-cream); background: color-mix(in srgb, var(--club-cream) 90%, transparent); backdrop-filter: blur(14px); }
.club-brand { display: inline-flex; align-items: center; color: var(--club-text); font-weight: 800; text-decoration: none; }
.club-brand-mark { display: inline-grid; min-width: 0; place-items: center; color: var(--club-red); line-height: 1; }
.club-brand-mark img { display: block; width: auto; max-width: 100%; height: auto; object-fit: contain; object-position: center; }
.club-brand-mark__fallback { color: var(--club-red); font-weight: 850; letter-spacing: -.035em; white-space: nowrap; }
.club-brand-mark--topbar img { width: auto; max-width: 132px; height: 38px; }
.club-brand-mark--topbar .club-brand-mark__fallback { font-size: 20px; }
.club-brand-mark--auth { width: min(270px, 78vw); margin-inline: auto; }
.club-brand-mark--auth img { width: auto; max-width: 100%; height: 80px; }
.club-brand-mark--auth .club-brand-mark__fallback { font-size: clamp(34px, 9vw, 48px); }
.club-brand-mark--landing img { width: auto; max-width: 178px; height: 54px; }
.club-brand-mark--landing .club-brand-mark__fallback { font-size: 22px; }
.club-refresh { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--club-border); border-radius: 50%; background: var(--club-surface); color: var(--club-red); font-size: 23px; text-decoration: none; }

.club-auth { display: grid; align-content: center; min-height: calc(100vh - 40px); min-height: calc(100dvh - 40px); padding-block: 32px; }
.club-auth__brand { margin-block-end: 30px; text-align: center; }
.club-auth__brand .club-brand-mark { margin-block-end: 14px; }
.club-auth__brand h1 { margin: 3px 0 5px; color: var(--club-red); font-size: clamp(32px, 9vw, 46px); line-height: 1.05; letter-spacing: -.04em; }
.club-auth__brand p:last-child { margin: 0; color: var(--club-muted); font-size: 16px; }
.club-auth__form { display: grid; gap: 14px; width: min(100%, 430px); margin-inline: auto; padding: 22px; border: 1px solid var(--club-border); border-radius: 20px; background: var(--club-surface); box-shadow: var(--club-shadow); }
.club-auth__form label { display: grid; gap: 7px; color: var(--club-text); font-size: 13px; font-weight: 700; }
.club-auth__form input { width: 100%; min-height: 50px; padding: 11px 13px; border: 1px solid var(--club-border); border-radius: 12px; background: #fff; color: var(--club-text); outline: 0; }
.club-auth__form input:focus { border-color: var(--club-red); box-shadow: 0 0 0 3px rgba(143, 0, 0, .12); }
.club-phone-input { display: flex; align-items: stretch; direction: ltr; }
.club-phone-input b { display: grid; min-width: 58px; place-items: center; border: 1px solid var(--club-border); border-inline-end: 0; border-radius: 12px 0 0 12px; background: var(--club-cream); color: var(--club-muted); font-size: 13px; }
.club-phone-input input { border-radius: 0 12px 12px 0 !important; }
.club-member-help { margin-block-start: 2px; color: var(--club-muted); font-size: 12px; font-weight: 400; }
.club-member-help summary { color: var(--club-red); cursor: pointer; }
.club-member-help p { margin: 7px 0 0; line-height: 1.4; }
.club-auth__trust { margin: -2px 0 0; color: var(--club-muted); font-size: 11px; text-align: center; }
.club-auth__join { margin: 15px 0 0; color: var(--club-muted); font-size: 13px; text-align: center; }
.club-auth__join a, .club-auth__switch { color: var(--club-red); font-weight: 800; text-align: center; text-decoration: none; }
.club-join-existing { text-align: center; }
.club-member-help__contact { width: fit-content; min-height: 36px !important; margin-block-start: 8px; padding: 6px 10px !important; }
.club-welcome-card { margin-block-end: 16px; padding: 18px 20px; }
.club-welcome-card h1 { margin: 2px 0 12px; font-size: 25px; }
.club-welcome-card > div { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 14px; }
.club-welcome-card span { color: var(--club-muted); font-size: 12px; }
.club-welcome-card code { font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.club-welcome-card strong { margin-inline-start: auto; color: var(--club-red); }
.club-pending__card dl { margin: 0; }
.club-pending__card dl > div { display: flex; justify-content: space-between; gap: 18px; padding-block: 10px; }
.club-pending__card dt { color: var(--club-muted); }
.club-pending__card dd { margin: 0; font-weight: 750; text-align: end; }
.club-pending__card form { margin: 0; }
.club-auth__form .club-button--primary { width: 100%; }
.club-auth__form input::placeholder { color: var(--club-muted); opacity: .72; }
.club-alert { padding: 11px 13px; border: 1px solid #e7b7b1; border-radius: 11px; background: #fff0ee; color: #8c1616; font-size: 13px; }
.club-language { display: flex; justify-content: center; gap: 7px; margin-block-start: 22px; }
.club-language a { padding: 7px 10px; border-radius: 9px; color: var(--club-muted); font-size: 12px; text-decoration: none; }
.club-language a[aria-current="true"] { background: rgba(143, 0, 0, .09); color: var(--club-red); font-weight: 800; }
.club-maintenance { text-align: center; }
.club-recovery { display:grid; gap:12px; margin-block-end:16px; padding:14px; border:1px solid #e7b7b1; border-radius:14px; background:#fff0ee; color:#8c1616; }
.club-recovery[hidden] { display:none; }
.club-recovery p { margin:0; font-size:13px; font-weight:700; }
.club-recovery > div { display:flex; flex-wrap:wrap; gap:8px; }
.club-recovery .club-button { min-height:40px; padding:8px 13px; font-size:12px; }

.club-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 17px; border: 1px solid transparent; border-radius: 12px; font-weight: 800; text-decoration: none; cursor: pointer; }
.club-button--primary { background: var(--club-red); color: #fff; }
.club-button--primary:hover { background: var(--club-red-deep); }
.club-button--secondary { border-color: var(--club-border); background: var(--club-surface); color: var(--club-red); }
.club-button--full { width: 100%; }
.club-button:focus-visible, .club-language a:focus-visible, .club-member-help summary:focus-visible { outline: 3px solid rgba(143, 0, 0, .3); outline-offset: 2px; }

/* Public Club landing. Fully scoped: auth and signed-in Club screens remain unchanged. */
.club-screen--welcome{background:#fffaf4;color:#171717;color-scheme:light}
.club-screen--welcome .club-app{width:100%;max-width:none;padding:0;background:#fffaf4}
.club-screen--welcome .club-main{padding:0}
.club-landing{--landing-red:#8f0000;--landing-red-deep:#650000;--landing-cream:#fff6eb;--landing-paper:#fffaf4;--landing-ink:#171717;--landing-muted:#6f625c;--landing-line:#eaded5;overflow:hidden;width:100%;min-width:0;background:var(--landing-paper);color:var(--landing-ink)}
.club-landing a{color:inherit}.club-landing a:focus-visible,.club-landing summary:focus-visible{outline:3px solid rgba(143,0,0,.35);outline-offset:4px}
.club-landing-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100% - 40px,1180px);min-height:96px;margin-inline:auto}
.club-landing-logo{display:flex;align-items:center;gap:12px;color:var(--landing-red);font-weight:800;text-decoration:none}
.club-landing-logo img{display:block;width:64px;height:64px;border-radius:18px;object-fit:contain}.club-landing-logo span{font-size:17px;letter-spacing:-.02em}
.club-landing-header__actions,.club-landing-actions,.club-landing-cta__actions{display:flex;align-items:center;gap:18px}
.club-landing-link,.club-landing-text-link{min-height:48px;padding-block:13px;color:var(--landing-red);font-weight:750;text-decoration:none;text-underline-offset:5px}
.club-landing-link:hover,.club-landing-text-link:hover{text-decoration:underline}
.club-landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 24px;border:1px solid var(--landing-red);border-radius:14px;background:var(--landing-red);color:#fff!important;font-weight:800;text-align:center;text-decoration:none;transition:background-color .16s ease,transform .16s ease}
.club-landing-button:hover{background:var(--landing-red-deep)}.club-landing-button:active{transform:translateY(1px)}.club-landing-button--small{min-height:48px;padding:11px 19px;border-radius:12px}
.club-landing-kicker{margin:0 0 12px!important;color:var(--landing-red);font-size:12px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.club-landing-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(48px,6vw,84px);width:min(100% - 48px,1180px);min-height:610px;margin-inline:auto;padding:64px 0 82px}
.club-landing--no-hero-image .club-landing-hero{grid-template-columns:minmax(0,760px);justify-content:center;text-align:center}.club-landing--no-hero-image .club-landing-actions{justify-content:center}
.club-landing-hero__copy{min-width:0}.club-landing-hero h1{max-width:720px;margin:0;color:var(--landing-red);font-family:var(--club-display,"IBM Plex Sans Arabic",system-ui,sans-serif);font-size:clamp(58px,6.5vw,88px);font-weight:750;line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.club-landing-hero__lead{max-width:570px;margin:24px 0 0!important;color:var(--landing-muted);font-size:clamp(17px,1.6vw,20px)!important;line-height:1.75;text-wrap:pretty}.club-landing-actions{align-items:flex-start;flex-direction:column;margin-block-start:30px}.club-landing-actions p{margin:0!important;color:var(--landing-muted)!important;font-size:13px!important}.club-landing-actions p .club-landing-text-link{display:inline-block;min-height:44px;padding:12px 4px}
.club-landing-hero__media{overflow:hidden;min-height:470px;margin:0;border-radius:28px;background:#ead9cc}.club-landing-hero__media img{display:block;width:100%;height:100%;min-height:470px;max-height:600px;object-fit:cover}
.club-landing-hero__visual{position:relative;min-width:0;padding:48px 36px 34px;border-radius:32px;background:var(--landing-red);color:#fff}
.club-landing-hero__visual::before,.club-landing-hero__visual::after{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";pointer-events:none}.club-landing-hero__visual::before{width:260px;height:260px;inset:-110px auto auto -90px}.club-landing-hero__visual::after{width:150px;height:150px;inset:auto -54px -65px auto}
.club-landing-example-label{position:absolute;z-index:1;inset-block-start:17px;inset-inline-end:22px;font-size:11px;font-weight:750;opacity:.8}
.club-landing-pass{position:relative;z-index:1;padding:28px;border-radius:23px;background:var(--landing-cream);color:var(--landing-ink);box-shadow:0 24px 50px rgba(57,0,0,.22);transform:rotate(-2deg)}
[dir="rtl"] .club-landing-pass{transform:rotate(2deg)}
.club-landing-pass__brand,.club-landing-pass__progress>div,.club-landing-pass__code{display:flex;align-items:center;justify-content:space-between;gap:16px}.club-landing-pass__brand{color:var(--landing-red);font-weight:850}.club-landing-pass__brand svg{width:25px;height:25px}
.club-landing-pass__balance{margin-block:44px 26px}.club-landing-pass__balance span,.club-landing-pass__progress span,.club-landing-pass__code span{display:block;color:var(--landing-muted);font-size:12px;font-weight:650}.club-landing-pass__balance strong{display:block;margin-block-start:4px;color:var(--landing-red);font-size:52px;line-height:.8;letter-spacing:.05em}
.club-landing-pass__progress b,.club-landing-pass__code b{font-size:12px}.club-landing-progress{overflow:hidden;height:8px;margin-block-start:9px;border-radius:99px;background:#ead9cc}.club-landing-progress i{display:block;width:64%;height:100%;border-radius:inherit;background:var(--landing-red)}.club-landing-pass__code{margin-block-start:26px;padding-block-start:19px;border-block-start:1px solid var(--landing-line)}
.club-landing-equation{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px;margin-block-start:30px;color:#fff}.club-landing-equation strong{font-size:17px}.club-landing-equation span{opacity:.6}
.club-landing-value{padding:96px max(24px,calc((100% - 1180px)/2));background:var(--landing-red);color:#fff}
.club-landing-section-heading{max-width:690px;margin:0 auto 48px;text-align:center}.club-landing-section-heading h2{margin:0;color:var(--landing-red);font-size:clamp(35px,5vw,58px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.club-landing-section-heading>p:last-child{margin:18px auto 0!important;color:var(--landing-muted);font-size:16px!important;line-height:1.75}
.club-landing-section-heading--light .club-landing-kicker,.club-landing-section-heading--light h2{color:#fff}.club-landing-section-heading--light{margin-block-end:54px}.club-landing-section-heading--light h2{font-size:clamp(48px,7vw,80px);direction:ltr}.club-landing-section-heading--light .club-landing-kicker{opacity:.72}
.club-landing-how{padding:72px max(24px,calc((100% - 1040px)/2));background:#fff}.club-landing-how .club-landing-section-heading{margin-block-end:34px}
.club-landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1040px;margin:0 auto;padding:0;border-block:1px solid var(--landing-line);list-style:none}.club-landing-steps li{display:flex;align-items:center;gap:14px;min-height:92px;padding:20px clamp(20px,3vw,38px)}.club-landing-steps li+li{border-inline-start:1px solid var(--landing-line)}.club-landing-steps span{color:var(--landing-red);font:700 11px/1 ui-monospace,monospace;letter-spacing:.12em}.club-landing-steps strong{font-size:17px;line-height:1.35}
.club-landing-rewards{padding:84px max(24px,calc((100% - 1180px)/2));background:var(--landing-cream);scroll-margin-top:24px}.club-landing-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin-inline:auto}.club-landing-reward{overflow:hidden;min-width:0;background:#fff}.club-landing-reward__media{display:grid;overflow:hidden;aspect-ratio:4/3;place-items:center;background:#f1e1d4;color:var(--landing-red)}.club-landing-reward__media img{width:100%;height:100%;object-fit:cover}.club-landing-reward__media span{display:grid;width:86px;height:86px;border:1px solid rgba(143,0,0,.18);border-radius:50%;place-items:center}.club-landing-reward__media svg{width:38px;height:38px}.club-landing-reward__body{padding:22px}.club-landing-reward h3{margin:0;font-size:21px;line-height:1.35}.club-landing-reward strong{display:block;margin-block-start:9px;color:var(--landing-red);font-size:18px}
.club-landing-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center;gap:70px;padding:110px max(24px,calc((100% - 1040px)/2));background:#fff}.club-landing-account__copy h2{max-width:580px;margin:0;color:var(--landing-red);font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.045em}.club-landing-account__copy>p:not(.club-landing-kicker){max-width:550px;margin:22px 0 14px!important;color:var(--landing-muted)!important;font-size:17px!important;line-height:1.75}
.club-landing-account__preview{display:grid;gap:0;padding:12px 30px;border-block:1px solid var(--landing-line)}.club-landing-account__preview>div{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.club-landing-account__preview>div+div{border-block-start:1px solid var(--landing-line)}.club-landing-account__preview span{color:var(--landing-muted);font-size:13px}.club-landing-account__preview b{color:var(--landing-red);font-size:20px}
.club-landing-faq{padding:70px max(24px,calc((100% - 760px)/2));background:var(--landing-paper)}.club-landing-faq .club-landing-section-heading{margin-block-end:24px}.club-landing-faq__list{border-block:1px solid var(--landing-line)}.club-landing-faq details+details{border-block-start:1px solid var(--landing-line)}.club-landing-faq summary{position:relative;min-height:68px;padding:22px 42px 22px 0;color:var(--landing-ink);font-size:17px;font-weight:750;cursor:pointer;list-style:none}.club-landing-faq summary::-webkit-details-marker{display:none}.club-landing-faq summary::after{position:absolute;inset-block-start:21px;inset-inline-end:6px;color:var(--landing-red);font-size:24px;line-height:1;content:"+"}.club-landing-faq details[open] summary::after{content:"−"}.club-landing-faq details p{max-width:700px;margin:-5px 0 24px!important;color:var(--landing-muted)!important;font-size:15px!important;line-height:1.8}
.club-landing-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:62px max(24px,calc((100% - 1180px)/2));background:var(--landing-red);color:#fff}.club-landing-cta .club-landing-kicker,.club-landing-cta h2{color:#fff}.club-landing-cta h2{max-width:760px;margin:0;font-size:clamp(38px,4.6vw,58px);line-height:1.08;letter-spacing:-.045em}.club-landing-button--cream{flex:0 0 auto;border-color:var(--landing-cream);background:var(--landing-cream);color:var(--landing-red)!important}.club-landing-button--cream:hover{background:#fff}
.club-landing-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:30px max(24px,calc((100% - 1180px)/2)) max(30px,env(safe-area-inset-bottom));background:var(--landing-red-deep);color:#fff}.club-landing-footer p{margin:0!important;color:#fff!important;font-size:12px!important;font-weight:700}.club-landing-footer nav{display:flex;align-items:center;gap:16px}.club-landing-footer a{min-height:44px;padding-block:12px;color:rgba(255,255,255,.8);font-size:12px}.club-landing-footer .club-language{margin:0}.club-landing-footer .club-language a{color:rgba(255,255,255,.68)}.club-landing-footer .club-language a[aria-current="true"]{color:#fff}
@media(max-width:900px){.club-landing-hero{grid-template-columns:1fr;min-height:0;padding-block:54px 72px}.club-landing-hero__copy{max-width:720px}.club-landing-hero__media{width:min(100%,680px);min-height:390px;margin-inline:auto}.club-landing-hero__media img{min-height:390px;max-height:520px}.club-landing-cta{align-items:flex-start;flex-direction:column}.club-landing-footer{grid-template-columns:1fr;justify-items:center;text-align:center}}
@media(max-width:680px){.club-landing-header{width:min(100% - 28px,1180px);min-height:76px}.club-landing-logo{gap:7px}.club-landing-logo img{width:50px;height:50px;border-radius:14px}.club-landing-logo span{font-size:13px}.club-landing-header>.club-landing-link{padding-inline:4px;font-size:12px}.club-landing-hero{width:min(100% - 32px,1180px);gap:28px;padding:36px 0 58px}.club-landing-hero h1{font-size:clamp(43px,13vw,58px)}.club-landing-hero__lead{margin-block-start:18px!important;font-size:16px!important}.club-landing-actions{align-items:stretch;margin-block-start:24px}.club-landing-actions .club-landing-button{width:100%}.club-landing-actions p{text-align:center}.club-landing-hero__media{min-height:230px;border-radius:20px}.club-landing-hero__media img{min-height:230px;max-height:330px}.club-landing-how,.club-landing-rewards,.club-landing-faq{padding-block:58px}.club-landing-section-heading{margin-block-end:28px}.club-landing-section-heading h2{font-size:36px}.club-landing-steps{grid-template-columns:1fr}.club-landing-steps li{min-height:64px;padding:16px 0}.club-landing-steps li+li{border-block-start:1px solid var(--landing-line);border-inline-start:0}.club-landing-reward-grid{grid-template-columns:1fr;gap:16px}.club-landing-reward{display:grid;grid-template-columns:126px 1fr;align-items:stretch}.club-landing-reward__media{aspect-ratio:auto;min-height:140px}.club-landing-reward__body{display:flex;justify-content:center;flex-direction:column;padding:18px}.club-landing-reward h3{font-size:18px}.club-landing-faq summary{font-size:16px}.club-landing-cta{padding-block:56px}.club-landing-cta h2{font-size:40px}.club-landing-cta .club-landing-button{width:100%}.club-landing-footer nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:380px){.club-landing-logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.club-landing-hero h1{font-size:43px}.club-landing-reward{grid-template-columns:105px 1fr}.club-landing-reward__body{padding:16px}.club-landing-pass__code{align-items:flex-start;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){.club-landing-button{transition:none}.club-landing-pass{transform:none!important}}

/* Three-section guest mini landing. Scoped independently from member/auth screens. */
.club-screen--welcome{background:#fff9f2;color:#171717;color-scheme:light}
.club-screen--welcome .club-app{width:100%;max-width:none;padding:0;background:#fff9f2}.club-screen--welcome .club-main{padding:0}
.club-mini{--mini-red:#8f0000;--mini-deep:#650000;--mini-cream:#fff4e8;--mini-paper:#fffaf5;--mini-ink:#171717;--mini-muted:#74645d;--mini-line:#eadcd2;overflow:hidden;width:100%;min-width:0;background:var(--mini-paper);color:var(--mini-ink)}
.club-mini a{color:inherit}.club-mini a:focus-visible{outline:3px solid rgba(143,0,0,.36);outline-offset:4px}
.club-mini-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100% - 40px,1120px);min-height:82px;margin-inline:auto}
.club-mini-logo{display:flex;align-items:center;color:var(--mini-red);text-decoration:none}.club-mini-login{display:inline-flex;align-items:center;min-height:46px;padding:11px 4px;color:var(--mini-red);font-size:13px;font-weight:800;text-underline-offset:5px}
.club-mini-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);align-items:center;gap:clamp(42px,5vw,66px);width:min(100% - 48px,1240px);margin-inline:auto;padding:55px 0 76px}
.club-mini-kicker{margin:0 0 11px!important;color:var(--mini-red);font-size:11px!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.club-mini-hero h1{max-width:760px;margin:0;color:var(--mini-red);font-family:var(--club-display,"IBM Plex Sans Arabic",system-ui,sans-serif);font-size:clamp(50px,5vw,70px);font-weight:750;line-height:1.02;letter-spacing:-.052em}.club-mini-hero h1 span{display:block;white-space:nowrap}html[lang="fr"] .club-mini-hero h1{font-size:clamp(39px,3.35vw,48px)}html[lang="en"] .club-mini-hero h1{font-size:clamp(43px,4vw,58px)}
.club-mini-lead{max-width:560px;margin:23px 0 0!important;color:var(--mini-muted)!important;font-size:clamp(16px,1.7vw,19px)!important;line-height:1.75;text-wrap:pretty}
.club-mini-actions{display:flex;align-items:center;gap:20px;margin-block-start:30px}.club-mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 24px;border:1px solid var(--mini-red);border-radius:13px;background:var(--mini-red);color:#fff!important;font-weight:850;text-align:center;text-decoration:none;transition:background-color .16s ease,transform .12s ease}.club-mini-button:hover{background:var(--mini-deep)}.club-mini-button:active{transform:scale(.98)}.club-mini-anchor{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:12px 4px;color:var(--mini-red);font-size:13px;font-weight:800;text-decoration:none}.club-mini-anchor:hover{text-decoration:underline;text-underline-offset:5px}
.club-mini-card{position:relative;overflow:hidden;min-height:330px;padding:34px;border-radius:28px;background:var(--mini-red);color:#fff;box-shadow:0 24px 48px rgba(77,0,0,.14)}.club-mini-card::before{position:absolute;width:245px;height:245px;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:"";inset:-110px auto auto -85px}.club-mini-example{position:relative;z-index:1;display:block;font-size:10px;font-weight:750;text-align:end;opacity:.72}.club-mini-card__brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-start:34px;font-size:18px;font-weight:850}.club-mini-card__brand svg{width:27px;height:27px}
.club-mini-card__journey{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-block:62px 36px}.club-mini-card__journey i{height:2px;flex:1;background:rgba(255,255,255,.34)}.club-mini-card__journey b{display:grid;width:52px;height:52px;border-radius:50%;place-items:center;background:var(--mini-cream);color:var(--mini-red)}.club-mini-card__journey b svg{width:25px;height:25px}.club-mini-dot{width:13px;height:13px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#fff}.club-mini-card>p{position:relative;z-index:1;max-width:300px;margin:0!important;color:rgba(255,255,255,.77)!important;font-size:13px!important;line-height:1.65}
.club-mini-how{padding:70px max(24px,calc((100% - 1040px)/2));background:#fff;scroll-margin-top:16px}.club-mini-how__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-block-end:35px}.club-mini-how__heading h2,.club-mini-reward h2{margin:0;color:var(--mini-red);font-size:clamp(35px,4.6vw,54px);line-height:1.08;letter-spacing:-.045em}.club-mini-how__heading>strong{flex:0 0 auto;padding:12px 18px;border-radius:99px;background:var(--mini-cream);color:var(--mini-red);font-size:15px}
.club-mini-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-block:1px solid var(--mini-line);list-style:none}.club-mini-steps li{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px;min-width:0;min-height:112px;padding:20px clamp(17px,2.4vw,30px)}.club-mini-steps li+li{border-inline-start:1px solid var(--mini-line)}.club-mini-step__number{color:var(--mini-red);font:750 10px/1 ui-monospace,monospace;letter-spacing:.1em}.club-mini-step__icon{display:grid;width:38px;height:38px;border-radius:50%;place-items:center;background:var(--mini-cream);color:var(--mini-red)}.club-mini-step__icon svg{width:19px;height:19px}.club-mini-steps h3{margin:0;font-size:17px}.club-mini-steps p{margin:5px 0 0!important;color:var(--mini-muted)!important;font-size:12px!important;line-height:1.45}.club-mini-button--small{min-height:48px;margin-block-start:28px;padding:11px 21px;font-size:13px}
.club-mini-reward{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:55px;padding:68px max(24px,calc((100% - 1120px)/2)) 0;background:var(--mini-red);color:#fff}.club-mini-reward .club-mini-kicker,.club-mini-reward h2{color:#fff}.club-mini-reward h2{max-width:700px}.club-mini-featured{display:flex;align-items:center;gap:17px;margin-block-start:26px}.club-mini-featured img{width:102px;height:82px;border-radius:14px;object-fit:cover}.club-mini-featured h3{margin:0;color:#fff;font-size:18px}.club-mini-featured strong{display:block;margin-block-start:6px;color:var(--mini-cream);font-size:14px}.club-mini-gift{display:flex;align-items:center;gap:15px;margin-block-start:26px}.club-mini-gift>span{display:grid;width:54px;height:54px;border-radius:50%;place-items:center;background:var(--mini-cream);color:var(--mini-red)}.club-mini-gift svg{width:25px;height:25px}.club-mini-gift p{max-width:390px;margin:0!important;color:rgba(255,255,255,.76)!important;font-size:13px!important;line-height:1.6}.club-mini-reward__action{display:grid;justify-items:center;gap:4px}.club-mini-button--cream{min-width:210px;border-color:var(--mini-cream);background:var(--mini-cream);color:var(--mini-red)!important}.club-mini-button--cream:hover{background:#fff}.club-mini-reward__action p{margin:7px 0 0!important;color:rgba(255,255,255,.73)!important;font-size:12px!important}.club-mini-reward__action p a{display:inline-block;min-height:40px;padding:10px 3px;color:#fff;font-weight:800;text-underline-offset:4px}
.club-mini-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-start:54px;padding:24px 0 max(25px,env(safe-area-inset-bottom));border-block-start:1px solid rgba(255,255,255,.17)}.club-mini-footer>a{min-height:42px;padding-block:12px;color:rgba(255,255,255,.72);font-size:11px}.club-mini-footer .club-language{margin:0}.club-mini-footer .club-language a{color:rgba(255,255,255,.62);font-size:11px}.club-mini-footer .club-language a[aria-current="true"]{color:#fff}
@keyframes club-mini-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes club-mini-dot{0%{opacity:.35;transform:scale(.8)}45%,100%{opacity:1;transform:scale(1)}}
.club-mini-hero__copy,.club-mini-card,.club-mini-how__heading,.club-mini-steps,.club-mini-reward__copy{animation:club-mini-enter .42s ease-out both}.club-mini-card{animation-delay:.08s}.club-mini-dot{animation:club-mini-dot .8s ease-out both}.club-mini-dot--2{animation-delay:.1s}.club-mini-dot--3{animation-delay:.2s}.club-mini-dot--4{animation-delay:.3s}
@media(max-width:820px){.club-mini-hero{grid-template-columns:1fr;gap:30px;padding-block:42px 58px}.club-mini-card{width:min(100%,560px);min-height:285px;margin-inline:auto}.club-mini-card__journey{margin-block:48px 30px}.club-mini-reward{grid-template-columns:1fr;gap:30px}.club-mini-reward__action{justify-items:start}}
@media(max-width:600px){.club-mini-header{width:min(100% - 28px,1120px);min-height:72px}.club-brand-mark--landing img{max-width:148px;height:46px}.club-brand-mark--landing .club-brand-mark__fallback{font-size:19px}.club-mini-login{font-size:12px}.club-mini-hero{width:min(100% - 30px,1120px);gap:24px;padding:27px 0 48px}.club-mini-kicker{margin-block-end:8px!important}.club-mini-hero h1{font-size:clamp(35px,10.2vw,40px);line-height:1.06;letter-spacing:-.045em}html[lang="fr"] .club-mini-hero h1{font-size:clamp(27px,7.8vw,31px)}html[lang="en"] .club-mini-hero h1{font-size:clamp(31px,8.8vw,35px)}.club-mini-lead{margin-block-start:15px!important;font-size:15px!important;line-height:1.6}.club-mini-actions{align-items:stretch;flex-direction:column;gap:4px;margin-block-start:20px}.club-mini-actions .club-mini-button{width:100%}.club-mini-anchor{justify-content:center}.club-mini-card{min-height:220px;padding:24px;border-radius:21px}.club-mini-card__brand{margin-block-start:20px;font-size:15px}.club-mini-card__journey{gap:7px;margin-block:32px 22px}.club-mini-card__journey b{width:44px;height:44px}.club-mini-dot{width:11px;height:11px}.club-mini-card>p{font-size:12px!important}.club-mini-how{padding-block:50px}.club-mini-how__heading{align-items:flex-start;flex-direction:column;gap:14px;margin-block-end:22px}.club-mini-how__heading h2,.club-mini-reward h2{font-size:37px}.club-mini-how__heading>strong{font-size:13px}.club-mini-steps{grid-template-columns:1fr}.club-mini-steps li{grid-template-columns:28px 38px 1fr;min-height:74px;padding:13px 0}.club-mini-steps li+li{border-block-start:1px solid var(--mini-line);border-inline-start:0}.club-mini-button--small{width:100%;margin-block-start:22px}.club-mini-reward{gap:27px;padding-block-start:52px}.club-mini-reward__action{justify-items:stretch}.club-mini-button--cream{width:100%}.club-mini-reward__action p{text-align:center}.club-mini-footer{align-items:flex-start;flex-direction:column;margin-block-start:38px}.club-mini-footer .club-language{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.club-mini-hero__copy,.club-mini-card,.club-mini-how__heading,.club-mini-steps,.club-mini-reward__copy,.club-mini-dot{animation:none}.club-mini-button{transition:none}}

.club-welcome, .club-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-block-end: 18px; }
.club-welcome p, .club-page-header p { margin: 0; color: var(--club-muted); }
.club-welcome h1, .club-page-header h1 { margin: 1px 0 0; font-size: clamp(25px, 6vw, 34px); line-height: 1.15; letter-spacing: -.025em; }
.club-page-header > strong { padding-block-start: 10px; color: var(--club-red); white-space: nowrap; }
.club-hero { position: relative; overflow: hidden; margin-block-end: 16px; padding: 22px; border-radius: 22px; background: var(--club-red); color: #fff; box-shadow: 0 18px 36px rgba(101, 0, 0, .2); }
.club-hero::after { position: absolute; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; content: ""; inset: -118px -76px auto auto; }
html[dir="rtl"] .club-hero::after { inset: -118px auto auto -76px; }
.club-hero__top { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.club-hero__top p { margin: 0; opacity: .78; }
.club-hero__top h1 { margin: 2px 0 0; color: #fff; font-size: clamp(25px, 6vw, 34px); line-height: 1.1; letter-spacing: -.025em; }
.club-hero .club-badge { background: rgba(255,255,255,.17); color: #fff; }
.club-hero__points { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 9px; margin-block-start: 24px; }
.club-hero__points strong { font-size: clamp(49px, 13vw, 70px); line-height: .92; letter-spacing: -.055em; }
.club-hero__points span { opacity: .78; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.club-hero__hint { position: relative; z-index: 1; margin: 15px 0 8px; opacity: .86; font-size: 12px; font-weight: 700; }
.club-progress { overflow: hidden; height: 7px; border-radius: 99px; background: rgba(143, 0, 0, .12); }
.club-progress span { display: block; height: 100%; border-radius: inherit; background: var(--club-red); transform-origin: inline-start; animation: club-progress-in .55s ease-out both; }
.club-progress--on-red { position: relative; z-index: 1; background: rgba(255,255,255,.24); }
.club-progress--on-red span { background: #fff; }
@keyframes club-progress-in { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.club-member-card { position: relative; overflow: hidden; display: grid; gap: 2px; min-height: 164px; margin-block: 18px 28px; padding: 20px; border-radius: 18px; background: var(--club-red); color: #fff; box-shadow: 0 14px 28px rgba(101, 0, 0, .18); }
.club-member-card::before, .club-member-card::after { position: absolute; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; content: ""; }
.club-member-card::before { width: 230px; height: 230px; inset: -125px -65px auto auto; }
.club-member-card::after { width: 160px; height: 160px; inset: auto -34px -95px auto; }
html[dir="rtl"] .club-member-card::before { inset: -125px auto auto -65px; }
html[dir="rtl"] .club-member-card::after { inset: auto auto -95px -34px; }
.club-member-card__pattern { position: absolute; inset: 0; opacity: .18; background-image: radial-gradient(circle at 15% 25%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 70% 75%, #fff 0 1px, transparent 1.5px); background-size: 24px 24px, 31px 31px; }
.club-member-card p, .club-member-card strong, .club-member-card span, .club-member-card code { position: relative; z-index: 1; }
.club-member-card p { margin: 0 0 auto; font-size: 11px; font-weight: 850; letter-spacing: .13em; }
.club-member-card strong { font-size: 21px; }
.club-member-card span { opacity: .78; font-size: 12px; }
.club-member-card code { align-self: end; margin-block-start: 14px; font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; opacity: .9; }
.club-member-card__qr { position: absolute; z-index: 2; inset-block-start: 18px; inset-inline-end: 18px; width: 58px; height: 58px; padding: 4px; border-radius: 8px; background: #fff; }
.club-member-card__qr svg { display: block; width: 100% !important; height: 100% !important; }
.club-member-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block: -16px 26px; }
.club-member-actions--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: -16px; }
.club-member-actions .club-button { min-height: 40px; padding: 8px 12px; font-size: 12px; }
.club-button--ghost { border-color: transparent; background: transparent; color: var(--club-red); }
.club-copy-feedback { min-height: 20px; color: var(--club-positive); font-size: 12px; font-weight: 750; }
.club-qr-modal[hidden] { display: none !important; }
.club-qr-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: env(safe-area-inset-top) 18px env(safe-area-inset-bottom); }
.club-qr-modal__backdrop { position: absolute; inset: 0; background: rgba(20, 10, 8, .66); }
.club-qr-modal__sheet { position: relative; z-index: 1; display: grid; justify-items: center; width: min(100%, 430px); padding: 30px 22px 26px; border: 1px solid var(--club-border); border-radius: 22px; background: var(--club-surface); color: var(--club-text); box-shadow: 0 24px 70px rgba(0,0,0,.28); text-align: center; }
.club-qr-modal__sheet h2 { margin: 3px 0 5px; font-size: 25px; }
.club-qr-modal__sheet > code { color: var(--club-red); font: 750 14px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.club-qr-modal__sheet > p:last-child { margin: 16px 0 0; color: var(--club-muted); font-size: 13px; }
.club-qr-modal__save { margin-block-start: 18px; }
.club-qr-modal__close { position: absolute; inset-block-start: 10px; inset-inline-end: 12px; display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--club-muted); font-size: 28px; line-height: 1; cursor: pointer; }
.club-qr-modal__code { width: min(78vw, 300px); aspect-ratio: 1; margin-block-start: 18px; padding: 12px; border-radius: 14px; background: #fff; }
.club-qr-modal__code svg { display: block; width: 100% !important; height: 100% !important; }
.club-install-modal[hidden] { display: none !important; }
.club-install-modal { position: fixed; z-index: 101; inset: 0; display: grid; place-items: center; padding: env(safe-area-inset-top) 18px env(safe-area-inset-bottom); }
.club-install-modal__message { max-width: 30ch; margin: 14px auto 0; color: var(--club-muted); text-align: center; }
.club-install-modal [data-club-install-confirm] { margin-block-start: 18px; }
.club-card-preview-modal[hidden] { display: none !important; }
.club-card-preview-modal { position: fixed; z-index: 102; inset: 0; display: grid; place-items: center; padding: env(safe-area-inset-top) 18px env(safe-area-inset-bottom); }
.club-card-preview-modal__sheet img { display: block; width: min(100%, 420px); height: auto; margin-block: 18px 4px; border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
body.club-modal-open { overflow: hidden; }
.club-member-card--profile { margin-block: 18px; }
.club-eyebrow { color: var(--club-muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.club-badge { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 9px; border-radius: 999px; background: rgba(143, 0, 0, .09); color: var(--club-red); font-size: 11px; font-weight: 850; white-space: nowrap; }
.club-badge--success { background: #e8f6ee; color: var(--club-positive); }
.club-points-card { overflow: hidden; position: relative; margin-block-end: 16px; padding: 24px; border-radius: 20px; background: var(--club-red); color: #fff; box-shadow: 0 18px 36px rgba(101, 0, 0, .2); }
.club-points-card::after { position: absolute; width: 190px; height: 190px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; content: ""; inset: -70px -45px auto auto; }
html[dir="rtl"] .club-points-card::after { inset: -70px auto auto -45px; }
.club-points-card p { margin: 0; opacity: .78; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.club-points-card strong { display: block; margin-block-start: 2px; font-size: clamp(43px, 12vw, 62px); line-height: 1; letter-spacing: -.045em; }
.club-card { border: 1px solid var(--club-border); border-radius: var(--club-radius); background: var(--club-surface); box-shadow: 0 8px 22px rgba(67, 32, 20, .045); }
.club-next-reward { display: grid; gap: 17px; margin-block-end: 16px; padding: 19px; }
.club-next-reward > p { margin: 0; }
.club-card__split { display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.club-card__split div { display: grid; gap: 2px; }
.club-card__split strong { font-size: 19px; }
.club-card__split span, .club-card__split b { color: var(--club-muted); font-size: 12px; }
.club-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-end: 28px; border: 1px solid var(--club-border); border-radius: var(--club-radius); background: var(--club-surface); }
.club-stats div { display: grid; gap: 2px; padding: 14px 10px; text-align: center; }
.club-stats div + div { border-inline-start: 1px solid var(--club-border); }
.club-stats strong { font-size: 20px; }
.club-stats span { color: var(--club-muted); font-size: 11px; }
.club-section { margin-block-start: 26px; }
.club-section > header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-block-end: 10px; }
.club-section h2 { margin: 0; font-size: 17px; }
.club-section header a, .club-text-link, .club-back { color: var(--club-red); font-size: 13px; font-weight: 800; text-decoration: none; }
.club-list { overflow: hidden; border: 1px solid var(--club-border); border-radius: var(--club-radius); background: var(--club-surface); }
.club-order-row, .club-activity-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 70px; padding: 13px 15px; text-decoration: none; }
.club-order-row + .club-order-row, .club-activity-row + .club-activity-row { border-block-start: 1px solid var(--club-border); }
.club-order-row > div, .club-activity-row > div { display: grid; gap: 2px; min-width: 0; }
.club-order-row span, .club-activity-row span { overflow: hidden; color: var(--club-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.club-order-row__end { text-align: end; }
.club-positive { color: var(--club-positive) !important; }
.club-negative { color: var(--club-negative) !important; }
.club-activity-row { position: relative; justify-content: flex-start; }
.club-activity-row::before { flex: 0 0 auto; width: 7px; height: 7px; border: 2px solid var(--club-red); border-radius: 50%; content: ""; }
.club-activity-row > b { min-width: 70px; }
.club-empty { padding: 22px; border: 1px dashed var(--club-border); border-radius: var(--club-radius); color: var(--club-muted); text-align: center; }
.club-empty--large { margin-block: 50px; padding: 50px 20px; }
.club-page-note { margin: -8px 0 18px; color: var(--club-muted); font-size: 13px; }
.club-reward-grid, .club-history { display: grid; gap: 12px; }
.club-reward { display: flex; flex-direction: column; justify-content: space-between; min-height: 155px; padding: 18px; }
.club-reward h2, .club-history-order h2 { margin: 0; font-size: 18px; }
.club-reward p { margin: 5px 0 0; color: var(--club-muted); font-size: 13px; }
.club-reward__progress { display: grid; gap: 7px; margin-block-start: 17px; color: var(--club-muted); font-size: 11px; }
.club-reward footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-block-start: 20px; }
.club-history-order { padding: 17px; }
.club-history-order > header { display: flex; justify-content: space-between; gap: 14px; }
.club-history-order > header > div { display: grid; gap: 2px; }
.club-history-order > header > div:last-child { text-align: end; }
.club-history-order header span { color: var(--club-muted); font-size: 12px; }
.club-history-order ul { display: grid; gap: 7px; margin: 16px 0; padding: 13px 0; border-block: 1px solid var(--club-border); list-style: none; }
.club-history-order li { display: flex; justify-content: space-between; gap: 14px; }
.club-history-order li b { color: var(--club-muted); }
.club-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-block-start: 20px; color: var(--club-muted); font-size: 12px; text-align: center; }
.club-pagination a { color: var(--club-red); font-weight: 800; text-decoration: none; }
.club-pagination a:last-child { text-align: end; }
.club-pagination a:first-child { text-align: start; }
.club-back { display: inline-flex; margin-block-end: 18px; }
.club-order-detail { padding: 20px; }
.club-order-detail > header { display: flex; justify-content: space-between; gap: 16px; padding-block-end: 18px; border-block-end: 1px solid var(--club-border); }
.club-order-detail h1 { margin: 2px 0; font-size: 24px; }
.club-order-detail header span { color: var(--club-muted); font-size: 12px; }
.club-order-detail header > strong { color: var(--club-red); font-size: 20px; white-space: nowrap; }
.club-order-items { display: grid; gap: 11px; padding-block: 18px; border-block-end: 1px solid var(--club-border); }
.club-order-items > div, .club-totals > div { display: flex; justify-content: space-between; gap: 16px; }
.club-order-items small { color: var(--club-muted); }
.club-totals { display: grid; gap: 9px; margin: 0; padding-block: 18px 0; }
.club-totals dt, .club-totals dd { margin: 0; }
.club-totals dt { color: var(--club-muted); }
.club-totals__total { padding-block-start: 10px; border-block-start: 1px solid var(--club-border); font-size: 18px; font-weight: 850; }
.club-earned { margin: 18px 0 0; padding: 11px; border-radius: 10px; background: #e8f6ee; color: var(--club-positive); font-weight: 800; text-align: center; }
.club-profile { padding: 5px 19px; }
.club-profile dl { margin: 0; }
.club-profile dl > div { display: flex; justify-content: space-between; gap: 20px; padding-block: 16px; }
.club-profile dl > div + div { border-block-start: 1px solid var(--club-border); }
.club-profile dt { color: var(--club-muted); }
.club-profile dd { margin: 0; font-weight: 750; text-align: end; }
.club-secured { margin: 16px 0; color: var(--club-muted); font-size: 12px; text-align: center; }
.club-language--profile { margin-block-start: 14px; }

.club-bottom-nav { position: fixed; z-index: 30; inset: auto 0 0; display: grid; grid-template-columns: repeat(4, 1fr); width: min(100%, 760px); min-height: calc(70px + env(safe-area-inset-bottom)); margin-inline: auto; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--club-border); background: var(--club-surface); background: color-mix(in srgb, var(--club-surface) 94%, transparent); box-shadow: 0 -10px 28px rgba(67, 32, 20, .06); backdrop-filter: blur(16px); }
.club-bottom-nav a { display: grid; align-content: center; justify-items: center; gap: 5px; min-height: 50px; border-radius: 11px; color: var(--club-muted); font-size: 11px; font-weight: 750; text-decoration: none; }
.club-bottom-nav a[aria-current="page"] { color: var(--club-red); }
.club-nav-icon { display: grid; width: 28px; height: 27px; place-items: center; border-radius: 9px; color: currentColor; opacity: .58; }
.club-nav-icon svg { display: block; width: 18px; height: 18px; }
.club-bottom-nav a[aria-current="page"] .club-nav-icon { background: rgba(143, 0, 0, .1); opacity: 1; }

@media (min-width: 600px) {
    .club-app { padding-inline: 28px; }
    .club-main { padding-block: 28px; }
    .club-reward-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 380px) {
    .club-app { padding-inline: 14px; }
    .club-auth__form { padding: 19px; }
    .club-stats span { font-size: 10px; }
    .club-page-header { align-items: flex-start; }
}

@media (max-height: 620px) and (max-width: 599px) {
    .club-auth { align-content: start; padding-block: 18px 24px; }
    .club-auth__brand { margin-block-end: 16px; }
    .club-auth__brand .club-brand-mark { margin-block-end: 8px; }
    .club-brand-mark--auth img { height: 58px; }
    .club-auth__brand h1 { font-size: 30px; }
}

@media (prefers-reduced-motion: no-preference) {
    .club-button, .club-order-row, .club-bottom-nav a, .club-card { transition: background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
    .club-button:active, .club-order-row:active { transform: scale(.985); }
    .club-order-row:hover, .club-card:hover { box-shadow: 0 11px 27px rgba(67, 32, 20, .08); }
}

@media (prefers-reduced-motion: reduce) {
    .club-progress span { animation: none; }
}

@media (prefers-color-scheme: dark) {
    html[data-club-theme-choice="device"] { --club-cream:#171311; --club-surface:#211b18; --club-text:#fff8f2; --club-muted:#b8ada6; --club-border:#3b302b; --club-shadow:0 14px 36px rgba(0,0,0,.22); color-scheme:dark; }
    html[data-club-theme-choice="device"] .club-auth__form input { background:#191412; }
    html[data-club-theme-choice="device"] .club-alert { border-color:#703936; background:#321b1b; color:#ffb8b1; }
    html[data-club-theme-choice="device"] .club-recovery { border-color:#703936; background:#321b1b; color:#ffb8b1; }
    html[data-club-theme-choice="device"] .club-badge--success, html[data-club-theme-choice="device"] .club-earned { background:#173b2b; }
}

/* Club authentication and membership-state refinement. */
.club-auth--unified { align-content:start; max-width:520px; margin-inline:auto; padding-block:clamp(24px,7vh,64px); }
.club-auth--unified .club-auth__brand { margin-block-end:18px; }
.club-auth--unified .club-brand-mark--auth img { height:84px; }
.club-auth--unified .club-auth__brand h1 { font-size:clamp(34px,9vw,48px); }
.club-auth__concept { max-width:390px; margin-inline:auto!important; color:var(--club-text)!important; font-size:14px!important; line-height:1.55; }
.club-auth-tabs { display:grid; grid-template-columns:1fr 1fr; width:min(100%,430px); margin:0 auto 10px; padding:4px; border:1px solid var(--club-border); border-radius:14px; background:color-mix(in srgb,var(--club-surface) 84%,var(--club-cream)); }
.club-auth-tabs a { display:grid; min-height:42px; place-items:center; padding:7px 10px; border-radius:10px; color:var(--club-muted); font-size:13px; font-weight:800; text-align:center; text-decoration:none; }
.club-auth-tabs a[aria-current="page"] { background:var(--club-surface); color:var(--club-red); box-shadow:0 4px 12px rgba(67,32,20,.08); }
.club-auth--unified .club-auth__form { border-radius:16px; box-shadow:0 12px 30px rgba(67,32,20,.08); }
.club-auth__form h2 { margin:0; font-size:21px; }
.club-form-intro,.club-form-note { margin:0; color:var(--club-muted); font-size:13px; line-height:1.5; }
.club-form-note { padding:11px 12px; border-inline-start:3px solid var(--club-red); background:rgba(143,0,0,.045); }
.club-recovery-link { margin-block:-3px 2px; color:var(--club-red); font-size:12px; font-weight:750; text-decoration:none; }
.club-code-field{display:grid;gap:7px}
.club-code-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-code-label>button{min-height:32px;padding:4px 0;border:0;background:transparent;color:var(--club-red);font:800 12px/1.2 inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.club-code-label>button:focus-visible{outline:3px solid color-mix(in srgb,var(--club-red) 25%,transparent);outline-offset:3px;border-radius:5px}.club-code-help-modal[hidden]{display:none!important}.club-code-help-modal{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.club-code-help-modal__sheet{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,400px);padding:28px 20px 18px;border:1px solid var(--club-border);border-radius:20px;background:var(--club-surface);color:var(--club-text);box-shadow:0 24px 70px rgba(0,0,0,.28)}.club-code-help-modal__sheet h2,.club-code-help-modal__sheet p{margin:0}.club-code-help-modal__sheet h2{padding-inline-end:36px;font-size:22px}.club-code-help-modal__sheet>p{color:var(--club-muted);font-size:13px;line-height:1.5}.club-code-help-modal__sheet form{display:grid;gap:12px}.club-code-help-modal__sheet label{display:grid;gap:6px;color:var(--club-text);font-size:12px;font-weight:750}.club-code-help-modal__sheet input{width:100%;min-height:46px;border:1px solid var(--club-border);border-radius:11px;padding:10px 12px;background:var(--club-surface);color:var(--club-text);font:inherit}.club-code-help-modal__sheet input:focus{border-color:var(--club-red);outline:3px solid color-mix(in srgb,var(--club-red) 12%,transparent)}
.club-alert { display:grid; gap:5px; }
.club-alert a { color:inherit; font-weight:800; }
.club-alert--success { border-color:#a9d4bb; background:#eef8f2; color:#1c6940; }
.club-auth-state { justify-items:center; padding-block:32px; text-align:center; }
.club-auth-state__mark { display:grid; width:48px; height:48px; border-radius:50%; place-items:center; background:#eef8f2; color:#1c6940; font-size:25px; font-weight:900; }
.club-auth-state p { margin:0; color:var(--club-muted); line-height:1.55; }
.club-auth__form .club-button[aria-busy="true"] { opacity:.78; cursor:wait; }
.club-auth__form .club-button[aria-busy="true"]::after { display:inline-block; width:13px; height:13px; margin-inline-start:8px; border:2px solid currentColor; border-block-start-color:transparent; border-radius:50%; content:""; animation:club-spin .7s linear infinite; vertical-align:-2px; }
@keyframes club-spin { to { transform:rotate(360deg); } }
.club-language--auth { width:min(100%,430px); margin-inline:auto; padding:8px; }
.club-language--auth a { min-height:36px; display:grid; place-items:center; }
.club-language--top { flex:1; margin:0; gap:2px; }
.club-language--top a { padding:6px 7px; font-size:11px; white-space:nowrap; }
.club-hero__value { position:relative; z-index:1; margin:8px 0 0; font-size:12px; opacity:.78; }
.club-home-member-code { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-4px 0 16px; padding:10px 13px; border:1px solid var(--club-border); border-radius:12px; background:var(--club-surface); }
.club-home-member-code span { color:var(--club-muted); font-size:12px; font-weight:700; }
.club-home-member-code code { color:var(--club-text); font-size:13px; font-weight:800; }

@media (max-width:520px) {
    .club-topbar { flex-wrap:wrap; }
    .club-language--top { order:3; flex-basis:100%; }
    .club-auth--unified { padding-block:20px 30px; }
    .club-auth--unified .club-brand-mark--auth img { height:68px; }
}

@media (prefers-color-scheme:dark) {
    html[data-club-theme-choice="device"] .club-auth-tabs a[aria-current="page"] { box-shadow:none; }
    html[data-club-theme-choice="device"] .club-alert--success { border-color:#295c41; background:#173b2b; color:#b9f0ce; }
    html[data-club-theme-choice="device"] .club-form-note { background:rgba(255,255,255,.035); }
}

/* Sweetyo Inside: consumer content, polls and lightweight engagement. */
.club-inside-preview{display:grid;gap:5px;margin:0 0 16px;padding:16px;border-radius:16px;background:var(--club-surface);border:1px solid var(--club-border);color:var(--club-text);text-decoration:none;box-shadow:var(--club-shadow)}
.club-inside-preview span,.club-inside-post__meta{color:var(--club-red);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.club-inside-preview strong{font-size:17px}.club-inside-preview small{color:var(--club-muted);line-height:1.45}
.club-inside-feed{display:grid;gap:14px}.club-inside-post{overflow:hidden;border:1px solid var(--club-border);border-radius:18px;background:var(--club-surface);box-shadow:var(--club-shadow)}.club-inside-post__image{display:block;width:100%;max-height:310px;object-fit:cover}.club-inside-post__body{display:grid;gap:12px;padding:17px}.club-inside-post__meta{display:flex;justify-content:space-between;gap:12px}.club-inside-post__meta time{color:var(--club-muted);font-weight:700;letter-spacing:0;text-transform:none}.club-inside-post h2{margin:0;font-size:21px}.club-inside-post p{margin:0;color:var(--club-muted);line-height:1.58}.club-text-link{color:var(--club-red);font-size:13px;font-weight:850;text-decoration:none}
.club-inside-actions{display:flex;align-items:center;gap:7px;padding-top:3px}.club-inside-actions button{min-height:38px;padding:7px 11px;border:1px solid var(--club-border);border-radius:999px;background:transparent;color:var(--club-text);font:inherit;font-weight:750;cursor:pointer}.club-inside-actions button span{margin-inline-start:4px;color:var(--club-muted);font-size:11px}.club-inside-actions button.is-active{border-color:rgba(143,0,0,.35);background:rgba(143,0,0,.08)}.club-inside-actions [data-inside-share]{margin-inline-start:auto;color:var(--club-red)}
.club-poll{display:grid;gap:8px}.club-poll button{position:relative;display:flex;min-height:48px;align-items:center;justify-content:space-between;overflow:hidden;padding:11px 13px;border:1px solid var(--club-border);border-radius:13px;background:transparent;color:var(--club-text);font:inherit;font-weight:750;text-align:start;cursor:pointer}.club-poll button>*{position:relative;z-index:1}.club-poll button i{position:absolute;inset-block:0;inset-inline-start:0;background:rgba(143,0,0,.08);z-index:0}.club-poll button:disabled{cursor:default}.club-poll small{color:var(--club-muted)}
.club-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.club-bottom-nav a{min-width:0;font-size:10px}
@media(max-width:380px){.club-inside-post__body{padding:14px}.club-inside-actions{flex-wrap:wrap}.club-inside-actions [data-inside-share]{margin-inline-start:0}.club-bottom-nav a{padding-inline:2px}}

/* Club install, alerts and in-app notification center. */
.club-notification-bell{position:relative;display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid var(--club-border);border-radius:50%;background:var(--club-surface);color:var(--club-text);font-size:20px;cursor:pointer}.club-notification-bell b{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;display:grid;min-width:19px;height:19px;place-items:center;border:2px solid var(--club-surface);border-radius:99px;background:var(--club-red);color:#fff;font-size:9px}
.club-topbar__alerts{display:flex;align-items:center;gap:7px}.club-alert-enable{min-height:36px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--club-red) 28%,var(--club-border));border-radius:999px;background:color-mix(in srgb,var(--club-red) 7%,var(--club-surface));color:var(--club-red);font:800 11px/1.1 inherit;cursor:pointer;white-space:nowrap}.club-alert-enable[hidden]{display:none!important}.club-alert-enable:focus-visible{outline:3px solid color-mix(in srgb,var(--club-red) 25%,transparent);outline-offset:2px}
.club-home-install{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin-block:4px 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--club-red) 16%,var(--club-border));border-radius:14px;background:color-mix(in srgb,var(--club-red) 4%,var(--club-surface))}.club-home-install[hidden],.club-home-app-status[hidden],.club-standalone-alert-invite[hidden]{display:none!important}.club-home-install__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--club-red);color:#fff;font-size:20px}.club-home-install>div{display:grid;gap:2px;min-width:0}.club-home-install strong{font-size:13px}.club-home-install small{color:var(--club-muted);font-size:11px}.club-home-install .club-button{min-height:38px;padding:8px 11px;font-size:11px;text-decoration:none}.club-home-app-status{margin:4px 0 14px;color:var(--club-muted);font-size:12px;font-weight:750}.club-standalone-alert-invite{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-block:4px 14px;padding:13px 42px 13px 13px;border:1px solid color-mix(in srgb,var(--club-red) 18%,var(--club-border));border-radius:15px;background:var(--club-surface);box-shadow:0 7px 20px rgba(67,32,20,.07)}.club-standalone-alert-invite>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--club-red) 10%,var(--club-surface));color:var(--club-red)}.club-standalone-alert-invite>div{display:grid;gap:3px}.club-standalone-alert-invite small{color:var(--club-muted);font-size:11px;line-height:1.4}.club-standalone-alert-invite>div:last-child{grid-column:1/-1;display:flex;gap:7px}.club-standalone-alert-invite .club-button{min-height:38px;padding:8px 12px;font-size:11px}.club-standalone-alert-invite__close{position:absolute;inset-block-start:7px;inset-inline-end:7px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--club-muted);font-size:20px;cursor:pointer}
.club-alerts-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface)}.club-alerts-card>div:first-child{display:grid;gap:5px}.club-alerts-card p,.club-alerts-card small{margin:0;color:var(--club-muted);font-size:12px;line-height:1.45}.club-alerts-card>div:last-child{display:flex;flex:none;gap:8px}
.club-install-modal__icon{display:block;width:68px;height:68px;margin:0 auto 10px;border-radius:18px}.club-install-modal__message{padding:10px 12px;border-radius:11px;background:rgba(143,0,0,.06);font-size:13px;line-height:1.5}
.club-install-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:16px;border:1px solid rgba(143,0,0,.18);border-radius:18px;background:linear-gradient(135deg,var(--club-surface),rgba(143,0,0,.045));box-shadow:var(--club-shadow)}.club-install-card[hidden]{display:none!important}.club-install-card>img{width:64px;height:64px;border-radius:17px}.club-install-card [data-club-install-card-copy]{display:grid;gap:4px}.club-install-card [data-club-install-card-copy]>span{color:var(--club-red);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.club-install-card strong{font-size:17px}.club-install-card p{margin:0;color:var(--club-muted);font-size:12px;line-height:1.5}.club-install-card__actions{display:grid;gap:6px;min-width:190px}.club-install-card__installed{grid-column:2/-1;color:var(--club-red)}
.club-install-modal__sheet{width:min(430px,100%);text-align:center}.club-install-steps{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none;text-align:start}.club-install-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--club-border);border-radius:15px;background:var(--club-surface)}.club-install-steps span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:rgba(143,0,0,.09);color:var(--club-red)}.club-install-steps svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.club-install-steps strong{font-size:14px}.club-install-modal.is-ios-guide .club-install-modal__message{display:none}
.club-install-modal.is-ios-guide{align-items:stretch;padding:0}.club-install-modal.is-ios-guide .club-install-modal__sheet{display:flex;width:min(520px,100%);min-height:100dvh;justify-content:center;flex-direction:column;border-radius:0;padding:max(28px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}
.club-notifications-modal{position:fixed;inset:0;z-index:1100}.club-notifications-modal__sheet{position:absolute;inset-block:0;inset-inline-end:0;width:min(420px,100%);overflow-y:auto;background:var(--club-cream);box-shadow:-18px 0 40px rgba(32,14,8,.18);padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.club-notifications-modal__sheet>header{position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 0 14px;background:var(--club-cream)}.club-notifications-modal__sheet h2{margin:0}.club-notifications-modal__sheet header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--club-border);border-radius:50%;background:var(--club-surface);color:var(--club-text);font-size:22px}.club-notifications-list{display:grid;gap:9px}.club-notifications-list>a{position:relative;display:grid;gap:4px;padding:14px;border:1px solid var(--club-border);border-radius:14px;background:var(--club-surface);color:var(--club-text);text-decoration:none}.club-notifications-list>a.is-unread{border-inline-start:4px solid var(--club-red)}.club-notifications-list span{color:var(--club-red);font-size:10px;font-weight:850;text-transform:uppercase}.club-notifications-list p{margin:0;color:var(--club-muted);font-size:13px;line-height:1.45}.club-notifications-list time{color:var(--club-muted);font-size:10px}
@media(max-width:520px){.club-alerts-card{align-items:stretch;flex-direction:column}.club-alerts-card>div:last-child{display:grid;grid-template-columns:1fr}.club-install-card{grid-template-columns:52px minmax(0,1fr);padding:14px}.club-install-card>img{width:52px;height:52px;border-radius:14px}.club-install-card__actions{grid-column:1/-1;min-width:0}.club-install-card__installed{grid-column:1/-1;text-align:center}.club-install-modal{align-items:stretch;padding:0}.club-install-modal__sheet{display:flex;min-height:100dvh;justify-content:center;flex-direction:column;border-radius:0;padding:max(24px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.club-notification-bell{width:36px;height:36px}.club-notifications-modal__sheet{width:100%}}

/* Club experience V2: compact profile, home actions and notification drawer. */
.club-notification-bell.has-unread{border-color:color-mix(in srgb,var(--club-red) 35%,var(--club-border));color:var(--club-red)}.club-notification-bell svg{display:block;width:20px;height:20px}.club-notifications-modal__sheet>header>div{display:flex;align-items:center;gap:8px}.club-notifications-modal__sheet>header>div:first-child{display:block}.club-notifications-modal__sheet>header .club-eyebrow{margin:0 0 2px}.club-notifications-mark-all{width:auto!important;height:36px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:var(--club-red)!important;font-size:12px!important;font-weight:750}.club-notifications-close{flex:none}.club-notifications-list>a{grid-template-columns:38px minmax(0,1fr);align-items:start}.club-notifications-list>a>i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface));font-style:normal}.club-notifications-list>a>div{display:grid;gap:4px;min-width:0}.club-notifications-list>a.is-unread:after{content:"";position:absolute;inset-block-start:16px;inset-inline-end:14px;width:7px;height:7px;border-radius:50%;background:var(--club-red)}
.club-profile-section{margin-block:12px;padding:18px}.club-profile-section h2{margin:0 0 14px;font-size:17px}.club-profile-section dl{margin:0}.club-profile-section fieldset{margin:0 0 14px;padding:0;border:0}.club-profile-section legend{margin-bottom:10px;font-weight:750}.club-birthday-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.club-birthday-fields label{display:grid;gap:6px;color:var(--club-muted);font-size:12px}.club-birthday-fields input{width:100%;min-height:44px;border:1px solid var(--club-border);border-radius:10px;background:var(--club-surface);color:var(--club-text);padding:9px}.club-preference-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-block-end:1px solid var(--club-border)}.club-preference-status strong{color:var(--club-red)}.club-home-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.club-home-quick a{display:grid;min-height:46px;place-items:center;border:1px solid var(--club-border);border-radius:12px;background:var(--club-surface);color:var(--club-text);font-size:13px;font-weight:750;text-decoration:none}.club-home-quick a:active{transform:scale(.98)}
@media(max-width:520px){.club-notifications-modal__sheet>header{align-items:flex-start}.club-birthday-fields{grid-template-columns:1fr 1fr}.club-birthday-fields label:last-child{grid-column:1/-1}.club-home-quick{position:relative;z-index:1}}

/* Final customer-app polish: compact home, focused history and preferences. */
.club-topbar{gap:10px}.club-brand{margin-inline-end:auto}.club-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));inset-inline:0}.club-bottom-nav a{min-width:0}.club-notification-bell{border-color:color-mix(in srgb,var(--club-red) 18%,var(--club-border));box-shadow:0 4px 14px rgba(67,32,20,.06)}.club-notification-bell b{min-width:18px;height:18px;padding-inline:3px}
.club-install-card{position:relative;padding-inline-end:52px}.club-install-card__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--club-muted);font-size:23px;cursor:pointer}.club-install-card__close:hover{background:color-mix(in srgb,var(--club-red) 7%,transparent);color:var(--club-red)}
.club-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.club-quick-actions button,.club-quick-actions a{display:grid;min-height:48px;place-items:center;padding:8px;border:1px solid var(--club-border);border-radius:12px;background:var(--club-surface);color:var(--club-text);font:inherit;font-size:12px;font-weight:750;text-align:center;text-decoration:none;cursor:pointer}.club-quick-actions button:active,.club-quick-actions a:active{transform:scale(.98)}.club-home-actions .club-copy-feedback{display:block;margin-block-start:5px}
.club-history-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-block-end:10px;padding:4px;border:1px solid var(--club-border);border-radius:14px;background:color-mix(in srgb,var(--club-surface) 78%,var(--club-cream))}.club-history-tabs a{display:grid;min-height:42px;place-items:center;border-radius:10px;color:var(--club-muted);font-size:13px;font-weight:800;text-decoration:none}.club-history-tabs a[aria-current="page"]{background:var(--club-surface);color:var(--club-red);box-shadow:0 4px 12px rgba(67,32,20,.07)}.club-period-filter{display:flex;gap:7px;overflow-x:auto;margin-block-end:14px;padding-block:2px;scrollbar-width:none}.club-period-filter::-webkit-scrollbar{display:none}.club-period-filter a{flex:none;padding:8px 12px;border:1px solid var(--club-border);border-radius:999px;background:var(--club-surface);color:var(--club-muted);font-size:12px;font-weight:750;text-decoration:none}.club-period-filter a[aria-current="true"]{border-color:var(--club-red);background:rgba(143,0,0,.07);color:var(--club-red)}.club-custom-period{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;margin-block-end:16px;padding:12px;border:1px solid var(--club-border);border-radius:14px;background:var(--club-surface)}.club-custom-period label{display:grid;gap:5px;color:var(--club-muted);font-size:11px;font-weight:750}.club-custom-period input{width:100%;min-height:42px;padding:8px;border:1px solid var(--club-border);border-radius:10px;background:var(--club-surface);color:var(--club-text)}.club-history-groups{display:grid;gap:18px}.club-history-group>h2{margin:0 0 8px;color:var(--club-muted);font-size:12px;font-weight:800}.club-history-activity{display:flex;align-items:center;gap:14px;padding:14px 16px}.club-history-activity>b{min-width:72px}.club-history-activity>div{display:grid;gap:2px}.club-history-activity span{color:var(--club-muted);font-size:12px}
.club-reward-grid{gap:10px}.club-reward{min-height:0;padding:15px}.club-reward>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.club-reward__type{display:block;margin-block-end:3px;color:var(--club-red);font-size:10px;font-weight:850;text-transform:uppercase}.club-reward footer{margin-block-start:14px;padding-block-start:11px;border-block-start:1px solid var(--club-border)}.club-reward footer span{color:var(--club-muted);font-size:12px}.club-reward__progress{margin-block-start:12px}
.club-profile-card-area{margin-block:20px}.club-profile-card-area>h2{margin:0 0 10px;font-size:18px}.club-profile-card-area .club-member-card{margin-block:0}.club-profile-card-area .club-member-actions{margin-block:9px 0}.club-preference-block{padding-block:14px;border-block-end:1px solid var(--club-border)}.club-preference-block h3{margin:0 0 9px;font-size:14px}.club-preferences>.club-preference-block:first-of-type{padding-block-start:0}.club-preferences .club-language{justify-content:flex-start;margin:0}.club-alerts-card--profile{margin:0;border:0;border-block-end:1px solid var(--club-border);border-radius:0;padding:14px 0;background:transparent}.club-preference-status{flex-wrap:wrap}.club-preference-status .club-button{min-height:38px;padding:7px 10px;font-size:12px}
.club-push-permission-modal[hidden]{display:none!important}.club-push-permission-modal{position:fixed;z-index:1102;inset:0;display:grid;place-items:center;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom)}.club-push-permission-modal__sheet{gap:11px}.club-push-permission-modal__sheet h2,.club-push-permission-modal__sheet p{margin:0}.club-push-permission-modal__sheet p{max-width:34ch;color:var(--club-muted)}.club-push-permission-modal__icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:rgba(143,0,0,.09);color:var(--club-red)}
@media(max-width:620px){.club-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.club-custom-period{grid-template-columns:1fr 1fr}.club-custom-period .club-button{grid-column:1/-1}.club-install-card{grid-template-columns:52px minmax(0,1fr);padding-inline-end:46px}.club-install-card__actions{grid-column:1/-1}}
@media(max-width:380px){.club-bottom-nav{padding-inline:6px}.club-bottom-nav a{font-size:9px}.club-custom-period{grid-template-columns:1fr}.club-custom-period .club-button{grid-column:auto}.club-page-header>strong{font-size:12px}.club-profile-section{padding:15px}}
@media(prefers-color-scheme:dark){html[data-club-theme-choice="device"] .club-history-tabs a[aria-current="page"]{box-shadow:none}html[data-club-theme-choice="device"] .club-notification-bell{box-shadow:none}}

/* Final Club profile, join and app-like engagement polish. */
.club-auth--unified{padding-block-start:clamp(38px,8vh,78px)}.club-auth--unified .club-auth__brand{display:grid;justify-items:center;gap:8px;margin-block-end:22px}.club-auth--unified .club-brand-mark--auth img{height:clamp(80px,18vw,104px)}.club-auth--unified .club-auth__concept{max-width:340px;font-size:14px!important;line-height:1.55}.club-auth__share{min-height:42px;border:0;background:transparent;color:var(--club-red);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.club-profile-identity{display:flex;align-items:center;gap:14px;margin-block:2px 18px;padding:8px 4px}.club-profile-avatar{display:grid;width:58px;height:58px;flex:none;place-items:center;border-radius:50%;background:var(--club-red);color:#fff;font-size:23px;font-weight:850;box-shadow:0 8px 22px rgba(101,0,0,.17)}.club-profile-identity>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:0}.club-profile-identity .club-eyebrow,.club-profile-identity h1{grid-column:1/-1}.club-profile-identity .club-eyebrow{margin:0}.club-profile-identity h1{overflow:hidden;margin:0;font-size:25px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.club-profile-identity span:not(.club-profile-avatar){color:var(--club-muted);font-size:12px}.club-profile-identity code{color:var(--club-red);font:750 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.club-profile-list{padding-block:5px}.club-profile-list h2{margin:0;padding:12px 2px 7px;color:var(--club-red);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.club-profile-list dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding-block:9px}.club-profile-list dl>div+div{border-block-start:1px solid var(--club-border)}.club-profile-list dt{display:flex;align-items:center;gap:10px;color:var(--club-muted);font-size:13px}.club-profile-list dd{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;margin:0;font-weight:750;text-align:end}.club-profile-row-icon{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--club-red) 7%,var(--club-surface));color:var(--club-red)}.club-profile-row-icon svg,.club-profile-code button svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.club-profile-code code{font:750 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.club-profile-code button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--club-red);cursor:pointer}.club-profile-code button:hover{background:rgba(143,0,0,.07)}.club-profile-points{color:var(--club-red);font-size:19px}.club-profile-list>.club-copy-feedback{display:block;padding-block:0 7px}
.club-inside-actions.is-updating [data-inside-reaction],.club-poll.is-updating [data-inside-vote]{cursor:wait}.club-inside-actions [data-inside-reaction][aria-busy="true"]{transform:scale(.94)}.club-inside-feedback{display:block;min-height:17px;color:var(--club-negative);font-size:11px}.club-inside-feedback:empty{min-height:0}.club-poll [data-inside-vote][aria-busy="true"]{border-color:color-mix(in srgb,var(--club-red) 40%,var(--club-border));background:rgba(143,0,0,.04)}
@media(max-width:520px){.club-auth--unified{padding-block-start:max(30px,env(safe-area-inset-top))}.club-auth--unified .club-brand-mark--auth img{height:76px}.club-profile-list{padding-inline:15px}.club-profile-list dl>div{gap:10px}.club-profile-list dt{font-size:12px}.club-profile-list dd{font-size:13px}.club-profile-identity{padding-inline:2px}}
html[dir="rtl"] .club-profile-list dd{text-align:start}

/* Explicit device theme selection. These selectors are scoped to the Club document
   and intentionally override the system defaults when a customer chooses a mode. */
html[data-club-theme="light"] {
    color-scheme: light;
    --club-cream:#fff4ea;
    --club-surface:#fffdfb;
    --club-text:#191513;
    --club-muted:#746c67;
    --club-border:#eadfd7;
    --club-shadow:0 14px 36px rgba(67,32,20,.08);
    --club-positive:#157347;
    --club-negative:#a11717;
}
html[data-club-theme="dark"] {
    color-scheme: dark;
    --club-cream:#171311;
    --club-surface:#211b18;
    --club-text:#fff8f2;
    --club-muted:#c2b5ad;
    --club-border:#4b3c35;
    --club-shadow:0 14px 36px rgba(0,0,0,.25);
    --club-positive:#8fe0ae;
    --club-negative:#ffaaa3;
}
html[data-club-theme="dark"] .sweetyo-startup{background:#171311;color:#fff8f2}
html[data-club-theme="dark"] .sweetyo-startup__actions a{border-color:#4b3c35;background:#211b18;color:#fff8f2}
html[data-club-theme="light"] .sweetyo-startup{background:#fff4ea;color:#8f0000}
html[data-club-theme="light"] .sweetyo-startup__actions a{border-color:#d8c9be;background:#fff;color:#650000}
html[data-club-theme="dark"] .club-auth__form input{background:#191412;color:var(--club-text)}
html[data-club-theme="light"] .club-auth__form input{background:#fff;color:var(--club-text)}

/* Club access and contact refinements */
.club-auth--unified .club-brand-mark--auth img{width:auto;max-width:100%;padding:0;border-radius:0;object-fit:contain;overflow:visible}
.club-member-code-input{display:flex;align-items:stretch;direction:ltr}
.club-member-code-input b{display:grid;min-width:72px;place-items:center;border:1px solid var(--club-border);border-inline-end:0;border-radius:12px 0 0 12px;background:var(--club-cream);color:var(--club-red);font-size:13px;letter-spacing:.04em}
.club-member-code-input input{border-radius:0 12px 12px 0!important;direction:ltr}
.club-remember-code{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;color:var(--club-muted)!important;font-size:12px!important;font-weight:650!important}
.club-remember-code input{width:18px!important;min-height:18px!important;margin:0;accent-color:var(--club-red)}
.club-button--whatsapp{border-color:color-mix(in srgb,#128c7e 28%,var(--club-border));background:color-mix(in srgb,#128c7e 8%,var(--club-surface));color:#0c766a;text-decoration:none}
.club-button--whatsapp:hover{background:color-mix(in srgb,#128c7e 13%,var(--club-surface))}
.club-club-links nav{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.club-club-links nav a{padding:8px 11px;border:1px solid var(--club-border);border-radius:999px;color:var(--club-text);font-size:12px;font-weight:750;text-decoration:none}
html[data-club-theme="dark"] .club-button--whatsapp{color:#6de2d2}
@media(max-width:520px){.club-auth--unified .club-brand-mark--auth img{width:auto;height:72px}.club-member-code-input b{min-width:68px}}
html[data-club-theme="dark"] .club-alert,html[data-club-theme="dark"] .club-recovery{border-color:#703936;background:#321b1b;color:#ffb8b1}
html[data-club-theme="light"] .club-alert,html[data-club-theme="light"] .club-recovery{border-color:#e7b7b1;background:#fff0ee;color:#8c1616}
html[data-club-theme="dark"] .club-badge--success,html[data-club-theme="dark"] .club-earned{background:#173b2b}

.club-theme-toggle{position:relative;display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--club-border);border-radius:50%;background:var(--club-surface);color:var(--club-text);cursor:pointer}
.club-theme-toggle svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.club-theme-toggle .club-theme-toggle__moon{display:none}
.club-theme-toggle[data-theme="dark"] .club-theme-toggle__sun{display:none}
.club-theme-toggle[data-theme="dark"] .club-theme-toggle__moon{display:block}
.club-theme-toggle--auth{margin:10px auto 0}
.club-theme-toggle:focus-visible{outline:3px solid rgba(143,0,0,.3);outline-offset:2px}
.club-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){
    .club-brand{min-width:0}
    .club-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .club-theme-toggle,.club-refresh{width:34px;height:34px}
}

.club-privacy-ack{grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;color:var(--club-muted)!important;font-size:12px!important;font-weight:600!important;line-height:1.45}
.club-privacy-ack input{width:18px!important;min-height:18px!important;height:18px;margin:1px 0 0;padding:0;accent-color:var(--club-red)}
.club-privacy-ack a,.club-auth__privacy-link{color:var(--club-red);font-weight:800}
.club-auth__privacy-link{width:fit-content;margin:3px auto 0;font-size:12px;text-decoration:none}
.club-privacy{align-content:start;max-width:560px;margin-inline:auto;padding-block:clamp(28px,7vh,64px)}
.club-privacy__content{gap:18px}
.club-privacy__content section{display:grid;gap:5px}
.club-privacy__content h2,.club-privacy__content p{margin:0}
.club-privacy__content h2{font-size:16px}
.club-privacy__content p{color:var(--club-muted);font-size:13px;line-height:1.6}

/* A single, configured help entry point for every Club screen.  Keep it
   above the fixed navigation and below dialogs, using logical positioning so
   RTL layouts place it on the correct side automatically. */
.club-whatsapp-float{
    position:fixed;
    z-index:35;
    inset-inline-end:16px;
    inset-block-end:calc(84px + env(safe-area-inset-bottom, 0px));
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#128c7e;
    color:#fff;
    box-shadow:0 10px 24px rgba(18,140,126,.28),0 2px 8px rgba(0,0,0,.14);
    text-decoration:none;
    transition:transform .16s ease,box-shadow .16s ease;
}
.club-whatsapp-float svg{display:block;width:28px;height:28px;fill:currentColor}
.club-whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,140,126,.34),0 3px 10px rgba(0,0,0,.16)}
.club-whatsapp-float:focus-visible{outline:3px solid color-mix(in srgb,#128c7e 48%,var(--club-text));outline-offset:3px}
@media(max-width:520px){
    .club-whatsapp-float{inset-inline-end:14px;inset-block-end:calc(82px + env(safe-area-inset-bottom, 0px));width:52px;height:52px}
    .club-whatsapp-float svg{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.club-whatsapp-float{transition:none}.club-whatsapp-float:hover{transform:none}}

/* Club mobile hub: compact, consumer-first navigation and content. */
.club-page-header--compact{align-items:center;margin-block-end:10px}.club-page-header--compact h1{font-size:clamp(26px,7vw,34px)}
.club-home-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-3px 0 16px}.club-home-primary-actions>*{min-height:46px;border:1px solid color-mix(in srgb,var(--club-red) 22%,var(--club-border));border-radius:14px;background:var(--club-surface);color:var(--club-red);font-weight:850;text-align:center;text-decoration:none;padding:12px;cursor:pointer}
.club-home-update,.club-featured-product{display:flex;align-items:center;gap:13px;margin-block:12px;padding:14px 15px;border:1px solid var(--club-border);border-radius:16px;background:color-mix(in srgb,var(--club-surface) 92%,var(--club-cream));color:var(--club-text);text-decoration:none}.club-home-update{display:grid;gap:2px;border-inline-start:4px solid var(--club-red)}.club-home-update span,.club-featured-product span{color:var(--club-red);font-size:11px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.club-home-update small,.club-featured-product small{color:var(--club-muted)}.club-featured-product img{width:70px;height:70px;flex:none;border-radius:13px;object-fit:cover}.club-featured-product>div{display:grid;min-width:0;gap:2px}.club-featured-product>b{margin-inline-start:auto;color:var(--club-red);font-size:24px}
.club-menu-chips,.club-inbox-filters{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 10px;scrollbar-width:none}.club-menu-chips::-webkit-scrollbar,.club-inbox-filters::-webkit-scrollbar{display:none}.club-menu-chips button,.club-inbox-filters a{min-height:40px;flex:none;border:1px solid var(--club-border);border-radius:999px;background:var(--club-surface);color:var(--club-muted);padding:8px 14px;font-weight:750;text-decoration:none;cursor:pointer}.club-menu-chips button.is-active,.club-inbox-filters a[aria-current="page"]{border-color:var(--club-red);background:var(--club-red);color:#fff}.club-inbox-filters a{display:flex;align-items:center;gap:7px}.club-inbox-filters span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:10px}
.club-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.club-menu-product{overflow:hidden;border:1px solid var(--club-border);border-radius:18px;background:var(--club-surface)}.club-menu-product[hidden]{display:none}.club-menu-product>img,.club-menu-product__placeholder{display:grid;width:100%;aspect-ratio:4/3;place-items:center;object-fit:cover;background:color-mix(in srgb,var(--club-red) 8%,var(--club-cream));color:var(--club-red);font-size:38px;font-weight:900}.club-menu-product__body{display:grid;gap:4px;padding:13px}.club-menu-product__body small{color:var(--club-muted);font-size:11px}.club-menu-product h2{margin:0;font-size:17px;line-height:1.2}.club-menu-product strong{color:var(--club-red)}.club-menu-product details{margin-block-start:4px}.club-menu-product summary{color:var(--club-muted);font-size:12px;cursor:pointer}.club-menu-product details p{margin:7px 0 0;color:var(--club-muted);font-size:12px;line-height:1.5}
.club-text-button{min-height:40px;border:0;background:none;color:var(--club-red);font-weight:800;cursor:pointer}.club-inbox-list{display:grid;gap:8px}.club-inbox-row{display:flex;gap:12px;padding:13px;border:1px solid var(--club-border);border-radius:15px;background:var(--club-surface);color:var(--club-text);text-decoration:none}.club-inbox-row.is-unread{border-inline-start:4px solid var(--club-red);background:color-mix(in srgb,var(--club-red) 4%,var(--club-surface))}.club-inbox-row>i{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface));font-style:normal}.club-inbox-row>div{display:grid;min-width:0;gap:2px}.club-inbox-row span{color:var(--club-red);font-size:10px;font-weight:850;text-transform:uppercase}.club-inbox-row p{overflow:hidden;margin:0;color:var(--club-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.club-inbox-row time{color:var(--club-muted);font-size:10px}
.club-reward-section{margin-block:18px}.club-reward-section>h2,.club-redemption-history h2{margin:0 0 10px;font-size:17px}.club-redemption-history{margin-block-start:24px}
.club-profile-card-area--first{margin-block-start:16px}.club-settings-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block-start:14px;padding:16px;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface);color:var(--club-text);text-decoration:none}.club-settings-link span{display:grid;gap:2px}.club-settings-link small{color:var(--club-muted)}.club-settings-link b{color:var(--club-red);font-size:26px}
.club-settings-group{margin-block-end:14px;padding:15px;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface)}.club-settings-group>h2{margin:0 0 12px;font-size:16px}.club-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:var(--club-text);text-decoration:none}.club-settings-row+.club-settings-row{border-block-start:1px solid var(--club-border)}.club-settings-row .club-language{margin:0}.club-settings-form{display:grid;gap:12px;padding-block-start:12px;border-block-start:1px solid var(--club-border)}.club-settings-form fieldset{margin:0;padding:0;border:0}.club-settings-form legend{margin-block-end:8px;font-weight:750}.club-settings-links{display:flex;flex-wrap:wrap;gap:9px}.club-settings-links>a:not(.club-button){min-height:40px;padding:9px 12px;border:1px solid var(--club-border);border-radius:12px;text-decoration:none}.club-alerts-card--settings{margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.club-push-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:0;list-style:none}.club-push-benefits li{padding:9px;border-radius:10px;background:color-mix(in srgb,var(--club-red) 6%,var(--club-surface));color:var(--club-muted);font-size:12px}.club-push-benefits li::before{content:'✓';margin-inline-end:6px;color:var(--club-red);font-weight:900}
.club-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.club-notification-bell{text-decoration:none}
@media(max-width:430px){.club-app{padding-inline:14px}.club-menu-grid{grid-template-columns:1fr}.club-menu-product{display:grid;grid-template-columns:108px minmax(0,1fr)}.club-menu-product>img,.club-menu-product__placeholder{height:100%;min-height:126px;aspect-ratio:auto}.club-settings-row{align-items:flex-start;flex-direction:column}.club-settings-row .club-language{align-self:stretch;justify-content:flex-start}.club-push-benefits{grid-template-columns:1fr}.club-inbox-filters{margin-inline:-2px}.club-bottom-nav a{font-size:10px}.club-featured-product img{width:62px;height:62px}}
@media(min-width:600px){.club-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.club-menu-product,.club-home-update,.club-featured-product{transition:transform .14s ease,border-color .14s ease}.club-menu-product:hover,.club-home-update:hover,.club-featured-product:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--club-red) 28%,var(--club-border))}}

/* Sweetyo Club visual identity v4: editorial red features, cream fields and
   section-specific compositions instead of repeated generic white cards. */
:root{--club-cream:#fff1e4;--club-cream-strong:#f7dfca;--club-ink:#211410;--club-display:ui-rounded,"Arial Rounded MT Bold",Inter,system-ui,sans-serif;--club-space-1:6px;--club-space-2:10px;--club-space-3:16px;--club-space-4:24px;--club-space-5:34px}
body.club-screen{color:var(--club-ink);background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--club-red) 5%,transparent),transparent 26%),var(--club-cream)}
.club-app{padding-inline:18px}.club-main{padding-block:14px 30px}.club-topbar{min-height:58px;background:color-mix(in srgb,var(--club-cream) 92%,transparent)}.club-brand{font-family:var(--club-display);font-size:14px;letter-spacing:-.02em}.club-brand-mark--topbar img{height:38px}.club-page-header h1,.club-home-welcome h1,.club-page-feature h1,.club-profile-title h1,.club-home-block h2,.club-reward-section>header h2{font-family:var(--club-display)}
.club-home-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:12px 3px 16px}.club-home-welcome p,.club-profile-title p{margin:0;color:var(--club-red);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.club-home-welcome h1,.club-profile-title h1{margin:3px 0 0;font-size:clamp(27px,8vw,36px);line-height:1;letter-spacing:-.045em}.club-home-welcome>span{padding:6px 10px;border-radius:999px;background:var(--club-cream-strong);color:var(--club-red);font-size:11px;font-weight:850}
.club-home-feature{position:relative;overflow:hidden;margin-inline:-18px;padding:25px 22px 24px;border-radius:0 0 34px 34px;background:var(--club-red);color:#fff;box-shadow:0 18px 38px rgba(101,0,0,.17)}.club-home-feature__pattern{position:absolute;inset:0;background:radial-gradient(circle at 86% 19%,transparent 0 51px,rgba(255,244,234,.16) 52px 53px,transparent 54px),radial-gradient(circle at 87% 20%,rgba(255,244,234,.09) 0 8px,transparent 9px);background-size:auto,27px 27px;opacity:.8}.club-home-feature__top,.club-home-feature__balance,.club-home-feature__reward,.club-home-feature__progress{position:relative;z-index:1}.club-home-feature__top{display:flex;align-items:center;justify-content:space-between;gap:15px}.club-home-feature__top p{margin:0;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.club-home-feature__top code{opacity:.76;font:700 10px/1 ui-monospace,monospace}.club-home-feature__balance{display:flex;align-items:flex-end;gap:9px;margin-block:13px 22px}.club-home-feature__balance strong{font-family:var(--club-display);font-size:clamp(60px,18vw,78px);line-height:.83;letter-spacing:-.075em}.club-home-feature__balance span{padding-block-end:5px;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.club-home-feature__reward{display:flex;align-items:end;justify-content:space-between;gap:15px}.club-home-feature__reward div{display:grid;gap:1px}.club-home-feature__reward span{opacity:.68;font-size:10px;text-transform:uppercase}.club-home-feature__reward strong{font-size:14px}.club-home-feature__reward>b{font-size:11px;text-align:end}.club-home-feature__progress{height:7px;margin-block-start:11px;border-radius:99px;background:rgba(255,255,255,.2)}.club-home-feature__progress span{display:block;height:100%;border-radius:inherit;background:#fff4ea}
.club-home-block{margin-block-start:var(--club-space-5)}.club-home-block>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-block-end:12px}.club-home-block>header>div{display:flex;align-items:baseline;gap:9px}.club-home-block h2{margin:0;font-size:20px;letter-spacing:-.025em}.club-home-block>header>a{color:var(--club-red);font-size:12px;font-weight:850;text-decoration:none}.club-home-block>header>small{color:var(--club-muted);font-size:10px}.club-section-index{color:var(--club-red);font:850 10px/1 ui-monospace,monospace;letter-spacing:.08em}
.club-home-member__tap{display:flex;width:100%;min-height:82px;align-items:center;gap:13px;padding:14px;border:0;border-radius:18px;background:var(--club-ink);color:#fff;text-align:start;cursor:pointer}.club-home-member__icon{display:grid;width:50px;height:50px;flex:none;place-items:center;border-radius:14px;background:var(--club-cream);color:var(--club-red)}.club-home-member__icon svg{width:27px;height:27px;fill:currentColor}.club-home-member__tap>span:nth-child(2){display:grid;gap:3px}.club-home-member__tap strong{font-size:15px}.club-home-member__tap small{opacity:.65;font:700 10px/1 ui-monospace,monospace}.club-home-member__tap>b{margin-inline-start:auto;color:var(--club-cream);font-size:24px}
.club-featured-product--editorial{position:relative;min-height:148px;overflow:hidden;margin:0;padding:0;border:0;border-radius:22px;background:var(--club-cream-strong);box-shadow:none}.club-featured-product--editorial img,.club-featured-product__mark{width:46%;height:148px;flex:none;border-radius:0;object-fit:cover}.club-featured-product__mark{display:grid;place-items:center;background:var(--club-red);color:#fff;font-family:var(--club-display);font-size:48px}.club-featured-product--editorial>div{padding:18px 15px}.club-featured-product--editorial small{color:var(--club-red);font-size:10px;font-weight:850;text-transform:uppercase}.club-featured-product--editorial strong{font-family:var(--club-display);font-size:20px;line-height:1.05}.club-featured-product--editorial div>b{font-size:13px}.club-featured-product--editorial>i{position:absolute;inset:13px 13px auto auto;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--club-surface);color:var(--club-red);font-style:normal}html[dir="rtl"] .club-featured-product--editorial>i{inset:13px auto auto 13px}
.club-home-update--editorial{position:relative;display:grid;gap:3px;min-height:112px;margin:0;padding:18px 48px 18px 18px;border:0;border-inline-start:5px solid var(--club-red);border-radius:4px 20px 20px 4px;background:color-mix(in srgb,var(--club-surface) 64%,var(--club-cream-strong));box-shadow:none}.club-home-update--editorial span{font-size:10px}.club-home-update--editorial strong{font-family:var(--club-display);font-size:18px}.club-home-update--editorial>b{position:absolute;inset-inline-end:17px;inset-block-start:50%;translate:0 -50%;color:var(--club-red);font-size:25px}
.club-home-activity{display:grid;grid-template-columns:1fr 1fr;gap:10px}.club-home-activity a{display:grid;gap:3px;min-height:112px;padding:15px;border-radius:17px;background:var(--club-surface);color:var(--club-text);text-decoration:none}.club-home-activity a:first-child{background:var(--club-ink);color:#fff}.club-home-activity span{font-size:11px;font-weight:800}.club-home-activity strong{font-family:var(--club-display);font-size:30px;line-height:1}.club-home-activity small{align-self:end;color:var(--club-muted);font-size:10px}.club-home-activity a:first-child small{color:rgba(255,255,255,.62)}
.club-inside-preview--feature{position:relative;overflow:hidden;min-height:142px;margin:0;padding:20px 90px 20px 19px;border:0;border-radius:22px;background:var(--club-red);color:#fff;box-shadow:none}.club-inside-preview--feature::after{position:absolute;width:130px;height:130px;border:24px solid rgba(255,244,234,.12);border-radius:50%;content:"";inset:-24px -53px auto auto}.club-inside-preview--feature span{color:#fff;opacity:.68}.club-inside-preview--feature strong{font-family:var(--club-display);font-size:21px}.club-inside-preview--feature small{opacity:.75}.club-inside-preview--feature>b{margin-block-start:8px;font-size:11px}html[dir="rtl"] .club-inside-preview--feature{padding:20px 19px 20px 90px}html[dir="rtl"] .club-inside-preview--feature::after{inset:-24px auto auto -53px}
.club-page-feature{position:relative;overflow:hidden;margin:0 -18px 20px;padding:29px 22px 24px;border-radius:0 0 30px 30px;background:var(--club-red);color:#fff}.club-page-feature::after{position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";inset:-78px -40px auto auto}.club-page-feature p{margin:0;opacity:.68;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.club-page-feature h1{position:relative;z-index:1;margin:4px 0 7px;font-size:clamp(31px,9vw,42px);line-height:.98;letter-spacing:-.05em}.club-page-feature>span,.club-page-feature>div>span{display:block;max-width:270px;opacity:.76;font-size:12px}.club-page-feature--rewards{display:flex;align-items:end;justify-content:space-between;gap:15px}.club-page-feature__balance{display:grid;position:relative;z-index:1;justify-items:end}.club-page-feature__balance strong{font-family:var(--club-display);font-size:40px;line-height:.9}.club-page-feature__balance span{font-size:10px;font-weight:850;text-transform:uppercase}.club-page-feature--inbox{display:flex;align-items:end;justify-content:space-between}.club-page-feature--inbox .club-text-button{position:relative;z-index:1;color:#fff}
.club-menu-chips{margin-block:0 15px;padding-block:0 5px}.club-menu-chips button{border:0;background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface));color:var(--club-red)}.club-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.club-menu-product{position:relative;border:0;border-radius:20px;background:var(--club-surface);box-shadow:0 10px 28px rgba(67,32,20,.07)}.club-menu-product>img,.club-menu-product__placeholder{aspect-ratio:1/.88}.club-menu-product__placeholder{background:var(--club-cream-strong);font-family:var(--club-display)}.club-menu-product__body{position:relative;gap:5px;padding:14px}.club-menu-product__number{position:absolute;inset:auto 11px calc(100% + 10px) auto;color:#fff;font:900 10px/1 ui-monospace,monospace;text-shadow:0 1px 6px #0008}.club-menu-product h2{font-family:var(--club-display);font-size:17px}.club-menu-product__body>strong{font-size:14px}.club-menu-product details{border-block-start:1px solid var(--club-border);padding-block-start:6px}
.club-reward-section{margin-block:29px}.club-reward-section>header{display:flex;align-items:baseline;gap:9px;margin-block-end:11px}.club-reward-section>header h2{margin:0;font-size:21px}.club-reward{overflow:hidden;border:0;border-radius:20px;box-shadow:none}.club-reward-section--ready .club-reward{background:var(--club-red);color:#fff}.club-reward-section--ready .club-reward__type,.club-reward-section--ready .club-positive{color:#fff}.club-reward-section--ready .club-badge--success{background:#fff4ea;color:var(--club-red)}.club-reward-section--ready .club-reward footer{border-color:rgba(255,255,255,.2)}.club-reward-section--locked .club-reward{background:var(--club-surface);border:1px solid var(--club-border)}.club-reward-section--locked .club-progress{height:8px;background:var(--club-cream-strong)}.club-page-note--center{text-align:center}
.club-inbox-filters{margin-block:-5px 13px}.club-inbox-list{gap:0;border-block:1px solid var(--club-border)}.club-inbox-row{border:0;border-radius:0;background:transparent;padding:15px 4px}.club-inbox-row+.club-inbox-row{border-block-start:1px solid var(--club-border)}.club-inbox-row.is-unread{border-inline-start:0;background:transparent}.club-inbox-row.is-unread strong::after{display:inline-block;width:7px;height:7px;margin-inline-start:7px;border-radius:50%;background:var(--club-red);content:""}.club-inbox-row>i{border-radius:50%;background:var(--club-red);color:#fff}
.club-profile-title{margin:8px 2px 15px}.club-profile-identity{margin:0 -18px;padding:21px 22px 46px;border-radius:0 0 30px 30px;background:var(--club-red);color:#fff}.club-profile-identity .club-eyebrow{display:none}.club-profile-identity span:not(.club-profile-avatar),.club-profile-identity code{color:#fff;opacity:.76}.club-profile-avatar{background:#fff4ea;color:var(--club-red);box-shadow:none}.club-profile-card-area--first{position:relative;margin-block:-29px 25px;padding-inline:4px}.club-profile-card-area--first>h2{position:relative;color:#fff;font-size:11px;text-transform:uppercase}.club-profile-card-area--first .club-member-card{box-shadow:0 18px 38px rgba(71,19,12,.2)}.club-profile-list{border:0;border-block:1px solid var(--club-border);border-radius:0;background:transparent;box-shadow:none}.club-profile-actions{display:grid;margin-block:19px;border-block:1px solid var(--club-border)}.club-profile-actions>a{display:flex;align-items:center;gap:12px;min-height:64px;color:var(--club-text);text-decoration:none}.club-profile-actions>a+a{border-block-start:1px solid var(--club-border)}.club-profile-actions i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--club-cream-strong);color:var(--club-red);font-style:normal;font-weight:900}.club-profile-actions span{display:grid;gap:1px}.club-profile-actions small{color:var(--club-muted);font-size:10px}.club-profile-actions b{margin-inline-start:auto;color:var(--club-red);font-size:19px}.club-profile-logout button{width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--club-red) 26%,var(--club-border));border-radius:14px;background:transparent;color:var(--club-red);font-weight:850;cursor:pointer}
.club-bottom-nav{min-height:calc(72px + env(safe-area-inset-bottom));padding:7px 10px calc(8px + env(safe-area-inset-bottom));border:0;background:color-mix(in srgb,var(--club-surface) 96%,transparent);box-shadow:0 -8px 30px rgba(54,23,15,.1)}.club-bottom-nav a{gap:4px;border-radius:14px}.club-bottom-nav a[aria-current="page"]{background:var(--club-red);color:#fff}.club-bottom-nav a[aria-current="page"] .club-nav-icon{background:transparent;color:#fff}.club-bottom-nav a:active{transform:scale(.96)}
html[data-club-theme="dark"]{--club-cream:#17110f;--club-cream-strong:#30211c;--club-ink:#fff7f1}html[data-club-theme="dark"] .club-home-member__tap,html[data-club-theme="dark"] .club-home-activity a:first-child{background:#fff4ea;color:#291713}html[data-club-theme="dark"] .club-home-member__tap>b{color:var(--club-red)}html[data-club-theme="dark"] .club-profile-list{background:transparent}html[data-club-theme="dark"] .club-menu-product{background:#251a17}
@media(max-width:430px){.club-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-menu-product{display:block}.club-menu-product>img,.club-menu-product__placeholder{height:auto;min-height:0;aspect-ratio:1/.88}.club-menu-product__body{padding:12px}.club-menu-product h2{font-size:15px}.club-home-block{margin-block-start:29px}.club-profile-identity{padding-inline:20px}}
@media(min-width:600px){.club-page-feature,.club-home-feature,.club-profile-identity{margin-inline:0;border-radius:28px}.club-home-feature{padding-inline:28px}.club-profile-card-area--first{padding-inline:28px}.club-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.club-bottom-nav a,.club-menu-product,.club-home-member__tap{transition:none!important}}
.club-profile-identity>div{grid-template-columns:auto 1fr}.club-profile-phone{grid-column:1/2;margin-block-start:5px;color:#fff;opacity:.68;font-size:10px}.club-profile-points-summary{grid-column:2/3;justify-self:end;margin-block-start:5px;color:#fff;font-size:11px}

/* Club mobile refinement: stronger hierarchy, explicit contrast and compact app surfaces. */
.club-main{padding-block-end:calc(110px + env(safe-area-inset-bottom))}.club-home-feature__action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-block-start:18px;padding:11px 14px;border-radius:13px;background:#fff4ea;color:#650000;font-size:13px;font-weight:900;text-decoration:none}.club-home-feature__action span{font-size:19px}.club-home-feature__reward span,.club-home-feature__reward strong,.club-home-feature__reward>b{color:#fff}.club-home-feature__reward span{opacity:.76}.club-home-feature__top code{color:#fff;opacity:.82}
.club-reward{scroll-margin-block-start:84px;padding:0}.club-reward__image{display:block;width:100%;height:174px;object-fit:cover}.club-reward__content{display:flex;min-height:166px;flex:1;flex-direction:column;padding:17px}.club-reward__content>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.club-reward__content>p{line-height:1.55}.club-reward__checkout{margin-block-start:10px!important;padding-block-start:10px;border-block-start:1px solid rgba(255,255,255,.22);font-size:12px!important;font-weight:750}.club-reward-section--ready .club-reward p,.club-reward-section--ready .club-reward footer span,.club-reward-section--ready .club-reward__checkout{color:#fff4ea!important;opacity:.92}.club-reward-section--ready .club-positive{color:#fff4ea!important}.club-reward-section--ready .club-reward h2,.club-reward-section--ready .club-reward footer strong{color:#fff}.club-reward-section--locked .club-reward__checkout{border-color:var(--club-border)}.club-reward:target{outline:3px solid color-mix(in srgb,var(--club-red) 32%,transparent);outline-offset:3px}
.club-menu-chips{margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.club-menu-chips button{min-height:44px;scroll-snap-align:start}.club-menu-product>img,.club-menu-product__placeholder{aspect-ratio:1/1;object-fit:cover}.club-menu-product h2{display:-webkit-box;min-height:2.4em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.club-menu-product details summary{min-height:36px;padding-block:8px}.club-menu-product details p{color:var(--club-text);opacity:.78}
.club-inbox-filters{margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;overscroll-behavior-inline:contain}.club-inbox-row{position:relative;align-items:flex-start;min-height:86px;padding-block:16px}.club-inbox-row.is-unread{background:color-mix(in srgb,var(--club-red) 7%,var(--club-cream));box-shadow:inset 4px 0 0 var(--club-red)}html[dir="rtl"] .club-inbox-row.is-unread{box-shadow:inset -4px 0 0 var(--club-red)}.club-inbox-row>i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.club-inbox-row>div{gap:4px}.club-inbox-row strong{font-size:14px;line-height:1.3}.club-inbox-row p{line-height:1.4}.club-inbox-row time{margin-block-start:3px}.club-inbox-row.is-unread>i{box-shadow:0 0 0 4px color-mix(in srgb,var(--club-red) 10%,transparent)}
.club-member-actions--focused{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-block-start:10px}.club-member-actions--focused .club-button{min-width:0;padding-inline:10px}.club-profile-identity h1,.club-member-card strong{overflow-wrap:anywhere}.club-member-card code{direction:ltr;unicode-bidi:isolate}
.club-inside-post__meta span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface));color:var(--club-red);font-size:10px;font-weight:900}.club-inside-post--reward_announcement{border:0;background:var(--club-red);color:#fff}.club-inside-post--reward_announcement .club-inside-post__meta span{background:#fff4ea;color:#650000}.club-inside-post--reward_announcement .club-inside-post__meta time,.club-inside-post--reward_announcement p,.club-inside-post--reward_announcement .club-text-link,.club-inside-post--reward_announcement .club-inside-actions button,.club-inside-post--reward_announcement .club-inside-actions button span{color:#fff4ea!important;opacity:.94}.club-inside-post--reward_announcement .club-inside-actions button{border-color:rgba(255,255,255,.34)}.club-inside-post--reward_announcement .club-inside-actions button.is-active{background:rgba(255,255,255,.18)}.club-inside-post--reward_announcement .club-inside-post__cta{border-color:#fff4ea;background:#fff4ea;color:#650000}.club-inside-post--reward_announcement .club-inside-feedback{color:#fff4ea}.club-inside-post h2{overflow-wrap:anywhere}.club-inside-post p{overflow-wrap:anywhere}
html[dir="rtl"] .club-home-feature__action span{transform:scaleX(-1)}html[dir="rtl"] .club-inbox-row,html[dir="rtl"] .club-inside-post__body,html[dir="rtl"] .club-menu-product__body{text-align:start}html[dir="rtl"] .club-inbox-row>i,html[dir="rtl"] .club-inside-actions button{direction:ltr}.club-bottom-nav a{min-width:0;line-height:1.1}.club-bottom-nav a,.club-theme-toggle,.club-notification-bell,.club-home-member__tap{touch-action:manipulation}
html[data-club-theme="dark"] .club-home-feature__action{background:#fff4ea;color:#650000}html[data-club-theme="dark"] .club-menu-product details p{color:var(--club-text)}html[data-club-theme="dark"] .club-inbox-row.is-unread{background:color-mix(in srgb,var(--club-red) 22%,var(--club-surface))}html[data-club-theme="dark"] .club-reward-section--locked .club-reward{background:#251a17}html[data-club-theme="dark"] .club-inside-post:not(.club-inside-post--reward_announcement){background:#251a17}
@media(max-width:390px){.club-main{padding-block-start:10px}.club-home-welcome{padding-block-start:7px}.club-home-feature{padding-block-start:22px}.club-home-feature__balance strong{font-size:clamp(56px,18vw,70px)}.club-page-feature{padding-block-start:25px}.club-page-feature h1{font-size:clamp(29px,9vw,38px)}.club-page-feature--rewards{align-items:center}.club-page-feature__balance strong{font-size:36px}.club-menu-grid{gap:9px}.club-menu-product__body{padding:11px}.club-menu-product h2{font-size:14px}.club-menu-product__body>strong{font-size:13px}.club-member-actions--focused{grid-template-columns:1fr}.club-profile-identity>div{grid-template-columns:1fr}.club-profile-identity .club-eyebrow,.club-profile-identity h1{grid-column:auto}.club-profile-phone,.club-profile-points-summary{grid-column:auto;justify-self:start}.club-profile-identity h1{white-space:normal}.club-bottom-nav{padding-inline:5px}.club-bottom-nav a{font-size:9px}.club-nav-icon{width:25px}}
@media(max-width:350px){.club-app{padding-inline:12px}.club-page-feature,.club-home-feature,.club-profile-identity{margin-inline:-12px}.club-menu-chips,.club-inbox-filters{margin-inline:-12px;padding-inline:12px}.club-bottom-nav a{font-size:8px}.club-bottom-nav a svg{width:16px;height:16px}}

/* Keep short Inside copy crisp against Sweetyo red surfaces. */
.club-inside-preview--feature small,
.club-inside-post--reward_announcement .club-inside-post__body > p {
    color: #fff !important;
    opacity: 1;
}

/* Club app navigation, feedback entry, and explicit appearance preferences. */
.club-theme-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--club-border);border-radius:14px;background:color-mix(in srgb,var(--club-surface) 70%,var(--club-cream))}.club-theme-choice button{min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--club-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.club-theme-choice button.is-active{background:var(--club-surface);color:var(--club-red);box-shadow:0 4px 12px rgba(67,32,20,.08)}.club-settings-help{margin:9px 0 0;color:var(--club-muted);font-size:12px;line-height:1.5}
.club-status-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0}.club-status-card+.club-status-card{border-block-start:1px solid var(--club-border)}.club-status-card__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--club-red) 9%,var(--club-surface));color:var(--club-red);font-weight:900}.club-status-card>div{display:grid;gap:2px}.club-status-card small{color:var(--club-muted);font-size:11px}.club-status-card>.club-button{min-height:38px;padding:7px 10px;font-size:11px}.club-status-card>a{grid-column:2/-1;color:var(--club-red);font-size:11px;font-weight:800;text-decoration:none}
.club-status-card:focus{outline:none}.club-status-card.is-focused{border-radius:12px;box-shadow:0 0 0 3px color-mix(in srgb,var(--club-red) 20%,transparent);background:color-mix(in srgb,var(--club-red) 4%,transparent)}
.club-feedback-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border-radius:18px;background:var(--club-red);color:#fff;text-decoration:none;box-shadow:0 12px 28px rgba(101,0,0,.16)}.club-feedback-entry>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:rgba(255,255,255,.15);font-size:19px}.club-feedback-entry>span:nth-child(2){display:grid;gap:2px}.club-feedback-entry small{color:#fff;opacity:.86}.club-feedback-entry>b{font-size:24px}.club-order-feedback{width:100%;margin-block-start:14px}
.club-discover{margin-block:20px;padding:17px;border-radius:18px;background:color-mix(in srgb,var(--club-red) 6%,var(--club-surface));border:1px solid color-mix(in srgb,var(--club-red) 15%,var(--club-border))}.club-discover h2{margin:0 0 5px;font-size:17px}.club-discover p{margin:0;color:var(--club-muted)}.club-discover nav{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.club-discover a{padding:8px 11px;border-radius:999px;background:var(--club-surface);color:var(--club-red);font-size:12px;font-weight:800;text-decoration:none}
.club-install-guide{display:grid;gap:14px}.club-install-guide article,.club-install-guide>[data-club-install-guide-installed]{padding:18px;border:1px solid var(--club-border);border-radius:18px;background:var(--club-surface)}.club-install-guide h2{margin:0 0 14px;font-size:19px}.club-install-guide ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.club-install-guide li{display:flex;align-items:center;gap:12px}.club-install-guide li>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:12px;background:var(--club-red);color:#fff;font-weight:900}.club-install-guide li>div{display:grid;gap:2px}.club-install-guide li small,.club-install-guide article>p{color:var(--club-muted);font-size:12px}.club-install-guide .club-button{margin-block-start:16px}
.club-install-guide li>span{position:relative}.club-install-guide li>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.club-install-guide li>span b{position:absolute;inset-block-start:-5px;inset-inline-start:-5px;display:grid;width:17px;height:17px;place-items:center;border:2px solid var(--club-surface);border-radius:50%;background:var(--club-red-deep);font-size:9px}
html[data-club-theme="dark"] .club-theme-choice button.is-active{box-shadow:none}html[data-club-theme="dark"] .club-feedback-entry{background:#a41616}html[data-club-theme="dark"] .club-bottom-nav{background:color-mix(in srgb,var(--club-surface) 96%,transparent)}
html[data-club-theme="dark"] .club-home-welcome>span{background:rgba(255,255,255,.1);color:#fff4ea}
.club-screen--install .club-app{max-width:920px}.club-install-page-header{max-width:820px;margin-inline:auto;align-items:flex-start}.club-language--install{flex:none;margin:0}.club-language--install a{min-height:38px;display:grid;place-items:center}.club-install-guide--public{max-width:820px;margin-inline:auto;padding-block-end:40px}.club-install-switch{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}.club-install-switch button{min-height:42px;padding:9px 13px;border:1px solid var(--club-border);border-radius:999px;background:var(--club-surface);color:var(--club-muted);font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.club-install-switch button[aria-pressed="true"]{border-color:var(--club-red);background:color-mix(in srgb,var(--club-red) 9%,var(--club-surface));color:var(--club-red)}.club-install-guide--public article{padding:20px}.club-install-guide__steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.club-install-guide--public .club-install-guide__steps li{display:grid;align-content:start;gap:12px;min-width:0;padding:12px;border:1px solid var(--club-border);border-radius:14px;background:var(--club-cream)}.club-install-guide__steps li header{display:flex;align-items:flex-start;gap:9px;min-height:68px}.club-install-guide__steps li header>b{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--club-red);color:#fff;font-size:12px}.club-install-guide__steps li header>div{display:grid;align-content:start;gap:3px}.club-install-guide__steps li img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border:1px solid color-mix(in srgb,var(--club-border) 72%,transparent);border-radius:11px;background:#fff8f2}.club-install-guide__illustration-note,.club-install-guide__panel-note,.club-install-copy-status{margin:0;color:var(--club-muted);font-size:11px;line-height:1.5;text-align:center}.club-install-guide__panel-note{margin-block-start:13px}.club-install-guide__installed{display:flex;align-items:center;justify-content:space-between;gap:14px}.club-install-guide__installed .club-button{margin:0}.club-install-guide--public [data-club-native-install-copy]{margin:0 0 12px}.club-install-guide--public [data-club-native-install]{margin:0 0 16px}@media(max-width:680px){.club-install-page-header{display:grid;gap:14px}.club-language--install{width:100%}.club-install-guide__steps{grid-template-columns:1fr}.club-install-guide--public .club-install-guide__steps li{grid-template-columns:minmax(0,1fr);padding:13px}.club-install-guide__steps li header{min-height:0}.club-install-guide__steps li img{max-height:none}.club-install-guide__installed{align-items:stretch;flex-direction:column}}

/* Authenticated member feedback */
.club-feedback-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:12px}.club-icon-back,.club-icon-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--club-border);border-radius:50%;background:var(--club-surface);color:var(--club-text);font:700 22px/1 inherit;cursor:pointer;text-decoration:none}.club-feedback-member,.club-feedback-order,.club-feedback-form,.club-feedback-thanks{max-width:620px;margin-inline:auto}.club-feedback-member{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:18px 10px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface))}.club-feedback-member span,.club-feedback-order span{font-size:12px;color:var(--club-muted)}.club-feedback-order{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--club-border);border-radius:14px;background:var(--club-border)}.club-feedback-order>div{display:grid;gap:5px;padding:14px;background:var(--club-surface)}.club-feedback-form{display:grid;gap:18px;margin-block:16px 28px;padding:18px;border:1px solid var(--club-border);border-radius:18px;background:var(--club-surface);box-shadow:var(--club-shadow)}.club-feedback-form fieldset{min-width:0;margin:0;padding:0;border:0}.club-feedback-form legend{margin-block-end:12px;font-weight:800}.club-feedback-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.club-feedback-moods input{position:absolute;opacity:0;pointer-events:none}.club-feedback-moods span{display:grid;place-items:center;gap:5px;min-height:98px;padding:10px;border:1px solid var(--club-border);border-radius:14px;background:var(--club-cream);text-align:center;cursor:pointer}.club-feedback-moods b{font-size:30px}.club-feedback-moods strong{font-size:12px}.club-feedback-moods input:checked+span{border-color:var(--club-red);background:color-mix(in srgb,var(--club-red) 10%,var(--club-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--club-red) 18%,transparent)}.club-feedback-moods input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--club-red) 35%,transparent);outline-offset:2px}.club-feedback-form textarea{box-sizing:border-box;width:100%;resize:vertical}.club-feedback-limit{margin:0;color:var(--club-muted);font-size:12px;line-height:1.55}.club-feedback-thanks{display:grid;justify-items:center;gap:12px;padding:30px 20px;text-align:center}.club-feedback-thanks>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--club-red);color:#fff;font-size:25px}.club-feedback-thanks h2,.club-feedback-thanks p{margin:0}.club-feedback-thanks small{max-width:420px;color:var(--club-muted)}

/* Compact member-facing operational and contact utilities. */
.club-home-welcome__status{display:grid;justify-items:end;gap:6px}.club-home-welcome__status>span:first-child{padding:6px 10px;border-radius:999px;background:var(--club-cream-strong);color:var(--club-red);font-size:11px;font-weight:850}.club-business-status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--club-border);border-radius:999px;background:var(--club-surface);color:var(--club-muted);font-size:10px}.club-business-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.club-business-status b{font-weight:850}.club-business-status--open{color:#167048}.club-business-status--closed{color:var(--club-red)}.club-business-status--unavailable{color:var(--club-muted)}
.club-home-install{position:relative;padding-inline-end:42px}.club-home-install__close{position:absolute;inset-block-start:5px;inset-inline-end:5px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--club-muted);font-size:19px;cursor:pointer}.club-home-install__close:hover,.club-home-install__close:focus-visible{background:color-mix(in srgb,var(--club-red) 8%,var(--club-surface));color:var(--club-red)}.club-home-install__actions{display:block!important}
.club-home-contact,.club-auth-contact{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block:18px;padding:14px 16px;border:1px solid var(--club-border);border-radius:16px;background:color-mix(in srgb,var(--club-red) 3%,var(--club-surface))}.club-home-contact h2,.club-home-contact p,.club-auth-contact>strong{margin:0}.club-home-contact h2,.club-auth-contact>strong{font-size:14px}.club-home-contact p{margin-block-start:3px;color:var(--club-muted);font-size:11px}.club-home-contact nav,.club-auth-contact nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.club-contact-action{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;border:1px solid var(--club-border);border-radius:12px;background:var(--club-surface);color:var(--club-text);font-size:12px;font-weight:800;text-decoration:none}.club-contact-action span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;font-weight:900}.club-contact-action--whatsapp span{background:#128c7e;color:#fff}.club-contact-action--instagram span{background:var(--club-red);color:#fff}.club-auth-contact{max-width:430px;margin-inline:auto}.club-auth--unified .club-auth__form>.club-button--whatsapp{display:none}
.club-google-review-card{display:grid;gap:12px;width:min(100%,460px);margin-block:6px;padding:14px;border:1px solid color-mix(in srgb,var(--club-red) 18%,var(--club-border));border-radius:16px;background:color-mix(in srgb,var(--club-red) 5%,var(--club-surface));text-align:start}.club-google-review-card>div{display:grid;gap:5px}.club-google-review-card strong{font-size:14px;line-height:1.4}.club-google-review-card small{color:var(--club-muted);font-size:11px;line-height:1.5}.club-google-review-card .club-button{width:100%;text-align:center}
html[data-club-theme="dark"] .club-home-welcome__status>span:first-child{background:rgba(255,255,255,.1);color:#fff4ea}
@media(max-width:520px){.club-home-contact,.club-auth-contact{align-items:stretch;flex-direction:column}.club-home-contact nav,.club-auth-contact nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.club-contact-action{justify-content:center}.club-home-welcome{align-items:flex-start}.club-home-welcome__status{max-width:132px}.club-business-status{text-align:center}.club-home-install{grid-template-columns:34px minmax(0,1fr);padding-inline-end:38px}.club-home-install__actions{grid-column:1/-1}.club-home-install__actions .club-button{width:100%}}
.club-feedback-invite{position:fixed;z-index:1200;inset:0;display:grid;align-items:end;padding:16px;padding-block-end:calc(16px + env(safe-area-inset-bottom))}.club-feedback-invite[hidden]{display:none}.club-feedback-invite__sheet{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;width:min(100%,420px);margin-inline:auto;padding:26px 20px 18px;border:1px solid var(--club-border);border-radius:22px;background:var(--club-surface);box-shadow:0 22px 70px rgba(35,10,6,.28);text-align:center}.club-feedback-invite__sheet h2,.club-feedback-invite__sheet p{margin:0}.club-feedback-invite__sheet p{color:var(--club-muted);line-height:1.5}.club-feedback-invite__sheet>small{color:var(--club-red);font-weight:800}.club-feedback-invite__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--club-red) 12%,var(--club-surface));color:var(--club-red);font-size:22px}.club-feedback-invite__sheet .club-qr-modal__close{inset-block-start:10px;inset-inline-end:10px}
html[dir="rtl"] .club-icon-back{transform:scaleX(-1)}
@media(min-width:700px){.club-feedback-invite{align-items:center}.club-feedback-invite__sheet{padding:30px 26px 22px}}
@media(max-width:380px){.club-feedback-moods{gap:5px}.club-feedback-moods span{min-height:88px;padding:8px 4px}.club-feedback-order{grid-template-columns:1fr}}
html[dir="rtl"] .club-feedback-entry>b{transform:scaleX(-1)}html[dir="rtl"] .club-status-card,html[dir="rtl"] .club-feedback-entry{text-align:start}
@media(max-width:430px){.club-status-card{grid-template-columns:auto minmax(0,1fr)}.club-status-card>.club-button{grid-column:1/-1;width:100%}.club-status-card>a{grid-column:1/-1}.club-theme-choice button{font-size:11px}.club-discover{margin-inline:0}}
@media(max-width:430px){.club-topbar__alerts{gap:4px}.club-alert-enable{max-width:92px;padding-inline:8px;white-space:normal}.club-home-install{grid-template-columns:34px minmax(0,1fr)}.club-home-install .club-button{grid-column:1/-1;width:100%}.club-standalone-alert-invite>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
/* Sweetyo Spin home entry. The wheel itself is isolated in spin.css. */
.club-home-spin{margin:18px 0;padding:22px;border-radius:24px;background:#8f0000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 14px 36px rgba(101,0,0,.18)}.club-home-spin h2{margin:4px 0;font-size:1.35rem}.club-home-spin p{margin:0;color:#fff1ec}.club-home-spin .club-eyebrow{color:#ffd8ce}.club-home-spin .club-button{flex:none;background:#fff;color:#710000;border-color:#fff}html[data-club-theme="dark"] .club-home-spin{background:#8f0000}@media(max-width:420px){.club-home-spin{align-items:flex-start;flex-direction:column}.club-home-spin .club-button{width:100%}}
.club-feedback-reasons{margin:0 0 14px;padding:0;border:0}.club-feedback-reasons legend{margin-bottom:9px;font-weight:800}.club-feedback-reasons div{display:flex;flex-wrap:wrap;gap:8px}.club-feedback-reasons label{position:relative}.club-feedback-reasons input{position:absolute;opacity:0}.club-feedback-reasons span{display:inline-flex;min-height:42px;align-items:center;padding:8px 13px;border:1px solid var(--club-border);border-radius:999px;background:var(--club-surface);font-weight:700}.club-feedback-reasons input:checked+span{border-color:var(--club-red);background:var(--club-red);color:#fff}.club-feedback-form [hidden]{display:none!important}
/* Delivery ordering: intentionally scoped to Club customer screens. */
.club-menu-product__add{margin-top:auto;width:100%}.club-menu-product__add.is-added{transform:scale(.97);filter:brightness(1.08)}
.club-cart-dock{position:fixed;z-index:75;inset-inline:50%;transform:translateX(50%);bottom:calc(84px + env(safe-area-inset-bottom));width:min(354px,calc(100% - 28px));min-height:54px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#870c18;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(75,5,13,.24)}[dir="ltr"] .club-cart-dock{transform:translateX(-50%)}.club-cart-dock b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#fff;color:#870c18}.club-cart-dock strong{margin-inline-start:auto}
.club-order-cart,.club-delivery-checkout,.club-delivery-receipt{max-width:760px;margin:0 auto;padding:20px;border:1px solid var(--club-border,#eadfd7);border-radius:20px;background:var(--club-surface,#fff)}.club-order-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--club-border,#eadfd7)}.club-order-line>div:first-child{display:grid;gap:4px}.club-order-line small{color:var(--club-muted,#746c67)}.club-order-line__quantity{display:flex;align-items:center;gap:7px;direction:ltr}.club-order-line__quantity button,.club-order-line__quantity b{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--club-border,#eadfd7);border-radius:10px;background:transparent;color:inherit}.club-order-line__quantity button{cursor:pointer}.club-order-line__quantity button:last-child{color:#8f0013}.club-order-cart__summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:1.05rem}.club-order-cart__actions,.club-delivery-success__actions{display:flex;flex-wrap:wrap;gap:10px}.club-order-cart__actions>*{flex:1}.is-disabled{pointer-events:none;opacity:.45}
.club-delivery-unavailable{display:grid;gap:5px;max-width:760px;margin:0 auto 14px;padding:14px 16px;border-inline-start:4px solid #b36c00;border-radius:12px;background:#fff1d8;color:#4b3412}.club-delivery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.club-delivery-fields label{display:grid;gap:7px;font-weight:700}.club-delivery-fields input,.club-delivery-fields textarea{width:100%;min-height:46px;border:1px solid var(--club-border,#d9cbc1);border-radius:12px;padding:11px 12px;background:var(--club-input,#fff);color:var(--club-text,#221d1b);font:inherit}.club-delivery-fields textarea{min-height:88px;resize:vertical}.club-delivery-fields__wide{grid-column:1/-1}.club-delivery-summary{margin:14px 0 18px;padding:14px;border-radius:14px;background:var(--club-soft,#fff4ea)}.club-delivery-summary p{margin:0 0 4px;font-weight:800}.club-delivery-summary small{color:var(--club-muted,#746c67)}
.club-delivery-success{max-width:680px;margin:0 auto 18px;text-align:center}.club-delivery-success>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:#edf8ef;color:#19723a;font-size:28px}.club-delivery-success p,.club-delivery-success h1{margin:4px 0}.club-delivery-payment-status{display:flex;width:max-content;margin:.45rem auto 0;padding:.35rem .7rem;border-radius:999px;background:#e6f6ee;color:#137548;font-size:.82rem}.club-delivery-receipt h2{margin-top:0}.club-delivery-receipt>div,.club-delivery-receipt footer{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--club-border,#eadfd7)}.club-delivery-receipt footer{border:0;padding-top:17px;font-size:1.06rem}.club-delivery-saved-note{max-width:680px;margin:0 auto 16px;text-align:center;color:var(--club-muted,#746c67)}.club-delivery-success__actions{justify-content:center}
.club-delivery-success.is-link-pending>span{background:#fff1d8;color:#8a5b00}.club-delivery-success.is-link-pending small{color:#8a5b00;font-weight:750}html[data-club-theme="dark"] .club-delivery-success.is-link-pending>span{background:#382b18;color:#ffd98d}html[data-club-theme="dark"] .club-delivery-success.is-link-pending small{color:#ffd98d}
html[data-club-theme="dark"] .club-delivery-unavailable{background:#382b18;color:#ffe6b5}
@media(max-width:620px){.club-delivery-fields{grid-template-columns:1fr}.club-delivery-fields__wide{grid-column:auto}.club-order-cart,.club-delivery-checkout,.club-delivery-receipt{padding:16px;border-radius:16px}.club-order-line{align-items:flex-start}.club-order-cart__actions>*{flex-basis:100%}}
.club-delivery-fields .club-delivery-save{display:flex;grid-column:1/-1;align-items:center;gap:10px;font-weight:650}.club-delivery-save input{width:20px;min-height:20px;margin:0;accent-color:var(--club-red)}
.club-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.club-topbar--public .club-button{min-height:38px;padding:8px 11px;font-size:12px}
.club-home-order{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface)}.club-home-order p{margin:4px 0 0;color:var(--club-muted);font-size:12px}.club-home-order__status{display:flex;align-items:center;gap:7px;font-weight:800}.club-home-order__status i{width:8px;height:8px;border-radius:50%;background:#777}.club-home-order__status.is-open i{background:#239254}.club-home-order__status.is-closed i{background:#b46a16}.club-auth-menu-link{display:block;margin:-4px auto 15px;text-align:center;color:var(--club-red);font-weight:800;text-decoration:none}@media(max-width:420px){.club-home-order{align-items:stretch;flex-direction:column}.club-home-order .club-button{width:100%}}
.club-home-member--primary{margin-block-start:18px}.club-home-member--primary+.club-home-order{margin-block-start:12px}
.club-home-order--current{border-color:color-mix(in srgb,var(--club-red) 28%,var(--club-border));background:color-mix(in srgb,var(--club-red) 5%,var(--club-surface))}.club-home-order--current>div{display:grid;gap:3px}.club-home-order--current strong{font-size:17px}.club-home-order__eyebrow{color:var(--club-red);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.club-home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:14px 0}.club-home-shortcuts a{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border:1px solid var(--club-border);border-radius:13px;background:var(--club-surface);color:var(--club-text);font-size:12px;font-weight:800;text-decoration:none}.club-home-shortcuts a span{color:var(--club-red);font-size:20px}.club-home-shortcuts a:focus-visible{outline:3px solid color-mix(in srgb,var(--club-red) 30%,transparent);outline-offset:2px}
.club-app .club-delivery-checkout{padding:0;border:0;background:transparent;box-shadow:none}.club-checkout-step{margin-block-end:14px;padding:18px;border:1px solid var(--club-border);border-radius:18px;background:var(--club-surface);box-shadow:var(--club-shadow)}.club-checkout-step>header{display:flex;align-items:center;gap:10px;margin-block-end:12px}.club-checkout-step>header span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--club-red);color:#fff;font-weight:850}.club-checkout-step h2{margin:0;font-size:17px}.club-app .club-checkout-step .club-order-cart{max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.club-checkout-step .club-delivery-fields{margin:0}.club-checkout-submit{position:sticky;z-index:5;bottom:calc(78px + env(safe-area-inset-bottom));padding:10px;border:1px solid var(--club-border);border-radius:18px;background:color-mix(in srgb,var(--club-surface) 92%,transparent);box-shadow:0 12px 30px rgba(61,17,22,.14);backdrop-filter:blur(14px)}.club-checkout-submit .club-delivery-summary{margin:0 0 10px;padding:4px;background:transparent}.club-checkout-submit .club-delivery-summary small{display:block;margin-block-start:3px}
.club-checkout-step.has-error{border-color:var(--club-negative)}.club-field-error{display:block;margin-block-start:5px;color:var(--club-negative);font-size:12px;font-weight:700;line-height:1.45}.club-delivery-fields [aria-invalid="true"]{border-color:var(--club-negative);box-shadow:0 0 0 3px color-mix(in srgb,var(--club-negative) 12%,transparent)}
@media(max-width:620px){.club-checkout-step{padding:15px}.club-checkout-submit{bottom:calc(72px + env(safe-area-inset-bottom))}}

/* Sweetyo Club unified customer design system (1.15).
 * App-scoped and layered last so every existing customer screen shares the
 * same white canvas, burgundy actions and responsive rhythm. */
html[data-club-theme="light"],html:not([data-club-theme]){--club-cream:#fbfaf8;--club-cream-strong:#f5e9df;--club-surface:#fff;--club-text:#211b18;--club-muted:#716964;--club-border:#e6ddd7;--club-shadow:0 1px 2px rgba(37,22,16,.05);color-scheme:light}
body.club-screen{max-width:100%;overflow-x:clip;background:var(--club-cream);color:var(--club-text)}.club-app{width:min(100%,820px);min-width:0;overflow-x:clip;padding-inline:clamp(14px,4vw,28px);background:var(--club-cream)}.club-main{min-width:0;padding-block:18px 38px}
.club-topbar{min-height:62px;margin-inline:calc(clamp(14px,4vw,28px)*-1);padding-inline:clamp(14px,4vw,28px);border-block-end:1px solid var(--club-border);background:color-mix(in srgb,var(--club-cream) 94%,transparent)}.club-brand-mark--topbar img{height:40px;max-width:132px}
.club-page-header,.club-welcome{margin-block-end:20px}.club-page-header>div,.club-welcome>div{min-width:0}.club-page-header h1,.club-welcome h1,.club-profile-title h1{max-width:100%;overflow-wrap:anywhere;color:var(--club-text);font-size:clamp(27px,7vw,38px);line-height:1.08;letter-spacing:-.035em}.club-page-header p,.club-page-note{max-width:52ch;line-height:1.55}
.club-button{min-height:46px;border-radius:12px;box-shadow:none;touch-action:manipulation}.club-button--primary{background:var(--club-red);color:#fff}.club-button--primary:hover{background:var(--club-red-deep)}.club-button--secondary{border-color:var(--club-border);background:var(--club-surface);color:var(--club-text)}.club-button--ghost{color:var(--club-red)}
.club-button:focus-visible,.club-bottom-nav a:focus-visible,.club-topbar a:focus-visible,.club-topbar button:focus-visible,.club-card a:focus-visible,.club-card button:focus-visible{outline:3px solid color-mix(in srgb,var(--club-red) 30%,transparent);outline-offset:2px}
.club-card,.club-list,.club-auth__form,.club-order-cart,.club-delivery-checkout,.club-delivery-receipt,.club-feedback-form,.club-profile-section,.club-settings-section{border-color:var(--club-border);border-radius:16px;background:var(--club-surface);box-shadow:var(--club-shadow)}.club-list{overflow:clip}.club-section{margin-block-start:30px}.club-section>header{margin-block-end:12px}.club-section h2{font-size:18px;letter-spacing:-.02em}.club-section>header a{display:inline-flex;align-items:center;min-height:40px}
.club-order-row,.club-activity-row,.club-inbox-row,.club-profile-list a{min-height:68px}.club-order-row+.club-order-row,.club-activity-row+.club-activity-row,.club-inbox-row+.club-inbox-row,.club-profile-list a+a{border-block-start:1px solid var(--club-border)}
.club-home-feature,.club-page-feature,.club-points-card,.club-member-card,.club-home-spin{border:0;background:var(--club-red);color:#fff;box-shadow:0 14px 34px rgba(101,0,0,.16)}.club-home-feature p,.club-page-feature p,.club-points-card p,.club-member-card span,.club-home-spin p{color:#fff1ec}
.club-menu-chips,.club-inbox-filters,.club-history-tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-block:2px 8px;scrollbar-width:thin}.club-menu-chips a,.club-inbox-filters a,.club-history-tabs a{flex:0 0 auto;min-height:40px}
.club-menu-grid{gap:14px}.club-menu-product{overflow:clip;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface);box-shadow:none}.club-menu-product>img,.club-menu-product__placeholder{width:100%;object-fit:cover;background:var(--club-cream-strong)}.club-menu-product__body{min-width:0}.club-menu-product h2{overflow-wrap:anywhere}
.club-menu-search{display:grid;gap:7px;margin-block:0 14px}.club-menu-search>label{color:var(--club-muted);font-size:11px;font-weight:850}.club-menu-search>div{display:flex;align-items:center;min-height:48px;border:1px solid var(--club-border);border-radius:14px;background:var(--club-surface);transition:border-color .16s ease,box-shadow .16s ease}.club-menu-search>div:focus-within{border-color:var(--club-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--club-red) 12%,transparent)}.club-menu-search svg{flex:0 0 auto;width:20px;height:20px;margin-inline:14px 5px;fill:none;stroke:var(--club-muted);stroke-width:1.8}.club-menu-search input{min-width:0;min-height:46px;flex:1;border:0;background:transparent;color:var(--club-text);font:inherit;outline:0}.club-menu-search button{display:grid;width:40px;height:40px;place-items:center;margin-inline:4px;border:0;border-radius:11px;background:transparent;color:var(--club-muted);font-size:22px;cursor:pointer}.club-menu-search button:hover,.club-menu-search button:focus-visible{background:var(--club-cream-strong);color:var(--club-red)}
.club-menu-search button[hidden],.club-cart-dock[hidden]{display:none!important}.club-menu-grid>.club-menu-product:only-child{grid-column:1/-1;width:min(100%,280px);justify-self:center}
.club-reward-grid{gap:14px}.club-reward{min-height:0;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface);box-shadow:none}.club-profile-identity{border:0;background:var(--club-red);color:#fff}.club-profile-identity p,.club-profile-identity span,.club-profile-identity small{color:#fff1ec}.club-profile-list,.club-settings-list{overflow:clip;border:1px solid var(--club-border);border-radius:16px;background:var(--club-surface)}
.club-feedback-moods span{background:var(--club-cream)}.club-feedback-moods input:checked+span{background:color-mix(in srgb,var(--club-red) 10%,var(--club-surface));color:var(--club-text)}.club-feedback-form textarea,.club-auth__form input,.club-delivery-fields input,.club-delivery-fields textarea{border-color:var(--club-border);background:var(--club-surface);color:var(--club-text)}
.club-bottom-nav{width:min(100%,820px);min-height:calc(72px + env(safe-area-inset-bottom));border-block-start:1px solid var(--club-border);background:color-mix(in srgb,var(--club-surface) 96%,transparent);box-shadow:0 -8px 24px rgba(48,24,16,.08)}.club-bottom-nav a{min-width:0;min-height:52px}.club-bottom-nav a[aria-current="page"]{background:var(--club-red);color:#fff}.club-bottom-nav a[aria-current="page"] .club-nav-icon{background:transparent;color:#fff}.club-cart-dock{bottom:calc(82px + env(safe-area-inset-bottom))}
[dir="rtl"] .club-app{text-align:start}[dir="rtl"] .club-page-header,[dir="rtl"] .club-section>header,[dir="rtl"] .club-order-row,[dir="rtl"] .club-activity-row,[dir="rtl"] .club-menu-product__body,[dir="rtl"] .club-delivery-checkout{text-align:start}[dir="rtl"] .club-member-code,[dir="rtl"] code,[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="url"],[dir="rtl"] .club-price{direction:ltr;unicode-bidi:isolate}
html[data-club-theme="dark"] .club-menu-product,html[data-club-theme="dark"] .club-reward,html[data-club-theme="dark"] .club-list,html[data-club-theme="dark"] .club-profile-list,html[data-club-theme="dark"] .club-settings-list{background:var(--club-surface)}html[data-club-theme="dark"] .club-topbar{background:color-mix(in srgb,var(--club-cream) 94%,transparent)}html[data-club-theme="dark"] .club-bottom-nav{box-shadow:0 -8px 24px rgba(0,0,0,.24)}
html[data-club-theme="dark"] .club-menu-product__body>strong{color:#ff9ea4}html[data-club-theme="dark"] .club-menu-product__body>small{color:#e2c9c1}html[data-club-theme="dark"] .club-menu-product summary{color:#d3c2ba}
@media(min-width:700px){.club-menu-grid,.club-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.club-app{padding-inline:14px}.club-main{padding-block-start:13px}.club-page-feature,.club-home-feature,.club-profile-identity{margin-inline:-14px}.club-menu-chips,.club-inbox-filters{margin-inline:-14px;padding-inline:14px}.club-page-header,.club-welcome{gap:12px}.club-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-menu-product{display:flex;min-width:0;flex-direction:column}.club-menu-product>img,.club-menu-product__placeholder{height:auto;min-height:0;aspect-ratio:1/1}.club-menu-product__body{height:100%;padding:12px}.club-menu-product h2{font-size:15px}.club-member-actions--grid{gap:7px}.club-bottom-nav{inset-inline:0;width:100%;padding-inline:6px}.club-bottom-nav a{padding-inline:4px;font-size:10px}}
@media(max-width:350px){.club-app{padding-inline:11px}.club-page-feature,.club-home-feature,.club-profile-identity{margin-inline:-11px}.club-menu-chips,.club-inbox-filters{margin-inline:-11px;padding-inline:11px}.club-menu-grid{grid-template-columns:1fr}.club-menu-product{display:grid;grid-template-columns:96px minmax(0,1fr)}.club-bottom-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.club-screen *,body.club-screen *::before,body.club-screen *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Local social glyphs share one visual size across contact surfaces. */
.club-contact-action .club-social-icon{display:block;width:15px;height:15px}
.club-delivery-couriers{margin-top:18px;padding:18px;border:1px solid var(--club-border);border-radius:20px;background:var(--club-surface)}.club-delivery-couriers h2{margin:0 0 6px;font-size:1rem}.club-delivery-couriers p{margin:0 0 14px;color:var(--club-muted);line-height:1.55}.club-delivery-couriers .club-delivery-success__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-delivery-help{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}@media(max-width:430px){.club-delivery-couriers .club-delivery-success__actions{grid-template-columns:1fr}}