@charset "UTF-8";
:root {
--f-row-h: 68px; }
@media (min-width: 1201px) {
:root { --f-row-h: 76px; } }
.familia .site-header,
.familia #masthead.site-header,
.familia.woocommerce-active .site-header,
.familia.woocommerce-active #masthead.site-header,
.familia.storefront-full-width-content .site-header {
position: sticky;
top: var(--f-sticky-top, 0px);
z-index: 300;
margin: 0;
padding: 0;
border: 0;
background: var(--f-ground);
color: var(--f-head-ink);
transition: box-shadow var(--f-mid) var(--f-ease);
}
.admin-bar.familia .site-header,
body.admin-bar.familia #masthead.site-header { top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--f-sticky-top, 0px)); }
html { scroll-padding-top: calc(var(--f-row-h) + var(--wp-admin--admin-bar--height, 0px) + 16px); }
@media (max-width: 600px) {
html { scroll-padding-top: calc(var(--f-row-h) + 16px); }
.admin-bar.familia .site-header,
body.admin-bar.familia #masthead.site-header { top: var(--f-sticky-top, 0px); }
}
.familia .f-footer .f-footer__news { scroll-margin-top: 0; }
.familia .site { overflow-x: clip; }
.familia .site-header,
.familia.f-scrolled .site-header { box-shadow: none; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
html:has(.f-strip) { scroll-padding-top: calc(var(--f-menu-compact-h, 64px) + var(--wp-admin--admin-bar--height, 0px) + 16px); }
html body.familia #masthead.site-header:has(.f-strip) {
position: relative;
top: auto;
min-height: calc(var(--f-row-h) + var(--f-menu-strip-h, 56px));
}
.familia.f-scrolled .site-header:has(.f-strip) .f-bar__row { min-height: var(--f-row-h); }
html.f-head-compact body.familia .site-header .f-bar:has(.f-strip) {
position: fixed;
top: var(--wp-admin--admin-bar--height, 0px);
right: 0;
left: 0;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
column-gap: 28px;
box-sizing: border-box;
height: var(--f-menu-compact-h, 64px);
padding-inline: max(var(--f-wide-gut), calc((100% - 1920px) / 2 + var(--f-wide-gut)));
background: #fff;
box-shadow: 0 2px 14px rgb(20 14 6 / .12);
animation: f-head-in .2s ease-out;
}
html.f-head-compact body.familia .f-bar:has(.f-strip) > .f-container,
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-bar__row { display: contents; }
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-logo { grid-row: 1; grid-column: 1; }
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-brand__img { width: auto; height: 32px; max-height: 32px; }
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-menu { display: none; }
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-bar__tools { grid-row: 1; grid-column: 3; margin: 0; }
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-cta { height: 36px; padding-inline: 12px; font-size: 13px; }
}
@media (min-width: 1280px) and (max-width: 1439px) and (hover: hover) and (pointer: fine) {
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-cta__more { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) and (hover: hover) and (pointer: fine) {
html.f-head-compact body.familia .f-bar:has(.f-strip) .f-cta { display: none; }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
html.f-head-compact body.familia .site-header .f-bar:has(.f-strip) { animation: none; }
}
.familia .f-bar { position: relative; background: var(--f-ground); } .familia .site-header .f-bar .f-container { max-width: var(--f-max, 1920px); padding-inline: var(--f-wide-gut, 30px); }
.familia .f-bar__row {
display: flex;
align-items: center;
gap: 20px;
min-height: var(--f-row-h);
}
@media (min-width: 1201px) {
.familia .site-header { min-height: var(--f-row-h); } .familia .f-bar__row { transition: min-height .3s ease; }
.familia.f-scrolled .f-bar__row { min-height: 68px; }
}
@media (min-width: 1201px) and (prefers-reduced-motion: reduce) {
.familia .f-bar__row { transition: none; }
}
.familia .f-bar .f-iconbtn,
.familia .f-drawer .f-iconbtn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
padding: 0;
border: 0;
border-radius: 5px;
background: transparent;
box-shadow: none;
color: var(--f-head-ink);
cursor: pointer;
}
.familia .f-bar .f-iconbtn:is(:hover, :active, [aria-expanded="true"]),
.familia .f-drawer .f-iconbtn:is(:hover, :active),
.familia .f-bar .f-action:is(.f-action--wishlist, .f-action--cart):hover { background: transparent; color: var(--f-head-ink); transform: none; }
.familia .f-bar .f-logo {
display: flex;
flex: 0 0 auto;
align-items: center;
width: auto;
margin: 0;
padding: 0;
float: none;
}
.familia .f-bar__tools {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 10px;
margin: 0 0 0 auto; }
.familia .f-cta,
.familia a.f-cta:visited {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: 5px;
background: var(--f-sky, #8dc9f7);
color: rgb(0 0 0 / .7);
font-size: 14px;
font-weight: 400;
line-height: 21px;
white-space: nowrap;
text-decoration: none;
transition: none;
}
.familia a.f-cta:hover { background: #81c3f6; color: rgb(0 0 0 / .7); text-decoration: none; }
.familia a.f-cta:active { background: #75bef5; }
.familia .f-bar .f-burger,
.familia .f-bar .f-burger:hover {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
min-width: 38px;
height: 38px;
min-height: 38px;
padding: 8px;
border: 0;
border-radius: 5px;
background: transparent;
box-shadow: none;
color: var(--f-head-ink);
cursor: pointer;
}
.familia .f-burger__bars { display: flex; flex-direction: column; justify-content: space-between; width: 22px; height: 16px; }
.familia .f-burger__bars span { display: block; height: 2px; border-radius: 1px; background: currentColor; transition: transform var(--f-mid) var(--f-ease), opacity var(--f-fast) var(--f-ease); }
.familia .f-bar .f-burger:active { transform: none; } .familia .f-burger[aria-expanded="true"] .f-burger__bars span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.familia .f-burger[aria-expanded="true"] .f-burger__bars span:nth-child(2) { opacity: 0; }
.familia .f-burger[aria-expanded="true"] .f-burger__bars span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (min-width: 1280px) {
.familia .f-bar .f-burger { display: none; }
.f-drawer { display: none; }
}
@media (max-width: 1024px) {
.familia .f-bar__tools > .f-account { display: none; }
.familia .f-cta { padding: 0 12px; }
}
@media (max-width: 639px) {
.familia .f-bar__row { gap: 12px; }
.familia .f-bar__tools { gap: 2px; }
.familia .f-cta { margin-right: 4px; }
.familia .f-bar .f-action,
.familia .f-bar .f-iconbtn { width: 36px; min-width: 36px; }
}
@media (max-width: 480px) {
.familia .f-cta { height: auto; min-height: 44px; padding: 6px 8px; line-height: 1.15; text-align: center; white-space: normal; }
.familia .f-cta__more { display: block; }
}
@media (max-width: 349px) {
.familia .f-cta { font-size: 13px; }
.familia .f-bar .f-wishlist,
.familia .f-bar .f-action--wishlist { display: none; }
}
.familia .f-actions {
position: static;
display: flex;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
}
.familia .f-action {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 5px;
background: transparent;
color: var(--f-head-ink);
text-decoration: none;
}
.familia .f-action:hover { color: var(--f-head-ink); } .familia .f-action.is-current { color: var(--f-head-ink); }
.familia .f-action__icon { display: inline-flex; position: relative; }
.familia .f-bar .f-action__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.familia .f-action--account .f-icon { display: block; width: 22px; height: 22px; }
.familia .f-bar .f-bar__tools > :is(.f-burger, .f-menu-burger) { margin-right: 2px; } @media (min-width: 640px) and (max-width: 768px) {
.familia .f-bar__tools { gap: 5px; }
}
@media (min-width: 1025px) {
.familia .f-bar__tools > .f-account { order: 1; }
}
.familia .f-action__count {
position: absolute;
top: -6px;
right: -7px;
display: grid;
place-items: center;
min-width: 17px;
height: 17px;
padding: 0 4px;
border-radius: var(--f-r-pill);
background: var(--f-ink);
color: #fff;
font-size: var(--f-t-xs);
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
box-shadow: 0 2px 4px rgb(0 0 0 / .2);
}
.familia .f-account { position: relative; display: flex; }
.familia .f-account__menu {
position: absolute;
top: 100%;
right: 0;
z-index: 320;
width: 13rem;
padding: 12px 0 0;
border-radius: 0 0 10px 10px;
background: #fff;
box-shadow: 0 0 10px rgb(102 105 107 / .1), 0 12px 24px -8px rgb(var(--f-ink-rgb) / .16);
opacity: 0;
visibility: hidden;
transition: opacity var(--f-mid) var(--f-ease), visibility var(--f-mid) var(--f-ease);
}
.familia .f-account:hover .f-account__menu,
.familia .f-account:focus-within .f-account__menu { opacity: 1; visibility: visible; }
.familia .f-account__menu ul { margin: 0 0 8px; padding: 0; list-style: none; }
.familia .f-account__menu li { margin: 0; }
.familia .f-account__menu a {
display: block;
padding: 8px 20px;
color: var(--f-ink);
font-size: var(--f-t-sm);
font-weight: 400;
text-decoration: none;
}
.familia .f-account__menu a:hover { color: var(--f-red); }
.familia .f-account__menu .f-account__logout {
padding-block: 12px;
border-top: 1px solid var(--f-default-200);
color: var(--f-default-900);
}
@media (max-width: 767px) { .familia .f-account__menu { display: none; } }
.familia #site-navigation.f-nav { position: static;
display: none;
width: auto;
margin: 0;
padding: 0;
float: none;
clear: none;
border: 0;
background: transparent;
}
.familia #site-navigation.f-nav::before,
.familia #site-navigation.f-nav::after { content: none; display: none; }
.familia #site-navigation ul { display: block; margin: 0; padding: 0; list-style: none; }
.familia #site-navigation li { position: static; display: block; margin: 0; text-align: left; }
.familia #site-navigation a { display: block; width: auto; padding: 0; }
.familia #site-navigation ul ul {
position: static;
top: auto;
left: auto;
z-index: auto;
float: none;
margin: 0;
box-shadow: none;
}
.familia #site-navigation .f-nav__list { display: flex; align-items: center; }
.familia #site-navigation .f-nav__item--d0 { display: flex; }
.familia #site-navigation .f-nav__item--d0.is-phone { display: none; }
.familia #site-navigation .f-nav__link {
display: inline-flex;
align-items: center;
min-height: 0;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--f-head-ink);
font-family: var(--f-text);
font-size: 16px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0;
text-align: left;
text-transform: none;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: none;
-webkit-tap-highlight-color: transparent;
}
.familia #site-navigation .f-nav__item--d0.is-open > .f-nav__link,
.familia:not(.f-js) #site-navigation .f-nav__item--mega:is(:hover, :focus-within) > .f-nav__link { color: var(--f-red); }
.familia #site-navigation .f-nav__link:active { transform: none; }
.familia #site-navigation .f-nav__item--d0.is-current > .f-nav__link { text-decoration: underline; text-underline-offset: auto; }
.familia #site-navigation .f-nav__link:focus-visible { outline: 2px solid var(--f-focus); outline-offset: -2px; }
.familia #site-navigation .f-nav__caret { display: none; }
@media (min-width: 1280px) {
.familia #site-navigation.f-nav { display: flex; flex: 1 1 auto; min-width: 0; }
.familia #site-navigation .f-nav__list { overflow-x: auto; scrollbar-width: none; }
.familia #site-navigation .f-nav__list::-webkit-scrollbar { display: none; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
.familia .f-bar__row { gap: 14px; }
.familia .f-bar__tools { gap: 4px; }
.familia .f-cta { padding-inline: 14px; }
.familia #site-navigation .f-nav__link { padding-inline: 14px; }
}
@media (min-width: 1025px) and (max-width: 1279px) {
.familia .f-bar__row:has(.f-menu) .f-bar__tools { gap: 4px; }
.familia .f-bar__row:has(.f-menu) .f-cta { padding-inline: 14px; }
}
@media (min-width: 1025px) and (max-width: 1439px) {
.familia .f-bar__row:has(.f-menu) { gap: 20px; }
}
@media (min-width: 1440px) {
.familia #site-navigation .f-nav__link { padding-inline: 18px; }
.familia #site-navigation .f-nav__item--d0 { margin-right: 10px; }
}
.familia #site-navigation .f-mega {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 310;
display: none;
border-radius: 0 0 10px 10px;
background: rgb(255 255 255 / .9); -webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: var(--f-ink);
cursor: auto;
box-shadow: 0 0 10px rgb(102 105 107 / .1);
opacity: 0;
transform: translateY(-8px);
pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
transition: opacity .18s ease, transform .18s ease, display .18s allow-discrete;
}
.familia #site-navigation .f-nav__item--mega.is-open > .f-mega,
.familia:not(.f-js) #site-navigation .f-nav__item--mega:is(:hover, :focus-within) > .f-mega { display: block;
opacity: 1;
transform: none;
pointer-events: auto;
}
@starting-style {
.familia #site-navigation .f-nav__item--mega.is-open > .f-mega { opacity: 0; transform: translateY(-8px); }
}
.familia #site-navigation .f-mega__in { display: flex; gap: 30px; padding-block: 20px; }
.familia #site-navigation .f-mega__cols { display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 24px 0; min-width: 0; }
.familia #site-navigation .f-mega__col { flex: 0 0 auto; width: 220px; padding-right: 20px; }
.familia #site-navigation .f-mega__col--brands { width: 340px; }
.familia #site-navigation .f-mega__col--brands .f-mega__list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(6, auto); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.familia #site-navigation .f-mega__col--shortcuts { width: 180px; }
.familia #site-navigation .f-mega__group + .f-mega__group { margin-top: 22px; }
.familia #site-navigation .f-mega__title {
margin: 0 0 12px;
color: var(--f-ink);
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.familia #site-navigation .f-mega__list { display: flex; flex-direction: column; gap: 12px; }
.familia #site-navigation .f-mega__title--link a { color: inherit; text-decoration: none; transition: none; }
.familia #site-navigation .f-mega__title--link a:hover,
.familia #site-navigation .f-mega__title--link a[aria-current="page"] { color: var(--f-red); }
.familia #site-navigation .f-mega__col--heading.is-phone { display: none; }
.familia #site-navigation .f-mega__item.is-phone { display: none; }
.familia #site-navigation .f-mega__link {
color: #676767;
font-size: 16px;
font-weight: 400;
line-height: 19px;
text-decoration: none;
transition: none; }
.familia #site-navigation .f-mega__link:hover,
.familia #site-navigation .f-mega__link[aria-current="page"] { color: var(--f-red); }
.familia #site-navigation .f-mega__all {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 16px;
color: var(--f-ink);
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
transition: none;
}
.familia #site-navigation .f-mega__all:hover { color: var(--f-red); }
.familia #site-navigation .f-mega__photo {
position: relative;
display: block;
flex: 1 1 260px;
max-width: 430px;
margin-left: auto;
align-self: stretch;
overflow: hidden;
border-radius: 10px;
background: var(--f-default-100);
}
.familia #site-navigation .f-mega__photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; } @media (min-width: 1440px) {
.familia #site-navigation .f-mega__photo { flex-basis: 340px; } }
html.f-drawer-lock { scrollbar-gutter: stable; }
html.f-drawer-lock body { overflow: hidden; }
.f-drawer { position: fixed; inset: 0; z-index: 950; } html.f-menu-lock body.familia #masthead.site-header { z-index: 950; }
.admin-bar .f-drawer { top: var(--wp-admin--admin-bar--height, 0px); } @media (max-width: 600px) {
.admin-bar .f-drawer { top: 0; } }
.f-drawer[hidden] { display: none; }
.f-drawer__backdrop {
position: absolute;
inset: 0;
background: rgb(var(--f-ink-rgb) / .45);
opacity: 0;
transition: opacity var(--f-slow) var(--f-ease);
touch-action: none; }
.familia.f-drawer-open .f-drawer__backdrop { opacity: 1; }
.f-drawer__panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
width: min(100%, 380px);
background: #fff;
color: var(--f-ink);
overflow-y: auto;
overscroll-behavior: contain;
transform: translateX(-100%);
transition: transform var(--f-slow) var(--f-ease);
}
.familia.f-drawer-open .f-drawer__panel { transform: none; }
.f-drawer__panel:focus { outline: 0; }
.familia .f-drawer__head {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
height: var(--f-row-h);
padding: 0 12px 0 var(--f-gut);
border-bottom: 1px solid var(--f-default-200);
}
.familia .f-drawer .f-drawer__logo { display: flex; float: none; width: auto; margin: 0; padding: 0; } .familia .f-drawer__nav { flex: 1 0 auto; padding: 0 var(--f-gut) 24px; }
.familia .f-drawer__list { margin: 0; padding: 0; list-style: none; }
.familia .f-drawer__item { margin: 0; border-bottom: 1px solid var(--f-default-200); }
.familia .f-drawer__row { display: flex; align-items: stretch; }
.familia .f-drawer__link {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 52px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--f-ink);
font-family: var(--f-text);
font-size: 16px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0;
text-align: left;
text-transform: none;
text-decoration: none;
cursor: pointer;
}
.familia .f-drawer__link:is(:hover, :active) { background: transparent; color: var(--f-ink); transform: none; }
.familia .f-drawer__item.is-current > .f-drawer__link,
.familia .f-drawer__item.is-current > .f-drawer__row .f-drawer__link { color: var(--f-red); }
.familia .f-drawer__row .f-drawer__toggle {
display: inline-flex;
flex: 0 0 48px;
align-items: center;
justify-content: center;
min-height: 52px;
margin: 0 -12px 0 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--f-ink);
cursor: pointer;
}
.familia .f-drawer__toggle svg { flex: none; transition: transform var(--f-fast) var(--f-ease); }
.familia .f-drawer__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.familia .f-drawer__row .f-drawer__toggle:active { transform: none; }
.familia .f-drawer__sub { margin: -4px 0 0; padding: 0 0 12px 12px; list-style: none; }
.familia .f-drawer__sub[hidden] { display: none; }
.familia .f-drawer__sub li { margin: 0; }
.familia .f-drawer__sublink {
display: flex;
align-items: center;
min-height: 40px;
color: #676767;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.familia .f-drawer__sublink:hover { color: #676767; }
.familia .f-drawer__sublink[aria-current="page"] { color: var(--f-red); }
.familia .f-drawer__all,
.familia .f-drawer__all:hover { color: var(--f-ink); font-weight: 600; }
#f-drawer .f-drawer__info {
display: flex;
flex: 0 0 auto;
flex-direction: column;
margin: 0;
padding: 8px var(--f-gut) 16px;
background: var(--f-default-100, #f6f6f6);
list-style: none;
}
#f-drawer .f-drawer__infoitem { width: 100%; margin: 0; padding: 0; list-style: none; }
#f-drawer .f-drawer__infoitem + .f-drawer__infoitem { border-top: 1px solid var(--f-default-200, #e5e5e5); }
#f-drawer .f-drawer__infolink {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 52px;
margin: 0;
padding: 8px 0;
color: var(--f-ink);
font-size: 15px;
font-weight: 400;
line-height: 1.35;
text-align: left;
text-decoration: none;
}
#f-drawer .f-drawer__infoicon { display: inline-flex; flex: none; color: var(--f-ink); }
#f-drawer .f-drawer__infoicon svg { width: 20px; height: 20px; }
#f-drawer .f-drawer__infotext { flex: 1 1 auto; min-width: 0; }
.familia .f-search {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 305;
display: none;
border-top: 1px solid var(--f-default-200);
background: #fff;
box-shadow: 0 16px 32px -12px rgb(var(--f-ink-rgb) / .18);
}
.familia .f-bar.is-search-open .f-search { display: block; }
.familia .f-search__in { display: flex; align-items: center; gap: 8px; padding-block: 12px; }
.familia .f-search__form { position: relative; display: flex; flex: 1 1 auto; align-items: center; max-width: 760px; margin: 0 auto; }
.familia input.f-search__input {
width: 100%;
height: 48px;
min-height: 48px;
margin: 0;
padding: 12px 16px 12px 48px;
border: 0;
border-radius: var(--f-r-xs);
background: var(--f-default-100);
box-shadow: none;
color: var(--f-ink);
font-size: var(--f-t-base); line-height: 1.5;
text-overflow: ellipsis; }
.familia input.f-search__input:focus { background: var(--f-default-100); }
.familia input.f-search__input::placeholder { color: var(--f-default-900); opacity: 1; }
.familia .f-search__submit {
position: absolute;
top: 0;
left: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
padding: 0;
border: 0;
border-radius: var(--f-r-xs) 0 0 var(--f-r-xs);
background: transparent;
box-shadow: none;
color: var(--f-default-900);
}
.familia .f-search__submit svg { width: 24px; height: 24px; }
.familia .f-search__submit:hover { background: transparent; color: var(--f-ink); }
.familia .f-search__close { flex: 0 0 auto; }
.familia-suggest {
--familia-suggest-muted: var(--f-default-600);
--familia-suggest-border-strong: var(--f-default-200);
--familia-suggest-radius: var(--f-r-xs);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
}
.familia-suggest .familia-suggest__count-line { font-size: var(--f-t-sm); }
.familia .f-search .familia-suggest:not(.familia-suggest--fixed):not(.familia-suggest--split) { left: 0; right: 0; width: auto; }
@media (prefers-reduced-motion: reduce) {
.familia #site-navigation .f-mega { transition: none; transform: none; } .f-drawer__panel,
.f-drawer__backdrop,
.familia .f-burger__bars span,
.familia .f-account__menu { transition: none; }
}
@media (forced-colors: active) {
.familia #site-navigation .f-mega,
.familia .f-search,
.familia .f-account__menu { border: 1px solid CanvasText; }
}
@media print {
.familia .f-bar__tools,
.familia #site-navigation { display: none !important; }
}