.popup{text-align:center;background:#f3f3f3;border-radius:20px;width:350px;padding:40px 30px;animation:.3s ease-in-out fadeIn;box-shadow:0 10px 30px #0000004d}.box-image{width:120px;margin-bottom:20px}.title{color:#000;font-size:24px;font-weight:600}.success{color:#1fa64b;font-weight:700}.close-btn{color:#fff;cursor:pointer;background:#1fa64b;border:none;border-radius:8px;margin-top:20px;padding:10px 25px;font-size:16px}.close-btn:hover{background:#168a3d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer{background:#f4c430;padding:40px 60px 20px;font-family:Poppins,sans-serif}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-col h3{color:#5a2d0c;margin-bottom:15px;font-size:20px}.footer-col p{cursor:pointer;color:#333;margin:8px 0}.footer-logo{width:160px;margin-top:10px}.footer-bottom{text-align:center;border-top:1px solid #0003;margin-top:30px;padding-top:15px;font-size:14px}@media (width<=780px){.footer{padding:25px 15px 10px}.footer-container{grid-template-columns:1fr;gap:20px}.footer-col h3{margin-bottom:8px;font-size:16px}.footer-col p,.footer-col span{margin:5px 0;font-size:13px}.brand p{margin-bottom:10px;font-size:13px;line-height:1.4}.footer-logo{width:110px;margin-bottom:8px}.footer-bottom{margin-top:15px;padding-top:10px;font-size:12px}}.footer-col span{cursor:pointer;color:#444;margin:6px 0;transition:all .2s;display:block}.footer-col span:hover{color:#7b1e1e;transform:translate(3px)}.pc-products{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pc-card{text-align:left;background:#fff;border-radius:18px;padding:10px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}.pc-card:hover{transform:translateY(-5px)}.pc-img-box{cursor:pointer;position:relative}.pc-img-box img{object-fit:cover;border-radius:12px;width:100%;height:180px}.pc-heart{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0003}.pc-heart.active{color:red}.pc-title-row{cursor:pointer;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.pc-title-row h3{margin:0;font-size:16px;font-weight:600}.pc-price-box{align-items:center;gap:6px;display:flex}.pc-price{font-size:14px;font-weight:600}.pc-old-price{color:#888;font-size:12px;text-decoration:line-through}.pc-desc{color:#666;cursor:pointer;min-height:45px;margin-top:4px;font-size:12.5px;line-height:1.5}.pc-bottom-row{align-items:center;gap:8px;margin-top:10px;display:flex}.pc-cart-btn{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;transition:all .2s}.pc-cart-btn:hover{background:#5e1515}.pc-weight{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:9px;font-size:12px}@media (width<=1024px){.pc-products{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.pc-products{grid-template-columns:repeat(2,1fr);gap:12px}.pc-img-box img{height:140px}.pc-desc{min-height:40px;font-size:12px}.pc-bottom-row{flex-direction:column}.pc-cart-btn,.pc-weight{width:100%}}@media (width<=480px){.pc-products{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;background:#f8f6f3;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Inria Serif,serif}.hero{text-align:center;color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:85vh;margin-top:-30px;display:flex;position:relative}.hero:after{content:"";background:#0000008c;position:absolute;inset:0}.hero-text{z-index:2;max-width:700px;padding:20px;position:relative}.hero-text h1{font-size:48px}.hero-text span{color:#facc15}.hero-text p{margin-top:10px;font-size:16px}.hero-buttons{justify-content:center;gap:15px;margin-top:25px;display:flex}.yellow-btn{color:#fff;background:#d4a017;border:none;border-radius:10px;padding:12px 24px}.home-hero-h1{color:#fff}.outline-btn{color:#fff;background:0 0;border:2px solid #facc15;border-radius:10px;padding:12px 24px}.hero-buttons button:hover{transition:all .3s;transform:translateY(-3px)}.features{background:#e8dcdc;border-radius:50px;justify-content:space-around;width:80%;margin-top:-40px;margin-left:auto;margin-right:auto;padding:20px;display:flex;position:relative}.section{text-align:center;padding:40px 60px}.section .title{margin-bottom:5px;font-family:Playfair Display,serif;font-size:32px}.section p{color:#555;margin-bottom:30px}.cart-btn{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-size:16px}.cart-btn:hover{background:#5e1515}.spice-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.spice-card{cursor:pointer;background:#fff;border-radius:14px;padding:20px;transition:all .3s}.spice-card:hover{transform:translateY(-5px)}.spice-card img{border-radius:50%;width:70px;margin-bottom:10px}.farm-section{text-align:center;padding:60px 20px}.steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;overflow:visible}.step{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;min-width:90px;display:flex}.bottom-row{align-items:center;gap:10px;margin-top:10px;display:flex}.step img{object-fit:contain;background:#fff;border-radius:12px;width:60px;height:60px;margin-bottom:12px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.step h4{color:#222;margin-bottom:5px;font-size:15px;font-weight:600}.step p{color:#666;font-size:13px}.curve-arrow{justify-content:center;align-items:center;width:60px;height:auto;margin:0 10px;display:flex}.curve-arrow svg path{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.5s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.step:hover img{transform:scale(1.1)}.steps::-webkit-scrollbar{display:none}.testimonial-section{padding:60px 20px}.reviews-container{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.testimonial-card{text-align:center;background:#fff;border-radius:16px;width:280px;padding:20px;transition:all .3s;box-shadow:0 8px 20px #00000014}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-header{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.testimonial-header img{border-radius:50%;width:45px;height:45px}.testimonial-header h4{font-size:16px;font-weight:600}.testimonial-text{color:#444;margin:10px 0 15px;font-size:14px}.stars{color:#facc15;font-size:18px}@media (width<=768px){.reviews-container{flex-direction:column;align-items:center}}.subscribe{color:#fff;text-align:center;background:#7b1e1e;padding:60px 20px}.subscribe button{border:none;border-radius:10px;margin-top:20px;padding:12px 25px}.section{padding:40px 60px}@media (width<=1024px){.spice-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:25px 15px}.hero{min-height:70vh;margin-top:0;padding:20px}.hero-text h1{font-size:28px}.hero-text p{font-size:14px}.hero-buttons{flex-direction:column;gap:10px}.features{border-radius:25px;flex-direction:column;gap:15px;width:95%;padding:15px}.spice-grid{grid-template-columns:repeat(2,1fr)}.spice-card{padding:15px}.steps{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:10px;overflow-x:auto}.steps::-webkit-scrollbar{display:none}.step{min-width:110px}.step img{width:55px;height:55px}.step h4{font-size:13px}.step p{font-size:11px}.review{font-size:14px}.user-info{flex-direction:column}.subscribe{padding:40px 15px}.subscribe button{width:100%}}@media (width<=480px){.spice-grid{grid-template-columns:1fr}.section{padding:30px 15px}}.pickles-page{background:#f5f5f5}.pickles-hero{background-position:50%;background-size:cover;align-items:center;height:350px;margin-top:-30px;display:flex}.hero-overlay{color:#fff;max-width:600px;padding:0 60px}.hero-overlay h1{float:left;color:#fff;font-size:42px;font-weight:600}.hero-overlay p{float:left;margin-top:10px;font-size:16px}.category-bar{justify-content:space-between;align-items:center;padding:20px 60px;display:flex}.toggle{background:#eee;border-radius:50px;padding:5px;display:flex}.toggle button{cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 24px;font-size:14px}.toggle .active{color:#fff;background:#16a34a;font-weight:600}.pickles-container{gap:25px;padding:0 60px 40px;display:flex}.filter-box{background:#fff;border-radius:16px;width:260px;height:fit-content;padding:20px;top:100px;box-shadow:0 8px 25px #0000000f}.filter-box h3{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:18px;font-weight:600}.filter-box label{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:14px;transition:all .2s;display:flex}.filter-box label:hover{background:#f9f9f9}.filter-box input[type=radio]{accent-color:#7b1e1e;transform:scale(1.2)}.filter-box input[type=radio]:checked+span{color:#7b1e1e;font-weight:600}.clear-btn{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:10px;width:100%;margin-top:15px;padding:10px;transition:all .2s}.clear-btn:hover{background:#5e1515}select{border:1px solid #ccc;border-radius:6px;padding:8px}.success-popup{color:#fff;background:#16a34a;border-radius:8px;padding:12px 20px;position:fixed;bottom:20px;right:20px}@media (width<=1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pickles-hero{height:220px;margin-top:2px}.hero-overlay{padding:20px}.hero-overlay h1{font-size:26px}.hero-overlay p{float:left;font-size:14px}.category-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 20px}.toggle{width:100%}.toggle button{flex:1}.pickles-container{flex-direction:column;padding:0 20px 30px}.filter-box{width:100%}}@media (width<=480px){.hero-overlay h1{font-size:22px}.hero-overlay p{font-size:13px}}@media (width<=768px){.filter-box{display:none}}.mobile-filters{display:none}@media (width<=768px){.mobile-filters{gap:10px;padding:10px 15px;display:flex;overflow-x:auto}.mobile-filters button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:13px}.mobile-filters button.active{color:#fff;background:#7b1e1e;border:none}.mobile-filters .clear{background:#eee}.mobile-filters::-webkit-scrollbar{display:none}}.navbar{background:#f8f6f3;justify-content:space-around;align-items:center;padding:10px;display:flex}.nav-right{margin-top:-15px}.logo{cursor:pointer;height:50px}.nav-links{gap:40px;list-style:none;display:flex}.nav-links li{cursor:pointer;margin-top:-20px;font-family:Inter,sans-serif;font-size:16px;transition:all .3s}.nav-links li:hover{color:#7b1e1e}.login-btn{color:#fff;background:#7b1e1e;border:none;border-radius:20px;padding:10px 20px;font-family:Inter,sans-serif;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.nav-icons{color:#7a1c1c;cursor:pointer;gap:15px;font-size:20px;display:flex}.nav-icons svg:hover{transition:all .3s;transform:scale(1.2)}@media (width<=768px){.navbar{text-align:center;flex-wrap:wrap;justify-content:center;padding:10px 15px}.nav-left{justify-content:center;width:100%;display:flex}.logo{height:40px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:10px;display:flex}.nav-links li{font-size:14px}.nav-right{justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.login-btn{padding:6px 12px;font-size:12px}.nav-icons{justify-content:center;gap:10px;width:100%}}.profile-wrapper{position:relative}.profile-dropdown{z-index:1000;background:#fff;border-radius:12px;width:200px;padding:8px 0;animation:.2s fadeIn;position:absolute;top:45px;right:0;box-shadow:0 8px 25px #00000026}.profile-dropdown p{cursor:pointer;margin:0;padding:12px 18px;font-size:14px}.profile-dropdown p:hover{color:#7b1e1e;background:#f5f5f5}.profile-icon{color:#fff;cursor:pointer;background:#7b1e1e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-5px;font-size:16px;transition:all .3s;display:flex}.profile-icon:hover{transform:scale(1.1);box-shadow:0 4px 10px #0003}.pd-page{background:#f8f6f3;padding:30px 60px}.pd-container{background:#fff;border-radius:12px;gap:40px;padding:25px;display:flex}.pd-images{flex:1}.pd-main-img{object-fit:cover;border-radius:12px;width:100%;height:320px}.pd-thumbs{gap:10px;margin-top:10px;display:flex}.pd-thumbs img{object-fit:cover;cursor:pointer;border-radius:8px;width:70px;height:70px}.pd-details{flex:1}.pd-details h1{margin-bottom:10px;font-size:26px}.pd-rating{color:#16a34a;margin-bottom:10px}.pd-price{margin-bottom:15px;font-size:22px;font-weight:600}.pd-old{color:#888;margin-left:10px;font-size:14px;text-decoration:line-through}.pd-size p{margin-bottom:8px}.pd-size-btns{gap:10px;display:flex}.pd-size-btns button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 14px}.pd-size-btns .active{color:#fff;background:#7b1e1e;border:none}.pd-cart{gap:15px;margin-top:20px;display:flex}.pd-qty{border:1px solid #ccc;border-radius:6px;align-items:center;display:flex}.pd-qty button{cursor:pointer;background:#eee;border:none;padding:8px 12px}.pd-qty span{padding:0 10px}.pd-cart-btn{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:6px;padding:10px 20px}.pd-desc{background:#fff;border-radius:10px;margin-top:30px;padding:20px}.pd-desc h2{color:#7b1e1e;margin-bottom:10px}.pd-desc h3{margin-top:15px}@media (width<=768px){.pd-page{padding:15px}.pd-container{flex-direction:column}.pd-main-img{height:220px}.pd-cart{flex-direction:column}}.pd-reviews{text-align:center;padding:40px 60px}.pd-reviews h2{color:#7b1e1e;margin-bottom:20px}.review-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.review-card{text-align:left;background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 15px #00000014}.review-user{align-items:center;gap:10px;display:flex}.review-user img{border-radius:50%}.stars{color:gold;margin-top:10px}.pd-similar{text-align:center;padding:40px 60px}.pd-similar h2{color:#7b1e1e;margin-bottom:20px}.similar-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.similar-card{cursor:pointer;background:#fff;border-radius:14px;padding:15px;box-shadow:0 5px 15px #00000014}.similar-card img{object-fit:cover;border-radius:10px;width:100%;height:160px}.similar-card h4{margin:10px 0;font-size:14px}.similar-card .price{font-weight:600}.similar-card .price span{color:#888;margin-left:5px;font-size:12px;text-decoration:line-through}.similar-card button{color:#fff;background:#7b1e1e;border:none;border-radius:8px;width:100%;margin-top:10px;padding:8px}@media (width<=768px){.review-grid{grid-template-columns:1fr}.similar-grid{grid-template-columns:2fr 2fr}}.aboutus-page{font-family:Arial,sans-serif}.aboutus-center{text-align:center}.aboutus-small-title{color:#ffcc70;font-weight:600}.aboutus-hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:420px;margin-top:-30px;display:flex}.aboutus-hero-overlay{text-align:center;color:#fff;max-width:700px}.aboutus-hero h1{font-size:48px}.aboutus-hero p{margin-top:10px;line-height:1.6}.aboutus-btn{color:#fff;cursor:pointer;background:#d6a11d;border:none;border-radius:8px;margin-top:20px;padding:12px 25px}.aboutus-story{padding:70px 80px}.aboutus-story-container{align-items:center;gap:40px;display:flex}.aboutus-story img{border-radius:12px;width:420px}.aboutus-story-text h2{font-size:36px}.aboutus-story-text p{color:#555;margin-top:15px;line-height:1.7}.aboutus-process{background:#f8f6f3;padding:60px 80px}.aboutus-process-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.aboutus-process-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:25px;transition:all .3s}.aboutus-process-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.aboutus-icon{background:#f6d67a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:30px;display:flex}.aboutus-process-card h4{color:#8b2e2e}.aboutus-process-card p{color:#555;font-size:14px}.aboutus-special{color:#fff;text-align:center;background-size:cover;padding:80px 20px;position:relative}.aboutus-special:before{content:"";background:#7a1414d9;position:absolute;inset:0}.aboutus-special *{z-index:1;position:relative}.aboutus-title{margin-bottom:40px;font-size:40px}.aboutus-special-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.aboutus-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:14px;padding:20px 30px}.aboutus-purity{padding:70px 80px}.aboutus-purity-container{align-items:center;gap:40px;display:flex}.aboutus-purity img{border-radius:12px;width:420px}.aboutus-purity-text p{color:#555;margin-top:15px;line-height:1.7}@media (width<=768px){.aboutus-hero{margin-top:2px}.aboutus-hero h1{font-size:28px}.aboutus-story-container,.aboutus-purity-container{flex-direction:column}.aboutus-process-grid{grid-template-columns:1fr}}.custom-page{background:#f5f5f5;font-family:Arial}.custom-hero{color:#fff;background-color:#0000;background-image:linear-gradient(#0000004d,#0000004d),url(/assets/custom-BWs684jM.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;height:250px;padding-left:80px;display:flex}.hero-text h1{margin:0;font-size:42px}.hero-text p{margin-top:10px}.custom-container{align-items:flex-start;gap:40px;padding:40px 80px;display:flex}.custom-left{flex:3}.order-btn{display:none}.step-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.step{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;font-weight:700;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;margin-bottom:40px;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border-radius:10px;transition:all .2s;box-shadow:0 2px 6px #0000001a}.card:hover{transform:scale(1.05)}.card img{object-fit:cover;border-radius:8px;width:100%;height:120px}.spice{gap:20px;margin:20px 0;display:flex}.spice button{cursor:pointer;background:#eee;border:none;border-radius:6px;padding:10px 20px}.toggle{gap:30px;margin:20px 0;display:flex}.quantity{align-items:center;gap:20px;display:flex}.qty-box{border:1px solid #ccc;border-radius:10px;align-items:center;gap:15px;padding:10px 20px;display:flex}.qty-box button{color:#fff;cursor:pointer;background:#7a1f1f;border:none;border-radius:50%;padding:6px 12px}.summary{background:#fff;border-radius:15px;flex:1;height:fit-content;padding:25px;position:sticky;top:100px;box-shadow:0 4px 10px #00000026}.total{color:#7a1f1f;font-weight:700}.cart-btn{cursor:pointer;border:1px solid #7a1f1f;border-radius:6px;width:100%;margin-top:20px;padding:10px}.order-btn{color:#fff;cursor:pointer;background:#7a1f1f;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px}.brand h2{margin-bottom:10px;font-size:28px}.brand p{margin-bottom:20px;line-height:1.6}@media (width<=768px){.summary{display:none}.customized-container{flex-direction:column}.left-section{width:100%}.right-section{display:none}}body{margin:0;font-family:Arial}.contact-btn{background:#ead9b6;border-radius:20px;padding:8px 20px}.icons span{cursor:pointer;margin-left:15px;font-size:18px}.contact-container{gap:40px;padding:40px;display:flex}.contact-left{width:50%}.contact-image{border-radius:20px;width:100%}.touch-box{background:#f5f1ee;border-radius:15px;margin-top:20px;padding:2px}.touch-item{align-items:center}.contact-icon{color:#fff;background:#e8c35e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;display:flex}.contact-form{background:#f7f4f2;border-radius:20px;width:50%;padding:30px}.contact-form h1{text-align:center;margin-bottom:20px}.contact-form label{margin-top:15px;display:block}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:10px;width:100%;margin-top:8px;padding:12px}.contact-form textarea{height:120px}.contact-form button{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:10px;width:100%;margin-top:20px;padding:15px;font-size:16px}@media (width<=768px){.logo{height:50px}.contact-container{flex-direction:column;padding:20px}.contact-left{width:100%}.contact-image{height:auto}.touch-box{padding:15px}.contact-form{width:100%;padding:20px}.contact-form h1{font-size:20px}.contact-form input,.contact-form textarea{padding:10px}.contact-form button{padding:12px;font-size:14px}}.cart{background:#f5f6fa;min-height:100vh;padding:20px;font-family:Arial,sans-serif}.cartContainer{justify-content:space-between;gap:20px;display:flex}.leftSection{background:#fff;border-radius:10px;flex:2;padding:20px}.leftSection h2{margin-bottom:15px}.couponBox{margin-bottom:20px}.couponBox p{margin-bottom:10px;font-weight:700}.couponInput{gap:10px;display:flex}.couponInput input{border:1px solid #ccc;border-radius:5px;flex:1;padding:10px}.couponInput button{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:5px;padding:10px 15px}.couponInput button:hover{background:#7b1e1e}.addressBox{margin-top:20px}.addressHeader{justify-content:space-between;align-items:center;display:flex}.newAddress{color:#7b1e1e;cursor:pointer;font-size:14px}.addressBox label{margin-top:10px;font-size:14px;display:block}.addressBox input,.addressBox textarea{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:5px;padding:10px}.submitBtn{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:5px;margin-top:15px;padding:10px}.submitBtn:hover{background:#7b1e1e}.rightSection{background:#fff;border-radius:10px;flex:1;height:fit-content;padding:20px}.rightSection h3{margin-bottom:15px}.product{align-items:center;gap:15px;display:flex}.productInfo h4{margin:0}.productInfo p{margin:2px 0;font-size:14px}.qtyBox{align-items:center;gap:10px;margin-left:auto;display:flex}.qtyBox button{cursor:pointer;background:#ddd;border:none;border-radius:5px;width:30px;height:30px}.qtyBox span{text-align:center;min-width:20px}.priceRow{justify-content:space-between;margin:10px 0;display:flex}.grand{font-size:18px;font-weight:700}.placeOrder{color:#fff;cursor:pointer;background:#7b1e1e;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-size:16px}.placeOrder:hover{background:#7b1e1e}.note{color:gray;margin-top:10px;font-size:12px}.secure{color:#7b1e1e;margin-top:10px;font-size:13px}@media (width<=768px){.cartContainer{flex-direction:column}.rightSection{margin-top:20px}}@media (width<=768px){.address-card{padding:12px}.addr-top h4{font-size:14px}.addr-line{font-size:12px}}.add-new-btn{color:#fff;cursor:pointer;background:#7b1e1e;border:1px dashed #7b1e1e;border-radius:8px;width:100%;margin:10px 0;padding:10px;transition:all .2s}.add-new-btn:hover{color:#7b1e1e;background:#fff}.address-card{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:10px;padding:15px;transition:all .25s;position:relative}.address-card:hover{border-color:#7b1e1e;box-shadow:0 4px 12px #00000014}.address-card.selected{background:#fff7f5;border:2px solid #7b1e1e;box-shadow:0 4px 14px #7b1e1e26}.addr-top{justify-content:space-between;align-items:center;display:flex}.addr-top h4{margin:0;font-size:16px}.addr-top span{color:#555;font-size:13px}.addr-line{color:#666;margin-top:6px;font-size:13px}.selected-badge{color:#fff;background:#7b1e1e;border-radius:20px;padding:4px 8px;font-size:11px;position:absolute;top:10px;right:10px}.wishlistPage{padding:40px;font-family:Arial,Helvetica,sans-serif}.wishlistPage h1{margin-bottom:20px}.wishlistCard{background:#f5f5f5;border:1px solid #e5c9c9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px;transition:all .2s;display:flex}.wishlistCard:hover{transform:scale(1.01)}.productInfo{align-items:center;gap:15px;display:flex}.productInfo img{object-fit:cover;border-radius:10px;width:70px;height:70px}.productInfo h3{margin-bottom:4px;font-size:16px}.productInfo p{color:#555;font-size:14px}.wishlist-rightSection{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.remove{cursor:pointer;color:#888;font-size:14px;text-decoration:underline;transition:all .2s}.remove:hover{color:#d11a2a}.moveCartBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#7d1c1c;border:none;border-radius:8px;padding:10px 18px;font-size:14px;transition:all .2s}.moveCartBtn:hover{background:#5a1212;transform:translateY(-1px)}@media (width<=600px){.wishlistPage{padding:20px 15px}.wishlistPage h1{margin-bottom:15px;font-size:20px}.wishlistCard{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.productInfo{width:100%}.productInfo img{width:60px;height:60px}.productInfo h3{font-size:14px}.productInfo p{font-size:13px}.wishlist-rightSection{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.remove{font-size:13px}.moveCartBtn{border-radius:6px;padding:8px 14px;font-size:13px}}.logo img{height:55px}.navLinks{gap:30px;margin:0;padding:0;list-style:none;display:flex}.navLinks a{color:#222;font-weight:500;text-decoration:none}.navLinks a:hover{color:#8b1d1d}.navIcons{gap:20px;font-size:20px;display:flex}.navIcons a{color:#8b1d1d;text-decoration:none}.profile-menu{background:#fff;border:1px solid #ddd;border-radius:15px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex}.profileForm{background:#fff;border-radius:15px;flex:1;padding:35px;box-shadow:0 4px 10px #00000014}.profileForm h2{margin-bottom:25px;font-size:26px}.profileForm label{color:#444;font-size:15px;font-weight:500}.profileForm input{border:1px solid #ddd;border-radius:8px;width:100%;margin-top:8px;margin-bottom:20px;padding:12px;font-size:15px}.inputGroup{flex:1}.updateBtn{color:#fff;cursor:pointer;background:#7d1c1c;border:none;border-radius:10px;width:100%;margin-top:15px;padding:14px;font-size:18px}.updateBtn:hover{background:#5f1414}@media (width<=768px){.breadcrumb{padding:15px 20px;font-size:14px}.profileContainer{flex-direction:column;padding:0 20px 20px}.profileMenu{flex-direction:row;gap:10px;width:100%;padding:10px;overflow-x:auto}.menuItem{white-space:nowrap;flex:none;padding:10px 15px;font-size:14px}.logoutBtn{margin-top:10px;padding:10px;font-size:14px}.profileForm{padding:20px}.profileForm h2{font-size:20px}.profileForm input{padding:10px;font-size:14px}.row{flex-direction:column;gap:0}.updateBtn{padding:12px;font-size:16px}.copyright{padding:8px;font-size:12px}}.error-text{color:#d8000c;background:#ffe5e5;border-radius:6px;padding:8px}@media (width<=768px){.profileMenu{display:none!important}.profileForm{width:100%;padding:20px}.profileContainer{padding:0 15px}}@media (width<=768px){.mobile-title{text-align:center;margin-bottom:15px;font-size:20px;display:block}}.popup-image{background:#fff;border-radius:12px;width:120px;margin-bottom:20px;padding:15px}.popup-image{width:120px;margin-bottom:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.logoutmodal-box{text-align:center;background:#fff;border-radius:12px;width:320px;padding:25px 20px;animation:.3s popupFade;box-shadow:0 10px 30px #0003}.logoutmodal-box h3{margin-bottom:10px;font-size:20px}.logoutmodal-box p{color:#555;font-size:14px}.modal-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.logcancel-btn{color:#333;cursor:pointer;background:#ccc;border:none;border-radius:6px;flex:1;padding:10px;transition:all .3s}.logcancel-btn:hover{background:#b3b3b3}.log-btn{color:#fff;cursor:pointer;background:#7a1c1c;border:none;border-radius:6px;flex:1;padding:10px;transition:all .3s}.logout-btn:hover{background:#a32626}@keyframes popupFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.notificationContainer{padding:40px}.notificationContainer h1{margin-bottom:5px;font-size:32px}.notificationContainer p{color:#555;margin-bottom:25px}.notificationCard{background:#fff;border:1px solid #e7c9c9;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.notificationLeft{align-items:center;gap:15px;font-size:18px;display:flex}.notificationLeft img{width:40px;height:40px}.notificationDate{color:#333;font-size:16px}.toast{color:#fff;z-index:9999;opacity:.95;background:#333;border-radius:8px;padding:12px 18px;font-size:14px;animation:.3s slideIn;position:fixed;top:20px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:.95;transform:translate(0)}}.checkoutContainer{gap:40px;padding:40px;display:flex}.paymentBox{background:#fff;border-radius:12px;flex:1;padding:25px;box-shadow:0 3px 10px #00000014}.paymentOption{gap:10px;margin:15px 0;display:flex}.paymentOption p{color:#777;margin:0;font-size:13px}.input{border:1px solid #ddd;border-radius:8px;width:100%;margin:10px 0;padding:12px}.row{gap:10px;display:flex}.cartSummary{background:#fff;border-radius:12px;flex:1;padding:25px;box-shadow:0 3px 10px #00000014}.cartItem{align-items:center;gap:20px;display:flex}.cartItem img{border-radius:10px;width:80px}.itemDetails p{color:#666;margin:3px 0}.qtyControl{align-items:center;gap:10px;margin-left:auto;display:flex}.qtyControl button{color:#fff;cursor:pointer;background:#8b1d1d;border:none;border-radius:50%;width:30px;height:30px;font-size:18px}.priceRow{justify-content:space-between;margin:10px 0;font-size:18px;display:flex}.total{font-size:20px;font-weight:700}.payBtn{color:#fff;text-align:center;cursor:pointer;background:#8b1d1d;border-radius:10px;width:300px;margin:20px 40px;padding:18px;font-size:24px}@media (width<=768px){.navbar{padding:10px 20px}.navLinks{display:none}.logo img{height:45px}.navIcons{gap:15px;font-size:18px}.checkoutContainer{flex-direction:column;gap:20px;padding:20px}.paymentBox,.cartSummary{width:100%;padding:20px}.row{flex-direction:column;gap:0}.input{padding:10px;font-size:14px}.cartItem{gap:10px}.cartItem img{width:60px}.itemDetails p{font-size:13px}.qtyControl button{width:26px;height:26px;font-size:16px}.priceRow{font-size:16px}.total{font-size:18px}.payBtn{border-radius:8px;width:calc(100% - 40px);margin:15px 20px;padding:12px;font-size:16px}}.overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-card{text-align:center;background:#f5f5f5;border-radius:20px;width:380px;padding:40px 30px;animation:.3s scaleIn;box-shadow:0 10px 30px #0000004d}.icon-circle{background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 20px;display:flex}.icon-circle img{width:60px}.popup-title{color:#000;font-size:26px;font-weight:600}.popup-title span{color:#1fa64b;font-weight:700}.ok-btn{color:#fff;cursor:pointer;background:#1fa64b;border:none;border-radius:8px;margin-top:20px;padding:10px 25px;font-size:16px}.ok-btn:hover{background:#168a3d}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.orders-page{background:#f5f5f5}.breadcrumb{color:#555;padding:20px 40px}.orders-container{gap:30px;padding:20px 40px;display:flex}.Orders-sidebar{background:#fff;border:1px solid #ddd;border-radius:15px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex}.smenu-icon{cursor:pointer;border:1px solid #ddd;border-radius:10px;padding:16px;font-size:16px;display:flex}.logout{color:#ff4d4d;cursor:pointer;background:#fff;border:1px solid #ff4d4d;border-radius:10px;width:100%;margin-top:40px;padding:15px;font-weight:700}.orders-section{background:#fff;border-radius:12px;flex:1;padding:25px}.orders-tabs{color:#666;gap:25px;margin:15px 0 30px;display:flex}.order-card{border:1px solid #eee;border-radius:12px;margin-bottom:20px;padding:15px}.order-top{align-items:center;gap:20px;margin-bottom:10px;font-size:14px;display:flex}.status{border-radius:20px;padding:6px 14px;font-size:13px}.delivered{background:#b7efc5}.order-body{align-items:center;gap:20px;display:flex}.order-info h3{margin-bottom:5px}.arrow{cursor:pointer;margin-left:auto;font-size:22px}@media (width<=768px){.breadcrumb{padding:15px 20px;font-size:14px}.orders-container{flex-direction:column;padding:15px 20px}.user-sidebar{gap:10px;width:100%;display:flex;overflow-x:auto}.menu-item{white-space:nowrap;flex:none;margin-bottom:0;padding:10px 15px;font-size:14px}.logout{margin-top:10px;padding:10px;font-size:14px}.orders-section{padding:15px}.orders-tabs{gap:15px;font-size:14px;overflow-x:auto}.order-card{padding:12px}.order-top{flex-wrap:wrap;gap:10px;font-size:12px}.status{padding:5px 10px;font-size:12px}.order-body{gap:10px}.order-body img{width:60px;height:60px}.order-info h3{font-size:14px}.order-info p{font-size:12px}.arrow{font-size:18px}}.status{color:#b7791f;background:#ffe9c7;border-radius:20px;padding:6px 12px;font-size:12px}.status.cancelled{color:#c62828;background:#f8d7da}.orders-tabs span{cursor:pointer;margin-right:15px}.orders-tabs .active{border-bottom:2px solid #7a1f1f;font-weight:700}.order-card{cursor:pointer;transition:all .2s}.order-card:hover{transform:scale(1.01)}.more-items{color:gray;font-size:12px}.price{font-weight:700}.empty-text{text-align:center;margin-top:30px}.order-title{text-align:center;margin-bottom:20px}.details-card{max-width:700px;margin:auto}.order-section{border-top:1px solid #eee;padding:15px}.order-section h3{margin-bottom:10px;font-size:16px}.order-body{align-items:center;gap:15px;margin-bottom:12px;display:flex}.order-body img{object-fit:cover;border-radius:8px;width:70px;height:70px}.order-info h4{margin:0;font-size:15px}.summary-box{background:#fafafa;border-radius:10px}@media (width<=768px){.Orders-sidebar{display:none}.orders-container{flex-direction:column;padding:15px}.orders-section{width:100%;padding:15px}}@media (width<=768px){.mobile-title{text-align:center;margin-bottom:15px;font-size:20px;display:block}}.privacy-page{background:#f7f7f7;font-family:Arial,Helvetica,sans-serif}.breadcrumb{color:#333;padding:20px 80px;font-size:18px}.privacy-container{gap:30px;padding:20px 40px;display:flex}.privacypolicy-sidebar{background:#fff;border:1px solid #ddd;border-radius:15px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex}.privacymenu-item{cursor:pointer;border:1px solid #ddd;border-radius:10px;padding:16px;font-size:16px}.policy-content{background:#fff;border:1px solid #ddd;border-radius:15px;flex:1;padding:30px}.policy-content h2{margin-bottom:20px;font-size:28px}.policy-content h3{color:#7b1d1d;margin-top:20px;font-size:22px}.policy-content p{color:#555;margin-top:8px;line-height:1.6}.copyright{text-align:center;padding:20px;font-size:14px}@media (width<=768px){.breadcrumb{padding:15px 20px;font-size:14px}.sidebar{flex-direction:row;gap:10px;width:100%;padding:10px;overflow-x:auto}.menu-item{white-space:nowrap;flex:none;padding:10px 15px;font-size:14px}.logout-btn{margin-top:10px;padding:10px;font-size:14px}.policy-content{padding:20px}.policy-content h2{font-size:20px}.policy-content h3{font-size:16px}.policy-content p{font-size:14px;line-height:1.5}.copyright{padding:15px;font-size:12px}.privacypolicy-sidebar{display:none}.privacy-container{flex-direction:column;padding:15px}.policy-content{width:100%;padding:20px}}@media (width<=768px){.mobile-title{text-align:center;margin-bottom:15px;font-size:20px;display:block}}.terms-page{background:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.breadcrumb{padding:20px 80px;font-size:18px}.terms-container{gap:30px;padding:20px 40px;display:flex}.terms-sidebar{background:#fff;border:1px solid #ddd;border-radius:15px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex}.menu-item{cursor:pointer;border:1px solid #ddd;border-radius:10px;padding:16px;font-size:16px}.menu-item.active{color:#fff;background:#7a1c1c;border:none}.logout-btn{color:#7a1c1c;cursor:pointer;background-color:#f5f5f5;border:1px solid #f2a3a3;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:380px;margin:20px auto;padding:20px;font-size:20px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 6px 10px #ff00001f}.logout-icon{font-size:20px}.logout-btn:hover{background-color:#fff0f0}.terms-content{background:#fff;border:1px solid #ddd;border-radius:15px;flex:1;padding:30px}.terms-content h2{margin-bottom:20px;font-size:28px}.terms-content h3{color:#7a1c1c;margin-top:18px}.terms-content p{color:#555;margin-top:5px;line-height:1.6}@media (width<=768px){.breadcrumb{padding:15px 20px;font-size:14px}.sidebar{flex-direction:row;gap:10px;width:100%;padding:10px;overflow-x:auto}.menu-item{white-space:nowrap;flex:none;padding:10px 15px;font-size:14px}.logout-btn{margin-top:10px;padding:10px;font-size:14px}.terms-content{padding:20px}.terms-content h2{font-size:20px}.terms-content h3{font-size:16px}.terms-content p{font-size:14px;line-height:1.5}.terms-sidebar{display:none}.terms-container{flex-direction:column;padding:15px}.terms-content{width:100%;padding:20px}}.mobile-title{display:none}@media (width<=768px){.mobile-title{text-align:center;margin-bottom:15px;font-size:20px;display:block}}.container{width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.left-section{width:50%;height:100%}.left-section img{object-fit:cover;width:100%;max-height:600px}.right-section{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:40px;display:flex}.logo-area img{width:120px;margin-bottom:10px}.right-section h1{margin-bottom:20px;font-size:28px}.tabs{background:#f3eeee;border-radius:40px;width:260px;margin-bottom:25px;padding:6px;display:flex;box-shadow:0 2px 6px #0000001a}.tabs button{cursor:pointer;color:#555;background:0 0;border:none;border-radius:30px;flex:1;padding:10px 0;font-size:16px;font-weight:500;transition:all .3s}.tabs button.active{color:#fff;background:#7a1c1c}.flip-card{perspective:1000px;width:100%;max-width:350px;height:320px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease-in-out;position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.flip-back{transform:rotateY(180deg)}label{margin-top:12px;font-size:14px}input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:10px;font-size:14px}.options{justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.options a{color:#921f0b;text-decoration:none}.main-btn{color:#fff;cursor:pointer;background:#921f0b;border:none;border-radius:5px;margin-top:20px;padding:12px;font-size:16px}.main-btn:hover{background:#921f0b}@media screen and (width<=768px){.container{flex-direction:column;height:auto}.left-section{display:none!important}.right-section{align-items:stretch;padding:20px;width:100%!important}.logo-area{text-align:center}.logo-area img{width:90px}.right-section h1{text-align:center;font-size:22px}.tabs{width:100%}.flip-card{max-width:100%;height:auto}.flip-inner{height:auto;transform:none!important}.flip-front,.flip-back{backface-visibility:visible;height:auto;position:relative;transform:none}.flip-card:not(.flipped) .flip-back,.flip-card.flipped .flip-front{display:none}input,.main-btn{width:100%}.options{flex-direction:column;align-items:flex-start;gap:6px}}.error-msg{color:#ff4d4f;text-align:center;margin-top:10px;font-size:14px}.success-msg{color:#28a745;text-align:center;margin-top:10px;font-size:14px}.divider{text-align:center;color:#888;margin:15px 0}.google-login{justify-content:center;margin-top:10px;display:flex}.dashboard-container{background:#f5f5f5;font-family:Segoe UI,sans-serif;display:flex}.logo{text-align:center;margin-bottom:30px}.menu li{cursor:pointer;border-radius:8px;gap:10px;padding:12px;display:flex}.active{color:#5a0000;background:#fff}.management-title{margin:20px 0 10px}.topbar input{background:#eee;border:none;border-radius:10px;width:60%;padding:12px}.cards{gap:20px;margin:20px 0;display:flex}.card{background:#fff;border-radius:15px;flex:1;box-shadow:0 2px 5px #0000001a}.green{color:green}.red{color:red}.middle{gap:20px;display:flex}.graph-box{background:#fff;border-radius:15px;flex:2;padding:20px}.graph{height:200px;position:relative}.line{border-radius:10px;width:100%;height:100%}.products-box{background:#fff;border-radius:15px;flex:1;padding:20px}.product{align-items:center;gap:10px;padding:10px 0;display:flex}.product img{border-radius:50%;width:40px;height:40px}.orders{background:#fff;border-radius:15px;margin-top:20px;padding:20px}.orders-header{justify-content:space-between;margin-bottom:10px;display:flex}.orders button{background:#eee;border:none;border-radius:20px;padding:8px 15px}table{border-collapse:collapse;width:100%}.status{border-radius:20px;padding:5px 12px}.progress{background:#f3e5ab}.completed{background:#b7e4c7}.pending{background:#f5b7b1}.cancelled{background:#f8c8c8}.admin-logo{text-align:center;color:#fc3;max-width:120px;margin-bottom:40px}.sidebar li{cursor:pointer;border-radius:20px;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.add-btn{cursor:pointer;background:#f4c542;border:none;border-radius:20px;align-items:center;gap:10px;padding:12px 20px;font-weight:700;display:flex}.in{color:green;background:#b7e4c7;border-radius:20px;padding:6px 12px}.out{color:red;background:#f8caca;border-radius:20px;padding:6px 12px}.actions{justify-content:center;gap:15px;display:flex}.delete{color:red;cursor:pointer}.edit{color:green;cursor:pointer}.logo-box{text-align:center;margin-bottom:20px}.logo-box img{border-radius:10px;width:120px}.toggle-btn{cursor:pointer;border:none;border-radius:6px;margin-right:10px;padding:6px 10px}.toggle-btn.on{color:#fff;background:#ff4d4f}.toggle-btn.off{color:#fff;background:#52c41a}.edit-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.edit-modal-box{background:#f5f5f5;border-radius:10px;width:500px;max-width:90%;padding:25px}.edit-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.edit-header h2{margin:0}.close-btn{cursor:pointer;background:0 0;border:1px solid #333;padding:2px 6px;font-size:16px}.form-group{margin-bottom:15px}.form-group label{color:#444;margin-bottom:5px;display:block}.form-group input{border:1px solid #e0b4b4;border-radius:12px;outline:none;width:100%;padding:12px;font-size:14px}.update-btn{cursor:pointer;background:#f4c430;border:none;border-radius:25px;width:100%;margin-top:10px;padding:14px;font-size:18px;font-weight:700}.update-btn:hover{background:#e5b820}.add-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.add-modal{background:#fff;border-radius:12px;width:750px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 10px 30px #0003}.add-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.add-header h2{margin:0}.add-header button{cursor:pointer;background:0 0;border:none;font-size:18px}.add-modal{grid-template-columns:1fr 1fr;gap:15px;display:grid}.add-header,.add-btn{grid-column:span 2}.add-modal label{margin-bottom:4px;font-size:13px;font-weight:600}.add-modal input,.add-modal select,.add-modal textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.add-modal textarea{resize:none;height:70px}.preview-img{object-fit:cover;border-radius:8px;grid-column:span 2;width:100%;height:120px}.add-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:8px;margin-top:10px;padding:10px;font-weight:600}.add-btn:hover{background:#e65c00}.add-modal::-webkit-scrollbar{width:6px}.add-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.variant-box{grid-column:span 2;grid-template-columns:1fr 1fr;gap:12px;display:grid}.variant-row{background:#f9fafb;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}@media (width<=600px){.variant-box{grid-template-columns:1fr}}.variant-row:hover{background:#f1f5f9}.variant-left{align-items:center;gap:10px;display:flex}.variant-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.variant-size{font-size:14px;font-weight:500}.variant-row input[type=number]{border:1px solid #ddd;border-radius:6px;width:110px;padding:6px 8px;font-size:13px}.variant-row.active{background:#fff7f0;border:1px solid #ff6b00}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;background:#f3f3f3;border-radius:10px;width:400px;max-width:90%;padding:40px 30px;box-shadow:0 10px 25px #0003}.icon-circle{color:red;background:#eaeaea;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:30px;display:flex;box-shadow:0 4px 10px #0000001a}.modal-title{color:red;margin-bottom:30px;font-size:24px}.modal-actions{justify-content:space-between;gap:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;flex:1;padding:12px;font-size:16px;transition:all .3s}.cancel-btn{color:#2c2c8a;background:#e6e6e6}.cancel-btn:hover{background:#dcdcdc}.delete-btn{color:#fff;background:#ff4d4d}.delete-btn:hover{background:#e60000}.profileContainer{gap:30px;padding:0 40px 40px;display:flex}.profileMenu{background:#fff;border-radius:15px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex;box-shadow:0 4px 10px #00000014}.order-logo{max-width:120px}.menuItem{cursor:pointer;border:1px solid #eee;border-radius:10px;padding:15px;font-size:16px}.menuItem:hover{background:#f7f7f7}.menuItem.active{color:#fff;background:#7d1c1c;border:none}.menuItem{align-items:center;gap:10px;display:flex}.menuIcon{font-size:18px}.header{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.dropdown{cursor:pointer;background:#eee;border:none;border-radius:10px;padding:10px 15px}.order-modal{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.order-modal-box{background:#fff;border-radius:10px;width:400px;max-height:80vh;padding:20px;overflow-y:auto}.order-item{margin-bottom:10px}.status{border-radius:6px;padding:5px 10px;font-weight:600}.status.placed{color:#fff;background:orange}.status.approved{color:#fff;background:#00f}.status.packed{color:#fff;background:purple}.status.shipped{color:#fff;background:teal}.status.delivered{color:#fff;background:green}.status.rejected{color:#fff;background:red}.actions select{cursor:pointer;border:1px solid #ccc;border-radius:6px;padding:5px 8px}.dashboard{display:flex}.customers-logo{max-width:120px}.sidebar{color:#fff;background:#5c0b0b;width:240px;height:100vh;padding:20px}.logo{text-align:center;color:#fc3;margin-bottom:40px}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;color:#000;border-radius:25px;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.sidebar li:hover,.sidebar .active{color:#5c0b0b;background:#fff}.management{margin-top:40px}.main{flex:1;padding:20px 40px}.topbar{justify-content:space-between;align-items:center;display:flex}.bell{background:#f4c542;border-radius:50%;padding:10px}.header{margin:20px 0}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}thead{color:#fff;background:#7a1d1d}th,td{text-align:center;padding:15px}tbody tr{border-bottom:1px solid #ddd}.pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:5px;padding:6px 12px}.pagination button:disabled{cursor:not-allowed;background:#ccc}.settings-container{background:#f5f5f5;height:100vh;font-family:Segoe UI,sans-serif;display:flex}.sidebar{color:#fff;background:#5a0000;width:260px;padding:20px}.set-logo{max-width:120px}.logo{text-align:center;margin-bottom:30px;font-weight:700}.menu{padding:0;list-style:none}.menu li{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.menu li:hover{background:#ffffff1a}.management-title{margin-top:20px;margin-bottom:10px;font-size:18px}.active{color:#5a0000;background:#fff;font-weight:700}.main-content{flex:1;padding:30px}.topbar{justify-content:space-between;margin-bottom:20px;display:flex}.topbar input{background:#eee;border:none;border-radius:10px;outline:none;width:60%;padding:12px 15px}.notification-icon{background:#f3d78c;border-radius:50%;padding:10px}h1{margin-bottom:5px}.subtitle{color:gray;margin-bottom:20px}.setting-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-item h4{margin:0}.setting-item p{color:gray;margin:5px 0 0;font-size:14px}.switch{width:50px;height:25px;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#ddd;border-radius:20px;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2.5px;left:3px}.switch input:checked+.slider{background:#4caf50}.switch input:checked+.slider:before{transform:translate(24px)}body{background:#f6f6f6;margin:0;font-family:Arial,sans-serif}.order-page{padding:20px}.breadcrumb{color:#666;margin-bottom:15px}.order-container{gap:20px;display:flex}.sidebar{background:#fff;border:1px solid #eee;border-radius:15px;width:260px;padding:15px}.menu-item{cursor:pointer;background:#fafafa;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:flex}.menu-item.active{color:#fff;background:#7b1d1d}.logout-btn{color:red;cursor:pointer;background:#fff;border:1px solid #e6a5a5;border-radius:12px;width:100%;margin-top:20px;padding:12px}.order-content{flex:1}.order-header{margin-bottom:20px}.order-meta{align-items:center;gap:20px;display:flex}.status{background:#f6d9a6;border-radius:20px;padding:5px 12px;font-size:14px}.card{background:#fff;border:1px solid #eee;border-radius:15px;margin-bottom:20px;padding:20px}.name{font-weight:700}.item{gap:15px;margin-top:10px;display:flex}.item img{object-fit:cover;border-radius:10px;width:80px;height:80px}.summary-row{justify-content:space-between;margin:10px 0;display:flex}.summary-row.total{font-size:18px;font-weight:700}.footer{background:#f4c430;margin-top:30px;padding:40px 20px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.footer h4{margin-bottom:10px}.footer p{margin:5px 0}.footer-bottom{text-align:center;margin-top:20px}.forgot-container{justify-content:center;align-items:center;padding-top:40px;display:flex}.forgot-card{text-align:center;background:#fff;border-radius:16px;width:350px;padding:30px;box-shadow:0 10px 30px #0000001a}.forgot-card h2{color:#8b1e1e;margin-bottom:20px}.forgot-card p{color:#555;margin-bottom:10px}.forgot-card input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin:10px 0 20px;padding:12px;transition:all .3s}.forgot-card input:focus{border-color:#8b1e1e}.forgot-card button{color:#fff;cursor:pointer;background:#8b1e1e;border:none;border-radius:8px;width:100%;padding:12px;transition:all .3s}.forgot-card button:hover{background:#a83232}.error-msg{color:red;margin-top:10px}.success-msg{color:green;margin-top:10px}
