*{box-sizing:border-box}
[hidden]{display:none!important}
.suspend-page{--ink:#253129;--muted:#637066;--accent:#b64016;--soft:#fff1e8;margin:0;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background:#f6f5f2;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:32px 20px}
.suspend-card{position:relative;min-width:0;width:min(100%,680px);text-align:center;background:#fff;border:1px solid #e9e5df;border-radius:28px;padding:clamp(28px,7vw,64px);box-shadow:0 16px 60px #3445320a}
.suspend-image{width:auto;height:auto;max-width:min(100%,240px);max-height:160px;object-fit:contain;margin:0 auto 28px;display:block}
.suspend-fallback{width:88px;height:88px;color:#b64016;background:#fff1e8;border-radius:24px;display:grid;place-items:center;margin:0 auto 24px}
.suspend-fallback svg{width:42px;height:42px}
.suspend-page h1{font-size:clamp(26px,5vw,40px);line-height:1.2;margin:0 0 18px;overflow-wrap:anywhere}
.suspend-page p{margin:0;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
.suspend-brand{margin-top:40px;border-top:1px solid #eee;padding-top:24px;color:#7b847e;font-size:12px}
.suspend-brands{display:flex;justify-content:center;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.suspend-brands a{display:grid;justify-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere}
.suspend-brands img{display:block;object-fit:contain;width:130px;height:72px;max-width:100%}
.suspend-brand a{color:inherit}
.suspend-page :is(a,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.suspend-content{position:relative;min-width:0}
.suspend-shop-name{font-weight:750;font-size:17px;letter-spacing:.025em;margin-bottom:28px!important;color:var(--ink)!important}
.suspend-symbol{display:grid;place-items:center;margin:0 auto 22px;width:88px;height:88px;border-radius:28px;color:var(--accent);background:var(--soft)}
.suspend-symbol svg{width:48px;height:48px}
.suspend-page .suspend-eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.suspend-description{font-size:16px;line-height:1.75}
.suspend-theme-custom .suspend-description{font-size:inherit;line-height:inherit}
.suspend-contact{display:inline-flex;gap:13px;align-items:center;justify-content:center;margin-top:28px;color:var(--ink);font-weight:700;text-decoration:none;padding:12px 18px;border:1px solid currentColor;border-radius:14px;overflow-wrap:anywhere}
.suspend-contact svg{width:23px;height:23px;flex:none;color:var(--accent)}
.suspend-contact small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.suspend-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 21px;border-radius:12px;background:var(--accent);color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer;white-space:normal}
.suspend-button:hover{filter:brightness(.92)}
.suspend-button span{font-size:20px;line-height:1}
.suspend-countdown{margin:30px 0 0}
.suspend-page .countdown-label{font-size:13px;color:var(--ink);font-weight:650;margin-bottom:12px}
.countdown-clock{display:flex;justify-content:center;gap:10px}
.countdown-clock>div{width:72px;min-width:0;padding:13px 4px 10px;border:1px solid #00000012;border-radius:12px;background:#ffffffb3}
.countdown-clock strong{display:block;font-variant-numeric:tabular-nums;font-size:27px;font-weight:650;line-height:1.1}
.countdown-clock span{display:block;font-size:10px;letter-spacing:.035em;margin-top:5px;color:var(--muted)}
.suspend-page .countdown-date{font-size:12px;margin-top:10px}
.suspend-page .countdown-expired{color:var(--ink);font-size:14px;background:var(--soft);padding:12px;border-radius:12px}
.suspend-page .suspend-reason{padding:18px 22px;margin-top:24px;border:1px solid #cbd9ca;border-radius:14px;background:#f6f9f3;text-align:left}
.suspend-reason>span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:5px;color:var(--accent)}
.suspend-reason p{font-size:14px}
/* A warm launch invitation with a separate, quiet sign-up card. */
.suspend-theme-opening_soon{--ink:#3a2928;--muted:#77625d;--accent:#9f3d28;--soft:#fbe7da;background:radial-gradient(ellipse at 4% 8%,#fbdfc5 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#dfdfef 0,transparent 40%),#fff7ee;padding:44px 24px}
.suspend-theme-opening_soon .suspend-card{width:min(100%,1050px);background:#fffdf8;border-color:#ead8c5;border-radius:32px;padding:50px;box-shadow:0 24px 70px #5b352310}
.suspend-theme-opening_soon.has-signup .suspend-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:46px;align-items:center}
.suspend-theme-opening_soon:not(.has-signup) .suspend-content{max-width:620px;margin:auto}
.suspend-theme-opening_soon h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(34px,4.7vw,54px);line-height:1.09;letter-spacing:-.035em}
.suspend-theme-opening_soon .suspend-symbol{border-radius:50% 50% 45% 55%;transform:rotate(-6deg);width:76px;height:76px}
.suspend-theme-opening_soon .suspend-symbol svg{transform:rotate(6deg);width:42px;height:42px}
.suspend-theme-opening_soon .suspend-image{max-width:min(100%,210px);max-height:130px}
.suspend-theme-opening_soon .suspend-brand{border-top-color:#ebdfd2}
.suspend-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.suspend-confetti i{position:absolute;width:7px;height:19px;background:#c7d6b6;transform:rotate(25deg);left:25px;top:65px;border-radius:3px}
.suspend-confetti i:nth-child(2){left:39%;top:20px;transform:rotate(65deg);background:#d9c9e2;height:13px}
.suspend-confetti i:nth-child(3){left:auto;right:22px;top:27%;background:#e3a374;transform:rotate(-30deg)}
.suspend-confetti i:nth-child(4){left:24px;top:auto;bottom:25%;width:10px;height:10px;border-radius:50%;background:#ecd18d}
.suspend-confetti i:nth-child(5){left:auto;right:30%;top:18px;width:6px;height:6px;border-radius:50%;background:#cf8c7b}
.suspend-confetti i:nth-child(6){left:auto;right:25px;top:auto;bottom:50px;background:#c5d4db;height:12px;transform:rotate(50deg)}
.opening-signup{position:relative;min-width:0;text-align:left;background:#f6f0e7;border:1px solid #e8ddce;border-radius:22px;padding:30px}
.signup-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fffcf5;color:#9f3d28;border:1px solid #eaddc9;margin-bottom:16px}
.signup-symbol svg{width:23px;height:23px}
.opening-signup h2{margin:0 0 9px;color:var(--ink);font-size:22px;line-height:1.3;letter-spacing:-.025em}
.suspend-page .signup-intro{font-size:13px;line-height:1.65;margin-bottom:24px}
.opening-form{display:grid;gap:17px}
.signup-field>label:not(.signup-consent){display:block;font-size:12px;font-weight:700;margin-bottom:7px}
.signup-field input:not([type=checkbox]){width:100%;min-height:46px;border:1px solid #cebcaa;background:#fffdfa;border-radius:9px;padding:10px 12px;color:var(--ink);font-family:inherit;font-size:16px;line-height:1.4}
.signup-field input[aria-invalid=true]{border-color:#b32525}
.signup-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#604f49;cursor:pointer}
.signup-consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--accent)}
.suspend-page .signup-privacy{font-size:11px;line-height:1.65;color:#77625d}
.signup-privacy a{color:var(--accent);text-underline-offset:2px}
.opening-form .suspend-button{width:100%;margin-top:2px}
.suspend-page .signup-error{color:#a52920;font-size:12px;line-height:1.5;margin-top:6px}
.suspend-page .signup-alert{padding:12px 14px;background:#fff0ed;border:1px solid #ecc2ba;border-radius:9px;margin:0 0 18px}
.signup-success{display:flex;gap:12px;align-items:flex-start;padding:20px 16px;background:#edf5e8;border:1px solid #c4d6b8;border-radius:14px}
.signup-success>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#3d6547;color:#fff}
.suspend-page .signup-success p{font-size:14px;color:#31513a}
/* A neutral service notice, without information about the account. */
.suspend-theme-suspended{--ink:#263549;--muted:#677284;--accent:#3f5878;--soft:#eaf0f7;background:linear-gradient(135deg,#e9eef5 0 45%,#f5f7fa 45%)}
.suspend-theme-suspended .suspend-card{border-radius:18px;border-color:#dce3ec;border-top:5px solid #627e9e;box-shadow:0 20px 70px #1f365c0b}
.suspend-theme-suspended .suspend-symbol{border-radius:20px}
.suspend-theme-suspended h1{font-size:clamp(28px,4.6vw,38px);letter-spacing:-.03em}
.suspend-provider-help{background:#f3f6fa;border:1px solid #e2e8f0;padding:22px;border-radius:14px;margin-top:28px}
.suspend-provider-help p{font-size:13px;line-height:1.65}
.suspend-provider-help .suspend-button{margin-top:17px}
/* Gentle green tones distinguish a temporary pause from a closure. */
.suspend-theme-temporarily_closed{--ink:#2b4639;--muted:#657769;--accent:#41694f;--soft:#edf4df;background:radial-gradient(ellipse at 80% 5%,#f1f0d5 0,transparent 48%),#e9efe7}
.suspend-theme-temporarily_closed .suspend-card{border-radius:56px 56px 24px 24px;border-color:#cfdccb;background:#fffffa;box-shadow:0 20px 65px #31503309}
.suspend-theme-temporarily_closed .suspend-symbol{border-radius:50% 50% 16px 16px;background:#eff3d9}
.suspend-theme-temporarily_closed h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(31px,5vw,46px);letter-spacing:-.03em}
.suspend-theme-temporarily_closed .suspend-brand{border-top-color:#e2e7da}
/* A simple, printed farewell. */
.suspend-theme-permanently_closed{--ink:#51483c;--muted:#807464;--accent:#8d7251;--soft:#f2eadf;background:#eae4d9}
.suspend-theme-permanently_closed .suspend-card{border-radius:3px;background:#fffcf6;border:1px solid #cfc3ae;outline:7px solid #f7f2e9;outline-offset:6px;box-shadow:0 12px 40px #51483c09;padding-top:54px}
.suspend-theme-permanently_closed .suspend-symbol{background:none;width:72px;height:72px;margin-bottom:12px}
.suspend-theme-permanently_closed .suspend-symbol svg{width:56px;height:56px}
.suspend-theme-permanently_closed h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(32px,5vw,46px);line-height:1.15;letter-spacing:-.025em}
.suspend-theme-permanently_closed .suspend-description{max-width:420px;margin:auto}
.suspend-theme-permanently_closed .suspend-brand{border-top-color:#e6ddce}
/* Service ended refers only to online ordering, never the shop itself. */
.suspend-theme-service_ended{--ink:#36334e;--muted:#747089;--accent:#645b85;--soft:#eeeaf7;background:linear-gradient(160deg,#f4f1fa 0 60%,#e5e0ef 60%)}
.suspend-theme-service_ended .suspend-card{text-align:left;border-radius:24px;border-color:#d9d3e5;box-shadow:0 20px 60px #3f35550a}
.suspend-theme-service_ended .suspend-image{margin-left:0;max-width:min(100%,200px);max-height:130px}
.suspend-theme-service_ended .suspend-symbol{margin-left:0;width:68px;height:68px;border-radius:16px}
.suspend-theme-service_ended .suspend-symbol svg{width:38px;height:38px}
.suspend-theme-service_ended h1{font-size:clamp(29px,4.8vw,39px);letter-spacing:-.035em}
.suspend-theme-service_ended .suspend-contact{display:flex;justify-content:flex-start;background:#f7f5fb;border-color:#ded8e9;padding:17px 20px;border-radius:13px}
.suspend-theme-service_ended .suspend-brand{text-align:center;border-top-color:#e6e1ee}
@media(max-width:700px){
 .suspend-page:not(.suspend-theme-custom){padding:26px 18px}
 .suspend-page:not(.suspend-theme-custom) .suspend-card{padding:32px 24px}
 .suspend-theme-opening_soon.has-signup .suspend-layout{grid-template-columns:1fr;gap:30px}
 .suspend-theme-opening_soon .suspend-card{max-width:530px}
 .suspend-theme-opening_soon h1{font-size:40px}
 .opening-signup{padding:25px 22px}
 .suspend-page:not(.suspend-theme-custom) .suspend-image{max-height:125px;max-width:min(100%,200px)}
 .suspend-theme-permanently_closed{padding:30px 25px!important}
 .suspend-theme-permanently_closed .suspend-card{outline-width:4px;outline-offset:5px}
 .suspend-theme-service_ended .suspend-contact{margin-top:24px}
}
@media(max-width:370px){
 .suspend-page:not(.suspend-theme-custom) .suspend-card{padding:28px 18px}
 .opening-signup{padding:23px 17px}
 .suspend-theme-opening_soon h1{font-size:34px}
 .countdown-clock{gap:6px}
 .countdown-clock>div{width:62px}
 .countdown-clock strong{font-size:23px}
 .suspend-page:not(.suspend-theme-custom) .suspend-brands{gap:14px}
 .suspend-page:not(.suspend-theme-custom) .suspend-brands img{width:112px;height:62px}
}
