.wish-panel { border-top: 5px solid var(--gold); }
.wish-panel h2 { margin-bottom: 4px; }
.wish-list { display: grid; gap: 12px; margin-top: 18px; }
.wish-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfb; }
.wish-card h3, .wish-card p { margin: 0 0 6px; }
.wish-card.handled { opacity: .58; }
.wish-card.handled h3 { text-decoration: line-through; }
.image-picker { border: 2px dashed #a8b9ae; border-radius: 12px; padding: 14px; text-align: center; background: #f7faf7; }
.image-picker:focus-within, .image-picker:focus { border-color: #ce9f39; outline: none; }
.image-picker input[type=file] { margin-top: 12px; }
.image-picker img, .image-picker .photo-empty { width: 100%; max-height: 260px; object-fit: contain; border-radius: 8px; background: #e9eee9; }
.image-picker .photo-empty { min-height: 150px; aspect-ratio: auto; }
.image-picker .help { margin: 10px 0 0; }
@media (max-width: 650px) { .wish-card { align-items: flex-start; flex-direction: column; } .wish-card button { width: 100%; } }


/* Readable long-form rules and one-order consent dialog. */
.full-rules{max-width:850px}.full-rules article{font-size:1rem;line-height:1.9;padding:clamp(24px,5vw,48px)}.full-rules h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.45;letter-spacing:0;text-wrap:balance}.full-rules h2{margin:28px 0 14px;line-height:1.5}.full-rules h3{margin:24px 0 10px}.full-rules p{line-height:1.9;margin:14px 0}.full-rules hr{border:0;border-top:1px solid var(--line);margin:30px 0}.full-rules ul{padding-left:1.5em}.full-rules li+li{margin-top:8px}.full-rules a,.full-rules-link{color:var(--green);text-underline-offset:4px}header nav{flex-wrap:wrap}
.checkout-dialog-open{overflow:hidden}
dialog.checkout-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:600px;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--green);box-shadow:0 24px 80px #08221940;overflow:auto;overscroll-behavior:contain}
.checkout-dialog::backdrop{background:#082219a6;backdrop-filter:blur(3px)}
.checkout-dialog-heading{margin:0;padding:26px 28px 20px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}
.dialog-kicker{font-size:.875rem;font-weight:650;letter-spacing:.08em;color:#59766b;margin:0 0 6px;line-height:1.5}
.checkout-dialog h2{font-size:1.5rem;line-height:1.4;letter-spacing:0;margin:0;text-wrap:balance}
.dialog-close{flex:0 0 44px;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;background:#f5f7f5}
.checkout-dialog-body{padding:20px 28px 24px}.checkout-dialog-body>p{margin:0 0 18px;color:#59766b;font-size:1rem;line-height:1.7}
.checkout-rule-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.checkout-rule-list li{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #e8eee9}.checkout-rule-list li:first-child{padding-top:0}.checkout-rule-list li:last-child{border-bottom:0}.rule-number{font-size:.875rem;font-weight:700;color:#59766b;background:#edf3ee;border-radius:8px;min-width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.checkout-rule-list h3{margin:0 0 5px;font-size:1rem;line-height:1.5}.checkout-rule-list p{margin:0;font-size:1rem;line-height:1.8;color:#405b50;overflow-wrap:anywhere}
.consent-row{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f0f5f1;border:1px solid var(--line);border-radius:12px;margin-top:16px}.consent-row input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:3px 0 0;padding:0;accent-color:var(--green)}.consent-row label{font-size:1rem;margin:0;line-height:1.7;font-weight:600;cursor:pointer}.consent-row label span{display:block;font-size:.875rem;font-weight:500;line-height:1.8;margin-top:3px;overflow-wrap:anywhere}.full-rules-link{display:inline-block;font-size:.875rem;line-height:1.6;padding:10px 0 0;margin-left:0}
.checkout-dialog-actions{position:sticky;bottom:0;background:#fff;display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--line)}.checkout-dialog-actions button{min-height:48px}.checkout-dialog-actions .primary{flex:1}.checkout-dialog-actions button:disabled{opacity:1;background:#e3eae5;color:#61756a;border-color:#d7e0da}
@media(max-width:650px){.checkout-dialog-heading{padding:20px;flex-direction:row}.checkout-dialog-body{padding:18px 20px 20px}.checkout-dialog h2{font-size:1.375rem}.checkout-dialog-actions{padding:14px 20px}.checkout-rule-list li{gap:12px;padding:13px 0}.consent-row{padding:14px}}
@media(max-width:360px){.checkout-dialog-actions{flex-direction:column-reverse}.checkout-dialog-actions button{width:100%}}

.checkout-rules{margin:24px 0 4px;padding-top:22px;border-top:1px solid var(--line)}.checkout-rules>h3{font-size:1.125rem;line-height:1.5;margin:0 0 20px}.checkout-rules .checkout-rule-list li{gap:10px}.checkout-rules .rule-number{min-width:28px;height:28px;font-size:.75rem}.checkout-rules .checkout-rule-list p{font-size:.9375rem;line-height:1.85}.checkout-rules .consent-row{padding:12px;gap:10px}.checkout-rules .consent-row label{font-size:.9375rem}.checkout-rules .consent-row label span{font-size:.875rem;line-height:1.8}

.brand-mascot{display:block;flex:0 0 56px;width:56px;height:56px;object-fit:contain}
@media(max-width:650px){.brand-mascot{flex-basis:52px;width:52px;height:52px}}

.shop-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;margin:0 0 24px;background:#f5f2e8}.shop-hero-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.shop-hero-copy{position:absolute;z-index:1;left:clamp(22px,5vw,64px);top:50%;transform:translateY(-50%);width:min(44%,510px);color:#171714}.shop-hero-copy .eyebrow{font-size:.8125rem;letter-spacing:.12em;color:#49483d;margin:0 0 12px}.shop-hero-copy h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-.035em;margin:0 0 12px;text-wrap:balance}.shop-hero-copy>p:last-child{font-size:clamp(16px,1.6vw,19px);line-height:1.75;margin:0;color:#333229}@media(max-width:650px){.shop-hero{border-radius:16px;margin-bottom:20px}.shop-hero-art{aspect-ratio:3/1}.shop-hero-copy{position:static;transform:none;width:auto;padding:10px 18px 22px}.shop-hero-copy .eyebrow{font-size:.75rem;margin-bottom:6px}.shop-hero-copy h1{font-size:clamp(28px,8vw,36px);line-height:1.35;margin-bottom:6px}.shop-hero-copy>p:last-child{font-size:16px}}

/* Site-wide palette matched to the ink, bone and yellow banner. */
:root{--green:#171714;--gold:#f4c928;--line:#d8d0b5;--paper:#f5f1e5;--surface:#fffdf7;--muted:#625d4d;color:#201f1a;background:var(--paper)}
body{color:#201f1a;background:var(--paper)}
header,footer{border-color:#d8d0b5;color:#201f1a}
nav a{color:#343127}nav a:hover,nav a.active{color:#11110f;border-bottom-color:#f4c928}
.eyebrow{color:#625d4d}
.rules{background:#171714;color:#fffdf7;border:1px solid #171714}.rules strong{color:#f4c928}
.panel,.product,.metric,.cart,.checkout-dialog{background:#fffdf7;border-color:#d8d0b5;color:#201f1a}
.product p,.help,.muted,.status-text,small{color:#625d4d}
button{background:#fffdf7;border-color:#cfc5a5;color:#201f1a}button:hover{background:#f4e8b4}button.primary,.tabs button.selected{background:#171714;border-color:#171714;color:#f4c928}button.primary:hover,.tabs button.selected:hover{background:#343127;color:#ffdf58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#e4b800}
button.danger{color:#171714;border-color:#b9a96d}
input,select,textarea{background:#fffef9;border-color:#cfc5a5;color:#201f1a}input[type=checkbox]{accent-color:#e4b800}
.total,.receipt-item,.cart h2,th,td{border-color:#ded6be}th{background:#f1e7bf}
.badge{background:#f4df79;color:#201f1a}.order-code{background:#f4edcf;color:#171714}
.alert{background:#fff2bd;border-color:#d4af35;color:#292518}.alert.error{background:#24231f;border-color:#171714;color:#fff4cc}
.error{background:#24231f;color:#fff4cc;border-color:#171714}
#notice:not(:empty){background:#171714;color:#f4c928}
.stock-countdown{background:#f4df79;color:#201f1a}.stock-countdown.sold-out{background:#24231f;color:#fff4cc}
.success{border-top-color:#f4c928}
.quick-pickup,.wish-panel{border-top-color:#f4c928}
.image-upload,.image-picker{border-color:#bfae70;background:#faf5e4}.image-picker:focus-within,.image-picker:focus{border-color:#d6ae19}.image-preview,.image-picker img,.image-picker .photo-empty,.photo-empty{background:#eee7d4;color:#625d4d}
.file-button{background:#171714;border-color:#171714;color:#f4c928}
.full-rules a,.full-rules-link{color:#171714;text-decoration-color:#d5a900}
.checkout-rule-list li{border-color:#e6deca}.rule-number{background:#f4df79;color:#201f1a}.checkout-rule-list p{color:#484437}.consent-row{background:#f6f0dd;border-color:#d8d0b5}.consent-row input[type=checkbox]{accent-color:#d5a900}
.checkout-dialog-heading,.checkout-dialog-actions{border-color:#ded6be}.dialog-kicker{color:#625d4d}.dialog-close{background:#f4edcf;color:#171714}
dialog::backdrop,.checkout-dialog::backdrop{background:#171714b8}
.metric,.table-wrap{color:#201f1a}
.shop-hero{background:#f4f0e4}

/* Keep the brand identity in the hero banner and give navigation the full header. */
header{justify-content:flex-end;min-height:64px;padding-top:12px;padding-bottom:12px}
header nav{margin-left:auto}
@media(max-width:650px){header{align-items:center;flex-direction:row;gap:0;padding:14px 18px}header nav{justify-content:flex-end;gap:10px}}
@media(max-width:430px){header nav{justify-content:space-between;gap:7px}header nav a{font-size:13px}}

.shop-hero-copy h1{font-size:clamp(28px,3.8vw,46px);margin:0 0 16px;line-height:1.3}.shop-hero-copy .hero-subtitle{font-size:clamp(20px,2.3vw,28px);font-weight:650;line-height:1.5;margin:0 0 12px;color:#171714}@media(max-width:650px){.shop-hero-copy h1{font-size:clamp(26px,7vw,36px)}.shop-hero-copy .hero-subtitle{font-size:22px}}

/* Heavy, energetic display lettering for the brand headline. */
.shop-hero-copy h1{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-weight:1000;font-synthesis:weight;letter-spacing:-.045em;line-height:1.35;transform:skew(-7deg);transform-origin:left center;-webkit-text-stroke:.65px currentColor;text-shadow:3px 4px 0 #f4c928;margin-bottom:20px}
@media(max-width:650px){.shop-hero-copy h1{text-shadow:2px 3px 0 #f4c928;-webkit-text-stroke:.4px currentColor}}

/* Mobile copy stays inside the artwork, with a continuous paper fade. */
@media(max-width:650px){
 .shop-hero{height:460px;isolation:isolate;background:#f5f1e5}
 .shop-hero-art{position:absolute;inset:0;width:100%;height:340px;aspect-ratio:auto;object-fit:cover;object-position:right center}
 .shop-hero::after{content:"";position:absolute;z-index:0;inset:140px 0 0;background:linear-gradient(to bottom,transparent 0%,#f5f1e5 60%)}
 .shop-hero-copy{position:absolute;z-index:1;left:22px;right:22px;top:auto;bottom:24px;width:auto;transform:none;padding:0}
 .shop-hero-copy h1{font-size:clamp(25px,7.4vw,42px);margin:0 0 14px;line-height:1.35}
 .shop-hero-copy .hero-subtitle{font-size:22px;margin:0 0 10px}
 .shop-hero-copy>p:last-child{font-size:15px;line-height:1.7;max-width:22em}
}

/* Burn lettering and yellow ink accents unify the brand with the monster artwork. */
@font-face{font-family:BrandBurn;src:url("brand-burn.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
.shop-hero-copy h1{font-family:BrandBurn,sans-serif;font-weight:900;font-synthesis:none;font-size:clamp(30px,4vw,50px);letter-spacing:0;line-height:1.3;transform:rotate(-2deg);-webkit-text-stroke:0;text-shadow:2px 3px 0 #ffd400;position:relative;isolation:isolate;margin-bottom:22px}
.shop-hero-copy h1::before{content:"";position:absolute;z-index:-1;left:-8px;right:0;bottom:-5px;height:15px;background:#ffd400;clip-path:polygon(0 45%,8% 20%,6% 45%,94% 0,88% 30%,100% 20%,95% 80%,9% 100%,12% 72%,0 95%);transform:rotate(-1deg)}
.shop-hero-copy .hero-subtitle{display:table;background:#171714;color:#ffe04b;padding:4px 13px 6px;transform:rotate(-1deg);font-size:clamp(19px,2vw,25px);letter-spacing:.04em;margin-bottom:16px}
.shop-hero-copy>p:last-child{font-weight:550}
@media(max-width:650px){.shop-hero-copy h1{font-size:clamp(27px,8vw,43px);text-shadow:2px 2px 0 #ffd400;margin-bottom:20px}.shop-hero-copy .hero-subtitle{font-size:20px}.shop-hero-copy{bottom:24px}.shop-hero-copy h1::before{height:12px}}

.shop-hero.selected-banner{height:auto;min-height:0}.selected-banner .shop-hero-art{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.shop-hero.selected-banner::after{display:none}

.lookup-actions{display:flex;gap:10px;margin-top:20px}.lookup-actions button{flex:1}.member-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.member-order{padding:16px 0;border-top:1px solid var(--line)}.member-order p{margin:10px 0;line-height:1.7}.member-order small{display:block}@media(max-width:650px){.lookup-actions,.member-totals{display:flex;flex-direction:column}.lookup-actions button{width:100%}}

.site-clock{display:flex;justify-content:center;align-items:center;min-height:36px;padding:7px 14px;background:#111;color:#fff;text-align:center;font-size:13px;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.site-clock time{color:#fff}
@media(max-width:640px){.site-clock{min-height:32px;padding:6px 10px;font-size:12px}}

/* 團購商品佔滿版面；購物車與結帳資料點開後才顯示。 */
.cart-collapsed-layout{grid-template-columns:minmax(0,1fr)}
.cart-toggle{position:fixed;right:20px;top:42%;z-index:39;display:flex;align-items:center;gap:6px;min-width:72px;height:56px;padding:10px 12px;border:1px solid #171714;border-radius:30px;background:#171714;color:#fff;box-shadow:0 6px 22px #0003}
.cart-toggle:hover{background:#38342a;color:#fff}
.cart-toggle svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;background:#f4df79;color:#171714;font-size:11px;font-weight:800}
.cart-chevron{font-size:18px;line-height:1}
.cart-backdrop{position:fixed;inset:0;z-index:40;background:#0006}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;z-index:41;width:min(400px,100vw);margin:0;padding:24px;overflow-y:auto;border-radius:0;box-shadow:-12px 0 30px #0002}
.cart-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ded6be}
.cart-drawer-heading h2{margin:0;padding:0 0 14px;border:0}
.cart-drawer-heading button{width:40px;min-height:40px;padding:0;font-size:26px;line-height:1}
.cart-drawer .full{margin-top:22px}
.cart-backdrop[hidden],.cart-drawer[hidden]{display:none!important}
#checkout-summary{padding-bottom:12px;border-bottom:1px solid #ded6be}
@media(max-width:640px){.cart-toggle{right:12px;top:auto;bottom:16px;height:52px;min-width:66px}.cart-drawer{width:min(360px,100vw);padding:20px}}

.cart-hint{position:absolute;right:0;bottom:calc(100% + 6px);padding:5px 9px;border:1px solid #171714;border-radius:999px;background:#fff;color:#171714;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2;box-shadow:0 3px 10px #0002}