.shop-theme-switch{display:flex;justify-content:flex-end;gap:4px;margin-bottom:22px}
.shop-theme-switch button{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:transparent;color:#675074;font:600 13px Barlow,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.shop-theme-switch button:hover{transform:translateY(-2px)}.shop-theme-switch button[aria-pressed=true]{background:#342241;color:white;border-color:#9870b5}.shop-theme-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-shop-theme=night] .shop-page{--paper:#191323;--ink:#f5effb;--muted:#c3b3d0}
html[data-shop-theme=night] .shop-surface{background-color:#130f1d;background-image:linear-gradient(#130f1de6,#130f1de6),url('assets/district-map.svg');color:#f4edfa}
html[data-shop-theme=night] .shop-page :is(.product-card,.vip-grid .product-card,.shop-sidebar,.comparison,.shop-faq details){background:#211a2c;border-color:#493653;color:#f4edfa}
html[data-shop-theme=night] .shop-page :is(#category-description,.product-body p,.vip-grid .product-body p,.shop-support p,.shop-faq p,.draft-note,.comparison .draft-note,.shop-note,.vip-list){color:#c8bad4}
html[data-shop-theme=night] .shop-page :is(.product-label,.vip-grid .product-label,.shop-heading .eyebrow,.shop-sidebar>.eyebrow){color:#c69ae5}
html[data-shop-theme=night] .shop-page :is(.price-pending,.vip-grid .price-pending){color:#c8b5d7}
html[data-shop-theme=night] .shop-page .product-body h3{color:#f6effb}html[data-shop-theme=night] .shop-page .vip-card-1 h3{color:#edc375}html[data-shop-theme=night] .shop-page .vip-card-2 h3{color:#d3a2f4}
html[data-shop-theme=night] .shop-page .product-stats span{background:#372641;color:#e1c7f3}
html[data-shop-theme=night] .shop-page :is(.category-button,.saved-button,.shop-theme-switch button){color:#d6c5e2}
html[data-shop-theme=night] .category-button:hover{background:#35263f}html[data-shop-theme=night] .category-button[aria-pressed=true]{background:#684385;color:#fff}
html[data-shop-theme=night] .shop-support{background:linear-gradient(135deg,#382646,#291e34)}
html[data-shop-theme=night] .shop-support a{color:#d4a3f5}
html[data-shop-theme=night] .shop-page :is(.product-open,.import-filters button,.preview-chip,.saved-button b,.benefit-value.included){background:#382646;color:#e6cff8;border-color:#674679}
html[data-shop-theme=night] .shop-page :is(.cart-add,.import-filters button[aria-pressed=true],.shop-theme-switch button[aria-pressed=true]){background:#704b8f;color:white}
html[data-shop-theme=night] .shop-page :is(.product-bottom,.vip-list li,.shop-note,.saved-button,.saved-row){border-color:#493653}
html[data-shop-theme=night] .comparison summary{color:#e8d1fa}html[data-shop-theme=night] .comparison thead{background:#382646}
html[data-shop-theme=night] .comparison :is(th,td){color:#dacbe4;border-color:#493653}html[data-shop-theme=night] .comparison tbody tr:nth-child(even){background:#281e33}html[data-shop-theme=night] .comparison tbody tr:hover{background:#34253f}html[data-shop-theme=night] .benefit-value.numeric{color:#e4c6fb}
html[data-shop-theme=night] #product-dialog{background:#211a2c;color:#f5effb;border-color:#68497b}html[data-shop-theme=night] .shop-page #product-detail [data-save]{background:#3d294c;color:#e6cdf7}
html[data-shop-theme=day] #checkout-dialog{background:#faf7fd;color:#2e203a;border-color:#cbb5dc}
html[data-shop-theme=day] #checkout-dialog :is(.checkout-hint,.checkout-intro,.payment-info,.payment-option small,.checkout-blocked p,.cart-item-name small,.cart-total,.empty-cart p,.checkout-steps){color:#64516f}
html[data-shop-theme=day] #checkout-dialog :is(.cart-total strong,.checkout-blocked strong,.checkout-steps [aria-current],.checkout-back,.quantity button,.cart-remove,.cart-qty){color:#684286}
html[data-shop-theme=day] #checkout-dialog :is(.payment-option,.checkout-blocked,.quantity,.cart-row){border-color:#dccce7}html[data-shop-theme=day] #checkout-dialog .payment-option:has(input:checked){background:#eee2f7;border-color:#9667b7}html[data-shop-theme=day] .checkout-close{color:#654077;background:#efe4f7}
@media(max-width:700px){.shop-theme-switch{margin-bottom:16px}.shop-theme-switch button{padding:9px 13px}}
/* Nighttime city-map texture and natural palm silhouettes behind content. */
html[data-shop-theme=night] .shop-surface{isolation:isolate;overflow:clip;background-image:url('assets/district-map.svg'),radial-gradient(ellipse at 0% 15%,#51306e30,transparent 48%),radial-gradient(ellipse at 100% 85%,#78436a22,transparent 45%);background-size:1300px auto,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat}
html[data-shop-theme=night] .shop-surface:before,html[data-shop-theme=night] .shop-surface:after{content:'';position:absolute;width:460px;height:720px;background:#b69ad0;mask:url('assets/palm-natural.png') center/contain no-repeat;-webkit-mask:url('assets/palm-natural.png') center/contain no-repeat;opacity:.16;pointer-events:none;z-index:-1}
html[data-shop-theme=night] .shop-surface:before{top:40px;left:-240px;transform:rotate(18deg)}
html[data-shop-theme=night] .shop-surface:after{right:-220px;bottom:0;transform:scaleX(-1) rotate(15deg);opacity:.2}
@media(max-width:700px){html[data-shop-theme=night] .shop-surface:before,html[data-shop-theme=night] .shop-surface:after{width:330px;height:520px;opacity:.12}html[data-shop-theme=night] .shop-surface:before{left:-210px}html[data-shop-theme=night] .shop-surface:after{right:-210px}}