.recommended-products-section{background-color:#fff;padding:40px 0 60px}.recommended-products-section .section-title{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}.recommended-products-section .carousel-wrapper{max-width:1200px;margin:0 auto;padding:0 50px;position:relative}.recommended-products-section .embla{padding:20px 0 30px;overflow:hidden}.recommended-products-section .embla__container{display:flex}.recommended-products-section .embla__slide{box-sizing:border-box;flex:0 0 30%;min-width:0;padding:0 10px}.recommended-products-section .product-image-placeholder{height:220px}.recommended-products-section .product-info h3{color:#333;margin:6px 0 10px;font-size:1rem}.recommended-products-section .nav-btn{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.recommended-products-section .nav-btn:hover{background:#f0f0f0;transform:translateY(-50%)scale(1.1)}.recommended-products-section .prev-btn{left:0}.recommended-products-section .next-btn{right:0}@media (max-width:900px){.recommended-products-section .embla__slide{flex:0 0 45%}}@media (max-width:768px){.recommended-products-section .carousel-wrapper{padding:0}.recommended-products-section .embla__slide{flex:0 0 85%}.recommended-products-section .nav-btn{display:none}.recommended-products-section .section-title{font-size:1.8rem}}
.explanation-videos-section{background-color:#fff;padding:40px 0 60px}.explanation-videos-section .section-title{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}.explanation-videos-section .carousel-wrapper{max-width:1100px;margin:0 auto;padding:0 50px;position:relative}.explanation-videos-section .embla{padding:10px 0 20px;overflow:hidden}.explanation-videos-section .embla__container{display:flex}.explanation-videos-section .embla__slide{box-sizing:border-box;flex:0 0 28%;min-width:0;padding:0 12px}.explanation-video-card{flex-direction:column;gap:14px;display:flex}.explanation-video-media{aspect-ratio:9/16;cursor:pointer;background:#1a1a1a;border:none;border-radius:18px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.explanation-video-el{object-fit:cover;width:100%;height:100%;display:block}.explanation-video-play{pointer-events:none;background:#ffffffeb;border-radius:50%;width:56px;height:56px;margin:auto;position:absolute;inset:0;box-shadow:0 4px 18px #0000002e}.explanation-video-play:before{content:"";border:10px solid #0000;border-left:16px solid #3d5c45;border-right-width:0;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.explanation-video-media.is-playing .explanation-video-play{opacity:0}.explanation-video-product{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.explanation-video-thumb{background:#f0f3f0;border:1px solid #e4eae4;border-radius:12px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.explanation-video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.explanation-video-name{color:#333;font-size:.95rem;font-weight:700;line-height:1.35}.explanation-videos-section .nav-btn{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:42%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.explanation-videos-section .nav-btn:hover{background:#f0f0f0;transform:translateY(-50%)scale(1.1)}.explanation-videos-section .prev-btn{left:0}.explanation-videos-section .next-btn{right:0}@media (max-width:900px){.explanation-videos-section .embla__slide{flex:0 0 42%}}@media (max-width:768px){.explanation-videos-section .carousel-wrapper{padding:0}.explanation-videos-section .embla__slide{flex:0 0 72%}.explanation-videos-section .nav-btn{display:none}.explanation-videos-section .section-title{font-size:1.8rem}}
.hero-image-rotator{position:absolute;inset:0}.hero-image-rotator .hero-img-element{opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}.hero-image-rotator .hero-img-element.is-active{opacity:1}@media (prefers-reduced-motion:reduce){.hero-image-rotator .hero-img-element{transition:none}}