.moonbow-shop-design{padding:60px 0;background:#fff}.moonbow-shop-design__title{font-size:30px;font-weight:700;letter-spacing:.05em;text-align:center;margin:0 0 12px;color:#000}.moonbow-shop-design__subtitle{font-size:16px;text-align:center;color:#6b7280;max-width:600px;margin:0 auto 40px}.moonbow-shop-design__wrapper{position:relative;width:100vw;margin-left:calc(-50vw + 50%)}.moonbow-shop-design__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5e7eb;width:100%;gap:0}.moonbow-shop-design__item{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.moonbow-shop-design__item:nth-child(4n){border-right:none}.moonbow-shop-design__item:last-child,.moonbow-shop-design__item:nth-last-child(-n+4):nth-child(4n+1),.moonbow-shop-design__item:nth-last-child(-n+3):nth-child(4n+2),.moonbow-shop-design__item:nth-last-child(-n+2):nth-child(4n+3),.moonbow-shop-design__item:nth-last-child(-n+1):nth-child(4n){border-bottom:none}.moonbow-shop-design__link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.moonbow-shop-design__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:0}.moonbow-shop-design__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.moonbow-shop-design__link:hover .moonbow-shop-design__image{transform:scale(1.05)}.moonbow-shop-design__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,#000000b3,#0000);display:flex;align-items:flex-end}.moonbow-shop-design__name{font-size:20px;font-weight:700;letter-spacing:.05em;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.moonbow-shop-design__placeholder{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.moonbow-shop-design__footer{text-align:center;margin-top:40px}.moonbow-shop-design__button{display:inline-block;padding:.875rem 2rem;background-color:#fff;color:#000;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:0;border:2px solid #000000;border-radius:.5rem;transition:all .3s ease}.moonbow-shop-design__button:hover{background-color:#000;color:#fff}.moonbow-shop-design__cta-slide,.moonbow-shop-design__arrow,.moonbow-shop-design__dots{display:none}@media(max-width:768px){.moonbow-shop-design{padding:40px 0}.moonbow-shop-design__title{font-size:24px}.moonbow-shop-design__subtitle{font-size:14px;margin-bottom:24px}.moonbow-shop-design__wrapper{width:auto;margin-left:0}.moonbow-shop-design__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border:none}.moonbow-shop-design__grid::-webkit-scrollbar{display:none}.moonbow-shop-design__item{flex:0 0 90%;scroll-snap-align:center;border:none}.moonbow-shop-design__image-wrapper{border-radius:15px}.moonbow-shop-design__name{font-size:18px}.moonbow-shop-design__overlay{padding:20px}.moonbow-shop-design__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.moonbow-shop-design__dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:all .2s ease}.moonbow-shop-design__dot.active{background:#000;width:24px;border-radius:4px}.moonbow-shop-design__footer{display:none}.moonbow-shop-design__cta-slide{display:flex;flex:0 0 90%;scroll-snap-align:center;align-items:center;justify-content:center;padding:40px 20px}.moonbow-shop-design__cta-link{display:inline-block;padding:.875rem 2rem;background-color:#fff;color:#000;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:0;border:2px solid #000000;border-radius:.5rem;transition:all .3s ease;white-space:nowrap}.moonbow-shop-design__cta-text{display:block}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-moonbow-shop-design.css.map */