img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}html,body{width:100%;height:100%}html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}article,aside,figure,footer,header,hgroup,nav,section{display:block}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--max-page:1220px;--main-color:#566fff;--second-color:#568bff;--dark:rgb(26, 26, 29);--main-shadow:0 0 5px rgb(220, 220, 220);--main-shadow-hover:0 0 5px rgb(173, 173, 173)}h1,h2,h3,h4,h5,h6,p,div{font-family:'Montserrat',sans-serif;color:var(--dark)}img{max-width:100%;padding:0;margin:0;vertical-align:middle;display:block}a{text-decoration:none;padding:0;margin:0;color:var(--main-color)}div,a{-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none}.container-blank{background:#fff;width:100%}.main-blank{width:100%;margin:0 auto}:root{--dark:#333;--grey:#555;--white:rgb(255, 255, 255);--color-text:#333;--color-icon:#242428;--height-menu:64px;--padding:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:#F6FBFF;color:var(--color-text)}.header{position:relative;background:#fff;height:var(--height-menu);padding:0 var(--padding);display:flex;align-items:center;box-shadow:0 2px 4px rgb(0 0 0 / .1);z-index:100}.burger-btn,.heart-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;height:var(--height-menu)}.heart-btn{display:none}.burger-btn:hover,.heart-btn:hover{opacity:.7}.logo{display:flex;align-items:center;text-decoration:none;color:inherit;margin:0 40px}.burger-btn svg,.heart-btn svg{width:24px;height:24px;fill:var(--color-icon)}.header .logo svg,.sidebar .logo svg{width:100px}.sidebar-nav a svg{width:24px;height:24px;fill:var(--color-icon)}.sidebar-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;z-index:200}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;width:270px;height:100%;background:#fff;transform:translateX(-100%);transition:transform 0.3s ease;z-index:300;display:flex;flex-direction:column;box-shadow:2px 0 8px rgb(0 0 0 / .1)}.sidebar.active{transform:translateX(0)}.sidebar-header{height:var(--height-menu);padding:0 var(--padding);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}.sidebar-content{overflow-y:auto}.sidebar-nav{list-style:none;padding:0}.sidebar-nav li.divider{border-bottom:1px solid #e0e0e0;margin:8px 0}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:16px var(--padding);text-decoration:none;color:var(--color-text);transition:background 0.2s,color 0.2s,font-weight 0.2s}.sidebar-nav a:hover{background:#f0f0f0}.sidebar-nav a.active{background:#e8e8e8;color:#000;font-weight:700}.sidebar-nav li a svg{fill:var(--color-icon)}.sidebar-nav li a.active svg{color:#c52828}.sidebar-footer{padding:16px var(--padding);border-top:1px solid #e0e0e0;color:#999;font-size:12px;text-align:center}.content{padding:40px var(--padding);max-width:1200px;margin:0 auto}.content h1{font-size:48px;margin-bottom:40px;color:var(--color-text)}.content-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.aside_products{width:100%;display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto}.aside_title{width:100%;text-align:center}.aside_title span{font-weight:800;color:var(--dark);font-size:22px}.aside_items{width:100%;display:flex;flex-wrap:wrap;gap:20px}.aside_item{width:calc(33.3333% - 13.33px)}@media screen and (max-width:720px){.aside_items{width:100%;display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.aside_items .aside_item{width:240px;flex-shrink:0;scroll-snap-align:start}.aside_items::-webkit-scrollbar{display:none}}.aside_item a{width:100%;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:12px;padding:20px;gap:5px;box-shadow:var(--main-shadow);background-color:#fff;transition:box-shadow 0.5s}.aside_item a:hover{box-shadow:var(--main-shadow-hover)}.aside_img img{width:100%;height:auto;border-radius:8px}.aside_name{width:100%;position:relative}.aside_name span{font-weight:800;font-size:16px;color:var(--dark);display:inline-block;position:relative}.aside_name span::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:2px;background-color:#303030;border-radius:2px;transition:width 0.3s ease}.aside_item a:hover .aside_name span::after{width:100%}.aside_price{margin-top:.5rem;font-size:1.2rem;font-weight:700}.current_price{color:var(--dark);margin-right:10px;font-size:18px;font-weight:600}.launch_price{text-decoration:line-through;color:#ababab;font-size:14px}.aside_description{width:100%;margin:10px 0}.aside_description p{text-align:left;font-size:14px;color:var(--dark);margin:0;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:60px}.sub_aside{display:flex;align-items:center;justify-content:space-between}.aside_rating svg{width:16px;height:16px;margin-right:2px}.aside_rating{display:flex;align-items:center}.aside_reviews{color:var(--dark);font-size:14px}.aside_button{background-color:var(--orange);color:#fff;padding:.6rem;border-radius:8px;text-align:center;font-weight:700;transition:0.5s}.aside_button:hover{filter:brightness(1.1)}.aside_more{display:flex;align-items:center;justify-content:center;width:100%}.aside_more a{display:inline-block;padding:15px 25px;background:var(--main-color);border:1px solid #ddd;text-align:center;box-shadow:var(--main-shadow);border-radius:10px;transition:0.5s}.aside_more a:hover{box-shadow:var(--main-shadow-hover)}.aside_more a span{color:#fff}.blockend{width:100%;max-width:var(--max-page);margin:50px auto}@media (max-width:1120px){.blockend{padding:0 20px}}.title-blockend span{color:#1d1d1d;font-size:30px;line-height:43px;position:relative;font-weight:600;margin:30px 0 30px}.title-blockend span::after{content:" ";display:block;height:12px;width:100%;position:absolute;left:0;bottom:2px;z-index:-1;background:#536cfd}.contener_suggest{margin-top:60px;display:grid;gap:20px}.item_suggest_img{width:100%;height:150px;overflow:hidden;border-radius:15px}.item_suggest_img img{border-radius:15px;width:100%;height:100%;object-fit:cover}.item_suggest_text{margin-top:10px}.item_suggest_text span{font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;color:#1d1d1d}@media (min-width:1080px){.contener_suggest{grid-template-columns:repeat(5,1fr)}}@media (max-width:1079px) and (min-width:780px){.contener_suggest{grid-template-columns:repeat(4,1fr)}}@media (max-width:779px){.contener_suggest{grid-template-columns:repeat(2,1fr)}}.contener_suggest .item_suggest{display:none}.contener_suggest .item_suggest:nth-child(-n+10){display:block}*{margin:0;padding:0;box-sizing:border-box}main.GMN{width:100%;display:flex;flex-wrap:wrap;gap:100px;padding:50px 0}:root{--img-size:200px;--gap:20px;--wide-gap:40px;--color-title:var(--dark);--color-text:var(--grey)}h1,h2,h3{color:var(--dark)}.hero{width:100%;overflow-x:hidden;padding:0 var(--gap)}.hero .hero-section{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f3f3;border-radius:20px}.hero .container{display:flex;width:100%;align-items:center}.hero .title-section{flex:1;width:100%;padding:40px;display:flex;flex-direction:column;gap:var(--wide-gap)}.hero .text-section{width:100%}.hero h1{font-size:52px;font-weight:700;line-height:1.1;color:var(--color-title)}.hero h1 .dot{color:#35ff64}.hero .search-section{display:none;width:100%;background:#fff;padding:20px;border-radius:50px}.hero .images-section{flex:0 0 auto;display:flex;gap:calc(var(--gap) + 10px);position:relative;height:500px;overflow:hidden;margin-right:-75px;padding-right:40px}.hero .column{display:flex;flex-direction:column;gap:var(--wide-gap);will-change:transform}.hero .column:nth-child(1){margin-top:0}.hero .column:nth-child(2){margin-top:-50px}.hero .image-wrapper{width:var(--img-size);height:var(--img-size);border-radius:30px;overflow:hidden;box-shadow:0 5px 5px rgb(69 69 69 / .281);transition:transform 0.3s ease;flex-shrink:0}.hero .image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}@media (prefers-reduced-motion:reduce){.hero .column{will-change:auto}.hero .image-wrapper{transition:none}}@media (max-width:1024px){.hero .images-section{display:none}.hero .container{justify-content:center}.hero .title-section{text-align:center;max-width:100%}.hero h1{font-size:36px}}@media (max-width:768px){.hero h1{font-size:32px}}.section-text-center{width:100%;min-height:80vh;padding:100px 40px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.section-text-center .title{width:100%}.section-text-center .title h2{margin:0;font-size:38px;text-align:center}.section-text-center .text{width:100%;display:flex;justify-content:center}.section-text-center .text p{max-width:800px;margin:0;font-size:18px;line-height:1.8;color:var(--color-text);text-align:center}@media (max-width:768px){.section-text-center{padding:60px 24px}.section-text-center .title h2{font-size:38px}.section-text-center .text p{font-size:16px}}.carousel-section{width:100%;padding:0 var(--wide-gap)}.carousel-section .section-title{padding:0 var(--gap)}.carousel-section .section-title h2{font-size:38px}.carousel{width:100%;position:relative}.carousel .carousel-wrapper{position:relative;padding:60px 20px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carousel .carousel-wrapper::-webkit-scrollbar{display:none}.carousel .carousel-track{display:flex;gap:24px;width:max-content}.carousel[data-slides="2"] .card{width:calc((100vw - min(100vw - 100%, 1400px) - 40px - (1 * 24px)) / 2)}@media (min-width:1400px){.carousel[data-slides="2"] .card{width:calc((1400px - 40px - (1 * 24px)) / 2)}.carousel[data-slides="3"] .card{width:calc((1400px - 40px - (2 * 24px)) / 3)}.carousel[data-slides="4"] .card{width:calc((1400px - 40px - (3 * 24px)) / 4)}.carousel[data-slides="5"] .card{width:calc((1400px - 40px - (3 * 24px)) / 4)}}@media (max-width:1399px){.carousel[data-slides="2"] .card{width:calc((100vw - 40px - 40px - (1 * 24px)) / 2)}.carousel[data-slides="3"] .card{width:calc((100vw - 40px - 40px - (2 * 24px)) / 3)}.carousel[data-slides="4"] .card{width:calc((100vw - 40px - 40px - (3 * 24px)) / 4)}.carousel[data-slides="5"] .card{width:calc((100vw - 40px - 40px - (3 * 24px)) / 4)}}@media (min-width:1081px) and (max-width:1480px){.carousel[data-slides="5"] .card{width:calc((100vw - 40px - 40px - (4 * 24px)) / 5)}}@media (min-width:1081px) and (min-width:1400px) and (max-width:1480px){.carousel[data-slides="5"] .card{width:calc((1400px - 40px - (4 * 24px)) / 5)}}@media (min-width:881px) and (max-width:1080px){.carousel[data-slides="3"] .card{width:calc((100vw - 40px - 40px - (2 * 24px)) / 3)}.carousel[data-slides="4"] .card,.carousel[data-slides="5"] .card{width:calc((100vw - 40px - 40px - (2 * 24px)) / 3)}}@media (min-width:581px) and (max-width:880px){.carousel[data-slides="2"] .card,.carousel[data-slides="3"] .card,.carousel[data-slides="4"] .card,.carousel[data-slides="5"] .card{width:calc((100vw - 40px - 40px - (1 * 24px)) / 2)}}@media (max-width:580px){.carousel[data-slides="2"] .card,.carousel[data-slides="3"] .card,.carousel[data-slides="4"] .card{width:calc(100vw - 40px - 40px)}.carousel[data-slides="5"] .card{width:calc((100vw - 40px - 40px - (1 * 24px)) / 2)}}.carousel .card a{text-decoration:none;color:inherit;display:block;flex-shrink:0;background:#fff;border-radius:20px;padding:10px;box-shadow:0 10px 15px rgb(0 0 0 / .1);cursor:pointer;position:relative;transition:all 0.3s cubic-bezier(.4,0,.2,1);transform-origin:center center}.carousel .card a:hover{transform:scale(1.02) translateY(-8px);box-shadow:0 10px 20px rgb(0 0 0 / .25);z-index:10}.carousel .card-title{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px;padding:20px 10px 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.carousel.st-style .card-title{font-size:18px}.carousel .card-subtitle{font-size:16px;margin-bottom:20px;padding:0 10px;height:50px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.carousel.st-style .card-subtitle{font-size:16px;height:65px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.carousel .card-illustration{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative}.carousel .illustration-placeholder{width:180px;height:180px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.carousel .illustration-placeholder img{width:100%}.card-image{width:100%;height:170px;border-radius:20px}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.carousel .card-visual{width:100%;display:flex;align-items:center;justify-content:center}.carousel .card-visual img{width:100%;max-width:220px}.carousel .nav-buttons-container{position:absolute;bottom:0;right:20px;display:flex;gap:12px;z-index:10}.carousel .nav-buttons-container.hidden{display:none}.carousel .nav-button{width:48px;height:48px;background:#fff;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.carousel .nav-button:hover:not(:disabled){background:#f5f5f5;box-shadow:0 6px 20px rgb(0 0 0 / .15);transform:scale(1.1)}.carousel .nav-button svg{width:24px;height:24px;stroke:#333;stroke-width:2;fill:none}.carousel .nav-button:disabled{opacity:.3;cursor:not-allowed}.carousel .carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.carousel .carousel-dots.hidden{display:none}.carousel .dot{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .4);cursor:pointer;transition:all 0.3s ease;flex-shrink:0}.carousel .dot.active{background:white!important;width:30px!important;border-radius:5px!important}@media (max-width:580px){.carousel .nav-button{width:36px;height:36px}.carousel .nav-button svg{width:18px;height:18px}.carousel .nav-buttons-container{bottom:-50px}}.demo-title{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.cls-1{fill:none}.cls-2{clip-path:url(#clippath)}.cls-3{fill:#161616}.cls-4{clip-path:url(#clippath-1)}.cls-5{clip-path:url(#clippath-4)}.cls-6{clip-path:url(#clippath-3)}.cls-7{clip-path:url(#clippath-2)}.cls-8{clip-path:url(#clippath-5)}.cls-1{fill:none}.cls-2{clip-path:url(#clippath)}.cls-3{fill:#161616}.cls-4{clip-path:url(#clippath-1)}.cls-5{clip-path:url(#clippath-4)}.cls-6{clip-path:url(#clippath-3)}.cls-7{clip-path:url(#clippath-2)}.cls-8{clip-path:url(#clippath-5)}