@font-face {
font-family: "Archivo";
src: url("/fontai/archivo-latin-ext.woff2") format("woff2");
font-weight: 100 900;
font-stretch: 62% 125%;
font-display: swap;
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Archivo";
src: url("/fontai/archivo-latin.woff2") format("woff2");
font-weight: 100 900;
font-stretch: 62% 125%;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
:root {
color-scheme: light;
--sky: #b4d2e8;
--far: #6886a0;
--mid: #252932;
--ink: #16181c;
--snow: #ffffff;
--bone: #ece9e3;
--peach: #f0c9a8;
--grape: #c6b4de;
--linija: rgb(22 24 28 / 0.28);
--fam: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
--pad: clamp(22px, 6vw, 56px);
--w: 1240px;
--kalnai: clamp(70px, 9.5vw, 160px);
--galva: 57px;
--juosta-h: 47px;
--krastas: clamp(6px, 0.55vw, 10px);
--naujiena: 34px;
}
[data-skonis="peach"] {
--sky: var(--peach);
}
[data-skonis="grape"] {
--sky: var(--grape);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
touch-action: manipulation;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
margin: 0;
background: var(--bone);
color: var(--ink);
border-bottom: 1px solid var(--linija);
font-family: var(--fam);
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
font-variant-numeric: tabular-nums;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
}
p {
margin: 0;
}
h1,
h2 {
margin: 0;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.08;
}
h1 {
font-size: clamp(40px, min(8vw, 9.5vh), 76px);
font-variation-settings:
"wdth" 125,
"wght" 800;
letter-spacing: -0.02em;
line-height: 0.94;
}
h2 {
font-size: clamp(28px, 4.4vw, 48px);
font-variation-settings:
"wdth" 118,
"wght" 800;
letter-spacing: -0.02em;
line-height: 1;
}
.lankas {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
line-height: 1.4;
}
.sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.in {
max-width: var(--w);
margin-inline: auto;
padding-inline: var(--pad);
}
.zenklas {
display: block;
width: max-content;
text-decoration: none;
color: inherit;
line-height: 0.78;
}
.zenklas b {
display: block;
width: max-content;
font-size: 34px;
font-weight: 900;
letter-spacing: -0.05em;
}
.zenklas__prierasas {
display: block;
width: 0;
min-width: 100%;
margin-top: 6px;
overflow: visible;
}
.zenklas__prierasas text {
font-family: Archivo, system-ui, sans-serif;
font-size: 9.6px;
font-weight: 600;
fill: currentColor;
}
.progresas {
--eiga: 0%;
position: absolute;
inset: auto 0 -1px 0;
height: 2px;
pointer-events: none;
}
.progresas__nueita {
display: block;
height: 100%;
width: var(--eiga);
background: var(--ink);
}
.siena {
background: var(--ink);
color: var(--snow);
}
.siena__in {
display: grid;
gap: 8px;
padding-block: clamp(24px, 3.4vw, 40px);
}
.siena__in p {
margin: 0;
}
.siena__zyme {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--far);
}
.siena__tekstas {
max-width: 46ch;
text-wrap: balance;
font-size: clamp(17px, 1.7vw, 22px);
font-weight: 500;
line-height: 1.35;
}
.siena__laikas {
font-size: 13px;
color: var(--far);
font-variant-numeric: tabular-nums;
}
.siena__laikas:empty {
display: none;
}
.naujiena {
background: var(--ink);
color: var(--snow);
}
.naujiena p {
display: flex;
align-items: center;
justify-content: center;
min-height: var(--naujiena);
margin-block: 0;
margin-inline: auto;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
text-align: center;
}
.galva-juosta {
position: sticky;
top: 0;
isolation: isolate;
z-index: 40;
background: var(--bone);
border-bottom: 1px solid var(--linija);
}
.galva {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-block: 12px;
}
.meniu {
display: flex;
gap: 18px;
overflow-x: auto;
scrollbar-width: none;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
order: 3;
width: 100%;
margin-top: 10px;
padding-bottom: 2px;
}
.meniu::-webkit-scrollbar {
display: none;
}
.meniu a {
white-space: nowrap;
padding-bottom: 3px;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-color 0.18s ease;
}
.meniu a:nth-child(1):hover {
border-bottom-color: var(--ink);
}
.meniu a:nth-child(2):hover {
border-bottom-color: var(--peach);
}
.meniu a:nth-child(3):hover {
border-bottom-color: var(--grape);
}
.meniu a:nth-child(4):hover {
border-bottom-color: var(--far);
}
.galva {
flex-wrap: wrap;
}
.krepselis {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: var(--ink);
color: var(--snow);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
text-decoration: none;
border: 1px solid var(--ink);
transition:
background-color 0.18s ease,
color 0.18s ease;
}
.krepselis svg {
width: 15px;
height: 15px;
flex: none;
}
.krepselis:hover {
background: var(--grape);
color: var(--ink);
border-color: var(--ink);
}
.inkaras {
margin-top: 14px;
font-size: 14px;
color: var(--ink);
}
.inkaras b {
font-weight: 700;
}
.lustai {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 14px;
}
.lustas {
flex: none;
}
.lustas {
display: inline-flex;
align-items: baseline;
gap: 6px;
font-family: inherit;
background: none;
cursor: default;
padding: 6px 9px;
border: 1px solid var(--linija);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
color: var(--ink);
transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
.lustas em {
font-style: normal;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
opacity: 0.85;
}
.lustas--mint {
background: var(--ink);
border-color: var(--ink);
color: var(--snow);
}
.lustas--peach {
background: var(--peach);
}
.lustas--grape {
background: var(--grape);
}
.lustas:hover,
.lustas:focus-visible {
border-color: var(--ink);
}
.lustas:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 3px;
}
.lustas--rodomas,
.lustas[aria-pressed="true"] {
border-color: var(--ink);
}
.zenklas.zenklas--porastė b {
font-size: 30px;
}
.porastė .zenklas {
color: var(--snow);
}
.hero {
position: relative;
background: var(--sky);
transition: background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1);
overflow: clip;
padding-top: clamp(16px, 2.5vw, 28px);
min-height: calc(
var(--ekr-s, 100svh) - var(--naujiena) - var(--galva) - 2px - var(--juosta-h)
);
padding-bottom: 0;
}
.hero__h1 {
margin-top: clamp(14px, 3vw, 32px);
max-width: none;
text-wrap: balance;
}
.hero__faktai {
margin: 12px 0 0;
color: var(--ink);
font-size: 14.5px;
font-weight: 600;
line-height: 1.45;
}
.hero__faktai b {
font-weight: 800;
white-space: nowrap;
}
.hero__faktai > span:not(.hero__faktai-cukrus) {
opacity: 0.5;
}
@media (max-width: 779px) {
.hero__faktai {
margin-top: 10px;
font-size: 14px;
}
.hero__faktai-cukrus {
display: none;
}
}
.hero__sub {
margin-top: 14px;
max-width: 62ch;
font-weight: 400;
}
.hero__veiksmas {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 24px;
margin-top: 20px;
}
.mygtukas {
display: inline-flex;
align-items: center;
padding: 15px 28px;
border: 1px solid var(--ink);
background: var(--ink);
color: var(--snow);
font: inherit;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition:
background-color 0.18s ease,
color 0.18s ease;
}
.mygtukas:hover {
background: var(--peach);
color: var(--ink);
}
.mygtukas__rodykle {
width: 22px;
height: 11px;
flex: none;
transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.mygtukas:hover .mygtukas__rodykle {
transform: translateX(5px);
}
.mygtukas:active {
transform: translateY(1px);
}
.mygtukas:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 3px;
}
.duk__vnt summary {
transition: color 0.18s ease;
}
.duk__vnt summary:hover {
color: var(--mid);
}
.porastė a {
transition: border-color 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
animation: none !important;
}
}
.toliau {
display: none;
}
.netinka {
font-size: 13px;
max-width: 34ch;
}
.hero__foto {
margin: 14px calc(var(--pad) * -1) 0;
}
.hero__foto img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 62% 70%;
}
.aciu {
padding-block: clamp(32px, 6vw, 64px) clamp(36px, 6vw, 64px);
}
.aciu .hero__h1 {
max-width: 16ch;
}
.hero.hero--doc {
min-height: 0;
}
.galva__veiksmai {
display: flex;
align-items: center;
gap: clamp(14px, 2vw, 24px);
}
.galva__nuoroda {
padding-block: 12px;
font-size: 14px;
font-weight: 600;
color: var(--ink);
text-decoration: none;
}
.galva__nuoroda:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 379px) {
.galva:has(> .galva__veiksmai) {
flex-wrap: nowrap;
gap: 12px;
}
.galva__veiksmai {
gap: 12px;
}
.galva__nuoroda {
font-size: 13px;
}
.galva__veiksmai .krepselis {
padding-inline: 12px;
letter-spacing: 0.16em;
}
.aciu .hero__h1 {
font-size: 34px;
}
}
.blokas__turinys.teisinis .tekstas {
font-size: 16px;
}
.blokas__turinys.teisinis h3 {
font-size: 18px;
}
.porastė .porastė__sarasas {
gap: 0 22px;
}
.porastė .porastė__sarasas a {
display: inline-block;
padding-block: 13px;
}
.teisinis .tekstas {
max-width: 34em;
}
@media (min-width: 780px) {
.hero.hero--doc > .in {
display: block;
}
}
@media (min-width: 780px) and (max-aspect-ratio: 5/6) {
html .hero:not(.hero--doc) {
min-height: clamp(560px, 72vw, 780px);
}
}
.aciu__zyme {
margin-bottom: 18px;
color: var(--ink);
}
.aciu .hero__sub {
max-width: 46ch;
}
.zenklas--porastė {
color: var(--snow);
}
.teisinis h3 {
margin-top: 34px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.01em;
}
.teisinis h3:first-child {
margin-top: 0;
}
.teisinis .tekstas {
margin-top: 10px;
}
.teisinis a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.kalnas {
display: block;
width: 100%;
height: var(--kalnai);
background: transparent;
transition: background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.kalnas__tolimas {
fill: var(--far);
}
.kalnas__vidurinis {
fill: var(--mid);
}
.kalnas__priekinis {
fill: var(--ink);
}
.kalnas__snow {
fill: var(--snow);
}
.juosta {
background: var(--bone);
color: var(--ink);
border-bottom: 1px solid var(--linija);
overflow: hidden;
}
.juosta__in {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 18px;
min-height: var(--juosta-h);
padding-block: 12px;
}
.juosta__skyriklis {
color: rgb(22 24 28 / 0.4);
}
.dalis {
padding-block: clamp(44px, 6.5vw, 76px);
scroll-margin-top: 84px;
}
.platus {
scroll-margin-top: 96px;
}
.dalis--bone {
background: var(--bone);
}
.dalis--sky {
background: var(--sky);
transition: background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.dalis--peach {
background: var(--peach);
}
.dalis--grape {
background: var(--grape);
}
.dalis--bone + .dalis--bone {
border-top: 1px solid var(--linija);
}
.foto-juosta {
margin: 0;
}
.foto-juosta img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 50% 48%;
}
.blokas__nr {
color: var(--mid);
}
.blokas__turinys {
max-width: 860px;
}
@media (min-width: 1280px) {
.blokas__turinys {
max-width: none;
}
}
.blokas__turinys > * + * {
margin-block-start: 24px;
}
.ivadas {
max-width: 62ch;
font-size: 18px;
line-height: 1.6;
}
.tekstas {
max-width: 62ch;
font-size: 15px;
color: var(--mid);
}
.duom {
border-top: 1px solid var(--ink);
}
.dalis--peach .duom__eil,
.dalis--grape .duom__eil,
.dalis--sky .duom__eil,
.dalis--peach .isnasos,
.dalis--grape .isnasos,
.dalis--sky .isnasos,
.dalis--peach .duk__vnt,
.dalis--grape .duk__vnt,
.dalis--sky .duk__vnt {
border-bottom-color: var(--linija);
border-top-color: var(--linija);
}
.dalis--peach .blokas__nr,
.dalis--grape .blokas__nr,
.dalis--sky .blokas__nr,
.dalis--peach .duom__k,
.dalis--grape .duom__k,
.dalis--sky .duom__k,
.dalis--peach .tekstas,
.dalis--grape .tekstas,
.dalis--sky .tekstas,
.dalis--peach .isnasos,
.dalis--grape .isnasos,
.dalis--sky .isnasos,
.dalis--peach .duom__vnt,
.dalis--grape .duom__vnt,
.dalis--sky .duom__vnt {
color: var(--ink);
}
.duom__eil {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
padding-block: 16px;
border-bottom: 1px solid var(--linija);
}
.duom__eil > * {
min-width: 0;
}
.duom__k {
margin: 0;
font-size: 15px;
color: var(--mid);
}
.duom__r {
margin: 0;
flex: none;
font-size: 15px;
font-weight: 700;
text-align: right;
}
.duom__eil--pora .duom__r {
font-size: 26px;
font-weight: 900;
font-variation-settings:
"wdth" 118,
"wght" 900;
letter-spacing: -0.05em;
}
.duom__vnt {
margin-left: 0.2em;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--mid);
}
.lankas-diagrama {
width: clamp(168px, 46vw, 210px);
aspect-ratio: 1;
margin-inline: auto;
color: var(--ink);
}
.diagrama__vnt {
fill: var(--mid);
}
.isnasos {
padding-top: 14px;
border-top: 1px solid var(--linija);
max-width: 62ch;
font-size: 13px;
color: var(--mid);
}
.isnasos p + p {
margin-top: 7px;
}
.isnasos sup {
font-weight: 700;
margin-right: 4px;
}
.kainos {
padding: 0;
list-style: none;
border-top: 1px solid var(--ink);
}
.kainos li {
display: block;
}
a.kaina {
text-decoration: none;
color: inherit;
}
a.kaina--zymeta,
a.kaina--zymeta:hover {
color: var(--snow);
}
a.kaina:focus-visible {
outline: 2px solid var(--ink);
outline-offset: -2px;
}
.kaina {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"zyme zyme"
"kiekis vnt"
"laikas viso";
align-items: baseline;
gap: 2px 16px;
padding: 16px 0;
border-bottom: 1px solid var(--linija);
transition: background-color 0.2s ease;
}
.kaina__zyme {
grid-area: zyme;
margin-bottom: 6px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.kaina__kiekis {
grid-area: kiekis;
font-size: 18px;
font-weight: 700;
}
.kaina__vnt {
grid-area: vnt;
text-align: right;
font-size: 26px;
font-weight: 900;
font-variation-settings:
"wdth" 118,
"wght" 900;
letter-spacing: -0.05em;
}
.kaina__vnt span {
margin-left: 0.25em;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.kaina__viso {
grid-area: viso;
text-align: right;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.02em;
}
.kaina__laikas {
grid-area: laikas;
font-size: 13px;
}
.kaina--zymeta {
margin-inline: calc(-1 * clamp(16px, 3vw, 24px));
padding-inline: clamp(16px, 3vw, 24px);
background: var(--ink);
color: var(--snow);
border-bottom-color: var(--ink);
}
.lyginam {
width: 100%;
border-collapse: collapse;
font-size: 15px;
}
.lyginam th,
.lyginam td {
padding: 16px 10px;
text-align: right;
border-bottom: 1px solid var(--linija);
}
.lyginam thead th {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
border-bottom-color: var(--ink);
}
.lyginam tbody th {
text-align: left;
font-weight: 400;
padding-left: 0;
}
.lyginam tbody td:first-of-type {
font-weight: 700;
}
.lyginam td:last-child {
padding-right: 0;
}
.platus {
margin-block-start: 24px;
border-top: 1px solid var(--ink);
border-bottom: 1px solid var(--linija);
}
.platus summary {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
padding-block: 16px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.01em;
cursor: pointer;
list-style: none;
transition: color 0.18s ease;
}
.platus summary:hover {
color: var(--mid);
}
.platus summary::-webkit-details-marker {
display: none;
}
.platus summary::after {
content: "+";
flex: none;
font-weight: 600;
color: var(--mid);
}
.platus[open] summary::after {
content: "–";
}
.platus__turinys {
padding-bottom: 24px;
}
.platus__turinys > * + * {
margin-top: 24px;
}
.duk {
border-top: 1px solid var(--ink);
}
.duk__vnt {
border-bottom: 1px solid var(--linija);
}
.duk__vnt summary {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
padding-block: 16px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.01em;
cursor: pointer;
list-style: none;
}
.duk__vnt summary::-webkit-details-marker {
display: none;
}
.duk__vnt summary::after {
content: "+";
flex: none;
font-weight: 600;
color: var(--far);
}
.duk__vnt[open] summary::after {
content: "–";
}
.duk__vnt .tekstas {
padding-bottom: 18px;
}
.pirkti {
position: fixed;
inset: auto 0 0 0;
z-index: 30;
background: var(--bone);
border-top: 1px solid var(--ink);
animation: pirkti-kyla 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes pirkti-kyla {
from {
transform: translateY(100%);
}
to {
transform: none;
}
}
.pirkti__in {
max-width: var(--w);
margin-inline: auto;
padding: 10px var(--pad);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.pirkti__kaina {
font-size: 13px;
min-width: 0;
margin: 0;
}
.pirkti__kiekiai {
display: flex;
gap: 6px;
flex: none;
}
.kiekis {
min-width: 40px;
padding: 9px 8px;
border: 1px solid var(--linija);
background: none;
color: var(--ink);
font-family: inherit;
font-size: 13px;
font-weight: 700;
font-variant-numeric: tabular-nums;
line-height: 1;
cursor: pointer;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease;
}
.kiekis:hover {
border-color: var(--ink);
}
.kiekis[aria-pressed="true"] {
background: var(--ink);
border-color: var(--ink);
color: var(--snow);
}
.kiekis:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 2px;
}
.pirkti__kaina b {
font-size: 19px;
font-weight: 900;
letter-spacing: -0.04em;
}
.pirkti__kaina span {
display: block;
}
.mygtukas--maza {
padding: 11px 18px;
font-size: 11px;
}
@media (max-width: 779px) {
.pirkti__in {
flex-wrap: wrap;
gap: 8px;
padding-block: 8px;
}
.pirkti__kaina {
flex: 1 1 100%;
display: flex;
align-items: baseline;
gap: 8px;
font-size: 12px;
line-height: 1.3;
}
.pirkti__kaina b {
flex: none;
font-size: 17px;
}
.pirkti__kaina span {
min-width: 0;
}
.pirkti__kiekiai {
flex: 1 1 auto;
min-width: 0;
}
.kiekis {
flex: 1 1 0;
min-width: 0;
padding-inline: 4px;
}
.pirkti .mygtukas--maza {
flex: none;
padding: 11px 14px;
letter-spacing: 0.14em;
}
}
.porastė {
background: var(--ink);
color: var(--snow);
padding-block: clamp(44px, 9vw, 72px) 112px;
}
.porastė a {
color: var(--snow);
text-decoration: none;
border-bottom: 1px solid var(--far);
}
.porastė a:hover {
border-bottom-color: var(--snow);
}
.porastė .zenklas {
border-bottom: 0;
}
.porastė__sarasas {
margin: 24px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px 22px;
font-size: 15px;
}
.porastė__teise {
margin-top: 30px;
padding-top: 18px;
border-top: 1px solid var(--far);
max-width: 62ch;
font-size: 13px;
}
@media (prefers-reduced-motion: no-preference) {
.kyla {
animation: kyla 0.7s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.kyla--2 {
animation-delay: 0.08s;
}
.kyla--3 {
animation-delay: 0.16s;
}
@keyframes kyla {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: none;
}
}
}
.sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
h2.lankas {
font-size: 11px;
font-weight: 600;
font-variation-settings: normal;
letter-spacing: 0.24em;
line-height: 1.4;
}
.skaiciai {
text-align: center;
}
.skaiciai__zyme {
color: var(--mid);
}
.skaiciai__eile {
display: grid;
justify-items: center;
gap: 18px;
margin-top: 18px;
}
.skaicius .duom__r {
font-size: clamp(64px, 16vw, 188px);
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.05em;
line-height: 0.9;
text-align: center;
}
.skaicius .duom__vnt {
margin-left: 0.12em;
font-size: clamp(14px, 1.6vw, 22px);
letter-spacing: 0.12em;
color: var(--ink);
}
.skaicius__k {
margin-top: 10px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.skaiciai .lankas-diagrama {
width: clamp(120px, 34vw, 190px);
}
.skaiciai__apacia {
margin-top: 28px;
font-size: 14px;
color: var(--mid);
}
.skaiciai__apacia a {
color: var(--ink);
}
.siena__in {
gap: 18px;
}
.siena__valanda {
font-size: clamp(72px, 18vw, 220px);
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.05em;
line-height: 0.85;
font-variant-numeric: tabular-nums;
color: var(--snow);
}
.siena__tekstai {
display: grid;
gap: 8px;
}
.naudojimas {
background: var(--bone);
scroll-margin-top: 84px;
}
@media (max-width: 779px) {
:root .dalis,
:root .naudojimas,
:root #kaina {
scroll-margin-top: 66px;
}
:root #sudetis {
scroll-margin-top: 74px;
}
}
.naudojimas__foto {
margin: 0;
}
.naudojimas__foto img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 50% 62%;
}
.naudojimas__tekstas {
padding: clamp(36px, 6vw, 72px) var(--pad);
}
.naudojimas__tekstas h2 {
margin-top: 10px;
}
.zingsniai {
display: grid;
gap: 22px;
margin: 30px 0 0;
padding: 0;
list-style: none;
counter-reset: zingsnis;
}
.zingsniai li {
counter-increment: zingsnis;
display: grid;
grid-template-columns: 1.1em minmax(0, 1fr);
gap: 18px;
align-items: start;
font-size: 18px;
line-height: 1.45;
}
.zingsniai li::before {
content: counter(zingsnis);
font-size: 44px;
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.04em;
line-height: 0.8;
}
.zingsniai b {
font-weight: 700;
}
.zingsniai li > span {
min-width: 0;
}
.zymos {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.zymos li {
padding: 8px 12px;
border: 1px solid var(--ink);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.naudojimas__pastaba {
margin-top: 18px;
font-size: 13px;
color: var(--mid);
}
.naudojimas .hero__veiksmas {
margin-top: 28px;
}
.pirkimas__h {
max-width: none;
margin-top: 10px;
font-size: clamp(32px, 5.4vw, 76px);
line-height: 0.98;
}
.pirkimas .kainos {
margin-top: 34px;
}
.kaina__rinktis {
display: none;
}
.pirkimas__veiksmas {
margin-top: 28px;
}
.palyginimas {
display: grid;
margin-top: 48px;
border: 1px solid var(--ink);
}
.palyginimas__puse {
display: grid;
gap: 6px;
padding: 24px;
}
.palyginimas__puse + .palyginimas__puse {
border-top: 1px solid var(--ink);
}
.palyginimas__puse--pyk {
background: var(--ink);
color: var(--snow);
}
.palyginimas__skaicius {
margin-top: 6px;
font-size: clamp(34px, 4.4vw, 60px);
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.04em;
line-height: 0.95;
white-space: nowrap;
}
.palyginimas__k {
font-size: 14px;
}
.pirkimas .isnasos {
margin-top: 20px;
}
.kelias {
background: var(--ink);
color: var(--snow);
}
.kelias h2.lankas {
color: var(--far);
}
.kelias__antraste {
max-width: 24ch;
margin: 20px 0 0;
font-size: clamp(30px, 3.6vw, 48px);
font-weight: 800;
font-variation-settings:
"wdth" 118,
"wght" 800;
line-height: 1.05;
letter-spacing: -0.02em;
}
.kelias__eile {
display: grid;
gap: 32px 28px;
margin: 44px 0 0;
padding: 0;
list-style: none;
counter-reset: kelias;
}
.kelias__zingsnis {
counter-increment: kelias;
border-top: 1px solid rgb(255 255 255 / 0.22);
padding-top: 16px;
}
.kelias__zingsnis::before {
content: counter(kelias);
display: block;
margin-bottom: 10px;
font-size: 44px;
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.04em;
line-height: 0.8;
color: var(--sky);
}
.kelias__h {
margin: 0;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.01em;
}
.kelias__t {
margin: 0;
font-size: clamp(17px, 1.3vw, 21px);
line-height: 1.5;
color: var(--bone);
}
@media (min-width: 780px) {
.kelias__eile {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kelias__eile--trys {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.kelias__veiksmas {
margin-top: 40px;
}
.mygtukas--sviesus {
border-color: var(--snow);
background: var(--snow);
color: var(--ink);
}
.mygtukas--sviesus:hover {
background: var(--peach);
border-color: var(--peach);
color: var(--ink);
}
.kelias__veiksmas .mygtukas {
padding: 18px 34px;
font-size: 15px;
}
.kelias .zymos li {
color: var(--ink);
}
.kelias .tekstas {
color: var(--bone);
}
.kelias .platus__turinys .tekstas {
max-width: none;
}
.platus--tamsus summary::after {
color: var(--far);
transition: color 0.18s ease;
}
.platus--tamsus summary:hover,
.platus--tamsus summary:hover::after {
color: var(--peach);
}
.platus--tamsus {
margin-block-start: 44px;
border-top-color: rgb(255 255 255 / 0.5);
border-bottom-color: rgb(255 255 255 / 0.22);
}
.mes {
background: var(--ink);
color: var(--snow);
}
.mes h2.lankas {
color: var(--far);
}
.mes__istorija {
max-width: 32ch;
margin: 20px 0 0;
font-size: clamp(22px, 3.1vw, 42px);
font-weight: 600;
line-height: 1.22;
letter-spacing: -0.01em;
}
.mes__zmones {
display: grid;
gap: 18px;
margin: 44px 0 0;
padding: 24px 0 0;
list-style: none;
border-top: 1px solid var(--mid);
}
.mes__zmones li {
display: grid;
gap: 4px;
}
.mes__zmones b {
font-size: 18px;
font-weight: 700;
}
.mes__zmones span {
font-size: 13px;
color: var(--far);
}
.duk-dalis__kaire h2 {
margin-top: 10px;
}
.duk-dalis .duk {
margin-top: 28px;
}
.duk__turinys {
display: grid;
gap: 18px;
padding-bottom: 22px;
}
.duk__turinys .tekstas {
padding-bottom: 0;
}
#sudetis {
scroll-margin-top: 96px;
}
.pabaiga {
background: var(--sky);
overflow: clip;
}
.pabaiga__in {
display: grid;
gap: 10px;
padding-top: clamp(48px, 8vw, 96px);
}
.pabaiga__tekstas h2 {
max-width: 16ch;
margin-top: 10px;
font-size: clamp(34px, 4.4vw, 64px);
font-variation-settings:
"wdth" 125,
"wght" 800;
line-height: 0.94;
}
.pabaiga__kaina {
margin-top: 20px;
font-size: 16px;
}
.pabaiga__kaina b {
font-size: 22px;
font-weight: 900;
}
.pabaiga .hero__veiksmas {
margin-top: 26px;
}
.pabaiga__foto {
display: block;
width: min(100%, 560px);
height: auto;
margin: 12px auto 0;
}
.naudojimas__riba {
max-width: 46ch;
margin-top: 26px;
font-size: 15px;
line-height: 1.5;
}
.naudojimas__riba b {
font-weight: 700;
}
.klausimai {
margin: 22px 0 0;
border-top: 1px solid var(--ink);
}
.klausimai > div {
display: grid;
grid-template-columns: minmax(0, 9em) minmax(0, 1fr);
gap: 16px;
padding-block: 14px;
border-bottom: 1px solid var(--linija);
}
.klausimai dt {
font-size: 15px;
font-weight: 700;
}
.klausimai dd {
margin: 0;
font-size: 15px;
line-height: 1.45;
}
.naudojimas .platus {
margin-top: 22px;
}
.naudojimas .platus .duom {
margin-top: 4px;
}
.kada h2 {
max-width: 20ch;
margin-top: 10px;
}
.kada__eile {
display: grid;
gap: 14px;
margin: 34px 0 0;
padding: 0;
list-style: none;
}
.kada__kortele {
display: grid;
align-content: start;
gap: 10px;
min-width: 0;
padding: 26px 24px 28px;
border: 1px solid var(--ink);
}
.kada__kortele--pagrindine {
background: var(--ink);
color: var(--snow);
}
.kada__kortele p,
.kada__kortele h3 {
margin: 0;
}
.kada__zodis {
font-size: clamp(30px, 2.6vw, 44px);
font-weight: 900;
font-variation-settings:
"wdth" 100,
"wght" 900;
overflow-wrap: break-word;
letter-spacing: -0.04em;
line-height: 0.95;
}
.kada__kortele h3 {
margin-top: 8px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.kada__kortele p:not(.kada__zodis) {
font-size: 16px;
line-height: 1.45;
}
.pirkimas__imonei {
margin-top: 18px;
font-size: 15px;
}
.pirkimas__imonei b {
font-weight: 700;
}
.pirkimo-blokas {
display: grid;
gap: 16px;
margin-top: 26px;
}
.pirkimo-blokas__kaina {
margin: 0;
font-size: 15px;
}
.pirkimo-blokas__kaina b {
display: block;
margin-bottom: 6px;
font-size: clamp(40px, 4.4vw, 64px);
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.04em;
line-height: 0.95;
}
.pirkimo-blokas__kiekiai {
display: flex;
gap: 6px;
}
.pirkimo-blokas .kiekis {
min-width: 52px;
padding: 13px 10px;
font-size: 15px;
}
.pirkimo-blokas .hero__veiksmas {
margin-top: 4px;
}
@media (min-width: 780px) {
.meniu {
gap: 26px;
order: 0;
width: auto;
margin-top: 0;
font-size: 13px;
}
:root {
--galva: 66px;
--juosta-h: 64px;
}
@media (max-height: 900px) {
:root {
--galva: 56px;
--juosta-h: 56px;
}
}
.galva {
align-items: center;
flex-wrap: nowrap;
height: var(--galva);
padding-block: 0;
}
.juosta__in {
min-height: var(--juosta-h);
padding-block: 0;
}
.hero {
display: flex;
}
.hero > .in {
display: flex;
flex: 1;
}
.toliau {
position: absolute;
left: calc(max(0px, (100% - var(--w)) / 2) + var(--pad));
bottom: clamp(14px, 3vh, 34px);
display: inline-flex;
align-items: center;
gap: 10px;
color: inherit;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
}
.toliau__linija {
display: block;
width: 28px;
height: 1px;
background: currentColor;
transition: width 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.toliau:hover .toliau__linija {
width: 46px;
}
.hero__tinklelis {
display: flex;
align-items: center;
flex: 1;
padding-right: 46%;
padding-block: clamp(20px, 4vh, 52px) clamp(16px, 3vh, 40px);
}
.hero__tinklelis > :first-child {
width: 100%;
padding-block: clamp(20px, 3vw, 40px);
}
.hero__tinklelis > * {
min-width: 0;
}
.hero__foto {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 46%;
margin: 0;
min-height: 0;
}
.hero__foto__laukas {
position: absolute;
inset: 0;
display: block;
}
.hero__foto__laukas img {
max-width: none;
width: 100%;
height: 100%;
aspect-ratio: auto;
object-fit: cover;
object-position: 76% 66%;
}
.juosta__skyriklis {
display: inline;
}
.juosta__in {
flex-wrap: nowrap;
}
.juosta__in > span {
white-space: nowrap;
}
@media (max-width: 1099px) {
.juosta__in > span:last-child,
.juosta__in > .juosta__skyriklis:nth-last-child(2) {
display: none;
}
}
.blokas {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
gap: 0 40px;
}
.blokas > * {
min-width: 0;
}
.foto-juosta img {
aspect-ratio: 2 / 1;
object-position: 50% 46%;
}
.kaina {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto auto;
grid-template-areas:
"zyme zyme zyme zyme"
"kiekis laikas viso vnt";
align-items: baseline;
gap: 0 24px;
padding-block: 18px;
}
.kaina__zyme {
position: static;
margin: 0 0 8px;
}
.kaina--zymeta {
padding-inline: 24px;
}
.kaina__laikas {
text-align: left;
}
.blokas__platus {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 240px);
gap: 48px;
align-items: start;
}
.blokas__platus > * {
min-width: 0;
}
@media (max-height: 900px) {
.hero {
padding-top: 10px;
}
.hero__tinklelis {
padding-block: 14px 10px;
}
h1 {
font-size: clamp(38px, min(7.5vw, 8.2vh), 68px);
}
.hero__h1 {
margin-top: 14px;
}
.hero__sub {
margin-top: 10px;
font-size: 15px;
max-width: 52ch;
}
.hero__veiksmas {
margin-top: 16px;
}
.lustai {
margin-top: 10px;
}
.netinka {
font-size: 12px;
}
.galva {
padding-block: 0;
}
.zenklas b {
font-size: 28px;
}
}
@media (max-height: 800px) {
.hero__tinklelis {
padding-block: 10px 8px;
}
.hero__tinklelis > :first-child {
padding-block: clamp(10px, 1.6vw, 22px);
}
}
@media (max-height: 740px) {
.hero__h1 {
margin-top: 8px;
}
.hero__sub {
margin-top: 8px;
font-size: 14px;
}
.hero__veiksmas {
margin-top: 12px;
}
.lustai {
margin-top: 8px;
}
.hero__tinklelis {
padding-block: 10px 6px;
}
h1 {
font-size: clamp(34px, min(7vw, 7.6vh), 58px);
}
}
}
@media (min-width: 1024px) {
.skaiciai__eile {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: clamp(24px, 4vw, 72px);
margin-top: 26px;
}
.skaiciai .lankas-diagrama {
width: clamp(150px, 13vw, 210px);
}
.siena__in {
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: clamp(32px, 5vw, 96px);
padding-block: clamp(44px, 5vw, 76px);
}
.naudojimas {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.naudojimas__foto {
position: relative;
min-height: 620px;
}
.naudojimas__foto img {
position: absolute;
inset: 0;
height: 100%;
aspect-ratio: auto;
}
.naudojimas__tekstas {
align-self: center;
padding-block: clamp(56px, 6vw, 104px);
padding-left: clamp(44px, 5vw, 96px);
padding-right: max(var(--pad), calc((100vw - var(--w)) / 2 + var(--pad)));
}
.kainos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
border-top: 0;
}
.kainos li {
display: flex;
}
.kaina {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-template-columns: none;
grid-template-areas: none;
gap: 6px;
margin: 0;
padding: 46px 22px 22px;
border: 1px solid var(--ink);
background: var(--bone);
transition:
transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.2s ease;
}
.kaina:hover {
transform: translateY(-4px);
}
.kaina--zymeta {
margin: 0;
padding-inline: 22px;
background: var(--ink);
color: var(--snow);
}
.kaina__zyme {
position: absolute;
top: 20px;
left: 22px;
margin: 0;
}
.kaina__kiekis {
font-size: 20px;
}
.kaina__vnt {
margin-top: 12px;
text-align: left;
font-size: clamp(42px, 3.8vw, 64px);
line-height: 0.95;
}
.kaina__vnt span {
display: block;
margin: 8px 0 0;
}
.kaina__viso {
margin-top: 14px;
text-align: left;
font-size: 18px;
}
.kaina__laikas {
font-size: 13px;
}
.kaina__rinktis {
display: inline-block;
margin-top: auto;
padding-top: 22px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.kaina__rinktis::after {
content: " \2192";
}
.palyginimas {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.palyginimas__puse {
padding: clamp(28px, 3vw, 48px);
}
.palyginimas__puse + .palyginimas__puse {
border-top: 0;
border-left: 1px solid var(--ink);
}
.mes__zmones {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
}
.duk-dalis__in {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
column-gap: clamp(40px, 6vw, 120px);
align-items: start;
}
.duk-dalis__kaire {
position: static;
}
.duk-dalis__kaire h2 {
font-size: clamp(40px, 4.6vw, 72px);
}
.duk-dalis .duk {
margin-top: 0;
}
.pabaiga__in {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
gap: clamp(32px, 5vw, 80px);
min-height: min(80vh, 780px);
padding-block: clamp(40px, 5vw, 72px);
}
.pabaiga__foto {
justify-self: end;
width: 100%;
max-width: 720px;
margin: 0;
}
}
@media (min-width: 1024px) {
.kada__eile {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kada__kortele {
min-height: 300px;
padding: 32px 30px 34px;
}
}
@media (min-width: 1024px) {
.naudojimas__tekstas {
padding-block: clamp(32px, 3.2vw, 56px);
}
.naudojimas__tekstas h2 {
font-size: clamp(30px, 2.8vw, 44px);
}
.naudojimas .zingsniai {
gap: 12px;
margin-top: 20px;
}
.naudojimas .zingsniai li {
gap: 14px;
font-size: 16px;
}
.naudojimas .zingsniai li::before {
font-size: 34px;
}
.naudojimas .naudojimas__riba {
margin-top: 18px;
}
.naudojimas .klausimai {
margin-top: 16px;
}
.naudojimas .klausimai > div {
padding-block: 10px;
}
.naudojimas .naudojimas__pastaba {
margin-top: 10px;
}
.naudojimas .platus {
margin-top: 16px;
}
.naudojimas .platus summary {
padding-block: 12px;
font-size: 16px;
}
.naudojimas .hero__veiksmas {
margin-top: 20px;
}
}
.zingsniai li {
align-items: baseline;
}
.naudojimas__zymos {
margin-top: 20px;
}
.naudojimas .hero__veiksmas {
margin-top: 24px;
}
.naudojimas .platus {
margin-top: 18px;
border-top-color: var(--linija);
}
@media (min-width: 1024px) {
.naudojimas {
min-height: min(760px, calc(var(--ekr-s, 100svh) - var(--galva) - 1px));
}
.naudojimas__foto {
min-height: 0;
}
.naudojimas__tekstas {
padding-block: clamp(28px, 3vw, 48px);
}
.naudojimas__tekstas h2 {
font-size: clamp(30px, min(2.8vw, 5.6vh), 44px);
}
.naudojimas .zingsniai {
gap: 10px;
margin-top: 18px;
}
.naudojimas .zingsniai li::before {
font-size: 28px;
line-height: 1;
}
.naudojimas .platus summary {
padding-block: 10px;
font-size: 15px;
}
}
@media (min-width: 1024px) and (max-height: 660px) {
.naudojimas__tekstas {
padding-block: 16px;
}
.naudojimas .zingsniai {
gap: 6px;
margin-top: 12px;
}
.naudojimas__zymos {
gap: 6px;
margin-top: 14px;
}
.naudojimas__zymos li {
padding: 6px 9px;
font-size: 10px;
letter-spacing: 0.12em;
}
.naudojimas .hero__veiksmas {
margin-top: 16px;
}
.naudojimas .platus {
margin-top: 12px;
}
}
.naudojimas {
background: var(--sky);
}
.naudojimas .duom__k,
.naudojimas .duom__vnt,
.naudojimas .tekstas,
.naudojimas .isnasos {
color: var(--ink);
}
.naudojimas .duom__eil,
.naudojimas .isnasos {
border-color: var(--linija);
}
@media (min-width: 1024px) {
.naudojimas {
align-items: start;
}
.naudojimas__foto {
position: sticky;
top: calc(var(--galva) + 1px);
height: min(760px, calc(var(--ekr-s, 100svh) - var(--galva) - 1px));
}
}
@media (min-width: 1024px) {
.naudojimas:has(#sudetis[open]) .naudojimas__foto {
height: calc(var(--ekr-s, 100svh) - var(--galva) - 1px);
}
}
.kada h2 {
max-width: none;
}
.kada__eile {
margin-top: 28px;
}
.kada__kortele {
border: 0;
background: var(--snow);
}
.kada__kortele--pagrindine {
background: var(--ink);
color: var(--snow);
}
.kada__kortele:nth-child(2) {
background: var(--sky);
}
@media (min-width: 1024px) {
.kada {
padding-block: clamp(36px, 4vw, 60px);
}
.kada__kortele {
min-height: 0;
padding: 28px 28px 30px;
}
}
@media (min-width: 1024px) and (max-height: 660px) {
.kada {
padding-block: 28px;
}
.kada__eile {
margin-top: 20px;
}
.kada__kortele {
padding: 22px 24px 24px;
}
}
svg.kalnas {
margin-bottom: -1px;
}
.kada__kortele:nth-child(2),
.kada__kortele:nth-child(3) {
background: var(--sky);
color: var(--ink);
}
.kada__kortele:nth-child(4) {
background: var(--ink);
color: var(--snow);
}
@media (min-width: 1024px) {
.kada__eile {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kada__kortele {
padding: 24px 28px 26px;
}
}
@media (min-width: 780px) {
.hero__h1 {
font-size: clamp(36px, min(4.2vw, 7.4vh), 60px);
}
}
@media (min-width: 1024px) {
.pabaiga__tekstas h2 {
max-width: none;
font-size: clamp(32px, 3.4vw, 52px);
}
}
.kada__kortele:nth-child(1),
.kada__kortele:nth-child(3) {
background: var(--sky);
color: var(--ink);
}
.kada__kortele:nth-child(2) {
background: var(--ink);
color: var(--snow);
}
@media (min-width: 1024px) {
.kada__eile {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kada__kortele {
padding: 28px 28px 30px;
}
}
@media (prefers-reduced-motion: no-preference) {
.kada__kortele {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.kada__zodis {
transition: letter-spacing 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.kada__eile.rodos .kada__kortele {
opacity: 0;
transform: translateY(22px);
transition:
opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.kada__eile.rodos--matomas .kada__kortele {
opacity: 1;
transform: none;
}
.kada__eile.rodos--matomas .kada__kortele:nth-child(2) {
transition-delay: 0.09s;
}
.kada__eile.rodos--matomas .kada__kortele:nth-child(3) {
transition-delay: 0.18s;
}
.kada__eile.rodos--matomas .kada__kortele:hover,
.kada__kortele:hover {
transform: translateY(-6px);
transition-delay: 0s;
}
.kada__kortele:hover .kada__zodis {
letter-spacing: -0.01em;
}
.kelias__zingsnis {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.kelias__zingsnis::before {
transition: letter-spacing 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.kelias__zingsnis:hover {
transform: translateY(-6px);
}
.kelias__zingsnis:hover::before {
letter-spacing: -0.06em;
}
.js-vaizdai img[loading="lazy"] {
transition: opacity 0.7s ease;
}
.js-vaizdai img[loading="lazy"]:not(.ikelta) {
opacity: 0;
}
}
.kada__ikona {
display: block;
width: 44px;
height: 44px;
margin-bottom: 6px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (prefers-reduced-motion: no-preference) {
.kada__ikona {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transform-origin: 0 50%;
}
.kada__kortele:hover .kada__ikona {
transform: scale(1.1);
}
}
@media (min-width: 1024px) {
.kada__eile .kada__zodis {
font-size: clamp(26px, 2.3vw, 36px);
}
}
@media (min-width: 1024px) {
.pirkimas,
.mes,
.duk-dalis {
padding-block: clamp(40px, 7vh, 76px);
}
.pirkimas > .in {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 40px;
}
.pirkimas > .in > * {
grid-column: 1 / -1;
min-width: 0;
}
.pirkimas__h {
font-size: clamp(32px, min(3.8vw, 7.2vh), 64px);
}
.pirkimas .kainos {
margin-top: clamp(20px, 4vh, 40px);
}
.kaina {
gap: 4px;
padding: 40px 20px 18px;
}
.kaina__zyme {
top: 16px;
left: 20px;
}
.kaina__kiekis {
font-size: 18px;
}
.kaina__vnt {
margin-top: 6px;
font-size: clamp(36px, min(3.4vw, 6.6vh), 60px);
}
.kaina__vnt span {
margin-top: 6px;
}
.kaina__viso {
margin-top: 8px;
font-size: 17px;
}
.kaina__rinktis {
padding-top: 12px;
}
.kaina:not(.kaina--zymeta):hover {
background: var(--snow);
}
.kaina__rinktis::after {
display: inline-block;
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.kaina:hover .kaina__rinktis::after {
transform: translateX(5px);
}
.pirkimas > .in > .pirkimas__veiksmas {
grid-column: 1;
grid-row: 4 / 6;
align-self: center;
margin-top: clamp(18px, 3.4vh, 32px);
}
.pirkimas > .in > .pirkimas__imonei {
grid-column: 2;
grid-row: 4;
align-self: end;
margin-top: 0;
font-size: 14px;
text-align: right;
}
.pirkimas > .in > .isnasos {
grid-column: 2;
grid-row: 5;
align-self: start;
margin-top: 4px;
padding-top: 0;
border-top: 0;
text-align: right;
}
.mes > .in {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
column-gap: clamp(40px, 6vw, 120px);
}
.mes > .in > * {
min-width: 0;
}
.mes__istorija {
grid-column: 1;
grid-row: 2;
max-width: 30ch;
font-size: clamp(24px, min(2.7vw, 5.2vh), 44px);
}
.mes__zmones {
grid-column: 2;
grid-row: 1 / 3;
grid-template-columns: none;
align-self: end;
gap: 0;
margin: 0;
padding: 0;
border-top: 0;
}
.mes__zmones li {
padding-block: 14px;
border-top: 1px solid var(--mid);
}
.mes__zmones li:last-child {
border-bottom: 1px solid var(--mid);
}
.duk__vnt summary {
padding-block: clamp(11px, 2vh, 18px);
font-size: clamp(16px, 1.4vw, 19px);
}
.duk-dalis__kaire h2 {
font-size: clamp(40px, min(4.6vw, 9vh), 72px);
}
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
.kainos.rodos li {
opacity: 0;
transform: translateY(22px);
transition:
opacity 0.6s ease,
transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.kainos.rodos--matomas li {
opacity: 1;
transform: none;
}
.kainos.rodos li:nth-child(2) {
transition-delay: 0.07s;
}
.kainos.rodos li:nth-child(3) {
transition-delay: 0.14s;
}
.kainos.rodos li:nth-child(4) {
transition-delay: 0.21s;
}
}
@media (min-width: 1024px) and (max-height: 700px) {
.pirkimas {
padding-block: 30px;
}
.kaina {
padding-top: 36px;
}
.kaina__zyme {
top: 14px;
}
.kaina__rinktis {
padding-top: 8px;
}
}
.kainos.rodos--matomas ~ .pirkimas__veiksmas,
.kainos.rodos--matomas ~ .pirkimas__imonei,
.kainos.rodos--matomas ~ .isnasos,
.pirkimas__veiksmas.rodos--matomas ~ .pirkimas__imonei,
.pirkimas__veiksmas.rodos--matomas ~ .isnasos {
opacity: 1;
transform: none;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.kaina__zyme {
letter-spacing: 0.14em;
}
}
@media (min-width: 1024px) {
.pirkimas__h {
font-size: clamp(32px, min(3.8vw, 7.2vh), 50px);
}
}
:where(button.kaina) {
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
button.kaina--zymeta {
color: var(--snow);
}
button.kaina:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 3px;
}
.kaina__taip {
display: none;
}
.kaina[aria-pressed="true"] .kaina__ne {
display: none;
}
.kaina[aria-pressed="true"] .kaina__taip {
display: inline;
}
.kaina[aria-pressed="true"] .kaina__rinktis::after {
content: "\00a0\2713";
}
@media (min-width: 1024px) {
.kaina {
transition:
transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.2s ease,
color 0.2s ease;
}
}
@media (max-width: 1023px) {
.kainos li {
display: grid;
}
}
.kaina__dezutes {
display: none;
}
.dezute__dangtelis {
fill: var(--sky);
stroke: var(--ink);
stroke-width: 1.5;
}
.dezute__rieveta {
fill: none;
stroke: var(--ink);
stroke-opacity: 0.3;
}
.dezute__kalnai {
fill: var(--ink);
}
.dezute__sniegas {
fill: var(--snow);
}
@media (min-width: 1024px) {
.kaina__dezutes {
--d: 22px;
--z: 12px;
position: absolute;
top: 38px;
right: 18px;
display: grid;
grid-template-columns: repeat(var(--st, 1), var(--z));
grid-auto-rows: var(--z);
padding: 0 calc(var(--d) - var(--z) + var(--z) / 2)
calc(var(--d) - var(--z)) 0;
pointer-events: none;
}
.kaina__dezutes[data-n="3"],
.kaina__dezutes[data-n="6"] {
--st: 3;
}
.kaina__dezutes[data-n="12"] {
--st: 6;
}
.kaina__dezutes svg {
display: block;
width: var(--d);
height: var(--d);
overflow: visible;
}
.kaina__dezutes[data-n="6"] svg:nth-child(n + 4),
.kaina__dezutes[data-n="12"] svg:nth-child(n + 7) {
translate: calc(var(--z) / 2) 0;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.kaina__dezutes {
--d: 18px;
--z: 10px;
right: 14px;
}
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
@keyframes dezute-pop {
0% {
scale: 0.4;
}
60% {
scale: 1.15;
}
100% {
scale: 1;
}
}
.kaina[aria-pressed="true"] .kaina__dezutes svg {
animation: dezute-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
animation-delay: calc(var(--i) * 30ms);
}
}
.kaina__pristatymas {
grid-column: 1 / -1;
justify-self: start;
margin-top: 6px;
font-size: 13px;
}
.kaina__pristatymas--nemokamas {
padding: 3px 8px 3px 6px;
background: var(--sky);
color: var(--ink);
font-weight: 600;
}
.kaina__pristatymas--nemokamas::before {
content: "\2713\00a0";
}
@media (min-width: 1024px) {
.kaina {
padding-top: 24px;
}
.kaina__dezutes {
top: 22px;
}
.kaina__pristatymas {
margin-top: 8px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.kaina {
padding-inline: 14px;
}
.kaina__laikas,
.kaina__pristatymas {
font-size: 12px;
}
.kaina__pristatymas--nemokamas {
padding-inline: 5px 7px;
}
.kaina__dezutes {
right: 10px;
}
}
.kaina__pristatymas--nemokamas {
white-space: nowrap;
}
#kaina {
scroll-margin-top: calc(var(--galva) - 8px);
}
.pirkti {
background: var(--mid);
border-top: 1px solid rgba(255, 255, 255, 0.14);
color: var(--snow);
}
.pirkti__in {
gap: 24px;
padding-block: 12px;
}
.pirkti__produktas {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.pirkti__dezute {
flex: none;
width: 40px;
height: 40px;
}
.pirkti .pirkti__kaina {
display: block;
margin: 0;
min-width: 0;
font-size: 12.5px;
line-height: 1.4;
}
.pirkti__pav {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.pirkti .pirkti__kaina [data-eil] {
display: block;
overflow: hidden;
color: rgba(255, 255, 255, 0.72);
text-overflow: ellipsis;
white-space: nowrap;
}
.pirkti .kiekis {
display: grid;
place-items: center;
gap: 4px;
min-width: 66px;
padding: 8px 10px 7px;
border: 1px solid rgba(255, 255, 255, 0.28);
background: transparent;
color: var(--snow);
}
.pirkti .kiekis b {
font-size: 16px;
font-weight: 900;
line-height: 1;
}
.pirkti .kiekis small {
font-size: 10px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.04em;
color: var(--sky);
}
.pirkti .kiekis:hover {
border-color: var(--snow);
}
.pirkti .kiekis[aria-pressed="true"] {
border-color: var(--sky);
background: var(--sky);
color: var(--ink);
}
.pirkti .kiekis[aria-pressed="true"] small {
color: var(--ink);
}
.pirkti .kiekis:focus-visible,
.pirkti .pirkti__cta:focus-visible {
outline-color: var(--sky);
}
.pirkti .pirkti__cta {
border-color: var(--sky);
background: var(--sky);
color: var(--ink);
}
.pirkti .pirkti__cta:hover {
border-color: var(--snow);
background: var(--snow);
color: var(--ink);
}
.pirkti .pirkti__cta b {
font-weight: 900;
letter-spacing: 0.06em;
}
@media (min-width: 1024px) {
.pirkti .mygtukas--maza {
padding: 14px 22px;
font-size: 12px;
}
}
@media (max-width: 779px) {
.pirkti__produktas {
flex: 1 1 100%;
}
.pirkti__dezute,
.pirkti__pav {
display: none;
}
.pirkti .kiekis {
flex: 1 1 0;
min-width: 0;
padding: 6px 4px;
}
.pirkti .kiekis b {
font-size: 14px;
}
.pirkti .kiekis small {
font-size: 9px;
}
}
.pazadai {
background: var(--sky);
}
.pazadai__in {
display: grid;
gap: 32px;
padding-block: clamp(48px, 8vw, 88px) clamp(36px, 6vw, 64px);
}
.pazadai h2 {
margin-top: 10px;
font-size: clamp(32px, 4.4vw, 56px);
font-variation-settings:
"wdth" 125,
"wght" 800;
line-height: 0.94;
}
.pazadai .hero__veiksmas {
margin-top: 26px;
}
.pazadai__sarasas {
display: grid;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--ink);
}
.pazadas {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-content: start;
column-gap: 16px;
row-gap: 4px;
padding: 18px 0;
border-bottom: 1px solid rgba(22, 24, 28, 0.22);
}
.pazadas__ikona {
grid-row: 1 / 3;
width: 40px;
height: 40px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.pazadas h3 {
margin: 0;
font-size: 17px;
font-weight: 800;
letter-spacing: -0.01em;
}
.pazadas p {
margin: 0;
font-size: 14px;
line-height: 1.45;
}
@media (min-width: 1024px) {
.pazadai__in {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
align-items: center;
column-gap: clamp(40px, 6vw, 120px);
}
.pazadai__sarasas {
grid-template-columns: 1fr 1fr;
column-gap: 40px;
}
.pazadas {
padding: 26px 0;
}
}
@media (prefers-reduced-motion: no-preference) {
.pazadas__ikona {
transform-origin: 0 50%;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.pazadas:hover .pazadas__ikona {
transform: scale(1.1);
}
}
.porastė {
overflow: clip;
padding-block: clamp(56px, 7vw, 88px) 96px;
}
.porastė__stulpai {
display: grid;
gap: 36px;
}
.porastė__apie p {
max-width: 32ch;
margin: 18px 0 0;
font-size: 14px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.72);
}
.porastė__apie .porastė__amzius {
display: inline-block;
margin-top: 16px;
padding: 3px 8px;
border: 1px solid var(--sky);
color: var(--sky);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
}
.porastė__antraste {
margin: 0 0 14px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--far);
}
.porastė__stulpas ul {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
}
.porastė__stulpas a {
border-bottom-color: transparent;
}
.porastė__stulpas a:hover {
border-bottom-color: var(--snow);
}
.porastė__stulpas .porastė__zymos {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.porastė__zymos li {
padding: 6px 10px;
border: 1px solid rgba(255, 255, 255, 0.28);
font-size: 13px;
font-weight: 600;
}
.porastė .porastė__teise {
max-width: none;
margin-top: 48px;
font-size: 12.5px;
color: rgba(255, 255, 255, 0.62);
}
.porastė__apacia {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px 16px;
margin: 16px 0 0;
font-size: 12px;
letter-spacing: 0.06em;
color: rgba(255, 255, 255, 0.62);
}
.porastė__didelis {
margin: 32px 0 0;
font-size: min(calc((100vw - 2 * var(--pad)) / 2.2), 510px);
font-weight: 900;
letter-spacing: -0.05em;
line-height: 0.74;
white-space: nowrap;
color: var(--sky);
user-select: none;
}
@media (min-width: 1024px) {
.porastė__stulpai {
grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 48px;
}
}
@media (min-width: 780px) {
.dalis,
.naudojimas {
scroll-margin-top: calc(var(--galva) + 1px);
}
.platus {
scroll-margin-top: calc(var(--galva) + 16px);
}
}
.porastė.porastė--dangtelis {
overflow: clip;
padding: 0;
border-top: 1px solid var(--ink);
background: var(--sky);
color: var(--ink);
}
.porastė--dangtelis .porastė__in {
padding-top: clamp(48px, 6vw, 80px);
}
.porastė--dangtelis a {
color: var(--ink);
border-bottom-color: transparent;
}
.porastė--dangtelis a:hover {
border-bottom-color: var(--ink);
}
.porastė--dangtelis .porastė__apie p {
margin-top: 0;
color: rgba(22, 24, 28, 0.78);
}
.porastė--dangtelis .porastė__apie .porastė__amzius {
margin-top: 16px;
border-color: var(--ink);
color: var(--ink);
}
.porastė--dangtelis .porastė__antraste {
color: rgba(22, 24, 28, 0.58);
}
.porastė--dangtelis .porastė__zymos li {
border-color: rgba(22, 24, 28, 0.32);
}
.porastė--dangtelis .porastė__zenklas {
margin: clamp(56px, 8vw, 112px) auto 0;
color: var(--ink);
}
.porastė--dangtelis .porastė__zenklas b {
font-size: min(calc((100vw - 2 * var(--pad)) / 2.6), 380px);
}
.porastė--dangtelis .porastė__zenklas .zenklas__prierasas {
margin-top: min(3.2vw, 44px);
}
.porastė__kalnai {
display: block;
width: 100%;
height: clamp(72px, 11vw, 170px);
margin-top: clamp(40px, 6vw, 80px);
}
.porastė__juosta {
margin-top: -1px;
padding: 22px 0 96px;
background: var(--ink);
color: rgba(255, 255, 255, 0.66);
}
.porastė__juosta .porastė__teise {
max-width: 76ch;
margin: 0;
padding-top: 0;
border-top: 0;
font-size: 12.5px;
color: inherit;
}
.porastė__juosta .porastė__apacia {
margin-top: 12px;
color: inherit;
}
.pirkti {
background: var(--bone);
border-top: 1px solid var(--ink);
color: var(--ink);
animation: none;
transform: translateY(calc(100% + 1px));
visibility: hidden;
transition:
transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0.34s;
}
.pirkti.pirkti--rodoma {
transform: none;
visibility: visible;
transition:
transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
.pirkti,
.pirkti.pirkti--rodoma {
transition: none;
}
}
.pirkti .pirkti__in {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
column-gap: 24px;
}
.pirkti__produktas {
min-width: 0;
}
.pirkti .pirkti__kiekiai {
justify-self: center;
}
.pirkti .pirkti__kaina [data-eil] {
color: rgba(22, 24, 28, 0.7);
}
.pirkti .kiekis {
min-width: 68px;
border: 1px solid rgba(22, 24, 28, 0.3);
background: var(--snow);
color: var(--ink);
font-variant-numeric: tabular-nums;
}
.pirkti .kiekis small {
color: rgba(22, 24, 28, 0.62);
font-weight: 700;
}
.pirkti .kiekis:hover {
border-color: var(--ink);
}
.pirkti .kiekis[aria-pressed="true"] {
border-color: var(--ink);
background: var(--sky);
color: var(--ink);
}
.pirkti .kiekis[aria-pressed="true"] small {
color: var(--ink);
}
.pirkti .kiekis:focus-visible,
.pirkti .pirkti__cta:focus-visible {
outline-color: var(--ink);
}
.pirkti .pirkti__cta {
justify-self: end;
justify-content: center;
min-width: 220px;
border-color: var(--ink);
background: var(--ink);
color: var(--snow);
}
.pirkti .pirkti__cta b {
color: var(--sky);
font-variant-numeric: tabular-nums;
}
.pirkti .pirkti__cta:hover {
border-color: var(--ink);
background: var(--peach);
color: var(--ink);
}
.pirkti .pirkti__cta:hover b {
color: var(--ink);
}
@media (max-width: 779px) {
.pirkti .pirkti__in {
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"produktas produktas"
"kiekiai cta";
row-gap: 8px;
column-gap: 10px;
}
.pirkti__produktas {
grid-area: produktas;
}
.pirkti .pirkti__kiekiai {
grid-area: kiekiai;
justify-self: stretch;
min-width: 0;
}
.pirkti .kiekis {
min-width: 0;
}
.pirkti .pirkti__cta {
grid-area: cta;
min-width: 132px;
}
}
.porastė__juosta {
padding-bottom: 32px;
}
@media (max-width: 779px) {
.porastė__juosta {
padding-bottom: 32px;
}
}
@media (min-width: 1280px) {
.pirkti .pirkti__in {
grid-template-columns: 540px auto minmax(0, 1fr);
}
.pirkti .pirkti__kiekiai {
justify-self: start;
}
}
@media (max-width: 1279px) {
.pirkti .pirkti__kaina [data-eil] {
overflow: visible;
white-space: normal;
}
}
@media (max-width: 779px) {
.pirkti .pirkti__kaina [data-eil] {
min-height: calc(2 * 1.4em);
}
}
.porastė.porastė--c {
overflow: clip;
padding: 0;
border-top: 0;
background: var(--ink);
color: var(--snow);
}
.porastė--c a {
color: var(--snow);
border-bottom: 1px solid transparent;
text-decoration: none;
}
.porastė--c a:hover {
border-bottom-color: var(--snow);
}
.porastė--c .porastė__in {
padding-block: clamp(28px, 3vw, 36px) 28px;
}
.porastė__eile {
display: grid;
gap: 24px;
}
.porastė__nuorodos {
display: flex;
flex-wrap: wrap;
gap: 10px 22px;
font-size: 15px;
}
.porastė__nuorodos a {
white-space: nowrap;
}
.porastė--c .porastė__zymos {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.porastė__pabaiga {
display: grid;
gap: 16px;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.porastė--c .porastė__teise {
max-width: 78ch;
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.6);
}
.porastė--c .porastė__apacia {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 18px;
margin: 0;
font-size: 12px;
letter-spacing: 0.06em;
color: rgba(255, 255, 255, 0.6);
}
.porastė--c .porastė__amzius {
display: inline-block;
padding: 3px 7px;
border: 1px solid var(--sky);
color: var(--sky);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
}
@media (min-width: 1024px) {
.porastė__eile {
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 40px;
}
.porastė__nuorodos {
justify-content: center;
}
.porastė__pabaiga {
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 24px;
}
}
.porastė__mokejimai {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.porastė__mokejimas {
display: grid;
place-items: center;
min-width: 60px;
height: 38px;
padding: 0 10px;
border-radius: 4px;
background: var(--snow);
color: var(--ink);
}
.porastė__mokejimas--tekstas {
font-size: 13px;
font-weight: 900;
letter-spacing: 0.02em;
}
.porastė__logo {
display: block;
width: auto;
max-width: none;
}
.porastė__logo--mastercard {
height: 24px;
}
.porastė__logo--zodis {
height: 15px;
}
.porastė__mokejimas--apple {
min-width: 0;
padding: 0;
background: transparent;
}
.porastė__logo--apple {
height: 38px;
}
.porastė__desine {
display: grid;
gap: 14px;
}
@media (min-width: 1024px) {
.porastė__eile {
grid-template-columns: auto minmax(0, 1fr);
}
.porastė__nuorodos {
justify-content: flex-end;
}
.porastė__desine {
justify-items: end;
}
.porastė--c .porastė__apacia {
justify-content: flex-end;
}
}
.porastė__mokejimas,
.porastė__mokejimas--apple {
box-sizing: border-box;
width: 64px;
min-width: 0;
height: 40px;
padding: 0;
border-radius: 5px;
background: var(--snow);
}
.porastė__logo {
width: auto;
max-width: 50px;
}
.porastė__logo--visa {
height: 14px;
}
.porastė__logo--mastercard {
height: 22px;
}
.porastė__logo--apple {
height: 19px;
}
.porastė__logo--revolut,
.porastė__logo--omniva {
width: 48px;
height: auto;
}
@media (max-width: 479px) {
.porastė__mokejimas,
.porastė__mokejimas--apple {
width: 56px;
height: 36px;
}
.porastė__logo--visa {
height: 12px;
}
.porastė__logo--mastercard {
height: 20px;
}
.porastė__logo--apple {
height: 17px;
}
.porastė__logo--revolut,
.porastė__logo--omniva {
width: 42px;
}
}
.mes__komanda {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(10px, 2vw, 20px);
margin: clamp(28px, 5vw, 44px) 0 0;
padding: 0;
list-style: none;
}
.mes__narys {
display: grid;
align-content: start;
gap: 3px;
min-width: 0;
}
.mes__portretas {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
margin-bottom: 10px;
object-fit: cover;
background: var(--mid);
filter: grayscale(1) contrast(1.04);
}
.mes__narys:hover .mes__portretas {
filter: none;
}
@media (prefers-reduced-motion: no-preference) {
.mes__portretas {
transition: filter 0.5s ease;
}
}
.mes__vardas {
font-size: clamp(14px, 1.4vw, 18px);
font-weight: 700;
line-height: 1.2;
}
.mes__narys .mes__role {
font-size: clamp(12px, 1vw, 13px);
line-height: 1.35;
color: var(--far);
}
@media (min-width: 1024px) {
.mes > .in {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
grid-template-rows: auto 1fr;
column-gap: clamp(40px, 5vw, 96px);
}
.mes h2.lankas {
grid-column: 1;
grid-row: 1;
}
.mes .mes__istorija {
grid-column: 1;
grid-row: 2;
max-width: none;
font-size: clamp(20px, min(1.9vw, 4vh), 30px);
}
.mes__portretas {
aspect-ratio: 4 / 5;
}
.mes__komanda {
grid-column: 2;
grid-row: 1 / 3;
align-self: center;
margin: 0;
}
}
.mes__narys {
--tonas: var(--sky);
gap: 2px;
padding: clamp(6px, 0.9vw, 12px) clamp(6px, 0.9vw, 12px)
clamp(12px, 1.3vw, 18px);
background: var(--tonas);
color: var(--ink);
}
.mes__narys:nth-child(2) {
--tonas: var(--peach);
}
.mes__narys:nth-child(3) {
--tonas: var(--grape);
}
.mes__remas {
position: relative;
display: block;
overflow: hidden;
margin-bottom: clamp(8px, 1vw, 14px);
background: var(--tonas);
}
.mes__remas .mes__portretas,
.mes__narys:hover .mes__portretas {
margin: 0;
filter: none;
}
@media (prefers-reduced-motion: no-preference) {
.mes__remas .mes__portretas {
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.mes__narys:hover .mes__portretas {
transform: scale(1.05);
}
}
.mes__narys .mes__vardas {
padding-inline: 4px;
color: var(--ink);
}
.mes__narys .mes__role {
padding-inline: 4px;
color: rgba(22, 24, 28, 0.72);
}
.porastė__mokejimai {
gap: 6px;
}
.porastė__mokejimas,
.porastė__mokejimas--apple {
width: 48px;
height: 30px;
border-radius: 4px;
}
.porastė__logo {
max-width: 36px;
}
.porastė__logo--visa {
height: 10px;
}
.porastė__logo--mastercard {
height: 17px;
}
.porastė__logo--apple {
height: 14px;
}
.porastė__logo--revolut {
width: 38px;
max-width: 38px;
}
@media (max-width: 479px) {
.porastė__mokejimas,
.porastė__mokejimas--apple {
width: 48px;
height: 30px;
}
.porastė__logo--visa {
height: 10px;
}
.porastė__logo--mastercard {
height: 17px;
}
.porastė__logo--apple {
height: 14px;
}
.porastė__logo--revolut {
width: 38px;
}
}
.mes__narys {
--posukis: -3deg;
}
.mes__narys:nth-child(2) {
--posukis: 2.5deg;
}
.mes__narys:nth-child(3) {
--posukis: -1.5deg;
}
.mes__narys > .mes__remas {
grid-area: 1 / 1;
}
.mes__narys > .mes__role {
grid-area: 1 / 1;
z-index: 1;
align-self: end;
justify-self: start;
max-width: calc(100% - 12px);
margin: 0 0 0 clamp(6px, 0.8vw, 12px);
padding: 5px 9px 6px;
background: var(--ink);
color: var(--tonas);
font-size: clamp(11px, 0.95vw, 13px);
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.01em;
box-shadow: 3px 3px 0 rgba(22, 24, 28, 0.25);
transform: translateY(45%) rotate(var(--posukis));
transform-origin: left center;
}
.mes__narys > .mes__vardas {
grid-row: 2;
padding-top: clamp(16px, 1.8vw, 24px);
}
@media (prefers-reduced-motion: no-preference) {
.mes__narys > .mes__role {
transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.mes__narys:hover > .mes__role {
transform: translateY(45%) rotate(0deg) scale(1.08);
}
}
@media (max-width: 779px) {
.mes__narys > .mes__role,
.mes__narys:hover > .mes__role {
grid-area: auto;
grid-row: 3;
max-width: 100%;
margin: 6px 0 0 2px;
padding: 3px 6px 4px;
font-size: 11px;
box-shadow: 2px 2px 0 rgba(22, 24, 28, 0.25);
transform: rotate(var(--posukis));
}
.mes__narys > .mes__vardas {
padding-top: 0;
}
}
.zingsniai li {
grid-template-columns: auto minmax(0, 1fr);
}
.zingsniai li::before {
min-width: 0.8em;
transform: translateY(0.2em);
}
@media (min-width: 1024px) {
.zingsniai li::before {
transform: translateY(0.155em);
}
}
.naudojimas__zymos li {
background: var(--snow);
}
.naudojimas__zymos li:nth-child(2) {
background: var(--peach);
}
.naudojimas__zymos li:nth-child(3) {
background: var(--grape);
}
@media (min-width: 780px) and (max-width: 1239px) {
.hero__tinklelis > :first-child {
padding-right: 24px;
}
.hero .hero__h1 {
font-size: clamp(36px, 4.4vw, 54px);
}
}
@media (min-width: 780px) and (max-width: 1023px) {
.kada__eile {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kada__kortele {
padding: 22px 18px 24px;
}
.kada__eile .kada__zodis {
font-size: clamp(20px, 2.5vw, 26px);
}
.kada__kortele p:not(.kada__zodis) {
font-size: 15px;
}
}
@media (min-width: 700px) and (max-width: 1023px) {
.pirkimas__h {
font-size: clamp(28px, 4.2vw, 44px);
}
}
@media (min-width: 1024px) {
.pazadai__in {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.pazadai h2 {
font-size: clamp(30px, 3vw, 42px);
}
}
@media (min-width: 1680px) {
:root {
--w: 1440px;
}
.hero .hero__h1 {
font-size: clamp(60px, min(3.4vw, 7.4vh), 76px);
}
}
@media (min-width: 2200px) {
:root {
--w: 1600px;
}
}
.mes__narys > .mes__role {
text-wrap: balance;
}
@media (max-width: 779px) {
.galva {
flex-wrap: nowrap;
gap: 10px;
padding-block: 8px;
}
.meniu {
display: none;
}
.naujiena__plius {
display: none;
}
.hero__veiksmas .mygtukas {
width: 100%;
justify-content: center;
}
.lustai {
gap: 8px;
}
.lustas {
min-height: 36px;
}
.juosta__in {
display: grid;
grid-template-columns: repeat(2, max-content);
justify-content: center;
gap: 4px 24px;
}
.juosta__skyriklis,
.juosta__in > span:last-child {
display: none;
}
.naudojimas__foto img {
aspect-ratio: 5 / 4;
object-position: 22% 62%;
}
.naudojimas .zingsniai {
gap: 16px;
margin-top: 22px;
}
.naudojimas .zingsniai li::before {
font-size: 36px;
}
.platus .duom__eil {
padding-block: 10px;
}
.kada .kada__eile {
gap: 0;
border-top: 1px solid var(--ink);
}
.kada .kada__eile .kada__kortele {
grid-template-columns: 40px minmax(0, 1fr);
column-gap: 16px;
padding: 16px 0;
background: transparent;
color: var(--ink);
border: 0;
border-bottom: 1px solid var(--linija);
}
.kada .kada__ikona {
grid-row: 1 / span 3;
width: 40px;
height: 40px;
}
.kada .kada__zodis {
font-size: 22px;
}
.kada .kada__kortele h3 {
font-size: 12px;
letter-spacing: 0.14em;
}
.pirkimas__h {
font-size: clamp(26px, 7vw, 32px);
}
.kainos {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
border-top: 0;
}
.kaina,
.kaina.kaina--zymeta {
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "kiekis" "vnt" "viso" "laikas";
margin: 0;
padding: 12px 12px 14px;
border: 1px solid var(--ink);
text-align: left;
}
.kaina__vnt span {
display: block;
letter-spacing: 0.08em;
}
.kaina .kaina__pristatymas {
white-space: normal;
max-width: 100%;
}
.kainos .kaina > span {
justify-self: start;
text-align: left;
}
.mes__komanda {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.mes__narys {
grid-template-columns: 88px minmax(0, 1fr);
column-gap: 14px;
row-gap: 8px;
align-items: center;
padding: 10px 10px 16px;
}
.mes__narys > .mes__remas {
grid-area: 1 / 1 / span 2 / 2;
}
.mes__narys > .mes__vardas {
grid-area: 1 / 2;
font-size: 17px;
}
.mes__narys > .mes__role,
.mes__narys:hover > .mes__role {
grid-area: 2 / 2;
justify-self: start;
font-size: 12px;
box-shadow: none;
}
.tekstas,
.pazadas p {
font-size: 16px;
}
.inkaras {
font-size: 15px;
}
.netinka {
font-size: 14px;
}
.porastė .porastė__nuorodos {
gap: 0 22px;
}
.porastė__nuorodos a {
display: inline-block;
padding-block: 10px;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero {
padding-top: 0;
}
.hero__tinklelis {
display: flex;
flex-direction: column;
}
.hero__foto {
order: -1;
margin: 0 calc(var(--pad) * -1) 0;
}
.hero__foto img {
aspect-ratio: 16 / 10;
}
.hero .hero__h1 {
margin-top: 20px;
font-size: min(40px, calc((100vw - 2 * var(--pad)) * 0.115));
}
}
@media (max-width: 779px) and (orientation: portrait) and (max-height: 700px) {
.hero__foto img {
aspect-ratio: 2 / 1;
}
}
@media (max-width: 779px) and (orientation: landscape) {
.hero__tinklelis {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
column-gap: 24px;
}
.hero__foto {
margin: 0 calc(var(--pad) * -1) 0 0;
}
.hero__foto img {
aspect-ratio: auto;
height: calc(var(--ekr-s, 100svh) - 91px);
}
.hero .hero__h1 {
font-size: 30px;
}
}
@media (any-hover: none) {
.mygtukas:hover {
background: var(--ink);
color: var(--snow);
}
.mygtukas:hover .mygtukas__rodykle {
transform: none;
}
.krepselis:hover {
background: var(--ink);
color: var(--snow);
border-color: var(--ink);
}
.duk__vnt summary:hover,
.platus summary:hover {
color: inherit;
}
.mes__narys:hover .mes__portretas {
transform: none;
}
}
.hero[data-skonis] {
--sky: #b4d2e8;
}
.hero__foto img,
.hero__foto__laukas img {
object-fit: contain;
object-position: 50% 50%;
}
@media (max-width: 779px) and (orientation: portrait) {
.hero__foto img {
aspect-ratio: 4 / 3;
}
}
@media (max-width: 779px) and (orientation: portrait) and (max-height: 700px) {
.hero__foto img {
aspect-ratio: 16 / 10;
}
}
@media (max-width: 1023px) {
.kainos .kaina:not(.kaina--zymeta) {
background: var(--bone);
color: var(--ink);
}
.kainos .kaina.kaina--zymeta {
background: var(--ink);
color: var(--snow);
}
}
@media (max-width: 779px) {
#kaina {
padding-top: 18px;
padding-bottom: 28px;
}
#kaina .pirkimas__h {
margin-top: 6px;
font-size: clamp(22px, 6.4vw, 27px);
line-height: 1.04;
}
#kaina .kainos {
margin-top: 16px;
gap: 8px;
}
.kainos .kaina,
.kainos .kaina.kaina--zymeta {
position: relative;
row-gap: 0;
padding: 10px 12px 12px;
}
.kainos .kaina .kaina__kiekis {
font-size: 14px;
line-height: 1.25;
}
.kainos .kaina .kaina__vnt {
margin-top: 8px;
font-size: 30px;
line-height: 1;
}
.kainos .kaina .kaina__vnt span {
margin-top: 3px;
font-size: 9px;
}
.kainos .kaina .kaina__viso {
margin-top: 7px;
font-size: 16px;
line-height: 1.2;
}
.kainos .kaina .kaina__laikas {
font-size: 12px;
line-height: 1.3;
}
.kaina__skirt {
display: none;
}
.kainos .kaina .kaina__sutaupai {
display: table;
margin-top: 6px;
padding: 2px 6px;
background: var(--peach);
color: var(--ink);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.01em;
}
.kainos .kaina .kaina__pristatymas {
margin-top: 6px;
font-size: 11px;
line-height: 1.3;
}
.kainos .kaina .kaina__pristatymas--nemokamas {
padding: 2px 6px 2px 5px;
white-space: normal;
}
.kainos .kaina .kaina__rinktis {
display: none;
}
.kainos .kaina .kaina__dezutes {
--d: 15px;
--z: 8px;
position: absolute;
top: 36px;
right: 10px;
display: grid;
grid-template-columns: repeat(var(--st, 1), var(--z));
grid-auto-rows: var(--z);
padding: 0 calc(var(--d) - var(--z) + var(--z) / 2) calc(var(--d) - var(--z)) 0;
pointer-events: none;
}
.kainos .kaina .kaina__dezutes[data-n="3"],
.kainos .kaina .kaina__dezutes[data-n="6"] {
--st: 3;
}
.kainos .kaina .kaina__dezutes[data-n="12"] {
--st: 6;
--z: 7px;
--d: 13px;
}
.kainos .kaina .kaina__dezutes svg {
display: block;
width: var(--d);
height: var(--d);
overflow: visible;
}
.kainos .kaina .kaina__dezutes[data-n="6"] svg:nth-child(n + 4),
.kainos .kaina .kaina__dezutes[data-n="12"] svg:nth-child(n + 7) {
translate: calc(var(--z) / 2) 0;
}
}
@media (max-width: 779px) and (prefers-reduced-motion: no-preference) {
@keyframes dezute-pop-tel {
0% {
scale: 0.4;
}
60% {
scale: 1.15;
}
100% {
scale: 1;
}
}
.kainos .kaina[aria-pressed="true"] .kaina__dezutes svg {
animation: dezute-pop-tel 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
animation-delay: calc(var(--i) * 30ms);
}
}
@media (max-width: 779px) {
#kaina {
padding-top: 10px;
}
#kaina .pirkimas__veiksmas {
margin-top: 12px;
}
.kainos .kaina,
.kainos .kaina.kaina--zymeta {
align-content: start;
padding-inline: 10px;
}
.kainos .kaina .kaina__pristatymas--nemokamas {
padding-inline: 5px;
font-size: 10px;
letter-spacing: 0;
white-space: nowrap;
}
.kainos .kaina .kaina__dezutes {
right: 8px;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__foto img,
.hero .hero__foto__laukas img {
aspect-ratio: 21 / 10;
}
.hero .hero__h1 {
margin-top: 10px;
font-size: min(32px, calc((100vw - 2 * var(--pad)) * 0.092));
line-height: 1.02;
}
.hero .hero__sub {
margin-top: 8px;
font-size: 15px;
line-height: 1.4;
}
.hero .hero__veiksmas {
margin-top: 14px;
}
.hero .netinka {
margin-top: 8px;
font-size: 13px;
line-height: 1.35;
}
.hero .inkaras {
margin-top: 10px;
font-size: 14px;
line-height: 1.35;
}
.hero .lustai {
flex-wrap: nowrap;
gap: 6px;
margin-top: 10px;
}
.hero .lustai .lustas {
min-height: 30px;
padding: 5px 7px;
font-size: 10px;
letter-spacing: 0.06em;
white-space: nowrap;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .lustai {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.hero .lustai .lustas {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
min-width: 0;
min-height: 38px;
padding: 5px 4px;
letter-spacing: 0.08em;
text-align: center;
}
.hero .lustai .lustas em {
letter-spacing: 0.06em;
}
.hero .hero__tinklelis {
padding-bottom: 14px;
}
}
.inkaras.inkaras--zymes {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.inkaras__zyme {
display: inline-flex;
align-items: baseline;
gap: 5px;
padding: 7px 11px;
border: 1px solid var(--linija);
color: var(--ink);
font-size: 13px;
line-height: 1.2;
white-space: nowrap;
}
.inkaras__zyme b {
font-weight: 800;
}
.inkaras__zyme--ink {
border-color: var(--ink);
background: var(--ink);
color: var(--snow);
}
.inkaras__zyme--peach {
background: var(--peach);
}
.inkaras__zyme--grape {
background: var(--grape);
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .inkaras.inkaras--zymes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
margin-top: 12px;
}
.hero .inkaras__zyme {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
min-width: 0;
min-height: 44px;
padding: 5px 4px;
font-size: 12px;
text-align: center;
white-space: normal;
}
.hero .inkaras__zyme b {
font-size: 15px;
}
}
.hero__irodymai {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.hero__irodymas {
padding: 5px 10px;
border: 1px solid var(--linija);
background: var(--snow);
color: var(--ink);
font-size: 13px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
}
.hero__irodymas--persikas {
background: var(--peach);
}
.hero__irodymas--vynuoge {
background: var(--grape);
}
.hero__faktas {
margin-top: 14px;
font-size: clamp(17px, 1.45vw, 22px);
font-weight: 800;
letter-spacing: -0.005em;
}
@media (min-width: 780px) {
.hero .hero__h1 {
margin-top: clamp(16px, 2.6vh, 30px);
}
.hero .hero__sub {
margin-top: 8px;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__irodymai {
margin-top: 12px;
gap: 5px;
}
.hero .hero__irodymas {
padding: 4px 8px;
font-size: 12px;
}
.hero .hero__faktas {
margin-top: 8px;
font-size: 16px;
}
}
.hero .hero__virs {
margin: 0;
}
@media (min-width: 780px) {
.hero .hero__foto .hero__foto__laukas img {
object-fit: cover;
object-position: 76% 66%;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__foto img,
.hero .hero__foto .hero__foto__laukas img {
aspect-ratio: 21 / 10;
object-fit: cover;
object-position: 50% 66%;
}
.hero .hero__virs {
margin-top: 14px;
}
}
@media (max-width: 779px) {
.juosta .juosta__in {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
gap: 4px;
padding-block: 10px;
text-align: center;
letter-spacing: 0.1em;
}
.juosta .juosta__in > span:last-child {
display: inline;
}
.juosta .juosta__in > span:not(.juosta__skyriklis) {
white-space: normal;
}
}
.juosta .juosta__in {
justify-content: center;
}
.juosta .juosta__in > span.juosta__kilme {
display: inline-flex;
align-items: center;
gap: 12px;
white-space: nowrap;
}
.juosta__veliava {
display: block;
flex: none;
width: 30px;
height: 18px;
}
@media (max-width: 779px) {
.juosta .juosta__in {
grid-template-columns: max-content;
}
.juosta__veliava {
width: 27px;
height: 16px;
}
}
.mes__socialiniai {
display: flex;
gap: 6px;
padding-inline: 4px;
}
.mes__narys > .mes__socialiniai {
grid-row: 3;
margin-top: 8px;
}
.mes__soc {
display: inline-grid;
place-items: center;
width: 32px;
height: 32px;
background: var(--ink);
color: var(--snow);
}
.mes__soc svg {
display: block;
width: 16px;
height: 16px;
fill: currentColor;
}
.mes__soc:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 2px;
}
@media (any-hover: hover) {
.mes__soc:hover {
background: var(--snow);
color: var(--ink);
}
}
@media (max-width: 779px) {
.mes__narys > .mes__socialiniai {
grid-area: 3 / 2;
margin-top: 0;
padding-inline: 0;
}
.mes__soc {
width: 40px;
height: 40px;
}
.mes__soc svg {
width: 18px;
height: 18px;
}
}
.juosta .juosta__in {
flex-wrap: wrap;
gap: 8px 22px;
}
.juosta__skirt {
flex: none;
width: 1px;
height: 20px;
background: var(--linija);
}
.juosta .juosta__in > span.juosta__arnas {
display: inline-flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.juosta__arnas-foto {
flex: none;
width: 26px;
height: 26px;
border-radius: 50%;
object-fit: cover;
}
.juosta__arnas a {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--ink);
text-decoration: none;
}
.juosta__arnas a b {
font-weight: 800;
}
.juosta__arnas a svg {
flex: none;
width: 13px;
height: 13px;
fill: currentColor;
}
@media (any-hover: hover) {
.juosta__arnas a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
}
@media (max-width: 779px) {
.juosta__skirt {
display: none;
}
.juosta .juosta__in {
row-gap: 8px;
}
.juosta .juosta__in > span.juosta__arnas {
gap: 8px;
}
}
.kaina__vnt .kaina__proc {
display: inline-block;
margin-left: 10px;
padding: 3px 7px;
vertical-align: middle;
background: var(--peach);
color: var(--ink);
font-size: 13px;
font-weight: 800;
font-variation-settings: normal;
letter-spacing: 0;
line-height: 1.2;
text-transform: none;
}
.kaina__sutaupai-proc {
display: none;
}
@media (max-width: 779px) {
.kainos .kaina .kaina__vnt .kaina__proc {
display: none;
}
.kainos .kaina .kaina__sutaupai .kaina__sutaupai-proc {
display: inline;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__foto img,
.hero .hero__foto .hero__foto__laukas img {
aspect-ratio: 22 / 10;
}
}
@media (max-width: 779px) {
.juosta .juosta__in > span.juosta__arnas {
flex-wrap: wrap;
justify-content: center;
gap: 6px 10px;
max-width: 100%;
white-space: normal;
letter-spacing: 0.08em;
}
.juosta__arnas-pareigos {
display: none;
}
.juosta__arnas a {
white-space: nowrap;
}
}
.pasitiki {
background: var(--snow);
}
.pasitiki__in {
display: grid;
gap: 28px;
}
.pasitiki__h {
margin-top: 10px;
font-size: clamp(34px, 5vw, 64px);
line-height: 1;
text-wrap: balance;
}
.pasitiki__sub {
max-width: 34ch;
margin-top: 16px;
font-size: 17px;
line-height: 1.5;
}
.pasitiki__kortele {
display: grid;
background: var(--bone);
}
.pasitiki__foto {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
}
.pasitiki__turinys {
display: grid;
align-content: start;
gap: 10px;
padding: 22px 22px 24px;
}
.pasitiki__vardas {
margin: 0;
font-size: clamp(30px, 3.2vw, 44px);
font-weight: 900;
font-variation-settings:
"wdth" 115,
"wght" 900;
line-height: 1;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.pasitiki__role {
margin: 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pasitiki__zyme {
justify-self: start;
padding: 4px 12px;
background: var(--ink);
color: var(--snow);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
}
.pasitiki__skaiciai {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 14px 0 0;
padding: 16px 0 0;
border-top: 1px solid var(--linija);
}
.pasitiki__skaiciai div {
display: flex;
flex-direction: column-reverse;
gap: 4px;
}
.pasitiki__skaiciai dd {
margin: 0;
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 900;
line-height: 1;
}
.pasitiki__skaiciai dt {
font-size: 12px;
line-height: 1.3;
color: var(--mid);
}
.pasitiki__nuorodos {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0 0;
}
.pasitiki__nuorodos a {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 0 14px;
background: var(--ink);
color: var(--snow);
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.pasitiki__nuorodos svg {
width: 16px;
height: 16px;
fill: currentColor;
}
@media (any-hover: hover) {
.pasitiki__nuorodos a:hover {
background: var(--peach);
color: var(--ink);
}
}
@media (min-width: 1024px) {
.pasitiki__in {
grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
align-items: center;
column-gap: clamp(40px, 5vw, 96px);
}
.pasitiki__kortele {
grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
}
.pasitiki__foto {
aspect-ratio: auto;
min-height: 420px;
}
.pasitiki__turinys {
align-content: center;
padding: 32px;
}
}
.pasitiki__skaiciai dd {
white-space: nowrap;
}
@media (min-width: 1024px) {
.pasitiki__in {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
.pasitiki__h {
font-size: clamp(34px, 3.8vw, 56px);
}
}
@media (max-width: 1023px) {
.pasitiki__foto {
aspect-ratio: 4 / 3;
object-position: 50% 30%;
}
}
.pasitiki {
background: var(--ink);
color: var(--snow);
}
.pasitiki .lankas {
color: var(--far);
}
.pasitiki .pasitiki__sub {
color: rgba(255, 255, 255, 0.82);
}
.pasitiki .pasitiki__kortele {
color: var(--ink);
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__h1 {
font-size: min(32px, calc((100vw - 2 * var(--pad)) * 0.085));
}
}
.pasitiki__skaiciai dt {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.35;
text-transform: uppercase;
color: var(--ink);
}
.pasitiki__skaiciai {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
.pasitiki__skaiciai div {
display: grid;
grid-template-columns: 128px minmax(0, 1fr);
align-items: baseline;
column-gap: 14px;
}
.pasitiki__skaiciai dd {
order: -1;
font-size: 28px;
}
.pasitiki__vnt {
margin-left: 0;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
@media (min-width: 1024px) {
.pasitiki .pasitiki__kortele {
grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.pasitiki .pasitiki__skaiciai div {
grid-template-columns: minmax(0, 1fr);
row-gap: 2px;
}
}
.naudojimas .naudojimas__h {
margin: 0;
font-size: clamp(34px, min(3.6vw, 7vh), 56px);
line-height: 1;
text-wrap: balance;
}
.naudojimas__apie {
max-width: 46ch;
margin-top: 18px;
font-size: 17px;
line-height: 1.55;
}
.naudojimas__savybes {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 24px;
max-width: 520px;
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.naudojimas__savybes li {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.25;
text-transform: uppercase;
}
.naudojimas__savybes svg {
flex: none;
width: 28px;
height: 28px;
fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.naudojimas #kaip-naudoti {
margin-top: 28px;
}
.naudojimas #kaip-naudoti + #sudetis {
margin-top: 0;
border-top: 0;
}
.naudojimas #kaip-naudoti .zingsniai {
margin-top: 6px;
}
@media (min-width: 1024px) {
.naudojimas:has(#kaip-naudoti[open]) .naudojimas__foto {
height: calc(var(--ekr-s, 100svh) - var(--galva) - 1px);
}
}
@media (min-width: 1024px) and (max-height: 660px) {
.naudojimas__apie {
margin-top: 12px;
font-size: 15px;
}
.naudojimas__savybes {
gap: 12px 20px;
margin-top: 18px;
}
.naudojimas #kaip-naudoti {
margin-top: 18px;
}
}
@media (max-width: 779px) {
:root #kaip-naudoti {
scroll-margin-top: 74px;
}
.naudojimas__apie {
font-size: 16px;
}
.naudojimas__savybes {
gap: 16px 14px;
margin-top: 24px;
}
.naudojimas__savybes li {
gap: 10px;
font-size: 12px;
letter-spacing: 0.06em;
}
.naudojimas__savybes svg {
width: 24px;
height: 24px;
}
}
@media (max-width: 779px) {
.kada .kada__eile {
gap: 10px;
border-top: 0;
}
.kada .kada__eile .kada__kortele {
padding: 18px 18px 20px;
border-bottom: 0;
}
.kada .kada__eile .kada__kortele:nth-child(odd) {
background: var(--sky);
color: var(--ink);
}
.kada .kada__eile .kada__kortele:nth-child(2) {
background: var(--ink);
color: var(--snow);
}
.kada .kada__eile .kada__kortele:hover {
transform: none;
}
}
@media (max-width: 779px) and (prefers-reduced-motion: no-preference) {
.kada .kada__eile .kada__kortele {
will-change: transform;
}
.kada .kada__eile .kada__kortele--aktyvi,
.kada .kada__eile .kada__kortele--aktyvi:hover {
transform: translateY(-6px);
}
.kada .kada__eile .kada__kortele--aktyvi .kada__zodis {
letter-spacing: -0.01em;
}
.kada .kada__eile .kada__kortele--aktyvi .kada__ikona {
transform: scale(1.1);
}
}
@media (min-width: 780px) and (max-width: 1239px) {
.hero .hero__h1 {
font-size: calc(4.56vw - 7px);
}
}
@media (min-width: 1240px) {
.hero .hero__h1 {
font-size: calc((var(--w) - 112px) * 0.0452);
}
}
@media (min-width: 780px) {
.hero .hero__sub {
margin-top: 22px;
max-width: none;
font-size: clamp(16px, 1.2vw, 19px);
line-height: 1.5;
}
.hero .hero__eil {
display: inline;
}
.hero .hero__sub {
width: min(50vw, 720px);
text-wrap: pretty;
}
.hero .hero__veiksmas {
margin-top: 30px;
}
.hero .netinka {
max-width: none;
}
}
@media (max-width: 779px) {
.hero .hero__h1 br {
display: none;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero .hero__sub {
margin-top: 12px;
}
.hero .hero__veiksmas {
margin-top: 16px;
}
.hero .hero__veiksmas .mygtukas {
padding-block: 13px;
}
.hero .netinka {
max-width: none;
font-size: 12px;
}
}
@media (max-width: 779px) {
.juosta .juosta__in {
min-height: 40px;
padding-block: 8px;
}
}
@media (max-width: 779px) {
.pasitiki .pasitiki__in {
gap: 24px;
}
.pasitiki .pasitiki__sub {
font-size: 16px;
}
.pasitiki .pasitiki__kortele {
grid-template-columns: 116px minmax(0, 1fr);
grid-template-rows: auto auto 1fr auto;
column-gap: 14px;
padding: 16px;
}
.pasitiki .pasitiki__turinys {
display: contents;
}
.pasitiki .pasitiki__foto {
grid-column: 1;
grid-row: 1 / span 3;
align-self: stretch;
width: 100%;
height: 100%;
min-height: 0;
aspect-ratio: auto;
object-position: 50% 22%;
}
.pasitiki .pasitiki__vardas {
grid-column: 2;
grid-row: 1;
font-size: 24px;
}
.pasitiki .pasitiki__role {
grid-column: 2;
grid-row: 2;
margin-top: 8px;
font-size: 11px;
line-height: 1.35;
}
.pasitiki .pasitiki__nuorodos {
grid-column: 2;
grid-row: 3;
align-self: end;
display: grid;
gap: 6px;
margin: 12px 0 0;
}
.pasitiki .pasitiki__nuorodos a {
min-height: 42px;
padding: 0 12px;
font-size: 13px;
}
.pasitiki .pasitiki__skaiciai {
grid-column: 1 / -1;
grid-row: 4;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
margin: 16px 0 0;
padding: 14px 0 0;
}
.pasitiki .pasitiki__skaiciai div {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
padding-inline: 10px;
border-left: 1px solid var(--linija);
}
.pasitiki .pasitiki__skaiciai div:first-child {
padding-left: 0;
border-left: 0;
}
.pasitiki .pasitiki__skaiciai div:last-child {
padding-right: 0;
}
.pasitiki .pasitiki__skaiciai dd {
font-size: min(24px, 6vw);
}
.pasitiki .pasitiki__vnt {
font-size: 10px;
letter-spacing: 0.02em;
}
.pasitiki .pasitiki__skaiciai dt {
font-size: 10px;
letter-spacing: 0.06em;
line-height: 1.3;
}
}
@media (max-width: 779px) and (orientation: portrait) {
.hero {
display: flex;
flex-direction: column;
min-height: calc(var(--ekr-s, 100svh) - var(--naujiena) - var(--galva) - 41px);
}
.hero > .in {
display: flex;
flex: 1 0 auto;
flex-direction: column;
width: 100%;
}
.hero .hero__tinklelis {
flex: 1 0 auto;
}
.hero .hero__foto {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
.hero .hero__foto .hero__foto__laukas {
position: relative;
display: block;
flex: 1 0 auto;
min-height: calc(100vw * 10 / 26);
}
.hero .hero__foto .hero__foto__laukas img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: auto;
}
}
@media (max-width: 779px) {
.pasitiki.dalis {
display: flex;
flex-direction: column;
min-height: calc(var(--ekr-s, 100svh) - var(--galva));
padding-block: 0;
}
.pasitiki .pasitiki__in {
display: flex;
flex: 1 0 auto;
flex-direction: column;
gap: 0;
width: 100%;
padding-inline: 0;
}
.pasitiki .pasitiki__kaire {
padding: 20px var(--pad) 20px;
}
.pasitiki .pasitiki__h {
margin-top: 8px;
font-size: min(30px, calc((100vw - 2 * var(--pad)) * 0.085));
}
.pasitiki .pasitiki__sub {
margin-top: 10px;
font-size: 15px;
line-height: 1.45;
}
.pasitiki .pasitiki__kortele {
display: contents;
}
.pasitiki .pasitiki__foto {
order: -1;
flex: 1 1 0;
align-self: stretch;
width: 100%;
height: auto;
min-height: 150px;
aspect-ratio: auto;
object-fit: cover;
object-position: 50% 30%;
}
.pasitiki .pasitiki__turinys {
display: flex;
flex-direction: column;
padding: 16px var(--pad) 18px;
background: var(--bone);
color: var(--ink);
}
.pasitiki .pasitiki__vardas {
font-size: 24px;
}
.pasitiki .pasitiki__role {
margin-top: 6px;
}
.pasitiki .pasitiki__skaiciai {
margin: 14px 0 0;
padding: 12px 0 0;
}
.pasitiki .pasitiki__nuorodos {
align-self: stretch;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 14px 0 0;
}
.pasitiki .pasitiki__nuorodos a {
justify-content: center;
min-height: 44px;
}
}
@media (max-width: 779px) {
.pasitiki .pasitiki__kaire {
padding: 16px var(--pad) 14px;
}
.pasitiki .pasitiki__sub {
margin-top: 8px;
}
.pasitiki .pasitiki__foto {
object-position: 50% 24%;
}
.pasitiki .pasitiki__turinys {
padding: 14px var(--pad) 14px;
}
.pasitiki .pasitiki__skaiciai {
margin-top: 12px;
padding-top: 10px;
}
.pasitiki .pasitiki__nuorodos {
margin-top: 12px;
}
.pasitiki .pasitiki__nuorodos a {
min-height: 42px;
}
}
.hero__foto__laukas picture {
display: contents;
}
@media (min-width: 780px) {
.hero .hero__foto {
left: 0;
width: auto;
}
.hero .hero__tinklelis > :first-child {
position: relative;
z-index: 1;
}
.hero .hero__foto .hero__foto__laukas img {
object-position: 50% 55%;
}
.hero .hero__veiksmas {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
}
@media (min-width: 780px) and (max-height: 700px) {
.hero .hero__tinklelis > :first-child {
padding-block: 12px;
}
.hero .hero__sub {
margin-top: 16px;
}
.hero .hero__veiksmas {
margin-top: 22px;
gap: 10px;
}
}
@media (max-width: 779px) {
.pasitiki .pasitiki__foto {
order: 0;
}
.pasitiki .pasitiki__kaire {
padding-top: 20px;
}
}
@media (min-width: 600px) and (max-width: 779px) and (orientation: portrait) {
.hero .hero__tinklelis > :first-child {
max-width: 600px;
}
.hero .hero__h1 {
font-size: min(46px, calc((100vw - 2 * var(--pad)) * 0.085));
}
.hero .hero__sub {
font-size: 17px;
line-height: 1.5;
}
.hero .hero__veiksmas .mygtukas {
width: auto;
min-width: 280px;
}
.hero .netinka {
font-size: 13px;
}
}
@media (min-width: 780px) and (max-height: 500px) {
.hero .hero__tinklelis {
padding-block: 8px;
}
.hero .hero__tinklelis > :first-child {
padding-block: 8px;
}
.hero .hero__h1 {
font-size: 26px;
}
.hero .hero__sub {
margin-top: 10px;
font-size: 14px;
line-height: 1.4;
}
.hero .hero__eil {
display: inline;
}
.hero .hero__veiksmas {
flex-direction: row;
align-items: center;
gap: 8px 16px;
margin-top: 14px;
}
.hero .hero__veiksmas .mygtukas {
padding-block: 12px;
}
}
@media (max-width: 779px) and (orientation: landscape) and (max-height: 500px) {
.hero .hero__h1 {
font-size: 24px;
}
.hero .hero__sub {
margin-top: 8px;
font-size: 14px;
line-height: 1.4;
}
.hero .hero__veiksmas {
margin-top: 12px;
}
.hero .hero__veiksmas .mygtukas {
padding-block: 12px;
}
}
@font-face {
font-family: "PYK Zenklas";
src: url("/fontai/dejavu-sans-bold-zenklas.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "PYK Prierasas";
src: url("/fontai/pyk-prierasas.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
.zenklas b {
font-family: "PYK Zenklas", "DejaVu Sans", Verdana, sans-serif;
font-weight: 700;
font-variation-settings: normal;
letter-spacing: 0.05em;
margin-right: -0.05em;
}
.zenklas__prierasas text {
font-family: "PYK Prierasas", "Myriad Pro", "Source Sans 3", sans-serif;
font-weight: 400;
}
.naudojimas .naudojimas__foto img {
object-position: 50% 50%;
}
.platus[data-uzsidaro] summary::after,
.duk__vnt[data-uzsidaro] summary::after {
content: "+";
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
.naudojimas .naudojimas__foto {
transition: height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
}
[data-rodyti][hidden] {
display: none !important;
}
html[data-mokejimas="tikrinamas"] .aciu,
html[data-mokejimas="tikrinamas"] main {
visibility: hidden;
}
.porastė--c a[aria-current="page"] {
border-bottom-color: var(--snow);
}
.po-uzsakymo h2 {
margin: 0;
}
.po-uzsakymo__zingsniai {
display: grid;
margin: 28px 0 0;
padding: 0;
list-style: none;
counter-reset: po-uzsakymo;
border-top: 1px solid var(--ink);
}
.po-uzsakymo__zingsniai li {
counter-increment: po-uzsakymo;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 18px;
align-items: baseline;
padding-block: 18px;
border-bottom: 1px solid var(--linija);
}
.po-uzsakymo__zingsniai li::before {
content: counter(po-uzsakymo);
grid-row: span 2;
min-width: 0.8em;
font-size: 34px;
font-weight: 900;
font-variation-settings:
"wdth" 125,
"wght" 900;
letter-spacing: -0.04em;
line-height: 0.8;
}
.po-uzsakymo__k {
font-size: 17px;
font-weight: 700;
line-height: 1.3;
}
.po-uzsakymo__r {
margin-top: 4px;
font-size: 15px;
color: var(--mid);
}
.po-uzsakymo .po-uzsakymo__pastaba {
margin-top: 20px;
}
@media (min-width: 780px) {
.po-uzsakymo__zingsniai {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: clamp(20px, 3vw, 40px);
border-top: 0;
}
.po-uzsakymo__zingsniai li {
grid-template-columns: minmax(0, 1fr);
align-content: start;
padding-block: 22px 4px;
border-top: 1px solid var(--ink);
border-bottom: 0;
}
.po-uzsakymo__zingsniai li::before {
grid-row: auto;
margin-bottom: 20px;
font-size: clamp(44px, 4.6vw, 64px);
}
.po-uzsakymo__k {
font-size: 19px;
}
}
.padeka-naudoti {
background: var(--sky);
}
.padeka-naudoti__foto {
margin: 0;
}
.padeka-naudoti__foto img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 50% 45%;
}
.padeka-naudoti__tekstas {
padding: clamp(36px, 6vw, 72px) var(--pad);
}
.padeka-naudoti__tekstas h2 {
margin: 0;
}
.padeka-naudoti .zingsniai {
gap: 16px;
margin-top: 24px;
}
.padeka-naudoti .zingsniai li::before {
font-size: 34px;
}
.padeka-naudoti .isnasos {
margin-top: 28px;
border-top-color: var(--linija);
color: var(--ink);
}
@media (min-width: 1024px) {
.padeka-naudoti {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
min-height: min(720px, calc(var(--ekr-s, 100svh) - var(--galva) - 1px));
}
.padeka-naudoti__foto {
position: relative;
}
.padeka-naudoti__foto img {
position: absolute;
inset: 0;
height: 100%;
aspect-ratio: auto;
object-position: 50% 47%;
}
.padeka-naudoti__tekstas {
align-self: center;
max-width: 640px;
padding: 56px clamp(40px, 5vw, 88px);
}
}
.dokumentas__turinys {
display: none;
}
.teisinis h2 {
margin: 36px 0 0;
font-size: 18px;
font-weight: 700;
font-variation-settings: normal;
letter-spacing: 0.01em;
line-height: 1.3;
text-transform: none;
scroll-margin-top: calc(var(--galva) + 24px);
}
.teisinis h2:first-child {
margin-top: 0;
}
.teisinis .tekstas {
font-size: 16px;
}
.teisinis .isnasos {
margin-top: 44px;
}
.teisinis .sarasas {
max-width: 34em;
margin: 10px 0 0;
padding-left: 1.2em;
font-size: 16px;
line-height: 1.55;
}
.teisinis .sarasas li + li {
margin-top: 6px;
}
.teisinis .santrauka {
max-width: 34em;
margin: 0 0 8px;
padding: 16px 18px;
border: 2px solid var(--ink);
background: var(--snow);
}
.teisinis .santrauka .sarasas {
margin-top: 6px;
}
.teisinis .lentele-vieta {
max-width: 100%;
margin-top: 12px;
overflow-x: auto;
}
.teisinis table {
width: 100%;
min-width: 520px;
border-collapse: collapse;
font-size: 14px;
line-height: 1.45;
}
.teisinis th,
.teisinis td {
padding: 9px 10px 9px 0;
border-bottom: 1px solid var(--linija);
text-align: left;
vertical-align: top;
}
.teisinis th {
border-bottom-color: var(--ink);
font-weight: 700;
}
@media (max-width: 679px) {
.teisinis table {
min-width: 0;
}
.teisinis thead {
display: none;
}
.teisinis table,
.teisinis tbody,
.teisinis tr,
.teisinis td {
display: block;
}
.teisinis tr {
padding: 12px 0;
border-bottom: 1px solid var(--linija);
}
.teisinis tr:first-child {
border-top: 1px solid var(--ink);
}
.teisinis td {
padding: 2px 0;
border: 0;
font-size: 15px;
}
.teisinis td:first-child {
font-weight: 700;
font-size: 16px;
}
.teisinis td:not(:first-child)[data-label]::before {
content: attr(data-label) ": ";
color: rgb(22 24 28 / 0.66);
}
}
.teisinis td code {
font-size: 13px;
overflow-wrap: anywhere;
}
.teisinis .forma-pavyzdys {
max-width: 34em;
margin-top: 12px;
padding: 16px 18px;
border: 1px dashed var(--ink);
font-size: 15px;
line-height: 1.7;
}
.teisinis .forma-pavyzdys p {
margin: 0;
}
.teisinis .atnaujinta {
margin-top: 40px;
font-size: 14px;
color: rgb(22 24 28 / 0.66);
}
@media (min-width: 1024px) {
.dokumentas {
display: grid;
grid-template-columns: minmax(200px, 250px) minmax(0, 1fr);
column-gap: clamp(48px, 7vw, 120px);
align-items: start;
}
.dokumentas__turinys {
display: block;
position: sticky;
top: calc(var(--galva) + 32px);
}
.dokumentas__turinys ol {
margin: 14px 0 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--ink);
}
.dokumentas__turinys li {
border-bottom: 1px solid var(--linija);
}
.dokumentas__turinys a {
display: block;
padding-block: 11px;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
color: var(--ink);
text-decoration: none;
}
.dokumentas__turinys a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.teisinis h2 {
font-size: 20px;
}
}
.hero.hero--klaida {
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(var(--ekr-s, 100svh) - var(--galva) - var(--kalnai) - 1px);
}
.hero.hero--klaida > .in {
display: block;
flex: none;
width: 100%;
}
.hero--klaida .hero__h1 {
max-width: 22ch;
}
.klaida__nuoroda {
padding-block: 12px;
font-size: 14px;
font-weight: 600;
color: var(--ink);
text-decoration: underline;
text-underline-offset: 3px;
}
html[data-mokejimas="nepavyko"] .hero.hero--doc {
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(var(--ekr-s, 100svh) - var(--galva) - var(--kalnai) - 1px);
}
html[data-mokejimas="nepavyko"] .hero.hero--doc > .in {
display: block;
flex: none;
width: 100%;
}
@media (max-width: 779px) {
.hero .hero__foto img,
.hero .hero__foto .hero__foto__laukas img {
object-position: 50% 50%;
}
}
.naudojimas__foto picture,
.padeka-naudoti__foto picture {
display: contents;
}
.papildymas {
max-width: 760px;
margin-top: 26px;
padding: 20px 22px 22px;
border: 2px solid var(--ink);
background: var(--peach);
}
.papildymas[hidden] {
display: none !important;
}
.papildymas__h {
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
.papildymas__sub {
margin-top: 6px;
font-size: 14px;
line-height: 1.5;
}
.papildymas .mygtukas {
margin-top: 16px;
touch-action: manipulation;
}
.papildymas .mygtukas:disabled {
opacity: 0.6;
cursor: default;
}
.papildymas__mokejimas {
margin-top: 16px;
}
.papildymas__mokejimas[hidden],
.papildymas .mygtukas[hidden] {
display: none !important;
}
.papildymas__mokejimas .mygtukas {
width: 100%;
justify-content: center;
}
.papildymas__klaida {
margin-top: 10px;
font-size: 14px;
font-weight: 600;
}
.papildymas__klaida:empty {
display: none;
}
.apklausa {
max-width: 760px;
margin-top: 26px;
padding-top: 20px;
border-top: 1px solid var(--linija);
}
.apklausa[hidden],
.apklausa [hidden] {
display: none !important;
}
.aciu-draugas {
max-width: 760px;
margin-top: 28px;
padding: clamp(22px, 5vw, 32px);
background: var(--ink);
color: var(--snow);
}
.aciu-draugas[hidden] {
display: none !important;
}
.aciu-draugas__zyme {
margin: 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--sky);
}
.aciu-draugas__suma {
margin: 10px 0 0;
font-size: clamp(48px, 13vw, 84px);
font-weight: 800;
font-stretch: 125%;
line-height: 0.9;
letter-spacing: -0.03em;
white-space: nowrap;
}
.aciu-draugas__h {
margin: 14px 0 20px;
max-width: 44ch;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
}
.aciu-draugas__eile {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.aciu-draugas__nuoroda {
flex: 1 1 240px;
min-width: 0;
padding: 14px 16px;
font: inherit;
font-size: 15px;
color: var(--ink);
background: var(--snow);
border: 1px solid var(--snow);
border-radius: 0;
}
@media (max-width: 559px) {
.aciu-draugas__eile .mygtukas {
flex: 1 1 100%;
justify-content: center;
text-align: center;
}
}
.apklausa__klausimas {
font-size: 17px;
font-weight: 700;
}
.apklausa__atsakymai {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.apklausa button {
min-height: 44px;
padding: 10px 16px;
border: 1px solid var(--ink);
border-radius: 0;
background: transparent;
color: var(--ink);
font: inherit;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.18s ease, color 0.18s ease;
}
.apklausa .apklausa__atsakymai button[aria-pressed="true"],
.apklausa .apklausa__kuris button {
background: var(--ink);
color: var(--snow);
}
@media (any-hover: hover) {
.apklausa .apklausa__atsakymai button:not([aria-pressed="true"]):hover {
background: var(--snow);
}
}
.apklausa button:disabled {
opacity: 0.55;
cursor: default;
}
.apklausa__kuris {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin-top: 12px;
}
.apklausa__kuris label {
font-size: 14px;
font-weight: 600;
}
.apklausa__kuris input {
flex: 1 1 180px;
min-width: 0;
min-height: 44px;
padding: 10px 12px;
border: 1px solid var(--ink);
border-radius: 0;
background: var(--snow);
color: var(--ink);
font: inherit;
font-size: 16px;
}
.apklausa__zinute {
margin-top: 12px;
font-size: 15px;
font-weight: 600;
}
.apklausa__zinute:empty {
display: none;
}
.kainos .kaina {
position: relative;
}
.kainos .kaina__zyme {
position: absolute;
top: 0;
left: 10px;
z-index: 1;
grid-area: auto;
margin: 0;
padding: 5px 7px 4px;
border: 1px solid var(--ink);
background: var(--snow);
color: var(--ink);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
transform: translateY(-50%);
}
@media (min-width: 1024px) {
.kainos .kaina__zyme {
left: 20px;
padding: 6px 9px 5px;
font-size: 10px;
letter-spacing: 0.16em;
}
}
.hero__faktai {
margin-bottom: 14px;
color: var(--ink);
}
.galva-juosta {
transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
html.galva-paslepta .galva-juosta {
transform: translateY(calc(-100% + 1px));
}
html.pradzia.galva-paslepta .galva-juosta {
transform: none;
}
@media (prefers-reduced-motion: reduce) {
.galva-juosta {
transition: none;
}
}
.kada__nuotrauka picture,
.ambasadorius__foto picture {
display: contents;
}
.kada__nuotrauka source,
.ambasadorius__foto source {
display: none;
}
.paskata {
margin: 12px 0 0;
}
.paskata[hidden] {
display: none;
}
.paskata button {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 44px;
padding: 9px 14px;
border: 1px solid var(--ink);
border-radius: 0;
background: var(--peach);
color: var(--ink);
font: inherit;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
text-align: left;
cursor: pointer;
transition: background-color 0.18s ease;
}
.paskata button::after {
content: "→";
flex: none;
font-weight: 700;
}
.paskata b {
font-weight: 800;
white-space: nowrap;
}
@media (any-hover: hover) {
.paskata button:hover {
background: var(--snow);
}
}
.garantijos {
display: flex;
flex-wrap: wrap;
gap: 10px 28px;
margin: 20px 0 0;
padding: 0;
list-style: none;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
}
.garantijos li {
display: flex;
align-items: center;
gap: 9px;
}
.garantijos a {
color: inherit;
text-decoration: underline;
text-underline-offset: 3px;
}
.garantijos svg {
flex: none;
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 779px) {
.garantijos {
flex-direction: column;
gap: 8px;
margin-top: 16px;
font-size: 15px;
}
}
@media (min-width: 1024px) {
.pirkimas > .in > .paskata {
grid-column: 1 / -1;
grid-row: 6;
}
.pirkimas > .in > .garantijos {
grid-column: 1 / -1;
grid-row: 7;
margin-top: clamp(16px, 3vh, 26px);
padding-top: 16px;
border-top: 1px solid var(--linija);
}
}
@media (min-width: 780px) {
.kainos .kaina .kaina__sutaupai {
font-weight: 700;
}
.kainos .kaina[data-q="12"] .kaina__sutaupai {
padding: 1px 6px;
background: var(--peach);
color: var(--ink);
white-space: nowrap;
}
}
.kada .kada__eile--foto .kada__kortele {
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
overflow: hidden;
}
.kada__nuotrauka {
position: relative;
margin: 0;
aspect-ratio: 1;
overflow: hidden;
background: var(--mid);
}
.kada__nuotrauka img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.kada .kada__eile--foto .kada__tekstas {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
column-gap: 14px;
row-gap: 2px;
padding: 18px 20px 20px;
}
.kada .kada__eile--foto .kada__ikona {
grid-row: 1 / span 2;
width: 40px;
height: 40px;
margin: 0;
}
.kada .kada__eile--foto .kada__zodis {
font-size: clamp(22px, 2vw, 26px);
}
.kada .kada__eile--foto .kada__kortele h3 {
margin: 4px 0 0;
}
@media (prefers-reduced-motion: no-preference) {
.kada__nuotrauka img {
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.kada .kada__eile--foto .kada__kortele:hover .kada__nuotrauka img {
transform: scale(1.04);
}
}
@media (max-width: 1023px) {
.kada .kada__eile.kada__eile--foto {
display: flex;
gap: 12px;
margin-inline: calc(-1 * var(--pad));
padding-inline: var(--pad);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--pad);
scrollbar-width: none;
border-top: 0;
}
.kada .kada__eile--foto::-webkit-scrollbar {
display: none;
}
.kada .kada__eile--foto .kada__kortele {
flex: 0 0 min(84%, 340px);
scroll-snap-align: start;
}
.kada .kada__eile--foto .kada__kortele:hover {
transform: none;
}
}
@media (min-width: 780px) and (max-width: 1023px) {
.kada .kada__eile--foto .kada__kortele {
flex-basis: 44%;
}
}
@media (min-width: 1024px) {
.kada .kada__eile.kada__eile--foto {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
}
.kelias__in {
display: grid;
grid-template-areas:
"virsus"
"zingsniai"
"platus"
"veiksmas";
}
.kelias__virsus {
grid-area: virsus;
}
.kelias .kelias__virsus .lankas {
color: var(--far);
}
.kelias__h2 {
margin-top: 14px;
color: var(--snow);
}
.kelias__zingsniai {
grid-area: zingsniai;
display: grid;
gap: 28px;
margin: 36px 0 0;
padding: 0;
list-style: none;
}
.kelias__punktas {
position: relative;
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
align-items: start;
column-gap: 18px;
}
.kelias__zenkliukas {
display: grid;
place-items: center;
width: 64px;
height: 64px;
background: var(--sky);
color: var(--ink);
}
.kelias .kelias__ikona {
width: 38px;
height: 38px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.kelias__nr {
margin: 4px 0 0;
color: var(--sky);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.24em;
}
.kelias__pav {
margin: 6px 0 0;
color: var(--snow);
font-size: 22px;
font-weight: 800;
letter-spacing: -0.01em;
line-height: 1.15;
}
.kelias__punktas .kelias__t {
max-width: 34ch;
margin: 8px 0 0;
color: var(--bone);
font-size: 17px;
line-height: 1.5;
}
.kelias__punktas:not(:last-child)::after {
content: "";
position: absolute;
top: 74px;
bottom: -22px;
left: 31px;
border-left: 2px dashed rgb(180 210 232 / 0.4);
}
.kelias .platus--tamsus {
grid-area: platus;
}
.kelias .kelias__veiksmas {
grid-area: veiksmas;
}
@media (min-width: 780px) {
.kelias__in {
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"virsus veiksmas"
"zingsniai zingsniai"
"platus platus";
align-items: end;
column-gap: 32px;
}
.kelias .kelias__veiksmas {
margin-top: 0;
}
.kelias__zingsniai {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 32px;
margin-top: 48px;
}
.kelias__punktas {
grid-template-columns: minmax(0, 1fr);
row-gap: 20px;
}
.kelias__punktas:not(:last-child)::after {
top: 31px;
bottom: auto;
left: 82px;
right: -14px;
border-top: 2px dashed rgb(180 210 232 / 0.4);
border-left: 0;
}
}
@media (prefers-reduced-motion: no-preference) {
.kelias__zenkliukas {
transition:
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.3s ease;
}
.kelias__punktas:hover .kelias__zenkliukas {
transform: translateY(-4px);
background: var(--peach);
}
}
.ambasadorius {
background: var(--ink);
color: var(--snow);
}
html.pradzia main > section.ambasadorius {
padding-block: clamp(20px, 3vh, 56px);
}
.ambasadorius__in {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"lankas"
"h2"
"foto"
"citata"
"skaiciai"
"cta";
}
.ambasadorius__tekstas {
display: contents;
}
.ambasadorius .lankas {
grid-area: lankas;
color: var(--far);
}
.ambasadorius__h {
grid-area: h2;
margin-top: 8px;
color: var(--snow);
font-size: min(28px, calc((100vw - 2 * var(--pad)) * 0.078));
line-height: 1.04;
text-wrap: balance;
}
.ambasadorius__foto {
grid-area: foto;
position: relative;
margin: 16px 0 0;
aspect-ratio: 4 / 5;
max-height: 64svh;
overflow: hidden;
background: var(--mid);
}
.ambasadorius__foto img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 55% 35%;
}
.ambasadorius__zyme {
position: absolute;
left: 0;
bottom: 0;
display: grid;
gap: 3px;
padding: 10px 14px 11px;
background: var(--ink);
}
.ambasadorius__vardas {
font-size: 18px;
font-weight: 800;
letter-spacing: -0.01em;
line-height: 1.1;
}
.ambasadorius__role {
color: var(--sky);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.ambasadorius__citata {
grid-area: citata;
margin: 18px 0 0;
padding-left: 14px;
border-left: 2px solid var(--sky);
}
.ambasadorius__citata p {
margin: 0;
color: var(--snow);
font-size: 19px;
font-weight: 500;
line-height: 1.4;
text-wrap: pretty;
}
.ambasadorius__skaiciai {
grid-area: skaiciai;
margin: 14px 0 0;
color: rgb(255 255 255 / 0.68);
font-size: 13px;
line-height: 1.5;
}
.ambasadorius__skaiciai b {
color: var(--snow);
font-weight: 800;
}
.ambasadorius__skaiciai a {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--sky);
font-weight: 700;
white-space: nowrap;
text-underline-offset: 3px;
}
.ambasadorius__tarp {
display: none;
}
.ambasadorius__skaiciai a {
display: flex;
width: fit-content;
margin-top: 2px;
}
@media (min-width: 780px) {
.ambasadorius__tarp {
display: inline;
}
.ambasadorius__skaiciai a {
display: inline-flex;
margin-top: 0;
}
}
.ambasadorius__skaiciai svg {
width: 13px;
height: 13px;
fill: currentColor;
}
.ambasadorius__cta {
grid-area: cta;
justify-self: stretch;
justify-content: space-between;
gap: 16px;
margin-top: 20px;
}
@media (max-width: 380px) {
.ambasadorius__citata p {
font-size: 17px;
}
.ambasadorius__cta {
padding-inline: 18px;
letter-spacing: 0.16em;
}
}
@media (min-width: 780px) {
html.pradzia .ambasadorius__in {
flex: 1 1 auto;
}
.ambasadorius__in {
grid-template-columns: minmax(0, 6fr) minmax(0, 7fr);
grid-template-areas: none;
align-items: stretch;
column-gap: clamp(28px, 4.5vw, 80px);
}
.ambasadorius__tekstas {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-width: 0;
padding-block: clamp(4px, 1.2vh, 18px);
}
.ambasadorius__foto {
grid-area: auto;
margin: 0;
aspect-ratio: auto;
max-height: none;
min-height: 380px;
}
.ambasadorius__zyme {
padding: 14px 20px 15px;
}
.ambasadorius__vardas {
font-size: 22px;
}
.ambasadorius__role {
font-size: 11px;
}
.ambasadorius__h {
font-size: clamp(26px, min(3.1vw, 4.9vh), 44px);
}
.ambasadorius__citata {
margin-top: clamp(18px, 3vh, 32px);
padding-left: 20px;
}
.ambasadorius__citata p {
font-size: clamp(20px, min(2vw, 3.3vh), 30px);
line-height: 1.35;
}
.ambasadorius__skaiciai {
margin-top: clamp(14px, 2.4vh, 24px);
font-size: 14px;
}
.ambasadorius__cta {
justify-self: start;
margin-top: clamp(20px, 3.4vh, 36px);
}
}
.atsiliepimas__zvaigzdes svg {
width: 70px;
height: 14px;
}
.atsiliepimas__viso {
margin-top: -2px;
font-size: 12px;
}
.atsiliepimas__vardas b {
font-size: 14px;
}
.atsiliepimas__vardas span {
font-size: 10px;
}
.atsiliepimai__apie {
font-size: 11.5px;
}
@media (max-width: 380px) {
.atsiliepimai__virsus {
gap: 6px 8px;
}
.atsiliepimai__suvestine {
gap: 4px 6px;
font-size: 12px;
}
.atsiliepimai__suvestine svg {
width: 60px;
height: 12px;
}
.atsiliepimai__rodykles {
gap: 6px;
}
.atsiliepimai__rodykle {
width: 32px;
height: 32px;
}
}
.hero__ivertinimas {
display: inline-grid;
justify-items: start;
gap: 5px;
margin-bottom: 14px;
color: var(--ink);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.hero__ivertinimas[hidden] {
display: none;
}
.hero__iv-eil {
display: flex;
align-items: center;
gap: 10px;
}
.hero__iv-vid {
font-size: 14px;
font-weight: 500;
white-space: nowrap;
}
.hero__iv-vid b {
font-size: 19px;
font-weight: 800;
}
.hero__ivertinimas .plyteles {
--plytele: 24px;
}
.hero__iv-patv {
gap: 6px;
font-size: 14px;
}
.hero__ivertinimas .hero__iv-patv svg {
flex: none;
width: 17px;
height: 17px;
fill: var(--ink);
color: var(--sky);
}
.hero__pazadai {
display: flex;
flex-wrap: wrap;
gap: 4px 18px;
margin: 10px 0 0;
padding: 0;
list-style: none;
color: var(--ink);
font-size: 13.5px;
font-weight: 600;
}
.hero__pazadai li {
display: flex;
align-items: center;
gap: 6px;
}
.hero__pazadai li::before {
content: "";
flex: none;
width: 9px;
height: 5px;
margin: -4px 2px 0 0;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
}
.plyteles {
--plytele: 30px;
}
.plyteles {
--plytele: 28px;
display: flex;
gap: calc(var(--plytele) * 0.11);
}
.plyteles .plytele {
position: relative;
display: block;
width: var(--plytele);
height: var(--plytele);
overflow: hidden;
background: rgb(22 24 28 / 0.22);
}
.plytele__uzp {
position: absolute;
inset: 0 auto 0 0;
display: block;
background: var(--ink);
}
.plyteles .plytele svg {
position: absolute;
inset: 14%;
width: 72%;
height: 72%;
fill: var(--snow);
}
.atsiliepimai__suvestine .plyteles {
--plytele: 22px;
}
.hero__iv-kiek {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.atsiliepimai[hidden] {
display: none;
}
.atsiliepimai {
scroll-margin-top: 90px;
}
.atsiliepimai__virsus {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 20px;
padding-top: 22px;
border-top: 1px solid rgb(255 255 255 / 0.18);
}
.atsiliepimai__antraste {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 18px;
}
.atsiliepimai .lankas {
color: var(--far);
}
.atsiliepimai__suvestine {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 10px;
margin: 0;
color: rgb(255 255 255 / 0.8);
font-size: 14px;
font-weight: 600;
}
.atsiliepimai__suvestine b {
color: var(--snow);
font-size: 22px;
font-weight: 900;
line-height: 1;
}
.atsiliepimai__suvestine svg {
display: block;
width: 90px;
height: 18px;
}
.atsiliepimai .pilna {
fill: var(--sky);
}
.atsiliepimai .tuscia {
fill: none;
stroke: var(--sky);
stroke-width: 1.2;
}
.atsiliepimai__rodykles {
display: flex;
gap: 8px;
}
.atsiliepimai__rodykles[hidden] {
display: none;
}
.atsiliepimai__rodykle {
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgb(255 255 255 / 0.45);
border-radius: 0;
background: transparent;
color: var(--snow);
cursor: pointer;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease;
}
.atsiliepimai__rodykle svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (any-hover: hover) {
.atsiliepimai__rodykle:hover {
border-color: var(--snow);
background: var(--snow);
color: var(--ink);
}
}
.atsiliepimai__eile {
display: flex;
gap: 12px;
margin: 18px 0 0;
padding: 0;
overflow-x: auto;
list-style: none;
overscroll-behavior-x: contain;
scrollbar-width: none;
}
.atsiliepimai__eile::-webkit-scrollbar {
display: none;
}
.atsiliepimas {
display: flex;
flex: 0 0 min(82%, 330px);
flex-direction: column;
gap: 10px;
min-width: 0;
padding: 18px 18px 16px;
background: var(--mid);
color: var(--bone);
}
.atsiliepimas__zvaigzdes {
margin: 0;
}
.atsiliepimas__zvaigzdes svg {
display: block;
width: 80px;
height: 16px;
}
.atsiliepimas__tekstas {
display: -webkit-box;
margin: 0;
overflow: hidden;
font-size: 15px;
line-height: 1.5;
white-space: pre-line;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.atsiliepimas--visas .atsiliepimas__tekstas {
display: block;
overflow: visible;
-webkit-line-clamp: unset;
}
.atsiliepimas__viso {
align-self: flex-start;
margin-top: -4px;
padding: 0;
border: 0;
background: none;
color: var(--sky);
font: inherit;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.atsiliepimas__viso[hidden] {
display: none;
}
.atsiliepimas__kas {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid rgb(255 255 255 / 0.12);
}
.atsiliepimas__foto {
flex: none;
width: 44px;
height: 44px;
object-fit: cover;
}
.atsiliepimas__vardas {
display: grid;
gap: 2px;
min-width: 0;
margin: 0;
}
.atsiliepimas__vardas b {
color: var(--snow);
font-size: 15px;
font-weight: 800;
}
.atsiliepimas__vardas span {
color: rgb(255 255 255 / 0.62);
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.atsiliepimas__patvirtinta {
display: inline-flex;
align-items: center;
gap: 4px;
vertical-align: -2px;
}
.atsiliepimas .atsiliepimas__vardas .atsiliepimas__patvirtinta {
color: var(--ink);
font-weight: 800;
}
.atsiliepimas__dez {
white-space: nowrap;
}
.atsiliepimas__patvirtinta svg {
flex: none;
width: 15px;
height: 15px;
fill: var(--ink);
color: var(--snow);
}
.atsiliepimai__apie {
max-width: 80ch;
margin: 14px 0 0;
color: rgb(255 255 255 / 0.6);
font-size: 12px;
line-height: 1.5;
}
.atsiliepimai__apie a {
color: var(--snow);
font-weight: 700;
}
@media (max-width: 779px) {
.atsiliepimai__eile {
margin-inline: calc(-1 * var(--pad));
padding-inline: var(--pad);
scroll-padding-inline: var(--pad);
}
}
.duk-dalis__klausk {
max-width: 30ch;
margin: 18px 0 0;
font-size: 15px;
line-height: 1.5;
}
.duk-dalis__klausk a {
color: var(--ink);
font-weight: 700;
}
.duk-dalis .duk-dalis__veiksmas {
margin-top: 22px;
}
.kalnas.kalnas--kaulas {
background: var(--bone);
}
main:has(> .kalnas:last-child) + .porastė {
position: relative;
margin-top: -1px;
}
.kalnas + .porastė {
position: relative;
}
html.pradzia {
scroll-padding-top: var(--galva);
}
html.pradzia .galva-juosta {
top: 0;
}
html.pradzia main > section.dalis,
html.pradzia main > section.naudojimas,
html.pradzia main > section#kaina {
min-height: calc(100vh - var(--galva));
min-height: calc(var(--ekr-l, 100lvh) - var(--galva));
scroll-margin-top: 0;
}
html.pradzia main > section.dalis {
display: flex;
flex-direction: column;
justify-content: center;
}
html.pradzia main > section.dalis > .in {
width: 100%;
}
@media (min-width: 1024px) {
html.pradzia .naudojimas__foto {
top: var(--galva);
height: min(760px, calc(var(--ekr-s, 100svh) - var(--galva)));
}
}
.naujiena {
overflow: hidden;
background: var(--peach);
color: var(--ink);
box-shadow: inset 0 -1px 0 rgb(22 24 28 / 0.14);
}
.naujiena__takas {
display: flex;
width: max-content;
animation: naujiena-slenka 80s linear infinite;
}
.naujiena__eile {
display: flex;
flex: none;
margin: 0;
padding: 0;
list-style: none;
}
.naujiena__eile li {
display: flex;
align-items: center;
gap: 24px;
min-height: var(--naujiena);
padding-right: 24px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
}
.naujiena__eile li::after {
content: "";
flex: none;
width: 16px;
height: 11px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Cpath d='M0 11 8 0l8 11Z' fill='%2316181c'/%3E%3Cpath d='M8 0 5.5 3.4 6.9 2.9 8 3.8 9.1 2.9 10.5 3.4Z' fill='%23fff'/%3E%3C/svg%3E")
center / contain no-repeat;
}
@keyframes naujiena-slenka {
to {
transform: translateX(-50%);
}
}
@media (any-hover: hover) {
.naujiena:hover .naujiena__takas {
animation-play-state: paused;
}
}
@media (prefers-reduced-motion: reduce) {
.naujiena__takas {
animation: none;
}
}
.atsiliepimai {
background: var(--bone);
color: var(--ink);
}
.atsiliepimai > .in {
padding-block: clamp(20px, 3vw, 34px) clamp(22px, 3.2vw, 38px);
}
.atsiliepimai__virsus {
flex-wrap: nowrap;
gap: 10px 20px;
padding-top: 0;
border-top: 0;
}
.atsiliepimai__antraste {
flex: none;
}
.atsiliepimai .lankas {
color: var(--ink);
}
.atsiliepimai__suvestine {
color: rgb(22 24 28 / 0.72);
}
.atsiliepimai__suvestine b {
color: var(--ink);
}
.atsiliepimai .pilna {
fill: var(--ink);
}
.atsiliepimai .tuscia {
fill: none;
stroke: var(--ink);
}
.atsiliepimai__apie {
color: rgb(22 24 28 / 0.62);
}
.atsiliepimai__apie a {
color: var(--ink);
}
.atsiliepimai__eile {
margin-top: 14px;
}
.atsiliepimas {
flex-basis: min(78%, 300px);
gap: 6px;
padding: 14px 16px 12px;
border: 1px solid var(--linija);
background: var(--snow);
color: var(--ink);
}
.atsiliepimas__tekstas {
font-size: 14px;
line-height: 1.5;
-webkit-line-clamp: 3;
}
.atsiliepimas__viso {
color: var(--ink);
}
.atsiliepimas__kas {
gap: 10px;
padding-top: 10px;
border-top: 1px solid var(--linija);
}
.atsiliepimas__foto {
width: 38px;
height: 38px;
}
.atsiliepimas__vardas b {
color: var(--ink);
}
.atsiliepimas__vardas span {
color: rgb(22 24 28 / 0.68);
}
.atsiliepimai__rodykle {
width: 38px;
height: 38px;
border-color: var(--linija);
color: var(--ink);
}
@media (any-hover: hover) {
.atsiliepimai__rodykle:hover {
border-color: var(--ink);
background: var(--ink);
color: var(--bone);
}
}
@media (max-width: 779px) {
.atsiliepimai__virsus {
gap: 8px 12px;
}
.atsiliepimai__suvestine {
font-size: 12.5px;
}
.atsiliepimai__suvestine svg {
width: 72px;
height: 14px;
}
.atsiliepimai__suvestine b {
font-size: 18px;
}
.atsiliepimai .lankas {
display: none;
}
}
.atsiliepimai__juosta {
display: flex;
align-items: center;
gap: clamp(8px, 1vw, 16px);
margin-top: 14px;
}
.atsiliepimai__rodykles {
display: contents;
}
.atsiliepimai__rodykle {
flex: none;
width: 40px;
height: 40px;
border-color: var(--linija);
background: transparent;
color: var(--ink);
}
.atsiliepimai__rodykle--kaire {
order: -1;
}
.atsiliepimai__rodykle--desine {
order: 1;
}
@media (any-hover: hover) {
.atsiliepimai__rodykle:hover {
border-color: var(--ink);
background: var(--ink);
color: var(--bone);
}
}
.atsiliepimai__eile {
flex: 1 1 auto;
min-width: 0;
margin-top: 0;
padding-inline: 0;
}
.atsiliepimai .atsiliepimai__apie {
max-width: none;
margin: 14px 0 0;
text-align: right;
}
@media (max-width: 779px) {
.atsiliepimai__rodykle {
width: 32px;
height: 32px;
}
.atsiliepimai__eile {
margin-inline: 0;
padding-inline: 0;
scroll-padding-inline: 0;
}
.atsiliepimai .atsiliepimas {
flex-basis: min(90%, 260px);
}
.atsiliepimai .atsiliepimai__apie {
margin-top: 12px;
text-align: left;
}
}
.atsiliepimas[data-spalva="1"] {
border-color: transparent;
background: var(--sky);
}
.atsiliepimas[data-spalva="1"] .atsiliepimas__kas {
border-top-color: rgb(22 24 28 / 0.18);
}
.atsiliepimas[data-spalva="1"] .atsiliepimas__vardas span {
color: rgb(22 24 28 / 0.66);
}
.atsiliepimas {
transform-origin: 50% 50%;
transition: none;
}
.atsiliepimai__eile {
-webkit-mask-image: linear-gradient(
90deg,
transparent 0,
#000 46px,
#000 calc(100% - 46px),
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0,
#000 46px,
#000 calc(100% - 46px),
transparent 100%
);
}
@media (prefers-reduced-motion: reduce) {
.atsiliepimai__eile {
-webkit-mask-image: none;
mask-image: none;
}
}
@media (max-width: 779px) {
.atsiliepimai__eile {
-webkit-mask-image: linear-gradient(
90deg,
transparent 0,
#000 24px,
#000 calc(100% - 24px),
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0,
#000 24px,
#000 calc(100% - 24px),
transparent 100%
);
}
}
@media (max-height: 860px) {
html.pradzia main > section#kaina {
padding-block: clamp(18px, 2.6vh, 34px);
}
html.pradzia #kaina .kainos {
margin-top: clamp(14px, 2.2vh, 24px);
margin-bottom: 10px;
}
html.pradzia #kaina .pirkimas__veiksmas {
margin-top: clamp(12px, 2vh, 20px);
}
html.pradzia #kaina .garantijos {
margin-top: clamp(10px, 1.8vh, 18px);
}
}
@media (max-width: 779px) and (max-height: 900px) {
html.pradzia #kaina .garantijos {
gap: 6px;
margin-top: 12px;
font-size: 13px;
}
html.pradzia #kaina .garantijos svg {
width: 19px;
height: 19px;
}
html.pradzia #kaina .pirkimas__imonei {
margin-top: 10px;
}
html.pradzia #kaina .isnasos {
margin-top: 10px;
}
html.pradzia #kaina .pirkimas__veiksmas {
margin-top: 14px;
}
}
.pirkimas__veiksmas {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 12px 14px;
}
.pirkimas__veiksmas .paskata {
margin: 0;
}
.pirkimas__veiksmas .paskata {
display: flex;
margin: 0;
}
.pirkimas__veiksmas .paskata[hidden] {
display: none;
}
.pirkimas__veiksmas .paskata button {
gap: 6px;
min-height: 0;
height: 100%;
white-space: nowrap;
}
@media (max-width: 900px) {
.pirkimas__veiksmas .paskata button {
width: 100%;
min-height: 44px;
white-space: normal;
}
}
.naudojimas__doze {
display: flex;
flex-wrap: wrap;
gap: 10px clamp(18px, 2.4vw, 34px);
margin: 18px 0 0;
}
.naudojimas__doze span {
display: flex;
align-items: baseline;
gap: 8px;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
white-space: nowrap;
}
.naudojimas__doze span + span {
padding-left: clamp(18px, 2.4vw, 34px);
border-left: 1px solid var(--linija);
}
.naudojimas__doze b {
font-size: clamp(20px, 1.7vw, 26px);
font-weight: 900;
letter-spacing: -0.01em;
line-height: 1;
}
@media (max-width: 779px) {
.naudojimas__doze {
gap: 8px 16px;
}
.naudojimas__doze span {
font-size: 11px;
}
.naudojimas__doze span + span {
padding-left: 16px;
}
.naudojimas__doze b {
font-size: 20px;
}
}
.ingredientai {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
max-width: 520px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
.ingredientas {
padding: 16px 16px 14px;
border: 2px solid var(--ink);
background: var(--snow);
color: var(--ink);
}
.ingredientas__ikona {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.ingredientas__kiekis {
margin: 10px 0 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
}
.ingredientas__kiekis b {
display: block;
margin-bottom: 2px;
font-size: clamp(24px, 2vw, 30px);
font-weight: 900;
letter-spacing: -0.01em;
line-height: 1;
text-transform: none;
}
.ingredientas__t {
margin: 8px 0 0;
font-size: 14px;
line-height: 1.4;
}
.ingredientai__pastaba {
max-width: 520px;
margin: 10px 0 0;
font-size: 13px;
line-height: 1.45;
opacity: 0.8;
}
@media (max-width: 779px) {
.ingredientai {
gap: 10px;
}
.ingredientas {
padding: 14px 12px 12px;
}
.ingredientas__ikona {
width: 30px;
height: 30px;
}
.ingredientas__t {
font-size: 13px;
}
}
@media (min-width: 1024px) and (max-height: 760px) {
.ingredientai {
margin-top: 14px;
}
.ingredientas {
padding: 12px 14px 10px;
}
.ingredientas__ikona {
width: 28px;
height: 28px;
}
.ingredientas__kiekis {
margin-top: 6px;
}
}
.tyrimai {
margin: 10px 0 0;
padding-left: 1.3em;
font-size: 15px;
line-height: 1.5;
}
.tyrimai li + li {
margin-top: 10px;
}
.tyrimai a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.2em;
white-space: nowrap;
}
.tyrimai__pastaba {
font-size: 13px;
opacity: 0.8;
}
.naudojimas #tyrimai + #sudetis {
margin-top: 0;
border-top: 0;
}
@media (min-width: 1024px) and (min-height: 820px) {
.duk__vnt summary {
padding-block: clamp(18px, 2.3vh, 26px);
font-size: clamp(19px, 1.45vw, 23px);
}
.duk__vnt summary::after {
font-size: 22px;
}
}
@media (min-width: 780px) {
.hero .hero__foto {
left: auto;
right: 0;
width: 50%;
}
.hero .hero__tinklelis {
padding-right: 0;
}
.hero .hero__tinklelis > :first-child {
max-width: calc(50% - clamp(20px, 2.5vw, 48px));
}
.hero .hero__sub {
width: auto;
max-width: 100%;
}
.hero .hero__foto .hero__foto__laukas img,
.hero .hero__foto img {
object-position: 50% 50%;
}
}
@media (min-width: 780px) {
html.pradzia .kelias__in {
flex: 1 1 auto;
align-content: center;
row-gap: clamp(30px, 5.5vh, 72px);
}
.kelias__zingsniai {
margin: 0;
column-gap: clamp(24px, 3vw, 48px);
}
.kelias__punktas:not(:last-child)::after {
display: none;
}
.kelias__punktas {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"nr ikona"
"pav pav"
"t t";
align-content: start;
row-gap: 0;
padding-top: clamp(16px, 2.2vh, 26px);
border-top: 1px solid rgb(255 255 255 / 0.22);
}
.kelias__punktas > div {
display: contents;
}
.kelias__zenkliukas {
grid-area: ikona;
align-self: center;
width: auto;
height: auto;
background: none;
color: var(--sky);
}
.kelias .kelias__ikona {
width: clamp(34px, 2.9vw, 46px);
height: clamp(34px, 2.9vw, 46px);
}
.kelias__nr {
grid-area: nr;
margin: 0;
color: var(--far);
font-size: clamp(40px, 4.2vw, 68px);
font-weight: 900;
letter-spacing: -0.03em;
line-height: 0.95;
}
.kelias__pav {
grid-area: pav;
margin: clamp(14px, 2vh, 22px) 0 0;
font-size: clamp(20px, 1.7vw, 27px);
}
.kelias__t {
grid-area: t;
margin: 10px 0 0;
font-size: clamp(15px, 1.15vw, 17px);
line-height: 1.5;
}
.kelias__punktas:hover .kelias__zenkliukas {
background: none;
transform: translateY(-4px);
}
}
.popupas[hidden] {
display: none;
}
.popupas {
position: fixed;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
padding: var(--pad);
}
.popupas__fonas {
position: absolute;
inset: 0;
background: rgb(22 24 28 / 0.55);
}
.popupas__langas {
position: relative;
width: min(100%, 460px);
max-height: calc(var(--ekr-s, 100svh) - 2 * var(--pad));
padding: clamp(26px, 4vw, 40px) clamp(20px, 3.5vw, 36px) clamp(22px, 3vw, 32px);
overflow-y: auto;
border: 1px solid var(--linija);
background: var(--bone);
color: var(--ink);
text-align: center;
}
.popupas__x {
position: absolute;
top: 10px;
right: 10px;
display: grid;
place-items: center;
width: 38px;
height: 38px;
padding: 0;
border: 0;
background: none;
color: var(--ink);
cursor: pointer;
}
.popupas__x svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.popupas__zenklas {
margin: 0;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.popupas__h {
margin: 12px 0 0;
font-size: clamp(26px, 5.2vw, 34px);
line-height: 1.06;
text-wrap: balance;
}
.popupas__foto {
margin: clamp(16px, 3vw, 22px) 0 0;
overflow: hidden;
background: var(--sky);
}
.popupas__foto img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
object-position: 50% 55%;
}
.popupas__forma[hidden],
.popupas__ok[hidden] {
display: none;
}
.popupas__forma {
margin-top: clamp(16px, 3vw, 22px);
}
.popupas__laukas {
width: 100%;
min-height: 52px;
padding: 0 14px;
border: 1px solid var(--ink);
border-radius: 0;
background: var(--snow);
color: var(--ink);
font: inherit;
font-size: 16px;
}
.popupas__laukas::placeholder {
color: rgb(22 24 28 / 0.5);
}
.popupas .popupas__mygtukas {
display: flex;
justify-content: center;
width: 100%;
margin-top: 10px;
}
.popupas__mygtukas[disabled] {
opacity: 0.6;
cursor: progress;
}
.popupas__klaida {
margin: 10px 0 0;
color: #8c2f1d;
font-size: 13.5px;
font-weight: 600;
}
.popupas__klaida[hidden] {
display: none;
}
.popupas__smulkiai {
max-width: 34ch;
margin: 12px auto 0;
color: rgb(22 24 28 / 0.62);
font-size: 12.5px;
line-height: 1.45;
}
.popupas__okh {
margin: clamp(16px, 3vw, 22px) 0 0;
font-size: 15px;
font-weight: 700;
}
.popupas__kodas {
margin: 8px 0 0;
padding: 14px 10px;
border: 1px dashed var(--ink);
background: var(--sky);
font-size: clamp(24px, 5vw, 32px);
font-weight: 900;
letter-spacing: 0.14em;
}
@media (prefers-reduced-motion: no-preference) {
.popupas__langas {
animation: popupas-kyla 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
.popupas__fonas {
animation: popupas-fonas 0.34s ease;
}
}
@keyframes popupas-kyla {
from {
opacity: 0;
transform: translateY(14px);
}
}
@keyframes popupas-fonas {
from {
opacity: 0;
}
}
.popupas__langas {
display: flex;
max-height: calc(var(--ekr-s, 100svh) - 2 * var(--pad));
flex-direction: column;
overflow: hidden;
padding: clamp(22px, 3.4vw, 34px) clamp(18px, 3vw, 32px) clamp(18px, 2.6vw, 26px);
}
.popupas .popupas__zenklas {
flex: none;
align-self: center;
color: var(--ink);
}
.popupas__h {
flex: none;
margin: 10px 0 0;
font-size: clamp(22px, min(4.6vw, 4.4vh), 32px);
}
.popupas__foto {
flex: 1 1 auto;
min-height: 0;
margin: clamp(12px, 2.4vh, 20px) 0 0;
}
.popupas__foto img {
height: 100%;
min-height: 64px;
aspect-ratio: auto;
}
.popupas__zingsnis {
flex: none;
margin-top: clamp(12px, 2.2vh, 20px);
}
.popupas__zingsnis[hidden] {
display: none;
}
.popupas__ne {
display: block;
width: 100%;
margin-top: 10px;
padding: 6px 0;
border: 0;
background: none;
color: rgb(22 24 28 / 0.62);
font: inherit;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.popupas .popupas__mygtukas {
margin-top: 0;
}
.popupas__forma .popupas__mygtukas {
margin-top: 10px;
}
.popupas__smulkiai {
margin-top: 10px;
}
@media (max-height: 520px) {
.popupas__foto {
display: none;
}
}
.kada .kada__eile--foto .kada__kortele:hover .kada__zodis,
.kada .kada__eile--foto .kada__kortele--aktyvi .kada__zodis,
.kada .kada__eile--foto .kada__kortele--aktyvi:hover .kada__zodis {
letter-spacing: -0.04em;
}
@media (min-width: 780px) and (max-width: 1023px) {
.kainos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
border-top: 0;
}
.kainos li {
display: flex;
}
.kainos .kaina,
.kainos .kaina.kaina--zymeta {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
grid-template-columns: none;
grid-template-areas: none;
gap: 6px;
margin: 0;
padding: 40px 12px 16px;
border: 1px solid var(--ink);
text-align: left;
}
.kainos .kaina__zyme {
position: absolute;
top: 12px;
left: 12px;
margin: 0;
}
.kainos .kaina__kiekis {
font-size: 15px;
}
.kainos .kaina__vnt {
margin-top: 8px;
text-align: left;
font-size: 26px;
line-height: 1;
}
.kainos .kaina__vnt span {
display: block;
margin: 6px 0 0;
}
.kainos .kaina__viso {
margin-top: 8px;
text-align: left;
font-size: 14px;
}
.kainos .kaina__laikas {
font-size: 12px;
}
.kainos .kaina__sutaupai {
display: table;
margin-top: 5px;
padding: 2px 6px;
background: var(--peach);
color: var(--ink);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.01em;
}
.kainos .kaina__skirt,
.kainos .kaina__sutaupai-proc {
display: none;
}
.kainos .kaina__pristatymas {
margin-top: 6px;
font-size: 11px;
line-height: 1.3;
}
.kainos .kaina__pristatymas--nemokamas {
padding: 2px 6px 2px 5px;
white-space: normal;
}
.kainos .kaina__rinktis {
display: inline-block;
margin-top: auto;
padding-top: 18px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.kainos .kaina__rinktis::after {
content: " 92";
}
.kainos .kaina__dezutes {
--d: 14px;
--z: 8px;
position: absolute;
top: 32px;
right: 9px;
display: grid;
grid-template-columns: repeat(var(--st, 1), var(--z));
grid-auto-rows: var(--z);
padding: 0 calc(var(--d) - var(--z) + var(--z) / 2) calc(var(--d) - var(--z)) 0;
pointer-events: none;
}
.kainos .kaina__dezutes[data-n="3"],
.kainos .kaina__dezutes[data-n="6"] {
--st: 3;
}
.kainos .kaina__dezutes[data-n="12"] {
--st: 6;
}
.kainos .kaina__dezutes svg {
display: block;
width: var(--d);
height: var(--d);
overflow: visible;
}
.kainos .kaina__dezutes[data-n="6"] svg:nth-child(n + 4),
.kainos .kaina__dezutes[data-n="12"] svg:nth-child(n + 7) {
translate: calc(var(--z) / 2) 0;
}
}
@media (max-width: 559px) {
.atsiliepimai__juosta {
flex-wrap: wrap;
justify-content: center;
row-gap: 10px;
}
.atsiliepimai__eile {
flex-basis: 100%;
}
.atsiliepimai__rodykle {
width: 40px;
height: 40px;
}
.atsiliepimai__rodykle--kaire {
order: 1;
}
.atsiliepimai__rodykle--desine {
order: 2;
}
.atsiliepimai .atsiliepimas {
flex-basis: min(84%, 320px);
}
}
.atsiliepimas__viso {
padding-block: 12px;
margin-top: -14px;
margin-bottom: -10px;
}
.atsiliepimai__apie a {
display: inline-block;
padding-block: 10px;
margin-block: -10px;
}
@media (max-width: 779px) {
.hero__tinklelis > :first-child {
padding-top: clamp(14px, 4.5vw, 20px);
}
}
@media (max-width: 779px) and (max-height: 700px) {
.hero__tinklelis > :first-child {
padding-top: 10px;
}
}
@media (max-width: 779px) {
html.pradzia main > section.dalis,
html.pradzia main > section.naudojimas,
html.pradzia main > section#kaina {
min-height: auto;
}
}
@media (max-width: 779px) {
.duk-dalis__veiksmas {
display: none;
}
}
@media (max-width: 779px) {
.kelias__punktas {
grid-template-columns: 52px minmax(0, 1fr);
column-gap: 14px;
}
.kelias__zenkliukas {
width: 52px;
height: 52px;
}
.kelias .kelias__ikona {
width: 30px;
height: 30px;
}
.kelias__zingsniai {
gap: 20px;
}
.kelias__nr {
position: absolute;
top: 58px;
left: 0;
width: 52px;
margin: 0;
font-size: 12px;
letter-spacing: 0.08em;
text-align: center;
}
.kelias__pav {
margin-top: 0;
}
.kelias__punktas:not(:last-child)::after {
top: 80px;
left: 25px;
bottom: -16px;
}
}
.paskata button span {
text-wrap: balance;
}
@media (max-width: 1023px) {
.kada .kada__eile.kada__eile--foto {
padding-block: 8px;
margin-block: 20px -8px;
}
}
@media (max-width: 1023px) and (prefers-reduced-motion: no-preference) {
.kada .kada__eile--foto .kada__kortele--aktyvi,
.kada .kada__eile--foto .kada__kortele--aktyvi:hover {
transform: translateY(-6px);
}
.kada .kada__eile--foto .kada__kortele--aktyvi .kada__ikona {
transform: scale(1.1);
}
.kada .kada__eile--foto .kada__kortele--aktyvi .kada__nuotrauka img {
transform: scale(1.04);
}
}
@media (min-width: 1024px) {
html.pradzia .kada .kada__eile--foto {
grid-template-columns: repeat(3, minmax(0, 420px));
justify-content: center;
}
}
.galva__veiksmai {
display: flex;
align-items: center;
gap: 10px;
}
.paskyra-nuoroda {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid var(--ink);
color: var(--ink);
text-decoration: none;
transition: background-color 0.18s ease;
}
.paskyra-nuoroda:hover {
background: var(--snow);
}
.paskyra-nuoroda svg {
width: 17px;
height: 17px;
}
.paskyra-nuoroda:focus-visible {
outline: 2px solid var(--ink);
outline-offset: 3px;
}
.paskyra .hero--doc {
padding-bottom: clamp(36px, 5vw, 64px);
}
.paskyra__forma {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
max-width: 520px;
}
.paskyra__laukas {
flex: 1 1 220px;
min-width: 0;
padding: 14px 16px;
border: 1px solid var(--ink);
background: var(--snow);
color: var(--ink);
font: inherit;
font-size: 16px;
}
.paskyra__laukas--kodas {
flex: 0 1 180px;
letter-spacing: 0.4em;
font-weight: 700;
font-variant-numeric: tabular-nums;
text-align: center;
}
.paskyra__forma .paskyra__smulkiai {
flex-basis: 100%;
margin: 0;
}
.paskyra__smulkiai {
display: block;
margin-top: 6px;
font-size: 14px;
line-height: 1.5;
opacity: 0.75;
}
.paskyra__nuoroda {
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.paskyra__klaida {
margin-top: 12px;
font-size: 14px;
font-weight: 600;
}
.paskyra__klaida:empty {
display: none;
}
.paskyra__naudos {
margin: 28px 0 0;
padding: 0;
list-style: none;
max-width: 520px;
border-top: 1px solid var(--linija);
}
.paskyra__naudos li {
padding: 12px 0;
border-bottom: 1px solid var(--linija);
font-size: 15px;
}
.paskyra__virsus {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 18px;
}
.paskyra__dalis {
padding-block: clamp(36px, 5vw, 60px);
}
.paskyra__h {
margin: 0 0 18px;
font-size: clamp(22px, 2.6vw, 30px);
font-weight: 700;
letter-spacing: -0.01em;
}
.paskyra__kreditas {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
}
.paskyra__kreditas .paskyra__h {
margin-bottom: 6px;
}
.paskyra__suma {
margin: 0;
font-size: clamp(44px, 7vw, 72px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
font-variant-numeric: tabular-nums;
}
.paskyra__kreditas .paskyra__smulkiai {
max-width: 52ch;
}
.paskyra__draugas-lead {
margin: 0 0 18px;
max-width: 52ch;
}
.paskyra__draugas {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 12px;
}
.paskyra__draugas-nuoroda {
flex: 1 1 260px;
min-width: 0;
padding: 14px 16px;
font: inherit;
font-size: 15px;
color: var(--ink);
background: var(--snow);
border: 1px solid var(--ink);
border-radius: 0;
}
.paskyra__istorija,
.paskyra__uzsakymai {
margin: 24px 0 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--linija);
}
.paskyra__istorija:empty {
display: none;
}
.paskyra__eilute {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid var(--linija);
}
.paskyra__eilute b {
font-weight: 600;
}
.paskyra__eilute-suma {
flex: none;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.paskyra__eilute-suma--minus {
opacity: 0.6;
}
.paskyra__tuscia {
max-width: 60ch;
}
.paskyra__tuscia .mygtukas {
margin-top: 16px;
}
.prenumerata {
padding: 22px 0;
border-top: 1px solid var(--ink);
}
.prenumerata + .prenumerata {
border-top-color: var(--linija);
}
.prenumerata--baigta {
opacity: 0.55;
}
.prenumerata__h {
margin: 6px 0 4px;
font-size: 20px;
font-weight: 700;
}
.prenumerata__kaina {
margin: 0;
font-variant-numeric: tabular-nums;
}
.prenumerata__veiksmai {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}
.prenumerata__mygtukas {
padding: 10px 14px;
border: 1px solid var(--ink);
background: transparent;
color: var(--ink);
font: inherit;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.prenumerata__mygtukas:hover {
background: var(--sky);
}
.prenumerata__mygtukas:disabled {
opacity: 0.5;
cursor: progress;
}
.prenumerata__forma {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 14px;
}
.prenumerata__forma .paskyra__laukas {
flex: 0 1 140px;
padding: 10px 12px;
}
.prenumerata__forma .paskyra__smulkiai {
margin: 0;
}
.paskyra [hidden],
.prenumerata__forma[hidden] {
display: none !important;
}
.kaina__truks {
display: block;
margin-top: 2px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
opacity: 0.75;
}
@media (max-width: 559px) {
html.pradzia main > section#kaina {
padding-block: 12px;
}
html.pradzia #kaina .pirkimas__h {
margin-top: 0;
font-size: 23px;
line-height: 1.12;
}
html.pradzia #kaina .lankas {
display: none;
}
html.pradzia #kaina .pirkimas__veiksmas .mygtukas {
min-height: 0;
padding-block: 13px;
}
html.pradzia #kaina .kainos {
margin-top: 12px;
margin-bottom: 8px;
}
html.pradzia #kaina .kainos .kaina {
padding-top: 12px;
padding-bottom: 10px;
}
html.pradzia #kaina .kainos .kaina .kaina__vnt {
margin-top: 4px;
font-size: 27px;
}
html.pradzia #kaina .kainos .kaina__viso {
margin-top: 4px;
}
html.pradzia #kaina .pirkimas__veiksmas {
margin-top: 10px;
}
html.pradzia #kaina .garantijos {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px 12px;
margin-top: 10px;
font-size: 12px;
line-height: 1.3;
}
html.pradzia #kaina .garantijos li {
align-items: flex-start;
gap: 6px;
}
html.pradzia #kaina .garantijos svg {
width: 16px;
height: 16px;
}
html.pradzia #kaina .garantijos {
grid-template-columns: 1.2fr 1fr;
font-size: 11.5px;
line-height: 1.25;
}
html.pradzia #kaina .pirkimas__veiksmas {
row-gap: 8px;
}
html.pradzia #kaina .paskata button {
min-height: 0;
padding: 8px 12px;
font-size: 13px;
}
}
.paskyra[data-busena="prisijungta"] .hero--doc {
padding-bottom: 20px;
}
.paskyra[data-busena="prisijungta"] .hero__h1 {
font-size: clamp(34px, 6vw, 56px);
}
.pren {
max-width: 640px;
border: 2px solid var(--ink);
background: var(--snow);
}
.pren + .pren {
margin-top: 16px;
}
.pren__virsus {
padding: 18px 18px 14px;
}
.pren__busena {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 8px;
background: var(--sky);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pren__busena::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #2f8f5b;
}
.pren--pristabdyta .pren__busena,
.pren--baigsis .pren__busena {
background: var(--peach);
}
.pren--pristabdyta .pren__busena::before,
.pren--baigsis .pren__busena::before {
background: var(--ink);
}
.pren__h {
margin: 10px 0 4px;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
}
.pren__kaina {
margin: 0;
font-size: 14px;
opacity: 0.75;
font-variant-numeric: tabular-nums;
}
.pren__kita {
display: grid;
gap: 2px;
margin: 0 18px;
padding: 14px 16px;
background: var(--bone);
}
.pren__kita-pav {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0.7;
}
.pren__kita-data {
font-size: 26px;
font-weight: 700;
line-height: 1.15;
}
.pren__kita-info {
font-size: 14px;
line-height: 1.45;
}
.pren__veiksmai {
margin: 14px 0 0;
border-top: 1px solid var(--linija);
}
.pren__veiksmas {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 14px 18px;
border: 0;
border-bottom: 1px solid var(--linija);
background: transparent;
color: var(--ink);
font: inherit;
text-align: left;
cursor: pointer;
touch-action: manipulation;
}
.pren__veiksmas-tekstas {
display: grid;
gap: 2px;
flex: 1;
min-width: 0;
}
.pren__veiksmas-tekstas b {
font-size: 16px;
font-weight: 700;
}
.pren__veiksmas-tekstas span {
font-size: 13.5px;
line-height: 1.4;
opacity: 0.75;
}
.pren__veiksmas--pagr {
background: var(--sky);
}
.pren__rodykle {
flex: none;
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
@media (any-hover: hover) {
.pren__veiksmas:hover {
background: var(--bone);
}
.pren__veiksmas--pagr:hover {
background: #a3c6df;
}
}
.pren__veiksmas:disabled {
opacity: 0.5;
cursor: progress;
}
.pren__atsaukti {
display: block;
margin: 14px 18px 16px;
padding: 4px 0;
border: 0;
background: none;
color: inherit;
font: inherit;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 3px;
opacity: 0.7;
cursor: pointer;
}
.pren__panele {
margin: 14px 18px 18px;
}
.pren__klausimas {
margin: 0 0 6px;
font-size: 18px;
font-weight: 700;
}
.pren__paaisk {
margin: 0 0 14px;
font-size: 14px;
line-height: 1.5;
}
.pren__mygtukai {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
}
.pren__mygtukai .mygtukas {
min-height: 48px;
padding: 12px 20px;
}
.mygtukas.mygtukas--linija {
background: transparent;
color: var(--ink);
border: 2px solid var(--ink);
}
.pren__ne {
padding: 8px 0;
border: 0;
background: none;
color: inherit;
font: inherit;
font-size: 15px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.pren__alternatyvos {
display: grid;
gap: 8px;
margin: 10px 0 14px;
}
.pren__alt {
padding: 13px 14px;
border: 1px solid var(--ink);
background: var(--bone);
color: var(--ink);
font: inherit;
font-size: 15px;
font-weight: 600;
text-align: left;
cursor: pointer;
}
.pren__lauko-pav {
margin: 14px 0 6px;
font-size: 13px;
font-weight: 700;
}
.pren__kiekis {
display: inline-flex;
border: 2px solid var(--ink);
}
.pren__kiekis button {
width: 48px;
min-height: 46px;
border: 0;
background: transparent;
font: inherit;
font-size: 22px;
font-weight: 700;
cursor: pointer;
touch-action: manipulation;
}
.pren__kiekis button:disabled {
opacity: 0.3;
}
.pren__kiekis-sk {
display: grid;
place-items: center;
min-width: 110px;
border-inline: 1px solid var(--linija);
font-size: 16px;
font-weight: 700;
}
.pren__cipai {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.pren__cipas {
padding: 9px 12px;
border: 1px solid var(--ink);
background: transparent;
color: var(--ink);
font: inherit;
font-size: 14px;
font-weight: 600;
cursor: pointer;
touch-action: manipulation;
}
.pren__cipas[aria-checked="true"] {
background: var(--ink);
color: var(--snow);
}
.pren__nauja {
margin: 16px 0 14px;
padding: 10px 12px;
background: var(--bone);
font-size: 14px;
font-weight: 600;
line-height: 1.45;
}
.pren__zinute {
margin: 0 18px 16px;
font-size: 14px;
font-weight: 700;
}
.pren__zinute:empty {
display: none;
}
.pren__zinute--klaida {
color: #a1281e;
}
.pren-baigta {
max-width: 640px;
margin: 12px 0 0;
font-size: 14px;
opacity: 0.6;
}
.paskyra__uzsakymai {
max-width: 640px;
border-top: 0;
}
.uzs {
padding: 14px 16px;
border: 1px solid var(--ink);
background: var(--snow);
}
.uzs + .uzs {
margin-top: 10px;
}
.uzs__virsus {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: 16px;
}
.uzs__suma {
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.uzs__apacia {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
margin-top: 8px;
font-size: 13px;
}
.uzs__busena {
padding: 2px 8px;
font-weight: 700;
}
.uzs__busena--issiusta {
background: var(--sky);
}
.uzs__busena--ruosiama {
background: var(--peach);
}
.uzs__info {
opacity: 0.7;
}
.uzs__saskaita {
margin-left: auto;
font-weight: 700;
color: inherit;
text-underline-offset: 3px;
}
.pren__cipai[hidden] {
display: none;
}
.pren__paieska {
width: 100%;
margin-top: 10px;
}
.pren__pastomatai {
margin: 8px 0 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--linija);
}
.pren__pastomatai:empty {
display: none;
}
.pren__pastomatas {
display: grid;
gap: 2px;
width: 100%;
padding: 11px 4px;
border: 0;
border-bottom: 1px solid var(--linija);
background: none;
color: var(--ink);
font: inherit;
font-size: 14px;
text-align: left;
cursor: pointer;
}
.pren__pastomatas span {
font-size: 13px;
opacity: 0.7;
}
@media (any-hover: hover) {
.pren__pastomatas:hover {
background: var(--bone);
}
}
.pren__forma .pren__paaisk {
margin-top: 10px;
}
@media (max-width: 559px) {
.popupas {
place-items: end stretch;
padding: 0;
}
.popupas__fonas {
background: rgb(22 24 28 / 0.4);
}
.popupas__langas {
width: 100%;
max-height: 82svh;
border: 0;
border-top: 2px solid var(--ink);
padding: 20px 20px calc(16px + env(safe-area-inset-bottom));
}
.popupas__foto {
flex: 0 1 auto;
max-height: 26svh;
}
.popupas__foto img {
max-height: 26svh;
object-fit: cover;
}
}
@media (max-width: 559px) and (prefers-reduced-motion: no-preference) {
.popupas__langas {
animation: popupas-is-apacios 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
}
@keyframes popupas-is-apacios {
from {
transform: translateY(100%);
}
}
.paskyra > .hero--doc {
padding-top: clamp(36px, 6vw, 72px);
}
@media (min-width: 1024px) {
.pirkimas .garantijos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px 28px;
}
.pirkimas .garantijos li {
align-items: flex-start;
}
}
@media (max-width: 1023px) {
.dokumentas__turinys {
display: block;
margin-bottom: 28px;
padding: 14px 16px 6px;
border: 1px solid var(--ink);
background: var(--snow);
}
.dokumentas__turinys ol {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.dokumentas__turinys li + li {
border-top: 1px solid var(--linija);
}
.dokumentas__turinys a {
display: block;
padding-block: 9px;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
color: var(--ink);
text-decoration: none;
}
}
.kainos__ivertinimas[hidden] {
display: none;
}
.kainos__ivertinimas {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 8px;
margin-top: 10px;
color: var(--ink);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.kainos__ivertinimas .plyteles {
--plytele: 18px;
}
.kainos__ivertinimas b {
font-size: 16px;
font-weight: 900;
}
.kainos__ivertinimas span:last-child {
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 559px) {
html.pradzia #kaina .kainos__ivertinimas {
margin-top: 6px;
font-size: 13px;
}
}
.pirkti-juosta[hidden] {
display: none;
}
.pirkti-juosta {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
border-top: 2px solid var(--ink);
background: var(--snow);
}
.pirkti-juosta__tekstas {
display: grid;
min-width: 0;
line-height: 1.25;
}
.pirkti-juosta__tekstas b {
font-size: 15px;
font-weight: 800;
}
.pirkti-juosta__tekstas span {
font-size: 12px;
opacity: 0.75;
}
.pirkti-juosta__btn {
flex: none;
padding: 13px 22px;
background: var(--ink);
color: var(--snow);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
}
@media (prefers-reduced-motion: no-preference) {
.pirkti-juosta {
animation: popupas-is-apacios 0.25s ease-out;
}
}
@media (min-width: 1024px) {
.pirkimas > .in > .lankas {
grid-row: 1;
}
.pirkimas > .in > .pirkimas__h {
grid-row: 2;
}
.pirkimas > .in > .kainos {
grid-row: 3;
}
.pirkimas > .in > .kainos__ivertinimas {
grid-column: 2;
grid-row: 2;
align-self: end;
justify-self: end;
margin: 0 0 10px;
}
}
.ambasadorius__citata {
position: relative;
padding: 22px 20px 18px;
border-left: 0;
background: var(--sky);
color: var(--ink);
}
.ambasadorius__citata p {
color: var(--ink);
font-weight: 600;
}
.ambasadorius__kabutes {
display: block;
width: 30px;
height: 22px;
margin-bottom: 10px;
fill: var(--ink);
}
.ambasadorius__autorius {
margin-top: 12px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.7;
}
ul.ambasadorius__skaiciai {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 8px;
margin: 12px 0 0;
padding: 0;
list-style: none;
color: var(--snow);
}
ul.ambasadorius__skaiciai li {
display: grid;
align-content: center;
gap: 2px;
min-height: 64px;
padding: 10px 12px;
border: 1px solid rgb(255 255 255 / 0.22);
}
ul.ambasadorius__skaiciai b {
font-size: 20px;
font-weight: 900;
line-height: 1.05;
white-space: nowrap;
}
ul.ambasadorius__skaiciai span {
font-size: 12px;
opacity: 0.7;
}
ul.ambasadorius__skaiciai .ambasadorius__tiktok {
padding: 0;
border-color: var(--sky);
}
ul.ambasadorius__skaiciai .ambasadorius__tiktok a {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
width: auto;
height: 100%;
margin: 0;
padding: 10px 12px;
color: var(--sky);
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
ul.ambasadorius__skaiciai .ambasadorius__tiktok span {
opacity: 1;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 3px;
overflow-wrap: anywhere;
}
ul.ambasadorius__skaiciai svg {
width: 18px;
height: 18px;
fill: currentColor;
}
@media (any-hover: hover) {
ul.ambasadorius__skaiciai .ambasadorius__tiktok a:hover {
background: var(--sky);
color: var(--ink);
}
}
@media (min-width: 780px) {
.ambasadorius__in {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
align-items: center;
}
.ambasadorius__foto {
align-self: center;
aspect-ratio: 4 / 5;
min-height: 0;
max-height: min(calc(var(--ekr-s, 100svh) - var(--galva, 90px) - 64px), 720px);
}
.ambasadorius__citata {
padding: clamp(22px, 3vh, 32px) clamp(22px, 2.4vw, 34px);
}
.ambasadorius__kabutes {
width: 40px;
height: 30px;
}
.ambasadorius__citata p {
font-size: clamp(19px, min(1.7vw, 3vh), 26px);
}
ul.ambasadorius__skaiciai {
width: 100%;
margin-top: 12px;
}
ul.ambasadorius__skaiciai b {
font-size: clamp(20px, 2vw, 30px);
}
ul.ambasadorius__skaiciai span {
font-size: 13px;
}
.ambasadorius__tekstas .ambasadorius__citata {
align-self: stretch;
}
}
@media (max-width: 779px) {
ul.ambasadorius__skaiciai {
grid-template-columns: 1fr 1fr;
}
ul.ambasadorius__skaiciai .ambasadorius__tiktok {
grid-column: 1 / -1;
min-height: 0;
}
ul.ambasadorius__skaiciai .ambasadorius__tiktok a {
flex-direction: row;
align-items: center;
justify-content: center;
padding: 12px;
}
ul.ambasadorius__skaiciai b {
font-size: 19px;
}
}
.pren--nepavyko .pren__busena {
background: var(--peach);
}
.pren--nepavyko .pren__busena::before {
background: #a1281e;
}
.pren--nepavyko .pren__kita {
background: var(--peach);
}
@media (min-width: 900px) {
.pren {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"virsus veiksmai"
"kita veiksmai"
"zinute atsaukti";
grid-template-rows: auto 1fr auto;
max-width: none;
}
.pren__virsus {
grid-area: virsus;
padding: 26px 28px 16px;
}
.pren__h {
font-size: 26px;
}
.pren__kita {
grid-area: kita;
align-self: start;
margin: 0 28px 24px;
padding: 18px 20px;
}
.pren__kita-data {
font-size: 32px;
}
.pren__veiksmai,
.pren__panele {
grid-area: veiksmai;
margin: 0;
border-top: 0;
border-left: 1px solid var(--linija);
}
.pren__panele {
padding: 24px 28px;
}
.pren__veiksmas {
padding: 18px 24px;
}
.pren__atsaukti {
grid-area: atsaukti;
justify-self: start;
align-self: center;
margin: 0 24px;
padding: 16px 0;
}
.pren__zinute {
grid-area: zinute;
align-self: center;
margin: 0 28px 16px;
}
.pren-baigta {
max-width: none;
}
.paskyra__uzsakymai {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
max-width: none;
}
.uzs + .uzs {
margin-top: 0;
}
}
@media (min-width: 1400px) {
.paskyra__uzsakymai {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 560px) {
.pren,
.pren-baigta,
.paskyra__uzsakymai {
max-width: none;
}
}
.pren__kortele {
min-height: 60px;
margin: 4px 0 16px;
}
.pren__greitas[hidden] {
display: none;
}
.pren__greitas {
margin: 4px 0 6px;
}
.pren__arba {
display: flex;
align-items: center;
gap: 12px;
margin: 14px 0 4px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.7;
}
.pren__arba::before,
.pren__arba::after {
content: "";
flex: 1;
height: 1px;
background: currentColor;
opacity: 0.35;
}
.arnas {
background: var(--snow);
color: var(--ink);
}
.arnas__in {
display: grid;
gap: 24px;
}
.arnas .lankas {
color: var(--far);
}
.arnas__citata {
margin: 10px 0 0;
}
.arnas__pagr {
margin: 0;
font-size: clamp(25px, 6.6vw, 34px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.015em;
text-wrap: balance;
}
.arnas__pagr mark {
padding: 0 0.12em;
background: var(--sky);
color: inherit;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.arnas__antr {
margin: 12px 0 0;
font-size: 17px;
line-height: 1.45;
opacity: 0.8;
}
.arnas__autorius {
display: flex;
align-items: center;
gap: 12px;
margin-top: 18px;
}
.arnas__avataro-rem {
display: contents;
}
.arnas__avataras {
flex: none;
width: 48px;
height: 48px;
border: 2px solid var(--ink);
border-radius: 50%;
object-fit: cover;
object-position: 45% 30%;
}
.arnas__autorius > span {
display: grid;
line-height: 1.3;
}
.arnas__autorius b {
font-size: 16px;
font-weight: 800;
}
.arnas__autorius span span {
font-size: 13px;
opacity: 0.7;
}
.arnas__skaiciai {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 20px 0 0;
border-top: 2px solid var(--ink);
border-bottom: 1px solid var(--linija);
}
.arnas__skaiciai > div {
display: flex;
flex-direction: column-reverse;
gap: 2px;
padding: 12px 0;
}
.arnas__skaiciai > div + div {
padding-left: 16px;
border-left: 1px solid var(--linija);
}
.arnas__skaiciai dt {
font-size: 13px;
opacity: 0.7;
}
.arnas__skaiciai dd {
margin: 0;
font-size: clamp(26px, 7vw, 40px);
font-weight: 900;
line-height: 1;
letter-spacing: -0.02em;
white-space: nowrap;
}
.arnas__veiksmai {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 22px;
margin-top: 22px;
}
.arnas__cta {
justify-content: space-between;
gap: 16px;
}
.arnas__tiktok {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--ink);
font-size: 15px;
font-weight: 700;
text-underline-offset: 4px;
}
.arnas__tiktok svg,
.arnas__zyma svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.arnas__foto {
position: relative;
order: -1;
margin: 0;
aspect-ratio: 4 / 5;
max-height: 62svh;
border: 2px solid var(--ink);
background: var(--bone);
}
.arnas__foto img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 55% 35%;
}
.arnas__zyma {
position: absolute;
top: 12px;
left: 12px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 11px;
background: var(--ink);
color: var(--snow);
font-size: 13px;
font-weight: 700;
}
.arnas__lipdukas {
position: absolute;
right: 14px;
bottom: 18px;
padding: 8px 12px;
border: 2px solid var(--ink);
background: var(--sky);
color: var(--ink);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
transform: rotate(-4deg);
}
@media (max-width: 899px) {
.arnas__cta {
width: 100%;
}
.arnas__foto {
width: 100%;
}
}
@media (min-width: 900px) {
.arnas__in {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: center;
column-gap: clamp(40px, 6vw, 110px);
}
.arnas__foto {
order: 0;
max-height: min(calc(var(--ekr-s, 100svh) - var(--galva, 90px) - 80px), 680px);
justify-self: end;
width: 100%;
}
.arnas__pagr {
font-size: clamp(32px, 3.3vw, 54px);
}
.arnas__antr {
font-size: 19px;
}
.arnas__skaiciai {
max-width: 520px;
}
.arnas__skaiciai dd {
font-size: clamp(32px, 3vw, 48px);
}
.arnas__lipdukas {
right: -18px;
bottom: 32px;
font-size: 13px;
}
}
@media (min-width: 560px) and (max-width: 899px) {
.arnas__foto {
max-width: 460px;
}
.arnas__cta {
width: auto;
}
}
.arnas {
background: var(--ink);
color: var(--snow);
}
.arnas__pagr mark {
color: var(--ink);
}
.arnas__antr {
opacity: 0.75;
}
.arnas__avataras {
border-color: var(--snow);
}
.arnas__skaiciai {
border-top-color: var(--snow);
border-bottom-color: rgb(255 255 255 / 0.22);
}
.arnas__skaiciai > div + div {
border-left-color: rgb(255 255 255 / 0.22);
}
.arnas__tiktok {
color: var(--sky);
}
.arnas__foto {
border-color: var(--snow);
background: var(--mid);
}
.arnas__zyma {
background: var(--snow);
color: var(--ink);
}
.arnas__zyma {
text-decoration: none;
}
@media (min-width: 900px) {
html.pradzia main > section.arnas {
padding-block: clamp(18px, 4vh, 56px);
}
.arnas__foto {
max-height: min(calc(var(--ekr-s, 100svh) - var(--galva, 57px) - 2 * clamp(18px, 4vh, 56px)), 680px);
}
.arnas__pagr {
font-size: clamp(28px, min(3.3vw, 5.6vh), 54px);
}
.arnas__antr {
margin-top: clamp(6px, 1.4vh, 12px);
font-size: clamp(16px, 2.3vh, 19px);
}
.arnas__autorius {
margin-top: clamp(10px, 2.2vh, 18px);
}
.arnas__skaiciai {
margin-top: clamp(12px, 2.4vh, 20px);
}
.arnas__skaiciai > div {
padding-block: clamp(6px, 1.4vh, 12px);
}
.arnas__skaiciai dd {
font-size: clamp(28px, min(3vw, 5.2vh), 48px);
}
.arnas__veiksmai {
margin-top: clamp(12px, 2.6vh, 22px);
}
}
@media (min-width: 780px) and (max-height: 760px) {
html.pradzia main > section.kada {
padding-block: clamp(16px, 3vh, 40px);
}
}
@media (max-width: 899px) {
.arnas__foto {
aspect-ratio: 4 / 3;
max-height: none;
}
.arnas__foto img {
object-position: 55% 30%;
}
.arnas__lipdukas {
bottom: 12px;
padding: 6px 10px;
font-size: 11px;
}
.arnas__tiktok {
display: none;
}
.arnas__pagr {
font-size: clamp(23px, 6.2vw, 30px);
}
.arnas__antr {
margin-top: 8px;
font-size: 15px;
}
.arnas__autorius {
margin-top: 14px;
}
.arnas__skaiciai {
margin-top: 14px;
}
.arnas__skaiciai > div {
padding-block: 8px;
}
.arnas__skaiciai dd {
font-size: 26px;
}
.arnas__veiksmai {
margin-top: 16px;
}
.arnas__in {
gap: 18px;
}
}
.paskyra:not([data-busena="prisijungta"]) + .kalnas,
main:has(> .padeka-naudoti:last-child) + .kalnas,
section.hero--doc + .kalnas {
background: var(--sky);
}
.aciu-saskaita {
margin: 14px 0 0;
font-size: 15px;
font-weight: 700;
}
.aciu-saskaita a {
color: inherit;
text-underline-offset: 3px;
}
.straipsnis__cta {
margin-top: 36px;
padding: 22px 22px 6px;
background: var(--sky);
}
.straipsnis__cta p {
margin: 0 0 16px;
}
.straipsnis__smulkiai {
margin-top: 28px;
font-size: 13px;
opacity: 0.75;
}
.teisinis ol.sarasas {
padding-left: 1.2em;
}
.teisinis .straipsnis__cta a.mygtukas,
.teisinis .straipsnis__cta a.mygtukas span {
color: var(--snow);
text-decoration: none;
}
.draugo-juosta {
margin: 0;
padding: 10px 16px;
background: var(--ink);
color: var(--snow);
font-size: 14px;
font-weight: 600;
text-align: center;
}
.aciu-draugas .mygtukas[hidden] {
display: none;
}
.dalintis__busena {
margin: 12px 0 0;
font-size: 15px;
color: var(--sky);
}
.dalintis__busena:empty {
display: none;
}