body{width:100%}.message{width:250px;height:50px;border-radius:8px;text-align:center;padding:1% 3%;background-color:#fff;box-shadow:40px 5px 30px #0000001a;position:absolute;top:70px;right:0}.info-message p{font-size:1rem}body{padding:30px 20px}.nav-section{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:12px 4px 2px #0000001a}.logo{flex:0 0 30%;font-size:24px;font-weight:700;cursor:pointer}.logo span{color:#ff5722}.close,.menu{display:none}.nav-bar{display:flex;justify-content:space-evenly;align-items:center;flex:1}.nav-bar ul{list-style:none;display:flex;margin:0;padding:0;position:static}.nav-bar li{margin:0 15px}.nav-bar a{text-decoration:none;color:#000;font-size:25px}.user-logo{margin:4px 20px;font-size:1.5rem;cursor:pointer}.cart-section{display:flex;justify-content:center;align-items:center}.cart-section .fa-heart,.cart-section .fa-cart-shopping{margin:0 10px;font-size:24px;cursor:pointer}.cart-section .fa-heart:hover,.cart-section .fa-cart-shopping:hover{color:#ff5722}.cart-icon-container{position:relative}.cart-count{position:absolute;top:-8px;right:0;background-color:red;color:#fff;border-radius:50%;padding:3px 6px;font-size:12px}.search{position:relative;width:45px;font-size:1.8rem}.icon{font-size:1.2rem;cursor:pointer}.search-filed .faXmark{margin-top:10px;font-size:1.5rem;cursor:pointer}.border{border-bottom:2px solid #df0c0c;font-weight:700}.user-details{position:relative;display:inline-block;cursor:pointer}.user-logo{font-size:24px;color:#333;transition:color .3s}.user-logo:hover{color:#1a73e8}.user-de{position:absolute;top:40px;right:0;display:none;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0003;padding:10px;z-index:10;min-width:150px}.user-de h6{margin:0;padding:10px 15px;font-size:14px;color:#333;cursor:pointer;transition:background-color .3s,color .3s}.user-de h6:hover{background-color:#f0f0f0;color:#1a73e8}.user-details:hover .user-de{display:block}@media (max-width:768px){.nav-section{gap:10px;width:100%}.nav-section h1{padding:2% 1%;font-size:1.5rem;margin:2px 1px}.nav-bar{padding:2% 1%;margin:10px 20px;flex-direction:row-reverse}.nav-bar ul{display:block;position:absolute;width:180px;top:0;left:-200px;height:100vh;background-color:#e58a6e;z-index:10}.nav-bar ul li{margin:20px 40px;font-size:30px;color:#f5f5f5}.close{display:block;font-size:1.5rem;padding:10px;background-color:#f5f5f5;border-radius:50%;width:20px;height:20px}.menu{display:block;font-size:1.8rem;margin:10px auto}.menu,.close{cursor:pointer}.search{width:80%;position:relative;left:0}.search-hover{opacity:1;visibility:visible;margin:8px 10px;left:-180px}.search-hover input{width:175%;font-size:1rem;height:35px;border:2px solid #e58a6e}}body{margin:0;padding:0;font-family:Arial,sans-serif;color:#000;box-sizing:border-box}.head{padding:40px 20px}.header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:20px}.header-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.header-left .left{display:flex;align-items:center;gap:10px}.header-left .left hr{flex:1;border:0;border-top:2px solid black}.header-left h2{font-size:1.5rem;margin:0;text-transform:uppercase;letter-spacing:2px}.header-left h1{font-size:3rem;font-weight:700;margin:10px 0;line-height:1.2}.header-left h2:last-child{cursor:pointer;transition:transform .2s ease,color .3s ease}.header-left,h2:last-child:hover{color:gray;transform:translateY(-3px)}.header-right{flex:1;display:flex;justify-content:center;align-items:center}.header-right img{max-width:80%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0000001a}.heading{text-align:center;margin-top:50px;font-family:Arial,sans-serif}.heading h1{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:10px;display:inline-block;position:relative}.heading .line{width:50%;height:2px;background-color:#3498db;margin:0 auto;position:absolute;bottom:0;left:31%}.heading p{margin-top:20px;font-size:1rem;color:#888}@media (max-width: 768px){.header{margin:10px;flex-direction:column;text-align:center;overflow-x:hidden}.header-left h1{font-size:2rem}.header-left h2{font-size:1.2rem}.header-right img{max-width:70%}}.product-routing{display:flex;justify-content:space-between;flex-wrap:wrap}.product-latest{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:10px}.product{flex-wrap:wrap;width:330px;height:560px;background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease;transform:scale(1);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.product:hover{transform:scale(1.05);box-shadow:0 6px 15px #00000026}.product-info img{width:100%;height:410px;object-fit:cover;border-radius:12px}.product-info{padding:15px;text-align:center;flex-grow:1}.product-info h4{font-size:1.1rem;color:#333;margin:10px 0;font-weight:600;transition:color .3s}.product-info h4:hover{color:#007bff}.product-info h2{font-size:1.3rem;color:#28a745;margin:10px 0;font-weight:700;transition:color .3s}.product-info h2:hover{color:#dc3545}.product-info p{font-size:1rem;color:#888;margin:5px 0}.product-latest a{text-decoration:none;color:inherit}.product-latest a:hover{opacity:.85}.line{width:50%;height:2px;background-color:#3498db;margin:0 auto;position:absolute;bottom:-10px;left:50%;transform:translate(-10%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.product-container{display:flex;flex-wrap:wrap;gap:20px;max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.product-images{flex:1;min-width:300px}.subimages{display:flex;flex-direction:column;gap:10px;margin-right:20px}.subimage{width:80px;height:80px;border:2px solid #ddd;border-radius:5px;object-fit:cover;cursor:pointer;transition:border-color .3s ease,transform .2s ease}.subimage:hover{border-color:#007bff;transform:scale(1.1)}.main-image img{width:400px;height:500px;object-fit:cover;border-radius:8px;border:2px solid #ddd}.product-details{flex:1;display:flex;flex-direction:column;gap:15px;padding:10px}h1{font-size:1.8rem;color:#212529}.bestseller{display:inline-block;padding:5px 10px;background-color:#ffc107;color:#fff;font-size:.85em;border-radius:5px;font-weight:700;margin-top:5px}p{font-size:1rem}strong{color:#555}.product-actions{display:flex;gap:15px;margin-top:20px}button{padding:12px 20px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .2s ease;border:none}.like-button{background-color:#ff4757;color:#fff}.like-button:hover{background-color:#e84118;box-shadow:0 4px 8px #ff47574d}.add-to-cart-button{background-color:#28a745;color:#fff}.add-to-cart-button:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d}@media (max-width: 768px){.product{width:100%;justify-content:center;margin-left:1px;height:auto}.product-info img{width:80%;height:auto;object-fit:cover;border-radius:12px}.product-latest{width:300px;margin-left:30px}.product-container{flex-direction:column;align-items:center}.product-images{text-align:center}.main-image img{width:300px;height:auto}.subimages{flex-direction:row;justify-content:center;margin-bottom:20px}.subimage{width:60px;height:60px}}.footer{background-color:#111;color:#fff;padding:20px 40px;text-align:left}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-section{flex:1;min-width:200px;margin:10px 0}.footer-section h3,.footer-section h4{margin-bottom:15px;font-size:1.5rem}.footer-section p{font-size:.95rem;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px;font-size:.9rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#007bff}.newsletter-form{display:flex;flex-wrap:nowrap;gap:10px}.newsletter-form input{flex:1;padding:10px;border:none;border-radius:5px;outline:none}.newsletter-form button{padding:10px 20px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.newsletter-form button:hover{background-color:#0056b3}.footer-section ul li svg{margin-right:10px;color:#007bff}.policy-section{background-color:#f9f9f9;padding:40px 20px;text-align:center}.policy-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto}.policy-item{flex:1 1 250px;max-width:280px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.policy-item:hover{transform:scale(1.05);box-shadow:0 6px 15px #00000026}.policy-item i{font-size:2.5rem;color:#007bff;margin-bottom:15px}.policy-item h4{font-size:1.25rem;margin-bottom:10px;color:#333}.policy-item p{font-size:.95rem;color:#555;line-height:1.6}@media (max-width: 768px){.policy-container{flex-direction:column;align-items:center}.policy-item{max-width:100%}}.message{position:fixed;top:70px;right:20px;width:300px;padding:16px;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;z-index:1000;color:#fff;border-bottom:4px solid transparent;animation:fadeOut 3s 3s forwards}.promt{display:flex;justify-content:space-between;align-items:center}p{color:#000}.green{animation:borderColorGreen 3s linear,fadeOut 3s 3s forwards}.red{animation:borderColorRed 3s linear,fadeOut 3s 3s forwards}.promt h3{cursor:pointer;font-size:18px;color:#333;margin:0;transition:color .3s}.promt h3:hover{color:#555}@keyframes borderColorGreen{0%{border-bottom-color:transparent}50%{border-bottom-color:#28a745}to{border-bottom-color:transparent}}@keyframes borderColorRed{0%{border-bottom-color:transparent}50%{border-bottom-color:#dc3545}to{border-bottom-color:transparent}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.circular-icon{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.DIV{width:400px;margin:50px auto;padding:20px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:10px;text-align:center}h4{font-size:24px;color:#c97fc9;margin-bottom:20px;text-transform:uppercase}.form{display:flex;flex-direction:column;gap:15px}input{padding:10px;font-size:14px;border:1px solid #ddd;border-radius:5px;width:100%;box-sizing:border-box}input:focus{outline:none;border-color:#d8bfd8;box-shadow:0 0 5px #007bff80}button a{text-decoration:none;color:#f5f5f5}button.submit{padding:10px 15px;font-size:16px;background-color:#1e1e1e;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button.submit:hover{background-color:#d8bfd8}@media (max-width: 768px){.DIV{width:90%;padding:15px}h4{font-size:20px}input{font-size:13px;padding:8px}button.submit{font-size:14px;padding:8px}}.like-section{padding:30px;max-width:1200px;margin:0 auto;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.cat{display:flex}.cart-section1{max-width:900px;margin:40px auto;padding:20px;border-radius:12px}.cart-section1 h1{text-align:center;font-size:2.4rem;font-weight:700;color:#2e7d32;margin-bottom:20px}.cart-products{flex-wrap:wrap;gap:20px}.cart-product{margin:20px 40px;flex:1 1 calc(45% - 20px);background-color:#f5f5f5;padding:15px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 4px 8px #0000000d;transition:transform .3s ease}.cart-product:hover{transform:scale(1.02)}.cart-product img{width:80px;height:80px;border-radius:8px;object-fit:cover;border:2px solid #2e7d32}.cart-product h3{font-size:1.2rem;color:#333;flex:1;margin:0}.cart-product p{font-size:1.1rem;font-weight:700;color:#000}.remove-button{background-color:#2e7d32;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.remove-button:hover{background-color:#1b5e20;transform:scale(1.05)}.cart-footer{margin-top:30px;padding:15px;background-color:#f5f5f5;border-radius:10px;text-align:center}.cart-footer p{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:15px}.checkout-button{background-color:#2e7d32;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.checkout-button:hover{background-color:#1b5e20;transform:scale(1.05)}.no{text-align:center;font-size:1.6rem;color:#2e7d32;margin-top:50px}.like-section h1{font-size:2.5rem;text-align:center;margin-bottom:20px;color:#333;text-transform:uppercase;letter-spacing:2px;font-weight:700}.liked-products{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.liked-product{background-color:#fff;padding:15px;width:200px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .3s ease-in-out;cursor:pointer}.liked-product:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.liked-product img{width:100%;height:auto;border-radius:8px;object-fit:cover}.liked-product h3{font-size:1.3rem;font-weight:700;color:#333;margin-top:10px}.liked-product p{font-size:1.1rem;color:#555;margin:10px 0}.liked-product .faXmark{color:#f44336;font-size:1.5rem;cursor:pointer;transition:color .3s ease}.liked-product .faXmark:hover{color:#d32f2f}.all{width:95%;padding:20px 30px;margin:15px 12px}.filters{margin:15px 12px;display:flex;justify-content:space-evenly;align-items:center}.category{border:2px solid #ddd;padding:20px;width:250px;height:180px;border-radius:8px;background-color:#f9f9f9;cursor:pointer}.category h5{text-align:center;font-size:1.2rem;font-weight:700;color:#333;margin-bottom:15px;text-transform:uppercase}.selects-box{width:100%;margin:1px auto}.selects-box input{width:50px}.select{width:108px;margin:2px;padding:10px 15px}.search-filed{display:flex;justify-content:center;align-items:center;margin-top:20px}.search-box{position:relative;display:flex;align-items:center;width:100%;max-width:700px;border:1px solid #ddd;border-radius:25px;background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:5px 10px}.search{flex:1;border:none;outline:none;font-size:16px;padding:5px;color:#333;background:transparent}.search::placeholder{color:#aaa}.search-box svg{color:#aaa;font-size:18px;cursor:pointer;margin-left:10px}.search-box svg:hover{color:#000}.search-box input:focus+svg{color:#1a73e8}.search-filed .faXmark{margin-left:10px;font-size:18px;color:#aaa;cursor:pointer;transition:color .3s}.search-filed .faXmark:hover{color:red}.select label{font-size:1rem;color:#555;cursor:pointer}.xclose{margin-left:50px;font-size:1.5rem;cursor:pointer}.filters span{color:#555}.remove{font-size:1.4rem;transition:transform .3s,background-color .3s}.no{padding:40px 50px;margin:25px;height:45vh;text-align:center;font-size:1.8rem;color:#555}.remove:hover{transform:scale(1.3);background-color:#cd5555;border-radius:50%;width:25px;height:25px}.select{display:inline-block;position:relative;font-family:Arial,sans-serif}select{width:190px;padding:8px 10px;font-size:1rem;color:#333;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:all .3s ease-in-out}select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}select:hover{background-color:#f1f1f1}.select:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);pointer-events:none;color:#555;font-size:.8rem}.select{position:relative}.checkout-button{background-color:#000}.product-routing{display:flex}@media (max-width:768px){.cat{flex-direction:column}.category{margin-left:15px}.all{width:97%;padding:10px 0}.filters{font-size:.7rem;gap:10px;justify-content:start;flex-direction:column;margin-left:-7px}.select{margin-left:-45px}#sort{width:140px;font-size:.8rem;font-weight:500}.cart-section1{width:90%;padding:13px 20px}.cart-products{margin-left:-24%}.cart-product h3{font-size:.9rem}.remove-button{font-size:.7rem}.category{width:180px}}body{margin:0;font-family:Roboto,sans-serif;color:#212529}.about-container{display:flex;justify-content:center;align-items:center;padding:40px 20px}.about-content{max-width:900px;border-radius:12px;padding:30px;text-align:center}.about-title{font-size:2.5rem;color:#52cf6d;margin-bottom:20px}.about-text{font-size:1.1rem;line-height:1.8;color:#495057;margin-bottom:30px}.about-subtitle{font-size:1.8rem;color:#343a40;margin-bottom:20px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.feature{padding:20px;border:1px solid #dee2e6;border-radius:8px;background:#f8f9fa;transition:transform .3s,box-shadow .3s}.feature:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.feature h3{font-size:1.2rem;color:#52cf6d;margin-bottom:10px}.feature p{font-size:1rem;color:#6c757d;line-height:1.6}.about-footer{font-size:1.2rem;line-height:1.6;color:#212529}.login-form{margin:25px 45px 25px 35%;border-radius:5px;padding:30px 40px;max-width:400px;width:100%;text-align:center}h1{font-size:1.8rem;color:#3b3b3b;margin-bottom:20px}input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#3b3b3b;box-sizing:border-box}input::placeholder{color:#aaa}input:focus{border-color:#28a745;outline:none;box-shadow:0 0 5px #28a74580}.login-form button{background-color:#28a745;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;cursor:pointer;margin-top:10px;display:inline-block;text-decoration:none}button:hover{background-color:#218838}.additional{margin-top:15px;text-align:center}.additional p{margin:10px 0;color:#3b3b3b;font-size:.9rem;cursor:pointer}.additional p span{text-decoration:underline}@media (max-width: 768px){.login-form{padding:20px;margin:45px 35px 25px 0%;max-width:350px}h1{font-size:1.5rem}input,button{font-size:.9rem}}.order-page{font-family:Arial,sans-serif;padding:30px;text-align:center;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:1200px;margin:0 auto;color:#111}h1{font-size:2.5rem;margin-bottom:20px;color:#00a859}h2{font-size:1.5rem;margin-bottom:10px}h3{font-size:1.2rem;margin:10px 0}.order-content{display:flex;justify-content:space-between;margin-top:30px;gap:20px}.order-form{width:48%;padding:25px;color:#000;border-radius:10px;box-shadow:0 4px 12px #0000001a}.order-form input{width:100%;padding:12px;margin:10px 0;border:2px solid #444;border-radius:8px;font-size:1rem;color:#101010;transition:all .3s ease}.order-form input:focus{border-color:#00a859;box-shadow:0 0 8px #00a85966}.order-form form{display:flex;flex-direction:column}.payment-details{width:48%;padding:25px;color:#000;border-radius:10px;box-shadow:0 4px 12px #0000001a}.payment-details select{width:100%;padding:12px;margin:15px 0;border:2px solid #444;border-radius:8px;font-size:1rem;transition:all .3s ease}.payment-details select:focus{border-color:#00a859;box-shadow:0 0 8px #00a85966}.payment-details h3{margin-bottom:10px}.payment-details h2{font-size:1.5rem;margin-top:30px;color:#1b1a1a}.payment-details .place-order-btn{width:100%;padding:12px;background-color:#00a859;color:#1b1a1a;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.payment-details .place-order-btn:hover{background-color:#007f3d;transform:translateY(-2px)}.payment-details .place-order-btn:active{transform:translateY(0)}@media (max-width: 768px){.order-content{flex-direction:column}.order-form,.payment-details{width:100%}}.orders-container{padding:20px}.order-card{border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px;background-color:#f9f9f9}.order-header{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.order-details{margin-top:10px}.order-item{display:flex;align-items:center;margin-bottom:10px}.product-image{width:50px;height:50px;margin-right:10px;object-fit:cover}.item-info{display:flex;flex-direction:column}.error{color:red;font-weight:700;text-align:center}