body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#f1f1f1;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Kanit;margin:0;max-width:100%;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:100vh;transform:scale(1);transform-origin:top left;width:100vw}.kanit-thin{font-weight:100}.kanit-extralight,.kanit-thin{font-family:Kanit,system-ui;font-style:normal}.kanit-extralight{font-weight:200}.kanit-light{font-weight:300}.kanit-light,.kanit-regular{font-family:Kanit,system-ui;font-style:normal}.kanit-regular{font-weight:400}.kanit-medium{font-weight:500}.kanit-medium,.kanit-semibold{font-family:Kanit,system-ui;font-style:normal}.kanit-semibold{font-weight:600}.kanit-bold{font-weight:700}.kanit-bold,.kanit-extrabold{font-family:Kanit,system-ui;font-style:normal}.kanit-extrabold{font-weight:800}.kanit-black{font-family:Kanit,system-ui;font-style:normal;font-weight:900}.kanit-thin-italic{font-weight:100}.kanit-extralight-italic,.kanit-thin-italic{font-family:Kanit,system-ui;font-style:italic}.kanit-extralight-italic{font-weight:200}.kanit-light-italic{font-weight:300}.kanit-light-italic,.kanit-regular-italic{font-family:Kanit,system-ui;font-style:italic}.kanit-regular-italic{font-weight:400}.kanit-medium-italic{font-weight:500}.kanit-medium-italic,.kanit-semibold-italic{font-family:Kanit,system-ui;font-style:italic}.kanit-semibold-italic{font-weight:600}.kanit-bold-italic{font-weight:700}.kanit-bold-italic,.kanit-extrabold-italic{font-family:Kanit,system-ui;font-style:italic}.kanit-extrabold-italic{font-weight:800}.kanit-black-italic{font-family:Kanit,system-ui;font-style:italic;font-weight:900}.homepage{max-width:100%;overflow-x:hidden}.hero-section{align-items:flex-end;display:flex;height:100vh;justify-content:center;position:relative;width:100%;z-index:-1}.hero-section .hero-image{bottom:0;height:100%;right:-10%;width:100%}.hero-section .hero-image,.hero-section .logo-image{animation:fadeInRight .9s forwards;max-height:fit-content;max-width:fit-content;object-fit:cover;object-position:center center;opacity:0;position:absolute;z-index:-1}.hero-section .logo-image{height:50%;left:5%;top:30%;width:50%}@media screen and (max-width:768px){.hero-section .logo-image{opacity:0!important}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(500%)}to{opacity:1;transform:translateX(0)}}.hero-section .order-button{background-color:#114084;border-radius:5px;box-shadow:0 4px 10px #0003;color:#f1f1f1;font-size:1.5rem;margin-bottom:20px;padding:15px 30px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.hero-section .order-button:hover{background-color:#3466aa;transform:scale(1.05)}@media(max-width:768px){.hero-section{height:60vh}.hero-section .order-button{font-size:1.2rem;padding:10px 20px}}@media(max-width:480px){.hero-section{height:50vh}.hero-section .order-button{font-size:1rem;padding:8px 16px}}.product-section{padding:2rem}.product-section .section-title{font-size:2rem;margin-bottom:1.5rem;text-align:center}@media(max-width:768px){.product-section .section-title{font-size:1.8rem}}@media(max-width:480px){.product-section .section-title{font-size:1.5rem}}.product-section .slider-container{align-items:center;display:flex;position:relative}.product-section .slider-container .product-slider{-ms-overflow-style:none;gap:10px;padding-bottom:20px;scrollbar-width:none}.product-section .slider-container .product-slider::-webkit-scrollbar{display:none}.product-section .slider-container .slider-button{background-color:#114084;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;z-index:10}.product-section .slider-container .slider-button:hover{background-color:#3466aa}.product-section .slider-container .slider-button.left{left:10px}.product-section .slider-container .slider-button.right{right:10px}@media(max-width:768px){.product-section .slider-container .slider-button{font-size:1.2rem;padding:8px}}@media(max-width:480px){.product-section .slider-container .slider-button{font-size:1rem;padding:5px}}.product-section .product-card{scroll-snap-align:start}@media(max-width:768px){.product-section .product-card{min-width:70%}}@media(max-width:480px){.product-section .product-card{min-width:100%}}.productmap{padding-top:5%}@media(max-width:768px){.product-section{padding:1rem}}@media(max-width:480px){.product-section{padding:.5rem}}.card-container{display:flex;flex-direction:column;margin:1rem;max-width:400px}.card{border-radius:5px;box-shadow:0 4px 8px #0000001a;height:28rem;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:20rem}.card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.card .card-image{height:100%;object-fit:cover;width:100%}.card .skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(-90deg,#e0e0e0 25%,#f1f1f1 50%,#e0e0e0 75%);background-size:200% 100%;height:100%;width:100%}.card-info{text-align:left}.card-info .card-title{color:#1c1c1c;display:inline-block;font-size:1.5rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info .price-info{align-items:left;display:flex;flex-direction:column;height:50px;justify-content:center}.card-info .card-price{color:gray;font-size:1.2rem;margin-top:-5%;white-space:nowrap}.card-info .sale-tag{color:red;font-size:1rem;margin-left:5px}.card-info .sale-price{color:#1c1c1c;font-size:1.5rem;margin-top:-15%}.card-info .color-options{align-items:center;display:flex;justify-content:left;margin-top:.5rem}.card-info .color-options .color-dot{border:1px solid #b4b4b4;border-radius:50%;box-shadow:0 0 0 0 #0000;cursor:pointer;height:20px;margin-right:5px;transition:transform .3s ease,border .3s ease,box-shadow .3s ease;width:20px}.card-info .color-options .color-dot:hover{border:.5px solid #e0e0e0;box-shadow:0 0 0 2px #032b44;transform:scale(1.2)}.card-info .color-options .color-more{color:gray;font-size:.8rem}@media(max-width:480px){.card-container{max-width:250px}.card-info .card-title{font-size:1.1rem}.card-info .price-info .card-price{font-size:.9rem;margin-top:15%}.card-info .price-info .sale-price{font-size:1.2rem}.card-info .color-options .color-dot{height:12px;width:12px}}.map-container h1{font-size:40px;padding-left:10%}.map-container .product-map-container{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.map-container .product-map-container .product-card-container{flex:1 1;margin-right:2rem}.map-container .product-map-container .image-container{flex:2 1;position:relative}.map-container .product-map-container .image-container .model-image{display:block;height:auto;object-fit:cover;width:100%}.map-container .product-map-container .image-container .product-button{background-color:#fff6;border:2px solid #114084;border-radius:50%;cursor:pointer;height:30px;position:absolute;transform:translate(-50%,-50%);transition:background-color .3s ease,transform .3s ease;width:30px}.map-container .product-map-container .image-container .product-button:hover{background-color:#000000b3}.map-container .product-map-container .image-container .hover-modal{animation:fadeIn .3s ease-in-out;background-color:#000c;border-radius:5px;color:#fff;padding:10px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.map-container .product-map-container .image-container .hover-modal p{font-size:.9rem;margin:0}@media(max-width:768px){.map-container .product-map-container{align-items:center;flex-direction:column}.map-container .product-map-container .product-card-container{margin-bottom:1.5rem;margin-left:0;margin-right:10%}.map-container .product-map-container .image-container .product-button{height:24px;width:24px}.map-container .product-map-container .image-container .hover-modal{padding:8px}.map-container .product-map-container .image-container .hover-modal p{font-size:.8rem}}@media(max-width:480px){.map-container .product-map-container .image-container .product-button{height:20px;width:20px}.map-container .product-map-container .image-container .hover-modal{padding:6px}.map-container .product-map-container .image-container .hover-modal p{font-size:.7rem}}.ad-section{padding:0;width:100%}.ad-section,.ad-section .ad-content{align-items:center;display:flex;justify-content:center;text-align:center}.ad-section .ad-content{background-position:50%;background-size:cover;border-radius:10px;color:#fff;flex-direction:column;padding:0 20px;position:relative;width:96%}.ad-section .ad-content .ad-text{margin-bottom:20px}.ad-section .ad-content .ad-text h2{font-size:3rem;margin-bottom:10px}.ad-section .ad-content .ad-text p{font-size:1.5rem}.ad-section .ad-content .ad-button .btn{background-color:#114084;border-radius:5px;color:#fff;font-size:1.5rem;padding:10px 30px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.ad-section .ad-content .ad-button .btn:hover{background-color:#3466aa;transform:scale(1.05)}@media(max-width:768px){.ad-section .ad-content{border-radius:5px;padding:20px 10px}.ad-section .ad-content .ad-text h2{font-size:2.5rem}.ad-section .ad-content .ad-text p{font-size:1.2rem}.ad-section .ad-content .ad-button .btn{font-size:1.2rem;padding:8px 20px}}@media(max-width:480px){.ad-section .ad-content{padding:15px}.ad-section .ad-content .ad-text h2{font-size:2rem}.ad-section .ad-content .ad-text p{font-size:1rem}.ad-section .ad-content .ad-button .btn{font-size:1rem;padding:6px 16px}}.navbar{align-items:center;background-color:#f1f1f100;color:#082488;display:flex;font-size:larger;justify-content:center;max-width:100%;overflow-x:hidden;padding:2rem;position:fixed;top:0;transition:background-color .6s ease-in-out,padding .3s ease,transform .5s ease;width:100%;z-index:2000}.navbar.hidden{top:-100px}.navbar.visible{top:0}.navbar .hamburger-menu{align-items:center;color:#1c1c1c!important;cursor:pointer;display:none;flex-direction:column;justify-content:center;margin-left:auto;margin-top:1%;position:fixed;right:0;transition:all .3s ease-in-out;z-index:1001}.navbar .hamburger-menu .burger-line{background-color:#1c1c1c;height:3px;margin:4.5px 0 0 5px;transition:all .3s ease-in-out;width:25px}.navbar .hamburger-menu.open .burger-line:first-child{transform:rotate(-45deg) translate(-5px,5px)}.navbar .hamburger-menu.open .burger-line:nth-child(2){opacity:0}.navbar .hamburger-menu.open .burger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}@media(max-width:768px){.navbar .hamburger-menu{display:flex;position:fixed;right:1rem;top:1rem;z-index:1001}.navbar .hamburger-menu .burger-line{background-color:#f8f8f8;height:3px;margin:4px 0 0;transition:all .3s ease;width:25px}.navbar .hamburger-menu.open .burger-line:first-child{transform:rotate(-45deg) translate(-5px,5px)}.navbar .hamburger-menu.open .burger-line:nth-child(2){opacity:0}.navbar .hamburger-menu.open .burger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}}.navbar.menu-open,.navbar.scrolled{background-color:#f1f1f1;box-shadow:0 4px 10px #0000001a;color:#1c1c1c;padding:.3rem 3rem 0 2rem}.navbar.menu-open .hamburger-menu .burger-line,.navbar.scrolled .hamburger-menu .burger-line{background-color:#1c1c1c!important}.navbar .navbar-content{justify-content:space-between;position:relative;width:96%}.navbar .left-menu,.navbar .navbar-content{align-items:center;display:flex}.navbar .left-menu .logo{height:auto;margin-right:2rem;width:80px}.navbar .left-menu .nav-links{display:flex;list-style:none}.navbar .left-menu .nav-links .menu-item{cursor:pointer;margin-bottom:0;margin-left:1.5rem;position:relative}.navbar .left-menu .nav-links .menu-item a{color:inherit;text-decoration:none}.navbar .left-menu .nav-links .menu-item a:hover{color:#82b7dc}.navbar .left-menu .nav-links .menu-item .caret{display:inline-block;margin-left:5px;transition:transform .3s ease}.navbar .left-menu .nav-links .menu-item .rotate{transform:rotate(180deg)}@media(max-width:768px){.navbar .left-menu .nav-links{background-color:#f1f1f1;box-shadow:0 4px 8px #0000001a;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;text-align:center;top:100%;width:100%;z-index:1000}.navbar .left-menu .nav-links.show{display:flex}.navbar .left-menu .hamburger-menu{display:flex;margin-left:auto;padding-right:1rem}.navbar .left-menu .hamburger-menu .burger-line{background-color:#f1f1f1}.navbar .left-menu .nav-right{display:none}}.navbar .left-menu .mobile-menu{background-color:#f1f1f1;height:100%;left:-400px;overflow-y:auto;padding:2rem;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1000}.navbar .left-menu .mobile-menu.slide-in{left:0}.navbar .left-menu .mobile-menu .mobile-nav-links{list-style:none;margin-top:30%;padding:0}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item{margin-bottom:1.5rem}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item a{color:#1c1c1c;font-size:1.5rem;text-decoration:none}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .caret{margin-left:.5rem;transition:transform .3s ease}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .rotate{transform:rotate(180deg)}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .menu-item .caret{transition:transform .3s ease}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .menu-item.active .caret{transform:rotate(180deg)}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .submenu{background-color:#f1f1f1;list-style:none;margin-top:.5rem;max-height:0;opacity:0;overflow:hidden;padding-left:1.5rem;transition:max-height .3s ease,opacity .3s ease;z-index:1000}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .submenu.show{max-height:300px;opacity:1}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .submenu-item{margin-bottom:.5rem}.navbar .left-menu .mobile-menu .mobile-nav-links .menu-item .submenu-item a{color:#3466aa;font-size:1.2rem;text-decoration:none}.navbar .nav-right{align-items:center;display:flex;list-style:none;padding-right:5%}.navbar .nav-right li{margin-left:1.5rem}.navbar .nav-right li a{color:inherit;font-size:1.2rem;text-decoration:none}.navbar .nav-right li a:hover{color:#82b7dc}.full-width-menu{background-color:#f1f1f1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;left:0;opacity:0;padding:2rem;position:fixed;top:10%;transform:translateY(-100%);transition:visibility 0s .5s,opacity 1s ease,transform .5s ease;visibility:hidden;width:100%;z-index:50;z-index:1000}.full-width-menu.slideDown{animation:slideDown .5s ease forwards;opacity:1;visibility:visible!important;z-index:1000}.full-width-menu.slideUp{animation:slideUp .5s ease forwards;opacity:0;z-index:50}.full-width-menu .menu-content{align-items:stretch;display:flex;justify-content:flex-start;width:100%;z-index:50}.full-width-menu .menu-content .menu-content-items{padding-left:1%;width:10%}.full-width-menu .menu-content .menu-content-items li{cursor:pointer}.full-width-menu .menu-content ul{padding-right:4%}.footer{background-color:#114084;color:#f1f1f1;font-family:Arial,sans-serif;max-width:100%;overflow-x:hidden;padding:2rem}.footer .footer-top{margin-bottom:2rem;text-align:center}.footer .footer-top .back-to-top{color:#82b7dc;font-size:1.2rem;text-decoration:none}.footer .footer-top .back-to-top:hover{text-decoration:underline}.footer .footer-columns{display:flex;justify-content:space-between;margin-bottom:2rem}.footer .footer-columns .footer-column{flex:1 1;padding:1rem}.footer .footer-columns .footer-column h3{color:#f1f1f1;font-size:1.5rem;margin-bottom:1rem}.footer .footer-columns .footer-column a,.footer .footer-columns .footer-column li,.footer .footer-columns .footer-column p,.footer .footer-columns .footer-column ul{color:#f1f1f1}.footer .footer-columns .footer-column a{text-decoration:none}.footer .footer-columns .footer-column a:hover{color:#82b7dc;text-decoration:underline}.footer .footer-columns .footer-column .subscribe-form{display:flex;flex-direction:row}.footer .footer-columns .footer-column .subscribe-form input{border:none;border-radius:4px 0 0 4px;padding:.5rem;width:200px}.footer .footer-columns .footer-column .subscribe-form button{background-color:#3466aa;border:none;border-radius:0 4px 4px 0;color:#f1f1f1;cursor:pointer;padding:.5rem}.footer .footer-columns .footer-column .subscribe-form button:hover{background-color:#82b7dc}.footer .footer-bottom{background-color:#3466aa;padding:1rem;text-align:center}.footer .footer-bottom .social-links{margin-bottom:1rem}.footer .footer-bottom .social-links a{color:#f1f1f1;margin:0 10px;text-decoration:none}.footer .footer-bottom .social-links a:hover{color:#82b7dc}@media(max-width:768px){.footer .footer-columns{flex-direction:column;text-align:center}.footer .footer-column{margin-bottom:1.5rem}.footer .subscribe-form{flex-direction:column}.footer .subscribe-form input{border-radius:4px;margin-bottom:1rem;width:100%}.footer .subscribe-form button{border-radius:4px;width:100%}.footer .social-links a{display:block;margin:5px 0}}@media(max-width:480px){.footer .footer-top,.footer .footer-top .back-to-top{font-size:1rem}.footer .footer-columns{margin-bottom:1rem}.footer .footer-bottom{font-size:.875rem}}.products-page{align-items:center;display:flex;justify-content:center;margin:auto;max-width:94%;padding-bottom:10%;position:relative}.products-page .product-grid{grid-gap:.5%;display:grid;flex:1 1;gap:.5%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:0}.products-page .sidebar{flex-shrink:0;position:sticky;top:25%}.dropdown-container{margin-left:84%;max-width:100%;padding-bottom:0;padding-top:5%;position:relative;z-index:100}.dropdown-container .dropdown-component{margin-left:-10%}.dropdown-container .showingname{margin-left:-500%;width:300px}@media(max-width:768px){.dropdown-container .showingname{margin-left:0}}@media(max-width:1090px){.dropdown-container{padding-bottom:0;padding-top:15%}.dropdown-container .dropdown-component{margin-left:-50%}.dropdown-container .dropdown-mobilecheck{margin-left:-100%}.sidebar{margin-bottom:20px;width:100%}}@media(max-width:768px){.dropdown-container{max-width:100%;padding-bottom:0;padding-top:30%;right:50%}.dropdown-container .dropdown-mobilecheck{margin-left:-100%}.products-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:10%}.sidebar-container{display:none}.sticky-filter{position:relative}.product-grid{grid-template-columns:repeat(2,1fr);margin-inline:auto;margin-left:auto;margin-right:auto;max-width:100%;padding-bottom:20rem;padding-right:0;padding-top:1%}}@media(max-width:480px){.products-page{margin-left:auto;margin-right:auto}.product-grid{grid-template-columns:repeat(4,1fr);margin-inline:auto;margin-left:-12%;margin-right:0;margin-top:-10%;max-width:100%;padding-right:0}}.load-more-container{display:flex;justify-content:center;margin-top:-5%;width:100%}.load-more-container .load-more-btn{background-color:none;border-top:2px solid #ababab;color:#8b8b8b;cursor:pointer;font-size:1.5rem;padding-bottom:5%;padding-top:1%;position:relative;text-align:center;transition:color .3s ease;width:80%}.load-more-container .load-more-btn:hover{color:#5b5b5b}.drop-container{text-wrap:nowrap;-webkit-user-select:none;user-select:none}.drop-container p{border-left:1px solid rgba(56,56,56,.482);padding-left:10%}.drop-container a{cursor:pointer;display:inline-block;margin-left:2%;padding-left:5%;padding-right:5%;position:relative;text-decoration:none;transition:color .3s ease}.drop-container a:before{background-color:#114084;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.drop-container a:hover:before{left:0;width:100%}.drop-container .dropdown{display:inline-flex;margin-top:-10%;position:relative;width:13rem;z-index:5}.drop-container .dropdown:hover h1{border-radius:5px 5px 0 0}.drop-container .dropdown:hover li{border-top:1px solid #383838;height:auto;opacity:1;overflow:auto;padding:10px}.drop-container .dropdown p{padding-top:3%}.drop-container .dropdown h1{background:#0000;border:5px;border-radius:5px;color:#8f8f8f;cursor:pointer;font-size:16px;font-weight:400;padding:10px;transition:all .5s linear 0s;width:100%}.drop-container .dropdown h1:hover{color:#0e2aa8}.drop-container .dropdown ul{display:block;left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:100%}.drop-container .dropdown li{background:#fff;border:0;color:#484848;cursor:pointer;height:0;opacity:0;overflow:hidden;padding:0 10px;transition-duration:.2s,.4s;transition-property:all,background-color;width:100%}.drop-container .dropdown li.selected,.drop-container .dropdown li:hover{background-color:#114084;color:#fff}.drop-container .dropdown li:last-child{border-radius:0 0 5px 5px}.drop-container .dropdown li:before{border-radius:5px;content:"";display:inline-block;height:16px;margin-right:10px;margin-top:-2px;vertical-align:middle;width:16px}.drop-container .dropdown li:first-child{transition-delay:0s,0s}.drop-container .dropdown li:first-child:before{background:#0000}.drop-container .dropdown li:nth-child(2){transition-delay:.1s,0s}.drop-container .dropdown li:nth-child(2):before{background:#0000}.drop-container .dropdown li:nth-child(3){transition-delay:.2s,0s}.drop-container .dropdown li:nth-child(3):before{background:#0000}.drop-container .filter-options{background-color:#f4f4f4;box-shadow:-2px 0 5px #0000001a;height:100%;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;padding-top:10%;position:fixed;right:-100%;top:0;transition:right .1s ease;transition:right .5s ease;width:300px;z-index:10}.drop-container .filter-options.open{right:0}.drop-container .filter-options .filter-option{border-bottom:1px solid #ddd;padding:20px}.drop-container .filter-options .filter-option p{font-size:16px;margin:0}.drop-container .filter-options .filter-header{align-items:center;border-bottom:1px solid #ddd;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:15px}.drop-container .filter-options .filter-header .caret{font-size:1.2rem;transition:transform .3s ease}.drop-container .filter-options .filter-header.open .caret{transform:rotate(180deg)}.drop-container .filter-options .filter-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease}.drop-container .filter-options .filter-content.open{max-height:100%}.drop-container .filter-options .filter-option{margin:10px 0}.drop-container .filter-options .filter-option label{align-items:center;cursor:pointer;display:flex;font-size:1rem}.drop-container .filter-options .filter-option label input[type=checkbox]{margin-right:10px}.drop-container .filter-options .color-options{display:flex;flex-wrap:wrap;margin-bottom:30rem;margin-top:10px}.drop-container .filter-options .color-options .color-dot{border:1px solid #ddd;border-radius:50%;cursor:pointer;height:30px;margin-bottom:10px;margin-right:10px;width:30px}.drop-container .filter-options .filter-option:last-child{padding-bottom:2rem}@media(max-width:768px){.drop-container .filter-options{padding-top:30%}}.drop-container .overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .5s ease,-webkit-backdrop-filter .5s ease;transition:backdrop-filter .5s ease,opacity .5s ease;transition:backdrop-filter .5s ease,opacity .5s ease,-webkit-backdrop-filter .5s ease;z-index:5}.drop-container .overlay.show{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;opacity:1;pointer-events:all}.selected-filters{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end;margin-right:20%;margin-top:1rem;padding:.5rem}.selected-filters::-webkit-scrollbar{height:8px}.selected-filters::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.selected-filters .filter-tag{align-items:center;background-color:#e0e0e0;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.selected-filters .filter-tag .remove-filter{cursor:pointer;font-weight:700;margin-left:8px}.selected-filters .filter-tag.color-tag{background-color:#0000;border:1px solid #ccc;padding:.5rem}.selected-filters .clear-filters{border:none;color:#616161;cursor:pointer;display:inline-block;margin-left:2%;padding-left:1%;padding-right:1%;position:relative;text-decoration:none;transition:color .3s ease;z-index:1}.selected-filters .clear-filters:hover{color:#1c1c1c}.selected-filters .clear-filters:before{background-color:#114084;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.selected-filters .clear-filters:hover:before{left:0;width:100%}@media(max-width:768px){.selected-filters{justify-content:flex-start;width:23rem}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-detail-container{-webkit-tap-highlight-color:rgba(0,0,0,0);padding-top:2%}.product-detail-container .product-detail{display:flex;gap:1rem;padding:2rem;position:relative;width:100%}.product-detail-container .product-detail .product-images{align-self:flex-start;display:flex;flex:1 1;gap:2rem;padding-bottom:5%;padding-top:2%;position:sticky;top:10%}.product-detail-container .product-detail .product-images .thumbnail-images{display:flex;flex-direction:column;gap:.5rem;margin-left:5%}.product-detail-container .product-detail .product-images .thumbnail-images img{border-radius:5px;cursor:pointer;height:60px;object-fit:cover;transition:box-shadow .3s ease;width:60px}.product-detail-container .product-detail .product-images .thumbnail-images img.selected{box-shadow:0 0 0 3px #000}.product-detail-container .product-detail .product-images .main-image{display:flex;flex-grow:1}.product-detail-container .product-detail .product-images .main-image img{border-radius:1px;height:auto;max-height:100vh;max-width:75vw;object-fit:scale-down;width:100%}@media(max-width:768px){.product-detail-container .product-detail .product-images{display:none}}.product-detail-container .product-detail .product-info{display:flex;flex:1 1;flex-direction:column}.product-detail-container .product-detail .product-info h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.product-detail-container .product-detail .product-info .price{color:#555;font-size:1.5rem;margin-bottom:2rem;margin-top:-2rem}.product-detail-container .product-detail .product-info .options{margin-top:-1rem}.product-detail-container .product-detail .product-info .options .gender-options,.product-detail-container .product-detail .product-info .options .size-options{margin-bottom:1.5rem}.product-detail-container .product-detail .product-info .options h4{margin-bottom:.5rem}.product-detail-container .product-detail .product-info .options .color-dot-detailpage,.product-detail-container .product-detail .product-info .options .gender,.product-detail-container .product-detail .product-info .options .size{border:2px solid #0000;border-radius:4px;cursor:pointer;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.product-detail-container .product-detail .product-info .options .color-dot-detailpage.active,.product-detail-container .product-detail .product-info .options .gender.active,.product-detail-container .product-detail .product-info .options .size.active{background-color:#114084;border:2px solid #114084;color:#fff}.product-detail-container .product-detail .product-info .options .color-dot-detailpage{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;height:20px;transition:border .3s ease}.product-detail-container .product-detail .product-info .options .color-dot-detailpage.active{border:2px solid #000}.product-detail-container .product-detail .product-info .extra-info{margin-top:2rem}.product-detail-container .product-detail .product-info .extra-info p{color:#555;font-size:1rem}.product-detail-container .product-detail .product-description{width:90%}.product-detail-container .product-detail .product-images-mobile{display:none}@media(max-width:768px){.product-detail-container .product-detail{flex-direction:column;max-width:100%;overflow-x:hidden;padding:18% 1rem 1rem}.product-detail-container .product-detail .product-images{display:none;position:relative}.product-detail-container .product-detail .product-images-mobile{display:block;padding-top:0;position:relative;width:auto}.product-detail-container .product-detail .product-images-mobile .swiper{display:flex;height:600px;margin-left:-4%;max-width:100%;overflow-x:hidden;padding-right:5%;width:100%;z-index:50}.product-detail-container .product-detail .product-images-mobile .swiper-slide{display:flex}.product-detail-container .product-detail .product-images-mobile .swiper-slide img{height:auto;object-fit:cover;width:100%}.product-detail-container .product-detail .product-images-mobile .swiper-pagination-bullet-active{background-color:#000}.product-detail-container .product-detail .product-images-mobile .carousel-container{overflow:hidden;position:relative}.product-detail-container .product-detail .product-images-mobile .carousel-container img{height:auto;object-fit:contain;width:100%}.product-detail-container .product-detail .product-images-mobile .carousel-container .carousel-button{background:#00000080;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.product-detail-container .product-detail .product-images-mobile .carousel-container .carousel-button.left{left:0}.product-detail-container .product-detail .product-images-mobile .carousel-container .carousel-button.right{right:0}.product-detail-container .product-detail .product-info{margin-top:2rem}.product-detail-container .product-detail .product-info h1{font-size:1.5rem}.product-detail-container .product-detail .product-info .price{font-size:1.2rem}}.product-detail-container .suggested-products{margin-top:4rem}.product-detail-container .suggested-products h2{font-size:1.8rem;margin-bottom:1rem;margin-left:8%}.product-detail-container .suggested-products .suggested-products-container{align-items:center;display:flex;position:relative}.product-detail-container .suggested-products .suggested-products-container .slider-btn{background:none;border:none;cursor:pointer;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.product-detail-container .suggested-products .suggested-products-container .slider-btn.left{left:0}.product-detail-container .suggested-products .suggested-products-container .slider-btn.right{right:0}.product-detail-container .suggested-products .suggested-products-container .suggested-products-slider{display:flex;overflow-x:auto;padding:1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory}.product-detail-container .suggested-products .suggested-products-container .suggested-products-slider .product-item{flex:0 0 auto;margin-right:1rem;width:80%}@media(max-width:768px){.product-detail-container{max-width:100%;overflow-x:hidden}}.slideshow-container{box-sizing:border-box;overflow:hidden;padding:2rem;position:relative;width:100%}.product-slider{-ms-overflow-style:none;display:flex;gap:3.5rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;user-select:none}.product-slider::-webkit-scrollbar{display:none}.scroll-button{background-color:#11408480;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.scroll-button.left{left:10px}.scroll-button.right{right:10px}.scroll-button:hover{background-color:#3466aacc}.card-container{flex:0 0 20%;min-width:20%;scroll-snap-align:center}@media(max-width:1024px){.card-container{flex:0 0 45%;min-width:45%}}@media(max-width:768px){.card-container{flex:0 0 80%;min-width:80%}}@media(max-width:480px){.card-container{flex:0 0 100%;min-width:100%}}.buy-button-container{align-items:center;display:flex;flex-wrap:wrap;position:relative}.buy-button-container .shopee-button{align-items:center;background-color:#3466aa;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;margin-right:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.buy-button-container .shopee-button:hover{background-color:#82b7dc}.buy-button-container .shopee-button svg{font-size:1.5rem}.buy-button-container .more-platforms-container{align-items:center;cursor:pointer;display:flex;position:relative}.buy-button-container .more-platforms-container .more-platforms-icon{color:#3466aa;font-size:2rem;position:relative;top:-1px;transition:transform .3s ease}.buy-button-container .more-platforms-container .more-text{color:#1c1c1c;font-size:1rem;margin-left:.5rem;position:relative}.buy-button-container .more-platforms-container .more-text:after{background-color:#1c1c1c;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s ease;width:100%}.buy-button-container .more-platforms-container .more-text:hover:after{transform:scaleX(1);transform-origin:left}.buy-button-container .more-platforms-container .menu{left:95%;list-style:none;margin:0;padding:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%)}.buy-button-container .more-platforms-container .menu li{height:45px;opacity:0;position:absolute;transform:translate(0);transition:transform .5s ease,opacity .5s ease;width:45px;z-index:1000}.buy-button-container .more-platforms-container .menu li .platform-icon{align-items:center;background:#82b7dc;color:#fff;display:flex;font-size:1.5rem;height:45px;justify-content:center;text-decoration:none;transition:background-color .3s ease,transform .3s ease;width:45px}.buy-button-container .more-platforms-container .menu li .platform-icon:hover{background-color:#3466aa;transform:scale(1.1)}.buy-button-container .more-platforms-container .menu li .platform-icon svg{fill:currentColor;height:24px;width:24px}.buy-button-container .more-platforms-container .menu li .platform-icon .platform-icon.disabled,.buy-button-container .more-platforms-container .menu li .platform-icon .shopee-button.disabled{opacity:.5;pointer-events:none}.buy-button-container .more-platforms-container .menu li .tooltip-menu{display:inline-block;position:relative}.buy-button-container .more-platforms-container .menu li .tooltip-menu .tooltiptext-menu{background-color:#000;border-radius:6px;bottom:150%;color:#fff;left:50%;opacity:0;padding:5px 0;position:absolute;text-align:center;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;width:120px;z-index:1500}.buy-button-container .more-platforms-container .menu li .tooltip-menu .tooltiptext-menu:after{border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.buy-button-container .more-platforms-container .menu li .tooltip-menu:hover .tooltiptext-menu{opacity:1;visibility:visible}.buy-button-container .more-platforms-container.open .menu{pointer-events:auto}.buy-button-container .more-platforms-container.open .menu li{opacity:1}.buy-button-container .more-platforms-container.open .menu li:first-child{transform:translate(-60px,-60px);transition-delay:0s}.buy-button-container .more-platforms-container.open .menu li:nth-child(2){transform:translate(60px,-60px);transition-delay:.1s}.buy-button-container .more-platforms-container.open .menu li:nth-child(3){transform:translateY(-90px);transition-delay:.2s}.about-us{padding-top:80px}.about-us .section{align-items:center;display:flex;justify-content:center;min-height:100vh;opacity:0;padding:2rem;scroll-snap-align:start;text-align:center;transition:opacity .3s ease}.about-us .section-visible{opacity:1}.about-us .about-us-intro{background-color:#114084;color:#f1f1f1}.about-us .about-us-history{background-color:#3466aa;color:#f1f1f1}.about-us .about-us-team{background-color:#82b7dc;color:#1c1c1c}.about-us .about-us-values{background-color:#f1f1f1;color:#1c1c1c}.about-us .content{margin:0 auto;max-width:700px}.about-us .content h1,.about-us .content h2{font-size:2.5rem;margin-bottom:1rem}.about-us .content p{font-size:1.2rem;line-height:1.6}html{scroll-behavior:smooth}.about-us{overflow-y:scroll;scroll-snap-type:y mandatory}.login-page{align-items:center;background:linear-gradient(135deg,#0f0f0f,#3c3c3c);display:flex;height:100vh;justify-content:center}.login-box{animation:fadeIn 1s forwards;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000004d;opacity:0;padding:40px;text-align:center;width:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-box h2{color:#333}.error,.login-box h2{font-family:Arial,sans-serif;margin-bottom:20px}.error{color:red}.input-container{margin-bottom:20px;text-align:left}.input-container label{color:#555;display:block;font-family:Arial,sans-serif;margin-bottom:5px}.password-container{align-items:center;display:flex;position:relative}.input-container input{border:1px solid #ccc;border-radius:5px;font-family:Arial,sans-serif;padding:10px;width:100%}.password-container input{padding-right:40px;width:100%}.password-container input::-ms-reveal{display:none}.password-toggle-icon{color:#333;cursor:pointer;position:absolute;right:10px}.login_button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:10px;transition:background-color .3s;width:100%}.login_button:hover{background-color:#555}.dashboard{display:flex;flex-direction:column;height:100vh}.navbar_dashboard{flex:0 0 auto}.main-content{display:grid;flex:1 1 auto;grid-template-columns:200px 1fr;height:100%;padding-top:60px}.menu{background-color:#333;box-shadow:2px 0 5px #0000001a;color:#ddd;padding:20px;width:200px}.menu ul{list-style-type:none;padding:0}.menu li{cursor:pointer;padding:10px;position:relative}.menu li:hover{background-color:#1d1d1d}.menu li.open>.submenu{max-height:100%;opacity:1;padding:5px 0;transform:translateY(0)}.submenu{background-color:#1d1d1d;border-left:2px solid #898989;margin-left:10px;max-height:0;opacity:0;padding-left:15px;transform:translateX(20px);transition:max-height .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.submenu li{font-size:.9em;padding:5px 10px}.submenu li:hover{background-color:#2d2d2d}.navbar_dashboard{align-items:center;background:#333;color:#fff;display:flex;justify-content:space-between;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.logo{flex:1 1;font-size:1.5em}.search-box{display:flex;flex:2 1;justify-content:center}.search-box input{border:none;border-radius:5px;max-width:400px;padding:5px;width:100%}.user{cursor:pointer;display:flex;flex:1 1;justify-content:flex-end;position:relative;right:5%}.user-name{font-size:1em}.user-menu{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#000;opacity:0;padding:10px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:200px}.user-menu.open{opacity:1;transform:translateY(0);visibility:visible}.user-menu hr{border:.5px solid #ddd;margin:10px 0}.user-menu button{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px;width:100%}.user-menu button:hover{background:hotpink}.register-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.register-form h2{color:#333;font-family:Arial,sans-serif;margin-bottom:20px;text-align:center}.register-form form{display:flex;flex-direction:column;gap:15px}.register-form label{color:#555;display:flex;flex-direction:column;font-family:Arial,sans-serif}.register-form input,.register-form select{border:1px solid #ccc;border-radius:5px;font-family:Arial,sans-serif;padding:10px}.contact-fields,.name-fields,.status-fields{display:flex;gap:10px}.contact-fields label,.name-fields label,.status-fields label{flex:1 1}.image-upload{align-items:center;display:flex;gap:20px}.image-preview{border:1px solid #ccc;border-radius:5px;height:150px;overflow:hidden;width:150px}.image-preview-img{height:100%;object-fit:cover;width:100%}.crop-container{margin-top:20px;text-align:center}.register-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:10px;transition:background-color .3s}.register-form button:hover{background-color:#555}.Modal{background-color:#fff;border-radius:10px;bottom:auto;box-shadow:0 4px 8px #0000001a;left:50%;margin-right:-50%;max-width:500px;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:100%}.Overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0}.create-product-form{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:20px;text-align:center}.advice-text{color:#666;font-size:1.2em;margin-bottom:20px}.category-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:600px;width:100%}.category-button{align-items:center;background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;padding:15px;transition:background-color .3s;width:100%}.category-button:hover{background-color:#555}.category-icon{font-size:2em;margin-bottom:10px}.product-form{margin-top:20px;max-width:600px;text-align:left;width:100%}.product-form label{display:flex;flex-direction:column;margin-bottom:15px}.product-form input,.product-form select,.product-form textarea{border:1px solid #ccc;border-radius:5px;font-family:Arial,sans-serif;padding:10px;width:100%}.product-form textarea{height:100px;max-height:100px;overflow-y:auto;resize:none}.product-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:10px 20px;transition:background-color .3s}.product-form button:hover{background-color:#555}.product-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.product-form-header h2{font-size:1.5em;margin:0}.back-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:8px 16px;text-align:right;transition:background-color .3s;white-space:nowrap}.back-button:hover{background-color:#555}.new-style-input{align-items:center;display:flex;gap:10px}.new-style-input input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.new-style-input button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:5px 10px;transition:background-color .3s}.new-style-input button:hover{background-color:#555}.loading-spinner{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.editor-container{border:1px solid #ccc;cursor:text;min-height:200px;padding:10px}.editor-toolbar{margin-bottom:5px}.editor-toolbar button{margin-right:5px;padding:5px 10px}.product-management{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1100px;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h2{color:#333;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.search-bar{border:1px solid #ccc;border-radius:5px;padding:10px;width:500px}.product-table{border-collapse:collapse;margin-top:20px;width:100%}.product-table td,.product-table th{border-bottom:1px solid #ddd;padding:15px;text-align:left}.product-table th{background-color:#e6e6e6}.product-table tbody tr:nth-child(odd){background-color:#f2f2f2}.product-table tbody tr:nth-child(2n){background-color:#e0e0e0}.product-table td{background-color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.variation-row{background-color:#333;display:none;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.variation-row.open{animation:slideDown .3s ease forwards;display:table-row;max-height:500px;opacity:1}.variation-row.closing{animation:slideUp .3s ease forwards}.product-table tbody tr+tr{margin-top:0}.variation-table tbody tr{animation:slideDown .3s ease}.variation-table{border-collapse:collapse;margin-top:10px;width:100%}.variation-table td,.variation-table th{border-bottom:1px solid #666;color:#fff;padding:10px;text-align:left}.variation-table th{background-color:#444}.variation-table td{background-color:#555}.variation-image-wrapper{position:relative}.variation-image{border-radius:5px;height:50px;transition:transform .3s ease;width:50px}.variation-image-wrapper:hover .variation-image{transform:scale(1.5)}.addmorebutton{background-color:#2ba8fb;border:0;border-radius:100px;color:#fff;font-weight:700;padding:12.5px 30px;transition:all .5s;-webkit-transition:all .5s}.addmorebutton:hover{background-color:#6fc5ff;box-shadow:0 0 20px #6fc5ff50;transform:scale(1.1)}.addmorebutton:active{background-color:#3d94cf;box-shadow:none;transform:scale(.98);transition:all .25s;-webkit-transition:all .25s}.delbutton{background-color:#e80c0c;border:0;border-radius:100px;color:#fff;font-weight:700;padding:12.5px 30px;transition:all .5s;-webkit-transition:all .5s}.delbutton:hover{background-color:#ff0f0f;box-shadow:0 0 20px #6fc5ff50;transform:scale(1.1)}.delbutton:active{background-color:#bf0909;box-shadow:none;transform:scale(.98);transition:all .25s;-webkit-transition:all .25s}.product-table td,.product-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-image{max-width:100px}.product-table td:nth-child(2){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2;max-height:3.6em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.add-product-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:20px}.add-product-form h2{color:#333;font-family:Arial,sans-serif;margin-bottom:20px;text-align:center}.varform{display:flex;flex-wrap:wrap;gap:20px}.image-upload-section{align-items:center;display:flex;flex:1 1;flex-direction:column}.main-image-preview{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;display:flex;height:300px;justify-content:center;margin-bottom:20px;width:100%}.main-image-preview img{border-radius:5px;max-height:100%;max-width:100%}.thumbnail-previews{display:flex;gap:10px;margin-bottom:10px}.thumbnail-wrapper{border:1px solid #ccc;border-radius:5px;cursor:pointer;height:60px;overflow:hidden;position:relative;width:60px}.thumbnail-wrapper img{border-radius:5px;height:100%;object-fit:cover;width:100%}.thumbnail-wrapper .remove-image{background-color:#00000080;border:none;border-radius:0 5px 0 5px;color:#fff;cursor:pointer;padding:2px 5px;position:absolute;right:0;top:0}.thumbnail-wrapper .remove-image:hover{background-color:#ff0000b3}.add-image-button label{background-color:#333;border-radius:5px;color:#fff;cursor:pointer;display:block;padding:10px 20px;transition:background-color .3s ease}.add-image-button label:hover{background-color:#555}.add-image-button input{display:none}.product-details{display:flex;flex:2 1;flex-direction:column;gap:15px}.product-details label{color:#555;display:flex;flex-direction:column;font-family:Arial,sans-serif}.product-details input,.product-details select,.product-details textarea{border:1px solid #ccc;border-radius:5px;font-family:Arial,sans-serif;padding:10px;width:90%}.product-details textarea{height:100px;max-height:100px;overflow-y:auto;resize:none}.product-details button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:10px;transition:background-color .3s}.product-details button:hover{background-color:#555}.dot{background-color:#333;border-radius:50%;display:inline-block;height:25px;width:25px}.input-container,.input-with-icon{align-items:center;display:flex;width:100%}.input-with-icon{position:relative}.input-with-icon .icon{height:20px;left:10px;position:absolute;width:20px}.input-with-icon img{height:30px!important;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:40px!important}.input-field{border:1px solid #ccc;border-radius:5px;height:30px;padding-left:50px!important;width:440px!important}.input-field:focus{border-color:#888;outline:none}
/*# sourceMappingURL=main.2083861b.css.map*/