*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;outline:none}body{font-size:16;font-weight:400;font-family:Inter,sans-serif;background-color:#e7f6ff}main{padding-top:48px}a{color:inherit;text-decoration:none}.button{border:none;outline:none;text-decoration:none;font-size:16px;color:#fff;font-family:Inter,sans-serif;background-color:#9dd558;border-radius:18px;padding:18px 32px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center}.button.xl{padding:18px 64px;text-transform:uppercase;font-weight:700}.layout{--offset: 48px;max-width:calc(1080px + var(--offset) * 2);padding:0 var(--offset);margin:96px auto 0;background-color:#fff;border-radius:24px 24px 0 0;min-height:calc(100vh - 96px)}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 calc(var(--offset) * -1);padding:32px var(--offset);border-bottom:1px solid #eaeaea}.header nav{gap:30px;display:flex;flex-direction:row;align-items:center}.header nav a,.header nav button{text-decoration:none;border:none;outline:none;font-size:14px;font-weight:600;font-family:Inter,sans-serif;background-color:transperent;color:#5c5c5c;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.logo{display:flex;flex-direction:row;align-items:center;gap:16px}.logo img{max-width:40px;max-height:40px}.logo h1{font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase;color:#000}.logo p{font-size:14px;line-height:17px;color:#9d9d9d}.slider{position:relative}.slider .slides .slide{min-height:300px;padding:32px;background-color:#d8d7da;border-radius:24px;display:grid;grid-template-columns:1fr 2fr}.slider .slides .slide_left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.slider .slides .slide_left h2{font-weight:700;font-size:38px;line-height:46px}.slider .slides .slide_right img{width:100%;height:100%;object-fit:contain;display:block}.slider .control{position:absolute;z-index:3;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.slider .control button{--size: 35px;width:var(--size);height:var(--size);top:50%;position:absolute;transform:translateY(-50%);border:none;outline:none;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;background-color:#fff;border-radius:50%;box-shadow:0 4px 8px #0000000a}.slider .control button.prev{margin-left:calc(var(--size) / -2);left:0}.slider .control button.next{margin-right:calc(var(--size) / -2);right:0}.section{margin-top:48px}.section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.section-header h2{font-weight:700;font-size:32px;line-height:39px}.search-box{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px 18px;border:1px solid #f3f3f3;border-radius:10px;gap:12px}.search-box>div{display:flex;flex-direction:row;align-items:center;justify-content:center}.search-box input{border:none;outline:none;font-family:Inter,sans-serif;font-size:14px;line-height:17px;color:#000}.search-box input::placeholder{color:#c4c4c4}.products{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:40px}.product{padding:20px 30px 32px;display:flex;flex-direction:column;background:#fff;border:1px solid #f3f3f3;border-radius:32px;position:relative}.product_action{position:absolute;top:30px;left:30px}.product_footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.product .price{display:flex;flex-direction:column}.product .price .title{font-weight:500;font-size:10px;line-height:13px;text-transform:uppercase;color:#bdbdbd}.product .price .value{font-weight:700;font-size:14px;line-height:17px;color:#000}.product h3{margin:14px 0;font-weight:400;font-size:14px;line-height:17px;color:#000}.product img{width:100%;height:100%;max-height:120px;object-fit:contain;display:block}