/* Genereeritud failist assets/src/dark.css — ära muuda siin, muuda src-faili ja käivita tools/build-css.py */ /* ===================================================================== HELIX — tume režiim. GENEREERITUD: tools/build-dark.py (ära muuda käsitsi) Käsitsi osa: tools/dark-base.css ===================================================================== */ /* --- Käsitsi: muutujad --- */ html.hx-dark:not(#hx_) { color-scheme: dark; --helix-page: #151312; --helix-ink: #F1ECE6; --helix-dark: #0F0D0C; --helix-cream: #2A2522; --helix-sand: #3A332F; --helix-plum: #9E5E70; --helix-plum-dark: #874A5B; --hx-page-kodu: #151312; --hx-page-ari: #10141A; --hx-tint-kodu: #2A2522; --hx-tint-ari: #1F2733; /* Kaardid: lehest veidi heledam pind, ilma jooneta */ --hx-card-dark: #221E1C; --hx-accent-kodu: #9E5E70; --hx-accent-ari: #9E5E70; /* Elementori globaalsed värvid (lehtede tekstividinad) */ --e-global-color-primary: #F1ECE6; --e-global-color-secondary: #ABA39C; --e-global-color-text: #D9D2CB; } html.hx-dark:not(#hx_) body { background: #151312; color: #E6E0DA; } html.hx-dark.hx-view-ari:not(#hx_) body { background: #10141A; } html.hx-dark.hx-view-ari:not(#hx_) { --hx-card-dark: #1A1F27; } /* Päise värvid tulevad seadetest (inline) — tumedad vasted */ html.hx-dark:not(#hx_) .hx-hd, html.hx-dark:not(#hx_) .hx-drawer, html.hx-dark:not(#hx_) .hx-tabbar { --hd-tint-kodu: #2A2522; --hd-tint-ari: #1F2733; --hd-accent-kodu: #9E5E70; --hd-accent-ari: #9E5E70; } /* Elementori sisu */ html.hx-dark:not(#hx_) .elementor-heading-title, html.hx-dark:not(#hx_) .elementor-widget-text-editor, html.hx-dark:not(#hx_) .elementor-widget-text-editor p, html.hx-dark:not(#hx_) .elementor-icon-list-text { color: #E6E0DA; } /* Must logo -> hele (kui tumedat logo pole antud) */ html.hx-dark:not(#hx_) .hx-hd__logo img:not( .hx-logo-dark ), html.hx-dark:not(#hx_) .hx-drawer__logo img:not( .hx-logo-dark ), html.hx-dark:not(#hx_) .hx-catnav__logo img, html.hx-dark:not(#hx_) .hx-co-foot__logo img { filter: brightness( 0 ) invert( 1 ); } /* terve logo valge (ka lainekujuline keskosa) */ /* Tooteaknad valge taustaga pildid: pehmem kontrast */ html.hx-dark:not(#hx_) .hx-pc__img, html.hx-dark:not(#hx_) .hx-cat__thumb img, html.hx-dark:not(#hx_) .hx-ctab__img img { filter: brightness( .94 ); } /* Kontrolli, et WooCommerce'i väljad oleksid loetavad */ /* Sujuv üleminek ainult lülitamise hetkel */ html.hx-theme-anim:not(#hx_), html.hx-theme-anim:not(#hx_) * { transition: background-color .35s ease, border-color .35s ease, color .35s ease, fill .35s ease !important; } /* --- Lüliti (kuu / päike) --- */ .hx-theme-toggle:not(#hx_) { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .2s; } .hx-theme-toggle:hover:not(#hx_) { background: rgba( 127, 127, 127, .14 ); } .hx-theme-toggle:focus-visible:not(#hx_) { outline: 2px solid currentColor; outline-offset: 2px; } .hx-theme-toggle:not(#hx_) svg { position: absolute; width: 20px; height: 20px; transition: transform .5s cubic-bezier( .3, 1.3, .5, 1 ), opacity .3s; } /* Hele režiim: kuu (vajuta -> tume). Tume režiim: päike. */ .hx-theme-toggle:not(#hx_) .hx-theme-toggle__sun { opacity: 0; transform: rotate( -90deg ) scale( .5 ); } .hx-theme-toggle:not(#hx_) .hx-theme-toggle__moon { opacity: 1; transform: none; } html.hx-dark:not(#hx_) .hx-theme-toggle .hx-theme-toggle__sun { opacity: 1; transform: none; } html.hx-dark:not(#hx_) .hx-theme-toggle .hx-theme-toggle__moon { opacity: 0; transform: rotate( 90deg ) scale( .5 ); } .hx-ft:not(#hx_) .hx-theme-toggle { color: rgba( 255, 255, 255, .8 ); } .hx-ft:not(#hx_) .hx-theme-toggle:hover { background: rgba( 255, 255, 255, .1 ); color: #fff; } @media ( prefers-reduced-motion: reduce ) { .hx-theme-toggle:not(#hx_) svg { transition: none; } html.hx-theme-anim:not(#hx_), html.hx-theme-anim:not(#hx_) * { transition: none !important; } } /* --- Saidi põhi (sait.css on kaaluga 0 — siin samuti :where, et moodulid võidaksid) --- */ :where(html.hx-dark) :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], input[type="url"], select, textarea) { border-color: #3A332F; background-color: #1F1C1A; color: #F1ECE6; } :where(html.hx-dark) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) { background-color: #1F1C1A; color: #E6E0DA; } :where(html.hx-dark) :where(a) { color: #D39AAB; } :where(html.hx-dark) :where(a:hover) { color: #E8B9C6; } /* --- aitah.css --- */ html.hx-dark:not(#hx_) body.hx-thanks { --ty-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --ty-accent-d: var( --helix-plum-dark, #874A5B ); --ty-ink: var( --helix-ink, #F1ECE6 ); --ty-muted: #ABA39C; --ty-line: #3A332F; --ty-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --ty-card: #1F1C1A; } /* --- artikkel.css --- */ html.hx-dark:not(#hx_) .hx-wa { --a-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --a-accent-d: var( --helix-plum-dark, #874A5B ); --a-ink: var( --helix-ink, #F1ECE6 ); --a-muted: #ABA39C; --a-line: #3A332F; --a-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --a-soft: color-mix( in srgb, var( --a-tint ) 55%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-wa .hx-wa-btn--light { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa .hx-wa-btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa .hx-wa-btn--outline:hover { border-color: #3A332F; } html.hx-dark:not(#hx_) .hx-wa-hero__logo { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa-nav { background: rgba( 31, 28, 26, 0.94 ); } html.hx-dark:not(#hx_) .hx-wa-certs li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa .hx-wa-card { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa .hx-wa-links a { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa-note__ico { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa .hx-wa-warn { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa-award { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa-quote { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wa-faq details { background: #1F1C1A; } /* --- artiklid.css --- */ html.hx-dark:not(#hx_) .hx-arts { --ar-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --ar-ink: var( --helix-ink, #F1ECE6 ); --ar-muted: #ABA39C; --ar-line: #3A332F; --ar-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --ar-card: #1F1C1A; } html.hx-dark:not(#hx_) .hx-arts__btn:hover { background: #6B404B; background: color-mix( in srgb, var( --ar-accent ) 85%, #2E2926 ); color: #151312; } html.hx-dark.hx-dark:not(#hx_) .hx-arts { --ar-line: #2E2926; --ar-card: #2E2926; --ar-tint: #2E2926; } /* --- avaleht.css --- */ html.hx-dark:not(#hx_) .hx-ah, html.hx-dark:not(#hx_) .hx-ask { --a-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --a-accent-d: var( --helix-plum-dark, #874A5B ); --a-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --a-ink: var( --helix-ink, #F1ECE6 ); --a-muted: #ABA39C; --a-line: #3A332F; } html.hx-dark:not(#hx_) .hx-ah--band { --band: color-mix( in srgb, #1F1C1A 72%, var( --a-tint ) ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-btn--ghost:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-btn--light { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-round { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-round:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-banner__text { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-stage__pill, html.hx-dark:not(#hx_) .hx-ah .hx-ah-stage__count { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-stage__count:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-stage__panel { background: rgba( 31, 28, 26, 0.94 ); } html.hx-dark:not(#hx_) .hx-ah-stage__tab.is-active::before { background: #693F4A; background: color-mix( in srgb, var( --a-accent ) 82%, #2E2926 ); } html.hx-dark:not(#hx_) .hx-ah-stage__thumb { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-stage__vcats { background: rgba( 31, 28, 26, 0.9 ); } html.hx-dark:not(#hx_) .hx-ah-usp { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-cat { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-cat__img img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-ah-more__stack i { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-more .hx-ah-btn { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-why__pane { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-why__modes { background: rgba( 31, 28, 26, 0.9 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-why__modes button.is-active { color: #151312; } html.hx-dark:not(#hx_) .hx-ah-cut { background: radial-gradient( circle at 30% 20%, rgba( 31, 28, 26, 0.9 ), transparent 60% ), #B6B1AC; background: radial-gradient( circle at 30% 20%, rgba( 31, 28, 26, 0.9 ), transparent 60% ), color-mix( in srgb, var( --a-tint ) 70%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-ah-cut__felt { background: repeating-linear-gradient( 45deg, rgba( 255, 255, 255, .05 ) 0 3px, transparent 3px 6px ), #2E2926; } html.hx-dark:not(#hx_) .hx-ah-cut__parts li { background: rgba( 31, 28, 26, 0.8 ); } html.hx-dark:not(#hx_) .hx-ah-tabs { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-mq__room { background: rgba( 31, 28, 26, 0.9 ); } html.hx-dark:not(#hx_) .hx-ah-mq__info { background: rgba( 31, 28, 26, 0.94 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-marquee__pause { background: rgba( 31, 28, 26, 0.9 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-marquee__pause:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-swatch { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-samples__count { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-steps li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-steps__ico b, html.hx-dark:not(#hx_) .hx-ah-steps__ico .hx-b { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-ah-q[open] summary i::before, html.hx-dark:not(#hx_) .hx-ah-q[open] summary i::after { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-contact__img figcaption { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-ask__box { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ask .hx-ask__field input, html.hx-dark:not(#hx_) .hx-ask .hx-ask__field textarea { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ask__err { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-ask__consent.is-error span { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-ask .hx-ask__msg { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-ask .hx-ask__send--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ask .hx-ask__send--ghost:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-arrow { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-ah .hx-ah-stage { background: #2E2926; } html.hx-dark:not(#hx_) .hx-ah-banner__text .hx-switch { box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.04 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-banner__btns .hx-ah-btn--ghost { border-color: #3A332F; background: #1F1C1A; color: #F1ECE6; } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-ah .hx-ah-banner .hx-ah-usp { background-color: #2E2926; } html.hx-dark.hx-view-ari:not(#hx_) .hx-ah .hx-ah-banner .hx-ah-usp { background-color: #2E2926; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-banner .hx-ah-usp__ico { box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.01 ); } html.hx-dark:not(#hx_) .hx-ah-catbtn__img { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah-catbtn__img i { background: #2A2522; } html.hx-dark:not(#hx_) .hx-ah-catbtn__ico { background: #1F1C1A; color: #ABA39C; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-catsheet { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-catsheet__head { background: #1F1C1A; } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-ah .hx-ah-banner .hx-ah-usps { box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.02 ); } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-ah .hx-ah-tile { background: #1F1C1A; color: var( --a-ink, #F1ECE6 ); } html.hx-dark:not(#hx_) .hx-ah-tile__tones { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-ah-tile__tones i { background-color: #3A332F; } html.hx-dark:not(#hx_) .hx-ah-tile__tones b { color: var( --a-ink, #F1ECE6 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-allbtn { background: var( --a-ink, #2E2926 ); color: #151312; } html.hx-dark:not(#hx_) .hx-ah-allbtn__ico { box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.01 ); } html.hx-dark:not(#hx_) .hx-ah .hx-ah-stat { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-ah .hx-ah-stat--price { background: var( --a-ink, #2E2926 ); color: #151312; } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-ah .hx-ah-why__body > .hx-ah-tabs { box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.04 ); } } /* --- cart.css --- */ html.hx-dark:not(#hx_) .hx-cart-btn, html.hx-dark:not(#hx_) .hx-minicart, html.hx-dark:not(#hx_) .hx-ship { --c-accent: var( --hd-accent, var( --helix-plum, #9E5E70 ) ); --c-accent-d: var( --helix-plum-dark, #874A5B ); --c-ink: var( --helix-ink, #F1ECE6 ); --c-muted: #ABA39C; --c-tint: var( --helix-cream, #2A2522 ); --c-line: #3A332F; } html.hx-dark.hx-view-ari:not(#hx_) .hx-minicart { --c-accent: var( --hd-accent-ari, var( --helix-plum, #9E5E70 ) ); } html.hx-dark:not(#hx_) .hx-minicart__panel { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__close:hover { background: #2A2522; } html.hx-dark:not(#hx_) .hx-ship .hx-ship__dot { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-ship .hx-ship__table li.is-current { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__qty { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__remove:hover { background: #2A2522; color: #D39AAB; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__foot { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__panel::before { background: #3A332F; } } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__item { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__thumb img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__qty button:hover:not( :disabled ) { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__foot { --foot: #2A2522; } html.hx-dark.hx-view-kodu:not(#hx_) .hx-minicart .hx-minicart__foot { --foot: #2A2522; } html.hx-dark.hx-view-ari:not(#hx_) .hx-minicart .hx-minicart__foot { --foot: #2A2522; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-minicart .hx-mc-ship__btn { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-mc-shipsheet { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-minicart .hx-mc-shipsheet__head { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-mc-shipsheet__grip { background: #3A332F; } html.hx-dark:not(#hx_) .hx-minicart .hx-minicart__link--cart { background: #1F1C1A; } } /* --- header.css --- */ html.hx-dark:not(#hx_) .hx-hd, html.hx-dark:not(#hx_) .hx-drawer, html.hx-dark:not(#hx_) .hx-tabbar, html.hx-dark:not(#hx_) .hx-sheet { --hd-accent: var( --hx-accent, var( --hd-accent-kodu, #9E5E70 ) ); --hd-tint: var( --hx-tint, var( --hd-tint-kodu, #2A2522 ) ); --hd-ink: var( --helix-ink, #F1ECE6 ); --hd-muted: #ABA39C; --hd-line: #3A332F; } html.hx-dark:not(#hx_) .hx-hd__bar::before { background: rgba( 31, 28, 26, 0.97 ); } html.hx-dark:not(#hx_) .hx-hd.is-scrolled .hx-hd__bar::before { background: rgba( 31, 28, 26, 0.86 ); } html.hx-dark:not(#hx_) .hx-mega__inner { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-hd .hx-cat__item.is-active { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-cat__thumb { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-feature__icon { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-drawer { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-quick__icon { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-drawer .hx-cartmini { color: #151312; } html.hx-dark:not(#hx_) .hx-cartmini__bar span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tile__img { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-tabbar__inner { background: rgba( 31, 28, 26, 0.9 ); box-shadow: 0 12px 40px rgba( 0, 0, 0, .16 ), inset 0 0 0 1px rgba( 255, 255, 255, 0.08 ); } html.hx-dark:not(#hx_) .hx-tab__badge { box-shadow: 0 0 0 2px rgba( 255, 255, 255, 0.08 ); } html.hx-dark:not(#hx_) .hx-tab__fab { box-shadow: 0 10px 24px rgba( 0, 0, 0, .22 ), 0 0 0 5px rgba( 255, 255, 255, 0.08 ); } html.hx-dark:not(#hx_) .hx-sheet__panel { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-sheet__grab span { background: #3A332F; } } html.hx-dark:not(#hx_) .hx-cat__colors .hx-mega__label span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-hd .hx-cat__swatches a:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-cat__dot { background: #3A332F center / cover no-repeat; } html.hx-dark:not(#hx_) .hx-peek__item span { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-hd .hx-small__plain:hover { background: #95918C; background: color-mix( in srgb, var( --hd-tint ) 55%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-hd .hx-feature__esto { background: #1F1C1A; } /* --- illu.css --- */ html.hx-dark:not(#hx_) .hxil { --hxil-plum: var( --helix-plum, #9E5E70 ); } html.hx-dark:not(#hx_) .hxil .hxil-badge text { fill: #1F1C1A; } html.hx-dark:not(#hx_) .hxil-mis { --bg: #2E2926; --stage: #2E2926; --tog: #2E2926; --txt: #2A2522; --plum: var( --helix-plum, #9E5E70 ); } html.hx-dark:not(#hx_) .hxil-mis .hxil-mis__toggle button:focus-visible { outline: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hxil-mis .hxil-mis__toggle button[aria-selected="true"] { background: #1F1C1A; color: #F1ECE6; box-shadow: 0 0 0 2px var( --plum ) inset, 0 0 0 4px rgba( 255, 255, 255, 0.08 ) inset; } html.hx-dark:not(#hx_) .hxil-mis__stage { background: radial-gradient( 120% 140% at 10% 50%, #2E2926 0%, var( --stage ) 55%, #2E2926 100% ); } html.hx-dark:not(#hx_) .hxil-mis__track { background: #2E2926; } html.hx-dark:not(#hx_) .hxil-mis__fill { background: linear-gradient( 90deg, #b0707f, #2A2522 ); } html.hx-dark:not(#hx_) .hxil-mis .hxil-mis__note { color: #ABA39C; } html.hx-dark:not(#hx_) .hx-mis3 .hx-mis3__toggle button[aria-selected="true"] { background: #1F1C1A; color: #F1ECE6; box-shadow: 0 0 0 2px #7a4555 inset, 0 0 0 4px rgba( 255, 255, 255, 0.08 ) inset; } html.hx-dark:not(#hx_) .hx-mis3__label { fill: #2A2522; } html.hx-dark:not(#hx_) .hxil-pet .he-badge text { fill: #1F1C1A; } /* --- inspiratsioon.css --- */ html.hx-dark:not(#hx_) .hx-insp, html.hx-dark:not(#hx_) .hx-lb { --ii-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --ii-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --ii-ink: var( --helix-ink, #F1ECE6 ); --ii-muted: #ABA39C; --ii-line: #3A332F; } html.hx-dark:not(#hx_) .hx-insp .hx-insp-btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-insp .hx-insp-btn--light, html.hx-dark:not(#hx_) .hx-lb .hx-insp-btn--light { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-insp .hx-insp-btn--outline:hover { border-color: #3A332F; } html.hx-dark:not(#hx_) .hx-insp-tag { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-insp-hotspot { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-insp .hx-insp-room { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-insp .hx-insp-guide { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-insp-guide__icon { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lb__frame { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lb__media { background: #2E2926; } html.hx-dark:not(#hx_) .hx-lb .hx-lb__nav { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-lb .hx-lb__nav:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lb .hx-lb__thumb { background: #2E2926; } html.hx-dark:not(#hx_) .hx-lb .hx-lb__thumb.is-active { border-color: #3A332F; } html.hx-dark:not(#hx_) .hx-lb__product-img { background: #1F1C1A; } @media ( max-width: 760px ) { html.hx-dark:not(#hx_) .hx-lb .hx-lb__close { background: rgba( 31, 28, 26, 0.92 ); } } /* --- kassa.css --- */ html.hx-dark:not(#hx_) body.hx-checkout { --co-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --co-accent-d: var( --helix-plum-dark, #874A5B ); --co-ink: var( --helix-ink, #F1ECE6 ); --co-muted: #ABA39C; --co-line: #3A332F; --co-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --co-soft: color-mix( in srgb, var( --co-tint ) 55%, #1F1C1A ); } html.hx-dark:not(#hx_) body.hx-checkout .woocommerce-billing-fields, html.hx-dark:not(#hx_) body.hx-checkout .woocommerce-shipping-fields, html.hx-dark:not(#hx_) body.hx-checkout .woocommerce-additional-fields { background: #1F1C1A !important; } html.hx-dark:not(#hx_) .hx-co-type__opt > span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-co-type__opt input:checked + span { background: #231E1D; background: color-mix( in srgb, var( --co-accent ) 5%, #1F1C1A ); } html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row input.input-text, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row select, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row textarea, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .select2-container--default .select2-selection--single { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row input.input-text:hover, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row textarea:hover, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .select2-container--default .select2-selection--single:hover { border-color: #3A332F !important; } html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row.woocommerce-validated.hx-filled input.input-text { background: #1F1C1A url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F9E5B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E" ) right 14px center / 18px no-repeat !important; } html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row.woocommerce-invalid input.input-text, html.hx-dark:not(#hx_) body.hx-checkout form.checkout .form-row.woocommerce-invalid .select2-selection--single { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout #order_review { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-thumb img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-co-thumb b { border: 2px solid #3A332F; color: #151312; } html.hx-dark:not(#hx_) body.hx-checkout #payment ul.payment_methods > li { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout #payment ul.payment_methods > li:hover { border-color: #3A332F !important; } html.hx-dark:not(#hx_) body.hx-checkout #payment ul.payment_methods > li:has( > input:checked ) { background: #221D1C !important; background: color-mix( in srgb, var( --co-accent ) 3%, #1F1C1A ) !important; } html.hx-dark:not(#hx_) body.hx-checkout #payment ul.payment_methods > li > label::before { border: 2px solid #3A332F !important; background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-logos img { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout .blockUI.blockOverlay { background: rgba( 31, 28, 26, 0.6 ) !important; } html.hx-dark:not(#hx_) body.hx-checkout .woocommerce-form-coupon-toggle .woocommerce-info, html.hx-dark:not(#hx_) body.hx-checkout .woocommerce-form-login-toggle .woocommerce-info { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout #payment div.payment_box :has( > :has( > img ) + :has( > img ) ) > * { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout #payment div.payment_box select { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-foot p { color: #ABA39C; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-err { color: #D39AAB; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) body.hx-checkout .hx-co-mini { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-sheet { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-sheet__head { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-bar { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-checkout .hx-co-bar__go { box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.03 ) inset, 0 10px 24px rgba( 118, 68, 82, .38 ); } } /* --- kataloog.css --- */ html.hx-dark:not(#hx_) .hx-catalog, html.hx-dark:not(#hx_) .hx-quickadd { --k-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --k-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --k-ink: var( --helix-ink, #F1ECE6 ); --k-muted: #ABA39C; --k-line: #3A332F; } html.hx-dark:not(#hx_) .hx-catalog .hx-cat__btn--ghost, html.hx-dark:not(#hx_) .hx-quickadd .hx-cat__btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-ctile { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-cf__opt { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-cf__opt.is-on { background: #261F1E; background: color-mix( in srgb, var( --k-accent ) 8%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-cf__dot { background: #3A332F center / cover; } html.hx-dark:not(#hx_) .hx-cf__check { border: 1.5px solid #3A332F; } html.hx-dark:not(#hx_) .hx-range input[type="range"]::-webkit-slider-thumb { border: 3px solid #3A332F; } html.hx-dark:not(#hx_) .hx-range input[type="range"]::-moz-range-thumb { border: 3px solid #3A332F; } html.hx-dark:not(#hx_) .hx-catalog .hx-cat__sort select { background: #1F1C1A url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E" ) right 14px center / 14px no-repeat; } html.hx-dark:not(#hx_) .hx-catalog .hx-active__chip { color: #151312; } html.hx-dark:not(#hx_) .hx-pc { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__media { background: #2A2522; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-pc__badge { color: #151312; } html.hx-dark:not(#hx_) .hx-pc__size { background: rgba( 31, 28, 26, 0.9 ); } html.hx-dark:not(#hx_) .hx-pc__dot span { background: #3A332F center / cover no-repeat; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__dot:hover { box-shadow: inset 0 0 0 2px rgba( 126, 79, 93, 0.586 ); box-shadow: inset 0 0 0 2px color-mix( in srgb, var( --k-accent ) 55%, rgba( 255, 255, 255, 0.08 ) ); } html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt.is-active { color: #151312; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt--dot.is-active { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-pc__m2 { background: #282020; background: color-mix( in srgb, var( --k-accent ) 10%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-quickadd__panel { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-quickadd .hx-qa-opt { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-quickadd .hx-qa-opt.is-active { background: #251F1E; background: color-mix( in srgb, var( --k-accent ) 7%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-quickadd .hx-calc__inputs input { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-quickadd .hx-quickadd__qty button:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-quickadd .hx-quickadd__error { background: #2A2522; color: #D39AAB; } @media ( max-width: 1024px ) { html.hx-dark:not(#hx_) .hx-catalog .hx-cat__filters-btn { color: #151312; } html.hx-dark:not(#hx_) .hx-cat__filters-btn b:not( :empty ), html.hx-dark:not(#hx_) .hx-cat__filters-btn .hx-b:not( :empty ) { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-cat__side { background: #1F1C1A; } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-quickadd__panel::before { background: #3A332F; } } html.hx-dark:not(#hx_) .hx-pc.has-wall .hx-pc__media::after { background: rgba( 31, 28, 26, 0.9 ) url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='1.5'/%3E%3Cpath d='M7 4v12M11 4v12M15 4v12M5 20h14'/%3E%3C/svg%3E" ) 9px center / 13px no-repeat; } html.hx-dark:not(#hx_) .hx-catnav__inner { background: rgba( 31, 28, 26, 0.9 ); box-shadow: 0 12px 36px rgba( 0, 0, 0, .1 ), inset 0 0 0 1px rgba( 255, 255, 255, 0.08 ); } html.hx-dark:not(#hx_) .hx-catalog .hx-catnav__filters { color: #151312; } html.hx-dark:not(#hx_) .hx-catnav__filters b:not( :empty ), html.hx-dark:not(#hx_) .hx-catnav__filters .hx-b:not( :empty ) { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-pill { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-cf__panel i { background: repeating-linear-gradient( 90deg, #C9A57E 0 2px, #2E2926 2px 3px ); } html.hx-dark:not(#hx_) .hx-catalog .hx-cf__opt.is-on .hx-cf__panel i { background: repeating-linear-gradient( 90deg, #4F3239 0 2px, var( --k-accent ) 2px 3px ); background: repeating-linear-gradient( 90deg, color-mix( in srgb, var( --k-accent ) 55%, #1F1C1A ) 0 2px, var( --k-accent ) 2px 3px ); } html.hx-dark:not(#hx_) .hx-catalog .hx-cf__body--sizes .hx-cf__opt.is-on { background: #251F1E; background: color-mix( in srgb, var( --k-accent ) 7%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-catalog .hx-ctile__img img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-catalog .hx-ctile.hx-pill img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-catalog .hx-ctab { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-ctab:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-ctab.is-on { background: #241E1D; background: color-mix( in srgb, var( --k-accent ) 6%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-catalog .hx-ctab__img img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-ctab__img--mosaic i { background: #A09C97; background: color-mix( in srgb, var( --k-tint ) 60%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-catnav__inner { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-cat__catbtn-img { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-cat__catbtn-img.is-mosaic i { background: #2A2522; } html.hx-dark:not(#hx_) .hx-cat__catbtn-ico { background: #1F1C1A; color: #ABA39C; } html.hx-dark:not(#hx_) .hx-catalog .hx-cat__catsheet { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-cat__catsheet-head { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog .hx-cat__tools .hx-cat__sort { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-catalog-page .hx-catnav__inner { box-shadow: 0 -4px 18px rgba( 0, 0, 0, .06 ), 0 14px 36px rgba( 0, 0, 0, .16 ), inset 0 0 0 1px rgba( 255, 255, 255, 0.08 ); } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-catalog .hx-catdock { background: rgba( 31, 28, 26, 0.94 ); } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-catalog .hx-catdock { box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.01 ) inset, 0 14px 36px rgba( 20, 14, 10, .35 ); } } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-catalog.has-mtiles .hx-cat__bar { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-catalog.has-mtiles .hx-cat__filters-btn { color: #151312; } } /* --- kontakt.css --- */ html.hx-dark:not(#hx_) .hx-kt { --k-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --k-accent-d: var( --helix-plum-dark, #874A5B ); --k-ink: var( --helix-ink, #F1ECE6 ); --k-muted: #ABA39C; --k-line: #3A332F; --k-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); } html.hx-dark:not(#hx_) .hx-kt-status.is-open i::after { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-hero__pin { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-kt .hx-kt-q { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-copy:hover { color: #151312; } html.hx-dark:not(#hx_) .hx-kt-form { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt-topics input:checked + span { color: #151312; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-f input, html.hx-dark:not(#hx_) .hx-kt .hx-kt-f textarea { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt-f small { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-f.is-error input, html.hx-dark:not(#hx_) .hx-kt .hx-kt-f.is-error textarea { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt-consent i { border: 1.5px solid #3A332F; background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt-consent.is-error span { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-send p { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-dir a:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-social a:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-samples { background: linear-gradient( 135deg, #6B404B, var( --k-accent ) ); background: linear-gradient( 135deg, color-mix( in srgb, var( --k-accent ) 85%, #2E2926 ), var( --k-accent ) ); color: #151312; } html.hx-dark:not(#hx_) .hx-kt-samples::before { background: linear-gradient( 90deg, #603C45 0%, #603C45 38%, rgba( 118, 68, 82, 0.55 ) 55%, transparent 80% ); background: linear-gradient( 90deg, color-mix( in srgb, var( --k-accent ) 70%, #2E2926 ) 0%, color-mix( in srgb, var( --k-accent ) 70%, #2E2926 ) 38%, color-mix( in srgb, var( --k-accent ) 55%, transparent ) 55%, transparent 80% ); } html.hx-dark:not(#hx_) .hx-kt-samples em { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt .hx-kt-facts { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-kt-faq details[open] summary i::before, html.hx-dark:not(#hx_) .hx-kt-faq details[open] summary i::after { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-kt-samples::before { background: linear-gradient( to top, #603C45 45%, transparent 85% ); background: linear-gradient( to top, color-mix( in srgb, var( --k-accent ) 70%, #2E2926 ) 45%, transparent 85% ); } } /* --- lameo.css --- */ html.hx-dark:not(#hx_) .hx-lm, html.hx-dark:not(#hx_) .hx-lm-bar, html.hx-dark:not(#hx_) .hx-lm-sheet { --l-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --l-accent-d: var( --helix-plum-dark, #874A5B ); --l-ink: var( --helix-ink, #F1ECE6 ); --l-muted: #ABA39C; --l-line: #3A332F; --l-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --l-soft: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-shots__side { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-shot.is-side.is-1 { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-shot.is-main { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-shot__tag { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-lm-pick .hx-lm-sw.is-on span { box-shadow: 0 0 0 2px rgba( 255, 255, 255, 0.08 ), 0 0 0 4px var( --l-accent ); } html.hx-dark:not(#hx_) .hx-lm-pick .hx-lm-chip { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-pick .hx-lm-chip:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-pick .hx-lm-chip.is-on { color: #151312; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-keys { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-buy { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-calc__in input { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-qty { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-qty button:hover { color: #151312; } html.hx-dark:not(#hx_) .hx-lm-msg { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-lm-msg.is-error { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-esto { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-masonry { background-color: #2E2926; color: #151312; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-mas__item::after { box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.01 ); } html.hx-dark:not(#hx_) .hx-lm-mas__item > span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-mas__more button { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-sx__steps li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-sx__ico b, html.hx-dark:not(#hx_) .hx-lm-sx__ico .hx-b { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-fan__card { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-fan__card:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-sx__count { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-lb button:hover { background: #1F1C1A; color: #F1ECE6; } html.hx-dark:not(#hx_) .hx-lm-nav { background: rgba( 31, 28, 26, 0.94 ); } html.hx-dark:not(#hx_) .hx-lm .hx-lm-nav a.is-on { color: #151312; } html.hx-dark:not(#hx_) .hx-lm-ac__stats > div { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-chart { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-chart__bandtxt { fill: #ABA39C; } html.hx-dark:not(#hx_) .hx-lm-chart__dot { fill: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-chart__tip { color: #151312; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-echo__tabs button.is-on { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-echo__src { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-echo__out i, html.hx-dark:not(#hx_) .hx-lm-echo__back i { border-right-color: rgba( 58, 51, 47, 0.85 ); } html.hx-dark:not(#hx_) .hx-lm-layers { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-cut__felt { background: repeating-linear-gradient( 45deg, rgba( 255, 255, 255, .05 ) 0 3px, transparent 3px 6px ), #2E2926; } html.hx-dark:not(#hx_) .hx-lm-cut__slats i { background: linear-gradient( 90deg, #2E2926, #2E2926 ); } html.hx-dark:not(#hx_) .hx-lm-cut--grooves .hx-lm-cut__slats i { background: linear-gradient( 90deg, #D7C9B6, #2A2522 50%, #C9B8A2 ); } html.hx-dark:not(#hx_) .hx-lm-cut__model::before, html.hx-dark:not(#hx_) .hx-lm-cut__model::after { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-lm-feats li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-scale { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-scale .is-man { fill: #3A332F; } html.hx-dark:not(#hx_) .hx-lm-tdata > div { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-spec { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-steps li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-tools span:not(.hx-b) { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-video { background: #2E2926; } html.hx-dark:not(#hx_) .hx-lm-help { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-help li .hx-lm-ico { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-help__btn { color: #151312; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-video__btn:not( [style] ) { background-image: repeating-linear-gradient( 90deg, #C49A6C 0 22px, #A47B50 22px 26px, #2E2926 26px 34px ); } html.hx-dark:not(#hx_) .hx-lm-video__btn span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-ask__ico { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-ask__person { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-ask__links a { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-ask__links a.is-dark { color: #151312; } html.hx-dark:not(#hx_) .hx-lm-samples em { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-faq details[open] summary i::before, html.hx-dark:not(#hx_) .hx-lm-faq details[open] summary i::after { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-bar { background: rgba( 31, 28, 26, 0.96 ); } html.hx-dark:not(#hx_) .hx-lm-bar .hx-lm-bar__nav a.is-on { color: #151312; } html.hx-dark:not(#hx_) .hx-lm-sheet__box { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-sheet .hx-lm-sheet__close:hover { color: #151312; } html.hx-dark:not(#hx_) .hx-lm-tech { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm-tcards > div { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-lm .hx-lm-minq { color: var( --l-muted, #ABA39C ); } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-lm-view__pill { background: #1F1C1A; } } /* --- naidised.css --- */ html.hx-dark:not(#hx_) #hx-naidised { --hx-plum: var( --helix-plum, #9E5E70 ); --hx-plum-d: var( --helix-plum-dark, #874A5B ); --hx-ink: var( --helix-ink, #F1ECE6 ); --hx-muted: #ABA39C; --hx-cream: #2A2522; --hx-sand: #2A2522; --hx-line: #3A332F; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__close { background: #1F1C1A; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__input { background: #1F1C1A; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__input::placeholder { color: #ABA39C; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__combo-list { background: #1F1C1A; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__chip span { background: #1F1C1A; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__chip span::before { background: #1F1C1A center / 10px no-repeat; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__chip input:checked + span::before { border-color: #3A332F; background-color: #1F1C1A; } html.hx-dark:not(#hx_) .hx-nb { --nb-plum: var( --helix-plum, #9E5E70 ); --nb-plum-d: var( --helix-plum-dark, #874A5B ); --nb-ink: var( --helix-ink, #F1ECE6 ); --nb-muted: #ABA39C; --nb-cream: #2A2522; --nb-sand: #2A2522; } html.hx-dark:not(#hx_) .hx-nb .hx-nb__btn--ghost { border-color: #3A332F; background: #1F1C1A; } html.hx-dark:not(#hx_) #hx-naidised .hx-nd__fee { background: var( --hx-cream, #2A2522 ); } /* --- ostukorvileht.css --- */ html.hx-dark:not(#hx_) body.hx-cartpage { --cl-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --cl-accent-d: var( --helix-plum-dark, #874A5B ); --cl-ink: var( --helix-ink, #F1ECE6 ); --cl-muted: #ABA39C; --cl-line: #3A332F; --cl-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --cl-soft: color-mix( in srgb, var( --cl-tint ) 55%, #1F1C1A ); } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-item { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-item__img img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-step { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-item__remove a.remove:hover { background: #2A2522 !important; color: #D39AAB !important; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl__samples:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-sum { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-coupon__form input.input-text { background: #1F1C1A !important; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-coupon__btn { color: #151312 !important; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-coupon__msg { color: #D39AAB; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-coupon__msg.is-error { color: #D39AAB; } html.hx-dark:not(#hx_) body.hx-cartpage .hx-cl-sum__table .cart-discount td { color: #D39AAB !important; } /* --- otsing.css --- */ html.hx-dark:not(#hx_) .hx-search, html.hx-dark:not(#hx_) .hx-hd__search { --s-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --s-ink: var( --helix-ink, #F1ECE6 ); --s-muted: #ABA39C; --s-line: #3A332F; --s-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); } html.hx-dark:not(#hx_) .hx-search__panel { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-search .hx-search__input::placeholder { color: #ABA39C; } html.hx-dark:not(#hx_) .hx-search .hx-search__close { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-search .hx-search__close:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-search .hx-search__cat img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-search .hx-search__thumb img { mix-blend-mode: normal; } /* --- paring.css --- */ html.hx-dark:not(#hx_) .hx-inq, html.hx-dark:not(#hx_) .hx-inq-fab, html.hx-dark:not(#hx_) .hx-inq-btn { --q-accent: var( --helix-plum, #9E5E70 ); --q-accent-d: var( --helix-plum-dark, #874A5B ); --q-ink: var( --helix-ink, #F1ECE6 ); --q-muted: #ABA39C; --q-line: #3A332F; --q-tint: var( --helix-cream, #2A2522 ); } html.hx-dark:not(#hx_) .hx-inq__panel { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq .hx-inq__note { background: #261F1E; background: color-mix( in srgb, var( --q-accent ) 8%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-inq .hx-inq__thumb img { mix-blend-mode: normal; } html.hx-dark:not(#hx_) .hx-inq__qty { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq .hx-inq__field input, html.hx-dark:not(#hx_) .hx-inq .hx-inq__field select, html.hx-dark:not(#hx_) .hx-inq .hx-inq__field textarea { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq__err { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-inq__consent.is-error span { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-inq__foot { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq .hx-inq__msg { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-inq__submit.is-busy::after { border-top-color: #3A332F; } html.hx-dark:not(#hx_) .hx-inq .hx-inq__submit--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq .hx-inq__submit--ghost:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-inq-fab { color: #151312; } html.hx-dark:not(#hx_) .hx-inq-fab:hover { color: #151312; } /* --- tellimine.css --- */ html.hx-dark:not(#hx_) .hx-tt { --tt-plum: var( --helix-plum, #9E5E70 ); --tt-plum-d: var( --helix-plum-dark, #874A5B ); --tt-ink: var( --helix-ink, #F1ECE6 ); --tt-muted: #ABA39C; --tt-cream: var( --helix-cream, #2A2522 ); --tt-tile: #2A2522; --tt-line: #3A332F; --tt-white: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tt .hx-tt__menu-link:hover { background: rgba( 31, 28, 26, 0.6 ); } html.hx-dark:not(#hx_) .hx-tt .hx-tt-btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tt .hx-tt-btn--light { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tt .hx-tt-btn--outline-light:hover { border-color: #3A332F; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt { --tt-cream: var( --hx-tint, #2A2522 ); --tt-tile: #2A2522; --tt-line: #3A332F; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-l { fill: #2A2522; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-d { fill: #ABA39C; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-t { fill: #2A2522; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-w2 { fill: #ABA39C; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-w3 { fill: #ABA39C; } html.hx-dark.hx-view-ari:not(#hx_) .hx-tt .hx-art-d-st { stroke: #ABA39C; } /* --- tingimused.css --- */ html.hx-dark:not(#hx_) .hx-tg-card__art { background: var( --tt-tile, #2A2522 ); } html.hx-dark:not(#hx_) .hx-tg-card__art--logo { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tg-full[open] summary i::before, html.hx-dark:not(#hx_) .hx-tg-full[open] summary i::after { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tg-modal__box { background: #2E2926; } html.hx-dark:not(#hx_) .hx-tg-modal__bar a:hover { background: #1F1C1A; color: #F1ECE6; } html.hx-dark:not(#hx_) .hx-tg-modal__bar button:hover { background: #1F1C1A; color: #F1ECE6; } html.hx-dark:not(#hx_) .hx-tg-modal iframe { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tt .hx-tg-calc__sizes button { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-tt .hx-tg-calc__sizes button:hover { background: #1F1C1A; } /* --- vaade.css --- */ html.hx-dark.hx-view-kodu:not(#hx_) { --hx-accent: var( --hx-accent-kodu, #9E5E70 ); --hx-tint: var( --hx-tint-kodu, #2A2522 ); } html.hx-dark.hx-view-ari:not(#hx_) { --hx-accent: var( --hx-accent-ari, #9E5E70 ); --hx-tint: var( --hx-tint-ari, #2A2522 ); } html.hx-dark:not(#hx_) .hx-switch { background: var( --hx-tint, #2A2522 ); } html.hx-dark:not(#hx_) .hx-switch__pill { box-shadow: 0 4px 12px rgba( 0, 0, 0, .14 ), inset 0 1px 0 rgba( 255, 255, 255, 0.02 ); } html.hx-dark:not(#hx_) .hx-switch .hx-switch__btn { color: var( --helix-ink, #F1ECE6 ) !important; } html.hx-dark:not(#hx_) .helix-switch { background: var( --hx-tint, #2A2522 ); } html.hx-dark:not(#hx_) .helix-switch .helix-switch__btn { color: var( --helix-ink, #F1ECE6 ) !important; } html.hx-dark.hx-page-bg.hx-view-kodu:not(#hx_) body { background-color: var( --hx-page-kodu, #1F1C1A ); } html.hx-dark.hx-page-bg.hx-view-ari:not(#hx_) body { background-color: var( --hx-page-ari, #2A2522 ); } /* --- woven.css --- */ html.hx-dark:not(#hx_) .hx-wi, html.hx-dark:not(#hx_) .hx-wi-pdf { --w-accent: var( --hx-accent, var( --helix-plum, #9E5E70 ) ); --w-accent-d: var( --helix-plum-dark, #874A5B ); --w-ink: var( --helix-ink, #F1ECE6 ); --w-muted: #ABA39C; --w-line: #3A332F; --w-tint: var( --hx-tint, var( --helix-cream, #2A2522 ) ); --w-soft: color-mix( in srgb, var( --w-tint ) 55%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-wi .hx-wi-btn--ghost { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-btn--ghost:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-btn--light { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-sib a:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-sib a.is-on { color: #151312; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-sw.is-on::after { border: 2px solid #3A332F; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-calc__in input { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-nav { background: rgba( 31, 28, 26, 0.92 ); } html.hx-dark:not(#hx_) .hx-wi .hx-wi-nav a.is-on { color: #151312; } html.hx-dark:not(#hx_) .hx-wi-ac { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-ac__tabs button:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-bar__track::after { background: repeating-linear-gradient( 90deg, transparent 0 calc( 20% - 1px ), rgba( 31, 28, 26, 0.9 ) calc( 20% - 1px ) 20% ); } html.hx-dark:not(#hx_) .hx-wi-bar__track i { background: linear-gradient( 90deg, #4F3239, var( --w-accent ) ); background: linear-gradient( 90deg, color-mix( in srgb, var( --w-accent ) 55%, #1F1C1A ), var( --w-accent ) ); } html.hx-dark:not(#hx_) .hx-wi-ac__cls li { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-spec { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-dl { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-dl__btn:hover { color: #151312; } html.hx-dark:not(#hx_) .hx-wi-doc.is-picked { background: #251F1E; background: color-mix( in srgb, var( --w-accent ) 7%, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-wi-doc__pick i, html.hx-dark:not(#hx_) .hx-wi-dl__all i { border: 1.5px solid #3A332F; background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-dl__all input:indeterminate + i { background: var( --w-accent ) linear-gradient( #1F1C1A, #1F1C1A ) center / 10px 2px no-repeat; } html.hx-dark:not(#hx_) .hx-wi-doc__type { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-wi-doc__type[data-ext="zip"], html.hx-dark:not(#hx_) .hx-wi-doc__type[data-ext="rvt"] { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-wi-doc__type[data-ext="dwg"], html.hx-dark:not(#hx_) .hx-wi-doc__type[data-ext="dxf"] { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-doc__icon:hover { color: #151312; } html.hx-dark:not(#hx_) .hx-wi-inst { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-video span { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-steps .hx-wi-steps__n { border: 3px solid #3A332F; } html.hx-dark:not(#hx_) #wi-keskkond .hx-wi-sec__head .hx-wi-ico { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-eco__card { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi .hx-wi-eco__card:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-eco__logo { background: linear-gradient( 160deg, #2A2522, #1F1C1A ); } html.hx-dark:not(#hx_) .hx-wi-eco__go { color: #D39AAB; } html.hx-dark:not(#hx_) .hx-wi-faq details[open] summary i::before, html.hx-dark:not(#hx_) .hx-wi-faq details[open] summary i::after { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-pdf .hx-wi-doc__btn:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-pdf .hx-wi-pdf__close:hover { background: #1F1C1A; } html.hx-dark:not(#hx_) .hx-wi-pdf iframe { background: #1F1C1A; } @media ( max-width: 767px ) { html.hx-dark:not(#hx_) .hx-wi-buybar { background: rgba( 31, 28, 26, 0.96 ); } html.hx-dark:not(#hx_) .hx-wi-buybar.has-nav .hx-wi-buybar__nav { border-bottom: 1px solid #3A332F; } html.hx-dark:not(#hx_) .hx-wi-buybar__nav a { color: #ABA39C; } html.hx-dark:not(#hx_) .hx-wi-buybar__nav a.is-on { background: #2E2926; color: #151312; } html.hx-dark:not(#hx_) .hx-wi-buybar__img { background: #2A2522; } html.hx-dark:not(#hx_) .hx-wi-buybar__txt small { color: #ABA39C; } } /* @after — kõik allpool läheb genereeritud reeglite JÄREL (kirjutab need üle) */ /* ===================================================================== Konteinerid: valge/hele joone asemel oma tumedam-heledam pind ===================================================================== */ html.hx-dark:not(#hx_) .hx-pc, html.hx-dark:not(#hx_) .hx-ah .hx-ah-cat, html.hx-dark:not(#hx_) .hx-catalog .hx-ctile, html.hx-dark:not(#hx_) .hx-catalog .hx-ctile.hx-pill, html.hx-dark:not(#hx_) .hx-catalog .hx-ctab, html.hx-dark:not(#hx_) .hx-hd .hx-small__links--big .hx-small__link, html.hx-dark:not(#hx_) .hx-insp .hx-insp-room, html.hx-dark:not(#hx_) .hx-insp .hx-insp-guide { border-color: transparent; background-color: var( --hx-card-dark ); } /* Avalehe toonitud ribal (band) on taust juba kaardi tooni — kaardid sealt heledamaks */ html.hx-dark:not(#hx_) .hx-ah--band { --hx-card-dark: #2D2724; } html.hx-dark.hx-view-ari:not(#hx_) .hx-ah--band { --hx-card-dark: #232A35; } html.hx-dark:not(#hx_) .hx-ah--band .hx-pc .hx-pc__media { background: #362F2B; } html.hx-dark.hx-view-ari:not(#hx_) .hx-ah--band .hx-pc .hx-pc__media { background: #2B3340; } html.hx-dark:not(#hx_) .hx-ah--band .hx-pc .hx-pc__opt { background: #362F2B; } html.hx-dark:not(#hx_) .hx-hd .hx-small__links--big .hx-small__link:hover, html.hx-dark:not(#hx_) .hx-ah .hx-ah-cat:hover, html.hx-dark:not(#hx_) .hx-catalog .hx-ctile:hover { background-color: color-mix( in srgb, var( --hx-card-dark ) 82%, #fff 6% ); } html.hx-dark:not(#hx_) .hx-catalog .hx-ctile.is-on, html.hx-dark:not(#hx_) .hx-catalog .hx-ctab.is-on { border-color: var( --k-accent ); } /* Tootekaart: pilt ümarate nurkadega (valge taustaga fotod) */ html.hx-dark:not(#hx_) .hx-pc .hx-pc__img { inset: 12px; width: calc( 100% - 24px ) !important; height: calc( 100% - 24px ) !important; padding: 0; border-radius: 12px; } /* Suuruse/variandi nupud: nähtav pind kaardi peal, valitud = aktsent */ html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt { border-color: #3A332F; background: #2A2522; color: #E6E0DA; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt:hover { border-color: #6B625C; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__opt.is-active { border-color: var( --k-accent ); background: var( --k-accent ); color: #fff; } html.hx-dark:not(#hx_) .hx-pc .hx-pc__view { border-color: #3A332F; } /* Avalehe bänner: Kodu soe, Äri jahedam */ html.hx-dark.hx-view-kodu:not(#hx_) .hx-ah-banner__text { background: linear-gradient( 155deg, #2B2220 0%, #201B19 55%, #1C1917 100% ); } html.hx-dark.hx-view-ari:not(#hx_) .hx-ah-banner__text { background: linear-gradient( 155deg, #1F2836 0%, #192029 55%, #161B22 100% ); } html.hx-dark.hx-view-kodu:not(#hx_) .hx-ah-stage { background: #2A2320; } html.hx-dark.hx-view-ari:not(#hx_) .hx-ah-stage { background: #1C2430; } /* Inspiratsiooni päis: kergelt erinev pind lehe alumisest osast */ html.hx-dark:not(#hx_) .hx-insp .hx-insp-hero { padding: clamp( 28px, 4vw, 56px ); border-radius: 30px; background: linear-gradient( 155deg, #221C1A 0%, #1A1715 100% ); } html.hx-dark.hx-view-ari:not(#hx_) .hx-insp .hx-insp-hero { background: linear-gradient( 155deg, #1C2430 0%, #151A21 100% ); } /* Päise menüü: üles laaditud SVG-ikoonid valgeks */ html.hx-dark:not(#hx_) .hx-small__thumb img[src*=".svg"] { filter: brightness( 0 ) invert( 1 ); opacity: .92; } /* Jalus: hele nupp ("Küsi pakkumist") — tekst tume */ html.hx-dark:not(#hx_) .hx-ft .hx-ft-btn--light, html.hx-dark:not(#hx_) .hx-ft .hx-ft-btn--light:hover { color: #1C1C1C; } /* Kassa telefoni tellimisriba: nupp jääb ploomikarva, tekst valge */ html.hx-dark:not(#hx_):not(#hx2) body.hx-checkout .hx-co-bar__go { background: var( --co-accent ) !important; color: #fff !important; box-shadow: 0 10px 24px rgba( 0, 0, 0, .35 ) !important; } /* "Mis seinal juhtub?" on alati tume plokk — tumedas režiimis samad värvid (automaatne teisendus tegi teksti tumedaks) */ html.hx-dark:not(#hx_):not(#hx2) .hxil-mis { --bg: #2b2321; --stage: #342b28; --tog: #3c3330; --txt: #f4ede9; --muted: #cdc2bd; } html.hx-dark:not(#hx_):not(#hx2) .hx-mis3 .hx-mis3__toggle button[aria-selected="true"] { background: #fff; color: #1f1a19; } html.hx-dark:not(#hx_):not(#hx2) .hx-mis3__label { fill: #f3ece8; } /* v2.33 — avaleht telefonis: bänneri tekst video/pildi peal (taust läbipaistev, valge nupp jääb valgeks) */ @media ( max-width: 767px ) { html.hx-dark:not(#hx_):not(#hx2) .hx-ah .hx-ah-banner__text { background: transparent; } html.hx-dark:not(#hx_):not(#hx2) .hx-ah .hx-ah-banner__btns .hx-ah-btn--ghost { border-color: #fff; background: #fff; color: #1C1C1C; } } /* v2.35 — Tellimine ja tarne, Äri vaade: illustratsioonid jäävad heledaks nagu Kodu vaates (genereeritud teisendus muudaks heledad osad tumedaks) */ html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-l { fill: #D3DCE9; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-t { fill: #E4EAF3; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-s { fill: #B4C1D4; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-d { fill: #94A5BE; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-w2 { fill: #8C9DB8; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-w3 { fill: #4F5F7A; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-s-st { stroke: #B4C1D4; } html.hx-dark:not(#hx_):not(#hx2).hx-view-ari .hx-tt .hx-art-d-st { stroke: #94A5BE; } /* v2.36 — illustratsioonide numbrid on ploomikarva ringil: tekst jääb valgeks */ html.hx-dark:not(#hx_):not(#hx2) .hxil .hxil-badge text, html.hx-dark:not(#hx_):not(#hx2) .hxil-pet .he-badge text { fill: #fff; }