.section-single-product-notice {
color: var(--color-white);
background-color: var(--color-primary);
}
.container-single-product-notice .woocommerce-message {
max-width: var(--container-3xl);
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin: 0 auto;
padding: var(--space-6) var(--space-4);
background-color: var(--color-secondary);
color: var(--color-white);
}
.section-single-product-notice .woocommerce-message {
display: flex;
align-items: center;
justify-content: space-between;
}
.section-single-product-notice .woocommerce-message a {
padding: var(--space-2) var(--space-6);
color: var(--color-white);
background-color: var(--color-primary);
text-decoration: none;
}
.section-single-product-notice .woocommerce-message a {
order: 2; }
@media only screen and (max-width: 768px) {
.container-product-data-tabs {
display: block;
}
.section-single-product-notice .woocommerce-message a {
min-width: 30%;
text-align: right;
}
.section-single-product-notice .woocommerce-message {
align-items: center;
justify-content: space-between;
}
.section-single-product-notice {
margin-bottom: var(--space-4);
}
} .section-single-product-page {
margin: var(--space-12) 0 var(--space-10) 0;
padding: 0 var(--space-4);
}
.container-single-product-page {
max-width: var(--container-3xl);
margin: 0 auto;
display: flex;
padding: 0;
}
.column--single-product-page {
display: inline-block;
}
.column--single-product-page.column-first {
width: 57%;
margin-right: 2%;
}
.column--single-product-page.column-last {
width: 38%;
margin-left: 2%;
}
@media only screen and (max-width: 1360px) {
.column--single-product-page.row-first {
max-width: 550px;
}
.container-single-product-page {
gap: var(--space-6);
}
.single-product-page--single-title h1 {
max-width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.column--single-product-page {
flex: 100%;
}
.column--single-product-page.row-first {
max-width: 100%;
}
.single-product-page {
padding-bottom: var(--space-12);
}
}
@media only screen and (max-width: 768px) {
.single-product-page {
padding-top: 0;
}
.container-single-product-page {
flex-wrap: wrap;
flex-direction: column;
gap: var(--space-6);
}
.column--single-product-page.row-first {
max-width: 100%;
}
.single-product-page {
padding-bottom: var(--space-4);
}
.single-product-page--product-label {
top: var(--space-3);
right: var(--space-3);
max-width: 64px;
}
.slick-slide img {
max-width: -webkit-fill-available;
}
} .single-product-page--product-image-summary {
display: block;
margin-bottom: var(--space-6);
}
.single-product-page--product-image-summary .slick-slide img {
margin: 0 auto;
}
.single-product-page--image-summary {
position: relative;
}
.single-product-page--image-summary .wpgs_image {
min-height: 300px;
display: flex;
align-items: center;
}
.wpgs-image {
background-color: var(--color-white);
}
.single-product-page--image-summary .onsale {
left: 19%;
bottom: 5%;
}
.thumbnail_image.slick-current { border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.woocommerce-product-gallery__image img {
border: 1px solid var(--color-border);
} .single-product-page--single-title {
width: 100%;
margin-bottom: var(--space-8);
}
.single-product-page--single-title h1 {
display: block;
color: var(--color-primary);
font-size: var(--text-2xl);
font-weight: var(--font-medium);
line-height: var(--leading-5);
}
.single-product-page--single-excerpt {
display: block;
margin-bottom: var(--space-16);
font-size: var(--text-lg);
font-weight: var(--font-light);
line-height: var(--leading-6);
}
.single-product-page--single-excerpt p {
margin-bottom: 0;
}
.single-product-page--single-price {
display: block;
margin-bottom: var(--space-8);
}
.product-type-variable .single-product-page--single-price {
display: none;
} .single-product-page--single-price .price {
display: flex;
flex-direction: column;
color: var(--color-secondary);
font-size: var(--text-2xl);
font-weight: var(--font-semibold);
}
.single-product-page--single-price .price del {
display: block;
color: var(--color-primary);
font-size: var(--text-lg);
font-weight: var(--font-normal);
text-decoration: none;
}
.single-product-page--single-price .price ins {
display: block;
color: var(--color-secondary);
background-color: transparent;
}
.single-product-page--omnibus {
margin-bottom: var(--space-4);
color: var(--color-secondary);
font-size: var(--text-sm);
font-weight: var(--font-normal);
}
.stock {
display: none;
}
.cf7-out-of-stock p {
display: flex;
}
.single-product-page--single-add-to-cart {
margin-bottom: var(--space-4);
}
.variations tr {
border-bottom: none;
}
.variations tbody tr:nth-of-type(odd),
.variations th {
background-color: unset;
}
.variations .label {
display: none;
}
.variations td {
padding: 0;
}
.variations .value select {
min-width: 260px;
margin-bottom: var(--space-2);
padding: var(--space-3) var(--space-6);
border-color: var(--color-border);
border-radius: var(--space-1);
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.variations .reset_variations {
margin-left: var(--space-3);
color: var(--color-secondary);
font-size: var(--text-xs);
font-style: italic;
text-decoration: none;
}
.woocommerce-variation-price .price {
display: flex;
flex-direction: column;
margin-bottom: var(--space-2);
color: var(--color-primary);
font-size: var(--text-2xl);
font-weight: var(--font-bold);
}
.woocommerce-variation-price .price del {
display: block;
margin-bottom: var(--space-3);
color: var(--color-primary);
font-size: var(--text-lg);
font-weight: var(--font-normal);
}
.woocommerce-variation-price .price ins {
display: block;
margin-bottom: var(--space-2);
color: var(--color-secondary);
font-style: var(--text-2xl);
font-weight: var(--font-semibold);
background-color: transparent;
}
.woocommerce-variation-price .pwp-omnibus-price__info {
margin-bottom: var(--space-4);
color: #d4d4d4;
font-size: var(--text-sm);
font-weight: var(--font-normal);
}
.price bdi bdi bdi {
display: flex;
color: var(--color-primary);
font-size: var(--text-sm);
font-weight: var(--font-normal);
}
.price bdi bdi bdi del {
display: none;
}
.price bdi bdi bdi ins {
margin-left: var(--space-2);
}
.pwp-omnibus-price__info {
color: var(--color-primary);
font-size: var(--text-sm);
}
.section-single-product-page .stock.in-stock {
color: var(--color-primary);
font-size: var(--text-sm);
}
.variations th,
.variations td {
border-top: unset;
}
.single-product-page--single-add-to-cart .cart {
display: flex;
}
.single-product-page--single-add-to-cart .variations_form.cart {
display: flex;
flex-direction: column;
}
.woocommerce-variation-add-to-cart {
display: flex;
}
.single-product-page--single-add-to-cart .quantity input[type="number"] {
min-height: 42px;
}
.single-product-page--single-add-to-cart .quantity {
max-width: 25%;
display: flex;
margin-right: var(--space-3);
border: 1px solid var(--color-primary);
border-radius: var(--space-1);
background-color: var(--color-white);
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.single-product-page--single-add-to-cart .quantity input[type="number"] {
width: 40px;
padding: 0;
}
.single-product-page--single-add-to-cart .quantity button,
.single-product-page--single-add-to-cart .quantity input[type="number"] {
padding: var(--space-2) var(--space-4);
border: none;
background-color: transparent;
color: var(--color-primary);
}
.single-product-page--single-add-to-cart button {
width: 70%;
max-width: 70%;
padding: var(--space-3);
border: 1px solid var(--color-secondary);
border-radius: var(--space-1);
background-color: var(--color-secondary);
color: var(--color-white);
font-size: var(--text-base);
font-weight: var(--font-normal);
line-height: 1;
text-transform: uppercase;
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.single-product-page--single-add-to-cart button:hover {
background-color: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-4);
color: var(--color-white);
}
.single-product-page--single-add-to-cart
.single_add_to_cart_button.button:before {
content: "";
height: 22px;
width: 23px;
display: inline-flex;
background: url(//www.varia.si/wp-content/uploads/2023/08/basket.svg) no-repeat;
color: #fff;
transition: all var(--transition-time);
}
.single-product-page--single-add-to-cart
.single_add_to_cart_button.button:hover:before {
background: url(//www.varia.si/wp-content/uploads/2023/08/basket.svg) no-repeat;
}
.single-product-page--add-to-cart-description {
display: block;
margin-bottom: var(--space-6);
font-size: var(--text-sm);
}
@media only screen and (max-width: 768px) {
.single-product-page--single-add-to-cart .cart {
flex-direction: column;
gap: var(--space-3);
}
.single-product-page--single-add-to-cart .quantity {
max-width: 40%;
padding: 0;
}
.single-product-page--single-add-to-cart button {
max-width: 80%;
width: 80%;
padding: var(--space-4);
font-size: var(--text-xl);
}
.single-product-page--add-to-cart-description {
font-size: var(--text-xs);
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button {
align-items: center;
}
} .single-product-page--out-of-stock-form {
position: relative;
display: block;
}
.single-product-page--out-of-stock-btn {
width: 90%;
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
margin-bottom: var(--space-6);
padding: var(--space-5) var(--space-20);
}
.single-product-page--out-of-stock-form__content {
display: flex;
}
.cf7-form--single-product .wrapper--contact-form {
flex-direction: column;
gap: unset;
}
.cf7-form--single-product .wrapper--contact-form p {
width: 100%;
margin-bottom: 0;
}
.cf7-form--single-product .cf7-form--select-p {
margin-top: var(--space-6);
}
.cf7-form--single-product select {
width: 100%;
margin-bottom: var(--space-6);
}
.cf7-form--single-product .cf7-contact--radio {
margin-bottom: var(--space-6);
}
.cf7-single-product--checkbox .wpcf7-list-item {
margin: 0;
}
.cf7-single-product--checkbox > p {
display: flex;
}
.cf7-single-product--checkbox__label {
margin-left: var(--space-3);
}
.cf7-single-product--checkbox__label strong {
color: var(--color-secondary);
}
.cf7-form--single-product .cf7-form--contact input[type="text"],
.cf7-form--single-product .cf7-form--contact input[type="email"],
.cf7-form--single-product .cf7-form--contact input[type="tel"] {
max-width: 800px;
} .single-product-page--add-to-cart-description {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-8);
margin-bottom: var(--space-6);
padding: var(--space-6) var(--space-9);
border: 1px solid var(--color-border);
border-radius: var(--space-1);
background-color: var(--color-white);
font-size: var(--text-sm);
line-height: var(--leading-6);
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.single-product-page--add-to-cart-description strong {
color: var(--color-secondary);
font-weight: var(--font-normal);
}
.add-to-cart-description-column {
display: flex;
gap: var(--space-5);
}
.add-to-cart-description-column span {
max-width: 240px;
}
.webtim-product--social-sharers--wrapper {
display: flex;
gap: var(--space-3);
}
.webtim-sharing-button__link,
.fa-share-alt:before,
.fa-share-nodes:before {
font-size: var(--text-xl);
}
.single-product-page--payment-description {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-8);
margin-bottom: var(--space-6);
padding: var(--space-6) var(--space-9);
border: 1px solid var(--color-border);
border-radius: 20px;
font-size: var(--text-sm);
line-height: var(--leading-6);
}
.single-product-page--payment-description a {
color: var(--color-secondary);
}
.single-product-page--payment-description strong {
display: block;
margin-bottom: var(--space-2);
}
.single-product-page--cash-on-delivery-description {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-4);
margin-bottom: var(--space-6);
padding: var(--space-6) var(--space-9);
border: 1px solid var(--color-primary);
border-radius: var(--space-1);
background-color: var(--color-primary);
color: var(--color-white);
font-size: var(--text-sm);
line-height: var(--leading-6);
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.single-product-page--cash-on-delivery-description span {
color: var(--color-white);
}
.single-product-page--cash-on-delivery-description strong {
display: block;
margin-bottom: var(--space-2);
}  .single-product-page--single-meta {
display: block;
margin-bottom: var(--space-10);
}
.single-product-page--single-meta .product_meta {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.single-product-page--single-meta .product_meta span {
font-size: var(--text-sm);
font-weight: var(--font-bold);
text-transform: uppercase;
}
.product_meta .sku_wrapper .sku {
font-weight: var(--font-normal);
}
.single-product-page--single-meta .product_meta a {
display: inline-block;
margin: var(--space-1);
padding: 6px var(--space-2) var(--space-1) var(--space-2);
border: 1px solid #dbdbdb;
border-radius: 2px;
color: var(--color-secondary);
font-weight: var(--font-normal);
line-height: 1;
text-transform: uppercase;
text-decoration: none;
}
.single-product-page--single-meta .product_meta a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.single-product-page--shop-meta {
margin-bottom: var(--space-12);
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--space-8) var(--space-3);
border: 1px solid #dbdbdb;
border-radius: 20px;
background-color: var(--color-white);
}
.single-product-page--shop-meta .shop-meta--contact {
max-width: 250px;
display: flex;
align-items: flex-start;
gap: var(--space-2);
font-size: var(--text-sm);
line-height: var(--leading-6);
}
.single-product-page--shop-meta
.shop-meta--contact
.shop-meta--contact__phone
strong {
display: block;
}
.single-product-page--shop-meta .webtim-product--social-sharers--wrapper {
display: flex;
gap: var(--space-2);
color: var(--color-secondary);
font-size: 20px;
}
.single-product-page--shop-meta .webtim-product--social-sharers--wrapper a {
color: var(--color-secondary);
}
.single-product-page--shop-meta strong {
color: var(--color-primary);
}
.section-single-product-body {
position: relative;
display: block;
margin-bottom: var(--space-6);
padding: var(--space-12) var(--space-4);
background-color: #f7f7f7;
}
.container-single-product-body {
max-width: var(--container-2xl);
display: flex;
flex-direction: row;
gap: var(--space-10);
margin: 0 auto;
}
.single-product-body-column:first-of-type {
flex: 100%;
max-width: 775px;
}
.single-product-body-column:last-of-type {
flex: 44%;
max-width: 535px;
} .single-product--accordion-item:not(.active) .single-product--accordion-content,
.single-product-page--out-of-stock-form:not(.active) .cf7-form--single-product {
height: 0;
visibility: hidden;
opacity: 0;
}
.single-product--accordion-item {
max-width: 600px;
padding: var(--space-6) 0;
border-top: 1px solid var(--color-primary);
}
.single-product--accordion-item:last-of-type {
border-bottom: 1px solid var(--color-primary);
}
.single-product--accordion-header {
display: flex;
justify-content: space-between;
gap: var(--space-4);
padding: 0 var(--space-4);
}
.single-product--accordion-header h3 {
color: var(--color-primary);
font-size: var(--text-lg);
font-weight: var(--font-bold);
text-transform: uppercase;
}
.single-product--accordion-item.active .single-product--accordion-content,
.single-product-page--out-of-stock-btn .cf7-form--single-product {
padding: var(--space-8) var(--space-4);
transition: all var(--transition-time) ease;
}
.single-product--accordion-item.active .single-product--accordion-content p {
margin-bottom: 0;
}
.single-product--accordion-content .woocommerce-product-attributes th,
.single-product--accordion-content .woocommerce-product-attributes td,
.single-product--accordion-content tbody tr:nth-of-type(odd) {
background-color: transparent;
}
.single-product--accordion-content .woocommerce-product-attributes th {
padding-left: 0;
}
.single-product--accordion-content .woocommerce-product-attributes tr,
.single-product--accordion-content .woocommerce-product-attributes th,
.single-product--accordion-content .woocommerce-product-attributes td,
.single-product--accordion-content .woocommerce-product-attributes p {
border-top: none;
font-size: var(--text-lg);
font-weight: var(--font-light);
} .single-product-body--review-cta {
display: block;
margin-bottom: var(--space-8);
margin-left: var(--space-8);
color: var(--color-primary);
font-size: var(--text-sm);
line-height: var(--leading-7);
}
.single-product-body--review-cta a {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
.single-product-body--contact {
display: flex;
align-items: flex-start;
margin-bottom: var(--space-6);
padding: var(--space-10) var(--space-10) var(--space-8) var(--space-8);
border: 1px solid #dbdbdb;
border-radius: var(--space-1);
background-color: var(--color-white);
-webkit-border-radius: var(--space-1);
-moz-border-radius: var(--space-1);
-ms-border-radius: var(--space-1);
-o-border-radius: var(--space-1);
}
.product-body-contact--column:first-of-type {
flex: 100%;
max-width: var(--space-28);
margin-right: var(--space-4);
}
.product-body-contact--column h5 {
display: block;
color: var(--color-primary);
font-size: var(--text-base);
font-weight: var(--font-bold);
}
.product-body-contact--description {
display: block;
margin-bottom: var(--space-8);
font-size: var(--text-sm);
font-weight: var(--font-medium);
line-height: var(--leading-6);
}
.single-product-body--contact .wrapper-contact-logo {
text-decoration: none;
}
.product-body-contact--description .wrapper-contact-logo {
display: flex;
align-items: flex-start;
}
.product-body-contact--column a:first-of-type {
margin-bottom: var(--space-4);
}
.product-body-contact--column .wrapper-contact-logo h5 {
text-decoration: none;
}
.single-product-body--contact .wrapper-contact-logo {
display: flex;
align-items: flex-start;
}
.product-body-contact--column .wrapper-contact {
line-height: var(--leading-6);
}
.product-body-contact--column .wrapper-contact span {
color: var(--color-secondary);
}
.product-body-contact__links {
display: flex;
gap: var(--space-10);
}
.product-body-contact__links a {
color: var(--color-secondary);
}
.single-product-body--single-meta .product_meta a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
@media only screen and (max-width: 1280px) {
.single-product-body-column:first-of-type {
max-width: 650px;
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.column--single-product-page.row-first {
max-width: 50%;
}
.single-product-page--image-summary .wpgs_image {
display: block;
}
.container-single-product-body {
flex-direction: column;
}
.single-product-body-column:first-of-type {
max-width: 100%;
}
.single-product-body--cross-sell .webtim-loop-item {
margin-left: 2%;
}
.slick-slide img {
max-width: -webkit-fill-available;
}
.single-product-page--add-to-cart-description,
.single-product-page--payment-description,
.single-product-page--cash-on-delivery-description {
flex-direction: column;
align-items: flex-start;
}
}
@media only screen and (max-width: 768px) {
.single-product-page--shop-meta {
margin-bottom: var(--space-6);
padding: var(--space-4);
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--space-4);
}
.single-product-page--shop-meta .shop-meta--contact {
max-width: 80%;
}
.shop-meta--contact__last-raw img {
width: 26px;
margin-right: 10px;
}
.column--single-product-page {
flex-direction: column;
}
.section-single-product-body {
padding: var(--space-6) var(--space-4);
}
.single-product-body--review-cta {
display: none;
}
.product-body-contact__links {
flex-direction: column;
gap: var(--space-1);
}
.up-sells .webtim-loop-item--title h3 {
padding: 0;
min-height: 64px;
font-size: var(--text-lg);
}
.up-sells .webtim-loop-item {
padding-bottom: var(--space-6);
}
.single-product-page--image-summary .wpgs_image {
height: auto;
min-height: unset;
}
.column--single-product-page.row-first {
max-width: 100%;
}
.column--single-product-page {
gap: var(--space-4);
}
.single-product-page--single-add-to-cart {
display: flex;
}
.single-product-page--single-add-to-cart button {
font-size: var(--text-lg);
}
.section-single-product-page {
margin-bottom: var(--space-6);
}
.woocommerce-variation-add-to-cart {
flex-direction: column;
gap: var(--space-3);
}
.single-product-page--single-title {
margin-bottom: var(--space-6);
}
} .section-related-products {
margin-bottom: var(--space-40);
}
.container-related-products {
max-width: var(--container-3xl);
display: flex;
flex-wrap: wrap;
gap: var(--space-4);
justify-content: center;
margin: 0 auto;
}
.related.products {
width: 100%;
}
.related.products h2 {
display: block;
margin-bottom: var(--space-4);
color: var(--color-primary);
font-size: var(--text-4xl);
font-weight: var(--font-light);
line-height: var(--leading-6);
text-align: center;
} @media only screen and (max-width: 768px) {
.images.wpgs-wrapper {
padding-bottom: var(--space-3);
}
.single-product-page--single-excerpt {
max-width: 450px;
display: block;
margin-bottom: var(--space-6);
}
.single-product-page--single-price .price {
margin-bottom: var(--space-2);
}
.related.products .products {
flex-wrap: wrap;
}
.related.products h2 {
margin-bottom: var(--space-6);
font-size: var(--text-xxl);
}
.related.products .webtim-loop-item {
margin-bottom: var(--space-8);
padding-bottom: var(--space-6);
}
.section-related-products {
margin-bottom: unset;
}
.section-product-review {
margin-bottom: var(--space-6);
}
.product-body-contact--column:first-of-type {
flex-direction: column;
}
}