.c_mode-and-product{position:relative;width:100%;overflow:hidden}.c-mode-product-container{position:relative;width:100%}.c-mode-product-intro-section{position:relative;width:100%;min-height:100vh;background:#fff;z-index:10}.c-mode-product-intro-content{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#fff;padding:20px;box-sizing:border-box}.c-mode-product-title-section{text-align:center;margin-bottom:2rem;max-width:800px}.c-mode-product-title-section h2{font-size:3rem;font-weight:600;margin-bottom:1rem;color:#333;font-family:Noto Sans,sans-serif;line-height:1.2}.c-mode-product-description{font-size:1.2rem;color:#666;line-height:1.6;font-family:Noto Sans,sans-serif}.c_mode-and-product .swiper{width:100%;max-width:800px;height:400px;margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.c_mode-and-product .swiper-slide{display:flex;justify-content:center;align-items:center;background:#f9f9f9;border-radius:12px;overflow:hidden}.c_mode-and-product .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.c_mode-and-product .swiper-slide:hover img{transform:scale(1.02)}.c-mode-product-pictograms{display:flex;gap:20px;margin-top:2rem;justify-content:center}.c-mode-product-pictogram{width:60px;height:60px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#fff;font-weight:600;font-size:1.1rem;color:#666;font-family:Noto Sans,sans-serif}.c-mode-product-pictogram.active{border-color:#0093d7;background:#0093d7;color:#fff;transform:scale(1.1)}.c-mode-product-pictogram:hover{border-color:#0093d7;transform:scale(1.05)}.c-mode-product-featured-section{position:relative;min-height:100vh;background:#fff;display:flex;align-items:center;padding:4rem 0;z-index:5}.c-mode-product-featured-content{width:100%;max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:center;padding:0 2rem}.c-mode-product-featured-details{flex:1;max-width:600px}.c-mode-product-featured-details h4{font-size:.9rem;color:#666;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;font-family:Noto Sans,sans-serif;font-weight:500}.c-mode-product-featured-details h1{font-size:4rem;font-weight:600;margin-bottom:1.5rem;color:#333;line-height:1.1;font-family:Noto Sans,sans-serif}.c-mode-product-featured-details h1 a{color:inherit;text-decoration:none;transition:color .3s ease}.c-mode-product-featured-details h1 a:hover{color:#0093d7}.c-mode-product-metafield{margin-bottom:1rem;color:#666;line-height:1.6;font-family:Noto Sans,sans-serif;font-size:1rem}.c-mode-product-price{font-size:1.8rem;font-weight:600;color:#333;margin:1.5rem 0;font-family:Noto Sans,sans-serif}.c-mode-product-link{display:inline-block;padding:14px 28px;background:#0093d7;color:#fff;text-decoration:none;border-radius:6px;transition:all .3s ease;margin-top:1.5rem;font-family:Noto Sans,sans-serif;font-weight:500;font-size:1rem;letter-spacing:.02em}.c-mode-product-link:hover{background:#007bb5;transform:translateY(-2px);box-shadow:0 4px 15px #0093d74d}.c-mode-product-featured-image{flex:1;text-align:center;max-width:500px}.c-mode-product-featured-image a{display:block;transition:transform .3s ease}.c-mode-product-featured-image a:hover{transform:scale(1.02)}.c-mode-product-featured-image img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000001a}@media screen and (max-width:750px){.c-mode-product-title-section h2{font-size:2.5rem}.c-mode-product-description{font-size:1.1rem}.c_mode-and-product .swiper{height:280px;max-width:calc(100vw - 40px);margin:1.5rem 0}.c-mode-product-pictograms{gap:15px;margin-top:1.5rem}.c-mode-product-pictogram{width:50px;height:50px;font-size:1rem}.c-mode-product-featured-content{flex-direction:column;gap:2rem;padding:0 1rem}.c-mode-product-featured-details{max-width:none;text-align:center}.c-mode-product-featured-details h1{font-size:2.5rem}.c-mode-product-featured-image{order:-1;max-width:none}.c-mode-product-intro-content{padding:40px 20px}.c-mode-product-featured-section{padding:2rem 0}}@media screen and (max-width:480px){.c-mode-product-title-section h2,.c-mode-product-featured-details h1{font-size:2rem}.c_mode-and-product .swiper{height:240px}.c-mode-product-pictogram{width:45px;height:45px;font-size:.9rem}}.c_mode-and-product.debug .c-mode-product-intro-section{border:2px solid red}.c_mode-and-product.debug .c-mode-product-featured-section{border:2px solid blue}.c_mode-and-product.debug .c-mode-product-container{border:3px solid green}
/*# sourceMappingURL=/cdn/shop/t/9/assets/c_mode-and-product.css.map */