/* Carry the established navy and warm gold palette through the three content pages. */
body:not([data-page="index"]){--page-text:#e4d9c2;--page-muted:#bcc6c6;--page-line:#d9c4a038;background:var(--navy)}
body:not([data-page="index"]) main{color:var(--page-text);background:radial-gradient(ellipse at 10% 35%,#1b3a4580 0,transparent 55%),var(--navy)}
body:not([data-page="index"]) main>.section{background:transparent;border-color:var(--page-line)}
body:not([data-page="index"]) main .section-heading h1,
body:not([data-page="index"]) main h3,
body:not([data-page="index"]) main .mix-label{color:#eadbbd}
body:not([data-page="index"]) main .eyebrow{color:#bca980}
body:not([data-page="index"]) main .section-heading>p,
body:not([data-page="index"]) main .product-description,
body:not([data-page="index"]) main .tea-types p,
body:not([data-page="index"]) main .tea-guide-note p,
body:not([data-page="index"]) main .delivery-grid p,
body:not([data-page="index"]) main .faq p,
body:not([data-page="index"]) main .mix-bar p{color:var(--page-muted)}
/* Product cards, filters and selection summary. */
body[data-page="shop"] .collection>.section-heading::before{background:var(--gold)}
body[data-page="shop"] .collection .section-heading .eyebrow{color:#bca980}
body[data-page="shop"] .category-tabs{border-color:var(--page-line)}
body[data-page="shop"] .category-tabs button{color:#d4d8ce}
body[data-page="shop"] .category-tabs button.active{background:var(--gold);color:var(--navy)}
body[data-page="shop"] .category-tabs button:hover{border-color:#d9c4a077}
body[data-page="shop"] .product-card{background:#102a36;border-color:var(--page-line);box-shadow:0 8px 24px #04101718}
body[data-page="shop"] .product-card:hover,
body[data-page="shop"] .product-card:focus-within{border-color:#d9c4a080;box-shadow:0 16px 32px #04101730}
body[data-page="shop"] .product-top{border-color:var(--page-line)}
body[data-page="shop"] .product-series{color:#ceb890}
body[data-page="shop"] .product-index{color:#b5a98e}
body[data-page="shop"] main .product-notes span{background:#d9c4a008;border-color:#d9c4a045;color:#dfd0b5}
body[data-page="shop"] .product-price{color:#f0dfbd}
body[data-page="shop"] .product-price small{color:#b9c4c4}
body[data-page="shop"] .add-button{background:var(--gold);color:var(--navy)}
body[data-page="shop"] .add-button:hover{background:#ebd9b9}
body[data-page="shop"] .detail-link{color:#d9c4a0}
body[data-page="shop"] .mix-bar{background:#102a36;border-color:var(--page-line);box-shadow:8px 8px 0 #04101728}
body[data-page="shop"] main .outline{border-color:#d9c4a080;color:#e4d9c2}
body[data-page="shop"] main .outline:hover{background:var(--gold);color:var(--navy)}
/* Tea knowledge panels. */
body[data-page="tea"] .tea-types{background:#102a3655;border-color:var(--page-line)}
body[data-page="tea"] .tea-types article{border-color:var(--page-line)}
body[data-page="tea"] .tea-type-index{color:#ceb890}
body[data-page="tea"] .tea-guide-note{background:#102a36;border-left-color:var(--gold)}
/* Delivery and expandable questions. */
body[data-page="purchase"] .delivery-grid article{border-color:#d9c4a066}
body[data-page="purchase"] .delivery-grid article:hover{border-color:var(--gold)}
body[data-page="purchase"] .step{color:#ceb890}
body[data-page="purchase"] .faq,
body[data-page="purchase"] .faq details{border-color:var(--page-line)}
body[data-page="purchase"] .faq summary{color:#e4d9c2}
body[data-page="purchase"] .faq details[open]{background:#102a363d}

/* New tea announcement follows the storefront's navy and warm gold palette. */
dialog.new-tea-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 36px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d9c4a066;border-radius:0;background:#0b222d;color:#e8d8bb;box-shadow:0 24px 90px #0006;overflow:auto}
.new-tea-dialog::backdrop{background:#02121acf;backdrop-filter:blur(4px)}
.new-tea-close{position:absolute;z-index:1;top:12px;right:12px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#d9c4a0;font-size:28px;cursor:pointer;transition:opacity .2s}
.new-tea-close:hover{opacity:.65}
.new-tea-close:focus-visible,.new-tea-content a:focus-visible{outline:2px solid #e8d8bb;outline-offset:3px}
.new-tea-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}
.new-tea-visual{margin:0;padding:42px 0 42px 20px}
.new-tea-visual img{display:block;width:100%;height:400px;object-fit:contain;filter:drop-shadow(0 18px 24px #0004)}
.new-tea-content{text-align:center;padding:58px 28px 42px}
.new-tea-label{margin:0 0 26px;color:#ceb890;font-size:14px;letter-spacing:.16em}
.new-tea-content h2{margin:0;font-size:clamp(30px,7vw,42px);font-weight:400;letter-spacing:.07em;line-height:1.5;color:#f0dfbd}
.new-tea-flavours{margin:23px 0 0;font-size:14px;line-height:1.9;letter-spacing:.025em;color:#d8c3a0}
.new-tea-description{margin:24px 0 0;font-size:16px;line-height:2;color:#c6cec8}
.new-tea-price{margin:27px 0 24px;font-size:22px;color:#f0dfbd}
.new-tea-price span{margin-left:8px;font-size:14px;color:#b9c4c4}
.new-tea-content .button{min-width:180px}
.product-story p{white-space:pre-line}
.product-stock{display:inline-block;margin:0 0 14px;padding:3px 10px;border:1px solid #d9c4a066;color:#eadbbd;font-size:14px;line-height:1.6;letter-spacing:.05em}
.product-card .add-button:disabled{width:auto;min-width:66px;padding:0 10px;border-radius:0;background:#d9c4a01a;color:#d9c4a0;opacity:1;cursor:not-allowed;font-size:14px}
.new-tea-content .product-stock{margin:16px 0 0}
.payment-choice[hidden],.linepay-checkout-result[hidden]{display:none!important}
.linepay-checkout-result{margin:20px 0;padding:18px;border:1px solid #d9c4a066}
@media(max-width:600px){dialog.new-tea-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.new-tea-layout{grid-template-columns:1fr}.new-tea-visual{padding:24px 20px 0}.new-tea-visual img{height:130px;max-width:160px;margin:0 auto;object-fit:contain}.new-tea-content{padding:14px 22px 24px}.new-tea-label{margin-bottom:12px}.new-tea-content h2{font-size:28px;line-height:1.4}.new-tea-flavours{margin-top:14px}.new-tea-description{margin-top:14px;line-height:1.9}.new-tea-price{margin:16px 0}.new-tea-content .button{min-height:44px}}
@media(max-width:380px){.new-tea-content{padding:12px 18px 22px}.new-tea-visual img{height:115px}.new-tea-flavours{max-width:230px;margin:14px auto 0}}
@media(prefers-reduced-motion:no-preference){.new-tea-dialog[open]{animation:new-tea-enter .35s ease-out}@keyframes new-tea-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}