.diy-bundle-module{background:var(--bg-color)}.diy-bundle-layout,.diy-bundle-top{display:flex;flex-direction:column;align-items:center;gap:40px}.diy-bundle-top{gap:16px}.diy-bundle-title{font-size:clamp(24px,2.571vw,36px);color:var(--section-color);line-height:1.3;text-align:center;margin:0}.diy-bundle-text{font-size:clamp(14px,1.429vw,20px);line-height:1.4;text-align:center;color:var(--section-color)}.diy-bundle-content{width:100%;display:flex;gap:24px}.diy-bundle-list-box{width:60%}.diy-bundle-list .swiper-wrapper{flex-direction:row;row-gap:16px}.diy-bundle-product{height:auto!important;border-radius:4px;background-color:#fff;margin-top:0!important}.bundle-pro-box{padding:16px}.bundle-pro-info{display:flex;flex-direction:column;align-items:center;gap:8px;color:#000}.bundle-pro-info:hover{opacity:1}.bundle-pro-img{width:100%;max-width:140px}.bundle-pro-title{height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px;line-height:1.3;text-align:center}.bundle-pro-price{font-size:18px;text-align:center}.add-to-set{display:flex;justify-content:center;align-items:center;width:100%;height:30px;font-size:14px;font-weight:600;color:var(--section-color);border:1px solid var(--section-color);background-color:transparent;border-radius:4px;cursor:pointer;padding:0;margin-top:8px}.add-to-set:hover{color:#fff;background-color:var(--section-color)}.add-to-set[disabled],.add-cart-btn[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.diy-bundle-tool{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:30px}.diy-bundle-pre,.diy-bundle-next,.diy-bundle-pagination{position:static}.diy-bundle-pre:after,.diy-bundle-next:after{display:none}.diy-bundle-next.swiper-button-disabled,.diy-bundle-pre.swiper-button-disabled{opacity:.5}.diy-bundle-pre,.diy-bundle-next{width:36px;height:36px;margin:0}.diy-bundle-pre svg circle,.diy-bundle-pre svg path,.diy-bundle-next svg path,.diy-bundle-next svg circle{stroke:var(--section-color)}.diy-bundle-list-box .diy-bundle-pagination{width:auto}.diy-bundle-pagination .swiper-pagination-bullet{width:20px;height:10px;border-radius:10px;background-color:#d9d9d9}.diy-bundle-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:48px;background-color:var(--section-color)}.diy-bundle-right{flex:1;display:flex;flex-direction:column;gap:16px;color:var(--section-color)}.bundle-paragraph-1 p,.bundle-paragraph-2 p{margin:0}.bundle-paragraph-1{font-size:clamp(18px,1.714vw,24px);line-height:1.4}.bundle-paragraph-1 em{font-style:normal;text-decoration:underline}.diy-bundle-slot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bundle-slot{height:175px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:#5d764f1a;padding:8px clamp(8px,1.143vw,16px)}.add-icon{font-size:32px;color:var(--section-color)}.bundle-slot.filled{position:relative;flex-direction:column;gap:16px;background-color:#fff}.bundle-slot.filled .remove{position:absolute;top:0;right:8px;font-size:32px;color:var(--section-color);background-color:transparent;border:none;cursor:pointer;padding:0}.bundle-slot.filled .slot-pro-img{width:100%;max-width:80px}.bundle-slot.filled .slot-pro-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:1.3;text-align:center;color:#000;margin:0}.bundle-paragraph-2{font-size:clamp(16px,1.286vw,18px);line-height:1.4}.add-cart-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;border-radius:4px;border:1px solid var(--section-color);cursor:pointer}.add-cart-btn:hover{color:#fff;background-color:var(--section-color)}.add-cart-btn .btn-name{font-size:16px;text-transform:uppercase}.add-cart-btn .total-price{font-size:20px;font-weight:600}@media (max-width: 1000px){.diy-bundle-list .swiper-wrapper{row-gap:8px}.diy-bundle-slot-list{gap:8px}}@media (max-width: 769px){.diy-bundle-layout{gap:24px}.diy-bundle-top{gap:8px}.diy-bundle-title{font-size:clamp(24px,4.688vw,36px)}.diy-bundle-text{font-size:clamp(14px,2.604vw,20px)}.diy-bundle-content{flex-flow:column-reverse}.diy-bundle-list-box{width:100%}.diy-bundle-pre,.diy-bundle-next{display:none}.bundle-slot{padding:8px 16px}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/section-diy-bundle.css.map */
