*{border:0;box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(to right, #f0ebdf, #F1E8D6, #F1E8D6, #F1E8D6, #F1E8D6, #F1E8D6, #f0ebdf);padding-bottom:50px;font-family:"Katibeh","Poltawski Nowy","sans-serif"}nav{position:fixed;left:0;width:100%;z-index:10;font-family:"Poltawski Nowy","Katibeh","Geneva";transition:background-color .3s ease,border-bottom .5s ease;height:80px;max-height:0;transition:max-height 1.5s ease;background-color:rgba(0,0,0,.7);color:#fff;border-bottom:1px solid rgba(0,0,0,0)}nav #nav__logo{position:absolute;left:10%;top:50%;transform:translateY(-50%)}nav #nav__logo a{color:#f6e4cd;text-decoration:none}nav #nav__logo a img{width:180px}nav #nav__links{position:absolute;right:10%;top:50%;transform:translateY(-50%)}nav #nav__links #nav__links_dropdown{position:relative;display:inline-block}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content{position:absolute;background-color:rgba(0,0,0,.9);box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;min-width:190px;margin-left:-25px;margin-top:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a{color:#f6e4cd;padding:12px 16px;text-decoration:none;display:block;text-align:left;border-bottom:1px solid #c57118;font-size:18px}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a:last-child{border-bottom:0}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a:hover{background-color:#555}nav #nav__links #nav__links_dropdown:hover #nav__links_dropdown_content{max-height:250px}nav #nav__links i{display:none;padding:20px}nav #nav__links i:hover{cursor:pointer}nav #nav__links ul{display:inline-block;list-style:none;height:100%}nav #nav__links ul li{display:inline-block;font-size:28px;padding:28px 15px;height:100%}nav #nav__links ul li #nav__active{border-bottom:2px solid #fff}nav #nav__links ul li a{text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:1px;font-family:inherit;border-bottom:2px solid rgba(0,0,0,0);transition:border-bottom .5s ease}nav #nav__links ul li:hover{cursor:pointer}nav #nav__links ul li:hover a{border-bottom:2px solid #fff}#alert_error{position:fixed;margin-top:100px;left:50%;transform:translateX(-50%);display:none;z-index:9;font-size:32px}#popup_filter{display:none;position:fixed;height:100%;width:100%;z-index:3;background-color:rgba(0,0,0,.3)}.hidePopup{animation:hideAnimation .5s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out}.showPopup{animation:revealAnimation .5s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out}.hideFormButton{display:none}#popup{display:none;position:fixed;z-index:3;width:80%;height:67%;left:50%;transform:translateX(-50%);top:140px;border:1px solid #000;border-radius:15px;background-color:#fff5ec}#popup i{color:#000;top:0px;right:0;border-left:1px solid #000;border-bottom:1px solid #000;border-bottom-left-radius:15px;border-top-right-radius:14px;padding:10px;position:absolute;z-index:2}#popup i:hover{cursor:pointer;background-color:#ff4646}#popup #popup__form{padding:30px;text-align:center;height:100%;overflow-y:scroll;font-size:24px}#popup #popup__form .form-switch{padding-left:0}#popup #popup__form input{font-size:20px}#popup #popup__form #descInput{resize:none;font-size:20px}#popup #popup__form_prodColors label{width:100%}#popup #popup__form_prodColors input{display:inline-block;width:22px;height:22px;margin-bottom:3px;padding:0;border:1px solid #000}#popup #popup__form_prodSize label{width:100%}#popup #popup__form_prodSize button{padding:0 5px 5px;background-color:#fff;border:1px solid #000;margin-bottom:3px}#popup #popup__form_prodSize button:hover{background-color:#b4b4b4}#popup #popup__form_prodSize .selected_button{background-color:#828282}#popup #popup__form_prodGenre{width:100%;display:inline-block;position:relative}#popup #popup__form_prodGenre label{margin-right:70px}#popup #popup__form_prodGenre label:last-child{margin-right:0}#popup #popup__form_prodGenre input{position:absolute;background-color:#0d6efd;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}#popup #popup__form_prodGenre .woman_input{background-color:#ff00b3}#popup #popup__form_prodStock{position:relative}#popup #popup__form_prodStock input{position:absolute;margin-top:25px}#popup #popup__form button{font-size:28px}#product__container{padding:150px 30px 30px;display:grid;grid-template-columns:repeat(auto-fill, minmax(275px, 275px));justify-content:center;-moz-column-gap:50px;column-gap:50px;row-gap:50px}#product__container #create__product_card{border:1px solid gray;min-height:250px}#product__container #create__product_card:hover{cursor:pointer;transform:scale(1)}#product__container #create__product_card:hover #create__product_icon{background-color:#90ee90}#product__container #create__product_card #create__product_icon{color:green;border:1px solid green;padding:50px;border-radius:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}#product__container .product__card{width:100%;text-align:center;font-size:18px;position:relative;opacity:0;transition:transform .1s ease-in-out,opacity 1s ease-in}#product__container .product__card:hover{transform:scale(1.05)}#product__container .product__card i{position:absolute;top:0px;z-index:2;color:#000;padding:10px}#product__container .product__card i:hover{cursor:pointer}#product__container .product__card i[class="fas fa-edit"]{left:0;border-right:1px solid #ff0;border-bottom:1px solid #ff0;border-bottom-right-radius:15px;border-top-left-radius:3px;background-color:#ff0}#product__container .product__card i[class="fas fa-trash"]{right:0;border-left:1px solid #ff4646;border-bottom:1px solid #ff4646;border-bottom-left-radius:15px;border-top-right-radius:3px;background-color:#ff4646}#product__container .product__card>img{width:100%;height:250px;overflow:hidden;background-color:#fff;border:1px solid gray;border-top-left-radius:10px;border-top-right-radius:10px;padding:15px}#product__container .product__card h3{font-family:"Poltawski Nowy","Katibeh","sans-serif";font-size:24px;padding:5px;word-wrap:break-word;background-color:#fff;border:1px solid gray;margin-top:-3px}#product__container .product__card div{width:100%;border-spacing:0;border-collapse:collapse}#product__container .product__card div div{padding:10px;background-color:#fff}#product__container .product__card div div:first-child{word-wrap:break-word;word-break:break-all;margin-top:-10px;border:1px solid gray;border-bottom:0 solid gray;border-top:0 solid gray}#product__container .product__card div .product__card_colors{border:1px solid gray;border-bottom:0 solid gray;border-top:0 solid gray}#product__container .product__card div .product__card_colors .product__color{display:inline-block;width:25px;height:25px;margin:0 2px;border:1px solid #000;position:relative;top:50%;transform:translateY(-1%);border-radius:50%}#product__container .product__card div .product__card_sizes{border:1px solid gray;border-top:0 solid gray;border-bottom-left-radius:15px;border-bottom-right-radius:15px}#product__container .product__card div .product__card_sizes .product__size{display:inline-block;width:auto;height:25px;padding:0 3px;margin:3px;border:1px solid #000;position:relative;top:50%;border-radius:5px;background-color:#fff}#product__container .product__card .product__card__top_images{position:absolute;display:inline-block;top:5px;left:0;width:100%;height:50px}#product__container .product__card .product__card__top_images img{display:inline-block;left:0;width:40px;height:40px;border:1px solid #000;border-radius:5px;margin:0 3px;overflow:hidden}#product__container .product__card .product__card__top_images img:hover{cursor:pointer;transform:scale(1.05)}#product__container .product__card section{position:absolute;width:100%;height:25px;background-color:red;color:#fff;font-size:20px;position:absolute;top:50px}@keyframes revealAnimation{0%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%)}10%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)}100%{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@keyframes hideAnimation{0%{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}90%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)}100%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%)}}@media(max-width: 1000px){nav #nav__logo{left:15px}nav #nav__links{right:25px}}@media(max-width: 800px){nav #nav__links #nav__links_dropdown #nav__links_dropdown_content{display:none}nav #nav__links ul{display:none;position:absolute;top:75px;right:-25px;text-align:right}nav #nav__links ul li{display:block;border-bottom:1px solid #c57118;background-color:rgba(0,0,0,.9)}nav #nav__links ul li:hover{background-color:#555}nav #nav__links ul li:last-child{border-bottom-left-radius:15px;border-bottom:0}nav #nav__links i{display:block}}@media(max-width: 710px){#product__container{padding:150px 5px 5px;display:grid;grid-template-columns:repeat(auto-fill, minmax(15rem, 15rem));justify-content:center;-moz-column-gap:7px;column-gap:7px;row-gap:10px}#product__container .product__card>img{height:200px}#product__container #create__product_card #create__product_icon{padding:40px}}@media(max-width: 500px){#product__container{grid-template-columns:repeat(auto-fill, minmax(11rem, 11rem))}#product__container .product__card .product__card__top_images img{width:30px;height:30px;margin:0}#product__container .product__card .product__card_image{height:150px}}