*,:after,:before{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}ul{list-style-type:none;padding:0}:root{--primary: #27182d;--secondary: #d58e69;--font: "Montserrat", sans-serif;--inspect: solid white 1px}body{font-family:var(--font);min-height:100vh;background:var(--primary);color:var(--secondary)}main{margin:0 auto;width:90vw;max-width:1050px}.logo-wrapper{width:100%;text-align:center}.logo-wrapper img{max-width:250px}@media only screen and (max-width: 450px){.logo-wrapper img{height:150px}}@media only screen and (max-width: 300px){.logo-wrapper img{height:100px}}.filters-container{margin:30px 0 20px}.filters-container .btns-wrapper{display:flex;justify-content:center;gap:10px}.filters-container .btns-wrapper .filter-btn{color:var(--primary);padding:4px;width:100px;font-family:var(--font);font-size:13px;font-weight:500;text-transform:capitalize;background:var(--secondary);border:none;border-radius:6px;cursor:pointer;transition:.25s ease}.filters-container .btns-wrapper .filter-btn:hover,.filters-container .btns-wrapper .filter-btn:active{background-color:#eedccf}@media only screen and (max-width: 450px){.filters-container .btns-wrapper .filter-btn{font-size:11px}}@media only screen and (max-width: 300px){.filters-container .btns-wrapper .filter-btn{display:none}}@media only screen and (max-width: 450px){.filters-container{margin:25px 0 15px}}.viewport-error{display:none;text-align:center;color:red;font-size:13px;font-weight:500}@media only screen and (max-width: 300px){.viewport-error{display:block}}h1{text-align:center;text-transform:capitalize;font-size:22px;font-weight:600}@media only screen and (max-width: 450px){h1{font-size:18px}}@media only screen and (max-width: 300px){h1{display:none}}.assortment-container{position:relative;margin:20px 0;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,450px));place-content:center;align-items:start}@media only screen and (max-width: 450px){.assortment-container{margin:10px 0;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media only screen and (max-width: 300px){.assortment-container{display:none}}.item-container{border:1px solid var(--secondary);border-radius:10px;padding:10px 20px}@media only screen and (max-width: 450px){.item-container{padding:10px}}.item-container .product-wrapper{display:flex;align-items:center;gap:30px}.item-container .product-wrapper .product-img{height:240px}.item-container .product-wrapper .description-wrapper{line-height:21px}.item-container .product-wrapper .description-wrapper h2{text-transform:capitalize;font-size:16px}.item-container .product-wrapper .description-wrapper .type{font-size:14px;margin-bottom:20px;text-transform:capitalize;font-weight:400}.item-container .product-wrapper .description-wrapper .sub-text{font-size:14px}.item-container .product-wrapper .description-wrapper .price{margin-top:20px;font-size:14px}.item-container .product-wrapper .description-wrapper .emph{font-weight:600}.item-container .product-wrapper .description-wrapper .capitalize{text-transform:capitalize}.item-container .product-wrapper .description-wrapper .no-stock{display:block;color:red}.item-container .product-wrapper .description-wrapper .strike{text-decoration:line-through}.item-container .product-wrapper .description-wrapper .info-btn{margin-top:20px;padding:0 5px;color:var(--primary);font-family:var(--font);font-size:14px;font-weight:500;background:var(--secondary);border:none;border-radius:6px;cursor:pointer;transition:.25s ease;display:flex;align-items:center;gap:4px}.item-container .product-wrapper .description-wrapper .info-btn .icon{margin-top:5px;font-size:17px}.item-container .product-wrapper .description-wrapper .info-btn:hover,.item-container .product-wrapper .description-wrapper .info-btn:active{background-color:#eedccf}@media only screen and (max-width: 450px){.item-container .product-wrapper{gap:20px}.item-container .product-wrapper .product-img{height:220px}.item-container .product-wrapper .description-wrapper{line-height:18px}.item-container .product-wrapper .description-wrapper h2{font-size:14px}.item-container .product-wrapper .description-wrapper .type{font-size:13px;margin-bottom:15px}.item-container .product-wrapper .description-wrapper .sub-text{font-size:12px}.item-container .product-wrapper .description-wrapper .price{margin-top:15px;font-size:13px}.item-container .product-wrapper .description-wrapper .info-btn{font-size:12px}.item-container .product-wrapper .description-wrapper .info-btn .icon{margin-top:4px;font-size:15px}}.item-container .info-wrapper{margin-top:15px;padding-top:10px;border-top:solid var(--secondary) 1px}.item-container .info-wrapper .info-txt{font-size:14px;line-height:20px}@media only screen and (max-width: 450px){.item-container .info-wrapper .info-txt{font-size:12px;line-height:18px}}.item-container .info-wrapper .btn-wrapper{text-align:right}.item-container .info-wrapper .btn-wrapper .close-btn{color:var(--secondary);font-family:var(--font);font-size:20px;background:none;border:none;cursor:pointer;transition:.25s ease;animation-name:bounce;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.item-container .info-wrapper .btn-wrapper .close-btn:hover,.item-container .info-wrapper .btn-wrapper .close-btn:active{color:#eedccf}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.gen-info-container{width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 500px){.gen-info-container{width:100%}}.gen-info-container h4{margin:20px 0;width:fit-content;text-transform:capitalize;font-size:22px;font-weight:600}@media only screen and (max-width: 450px){.gen-info-container h4{font-size:18px}}.gen-info-container h5{margin-bottom:5px;font-size:16px;width:100%}.gen-info-container .about-txt{margin-bottom:20px;font-size:14px;line-height:21px}@media only screen and (max-width: 450px){.gen-info-container h5{margin-bottom:3px;font-size:14px}.gen-info-container .about-txt{font-size:12px;line-height:19px}}@media only screen and (max-width: 300px){.gen-info-container{display:none}}footer{margin:20px 0;font-weight:600;font-size:.813rem;text-align:center;text-transform:capitalize}@media only screen and (max-width: 300px){footer{display:none}}