.familia.single-product div.product { overflow: visible; }
.familia.single-product div.product > .familia-descriptions,
.familia.single-product div.product > .familia-pblocks { grid-column: 1 / -1; }
@media (min-width: 1024px) {
.familia.single-product div.product {
grid-template-columns: minmax(0, 555px) 560px;
justify-content: space-between;
gap: 0 16px;
}
.familia.single-product div.product > .familia-gallery { grid-column: 1; min-width: 0; align-self: start; }
.familia.single-product div.product > .summary { grid-column: 2; padding-block: 36px; }
}
@media (min-width: 1280px) {
.familia.single-product div.product { grid-template-columns: minmax(0, 678px) 560px; gap: 0 80px; }
}
.familia .familia-product-crumbs { font-size: 11px; }
.familia .familia-product-crumbs .woocommerce-breadcrumb { margin: 0; padding: 8px 0 0; }
@media (max-width: 1023px) { .familia.single-product .storefront-breadcrumb { display: none; }
}
@media (min-width: 1024px) {
.familia .familia-product-crumbs { display: none; }
.familia.single-product div.product > .familia-product-crumbs { grid-column: 1; }
}
.familia .familia-gallery {
position: relative;
background: var(--fs-white, #fff);
padding-bottom: 20px;
border-radius: 0;
overflow: hidden;
}
.familia .familia-gallery img { border-radius: 0; }
.familia .familia-gallery__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 100%;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
overscroll-behavior-x: contain;
}
.familia .familia-gallery__track::-webkit-scrollbar { display: none; }
.familia .familia-gallery__track:focus-visible { outline: 2px solid var(--f-sky-deep); outline-offset: -2px; }
.familia .familia-gallery__slide {
scroll-snap-align: start;
scroll-snap-stop: always;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 220px;
padding-bottom: 64px;
}
.familia .familia-gallery__link { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; cursor: pointer; }
.familia .familia-gallery__slide--placeholder { height: 220px; }
.familia .familia-gallery__slide--placeholder img { max-height: 100%; width: auto; }
.familia .familia-gallery__img,
.familia .familia-gallery__slide img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; margin: 0 auto; }
.familia .familia-gallery__link .familia-gallery__img { width: 100%; height: 100%; max-width: none; max-height: none; object-position: 50% 50%; object-fit: scale-down; } .familia .familia-gallery__arrow {
position: absolute;
bottom: 12px; z-index: 3;
display: none;
align-items: center;
justify-content: center;
width: 40px;
height: 48px;
min-height: 48px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--f-ink);
cursor: pointer;
}
@media (min-width: 1024px) {
.familia .familia-gallery > .familia-gallery__arrow:not([hidden]) { display: inline-flex; }
}
.familia .familia-gallery__arrow:disabled { color: var(--f-default-600); }
.familia .familia-gallery__arrow svg { width: 40px; height: 40px; }
.familia .familia-gallery__arrow--prev { left: 20px; }
.familia .familia-gallery__arrow--next { right: 20px; }
.familia .familia-gallery__arrow--next svg { transform: rotate(180deg); }
.familia .familia-gallery__arrow:disabled { opacity: .5; cursor: default; }
.familia .familia-gallery__arrow:hover,
.familia .familia-gallery__arrow:focus,
.familia .familia-gallery__arrow:active { background: transparent; border-color: transparent; box-shadow: none; outline: none; transform: none; }
.familia .familia-gallery__arrow:focus-visible { outline: none; }
.familia .familia-gallery__arrow:focus-visible svg { outline: 2px solid var(--f-focus); outline-offset: 1px; border-radius: 50%; }
@media (min-width: 1280px) {
.familia .familia-gallery__arrow--prev { left: 0; }
.familia .familia-gallery__arrow--next { right: 0; }
}
.familia .familia-gallery__dots {
position: absolute;
left: 64px;
right: 64px;
bottom: 37px; display: flex;
justify-content: center;
align-items: center;
gap: 8px;
pointer-events: none;
}
.familia .familia-gallery__dot { width: 6px; height: 6px; border-radius: 999px; background: var(--f-default-400, #cdd1d6); transition: width .2s ease, background-color .2s ease; }
.familia .familia-gallery__dot.is-active { width: 12px; background: var(--f-sky); }
.familia .familia-gallery .familia-badges--single { top: 12px; left: 16px; }
.familia .familia-gallery__wish { position: absolute; top: 12px; right: 16px; left: auto; bottom: auto; z-index: 3; } @media (min-width: 1024px) { .familia .familia-gallery__slide { min-height: 434px; padding-bottom: 0; }
.familia .familia-gallery__link,
.familia .familia-gallery__slide--placeholder { height: 434px; }
.familia .familia-gallery { padding-bottom: 60px; } .familia .familia-gallery__wish { display: none; }
.familia .familia-gallery .familia-badges--single { left: 0; }
}
.familia .familia-gallery__lightbox {
width: min(1400px, calc(100vw - 48px));
max-width: none;
padding: 28px;
border: 0;
border-radius: var(--f-r-md, 8px);
background: #fff;
}
.familia .familia-gallery__lightbox::backdrop { background: rgba(var(--f-ink-rgb, 20 14 6) / .6); }
.familia .familia-gallery__lightbox-track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 100%;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.familia .familia-gallery__lightbox-track figure { margin: 0; scroll-snap-align: start; display: flex; justify-content: center; align-items: center; height: min(580px, 70vh); }
.familia .familia-gallery__lightbox-track img { max-width: 100%; max-height: 100%; object-fit: contain; }
.familia .familia-gallery__lightbox .familia-gallery__arrow { position: static; margin: 16px 8px 0; }
.familia .familia-gallery__close {
position: absolute;
top: 8px;
right: 12px;
padding: 4px 10px;
border: 0;
background: none;
font-size: 30px;
line-height: 1;
color: var(--f-ink);
cursor: pointer;
}
.familia .familia-badges--single .familia-badge { height: 32px; padding-inline: 16px; font-size: 12px; line-height: 16px; letter-spacing: 0; } @media (min-width: 768px) { .familia .familia-badges--single .familia-badge { padding-inline: 10px; } }
.familia .familia-badges--single .familia-badge--sale { background: var(--f-sky); color: var(--f-ink); } .familia .familia-badges--single .familia-badge--top { background: var(--f-red-text); color: #fff; }
.familia .familia-badges--single .familia-badge--recommended,
.familia .familia-badges--single .familia-badge--rekomenduojame { background: var(--f-ink); color: #fff; }
.familia .familia-badges--single .familia-badge--promo,
.familia .familia-badges--single .familia-badge--new { background: #8cbbff; color: var(--f-ink); }
.familia .familia-badges--single .familia-badge--familia { background: var(--f-ink); color: #fff; } .familia.single-product .summary .product_title {
margin: 0 0 12px; font-size: 26px;
font-weight: 400;
line-height: 1.375;
}
@media (min-width: 1024px) { .familia.single-product .summary .product_title { font-size: 32px; } }
.familia.single-product .summary .familia-product-subtitle { margin: 0 0 20px; font-size: 18px; line-height: 1.375; color: var(--f-ink); } @media (min-width: 1024px) { .familia.single-product .summary .familia-product-subtitle { margin-bottom: 24px; } }
.familia .familia-swatches--single { margin: 0 0 32px; }
@media (min-width: 1024px) { .familia .familia-swatches--single { margin-bottom: 40px; } }
.familia .familia-swatches--single .familia-swatches__label,
.familia .familia-swatches--single .familia-swatch__label {
position: absolute !important;
width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; white-space: nowrap;
}
.familia .familia-swatches--single .familia-swatches__list { display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; }
.familia .familia-swatches--single .familia-swatch { margin: 0 0 4px; }
.familia .familia-swatches--single .familia-swatch__button {
width: 34px;
height: 34px;
min-width: 34px;
min-height: 34px;
padding: 4px;
border: 1px solid transparent;
border-radius: 50%;
background-clip: content-box !important; box-shadow: none;
}
.familia .familia-swatches--single .familia-swatch__button img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.familia .familia-swatches--single .familia-swatch__button[aria-pressed="true"],
.familia .familia-swatches--single[data-count="1"] .familia-swatch__button { border-color: var(--f-ink); box-shadow: none; }
.familia .familia-swatches--single .familia-swatch--light .familia-swatch__button { box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px var(--f-line, #e8eaed); }
.familia .familia-swatches--thumbs .familia-swatches__current { margin: 0 0 10px; color: var(--f-quiet, #736e69); font-size: 14px; }
.familia .familia-swatches--thumbs .familia-swatches__current span { color: var(--f-ink); }
.familia .familia-swatches--thumbs .familia-swatches__list { gap: 8px; }
.familia .familia-swatches--thumbs .familia-swatch { margin: 0; }
.familia .familia-swatches--thumbs .familia-swatch__button,
.familia .familia-swatches--thumbs .familia-swatch--thumb .familia-swatch__button {
display: grid;
place-items: center;
width: 72px;
min-width: 72px;
height: 48px;
min-height: 48px;
padding: 3px;
border: 1px solid #e2e2e2;
border-radius: 6px;
background-color: #fff;
cursor: pointer;
}
.familia .familia-swatches--thumbs .familia-swatch:not(.familia-swatch--thumb) .familia-swatch__button { background-clip: content-box !important; background-origin: content-box; padding: 11px 23px; }
.familia .familia-swatches--thumbs .familia-swatch--thumb .familia-swatch__button img { width: 100%; height: 100%; border-radius: 0; object-fit: contain; }
.familia .familia-swatches--thumbs .familia-swatch__button:hover { border-color: #9a948e; }
.familia .familia-swatches--thumbs .familia-swatch__button[aria-pressed="true"] { border-color: var(--f-ink); box-shadow: inset 0 0 0 1px var(--f-ink); }
.familia .familia-swatches--thumbs .familia-swatch--out-of-stock .familia-swatch__button img { opacity: .45; }
.familia .familia-swatches--single .familia-swatch--text .familia-swatch__button,
.familia .familia-swatches--thumbs .familia-swatch--text .familia-swatch__button {
display: grid;
place-items: center;
width: auto;
min-width: 56px;
height: 44px;
min-height: 44px;
padding: 0 14px;
border: 1px solid #e2e2e2;
border-radius: 6px;
background: #fff;
color: var(--f-ink);
font-size: 14px;
font-weight: 400;
line-height: 1;
white-space: nowrap;
cursor: pointer;
}
.familia .familia-swatches--thumbs .familia-swatch--text .familia-swatch__button { height: 48px; min-height: 48px; }
.familia .familia-swatches--single .familia-swatch--text .familia-swatch__button:hover { border-color: #9a948e; }
.familia .familia-swatches--single .familia-swatch--text .familia-swatch__button[aria-pressed="true"],
.familia .familia-swatches--single[data-count="1"] .familia-swatch--text .familia-swatch__button { border-color: var(--f-ink); box-shadow: inset 0 0 0 1px var(--f-ink); }
.familia .familia-swatches--single .familia-swatch--text.familia-swatch--out-of-stock .familia-swatch__button { color: #9a948e; }
.familia .familia-price-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.familia.single-product .summary .familia-price-row .price {
margin: 0;
font-size: 18px;
font-weight: 500;
gap: 8px;
}
.familia.single-product div.product > .summary .familia-price-row .price { margin: 0; font-size: 18px; line-height: 28px; }
.familia.single-product .summary .familia-price-row .price del { margin-right: 8px; font-size: 18px; font-weight: 400; line-height: 28px; color: var(--f-ink); opacity: 1; }
.familia.single-product .summary .familia-price-row .price ins { margin: 0; font-size: 18px; font-weight: 500; line-height: 28px; text-decoration: none; }
.familia.single-product .summary .familia-price-row .price > .amount { color: var(--f-sky); } .familia .familia-price-row__wish { display: none; }
@media (min-width: 1024px) { .familia .familia-price-row__wish { display: block; } } .familia .familia-price-row .familia-omnibus,
.familia .familia-sticky__price .familia-omnibus { display: none; }
.familia .familia-lowest-price { margin: 0; font-size: 14px; line-height: 20px; color: var(--f-ink); } .familia.single-product .summary .familia-lowest-price { margin-bottom: 56px; }
.familia.single-product .summary .familia-price-row + .familia-lowest-price[hidden] + * { margin-top: 56px; }
.familia.single-product .summary form.cart { margin: 0; padding: 0; }
.familia.single-product .summary .woocommerce-variation-add-to-cart,
.familia.single-product .summary form.cart:not(.variations_form) { padding-top: 0; }
.familia.single-product .summary .fg { margin: 0; }
.familia.single-product .summary .single_variation_wrap .woocommerce-variation { margin: 0; }
.familia .familia-gallery__wish .familia-card__wish,
.familia .familia-price-row__wish .familia-card__wish { position: static; line-height: 0; }
.familia.single-product table.variations tr.familia-variation-row--hidden,
.familia.single-product table.variations.familia-variations--hidden { display: none; }
.familia.single-product .woocommerce-variation-price { display: none; }
.familia.single-product .woocommerce-variation-description:empty { display: none; }
.familia.single-product .summary p.stock::before { content: none; display: none; } .familia.familia-lens-product .summary .familia-price-row { margin-bottom: 24px; }
.familia.familia-lens-product .summary p.stock.familia-delivery--date { margin-bottom: 24px; }
.familia.single-product .summary p.stock.familia-delivery--date,
.familia.single-product .summary:has(.familia-delivery) > p.stock.familia-delivery--date { display: block; margin: 0 0 4px; padding: 0; background: none; color: var(--f-muted, #676767); font-size: 13px; font-weight: 400; } .familia.single-product .summary:has(.familia-delivery-badge) p.stock.familia-delivery--date,
.familia.single-product .summary:has(.familia-delivery-badge) .woocommerce-variation-availability p.stock:not(.out-of-stock),
.familia.single-product .summary:has(.familia-delivery-badge) .fl-status .fl-delivery,
.familia.single-product .summary:has(.familia-delivery-badge) .fs-delivery { display: none !important; }
.familia.single-product .summary .familia-delivery-badge[hidden] { display: none; }
.familia.single-product .summary .familia-delivery-badge { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 6px 12px; border-radius: 999px; background: var(--f-brand-wash, #e5f5ff); color: var(--f-brand, #3d291d); font-size: 14px; font-weight: 500; line-height: 1.3; }
.familia.single-product .summary .familia-delivery-badge .f-icon { flex: none; color: var(--f-sky-deep, #6293b4); }
.familia.single-product .summary p.stock.familia-delivery--soldout,
.familia.single-product .summary:has(.familia-delivery) > p.stock.familia-delivery--soldout { display: block; margin: 0 0 12px; padding: 0; background: none; color: var(--f-err); font-size: 15px; font-weight: 500; }
.familia.single-product form.cart .familia-qty { display: inline-flex; align-items: center; gap: 4px; margin: 0 16px 0 0; }
.familia.single-product form.cart .familia-qty input.qty {
width: 56px;
border: 0;
background: transparent;
text-align: center;
font-size: 16px;
-moz-appearance: textfield;
}
.familia.single-product form.cart .familia-qty input.qty::-webkit-inner-spin-button,
.familia.single-product form.cart .familia-qty input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.familia .familia-qty__btn,
.familia.single-product form.cart .familia-qty__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-height: 40px;
padding: 0;
border: 2px solid var(--f-default-600, #b5bac2);
border-radius: 50%;
background: transparent;
box-shadow: none;
color: var(--f-default-900, #666);
font-size: 22px;
font-weight: 400;
line-height: 1;
cursor: pointer;
}
.familia .familia-qty__btn:hover { border-color: var(--f-ink); color: var(--f-ink); background: transparent; }
.familia.single-product .single_add_to_cart_button {
min-height: 64px;
flex: 1 1 auto;
font-size: 16px;
font-weight: 500;
text-transform: none;
box-shadow: 0 10px 30px 4px rgb(0 0 0 / .15);
}
.familia .single_add_to_cart_button .familia-atc__sum { margin-left: 8px; font-weight: 500; }
.familia.single-product .familia-salons--modal { margin: 20px 0 0; padding: 0; background: none; border: 0; }
.familia .familia-salons__open {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 64px; padding: 0 28px;
border: 2px solid var(--f-sky);
border-radius: var(--f-r-sm, 4px);
background: #fff; box-shadow: none;
color: var(--f-ink);
font-size: 16px;
font-weight: 500;
text-transform: none;
cursor: pointer;
}
.familia .familia-salons__open:hover { border-color: var(--f-sky); background: var(--f-sky); color: var(--f-ink); }
.familia .familia-salons__open[hidden] { display: none; }
.familia .familia-salons__dialog {
width: min(620px, calc(100vw - 24px));
max-height: 88dvh;
padding: 28px;
border: 0;
border-radius: var(--f-r-md, 8px);
background: #fff;
color: var(--f-ink);
overflow-y: auto;
}
.familia .familia-salons__dialog::backdrop { background: rgba(20, 14, 6, .5); }
.familia .familia-salons__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.familia .familia-salons__dialog .familia-salons__title { margin: 0; font-size: 24px; font-weight: 400; }
.familia .familia-salons__close { padding: 0 6px; border: 0; background: none; font-size: 30px; line-height: 1; color: var(--f-ink); cursor: pointer; }
.familia .familia-salons__hint { margin: 0 0 12px; font-weight: 300; }
@media (min-width: 768px) { .familia .familia-salons__hint { display: none; } }
.familia .familia-salons__search {
width: 100%;
height: 52px;
margin: 0 0 24px;
padding: 0 20px;
border: 2px solid var(--f-default-100, #f6f6f6);
border-radius: var(--f-r-sm, 4px);
background: var(--f-default-100, #f6f6f6);
font-size: 18px;
}
.familia .familia-salons__search:focus { border-color: var(--f-ink); background: #fff; outline: 0; }
.familia .familia-salons__count { margin: 0 0 10px; color: var(--f-default-600, #666); font-size: 14px; font-weight: 500; }
.familia .familia-salons__cards { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.familia .familia-salons__card { display: grid; gap: 10px; padding: 24px 28px; border: 2px solid var(--f-line, #e8eaed); border-radius: var(--f-r-sm, 4px); }
.familia .familia-salons__card[hidden] { display: none; }
.familia .familia-salons__card-title { font-size: 20px; font-weight: 400; }
.familia .familia-salons__card-phone { color: var(--f-ink); text-decoration: none; }
.familia .familia-salons__card-hours { font-weight: 300; }
.familia ul.familia-services {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 16px 0 32px;
padding: 0;
list-style: none;
}
.familia .familia-services__item {
margin: 0;
padding: 10px 12px;
border-radius: 10px;
background: #f6f6f6;
}
.familia .familia-services__item a {
display: flex;
align-items: center;
gap: 10px;
color: inherit;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-decoration: none;
}
.familia .familia-services__item svg { display: block; flex: none; width: 32px; height: 32px; }
.familia .familia-services__text span { white-space: nowrap; }
.familia .familia-services__item:nth-child(2) { order: 3; }
.familia .familia-services__item:nth-child(3) { order: 2; }
.familia .familia-services__item:nth-child(4) { order: 4; }
@media (min-width: 1024px) {
.familia ul.familia-services {
display: flex;
justify-content: space-around;
margin: 32px 0 0;
padding: 12px 0;
background: #f6f6f6;
box-shadow: 0 0 0 100vmax #f6f6f6;
clip-path: inset(0 -100vmax);
}
.familia .familia-services__item { display: flex; align-items: center; order: 0 !important; padding: 0; border-radius: 0; background: transparent; }
.familia .familia-services__item a { gap: 12px; font-size: 15px; line-height: 20px; }
.familia .familia-services__text { white-space: nowrap; }
}
.familia .familia-descriptions { display: flex; flex-direction: column; width: 100%; margin: 0 0 16px; }
.familia .familia-descriptions__cell { padding: 16px; background: #fff; }
.familia .familia-descriptions__cell--row2 { background: #f6f6f6; }
@media (min-width: 1024px) {
.familia .familia-descriptions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.familia .familia-descriptions__cell--left { padding: 64px 90px; }
.familia .familia-descriptions__cell--right { padding: 64px 90px 64px 16px; }
}
.familia .familia-descriptions__text { color: inherit; font-size: 16px; font-weight: 400; line-height: 24px; overflow-wrap: break-word; }
.familia .familia-descriptions__text > :first-child { margin-top: 0; }
.familia .familia-descriptions__text p { margin: 0 0 8px; font-size: 16px; font-weight: 300; line-height: 1.375; }
.familia .familia-descriptions__text strong,
.familia .familia-descriptions__text b { font-weight: 700; } .familia .familia-descriptions__text .font-bold { font-weight: 500; } .familia .familia-descriptions__text em { font-style: italic; }
.familia .familia-descriptions__text a { color: inherit; text-decoration: none; }
.familia .familia-descriptions__text h1,
.familia .familia-descriptions__text h2 { margin: 0 0 28px; font-size: 32px; font-weight: 400; line-height: 1.375; }
.familia .familia-descriptions__text h3,
.familia .familia-descriptions__text h4 { margin: 0 0 8px; font-size: 22px; font-weight: 400; line-height: 1.375; }
.familia .familia-descriptions__text h5,
.familia .familia-descriptions__text h6 { margin: 0 0 4px; font-size: 12px; font-weight: 500; line-height: 1.375; }
.familia .familia-descriptions__text ul,
.familia .familia-descriptions__text ol {
margin: 0 0 0 20px;
padding: 0;
font-size: 16px;
font-weight: 300;
line-height: 1.375;
cursor: default;
}
.familia .familia-descriptions__text ul { list-style: disc; }
.familia .familia-descriptions__text ol { list-style: decimal; }
.familia .familia-descriptions__text li { margin: 0 0 20px; padding: 0; }
.familia .familia-descriptions__text li::marker { color: #cdd1d6; }
.familia .familia-descriptions__text ul li::marker { font-size: 18px; line-height: 28px; } .familia .familia-descriptions__text li > ul,
.familia .familia-descriptions__text li > ol { margin-top: 0; }
.familia .familia-descriptions__text figure { margin: 0; }
.familia .familia-descriptions__text img { max-width: 100%; height: auto; }
.familia .familia-descriptions__text hr { margin: 0; border: 0; border-top: 1px solid; }
.familia .familia-descriptions__text table {
width: auto;
margin: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
background: transparent;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.familia .familia-descriptions__text table.border { border: 1px solid currentColor; }
.familia .familia-descriptions__text tbody,
.familia .familia-descriptions__text thead,
.familia .familia-descriptions__text tr,
.familia .familia-descriptions__text th,
.familia .familia-descriptions__text td { border: 0 none; background: transparent; }
.familia .familia-descriptions__text th,
.familia .familia-descriptions__text td {
padding: 10px 28px;
color: inherit;
font-weight: inherit;
text-align: left;
vertical-align: middle;
}
.familia .familia-descriptions__text tr:nth-child(odd) td { background: #f6f6f6; }
.familia .familia-descriptions__text tr td:first-of-type { border-radius: 12px 0 0 12px; }
.familia .familia-descriptions__text tr td:last-of-type { border-radius: 0 12px 12px 0; }
.familia .familia-descriptions__text tr td:only-of-type { border-radius: 12px; }
.familia .familia-descriptions__text table strong,
.familia .familia-descriptions__text table b,
.familia .familia-descriptions__text table .font-bold { font-weight: 600; }
.familia .familia-descriptions__text table ul { margin-bottom: 32px; }
.familia .familia-descriptions__text table ul li { margin-bottom: 10px; font-size: 18px; line-height: 28px; }
.familia .familia-descriptions__text .btn,
.familia .familia-twi__text .btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 64px;
margin: 32px 0;
padding: 0 24px;
border: 2px solid #8dc9f7;
border-radius: 2px;
background: #8dc9f7;
color: var(--f-ink);
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
text-decoration: none;
text-transform: none;
white-space: nowrap;
cursor: pointer;
transition: all .15s cubic-bezier(.4, 0, .2, 1);
}
.familia .familia-descriptions__text .btn-primary,
.familia .familia-twi__text .btn-primary { box-shadow: 0 10px 30px 4px rgba(0, 0, 0, .15); }
.familia .familia-descriptions__text p:last-child .btn,
.familia .familia-twi__text p:last-child .btn { margin-bottom: 0; }
.familia .familia-descriptions__text .btn:hover,
.familia .familia-twi__text .btn:hover { border-color: #6293b4; background: #6293b4; }
.familia .familia-descriptions__text .body-text,
.familia .familia-twi__text .body-text { font-size: 20px; font-weight: 300; line-height: 1.375; }
@media (min-width: 768px) {
.familia .familia-descriptions__text .btn,
.familia .familia-twi__text .btn { width: min-content; font-size: 18px; line-height: 28px; }
.familia .familia-descriptions__text .body-text,
.familia .familia-twi__text .body-text { font-size: 22px; }
}
@media (min-width: 1024px) {
.familia .familia-descriptions__text { font-size: 22px; }
.familia .familia-descriptions__text h1,
.familia .familia-descriptions__text h2 { font-size: 44px; }
.familia .familia-descriptions__text h3 { font-size: 26px; }
.familia .familia-descriptions__text h5,
.familia .familia-descriptions__text h6 { margin-bottom: 8px; }
.familia .familia-descriptions__text table ul { margin-bottom: 48px; }
}
.familia .familia-pblocks .familia-related { margin: 0; }
@media (max-width: 1023px) {
.familia.single-product div.product { row-gap: 0; }
.familia.single-product div.product > .summary { margin-top: 24px; }
.familia.single-product div.product > ul.familia-services { margin-top: 40px; }
}
@media (min-width: 1024px) {
.familia.single-product div.product > .familia-pblocks { margin-top: 40px; }
}
.familia .familia-pblocks { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-width: 0; }
.familia .familia-pblock { min-width: 0; }
.familia .familia-pblock--desktop { display: none; }
@media (min-width: 768px) { .familia .familia-pblock--desktop { display: block; }
.familia .familia-pblock--phone { display: none; }
}
.familia .familia-twi { padding: 24px 0; box-shadow: 0 0 0 100vmax var(--twi-bg, transparent); clip-path: inset(0 -100vmax); }
.familia .familia-twi__inner { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.familia .familia-twi__text { display: block; width: 100%; max-width: 575px; color: inherit; font-size: 14px; font-weight: 400; line-height: 20px; }
.familia .familia-twi__text p { margin: 0 0 12px; font-size: 16px; font-weight: 400; line-height: 1.5; }
.familia .familia-twi__text strong,
.familia .familia-twi__text b { font-weight: 700; }
.familia .familia-twi__text h2 { margin: 0 0 16px; font-size: 24px; font-weight: 400; line-height: 1.25; }
.familia .familia-twi__text h3,
.familia .familia-twi__text h4,
.familia .familia-twi__text h2.familia-twi__h3 { margin: 0 0 12px; font-size: 20px; font-weight: 500; line-height: 1.3; } .familia .familia-twi__text :is(h2, h3, h4) :is(strong, b) { font-weight: inherit; }
.familia .familia-twi__text a { color: inherit; text-decoration: none; }
.familia .familia-twi__media { order: -1; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 575px; margin-bottom: 20px; }
.familia .familia-twi__media img { display: block; max-width: 100%; max-height: 280px; width: auto; height: auto; object-fit: contain; }
.familia .familia-twi__media img.familia-pblock__img--bundled { max-height: 320px; }
@media (min-width: 768px) {
.familia .familia-twi { padding: 40px 0; }
.familia .familia-twi__inner { flex-direction: row; justify-content: space-between; gap: 48px; }
.familia .familia-twi__text, .familia .familia-twi__media { flex: 1 1 0; width: auto; max-width: none; }
.familia .familia-twi__media { margin-bottom: 0; }
.familia .familia-twi__media img { max-height: 360px; }
.familia .familia-twi--image-right .familia-twi__media:has(.familia-pblock__img--bundled) { justify-content: flex-end; }
.familia .familia-twi--image-left .familia-twi__media:has(.familia-pblock__img--bundled) { justify-content: flex-start; }
.familia .familia-twi__media img.familia-pblock__img--bundled { max-height: 400px; }
.familia .familia-twi--image-left .familia-twi__media { order: -1; }
.familia .familia-twi--image-right .familia-twi__media { order: 2; }
}
@media (min-width: 1024px) {
.familia .familia-twi__text h2 { font-size: 30px; }
.familia .familia-twi__text h3,
.familia .familia-twi__text h2.familia-twi__h3 { font-size: 24px; }
}
.familia .familia-properties { background: #f6f6f6; box-shadow: 0 0 0 100vmax #f6f6f6; clip-path: inset(0 -100vmax); }
.familia .familia-properties__title { margin: 0 0 16px; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: none; letter-spacing: 0; }
.familia .familia-dimensions { padding: 32px 0 0; }
.familia .familia-dimensions .familia-properties__title { margin-bottom: 20px; }
.familia .familia-dimensions__list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px; align-items: stretch; } .familia .familia-dimension { display: flex; flex-direction: column; align-items: center; margin: 0; padding-bottom: 28px; text-align: center; }
.familia .familia-dimension figcaption { margin: 0 0 auto; padding-bottom: 10px; font-size: 13px; font-weight: 300; line-height: 18px; }
.familia .familia-dimension__label { display: block; }
.familia .familia-dimension__value, .familia .familia-dimension__suffix { font-weight: 500; font-size: 15px; }
.familia .familia-dimension img { display: block; width: 100%; max-width: 120px; height: auto; max-height: 64px; object-fit: contain; margin: 0 auto; }
.familia .familia-props { padding: 24px 0 32px; }
.familia dl.familia-props__list { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; }
.familia .familia-props__row { display: flex; padding: 8px 0; }
.familia .familia-props__row dt { flex: 0 0 140px; width: 140px; min-width: 140px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 300; line-height: 24px; }
.familia .familia-props__row dd { margin: 0; font-size: 16px; font-weight: 400; line-height: 24px; }
.familia .familia-props__row dd span + span { margin-left: 4px; }
@media (min-width: 1024px) {
.familia .familia-properties__title { font-size: 20px; }
.familia .familia-dimensions { padding: 40px 0 24px; }
.familia .familia-dimensions .familia-properties__title { margin-bottom: 24px; }
.familia .familia-dimensions__list { gap: 16px; }
.familia .familia-dimension { padding-bottom: 0; }
.familia .familia-dimension figcaption { font-size: 16px; line-height: 24px; }
.familia .familia-dimension__label { display: inline; }
.familia .familia-dimension__value, .familia .familia-dimension__suffix { font-weight: inherit; font-size: inherit; }
.familia .familia-dimension img { max-width: 100%; max-height: 140px; }
.familia .familia-props { padding: 24px 0 40px; }
.familia .familia-props .familia-properties__title { margin-bottom: 16px; }
.familia dl.familia-props__list { max-height: 145px; width: 70%; }
.familia .familia-props__row { margin-right: 32px; padding: 4px 0; }
.familia .familia-props__row dt, .familia .familia-props__row dd { font-size: 16px; line-height: 24px; }
}
.familia .familia-related { padding: 20px 0; }
.familia .familia-related__heading { margin: 0 0 30px; }
.familia .familia-related__heading h3,
.familia .familia-related__heading h2 { margin: 0; color: var(--f-ink); font-size: var(--f-title-section); font-weight: 400; line-height: 1; letter-spacing: var(--f-title-tracking); }
@media (min-width: 1025px) {
.familia .familia-related { padding: 32px 0; }
.familia .familia-related__heading { margin-bottom: 60px; padding-right: 130px; } }
.familia .familia-carousel {
--rel-bleed-x: 0px; --rel-bleed-b: 0px;
position: relative;
display: flow-root; }
@media (min-width: 769px) and (hover: hover) {
.familia .familia-carousel { --rel-bleed-x: min(26px, var(--f-gut, 16px)); --rel-bleed-b: 40px; }
}
.familia .familia-carousel ul.products {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 100%;
grid-template-columns: none;
gap: 30px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--rel-bleed-x);
scrollbar-width: none;
margin: -4px calc(-1 * var(--rel-bleed-x)) calc(-1 * var(--rel-bleed-b));
padding: 4px var(--rel-bleed-x) var(--rel-bleed-b);
}
.familia .familia-carousel ul.products::-webkit-scrollbar { display: none; }
.familia.single-product .familia-carousel ul.products li.product,
.familia.single-product .familia-carousel ul.products[class*="columns-"] li.product { width: auto; max-width: none; margin: 0; scroll-snap-align: start; float: none; }
.familia .familia-carousel > .familia-carousel__prev,
.familia .familia-carousel > .familia-carousel__next {
position: absolute;
top: -110px; 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-carousel > :is(.familia-carousel__prev, .familia-carousel__next):is(:hover, :active) { border-color: #fff; background: rgb(245 245 245 / 50%); color: var(--f-ink); transform: none; }
.familia .familia-carousel > .familia-carousel__prev { right: 60px; }
.familia .familia-carousel > .familia-carousel__next { right: 0; }
.familia .familia-carousel > :is(.familia-carousel__prev, .familia-carousel__next)::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-carousel > .familia-carousel__prev::before { transform: rotate(90deg); }
.familia .familia-carousel > .familia-carousel__next::before { transform: rotate(-90deg); }
.familia .familia-carousel > :is(.familia-carousel__prev, .familia-carousel__next):disabled { opacity: .5; cursor: default; }
.familia .familia-carousel > :is(.familia-carousel__prev, .familia-carousel__next):focus-visible { outline: 2px solid var(--f-ink); outline-offset: 2px; }
@media (min-width: 1025px) {
.familia .familia-carousel > :is(.familia-carousel__prev, .familia-carousel__next):not([hidden]) { display: inline-flex; }
}
@media (min-width: 768px) {
.familia .familia-carousel ul.products { grid-auto-columns: calc(50% - 30px); }
}
@media (min-width: 1024px) {
.familia .familia-carousel ul.products { grid-auto-columns: calc((100% - 60px) / 3); }
}
@media (min-width: 1280px) { .familia .familia-carousel ul.products { grid-auto-columns: calc((100% - 90px) / 4); }
}
@media (min-width: 1600px) { .familia .familia-carousel ul.products { grid-auto-columns: calc((100% - 120px) / 5); }
}
@media (min-width: 1920px) {
.familia .familia-carousel ul.products { grid-auto-columns: calc((100% - 150px) / 6); }
}
.familia .familia-added {
width: min(900px, calc(100vw - 16px));
max-width: none; max-height: 90dvh;
padding: 0;
border: 0;
border-radius: 10px;
background: #fff;
color: var(--f-ink);
overflow-y: auto;
overscroll-behavior: contain;
}
.familia .familia-added:focus-visible { outline: none; } .familia .familia-added::backdrop { background: rgba(20, 14, 6, .5); }
.familia .familia-added__box { position: relative; display: flex; flex-direction: column; align-items: center; padding: 28px 20px 24px; }
.familia .familia-added__box > svg { width: 40px; height: 42px; color: var(--f-ok, #05c46b); }
.familia .familia-added__close {
position: absolute;
top: 6px;
right: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
box-shadow: none;
color: var(--f-ink);
font-size: 30px;
font-weight: 300;
line-height: 1;
cursor: pointer;
transform: none;
}
.familia .familia-added__close:is(:hover, :active) { background: var(--f-default-100, #f5f5f5); color: var(--f-ink); transform: none; }
.familia .familia-added__title { margin: 12px 36px 20px; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.3; }
.familia .familia-added__actions { display: flex; flex-direction: column-reverse; gap: 12px; width: 100%; max-width: 640px; }
.familia .familia-added__actions > * { flex: 1; justify-content: center; }
.familia .familia-added__recs { padding: 0 12px; background: #f5f5f5; }
.familia .familia-added .familia-hs { --fs-grid-gap: 12px; --fs-card-media-h: 130px; padding-block: 20px 24px; }
.familia .familia-added .familia-hs__head { align-items: center; margin-bottom: 16px; }
.familia .familia-added .familia-hs.familia-hs h2.familia-hs__title { font-size: 22px; line-height: 1.1; }
.familia .familia-added .familia-hs ul.products,
.familia .familia-added .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - var(--fs-grid-gap)) / 2); }
.familia .familia-added .familia-hs ul.products li.product .woocommerce-loop-product__title { -webkit-line-clamp: 2; line-clamp: 2; }
.familia .familia-added .familia-hs .familia-hs__arrow { width: 40px; height: 40px; min-height: 40px; }
@media (min-width: 640px) {
.familia .familia-added { width: min(900px, calc(100vw - 24px)); }
.familia .familia-added__box { padding: 36px 56px 32px; }
.familia .familia-added__box > svg { width: 48px; height: 50px; }
.familia .familia-added__title { margin: 14px 48px 24px; font-size: 24px; }
.familia .familia-added__actions { flex-direction: row; gap: 20px; }
.familia .familia-added__recs { padding: 0 40px; }
.familia .familia-added .familia-hs { --fs-grid-gap: 20px; --fs-card-media-h: 150px; padding-block: 28px 36px; }
.familia .familia-added .familia-hs__head { margin-bottom: 20px; }
.familia .familia-added .familia-hs.familia-hs h2.familia-hs__title { font-size: 28px; }
}
@media (min-width: 640px) and (hover: hover) {
.familia .familia-added .familia-hs .familia-hs__arrow:not([hidden]) { display: inline-flex; }
}
@media (min-width: 769px) and (hover: hover) {
.familia .familia-added .familia-hs { --hs-bleed-x: 18px; --hs-bleed-b: 32px; }
}
@media (min-width: 768px) {
.familia .familia-added .familia-hs ul.products,
.familia .familia-added .familia-hs ul.products[class*="columns-"] { grid-auto-columns: calc((100% - 2 * var(--fs-grid-gap)) / 3); }
}
@media (min-width: 768px) and (hover: hover) {
.familia .familia-added .familia-hs:has(li.product:nth-child(4)) .familia-hs__arrow[hidden] { display: inline-flex; visibility: hidden; }
}
.familia.single-product form.cart .familia-qty,
.familia .familia-lens .fl-qty {
display: inline-grid;
grid-template-columns: 44px 48px 44px;
align-items: stretch;
gap: 0;
height: 48px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 6px;
background: #fff;
overflow: hidden;
}
.familia.single-product form.cart .familia-qty { align-self: stretch; height: auto; min-height: 48px; margin-right: 8px; }
.familia.single-product form.cart .familia-qty__btn,
.familia .familia-qty__btn,
.familia .familia-lens .fl-qty button {
width: auto;
height: auto;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--f-muted, #676767);
font-size: 20px;
font-weight: 300;
line-height: 1;
cursor: pointer;
}
.familia.single-product form.cart .familia-qty__btn:hover,
.familia .familia-qty__btn:hover,
.familia .familia-lens .fl-qty button:hover { border: 0; background: var(--f-default-100, #f6f6f6); color: var(--f-ink); }
.familia.single-product form.cart .familia-qty input.qty,
.familia .familia-lens .fl-qty input {
width: 100%;
height: auto;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--f-ink);
font-size: 16px;
font-weight: 500;
text-align: center;
-moz-appearance: textfield;
}
.familia .familia-lens .fl-qty input::-webkit-inner-spin-button,
.familia .familia-lens .fl-qty input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.familia.single-product form.cart .familia-qty:focus-within,
.familia .familia-lens .fl-qty:focus-within { border-color: var(--f-ink); }
.familia .familia-lens .fl-qty { grid-column: auto; position: relative; margin: 26px 0 8px; overflow: visible; }
.familia .familia-lens .fl-qty::before { content: "Kiekis"; position: absolute; left: 0; bottom: calc(100% + 8px); color: var(--f-ink); font-size: 14px; font-weight: 500; white-space: nowrap; }
.familia .familia-lens .fl-qty > * { border-radius: 0; }
@media (max-width: 1023px) { .familia .familia-lens .fl-qty input { flex: none; } }
.familia .familia-swatches--thumbs .familia-swatch--light:not(.familia-swatch--thumb) .familia-swatch__button { position: relative; }
.familia .familia-swatches--thumbs .familia-swatch--light:not(.familia-swatch--thumb) .familia-swatch__button::after { content: ""; position: absolute; top: 11px; bottom: 11px; left: 23px; right: 23px; border: 1px solid #cfcfcf; }
.familia.single-product form.cart .familia-qty,
.familia .familia-lens .fl-qty {
grid-template-columns: 48px minmax(0, 1fr) 48px;
border: 2px solid var(--f-default-300, #e8eaed);
border-radius: 2px;
}
.familia .familia-lens .fl-qty { display: grid; width: 100%; height: 48px; }
.familia.single-product form.cart .familia-qty { width: 150px; }
.familia.single-product form.cart .familia-qty input.qty,
.familia .familia-lens .fl-qty input { font-size: 18px; font-weight: 400; }
.familia.single-product form.cart .familia-qty__btn,
.familia .familia-qty__btn,
.familia .familia-lens .fl-qty button { color: var(--f-ink); font-size: 22px; font-weight: 300; }
.familia.single-product form.cart .familia-qty:focus-within,
.familia .familia-lens .fl-qty:focus-within { border-color: var(--f-default-500, #b8bdc5); }
.familia .familia-descriptions__cell--wide { grid-column: 1 / -1; }
@media (min-width: 768px) {
.familia .familia-descriptions__cell--wide { padding: 56px 90px; }
}
.familia .familia-descriptions__title { margin: 0 0 24px; color: var(--f-ink); font-size: clamp(24px, 2.4vw, 30px); font-weight: 300; line-height: 1.2; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text { max-width: 1080px; }
@media (min-width: 1024px) {
.familia .familia-descriptions__text--cols { columns: 2; column-gap: 72px; }
.familia .familia-descriptions__text--cols > * { break-inside: avoid; }
.familia .familia-descriptions__text--cols li { break-inside: avoid; }
}
.familia .familia-descriptions__cell--wide .familia-descriptions__text p { margin: 0 0 12px; line-height: 1.6; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text p.familia-desc-sub { margin: 20px 0 8px; font-size: 17px; font-weight: 500; line-height: 1.4; break-after: avoid; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text p.familia-desc-sub:first-child { margin-top: 0; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text p > :is(strong, b) { font-weight: 500; } .familia .familia-descriptions__cell--wide .familia-descriptions__text ul,
.familia .familia-descriptions__cell--wide .familia-descriptions__text ol { margin: 0 0 12px 20px; line-height: 1.5; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text li { margin: 0 0 8px; }
.familia .familia-descriptions__cell--wide .familia-descriptions__text li::marker { color: var(--f-sky-deep, #6293b4); }
@media (min-width: 1024px) {
.familia .familia-properties__inner:has(.familia-dimensions):has(.familia-props) {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
gap: 64px;
align-items: start;
padding: 40px 0 44px;
}
.familia .familia-properties__inner:has(.familia-dimensions):has(.familia-props) .familia-dimensions,
.familia .familia-properties__inner:has(.familia-dimensions):has(.familia-props) .familia-props { padding: 0; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimensions__list { gap: 20px; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension figcaption { font-size: 14px; line-height: 20px; margin-bottom: 12px; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension img { max-height: 96px; }
.familia .familia-properties__inner:has(.familia-dimensions) dl.familia-props__list { display: block; width: auto; max-height: none; }
.familia .familia-properties__inner:has(.familia-dimensions) .familia-props__row { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 16px; margin: 0; padding: 9px 0; border-bottom: 1px solid #e2e2e2; }
.familia .familia-properties__inner:has(.familia-dimensions) .familia-props__row:first-child { border-top: 1px solid #e2e2e2; }
.familia .familia-properties__inner:has(.familia-dimensions) .familia-props__row dt { width: auto; min-width: 0; flex: none; color: var(--f-muted, #676767); font-size: 15px; font-weight: 400; line-height: 22px; }
.familia .familia-properties__inner:has(.familia-dimensions) .familia-props__row dd { font-size: 15px; font-weight: 500; line-height: 22px; }
}
.familia.single-product div.product > ul.familia-services {
display: flex;
flex-wrap: wrap;
gap: 8px 22px;
margin: 12px 0 20px;
padding: 0;
border: 0;
background: none;
box-shadow: none;
clip-path: none;
list-style: none;
}
.familia.single-product div.product > ul.familia-services .familia-services__item { order: 0 !important; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.familia.single-product div.product > ul.familia-services .familia-services__item a { display: inline-flex; align-items: baseline; gap: 6px; padding: 0; color: var(--f-ink); font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; }
.familia.single-product div.product > ul.familia-services .familia-services__item a::before { content: "✓"; color: var(--f-sky-deep, #6293b4); font-weight: 600; }
.familia.single-product div.product > ul.familia-services .familia-services__item a:hover .familia-services__text { text-decoration: underline; text-underline-offset: 3px; }
.familia.single-product div.product > ul.familia-services .familia-services__item svg { display: none; }
.familia.single-product div.product > ul.familia-services .familia-services__text span { white-space: normal; }
@media (min-width: 1024px) {
.familia.single-product div.product { grid-template-rows: auto 1fr; } .familia.single-product div.product > .familia-gallery { grid-row: 1; }
.familia.single-product div.product > ul.familia-services { grid-column: 1; grid-row: 2; align-self: start; justify-content: center; margin: 16px 0 32px; }
.familia.single-product div.product > .summary { grid-row: 1 / span 2; }
}
@media (min-width: 1024px) {
.familia .familia-properties__inner:has(.familia-dimensions):has(.familia-props) { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 56px; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimensions__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: end; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension { display: flex; flex-direction: column; align-items: center; height: 100%; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension figcaption { margin-bottom: auto; padding-bottom: 14px; white-space: nowrap; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension img { width: 100%; max-width: 240px; height: auto; max-height: none; margin: 0 auto; }
.familia .familia-properties__inner:has(.familia-props) .familia-dimension--height img { margin-top: 0; }
}
body.familia.single-product {
--fp-r: 10px; --fp-pad: 30px; --fp-line: #ebebeb; --fp-field: #d6d6d6; --fp-title: calc(var(--f-title-section) * .7); }
@media (max-width: 1023px) { body.familia.single-product { --fp-pad: 24px; } }
@media (max-width: 767px) { body.familia.single-product { --fp-pad: 16px; } }
@media (max-width: 360px) { body.familia.single-product { --fp-pad: 12px; } }
body.familia.single-product div.product > .familia-gallery { border-radius: var(--fp-r); background: #fff; }
@media (min-width: 1280px) { body.familia.single-product .familia-gallery > .familia-gallery__arrow--prev { left: 12px; }
body.familia.single-product .familia-gallery > .familia-gallery__arrow--next { right: 12px; }
}
@media (max-width: 1023px) { body.familia.single-product .familia-gallery { padding-bottom: 8px; }
body.familia.single-product .familia-gallery__slide { padding-bottom: 28px; }
body.familia.single-product .familia-gallery__dots { bottom: 18px; }
}
@media (max-width: 767px) { body.familia.familia-lens-product .familia-gallery__slide { min-height: 180px; }
body.familia.familia-lens-product .familia-gallery__link,
body.familia.familia-lens-product .familia-gallery__slide--placeholder { height: 180px; }
}
@media (min-width: 1441px) {
body.familia.single-product div.product { grid-template-columns: minmax(0, 1fr) 560px; }
body.familia.single-product .familia-gallery__slide { min-height: 520px; }
body.familia.single-product .familia-gallery__link,
body.familia.single-product .familia-gallery__slide--placeholder { height: 520px; }
}
body.familia.single-product div.product > .summary {
align-self: start;
padding: var(--fp-pad);
border-radius: var(--fp-r);
background: #fff;
}
@media (max-width: 1023px) { body.familia.single-product div.product > .summary { margin-top: 12px; } }
body.familia.single-product .summary .familia-delivery-badge { margin: 0 0 10px; padding: 4px 12px; font-size: 13px; }
body.familia.single-product .summary .product_title { margin: 0 0 14px; font-size: clamp(24px, 2.1vw, 30px); line-height: 1.2; letter-spacing: -.02em; text-wrap: pretty; } body.familia.single-product .summary .familia-product-subtitle { margin: -10px 0 16px; color: var(--f-muted); font-size: 16px; }
body.familia.single-product .summary .familia-swatches--single { margin: 0 0 16px; }
body.familia.single-product .summary .familia-swatches--thumbs .familia-swatches__current { margin-bottom: 8px; }
body.familia.single-product .summary .familia-price-row { margin: 0; }
body.familia.single-product div.product > .summary .familia-price-row .price,
body.familia.single-product .summary .familia-price-row .price ins { font-size: 26px; font-weight: 500; line-height: 32px; }
body.familia.single-product .summary .familia-price-row .price > .amount,
body.familia.single-product .summary .familia-price-row .price ins .amount { color: var(--f-ink); }
body.familia.single-product .summary .familia-price-row .price del { margin-right: 10px; font-size: 18px; line-height: 32px; }
body.familia.single-product .summary .familia-lowest-price { margin: 2px 0 0; color: var(--f-muted); font-size: 13px; line-height: 18px; }
body.familia.single-product .summary .familia-price-row + .familia-lowest-price[hidden] + * { margin-top: 0; } body.familia.familia-lens-product .summary .familia-price-row { margin-bottom: 0; }
body.familia.single-product div.product > .summary > dl.familia-facts.familia-facts { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 16px 0 0; padding: 0; }
body.familia.single-product .familia-facts__item { display: grid; gap: 1px; min-width: 0; margin: 0; }
body.familia.single-product .familia-facts dt { margin: 0; color: var(--f-muted); font-size: 12px; font-weight: 400; line-height: 16px; }
body.familia.single-product .familia-facts dd { margin: 0; color: var(--f-ink); font-size: 15px; font-weight: 500; line-height: 20px; }
body.familia.single-product div.product > .summary > form.cart.cart { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid var(--fp-line); }
body.familia.single-product div.product > .summary > p.stock.familia-delivery--soldout,
body.familia.single-product div.product > .summary > p.stock.out-of-stock { margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid var(--fp-line); }
body.familia.single-product .summary .single_add_to_cart_button,
body.familia.single-product .summary .fg button.fg-open {
min-height: 56px;
padding: 0 20px;
border-radius: var(--fp-r);
box-shadow: none;
font-size: 17px;
font-weight: 500;
}
body.familia.single-product .summary form.cart .familia-qty { width: 132px; min-height: 56px; margin: 0; border-width: var(--f-field-rim); border-color: var(--f-field-border); border-radius: var(--fp-r); } body.familia.single-product .summary form.cart:not(.familia-lens-form) .single_add_to_cart_button { flex: 1 1 auto; white-space: nowrap; }
body.familia.single-product .summary form.cart:not(.variations_form)::before,
body.familia.single-product .summary form.cart:not(.variations_form)::after,
body.familia.single-product .summary .woocommerce-variation-add-to-cart::before,
body.familia.single-product .summary .woocommerce-variation-add-to-cart::after { content: none; display: none; }
body.familia.single-product .summary form.cart .familia-qty__btn { border-radius: 0; }
body.familia.single-product .summary .single_add_to_cart_button .familia-atc__sum,
body.familia.single-product .summary .single_add_to_cart_button .fl-btn-total { margin-left: 4px; font-weight: 600; }
body.familia.single-product .familia-salons--modal { margin: 10px 0 0; }
body.familia.single-product .familia-salons__open { min-height: 52px; border-width: 1.5px; border-radius: var(--fp-r); font-size: 16px; }
body.familia.single-product .summary .familia-rx-help { margin: 12px 0 0; border-color: var(--fp-line); border-radius: var(--fp-r); }
body.familia.single-product .summary .familia-rx-help > summary { min-height: 44px; padding: 10px 14px; }
body.familia.single-product .summary .familia-rx-help__body a.familia-rx-help__btn { min-height: 44px; border-radius: 8px; }
body.familia.single-product .summary .fg { margin: 0; }
body.familia.single-product .summary .fg-steps { margin: 8px 0 0; color: var(--f-muted); font-size: 13px; line-height: 18px; text-align: center; text-wrap: balance; }
body.familia.single-product .summary .familia-lens { margin: 0; }
body.familia.single-product .summary .familia-lens .fl-toggle { min-height: 44px; margin: -6px 0 10px; gap: 12px; color: var(--f-ink); font-size: 15px; font-weight: 500; }
body.familia.single-product .summary .familia-lens .fl-eyes {
--fl-label: 0px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 10px;
padding-left: var(--fl-label);
}
body.familia.single-product .summary .familia-lens.fl-equal-eyes .fl-eye[data-eye="r"] { grid-column: 1 / -1; } body.familia.single-product .summary .familia-lens .fl-eye { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
body.familia.single-product .summary .familia-lens .fl-eye legend,
body.familia.single-product .summary .familia-lens .fl-eye .fl-eye-title {
float: left;
width: 100%;
margin: 0 0 8px;
padding: 0;
overflow: hidden;
color: var(--f-ink);
font-size: 15px;
font-weight: 500;
line-height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
body.familia.single-product .summary .familia-lens .fl-fields { clear: both; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; }
body.familia.single-product .summary .familia-lens .fl-field { position: relative; display: grid; gap: 4px; min-width: 0; margin: 0; padding: 0; }
body.familia.single-product .summary .familia-lens .fl-field > span {
display: block;
height: 18px;
overflow: visible;
color: var(--f-ink);
font-size: 13px;
font-weight: 500;
line-height: 18px;
white-space: nowrap;
}
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="l"] .fl-field > span { opacity: 0; }
body.familia.single-product .summary .familia-lens .fl-code { margin-left: 4px; color: var(--f-muted); font-size: 11px; font-weight: 500; letter-spacing: .02em; }
body.familia.single-product .summary .familia-lens .fl-field select {
width: 100%;
height: var(--f-field-h-compact);
min-height: var(--f-field-h-compact);
padding: 0 28px 0 12px;
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-field-radius);
background-color: var(--f-field-bg);
background-position: right 9px center;
color: var(--f-field-ink);
font-size: var(--f-field-size); }
body.familia.single-product .summary .familia-lens .fl-field select:hover { border-color: var(--f-field-border-hover); }
body.familia.single-product .summary .familia-lens .fl-field select:focus { border-color: var(--f-field-focus); outline: 2px solid transparent; box-shadow: var(--f-field-ring); }
body.familia.single-product .summary .familia-lens .fl-field select.fl-invalid { border-color: var(--f-field-error); box-shadow: var(--f-field-error-rim); }
@media (max-width: 360px) { body.familia.single-product .summary .familia-lens .fl-field select { padding: 0 24px 0 10px; background-position: right 6px center; } }
body.familia.single-product .summary .familia-lens .fl-qty {
position: relative;
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 44px;
width: 100%;
height: var(--f-field-h-compact);
margin: 22px 0 0;
padding: 0;
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-field-radius);
background: var(--f-field-bg);
overflow: visible;
}
body.familia.single-product .summary .familia-lens .fl-qty::before { left: 0; bottom: calc(100% + 4px); color: var(--f-ink); font-size: 13px; font-weight: 500; line-height: 18px; }
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="l"] .fl-qty::before { visibility: hidden; }
body.familia.single-product .summary .familia-lens .fl-qty > button { width: 44px; height: 44px; min-height: 0; margin: -1px 0; border-radius: 0; font-size: 20px; } body.familia.single-product .summary .familia-lens .fl-qty > button:first-child { border-radius: 7px 0 0 7px; }
body.familia.single-product .summary .familia-lens .fl-qty > button:last-child { border-radius: 0 7px 7px 0; }
body.familia.single-product .summary .familia-lens .fl-qty input { height: 44px; min-height: 0; margin: -1px 0; font-size: 16px; font-weight: 500; }
@media (min-width: 560px) {
body.familia.single-product .summary .familia-lens .fl-eyes { --fl-label: 132px; column-gap: 12px; }
body.familia.single-product .summary .familia-lens .fl-field { display: block; }
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="r"] .fl-field > span {
position: absolute;
top: 0;
right: calc(100% + 12px);
display: flex;
flex-direction: column;
justify-content: center;
width: calc(var(--fl-label) - 12px);
height: 44px;
font-size: 14px;
line-height: 17px;
white-space: normal;
}
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="r"] .fl-code { display: block; margin: 1px 0 0; }
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="l"] .fl-field > span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
body.familia.single-product .summary .familia-lens .fl-qty { margin-top: 0; }
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="r"] .fl-qty::before {
top: 0;
right: calc(100% + 12px);
bottom: auto;
left: auto;
display: flex;
align-items: center;
width: calc(var(--fl-label) - 12px);
height: 44px;
font-size: 14px;
}
body.familia.single-product .summary .familia-lens .fl-eye[data-eye="l"] .fl-qty::before { content: none; }
}
body.familia.single-product .summary .familia-sub { margin: 18px 0 0; padding: 0; }
body.familia.single-product .summary .familia-sub .fs-modes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 0; } body.familia.single-product .summary .familia-sub .fs-mode {
position: relative;
display: block;
margin: 0;
padding: 0;
border: 1px solid var(--fp-field);
border-radius: var(--fp-r);
background: #fff;
transition: border-color .15s ease, background-color .15s ease;
}
body.familia.single-product .summary .familia-sub .fs-mode.is-checked,
body.familia.single-product .summary .familia-sub .fs-mode:has(input:checked) { border-color: var(--f-sky); background: var(--f-sky-wash); }
body.familia.single-product .summary .familia-sub .fs-head {
display: grid;
grid-template-columns: var(--f-check-size) minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
min-height: 52px;
margin: 0;
padding: 8px 14px;
font-size: 15px;
cursor: pointer;
}
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-head { padding-right: 40px; } body.familia.single-product .summary .familia-sub .fs-head input[type="radio"] { width: var(--f-check-size); height: var(--f-check-size); margin: 0; }
body.familia.single-product .summary .familia-sub .fs-title { min-width: 0; color: var(--f-ink); font-size: 15px; font-weight: 400; line-height: 1.3; }
body.familia.single-product .summary .familia-sub :is(.fs-price-one, .fs-prices) { display: flex; flex-direction: row; align-items: baseline; gap: 8px; margin: 0; padding: 0; white-space: nowrap; }
body.familia.single-product .summary .familia-sub :is(.fs-price-one, .fs-price-subscription) { color: var(--f-ink); font-size: 16px; font-weight: 500; line-height: 1.3; }
body.familia.single-product .summary .familia-sub .fs-price-original { color: var(--f-muted); font-size: 13px; font-weight: 400; }
body.familia.single-product .summary .familia-sub .fs-head .fs-breakdown { grid-column: 2 / -1; margin-top: -8px; color: var(--f-muted); font-size: 12px; font-weight: 400; line-height: 16px; min-height: 16px; text-wrap: balance; }
body.familia.single-product .summary .familia-sub .fs-best { position: absolute; top: -9px; right: 14px; left: auto; margin: 0; padding: 1px 8px; border-radius: var(--f-r-pill); background: var(--f-sky); color: var(--f-ink); font-size: 11px; font-weight: 500; line-height: 16px; }
body.familia.single-product .summary .familia-sub .fs-info { position: absolute; top: 17px; right: 14px; margin: 0; }
body.familia.single-product .summary .familia-sub .fs-mode-one .fs-sublabel { display: none; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel { min-width: 0; max-width: none; margin: 0; padding: 0 14px 12px 46px; border: 0; color: var(--f-muted); font-size: 13px; font-weight: 400; line-height: 1.4; }
body.familia.single-product .summary .familia-sub .fs-mode-sub:not(:has(input:checked)) .fs-sublabel { display: none; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel p { position: static; display: block; margin: 0; padding: 1px 0; color: var(--f-muted); font-size: 13px; line-height: 1.4; white-space: normal; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel p::before { content: "✓ "; position: static; color: var(--f-sky-deep); font-weight: 600; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel p.fs-follow { display: block; margin: 0 0 6px; color: var(--f-ink); font-weight: 500; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel p.fs-follow::before { content: none; }
body.familia.single-product .summary .familia-sub .fs-freq:not([hidden]) { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; padding: 0; }
body.familia.single-product .summary .familia-sub .fs-freq label { flex: none; color: var(--f-ink); font-size: 14px; }
body.familia.single-product .summary .familia-sub .fs-freq select { flex: 1 1 auto; max-width: none; min-width: 0; height: var(--f-field-h-compact); min-height: var(--f-field-h-compact); border: var(--f-field-rim) solid var(--f-field-border); border-radius: var(--f-field-radius); background-color: var(--f-field-bg); color: var(--f-field-ink); font-size: var(--f-field-size); } body.familia.single-product .summary .familia-sub .fs-freq select.fl-invalid { border-color: var(--f-field-error); box-shadow: var(--f-field-error-rim); }
body.familia.single-product .summary .familia-sub .fs-error { margin: 8px 0 0; }
@media (max-width: 480px) { body.familia.single-product .summary .familia-sub .fs-freq:not([hidden]) { flex-direction: column; align-items: stretch; gap: 4px; }
body.familia.single-product .summary .familia-sub .fs-freq select { width: 100%; }
}
@media (max-width: 420px) { body.familia.single-product .summary .familia-sub .fs-head { grid-template-columns: 20px minmax(0, 1fr); grid-template-areas: "radio title" "radio price"; row-gap: 2px; column-gap: 10px; padding: 8px 12px; font-size: 14px; }
body.familia.single-product .summary .familia-sub .fs-head input[type="radio"] { grid-area: radio; }
body.familia.single-product .summary .familia-sub .fs-title { grid-area: title; font-size: 14px; }
body.familia.single-product .summary .familia-sub :is(.fs-price-one, .fs-prices) { grid-area: price; justify-self: start; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-head { padding-right: 34px; }
body.familia.single-product .summary .familia-sub .fs-head .fs-breakdown { grid-column: 2; margin-top: 0; min-height: 32px; }
body.familia.single-product .summary .familia-sub .fs-info { top: 50%; right: 10px; transform: translateY(-50%); }
body.familia.single-product .summary .familia-sub .fs-mode-sub:has(input:checked) .fs-info { top: 17px; transform: none; }
body.familia.single-product .summary .familia-sub .fs-best { right: 10px; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel { padding: 0 12px 12px; } }
@media (max-width: 360px) { body.familia.single-product .summary .familia-sub .fs-title { font-size: 13px; }
body.familia.single-product .summary .familia-sub .fs-head { column-gap: 8px; padding-left: 10px; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-head { padding-right: 26px; }
body.familia.single-product .summary .familia-sub .fs-info { right: 6px; }
body.familia.single-product .summary .familia-sub .fs-mode-sub .fs-sublabel { padding-inline: 10px; }
}
body.familia.single-product .summary .familia-lens-form .fl-status { margin: 10px 0 0; }
body.familia.single-product .summary .familia-lens-form .fl-status:not(:has(p:not([hidden]))) { display: none; }
body.familia.single-product .summary .familia-lens-form .single_add_to_cart_button { width: 100%; margin: 16px 0 0; }
body.familia.single-product .summary .familia-lens-form .fl-status + * .single_add_to_cart_button,
body.familia.single-product .summary .familia-lens-form .fl-status ~ .single_add_to_cart_button { margin-top: 12px; }
body.familia.single-product .summary form.cart:not(.familia-lens-form) .familia-sub { flex: 1 1 100%; margin: 0 0 8px; }
body.familia.single-product .familia-sticky { padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); }
body.familia.single-product .familia-sticky__btn { min-height: 52px; border-radius: var(--fp-r); font-size: 17px; }
@media (max-width: 1023px) {
body.familia.single-product div.product > .summary { order: 1; }
body.familia.single-product div.product > ul.familia-services {
order: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px 16px;
margin: 14px 0 0;
padding: 0 4px;
}
body.familia.single-product div.product > :not(.familia-gallery, .summary, ul.familia-services) { order: 3; }
body.familia.single-product div.product > ul.familia-services .familia-services__item a { display: flex; align-items: center; min-height: 44px; font-size: 13px; line-height: 18px; } body.familia.single-product div.product > ul.familia-services .familia-services__item a::before { align-self: center; }
body.familia.single-product .familia-gallery__wish .familia-wish { width: 44px; height: 44px; min-height: 44px; }
}
body.familia.single-product :is(.familia-descriptions__title, .familia-properties__title) {
margin: 0 0 16px;
color: var(--f-ink);
font-size: var(--fp-title);
font-weight: 400;
line-height: 1.15;
letter-spacing: var(--f-title-tracking);
text-transform: none;
}
body.familia.single-product div.product > .familia-descriptions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 32px 0 0; }
body.familia.single-product div.product > .familia-descriptions:empty { display: none; }
@media (min-width: 1024px) { body.familia.single-product div.product > ul.familia-services { margin-bottom: 0; } }
body.familia.single-product .familia-descriptions__cell,
body.familia.single-product .familia-descriptions__cell--row2 { padding: 24px var(--fp-pad); border-radius: 0; background: #fff; }
body.familia.single-product .familia-descriptions__cell--left { border-radius: var(--fp-r) var(--fp-r) 0 0; padding-bottom: 8px; }
body.familia.single-product .familia-descriptions__cell--right { margin-bottom: 12px; border-radius: 0 0 var(--fp-r) var(--fp-r); padding-top: 8px; }
body.familia.single-product .familia-descriptions__cell--wide { margin-bottom: 12px; border-radius: var(--fp-r); }
@media (max-width: 1023px) { body.familia.single-product .familia-descriptions__cell--right:empty { display: none; }
body.familia.single-product .familia-descriptions__cell--left:has(+ .familia-descriptions__cell--right:empty) { margin-bottom: 12px; padding-bottom: 24px; border-radius: var(--fp-r); }
body.familia.single-product .familia-descriptions__cell--left:empty { display: none; }
body.familia.single-product .familia-descriptions__cell--left:empty + .familia-descriptions__cell--right { padding-top: 24px; border-radius: var(--fp-r); }
}
@media (min-width: 1024px) {
body.familia.single-product div.product > .familia-descriptions { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; margin-top: 32px; }
body.familia.single-product .familia-descriptions__cell--left,
body.familia.single-product .familia-descriptions__cell--right,
body.familia.single-product .familia-descriptions__cell--wide { margin: 0; padding: 36px 40px; }
body.familia.single-product .familia-descriptions__cell--left { border-radius: var(--fp-r) 0 0 var(--fp-r); }
body.familia.single-product .familia-descriptions__cell--right { border-radius: 0 var(--fp-r) var(--fp-r) 0; }
body.familia.single-product .familia-descriptions__cell--wide { border-radius: var(--fp-r); }
body.familia.single-product .familia-descriptions__cell--left:has(> .familia-descriptions__title) + .familia-descriptions__cell--right { padding-top: calc(36px + var(--fp-title) * 1.15 + 16px); }
}
body.familia.single-product .familia-descriptions__text { font-size: 15px; line-height: 1.6; }
body.familia.single-product .familia-descriptions__text :is(p, ul, ol) { font-size: 15px; font-weight: 400; line-height: 1.6; }
body.familia.single-product .familia-descriptions__text li { margin: 0 0 6px; }
body.familia.single-product .familia-descriptions__text :is(ul, ol) { margin-bottom: 12px; }
body.familia.single-product .familia-descriptions__text li::marker { color: var(--f-sky-deep); }
@media (min-width: 1024px) {
body.familia.single-product .familia-descriptions__text,
body.familia.single-product .familia-descriptions__text :is(p, ul, ol) { font-size: 16px; }
}
body.familia.single-product .familia-descriptions__text table { width: 100%; max-width: 640px; margin: 0 0 16px; font-size: 15px; line-height: 22px; }
body.familia.single-product .familia-descriptions__text tr td,
body.familia.single-product .familia-descriptions__text tr:nth-child(odd) td,
body.familia.single-product .familia-descriptions__text tr td:only-of-type { padding: 9px 16px 9px 0; border-bottom: 1px solid var(--fp-line); border-radius: 0; background: none; font-weight: 500; }
body.familia.single-product .familia-descriptions__text tr:first-child td { border-top: 1px solid var(--fp-line); }
body.familia.single-product .familia-descriptions__text tr td:first-of-type:not(:only-of-type) { width: 48%; color: var(--f-muted); font-weight: 400; }
body.familia.single-product .familia-descriptions__text table :is(strong, b, .font-bold) { font-weight: 500; }
body.familia.single-product .familia-descriptions__text table.border { border: 0; }
body.familia.single-product .familia-descriptions__text :is(td, th) > :is(p, div) { margin: 0; font-size: inherit; line-height: inherit; }
body.familia.single-product .familia-descriptions__text tr td,
body.familia.single-product .familia-descriptions__text tr:nth-child(odd) td,
body.familia.single-product .familia-descriptions__text tr td:only-of-type { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
body.familia.single-product div.product > .familia-pblocks { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
body.familia.single-product .familia-pblocks > .familia-pblock { flex: 1 1 100%; min-width: 0; }
body.familia.single-product .familia-pblocks > .familia-pblock--product-attributes { order: -1; }
body.familia.single-product .familia-pblocks > .familia-pblock--related-products { order: 2; }
body.familia.single-product div.product > .familia-descriptions:empty + .familia-pblocks { margin-top: 32px; }
@media (min-width: 768px) {
body.familia.single-product .familia-pblocks > .familia-pblock--text-with-image { flex: 1 1 300px; }
}
@media (min-width: 1024px) {
body.familia.single-product div.product > .familia-pblocks { gap: 16px; margin-top: 16px; }
}
body.familia.single-product .familia-pblock--text-with-image .familia-twi {
height: 100%;
padding: 0;
overflow: hidden;
border-radius: var(--fp-r);
background: #fff !important; box-shadow: none;
clip-path: none;
}
body.familia.single-product .familia-pblock--text-with-image .familia-twi__inner { display: flex; flex-direction: column; justify-content: flex-start; gap: 0; height: 100%; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media,
body.familia.single-product .familia-pblock--text-with-image .familia-twi--image-left .familia-twi__media,
body.familia.single-product .familia-pblock--text-with-image .familia-twi--image-right .familia-twi__media {
order: -1;
flex: none;
justify-content: center;
width: 100%;
max-width: none;
height: 200px;
margin: 0;
padding: 16px 20px 0;
}
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media img,
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media img.familia-pblock__img--bundled { max-width: 100%; max-height: 184px; object-fit: contain; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media:has(.familia-pblock__img--bundled) { padding: 0; background: #f6f6f6; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media:has(.familia-pblock__img--bundled) img { max-height: 200px; }
@media (max-width: 767px) { body.familia.single-product .familia-pblock--text-with-image .familia-twi__media { height: 150px; padding: 12px 16px 0; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media img { max-height: 138px; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__media:has(.familia-pblock__img--bundled) img { max-height: 150px; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text { padding: 14px var(--fp-pad) 18px; }
}
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text { flex: 1 1 auto; width: auto; max-width: none; padding: 18px var(--fp-pad) 24px; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p { margin: 0 0 8px; font-size: 15px; line-height: 1.55; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p:first-child > strong:first-child,
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text :is(h2, h3, h4) { display: block; margin: 0 0 4px; font-size: 19px; font-weight: 500; line-height: 1.3; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text span[style] { font-size: inherit !important; } body.familia.single-product .familia-pblock--text-with-image .familia-twi__text .body-text { font-size: 15px; }
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text .btn {
width: auto;
height: 48px;
margin: 8px 0 0;
border-radius: var(--fp-r);
box-shadow: none;
font-size: 16px;
}
body.familia.single-product .familia-pblock--product-attributes .familia-properties { padding: 28px var(--fp-pad); border-radius: var(--fp-r); background: #fff; box-shadow: none; clip-path: none; }
body.familia.single-product .familia-pblock--product-attributes .familia-properties__inner,
body.familia.single-product .familia-pblock--product-attributes .familia-properties__inner:has(.familia-dimensions):has(.familia-props) { padding: 0; }
body.familia.single-product .familia-pblock--product-attributes :is(.familia-dimensions, .familia-props) { padding: 0; }
body.familia.single-product .familia-pblock--product-attributes .familia-dimensions + .familia-props { margin-top: 24px; }
body.familia.single-product .familia-pblock--product-attributes dl.familia-props__list,
body.familia.single-product .familia-pblock--product-attributes .familia-properties__inner:has(.familia-dimensions) dl.familia-props__list { display: block; width: auto; max-height: none; margin: 0; }
body.familia.single-product .familia-pblock--product-attributes .familia-props__row,
body.familia.single-product .familia-pblock--product-attributes .familia-properties__inner:has(.familia-dimensions) .familia-props__row { display: grid; grid-template-columns: minmax(0, 48%) minmax(0, 1fr); gap: 16px; margin: 0; padding: 9px 0; border-bottom: 1px solid var(--fp-line); }
body.familia.single-product .familia-pblock--product-attributes .familia-props__row:first-child { border-top: 1px solid var(--fp-line); }
body.familia.single-product .familia-pblock--product-attributes .familia-props__row dt { width: auto; min-width: 0; flex: none; color: var(--f-muted); font-size: 15px; font-weight: 400; line-height: 22px; }
body.familia.single-product .familia-pblock--product-attributes .familia-props__row dd { font-size: 15px; font-weight: 500; line-height: 22px; }
@media (min-width: 1024px) {
body.familia.single-product .familia-pblock--product-attributes .familia-properties { padding: 36px 40px; }
body.familia.single-product .familia-pblock--product-attributes .familia-dimensions + .familia-props { margin-top: 0; }
body.familia.single-product .familia-pblock--product-attributes .familia-props:only-child dl.familia-props__list { max-width: 640px; }
}
body.familia.single-product .familia-pblocks > .familia-pblock--related-products .familia-related { padding-top: 28px; }
body.familia.single-product .familia-descriptions__text :is(p, ul, ol):not(table *, .familia-desc-sub),
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text :is(p, .body-text) {
color: var(--f-copy-color);
font-size: var(--f-copy-size);
font-weight: var(--f-copy-weight);
line-height: var(--f-copy-lh);
}
body.familia.single-product .familia-descriptions__text p:not(table *, .familia-desc-sub),
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p { margin: 0 0 var(--f-copy-gap); }
body.familia.single-product .familia-descriptions__text :is(p, ul, ol):not(table *):last-child,
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p:last-child { margin-bottom: 0; }
body.familia.single-product .familia-descriptions__text :is(ul, ol):not(table *) { margin: 0 0 var(--f-copy-gap) var(--f-copy-indent); padding: 0; }
body.familia.single-product .familia-descriptions__text :is(ul, ol):not(table *) > li { margin: 0 0 var(--f-copy-item-gap); }
body.familia.single-product .familia-descriptions__text :is(ul, ol):not(table *) > li > p { margin: 0; }
body.familia.single-product .familia-descriptions__text li > :is(ul, ol):not(table *) { margin: var(--f-copy-item-gap) 0 0 var(--f-copy-indent); }
body.familia.single-product .familia-descriptions__text ol:not(table *) > li::marker { color: inherit; font-size: inherit; }
body.familia.single-product .familia-descriptions__text ul:not(table *) { list-style: none; }
body.familia.single-product .familia-descriptions__text ul:not(table *) > li { position: relative; }
body.familia.single-product .familia-descriptions__text ul:not(table *) > li::before {
content: "";
position: absolute;
top: calc((var(--f-copy-lh) * 1em - 6px) / 2);
left: calc(-1 * var(--f-copy-indent));
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--f-copy-marker);
}
body.familia.single-product .familia-descriptions__text :is(p, li):not(table *) :is(strong, b, .font-bold),
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p :is(strong, b) { color: var(--f-copy-strong); font-weight: var(--f-copy-strong-weight); }
body.familia.single-product .familia-descriptions__text :is(p, li):not(table *) a:not(.btn),
body.familia.single-product .familia-descriptions__text :is(p, li):not(table *) a:not(.btn):hover,
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p a:not(.btn),
body.familia.single-product .familia-pblock--text-with-image .familia-twi__text p a:not(.btn):hover { color: var(--f-copy-link); text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: .15em; }