h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:22px;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0;background-color:gray;padding:25px}main{flex-grow:1}main:has(.back-link){text-align:center}a{cursor:pointer}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width:768px){.container{max-width:768px}}@media only screen and (min-width:1200px){.container{max-width:1200px}}.header{padding:20px 0}.nav{display:flex;justify-content:space-between}.nav-logo{display:inline-flex;align-items:center;justify-content:center}.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:40px}.nav-link{position:relative;display:block;font-weight:500;letter-spacing:.02em;transition:.2s ease-in}.nav-link:hover,.nav-link:focus{color:#747bff}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:110%;height:4px;border-radius:4px;transform-origin:center;animation:stretch .4s cubic-bezier(.68,-.55,.27,1.55) .2s both}.nav-link.active:after{background:#747bff}ul.list{display:flex;flex-direction:row;justify-items:flex-start;flex-wrap:wrap;background-color:#63638d;padding:15px}li.card{padding:18px;margin:12px;width:300px;border-radius:8px;background-color:#bcbcbc}li.card h2{color:#636363}button{padding:10px 13px;background-color:#0063f8;color:#fff;font-size:.8em;border:0px;border-radius:4px}ul.favorite_list{background-color:#161665}div.modal{width:380px;padding:25px;background-color:silver;border-radius:7px}.cross{cursor:pointer;position:relative;top:-14px;left:363px;width:25px;height:25px}.checkout_list{background-color:#5d6f0d}ul.ul_list{display:flex;flex-direction:row;background-color:#d3d3d2;padding:15px 0}ul.ul_list li{padding-left:15px;font-weight:700}ul.ul_list li:first-child{padding-left:0;color:#00f}.info{color:#000;font-weight:bolder}