.putka-lp-section.has-lp-text-color {
color: var(--lp-text-color);
}
.putka-lp-section.has-lp-text-font {
font-family: var(--lp-text-font);
}
.putka-lp-section.has-lp-background > section {
background-color: var(--lp-background) !important;
}
.putka-lp-section.has-lp-heading-color :is(h1, h2, h3, h4) {
color: var(--lp-heading-color);
}
.putka-lp-section.has-lp-heading-font :is(h1, h2, h3, h4) {
font-family: var(--lp-heading-font);
}
.putka-lp-section.has-lp-heading-size-mobile :is(h1, h2, h3, h4) {
font-size: var(--lp-heading-size-mobile);
}
.putka-lp-section.has-lp-heading-line-height :is(h1, h2, h3, h4) {
line-height: var(--lp-heading-line-height);
}
.putka-lp-section.has-lp-heading-weight :is(h1, h2, h3, h4) {
font-weight: var(--lp-heading-weight);
}
.putka-lp-section.has-lp-heading-alignment :is(h1, h2, h3, h4) {
text-align: var(--lp-heading-alignment);
}
.putka-lp-section.has-lp-button-background a[class*="rounded-full"] {
background-color: var(--lp-button-background) !important;
}
.putka-lp-section.has-lp-button-color a[class*="rounded-full"] {
color: var(--lp-button-color) !important;
}
.putka-lp-section.has-lp-button-font a[class*="rounded-full"] {
font-family: var(--lp-button-font);
}
.putka-lp-gallery {
width: 100%;
}
.putka-lp-gallery__intro {
max-width: 44rem;
margin-inline: auto;
padding: 2.5rem 1rem;
}
.putka-lp-gallery__intro h2,
.putka-lp-gallery__intro > p {
max-width: 44rem;
margin: 0 auto 1.5rem;
text-align: center;
}
.putka-lp-gallery__intro h2 {
font-size: 1.875rem;
font-weight: 700;
line-height: 1.5;
}
.putka-lp-gallery__grid {
display: grid;
grid-template-columns: 1fr;
}
.putka-lp-badges {
position: absolute;
z-index: 2;
top: 0;
right: 1rem;
display: flex;
gap: .35rem;
align-items: flex-start;
}
.putka-lp-badge {
display: flex;
width: 3.5rem;
min-height: 4.5rem;
padding: .5rem .25rem;
align-items: flex-end;
justify-content: center;
border-radius: 0 0 .5rem .5rem;
background: #5d921e;
color: #fff;
font-size: .65rem;
font-weight: 700;
line-height: 1.15;
text-align: center;
}
.putka-lp-badge--sugar_free { background: #a20f2b; }
.putka-lp-badge--low_ig { background: #758d0f; }
.putka-lp-badge--lactose_free { background: #327f87; }
.putka-lp-carousel-nav {
display: flex;
justify-content: center;
gap: .75rem;
margin-top: 1.5rem;
}
.putka-lp-carousel-nav button {
display: grid;
width: 2.75rem;
height: 2.75rem;
place-items: center;
border: 1px solid currentColor;
border-radius: 999px;
background: #fff;
color: #232323;
cursor: pointer;
font-size: 1.5rem;
}
.putka-lp-carousel-nav button:disabled {
cursor: default;
opacity: .35;
}
.putka-lp-products.is-carousel {
display: flex !important;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.putka-lp-products.is-carousel::-webkit-scrollbar { display: none; }
.putka-lp-products.is-carousel > * {
flex: 0 0 min(88%, 26rem);
scroll-snap-align: start;
}
@media (min-width: 768px) {
.putka-lp-section.has-lp-heading-size-desktop :is(h1, h2, h3, h4) {
font-size: var(--lp-heading-size-desktop);
}
.putka-lp-products.is-carousel > * { flex-basis: calc((100% - 3.75rem) / 3); }
.putka-lp-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1024px) {
.putka-lp-section a[class*="rounded-full"] {
margin-top: .5rem;
margin-bottom: .5rem;
}
}