:root{
	--container-width: 1400px;
}
/* MINIMAL */
body{background:#f2f2f2;font-family: 'Montserrat', sans-serif;}
#wrapper{max-width: 1920px;margin-left: auto;margin-right: auto;}
.container-h {max-width: var(--container-width);}
.btn {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.btn.std {background: #656565;}
.btn.btn-cmd {font-weight: 600;background: #e85555;}
.text-main {color: #e85555!important;}
.container-bg{background:#f2f2f2!important;}

/*HEADER*/
.fa{font-weight: 300;}
.top-head,
.cart-drop .fa-angle-down,
.cart-header-btn.cart .cartPrice,
.cart-header-btn.cart .fa-angle-down,
.mobile-icon .search-m,
.mobile-icon .cart-m{display:none!important;}
#logo {max-width: 160px;}
#navigation{background:#272727;}
#navigation #logo{float:left;padding: 7px 0;}
.-g-logo-btn-holder{float:left;width:200px;text-align: left;}
#navigation #logo img {max-height: 31px;}
.main-menu ul li a {font-weight: 300;font-size: 15px;}
.main-header .nav-menu-hh{float:none!important;display:inline-block;width:auto;max-width:68%;vertical-align:top;}
.main-header .main-menu{border:none;text-align:center;max-width: 1200px;background:none;}
.main-header .nav-menu{padding:0;}
.main-header .nav-menu > li {padding: 12px 8px;margin: 0!important;}
.main-header .nav-menu > li:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;margin:auto;width:0;height:2px;background:#e85555;box-shadow: 0 0 10px #e85555;transition:all .2s ease-in;}
.main-header .nav-menu > li:hover:after{width:100%;}
.main-header .menu-dd.open {top: 100%;}
.main-header .menu-dd{pointer-events: none;}
.main-header .menu-dd.open{pointer-events: auto!important;}
.menu-trg {margin-right: 10px;}
.mobile-icon{display:inline-block;float:right;}
.mobile-icon .user-m, .mobile-icon .lang-m, .mobile-icon .currency-m{display:inline-block!important;}
.mobile-icon .wishlist-header-m{display:inline-block;}
.mobile-icon i {display: inline-block;padding:0 10px;line-height: 45px;}
.mobile-icon > li > a {font-size:18px!important;color:#fff;}
.mobile-icon .cart-dd i{padding:0;line-height:inherit;}
.mobile-icon .cart-dd li a{color:#000!important;}
.mobile-icon .count-phone {top: 8px;}
.cart-dd .product-remove{font-size:14px!important;}
.cart-dd .product-name{font-weight:600;font-size:14px!important;}
.cart-dd .subtotal span{font-weight:700;}
.cart-header-btn .q-cart,
.cart-m .q-cart,
.wishlist-header-m .-g-wishlist-product-count,
.wishlist-header .-g-wishlist-product-count{position: relative;top: -10px;right: 0;margin-right:-21px;min-width: 18px;height: 18px;color:#fff;line-height: 18px;padding: 0 6px;background: #e85555;border-radius: 18px;}
.cart-header-btn img{bottom:0;}
.cart-dd ul {overflow: hidden;overflow-y: auto;}

/*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 .menu-dd.column1{width:300px!important;}
.main-header .menu-dd.column2{width:550px!important;}
.main-header .menu-dd.column3{width:700px!important;}
.main-header .menu-dd.column4{width:min(calc(var(--container-width) - 60px), calc(100vw - 60px))!important;}
.main-header .menu-dd.column1.banner{width:400px!important;}
.main-header .menu-dd.column2.banner{width:580px!important;}
.main-header .menu-dd.column-sld{min-width:400px;}
.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-dd:before{display:none!important;}

/* OVER-CONTENT */
@media screen and ( min-width:1090px ) {
	#navigation.over-top{position: fixed;left:0;width: 100%;background:none;z-index: 99;transition:all .2s ease-in;}
	#navigation.over-top .main-menu ul > li > a, .international-header .flag-select{color:#fff;transition:all .2s ease-in;}
	#navigation.over-top .mobile-icon > li > a {color: #fff !important;transition:all .2s ease-in;}
	#navigation.over-top:hover{background:#272727!important;}
	#navigation.over-top:hover .main-menu > ul > li > a, #navigation.over-top:hover .mobile-icon > li > a{color: #fff!important;}
	#navigation.over-top .cart-dd ul li a,#navigation.over-top:hover .cart-dd ul li a{color:#000!important;}
	.main-header #navigation .menu-dd li a,.main-header #navigation.over-top .menu-dd li a,.main-header #navigation.over-top:hover .menu-dd li a{color:#000!important;}
}

/* FIXED */
#navigation.fix-nav{background:#272727;box-shadow: 0 0 12px -2px #4c4c4c;}
#navigation.fix-nav .main-menu > ul > li > a, #navigation.fix-nav .mobile-icon > li > a{color: #fff!important;}

.cart-dd{border:none;box-shadow:0px 0px 10px -2px #a9a9a9;}
.cart-dd ul li {padding-bottom: 10px;}
.menu-dd{text-align:left;box-shadow:0px 0px 10px -2px #a9a9a9;}
.main-header .menu-dd.col-sub-img {width: 630px;}
.menu-dd li a {font-size: 13px!important;}
.menu-dd li .title a {font-weight: 400;font-size: 17px!important;text-transform: capitalize!important;}
.dd-arrow {right: 10px;}
.menu-trg span,.menu-trg span:after, .menu-trg span:before {height: 1px;background: #fff;}
#navigation.sticky,.main-menu.fixed{display:none!important;}

/*HOME*/
#main-bnn{max-height:750px;}
.bnn-group-big .owl-pagination {display: block!important;position: absolute;top: 40%;bottom: 0;right: 20px;margin:auto;}
#main-bnn .owl-pagination .owl-page{border:none!important;padding:4px 5px;}
#main-bnn .owl-pagination .owl-page span{display: block;width: 4px;height: 14px;background: #fff;border-radius: 12px;transition:all .2s ease-in;}
#main-bnn .owl-pagination .owl-page.active span{height: 26px;}

#main-bnn .owl-theme .owl-controls .owl-buttons div{background:rgba(0,0,0, .5);top: calc(50% - 45px);width: 45px;height: 45px;border-radius: 50%;font-size:30px;}

.banner-group-small .owl-wrapper {display: block!important;}
.banner-group-small{left:18%;bottom:8%;width: 260px;text-align: left;/*background: rgba(0,0,0,0.3);*/}
.banner-group-small .owl-item{float:none;display:block;font-weight:300;font-size:14px;width: 260px!important;margin:0;padding:3px 10px 3px 20px;opacity:.5;background:none!important;transition:all .2s ease-in;}
.banner-group-small .owl-item.synced{font-weight:600;opacity:1;}
.banner-group-small .owl-item:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;height:0;margin:auto;width:2px;background:#fff;transition:all .2s ease-in;}
.banner-group-small .owl-item.synced:before{height:16px;}
.banner-group-small div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.icon-group{max-width:1920px;background: rgba(74, 74, 74, 0.55)!important;}
.icon-group .col:nth-child(even){background:rgba(31, 31, 31, 0.4);}
.icon-group .col .icon-label,.icon-group .col .icon-label span{color:#fff;}
.pinGrid {padding: 20px 0;margin: 0 -10px;}
.pin{margin: 0 auto 20px;padding: 0 10px;background:#f2f2f2;}
.title-carousel .title {font-size: 28px;font-weight: 600;background:none;}
.title-carousel hr{display:none;}

/* CAROUSEL */
.carousel-slide .owl-theme .owl-controls .owl-buttons div .fa{font-weight: 400!important;}
.carousel-slide .owl-theme .owl-controls .owl-buttons div{width: 45px;height: 45px;border-radius: 50%;text-align: center;background: rgba(255, 255, 255,.5);box-shadow: 0 2px 7px -2px rgb(0 0 0 / 12%);transition: all .2s ease-in;}
.carousel-slide .owl-prev {left: -10px;}
.carousel-slide .owl-next {right: -10px;}
@media screen and ( min-width:1200px ) {
.carousel-slide .owl-prev {left: -30px;}
.carousel-slide .owl-next {right: -30px;}
.extra-offer .owl-prev {left: -20px;}
.extra-offer .owl-next {right: -20px;}
}

.box-description .title.secound hr{display:none;}
.box-description .regular-text{max-width: 1000px!important;font-weight: 300;font-size: 16px;color: #fff;}
/*PRODUCT BOX*/
.product-box .box-holder {background:#fff;margin: 10px auto;padding:0 0 10px;max-width: 350px;box-shadow: 0 0 12px #bfbfbf45;}
.product-box .title {font-weight: 600;font-size: 16px;color:#323232;margin:10px 0 5px;padding:0 5px;-webkit-line-clamp:1;}
.product-icon-box{top:0;left:0;}
.product-icon-box.bottom {bottom:0;}
.product-icon-box .icon,
.product-box .icon,
.product-icon-box .icon.-g-icon-discount-value,
.product-box .icon.-g-icon-discount-value {font-weight: 400;font-size:14px;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.icon.discount{background:#51d0be!important;}
.icon.new {background: #6fa0dd;}
.option-group .rating i.on,.fullRate,.rating-s > input:checked ~ label,.rating-s:not(:checked) > label:hover,.rating-s:not(:checked) > label:hover ~ label,.rating-s > input:checked + label:hover, .rating-s > input:checked ~ label:hover,.rating-s > label:hover ~ input:checked ~ label, .rating-s > input:checked ~ label:hover ~ label {color: #f8e71c !important;}
.product-listing .product-box .rating{margin-left:0;}
/* QUICK ORDER */
#product-quick-order .detail-slider-mobile .slick-slide img {max-height: 360px;margin: 0 auto;}

/*FOOTER*/
.bottom-section{padding:0;border:none;background: #272727;}
.bottom-section .flex-box{padding:0;border-bottom: 1px solid #616466;}
.bottom-section .title,.bottom-section .title span,.support-contact,.main-footer .col .title,.main-footer .col .title a,.main-footer .col ul li,.main-footer .col ul li a,.main-footer .col-right{color:#fff;}
.main-footer .col-right a{color:#fff;}
.bottom-section .title {font-size: 17px;font-weight: 400;}
.bottom-section .title span{font-size: 14px;}
.bottom-section .col {padding: 35px 15px;}
.bottom-section .col.social {border: none;}
.bottom-section .col.social ul li a{background:none;font-size: 21px;transition:all .2s ease-in;}
.bottom-section .col.social ul li a:hover{text-shadow: 0 0 12px #ffffffad;}
.support-contact{font-weight: 300;font-size: 14px;}
.newsletter-form input[type="submit"] {background: #91C11B;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.newsletter-form input[type="text"] {border: none;}
footer{position:relative;background:#272727;}
.main-footer {padding-top: 40px;padding-bottom: 50px;background:none!important;}
.main-footer .col .title {font-weight: 400;font-size: 14px;}
.main-footer .col ul li, .main-footer .col ul li a{font-size:13px;color: #919699;}
.main-footer .col ul li a{transition:all .2s ease-in;}
.main-footer .col ul li a:hover{color: #fff;text-shadow: 0 0 12px #ffffffad;}

/*LIST*/
.breadcrumb,.filter-group,.result-section{display:none!important;}
.productCategory.result-section{display:block!important;}
.filter.box .title{background:none;}
#category-page .row > .category-content:first-child{padding:0;}
.category-content{width:100%;}
.category-sld {margin: 0 0 30px;}
.catTitle{font-weight:600;font-size:32px;text-align:center;text-transform:uppercase;}
.filter-trg{display:none;}
.filter.box .title-h.line:after{display:none;}
#nav-filter .filter.box {margin-bottom: 15px;background: #fff;padding: 10px;box-shadow: 0 0 12px #bfbfbf45;}
.product-listing {border-bottom: none;margin-top:20px;padding-bottom: 50px;}
.product-listing .product-box{overflow:visible;width:50%;margin-top: 0;}
.product-listing .product-box .box-holder{max-width: 100%;background:#fff;box-shadow: 0 0 12px #bfbfbf45;}
.product-listing .product-box .image{margin-bottom:0;}
.product-box .product-icon-holder {top:0;}
.product-box .image img {position:relative;max-height: 550px;}
.product-listing .product-box figcaption,
.product-listing .product-box .figcaption{padding:40px;text-align: left;}
.product-listing .product-box .title {font-weight: 600;font-size: 30px;color:#000;padding: 0;}
.product-listing .product-box .price {font-weight: 300;font-size: 20px;}
.product-listing .product{display: block!important;flex-wrap: initial;}
.product-listing .product-box{display: block;flex-direction: initial;justify-content: initial;}
.product-listing .product-box .box-holder{display: block;flex-wrap: initial;align-items:initial;height:auto;}
.product-listing .product-box .box-holder figcaption,
.product-listing .product-box .box-holder .figcaption{display: block;flex-direction: initial;justify-content: initial;align-self:initial;height:auto!important;}
.product-listing .product-box .box-holder .top-side-box, .product-listing .product-box .box-holder .bottom-side-box{align-self:initial;}
.product-listing .product-box .image{align-self:initial;}
.btn-loader {position: absolute;bottom: 0;}
.product-listing.gomagComponent{padding:0 0 30px;max-width: 1170px;}

/*DETAIL*/
#product-page .breadcrumbs-default ol li:last-child{display:none;}
#product-page .breadcrumb2,.breadcrumbs-default{padding-top: 10px;padding-bottom: 10px;}
.breadcrumbs-default{display:none;}
.detail-page,.product-top{max-width:1920px;}
.detail-fixed .fix-scroll{margin-bottom: 10px;box-shadow: 7px 2px 12px #bfbfbf45;}
.detail-title{background:#fff;}
.detail-title .title{font-weight: 300;margin-bottom:10px;}
.detail-title .title span {font-size: 32px;margin:0;}
.brand-detail{display:none;}
.gift-text {display: inline-block!important;font-size: 24px!important;color: #ffab00;}
.detail-title, .detail-prod-attr{overflow: hidden;width:100%;padding-left:30px;padding-right:30px;background:#fff;z-index: 9;}
.detail-prod-attr{padding-bottom:30px;}
.gift-h .product-gift {width: 100%;}
.detail-price {font-size: 26px;margin-top: 5px;margin-bottom: 15px;}
.short-description {font-size: 15px;}
.add-section,.product-code {margin-top: 20px;}
.add-section .stock-status {float:left;padding: 7px 15px;}
.stock-status i{display:none;}
.wish-section{padding:0;margin-bottom:0;border:none;}
.wish-section .col{padding: 0 10px;margin-right: 10px;margin-bottom: 10px;font-size: 14px;line-height: 30px;text-transform: uppercase;background: #fff;border: 1px solid #bbb;}
.detail-slider-holder{padding: 0;transition:opacity .2s ease-in;}
.product-top > .row{overflow:hidden;position: relative;}
.detail-slider-holder .product-icon-box{left:auto;}
.detail-slider-holder .product-icon-box .icon,.detail-slider-holder .product-box .icon{font-weight: 600;font-size: 16px;width: 65px;height: 65px;line-height: 65px;}
.detail-slider-holder .product-icon-box .icon.-g-icon-discount-value,
.detail-slider-holder .product-box .icon.-g-icon-discount-value{min-width: 65px;width: auto;line-height: 65px;}
.detail-share{display:none;position: relative;margin:0;text-align:left!important;}
.product.transport-info {margin-top: 5px;}

.vertical-slider-box{background:#fff;}
.vertical-slider-box:not(:has(.prod-lg-sld.disabled)):not(:has(.thumb-h.horizontal)), .vertical-slide-img:not(:has(.prod-lg-sld.disabled)), .vertical-slide-img .prod-lg-sld:not(.disabled) img {max-height: 500px!important;}
.prod-lg-sld .slick-arrow, .detail-slide-m .slick-arrow{display:inline-block!important;z-index:99;}
.zoomContainer{display:none!important;}
.prod-lg-sld,.detail-slide-m{text-align:center;}
.prod-lg-sld .slick-arrow, .detail-slide-m .slick-arrow{color:#323232;display:inline-block;font-size:12px;width: 60px;height: 60px;position:relative;top:auto;bottom:0;visibility:hidden;text-indent:0;}
.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev,.prod-lg-sld .slick-next, .detail-slide-m .slick-next{display:none!important;position:absolute;bottom:0;padding:0;background:none;}
.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev{left:0;}
.prod-lg-sld .slick-next, .detail-slide-m .slick-next{right:0;}
.prod-lg-sld .slick-prev:before, .detail-slide-m .slick-prev:before,.prod-lg-sld .slick-next:before, .detail-slide-m .slick-next:before{display: block;font: normal normal normal 14px/1 FontAwesome;font-family: 'Font Awesome 6 Pro';font-weight: 400;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #323232;font-size: 36px;visibility: visible;line-height: 60px;text-align: center;background:rgba(255, 255, 255, 0.5);}
.prod-lg-sld .slick-prev:before, .detail-slide-m .slick-prev:before{content: '\f104'}
.prod-lg-sld .slick-next:before, .detail-slide-m .slick-next:before{content: '\f105';}
.prod-lg-sld .slick-dots,.detail-slide-m .slick-dots{display:inline-block!important;vertical-align:top;padding:15px;position: absolute;bottom: 0;margin: 0 auto;left: 0;right: 0;}
.prod-lg-sld .slick-dots li,.detail-slide-m .slick-dots li{display:inline-block;}
.prod-lg-sld .slick-dots li button,.detail-slide-m .slick-dots li button{display:block;width: 13px;height: 10px;margin: 5px;cursor: pointer;border:none;background: #e85555;border:1px solid #fff;border-radius: 13px;text-indent:-9999px;transition:width .2s ease-in;}
.prod-lg-sld .slick-dots li.slick-active button,.detail-slide-m .slick-dots li.slick-active button{width: 24px;}
.extra-offer{display:none;border:none;width:100%;padding:0;margin: 0 auto 15px;}
.extra-offer.moved{display:block;}
.extra-offer .box{background:#fff;box-shadow: 0 0 12px #bfbfbf45;}
.extra-offer .extra-offer-title{font-weight:300;font-size:36px;text-align:center;text-transform:none;border: none;}
.extra-offer .extra-offer-title:after{content:'';display:block;border-bottom:1px solid #dfdfdf;width:100px;margin:10px auto 0;}
.extra-offer .owl-item:after {font-weight: 300;font-size: 30px;}
.extra-offer .extra-offer-title{position: relative;overflow: hidden;font-weight: 300;font-size: 23px;color: #fff;text-align:left;text-transform: uppercase;padding: 15px 15px 15px 20px;background: #4a545d;background: linear-gradient(#4a545d,#333d46)!important;}
.extra-offer .extra-offer-title:after{display:none;}
.extra-offer .detail-price{top:0;font-size: 18px;}
.extra-offer .buy .btn{padding: 0 10px;}
.product-bottom{max-width:1920px;margin:0 auto 20px;background: #f2f2f2!important;}
.detail-tabs{float:none;padding:0;width:100%;max-width:900px;margin:0 auto 50px;}
.detail-tabs .resp-tab-content{display:block!important;font-size:16px;line-height:1.5;border:none}
.detail-tabs .resp-tab-content:last-child{border-bottom:none}
.detail-tabs .resp-tab-content-active{display:block}
.detail-tabs .resp-tab-content h1{font-weight:300!important;font-size:32px!important;margin-bottom:15px;}
.detail-tabs .resp-tab-content h2{font-weight:300!important;font-size:26px!important;margin-bottom:15px;}
.detail-tabs .resp-tab-content p, .detail-tabs .resp-tab-content ul li{font-weight:300!important;font-size:16px!important;margin-bottom:3px;}
.detail-tabs ul.resp-tabs-list{display:none}
.detail-tabs span.tab-grup{position:relative;display:block;overflow:hidden;border: none!important;font-weight: 300;font-size: 23px;color: #fff;text-transform: uppercase!important;padding: 15px 20px!important;background: #4a545d!important;background:linear-gradient(#4a545d,#333d46)!important;}
.detail-tabs span.tab-grup.resp-tab-active{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.detail-tabs .resp-arrow{display:none;}
.detail-tabs .resp-vtabs .resp-tab-content{border:none}
.detail-tabs .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}
.detail-tabs .resp-tab-content table{max-width:100%!important;}
.detail-tabs .resp-tab-content{padding: 30px;box-shadow: 0 0 12px #bfbfbf45;position: relative;background: #fff;margin-bottom: 15px;}
.resp-tabs-container{background:none!important;}
.detail-tabs .resp-accordion-closed{display:none!important}
.detail-tabs .resp-vtabs .resp-tab-content:last-child{border-bottom:none!important}
.detail-tabs .new-comment-form {margin-top: 0;}
.new-comment-form .input-row{margin:0 0 10px!important;}
.detail-tabs .new-comment-form .custom-chk,.detail-tabs .new-comment-form .custom-chk .custom-chk label {font-weight: 300;font-size: 14px;}
.detail-tabs .new-comment-form .title-box .title{font-weight: 300;font-size: 26px;}
.detail-tabs .new-comment-form .title-box hr{display:none;}
.product-comment-box .com-left-side{float:left;width:190px;}
.product-comment-box .com-right-side{overflow:hidden;}
.product-comment-box .com-right-side .title{font-weight:600;font-size:16px;}
.product-comment-box .comment-author time{display:block;}
.comment-author-info {margin-bottom: 6px;}

#product-page.fade .detail-slider-holder{opacity:.3;}
#product-page .product-bottom{position:relative;z-index:9999;}
.-g-versions-product-list {margin: 15px -30px 0;}
.-g-versions-product-list .-g-versions-product {padding: 5px;}
.-g-versions-product-list .-g-versions-product-name {font-weight: 600;font-size: 11px;}
.-g-versions-product-list .btn{font-size: 11px!important;line-height: 26px!important;padding: 0 8px!important;}

.product-bottom {margin-top: 20px;}
.__recentProducts,.icon-group.detail{display:none!important;}
#product-page .title-carousel{text-align: left;margin-bottom: 10px;}
#product-page .title-carousel .title{font-weight: 300;font-size: 24px;padding:0 15px;}

/*CART*/
#logo-cart img {max-height: 40px;}
.top-head-bg,.top-head-bg .cart-header{background:#272727!important;}
.top-head-bg .cart-header{padding-top: 4px;padding-bottom: 4px;}
#shoppingcart{background:#fff!important;}
.cart-menu ul li{padding:0 8px;margin:0;border:none;}
.cart-menu ul li a {font-weight: 300;font-size: 15px;color: #fff;text-transform: uppercase;}
.cart-help li, .cart-help a{font-weight: 300;font-size:13px;color:#fff;}
.cart-help a span{font-weight: 400;font-size: 15px;}
#shoppingcart .title-carousel .title{font-size: 34px;font-weight: 300;text-transform: none;background: none;}
#shoppingcart .title-carousel hr {margin-top: 10px;bottom: 0;width: 100px;border-top: 1px solid #dfdfdf;}
.fixed-side{padding-top:15px;}
.-g-one-time-offers .product-box .box-holder {padding:5px 10px;}

/* CHECKOUT V2 */
body:has(.-g2-checkout){background: #fff;}
.-g2-checkout .icon-group .col{background: none;}
.-g2-checkout .icon-group .col .icon-label{color: #222;}
.-g2-checkout .icon-group .col .icon-label span{color: #898888;}

/*CONTACT*/
#contact-page{background:#fff!important;}
#contact-page {max-width: 1920px;padding: 0 0 160px;}
#contact-page > .row{max-width: 1200px;margin:0 auto;}
.title-box.line-r .title {font-weight: 400;}

/*landing*/
.landing-h .container-h {max-width: 1400px;}
.landing-h .carousel-slide .holder{display:block;}
.landing-h .carousel-slide .title-carousel,.landing-h .carousel-slide .owl-carousel{width:100%;}
.landing-h .carousel-slide .title-carousel{padding: 15px;}
.landing-h .carousel-slide .title-carousel:before{display:none;}
.landing-pg .product-list .catTitle {color: #fff;padding: 15px;background: #323232;}

.bottom-section .col .custom-chk,.bottom-section .col .custom-chk a{color:#fff;}

/*MEDIA-Q*/

@media screen and ( max-width:1170px ) {
	.main-header .nav-menu-hh{max-width:66%;}
}
@media screen and ( max-width:1090px ) {
	#navigation #logo{padding: 5px 0;}
	.main-header .nav-menu-hh{display:none;}
	.main-header .nav-menu > li {padding: 10px 12px;}
	.cart-dd{display:none!important;}
}
@media screen and ( min-width:1021px ) {
	.detail-title{padding-top:20px;}
	.detail-slider-holder{padding:0 3px 0 15px;}
	.detail-fixed .fix-scroll .detail-prod-attr {overflow: auto;max-height: 420px;}
	.detail-fixed .fix-scroll .detail-prod-attr::-webkit-scrollbar {width: 4px;}
	.detail-fixed .fix-scroll .detail-prod-attr::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;}
	.detail-fixed .fix-scroll .detail-prod-attr::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, 1);}
	.detail-fixed .fix-scroll .detail-prod-attr::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .8);}
	.product-top{position:sticky;top:0;}
}
@media screen and ( max-width:1020px ) {
	.product-top{position:relative!important;top:0!important;left:0!important;width:auto!important;}
	#product-page.fade .detail-slider-holder {opacity: 1;}
	#product-page .detail-fixed {width:100%;}
	#product-page .spacer-scroll {display:none!important;}
	#product-page .detail-title, #product-page .detail-slider-holder, #product-page .detail-prod-attr{width:100%;}
	.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev,.prod-lg-sld .slick-next, .detail-slide-m .slick-next{display:block!important;}
	.detail-title, .detail-prod-attr,.detail-product-atributes {text-align: left;}
	.container-h .add-section {max-width: 100%;margin: 30px auto 0;float: none;text-align: center;}
	.add-section .qty-regulator,.add-section .add2cart,.add-section .stock-status{float:none;display:inline-block!important;vertical-align:top;}
	.add-section .qty-regulator{width:90px!important;}
	.add-section .qty-regulator input[type="text"] {width: 30px;}
	.detail-product-atributes select {display: inline-block;}
	.-g-versions-product-list {margin: 15px -15px 0;}
}
@media screen and (min-width: 992px){
	.product-bottom{padding:0 15px;}
	#product-page .product-bottom{float:left;width: 58.33333333%;}
	.detail-tabs{float:left;width:100%;margin:0 ;}
	.product-bottom .wordpress-articles-h{float:left;width:100%;padding:0;}
	.detail-slider-holder{width: 58.33333333%;}
	#main-bnn .owl-prev, #main-bnn .owl-next {display: none;}
}
@media screen and (max-width: 991px){
	.-g-logo-btn-holder{width:100px;}
	.detail-title, .detail-prod-attr {padding-left: 15px;padding-right: 15px;}
	.bnn-group-big .owl-pagination{display:none!important;}
	.banner-group-small{display:none!important;}
}
@media screen and (max-width: 767px){
	#navigation #logo{max-width: 110px;}
	#main-menu {padding: 2px 0px;}
	.mobile-icon i{padding:0 8px;}
	.mobile-icon .count-phone {right: 5px;}
	.cart-header-btn .q-cart, .cart-m .q-cart {margin-right:-18px;}
	#main-bnn .owl-prev {left: 10px;}
	#main-bnn .owl-next {right: 10px;}
	.product-box .title {font-size: 20px!important;}
	.product-box .price {font-size: 16px!important;}
	.add-list .btn {font-size: 15px;line-height: 34px;}
	.product-listing .product-box figcaption,
	.product-listing .product-box .figcaption {padding: 25px;}
	.breadcrumbs-default-product{display:none!important;}
	.detail-title {margin-bottom: 0;}
	.top-head-bg .cart-header {padding-top: 10px;padding-bottom: 10px;}
	.detail-title .title span {font-size: 24px;}
	#shoppingcart{padding-top:15px;}
	.detail-slider-holder .product-icon-box .icon,
	.detail-slider-holder .product-box .icon {font-weight: 600;font-size: 14px;width: 40px;height: 40px;line-height: 40px;}
	.detail-slider-holder .product-icon-box .icon.-g-icon-discount-value,
	.detail-slider-holder .product-box .icon.-g-icon-discount-value {min-width: 40px;width: auto;line-height: 40px;}
}
@media screen and (max-width: 568px){
	.product-listing .product-box figcaption,
	.product-listing .product-box .figcaption {padding: 15px;}
	.product-box .title {font-size: 15px!important;}
	.product-listing .product-box{width:100%;}
	.detail-tabs span.tab-grup,.extra-offer .extra-offer-title, #product-page .title-carousel .title{font-size: 20px;}
	#product-page .title-carousel{text-align:center;}
	.detail-tabs .new-comment-form .title-box .title {font-size: 18px;}
}
@media screen and (max-width: 480px){
	.carousel-slide .product-box{padding-left:5px;padding-right:5px;}
	.add-list .btn {font-size: 13px;line-height: 30px;padding: 0 10px;}
	.icon-group {padding:0;}
	.icon-group .col .trust-h {padding: 10px 0;}
	.detail-title .title span {font-size: 24px;}
	.detail-recomended .title-carousel .title, .detail-similar .title-carousel .title {font-size: 22px;}
	.bottom-section .col {padding: 30px 15px;}
	.detail-tabs .resp-tab-content {padding: 20px;}
}
@media screen and (max-width: 360px){
	.add-section .add2cart{margin-top:10px;}
	.add-section .add2cart, .add-section .stock-status,.wish-section .col{display:block;width:100%;}
}
@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);}
}




/* build: v8.2-13375 */
/* ============================================================
   SMART-SCOP - limbaj de design v4 (Minimal) - complet
   albastru #2f6bff = cursuri (65%) | verde #0a9d6e = materiale (35%)
   ============================================================ */
:root{
  --ss-brand:#2f6bff;
  --ss-brand-dark:#1b2a63;
  --ss-green:#0a9d6e;
  --ss-ink:#1c2333;
  --ss-muted:#5b6478;
  --ss-line:#e6e9f2;
  --ss-bg:#f6f7fb;
  --ss-radius:14px;
  --ss-shadow:0 6px 24px rgba(20,30,60,.08);
}

/* ================= TIPOGRAFIE & FUNDAL ================= */
body{
  font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--ss-ink) !important;
  background: var(--ss-bg) !important;
}
h1,h2,h3,h4{ color: var(--ss-ink) !important; font-weight:800 !important; }
a{ color: var(--ss-brand); }

/* ================= HEADER ================= */
.main-header, .main-header .container-h{
  background: linear-gradient(135deg, #1b2a63, #2f6bff) !important;
}
.main-header a, .main-header .fa, .main-menu a, .nav-menu a, .base-menu a{ color:#fff !important; }
.main-menu a:hover, .nav-menu a:hover{ color:#cfe0ff !important; }

/* ================= ASCUNDE SLIDERUL DEMO ================= */
.slider_new_h, ._sliderElement, .banner_toate{ display:none !important; }

/* ================= HERO SMART-SCOP (injectat cu JS) ================= */
.ss-hero{
  background: linear-gradient(135deg,#1b2a63,#2f6bff);
  color:#fff;
  padding:40px 20px 46px;
}
.ss-hero-inner{ max-width:1080px; margin:0 auto; }
.ss-hero .ss-badge{
  display:inline-block; background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  padding:6px 14px; border-radius:999px; font-size:13px; margin-bottom:14px;
}
.ss-hero h1{ color:#fff !important; font-size:30px; margin:0 0 8px; }
.ss-hero p{ color:#e8edff; max-width:760px; margin:0; font-size:16px; }
.ss-cardnote{
  background:#fff; color:var(--ss-ink); border-radius:14px;
  box-shadow:var(--ss-shadow); padding:16px 18px; margin-top:22px;
  display:flex; gap:14px; align-items:center; font-size:15px;
}
.ss-cardnote .ss-ic{
  min-width:44px; height:44px; border-radius:10px; background:#eef3ff;
  display:flex; align-items:center; justify-content:center; font-size:22px;
}
.ss-cardnote b{ color:var(--ss-brand); }
.ss-pill-65{ display:inline-block;background:var(--ss-brand);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800; }
.ss-pill-35{ display:inline-block;background:var(--ss-green);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800; }

/* ================= CARD DE PRODUS (listing) ================= */
.product-box, .product-box-h{
  border:1px solid var(--ss-line) !important;
  border-radius: var(--ss-radius) !important;
  box-shadow: var(--ss-shadow) !important;
  overflow:hidden; background:#fff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.product-box:hover, .product-box-h:hover{
  box-shadow:0 12px 34px rgba(20,30,60,.14) !important;
  transform: translateY(-3px);
}
.product-box .box-holder{ padding:10px !important; }
.product-box .image-holder, .product-box .image{ border-radius:10px !important; overflow:hidden; }
.product-box .title-holder .title, .product-box .title{ color:var(--ss-ink) !important; font-weight:700 !important; }
.product-box .title-holder .title:hover{ color:var(--ss-brand) !important; }
.product-box .text-main, .product-box .price-full, .product-box .price{ color:var(--ss-brand-dark) !important; font-weight:800 !important; }
.product-box .product-icon-box .icon.new, .icon.new{ background:var(--ss-brand) !important; color:#fff !important; border-radius:999px !important; }
.quick-order-btn{ background:var(--ss-brand) !important; border-color:var(--ss-brand) !important; color:#fff !important; border-radius:10px !important; }
.quick-order-btn:hover{ background:var(--ss-brand-dark) !important; }
.details-button{ border-radius:10px !important; border:1.5px solid var(--ss-brand) !important; color:var(--ss-brand) !important; }
.details-button:hover{ background:var(--ss-brand) !important; color:#fff !important; }

/* ================= PAGINA DE PRODUS ================= */
.detail-title, h1.detail-title{ color:var(--ss-ink) !important; font-weight:800 !important; }
.detail-price, .detail-price .fPrice, .fPrice{ color:var(--ss-brand-dark) !important; font-weight:800 !important; }
.add2cart, .add-2-cart, .btn-cart, button.add-2-cart{
  background:var(--ss-brand) !important; border-color:var(--ss-brand) !important;
  color:#fff !important; border-radius:10px !important; font-weight:700 !important; text-transform:none !important;
}
.add2cart:hover, .add-2-cart:hover, .btn-cart:hover{ background:var(--ss-brand-dark) !important; border-color:var(--ss-brand-dark) !important; }
.addToWishlist{ color:var(--ss-brand) !important; }

/* ================= SECTIUNI / TITLURI ================= */
.title-carousel, .title-carousel .title, .section-title{
  color:var(--ss-ink) !important; font-weight:800 !important; letter-spacing:.5px;
}

/* ================= REVIEW BAR / ELEMENTE INCHISE ================= */
.review-title, .reviews-header, .rev-header{ background:var(--ss-brand-dark) !important; color:#fff !important; border-radius:10px 10px 0 0; }

/* ================= FOOTER ================= */
footer, .footer, .-g-footer-group{ background:#1b2a63 !important; color:#dfe6f5 !important; }
footer a, .footer a{ color:#cfe0ff !important; }
.cart-header-btn .fa, .wishlist-header .fa{ color:#fff !important; }

/* ============ Utilitare cosuri ============ */
.ss-badge-65{background:var(--ss-brand);color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;}
.ss-badge-35{background:var(--ss-green);color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;}
.ss-btn-track{background:#fff !important;color:var(--ss-green) !important;border:1.5px solid var(--ss-green) !important;border-radius:10px !important;}
/* ================= FILTER BAR (Tot / 65% / 35%) ================= */
.ss-filterbar{ padding:18px 20px 0; }
.ss-filterbar-inner{ max-width:1080px; margin:0 auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ss-filterlabel{ color:var(--ss-muted); font-size:14px; font-weight:600; }
.ss-fbtn{
  border:1px solid var(--ss-line); background:#fff; color:var(--ss-ink) !important;
  padding:9px 14px; border-radius:999px; font-size:14px; font-weight:600;
  text-decoration:none !important; display:inline-block;
}
.ss-fbtn:hover{ border-color:var(--ss-brand); color:var(--ss-brand) !important; }
.ss-fbtn.active{ background:var(--ss-ink); color:#fff !important; border-color:var(--ss-ink); }

/* buton mare partener pe pagina de produs */
.ss-btn-track-lg{ display:block; text-align:center; padding:13px 18px; font-weight:700; font-size:16px; }
.ss-partner-note{ color:var(--ss-muted); font-size:13px; margin-top:10px; }
/* ================= HOMEPAGE TAKEOVER (prototip 1:1) ================= */
.ss-main{ max-width:1080px; margin:0 auto; padding:0 20px 60px; }
.ss-main .ss-filterbar{ padding:24px 0 4px; }
.ss-sec{ margin:26px 0; }
.ss-sechead{ display:flex; align-items:center; gap:12px; margin:0 0 14px; }
.ss-sechead h2{ font-size:20px; margin:0; color:var(--ss-ink) !important; font-weight:800 !important; }
.ss-sechead small{ color:var(--ss-muted); font-weight:500; display:block; }
.ss-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:860px){ .ss-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .ss-grid{ grid-template-columns:1fr; } }
.ss-item{
  background:#fff; border:1px solid var(--ss-line); border-radius:var(--ss-radius);
  padding:16px; box-shadow:var(--ss-shadow); display:flex; flex-direction:column;
}
.ss-tag{ align-self:flex-start; font-size:11px; font-weight:800; padding:3px 8px; border-radius:6px; margin-bottom:10px; }
.ss-tag-c{ background:#eaf0ff; color:var(--ss-brand); }
.ss-tag-m{ background:#e6f7f0; color:var(--ss-green); }
.ss-item h3{ margin:0 0 6px; font-size:16px; color:var(--ss-ink) !important; font-weight:700 !important; }
.ss-desc{ color:var(--ss-muted); font-size:14px; flex:1; margin:0; }
.ss-meta{ display:flex; gap:10px; flex-wrap:wrap; margin:12px 0; font-size:13px; color:var(--ss-muted); }
.ss-meta b{ color:var(--ss-ink); }
.ss-price{ font-size:20px; font-weight:800; margin:4px 0 12px; color:var(--ss-ink); }
.ss-btn-pay{
  display:block; text-align:center; padding:11px; border-radius:10px; font-weight:700;
  text-decoration:none !important; background:var(--ss-brand); color:#fff !important; border:0; cursor:pointer;
}
.ss-btn-pay:hover{ background:var(--ss-brand-dark); color:#fff !important; }
.ss-main .ss-btn-track{ display:block; text-align:center; padding:11px; font-weight:700; text-decoration:none !important; }
.ss-flow{ background:#fff; border:1px solid var(--ss-line); border-radius:var(--ss-radius); box-shadow:var(--ss-shadow); padding:20px; margin-top:26px; }
.ss-flow h2{ margin:0 0 14px; font-size:19px; color:var(--ss-ink) !important; font-weight:800 !important; }
.ss-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media(max-width:760px){ .ss-steps{ grid-template-columns:1fr 1fr; } }
.ss-step{ background:#f8faff; border:1px solid var(--ss-line); border-radius:12px; padding:14px; }
.ss-step .ss-n{ width:26px; height:26px; border-radius:50%; background:var(--ss-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; margin-bottom:8px; }
.ss-step b{ font-size:14px; color:var(--ss-ink); }
.ss-step p{ margin:6px 0 0; font-size:13px; color:var(--ss-muted); }
.ss-fbtn{ cursor:pointer; }
button.ss-fbtn{ border:1px solid var(--ss-line); background:#fff; color:var(--ss-ink); padding:9px 14px; border-radius:999px; font-size:14px; font-weight:600; }
button.ss-fbtn.active{ background:var(--ss-ink); color:#fff; border-color:var(--ss-ink); }
/* ================= CATEGORY LAYOUT v7 — hero SUS + carduri prototip ================= */
/* hero-ul categoriei (catDesc) urca vizual deasupra listarii */
.category-content{ display:flex; flex-direction:column; }
.category-content .catDesc{ order:-1; margin-bottom:18px; }
.category-content .result-section{ order:1; }
.category-content .product-listing{ order:2; }
.category-content .clear{ order:3; }
/* hero-ul din catDesc: fara padding lateral dublu */
.catDesc .ss-hero{ border-radius:14px; }

/* butoanele cardurilor mereu vizibile (nu doar la hover) */
.product-box .bottom-side-box{
  display:block !important; opacity:1 !important; visibility:visible !important;
  position:static !important; transform:none !important; padding:0 10px 12px;
}
.product-box .details-button{
  display:block !important; position:static !important; height:auto !important; width:auto !important;
  opacity:1 !important; visibility:visible !important; overflow:visible !important;
  text-align:center; padding:10px !important; margin-top:6px;
  background:var(--ss-brand) !important; color:#fff !important;
  border:0 !important; border-radius:10px !important; font-weight:700;
}
.product-box .details-button:hover{ background:var(--ss-brand-dark) !important; }
/* text "Plateste cu cardul" pe butonul cursurilor */
.product-box .details-button{ font-size:0 !important; }
.product-box .details-button::after{ content:"Plătește cu cardul"; font-size:14px; }

/* cardurile PARTENER (materiale): buton verde outline cu text propriu */
.product-box:has(a[href*="partener"]) .details-button{
  background:#fff !important; color:var(--ss-green) !important;
  border:1.5px solid var(--ss-green) !important;
}
.product-box:has(a[href*="partener"]) .details-button::after{ content:"Comandă la partener ↗"; }
.product-box:has(a[href*="partener"]) .details-button:hover{ background:var(--ss-green) !important; }
.product-box:has(a[href*="partener"]) .details-button:hover::after{ color:#fff; }
.product-box:has(a[href*="partener"]) .quick-order-btn:not(.details-button){ display:none !important; }

/* imagini compacte pe carduri (aer de prototip pana vin imaginile reale) */
.product-box .image-holder{ max-height:170px; overflow:hidden; }
.product-box .image-holder img{ object-fit:contain; max-height:170px; }
/* ================= LAYOUT POLISH v8 — logo, grile fluide, aliniere ================= */
/* logo text in header (magazinul nu are logo incarcat) */
.logo-h{ display:flex !important; align-items:center; min-height:52px; }
.logo-h::before{
  content:"smart-scop"; color:#fff; font-weight:800; font-size:22px; letter-spacing:.3px;
}
/* grila umple containerul indiferent de numarul de carduri (fara gol in dreapta) */
.ss-grid{ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important; }
/* latimi fluide, nu fixe */
.ss-hero-inner, .ss-main{ max-width:min(1080px, 94vw); }
.ss-cardnote{ max-width:100%; }
/* aliniere si respiro pe hero */
.ss-hero{ padding:44px 24px 48px; }
.ss-main{ padding-bottom:70px; }
/* meniul principal centrat vertical si aerisit */
.main-menu{ padding:6px 0; }
/* pe ecrane late, cardnote-ul nu se lipeste de margini */
@media(min-width:1400px){ .ss-hero h1{ font-size:32px; } }
/* v8.1 header logo row — tema ascunde .top-head cand nu e logo incarcat */
.main-header .top-head, header .top-head, .top-head{ display:block !important; padding:8px 0 2px; }
.top-head-bg{ height:auto !important; }
.logo-h a{ display:inline-flex; align-items:center; }
/* ================= HEADER MINIMAL v9 — doar profil + cos ================= */
/* anuleaza v8.1: randul cu logo/cautare dispare complet */
.main-header .top-head, header .top-head, .top-head{ display:none !important; }
.top-head-bg{ display:none !important; }
/* linkurile de meniu si burger-ul mobil dispar */
.main-menu .nav-menu, .nav-menu.base-menu, .menu-trg, .search-form-box, .search-m, .search-open{ display:none !important; }
.wishlist-header, .wishlist-header-m{ display:none !important; }
/* bara ramasa: subtire, doar iconitele de profil si cos, aliniate dreapta */
.main-menu{ display:flex !important; justify-content:flex-end; align-items:center; gap:6px; padding:8px 20px !important; min-height:52px; }
.main-menu .-g-user-icon, .main-menu .cart-header-btn{ display:flex !important; align-items:center; }
.main-menu .-g-user-icon a, .main-menu .cart-header-btn a{ color:#fff !important; }

/* ================= FOOTER v9 — stil prototip (muted, aerisit, centrat) ================= */
footer{ background:#f6f7fb !important; color:var(--ss-muted) !important; padding:28px 20px 34px !important; text-align:center; border-top:1px solid var(--ss-line); }
footer .-g-footer-group{ background:transparent !important; display:inline-block; vertical-align:top; margin:0 26px; text-align:left; }
footer .-g-footer-group p.title{ color:var(--ss-ink) !important; font-size:12px !important; font-weight:800 !important; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }
footer .footer-submenu a{ color:var(--ss-muted) !important; font-size:13px !important; }
footer .footer-submenu a:hover{ color:var(--ss-brand) !important; }
footer p, footer span{ color:var(--ss-muted); font-size:12px; }
/* v9.1 header fine-tune */
.main-header > div{ background:transparent !important; }   /* banda neagra laterala */
.mm-menu-head{ display:none !important; }                   /* header-ul meniului mobil (dublura user) */
.main-menu .mobile-icon{ display:flex !important; gap:16px; align-items:center; margin:0; }
.main-menu .mobile-icon li{ list-style:none; }
/* ================= RESPONSIVE WIDE v10 — layout fluid pe ecrane late ================= */
@media(min-width:1500px){
  .container-h{ width:92vw !important; max-width:1720px !important; }
  .ss-hero-inner{ max-width:1560px; }
  .ss-main{ max-width:1560px; }
  .catDesc .ss-hero-inner{ max-width:none; }
}
/* grila creste numarul de coloane pe ecrane foarte late */
@media(min-width:1900px){
  .ss-grid{ grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)) !important; }
  .product-listing .product-box{ width:23% !important; }
}
/* pe mobil: hero-ul respira, filtrele se impacheteaza */
@media(max-width:560px){
  .ss-hero{ padding:26px 14px 30px; }
  .ss-hero h1{ font-size:22px; }
  .ss-cardnote{ grid-template-columns:1fr; display:block; }
  .ss-filterbar{ gap:6px; }
}
/* ================= APPLE PANELS v11 — listare = panouri late, blend Apple x smart-scop ================= */
.product-listing{ height:auto !important; }
.product-listing .product-box{
  position:static !important; float:none !important;
  width:100% !important; max-width:100% !important; margin:0 0 22px !important;
  transform:none !important; top:auto !important; left:auto !important;
}
.product-listing .product-box .box-holder{
  display:flex !important; align-items:stretch; padding:0 !important;
}
/* vizual gradient in loc de placeholder gri */
.product-listing .product-box .image-holder{
  flex:0 0 320px; max-height:none !important; min-height:250px;
  background:linear-gradient(135deg,#1b2a63,#2f6bff);
  display:flex !important; align-items:center; justify-content:center;
  border-radius:14px 0 0 14px !important; overflow:hidden;
}
.product-listing .product-box .image-holder a{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.product-listing .product-box .image-holder img{ display:none !important; }
.product-listing .product-box .image-holder::after{ content:"\1F393"; font-size:68px; }
.product-listing .product-box:has(a[href*="partener"]) .image-holder{ background:linear-gradient(135deg,#0b3d2e,#0a9d6e); }
.product-listing .product-box:has(a[href*="partener"]) .image-holder::after{ content:"\1F6D2"; }
/* continut: aliniat stanga, tipografie mare */
.product-listing .product-box .figcaption{
  flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  text-align:left !important; padding:28px 34px !important; height:auto !important;
}
.product-listing .product-box .title-holder{ width:100%; text-align:left !important; }
.product-listing .product-box .title{
  font-size:24px !important; line-height:1.25 !important; white-space:normal !important;
  height:auto !important; max-height:none !important; text-align:left !important;
}
.product-listing .product-box .price{ margin:12px 0 2px; text-align:left !important; }
.product-listing .product-box .text-main{ font-size:26px !important; }
.product-listing .product-box .bottom-side-box{ padding:16px 0 0 !important; position:static !important; }
.product-listing .product-box .details-button{
  display:inline-block !important; width:auto !important; padding:12px 30px !important; margin:0 !important;
}
/* fara badge NOU pe listare */
.product-listing .product-box .product-icon-box{ display:none !important; }
/* mobil: panou vertical */
@media(max-width:760px){
  .product-listing .product-box .box-holder{ flex-direction:column !important; }
  .product-listing .product-box .image-holder{ flex:none; width:100%; min-height:150px; border-radius:14px 14px 0 0 !important; }
  .product-listing .product-box .figcaption{ padding:20px !important; }
}
/* anuleaza latimea 23% din v10 pe ecrane late */
@media(min-width:1900px){ .product-listing .product-box{ width:100% !important; } }
/* ================= PROTOTIP FIDEL v12 — paleta navy/blue/amber + hero split ================= */
:root{
  --ss-brand:#1f6feb; --ss-brand-dark:#0f2a4a; --ss-navy:#0f2a4a; --ss-navy2:#173a63;
  --ss-blue2:#3b86ff; --ss-amber:#f0a020; --ss-amber2:#ffb739;
  --ss-green:#128a5a; --ss-green-soft:#e6f5ee; --ss-ink:#0f1b2d; --ss-muted:#5b6b80;
  --ss-line:#e4e9f1; --ss-bg:#f6f8fc;
}
body{ background:var(--ss-bg) !important; }

/* HERO = navy gradient, doua coloane */
.ss-hero{ background:
  radial-gradient(1200px 400px at 85% -10%, rgba(31,111,235,.18), transparent 60%),
  linear-gradient(135deg, var(--ss-navy), var(--ss-navy2)) !important;
  padding:46px 24px 50px !important; }
.ss-hero-inner{ display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; max-width:1120px; }
@media(max-width:900px){ .ss-hero-inner{ grid-template-columns:1fr; gap:26px; } }
.ss-hero .ss-badge{ background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); color:#e8f0ff; }
.ss-hero h1{ font-size:40px !important; line-height:1.1 !important; letter-spacing:-.02em; color:#fff !important; }
.ss-hero h1 em, .ss-hero .accent{ font-style:normal; color:var(--ss-blue2); }
.ss-hero p{ color:#c9d8 ef; color:#cfe0f5 !important; font-size:17px; }
.ss-assur{ display:flex; gap:18px; flex-wrap:wrap; margin-top:20px; font-size:13.5px; color:#cfe0f5; }
.ss-assur span.ck{ color:#4fd39a; font-weight:900; margin-right:5px; }

/* CARDUL "Prima ta pe card" cu bara split 65/35 */
.ss-split{ background:#fff; border-radius:20px; box-shadow:0 10px 30px rgba(15,42,74,.20); padding:22px; }
.ss-split h3{ font-size:14px; color:var(--ss-muted); font-weight:600; margin:0 0 4px; }
.ss-split .ss-amount{ font-size:34px; font-weight:800; color:var(--ss-navy); }
.ss-split .ss-amount small{ font-size:15px; color:var(--ss-muted); font-weight:600; }
.ss-bar{ height:16px; border-radius:999px; background:#eef2f8; margin:16px 0 10px; display:flex; overflow:hidden; }
.ss-bar .b65{ width:65%; background:linear-gradient(90deg,var(--ss-brand),var(--ss-blue2)); }
.ss-bar .b35{ width:35%; background:linear-gradient(90deg,var(--ss-amber),var(--ss-amber2)); }
.ss-legend{ display:flex; justify-content:space-between; font-size:12.5px; font-weight:700; }
.ss-legend .l1{ color:var(--ss-brand); } .ss-legend .l2{ color:#b9791a; }
.ss-split .ss-note{ margin-top:14px; font-size:12.5px; color:var(--ss-muted); background:var(--ss-bg); border-radius:10px; padding:10px 12px; }

/* pill-uri: 65 albastru, 35 AMBER (nu verde) */
.ss-pill-35{ background:var(--ss-amber) !important; color:#3a2600 !important; }

/* PANOURI produs: tag MEC verde-soft / material amber; buton material AMBER plin */
.product-listing .product-box:has(a[href*="partener"]) .image-holder{ background:linear-gradient(135deg,#7a4d05,#f0a020) !important; }
.product-listing .product-box .details-button{ background:var(--ss-brand) !important; border:0 !important; color:#fff !important; }
.product-box:has(a[href*="partener"]) .details-button{ background:linear-gradient(135deg,var(--ss-amber),var(--ss-amber2)) !important; color:#3a2600 !important; border:0 !important; }
.product-box:has(a[href*="partener"]) .details-button::after{ content:"Cumpără ↗"; }

/* FOOTER navy (ca prototip) */
footer{ background:var(--ss-navy) !important; color:#a9bdd7 !important; text-align:left !important; padding:40px 22px 30px !important; border-top:0 !important; }
footer .-g-footer-group{ background:transparent !important; }
footer .-g-footer-group p.title{ color:#fff !important; }
footer .footer-submenu a, footer p, footer span{ color:#a9bdd7 !important; }
footer .footer-submenu a:hover{ color:#fff !important; }

/* STEPS strip (injectat in hero HTML) */
.ss-steps{ background:var(--ss-navy); color:#dfe8f4; border-radius:0; }
.ss-steps-inner{ max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:26px; padding:30px 24px; }
@media(max-width:900px){ .ss-steps-inner{ grid-template-columns:1fr; gap:16px; } }
.ss-step{ display:flex; gap:14px; align-items:flex-start; }
.ss-step .n{ flex:none; width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; }
.ss-step h4{ color:#fff; font-size:16px; margin:0 0 3px; }
.ss-step p{ font-size:13px; color:#a9bdd7; margin:0; }
/* ================= POLISH v13 — header float + font + iconite FA ================= */
/* bara de sus: complet transparenta, fara sa ocupe/acopere continut */
.main-header, .main-header > div, .main-menu, .top-head, .top-head-bg{ background:transparent !important; box-shadow:none !important; }
.main-menu{ position:absolute !important; top:12px; right:22px; left:auto; width:auto !important; padding:0 !important; min-height:0 !important; z-index:60; display:flex !important; gap:12px; }
.main-header{ position:relative; z-index:60; }
/* iconite profil + cos: cercuri albastre care plutesc */
.main-menu .mobile-icon{ display:flex !important; gap:12px; margin:0 !important; }
.main-menu .-g-user-icon, .main-menu .cart-header-btn{
  width:42px; height:42px; border-radius:50% !important;
  background:var(--ss-brand) !important; box-shadow:0 6px 16px rgba(15,42,74,.35);
  display:flex !important; align-items:center; justify-content:center; padding:0 !important;
}
.main-menu .-g-user-icon:hover, .main-menu .cart-header-btn:hover{ background:var(--ss-blue2) !important; }
.main-menu .-g-user-icon a, .main-menu .cart-header-btn a, .main-menu .fa{ color:#fff !important; }
.main-menu .cart-header-btn .q-cart{ position:absolute; top:-4px; right:-4px; background:var(--ss-amber); color:#3a2600; border-radius:50%; min-width:18px; height:18px; font-size:11px; line-height:18px; text-align:center; font-weight:800; }
/* hero-ul incepe de sus, sub iconitele plutitoare */
.ss-hero{ margin-top:0 !important; }

/* FONT CURAT pe tot homepage-ul injectat (scapa de fontul urat mostenit) */
.ss-page, .ss-page *{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important; }
.ss-flow h2{ font-size:20px !important; letter-spacing:-.01em; }
.ss-step b{ font-size:14.5px !important; } .ss-step p{ font-size:13px !important; line-height:1.45 !important; }
.ss-step .ss-n{ font-size:14px !important; }

/* ICONITE FA in loc de emoji pe imaginile panourilor (categorie) */
.product-listing .product-box .image-holder::after{
  font-family:"Font Awesome 6 Pro","Font Awesome 6 Free","FontAwesome" !important; font-weight:900 !important;
  content:"\f19d" !important; color:#fff; font-size:60px;
}
.product-listing .product-box:has(a[href*="partener"]) .image-holder::after{ content:"\f290" !important; }
/* v13.1 meta icons in brand color */
.ss-meta .fa-solid, .ss-item .fa-solid{ color:var(--ss-brand); margin-right:4px; }
/* ================= HERO ALIGN FIX v13 — repara grila 2x2 a hero-ului vechi (independent de JS) ================= */
/* structura veche = 4 copii flat in .ss-hero-inner; ii plasez explicit: stanga stivuit, cardnote dreapta centrat */
.ss-hero .ss-hero-inner{ display:grid !important; grid-template-columns:1.1fr .9fr !important; column-gap:44px !important; row-gap:0 !important; align-items:center !important; align-content:center !important; }
.ss-hero .ss-hero-inner > .ss-badge{ grid-column:1 !important; grid-row:1 !important; align-self:start; justify-self:start; margin:0 0 14px !important; }
.ss-hero .ss-hero-inner > h1{ grid-column:1 !important; grid-row:2 !important; margin:0 0 12px !important; }
.ss-hero .ss-hero-inner > p{ grid-column:1 !important; grid-row:3 !important; margin:0 !important; }
.ss-hero .ss-hero-inner > .ss-cardnote{ grid-column:2 !important; grid-row:1 / span 3 !important; align-self:center !important; margin:0 !important; }
/* badge = pill inline, nu bara-input */
.ss-hero .ss-badge{ display:inline-flex !important; width:auto !important; max-width:max-content; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.25) !important; color:#e8f0ff !important; border-radius:999px !important; padding:7px 14px !important; font-size:13px !important; }
@media(max-width:900px){
  .ss-hero .ss-hero-inner{ grid-template-columns:1fr !important; }
  .ss-hero .ss-hero-inner > .ss-badge, .ss-hero .ss-hero-inner > h1, .ss-hero .ss-hero-inner > p{ grid-column:1 !important; }
  .ss-hero .ss-hero-inner > .ss-cardnote{ grid-column:1 !important; grid-row:auto !important; margin-top:18px !important; }
}
/* ================= NAV FLOTANT v14 — bara transparenta, iconitele plutesc peste hero ================= */
.main-header{ position:absolute !important; top:0; left:0; right:0; width:100%; z-index:60 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
.main-header > div, .main-header .container-h, .main-header .container-bg, .main-menu, .top-head, .top-head-bg{ background:transparent !important; box-shadow:none !important; border:0 !important; }
.main-menu{ display:flex !important; justify-content:flex-end !important; align-items:center; gap:14px; padding:14px 24px !important; min-height:0 !important; }
/* iconitele plutesc: chip translucid ca sa ramana vizibile pe orice fundal, alb */
.main-menu .-g-user-icon, .main-menu .cart-header-btn{ background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:10px !important; padding:6px 9px !important; }
.main-menu .-g-user-icon a, .main-menu .cart-header-btn a, .main-menu .-g-user-icon .fa, .main-menu .cart-header-btn .fa, .main-menu .cart-header-btn .cartPrice, .main-menu .q-cart{ color:#fff !important; }
/* hero incepe din varf, sub iconitele flotante */
.ss-hero{ padding-top:64px !important; }
.catDesc .ss-hero{ padding-top:64px !important; }
/* ================= UNIFY WIDTHS v15 — un singur container, footer full-bleed, nav aliniat ================= */
:root{ --ss-w:1280px; }
/* toate zonele pe aceeasi latime, centrate */
.ss-hero .ss-hero-inner, .ss-main{ max-width:var(--ss-w) !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; box-sizing:border-box !important; }
/* nav: iconitele aliniate la marginea dreapta a containerului (nu a ecranului) */
.main-menu{ max-width:var(--ss-w) !important; width:100% !important; margin:0 auto !important; padding:14px 24px !important; box-sizing:border-box !important; justify-content:flex-end !important; }
/* FOOTER full-bleed navy, continut centrat pe container */
footer{ background:var(--ss-navy) !important; max-width:none !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
footer .cols, footer .row, footer .-g-footer-group, footer > div{ max-width:var(--ss-w); margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; box-sizing:border-box; }
footer .foot-note{ max-width:var(--ss-w); margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; box-sizing:border-box; }
/* ================= ALL PAGES → limbaj homepage v16 ================= */
/* 1) font: elimina serif-ul temei peste tot */
body, h1,h2,h3,h4,h5,h6, .title, .detail-title, .category-content, .product-box .title, .breadcrumb, button, input, select, textarea, .btn, a.button{
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}
body{ background:var(--ss-bg) !important; color:var(--ss-ink) !important; }
h1,h2,h3, .detail-title, .category-content h1{ color:var(--ss-navy) !important; font-weight:800 !important; letter-spacing:-.01em !important; }

/* 2) CATEGORY listing → carduri ca pe homepage */
.product-listing .product-box{ background:#fff !important; border:1px solid var(--ss-line) !important; border-radius:14px !important; box-shadow:0 6px 24px rgba(15,42,74,.08) !important; overflow:hidden !important; }
.product-listing .product-box .image-holder{ background:linear-gradient(135deg,var(--ss-navy),var(--ss-brand)) !important; display:flex !important; align-items:center; justify-content:center; min-height:150px; border-radius:14px 14px 0 0 !important; }
.product-listing .product-box .image-holder img{ display:none !important; }
.product-listing .product-box .image-holder::after{ content:"\1F393"; font-size:46px; }
.product-listing .product-box .title, .product-listing .product-box .title-holder .title{ color:var(--ss-navy) !important; font-weight:700 !important; }
.product-listing .product-box .text-main, .product-listing .product-box .price, .product-listing .product-box .price-full{ color:var(--ss-navy) !important; font-weight:800 !important; }
.product-listing .product-box .product-icon-box, .product-listing .product-box .icon.new{ display:none !important; }
.product-listing .quick-order-btn, .product-listing .details-button{ background:var(--ss-brand) !important; color:#fff !important; border:0 !important; border-radius:10px !important; }

/* 3) PRODUCT detail → limbaj homepage */
.detail-title{ color:var(--ss-navy) !important; font-weight:800 !important; }
.detail-price, .fPrice, .product-final-price{ color:var(--ss-navy) !important; font-weight:800 !important; }
.add-2-cart, .add2cart, .btn-cart, button.add-2-cart{ background:var(--ss-brand) !important; color:#fff !important; border:0 !important; border-radius:10px !important; }

/* 4) FOOTER full-bleed + continut aliniat pe container */
footer{ background:var(--ss-navy) !important; width:100% !important; max-width:none !important; }
footer .cols, footer .row, footer .-g-footer-group, footer .foot-note, footer > div{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; box-sizing:border-box !important; }

/* 5) reconfirm latimi unificate (hero + main pe acelasi container) */
.ss-hero .ss-hero-inner, .ss-main{ max-width:1280px !important; }
/* ================= CONVERSION POLISH v17 — homepage gata de cumparat ================= */
.ss-grid{ gap:20px !important; }
.ss-item{ transition:transform .18s ease, box-shadow .18s ease; display:flex; flex-direction:column; }
.ss-item:hover{ transform:translateY(-4px); box-shadow:0 16px 40px rgba(15,42,74,.16) !important; }
.ss-item h3{ font-size:18px !important; line-height:1.25 !important; margin:2px 0 6px !important; color:var(--ss-navy) !important; }
.ss-item .ss-desc{ color:var(--ss-muted) !important; font-size:14px !important; flex:1; }
.ss-item .ss-meta{ display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin:12px 0 !important; }
.ss-item .ss-meta span{ background:#eef3ff !important; color:var(--ss-navy) !important; font-size:12px !important; font-weight:600 !important; padding:3px 10px !important; border-radius:999px !important; }
.ss-item[data-g="m"] .ss-meta span{ background:#fff3e0 !important; color:#8a5a00 !important; }
.ss-item .ss-price{ font-size:22px !important; font-weight:800 !important; color:var(--ss-navy) !important; margin:2px 0 12px !important; }
/* buton CURS = accent puternic de cumparare */
.ss-btn-pay{ display:block !important; text-align:center !important; padding:14px !important; font-size:15px !important; font-weight:800 !important; border-radius:12px !important; color:#fff !important; background:linear-gradient(135deg,var(--ss-brand),var(--ss-blue2)) !important; border:0 !important; box-shadow:0 6px 16px rgba(31,111,235,.35) !important; }
.ss-btn-pay:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.ss-btn-pay::after{ content:" →"; }
/* buton MATERIAL = amber outline clar */
.ss-btn-track{ display:block !important; text-align:center !important; padding:13px !important; font-weight:700 !important; border-radius:12px !important; background:#fff !important; color:#8a5a00 !important; border:1.5px solid var(--ss-amber) !important; }
.ss-btn-track:hover{ background:var(--ss-amber) !important; color:#3a2600 !important; }
/* titluri sectiuni mai clare */
.ss-sechead h2{ font-size:22px !important; }
.ss-sechead small{ display:block; color:var(--ss-muted) !important; font-size:13px !important; }

/* ===== mm-mobile-menu OVERLAY FIX — panoul off-canvas al temei acoperea invizibil cardurile 2/3 si inghitea click-urile ===== */
.main-menu.mm-mobile-menu{ display:none !important; }
.mm-mobile-menu, .mm-menu, .mm-slideout{ pointer-events:none !important; }

/* ===== PRET PRODUS ALINIERE — pretul era impins ~8px de <s> gol + spatii; il aliniem fix sub titlu ===== */
.detail-price .fPrice{ display:block !important; text-indent:0 !important; }
.detail-price > s{ display:none !important; }
.detail-price .-g-base-price-info{ display:none !important; }

/* ===== PRODUSE SIMILARE — butonul nativ quick-order (href=#, popup) inlocuit cu link real spre produs, stil consistent albastru ===== */
.ss-related-buy{ display:block !important; width:100%; text-align:center; background:var(--ss-brand,#1f6feb) !important; color:#fff !important; padding:12px 14px !important; border-radius:10px !important; font-weight:700 !important; text-decoration:none !important; border:0 !important; margin-top:10px; box-shadow:0 6px 16px rgba(31,111,235,.28); transition:transform .12s ease, box-shadow .12s ease; }
.ss-related-buy:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(31,111,235,.36); color:#fff !important; }

/* ===== SS TOPNAV — bara pagini interioare (home button + linkuri) ===== */
.ss-topnav{ position:sticky; top:0; z-index:9000; background:var(--ss-navy,#0f2a4a); box-shadow:0 2px 12px rgba(15,42,74,.25); }
.ss-topnav-in{ max-width:1280px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ss-brand{ color:#fff !important; font-weight:800; font-size:20px; text-decoration:none; letter-spacing:.3px; }
.ss-brand:hover{ color:#fff !important; opacity:.9; }
.ss-topnav-links{ display:flex; gap:8px; flex-wrap:wrap; }
.ss-topnav-links a{ color:#dbe6f5 !important; text-decoration:none; font-weight:600; font-size:14px; padding:8px 14px; border-radius:999px; transition:background .12s,color .12s; }
.ss-topnav-links a:hover{ background:rgba(255,255,255,.12); color:#fff !important; }
@media(max-width:560px){ .ss-brand{font-size:17px} .ss-topnav-links a{padding:6px 10px;font-size:13px} }

/* ===== SS TOPNAV ICONS — cos+profil mutate in bara ===== */
.ss-topnav-links{ margin-left:auto; }
.ss-topnav-icons{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:6px; float:none !important; }
.ss-topnav-icons > li{ margin:0 !important; }
.ss-topnav-icons a, .ss-topnav-icons i, .ss-topnav-icons svg, .ss-topnav-icons span{ color:#fff !important; fill:#fff !important; }
.ss-topnav-icons .cart-header-btn{ background:rgba(255,255,255,.12); border-radius:10px; }
.ss-topnav-icons .cart-header-btn:hover{ background:rgba(255,255,255,.2); }

/* ===== SS TOPNAV SPACING — aer sub bara ===== */
.ss-topnav{ margin-bottom:22px !important; }

/* ===== MOBILE FIX flow+cos ===== */
@media(max-width:560px){
  .ss-steps{ grid-template-columns:1fr !important; }
  .ss-step{ min-width:0; align-items:flex-start; }
  .ss-step b, .ss-step p, .ss-step > div{ min-width:0; overflow-wrap:break-word; word-break:normal; }
  .ss-flow{ padding:16px !important; }
  .ss-flow h2, .ss-sechead h2{ font-size:20px !important; line-height:1.25; }
}
/* mini-cos: nume produs curat, fara tooltip nativ suprapus */
.-g-cart-dropdown .product-name{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; margin-right:8px; }

/* ===== MOBILE FIX hero icons clearance — pe mobil continutul hero incepe SUB iconitele plutitoare cos/profil ===== */
@media(max-width:560px){
  .ss-hero{ padding-top:80px !important; }
}

/* ===== AUDIT limbaj design — tab-uri + butoane gri ===== */
/* barele DESCRIERE/REVIEW-URI erau gradient charcoal (#4a545d) — le aducem la navy/albastru */
.detail-tabs span.tab-grup{ background-image:none !important; background:var(--ss-navy,#0f2a4a) !important; color:#fff !important; border:0 !important; border-radius:10px !important; }
.detail-tabs span.tab-grup.resp-tab-active{ background:var(--ss-brand,#1f6feb) !important; }
.resp-accordion.tab-grup{ background-image:none !important; background:var(--ss-navy,#0f2a4a) !important; color:#fff !important; border-radius:10px !important; }
.resp-accordion.tab-grup.resp-tab-active{ background:var(--ss-brand,#1f6feb) !important; }
/* butonul gri 'Scrie un review' (#656565) -> secundar alb cu contur navy */
.btn.std, a.btn.std{ background:#fff !important; color:var(--ss-navy,#0f2a4a) !important; border:1.5px solid var(--ss-navy,#0f2a4a) !important; border-radius:10px !important; font-weight:700 !important; }
.btn.std:hover{ background:var(--ss-navy,#0f2a4a) !important; color:#fff !important; }

/* ===== CART ADDED popup fix — popup 'adaugat in cos' era ascuns sub bara (.ss-topnav z=100000) si taiat; buton FINALIZEAZA rosu ===== */
.wishlist-pp{ top:76px !important; right:16px !important; z-index:100001 !important; border-radius:14px !important; box-shadow:0 12px 34px rgba(15,42,74,.25) !important; overflow:hidden !important; }
.btn.btn-cmd, a.btn-cmd{ background:var(--ss-brand,#1f6feb) !important; border-color:var(--ss-brand,#1f6feb) !important; color:#fff !important; border-radius:10px !important; }
.btn.btn-cmd:hover{ background:var(--ss-navy,#0f2a4a) !important; border-color:var(--ss-navy,#0f2a4a) !important; }

/* ===== SS TOPNAV zfix — bara sub stratul de popup-uri Gomag (9999) ca notificarea 'adaugat in cos' sa apara DEASUPRA barei, nu ascunsa ===== */
.ss-topnav{ z-index:9000 !important; }

/* ===== MCONCEPT 35% director de categorii ===== */
.ss-mconcept{ margin-top:28px; }
.ss-mc-head{ margin:0 0 14px; }
.ss-mc-pill{ display:inline-block; font-family:inherit; font-size:11px; font-weight:800; letter-spacing:.04em; color:#8a5200; background:#fbeccd; padding:4px 10px; border-radius:999px; }
.ss-mc-head h3{ margin:8px 0 2px; font-size:20px; color:var(--ss-navy,#0f2a4a); font-weight:800; }
.ss-mc-head p{ margin:0; color:var(--ss-muted,#5b6478); font-size:13.5px; }
.ss-mc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.ss-mc-card{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:'ico name' 'ico desc' 'go go'; gap:2px 14px; align-items:start; background:#fff; border:1px solid var(--ss-line,#e6e9f2); border-left:3px solid var(--ss-amber,#f0a020); border-radius:12px; padding:15px 16px; text-decoration:none; box-shadow:0 4px 14px rgba(15,42,74,.06); transition:transform .12s ease, box-shadow .12s ease; }
.ss-mc-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(15,42,74,.13); }
.ss-mc-ico{ grid-area:ico; font-size:26px; line-height:1; }
.ss-mc-name{ grid-area:name; font-weight:700; color:var(--ss-navy,#0f2a4a); font-size:15px; }
.ss-mc-desc{ grid-area:desc; color:var(--ss-muted,#5b6478); font-size:12.5px; line-height:1.35; }
.ss-mc-go{ grid-area:go; margin-top:10px; justify-self:start; color:#a86a00; background:#fbf1dd; font-weight:700; font-size:12px; padding:5px 11px; border-radius:999px; }
.ss-mc-card:hover .ss-mc-go{ background:var(--ss-amber,#f0a020); color:#3a2600; }
@media(max-width:560px){ .ss-mc-grid{ grid-template-columns:1fr; } }

/* ===== PRODUCT PAGE skin (design system din repo smart-scop) ===== */
.detail-fixed{ background:#fff; border:1px solid var(--ss-line,#e4e9f1); border-radius:16px; box-shadow:0 10px 30px rgba(15,42,74,.10); padding:24px 26px !important; }
.detail-fixed .product-title, .detail-fixed h1, .product-title{ color:var(--ss-navy,#0f2a4a) !important; font-weight:800 !important; letter-spacing:-.01em; font-size:26px !important; line-height:1.15 !important; }
.detail-price .fPrice{ color:var(--ss-navy,#0f2a4a) !important; font-size:30px !important; font-weight:800 !important; }
.stock, .stock span{ display:inline-block; background:#e6f5ee; color:#0a7d55 !important; font-weight:700; font-size:12px; padding:5px 12px; border-radius:999px; text-transform:uppercase; letter-spacing:.03em; }
.add2cart, .add-2-cart, .btn-cart.add2cart{ background:linear-gradient(135deg,#1f6feb,#3b86ff) !important; border:0 !important; color:#fff !important; border-radius:10px !important; font-weight:800 !important; padding:13px 24px !important; box-shadow:0 8px 20px rgba(31,111,235,.30) !important; }
.add2cart:hover{ filter:brightness(1.05); }
.code{ color:var(--ss-muted,#5b6b80) !important; font-size:13px; }
.ss-meta{ display:flex !important; flex-wrap:wrap; gap:8px; margin:10px 0 !important; }
.ss-meta .ss-chip{ background:var(--ss-blueSoft,#e8f0ff); color:var(--ss-navy,#0f2a4a); font-weight:600; font-size:12.5px; padding:5px 12px; border-radius:999px; }
.wishlist-header a, .-g-info-request-popup-details{ border:1px solid var(--ss-line,#e4e9f1) !important; border-radius:10px !important; color:var(--ss-navy,#0f2a4a) !important; }
.qty-regulator{ display:inline-flex !important; align-items:stretch; width:auto !important; border:1px solid var(--ss-line,#e4e9f1); border-radius:10px; overflow:hidden; height:44px; }
.qty-regulator .stock-limit{ display:none !important; }
.qty-regulator input:not(.qty-val){ display:none !important; }
.qty-regulator .minus, .qty-regulator .plus{ width:40px; display:flex !important; align-items:center; justify-content:center; background:#f6f8fc; color:var(--ss-navy,#0f2a4a) !important; font-size:18px; font-weight:700; text-decoration:none; border:0; }
.qty-regulator .minus:hover, .qty-regulator .plus:hover{ background:#e8f0ff; }
.qty-regulator .qty-val{ width:48px; text-align:center; border:0 !important; border-left:1px solid var(--ss-line,#e4e9f1) !important; border-right:1px solid var(--ss-line,#e4e9f1) !important; font-weight:700; color:var(--ss-navy,#0f2a4a); background:#fff; box-shadow:none !important; }
.add-section{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

/* ===== CATEGORY PAGE skin — grila de carduri (prototip) ===== */
.product-listing .row.product{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:18px; margin:0 !important; }
@media(max-width:900px){ .product-listing .row.product{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .product-listing .row.product{ grid-template-columns:1fr; } }
.product-listing .product-box{ width:auto !important; float:none !important; margin:0 !important; background:#fff; border:1px solid var(--ss-line,#e4e9f1); border-radius:16px; box-shadow:0 4px 14px rgba(15,42,74,.08); display:flex; flex-direction:column; overflow:hidden; padding:0 0 16px !important; transition:transform .12s ease, box-shadow .12s ease; }
.product-listing .product-box:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(15,42,74,.14); }
.product-listing .product-box .box-holder{ display:flex !important; flex-direction:column !important; align-items:stretch !important; height:100%; }
.product-listing .product-box .image-holder{ order:-1; width:100% !important; float:none !important; margin:0 !important; overflow:hidden; background:linear-gradient(135deg,#e8f0ff,#d3e3ff); }
.product-listing .product-box .image-holder, .product-listing .product-box .image-holder > *, .product-listing .product-box .image-holder a, .product-listing .product-box .image-holder img{ height:180px !important; max-height:180px !important; }
.product-listing .product-box .image-holder img{ object-fit:cover !important; width:100% !important; }
.product-listing .product-box .figcaption{ width:100% !important; display:flex; flex-direction:column; flex:1; text-align:left; }
.product-listing .product-box .title{ display:block; padding:14px 16px 0 !important; color:var(--ss-navy,#0f2a4a) !important; font-weight:700 !important; font-size:15.5px !important; line-height:1.3; min-height:42px; text-align:left; }
.product-listing .product-box .price{ padding:8px 16px 0 !important; color:var(--ss-navy,#0f2a4a) !important; font-weight:800 !important; font-size:20px !important; text-align:left; }
.product-listing .product-box .ss-related-buy{ margin:12px 16px 0 !important; margin-top:auto !important; width:auto !important; }
.product-listing .product-box .bottom, .product-listing .product-box .product-icon-box{ padding:0 16px !important; }

/* ===== CATEGORY HERO band — titlul categoriei ca bandă navy (prototip) ===== */
.category-content:has(.catTitle){ background:linear-gradient(120deg,#0f2a4a,#173a63) !important; border-radius:16px; padding:30px 34px !important; margin:0 0 24px !important; width:100% !important; float:none !important; box-shadow:0 10px 30px rgba(15,42,74,.14); }
.category-content:has(.catTitle) .catTitle{ color:#fff !important; font-size:30px !important; font-weight:800 !important; margin:0 !important; letter-spacing:-.01em; }
.category-content:has(.catTitle) .catTitle *{ color:#fff !important; }
.category-content:has(.catTitle) .ss-pill-65{ background:#1f6feb !important; color:#fff !important; }
.category-content:has(.catTitle) .ss-pill-35{ background:#f0a020 !important; color:#3a2600 !important; }
.filter-group{ display:none !important; }

/* ===== CART PAGE skin ===== */
.price .text-main{ color:var(--ss-navy,#0f2a4a) !important; font-weight:700; }
.btn.btn-cmd{ background:linear-gradient(135deg,#1f6feb,#3b86ff) !important; border:0 !important; border-radius:10px !important; font-weight:800 !important; box-shadow:0 8px 20px rgba(31,111,235,.28) !important; }
.btn.btn-cmd:hover{ filter:brightness(1.05); }
.continue-shopping, a.btn.std{ border:1px solid var(--ss-line,#e4e9f1) !important; border-radius:10px !important; color:var(--ss-navy,#0f2a4a) !important; }
.total, .total .text-main, .total-price, [class*="total"] .text-main{ color:var(--ss-navy,#0f2a4a) !important; }
.sterge, .remove{ color:var(--ss-muted,#5b6b80) !important; }

/* ===== FORMS + CHECKOUT skin (global) ===== */
input:not(.qty-val):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), textarea, select{ border:1px solid var(--ss-line,#e4e9f1) !important; border-radius:10px !important; padding:10px 13px !important; background:#fff !important; color:var(--ss-ink,#0f1b2d) !important; box-shadow:none !important; transition:border-color .12s, box-shadow .12s; }
input:not(.qty-val):focus, textarea:focus, select:focus{ border-color:var(--ss-blue,#1f6feb) !important; box-shadow:0 0 0 3px rgba(31,111,235,.15) !important; outline:none !important; }
.checkout-section h2, .checkout-section h3, .-g-checkout h2, .-g-checkout h3{ color:var(--ss-navy,#0f2a4a) !important; }
.order-summary, .checkout-cart, .-g-checkout-summary{ background:#fff; border:1px solid var(--ss-line,#e4e9f1); border-radius:16px; box-shadow:0 4px 14px rgba(15,42,74,.08); }

/* ===== ALIGN to prototype (radius 12, thumb 140, tag pe card) ===== */
.add2cart, .add-2-cart, .ss-related-buy, .ss-btn-pay, .btn.btn-cmd, .ss-btn-track{ border-radius:12px !important; }
.product-listing .product-box .image-holder{ position:relative; display:block !important; }
.product-listing .product-box .image-holder, .product-listing .product-box .image-holder > *, .product-listing .product-box .image-holder a, .product-listing .product-box .image-holder img{ height:140px !important; max-height:140px !important; }
.product-listing .product-box .image-holder *{ background:transparent !important; }
.product-listing .product-box .icon.new, .product-listing .product-box .product-icon-box{ display:none !important; }
.ss-cat-tag{ position:absolute; top:12px; left:12px; z-index:3; font-size:11.5px; font-weight:800; padding:5px 9px; border-radius:8px; letter-spacing:.02em; }
.ss-cat-tag.mec{ background:#e6f5ee; color:#128a5a; border:1px solid #bfe6d3; }
.ss-cat-tag.el{ background:#fff6e6; color:#b9791a; border:1px solid #f2d59a; }

/* ===== MATERIALE doar mconcept (ascunde lista veche Libris/Carturesti + sub-titlul mconcept) ===== */
#ssGridM{ display:none !important; }
.ss-mconcept .ss-mc-head{ display:none !important; }
.ss-mconcept{ margin-top:0 !important; }

/* ===== WIDE SCREEN fix — wrapper-ul global avea max-width:1920px + margini auto, deci pe ecrane mari toata pagina se centra si footerul aparea 'la mijloc'; iconitele cos/cont ieseau in afara continutului ===== */
body > div{ max-width:none !important; margin-left:0 !important; margin-right:0 !important; width:auto !important; }
footer, footer.container-h{ max-width:none !important; width:100% !important; }
footer > div, footer .row{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; float:none !important; }
.main-header{ max-width:none !important; width:100% !important; }
.main-header .main-menu, .main-header .container-h, .main-header > div{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; float:none !important; position:relative !important; width:100% !important; }
.main-header ul.mobile-icon{ float:right !important; margin-right:20px !important; }
/* ===== TOPNAV fixed — bara navy chiar fixa pe toate paginile interioare =====
   position:sticky se rupea cand un strămos devine scroll container
   (pe pagina de produs body are overflow-y:auto). fixed e imun la asta.
   Nav-ul iese din flow -> compensam cu padding-top pe body, DOAR pe paginile
   care au bara (homepage nu o are, deci nu e afectata). 64px bara + 22px gap. */
.ss-topnav{ position:fixed !important; top:0; left:0; right:0; width:100%;
            margin-bottom:0 !important; }
body:has(> .ss-topnav){ padding-top:86px; }
@media(max-width:560px){
  .ss-topnav-in{ padding:10px 14px; }
  body:has(> .ss-topnav){ padding-top:74px; }
}
/* ===== CAROUSEL 65% — carusel pe tabul "Tot", grila plina pe tabul "Cursuri (65%)" =====
   .ss-filterbar e frate ANTERIOR cu .ss-sec in .ss-main, deci starea tabului activ
   se poate citi din CSS cu :has() + combinatorul ~ . Zero JS. */
.ss-filterbar:has(.ss-fbtn[data-f="all"].active) ~ .ss-sec[data-group="c"] > .ss-grid{
  flex-wrap:nowrap !important; overflow-x:auto !important;
  scroll-snap-type:x mandatory !important; scroll-behavior:smooth; }
.ss-filterbar:has(.ss-fbtn[data-f="all"].active) ~ .ss-sec[data-group="c"] > .ss-grid::-webkit-scrollbar{ height:6px; }
@media(min-width:1080px){
  .ss-filterbar:has(.ss-fbtn[data-f="all"].active) ~ .ss-sec[data-group="c"] > .ss-grid > .ss-item{
    flex:0 0 300px !important; max-width:300px !important; } }

.ss-filterbar:has(.ss-fbtn[data-f="c"].active) ~ .ss-sec[data-group="c"] > .ss-grid{
  flex-wrap:wrap !important; overflow-x:visible !important; scroll-snap-type:none !important; }
.ss-filterbar:has(.ss-fbtn[data-f="c"].active) ~ .ss-sec[data-group="c"] > .ss-grid > .ss-item{
  flex:0 0 calc(33.333% - 14px) !important; max-width:calc(33.333% - 14px) !important; }
@media(max-width:1079px){
  .ss-filterbar:has(.ss-fbtn[data-f="c"].active) ~ .ss-sec[data-group="c"] > .ss-grid > .ss-item{
    flex:0 0 calc(50% - 10px) !important; max-width:calc(50% - 10px) !important; } }
@media(max-width:560px){
  .ss-filterbar:has(.ss-fbtn[data-f="c"].active) ~ .ss-sec[data-group="c"] > .ss-grid > .ss-item{
    flex:0 0 100% !important; max-width:100% !important; } }
/* ===== DESIGN AUDIT FIXES (workflow audit, 23 confirmed findings) ===== */

/* 1) Header logo <img src="https://gomagcdn.ro"> is a dead/empty asset (404, naturalWidth 0)
      -- reserves an empty 124x31 box in the header on pages with no fixed topnav (eg homepage).
      Exact-value selector: self-heals automatically if a real logo path is ever configured. */
img[src="https://gomagcdn.ro"]{ display:none !important; }

/* 2) Qty stepper "+" button clipped/wrapped to an invisible second row at any width <=1020px.
      Root cause: native theme rule ".add-section .qty-regulator{width:90px!important;
      display:inline-block!important}" inside @media(max-width:1020px) has higher specificity
      (2 classes) than our earlier ".qty-regulator{display:inline-flex...}" (1 class), so it wins
      at any width <=1020px even though our rule has !important too. Match the same 2-class
      selector, unconditionally, so it always wins regardless of viewport. */
.add-section .qty-regulator{
  display:inline-flex !important; flex-wrap:nowrap !important;
  width:auto !important; min-width:118px !important;
}

/* 3) Product description repeats its own opening sentence: the short ss-lead teaser is followed
      immediately by the full body, which restarts with the identical sentence. Confirmed via
      theme/default.js that .ss-lead text is read from the fetched HTML STRING (DOMParser, not the
      live DOM) to build the homepage/category card excerpt -- so hiding it visually here does NOT
      affect that card teaser. Safe, minimal fix: hide the redundant paragraph on the product page. */
.ss-lead{ display:none !important; }

/* 4) "IN STOC" stock-status pill has border-radius:10px set but no background/border, so it
      renders as plain green text instead of a chip -- inconsistent with the filled .ss-chip meta
      pills elsewhere on the same page. */
.stock-status.available{
  background:#e9f9ec !important; border:1px solid #b7e4bd !important;
  padding:4px 12px !important;
}

/* 5) Wishlist page has a redundant CMS content block whose entire body text is just the word
      "Wishlist" again, directly under the H1 and above the footer. Scoped to this exact component
      instance id (unique per Gomag component) so it cannot affect any other page reusing the same
      generic .landing-content._descriptionTab classes (eg legal/static pages). */
.landing-content._descriptionTab.-g-component-id-49{ display:none !important; }
/* 6) Category grid thumbnails (.listImage) never reveal despite the photo fully decoding
      (naturalWidth reports real pixel dimensions) -- something keeps them at display:none
      indefinitely, only the CSS gradient placeholder ever shows. High specificity needed:
      tested empirically that a single-class override loses to the native rule. */
img.img-responsive.listImage[class*="_productMainImage_"]{
  display:block !important; opacity:1 !important; visibility:visible !important;
}
/* ===== SS TOPNAV zfix v2 — native Gomag wrapper ".product-bottom" (around the product tabs
   section) carries z-index:9999, which beats our earlier 9000 and let the DESCRIERE/accordion
   tab bar paint ABOVE the fixed navy bar while scrolling through it (confirmed via
   elementFromPoint at the exact overlap scroll position). Raise above the highest normal
   content-tier z-index seen anywhere in the theme (9999), but stay safely below Gomag’s own
   popup/modal/toast tier (99991+, e.g. the "adaugat in cos" notification) so those still show
   above the bar, exactly like before. */
.ss-topnav{ z-index:20000 !important; }

/* ===== Homepage: suppress native cart mini-preview dropdown on hover =====
   On the homepage the header keeps only the native account/cart icon buttons (no .ss-topnav
   bar there by design). Hovering the cart icon opens Gomag’s native ".cart-dd" white card
   floating loose over the dark custom hero -- looks disconnected from the rest of the design.
   Scoped to the homepage only via Gomag’s own page-type body class. */
body.-g-pagetype-homepage .cart-dd{ display:none !important; }
/* ===== Two-button card actions (Adaugă în coș [real ajax] + Vezi detalii) =====
   Applied on homepage cards, category listing cards, and PRODUSE SIMILARE cards --
   everywhere EXCEPT the actual product detail page (which already has its own real
   add2cart button + qty stepper). Reuses the design system colors (brand blue primary,
   navy outline secondary) already used elsewhere on the site. */
.ss-card-actions{ display:flex; gap:8px; margin-top:auto; }
.ss-btn-addcart{
  flex:1; display:block; text-align:center; padding:11px 8px; border-radius:10px !important;
  font-weight:700; font-size:14px; background:var(--ss-brand,#1f6feb); color:#fff !important;
  border:0; cursor:pointer; font-family:inherit;
}
.ss-btn-addcart:hover{ background:var(--ss-navy,#0f2a4a); }
.ss-btn-addcart:disabled{ opacity:.5; cursor:not-allowed; }
.ss-btn-details{
  flex:1; display:block; text-align:center; padding:11px 8px; border-radius:10px !important;
  font-weight:700; font-size:14px; background:#fff; color:var(--ss-navy,#0f2a4a) !important;
  border:1.5px solid var(--ss-line,#e4e9f1); text-decoration:none !important;
}
.ss-btn-details:hover{ background:#f6f8fc; border-color:var(--ss-navy,#0f2a4a); }
.product-listing .product-box .ss-card-actions{ margin:12px 16px 16px !important; margin-top:auto !important; }
@media(max-width:420px){ .ss-card-actions{ flex-direction:column; } }

/* Gomag Designer:conv_1784787561709_399 start */
.ss-flow {
    background:#fff !important;border:1px solid var(--ss-line) !important;box-shadow:var(--ss-shadow) !important;border-radius:var(--ss-radius) !important;padding:24px 22px !important;
}

.ss-steps {
    background:transparent !important;border-radius:0 !important;
}

.ss-steps-inner {
    grid-template-columns:1fr !important;
}

.ss-step {
    background:#f8faff !important;border:1px solid var(--ss-line) !important;border-radius:12px !important;padding:16px !important;box-shadow:0 2px 8px rgba(15,42,74,.06) !important;
}

.ss-step .n {
    background:var(--ss-brand) !important;color:#fff !important;
}

.ss-step h4 {
    color:var(--ss-ink) !important;font-size:15px !important;font-weight:700 !important;margin-bottom:4px !important;
}

.ss-step p {
    color:var(--ss-muted) !important;font-size:13.5px !important;line-height:1.5 !important;
}

.main-menu .-g-user-icon,.main-menu .cart-header-btn {
    background:rgba(15,42,74,.75) !important;border:1px solid rgba(15,42,74,.18) !important;box-shadow:0 4px 14px rgba(15,42,74,.18) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;
}

.main-menu .-g-user-icon a,.main-menu .cart-header-btn a,.main-menu .-g-user-icon .fa,.main-menu .cart-header-btn .fa,.main-menu .q-cart {
    color:#fff !important;
}

.main-menu .-g-user-icon:hover,.main-menu .cart-header-btn:hover {
    background:rgba(15,42,74,.92) !important;
}

@media(max-width:760px) {
    .ss-steps-inner {
        grid-template-columns:1fr !important;
    }
    .ss-step {
        display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:14px !important;padding:14px !important;
    }
    .ss-step .n {
        flex:none !important;width:34px !important;height:34px !important;min-width:34px !important;border-radius:10px !important;font-size:15px !important;
    }
    .ss-step h4 {
        font-size:15px !important;margin-bottom:4px !important;
    }
    .ss-step p {
        font-size:13px !important;
    }
}

@media(max-width:480px) {
    .ss-steps-inner {
        grid-template-columns:1fr !important;
    }
    .ss-step {
        display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;padding:12px !important;
    }
    .ss-step .n {
        flex:none !important;width:30px !important;height:30px !important;min-width:30px !important;border-radius:8px !important;font-size:13px !important;
    }
    .ss-step h4 {
        font-size:14px !important;margin-bottom:3px !important;
    }
    .ss-step p {
        font-size:12.5px !important;
    }
}

.ss-sec > .ss-grid {
    display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:16px !important;padding-bottom:12px !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;
}

.ss-sec > .ss-grid::-webkit-scrollbar {
    height:4px;
}

.ss-sec > .ss-grid::-webkit-scrollbar-track {
    background:var(--ss-line);border-radius:4px;
}

.ss-sec > .ss-grid::-webkit-scrollbar-thumb {
    background:var(--ss-brand);border-radius:4px;
}

.ss-sec > .ss-grid > .ss-item {
    flex:0 0 85% !important;max-width:85% !important;scroll-snap-align:start !important;
}

@media(min-width:760px) {
    .ss-sec > .ss-grid > .ss-item {
        flex:0 0 46% !important;max-width:46% !important;
    }
}

@media(min-width:1080px) {
    .ss-sec > .ss-grid {
        flex-wrap:wrap !important;overflow-x:visible !important;scroll-snap-type:none !important;
    }
    .ss-sec > .ss-grid > .ss-item {
        flex:0 0 calc(33.333% - 11px) !important;max-width:calc(33.333% - 11px) !important;
    }
}

.main-menu.container-h.full.clearfix {
    max-width:var(--container-width) !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
}
/* Gomag Designer:conv_1784787561709_399 end */