/* /upload/hc_js/hc-independent-ui.css */
/* Independent audit 02.10.2026: notices stay in document flow; stock wording unchanged. */
.hc-audit-notices{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:0 0 20px}
.hc-audit-notices:empty{display:none}
.hc-audit-notices #hc-cookie-note,.hc-audit-notices .hc-citybar,.hc-audit-notices .hc-rhint{position:static!important;inset:auto!important;float:none!important;margin:0!important;transform:none!important;flex:1 1 320px;width:auto!important;max-width:none!important;box-shadow:none!important;z-index:auto!important}
.hc-audit-notices #hc-cookie-note{padding:12px 16px;font-size:12px;line-height:1.5;display:flex;align-items:center;gap:12px}
.hc-audit-notices #hc-cookie-note p{margin:0;flex:1}
.hc-audit-notices #hc-cookie-note button{padding:10px 16px;flex-shrink:0}
.hc-audit-notices .hc-citybar{padding:12px 16px!important}
.hc-audit-notices .hc-rhint{padding:12px 16px!important}
body:not(.theme-dark) .hc-stock-badge--in{color:#167536!important}
body:not(.theme-dark) a[href$="#hc-napblock"]{color:#b8322a!important}
body:not(.theme-dark) #hc-contacts .crumb,body:not(.theme-dark) #hc-contacts .intro-copy{color:#595750!important}
body:not(.theme-dark) .hcc-total span,body:not(.theme-dark) .hcc-hint{color:#60636b!important}
@media(max-width:767px){.hc-audit-notices{gap:8px;margin-bottom:16px}.hc-audit-notices #hc-cookie-note,.hc-audit-notices .hc-citybar,.hc-audit-notices .hc-rhint{flex-basis:100%;border-radius:6px}.hc-audit-notices #hc-cookie-note{padding:10px 12px}.hc-audit-notices .hc-citybar{padding:10px 12px!important}}

/* These contact/calculator panels retain light surfaces even with a dark OS preference. */
#hc-contacts .crumb,#hc-contacts .intro-copy,#hc-contacts .tiny-num,#hc-contacts .city-tabs button:not(.active),#hc-contacts #copy-address{color:#595750!important}
#hc-contacts .tab-number,#hc-contacts .place-tabs small{opacity:1!important;color:#595750!important}
.hcc .hcc-hint,.hcc .hcc-est,.hcc .hcc-total span{color:#60636b!important}
body:not(.theme-dark) .hc-pt-note,body:not(.theme-dark) .hc-srev-rate,body:not(.theme-dark) .hc-srev-date,body:not(.theme-dark) #bx-soa-order-form label,body:not(.theme-dark) .hc-soa-items .q{color:#60636b!important}
body:not(.theme-dark) .callback-block.colored{color:#b8322a!important}

#hc-contacts .place-tabs .active .tab-number,#hc-contacts .place-tabs .active small{color:#fff!important}
#hc-contacts #guide-copy,#hc-contacts .contact-row small,#hc-contacts a[href^="tel:"] small,#hc-contacts a[href^="mailto:"] small{color:#595750!important}
body:not(.theme-dark) .hc-pt-note,body:not(.theme-dark) .hc-srev-rate,body:not(.theme-dark) .hc-srev-date,body:not(.theme-dark) .hc-soa-items .q{opacity:1!important}

/* Reserve space while the visualizer mounts; keep the calculator rebuild out of the first paint. */
#hck-root{min-height:620px}
html.hc-audit-termo-pending #content .hcc:first-of-type{visibility:hidden;min-height:620px;max-width:1160px;margin-left:auto;margin-right:auto}
html.hc-audit-termo-pending #content .hcc:first-of-type::before{content:"Загружаем калькулятор…";visibility:visible;display:block;padding:24px;color:#60636b}

/* 03.10.2026: readable alternative price and sample hint on product cards. */
body:not(.theme-dark) .hc-det-alt,body:not(.theme-dark) .hc-sample-hint{color:#60636b!important}
body.theme-dark .hc-det-alt,body.theme-dark .hc-sample-hint{color:#cbd0d2!important}
@media(prefers-color-scheme:dark){body:not(.theme-light) .hc-det-alt,body:not(.theme-light) .hc-sample-hint{color:#cbd0d2!important}}

/* Opacity affects rendered contrast; keep price/sample text fully opaque. */
body .hc-det-alt,body .hc-sample-hint{opacity:1!important}
body.theme-dark .hc-trust__i,body.theme-dark .hc-srev-rate,body.theme-dark .hc-srev-date{color:#cbd0d2!important}
body.theme-dark .hc-stock-badge.hc-card-stock.hc-stock-badge--in{color:#74d992!important}
@media(prefers-color-scheme:dark){
html body:not(.theme-light) .hc-trust__i,html body:not(.theme-light) .hc-srev-rate,html body:not(.theme-light) .hc-srev-date{color:#cbd0d2!important}
html body:not(.theme-light) .hc-stock-badge.hc-card-stock.hc-stock-badge--in{color:#74d992!important}
}

/* 03.10.2026: narrow-screen home captions and keyboard price-table access. */
body:not(.theme-dark) #hc-home-help p,body:not(.theme-dark) .clicked>.muted777{color:#605d58!important}
.hc-pt-scroll:focus-visible{outline:2px solid #b8322a;outline-offset:3px}
/* 23.10.2026: notices in normal flow must not inherit the fixed mobile dock's bottom offset. */
html body #hc-city-notices :is(.hc-citybar,.hc-rhint){inset:auto!important}

/* /upload/hc_js/hc-object-gallery-20261010.css */
/* Object gallery only: give lazy photographs a stable frame and fit the original. */
.additional-gallery .big-gallery-block .owl-carousel .item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(240px, 60vw, 650px);
}
.additional-gallery .big-gallery-block .owl-carousel .item > a > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

/* /upload/hc_js/hc-site-design-20261016.css */
/* Hit Ceramics · shared public-page design · 16 October 2026.
   Own cascade layer; no vendor, imagery, catalogue data or calculator logic changes. */
:root, body {
  --hc-page:#f7f3ed; --hc-surface:#fff; --hc-soft:#eee4d5;
  --hc-ink:#302a24; --hc-muted:#6d6257; --hc-line:#ded5ca;
  --hc-accent:#af4229; --hc-accent-text:#af4229; --hc-accent-hover:#92351f;
  --hc-radius:16px; --hc-shadow:0 8px 24px rgba(66,43,25,.055);
  --theme-base-color:#af4229!important; --theme-base-opacity-color:#af42291a!important;
  --theme-base-color-hue:11!important; --theme-base-color-saturation:62%!important;
  --theme-base-color-lightness:42%!important;
}
body.theme-dark {
  --hc-page:#302a24; --hc-surface:#24211e; --hc-soft:#3b3025;
  --hc-ink:#f2e9dd; --hc-muted:#c1b5a6; --hc-line:#55493e;
  --hc-accent-text:#ec9a7e; --hc-shadow:none;
}
@media(prefers-color-scheme:dark){body.theme-default{
  --hc-page:#302a24; --hc-surface:#24211e; --hc-soft:#3b3025;
  --hc-ink:#f2e9dd; --hc-muted:#c1b5a6; --hc-line:#55493e;
  --hc-accent-text:#ec9a7e; --hc-shadow:none;
}}
body {
  --white_text_black:var(--hc-ink)!important; --white_text_black2:var(--hc-ink)!important;
  --basic_text_black:var(--hc-muted)!important; --light_basic_text_black:var(--hc-muted)!important;
  --black_bg_black:var(--hc-page)!important; --card_bg_black:var(--hc-surface)!important;
  --light_bg_black:var(--hc-page)!important; --stroke_black:var(--hc-line)!important;
  --light_bg_black2:var(--hc-soft)!important; --fill_dark_light:var(--hc-ink)!important;
  --fill_dark_light_hover:var(--hc-accent-text)!important; --hc-red-tx:var(--hc-accent-text)!important;
  background-color:var(--hc-page)!important; color:var(--hc-ink);
}
body .body, body .wraps, body #content, body .wrapper_inner {
  background-color:var(--hc-page);
}
body .wrapper1.front_page {
  --hhr-paper:var(--hc-page);--hhr-card:var(--hc-surface);--hhr-soft:var(--hc-soft);
  --hhr-ink:var(--hc-ink);--hhr-muted:var(--hc-muted);--hhr-line:var(--hc-line);--hhr-red:var(--hc-accent-text);
  --hc-radius-card:16px;--hc-radius-control:10px;
}
html body#main #hc-home-help p,html body #hc-home-offers .muted777 {color:var(--hc-muted)!important}
html body #hc-home-help .hhr-eyebrow {color:var(--hc-accent-text)!important}
body a {color:var(--hc-accent-text)}
body :is(h1,h2,h3,h4,h5,h6) {text-wrap:pretty}
body :is(input,textarea,select) {accent-color:var(--hc-accent)}
/* Shared chrome and native pages. Keep native geometry, menus and sticky layers. */
body :is(.top-block,.top-block .top-description,.header-wrapper,.header_wrap,#headerfixed,#mobileheader,#mobilemenu,.mobileheader) {
  background-color:var(--hc-surface); border-color:var(--hc-line);
}
body .top-block {background-color:var(--hc-page)}
body :is(.top-block-wrapper,.top_inner_block_wrapper) {background:var(--hc-page)}
body .top-block-wrapper:has(.page-top) {padding-top:24px;padding-bottom:24px}
body .top-block-wrapper .page-top {
  background:var(--hc-soft)!important; border:1px solid var(--hc-line);border-radius:var(--hc-radius);
  padding:24px 28px!important;width:calc(100% - 60px);max-width:1440px;
}
body .page-top :is(h1,#pagetitle) {color:var(--hc-ink);font-size:32px;line-height:1.25;letter-spacing:-.025em;font-weight:700;margin:0}
body .top-block-wrapper .page-top .topic {padding:0!important;margin:0!important}
body .top-block-wrapper .page-top #navigation {padding:0!important;margin:0!important}
body .top-block-wrapper .page-top .breadcrumbs {padding:14px 0 0!important;margin:0!important}
body .top-block-wrapper .page-top .hc-sec-intro {background:transparent!important;margin:12px 0 0;padding:0;border:0;border-radius:0;color:var(--hc-muted)}
body .breadcrumbs :is(a,span) {color:var(--hc-muted)}
body :is(.dark_link,.dark-color,.color_333,.color_222) {color:var(--hc-ink)}
body :is(.muted,.color_999,.color_666) {color:var(--hc-muted)}
body :is(.bordered,.bordered-block,.form-control,.module-pagination a,.module-pagination span,.tabs li) {border-color:var(--hc-line)}
body :is(.bg-white,.white-bg) {background-color:var(--hc-surface)}
body :is(.btn,.button.transparent,.jq-selectbox__select) {border-radius:10px}
body :is(.btn.btn-default,.btn.btn-primary,.btn.btn-default:active,.btn.btn-default:focus),
body #basket-root .basket-checkout-section .btn.btn-default,
body #bx-soa-order-form .btn.btn-default {
  background:var(--hc-accent)!important;border-color:var(--hc-accent)!important;color:#fff!important;
}
body :is(.btn.btn-default,.btn.btn-primary):hover,
body #basket-root .basket-checkout-section .btn.btn-default:hover,
body #bx-soa-order-form .btn.btn-default:hover {
  background:var(--hc-accent-hover)!important;border-color:var(--hc-accent-hover)!important;color:#fff!important;
}
body :is(.btn.btn-default.white,.btn.btn-transparent-border,.btn.btn-transparent-border-color,.btn.btn-default.transparent) {
  background:var(--hc-surface)!important;border-color:var(--hc-line)!important;color:var(--hc-accent-text)!important;
}
body :is(.btn.btn-default.white,.btn.btn-transparent-border,.btn.btn-transparent-border-color,.btn.btn-default.transparent):hover {
  background:var(--hc-soft)!important;border-color:var(--hc-accent-text)!important;color:var(--hc-accent-text)!important;
}
body :is(.form-control,input[type=text],input[type=tel],input[type=email],input[type=password],input[type=search],textarea):not([class*=hcc]):not([class*=hct]) {
  border-color:var(--hc-line);border-radius:8px;
}
body :is(.form .form-control,.auth-page input,.bx-soa input.form-control,.bx-soa textarea.form-control) {background:var(--hc-surface);color:var(--hc-ink)}
body :is(.form .form-control,.auth-page input):focus {border-color:var(--hc-accent)}
body .module-pagination :is(a,span) {border-radius:8px}
body .module-pagination :is(.cur,.active) {background:var(--hc-accent);color:#fff;border-color:var(--hc-accent)}
body :is(.tabs li.active,.nav-tabs li.active a) {border-top-color:var(--hc-accent)}
body :is(.menu_item_selected a,.text-color-theme,.color_link,.colored_theme_hover_text:hover,.dark_link:hover) {color:var(--hc-accent-text)!important}
body :is(.counter_block,.quantity,.tabs li,.nav-tabs li a) {border-radius:8px}
/* Catalogue, all generated category pages and product detail pages. */
html body .hc-overview-card,
body :is(.catalog_item,.catalog_block .catalog_item_wrapp,.item-views .item.bordered,.auth-page,.form.bordered) {
  border-radius:var(--hc-radius);border-color:var(--hc-line);background-color:var(--hc-surface);
}
html body .hc-overview-card {background:var(--hc-surface)!important;border-radius:var(--hc-radius)!important;box-shadow:var(--hc-shadow)}
html body .hc-overview-head {background:var(--hc-surface)!important}
html body .hc-overview-card:hover {border-color:var(--hc-accent);box-shadow:0 10px 28px rgba(66,43,25,.1)}
html body :is(.hc-overview-title,.hc-overview-child) {color:var(--hc-ink)!important}
html body .hc-overview-count {color:var(--hc-muted)!important}
html body .hc-overview-children a {color:var(--hc-muted)!important;border-color:var(--hc-line)!important}
html body .hc-overview-children .hc-overview-all {color:var(--hc-accent-text)!important}
html body .hc-catalog-overview .hc-overview-head:hover .hc-overview-title {color:var(--hc-accent-text)!important}
body .catalog_block .catalog_item {border-radius:var(--hc-radius)}
body :is(.bx_filter,.hc-category-search,.hc-sec-intro,.hc-cta-sect,.hcq-cta) {
  border-color:var(--hc-line);border-radius:var(--hc-radius);background-color:var(--hc-surface);
}
body :is(.hc-category-search,.hc-sec-intro,.hc-cta-sect,.hcq-cta) {color:var(--hc-ink)}
body :is(.hc-chip-group,.hc-chips a,.hc-active-filters a,.hc-filter-help,.hc-fl-band,.hc-mf-group) {border-color:var(--hc-line)}
body .product-detail-gallery__container {background:#fff;border-color:var(--hc-line);border-radius:var(--hc-radius)}
body .product-info {background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-radius);padding:20px}
body .product-info .price {color:var(--hc-ink)}
body .product-info :is(.hc-calc-cta,.hc-buyinfo,.hc-trust,.hc-sample-btn) {border-color:var(--hc-line);border-radius:10px}
body :is(.sku_props .bx_item_detail_size ul li.active,.hc-unit-select button.active,.hc-unit-select .active) {background-color:var(--hc-accent);border-color:var(--hc-accent);color:#fff}
body :is(.hc-companion-guide,.hc-product-catalog,.hc-store-reviews,.hc-price-table,.hc-spec) {border-color:var(--hc-line);border-radius:12px}
body :is(.hc-companion-guide,.hc-product-catalog,.hc-store-reviews) {background-color:var(--hc-surface);color:var(--hc-ink)}
/* Editorial and service layouts share the same palette as the online tools. */
html body :is(#hc-company,#hc-seven,#hc-services,#hc-contacts,.hc-faq,.hc-req,.hc-doc-page,.hcl-hub,.hcl-detail,#hc-brand) {
  --ink:var(--hc-ink)!important;--muted:var(--hc-muted)!important;--line:var(--hc-line)!important;
  --red:var(--hc-accent-text)!important;--red-ink:var(--hc-accent-text)!important;
  --paper:var(--hc-page)!important;--card:var(--hc-surface)!important;--soft:var(--hc-soft)!important;
  --hs-red:var(--hc-accent-text)!important;--hs-ink:var(--hc-ink)!important;
  --hs-muted:var(--hc-muted)!important;--hs-line:var(--hc-line)!important;--hs-paper:var(--hc-page)!important;
  background-color:var(--hc-page)!important;color:var(--hc-ink)!important;
}
html body :is(#hc-company,#hc-seven,#hc-services,#hc-contacts,.hc-faq,.hc-req,.hc-doc-page,.hcl-hub,.hcl-detail,#hc-brand)
  :is(.ha-eyebrow,.hx-eyebrow,.hs-eyebrow,.eyebrow,.hcf-kicker,.hc-doc-kicker,.hc-req__eyebrow,.hcl-eyebrow) {color:var(--hc-accent-text)!important}
html body :is(#hc-seven .hx-hero,#hc-services .hs-intro,#hc-services .hs-detail-intro,#hc-contacts .intro,.hc-faq .hcf-hero,.hc-doc-page .hc-doc-hero,.hc-req .hc-req__hero,.hcl-hub .hcl-hub-intro) {
  background:var(--hc-soft)!important;border:1px solid var(--hc-line);border-radius:var(--hc-radius);padding:28px 32px;
  margin-top:12px;margin-bottom:28px;
}
html body :is(#hc-seven .hx-hero,#hc-services .hs-intro,#hc-services .hs-detail-intro,#hc-contacts .intro,.hc-faq .hcf-hero,.hc-doc-page .hc-doc-hero,.hc-req .hc-req__hero,.hcl-hub .hcl-hub-intro)
  :is(h1,h2) {color:var(--hc-ink)!important;line-height:1.18;letter-spacing:-.025em;font-weight:650}
html body :is(#hc-company .ha-hero,#hc-services .hs-feature,.hcl-detail .hcl-hero) {border-radius:var(--hc-radius);border-color:var(--hc-line);overflow:hidden;background:var(--hc-soft)}
html body :is(#hc-company .ha-hero-copy,#hc-services .hs-feature-copy,.hcl-detail .hcl-hero-copy) {background:var(--hc-soft);color:var(--hc-ink)}
html body :is(#hc-company .ha-card,#hc-company .ha-place,#hc-company .ha-proof a,#hc-services .hs-card,#hc-services .hs-calculators,#hc-contacts .location-panel,#hc-contacts .hc-allp__place,.hc-faq .hcf-item,.hc-doc-page .hc-doc-item,.hc-req .hc-req__card,.hcl-collection,.hcl-sample,.hc-bindex__group) {
  background:var(--hc-surface)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius);color:var(--hc-ink);
}
html body :is(#hc-seven .hx-contact,#hc-company .ha-contact,#hc-company .ha-audience,#hc-services .hs-contact,#hc-contacts .contact-strip,.hc-faq .hcf-help,.hc-faq .hcf-tools,.hc-doc-page .hc-doc-note,.hc-doc-page .hc-doc-feature,.hc-req .hc-req__foot,.hcl-help) {
  background:var(--hc-soft)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius);
}
html body :is(#hc-company,#hc-seven,#hc-services,#hc-contacts,.hc-faq,.hc-req,.hc-doc-page,.hcl-hub,.hcl-detail)
  :is(.ha-button,.hx-button,.hs-button,.button,.hcf-button,.hc-doc-btn,.hc-req__btn,.hcl-button,.hcf-filter,.hcl-filter) {border-radius:10px;border-color:var(--hc-line)}
html body :is(#hc-company .ha-primary,#hc-seven .hx-primary,#hc-services .hs-primary,#hc-contacts .button.primary,.hc-doc-btn--red,.hc-req__btn--primary,.hcl-primary,.hc-faq .hcf-filter.is-active,.hcl-filter.is-active) {
  background:var(--hc-accent)!important;border-color:var(--hc-accent)!important;color:#fff!important;
}
html body :is(#hc-company .ha-primary,#hc-seven .hx-primary,#hc-services .hs-primary,#hc-contacts .button.primary,.hc-doc-btn--red,.hc-req__btn--primary,.hcl-primary):hover {
  background:var(--hc-accent-hover)!important;border-color:var(--hc-accent-hover)!important;color:#fff!important;
}
html body :is(#hc-company .ha-button:not(.ha-primary),#hc-seven .hx-button:not(.hx-primary),#hc-services .hs-secondary,#hc-contacts .button.secondary,.hc-doc-btn:not(.hc-doc-btn--red),.hc-req__btn:not(.hc-req__btn--primary),.hcl-secondary) {
  background:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important;
}
html body :is(#hc-company,#hc-seven,#hc-services,#hc-contacts,.hc-faq,.hc-req,.hc-doc-page,.hcl-hub,.hcl-detail)
  :is(.ha-card h2,.ha-card h3,.ha-place-copy h3,.hs-card h3,.hs-feature h2,.hs-contact h2,.hx-contact h2,.hc-allp__place h3,.location-info h2,.hcf-item summary,.hc-req__card-title,.hc-doc-item h3,.hcl-collection h2) {color:var(--hc-ink)!important}
html body :is(#hc-seven .hx-nav a,#hc-services .hs-filters button,#hc-contacts .place-tabs button) {border-radius:10px;border-color:var(--hc-line);color:var(--hc-ink);background:var(--hc-surface)}
html body :is(#hc-seven .hx-nav a.active,#hc-seven .hx-nav a[aria-current=page],#hc-services .hs-filters button.is-active,#hc-contacts .place-tabs button.active) {background:var(--hc-accent);border-color:var(--hc-accent);color:#fff}
html body :is(.hc-doc-filters,.hc-req__nav,.hcl-discovery) {border-radius:var(--hc-radius);border-color:var(--hc-line);background:var(--hc-surface)}
html body :is(.hc-doc-filters,.hcl-discovery) {padding:22px}
html body :is(.hcq-btn,.hcq-cta__go,.hc-cta-sect__btn) {background:var(--hc-accent)!important;border-color:var(--hc-accent)!important;color:#fff!important;border-radius:10px}
html body :is(#hc-seven,#hc-services,.hc-doc-page) table :is(th,td) {border-color:var(--hc-line)!important;color:var(--hc-ink)!important;background:var(--hc-surface)!important}
html body :is(#hc-seven,#hc-services,.hc-doc-page) table th {background:var(--hc-soft)!important}
html body #hc-services :is(.hs-intro-copy,.hs-feature-copy p,.hs-card-copy p,.hs-feature-foot,.hs-crumb,.hs-count) {color:var(--hc-muted)!important}
html body #hc-contacts :is(.intro-copy,.city-tabs button:not(.active),.text-button,.place-tabs .tab-number,.place-tabs span,.crumb,.visit-guide p) {color:var(--hc-muted)!important}
html body #hc-contacts .place-tabs .active :is(span,.tab-number) {color:#fff!important}
html body #hc-contacts .intro .eyebrow {color:var(--hc-accent-text)!important;letter-spacing:.08em}
html body #hc-contacts .visit-guide h3,html body #hc-services .hc-svc__step-ttl {color:var(--hc-ink)!important}
html body .hc-faq :is(.hcf-help .hcf-button,.hcf-filter[aria-pressed=true]) {background:var(--hc-accent)!important;border-color:var(--hc-accent)!important;color:#fff!important}
html body .hc-faq .hcf-tools {padding:24px}
html body .hc-faq .hcf-item {border-radius:12px!important}
html body :is(#hc-services .hc-svc__note,#hc-services .hc-svc__faq,#hc-contacts .questions) {background:var(--hc-soft)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius)}
html body #hc-contacts .hc-allp__city {background:var(--hc-surface)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius)}
html body #hc-contacts :is(#copy-address,#guide-copy,.tiny-num,.place-tabs button small,.contact-methods small) {color:var(--hc-muted)!important}
html body#main #hc-contacts .place-tabs button.active small {color:#fff!important}
html body #hc-contacts .faq {background:var(--hc-soft)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius)}
html body :is(#hc-services .hs-calculator-icon,#hc-services .hs-contact a span,.hc-sec-intro a,.hc-search-scope button[aria-pressed=true]) {color:var(--hc-accent-text)!important}
html body .hcq-cta .hcq-cta__txt b {color:var(--hc-ink)!important}
html body :is(.hcq-cta .hcq-cta__txt span,.hc-pt-note) {color:var(--hc-muted)!important}
body .hcc :is(.hcc-hint,.hcc-est,.hcc-total>span) {color:var(--hc-muted)!important}
/* Remaining information-page cards and native lists inside the editorial shell. */
html body #hc-seven :is(.hx-start>a,.hc-pay__card,.hc-dlv__way,.hc-wrt__step,.hc-ship__card,.hc-wrt__box,.news2 .item,.partners .item-wrap) {
  background:var(--hc-surface)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius);
}
html body #hc-seven :is(.hc-pay__note,.hc-dlv__note,.hc-wrt__panel,.hc-wrt__note,.hc-sale-archive) {
  background:var(--hc-soft)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius);
}
html body #hc-seven :is(.head-block,.head-block .item,.head-block .item-link,.head-block .title,.ajax_load_btn,.menu_item_selected,.news2 .inner-text,.partners .item,.partners .title,.hc-bindex__brands a) {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body #hc-seven .hx-search input {background:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line);border-radius:10px}
html body #hc-tools.hct-design {--hs-red:var(--hc-accent-text)!important}
html body #hc-tools.hct-design .hs-contact {--hs-red:var(--hc-accent-text)!important}
html body .auth-page :is(.prompt.remember label,.soc-avt .title) {color:var(--hc-muted)!important}
body :is(.item-views.news2,.item-views.news,.item-views.sales2) .item {border-radius:var(--hc-radius);border-color:var(--hc-line)}
body :is(.item-views.news2,.item-views.news) .item .image {border-radius:16px 16px 0 0}
body :is(.detail-news1 .detail_content_wrapper,.detail-news1 .detailimage,.hc-paradyz-compare) {border-radius:var(--hc-radius)}
/* Public account, basket, order and modal forms. */
body :is(.basket-items-list-wrapper,.basket-checkout-container,.bx-soa-section,.bx-soa-cart-total,.sale-personal-section-index-block,.personal_wrapper .orders_wrapper,.auth_wrapp,.popup .form) {border-radius:var(--hc-radius);border-color:var(--hc-line);background-color:var(--hc-surface)}
body :is(.basket-checkout-section,.bx-soa-section-title-container) {background:var(--hc-soft);border-color:var(--hc-line);color:var(--hc-ink)}
body :is(.basket-items-list,.basket-item-block-price,.basket-item-amount-filed-block,.bx-soa-section-content) {background-color:var(--hc-surface);color:var(--hc-ink)}
body #hc-cookie-note {background:var(--hc-surface)!important;border-color:var(--hc-line)!important;color:var(--hc-ink)!important;border-radius:12px}
body #hc-cookie-note button {background:var(--hc-accent)!important;border-radius:9px;color:#fff!important}
body #footer {background:var(--hc-surface);border-top:1px solid var(--hc-line)}
body #footer :is(.footer_top,.footer_bottom,.footer_inner) {background-color:var(--hc-surface);border-color:var(--hc-line)}
body #footer :is(.dark_link,.copy,.info,.phone a,.menu a) {color:var(--hc-ink)}
/* Mobile: compact title panels, natural content heights, no fixed hero space. */
@media(max-width:767px){
  body .top-block-wrapper:has(.page-top) {padding-top:14px;padding-bottom:18px}
  body .top-block-wrapper .page-top {width:calc(100% - 30px);padding:18px!important;border-radius:14px}
  body .page-top :is(h1,#pagetitle) {font-size:25px;line-height:1.25;overflow-wrap:anywhere}
  body .page-top .breadcrumbs {padding-top:10px}
  body .product-info {padding:16px;border-radius:14px}
  html body :is(#hc-seven .hx-hero,#hc-services .hs-intro,#hc-services .hs-detail-intro,#hc-contacts .intro,.hc-faq .hcf-hero,.hc-doc-page .hc-doc-hero,.hc-req .hc-req__hero,.hcl-hub .hcl-hub-intro) {
    padding:22px 20px;margin-top:10px;margin-bottom:22px;min-height:0;gap:18px;border-radius:14px;
  }
  html body :is(#hc-seven .hx-hero,#hc-services .hs-intro,#hc-services .hs-detail-intro,#hc-contacts .intro,.hc-faq .hcf-hero,.hc-doc-page .hc-doc-hero,.hc-req .hc-req__hero,.hcl-hub .hcl-hub-intro) :is(h1,h2) {font-size:28px;overflow-wrap:anywhere}
  html body #hc-company .ha-hero-copy {padding:26px 22px}
  html body #hc-company .ha-hero h1 {font-size:29px;line-height:1.22}
  body :is(.hc-overview-card,.hc-bindex__group,.hcl-collection) {border-radius:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print {body{--hc-page:#fff;--hc-surface:#fff;--hc-soft:#fff;--hc-ink:#111;--hc-muted:#444;--hc-line:#ccc;--hc-accent-text:#111}body .top-block-wrapper .page-top{border:0;box-shadow:none}}

/* Owner screenshot corrections · 16 October 2026. */
body .top-block-wrapper .page-top {
  max-width:var(--theme-page-width,1500px);
}
@media(max-width:767px) {
  body .top-block-wrapper .page-top {width:calc(100% - 32px)}
}
/* Search and account share one center line, including their inline SVG boxes. */
@media(min-width:992px) {
  body header .top-block.header-v16 .right-icons :is(.inline-search-show,.personal-link) {
    display:inline-flex;align-items:center;min-height:44px;padding-block:0;margin:0!important;gap:16px;
  }
  body header .top-block.header-v16 .right-icons :is(.inline-search-show,.personal-link) > .svg {
    display:flex;align-items:center;position:static;margin:0;line-height:1;flex:none;
  }
  body header .top-block.header-v16 .right-icons :is(.inline-search-show,.personal-link) > .svg svg {display:block}
  body header .top-block.header-v16 .right-icons :is(.inline-search-show > .title,.personal-link > .wrap,.personal-link .name) {
    margin:0;padding:0;line-height:20px;
  }
  body header .top-block.header-v16 .right-icons .personal-link .name {display:block}
}
/* Keep the desktop filter icon inside the same gutter as the filter fields. */
@media(min-width:768px) {
  body .bx_filter .filter_title {padding-left:20px;padding-right:20px}
}

/* Closed menus have no layout footprint; open menus fit the viewport. */
body .page-top .breadcrumbs__dropdown-wrapper {
  display:none;
  width:max-content;
  max-width:calc(100vw - 32px);
  left:var(--hc-crumb-shift,0px);
}
body .page-top .breadcrumbs__item:is(:hover,:focus-within) > .breadcrumbs__dropdown-wrapper {
  display:block;visibility:visible;opacity:1;
}
body .page-top .breadcrumbs__dropdown {
  box-sizing:border-box;max-width:100%;min-width:0;
}
body .page-top .breadcrumbs__dropdown-item {
  white-space:normal;overflow-wrap:anywhere;
}

/* Warm ecru surfaces; white lettering and original photography stay intact. */
:root, body {--hc-surface:#f5f0e6}
body header .top-block.header-v16,
body header .logo_and_menu-row,
body header .logo-row,
body #headerfixed, body #mobileheader, body #mobilemenu {
  background-color:var(--hc-surface)!important;
}
body .product-detail-gallery__container {background:var(--hc-surface)}
body.theme-dark {--hc-surface:#24211e}
@media(prefers-color-scheme:dark) {body.theme-default {--hc-surface:#24211e}}

/* Category illustrations have a white baked-in canvas. Blend only the
   illustrated category UI into its warm surface, without rewriting image files. */
body .hc-cv2-card {isolation:isolate}
body:not(.theme-dark) .hc-cv2-photo {
  mix-blend-mode:multiply;
  background-color:transparent!important;
}
@media(prefers-color-scheme:dark) {
  body.theme-default .hc-cv2-photo {mix-blend-mode:normal}
}

/* Product and collection image canvases follow the same ecru surface.
   Original images in the zoom viewer keep their unmodified rendering. */
html body :is(.hcl-collection-photo,.hcl-sample-photo,.brand__picture,
  .detail-gallery-big__link,.detail-gallery-thumbs__item,
  .hc-colors__item,.hc-related__item,.catalog_item .thumb,
  .catalog_item .section-gallery-wrapper__item) {
  background-color:var(--hc-surface)!important;
  isolation:isolate;
}
html body .hcl-hub :is(#hcl-search,.hcl-filter:not(.is-active)) {
  background-color:var(--hc-surface)!important;
  color:var(--hc-ink)!important;
  border-color:var(--hc-line)!important;
}
body {--hc-image-blend:multiply}
body.theme-dark {--hc-image-blend:normal}
@media(prefers-color-scheme:dark) {body.theme-default {--hc-image-blend:normal}}
body :is(.product-detail-gallery__container img,.brand__picture img,.item-foto__picture img,
  .catalog_item .thumb img,.hc-colors__item img,.hc-related__item img,
  .hcl-collection-photo img,.hcl-sample-photo img,
  header .logo img,#headerfixed .logo img,#mobileheader .logo img) {
  mix-blend-mode:var(--hc-image-blend);
  background-color:transparent!important;
}

/* Gallery hover segments must never paint over their full-width sibling image.
   Blend the composed gallery against the isolated thumb, not each segment. */
html body .catalog_item .section-gallery-wrapper__item {
  background-color:transparent!important;
  isolation:auto;
}
body .catalog_item .section-gallery-wrapper {
  mix-blend-mode:var(--hc-image-blend);
}
body .catalog_item .section-gallery-wrapper img {mix-blend-mode:normal}

/* Native hover surfaces and secondary controls share the warm palette. */
body {--card_bg_hover_black:var(--hc-surface)!important}
html body .catalog_item > .inner_wrap {background-color:var(--hc-surface)!important}
html body :is(.counter_block,.product-item-detail-tabs-container-fixed,
  .detail-tabs .nav-tabs > li,.detail-tabs .nav-tabs > li > a) {
  background-color:var(--hc-surface)!important;
}
html body .counter_block input {background-color:transparent!important;color:var(--hc-ink)}
html body.detail_page .nav-tabs > li,
html body.detail_page .nav-tabs > li > a {background-color:var(--hc-surface)!important}
html body.detail_page .nav-tabs > li:not(.active):hover,
html body.detail_page .nav-tabs > li:not(.active):hover > a {background-color:var(--hc-soft)!important}

/* The native home/recommendation hover footer is the continuation of its card.
   Listing cards with an in-flow variants accordion keep their own layout. */
html body .catalog_item:not(:has(.hc-product-variants)) .footer_button {
  background-color:var(--hc-surface)!important;
  border-color:var(--hc-line)!important;
  border-radius:0 0 var(--hc-radius) var(--hc-radius)!important;
}
@media(min-width:992px) {
  html:not(.mobile) body .catalog_item:not(:has(.hc-product-variants)):is(:hover,.hover) > .inner_wrap {
    border-radius:var(--hc-radius) var(--hc-radius) 0 0!important;
    border-color:var(--hc-line)!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
  }
}

/* The catalogue flyout has its own hard-coded white panels. */
html body .hc-mega-host .hc-mega-dropdown {
  background-color:var(--hc-surface)!important;
  border-color:var(--hc-line);
  color:var(--hc-ink);
  isolation:isolate;
}
html body .hc-mega-host .hc-mega-tab {
  background-color:transparent!important;
  color:var(--hc-ink)!important;
}
html body .hc-mega-host .hc-mega-tab:is(.is-active,:hover,:focus-visible) {
  background-color:var(--hc-soft)!important;
  color:var(--hc-accent-text)!important;
}
html body .hc-mega-host :is(.hc-mega-bar,.hc-mega-nav,.hc-mega-panel-head) {
  border-color:var(--hc-line);
}
html body .hc-mega-host :is(.hc-mega-title,.hc-mega-section) {color:var(--hc-ink)}
html body .hc-mega-host :is(.hc-mega-eyebrow,.hc-mega-subtitle,.hc-mega-all) {color:var(--hc-muted)}
body .hc-mega-links :is(img,svg) {mix-blend-mode:var(--hc-image-blend)}
html body .hc-mega-host .hc-mega-close {background-color:transparent!important;color:var(--hc-muted)}
html body .hc-mega-host .hc-mega-close:is(:hover,:focus-visible) {background-color:var(--hc-soft)!important}

/* Native filter groups used a literal white background on mouse hover. */
html body .bx_filter .bx_filter_parameters_box:hover,
html body .bx_filter :is(.bx_filter_select_block,.bx_filter_select_popup) {
  background-color:var(--hc-surface)!important;
}
html body .bx_filter input:not(:checked) + .bx_filter_param_label::after {
  background-color:var(--hc-surface)!important;
}
html body .bx_filter input:not(:checked) + .bx_filter_param_label:hover::after {
  background-color:var(--hc-soft)!important;
}
html body .landings-list__name {background-color:var(--hc-surface)!important}
html body .landings-list__name:is(:hover,:focus-visible) {background-color:var(--hc-soft)!important}

/* In-grid promotional cards use the same surface as the product previews. */
html body .hc-product-promo .hc-promo,
html body .hc-product-promo .hc-promo__content {
  background-color:var(--hc-surface)!important;
  color:var(--hc-ink)!important;
}
html body .hc-product-promo .hc-promo {border-color:var(--hc-line)!important}
html body .hc-product-promo .hc-promo h3 {color:var(--hc-ink)!important}
html body .hc-product-promo .hc-promo p {color:var(--hc-muted)!important}
html body .hc-product-promo .hc-promo .hc-promo__eyebrow {color:var(--hc-accent-text)!important}
html body .hc-product-promo .hc-promo::before,
html body .hc-product-promo .hc-promo__eyebrow::before {background-color:var(--hc-accent)!important}
html body .hc-product-promo .hc-promo .hc-promo__cta {
  background-color:var(--hc-accent)!important;
  color:#fff!important;
}
html body .hc-product-promo .hc-promo:hover .hc-promo__cta {background-color:var(--hc-accent-hover)!important}

/* The native category sidebar and its flyouts use a separate white canvas. */
html body .menu_top_block .menu.dropdown,
html body .menu_top_block .menu.dropdown ul.dropdown {
  background-color:var(--hc-surface)!important;
  border-color:var(--hc-line)!important;
}
html body .menu_top_block .menu.dropdown li {background-color:transparent!important}
html body .menu_top_block .menu.dropdown > li > a.hc-category-link {
  background-color:var(--hc-surface)!important;
  color:var(--hc-ink)!important;
  isolation:isolate;
}
html body .menu_top_block .menu.dropdown > li:is(:hover,.current) > .hc-category-link {
  background-color:var(--hc-soft)!important;
  color:var(--hc-accent-text)!important;
}
html body .menu_top_block .menu.dropdown .image {
  background-color:transparent!important;
  mix-blend-mode:var(--hc-image-blend);
  isolation:auto;
}
html body .menu_top_block .menu.dropdown .image :is(img,svg) {
  background-color:transparent!important;
  mix-blend-mode:normal;
}
html body .menu_top_block .menu.dropdown .section {color:var(--hc-ink)}

/* 17.10.2026: shared theme surfaces, including native and AJAX-rendered components. */
html body :is(.hc-cv2-grid,.catalog_section_list,.hc-mega,#mobilemenu,.hc-benefits) {
 color-scheme:inherit;--white_text_black:var(--hc-ink);--basic_text_black:var(--hc-muted);
 --light_basic_text_black:var(--hc-muted);--card_bg_black:var(--hc-surface);
}
html body .catalog_section_list .section_item {background:var(--hc-surface)!important;border-color:var(--hc-line)!important;border-radius:var(--hc-radius)}
html body .catalog_section_list .section_item:hover {background:var(--hc-soft)!important;border-color:var(--hc-accent-text)!important}
html body .catalog_section_list .section_info :is(.name,.name a,.font_md) {color:var(--hc-ink)!important}
html body .catalog_section_list :is(.element-count,.element-count2,.sect a) {color:var(--hc-muted)!important;border-color:var(--hc-line)!important}
html body .hc-overview-image {background:var(--hc-surface)!important;isolation:isolate}
html body .hc-mega-host .hc-mega-tab {background:var(--hc-surface)!important;isolation:isolate}
html body .hc-mega-host .hc-mega-tab:is(.is-active,:hover,:focus-visible) {background:var(--hc-soft)!important}
html body #mobilemenu :is(.menu,.menu>li,.menu ul,.menu ul>li,.menu_back,.menu_title,.menu_title>a,.top-mobile-menu__link) {background:var(--hc-surface)!important;border-color:var(--hc-line)!important;color:var(--hc-ink)!important}
html body #mobilemenu :is(a,.top-mobile-menu__title,.hc-mobile-section-name) {color:var(--hc-ink)!important}
html body #mobilemenu :is(.hc-mm-hint,.svg,.arrow) {color:var(--hc-muted)!important}
html body #mobilemenu .menu_back a {background:var(--hc-soft)!important;color:var(--hc-muted)!important}
html body :is(.hc-citybar,.hc-rhint) {
 --hc-cb-card:var(--hc-surface);--hc-cb-ink:var(--hc-ink);--hc-cb-muted:var(--hc-muted);
 --hc-cb-line:var(--hc-line);--hc-cb-accent:var(--hc-accent-text);
}
html body :is(.viewed-wrapper,.viewed_product_block,.viewed_products_block) {background:var(--hc-page)!important;color:var(--hc-ink)!important}
html body .viewed-wrapper :is(.catalog_item,.item_wrap,.inner_wrap,.item_block) {background:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body :is(.slider-nav,.swiper-button-prev,.swiper-button-next,.countdown.values,.popup_regions,.city_chooser_small_frame,.popup-window,.jq-selectbox__dropdown,#mobilefilter,.bx_filter_parameters_box_title,.bx_filter_parameters_box_container) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body :is(.hc-benefits,.hc-benefits .maxwidth-theme) {background-color:var(--hc-page)!important;border-color:var(--hc-line)!important}
html body .hc-benefits :is(.title,.title span,.title a,.inner-text) {color:var(--hc-ink)!important}
html body .hc-benefits :is(.hc-benefit-slot,.hc-benefit-image) {background-color:transparent!important}
html body .catalog_section_list img {background:transparent!important}
/* Avoid inherited multiplication against the near-black card in viewed/recommendation strips. */
html body .viewed-wrapper .catalog_item :is(.image_wrapper_block,.thumb,.section-gallery-wrapper) {background-color:var(--hc-surface)!important;isolation:isolate}
html body .viewed-wrapper .catalog_item img {mix-blend-mode:var(--hc-image-blend)!important;filter:none!important;opacity:1!important}
html body .viewed-wrapper .section-gallery-wrapper {mix-blend-mode:normal!important}
@media(max-width:767px){
 html body .wrapper1.front_page #content .SALE .items>.row {display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:12px!important;margin:0!important;padding:0 0 10px!important;scroll-padding:0;scroll-snap-type:x proximity}
 html body .wrapper1.front_page #content .SALE .items>.row::before,
 html body .wrapper1.front_page #content .SALE .items>.row::after {display:none!important;content:none!important}
 html body .wrapper1.front_page #content .SALE .item-wrapper {flex:0 0 84%!important;width:84%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0;float:none!important}
 html body .wrapper1.front_page #content .SALE .item-wrapper>.item {width:100%!important;left:auto!important;margin:0!important;transform:none!important}
}
html body .wrapper1.front_page #content .TIZERS .image.hc-vector-icon {background:none!important;color:var(--hc-ink)!important;display:flex!important;align-items:center;justify-content:center}
html body .wrapper1.front_page #content .TIZERS .hc-vector-icon>svg {display:block!important;width:56px!important;height:56px!important;opacity:1!important}
html body .hc-vector-icon::before,html body .hc-vector-icon::after {content:none!important;display:none!important}
html body .hc-alpha-art {mix-blend-mode:normal!important;background:transparent!important}
html body #mobilemenu .top-mobile-menu__image {background:transparent!important}
html body #mobilemenu .top-mobile-menu__image .hc-alpha-art {background:transparent!important}
html body .viewed-wrapper :is(.block-item,.block-item__wrapper,.block-item__inner) {background:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body .viewed-wrapper :is(.block-item__image,.block-item__image a) {background:var(--hc-surface)!important;isolation:isolate}
html body .viewed-wrapper .block-item__image img {mix-blend-mode:var(--hc-image-blend)!important;filter:none!important;opacity:1!important}
html body .wrapper1.front_page #content .TIZERS .hc-vector-icon>svg {color:var(--hc-ink)!important;stroke:var(--hc-ink)!important}
html body .wrapper1.front_page #content .TIZERS .hc-vector-icon>svg [stroke] {stroke:var(--hc-accent-text)!important}
/* Neutral photographic mats: retain readable dark materials, avoid multiplying them into a dark card. */
body {--hc-photo:var(--hc-surface);--hc-photo-blend:multiply}
body.theme-dark {--hc-photo:#b9b1a5;--hc-photo-blend:darken}
@media(prefers-color-scheme:dark){body.theme-default{--hc-photo:#b9b1a5;--hc-photo-blend:darken}}
html body :is(.viewed-wrapper .block-item__image,.viewed-wrapper .block-item__image a,.catalog_section_list td.image .thumb,.catalog_item .thumb,.detail-gallery-big__link,.detail-gallery-thumbs__item,.brand__picture,.hcl-collection-photo,.hcl-sample-photo,.hc-colors__item,.hc-related__item) {background:var(--hc-photo)!important;isolation:isolate}
html body :is(.viewed-wrapper .block-item__image img,.catalog_section_list td.image img,.catalog_item .thumb img,.product-detail-gallery__container img,.brand__picture img,.hcl-collection-photo img,.hcl-sample-photo img,.hc-colors__item img,.hc-related__item img) {background:transparent!important;mix-blend-mode:var(--hc-photo-blend)!important;filter:none!important;opacity:1!important}
html body .catalog_item .section-gallery-wrapper {mix-blend-mode:var(--hc-photo-blend)!important}
html body .catalog_item .section-gallery-wrapper img {mix-blend-mode:normal!important}
html body .catalog_section_list td.image .thumb:has(.hc-alpha-art) {background:transparent!important}
html body #mobilemenu :is(.mobilemenu-v1,.wrap,a) {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body #mobilemenu a:is(:hover,:focus-visible) {background-color:var(--hc-soft)!important;color:var(--hc-accent-text)!important}
html body :is(.social-icons,.social-icons ul,.social) li a {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body .hc-clearance-lode a {background:var(--hc-surface)!important;color:var(--hc-accent-text)!important;border-color:var(--hc-line)!important}
html body .hc-clearance-lode a:hover {background:var(--hc-soft)!important}
html body #footer :is(.viewed_product_block,.viewed-wrapper) {background:var(--hc-page)!important;color:var(--hc-ink)!important}
html body #footer .viewed-wrapper :is(.block-item,.block-item__wrapper,.block-item__inner) {background:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body #footer .viewed-wrapper :is(.block-item__image,.block-item__image a) {background:var(--hc-photo)!important;isolation:isolate}
html body #footer .viewed-wrapper .block-item__image img {mix-blend-mode:var(--hc-photo-blend)!important;filter:none!important;opacity:1!important}
html body#main #content {background-color:var(--hc-page)!important}
html body :is(.hs-mobile-action,.hc-dlv__table,.hc-pay__terms table,.hc-ship__scroll table,.hc-dlv__terms table,.hs-wrap table tr) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body .hc-subcategory-media {display:inline-flex;flex:0 0 56px;width:56px;height:56px;background:var(--hc-photo)!important;isolation:isolate;border-radius:8px;overflow:hidden}
html body .hc-mega-links img.hc-subcategory-thumb {background:transparent!important;mix-blend-mode:var(--hc-photo-blend)!important}
html body .menu_top_block .menu.dropdown ul.dropdown .image:not(:has(.hc-alpha-art)) {background:var(--hc-photo)!important;mix-blend-mode:normal!important;isolation:isolate;border-radius:6px}
html body .menu_top_block .menu.dropdown ul.dropdown .image img {mix-blend-mode:var(--hc-photo-blend)!important}
html body .brands_slider .image,html body .item-views.brands .image {background:var(--hc-photo)!important;isolation:isolate}
html body .brands_slider .image img,html body .item-views.brands .image img {mix-blend-mode:var(--hc-photo-blend)!important}
html body #content.wraps {background-color:var(--hc-page)!important}
html body #hc-contacts .mobile-actions {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body .item-views.brands .image a {background:var(--hc-photo)!important;isolation:isolate}
html body .item-views.brands .image a img {mix-blend-mode:var(--hc-photo-blend)!important}
html body .image.w-picture a {background-color:var(--hc-photo)!important;isolation:isolate}
html body .image.w-picture a img {background:transparent!important;mix-blend-mode:var(--hc-photo-blend)!important}
html body #hpp-hero,html body #hc-paradyz-objects .hpg-tools {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body .hc-pt-scroll th {background-color:var(--hc-soft)!important;color:var(--hc-ink)!important}
html body .head-block .item-link.active {background-color:var(--hc-soft)!important;color:var(--hc-accent-text)!important}
html body #hc-paradyz-compare .hpc-table th {background:var(--hc-soft)!important;color:var(--hc-ink)!important}
html body#main #footer .viewed_product_block {background:var(--hc-page)!important}
html body#main #footer .viewed-wrapper :is(.block-item,.block-item__wrapper,.block-item__inner) {background:var(--hc-surface)!important;border-color:var(--hc-line)!important}
html body#main #footer .viewed-wrapper :is(.block-item__image,.block-item__image a) {background:var(--hc-photo)!important;isolation:isolate}
html body#main #footer .viewed-wrapper .block-item__image img {mix-blend-mode:var(--hc-photo-blend)!important;filter:none!important;opacity:1!important}
/* Native components redeclare these tokens inside their own scopes. */
html body :where(*) {
 --card_bg_black:var(--hc-surface)!important;--card_bg_hover_black:var(--hc-surface)!important;
 --light_bg_black:var(--hc-page)!important;--light_bg_black2:var(--hc-soft)!important;
 --stroke_black:var(--hc-line)!important;
}
html body#main #content :is(.top-block-wrapper,.wrapper_inner) {background-color:var(--hc-page)!important}
html body#main #content .catalog_item {background-color:var(--hc-surface)!important}
html body .hcl-benefits a,html body #hcl-about {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body .hc404-search input {background:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body :is(.hcux-nav a,.hcc-step,.hcc-res-in,.hcc-related-list a,.hcp-btn,.hcc-tab:not(.active):not(.is-active):not(.on):not([aria-selected=true]),.hcc-tab2:not(.active):not(.is-active):not(.on):not([aria-selected=true])) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body .hcc-form :is(input:not([type=checkbox]):not([type=radio]),select),html body .hcc-res-in :is(input,select) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body .hcc-check input:not(:checked) {background-color:var(--hc-soft)!important;border-color:var(--hc-line)!important}
html body .hs-wrap :is(.hs-feature,.hs-card,.hs-contact,details) {background-color:var(--hc-surface)!important;border-color:var(--hc-line)!important}
/* Override the older body#main icon rules, including their embedded SVG backgrounds. */
html body#main .wrapper1.front_page #content .hc-benefits.TIZERS .item-wrapper .item .image.hc-vector-icon {background:none!important;color:var(--hc-ink)!important}
html body#main .wrapper1.front_page #content .hc-benefits.TIZERS .item-wrapper .item .image.hc-vector-icon>svg {display:block!important;color:var(--hc-ink)!important;stroke:var(--hc-ink)!important;width:56px!important;height:56px!important}
html body#main .wrapper1.front_page #content .hc-benefits.TIZERS .item-wrapper .item .image.hc-vector-icon>svg [stroke] {stroke:var(--hc-accent-text)!important}
html body#main #mobilemenu .top-mobile-menu__link>.image.top-mobile-menu__image,
html body#main #mobilemenu .hc-mobile-section-heading>.top-mobile-menu__image,
html body#main #mobilemenu .top-mobile-menu__image :is(img,svg.hc-cv2-photo) {background:transparent!important}
html body#main #mobilemenu .top-mobile-menu__image .hc-alpha-art {mix-blend-mode:normal!important}
html body :is(.confirm_region,.confirm_region:before,.confirm_region:after) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body :is(.popup_regions,.city_chooser_small_frame) :is(input,.cities,.items,.item,.favorits) {background-color:var(--hc-surface)!important;color:var(--hc-ink)!important;border-color:var(--hc-line)!important}
html body#main #mobilemenu .top-mobile-menu__image .hc-cv2-photo {mix-blend-mode:normal!important}

/* Keep recommendation labels on their card surface; tint only the image mat. */
html body#main .hc-related__item {background:var(--hc-surface)!important}
html body#main .hc-related-media {display:inline-flex;flex:0 0 auto;background:var(--hc-photo)!important;isolation:isolate;border-radius:6px;overflow:hidden}
html body#main .catalog_section_list :is(.name,.name a,.font_md) {color:var(--hc-ink)!important}

/* Product images repeated in the sticky purchase bar and lower brand panel. */
html body#main :is(.item-foto__picture,.brand-detail-info__image>a) {background:var(--hc-photo)!important;isolation:isolate}
html body#main :is(.item-foto__picture,.brand-detail-info__image)>img,
html body#main .brand-detail-info__image>a>img {background:transparent!important;mix-blend-mode:var(--hc-photo-blend)!important}

/* Footer social sprite glyphs are white. Keep their buttons legible in both themes. */
html body#main #footer .social-icons li > a {
  background-color: #394037 !important;
  border-color: #747b6f !important;
}
html body#main #footer .social-icons li > a:is(:hover, :focus-visible) {
  background-color: #af4229 !important;
  border-color: #af4229 !important;
}
html body#main #footer .social-icons li > a:focus-visible {
  outline: 2px solid #f5f0e6;
  outline-offset: 3px;
}

/* 19.10.2026: city prompt in the first screen, below the header. */
html body #hc-city-notices{box-sizing:border-box;clear:both;width:100%;max-width:1500px;margin:0 auto 16px;padding:12px 32px 0}
html body #hc-city-notices :is(.hc-citybar,.hc-rhint){position:relative!important;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 56px 16px 20px!important}
html body #hc-city-notices :is(.hc-citybar__q,.hc-rhint__q){flex:1 1 420px;margin:0;padding:0}
html body #hc-city-notices :is(.hc-citybar__btns,.hc-rhint__btns){flex:0 1 auto;margin:0}
html body #hc-city-notices .hc-citybar__x{top:10px;right:8px}
html body #hc-city-notices .hc-citybar.hc-mini{flex:0 1 auto;padding:0!important}
html body #hc-city-notices:empty{display:none}
@media(max-width:767px){
 html body #hc-city-notices{padding:8px 12px 0;margin-bottom:12px}
 html body #hc-city-notices :is(.hc-citybar,.hc-rhint){gap:12px;padding:14px 16px!important}
 html body #hc-city-notices :is(.hc-citybar__q,.hc-rhint__q){flex-basis:100%;padding-right:28px}
 html body #hc-city-notices :is(.hc-citybar__btns,.hc-rhint__btns){width:100%}
}

/* Keep the two contact-page cards separate, with matching outer edges. */
html body #hc-contacts .contact-strip {
  margin:0 -32px 32px;
  padding:54px 32px;
}
@media (max-width:1100px) {
  html body #hc-contacts .contact-strip {margin:0 0 32px}
}
@media (max-width:760px) {
  html body #hc-contacts .contact-strip {margin-bottom:24px;padding:37px 20px}
}

/* Owner screenshot: align the current banner with the homepage content grid. */
@media (min-width:768px) {
 html body .wrapper1.front_page #hc-hero-slider .hc-clearance-hero__inner {
  width:calc(100% - var(--hhr-gutter)*2);max-width:var(--hhr-width);
  padding-left:0;padding-right:0;
 }
 html body .wrapper1.front_page #hc-hero-slider .hc-clearance-hero__text {max-width:440px}
}
@media (min-width:1101px) {
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__viewport {height:560px}
 html body .wrapper1.front_page #hc-hero-slider .hc-clearance-hero__inner {padding-top:40px;padding-bottom:80px}
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__arrow {
  top:auto;bottom:18px;transform:none;width:40px;height:40px;
  background:#f7f3ed;color:#483c30;border-color:#ded4c6;
 }
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__arrow:hover {background:#eee4d5;color:#483c30}
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__arrow--prev {left:calc(50% - 160px)}
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__arrow--next {right:calc(50% - 160px)}
}
/* Keep the visible dashes small, with a comfortable hit area around each one. */
html body .wrapper1.front_page #hc-hero-slider .hc-slider__dots {bottom:22px}
html body .wrapper1.front_page #hc-hero-slider .hc-slider__dot {
 height:32px;min-height:32px;background:transparent;opacity:1;
 display:flex;align-items:center;justify-content:center;
}
html body .wrapper1.front_page #hc-hero-slider .hc-slider__dot::before {
 content:"";display:block;width:100%;height:4px;border-radius:2px;
 background:#473b30;opacity:.35;transition:background-color .2s,opacity .2s;
}
html body .wrapper1.front_page #hc-hero-slider .hc-slider__dot:hover::before {opacity:.7}
html body .wrapper1.front_page #hc-hero-slider .hc-slider__dot[aria-current=true]::before {background:#af4229;opacity:1}
@media (max-width:1100px) {
 html body .wrapper1.front_page #hc-hero-slider .hc-slider__dots {bottom:6px}
}
/* City confirmation stays below the header and follows the same content edge. */
html body #hc-city-notices {
 width:calc(100% - 64px);max-width:1400px;padding:8px 0;margin:0 auto;
}
html body #hc-city-notices:not(:has(.hc-on)) {display:none}
html body #hc-city-notices .hc-citybar.hc-mini {margin:0!important}
@media (max-width:767px) {
 html body #hc-city-notices {width:calc(100% - 24px);padding:8px 0}
}