.item.f-card-specialistas .info .rezervacija .f-specialist-book {
display: flex; width: 100%; min-height: 44px; padding: 10px 16px;
background: #88cef7; border-color: #88cef7; border-radius: 8px; color: #3d291d;
font-weight: 500; white-space: normal; text-align: center;
}
.item.f-card-specialistas .info .rezervacija .f-specialist-book:hover { background: #70bfee; border-color: #70bfee; }
.item.f-card-specialistas .info .rezervacija .f-specialist-book:focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
[hidden] { display: none !important; }
.html :is([style^="color:" i], [style*=";color:" i], [style*="; color:" i]) :is(strong, b) {
color: inherit;
}
.imageEffect > .slot { transition: filter 1s ease-out; }
.imageEffect > .before, .imageEffect > .after { transition: transform 1.2s ease-out; }
.imageEffect.in-view > .slot { filter: none; }
.imageEffect.vertical.in-view > .before { transform: translateY(-101%); }
.imageEffect.vertical.in-view > .after { transform: translateY(101%); }
.imageEffect.horizontal.in-view > .before { transform: translateX(-101%); }
.imageEffect.horizontal.in-view > .after { transform: translateX(101%); }
@media (prefers-reduced-motion: reduce) {
.imageEffect > .slot, .imageEffect > .before, .imageEffect > .after { transition: none; }
}
.skip-link { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; width: auto; height: auto; padding: 10px 16px; clip-path: none; background: #fff; z-index: 1000; }
.wpml-ls-statics-footer { display: none; }
.header .rightmenu .header-action-icon {
display: block;
width: 22px;
height: 22px;
flex-shrink: 0;
fill: currentColor;
}
.header .rightmenu .icoc > a > .button { padding-left: 0; padding-right: 0; }
.header > .full-container > :first-child { flex-shrink: 0; }
.header > .full-container > :nth-child(2) { flex: 1; min-width: 0; width: auto; }
.header > .full-container .rightmenu { flex: 0 0 auto; width: auto; }
.header > .full-container .rightmenu .registracija { flex: 0 0 auto; width: auto; }
.header .registracija .button { min-height: 44px; }
@media (max-width: 1200px) {
.header > .full-container .rightmenu .kontaktai { width: 40px; }
.header .rightmenu .kontaktai .text { display: none; }
.header .rightmenu .kontaktai .ico { display: block; }
.header .rightmenu .kontaktai .button { padding-left: 0; padding-right: 0; }
}
@media (max-width: 1024px) {
.header > .full-container > :nth-child(2) { display: none; }
.header > .full-container .rightmenu { margin-left: auto; }
}
@media (max-width: 480px) {
.header .registracija .button { height: auto; padding: 6px 12px; white-space: normal; line-height: 1.15; }
}
@media (max-width: 360px) {
.header > .full-container { padding-left: 12px; padding-right: 12px; }
}
.header .rightmenu .eparduotuve { display: none; }
.header .rightmenu .header-eshop {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 44px;
margin: 0;
padding: 0 12px;
border-radius: 5px;
background: transparent;
color: #3d291d;
font-size: 14px;
line-height: 21px;
white-space: nowrap;
text-decoration: none;
}
.header .rightmenu .header-eshop:is(:hover, :focus, :active) { color: #3d291d; }
.header .rightmenu .header-eshop:focus:not(:hover) { border-color: #83c2f1; box-shadow: none; }
.header .rightmenu .header-eshop:focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
.header .rightmenu .header-eshop__icon { display: block; flex: none; width: 18px; height: 18px; }
@media (max-width: 1024px) {
.header > .full-container .rightmenu { gap: 10px; }
.header > .full-container .rightmenu > div,
.header > .full-container .rightmenu .registracija { order: 0; margin-left: 0; margin-right: 0; }
.header > .full-container .rightmenu .savitarna { display: none; }
.header > .full-container .rightmenu .eparduotuve { display: block; flex: 0 0 auto; width: auto; }
.header .registracija .button { padding-left: 12px; padding-right: 12px; }
.header .rightmenu .kontaktai .button { height: 44px; }
}
@media (max-width: 768px) {
.header > .full-container .rightmenu { gap: 5px; }
}
@media (max-width: 480px) {
.header > .full-container .rightmenu { flex: 0 1 auto; min-width: 0; gap: 2px; }
.header > .full-container .rightmenu > div { flex: none; }
.header > .full-container .rightmenu .eparduotuve { flex: 0 1 auto; min-width: 0; margin-left: 3px; }
.header .registracija .button { padding-left: 8px; padding-right: 8px; }
.header .registracija .button .more { display: block; }
.header .rightmenu .header-eshop { max-width: 100%; padding-left: 8px; padding-right: 8px; }
.header .rightmenu .header-eshop .text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 409px) {
.header .rightmenu .header-eshop__icon { display: none; }
}
@media (max-width: 374px) {
.header .rightmenu .header-eshop { padding-left: 6px; padding-right: 6px; font-size: 13px; }
}
@media (max-width: 349px) {
.header > .full-container .rightmenu .kontaktai { display: none; }
.header .registracija .button { font-size: 13px; }
}
.header .rightmenu .header-shop { display: none; }
@media (min-width: 769px) {
.header > .full-container .rightmenu > .header-shop { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; width: auto; }
}
.header .header-shop :is(.f-iconbtn, .f-action),
.header .f-search .f-iconbtn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 5px;
background: transparent;
box-shadow: none;
color: #3d291d;
text-decoration: none;
cursor: pointer;
}
.header .header-shop :is(.f-iconbtn, .f-action):is(:hover, :focus, :active),
.header .f-search .f-iconbtn:is(:hover, :focus, :active) { background: transparent; color: #3d291d; }
.header :is(.header-shop, .f-search) :is(a, button):focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
.header .header-shop .f-icon { display: block; flex: none; width: 24px; height: 24px; }
.header .f-search .f-iconbtn .f-icon { display: block; width: 20px; height: 20px; }
.header .header-shop .f-actions { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; }
.header .header-shop .f-action__icon { position: relative; display: inline-flex; }
.header .header-shop .f-action__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.header .header-shop .f-action__count,
:is(.hamburgerMenu, .f-menu-drawer) .hamburger_count {
position: absolute;
top: -6px;
right: -7px;
display: grid;
place-items: center;
min-width: 17px;
height: 17px;
padding: 0 4px;
border-radius: 999px;
background: #3d291d;
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
font-variant-numeric: tabular-nums;
box-shadow: 0 2px 4px rgb(0 0 0 / .2);
}
.header .header-shop .f-action__count[hidden],
:is(.hamburgerMenu, .f-menu-drawer) .hamburger_count[hidden] { display: none; }
@keyframes familia-wish-shake {
0%, 60% { transform: translateY(0); }
10% { transform: translateY(-20px); }
30% { transform: translateY(3px); }
40% { transform: translateY(-3px); }
50% { transform: translateY(1px); }
}
.header .header-shop .f-action__count.is-shaking { animation: familia-wish-shake 2s ease; }
@media (prefers-reduced-motion: reduce) {
.header .header-shop .f-action__count.is-shaking { animation: none; }
}
@media (min-width: 412px) and (max-width: 768px) {
.header > .full-container .rightmenu > .header-shop { display: flex; flex: none; align-items: center; gap: 0; width: auto; }
.header .header-shop :is(.f-search-toggle, .f-action--wishlist) { display: none; }
}
@media (min-width: 412px) and (max-width: 639px) {
.header .header-shop .f-action { width: 36px; min-width: 36px; }
}
@media (min-width: 481px) and (max-width: 639px) {
.header > .full-container .rightmenu > .header-shop { margin-left: -3px; }
}
@media (min-width: 412px) {
.header .rightmenu .header-eshop__icon { display: none; }
}
@media (min-width: 1025px) and (max-width: 1439px) {
.header > .full-container .rightmenu > :is(.header-shop, .hamburgerc, .savitarna) { margin-left: 4px; }
.header > .full-container .rightmenu > .header-shop { gap: 4px; }
.header .registracija .button { padding-left: 14px; padding-right: 14px; }
}
@media (min-width: 1025px) and (max-width: 1279px) {
.header > .full-container .rightmenu .kontaktai { width: 40px; }
.header > .full-container .rightmenu .kontaktai .text { display: none; }
.header > .full-container .rightmenu .kontaktai .ico { display: block; }
.header .rightmenu .kontaktai .button { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1025px) and (max-width: 1079px) {
.header > .full-container .rightmenu .kontaktai { display: none; }
}
:is(.hamburgerMenu ul.main, .f-menu-drawer .f-menu-drawer__list) > li.hamburger_shop > :is(a, button),
.f-menu-drawer .f-menu-drawer__list > li.hamburger_shop > :is(a, button):is(:hover, :focus, :active) {
display: flex;
align-items: center;
width: 100%;
padding: 10px 0;
border: 0;
background: none;
color: inherit;
font: inherit;
font-size: 20px;
letter-spacing: -.8px;
line-height: 1;
text-align: left;
cursor: pointer;
}
:is(.hamburgerMenu, .f-menu-drawer) .hamburger_count { position: static; margin-left: 8px; letter-spacing: 0; }
.f-menu-drawer .f-menu-drawer__list > li.hamburger_shop > :is(a, button):focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
@media (min-width: 412px) {
:is(.hamburgerMenu ul.main, .f-menu-drawer .f-menu-drawer__list) > li.hamburger_shop--cart { display: none; }
}
@media (min-width: 769px) {
:is(.hamburgerMenu ul.main, .f-menu-drawer .f-menu-drawer__list) > li.hamburger_shop { display: none; }
}
.header .f-search {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 2;
display: none;
border-top: 1px solid #f0f0f0;
background: #fff;
box-shadow: 0 16px 32px -12px rgb(61 41 29 / .18);
}
.header.is-search-open .f-search { display: block; }
.header .f-search__in { display: flex; align-items: center; gap: 8px; padding-top: 12px; padding-bottom: 12px; }
.header .f-search__form { position: relative; display: flex; flex: 1 1 auto; align-items: center; max-width: 760px; margin: 0 auto; }
.header input.f-search__input {
box-sizing: border-box;
width: 100%;
height: 48px;
min-height: 48px;
margin: 0;
padding: 12px 16px 12px 48px;
border: 0;
border-radius: 2px;
background: #f6f6f6;
box-shadow: none;
color: #3d291d;
font-size: 16px;
line-height: 1.5;
text-overflow: ellipsis; -webkit-appearance: none;
appearance: none;
}
.header input.f-search__input:focus { outline: none; background: #f6f6f6; } .header input.f-search__input::placeholder { color: #666; opacity: 1; }
.header input.f-search__input::-webkit-search-cancel-button,
.header input.f-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.header .f-search__submit {
position: absolute;
top: 0;
left: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
padding: 0;
border: 0;
border-radius: 2px 0 0 2px;
background: transparent;
box-shadow: none;
color: #666;
cursor: pointer;
}
.header .f-search__submit .f-icon { display: block; width: 24px; height: 24px; }
.header .f-search__submit:hover { background: transparent; color: #3d291d; }
.header .f-search__close { flex: 0 0 auto; }
@media (max-width: 360px) {
.header .f-search > .full-container { padding-left: 12px; padding-right: 12px; }
}
.header .familia-suggest {
--familia-suggest-muted: #b5bac2;
--familia-suggest-border-strong: #f0f0f0;
--familia-suggest-radius: 2px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
}
.header .familia-suggest .familia-suggest__count-line { font-size: 14px; }
.header .familia-suggest a { color: #3d291d; transition: color 120ms cubic-bezier(.22, .61, .36, 1); }
.header .familia-suggest a:hover { color: #f00f00; }
.header .f-search .familia-suggest:not(.familia-suggest--fixed):not(.familia-suggest--split) { left: 0; right: 0; width: auto; } @media (forced-colors: active) {
.header .f-search { border: 1px solid CanvasText; }
}
@media print {
.header .header-shop, .header .f-search { display: none !important; }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
html:has(.header .f-strip) { scroll-padding-top: calc(var(--f-menu-compact-h, 64px) + var(--wp-admin--admin-bar--height, 0px) + 16px); }
.header:has(.f-strip),
.header.min:has(.f-strip) { position: absolute; height: var(--f-menu-row-h, 76px); transition: none; }
.wrapper-padding:has(.header .f-strip) { padding-top: calc(var(--f-menu-row-h, 76px) + var(--f-menu-strip-h, 56px)); }
html.f-head-compact .header:has(.f-strip) {
position: fixed;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
column-gap: 28px;
box-sizing: border-box;
height: var(--f-menu-compact-h, 64px);
padding-inline: max(var(--f-menu-gut, 30px), calc((100% - 1920px) / 2 + var(--f-menu-gut, 30px)));
background: #fff;
box-shadow: 0 2px 14px rgb(20 14 6 / .12);
animation: f-head-in .2s ease-out;
}
html.f-head-compact .header:has(.f-strip) > .full-container { display: contents; }
html.f-head-compact .header:has(.f-strip) > .full-container > :first-child { grid-row: 1; grid-column: 1; }
html.f-head-compact .header:has(.f-strip) > .full-container > :nth-child(2) { display: none; }
html.f-head-compact .header:has(.f-strip) > .full-container > .rightmenu { grid-row: 1; grid-column: 3; margin: 0; }
html.f-head-compact .header:has(.f-strip) .f-brand__img { width: auto; height: 32px; max-height: 32px; }
html.f-head-compact .header:has(.f-strip) .rightmenu .kontaktai { display: none; }
html.f-head-compact .header:has(.f-strip) .registracija .button { min-height: 36px; height: 36px; padding-left: 12px; padding-right: 12px; font-size: 13px; }
}
@media (min-width: 1280px) and (max-width: 1439px) and (hover: hover) and (pointer: fine) {
html.f-head-compact .header:has(.f-strip) .registracija .button .more { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) and (hover: hover) and (pointer: fine) {
html.f-head-compact .header:has(.f-strip) .rightmenu .registracija { display: none; }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
html.f-head-compact .header:has(.f-strip) { animation: none; }
}
.header { --familia-header-height: 76px; }
.header.min { --familia-header-height: 68px; }
.header .submenu {
top: 100%;
padding-top: 0;
padding-bottom: 20px;
max-height: calc(100vh - var(--familia-header-height));
max-height: calc(100dvh - var(--familia-header-height));
background-color: rgba(255, 255, 255, .90);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
z-index: 1;
pointer-events: none;
overscroll-behavior: contain;
transform: translateY(-8px);
transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.header .submenu.active { pointer-events: auto; transition-delay: 0s; }
.header .submenu .mainTitle,
.hamburgerMenu .ssubmenu .sub2 > .a {
color: #3d291d;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
.header .submenu .full-container > .image-container { position: relative; min-height: 0; }
.header .submenu .full-container .image-container .image {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 10px;
}
.header .submenu .full-container .image-container .image img { object-fit: contain; }
.header .submenu .full-container .items-container .submenuItem ul li:last-child { margin-bottom: 0; }
@media (max-width: 1200px) {
.header { --familia-header-height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
.header .submenu { transition: none; transform: none; }
}
.bl.f-links_grid_alternative, .bl.f-items_slider, .bl.f-paslaugos_slider, .bl.f-logos, .bl.f-faq, .bl.f-columns,
.bl.f-links_slider, .bl.f-numbers, .bl.f-links_table, .bl.f-atsiliepimai_slider, .bl.f-naujienos_slider,
.bl.f-specialistai_slider, .bl.f-paslaugos_slider_post_type, .bl.f-pasiulymai_slider { padding-top: 32px; padding-bottom: 32px; }
.bl.f-paslaugos { padding-top: 32px; padding-bottom: 40px; }
.bl.f-paslaugos .items { margin-top: 20px; }
.bl.f-text_image_container, .bl.f-text_rsp_image_container, .bl.f-text_more_image_container { padding-top: 32px; padding-bottom: 32px; }
.bl.f-title_text, .bl.f-ligos, .bl.f-scroll_to_meniu, .bl.f-table_gird, .bl.f-kainos, .bl.f-kontaktai, .bl.f-kontaktu_forma,
.bl.f-specialistai, .bl.f-links_table_full_width, .bl.f-naujienos, .bl.f-pasiulymai, .bl.f-links_list, .bl.f-table_gird_header,
.bl.f-tabs, .bl.f-accordion, .bl.f-paslaugos_links, .bl.f-omnisend_form, .bl.f-karjeros_forma { padding-top: 28px; padding-bottom: 28px; }
.bl.f-paslaugos_post_type { padding-top: 24px; padding-bottom: 24px; }
@media (max-width: 1200px) {
.bl.f-text_image_container, .bl.f-text_rsp_image_container, .bl.f-text_more_image_container { padding-top: 28px; padding-bottom: 28px; }
}
@media (max-width: 1024px) {
.bl.f-paslaugos, .bl.f-links_grid_alternative { padding-top: 24px; padding-bottom: 28px; }
.bl.f-paslaugos .items { margin-top: 16px; }
.bl.f-items_slider, .bl.f-paslaugos_slider, .bl.f-logos, .bl.f-faq, .bl.f-columns, .bl.f-links_slider, .bl.f-numbers,
.bl.f-links_table, .bl.f-atsiliepimai_slider, .bl.f-naujienos_slider, .bl.f-specialistai_slider,
.bl.f-paslaugos_slider_post_type, .bl.f-pasiulymai_slider { padding-top: 20px; padding-bottom: 20px; }
.bl.f-text_image_container, .bl.f-text_rsp_image_container, .bl.f-text_more_image_container,
.bl.f-title_text, .bl.f-ligos, .bl.f-scroll_to_meniu, .bl.f-table_gird, .bl.f-kainos, .bl.f-kontaktai, .bl.f-kontaktu_forma,
.bl.f-specialistai, .bl.f-links_table_full_width, .bl.f-naujienos, .bl.f-pasiulymai, .bl.f-links_list, .bl.f-table_gird_header,
.bl.f-tabs, .bl.f-accordion, .bl.f-paslaugos_links, .bl.f-omnisend_form, .bl.f-karjeros_forma,
.bl.f-paslaugos_post_type { padding-top: 20px; padding-bottom: 20px; }
}
.preview-links.f-akiniai { padding: 32px 0 40px; }
.bl.f-space { height: 12px; }
@media (max-width: 1024px) {
.preview-links.f-akiniai { padding: 20px 0 24px; }
.bl.f-space { height: 8px; }
}
:root {
--f-title-display: clamp(40px, 3.9vw, 56px);
--f-title-section: clamp(32px, 2.8vw, 40px);
--f-title-tracking: -.04em;
}
@media (max-width: 768px) {
:root { --f-title-display: clamp(30px, 8vw, 40px); --f-title-section: clamp(28px, 7vw, 32px); }
}
.titleB { font-size: var(--f-title-display); letter-spacing: var(--f-title-tracking); }
.titleH { font-size: var(--f-title-section); letter-spacing: var(--f-title-tracking); }
.titleB, .titleH:not(.f-booking-app *) { text-wrap: balance; }
.html h1 { font-size: var(--f-title-section); }
.html h2 { font-size: 32px; }
.html h3 { font-size: 28px; }
.html h4 { font-size: 24px; }
.html h5 { font-size: 20px; }
.html h6 { font-size: 18px; }
@media (max-width: 1024px) {
.html h2 { font-size: 26px; }
.html h3 { font-size: 24px; }
.html h4 { font-size: 20px; }
.html h5 { font-size: 18px; }
.html h6 { font-size: 16px; }
}
.bl.f-faq .titleH { margin-bottom: 40px; }
.bl.f-text_image_container .titleB { margin-bottom: 40px; }
.bl.f-links_grid_alternative .list { margin-top: 30px; }
@media (max-width: 1024px) {
.bl.f-faq .titleH { margin-bottom: 30px; }
.bl.f-text_image_container .titleB { margin-bottom: 24px; }
.bl.f-links_grid_alternative .list { margin-top: 20px; }
}
@media (min-width: 769px) {
.bl.f-links_grid_alternative .title-container > :first-child,
.bl.f-paslaugos .title-container > :first-child { flex: 1 1 0; width: auto; min-width: 0; }
.bl.f-links_grid_alternative .title-container > :nth-child(2),
.bl.f-paslaugos .title-container > :nth-child(2) { flex: 0 1 auto; width: auto; max-width: 50%; }
}
:root { --f-ground: #f5f5f5; }
html,
body { background-color: var(--f-ground); }
.header { background: var(--f-ground); }
.bl.f-text_image.default, .bl.f-text_image_container.default, .bl.f-text_more_image_container.default,
.bl.f-kainos, .bl.f-links_table, .bl.white.f-table_gird, .bl.white.f-table_gird_header { background: transparent; }
.f-faq .item,
.bl.f-accordion .accordination-container > div > .container > .item { background: transparent; }
.bl.f-faq .item .q { font-size: 20px; line-height: 1.35; letter-spacing: -.2px; padding: 20px 0; }
@media (max-width: 1024px) {
.bl.f-faq .item .q { font-size: 18px; padding: 18px 0; }
}
.bl.f-specialistai .specialist-empty { background: #fff; }
.imageEffect:is(.horizontal, .vertical) > :is(.before, .after) { background: var(--f-ground); }
.imageEffect > :is(.before, .after):is([style*="#fff;" i], [style*="#ffffff" i]) { background: var(--f-ground) !important; }
.linkIco:not(.f-card-specialistas, .f-card-paslauga) .imageEffect > :is(.before, .after):not([style*="background:#"]),
.linkIco:not(.f-card-specialistas, .f-card-paslauga) .imageEffect > :is(.before, .after):is([style*="#fff;" i], [style*="#ffffff" i]) { background: #fff !important; }
body .f-booking-app:not(.f-booking-app--embed) { background-color: transparent; }
.linkArrow .slot .overflow,
.bl.f-kontaktai .container .items .item .linkc .link,
.f-kontaktu_forma .form .checkboxList a,
.f-karjeros_forma .form .checkboxList a,
.bl.f-ligos .featured > a:hover,
.bl.f-ligos .items .firstLetters > a.active,
.bl.f-ligos .items .list > div .subitems a:hover,
.bl.f-links_table .split .links .link:hover,
.bl.f-links_table_full_width .links .item:hover .title,
.bl.f-links_list .featured > div a:hover,
.bl.f-paslaugos_links .links .item:hover .title,
.f-map .item .mid-container .right a { color: var(--f-copy-link); }
.bl:is(.f-text_rsp_image_container, .f-text_image_container):is(.default, .lightgray) .imageEffect,
.imgc.f-image > .container-min .imageEffect,
.bl.f-text_more_image_container:is(.default, .lightgray) .image-container img { border-radius: 10px; }
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) {
--f-pic-rail: max(30px, calc((100% - 1920px) / 2 + 30px));
}
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) .back > div:has(.imageEffect) { box-sizing: border-box; }
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) .back > div:first-child:has(.imageEffect) { padding-left: var(--f-pic-rail); }
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) .back > div:last-child:has(.imageEffect) { padding-right: var(--f-pic-rail); }
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) .imageEffect { border-radius: 10px; }
div:has(> .f-image_divider img:is([src*="/2026/08/1920x500"], [src*="/familia-optica-clinica-lojalumo-programa."], [src*="/2026/02/3480x740-1."])) {
box-sizing: border-box; max-width: 1366px; margin-inline: auto; padding-inline: 30px;
}
.f-image_divider:has(img:is([src*="/2026/08/1920x500"], [src*="/familia-optica-clinica-lojalumo-programa."], [src*="/2026/02/3480x740-1."])) { border-radius: 10px; }
@media (max-width: 1200px) {
.bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) { --f-pic-rail: 20px; }
div:has(> .f-image_divider img:is([src*="/2026/08/1920x500"], [src*="/familia-optica-clinica-lojalumo-programa."], [src*="/2026/02/3480x740-1."])) { padding-inline: 20px; }
}
@media (max-width: 1024px) { .bl.f-text_image:has(img:is([src*="/20-euru-kuponas."], [src*="/fotochrominiai-lesiai-1024x666"])) .back > div:has(.imageEffect) { padding-inline: 20px; }
}
@media (min-width: 1441px) {
div:has(> .f-image_divider img:is([src*="/2026/08/1920x500"], [src*="/familia-optica-clinica-lojalumo-programa."], [src*="/2026/02/3480x740-1."])) { max-width: 1920px; }
}
.f-slider-c > .top { box-sizing: border-box; width: 100%; max-width: 1366px; margin-inline: auto; padding-inline: 30px; }
@media screen and (max-width: 1200px) { .f-slider-c > .top { padding-inline: 20px; } }
.f-slider > .full-container,
.f-slider ~ .full-container { max-width: 1366px; }
@media (min-width: 1025px) {
.f-slider .list .swiper { clip-path: inset(-60px 0 -60px 0); }
}
@media (min-width: 1441px) {
.container { max-width: 1920px; }
.f-text > .container-min { max-width: 1920px; }
.f-slider-c > .top,
.f-slider > .full-container,
.f-slider ~ .full-container { max-width: 1920px; }
.bl.horizontal.f-title_text .container > :nth-child(2) { width: auto; flex: 0 1 var(--f-measure); margin-left: auto; }
.bl.horizontal.f-title_text .container > :nth-child(1) { flex: 1 1 0; min-width: 0; margin-right: 60px; }
.bl.f-columns .top-container { column-gap: 60px; }
.bl.f-columns .top-container > .text:not(:only-child) { flex: 0 1 var(--f-measure); margin-left: auto; }
}
:root { --f-measure: 38em; }
@media (min-width: 1441px) {
#page :is(p, .html li, .html blockquote, .html dd, .html figcaption) { max-width: var(--f-measure); }
}
:root {
--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;
}
.html { color: var(--f-copy-color); font-size: var(--f-copy-size); font-weight: var(--f-copy-weight); line-height: var(--f-copy-lh); }
.html p { margin-bottom: var(--f-copy-gap); }
.html :is(ol, ul) { margin-bottom: var(--f-copy-gap); padding-left: var(--f-copy-indent); }
.html :is(ol, ul) li { margin-bottom: var(--f-copy-item-gap); }
.html li > :is(ol, ul) { margin-top: var(--f-copy-item-gap); margin-bottom: 0; }
.html ul li:before { left: calc(-1 * var(--f-copy-indent)); background-color: var(--f-copy-marker); }
.html strong { color: var(--f-copy-strong); font-weight: var(--f-copy-strong-weight); }
.html a { color: var(--f-copy-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.html a:hover { color: var(--f-copy-link); text-decoration-thickness: 2px; }
.html a :is(strong, b) { color: inherit; }
.bl.f-paslaugos .title-container .subtitle,
.bl.f-links_grid_alternative .title-container .text,
.bl.f-columns .split .title-c .subtitle { color: var(--f-copy-color); font-size: var(--f-copy-size); font-weight: var(--f-copy-weight); line-height: var(--f-copy-lh); }
:root {
--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;
}
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea, select) {
box-sizing: border-box;
height: var(--f-field-h);
min-height: 0;
max-width: 100%;
padding: 0 var(--f-field-pad);
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-field-radius);
background-color: var(--f-field-bg);
box-shadow: none;
color: var(--f-field-ink);
font-size: var(--f-field-size);
font-weight: 400;
line-height: 1.4;
}
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea)::placeholder { color: var(--f-field-placeholder); opacity: 1; }
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea, select):hover { border-color: var(--f-field-border-hover); }
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea, select):focus {
border-color: var(--f-field-focus);
box-shadow: var(--f-field-ring);
outline: 2px solid transparent;
outline-offset: 2px;
}
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea, select):is([disabled], [readonly]) {
border-color: var(--f-field-disabled-border);
background-color: var(--f-field-disabled-bg);
box-shadow: none;
color: var(--f-field-disabled-ink);
}
:is(#page, .f-map, .f-booking-app) :is(.input, .textarea, select)[disabled] { cursor: not-allowed; }
:is(#page, .f-map, .f-booking-app) .textarea,
#page .f-kontaktu_forma .form textarea.textarea { height: auto !important; min-height: var(--f-field-area-h); padding: 12px var(--f-field-pad); resize: vertical; }
:is(#page, .f-map, .f-booking-app) .select:not(.is-multiple) { height: auto; }
:is(#page, .f-map, .f-booking-app) .select:not(.is-multiple):not(.is-loading)::after { display: none; }
:is(#page, .f-map, .f-booking-app) .select select {
padding-right: var(--f-field-arrow-room);
background-image: var(--f-field-arrow);
background-position: right 16px center;
background-repeat: no-repeat;
background-size: 16px 16px;
-webkit-appearance: none;
appearance: none;
text-overflow: ellipsis;
}
:is(#page, .f-map, .f-booking-app) :is(.bl .filter, .sidebar .selects, .select-container, .sticky .field) :is(.input, select) { height: var(--f-field-h-compact); }
:is(#page, .f-map, .f-booking-app) .field > .label,
:is(#page, .f-map, .f-booking-app) .field.is-floating-in-label > .label {
position: static;
display: block;
max-width: none;
margin: 0 0 var(--f-field-label-gap);
padding: 0;
overflow: visible;
background: none;
color: var(--f-field-label-ink);
font-size: var(--f-field-label);
font-weight: 400;
line-height: 1.43;
text-overflow: clip;
white-space: normal;
}
:is(#page, .f-map, .f-booking-app) :is(.input.is-danger, .textarea.is-danger, .select.is-danger select, .input[aria-invalid="true"], .textarea[aria-invalid="true"]) {
border-color: var(--f-field-error);
box-shadow: var(--f-field-error-rim);
}
:is(#page, .f-map, .f-booking-app) :is(.input.is-danger, .textarea.is-danger, .select.is-danger select, .input[aria-invalid="true"], .textarea[aria-invalid="true"]):focus { box-shadow: var(--f-field-error-ring); }
:is(#page, .f-map, .f-booking-app) .help { margin: 6px 0 0; color: var(--f-field-help); font-size: var(--f-field-msg); line-height: 1.4; }
:is(#page, .f-map, .f-booking-app) .help.is-danger { color: var(--f-field-error); }
:is(#page, .f-map, .f-booking-app) .control.has-icons-right > .icon.is-right.has-text-danger { display: none; }
:is(#page, .f-map, .f-booking-app) :is(.b-checkbox.checkbox, .b-radio.radio) { align-items: flex-start; min-height: 24px; cursor: pointer; }
:is(#page, .f-map, .f-booking-app) :is(.b-checkbox.checkbox input[type="checkbox"], .b-radio.radio input[type="radio"]) + .check {
box-sizing: border-box;
flex: 0 0 auto;
width: var(--f-check-size);
height: var(--f-check-size);
margin: 1px 0 0;
border: var(--f-field-rim) solid var(--f-field-border);
border-radius: var(--f-check-radius);
background: var(--f-field-bg);
box-shadow: none;
}
:is(#page, .f-map, .f-booking-app) .b-radio.radio input[type="radio"] + .check { border-radius: 50%; }
:is(#page, .f-map, .f-booking-app) .b-radio.radio input[type="radio"] + .check::before { display: none; }
:is(#page, .f-map, .f-booking-app) .b-checkbox.checkbox input[type="checkbox"]:is(:checked, :indeterminate) + .check { border-color: var(--f-check-on); background: var(--f-check-on) var(--f-check-mark) center / 16px 16px no-repeat; }
:is(#page, .f-map, .f-booking-app) .b-radio.radio input[type="radio"]:checked + .check { border-color: var(--f-radio-rim-on); background: var(--f-check-dot), var(--f-radio-on); }
:is(#page, .f-map, .f-booking-app) :is(.b-checkbox.checkbox, .b-radio.radio):hover input:not(:disabled) + .check { border-color: var(--f-field-border-hover); }
:is(#page, .f-map, .f-booking-app) :is(.b-checkbox.checkbox, .b-radio.radio) input:focus-visible + .check { box-shadow: var(--f-field-ring) !important; outline: 2px solid transparent; outline-offset: 2px; }
:is(#page, .f-map, .f-booking-app) :is(.b-checkbox.checkbox, .b-radio.radio) .control-label { padding-left: 12px; color: var(--f-field-ink); font-size: var(--f-check-label); line-height: 1.45; }
#page .f-karjeros_forma .form .upload .uploadZone { border: var(--f-field-rim) dashed var(--f-field-border); border-radius: var(--f-field-radius); background-color: var(--f-field-bg); }
#page .f-karjeros_forma .form .upload:hover .uploadZone { border-color: var(--f-field-border-hover); }
#page .f-karjeros_forma .form .upload:focus-within .uploadZone { border-style: solid; border-color: var(--f-field-focus); box-shadow: var(--f-field-ring); }
#page .f-karjeros_forma .form .upload .uploadZone .utext { color: var(--f-field-help); font-size: var(--f-field-msg); }
:is(#page, .f-booking-app) .vfm.modal-duomenys .forma .phone-control .iti__country-container { top: 1px; bottom: 1px; }
#page .bl.f-omnisend_form input:is([type="email"], [type="text"], [type="tel"]) {
box-sizing: border-box !important;
height: var(--f-field-h) !important;
min-height: var(--f-field-h) !important; padding: 0 var(--f-field-pad) !important;
border: var(--f-field-rim) solid var(--f-field-border) !important;
border-radius: var(--f-field-radius) !important;
background: var(--f-field-bg) !important;
box-shadow: none !important;
color: var(--f-field-ink) !important;
font-family: inherit !important;
font-size: var(--f-field-size) !important;
}
#page .bl.f-omnisend_form input:is([type="email"], [type="text"], [type="tel"])::placeholder { color: var(--f-field-placeholder) !important; opacity: 1 !important; }
#page .bl.f-omnisend_form input:is([type="email"], [type="text"], [type="tel"]):focus { border-color: var(--f-field-focus) !important; box-shadow: var(--f-field-ring) !important; outline: 2px solid transparent !important; }
#page .bl.f-omnisend_form button[type="submit"] { min-height: var(--f-field-h) !important; border-radius: var(--f-field-radius) !important; }
#page .bl.f-omnisend_form--left [id^="omnisend-form-"] > [class^="omnisend-reset-"] { margin-left: 0 !important; margin-right: auto !important; }
#page .bl.f-omnisend_form--right [id^="omnisend-form-"] > [class^="omnisend-reset-"] { margin-left: auto !important; margin-right: 0 !important; }
#page .bl:is(.f-omnisend_form--left, .f-omnisend_form--right) [id^="omnisend-form-"] :is(div[class*="-section-"]:not([class$="-opacity-layer"]), div[class*="-field-container-"], div[class*="-action-container-"]) { padding-left: 0 !important; padding-right: 0 !important; }
:is(#page, .f-booking-app) .modal-vieta .select-container .label { margin: 0 0 var(--f-field-label-gap); color: var(--f-field-label-ink); font-size: var(--f-field-label); line-height: 1.43; }
:is(#page, .f-booking-app) .modal-vieta .select-container .s > :nth-child(odd) { width: calc(100% - var(--f-field-h-compact) - 10px); }
:is(#page, .f-booking-app) .modal-vieta .select-container .s > :nth-child(2n+2) { width: var(--f-field-h-compact); }
:is(#page, .f-booking-app) .modal-vieta .select-container .s > div > a.v { width: var(--f-field-h-compact); height: var(--f-field-h-compact); }
:is(#page, .f-booking-app) .modal-vieta .select-container a.v .b { width: 100%; height: 100%; border-radius: var(--f-field-radius); }
.f-recommends {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 3px 12px 3px 8px;
border-radius: 999px;
background: #e5f5ff;
color: #3d291d;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
white-space: nowrap;
}
.f-recommends b { font-weight: 500; }
.f-recommends svg,
.f-review__mark svg { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.item.f-card-specialistas .imageslot .f-recommends--card { position: absolute; z-index: 3; top: 12px; left: 12px; background: #fff; box-shadow: 0 1px 6px rgb(61 41 29 / .14); pointer-events: none; }
.f-single-specialistas > .top .f-spec-reviews { margin: 12px 0 20px; }
.f-spec-quote { margin: 12px 0 0; padding: 14px 16px; border-radius: 10px; background: #fff; }
.f-spec-quote blockquote { margin: 0; padding: 0; border: 0; background: none; }
.f-spec-quote blockquote p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
margin: 0;
color: var(--f-copy-color);
font-size: var(--f-copy-size);
font-style: normal;
font-weight: var(--f-copy-weight);
line-height: var(--f-copy-lh);
}
.f-spec-quote figcaption { margin-top: 6px; color: var(--f-copy-color); font-size: var(--f-copy-sm); line-height: var(--f-copy-sm-lh); }
.f-spec-quote__all { display: inline-flex; align-items: center; min-height: 44px; color: var(--f-copy-link); font-size: var(--f-copy-sm); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.f-spec-quote__all:hover { color: var(--f-copy-link); text-decoration-thickness: 2px; }
.f-reviews { padding: 0 0 70px; scroll-margin-top: 110px; }
.f-reviews__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 24px; }
.f-reviews__head .titleH { margin: 0; }
.f-reviews__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.f-reviews__chip {
min-height: 44px;
margin: 0;
padding: 0 16px;
border: 1px solid #d9cec6;
border-radius: 999px;
background: #fff;
color: #3d291d;
font: 400 15px/1.2 Geologica, sans-serif;
cursor: pointer;
}
.f-reviews__chip span { color: #676767; }
.f-reviews__chip:hover { border-color: #3d291d; }
.f-reviews__chip[aria-pressed="true"] { border-color: #88cef7; background: #88cef7; }
.f-reviews__chip[aria-pressed="true"] span { color: #3d291d; }
.f-reviews__chip:focus-visible, .f-reviews__more:focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
.f-reviews__list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.f-review { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 20px; border-radius: 10px; background: #fff; }
.f-review:focus { outline: none; }
.f-review:focus-visible { outline: 3px solid #007c91; outline-offset: 2px; }
.f-review__mark { display: flex; align-items: center; gap: 6px; margin: 0; color: #3d291d; font-size: var(--f-copy-sm); font-weight: 500; line-height: 1.3; }
.f-review__text { margin: 0; padding: 0; border: 0; background: none; }
.f-review__text p { margin: 0; color: var(--f-copy-color); font-size: var(--f-copy-size); font-style: normal; font-weight: var(--f-copy-weight); line-height: var(--f-copy-lh); }
.f-review__meta, .f-review__source { margin: 0; color: var(--f-copy-color); font-size: var(--f-copy-sm); line-height: var(--f-copy-sm-lh); }
.f-review__source { margin-top: auto; }
.f-review__source a { color: var(--f-copy-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.f-review__source a:hover { color: var(--f-copy-link); text-decoration-thickness: 2px; }
.f-reviews__more { min-height: 44px; margin-top: 20px; }
@media (min-width: 1024px) {
.f-reviews__list { grid-template-columns: 1fr 1fr; gap: 20px; }
}
@media (max-width: 768px) {
.f-reviews { padding-bottom: 40px; scroll-margin-top: 80px; }
.f-reviews__head { margin-bottom: 16px; }
.f-review { padding: 16px; }
}
.bl.f-telefonai { padding-top: 28px; padding-bottom: 28px; }
.bl.f-telefonai .titleH { margin: 0 0 20px; }
.bl.f-telefonai .cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.bl.f-telefonai .card { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
background: #fff; border-radius: 10px; padding: 24px 28px; }
.bl.f-telefonai:is(.default, .gray) .card { box-shadow: 0 0 0 1px rgba(61, 41, 29, .06); }
.bl.f-telefonai .info { min-width: 0; }
.bl.f-telefonai .name { margin: 0 0 6px; font-size: 22px; line-height: 1.25; font-weight: 500; color: var(--f-copy-strong); }
.bl.f-telefonai .desc { margin: 0 0 14px; font-size: var(--f-copy-sm); line-height: var(--f-copy-sm-lh); color: var(--f-copy-color); }
.bl.f-telefonai .phone { display: inline-block; margin: 0 0 12px; font-size: 28px; line-height: 1.15; font-weight: 700;
letter-spacing: -.01em; color: var(--f-copy-strong); text-decoration: none; white-space: nowrap; }
.bl.f-telefonai a.phone:hover, .bl.f-telefonai a.phone:focus-visible { color: var(--f-copy-link); }
.bl.f-telefonai .hours { margin: 0; font-size: var(--f-copy-sm); line-height: 1.5; color: var(--f-copy-color); }
.bl.f-telefonai .qr { flex: 0 0 120px; width: 120px; height: 120px; }
.bl.f-telefonai .qr img { display: block; width: 120px; height: 120px; object-fit: contain; }
.bl.f-telefonai .note { margin: 14px 0 0; font-size: var(--f-copy-sm); line-height: var(--f-copy-sm-lh); color: var(--f-copy-color); }
@media (max-width: 1024px) {
.bl.f-telefonai { padding-top: 20px; padding-bottom: 20px; }
.bl.f-telefonai .card { padding: 20px; }
.bl.f-telefonai .phone { font-size: 26px; }
}
@media (max-width: 900px) {
.bl.f-telefonai .cards { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 767px) {
.bl.f-telefonai .qr, .bl.f-telefonai .note { display: none; }
.bl.f-telefonai .titleH { margin-bottom: 14px; }
}