/* ========================================================================= DOMUS – MOBILI PROGRAMĖLĖS VERSIJA (≤767px) Viskas su .da-* prefiksu. Kompiuteryje šie elementai paslėpti. ========================================================================= */ .da-top, .da-tabs, .da-home, .da-sheet, .da-menu-only { display: none; } .da-sheet[hidden] { display: none !important; } .da-picker, #da-catpick { display: none; } /* Kompiuteryje rodomi HivePress originalai, ne programėlės blokai */ .da-lrow, .da-vrow, .da-listbar, .da-hero, .da-sumtop, .da-sum, .da-rcard--wide, .da-choice, .da-choice__label { display: none; } .da-pagehead { margin: 0 0 18px; } .da-pagehead .da-h1 { font-size: 2rem; margin: 0 0 .25rem; } .da-pagehead p { margin: 0; color: #5C6668; } /* ---------- Bendri (telefonas ir kompiuteris) ---------- */ /* 404 (visur) */ .da-404 { max-width: 560px; margin: 40px auto 60px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; } .da-404__ico { width: 76px; height: 76px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; } .da-404 h1 { margin: 6px 0 0; font-size: 30px; font-weight: 800; letter-spacing: -.02em; } .da-404 h1::before { display: none !important; } .da-404 p { margin: 0 0 6px; color: var(--da-muted); font-size: 15px; line-height: 1.5; } .da-404__search { display: flex; gap: 8px; width: 100%; } .da-404__search input[type="search"] { flex: 1; min-width: 0; height: 48px; border-radius: 999px !important; border: 1.5px solid #E1E7E3 !important; padding: 0 18px !important; font-size: 16px; } .da-404__cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 6px 0; } .da-404__btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; } .da-chip { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; background: #fff; border: 1px solid var(--da-line); color: var(--da-text-2) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; } :root { --da-primary: #2A3539; --da-primary-600: #171C1E; --da-primary-50: #E4E9E5; --da-primary-100: #D0D8D4; --da-amber: #E8A94B; --da-text: #171C1E; --da-text-2: #3F4A4E; --da-muted: #5C6668; --da-line: #E1E7E3; --da-bg: #F1F4F1; --da-card: #FFFFFF; --da-r: 18px; --da-r-sm: 12px; --da-shadow: 0 1px 2px rgba(23,28,30, .04), 0 6px 16px rgba(23,28,30, .06); --da-shadow-lg: 0 12px 32px rgba(23,28,30, .14); --da-top-h: 56px; --da-tabs-h: 66px; --da-safe-b: env(safe-area-inset-bottom, 0px); --da-pad: 16px; } .da-ico { flex-shrink: 0; display: block; } /* ---------- Mygtukai ---------- */ .da-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; background: var(--da-primary); color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none !important; border: 0; white-space: nowrap; box-shadow: 0 4px 12px rgba(42,53,57, .22); transition: transform .15s ease, background-color .15s ease; user-select: none; -webkit-user-select: none; } .da-btn:active { transform: scale(.97); background: var(--da-primary-600); } .da-btn--sm { height: 34px; padding: 0 14px; font-size: 13px; box-shadow: none; } .da-btn--block { display: flex; width: 100%; } .da-btn--white { background: #fff; color: #171C1E !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .12); } .da-btn--glass { background: rgba(255, 255, 255, .14); color: #fff !important; box-shadow: none; border: 1px solid rgba(255, 255, 255, .4); } .da-btn--dark { background: #111827; box-shadow: none; } .da-btn--outline { background: #fff; color: var(--da-primary) !important; border: 1.5px solid var(--da-primary-100); box-shadow: none; } .da-link { display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 600; color: var(--da-primary) !important; text-decoration: none !important; background: none; border: 0; padding: 0; } .da-iconbtn { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #F1F4F1; color: var(--da-text); border: 0; padding: 0; cursor: pointer; transition: transform .15s; } .da-iconbtn:active { transform: scale(.92); } .da-iconbtn--plain { background: transparent; } .da-iconbtn.is-on { color: #E11D48; } .da-iconbtn.is-on .da-ico path { fill: currentColor; } .da-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--da-line); } .da-avatar--lg { width: 58px; height: 58px; font-size: 20px; flex-shrink: 0; } .da-count { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; background: var(--da-primary); color: #fff; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; } .da-list { border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; overflow: hidden; } .da-list__row { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 14px; text-decoration: none !important; color: var(--da-text) !important; border-bottom: 1px solid #F1F4F1; } .da-list__row:last-child { border-bottom: 0; } .da-list__row:active { background: #F7F9F7; } .da-list__ico { width: 38px; height: 38px; border-radius: 11px; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-list__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .da-list__txt b { font-size: 15px; font-weight: 600; } .da-list__txt small { font-size: 12.5px; color: var(--da-muted); } .da-list__chev { color: #8B9A99; } /* Trenerių juosta */ .da-probanner { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding: 16px; border-radius: var(--da-r); background: radial-gradient(120% 140% at 100% 0%, #3A4A50 0%, #2A3539 70%); color: #fff !important; text-decoration: none !important; } .da-probanner__ico { width: 44px; height: 44px; border-radius: 13px; background: rgba(255, 255, 255, .12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-probanner__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .da-probanner__txt b { font-size: 15px; } .da-probanner__txt small { font-size: 12.5px; opacity: .75; line-height: 1.35; } /* ---------- Meniu / paskyra ---------- */ body.da-v-menu .page__text > h1, body.da-v-menu .page__title, body.da-v-menu .hp-page__title { display: none; } .da-menu { display: flex; flex-direction: column; gap: 16px; padding-top: 6px; } .da-usercard { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 20px; background: #fff; border: 1px solid #E4E9E5; box-shadow: var(--da-shadow); } .da-usercard__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .da-usercard__txt b { font-size: 17px; } .da-usercard__txt small { font-size: 13px; color: var(--da-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-role { align-self: flex-start; margin-top: 4px; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--da-primary-50); color: var(--da-primary); font-size: 11.5px; font-weight: 800; font-style: normal; display: inline-flex; align-items: center; } .da-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .da-quick a { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 18px; background: #fff; border: 1px solid #E4E9E5; text-decoration: none !important; color: var(--da-text) !important; } .da-quick a .da-ico { color: var(--da-primary); } .da-quick a b { font-size: 14px; line-height: 1.25; } .da-quick a i { position: absolute; top: 12px; right: 12px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #EF4444; color: #fff; font-size: 12px; font-weight: 800; font-style: normal; display: flex; align-items: center; justify-content: center; } .da-group h3 { margin: 4px 4px 8px; font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #8B9A99; } .da-group .da-list__ico { background: #EEF2EF; color: var(--da-text-2); } .da-guest { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 18px; border-radius: 20px; background: #fff; border: 1px solid #E4E9E5; text-align: center; box-shadow: var(--da-shadow); } .da-guest__ico { width: 64px; height: 64px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 6px; } .da-guest b { font-size: 18px; } .da-guest > span { font-size: 14px; color: var(--da-muted); line-height: 1.45; max-width: 300px; } .da-guest__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; margin-top: 12px; } .da-menu .da-probanner { margin-top: 0; } .da-menu__foot { margin: 4px 0 0; text-align: center; font-size: 12px; color: #8B9A99; } .da-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 18px; margin: 4px 0 12px; border-radius: 20px; background: #fff; border: 1px dashed #C3CDC9; text-align: center; } .da-empty__ico { width: 64px; height: 64px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 6px; } .da-empty h3 { margin: 0; font-size: 18px; font-weight: 800; color: var(--da-text); } .da-empty p { margin: 0 0 10px; max-width: 340px; font-size: 14px; line-height: 1.5; color: var(--da-muted); } .da-empty__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; max-width: 340px; } @media (min-width: 768px) { .da-menu { max-width: 560px; margin: 0 auto 40px; } body.da-v-menu .page__text, body.da-v-menu .entry-content { max-width: 560px; margin: 0 auto; } } @media (max-width: 767px) { /* ---------- Pagrindas ---------- */ html { -webkit-text-size-adjust: 100%; } body.da-app { background: var(--da-bg); -webkit-tap-highlight-color: transparent; } body.da-app a, body.da-app button { touch-action: manipulation; } body.da-app .site-header .header-navbar, body.da-app .domus-burger, body.da-app .site-footer, body.da-app .domus-drawer, body.da-app .domus-drawer-overlay { display: none !important; } body.da-app .site-content { padding-top: 0 !important; padding-bottom: 28px; } body.da-has-tabs .site-content { padding-bottom: calc(var(--da-tabs-h) + var(--da-safe-b) + 28px); } body.da-app .site-content > .container { padding-left: var(--da-pad); padding-right: var(--da-pad); } body.da-has-tabs .domus-cookie { bottom: calc(var(--da-tabs-h) + var(--da-safe-b) + 10px); } .da-app .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* ---------- Viršutinė juosta ---------- */ .da-top { display: flex; align-items: center; gap: 10px; position: sticky; top: 0; z-index: 1000; height: var(--da-top-h); padding: 0 12px; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s, background-color .2s; } .da-top.is-scrolled { border-bottom-color: var(--da-line); } .da-top__title { flex: 1; min-width: 0; font-size: 17px; font-weight: 700; color: var(--da-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; transition: opacity .2s; } .da-top--large .da-top__title { opacity: 0; } .da-top--large.show-title .da-top__title { opacity: 1; } .da-top__end { display: flex; align-items: center; gap: 8px; margin-left: auto; min-width: 40px; justify-content: flex-end; } .da-top--home { padding: 0 var(--da-pad); background: var(--da-bg); } .da-top--home.is-scrolled { background: rgba(255, 255, 255, .94); } .da-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none !important; color: var(--da-text) !important; } .da-brand__mark { width: 34px; height: 34px; border-radius: 11px; background: var(--da-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(42,53,57, .3); } .da-brand__name { font-size: 20px; font-weight: 800; letter-spacing: -.02em; } .da-top__login { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--da-line); color: var(--da-text) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; } /* Persidengianti juosta virš nuotraukos (paslauga / treneris) */ .da-top--overlay { position: fixed; left: 0; right: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .da-top--overlay .da-iconbtn { background: rgba(255, 255, 255, .92); box-shadow: 0 2px 8px rgba(23,28,30, .15); } .da-top--overlay .da-top__title { opacity: 0; } .da-top--overlay.is-solid { background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-bottom-color: var(--da-line); } .da-top--overlay.is-solid .da-iconbtn { background: #F1F4F1; box-shadow: none; } .da-top--overlay.is-solid .da-top__title { opacity: 1; } body.admin-bar .da-top--overlay { top: 46px; } /* ---------- Apatinė navigacija ---------- */ .da-tabs { display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100; height: calc(var(--da-tabs-h) + var(--da-safe-b)); padding: 0 6px var(--da-safe-b); background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-top: 1px solid var(--da-line); box-shadow: 0 -4px 20px rgba(23,28,30, .05); } .da-tab { position: relative; height: var(--da-tabs-h); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #5C6668 !important; text-decoration: none !important; font-size: 11px; font-weight: 600; user-select: none; -webkit-user-select: none; } .da-tab__ico { position: relative; width: 56px; height: 30px; border-radius: 999px; display: flex; align-items: center; justify-content: center; transition: background-color .2s; } .da-tab__label { line-height: 1; letter-spacing: .01em; } .da-tab.is-on { color: var(--da-primary) !important; } .da-tab.is-on .da-tab__ico { background: var(--da-primary-50); } .da-tab.is-on .da-tab__label { font-weight: 800; } .da-tab:active .da-tab__ico { transform: scale(.92); } .da-tab__badge { position: absolute; top: -2px; right: 8px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #EF4444; color: #fff; font-size: 11px; font-weight: 800; font-style: normal; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; } .da-tab--fab { justify-content: flex-end; padding-bottom: 9px; } .da-fab { width: 56px; height: 56px; margin-top: -26px; border-radius: 50%; background: linear-gradient(145deg, #0E9A7B, #2A3539); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(42,53,57, .38), 0 0 0 5px #fff; transition: transform .15s; } .da-tab--fab:active .da-fab { transform: scale(.94); } .da-tab--fab .da-tab__label { color: var(--da-primary); font-weight: 700; margin-top: 3px; } /* ---------- Bendri blokai ---------- */ .da-sec { margin: 26px 0 0; } .da-sec--tight { margin-top: 18px; } .da-sec__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; } .da-sec__head h2, .da-sec__head h3 { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; color: var(--da-text); } .da-sec__head h3 { font-size: 14px; font-weight: 700; color: var(--da-muted); letter-spacing: 0; } .da-chips { display: flex; flex-wrap: wrap; gap: 8px; } .da-chips--scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .da-chips--scroll::-webkit-scrollbar { display: none; } .da-chip { flex-shrink: 0; display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; background: #fff; border: 1px solid var(--da-line); color: var(--da-text-2) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; } .da-chip--ghost { background: #EAEEF2; border-color: transparent; } .da-chip:active { background: var(--da-primary-50); } .da-dot::before { content: '·'; margin: 0 5px 0 4px; color: #8B9A99; } .da-rate { display: inline-flex; align-items: center; gap: 3px; font-size: 13px; color: var(--da-muted); } .da-rate b { color: var(--da-text); font-weight: 700; } .da-rate i { font-style: normal; } .da-rate--new { color: var(--da-primary); font-weight: 700; } .da-star { color: var(--da-amber); fill: var(--da-amber); } .da-pill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: #EEF2EF; color: var(--da-text-2); font-size: 12px; font-weight: 600; } .da-pill--hot { background: #FEF2F2; color: #B91C1C; } /* ---------- Pradžia ---------- */ body.da-v-home .site-content > .container { padding-top: 4px; } /* (2026-10) Titulinis – vienas .sf-home visiems įrenginiams; senas slėpimas pašalintas. */ body.da-v-home .domus-hero { margin: 4px 0 14px; } body.da-v-home .domus-hero__title { font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -.025em; color: var(--da-text); margin: 0; } body.da-v-home .domus-hero__word { min-width: 0; } body.da-v-home .domus-hero__subtitle { display: none; } .da-home { display: block; } .da-searchbar { display: flex; align-items: center; gap: 10px; width: 100%; height: 54px; padding: 0 16px; border-radius: 16px; background: #fff; border: 1px solid var(--da-line); box-shadow: var(--da-shadow); color: var(--da-muted); font-size: 15px; font-weight: 500; text-align: left; cursor: text; } .da-searchbar .da-ico { color: var(--da-primary); } .da-home__bar { display: flex; align-items: center; gap: 8px; margin: 12px calc(var(--da-pad) * -1) 0; padding: 0 var(--da-pad); overflow: hidden; } .da-home__bar .da-chips--scroll { margin-right: calc(var(--da-pad) * -1); padding-right: var(--da-pad); } .da-loc { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; height: 36px; padding: 0 12px 0 10px; border-radius: 999px; background: var(--da-primary-50); color: var(--da-primary); border: 0; font-size: 13.5px; font-weight: 700; white-space: nowrap; } /* Reklaminė karuselė */ .da-promo { margin: 18px calc(var(--da-pad) * -1) 0; } .da-promo__track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--da-pad); padding: 0 var(--da-pad) 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .da-promo__track::-webkit-scrollbar { display: none; } .da-promo__slide { position: relative; flex: 0 0 calc(100% - 26px); scroll-snap-align: start; min-height: 200px; border-radius: 22px; padding: 18px 18px 16px; overflow: hidden; display: flex; flex-direction: column; } .da-promo__slide--green { background: radial-gradient(120% 120% at 100% 0%, #16A383 0%, #0B7A61 45%, #075B48 100%); color: #fff; } .da-promo__slide--sand { background: linear-gradient(135deg, #FFF4DE 0%, #FDE6BF 100%); color: #3B2A12; } .da-promo__slide--navy { background: radial-gradient(120% 120% at 100% 0%, #3A4A50 0%, #142A47 55%, #0C1B30 100%); color: #fff; } .da-promo__txt { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; } .da-promo__kicker { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 12px; font-weight: 700; } .da-promo__slide--sand .da-promo__kicker { background: rgba(180, 83, 9, .12); color: #92400E; } .da-promo__title { margin: 10px 0 6px; padding-right: 104px; font-size: 21px; line-height: 1.2; font-weight: 800; letter-spacing: -.015em; color: inherit !important; } .da-promo__p { margin: 0; padding-right: 104px; font-size: 13.5px; line-height: 1.4; opacity: .85; } .da-promo__pts { list-style: none; margin: 0; padding: 0 104px 0 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; opacity: .92; } .da-promo__pts li { display: flex; align-items: center; gap: 6px; margin: 0; } .da-promo__cta { display: flex; gap: 8px; margin-top: auto; padding-top: 14px; } .da-promo__cta .da-btn { height: 42px; padding: 0 16px; font-size: 14px; } .da-promo__art { position: absolute; right: -6px; top: 18px; width: 128px; height: 128px; z-index: 0; } .da-dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; } .da-dots i { width: 6px; height: 6px; border-radius: 3px; background: #C3CDC9; transition: width .25s, background-color .25s; } .da-dots i.is-on { width: 18px; background: var(--da-primary); } /* Kategorijų plytelės */ .da-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .da-tile { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 4px 11px; border-radius: 18px; background: #fff; border: 1px solid #E4E9E5; box-shadow: 0 1px 2px rgba(23,28,30, .03); text-decoration: none !important; color: var(--da-text) !important; font: inherit; cursor: pointer; transition: transform .15s; } .da-tile:active { transform: scale(.95); } .da-tile__ico { width: 48px; height: 48px; border-radius: 15px; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; } .da-tile__name { font-size: 12px; line-height: 1.2; font-weight: 600; text-align: center; min-height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 0 2px; } .da-tile--more .da-tile__ico { background: #EEF2EF; color: var(--da-text-2); } /* Horizontalūs sąrašai */ .da-rail { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--da-pad); margin: 0 calc(var(--da-pad) * -1); padding: 2px var(--da-pad) 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .da-rail::-webkit-scrollbar { display: none; } /* Paslaugos kortelė */ .da-lcard { position: relative; flex: 0 0 272px; scroll-snap-align: start; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; box-shadow: var(--da-shadow); overflow: hidden; display: flex; flex-direction: column; } .da-stretch { position: absolute; inset: 0; z-index: 1; } .da-lcard__img { position: relative; aspect-ratio: 16 / 10; background: #E1E7E3; overflow: hidden; } .da-lcard__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .da-noimg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #8B9A99; } .da-flag { position: absolute; left: 10px; top: 10px; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: 999px; background: rgba(255, 255, 255, .95); color: #B45309; font-size: 11.5px; font-weight: 800; box-shadow: 0 2px 6px rgba(23,28,30, .12); } .da-flag .da-ico { fill: currentColor; } .da-flag--new { color: var(--da-primary); } .da-lcard__body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; } .da-lcard__cat { font-size: 12px; font-weight: 700; color: var(--da-primary); letter-spacing: .01em; } .da-lcard__title { margin: 0; font-size: 15.5px; line-height: 1.3; font-weight: 700; color: var(--da-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; } .da-lcard__meta { display: flex; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--da-muted); } .da-lcard__sig { display: flex; flex-wrap: wrap; gap: 6px; } .da-ok, .da-resp { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 700; } .da-ok { background: #EEF2EF; color: #047857; } .da-resp { background: #FFF7ED; color: #B45309; } .da-lcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 8px; border-top: 1px solid #F1F4F1; } .da-lcard__vendor { min-width: 0; font-size: 12.5px; color: var(--da-muted); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-lcard .da-btn { position: relative; z-index: 2; } /* Pasitikėjimo juosta */ .da-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-top: 22px; padding: 14px 6px; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; } .da-trust div { display: flex; flex-direction: column; align-items: center; gap: 7px; text-align: center; } .da-trust span { width: 42px; height: 42px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; } .da-trust b { font-size: 11.5px; line-height: 1.25; font-weight: 700; color: var(--da-text-2); } /* Užklausos kortelė */ .da-rail--req .da-rcard { flex: 0 0 286px; } .da-rcard { scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; box-shadow: var(--da-shadow); text-decoration: none !important; color: var(--da-text) !important; } .da-rcard__top { display: flex; align-items: center; gap: 8px; } .da-rcard__ico { width: 32px; height: 32px; border-radius: 10px; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-rcard__cat { flex: 1; min-width: 0; font-size: 12.5px; font-weight: 700; color: var(--da-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-rcard__time { font-size: 12px; color: var(--da-muted); white-space: nowrap; } .da-rcard__title { font-size: 15.5px; line-height: 1.3; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .da-rcard__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; color: var(--da-muted); } .da-rcard__meta span { display: inline-flex; align-items: center; gap: 4px; } .da-rcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; } .da-rcard__slots { font-size: 12.5px; font-weight: 800; color: var(--da-primary); white-space: nowrap; } /* Žmonės */ .da-people { display: flex; gap: 14px; overflow-x: auto; margin: 0 calc(var(--da-pad) * -1); padding: 2px var(--da-pad) 6px; scrollbar-width: none; } .da-people::-webkit-scrollbar { display: none; } .da-person { flex: 0 0 74px; display: flex; flex-direction: column; align-items: center; gap: 5px; text-decoration: none !important; color: var(--da-text) !important; text-align: center; } .da-person__ava { position: relative; width: 64px; height: 64px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); font-weight: 800; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px #fff, 0 4px 12px rgba(23,28,30, .12); } .da-person__ava img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .da-person__ok { position: absolute; right: -2px; bottom: -2px; width: 20px; height: 20px; border-radius: 50%; background: var(--da-primary); color: #fff; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; } .da-person__name { font-size: 12px; line-height: 1.2; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .da-person__rate { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; color: var(--da-muted); font-weight: 600; } /* Žingsniai */ .da-steps { list-style: none; margin: 0 0 16px; padding: 16px; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; counter-reset: da-step; } .da-steps li { position: relative; display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0 0 18px 48px; counter-increment: da-step; } .da-steps li:last-child { padding-bottom: 0; } .da-steps li::before { content: counter(da-step); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--da-primary); color: #fff; font-weight: 800; font-size: 15px; display: flex; align-items: center; justify-content: center; } .da-steps li:not(:last-child)::after { content: ''; position: absolute; left: 16.5px; top: 38px; bottom: 4px; width: 1px; background: var(--da-primary-100); } .da-steps b { font-size: 15px; color: var(--da-text); } .da-steps span { font-size: 13.5px; line-height: 1.4; color: var(--da-muted); } /* ---------- Lapai (paieška, regionas) ---------- */ html.da-lock, html.da-lock body { overflow: hidden; } .da-sheet { position: fixed; inset: 0; z-index: 3000; } .da-sheet:not([hidden]) { display: block; } .da-sheet[hidden] { display: none !important; } .da-search { background: #fff; flex-direction: column; transform: translateY(16px); opacity: 0; transition: transform .22s cubic-bezier(.2, .8, .2, 1), opacity .18s; } .da-search:not([hidden]) { display: flex; } .da-search.is-open { transform: none; opacity: 1; } .da-search__bar { display: flex; align-items: center; gap: 6px; padding: 10px 12px 10px 6px; padding-top: calc(10px + env(safe-area-inset-top, 0px)); border-bottom: 1px solid var(--da-line); margin: 0; } .da-field { flex: 1; display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 14px; background: #F1F4F1; color: var(--da-muted); margin: 0; } .da-field input { flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0; padding: 0 !important; font-size: 16px !important; color: var(--da-text); } .da-search__body { flex: 1; overflow-y: auto; padding: 0 var(--da-pad) 32px; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .da-sug { padding-top: 8px; } .da-sug__group { margin-top: 12px; } .da-sug__group h4 { margin: 0 0 4px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8B9A99; } .da-sug a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 0; border-bottom: 1px solid #F1F4F1; text-decoration: none !important; color: var(--da-text) !important; } .da-sug a span { flex: 1; min-width: 0; display: flex; flex-direction: column; } .da-sug a b { font-size: 15px; font-weight: 600; } .da-sug a small { font-size: 12.5px; color: var(--da-muted); } .da-sug__ico { width: 36px; height: 36px; border-radius: 10px; background: #EEF2EF; color: var(--da-text-2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-sug__empty { padding: 24px 0; color: var(--da-muted); font-size: 14px; text-align: center; } .da-sheet--bottom { background: transparent; } .da-sheet__backdrop { position: absolute; inset: 0; background: rgba(23,28,30, .45); opacity: 0; transition: opacity .2s; } .da-sheet__panel { position: absolute; left: 0; right: 0; bottom: 0; max-height: 82vh; max-height: 82dvh; overflow-y: auto; background: #fff; border-radius: 24px 24px 0 0; padding: 8px var(--da-pad) calc(16px + var(--da-safe-b)); transform: translateY(100%); transition: transform .28s cubic-bezier(.2, .8, .2, 1); overscroll-behavior: contain; } .da-sheet--bottom.is-open .da-sheet__backdrop { opacity: 1; } .da-sheet--bottom.is-open .da-sheet__panel { transform: none; } .da-sheet__grab { display: block; width: 40px; height: 5px; border-radius: 3px; background: #C3CDC9; margin: 0 auto 6px; } .da-sheet__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } .da-sheet__head h3 { margin: 0; font-size: 18px; font-weight: 800; } .da-radios { display: flex; flex-direction: column; } .da-radio { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 4px; background: none; border: 0; border-bottom: 1px solid #F1F4F1; color: var(--da-text); font-size: 15.5px; font-weight: 500; text-align: left; cursor: pointer; } .da-radio > .da-ico:first-child { color: #8B9A99; } .da-radio span { flex: 1; } .da-radio__check { color: var(--da-primary); opacity: 0; } .da-radio[aria-checked="true"] { font-weight: 700; color: var(--da-primary); } .da-radio[aria-checked="true"] > .da-ico:first-child { color: var(--da-primary); } .da-radio[aria-checked="true"] .da-radio__check { opacity: 1; } /* ---------- Temos antraštė telefone: tik pavadinimas (didelis, kairėje) ---------- */ body.da-app .site-header { background: transparent !important; box-shadow: none !important; position: static !important; border: 0 !important; min-height: 0 !important; padding: 0 !important; } body.da-app .site-header::before, body.da-app .site-header::after, body.da-app .header-hero::before, body.da-app .header-hero::after { display: none !important; } body.da-app .header-hero { background: transparent !important; padding: 6px 0 2px !important; margin: 0 !important; min-height: 0 !important; text-align: left !important; } body.da-app .header-hero__content { padding: 0 !important; } body.da-app .header-hero .container { padding: 0 var(--da-pad) !important; } body.da-app .header-hero h1, body.da-app .header-hero .page__title, body.da-app .hp-listing-category__name { font-size: 28px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -.025em !important; color: var(--da-text) !important; margin: 0 !important; text-align: left !important; } body.da-app .header-hero .page__title::before, body.da-app .hp-listing-category__name::before { display: none !important; } body.da-app .hp-listing-category__header { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 4px; text-align: left; } body.da-app .hp-listing-category__count { font-size: 13px !important; font-weight: 600; color: var(--da-muted) !important; background: none !important; padding: 0 !important; margin: 0 !important; } body.da-app .hp-listing-category__count::before { display: none !important; } body.da-app .hp-listing-category__description { display: none !important; } body.da-v-menu .header-hero, body.da-v-wizard .header-hero, body.da-v-home .header-hero { display: none !important; } body.da-app .page__header, body.da-app .entry-header { margin-bottom: 8px; } .da-h1, body.da-app .domus-page-h1 { font-size: 28px !important; line-height: 1.15; font-weight: 800; letter-spacing: -.025em; color: var(--da-text); margin: 6px 0 4px !important; } .da-pagehead p { margin: 0 0 4px; font-size: 14px; color: var(--da-muted); line-height: 1.45; } /* ---------- Sąrašai (paslaugos, kategorijos, užklausos) ---------- */ body.da-v-listings .hp-page__header, body.da-v-requests .hp-page__header, body.da-app .hp-button--listing-filter, body.da-app .domus-mfilter { display: none !important; } body.da-v-listings .hp-page__sidebar, body.da-v-requests .hp-page__sidebar { padding: 0 !important; margin: 0 !important; min-height: 0 !important; } body.da-v-listings .hp-page__content, body.da-v-requests .hp-page__content { display: flex; flex-direction: column; } body.da-v-listings .hp-page__content > *, body.da-v-requests .hp-page__content > * { order: 8; } body.da-v-listings .domus-page-h1 { order: 1; } .da-listbar { display: flex; gap: 8px; overflow-x: auto; margin: 8px calc(var(--da-pad) * -1) 4px; padding: 2px var(--da-pad) 6px; scrollbar-width: none; } .da-listbar::-webkit-scrollbar { display: none; } .da-chip--tool { gap: 6px; background: #fff; border: 1px solid var(--da-line); font-weight: 700; color: var(--da-text) !important; cursor: pointer; box-shadow: 0 1px 2px rgba(23,28,30, .04); } .da-chip--tool .da-ico { color: var(--da-primary); } .da-chip--tool em { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--da-primary); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; } body.da-v-listings .domus-l1grid { order: 3; } body.da-v-listings .domus-subnav { order: 4; } body.da-v-listings .domus-price { order: 5; } body.da-v-listings .hp-page__topbar, body.da-v-requests .hp-page__topbar { order: 6; } body.da-v-listings .domus-term-desc { order: 20; margin-top: 18px; font-size: 13.5px; color: var(--da-muted); } body.da-app .da-pagehead { order: 1; } /* subkategorijos – viena slenkama eilutė */ body.da-app .domus-subnav { flex-wrap: nowrap !important; overflow-x: auto; gap: 8px !important; margin: 4px calc(var(--da-pad) * -1) 10px !important; padding: 2px var(--da-pad) 4px; scrollbar-width: none; } body.da-app .domus-subnav::-webkit-scrollbar { display: none; } body.da-app .domus-subnav__item { flex-shrink: 0; height: 36px; padding: 0 14px !important; border-radius: 999px !important; border: 1px solid var(--da-line) !important; background: #fff !important; font-size: 13.5px !important; font-weight: 600; color: var(--da-text-2) !important; white-space: nowrap; } body.da-app .domus-subnav__item.is-active { background: var(--da-text) !important; border-color: var(--da-text) !important; color: #fff !important; } body.da-app .domus-subnav__item.is-empty { color: #8B9A99 !important; } body.da-app .domus-subnav__item--up { border-style: solid !important; background: var(--da-primary-50) !important; border-color: transparent !important; color: var(--da-primary) !important; } /* L1 tinklelis /paslaugos/ */ body.da-app .domus-l1grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 6px 0 12px !important; } body.da-app .domus-l1grid__item { display: flex !important; align-items: center; gap: 10px; min-height: 64px; padding: 10px 12px !important; border-radius: 16px !important; background: #fff !important; border: 1px solid #E4E9E5 !important; box-shadow: none !important; color: var(--da-text) !important; font-size: 13.5px; font-weight: 700; line-height: 1.2; text-decoration: none !important; } body.da-app .domus-l1grid__item .domus-ico { width: 36px; height: 36px; padding: 8px; border-radius: 11px; background: var(--da-primary-50); color: var(--da-primary); flex-shrink: 0; } body.da-app .domus-l1grid__item em { margin-left: auto; font-style: normal; font-size: 12px; color: var(--da-muted); font-weight: 600; } /* kainų blokas */ body.da-app .domus-price { border-radius: 16px !important; border: 1px solid #E4E9E5 !important; padding: 14px !important; margin: 4px 0 12px !important; background: #fff !important; } body.da-app .domus-price__title { font-size: 15px !important; line-height: 1.3; } body.da-app .domus-price__table { font-size: 13px !important; } /* rezultatų skaičius + rikiavimas */ body.da-app .hp-page__topbar { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 10px !important; padding: 0 !important; border: 0 !important; background: none !important; } body.da-app .hp-result-count { font-size: 13px !important; font-weight: 700; color: var(--da-muted) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; } body.da-app .hp-form--listing-sort, body.da-app .hp-form--request-sort { margin: 0 !important; } body.da-app .hp-form--pivot label, body.da-app .hp-form--pivot .hp-form__label, body.da-app .hp-form--listing-sort label, body.da-app .hp-form--request-sort label { display: none !important; } body.da-app .hp-form--listing-sort select, body.da-app .hp-form--request-sort select, body.da-app .hp-form--pivot .select2-selection { height: 34px !important; min-height: 34px !important; border-radius: 999px !important; border: 1px solid var(--da-line) !important; background-color: #fff !important; font-size: 13px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; padding: 0 30px 0 12px !important; } /* kortelės: originalai paslepiami, rodoma .da-lrow / .da-rcard */ body.da-app .hp-grid .hp-listing--view-block, body.da-app .hp-grid .hp-request--view-block, body.da-app .hp-requests .hp-listing--view-block { display: none !important; } body.da-app .hp-listings .hp-row, body.da-app .hp-requests .hp-row { margin: 0 !important; display: flex; flex-direction: column; gap: 10px; } body.da-app .hp-listings .hp-grid__item, body.da-app .hp-requests .hp-grid__item { padding: 0 !important; margin: 0 !important; max-width: 100% !important; flex: 0 0 auto !important; width: 100% !important; } .da-lrow { position: relative; display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 12px; padding: 10px; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; box-shadow: var(--da-shadow); } .da-lrow__img { position: relative; width: 108px; height: 108px; border-radius: 14px; overflow: hidden; background: #E1E7E3; align-self: start; } .da-lrow__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .da-flag--sm { left: 6px; top: 6px; height: 20px; padding: 0 7px; font-size: 10.5px; } .da-lrow__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; padding: 2px 30px 2px 0; } .da-lrow__cat { font-size: 11.5px; font-weight: 700; color: var(--da-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-lrow__title { margin: 0 !important; font-size: 15px !important; line-height: 1.28 !important; font-weight: 700 !important; color: var(--da-text) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: 0 !important; } .da-lrow__vendor { display: flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--da-muted); font-weight: 600; min-width: 0; } .da-lrow__vendor { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-verified { color: #0EA5E9; flex-shrink: 0; } .da-lrow__meta { display: flex; align-items: center; flex-wrap: wrap; font-size: 12.5px; color: var(--da-muted); } .da-lrow__sig { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 3px; } .da-lrow .da-resp { height: 22px; font-size: 11.5px; padding: 0 7px; } .da-mini { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; background: #EEF2EF; color: var(--da-text-2); font-size: 11.5px; font-weight: 700; } .da-heart { position: absolute; top: 10px; right: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; border: 0; background: #F1F4F1; color: #5C6668; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; } .da-heart.is-on { color: #E11D48; background: #FFF1F2; } .da-heart.is-on .da-ico path { fill: currentColor; } .da-rcard--wide { width: 100%; } /* puslapiavimas */ body.da-app .hp-pagination, body.da-app .pagination { margin: 18px 0 0 !important; display: flex; justify-content: center; } body.da-app .hp-pagination .nav-links, body.da-app .pagination .nav-links { display: flex; gap: 6px; } body.da-app .hp-pagination a, body.da-app .hp-pagination span, body.da-app .pagination a, body.da-app .pagination span { min-width: 40px; height: 40px; border-radius: 12px !important; display: inline-flex !important; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--da-line); font-weight: 700; } /* tuščia būsena */ body.da-app .domus-empty { border-radius: 20px !important; background: #fff !important; border: 1px dashed #C3CDC9 !important; padding: 22px 16px !important; text-align: center; } body.da-app .domus-empty__actions { display: flex; flex-direction: column; gap: 8px; } /* ---------- Paslaugos puslapis ---------- */ body.da-v-listing .da-hero { position: relative; background: #E1E7E3; } .da-hero__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .da-hero__track::-webkit-scrollbar { display: none; } .da-hero__slide { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 4 / 3; display: block; } .da-hero__slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .da-hero__count { position: absolute; right: 14px; bottom: 30px; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(23,28,30, .62); color: #fff; font-size: 12.5px; font-weight: 600; display: inline-flex; align-items: center; gap: 1px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .da-hero__count b { font-weight: 800; } .da-hero--empty { aspect-ratio: 16 / 9; display: flex !important; align-items: center; justify-content: center; color: #8B9A99; } body.da-v-listing .site-container { position: relative; z-index: 1; margin-top: -20px; background: var(--da-bg); border-radius: 22px 22px 0 0; } body.da-v-listing .site-content > .container { padding-top: 16px; } body.da-v-listing .hp-listing--view-page > .hp-page__content { display: flex; flex-direction: column; } body.da-v-listing .hp-listing--view-page > .hp-page__content > * { order: 10; } body.da-v-listing .domus-crumbs, body.da-v-listing .hp-listing--view-page > .hp-page__content > .domus-signals, body.da-v-listing .hp-listing__details--primary, body.da-v-listing .hp-listing--view-page .hp-listing__images, body.da-v-listing .hp-page__topbar--separate, body.da-v-listing .domus-share { display: none !important; } body.da-v-listing .da-sumtop { order: 1; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } body.da-v-listing .hp-listing__title { order: 2; font-size: 24px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.02em !important; margin: 0 0 10px !important; color: var(--da-text) !important; } body.da-v-listing .hp-listing__title::before { display: none !important; } body.da-v-listing .hp-listing__title .hp-listing__verified-badge { display: none; } body.da-v-listing .da-sum { order: 3; display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; } body.da-v-listing .domus-tabs--listing { order: 4; } .da-pill--green { background: var(--da-primary-50); color: var(--da-primary); } .da-pill--amber { background: #FFF7ED; color: #B45309; gap: 4px; } .da-pill--amber .da-ico { fill: currentColor; } .da-pill--ok { background: #EFF6FF; color: #0369A1; gap: 4px; } .da-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .da-stats > * { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 64px; padding: 8px 6px; border-radius: 16px; background: #fff; border: 1px solid #E4E9E5; text-decoration: none !important; color: var(--da-text) !important; text-align: center; } .da-stats b { display: inline-flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 800; white-space: nowrap; } .da-stats span { font-size: 11.5px; color: var(--da-muted); font-weight: 600; line-height: 1.2; } .da-vline { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: #fff; border: 1px solid #E4E9E5; text-decoration: none !important; color: var(--da-text) !important; } .da-vline__ava { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background: var(--da-primary-50); color: var(--da-primary); font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-vline__ava img { width: 100%; height: 100%; object-fit: cover; } .da-vline__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .da-vline__txt b { display: flex; align-items: center; gap: 4px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-vline__txt small { font-size: 12.5px; color: var(--da-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-vline > .da-ico { color: #8B9A99; } /* skirtukai */ body.da-app .domus-tabs { position: sticky; top: var(--da-top-h); z-index: 50; display: flex; gap: 6px; overflow-x: auto; margin: 0 calc(var(--da-pad) * -1) 12px !important; padding: 8px var(--da-pad) !important; background: var(--da-bg) !important; border: 0 !important; scrollbar-width: none; } body.da-app .domus-tabs::-webkit-scrollbar { display: none; } body.da-app .domus-tabs a { flex-shrink: 0; height: 36px; padding: 0 14px !important; border-radius: 999px !important; background: #fff; border: 1px solid var(--da-line) !important; display: inline-flex !important; align-items: center; gap: 6px; font-size: 13.5px !important; font-weight: 700 !important; color: var(--da-text-2) !important; text-decoration: none !important; } body.da-app .domus-tabs a::after { display: none !important; } body.da-app .domus-tabs a.is-active { background: var(--da-text) !important; border-color: var(--da-text) !important; color: #fff !important; } body.da-app .domus-tabs a span { font-size: 12px; opacity: .7; } body.admin-bar .domus-tabs { top: calc(var(--da-top-h) + 0px); } /* turinio blokai kaip kortelės */ body.da-v-listing .hp-listing__description, body.da-v-listing .hp-listing__attributes--secondary, body.da-v-listing .domus-ba, body.da-v-listing .hp-page__sidebar .hp-widget, body.da-v-listing #atsiliepimai { background: #fff; border: 1px solid #E4E9E5; border-radius: 18px; padding: 14px !important; margin: 0 0 12px !important; box-shadow: none !important; } body.da-v-listing .hp-listing__description { font-size: 15px; line-height: 1.6; color: var(--da-text-2); } body.da-v-listing .hp-page__sidebar { padding: 0 !important; margin: 0 !important; } body.da-v-listing .hp-listing__action--request { display: none !important; } body.da-v-listing .hp-page__sidebar .hp-vendor--view-block { display: none !important; } body.da-v-listing .hp-page__footer { margin-top: 8px; } body.da-app .hp-section__title, body.da-app .domus-section__title { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -.01em !important; margin: 18px 0 12px !important; } body.da-app .hp-section__title::before, body.da-app .domus-section__title::before { display: none !important; } /* ---------- Lipni veiksmų juosta (detalūs puslapiai) ---------- */ body.da-app .domus-stickybar { padding: 10px 12px calc(10px + var(--da-safe-b)) 16px !important; border-top: 1px solid var(--da-line) !important; box-shadow: 0 -8px 24px rgba(23,28,30, .08) !important; background: rgba(255, 255, 255, .97) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); z-index: 1100 !important; gap: 12px !important; } body.da-app .domus-stickybar__meta strong { font-size: 14.5px !important; } body.da-app .domus-stickybar__meta span { font-size: 12.5px !important; } body.da-app .domus-stickybar__cta { height: 48px !important; min-height: 48px !important; border-radius: 999px !important; padding: 0 20px !important; font-size: 15px !important; font-weight: 700 !important; background: var(--da-primary) !important; box-shadow: 0 6px 16px rgba(42,53,57, .3) !important; } body.da-no-tabs .site-content { padding-bottom: 100px; } body.da-no-tabs .domus-cookie { bottom: 90px; } /* ---------- Trenerio profilis ---------- */ body.da-v-vendor .site-content > .container { padding-top: 0; } body.da-v-vendor .hp-page, body.da-v-vendor .content-area { margin-top: 0 !important; padding-top: 0 !important; } body.da-v-vendor .domus-vhead { margin: 0 calc(var(--da-pad) * -1) 12px !important; border-radius: 0 0 24px 24px !important; overflow: hidden; background: #fff; border: 0 !important; box-shadow: var(--da-shadow) !important; } body.da-v-vendor .domus-vhead__cover { height: 170px !important; border-radius: 0 !important; } body.da-v-vendor .domus-vhead__body { padding: 0 16px 16px !important; } body.da-v-vendor .domus-vhead__name { font-size: 22px !important; line-height: 1.2 !important; font-weight: 800 !important; } body.da-v-vendor .domus-vhead .button { height: 46px !important; border-radius: 999px !important; font-weight: 700 !important; } body.da-v-vendor .domus-section, body.da-v-vendor .domus-vsignals, body.da-v-vendor .domus-strip { margin-bottom: 12px !important; } body.da-v-vendor .domus-section#apie { background: #fff; border: 1px solid #E4E9E5; border-radius: 18px; padding: 14px; } /* ---------- Užklausų lenta ---------- */ body.da-v-requests .hp-page__content { padding-top: 4px; } /* tvarka sąrašuose (stipresni selektoriai nei „> *“) */ body.da-app .hp-page__content > .domus-page-h1, body.da-app .hp-page__content > .da-pagehead { order: 1; } body.da-app .hp-page__content > .da-listbar { order: 2; } body.da-app .hp-page__content > .domus-l1grid { order: 3; } body.da-app .hp-page__content > .domus-subnav { order: 4; } body.da-app .hp-page__content > .domus-price { order: 5; } body.da-app .hp-page__content > .hp-page__topbar { order: 6; } body.da-app .hp-page__content > .domus-term-desc { order: 20; } body.da-v-listing .hp-listing--view-page > .hp-page__content > .da-sumtop { order: 1; } body.da-v-listing .hp-listing--view-page > .hp-page__content > .hp-listing__title { order: 2; } body.da-v-listing .hp-listing--view-page > .hp-page__content > .da-sum { order: 3; } body.da-v-listing .hp-listing--view-page > .hp-page__content > .domus-tabs { order: 4; } .da-top__spacer { width: 40px; flex-shrink: 0; } .da-top--root .da-top__title { text-align: center; } body.da-app .hp-page__topbar { flex-direction: row !important; flex-wrap: nowrap !important; text-align: left !important; } body.da-app .hp-page__topbar > * { margin: 0 !important; width: auto !important; } body.da-app .hp-form--pivot .hp-form__fields, body.da-app .hp-form--pivot .hp-form__field { margin: 0 !important; display: flex; } body.da-app .hp-form--pivot .select2-container { width: auto !important; min-width: 150px; } body.da-app .hp-form--pivot .select2-selection__rendered { line-height: 32px !important; padding-left: 12px !important; padding-right: 28px !important; font-size: 13px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--da-text) !important; } body.da-app .hp-form--pivot .select2-selection__arrow { height: 32px !important; } /* L1 tinklelio ikonos */ body.da-app .domus-l1grid__item .domus-ico { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; padding: 8px; box-sizing: border-box; } body.da-app .domus-l1grid__item:last-child:nth-child(odd) { grid-column: span 2; } /* turinio puslapiai (DUK, taisyklės, kontaktai) */ body.da-v-page .page__text h2, body.da-v-page .entry-content h2 { font-size: 19px !important; line-height: 1.3 !important; letter-spacing: -.01em !important; margin: 22px 0 8px !important; } body.da-v-page .page__text h2::before, body.da-v-page .entry-content h2::before { display: none !important; } body.da-v-page .page__text h3, body.da-v-page .entry-content h3 { font-size: 16.5px !important; line-height: 1.35 !important; margin: 18px 0 6px !important; } body.da-v-page .page__text p, body.da-v-page .page__text li { font-size: 15px; line-height: 1.6; color: var(--da-text-2); } body.da-v-page .page__text { background: #fff; border: 1px solid #E4E9E5; border-radius: 18px; padding: 4px 16px 16px; margin-top: 8px; } /* ---------- Formos (programėlės stilius) ---------- */ body.da-app input[type="text"], body.da-app input[type="email"], body.da-app input[type="tel"], body.da-app input[type="password"], body.da-app input[type="number"], body.da-app input[type="url"], body.da-app input[type="search"]:not([data-da-q]):not([data-da-catq]):not(.sf-in), body.da-app select:not(.sf-in), body.da-app textarea { font-size: 16px !important; border-radius: 14px !important; border: 1.5px solid #E1E7E3 !important; background-color: #fff !important; box-shadow: none !important; color: var(--da-text) !important; } body.da-app input[type="text"], body.da-app input[type="email"], body.da-app input[type="tel"], body.da-app input[type="password"], body.da-app input[type="number"], body.da-app input[type="url"], body.da-app select:not(.sf-in) { min-height: 50px !important; padding-left: 14px !important; padding-right: 14px !important; } body.da-app textarea { padding: 12px 14px !important; line-height: 1.5 !important; } body.da-app input:focus, body.da-app select:focus, body.da-app textarea:focus { border-color: var(--da-primary) !important; box-shadow: 0 0 0 4px rgba(42,53,57, .12) !important; outline: 0 !important; } body.da-app .select2-container--default .select2-selection--single, body.da-app .select2-container--default .select2-selection--multiple { min-height: 50px !important; border-radius: 14px !important; border: 1.5px solid #E1E7E3 !important; } body.da-app .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 47px !important; padding-left: 14px !important; font-size: 16px; } body.da-app .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px !important; } body.da-app .hp-form__label, body.da-app .hp-form__field > label, body.da-app .hp-field__label { font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--da-text-2) !important; margin-bottom: 6px !important; } body.da-app .hp-form__field { margin-bottom: 14px !important; } body.da-app .button, body.da-app button[type="submit"], body.da-app input[type="submit"], body.da-app .hp-form__button { border-radius: 999px !important; min-height: 48px; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; } body.da-app .button--primary, body.da-app button[type="submit"], body.da-app .hp-form__button.button-primary { background: var(--da-primary) !important; border-color: var(--da-primary) !important; color: #fff !important; } body.da-app .button--secondary { background: #fff !important; color: var(--da-text) !important; border: 1.5px solid #E1E7E3 !important; } /* ---------- HivePress modalai -> apatiniai lapai ---------- */ body.da-app .fancybox-slide--html { padding: 0 !important; display: flex !important; align-items: flex-end; justify-content: center; } body.da-app .fancybox-slide--html::before { display: none !important; } body.da-app .fancybox-slide--html .hp-modal, body.da-app .fancybox-slide--html .fancybox-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; border-radius: 24px 24px 0 0 !important; padding: 26px 18px calc(18px + var(--da-safe-b)) !important; max-height: 90vh; max-height: 90dvh; overflow-y: auto !important; text-align: left; box-shadow: 0 -10px 40px rgba(23,28,30, .2); } body.da-app .fancybox-slide--html .hp-modal::before { content: ''; position: absolute; top: 8px; left: 50%; width: 40px; height: 5px; margin-left: -20px; border-radius: 3px; background: #C3CDC9; } body.da-app .fancybox-is-open .fancybox-bg { opacity: .5 !important; background: #171C1E !important; } body.da-app .fancybox-close-small { top: 10px !important; right: 10px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #F1F4F1 !important; color: var(--da-text) !important; padding: 10px !important; opacity: 1 !important; } body.da-app .hp-modal h3, body.da-app .hp-modal .hp-modal__title, body.da-app .hp-form__header h3 { font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.01em !important; margin: 0 0 14px !important; text-align: left !important; } body.da-app .hp-modal .hp-form__footer { margin-top: 6px; } body.da-app .hp-modal .hp-form__button { width: 100%; } body.da-app .hp-modal .hp-form__actions, body.da-app .hp-modal .hp-form__footer p { text-align: center; font-size: 14px; } body.da-app .hp-social-links .gsi-material-button { width: 100% !important; height: 48px !important; border-radius: 999px !important; } body.da-app .hp-field--radio label, body.da-app .hp-field--checkboxes label { display: flex !important; align-items: center; gap: 10px; min-height: 40px; font-size: 15px !important; text-transform: none !important; } /* ---------- Paskyros puslapiai ---------- */ body.da-v-account .hp-button--user-account-menu, body.da-v-account .hp-widget--user-account-menu { display: none !important; } body.da-v-account .hp-page__title, body.da-app .hp-page__title { font-size: 28px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -.025em !important; margin: 6px 0 14px !important; } body.da-app .hp-page__title::before { display: none !important; } body.da-app .da-empty ~ .hp-no-results, body.da-app .da-empty ~ .hp-pagination { display: none !important; } body.da-app .hp-no-results { background: #fff; border-radius: 18px; border: 1px dashed #C3CDC9; padding: 20px 16px; text-align: center; } body.da-app .hp-no-results h2 { font-size: 18px !important; margin: 0 0 6px !important; } body.da-v-account .hp-page__content > .domus-dash, body.da-v-account .domus-dash__card { border-radius: 18px !important; } body.da-app .domus-dash__card, body.da-app .domus-stats__item, body.da-app .domus-complete { border-radius: 18px !important; border: 1px solid #E4E9E5 !important; box-shadow: none !important; } /* ---------- Užklausos vedlys ---------- */ body.da-v-wizard .site-content > .container { padding-top: 8px; } body.da-v-wizard .domus-gr__intro h2, body.da-v-wizard .domus-gr__intro ol { display: none !important; } body.da-v-wizard .domus-gr__intro { margin: 0 !important; } body.da-v-wizard .domus-gr__targets { display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; padding: 12px 14px; border-radius: 16px; background: var(--da-primary-50); color: var(--da-primary); font-size: 14px; } body.da-v-wizard .domus-gr__trust { display: flex !important; flex-wrap: wrap; gap: 6px !important; margin: 0 0 12px !important; font-size: 12.5px !important; } body.da-v-wizard .domus-gr__trust span { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; background: #EEF2EF; color: #047857; font-weight: 700; } body.da-v-wizard .domus-steps--gr { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0 0 6px !important; padding: 0 !important; list-style: none; counter-reset: none; } body.da-v-wizard .domus-steps--gr li { position: relative; margin: 0 !important; padding: 12px 0 0 !important; font-size: 12px !important; font-weight: 700; color: #8B9A99; text-align: left; border: 0 !important; background: none !important; } body.da-v-wizard .domus-steps--gr li::before { content: '' !important; position: absolute; left: 0; right: 0; top: 0; height: 5px; border-radius: 3px; background: #E1E7E3; width: auto !important; display: block !important; counter-increment: none !important; } body.da-v-wizard .domus-steps--gr li::after { display: none !important; } body.da-v-wizard .domus-steps--gr li.is-active, body.da-v-wizard .domus-steps--gr li.is-done { color: var(--da-primary); } body.da-v-wizard .domus-steps--gr li.is-active::before, body.da-v-wizard .domus-steps--gr li.is-done::before { background: var(--da-primary); } body.da-v-wizard .domus-gr__progress { margin: 0 0 12px !important; font-size: 12.5px !important; color: var(--da-muted); } body.da-v-wizard form.domus-gr fieldset { border: 1px solid #E4E9E5 !important; border-radius: 20px !important; background: #fff !important; padding: 16px !important; margin: 0 0 14px !important; box-shadow: var(--da-shadow) !important; } body.da-v-wizard form.domus-gr legend { float: left; width: 100%; display: flex; align-items: center; gap: 10px; margin: 0 0 14px !important; padding: 0 !important; font-size: 20px !important; font-weight: 800 !important; color: var(--da-text) !important; } body.da-v-wizard form.domus-gr legend + * { clear: both; } body.da-v-wizard form.domus-gr legend span { width: 30px; height: 30px; border-radius: 50%; background: var(--da-primary); color: #fff; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; } body.da-v-wizard form.domus-gr label { display: block; margin: 0 0 14px !important; } body.da-v-wizard form.domus-gr label > span { display: block; margin-bottom: 6px; font-size: 14px !important; font-weight: 700 !important; color: var(--da-text-2) !important; text-transform: none !important; letter-spacing: 0 !important; } body.da-v-wizard form.domus-gr input, body.da-v-wizard form.domus-gr select, body.da-v-wizard form.domus-gr textarea { width: 100% !important; } body.da-v-wizard form.domus-gr small { display: block; margin-top: 6px; font-size: 12.5px !important; color: var(--da-muted) !important; } body.da-v-wizard .domus-gr__row { display: block !important; } body.da-v-wizard .domus-gr__drop { display: flex !important; flex-direction: column; align-items: center; gap: 4px; padding: 20px 14px !important; border: 2px dashed #C3CDC9 !important; border-radius: 18px !important; background: #F7F9F7 !important; text-align: center; color: var(--da-text-2); } body.da-v-wizard .domus-gr__drop i { font-size: 26px; color: var(--da-primary); } body.da-v-wizard .domus-gr__drop strong { font-size: 15px; color: var(--da-primary); } body.da-v-wizard .domus-gr__check { display: flex !important; gap: 10px; align-items: flex-start; font-size: 14px; } body.da-v-wizard .domus-gr__check input { width: 22px !important; height: 22px !important; min-height: 0 !important; flex-shrink: 0; margin-top: 1px; accent-color: var(--da-primary); } body.da-v-wizard .domus-gr__nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100; display: flex !important; gap: 10px; margin: 0 !important; padding: 10px 16px calc(10px + var(--da-safe-b)) !important; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--da-line); box-shadow: 0 -8px 24px rgba(23,28,30, .06); } body.da-v-wizard .domus-gr__nav .button { flex: 1; height: 52px !important; min-height: 52px; justify-content: center; } body.da-v-wizard .domus-gr__nav [data-gr-back] { flex: 0 0 auto; padding: 0 18px !important; } body.da-v-wizard form.domus-gr[data-step="0"] [data-gr-back] { display: none !important; } body.da-v-wizard .domus-gr__note { margin: 0 0 10px !important; font-size: 12.5px !important; color: var(--da-muted); text-align: center; } body.da-v-wizard .site-content { padding-bottom: 110px !important; } /* kategorijos pasirinkimas */ body.da-v-wizard form.domus-gr label:has(select[name="gr_category"]) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0 !important; } .da-picker { display: block; margin: 0 0 14px; } .da-picker__btn { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px; border-radius: 16px; border: 1.5px solid #E1E7E3; background: #fff; text-align: left; cursor: pointer; color: var(--da-text); } .da-picker__btn.is-error { border-color: #DC2626; box-shadow: 0 0 0 4px rgba(220, 38, 38, .1); animation: da-shake .3s; } .da-picker__ico { width: 42px; height: 42px; border-radius: 13px; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-picker__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .da-picker__txt small { font-size: 12.5px; font-weight: 700; color: var(--da-muted); } .da-picker__txt b { font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-picker__btn:not(.has-value) .da-picker__txt b { color: #8B9A99; font-weight: 600; } .da-picker__chev { color: #8B9A99; } @keyframes da-shake { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } } #da-catpick:not([hidden]) { display: block; } .da-sheet__panel--tall { height: 86vh; height: 86dvh; display: flex; flex-direction: column; padding-bottom: 0 !important; } .da-field--sheet { flex: 0 0 auto; margin: 6px 0 4px; background: #F1F4F1; } .da-field--sheet input { font-size: 16px !important; } .da-catlist { flex: 1; overflow-y: auto; padding: 4px 0 calc(24px + var(--da-safe-b)); -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .da-catgroup h4 { margin: 14px 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8B9A99; } .da-catgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .da-cat { display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 92px; padding: 10px 4px; border-radius: 16px; border: 1px solid #E4E9E5; background: #fff; color: var(--da-text); cursor: pointer; } .da-cat:active, .da-cat.is-on { border-color: var(--da-primary); background: var(--da-primary-50); } .da-cat__ico { width: 40px; height: 40px; border-radius: 12px; background: var(--da-primary-50); color: var(--da-primary); display: flex; align-items: center; justify-content: center; } .da-cat__name { font-size: 12px; line-height: 1.2; font-weight: 600; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .da-catlist__empty { margin: 24px 0; text-align: center; font-size: 14px; color: var(--da-muted); } /* termino lustai */ .da-choice { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; } .da-choice button { display: inline-flex; align-items: center; height: 44px; padding: 0 16px; border-radius: 999px; border: 1.5px solid #E1E7E3; background: #fff; font-size: 14.5px; font-weight: 700; color: var(--da-text-2); cursor: pointer; } .da-choice button[aria-pressed="true"] { border-color: var(--da-primary); background: var(--da-primary-50); color: var(--da-primary); } .da-choice.is-error button { border-color: #FCA5A5; } .da-choice__label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--da-text-2); } body.da-v-wizard form.domus-gr label.da-hidden-select { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0 !important; } /* telefone – programėlės blokai matomi */ .da-lrow { display: grid; } .da-listbar { display: flex; } .da-rcard--wide { display: flex; } .da-choice { display: flex; } .da-choice__label { display: block; } body.da-v-listing .da-hero { display: block; } body.da-v-listing .da-sumtop { display: flex; } body.da-v-listing .da-sum { display: flex; } .da-pagehead { margin: 0; } /* ---------- Užklausos puslapis ---------- */ body.da-v-request .hp-listing__title { font-size: 24px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.02em !important; margin: 4px 0 8px !important; color: var(--da-text) !important; } body.da-v-request .hp-listing__title::before { display: none !important; } body.da-v-request .hp-listing__details--primary { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px !important; } body.da-v-request .hp-listing__details--primary > * { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #fff; border: 1px solid var(--da-line); font-size: 12.5px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; color: var(--da-text-2) !important; } body.da-v-request .hp-listing__details--primary > *::before { display: none !important; } body.da-v-request .hp-listing__images img { border-radius: 18px; } body.da-v-request .hp-listing__description, body.da-v-request .hp-listing__attributes--secondary:not(:empty), body.da-v-request .hp-page__sidebar .hp-widget, body.da-v-request .domus-contacts, body.da-v-request .hp-vendor--view-block, body.da-v-request .hp-offers, body.da-v-request .hp-offer { background: #fff; border: 1px solid #E4E9E5 !important; border-radius: 18px !important; padding: 14px !important; margin: 0 0 12px !important; box-shadow: none !important; } body.da-v-request .hp-page__sidebar { padding: 0 !important; margin: 0 !important; } body.da-v-request .hp-listing__actions--primary .button { width: 100%; } body.da-v-request .hp-vendor--view-block { display: grid !important; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; text-align: left !important; } body.da-v-request .hp-vendor--view-block .hp-vendor__header { margin: 0 !important; } body.da-v-request .hp-vendor--view-block .hp-vendor__image, body.da-v-request .hp-vendor--view-block .hp-vendor__image img { width: 48px !important; height: 48px !important; border-radius: 50%; margin: 0 !important; } body.da-v-request .hp-vendor--view-block .hp-vendor__content { padding: 0 !important; text-align: left !important; min-width: 0; } body.da-v-request .hp-vendor--view-block .hp-vendor__name { font-size: 15px !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left !important; } body.da-v-request .hp-vendor--view-block .hp-vendor__name::before { display: none !important; } body.da-v-request .hp-page__sidebar .hp-widget:not(:has(> *)) { display: none !important; } body.da-v-request .hp-vendor--view-block .hp-vendor__footer { display: none; } /* paieškos rezultatų antraštė */ body.da-v-listings .domus-page-h1 { overflow-wrap: anywhere; } /* 404 telefone */ body.da-app .da-404 { margin: 16px 0 24px; } body.da-app .da-404__search { flex-direction: column; } body.da-app .da-404__search input[type="search"] { min-height: 50px !important; height: 50px !important; border-radius: 999px !important; border: 1.5px solid #E1E7E3 !important; padding: 0 18px !important; } body.da-app .da-404__search .da-btn { width: 100%; display: inline-flex !important; align-items: center; justify-content: center; height: 50px !important; } /* ---------- Trenerių sąrašas ---------- */ .da-vrow { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: var(--da-r); background: #fff; border: 1px solid #E4E9E5; box-shadow: var(--da-shadow); } .da-vrow__ava { position: relative; width: 60px; height: 60px; border-radius: 50%; background: var(--da-primary-50); color: var(--da-primary); font-weight: 800; font-size: 19px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .da-vrow__ava img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .da-vrow__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .da-vrow__name { margin: 0 !important; font-size: 15.5px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-vrow__name::before { display: none !important; } .da-vrow__cats { display: flex; flex-wrap: wrap; gap: 4px; } .da-vrow__cats span { display: inline-flex; height: 22px; align-items: center; padding: 0 8px; border-radius: 999px; background: var(--da-primary-50); color: var(--da-primary); font-size: 11.5px; font-weight: 700; } .da-vrow__chev { color: #8B9A99; } body.da-app .hp-grid .hp-vendor--view-block { display: none !important; } body.da-app .hp-vendors .hp-row { margin: 0 !important; display: flex; flex-direction: column; gap: 10px; } body.da-app .hp-vendors .hp-grid__item { padding: 0 !important; margin: 0 !important; max-width: 100% !important; flex: 0 0 auto !important; width: 100% !important; } body.da-v-vendors .hp-page__header { display: none !important; } body.da-v-vendors .hp-page__content > .da-pagehead { order: 1; } body.da-app .domus-vfilter { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 12px !important; padding: 0 !important; background: none !important; border: 0 !important; } body.da-app .domus-vfilter select { min-height: 44px !important; font-size: 15px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body.da-app .domus-vfilter .button { grid-column: 1 / -1; min-height: 46px; } body.da-app .domus-vfilter__clear { grid-column: 1 / -1; text-align: center; font-weight: 700; } .da-vrow { display: flex; } } /* /@media */ @media (max-width: 767px) and (prefers-reduced-motion: reduce) { .da-search, .da-sheet__panel, .da-sheet__backdrop, .da-btn, .da-tile, .da-tab__ico, .da-fab { transition: none !important; } } /* P1: struktūruotas pasiūlymas */ .domus-offer-facts{margin:0 0 12px} .domus-offer-price{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1;color:#171C1E} .domus-offer-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} .domus-offer-fact{background:#F1F4F1;border-radius:14px;padding:10px 12px} .domus-offer-fact span{display:block;font-size:11.5px;font-weight:600;color:#5C6668} .domus-offer-fact b{display:block;font-size:15px;font-weight:700;margin-top:2px} /* P2–P3: pasiūlymų lentynos */ .dsh{--g:#2A3539;--gd:#171C1E;--gl:#E4E9E5;--ink:#171C1E;--ink2:#5C6668;--line:#E1E7E3;--bg:#F1F4F1;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;color:var(--ink)} .dsh-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px} .dsh-top h2{font-size:28px;letter-spacing:-.7px;margin:0} .dsh-slots{font-size:13.5px;color:var(--ink2);font-weight:600} .dsh-seg{display:flex;background:#e9e4d6;border-radius:14px;padding:3px;margin-bottom:16px} .dsh-seg button{flex:1;border:0;background:none;padding:10px 0;border-radius:11px;font-weight:700;font-size:14px;font-family:inherit;color:var(--ink2);cursor:pointer;transition:background-color .18s,color .18s} .dsh-seg button.on{background:#FFFFFF;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)} .dsh-seg i{font-style:normal;font-weight:600;opacity:.6;margin-left:3px} .dsh-hint{font-size:13.5px;color:var(--ink2);margin:0 0 12px} .dsh-empty{padding:30px 10px;text-align:center;color:var(--ink2)} .dsh-grid{display:grid;grid-template-columns:1fr;gap:14px} @media(min-width:900px){.dsh-grid{grid-template-columns:1fr 1fr}} .dsh-card{background:#FFFFFF;border-radius:26px;padding:20px;box-shadow:0 1px 2px rgba(23,28,30,.06),0 8px 24px rgba(23,28,30,.08);transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .18s} .dsh-card.dsh-out{transform:scale(.97);opacity:0} .dsh-head{display:flex;align-items:center;gap:12px;margin-bottom:14px} .dsh-av{width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none} .dsh-who{flex:1;min-width:0;line-height:1.25} .dsh-who b{display:block;font-size:17px;letter-spacing:-.3px} .dsh-who b a{color:inherit;text-decoration:none} .dsh-who span{font-size:13.5px;color:var(--ink2)} .dsh-star{color:#E8A94B;font-style:normal} .dsh-chip{font-size:12.5px;font-weight:600;border-radius:99px;padding:6px 11px;background:#E4E9E5;color:#3F4A4E} .dsh-chip--g{background:var(--gl);color:var(--gd)} .dsh-price{font-size:42px;font-weight:800;letter-spacing:-1.4px;line-height:1;margin-bottom:14px} .dsh-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px} .dsh-facts div{background:var(--bg);border-radius:16px;padding:11px 12px} .dsh-facts span{display:block;font-size:11.5px;font-weight:600;color:var(--ink2)} .dsh-facts b{display:block;font-size:15px;margin-top:2px} .dsh-text{font-size:15px;line-height:1.45;color:var(--ink2);margin:0 0 16px} .dsh-act{display:flex;gap:10px} .dsh-btn{flex:1;height:54px;border-radius:18px;border:0;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)} .dsh-btn:active{transform:scale(.97)} .dsh-btn--yes{background:var(--g);color:#fff} .dsh-btn--soft{background:var(--gl);color:var(--gd)} .dsh-btn--no{background:#FFFFFF;color:#c8503a;box-shadow:inset 0 0 0 1.5px var(--line);flex:0 0 36%} .dsh-link{display:block;margin:12px auto 0;background:none;border:0;color:var(--ink2);font-weight:600;font-size:14px;font-family:inherit;text-decoration:underline;cursor:pointer} .dsh-opened,.dsh-done{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gl);color:var(--gd);border-radius:18px;font-weight:700;padding:0 10px;font-size:15px} .dsh-done{height:54px} .dsh-compare-open{margin-bottom:14px;width:100%} .dsh-sheet{position:fixed;inset:0;z-index:99999} .dsh-sheet__bg{position:absolute;inset:0;background:rgba(10,20,15,.42);opacity:0;transition:opacity .2s} .dsh-sheet__box{position:absolute;left:0;right:0;bottom:0;max-height:88vh;background:#FFFFFF;border-radius:32px 32px 0 0;padding:10px 22px 24px;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow:auto} .dsh-sheet.open .dsh-sheet__bg{opacity:1}.dsh-sheet.open .dsh-sheet__box{transform:none} .dsh-grab{width:40px;height:5px;border-radius:3px;background:#d4cfc1;margin:0 auto 14px} .dsh-sheet__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .dsh-sheet__top h3{font-size:24px;letter-spacing:-.6px;margin:0} .dsh-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--bg);cursor:pointer;font-size:15px} .dsh-scroll{overflow-x:auto} .dsh-tbl{width:100%;border-collapse:collapse;font-size:15px} .dsh-tbl th{font-size:13px;color:var(--ink2);text-align:right;padding:6px 0 10px;white-space:nowrap} .dsh-tbl th:first-child,.dsh-tbl td:first-child{text-align:left} .dsh-tbl td{padding:12px 0 12px 12px;border-top:1px solid var(--line);text-align:right;font-weight:700} .dsh-tbl td:first-child{font-weight:500;color:var(--ink2);padding-left:0} .dsh-note{background:var(--gl);color:var(--gd);border-radius:16px;padding:12px 14px;font-size:13.5px;margin:14px 0 0} @media(min-width:900px){.dsh-sheet__box{left:50%;right:auto;bottom:auto;top:50%;width:min(720px,92vw);border-radius:32px;transform:translate(-50%,-46%);opacity:0;transition:transform .25s cubic-bezier(.23,1,.32,1),opacity .2s}.dsh-sheet.open .dsh-sheet__box{transform:translate(-50%,-50%);opacity:1}.dsh-grab{display:none}} @media(prefers-reduced-motion:reduce){.dsh-card,.dsh-sheet__box,.dsh-btn{transition:none}} .dsh-notify{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:#5C6668;margin:0 0 12px} .dsh-notify select{border:1.5px solid #E1E7E3;border-radius:12px;background:#FFFFFF;padding:8px 10px;font:inherit;font-size:13px;color:#171C1E;max-width:60%} .domus-gate{max-width:520px;margin:24px auto;padding:28px 24px;background:#FFFFFF;border-radius:28px;box-shadow:0 1px 2px rgba(23,28,30,.06),0 8px 24px rgba(23,28,30,.08);text-align:center} .domus-gate h2{font-size:26px;letter-spacing:-.6px;margin:0 0 10px;color:#171C1E} .domus-gate p{color:#5C6668;line-height:1.5;margin:0 0 14px} .domus-gate__btn{display:flex!important;justify-content:center;align-items:center;height:56px;border-radius:18px!important;font-size:17px!important} .domus-gate__note{font-size:13px;margin:0!important} /* Trenerio „Mano pasiūlymai“ */ .dsh-card--hot{box-shadow:0 0 0 2px #2A3539,0 8px 24px rgba(23,28,30,.08)} .dsh-card--v .dsh-head{justify-content:space-between;margin-bottom:10px} .dsh-ago{font-size:12.5px;color:#8B9A99} .dsh-chip--a{background:#fbe9c3;color:#7a5410} .dsh-rt{font-size:19px;letter-spacing:-.4px;margin:0 0 4px} .dsh-rt a{color:#171C1E;text-decoration:none} .dsh-meta{font-size:14px;color:#5C6668;margin:0 0 12px} .dsh-meta b{color:#171C1E} .dsh .dsh-note{background:#E4E9E5;color:#171C1E;border-radius:14px;padding:10px 12px;font-size:13.5px;margin:0 0 12px} .dsh-card--v .dsh-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;height:48px;font-size:15px} .dsh-card--stats{margin-top:14px;padding:16px 18px} .dsh-card--stats p{margin:4px 0 0;color:#5C6668;font-size:14px} /* Nuotraukos pasiūlyme: įkėlimas formoje */ .doi{margin:0 0 18px} .doi-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px} .doi-label{font-weight:600;font-size:14px;color:#171C1E} .doi-hint{font-size:12.5px;color:#8B9A99} .doi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px} .doi-grid:empty{display:none} .doi-th{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#E4E9E5} .doi-th img{width:100%;height:100%;object-fit:cover;display:block} .doi-th--up{animation:doi-pulse 1s ease-in-out infinite} @keyframes doi-pulse{50%{opacity:.5}} .doi-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(23,28,30,.75);color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center} .doi-add{display:flex;align-items:center;justify-content:center;height:48px;border-radius:16px;border:1.5px dashed #c9c3b3;color:#171C1E;font-weight:600;font-size:14px;cursor:pointer;background:#FFFFFF;transition:transform .16s cubic-bezier(.23,1,.32,1)} .doi-add:active{transform:scale(.98)} .doi-err{margin:8px 0 0;font-size:13px;color:#c8503a} /* Nuotraukos pasiūlymo kortelėje */ .dsh-gal{display:grid;gap:6px;margin:0 0 14px;grid-template-columns:repeat(3,1fr)} .dsh-gal--1{grid-template-columns:1fr} .dsh-gal--2{grid-template-columns:1fr 1fr} .dsh-gal a{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#E4E9E5} .dsh-gal--1 a{aspect-ratio:16/9} .dsh-gal img{width:100%;height:100%;object-fit:cover;display:block} .domus-offer-facts .dsh-gal{margin-top:12px} /* ========================================================================= MEISTRAI – KOMPIUTERIS (≥1024px): kairysis meniu, šilta paletė kaip maketuose ========================================================================= */ .ds { display: none; } @media (min-width: 1024px) { body.has-ds { background: #F1F4F1; padding-left: 240px; } body.has-ds .site-header .header-navbar { display: none; } body.has-ds .site-container { padding-top: 24px; } body.has-ds .site-container { max-width: none; } .ds { display: flex; flex-direction: column; gap: 4px; position: fixed; left: 0; top: 0; bottom: 0; width: 240px; padding: 26px 16px 18px; background: #F1F4F1; border-right: 1px solid #E1E7E3; z-index: 90; font-family: var(--sf-font); } body.admin-bar .ds { top: 32px; } .ds-logo { display: flex; align-items: center; gap: 9px; padding: 0 12px 20px; color: #171C1E; font-size: 24px; font-weight: 800; letter-spacing: -.8px; text-decoration: none; } .ds-logo .da-ico { width: 22px; height: 22px; } .ds-nav { display: flex; flex-direction: column; gap: 2px; } .ds-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; color: #5C6668; font-size: 15px; font-weight: 600; text-decoration: none; transition: background-color .15s, color .15s, transform .16s cubic-bezier(.23,1,.32,1); } .ds-item .da-ico { width: 22px; height: 22px; flex: none; } @media (hover: hover) { .ds-item:hover { background: #E4E9E5; color: #171C1E; } } .ds-item:active { transform: scale(.98); } .ds-item.is-on { background: #FFFFFF; color: #2A3539; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.08); } .ds-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #c8503a; color: #fff; font: 700 11px/20px inherit; font-family: inherit; text-align: center; font-style: normal; } .ds-cta { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; margin: 14px 0 0; border-radius: 16px; background: #2A3539; color: #fff !important; font-size: 15px; font-weight: 700; text-decoration: none; transition: transform .16s cubic-bezier(.23,1,.32,1), background-color .15s; } .ds-cta .da-ico { width: 18px; height: 18px; } @media (hover: hover) { .ds-cta:hover { background: #171C1E; } } .ds-cta:active { transform: scale(.98); } .ds-sub { display: block; margin: 10px 12px 0; font-size: 12.5px; color: #5C6668; text-decoration: none; } @media (hover: hover) { .ds-sub:hover { color: #2A3539; } } .ds-me { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.08); text-decoration: none; color: #171C1E; min-width: 0; } .ds-av { width: 36px; height: 36px; border-radius: 50%; background: #2A3539; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 13px; flex: none; } .ds-me--guest .ds-av { background: #E4E9E5; color: #5C6668; } .ds-me__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; } .ds-me__t b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ds-me__t small { font-size: 12px; color: #5C6668; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (prefers-reduced-motion: reduce) { .ds-item, .ds-cta { transition: none; } } } @media (min-width: 1024px) { /* Temos inline .site-header{#FFF1E5} – kompiuteryje šiltas smėlio tonas, be taškelių rašto */ body.has-ds .site-header, body.has-ds .site-header .header-hero { background-color: #E4E9E5 !important; background-image: none !important; } body.has-ds .site-header .header-hero__content { padding-top: 32px; } } @media (min-width: 1024px) { body.has-ds { overflow-x: clip; } /* temos .container +4px dėl body padding-left */ } @media (min-width: 1024px) { /* alignfull blokai (trenerių karuselė) – 100vw be kairiojo meniu */ body.has-ds .alignfull { width: calc(100vw - 240px) !important; margin-left: calc(-50vw + 120px) !important; margin-right: calc(-50vw + 120px) !important; } /* flexboxgrid .container{width:75.25rem} netelpa į 1200px turinio zoną */ body.has-ds .container { width: 100%; max-width: 75.25rem; } body.has-ds .site-container { overflow-x: clip; } } @media (min-width: 1024px) { /* Paieškos forma (margin-top:-100px) lenda po .site-header{z-index:60}; juosta per aukšta */ body.has-ds .site-header { z-index: 1; } body.has-ds .site-content { z-index: 2; } body.has-ds .site-header .header-hero { padding: 20px 0 64px; } body.has-ds .site-header .header-hero__content { padding-top: 8px; } } @media (min-width: 1024px) { /* Paslaugų kortelė: veiksmų stulpelis vertikalus, mygtukai pilno pločio */ body.has-ds .hp-listings .hp-listing--view-block .hp-listing__footer { flex: 0 0 200px; flex-direction: column; justify-content: center; align-items: stretch; gap: 8px; padding: 16px; } body.has-ds .hp-listings .hp-listing__footer > * { width: 100%; margin: 0; } body.has-ds .hp-listings .hp-listing__footer .button--primary { width: 100%; justify-content: center; } body.has-ds .hp-listings .hp-listing__footer > div { display: flex; flex-wrap: wrap; gap: 6px; } /* Užklausa (autoriui): trijų stulpelių vaizdas – meniu | pasiūlymų sąrašas | detalė */ body.has-dsh .hp-page__sidebar { display: none; } body.has-dsh .hp-page__content { flex: 0 0 100%; max-width: 100%; } .dsh--split .dsh-split { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 20px; align-items: start; } .dsh--split .dsh-top h2 { font-size: 30px; } .dsh-list { display: flex; flex-direction: column; gap: 8px; } .dsh-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: 18px; background: #FFFFFF; border: 2px solid transparent; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.08); text-align: left; cursor: pointer; font-family: inherit; color: #171C1E; transition: transform .16s cubic-bezier(.23,1,.32,1), border-color .15s; } .dsh-row:active { transform: scale(.985); } .dsh-row.on { border-color: #2A3539; } .dsh-row .dsh-av { width: 40px; height: 40px; font-size: 13px; } .dsh-row__t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .dsh-row__t b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh-row__t small { font-size: 12.5px; color: #5C6668; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh-row__p { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-weight: 800; font-size: 17px; letter-spacing: -.4px; white-space: nowrap; } .dsh-row__p i { font-style: normal; font-size: 11px; font-weight: 600; color: #171C1E; background: #E4E9E5; border-radius: 99px; padding: 3px 8px; } .dsh-detail { position: sticky; top: 24px; } .dsh-detail .dsh-card { padding: 26px; } .dsh-detail .dsh-price { font-size: 48px; } .dsh-detail .dsh-text { font-size: 16px; } @media (prefers-reduced-motion: reduce) { .dsh-row { transition: none; } } } /* Įkėlimo žingsniai */ .dstep{display:flex;gap:8px;margin:0 0 10px} .dstep__i{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#E4E9E5;color:#5C6668;font-size:13.5px;font-weight:600} .dstep__i span{width:24px;height:24px;border-radius:50%;background:#FFFFFF;display:grid;place-items:center;font-size:12px;flex:none} .dstep__i.is-on{background:#2A3539;color:#fff}.dstep__i.is-on span{background:rgba(255,255,255,.2);color:#fff} .dstep__i.is-done{background:#E4E9E5;color:#171C1E}.dstep__i.is-done span{background:#2A3539;color:#fff} .dstep__hint{color:#5C6668;font-size:14px;margin:0 0 22px} @media(max-width:600px){.dstep__i{font-size:0;gap:0;justify-content:center}.dstep__i span{font-size:12px}} /* Puslapis „Treneriams“ */ .dtv{font-family:var(--sf-font);color:#171C1E} .dtv h1,.dtv h2,.dtv h3{letter-spacing:-.02em;margin:0} .dtv-hero{padding:28px 0 36px;max-width:720px} .dtv-kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#2A3539;margin:0 0 10px} .dtv-hero h1{font-size:clamp(30px,4.5vw,46px);line-height:1.05;font-weight:800;margin-bottom:14px} .dtv-lead{font-size:17px;line-height:1.5;color:#5C6668;margin:0 0 22px} .dtv-cta{display:flex;gap:10px;flex-wrap:wrap;margin:0} .dtv-cta .dsh-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 22px;text-decoration:none;height:54px;border-radius:18px;font-weight:700;font-size:16px} .dtv-cta .dsh-btn--yes{background:#2A3539;color:#fff!important}.dtv-cta .dsh-btn--soft{background:#E4E9E5;color:#171C1E!important} .dtv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 40px} .dtv-step{background:#FFFFFF;border-radius:22px;padding:20px;box-shadow:0 1px 2px rgba(23,28,30,.06),0 8px 24px rgba(23,28,30,.08)} .dtv-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2A3539;color:#fff;font-size:15px;margin-bottom:12px} .dtv-step h3{font-size:17px;margin-bottom:6px}.dtv-step p{margin:0;color:#5C6668;font-size:14.5px;line-height:1.45} .dtv-why h2,.dtv-faq h2,.dtv-end h2{font-size:28px;font-weight:800;margin-bottom:16px} .dtv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 40px} .dtv-card{background:#E4E9E5;border-radius:22px;padding:20px} .dtv-card h3{font-size:16px;color:#171C1E;margin-bottom:6px}.dtv-card p{margin:0;color:#171C1E;font-size:14.5px;line-height:1.45} .dtv-faq{margin:0 0 40px;max-width:720px} .dtv-faq details{background:#FFFFFF;border-radius:16px;padding:14px 18px;margin-bottom:8px;box-shadow:0 1px 2px rgba(23,28,30,.06)} .dtv-faq summary{cursor:pointer;font-weight:700;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center} .dtv-faq summary::after{content:"+";font-size:20px;color:#2A3539}.dtv-faq details[open] summary::after{content:"–"} .dtv-faq details p{margin:10px 0 0;color:#5C6668;line-height:1.5;font-size:14.5px} .dtv-end{background:#2A3539;color:#fff;border-radius:26px;padding:32px;text-align:center;margin:0 0 30px} .dtv-end h2{color:#fff}.dtv-end .dtv-cta{justify-content:center}.dtv-end .dsh-btn--yes{background:#fff;color:#171C1E!important} /* „Treneriams“ puslapis: temos antraštės juosta dubliuotų pavadinimą */ @media (min-width: 1024px) { body.has-ds.page-id-677 .site-header .header-hero { display: none; } } /* Pradžios hero su nuotraukų koliažu */ .domus-hero__art { display: none; } @media (min-width: 1024px) { .domus-hero--art { display: grid; grid-template-columns: minmax(0, 1.1fr) 460px; gap: 40px; align-items: center; margin-bottom: 1.5rem; } .domus-hero--art .domus-hero__title { font-size: 3rem; letter-spacing: -.02em; } .domus-hero__art { display: block; position: relative; height: 400px; } .domus-hero__img { position: absolute; object-fit: cover; border-radius: 22px; box-shadow: 0 10px 30px rgba(23,28,30,.16); } .domus-hero__img--a { left: 0; top: 10px; width: 250px; height: 334px; transform: rotate(-3deg); } .domus-hero__img--b { right: 0; top: 0; width: 220px; height: 165px; transform: rotate(3deg); } .domus-hero__img--c { right: 18px; bottom: 0; width: 220px; height: 165px; transform: rotate(-2deg); } .domus-hero__pill { position: absolute; background: #FFFFFF; color: #171C1E; font-size: 13px; font-weight: 700; padding: 8px 12px; border-radius: 999px; box-shadow: 0 6px 18px rgba(23,28,30,.14); white-space: nowrap; } .domus-hero__pill--1 { left: 190px; top: 318px; } .domus-hero__pill--2 { right: 170px; top: 150px; color: #171C1E; background: #E4E9E5; } @media (prefers-reduced-motion: no-preference) { .domus-hero__img { transition: transform .5s cubic-bezier(.23,1,.32,1); } .domus-hero__art:hover .domus-hero__img--a { transform: rotate(-1.5deg) translateY(-4px); } .domus-hero__art:hover .domus-hero__img--b { transform: rotate(1.5deg) translateY(-3px); } .domus-hero__art:hover .domus-hero__img--c { transform: rotate(-1deg) translateY(-3px); } } } @media (min-width: 1280px) { .domus-hero--art { grid-template-columns: minmax(0, 1fr) 520px; } .domus-hero__art { height: 440px; } .domus-hero__img--a { width: 280px; height: 374px; } .domus-hero__img--b, .domus-hero__img--c { width: 240px; height: 180px; } .domus-hero__pill--1 { left: 215px; top: 352px; } .domus-hero__pill--2 { right: 190px; top: 165px; } } /* Hero koliažas telefone/planšetėje: trijų nuotraukų juosta po tekstu */ @media (max-width: 1023px) { .domus-hero__art { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 6px; height: 128px; margin: 14px 0 6px; } .domus-hero__img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .domus-hero__pill { display: none; } } @media (max-width: 767px) { body.da-app .domus-hero__art { height: 112px; border-radius: 0; margin: 12px 0 2px; } } /* „Ieškau trenerio / Teikiu paslaugas“: nuotraukos vietoj apskritimų, šilta juosta */ .content-block { background-color: #E4E9E5 !important; border-radius: 26px; } .domus-choice__img { display: block; width: min(100%, 260px); aspect-ratio: 4 / 5; object-fit: cover; margin: 0 auto 18px; border-radius: 22px; box-shadow: 0 10px 30px rgba(23,28,30,.14); } .content-block .wp-block-button__link { border-radius: 16px !important; padding: 14px 22px; font-weight: 700; } .content-block .has-luminous-vivid-amber-background-color { background-color: #2A3539 !important; } /* Atsiliepimai – tinklelis */ .dat { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin: 0 0 8px; } .dat-card { margin: 0; background: #FFFFFF; border-radius: 24px; padding: 22px; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.08); display: flex; flex-direction: column; gap: 12px; } .dat-stars { color: #E8A94B; font-size: 14px; letter-spacing: 2px; } .dat-card blockquote { margin: 0; padding: 0; border: 0; font-size: 16px; line-height: 1.5; color: #171C1E; flex: 1; font-style: normal; } .dat-card blockquote::before { content: "„"; color: #2A3539; font-weight: 800; margin-right: 2px; } .dat-card blockquote::after { content: "“"; color: #2A3539; font-weight: 800; margin-left: 2px; } .dat-card figcaption { display: flex; align-items: center; gap: 10px; } .dat-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 13px; flex: none; } .dat-who { display: flex; flex-direction: column; line-height: 1.2; } .dat-who b { font-size: 14.5px; } .dat-who small { font-size: 12.5px; color: #5C6668; } /* Paslaugų sąrašas kompiuteryje: tinklelis 3 stulpeliais, vertikalios kortelės (kaip paslaugos.lt) */ @media (min-width: 1024px) { /* Tinklelis ant .hp-row (ne ant .hp-grid): kitaip .hp-row tampa flex elementu ir susitraukia iki turinio (1 kortelė = ~117 px) */ body.has-ds .site-content .hp-listings.hp-grid { display: block; } body.has-ds .site-content .hp-listings.hp-grid > .hp-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; margin: 0; } body.has-ds .hp-listings.hp-grid .hp-grid__item { flex: none; max-width: none; width: auto; min-width: 0; padding: 0; margin: 0; } body.has-ds .hp-listings .hp-listing--view-block { flex-direction: column; height: 100%; border-radius: 22px; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__header { flex: none; width: 100%; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__image { height: auto; min-height: 0; aspect-ratio: 4 / 3; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__content { padding: 16px 18px 10px; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__title { font-size: 1.05rem; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__excerpt { display: none; } body.has-ds .hp-listings .hp-listing--view-block .hp-listing__footer { flex: none; width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 18px 16px; border: 0; } body.has-ds .hp-listings .hp-listing__footer > * { width: auto; } body.has-ds .hp-listings .hp-listing__footer .button--primary { width: 100%; } body.has-ds .hp-listings .hp-listing__footer > div { width: 100%; } } @media (min-width: 1024px) and (max-width: 1279px) { body.has-ds .site-content .hp-listings.hp-grid > .hp-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1023px) { .domus-hero__art { overflow: hidden; } .domus-hero__art img.domus-hero__img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; } } @media (max-width: 1023px) { .domus-hero__art { grid-template-rows: 100%; } } /* Vedlio klaidos po laukais + aprašymo skaitiklis */ .domus-gr label.is-bad input, .domus-gr label.is-bad textarea, .domus-gr label.is-bad select { border-color: #c8503a !important; box-shadow: 0 0 0 3px rgba(200,80,58,.15) !important; } .domus-gr .domus-gr__err { display: block; margin-top: 6px; color: #c8503a; font-size: 13px; font-weight: 600; line-height: 1.35; } .domus-gr .domus-gr__err[hidden] { display: none; } .domus-gr .domus-gr__count { display: block; margin-top: 4px; font-size: 12.5px; color: #8B9A99; text-align: right; } .domus-gr .domus-gr__count.is-ok { color: #2A3539; } .domus-gr label.is-bad .domus-gr__count { color: #c8503a; } /* Sutikimo langelis: ne visas plotis */ .domus-gr label.domus-gr__check { display: flex !important; align-items: flex-start; gap: 10px; cursor: pointer; } .domus-gr label.domus-gr__check input[type="checkbox"] { width: 22px !important; height: 22px !important; min-height: 0 !important; flex: 0 0 22px; margin: 2px 0 0 !important; padding: 0 !important; accent-color: #2A3539; } .domus-gr label.domus-gr__check span { flex: 1; font-size: 14px; line-height: 1.4; } .domus-gr label.domus-gr__other[hidden] { display: none !important; } .domus-notice--ok + p .button { margin: 6px 8px 0 0; } /* Paslaugos puslapis telefone: skirtukai be mask (mirksėjo slenkant), tuščia atributų kortelė */ body.da-app .domus-tabs { -webkit-mask-image: none !important; mask-image: none !important; will-change: transform; transform: translateZ(0); } body.da-app .domus-tabs a { transition: none; } body.da-v-listing .hp-listing__attributes--secondary:empty { display: none !important; } /* Trenerio profilis telefone: be didelės nuotraukos viršuje */ body.da-v-vendor .da-hero { display: none !important; } body.da-v-vendor .da-vavatar, body.da-v-vendor .da-vhead { margin-top: 16px; } /* Trenerio profilis telefone: be viršelio nuotraukos; paslėpti skirtukai – tikrai paslėpti */ body.da-app .domus-vhead__cover { display: none !important; } body.da-app .domus-vhead__avatar { margin-top: 0 !important; } .domus-tabs a[hidden] { display: none !important; } body.da-app .domus-tabs a[hidden] { display: none !important; } body.da-app .domus-vhead { padding-top: 14px; } body.da-app .domus-vhead__avatar { margin-top: 0 !important; } body.da-app.da-v-vendor .domus-vhead { padding-top: 72px; } /* antraštė overlay, o viršelio nebėra */ /* ===== Telefono antraštė: tikras aukštis + meniu mygtukas ===== */ @media (max-width: 767px) { body.da-app .da-top { height: 60px !important; min-height: 60px; padding-top: env(safe-area-inset-top, 0px); box-sizing: content-box; } body.da-app .da-top--home { padding-left: var(--da-pad); padding-right: var(--da-pad); } .da-menubtn { width: 42px; height: 42px; border-radius: 14px; background: #fff; border: 1px solid var(--da-line); color: var(--da-text); display: inline-flex; align-items: center; justify-content: center; } .da-top--home .da-top__end { gap: 8px; } } /* ===== Mega meniu (#da-menu) ===== */ .dmm { background: #F1F4F1; flex-direction: column; transform: translateX(100%); transition: transform .28s cubic-bezier(.32,.72,0,1); } .dmm:not([hidden]) { display: flex; } .dmm.is-open { transform: none; } .dmm-head { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 var(--da-pad, 16px); padding-top: env(safe-area-inset-top, 0px); box-sizing: content-box; flex: none; } .dmm-head .da-iconbtn { width: 42px; height: 42px; border-radius: 14px; background: #fff; border: 1px solid #E1E7E3; } .dmm-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 4px var(--da-pad, 16px) 32px; } .dmm-search { display: flex; align-items: center; gap: 10px; width: 100%; height: 52px; padding: 0 16px; border-radius: 16px; border: 1px solid #E1E7E3; background: #FFFFFF; color: #5C6668; font: inherit; font-size: 15px; text-align: left; margin: 0 0 14px; } .dmm-search .da-ico { color: #2A3539; } .dmm-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 22px; } .dmm-q { display: flex; flex-direction: column; gap: 2px; padding: 14px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(23,28,30,.06); text-decoration: none !important; color: #171C1E !important; transition: transform .16s cubic-bezier(.23,1,.32,1); } .dmm-q:active { transform: scale(.97); } .dmm-q__ico { width: 34px; height: 34px; border-radius: 11px; background: #E4E9E5; color: #2A3539; display: grid; place-items: center; margin-bottom: 8px; } .dmm-q b { font-size: 14.5px; } .dmm-q small { font-size: 12px; color: #5C6668; line-height: 1.3; } .dmm-q--accent { background: #2A3539; color: #fff !important; } .dmm-q--accent small { color: rgba(255,255,255,.8); } .dmm-q--accent .dmm-q__ico { background: rgba(255,255,255,.18); color: #fff; } .dmm-h { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #5C6668; margin: 0 0 8px; } .dmm-areas { background: #FFFFFF; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(23,28,30,.06); } .dmm-area + .dmm-area { border-top: 1px solid #EEF2EF; } .dmm-area summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 14px; cursor: pointer; list-style: none; font-weight: 600; font-size: 15px; color: #171C1E; } .dmm-area summary::-webkit-details-marker { display: none; } .dmm-ico { width: 34px; height: 34px; border-radius: 11px; background: #F1F4F1; color: #2A3539; display: grid; place-items: center; flex: none; } .dmm-name { flex: 1; min-width: 0; } .dmm-n { font-style: normal; font-size: 12px; font-weight: 700; color: #171C1E; background: #E4E9E5; border-radius: 99px; padding: 2px 8px; } .dmm-chev { color: #8B9A99; transition: transform .2s; display: inline-flex; } .dmm-area[open] .dmm-chev { transform: rotate(180deg); } .dmm-area[open] summary { color: #2A3539; } .dmm-sub { display: flex; flex-direction: column; padding: 0 14px 10px 60px; } .dmm-sub a { display: flex; justify-content: space-between; align-items: center; min-height: 42px; color: #171C1E !important; text-decoration: none !important; font-size: 14.5px; border-top: 1px solid #F1F4F1; } .dmm-sub a.is-empty { color: #8B9A99 !important; } .dmm-sub a i { font-style: normal; font-size: 12px; color: #5C6668; } .dmm-sub a.dmm-all { font-weight: 700; color: #2A3539 !important; border-top: 0; } .dmm-foot { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .dmm-foot a { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border-radius: 14px; background: #FFFFFF; border: 1px solid #E1E7E3; color: #171C1E !important; text-decoration: none !important; font-weight: 600; font-size: 14px; } .dmm-foot a.dmm-login { flex: 1; justify-content: center; background: #171C1E; color: #fff !important; border: 0; } @media (min-width: 768px) { .dmm { display: none !important; } } @media (prefers-reduced-motion: reduce) { .dmm, .dmm-chev, .dmm-q { transition: none; } } /* ===== Žinutės: sąrašas ===== */ body.dm-list-page .hp-page__title, body.dm-chat-page .hp-page__title, body.dm-chat-page .hp-page__header { display: none !important; } .dm-list { display: flex; flex-direction: column; background: #FFFFFF; border-radius: 22px; overflow: hidden; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.06); } .dm-row { display: flex; align-items: center; gap: 12px; padding: 14px 16px; text-decoration: none !important; color: #171C1E !important; transition: background-color .15s; } .dm-row + .dm-row { border-top: 1px solid #EEF2EF; } @media (hover: hover) { .dm-row:hover { background: #F7F9F7; } } .dm-av { border-radius: 50%; background: #E4E9E5; color: #171C1E; display: grid; place-items: center; font-weight: 700; font-size: 14px; flex: none; overflow: hidden; } .dm-av img { width: 100%; height: 100%; object-fit: cover; } .dm-row__t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .dm-row__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; } .dm-row__top b { font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dm-row__top time { font-size: 12.5px; color: #8B9A99; flex: none; } .dm-row__ctx { font-size: 12.5px; color: #2A3539; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dm-row__prev { font-size: 14px; color: #5C6668; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dm-row__prev i { font-style: normal; color: #8B9A99; } .dm-row.is-unread .dm-row__top b, .dm-row.is-unread .dm-row__prev { color: #171C1E; font-weight: 700; } .dm-badge { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; background: #2A3539; color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; flex: none; } .dm-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 48px 20px; background: #FFFFFF; border-radius: 22px; color: #5C6668; } .dm-empty .da-ico { color: #2A3539; } .dm-empty b { color: #171C1E; font-size: 17px; } .dm-empty .dsh-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 20px; border-radius: 16px; background: #2A3539; color: #fff !important; text-decoration: none !important; font-weight: 700; margin-top: 8px; } /* ===== Žinutės: pokalbis ===== */ .dm-chat { display: flex; flex-direction: column; min-height: 60vh; } .dm-head { display: flex; align-items: center; gap: 12px; padding: 4px 0 12px; border-bottom: 1px solid #E1E7E3; margin-bottom: 10px; } .dm-head__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; } .dm-head__t b { font-size: 17px; } .dm-head__t b a { color: #171C1E !important; text-decoration: none !important; } .dm-head__ctx { font-size: 13px; color: #2A3539 !important; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dm-safe { display: flex; align-items: flex-start; gap: 8px; background: #E4E9E5; color: #171C1E; border-radius: 14px; padding: 10px 12px; font-size: 13px; line-height: 1.35; margin: 0 0 12px; } .dm-safe .da-ico { flex: none; margin-top: 1px; } .dm-msgs { display: flex; flex-direction: column; gap: 6px; padding-bottom: 12px; flex: 1; } .dm-day { align-self: center; font-size: 12px; font-weight: 600; color: #8B9A99; margin: 10px 0 4px; } .dm-b { max-width: 80%; padding: 10px 14px 6px; border-radius: 20px; display: flex; flex-direction: column; } .dm-b p { margin: 0; font-size: 15.5px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; } .dm-b time { align-self: flex-end; font-size: 11px; margin-top: 2px; opacity: .65; } .dm-b--in { align-self: flex-start; background: #FFFFFF; color: #171C1E; border-bottom-left-radius: 6px; box-shadow: 0 1px 2px rgba(23,28,30,.08); } .dm-b--out { align-self: flex-end; background: #2A3539; color: #fff; border-bottom-right-radius: 6px; } .dm-b.is-new { animation: dm-in .22s cubic-bezier(.23,1,.32,1); } @keyframes dm-in { from { opacity: 0; transform: translateY(6px) scale(.98); } } .dm-seen { align-self: flex-end; font-size: 11.5px; color: #8B9A99; margin-top: -2px; } .dm-compose { position: sticky; bottom: 0; display: flex; align-items: flex-end; gap: 8px; padding: 10px 0 12px; background: linear-gradient(to top, #F1F4F1 70%, rgba(244,246,248,0)); z-index: 5; } .dm-compose textarea { flex: 1; min-height: 46px !important; max-height: 140px; resize: none; border-radius: 23px !important; border: 1.5px solid #E1E7E3 !important; background: #fff !important; padding: 12px 18px !important; font-size: 16px !important; line-height: 1.35; box-shadow: none !important; } .dm-compose textarea:focus { border-color: #2A3539 !important; outline: 0; } .dm-compose button { width: 46px; height: 46px; flex: none; border-radius: 50%; border: 0; background: #2A3539; color: #fff; display: grid; place-items: center; cursor: pointer; transition: transform .16s cubic-bezier(.23,1,.32,1), opacity .15s; } .dm-compose button:active { transform: scale(.94); } .dm-compose button:disabled { opacity: .5; } .dm-err { color: #c8503a; font-size: 13px; margin: 0 0 8px; } @media (max-width: 767px) { body.dm-chat-page .dm-compose { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); } body.dm-chat-page .da-tabs { display: none !important; } body.dm-chat-page .dm-compose { bottom: env(safe-area-inset-bottom, 0px); } } @media (min-width: 1024px) { .dm-list, .dm-chat { max-width: 760px; } } @media (prefers-reduced-motion: reduce) { .dm-b.is-new { animation: none; } } /* ===== Trenerio kelias ===== */ .dtk-intro { background: #2A3539; color: #fff; border-radius: 24px; padding: 22px; margin: 0 0 22px; } .dtk-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .8; margin-bottom: 6px; } .dtk-intro h2 { color: #fff; font-size: 22px; line-height: 1.2; margin: 0 0 12px; } .dtk-steps { margin: 0 0 16px; padding-left: 20px; font-size: 14.5px; line-height: 1.6; } .dtk-steps b { font-weight: 700; } .dtk-btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 22px; border-radius: 16px; background: #fff; color: #171C1E !important; font-weight: 700; text-decoration: none !important; width: 100%; } .dtk-note { margin: 10px 0 0; font-size: 13px; opacity: .85; text-align: center; } .dtk-cat { margin: 4px 0 0; } .dtk-search { display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 16px; border-radius: 16px; background: #fff; border: 1.5px solid #E1E7E3; margin: 0 0 12px; color: #2A3539; } .dtk-search:focus-within { border-color: #2A3539; } .dtk-search input { flex: 1; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; padding: 0 !important; height: 100%; outline: 0; } .dtk-none { font-size: 13.5px; color: #5C6668; margin: 0 0 10px; } .dtk-areas { background: #FFFFFF; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(23,28,30,.06); } .dtk-area .dmm-sub a { color: #171C1E !important; } .dtk-area .dmm-sub a .da-ico { color: #8B9A99; } .dtk-done { background: #FFFFFF; border-radius: 24px; padding: 28px 22px; text-align: center; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.06); } .dtk-done__ico { width: 56px; height: 56px; border-radius: 50%; background: #E4E9E5; color: #2A3539; display: inline-grid; place-items: center; margin-bottom: 12px; } .dtk-done h2 { font-size: 22px; margin: 0 0 8px; } .dtk-done p { color: #5C6668; line-height: 1.5; margin: 0 0 18px; } .dtk-done__btns { display: flex; flex-direction: column; gap: 8px; } .dtk-done .dtk-btn { background: #2A3539; color: #fff !important; } .dtk-done .dtk-btn--soft { background: #E4E9E5; color: #171C1E !important; } @media (min-width: 768px) { .dtk-done__btns { flex-direction: row; justify-content: center; } .dtk-done .dtk-btn { width: auto; } .dtk-intro .dtk-btn { width: auto; } } /* Telefono laukas su šalies kodu – ikona nebeužlipa ant teksto */ .iti input[type="tel"], .iti input.hp-field--tel { padding-left: 92px !important; } .iti--allow-dropdown input[type="tel"] { padding-left: 92px !important; } body.da-app .iti input[type="tel"], body .hp-form .iti input[type="tel"] { padding-left: 92px !important; } /* Pokalbis: trenerio kontaktai klientui, pasidalinimas telefonu, rašymo laukas apačioje */ .dm-contact { background: #FFFFFF; border-radius: 18px; padding: 12px; margin: 0 0 12px; box-shadow: 0 1px 2px rgba(23,28,30,.06); } .dm-contact__btns { display: flex; gap: 8px; } .dm-cbtn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 14px; border: 0; background: #2A3539; color: #fff !important; font: inherit; font-size: 14.5px; font-weight: 700; text-decoration: none !important; cursor: pointer; transition: transform .16s cubic-bezier(.23,1,.32,1); } .dm-cbtn + .dm-cbtn { background: #E4E9E5; color: #171C1E !important; } .dm-cbtn:active { transform: scale(.97); } .dm-cbtn.is-revealed { background: #171C1E; } .dm-contact__note { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin: 10px 2px 0; font-size: 13px; color: #5C6668; line-height: 1.4; } .dm-share { border: 0; background: none; padding: 0; color: #2A3539; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; } .dm-sharebox { display: flex; gap: 8px; margin-top: 10px; } .dm-sharebox[hidden] { display: none; } .dm-sharebox input { flex: 1; height: 44px; border-radius: 12px !important; border: 1.5px solid #E1E7E3 !important; padding: 0 12px !important; font-size: 16px !important; } .dm-sharebox button { height: 44px; padding: 0 14px; border-radius: 12px; border: 0; background: #2A3539; color: #fff; font-weight: 700; font-size: 14px; } @media (max-width: 767px) { body.dm-chat-page .dm-chat { min-height: calc(100dvh - 60px - env(safe-area-inset-top, 0px) - 32px); } } /* Kliento kelias: paieška be dublių, tuščios būsenos CTA, vedlio Google žingsnis */ body:has(.domus-empty) .hp-no-results { display: none !important; } body.search .domus-l1grid { display: none !important; } .domus-empty { background: #FFFFFF; border-radius: 22px; padding: 24px 20px; text-align: center; box-shadow: 0 1px 2px rgba(23,28,30,.06), 0 8px 24px rgba(23,28,30,.06); margin: 0 0 20px; } .domus-empty .button--primary { background: #2A3539 !important; border-radius: 16px !important; min-height: 52px; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; font-weight: 700; } .da-sug__empty { text-align: left; padding: 18px 0 8px; } .da-sug__empty p { margin: 0 0 12px; color: #5C6668; font-size: 14.5px; line-height: 1.45; } .da-sug__cta { display: flex !important; align-items: center; justify-content: center; min-height: 52px !important; border-radius: 16px; background: #2A3539; color: #fff !important; font-weight: 700; border: 0 !important; padding: 0 16px !important; } .domus-gr__google { background: #FFFFFF; border: 1.5px solid #E4E9E5; border-radius: 20px; padding: 18px; margin: 0 0 14px; } .domus-gr__google b { display: block; font-size: 17px; margin-bottom: 6px; color: #171C1E; } .domus-gr__google p { margin: 0 0 14px; color: #5C6668; font-size: 14.5px; line-height: 1.45; } .domus-gr__gbtn { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; border-radius: 16px !important; background: #171C1E !important; color: #fff !important; text-decoration: none !important; font-weight: 700; } .domus-gr__google small { display: block; margin-top: 10px; font-size: 12.5px; color: #8B9A99; } form.domus-gr[data-guest] [data-gr-step="2"].is-active ~ .domus-gr__nav [data-gr-next] { display: none; } /* ========================================================================= STAYFIT – VIENA DIZAINO SISTEMA „Judesys 2.0“ (perrašo ExpertHive, HivePress ir senąjį mobilų sluoksnį) Tokenai --sf-* – bendri visiems agentams (BENDRA.md 7). Senieji --m-* / --da-* nukreipti į tą pačią paletę. --sf-muted patamsintas iki #67706F (AA kontrastas smulkiam tekstui ant balto ir sage-50). ========================================================================= */ :root { --sf-sage-900: #2A3539; --sf-sage-800: #3A4A50; --sf-sage-700: #556970; --sf-sage-500: #8B9A99; --sf-sage-300: #B9C4C0; --sf-sage-200: #D0D8D4; --sf-sage-100: #E4E9E5; --sf-sage-50: #F1F4F1; --sf-white: #FFFFFF; --sf-ink: #171C1E; --sf-ink-soft: #3F4A4E; --sf-muted: #67706F; --sf-line: rgba(23,28,30,.08); --sf-line-strong: rgba(23,28,30,.14); --sf-star: #E8A94B; --sf-radius: 24px; --sf-radius-sm: 14px; --sf-pill: 999px; --sf-font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; --sf-mono: "JetBrains Mono", ui-monospace, Menlo, monospace; --sf-hero: linear-gradient(118deg, #2E3B40 0%, #4A5D63 40%, #93A4A1 100%); --sf-shadow: 0 1px 2px rgba(0,0,0,.03), 0 8px 32px -16px rgba(0,0,0,.08); --sf-shadow-lg: 0 2px 6px rgba(0,0,0,.04), 0 24px 48px -24px rgba(23,28,30,.22); --sf-ease: cubic-bezier(.23,1,.32,1); --sf-focus: 0 0 0 3px rgba(85,105,112,.35); --sf-wrap: 1280px; --sf-gutter: max(16px, env(safe-area-inset-left, 0px)); } :root, body.da-app { --m-bg: var(--sf-sage-50); --m-card: #FFFFFF; --m-line: #E1E7E3; --m-ink: var(--sf-ink); --m-ink2: #5C6668; --m-ink3: var(--sf-muted); --m-brand: var(--sf-sage-900); --m-brand-d: var(--sf-ink); --m-brand-soft: var(--sf-sage-100); --m-warn: #fbe9c3; --m-danger: #c8503a; --r-btn: 999px; --r-input: 14px; --r-card: 24px; --r-chip: 999px; --sh-1: var(--sf-shadow); --m-font: var(--sf-font); /* senasis mobilus sluoksnis -> ta pati paletė */ --da-bg: var(--m-bg); --da-card: var(--m-card); --da-primary: var(--m-brand); --da-primary-600: var(--m-brand-d); --da-primary-50: var(--m-brand-soft); --da-primary-100: #D0D8D4; --da-text: var(--m-ink); --da-text-2: #3F4A4E; --da-muted: var(--m-ink2); --da-line: var(--m-line); } html body { background: var(--m-bg) !important; font-family: var(--m-font); color: var(--m-ink); } body a { color: var(--m-brand); } @media (hover: hover) { body a:hover { color: var(--m-brand-d); } } /* Vienas šriftas visiems savo komponentams */ .dsh, .dtv, .dm-chat, .dm-list, .dm-empty, .dmm, .ds, .doi, .dtk-intro, .dtk-done, .dtk-cat, .dat, .dstep, .dmm-search, .dm-compose textarea, .dsh-btn, .dtk-btn, .dm-cbtn, .da-app button, .da-app input, .da-app select, .da-app textarea { font-family: var(--m-font) !important; } /* Mygtukai */ body .button, body .hp-button, body .hp-form__button, body .wp-block-button__link, body button.button, body input[type="submit"], body .domus-card-cta, body .hp-form__footer .button { border-radius: var(--r-btn) !important; box-shadow: none !important; font-weight: 700; transition: background-color .15s, transform .16s cubic-bezier(.23,1,.32,1); } body .button:active, body .hp-form__button:active, body .wp-block-button__link:active { transform: scale(.98); } body .button--primary, body .button-primary, body .hp-form__button.button-primary, body .domus-card-cta, body .wp-block-button:not(.is-style-secondary) .wp-block-button__link:not(.has-background) { background-color: var(--m-brand) !important; border-color: var(--m-brand) !important; color: #fff !important; } @media (hover: hover) { body .button--primary:hover, body .button-primary:hover, body .hp-form__button.button-primary:hover, body .domus-card-cta:hover { background-color: var(--m-brand-d) !important; border-color: var(--m-brand-d) !important; } } body .button--secondary, body .is-style-secondary .wp-block-button__link, body .hp-listings__load-more, body .domus-category__more { background-color: var(--m-brand-soft) !important; border-color: transparent !important; color: var(--m-brand-d) !important; border-radius: var(--r-btn) !important; } body .has-luminous-vivid-amber-background-color { background-color: var(--m-brand) !important; } /* Formos */ body .hp-form input[type="text"], body .hp-form input[type="email"], body .hp-form input[type="tel"], body .hp-form input[type="url"], body .hp-form input[type="number"], body .hp-form input[type="password"], body .hp-form input[type="search"], body .hp-form select, body .hp-form textarea, body .domus-gr input[type="text"], body .domus-gr input[type="email"], body .domus-gr input[type="tel"], body .domus-gr select, body .domus-gr textarea, body .select2-container .select2-selection { border-radius: var(--r-input) !important; border: 1.5px solid var(--m-line) !important; background-color: #fff !important; box-shadow: none !important; } body .hp-form input:focus, body .hp-form select:focus, body .hp-form textarea:focus, body .domus-gr input:focus, body .domus-gr select:focus, body .domus-gr textarea:focus, body .select2-container--focus .select2-selection, body .select2-container--open .select2-selection { border-color: var(--m-brand) !important; box-shadow: 0 0 0 3px rgba(42,53,57,.18) !important; outline: 0 !important; } body .hp-form input[type="radio"], body .hp-form input[type="checkbox"] { accent-color: var(--m-brand); width: 20px; height: 20px; } /* Kortelės */ body .hp-listing--view-block, body .hp-request--view-block, body .hp-vendor--view-block, body .hp-review--view-block, body .domus-section, body .hp-widget, body .domus-empty, body .domus-path { border-radius: var(--r-card) !important; background-color: var(--m-card) !important; box-shadow: var(--sh-1) !important; border: 0 !important; } body .content-block { background-color: #E4E9E5 !important; border-radius: 26px !important; } body .hp-grid__item { display: flex; } body .hp-grid__item > .hp-listing, body .hp-grid__item > .hp-request, body .hp-grid__item > .hp-vendor { width: 100%; } body .hp-listing--view-block .hp-listing__content { flex: 1 1 auto; } body .hp-listing--view-block .hp-listing__footer { margin-top: auto; } /* Reitingas: be „juostos“, viena eilutė */ body .hp-rating__bar { display: none !important; } body .hp-rating__details { font-size: 13px; font-weight: 600; color: var(--m-ink); } body .hp-rating__value .fa-star, body .hp-rating__value i { color: #E8A94B; } body .hp-rating__count { color: var(--m-ink2); text-transform: none !important; font-size: 13px !important; } /* Meta be DIDŽIŲJŲ raidžių, ne mažiau 12–13 px */ body .hp-listing__details--primary, body .hp-listing__details--primary *, body .hp-vendor__details--primary, body .hp-vendor__details--primary *, body .hp-request__details--primary, body .hp-request__details--primary * { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; } body .hp-listing__details--primary a, body .hp-vendor__details--primary a { color: var(--m-ink2) !important; } /* Kontrastas: pilki tekstai */ body .domus-category__item--empty a, body .dmm-sub a.is-empty { color: var(--m-ink3) !important; } body .content-subtitle, body .domus-muted { color: var(--m-ink2) !important; } /* Paspaudimo plotai ≥44px (nekeičiant vaizdo) */ .da-chip, .da-link, .hp-listing__action, .hp-vendor__action, .da-iconbtn, .domus-chip, .da-tile, .dsh-link, .dm-share { position: relative; } .da-chip::after, .da-link::after, .hp-listing__action::after, .hp-vendor__action::after, .domus-chip::after, .dsh-link::after, .dm-share::after { content: ""; position: absolute; inset: -6px; } body .domus-card-cta, body .hp-form__button { min-height: 46px; } /* Paieškos lapas: ikonos neišsitempia, vienas fokuso rėmas */ .da-sug a > .da-sug__ico { flex: 0 0 36px !important; } .da-field input:focus, .da-field input:focus-visible { outline: 0 !important; box-shadow: none !important; } .da-field:focus-within { box-shadow: 0 0 0 3px rgba(42,53,57,.22); } /* Nuotraukos */ body .hp-listing--view-page .hp-listing__image img, body .da-hero__slide img { object-position: center 25%; } body .hp-vendor__images, body .domus-gallery { gap: 8px; } body .domus-gallery img, body .hp-vendor__images img { border-radius: 14px; } body .domus-ba:not(:has(img[src*="/uploads/"])) { display: none !important; } /* Kompiuterio vedlys kaip telefone */ @media (min-width: 768px) { body form.domus-gr fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0; } body form.domus-gr fieldset.is-active, body form.domus-gr:not(.is-wizard) fieldset { background: var(--m-card); border-radius: var(--r-card); padding: 24px !important; box-shadow: var(--sh-1); } body form.domus-gr legend { float: left; width: 100%; padding: 0 !important; margin: 0 0 16px !important; font-size: 22px; font-weight: 800; } body form.domus-gr legend + * { clear: both; } body .domus-gr__nav { display: flex; gap: 10px; margin-top: 16px; } body .domus-gr__nav .button { margin: 0 !important; min-height: 52px; flex: 1; } body .domus-gr__nav [data-gr-back] { flex: 0 0 160px; } body form.domus-gr { max-width: 720px; } } /* Prisijungimo puslapis */ body .hp-social-links a, body [class*="social-login"] a, body .hp-form a.hp-button { border-radius: var(--r-btn) !important; font-family: var(--m-font) !important; } /* Čipsai vietoj