/* BYFECT identity. Source: byfect-site. The monogram is used without redrawing it. */
@font-face { font-family: Manrope; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/manrope-400-latin.woff2') format('woff2'); }
.byfect-brand { display:inline-flex; align-items:center; gap:10px; flex-shrink:0; min-height:44px; color:inherit; text-decoration:none; white-space:nowrap; font-family:Manrope,system-ui,sans-serif; font-size:.95rem; font-weight:700; letter-spacing:.02em; line-height:1.25; }
.byfect-brand:hover { text-decoration:none; }
.byfect-brand .byfect-brand__mark { display:block; flex:0 0 44px; width:44px; height:44px; object-fit:contain; }
.byfect-brand .byfect-brand__name { font-size:inherit; font-weight:700; }
.byfect-brand .byfect-brand__product { padding-inline-start:10px; border-inline-start:1px solid #a6afb5; font-size:.9em; font-weight:500; letter-spacing:0; color:inherit; }
[data-theme="dark"] .byfect-brand .byfect-brand__mark, .byfect-brand--inverse .byfect-brand__mark { filter:brightness(0) invert(1); }
.byfect-brand--inverse .byfect-brand__mark { flex-basis:48px; width:48px; height:48px; }
@media(max-width:480px) { .byfect-brand { gap:8px; font-size:.875rem; } .byfect-brand .byfect-brand__product { padding-inline-start:8px; } }