.app .link{text-decoration:none;color:inherit}.slider{height:calc(100vh - 80px);width:100vw;position:relative;overflow:hidden}.slider .container{width:300vw;height:100%;display:flex;transition:all 1s ease}.slider .container img{width:100vw;height:100%;object-fit:cover}.slider .icons{width:fit-content;display:flex;position:absolute;left:0;right:0;bottom:100px;gap:10px;margin:auto}.slider .icons .icon{width:50px;height:50px;border:1px solid #999;display:flex;align-items:center;justify-content:center;cursor:pointer}.featuredProducts{margin:60px 16px}.featuredProducts .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.featuredProducts .top h1{flex:2;text-transform:capitalize}.featuredProducts .top p{flex:3;color:gray}.featuredProducts .bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (min-width: 900px){.featuredProducts{margin:80px 40px}.featuredProducts .bottom{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.featuredProducts{margin:100px 120px}.featuredProducts .bottom{gap:24px;grid-template-columns:repeat(5,minmax(0,1fr))}}.card{width:100%;display:flex;flex-direction:column;gap:0;margin-bottom:8px}.card .image{margin-bottom:8px;width:100%;aspect-ratio:1/1;height:auto;overflow:hidden;position:relative}.card .image:hover .secondImg{z-index:2}.card .image img{width:100%;height:100%;object-fit:cover;position:absolute}.card .image .mainImg{z-index:1}.card .image span{position:absolute;top:5px;left:5px;background-color:#fff;color:teal;padding:3px 5px;z-index:3;font-weight:500;font-size:12px}.card h2{font-size:14px;font-weight:600;margin-bottom:2px}.card .prices{display:flex;gap:20px}.card .prices h3{font-size:14px;font-weight:500}.card .prices h3:first-child{color:gray;text-decoration:line-through}@media (min-width: 900px){.card .image{aspect-ratio:1/1}.card h2,.card .prices h3{font-size:16px}}.categories{display:flex;height:70vh;gap:10px;margin:10px}.categories .col{flex:1;display:flex;flex-direction:column;gap:10px}.categories .col-l{flex:2}.categories .row{flex:1;display:flex;gap:10px;position:relative;overflow:hidden}.categories .row button{position:absolute;min-width:100px;width:fit-content;height:50px;padding:10px;inset:0;margin:auto;cursor:pointer;border:none;background-color:#fff;text-transform:uppercase;font-weight:500}.categories .row img{width:100%;height:100%;object-fit:cover}@media (max-width: 900px){.categories{flex-direction:column;height:auto}.categories .row{min-height:180px}}.products{padding:8px 16px 20px;display:block}.products .right{max-width:none;width:100%;margin:0 auto}.products .right .catImg{width:100%;aspect-ratio:21/7;object-fit:cover;border-radius:8px;margin-bottom:20px}@media (min-width: 900px){.products{padding:12px 40px 30px}.products .right .catImg{margin-bottom:28px}}@media (min-width: 1200px){.products{padding:16px 120px 40px}}.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 900px){.list{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.list{gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}}.product{padding:20px 50px;display:flex;gap:50px}.product .left{flex:1;display:flex;gap:20px}.product .left .images{flex:1}.product .left .images img{width:100%;height:150px;object-fit:cover;cursor:pointer;margin-bottom:10px}.product .left .mainImg{flex:5}.product .left .mainImg img{width:100%;max-height:900px;object-fit:cover}.product .right{flex:1;display:flex;flex-direction:column;gap:30px}.product .right .price{font-size:30px;color:#2879fe;font-weight:500}.product .right p{font-size:18px;font-weight:300;text-align:justify}.product .right .quantity{display:flex;align-items:center;gap:10px}.product .right .quantity button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.product .right .add{width:250px;padding:10px;background-color:#2879fe;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;border:none;font-weight:500}.product .right .links{display:flex;gap:20px}.product .right .links .item{display:flex;align-items:center;gap:10px;color:#2879fe;font-size:14px}.product .right .info{display:flex;flex-direction:column;gap:10px;color:gray;font-size:14px;margin-top:30px}.product .right .info>span{margin:0}.product .right .info>span+hr{width:200px;border:1px solid #eee;margin:6px 0 16px;align-self:flex-start}.product .right hr{width:100%;border:1px solid rgb(238,237,237)}@media (max-width: 768px){.product{padding:16px;flex-direction:column;gap:24px}.product .left{flex-direction:column}.product .left .images{order:2;display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.product .left .images img{flex:0 0 auto;width:90px;height:90px;margin-bottom:0;border-radius:2px}.product .left .mainImg{order:1}.product .left .mainImg img{max-height:520px;object-fit:contain}.product .right{gap:20px}.product .right .add{width:100%}}.navbar{height:80px}.navbar .wrapper{padding:10px 30px;display:flex;justify-content:space-between;position:relative}.navbar .wrapper .item{display:flex;align-items:center;font-size:18px}.navbar .wrapper .left{display:flex;align-items:center;gap:25px}.navbar .wrapper .left .menuButton{display:none}.navbar .wrapper .center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:100%}.navbar .wrapper .center .logo{height:76px;width:auto;display:block;object-fit:contain;filter:none}.navbar .wrapper .right{display:flex;align-items:center;gap:25px}.navbar .wrapper .right .icons{display:flex;align-items:center;gap:15px;color:#777;cursor:pointer}.navbar .wrapper .right .icons .cartIcon{position:relative}.navbar .wrapper .right .icons .cartIcon span{font-size:12px;width:20px;height:20px;border-radius:50%;background-color:#2879fe;color:#fff;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center}.navbar .mobileMenu{position:fixed;inset:0;background:#fffffffa;z-index:1000;display:flex;flex-direction:column}.navbar .mobileMenu .mobileMenuHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.navbar .mobileMenu .mobileMenuHeader .closeButton{background:transparent;border:0;padding:6px;cursor:pointer}.navbar .mobileMenu .mobileMenuHeader .brand img{height:50px;width:auto}.navbar .mobileMenu .mobileMenuContent{padding:4px 20px 24px}.navbar .mobileMenu .mobileMenuContent h3{margin:16px 0 8px}.navbar .mobileMenu .mobileMenuContent ul{list-style:none;margin:0;padding:0}.navbar .mobileMenu .mobileMenuContent li{padding:12px 0;border-bottom:1px solid #eee}@media (max-width: 900px){.navbar .wrapper{padding:8px 14px}.navbar .wrapper .left{gap:8px}.navbar .wrapper .left .item{display:none}.navbar .wrapper .left .menuButton{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.navbar .wrapper .right{gap:10px}.navbar .wrapper .right .item{display:none}.navbar .wrapper .center .logo{height:54px}}.cart{position:absolute;right:20px;top:80px;z-index:1000;background-color:#fff;padding:20px;-webkit-box-shadow:0px 0px 7px -5px rgba(0,0,0,.5);box-shadow:0 0 7px -5px #00000080}.cart h1{margin-bottom:30px;color:gray;font-weight:400;font-size:24px}.cart .item{display:flex;align-items:center;gap:20px;margin-bottom:30px}.cart .item img{width:80px;height:100px;object-fit:cover}.cart .item .details h1{font-size:18px;font-weight:500}.cart .item .details p{font-size:14px;color:gray;margin-bottom:10px}.cart .item .details .price{color:#2879fe}.cart .item .delete{color:red;font-size:25px;cursor:pointer}.cart .total{display:flex;justify-content:space-between;font-weight:500;font-size:18px;margin-bottom:20px}.cart button{width:250px;padding:10px;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;border:none;background-color:#2879fe;color:#fff;font-weight:500;margin-bottom:20px}.cart .reset{color:red;font-size:12px;cursor:pointer}.footer{margin:60px 16px 16px}.footer .top{display:flex;gap:24px}.footer .top .item{flex:1;display:flex;flex-direction:column;gap:10px;text-align:justify;font-size:14px}.footer .top .item h1{font-size:18px;font-weight:500;color:#555}.footer .top .item span{color:gray}.footer .bottom{display:flex;align-items:center;justify-content:center;margin-top:30px;position:relative}.footer .bottom .left{display:flex;align-items:center;gap:10px}.footer .bottom .left .brandMark{height:60px;width:auto;display:block;object-fit:contain;position:static}.footer .bottom .left .logo{color:#2679fe;font-size:22px;font-weight:700}.footer .bottom .left .copyright{color:gray;font-size:11px;margin-left:8px}@media (min-width: 900px){.footer{margin:80px 40px 20px}.footer .top{gap:40px}.footer .bottom .left .brandMark{height:100px}.footer .bottom .left .logo{font-size:28px}.footer .bottom .left .copyright{font-size:12px}}@media (min-width: 1200px){.footer{margin:100px 200px 20px}.footer .bottom .left{align-items:center;gap:12px}.footer .bottom .left .brandMark{height:140px;position:static;left:auto;transform:none;margin:0 auto}.footer .bottom .left .logo{font-size:32px;text-align:center}}.about-page{display:flex;flex-direction:column;gap:24px;padding:20px}.about-banner img{width:100%;max-height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000001f}.about-header{text-align:center}.about-header h1{margin-top:8px;font-weight:600}.about-header .about-meta{margin-top:4px;color:#666}.about-profile{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start;max-width:1100px;margin:0 auto}.about-profile .photo img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #0000001f}.about-profile .text{line-height:1.7;font-size:1.05rem;color:#333;display:flex;flex-direction:column;gap:16px}@media (max-width: 800px){.about-profile{grid-template-columns:1fr}}.about-content{max-width:900px;margin:0 auto;line-height:1.7;font-size:1.05rem;color:#333;display:flex;flex-direction:column;gap:16px}.contact-page{display:flex;flex-direction:column;gap:24px;padding:20px}.contact-banner img{width:100%;max-height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000001f}.contact-header{text-align:center}.contact-header h1{margin-top:8px}.contact-body{display:grid;grid-template-columns:1fr 2fr;gap:24px;max-width:1100px;margin:0 auto;align-items:start}.contact-body .photo img{width:100%;border-radius:8px;object-fit:cover;box-shadow:0 6px 18px #0000001f}.contact-body .text{line-height:1.7;color:#333}.contact-body ul{padding-left:18px}@media (max-width: 900px){.contact-body{grid-template-columns:1fr}}