.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;}
}