/* Theme tokens cover every UI surface; product photos and color swatches keep their real colors. */
:root,html[data-palette=classic]{--theme-bg:#f3f4f6;--theme-card:#ffffff;--theme-soft:#e5e7eb;--theme-ink:#20232a;--theme-muted:#555c69;--theme-accent:#3c475c;--theme-border:#cbd0d9;--theme-button:#252a35;--theme-button-text:#fff;--theme-deep:#20232b;--theme-deep-text:#f3f4f8;--theme-deep-muted:#c3c8d2}
html[data-palette=cream]{--theme-bg:#f4ede3;--theme-card:#fff8ee;--theme-soft:#e8dac8;--theme-ink:#342b23;--theme-muted:#6f5948;--theme-accent:#7c5034;--theme-border:#cebca7;--theme-button:#62442f;--theme-button-text:#fff8ee;--theme-deep:#35291f;--theme-deep-text:#fff4e6;--theme-deep-muted:#dbc5b1}
html[data-palette=lilac]{--theme-bg:#f0eaf9;--theme-card:#faf6ff;--theme-soft:#e1d6f1;--theme-ink:#30213f;--theme-muted:#675476;--theme-accent:#68458e;--theme-border:#cabcdb;--theme-button:#63418b;--theme-button-text:#fff;--theme-deep:#30233f;--theme-deep-text:#f8f0ff;--theme-deep-muted:#d4c1e5}
html[data-palette=rose]{--theme-bg:#f8eaf0;--theme-card:#fff5f9;--theme-soft:#efd2df;--theme-ink:#442536;--theme-muted:#795466;--theme-accent:#933f66;--theme-border:#d9afc3;--theme-button:#89375d;--theme-button-text:#fff;--theme-deep:#402334;--theme-deep-text:#fff1f6;--theme-deep-muted:#e2baca}
html[data-palette=graphite]{--theme-bg:#161616;--theme-card:#252525;--theme-soft:#343434;--theme-ink:#f3f3f3;--theme-muted:#c0c0c0;--theme-accent:#e3e3e3;--theme-border:#535353;--theme-button:#dedede;--theme-button-text:#181818;--theme-deep:#0e0e0e;--theme-deep-text:#f1f1f1;--theme-deep-muted:#bdbdbd}
html[data-palette=midnight]{--theme-bg:#131825;--theme-card:#212a3c;--theme-soft:#303d56;--theme-ink:#f0f3fa;--theme-muted:#bac8df;--theme-accent:#c5d3ff;--theme-border:#4c6082;--theme-button:#c5d3ff;--theme-button-text:#162139;--theme-deep:#0d1321;--theme-deep-text:#eff4ff;--theme-deep-muted:#b3c3e0}
html[data-palette]{color-scheme:light;--app-cream:var(--theme-bg);--app-card:var(--theme-card);--app-soft:var(--theme-soft);--app-ink:var(--theme-button);--ink:var(--theme-ink);--muted:var(--theme-muted);--paper:var(--theme-bg);--cream:var(--theme-soft);--sand:var(--theme-soft);--line:var(--theme-border)}
html[data-theme=dark]{color-scheme:dark}
html[data-palette] body,html[data-palette] .auth-page,html[data-palette] .instant-shell{background:var(--theme-bg);color:var(--theme-ink)}
html[data-palette] :is(.top,.instant-head,.benefits,.product,.stock-card,.stock-empty,.steps>div,.faq details,.review,.auth-shell,.auth-shell>.auth-card,.auth-card,.modal-card,.cart-panel,.admin-form,.admin-row,.admin-order,.member-card,.member-stats article,.member-nav,.recovery-card,.theme-dialog,.support-panel,.chat-compose,.site-editor,.appearance-section){background:var(--theme-card)!important;color:var(--theme-ink);border-color:var(--theme-border)!important}
html[data-palette] :is(.hero,.in-stock-section,.delivery,.telegram,.admin-guide,.stats>div,.member-banner,.member-welcome,.photo-search,.color-editor,.stock-quantity,.auth-tabs,.admin .tabs,.preview,.multi-preview,.order-status,.admin-order-items,.notice,.phone-input,.image-color-link,.appearance-card,.editor-section){background:var(--theme-soft)!important;color:var(--theme-ink);border-color:var(--theme-border)!important}
html[data-palette] :is(.hero-copy,.modal-copy,.editor-copy){color:var(--theme-ink)}
html[data-palette] :is(h1,h2,h3,h4,label,.field,.price,.stats b,.member-stats b,.product-row b,.admin-price,.color-editor-head h3){color:inherit}
html[data-palette] :is(.eyebrow,.languages button,.heading p,.hero-copy>p,.modal-copy p,.product small,.stock-card small,.benefits small,.steps p,.admin-guide span,.admin-row p,.admin-row small,.member-stats span,.member-banner p,.member-nav button,.member-card>p,.member-order small,.member-order details p,.recovery-card>p,.auth-heading>p,.auth-perks,.field-help,.color-editor-head p,.upload-hint,.photo-search p,.telegram p,.cart-line p,.cart-total small,.form-message,.editor-head>p,.support-admin-head p,.chat-welcome,.stock-empty p,.auth-card>p,.auth-top,.seller-mode){color:var(--theme-muted)}
html[data-palette] :is(.hero h1 em,.heading em,.steps span,.admin em,.member-avatar){color:var(--theme-accent)}
html[data-palette] :is(.btn,.pill,.icon-btn,.social-icon,.filters button,.tabs button,.options button,.admin-row button,.admin-row select,.stock-view,.languages,.heart,.close,.gallery-prev,.gallery-next,.member-avatar,.photo-search-mark,.benefit-icon,.benefit-mark,.stock-empty>span,.support-login>span,.chat-welcome>span,.support-avatar,.support-empty-icon,.member-empty>span,.file-btn,.size-options button,.color-row button){background:var(--theme-card);color:var(--theme-ink);border-color:var(--theme-border)}
html[data-palette] :is(.btn.dark,.seller-link,.filters button.active,.tabs button.active,.options button.active,.languages button.active,.auth-tabs button.active,.member-nav button.active,.product-row button,.quick-edit,.card-edit,.support-fab,.chat-compose button,.support-reply,.admin-row [data-edit],.size-options button.active){background:var(--theme-button)!important;color:var(--theme-button-text)!important;border-color:var(--theme-button)!important}
html[data-palette] :is(.btn.dark,.seller-link,.support-fab,.support-reply,.product-row button) :is(span,small,svg){color:inherit}
html[data-palette] :is(.badge,.badge.stock,.stock-photo span,.cart-icon b,.mobile-bottom i,.benefits i,.benefits>div>span,.benefits>a>span,.order-telegram,.admin-order .order-telegram){background:var(--theme-soft);color:var(--theme-ink);border-color:var(--theme-border)}
html[data-palette] :is(.photo,.stock-photo,.category-showcase>button){background:var(--theme-soft)}
html[data-palette] :is(.hero-tag,.hero-slider-dots,.hero-pagination,.image-color-link){background:var(--theme-card);color:var(--theme-ink)}
html[data-palette] .hero-slider-dots button{background:var(--theme-border)}
html[data-palette] .hero-slider-dots button.active{background:var(--theme-accent)}
html[data-palette] :is(.site-footer.footer-refresh,.auth-editorial,.mobile-bottom,.announcement,.support-panel>header){background:var(--theme-deep)!important;color:var(--theme-deep-text)!important;border-color:var(--theme-border)}
html[data-palette] .auth-editorial:before{background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--theme-accent) 20%,transparent));border-color:var(--theme-border)}
html[data-palette] .auth-editorial :is(h2,.auth-wordmark,b),html[data-palette] .site-footer :is(h2,.footer-logo,.footer-links a,.footer-documents summary){color:var(--theme-deep-text)}
html[data-palette] .auth-editorial :is(p,span),html[data-palette] .site-footer :is(p,small,h3,.eyebrow,.footer-documents summary:after),html[data-palette] .support-panel header small{color:var(--theme-deep-muted)}
html[data-palette] .site-footer .footer-intro h2 em{color:var(--theme-deep-text)}
html[data-palette] .site-footer :is(.footer-intro,.copyright,.socials a){border-color:color-mix(in srgb,var(--theme-deep-text) 22%,transparent)}
html[data-palette] .site-footer .socials a{background:color-mix(in srgb,var(--theme-deep-text) 10%,transparent);color:var(--theme-deep-text)}
html[data-palette] .site-footer .footer-cta{background:var(--theme-card);color:var(--theme-ink);border-color:var(--theme-border)}
html[data-palette] .footer-cta span{background:var(--theme-soft);color:var(--theme-ink)}
html[data-palette] .mobile-bottom :is(a,button){background:transparent;color:var(--theme-deep-muted)}
html[data-palette] .mobile-bottom :is(a,button).active{background:var(--theme-soft);color:var(--theme-ink)}
html[data-palette] .mobile-bottom i{color:var(--theme-ink)}
html[data-palette] .chat-bubble{background:var(--theme-soft);color:var(--theme-ink)}
html[data-palette] .chat-bubble.seller{background:var(--theme-button);color:var(--theme-button-text)}
html[data-palette] .support-panel>header .icon-btn{background:transparent;color:var(--theme-deep-text)}
html[data-palette] .member-nav .member-logout,html[data-palette] .admin-row [data-delete-product]{background:var(--theme-soft);color:var(--theme-ink)}
html[data-palette] :is(.error,.chat-error){background:var(--theme-soft);color:var(--theme-ink);border-left:3px solid var(--theme-accent)}
html[data-palette] :is(input:not([type=color]):not([type=checkbox]),textarea,select){background:var(--theme-card)!important;color:var(--theme-ink)!important;border-color:var(--theme-border)!important;caret-color:var(--theme-ink)}
html[data-palette] :is(input,textarea)::placeholder{color:var(--theme-muted);opacity:1}
html[data-palette] input:-webkit-autofill{-webkit-text-fill-color:var(--theme-ink);box-shadow:0 0 0 1000px var(--theme-card) inset}
html[data-palette] :is(input,textarea,select,button){accent-color:var(--theme-accent)}
html[data-palette] :is(button,a,input,textarea,select):focus-visible{outline-color:var(--theme-accent)}
html[data-palette] #toast{background:var(--theme-button);color:var(--theme-button-text)}
html[data-palette] #route-progress:before{background:var(--theme-accent);box-shadow:0 0 10px var(--theme-accent)}
@media(hover:hover){
 html[data-palette] :is(.btn:not(.dark),.pill,.icon-btn,.filters button:not(.active),.tabs button:not(.active),.member-nav button:not(.active),.social-dock .social-icon,.stock-view,.close):hover{background:var(--theme-soft)!important;color:var(--theme-ink)!important;border-color:var(--theme-accent)}
 html[data-palette] .admin-row:hover{background:var(--theme-card);border-color:var(--theme-accent)!important}
}
/* Eye controls must never inherit the lift/scale animations of action buttons. */
html .password-control .password-toggle,html .password-control .password-toggle:hover,html .password-control .password-toggle:active,html .password-control .password-toggle:focus{position:absolute;inset:50% 8px auto auto;width:36px;height:36px;min-height:36px;max-height:36px;padding:8px;margin:0;transform:translateY(-50%)!important;transition:background-color .15s;box-shadow:none;animation:none;line-height:1;background:transparent;color:var(--theme-ink)}
html .password-control .password-toggle:hover,html .password-toggle[aria-pressed=true]{background:var(--theme-soft)}
.password-toggle[aria-pressed=true]:after{content:'';position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg);pointer-events:none}
.admin-top .admin-profile{display:grid;place-items:center;width:36px;height:36px;padding:8px}
/* Loading uses the same grid, cards and spacing as the destination page. */
.skeleton{display:block;flex-shrink:0;max-width:100%;height:13px;width:100%;border-radius:999px;background:linear-gradient(100deg,var(--theme-soft) 25%,var(--theme-card) 48%,var(--theme-soft) 70%);background-size:250% 100%;animation:loading-shimmer 1.6s linear infinite}
.sk-short{width:38%;height:11px}.sk-title{width:64%;height:25px}.sk-headline{height:55px;width:85%;border-radius:10px}.sk-button{width:140px;height:44px}.sk-nav{height:42px;width:100%}.sk-input{height:48px}.sk-number{height:32px;width:35%;margin-top:18px}.sk-avatar{width:72px;height:72px;border-radius:50%}.sk-photo{width:100%;height:260px;border-radius:19px}.sk-hero{height:100%;min-height:400px;border-radius:0}.sk-identity{flex:1;display:grid;gap:12px}.sk-stack{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.sk-buttons{display:flex;gap:10px;margin-top:25px}.page-skeleton{pointer-events:none}.page-skeleton .admin-row .sk-photo{width:70px;height:85px}.page-skeleton .member-card{min-height:230px}.page-skeleton .tabs{overflow:hidden}.page-skeleton .tabs>.skeleton{flex:1}.instant-hero>.sk-stack{padding:12%;justify-content:center;background:var(--theme-soft);animation:none}.instant-head{display:flex;align-items:center;justify-content:space-between}
.email-action-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 18px;background:var(--theme-bg);gap:25px}.email-action-page>.auth-wordmark{color:var(--theme-ink)}.action-card{max-width:480px;max-height:none}.action-card h1{font:32px/1.2 Georgia;margin:18px 0 25px}.action-body{font-size:14px;line-height:1.7}.action-body .btn{width:100%;margin-top:20px}.action-body p{overflow-wrap:anywhere}.action-body .form-message{font-size:12px}
@media(max-width:700px){.sk-avatar{width:54px;height:54px}.sk-headline{height:38px}.sk-photo{height:230px}.page-skeleton .member-banner>.sk-button{display:none}.page-skeleton .member-nav{grid-template-columns:repeat(3,1fr)}.page-skeleton .member-nav .sk-nav{height:38px}.page-skeleton .hero{grid-template-columns:1fr}.sk-hero{min-height:300px}.email-action-page{padding-bottom:90px}.action-card{padding:28px 23px}.page-skeleton .admin-row{grid-template-columns:65px 1fr}.page-skeleton .admin-row>.sk-button{grid-column:2}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}
/* Frosted surfaces retain the selected palette and a solid fallback. */
html[data-palette] .top{background:color-mix(in srgb,var(--theme-card) 76%,transparent)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 65%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff35,0 6px 24px #00000008}
html[data-palette] .mobile-bottom{background:color-mix(in srgb,var(--theme-deep) 82%,transparent)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff38,0 12px 35px #0003}
html[data-palette] :is(.hero-slider-dots,.languages,.photo-search,.theme-dialog){background:color-mix(in srgb,var(--theme-card) 83%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff38,0 8px 25px #0000000a}
.collection-arrow{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hero .btn:after{content:none!important}
.support-dismiss{position:fixed;z-index:84;right:13px;bottom:69px;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--theme-border);border-radius:50%;padding:6px;background:var(--theme-card);color:var(--theme-ink);box-shadow:0 3px 12px #0002}.support-dismiss svg,.support-panel [data-support-close] svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;fill:none}.support-panel [data-support-close]{width:36px;height:36px;padding:9px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.review-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.review-gallery .review{margin:0;padding:24px;border:1px solid var(--theme-border)}.review-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.review-images:empty{display:none}.review-images a{display:block;flex:1;min-width:70px;max-width:280px}.review-images img{width:100%;height:210px;object-fit:contain;border-radius:16px;background:var(--theme-soft)}
@media(max-width:800px){.review-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.support-dismiss{bottom:153px;right:9px}.review-gallery{grid-template-columns:1fr}.review-images img{height:230px}}

/* Keep the desktop account columns anchored while switching panels. */
@media(min-width:701px){
  .member-page{overflow-anchor:none}
  .member-layout{align-items:start;min-height:620px}
  .member-content{min-height:620px;overflow-anchor:none}
  .member-content>[data-account-panel]{scroll-margin-top:110px}
}
@supports not (backdrop-filter:blur(1px)){html[data-palette] :is(.top,.languages,.photo-search,.theme-dialog){background:var(--theme-card)!important}html[data-palette] .mobile-bottom{background:var(--theme-deep)!important}}
/* A compact FAQ with clear expansion affordances. */
#faq{padding-top:44px;padding-bottom:48px;max-width:1060px;counter-reset:faq-item}
#faq .heading{margin-bottom:24px}#faq .heading h2{font-size:clamp(29px,4vw,43px);line-height:1.12}
html[data-palette] #faq details{counter-increment:faq-item;padding:0;margin:10px 0;border:1px solid var(--theme-border)!important;border-radius:22px;overflow:hidden;box-shadow:0 5px 18px #00000006}
#faq summary{display:flex;align-items:center;gap:13px;padding:20px!important;min-height:76px;font:600 16px/1.4 Arial,sans-serif;cursor:pointer}
#faq summary:before{content:counter(faq-item,decimal-leading-zero);font:12px Arial;color:var(--theme-muted);flex-shrink:0}
#faq summary:after{display:grid;place-items:center;content:'+';margin-left:auto;flex:0 0 30px;height:30px;border-radius:50%;background:var(--theme-soft);color:var(--theme-ink);font:20px Arial}
html[data-palette] #faq details[open]{background:var(--theme-soft)!important}#faq details[open] summary:after{content:'−';background:var(--theme-button);color:var(--theme-button-text)}
#faq details p{padding:0 24px 23px 48px;max-width:850px;font:14px/1.75 Arial;color:var(--theme-muted)}
.chat-send-error{margin:5px 13px;padding:10px 13px;border:1px solid var(--theme-accent);border-radius:16px;max-height:130px;overflow:auto;background:var(--theme-soft);font-size:12px}.chat-send-error p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-send-error button{margin-top:7px;padding:7px 11px;border:0;border-radius:99px;background:var(--theme-button);color:var(--theme-button-text)}
@media(max-width:600px){#faq{padding-top:32px;padding-bottom:32px}#faq summary{padding:17px!important;font-size:14px;gap:10px;min-height:68px}#faq details p{padding:0 18px 20px 41px;font-size:13px}#faq summary:after{flex-basis:27px;height:27px}}