/* Shared storefront theme: homepage, catalogue, product and purchase flows. */
:root{--primary:#242424;--bg:#fff;--accent-soft:#f9eeee;--border:#e2e2e2;--font-ui:"Segoe UI",Arial,sans-serif}
body{background:#fff;color:#242424;font-family:var(--font-ui);font-weight:400}
/* Preserve the supplied wordmark; draw its accent with the shared brand colour. */
.tk-logo-art{position:relative;display:inline-block;line-height:0}
.tk-logo-art .logo-img{display:block;clip-path:inset(0 0 15% 0)}
/* owner 20.10.2026: the wordmark alone — no rule under it, neither the image's gold one (clipped above) nor a red one */
button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3,h4,.pd-title,.section-title{font-family:var(--font-ui)!important;font-weight:650!important}
body .pd-tab{font-family:var(--font-ui)!important;font-weight:600!important;font-size:15px!important}
.pd-tab-content{font-family:var(--font-ui);line-height:1.6}
.bq-spec-value,.bq-card-title,.bq-care-title{font-weight:600!important}
/* Header in three bands, as on Mirava (owner 20.10.2026: «все сливается»): linen top strip,
   white logo/search row, a light category bar with red hover/active. */
:root{--linen:#f3ece5;--linen-line:#e6dace;--bar:#f8f3ee}
.portal-topbar{background:var(--linen)!important;border-bottom:1px solid var(--linen-line)!important;color:#5b4d45}
.portal-topbar a{color:#5b4d45!important}
.portal-topbar a:hover{color:var(--accent)!important}
.portal-nav{background:#fff;border-bottom:1px solid var(--linen-line);color:#242424;box-shadow:0 1px 0 rgba(60,30,20,.03)}
.portal-catbar{background:var(--bar)!important;border-bottom:1px solid var(--linen-line);color:#242424}
.portal-catbar .container::after{background:linear-gradient(90deg,transparent,var(--bar))}
.portal-catbar .container::before{background:linear-gradient(270deg,transparent,var(--bar))}
.catbar-arrow.next{background:linear-gradient(to left,var(--bar) 55%,rgba(248,243,238,0))!important}
.catbar-link{color:#3d3430}
.catbar-link:hover,.catbar-link.catbar-active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-soft)}
.catbar-count{background:#efe8e1;border-color:transparent;color:#6b5d55}
.catbar-link:hover .catbar-count,.catbar-link.catbar-active .catbar-count{background:#fff;color:var(--accent)}
nav.breadcrumbs{background:#fff!important;border-bottom:1px solid #f0ebe6}
.catbar-journal{margin-left:8px;align-self:center;padding:6px 14px!important;border:1px solid #e8cfcf!important;border-radius:999px;background:#fff;color:var(--accent)!important;font-weight:600}
.catbar-journal:hover,.catbar-journal.catbar-active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Red needs a lighter shade on the charcoal footer to maintain contrast. */
footer a:hover{color:#f29ba2!important}
footer [style*="color:#a52730"]{color:#f29ba2!important}
footer svg[stroke="#a52730"]{stroke:#f29ba2}
footer span[style*="background:#a52730"]{background:#f29ba2!important}