body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.App{text-align:center}#home{display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;color:#333;flex:1;min-height:100vh}.main-content{display:flex;flex:1;margin:20px 5%}@media (max-width: 600px){.main-content{flex-direction:column}}.filter-section{border:2px solid #3a3838;border-radius:20px;padding:10px;display:flex;flex-direction:column;flex-grow:1;height:100%}.product-section{border:2px solid #3a3838;border-radius:20px;padding:10px;display:flex;flex-direction:column;flex-grow:1}.filter-section{flex:1;margin-right:20px}.product-section{flex:3}@media (max-width: 600px){.product-section{height:calc(60vh - 50px)}}.header{width:100%;position:relative;background-color:#3a3838;box-sizing:border-box}.header-items{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-left:5%;margin-right:5%}.logo{height:90px;cursor:pointer}.search-bar{flex-grow:1;max-width:400px;font-size:1em;border:1px solid #8dad42;border-radius:20px;text-align:center;background-color:#fff;font-family:Courier New,Courier,monospace;margin:0 20px}.header-text{display:flex;gap:50px;align-items:center;font-family:Courier New,Courier,monospace}.contact-text{font-size:1.2em;font-weight:700;color:#f4f4f9}.doo-text{font-size:1.2em;font-weight:700;color:#f4f4f9;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.product-display-section{display:flex;flex-direction:column;border-radius:16px;padding:20px;box-sizing:border-box;position:relative;height:100%}.product-display-section .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;overflow-y:auto;padding:10px;box-sizing:border-box;max-height:100vh}@media (max-width: 1200px){.product-display-section .product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 992px){.product-display-section .product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.product-display-section .product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 576px){.product-display-section .product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.product-display-section .product{border:2px solid #916f6f;border-radius:16px;padding:15px;box-shadow:0 4px 8px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.product-display-section .product img{max-width:100%;max-height:150px;height:auto;display:block;margin:0 auto 10px;border-radius:16px}.product-display-section .pagination{display:flex;justify-content:center;padding:10px 0;background-color:#180606cc;box-sizing:border-box;width:100%;margin-top:auto;position:sticky;bottom:0}.pagination button{background-color:#f70000;color:#fbfbfb;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.pagination button.active{background-color:#fff;color:#fe0303}a{text-decoration:none;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}a h4{color:#fff;font-size:18px}a:hover h4{color:#3193b1;font-size:20px}a:active{color:#630000}.filter-options{display:flex;flex-direction:column;align-items:center;width:100%}.filter-options button{margin:5px 0;width:100%;max-width:300px;background-color:#471d1dcc;color:#fff;border:none;border-radius:16px;cursor:pointer;transition:background-color .3s ease;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.filter-options button.selected{background-color:#e7322f}.filter-options button.selected-sub{background-color:#220d52}.filter-options button:hover{background-color:#b27878}.filter-options button.selected-main{background-color:#f60e02}.filter-options .dropdown{margin-top:10px;display:flex;flex-direction:column;align-items:center;width:100%}.filter-options .subcategory-dropdown{display:flex;flex-direction:column;align-items:center;width:100%}.filter-options h4{color:#fff;margin-bottom:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.filter-options .filter-size .size-list{max-height:150px;overflow-y:auto;border:2px solid #DC143C;color:#000;border-radius:16px;padding:5px;font-family:Courier New,Courier,monospace;display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-options .filter-size label{display:block;margin-bottom:5px}.filter-options .filter-price{margin-top:20px;color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.filter-options .filter-price input{display:block;margin-bottom:10px;padding:5px;font-size:1em;border:2px solid #DC143C;border-radius:16px;width:100%;max-width:200px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f0f0f0;padding:20px}h2{margin-bottom:20px;font-size:24px;color:#333}input{margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px}button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}.admin-dashboard{margin-left:5%;margin-right:5%;display:flex;flex-direction:column}@media (max-width: 600px){.admin-dashboard{padding:1rem}}.admin-dashboard h1{text-align:center;color:#fff;font-size:25px}@media (max-width: 600px){.admin-dashboard h1{font-size:1.5rem}}.admin-dashboard .form-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.admin-dashboard .form-container label{font-weight:700;color:#fff}.admin-dashboard .form-container .file-label{color:gold;font-weight:700;margin-right:10px}.admin-dashboard .form-container input,.admin-dashboard .form-container textarea,.admin-dashboard .form-container select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;color:#000}@media (max-width: 600px){.admin-dashboard .form-container input,.admin-dashboard .form-container textarea,.admin-dashboard .form-container select{padding:.4rem}}.admin-dashboard .form-container button{align-self:flex-end;padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.admin-dashboard .form-container button:hover{background-color:#0056b3}@media (max-width: 600px){.admin-dashboard .form-container button{width:100%;padding:.5rem;font-size:.9rem}}.admin-dashboard .success-message{color:#fff}@media (max-width: 600px){.admin-dashboard .success-message{font-size:.9rem}}.admin-dashboard .product-list{overflow-y:auto;display:flex;flex-direction:column;height:400px}.admin-dashboard .product-list table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-dashboard .product-list table th,.admin-dashboard .product-list table td{padding:1rem;border:1px solid #ddd;color:#fff;word-wrap:break-word;white-space:normal}@media (max-width: 600px){.admin-dashboard .product-list table th,.admin-dashboard .product-list table td{padding:.5rem}}.admin-dashboard .product-list table th{background-color:#f5f5f5;text-align:left;color:#080808}@media (max-width: 600px){.admin-dashboard .product-list table th{font-size:.9rem}}.admin-dashboard .product-list table tr:nth-child(2n){color:#fff}.admin-dashboard .product-list table .edit-button,.admin-dashboard .product-list table .save-button,.admin-dashboard .product-list table .cancel-button{padding:.3rem .6rem;font-size:.9rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.admin-dashboard .product-list table .edit-button:hover,.admin-dashboard .product-list table .save-button:hover,.admin-dashboard .product-list table .cancel-button:hover{background-color:#0056b3}@media (max-width: 600px){.admin-dashboard .product-list table .edit-button,.admin-dashboard .product-list table .save-button,.admin-dashboard .product-list table .cancel-button{padding:.3rem .5rem;font-size:.8rem}}.admin-dashboard .product-list table .cancel-button{background-color:#dc3545}.admin-dashboard .product-list table .cancel-button:hover{background-color:#c82333}.admin-dashboard .product-list table .delete-button{padding:.3rem .6rem;font-size:.9rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.admin-dashboard .product-list table .delete-button:hover{background-color:#c82333}@media (max-width: 600px){.admin-dashboard .product-list table .delete-button{padding:.3rem .5rem;font-size:.8rem}}.admin-dashboard .product-list table input[type=text]{width:80px;padding:.3rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px}@media (max-width: 600px){.admin-dashboard .product-list table input[type=text]{width:60px;font-size:.8rem}}.admin-dashboard .product-list .pagination{display:flex;justify-content:center;margin-top:1rem}.admin-dashboard .product-list .pagination .pagination-button{padding:.5rem;margin:0 .25rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.admin-dashboard .product-list .pagination .pagination-button.active,.admin-dashboard .product-list .pagination .pagination-button:hover{background-color:#0056b3}@media (max-width: 600px){.admin-dashboard .product-list .pagination .pagination-button{padding:.4rem .8rem;font-size:.9rem}}html,body{height:100%;margin:0;padding:0}#root{margin:0 auto;text-align:center;min-height:100%;display:flex;flex-direction:column}main{flex:1}body{margin:0;padding:0;background-image:url(/assets/kozabackground-BV_4R20S.jpg);background-size:cover;background-position:center;background-repeat:repeat}.app-container{display:flex;flex-direction:column;height:100%;flex:1}footer{background-color:#3a3838;color:#fff;padding:20px 0;text-align:center;box-shadow:0 -2px 4px #0000001a}.footer-content{max-width:1280px;margin:0 auto;gap:10px;padding:0 20px;display:flex;flex-direction:column;align-items:center;font-family:Courier New,Courier,monospace}.footer-content p{margin:0;padding:10px 0}.footer-content nav ul{list-style:none;padding:0;margin:10px 0;display:flex;gap:40px}.footer-content nav ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-content nav ul li a:hover{color:#000}.product-detail{padding:30px}.product-detail h2,.product-detail p{color:#fff}.product-detail .slick-slider{position:relative}.product-detail .slick-slider .slick-list{overflow:hidden;display:flex;justify-content:center;align-items:center}.product-detail .slick-slider .slick-track{display:flex}.product-detail .slick-slider .slick-slide{display:flex;justify-content:center;align-items:center;min-height:500px}.product-detail .slick-slider .main-image,.product-detail .slick-slider .additional-image{max-width:100%;max-height:500px;height:auto;display:block;margin:0 auto}.product-detail .slick-slider .custom-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:60%;background:#fffc;color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1;box-shadow:0 2px 5px #0003;font-size:28px}.product-detail .slick-slider .next-arrow{right:20%;margin-left:10px}.product-detail .slick-slider .prev-arrow{left:20%;margin-right:10px}.product-detail .opistext{margin-top:20px}.product-detail .back-button{margin-top:20px;padding:10px 20px;background-color:#333;color:#fff;border:none;cursor:pointer}.product-detail .product-description{white-space:pre-line;color:#fff}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center;align-items:center;display:flex;flex-direction:row;gap:50px}.contact-container h1{margin-bottom:2rem}.contact-container .contact-details{flex:1;margin-bottom:0}.contact-container .contact-details p{font-size:1.5rem;font-weight:500;color:#fff}.contact-container .map{flex:1;max-width:100%}.contact-container .map img{width:100%;height:auto;max-width:600px;border:none}@media screen and (max-width: 768px){.contact-container .map img{max-width:100%}}@media screen and (max-width: 550px){.contact-container .map img{max-width:100%}}.home-button{background:#e52f2f;color:#fff;border:none;border-radius:10px;cursor:pointer;padding:10px 20px;margin-bottom:40px}.home-button:hover{background:#fd6f6a}@media (max-width: 768px){.contact-container{flex-direction:column;gap:20px;padding:1rem}.contact-container .contact-details p{font-size:1.2rem}.contact-container .map img{height:auto}.home-button{width:100%;padding:15px}}