/*----------- GLOBAL -----------*/
body { background-color: #F4F1F2; }
.main-container { }
.content-container { margin-top: 20px; }
.tab-contents .content { display:none; }
.tab-contents .content.active { display:block; }
.info-area { margin-bottom:5px; font-size:14px; }
.info-area i { margin-right:5px; padding:4px; border:1px solid #432714; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.info-area i:before { position:relative; left:.5px; }
.form-groups {}
.form-groups .form-group { margin:0 0 20px 0; }
.form-groups .form-group label { margin-bottom:3px; font-weight:600; }
.form-groups .form-group .form-control {}
.form-groups .form-group.alert { padding:0; }
.form-groups .form-group.alert .form-control.alert { margin-bottom:0; color:#d01b1b; border-color:#d01b1b; }
.form-groups .error-message { font-size:15px; color:#d01b1b; }
.form-groups > .error-message { display:block; margin-bottom:10px }
.form-groups .captcha-area .grecaptcha { }
.form-groups .captcha-area .grecaptcha.alert { padding:0; margin-bottom:5px; color:#d01b1b; border:1px solid #d01b1b; }
.verify-code-form { display: flex; justify-content: space-between; }
.verify-code-form .form-control { width: 15%; padding: 0; border: 1px solid #c5b29e; border-radius: 10px; background: #fdfbf8; text-align: center; font-size: 32px; line-height: 56px; }
.form-groups .captcha-area .error-message { display:block; clear:both; }
.form-control.input-validation-error { border: 1px solid #fc4755 !important;}
select.input-validation-error + .select2-container--default .select2-selection--single,
select.input-validation-error + .select2-container--default .select2-selection--multiple { border: 1px solid #fc4755 !important; }

/*---- checkbox standart theme ----*/
.checkbox { height:35px; padding-left:35px; font-size:0; position:relative; }
.checkbox.alert { height:70px; padding:0 0 0 35px; }
.checkbox .icheckbox { position:absolute; top:0; left:0; }
.checkbox .checkbox-text { height:35px; }
.checkbox .checkbox-text label { display:block; margin:0 0 0 10px; font-size:14px; font-weight: 500; line-height:16px !important; position:relative; top:50%; transform:translateY(-50%) }
.checkbox .checkbox-text + .error-message { display:block; margin-left:-35px; margin-top:5px !important; }

/*----------- HEADER -----------*/
.header-container { padding:17px 0 12px; position:relative; }
.header-inner-container { display: flex; align-items: center; justify-content: space-between; }
.header-inner-container .navbar-logo-searcharea { display: flex; align-items: center; }
/*.header-container .gradient-bar { width:100%; height:5px; background-color:#00ff90; position:absolute; top:0; left:0; }
.header-container .gradient-bar { background: #9fd4c4;background: -moz-linear-gradient(left, #9fd4c4 0%, #78cdf4 14%, #ef84b2 32%, #f9b471 56%, #bcd997 75%, #7db9e8 100%);*/ /* FF3.6-15 *//*background: -webkit-linear-gradient(left, #9fd4c4 0%,#78cdf4 14%,#ef84b2 32%,#f9b471 56%,#bcd997 75%,#7db9e8 100%);*/ /* Chrome10-25,Safari5.1-6 *//*background: linear-gradient(to right, #9fd4c4 0%,#78cdf4 14%,#ef84b2 32%,#f9b471 56%,#bcd997 75%,#7db9e8 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd4c4', endColorstr='#7db9e8',GradientType=1 );*/ /* IE6-9 */ /*}*/
.header-container .navbar-toggle { display:none; width:44px; height:36px; margin-right:10px; padding-top:10px; position:relative; z-index:1000; }
.header-container .logo { display: flex; height: 50px; align-items: center; }
.header-container .logo img { height:100%; }
.header-container .search-area { display: inline-block; width: 500px; margin-left:50px; position:relative; }
.header-container .mobile-search-area { display:none; }
.header-container .search-area input { width:100%; padding-left:12px; padding-right:60px; line-height: 50px; border: none; }
.header-container .search-area input::placeholder { color: #948582 }
.header-container .search-area .search-btn { width:60px; height:50px; text-align:center; background-color:#e8dad7; position:absolute; top:0; right:0; }
.header-container .search-area .search-btn i { color:#B16255; font-size:20px; line-height:50px; }
.header-container .account { position:relative; }
.header-container .account .btn-mobile { display:none !important; }
.header-container .account .btn-member { display: inline-block; min-width: 120px; padding:0 20px; background-color: #e8dad7; text-align:center; position:relative; }
.header-container .account .btn-member a { display:inline-block; padding-left:25px; color:#B16255; font-size:16px; line-height:50px; text-decoration:none; position:relative; }
.header-container .account .btn-member.btn-dextop > a, 
.header-container .account .btn-sell { font-weight: 500; }
.header-container .account .btn-member a i { display:inline-block; font-size:22px; line-height:50px; position:absolute; left:0; }
.header-container .account .btn-member .mask { display:none; width:100%; height:20px; background-color:#e4dad7; position:absolute; left:0; bottom:-10px; z-index:200; }
.header-container .account .btn-member.member-menu-open { -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.header-container .account .btn-member.member-menu-open .mask,
.header-container .account .btn-member.member-menu-open .member-menu { display:block }
.header-container .account .btn-member .member-menu { display:none; width: 100%; background-color:#e4dad7; font-size:16px; line-height:40px; text-align:left; position:absolute; top:49px; left:0; z-index:120; }
.header-container .account .btn-member .member-menu a { display:block; padding-left:50px; font-size:14px; line-height: 42px; border-bottom:1px solid #dbcac6; }
.header-container .account .btn-member .member-menu a.active, 
.header-container .account .btn-member .member-menu a:hover { font-weight: 500; color:#432714; }
.header-container .account .btn-member .member-menu a:LAST-child { border-bottom:0; }
.header-container .account .btn-member .member-menu a i { width: 40px; font-size:18px; line-height: 42px; text-align:center; top:0; left: 10px; }
.header-container .account .btn-sell { display: inline-block; width:120px; height:50px; margin-left: 15px; padding:0; font-size:16px; color:#fff; line-height:50px; text-align:center; text-decoration:none; }
.header-container .account .btn-sell-mobile { font-size:14px; color:#fff; }

/*----------- NAVBAR BUTTON -----------*/
.header-container .navbar-toggle { text-decoration:none; }
.header-container .navbar-toggle .toggle { width:50px; height:40px; padding-top:10px; padding-left:12px; position:absolute; left:5px; top:0; }
.header-container .navbar-toggle span { display:block; width:26px; height:3px; margin-top:4px; background-color:#B16255; }
.header-container .navbar-toggle span:nth-child(1) { margin-top:0; }
.header-container .navbar-toggle span:nth-child(2) { margin-left:5px; }
.category-menu-open .navbar-toggle span:nth-child(2),
.navbar-menu-open .navbar-toggle span:nth-child(2) { margin-left:-5px; }

/*----------- NAVBAR MENU -----------*/
.navbar-menu { display:none; }

/*----------- CATEGORY MENU -----------*/
.main-container > .category-menu { height:50px; background-color: #fff; border:1px solid #eaeaea; border-left: 0; border-right: 0; position:relative; }
.main-container > .category-menu > .container { position:relative; }
.main-container > .category-menu .category-menu-inner { position:absolute; top:8px; left:0; }
.main-container > .category-menu .category-menu-inner .navbar-toggle { display:block; width:200px; height:34px; padding-left:65px; background-color: #e8dad7; border-radius: 10px; }
.category-menu-open .category-menu .category-menu-inner .navbar-toggle { height:41px; }
.main-container > .category-menu .category-menu-inner .navbar-toggle .toggle { width:50px; height:34px; padding: 9px 0; padding-left:12px; position:absolute; left:5px; top:0; }
.main-container > .category-menu .category-menu-inner .navbar-toggle .toggle span { display:block; width:26px; height:3px; margin-top:4px; background-color:#B16255; }
.main-container > .category-menu .category-menu-inner .navbar-toggle .toggle span:nth-child(1) { margin-top:0; }
.main-container > .category-menu .category-menu-inner .navbar-toggle .toggle span:nth-child(2) { margin-left:5px; }
.category-menu-open .category-menu .category-menu-inner .navbar-toggle { -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.main-container > .category-menu .category-menu-inner .navbar-toggle .name { margin:0; font-size:15px; font-weight: 500; color:#B16255; line-height: 34px; cursor:pointer }
.main-container > .category-menu .category-menu-inner .navbar-toggle:hover { text-decoration: none; }
.main-container > .category-menu .category-menu-inner .category-mobile-button { display:none; }
.main-container > .category-menu .category-menu-inner .category-menu-all { display:none; width:300px; padding: 10px 0 10px 10px; background-color: #e8dad7; border-right: 1px solid #e5e5e5; box-shadow: 0 8px 10px rgba(0, 0, 0, .1); position:absolute; top:41px; left:0; z-index:999; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; -o-border-bottom-left-radius: 15px; -ms-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; }
.category-menu-open .category-menu .category-menu-inner .category-menu-all { display:block; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li { height: 50px; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -o-border-top-right-radius: 0; -ms-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li > a { display:block; padding:0 30px 0 56px; font-size:14px; font-weight: 500; line-height:50px; position:relative; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li > a .icon { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; background-color: #ddccc8; text-align: center; position: absolute; left: 4px; top: 4px;  }
.main-container > .category-menu .category-menu-inner .category-menu-all > li > a .icon svg { width: 26px; height: 26px; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li > a .text {  }
.main-container > .category-menu .category-menu-inner .category-menu-all > li > a .arrow { font-size:11px; color: #6a4e4a; position:absolute; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li.active { width: calc(100% + 1px); background-color:#fff; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li.active > a { color: #432714; text-decoration:none; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li.active > a .icon { background-color: #e8dad7; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li.active > a .sprite-arrow { display:none; }

/*----------- CATEGORY MENU (SUB MENU) -----------*/
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container { display:none; width:300px; height:100%; padding:15px; background-color:#fff; box-shadow: 8px 8px 10px rgba(0, 0, 0, .1); position:absolute; left:300px; top:0; z-index:3; overflow: hidden; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li.active .sub-category-container { display:block; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container .title { display:block; margin-bottom: 10px; font-size:15px; font-weight:500; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container ul.sub { display:flex; width:200px; height:96%; position:relative; z-index:2; flex-flow:column wrap; -webkit-flex-flow:column wrap; -moz-flex-flow:column wrap; -ms-flex-flow:column wrap; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container ul.sub li { margin-right: 10px; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container ul.sub li a { display: block; padding: 8px 0 8px 10px; font-size:14px; line-height:14px; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container ul.sub li:hover { background-color: #eee6e3; }
.main-container > .category-menu .category-menu-inner .category-menu-all > li .sub-category-container .category-background { position:absolute; bottom:0; right:0; z-index:1; }

/*----------- CATEGORY MENU GROUPED -----------*/
.main-container > .category-menu .category-menu-grouped { width: 100%; height: 48px; padding-left:210px; justify-content: space-between; }
.main-container > .category-menu .category-menu-grouped > ul { display: flex; height: 48px; justify-content: space-between; align-items: center; position: relative; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item { }
.main-container > .category-menu .category-menu-grouped li.group-menu-item > a { display:flex; height: 34px; align-items: center; padding:0 12px; font-size:14px; font-weight: 500; border-radius: 10px; line-height: 34px; text-align: center; color: #432714; position:relative; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item.active > a { text-decoration: none; color: #B16255; background-color: #e8dad7; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item:hover > a { text-decoration: none; color: #B16255; background-color: #e8dad7; }
.main-container > .category-menu .category-menu-grouped li.menu-mobile { display:none; }

/*----------- CATEGORY MENU GROUPED (SUB MENU) -----------*/
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container { display: none; width: 100%; height: 340px; padding: 20px 30px; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 8px 10px rgba(0, 0, 0, .2); position:absolute; top: 48px; left: 0; z-index: 100; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -o-border-top-right-radius: 0; -ms-border-top-right-radius: 0; border-top-right-radius: 0; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item { display: inline-block; width: 33%; height: calc(100% - 25px); }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item .title { margin: 0 0 6px 12px; font-size: 15px; font-weight: 600; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item .child-menu-items { display: flex; flex-flow: column wrap; align-content: flex-start; height: 100%; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item .child-menu-items .child-menu-item { width: 33.3%; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item .child-menu-items .child-menu-item a { display: block; padding: 6px 12px; font-size: 14px; line-height: 14px; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item .group-sub-menu-container .parent-menu-item .child-menu-items .child-menu-item a:hover { background-color: #eee6e3; text-decoration: none; }
.main-container > .category-menu .category-menu-grouped li.group-menu-item.active .group-sub-menu-container { display: flex; }

/*----------- CATEGORY ICON MENU -----------*/
.category-icon-menu { margin-top: 60px; }
.category-icon-menu ul { display: flex; width: 100%; justify-content: space-between; align-items: center; overflow-x: auto; overflow-y: inherit }
.category-icon-menu ul li { display: inline-block; }
.category-icon-menu ul li:last-child { margin-right: 0 }
.category-icon-menu ul li a { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.category-icon-menu ul li a:hover { color: #ec6190; text-decoration: none; }
.category-icon-menu ul li a .overlay { width: 100px; height: 100px; opacity: 0.15; position: absolute; top: 0; }
.category-icon-menu ul li a .icon { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; }
.category-icon-menu ul li a .icon svg { width: 50px; height: 50px; }
.category-icon-menu ul li a .name { display: flex; height:40px; align-items: center; }
.category-icon-menu ul li a .name span { display: block; width: 100%; font-size: 13px; font-weight: 600; line-height: 13px; }

.category-icon-menu ul li:nth-child(6n + 1) a { color: #B16255; }
.category-icon-menu ul li:nth-child(6n + 1) a .overlay { background-color: #B16255; }
.category-icon-menu ul li:nth-child(6n + 2) a { color: #A7B8A9; }
.category-icon-menu ul li:nth-child(6n + 2) a .overlay { background-color: #A7B8A9; }
.category-icon-menu ul li:nth-child(6n + 3) a { color: #2B4D3F; }
.category-icon-menu ul li:nth-child(6n + 3) a .overlay { background-color: #2B4D3F; }
.category-icon-menu ul li:nth-child(6n + 4) a { color: #825E46; }
.category-icon-menu ul li:nth-child(6n + 4) a .overlay { background-color: #825E46 ; }
.category-icon-menu ul li:nth-child(6n + 5) a { color: #8DA0BC; }
.category-icon-menu ul li:nth-child(6n + 5) a .overlay { background-color: #8DA0BC; }
.category-icon-menu ul li:nth-child(6n + 6) a { color: #E0B36A; }
.category-icon-menu ul li:nth-child(6n + 6) a .overlay { background-color: #E0B36A; }

/*----------- SEARCH BANNER -----------*/
.search-banner { height: 450px; /*box-shadow: 0px 4px 8px rgba(0, 0, 0, .1);*/ }
.search-banner .swiper-container { height: 100%; }
.search-banner .swiper-container .swiper-wrapper { height: 100%; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; padding: 0 0 0 30px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; /*background: linear-gradient(25deg, rgba(223, 162, 63, 1) 0%, rgba(233, 213, 186, .5) 50%); background: linear-gradient(25deg, rgba(223, 162, 63, 1) 0%, rgb(243 241 242) 45%);*/ }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a:hover { text-decoration: none; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .mask { display:block; width:100%; height:100%; position: absolute; top: 0; left: 0; }
/*.search-banner .swiper-container .swiper-wrapper .swiper-slide a .mask-background { display: none; background-image:url('/assets/img/icon-background-yellow.webp'); background-size: 280px; background-repeat: repeat; background-position:center; opacity: .15; z-index: 10; }*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content { width: 500px; margin: 30px 0 0 70px; z-index: 20; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .title { display: inline-block; min-width: 360px; min-width: 360px; font-family: 'Source Serif 4'; text-align: center; position: relative; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .title span { display: block; font-size: 32px; font-weight: 600; font-style: italic; color: #B16255; white-space: nowrap; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .title span:first-child { position: absolute; left: 20px; top: -40px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .title span:nth-child(2n) { font-size: 54px; font-weight: 800; color: #432714; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .title span:last-child { position: absolute; right: 20px; bottom: -40px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .description { display: block; margin-top: 70px; font-family: 'Source Serif 4'; font-size: 20px; font-weight: 400; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .button { display: block; width: 200px; height: 50px; margin-top: 30px; font-size: 18px; line-height: 50px; border-radius: 20px; color: #fff; text-align: center; background-color: #b16255; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .content .button i {margin-left: 5px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .background .mobile { display: none; }
.search-banner .swiper-container .swiper-button { width: 40px; height: 40px; margin-top: 0; background-size: 25%; background-color: #ddc7c3; position: absolute; bottom: 12px; left: 175px; top: unset; right: unset; }
.search-banner .swiper-container .swiper-button.swiper-button-disabled { background-color: #e8dad7; opacity: 1; }
.search-banner .swiper-container .swiper-button-prev { transform: translateX(-30px) }
.search-banner .swiper-container .swiper-button-next { transform: translateX(30px) }
.search-banner .swiper-container .swiper-pagination { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 30px; height: 100%; top: 0; left: 0; bottom: unset; }
.search-banner .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 22px; height: 22px; margin: 10px 0; background-color: #e8dad7; border-radius: 6px; opacity: 1; position: relative; overflow: hidden; transform: rotate(45deg); }
.search-banner .swiper-container .swiper-pagination .swiper-pagination-bullet span { width: 200%; height: 0; background-color: #c49d96; position: absolute; left: -5px; bottom: 0; transform: rotate(-45deg); }
.search-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.search-banner .swiper-container .swiper-pagination .swiper-pagination-bullet:hover{ background-color: #e8dad7; }
.search-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { animation: bulletTimer 3s linear; }
 { background-color: #b16255; }
@keyframes bulletTimer { from { height: 150%; } to { height: 0; } }

/*----------- SEARCH BANNER (IMAGE COLLAGES) -----------*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage { height: 100%; position: relative; z-index: 20; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage::before { content: ''; width: 80%; height: 60%; background: radial-gradient(circle at center, rgba(200,150,100,.30) 0%, rgba(200,150,100,0) 70%); filter: blur(60px); border-radius: 50%; position: absolute; top: 20%; left: 10%; z-index: 0; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img { overflow: hidden; border-radius: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.12); position: relative; z-index: 1; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img:hover { transform: scale(1.03); box-shadow: 0 6px 14px rgba(0,0,0,0.12) }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img img { width: 100%; height: 100%; object-fit: cover; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img.img-big { width: 340px; height: 340px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img.img-middle { width: 180px; height: 180px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage .img.img-small { width: 130px; height: 130px; }

/*----------- SEARCH BANNER (DIAMOND COLLAGE) -----------*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond { width: 740px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img { display: flex; align-items: center; justify-content: center; border-radius: 30px; transform: rotate(45deg); position: absolute; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img:hover { transform: rotate(45deg) scale(1.03); box-shadow: 0 6px 14px rgba(0,0,0,0.12) }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img img { width: 135%; height: 135%; transform: rotate(-45deg) }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img-big { width: 300px; height: 300px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img-middle { width: 160px; height: 160px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img-small { width:134px; height: 134px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img.img-1 { top: 90px; right: 60px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img.img-2 { top: 32px; right: 356px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img.img-3 { top: 246px; right: 397px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img.img-4 { top: 119px; right: 524px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .img.img-5 { top: 290px; right: 613px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape { background-color: #cfaca6; border-radius: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, .08); transform: rotate(45deg); position: absolute; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape.shape-soft { background-color: #e3c9c4; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape.shape-1 { width: 80px; height: 80px; top: 345px; right: 18px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape.shape-2 { width: 70px; height: 70px; top: 14px; right: 273px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape.shape-3 { width: 65px; height: 65px; top: 354px; right: 317px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-diamond .shape.shape-4 { width: 55px; height: 55px; top: 220px; right: 709px; }

/*----------- SEARCH BANNER (BOX MODEL 1) -----------*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage-wrapper { display: flex; gap: 20px; height: 100%; padding: 20px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-1 { display: flex; width: 500px; flex-direction: row; direction: rtl; flex-wrap: wrap; gap: 20px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-1 .img { height: calc(50% - 10px); }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-1 .img-big { width: 300px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-1 .img-middle { width: 180px; border-radius: 60px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-last { width:150px; height: 100%; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-last .img-small { width: 150px; height: 150px; border-radius: 50%; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-last .img-middle { width: 150px; height: calc(100% - 170px); margin-top: 20px; border-radius: 60px; }

/*----------- SEARCH BANNER (BOX MODEL 2) -----------*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 { display: flex; padding: 12px; flex-direction: column; direction: rtl; flex-wrap: wrap; gap: 20px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img { width: 220px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-big { width: 260px; height: 100%; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-small { width: 160px; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-2,
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-5 { height: calc(40% - 10px); }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-3,
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .collage.collage-box-model-2 .img-4 { height: calc(60% - 10px); }

/*----------- SEARCH BANNER (BACKGROUND MODEL) -----------*/
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:1; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .background img.background-mask { width: 600px; height: 450px; position: absolute; top: 0; left: 0; z-index: 10; }
.search-banner .swiper-container .swiper-wrapper .swiper-slide a .background img { display: block; width: 100%; height: 100%; object-fit: cover; }

/*--- TABS ---*/
.tab-container { margin-top: 10px; }
.tab-container .tab { display:inline-block; height:34px; padding: 0 15px; font-size:14px; font-weight:500; line-height:34px; border-radius: 12px; background-color: #e8dad7; color: #B16255; }
.tab-container .tab:first-child { margin-right: 10px; }
.tab-container .tab:hover,
.tab-container .tab.active { background-color:#B16255; color:#fff; }
.tab-container .tab.active:hover { background-color:#B16255; color:#fff; }

/*----------- SHOP -----------*/
.shop-banner-container { display:block; width:100%; height:200px; margin: 20px 0; position: relative; overflow: hidden; }
.shop-banner-container .mask { display:block; width:100%; height:100%; position: absolute; top: 0; left: 0; }
.shop-banner-container .mask-gradient{ background: linear-gradient(25deg, rgba(43, 77, 63, 1) 0%, rgba(167, 184, 169, .5) 50%); z-index: 1; }
.shop-banner-container .mask-background { background-image:url('/assets/img/icon-background-green.webp'); background-size: 280px; background-repeat: repeat; background-position:center; opacity: .3; z-index: 2; }
.shop-banner-container .header { display: flex; height: 100%; align-items: center; justify-content: space-between; padding: 20px 50px; position:relative; z-index: 3; }
.shop-banner-container .header .column { }
.shop-banner-container .header .column.column-left { display: flex; align-items: center; }
.shop-banner-container .header .column.column-left .img { width: 130px; height: 130px; box-shadow: 2px 2px 10px rgba(0, 0, 0, .3); }
.shop-banner-container .header .column.column-left .img img { width: 100%; height: 100%; object-fit: cover; }
.shop-banner-container .header .column.column-left .content { margin-left: 15px; }
.shop-banner-container .header .column.column-left .content .title { font-size: 32px; line-height: 32px; font-weight: 700; color: #163428; }
.shop-banner-container .header .column.column-left .content .metrics { margin-top: 5px; }
.shop-banner-container .header .column.column-left .content .metrics li { display: inline-block; margin-right: 6px; padding: 2px 6px; font-size: 12px; font-weight: 600; color: #163428 !important; background-color: #b0b8b1; }
.shop-banner-container .header .column.column-left .content .metrics li span { font-size: 13px; font-weight: 700; }
.shop-banner-container .header .column.column-right { }
.shop-banner-container .header .column.column-right a { padding: 0 20px; }

/*----------- ACCOUNT -----------*/
.account-menu-container { padding-right: 20px; }
.account-menu-container .in { padding:12px; background-color:#e4dad7; border-radius: 15px; }
.account-menu-container .in .profile-image { width:150px; height:150px; margin:5px auto 0; background-color:#cdc0bd; position:relative; }
.account-menu-container .in .profile-image img { display:block; max-width:80%; max-height:80%; }
.account-menu-container .in .profile-image .btn-settings { padding:5px; font-size:24px; line-height: 24px; background-color:#fff; position:absolute; bottom: -5px; }
.account-menu-container .in .titles { margin-top: 10px; }
.account-menu-container .in .title { }
.account-menu-container .in .menu { text-align: center; margin-top: 15px; overflow:hidden; }
.account-menu-container .in .menu ul { display: inline-block; width: auto; margin: auto; text-align: left; }
.account-menu-container .in .menu .navbar-toggle { display:none; }
.account-menu-container .in .menu li { margin-bottom: 6px; padding: 0 10px; border-radius: 8px; }
.account-menu-container .in .menu li.active, 
.account-menu-container .in .menu li:hover { background-color:#d5c7c1; }
.account-menu-container .in .menu li.active a,
.account-menu-container .in .menu li:hover a { color: #432714; }
.account-menu-container .in .menu li:last-child { margin-bottom:0; }
.account-menu-container .in .menu li a { display: block; color: #B16255; font-size:14px; line-height:32px; }
.account-menu-container .in .menu li a i { display: inline-block; width: 24px; margin-right: 5px; text-align: center; font-size: 15px; }

.account-summary-container { }
.account-summary-container .part { height:214px; border:1px solid #ececec; font-size:16px; color:#108ca8; background-color:#fbfbfb; text-align:right; position:relative; }
.account-summary-container .part:hover { border:1px solid #d13066; }
.account-summary-container .part > * { position:absolute; }
.account-summary-container .part .icon { top:17px; left:17px; }
.account-summary-container .part .icon i { font-size:72px; color:#f5d2de; position:unset; }
.account-summary-container .part .title { width:50%; font-size:22px; line-height:20px; color:#909090; top:18px; right:12px; }
.account-summary-container .part .count { font-size:72px; line-height:55px; color:#d13066; font-weight:300; bottom:15px; right:15px; }
.account-summary-container .part .link { width:50px; height:50px; font-size:24px; line-height:42px; text-align:center; color:#d13066; border:4px solid #d13066; text-decoration:none; left:15px; bottom:15px; z-index:20; }
.account-summary-container .part a.overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; }

.account-record-list { }

.footer-container { margin-top: 50px; background-color: #fbfbfb; position: relative; z-index: 99; } 
.footer-container .footer-top { display: flex; padding: 30px 0; } 
.footer-container .footer-top .footer-top-column { height: 280px; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 { width: 25%; }
.footer-container .footer-top .footer-top-column.footer-top-column-1 img { height: 65px; margin-bottom: 10px; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 p { font-size: 14px; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul { margin: 0; padding: 0; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul li { display: inline-block; list-style: none; margin-right: 10px; margin-top: 0; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul li a { display:inline-block; width:40px; height:40px; font-size: 20px; line-height:40px; border-radius: 50%; background-color: #f5f3f3; text-align:center; } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul li a.facebook { color: #4267b2 } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul li a.instagram { color: #e63f5b } 
.footer-container .footer-top .footer-top-column.footer-top-column-1 ul li i { } 
.footer-container .footer-top .footer-top-column.footer-top-column-2 { width: 15%; } 
.footer-container .footer-top .footer-top-column.footer-top-column-3 { width: 60%; } 
.footer-container .footer-top .footer-top-column.footer-top-column-3 ul { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; } 
.footer-container .footer-top .footer-top-column.footer-top-column-3 ul li { width: 33.3%; } 
.footer-container .footer-top .footer-top-column.footer-top-column-2, 
.footer-container .footer-top .footer-top-column.footer-top-column-3 { } 
.footer-container .footer-top .footer-top-column.footer-top-column-2 h4, 
.footer-container .footer-top .footer-top-column.footer-top-column-3 h4 { margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 35px; letter-spacing: 0; } 
.footer-container .footer-top .footer-top-column.footer-top-column-2 ul, 
.footer-container .footer-top .footer-top-column.footer-top-column-3 ul { height: calc(100% - 35px); margin: 0; padding: 0; } 
.footer-container .footer-top .footer-top-column.footer-top-column-2 ul li, 
.footer-container .footer-top .footer-top-column.footer-top-column-3 ul li { } 
.footer-container .footer-top .footer-top-column.footer-top-column-2 ul li a, 
.footer-container .footer-top .footer-top-column.footer-top-column-3 ul li a { display: block; color: #573a26; font-size: 14px; line-height: 35px; } 
.footer-container .footer-top .footer-top-column ul li a:hover { font-weight: bold; } 
.footer-container { z-index: 99; position: relative; } 
.footer-container.dark-footer { background: #191f2b; } 
.footer-container.light-footer { background: #ffffff; } 
.footer-container.light-footer.light { background: #ebf6ff; } 
.footer-logo { padding: 20px 0; display: inline-block; width: 100%; border-top: 1px solid #eaeef3; border-bottom: 1px solid #eaeef3; } 
footer.footer-small { padding: 50px 0 0 0; } 
.ft-itext { font-weight: 500; font-size: 16px; text-align: center !important; margin: 10px; } 
.ft-itext i { margin-right: 5px; } 
ul.social { margin: 0; padding: 0; } 
ul.social li { display: inline-block; list-style: none; margin: 5px; } 
ul.social li a { width: 40px; height: 40px; display: inline-block; background: #ffffff; border-radius: 50%; -webkit-box-shadow: 0 0px 12px 0 rgba(71,119,244,0.2); box-shadow: 0 0px 12px 0 rgba(71,119,244,0.2); line-height: 40px; text-align: center; } 
.ft-copyright { border-top: 1px solid #eaeef3; padding: 15px 0 12px 0; } 
.ft-copyright p { margin-bottom: 0; } 
.footer-logo img { max-width: 185px; }
.footer-bottom { padding: 12px 0; border-top: 1px solid #efeaea; } 
.footer-bottom p { color: #998e83; font-size: 14px; } 
.footer-bottom p a { color: #644f41; font-weight: 600; } 


/*----------- POPULAR ADS -----------*/
.popular-ads { }
.popular-ads .swiper-button { width: 45px; height: 50px; top: 33%; background-size: 30%; background-color: #fff; }
.popular-ads .swiper-button-prev { left: 0; border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
.popular-ads .swiper-button-next { right: 0; border-top-left-radius: 50%; border-bottom-left-radius: 50%; }

/*----------- BOX MODELS -----------*/
.box-model .favorite { width: 30px; height: 30px; display: inline-block; background-color: #fff; text-align: center; border-radius: 50%; position: absolute; top: 12px; right: 12px; z-index: 30; }
.box-model .favorite i { font-size: 17px; line-height: 30px; color: #9f4b3e; }
.box-model .favorite.active i.fa-solid { display: inline-block; }
.box-model .favorite.active i.fa-regular { display: none; }
.box-model .category { display: inline-block; font-size: 12px; font-weight: 500; line-height: 16px; color: #B16255; text-decoration: none; }
.box-model .category:hover { color: #d9998f; }
.box-model .overlay { display:block; width:100%; height:100%; overflow: hidden; position:relative; z-index:10; } 
.box-model .img { width:100%; height:100%; background-color: #e4dad7; overflow:hidden; position:relative; }
.box-model .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.box-model .img .ad-status { padding: 3px 6px; font-size: 13px; font-weight: 600; background-color: #B16255; border-radius: 8px; color: #fff; position: absolute; top: 10px; left: 10px; }
.box-model .info { padding: 10px; }
.box-model .info .title { display:block; margin-top: 2px; font-size:13px; font-weight: 500; line-height: 14px; color:#432714; }
.box-model .info .price { display:block; font-size:16px; line-height: 16px; font-weight:700; color: #432714; position: absolute; bottom: 10px; }
.box-model .metrics { width: 100%; padding: 0 10px 2px 10px; border-bottom: 1px solid #e8dad7; position: absolute; bottom: 35px; left: 0; z-index: 10; }
.box-model .metrics .metric { display: inline-block; margin-right: 10px; font-size: 14px; font-weight: 400; }
.box-model .metrics .metric i { margin-right: 5px; }
.box-model .metrics .metric span { }
.box-model .action { position: absolute; bottom: 5px; right: 10px; z-index: 10; }
.box-model .action a { display:inline-block; width: 28px; height: 28px; font-size: 18px; text-align: center; border-radius: 8px; }
.box-model .action a:hover { background-color: #e8dad7; }
.box-model .action a:first-child { margin-right: 3px; }

 /*---- box model, box-item (hover) ----*/
.box-model, .box-item { position: relative; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }
.box-model:hover, .box-item:hover { transform: scale(1.01); -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); }

.title-wrapper { display: flex; justify-content: space-between; align-items: center; }
.title-wrapper .title { display: block; font-size: 0; }
.title-wrapper .drp-sorter { height: 30px; padding: 0 12px; border-radius: 15px; }

/*---- box-flow-list ----*/
.box-flow-list { margin: 16px -10px 0 -10px; position:relative; }
.box-flow-list .box { padding:0 10px 20px; opacity:1; }
.box-flow-list .box .box-model .overlay { background-color: #fff; }
.box-flow-list .box .box-model:hover .overlay { box-shadow: 0 0 12px rgba(0,0,0,.2); }
.box-flow-list .box .box-model .img { display: block; height: 200px; position: relative; }
.box-flow-list .box .box-model .img .adtag-container { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10px; background-color: #F4F1F280; }
.box-flow-list .box .box-model .img .adtag-container.active { display: block; }
.box-flow-list .box .box-model .img .adtag-container ul { width: 100%; height: 100%; padding: 8px; background-color: #fff; border-radius: 8px; }
.box-flow-list .box .box-model .img .adtag-container ul li { display: inline-block; height: 26px; margin-bottom: 8px; padding: 0 8px; font-size: 12px; line-height: 26px; background-color: #e8dad7; border-radius: 8px; }
.box-flow-list .box .box-model .img .adtag-container ul li.title { display: block; height: auto; margin-bottom: 2px; padding: 0; font-size: 13px; font-weight: 600; background-color: transparent; }
.box-flow-list .box .box-model .img .adtag-container ul li i { display: inline-block; width: 18px; height: 18px; margin-right: 2px; line-height: 18px; text-align: center; border-radius: 50%; background-color: #B16255; color: #e8dad7; }
.box-flow-list .box .box-model .info { height: 100px; font-size: 0; }
.box-flow-list .box .box-model.my-ad .info { height: 130px; }
.box-flow-list .box .box-model.shop .info { height: auto; padding: 15px; }
.box-flow-list .box .box-model.shop .info .title { font-size: 16px; font-weight: 600; text-align: center; }
.box-flow-list .box.before { opacity:0; }

.button-show-all { width: 180px; margin: auto; font-weight: 500; }

/*---- box-regular-list ----*/
.box-regular-list { }
.box-regular-list .box-model { margin-bottom:50px; }
.box-regular-list .box-model .category { bottom: 0; right: 10px; }
.box-regular-list .box-model .overlay { border:0; overflow: visible; }
.box-regular-list .box-model:hover .overlay { box-shadow: none; }
.box-regular-list .box-model .img { height:250px; }
.box-regular-list .box-model:hover .img { box-shadow: 0 0 12px rgba(0,0,0,.3); }
.box-regular-list .box-model .info { padding: 12px 0; }
.box-regular-list .box-model .info .title { margin-bottom:5px; font-size: 18px; line-height: 22px; font-weight: 600; }
.box-regular-list .box-model .info .description { margin:0; color:#825E46; font-size:15px; font-weight:400; line-height:22px; }

/*---- box-items ----*/
.box-items { }
.box-items .box-item { padding: 10px 10px 0; }
.box-items .box-item .overlay { display:block; width:100%; height:100%; text-decoration:none; position:relative; }
.box-items .box-item .overlay .img { width:100%; height:280px; overflow:hidden; position:relative; }
.box-items .box-item .overlay:hover .img { box-shadow: 0 0 12px rgba(0,0,0,.2); }
.box-items .box-item .overlay .img img { width: 100%; height: 100%; object-fit: cover; }
.box-items .box-item .overlay .info { margin-top: 10px; text-align: center; }
.box-items .box-item .overlay .info .title { font-size: 18px; font-weight: 600; line-height: 22px; color: #432714; }
.box-items .box-item .overlay:hover .info .title { color: #693f22; }
.box-items .box-item .overlay .info span { display: block; margin-top: 5px; font-size: 12px; font-weight: 500; line-height: 16px; color: #B16255; }

/*---- box-items (2) ----*/
3.box-items .box-item.box-item-2 { }
.box-items .box-item.box-item-2 .overlay { }
.box-items .box-item.box-item-2 .overlay .img { height: 180px; }
.box-items .box-item.box-item-2 .overlay .info .title { color: #2B4D3F; line-height: 18px; }
.box-items .box-item.box-item-2 .overlay:hover .info .title { color: #3c7a60; }
.box-items .box-item.box-item-2 .overlay .info span { color: #619f85; }

/*---- breadcrumb-container ----*/
.breadcrumb-container { display: flex; margin-bottom: 10px; }
.breadcrumb-container a, .breadcrumb-container span { display:block; padding-right:6px; color:#978071; font-size:13px; font-weight: 500; line-height:20px; }
.breadcrumb-container span { color:#a7978d; }
.breadcrumb-container i { padding-right:6px; font-size:10px; line-height:20px; color:#9b7266; }

/*---- selected-filters ----*/
.selected-filters-group { }
.selected-filters-group .filter { display:inline-block; margin:10px 10px 0 0; font-size:13px; color:#432714; }
.selected-filters-group .filter .name { font-weight:600; }
.selected-filters-group .filter .delete { display:inline-block; padding:4px 6px; color: #B16255; background-color:#e8dad7; text-decoration:none; }
.selected-filters-group .filter .delete:hover { background-color:#d7c3bf; }
.selected-filters-group .filter .delete i { display:inline-block; margin-left:3px; padding:3px 4px; font-size:10px; line-height:9px; color:#e2e9e3; background-color:#b16255; position:relative; top:-1px; }
.selected-filters-group .filter .delete i.type-2 { padding:0; font-size:16px; line-height:16px; color:#b16255; background-color:transparent; top: 1px; }

/*---- filter-area ----*/
.filter-area { padding: 0 20px 0 0; }
.filter-area .filter-title, .filter-area .filter-close { display:none; }
.filter-area .filter-groups { }
.filter-area .filter-groups .filter-group { height:auto; margin-bottom: 20px; padding: 12px; border:1px solid #e4dad7; border-radius: 15px; }
.filter-area .filter-groups .filter-group.closed { height:26px; }
.filter-area .filter-groups .filter-group.closed .title .icon-sort.icon-sort-up { display:none; }
.filter-area .filter-groups .filter-group.closed .title .icon-sort.icon-sort-down { display:block; }
.filter-area .filter-groups .filter-group.closed .list { height:0; }
.filter-area .filter-groups .filter-group .title { padding:0 10px; font-size:16px; line-height:16px; position:relative; }
.filter-area .filter-groups .filter-group .title a { display:block; font-size: 15px; font-weight:600; }
.filter-area .filter-groups .filter-group .title span { position:absolute; top:50%; transform:translateY(-50%); }
.filter-area .filter-groups .filter-group .title .icon-filter { margin-top: -1px; font-size:10px; color:#b16255; left: -3px; }
.filter-area .filter-groups .filter-group .title .icon-sort { color:#b16255; right:-2px; }
.filter-area .filter-groups .filter-group .title .icon-sort.icon-sort-down { display:none; }
.filter-area .filter-groups .filter-group .list { margin-top: 5px; overflow:hidden; }
.filter-area .filter-groups .filter-group.long ul { max-height:184px; }
.filter-area .filter-groups .filter-group.short ul { max-height:132px; }
.filter-area .filter-groups .filter-group li { padding-left:6px; position:relative; }
.filter-area .filter-groups .filter-group li a { display:block; padding: 4px; font-size:13px; line-height:13px; }
.filter-area .filter-groups .filter-group li.selected a,
.filter-area .filter-groups .filter-group li a:hover { font-weight:600; color:#b16255; text-decoration: none; }
.filter-area .filter-groups .filter-group li a span { display:inline-block; margin-left:3px; font-size:11px; color:#8c98a5; }

.filter-area .filter-groups .filter-group .range-inputs { display:flex; justify-content:space-between; padding:10px 0; }
.filter-area .filter-groups .filter-group .range-inputs input { width:42%; }
.filter-area .filter-groups .filter-group .range-inputs span { height:34px; font-size:14px; line-height:32px; color:#333; }

/*---- mobile-sorter-area ----*/
.filter-area.sorter-area { display:none; }

/*---- mobile-filter-button ----*/
.mobile-filter-button { display:none; }

/*---- pagination ----*/
.pagination-container { margin: 10px auto 0; text-align:center; font-size:0; }
.pagination-container a,
.pagination-container span { display:inline-block; width:50px; height:50px; margin:0 5px; font-size:22px; line-height:50px; color:#B16255; background-color:#e8dad7; }
.pagination-container a.selected,
.pagination-container a:hover { color:#7f431a; line-height:48px; background-color:#d9b9b2; }

/*----------- PRODUCT DETAIL -----------*/
.product-detail { position:relative; }
.product-detail .header .product-title { padding-right:110px; }
.product-detail .header .price { font-size:20px; line-height:20px; font-weight:700; position:absolute; top:0; right:0; }
.product-detail .photo-container { height:550px; position: relative; }
.product-detail .photo-container .thumb-list { width:18%; height:100%; float:left; overflow:hidden; }
.product-detail .photo-container .thumb-list .swiper-container { width:100%; height:100%; overflow:visible; }
.product-detail .photo-container .thumb-list .swiper-wrapper { display:block; }
.product-detail .photo-container .thumb-list .swiper-slide { width:100%; height:24%; margin-bottom:12px; }
.product-detail .photo-container .thumb-list .swiper-slide a { display:block; width:100%; height:100%; overflow:hidden; }
.product-detail .photo-container .thumb-list .swiper-slide a.selected { border: 2px solid #B16255; padding: 2px; }
.product-detail .photo-container .thumb-list .swiper-slide a img { display:block; width:100%; height:100%; object-fit: cover; }
.product-detail .photo-container .swiper-buttons { width: 18%; height: 100%; position: absolute; top: 0; left: 0; }
.product-detail .photo-container .swiper-buttons .swiper-button { width:34px; height:34px; margin:0; font-size:0; text-align:center; background-image:unset; background-color:#e8dad7; position:absolute; top: unset; }
.product-detail .photo-container .swiper-buttons .swiper-button.swiper-button-prev { top: -20px; }
.product-detail .photo-container .swiper-buttons .swiper-button.swiper-button-prev i { line-height:44px; }
.product-detail .photo-container .swiper-buttons .swiper-button.swiper-button-next { bottom: -20px; }
.product-detail .photo-container .swiper-buttons .swiper-button.swiper-button-next i { line-height:24px; }
.product-detail .photo-container .swiper-buttons .swiper-button i { font-size:24px; }
.product-detail .photo-container .swiper-bullets { width:8px; position: absolute; top:50%; left:-20px; transform:translateY(-50%); }
.product-detail .photo-container .swiper-bullets .swiper-pagination-bullet { display:inline-block; width: 8px; height: 8px; margin:2px 0; background-color:#e8dad7; opacity:1; }
.product-detail .photo-container .swiper-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#432714; }
.product-detail .photo-container .main { width:82%; height:100%; padding-left:12px; float:right; }
.product-detail .photo-container .main .swiper-container { height: 100%; }
.product-detail .photo-container .main .swiper-container .swiper-button { width:40px; height:40px; margin:0; padding: 0; font-size:0; text-align:center; background-image:unset; background-color:#f3f1f2; position:absolute; }
.product-detail .photo-container .main .swiper-container .swiper-button.swiper-button-prev { left: 12px; }
.product-detail .photo-container .main .swiper-container .swiper-button.swiper-button-next { right: 12px; }
.product-detail .photo-container .main .swiper-container .swiper-button i { font-size:20px; line-height:40px; }
.product-detail .photo-container .main.single { width:100%; padding: 0; }
.product-detail .photo-container .main.single .swiper-container .swiper-button { display: none; }
.product-detail .photo-container .main a { display:block; width:100%; height:100%; overflow:hidden; }
.product-detail .photo-container .main a img { display:block; width:100%; height:100%; object-fit: cover; }
.product-detail .photo-container .main a.button { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #f3f1f2; position: absolute; top: 12px; z-index:10; }
.product-detail .photo-container .main a.button.btn-favorite { font-size: 20px; right: 64px; }
.product-detail .photo-container .main a.button.btn-gallery-open { font-size: 16px; right: 12px; }

.fancybox__content img { border-radius: 12px !important; }
.f-thumbs__slide__button { --f-thumb-border-radius: 6px; }

.product-detail .detail-container { }
.product-detail .detail-container .detail-area { margin-top:20px; padding-top: 20px; border-top: 1px solid #e8dad7; }

.product-detail .shop-area { padding:12px; border:0; text-align: center; }
.product-detail .shop-area .header { margin: auto; position:relative; }
.product-detail .shop-area .header .photo { display:inline-block; width:80px; height:80px; border:1px solid #efefef; background-color:#fff; overflow:hidden; }
.product-detail .shop-area .header .photo img { display:block; max-width:100%; max-height:100%; }
.product-detail .shop-area .header .favorite { width: 30px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; position:absolute; top: -2px; right: -2px; }
.product-detail .shop-area .links { margin-top: 5px; } 
.product-detail .shop-area .links a { display: block; margin-bottom: 10px; padding:3px 0; color:#fff; }
.product-detail .shop-area .links a:last-child { margin: 0; }
.product-detail .shop-area .ads { margin-top: 10px; }
.product-detail .shop-area .ads .ad-item { margin-bottom: 10px; }
.product-detail .shop-area .ads .ad-item:hover { background-color: #d2dbd3; }
.product-detail .shop-area .ads .ad-item:last-child { margin: 0; }
.product-detail .shop-area .ads .ad-item a { display: flex; align-items: center; text-align: left; }
.product-detail .shop-area .ads .ad-item .img { flex-shrink: 0; width: 55px; height: 55px; overflow: hidden; }
.product-detail .shop-area .ads .ad-item .img img { width: 100%; height: 100%; object-fit: cover; }
.product-detail .shop-area .ads .ad-item .content { padding: 0 4px; }
.product-detail .shop-area .ads .ad-item .content .title { font-size: 12px; }
.product-detail .shop-area .ads .ad-item .content .price { display: block; margin-top: 4px; font-size: 12px; line-height: 12px; font-weight: 600; }

.product-detail .detail-container .product-details { } 
.product-detail .detail-container .product-details li { margin-bottom: 5px; } 
.product-detail .detail-container .product-details li:last-child { margin: 0; } 
.product-detail .detail-container .product-details li strong { font-size: 15px; font-weight: 600; } 
.product-detail .detail-container .product-details li span { font-size: 14px; } 

/*---- tags (read-only: visitor / owner / admin görünümleri) ----*/
.product-detail .detail-container .tags { } 
.product-detail .detail-container .tags li { margin:10px 10px 0 0; float:left; } 
.product-detail .detail-container .tags li a { display:block; padding:0 12px; font-size: 14px; line-height: 28px; }
.product-detail .detail-container .tags li.pending > a { background-color: #ca7f07; color: #fff }
.product-detail .detail-container .tags li.approved > a { background-color: #315c40; color: #fff }
.product-detail .detail-container .tags li.rejected > a { background-color: #a83008; color: #fff }

/*---- tags (admin editable) ----*/
.product-detail .detail-container .tags .tag-list.editable .tag-item { display: inline-flex; height: 30px; margin: 10px 10px 0 0; float: left; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-content { display: inline-flex; align-items: center; height: 100%; padding: 0 8px 0 10px; font-size: 14px; line-height: 28px; color: #fff; }
.product-detail .detail-container .tags .tag-list.editable .tag-item.pending .tag-content { background-color: #ca7f07; }
.product-detail .detail-container .tags .tag-list.editable .tag-item.approved .tag-content { background-color: #315c40; }
.product-detail .detail-container .tags .tag-list.editable .tag-item.rejected .tag-content { background-color: #a83008; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-status-icon { margin-right: 6px; font-size: 12px; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-name { font-weight: 500; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-name-input { width: 120px; height: 22px; padding: 0 6px; font-size: 13px; line-height: 22px; border: 1px solid #fff; border-radius: 4px; color: #432714; background-color: #fff; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-name-input.input-validation-error { border-color: #fc4755 !important; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions { display: inline-flex; align-items: center; margin-left: 8px; padding-left: 8px; border-left: 1px solid rgba(255, 255, 255, .35); }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions a { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 4px; font-size: 11px; color: #fff; background-color: rgba(255, 255, 255, .18); border-radius: 4px; text-decoration: none; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions a:first-child { margin-left: 0; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions a:hover { background-color: rgba(255, 255, 255, .35); }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions .btn-tag-approve:hover { background-color: #1f8a3b; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions .btn-tag-deny:hover { background-color: #b62a08; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions .btn-tag-edit-save:hover { background-color: #1f8a3b; }
.product-detail .detail-container .tags .tag-list.editable .tag-item .tag-actions .btn-tag-edit-cancel:hover { background-color: #6e6e6e; }

.product-detail .admin-approve-panel { width:240px; position: relative; margin: auto; background-color: #fff; padding: 15px; border-radius: 6px; } 
.product-detail .admin-approve-panel .status-text { padding-bottom: 10px; text-align: center; font-size: 15px; font-weight: 600; line-height: 12px; color: #245652; border-radius: 6px; background-color: #fff; } 
.product-detail .admin-approve-panel .status-text span { display: inline-block; margin-top: 5px; font-size: 12px } 
.product-detail .admin-approve-panel a:active, .admin-approve-panel a:focus { color: inherit !important; background: #fff !important; }

.product-detail .admin-approve-panel.owner-status-panel { width: auto; margin-bottom: 20px; } 
.product-detail .admin-approve-panel.owner-status-panel .owner-info { } 
.product-detail .admin-approve-panel.owner-status-panel .owner-info p { margin-bottom: 0; font-weight: 500; text-align: center; } 

.tabs { height: 60px; position: relative; top: 1px; }
.tabs .tab { display: inline-block; height: 50px; margin-top: 10px; padding: 0 40px; font-size: 14px; line-height: 50px; border-top-left-radius: 12px;  border-top-right-radius: 12px; position: relative; }
.tabs .tab.active { height: 51px; font-size: 16px; font-weight: 600; border: 1px solid #eaeaea; border-bottom-color: #fff; background-color: #fff; }
.contents { padding: 40px; background-color: #fff; border: 1px solid #eaeaea; border-radius: 12px; border-top-left-radius: 0; }
.contents .content { font-size: 16px; }

/*----------- PRODUCT ADD -----------*/

/*---- dropzone-upload-container ----*/
.dropzone-upload-container-2 { height:200px; padding-top:30px; border:2px dashed #44bdd8; text-align:center; }
.dropzone-upload-container-2 .icon { font-size:60px; line-height:60px; color:#44bdd8; }
.dropzone-upload-container-2 > span { display:block; margin-top:15px; font-size:24px; color:#555; }

/*---- uploaded-photo-container ----*/
.uploaded-photo-container-2 { }
.uploaded-photo-container-2 .row { }
.uploaded-photo-container-2 .col { margin-top:10px; }
.uploaded-photo-container-2 .box-photo { height:100%; padding-bottom:34px; border:1px solid #ececec; cursor:move; position:relative; }
.uploaded-photo-container-2 .box-photo .img { width:100%; height:135px; background-color:#f2f2f2; overflow:hidden; }
.uploaded-photo-container-2 .box-photo .img img { display:block; max-width:100%; max-height:100%; }
.uploaded-photo-container-2 .box-photo .buttons { width:100%; font-size:0; text-align:center; position:absolute; left:0; bottom:6px; }
.uploaded-photo-container-2 .box-photo .buttons a { display:none; margin:0 3px; padding:0 5px; font-size:13px; line-height:22px; color:#fff; text-decoration:none; }
.uploaded-photo-container-2 .col:hover .box-photo .buttons a { display:inline-block; }

/*----------- MEMBER LOGIN -----------*/
.content-container.login { margin-top: 0; padding-bottom: 50px; }
.content-container.login .login-area { background-color: #fff }
.content-container.login h2 { font-size:26px; font-weight: 600; }
.content-container.login h3 { margin-top: 10px; font-size:22px; color:#b16255; font-weight: 600; }
.content-container.login ul { margin-left: 10px; list-style-type:disc; }
.content-container.login h4 { font-size:18px; color:#825E46; }

/*----------- MODAL -----------*/
#common-notice-modal .modal-header { padding: 10px 20px; align-items: center; }
#common-notice-modal .modal-header h4 { font-size:18px; line-height:26px; }
#common-notice-modal .modal-header button.close { font-size: 12px; opacity: 1; width: 36px; height: 36px; align-items: center; justify-content: center; display: flex; background: #e8ebf1; border-radius: 4px; position: relative; margin: 0; }
#common-notice-modal .modal-content-inner .result-status-container { padding:40px 20px; }

/*---- result-status-container ----*/
.result-status-container { text-align:center; }
.result-status-container.info span { color:#ff6a00; }
.result-status-container.success span { color:#66b42d; }
.result-status-container.error span { color:#c32439; }
.result-status-container .status-icon { font-size:150px; line-height:150px; }
.result-status-container .status-message { margin-top:30px; }
.result-status-container .status-message .title { display:block; font-size:44px; font-weight:700; line-height:50px; }
.result-status-container .status-message .description { display:block; margin-top:15px; font-size:18px; line-height:32px; }

.content-container.corporate .vertical-tabs {}
.content-container.corporate .vertical-tabs > i, 
.content-container.corporate .vertical-tabs span.nav-link { display: none; }
.content-container.corporate .vertical-tabs .nav-link { height: 40px; padding: 0 15px; font-size: 15px; line-height: 40px; border-radius: 8px; margin-bottom: 4px; }
.content-container.corporate .vertical-tabs .nav-link i { display: inline-block; width: 30px; margin-right: 2px; font-size: 18px; text-align: center; }
.content-container.corporate .vertical-tabs .nav-link.active { background-color: #b16255; color: #fff; font-weight: 600; }
.content-container.corporate .vertical-tabs .nav-link:hover:not(.active) { background-color: #b1625530; }
.content-container.corporate .tab-content { padding: 20px; background-color: #ffffff; border-radius: 6px; }
.content-container.corporate textarea.form-control { height: 130px; }

/*---- corporate ----*/
.content-container.corporate { }
.content-container.corporate h2,
.content-container.corporate h3 { margin-bottom: 10px; font-size: 20px; font-weight: 600; }
.content-container.corporate h4 { margin-bottom: 10px; font-size: 19px; font-weight: 600; }
.content-container.corporate p,
.content-container.corporate ul { margin-bottom: 20px; }
.content-container.corporate ul { list-style-type: disc; padding-inline-start: 20px; }
.content-container.corporate ul.list-unstyled { list-style-type: none; padding-inline-start: 0; }
.content-container.corporate li { margin-bottom: 10px; }
.content-container.corporate li:last-child { margin-bottom: 0; }
.content-container.corporate p,
.content-container.corporate li { font-size: 16px; }
.content-container.corporate li a { color: #007bff; }
.content-container.corporate li i { margin-right: 5px; font-size: 18px; position: relative; top: 2px; }
.content-container.corporate li.yes i { color: #256048 }
.content-container.corporate li.no i { color: #a91919 }

.cookie-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #e8dad7; padding: 12px 16px; display: flex; gap: 12px; align-items: center; justify-content: space-between; font-size: 14px; } 
.cookie-consent a { font-weight: 600; } 
.cookie-consent button { border: 0; padding: 8px 12px; background-color: #B16255; color: #fff; border-radius: 8px; cursor: pointer; font-weight: 600; }