﻿.main-collection{padding:30px 0;padding-top:0 !important}@media (max-width: 767px){.main-collection{padding:15px 0}}.main-collection .main-collection-breadcrumb{padding:10px 0;margin-bottom:15px;background:#F9F9F9}.main-collection .main-collection-banner{margin-bottom:15px}.main-collection .main-collection-banner img{width:100%}.main-collection .main-collection-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.main-collection .main-collection-wrap .shop-filter-choose{display:none;margin-bottom:15px}.main-collection .main-collection-wrap .shop-filter-choose label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-weight:bold}.main-collection .main-collection-wrap .shop-filter-choose label button{background:transparent;border:none;outline:none;padding:0;box-shadow:none;font-size:.85rem;color:#aaa;font-weight:normal}.main-collection .main-collection-wrap .shop-filter-choose label button:hover{color:var(--color_main)}.main-collection .main-collection-wrap .shop-filter-choose ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:5px;margin:0;padding:0;list-style:none;margin-top:10px}.main-collection .main-collection-wrap .shop-filter-choose ul li{background:var(--color_main);border-radius:var(--border_radius);padding:2.5px 5px;color:var(--color2);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center}.main-collection .main-collection-wrap .shop-filter-choose ul li:hover{background:#F30}.main-collection .main-collection-wrap .shop-filter-choose ul li svg{width:7.5px;height:7.5px;margin:1px 5px 0}.main-collection .main-collection-wrap.vertical .main-collection-left{width:20%;padding-right:25px;position:sticky;top:10px}@media (max-width: 991px){.main-collection .main-collection-wrap.vertical .main-collection-left{width:100%;position:relative;top:0;padding-right:0}}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc}@media (max-width: 991px){.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter:not(:last-child):not(:last-child){margin-bottom:10px;padding-bottom:10px}}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter h4{height:30px;line-height:28px;margin-bottom:15px;font-weight:bold;margin-right:10px;font-size:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media (max-width: 991px){.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter h4{margin:0}}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter h4:after{content:'›';line-height:1;transform:rotate(90deg);font-size:25px;display:none}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;max-height:250px;overflow-y:auto}@media (max-width: 991px){.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list{margin-top:10px}}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list::-webkit-scrollbar{width:3px}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list::-webkit-scrollbar-track{background:var(--color_bg_item)}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list::-webkit-scrollbar-thumb{background:var(--color_main)}@media (max-width: 991px){.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list{display:none}}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item:not(:last-child){margin-bottom:10px}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color{width:calc(100%/5);float:left}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color.den label:after{color:var(--color2)}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color input{display:none}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color input:checked+label:after{display:block}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color label{width:30px;height:30px;border-radius:2.5px;font-size:0;border:1px solid #DbDbDb;margin-left:0;position:relative}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color label:after{content:'✔';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;display:none}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item input{margin:0}.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item label{padding-left:15px;margin-bottom:0;font-size:.9rem;cursor:pointer}@media (hover: hover){.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item label:hover{color:var(--color_main)}}.main-collection .main-collection-wrap.vertical .main-collection-right{width:80%}.main-collection .main-collection-wrap.vertical .main-collection-right.full-width{width:100%}@media (max-width: 1024px){.main-collection .main-collection-wrap.vertical .main-collection-right{width:100%}}.main-collection .main-collection-wrap.horizontal .main-collection-left{width:100%}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter-choose{width:100%}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter{width:calc((100%/5) - (40px/5));position:relative;margin-bottom:15px;background:#FFF;border-radius:var(--border_radius)}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter.active{z-index:99}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter.active h4:after{content:'x'}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter.active .shop-filter-list{opacity:1;visibility:visible;transform:none}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter h4{font-size:1rem;height:30px;line-height:28px;padding:0 10px;border:1px solid #DbDbDb;margin:0;cursor:pointer;border-radius:var(--border_radius);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media (max-width: 991px){.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter h4{margin:0}}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter h4:after{content:'›';line-height:1;transition:all .5s}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter h4 span{display:none}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list{position:absolute;left:0;right:0;background:#FFF;z-index:99;padding:10px;box-shadow:0 0 1px 1px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:scaleY(0);transform-origin:top;transition:all .5s;border-radius:var(--border_radius)}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item:not(:last-child){margin-bottom:10px}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color{width:calc(100%/5);float:left}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color.den label:after{color:var(--color2)}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color input{display:none}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color input:checked+label:after{display:block}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color label{width:30px;height:30px;border-radius:var(--border_radius);font-size:0;border:1px solid #DbDbDb;margin-left:0;position:relative}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item.color label:after{content:'✔';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;display:none}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item input{margin:0}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item label{margin:0;padding-left:10px;font-size:14px;cursor:pointer}@media (hover: hover){.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap .shop-filter .shop-filter-list .shop-filter-item label:hover{color:var(--color_main)}}.main-collection .main-collection-wrap.horizontal .main-collection-right{width:100%}.main-collection .main-collection-wrap.hiddenFilter{display:block}.main-collection .main-collection-wrap .main-collection-info{margin-bottom:15px;text-align:center}.main-collection .main-collection-wrap .main-collection-info h1{font-size:2rem;margin-bottom:15px}.main-collection .main-collection-wrap .main-collection-info .main-collection-info-description{max-width:80%;margin:0 auto}@media (max-width: 767px){.main-collection .main-collection-wrap .main-collection-info .main-collection-info-description{max-width:100%}}.main-collection .main-collection-wrap .main-collection-head{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-bottom:15px}@media (max-width: 767px){.main-collection .main-collection-wrap .main-collection-head{justify-content:space-between}}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style strong{margin:0;font-weight:bold;margin-right:10px;font-size:1rem;display:none}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item{display:none !important}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show]{position:relative;border:1px solid gainsboro;width:25px;height:30px;position:relative;cursor:pointer;padding:0;display:inline-block;text-align:center;font-size:0;vertical-align:middle;z-index:1;margin:0 2.5px;border-radius:var(--border_radius);overflow:hidden}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show]:before{background:gainsboro;content:"";top:10px;position:absolute;left:7px;width:8px;height:8px;border-radius:var(--border_radius);z-index:1;transition:all .4s linear}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show]:after{content:"";position:absolute;width:0;top:0;bottom:0;z-index:0;background-color:var(--color_main);transition:all .4s linear}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active{border:1px solid var(--color_main)}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active:after{width:100%}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active:before{background:#FFF}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active[data-show="two"]:before{box-shadow:13px 0 #FFF}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active[data-show="three"]:before{box-shadow:13px 0 #FFF, 26px 0 #FFF}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show].active[data-show="four"]:before{box-shadow:13px 0 #FFF, 26px 0 #FFF, 39px 0 #FFF}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="one"]:before{left:7.5px}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="one"]:after{right:0}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="two"]{width:38px;display:none}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="two"]:before{box-shadow:13px 0 #dcdcdc}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="two"]:after{left:0}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="three"]{width:50px}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="three"]:before{box-shadow:13px 0 #dcdcdc, 26px 0 #dcdcdc}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="three"]:after{right:0}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="three"].left_zero:after{left:0;right:initial}@media (max-width: 1024px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="three"]{display:none}}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="four"]{width:62px}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="four"]:before{box-shadow:13px 0 #dcdcdc, 26px 0 #dcdcdc, 39px 0 #dcdcdc}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="four"]:after{left:0}@media (max-width: 1024px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-sort-item[data-show][data-show="four"]{display:none}}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-filter-mobile-btn{display:none}@media (max-width: 1024px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-filter-mobile-btn{display:block}}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-filter-mobile-btn button{background:transparent;border:none;outline:none;padding:0;box-shadow:none;width:25px;height:30px;border:1px solid #DbDbDb;margin-right:5px}.main-collection .main-collection-wrap .main-collection-head .shop-sort-style .shop-filter-mobile-btn button svg{width:20px;height:25px}.main-collection .main-collection-wrap .main-collection-head .shop-sort-by label{margin:0;font-weight:bold;margin-right:10px;font-size:1rem}@media (max-width: 360px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-by label{font-size:.9rem}}.main-collection .main-collection-wrap .main-collection-head .shop-sort-by select{background:transparent;border:none;outline:none;padding:0;box-shadow:none;padding:0 20px 0 10px;border:1px solid #DbDbDb;height:30px;line-height:30px;border-radius:var(--border_radius)}@media (max-width: 1024px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-by select{color:#000}}@media (max-width: 360px){.main-collection .main-collection-wrap .main-collection-head .shop-sort-by select{padding:0 10px;height:25px;font-size:.9rem}}.main-collection .main-collection-wrap .main-collection-data{display:grid;gap:15px}.main-collection .main-collection-wrap .main-collection-data>p{width:100%;text-align:center}@media (max-width: 767px){.main-collection .main-collection-wrap .main-collection-data>p{padding-left:5px;padding-right:5px}}@media (min-width: 767px){.main-collection .main-collection-wrap .main-collection-data>p{padding-left:10px;padding-right:10px}}.main-collection .main-collection-wrap .main-collection-data.two{grid-template-columns:repeat(2, 1fr)}.main-collection .main-collection-wrap .main-collection-data.two>*{min-width:0;padding:0}.main-collection .main-collection-wrap .main-collection-data.three{grid-template-columns:repeat(3, 1fr)}.main-collection .main-collection-wrap .main-collection-data.three>*{min-width:0;padding:0}.main-collection .main-collection-wrap .main-collection-data.four{grid-template-columns:repeat(4, 1fr)}@media (max-width: 991px){.main-collection .main-collection-wrap .main-collection-data.four{grid-template-columns:repeat(2, 1fr)}}.main-collection .main-collection-wrap .main-collection-data.four>*{min-width:0;padding:0;margin:0}.main-collection .main-collection-wrap .main-collection-data .shop-pagination{width:100%;text-align:center;margin:0 auto;grid-column:4 span}@media (max-width: 991px){.main-collection .main-collection-wrap .main-collection-data .shop-pagination{grid-column:2 span}}.head-for-mobile{display:none}@media (max-width: 1024px){.main-collection .main-collection-wrap.horizontal .main-collection-left,.main-collection .main-collection-wrap.vertical .main-collection-left{z-index:100}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile{position:fixed;top:0 !important;left:0;bottom:0;background:#FFF;z-index:999;width:320px;padding:10px;align-content:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;transform:translateX(-100%);transition:all .5s}}@media (max-width: 1024px) and (max-width: 991px){.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile{z-index:101}}@media (max-width: 1024px){.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile{width:100%;margin-bottom:15px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile button,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile button{background:transparent;border:none;outline:none;padding:0;box-shadow:none}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile button svg,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .head-for-mobile button svg{width:15px;height:15px}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter{width:100%}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter:not(:last-child),.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter:not(:last-child){margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #DbDbDb}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter.active h4:after,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter.active h4:after{content:"x"}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter h4,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter h4{height:initial;line-height:initial;margin-bottom:0;font-weight:bold;margin-right:0;font-size:1rem;border:none;padding:0}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter h4:after,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter h4:after{display:block;font-size:20px;transform:rotate(0)}.main-collection .main-collection-wrap.horizontal .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter .shop-filter-list,.main-collection .main-collection-wrap.vertical .main-collection-left .shop-filter-wrap.shop-filter-mobile .shop-filter .shop-filter-list{position:relative;top:initial;left:initial;right:initial;border:none;padding:0;box-shadow:none;opacity:1;visibility:visible;transform:none;transform-origin:initial;transition:none;margin-top:15px;display:none}}
