.footer{background-color:#2c3e50;color:#ecf0f1;padding:40px 20px;font-family:Arial,sans-serif}.footer__container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto}.footer__section{flex:1;min-width:250px}.footer__section h4{font-size:1.2rem;margin-bottom:15px;text-transform:uppercase;border-bottom:2px solid #ecf0f1;padding-bottom:5px}.footer__section p{font-size:.9rem;margin:5px 0;line-height:1.5}.footer__section a{display:block;color:#ecf0f1;text-decoration:none;margin:5px 0;font-size:.9rem;transition:color .3s ease}.footer__section a:hover{color:#3498db}.footer__form{display:flex;flex-direction:column;gap:10px}.footer__form input[type=email]{padding:10px;border:none;border-radius:5px;outline:none;font-size:.9rem}.footer__form button{padding:10px;background-color:#3498db;color:#ecf0f1;border:none;border-radius:5px;cursor:pointer;text-transform:uppercase;font-size:.9rem;transition:background-color .3s ease}.footer__form button:hover{background-color:#2980b9}.footer__bottom{text-align:center;margin-top:20px;border-top:1px solid #7f8c8d;padding-top:10px}.footer__text{font-size:.8rem;line-height:1.5}.footer__text a{color:#3498db;text-decoration:none;font-weight:700}@media (max-width: 768px){.footer__container{flex-direction:column;align-items:center}.footer__section{text-align:center}.footer__form{align-items:center}.footer__form input[type=email]{width:100%;max-width:300px}}body,ul,li,a,button{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}.header-nav{display:flex;justify-content:space-between;align-items:center;background-color:#1abc9c;padding:20px 40px;color:#fff}#logo .logo-text{font-size:28px;font-weight:700;color:#fff}.navigation-menu{display:flex;gap:20px}.navigation-menu a{font-size:20px;color:#fff;font-weight:500}.navigation-menu a:hover{text-decoration:underline}#search-cart{display:flex;align-items:center;gap:15px}.search-bar{padding:10px 15px;border:none;border-radius:4px}.search-button{padding:8px 15px;background-color:#fff;color:#1abc9c;border:none;border-radius:4px;cursor:pointer}.search-button:hover{background-color:#16a085;color:#fff}.cart-icon{font-size:28px;color:#fff;margin-left:10px}.cart-icon:hover{color:#16a085}#utility{display:flex;align-items:center;gap:15px}.button-86{padding:10px 20px;font-size:16px;font-weight:700;color:#1abc9c;background-color:#fff;border:none;border-radius:5px;cursor:pointer}.button-86:hover{background-color:#16a085;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:#fff;color:#1abc9c;padding:8px 20px;font-size:16px;font-weight:700;border:none;border-radius:5px;cursor:pointer}.dropdown-button:hover{background-color:#16a085;color:#fff}.dropdown-content{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0003;z-index:1;min-width:150px;border-radius:4px}.dropdown-content a{color:#1abc9c;padding:12px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#16a085;color:#fff}.dropdown:hover .dropdown-content{display:block}.button-86{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 20px;font-size:14px;font-weight:700;color:#1abc9c;background-color:#fff;border:2px solid #1abc9c;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.button-86:hover{background-color:#16a085;color:#fff;border-color:#16a085}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}#our-services{padding:2rem;background-color:#f9f9f9}.our-services-heading{text-align:center;font-size:2rem;margin-bottom:1rem;color:#333}.our-services-description{text-align:center;font-size:1.2rem;color:#555;margin-bottom:2rem}.our-services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0;list-style:none}.service-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #00000026}.service-image img{width:100%;height:200px;object-fit:cover}.service-content{padding:1.5rem}.service-content h3{font-size:1.5rem;color:#222;margin-bottom:1rem}.service-details{margin-bottom:1.5rem}.service-details li{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem;color:#444}.service-details a{text-decoration:none;color:#16a085;transition:color .3s ease}.service-details a:hover{color:#16a085}.service-button{display:inline-block;padding:.75rem 1.5rem;background:#16a085;color:#fff;border:none;border-radius:4px;text-align:center;font-size:1rem;cursor:pointer;transition:background .3s ease}.service-button:hover{background:#1bff54}:root{--text-01: #ebeae9;--light-01: #148536;--light-02: #0b1f37;--brand-01: #344450;--brand-02: #171f27;--card-hover: 0px 4px 24px rgba(0, 0, 0, .15);--card-shadow: 0px 4px 16px rgba(0, 0, 0, .1);--hover-timing: all .2s ease;--nav-card-size: 240px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Poppins,sans-serif;font-weight:500;transition:var(--hover-timing);background:var(--light-01);width:100vw;overflow-x:hidden}header{height:auto;position:sticky;top:0;z-index:100}.banner{background:var(--brand-01);color:var(--text-01);font-size:14px;font-weight:500;line-height:1.2;padding:8px 24px;display:flex;align-items:center;justify-content:center}nav{color:var(--text-01);font-weight:600;height:64px;background:var(--light-01);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--pg-margin);border-bottom:1px solid rgba(0,0,0,.1);z-index:100}nav ul.navigation-menu{display:flex;flex-direction:row;flex:1;justify-content:center;position:relative;top:0}nav .navigation-menu a{font-size:16px;text-decoration:none;color:var(--text-01)}nav .navigation-menu>li{display:flex;flex-direction:column;align-items:center}nav .navigation-menu>li>a{position:relative;padding:0 20px;height:64px;display:flex;align-items:center;justify-items:center}nav .navigation-menu>li>a:hover{color:#50d30e}nav .navigation-menu>li:hover ul.subnav{visibility:visible;opacity:1;top:64px}nav .navigation-menu>li>ul.subnav{visibility:hidden;position:absolute;display:flex;flex-direction:row;top:66px;background:var(--light-01);box-shadow:var(--card-hover);border-radius:12px;opacity:0;transition:var(--hover-timing)}nav>#logo{display:flex;flex-direction:row;align-items:center;grid-gap:8px;line-height:100%}nav>#logo>span{font-size:32px}#utility{display:flex;flex-direction:row;align-items:center;gap:16px;margin:0 10px}.button-86{all:unset;width:100px;height:27px;font-size:16px;background:transparent;border:none;position:relative;color:#f0f0f0;cursor:pointer;z-index:1;padding:10px 20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:color .3s ease}.button-86:after,.button-86:before{content:"";position:absolute;bottom:0;right:0;z-index:-99999;transition:all .4s}.button-86:before{transform:translate(0);width:100%;height:100%;background:#28282d;border-radius:10px}.button-86:after{transform:translate(10px,10px);width:35px;height:35px;background:#ffffff15;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50%}.button-86:hover:before{transform:translate(0);width:100%;height:100%}.button-86:hover:after{border-radius:10px;transform:translate(0);width:100%;height:100%}.button-86:hover{color:#ffeb3b}.button-86:active:after{transition:0s;transform:translateY(5%)}.card-large{box-shadow:var(--card-shadow);border-radius:12px;overflow:hidden}.card-large:hover{box-shadow:var(--card-hover);transform:scale(1.01)}.card-med:hover .card-image{transform:scale(1.01)}.card-image{width:100%;aspect-ratio:1/1;position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:var(--hover-timing)}.card-large>.card-image{aspect-ratio:3/2}.card-image>img{width:100%;height:100%;position:absolute;object-fit:contain}.card-large a{text-decoration:none;font-weight:600}.card-large>.card-image>a{position:absolute;bottom:0;z-index:1;width:100%;font-size:24px;line-height:1.2}.card-large>ul{display:flex;flex-direction:column;grid-gap:8px;flex:1;color:#fff;padding:0 40px 40px;font-size:28px;font-weight:600;line-height:1.5}.card-large>ul>li a{line-height:32px;font-size:14px}.card-large#sup-dog,.card-med#sup-dog>.card-image{background:linear-gradient(45deg,#463631,#976c5b)}button.btn-outline{color:var(--light-01);border-color:var(--light-01)}.card-large#sup-cat,.card-med#sup-cat>.card-image{background:linear-gradient(45deg,#f6ae6c,#ecbd73)}.card-large#sup-bird,.card-med#sup-bird>.card-image{background:linear-gradient(45deg,#efefef,#f2f2f2)}button{font-size:14px;font-weight:600;line-height:24px;padding:12px 24px;border-radius:48px;display:flex;flex-direction:row;grid-gap:8px;justify-content:center;align-items:center;cursor:pointer}button.btn-outline-light{background:none;color:var(--light-01);border:2px solid var(--light-01)}button.btn-outline-dark{background:none;color:var(--text-01);border:2px solid var(--text-01)}button.btn-filled-dark{background:var(--text-01);color:var(--light-01);border:2px solid var(--text-01)}.btn-outline-dark:hover{background:var(--text-01);border:2px solid var(--text-01)}.btn-outline-light:hover{background:var(--light-01);border:2px solid var(--light-01);color:var(--text-01)}button:hover,.btn-outline-dark.btn-hover-color:hover{color:var(--light-01);border:2px solid var(--brand-01);background:var(--brand-01);transition:var(--hover-timing);box-shadow:var(--card-hover)}section,footer{position:relative;width:100%;padding:0 var(--pg-margin)}section.hero{height:55vh;background:#14a789 url(/assets/grocery-EUO_FP1u.jpg) no-repeat center right;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-gap:48px;display:inline-flex}.btn-group{display:flex;flex-direction:row;grid-gap:16px}section.hero h1{font-size:var(--hero-text);font-weight:600;line-height:1.2;width:40%;color:var(--text-01)}.card-med{width:var(--nav-card-size);height:auto;position:relative;display:flex;flex-direction:column;padding:0}.card-med>a{display:flex;flex-direction:column;grid-gap:4px;padding:12px 16px 0}.card-med>a>span{width:100%}.card-med>a>span:nth-of-type(1){width:100%;font-size:24px;font-weight:600;line-height:1.2}.card-med>a>span:nth-of-type(2){font-size:16px;font-weight:500;line-height:24px;display:flex;flex-direction:row;align-items:center;grid-gap:6px}.card-med>a>span:nth-of-type(2)>span{font-size:18px}#serv-groom>.card-image{background:linear-gradient(45deg,#45828c,#a7d4d8)}#serv-board>.card-image{background:linear-gradient(45deg,#eddaa9,#b87d93)}.card-med:hover .card-image{box-shadow:var(--card-hover)}.card-med>.card-image{box-shadow:var(--card-shadow)}.card-med>.card-image>img{width:80%;height:80%}section:not(.hero){padding:calc(var(--pg-margin) / 2) var(--pg-margin)}section h2{font-size:32px;font-weight:600;line-height:1.2;text-align:center;color:var(--text-01);margin-bottom:32px}.card-wide{flex-direction:row;padding:0}.card-wide .card-image{width:50%;border-radius:0}.card-image img{width:80%;height:80%}.card-wide>ul{padding:40px}.card-wide>ul>li{width:100%;display:flex;flex-direction:row;justify-content:space-between;grid-gap:24px;margin-bottom:16px}.card-wide .subtitle{font-size:14px;line-height:1.4;font-weight:500;margin-bottom:24px}.card-wide>ul>li span{font-size:16px}.card-large>ul>li:last-of-type{margin-bottom:40px}.card-large button{margin-top:auto}#contact-info{background-color:#171f27;background-size:cover;background-position:center;padding:50px 0}.contact-container{background:#fffc;border-radius:12px;padding:40px;box-shadow:var(--card-shadow);max-width:600px;margin:0 auto;text-align:center}#contact-info h2{font-size:2.5rem;color:var(--brand-01);margin-bottom:20px}#contact-info p{line-height:1.6;margin-bottom:30px;font-size:1.1rem}.contact-details{margin-bottom:30px}.contact-details a{color:var(--brand-01);text-decoration:underline}.contact-details a:hover{color:var(--brand-02)}.btn-group{display:flex;gap:20px;justify-content:center}.btn-filled-dark{background:var(--brand-01);color:#fff;padding:12px 20px;border:none;border-radius:8px;transition:background-color .3s}.btn-filled-dark:hover{background:var(--brand-02)}.btn-outline-dark{border:2px solid var(--brand-01);color:var(--brand-01);padding:12px 20px;border-radius:8px;transition:background-color .3s,color .3s}.btn-outline-dark:hover{background:var(--brand-01);color:#fff}#about-us{background-color:#1abc9c;padding:60px 0;text-align:center}.about-container{max-width:1000px;margin:0 auto;padding:20px}#about-us h2{font-size:2.5rem;color:#fff;margin-bottom:20px}.vision{font-size:1.2rem;color:#7bb7d2;margin-bottom:40px;line-height:1.6}.team-section{margin-top:50px}.team-section h3{font-size:2rem;color:var(--brand-02);margin-bottom:30px}.team-members{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.team-member{background-color:#fff;padding:20px;border-radius:12px;box-shadow:var(--card-shadow);text-align:center;width:300px}.team-member img{width:120px;height:120px;border-radius:50%;margin-bottom:15px;object-fit:cover}.team-member h4{font-size:1.5rem;margin-bottom:8px}.team-member p{font-size:1rem;color:#555;margin-bottom:10px}.team-member p:last-child{margin-bottom:0}.footer{background-color:#333;color:#fff;padding:20px;text-align:center}.footer__text{margin:0;font-size:14px}.footer__text a{color:#00bcd4;text-decoration:none}.footer__text a:hover{text-decoration:underline}@media only screen and (max-width: 600px){:root{--pg-margin: 16px}section.hero{aspect-ratio:1/1;padding-top:64px}section.hero h1{--hero-text: 40px;width:80%}section.hero{background-size:85%;background-position:360% 60%}nav{position:relative}nav ul.navigation-menu{position:absolute;top:64px;background:var(--light-01);left:0;z-index:-1;width:100vw}nav ul.navigation-menu li a{font-size:16px;white-space:nowrap}nav ul.navigation-menu .subnav{display:none}nav ul.navigation-menu>li:hover .subnav{display:none}.btn-group{flex-direction:column}footer{flex-direction:column;text-align:center}}@media only screen and (min-width: 600px){:root{--pg-margin: 24px}section.hero h1{--hero-text: 40px;width:60%}section.hero{aspect-ratio:3/2;background-size:50%;background-position:90% 70%;padding-top:64px}nav{position:relative}nav ul.navigation-menu{position:absolute;top:64px;background:var(--light-01);left:0;z-index:-1;width:100vw}nav ul.navigation-menu li a{font-size:16px;white-space:nowrap}nav ul.navigation-menu .subnav{display:none}nav ul.navigation-menu>li:hover .subnav{display:none}.btn-group{display:flex;flex-direction:column}footer{flex-direction:column;text-align:center}}@media only screen and (min-width: 1200px){:root{--pg-margin: 48px}section.hero h1{--hero-text: 48px}section.hero{aspect-ratio:2/1}.btn-group{flex-direction:row}ul.subnav{display:grid;grid-template-columns:1fr 1fr;grid-row:auto auto;grid-column-gap:24px;grid-row-gap:24px;padding:48px}nav ul.navigation-menu{top:0;z-index:1;background:none;width:auto;position:relative}nav ul.navigation-menu .subnav{display:flex}nav ul.navigation-menu>li:hover .subnav{display:flex}#locate p{width:40%}footer{flex-direction:row;text-align:left}}@media only screen and (min-width: 1200px){:root{--pg-margin: 80px}section.hero h1{--hero-text: 56px}nav .navigation-menu>li>ul.subnav{padding:48px;grid-gap:24px}section.hero{aspect-ratio:3/1;background-size:30%;background-position:90% 60%}nav ul.navigation-menu{top:0;z-index:1;background:none;width:auto;position:relative}ul.subnav{display:grid;grid-template-columns:1fr 1fr;grid-row:auto auto;grid-column-gap:24px;grid-row-gap:24px;padding:48px}nav ul.navigation-menu>li:hover .subnav{display:grid}#locate p{width:40%}footer{flex-direction:row;text-align:left}}.button-92:hover,.button-92:focus-visible{--_p: 0%;--_i: 1}.button-92:active{text-shadow:none;color:var(--c);box-shadow:inset 0 0 9e9q #0005;transition:0s}.button-92{font-weight:700;font-size:2rem;margin:0;cursor:pointer;padding:.1em .3em}#products{background-color:#1abc9c;padding:40px 20px;color:#ebeae9}#products h2{text-align:center;font-size:2.5rem;margin-bottom:10px}.section-description{text-align:center;font-size:1.2rem;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.services{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;list-style:none}.services h2{background-color:#0d0d0d}.card-large{background-color:#171f27;border-radius:12px;overflow:hidden;width:350px;margin:20px;box-shadow:0 4px 16px #0003;transition:transform .3s}.card-large:hover{transform:scale(1.05)}.card-image{background-color:#fff;padding:20px;display:flex;justify-content:center;align-items:center}.card-image img{max-width:100%;height:auto;border-radius:8px}.card-content{padding:20px;text-align:center}.card-content h3{font-size:1.8rem;margin-bottom:10px}.card-content .subtitle{font-size:1.1rem;color:#f0f0f0;margin-bottom:15px}.card-content ul{list-style:none;padding:0;margin-bottom:20px}.card-content ul li{display:flex;justify-content:space-between;margin-bottom:10px}.card-content ul li a{text-decoration:none;color:#ebeae9}.card-content ul li span{font-weight:700;color:#f0f0f0}.btn-filled-dark{background-color:#171f27;color:#ebeae9;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.btn-filled-dark:hover{background-color:#145485}#testimonials{background-color:#1abc9c;padding:40px 20px;color:#333}#testimonials h2{text-align:center;font-size:2.5rem;margin-bottom:10px}.section-description{text-align:center;font-size:1.2rem;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto;color:#7bb7d2}.testimonial-container{display:flex;justify-content:space-around;flex-wrap:wrap}.testimonial-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:20px;padding:20px;width:300px;transition:transform .3s}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-image{display:flex;justify-content:center;margin-bottom:15px}.testimonial-image img{width:80px;height:80px;border-radius:50%;border:2px solid #1abc9c}.testimonial-content{text-align:center}.quote{font-style:italic;margin-bottom:10px;font-size:1rem}.client-name{font-size:1.2rem;font-weight:700}.client-role{font-size:.9rem;color:#777}#e-showroom{padding:40px 20px;color:#ebeae9}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background-color:#171f27;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003;transition:transform .3s}.product-card:hover{transform:scale(1.05)}.product-image{display:flex;justify-content:center;padding:20px}.product-image img{max-width:100%;height:auto;border-radius:8px}.product-details{padding:20px;text-align:center}.product-details h3{font-size:1.8rem;margin-bottom:10px}.price{font-size:1.2rem;color:#f0f0f0;margin-bottom:15px}.btn-filled-dark{background-color:#171f27;color:#ebeae9;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:background-color 0 3s}.btn-filled-dark:hover{background-color:#0d0d0d}.category-header h3{text-align:center;font-size:2rem;color:#333;margin:20px 0}.link-no-underline{text-decoration:none;color:inherit}.auth-page{background-color:#c9d6ff;background:linear-gradient(to right,#e2e2e2,#c9d6ff);display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh}.auth-page .container{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px #00000059;position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.auth-page .container p{font-size:14px;line-height:20px;letter-spacing:.3px;margin:20px 0}.auth-page .container span{font-size:12px}.auth-page .container a{color:#1abc9c;font-size:13px;text-decoration:none;margin:15px 0 10px}.auth-page .container button{background-color:#1abc9c;color:#fff;font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;cursor:pointer}.auth-page .container button.hidden{background-color:transparent;border-color:#fff}.auth-page .container form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;height:100%}.auth-page .container input{background-color:#eee;border:none;margin:8px 0;padding:10px 15px;font-size:13px;border-radius:8px;width:100%;outline:none}.auth-page .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.auth-page .sign-in{left:0;width:50%;z-index:2}.auth-page .container.active .sign-in{transform:translate(100%)}.auth-page .sign-up{left:0;width:50%;opacity:0;z-index:1}.auth-page .container.active .sign-up{transform:translate(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-page .toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all .6s ease-in-out;border-radius:150px 0 0 100px;z-index:1000}.auth-page .container.active .toggle-container{transform:translate(-100%);border-radius:0 150px 100px 0}.auth-page .toggle{background-color:#1abc9c;background:linear-gradient(to right,#1abc9c,#1abc9c);color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:all .6s ease-in-out}.auth-page .container.active .toggle{transform:translate(50%)}.auth-page .toggle-panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;text-align:center;top:0;transform:translate(0);transition:all .6s ease-in-out}.auth-page .toggle-left{transform:translate(-200%)}.auth-page .container.active .toggle-left{transform:translate(0)}.auth-page .toggle-right{right:0;transform:translate(0)}.auth-page .container.active .toggle-right{transform:translate(200%)}.forgot-password-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#145485;padding:40px 20px;color:#ebeae9;min-height:100vh}.forgot-password-form-container{background-color:#171f27;border-radius:12px;padding:30px;box-shadow:0 4px 16px #0003;width:400px}.forgot-password-form-container h1{text-align:center;font-size:2rem;margin-bottom:20px}.forgot-password-form-container .message{color:green;text-align:center;margin-bottom:15px}.forgot-password-form-container label{display:block;margin-bottom:5px}.forgot-password-form-container input{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:8px;font-size:1rem}.forgot-password-form-container button{width:100%;padding:10px;background-color:#145485;color:#ebeae9;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s}.forgot-password-form-container button:hover{background-color:#0e3d5b}.forgot-password-form-container p{text-align:center;margin-top:15px}.forgot-password-form-container a{color:#ebeae9;text-decoration:none}.forgot-password-form-container a:hover{text-decoration:underline}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0}.reset-password-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#145485;padding:40px 20px;color:#ebeae9;min-height:100vh}.motivational-text{text-align:center;margin-bottom:30px}.motivational-text h2{font-size:2.5rem;margin-bottom:10px}.motivational-text p{font-size:1.2rem;margin-bottom:5px}.reset-password-form-container{background-color:#171f27;border-radius:12px;padding:30px;box-shadow:0 4px 16px #0003;width:400px}.reset-password-form-container h1{text-align:center;font-size:2rem;margin-bottom:20px}.reset-password-form-container label{display:block;margin-bottom:5px}.reset-password-form-container input{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:8px;font-size:1rem}.reset-password-form-container button{width:100%;padding:10px;background-color:#145485;color:#ebeae9;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s}.reset-password-form-container button:hover{background-color:#0e3d5b}.reset-password-form-container .message,.reset-password-form-container .error{color:red;text-align:center;margin-bottom:15px}.reset-password-form-container p{text-align:center;margin-top:15px}.reset-password-form-container a{color:#ebeae9;text-decoration:none}.reset-password-form-container a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#1abc9c;color:#fff;padding:10px 20px;font-family:Arial,sans-serif;border-bottom:3px solid #1abc9c}.navbar .brand{font-size:1.5rem;color:#fff;font-weight:700;text-decoration:none}.navbar .brand:hover{color:#fff}.nav-links{display:flex;align-items:center;gap:15px}.nav-link{display:flex;flex-direction:column;align-items:center;color:#ecf0f1;text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-link i{font-size:1.2rem;margin-bottom:5px}.nav-link:hover{color:#fff}.nav-link.active{color:#1abc9c;font-weight:700}.right-section{display:flex;align-items:center;gap:15px}.language-switch{padding:5px;background-color:#34495e;color:#ecf0f1;border:none;border-radius:3px;cursor:pointer}.language-switch:focus{outline:none}.language-switch option{background-color:#2c3e50;color:#ecf0f1}a.dropdown-item{color:#ecf0f1;cursor:pointer;text-decoration:none;transition:color .3s ease}a.dropdown-item:hover{color:#e74c3c}.profile-section{position:relative}.profile-icon{font-size:1.5rem;color:#ecf0f1;cursor:pointer}.profile-dropdown .dropdown-content{display:none;position:absolute;top:100%;right:0;background-color:#34495e;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1000}.profile-dropdown:hover .dropdown-content{display:block}.dropdown-content .dropdown-item{color:#ecf0f1;padding:10px 15px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:background-color .3s ease}.dropdown-content .dropdown-item:hover{background-color:#2c3e50}.dropdown-content .dropdown-item i{font-size:1.2rem}@media (max-width: 768px){.nav-links{display:none}.navbar{flex-direction:column;align-items:flex-start}.right-section{margin-top:10px}}body{font-family:Arial,sans-serif;background-color:#f8f9fa;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2{font-weight:600;color:#343a40}h1.mb-4,h2.mb-4{margin-bottom:1.5rem}.row{display:flex;flex-wrap:wrap;gap:15px}.card{border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.card-header{background-color:#007bff;color:#fff;font-size:1.25rem;padding:15px}.card-body{padding:20px;text-align:center}.card-title{font-size:2rem;margin:0;color:#fff}.card-text{font-size:1rem;color:#e9ecef}.table{width:100%;margin-top:20px;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border:1px solid #dee2e6}.table thead th{background-color:#343a40;color:#fff;font-weight:600}.table tbody tr:nth-child(2n){background-color:#f2f2f2}.table tbody tr:hover{background-color:#e9ecef}.table tbody td{color:#495057}@media (max-width: 768px){.row{flex-direction:column}.card{margin-bottom:15px}.table th,.table td{font-size:.9rem;padding:10px}}body{font-family:Arial,sans-serif;background-color:#f4f7fc;margin:0;padding:0}.main-content{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.container{margin-top:30px}h3{color:#333;font-size:28px;margin-bottom:20px;font-weight:600}table{width:100%;border-collapse:collapse;margin-bottom:20px}thead{background-color:#343a40;color:#fff;font-size:16px}th,td{padding:12px;text-align:left;border:1px solid #ddd}th{background-color:#007bff;color:#fff}td{background-color:#f9f9f9}.btn{padding:10px 20px;margin-right:10px;border-radius:5px;text-decoration:none;color:#fff}.btn-primary{background-color:#007bff;border:none}.btn-success{background-color:#28a745;border:none}.btn-warning{background-color:#ffc107;border:none}.btn-danger{background-color:#dc3545;border:none}.btn-sm{font-size:14px;padding:8px 16px}.action-column button,.action-column a{margin-right:10px}.pagination{justify-content:center}.page-item{margin:0 5px}.page-link{background-color:#007bff;border:none;color:#fff;padding:8px 15px;cursor:pointer}.page-link:hover{background-color:#0056b3}.page-item.disabled .page-link{background-color:#f1f1f1;color:#999}.floating-buttons{position:fixed;bottom:30px;right:30px;z-index:1000}.floating-buttons .btn{margin-bottom:10px;border-radius:50%;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px}.button-group{margin-bottom:20px}.button-group .btn{margin:0 5px}.notification{max-width:800px;margin:50px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;color:#333}.notification h1{font-size:2rem;margin-bottom:20px;text-align:center;color:#2c3e50}.notification h2{font-size:1.5rem;margin-bottom:15px;color:#34495e}.tips{margin-bottom:30px;padding:15px;background-color:#eaf2f8;border-left:5px solid #3498db;border-radius:5px}.tips ul{list-style:disc inside;color:#7f8c8d}.tips li{margin-bottom:10px;font-size:1rem}.success-message{font-size:1rem;margin-bottom:20px;color:#27ae60;text-align:center}.notification_form{display:flex;flex-direction:column;gap:20px}.input{display:flex;flex-direction:column}.input label{font-size:1rem;margin-bottom:5px;color:#2c3e50}.input input,.input textarea{padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:5px;background-color:#fff;transition:border-color .2s ease}.input input:focus,.input textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 5px #3498db80}.btn{padding:12px 20px;font-size:1rem;color:#fff;background-color:#3498db;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.btn:hover{background-color:#2980b9;box-shadow:0 4px 10px #3498db4d}@media (max-width: 768px){.notification{padding:15px}.notification h1{font-size:1.75rem}.notification h2{font-size:1.25rem}.input input,.input textarea,.btn{font-size:.9rem}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f9f9f9}#seller-section{max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.header h2{font-size:24px;color:#333;margin-bottom:10px}.header p{font-size:16px;color:#555}.notifications-section{margin-bottom:30px}.notifications-section h2{font-size:20px;color:#333;margin-bottom:10px}.notification-list{list-style:none;padding:0}.notification-item{background:#f4f4f4;padding:15px;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.notification-item h3{font-size:18px;margin-bottom:5px;color:#555}.notification-item p{font-size:14px;color:#777}.notification-item .timestamp{font-size:12px;color:#999}.btn-mark-read{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:5px;cursor:pointer}.btn-mark-read:hover{background-color:#0056b3}.main-content{display:flex;flex-wrap:wrap;gap:20px}.add-product-form{flex:1;min-width:300px;background:#f4f4f4;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.add-product-form h3{margin-bottom:20px;font-size:18px;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px}.form-group textarea{resize:vertical}.form-actions{text-align:right}.form-actions button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:5px;cursor:pointer}.form-actions button:hover{background-color:#218838}.product-grid{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.product-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.product-card .product-details h3{font-size:18px;color:#333}.product-card .product-details p{font-size:14px;color:#777}.product-card .product-details .price{font-weight:700;color:#28a745;margin-top:10px}.product-card .btn-delete{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:5px;cursor:pointer}.product-card .btn-delete:hover{background-color:#c82333}#about-us{background-color:#f9f9f9;padding:50px 20px;font-family:Arial,sans-serif;color:#333;text-align:center}.about-container{max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 4px 10px #0000001a;border-radius:8px;background-color:#fff}h2{font-size:2.5rem;margin-bottom:20px;color:#2c3e50}p.vision{font-size:1.25rem;margin:20px 0;color:#7f8c8d}.team-section{margin-top:40px}.team-section h3{font-size:2rem;margin-bottom:30px;color:#34495e}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;align-items:stretch}.team-member{border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background-color:#fafafa}.team-member:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.team-member h4{font-size:1.5rem;margin-bottom:10px;color:#2980b9}.team-member p{font-size:1rem;margin-bottom:10px;color:#7f8c8d}@media (max-width: 768px){h2{font-size:2rem}p.vision{font-size:1.1rem}.team-section h3{font-size:1.75rem}.team-member h4{font-size:1.25rem}.team-member p{font-size:.95rem}}#customer-section{padding:20px;font-family:Arial,sans-serif}.header{text-align:center;margin-bottom:30px}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{color:#555;font-size:1.2rem}.product-grid{margin-top:20px}.grid-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.product-card{flex:1 1 180px;max-width:300px;border:1px solid #ddd;border-radius:10px;padding:15px;text-align:center;background-color:#f9f9f9;box-shadow:0 2px 5px #0000001a}.product-card h3{font-size:1.2rem;margin-bottom:10px}.product-card .price{color:#28a745;font-weight:700;margin-bottom:15px}.product-card .btn-view-details{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.product-card .btn-view-details:hover{background-color:#0056b3}.product-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:400px;width:100%;text-align:center}.modal-content .close-modal{position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer}.modal-content h3{font-size:1.5rem;margin-bottom:10px}.modal-content .price{color:#28a745;margin-bottom:20px}.modal-content .btn-purchase{background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.modal-content .btn-purchase:hover{background-color:#1c7430}.purchase-message{position:fixed;bottom:10px;right:10px;background:#007bff;color:#fff;padding:10px 20px;border-radius:5px}.purchase-message p{margin:0}.purchase-message button{margin-top:10px;background:none;color:#fff;border:1px solid white;padding:5px 10px;border-radius:3px;cursor:pointer}.purchase-message button:hover{background:#fff;color:#007bff}