*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4}img{width:100%;object-fit:contain}.app{height:80vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 2rem;background:#252a2d;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff}.navbar__logo h2{color:#fff;margin:0}.navbar__logo a{text-decoration:none}.navbar__logo img{width:100%;height:100px}.navbar__links{display:flex;list-style:none;align-items:center}.navbar__links li{margin-left:1.5rem}.navbar__links a,.navbar__links p{color:#fff;text-decoration:none;cursor:pointer}.navbar__links a:hover,.navbar__links p:hover{color:#252a2d}.cart__link{display:flex;align-items:center}.cartlogo__badge{background:#fff;color:#333;border-radius:50%;padding:0 .4rem;font-size:.8rem;margin-left:.2rem}.navbar__user{display:flex;align-items:center}.navbar__user span{margin-right:.5rem}.hamburger__menu{display:none;cursor:pointer}.hamburger__menu div{width:25px;height:3px;background:#fff;margin:5px}@media (max-width:768px){.navbar__links{display:none}.hamburger__menu{display:block}}.search-wrapper{position:relative;width:73%;max-width:900px}.search{display:flex;margin:0 2rem;align-items:center}.search input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:1rem}.search button{padding:.6rem 1rem;background:#252a2d;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.search button:hover{background:#555}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;color:#000;border:1px solid #ccc;border-top:none;z-index:100;list-style:none;max-height:200px;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.1)}.search-suggestions li{padding:10px;cursor:pointer;border-bottom:1px solid rgba(127,80,60,.09)}.search-suggestions li:hover{background-color:#f0f0f0}@media (max-width:768px){.search-wrapper{width:90%;margin:0 auto}.search{margin:0}.search input{font-size:.9rem;padding:.4rem}.search button{padding:.5rem .8rem}.search-suggestions{font-size:.9rem}}@media (max-width:480px){.search-wrapper{width:100%;padding:0 1rem}.search input{padding:.4rem .5rem;font-size:.85rem}.search button{padding:.5rem .6rem;font-size:.85rem}.search-suggestions li{padding:8px;font-size:.85rem}}.sidedrawer{width:70%;background:#fff;height:100vh;position:fixed;top:0;left:0;z-index:200;transform:translateX(-100%);transition:all .3s ease-out;display:flex;flex-direction:column;justify-content:center}.sidedrawer.show{transform:translateX(0)}.sidedrawer__links{display:flex;flex-direction:column;list-style:none}.sidedrawer__links>li{display:flex;align-items:center}.sidedrawer__links>li>a:hover{background:#333;color:#f4f4f4}.sidedrawer__links>li>a,.sidedrawer__links>li>p{display:flex;align-items:center;justify-content:center;text-align:center;flex:1 1;padding:1rem;text-decoration:none;color:#171717;font-size:1.6rem}.sidedrawer__cartbadge,.sidedrawer__links>li>a>span{display:flex;align-items:center;margin-left:8px}.sidedrawer__cartbadge{justify-content:center;width:30px;height:30px;background-color:#171717;border-radius:50%;color:#fff;font-size:1rem}.sidedrawer__links>li>a:hover .sidedrawer__cartbadge{background-color:#fff;color:#171717}@media (min-width:960px){.sidedrawer{display:none}}.backdrop{width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:100;position:fixed;top:0;left:0}.home-container{padding:0;max-width:1400px;margin:0 auto}.category-section{margin:40px 0}.category-title{font-size:1.8rem;margin-bottom:20px;color:#fff5f5;padding:5px 10px;border-bottom:2px solid rgba(0,35,116,.12156862745098039);text-transform:capitalize;background:#252a2d;background:linear-gradient(37deg,#7f503c 30%,#252a2d 50%)}.homescreen{max-width:1300px;margin:1rem auto}.homescreen__title{font-size:1.5rem;color:#171717;margin-bottom:1rem;margin-left:8px}.homescreen__products{display:grid;grid-template-columns:repeat(4,1fr)}@media (min-width:1920px){.home-container{padding:0;width:100%;max-width:3000px;margin:0 auto}}@media (max-width:1200px){.home-container{padding:0;width:100%;max-width:2000px;margin:0 auto}.homescreen__products{grid-template-columns:repeat(5,auto)}}@media (max-width:1232px){.homescreen__products{grid-template-columns:repeat(3,auto)}}@media (max-width:950px){.homescreen__products{grid-template-columns:repeat(2,auto)}}@media (max-width:630px){.homescreen__products{grid-template-columns:1fr}}.show-more-container{text-align:center;margin-top:20px}.show-more-btn{background-color:#7f503c;color:#fff;padding:10px 25px;font-size:1rem;border:none;border-radius:5px;cursor:pointer}.show-more-btn:hover{background-color:#333}.product{width:300px;padding:1rem;background:#fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.4);margin:8px auto;display:flex;justify-content:space-between;flex-direction:column}.product>img{width:100%;height:170px;object-fit:contain;border-radius:8px}.product__info{margin:10px 0 0}.product__info>p{margin-bottom:8px}.info__price{font-weight:700}.info__name{font-size:1rem;overflow:hidden;padding:10px 0}.info__description{font-size:.8rem;padding:5px 0}.info__button{display:block;text-decoration:none;text-align:center;color:#fff;width:100%;padding:8px 16px;background-color:#252a2d;border:1px solid #fff;font-size:1rem}.info__button:hover{background:#7f503c;color:#f4f4f4}@media (max-width:1232px){.product{width:360px}}@media (max-width:1115px){.product{width:330px}}@media (max-width:1028px){.product{width:300px}}@media (max-width:950px){.product{width:400px}}@media (max-width:830px){.product{width:330px}}@media (max-width:700px){.product{width:290px}}@media (max-width:630px){.product{width:450px}}@media (max-width:500px){.product{width:350px}}@media (max-width:400px){.product{width:300px}}.carousel-container{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.carousel-slides{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-slide{min-width:100%;position:relative}.carousel-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}.carousel-caption{position:absolute;bottom:20px;left:20px;right:20px;background-color:rgba(0,0,0,.6);color:#fff;padding:20px;border-radius:4px;max-width:500px}.carousel-caption h1{margin-top:0;font-size:1.5rem}.carousel-caption p{margin-bottom:15px;font-size:1rem}.carousel-button{background-color:#b47355;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.carousel-button:hover{background-color:#7f503c}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:#252a2d;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:1.5rem;z-index:10;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.carousel-control:hover{background:#252a2d;background:linear-gradient(37deg,#7f503c 30%,#252a2d 50%)}.carousel-control.prev{left:15px}.carousel-control.next{right:15px}.carousel-indicators{position:absolute;bottom:20px;right:20px;display:flex;grid-gap:8px;gap:8px}.indicator{width:12px;height:12px;border-radius:50%;background-color:#252a2d;cursor:pointer;transition:background-color .3s}.indicator.active{background-color:#7f503c}@media (max-width:1200px){.carousel-container{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}}@media (max-width:768px){.carousel-caption{bottom:10px;left:10px;right:10px;padding:15px;max-width:80%}.carousel-caption h3{font-size:1.2rem}.carousel-caption p{font-size:.9rem;margin-bottom:10px}.carousel-button{padding:6px 12px;font-size:.8rem}.carousel-control{width:30px;height:30px;font-size:1.2rem}.carousel-indicators{bottom:10px;right:10px}}@media (max-width:480px){.carousel-caption{position:static;max-width:100%;background-color:rgba(0,0,0,.8);border-radius:0}.carousel-indicators{position:static;justify-content:center;margin-top:10px}}.category-slider-container{position:relative;width:100%;margin:20px 0;display:flex;align-items:center}.category-slider{width:100%;overflow:hidden}.slider-container{display:flex;grid-gap:15px;gap:15px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.slider-container::-webkit-scrollbar{display:none}.slider-container{-ms-overflow-style:none;scrollbar-width:none}.slider-item{min-width:200px;flex:0 0 auto;scroll-snap-align:start}.slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:linear-gradient(37deg,#7f503c 30%,#252a2d 50%);color:#fff;border:none;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;font-size:18px;z-index:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.slider-nav-button:hover{background:#252a2d;background:linear-gradient(37deg,#7f503c 30%,#252a2d 50%);transform:translateY(-50%) scale(1.05)}.slider-nav-button.left{left:10px}.slider-nav-button.right{right:10px}@media (max-width:768px){.slider-nav-button{display:block;background:linear-gradient(37deg,#7f503c 30%,#252a2d 50%);color:#fff;width:30px;height:30px}.slider-item{min-width:160px}}@media (max-width:480px){.slider-item{min-width:100%}}.productscreen{max-width:1300px;margin:1rem auto;display:flex}.productscreen__left{display:flex;flex:0.8 1}.left__image{margin:1rem;flex:0.6 1}.left__info{margin:1rem;flex:0.4 1;background:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.9rem}.left__name{font-weight:700;font-size:1.3rem}.left__info>p,.right__info>p{padding:1rem;border-bottom:1px solid rgba(0,0,0,.2)}.left__info>p:last-child,.right__info>p:last-child{border:none}.productscreen__right{flex:0.2 1}.right__info{width:250px;margin:1rem;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}.right__info p{padding:1rem;font-size:.8rem;display:grid;grid-template-columns:repeat(2,1fr)}.right__info p>button{grid-column:1/-1;width:100%;padding:10px 16px;background:#252a2d;color:#f4f4f4;border:1px solid #252a2d;cursor:pointer;border-radius:5px}.right__info p>button:hover{background:#7f503c}.right__info select{padding:10px 16px}@media (max-width:960px){.productscreen{flex-direction:column}.productscreen__left{flex-direction:column;flex:1 1}.left__image,.left__info{flex:1 1}.productscreen__right{flex:1 1;padding:1rem}.right__info{width:100%;margin:0}}.out-of-stock{color:red;font-weight:700}.in-stock{color:#00a650;font-weight:700}.disabled-button{background-color:#ccc!important;cursor:not-allowed!important;opacity:.7}.out-of-stock-notification{background-color:#fff3cd;color:#856404;padding:10px;border-radius:4px;margin-top:10px;border:1px solid #ffeeba;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.right__info button{background:#f0c14b;border-color:#a88734 #9c7e31 #846a29;border-style:solid;border-width:1px;color:#111;padding:8px 16px;border-radius:3px;cursor:pointer;width:100%}.right__info button:hover{background:#ddb347}.cartscreen{display:flex;max-width:1300px;margin:2rem auto}.cartscreen h2{margin-bottom:1rem;color:#7f503c}.cartitem__price{color:#7f503c}.cartscreen__left{flex:0.7 1;margin-right:1rem;background:transparent;padding:1rem}.cartscreen__right{flex:0.3 1;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:4rem}.cartscreen__right div{border-bottom:1px solid rgba(0,0,0,.2);padding:1rem}.cartscreen__info p{padding:8px}.cartscreen__info p:first-child{font-weight:700}.cartscreen__right div:last-child{border:none}.cartscreen__right div button{padding:10px 17px;width:100%;background:#7f503c;color:#f4f4f4;border:1px solid #fff;cursor:pointer}.cartscreen__right div button:hover{opacity:.9;background:#252a2d}@media (max-width:1320px){.cartscreen{max-width:900px}}@media (max-width:960px){.cartscreen{max-width:800px;flex-direction:column}}@media (max-width:960px){.cartscreen__right{margin:1rem}}.cartitem{width:100%;padding:1rem;display:grid;grid-template-columns:1fr 4fr 1fr 1fr 1fr;grid-gap:8px;gap:8px;background:#fff;border-radius:2px;place-items:center;margin-bottom:8px}.cartItem__name{text-decoration:none;color:#171717}.cartItem__name:hover{color:#dd219e}.cartItem__select{padding:10px 17px}.cartItem__deleteBtn{padding:10px 17px;color:red;background:#f4f4f4;border:1px solid #171717;cursor:pointer;transition:all .3s ease-out}.carItem__deleteBtn:active,.carItem__deleteBtn:focus,.cartItem__deleteBtn:hover{background:#171717;transform:scale(1.2)}@media (max-width:700px){.cartItem__name{font-size:.8rem}.cartItem__deleteBtn,.cartItem__select{padding:8px 13px}.cartitem__price{font-size:.8rem}}@media (max-width:700px){.cartItem__name{font-size:.6rem}.cartItem__deleteBtn,.cartItem__select{padding:5px 8px}.cartitem__price{font-size:.6rem}}.signupscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signupscreen input[type=submit]{background-color:#7f503c;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signupscreen input[type=submit]:hover{background-color:#b47355}.signupscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signupscreen .container{flex-grow:1;display:flex;align-items:center}.signupscreen .container .innerContainer{border-radius:5px;background:#252a2d;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff;padding:20px;max-width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #ccc}.signupscreen .header{background-color:#264653;width:100%;padding:20px}.signupscreen .header p{font-weight:700;font-size:20px;color:#fff}.signupscreen .container .innerContainer span{font-size:14px;color:#fff}.signupscreen .container .innerContainer span:hover{font-size:14px;color:#7f503c}.signupscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.signinscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signinscreen input[type=submit]{background-color:#7f503c;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signinscreen input[type=submit]:hover{background-color:#b47355}.signinscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signinscreen .container{flex-grow:1;display:flex;align-items:center}.signinscreen .container .innerContainer{border-radius:5px;background:#252a2d;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff;padding:20px;max-width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #ccc}.signinscreen .header{background-color:#252a2d;width:100%;padding:20px}.signinscreen .header p{font-weight:700;font-size:20px;color:#fff}.signinscreen .container .innerContainer span{font-size:14px;color:#fff}.signinscreen .container .innerContainer span:hover{font-size:14px;color:#7f503c}.innerContainer i{color:#fff;font-size:2em}.link{text-decoration:none;cursor:pointer}.signinscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.shipping{max-width:600px;margin:2rem auto;padding:1.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;background-color:#fff}.shipping h1{text-align:center;margin-bottom:1.5rem;color:#7f503c}.shipping form{grid-gap:1.2rem;gap:1.2rem}.shipping form,.shipping form div{display:flex;flex-direction:column}.shipping form div{grid-gap:.5rem;gap:.5rem}.shipping label{font-weight:500;color:#555}.shipping input{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.shipping input:focus{outline:none;border-color:#7f503c;box-shadow:0 0 0 2px rgba(127,80,60,.5490196078431373)}.shipping button{padding:.8rem;background-color:#252a2d;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem}.shipping button:hover{background-color:#7f503c}@media (max-width:640px){.shipping{margin:1rem;padding:1rem}}.payment-container{max-width:600px;margin:2rem auto;padding:2rem;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;background:#fff}.payment-header{text-align:center;margin-bottom:2rem;color:#7f503c}.payment-form{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.payment-method-group{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.method-label{font-weight:700;margin-bottom:.5rem}.method-option{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.8rem;border:1px solid #ddd;border-radius:4px;transition:all .2s}.method-option:hover{background-color:#f9f9f9;border-color:#7f503c}.submit-button{padding:.8rem;background-color:#252a2d;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#7f503c}.message{padding:1rem;margin:1rem 0;border-radius:4px;font-weight:500}.message.info{background-color:#e6f7ff;color:#1890ff}.message.success{background-color:#f6ffed;color:#52c41a}.message.danger{background-color:#fff2f0;color:#ff4d4f}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left-color:#09f;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.placeorder{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem}.placeorder__left{flex:1 1;min-width:300px;background-color:#fff;padding:3%}.placeorder__right{flex:0 0 350px;position:relative}.placeorder h2{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #eee;color:#7f503c}.placeorder p{margin:.5rem 0;color:#555}.placeorder p strong{color:#333;margin-right:.5rem}.placeorder__left>div:last-child{margin-bottom:2rem}.placeorder__left>div>div{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem;margin-top:1rem}.placeorder__left>div>div>div{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:4px;width:100%}.placeorder__left img{width:60px;height:60px;object-fit:cover;border-radius:4px}.order-summary{padding:1.5rem;border:1px solid #eee;border-radius:8px;background:#f9f9f9;margin-bottom:1.5rem}.order-summary>div{display:flex;justify-content:space-between;margin:.8rem 0;padding-bottom:.8rem;border-bottom:1px solid #eee}.order-summary>div:last-child{border-bottom:none;font-weight:700;font-size:1.1rem;color:#333}.order-summary .total span{color:#7f503c}.place-order-btn{width:100%;padding:1rem;background-color:#252a2d;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.place-order-btn:hover:not(:disabled){background-color:#7f503c}.place-order-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.placeorder{flex-direction:column;grid-gap:1rem;gap:1rem}.placeorder__right{flex:1 1;width:100%}.placeorder__left>div>div>div{flex-direction:column;align-items:flex-start}}.placeorder .message{margin-bottom:2rem;width:100%}.order-list-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.order-list-title{text-align:center;margin-bottom:2rem;font-size:2rem;color:#7f503c;position:relative;padding-bottom:.5rem}.order-list-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#252a2d}.orders-table{width:100%;border-collapse:collapse;margin-top:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.orders-table-header{background-color:#7f503c;color:#fff}.orders-table-header th{padding:1rem;text-align:left;font-weight:500}.orders-table-row{background-color:#fff;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.orders-table-row:last-child{border-bottom:none}.orders-table-row:hover{background-color:#f7fafc}.orders-table-cell{padding:1rem;color:#4a5568}.status-badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-paid{background-color:#f0fff4;color:#38a169}.status-not-paid{background-color:#fff5f5;color:#e53e3e}.status-delivered{background-color:#ebf8ff;color:#252a2d}.status-not-delivered{background-color:#fffaf0;color:#dd6b20}.details-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;background-color:#252a2d;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.details-button:hover{background-color:rgba(217,83,56,.5803921568627451);transform:translateY(-1px)}.loading-state{display:flex;justify-content:center;padding:2rem}.error-state{color:#e53e3e;text-align:center;padding:2rem;background-color:#fff5f5;border-radius:8px;margin-top:1rem}@media (max-width:768px){.orders-table{display:block;overflow-x:auto}.order-list-title{font-size:1.5rem}.orders-table-cell,.orders-table-header th{padding:.75rem}.details-button{padding:.5rem}}@media (max-width:480px){.order-list-container{padding:1rem .5rem;font-size:.9rem}.status-badge{padding:.2rem .5rem}}.order-details-container{max-width:1200px;margin:2rem auto;padding:1rem;font-family:"Arial",sans-serif}.order-details-title{font-size:2rem;color:#333;margin-bottom:2rem;text-align:center}.order-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.order-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.order-section h2{font-size:1.5rem;color:#444;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.order-items{margin-top:1rem}.order-item{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f5f5f5}.item-image img{width:60px;height:60px;object-fit:cover;margin-right:1rem;border-radius:4px}.item-details p{margin:.2rem 0;color:#555}.paid{color:#28a745;font-weight:700}.not-paid{color:#dc3545;font-weight:700}.delivered{color:#28a745;font-weight:700}.not-delivered{color:#dc3545;font-weight:700}.order-total{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.order-total h2{font-size:1.5rem;color:#444;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #f5f5f5}.grand-total{font-size:1.2rem;font-weight:700;color:#333;margin-top:1rem;border-top:2px solid #eee;padding-top:1rem}@media (max-width:768px){.order-summary{grid-template-columns:1fr}}.navigation-buttons{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.back-button,.home-link,.orders-link{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button{background-color:#f0f0f0;color:#333}.orders-link{background-color:#007bff;color:#fff}.home-link{background-color:#6c757d;color:#fff}.back-button:hover{background-color:#e0e0e0}.orders-link:hover{background-color:#0056b3}.home-link:hover{background-color:#5a6268}.footer{background:#252a2d;color:#fff;padding:2rem 0 0;margin-top:2rem}.footer__content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.footer__section{flex:1 1;min-width:200px;margin-bottom:2rem;padding:0 1rem}.footer__section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem;margin-top:2rem}.footer__section ul{list-style:none;padding:0;font-size:small;font-weight:700}.footer__section ul li{margin-bottom:.5rem}.footer__section a{color:rgba(253,251,251,.788235294117647);text-decoration:none}.footer__section a:hover{color:#fff;text-decoration:underline}.social__icons{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.social__icons a{color:#fff;font-size:1.5rem}.social__icons a:hover{color:#7f503c}.newsletter__form{display:flex;margin-top:1rem}.newsletter__form input{flex:1 1;padding:.5rem;border:none;border-radius:4px 0 0 4px}.newsletter__form button{padding:10px;background:#7f503c;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;height:46px}.newsletter__form button:hover{background:#b47355}.footer__bottom{text-align:center;padding:1rem;border-top:1px solid rgba(239,235,235,.23921568627450981);margin-top:1rem}.footer__bottom p{margin:0;color:rgba(253,251,251,.788235294117647);font-size:.9rem}.footer__bottom p a{color:#7f503c;text-decoration:none;font-weight:600}.footer__bottom p a:hover{color:#b47355}@media (max-width:768px){.footer__content{flex-direction:column;padding:0 1rem}.footer__section{margin-bottom:1.5rem;padding:0}.newsletter__form{flex-direction:column}.newsletter__form input{border-radius:4px;margin-bottom:.5rem}.newsletter__form button{border-radius:4px}}.dashboard-container{display:flex;height:100vh;overflow:hidden;font-family:sans-serif}.sidebar{width:220px;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff;padding:20px;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto}.sidebar h2{font-size:1.2rem;margin-bottom:1rem}.tab-list{list-style:none;padding:0;margin:0}.tab-list li{padding:10px 15px;margin-bottom:10px;cursor:pointer;border-radius:6px}.tab-list li.active,.tab-list li:hover{background-color:#252a2d;color:#fff}.dashboard-content{flex:1 1;padding:20px;background-color:#f5f7fa;overflow-y:auto;height:100vh}.dashboard-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.dashboard-table td,.dashboard-table th{padding:12px 15px;border:1px solid #ddd;text-align:left}.status-badge{padding:4px 10px;border-radius:20px;font-size:.85rem;display:inline-block}.status-paid{background-color:#d4edda;color:#155724}.status-not-paid{background-color:#f8d7da;color:#721c24}.status-delivered{background-color:#d1ecf1;color:#0c5460}.status-not-delivered{background-color:#fff3cd;color:#856404}.error-state,.loading-state{padding:20px;font-size:1rem;text-align:center}.dashboard-layout{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap;margin-bottom:30px}.left-panel{flex:1 1;min-width:300px}.right-panel{flex:1 1;display:flex;grid-gap:20px;gap:20px}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3);text-align:center}.card h3{font-size:1rem;color:#333;margin-bottom:10px}.card p{font-size:1.5rem;font-weight:700;color:#222}.chart-box{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.chart-box h4{margin-bottom:15px;color:#333}.card:first-child{background-color:#f3ebe5}.card:nth-child(2){background-color:#fbeade}.card:nth-child(3){background-color:#f0f4f2}.card:nth-child(4){background-color:#f8e8f0}.chart-box:first-child{background-color:#fdf4e6}.chart-box:nth-child(2){background-color:#e6f3ef}.product-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.product-card{background-color:#f3ebe5;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s;position:relative}.product-card:hover{transform:translateY(-4px)}.product-image{width:100%;height:140px;object-fit:cover;border-radius:8px}.product-image,.product-info{margin-bottom:10px}.product-id{font-size:.75rem;color:#777}.product-name{font-size:1rem;font-weight:700;color:#333}.product-price{font-size:1rem;color:#222}.delete-btn{background-color:#c0392b;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.delete-btn:hover{background-color:#a93226}.add-product-form{display:flex;flex-direction:column;grid-gap:20px;gap:20px;background:#f3ebe5;padding:25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);max-width:900px;margin:auto}.form-columns{display:flex;flex-wrap:wrap;grid-gap:30px;gap:30px}.form-col{flex:1 1;min-width:300px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.add-product-form label{display:flex;flex-direction:column;font-weight:500;color:#333}.add-product-form input,.add-product-form select,.add-product-form textarea{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;background-color:#f9f9f9;font-family:sans-serif}.add-product-form textarea{resize:vertical;min-height:85px}.form-actions{display:flex;justify-content:flex-end}.add-product-form button{padding:12px 25px;background:linear-gradient(37deg,#252a2d 30%,#7f503c 50%);color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.add-product-form button:hover{background:linear-gradient(200deg,#252a2d 30%,#7f503c 50%)}.status-dropdown{padding:4px 8px;border-radius:25px}.status-delivered{background-color:#d4edda;color:#155724}.status-not-delivered{background-color:#f8d7da;color:#721c24}.about-page{font-family:"Segoe UI",sans-serif;color:#7f503c}.about-section{padding:60px 20px}.light-bg{background-color:#fdf9f6}.dark-bg{background-color:linear-gradient(37deg,#7f503c 30%,#252a2d 50%)}.about-content{display:flex;flex-wrap:wrap;grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto;align-items:center;justify-content:center}.about-content.reverse{flex-direction:row-reverse}.text{flex:1 1;min-width:300px}.text h2{font-size:32px;color:linear-gradient(37deg,#7f503c 30%,#252a2d 50%);margin-bottom:20px}.text p{font-size:18px;line-height:1.6}.text ul{list-style:none;padding:0}.text ul li{font-size:18px;margin:10px 0}.image{flex:1 1;min-width:300px;text-align:center}.image img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,.1)}.promise-section{text-align:center;max-width:800px;margin:0 auto}.promise-section h2{font-size:32px;color:#d4af37;margin-bottom:20px}.promise-section p{font-size:18px;line-height:1.6;color:linear-gradient(37deg,#7f503c 30%,#252a2d 50%)}@media (max-width:768px){.about-content{flex-direction:column;text-align:center}.image,.text{flex:unset;max-width:100%}}.contact-page{font-family:"Segoe UI",sans-serif;color:#fff}.contact-banner{background-color:#fff;text-align:center;padding:60px 20px}.contact-banner h1{font-size:2.5rem;background:linear-gradient(90deg,#7f503c,#252a2d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.contact-banner p{color:#555;margin-top:10px;font-size:1.1rem}.contact-section-wrapper{background:#252a2d;padding:60px 20px}.contact-section{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;grid-gap:40px;gap:40px;justify-content:center}.contact-form-box{flex:1 1;min-width:300px;background-color:#1f2224;padding:30px;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.3)}.contact-form-box h2{color:#d4af37;margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:none;border-radius:8px;margin-bottom:15px;background-color:#2f3336;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bbb}.contact-form button{background:linear-gradient(90deg,#7f503c,#252a2d);color:#fff;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer}.contact-form button:hover{background:linear-gradient(90deg,#5a3228,#1b2023)}.contact-info-box{flex:1 1;min-width:300px}.contact-info-box h2{font-size:28px;margin-bottom:20px;color:#fff;border-bottom:2px solid #d4af37;display:inline-block;padding-bottom:5px}.contact-info-box p{font-size:16px;margin:12px 0;display:flex;align-items:center;grid-gap:10px;gap:10px;color:#fdf9f6}.contact-info-box a{color:#fff;text-decoration:none}.contact-info-box a:hover{color:#cecaca;text-decoration:none}.icon{color:#d4af37;font-size:18px}.map-box{width:100%;height:350px;margin:0;padding:0}.map-box iframe{width:100%;height:100%;border:none;display:block}.faq-section{background-color:#fdf9f6;color:#333;padding:60px 20px;text-align:center}.faq-section h2{font-size:30px;color:#7f503c;margin-bottom:30px}.faq-list{max-width:900px;margin:0 auto;text-align:left}.faq-item{margin-bottom:20px}.faq-item h4{color:#252a2d;font-size:20px;margin-bottom:8px}.faq-item p{font-size:16px;color:#555}@media (max-width:768px){.contact-section{flex-direction:column}.contact-banner h1{font-size:32px}}.privacy-container{max-width:900px;margin:0 auto;padding:2rem;font-family:"Arial",sans-serif;color:#333;background-color:#fff}.privacy-heading{color:#7f503c;font-size:2rem;margin-bottom:1.3rem;text-align:center}.privacy-subheading{color:#7f503c;font-size:1.25rem;margin-top:1.5rem;margin-bottom:.8rem}.privacy-paragraph{margin-bottom:1rem;line-height:1.6}.privacy-list{padding-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.privacy-list li{margin-bottom:15px}.terms-container{max-width:900px;margin:0 auto;padding:2rem;font-family:"Arial",sans-serif;color:#333;background-color:#fff}.terms-heading{color:#7f503c;font-size:2rem;margin-bottom:1rem;text-align:center}.terms-subheading{color:#7f503c;font-size:1.25rem;margin-top:1.5rem;margin-bottom:.5rem}.terms-paragraph{margin-bottom:1rem;line-height:1.6}.terms-list{padding-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.return-container{max-width:900px;margin:0 auto;padding:2rem;font-family:"Arial",sans-serif;color:#333;background-color:#fff}.return-heading{color:#7f503c;font-size:2rem;margin-bottom:1.3rem;text-align:center}.return-subheading{color:#7f503c;font-size:1.25rem;margin-top:1.5rem;margin-bottom:.8rem}.return-paragraph{margin-bottom:1rem;line-height:1.6}.return-list{padding-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.return-list li{margin-bottom:15px}.contact-confirmation-container{margin-top:50px;max-width:500px;margin-left:auto;margin-right:auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center}.contact-confirmation-logo{width:250px;height:auto;margin:0 auto}.contact-confirmation-message{margin-bottom:20px;font-family:Arial,sans-serif;color:#333}.contact-confirmation-btn{padding:10px 20px;background-color:#7f503c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.contact-confirmation-btn:hover{background-color:#924f33}.error-container{margin-top:50px;max-width:500px;margin-left:auto;margin-right:auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center}.error-logo{width:250px;height:auto;margin:0 auto}.error-message{margin-bottom:20px;color:#00d3b3;font-size:16px}.error-btn{padding:10px 20px;background-color:#7f503c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.error-btn:hover{background-color:#924f33}.order-details{max-width:900px;margin:2rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.05);font-family:"Poppins",sans-serif}.order-details h1{font-size:1.8rem;margin-bottom:1.5rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.order-details h2{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem;color:#444}.order-details p{font-size:.95rem;color:#555;margin:.3rem 0}.order-details .text-success{color:#28a745;font-weight:600}.order-details .text-danger{color:#dc3545;font-weight:600}.order-details img{border-radius:5px;object-fit:cover;box-shadow:0 0 5px rgba(0,0,0,.1)}.order-details .order-summary{margin-top:2rem;border-top:1px solid #eee;padding-top:1rem}@media (max-width:768px){.order-details{padding:1rem}.order-details h1{font-size:1.5rem}.order-details h2{font-size:1.1rem}.order-details img{width:50px}.order-details p{font-size:.9rem}}
/*# sourceMappingURL=main.4d00af44.chunk.css.map */