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}.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)}