html,body,h1,h2,h3,h4,aside .aside-filter-form label,aside .aside-sorting-buttons label,p,button{margin:0;padding:0}a{text-decoration:none}button{background:none;border:none}@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Regular.woff2");font-weight:400}@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Medium.woff2");font-weight:500}@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Bold.woff2");font-weight:700}header h1{padding:6.4rem 0 1.6rem;border-bottom:.4rem solid}@media only screen and (max-width: 600px){header h1{padding-top:4rem}}main{display:grid;grid-template-columns:250px 1fr;gap:4%;padding-top:9rem;padding-bottom:12.445rem;min-height:calc(100vh - 3.8rem - 14.25rem)}@media only screen and (max-width: 992px){main{display:flex;flex-direction:column;padding:6rem 0}}@media only screen and (max-width: 600px){main{min-height:calc(100vh - 3.8rem - 11.85rem)}}aside{display:flex;flex-direction:column;row-gap:7.5rem;max-width:250px}aside .aside-filter-form,aside .aside-sorting-buttons{display:flex;flex-direction:column;row-gap:1.65rem}aside .aside-filter-form input,aside .aside-sorting-buttons input{width:100%;height:43.35px;border:1px solid #ededed;border-radius:4px;background:#f5f5f5;padding:0 1.727rem;font-size:1.4rem;line-height:1.9rem;font-weight:500}aside .aside-filter-form input::-moz-placeholder, aside .aside-sorting-buttons input::-moz-placeholder{color:#707070}aside .aside-filter-form input::placeholder,aside .aside-sorting-buttons input::placeholder{color:#707070}aside .aside-sorting-buttons .button-group{width:100%;border:1px solid #ededed;border-radius:4px;background:#f5f5f5;padding:4.51px 4.16px}aside .aside-sorting-buttons .button-group button{width:110.84px;height:34.33px;margin-right:10px;font-size:1.4rem;line-height:1.9rem;font-weight:700;color:#707070;display:flex;justify-content:center;align-items:center;gap:1.34rem;border-radius:4px;cursor:pointer;transition:all .2s}aside .aside-sorting-buttons .button-group button svg{transition:all .2s}aside .aside-sorting-buttons .button-group button svg path{stroke:#d4d4d4;transition:all .2s}aside .aside-sorting-buttons .button-group button.active{background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,.14);color:#000}aside .aside-sorting-buttons .button-group button.active svg path{stroke:#000}aside .aside-sorting-buttons .button-group button.ascending svg{transform:rotate(-180deg)}aside .aside-sorting-buttons .button-group button:active{transform:translateY(1px)}@media(hover: hover)and (pointer: fine){aside .aside-sorting-buttons .button-group button:hover{background:#fff}aside .aside-sorting-buttons .button-group button:hover svg path{stroke:#707070}aside .aside-sorting-buttons .button-group button:hover.active:hover{box-shadow:0px 0px 9px rgba(0,0,0,.14)}}@media(hover: none)and (pointer: coarse){aside .aside-sorting-buttons .button-group button:active{background:#fff}aside .aside-sorting-buttons .button-group button:active svg path{stroke:#707070}aside .aside-sorting-buttons .button-group button:active.active:active{box-shadow:0px 0px 9px rgba(0,0,0,.14)}}@media only screen and (max-width: 992px){aside{row-gap:3.5rem;margin-bottom:5rem}}section{width:100%;display:grid;grid-template-columns:1fr minmax(0, 1216px);grid-template-rows:max-content;row-gap:1.65rem}section h4,section aside .aside-filter-form label,aside .aside-filter-form section label,section aside .aside-sorting-buttons label,aside .aside-sorting-buttons section label{grid-column:2/3;color:#a6a6a6}section h4 span,section aside .aside-filter-form label span,aside .aside-filter-form section label span,section aside .aside-sorting-buttons label span,aside .aside-sorting-buttons section label span{color:initial}section .section-grid{grid-column:2/3;display:grid;grid-template-columns:repeat(3, 1fr);-moz-column-gap:2.2rem;column-gap:2.2rem;row-gap:5.6rem}section .section-grid .grid-item{flex-direction:column}section .section-grid .grid-item .item{background:#efefef;border-radius:16px;width:100%;aspect-ratio:390/360;justify-content:center;align-items:center;position:relative;transition:all .3s}section .section-grid .grid-item .item .item-image{width:100%;transition:all .3s}section .section-grid .grid-item .item .item-arrow{position:absolute;height:1.75rem;width:1.75rem;rotate:-45deg;bottom:2rem;right:2rem;opacity:0;transition:all .3s}section .section-grid .grid-item .grid-item-title{margin-top:1.64rem;transition:all .3s}section .section-grid .grid-item .grid-item-price{margin-top:.544rem}@media(hover: hover)and (pointer: fine){section .section-grid .grid-item .item:hover{cursor:pointer;box-shadow:0 4px 3px -2px rgba(0,0,0,.3);transform:translateY(-4px)}section .section-grid .grid-item .item:hover .item-image{scale:.82;transform:translateY(-24%)}section .section-grid .grid-item .item:hover .item-arrow{opacity:1;rotate:0deg}section .section-grid .grid-item .item:hover~.grid-item-title{color:#e9794a}}@media only screen and (max-width: 1200px){section .section-grid{grid-template-columns:repeat(auto-fit, minmax(212px, 1fr))}}@media only screen and (max-width: 600px){section .section-grid{row-gap:3rem}}footer{font-size:1.4rem;padding:.5rem 0 1rem;border-top:1px solid}*{box-sizing:inherit}div{display:flex}h1{font-size:4.63rem;line-height:6.25rem;font-weight:700}h3{font-size:2.317rem;line-height:3.127rem;font-weight:500}h4,aside .aside-filter-form label,aside .aside-sorting-buttons label{font-size:2rem;line-height:2.7rem;font-weight:500}p{font-size:1.8rem;line-height:2.434rem;font-weight:400}html{box-sizing:border-box;font-family:"Satoshi",sans-serif;font-size:62.5%;background-color:#fff;color:#000}@media only screen and (max-width: 768px){html{font-size:50%}}@media(prefers-color-scheme: dark){html{background-color:#0e172a;color:#fff}}body{min-width:375px;width:100%;max-width:1728px;min-height:100vh;margin:0 auto;padding:0 6.4rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media only screen and (max-width: 600px){body{padding:0 3rem}}