@charset "UTF-8";
@font-face {
font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap;
src: url(/wp-content/themes/familia/assets/fonts/geologica-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap;
src: url(/wp-content/themes/familia/assets/fonts/geologica-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Geologica Fallback';
src: local('Arial'), local('ArialMT'), local('Helvetica'), local('Roboto');
size-adjust: 107.5%;
ascent-override: 90.7%;
descent-override: 25.6%;
line-gap-override: 0%;
}
:root {
--f-ink: #3d291d; --f-ink-rgb: 61 41 29;
--f-sky: #8dc9f7; --f-sky-rgb: 141 201 247;
--f-sky-deep: #6293b4; --f-sky-wash: #eef7fe;
--f-red: #f00f00; --f-red-rgb: 240 15 0;
--f-red-text: #e00e00;
--f-quiet: #736e69;
--f-brand: #3d291d; --f-brand-wash: #e5f5ff; --f-muted: #676767; --f-default-50: #ffffff; --f-default-100: #f6f6f6; --f-ground: #f5f5f5; --f-head-ink: #3d291d; --f-wide-gut: 30px; --f-default-200: #f0f0f0; --f-default-300: #e8eaed;
--f-default-400: #cdd1d6; --f-default-500: #b8bdc5;
--f-default-600: #b5bac2; --f-default-900: #666666; --f-paper: var(--f-default-50);
--f-paper-2: var(--f-default-100);
--f-paper-3: var(--f-default-200);
--f-ink-2: var(--f-default-900); --f-ink-3: var(--f-default-900); --f-ink-4: var(--f-default-600); --f-line: var(--f-default-200); --f-line-2: var(--f-default-100);
--f-ok: var(--f-sky-deep); --f-warn: #9a6700;
--f-err: var(--f-red);
--f-text: "Geologica", "Geologica Fallback", Arial, sans-serif;
--f-display: var(--f-text); --f-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
--f-t-11: .6875rem; --f-t-xs: .75rem; --f-t-13: .8125rem; --f-t-sm: .875rem; --f-t-base: 1rem; --f-t-18: 1.125rem; --f-t-20: 1.25rem; --f-t-md: var(--f-t-sm); --f-t-lg: var(--f-t-18);
--f-t-h4: var(--f-t-base);
--f-t-h3: var(--f-t-18);
--f-t-h2: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
--f-t-h1: clamp(1.625rem, 1.2rem + 1.6vw, 2.25rem);
--f-t-hero: clamp(1.875rem, 1.3rem + 2.2vw, 2.75rem);
--f-title-display: clamp(40px, 3.9vw, 56px); --f-title-section: clamp(32px, 2.8vw, 40px); --f-title-tracking: -.04em; --f-copy-size: 16px; --f-copy-lh: 1.4; --f-copy-weight: 300;
--f-copy-color: #676767; --f-copy-strong: #3d291d; --f-copy-strong-weight: 500; --f-copy-gap: 16px; --f-copy-indent: 20px; --f-copy-item-gap: 4px; --f-copy-marker: #f00f00; --f-copy-link: #d80d00; --f-copy-sm: 14px; --f-copy-sm-lh: 1.4;
--f-copy-sm-weight: 400; --f-field-h: 55px; --f-field-h-compact: 44px; --f-field-pad: 16px;
--f-field-radius: 8px;
--f-field-rim: 1px;
--f-field-border: #8c8178; --f-field-border-hover: #3d291d;
--f-field-bg: #fff;
--f-field-ink: #3d291d;
--f-field-size: 16px; --f-field-placeholder: #776a61; --f-field-focus: #3d291d;
--f-field-ring: 0 0 0 1px #3d291d, 0 0 0 4px rgb(141 201 247 / .65); --f-field-error: #e00e00; --f-field-error-rim: 0 0 0 1px #e00e00;
--f-field-error-ring: 0 0 0 1px #e00e00, 0 0 0 4px rgb(141 201 247 / .65);
--f-field-msg: 14px; --f-field-help: #676767; --f-field-label: 14px; --f-field-label-ink: #3d291d;
--f-field-label-gap: 6px;
--f-field-disabled-bg: #f0f0f0;
--f-field-disabled-ink: #666; --f-field-disabled-border: #cdd1d6;
--f-field-area-h: 120px; --f-field-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233d291d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
--f-field-arrow-room: 44px; --f-check-size: 22px; --f-check-size-compact: 18px; --f-check-radius: 4px;
--f-check-on: #8dc9f7; --f-check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d291d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
--f-radio-on: #e5f5ff; --f-radio-rim-on: #6293b4;
--f-check-dot: radial-gradient(circle, #6293b4 0 6px, transparent 6.5px);
--f-check-label: 14px; --f-1: .25rem;
--f-2: .5rem;
--f-3: .75rem;
--f-4: 1rem;
--f-5: 1.5rem;
--f-6: 2rem;
--f-7: 3rem;
--f-8: 4rem;
--f-9: 6rem;
--f-gut: 30px;
--f-sec: clamp(2.25rem, 1.6rem + 3vw, 4rem); --f-r-xs: 2px; --f-r-sm: 2px; --f-r: .25rem; --f-r-md: .3rem; --f-r-lg: .5rem; --f-r-pill: 999px;
--f-max: 1920px; --f-max-page: 1366px; --f-max-flow: 1366px; --f-measure: 38em; --f-read: 68ch;
--f-shadow-1: 0 1px 2px rgb(var(--f-ink-rgb) / .05), 0 2px 8px rgb(var(--f-ink-rgb) / .04);
--f-shadow-2: 0 2px 6px rgb(var(--f-ink-rgb) / .06), 0 14px 32px -12px rgb(var(--f-ink-rgb) / .14);
--f-shadow-3: 0 24px 60px -24px rgb(var(--f-ink-rgb) / .24);
--f-fast: 120ms;
--f-mid: 220ms;
--f-slow: 420ms;
--f-ease: cubic-bezier(.22, .61, .36, 1);
--f-header-h: 64px;
--f-focus: var(--f-ink);
--f-ticks: repeating-linear-gradient(90deg, var(--f-line) 0 1px, transparent 1px 8px);
}
@media (max-width: 768px) {
:root {
--f-title-display: clamp(30px, 8vw, 40px);
--f-title-section: clamp(28px, 7vw, 32px);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body.familia {
font-family: var(--f-text);
font-size: var(--f-t-sm);
line-height: 1.4286; color: var(--f-ink);
background-color: var(--f-ground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;
overflow-wrap: break-word;
}
.familia :is(button, input, select, textarea, optgroup) { font-family: var(--f-text); }
.familia h1,
.familia h2,
.familia h3,
.familia h4,
.familia h5,
.familia h6,
.familia .f-display {
font-family: var(--f-text); font-weight: 400;
color: var(--f-ink);
line-height: 1.25;
letter-spacing: -.04em; text-wrap: balance;
margin: 0 0 var(--f-3);
}
.familia h1 { font-size: var(--f-t-h1); }
.familia h2 { font-size: var(--f-t-h2); }
.familia h3 { font-size: var(--f-t-h3); font-weight: 400; }
.familia h4 { font-size: var(--f-t-h4); letter-spacing: 0; }
.familia h5,
.familia h6 {
font-size: var(--f-t-sm);
font-weight: 500;
letter-spacing: 0;
text-transform: none;
line-height: 1.4;
}
.familia h1 em,
.familia h2 em,
.familia h3 em,
.familia .f-display em {
font-style: italic;
font-weight: inherit;
letter-spacing: 0;
}
.familia .wp-block-group__inner-container { min-width: 0; }
.familia p { margin: 0 0 var(--f-4); }
.familia p:last-child { margin-bottom: 0; }
.familia a {
color: var(--f-ink);
text-decoration-color: rgb(var(--f-ink-rgb) / .35);
text-decoration-thickness: 1px;
text-underline-offset: .18em;
transition: color var(--f-fast) var(--f-ease), text-decoration-color var(--f-fast) var(--f-ease);
}
.familia a:hover { color: var(--f-red); text-decoration-color: currentColor; }
.familia strong, .familia b { font-weight: 700; color: var(--f-ink); }
.familia small { font-size: var(--f-t-sm); }
.familia hr {
height: 1px;
border: 0;
background: var(--f-line);
margin: var(--f-6) 0;
}
.familia img { max-width: 100%; height: auto; }
.familia figure { margin: 0; }
.familia ::selection { background: var(--f-sky); color: var(--f-ink); }
.familia blockquote {
margin: var(--f-5) 0;
padding: var(--f-1) 0 var(--f-1) var(--f-5);
border-left: 2px solid var(--f-sky);
font-size: var(--f-t-base);
color: var(--f-ink);
}
.familia code, .familia kbd, .familia pre { font-family: var(--f-mono); font-size: .9em; }
.familia :focus { outline: none; }
.familia :focus-visible {
outline: 2px solid var(--f-focus);
outline-offset: 2px;
border-radius: var(--f-r-xs);
}
.familia .f-on-ink :focus-visible {
--f-focus: var(--f-sky);
}
.familia .skip-link {
position: fixed;
top: -100px;
left: var(--f-4);
z-index: 1000;
padding: var(--f-2) var(--f-4);
background: var(--f-ink);
color: #fff;
border-radius: 0 0 var(--f-r-sm) var(--f-r-sm);
clip: auto !important;
clip-path: none;
width: auto;
height: auto;
transition: top var(--f-mid) var(--f-ease);
}
.familia .skip-link:focus { top: 0; }
.familia .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.familia .site-header,
.familia .site-footer,
.familia #content {
padding: 0;
}
.familia .site-header,
.familia.woocommerce-active .site-header,
.familia.storefront-full-width-content .site-header {
background: var(--f-paper);
border: 0;
margin: 0;
padding: 0;
}
.familia .site-content { padding-top: 0; }
.familia .woocommerce-breadcrumb:empty,
.familia .storefront-breadcrumb:empty,
.familia .woocommerce-notices-wrapper:empty,
.familia #content > .col-full > div.woocommerce:empty,
.familia div.woocommerce:empty {
display: none;
margin: 0;
padding: 0;
}
.familia #primary,
.familia .site-main { margin: 0; }
.familia .col-full { box-sizing: border-box; max-width: none; padding: 0; margin: 0; } .familia .storefront-breadcrumb { margin: 0; padding: 0; background: transparent; }
.familia .site-header-cart,
.familia .storefront-handheld-footer-bar,
.familia .site-search,
.familia .site-branding .site-description,
.familia .handheld-navigation { display: none; }
.familia .f-nav .f-mega .f-mega__title::after,
.familia .f-nav .f-mega .f-mega__link::after,
.familia .f-drawer .f-mega .f-mega__title::after,
.familia .f-drawer .f-mega .f-mega__link::after,
.familia .f-nav .f-nav__list .menu-item-has-children > a:not(.f-nav__link)::after,
.familia .f-drawer .f-nav__list .menu-item-has-children > a:not(.f-nav__link)::after { content: none; display: none; }
@media (min-width: 1441px) {
:root { --f-max-page: var(--f-max); }
}
.f-container {
width: 100%;
max-width: var(--f-max);
margin-inline: auto;
padding-inline: var(--f-gut);
}
@media (max-width: 1200px) {
:root { --f-gut: 20px; }
}
@media (max-width: 1200px) { :root { --f-wide-gut: 20px; } }
@media (max-width: 360px) { :root { --f-wide-gut: 12px; } }
.familia #content > .col-full {
display: block;
}
.familia #primary,
.familia #secondary {
float: none;
width: auto;
margin: 0;
}
.familia.familia-full #primary {
width: 100%;
}
.familia.familia-with-filters #content > .col-full {
max-width: var(--f-max-page);
margin-inline: auto;
padding: 0 var(--f-gut) 56px;
display: block;
}
.familia.familia-full #content > .col-full {
max-width: none;
padding: 0;
}
.familia.familia-full #primary > .site-main > :where(article, .woocommerce-notices-wrapper, .page-header, .entry-content, .comments-area, .not-found, .error-404) {
width: 100%;
max-width: var(--f-max-page);
margin-inline: auto;
padding-inline: var(--f-gut);
}
.f-section { padding-block: var(--f-sec); }
.f-section--tint { background: var(--f-paper-2); }
.f-section--ink { background: var(--f-ink); color: rgb(255 255 255 / .82); }
.f-stack > * + * { margin-top: var(--f-4); }
.f-prose { max-width: var(--f-read); }
.familia .f-btn,
.familia .button,
.familia button,
.familia input[type="button"],
.familia input[type="reset"],
.familia input[type="submit"],
.familia .wp-block-button__link,
.familia .wp-element-button,
.familia .added_to_cart,
.familia .wc-block-components-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--f-2);
min-height: 48px;
padding: .6rem 1.25rem;
border: 2px solid var(--f-sky);
border-radius: var(--f-r-xs);
background: var(--f-sky);
color: var(--f-ink);
font-family: var(--f-text);
font-size: var(--f-t-base);
font-weight: 500;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
box-shadow: 0 1px 2px 0 rgb(var(--f-ink-rgb) / .05);
text-align: center;
text-decoration: none;
text-shadow: none;
cursor: pointer;
transition: background-color var(--f-fast) var(--f-ease), color var(--f-fast) var(--f-ease),
border-color var(--f-fast) var(--f-ease), transform var(--f-fast) var(--f-ease),
box-shadow var(--f-fast) var(--f-ease);
}
.familia .f-btn:hover,
.familia .button:hover,
.familia button:hover,
.familia input[type="submit"]:hover,
.familia .wp-block-button__link:hover,
.familia .wp-element-button:hover,
.familia .added_to_cart:hover,
.familia .wc-block-components-button:hover {
background: var(--f-sky-deep);
border-color: var(--f-sky-deep);
color: var(--f-ink);
}
.familia .f-btn:active,
.familia .button:active,
.familia button:active { transform: translateY(1px); }
.familia .f-btn[disabled],
.familia .button[disabled],
.familia button[disabled],
.familia .f-btn.disabled {
opacity: .45;
cursor: not-allowed;
transform: none;
}
.familia .f-btn--ink,
.familia .button.alt,
.familia .single_add_to_cart_button,
.familia .wp-block-button.is-style-ink .wp-block-button__link,
.familia .wc-block-components-checkout-place-order-button,
.familia .wc-block-cart__submit-button,
.familia .woocommerce-form-login .button,
.familia .woocommerce-form-register .button,
.familia .checkout-button {
background: var(--f-ink);
border-color: var(--f-ink);
color: #fff;
}
.familia .f-btn--ink:hover,
.familia .button.alt:hover,
.familia .single_add_to_cart_button:hover,
.familia .wp-block-button.is-style-ink .wp-block-button__link:hover,
.familia .wc-block-components-checkout-place-order-button:hover,
.familia .wc-block-cart__submit-button:hover,
.familia .woocommerce-form-login .button:hover,
.familia .woocommerce-form-register .button:hover,
.familia .checkout-button:hover {
background: #2f2416;
border-color: #2f2416;
color: #fff;
}
.familia .f-btn--sky,
.familia .wp-block-button.is-style-sky .wp-block-button__link {
background: var(--f-sky);
border-color: var(--f-sky);
color: var(--f-ink);
}
.familia .f-btn--sky:hover,
.familia .wp-block-button.is-style-sky .wp-block-button__link:hover {
background: var(--f-sky-deep);
border-color: var(--f-sky-deep);
color: #fff;
}
.familia .f-btn--ghost,
.familia .wp-block-button.is-style-ghost .wp-block-button__link,
.familia .button.wc-backward,
.familia .woocommerce-message .button,
.familia .woocommerce-info .button {
background: transparent;
border-color: var(--f-ink);
color: var(--f-ink);
}
.familia .f-btn--ghost:hover,
.familia .wp-block-button.is-style-ghost .wp-block-button__link:hover,
.familia .button.wc-backward:hover,
.familia .woocommerce-message .button:hover,
.familia .woocommerce-info .button:hover {
background: var(--f-ink);
border-color: var(--f-ink);
color: #fff;
}
.familia .woocommerce-message .button,
.familia .woocommerce-info .button,
.familia .woocommerce-error .button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border: 2px solid var(--f-ink);
border-left-color: var(--f-ink) !important;
line-height: 1.2;
}
.familia .woocommerce-message .button.wc-forward::after,
.familia .woocommerce-info .button.wc-forward::after { margin-left: 0; }
.familia .f-btn--ghost-light,
.familia .wp-block-button.is-style-ghost-light .wp-block-button__link {
background: transparent;
border-color: rgb(255 255 255 / .45);
color: #fff;
}
.familia .f-btn--ghost-light:hover,
.familia .wp-block-button.is-style-ghost-light .wp-block-button__link:hover {
background: #fff;
border-color: #fff;
color: var(--f-ink);
}
.familia .f-btn--quiet {
min-height: 0;
padding: var(--f-1) 0;
border: 0;
background: none;
color: var(--f-ink);
font-weight: 500;
text-decoration: underline;
text-decoration-color: var(--f-line);
text-underline-offset: .2em;
}
.familia .f-btn--quiet:hover { background: none; color: var(--f-sky-deep); text-decoration-color: currentColor; }
.familia .f-btn--sm { min-height: 38px; padding: .4rem .85rem; font-size: var(--f-t-sm); }
.familia .f-btn--lg { min-height: 54px; padding: .9rem 1.8rem; font-size: var(--f-t-lg); }
.familia .f-btn--block { width: 100%; }
.familia .f-iconbtn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-height: 0;
padding: 0;
border: 0;
border-radius: var(--f-r-pill);
background: transparent;
color: var(--f-ink);
}
.familia .f-iconbtn:hover { background: var(--f-paper-3); color: var(--f-ink); border-color: transparent; }
.f-icon { flex: none; vertical-align: middle; }
.familia input[type="text"],
.familia input[type="email"],
.familia input[type="url"],
.familia input[type="password"],
.familia input[type="search"],
.familia input[type="number"],
.familia input[type="tel"],
.familia input[type="date"],
.familia textarea,
.familia select,
.familia .wc-block-components-text-input input,
.familia .wc-blocks-components-select__container {
width: 100%;
min-height: var(--f-field-h);
padding: 0 var(--f-field-pad);
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-field-radius);
background-color: var(--f-field-bg);
box-shadow: none;
color: var(--f-field-ink);
font-family: var(--f-text);
font-size: var(--f-field-size);
line-height: 1.4;
transition: border-color var(--f-fast) var(--f-ease), box-shadow var(--f-fast) var(--f-ease);
-webkit-appearance: none;
appearance: none;
}
.familia textarea { min-height: var(--f-field-area-h); padding-block: 12px; resize: vertical; }
.familia input::placeholder,
.familia textarea::placeholder { color: var(--f-field-placeholder); opacity: 1; }
.familia input:not(.f-search__input):hover,
.familia textarea:hover,
.familia select:hover { border-color: var(--f-field-border-hover); }
.familia input:not(.f-search__input):focus,
.familia textarea:focus,
.familia select:focus {
border-color: var(--f-field-focus);
box-shadow: var(--f-field-ring);
outline: 2px solid transparent;
outline-offset: 2px;
}
.familia input.f-search__input:focus { box-shadow: 0 0 0 3px rgb(var(--f-sky-rgb) / .45); outline: none; }
.familia .woocommerce-invalid :is(input.input-text, select, textarea),
.familia :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--f-field-error); box-shadow: var(--f-field-error-rim); }
.familia .woocommerce-invalid :is(input.input-text, select, textarea):focus,
.familia :is(input, select, textarea)[aria-invalid="true"]:focus { box-shadow: var(--f-field-error-ring); }
.familia :is(input, textarea, select):is([disabled], [readonly]):not([type="checkbox"], [type="radio"], [type="hidden"]) {
border-color: var(--f-field-disabled-border);
background-color: var(--f-field-disabled-bg);
box-shadow: none;
color: var(--f-field-disabled-ink);
}
.familia :is(input, textarea, select)[disabled] { cursor: not-allowed; }
.familia select,
.familia .wc-blocks-components-select__select {
padding-right: var(--f-field-arrow-room);
background-image: var(--f-field-arrow);
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 16px 16px;
text-overflow: ellipsis;
}
.familia input[type="checkbox"],
.familia input[type="radio"] {
flex: 0 0 auto;
width: var(--f-check-size);
height: var(--f-check-size);
min-height: 0;
margin: 0;
padding: 0;
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-check-radius);
background: var(--f-field-bg);
-webkit-appearance: none;
appearance: none;
vertical-align: -.3em;
cursor: pointer;
}
.familia input[type="radio"] { border-radius: 50%; }
.familia input[type="checkbox"]:is(:checked, :indeterminate) { border-color: var(--f-check-on); background: var(--f-check-on) var(--f-check-mark) center / 16px 16px no-repeat; }
.familia input[type="radio"]:checked { border-color: var(--f-radio-rim-on); background: var(--f-check-dot), var(--f-radio-on); }
.familia input:is([type="checkbox"], [type="radio"]):focus { box-shadow: none; }
.familia input:is([type="checkbox"], [type="radio"]):focus-visible { box-shadow: var(--f-field-ring); }
.familia label { font-size: var(--f-t-base); color: var(--f-ink); }
.familia .form-row label,
.familia .woocommerce-form-row label { display: block; margin-bottom: var(--f-field-label-gap); color: var(--f-field-label-ink); font-size: var(--f-field-label); font-weight: 400; line-height: 1.43; }
.familia .required { color: var(--f-red); text-decoration: none; border: 0; }
.familia .quantity input.qty {
width: 5.5rem;
text-align: center;
font-variant-numeric: tabular-nums;
}
.f-eyebrow {
margin: 0 0 var(--f-2);
font-family: var(--f-text);
font-size: var(--f-t-xs);
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--f-ink-3);
}
.f-eyebrow--light { color: rgb(255 255 255 / .6); }
.f-rule {
height: 1px;
background: var(--f-line);
border: 0;
}
.f-rule--ticks {
height: 8px;
background: var(--f-ticks);
background-position: bottom left;
border-bottom: 1px solid var(--f-line);
}
.familia-badges {
display: flex;
flex-wrap: wrap;
gap: var(--f-1);
pointer-events: none;
}
.familia-badge {
display: inline-flex;
align-items: center;
gap: .25em;
padding: .3em .55em;
border-radius: var(--f-r-xs);
background: var(--f-ink);
color: #fff;
font-family: var(--f-text);
font-size: 11px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
line-height: 1;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.familia-badge--sale { background: var(--f-red-text); color: #fff; }
.familia-badge--new { background: var(--f-sky); color: var(--f-ink); }
.familia-badge--top { background: var(--f-paper); color: var(--f-ink); box-shadow: inset 0 0 0 1px var(--f-ink); }
.familia-badge--out { background: var(--f-paper-3); color: var(--f-ink-3); }
.familia-badge--rx { background: var(--f-ink); color: var(--f-sky); }
.familia span.onsale,
.familia .wc-block-components-product-sale-badge {
position: static;
min-height: 0;
min-width: 0;
padding: .3em .55em;
border-radius: var(--f-r-xs);
background: var(--f-red);
color: #fff;
font-size: 11px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
line-height: 1;
}
.f-chips {
display: flex;
flex-wrap: wrap;
gap: var(--f-2);
margin: 0;
padding: 0;
list-style: none;
}
.f-chip {
display: inline-flex;
align-items: center;
gap: var(--f-1);
padding: .35rem .8rem;
border: 1px solid var(--f-line);
border-radius: var(--f-r-pill);
background: var(--f-paper);
color: var(--f-ink);
font-size: var(--f-t-sm);
font-weight: 500;
text-decoration: none;
}
.f-chip:hover { border-color: var(--f-ink); background: var(--f-ink); color: #fff; }
.f-chip[aria-current="page"],
.f-chip.is-active { border-color: var(--f-ink); background: var(--f-ink); color: #fff; }
.f-ring {
position: relative;
aspect-ratio: 1;
width: min(320px, 70%);
border: 1px solid rgb(var(--f-ink-rgb) / .25);
border-radius: 50%;
}
.f-ring::before,
.f-ring::after {
content: "";
position: absolute;
inset: 12%;
border: 1px solid rgb(var(--f-ink-rgb) / .18);
border-radius: 50%;
}
.f-ring::after {
inset: 30%;
border-color: transparent;
background: radial-gradient(circle at 35% 30%, rgb(var(--f-sky-rgb) / .65), rgb(var(--f-sky-rgb) / .12) 70%);
}
.f-on-ink .f-ring { border-color: rgb(255 255 255 / .28); }
.f-on-ink .f-ring::before { border-color: rgb(255 255 255 / .18); }
.familia .price,
.familia .woocommerce-Price-amount {
font-family: var(--f-text);
font-variant-numeric: tabular-nums;
color: var(--f-ink);
}
.familia .price del,
.familia .wc-block-components-product-price del {
margin-right: .35em;
color: var(--f-ink-4);
font-weight: 400;
text-decoration: line-through;
}
.familia .price ins,
.familia .wc-block-components-product-price ins {
background: none;
color: var(--f-red);
font-weight: 500;
text-decoration: none;
}
.familia .price .woocommerce-price-suffix { color: var(--f-ink-3); font-size: var(--f-t-sm); }
.familia .entry-content > .alignwide,
.familia .site-main > .alignwide,
.familia .familia-home > .alignwide {
max-width: var(--f-max-page);
margin-inline: auto;
padding-inline: var(--f-gut);
}
.familia .entry-content > .alignfull,
.familia .familia-home > .alignfull { max-width: none; margin-inline: 0; }
.familia .wp-block-columns { gap: var(--f-5); margin-bottom: 0; }
.familia .familia-products { padding-block: 0 16px; }
@media (min-width: 1024px) { .familia .familia-products { padding-bottom: 80px; } }
.familia :is(.entry-content, .familia-home) .familia-products > .wp-block-group__inner-container > .wp-block-heading { margin-bottom: 64px; }
.familia .familia-products .woocommerce { margin: 0; }
.familia-products .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--f-5) var(--f-4);
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 720px) { .familia-products .wc-block-grid__products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.familia-products .wc-block-grid__product {
width: auto !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left;
}
.familia-products .wc-block-grid__product-image img {
width: 100%;
aspect-ratio: 1;
object-fit: contain;
background: var(--f-paper-2);
border-radius: var(--f-r);
padding: var(--f-3);
}
.familia-products .wc-block-grid__product-title {
font-family: var(--f-display);
font-size: var(--f-t-base);
font-weight: 400;
color: var(--f-ink);
margin-block: var(--f-2) var(--f-1);
}
.familia-products .wc-block-grid__product-price { font-size: var(--f-t-base); font-weight: 500; }
.familia.single-post .entry-header,
.familia.search-results .page-header,
.familia.archive .page-header {
margin-bottom: var(--f-5);
padding-bottom: var(--f-4);
border-bottom: 1px solid var(--f-line);
}
.familia.page .entry-title,
.familia.single-post .entry-title,
.familia .page-header .page-title { font-size: var(--f-t-h1); margin: 0; }
.familia.single-post .entry-content {
max-width: var(--f-read);
padding-bottom: var(--f-8);
font-size: var(--f-t-md);
color: var(--f-ink-2);
}
.familia.woocommerce-page .entry-content { max-width: none; padding-bottom: var(--f-8); }
.familia.woocommerce-page .entry-content > .alignwide,
.familia.woocommerce-page .entry-content > .alignfull,
.familia.woocommerce-page .entry-content > .wp-block-woocommerce-cart,
.familia.woocommerce-page .entry-content > .wp-block-woocommerce-checkout {
max-width: none;
margin-inline: 0;
padding-inline: 0;
width: auto;
}
.familia.page .entry-content > h2,
.familia.single-post .entry-content > h2 { margin-top: var(--f-6); }
.familia.page .entry-content > h3 { margin-top: var(--f-5); }
.familia .entry-content ul,
.familia .entry-content ol { padding-left: 1.2em; margin-bottom: var(--f-4); }
.familia .entry-content li { margin-bottom: var(--f-1); }
.familia .entry-content table { width: 100%; border-collapse: collapse; margin-bottom: var(--f-4); }
.familia .entry-content th,
.familia .entry-content td { padding: .6rem var(--f-2); border-bottom: 1px solid var(--f-line-2); text-align: left; }
.familia .entry-content img { border-radius: var(--f-r); }
.familia.page-template-template-fullwidth .entry-content { max-width: none; }
.familia .wp-block-details {
padding: var(--f-3) var(--f-4);
border: 1px solid var(--f-line);
border-radius: var(--f-r);
margin-bottom: var(--f-2);
background: var(--f-paper);
}
.familia .wp-block-details summary { font-family: var(--f-display); font-size: var(--f-t-h4); font-weight: 500; color: var(--f-ink); cursor: pointer; }
.familia.search-results article,
.familia.archive article,
.familia.blog article {
padding-bottom: var(--f-5);
margin-bottom: var(--f-5);
border-bottom: 1px solid var(--f-line-2);
}
.familia article .entry-title { font-size: var(--f-t-h3); }
.familia .entry-meta { font-size: var(--f-t-sm); color: var(--f-ink-3); }
.familia .nav-links { display: flex; justify-content: space-between; gap: var(--f-3); font-weight: 500; }
.familia .widget { margin-bottom: var(--f-5); font-size: var(--f-t-base); }
.familia .widget_shopping_cart_content .total { border-top: 1px solid var(--f-line); padding-top: var(--f-2); }
.familia .widget ul.product_list_widget li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--f-2); padding: var(--f-2) 0; border-bottom: 1px solid var(--f-line-2); }
.familia .widget ul.product_list_widget li img { width: 56px; margin: 0; border-radius: var(--f-r-sm); background: var(--f-paper-2); }
.familia .widget ul.product_list_widget li a { font-weight: 500; color: var(--f-ink); text-decoration: none; }
.familia [data-loading="true"] { opacity: .55; pointer-events: none; }
.f-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
.familia *,
.familia *::before,
.familia *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
scroll-behavior: auto !important;
}
.familia .familia-tile:hover .familia-tile__media img,
.familia ul.products li.product:hover .familia-card__media img { transform: none; }
.f-drawer__panel,
.familia.familia-with-filters #secondary { transition: none; }
}
@media (forced-colors: active) {
.familia .f-btn,
.familia .button { border: 1px solid ButtonText; }
.familia-badge { border: 1px solid CanvasText; }
}
@media print {
.familia .site-header,
.familia .site-footer,
.familia .f-drawer,
.familia .familia-sticky,
.familia #secondary,
.familia .f-toolbar,
.familia .related,
.familia .up-sells { display: none !important; }
.familia { background: #fff; }
.familia a { text-decoration: underline; }
}
@media (max-width: 1024px) {
.familia [id^="omnisend-form-"] :is(input, select, textarea) { font-size: 16px !important; }
}
.familia [id^="omnisend-form-"] button[class$="-close-action"] {
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}