.wp-block-wt-related-products,
.wt-related-products-wrapper {
display: block !important;
width: 100% !important;
clear: both !important;
float: none !important;
margin: 2em 0;
}
.woocommerce-page .wt-related-products-cart .wt-related-products ul.products.columns-3 li.product:nth-child(3n) {
margin-right: 0 !important;
}
.woocommerce .wp-block-wt-related-products .wt-related-products ul.products.columns-3 li.product:nth-child(3n),
.woocommerce-page .wp-block-wt-related-products .wt-related-products ul.products.columns-3 li.product:nth-child(3n) {
margin-right: 0;
} .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content .wt-related-products.wt-related-products-cart .products li.product:nth-child(3n) {
margin-right: 0;
} .wt-related-products {
width: var(--theme-container-width, 100%) !important;
max-width: var(--theme-block-max-width, 100%) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
padding-left: var(--theme-block-padding, 0);
padding-right: var(--theme-block-padding, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wt-related-products .woocommerce-loop-product__title {
font-size: var(--theme-font-size, 1em);
line-height: var(--theme-line-height, 1.5);
margin: var(--theme-margin, 0.5em 0);
} .wt-related-products ul.products,
.wt-related-products .owl-carousel {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.wt-related-products ul.products li.product,
.wt-related-products .owl-carousel li.product {
list-style: none !important;
} .wt-related-products .carousel-wrap {
position: relative;
margin: 0 -15px;
padding: 0 15px;
} .wt-related-products.products ul,
.wt-related-products ul.products {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.wt-related-products.products ul li,
.wt-related-products ul.products li {
list-style: none !important;
}
.wt-related-products a {
text-decoration: none !important;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.beston.com.pe/wp-content/plugins/wt-woocommerce-related-products/public/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.finzo-ps-root[hidden] {
display: none !important;
}
.finzo-ps-root {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: flex-start;
justify-content: center;
font-family: var(--finzo-font, inherit);
font-weight: var(--finzo-weight, 500);
}
.finzo-ps-backdrop {
position: absolute;
inset: 0;
background: var(--finzo-overlay, #14161a);
opacity: var(--finzo-overlay-alpha, 0.55);
backdrop-filter: blur(var(--finzo-blur, 8px));
-webkit-backdrop-filter: blur(var(--finzo-blur, 8px));
}
.finzo-ps-root[data-blur="0"] .finzo-ps-backdrop {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.finzo-ps-panel {
position: relative;
width: min(var(--finzo-panel-w, 640px), calc(100vw - 32px));
max-height: var(--finzo-panel-h, 520px);
margin-top: 12vh;
display: flex;
flex-direction: column;
background: var(--finzo-panel-bg, #fff);
color: var(--finzo-text, #14161a);
border: 1px solid var(--finzo-border, #e7e3dc);
border-radius: calc(var(--finzo-radius, 14px) * var(--finzo-radius-scale, 1));
box-shadow: 0 24px 60px rgba(20, 22, 26, 0.24);
overflow: hidden;
animation: var(--finzo-anim, finzo-ps-in) var(--finzo-dur, 180ms) ease;
}  .finzo-ps-root[data-anchored] .finzo-ps-backdrop {
background: transparent;
opacity: 1;
backdrop-filter: none;
-webkit-backdrop-filter: none;
} .finzo-ps-root[data-anchored] .finzo-ps-panel {
max-width: none;
}
@keyframes finzo-ps-in {
from {
opacity: 0;
transform: translateY(-8px) scale(0.985);
}
to {
opacity: 1;
transform: none;
}
}
@media ( prefers-reduced-motion: reduce ) {
.finzo-ps-panel {
animation: none;
}
} .finzo-ps-search {
display: flex;
align-items: center;
gap: 10px;
padding: calc(var(--finzo-pad, 16px) * 0.9) var(--finzo-pad, 16px);
border-bottom: 1px solid var(--finzo-border, #e7e3dc);
background: var(--finzo-panel-bg, #fff);
}
.finzo-ps-input {
flex: 1;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
font-family: inherit;
font-size: var(--finzo-fs-query, 17px);
font-weight: 600;
color: var(--finzo-text, #14161a);
}
.finzo-ps-input::placeholder {
color: var(--finzo-meta, #6d6862);
font-weight: 500;
}
.finzo-ps-close {
flex: none;
border: 1px solid var(--finzo-border, #e7e3dc);
background: var(--finzo-input-bg, #f7f5f1);
color: var(--finzo-meta, #6d6862);
border-radius: 8px;
padding: 4px 8px;
font: inherit;
font-size: var(--finzo-fs-meta, 12.5px);
cursor: pointer;
} .finzo-ps-results {
flex: 1;
overflow-y: auto;
padding: calc(var(--finzo-pad, 16px) * 0.5) 0;
margin: 0;
list-style: none;
}
.finzo-ps-group-label {
padding: 8px var(--finzo-pad, 16px) 4px;
margin: 0;
font-size: var(--finzo-fs-meta, 12.5px);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--finzo-meta, #6d6862);
}
.finzo-ps-item {
margin: 0 calc(var(--finzo-pad, 16px) * 0.5);
} .finzo-ps-panel,
.finzo-ps-inline-results {
container: finzo-results / inline-size;
}
.finzo-ps-link {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--finzo-gap, 10px) + 2px);
padding: calc(var(--finzo-gap, 10px) * var(--finzo-density, 1)) calc(var(--finzo-pad, 16px) * 0.6);
border-radius: calc(var(--finzo-radius, 14px) * 0.6);
text-decoration: none;
color: inherit;
} @container finzo-results ( max-width: 400px ) {
.finzo-ps-link {
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
}
.finzo-ps-thumb {
grid-column: 1;
grid-row: 1 / span 2;
align-self: start;
}
.finzo-ps-body {
grid-column: 2;
grid-row: 1;
}
.finzo-ps-price {
grid-column: 2;
grid-row: 2;
margin-top: 3px;
text-align: left;
}
.finzo-ps-price .sale-price {
justify-content: flex-start;
}
}
.finzo-ps-item.is-active .finzo-ps-link,
.finzo-ps-link:hover,
.finzo-ps-link:focus-visible {
background: var(--finzo-hover-bg, #f2f0ff);
outline: none;
}
.finzo-ps-thumb {
width: var(--finzo-img, 56px);
height: var(--finzo-img, 56px);
object-fit: cover;
border-radius: calc(var(--finzo-radius, 14px) * 0.5);
background: var(--finzo-input-bg, #f7f5f1);
flex: none;
}
.finzo-ps-root[data-ratio="portrait"] .finzo-ps-thumb,
.finzo-ps-inline[data-ratio="portrait"] .finzo-ps-thumb {
height: calc(var(--finzo-img, 56px) * 1.333);
}
.finzo-ps-root[data-ratio="landscape"] .finzo-ps-thumb,
.finzo-ps-inline[data-ratio="landscape"] .finzo-ps-thumb {
height: calc(var(--finzo-img, 56px) * 0.75);
}
.finzo-ps-title {
margin: 0;
font-size: var(--finzo-fs-title, 15px);
font-weight: 600;
line-height: 1.35;
color: var(--finzo-text, #14161a);
}
.finzo-ps-root[data-clamp="1"] .finzo-ps-title,
.finzo-ps-root[data-clamp="2"] .finzo-ps-title,
.finzo-ps-inline[data-clamp="1"] .finzo-ps-title,
.finzo-ps-inline[data-clamp="2"] .finzo-ps-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.finzo-ps-root[data-clamp="1"] .finzo-ps-title,
.finzo-ps-inline[data-clamp="1"] .finzo-ps-title {
-webkit-line-clamp: 1;
line-clamp: 1;
}
.finzo-ps-root[data-clamp="2"] .finzo-ps-title,
.finzo-ps-inline[data-clamp="2"] .finzo-ps-title {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.finzo-ps-title mark {
background: transparent;
color: var(--finzo-accent, #5b4bff);
font-weight: 700;
}
.finzo-ps-meta {
margin: 3px 0 0;
font-size: var(--finzo-fs-meta, 12.5px);
color: var(--finzo-meta, #6d6862);
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.finzo-ps-price {
font-size: var(--finzo-fs-price, 15px);
font-weight: 700;
color: var(--finzo-price, #14161a);
white-space: nowrap;
}
.finzo-ps-price del {
opacity: 0.5;
font-weight: 500;
margin-right: 4px;
}
.finzo-ps-price ins {
text-decoration: none;
color: var(--finzo-sale, #c0553f);
}
.finzo-ps-badge {
font-size: calc(var(--finzo-fs-meta, 12.5px) * 0.85);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
background: var(--finzo-badge-bg, #c8f04a);
color: #14161a;
border-radius: 999px;
padding: 2px 8px;
}
.finzo-ps-oos {
color: var(--finzo-sale, #c0553f);
} .finzo-ps-state {
padding: 28px var(--finzo-pad, 16px);
margin: 0;
text-align: center;
font-size: var(--finzo-fs-meta, 12.5px);
color: var(--finzo-meta, #6d6862);
}
.finzo-ps-relaxed {
margin: 0;
padding: 8px var(--finzo-pad, 16px);
font-size: var(--finzo-fs-meta, 12.5px);
color: var(--finzo-meta, #6d6862);
}
.finzo-ps-recent {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 8px var(--finzo-pad, 16px);
margin: 0;
list-style: none;
}
.finzo-ps-recent button {
border: 1px solid var(--finzo-border, #e7e3dc);
background: var(--finzo-input-bg, #f7f5f1);
color: var(--finzo-meta, #6d6862);
border-radius: 999px;
padding: 4px 11px;
font: inherit;
font-size: var(--finzo-fs-meta, 12.5px);
cursor: pointer;
} .finzo-ps-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px var(--finzo-pad, 16px);
border-top: 1px solid var(--finzo-border, #e7e3dc);
background: var(--finzo-input-bg, #f7f5f1);
font-size: var(--finzo-fs-meta, 12.5px);
color: var(--finzo-meta, #6d6862);
}
.finzo-ps-seeall {
color: var(--finzo-accent, #5b4bff);
font-weight: 700;
text-decoration: none;
}  .finzo-ps-inline {
position: relative;
font-family: var(--finzo-font, inherit);
max-width: 100%;
}
.finzo-ps-inline-form {
display: flex;
margin: 0;
}
.finzo-ps-inline-input {
width: 100%;
padding: 11px 15px;
border: 1px solid var(--finzo-border, #e7e3dc);
border-radius: calc(var(--finzo-radius, 14px) * 0.6);
background: var(--finzo-input-bg, #f7f5f1);
color: var(--finzo-text, #14161a);
font: inherit;
font-size: var(--finzo-fs-query, 17px);
}
.finzo-ps-inline-input:focus {
outline: 2px solid var(--finzo-accent, #5b4bff);
outline-offset: 1px;
}
.finzo-ps-inline-results {
margin-top: 8px;
}
.finzo-ps-inline-results .finzo-ps-results {
max-height: none;
padding: 0;
} .finzo-ps-inline[data-look="inline_dropdown"] .finzo-ps-inline-results {
position: absolute;
z-index: 60;
left: 0;
right: 0;
margin-top: 6px;
background: var(--finzo-panel-bg, #fff);
border: 1px solid var(--finzo-border, #e7e3dc);
border-radius: calc(var(--finzo-radius, 14px) * 0.7);
box-shadow: 0 14px 34px rgba(20, 22, 26, 0.16);
overflow: hidden;
}
.finzo-ps-inline[data-look="inline_dropdown"] .finzo-ps-results {
max-height: var(--finzo-panel-h, 520px);
overflow-y: auto;
padding: 6px 0;
} .finzo-ps-inline[data-look="inline_results"] .finzo-ps-inline-results .finzo-ps-item {
margin: 0;
border-bottom: 1px solid var(--finzo-border, #e7e3dc);
}
.finzo-ps-inline[data-look="inline_results"] .finzo-ps-link {
border-radius: 0;
padding-left: 0;
padding-right: 0;
} @media screen and ( max-width: 767px ) {
.finzo-ps-footer {
display: none;
}
.finzo-ps-root[data-anchored] .finzo-ps-panel {
width: calc(100vw - 16px) !important;
left: 8px !important;
}
}       .finzo-ps-panel .screen-reader-text,
.finzo-ps-inline .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}              .finzo-ps-panel .finzo-ps-input,
.finzo-ps-panel .finzo-ps-input:focus,
.finzo-ps-panel .finzo-ps-input:focus-visible {
appearance: none;
-webkit-appearance: none;
width: auto;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
outline: 0;
outline-offset: 0;
color: var(--finzo-text, #14161a);
font-family: inherit;
font-size: var(--finzo-fs-query, 17px);
font-weight: 600;
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
transition: none;
}
.finzo-ps-panel .finzo-ps-input::placeholder {
color: var(--finzo-meta, #6d6862);
font-weight: 500;
opacity: 1;
} .finzo-ps-panel .finzo-ps-input::-webkit-search-cancel-button,
.finzo-ps-inline .finzo-ps-inline-input::-webkit-search-cancel-button {
appearance: none;
-webkit-appearance: none;
}
.finzo-ps-panel .finzo-ps-close {
appearance: none;
-webkit-appearance: none;
width: auto;
height: auto;
min-height: 0;
border: 1px solid var(--finzo-border, #e7e3dc);
border-radius: 8px;
background: var(--finzo-input-bg, #f7f5f1);
color: var(--finzo-meta, #6d6862);
text-transform: none;
letter-spacing: normal;
} .finzo-ps-inline .finzo-ps-inline-input {
appearance: none;
-webkit-appearance: none;
width: 100%;
height: auto;
min-height: 0;
margin: 0;
padding: 11px 15px;
border: 1px solid var(--finzo-border, #e7e3dc);
border-radius: calc(var(--finzo-radius, 14px) * 0.6);
background: var(--finzo-input-bg, #f7f5f1);
box-shadow: none;
color: var(--finzo-text, #14161a);
font-family: inherit;
font-size: var(--finzo-fs-query, 17px);
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
}
.finzo-ps-inline .finzo-ps-inline-input::placeholder {
color: var(--finzo-meta, #6d6862);
opacity: 1;
}
.finzo-ps-inline .finzo-ps-inline-input:focus,
.finzo-ps-inline .finzo-ps-inline-input:focus-visible {
border-color: var(--finzo-accent, #5b4bff);
outline: 2px solid var(--finzo-accent, #5b4bff);
outline-offset: 1px;
}  .finzo-ps-root[data-price="under"] .finzo-ps-price,
.finzo-ps-inline[data-price="under"] .finzo-ps-price {
display: block;
margin-top: 3px;
text-align: left;
} .finzo-ps-root[data-layout="grid"] .finzo-ps-results,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-results {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: var(--finzo-gap, 10px);
padding: 0 var(--finzo-pad, 16px) var(--finzo-pad, 16px);
} .finzo-ps-root[data-layout="grid"] .finzo-ps-results > li:not(.finzo-ps-item),
.finzo-ps-inline[data-layout="grid"] .finzo-ps-results > li:not(.finzo-ps-item) {
grid-column: 1 / -1;
} .finzo-ps-root[data-layout="grid"] .finzo-ps-link,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-link {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 8px;
height: 100%;
}
.finzo-ps-root[data-layout="grid"] .finzo-ps-body,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-body {
width: 100%;
min-width: 0;
}
.finzo-ps-root[data-layout="grid"] .finzo-ps-thumb,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-thumb {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.finzo-ps-root[data-layout="grid"][data-ratio="portrait"] .finzo-ps-thumb,
.finzo-ps-inline[data-layout="grid"][data-ratio="portrait"] .finzo-ps-thumb {
aspect-ratio: 3 / 4;
}
.finzo-ps-root[data-layout="grid"][data-ratio="landscape"] .finzo-ps-thumb,
.finzo-ps-inline[data-layout="grid"][data-ratio="landscape"] .finzo-ps-thumb {
aspect-ratio: 4 / 3;
} @container finzo-results ( max-width: 400px ) {
.finzo-ps-root[data-layout="grid"] .finzo-ps-results,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-results {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding: 0 calc(var(--finzo-pad, 16px) * 0.6) calc(var(--finzo-pad, 16px) * 0.6);
}
} .finzo-ps-root[data-layout="grid"] .finzo-ps-price,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-price { margin-top: auto;
display: block;
text-align: left; white-space: normal;
} .finzo-ps-root[data-layout="grid"] .finzo-ps-price .sale-price,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-price .sale-price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start;
gap: 0 6px;
}
.finzo-ps-root[data-layout="grid"] .finzo-ps-item,
.finzo-ps-inline[data-layout="grid"] .finzo-ps-item {
display: flex;
flex-direction: column;
}