/* Three client-review palettes. Photographs retain their original colours. */
.theme-picker{display:grid;gap:2px;flex-shrink:0}
.theme-picker>span{font-size:10px;color:var(--muted)}
.theme-picker select{min-height:32px;width:138px;padding:5px 4px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:11px;cursor:pointer}
.header-phones{display:grid;gap:1px;white-space:nowrap}
.header-phones small{font-size:10px;color:var(--muted)}
.header-phones .phone{font-size:13px;line-height:1.45}
.contact-phone+.contact-phone{margin-top:-12px}
html[data-theme=dark]{color-scheme:dark;--ink:#edf3f8;--muted:#b4c4d4;--paper:#122a42;--sand:#19344e;--line:#30465d;--coral-dark:#ff9a80}
[data-theme=dark] body{background:#091d32}
[data-theme=dark] :is(.header,.mobile-menu,.categories,.product-card,.catalog-filters,dialog,.footer,.editorial-footer,.editorial-v2,.service-card,.route-panel,.origin-taste,.social-feed,.company-photo-label){background:#122a42;color:var(--ink)}
[data-theme=dark] .brand img,[data-theme=dark] .site-loader img{filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:screen}
[data-theme=dark] .site-loading .site-loader,[data-theme=dark].site-loading .site-loader{background:#091d32;color:#edf3f8}
[data-theme=dark] :is(.category-art,.search,.cart-trigger,.icon-button:hover,.empty-products,.catalog-help,.social-panel,.delivery-panel,.step-icon,.questions-layout .faq details,.editorial-bottom,.business-form-panel,.service-note,.filter-status,.footer-vk,.info-hero){background:#19344e}
[data-theme=dark] :is(.catalog-meta select,.category-select select,.price-range input,.checkout input,.checkout textarea,.business-form-panel input,.business-form-panel textarea,#business-message,dialog>.close-dialog){background:#122a42;color:var(--ink);border-color:var(--line)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#b4c4d4}
[data-theme=dark] :is(.product-weight,.product-price small,.catalog-bottom p,.availability,.old-price){color:#b4c4d4}
[data-theme=dark] .sale-price{color:#ff9a80}
[data-theme=dark] :is(.dark,.catalog-heading .catalog-cta,.toast){background:#254963;color:#fff}
[data-theme=dark] :is(.dark:hover,.catalog-heading .catalog-cta:hover){background:#345e7b}
[data-theme=dark] .secondary{background:#122a42;color:#edf3f8;border-color:#829bb0}
[data-theme=dark] .secondary:hover{background:#254963}
[data-theme=dark] :is(.category:hover .category-art,.category.active .category-art,.catalog-sidebar .category.active,.product-promo-label,#filter-count:not(:empty)){background:#493c3e;color:#ffb49d}
[data-theme=dark] .hero{background:#091d32}
[data-theme=dark] .hero:after{background:linear-gradient(90deg,#091d32f5 0%,#091d32db 24%,#091d3299 40%,#091d323d 55%,transparent 73%)}
[data-theme=dark] .promo{background:#19344e}
[data-theme=dark] :is(.promo-coast,.promo-business):after{background:linear-gradient(90deg,#122a42f5 0%,#122a42c7 30%,#122a4266 53%,#122a421a 73%,transparent 92%)}
[data-theme=dark] :is(.promo p,.promo li){color:#c6d5e2}
[data-theme=dark] .company-copy>h2{color:#ff9a80}
[data-theme=dark] .questions-layout .faq details[open]{background:#254963}
[data-theme=dark] :is(.contact-panel,.contact-address){background:#19344e}
[data-theme=dark] .contact-panel{border:1px solid var(--line)}
[data-theme=dark] :is(.delivery-page,.editorial-v2 .business-page,.editorial-v2.business-editorial>.container:first-child,.sakhalin-page .origin-hero,.sakhalin-page .origin-quality,.editorial-v2 .business-form-panel){background:#091d32}
[data-theme=dark] :is(.service-card,.sakhalin-page .origin-hero,.editorial-v2 .business-pitch):after{background:linear-gradient(90deg,#122a42f5 0%,#122a42cc 27%,#122a4273 48%,#122a4226 67%,transparent 88%)}
[data-theme=dark] .editorial-v2 .business-form-panel :is(input,textarea){background:#19344e;border-color:var(--line)}
[data-theme=dark] ::selection{background:#ffb49d;color:#102b3d}
[data-theme=dark] ::-webkit-scrollbar-track{background:#091d32}
[data-theme=dark] ::-webkit-scrollbar-thumb{background:#607b92}
@media(max-width:1200px){.theme-picker select{width:120px;font-size:10px}}
@media(max-width:900px){.header-phones{display:none}.header-actions{gap:5px}.theme-picker>span{display:none}.theme-picker select{min-height:44px}}
@media(max-width:600px){
  [data-theme=dark] .hero:after{background:linear-gradient(180deg,#091d32 0%,#091d32 43%,#091d32d9 50%,transparent 68%)}
  [data-theme=dark] :is(.sakhalin-page .origin-hero,.editorial-v2 .business-pitch):after{background:linear-gradient(180deg,#122a42 0%,#122a42f5 38%,#122a4280 57%,transparent 82%)}
}

/* Light canvas with a blue-violet action colour; sale pricing stays coral. */
html[data-theme=violet]{--action:#51419a;--action-hover:#3e307b;--action-soft:#efecf8}
[data-theme=violet] :is(.primary,.dark,.catalog-heading .catalog-cta){background:var(--action);color:#fff;border-color:var(--action)}
[data-theme=violet] :is(.primary:hover,.dark:hover,.catalog-heading .catalog-cta:hover){background:var(--action-hover)}
[data-theme=violet] .secondary{border-color:var(--action);color:var(--action)}
[data-theme=violet] .secondary:hover{background:var(--action-soft)}
[data-theme=violet] :is(.category.active,.catalog-sidebar .category.active){color:var(--action)}
[data-theme=violet] :is(.category:hover .category-art,.category.active .category-art,.catalog-sidebar .category.active,#filter-count:not(:empty)){background:var(--action-soft);color:var(--action)}
[data-theme=violet] :is(.text-link,.add-button:hover,.company-copy>h2,.service-icon,.origin-quality svg){color:var(--action)}
[data-theme=violet] .add-button:hover{background:var(--action-soft)}
[data-theme=violet] .cart-count{background:var(--action);color:white}
[data-theme=violet] .loader-track:after{background:var(--action)}
[data-theme=violet] :is(input,textarea,select){accent-color:var(--action);caret-color:var(--action)}
[data-theme=violet] :focus-visible{outline-color:var(--action)}
[data-theme=violet] ::selection{background:#ded7f4;color:#292044}
[data-theme=violet] .contact-address .secondary{color:white;border-color:#c7bfdf}
[data-theme=violet] .contact-address .secondary:hover{background:#34465f}
@media(max-width:380px){.theme-picker select{width:103px;font-size:9px}}