.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-section .wpforms-container :is(input, select, textarea) {
border: none !important;
border-radius: var(--radius-md) !important;
padding: calc(var(--spacing) * 3);
box-shadow: inset 0 2px 4px rgb(0 0 0 / .05) !important;
color: #000 !important;
}
.putka-lp-section .wpforms-container :is(input, select, textarea)::placeholder {
color: var(--breadcrumb-grey) !important;
}
.putka-lp-section .required-span {
color: var(--wpforms-label-error-color);
}
.putka-lp-section .wpforms-container :is(input.wpforms-field-medium, select.wpforms-field-medium, .wpforms-field-row.wpforms-field-medium) {
max-width: 100% !important;
}
.putka-lp-section .wpforms-container h3 {
margin: 0 0 1rem !important;
padding: 0 !important;
font-family: Instrument Sans, sans-serif !important;
font-size: 18px !important;
}
.putka-lp-section .wpforms-field-divider-hide_line,
.putka-lp-section .wpforms-field-file-upload .wpforms-field-label {
margin: 0 !important;
}
.putka-lp-section .wpforms-field-file-upload {
display: flex !important;
align-items: center !important;
gap: .75rem !important;
}
.putka-lp-section .dz-message {
display: none !important;
}
.putka-lp-section .wpforms-uploader.dz-clickable {
position: relative !important;
padding: .75rem !important;
border: 0 !important;
border-radius: 999px !important;
background-color: var(--primary-claret) !important;
}
.putka-lp-section .wpforms-uploader.dz-clickable::after {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
background: center / cover no-repeat url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.98115 7.01891H0.601562V4.97724H4.98115V0.597656H7.02281V4.97724H11.4024V7.01891H7.02281V11.3985H4.98115V7.01891Z" fill="white"/></svg>');
content: '';
pointer-events: none;
}
.putka-lp-section .wpforms-submit-container {
display: flex !important;
justify-content: center !important;
}
.putka-lp-section .wpforms-submit-container button {
display: flex !important;
width: 225px !important;
align-items: center !important;
justify-content: center !important;
padding: calc(var(--spacing) * 6) calc(var(--spacing) * 4) !important;
border-radius: 999px !important;
background-color: var(--primary-claret) !important;
font-weight: var(--font-weight-bold) !important;
}
.putka-lp-section div.wpforms-container-full .wpforms-form .wpforms-field-divider {
border: none !important;
}
.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;
}
}