:root{--ink:#201813;--brown:#8b5e3c;--brown-dark:#5c3b28;--cream:#f4efe6;--paper:#fffdf8;--muted:#75685f;--line:#ded2c5;--green:#4c693d;--green-dark:#344d2d;--red:#9a332d;--shadow:0 20px 60px rgba(50,32,18,.14)}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}.passport-body{min-height:100vh;background:radial-gradient(circle at 8% 2%,rgba(154,107,70,.12),transparent 24%),linear-gradient(180deg,#211915 0 150px,var(--cream) 150px)}.passport-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:22px 0 55px}.passport-shell-v2{width:min(980px,calc(100% - 24px))}.passport-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;margin-bottom:22px}.passport-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.passport-brand img{width:76px;max-height:62px;object-fit:contain}.passport-brand strong,.passport-brand small{display:block}.passport-brand strong{font-size:17px}.passport-brand small{color:#d9c8ba;font-size:12px;margin-top:2px}.passport-topbar nav{display:flex;gap:8px}.passport-topbar .action-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 13px;font-size:12px}.passport-notice{padding:13px 15px;border-radius:14px;margin:0 auto 16px;font-weight:750;line-height:1.45}.passport-notice.success{background:#e7f3e7;color:#285c35;border:1px solid #c8dfcc}.passport-notice.error{background:#ffeded;color:#892b27;border:1px solid #edc4c1}.passport-card{background:var(--paper);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);padding:clamp(18px,4vw,38px)}.passport-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:start}.passport-panel,.access-box{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px}.access-box{background:#f1e8df}.passport-panel h2,.passport-panel h3,.access-box h3{margin-top:0}.passport-panel p,.access-box p{color:var(--muted);line-height:1.55}.passport-form{display:grid;gap:13px}.passport-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passport-form label{font-size:12px;font-weight:850;color:#58463a}.passport-form input,.passport-form textarea,.passport-form select{width:100%;border:1px solid #d6c7ba;border-radius:12px;padding:12px 13px;background:#fff;color:#251c17;margin-top:6px}.passport-form input:focus,.passport-form textarea:focus{outline:2px solid #c99b78;outline-offset:1px}.passport-form button,.passport-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,#a9754f,#744a30);color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.passport-button.secondary{background:#eee6df;color:#513d31;border:1px solid #d8c9bd}.passport-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:600!important}.passport-check input{width:auto!important;margin:3px 0 0!important}.passport-check span{font-size:12px;line-height:1.45;color:#69594e}.passport-terms{font-size:12px;color:var(--muted);line-height:1.55;background:#f4ede6;border-radius:13px;padding:14px;margin-top:18px}.passport-small{font-size:12px!important;color:var(--muted)!important}.hp-field{position:absolute!important;left:-9999px!important}.passport-footer{text-align:center;color:#78695f;font-size:12px;padding:24px 0 0}.passport-footer a{color:inherit}.passport-join-intro{text-align:center;color:#fff;padding:8px 12px 34px}.passport-join-intro span{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:900;color:#dcb993}.passport-join-intro h1{font-family:Georgia,serif;font-size:clamp(38px,8vw,66px);margin:8px 0 5px}.passport-join-intro p{margin:0;color:#dfd2c8}.passport-join-card{max-width:900px;margin:auto}

/* Customer digital Passport */
.passport-member-view{display:grid;gap:18px;justify-items:center}.digital-pass{width:min(100%,430px);min-height:650px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fffaf0,#f7f0e3);border:1px solid #ddcfbc;border-radius:30px;padding:24px 24px 27px;box-shadow:0 25px 70px rgba(64,45,24,.18);text-align:center}.digital-pass:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 118% 34%,transparent 0 17px,rgba(89,111,75,.07) 18px 19px,transparent 20px 29px);opacity:.85;pointer-events:none}.passport-pattern{position:absolute;border-radius:50%;border:1px solid rgba(105,125,88,.14);box-shadow:0 0 0 7px rgba(105,125,88,.05),0 0 0 14px rgba(105,125,88,.04)}.passport-pattern-one{width:82px;height:82px;left:-18px;top:84px}.passport-pattern-two{width:64px;height:64px;right:22px;top:120px}.digital-pass-title{position:relative;z-index:2;display:grid;gap:3px;justify-items:center;color:var(--green-dark);font-family:Georgia,serif}.digital-pass-title span{font-size:26px;font-weight:700}.digital-pass-title i{font-style:normal;letter-spacing:.3em;font-size:9px}.digital-pass-emblem{position:relative;z-index:2;width:86px;height:86px;border-radius:50%;background:var(--green);margin:12px auto -19px;display:grid;place-items:center;border:7px solid #f5efe4;box-shadow:0 4px 15px rgba(38,61,33,.24)}.digital-pass-emblem img{width:69px;max-height:61px;object-fit:contain}.digital-pass-identity{position:relative;z-index:1;background:rgba(255,253,247,.92);border:1px solid #e1d6c8;border-radius:19px;padding:30px 16px 12px;box-shadow:0 5px 18px rgba(65,49,32,.06)}.digital-pass-identity h1{font-family:Georgia,serif;font-size:32px;margin:0 0 5px;line-height:1}.digital-pass-identity span{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.18em;font-weight:900;color:#786d64}.digital-pass-identity strong{display:block;font-size:16px;letter-spacing:.08em;margin-top:3px}.digital-pass-qr{position:relative;z-index:2;margin-top:13px}.qr-holder{display:inline-grid;place-items:center;background:#fff;border:1px solid #ddd2c5;border-radius:15px;padding:9px}.qr-holder-pass{box-shadow:0 6px 18px rgba(38,32,24,.08)}.qr-holder svg{max-width:100%;height:auto}.digital-pass-qr small{display:block;color:#686058;font-size:10px;margin-top:4px}.digital-pass-progress{position:relative;z-index:2;margin-top:16px}.digital-pass-progress>strong{display:block;font-size:20px;letter-spacing:.03em}.digital-pass-progress>strong span{text-transform:uppercase;font-size:9px;letter-spacing:.13em}.digital-pass-progress>p{font-size:11px;color:#766d64;margin:8px 0 0}.passport-stamp-row{display:grid;grid-template-columns:repeat(var(--stamp-count),1fr);gap:7px;margin-top:12px}.passport-stamp{aspect-ratio:1;border-radius:50%;border:1.5px solid #cfd4c8;background:rgba(255,255,255,.65);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.passport-stamp.earned{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}.passport-bar{margin-top:12px}.stamp-bar{height:11px;border-radius:999px;background:#e8dfd5;overflow:hidden}.stamp-bar i{display:block;height:100%;background:var(--green)}.passport-reward-ready{margin:14px auto 0;background:#eef2e9;border:1px solid #cad6bf;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;text-align:left;align-items:center}.passport-reward-ready>span{grid-row:1/3;font-size:24px}.passport-reward-ready strong{font-size:12px;color:var(--green-dark)}.passport-reward-ready small{font-size:10px;color:#697061}.passport-member-details{width:min(100%,760px);display:grid;gap:10px}.passport-detail{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.passport-detail summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:14px}.passport-detail summary::-webkit-details-marker{display:none}.passport-detail summary span{display:grid;gap:2px}.passport-detail summary strong{font-size:14px}.passport-detail summary small{color:var(--muted);font-size:11px}.passport-detail summary b{font-size:20px;color:#8b6b53;transition:transform .2s}.passport-detail[open] summary b{transform:rotate(45deg)}.passport-detail-body{border-top:1px solid #eee4db;padding:16px}.passport-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.passport-settings-grid h3{margin-top:0}.passport-settings-grid p{color:var(--muted);font-size:13px;line-height:1.45}.reward-list,.history-list{display:grid;gap:9px}.reward-card{border:1px solid #e0d2c6;background:#fff8ef;border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.reward-card strong,.reward-card small{display:block}.reward-card small{color:var(--muted);font-size:11px;margin-top:3px}.reward-code{font-size:10px;background:#eadbce;color:#65452f;padding:6px 8px;border-radius:999px;font-weight:900}.history-item{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #eee5de;padding:8px 0}.history-item:last-child{border-bottom:0}.history-icon{width:34px;height:34px;border-radius:10px;background:#f0e7df;display:grid;place-items:center;color:#76513a;font-size:11px}.history-item strong,.history-item small{display:block}.history-item strong{font-size:12px}.history-item small{color:var(--muted);font-size:10px;margin-top:2px}.history-delta{font-size:12px;font-weight:900}.history-delta.positive{color:#287047}.history-delta.negative{color:var(--red)}

/* Counter / Stamper */
.staff-body{min-height:100vh;background:#f2ece6;color:#211a16;font-family:Inter,Arial,sans-serif}.staff-body.scanner-open{overflow:hidden}.staff-shell{width:min(760px,calc(100% - 22px));margin:0 auto;padding:13px 0 50px}.staff-shell-fast{max-width:720px}.staff-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#17130f;color:#fff;border-radius:20px;padding:12px 15px;margin-bottom:14px}.staff-brand{display:flex;align-items:center;gap:10px}.staff-topbar img{width:74px;max-height:58px;object-fit:contain}.staff-brand strong,.staff-brand small,.staff-session strong,.staff-session small{display:block}.staff-brand strong{font-size:16px}.staff-brand small,.staff-session small{color:#cfc4bc;font-size:10px;margin-top:2px}.staff-session{display:flex;align-items:center;gap:11px;text-align:right}.staff-session a{color:#fff;font-size:11px}.staff-kicker{display:block;text-transform:uppercase;letter-spacing:.15em;color:#8c674b;font-size:9px;font-weight:950;margin-bottom:7px}.staff-card,.staff-ready-card,.staff-customer-action{background:#fff;border:1px solid #ddd1c8;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(58,39,25,.07)}.staff-login{max-width:440px;margin:8vh auto}.staff-login h1{font-size:30px;line-height:1.05;margin:0 0 10px}.staff-login>p{color:#70645b;line-height:1.5}.staff-pin-input,.pair-code-input{text-align:center;font-size:27px!important;letter-spacing:.28em!important;font-weight:900}.pair-code-input{letter-spacing:.2em!important}.pair-steps{color:#695e55;line-height:1.55;padding-left:20px}.staff-security-note,.staff-muted{font-size:11px!important;color:#887d74!important}.staff-notice{padding:12px 14px;border-radius:13px;margin-bottom:11px}.staff-notice.success{background:#e6f2e7;color:#265c35}.staff-notice.error{background:#ffeded;color:#8c2c27}.staff-flash{display:flex;align-items:center;gap:8px;transition:opacity .25s,transform .25s}.staff-flash>strong{font-size:20px}.staff-flash.fade-out{opacity:0;transform:translateY(-5px)}.staff-ready-card{text-align:center;padding:38px 24px}.staff-ready-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e8eee3;color:var(--green);font-size:33px;font-weight:900}.staff-ready-card h1{font-size:42px;line-height:1;margin:4px 0 9px}.staff-ready-card>p{color:#70645b;margin:0 0 22px}.staff-scan-button{width:min(100%,420px);border:0;border-radius:16px;padding:19px 20px;background:var(--green);color:#fff;font-size:20px;font-weight:950;cursor:pointer;box-shadow:0 10px 22px rgba(70,99,57,.22)}.scan-glyph{font-size:24px;margin-right:7px}.staff-manual{width:min(100%,420px);margin:15px auto 0;border-top:1px solid #eee4dd;padding-top:12px;text-align:left}.staff-manual summary{cursor:pointer;color:#725b49;font-size:12px;font-weight:850;text-align:center}.staff-manual form{margin-top:12px}.staff-last-undo{margin:17px auto 0;display:grid;justify-items:center;gap:3px}.staff-last-undo button{border:0;background:none;color:#825c40;text-decoration:underline;cursor:pointer;font-size:11px;font-weight:800}.staff-last-undo small{color:#978b82;font-size:9px}.staff-customer-action{padding:17px}.staff-customer-mini{display:grid;grid-template-columns:56px 1fr 34px;gap:12px;align-items:center}.staff-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#dfe6d7;color:var(--green-dark);font-size:24px;font-weight:950}.staff-customer-copy h1{font-size:24px;line-height:1;margin:0 0 5px}.staff-customer-copy strong{display:block;color:#465f3a;font-size:14px}.staff-customer-copy small{display:block;color:#776c64;font-size:9px;margin-top:3px}.staff-close-customer{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#7f7067;background:#f1ebe6;font-size:20px}.staff-action-stack{display:grid;gap:10px;margin-top:15px}.quick-stamp-form{display:grid;gap:9px}.stamp-stepper{display:grid;grid-template-columns:50px 1fr 50px;gap:7px;align-items:stretch}.stamp-stepper>button{border:1px solid #d6c9bd;background:#f6f0eb;border-radius:12px;font-size:24px;font-weight:900;color:#624937}.stamp-stepper label{border:1px solid #d6c9bd;border-radius:12px;background:#fff;padding:5px 9px;text-align:center}.stamp-stepper label span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#8c7e73;font-weight:900}.stamp-stepper input{border:0!important;padding:2px!important;margin:0!important;text-align:center;font-size:20px;font-weight:900;appearance:textfield}.stamp-stepper input::-webkit-outer-spin-button,.stamp-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-action-button{width:100%;border-radius:13px;padding:15px 16px;display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;text-align:left}.quick-action-button>span{grid-row:1/3;font-size:21px;text-align:center}.quick-action-button strong{font-size:15px}.quick-action-button small{font-size:9px;margin-top:2px}.quick-action-button.add{border:0;background:var(--green);color:#fff;cursor:pointer}.quick-action-button.redeem{border:1.5px solid #cdb9a9;background:#fff;color:#5d4738;cursor:pointer}.quick-action-button.redeem.disabled{opacity:.6;cursor:not-allowed}.quick-action-button:disabled{opacity:.55;cursor:wait}.scanner-overlay[hidden]{display:none}.scanner-overlay{position:fixed;inset:0;z-index:9999;background:rgba(18,15,12,.94);display:grid;place-items:center;padding:14px}.scanner-stage{width:min(100%,560px);color:#fff}.scanner-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scanner-head strong{font-size:17px}.scanner-head button{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;font-size:26px}.scanner-view{position:relative;border-radius:22px;overflow:hidden;background:#000;aspect-ratio:3/4}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:18% 10%;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.22)}.scanner-stage>p{text-align:center;color:#d9d2cd;font-size:12px}

@media(max-width:760px){.passport-grid,.passport-settings-grid{grid-template-columns:1fr}.passport-shell{width:min(100% - 14px,980px);padding-top:9px}.passport-topbar{margin-bottom:10px}.passport-brand img{width:65px}.passport-brand small{display:none}.hide-mobile{display:none}.digital-pass{border-radius:24px;min-height:0;padding:20px 18px 23px}.digital-pass-title span{font-size:23px}.digital-pass-emblem{width:78px;height:78px}.digital-pass-emblem img{width:61px}.passport-stamp-row{gap:5px}.staff-topbar{border-radius:18px}.staff-brand img{width:65px}.staff-brand strong{font-size:14px}.staff-session>span{max-width:100px}.staff-ready-card h1{font-size:36px}.staff-login{margin:4vh auto}.history-item{grid-template-columns:34px 1fr}.history-delta{grid-column:2}.reward-card{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.staff-shell{width:calc(100% - 12px)}.staff-topbar{padding:10px}.staff-brand img{width:58px}.staff-session small{display:none}.digital-pass{padding-left:14px;padding-right:14px}.passport-stamp-row{gap:4px}}

/* Configurable Passport stamp artwork */
.passport-stamp{overflow:hidden;position:relative;container-type:inline-size}
.passport-stamp-mark{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;pointer-events:none;user-select:none;-webkit-user-select:none}
/* Symbols/emoji should visually occupy the earned circle rather than sit as a tiny icon in the middle. */
.passport-stamp-mark-symbol{font-size:82cqi;line-height:1;transform:translateY(-.015em);white-space:nowrap}
/* Uploaded artwork is deliberately enlarged to compensate for the safe margin added during server-side image processing.
   The parent circle clips it cleanly, so the artwork fills the stamp without changing the circle size. */
.passport-stamp-mark-image{inset:-9%;width:118%;height:118%;max-width:none;max-height:none;padding:0;box-sizing:border-box;object-fit:cover}
@supports not (font-size:1cqi){.passport-stamp-mark-symbol{font-size:clamp(25px,8vw,40px)}}
.history-delta.benefit{background:#f4ead0;color:#72551c;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.history-delta.reversed{background:#eee9e4;color:#6e625a;text-transform:uppercase;font-size:8px;letter-spacing:.05em}
.history-icon.benefit{background:#f5ead0;color:#75571c}
.history-icon.benefit_reversed{background:#eee9e4;color:#6e625a}


/* v8.0.9.3 — custom checkbox language for Passport/Staff surfaces. */
.staff-body input[type="checkbox"]:not(.staff-checkout-master input):not(.staff-checkout-select input):not(.staff-club-benefit-option input):not(.staff-club-confirm-toggle input),
.passport-body input[type="checkbox"],body:has(.passport-shell) input[type="checkbox"]{
  -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  padding:0!important;margin:2px 0 0!important;flex:0 0 22px!important;border:2px solid #8d7768!important;border-radius:6px!important;background:#fff center/15px 15px no-repeat!important;cursor:pointer!important;box-shadow:0 1px 3px rgba(45,31,23,.10)!important;
}
.staff-body input[type="checkbox"]:checked:not(.staff-checkout-master input):not(.staff-checkout-select input):not(.staff-club-benefit-option input):not(.staff-club-confirm-toggle input),
.passport-body input[type="checkbox"]:checked,body:has(.passport-shell) input[type="checkbox"]:checked{
  border-color:#3f6a42!important;background-color:#3f6a42!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round' d='M3.8 10.4 8 14.2 16.4 5.6'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3px rgba(63,106,66,.14)!important;
}
.staff-body input[type="checkbox"]:focus-visible,.passport-body input[type="checkbox"]:focus-visible,body:has(.passport-shell) input[type="checkbox"]:focus-visible{outline:3px solid rgba(96,78,62,.25)!important;outline-offset:3px!important}
.staff-body input[type="checkbox"]:disabled,.passport-body input[type="checkbox"]:disabled,body:has(.passport-shell) input[type="checkbox"]:disabled{border-color:#bbb!important;background-color:#e6e6e6!important;cursor:not-allowed!important;opacity:1!important;box-shadow:none!important}