.main-page button:focus-visible{outline:2px solid #000;outline-offset:-2px}.main-page .banner{position:relative;width:100%}.main-page .banner-content{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;gap:24px;margin:0 24px 24px}@media only screen and (min-width: 1024px){.main-page .banner-content{gap:32px;margin:0 80px 144px}}.main-page .banner-content-title{font-size:32px;font-weight:600;line-height:40px;letter-spacing:.32px;text-transform:uppercase;color:#fff}@media only screen and (min-width: 1024px){.main-page .banner-content-title{font-size:48px;line-height:60px;letter-spacing:-0.48px}}.main-page .banner-content-button{font-size:14px;font-weight:600;line-height:22px;letter-spacing:.2px;min-height:40px;padding:8px 24px;gap:2px;width:201px;color:#000;background-color:#fff}@media only screen and (min-width: 1024px){.main-page .banner-content-button{font-size:16px;line-height:24px;min-height:48px;padding:12px 32px;gap:4px;width:238px}}.main-page .banner-image img{width:100%;height:100%}@media only screen and (min-width: 1024px){.main-page .fabrics{padding:0 80px 80px}}.main-page .fabrics-title{color:#000;padding:40px 16px 24px;font-size:16px;font-weight:600;line-height:22px;letter-spacing:.16px;text-transform:uppercase}@media only screen and (min-width: 1024px){.main-page .fabrics-title{font-size:24px;line-height:32px;letter-spacing:.24px;padding:80px 0 40px}}.main-page .fabrics-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:8px;gap:8px;padding:0 0 40px}@media only screen and (min-width: 1024px){.main-page .fabrics-grid{grid-template-columns:repeat(4, 1fr);gap:16px}}.main-page .fabric{background-color:rgba(0,0,0,0);padding:0;display:flex;flex-direction:column}.main-page .fabric-title{padding:8px 12px;color:#000;text-align:center;font-size:14px;font-weight:500;line-height:22px}@media only screen and (min-width: 1024px){.main-page .fabric-title{padding:8px 2px;font-size:16px;line-height:24px}}.main-page .fabric img{width:100%;cursor:pointer}@media only screen and (min-width: 1024px){.fabric-page{padding:0 80px}}.fabric-page .info,.fabric-page .details,.fabric-page .care-info,.fabric-page .navbar-bottom{margin:0 0 40px}@media only screen and (min-width: 1024px){.fabric-page .info,.fabric-page .details,.fabric-page .care-info,.fabric-page .navbar-bottom{margin:0 0 80px}}.fabric-page .section-header{font-size:16px;font-weight:600;line-height:22px;letter-spacing:.16px;text-transform:uppercase;padding:0 18px 16px;color:#000}@media only screen and (min-width: 1024px){.fabric-page .section-header{font-size:24px;line-height:32px;letter-spacing:.24px;padding:0 0 32px}}.fabric-page .image-item{display:flex;align-items:center;justify-content:center;width:100%}@media only screen and (min-width: 1024px){.fabric-page .image-item{flex:0 0 58%;height:auto}}.fabric-page .image-item img{width:100%;height:100%}.fabric-page button:focus-visible{outline:2px solid #000;outline-offset:-2px}.fabric-page .navbar{padding:0 16px}@media only screen and (min-width: 1024px){.fabric-page .navbar{padding:0}}.fabric-page .navbar-button{display:flex;flex-direction:row;align-items:center;gap:4px;padding:16px 8px 16px 0;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.1px;background-color:rgba(0,0,0,0)}@media only screen and (min-width: 1024px){.fabric-page .navbar-button{gap:8px;padding:24px 16px 24px 0;font-size:14px;line-height:22px;letter-spacing:.2px}}.fabric-page .navbar-button:before{content:"";min-width:16px;height:16px;background-image:url(5b85136746b1a746c79f.svg);background-size:contain;background-repeat:no-repeat}@media only screen and (min-width: 1024px){.fabric-page .navbar-button:before{width:24px;height:24px}}.fabric-page .navbar-bottom{display:flex;flex-direction:row;justify-content:space-between;padding:16px 16px 0}@media only screen and (min-width: 1024px){.fabric-page .navbar-bottom{padding:32px 0 0}}.fabric-page .navbar-bottom.align-right{flex-direction:row-reverse}.fabric-page .navbar-bottom .navbar-button{padding:12px 0;max-width:140px;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 760px){.fabric-page .navbar-bottom .navbar-button{max-width:none}}.fabric-page .navbar-bottom .navbar-button:before{background-image:url(5280deaac1ea9d870f11.svg)}.fabric-page .navbar-bottom .navbar-button-right{flex-direction:row-reverse;text-align:right}.fabric-page .navbar-bottom .navbar-button-right:before{transform:rotate(180deg)}.fabric-page .navbar-bottom .navbar-button-left{text-align:left}.fabric-page .info{display:flex;flex-direction:column;background-color:#f3f3f5}@media only screen and (min-width: 1024px){.fabric-page .info{flex-direction:row}}.fabric-page .info-content{display:flex;flex-direction:column;padding:16px;background-color:#f3f3f5}@media only screen and (min-width: 1024px){.fabric-page .info-content{padding:48px}}.fabric-page .info-content-header{padding-left:0}.fabric-page .info-content-description{font-size:12px;font-weight:500;line-height:18px;color:#333;white-space:pre-line}@media only screen and (min-width: 1024px){.fabric-page .info-content-description{display:block;font-size:16px;line-height:24px;overflow:visible;max-height:none}}.fabric-page .info-content:has(.info-content-expand) .info-content-description{max-height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.fabric-page .info-content:has(.info-content-expand) .info-content-description.expanded{-webkit-line-clamp:unset;max-height:none;overflow:visible}.fabric-page .info-content-expand{padding:0;background-color:rgba(0,0,0,0);text-align:left;height:40px;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.1px}.fabric-page .details-header{padding:0 16px 16px}@media only screen and (min-width: 1024px){.fabric-page .details-header{padding:0 0 32px}}.fabric-page .details-carousel{position:relative;padding:16px 0 16px 16px}@media only screen and (min-width: 1024px){.fabric-page .details-carousel{padding:16px 0 32px}}.fabric-page .details-carousel .carousel-track{display:flex;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;width:auto;padding-right:16px}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .carousel-track{width:100%;gap:16px;padding-right:80px}}.fabric-page .details-carousel .carousel-track.no-scroll{overflow-x:hidden;padding:0}.fabric-page .details-carousel .carousel-track .carousel-item{display:flex;flex-direction:column;gap:4px;width:140px;background-color:rgba(0,0,0,0);padding:0}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .carousel-track .carousel-item{flex:0 0 calc((100% - 80px)/6);min-width:140px}}.fabric-page .details-carousel .carousel-track .carousel-item-title{position:relative;font-size:12px;font-weight:500;line-height:18px;text-align:center;color:#656566;padding:8px 8px 8px 2px}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .carousel-track .carousel-item-title{font-size:14px;line-height:22px}}.fabric-page .details-carousel .carousel-track .carousel-item.active .carousel-item-title{color:#000}.fabric-page .details-carousel .carousel-track .carousel-item.active .carousel-item-title:before{content:"";position:absolute;display:block;top:-2px;left:0;width:100%;height:2px;background-color:#000}.fabric-page .details-carousel .carousel-track .carousel-item img{width:140px}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .carousel-track .carousel-item img{width:100%}}.fabric-page .details-carousel .scroll-button{position:absolute;top:35%;z-index:10;background-color:#fff;padding:8px}.fabric-page .details-carousel .scroll-button:before{content:"";display:block;width:16px;height:16px;background-image:url(5b85136746b1a746c79f.svg);background-size:contain;background-repeat:no-repeat}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .scroll-button:before{height:24px}}@media only screen and (min-width: 1024px){.fabric-page .details-carousel .scroll-button{padding:8px 12px}}.fabric-page .details-carousel .scroll-button.left{left:0}.fabric-page .details-carousel .scroll-button.right{right:0;transform:rotate(180deg)}.fabric-page .details-content{padding:0 16px}@media only screen and (min-width: 1024px){.fabric-page .details-content{padding:0}}.fabric-page .details-content .content-item{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid #000}@media only screen and (min-width: 1024px){.fabric-page .details-content .content-item{padding:48px}}.fabric-page .details-content .content-item-text{font-size:12px;font-weight:500;line-height:18px;color:#333;white-space:pre-line}@media only screen and (min-width: 1024px){.fabric-page .details-content .content-item-text{font-size:14px;line-height:22px}}.fabric-page .care-info-container{display:flex;flex-direction:column}@media only screen and (min-width: 1024px){.fabric-page .care-info-container{flex-direction:row}}.fabric-page .care-info::after{content:"";display:block;height:.5px;width:calc(100% - 32px);margin:0 auto;background-color:#000;transform:translateY(40px)}@media only screen and (min-width: 1024px){.fabric-page .care-info::after{width:100%;margin:0 auto;transform:translateY(80px)}}@media only screen and (min-width: 1024px){.fabric-page .care-info-icons{width:100%;padding-top:48px}}.fabric-page .care-info-icons .icons-list{padding:0 16px 16px}@media only screen and (min-width: 1024px){.fabric-page .care-info-icons .icons-list{padding:0 48px 0 0}}.fabric-page .care-info-icons .icons-list .icon-item{display:flex;align-items:center;justify-content:flex-start;padding:0 0 8px;width:100%;max-width:460px}.fabric-page .care-info-icons .icons-list .icon-item img{padding-right:8px}.fabric-page .care-info-icons .icons-list .icon-text{padding:3px 0;font-size:12px;font-weight:500;line-height:18px;color:#333}@media only screen and (min-width: 1024px){.fabric-page .care-info-icons .icons-list .icon-text{font-size:14px;line-height:22px}}.fabric-page .care-info .video-container video{display:block;width:100%}.fabric-page .care-info .video-container button{position:absolute;bottom:6px;right:6px;width:40px;height:40px;background:none;box-shadow:0 0 10px 0 rgba(23,23,23,.17)}
