.header{display:flex;justify-content:space-around;flex-wrap:wrap;background-color:#7e244a;position:fixed;top:0;left:0;width:100%;z-index:1000}.header .filter{display:flex;place-items:center;margin:15px 0}.header .filter p{margin:0 0 0 15px;text-align:left;color:#fff}.header>input{outline:none;border-radius:21px;color:#706c6c;font-size:18px;line-height:25px;padding:5px 15px;border:1px solid #ccc;max-width:85%;margin:15px 0;position:relative}.header>input:focus{border:2px solid #2291f3;top:-1px;left:-1px}.header>input:focus::-webkit-input-placeholder{color:transparent}@media (max-width: 290px){P{font-size:14px}}.switch{display:flex}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.switch input:checked+.slider{background-color:#2196f3}.switch input:checked+.slider:before{content:" ";transform:translate(21px);color:#2196f3}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch .slider{display:block;width:50px;height:26px;border-radius:34px;background-color:#ccc;position:relative;transition:.3s ease}.switch .slider:before{content:" ";position:absolute;width:19px;height:19px;border-radius:50%;background-color:#fff;left:5px;top:3px;transition:.3s ease;display:flex;justify-content:center;align-items:center;font-size:10px;color:#ccc}.categories{margin:0 auto;max-width:1250px;padding:0 15px;text-align:center}.categories .not{padding:0;background-color:#eee;margin-top:100px;width:fit-content;margin-left:auto;margin-right:auto;border-radius:3px;max-width:85%}.categories .category{padding:40px 0;margin:40px 0;background-color:#fff;border-radius:15px}.categories .category:first-child{margin-top:100px}.categories .category h2{margin-bottom:35px}.categories .category h2 span{display:inline-block;background-color:#eee;padding:5px 58px;border-radius:25px;max-width:85%;box-sizing:border-box;border-bottom:2px solid #2fd4e5}@media (max-width: 290px){.categories .category h2 span{padding:5px 15px}}.categories .elements{display:flex;flex-wrap:wrap;justify-content:space-around}.categories .elements>div{background-color:#eee;padding:10px 0 0;border-radius:10px;margin:20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.categories .elements img{width:150px;height:150px;max-width:85%}.categories .elements .disc{padding:3px;margin:6px}.categories .elements .disc p{margin:2px;color:#333}.categories .elements .disc p:first-child{font-weight:600}.categories .elements .disc p:nth-child(2){color:green}.categories .elements .disc p.btn{background-color:#171817;cursor:pointer;border-radius:15px;color:#eee}.categories .elements .unavilable{position:relative;overflow:hidden}.categories .elements .unavilable p{color:#333}.categories .elements .unavilable p:nth-child(2){text-decoration:line-through}.categories .elements .unavilable p:last-child{background-color:#aaa}.categories .elements .unavilable:before{content:"Out of stock";position:absolute;top:0;right:0;background-color:#cb1c04;padding:2px 5px;font-size:13px;color:#eee;font-weight:700;border-radius:0 0 0 7px}footer{display:flex;flex-wrap:wrap;justify-content:center;place-items:center;background-color:#292727;padding:11px 0 5px;font-weight:700;color:#fff}footer a{display:block}footer img{width:25px;height:25px;margin:6px;border-radius:5px}.App{background-color:red}.App p{background-color:#00f;margin:0}body{margin:0;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (max-width:290px){#root{padding:8px}}