@import url('https://fonts.googleapis.com/css?family=Lora:400,700&subset=latin-ext');
:root {
--vivid-dark-blue: #16181c;
--vivid-dark-blue-opac: #16181cba;
--vivid-blue: #1d1f24;
--vivid-yellow: #f9eabe;
--vivid-dark-grey: #1f201f;
--vivid-light-grey: #bababa;
--vivid-white: #ffffff;
--default-color: ;
--mm-menu-width: 500px;
}
/* === VIVID === */
body{
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
color:var(--vivid-light-grey);
background:var(--vivid-blue)!important;
}
.container-bg,
.breadcrumb,
.breadcrumbs-default,
.title-carousel .title{background:none!important;}
#wrapper{max-width:100%;}
.container-h{max-width:1400px;}
hr{border-top: 1px solid var(--vivid-light-grey);}
a{color: var(--vivid-white);}
.text-main {color: var(--reset)!important;}
.bg-main{background: var(--reset)!important;}
.regular-text{font-weight: 300;color: var(--vivid-light-grey);}
.total-rate{font-size:13px;}
.active {text-decoration: none;}
.fullRate,
.rating-s:not(:checked)>label:hover,
.rating-s:not(:checked)>label:hover~label,
.rating-s>input:checked~label,
.option-group .rating i.on{color: var(--vivid-yellow)!important;}
.fa{font-weight:300;}
.stock-status {font-size: 14px;}
.icon.discount {background: var(--vivid-yellow)!important;color:var(--vivid-dark-grey);}
.icon.new {background: var(--vivid-white);color: var(--vivid-dark-grey);}
.input-s {min-height:40px;border: none;background: #ffffff40;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border-radius:20px;padding-left: 14px;color: var(--vivid-white);}
.input-s::placeholder{color:var(--vivid-light-grey);}
.input-s option{color: var(--vivid-dark-grey);}
.label-s{font-weight: 400;line-height:38px;margin-top:0;}
.c-row label{color: var(--vivid-light-grey);}
.label-s.custom-chk{line-height:1.4;margin-top:0;}
.ckPolicyGomag{font-weight: 300!important;padding: 35px!important;max-width: 400px!important;border-radius:12px!important;box-shadow: rgb(0 0 0 / 10%) 0px 4px 10px 0px!important;}
.ckPolicyGomag .cc-content{margin-bottom:20px;max-height:100%!important;}
.ckPolicyGomag .cc-switch-text{display:none!important;}
.ckPolicyGomag .ck-accept .btn{display:block;font-weight:600;font-size: 14px!important;line-height: 40px!important;}
.regular-text.errorMsg{font-weight: 500!important;font-size: 14px!important;}
.fancybox-container.fancybox-is-open{backdrop-filter:blur(8px);-webkit-backdrop-filter: blur(8px);}
.fancybox-bg{background: #ffffff60;}
.fancybox-is-open .fancybox-bg{opacity: 1;}
/* BUTTON */
.btn {font-weight: 400;font-size: 15px;color:var(--vivid-white);line-height:46px;background:none;border-radius:30px;border:1px solid var(--vivid-light-grey);text-transform: none;}
.btn.focus, .btn:focus, .btn:hover{color:var(--reset);}
.btn.center{max-width:300px;}
.btn.std {font-weight: 500;background:var(--vivid-light-grey);color:var(--vivid-dark-grey);border:none;}
.btn.btn-cmd {font-weight: 600;line-height:46px;background: var(--vivid-yellow)!important;color:var(--vivid-dark-grey);border:1px solid transparent;}
.btn-cmd:hover, .btn1:hover, .btn:hover, .main-btn:hover, .search-button:hover{opacity:1;}
.btn.std.new-review {display:block;background: none;color: var(--vivid-white);border: 1px solid var(--vivid-light-grey);}
.-g-banner-fixed .btn{line-height:60px!important;}
.-g-versions-product-list .btn{line-height:30px;}
.-g-versions-product-list .btn .fa{display: flex;align-items: center;flex-direction: row;font-size: 16px;line-height: 30px;}
.-g-versions-product-list .btn span{display:none;}
#top a i {width: 50px;height: 50px;font-size: 22px;line-height: 48px;background: var(--vivid-white);color: var(--vivid-dark-grey);box-shadow: none;border: 1px solid var(--vivid-dark-blue);transition: all .25s ease-in;}
#top a:hover i{width: 40px;height: 70px;}
.top-head .row {justify-content: space-between;}
.main-header .navigation-holder {width:auto!important;order: -1;}
.main-header .nav-menu-hh,
.main-header .main.search-form-box{display: none!important;}
.menu-trg{display:inline-block;width: 30px;height: 30px;margin-top: 12px;}
.main-header #logo{max-width:100%;}
.main-header #logo img{max-height:40px;margin:0;}
/* ACCOUNT HEADER */
.acount-section>ul>li {padding: 0!important;}
.acount-section>ul>li>a>i {font-size: 21px;}
.acount-section > ul > li > a, .international-header .flag-select {color: var(--vivid-white);padding-left: 0;margin-left: 8px!important;border-left: none;}
.main-header.fade-menu:not(.active-menu) .flag-drop {opacity: 0;visibility: hidden;}
.acount-section ul li a span{display:none;}
.acount-section .search-m{display:inline-block!important;cursor:pointer;}
.cart-header-btn .count{display:none!important;}
.-g-user-icon .-g-user-fidelity-registration-bonus{min-width:60px;}
.-g-user-fidelity-registration-bonus-popup{left:auto;right:0;}
.-g-user-fidelity-registration-bonus-popup .btn{font-size: 13px;line-height: 30px;}
.cart-header-btn .q-cart,
.cart-m .q-cart,
.wishlist-header-m .-g-wishlist-product-count,
.wishlist-header .-g-wishlist-product-count {
font-weight: 600;font-size: 11px;color: var(--vivid-dark-grey);background: var(--vivid-yellow);
min-width: 18px;height: 18px;line-height: 18px;
}
.cart-dd{background: var(--vivid-blue);border-radius: 12px;padding:15px;}
.cart-dd ul li{border-bottom: 1px solid var(--vivid-light-grey);}
.cart-dd.cart-side .cart-items>li{background: var(--vivid-dark-blue-opac)!important;}
.cart-dd.cart-side .btn.order-package-btn {color: var(--vivid-white);}
.cart-dd .product-name {font-weight: 300;font-size: 14px;color:var(--vivid-yellow);line-height: 1.2;margin-bottom:3px;}
.cart-dd .price {font-weight: 600;color:var(--vivid-white);}
.cart-dd .subtotal span{font-weight:600;color:var(--vivid-white);}
.cart-dd .cart-button .btn {font-size: 12px!important;}
.product-remove{line-height: 22px;color:var(--vivid-dark-grey);}
.product-remove .fa{font-weight:400;}
.cart-dd .-g-empty-cart{font-size:15px;}
/* SEARCH */
.main-header .main.search-form-box{display:none;}
.main-header .main.search-form-box .search-form{max-width:300px;}
.main-header .main.search-form-box .search-form input[type=text]{font-size:15px;border:none;border-bottom: 1px solid #726f71;border-radius:0;background: none;}
.search-form-box.search-toggle .search-modal {display: block!important;position: absolute;top: 20px;right: 25px;font-size: 26px;color: var(--vivid-white);}
.search-form-box.search-toggle .search-close {display: block!important}
.search-form-box.search-toggle {position: fixed;top: 0;left: 0;right: 0;margin: auto;padding: 30px;width: 100%;height: 100vh!important;background: var(--vivid-dark-blue-opac);backdrop-filter:blur(12px);-webkit-backdrop-filter: blur(12px);z-index: 9999;overflow-y: auto;opacity:0;visibility:hidden;transition:all .25s ease-in;}
.search-form-box.search-toggle.visible {opacity:1;visibility:visible;}
.search-form-box.search-toggle .search-form {margin: 50px auto 0;max-width: 1000px;transform:translate(0, -40px);transition:all .5s ease-in;}
.search-form-box.search-toggle.visible .search-form{transform:translate(0, 0);}
.search-form-box.search-toggle input[type=text] {background: none;height: 50px;font-weight: 300;font-size: 21px;color: var(--vivid-white);border: none;border-bottom: 1px solid var(--vivid-white);border-radius: 0;box-shadow: none;}
.search-form-box.search-toggle input[type=text]::placeholder {color: var(--vivid-yellow);}
.search-form-box.search-toggle .search-button {font-size:21px;}
.search-form-box.search-toggle .search-button i {color: var(--vivid-white);}
.search-form-box.search-toggle .autocomplete-suggestion {background: 0 0;box-shadow: none;}
.search-form-box.search-toggle .autocomplete-suggestion div {font-weight: 300;font-size: 17px;color: var(--vivid-white)!important;text-align:left;}
.search-form-box.search-toggle .ac-h {padding: 10px 0;}
.search-form-box.search-toggle .ac-h .ac-head {display: none;}
.search-form-box.search-toggle .ac-h .ac-list {overflow: hidden;height: auto;margin-top: 10px;}
.search-form-box.search-toggle .ac-h .ac-box {float: left;width: calc(25% - 4px);min-height: 260px;padding: 0;border: none;border-radius: 3px;background: var(--vivid-dark-blue-opac);overflow: hidden;position: relative;margin: 0 2px 4px;}
.ac-h .ac-image {display:block;float:none!important;padding: 0!important;width: 100%!important;height: 100%;margin-bottom: 10px;}
.search-form-box.search-toggle .ac-h .ac-image img {max-height: 420px;}
.search-form-box.search-toggle .ac-h .ac-title {font-weight:300;font-size: 17px;color: var(--vivid-yellow);padding:0 15px;margin-bottom: 5px;position: relative;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-form-box.search-toggle .ac-h .ac-title b {font-weight: 500!important;}
.search-form-box.search-toggle .ac-h .ac-price {position: relative;font-weight: 600;font-size: 14px;color:var(--vivid-white)!important;padding:0 15px;margin-bottom: 15px;}
.search-form-box.search-toggle .ac-categ a {color: var(--vivid-yellow);}
.search-form-box input[type=text]{min-height: 40px;border: none;background: #ffffff50;color:var(--vivid-white);border-radius: 20px;padding-left: 14px;}
.search-form-box input[type=text]::placeholder{color:var(--vivid-white);}
.search-button{display: flex;align-items: center;justify-content: center;padding: 0 15px;}
.flag-select{border:none;}
/* HEADER MEDIA-Q */
@media screen and (min-width:992px) {
.main-header .top-head{padding:12px 15px;}
.main-header .logo-h{width:20%;margin: 0 auto;text-align:center;}
.main-header #logo img{max-height:45px;margin:0 auto;}
.main-header .main.search-form-box,
.main-header .acount-section{width:auto;}
}
@media screen and (min-width: 1091px){
.main-header .top-head .row{flex-wrap:wrap;}
.main-header .main.search-form-box{display:block;}
.main-header .main.search-form-box{order:-1;}
}
@media screen and (max-width:1090px) {
.main-header .top-head{padding-top:5px;padding-bottom:5px;}
.acount-section .-g-user-icon{display:none!important;}
}
@media screen and (max-width: 991px){
.main-header .logo-h{width:100%;max-width: 160px;padding:0 8px;}
.main-header .acount-section{width:100%;padding-left:5px;}
.acount-section ul li a {margin-left: 5px!important;}
.search-form-box.search-toggle .ac-h .ac-box{width: calc(33.333% - 4px);}
}
@media screen and (max-width: 767px){
.main-header .cart .row{justify-content: center;}
.search-form-box.search-toggle{height: 100svh!important;}
.search-form-box.search-toggle .ac-h .ac-box{width: calc(50% - 4px);}
}
@media screen and (max-width: 480px){
.search-form-box.search-toggle input[type=text] {font-size: 17px;}
}
/* MENU */
.main-header{background:var(--vivid-dark-blue)!important;}
.main-header:not(.-g-pagetype-cart){position:relative;position: -webkit-sticky;position: sticky!important;top:0;z-index:999;max-width:100%;margin:0 auto;transform: translate(0, 0);/*box-shadow: 0 2px 7px -4px rgba(0,0,0, .3);*/transition: all .25s ease-in;}
.main-header .top-head{transition: all .25s ease-in;}
.main-header .nav-menu-hh,
.main-header .nav-menu{padding:0;}
.main-header .main-menu{background: none;padding:0;}
.main-header .main-menu ul li > a{font-size: 13px;color: var(--vivid-white);letter-spacing: .5px;}
.main-header .menu-dd{pointer-events: none;}
.main-header .menu-dd.open{top:39px;pointer-events: auto!important;}
.main-header .menu-dd li .title a {font-weight: 600;font-size: 16px;}
.main-header .menu-dd li a {font-weight: 400;font-size: 14px;color: var(--vivid-light-grey);}
/*menu update*/
.main-header .menu-dd.column2 ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column3 ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd.column4 ul{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.main-header .menu-dd.column3.banner ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column4.banner ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd ul li{width:100%!important;max-width:100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
@-moz-document url-prefix(){
.main-header .menu-dd ul li{float:none!important;}
}
.main-header .nav-menu-hh{position:relative;}
.main-header .nav-menu > li.initial-h{position:static;}
.main-header .menu-dd.column1{width:300px!important;}
.main-header .menu-dd.column1.banner{width:600px!important;}
.main-header .menu-dd.column2{width:550px!important;}
.main-header .menu-dd.column3{width:700px!important;}
.main-header .menu-dd.column4{width:100%!important;}
.main-header .menu-dd.column-sld{min-width:400px;}
.main-header .menu-dd.col-sub-img {width: 650px;}
.main-header .menu-dd.col1-img {width: 450px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-next{right: -30px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-prev{left: -30px;}
.menu-trg span,
.menu-trg span:after,
.menu-trg span:before{background: var(--vivid-white);}
.mobile-icon {display: none!important;}
.acount-section {display: inline-block!important;}
/* MENU MOBILE V2 */
.menu_slideout{cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAABPklEQVRIibXWvUoDQRSG4W9GCUZipWDllaiVhSB2FgpiYSeIlyb4A5YW0QvQC7EJKSyU1yJZnSSzZmbnzFceDvvsYWZnVpIE7AGXwJoqBVgFLoDDprALfDPJEBhUQHvAI38585J2JPlpz76kJ0sc6Em6lXQclLebtxkyG5PJI5MCvAEbTcM68DzX8Prb0B29j6Bb841meDJqiWejFvgUvctGS/BitAtuhubg5mgKXg0N8AHxQ+Yhgm6aoAEem7zOpBl4NuqXt8zkS9I4Uh9J+sx8VlpaNtLChquBxjZSlVstRKOfTMual0/+Hxr02OIpqDlOh6utGO+CFuMlaGfcAs3GLdFkHFgh/gtafMvQfqv1BZzWQJfg116TA77Ju6QD59yHFeycG0s6kvQSlEfNW50ANwuLbxigD1wB54D/AU215NEcMrdiAAAAAElFTkSuQmCC), auto;}
.menu_slideout .menu-close{display:none;}
.mm-menu-head .menu-close{display:inline-block;}
.mm-menu-head{font-size: 14px;padding:20px calc(15px + 10%);box-shadow:none;right: 0;margin: auto;}
.mm-menu-head .-g-user-icon{font-size: 16px;font-weight: 300;}
.mm-menu-head .fa {font-size: 16px;}
.mm-menu-head .fa-close {font-size: 25px;cursor:pointer;}
.mm-mobile-menu .base-menu{padding-top: 80px;height: calc(100% - 60px);max-width: var(--mm-menu-width);padding-left: 10%;padding-right: 10%;}
.mm-mobile-menu .base-menu.opened-base {transform: translateX(0);}
.mm-mobile-menu .base-menu li .mm-btn-next {font-size: 24px;bottom: 0;margin: auto;}
.mm-mobile-menu .base-menu>li {border-bottom: none;transition:all .3s ease-in;}
.mm-mobile-menu .base-menu>li a {font-weight:300;font-size: 22px!important;padding: 5px 40px 5px 15px;}
.mm-mobile-menu.main-menu ul li a {font-weight: 300;font-size: 17px;}
.mm-mobile-menu.main-menu .menu-dd li a {font-weight: 200;font-size: 15px;}
.mm-mobile-menu.main-menu .menu-dd li .title {margin-bottom: 0;}
.mm-mobile-menu.main-menu .menu-dd li .title a {font-weight: 400;font-size: 17px;}
.mm-mobile-menu.main-menu .menu-dd li {margin: 0 0 8px;}
.mm-mobile-menu .base-menu>li:hover a,
.mm-mobile-menu.main-menu ul li a:hover{opacity:.5;}
.mm-mobile-menu .menu-dd li .title a {font-weight:500;}
.mm-mobile-menu .menu-dd, .mm-mobile-menu .menu-dd.__ignoreSubmenu{/*max-width: calc(var(--mm-menu-width) - 20%);right: 0;margin: 0 auto;*/padding: 155px 10% 0;transform: translateX(5%);opacity:0;visibility:hidden;background:var(--vivid-blue)!important;}
.mm-mobile-menu .menu-dd.visible {transform: translateX(0);opacity:1;visibility:visible;}
.mm-mobile-menu .mm-drop-head{font-weight:300;font-size: 30px;top: 90px;padding: 10px calc(15px + 10%);background:none;color: var(--vivid-white);}
.mm-mobile-menu .mm-drop-head .mm-btn-prev {position: relative;top: 0;left: 0;height: auto;width: auto;padding: 0 15px 0 0;font-size:24px;}
.mm-menu-footer{padding: 20px 0;background: #f2f2f2;box-shadow: none;}
.mm-menu-footer .contact-phone{padding:0 10%;text-align:left;}
.mm-menu-footer .contact-phone a{font-size:15px;}
.mm-menu-head,
.mm-mobile-menu,
.mm-menu-footer,
.mm-course-menu{background: var(--vivid-blue)!important;}
.mm-course-menu .mm-course-head{background: var(--vivid-dark-blue)!important;}
.mm-menu-head,
.mm-menu-head a,
.mm-mobile-menu.main-menu ul li a,
.mm-menu-footer,
.mm-menu-footer a,
.mm-course-menu .mm-course-head{color:var(--vivid-white)!important;}
.mm-menu-head .flag-select .text-default {color: #16181c!important;}
/* MENU MEDIA-Q */
@media screen and (min-width:992px) {
.-g-pagetype-homepage .main-header:not(.-g-pagetype-cart){position:fixed!important;background:none!important;left: 0;right: 0;margin: 0 auto;width: 100%;/*box-shadow: none;*/}
.main-header.fade-menu {background:none!important;/*box-shadow: 0 2px 7px -4px rgba(0,0,0, .3);*/}
.main-header.fade-menu:not(.-g-pagetype-cart){transform: translate(0, -100%);max-width: 1200px;border-radius: 40px;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);background: var(--vivid-dark-blue-opac)!important;/*box-shadow:none;*/}
.main-header.fade-menu.active-menu:not(.-g-pagetype-cart){transform: translate(0, 10px);}
.main-header.fade-menu.search-active:not(.-g-pagetype-cart){backdrop-filter: none;}
.main-header.fade-menu:not(.-g-pagetype-cart):hover{/*background: var(--vivid-dark-blue)!important;box-shadow: 0 2px 7px -4px rgb(0 0 0 / 30%);*/}
.main-header.fade-menu:not(.-g-pagetype-cart) .main.search-form-box{display:none;}
.main-header.fade-menu:not(.-g-pagetype-cart) .discount-tape{position: absolute;top: -100%;}
.main-header.fade-menu:not(.-g-pagetype-cart) .top-head{padding:12px 25px;}
.main-header.fade-menu:not(.-g-pagetype-cart) .search-form-box.search-toggle{height: calc(100vh - 30px)!important;border-radius:30px;}
}
@media screen and (min-width: 1091px){
.main-header .nav-menu{width:100%;}
.main-header .menu-dd{text-align:left;}
.main-header .navigation-holder{width:100%;text-align:center;}
}
@media screen and (max-width: 1090px){
.main-header .navigation-holder{order:-1;}
}
@media screen and (max-width: 991px){
.main-header .navigation-holder{width:60px;padding-right:5px;}
}
@media screen and (max-width: 767px){
.menu-trg{margin:10px 0 0 0;}
}
@media screen and (max-height: 725px){
.main-header .menu-dd {overflow-y:auto;max-height:550px;}
.main-header .menu-dd::-webkit-scrollbar {width: 6px;}
.main-header .menu-dd::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;}
.main-header .menu-dd::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, .6);}
.main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .4);}
}
/* TRUST ICON */
.icon-group{margin-top:30px;}
.icon-group .row {scroll-snap-type: x mandatory;}
.icon-group .col{padding: 0 5px;scroll-snap-align: center;}
.icon-group .col .trust-h{background:var(--vivid-dark-blue);padding: 15px;border-radius:12px;box-shadow: 0 2px 7px -4px rgba(0,0,0, .3);}
.icon-group .col .trust-h .trust-item{flex-direction: row;}
.icon-group .col .icon-label {font-weight: 500;font-size: 14px;color:var(--vivid-yellow);text-align:left!important;}
.icon-group .col .icon-label span{font-weight: 300;font-size: 12px;color:var(--vivid-light-grey);margin-top:4px;}
.t-tips {font-weight: 300;font-size: 13px;line-height:1.4;letter-spacing: 0.3px;}
/* TRUST ICON MEDIA-Q */
@media screen and (max-width: 991px){
.icon-group .row {flex-wrap: nowrap;overflow: auto hidden;}
.icon-group .col {flex-shrink: 0;-webkit-box-flex: 0;flex-grow: 0;width:auto!important;}
.icon-group .col .trust-h {width: 220px;max-width: 100%;}
}
@media screen and (max-width: 480px){
.icon-group .col .icon-label {font-size: 14px;}
}
/* PIN */
.pinGrid {padding: 0;margin:0;}
.bannerCarouselItemsHolder .pinGrid {margin:0 -5px;}
.pin{position:relative;padding: 0 8px;margin: 0 auto;background: none;}
.pin .image{overflow: hidden;border-radius: 12px;}
.pin .image:before{
content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:25%;z-index:2;pointer-events:none;
background: linear-gradient(0deg, #000000ab 0%, transparent 100%);transition: all .8s cubic-bezier(0.7, 0, 0.55, 1);}
.pin:hover .image:before{height:65%;}
.pin img{transition: all .8s cubic-bezier(0.7, 0, 0.55, 1)}
.pin:hover img{transform: translate(-10px, 0) scale(1.1);}
.pin .figcaption{
position: absolute;left: 0;right:0;bottom: 0;margin: auto;width: calc(100% - 20px);padding: 20px;color: var(--vivid-white);z-index:3;
display: flex;flex-wrap: nowrap;justify-content: center;align-items: baseline;flex-direction: column;text-align:left;pointer-events:none;
}
.pin .figcaption .title {font-weight: 400;font-size: 24px;color:var(--vivid-white);line-height: 1.5;margin: 0;}
.pin .figcaption p{font-weight: 300;font-size: 14px; color:var(--vivid-white); line-height: 1.4;margin: 5px 0 0}
.pin .figcaption .banner-btn{font-weight: 500;font-size: 14px;color:var(--vivid-white);margin-top: 15px;border-bottom: 1px solid var(--vivid-white);pointer-events:auto;}
/* PIN MEDIA-Q */
@media screen and (max-width: 860px){
.pinGrid .pin,
.pinGrid .pin.large,
.pinGrid .pin.medium,
.pinGrid .pin.small,
.imageGroupClass1,
.imageGroupClass2,
.imageGroupClass4,
.imageGroupClass5{width: 100%!important;}
}
/* TITLE */
.title-carousel,
.titleComponent{padding: 0;margin: 5% auto 30px;text-align: left;}
.titleComponent{padding: 0 15px;}
.title-carousel .title,
.titleComponent .title,
#succes-page h1{font-weight: 400;font-size: 28px;color:var(--vivid-white);text-align: left;display: block;text-transform: none;padding:0;}
.prod-det-ttl,
.extra-offer .extra-offer-title{color:var(--vivid-white);}
.title-carousel hr, .title-box.line-r hr{display:none;}
.title-box.line-r{text-transform: none;}
.title-box.line-r .title{font-weight:400;font-size: 23px;color:var(--vivid-white);background:none;}
/* TITLE MEDIA-Q */
@media screen and (max-width: 767px){
.title-carousel .title, .titleComponent .title {font-size: 24px!important;}
.title-carousel .title{padding:0 15px;}
}
/* PRODUCT BOX */
.product-box{text-align:left!important;padding:0 6px;}
.product-box .box-holder {overflow:hidden;max-width: 360px;background:var(--vivid-dark-blue-opac);border-radius: 12px;padding: 0 0 15px;}
.product-box .top-side-box, .product-box .bottom-side-box{padding:0 20px;}
.product-box .image {padding-top: 135%;}
.product-box .product-icon-holder {width:100%;aspect-ratio:20/27;}
.product-box .image:before{content:'';display: block;position:absolute;top:0;left:0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;background: radial-gradient(circle, #ffffff20 -50%, transparent 50%);pointer-events: none;z-index:0;}
.product-box .title{font-weight: 300;font-size:17px; color:var(--vivid-yellow);}
.product-box .price {font-weight: 600;font-size:20px;color: var(--vivid-white);}
.product-box .price .price-full {font-weight: 500;font-size: 16px;color: var(--vivid-light-grey);}
.product-box:not(.list-type) .icon,
.product-icon-box .icon{float:none;}
.product-icon-box{left:0;top:3px;}
.product-box .icon.new, .product-box .icon.discount,
.product-icon-box .icon.new, .product-icon-box .icon.discount,
.product-box .icon.-g-icon-discount-value,
.product-icon-box .icon.-g-icon-discount-value{font-size: 13px;width: auto;height: 24px;padding: 0 10px;line-height: 24px;border-radius: 12px;margin: 8px 8px 0;}
.product-listing .product-box.list-type .product-icon-box .icon{float: left;}
.product-box:not(.list-type) .add-list .btn{display:block;}
.product-box:not(.list-type) .add-list .addToWishlist{position: absolute;top: 0;right: 0;display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;transform: translate(60px, 10px);opacity: 0;visibility: hidden;transition: all .5s cubic-bezier(0.8, 0, 0.3, 0.95);z-index: 9;}
.product-box:not(.list-type):hover .add-list .addToWishlist{transform: translate(-10px, 10px);opacity: 1;visibility: visible;}
.product-box .add-list .btn.btn-outOfStock{background:none!important;color:#aaa!important;border:1px solid #ccc!important;}
.product-box .add-list .addToWishlist{display: flex;justify-content: center;align-items: center;border-radius:50%;background: var(--vivid-blue);color: var(--vivid-yellow);width:40px;height:40px;font-size:19px;padding: 0;margin:0 0 7px;border:none;box-shadow: 0 4px 12px -3px rgb(0 0 0 / 25%);}
.product-box .add-list .addToWishlist .fa{display:inline-block;}
.product-box .add-list .addToWishlist span{display:none;}
.product-box .qty-regulator{display: flex;align-items: center;justify-content: center;width: 100%;margin:0 0 10px;}
.product-box .qty-regulator input[type=text] {
flex:1;
border: none;
width: 40px;
margin:0 5px;
font-size: 15px;
color: var(--vivid-dark-grey);
border-radius: 8px;
background: var(--vivid-white);
}
.product-box .qty-regulator .minus,
.product-box .qty-regulator .plus{
border: none;
height: 24px;
width: 24px;
line-height: 26px;
font-size: 14px;
border-radius: 50%;
background: var(--vivid-white);
}
@-webkit-keyframes pulse {
0% {-webkit-transform: scaleX(1);transform: scaleX(1)}
50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05)}
to {-webkit-transform: scaleX(1);transform: scaleX(1)}
}
@keyframes pulse {
0% {-webkit-transform: scaleX(1);transform: scaleX(1)}
50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05)}
to {-webkit-transform: scaleX(1);transform: scaleX(1)}
}
.product-box .add-list .addToWishlist:hover .fa{font-weight:700;-webkit-animation: pulse 1s infinite;-moz-animation: pulse 1s infinite;animation: pulse 1s infinite;}
.product-box .versionAttribute a span {font-weight: 300;padding: 4px 8px;min-width: 30px;border-radius: 3px;}
.product-box .versionAttribute a img {overflow: hidden;border-radius: 16px;}
/* PRODUCT BOX MEDIA-Q */
@media screen and (min-width: 992px){
.product-box:not(.list-type) .add-list{margin-top: 20px;}
}
@media screen and (max-width: 991px){
.product-box{padding:0 2px;}
}
@media screen and (max-width: 600px){
.product-box .btn{font-size:12px;line-height:30px;padding:0 6px;}
.product-box .top-side-box, .product-box .bottom-side-box{padding:0 10px;}
.product-box .add-list .addToWishlist{font-size: 17px;width: 32px;height: 32px;}
.product-box:not(.list-type) .add-list .addToWishlist{transform: translate(-8px, 8px)!important;opacity: 1;visibility: visible;}
}
@media screen and (max-width: 480px){
.product-box .box-holder{padding:0 0 5px;}
.product-box .title,
.product-box .price{font-size:13px;}
}
/* CAROUSEL */
.owl-next .fa, .owl-prev .fa{font-weight: 400!important;}
#main-bnn .owl-theme .owl-controls .owl-buttons div,
.carousel-slide .owl-theme .owl-controls .owl-buttons div{font-size: 25px;color:#444;width: 45px;height: 45px;text-align: center;background: rgba(255, 255, 255,.85); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-shadow: 0 2px 7px -2px rgb(0 0 0 / 30%);transition: all .2s ease-in;}
#main-bnn .owl-next, #main-bnn .owl-prev{top: 50%;}
#main-bnn .owl-next:hover,
.carousel-slide .owl-next:hover{transform: translateX(-5px);}
#main-bnn .owl-prev:hover,
.carousel-slide .owl-prev:hover{transform: translateX(5px);}
.carousel-slide {padding-bottom: 6%;}
/* CAROUSEL MEDIA-Q */
@media screen and (max-width:1300px) {
.carousel-slide .owl-carousel{padding:0 20px;}
.carousel-slide .owl-prev {left: 0;}
.carousel-slide .owl-next {right: 0;}
}
@media screen and (max-width:1300px) {
.carousel-slide .owl-carousel{padding:0 20px;}
}
@media screen and (max-width: 991px){
.carousel-slide {padding: 0 4px 30px;}
}
@media screen and (min-width: 481px){
.carousel-slide .owl-prev {left: -20px;}
.carousel-slide .owl-next {right: -20px;}
}
@media screen and (max-width: 480px){
.carousel-slide .owl-carousel{padding:0;}
#main-bnn .owl-theme .owl-controls .owl-buttons div,
.carousel-slide .owl-theme .owl-controls .owl-buttons div{width: 40px;height: 40px;line-height: 40px;}
#main-bnn .owl-prev{left:5px;}
#main-bnn .owl-next{right:5px;}
}
/* COMPONENTS */
.-g-banner-fixed{margin-bottom:0!important;}
.-g-banner-fixed .title{font-weight: 400!important;font-size: 40px!important; margin-bottom: 0!important; line-height: 1.2!important;}
.-g-banner-fixed .subtitle {font-size: 14px!important;line-height:1.5!important;margin-top: 25px!important;}
.-g-banner-fixed .btn {font-weight: 600;line-height: 50px!important;margin: 40px 0 0!important;}
.-g-banner-fixed .-g-banner-fixed-media {padding: 0!important;margin:0!important;}
/*.-g-banner-fixed.-g-media-image .-g-banner-fixed-holder{margin:0 -15px;}*/
.-g-banner-fixed.-g-media-image .-g-banner-fixed-holder .-g-banner-fixed-content {padding: 5%!important;}
/* COMPONENTS MEDIA-Q */
@media screen and (min-width:992px) {
.-g-banner-fixed.-g-media-image .-g-banner-fixed-holder .-g-banner-fixed-content {padding: 5% 7%!important;}
.-g-banner-fixed .subtitle {font-size: 18px!important;line-height: 1.6!important;}
}
@media screen and (min-width: 1091px){
.-g-banner-fixed.-g-media-image .container-h{max-width:100%;}
}
@media screen and (max-width: 991px){
.-g-banner-fixed .-g-banner-fixed-media {order: -1;}
}
@media screen and (max-width: 767px){
.-g-banner-fixed.-g-media-image .-g-banner-fixed-holder .-g-banner-fixed-content {padding: 20px!important;}
.-g-banner-fixed .title {font-size: 28px!important;}
}
/* FOOTER */
.newsletter-holder{position:relative;padding: 5% 0;background: #6a6360;background-size: cover;background-position: center;}
.newsletter-holder.lazyloaded{background-image:url('https://gomagcdn.ro/domains2/vivid/files/files/promo-banner-247318.jpg');}
.newsletter-holder .newsletter{display: flex;flex-direction: column;align-items: flex-start;}
.newsletter-holder .newsletter .title{font-weight: 600;font-size: 30px;color:var(--vivid-white);text-align: left;}
.newsletter-holder .newsletter .title span{display: block;font-weight: 300; font-size: 16px;color:var(--vivid-light-grey); padding: 0;}
.newsletter .newsletter-form {position: relative;margin-top:30px;padding:0!important;}
.newsletter .newsletter-form input[type=text] {
font-weight: 300;
font-size: 15px;
color: var(--vivid-white);
background: #ffffff20;
line-height: 50px;
height: 52px;
max-width: 700px;
padding: 0 130px 0 18px;
border: none;
border-radius: 30px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.newsletter .newsletter-form input[type=text]::placeholder {color: var(--vivid-yelow);background: none}
.newsletter .newsletter-form input[type=submit] {
position: absolute;
top: 5px!important;
right: 5px!important;
font-weight: 600;
font-size: 14px;
color: var(--vivid-dark-grey);
line-height: 42px!important;
text-transform: none;
width: auto;
height:auto!important;
padding: 0 12px;
margin-top: 0;
background: var(--vivid-yellow);
border-radius: 32px;
}
.newsletter .custom-chk label{font-size:12px;color:var(--vivid-light-grey);}
.newsletter-form .custom-chk a, .newsletter-form .custom-chk label a {color: var(--vivid-white);}
footer{background:var(--vivid-dark-blue);box-shadow: 0 -2px 7px -4px rgb(0 0 0 / 30%);}
.main-footer{padding-top:5%;}
.main-footer .col .title, .main-footer .col .title>a {position:relative;font-size: 17px;font-weight: 500;color: var(--vivid-white);text-transform: none;margin-bottom: 20px;}
.main-footer .col ul li{margin-bottom: 8px;}
.main-footer .col,
.main-footer .col ul li,
.main-footer .col ul li a,
.main-footer .support .support-contact{font-weight: 300;font-size: 14px;color: var(--vivid-light-grey);}
.main-footer .col ul li a {position:relative;display:block;transition:all .25s ease-in;}
.main-footer .col ul li a:hover{color: var(--vivid-white);}
.main-footer .support .title span {display:block;font-weight: 300;font-size: 15px;margin-top:20px;color: var(--vivid-white);}
.main-footer .social {text-align:center;padding-top:20px;}
.main-footer .social .title{display:none;}
.main-footer .social ul {display:block;}
.main-footer .social ul li {display:inline-block;margin:0;}
.main-footer .social ul li a {font-size: 25px;padding:0 5px;color: var(--vivid-light-grey);}
.copyright-payment {padding:25px 0;font-weight:300;font-size:14px;color: var(--vivid-white);border-top:1px solid #ffffff30;}
.copyright-payment .copyright{display:inline-block;margin-top:6px;}
.copyright-payment .copyright a{font-weight:500;color: var(--vivid-white);}
.copyright-payment .copyright span{display:block;}
.copyright-payment .payment-accepted {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.copyright-payment .payment-accepted img{display:inline-block;max-height:35px;margin:3px 2px ;}
.-g-footer-affiliate-block .container-h{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
/* FOOTER MEDIA-Q */
@media screen and (max-width: 991px){
.main-footer .col:not(.social){float:left;width:50%;clear: none;padding-top:0;}
.copyright-payment{text-align:center;}
.copyright-payment .payment-accepted {justify-content: center;}
}
@media screen and (max-width: 800px){
/*.newsletter-holder .newsletter {flex-direction: column;align-items:flex-start;}*/
.newsletter .newsletter-form {width:100%;max-width: 100%;margin: 15px auto 0;}
}
@media screen and (max-width: 520px){
.main-footer .col .title{margin-bottom:15px;}
.main-footer .col:not(.social){width:100%;text-align:left;}
.main-footer .col .title .fa{float:right;margin-top: 6px;}
}
@media screen and (max-width: 480px){
.newsletter-holder .newsletter .title span{font-size: 17px;}
.newsletter-form input[type=text]{max-width: 200px;}
.newsletter-form input[type=submit] {padding: 0px 7px;}
.main-footer .col ul li {padding: 0 10px!important;}
}
/* CATEGORY */
#category-page {padding-top:0;}
.breadcrumbs-default ol li,
.breadcrumbs-default ol li a,
.breadcrumbs-box ol li,
.breadcrumbs-box ol li a{font-weight:300;font-size:13px;}
.breadcrumbs-default ol li a,
.breadcrumbs-box ol li a,
.breadcrumbs-default ol li a,
.breadcrumb2 .breadcrumbs-box ol li a{color: var(--vivid-light-grey);}
.breadcrumbs-default ol li.active,
.breadcrumbs-box ol li.active,
.breadcrumbs-default ol li a.active{font-weight: 500;color: var(--vivid-white);text-decoration: none;}
.catTitle {font-weight:400;font-size: 30px;color:var(--vivid-white);padding:0;}
.catTitle + .catDesc{margin-top:20px;}
.catDesc {font-weight: 300;font-size: 14px;color:var(--vivid-light-grey);line-height: 1.7;padding:0;}
.catDesc h1{font-weight: 500;font-size: 34px;color: var(--vivid-light-grey);line-height: 1.4;margin-bottom:20px;}
.catDesc h2{font-weight: 400;font-size: 24px;color: var(--vivid-light-grey);line-height: 1.4;margin-bottom:15px;}
#category-page .category-content:first-of-type{width: 100%;margin-bottom: 40px;}
#category-page .category-content:last-of-type .catDesc{margin-bottom: 50px;}
.product-listing{border:none;}
.product-listing .product{margin:0 -10px;}
.filter-group,
.filter.box .title-h.line:after{display: none;}
#category-page .category-content {width: 100%;}
.result-section{font-size:14px;border-bottom: 1px solid var(--vivid-light-grey);}
.result-section .result{line-height:30px;color:var(--vivid-white);}
.filter-trg.btn.std{display:inline-block!important;float: right;width:auto;margin-left: 5px;margin-right:0;font-size: 14px!important;background:none;color: var(--vivid-white);}
.filter.box{margin-bottom:35px;}
.filter.box .title {font-size: 15px;font-weight: 400;color: var(--vivid-white);text-transform: none;background: none;}
.filter-group-selected .filter{line-height:1.5;background:var(--vivid-white);border:solid 1px var(--vivid-light-grey);}
.filter-remove{color:var(--vivid-dark-grey);background:var(--vivid-white);}
.option-group li{margin-bottom:7px;}
.option-group li,
.option-group li a {color: var(--vivid-light-grey)!important;font-size: 13px;font-weight: 300;}
.option-group a{margin-left:10px;vertical-align:center;}
.option-group input[type=checkbox]{margin:0;}
.option-group span {font-weight: 400;float: right;font-size:14px;}
.more-filter{color: var(--vivid-white);}
.mm-nav-filter{background: var(--vivid-blue);}
.mm-nav-filter .mm-filter-head{font-weight: 500;text-transform: none;color: var(--vivid-white);background: var(--vivid-dark-blue);}
.mm-nav-filter .filter.box .title{background:none;}
.mm-nav-filter .filter.box.-g-category-filters-apply-all {position: sticky;bottom: 0;background: var(--vivid-blue)!important;z-index: 99;padding: 10px 15px 0 15px!important;margin: 0 -15px;box-shadow: 0px -1px 3px -2px #00000030!important;}
.result-section .order-type{width:auto;}
.order-type span {display: none;}
.order-type .input-s {font-weight: 400;font-size: 14px;color:var(--vivid-white);min-height:30px;padding-left:5px;border:none;background:none;}
.order-type .input-s option{color:var(--vivid-dark-grey);}
.-g-mobile-menu .-g-bf-main-category .-g-bf-main-subcategory-holder li a {color:var(--vivid-dark-blue);}
/* CATEGORY MEDIA-Q */
@media screen and (min-width:768px) {
.product-listing .product-box.list-type .image-holder {width: 300px;}
.product-listing .product-box.list-type .image img {max-height: 300px;}
.product-listing .product-box.list-type .figcaption{padding-left:35px;}
.product-listing .product-box.list-type .title{font-size:22px;}
.product-listing .product-box.list-type .price {font-size: 18px;}
.product-listing .product-box.list-type .-g-productlist-description {font-size: 15px;font-weight: 300;}
.product-listing .product-box.list-type .add-list {padding-bottom: 20px;}
}
@media screen and (max-width: 767px){
.catTitle {padding: 25px 0 ;}
}
/* DETAIL */
.product-page-holder,
.product-top{max-width:1700px;}
.product-page-holder{position:relative;}
.product-page-holder .breadcrumbs-default{display:none;text-align:center;padding-top: 25px;padding-bottom: 25px;}
.detail-title {position:relative;}
.detail-title .title {color:var(--vivid-yellow);}
.detail-title .title span {font-weight: 200;font-size: 28px;letter-spacing: .033rem;margin-top: 5px;}
.detail-rate-box{margin-top:10px;}
.product-page-holder .detail-slider-holder{padding:0;}
.thumb-sld{display:none;}
.vertical-slider-box,
.vertical-slide-img,
.vertical-slide-img img{max-height:initial!important;}
/*.prod-lg-sld:hover a,
.fancybox-can-zoomIn .fancybox-content {background:#fff;border-radius:50%;cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAABo0lEQVRIie2WS04CQRCGP0Fmoywh8QrIHcSFrlwoUa5AJMbHLYhn0JWPg8jCR9iIJmBQ9m7RhS4UF1Wd6ZB52MNoTORPOjPpruqvu7qr0jDVH5IH1IBzoAe8ausBZzrmpQ2tAk/AKKY9AhtpADPAoTXxLbALlIA5bYvAHtCx7Jrqm1gG+gbUYybLANtqa+CJVLWgSw5+FQu+7gr18M+0HmJzDVyGjDXUtw/kXMA1/DMNC685zyBlgTsd34wCjU9ubuYR8PmdlY7pAzjWf6dwPyCrLUXYRO0Y5LaPkDz/tobqlLf6WsTnccuyz2vfMAo0Uc5ZCorAjMsEaYS6jH+zQzW+47Z+V2IWGKVV/V65OJl06gQsyigune51fMsF7CEFf4SUwSC1gIuQsR31HQCzLmCQXDYls+Lgtwy8q++aK9SoacEbSAjDlEV2aqDPQCEpOGPBR0gZ3EeKw7y2MnCAf6YGauyLSeEgZa9PfAEZIOEt4NfqieE5pOCfAl3gBXn69IET5PbaF6mYJtxVBfyXSRdY+DdwO+w3vwk28Dbhr5apflZfmcORXr6V40MAAAAASUVORK5CYII=), zoom-in;}
*/
.detail-price{font-weight: 500;font-size: 24px;color:var(--vivid-white)!important;margin-top: 10px;margin-bottom: 20px;}
.detail-price s {font-weight:400;font-size:16px;color: var(--vivid-light-grey);}
.detail-price .-g-product-prp-price {color:var(--vivid-white);}
.detail-price .-g-prp-price-info .icon-info {fill:var(--vivid-white);}
.short-description {font-weight: 300;font-size: 14px;color: var(--vivid-light-grey);line-height: 1.7;border-top: 1px solid var(--vivid-light-grey);padding-top: 20px;}
.__optionSelectorImage {position:relative;overflow: hidden; border: none!important;box-shadow: none!important;border-radius: 5px;margin-right: 4px;margin-bottom: 4px;width: 80px;height:auto;background: #ffffff15;}
.__optionSelectorImage:before{
content:'\f00c';
font-family: 'font awesome 6 pro','font awesome 6 brands';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-size:12px;
color: var(--vivid-white);
line-height: 1;
text-rendering: auto;
display:flex;
align-items: center;
justify-content: center;
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
border-radius:20px;
background:var(--vivid-dark-blue);
transform: translate3d(100%, 5px, 0px);
transition:all .2s ease-in;
pointer-events: none;
}
.__optionSelectorImage:hover:before,
.__optionSelectorImage.activeAttr:before{transform: translate3d(-5px, 5px, 0px);}
.__optionSelectorImage a:before{display:none;}
.__optionSelectorImage a{height:auto;}
.__versionProductImage {max-height: 110px;}
.__optionSelectorImageAttribute {width: 50px;height: 50px;}
.__optionSelectorImageAttribute a{font: 0/0 a;}
.-g-version-attribute-holder .-g-versions-attribute-name {font-size: 13px;text-transform: uppercase;margin-top:15px;}
.-g-version-attribute-holder .-g-versions-attribute-name span{font-weight: 600;}
.detail-product-atributes .input-s{font-size:14px;min-height: 40px;color:var(--vivid-white);}
.detail-product-atributes .input-s::placeholder {color:var(--vivid-light-grey);}
.__optionSelector{border: 1px solid var(--vivid-light-grey);border-radius: 8px;}
.__optionSelector a {font-weight: 400;text-align: center;min-width: 35px;padding: 8px 10px;}
.__optionSelector.activeAttr,
.__optionSelector:hover{outline: none;background: #000;border: 1px solid #000;}
.__optionSelector.activeAttr a,
.__optionSelector.activeAttr.__outOfStockVersion a,
.__optionSelector:hover a{color: var(--vivid-white);}
.__optionSelector.__outOfStockVersion{background: #ffffff20;border: 1px solid transparent;}
.__optionSelector.__outOfStockVersion a{color:var(--vivid-light-grey);}
.__optionSelector.activeAttr.__outOfStockVersion{background:#ffffff20;border: 1px solid transparent;}
.-g-versions-product-list{margin-bottom:15px;}
.-g-versions-product-list .-g-versions-product{background:none;}
.-g-versions-product-list .-g-versions-product:hover{background:#f2f2f2;}
.-g-versions-product-list .-g-versions-product-name{font-weight:600;}
.-g-versions-product-list .qty-regulator .minus,
.-g-versions-product-list .qty-regulator .plus{height: 32px;line-height: 32px;background:var(--vivid-white);}
.-g-versions-product-list .qty-regulator input[type=text] {height: 32px;line-height: 32px;}
.ddcommon{border:none;}
.ddcommon .ddTitle{background: #ffffff90;border-radius: 8px;}
.dd .ddTitle .ddTitleText{padding: 10px 30px 10px 10px;}
.ddcommon .ddArrow {top: 0;right: 8px;height: 100%;margin: 0;display: flex;align-items: center;}
.add-section {display:flex;flex-wrap:wrap;max-width:100%;}
.add-section .qty-regulator {display: flex;flex-wrap: nowrap;position:relative;margin: 0 10px 10px 0;width:100px;}
.add-section .qty-regulator input[type=text] {border: none;width: 64px;height: 50px;font-size: 20px;color:var(--vivid-dark-grey);line-height: 50px;border-radius: 10px;background: var(--vivid-white);}
.add-section .qty-regulator .minus,
.add-section .qty-regulator .plus{position:absolute;right:0;border: none;height: 26px;width: 26px;line-height: 28px;font-size: 14px;border-radius: 50%;background: var(--vivid-white);}
.add-section .qty-regulator .minus{bottom:-4px;}
.add-section .qty-regulator .plus{top:-4px;}
.add-section .btn{width:100%;}
.add-section .qty-regulator + .btn{width:calc(100% - 110px);}
.add-section .add2cart{line-height:48px;}
.add-section .-g-btn-subscription {margin: 0!important;}
.product-code .code, .product-code .help-phone, .wish-section .col{color:var(--vivid-white);}
.product-code .code strong, .product-code .help-phone strong{font-weight:600!important;}
.wish-section{margin-bottom:0;border-top: 1px solid #393c40;}
.wish-section .col{font-size:15px;}
.extra-offer .detail-price {display: block;margin: 10px 0;position: relative;}
.extra-offer{border:none;}
.extra-offer .extra-offer-title{font-size: 28px;padding: 0 0 20px;border: none;text-transform: none;}
.extra-offer .box {border:none;background: var(--vivid-dark-blue-opac);margin-bottom: 20px;border-radius: 16px;padding: 20px 15px;}
.extra-offer .box-offer{text-align:left;}
.extra-offer .box-offer .top-t{top: 12px;left: 12px;}
.extra-offer .prod-img img {max-height: 360px;border-radius: 5px;}
.extra-offer .owl-item .box-offer .prod-img:after{right: -15px;color: var(--vivid-dark-blue);border: none;background: var(--vivid-white);}
.extra-offer .box-offer .title{font-size: 14px;color:var(--vivid-yellow);padding: 0 15px;}
.extra-offer .box-offer .price {text-align: left;padding: 0 15px;margin-top: 8px;}
.extra-offer .box-offer .price .text-main{font-weight: 600;color:var(--vivid-white)!important;}
.extra-offer .detail-price {display: block;margin: 10px 0;}
.extra-offer .buy .detail-price eco{color:var(--vivid-light-grey);}
.extra-offer .owl-carousel {padding: 0!important;}
.extra-offer.carousel-slide .owl-theme .owl-controls .owl-buttons div {top: 45%;}
.detail-tabs{padding:0;}
.detail-tabs,
.detail-recomended{width:100%;}
.detail-tabs .resp-tabs-list{display:none;}
.detail-tabs .resp-tabs-container{border-top: none!important;background:none;}
.detail-tabs .resp-tab-content{border:none;}
.detail-tabs .description-tab h3 {font-weight: 300;font-size: 32px;color: var(--vivid-white);line-height: 1.3;margin-bottom: 20px;}
.detail-tabs .description-tab p{margin-bottom:10px;}
.detail-tabs .resp-tab-content ul,
.short-description ul {list-style: initial;padding: 15px 20px 0 18px;}
.detail-tabs .resp-tab-content ul li{margin-bottom: 3px;}
.detail-tabs .description-tab {font-weight: 300;font-size: 14px;color: var(--vivid-light-grey);line-height: 1.3;padding: 15px 0;}
.detail-tabs .resp-accordion {display:block;font-weight: 500;font-size: 17px!important;color:var(--vivid-white);padding: 15px 0!important;border:none!important;border-top:1px solid #393c40!important;border-bottom:1px solid #393c40!important;margin-top:-1px;background:none!important;}
.detail-tabs .resp-arrow{color:var(--vivid-white);}
.detail-tabs .-g-content-readmore.fade:after {background: linear-gradient(0deg,var(--vivid-blue) 0%,transparent 100%);}
.new-comment-form .title-box .title{display:block;background:none;}
.new-comment-form .title-box hr{display:none;}
.comment-author-info {color:var(--vivid-light-grey);}
.product.transport-info {color:var(--vivid-light-grey);}
.gift-title,
.gift-title:hover,
.product-gift .price s {color:var(--vivid-light-grey);}
.popup-medium, .-g-addtocart-popup-custom {background: var(--vivid-blue);}
.product-component-details-categories-holder .product-component-details-categories-list-anchor{background: var(--vivid-dark-blue);}
/* DETAIL MEDIA-Q */
@media screen and (max-width: 991px){
.extra-offer .box {padding: 15px 12px;}
.extra-offer .buy {padding: 0 30px 15px;}
.extra-offer .buy .btn {display: block;margin-bottom: 0;}
}
@media screen and (min-width: 768px){
.product-page-holder:before{
content: '';
display: block;
position: fixed;
top: -75%;
left: -75%;
width: 150%;
height: 150%;
background: radial-gradient(circle, var(--vivid-dark-blue) 0%, var(--vivid-blue) 40%);
z-index: -1;
pointer-events: none;
}
.product-page-holder:after{
content: '';
display: block;
position: fixed;
top: -50%;
right: -75%;
width: 150%;
height: 120%;
background: radial-gradient(circle, #ffffff20 -40%, var(--vivid-blue) 30%);
z-index: -2;
pointer-events: none;
}
.product-page-holder .-g-product-details-holder{position: sticky;top: 20px;width:45%;padding:4% 4% 0;transition:top 0.3s;}
/*.main-header.fade-menu ~ .product-page-holder .-g-product-details-holder {top: 20px!important;}
.main-header.fade-menu.active-menu ~ .product-page-holder .-g-product-details-holder {top: 70px!important;}*/
.product-page-holder .detail-slider-holder{position: sticky;top: 20px;width:55%;transition:top 0.3s;}
.prod-lg-sld, .prod-lg-sld:not(.slick-initialized){visibility: visible;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
.prod-lg-sld li{width: 50%;padding: 0 2px;margin-bottom: 4px;}
.prod-lg-sld li:nth-child(1),
.prod-lg-sld li:nth-child(2){width:100%;padding:0;}
.vertical-slide-img img{border-radius:2px;}
}
@media screen and (max-width: 767px){
.detail-title .title span {font-size: 21px;margin-top: 20px;}
.go-back-icon {left: -15px;top: -12px;}
.extra-offer .buy {text-align: center;}
.detail-slider-holder{padding:0;}
.detail-title,
#stock-btn,
.detail-price,
.detail-product-atributes,
.detail-product-atributes .prod-attr-h,
#stock-btn,
.__shippingPriceTemplate,
.detail-price,
.detail-product-atributes,
.detail-title,
.product-code,
.wish-section {text-align: left;}
.product-bottom > .container-h {padding: 0;}
}
@media screen and (max-width: 480px){
.extra-offer.carousel-slide .owl-prev {left: -20px;}
.extra-offer.carousel-slide .owl-next {right: -20px;}
}
/* PAGES */
.side-menu ul{margin-bottom:24px;}
.side-menu ul li a, .course-menu ul li a{color: var(--vivid-light-grey)!important;transition:all .2s ease-in;}
.side-menu ul li a:hover, .course-menu ul li a:hover{color: var(--vivid-white);}
.side-menu ul li.active a,
.course-menu ul li.active a,
.side-menu ul li a.active-account{font-weight:500!important;background:none!important;color: var(--vivid-white)!important;text-decoration: none!important;}
.side-menu-tab-title, .course-content .title{color:var(--vivid-white);border-bottom:none!important;}
.landing-content{font-weight: 300;}
.account-h {padding: 30px 15px;}
.title.account .title {font-weight: 400;color: var(--vivid-white);text-transform: none;background: none;}
.title.account hr,
.title.account + .title,
.title.account + .title + hr{display:none;}
.account-info{padding: 15px 20px;background: var(--vivid-dark-blue-opac);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border-radius: 12px;}
.account-info-ttl{font-weight: 400;font-size: 17px;color:var(--vivid-white);margin-bottom: 20px;}
.-g-customer-info li{color: var(--vivid-light-grey);}
.account-area-15{color: var(--vivid-light-grey);}
.flex-width{font-weight: 500;}
.account-box {border: none;border-radius: 12px;box-shadow: none;background: var(--vivid-dark-blue-opac);}
.account-box.add{display: flex;align-items: center;justify-content: center;background:none;border: 1px dashed var(--vivid-light-grey);}
.account-box.add .btn{position:relative;height: auto;width: auto;padding:0 24px;background: var(--vivid-yellow);color: var(--vivid-dark-grey);}
.wishlist-box .item-row{
padding: 15px;
margin-bottom: 15px;
border-bottom: none;
background: var(--vivid-dark-blue-opac);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 12px;
}
.wishlist-box .item-r .btn{font-size:14px;line-height:30px;}
.wishlist-box .item-r .wish-btn-remove{padding:0 10px!important;}
.landing-pg .product-list {background: var(--vivid-blue);border: solid 1px var(--vivid-blue);}
.landing-pg .product-list .catTitle {color: var(--vivid-white);}
.-g-pagetype-bf .side-menu ul li a, .-g-pagetype-bf .landing-category-title {color: #333!important;}
.-g-pagetype-bf .side-menu ul li:hover a, .-g-pagetype-bf .side-menu ul li.active a {font-weight:600;}
.-g-pagetype-bf .product-box .title {text-align: left;}
/* REGISTER */
#register-page{position:relative;max-width: 1920px;padding:0;}
#register-page:before {
content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;
background: radial-gradient(circle, #ffffff10 -30%, transparent 50%);z-index:0;pointer-events:none;
}
#register-page > .row{display: flex;align-items: stretch;flex-wrap: wrap;margin: 0;}
#register-page .btn{display:block;}
#register-page .old-client-section,
#register-page .new-client-section{width:100%;padding:7% 5%;}
#register-page .new-client-section{max-width:100%;}
#register-page .old-client-section-h {box-shadow: none;padding: 0;}
#register-page .old-client-section .register-form{max-width:380px;}
#register-page .old-client-section .client-pass-recov{color:var(--vivid-light-grey);}
#register-page .title-carousel {margin-top: 0;margin-bottom:15px;padding-top: 0;text-align:center;}
#register-page .old-client-section .title-carousel .title{background:none;text-align:center;}
#register-page .new-client-section .title{text-align:center;}
#register-page .regular-text{font-weight:300;color:var(--vivid-light-grey);}
#register-page .new-client-section .regular-text{max-width: 430px;margin: 0 auto;}
#register-page .old-client-section .input-s {border: none;box-shadow: 0 0 6px #00000008;}
#login-pp{background: none!important;padding:10px;}
#login-pp .head-pp {font-weight: 400;color: var(--vivid-white);}
/* REGISTER MEDIA-Q */
@media screen and (min-width:768px) {
#register-page .old-client-section,
#register-page .new-client-section{width:50%;}
#register-page .new-client-section{order:-1;}
}
/* BLOG */
.-g-post-slide {padding: 8px;margin:0 4px;border-radius: 16px;background: var(--vivid-dark-blue-opac);}
.-g-post-slide .-g-post-image{height: 400px;border-radius: 10px;margin-bottom: 30px;}
.-g-post-slide .-g-post-slide-holder{padding: 0 15px 15px;}
.-g-post-slide .-g-post-slide-title{font-size: 20px;text-transform:uppercase;margin-bottom: 12px;}
.-g-post-slide .-g-post-slide-content {font-size: 15px;color: var(--vivid-light-grey);line-height: 1.6;}
.-g-post-slide .-g-post-readMore{font-weight: 500;font-size: 13px;text-transform: uppercase;}
.-g-blog-page .blog-title{font-weight: 500;color: var(--vivid-white);letter-spacing: .033rem;text-transform: uppercase;margin-bottom: 15px;}
.-g-blog-page .-g-post-info {padding: 15px 0 0;border-top: 1px dashed var(--vivid-light-grey);border-bottom: none;}
.-g-blog-post .-g-post-content-detail {font-size: 15px;color: var(--vivid-light-grey);}
/* TESTIMONIAL */
.testimonial-sld li {float: none;width: 100%;padding: 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.testimonial-sld .avatar-h {display: flex;width: 170px;height: 170px;margin: 10px auto;font-weight: 300;font-size: 36px;text-align: center;line-height: 1.4;border: 10px solid var(--vivid-dark-blue-opac);border-radius: 50%;overflow: hidden;position: relative;justify-content: center;align-items: center;background: #ffffff30;}
.testimonial-sld .avatar-h img {max-width: 100%;max-height: 100%;margin: auto;position: relative;border: none;}
.testimonial-sld .testimonial-content{overflow: hidden;width: calc(100% - 300px);display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;}
.testimonial-sld .content {font-size: 24px;line-height: 1.4;}
.testimonial-sld .content > span{display:block;margin-bottom:5px;}
.testimonial-sld .title{order: 1;display: flex;flex-wrap: nowrap;flex-direction: column;color: var(--vivid-white);text-align: left;min-height: inherit;margin: 20px 0 0;font-weight: 500;font-size: 18px;}
.testimonial-sld .owl-pagination{display:block;}
.testimonials{padding:20px;border-radius:12px;background: var(--vivid-dark-blue-opac);}
.testimonials li h4 {font-weight: 600;color: var(--vivid-white);line-height: 1.4;margin-bottom: 15px;}
.testimonials li p {line-height: 1.4;}
.testimonials .owl-controls .owl-buttons div{top:15px;}
.testimonials .owl-buttons .owl-prev{right: 45px;}
.testimonials .owl-buttons .owl-next{right: 20px;}
.testimonial-item .testimonial-holder {background: var(--vivid-light-blue);border: none;border-radius: 10px;}
.testimonial-item .t-rewiev {font-weight: 300;font-size: 14px;line-height: 1.4;padding: 20px;}
.testimonial-item .t-user {padding: 0 20px 20px;background: none;}
.testimonial-item .t-user .t-name {font-size: 15px;color: var(--vivid-white);font-style: normal;}
/* TESTIMONIAL MEDIA-Q */
@media screen and (max-width: 767px){
.testimonial-sld .testimonial-content{width: 100%;}
.testimonial-sld .content{font-size: 18px;}
}
/* CONTACT */
#contact-map{overflow:hidden;border-radius: 12px;}
#contact-page .regular-text{font-weight: 300;font-size: 14px;}
.contact-information .info-list li strong{font-weight: 400!important;}
/* CART */
.add2cart-pp, .setCompareInfoH, .wishlist-pp{background:var(--vivid-blue);}
.add2cart-pp .fa-shopping-bag, .wishlist-pp .fa-heart{color:var(--vivid-white);}
.add2cart-pp .prod-det-ttl,
.setCompareInfoH .prod-det-ttl,
.wishlist-pp .prod-det-ttl{color:var(--vivid-yellow);}
.pop-r-txt{color:var(--vivid-light-grey);}
.cart-menu ul{text-align: left;}
#shoppingcart .title-carousel{display:inline-block;}
#shoppingcart .btn.center{max-width:100%;}
.cart-box{border:none!important;}
.cart-head{display:none;}
.cart-items>li{border-bottom: none;margin-bottom: 8px;border-radius: 12px;background: var(--vivid-dark-blue-opac);}
#succes-page .cart-items .prod img,
.cart-items.fixed .prod img {max-height: 60px;}
.cart-items .info-prod .title{color: var(--vivid-yellow);}
.cart-items .info-prod .price{font-weight: 500;color: var(--vivid-white);}
.cart-items .price-c .price{color: var(--vivid-white);}
.cart-items .qty-h .qty-regulator{display: flex;align-items: center;justify-content: center;width: 100px;}
.cart-items .qty-h .qty-regulator input[type=text] {border: none;
width: 40px;
margin:0 5px;
font-size: 15px;
color: var(--vivid-dark-grey);
border-radius: 8px;
background: var(--vivid-white);
padding:0;
}
.cart-items .qty-h .qty-regulator .minus,
.cart-items .qty-h .qty-regulator .plus{
border: none;
height: 24px;
width: 24px;
line-height: 26px;
font-size: 14px;
border-radius: 50%;
background: var(--vivid-white);
}
.cart-total{text-transform: none;}
.cart-total li span:last-child {font-weight: 500;color: var(--vivid-white);}
.-g-checkout-summary .cart-total ul li.-g-total-amount{border-top: 1px solid var(--vivid-light-grey);}
.cart-items .-g-order-packages-item .prod,
.cart-items.fixed .-g-order-packages-item .prod,
.cart-items .-g-order-packages-item .price-c,
.cart-items.fixed .-g-order-packages-item .price-c{padding: 0!important;}
.cart-items .-g-order-packages-tag {background: var(--vivid-yellow);color: var(--vivid-dark-grey);padding: 4px 8px;border-radius: 0 0 8px 0;}
.points-title, ._checkoutCustomerPoints{font-size: 15px;color: var(--vivid-white);}
.cupon-h .cupon-t{color:var(--vivid-white);line-height:1.4!important;margin-bottom:10px!important;}
.form-cpn,
.disount-section{padding-right: 0!important;}
.form-cpn input[type=text],
.disount-section input[type=text]{border-radius: 20px;padding-left: 15px;padding-right: 85px;}
.form-cpn .submit,
.disount-section .submit{position:absolute;margin:0;background: var(--vivid-blue);border:none;line-height:36px;top: 2px;right: 2px;}
.cart-menu ul li a{color: var(--vivid-white);}
.-g-checkout-form{background: var(--vivid-dark-blue-opac);backdrop-filter:blur(8px);-webkit-backdrop-filter: blur(8px);padding: 10px 15px 15px;margin-bottom: 15px;border-radius: 12px;}
.checkout h3 {font-weight: 400;color: var(--vivid-white);}
.checkout .form-ttl{margin-bottom:15px;}
.checkout .form-ttl hr{display:none;}
.addNewAddress{color: var(--vivid-white);border: 1px solid var(--vivid-light-grey);background: none;width: auto;line-height: 38px;border-radius: 20px;}
.cart-login,
.fixed-side{background:none;}
.checkout .-g-checkout-summary{border:none;}
.cart-items.fixed .prod {width: calc(100% - 120px);}
.cart-items.fixed .qty-h{width: 120px;}
.gift-pack{background: var(--vivid-blue);}
.gift-pack .head{background: var(--vivid-dark-blue-opac);}
.gift-pack h1{color: var(--vivid-white);box-shadow:none;}
.-g2-checkout .checkout .fixed-side{background: #ffffff40!important;}
.-g2-checkout .icon-group.cart .col .trust-h{background: none;box-shadow: none;}
.-g2-checkout .-g-checkout-summary .cart-items .__GomagCartItem,
.-g2-checkout .testimonials{background: var(--vivid-dark-blue-opac)!important;}
.-g2-checkout .testimonials li p {color: var(--vivid-light-grey)!important;}
.easypost-holder .easypost-form,
.easypost-holder .easypost-controls{background: var(--vivid-blue);}
.easypost-holder .easypost-search{background: var(--vivid-dark-blue-opac);}
.easypost-holder .title{color: var(--vivid-white);}
.easypost-holder .-g-item-lockers.__lockerMarkerClicked,
.easypost-holder .-g-item-lockers:hover {background: var(--vivid-light-blue);}
.easypost-holder .easypost-controls:after {background: linear-gradient(0deg,var(--vivid-blue) 0%,rgba(255,255,255,0) 90%);}
.-g-one-time-offers {background: transparent;}
.-g-one-time-offers .-g-one-time-cart-label {background: var(--vivid-yellow);color: var(--vivid-dark-grey);}
.-g-one-time-offers .-g-one-time-description {color: var(--vivid-white);}
.-g-one-time-offers .product-box {background: transparent;}
.-g-one-time-offers .product-box .box-holder {padding:15px;}
.-g-one-time-offers .product-box .-g-versions-attribute-name {color: var(--vivid-white);}
.-g-one-time-offers .product-box .__optionSelectorImage a {padding:5px;}
.-g-one-time-offers .product-box .__versionProductImage {border-radius:5px;}
#succes-page .title-box.line-r{text-transform: none;}
#succes-page .title-box.line-r .title{background: none;}
#succes-page .title-box.line-r hr{display:none;}
.order-succes-info .info{color:var(--vivid-light-grey);}
#succes-page .newsletter-h{border-radius: 12px;background: var(--vivid-dark-blue);}
#succes-page .newsletter h4, #succes-page .register-s h4 {font-size: 24px;color: var(--vivid-white);text-transform: none;}
#succes-page .newsletter h4 span {color: var(--vivid-light-grey);}
.-g-subscription-h, #succes-page .register-s {border-radius: 12px;background: var(--vivid-light-blue)!important;}
.-g-subscription-h h4{color:var(--vivid-white);}
#result-page .search-form input[type=text] {border: none;border-bottom: 1px solid var(--vivid-white);color: var(--vivid-white);height: 40px;font-size: 14px;background: none;}
#result-page .search-form .fa-search {font-size: 18px;}
/* CART MEDIA-Q */
@media screen and (min-width: 768px){
.cart-menu{order: -1;width: 40%;}
.cart-help {width: 40%;}
#shoppingcart .btn.center {float: right;margin-top: 4.5%;}
#shoppingcart .checkout .btn.center{float: none;margin-top: 0;}
.cart-items:not(.fixed) .price-c, .cart-items:not(.fixed) .qty-h, .cart-items:not(.fixed) .prod {padding: 0 15px;}
}
@media screen and (min-width: 992px){
.checkout .fixed-side {top: 100px;}
.-g2-checkout .checkout .fixed-side {box-shadow: 999px 999px 0 999px #ffffff40!important;}
}
@media screen and (max-width: 767px){
.cart-items .prod {width: calc(100% - 120px);}
.cart-items .price-c, .cart-items .qty-h {width: 120px;clear: right;}
.cart-items .image{width: 50px;}
}
@media screen and (max-width:480px){
#shoppingcart .cart-title-holder .btn.btn-cmd {width:100%;}
}
/* UNDER CONSTRUCTION */
.uc-holder, .uc-holder .titleComponent .title {text-align:center;color:#333;}
body{font-family: 'Lora', serif;}
#logo img{content: url('https://gomagcdn.ro/domains3/marevasile.ro/files/company/logo-86728675801087.jpg');}
@media screen and (min-width:992px){.title-carousel .title,.title-carousel .title a,.-g-banner-fixed .title,.catTitle{font-size:48px!important;}}
:root{--vivid-yellow:#e0c255;}
/*align-to-right*/
.product-box .title{-webkit-line-clamp: 1;}
.product-box .title{font-weight: 600;}
.product-box .image {padding-top: 125%;} .product-box .product-icon-holder{aspect-ratio: 4/5}
.filter-group, .result-section {display: block!important;}#category-page .category-content {width: 75%;}.catTitle{text-align:left;}@media screen and (max-width: 767px){#category-page .category-content{width: 100%;}}@media screen and (min-width:767px){.filter-trg.btn.std{display:none!important;}}
.cart .cart-menu ul {display: none !important;}
/* =============================================
Toggle Grila / Lista — Pagina de listare produse
Gomag Vivid — Mare Vasile
============================================= */
/* Container toggle */
.mv-view-toggle {
display: inline-flex;
gap: 6px;
margin-left: 15px;
vertical-align: middle;
}
/* Butoane toggle */
.mv-view-toggle button {
background: transparent;
border: 1px solid #e0c255;
color: #e0c255;
width: 36px;
height: 36px;
cursor: pointer;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
font-size: 16px;
line-height: 1;
}
.mv-view-toggle button:hover,
.mv-view-toggle button.active {
background: #e0c255;
color: #1a1a1a;
}
/* ACTIUNI LISTA — ascunse in mod grila */
.mv-list-actions {
display: none;
}
/* ===== MOD LISTA ===== */
/* Product box in list mode */
.-g-listing-products-holder.mv-list-view .product-box {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin-bottom: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(224, 194, 85, 0.15);
overflow: visible !important;
height: auto !important;
}
/* Box holder flex row */
.-g-listing-products-holder.mv-list-view .product-box .box-holder {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 20px !important;
padding: 12px 15px !important;
width: 100% !important;
max-width: 100% !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
overflow: visible !important;
height: auto !important;
}
/* Imagine produs */
.-g-listing-products-holder.mv-list-view .product-box a.image {
padding: 0 !important;
width: 80px !important;
min-width: 80px !important;
max-width: 80px !important;
height: auto !important;
flex-shrink: 0 !important;
display: block !important;
overflow: visible !important;
position: relative !important;
}
.-g-listing-products-holder.mv-list-view .product-box a.image img {
position: relative !important;
width: 80px !important;
height: auto !important;
top: auto !important;
left: auto !important;
border-radius: 4px;
}
/* Ascunde icon holder in lista */
.-g-listing-products-holder.mv-list-view .product-box .product-icon-holder {
display: none !important;
}
/* Titlu + brand */
.-g-listing-products-holder.mv-list-view .product-box .top-side-box {
flex: 1 !important;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0;
}
.-g-listing-products-holder.mv-list-view .product-box .top-side-box .brand {
font-size: 12px !important;
color: #999 !important;
margin-bottom: 2px !important;
display: block !important;
}
.-g-listing-products-holder.mv-list-view .product-box .title-holder {
margin: 0 !important;
}
.-g-listing-products-holder.mv-list-view .product-box .title-holder .title {
font-size: 15px !important;
font-weight: 500 !important;
color: #fff !important;
line-height: 1.3 !important;
white-space: normal !important;
}
.-g-listing-products-holder.mv-list-view .product-box .title-holder .title:hover {
color: #e0c255 !important;
}
/* Ascunde buton detalii */
.-g-listing-products-holder.mv-list-view .product-box .bottom-side-box {
display: none !important;
}
/* Actiuni lista — dreapta */
.-g-listing-products-holder.mv-list-view .mv-list-actions {
display: flex !important;
align-items: center !important;
gap: 12px;
flex-shrink: 0 !important;
white-space: nowrap;
}
/* Butoane actiune rotunde */
.mv-action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid #e0c255;
border-radius: 50%;
color: #e0c255;
font-size: 15px;
transition: all 0.3s ease;
text-decoration: none;
}
.mv-action-btn:hover {
background: #e0c255;
color: #1a1a1a;
text-decoration: none;
}
/* Label stoc */
.mv-stock-label {
font-size: 13px;
color: #5cb85c;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 5px;
}
.mv-stock-label .fa {
font-size: 14px;
}
/* Responsive mobil */
@media (max-width: 768px) {
.-g-listing-products-holder.mv-list-view .product-box .box-holder {
flex-wrap: wrap !important;
gap: 10px !important;
}
.-g-listing-products-holder.mv-list-view .product-box a.image {
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
}
.-g-listing-products-holder.mv-list-view .product-box a.image img {
width: 60px !important;
}
.-g-listing-products-holder.mv-list-view .mv-list-actions {
width: 100%;
justify-content: flex-start;
padding-left: 80px;
gap: 10px;
}
}
jQuery(window).on('load', function() {
var sliderHolder = document.querySelector('.detail-slider-holder.-g-product-images');
if (!sliderHolder) return;
var xhr = new XMLHttpRequest();
xhr.open('GET', location.href, false);
xhr.send();
var html = xhr.responseText;
var pathKey = 'gomagcdn.ro/domains3/marevasile.ro/files/product/original/';
var origUrls = [];
var pos = 0;
while (true) {
var idx = html.indexOf(pathKey, pos);
if (idx === -1) break;
var end = html.indexOf(''', idx);
if (end === -1) { pos = idx + pathKey.length; continue; }
var url = 'https://' + html.substring(idx, end);
if (origUrls.indexOf(url) === -1) origUrls.push(url);
pos = end;
}
if (origUrls.length === 0) return;
var currentIndex = 0;
sliderHolder.innerHTML = '';
var gallery = document.createElement('div');
gallery.className = 'mv-gallery';
var thumbsCol = document.createElement('div');
thumbsCol.className = 'mv-thumbs-col';
for (var i = 0; i < origUrls.length; i++) {
var largeUrl = origUrls[i].replace('/original/', '/large/');
var thumb = document.createElement('div');
thumb.className = 'mv-thumb' + (i === 0 ? ' active' : '');
thumb.setAttribute('data-orig', origUrls[i]);
thumb.setAttribute('data-large', largeUrl);
thumb.setAttribute('data-index', i);
var tImg = document.createElement('img');
tImg.setAttribute('src', largeUrl);
tImg.alt = '';
tImg.loading = 'lazy';
tImg.style.cssText = 'width:100%;height:100%;object-fit:cover;';
thumb.appendChild(tImg);
thumbsCol.appendChild(thumb);
}
var mainCol = document.createElement('div');
mainCol.className = 'mv-main-col';
var mainImg = document.createElement('img');
mainImg.id = 'mvMainImg';
mainImg.alt = '';
mainImg.setAttribute('src', origUrls[0].replace('/original/', '/large/'));
var expandBtn = document.createElement('button');
expandBtn.className = 'mv-expand';
expandBtn.title = 'Zoom';
expandBtn.innerHTML = '⛶';
mainCol.appendChild(mainImg);
mainCol.appendChild(expandBtn);
gallery.appendChild(thumbsCol);
gallery.appendChild(mainCol);
// Lightbox cu navigare
var lightbox = document.createElement('div');
lightbox.className = 'mv-lightbox';
lightbox.id = 'mvLightbox';
var lbImg = document.createElement('img');
lbImg.id = 'mvLightboxImg';
lbImg.setAttribute('src', '');
lbImg.style.cssText = 'max-width:90vw;max-height:90vh;border-radius:4px;display:block;';
var lbPrev = document.createElement('button');
lbPrev.className = 'mv-lb-nav mv-lb-prev';
lbPrev.innerHTML = '❮';
lbPrev.title = 'Anterioara';
var lbNext = document.createElement('button');
lbNext.className = 'mv-lb-nav mv-lb-next';
lbNext.innerHTML = '❯';
lbNext.title = 'Urmatoarea';
var lbClose = document.createElement('button');
lbClose.className = 'mv-lb-close';
lbClose.innerHTML = '✕';
lbClose.title = 'Inchide';
var lbCounter = document.createElement('div');
lbCounter.className = 'mv-lb-counter';
lightbox.appendChild(lbPrev);
lightbox.appendChild(lbImg);
lightbox.appendChild(lbNext);
lightbox.appendChild(lbClose);
lightbox.appendChild(lbCounter);
document.body.appendChild(lightbox);
sliderHolder.appendChild(gallery);
// Muta taburile sub row
var detailTabs = document.querySelector('.detail-tabs');
var productRow = document.querySelector('.row.-g-product-row-box');
if (detailTabs && productRow) {
detailTabs.classList.remove('col-sm-6', 'col-xs-12');
detailTabs.classList.add('col-sm-12', 'col-xs-12', 'mv-full-tabs');
productRow.parentNode.insertBefore(detailTabs, productRow.nextSibling);
}
function setActiveThumb(index) {
currentIndex = index;
thumbsCol.querySelectorAll('.mv-thumb').forEach(function(t) { t.classList.remove('active'); });
var active = thumbsCol.querySelector('.mv-thumb[data-index='' + index + '']');
if (active) active.classList.add('active');
}
function openLightbox(index) {
currentIndex = index;
lbImg.setAttribute('src', origUrls[currentIndex]);
lbCounter.textContent = (currentIndex + 1) + ' / ' + origUrls.length;
lightbox.classList.add('active');
}
function lbNavigate(dir) {
currentIndex = (currentIndex + dir + origUrls.length) % origUrls.length;
lbImg.style.opacity = '0.4';
lbImg.setAttribute('src', origUrls[currentIndex]);
lbImg.onload = function() { lbImg.style.opacity = '1'; };
lbCounter.textContent = (currentIndex + 1) + ' / ' + origUrls.length;
setActiveThumb(currentIndex);
mainImg.setAttribute('src', origUrls[currentIndex].replace('/original/', '/large/'));
}
// Click pe imagine principala
mainImg.addEventListener('click', function() { openLightbox(currentIndex); });
expandBtn.addEventListener('click', function() { openLightbox(currentIndex); });
// Butoane lightbox
lbPrev.addEventListener('click', function(e) { e.stopPropagation(); lbNavigate(-1); });
lbNext.addEventListener('click', function(e) { e.stopPropagation(); lbNavigate(1); });
lbClose.addEventListener('click', function(e) { e.stopPropagation(); lightbox.classList.remove('active'); });
// Click pe fond inchide
lightbox.addEventListener('click', function() { lightbox.classList.remove('active'); });
// Tastatura: sageata stanga/dreapta + ESC
document.addEventListener('keydown', function(e) {
if (!lightbox.classList.contains('active')) return;
if (e.key === 'ArrowLeft') lbNavigate(-1);
else if (e.key === 'ArrowRight') lbNavigate(1);
else if (e.key === 'Escape') lightbox.classList.remove('active');
});
// Swipe touch
var touchStartX = 0;
lightbox.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].clientX; }, { passive: true });
lightbox.addEventListener('touchend', function(e) {
var dx = e.changedTouches[0].clientX - touchStartX;
if (Math.abs(dx) > 50) lbNavigate(dx < 0 ? 1 : -1);
});
// Thumb click
thumbsCol.querySelectorAll('.mv-thumb').forEach(function(thumb) {
thumb.addEventListener('click', function() {
var i = parseInt(this.getAttribute('data-index'));
setActiveThumb(i);
currentIndex = i;
mainImg.style.opacity = '0.5';
mainImg.setAttribute('src', this.getAttribute('data-large'));
mainImg.onload = function() { mainImg.style.opacity = '1'; };
});
});
});
// === MV YouTube Playlist Player ===
(function(){
var PL='PLVoI5j2ZzzvNHBSrmrqa8KmZVhHdexWUo';
var mvP,muted=true,done=false;
function initPlayer(){
if(done)return;
var ifr=document.getElementById('mv-yt-iframe-1');
if(!ifr){setTimeout(initPlayer,200);return;}
done=true;
var base='https://www.youtube.com/embed/kQtbKfTuiFE';
var params='?enablejsapi=1&list='+PL+'&listType=playlist&autoplay=1&mute=1&loop=1&rel=0&playsinline=1&modestbranding=1';
ifr.setAttribute('src',base+params);
var plBtn=document.querySelector('.mv-yt-pl-btn');
if(plBtn){plBtn.setAttribute('href','https://www.youtube.com/playlist?list='+PL);plBtn.setAttribute('target','_blank');}
var prevCb=window.onYouTubeIframeAPIReady;
window.onYouTubeIframeAPIReady=function(){
if(prevCb)prevCb();
var el=document.getElementById('mv-yt-iframe-1');
if(!el)return;
mvP=new YT.Player('mv-yt-iframe-1');
var p=document.getElementById('mv-btn-prev-1');
var n=document.getElementById('mv-btn-next-1');
var m=document.getElementById('mv-mute-btn-1');
if(p)p.onclick=function(e){e.stopPropagation();if(mvP&&mvP.previousVideo)mvP.previousVideo();};
if(n)n.onclick=function(e){e.stopPropagation();if(mvP&&mvP.nextVideo)mvP.nextVideo();};
if(m)m.onclick=function(e){
e.stopPropagation();if(!mvP)return;
if(muted){mvP.unMute();muted=false;m.textContent='uD83DuDD0A';}
else{mvP.mute();muted=true;m.textContent='uD83DuDD07';}
};
};
if(!document.getElementById('mv-yt-api')){
var s=document.createElement('script');
s.id='mv-yt-api';
s.src='https://www.youtube.com/iframe_api';
document.head.appendChild(s);
}else if(typeof YT!=='undefined'&&YT.Player){
window.onYouTubeIframeAPIReady();
}
}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded',initPlayer);
}else{
initPlayer();
}
})();
// === MV CTA Buttons pe poze ===
(function(){
var buttons=[
{compId:'4535',href:'/maestrii-lutieri',label:'Familia Lutieri Mare | Vasile și Aurelian'},
{compId:'4538',href:'/atelier-mare-vasile',label:'Atelierul Maestrului Lutier Mare Vasile'}
];
var btnStyle='position:absolute;bottom:32px;left:50%;transform:translateX(-50%);'+
'display:inline-block;padding:12px 28px;background:transparent;'+
'color:#e0c255;border:2px solid #e0c255;font-family:Lora,serif;'+
'font-size:15px;letter-spacing:1px;text-decoration:none;'+
'z-index:20;transition:background 0.3s,color 0.3s;white-space:nowrap;';
function doInject(comp, b){
if(comp.querySelector('.mv-cta-btn'))return;
comp.style.position='relative';
var a=document.createElement('a');
a.className='mv-cta-btn';
a.href=b.href;
a.textContent=b.label;
a.setAttribute('style',btnStyle);
a.onmouseenter=function(){this.style.background='#e0c255';this.style.color='#1a1a1a';};
a.onmouseleave=function(){this.style.background='transparent';this.style.color='#e0c255';};
comp.appendChild(a);
}
function tryInject(b, attempts){
var comp=document.querySelector('.-g-component-id-'+b.compId);
if(!comp||comp.querySelector('.mv-cta-btn'))return;
var h=comp.getBoundingClientRect().height;
if(h>=10){
doInject(comp,b);
return;
}
if(attempts<25){
setTimeout(function(){tryInject(b,attempts+1);},200);
return;
}
// Fallback: calculeaza inaltimea din atributele imaginii
var img=comp.querySelector('img[width][height]');
if(img){
var iw=parseInt(img.getAttribute('width'));
var ih=parseInt(img.getAttribute('height'));
var cw=comp.offsetWidth||1400;
var calcH=iw>0?Math.round(cw*ih/iw):700;
comp.style.minHeight=calcH+'px';
}
doInject(comp,b);
}
function setupObserver(b){
var comp=document.querySelector('.-g-component-id-'+b.compId);
if(!comp)return;
var obs=new IntersectionObserver(function(entries){
if(!entries[0].isIntersecting)return;
obs.disconnect();
tryInject(b,0);
},{threshold:0.05});
obs.observe(comp);
// Daca e deja in viewport la load
setTimeout(function(){tryInject(b,0);},300);
}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded',function(){buttons.forEach(setupObserver);});
}else{
buttons.forEach(setupObserver);
}
})();
/* === YouTube Lazy Load — IntersectionObserver === */
(function() {
document.addEventListener('DOMContentLoaded', function() {
var iframes = document.querySelectorAll('iframe[src*='youtube.com/embed']');
if (!iframes.length) return;
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var iframe = entry.target;
var realSrc = iframe.getAttribute('data-src');
if (realSrc) {
iframe.src = realSrc;
iframe.removeAttribute('data-src');
}
observer.unobserve(iframe);
}
});
}, { rootMargin: '200px' });
iframes.forEach(function(iframe) {
var src = iframe.src;
if (src && src.indexOf('youtube.com') !== -1) {
iframe.setAttribute('data-src', src);
iframe.removeAttribute('src');
observer.observe(iframe);
}
});
});
})();
/* =============================================
Toggle Grila / Lista — JavaScript
Gomag Vivid — Mare Vasile
============================================= */
$(document).ready(function () {
var productHolder = document.querySelector('.-g-listing-products-holder');
var resultSection = document.querySelector('.result-section');
if (!productHolder || !resultSection) return;
var toggleHTML = '';
var sortDropdown = resultSection.querySelector('.sort-by, .sort-section, select');
if (sortDropdown) {
var parent = sortDropdown.closest('.col-xs-6, .col-md-6, .col-xs-4, .col-md-4, div');
if (parent) { $(parent).prepend(toggleHTML); } else { $(resultSection).append(toggleHTML); }
} else { $(resultSection).append(toggleHTML); }
function injectListActions() {
var boxes = productHolder.querySelectorAll('.product-box');
for (var i = 0; i < boxes.length; i++) {
var box = boxes[i];
if (box.querySelector('.mv-list-actions')) continue;
var pid = box.getAttribute('data-product-id') || '';
var tl = box.querySelector('a.title');
var purl = tl ? tl.href : '';
var html = '';
html += '
';
html += '
';
html += '
In stoc';
html += '