: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;/*-webkit-backdrop-filter: blur(8px);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);}
.-g2-tag{font-size: 11px;}
.-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:not(.list-type):has(.product-icon-box .icon-text-mark) .add-list .addToWishlist{transform: translate(60px, 50px);}
.product-box:not(.list-type):has(.product-icon-box .icon-text-mark):hover .add-list .addToWishlist{transform: translate(-10px, 50px);}
.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;}
	.product-box:not(.list-type):has(.product-icon-box .icon-text-mark) .add-list .addToWishlist{transform: translate(-8px, 48px)!important;}
}
@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-details-order .account-box .account-box, 
.account-details-order .account-box.order-detail-summary .order-detail-section:not(:first-of-type) {
	border-top: 1px solid #aaaeb460;
}
.account-details-order .account-box .order-detail-section:not(.account-order-product) + .order-detail-section:not(.account-order-product){
	border-left: 1px solid #aaaeb460;
}
.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;}

.discount-section .input-s{min-height: 53px;}
.discount-section .label-s{width: calc(100% - 40px) !important;}
.discount-section .input-s{padding: 16px 100px 16px 20px;border-radius: 30px;}
.cupon-h .voucher-code-card{border-radius: 30px;}
.cupon-h .voucher-code-card .voucher-code-title {padding: 0 12px;}
.discount-section.activated .input-s, 
.discount-section.completed .input-s {padding: 26px 20px 6px;}

.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{border: 1px solid var(--vivid-light-grey);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;}


#logo img{content: url('https://gomagcdn.ro/domains3/delsole.ro/files/company/chatgpt-image-aug-11-2026-05-18-11-pm1266.png');}
:root{--vivid-yellow:#b89627;}
/*align-to-right*/
@media screen and (min-width:992px){.product-box .title{font-size:16px;}}
.product-box .title{-webkit-line-clamp: 1;}
.product-box .title{font-weight: 400;}
.product-box .title{text-transform: none;text-transform: none;text-transform: capitalize;}
@media screen and (min-width:992px){.product-box .price{font-size:17px !important;}}
@media screen and (min-width:992px){.product-box .price .price-full{font-size:12px;}}
.product-box .image {padding-top: 135%;} .product-box .product-icon-holder{aspect-ratio: 20/27}
.filter.box .title{font-weight: 400;}
.filter.box .title{text-transform: none;text-transform: none;text-transform: capitalize;}
@media screen and (min-width:992px){.filter-group-selected span.filter {font-size:14px !important;}}
@media screen and (min-width:992px){.detail-title .title span {font-size:26px;}}
.detail-title .title span{font-weight: 400;}
.detail-title .title span{text-transform: none;text-transform: none;text-transform: capitalize;}
@media screen and (min-width:992px){#product-page .detail-price {font-size:20px;}}
#product-page #info-btn {display: none !important;} 
#product-page .detail-share {display: none !important;} 
.cart .cart-menu ul {display: none !important;} 
.newsletter-holder{background-color:#5c4506;background-image: none!important;}
.newsletter .newsletter-form input[type=submit]{color: #382103;}
.newsletter-holder .newsletter .title, .newsletter-holder .newsletter .title span,.newsletter-holder .newsletter .newsletter-form input[type=text],.newsletter-holder .newsletter .newsletter-form input[type=text]::placeholder,.newsletter-holder .newsletter .custom-chk label,.newsletter-holder .newsletter-form .custom-chk a,.newsletter-holder .newsletter-form .custom-chk label a{color: #c79230;}
@media screen and (max-width: 767px) {.main-header .top-head .row > .navigation-holder,.main-header .top-head .row > .acount-section {flex:1 1 0 !important;width:auto !important;max-width:none !important;}.main-header .top-head .row > .logo-h {flex:0 1 auto !important;width:auto !important;max-width:160px !important;text-align:center !important;}.main-header .top-head .row > .logo-h #logo,.main-header .top-head .row > .logo-h img {margin-left:auto !important;margin-right:auto !important;float:none !important;}}

/* DEL SOLE — PERFORMANCE STABILITY 2026-08-30 */
body.-g-pagetype-homepage #banner_1{position:relative!important;display:block!important;width:100%!important;height:80svh!important;min-height:520px!important;overflow:hidden!important;background:#0d0c0a!important;isolation:isolate!important}
body.-g-pagetype-homepage #banner_1>img[alt="Home Page Hero"]{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.-g-pagetype-homepage #-g-homepage-productsRecomended{content-visibility:auto;contain-intrinsic-size:auto 650px}
@media(max-width:768px){body.-g-pagetype-homepage #banner_1{height:78svh!important;min-height:520px!important}}
@media(max-width:991px){
body.-g-pagetype-homepage .pinGrid.pin-home:has(#banner_2),body.-g-pagetype-homepage .pinGrid.pin-home:has(#banner_3){overflow:visible!important;height:auto!important;padding:12px 0 22px!important}
body.-g-pagetype-homepage .pinGrid.pin-home>.banner_toate:has(>#banner_2),body.-g-pagetype-homepage .pinGrid.pin-home>.banner_toate:has(>#banner_3){overflow:visible!important;height:auto!important;padding:0 12px!important;margin:0 0 22px!important}
body.-g-pagetype-homepage #banner_2,body.-g-pagetype-homepage #banner_3{display:block!important;width:100%!important;height:auto!important;aspect-ratio:547/747!important;margin:0 auto!important}
body.-g-pagetype-homepage #banner_2>img,body.-g-pagetype-homepage #banner_3>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
}
/* END DEL SOLE — PERFORMANCE STABILITY */

/* =========================================
DEL SOLE SOCIETY — 1. HERO (HOMEPAGE)
========================================= */

#del-sole-coin-wrap {
position: absolute;
top: 15vh;
left: 50%;
width: 360px;
margin-left: -180px;
z-index: 997;
pointer-events: none;
animation: delSoleFloat 5.8s ease-in-out infinite;
}

#del-sole-coin {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 20px 22px rgba(68, 40, 18, 0.28))
drop-shadow(0 0 24px rgba(255, 220, 155, 0.65));
animation: delSoleCoinMotion 5.8s ease-in-out infinite,
delSoleGlow 9s linear infinite;
}

#del-sole-coin-shine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(
112deg,
transparent 47%,
rgba(255, 245, 215, 0.10) 48.5%,
rgba(255, 255, 248, 1) 50%,
rgba(255, 231, 180, 0.55) 51.5%,
transparent 53%
);
-webkit-mask-image: url("https://i.ibb.co/RT420q8z/LOGO3d.png");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform: translateX(-30%);
opacity: 0;
animation: delSoleShine 2.5s linear infinite;
}

@keyframes delSoleFloat {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
}

@keyframes delSoleCoinMotion {
0%, 100% { transform: rotate(-2deg) scale(0.96); }
25%, 75% { transform: rotate(-0.5deg) scale(1.02); }
50% { transform: rotate(2deg) scale(1.07); }
}

@keyframes delSoleShine {
0% { transform: translateX(-30%); opacity: 0; }
3%, 20% { opacity: 1; }
20%, 100% { transform: translateX(35%); opacity: 0; }
}

@keyframes delSoleGlow {
0%, 22.22%, 100% {
filter: drop-shadow(0 20px 22px rgba(68, 40, 18, 0.28))
drop-shadow(0 0 24px rgba(255, 220, 155, 0.65));
}
55.55%, 77.77% {
filter: drop-shadow(0 20px 22px rgba(68, 40, 18, 0.28))
drop-shadow(0 0 0 rgba(255, 220, 155, 0));
}
}

/* HERO TEXT */
#del-sole-hero-copy {
position: absolute;
top: 49vh;
left: 50%;
width: 420px;
transform: translateX(-50%);
z-index: 998;
text-align: center;
pointer-events: none;
}

#del-sole-hero-copy .del-sole-title {
font-family: Georgia, serif;
font-size: 32px;
font-weight: 400;
letter-spacing: 12px;
color: #2a1b10;
text-shadow: 0 2px 7px rgba(255, 238, 205, 0.35);
margin-bottom: 4px;
}

#del-sole-hero-copy .del-sole-subtitle {
font-family: Georgia, serif;
font-size: 17px;
font-weight: 400;
letter-spacing: 10px;
color: #664524;
margin-bottom: 18px;
}

#del-sole-hero-copy .del-sole-tagline {
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
letter-spacing: 1px;
color: #76502b;
}

.del-sole-line { opacity: 0; }
.del-sole-title { animation: delSoleTextEnter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards; }
.del-sole-subtitle { animation: delSoleTextEnter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards; }
.del-sole-tagline { animation: delSoleTextEnter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards; }

@keyframes delSoleTextEnter {
0% { opacity: 0; transform: translateX(38px); }
100% { opacity: 1; transform: translateX(0px); }
}

.del-sole-title .del-sole-line-inner {
display: inline-block;
animation: delSoleTitlePulseFast 6s ease-in-out 1.2s infinite;
}
@keyframes delSoleTitlePulseFast {
0%, 14%, 20%, 100% { transform: scale(1); }
17% { transform: scale(1.06); }
}

.del-sole-subtitle .del-sole-line-inner {
display: inline-block;
animation: delSoleSocietyPulseFast 6s ease-in-out 1.2s infinite;
}
@keyframes delSoleSocietyPulseFast {
0%, 40%, 46%, 100% { transform: scale(1); }
43% { transform: scale(1.08); }
}

.del-sole-tagline .del-sole-line-inner {
display: inline-block;
animation: delSoleTaglinePulseFast 6s ease-in-out 1.2s infinite;
}
@keyframes delSoleTaglinePulseFast {
0%, 67%, 73%, 100% { transform: scale(1); }
70% { transform: scale(1.05); }
}

/* =========================================
DEL SOLE SOCIETY — 2. CATEGORY BANNERS
========================================= */

.ds-men-banner,
.ds-women-banner {
position: relative !important;
display: block !important;
overflow: hidden !important;
isolation: isolate;
}

.ds-men-overlay,
.ds-women-overlay {
position: absolute !important;
left: 50% !important;
bottom: 4.5% !important;
width: 82% !important;
transform: translateX(-50%) !important;
z-index: 20 !important;
text-align: center !important;
pointer-events: none;
}

.ds-men-title,
.ds-women-title {
font-family: Georgia, serif !important;
font-size: 39px !important;
font-weight: 400 !important;
letter-spacing: 8px !important;
color: #fff6e8 !important;
text-shadow: 0 3px 12px rgba(30, 15, 5, 0.45) !important;
opacity: 0;
transform: translateY(18px);
animation: dsTitleEnter 1s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards,
dsTitleFloat 4.5s ease-in-out 1.5s infinite;
}

@keyframes dsTitleEnter {
0% { opacity: 0; transform: translateY(18px) scale(0.97); }
100% { opacity: 1; transform: translateY(0px) scale(1); }
}

@keyframes dsTitleFloat {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-4px); }
}

.ds-men-ornament,
.ds-women-ornament {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 13px !important;
}

.ds-men-line,
.ds-women-line {
display: block !important;
height: 1px !important;
width: 34% !important;
background: linear-gradient(90deg, rgba(184, 137, 78, 0), #c69b5f, #e1bd7b) !important;
box-shadow: 0 0 5px rgba(218, 175, 105, 0.40) !important;
}

.ds-men-line-left,
.ds-women-line-left {
transform-origin: right center;
transform: scaleX(0);
animation: dsLineGrow 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards;
}

.ds-men-line-right,
.ds-women-line-right {
transform-origin: left center;
transform: scaleX(0);
background: linear-gradient(90deg, #e1bd7b, #c69b5f, rgba(184, 137, 78, 0)) !important;
animation: dsLineGrow 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards;
}

@keyframes dsLineGrow {
0% { transform: scaleX(0); opacity: 0; }
100% { transform: scaleX(1); opacity: 1; }
}

.ds-men-sun,
.ds-women-sun {
width: 34px !important;
height: 34px !important;
margin: 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #d5a95e !important;
opacity: 0;
transform: scale(0.4);
text-shadow: 0 0 9px rgba(213, 169, 94, 0.45) !important;
animation: dsSunAppear 0.55s ease-out 0.9s forwards;
}

.ds-men-sun-inner,
.ds-women-sun-inner {
display: block !important;
font-size: 25px !important;
line-height: 1 !important;
animation: dsSunRotate 2.2s cubic-bezier(0.22, 1, 0.36, 1) 0.9s forwards,
dsSunFloat 3.8s ease-in-out 3.1s infinite;
}

@keyframes dsSunAppear {
0% { opacity: 0; transform: scale(0.4); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes dsSunRotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes dsSunFloat {
0%, 100% { transform: translateY(0px) rotate(360deg); }
50% { transform: translateY(-4px) rotate(360deg); }
}

.ds-category-cta {
margin-top: 10px !important;
font-family: Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
color: #fff6e8 !important;
opacity: 0;
transform: translateY(10px);
text-shadow: 0 2px 8px rgba(30, 15, 5, 0.40) !important;
animation: dsCategoryCtaEnter 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.45s forwards;
}

.ds-category-cta span {
display: inline-block !important;
margin-left: 7px !important;
font-size: 17px !important;
line-height: 0 !important;
animation: dsCategoryArrowFloat 2.2s ease-in-out 2.3s infinite;
}

@keyframes dsCategoryCtaEnter {
0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dsCategoryArrowFloat {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(5px); }
}

/* =========================================
DEL SOLE SOCIETY — 3. TRUST SECTION
========================================= */

#ds-trust-section {
background: #15171a !important;
padding: 34px 4% 28px !important;
}

.ds-trust-panel {
max-width: 1320px !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 26px 34px !important;
border: 1px solid rgba(184, 137, 78, 0.65) !important;
border-radius: 16px !important;
background: linear-gradient(180deg, rgba(28, 30, 33, 0.96), rgba(17, 19, 22, 0.96)) !important;
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22) !important;
}

.ds-trust-box {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
}

.ds-trust-box .ds-trust-icon {
margin-right: 22px !important;
}

.ds-trust-icon {
width: 84px !important;
height: 84px !important;
flex: 0 0 84px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #b8894e !important;
border-radius: 50% !important;
color: #d6aa67 !important;
font-size: 34px !important;
box-shadow: inset 0 0 15px rgba(184, 137, 78, 0.05),
0 0 18px rgba(184, 137, 78, 0.08) !important;
}

.ds-trust-title {
font-family: Georgia, serif !important;
font-size: 21px !important;
font-weight: 400 !important;
letter-spacing: 1.5px !important;
color: #d6aa67 !important;
margin-bottom: 5px !important;
}

.ds-trust-desc {
font-family: Georgia, serif !important;
font-size: 16px !important;
color: #f2e7d5 !important;
}

.ds-trust-divider {
width: 1px !important;
height: 84px !important;
flex: 0 0 1px !important;
margin-left: 26px !important;
margin-right: 26px !important;
background: linear-gradient(to bottom, transparent, rgba(184, 137, 78, 0.75), transparent) !important;
}

.ds-trust-link {
flex: 1 !important;
display: block !important;
text-decoration: none !important;
color: inherit !important;
cursor: pointer !important;
}

.ds-trust-link:hover .ds-trust-box {
transform: translateY(-3px) !important;
}
.ds-trust-link .ds-trust-title { color: #d6aa67 !important; }
.ds-trust-link .ds-trust-desc { color: #f2e7d5 !important; }

.ds-support-panel {
max-width: 1320px !important;
margin: 28px auto 0 !important;
padding: 24px 10px 0 !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.ds-support-title {
font-family: Georgia, serif !important;
font-size: 19px !important;
font-weight: 400 !important;
letter-spacing: 3px !important;
color: #d6aa67 !important;
text-align: center !important;
margin-bottom: 18px !important;
}

.ds-support-items {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
}

.ds-support-items > * {
margin-left: 21px !important;
margin-right: 21px !important;
}

.ds-support-item {
display: inline-flex !important;
align-items: center !important;
color: #f2e7d5 !important;
text-decoration: none !important;
font-size: 16px !important;
transition: color 0.25s ease, transform 0.25s ease !important;
}

.ds-support-item .ds-support-symbol {
margin-right: 10px !important;
}

.ds-support-item:hover {
color: #d6aa67 !important;
transform: translateY(-2px) !important;
}

.ds-support-symbol {
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #b8894e !important;
border-radius: 50% !important;
color: #d6aa67 !important;
}

.ds-support-message {
color: #f2e7d5 !important;
font-size: 15px !important;
opacity: 0.9 !important;
}

/* =========================================
DEL SOLE SOCIETY — 4. CATEGORY CARDS (GRID)
========================================= */

#ds-men-category-grid {
max-width: 1200px !important;
margin: 30px auto 60px !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 28px !important;
}

.ds-collection-card {
position: relative !important;
display: block !important;
width: 350px !important;
margin: 0 !important;
overflow: hidden !important;
border-radius: 8px !important;
color: #fff6e8 !important;
text-decoration: none !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25) !important;
transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.ds-collection-card img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
transition: transform 0.55s ease !important;
}

.ds-collection-card:after {
content: "" !important;
position: absolute !important;
top: 45% !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 2 !important;
pointer-events: none !important;
background: linear-gradient(
to bottom,
rgba(15, 11, 8, 0),
rgba(15, 11, 8, 0.92)
) !important;
}

.ds-collection-overlay {
position: absolute !important;
left: 8% !important;
bottom: 5% !important;
width: 84% !important;
z-index: 5 !important;
text-align: center !important;
pointer-events: none !important;
}

.ds-collection-title {
font-family: Georgia, serif !important;
font-size: 31px !important;
font-weight: 400 !important;
letter-spacing: 7px !important;
color: #fff6e8 !important;
text-shadow: 0 3px 12px rgba(20, 10, 3, 0.70) !important;
transition: transform 0.4s ease, color 0.4s ease, text-shadow 0.4s ease !important;
}

.ds-collection-ornament {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-top: 10px !important;
}

.ds-collection-line {
display: block !important;
width: 34% !important;
height: 1px !important;
background: #d5a95e !important;
}

.ds-collection-sun {
display: inline-block !important;
margin: 0 11px !important;
color: #d5a95e !important;
font-size: 22px !important;
text-shadow: 0 0 9px rgba(213, 169, 94, 0.50) !important;
transition: transform 0.7s ease, text-shadow 0.4s ease !important;
}

.ds-collection-cta {
margin-top: 9px !important;
font-family: Arial, sans-serif !important;
font-size: 10px !important;
letter-spacing: 2.5px !important;
color: #fff6e8 !important;
text-shadow: 0 2px 8px rgba(20, 10, 3, 0.70) !important;
transition: transform 0.4s ease, color 0.4s ease, text-shadow 0.4s ease !important;
}

.ds-collection-cta span {
display: inline-block !important;
margin-left: 6px !important;
font-size: 16px !important;
transition: transform 0.4s ease !important;
}

/* DESKTOP HOVER */
.ds-collection-card:hover {
transform: translateY(-4px) scale(1.025) !important;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35), 0 0 24px rgba(232, 195, 135, 0.22) !important;
}
.ds-collection-card:hover img {
transform: scale(1.045) !important;
}
.ds-collection-card:hover .ds-collection-title {
color: #fff2d7 !important;
transform: translateY(-3px) scale(1.055) !important;
text-shadow: 0 0 16px rgba(255, 224, 170, 0.80) !important;
}
.ds-collection-card:hover .ds-collection-sun {
transform: rotate(180deg) scale(1.16) !important;
text-shadow: 0 0 14px rgba(255, 220, 155, 0.95) !important;
}
.ds-collection-card:hover .ds-collection-cta {
color: #fff2d7 !important;
transform: translateY(-2px) scale(1.035) !important;
text-shadow: 0 0 12px rgba(255, 224, 170, 0.70) !important;
}
.ds-collection-card:hover .ds-collection-cta span {
transform: translateX(5px) !important;
}

/* =========================================
DEL SOLE SOCIETY — 5. MOBILE OVERRIDES
========================================= */

@keyframes dsMobileSunGlow {
0%, 100% {
text-shadow: 0 0 8px rgba(213, 169, 94, 0.45);
transform: scale(1);
}
50% {
text-shadow: 0 0 18px rgba(255, 220, 155, 0.95);
transform: scale(1.12);
}
}

.ds-collection-card,
.ds-men-banner,
.ds-women-banner {
-webkit-tap-highlight-color: transparent;
outline: none;
}

@media (max-width: 768px) {
#del-sole-coin-wrap { top: 8vh; width: 135px; margin-left: -67px; }
#del-sole-hero-copy { top: 21vh; width: 280px; }
#del-sole-hero-copy .del-sole-title { font-size: 18px; letter-spacing: 6px; }
#del-sole-hero-copy .del-sole-subtitle { font-size: 10px; letter-spacing: 5px; }
#del-sole-hero-copy .del-sole-tagline { font-size: 10px; letter-spacing: 0.3px; white-space: nowrap; }

.ds-men-overlay, .ds-women-overlay { bottom: 4%; width: 86%; }
.ds-men-title, .ds-women-title { font-size: 25px; letter-spacing: 5px; }

#ds-trust-section { padding: 24px 14px !important; }
.ds-trust-panel { flex-direction: column !important; padding: 22px 18px !important; }
.ds-trust-panel > * { margin-bottom: 22px !important; }
.ds-trust-panel > *:last-child { margin-bottom: 0 !important; }
.ds-trust-box { width: 100% !important; justify-content: flex-start !important; }
.ds-trust-divider { width: 80% !important; height: 1px !important; margin: 0 auto !important; }
.ds-trust-link { width: 100% !important; flex: none !important; }

.ds-support-panel { margin-top: 22px !important; padding-top: 20px !important; }
.ds-support-items { flex-direction: column !important; }
.ds-support-items > * { margin: 0 0 14px 0 !important; }
.ds-support-items > *:last-child { margin-bottom: 0 !important; }

/* Category cards on mobile */
.ds-collection-card {
width: 100% !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 16px rgba(214, 170, 103, 0.28) !important;
border: 1px solid rgba(214, 170, 103, 0.35) !important;
}
.ds-collection-title { font-size: 26px !important; letter-spacing: 5px !important; }
.ds-collection-sun { animation: dsMobileSunGlow 3.5s ease-in-out infinite !important; }

/* Instant mobile touch flash */
.ds-collection-card:active,
.ds-men-banner:active,
.ds-women-banner:active {
transform: scale(0.97) !important;
box-shadow: 0 0 35px rgba(255, 220, 155, 0.95), 0 0 15px rgba(214, 170, 103, 0.90) !important;
border-color: rgba(255, 230, 175, 0.95) !important;
transition: none !important;
}
.ds-collection-card:active .ds-collection-title,
.ds-men-banner:active .ds-men-title,
.ds-women-banner:active .ds-women-title {
color: #ffffff !important;
text-shadow: 0 0 22px rgba(255, 224, 170, 1) !important;
}
}/* =========================================
DEL SOLE — CATEGORY PAGE TITLE STYLING
========================================= */

.page-title, 
h1.page-title,
.del-sole-men-categories h1,
.del-sole-women-categories h1 {
text-align: center !important;
font-family: Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
letter-spacing: 8px !important;
color: #fff6e8 !important;
text-shadow: 0 3px 12px rgba(30, 15, 5, 0.45) !important;
margin: 35px auto 45px !important;
text-transform: uppercase !important;
}

@media (max-width: 768px) {
.page-title, 
h1.page-title,
.del-sole-men-categories h1,
.del-sole-women-categories h1 {
font-size: 26px !important;
letter-spacing: 5px !important;
margin: 25px auto 30px !important;
}
}/* Automatically locks all category photos to the exact same uniform height & crop */
.ds-collection-card img {
display: block !important;
width: 100% !important;
height: 520px !important; /* Locks exact matching height */
object-fit: cover !important; /* Centers and crops automatically */
object-position: top center !important;
margin: 0 !important;
transition: transform 0.55s ease !important;
}

@media (max-width: 768px) {
.ds-collection-card img {
height: 440px !important; /* Perfect uniform height on mobile */
}
}/* --- Del Sole Category Grid & Mobile Fix --- */
.del-sole-men-categories {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 20px !important;
padding: 10px !important;
}

.del-sole-men-categories a {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 350px !important;
border-radius: 8px !important;
overflow: hidden !important;
}

.del-sole-men-categories img.img-editor {
width: 100% !important;
height: auto !important;
aspect-ratio: 350 / 627 !important;
object-fit: cover !important;
display: block !important;
}

/* Mobile specific styling */
@media (max-width: 768px) {
.del-sole-men-categories {
gap: 15px !important;
}

.del-sole-men-categories a {
max-width: 100% !important;
width: calc(50% - 10px) !important; /* Shows 2 clean cards per row on mobile */
}
}

@media (max-width: 480px) {
.del-sole-men-categories a {
width: 100% !important; /* Full width card on small phones so details are huge and clear */
}
} /* --- Del Sole Categories 4-Card Grid --- */
.del-sole-men-categories {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 24px !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 20px 10px !important;
}

/* Desktop: 2x2 grid or auto centered */
.del-sole-men-categories a {
flex: 0 1 calc(50% - 24px) !important;
max-width: 350px !important;
display: block !important;
position: relative !important;
}

.del-sole-men-categories img.img-editor {
width: 100% !important;
height: auto !important;
aspect-ratio: 350 / 627 !important;
object-fit: cover !important;
border-radius: 8px !important;
}

/* Mobile Screens */
@media (max-width: 768px) {
.del-sole-men-categories a {
flex: 0 1 100% !important; /* Stack vertically 1-by-1 so images look large and clear */
max-width: 90% !important;
}
}/* =========================================
DEL SOLE — HOMEPAGE BANNERS & HERO FIX
========================================= */

/* 1. Hide the default GoMag "Home Page Hero" button/box */
.hero-banner a.btn,
.hero-banner .btn,
.hero-banner .banner-caption,
.main-slider .btn,
.main-slider .banner-title,
.banner-caption a,
.banner-item .banner-title {
display: none !important;
}

/* 2. Uniform card styling for Bărbați & Femei banners */
.ds-men-banner,
.ds-women-banner {
position: relative !important;
display: block !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* 3. Dark luxury gradient so white/gold text is crystal clear on both */
.ds-men-banner::after,
.ds-women-banner::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(to bottom, transparent 35%, rgba(15, 11, 8, 0.88) 100%) !important;
pointer-events: none !important;
z-index: 2 !important;
}

/* 4. Perfect image fitting */
.ds-men-banner img,
.ds-women-banner img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}

/* 5. Smooth hover effect */
.ds-men-banner:hover,
.ds-women-banner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45) !important;
}

.ds-men-banner:hover img,
.ds-women-banner:hover img {
transform: scale(1.03) !important;
}/* ===================================================
DEL SOLE — HERO, CATEGORY BANNERS & TRUST SECTION FIX
=================================================== */

/* 1. Hide the default GoMag "Home Page Hero" button/box */
.hero-banner a.btn,
.hero-banner .btn,
.hero-banner .banner-caption,
.main-slider .btn,
.main-slider .banner-title,
.banner-caption a,
.banner-item .banner-title {
display: none !important;
}

/* 2. Uniform card styling for Bărbați & Femei banners */
.ds-men-banner,
.ds-women-banner {
position: relative !important;
display: block !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* 3. Dark luxury gradient on cards so text stands out */
.ds-men-banner::after,
.ds-women-banner::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(to bottom, transparent 35%, rgba(15, 11, 8, 0.88) 100%) !important;
pointer-events: none !important;
z-index: 2 !important;
}

/* 4. Banner image fit */
.ds-men-banner img,
.ds-women-banner img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}

.ds-men-banner:hover,
.ds-women-banner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45) !important;
}

.ds-men-banner:hover img,
.ds-women-banner:hover img {
transform: scale(1.03) !important;
}

/* 5. Trust Section full-width layout fix */
#ds-trust-section {
width: 100% !important;
display: block !important;
clear: both !important;
position: relative !important;
z-index: 10 !important;
margin-top: 35px !important;
}

.ds-trust-panel {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
}/* ===================================================
DESKTOP ONLY — ENHANCED CARD GLOW & CLICK FEEDBACK
=================================================== */

@media (min-width: 769px) {
/* 1. Base smooth transition for all cards */
.ds-men-banner,
.ds-women-banner,
.ds-collection-card {
transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 0.35s ease !important;
border: 1px solid transparent !important;
}

/* 2. HOVER: Stronger, rich golden luxury glow behind the card */
.ds-men-banner:hover,
.ds-women-banner:hover,
.ds-collection-card:hover {
transform: translateY(-6px) scale(1.018) !important;
border-color: rgba(218, 170, 95, 0.45) !important;
box-shadow: 0 22px 48px rgba(0, 0, 0, 0.55),
0 0 35px rgba(218, 170, 95, 0.42),
0 0 70px rgba(218, 170, 95, 0.20) !important;
cursor: pointer !important;
}

/* 3. CLICK / PRESS (ACTIVE): Intense golden burst so the click is unmistakable */
.ds-men-banner:active,
.ds-women-banner:active,
.ds-collection-card:active {
transform: translateY(-2px) scale(0.99) !important;
border-color: rgba(255, 230, 160, 0.95) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.65),
0 0 55px rgba(255, 215, 120, 0.85),
0 0 90px rgba(218, 170, 95, 0.50) !important;
transition: transform 0.08s ease, box-shadow 0.08s ease !important;
}
}/* =========================================
MOBILE FIX: TRUST SECTION CLEAN STACK
========================================= */

@media (max-width: 768px) {
/* 1. Stack the 3 boxes vertically on mobile */
.ds-trust-panel {
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
gap: 22px !important;
padding: 24px 20px !important;
align-items: stretch !important;
}

/* 2. Make each box take 100% width with clean icon + text layout */
.ds-trust-box {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: left !important;
}

.ds-trust-box .ds-trust-icon {
width: 60px !important;
height: 60px !important;
flex: 0 0 60px !important;
font-size: 26px !important;
margin-right: 18px !important;
}

.ds-trust-title {
font-size: 17px !important;
margin-bottom: 3px !important;
}

.ds-trust-desc {
font-size: 14px !important;
}

/* 3. Hide the desktop vertical lines on mobile */
.ds-trust-divider {
display: none !important;
}
}/* ==========================================================================
DEL SOLE SOCIETY — LUXURY E-COMMERCE STYLING (CARDS & PRODUCT PAGE)
========================================================================== */

/* --------------------------------------------------------------------------
1. CATEGORY PRODUCT LISTING CARDS
-------------------------------------------------------------------------- */
.product-box,
.product-card,
.product-item,
.grid-product {
background: #181a1d !important;
border: 1px solid rgba(214, 170, 103, 0.18) !important;
border-radius: 12px !important;
overflow: hidden !important;
padding: 14px !important;
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 0.4s ease !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

.product-box:hover,
.product-card:hover,
.product-item:hover {
transform: translateY(-5px) !important;
border-color: rgba(214, 170, 103, 0.5) !important;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), 
0 0 25px rgba(214, 170, 103, 0.25) !important;
}

/* Image framing & smooth zoom */
.product-box .image,
.product-card .image-wrapper,
.product-item .product-image {
position: relative !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #111214 !important;
}

.product-box img,
.product-card img,
.product-item img {
border-radius: 8px !important;
transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
object-fit: cover !important;
}

.product-box:hover img,
.product-card:hover img,
.product-item:hover img {
transform: scale(1.04) !important;
}

/* Luxury Discount Badge (-27%) */
.product-box .badge-discount,
.product-box .discount-label,
.product-card .badge,
.product-badge {
background: linear-gradient(135deg, #c69b5f, #a37537) !important;
color: #121315 !important;
font-weight: 700 !important;
font-size: 11px !important;
letter-spacing: 0.5px !important;
border-radius: 4px !important;
padding: 4px 8px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
border: none !important;
}

/* Product Card Title */
.product-box .product-title,
.product-card .title,
.product-box h2,
.product-box h3 {
font-family: Georgia, serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.8px !important;
color: #f2e7d5 !important;
margin-top: 12px !important;
margin-bottom: 6px !important;
transition: color 0.3s ease !important;
}

.product-box:hover .product-title,
.product-card:hover .title {
color: #d6aa67 !important;
}

/* Pricing Hierarchy on Cards */
.product-box .price-old,
.product-card .old-price,
.product-box .old-price {
font-family: Georgia, serif !important;
color: #7d828a !important;
font-size: 13px !important;
text-decoration: line-through !important;
margin-right: 8px !important;
}

.product-box .price-new,
.product-card .price,
.product-box .special-price,
.product-box .price {
font-family: Georgia, serif !important;
color: #d6aa67 !important;
font-size: 18px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
}

/* --------------------------------------------------------------------------
2. SIZE SELECTOR BOXES (CARD & PRODUCT PAGE)
-------------------------------------------------------------------------- */
/* Size pills / boxes */
.product-options .option-item,
.product-variants .variant-item,
.attribute-item,
.variant-btn,
.product-options label,
.product-options .btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 42px !important;
height: 42px !important;
padding: 0 10px !important;
margin: 4px 6px 4px 0 !important;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(214, 170, 103, 0.35) !important;
border-radius: 6px !important;
color: #f2e7d5 !important;
font-family: Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}

/* Size hover state */
.product-options label:hover,
.product-variants .variant-item:hover,
.variant-btn:hover {
background: rgba(214, 170, 103, 0.15) !important;
border-color: #d6aa67 !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 0 12px rgba(214, 170, 103, 0.35) !important;
}

/* Selected Active Size Box */
.product-options input[type="radio"]:checked + label,
.product-options .selected,
.product-variants .active,
.variant-btn.active {
background: linear-gradient(135deg, rgba(214, 170, 103, 0.3), rgba(184, 137, 78, 0.45)) !important;
border-color: #d6aa67 !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 0 16px rgba(214, 170, 103, 0.55) !important;
}

/* Out of stock size (crossed out / disabled) */
.product-options label.disabled,
.product-options .out-of-stock,
.variant-btn.disabled {
opacity: 0.35 !important;
text-decoration: line-through !important;
border-color: rgba(255, 255, 255, 0.12) !important;
cursor: not-allowed !important;
}

/* --------------------------------------------------------------------------
3. "ADAUGĂ ÎN COȘ" LUXURY BUTTONS
-------------------------------------------------------------------------- */
.product-box .btn-cart,
.product-box .add-to-cart,
.btn-add-to-cart,
button[name="add-to-cart"],
.btn-primary.add-to-cart,
.product-info .btn-cart {
background: linear-gradient(135deg, #d6aa67 0%, #b8894e 100%) !important;
color: #121315 !important;
font-family: Georgia, serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 8px !important;
padding: 14px 22px !important;
box-shadow: 0 8px 22px rgba(184, 137, 78, 0.32) !important;
transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
cursor: pointer !important;
}

.product-box .btn-cart:hover,
.btn-add-to-cart:hover,
button[name="add-to-cart"]:hover {
background: linear-gradient(135deg, #e5bd7a 0%, #c69b5f 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 30px rgba(214, 170, 103, 0.55) !important;
color: #000000 !important;
}

.product-box .btn-cart:active,
.btn-add-to-cart:active {
transform: translateY(1px) scale(0.99) !important;
box-shadow: 0 4px 12px rgba(184, 137, 78, 0.35) !important;
}

/* --------------------------------------------------------------------------
4. PRODUCT DETAIL PAGE (PDP) REFINEMENTS
-------------------------------------------------------------------------- */
/* Main Title */
.product-info h1,
.product-detail-title,
.page-product h1 {
font-family: Georgia, serif !important;
font-size: 32px !important;
font-weight: 400 !important;
letter-spacing: 1.2px !important;
color: #f5ebe0 !important;
margin-bottom: 12px !important;
}

/* In Stock indicator badge */
.product-info .stock-status,
.product-info .in-stock,
.stock-label {
color: #d6aa67 !important;
font-family: Georgia, serif !important;
font-size: 13px !important;
letter-spacing: 1px !important;
font-weight: 500 !important;
}

/* Quantity input box (- 1 +) */
.quantity-input,
.product-quantity input {
background: #181a1d !important;
border: 1px solid rgba(214, 170, 103, 0.3) !important;
color: #f2e7d5 !important;
border-radius: 6px !important;
}

.quantity-btn,
.product-quantity button {
background: #202327 !important;
color: #d6aa67 !important;
border: 1px solid rgba(214, 170, 103, 0.3) !important;
}

/* Description Accordion & Sizing Guide */
.product-tabs,
.product-description-accordion,
.tab-content {
background: transparent !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
color: #e6ded3 !important;
line-height: 1.7 !important;
}

/* Mobile responsive padding */
@media (max-width: 768px) {
.product-box {
padding: 10px !important;
}
.product-info h1 {
font-size: 24px !important;
}
.product-options .option-item,
.variant-btn {
min-width: 38px !important;
height: 38px !important;
font-size: 12px !important;
}
}/* ===================================================
DEL SOLE — PRODUCT DETAIL PAGE GALLERY FIX
=================================================== */

/* 1. Main Stage Product Image Frame */
.product-gallery,
.product-images-wrapper,
.product-detail-media {
position: relative !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #15171a !important;
}

.product-gallery .main-image img,
.product-images-wrapper .main-image img {
width: 100% !important;
max-height: 680px !important;
object-fit: cover !important;
border-radius: 10px !important;
}

/* 2. Format Secondary Photos as Small Thumbnails (No Vertical Overflow) */
.product-gallery .thumbnails,
.product-images-wrapper .thumbs-list,
.product-thumbs {
display: flex !important;
flex-direction: row !important;
gap: 12px !important;
margin-top: 14px !important;
overflow-x: auto !important;
padding-bottom: 6px !important;
}

.product-gallery .thumbnails .thumb-item,
.product-thumbs .thumb {
flex: 0 0 75px !important;
width: 75px !important;
height: 95px !important;
border-radius: 6px !important;
overflow: hidden !important;
border: 1px solid rgba(214, 170, 103, 0.3) !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}

.product-gallery .thumbnails .thumb-item:hover,
.product-gallery .thumbnails .thumb-item.active {
border-color: #d6aa67 !important;
box-shadow: 0 0 10px rgba(214, 170, 103, 0.5) !important;
transform: translateY(-2px) !important;
}

.product-gallery .thumbnails img,
.product-thumbs img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}/* ===================================================
DEL SOLE — PRODUCT PAGE & SIZE BOXES LUXURY STYLING
=================================================== */

/* 1. Contain the Product Gallery on the left (No vertical runaway stack) */
.product-view-left,
.product-media,
.product-gallery,
.gallery-wrap {
max-height: 750px !important;
overflow: hidden !important;
border-radius: 12px !important;
}

.product-view-left img,
.product-media img,
.gallery-wrap img {
border-radius: 12px !important;
object-fit: cover !important;
}

/* 2. Luxury Size Boxes ([25] [26] [27]...) */
.product-variants,
.attributes-wrap,
.variant-options {
margin: 18px 0 !important;
}

.product-variants span,
.attribute-item,
.variant-btn,
.product-options .btn,
.options-list label {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 12px !important;
margin: 4px 6px 4px 0 !important;
background: #181a1d !important;
border: 1px solid rgba(214, 170, 103, 0.4) !important;
border-radius: 6px !important;
color: #f2e7d5 !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}

/* Size hover & active selected glow */
.product-variants span:hover,
.variant-btn:hover,
.options-list label:hover {
border-color: #d6aa67 !important;
box-shadow: 0 0 12px rgba(214, 170, 103, 0.45) !important;
transform: translateY(-2px) !important;
color: #ffffff !important;
}

.product-variants .active,
.variant-btn.active,
.options-list input:checked + label {
background: linear-gradient(135deg, rgba(214, 170, 103, 0.35), rgba(184, 137, 78, 0.5)) !important;
border-color: #d6aa67 !important;
box-shadow: 0 0 16px rgba(214, 170, 103, 0.65) !important;
color: #ffffff !important;
font-weight: 700 !important;
}

/* 3. Luxury Gold "ADAUGĂ ÎN COȘ" Button */
.btn-cart,
.btn-add-to-cart,
button[name="add-to-cart"],
.btn-primary.add-to-cart,
.product-info .btn-cart {
background: linear-gradient(135deg, #d6aa67 0%, #b8894e 100%) !important;
color: #121315 !important;
font-family: Georgia, serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 8px !important;
padding: 16px 28px !important;
box-shadow: 0 8px 25px rgba(184, 137, 78, 0.35) !important;
transition: all 0.35s ease !important;
cursor: pointer !important;
}

.btn-cart:hover,
.btn-add-to-cart:hover,
button[name="add-to-cart"]:hover {
background: linear-gradient(135deg, #e5bd7a 0%, #c69b5f 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 32px rgba(214, 170, 103, 0.6) !important;
color: #000000 !important;
}/* ==========================================================================
DEL SOLE SOCIETY — ULTIMATE LUXURY SUITE (CARDS, SIZES & GALLERY)
========================================================================== */

/* --------------------------------------------------------------------------
1. CATEGORY CARDS UNIFORM TALL ASPECT RATIO LOCK (MEN & WOMEN)
-------------------------------------------------------------------------- */
.ds-collection-card,
.del-sole-men-categories a,
.del-sole-women-categories a {
display: block !important;
position: relative !important;
width: 350px !important;
max-width: 100% !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35) !important;
}

.ds-collection-card img,
.del-sole-men-categories img,
.del-sole-women-categories img {
display: block !important;
width: 100% !important;
height: 560px !important;
aspect-ratio: 350 / 560 !important;
object-fit: cover !important;
object-position: top center !important;
margin: 0 !important;
transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

@media (max-width: 768px) {
.ds-collection-card,
.del-sole-men-categories a,
.del-sole-women-categories a {
width: 100% !important;
}
.ds-collection-card img,
.del-sole-men-categories img,
.del-sole-women-categories img {
height: 460px !important;
}
}

/* --------------------------------------------------------------------------
2. PRODUCT LISTING CARDS (MATCHING YOUR SKETCH)
-------------------------------------------------------------------------- */
.product-box,
.product-card,
.product-item,
.grid-product {
background: #181a1d !important;
border: 1px solid rgba(214, 170, 103, 0.22) !important;
border-radius: 12px !important;
overflow: hidden !important;
padding: 16px !important;
transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 0.35s ease !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
position: relative !important;
}

/* Desktop Hover & Click Glow on the Card */
@media (min-width: 769px) {
.product-box:hover,
.product-card:hover {
transform: translateY(-5px) !important;
border-color: rgba(214, 170, 103, 0.6) !important;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6),
0 0 35px rgba(214, 170, 103, 0.35),
0 0 70px rgba(214, 170, 103, 0.15) !important;
}

.product-box:active,
.product-card:active {
transform: translateY(-2px) scale(0.99) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7),
0 0 50px rgba(255, 215, 120, 0.8) !important;
}
}

/* Photo Container & Smooth Image Zoom */
.product-box .image,
.product-card .image-wrapper,
.product-item .product-image {
position: relative !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #111214 !important;
}

.product-box img,
.product-card img {
border-radius: 8px !important;
transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease !important;
object-fit: cover !important;
width: 100% !important;
}

.product-box:hover img,
.product-card:hover img {
transform: scale(1.035) !important;
}

/* Title & Price */
.product-box .product-title,
.product-card .title,
.product-box h2,
.product-box h3 {
font-family: Georgia, serif !important;
font-size: 17px !important;
font-weight: 400 !important;
letter-spacing: 0.8px !important;
color: #f2e7d5 !important;
margin: 12px 0 6px !important;
}

.product-box .price-old,
.product-card .old-price {
font-family: Georgia, serif !important;
color: #7d828a !important;
font-size: 13px !important;
text-decoration: line-through !important;
margin-right: 8px !important;
}

.product-box .price-new,
.product-card .price,
.product-box .price {
font-family: Georgia, serif !important;
color: #d6aa67 !important;
font-size: 18px !important;
font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
3. SIZE BOXES ([25] [26] [X] - MATCHING SKETCH)
-------------------------------------------------------------------------- */
.product-options,
.product-variants,
.variant-options {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 14px 0 !important;
justify-content: flex-start !important;
}

.product-options .option-item,
.product-variants span,
.attribute-item,
.variant-btn,
.product-options label {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 10px !important;
margin: 0 !important;
background: #141518 !important;
border: 1px solid rgba(214, 170, 103, 0.4) !important;
border-radius: 6px !important;
color: #f2e7d5 !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
position: relative !important;
}

/* Hover on size box */
.product-options label:hover,
.product-variants span:hover,
.variant-btn:hover {
border-color: #d6aa67 !important;
transform: scale(1.08) !important;
box-shadow: 0 0 14px rgba(214, 170, 103, 0.5) !important;
color: #ffffff !important;
z-index: 2 !important;
}

/* Selected active size box */
.product-options input:checked + label,
.product-variants .active,
.variant-btn.active {
background: linear-gradient(135deg, rgba(214, 170, 103, 0.35), rgba(184, 137, 78, 0.55)) !important;
border-color: #d6aa67 !important;
color: #ffffff !important;
box-shadow: 0 0 16px rgba(214, 170, 103, 0.75) !important;
transform: scale(1.05) !important;
}

/* OUT OF STOCK / UNAVAILABLE SIZE (Diagonal Cross [X] from sketch) */
.product-options label.disabled,
.product-options .out-of-stock,
.variant-btn.disabled,
.product-options label[data-stock="0"] {
opacity: 0.45 !important;
border-color: rgba(255, 255, 255, 0.15) !important;
background: #101113 !important;
color: #888888 !important;
cursor: not-allowed !important;
overflow: hidden !important;
}

.product-options label.disabled::after,
.product-options .out-of-stock::after,
.variant-btn.disabled::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: -10% !important;
width: 120% !important;
height: 1.5px !important;
background: #e05252 !important; /* Elegant red strike-through line */
transform: rotate(-45deg) !important;
pointer-events: none !important;
}

/* --------------------------------------------------------------------------
4. FULL-WIDTH "ADAUGĂ ÎN COȘ" LUXURY BUTTON
-------------------------------------------------------------------------- */
.product-box .btn-cart,
.product-box .add-to-cart,
.btn-add-to-cart,
button[name="add-to-cart"],
.btn-primary.add-to-cart,
.product-info .btn-cart {
width: 100% !important;
display: block !important;
background: linear-gradient(135deg, #d6aa67 0%, #b8894e 100%) !important;
color: #121315 !important;
font-family: Georgia, serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 8px !important;
padding: 15px 20px !important;
box-shadow: 0 8px 22px rgba(184, 137, 78, 0.35) !important;
transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
cursor: pointer !important;
margin-top: 10px !important;
}

.product-box .btn-cart:hover,
.btn-add-to-cart:hover,
button[name="add-to-cart"]:hover {
background: linear-gradient(135deg, #e8c07e 0%, #c69b5f 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 30px rgba(214, 170, 103, 0.6) !important;
color: #000000 !important;
}

.product-box .btn-cart:active,
.btn-add-to-cart:active {
transform: translateY(1px) scale(0.99) !important;
box-shadow: 0 4px 12px rgba(184, 137, 78, 0.35) !important;
}

/* --------------------------------------------------------------------------
5. PRODUCT DETAIL PAGE GALLERY FIX (NO RUNAWAY VERTICAL SCROLL)
-------------------------------------------------------------------------- */
.product-gallery,
.product-view-left,
.product-images-wrapper {
max-height: 720px !important;
border-radius: 12px !important;
overflow: hidden !important;
}

.product-gallery .main-image img,
.product-view-left img {
border-radius: 12px !important;
object-fit: cover !important;
max-height: 700px !important;
width: 100% !important;
}

/* ===================================================
HOMEPAGE BANNERS: ULTRA-RESPONSIVE & OBVIOUS GOLD BURST
=================================================== */

.ds-men-banner,
.ds-women-banner {
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important; /* Zero mobile tap delay */
outline: none !important;
user-select: none !important;
cursor: pointer !important;
border: 2px solid transparent !important;
transform: translateZ(0) !important;
will-change: transform, box-shadow, border-color !important;
transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.25s cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 0.25s ease !important;
}

/* 1. Desktop Hover: Rich Ambient Golden Halo */
@media (hover: hover) and (pointer: fine) {
.ds-men-banner:hover,
.ds-women-banner:hover {
transform: translateY(-6px) scale(1.02) !important;
border-color: rgba(214, 170, 103, 0.6) !important;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6),
0 0 35px rgba(214, 170, 103, 0.55),
0 0 80px rgba(214, 170, 103, 0.3) !important;
}
}

/* 2. Press / Tap (ACTIVE): Dramatic Instant Gold Explosion */
.ds-men-banner:active,
.ds-women-banner:active {
transform: scale(0.96) !important; /* Clean physical press depth */
border-color: #ffe6a0 !important; /* Radiant gold border lights up */
box-shadow: 0 0 20px rgba(255, 230, 160, 1),
0 0 50px rgba(255, 215, 120, 0.9),
0 0 100px rgba(214, 170, 103, 0.75),
inset 0 0 30px rgba(255, 220, 140, 0.35) !important;
transition: none !important; /* 0ms instant feedback */
}

/* Title & Sun also illuminate intensely during the press */
.ds-men-banner:active .ds-men-title,
.ds-women-banner:active .ds-women-title {
color: #ffffff !important;
text-shadow: 0 0 25px rgba(255, 235, 180, 1), 0 0 10px rgba(255, 255, 255, 0.9) !important;
transform: scale(1.04) !important;
transition: none !important;
}

.ds-men-banner:active .ds-men-sun,
.ds-women-banner:active .ds-women-sun {
color: #ffffff !important;
text-shadow: 0 0 25px rgba(255, 230, 150, 1) !important;
transform: scale(1.2) !important;
transition: none !important;
}

/* ===================================================
DEL SOLE — FINAL CATEGORY PRODUCT CARDS
First-paint layout, 3:4 imagery, stock-aware sizes
=================================================== */
.-g-listing-products-holder {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 0 !important;
max-width: 1300px !important;
margin: 30px auto 60px !important;
}
.-g-listing-products-holder > .product-box {
float: none !important;
flex: 0 0 520px !important;
width: 520px !important;
max-width: 520px !important;
margin: 0 0 1px !important;
padding: 0 !important;
overflow: hidden !important;
background: #16181b !important;
border: 1px solid rgba(214, 170, 103, .42) !important;
border-radius: 14px !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, .6) !important;
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
@media (hover:hover) and (pointer:fine) {
.-g-listing-products-holder > .product-box:hover {
transform: translateY(-6px) !important;
border-color: rgba(214, 170, 103, .7) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.65), 0 0 35px rgba(214,170,103,.3) !important;
}
}
.-g-listing-products-holder > .product-box:active {
transform: translateY(-2px) scale(.99) !important;
}
.-g-listing-products-holder > .product-box .box-holder {
width: 100% !important;
max-width: none !important;
padding: 0 0 15px !important;
overflow: hidden !important;
border-radius: 13px !important;
}
.-g-listing-products-holder > .product-box a.image {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
padding-top: 133.333% !important;
margin: 0 0 10px !important;
overflow: hidden !important;
background: #111214 !important;
border-radius: 12px 12px 0 0 !important;
}
.-g-listing-products-holder > .product-box a.image img.listImage {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 12px 12px 0 0 !important;
}
.-g-listing-products-holder > .product-box .top-side-box,
.-g-listing-products-holder > .product-box .bottom-side-box {
width: 100% !important;
padding-left: 13px !important;
padding-right: 13px !important;
box-sizing: border-box !important;
}
.ds-quick-sizes {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 5px !important;
min-height: 36px !important;
margin: 5px 0 10px !important;
}
.ds-quick-sizes.is-loading {
opacity: .35;
}
.ds-quick-size {
position: relative;
min-width: 36px;
height: 36px;
padding: 0 7px;
border: 1px solid rgba(214,170,103,.68);
border-radius: 5px;
background: #101114;
color: #f6f0e6;
font: 600 13px/34px Arial, sans-serif;
text-align: center;
cursor: pointer;
transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.ds-quick-size:hover:not(.is-out-of-stock),
.ds-quick-size:focus-visible:not(.is-out-of-stock) {
border-color: #d6aa67;
transform: translateY(-1px);
}
.ds-quick-size.is-selected {
background: #d0a55a;
border-color: #e2c27e;
color: #111214;
box-shadow: 0 0 14px rgba(214,170,103,.5);
}
.ds-quick-size.is-out-of-stock {
opacity: .38;
color: #777;
border-color: rgba(255,255,255,.16);
cursor: not-allowed;
overflow: hidden;
}
.ds-quick-size.is-out-of-stock::after {
content: "";
position: absolute;
top: 50%;
left: -12%;
width: 124%;
height: 1.5px;
background: #e05252;
transform: rotate(-45deg);
}
.-g-listing-products-holder > .product-box .-g-listing-button-versions {
display: block !important;
width: 100% !important;
min-height: 52px !important;
margin: 0 !important;
padding: 15px 18px !important;
box-sizing: border-box !important;
border: 0 !important;
border-radius: 8px !important;
background: linear-gradient(135deg,#d6aa67 0%,#b8894e 100%) !important;
color: #121315 !important;
font-family: Georgia,serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-align: center !important;
text-transform: uppercase !important;
box-shadow: 0 8px 22px rgba(184,137,78,.35) !important;
}
.-g-listing-products-holder > .product-box .-g-listing-button-versions.ds-needs-size {
opacity: .78;
}
.product-box .-g-listing-button-versions.ds-added{background:linear-gradient(120deg,#f5dfb1,#d6aa67,#f5dfb1)!important;color:#171511!important;box-shadow:0 0 16px #e9c68b99,0 0 32px #d6aa6755!important;animation:dsCartPulse .55s ease-out}.product-box .-g-listing-button-versions.ds-added>span{display:inline-block;animation:dsCartLetters .65s ease-out}.product-box .-g-listing-button-versions:active{transform:scale(1.025)}@keyframes dsCartPulse{0%{transform:scale(.98)}45%{transform:scale(1.045)}100%{transform:scale(1)}}@keyframes dsCartLetters{0%{transform:translateY(3px);letter-spacing:1px}50%{transform:translateY(-2px);letter-spacing:3px}100%{transform:translateY(0);letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.product-box .-g-listing-button-versions.ds-added,.product-box .-g-listing-button-versions.ds-added>span{animation:none}.product-box .-g-listing-button-versions:active{transform:none}}
.product-box.ds-size-attention .ds-quick-sizes {
animation: dsQuickSizeAttention .32s ease;
}
@keyframes dsQuickSizeAttention {
0%,100% { transform: translateX(0); }
25% { transform: translateX(-4px); }
75% { transform: translateX(4px); }
}
@media (max-width: 767px) {
.-g-listing-products-holder {
justify-content: flex-start !important;
gap: 10px 8px !important;
margin-top: 18px !important;
}
.-g-listing-products-holder > .product-box {
flex: 0 0 calc(50% - 4px) !important;
width: calc(50% - 4px) !important;
max-width: calc(50% - 4px) !important;
min-width: 0 !important;
margin: 0 !important;
border-radius: 9px !important;
}
.-g-listing-products-holder > .product-box .box-holder {
padding-bottom: 10px !important;
border-radius: 8px !important;
}
.-g-listing-products-holder > .product-box a.image,
.-g-listing-products-holder > .product-box a.image img.listImage {
border-radius: 8px 8px 0 0 !important;
}
.-g-listing-products-holder > .product-box .top-side-box,
.-g-listing-products-holder > .product-box .bottom-side-box {
padding-left: 7px !important;
padding-right: 7px !important;
}
.ds-quick-sizes {
gap: 3px !important;
min-height: 34px !important;
margin: 4px 0 7px !important;
}
.ds-quick-size {
min-width: 29px;
height: 32px;
padding: 0 4px;
font-size: 11px;
line-height: 30px;
}
.-g-listing-products-holder > .product-box .-g-listing-button-versions {
min-height: 42px !important;
padding: 11px 4px !important;
font-size: 10px !important;
letter-spacing: .04em !important;
}
.-g-listing-products-holder > .product-box .wish-btn,
.-g-listing-products-holder > .product-box .details-button {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.-g-listing-products-holder {
justify-content: center !important;
gap: 20px !important;
}
.-g-listing-products-holder > .product-box {
flex: 0 0 calc(50% - 10px) !important;
width: calc(50% - 10px) !important;
max-width: 480px !important;
}
}

/* =========================================================
DEL SOLE — LUXURY HAMBURGER MENU (2026-08-28)
Rollback: remove this complete marked bl