.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock) {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 7px;
margin: 0 0 20px !important;
padding: 12px 14px 12px 46px !important;
min-height: 48px;
border: 1px solid #f1d9cc;
border-radius: 14px;
background: linear-gradient(135deg,#fff8f4 0%,#fff 100%);
color: #62676e;
font-size: 14px;
line-height: 1.45;
box-shadow: 0 5px 15px rgba(40,45,50,.035);
}
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock)::before {
content: "";
position: absolute;
left: 13px;
top: 50%;
width: 24px;
height: 24px;
transform: translateY(-50%);
border-radius: 8px;
background-color: #fff0e8;
background-image: url(//www.speelgoedbezorgd.nl/wp-content/themes/speelgoedbezorgd-theme/assets/images/cart-delivery-van.webp);
background-repeat: no-repeat;
background-position: center;
background-size: 21px auto;
}
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock) strong,
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock) b {
font-weight: 800;
}
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock) a {
color: inherit;
}
@media (max-width: 600px) {
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock) {
gap: 3px 6px;
margin-bottom: 17px !important;
padding: 11px 12px 11px 42px !important;
min-height: 45px;
border-radius: 12px;
font-size: 13px;
line-height: 1.4;
}
.single-product .sb-product-buy .summary > p.price + :is(p,div,span):not(.woocommerce-product-details__short-description):not(.stock)::before {
left: 11px;
width: 23px;
height: 23px;
background-size: 20px auto;
}
} @media (max-width: 1100px) {
body.single-product { overflow-x: clip; }
.single-product .shop-shell,
.single-product .shop-shell > .wide,
.single-product .sb-product-head,
.single-product .sb-product-buy,
.single-product .sb-product-buy__gallery,
.single-product .summary,
.single-product .sb-product-gallery,
.single-product .sb-product-gallery__stage,
.single-product .sb-product-gallery__open,
.single-product .woocommerce-tabs,
.single-product .woocommerce-Tabs-panel,
.single-product form.cart,
.single-product form.variations_form,
.single-product table.variations {
min-width: 0 !important;
max-width: 100% !important;
}
.single-product .sb-product-buy {
grid-template-columns: minmax(0, 1fr) !important;
width: 100%;
}
.single-product .sb-product-gallery__stage,
.single-product .sb-product-gallery__open,
.single-product .sb-product-gallery__main { width: 100%; }
.single-product .sb-product-gallery__thumbs,
.single-product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .woocommerce-tabs ul.tabs {
max-width: 100%;
overscroll-behavior-inline: contain;
-webkit-overflow-scrolling: touch;
}
.single-product .summary :is(input, select, textarea, button) { max-width: 100%; }
.single-product .summary :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
font-size: 16px !important;
}
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
width: 100%;
max-width: 100%;
}
.single-product table.variations th,
.single-product table.variations td {
display: block;
padding-left: 0;
padding-right: 0;
}
.single-product table.variations select { width: 100% !important; }
.single-product .product_title,
.single-product .woocommerce-product-details__short-description,
.single-product .product_meta { overflow-wrap: anywhere; }
.single-product form.cart:not(.variations_form) {
grid-template-columns: minmax(0, 72px) minmax(0, 1fr) !important;
}
.single-product form.cart .single_add_to_cart_button {
min-width: 0;
white-space: normal;
}
} @media (min-width: 761px) and (max-width: 1100px) {
.single-product .shop-shell > .wide { width: min(100% - 34px, 980px); }
.single-product .sb-product-buy {
grid-template-columns: minmax(0, 1fr) !important;
gap: 24px !important;
}
.single-product .sb-product-buy .summary {
position: static !important;
top: auto !important;
width: 100% !important;
}
.single-product .sb-product-buy__gallery .sb-product-gallery__stage,
.single-product .sb-product-buy__gallery .sb-product-gallery__open {
min-height: clamp(430px, 56vw, 560px) !important;
}
.single-product .sb-product-buy__gallery .sb-product-gallery__main {
height: clamp(390px, 50vw, 500px) !important;
max-width: min(100%, 650px) !important;
}
.single-product .sb-product-gallery__thumb {
min-width: 72px;
min-height: 72px;
}
.single-product form.cart .single_add_to_cart_button,
.single-product .sb-qty-button { min-height: 48px; }
.single-product .woocommerce-tabs ul.tabs {
overflow-x: auto;
scrollbar-width: thin;
}
} @supports (content-visibility: auto) {
.single-product .sb-specifications,
.single-product .sb-product-details,
.single-product .sb-product-reviews {
content-visibility: auto;
contain-intrinsic-size: auto 720px;
}
} .single-product .sb-mega-menu--lazy .sb-mega-menu__body {
display:flex;
align-items:center;
justify-content:center;
min-height:300px;
background:#fff;
}
.single-product .sb-mega-menu__loader,
.single-product .sb-mega-menu__load-error {
display:flex;
min-height:180px;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
padding:28px;
text-align:center;
}
.single-product .sb-mega-menu__loader span {
width:30px;
height:30px;
border:3px solid #eceff1;
border-top-color:#f45b16;
border-radius:50%;
animation:sb-mega-spin .75s linear infinite;
}
.single-product .sb-mega-menu__loader p {
margin:0;
color:#68717a;
font-size:13px;
font-weight:650;
}
.single-product .sb-mega-menu__load-error strong {font-size:15px;}
.single-product .sb-mega-menu__load-error a {color:#d94b0c;font-weight:700;}
@keyframes sb-mega-spin {to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce) {
.single-product .sb-mega-menu__loader span {animation:none;}
} body.single-product:not(.sb-pluchiez) .sb-product-buy__gallery {
position:relative;
isolation:isolate;
}
body.single-product:not(.sb-pluchiez) .sb-product-buy__gallery::before {
content:"";
position:absolute;
z-index:-1;
inset:5% 1% 9% 3%;
border-radius:34px;
background:
radial-gradient(circle at 82% 18%,rgba(244,91,22,.08),transparent 34%),
radial-gradient(circle at 12% 82%,rgba(255,190,128,.10),transparent 38%);
filter:blur(24px);
pointer-events:none;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery {
overflow:visible;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__stage {
min-height:0 !important;
padding:10px !important;
overflow:hidden;
border:1px solid rgba(31,41,55,.075);
border-radius:24px;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,249,249,.96));
box-shadow:0 12px 32px rgba(29,38,48,.06),inset 0 1px 0 rgba(255,255,255,.95);
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__open {
display:block !important;
min-height:0 !important;
padding:0 !important;
overflow:hidden;
border-radius:18px;
background:transparent !important;
box-shadow:none !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__main {
display:block;
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
object-fit:contain;
border-radius:18px;
transition:transform .22s ease;
}
@media (min-width:761px) and (max-width:1100px) {
body.single-product:not(.sb-pluchiez) .sb-product-buy__gallery .sb-product-gallery__stage,
body.single-product:not(.sb-pluchiez) .sb-product-buy__gallery .sb-product-gallery__open {
min-height:0 !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-buy__gallery .sb-product-gallery__main {
height:auto !important;
max-width:100% !important;
}
}
@media (hover:hover) and (pointer:fine) {
body.single-product:not(.sb-pluchiez) .sb-product-gallery__open:hover .sb-product-gallery__main {
transform:scale(1.004);
}
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__zoom {
top:14px;
right:14px;
border:1px solid rgba(31,41,55,.07);
border-radius:14px;
background:rgba(255,255,255,.92);
box-shadow:0 7px 18px rgba(31,41,55,.08);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumbs {
position:relative;
z-index:2;
display:flex !important;
width:max-content !important;
max-width:100% !important;
gap:8px;
margin:10px 0 0 !important;
padding:6px !important;
overflow-x:auto;
border:1px solid rgba(31,41,55,.06);
border-radius:15px;
background:rgba(255,255,255,.78);
box-shadow:0 6px 18px rgba(31,41,55,.03);
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
scrollbar-width:thin;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb {
flex:0 0 74px !important;
width:74px !important;
min-width:74px !important;
height:74px !important;
min-height:74px !important;
padding:3px !important;
overflow:hidden;
border:1px solid rgba(31,41,55,.08);
border-radius:11px !important;
background:#fff;
box-shadow:none;
transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb img {
width:100% !important;
height:100% !important;
object-fit:contain;
border-radius:8px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb:hover {
transform:translateY(-1px);
border-color:rgba(244,91,22,.28);
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb.is-active {
border-color:#f45b16;
box-shadow:0 0 0 2px rgba(244,91,22,.10);
}
@media (max-width:760px) {
body.single-product:not(.sb-pluchiez) .sb-product-gallery__stage {
padding:7px !important;
border-radius:18px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__open,
body.single-product:not(.sb-pluchiez) .sb-product-gallery__main {
border-radius:14px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__zoom {
top:10px;
right:10px;
border-radius:12px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumbs {
margin-top:8px !important;
padding:5px !important;
border-radius:13px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb {
flex-basis:66px !important;
width:66px !important;
min-width:66px !important;
height:66px !important;
min-height:66px !important;
}
}
@media (prefers-reduced-motion:reduce) {
body.single-product:not(.sb-pluchiez) .sb-product-gallery__main,
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb {
transition:none;
}
}  body.single-product:not(.sb-pluchiez) .sb-product-gallery__stage {
padding:14px 14px 12px !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__open {
display:block !important;
min-height:0 !important;
height:auto !important;
padding:0 !important;
background:rgba(255,255,255,.72) !important;
box-shadow:0 8px 22px rgba(31,41,55,.045) !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__main {
display:block;
width:100% !important;
height:auto !important;
max-width:100% !important;
max-height:none !important;
min-height:0 !important;
object-fit:contain !important;
aspect-ratio:auto !important;
image-rendering:auto;
transform:none !important;
filter:none !important;
border-radius:20px;
}
@media (hover:hover) and (pointer:fine) {
body.single-product:not(.sb-pluchiez) .sb-product-gallery__open:hover .sb-product-gallery__main {
transform:none !important;
}
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumbs {
width:fit-content !important;
max-width:100% !important;
min-width:0;
margin:12px auto 0 0 !important;
padding:8px !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumb {
min-width:68px !important;
min-height:68px !important;
} body.single-product .sb-product-buy .summary {
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.56) !important;
background:
linear-gradient(135deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.68) 43%,rgba(246,248,250,.76) 100%) !important;
box-shadow:
0 20px 48px rgba(31,41,55,.085),
inset 0 1px 0 rgba(255,255,255,.82) !important;
backdrop-filter:blur(14px) saturate(122%);
-webkit-backdrop-filter:blur(14px) saturate(122%);
}
body.single-product .sb-product-buy .summary::before {
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle at 88% 12%,rgba(244,91,22,.105),transparent 29%),
radial-gradient(circle at 8% 92%,rgba(255,190,128,.105),transparent 33%),
linear-gradient(125deg,rgba(255,255,255,.30),transparent 38%,transparent 70%,rgba(244,91,22,.035));
}
body.single-product .sb-product-buy .summary > * {
position:relative;
z-index:1;
}
@media (max-width:760px) {
body.single-product:not(.sb-pluchiez) .sb-product-gallery__stage {
padding:10px !important;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__main {
border-radius:16px;
}
body.single-product:not(.sb-pluchiez) .sb-product-gallery__thumbs {
width:auto !important;
max-width:100% !important;
}
body.single-product .sb-product-buy .summary {
backdrop-filter:blur(10px) saturate(116%);
-webkit-backdrop-filter:blur(10px) saturate(116%);
}
}