body.single-product {
--pro-navy: #06366f;
--pro-blue: #0879df;
--pro-blue-2: #1595eb;
--pro-sky: #e9f7ff;
--pro-orange: #ff7208;
--pro-orange-dark: #eb5d00;
--pro-green: #14aa4a;
--pro-ink-soft: #527093;
--pro-line: rgba(31, 128, 206, .18);
--pro-glass: rgba(255, 255, 255, .62);
background:
linear-gradient(180deg, rgba(240, 249, 255, .70), rgba(255, 255, 255, .96) 1050px),
url(//www.progenion.nl/wp-content/themes/progenion-nieuw/assets/progenion-productgalerij-natuur-zomer.webp) center 150px / cover fixed no-repeat;
color: var(--pro-navy);
}
body.single-product #primary,
body.single-product .site-main,
body.single-product .content-area {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
body.single-product #secondary,
body.single-product .widget-area {
display: none;
}
.pro-single-product,
.pro-single-product * {
box-sizing: border-box;
}
.pro-single-product {
position: relative;
isolation: isolate;
clear: both;
width: 100%;
margin: 0;
padding: 0 0 72px;
background: transparent;
color: var(--pro-navy);
font-family: 'Nunito Sans', 'Segoe UI', Arial, sans-serif;
}
.pro-single-product::before {
position: absolute;
top: -90px;
left: 50%;
z-index: -1;
width: 100vw;
height: 950px;
background:
linear-gradient(180deg, rgba(244, 251, 255, .20), rgba(255, 255, 255, .50) 78%, #fff 100%),
url(//www.progenion.nl/wp-content/themes/progenion-nieuw/assets/progenion-productgalerij-natuur-zomer.webp) center top / cover no-repeat;
content: '';
transform: translateX(-50%);
pointer-events: none;
}
.woocommerce div.product.pro-single-product,
.woocommerce-page div.product.pro-single-product {
overflow: visible;
}
.woocommerce div.product.pro-single-product .pro-product-purchase-card.summary,
.woocommerce-page div.product.pro-single-product .pro-product-purchase-card.summary {
position: relative !important;
inset: auto !important;
float: none !important;
clear: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
transform: none !important;
}
.pro-product-page-shell {
float: none !important;
clear: both !important;
width: min(1440px, calc(100% - 40px)) !important;
max-width: 1440px !important;
margin: 0 auto !important;
padding: 18px 0 60px;
} @media (min-width: 901px) {
body.single-product .pro-single-product {
margin-top: 0 !important;
padding-top: 76px !important;
}
body.single-product .pro-product-page-shell {
padding-top: 18px !important;
}
}
body.single-product .woocommerce-breadcrumb:not(.pro-product-breadcrumb),
body.single-product .fusion-page-title-bar .fusion-breadcrumbs {
display: none !important;
}
.pro-product-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
min-height: 48px;
margin: 0 0 14px;
padding: 7px 12px;
border: 1px solid rgba(255, 255, 255, .78);
border-radius: 15px;
background: linear-gradient(120deg, rgba(255, 255, 255, .78), rgba(225, 244, 255, .58));
box-shadow: 0 10px 28px rgba(8, 65, 112, .08), inset 0 1px 0 rgba(255, 255, 255, .96);
color: #567492;
font-size: 12px;
font-weight: 750;
white-space: nowrap;
overflow: hidden;
-webkit-backdrop-filter: blur(18px) saturate(125%);
backdrop-filter: blur(18px) saturate(125%);
}
.pro-product-breadcrumb a {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 7px;
color: var(--pro-blue);
text-decoration: none;
transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.pro-breadcrumb-home {
min-height: 32px;
padding: 5px 10px;
border: 1px solid rgba(8, 121, 223, .14);
border-radius: 10px;
background: rgba(255, 255, 255, .70);
}
.pro-breadcrumb-home svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.pro-breadcrumb-home:hover,
.pro-breadcrumb-category:hover {
color: #fe3d01;
}
.pro-breadcrumb-category {
padding: 6px 8px;
border-radius: 8px;
color: #0b5fa9 !important;
}
.pro-breadcrumb-category:hover { background: rgba(255, 255, 255, .62); }
.pro-breadcrumb-separator {
flex: 0 0 auto;
color: #8fb2d0;
font-size: 18px;
font-weight: 500;
line-height: 1;
}
.pro-breadcrumb-current {
min-width: 0;
overflow: hidden;
color: var(--pro-navy);
font-weight: 850;
text-overflow: ellipsis;
}
.pro-product-hero {
position: relative !important;
inset: auto !important;
display: grid !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
gap: 16px;
align-items: stretch;
transform: none !important;
}
.pro-product-hero > *,
.pro-product-copy,
.pro-buybox,
.pro-volume-discount,
.pro-payment-trust {
position: relative;
float: none !important;
clear: none !important;
width: auto !important;
min-width: 0;
max-width: none;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
}
.pro-product-gallery-card,
.pro-product-purchase-card,
.pro-service-strip,
.pro-product-anchor-nav,
.pro-product-overview,
.pro-product-specifications,
.pro-product-combinations,
.pro-section-heading--details,
.pro-product-details .woocommerce-tabs,
.pro-product-details .related,
.pro-product-details .up-sells {
border: 1px solid rgba(255, 255, 255, .92);
border-radius: 22px;
background: var(--pro-glass);
box-shadow: 0 18px 50px rgba(12, 69, 119, .10), inset 0 1px 0 rgba(255, 255, 255, .86);
-webkit-backdrop-filter: blur(18px) saturate(122%);
backdrop-filter: blur(18px) saturate(122%);
}
.pro-product-gallery-card {
position: relative;
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
min-width: 0;
min-height: 575px;
padding: 22px 22px 16px;
overflow: hidden;
background: rgba(255, 255, 255, .34);
-webkit-backdrop-filter: blur(12px) saturate(115%);
backdrop-filter: blur(12px) saturate(115%);
}
.pro-product-gallery-card::after {
position: absolute;
inset: auto 7% 88px;
z-index: 0;
height: 44px;
border-radius: 50%;
background: rgba(12, 74, 122, .10);
filter: blur(22px);
content: '';
pointer-events: none;
}
.pro-product-view-toggle {
position: absolute;
top: 18px;
left: 18px;
z-index: 12;
display: flex;
gap: 3px;
padding: 4px;
border: 1px solid rgba(255, 255, 255, .92);
border-radius: 999px;
background: rgba(255, 255, 255, .78);
box-shadow: 0 8px 24px rgba(13, 73, 125, .11);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.pro-product-view-toggle button {
min-width: 100px;
min-height: 34px;
padding: 6px 16px;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--pro-navy);
font: inherit;
font-size: 13px;
font-weight: 800;
cursor: pointer;
}
.pro-product-view-toggle button.is-active {
background: linear-gradient(135deg, var(--pro-blue-2), #0871d4);
color: #fff;
box-shadow: 0 7px 18px rgba(8, 113, 212, .26);
}
.pro-test-score {
position: absolute;
top: 36px;
right: 34px;
z-index: 11;
display: grid;
place-items: center;
width: 108px;
height: 132px;
padding-top: 22px;
color: #fff;
filter: drop-shadow(0 14px 17px rgba(4, 80, 175, .20));
}
.pro-test-score::before {
position: absolute;
inset: 0;
z-index: -1;
border-radius: 14px 14px 52% 52%;
background: linear-gradient(160deg, #178bff, #245de5);
clip-path: polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
content: '';
}
.pro-test-score::after {
position: absolute;
left: 8px;
right: 8px;
bottom: -5px;
z-index: -1;
aspect-ratio: 1;
border: 8px solid #fff;
border-radius: 50%;
background: #f4f9ff;
box-shadow: 0 0 0 7px #2b70e5;
content: '';
}
.pro-test-score span {
align-self: start;
font-size: 9px;
font-weight: 900;
line-height: 1;
text-align: center;
}
.pro-test-score strong {
position: absolute;
bottom: 15px;
z-index: 2;
color: #2866e6;
font-size: 42px;
font-weight: 900;
letter-spacing: -.05em;
}
.pro-native-gallery {
position: relative;
z-index: 2;
height: 100%;
}
.pro-native-gallery .woocommerce-product-gallery {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
float: none !important;
width: 100% !important;
height: 100%;
margin: 0 !important;
padding-top: 42px;
}
.pro-native-gallery .woocommerce-product-gallery__wrapper {
min-height: 430px;
margin: 0 !important;
}
.pro-native-gallery .woocommerce-product-gallery__image {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 430px;
} .pro-native-gallery .woocommerce-product-gallery.pro-gallery-fallback {
height: auto;
}
.pro-native-gallery .pro-gallery-fallback .woocommerce-product-gallery__wrapper {
position: relative !important;
inset: auto !important;
display: none !important;
width: 100% !important;
height: 430px !important;
min-height: 430px !important;
max-height: 430px !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
}
.pro-gallery-stage {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 430px;
padding: 34px 34px 18px;
overflow: hidden;
}
.pro-gallery-stage::after {
position: absolute;
right: 16%;
bottom: 28px;
left: 16%;
z-index: -1;
height: 30px;
border-radius: 50%;
background: rgba(9, 63, 103, .14);
filter: blur(18px);
content: '';
}
.pro-gallery-stage img {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
max-width: min(90%, 570px) !important;
height: auto !important;
max-height: 405px !important;
margin: 0 auto !important;
border-radius: 18px;
object-fit: contain;
mix-blend-mode: multiply;
filter: drop-shadow(0 20px 20px rgba(12, 58, 92, .20));
transform: none !important;
}
.pro-native-gallery .pro-gallery-fallback .woocommerce-product-gallery__image {
position: absolute !important;
inset: 0 !important;
display: none !important;
width: 100% !important;
min-height: 430px;
margin: 0 !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}
.pro-native-gallery .pro-gallery-fallback .woocommerce-product-gallery__image.is-pro-active {
display: flex !important;
}
.pro-fallback-thumbs {
position: relative;
z-index: 5;
display: flex;
justify-content: center;
gap: 12px;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.pro-fallback-thumbs button {
display: grid;
place-items: center;
width: 76px;
height: 76px;
padding: 7px;
overflow: hidden;
border: 2px solid transparent;
border-radius: 11px;
background: rgba(255, 255, 255, .82);
cursor: pointer;
}
.pro-fallback-thumbs button.is-pro-active {
border-color: var(--pro-blue);
box-shadow: 0 5px 14px rgba(9, 119, 220, .15);
}
.pro-fallback-thumbs img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pro-native-gallery .woocommerce-product-gallery__image a {
display: flex;
visibility: visible !important;
opacity: 1 !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.pro-native-gallery .woocommerce-product-gallery__image img {
position: relative !important;
inset: auto !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
width: auto !important;
max-width: min(84%, 540px) !important;
max-height: 415px;
margin: 0 auto !important;
object-fit: contain;
border-radius: 20px;
mix-blend-mode: multiply;
filter: drop-shadow(0 18px 18px rgba(20, 55, 82, .18));
}
.pro-native-gallery .woocommerce-product-gallery__trigger {
top: auto !important;
right: 4px !important;
bottom: 100px !important;
z-index: 8 !important;
display: grid;
place-items: center;
width: 42px !important;
height: 42px !important;
border: 1px solid rgba(8, 121, 223, .16);
border-radius: 50%;
background: rgba(255, 255, 255, .90) !important;
box-shadow: 0 8px 22px rgba(8, 75, 128, .12);
}
.pro-native-gallery .flex-control-thumbs {
position: relative;
z-index: 4;
display: flex;
justify-content: center;
gap: 12px;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.pro-native-gallery .flex-control-thumbs li {
float: none !important;
width: 76px !important;
height: 76px;
margin: 0 !important;
padding: 7px;
overflow: hidden;
border: 2px solid transparent;
border-radius: 11px;
background: rgba(255, 255, 255, .82);
cursor: pointer;
}
.pro-native-gallery .flex-control-thumbs li:has(img.flex-active) {
border-color: var(--pro-blue);
box-shadow: 0 5px 14px rgba(9, 119, 220, .15);
}
.pro-native-gallery .flex-control-thumbs img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pro-gallery-extensions {
position: relative;
z-index: 5;
margin-top: 12px;
}
body.pro-lightbox-open {
overflow: hidden;
}
.pro-lightbox[hidden] {
display: none !important;
}
.pro-lightbox {
position: fixed;
inset: 0;
z-index: 999999;
display: grid;
place-items: center;
padding: 24px;
color: #06366f;
font-family: 'Nunito Sans', 'Segoe UI', Arial, sans-serif;
}
.pro-lightbox__backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 50% 42%, rgba(20, 145, 235, .24), transparent 42%),
linear-gradient(145deg, rgba(0, 35, 77, .80), rgba(4, 77, 137, .65));
-webkit-backdrop-filter: blur(18px) saturate(125%);
backdrop-filter: blur(18px) saturate(125%);
}
.pro-lightbox__dialog {
position: relative;
z-index: 1;
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
width: min(1100px, calc(100vw - 48px));
height: min(880px, calc(100vh - 48px));
height: min(880px, calc(100dvh - 48px));
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .68);
border-radius: 28px;
background: linear-gradient(145deg, rgba(249, 253, 255, .92), rgba(228, 246, 255, .78));
box-shadow: 0 38px 100px rgba(0, 31, 67, .44), inset 0 1px 0 rgba(255, 255, 255, .92);
-webkit-backdrop-filter: blur(28px) saturate(135%);
backdrop-filter: blur(28px) saturate(135%);
animation: pro-lightbox-in .22s ease-out both;
}
@keyframes pro-lightbox-in {
from { opacity: 0; transform: translateY(10px) scale(.985); }
to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.pro-lightbox__dialog { animation: none; }
.pro-lightbox__close,
.pro-lightbox__arrow,
.pro-lightbox__zoom,
.pro-lightbox__image,
.pro-lightbox__cart { transition: none; }
.pro-lightbox__loader { animation: none; }
}
.pro-lightbox__topbar {
position: relative;
z-index: 4;
display: flex;
align-items: center;
min-height: 72px;
padding: 12px 76px 12px 24px;
border-bottom: 1px solid rgba(8, 121, 223, .13);
background: rgba(255, 255, 255, .26);
}
.pro-lightbox__heading {
display: grid;
gap: 1px;
min-width: 0;
}
.pro-lightbox__eyebrow {
color: #fe3d01;
font-size: 9px;
font-weight: 900;
letter-spacing: .13em;
line-height: 1.2;
text-transform: uppercase;
}
.pro-lightbox__title {
overflow: hidden;
color: #06366f;
font-size: 15px;
font-weight: 900;
line-height: 1.28;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-lightbox__counter {
margin-left: auto;
color: #6683a1;
font-size: 12px;
font-weight: 800;
}
.pro-lightbox__close,
.pro-lightbox__arrow,
.pro-lightbox__zoom {
display: grid;
place-items: center;
border: 1px solid rgba(255, 255, 255, .82);
background: rgba(255, 255, 255, .72);
box-shadow: 0 10px 26px rgba(4, 65, 116, .14);
color: #0879df;
cursor: pointer;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.pro-lightbox__close:hover,
.pro-lightbox__arrow:hover,
.pro-lightbox__zoom:hover {
background: #fff;
transform: translateY(-1px);
box-shadow: 0 13px 30px rgba(4, 65, 116, .20);
}
.pro-lightbox__close:focus-visible,
.pro-lightbox__arrow:focus-visible,
.pro-lightbox__zoom:focus-visible,
.pro-lightbox__thumb:focus-visible,
.pro-lightbox__cart:focus-visible {
outline: 3px solid rgba(254, 61, 1, .45);
outline-offset: 3px;
}
.pro-lightbox__close svg,
.pro-lightbox__arrow svg,
.pro-lightbox__zoom svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.pro-lightbox__close {
position: absolute;
top: 12px;
right: 14px;
z-index: 8;
width: 42px;
height: 42px;
border-radius: 50%;
}
.pro-lightbox__media {
position: relative;
isolation: isolate;
display: grid;
min-height: 0;
place-items: center;
padding: 18px 82px 12px;
overflow: hidden;
background:
radial-gradient(circle at 50% 47%, rgba(77, 180, 242, .16), transparent 42%),
linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(223, 244, 255, .22));
}
.pro-lightbox__visual {
position: relative;
z-index: 2;
display: grid;
grid-template-rows: minmax(0, 1fr) 20px;
gap: 6px;
width: 100%;
height: 100%;
min-height: 0;
margin: 0;
}
.pro-lightbox__canvas {
position: relative;
min-height: 0;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .82);
border-radius: 22px;
background:
radial-gradient(circle at 50% 48%, rgba(191, 229, 250, .48), transparent 55%),
linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(232, 247, 255, .48));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .92),
0 16px 42px rgba(5, 75, 126, .09);
-webkit-backdrop-filter: blur(18px) saturate(120%);
backdrop-filter: blur(18px) saturate(120%);
}
.pro-lightbox__canvas::after {
position: absolute;
right: 24%;
bottom: 5%;
left: 24%;
z-index: 1;
height: 28px;
border-radius: 50%;
background: rgba(0, 54, 98, .11);
filter: blur(22px);
content: '';
}
.pro-lightbox__loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
border: 3px solid rgba(8, 121, 223, .16);
border-top-color: #0879df;
border-radius: 50%;
opacity: 0;
pointer-events: none;
animation: pro-lightbox-spin .7s linear infinite;
transition: opacity .15s ease;
}
.pro-lightbox__canvas.is-loading .pro-lightbox__loader { opacity: 1; }
.pro-lightbox__canvas.is-loading .pro-lightbox__image { opacity: .18; }
@keyframes pro-lightbox-spin {
to { transform: rotate(360deg); }
}
.pro-lightbox__image {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
display: block;
width: calc(100% - 86px);
max-width: none;
height: calc(100% - 68px);
max-height: none;
margin: 0;
border-radius: 14px;
object-fit: contain;
object-position: center;
mix-blend-mode: normal;
filter:
drop-shadow(0 30px 28px rgba(3, 42, 75, .24))
drop-shadow(0 7px 9px rgba(5, 78, 128, .13));
transform: translate(-50%, -50%);
opacity: 1;
cursor: zoom-in;
user-select: none;
-webkit-user-drag: none;
transition: width .22s ease, height .22s ease, opacity .16s ease, transform .22s ease;
}
.pro-lightbox__media.is-zoomed .pro-lightbox__image {
width: calc(100% - 22px);
height: calc(100% - 22px);
cursor: zoom-out;
} .pro-lightbox__image[src*="/assets/images/geuren/"] {
transform: translate(-50%, -50%) scale(1.08);
}
.pro-lightbox__media.is-zoomed .pro-lightbox__image[src*="/assets/images/geuren/"] {
transform: translate(-50%, -50%) scale(1.14);
}
.pro-lightbox__caption {
align-self: center;
overflow: hidden;
padding: 0 12px;
color: #607d99;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-lightbox__zoom {
position: absolute;
right: 94px;
bottom: 44px;
z-index: 6;
grid-template-columns: 18px auto;
gap: 7px;
min-height: 38px;
padding: 8px 12px;
border-radius: 999px;
color: #075fba;
font: inherit;
font-size: 11px;
font-weight: 900;
}
.pro-lightbox__zoom svg { width: 18px; height: 18px; }
.pro-lightbox__zoom[aria-pressed="true"] { background: #fff; color: #fe3d01; }
.pro-lightbox__arrow {
position: absolute;
top: 50%;
z-index: 5;
width: 50px;
height: 50px;
border-radius: 50%;
transform: translateY(-50%);
}
.pro-lightbox__arrow:hover { transform: translateY(calc(-50% - 1px)); }
.pro-lightbox__arrow--prev { left: 20px; }
.pro-lightbox__arrow--next { right: 20px; }
.pro-lightbox__arrow[hidden] { display: none; }
.pro-lightbox__ribbon {
position: absolute;
top: 71px;
left: 30px;
z-index: 7;
display: flex;
align-items: center;
gap: 10px;
min-height: 50px;
padding: 8px 22px 8px 16px;
border-radius: 0 0 16px 16px;
background: linear-gradient(135deg, #1689fb, #235de2);
box-shadow: 0 14px 28px rgba(20, 93, 205, .25);
color: #fff;
font-size: 11px;
font-weight: 900;
line-height: 1.05;
}
.pro-lightbox__ribbon::after {
width: 1px;
height: 26px;
margin-left: 2px;
background: rgba(255, 255, 255, .35);
content: '';
}
.pro-lightbox__ribbon strong {
order: 3;
font-size: 25px;
letter-spacing: -.04em;
}
.pro-lightbox__footer {
position: relative;
z-index: 4;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
min-height: 104px;
padding: 12px 18px;
border-top: 1px solid rgba(8, 121, 223, .13);
background: rgba(255, 255, 255, .56);
}
.pro-lightbox__thumbs {
display: flex;
gap: 9px;
min-width: 0;
padding: 2px;
overflow-x: auto;
scrollbar-width: thin;
}
.pro-lightbox__thumb {
display: grid;
flex: 0 0 68px;
width: 68px;
height: 68px;
padding: 5px;
overflow: hidden;
place-items: center;
border: 2px solid transparent;
border-radius: 12px;
background: rgba(255, 255, 255, .78);
cursor: pointer;
}
.pro-lightbox__thumb.is-active {
border-color: #0879df;
box-shadow: 0 7px 18px rgba(8, 121, 223, .18);
}
.pro-lightbox__thumb img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pro-lightbox__buy {
display: flex;
align-items: center;
gap: 14px;
}
.pro-lightbox__price {
color: #06366f;
font-family: Inter, 'Segoe UI', Arial, sans-serif;
font-size: 23px;
font-weight: 850;
letter-spacing: -.035em;
white-space: nowrap;
}
.pro-lightbox__price del {
display: block;
color: #94a6b8;
font-size: 11px;
}
.pro-lightbox__price ins { text-decoration: none; }
.pro-lightbox__price .woocommerce-price-suffix { display: none !important; }
.pro-lightbox__price .woocommerce-Price-amount,
.pro-lightbox__price bdi {
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
}
.pro-lightbox__cart {
min-height: 50px;
padding: 12px 22px;
border: 0;
border-radius: 14px;
background: #fe3d01;
box-shadow: 0 12px 28px rgba(254, 61, 1, .30), inset 0 1px 0 rgba(255, 255, 255, .25);
color: #fff;
font: inherit;
font-size: 14px;
font-weight: 900;
white-space: nowrap;
cursor: pointer;
}
.pro-lightbox__cart::before {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 9px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.15l1.72 9.18a2 2 0 0 0 1.97 1.63h7.94a2 2 0 0 0 1.94-1.5L20.3 7H6.1'/%3E%3Cpath d='M9 19.25h.01M18 19.25h.01' stroke-width='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.15l1.72 9.18a2 2 0 0 0 1.97 1.63h7.94a2 2 0 0 0 1.94-1.5L20.3 7H6.1'/%3E%3Cpath d='M9 19.25h.01M18 19.25h.01' stroke-width='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
content: '';
vertical-align: -4px;
}
.pro-lightbox__cart:hover { background: #ed3600; transform: translateY(-1px); }
.pro-lightbox__cart:disabled { opacity: .50; cursor: not-allowed; transform: none; }
.pro-product-purchase-card {
position: relative !important;
isolation: isolate;
display: grid;
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
grid-template-columns: minmax(0, 1fr) 278px;
grid-template-areas:
'copy buybox'
'volume volume'
'payment payment';
gap: 14px 18px;
align-content: start;
min-width: 0;
padding: 24px 24px 17px;
overflow: hidden;
background:
linear-gradient(90deg, rgba(248, 253, 255, .93) 0%, rgba(247, 252, 255, .86) 46%, rgba(242, 250, 255, .70) 100%),
url(//www.progenion.nl/wp-content/themes/progenion-nieuw/assets/progenion-gezin-schone-lucht-achtergrond.webp) center 48% / cover no-repeat;
}
.pro-product-copy { grid-area: copy; min-width: 0; }
.pro-buybox { grid-area: buybox; }
.pro-volume-discount { grid-area: volume; }
.pro-payment-trust { grid-area: payment; }
.pro-product-kicker {
margin: 0 0 6px;
color: var(--pro-blue);
font-size: 13px;
font-weight: 900;
letter-spacing: .02em;
}
.pro-product-purchase-card .product_title {
margin: 0 0 7px;
color: var(--pro-navy);
font-size: clamp(27px, 2.25vw, 39px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -.035em;
}
.pro-product-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
min-height: 24px;
margin-bottom: 8px;
font-size: 13px;
}
.pro-product-rating a {
color: #3c648c;
font-weight: 700;
text-decoration: none;
}
.pro-product-rating .star-rating {
float: none;
margin: 0;
color: #ff9a00;
font-size: 17px;
}
.pro-short-description {
margin: 0 0 12px;
color: var(--pro-ink-soft);
font-size: 14px;
line-height: 1.48;
}
.pro-short-description p { margin: 0; }
.pro-product-benefits {
display: grid;
gap: 9px;
margin: 0;
padding: 0;
list-style: none;
}
.pro-product-benefits li {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.pro-product-benefits .pro-check {
display: grid;
flex: 0 0 31px;
place-items: center;
width: 31px;
height: 31px;
border: 3px solid rgba(255, 255, 255, .96);
border-radius: 50%;
background: linear-gradient(145deg, #13a1f1, #0872d7);
box-shadow: 0 4px 12px rgba(8, 121, 223, .23);
color: #fff;
font-size: 15px;
font-weight: 900;
}
.pro-product-benefits strong,
.pro-product-benefits small {
display: block;
}
.pro-product-benefits strong {
color: var(--pro-navy);
font-size: 14px;
font-weight: 900;
line-height: 1.25;
}
.pro-product-benefits small {
margin-top: 2px;
color: #6882a0;
font-size: 11.5px;
line-height: 1.2;
}
.pro-buybox {
align-self: start;
padding: 18px 18px 16px;
border: 1px solid rgba(13, 110, 199, .13);
border-radius: 18px;
background: rgba(255, 255, 255, .58);
box-shadow: 0 12px 32px rgba(11, 70, 119, .08);
}
body.single-product .pro-single-product .pro-buybox-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0;
color: var(--pro-navy) !important;
font-family: Inter, 'Segoe UI', Arial, sans-serif;
font-variant-numeric: tabular-nums lining-nums;
font-feature-settings: 'tnum' 1, 'lnum' 1;
line-height: 1;
}
body.single-product .pro-single-product .pro-buybox-price .price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0;
margin: 0 !important;
color: var(--pro-navy) !important;
font-family: Inter, 'Segoe UI', Arial, sans-serif;
font-variant-numeric: tabular-nums lining-nums;
font-feature-settings: 'tnum' 1, 'lnum' 1;
line-height: 1;
}
body.single-product .pro-single-product .pro-buybox-price .price del,
body.single-product .pro-single-product .pro-buybox-price > del {
display: block !important;
order: -1;
margin-bottom: 8px;
color: #99a8b6 !important;
font-size: 14px !important;
font-weight: 750 !important;
letter-spacing: -.01em;
line-height: 1.1 !important;
opacity: .85;
}
body.single-product .pro-single-product .pro-buybox-price .price ins,
body.single-product .pro-single-product .pro-buybox-price .price > .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > ins {
display: block !important;
color: var(--pro-navy) !important;
font-family: Inter, 'Segoe UI', Arial, sans-serif;
font-size: 38px !important;
font-weight: 850 !important;
letter-spacing: -.045em;
line-height: .98 !important;
text-decoration: none !important;
}
body.single-product .pro-single-product .pro-buybox-price .price ins .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price .price ins bdi,
body.single-product .pro-single-product .pro-buybox-price .price > .woocommerce-Price-amount bdi,
body.single-product .pro-single-product .pro-buybox-price .price del .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price .price del bdi,
body.single-product .pro-single-product .pro-buybox-price > ins .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > ins bdi,
body.single-product .pro-single-product .pro-buybox-price > del .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > del bdi {
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
}
body.single-product .pro-single-product .pro-buybox-price .woocommerce-price-suffix {
display: none !important;
}
body.single-product .pro-single-product .pro-buybox-price .woocommerce-Price-currencySymbol {
margin-right: .05em;
font-size: .88em;
font-weight: 800;
}
body.single-product .pro-single-product .pro-buybox-price > wbr {
display: none !important;
}
body.single-product .pro-single-product .pro-tax-label {
display: block;
margin-top: 5px;
color: #6c88a5;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
}
.pro-stock-status {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 14px 0 16px;
}
.pro-stock-dot {
flex: 0 0 12px;
width: 12px;
height: 12px;
margin-top: 5px;
border-radius: 50%;
background: var(--pro-green);
box-shadow: 0 0 0 4px rgba(20, 170, 74, .10);
}
.pro-stock-status .stock {
margin: 0 !important;
color: var(--pro-navy) !important;
font-size: 14px;
font-weight: 900;
}
.pro-stock-status .out-of-stock { color: #c82d2d !important; }
.pro-stock-status:has(.out-of-stock) .pro-stock-dot { background: #dc3737; }
.pro-stock-status small {
display: block;
margin-top: 3px;
color: #6781a0;
font-size: 11.5px;
}
.pro-add-to-cart form.cart {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 10px;
margin: 0 !important;
} .pro-add-to-cart > .stock {
display: none !important;
}
.pro-add-to-cart form.cart::before,
.pro-add-to-cart form.cart::after { display: none !important; }
.pro-add-to-cart .quantity {
display: flex;
float: none !important;
width: 108px;
height: 48px;
margin: 0 !important;
overflow: hidden;
border: 1px solid var(--pro-line);
border-radius: 13px;
background: #fff;
}
.pro-add-to-cart .quantity .qty {
width: 40px !important;
min-width: 0;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: var(--pro-navy);
font: inherit;
font-weight: 900;
text-align: center;
appearance: textfield;
}
.pro-add-to-cart .quantity .qty::-webkit-inner-spin-button,
.pro-add-to-cart .quantity .qty::-webkit-outer-spin-button { appearance: none; }
.pro-qty-button {
flex: 1;
min-width: 32px;
padding: 0;
border: 0;
background: transparent;
color: var(--pro-blue);
font: inherit;
font-size: 18px;
font-weight: 900;
cursor: pointer;
}
.pro-add-to-cart .single_add_to_cart_button {
flex: 1 1 128px;
min-height: 48px;
margin: 0 !important;
padding: 12px 18px !important;
border: 0 !important;
border-radius: 13px !important;
background: #fe3d01 !important;
box-shadow: 0 12px 28px rgba(254, 61, 1, .30), inset 0 1px 0 rgba(255, 255, 255, .26);
color: #fff !important;
font: inherit !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-transform: none !important;
transition: transform .18s ease, box-shadow .18s ease;
}
.pro-add-to-cart .single_add_to_cart_button::before {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 9px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.15l1.72 9.18a2 2 0 0 0 1.97 1.63h7.94a2 2 0 0 0 1.94-1.5L20.3 7H6.1'/%3E%3Cpath d='M9 19.25h.01M18 19.25h.01' stroke-width='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.15l1.72 9.18a2 2 0 0 0 1.97 1.63h7.94a2 2 0 0 0 1.94-1.5L20.3 7H6.1'/%3E%3Cpath d='M9 19.25h.01M18 19.25h.01' stroke-width='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
content: '';
vertical-align: -3px;
}
.pro-add-to-cart .single_add_to_cart_button:hover {
background: #ed3600 !important;
transform: translateY(-1px);
box-shadow: 0 15px 30px rgba(254, 61, 1, .34);
}
.pro-add-to-cart .variations,
.pro-add-to-cart .variations tbody,
.pro-add-to-cart .variations tr,
.pro-add-to-cart .variations th,
.pro-add-to-cart .variations td {
display: block;
width: 100%;
}
.pro-add-to-cart .variations { margin: 0 0 12px !important; }
.pro-add-to-cart .variations tr { margin-bottom: 10px; }
.pro-add-to-cart .variations th { padding: 0 0 5px !important; text-align: left; }
.pro-add-to-cart .variations td { padding: 0 !important; }
.pro-add-to-cart .variations label {
color: var(--pro-navy);
font-size: 11px;
font-weight: 900;
letter-spacing: .055em;
text-transform: uppercase;
}
.pro-add-to-cart .variations select {
width: 100%;
min-height: 44px;
padding: 8px 38px 8px 12px;
border: 1px solid var(--pro-line);
border-radius: 11px;
background-color: rgba(255, 255, 255, .92);
color: var(--pro-navy);
font: inherit;
font-size: 13px;
font-weight: 800;
cursor: pointer;
}
.pro-add-to-cart .variations select:focus {
border-color: var(--pro-blue);
outline: 3px solid rgba(8, 121, 223, .12);
}
.pro-add-to-cart .reset_variations {
display: inline-flex !important;
margin-top: 6px;
color: #557698;
font-size: 11px;
font-weight: 750;
text-decoration: underline;
text-underline-offset: 3px;
}
.pro-add-to-cart .single_variation_wrap {
width: 100%;
}
.pro-add-to-cart .woocommerce-variation-add-to-cart {
display: grid;
grid-template-columns: 108px minmax(0, 1fr);
gap: 10px;
}
.pro-add-to-cart .woocommerce-variation-price { display: none; }
.pro-add-to-cart .woocommerce-variation-availability {
width: 100%;
margin: 0 0 8px;
}
.pro-add-to-cart .woocommerce-variation-availability .stock {
display: block !important;
margin: 0 !important;
font-size: 12px;
font-weight: 850;
}
.pro-add-to-cart .woocommerce-variation-add-to-cart .quantity {
width: 108px;
}
.pro-add-to-cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
width: 100%;
min-width: 0;
padding-inline: 10px !important;
}
.pro-quote-link {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
margin-top: 13px;
color: var(--pro-blue);
font-size: 12px;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
}
.pro-quote-icon,
.pro-volume-icon {
display: inline-block;
flex: 0 0 auto;
background: currentColor;
}
.pro-quote-icon {
width: 18px;
height: 18px;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 20V5a1.5 1.5 0 0 1 1-1.5Z'/%3E%3Cpath d='M14 3.5V8h4M9 12h6M9 15.5h4'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 20V5a1.5 1.5 0 0 1 1-1.5Z'/%3E%3Cpath d='M14 3.5V8h4M9 12h6M9 15.5h4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-volume-discount {
overflow: hidden;
border: 1px solid var(--pro-line);
border-radius: 14px;
background: rgba(255, 255, 255, .58);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}
.pro-volume-discount summary {
display: flex;
align-items: center;
gap: 11px;
min-height: 44px;
padding: 8px 16px;
cursor: pointer;
list-style: none;
}
.pro-volume-discount summary::-webkit-details-marker { display: none; }
.pro-volume-icon {
width: 22px;
height: 22px;
color: var(--pro-blue);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='9' cy='6' rx='5.5' ry='2.5'/%3E%3Cpath d='M3.5 6v4c0 1.38 2.46 2.5 5.5 2.5s5.5-1.12 5.5-2.5V6M3.5 10v4c0 1.38 2.46 2.5 5.5 2.5 1.04 0 2.02-.13 2.84-.36M3.5 14v4c0 1.38 2.46 2.5 5.5 2.5 1.01 0 1.95-.12 2.76-.34'/%3E%3Cellipse cx='17' cy='15' rx='3.5' ry='1.75'/%3E%3Cpath d='M13.5 15v3c0 .97 1.57 1.75 3.5 1.75s3.5-.78 3.5-1.75v-3M13.5 18v2.25c0 .97 1.57 1.75 3.5 1.75s3.5-.78 3.5-1.75V18'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='9' cy='6' rx='5.5' ry='2.5'/%3E%3Cpath d='M3.5 6v4c0 1.38 2.46 2.5 5.5 2.5s5.5-1.12 5.5-2.5V6M3.5 10v4c0 1.38 2.46 2.5 5.5 2.5 1.04 0 2.02-.13 2.84-.36M3.5 14v4c0 1.38 2.46 2.5 5.5 2.5 1.01 0 1.95-.12 2.76-.34'/%3E%3Cellipse cx='17' cy='15' rx='3.5' ry='1.75'/%3E%3Cpath d='M13.5 15v3c0 .97 1.57 1.75 3.5 1.75s3.5-.78 3.5-1.75v-3M13.5 18v2.25c0 .97 1.57 1.75 3.5 1.75s3.5-.78 3.5-1.75V18'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-volume-discount summary strong { font-size: 13px; }
.pro-summary-chevron {
width: 8px;
height: 8px;
margin-left: auto;
border-right: 2px solid var(--pro-navy);
border-bottom: 2px solid var(--pro-navy);
transform: rotate(45deg) translateY(-3px);
transition: transform .2s ease;
}
.pro-volume-discount[open] .pro-summary-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.pro-volume-content {
padding: 4px 15px 15px;
color: #4f6f90;
font-size: 12px;
overflow-x: auto;
}
.pro-volume-content table {
width: 100%;
border-collapse: collapse;
}
.pro-volume-content .plugify_table_parent_div {
width: 100% !important;
margin: 0 !important;
overflow-x: auto;
}
.pro-volume-content th,
.pro-volume-content td {
padding: 8px 10px;
border: 1px solid rgba(8, 121, 223, .12);
text-align: left;
}
.pro-volume-content [style*='color: green'],
.pro-volume-content font[color='green'] { color: var(--pro-navy) !important; }
.pro-volume-content .plugify_table_parent_div,
.pro-volume-content [class*='plugify'],
.pro-volume-content table[id*='plugify'] {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.pro-volume-content table[id*='plugify'] {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border-radius: 11px;
}
.pro-volume-content table[id*='plugify'] th,
.pro-volume-content table[id*='plugify'] td {
padding: 10px 14px !important;
font-size: 12px !important;
text-align: left;
}
.pro-payment-trust {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
gap: 24px;
align-items: center;
min-height: 66px;
padding: 2px 8px 0;
}
.pro-payment-methods {
display: grid;
grid-template-columns: repeat(6, minmax(42px, 1fr));
align-items: center;
justify-items: center;
gap: 12px;
width: 100%;
min-height: 32px;
overflow: visible;
}
.pro-payment-logo {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center;
justify-content: center;
width: 52px;
height: 28px;
overflow: hidden;
}
.pro-payment-logo--square {
width: 28px;
height: 28px;
}
.pro-payment-logo--mastercard { width: 42px; }
.pro-payment-logo--visa { width: 48px; }
.pro-payment-logo--bancontact { width: 56px; } .pro-payment-logo--klarna {
grid-column: 1 / -1;
justify-self: center;
width: 80px;
height: 34px;
margin-top: 2px;
}
body.single-product .pro-single-product .pro-payment-methods .pro-payment-logo img {
position: static !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
transform: none !important;
}
.pro-payment-trust ul {
margin: 0;
padding: 1px 0 1px 24px;
border-left: 1px solid rgba(26, 113, 185, .22);
color: #4f6c8c;
font-size: 11.5px;
list-style: none;
}
.pro-payment-trust li { margin: 3px 0; }
.pro-payment-trust li::first-letter { color: var(--pro-green); }
.pro-service-strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 16px;
padding: 12px 18px;
}
.pro-service-strip > div {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
padding: 2px 20px;
border-right: 1px solid var(--pro-line);
}
.pro-service-strip > div:last-child { border-right: 0; }
.pro-service-icon,
.pro-feature-icon {
display: grid;
flex: 0 0 47px;
place-items: center;
width: 47px;
height: 47px;
border-radius: 50%;
background: linear-gradient(145deg, #edf9ff, #d8f0ff);
color: var(--pro-blue);
font-size: 19px;
font-weight: 950;
}
.pro-service-strip p { margin: 0; min-width: 0; }
.pro-service-strip strong,
.pro-service-strip small { display: block; }
.pro-service-strip strong { font-size: 13px; font-weight: 900; }
.pro-service-strip small { margin-top: 2px; color: #68819f; font-size: 11px; }
.pro-product-anchor-nav {
position: sticky;
top: var(--pro-sticky-offset, 16px);
z-index: 35;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 16px;
padding: 5px;
overflow-x: auto;
scrollbar-width: none;
}
.pro-product-anchor-nav::-webkit-scrollbar { display: none; }
.pro-product-anchor-nav button {
flex: 0 0 auto;
min-width: 106px;
min-height: 38px;
padding: 8px 17px;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--pro-navy);
font: inherit;
font-size: 12px;
font-weight: 850;
cursor: pointer;
}
.pro-product-anchor-nav button.is-active {
background: linear-gradient(135deg, var(--pro-blue-2), #0871d4);
box-shadow: 0 7px 18px rgba(8, 113, 212, .20);
color: #fff;
}
.pro-product-anchor-nav button[hidden] { display: none; }
.pro-product-overview {
display: grid;
grid-template-columns: minmax(300px, .95fr) minmax(0, 1.05fr);
gap: 28px;
align-items: center;
margin-top: 16px;
padding: 26px 28px;
}
.pro-overview-copy h2 {
margin: 0 0 7px;
color: var(--pro-navy);
font-size: clamp(25px, 2.3vw, 35px);
font-weight: 950;
line-height: 1.08;
letter-spacing: -.035em;
}
.pro-overview-copy > p:last-child,
.pro-overview-copy > div {
margin: 0;
color: #526f90;
font-size: 14px;
line-height: 1.62;
}
.pro-overview-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.pro-overview-cards article {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
min-height: 112px;
padding: 17px 15px;
border: 1px solid rgba(11, 114, 198, .12);
border-radius: 17px;
background: linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(239, 249, 255, .66));
box-shadow: 0 10px 25px rgba(13, 75, 124, .06), inset 0 1px 0 rgba(255, 255, 255, .92);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pro-overview-cards article:hover {
border-color: rgba(8, 121, 223, .24);
box-shadow: 0 15px 32px rgba(13, 75, 124, .10), inset 0 1px 0 rgba(255, 255, 255, .95);
transform: translateY(-2px);
}
.pro-overview-cards .pro-feature-icon {
position: relative;
flex-basis: 38px;
width: 38px;
height: 38px;
background: linear-gradient(145deg, #f1fbff, #d7efff);
box-shadow: 0 7px 18px rgba(8, 121, 223, .13);
}
.pro-overview-cards .pro-feature-icon::before {
width: 20px;
height: 20px;
background: linear-gradient(145deg, #1595eb, #0871d4);
content: '';
}
.pro-feature-icon--1::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h10.5a3 3 0 1 0-2.8-4M4 12h14a3 3 0 1 1-2.8 4M4 16.5h5.5a2.5 2.5 0 1 1-2.3 3.5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h10.5a3 3 0 1 0-2.8-4M4 12h14a3 3 0 1 1-2.8 4M4 16.5h5.5a2.5 2.5 0 1 1-2.3 3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-feature-icon--2::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6.5v5c0 4.8 3.2 8.1 7.5 9.5 4.3-1.4 7.5-4.7 7.5-9.5v-5L12 3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6.5v5c0 4.8 3.2 8.1 7.5 9.5 4.3-1.4 7.5-4.7 7.5-9.5v-5L12 3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-feature-icon--3::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='3'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h3'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='3'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-feature-icon--4::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0 1 14 0v5a2 2 0 0 1-2 2h-2v-6h4M5 19H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1v8ZM9 21h5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0 1 14 0v5a2 2 0 0 1-2 2h-2v-6h4M5 19H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1v8ZM9 21h5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pro-overview-cards h3 {
margin: 2px 0 5px;
color: var(--pro-navy);
font-size: 12.5px;
font-weight: 900;
line-height: 1.2;
}
.pro-overview-cards p {
margin: 0;
color: #66809e;
font-size: 11px;
line-height: 1.35;
}
.pro-product-combinations {
margin-top: 16px;
padding: 28px;
}
.pro-product-specifications {
display: grid;
grid-template-columns: minmax(250px, .72fr) minmax(0, 1.78fr);
gap: 34px;
align-items: start;
margin-top: 16px;
padding: 30px;
overflow: hidden;
}
.pro-specifications-heading {
position: sticky;
top: calc(var(--pro-sticky-offset, 16px) + 56px);
padding: 7px 5px;
}
.pro-specifications-table,
.pro-specifications-table table.shop_attributes,
.pro-specifications-table table.shop_attributes tbody {
display: block;
width: 100%;
}
.pro-specifications-table table.shop_attributes {
margin: 0 !important;
border: 0 !important;
border-collapse: separate !important;
background: transparent !important;
}
.pro-specifications-table table.shop_attributes tbody {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.pro-specifications-table table.shop_attributes tr {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 78px;
padding: 14px 16px;
border: 1px solid rgba(8, 121, 223, .14) !important;
border-radius: 14px;
background: linear-gradient(145deg, rgba(242, 250, 255, .92), rgba(231, 245, 255, .66)) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90);
}
.pro-specifications-table table.shop_attributes tr:nth-child(4n + 1),
.pro-specifications-table table.shop_attributes tr:nth-child(4n + 2) {
border-color: rgba(14, 137, 225, .20) !important;
background: linear-gradient(145deg, rgba(231, 247, 255, .96), rgba(217, 240, 255, .72)) !important;
}
.pro-specifications-table table.shop_attributes th,
.pro-specifications-table table.shop_attributes td {
display: block;
width: auto !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
text-align: left !important;
}
.pro-specifications-table table.shop_attributes th {
margin-bottom: 6px;
color: #63809e;
font-size: 10px;
font-weight: 900;
letter-spacing: .055em;
line-height: 1.2;
text-transform: uppercase;
}
.pro-specifications-table table.shop_attributes td,
.pro-specifications-table table.shop_attributes td p {
margin: 0 !important;
color: var(--pro-navy);
font-size: 13.5px;
font-style: normal !important;
font-weight: 850;
line-height: 1.35;
}
.pro-section-heading {
max-width: 760px;
}
.pro-section-heading h2 {
margin: 0 0 8px;
color: var(--pro-navy);
font-size: clamp(25px, 2.4vw, 36px);
font-weight: 950;
line-height: 1.08;
letter-spacing: -.035em;
}
.pro-section-heading > p:last-child {
margin: 0;
color: #5c7898;
font-size: 14px;
line-height: 1.55;
}
.pro-product-combinations__content { margin-top: 20px; }
.pro-product-combinations .pro-bundle-offers {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
}
.pro-product-combinations .pro-bundle-card {
min-width: 0;
padding: 18px;
border: 1px solid rgba(8, 121, 223, .14);
border-radius: 18px;
background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(235,248,255,.72));
box-shadow: 0 13px 30px rgba(13, 75, 124, .08);
}
.pro-product-combinations .pro-bundle-card__button,
.pro-product-combinations .button,
.pro-product-combinations button[type='submit'] {
min-height: 46px;
padding: 11px 18px !important;
border: 0 !important;
border-radius: 13px !important;
background: #fe3d01 !important;
box-shadow: 0 10px 24px rgba(254, 61, 1, .24);
color: #fff !important;
font-weight: 900 !important;
text-transform: none !important;
}
.pro-product-details { margin-top: 16px; }
.pro-section-heading--details {
max-width: none;
margin-bottom: 16px;
padding: 25px 28px;
}
.pro-product-details .woocommerce-tabs,
.pro-product-details .related,
.pro-product-details .up-sells {
margin: 0 0 16px !important;
padding: 26px 28px !important;
}
.pro-product-details .woocommerce-tabs > ul.tabs { display: none !important; }
.pro-product-details .woocommerce-Tabs-panel {
margin: 0 !important;
color: #416487;
font-size: 15px;
line-height: 1.7;
}
.pro-product-details .woocommerce-Tabs-panel h2,
.pro-product-details .woocommerce-Tabs-panel h3,
.pro-product-details .woocommerce-Tabs-panel h4 {
color: var(--pro-navy);
font-weight: 900;
letter-spacing: -.02em;
}
.pro-product-details .woocommerce-Tabs-panel img {
height: auto;
border-radius: 18px;
box-shadow: 0 14px 34px rgba(12, 69, 119, .10);
} .pro-product-details .woocommerce-Tabs-panel--description {
color: #385d82;
text-align: left !important;
}
.pro-product-details .woocommerce-Tabs-panel--description > h2:first-child {
margin-bottom: 22px;
color: var(--pro-navy);
font-size: clamp(27px, 2.4vw, 38px);
}
.pro-product-details .woocommerce-Tabs-panel--description > h2:first-child::before {
display: block;
margin-bottom: 6px;
color: #fe3d01;
content: 'Ontdek het product';
font-size: 11px;
font-weight: 950;
letter-spacing: .13em;
line-height: 1.2;
text-transform: uppercase;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section {
margin: 0 0 18px;
padding: clamp(22px, 3vw, 38px);
border: 0 !important;
border-radius: 22px;
background:
radial-gradient(circle at 92% 12%, rgba(70, 180, 241, .12), transparent 31%),
linear-gradient(145deg, rgba(247, 252, 255, .88), rgba(229, 246, 255, .62));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 14px 34px rgba(9, 74, 126, .07);
text-align: left !important;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-row {
gap: clamp(24px, 3vw, 46px);
align-items: center;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col {
min-width: 0;
text-align: left !important;
}
.pro-product-details .woocommerce-Tabs-panel--description h2,
.pro-product-details .woocommerce-Tabs-panel--description h3,
.pro-product-details .woocommerce-Tabs-panel--description h4,
.pro-product-details .woocommerce-Tabs-panel--description h5,
.pro-product-details .woocommerce-Tabs-panel--description h6 {
max-width: 760px;
margin: 0 0 14px;
color: var(--pro-navy);
font-size: clamp(24px, 2.1vw, 32px);
font-weight: 900;
letter-spacing: -.02em;
line-height: 1.15;
text-align: left !important;
text-wrap: balance;
}
.pro-product-details .woocommerce-Tabs-panel--description h3 {
font-size: clamp(20px, 1.75vw, 26px);
}
.pro-product-details .woocommerce-Tabs-panel--description h4,
.pro-product-details .woocommerce-Tabs-panel--description h5,
.pro-product-details .woocommerce-Tabs-panel--description h6 {
margin-bottom: 10px;
font-size: 18px;
line-height: 1.3;
}
.pro-product-details .woocommerce-Tabs-panel--description p {
max-width: 72ch;
margin-bottom: 16px;
color: #3e6388;
font-size: 15px;
line-height: 1.72;
text-align: left !important;
text-wrap: pretty;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-image {
display: grid;
margin: 0;
place-items: center;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-image img,
.pro-product-details .woocommerce-Tabs-panel--description img {
display: block;
width: auto !important;
max-width: min(100%, 480px) !important;
height: auto !important;
max-height: 360px !important;
margin: 0 auto !important;
border-radius: 16px;
object-fit: contain;
box-shadow: 0 16px 36px rgba(8, 67, 112, .10);
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) {
position: relative;
overflow: hidden;
padding: 0;
border: 1px solid rgba(14, 112, 190, .10) !important;
background:
radial-gradient(circle at 88% 18%, rgba(67, 184, 239, .20), transparent 34%),
linear-gradient(118deg, rgba(255, 255, 255, .96) 0%, rgba(244, 251, 255, .92) 48%, rgba(220, 243, 254, .76) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 18px 42px rgba(9, 74, 126, .09);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child)::after {
position: absolute;
right: -90px;
bottom: -145px;
width: 340px;
height: 340px;
border: 1px solid rgba(32, 153, 226, .12);
border-radius: 50%;
background: rgba(255, 255, 255, .20);
content: '';
pointer-events: none;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-row {
position: relative;
z-index: 1;
min-height: clamp(300px, 29vw, 410px);
gap: 0;
align-items: stretch;
}
@media (min-width: 801px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-col {
flex-basis: var(--pro-fx-w, 100%);
}
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-col:not(:has(> .pro-fx-image:only-child)) {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(25px, 3.4vw, 50px);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(> .pro-fx-image:only-child) {
position: relative;
display: grid;
min-height: 300px;
padding: clamp(18px, 2.4vw, 34px);
place-items: center;
background:
linear-gradient(90deg, rgba(244, 251, 255, 0), rgba(225, 245, 255, .58)),
radial-gradient(ellipse at 58% 56%, rgba(255, 255, 255, .94), rgba(255, 255, 255, 0) 66%);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(> .pro-fx-image:only-child)::before {
position: absolute;
right: 10%;
bottom: 9%;
left: 10%;
height: 18%;
border-radius: 50%;
background: rgba(15, 93, 148, .13);
content: '';
filter: blur(18px);
opacity: .7;
pointer-events: none;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-image {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-image img {
max-width: min(92%, 430px) !important;
max-height: 320px !important;
border-radius: 12px;
mix-blend-mode: multiply;
filter: drop-shadow(0 18px 22px rgba(7, 51, 88, .16));
box-shadow: none;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-features {
grid-template-columns: 1fr;
gap: 14px;
margin: 6px 0 10px;
}
@media (min-width: 901px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-features {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature {
grid-template-columns: 84px 1fr;
gap: 20px;
padding: clamp(18px, 2vw, 26px);
border: 1px solid rgba(14, 112, 190, .10);
border-radius: 18px;
background: rgba(255, 255, 255, .74);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 10px 26px rgba(9, 74, 126, .06);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-icon {
width: 84px;
height: 84px;
border: 1px solid rgba(14, 112, 190, .10);
border-radius: 16px;
background: linear-gradient(150deg, #fff, #ecf7ff);
box-shadow: 0 6px 16px rgba(9, 74, 126, .08);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-icon img {
width: 70px !important;
max-width: 70px !important;
height: 70px !important;
max-height: 70px !important;
margin: 0 !important;
border-radius: 10px;
object-fit: contain;
box-shadow: none;
mix-blend-mode: multiply;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-title {
max-width: none;
margin: 6px 0 8px;
font-size: 19px;
letter-spacing: -.01em;
line-height: 1.25;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-body p {
margin-bottom: 10px;
font-size: 14.5px;
line-height: 1.68;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-body p:last-child {
margin-bottom: 0;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section--features .pro-fx-col > h2:first-child {
margin-bottom: 12px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section--features .pro-fx-col[style*="--pro-fx-w:100%"] > p {
max-width: 78ch;
font-size: 15.5px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-video-wrap {
margin: 8px 0 0;
border-radius: 18px;
box-shadow: 0 16px 36px rgba(8, 67, 112, .14);
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(> .pro-fx-video-wrap:first-child) {
justify-content: flex-start;
} .pro-product-details .woocommerce-Tabs-panel ul:not(.commentlist):has(> li:nth-child(9)) {
grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
gap: 8px 24px;
}
@media (max-width: 600px) { .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature {
grid-template-columns: 64px 1fr;
gap: 10px 14px;
padding: 16px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-body {
display: contents;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-body > * {
grid-column: 1 / -1;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-body > .pro-fx-feature-title {
grid-column: 2;
align-self: center;
margin: 0;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-icon {
width: 64px;
height: 64px;
border-radius: 13px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-icon img {
width: 54px !important;
max-width: 54px !important;
height: 54px !important;
max-height: 54px !important;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-feature-title {
margin-top: 2px;
font-size: 17px;
}
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col[style*="--pro-fx-w:100%"] > .pro-fx-image img {
max-width: min(100%, 900px) !important;
max-height: 560px !important;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col > .pro-fx-separator:first-child {
display: none;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col .pro-fx-row {
min-height: 0 !important;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery,
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-features {
align-content: start;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery {
gap: 14px;
grid-template-columns: repeat(var(--pro-fx-n, 3), minmax(0, 1fr));
margin: 4px 0 10px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-tile {
padding: 16px;
border: 1px solid rgba(14, 112, 190, .10);
border-radius: 18px;
background: rgba(255, 255, 255, .74);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 10px 26px rgba(9, 74, 126, .06);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-tile .pro-fx-image {
width: auto !important;
height: auto !important;
margin: 0;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-tile .pro-fx-image img {
max-width: 100% !important;
max-height: 260px !important;
border-radius: 12px;
box-shadow: none;
mix-blend-mode: multiply;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--compact {
grid-template-columns: repeat(auto-fit, 150px);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--compact .pro-fx-tile {
aspect-ratio: 1;
padding: 12px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--compact .pro-fx-tile .pro-fx-image img {
max-height: 118px !important;
border-radius: 8px;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card {
justify-content: flex-start;
padding: clamp(18px, 2vw, 26px);
border: 1px solid rgba(14, 112, 190, .10);
border-radius: 18px;
background: rgba(255, 255, 255, .74);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 10px 26px rgba(9, 74, 126, .06);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card > h2,
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card > h3,
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card > h4 {
margin-bottom: 10px;
font-size: 19px;
letter-spacing: -.01em;
line-height: 1.25;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card p {
margin-bottom: 10px;
font-size: 14.5px;
line-height: 1.68;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card > :last-child {
margin-bottom: 0;
}
@media (min-width: 801px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-row .pro-fx-col--card {
flex: 1 1 calc(var(--pro-fx-w, 50%) - 24px);
}
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(.pro-fx-image--portrait) {
align-self: flex-start;
min-height: 0;
padding-top: clamp(22px, 3vw, 38px);
padding-bottom: clamp(22px, 3vw, 38px);
}
@media (min-width: 801px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(.pro-fx-image--portrait) {
position: sticky;
top: calc(var(--pro-nav-bottom, 80px) + 16px);
}
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-image--portrait img {
max-width: min(92%, 300px) !important;
max-height: min(620px, 78vh) !important;
border-radius: 22px;
mix-blend-mode: normal;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-steps {
display: grid;
gap: 10px;
margin: 4px 0 12px;
counter-reset: none;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-step {
display: grid;
grid-template-columns: 34px 1fr;
gap: 2px 12px;
align-items: start;
padding: 12px 14px;
border: 1px solid rgba(14, 112, 190, .10);
border-radius: 14px;
background: rgba(255, 255, 255, .70);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-step::before {
grid-row: 1 / 3;
display: grid;
width: 32px;
height: 32px;
place-items: center;
border-radius: 50%;
background: linear-gradient(145deg, #ff7a1a, #fe3d01);
box-shadow: 0 6px 14px rgba(254, 61, 1, .22);
color: #fff;
content: attr(value);
font-size: 13px;
font-weight: 900;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-step strong {
color: var(--pro-navy);
font-size: 15px;
line-height: 1.3;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-step span {
color: #3e6388;
font-size: 14px;
line-height: 1.6;
} .pro-product-details .woocommerce-Tabs-panel--description .pro-fx-video-wrap + p {
margin-top: 10px;
color: #6684a3;
font-size: 13px;
line-height: 1.5;
}
@media (max-width: 767px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery {
gap: 10px;
grid-template-columns: repeat(min(var(--pro-fx-n, 3), 3), minmax(0, 1fr));
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--wide {
grid-template-columns: 1fr;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-tile {
padding: 10px;
border-radius: 14px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--compact {
grid-template-columns: repeat(auto-fit, 110px);
justify-content: center;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-gallery--compact .pro-fx-tile .pro-fx-image img {
max-height: 86px !important;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col--card {
margin-bottom: 12px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(.pro-fx-image--portrait) {
padding: 8px 16px 18px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-image--portrait img {
max-width: min(70%, 240px) !important;
max-height: 480px !important;
}
}
@media (max-width: 767px) {
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-row {
min-height: 0;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-col {
flex-basis: 100%;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-col:not(:has(> .pro-fx-image:only-child)) {
padding: 24px 19px 12px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-col:has(> .pro-fx-image:only-child) {
min-height: 245px;
padding: 8px 16px 22px;
background: radial-gradient(ellipse at 50% 55%, rgba(255, 255, 255, .96), rgba(224, 245, 255, .30) 70%);
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section:has(.pro-fx-col > .pro-fx-image:only-child) .pro-fx-image img {
max-width: min(88%, 320px) !important;
max-height: 245px !important;
}
}
.pro-product-details .woocommerce-Tabs-panel ul:not(.commentlist) {
display: grid;
gap: 8px;
padding-left: 0;
list-style: none;
}
.pro-product-details .woocommerce-Tabs-panel ul:not(.commentlist) > li {
position: relative;
padding-left: 27px;
}
.pro-product-details .woocommerce-Tabs-panel ul:not(.commentlist) > li::before {
position: absolute;
top: .2em;
left: 0;
display: grid;
width: 18px;
height: 18px;
place-items: center;
border-radius: 50%;
background: linear-gradient(145deg, #1595eb, #0871d4);
box-shadow: 0 5px 12px rgba(8, 121, 223, .18);
color: #fff;
content: '✓';
font-size: 10px;
font-weight: 900;
}
.pro-product-details .woocommerce-Tabs-panel > h2:first-child,
.pro-product-details .related > h2,
.pro-product-details .up-sells > h2 {
margin-top: 0;
color: var(--pro-navy);
font-weight: 950;
letter-spacing: -.025em;
}
.pro-product-details table.shop_attributes {
overflow: hidden;
border: 1px solid var(--pro-line) !important;
border-radius: 14px;
background: rgba(255, 255, 255, .65);
}
.pro-product-details table.shop_attributes th,
.pro-product-details table.shop_attributes td {
padding: 11px 14px !important;
border: 0 !important;
border-bottom: 1px solid rgba(8, 121, 223, .10) !important;
background: transparent !important;
text-align: left;
}
.pro-product-details table.shop_attributes th { color: var(--pro-navy); font-weight: 900; }
.pro-product-details ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
width: 100% !important;
margin: 0 !important;
}
.pro-product-details ul.products::before,
.pro-product-details ul.products::after { display: none !important; }
.pro-product-details ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 15px !important;
border: 1px solid var(--pro-line);
border-radius: 16px;
background: rgba(255, 255, 255, .70);
} .pro-product-details .related {
position: relative;
display: block !important;
overflow: hidden;
background:
radial-gradient(circle at 92% 8%, rgba(69, 175, 240, .13), transparent 28%),
linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(232, 247, 255, .70));
}
.pro-product-details .related > h2 {
margin-bottom: 22px;
font-size: clamp(24px, 2.2vw, 34px);
}
.pro-product-details .related > h2::before {
display: block;
margin-bottom: 5px;
color: #fe3d01;
content: 'Origineel Progenion onderhoud';
font-size: 11px;
font-weight: 950;
letter-spacing: .13em;
line-height: 1.3;
text-transform: uppercase;
}
.pro-product-details .related > h2::after {
display: block;
max-width: 620px;
margin-top: 7px;
color: #537391;
content: 'Passende filters, filtersets en UV-C-lampen voor optimale prestaties.';
font-size: 14px;
font-weight: 650;
letter-spacing: 0;
line-height: 1.45;
}
.pro-product-details .related .products li.product {
display: flex;
min-height: 100%;
flex-direction: column;
padding: 12px !important;
border-color: rgba(8, 121, 223, .18);
background: rgba(255, 255, 255, .78);
box-shadow: 0 12px 28px rgba(9, 74, 126, .07), inset 0 1px 0 rgba(255, 255, 255, .96);
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.pro-product-details .related .products li.product:hover {
border-color: rgba(8, 121, 223, .35);
box-shadow: 0 18px 38px rgba(9, 74, 126, .13), inset 0 1px 0 #fff;
transform: translateY(-3px);
}
.pro-product-details .related .woocommerce-LoopProduct-link {
display: flex;
min-height: 0;
flex: 1;
flex-direction: column;
}
.pro-product-details .related ul.products li.product a img {
width: 100% !important;
height: 190px !important;
margin: 0 0 13px !important;
padding: 12px;
border-radius: 13px;
background: rgba(255, 255, 255, .82);
object-fit: contain;
}
.pro-product-details .related .woocommerce-loop-product__title {
padding: 0 3px !important;
color: var(--pro-navy) !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 1.32;
}
.pro-product-details .related .star-rating { margin: 8px 3px 4px !important; color: #0879df; }
.pro-product-details .related .price {
margin: auto 3px 12px !important;
padding-top: 10px;
color: #fe3d01 !important;
font-size: 16px !important;
font-weight: 950 !important;
}
.pro-product-details .related .price * { color: inherit !important; }
.pro-product-details .related .button {
display: inline-flex !important;
min-height: 38px;
align-items: center;
align-self: flex-start;
justify-content: center;
margin: 0 !important;
padding: 8px 13px !important;
border: 0 !important;
border-radius: 10px !important;
background: #fe3d01 !important;
box-shadow: 0 9px 20px rgba(254, 61, 1, .22);
color: #fff !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-align: center;
}
.pro-product-details .related .button:hover {
background: #eb3700 !important;
box-shadow: 0 12px 25px rgba(254, 61, 1, .30);
}
.pro-product-details .related .onsale {
background: #fe3d01 !important;
color: #fff !important;
}
@media (max-width: 1180px) {
.pro-product-page-shell { width: min(1120px, calc(100% - 28px)); }
.pro-product-hero { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
.pro-product-purchase-card { grid-template-columns: minmax(0, 1fr) 240px; padding: 20px; }
.pro-product-gallery-card { min-height: 540px; }
.pro-native-gallery .woocommerce-product-gallery__wrapper,
.pro-native-gallery .woocommerce-product-gallery__image { min-height: 400px; }
.pro-test-score { right: 18px; transform: scale(.86); transform-origin: top right; }
.pro-payment-trust { grid-template-columns: 1fr; gap: 10px; }
.pro-payment-trust ul { padding-left: 0; border-left: 0; }
.pro-service-strip > div { padding: 2px 12px; }
.pro-overview-cards { grid-template-columns: 1fr; }
.pro-overview-cards article { min-height: 0; }
}
@media (max-width: 980px) {
body.single-product { background-position: center 120px; }
.pro-product-page-shell { width: min(760px, calc(100% - 26px)); padding-top: 12px; }
.pro-product-hero { grid-template-columns: 1fr !important; }
.pro-product-gallery-card { min-height: 550px; }
.pro-product-purchase-card { grid-template-columns: minmax(0, 1fr) 270px; }
.pro-service-strip { grid-template-columns: repeat(2, 1fr); gap: 0; }
.pro-service-strip > div:nth-child(2) { border-right: 0; }
.pro-service-strip > div:nth-child(-n+2) { padding-bottom: 12px; border-bottom: 1px solid var(--pro-line); }
.pro-service-strip > div:nth-child(n+3) { padding-top: 12px; }
.pro-product-anchor-nav { justify-content: flex-start; }
.pro-product-overview { grid-template-columns: 1fr; }
.pro-product-specifications { grid-template-columns: 1fr; gap: 18px; }
.pro-specifications-heading { position: static; padding: 0; }
.pro-overview-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pro-product-details ul.products { grid-template-columns: repeat(2, 1fr); }
.pro-lightbox { padding: 14px; }
.pro-lightbox__dialog {
width: calc(100vw - 28px);
height: calc(100vh - 28px);
border-radius: 22px;
}
.pro-lightbox__media { padding: 14px 68px 10px; }
.pro-lightbox__canvas { border-radius: 19px; }
.pro-lightbox__image {
width: calc(100% - 58px);
height: calc(100% - 54px);
max-width: none;
max-height: none;
}
.pro-lightbox__media.is-zoomed .pro-lightbox__image {
width: calc(100% - 18px);
height: calc(100% - 18px);
}
.pro-lightbox__image[src*="/assets/images/geuren/"] {
transform: translate(-50%, -50%) scale(1.12);
}
.pro-lightbox__zoom { right: 78px; bottom: 40px; }
.pro-lightbox__footer { grid-template-columns: 1fr; gap: 10px; }
.pro-lightbox__buy { justify-content: flex-end; }
}
@media (max-width: 700px) {
body.single-product { background-image: linear-gradient(180deg, #edf8ff, #fff 850px); }
.pro-single-product { padding-bottom: 38px; }
.pro-product-page-shell { width: calc(100% - 18px); padding-bottom: 28px; }
.pro-product-breadcrumb {
min-height: 43px;
margin-bottom: 8px;
padding: 5px 7px;
border-radius: 12px;
font-size: 11px;
}
.pro-breadcrumb-home { min-height: 31px; padding: 5px 8px; }
.pro-breadcrumb-home > span { display: none; }
.pro-breadcrumb-category { max-width: 34%; overflow: hidden; text-overflow: ellipsis; }
.pro-breadcrumb-separator { font-size: 16px; }
.pro-product-gallery-card,
.pro-product-purchase-card,
.pro-service-strip,
.pro-product-anchor-nav,
.pro-product-overview,
.pro-product-specifications,
.pro-product-combinations,
.pro-section-heading--details,
.pro-product-details .woocommerce-tabs,
.pro-product-details .related,
.pro-product-details .up-sells { border-radius: 17px; }
.pro-product-gallery-card { min-height: 450px; padding: 14px 12px 12px; }
.pro-product-view-toggle { top: 12px; left: 12px; }
.pro-product-view-toggle button { min-width: 80px; min-height: 31px; padding: 5px 12px; font-size: 11px; }
.pro-test-score { top: 20px; right: 8px; transform: scale(.66); }
.pro-native-gallery .woocommerce-product-gallery { padding-top: 34px; }
.pro-native-gallery .woocommerce-product-gallery__wrapper,
.pro-native-gallery .woocommerce-product-gallery__image { min-height: 330px; }
.pro-native-gallery .pro-gallery-fallback .woocommerce-product-gallery__wrapper {
height: 330px !important;
min-height: 330px !important;
max-height: 330px !important;
}
.pro-native-gallery .pro-gallery-fallback .woocommerce-product-gallery__image { min-height: 330px; }
.pro-gallery-stage { height: 330px; padding: 38px 18px 12px; }
.pro-gallery-stage img { max-width: 82% !important; max-height: 290px !important; }
.pro-fallback-thumbs button { width: 60px; height: 60px; padding: 5px; }
.pro-native-gallery .woocommerce-product-gallery__image img { max-width: 76% !important; max-height: 310px; }
.pro-native-gallery .flex-control-thumbs { gap: 7px; }
.pro-native-gallery .flex-control-thumbs li { width: 60px !important; height: 60px; padding: 5px; }
.pro-product-purchase-card {
grid-template-columns: 1fr;
grid-template-areas: 'copy' 'buybox' 'volume' 'payment';
gap: 14px;
padding: 19px 15px 15px;
background:
linear-gradient(180deg, rgba(248, 253, 255, .92), rgba(244, 251, 255, .82)),
url(//www.progenion.nl/wp-content/themes/progenion-nieuw/assets/progenion-gezin-schone-lucht-achtergrond.webp) 57% center / cover no-repeat;
}
.pro-product-purchase-card .product_title { font-size: 28px; }
.pro-buybox { padding: 16px; }
.pro-add-to-cart .woocommerce-variation-add-to-cart {
grid-template-columns: 104px minmax(0, 1fr);
}
.pro-add-to-cart .woocommerce-variation-add-to-cart .quantity { width: 104px; }
body.single-product .pro-single-product .pro-buybox-price .price ins,
body.single-product .pro-single-product .pro-buybox-price .price > .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > .woocommerce-Price-amount,
body.single-product .pro-single-product .pro-buybox-price > ins { font-size: 32px !important; }
.pro-payment-trust { padding: 2px; }
.pro-payment-methods {
grid-template-columns: repeat(6, minmax(36px, 1fr));
gap: 6px;
}
.pro-payment-logo { width: 46px; height: 26px; }
.pro-payment-logo--square { width: 26px; height: 26px; }
.pro-payment-logo--mastercard { width: 38px; }
.pro-payment-logo--visa { width: 44px; }
.pro-payment-logo--klarna { width: 70px; height: 30px; }
.pro-payment-logo--bancontact { width: 50px; }
.pro-service-strip { grid-template-columns: 1fr; padding: 7px 14px; }
.pro-service-strip > div { padding: 10px 3px !important; border-right: 0; border-bottom: 1px solid var(--pro-line); }
.pro-service-strip > div:last-child { border-bottom: 0; }
.pro-service-icon { flex-basis: 41px; width: 41px; height: 41px; }
.pro-product-anchor-nav { top: 8px; margin-inline: -4px; padding: 5px; }
.pro-product-anchor-nav button { min-width: auto; padding-inline: 14px; }
.pro-product-overview { gap: 20px; padding: 22px 17px; }
.pro-overview-cards { grid-template-columns: 1fr; }
.pro-product-specifications { padding: 22px 17px; }
.pro-specifications-table table.shop_attributes tbody { grid-template-columns: 1fr; }
.pro-product-combinations,
.pro-section-heading--details { padding: 22px 17px; }
.pro-product-details .woocommerce-tabs,
.pro-product-details .related,
.pro-product-details .up-sells { padding: 20px 16px !important; }
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-section {
padding: 19px 16px;
border-radius: 16px;
}
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-row { gap: 16px; }
.pro-product-details .woocommerce-Tabs-panel--description .pro-fx-image img,
.pro-product-details .woocommerce-Tabs-panel--description img {
max-width: min(100%, 340px) !important;
max-height: 270px !important;
}
.pro-product-details ul.products { grid-template-columns: 1fr; }
.pro-lightbox { padding: 0; }
.pro-lightbox__dialog {
width: 100vw;
height: 100dvh;
border: 0;
border-radius: 0;
}
.pro-lightbox__topbar { min-height: 62px; padding: 8px 60px 8px 14px; }
.pro-lightbox__eyebrow { font-size: 8px; }
.pro-lightbox__title { font-size: 13px; }
.pro-lightbox__close { top: 8px; right: 10px; width: 40px; height: 40px; }
.pro-lightbox__media { padding: 9px 48px 6px; }
.pro-lightbox__visual { grid-template-rows: minmax(0, 1fr) 18px; gap: 4px; }
.pro-lightbox__canvas { border-radius: 16px; }
.pro-lightbox__image {
width: calc(100% - 24px);
height: calc(100% - 30px);
max-width: none;
max-height: none;
}
.pro-lightbox__media.is-zoomed .pro-lightbox__image {
width: calc(100% - 8px);
height: calc(100% - 8px);
}
.pro-lightbox__image[src*="/assets/images/geuren/"] {
transform: translate(-50%, -50%) scale(1.18);
}
.pro-lightbox__caption { padding-inline: 4px; font-size: 9px; }
.pro-lightbox__arrow { width: 40px; height: 40px; }
.pro-lightbox__arrow--prev { left: 5px; }
.pro-lightbox__arrow--next { right: 5px; }
.pro-lightbox__zoom {
right: 53px;
bottom: 29px;
grid-template-columns: 18px;
min-width: 38px;
width: 38px;
min-height: 38px;
padding: 8px;
}
.pro-lightbox__zoom span { display: none; }
.pro-lightbox__ribbon {
top: 57px;
left: 12px;
min-height: 42px;
padding: 6px 13px;
border-radius: 0 0 12px 12px;
font-size: 9px;
}
.pro-lightbox__ribbon strong { font-size: 20px; }
.pro-lightbox__footer { min-height: 146px; padding: 9px 10px 12px; }
.pro-lightbox__thumb { flex-basis: 56px; width: 56px; height: 56px; }
.pro-lightbox__buy { justify-content: space-between; gap: 9px; }
.pro-lightbox__price { font-size: 19px; }
.pro-lightbox__cart { min-height: 46px; padding: 10px 15px; font-size: 12px; }
}
@media (max-height: 620px) and (orientation: landscape) {
.pro-lightbox__dialog { grid-template-rows: 52px minmax(0, 1fr) 86px; }
.pro-lightbox__topbar { min-height: 52px; padding-block: 6px; }
.pro-lightbox__eyebrow,
.pro-lightbox__caption,
.pro-lightbox__ribbon { display: none; }
.pro-lightbox__visual { grid-template-rows: minmax(0, 1fr); }
.pro-lightbox__media { padding-block: 7px; }
.pro-lightbox__zoom { bottom: 14px; }
.pro-lightbox__footer {
grid-template-columns: minmax(0, 1fr) auto;
min-height: 86px;
padding-block: 7px;
}
.pro-lightbox__thumb { flex-basis: 52px; width: 52px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
.pro-single-product *,
.pro-single-product *::before,
.pro-single-product *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
} .pro-product-reviews {
position: relative;
display: grid;
grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
gap: clamp(22px, 3vw, 42px);
margin: 0 0 16px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .94);
border-radius: 26px;
background:
radial-gradient(circle at 7% 8%, rgba(91, 193, 236, .24), transparent 24rem),
linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(225, 245, 253, .66));
box-shadow: 0 22px 58px rgba(8, 64, 108, .11), inset 0 1px 0 rgba(255, 255, 255, .9);
padding: clamp(24px, 3.4vw, 46px);
-webkit-backdrop-filter: blur(19px) saturate(124%);
backdrop-filter: blur(19px) saturate(124%);
}
.pro-product-reviews::after {
position: absolute;
right: -130px;
bottom: -190px;
width: 390px;
aspect-ratio: 1;
border: 1px solid rgba(14, 122, 198, .10);
border-radius: 50%;
background: radial-gradient(circle, rgba(73, 187, 233, .12), transparent 67%);
content: "";
pointer-events: none;
}
.pro-product-reviews__summary,
.pro-product-reviews__content {
position: relative;
z-index: 1;
min-width: 0;
}
.pro-product-reviews__summary {
align-self: start;
}
.pro-product-reviews__summary h2 {
margin: 7px 0 12px;
color: var(--pro-navy);
font-size: clamp(27px, 2.45vw, 39px);
font-weight: 950;
letter-spacing: -.045em;
line-height: 1.05;
text-wrap: balance;
}
.pro-product-reviews__summary > p:not(.pro-product-kicker) {
margin: 0 0 22px;
color: #496a89;
font-size: 14px;
line-height: 1.65;
}
.pro-review-score {
display: grid;
gap: 6px;
margin-bottom: 18px;
border: 1px solid rgba(255, 255, 255, .92);
border-radius: 20px;
background: rgba(255, 255, 255, .68);
box-shadow: 0 12px 28px rgba(8, 68, 111, .08), inset 0 1px 0 #fff;
padding: 20px;
}
.pro-review-score > strong {
color: var(--pro-navy);
font-size: clamp(36px, 4vw, 52px);
font-weight: 950;
letter-spacing: -.06em;
line-height: 1;
}
.pro-review-score .star-rating {
float: none;
width: 5.4em;
margin: 2px 0 3px;
color: #ff9700;
font-size: 19px;
}
.pro-review-score small {
color: #63809a;
font-size: 12px;
line-height: 1.4;
}
.pro-review-score__empty {
color: #ccdce7;
font-size: 18px;
letter-spacing: .08em;
}
.pro-review-distribution {
display: grid;
gap: 9px;
margin: 0 0 20px;
}
.pro-review-distribution__row {
display: grid;
grid-template-columns: 65px minmax(70px, 1fr) 24px;
gap: 9px;
align-items: center;
color: #54728f;
font-size: 11px;
font-weight: 800;
}
.pro-review-distribution__row b {
color: var(--pro-navy);
font-size: 11px;
text-align: right;
}
.pro-review-distribution__track {
height: 7px;
overflow: hidden;
border-radius: 999px;
background: rgba(108, 151, 181, .17);
}
.pro-review-distribution__track i {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #ffb21a, #fe6b01);
}
.pro-review-write-button {
display: inline-flex;
min-height: 45px;
align-items: center;
justify-content: center;
gap: 12px;
border: 1px solid rgba(224, 75, 11, .22);
border-radius: 999px;
background: linear-gradient(180deg, #ff7b18, #fe3d01);
box-shadow: 0 11px 24px rgba(224, 70, 8, .22);
color: #fff !important;
font-size: 13px;
font-weight: 900;
padding: 10px 18px;
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease;
}
.pro-review-write-button:hover {
box-shadow: 0 15px 31px rgba(224, 70, 8, .3);
transform: translateY(-2px);
}
.pro-product-reviews__content .woocommerce-Reviews {
display: grid;
gap: 18px;
}
.pro-product-reviews__content #comments,
.pro-product-reviews__content #review_form_wrapper {
margin: 0;
border: 1px solid rgba(203, 225, 239, .82);
border-radius: 21px;
background: rgba(255, 255, 255, .82);
box-shadow: 0 14px 34px rgba(8, 65, 105, .08), inset 0 1px 0 #fff;
padding: clamp(19px, 2.5vw, 30px);
}
.pro-product-reviews__content .woocommerce-Reviews-title,
.pro-product-reviews__content #reply-title {
display: block;
margin: 0 0 18px;
color: var(--pro-navy);
font-size: clamp(21px, 2vw, 29px);
font-weight: 950;
letter-spacing: -.035em;
line-height: 1.15;
}
.pro-product-reviews__content ol.commentlist {
display: grid;
gap: 12px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.pro-product-reviews__content ol.commentlist::before,
.pro-product-reviews__content ol.commentlist::after {
display: none !important;
}
.pro-product-reviews__content ol.commentlist > li.review,
.pro-product-reviews__content ol.commentlist > li.comment {
width: 100%;
margin: 0 !important;
border: 1px solid #dfebf3;
border-radius: 17px;
background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(241, 249, 253, .84));
box-shadow: 0 8px 21px rgba(8, 67, 107, .055);
padding: 18px !important;
list-style: none !important;
}
.pro-product-reviews__content .comment_container {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 14px;
align-items: start;
}
.pro-product-reviews__content .comment_container > img.avatar {
position: static !important;
float: none !important;
width: 48px !important;
height: 48px !important;
margin: 0 !important;
border: 3px solid rgba(255, 255, 255, .94) !important;
border-radius: 50% !important;
background: #e5f4fb;
box-shadow: 0 6px 16px rgba(8, 66, 105, .13);
padding: 0 !important;
object-fit: cover;
}
.pro-product-reviews__content .comment-text {
min-width: 0;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
}
.pro-product-reviews__content .comment-text .star-rating {
float: right;
margin: 1px 0 7px 12px;
color: #ff9700;
font-size: 14px;
}
.pro-product-reviews__content .meta {
margin: 0 0 9px !important;
color: #7890a5 !important;
font-size: 11px !important;
line-height: 1.45;
}
.pro-product-reviews__content .woocommerce-review__author {
color: var(--pro-navy);
font-size: 13px;
font-weight: 950;
}
.pro-product-reviews__content .woocommerce-review__verified {
display: inline-flex;
align-items: center;
margin-left: 5px;
border-radius: 999px;
background: #e8f7ef;
color: #19764e;
font-size: 9px;
font-weight: 900;
padding: 3px 7px;
}
.pro-product-reviews__content .description {
color: #426483;
font-size: 13px;
line-height: 1.65;
}
.pro-product-reviews__content .description > :last-child {
margin-bottom: 0;
}
.pro-product-reviews__content .woocommerce-noreviews {
margin: 0;
border: 1px dashed #c4ddec;
border-radius: 15px;
background: rgba(239, 249, 254, .72);
color: #496d8b;
padding: 17px;
}
.pro-product-reviews__content #review_form_wrapper {
scroll-margin-top: calc(var(--pro-sticky-offset, 90px) + 20px);
}
.pro-product-reviews__content #review_form_wrapper .comment-reply-title::before {
display: block;
margin-bottom: 6px;
color: #fe3d01;
content: "Uw beoordeling";
font-size: 10px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
.pro-product-reviews__content form.comment-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px 16px;
}
.pro-product-reviews__content form.comment-form > p {
min-width: 0;
margin: 0;
}
.pro-product-reviews__content .comment-notes,
.pro-product-reviews__content .comment-form-rating,
.pro-product-reviews__content .comment-form-comment,
.pro-product-reviews__content .comment-form-cookies-consent,
.pro-product-reviews__content .form-submit,
.pro-product-reviews__content .must-log-in {
grid-column: 1 / -1;
}
.pro-product-reviews__content .comment-notes,
.pro-product-reviews__content .logged-in-as {
color: #71889e;
font-size: 11px;
line-height: 1.5;
}
.pro-product-reviews__content form.comment-form label {
display: block;
margin-bottom: 6px;
color: var(--pro-navy);
font-size: 12px;
font-weight: 900;
}
.pro-product-reviews__content form.comment-form input[type="text"],
.pro-product-reviews__content form.comment-form input[type="email"],
.pro-product-reviews__content form.comment-form textarea {
width: 100%;
border: 1px solid #ccdfeb;
border-radius: 13px;
outline: 0;
background: rgba(248, 252, 255, .94);
color: #173f64;
font: inherit;
font-size: 14px;
padding: 12px 13px;
transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.pro-product-reviews__content form.comment-form input[type="text"],
.pro-product-reviews__content form.comment-form input[type="email"] {
min-height: 47px;
}
.pro-product-reviews__content form.comment-form textarea {
min-height: 126px;
resize: vertical;
}
.pro-product-reviews__content form.comment-form input:focus,
.pro-product-reviews__content form.comment-form textarea:focus {
border-color: #1786cf;
background: #fff;
box-shadow: 0 0 0 4px rgba(23, 134, 207, .12);
}
.pro-product-reviews__content .comment-form-cookies-consent {
display: grid;
grid-template-columns: 18px 1fr;
gap: 8px;
align-items: start;
}
.pro-product-reviews__content .comment-form-cookies-consent input {
width: 16px;
height: 16px;
margin: 2px 0 0;
accent-color: #0879df;
}
.pro-product-reviews__content .comment-form-cookies-consent label {
margin: 0 !important;
color: #607d96 !important;
font-size: 11px !important;
font-weight: 650 !important;
line-height: 1.45;
}
.pro-product-reviews__content .comment-form-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 14px;
border: 1px solid #d9e8f2;
border-radius: 13px;
background: #f5fbfe;
padding: 11px 13px;
}
.pro-product-reviews__content .comment-form-rating label {
margin: 0 !important;
}
.pro-product-reviews__content p.stars {
margin: 0 !important;
}
.pro-product-reviews__content p.stars a {
color: #ff9700;
font-size: 17px;
}
.pro-product-reviews__content .form-submit input[type="submit"],
.pro-product-reviews__content .form-submit .submit {
width: auto;
min-height: 46px;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(180deg, #ff7b18, #fe3d01) !important;
box-shadow: 0 10px 23px rgba(224, 70, 8, .22);
color: #fff !important;
font-size: 13px !important;
font-weight: 900 !important;
padding: 11px 20px !important;
cursor: pointer;
transition: transform .2s ease, box-shadow .2s ease;
}
.pro-product-reviews__content .form-submit input[type="submit"]:hover,
.pro-product-reviews__content .form-submit .submit:hover {
box-shadow: 0 14px 30px rgba(224, 70, 8, .3);
transform: translateY(-2px);
}
.pro-product-reviews__content .woocommerce-pagination {
margin-top: 16px;
}
.pro-product-reviews__content .woocommerce-pagination ul {
display: flex;
gap: 6px;
justify-content: flex-start;
border: 0 !important;
}
.pro-product-reviews__content .woocommerce-pagination li {
border: 0 !important;
}
.pro-product-reviews__content .woocommerce-pagination a,
.pro-product-reviews__content .woocommerce-pagination span {
display: grid !important;
min-width: 36px;
min-height: 36px;
place-items: center;
border: 1px solid #d3e4ef;
border-radius: 10px;
background: #fff;
color: #1b5d90;
font-size: 12px;
font-weight: 850;
}
.pro-product-reviews__content .woocommerce-pagination .current {
border-color: #0879df;
background: #0879df;
color: #fff;
}
@media (max-width: 980px) {
.pro-product-reviews {
grid-template-columns: 1fr;
}
.pro-product-reviews__summary {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
gap: 0 24px;
align-items: start;
}
.pro-product-reviews__summary > .pro-product-kicker,
.pro-product-reviews__summary > h2,
.pro-product-reviews__summary > p:not(.pro-product-kicker) {
grid-column: 1;
}
.pro-review-score,
.pro-review-distribution {
grid-column: 2;
}
.pro-review-score {
grid-row: 1 / span 3;
}
.pro-review-distribution,
.pro-review-write-button {
align-self: start;
}
}
@media (max-width: 700px) {
.pro-product-reviews {
display: block;
border-radius: 20px;
padding: 21px 14px;
}
.pro-product-reviews__summary {
display: block;
}
.pro-review-score {
margin-top: 18px;
}
.pro-review-write-button {
width: 100%;
margin-bottom: 20px;
}
.pro-product-reviews__content #comments,
.pro-product-reviews__content #review_form_wrapper {
border-radius: 17px;
padding: 17px 14px;
}
.pro-product-reviews__content .comment_container {
grid-template-columns: 38px minmax(0, 1fr);
gap: 10px;
}
.pro-product-reviews__content .comment_container > img.avatar {
width: 38px !important;
height: 38px !important;
}
.pro-product-reviews__content .comment-text .star-rating {
float: none;
margin: 0 0 8px;
}
.pro-product-reviews__content form.comment-form {
grid-template-columns: 1fr;
}
.pro-product-reviews__content .comment-form-author,
.pro-product-reviews__content .comment-form-email {
grid-column: 1 / -1;
}
}
@media (hover: none) {
.pro-review-write-button:hover,
.pro-product-reviews__content .form-submit input[type="submit"]:hover,
.pro-product-reviews__content .form-submit .submit:hover {
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.pro-review-write-button,
.pro-product-reviews__content input,
.pro-product-reviews__content textarea,
.pro-product-reviews__content .submit {
transition: none !important;
}
} .pro-product-reviews,
.pro-product-reviews *,
.pro-product-reviews *::before,
.pro-product-reviews *::after {
box-sizing: border-box;
}
.pro-product-reviews,
.pro-product-reviews__summary,
.pro-product-reviews__content,
.pro-product-reviews__content .woocommerce-Reviews,
.pro-product-reviews__content #comments,
.pro-product-reviews__content ol.commentlist,
.pro-product-reviews__content ol.commentlist > li,
.pro-product-reviews__content .comment_container {
width: 100%;
max-width: 100%;
min-width: 0;
}
.pro-product-reviews__content .comment_container {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
}
.pro-product-reviews__content .comment_container > .comment-text {
grid-column: 1 / -1;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
}
.pro-product-reviews__content .comment_container > img.avatar + .comment-text {
grid-column: 2;
}
.pro-product-reviews__content .comment-text .meta {
display: flex;
flex-wrap: wrap;
gap: 3px 6px;
align-items: center;
width: 100%;
max-width: none;
}
.pro-product-reviews__content .comment-text .description,
.pro-product-reviews__content .comment-text .description p {
width: 100% !important;
max-width: none !important;
word-break: normal !important;
overflow-wrap: break-word;
white-space: normal !important;
}
.pro-product-reviews__content .comment-text .description p {
margin: 0;
}
@media (min-width: 981px) {
.pro-product-reviews {
grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
}
}
@media (min-width: 701px) and (max-width: 980px) {
.pro-product-reviews__content .comment_container {
grid-template-columns: 44px minmax(0, 1fr) !important;
}
.pro-product-reviews__content .comment_container > img.avatar {
width: 44px !important;
height: 44px !important;
}
}
@media (max-width: 700px) {
.pro-product-reviews {
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
}
.pro-product-reviews__summary h2 {
font-size: clamp(25px, 8vw, 32px);
overflow-wrap: break-word;
}
.pro-product-reviews__content .woocommerce-Reviews-title,
.pro-product-reviews__content #reply-title {
font-size: clamp(20px, 6.2vw, 26px);
overflow-wrap: break-word;
}
.pro-product-reviews__content ol.commentlist > li.review,
.pro-product-reviews__content ol.commentlist > li.comment {
padding: 15px !important;
}
.pro-product-reviews__content .comment_container {
grid-template-columns: 38px minmax(0, 1fr) !important;
}
.pro-product-reviews__content .comment-text .star-rating {
display: block;
width: 5.4em;
}
}
@media (max-width: 420px) {
.pro-product-reviews {
padding: 18px 11px;
}
.pro-product-reviews__content #comments,
.pro-product-reviews__content #review_form_wrapper {
padding: 15px 11px;
}
.pro-product-reviews__content ol.commentlist > li.review,
.pro-product-reviews__content ol.commentlist > li.comment {
padding: 13px !important;
}
.pro-product-reviews__content .comment_container {
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 9px;
}
.pro-product-reviews__content .comment_container > img.avatar {
width: 34px !important;
height: 34px !important;
}
.pro-product-reviews__content .comment_container > .comment-text {
grid-column: 1 / -1;
}
.pro-product-reviews__content .comment_container > img.avatar + .comment-text {
grid-column: 2;
}
.pro-product-reviews__content .description {
font-size: 12.5px;
line-height: 1.6;
}
} .pro-trial-anchor {
position: relative;
z-index: 9;
width: 100%;
margin-top: 14px;
}
.pro-trial-anchor[hidden],
.pro-trial-option__panel[hidden] {
display: none !important;
}
.pro-trial-option {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .96);
border-radius: 19px;
background:
radial-gradient(circle at 8% 0%, rgba(255, 185, 87, .20), transparent 17rem),
linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(235, 248, 255, .76));
box-shadow: 0 15px 36px rgba(6, 65, 105, .11), inset 0 1px 0 rgba(255, 255, 255, .96);
-webkit-backdrop-filter: blur(18px) saturate(130%);
backdrop-filter: blur(18px) saturate(130%);
}
.pro-trial-option::before {
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: linear-gradient(180deg, #ff9d19, #fe3d01);
content: "";
pointer-events: none;
}
.pro-trial-option__trigger {
display: grid;
width: 100%;
grid-template-columns: 54px minmax(0, 1fr) auto 18px;
gap: 13px;
align-items: center;
border: 0;
outline: 0;
background: transparent;
color: var(--pro-navy, #073b66);
padding: 13px 16px 13px 18px;
text-align: left;
cursor: pointer;
}
.pro-trial-option__trigger:focus-visible {
box-shadow: inset 0 0 0 3px rgba(9, 124, 207, .30);
}
.pro-trial-option__calendar {
display: grid;
width: 54px;
height: 54px;
place-content: center;
border: 1px solid rgba(255, 116, 20, .28);
border-radius: 15px;
background: linear-gradient(145deg, #fff8ef, #ffe7cf);
box-shadow: 0 7px 18px rgba(226, 83, 8, .13);
color: #e64a08;
text-align: center;
}
.pro-trial-option__calendar b {
font-size: 22px;
font-weight: 950;
letter-spacing: -.05em;
line-height: .86;
}
.pro-trial-option__calendar small {
margin-top: 4px;
font-size: 8px;
font-weight: 950;
letter-spacing: .08em;
line-height: 1;
text-transform: uppercase;
}
.pro-trial-option__heading {
display: grid;
min-width: 0;
gap: 3px;
}
.pro-trial-option__heading strong {
color: var(--pro-navy, #073b66);
font-size: 15px;
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.15;
}
.pro-trial-option__heading small {
overflow: hidden;
color: #52718d;
font-size: 11px;
font-weight: 650;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-trial-option__price {
display: inline-flex;
min-height: 31px;
align-items: center;
justify-content: center;
border: 1px solid rgba(230, 75, 8, .18);
border-radius: 999px;
background: rgba(255, 243, 231, .92);
color: #d94405;
font-size: 11px;
font-weight: 950;
padding: 6px 11px;
white-space: nowrap;
}
.pro-trial-option__chevron {
width: 10px;
height: 10px;
border-right: 2px solid #4a6f8d;
border-bottom: 2px solid #4a6f8d;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform .2s ease;
}
.pro-trial-option.is-open .pro-trial-option__chevron {
transform: rotate(225deg) translate(-1px, -1px);
}
.pro-trial-option.is-selected {
border-color: rgba(29, 153, 102, .35);
box-shadow: 0 16px 38px rgba(6, 93, 75, .13), inset 0 1px 0 rgba(255, 255, 255, .96);
}
.pro-trial-option.is-selected::before {
background: linear-gradient(180deg, #35c78a, #118b62);
}
.pro-trial-option.is-selected .pro-trial-option__price {
border-color: rgba(27, 148, 98, .22);
background: #eaf9f2;
color: #137550;
}
.pro-trial-option__panel {
border-top: 1px solid rgba(189, 218, 234, .68);
padding: 14px 18px 16px;
}
.pro-trial-option__choice {
display: grid;
width: 100%;
grid-template-columns: 43px minmax(0, 1fr);
gap: 12px;
align-items: center;
margin: 0;
border: 1px solid rgba(188, 217, 233, .78);
border-radius: 14px;
outline: 0;
background: rgba(255, 255, 255, .73);
padding: 12px;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.pro-trial-option__choice:hover {
border-color: rgba(11, 126, 202, .32);
background: rgba(255, 255, 255, .92);
}
.pro-trial-option__choice:focus-visible {
box-shadow: 0 0 0 3px rgba(9, 124, 207, .22);
}
.pro-trial-option__selector {
position: relative;
display: grid;
width: 43px;
height: 43px;
place-items: center;
border-radius: 13px;
background: linear-gradient(145deg, #eaf7ff, #d8effc);
box-shadow: inset 0 0 0 1px rgba(18, 127, 195, .15);
}
.pro-trial-option__selector::before {
color: #0879c7;
content: "→";
font-size: 21px;
font-weight: 950;
line-height: 1;
}
.pro-trial-option.is-selected .pro-trial-option__selector {
background: linear-gradient(145deg, #e7faef, #ccefdc);
}
.pro-trial-option.is-selected .pro-trial-option__selector::before {
color: #138258;
content: "✓";
}
.pro-trial-option__choice > span:last-child {
display: grid;
gap: 3px;
}
.pro-trial-option__choice strong {
color: var(--pro-navy, #073b66);
font-size: 13px;
font-weight: 900;
line-height: 1.25;
}
.pro-trial-option__choice small {
color: #617e96;
font-size: 10px;
font-weight: 600;
line-height: 1.45;
}
.pro-trial-option__description {
margin: 12px 1px 9px;
color: #496c87;
font-size: 11px;
line-height: 1.6;
}
.pro-trial-option__link {
display: inline-flex;
align-items: center;
gap: 7px;
color: #0879c7 !important;
font-size: 11px;
font-weight: 850;
text-decoration: none !important;
}
.pro-trial-option__link:hover {
color: #fe3d01 !important;
}
.pro-trial-source-highlight {
border-radius: 12px;
outline: 4px solid rgba(254, 91, 1, .28);
outline-offset: 4px;
box-shadow: 0 0 0 9px rgba(254, 91, 1, .09);
scroll-margin-top: calc(var(--pro-sticky-offset, 90px) + 18px);
}
.pro-product-gallery-card:has(.pro-trial-anchor:not([hidden])) .pro-native-gallery {
height: auto;
}
@media (max-width: 700px) {
.pro-trial-anchor {
margin-top: 11px;
}
.pro-trial-option {
border-radius: 17px;
}
.pro-trial-option__trigger {
grid-template-columns: 47px minmax(0, 1fr) 15px;
gap: 10px;
padding: 12px 13px 12px 15px;
}
.pro-trial-option__calendar {
width: 47px;
height: 47px;
border-radius: 13px;
}
.pro-trial-option__calendar b {
font-size: 20px;
}
.pro-trial-option__heading strong {
font-size: 14px;
}
.pro-trial-option__heading small {
white-space: normal;
}
.pro-trial-option__price {
grid-column: 2;
justify-self: start;
min-height: 27px;
margin-top: -2px;
padding: 4px 9px;
}
.pro-trial-option__chevron {
grid-column: 3;
grid-row: 1 / span 2;
}
.pro-trial-option__panel {
padding: 12px 13px 14px;
}
}
@media (max-width: 390px) {
.pro-trial-option__trigger {
grid-template-columns: 43px minmax(0, 1fr) 13px;
gap: 8px;
padding-left: 12px;
}
.pro-trial-option__calendar {
width: 43px;
height: 43px;
}
.pro-trial-option__heading strong {
font-size: 13px;
}
.pro-trial-option__heading small,
.pro-trial-option__description {
font-size: 10px;
}
.pro-trial-option__choice {
grid-template-columns: 39px minmax(0, 1fr);
gap: 9px;
padding: 10px;
}
.pro-trial-option__selector {
width: 39px;
height: 39px;
}
}
@media (prefers-reduced-motion: reduce) {
.pro-trial-option__chevron {
transition: none !important;
}
} .pro-add-to-cart .pgt-choice {
grid-column: 1 / -1;
flex: 1 1 100%;
width: 100%;
margin: 2px 0 0 !important;
padding: 12px 14px !important;
border: 1px solid rgba(255, 140, 40, .3) !important;
border-radius: 14px !important;
background: rgba(255, 248, 240, .92) !important;
box-sizing: border-box;
}
.pro-add-to-cart .pgt-choice.is-checked,
.pro-add-to-cart .pgt-choice:has(input:checked) {
border-color: rgba(27, 148, 98, .4) !important;
background: rgba(234, 249, 242, .95) !important;
}
.pro-add-to-cart .pgt-choice-label {
align-items: center !important;
gap: 10px !important;
color: var(--pro-navy, #073b66);
font-size: 14px;
line-height: 1.3 !important;
}
.pro-add-to-cart .pgt-choice-label input {
width: 20px;
height: 20px;
margin: 0 !important;
accent-color: #138258;
cursor: pointer;
}
.pro-add-to-cart .pgt-choice-note {
margin: 7px 0 0 30px !important;
color: #4d6a82 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
.pro-add-to-cart .pgt-choice-note a { color: #0879c7; font-weight: 750; }
.pro-add-to-cart .qty[readonly] { color: #6f8aa0; cursor: not-allowed; }
@media (max-width: 700px) {
.pro-add-to-cart .pgt-choice-note { margin-left: 0 !important; }
} .pro-volume-discount[open] summary { border-bottom: 1px solid var(--pro-line); }
.pro-volume-discount summary strong { color: var(--pro-navy, #073b66); }
.pro-volume-content { padding: 12px 15px 14px; }
.pro-volume-content .plugify_main_parent_div { width: 100% !important; }
.pro-volume-content .plugify_before_table_content_parent_div:empty,
.pro-volume-content .plugify_after_table_content_parent_div:empty { display: none !important; }
.pro-volume-content .plugify_table_parent_div { overflow: visible !important; }
.pro-volume-content .tbloo_fine_trash_plugifyy {
display: table !important;
width: 100% !important;
margin: 0 !important;
border: 1px solid rgba(8, 121, 223, .16) !important;
border-radius: 12px !important;
background: #fff !important;
}
.pro-volume-content .tbloo_fine_trash_plugifyy th {
padding: 9px 14px !important;
border: 0 !important;
background: var(--pro-navy, #073b66) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .01em;
}
.pro-volume-content .tbloo_fine_trash_plugifyy td {
padding: 10px 14px !important;
border: 0 !important;
border-top: 1px solid rgba(8, 121, 223, .10) !important;
background: rgba(255, 255, 255, .95) !important;
color: var(--pro-navy, #073b66) !important;
font-size: 13px !important;
font-weight: 650;
transition: background-color .18s ease;
}
.pro-volume-content .tbloo_fine_trash_plugifyy td:nth-child(2) { color: #138258 !important; font-weight: 850; }
.pro-volume-content .tbloo_fine_trash_plugifyy td:last-child { font-weight: 850; white-space: nowrap; }
.pro-volume-content .tbloo_fine_trash_plugifyy tr.activeclasstr td {
background: #eaf9f2 !important;
font-weight: 900;
}
.pro-volume-content .tbloo_fine_trash_plugifyy tr.activeclasstr td:first-child { box-shadow: inset 4px 0 0 #138258; }
@media (max-width: 700px) {
.pro-volume-content { padding: 10px 12px 12px; }
.pro-volume-content .tbloo_fine_trash_plugifyy th,
.pro-volume-content .tbloo_fine_trash_plugifyy td { padding: 9px 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
.pro-volume-content .tbloo_fine_trash_plugifyy td { transition: none; }
}
.pro-volume-discount[hidden] { display: none !important; } .pro-gallery-share {
position: absolute;
top: 18px;
right: 18px;
z-index: 13;
display: grid;
width: 42px;
height: 42px;
place-items: center;
border: 1px solid rgba(255, 255, 255, .92);
border-radius: 50%;
background: rgba(255, 255, 255, .82);
box-shadow: 0 8px 22px rgba(13, 73, 125, .14);
color: #1877f2;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
.pro-gallery-share svg { width: 20px; height: 20px; fill: currentColor; }
.pro-gallery-share:hover,
.pro-gallery-share:focus-visible { background: #1877f2; color: #fff; transform: translateY(-1px); }
.pro-gallery-share:focus-visible { outline: 3px solid var(--orange, #fd7408); outline-offset: 2px; } .pro-product-gallery-card .pro-test-score { top: 72px; }
@media (max-width: 1180px) { .pro-product-gallery-card .pro-test-score { top: 68px; } }
@media (max-width: 700px) {
.pro-gallery-share { top: 12px; right: 12px; width: 40px; height: 40px; }
.pro-product-gallery-card .pro-test-score { top: 56px; }
} .pro-product-author {
display: flex;
align-items: center;
gap: 14px;
margin: 18px 0;
padding: 14px 18px;
border: 1px solid var(--pro-line, #dfebf5);
border-radius: 16px;
background: rgba(255, 255, 255, .72);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.pro-product-author__mark { flex: 0 0 auto; display: grid; width: 64px; height: 40px; place-items: center; }
.pro-product-author__mark img { width: 64px; height: auto; }
.pro-product-author p { display: grid; gap: 2px; margin: 0; }
.pro-product-author strong { color: var(--pro-navy, #073b66); font-size: 14px; font-weight: 850; }
.pro-product-author span { color: #4f6f90; font-size: 13px; line-height: 1.45; }
@media (max-width: 700px) { .pro-product-author { align-items: flex-start; padding: 12px 14px; } }
@media (prefers-reduced-motion: reduce) { .pro-gallery-share { transition: none; } } .pro-product-faq { margin: 26px 0; scroll-margin-top: calc(var(--pro-sticky-offset, 90px) + 18px); }
.pro-product-faq__list { display: grid; gap: 10px; max-width: 920px; }
.pro-product-faq__item {
border: 1px solid var(--pro-line, #dfebf5);
border-radius: 16px;
background: rgba(255, 255, 255, .78);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.pro-product-faq__item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 52px;
padding: 14px 18px;
color: var(--pro-navy, #073b66);
font-size: 15px;
font-weight: 850;
line-height: 1.35;
cursor: pointer;
list-style: none;
}
.pro-product-faq__item summary::-webkit-details-marker { display: none; }
.pro-product-faq__item[open] summary { border-bottom: 1px solid var(--pro-line, #dfebf5); }
.pro-product-faq__item[open] .pro-summary-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.pro-product-faq__answer { padding: 12px 18px 16px; color: #36506f; font-size: 15px; line-height: 1.7; }
.pro-product-faq__answer p { margin: 0 0 .8em; }
.pro-product-faq__answer p:last-child { margin-bottom: 0; }
.pro-product-faq__answer a { color: var(--pro-blue, #0071df); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
.pro-product-faq__item summary { padding: 13px 14px; font-size: 14px; }
.pro-product-faq__answer { padding: 10px 14px 14px; font-size: 14px; }
} .pro-product-gallery-card:has(.poff-product-offers) .pro-native-gallery {
height: auto;
} .pro-stock-status .pro-product-ean { display: block; margin-top: 2px; color: #6b8299; font-size: .74rem; letter-spacing: .02em; }