.fusion-body:has(.rzc-wob),
.fusion-body:has(.rzc-wob) #wrapper,
.fusion-body:has(.rzc-wob) #main,
.fusion-body:has(.rzc-wob) #content {
background-color: #f2f6fb;
}
.rzc-wob {
--rzc-wob-border: #dfe7ef;
--rzc-wob-muted: #758195;
--rzc-wob-accent: #34476f;
--rzc-wob-sky: #3c8eae;
--rzc-wob-selected: #eef7fb;
--rzc-wob-orange: #ed792e;
max-width: 1180px;
margin: 24px auto;
padding: clamp(18px, 4vw, 42px);
border: 0;
border-radius: 0;
background: #f2f6fb;
box-shadow: none;
color: #303d59;
font-family: inherit;
}
.rzc-wob *, .rzc-wob *::before, .rzc-wob *::after { box-sizing: border-box; }
.rzc-wob__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 4px; margin-bottom: 2px; border: 0; }
.rzc-wob__header > div:first-child { min-width: 0; }
.rzc-wob .rzc-wob__header h1 { margin: 0 0 5px; color: var(--rzc-wob-accent); font-size: clamp(24px, 2.7vw, 32px) !important; font-weight: 750; line-height: 1.2 !important; }
.rzc-wob__header p { margin: 0; color: var(--rzc-wob-muted); font-size: 14px; }
.rzc-wob__account, .rzc-wob__submit { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid #c9d6e4; border-radius: 10px; background: #fff; color: var(--rzc-wob-accent); font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .16s ease, border-color .16s ease, color .16s ease; }
.rzc-wob__account { min-width: 140px; white-space: nowrap; }
.rzc-wob__account:hover, .rzc-wob__account:focus-visible { border-color: var(--rzc-wob-sky); background: #eaf4f9; color: var(--rzc-wob-accent); }
.rzc-wob__header .rzc-wob__search-wrap { width: min(430px, 48%); flex: 0 0 min(430px, 48%); margin: 0; }
.rzc-wob__search { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--rzc-wob-border); border-radius: 11px; background: #fff; color: #303d59; font: inherit; box-shadow: 0 2px 8px rgba(37, 58, 88, .025); }
.rzc-wob__search::placeholder { color: #929bad; }
.rzc-wob__search:focus { border-color: var(--rzc-wob-sky); outline: 3px solid rgba(60, 142, 174, .16); }
.rzc-wob__status { display: flex; align-items: center; gap: 12px; min-height: 24px; margin: 8px 0; color: #a33232; }
.rzc-wob__catalog[aria-busy="true"] { opacity: .7; }
.rzc-wob__category { margin: 7px 0; overflow: hidden; border: 1px solid var(--rzc-wob-border); border-radius: 13px; background: #fff; box-shadow: 0 2px 8px rgba(37, 58, 88, .025); transition: border-color .16s ease, box-shadow .16s ease; }
.rzc-wob__category:has(> .rzc-wob__category-toggle[aria-expanded="true"]) { border-color: #9fc4d3; background: #eaf5fa; box-shadow: 0 3px 12px rgba(43, 102, 128, .06); }
.rzc-wob__category-toggle, .rzc-wob__product-toggle { display: flex; width: 100%; align-items: center; gap: 14px; min-height: 58px; padding: 11px 16px; border: 0; background: transparent; color: var(--rzc-wob-accent); text-align: left; cursor: pointer; }
.rzc-wob__category-toggle { font-size: clamp(16px, 2vw, 19px); font-weight: 750; }
.rzc-wob__category-toggle:hover, .rzc-wob__product-toggle:hover { background: #f6fafc; }
.rzc-wob__category:has(> .rzc-wob__category-toggle[aria-expanded="true"]) > .rzc-wob__category-toggle { background: #eaf5fa; }
.rzc-wob__category-toggle:focus-visible, .rzc-wob__product-toggle:focus-visible, .rzc-wob__quantity button:focus-visible, .rzc-wob__account:focus-visible, .rzc-wob__submit:focus-visible, .rzc-wob__review-edit:focus-visible { outline: 3px solid rgba(60, 142, 174, .35); outline-offset: -3px; }
.rzc-wob__product { margin: 0; overflow: hidden; border: 0; border-top: 1px solid #e8edf2; border-radius: 0; background: #fff; }
.rzc-wob__category:has(> .rzc-wob__category-toggle[aria-expanded="true"]) .rzc-wob__product-content { border-top: 1px solid #edf1f5; }
.rzc-wob__product-toggle { min-height: 51px; font-size: 15px; font-weight: 400; color: #3b465d; }
.rzc-wob__arrow { order: 3; display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; margin-left: auto; padding: 0 0 2px; border-radius: 50%; background: #f0f4f8; color: #64748b; font-size: 22px; line-height: 1; transform: rotate(90deg); transition: transform .15s ease, background-color .15s ease, color .15s ease; }
[aria-expanded="true"] > .rzc-wob__arrow { transform: rotate(-90deg); background: var(--rzc-wob-accent); color: #fff; }
.rzc-wob__product-toggle[aria-expanded="true"] > .rzc-wob__arrow { background: #e8eef3; color: #64748b; }
.rzc-wob__image { order: 1; width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #e5edf2; border-radius: 50%; object-fit: contain; background: #eef6fa; box-shadow: none; }
.rzc-wob__title { order: 2; min-width: 0; flex: 1; }
.rzc-wob__product-sku { color: #8290a4; font-size: 12px; font-weight: 600; }
.rzc-wob__category-content { padding: 0 0 1px; }
.rzc-wob__product-content { border-top: 1px solid #edf1f5; }
.rzc-wob__product-content.is-loading { display: flex; align-items: center; gap: 11px; min-height: 58px; margin: 0 10px 10px; padding: 12px 14px; border: 1px solid #d9e5ec; border-radius: 10px; background: #f7fbfd; color: #66758b; font-size: 14px; }
.rzc-wob__product-content.is-loading::before { width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid #c9dce5; border-top-color: var(--rzc-wob-sky); border-radius: 50%; content: ""; animation: rzc-wob-spin .75s linear infinite; }
@keyframes rzc-wob-spin { to { transform: rotate(360deg); } }
.rzc-wob__variant { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 220px); align-items: center; gap: 22px; min-height: 66px; padding: 10px 16px; border-top: 1px solid #edf1f5; }
.rzc-wob__product-content:has(> .rzc-wob__variant) { margin: 6px 10px 10px; overflow: hidden; border: 1px solid #d9e5ec; border-radius: 10px; background: #fff; }
.rzc-wob__product-content:has(> .rzc-wob__variant) .rzc-wob__variant { grid-template-columns: minmax(0, 1fr) minmax(140px, 190px); padding-right: 12px; padding-left: 12px; }
.rzc-wob__variant:first-child { border-top: 0; }
.rzc-wob__variant.is-selected { background: #eef7fb; }
.rzc-wob__variant-info { display: grid; gap: 4px; }
.rzc-wob__sku { color: #77869a; font-family: inherit; font-size: 10px; font-weight: 700; line-height: 1.3; letter-spacing: .035em; }
.rzc-wob__variant-name { color: #46516a; font-size: 14px; }
.rzc-wob__quantity { display: grid; grid-template-columns: 30px minmax(34px, 1fr) 30px; align-items: stretch; width: 100%; max-width: 190px; min-height: 40px; justify-self: end; overflow: hidden; border: 1px solid #dce4eb; border-radius: 9px; background: #fff; transition: border-color .16s ease, box-shadow .16s ease; }
.rzc-wob__quantity button { border: 0; background: #fff; color: #52617a; font-size: 18px; font-weight: 600; cursor: pointer; }
.rzc-wob__quantity button:hover:not(:disabled) { background: #edf6fa; color: var(--rzc-wob-accent); }
.rzc-wob__quantity button:disabled { opacity: .45; cursor: not-allowed; }
.rzc-wob__quantity-value { display: grid; place-items: center; border-right: 1px solid #edf1f5; border-left: 1px solid #edf1f5; color: #66738a; font-weight: 600; }
.rzc-wob__variant.is-selected .rzc-wob__quantity { border-color: #83b4c7; box-shadow: 0 0 0 1px rgba(60, 142, 174, .08); }
.rzc-wob__variant.is-selected .rzc-wob__quantity-value { color: var(--rzc-wob-accent); }
.rzc-wob__footer { position: sticky; bottom: 12px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 12px 14px; border: 1px solid #b7d2df; border-top: 3px solid var(--rzc-wob-sky); border-radius: 14px; background: #eaf5fa; box-shadow: 0 10px 26px rgba(37, 67, 96, .18); }
.rzc-wob__cart-count { margin-right: auto; color: var(--rzc-wob-accent); font-size: 14px; font-weight: 700; }
.rzc-wob__submit { border-color: var(--rzc-wob-orange); background: var(--rzc-wob-orange); color: #fff; }
.rzc-wob__submit:hover:not(:disabled) { border-color: #d96924; background: #d96924; color: #fff; }
.rzc-wob__submit:disabled { opacity: .5; cursor: not-allowed; }
.rzc-wob__confirmation { padding: 35px 20px; border-radius: 12px; background: var(--rzc-wob-selected); text-align: center; }
.rzc-wob.is-review .rzc-wob__search-wrap, .rzc-wob.is-complete .rzc-wob__search-wrap, .rzc-wob.is-complete .rzc-wob__footer { display: none; }
.rzc-wob__review { padding: 20px; border: 1px solid var(--rzc-wob-border); border-radius: 12px; background: #fff; }
.rzc-wob .rzc-wob__review h2 { margin: 0 0 16px; color: var(--rzc-wob-accent); font-size: clamp(24px, 2.7vw, 32px) !important; font-weight: 750; line-height: 1.2 !important; }
.rzc-wob__review-list { margin: 0 0 22px; padding: 0; list-style: none; }
.rzc-wob__review-item { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid #edf1f5; }
.rzc-wob__review-details { display: grid; gap: 4px; }
.rzc-wob__review-details strong { color: #26394c; }
.rzc-wob__review-details span, .rzc-wob__review-details small { color: var(--rzc-wob-muted); }
.rzc-wob__review-quantity { flex: 0 0 auto; font-weight: 700; }
.rzc-wob__review-edit { min-height: 42px; padding: 9px 16px; border: 1px solid #c9d6e4; border-radius: 9px; background: #fff; color: var(--rzc-wob-accent); font: inherit; font-weight: 700; cursor: pointer; }
.rzc-wob__message { padding: 18px; border: 1px solid var(--rzc-wob-border); border-radius: 12px; }
@media (max-width: 640px) {
.fusion-body:has(.rzc-wob) #main { padding-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }
.fusion-body:has(.rzc-wob) #main .fusion-builder-row:has(.rzc-wob),
.fusion-body:has(.rzc-wob) #main .fusion-row:has(.rzc-wob) { width: 100% !important; max-width: none; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }
.fusion-body:has(.rzc-wob) #main .fusion-layout-column:has(.rzc-wob),
.fusion-body:has(.rzc-wob) #main .fusion-column-wrapper:has(.rzc-wob) { width: 100%; max-width: none; }
.fusion-body:has(.rzc-wob) .fusion-layout-column:has(.rzc-wob) { margin-bottom: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }
.fusion-body:has(.rzc-wob) .fusion-column-wrapper:has(.rzc-wob) { padding-right: 0 !important; padding-left: 0 !important; }
.rzc-wob { width: calc(100% - 20px); max-width: none; margin: 0 10px; padding: 4px; border-radius: 0; }
.rzc-wob__header { align-items: stretch; flex-direction: column; gap: 12px; padding-bottom: 4px; margin-bottom: 2px; }
.rzc-wob__header p { font-size: 12px; }
.rzc-wob__header .rzc-wob__search-wrap { width: 100%; flex: 0 0 auto; }
.rzc-wob__category { margin: 6px 0; border-radius: 10px; }
.rzc-wob__category-toggle { gap: 8px; min-height: 50px; padding: 8px; }
.rzc-wob__product-toggle { gap: 8px; min-height: 47px; padding: 8px; }
.rzc-wob__product-content:has(> .rzc-wob__variant) { margin: 4px 4px 6px; border-radius: 8px; }
.rzc-wob__variant { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 9px 8px; }
.rzc-wob__product-content:has(> .rzc-wob__variant) .rzc-wob__variant { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 9px 8px; }
.rzc-wob__quantity { max-width: 148px; }
.rzc-wob__footer { bottom: 6px; gap: 10px; padding: 10px; }
.rzc-wob__cart-count { font-size: 12px; }
.rzc-wob__review { padding: 15px 12px; }
.rzc-wob__review-item { align-items: flex-start; gap: 10px; }
}html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
overflow: hidden;
}
html.yith-quick-view-is-open .select2-container.select2-container--open {
z-index: 1500;
}
html.yith-quick-view-is-open.yith-quick-view-on-mobile .select2-container.select2-container--open {
z-index: 999999;
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.yith-wcqv-head {
position: absolute;
top: 15px;
right: 15px;
z-index: 1000;
width: 30px;
height: 30px;
}
#yith-quick-view-modal:before { ; display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
#yith-quick-view-modal span.onsale {
top: 25px;
left: 25px;
right: auto;
z-index: 10;
}
#yith-quick-view-modal .yith-wcqv-wrapper .woocommerce-variation-description p {
font-size: 16px;
}
#yith-quick-view-modal .yith-wcqv-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
height: 600px;
width: 1000px;
position: absolute;
}
.yith-quick-view.yith-modal .yith-wcqv-wrapper {
position: absolute;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
}
#yith-quick-view-modal .yith-wcqv-main { -moz-transform: translateY(20%);
-ms-transform: translateY(20%); opacity: 0;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, .25);
box-shadow: 0 1px 30px rgba(0, 0, 0, .25);
border-radius: 22px;
}
#yith-quick-view-modal.open,
#yith-quick-view-modal.open .yith-wcqv-wrapper {
visibility: visible;
opacity: 1;
}
#yith-quick-view-modal #yith-quick-view-content { }
#yith-quick-view-modal .yith-wcqv-main:after,
#yith-quick-view-modal .yith-wcqv-main:before { display: table;
clear: both;
}
#yith-quick-view-modal.open .yith-wcqv-main {
opacity: 1;
height: 100%;
overflow-y: scroll;
position: relative;
border-radius: 22px;
}
#yith-quick-view-close {
border: 1px solid;
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
z-index: 2;
opacity: 0.5;
}
#yith-quick-view-close:hover {
opacity: 1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
}
div#yith-quick-view-content div[id^="product"] {
display: flex;
flex-direction: row;
}
#yith-quick-view-content div.images { opacity: 1 !important;
margin: 0;
box-sizing: border-box;
}
#yith-quick-view-content div.images img {
max-width: 100%;
object-fit: cover;
height: 100%;
object-position: center;
}
#yith-quick-view-content div.images a {
display: block;
font-size: 0;
max-height: 600px;
height: 100%;
}
#yith-quick-view-content div.summary {
margin: 0;
padding: 15px; font-size: 16px;
box-sizing: border-box;
overflow-y: auto;
padding-left: 30px;
padding-right:30px;
}
#yith-quick-view-content div.summary.entry-summary .woocommerce-product-details__short-description p{
font-size: 16px;
}
.yith-quick-view-content.woocommerce div.summary .price {
font-size: 22px;
margin-bottom: 15px;
}
.yith-quick-view-content.woocommerce div.summary .price del,
.yith-quick-view-content.woocommerce div.summary .price ins {
display: inline-block;
background: none;
}
.yith-quick-view-content.woocommerce div.summary .price del {
font-size: 80%;
opacity: 0.5;
}
.yith-quick-view-content.woocommerce div.product .product {
height:600px;
}
.yith-quick-view-content.woocommerce div.summary div[itemprop="description"],
.yith-quick-view-content.woocommerce div.summary .product_meta {
font-size: 15px;
}
.yith-quick-view-content.woocommerce div.summary .product_meta span {
margin-bottom: 10px !important;
}
.yith-quick-view-content.woocommerce div.summary div[itemprop="description"] {
margin-bottom: 30px;
}
.yith-quick-view-content.woocommerce div.summary .product_meta > span {
display: block;
}
.yith-quick-view-content.woocommerce div.summary div.quantity,
.yith-quick-view-content.woocommerce div.summary .single_add_to_cart_button {
margin-right: 15px;
display: inline-block;
}
.yith-quick-view-content.woocommerce div.summary .single_add_to_cart_button {
padding: 12px 40px;
border-radius: 12px;
font-size: 15px;
}
.yith-quick-view-content.woocommerce div.summary table.variations {
border: 0;
margin-bottom: 0;
}
.yith-quick-view-content.woocommerce div.summary .yith-wcqv-view-details {
margin: 10px 0;
display: inline-block;
}
.yith-quick-view-content.woocommerce div.product form.cart .variations select {
float: none;
width: 100%;
max-width: 450px;
}
.yith-quick-view.yith-modal.fade-in.open .yith-quick-view-content.woocommerce div.product form.cart .variations select {
max-width: 350px;
}
#yith-quick-view-content div.woocommerce-product-rating:after,
#yith-quick-view-content div.woocommerce-product-rating:before {
content: '';
display: table;
clear: both;
}
#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
display: none;
}
#yith-quick-view-content .onsale {
top: 5px;
right: auto;
left: 5px;
}
#yith-quick-view-content figure.woocommerce-product-gallery__wrapper > div:not(:first-child) {
display: none;
}
li.product .yith-wcqv-button .blockUI.blockOverlay:before {
background: none;
}
.yith-quick-view.yith-modal .yith-quick-view-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media( max-width: 480px ){
#yith-quick-view-modal {
position: fixed;
z-index: 1400;
top: 0px;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
overflow: scroll;
height:100%;
}
#yith-quick-view-modal.open .images,
#yith-quick-view-modal.open .images img {
width: 100%!important;
float: none;
}
#yith-quick-view-modal .yith-wcqv-wrapper{
width:100% !important;
height: 100% !important;
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
}
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main {
width: 100%;
height:100%!important;
border-radius:0!important; height:auto;
}
#yith-quick-view-modal .yith-wcqv-wrapper .summary.entry-summary {
width: 100%;
padding-right: 30px;
float: none;
}
#yith-quick-view-modal #yith-quick-view-content {
height: auto;
}
.yith-quick-view-content.woocommerce div.product .product {
height: calc(100vh - 100px) !important;
}
}
@media( min-width: 480px ) and (max-width: 768px) {
#yith-quick-view-modal .yith-wcqv-wrapper {
height: calc(100vh - 100px) !important;
top: 50px !important;
bottom: 50px !important;
max-width: 450px;
left: 0 !important;
right: 0 !important;
margin-inline: auto;
}
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main {
height:100%!important;
border-radius:inherit;
}
}
@media (max-width: 768px) {
div#yith-quick-view-content div[id^="product"] {
flex-direction: column;
}
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main {
height:auto;
border-radius:inherit;
}
#yith-quick-view-modal .yith-quick-view-content div.images,
#yith-quick-view-modal .yith-quick-view-content div.summary {
width: 100% !important;
height: auto;
max-height: none;
}
.yith-quick-view-mobile #yith-quick-view-modal .yith-wcqv-main {
width: 100% !important;
border-radius:0!important;
}
#yith-quick-view-modal #yith-quick-view-content{ }
#yith-quick-view-content div.summary{
overflow:inherit;
}
html.yith-quick-view-is-open  #yith-quick-view-modal {
width: 100% !important;
}
}
@media ( min-width: 768px ) {
#yith-quick-view-modal.open .yith-wcqv-main {
overflow: hidden;
}
#yith-quick-view-content div.summary {
max-height: 600px;
}
} .theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary .product_title {
margin-top: 20px;
}
.theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary .product_title,
.theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary .price {
font-size: 24px;
}
.theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary .woocommerce-product-details__short-description.
.theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary .single_variation_wrap .woocommerce-variation-description,
.theme-yith-proteo .yith-quick-view .single-product div.product .summary.entry-summary form.cart .quantity input {
font-size: 16px;
}
.theme-yith-proteo .yith-quick-view .yith-quick-view-content.woocommerce div.summary .single_add_to_cart_button {
padding: 12px 40px;
border-radius: 12px;
font-size: 15px
}
.theme-yith-proteo .single-product div.product .summary.entry-summary {
padding-left: 30px;
} .woocommerce .yith-quick-view .single-product div.product .summary.entry-summary {
font-size: 16px; }
.woocommerce .yith-quick-view .single-product div.product .summary.entry-summary .product_title,
.woocommerce .yith-quick-view .single-product div.product .summary.entry-summary .price {
font-size: 24px;
}
.woocommerce .yith-quick-view .single-product div.product .summary.entry-summary form.cart .quantity input {
font-size: 20px;
}
.woocommerce .yith-quick-view .yith-quick-view-content.woocommerce div.summary .single_add_to_cart_button {
padding: 12px 40px;
border-radius: 12px;
font-size: 15px;
}