/*
 * GENERATED by tools/build-product-row-css.php – do not edit; change the shop's stylesheets and re-run it.
 * The shop's product row and card for familia.lt's pages (FC_Product_Row, client 2026-10-11 "reuse our shop part"),
 * scoped to the island div.familia. Sources, in the shop landing's cascade order:
 *   mu-plugins/familia-catalog/assets/catalog.css
 *   themes/storefront/assets/css/woocommerce/woocommerce.css
 *   themes/familia/assets/css/familia.css
 *   themes/familia/assets/css/familia-shop.css
 *   themes/familia/assets/css/familia-shell.css
 *   themes/familia/assets/css/familia-listing.css
 *   mu-plugins/familia-catalog/assets/home-sections.css
 */

/* ---- mu-plugins/familia-catalog/assets/catalog.css (prefix) ---- */
.familia .familia-badges { display: flex; flex-wrap: wrap; gap: .25rem }
.familia .familia-badges--loop { position: absolute; z-index: 2; top: .5rem; left: .5rem; pointer-events: none }
.familia .woocommerce ul.products li.product { position: relative }
.familia .familia-badge { display: inline-block; padding: .15em .5em; font-size: .75rem; line-height: 1.4; white-space: nowrap }
.familia .woocommerce ul.products li.product a img { position: relative }
.familia .familia-card__alt-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .2s }
.familia .woocommerce ul.products li.product:hover .familia-card__alt-image { opacity: 1 }

/* ---- themes/storefront/assets/css/woocommerce/woocommerce.css (prefix) ---- */
.familia .price ins { font-weight:400 }
.familia ul.products::before, .familia ul.products::after { content:""; display:table }
.familia ul.products::after { clear:both }
.familia ul.products { margin-left:0; margin-bottom:0; clear:both }
.familia ul.products li.product { list-style:none; margin-left:0; margin-bottom:4.235801032em; text-align:center; position:relative }
.familia ul.products li.product .star-rating { margin:0 auto .5407911001em }
.familia ul.products li.product .woocommerce-LoopProduct-link { display:block }
.familia ul.products li.product .price { display:block; color:#43454b; font-weight:400; margin-bottom:1rem }
.familia ul.products li.product .price ins { margin-left:.6180469716em; background-color:rgba(0,0,0,0) }
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products li.product .woocommerce-loop-category__title { font-weight:400; margin-bottom:.5407911001em }
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products li.product .woocommerce-loop-category__title { font-size:1rem }
.familia ul.products li.product .star-rating { font-size:.875em }
.familia ul.products li.product img { display:block; margin:0 auto 1.618em }
.familia ul.products li.product.product-category img { margin-bottom:1.618em }
.familia ul.products li.product .button { margin-bottom:.236em }
.familia .hentry .entry-content ul.products li.product>a { text-decoration:none }
.familia .price del { opacity:.65; font-weight:400 }
.familia .price del+ins { margin-left:.327em }
.familia .star-rating { overflow:hidden; position:relative; height:1.618em; line-height:1.618; font-size:1em; width:5.55em; font-family:"Font Awesome 5 Free"; font-weight:400 }
.familia .star-rating::before, .familia .star-rating span::before { content:""; top:0; left:0; position:absolute }
.familia .star-rating::before { opacity:.25; float:left }
.familia .star-rating span { overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em; color:#2c2d33 }
@media(min-width: 768px) {
	.familia ul.products li.product { clear:none; width:100%; float:left; font-size:.875em }
	.familia ul.products li.product.first { clear:both !important }
	.familia ul.products li.product.last { margin-right:0 !important }
}

/* ---- themes/familia/assets/css/familia.css (scoped) ---- */
.familia { --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) {
	.familia { --f-title-display: clamp(30px, 8vw, 40px); --f-title-section: clamp(28px, 7vw, 32px) }
}
.familia *, .familia *::before, .familia *::after { box-sizing: border-box }
.familia { font-family: var(--f-text); font-size: var(--f-t-sm); line-height: 1.4286; color: var(--f-ink); -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 { 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 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 img { max-width: 100%; height: auto }
.familia figure { margin: 0 }
.familia ::selection { background: var(--f-sky); color: var(--f-ink) }
.familia :focus { outline: none }
.familia :focus-visible { outline: 2px solid var(--f-focus); outline-offset: 2px; border-radius: var(--f-r-xs) }
.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 }
@media (min-width: 1441px) {
	.familia { --f-max-page: var(--f-max) }
}
@media (max-width: 1200px) {
	.familia { --f-gut: 20px }
}
@media (max-width: 1200px) {
	.familia { --f-wide-gut: 20px }
}
@media (max-width: 360px) {
	.familia { --f-wide-gut: 12px }
}
.familia button, .familia .added_to_cart { 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 button:hover, .familia .added_to_cart:hover { background: var(--f-sky-deep); border-color: var(--f-sky-deep); color: var(--f-ink) }
.familia button:active { transform: translateY(1px) }
.familia .single_add_to_cart_button { background: var(--f-ink); border-color: var(--f-ink); color: #fff }
.familia .single_add_to_cart_button:hover { background: #2f2416; border-color: #2f2416; color: #fff }
.familia .price, .familia .woocommerce-Price-amount { font-family: var(--f-text); font-variant-numeric: tabular-nums; color: var(--f-ink) }
.familia .price del { margin-right: .35em; color: var(--f-ink-4); font-weight: 400; text-decoration: line-through }
.familia .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) }
@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 ul.products li.product:hover .familia-card__media img { transform: none }
}
@media print {
	.familia a { text-decoration: underline }
}

/* ---- themes/familia/assets/css/familia-shop.css (scoped) ---- */
.familia ul.products { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--fs-grid-gap); margin: 0; padding: 0; list-style: none }
.familia ul.products::before, .familia ul.products::after { content: none; display: none }
.familia ul.products li.product { width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--fs-white); position: relative; display: flex; flex-direction: column; font-size: 14px; text-align: left; overflow: visible; float: none; clear: none }
.familia ul.products li.product::before, .familia ul.products li.product::after { content: none; display: none }
.familia ul.products[class*="columns-"] li.product { width: 100%; margin: 0; padding: 0; float: none; clear: none }
.familia ul.products[class*="columns-"] li.product.first, .familia ul.products[class*="columns-"] li.product.last { clear: none }
.familia ul.products li.product > a.woocommerce-LoopProduct-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas:
		"media media"
		"title title"
		"meta  price"; align-content: start; text-decoration: none; color: inherit }
.familia ul.products li.product .familia-card__media { grid-area: media; position: relative; display: flex; align-items: center; justify-content: center; height: var(--fs-card-media-h); margin: 0 0 16px; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: hidden; aspect-ratio: auto }
.familia ul.products li.product .familia-card__media img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0; object-fit: contain; border-radius: 0; mix-blend-mode: normal; transition: opacity 200ms var(--f-ease) }
.familia ul.products li.product .familia-card__media img.familia-card__img--alt, .familia ul.products li.product .familia-card__media img.familia-card__alt-image { display: none }
@media (min-width: 768px) {
	.familia ul.products li.product { font-size: 16px }
	.familia ul.products li.product:hover .familia-card__media img { transform: none }
}
@media (min-width: 768px) and (hover: hover) {
	.familia ul.products li.product .familia-card__media img.familia-card__img--alt, .familia ul.products li.product .familia-card__media img.familia-card__alt-image { display: block; position: absolute; inset: 0; margin: auto; opacity: 0; pointer-events: none }
	.familia ul.products li.product:hover .familia-card__media img.is-loaded:is(.familia-card__img--alt, .familia-card__alt-image) { opacity: 1 }
	.familia ul.products li.product:hover .familia-card__media:has(img.is-loaded:is(.familia-card__img--alt, .familia-card__alt-image)) img:not(.familia-card__img--alt):not(.familia-card__alt-image) { opacity: 0 }
}
.familia ul.products li.product .woocommerce-loop-product__title { grid-area: title; display: flex; flex-direction: column; justify-content: flex-end; min-height: var(--fs-card-title-h); margin: 0 0 8px; padding: 0; font-family: inherit; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0; color: var(--f-ink); overflow: hidden }
.familia ul.products li.product .woocommerce-loop-product__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2 }
@supports (display: flex) {
	.familia ul.products li.product .woocommerce-loop-product__title { align-content: end }
}
.familia ul.products li.product .familia-card__brand { display: none }
.familia ul.products li.product .familia-card__material, .familia ul.products li.product .familia-card__meta { grid-area: meta; align-self: start; display: block; margin: 0 0 8px; padding: 0 8px 0 0; font-size: inherit; font-weight: 300; line-height: 1.5; color: var(--f-ink) }
.familia ul.products li.product .familia-card__meta { display: flex; flex-wrap: wrap; gap: 6px }
.familia ul.products li.product .price { grid-area: price; justify-self: end; align-self: start; display: flex; flex-wrap: nowrap; align-items: baseline; gap: 0; margin: 0; padding: 0 0 8px; font-size: inherit; font-weight: 400; line-height: 1.5; color: var(--f-ink); white-space: nowrap }
.familia ul.products li.product .price del, .familia ul.products li.product .price del .amount { order: 0; margin: 0; color: var(--f-ink); font-weight: 400; text-decoration: line-through; opacity: 1 }
.familia ul.products li.product .price ins, .familia ul.products li.product .price ins .amount { order: 1; margin-left: 8px; background: none; color: var(--f-ink); font-weight: 500; text-decoration: none }
.familia ul.products li.product .price > .amount { font-weight: 400 }
.familia ul.products li.product .price ins bdi { font-weight: 500 }
.familia ul.products li.product .price del bdi { font-weight: 400 }
.familia ul.products li.product .price del ~ ins { margin-left: 8px }
.familia ul.products li.product .price .from, .familia ul.products li.product .price small { font-size: 13px; font-weight: 400; color: var(--fs-muted) }
.familia .familia-badges--card, .familia .familia-badges--loop { position: absolute; top: 4px; left: 0; z-index: 2; display: flex; flex-wrap: nowrap; gap: 0; width: 85%; margin: 0; padding: 0; overflow: hidden; pointer-events: none; font-size: 12px; line-height: 1 }
.familia .familia-badges--card .familia-badge, .familia .familia-badges--loop .familia-badge { display: inline-flex; align-items: center; flex: 0 0 auto; height: 32px; padding-inline: 16px; border: 0; border-radius: 0; background: var(--f-sky); color: var(--fs-white); font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0; text-transform: none; box-shadow: var(--fs-shadow-badge); white-space: nowrap }
.familia .familia-badges--card .familia-badge--top, .familia .familia-badges--loop .familia-badge--top { background: var(--f-red-text) }
.familia .familia-badges--card .familia-badge--recommended, .familia .familia-badges--loop .familia-badge--recommended { background: var(--f-ink) }
.familia .familia-badges--card .familia-badge:not(.familia-badge--sale):not(.familia-badge--top):not(.familia-badge--recommended), .familia .familia-badges--loop .familia-badge:not(.familia-badge--sale):not(.familia-badge--top):not(.familia-badge--recommended) { background: #8cbbff }
.familia .familia-badges--card .familia-badge:not(.familia-badge--top):not(.familia-badge--recommended), .familia .familia-badges--loop .familia-badge:not(.familia-badge--top):not(.familia-badge--recommended) { color: var(--f-ink) }
@media (min-width: 768px) {
	.familia .familia-badges--card, .familia .familia-badges--loop { top: 20px }
	.familia .familia-badges--card .familia-badge, .familia .familia-badges--loop .familia-badge { padding-inline: 10px }
}
.familia ul.products li.product .familia-card__wish { position: absolute; top: 0; right: 0; z-index: 3; margin: 0; line-height: 0 }
.familia .familia-wish { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 6px; border: 0; border-radius: 9999px; background: var(--f-default-100); box-shadow: none; color: var(--f-default-600); font-size: 0; line-height: 0; text-transform: none; cursor: pointer; transition: color 150ms var(--f-ease) }
.familia .familia-wish:hover, .familia .familia-wish:focus-visible { border: 0; background: var(--f-default-100); color: var(--f-red) }
.familia .familia-wish:active { transform: none }
.familia .familia-wish:focus-visible { outline: 2px solid var(--f-ink); outline-offset: 2px }
.familia .familia-wish svg { flex: none; width: 24px; height: 24px; transition: all 150ms var(--f-ease) }
.familia .familia-wish .familia-wish__on, .familia .familia-wish.is-on .familia-wish__off { display: none }
.familia .familia-wish.is-on .familia-wish__on { display: block; color: var(--f-red) }
.familia ul.products li.product .add_to_cart_button, .familia ul.products li.product .added_to_cart, .familia ul.products li.product .star-rating, .familia ul.products li.product .familia-try { display: none }
@media (min-width: 768px) {
	.familia ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (min-width: 1024px) {
	.familia ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) }
	.familia ul.products li.product .familia-card__media { margin-bottom: 0 }
	.familia ul.products li.product .woocommerce-loop-product__title { font-size: 20px }
	.familia ul.products li.product .familia-card__wish { top: 12px; right: 12px }
}
@media (min-width: 1280px) {
	.familia ul.products:not(.familia-hs ul.products) { --fs-card-media-h: 220px; --fs-card-title-h: 56px }
	.familia ul.products:not(.familia-hs ul.products):not(.familia-carousel ul.products) { grid-template-columns: repeat(4, minmax(0, 1fr)) }
	.familia ul.products:not(.familia-hs ul.products) li.product > a.woocommerce-LoopProduct-link { grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "title" "meta" "price" }
	.familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { padding-inline: 16px; font-size: 18px; line-height: 28px }
	.familia ul.products:not(.familia-hs ul.products) li.product :is(.familia-card__material, .familia-card__meta) { padding-inline: 16px }
	.familia ul.products:not(.familia-hs ul.products) li.product .price { justify-self: start; padding-inline: 16px }
}
@media (min-width: 1600px) {
	.familia ul.products:not(.familia-hs ul.products):not(.familia-carousel ul.products) { grid-template-columns: repeat(5, minmax(0, 1fr)) }
}
@media (min-width: 1920px) {
	.familia ul.products:not(.familia-hs ul.products):not(.familia-carousel ul.products) { grid-template-columns: repeat(6, minmax(0, 1fr)) }
}
.familia ul.products li.product .familia-omnibus { display: none }
@media (min-width: 1024px) {
	.familia ul.products li.product .woocommerce-loop-product__title { padding-inline: 20px }
	.familia ul.products li.product .familia-card__material, .familia ul.products li.product .familia-card__meta { padding-left: 20px; padding-right: 8px }
	.familia ul.products li.product .price { padding-right: 20px }
}
.familia .familia-badges--single { position: absolute; top: 20px; left: 0; z-index: 2; display: flex; gap: 0; width: 85%; overflow: hidden; pointer-events: none }
.familia .familia-badges--single .familia-badge { display: inline-flex; align-items: center; height: 32px; padding-inline: 10px; border: 0; border-radius: 0; background: var(--f-sky); color: var(--fs-white); font-size: 12px; font-weight: 500; text-transform: none; box-shadow: var(--fs-shadow-badge) }
.familia .star-rating { color: var(--f-ink) }
.familia .familia-lens-form .single_add_to_cart_button { width: 100% }
@media (prefers-reduced-motion: reduce) {
	.familia ul.products li.product .familia-card__media img, .familia .familia-card__img--alt, .familia .familia-card__alt-image { transition: none }
}
@media print {
	.familia .familia-card__wish { display: none !important }
}
.familia ul.products { row-gap: var(--fs-grid-gap) }
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { font-size: 16px; line-height: 24px }
.familia ul.products li.product .familia-card__material, .familia ul.products li.product .familia-card__meta { color: var(--f-quiet, #736e69); font-size: 14px }
.familia ul.products li.product .familia-wish, .familia ul.products li.product .familia-wish:hover, .familia ul.products li.product .familia-wish:focus-visible { background: transparent }
.familia ul.products li.product .familia-wish svg { width: 22px; height: 22px }
.familia .familia-badges--card .familia-badge, .familia .familia-badges--loop .familia-badge { height: 24px; padding-inline: 8px; box-shadow: none }
@media (min-width: 1024px) {
	.familia ul.products li.product .woocommerce-loop-product__title { font-size: 17px; line-height: 26px }
}
@media (min-width: 1280px) {
	.familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { font-size: 16px; line-height: 24px }
}
.familia ul.products li.product, .familia ul.products:not(.familia-hs ul.products) li.product { text-align: center }
.familia ul.products li.product > a.woocommerce-LoopProduct-link, .familia ul.products:not(.familia-hs ul.products) li.product > a.woocommerce-LoopProduct-link { grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "title" "meta" "price" }
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { padding-inline: 8px; text-align: center }
.familia ul.products li.product :is(.familia-card__material, .familia-card__meta), .familia ul.products:not(.familia-hs ul.products) li.product :is(.familia-card__material, .familia-card__meta) { justify-self: center; margin-bottom: 4px; padding-inline: 8px; text-align: center }
.familia ul.products li.product .familia-card__meta { justify-content: center }
.familia ul.products li.product .price, .familia ul.products:not(.familia-hs ul.products) li.product .price { justify-self: center; justify-content: center; padding-inline: 8px }
.familia ul.products li.product .familia-swatches { justify-content: center }
.familia ul.products li.product .familia-swatches__list { justify-content: center }
.familia ul.products li.product .price del, .familia ul.products li.product .price del .amount, .familia ul.products li.product .price del bdi { color: var(--f-quiet, #736e69); font-weight: 400 }
.familia ul.products li.product .price del { font-size: .9em; text-decoration-color: #b5b0aa }
@media (max-width: 767px) {
	.familia ul.products li.product .familia-card__media { margin-bottom: 8px }
	.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { min-height: 0; margin-bottom: 2px }
	.familia ul.products li.product :is(.familia-card__material, .familia-card__meta):empty { display: none }
	.familia ul.products li.product .price { padding-bottom: 0 }
	.familia ul.products { row-gap: 20px }
}
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 26px }
.familia ul.products li.product .price, .familia ul.products:not(.familia-hs ul.products) li.product .price { font-size: 18px }
.familia ul.products li.product .price ins, .familia ul.products li.product .price ins .amount { font-weight: 500 }
.familia ul.products li.product .price del { font-size: 15px }
.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 26px }
.familia .familia-hs ul.products li.product .price { font-size: 17px }
@media (max-width: 767px) {
	.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { font-size: 17px; line-height: 24px }
	.familia ul.products li.product .price { font-size: 17px }
	.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 16px; line-height: 22px }
	.familia .familia-hs ul.products li.product .price { font-size: 15px }
}
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title, .familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 20px; line-height: 28px }
.familia ul.products li.product .price, .familia ul.products:not(.familia-hs ul.products) li.product .price, .familia .familia-hs ul.products li.product .price { font-size: 20px }
.familia ul.products li.product .price del { font-size: 16px }
.familia .familia-hs.familia-hs h2.familia-hs__title { font-size: var(--f-title-section); letter-spacing: var(--f-title-tracking) }
@media (max-width: 767px) {
	.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title { font-size: 19px; line-height: 26px }
	.familia ul.products li.product .price, .familia ul.products:not(.familia-hs ul.products) li.product .price { font-size: 19px }
	.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 17px; line-height: 24px }
	.familia .familia-hs ul.products li.product .price { font-size: 17px }
	.familia ul.products li.product .price del { font-size: 14px }
}
.familia ul.products li.product > a.woocommerce-LoopProduct-link, .familia ul.products:not(.familia-hs ul.products) li.product > a.woocommerce-LoopProduct-link { flex: 1 1 auto; grid-template-rows: auto 1fr auto auto }
.familia ul.products li.product .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title, .familia .familia-hs ul.products li.product .woocommerce-loop-product__title { align-self: start; min-height: 0; -webkit-line-clamp: 3; line-clamp: 3 }
.familia ul.products li.product :is(.familia-card__material, .familia-card__meta) { align-self: end }
.familia ul.products:not(.familia-hs ul.products) li.product, .familia .familia-hs ul.products[class*="columns-"] li.product { padding: 10px; border-radius: 10px; background: #fff; box-shadow: 6px 17px 20px rgb(102 105 107 / 0%); transition: box-shadow .6s }
.familia ul.products:not(.familia-hs ul.products) li.product .familia-card__media, .familia .familia-hs ul.products li.product .familia-card__media { margin-bottom: 10px }
.familia ul.products:not(.familia-hs ul.products) li.product .woocommerce-loop-product__title, .familia .familia-hs ul.products li.product .woocommerce-loop-product__title { margin-bottom: 6px; padding-inline: 0; color: var(--f-ink); font-size: 20px; font-weight: 400; line-height: 26px; letter-spacing: -.04em; transition: color .6s }
.familia ul.products:not(.familia-hs ul.products) li.product :is(.familia-card__material, .familia-card__meta), .familia .familia-hs ul.products li.product :is(.familia-card__material, .familia-card__meta) { margin-bottom: 4px; padding-inline: 0; color: var(--f-muted, #676767); font-size: 15px; font-weight: 400; line-height: 1.4 }
.familia ul.products:not(.familia-hs ul.products) li.product .price, .familia .familia-hs ul.products li.product .price { padding-inline: 0; color: var(--f-ink); font-weight: 500 }
.familia ul.products:not(.familia-hs ul.products) li.product .price > .amount, .familia ul.products:not(.familia-hs ul.products) li.product .price ins .amount, .familia .familia-hs ul.products li.product .price > .amount, .familia .familia-hs ul.products li.product .price ins .amount { color: var(--f-ink); font-weight: 500 }
.familia ul.products li.product .price del, .familia ul.products li.product .price del .amount, .familia ul.products li.product .price del bdi { color: var(--f-muted, #676767); font-weight: 400 }
.familia ul.products li.product :is(.familia-badges--loop, .familia-badges--card) { top: 10px; left: 10px; gap: 4px; width: auto; max-width: calc(100% - 64px) }
.familia ul.products li.product :is(.familia-badges--loop, .familia-badges--card) .familia-badge { border-radius: 5px }
.familia ul.products li.product .familia-card__wish { top: 2px; right: 2px }
.familia ul.products li.product:has(> a.woocommerce-LoopProduct-link:focus-visible) { outline: 2px solid var(--f-ink); outline-offset: 2px }
.familia ul.products li.product > a.woocommerce-LoopProduct-link:focus-visible { outline: none }
@media (min-width: 1025px) {
	.familia ul.products:not(.familia-hs ul.products) li.product, .familia .familia-hs ul.products[class*="columns-"] li.product { padding: 20px }
	.familia ul.products:not(.familia-hs ul.products) li.product .familia-card__media, .familia .familia-hs ul.products li.product .familia-card__media { margin-bottom: 15px }
	.familia ul.products:not(.familia-hs ul.products) li.product :is(.familia-card__material, .familia-card__meta), .familia .familia-hs ul.products li.product :is(.familia-card__material, .familia-card__meta) { font-size: 16px }
	.familia ul.products li.product :is(.familia-badges--loop, .familia-badges--card) { top: 18px; left: 20px; max-width: calc(100% - 80px) }
	.familia ul.products li.product .familia-card__wish { top: 10px; right: 10px }
}
@media (hover: hover) and (min-width: 769px) {
	.familia ul.products:not(.familia-hs ul.products) li.product:hover, .familia .familia-hs ul.products[class*="columns-"] li.product:hover { box-shadow: 6px 17px 20px rgb(102 105 107 / 10%) }
	.familia ul.products:not(.familia-hs ul.products) li.product:hover .woocommerce-loop-product__title, .familia .familia-hs ul.products li.product:hover .woocommerce-loop-product__title { color: var(--f-red) }
}
@media (prefers-reduced-motion: reduce) {
	.familia ul.products li.product, .familia ul.products li.product .woocommerce-loop-product__title { transition: none }
}

/* ---- themes/familia/assets/css/familia-shell.css (scoped) ---- */

/* ---- themes/familia/assets/css/familia-listing.css (scoped) ---- */
.familia ul.products > li.product.is-held { display: none }
.familia ul.products li.product .familia-card__soldout { grid-area: title; align-self: start; justify-self: center; display: flex; align-items: center; gap: 4px; height: 16px; margin: -4px 0 0; color: var(--f-red); font-size: 14px; font-weight: 500; line-height: 1 }
.familia ul.products li.product:has(.familia-card__soldout) .woocommerce-loop-product__title, .familia ul.products:not(.familia-hs ul.products) li.product:has(.familia-card__soldout) .woocommerce-loop-product__title { padding-top: 18px }
.familia ul.products li.product .familia-card__soldout::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--f-ink) }
.familia .familia-badge--sale { background: var(--f-sky) }
.familia .familia-badge--top { background: var(--f-red-text) }
.familia .familia-badge--recommended { background: var(--f-ink) }
.familia .familia-badge--promo, .familia .familia-badge--new { background: #8cbbff }

/* ---- mu-plugins/familia-catalog/assets/home-sections.css (all) ---- */
.familia .familia-hs { --fs-grid-gap: 16px; --fs-card-media-h: 130px; --fs-card-title-h: 48px; --hs-band: transparent; --hs-bleed-x: 0px; --hs-bleed-b: 0px; position: relative; padding-block: 20px }
.familia .familia-hs__head { display: flex; align-items: flex-end; gap: 20px; margin: 0 0 30px }
.familia .familia-hs__text { flex: 1 1 auto; min-width: 0 }
.familia .familia-hs.familia-hs h2.familia-hs__title { margin: 0; color: var(--f-ink); font-size: var(--f-title-section, 40px); font-weight: 400; line-height: 1; letter-spacing: var(--f-title-tracking, -.04em) }
.familia .familia-hs.familia-hs .familia-hs__text p.familia-hs__intro { max-width: 860px; margin: 20px 0 0; color: var(--f-copy-color, #676767); font-size: var(--f-copy-size, 16px); font-weight: var(--f-copy-weight, 300); line-height: var(--f-copy-lh, 1.4); letter-spacing: 0 }
.familia .familia-hs.familia-hs .familia-hs__text div.familia-hs__intro { max-width: 860px; margin: 20px 0 0; color: var(--f-copy-color, #676767); font-size: var(--f-copy-size, 16px); font-weight: var(--f-copy-weight, 300); line-height: var(--f-copy-lh, 1.4); letter-spacing: 0 }
.familia .familia-hs.familia-hs .familia-hs__text div.familia-hs__intro :is(.html, p) { color: inherit; font: inherit; letter-spacing: inherit }
@media (min-width: 1441px) {
	.familia .familia-hs.familia-hs .familia-hs__text .familia-hs__intro { max-width: min(860px, var(--f-measure, 38em)) }
}
.familia .familia-hs__actions { display: flex; flex: none; align-items: center; gap: 10px }
.familia .familia-hs .familia-hs__arrow { display: none; align-items: center; justify-content: center; width: 50px; height: 50px; min-height: 50px; padding: 0; border: .5px solid #fff; border-radius: 50px; background: rgb(245 245 245 / 50%); box-shadow: inset 0 1px 2px rgb(255 255 255 / 24%), 0 1px 6px rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: var(--f-ink); cursor: pointer; transform: none }
.familia .familia-hs .familia-hs__arrow:hover, .familia .familia-hs .familia-hs__arrow:active { border-color: #fff; background: rgb(245 245 245 / 50%); color: var(--f-ink); transform: none }
.familia .familia-hs .familia-hs__arrow::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath d='M93.8 123.8c-1.9 0-3.8-.7-5.3-2.2L35.9 69.1c-2.9-2.9-2.9-7.7 0-10.6s7.7-2.9 10.6 0l47.2 47.2 47.2-47.2c2.9-2.9 7.7-2.9 10.6 0s2.9 7.7 0 10.6L99 121.6c-1.4 1.4-3.3 2.2-5.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath d='M93.8 123.8c-1.9 0-3.8-.7-5.3-2.2L35.9 69.1c-2.9-2.9-2.9-7.7 0-10.6s7.7-2.9 10.6 0l47.2 47.2 47.2-47.2c2.9-2.9 7.7-2.9 10.6 0s2.9 7.7 0 10.6L99 121.6c-1.4 1.4-3.3 2.2-5.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat }
.familia .familia-hs .familia-hs__arrow.familia-carousel__prev::before { transform: rotate(90deg) }
.familia .familia-hs .familia-hs__arrow.familia-carousel__next::before { transform: rotate(-90deg) }
.familia .familia-hs .familia-hs__arrow:disabled { opacity: .5; cursor: default }
.familia .familia-hs .familia-hs__arrow:focus-visible { outline: 2px solid var(--f-ink); outline-offset: 2px }
.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc((100% - var(--fs-grid-gap)) / 2); gap: var(--fs-grid-gap); margin: -4px calc(-1 * var(--hs-bleed-x)) calc(-1 * var(--hs-bleed-b)); padding: 4px var(--hs-bleed-x) var(--hs-bleed-b); overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: var(--hs-bleed-x); scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch }
.familia .familia-hs ul.products::-webkit-scrollbar { display: none }
.familia .familia-hs ul.products li.product, .familia .familia-hs ul.products[class*="columns-"] li.product { width: auto; max-width: none; min-width: 0; margin: 0; float: none; scroll-snap-align: start }
.familia .familia-hs ul.products li.product > a.woocommerce-LoopProduct-link { grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "title" "meta" "price" "sub" }
.familia .familia-hs ul.products li.product .price { justify-self: center; justify-content: center; column-gap: 6px; flex-wrap: nowrap; white-space: nowrap; max-width: 100%; padding-bottom: 0 }
.familia .familia-hs ul.products li.product .price > *, .familia .familia-hs ul.products li.product .price ins, .familia .familia-hs ul.products li.product .price del ~ ins { margin-left: 0; white-space: nowrap }
.familia .familia-hs ul.products li.product .familia-badges--card .familia-badge, .familia .familia-hs ul.products li.product .familia-badges--loop .familia-badge { height: 26px; padding-inline: 8px; font-size: 11px }
.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 17px; line-height: 22px }
.familia .familia-hs ul.products li.product .price { font-size: 17px }
.familia .familia-hs ul.products li.product :is(.familia-card__material, .familia-card__meta) { font-size: 14px }
.familia .familia-hs .price .familia-hs__from { font-weight: 300 }
@media (max-width: 767px) {
	.familia .familia-hs ul.products[class*="columns-"] li.product { container: hs-card / inline-size }
	.familia .familia-hs ul.products li.product .price, .familia .familia-hs ul.products li.product .price:has(del) { flex-direction: row; flex-wrap: nowrap; align-items: baseline; column-gap: 4px; width: calc(100% + 8px); max-width: none; margin-inline: -4px; font-size: clamp(15px, 9.9cqi, 17px); letter-spacing: -.02em }
	.familia .familia-hs ul.products li.product .price :is(del, .familia-hs__from) { margin: 0; font-size: max(11px, .75em) }
	.familia .familia-hs ul.products li.product .price del :is(.amount, bdi) { font-size: inherit }
}
@media (max-width: 479px) {
	.familia .familia-hs ul.products[class*="columns-"] li.product { padding-inline: 8px }
	.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 16px; overflow-wrap: anywhere }
}
@media (max-width: 339px) {
	.familia .familia-hs ul.products[class*="columns-"] li.product { padding-inline: 6px }
}
@container hs-card (max-width: 152px) {
	.familia .familia-hs ul.products li.product .price del .woocommerce-Price-currencySymbol { display: none }
	.familia .familia-hs ul.products li.product .price del bdi { word-spacing: -.245em }
}
@container hs-card (max-width: 128px) {
	.familia .familia-hs ul.products li.product .price, .familia .familia-hs ul.products li.product .price:has(del) { width: calc(100% + 12px); margin-inline: -6px; column-gap: 3px; letter-spacing: -.04em }
	.familia .familia-hs ul.products li.product .price :is(del, .familia-hs__from) { font-size: 11px }
}
@media (min-width: 768px) {
	.familia .familia-hs ul.products li.product .price:has(del) { font-size: 18px; column-gap: 5px }
	.familia .familia-hs ul.products li.product .price del, .familia .familia-hs ul.products li.product .price del :is(.amount, bdi) { font-size: 13px }
}
.familia .familia-hs ul.products li.product .familia-hs__sub { grid-area: sub; display: block; margin: 0 0 4px; text-align: center; color: var(--f-red); font-size: 12px; font-weight: 500; line-height: 1.4 }
.familia .familia-hs ul.products li.product .familia-hs__sub .amount { font-weight: 500; color: inherit }
.familia .familia-hs__more { margin: 20px 0 0 }
.familia .familia-hs a.familia-hs__all, .familia .familia-hs a.familia-hs__all:visited { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 60px; padding: 7px 24px; border: 1px solid #83c2f1; border-radius: 10px; background: transparent; color: var(--f-ink); font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; text-align: center; text-decoration: none; text-transform: none }
.familia .familia-hs a.familia-hs__all:hover { border-color: #83c2f1; background: #83c2f1; color: var(--f-ink); text-decoration: none }
.familia .familia-hs a.familia-hs__all:focus-visible { outline: 2px solid var(--f-ink); outline-offset: 2px }
@media (min-width: 768px) {
	.familia .familia-hs { --fs-grid-gap: 30px; --fs-card-media-h: 150px; --fs-card-title-h: 56px }
	.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 2 * var(--fs-grid-gap)) / 3) }
	.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 19px; line-height: 26px }
	.familia .familia-hs ul.products li.product .price { font-size: 19px }
	.familia .familia-hs ul.products li.product :is(.familia-card__material, .familia-card__meta) { font-size: 15px }
}
@media (min-width: 769px) and (hover: hover) {
	.familia .familia-hs { --hs-bleed-x: min(26px, var(--f-gut, 16px)); --hs-bleed-b: 40px }
}
@media (min-width: 1025px) {
	.familia .familia-hs { --fs-card-media-h: 170px; padding-block: 32px }
	.familia .familia-hs__head { margin-bottom: 60px }
	.familia .familia-hs__more { margin-top: 30px }
	.familia .familia-hs ul.products li.product .woocommerce-loop-product__title { font-size: 20px; line-height: 26px }
	.familia .familia-hs ul.products li.product .price { font-size: 20px }
	.familia .familia-hs ul.products li.product :is(.familia-card__material, .familia-card__meta) { font-size: 16px }
	.familia .familia-hs .familia-hs__arrow:not([hidden]) { display: inline-flex }
	.familia .familia-hs:has(li.product:nth-child(6)) .familia-hs__arrow[hidden] { display: inline-flex; visibility: hidden }
}
@media (min-width: 1200px) {
	.familia .familia-hs { --fs-card-media-h: 160px }
	.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 3 * var(--fs-grid-gap)) / 4) }
}
@media (min-width: 1360px) {
	.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 4 * var(--fs-grid-gap)) / 5) }
}
@media (min-width: 1640px) {
	.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 5 * var(--fs-grid-gap)) / 6) }
}
@media (min-width: 1900px) {
	.familia .familia-hs ul.products, .familia .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 6 * var(--fs-grid-gap)) / 7) }
}
@media (min-width: 1025px) and (max-width: 1359px) {
	.familia .familia-hs:has(li.product:nth-child(5)) .familia-hs__arrow[hidden] { display: inline-flex; visibility: hidden }
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.familia .familia-hs:has(li.product:nth-child(4)) .familia-hs__arrow[hidden] { display: inline-flex; visibility: hidden }
}
@media (prefers-reduced-motion: reduce) {
	.familia .familia-hs ul.products { scroll-behavior: auto }
}
.familia .familia-hs--band-white { --hs-band: #f5f5f5 }
.familia .familia-hs--band-grey { --hs-band: #f5f5f5 }
.familia .familia-hs--band-blue { --hs-band: #e5f5ff }
.familia .familia-hs--band-beige { --hs-band: #f5efe6 }
.familia .familia-hs[class*="familia-hs--band-"] { background: var(--hs-band); box-shadow: 0 0 0 100vmax var(--hs-band); clip-path: inset(0 -100vmax) }

/* island: what familia.lt's own CSS (site.css, blocks.css) would otherwise set inside the row */
.familia.familia-island { display: block; width: 100%; }