body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cinzel,serif;font-optical-sizing:auto;margin:0}:lang(th){font-family:Noto Sans Thai,sans-serif}@media (max-width:768px){html{zoom:1}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page{margin:0;padding:0}.full-screen-section,.home-page{box-sizing:border-box;overflow:hidden}.full-screen-section{display:flex;height:1080px;justify-content:center;max-height:100vh;max-width:100%;position:relative;width:1920px}.background-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.content-overlay{animation:fadeIn 2s ease-in-out;color:#fff;position:absolute;text-align:center;top:30%;z-index:2}.collection-name{animation:slideInFromBottom 1s ease-in-out forwards;bottom:0;color:#f5f5f5;font-size:2.5rem;font-weight:700;position:relative;top:75%;z-index:100}.see-collection-btn{background-color:rgba(0,0,0,.922);border:none;bottom:0;color:#f8f8f8;cursor:pointer;font-size:1.2em;left:50%;padding:15px 30px;position:relative;top:85%;transform:translateX(-50%);transition:background-color .3s ease;z-index:3}.see-collection-btn.sticky{bottom:50px;left:50%;position:fixed;transform:translateX(-50%)}.see-collection-btn:hover{background-color:#ffffffb3;color:#000}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.section2-container h2,h3{text-align:center}.slider-container{margin:20px auto;overflow:hidden;padding:0 20px;position:relative;width:80vw}.slider{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.slider.active{cursor:grabbing}.slider-content{display:flex;gap:calc(150px + .5vw)}.slider::-webkit-scrollbar{display:none}.slider{-ms-overflow-style:none;scrollbar-width:none}.section-news{margin-bottom:1%;padding-top:3%}@media (max-width:1200px){.slider-container{width:90vw}.slider-card{flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1}}@media only screen and (max-width:768px){.slider-container{width:100vw}.slider-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}.collection-name{bottom:0;font-size:2rem;top:80%}.see-collection-btn{bottom:0;padding:12px 24px;top:80%}.background-image{cursor:pointer;object-fit:cover}.content-overlay{top:25%}.section2-container h2{font-size:1.5rem}.section2-container h3{font-size:1.2rem}.slider-container{scroll-behavior:smooth;width:460px}}@media only screen and (max-width:480px){.collection-name{bottom:0;font-size:2rem;top:80%}.see-collection-btn{bottom:0;padding:12px 24px;top:80%}.background-image{object-fit:cover}.content-overlay{top:20%}.section2-container h2{font-size:1.2rem}.section2-container h3{font-size:1rem}.slider-container{width:100vw}.slider-card{flex:1 1 100%}}.split-section{align-items:center;background-color:#f8f8f8;cursor:pointer;display:flex;justify-content:space-between;padding:50px}.split-left,.split-right{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.split-section.visible .split-left,.split-section.visible .split-right{opacity:1;transform:translateY(0)}.split-left{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.tilted-image-container{border-radius:2px;overflow:hidden;transform:rotate(-10deg);width:70%}.tilted-image{height:auto;transform:rotate(10deg);transition:transform .2s;width:100%}.tilted-image:hover{transform:scale(1.5)}.split-right{flex:1 1;padding:20px;text-align:left}@media (max-width:768px){.split-section{flex-direction:column;padding:20px;text-align:center}.split-left,.split-right{flex:none;width:100%}.tilted-image-container{transform:none;width:100%}.split-right{padding:10px 0}.split-right,.split-right.text-visible{opacity:1;transform:none}.split-right h2{font-size:1.5rem;margin-bottom:15px}.split-right p{font-size:1rem;margin-bottom:20px}}@media (max-width:480px){.split-right h2{font-size:1.2rem}.split-right p{font-size:.9rem}}body{background-color:#fff;position:relative;width:100%}Link{color:#242424!important;font-weight:700}.headline{font-family:Cinzel;font-style:italic}.footer{background-color:#f8f8f8;padding:10px 20px}.footer-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:83%}.footer-column h4{font-weight:700;margin-bottom:15px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#333;text-decoration:none;transition:color .3s}.footer-column ul li a:hover{color:#f0a500}.footer-column h3{padding-top:5%}.footer-signup h4{font-weight:700;margin-bottom:15px}.signup-box{display:flex;gap:10px;margin-bottom:20px}.signup-box input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.signup-box button{border:1px solid #333;border-radius:5px;color:#333;cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.signup-box button:hover{background-color:#333;color:#fff}.social-icons{display:flex;gap:10px}.social-icons a img{height:24px;width:24px}.logo-footer{cursor:pointer;font-size:5.5rem}@media only screen and (max-width:768px){.footer-container{grid-template-columns:repeat(2,1fr)}.signup-box{flex-direction:column}.signup-box button,.signup-box input{width:80%}}@media only screen and (max-width:480px){.footer-container{grid-template-columns:1fr}.footer-column{text-align:center}.social-icons{gap:15px;justify-content:center}.signup-box{flex-direction:column;gap:10px}.signup-box button,.signup-box input{width:80%}}.social-media-icons{display:flex;gap:15px;position:relative;right:30px;top:25px;transition:transform .5s ease}.social-media-icons ul li a:hover{color:#ffee10}.social-media-icons ul li a:hover:before{transform:scale(1.1)}.social-media-icons ul li a:before{background:#33333388;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:-4px;transform:scale(.9);transition:.5s;width:100%;z-index:-1}.navbar.scrolled .social-media-icons ul li a:before{background:#333}.social-media-icons ul li a:hover{transform:scale(1.1)}.social-media-icons ul li a:hover:before{transform:scale(1.2)}.social-media-icons ul li a:hover{color:#fff}.social-media-icons ul li a{pointer-events:auto}.social-media-icons ul li a.youtube:hover{box-shadow:0 0 15px red;color:red}.social-media-icons ul li a.facebook:hover{box-shadow:0 0 15px #3b5998;color:#3b5998}.social-media-icons ul li a.tiktok:hover{box-shadow:0 0 15px #69c9d0;color:#69c9d0}.social-media-icons ul li a.twitter:hover{box-shadow:0 0 15px #1da1f2;color:#1da1f2}.social-media-icons ul li a.instagram:hover{box-shadow:0 0 15px #c13584;color:#c13584}.social-media-icons ul li a.shopee:hover{box-shadow:0 0 15px #ee4d2d;color:#ee4d2d}.social-media-icons ul li a.lazada:hover{box-shadow:0 0 15px #f37021;color:#f37021}.social-media-icons.open{animation:slideDown .3s ease forwards;display:flex}.social-media-icons.close{opacity:0;transform:translateY(-20px)}.social-media-icons.open.close{opacity:1;transform:translateY(0)}.social-media-icons ul{display:flex;margin:0;padding:0}.social-media-icons ul li{list-style:none}.social-media-icons ul li a{background:#0000;border-radius:50%;color:#fff;display:block;font-size:25px;height:40px;line-height:40px;position:relative;right:20px;text-align:center;transition:.3s;width:40px;z-index:2000}.product-card-container{box-sizing:border-box;flex-basis:calc(33.333% - 20px);flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;margin-bottom:20px;max-width:20rem}@media (max-width:992px){.product-card-container{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;max-width:300px}}@media (max-width:576px){.product-card-container{flex:1 1 100%;max-width:300px}}.product-card{border-radius:1px;box-shadow:#0000;cursor:pointer;height:70vh;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:50vh}.product-card:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.product-card-image{height:100%;overflow:hidden;position:relative;width:100%}.product-card-image img{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;transform:scale(1.05);transition:opacity .5s ease,transform .5s ease;width:100%}.product-card-image img.active{opacity:1;transform:scale(1)}.detail-button{background-color:#000000b3;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;opacity:0;padding:10px 20px;position:absolute;right:10px;transition:opacity .3s ease}.product-card:hover .detail-button{opacity:1}.product-card-content{border-radius:5px;bottom:10px;color:#000;left:10px;padding:5px;position:absolute}.color-options{display:flex;gap:10px;margin-top:10px}.color-button{border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.product-card-info{margin-top:20px}.product-name{font-size:1.2em;font-weight:700;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#888;font-size:1em;margin:0 10px}.loading-card{background-color:#e0e0e0;overflow:hidden;position:relative}.loading-card:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.product-card-container.loading{opacity:.5}.image-placeholder{animation:placeholderShimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes placeholderShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.product-card{animation:fadeIn .5s ease forwards;animation-delay:.3s;opacity:0}.random-product-section{background-color:#fff;display:flex;justify-content:center;margin:0;padding:50px 0;width:100vw}.random-product-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.shuffle-button{background-color:#114084;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:20px;padding:10px 20px}.shuffle-button:hover{background-color:#3466aa}.product-card-container{margin-left:-5%;transition:transform .3s ease}.product-card-container img{height:100%;object-fit:cover;width:100%}.product-card-container.shuffling{animation:shuffle-fast 3s infinite}@keyframes shuffle-fast{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(10px)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}.card{background-color:#fff;border:1px solid #f1f1f1;border-radius:3px;box-shadow:12px 12px 1px #0000001a;display:flex;flex-direction:column;margin:10px auto;opacity:0;overflow:hidden;transition:opacity .5s ease-in-out;width:81%}.card.visible{opacity:1}.card-content{display:flex;flex-direction:row}.text-container{flex:1 1}.text-container h2{font-size:3rem;margin:0;padding:0}.text-container p{font-size:1.5rem;margin:0;padding-top:10%}.video-container{align-items:left;display:flex;flex:1 1;justify-content:left}.video-container video{border-radius:1px;margin-left:15%}.link-tocollection{margin:10% auto auto;width:50%}@media (max-width:768px){.card-content{flex-direction:column;margin:0;max-width:100%}.video-container{align-items:center;justify-content:center}.video-container video{height:auto;margin-left:0;width:100%}.text-container{padding:20px;text-align:center}.text-container h2{font-size:2rem}.text-container p{font-size:1.5rem;padding-top:10px}}._social-links:hover{box-shadow:-8px 0 20px #595959;padding:1em}._links-list{display:flex;flex-direction:column;gap:1em;list-style:none}._social-link a{color:#111;font-size:1.5rem;transition:all .2s ease}._social-link a:visited{color:#111}._social-link a:hover{color:hotpink;font-size:1.75rem}.sticky{z-index:99}@font-face{font-family:CINZEL;font-family:Kanit;src:url(/static/media/CINZEL-VARIABLEFONT_WGHT.2d087b545bf495f3d86d.TTF);src:url(/static/media/Kanit-Light.7b6b95563f4c5697d973.ttf)}.navbar{align-items:center;background-color:initial;color:#f5f5f5;display:flex;font-family:CINZEL;font-weight:700;height:100%;justify-content:center;pointer-events:none;position:fixed;top:0;transition:background-color 2.5s ease,height .5s ease,padding .5s ease;width:100%;z-index:900}.navbar .brand-container,.navbar .nav-links{pointer-events:auto}.brand-container{left:37%;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);transition:top .6s ease,transform .5s ease,left .5s ease}.brand-name{color:#fff;filter:drop-shadow(10px 4px 1px rgba(63,63,63,.152));font-size:20rem;text-transform:uppercase;transition:font-size .5s ease,color .5s ease}.gorgeous,.woman{cursor:pointer;display:block;font-weight:bolder}.woman{display:inline-block;transform:scaleX(1.4);transform-origin:center;transition:transform .5s ease}.nav-links{color:#fff;cursor:pointer;display:flex;font-size:20px;gap:20px;left:8%;position:absolute;top:40px;transition:top 1s ease,color .5s ease}.navbar:before{background-color:hsla(0,0%,100%,.626);bottom:0;content:"";height:0;left:0;position:absolute;transition:height .6s ease .2s;width:100%;z-index:-1}.navbar.scrolled{height:60px;justify-content:center;padding:10px 20px;pointer-events:auto}.navbar.scrolled .brand-container{left:48%;top:10%;transform:translate(-50%)}.navbar.scrolled .brand-name{color:#000;filter:none;font-size:5rem}.navbar.scrolled:before{height:100%}.navbar.scrolled .nav-links{color:#000;top:20px}@keyframes slideInMenu{0%{transform:translateX(-100%)}70%{transform:translateX(-2%)}to{transform:translateX(0)}}@keyframes slideOutMenu{0%{transform:translateX(0)}30%{transform:translateX(-10%)}to{transform:translateX(-100%)}}.sidebar{background:#fff;box-shadow:none;font-family:Kanit;height:100%;left:-100%;left:0;padding-top:50px;pointer-events:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-out;width:350px;z-index:2500}.close-button{color:#141414;font-size:24px}.slide-in{animation:slideInMenu .5s forwards}.slide-out{animation:slideOutMenu .5s forwards}.navbar .sidebar{transform:translateX(0)}.sidebar li{transition:transform .3s ease}.sidebar li .title:hover{transform:skewX(-10deg)}.backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;z-index:1400}.sidebar ul{list-style-type:none;margin:50px 0;padding:0}.sidebar li{color:#141414;cursor:pointer;padding:10px 20px;position:relative}.sidebar li:not(:last-child){border-bottom:2px solid #fff}.sidebar li:after{background-color:#535353;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:center bottom;transition:width .3s ease-out,left .3s ease-out;width:0}.sidebar li:hover:after{left:0;transform:translateX(0);width:100%}.sidebar li .nextter{opacity:0;transition:opacity .3s ease}.sidebar li:hover .nextter{opacity:1}.nav-links span{cursor:pointer;display:inline-block;padding:10px 20px}.collection-menu{background-color:#f5f5f5;box-shadow:none;font-family:Kanit;height:100%;left:-100%;overflow-y:auto;padding-top:50px;pointer-events:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-out;width:300px;z-index:2499}.collection-menu.slide-in{left:350px;transform:translateX(0)}.collection-menu .close-button{background:none;border:none;color:#141414;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.collection-menu ul{list-style-type:none;margin:50px 0;padding:0}.collection-menu li button{font-family:CINZEL;font-size:large}.collection-menu li,.collection-menu li button{color:#141414;cursor:pointer;padding:10px 20px;transition:transform .3s ease}.collection-menu li button,.collection-menu li:hover{transform:scale(1.05)}@media only screen and (max-width:768px){.navbar{padding:10px 20px}.brand-name{font-size:20rem}.sidebar{padding-top:40px;text-align:center;width:100%}.sidebar ul{margin:20px 0}.sidebar li{font-size:1.5rem;padding:15px;text-align:center}.nav-links{left:15px}}@media only screen and (max-width:480px){.navbar{padding:5px 10px}.brand-name{font-size:10rem;height:10%;margin-top:0}.navbar.scrolled .brand-name{margin-right:0;margin-top:0}.sidebar{text-align:center;width:100%}.sidebar ul{margin:10px 0}.sidebar li{font-size:1.2rem;padding:10px;text-align:center}.nav-links{font-size:1rem;left:10px}.close-button{font-size:1.5rem}}.no-scroll{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}@media (max-width:768px){.collection-menu{box-shadow:none;left:0;top:60px;transform:translateX(0);visibility:visible;width:80%;z-index:2600}.sidebar{box-shadow:none;width:100%}.collection-menu.slide-in{left:0;visibility:visible}.collection-menu ul{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.collection-menu li{font-size:1.2rem;padding:10px 20px;text-align:center}.collection-menu{max-height:80vh;overflow-y:auto;padding:10px}}body{font-family:Kanit,sans-serif}.product-card-container{width:100%}.list-page{gap:.1rem;height:100%}.product-list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.product-list>div{flex-basis:25%}@media (max-width:1200px){.product-list>div{flex-basis:33.33%}.product-list{gap:15px}}@media (max-width:768px){.product-list>div{flex-basis:50%}.product-list{gap:10px}}@media (max-width:480px){.product-list>div{flex-basis:100%}.product-list{gap:5px}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:20px;padding-bottom:10px}.pagination button,.pagination input,.pagination span{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:10px 20px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination input{text-align:center;width:20px}.pagination .active{background-color:#4e4e4e;border:1px solid #323232;color:#fff}.sort-by{margin-bottom:10px;position:relative}.sort-by-button{background-color:#fff;border:1px solid #ccc;cursor:pointer;padding:10px;text-align:left;transition:background-color .3s ease;width:100%}.sort-by-button:hover{background-color:hotpink}.sort-options{animation:fadeIn .3s ease;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;left:0;position:absolute;right:-20px;top:100%;z-index:10}.sort-options li{cursor:pointer;padding:10px;transition:background-color .3s ease}.sort-options li:hover{background-color:#747474;color:#f0f8ff}.arrow{float:right}.banner-section{height:300px;margin-bottom:20px;overflow:hidden;padding-top:5%;position:relative;width:100%}.banner-image{display:block;height:100%;object-fit:cover;width:100%}.banner-overlay{border-radius:5px;color:#171717;left:50%;padding:10px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.banner-overlay h1{color:#0d0d0d;font-size:2.5rem;margin:0;padding:0}@media (min-width:768px){.list-page{align-items:flex-end;flex-direction:column;justify-content:flex-start}}.search-filter-container{height:100%;padding-right:15%}.search-filter-container input{z-index:1}.filter-button{background-color:#333;color:#fff;margin-left:10px}.filter-drawer{background-color:#fff;box-shadow:-2px 0 5px #00000080;height:100%;overflow-y:auto;padding:20px;position:fixed;right:-400px;top:0;transition:right .3s ease-in-out;width:300px;z-index:1000}.filter-drawer.open{right:0}.filter-drawer h2{font-size:1.5rem;margin-bottom:20px}.filter-drawer ul{list-style:none;margin:0;max-height:80vh;overflow-y:auto;padding:0}.filter-drawer li{cursor:pointer;margin-bottom:20px}.filter-drawer li hr{border:none;border-top:1px solid #ccc;margin-bottom:10px;margin-top:10px}.filter-drawer .done-button{background-color:#000;border:none;color:#fff;cursor:pointer;margin-top:20px;padding:15px;text-align:center;width:100%}.filter-container{position:relative}.filter-bar{background-color:initial;height:80px;justify-content:space-between;left:59.5%;padding:10px 20px;position:relative;transition:all .3s ease;width:600px;z-index:1000}.filter-bar,.name-header{align-items:center;display:flex}.name-header{margin-left:9.1%}.filter-bar.filter-sticky{border-radius:5px;height:50px;position:fixed;right:30px;top:10px;width:600px}.search-filter-container{align-items:center;display:flex;justify-content:space-between;width:100%}.search-filter-container input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:16px;margin-right:10px;padding:10px}.filter-button{background-color:initial;border:none;border-radius:5px;color:#252525;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.filter-button:hover{background-color:#555;color:#efefef}.filter-bar-placeholder{height:80px}.style-options{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-out}.style-options.open{max-height:300px;overflow-y:auto}.style-options li{cursor:pointer;padding:10px;transition:background-color .3s ease}.backdrop{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}.backdrop.open{display:block}.style-options li:hover{background-color:#f5f5f5}@media (max-width:986px){.banner-section{padding-top:15%}}@media (max-width:768px){.banner-section{padding-top:15%}.filter-bar{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 10px;position:fixed;width:100%;z-index:9999}.list-page{margin-left:4%;padding-bottom:80px}.search-filter-container input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:14px;margin-right:5px;padding:10px}.filter-button{background-color:#333;border-radius:5px;color:#fff;font-size:14px;padding:8px 10px}.filter-sticky{display:none}}.filter-options-selected-container{padding-left:2%}.filter-options-selected{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-option-selected{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:20%;display:flex;padding:10px}.filter-option-selected button{background-color:initial;border:none;cursor:pointer;margin-left:10px;padding:0}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-box{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;padding:20px;text-align:center}.popup-box p{margin-bottom:20px}.popup-box button{background-color:hotpink;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.popup-box button:hover{background-color:#ff69b4}.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}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{border:1px solid;border-image-repeat:repeat;border-image-slice:1;border-image-source:url(data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==);-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:move;left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;-webkit-box-shadow:0 0 1px 1px #fff,0 0 0 9999em #00000080;box-shadow:0 0 1px 1px #fff,0 0 0 9999em #00000080}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%;left:33.33333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666%;left:66.66667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%;top:33.33333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666%;top:66.66667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}.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)}}.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-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;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}.collection-form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.collection-form-container h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.collection-form-container label{color:#555;display:block;font-weight:700;margin-bottom:8px}.collection-form-container input[type=text],.collection-form-container select,.collection-form-container textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.collection-form-container select{cursor:pointer}.collection-form-container textarea{min-height:100px;resize:vertical}.collection-form-container button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:100%}.collection-form-container button:hover{background-color:#218838}.collection-form-container .form-group{margin-bottom:20px}.collection-form-container select option{color:#333;font-size:16px;padding:10px}.collection-form-container .form-group:last-child{margin-bottom:0}.collection-list-container{margin:0 auto;max-width:1000px;padding:20px}h1{color:#333;text-align:center}.create-button,h1{margin-bottom:20px}.create-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-left:auto;padding:10px 20px}.create-button:hover{background-color:#218838}.collection-table{border-collapse:collapse;width:100%}.collection-table td,.collection-table th{border:1px solid #ddd;padding:12px 15px;text-align:center}.collection-table th{background-color:#f4f4f4;color:#333;font-weight:700}.collection-table tbody tr:nth-child(2n){background-color:#f9f9f9}.collection-table tbody tr:hover{background-color:#f1f1f1}.collection-img{border-radius:5px;height:50px;object-fit:cover;width:50px}.delete-button{background-color:#dc3545}.delete-button,.edit-button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.edit-button{background-color:#6347ed}.delete-button:hover{background-color:#c82333}input[type=checkbox]{cursor:pointer;transform:scale(1.2)}.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}body,html{overflow-x:hidden;width:100%}.product-detail{margin:0 auto}.product-detail,.slideshow-container{max-width:100vw;overflow-x:hidden;width:100%}.slideshow{display:flex;padding-top:5%}.images-wrapper{display:flex;transition:transform .5s ease-in-out}.product-slide{flex-shrink:0;height:100%;object-fit:cover;width:33.33333%}.video-slide{flex-shrink:0;height:70%;width:100%}.scroll-button{background:none;border:none;cursor:pointer;font-size:3rem;position:absolute;top:30%;transform:translateY(-50%);z-index:1}.scroll-button.left{left:10px}.scroll-button.right{right:10px}.product-info{margin-bottom:20%;margin-left:10%;padding:20px;width:100%}.product-info.scrolled{background-color:#ffffffe6;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;margin-bottom:0;margin-left:0;padding:10px;width:100%}.product-info{display:flex;justify-content:space-between;padding:10px;transition:all .3s ease}.product-info.scrolled{align-items:center;background-color:rgba(0,0,0,.155);border-radius:2px;bottom:10px;color:#fff;display:flex;flex-direction:column;left:50%;max-width:600px;padding:1px;position:fixed;text-align:center;transform:translateX(-50%);transition:background-color .3s ease,transform .3s ease;width:80%;z-index:500}.product-info.scrolled:hover{background-color:rgba(0,0,0,.307)}.info-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.platform-button.lazada{--c:#f1f1f1;--_g:linear-gradient(var(--c) 0 0) no-repeat;background:var(--_g) -100% 0,var(--_g) 200% 0,var(--_g) -100% 100%,var(--_g) 200% 100%;background:var(--_g) calc(var(--_p, 0%) - 100%) 0,var(--_g) calc(200% - var(--_p, 0%)) 0,var(--_g) calc(var(--_p, 0%) - 100%) 100%,var(--_g) calc(200% - var(--_p, 0%)) 100%;background-size:50.5% .5%;background-size:50.5% calc(var(--_p, 0%)/2 + .5%);box-shadow:0 0 0 .1em inset var(--c);cursor:pointer;outline-offset:.1em;padding-bottom:5%;padding-top:5%;transition:background-size .4s,background-position 0s .4s}.platform-button.lazada:hover{--_p:100%;color:#181818;transition:background-position .4s,background-size 0s}.Lazadajsx-icon{height:2rem;margin-bottom:-10%;width:2rem}.platform-button.lazada .Lazadajsx-icon path,.platform-button.lazada .Lazadajsx-icon svg{fill:#ececec!important}.platform-button.lazada:hover .Lazadajsx-icon path,.platform-button.lazada:hover .Lazadajsx-icon svg{fill:#181818!important}.platform-button.lazada:active{background-color:var(--c);box-shadow:inset 0 0 9000000000q #0009;color:#ececec}.platform-button.lazada{background-color:#000083;border:none;border-radius:1rem;color:#ececec}.platform-button span{border:none;font-family:kanit;font-size:1rem}.product-info.scrolled .info-left .price,.product-info.scrolled .info-left h2{color:#fff;margin:5px 0}.toggle-content{margin-right:30%;margin-top:10px;text-align:left}.info-right{flex:1 1;padding-left:20px}.product-info.scrolled .info-right{display:none}.size-custom{font-size:larger;margin:10px;text-align:center;width:30%}.custom-dropdown{color:#272727!important;cursor:pointer;margin-bottom:10px;position:relative;width:35vh}.dropdown-header{padding:10px}.dropdown-header,.dropdown-list{background-color:#fff;border:1px solid #ccc}.dropdown-list{box-shadow:0 8px 16px #0003;overflow-y:auto;position:absolute;width:20rem;z-index:10}.dropdown-item{cursor:pointer;padding:20px}.dropdown-item:hover{background-color:#f1f1f1}.custom-dropdown .dropdown-list.open-up{bottom:100%;margin-bottom:5px;top:auto}.product-card-Dcon{align-items:center;bottom:100px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;justify-content:center;left:5%;margin-right:0;margin-top:0;position:relative}.product-card-D h3{margin-bottom:20%;padding-bottom:35%}.product-D{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;min-width:100%;white-space:nowrap}.product-card-D{margin:20px auto;overflow:hidden;padding:0 20px;position:relative}.suggested-product-card{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.product-D{-webkit-overflow-scrolling:touch;overflow-x:auto}.product-D::-webkit-scrollbar{display:none}.color-selection{display:flex;gap:10px;justify-content:center;margin-top:15px}.color-item{border:2px solid #262626;border-radius:50%;cursor:pointer;height:30px;transition:border .3s ease;width:30px}.color-item:hover{border:2px solid #272727}.color-item.selected{border:2px solid #ff4e00}.size-selection{display:flex;gap:10px;justify-content:center;margin-top:15px;padding-bottom:2%}.size-item{background-color:#fff;border:2px solid #ccc;border-radius:4px;color:#272727;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,border-color .3s ease}.size-item:hover{background-color:#f1f1f1;border-color:#272727}.size-item.selected{background-color:#2a2a2a;border-color:#5d5d5d;color:#fff}.filter-option-selected button:hover{color:#666}@media (max-width:768px){.scroll-button{font-size:3.5rem;top:35%}.product-info{align-items:center;flex-direction:column;margin-left:-1%;width:100%}.slideshow{padding-top:20%}.info-left{margin-bottom:20px}.info-right{margin-left:20%;width:80%}.product-slide{width:100%}.images-wrapper{transition:transform .5s ease-in-out}.custom-dropdown{width:100%}.product-info.scrolled{width:95%}.product-D{flex-direction:column;gap:15px}}@media (max-width:480px){.product-info.scrolled{font-size:.9rem;padding:5px}}.toggleContainer{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.show{max-height:500px}.toggle-header{align-items:center;border-bottom:1px solid #ccc;cursor:pointer;display:flex;justify-content:space-between}.plus-minus{--primary:#1e2235;--secondary:#fafbff;--duration:.5s;-webkit-tap-highlight-color:transparent;animation:unchecked var(--duration) ease forwards;animation:var(--name,unchecked) var(--duration) ease forwards;-webkit-appearance:none;-moz-appearance:none;background-size:300% 300%;border:2px solid var(--primary);border-radius:50%;cursor:pointer;height:25px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);outline:none;overflow:hidden;perspective:240px;position:relative;transform:scale(1) translateZ(0);transform:scale(var(--scale,1)) translateZ(0);transform-style:preserve-3d;transition:transform .3s;width:25px}.plus-minus:after,.plus-minus:before{animation:unchecked-icon var(--duration) ease forwards;animation:var(--name-icon-b,var(--name-icon,unchecked-icon)) var(--duration) ease forwards;background:var(--primary);background:var(--background,var(--primary));content:"";height:0;height:var(--height,0);left:2.4px;position:absolute;top:2.5px;top:var(--top,2.5px);width:16px}.plus-minus:before{clip-path:polygon(0 6px,6px 6px,6px 0,10px 0,10px 6px,16px 6px,16px 10px,10px 10px,10px 16px,6px 16px,6px 10px,0 10px)}.plus-minus:after{--height:2.5px;--top:9px;--background:var(--secondary);--name-icon-b:var(--name-icon-a,checked-icon)}.plus-minus:active{--scale:.95}.plus-minus:checked{--name:checked;--name-icon-b:checked-icon;--name-icon-a:unchecked-icon}@keyframes checked-icon{0%{transform:translateZ(12px)}to{transform:translateX(16px) rotateY(90deg) translateZ(12px)}}@keyframes unchecked-icon{0%{transform:translateX(-16px) rotateY(-90deg) translateZ(12px)}to{transform:translateZ(12px)}}@keyframes checked{0%{background-image:radial-gradient(ellipse at center,var(--primary) 0,var(--primary) 25%,var(--secondary) 25.1%,var(--secondary) 100%);background-position:100% 50%}to{background-image:radial-gradient(ellipse at center,var(--primary) 0,var(--primary) 25%,var(--secondary) 25.1%,var(--secondary) 100%);background-position:50% 50%}}@keyframes unchecked{0%{background-image:radial-gradient(ellipse at center,var(--secondary) 0,var(--secondary) 25%,var(--primary) 25.1%,var(--primary) 100%);background-position:100% 50%}to{background-image:radial-gradient(ellipse at center,var(--secondary) 0,var(--secondary) 25%,var(--primary) 25.1%,var(--primary) 100%);background-position:50% 50%}}.size-table{border-collapse:collapse;width:100%}.size-table td,.size-table th{border-bottom:1px solid #ddd;padding:8px;text-align:center}.size-table th{background-color:#fff}.size-table tr:hover{background-color:#f5f5f5}.zoomable-image-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.zoomable-image-container{background:#fff;border-radius:10px;max-width:1200px;width:80%}.close-button{background:none;border:none;color:#090909;cursor:pointer;font-size:1.5rem;top:10px;z-index:10}.close-button,.zoom-control{position:absolute;right:10px}.zoom-control{display:flex;flex-direction:column;top:50%;transform:translateY(-50%)}.zoom-control button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-bottom:5px}.image-area{align-items:center;background-color:#f0f0f0;display:flex;height:80vh;justify-content:center;overflow:hidden;position:relative;width:100%}.zoomable-image{cursor:grab;max-height:100%;max-width:100%;transition:transform .3s ease}.thumbnail-bar{background:#f9f9f9;display:flex;overflow-x:auto;padding:10px}.thumbnail-image{border-radius:5px;cursor:pointer;height:100%;margin-right:10px;transition:transform .3s ease;width:100px}.thumbnail-image:hover{transform:scale(1.1)}.zoom-slider-container{align-items:center;display:flex;height:300px;justify-content:center;padding:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:50px;z-index:20}.zoom-slider{-webkit-appearance:none;appearance:none;background:#ccc;border-radius:5px;height:10px;opacity:.7;outline:none;transform:rotate(-90deg);transform-origin:50% 50%;transition:opacity .2s;width:300px}.zoom-slider:hover{opacity:1}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#333;border-radius:50%;cursor:pointer;height:20px;width:20px}.zoom-slider::-moz-range-thumb{background:#333;border-radius:50%;cursor:pointer;height:20px;width:20px}.zoomable-image-container{cursor:zoom-in;height:100%;overflow:hidden;position:relative;width:100%}.zoom-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.zoom-container{background:#fff;border-radius:8px;box-shadow:0 0 15px #00000080;max-height:90%;max-width:90%;padding:20px;position:relative}.zoomed-image{display:block;margin:0 auto;max-height:100%;max-width:100%}.slideshow{height:100vh;overflow:hidden;position:relative;width:100%}.slide{height:100%;left:100%;opacity:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}.slide.active{left:0;opacity:1}.slide-image,.slide-video{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.slide-content{bottom:20%;color:#fff;left:10%;max-width:50%;position:absolute;text-shadow:2px 2px 5px #000000b3}.slideshow-dots{bottom:10px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background-color:#ffffffb3;border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s;width:12px}.dot.active{background-color:#fff}.about-us-page{color:#333;margin:0 auto;max-width:82%;padding:110px 20px}.company-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.company-text{flex:1 1;padding-right:20px}.company-text h2{font-size:8rem;margin-bottom:20px}.company-text p{font-size:1.2rem;line-height:1.6}.company-image{flex:1 1;text-align:center}.company-image img{border-radius:2px;max-width:500px;width:100%}.company-video{margin-bottom:50px;text-align:center}.company-video h2{font-size:2.5rem;margin-bottom:20px}.video-container{margin:0 auto;max-width:800px}.about-video{border-radius:10px;width:100%}.contact-us{margin-bottom:50px;text-align:center}.contact-us h2{font-size:2.5rem;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:600px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:15px;width:100%}.contact-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:15px;transition:background-color .3s ease}.contact-form button:hover{background-color:#555}@media (max-width:768px){.company-info{flex-direction:column;text-align:center}.company-text{margin-bottom:20px;padding-right:0}.company-image img{max-width:100%}}.beyou-text{font-size:1.3em!important;font-weight:700;margin:auto;width:50%}
/*# sourceMappingURL=main.b27e3691.css.map*/