.category-page-fabric .header-image{position:relative}.category-page-fabric .header-image .banner-info{position:absolute;bottom:30px;z-index:101;display:flex;font-size:20px;cursor:pointer;align-items:center}.category-page-fabric .header-image .banner-info .info-image-button{-webkit-animation:none;border-radius:25px;border:solid 1px transparent;width:30px;height:30px;line-height:30px;display:flex;justify-content:center;align-items:center}.category-page-fabric .header-image .banner-info .banner-img-title{display:flex;align-items:center;padding-left:10px;padding-right:20px;font-size:20px;padding-top:5px}.category-page-fabric .header-image .banner-info:hover .info-image-button{animation:pulse 1s infinite ease-out}@keyframes pulse{0%{transform:scale(1)}70%{transform:scale(1.3)}100%{transform:scale(1)}}.category-page-fabric .header-image .icon-right{right:100px;flex-direction:row-reverse}.category-page-fabric .banner-fabrics-container{background-color:#f5f4f4;padding:10px;display:none}.category-page-fabric .banner-fabrics-container .splide{width:100%}.category-page-fabric .banner-fabrics-container .splide:not(.is-active) .splide__list{justify-content:center}.category-page-fabric .banner-fabrics-container .splide .splide__list{display:flex;gap:10px}.category-page-fabric .banner-fabrics-container .splide .splide__pagination li{margin:0 6px}.category-page-fabric .banner-fabrics-container .splide .splide__pagination li button{width:6px;height:6px;background-color:#bfbfbf;border:0;border-radius:50%}.category-page-fabric .banner-fabrics-container .splide .splide__pagination li .is-active{background-color:#404040}.category-page-fabric .banner-fabrics-container .page-banner-image-item{width:150px;position:relative}.category-page-fabric .banner-fabrics-container .page-banner-image-item .add-fabric{height:45px;width:45px;position:absolute;top:10px;right:10px;z-index:103;cursor:pointer;background-image:url(../images/fabric-add.png);background-repeat:no-repeat;background-size:45px;background-position:center}.category-page-fabric .banner-fabrics-container .page-banner-image-item .add-fabric.selected{background-image:url(../images/fabric-added.png)}.category-page-fabric .banner-fabrics-container .page-banner-image-item img{width:100%}.category-page-fabric .banner-fabrics-container .page-banner-image-item .page-banner-text-item{font-size:16px;text-align:center;padding-top:10px;color:rgba(0,0,0,.7490196078);font-family:ACaslonPro-Regular,serif;line-height:normal}.category-page-fabric .banner-fabrics-container .banner-spec-box{width:150px}.category-page-fabric .banner-fabrics-container .banner-spec-box img{width:100%}.category-page-fabric .banner-fabrics-container .banner-spec-box .banner-spec-box-text{background-color:#7f8e99;text-align:center}.category-page-fabric .banner-fabrics-container .banner-spec-box .banner-spec-box-text a{display:block;color:#fff;padding:10px;font-size:16px;line-height:normal}.category-page-fabric .filter-section{margin:0 auto;max-width:1110px;width:calc(100% - 20px);margin-bottom:35px;top:111px}.category-page-fabric .filter-section .filter{border:1px solid #000;height:45px;display:flex;justify-content:space-between;font-family:ACaslonPro-Regular,serif;position:relative;margin-bottom:20px;background-color:#fff}.category-page-fabric .filter-section .filter div{flex:1}.category-page-fabric .filter-section .filter div .show{border:0}.category-page-fabric .filter-section .filter div button{font-size:1.2rem;outline:0;border:0;padding-top:8px;padding-bottom:5px}.category-page-fabric .filter-section .filter div button:active{outline:0;border:0;box-shadow:none}.category-page-fabric .filter-section .filter div button:focus{outline:0;border:0;box-shadow:none}.category-page-fabric .filter-section .filter div .dropdown-menu{border:1px solid rgba(0,0,0,.15)}.category-page-fabric .filter-section .filter div .dropdown-menu .dropdown-item{display:flex;gap:10px;justify-items:center;cursor:pointer}.category-page-fabric .filter-section .filter div .dropdown-menu .dropdown-item .menu-checkbox{width:20px;max-width:20px;height:20px;border:1px solid #000;border-radius:0;outline:0;transition-duration:.3s;cursor:pointer;flex:inherit}.category-page-fabric .filter-section .filter div .dropdown-menu .dropdown-item .menu-checkbox-checked{background-color:#808080}.category-page-fabric .filter-section .filter div .dropdown-menu .dropdown-item label{cursor:pointer}.category-page-fabric .filter-section .filter div .dropdown-menu .dropdown-item:active{color:#000;background-color:#fff}.category-page-fabric .filter-section .filter div:last-child .dropdown-menu{right:0;left:initial}.category-page-fabric .filter-section .clear-filter-container{display:flex;justify-content:flex-end;height:0}.category-page-fabric .filter-section .clear-filter-container .clear-filter{border:1px solid #000;height:23px;font-size:10px;text-decoration:underline;padding:4px 24px 2px 24px;background-color:#fff;cursor:pointer}.category-page-fabric h3{font-size:35px;text-align:center;font-variant:all-small-caps;margin-bottom:30px;color:#2a4455}.category-page-fabric .main-filter{display:flex;justify-content:safe center;align-items:center;gap:15px;border-bottom:1px solid #000;margin:0 auto;padding:0 5px 20px 5px;width:100%}.category-page-fabric .main-filter .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;line-height:normal;text-align:center}.category-page-fabric .main-filter .filter-item h4{font-size:18px;font-family:ACaslonPro-Regular,serif;margin:0}.category-page-fabric .main-filter .clear-filter{margin-top:5px}.category-page-fabric .main-filter .clear-filter h4{font-size:18px;margin:0;cursor:pointer}.category-page-fabric .main-filter .active{background-color:#2a4455}.category-page-fabric .main-filter .active h4{color:#fff}.category-page-fabric .middle-filter{display:flex;justify-content:safe center;align-items:center;gap:15px;border-bottom:1px solid #000;margin:0 auto;padding:20px 0;width:100%;top:33px;background-color:#fff;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.category-page-fabric .middle-filter .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;font-family:ACaslonPro-Regular,serif;font-size:18px;line-height:normal;white-space:nowrap}.category-page-fabric .middle-filter .active{background-color:#2a4455;color:#fff;position:relative;padding-right:35px}.category-page-fabric .middle-filter .active:after{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(45deg)}.category-page-fabric .middle-filter .active:before{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(-45deg)}.category-page-fabric .sub-filter-sticky-container{top:111px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.category-page-fabric .sub-filter-sticky-container .sub-filter{display:none}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper{display:flex;justify-content:safe center;align-items:center;gap:15px;margin:0 auto;margin-bottom:20px;width:100%;overflow-x:auto;background-color:#f5f4f4;padding-left:10px;top:111px}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .filter-item{background-color:#d5d5d5;border-radius:20px;cursor:pointer;padding:9px 12px 7px 12px;font-family:ACaslonPro-Regular,serif;font-size:18px;line-height:normal;margin:20px 0;white-space:nowrap}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active{background-color:#2a4455;color:#fff;position:relative;padding-right:35px}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active:after{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(45deg)}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper .active:before{position:absolute;top:10px;right:20px;content:"";height:17px;width:1px;background-color:#fff;transform:rotate(-45deg)}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar-track{background-color:#cbcbcb}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar-thumb{background:#2a4455}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper::-webkit-scrollbar{width:5px;height:5px}.category-page-fabric .item-area{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px}.category-page-fabric .item-area .item-container{display:grid;grid-template-columns:repeat(4,minmax(250px,444px));gap:25px;margin:0 30px auto}.category-page-fabric .item-area .item-container .item .item-image{position:relative}.category-page-fabric .item-area .item-container .item .item-image .add-fabric{position:absolute;width:45px;height:45px;top:10px;right:10px;cursor:pointer}.category-page-fabric .item-area .item-container .item .item-image img{width:100%;aspect-ratio:444/334}.category-page-fabric .item-area .item-container .item .item-image{margin-bottom:20px}.category-page-fabric .item-area .item-container .item .item-info{text-align:center;font-family:ACaslonPro-Regular,serif;font-size:24px}.category-page-fabric .item-area .item-container .item .item-info .item-name a{color:#000;text-decoration:none}.category-page-fabric .item-area .item-container .item .item-info .item-name a h2{font-size:18px;color:#000}.category-page-fabric .item-area .item-container .item .item-info .price{text-align:center;margin-bottom:10px;font-size:1.2rem}.category-page-fabric .item-area .item-container .item .item-info .price .was{color:rgba(0,0,0,.7882352941);text-decoration:line-through;margin-right:10px}.category-page-fabric .item-area .item-container .item .item-info .price .now{color:rgba(0,0,0,.7882352941);letter-spacing:.5px}.category-page-fabric .item-area .item-container .item .item-info .price .now.discounted{color:#a64141}@media(max-width:1100px){.category-page-fabric .item-area .item-container{grid-template-columns:repeat(3,minmax(235px,444px))}}@media(max-width:992px){.category-page-fabric .sub-filter-sticky-container{top:33px}.category-page-fabric .sub-filter-sticky-container .sub-filter .sub-filter-wrapper{justify-content:flex-start}}@media(max-width:575.9px){.category-page-fabric .item-area .item-container{grid-template-columns:repeat(1,minmax(250px,444px));margin:0 10px auto}.category-page-fabric .header-image .icon-right{right:40px}.category-page-fabric .header-image .banner-info .banner-info-mobile-hide{display:none}}