body{margin:0;padding:0;background-color:#e8e5e2}.scroll-fade-up,.scroll-fade-in,.scroll-zoom-in,.scroll-slide-left,.scroll-slide-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.scroll-fade-up{transform:translateY(40px)}.scroll-zoom-in{transform:scale(.95)}.scroll-slide-left{transform:translate(-40px)}.scroll-slide-right{transform:translate(40px)}.scroll-fade-up.visible,.scroll-fade-in.visible,.scroll-zoom-in.visible,.scroll-slide-left.visible,.scroll-slide-right.visible{opacity:1;transform:translateY(0) translate(0) scale(1)}.scroll-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-stagger.visible>*:nth-child(1){transition-delay:.05s}.scroll-stagger.visible>*:nth-child(3){transition-delay:.15s}.scroll-stagger.visible>*:nth-child(4){transition-delay:.2s}.scroll-stagger.visible>*:nth-child(5){transition-delay:.25s}.scroll-stagger.visible>*:nth-child(6){transition-delay:.3s}.scroll-stagger.visible>*:nth-child(7){transition-delay:.35s}.scroll-stagger.visible>*:nth-child(8){transition-delay:.4s}.scroll-stagger.visible>*:nth-child(9){transition-delay:.45s}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in{animation:fadeIn .6s ease-out forwards}.zoom-in{animation:zoomIn .7s ease-out forwards}.slide-in-left{animation:slideInLeft .7s ease-out forwards}.slide-in-right{animation:slideInRight .7s ease-out forwards}.stagger-children>*{opacity:0;animation:fadeInUp .6s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(7){animation-delay:.7s}.stagger-children>*:nth-child(8){animation-delay:.8s}.page-enter{animation:pageEnter .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-stagger.visible>*,.scroll-fade-up.visible,.scroll-fade-in.visible,.scroll-zoom-in.visible,.scroll-slide-left.visible,.scroll-slide-right.visible{opacity:1;transform:none}@keyframes forceVisible{to{opacity:1;transform:none}}.scroll-stagger>*{animation:forceVisible .1s ease-out 2s forwards}.scroll-fade-up,.scroll-fade-in,.scroll-zoom-in,.scroll-slide-left,.scroll-slide-right{animation:forceVisible .1s ease-out 2s forwards}@media (max-width: 768px){.scroll-fade-up,.scroll-fade-in,.scroll-zoom-in,.scroll-slide-left,.scroll-slide-right{opacity:1!important;transform:none!important;animation:none!important}.scroll-stagger>*{opacity:1!important;transform:none!important;animation:none!important}}.cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1199;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cart-modal-overlay.open{opacity:1;visibility:visible}.cart-modal{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#fff;z-index:1200;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a}.cart-modal.open{right:0}.cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;border-bottom:none}.cart-modal-header h2{font-family:Kanit,sans-serif;font-size:20px;font-weight:600;color:#000;margin:0}.cart-modal-close{background:none;border:none;cursor:pointer;padding:5px;color:#000;transition:opacity .2s}.cart-modal-close:hover{opacity:.6}.cart-modal-count{font-family:Kanit,sans-serif;font-size:14px;color:#666;padding:0 25px 20px;margin:0}.cart-modal-items{flex:1;overflow-y:auto;padding:0 25px}.cart-modal-empty{display:flex;align-items:center;justify-content:center;height:200px}.cart-modal-empty p{font-family:Poppins;font-size:14px;color:#666}.cart-modal-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e5e5e5}.cart-modal-item:last-child{border-bottom:none}.cart-modal-item-image{width:120px;height:160px;flex-shrink:0;overflow:hidden;background-color:#f5f5f5}.cart-modal-item-image img{width:100%;height:100%;object-fit:cover}.cart-modal-item-info{flex:1;display:flex;flex-direction:column;gap:3px}.cart-modal-item-name{font-family:Poppins;font-size:16px;font-weight:500;color:#000;margin:0}.cart-modal-item-category,.cart-modal-item-code{font-family:Poppins;font-size:12px;color:#666;margin:0}.cart-modal-item-size{font-family:Poppins;font-size:12px;color:#666;margin:5px 0 0}.cart-modal-item-price{font-family:Poppins;font-size:14px;font-weight:500;color:#000;margin:5px 0 0}.cart-modal-item-actions{display:flex;align-items:center;gap:20px;margin-top:10px}.cart-modal-quantity{display:flex;align-items:center;border:1px solid #ddd}.cart-modal-quantity button{width:30px;height:30px;border:none;background:transparent;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:background .2s}.cart-modal-quantity button:hover:not(:disabled){background:#f5f5f5}.cart-modal-quantity button:disabled{opacity:.3;cursor:not-allowed}.cart-modal-quantity span{width:35px;text-align:center;font-family:Poppins;font-size:14px}.cart-modal-remove{font-family:Poppins;font-size:12px;color:#666;background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s}.cart-modal-remove:hover{color:#000}.cart-modal-footer{padding:20px 25px 25px;border-top:1px solid #e5e5e5;background:#fff}.cart-modal-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cart-modal-subtotal span{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000}.cart-modal-buttons{display:flex;gap:10px}.cart-modal-view-btn{flex:1;padding:14px 20px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;text-align:center;text-decoration:none;color:#000;background:#fff;border:1px solid #000;cursor:pointer;transition:all .3s ease}.cart-modal-view-btn:hover{background:#f5f5f5}.cart-modal-checkout-btn{flex:1;padding:14px 20px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff;background:#000;border:1px solid #000;cursor:pointer;transition:all .3s ease;text-decoration:none}.cart-modal-checkout-btn:hover{background:#333}@media (max-width: 480px){.cart-modal{width:100%;right:-100%}.cart-modal-item-image{width:100px;height:130px}.cart-modal-item-name{font-size:14px}.cart-modal-buttons{flex-direction:column}}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal-overlay.open{opacity:1;visibility:visible}.login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:90%;max-width:450px;max-height:90vh;background-color:#faf9f7;z-index:9999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 40px #0003;border-radius:8px;overflow:hidden}.login-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.login-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;cursor:pointer;padding:8px;color:#666;transition:color .2s;z-index:10}.login-modal-close:hover{color:#000}.login-modal-header{text-align:center;padding:40px 40px 20px;background-color:#fff}.login-modal-logo{margin-bottom:15px}.login-modal-title{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;color:#000;margin:0 0 8px}.login-modal-subtitle{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin:0;font-weight:400}.login-modal-content{flex:1;overflow-y:auto;padding:30px 40px 40px;background-color:#faf9f7}.google-loading{text-align:center;color:#666;font-size:14px;margin-bottom:15px;font-family:Kanit,sans-serif}.divider{display:flex;align-items:center;text-align:center;color:#999;font-size:13px;font-family:Kanit,sans-serif;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.login-modal-form{margin-bottom:25px}.login-modal-form .form-group{margin-bottom:20px}.login-modal-form .form-group label{display:block;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:#333;margin-bottom:8px}.login-modal-form .form-group input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:4px;font-family:Kanit,sans-serif;font-size:14px;transition:all .2s;box-sizing:border-box;background-color:#fff}.login-modal-form .form-group input:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.login-modal-form .form-group input.error{border-color:#e53935}.login-modal-form .form-group input.error:focus{box-shadow:0 0 0 3px #e539351a}.login-modal-form .error-message{display:block;color:#e53935;font-family:Kanit,sans-serif;font-size:12px;margin-top:6px}.login-modal-form .error-message:before{content:"⚠ "}.login-modal-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.login-modal-form .checkbox-label{display:flex;align-items:center;gap:6px;color:#666;cursor:pointer;font-family:Kanit,sans-serif}.login-modal-form .checkbox-label input{cursor:pointer;width:auto}.login-modal-form .forgot-link{color:#9a8c7a;text-decoration:none;font-family:Kanit,sans-serif;font-weight:500}.login-modal-form .forgot-link:hover{text-decoration:underline;color:#7a6e5f}.login-modal-button{width:100%;padding:14px;background:#000;color:#fff;border:none;border-radius:4px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.login-modal-button:hover:not(:disabled){background:#333}.login-modal-button:disabled{opacity:.6;cursor:not-allowed}.login-modal-footer{text-align:center;padding-top:20px;border-top:1px solid #ddd}.login-modal-footer p{color:#666;font-family:Kanit,sans-serif;font-size:13px;margin:0}.login-modal-footer .register-link{color:#9a8c7a;text-decoration:none;font-weight:600}.login-modal-footer .register-link:hover{text-decoration:underline;color:#7a6e5f}@media (max-width: 640px){.login-modal{width:95%;max-height:95vh;border-radius:6px}.login-modal-header{padding:35px 30px 20px}.login-modal-content{padding:25px 30px 35px}.login-modal-title{font-size:22px}.login-modal-form .form-options{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 380px){.login-modal-header{padding:30px 25px 18px}.login-modal-content{padding:20px 25px 30px}.login-modal-title{font-size:20px}}.user-layout{display:flex;flex-direction:column;min-height:100vh}.user-layout.has-hero-slider{position:relative}.user-layout.has-hero-slider .header-logo{position:absolute;top:0;left:0;right:0;z-index:999;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.4) 75%,transparent 100%);border-bottom:none;padding-bottom:100px;pointer-events:none}.user-layout.has-hero-slider .header-logo .navbar-logo{pointer-events:auto}.user-layout.has-hero-slider .navbar-new{position:absolute;top:154px;left:0;right:0;z-index:1000;background-color:transparent;pointer-events:auto}.user-layout.has-hero-slider .navbar-new.navbar-scrolled{position:fixed;top:0;background-color:#e8e5e2!important;box-shadow:0 2px 10px #0000001a;animation:navbarSlideDown .3s ease}@keyframes navbarSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.user-layout.has-hero-slider .user-content{padding-top:0}.user-content{flex:1}.header-logo{display:flex;justify-content:center;padding:25px 20px 20px;background-color:#e8e5e2;border-bottom:1px solid #e5e5e5;position:relative;z-index:1001;transition:background-color .3s ease}.header-logo.header-transparent{background-color:transparent;border-bottom:none}.navbar-logo{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center}.logo-main{font-family:Cormorant Garamond,Times New Roman,serif;font-size:52px;font-weight:400;font-style:italic;color:#9a8c7a;line-height:1;letter-spacing:2px}.logo-subtitle{font-family:Cormorant Garamond,Times New Roman,serif;font-size:14px;font-weight:500;color:#666;letter-spacing:4px;margin-top:5px;text-transform:uppercase}.logo-divider{width:180px;height:1px;background-color:#ccc;margin:12px 0}.logo-tagline{font-family:Cormorant Garamond,Times New Roman,serif;font-size:11px;font-weight:400;color:#999;letter-spacing:2px;text-transform:uppercase;text-align:center;line-height:1.5}.navbar-new{background-color:#e8e5e2;position:sticky;top:0;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.navbar-new.navbar-transparent{background-color:transparent}.navbar-new.navbar-transparent .brand-link,.navbar-new.navbar-transparent .brand-link:hover,.navbar-new.navbar-transparent .home-icon{color:#fff}.navbar-new.navbar-transparent .nav-icon-btn{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-new.navbar-transparent .nav-icon-btn:hover{background-color:#000}.navbar-new.navbar-transparent .nav-user-btn{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-new.navbar-transparent .nav-user-btn:hover{background-color:#000}.navbar-new.navbar-scrolled{background-color:#e8e5e2!important;box-shadow:0 2px 10px #0000001a}.navbar-new.navbar-scrolled .brand-link{color:#888}.navbar-new.navbar-scrolled .brand-link:hover{color:#000}.navbar-new.navbar-scrolled .home-icon{color:#9a8c7a}.navbar-new.navbar-scrolled .nav-icon-btn{background-color:#000;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar-new.navbar-scrolled .nav-icon-btn:hover{background-color:#555}.navbar-new.navbar-scrolled .nav-user-btn{background-color:#000;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar-new.navbar-scrolled .nav-user-btn:hover{background-color:#555}.navbar-new-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;max-width:1440px;margin:0 auto;position:sticky;top:0}.navbar-left{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#888;font-size:16px;font-weight:500;letter-spacing:1px;transition:color .3s}.brand-link:hover{color:#000}.home-icon{color:#9a8c7a}.navbar-right{display:flex;align-items:center;gap:8px}.nav-search{display:flex;align-items:center;overflow:hidden;width:0;opacity:0;transition:all .3s ease}.nav-search.open{width:300px;opacity:1;margin-right:8px}.search-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-input-icon{position:absolute;left:12px;color:#999;pointer-events:none}.nav-search input{border:1px solid #ddd;border-radius:4px;outline:none;font-size:13px;padding:10px 15px 10px 38px;width:100%;background:#fff;transition:border-color .3s}.nav-search input:focus{border-color:#9a8c7a}.nav-search input:focus+.search-input-icon,.nav-search input:focus~.search-input-icon{color:#9a8c7a}.nav-search input::placeholder{color:#999}.search-submit-btn{display:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background-color:#000;color:#fff;border:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.search-submit-btn:hover{background-color:#333}.search-submit-btn svg{width:14px;height:14px}.search-toggle{transition:transform .3s}.search-toggle:hover{transform:scale(1.05)}.nav-icon-btn{width:40px;height:40px;border-radius:50%;background-color:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;text-decoration:none;position:relative}.nav-icon-btn:hover{background-color:#555;transform:scale(1.05)}.nav-icon-btn svg{stroke:#fff}.lang-btn{font-size:12px;font-weight:600;letter-spacing:1px}.cart-btn{position:relative}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:#707070;color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#e8e5e2;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease-out}.page-loading-content{text-align:center}.page-loading-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.page-loading-logo-image{width:300px;height:auto;animation:logoFadeIn .8s ease}.page-loading-spinner{display:flex;justify-content:center;gap:8px}.loading-dot{width:8px;height:8px;background-color:#9a8c7a;border-radius:50%;animation:loadingBounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.footer{background-color:#1a1a1a;color:#fff;padding:50px 40px;position:relative}.footer-container{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:60px}.footer-left{flex:1}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.footer-logo-image{width:180px;height:auto}.footer-logo-main{font-family:Cormorant Garamond,serif;font-size:42px;font-style:italic;color:#9a8c7a;line-height:1}.footer-logo-subtitle{font-family:Cormorant Garamond,serif;font-size:12px;color:#888;letter-spacing:3px;margin-top:5px}.footer-logo-divider{width:120px;height:1px;background-color:#444;margin:10px 0}.footer-logo-tagline{font-size:10px;color:#666;letter-spacing:1px;line-height:1.5}.footer-copyright{font-size:11px;color:#666;margin:20px 0}.footer-social{display:flex;gap:15px}.social-link{width:36px;height:36px;border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;transition:all .3s}.social-link:hover{border-color:#9a8c7a;color:#9a8c7a}.footer-right{flex:1;display:flex;flex-direction:column;gap:20px}.footer-contact-item{display:flex;align-items:flex-start;gap:15px}.contact-icon{width:36px;height:36px;border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#888}.contact-text{font-size:13px;color:#888;text-decoration:none;line-height:1.6;font-style:normal;transition:color .3s}.contact-text:hover{color:#9a8c7a}.contact-label{color:#9a8c7a;font-weight:500}.contact-icon-hidden{visibility:hidden}.scroll-to-top{position:absolute;top:50%;transform:translateY(-50%);right:40px;width:40px;height:40px;background-color:transparent;color:#666;border:1px solid #444;border-radius:50%;cursor:pointer;opacity:1;visibility:visible;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:10}.scroll-to-top:hover{border-color:#9a8c7a;color:#9a8c7a}@media (max-width: 992px){.footer-container{flex-direction:column;gap:40px}.footer-logo{align-items:center}.footer-left{text-align:center}.footer-social{justify-content:center}}@media (max-width: 768px){.header-logo{padding:20px 15px 15px}.logo-main{font-size:40px}.logo-subtitle{font-size:12px;letter-spacing:3px}.logo-divider{width:140px}.logo-tagline{font-size:10px}.navbar-new-container{padding:12px 15px}.brand-link span{display:none}.nav-search.open{width:200px}.nav-search input{padding:8px 40px 8px 34px;font-size:12px}.search-input-icon{left:10px;width:14px;height:14px}.search-submit-btn{display:flex;width:28px;height:28px}.nav-icon-btn{width:36px;height:36px}.nav-icon-btn svg{width:16px;height:16px}.user-layout.has-hero-slider .navbar-new{top:130px}.footer{padding:40px 20px}.footer-contact-item{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.logo-main{font-size:36px}.navbar-new-container{padding:10px 12px}.nav-search.open{width:160px}.nav-search input{padding:8px 38px 8px 32px}.search-submit-btn{width:26px;height:26px}.search-submit-btn svg{width:12px;height:12px}.nav-icon-btn{width:34px;height:34px;gap:5px}.lang-btn{font-size:10px}.nav-user-name,.nav-user-arrow{display:none}.user-layout.has-hero-slider .navbar-new{top:110px}}@media (max-width: 400px){.header-logo{padding:12px 10px 10px}.navbar-logo img{width:120px!important;height:auto!important}.user-layout.has-hero-slider .header-logo{padding-bottom:50px}.user-layout.has-hero-slider .navbar-new{top:85px}.navbar-new-container{padding:8px 10px}.navbar-right{gap:5px}.nav-icon-btn{width:32px;height:32px}.nav-icon-btn svg{width:14px;height:14px}.lang-btn{font-size:9px}.nav-search.open{width:130px}.nav-search input{padding:6px 34px 6px 28px;font-size:11px}.search-input-icon{left:8px;width:12px;height:12px}.search-submit-btn{width:24px;height:24px;right:3px}.search-submit-btn svg{width:11px;height:11px}.footer{padding:30px 15px}.footer-logo-main{font-size:32px}.footer-logo-subtitle{font-size:10px;letter-spacing:2px}.contact-text{font-size:12px}.scroll-to-top{width:36px;height:36px;right:15px}.footer-logo-image{width:140px}}.user-menu-container{position:relative}.nav-user-btn{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background-color:#000;border:none;border-radius:50px;cursor:pointer;transition:all .3s}.nav-user-btn:hover{background-color:#555}.nav-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.nav-user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-transform:uppercase;border:2px solid rgba(255,255,255,.5)}.nav-user-name{font-size:13px;font-weight:500;color:#fff;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-arrow{color:#fff;transition:transform .2s}.nav-user-btn:hover .nav-user-arrow{transform:translateY(2px)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:#e8e5e2;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1100;animation:dropdownFade .2s ease;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#000;color:#fff}.dropdown-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.dropdown-avatar-placeholder{width:45px;height:45px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;text-transform:uppercase;border:2px solid rgba(255,255,255,.3)}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{display:block;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background-color:#eee}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:#333;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background-color .2s}.user-dropdown-item:hover{background-color:#f5f5f5}.user-dropdown-item svg{color:#666}.user-dropdown-item.logout{color:#e53935}.user-dropdown-item.logout:hover{background-color:#ffebee}.user-dropdown-item.logout svg{color:#e53935}@media (max-width: 768px){.nav-user-btn{padding:4px;border-radius:50%}.nav-user-name,.nav-user-arrow{display:none}.user-dropdown{right:-50px;width:240px}}@media (max-width: 576px){.page-loading-logo-image{width:160px}}.scroll-fade-up{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-fade-up.visible{opacity:1;transform:translateY(0)}.scroll-fade-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-fade-left.visible{opacity:1;transform:translate(0)}.scroll-fade-right{opacity:0;transform:translate(40px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-fade-right.visible{opacity:1;transform:translate(0)}.scroll-zoom-in{opacity:0;transform:scale(.95);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-zoom-in.visible{opacity:1;transform:scale(1)}.scroll-fade{opacity:0;transition:opacity .6s ease-out}.scroll-fade.visible{opacity:1}.scroll-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-stagger.visible>*:nth-child(1){transition-delay:0s}.scroll-stagger.visible>*:nth-child(2){transition-delay:.1s}.scroll-stagger.visible>*:nth-child(3){transition-delay:.2s}.scroll-stagger.visible>*:nth-child(4){transition-delay:.3s}.scroll-stagger.visible>*:nth-child(5){transition-delay:.4s}.scroll-stagger.visible>*:nth-child(6){transition-delay:.5s}.scroll-stagger.visible>*:nth-child(7){transition-delay:.6s}.scroll-stagger.visible>*:nth-child(8){transition-delay:.7s}.scroll-stagger.visible>*{opacity:1;transform:translateY(0)}.scroll-row{opacity:0;transform:translateY(50px);transition:opacity .7s ease-out,transform .7s ease-out}.scroll-row.visible{opacity:1;transform:translateY(0)}.scroll-row>*{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-row.visible>*:nth-child(1){transition-delay:0s}.scroll-row.visible>*:nth-child(2){transition-delay:.15s}.scroll-row.visible>*:nth-child(3){transition-delay:.3s}.scroll-row.visible>*:nth-child(4){transition-delay:.45s}.scroll-row.visible>*:nth-child(5){transition-delay:.6s}.scroll-row.visible>*{opacity:1;transform:translateY(0) scale(1)}.scroll-delay-1{transition-delay:.1s!important}.scroll-delay-2{transition-delay:.2s!important}.scroll-delay-3{transition-delay:.3s!important}.scroll-delay-4{transition-delay:.4s!important}.scroll-delay-5{transition-delay:.5s!important}.dealer-badge-nav{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,gold,orange);color:#333;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.dealer-badge-nav svg{fill:#333}.dropdown-avatar-wrapper{position:relative;flex-shrink:0}.dealer-star-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #000}.dealer-star-badge svg{fill:#333}.dropdown-user-name-row{display:flex;align-items:center;gap:8px}.dealer-badge-dropdown{display:inline-flex;align-items:center;background:linear-gradient(135deg,gold,orange);color:#333;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.dealer-badge-nav{display:none}}.admin-container{display:flex;min-height:100vh;height:100vh;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-sidebar{background:#0f172a;height:auto;padding:24px 16px;position:relative;transition:width .3s ease;display:flex;flex-direction:column;border-right:1px solid #1e293b}.admin-sidebar.open{width:260px}.admin-sidebar.closed{width:72px}.sidebar-toggle-btn{position:absolute;right:-14px;top:32px;width:28px;height:28px;background-color:#0f172a;border:1px solid #334155;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s ease;z-index:10}.sidebar-toggle-btn:hover{background-color:#1e293b;color:#f1f5f9;border-color:#475569}.admin-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 4px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-text{color:#f8fafc;font-size:18px;font-weight:600;margin:0;white-space:nowrap;letter-spacing:-.3px}.admin-nav{flex:1;overflow-y:auto;overflow-x:hidden}.admin-nav::-webkit-scrollbar{width:4px}.admin-nav::-webkit-scrollbar-track{background:transparent}.admin-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.admin-menu{list-style:none;padding:0;margin:0}.admin-menu li{margin-bottom:4px}.admin-menu-item{display:flex;align-items:center;gap:12px;padding:12px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s ease;text-decoration:none}.admin-menu-item:hover{background-color:#1e293b;color:#f1f5f9}.admin-menu-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-divider{margin:16px 0 8px;padding:0 12px}.divider-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.divider-line{height:1px;background:#1e293b}.sidebar-bottom{margin-top:auto;padding-top:16px}.sidebar-divider{height:1px;background:#1e293b;margin:16px 0}.back-link{display:flex;align-items:center;gap:12px;padding:12px;color:#10b981;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .15s ease;background:#10b9811a;border:1px solid transparent}.back-link:hover{background:#10b98126;border-color:#10b9814d}.admin-profile{display:flex;align-items:center;gap:12px;padding:12px;background-color:#1e293b;border-radius:10px}.profile-avatar{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.profile-info{flex:1;min-width:0;overflow:hidden}.profile-name{color:#f1f5f9;font-size:14px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{color:#64748b;font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content{flex:1;background-color:#f8fafc;min-height:100vh;overflow-y:auto}@media (max-width: 768px){.admin-sidebar.open{width:240px}.admin-sidebar.closed{width:64px}.admin-sidebar{padding:16px 12px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f8f7f5;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-content{text-align:center;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.loading-logo-image{width:300px;height:auto;animation:logoFadeIn .8s ease}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.spinner-dot{width:8px;height:8px;border-radius:50%;background-color:#c4b8a8;animation:dotPulse 1.4s ease-in-out infinite}.spinner-dot:nth-child(1){animation-delay:0s}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-line{width:60px;height:2px;background-color:#e5e0d8;border-radius:2px;overflow:hidden;position:relative}.loading-line:after{content:"";position:absolute;top:0;left:-60px;width:60px;height:100%;background-color:#9a8c7a;animation:lineMove 1.2s ease-in-out infinite}@keyframes lineMove{0%{left:-60px}to{left:60px}}.loading-screen.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width: 576px){.loading-logo-image{width:220px}.spinner-dot{width:6px;height:6px}}.home-container{width:100%}.home-loading{width:100%;min-height:100vh;background-color:#e8e5e2;display:flex;align-items:center;justify-content:center}.loading-content{text-align:center}.loading-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.loading-logo-main{font-family:Cormorant Garamond,serif;font-size:56px;font-style:italic;color:#9a8c7a;line-height:1}.loading-logo-subtitle{font-family:Cormorant Garamond,serif;font-size:14px;color:#666;letter-spacing:4px;margin-top:5px}.loading-logo-tagline{font-size:10px;color:#999;letter-spacing:2px;margin-top:10px;line-height:1.5;text-align:center}.loading-spinner{display:flex;justify-content:center;gap:8px}.spinner-dot{width:8px;height:8px;background-color:#9a8c7a;border-radius:50%;animation:spinnerBounce 1.4s ease-in-out infinite both}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes spinnerBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.hero-slider{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;z-index:1}.slider-wrapper{position:relative;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.slider-wrapper.loaded{opacity:1}.slider-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e8e4df,#d4cec6,#e8e4df);z-index:5}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;overflow:hidden}.slide.active{opacity:1}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:#d4cec6;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:scale(1) translateZ(0);transition:transform 6s linear;pointer-events:none}.slide:nth-child(1) .slide-bg{transform:scale(1) translateZ(0)}.slide:nth-child(1).active .slide-bg{transform:scale(1.08) translateZ(0)}.slide:nth-child(odd):not(:first-child).active .slide-bg{transform:scale(1.08) translateZ(0)}.slide:nth-child(2n) .slide-bg{transform:scale(1.08) translateZ(0)}.slide:nth-child(2n).active .slide-bg{transform:scale(1) translateZ(0)}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#00000026,#0000000d,#0000);pointer-events:none}.slide-content{position:absolute;top:58%;left:38%;transform:translate(-50%,-50%);z-index:2;text-align:left;width:100%;max-width:800px;padding:0 120px}.slide-subtitle{display:block;font-family:Kanit,sans-serif;font-size:52px;font-weight:600;color:#fff;text-transform:uppercase}.slide-title{font-family:Kanit,sans-serif;font-size:52px;font-weight:600;color:#fff;text-transform:uppercase;line-height:1.2;margin:0 0 15px}.slide-description{font-family:Kanit,sans-serif;font-size:24px;font-weight:500;color:#ffffffe6;text-transform:uppercase;margin:0 0 35px}.slide-btn{display:inline-block;padding:16px 40px;background-color:#000;color:#fff;font-family:Jost,sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-decoration:none;border:2px solid black;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:color .4s ease,letter-spacing .3s ease,transform .3s ease}.slide-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.slide-btn:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#9a8c7a;transition:width .4s ease;z-index:-2}.slide-btn:hover{color:#fff;letter-spacing:5px;border-color:#9a8c7a;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.slide-btn:hover:before{left:100%}.slide-btn:hover:after{width:100%}.slide-btn:active{transform:translateY(0);box-shadow:0 5px 15px #0003}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:80px;background:none!important;background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease,transform .3s ease;z-index:10;padding:0;outline:none}.slider-arrow:hover{color:#fff;transform:translateY(-50%) scale(1.15);background:none!important}.slider-arrow:focus{outline:none;background:none!important}.slider-arrow.prev{left:30px}.slider-arrow.next{right:30px}.slider-arrow svg{width:60px;height:60px;stroke-width:1.5}.slider-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:background-color .3s ease;animation:dotWave 1.8s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}.dot:nth-child(4){animation-delay:.45s}.dot:nth-child(5){animation-delay:.6s}.dot:nth-child(6){animation-delay:.75s}@keyframes dotWave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dot:hover{background-color:#fffc}.dot.active{background-color:#e8e5e2;animation:dotWaveActive 1.8s ease-in-out infinite}.dot.active:nth-child(1){animation-delay:0s}.dot.active:nth-child(2){animation-delay:.15s}.dot.active:nth-child(3){animation-delay:.3s}.dot.active:nth-child(4){animation-delay:.45s}@keyframes dotWaveActive{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.15)}}.category-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin:1rem 0;padding:0}.category-item{position:relative;display:block;text-decoration:none;overflow:hidden;aspect-ratio:21 / 9;width:100%;max-height:300px}.category-image{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-color:#d4cec6;transition:transform .6s ease}.category-item:hover .category-image{transform:scale(1.05)}.category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;transition:background-color .3s ease}.category-item:hover .category-overlay{background-color:#00000059}.category-text{position:absolute;top:50%;left:60px;transform:translateY(-50%);text-align:left;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.category-name{font-family:Jost,sans-serif;font-size:24px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;transition:all .3s ease}.category-subtitle{font-family:Kanit,sans-serif;font-size:24px;font-weight:400;color:#ffffffe6;letter-spacing:1px;white-space:nowrap;transition:all .3s ease}.category-item:hover .category-name{letter-spacing:5px}.category-item:hover .category-subtitle{letter-spacing:2px}@media (max-width: 1200px){.slide-content{left:35%;top:55%;padding:0 100px}.slide-title{font-size:44px}.slider-arrow.prev{left:30px}.slider-arrow.next{right:30px}}@media (max-width: 1024px){.hero-slider{height:70vh;min-height:500px}.slide-content{left:50%;top:55%;padding:0 100px;max-width:700px;text-align:left}.slide-title,.slide-subtitle{font-size:30px;letter-spacing:1px}.slide-description{font-size:14px;letter-spacing:.5px}.slide-btn{font-size:16px;padding:12px 30px}.slider-arrow svg{width:26px;height:26px}}@media (max-width: 768px){.hero-slider{height:45vh;min-height:320px}.slide-content{left:50px;top:auto;bottom:60px;transform:none;padding:0;text-align:left;max-width:65%;width:auto}.slide-title{font-size:22px;letter-spacing:0}.slide-subtitle{font-size:22px;letter-spacing:0;margin-bottom:6px}.slide-description{font-size:12px;letter-spacing:0;margin-bottom:15px}.slide-btn{padding:10px 24px;font-size:13px;letter-spacing:0}.slider-arrow{width:50px;height:50px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.slider-arrow svg{width:32px;height:32px;stroke-width:1}.slider-dots{bottom:25px;gap:10px}.dot{width:8px;height:8px}@keyframes dotWave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dotWaveActive{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.15)}}.category-grid{gap:2px}.category-name{font-size:14px;letter-spacing:2px}.category-subtitle{font-size:12px}}@media (max-width: 576px){.hero-slider{height:60vh;min-height:380px}.slide-content{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;padding:0 50px!important;text-align:center!important;max-width:95%!important;width:calc(100% - 100px)!important;z-index:5!important}.slide-title{font-size:18px!important;letter-spacing:0!important;color:#fff!important;opacity:1!important}.slide-subtitle{font-size:18px!important;letter-spacing:0!important;margin-bottom:4px!important;color:#fff!important;opacity:1!important}.slide-description{font-size:10px!important;letter-spacing:0!important;margin-bottom:12px!important;color:#ffffffe6!important;opacity:1!important}.slide-btn{padding:8px 20px!important;font-size:11px!important;letter-spacing:.5px!important;opacity:1!important;display:inline-block!important}.slider-arrow{width:40px;height:40px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.slider-arrow svg{width:28px;height:28px;stroke-width:1}.slider-dots{bottom:20px}.category-grid{grid-template-columns:1fr}.category-item{aspect-ratio:16 / 9}.category-name{font-size:13px;letter-spacing:2px}.category-subtitle{font-size:11px}.category-text{gap:4px}}@media (max-width: 400px){.hero-slider{height:42vh;min-height:280px}.slide-content{position:absolute!important;left:45px!important;top:auto!important;bottom:50px!important;transform:none!important;padding:0!important;text-align:left!important;max-width:70%!important;width:auto!important;z-index:5!important}.slide-title{font-size:20px!important;line-height:1.3!important;color:#fff!important;opacity:1!important;margin-bottom:8px!important}.slide-subtitle{font-size:20px!important;line-height:1.3!important;margin-bottom:6px!important;color:#fff!important;opacity:1!important}.slide-description{font-size:12px!important;line-height:1.4!important;margin-bottom:16px!important;color:#ffffffe6!important;opacity:1!important}.slide-btn{padding:12px 24px!important;font-size:13px!important;letter-spacing:1px!important;opacity:1!important;display:inline-block!important}.slider-arrow{width:40px;height:40px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.slider-arrow svg{width:24px;height:24px}.slider-dots{bottom:20px;gap:10px}.dot{width:8px;height:8px}.category-grid{grid-template-columns:1fr;gap:8px;padding:0 8px;margin:8px 0}.category-item{aspect-ratio:16 / 10}.category-name{font-size:16px;letter-spacing:2px}.category-subtitle{font-size:14px}.category-text{gap:6px}}.cart-page{width:100%;background-color:#e8e5e2;min-height:60vh;font-family:Kanit,sans-serif}.cart-breadcrumb{padding:15px 20px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#888;letter-spacing:1px;margin:0 auto;max-width:1440px;box-sizing:border-box}.cart-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.cart-breadcrumb a:hover{color:#000}.cart-breadcrumb span{margin:0 8px;color:#000}.cart-title-wrapper{text-align:center;margin:40px 0 60px}.cart-title{font-family:Kanit,sans-serif;font-size:42px;font-weight:400;color:#b2a8a2;text-align:center;letter-spacing:6px;margin:0 0 35px}.cart-title-divider{width:150px;height:1px;background-color:#b2a8a2;margin:0 auto}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;padding:40px 20px}.cart-empty svg{margin-bottom:24px}.cart-empty h2{font-family:Kanit,sans-serif;font-size:24px;font-weight:500;color:#333;margin:0 0 12px}.cart-empty p{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin:0 0 32px}.continue-shopping-btn{display:inline-block;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#000;text-decoration:none;padding:15px 40px;letter-spacing:2px;transition:all .3s ease}.continue-shopping-btn:hover{background:#333}.cart-container{max-width:1200px;margin:0 auto;padding:0 40px 60px}.cart-content{display:grid;grid-template-columns:1fr 379px;gap:60px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:30px}.cart-item{display:flex;gap:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5}.item-image{width:191px;height:261px;flex-shrink:0;overflow:hidden;background-color:#f5f5f5}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1;display:flex;flex-direction:column;gap:5px}.item-name{font-family:Kanit,sans-serif;font-size:18px;font-weight:500;color:#000;margin:0}.item-category,.item-code,.item-size{font-family:Kanit,sans-serif;font-size:14px;font-weight:400;color:#666;margin:0}.item-price{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;margin:15px 0 0}.item-actions{display:flex;flex-direction:row;align-items:center;gap:30px;margin-top:15px}.quantity-controls{display:flex;align-items:center;border:1px solid #ddd}.quantity-controls button{width:36px;height:36px;border:none;background:transparent;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#000}.quantity-controls button:hover:not(:disabled){background:#f5f5f5}.quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls span{width:50px;text-align:center;font-family:Kanit,sans-serif;font-size:16px;font-weight:500}.remove-btn{font-family:Kanit,sans-serif;font-size:14px;font-weight:400;color:#666;background:transparent;border:none;cursor:pointer;text-decoration:underline;transition:color .2s;padding:0}.remove-btn:hover{color:#000}.cart-summary{background:#fff;padding:30px 35px;position:sticky;border:1px solid black;top:100px;width:379px;height:348px;box-sizing:border-box;display:flex;flex-direction:column}.cart-summary h2{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0 0 20px;letter-spacing:1px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-family:Kanit,sans-serif;font-size:14px;color:#333}.summary-row span:first-child{flex:1;text-align:left}.summary-row span:last-child{flex:1;text-align:right;color:#000}.summary-row.total{font-size:16px;font-weight:600;color:#000;padding:15px 0 0}.summary-row.total span:last-child{color:#000}.summary-divider{height:1px;background:#ddd;margin:8px 0}.shipping-note{color:#9a8c7a;font-size:13px}.summary-note{font-size:12px;color:#888;text-align:center;margin:10px 0 0}.free-shipping-progress{background:#f8f7f5;border-radius:10px;padding:15px;margin:15px 0}.free-shipping-achieved{display:flex;align-items:center;justify-content:center;gap:8px;color:#10b981;font-weight:600;font-size:14px}.free-shipping-achieved svg{stroke:#10b981}.progress-text{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;margin-bottom:10px}.progress-text svg{color:#9a8c7a;flex-shrink:0}.progress-text strong{color:#9a8c7a}.progress-bar{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#9a8c7a,#c4b8a8);border-radius:4px;transition:width .3s ease}.progress-threshold{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-top:5px}.checkout-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:15px;background:#000;color:#fff;border:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;margin-top:auto;transition:background .3s;text-decoration:none;text-align:center;box-sizing:border-box}.checkout-btn:hover{background:#333}.related-section{max-width:1440px;margin:0 auto;padding:60px 40px}.related-title{font-family:Kanit,sans-serif;font-size:24px;font-weight:400;color:#000;text-align:center;margin:0 0 50px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.related-item{text-decoration:none;display:block}.related-image{width:100%;height:520px;background-size:cover;background-position:center;background-color:#f5f5f5;margin-bottom:15px;transition:transform .4s ease}.related-item:hover .related-image{transform:scale(1.02)}.related-info{padding:0}.related-name{font-family:Kanit,sans-serif;font-size:18px;font-weight:500;color:#000;margin:0 0 8px}.related-material{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#666;margin:0;display:none}.cart-bottom-cta{text-align:center;padding:20px 40px 80px}.see-other-btn{display:inline-block;font-family:Kanit,sans-serif;font-size:20px;font-weight:600;color:#000;letter-spacing:2px;text-decoration:none;padding:15px 50px;border:2px solid #000;background:transparent;transition:all .3s ease}.see-other-btn:hover{background:#000;color:#fff}@media (max-width: 1200px){.cart-content{grid-template-columns:1fr 350px;gap:40px}}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr;gap:40px}.cart-summary{position:static;max-width:500px;margin:0 auto}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cart-breadcrumb{padding:15px 20px;font-size:12px}.cart-title{font-size:28px;letter-spacing:4px;margin:30px 0 40px}.cart-container{padding:0 20px 40px}.cart-item{flex-direction:column;gap:20px}.item-image{width:100%;height:250px}.item-actions{justify-content:flex-start}.related-section{padding:40px 20px}.related-title{font-size:24px;margin-bottom:30px}.related-grid{gap:20px}.cart-bottom-cta{padding:20px 20px 60px}.see-other-btn{font-size:14px;padding:12px 30px}}@media (max-width: 576px){.cart-breadcrumb{padding:12px 15px;font-size:10px}.cart-title{font-size:22px;letter-spacing:3px;margin:25px 0 35px}.cart-container{padding:0 15px 30px}.cart-items{gap:20px}.cart-item{padding-bottom:20px}.item-image{height:200px}.item-name{font-size:16px}.item-category,.item-code,.item-size{font-size:12px}.item-price{font-size:14px}.quantity-controls button{width:32px;height:32px;font-size:16px}.quantity-controls span{width:40px;font-size:14px}.cart-summary{padding:25px}.cart-summary h2{font-size:16px;margin-bottom:20px}.summary-row{font-size:14px}.summary-row.total{font-size:18px}.checkout-btn{padding:14px;font-size:14px}.related-section{padding:30px 15px}.related-title{font-size:20px;letter-spacing:3px;margin-bottom:25px}.related-grid{grid-template-columns:repeat(2,1fr);gap:15px}.related-name{font-size:14px}.related-material{font-size:11px}.cart-bottom-cta{padding:15px 15px 50px}.see-other-btn{font-size:12px;padding:12px 25px;letter-spacing:1.5px}.cart-empty h2{font-size:20px}.cart-empty p{font-size:13px}.continue-shopping-btn{font-size:12px;padding:12px 30px}}.checkout-page{width:100%;background-color:#e8e5e2;min-height:60vh;font-family:Kanit,sans-serif}.checkout-breadcrumb{padding:15px 20px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#888;letter-spacing:1px;margin:0 auto;max-width:1440px;box-sizing:border-box}.checkout-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.checkout-breadcrumb a:hover{color:#000}.checkout-breadcrumb span{margin:0 8px;color:#000}.checkout-title-wrapper{text-align:center;margin:40px 0 60px}.checkout-title{font-family:Kanit,sans-serif;font-size:42px;font-weight:400;color:#b2a8a2;text-align:center;letter-spacing:6px;margin:0 0 35px}.checkout-title-divider{width:150px;height:1px;background-color:#b2a8a2;margin:0 auto}.checkout-container{max-width:1200px;margin:0 auto;padding:0 40px 60px}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:40px;background:#fff;padding:30px 35px;border:1px solid #e5e5e5}.checkout-section{border-bottom:1px solid #e5e5e5;padding-bottom:40px}.checkout-section:last-child{border-bottom:none;padding-bottom:0}.saved-addresses{margin-bottom:30px}.saved-addresses .form-label{display:block;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#333;margin-bottom:15px}.address-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.address-option{display:flex;align-items:flex-start;gap:12px;padding:20px;border:1px solid #ddd;cursor:pointer;transition:all .2s;background:#fff}.address-option:hover{border-color:#9a8c7a}.address-option.active{border-color:#000;background-color:#faf9f7}.address-option input[type=radio]{width:18px;height:18px;accent-color:#000;cursor:pointer;flex-shrink:0;margin-top:2px}.address-option-content{flex:1;min-width:0}.address-option-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.address-label{font-family:Kanit,sans-serif;font-size:14px;font-weight:600;color:#000;text-transform:uppercase}.default-badge{font-family:Kanit,sans-serif;font-size:11px;font-weight:500;color:#fff;background-color:#9a8c7a;padding:2px 8px;border-radius:2px}.address-recipient{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#000;margin:0 0 4px}.address-detail{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:0 0 2px;line-height:1.4}.address-phone{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:8px 0 0}.address-option.new-address{justify-content:center}.address-option.new-address input[type=radio]{display:none}.address-option.new-address .address-option-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;text-align:center;width:100%}.new-address-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:50%;margin-bottom:10px;color:#666;transition:all .2s}.address-option.new-address:hover .new-address-icon{border-color:#9a8c7a;color:#9a8c7a}.address-option.new-address.active .new-address-icon{border-color:#000;color:#000}.address-option.new-address span{font-family:Kanit,sans-serif;font-size:14px;color:#666}.checkout-section h2{font-family:Kanit,sans-serif;font-size:20px;font-weight:600;color:#000;margin:0 0 25px;letter-spacing:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#333}.form-group label .required{color:#e53e3e;margin-left:2px}.form-group input,.form-group select,.form-group textarea{font-family:Kanit,sans-serif;font-size:14px;padding:14px 16px;border:1px solid #ddd;background:#fff;color:#000;transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9a8c7a;box-shadow:0 0 0 2px #9a8c7a1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.payment-methods{display:flex;flex-direction:column;gap:15px}.payment-method{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #ddd;cursor:pointer;transition:all .2s}.payment-method:hover{border-color:#9a8c7a}.payment-method.active{border-color:#000;background-color:#faf9f7}.payment-method input[type=radio]{width:20px;height:20px;accent-color:#000;cursor:pointer}.payment-method-info{flex:1}.payment-method-info h3{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;margin:0 0 4px}.payment-method-info p{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:0}.payment-method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#666}.bank-details{margin-top:20px;padding:25px;background-color:#faf9f7;border:1px solid #e5e5e5}.bank-details h4{font-family:Kanit,sans-serif;font-size:16px;font-weight:600;color:#000;margin:0 0 15px}.bank-info{display:flex;flex-direction:column;gap:10px}.bank-info p{font-family:Kanit,sans-serif;font-size:14px;color:#333;margin:0}.bank-info p strong{font-weight:600}.promptpay-details{margin-top:20px;padding:25px;background-color:#faf9f7;border:1px solid #e5e5e5}.promptpay-details h4{font-family:Kanit,sans-serif;font-size:16px;font-weight:600;color:#000;margin:0 0 20px;text-align:center}.promptpay-qr-container{display:flex;flex-direction:column;align-items:center;gap:20px}.promptpay-qr-wrapper{background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.promptpay-qr-image{width:200px;height:auto;display:block}.promptpay-info{text-align:center}.promptpay-name{font-family:Kanit,sans-serif;font-size:15px;color:#333;margin:0 0 5px}.promptpay-name strong{font-weight:600}.promptpay-name-en{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:0 0 15px}.promptpay-note{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:0 0 8px}.promptpay-reminder{font-family:Kanit,sans-serif;font-size:13px;color:#9a8c7a;font-weight:500;margin:0}.checkout-summary{background:#fff;padding:30px 35px;position:sticky;border:1px solid black;top:100px;box-sizing:border-box;display:flex;flex-direction:column}.checkout-summary h2{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0 0 25px;letter-spacing:1px}.summary-items{display:flex;flex-direction:column;gap:20px;max-height:300px;overflow-y:auto;padding-right:10px;margin-bottom:20px}.summary-items::-webkit-scrollbar{width:4px}.summary-items::-webkit-scrollbar-track{background:#f5f5f5}.summary-items::-webkit-scrollbar-thumb{background:#ddd}.summary-item{display:flex;gap:15px}.summary-item-image{width:70px;height:90px;flex-shrink:0;overflow:hidden;background-color:#f5f5f5}.summary-item-image img{width:100%;height:100%;object-fit:cover}.summary-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.summary-item-name{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#000;margin:0;line-height:1.3}.summary-item-size,.summary-item-qty{font-family:Kanit,sans-serif;font-size:12px;color:#666;margin:0}.summary-item-price{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#000;margin:0}.summary-totals{border-top:1px solid #e5e5e5;padding-top:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-family:Kanit,sans-serif;font-size:14px;color:#333}.summary-row span:last-child{color:#000}.summary-row.total{font-size:18px;font-weight:600;color:#000;padding:15px 0 0;border-top:1px solid #ddd;margin-top:10px}.summary-row.shipping-row{flex-wrap:wrap}.summary-row .free-shipping{display:flex;align-items:center;gap:8px}.summary-row .original-price{text-decoration:line-through;color:#999;font-size:12px}.summary-row .free-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.summary-row .shipping-pending{color:#9a8c7a;font-style:italic;font-size:13px}.shipping-info-row{display:flex;justify-content:flex-end;gap:20px;padding:5px 0 10px;font-size:12px;color:#666}.shipping-region,.shipping-days{display:flex;align-items:center;gap:5px}.shipping-region svg,.shipping-days svg{color:#9a8c7a}.free-shipping-notice{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:10px 15px;border-radius:8px;font-size:13px;font-weight:500;margin:10px 0}.free-shipping-notice svg{color:#f59e0b;flex-shrink:0}.place-order-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:16px;background:#000;color:#fff;border:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;margin-top:25px;transition:background .3s;text-decoration:none;text-align:center;box-sizing:border-box}.place-order-btn:hover{background:#333}.place-order-btn:disabled{background:#ccc;cursor:not-allowed}.checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;padding:40px 20px}.checkout-empty svg{margin-bottom:24px}.checkout-empty h2{font-family:Kanit,sans-serif;font-size:24px;font-weight:500;color:#333;margin:0 0 12px}.checkout-empty p{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin:0 0 32px}.back-to-cart-btn{display:inline-block;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#000;text-decoration:none;padding:15px 40px;letter-spacing:2px;transition:all .3s ease}.back-to-cart-btn:hover{background:#333}.order-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background-color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.success-icon svg{color:#fff}.order-success h2{font-family:Kanit,sans-serif;font-size:28px;font-weight:500;color:#000;margin:0 0 15px}.order-success p{font-family:Kanit,sans-serif;font-size:16px;color:#666;margin:0 0 10px}.order-number{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:20px 0 30px}.continue-shopping-link{display:inline-block;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;color:#000;background:transparent;text-decoration:none;padding:15px 40px;letter-spacing:2px;border:2px solid #000;transition:all .3s ease}.continue-shopping-link:hover{background:#000;color:#fff}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#e53e3e}.error-message{font-family:Kanit,sans-serif;font-size:12px;color:#e53e3e;margin-top:4px}@media (max-width: 1200px){.checkout-content{grid-template-columns:1fr 350px;gap:40px}}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr;gap:40px}.checkout-summary{position:static;max-width:100%;order:-1}.summary-items{max-height:200px}.address-options{grid-template-columns:1fr}}@media (max-width: 768px){.checkout-breadcrumb{padding:15px 20px;font-size:12px}.checkout-title{font-size:28px;letter-spacing:4px;margin:30px 0 40px}.checkout-container{padding:0 20px 40px}.form-row{grid-template-columns:1fr}.checkout-section h2{font-size:18px}.payment-method{padding:15px}.payment-method-info h3{font-size:14px}.payment-method-info p{font-size:12px}.bank-details,.promptpay-details{padding:20px}.promptpay-qr-image{width:180px}.address-option{padding:15px}.address-label,.address-recipient{font-size:13px}.address-detail,.address-phone{font-size:12px}}@media (max-width: 576px){.checkout-breadcrumb{padding:12px 15px;font-size:10px}.checkout-title{font-size:22px;letter-spacing:3px;margin:25px 0 35px}.checkout-container{padding:0 15px 30px}.checkout-section{padding-bottom:30px}.checkout-section h2{font-size:16px;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:14px}.checkout-summary{padding:25px 20px}.checkout-summary h2{font-size:16px}.summary-item-image{width:60px;height:75px}.summary-item-name,.summary-row{font-size:13px}.summary-row.total{font-size:16px}.place-order-btn{padding:14px;font-size:13px}.checkout-empty h2{font-size:20px}.checkout-empty p{font-size:13px}.back-to-cart-btn{font-size:12px;padding:12px 30px}.order-success h2{font-size:22px}.order-success p{font-size:14px}}.checkout-steps{display:flex;align-items:flex-start;justify-content:center;max-width:700px;margin:0 auto 50px;padding:0 20px}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:150px}.step-number{width:44px;height:44px;border-radius:50%;background-color:#e5e5e5;color:#999;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-size:16px;font-weight:600;margin-bottom:12px;transition:all .3s ease;position:relative;z-index:2}.step.active .step-number{background-color:#000;color:#fff;box-shadow:0 4px 12px #0003}.step.completed .step-number{background-color:#22c55e;color:#fff}.step-label{font-family:Kanit,sans-serif;font-size:13px;color:#999;text-align:center;transition:color .3s ease;white-space:nowrap}.step.active .step-label{color:#000;font-weight:500}.step.completed .step-label{color:#22c55e}.step-line{position:absolute;top:22px;left:calc(50% + 28px);width:calc(100% - 56px);height:3px;background-color:#e5e5e5;z-index:1}.step.completed .step-line{background-color:#22c55e}.step:last-child .step-line{display:none}.step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-nav-buttons{display:flex;gap:15px;margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5}.back-step-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;background:transparent;color:#000;border:1px solid #000;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-step-btn:hover{background:#f5f5f5}.next-step-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;background:#000;color:#fff;border:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.next-step-btn:hover{background:#333}.next-step-btn:disabled{background:#ccc;cursor:not-allowed}.slip-upload-section{margin-top:30px}.slip-upload-section h3{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0 0 20px}.slip-upload-box{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#faf9f7}.slip-upload-box:hover{border-color:#9a8c7a;background:#f5f3f0}.slip-upload-box.has-file{border-style:solid;border-color:#22c55e;background:#f0fdf4}.upload-icon{margin-bottom:15px;color:#999}.slip-upload-box:hover .upload-icon{color:#9a8c7a}.upload-instruction{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#333;margin:0 0 8px}.upload-hint{font-family:Kanit,sans-serif;font-size:13px;color:#999;margin:0}.upload-error{font-family:Kanit,sans-serif;font-size:13px;color:#e53e3e;margin-top:10px}.slip-required-message{display:flex;align-items:center;gap:8px;font-family:Kanit,sans-serif;font-size:14px;color:#d97706;background-color:#fef3c7;padding:12px 16px;border-radius:8px;margin-top:20px;border:1px solid #fcd34d}.slip-required-message svg{flex-shrink:0;color:#d97706}.slip-verify-section{margin-top:25px;text-align:center}.verify-slip-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-family:Kanit,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.verify-slip-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.verify-slip-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.verify-hint{font-family:Kanit,sans-serif;font-size:13px;color:#64748b;margin:10px 0 0}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.verification-error{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:20px}.verification-error svg{flex-shrink:0;color:#dc2626;margin-top:2px}.verification-error .error-content{flex:1}.verification-error .error-content strong{font-family:Kanit,sans-serif;font-size:14px;color:#dc2626;display:block;margin-bottom:4px}.verification-error .error-content p{font-family:Kanit,sans-serif;font-size:13px;color:#7f1d1d;margin:0}.verification-result{margin-top:25px;border-radius:12px;overflow:hidden}.verification-result.success{border:2px solid #22c55e;background:#f0fdf4}.verification-result.warning{border:2px solid #f59e0b;background:#fffbeb}.verification-header{display:flex;align-items:center;gap:12px;padding:16px 20px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.verification-result.success .verification-header{background:#dcfce7;color:#166534}.verification-result.warning .verification-header{background:#fef3c7;color:#92400e}.verification-details{padding:20px}.verification-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.verification-row:last-child{border-bottom:none}.verification-row .label{font-family:Kanit,sans-serif;font-size:14px;color:#64748b}.verification-row .value{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#1e293b;display:flex;align-items:center;gap:8px}.verification-row .value.match{color:#16a34a}.verification-row .value.match svg{color:#22c55e}.verification-row .value.mismatch{color:#dc2626}.verification-row .value.mismatch svg{color:#ef4444}.verification-mismatch-info{padding:16px 20px;background:#fef3c7;border-top:1px solid #fcd34d}.verification-mismatch-info p{font-family:Kanit,sans-serif;font-size:13px;color:#92400e;margin:0 0 6px}.verification-mismatch-info p:last-child{margin-bottom:0}.verification-mismatch-info strong{color:#78350f}.slip-preview-container{margin-top:20px;position:relative;display:inline-block}.slip-preview-wrapper{position:relative;display:inline-block;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}.slip-preview-image{max-width:300px;max-height:400px;display:block}.remove-slip-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-slip-btn:hover{background:#e53e3ee6}.slip-filename{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin-top:10px;text-align:center}.order-info-box{background:#faf9f7;border:1px solid #e5e5e5;padding:25px;margin-bottom:30px}.order-info-box h4{font-family:Kanit,sans-serif;font-size:16px;font-weight:600;color:#000;margin:0 0 15px}.order-info-row{display:flex;justify-content:space-between;padding:8px 0;font-family:Kanit,sans-serif;font-size:14px}.order-info-row span:first-child{color:#666}.order-info-row span:last-child{color:#000;font-weight:500}.order-info-row.total{border-top:1px solid #ddd;margin-top:10px;padding-top:15px;font-size:16px}.order-info-row.total span:last-child{font-weight:600}.cod-details{margin-top:20px;padding:25px;background-color:#faf9f7;border:1px solid #e5e5e5}.cod-details h4{font-family:Kanit,sans-serif;font-size:16px;font-weight:600;color:#000;margin:0 0 15px}.cod-info{display:flex;flex-direction:column;gap:10px}.cod-info p{font-family:Kanit,sans-serif;font-size:14px;color:#333;margin:0}.cod-note{font-family:Kanit,sans-serif;font-size:13px;color:#9a8c7a;font-style:italic;margin-top:5px}.promptpay-amount{font-family:Kanit,sans-serif;font-size:24px;font-weight:700;color:#000;margin:15px 0;text-align:center}.promptpay-amount-label{font-size:14px;font-weight:400;color:#666;display:block;margin-bottom:5px}.bank-note{font-family:Kanit,sans-serif;font-size:13px;color:#9a8c7a;margin-top:15px;padding-top:15px;border-top:1px dashed #ddd}@media (max-width: 768px){.checkout-steps{margin-bottom:40px;max-width:100%}.step{max-width:120px}.step-number{width:38px;height:38px;font-size:14px}.step-label{font-size:11px}.step-line{top:19px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px}.checkout-nav-buttons{flex-direction:row}.back-step-btn{flex:0 0 auto;padding:14px 20px}.next-step-btn{flex:1}.slip-upload-box{padding:30px 15px}.slip-preview-image{max-width:250px}}@media (max-width: 576px){.checkout-steps{margin-bottom:30px;padding:0 10px}.step{max-width:90px}.step-number{width:32px;height:32px;font-size:12px;margin-bottom:8px}.step-label{font-size:9px;white-space:normal;line-height:1.2}.step-line{top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px}.checkout-nav-buttons{flex-direction:column;gap:10px}.back-step-btn,.next-step-btn{width:100%}.slip-upload-box{padding:25px 10px}.upload-instruction{font-size:14px}.upload-hint{font-size:12px}.slip-preview-image{max-width:200px;max-height:300px}.order-info-box{padding:20px 15px}.order-info-row{font-size:13px}.promptpay-amount{font-size:20px}}.credit-card-form{margin-top:20px;padding:25px;background-color:#f9f9f9;border-radius:12px}.credit-card-form h4{margin:0 0 15px;font-size:16px;font-weight:600;color:#333}.test-mode-notice{display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;font-size:13px;color:#856404}.test-mode-notice svg{flex-shrink:0;stroke:#856404}.card-form-row{margin-bottom:15px}.card-form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card-form-group{display:flex;flex-direction:column}.card-form-group label{font-size:13px;font-weight:500;color:#333;margin-bottom:6px}.card-form-group input{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:Kanit,monospace;transition:border-color .2s,box-shadow .2s}.card-form-group input:focus{outline:none;border-color:#333;box-shadow:0 0 0 2px #0000000d}.card-form-group.error input{border-color:#dc3545}.card-form-group .error-message{color:#dc3545;font-size:12px;margin-top:5px}.test-cards-info{margin-top:20px;padding:15px;background-color:#e9ecef;border-radius:8px;font-size:12px;color:#666}.test-cards-info p{margin:0 0 8px}.test-cards-info ul{margin:0;padding-left:20px}.test-cards-info li{margin-bottom:4px;font-family:Consolas,Monaco,monospace}@media (max-width: 600px){.card-form-row.two-col{grid-template-columns:1fr}.credit-card-form{padding:20px 15px}.test-mode-notice{flex-direction:column;text-align:center}}.saved-cards-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.saved-cards-title{font-size:14px;font-weight:500;color:#666;margin:0 0 15px}.saved-cards-list{display:flex;flex-direction:column;gap:10px}.saved-card-option{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.saved-card-option:hover{border-color:#d1d5db;background:#fafafa}.saved-card-option.selected{border-color:#9a8c7a;background:linear-gradient(135deg,#faf9f8,#f5f3f0)}.saved-card-option input[type=radio]{display:none}.saved-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.saved-card-icon svg{border-radius:4px}.saved-card-info{flex:1;display:flex;flex-direction:column;gap:3px}.saved-card-number{font-family:Courier New,monospace;font-size:15px;font-weight:500;color:#333;letter-spacing:1px}.saved-card-expiry{font-size:12px;color:#888}.saved-card-default{background:linear-gradient(135deg,#9a8c7a,#7d7165);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.saved-card-option.new-card{border-style:dashed;background:#fafafa}.saved-card-option.new-card:hover{background:#f5f5f5}.saved-card-option.new-card.selected{border-style:solid;border-color:#9a8c7a;background:linear-gradient(135deg,#faf9f8,#f5f3f0)}.new-card-icon{width:32px;height:22px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:4px;color:#666}.new-card-text{font-size:14px;color:#666;font-weight:500}.save-card-option{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.save-card-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.save-card-checkbox input[type=checkbox]{display:none}.save-card-checkbox .checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.save-card-checkbox input[type=checkbox]:checked+.checkmark{background:#9a8c7a;border-color:#9a8c7a}.save-card-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.save-card-text{font-size:14px;color:#555}@media (max-width: 768px){.saved-card-option{padding:12px;gap:12px}.saved-card-number{font-size:14px}.saved-card-default{font-size:10px;padding:2px 8px}}.account-page{min-height:100vh;background-color:#e8e5e2;padding:40px 20px;font-family:Kanit,Poppins,sans-serif}.account-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:30px}.account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.account-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.account-loading p{margin-top:15px;color:#6b7280}.account-sidebar{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;height:fit-content}.user-info{display:flex;flex-direction:column;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.user-avatar-wrapper{position:relative;width:100px;height:100px}.user-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#b2a8a2,#9a8c7a);display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid #E8E5E2;box-shadow:0 4px 12px #0000001a}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{color:#fff;font-size:32px;font-weight:600;text-transform:uppercase}.avatar-upload-overlay{position:absolute;bottom:0;right:0;width:34px;height:34px;background:#9a8c7a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #E8E5E2;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000026}.avatar-upload-overlay:hover{background:#7a6e5f;transform:scale(1.05)}.upload-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;margin:0;padding:0}.upload-btn svg{width:18px;height:18px}.avatar-actions{display:flex;gap:10px;margin-top:10px;width:100%;justify-content:center}.btn-save-avatar,.btn-cancel-avatar{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save-avatar{background:#9a8c7a;color:#fff}.btn-save-avatar:hover:not(:disabled){background:#7a6e5f}.btn-save-avatar:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-avatar{background:#f3f4f6;color:#374151}.btn-cancel-avatar:hover{background:#e5e7eb}.user-name h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.user-name p{font-size:13px;color:#6b7280;margin:0;word-break:break-all}.dealer-badge-account{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,gold,orange);color:#333;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-top:10px;box-shadow:0 2px 8px #ffd70066;animation:dealerBadgeGlow 2s ease-in-out infinite alternate}.dealer-badge-account svg{fill:#333}.dealer-badge-account span{letter-spacing:.5px}@keyframes dealerBadgeGlow{0%{box-shadow:0 2px 8px #ffd70066}to{box-shadow:0 4px 16px #ffd70099}}.account-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:none;border:none;border-radius:8px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s;text-align:left;width:100%}.nav-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-item.active{background-color:#9a8c7a;color:#fff;font-weight:500}.nav-item.logout{margin-top:10px;color:#ef4444}.nav-item.logout:hover{background-color:#fef2f2}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-icon svg{width:20px;height:20px}.nav-badge{margin-left:auto;background:#9a8c7a;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.nav-item.active .nav-badge{background:#fff;color:#9a8c7a}.account-content{min-height:500px}.content-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.section-header h2{font-size:20px;font-weight:600;color:#000;margin:0;letter-spacing:.5px}.btn-edit{padding:8px 20px;background-color:transparent;color:#9a8c7a;border:1px solid #9a8c7a;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background-color:#9a8c7a;color:#fff}.btn-add,.btn-action{padding:8px 20px;background-color:#9a8c7a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add:hover,.btn-action:hover{background-color:#7a6e5f}.btn-save{padding:10px 25px;background-color:#9a8c7a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:#7a6e5f}.btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-cancel{padding:10px 25px;background-color:#f3f4f6;color:#4b5563;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background-color:#e5e7eb}.profile-form,.modal-form{max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.form-group input:disabled,.form-group select:disabled,.form-group input.disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group .hint{display:block;font-size:12px;color:#9ca3af;margin-top:5px}.form-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e7eb}.form-checkbox{margin-bottom:20px}.form-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#4b5563}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.addresses-list{display:flex;flex-direction:column;gap:15px}.address-card{border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:border-color .2s}.address-card:hover{border-color:#d1d5db}.address-card.default{border-color:#9a8c7a;background-color:#f9f7f5}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.address-label{display:flex;align-items:center;gap:8px}.label-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#6b7280}.label-icon svg{width:18px;height:18px}.label-text{font-weight:600;color:#1f2937}.default-badge{background-color:#9a8c7a;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.address-actions{display:flex;gap:10px}.btn-icon{padding:5px 12px;background:none;border:1px solid #d1d5db;border-radius:5px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s}.btn-icon:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-icon.danger{color:#ef4444;border-color:#fecaca}.btn-icon.danger:hover{background-color:#fef2f2;border-color:#ef4444}.address-body{color:#4b5563;font-size:14px;line-height:1.6}.address-body .recipient{margin:0 0 5px;color:#1f2937}.address-body .address-text,.address-body .address-region{margin:0}.btn-set-default{margin-top:12px;padding:6px 14px;background:none;border:1px solid #9a8c7a;color:#9a8c7a;border-radius:5px;font-size:13px;cursor:pointer;transition:all .2s}.btn-set-default:hover{background-color:#9a8c7a;color:#fff}.address-limit-hint{text-align:center;color:#6b7280;font-size:13px;margin-top:20px}.address-limit-hint.warning{color:#f59e0b}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon svg{width:64px;height:64px}.empty-state p{font-size:16px;margin:0 0 20px}.btn-add-first,.btn-shop{display:inline-block;padding:12px 30px;background-color:#9a8c7a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s}.btn-add-first:hover,.btn-shop:hover{background-color:#7a6e5f}.security-options{display:flex;flex-direction:column;gap:15px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f9fafb;border-radius:10px}.security-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 5px}.security-info p{font-size:13px;color:#6b7280;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.connected{background-color:#d1fae5;color:#059669}.status-badge.not-connected{background-color:#f3f4f6;color:#6b7280}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlide .3s ease}.modal-content.modal-small{max-width:400px}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.modal-close{width:32px;height:32px;background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#4b5563}.modal-form{padding:25px;max-width:none}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e7eb}@media (max-width: 900px){.account-container{grid-template-columns:1fr}.account-sidebar{order:-1}.user-info{flex-direction:column;text-align:center}.account-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-item{flex:0 0 auto;padding:10px 15px}.nav-item.logout{margin-top:0}}@media (max-width: 640px){.account-page{padding:20px 15px}.content-section{padding:20px}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.form-row{grid-template-columns:1fr}.address-header{flex-direction:column;align-items:flex-start;gap:10px}.security-item{flex-direction:column;align-items:flex-start;gap:15px}.modal-form{padding:20px}}.btn-view-history{color:#9a8c7a;font-size:14px;text-decoration:none;transition:color .2s}.btn-view-history:hover{color:#7a6e5f;text-decoration:underline}.order-status-tabs{display:flex;justify-content:space-around;padding:15px 0;margin-bottom:20px;border-bottom:1px solid #e5e7eb;gap:0}.status-tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 25px;background:transparent;border:none;cursor:pointer;position:relative;transition:all .2s;border-radius:8px;min-width:80px}.status-tab:hover{background:#f5f5f5}.status-tab.active{background:#f5f3f0}.status-tab.active .tab-icon{color:#9a8c7a}.status-tab.active .tab-label{color:#333;font-weight:600}.tab-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s}.tab-icon svg{width:22px;height:22px}.tab-label{font-size:12px;color:#666;white-space:nowrap;transition:all .2s}.tab-count{position:absolute;top:5px;right:15px;background:#9a8c7a;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (max-width: 640px){.order-status-tabs{padding:10px 0;gap:0}.status-tab{padding:8px 12px;min-width:60px}.tab-icon{width:30px;height:30px}.tab-icon svg{width:20px;height:20px}.tab-label{font-size:10px}.tab-count{top:2px;right:5px;min-width:14px;height:14px;font-size:9px}}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.orders-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#9a8c7a;border-radius:50%;animation:spin .8s linear infinite}.order-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.order-status-badges{display:flex;gap:8px}.order-item .item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f0f0f0;flex-shrink:0}.order-actions{display:flex;gap:12px;padding:15px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-confirm-delivery{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-confirm-delivery:hover{background:#218838;transform:translateY(-1px)}.btn-confirm-delivery svg{stroke:#fff}.btn-report-issue{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#dc3545;border:1px solid #dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-report-issue:hover{background:#dc3545;color:#fff}.btn-report-issue:hover svg{stroke:#fff}.btn-report-issue svg{stroke:#dc3545;transition:stroke .2s ease}@media (max-width: 768px){.order-header{flex-direction:column;gap:12px}.order-status-badges{flex-wrap:wrap}.order-footer{flex-direction:column;gap:10px;align-items:flex-start}.order-actions{flex-direction:column;gap:10px}.btn-confirm-delivery,.btn-report-issue{width:100%;justify-content:center}}.cards-list{display:flex;flex-direction:column;gap:15px}.card-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.card-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.card-item.default{border-color:#9a8c7a;background:linear-gradient(135deg,#faf9f8,#f5f3f0)}.card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:40px}.card-icon svg{border-radius:4px}.card-details{flex:1;display:flex;flex-direction:column;gap:6px}.card-brand-number{display:flex;align-items:center;gap:12px}.card-brand{font-weight:600;color:#333;font-size:14px;text-transform:uppercase}.card-number{font-family:Courier New,monospace;font-size:15px;color:#555;letter-spacing:1px}.card-brand-number .default-badge{background:linear-gradient(135deg,#9a8c7a,#7d7165);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.card-info{display:flex;gap:20px;font-size:13px;color:#666}.card-holder{font-weight:500}.card-expiry{color:#888}.card-actions{display:flex;align-items:center;gap:10px}.card-actions .btn-set-default{background:transparent;border:1px solid #9a8c7a;color:#9a8c7a;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.card-actions .btn-set-default:hover{background:#9a8c7a;color:#fff}.card-actions .btn-delete-card{background:transparent;border:1px solid #e5e7eb;color:#999;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.card-actions .btn-delete-card:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.cards-limit-hint{text-align:center;margin-top:20px;font-size:13px;color:#666}.cards-limit-hint.warning{color:#f59e0b}.empty-hint{font-size:13px;color:#999;margin-top:8px}.btn-add-card-empty{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;background:#b2a8a2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-card-empty:hover{background:#9a8c7a;transform:translateY(-1px)}.card-input-wrapper{position:relative;display:flex;align-items:center}.card-input-wrapper input{flex:1;padding-right:60px}.card-brand-indicator{position:absolute;right:12px;display:flex;align-items:center}.card-brand-indicator svg{width:36px;height:24px}.test-mode-notice{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;font-size:13px;color:#92400e}.test-mode-notice svg{flex-shrink:0;color:#f59e0b}.form-group.error input{border-color:#ef4444;background:#fef2f2}.form-group .error-message{display:block;margin-top:5px;font-size:12px;color:#ef4444}@media (max-width: 768px){.card-item{flex-direction:column;align-items:flex-start;gap:15px}.card-icon{align-self:flex-start}.card-brand-number{flex-wrap:wrap}.card-info{flex-direction:column;gap:5px}.card-actions{width:100%;justify-content:flex-end}.btn-add-card-empty{width:100%;justify-content:center}}.my-reviews-list{display:flex;flex-direction:column;gap:20px}.my-review-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.my-review-header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px;background:#f8f7f6;border-bottom:1px solid #e5e7eb}.my-review-header .review-product-info{display:flex;gap:15px;align-items:center;text-decoration:none;color:inherit;transition:opacity .2s}.my-review-header a.review-product-info:hover{opacity:.8}.my-review-header a.review-product-info:hover .product-name{color:#9a8c7a}.my-review-header .product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.my-review-header .product-image img{width:100%;height:100%;object-fit:cover}.my-review-header .product-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.my-review-header .product-details{display:flex;flex-direction:column;gap:4px}.my-review-header .product-name{font-size:14px;font-weight:500;color:#333;margin:0}.my-review-header .order-number{font-size:12px;color:#666;margin:0}.my-review-header .review-date{font-size:12px;color:#666}.my-review-content{padding:20px}.my-review-content .review-rating{display:flex;align-items:center;gap:4px;margin-bottom:12px}.my-review-content .review-rating svg{width:20px;height:20px}.my-review-content .rating-text{margin-left:8px;font-size:14px;color:#666}.my-review-content .review-text{font-size:14px;color:#333;line-height:1.6;margin:0 0 15px}.my-review-content .review-images{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.my-review-content .review-images img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s}.my-review-content .review-images img:hover{transform:scale(1.05)}.my-review-content .anonymous-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f3f4f6;border-radius:12px;font-size:12px;color:#666}@media (max-width: 640px){.my-review-header{flex-direction:column;gap:10px}.my-review-header .review-date{align-self:flex-end}.my-review-content .review-images img{width:60px;height:60px}}.review-form-container{padding:0}.review-form-header{margin-bottom:1.5rem}.review-form-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.review-product-info{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem}.review-product-info .product-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#fff}.review-product-info .product-image img{width:100%;height:100%;object-fit:cover}.review-product-info .product-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;color:#adb5bd}.review-product-info .product-details{flex:1;min-width:0}.review-product-info .product-name{font-weight:500;color:#1a1a1a;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-product-info .product-size{font-size:.875rem;color:#6c757d;margin:0 0 .25rem}.review-product-info .order-number{font-size:.75rem;color:#9ca3af;margin:0}.review-form{display:flex;flex-direction:column;gap:1.25rem}.review-form .form-group{display:flex;flex-direction:column;gap:.5rem}.review-form .form-group label{font-size:.875rem;font-weight:500;color:#374151}.rating-group{text-align:center}.rating-stars{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .15s ease}.star-btn:hover{transform:scale(1.15)}.star-btn svg{display:block}.rating-text{margin-left:.75rem;font-size:.875rem;color:#6c757d;font-weight:500}.review-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.review-form textarea:focus{outline:none;border-color:#c4a35a;box-shadow:0 0 0 3px #c4a35a1a}.review-form textarea::placeholder{color:#9ca3af}.char-count{font-size:.75rem;color:#9ca3af;text-align:right}.image-upload-area{display:flex;flex-wrap:wrap;gap:.75rem}.image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden}.image-preview .remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-preview:hover .remove-image{opacity:1}.image-upload-btn{width:80px;height:80px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:border-color .2s,background .2s;color:#9ca3af;font-size:.75rem}.image-upload-btn:hover{border-color:#c4a35a;background:#fefcf8;color:#c4a35a}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#c4a35a}.review-form .form-actions{display:flex;gap:.75rem;margin-top:.5rem}.review-form .btn-cancel{flex:1;padding:.75rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:background .2s}.review-form .btn-cancel:hover{background:#e5e7eb}.review-form .btn-submit{flex:1;padding:.75rem 1rem;background:#c4a35a;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.review-form .btn-submit:hover{background:#b39347}.review-form .btn-submit:disabled{background:#d1d5db;cursor:not-allowed}.reviews-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.reviews-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 1.5rem}.reviews-summary{display:flex;gap:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem}.summary-score{text-align:center;padding-right:2rem;border-right:1px solid #e5e7eb}.average-rating{font-size:3rem;font-weight:700;color:#1a1a1a;line-height:1}.average-stars{display:flex;justify-content:center;margin:.5rem 0}.total-reviews{font-size:.875rem;color:#6c757d}.summary-breakdown{flex:1;display:flex;flex-direction:column;gap:.5rem}.rating-row{display:flex;align-items:center;gap:.75rem}.rating-label{width:16px;font-size:.875rem;font-weight:500;color:#6c757d}.rating-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background:#ffb800;border-radius:4px;transition:width .3s ease}.rating-count{width:32px;font-size:.75rem;color:#9ca3af;text-align:right}.reviews-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.sort-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.sort-select:focus{outline:none;border-color:#c4a35a}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;align-items:center;gap:.75rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6c757d}.reviewer-avatar img{width:100%;height:100%;object-fit:cover}.reviewer-details{display:flex;flex-direction:column;gap:.25rem}.reviewer-name{font-weight:500;color:#1a1a1a}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#10b981}.review-date{font-size:.75rem;color:#9ca3af}.review-rating{margin-bottom:.75rem}.stars{display:flex;gap:.125rem}.review-text{font-size:.875rem;color:#374151;line-height:1.6;margin-bottom:.75rem}.review-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.review-image{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.review-image:hover{transform:scale(1.05)}.review-image img{width:100%;height:100%;object-fit:cover}.admin-reply{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #c4a35a}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reply-badge{font-size:.75rem;font-weight:600;color:#c4a35a}.reply-date{font-size:.75rem;color:#9ca3af}.reply-text{font-size:.875rem;color:#374151;line-height:1.6}.review-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.btn-helpful{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:.75rem;color:#6c757d;cursor:pointer;transition:all .2s}.btn-helpful:hover:not(:disabled){background:#e5e7eb;color:#374151}.btn-helpful.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.btn-helpful:disabled{cursor:default;opacity:.6}.no-reviews{text-align:center;padding:3rem 1rem;color:#9ca3af}.no-reviews svg{margin-bottom:1rem}.no-reviews p{margin:0}.reviews-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.page-btn{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.page-btn:hover{border-color:#c4a35a;color:#c4a35a}.page-btn.active{background:#c4a35a;border-color:#c4a35a;color:#fff}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.lightbox-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.nav-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-btn:hover{background:#ffffff4d}.nav-counter{color:#fff;font-size:.875rem}.reviews-loading{text-align:center;padding:2rem;color:#9ca3af}.pending-reviews-list{display:flex;flex-direction:column;gap:1rem}.pending-review-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pending-review-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.pending-review-header .order-number{font-size:.875rem;font-weight:500;color:#374151}.pending-review-header .order-date{font-size:.75rem;color:#9ca3af}.pending-review-content{display:flex;align-items:center;gap:1rem;padding:1rem}.pending-review-content .product-image{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6}.pending-review-content .product-image img{width:100%;height:100%;object-fit:cover}.pending-review-content .product-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.75rem}.pending-review-content .product-details{flex:1;min-width:0}.pending-review-content .product-name{font-weight:500;color:#1a1a1a;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-review-content .product-size{font-size:.75rem;color:#6c757d;margin:0}.btn-review{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#c4a35a;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background .2s;flex-shrink:0}.btn-review:hover{background:#b39347}.btn-review svg{fill:#fff;stroke:#fff}.modal-review{max-width:500px;width:95%;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-review .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.modal-review .modal-close:hover{color:#374151}@media (max-width: 768px){.reviews-summary{flex-direction:column;gap:1.5rem}.summary-score{padding-right:0;padding-bottom:1.5rem;border-right:none;border-bottom:1px solid #e5e7eb}.review-header{flex-direction:column;gap:.5rem}.pending-review-content{flex-direction:column;align-items:flex-start}.pending-review-content .product-details{width:100%}.btn-review{width:100%;justify-content:center}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:40px 20px}.auth-card{background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:50px;width:100%;max-width:480px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{font-size:64px;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 10px}.auth-subtitle{font-size:16px;color:#6b7280;margin:0}.auth-form{margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#000;box-shadow:0 0 0 4px #0000000d}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{display:block;color:#ef4444;font-size:13px;margin-top:6px}.error-message:before{content:"⚠ "}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#4b5563;cursor:pointer}.checkbox-label input{cursor:pointer;width:auto}.forgot-link{color:#000;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.auth-button{width:100%;padding:16px;background:#000;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0003}.auth-button:hover:not(:disabled){transform:translateY(-2px);background:#333;box-shadow:0 6px 20px #0000004d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.demo-accounts{background-color:#f9fafb;border-radius:12px;padding:20px;margin-bottom:25px}.demo-title{font-size:13px;font-weight:600;color:#6b7280;margin:0 0 12px;text-align:center}.demo-buttons{display:flex;gap:10px}.demo-btn{flex:1;padding:10px;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.demo-btn:hover{border-color:#000;color:#000;transform:translateY(-2px)}.auth-footer{text-align:center;padding-top:25px;border-top:1px solid #e5e7eb}.auth-footer p{color:#6b7280;font-size:14px;margin:0}.auth-link{color:#000;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-back{text-align:center;margin-top:20px}.back-link{color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.back-link:hover{color:#000}.google-signin-container{margin-bottom:25px}.google-btn-wrapper{display:flex;justify-content:center;margin-bottom:20px}.google-btn-wrapper>div{width:100%!important}.google-loading{text-align:center;color:#6b7280;font-size:14px;margin-bottom:15px}.divider{display:flex;align-items:center;text-align:center;color:#9ca3af;font-size:14px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 640px){.auth-card{padding:35px 25px}.auth-title{font-size:26px}.auth-logo{font-size:48px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.demo-buttons{flex-direction:column}.form-row{grid-template-columns:1fr}}.search-page{min-height:60vh;padding:40px 60px;max-width:1400px;margin:0 auto}.search-header{margin-bottom:40px}.search-header h1{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:400;color:#333;margin:0 0 30px;text-align:center}.search-form{max-width:700px;margin:0 auto 30px}.search-input-container{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;padding:5px 5px 5px 20px;transition:border-color .3s,box-shadow .3s}.search-input-container:focus-within{border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.search-icon{color:#999;flex-shrink:0}.search-input{flex:1;border:none;outline:none;padding:12px 15px;font-family:Kanit,sans-serif;font-size:16px;background:transparent}.search-input::placeholder{color:#999}.search-btn{background:#333;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-family:Kanit,sans-serif;font-size:14px;cursor:pointer;transition:background .3s}.search-btn:hover{background:#555}.category-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.category-btn{background:transparent;border:1px solid #ddd;padding:8px 20px;border-radius:25px;font-family:Kanit,sans-serif;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.category-btn:hover{border-color:#9a8c7a;color:#9a8c7a}.category-btn.active{background:#333;border-color:#333;color:#fff}.search-results{margin-top:30px}.results-count{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin-bottom:20px}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.result-item{text-decoration:none;color:inherit;transition:transform .3s}.result-item:hover{transform:translateY(-5px)}.result-image{aspect-ratio:1;background:#f5f5f5;overflow:hidden;margin-bottom:15px}.result-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.result-item:hover .result-image img{transform:scale(1.05)}.result-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-family:Poppins,sans-serif;font-size:14px}.result-info{text-align:center}.result-category{font-family:Kanit,sans-serif;font-size:11px;color:#9a8c7a;text-transform:uppercase;letter-spacing:1px}.result-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;color:#333;margin:8px 0 4px}.result-name-th{font-family:Kanit,sans-serif;font-size:13px;color:#666;margin:0 0 8px}.result-price{font-family:Poppins,sans-serif;font-size:14px;color:#333;margin:0}.search-loading{display:flex;justify-content:center;padding:60px}.no-results,.search-empty{text-align:center;padding:80px 20px}.no-results svg,.search-empty svg{margin-bottom:20px}.no-results h3,.search-empty h3{font-family:Kanit,sans-serif;font-size:20px;font-weight:500;color:#333;margin:0 0 10px}.no-results p,.search-empty p{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin:0}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #9a8c7a;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.search-page{padding:30px 40px}.results-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 600px){.search-page{padding:20px}.search-header h1{font-size:28px}.search-input-container{flex-wrap:wrap;border-radius:10px;padding:10px}.search-input{width:100%;padding:10px}.search-btn{width:100%;margin-top:10px;border-radius:10px}.category-filter{gap:8px}.category-btn{padding:6px 15px;font-size:13px}.results-grid{grid-template-columns:repeat(2,1fr);gap:15px}.result-name{font-size:14px}}.order-history-page{min-height:100vh;background-color:#e8e5e2;padding:40px 20px;font-family:Kanit,Poppins,sans-serif}.order-history-container{max-width:1000px;margin:0 auto}.order-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.order-history-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#9a8c7a;border-radius:50%;animation:spin .8s linear infinite}.order-history-loading p{margin-top:15px;color:#6b7280}.order-history-header{background:#fff;border-radius:12px;padding:25px 30px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.back-link{display:inline-flex;align-items:center;gap:8px;color:#9a8c7a;text-decoration:none;font-size:14px;margin-bottom:15px;transition:color .2s}.back-link:hover{color:#7a6e5f}.order-history-header h1{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 5px}.order-count{font-size:14px;color:#6b7280;margin:0}.order-filters{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:15px;color:#9ca3af}.search-box input{width:100%;padding:12px 15px 12px 45px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.search-box input::placeholder{color:#9ca3af}.filter-group{display:flex;gap:10px}.filter-select{padding:12px 35px 12px 15px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#9a8c7a}.orders-loading{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;box-shadow:0 2px 8px #00000014}.orders-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#9a8c7a;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.orders-loading p{margin-top:15px;color:#6b7280}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s}.order-card:hover{box-shadow:0 4px 12px #0000001f}.order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#f8f7f6;border-bottom:1px solid #e5e7eb}.order-info{display:flex;flex-direction:column;gap:5px}.order-number{font-size:16px;font-weight:600;color:#333}.order-date{font-size:13px;color:#666}.order-status-badges{display:flex;gap:8px;flex-wrap:wrap}.status-badge,.payment-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.status-pending{background:#fef3c7;color:#b45309}.status-badge.status-processing{background:#dbeafe;color:#1d4ed8}.status-badge.status-shipped{background:#e0e7ff;color:#4338ca}.status-badge.status-delivered{background:#dcfce7;color:#16a34a}.status-badge.status-cancelled{background:#fee2e2;color:#dc2626}.payment-badge.payment-pending{background:#fef3c7;color:#b45309}.payment-badge.payment-paid{background:#dcfce7;color:#16a34a}.payment-badge.payment-failed{background:#fee2e2;color:#dc2626}.payment-badge.payment-refunded{background:#f3e8ff;color:#7c3aed}.order-items{padding:15px 20px;display:flex;flex-direction:column;gap:15px}.order-item{display:flex;align-items:center;gap:15px}.order-item .item-image{width:70px;height:70px;border-radius:8px;overflow:hidden;background:#f0f0f0;flex-shrink:0}.order-item .item-image img{width:100%;height:100%;object-fit:cover}.order-item .item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999}.order-item .item-details{flex:1}.order-item .item-name{font-size:14px;font-weight:500;color:#333;margin:0 0 3px}.order-item .item-size{font-size:12px;color:#666;margin:0 0 2px}.order-item .item-qty{font-size:12px;color:#999;margin:0}.order-item .item-price{font-size:14px;font-weight:500;color:#333}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f7f6;border-top:1px solid #e5e7eb}.order-payment-method,.order-total{display:flex;gap:8px;align-items:center}.order-payment-method .label,.order-total .label{font-size:13px;color:#666}.order-payment-method .value,.order-total .value{font-size:14px;font-weight:500;color:#333}.order-total .value{font-size:16px;color:#9a8c7a}.order-tracking{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f0f9ff;border-top:1px solid #e5e7eb}.tracking-label{font-size:13px;color:#0369a1}.tracking-number{font-size:14px;font-weight:600;color:#0369a1;font-family:Courier New,monospace;letter-spacing:1px}.empty-state{background:#fff;border-radius:12px;text-align:center;padding:60px 20px;box-shadow:0 2px 8px #00000014}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#9a8c7a}.empty-state p{font-size:16px;color:#6b7280;margin:0 0 20px}.btn-shop,.btn-clear-filter{display:inline-block;padding:12px 30px;background-color:#9a8c7a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s}.btn-shop:hover,.btn-clear-filter:hover{background-color:#7a6e5f}@media (max-width: 768px){.order-history-page{padding:20px 15px}.order-history-header{padding:20px}.order-history-header h1{font-size:20px}.order-filters{flex-direction:column;padding:15px}.search-box{width:100%;min-width:auto}.filter-group{width:100%;flex-wrap:wrap}.filter-select{flex:1;min-width:120px}.order-header{flex-direction:column;gap:12px}.order-footer{flex-direction:column;gap:10px;align-items:flex-start}.order-item{flex-wrap:wrap}.order-item .item-price{width:100%;text-align:right;margin-top:5px;padding-left:85px}}@media (max-width: 480px){.order-item .item-image{width:60px;height:60px}.order-item .item-price{padding-left:75px}}.poisean-page{max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box}.tufted-carpet-page{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}.breadcrumb{padding:15px 0;font-size:16px;font-family:Kanit}.breadcrumb-link{color:#000;text-decoration:none;transition:color .3s}.breadcrumb-link:hover{color:#333}.breadcrumb-separator{color:#000;margin:0 10px}.page-header{text-align:center;padding:30px 0 40px}.page-title{display:flex;flex-direction:column;align-items:center;margin:0 0 20px}.title-main{font-family:Playfair Display;font-size:42px;font-weight:400;color:#b2a8a2;letter-spacing:8px;line-height:1.2}.title-sub{font-family:Kanit;font-size:42px;font-weight:400;color:#b2a8a2;line-height:1.3}.title-divider{width:80px;height:1px;background-color:#ccc;margin:25px auto}.page-description{font-family:Kanit,sans-serif;font-size:24px;font-weight:400;color:#000;margin:0 0 25px}.collections-count{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;color:#000;margin:20px 0 0}.collections-section{display:flex;flex-direction:column;gap:15px;margin-bottom:50px}.collections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collection-item{position:relative;display:block;text-decoration:none;overflow:hidden;aspect-ratio:1 / 1.3}.collection-image{position:relative;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.collection-item:hover .collection-image{transform:scale(1.05)}.collection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;transition:background-color .3s ease}.collection-item:hover .collection-overlay{background-color:#00000059}.collection-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%}.collection-name{display:block;font-family:Poppins;font-size:24px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;transition:letter-spacing .3s ease}.collection-item:hover .collection-name{letter-spacing:3px}.collection-subtitle{display:block;font-family:Kanit,sans-serif;font-size:24px;font-weight:400;color:#ffffffd9;text-transform:uppercase}.page-cta{text-align:center;padding:20px 0 60px}.cta-button{display:inline-block;padding:14px 35px;background-color:transparent;color:#000;font-family:Kanit;font-size:24px;font-weight:600;text-transform:uppercase;text-decoration:none;border:1px solid #000000;transition:all .3s ease}.cta-button:hover{background-color:#000;color:#fff}@media (max-width: 992px){.collections-grid{grid-template-columns:repeat(2,1fr)}.title-main{font-size:32px;letter-spacing:6px}.title-sub{font-size:28px}.page-description,.collections-count{font-size:18px}.collection-name{font-size:20px}.collection-subtitle{font-size:18px}}@media (max-width: 768px){.tufted-carpet-page,.poisean-page{padding:0 15px}.breadcrumb{font-size:14px;padding:12px 15px}.page-header{padding:20px 0 30px}.title-main{font-size:26px;letter-spacing:4px}.title-sub{font-size:22px}.title-divider{width:60px;margin:20px auto}.page-description{font-size:15px;line-height:1.8;padding:0 10px}.collections-count{font-size:15px}.collection-name{font-size:16px;letter-spacing:1px}.collection-subtitle{font-size:14px}.collections-grid{gap:10px}.cta-button{font-size:18px;padding:12px 28px}}@media (max-width: 576px){.collections-grid{grid-template-columns:repeat(2,1fr);gap:8px}.collection-item{aspect-ratio:1 / 1.3}.breadcrumb{font-size:13px;padding:10px 15px}.title-main{font-size:20px;letter-spacing:3px}.title-sub{font-size:18px}.page-description{font-size:13px;line-height:1.7;padding:0 5px}.collections-count{font-size:13px}.collection-name{font-size:13px;letter-spacing:1px}.collection-subtitle{font-size:11px}.cta-button{padding:12px 24px;font-size:16px}.page-cta{padding:15px 0 40px}}@media (max-width: 400px){.poisean-page{padding:0 10px}.breadcrumb{font-size:12px;padding:8px 10px}.page-header{padding:15px 0 20px}.title-main{font-size:16px;letter-spacing:2px}.title-sub{font-size:14px}.title-divider{width:50px;margin:15px auto}.page-description{font-size:11px;line-height:1.6;padding:0}.collections-count{font-size:11px;margin-top:15px}.collections-grid{gap:6px}.collection-item{aspect-ratio:1 / 1.4}.collection-name{font-size:11px;letter-spacing:.5px;margin-bottom:3px}.collection-subtitle{font-size:10px}.cta-button{padding:10px 20px;font-size:14px}.page-cta{padding:10px 0 30px}}*{font-family:Poppins}.poisean-detail-page{min-height:100vh;background:#fff}.page-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.spinner{width:40px;height:40px;border:2px solid #e5e5e5;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.not-found{text-align:center;padding:100px 20px}.not-found h2{font-family:Cormorant Garamond,serif;font-size:28px;color:#000;margin-bottom:20px}.back-link{color:#000;text-decoration:underline}.breadcrumb{max-width:1440px;padding:20px;font-size:16px;font-weight:500;letter-spacing:1px;color:#000;margin:0 auto;box-sizing:border-box}.breadcrumb-link{color:#000;text-decoration:none}.breadcrumb-link:hover{color:#000}.breadcrumb-separator{margin:0 8px}.breadcrumb-current{color:#000}.product-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1440px;margin:0 auto;padding:40px 0}.product-gallery{position:sticky;top:20px;align-self:start}.main-image{position:relative;width:100%;max-height:480px;aspect-ratio:1;background:#f5f5f5;margin-bottom:16px;overflow:hidden;cursor:zoom-in}.main-image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.main-image.zooming img{opacity:0}.zoom-lens{position:absolute;top:0;left:0;width:100%;height:100%;background-size:200%;background-repeat:no-repeat;pointer-events:none;z-index:10}.view-room-btn{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;font-size:11px;letter-spacing:1px;cursor:pointer;transition:background .3s}.view-room-btn:hover{background:#fff}.thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.thumbnail{cursor:pointer;border:2px solid transparent;transition:border-color .3s;background:#f5f5f5;overflow:hidden}.thumbnail:nth-child(1),.thumbnail:nth-child(2){aspect-ratio:16 / 9}.thumbnail:nth-child(1){grid-column:1 / 4}.thumbnail:nth-child(2){grid-column:4 / 7}.thumbnail:nth-child(3),.thumbnail:nth-child(4),.thumbnail:nth-child(5){aspect-ratio:16 / 9}.thumbnail:nth-child(3){grid-column:1 / 3}.thumbnail:nth-child(4){grid-column:3 / 5}.thumbnail:nth-child(5){grid-column:5 / 7}.thumbnail:hover{border-color:#ccc}.thumbnail.active{border-color:#000}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{padding:0 20px}.product-name{font-family:Poppins;font-size:24px;font-weight:500;color:#000;margin:0 0 8px}.product-code{font-size:16px;color:#000;margin:0 0 16px}.product-price{font-size:18px;color:#000;margin:0 0 24px}.size-section{margin-bottom:24px}.size-section label,.quantity-section label{display:block;font-size:16px;color:#000;margin-bottom:12px}.size-options{display:flex;flex-wrap:wrap;gap:10px}.size-btn{padding:10px 18px;border:1px solid #ccc;background:#fff;font-size:13px;cursor:pointer;transition:all .3s;min-width:100px;text-align:center}.size-btn:hover{border-color:#000}.size-btn.active{border-color:#000;background:#000;color:#fff}.no-size{font-size:13px;color:#000}.quantity-section{margin-bottom:32px}.quantity-row{display:flex;gap:12px}.quantity-selector{display:flex;align-items:center;border:1px solid #ddd}.quantity-selector button{width:40px;height:44px;border:none;background:transparent;font-size:16px;cursor:pointer}.quantity-selector button:hover{background:#f5f5f5}.quantity-selector span{width:40px;text-align:center;font-size:14px}.add-to-cart-btn{flex:1;padding:14px 24px;background:#000;color:#fff;border:none;font-size:12px;letter-spacing:1px;cursor:pointer;transition:background .3s}.add-to-cart-btn:hover:not(:disabled){background:#1a1a1a}.add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}.info-sections{border-top:1px solid #eee}.info-section{border-bottom:1px solid #eee}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:none;border:none;font-size:16px;color:#000;cursor:pointer;text-align:left}.section-header:hover{color:#000}.toggle-icon{font-size:18px;font-weight:300}.section-content{padding-bottom:20px}.section-content p{font-size:14px;color:#000;line-height:1.8;margin:0;white-space:pre-line}.related-section{padding:60px 0 80px;max-width:1440px;margin:0 auto}.related-title{font-size:24px;font-weight:500;text-align:center;margin:0 0 40px}.related-slider-container{position:relative;padding:0 60px}.related-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.related-slider::-webkit-scrollbar{display:none}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #ddd;background:gray;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}.slider-arrow-left{left:0}.slider-arrow-right{right:0}.slider-arrow:hover{border-color:#000;background:#000;color:#fff}.slider-arrow:hover svg{stroke:#fff}.related-item{flex-shrink:0;width:380px;text-decoration:none;color:inherit}.related-image{width:100%;height:520px;background:#f5f5f5;margin-bottom:16px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-item:hover .related-image img{transform:scale(1.05)}.related-name{font-size:20px;font-weight:500;color:#000;margin:0 0 4px}.related-material{font-size:116px2px;color:#000;margin:0}@media (max-width: 1280px){.related-slider{max-width:1000px}.related-item{width:320px}.related-image{height:440px}}@media (max-width: 1024px){.product-container{grid-template-columns:1fr;padding:24px}.product-gallery{position:static}.related-section{padding:40px 24px 60px}.related-slider{max-width:580px}.related-item{width:280px}.related-image{height:380px}}@media (max-width: 600px){.breadcrumb{padding:12px 16px}.product-container{padding:16px;gap:24px}.thumbnails{gap:8px}.product-info{padding:0}.product-name{font-size:24px}.quantity-row{flex-direction:column}.add-to-cart-btn{width:100%}.related-title{font-size:20px}.related-slider-container{gap:12px}.related-slider{max-width:416px;gap:16px}.related-item{width:200px}.related-image{height:280px}.slider-arrow{width:36px;height:36px}.slider-arrow svg{width:18px;height:18px}}.handwoven-page{width:100%;background-color:#e8e5e2;font-family:Kanit,sans-serif}.hw-breadcrumb{padding:15px 20px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;letter-spacing:1px;margin:0 auto;max-width:1440px;box-sizing:border-box}.hw-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.hw-breadcrumb a:hover{color:#000}.hw-breadcrumb span{margin:0 8px;color:#000}.hw-hero-banner{width:100%;height:520px;box-sizing:border-box}.hw-banner-image{width:100%;height:520px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.hw-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;pointer-events:none}.hw-banner-content{position:relative;z-index:2;text-align:center;padding:0 40px}.hw-banner-title{font-family:Playfair Display,sans-serif;font-size:42px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:400;letter-spacing:8px;text-transform:uppercase;color:#fff;margin:0 0 40px}.hw-title-main{font-family:Playfair Display,sans-serif;font-size:42px;font-weight:400;color:#fff;letter-spacing:8px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hw-title-sub{font-family:Kanit,sans-serif;font-size:28px;font-weight:400;color:#fff;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hw-banner-divider{width:300px;height:2px;background-color:#fffc;margin:0 auto 40px}.hw-banner-description{font-family:Kanit,sans-serif;font-size:20px;font-weight:400;color:#fff;line-height:1.4;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.2);max-width:1440px}.hw-features-section{padding:30px 40px 50px;max-width:1440px;margin:0 auto}.hw-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.hw-feature-item{text-align:center}.hw-feature-icon{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:1px solid #e5e0d8}.hw-feature-icon img{width:100%;height:100%;object-fit:cover}.hw-feature-title{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0 0 10px}.hw-feature-description{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#000;line-height:1.6;margin:0;padding:0 10px}.hw-products-section{padding:0 40px 40px;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:25px}.hw-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hw-products-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:25px}.hw-product-item{text-decoration:none;display:block;overflow:hidden}.hw-product-image{width:100%;padding-bottom:135%;background-size:cover;background-position:center;margin-bottom:15px;transition:transform .4s ease;position:relative;background-color:#e8e4df}.hw-product-image.no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e4df,#d4cec6)}.hw-product-image.no-image:after{content:"No Image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Kanit,sans-serif;font-size:14px;color:#999;text-transform:uppercase;letter-spacing:1px}.hw-product-item:hover .hw-product-image{transform:scale(1.05)}.hw-product-info{padding:0}.hw-product-name{font-family:Kanit,sans-serif;font-size:24px;font-weight:500;color:#000;margin:0 0 5px}.hw-product-name-th{font-family:Kanit,sans-serif;font-size:14px;font-weight:400;color:#666;margin:0 0 8px}.hw-product-material{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#000;margin:0;display:none}.hw-cta-item{text-decoration:none;display:block}.hw-cta-box{width:100%;padding-bottom:135%;background-size:cover;background-position:center;position:relative;transition:opacity .3s ease}.hw-cta-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000026;transition:background-color .3s ease}.hw-cta-item:hover .hw-cta-box:before{background-color:#00000040}.hw-cta-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Kanit,sans-serif;font-size:20px;font-weight:500;color:#fff;line-height:1.8;text-align:center;z-index:1}.hw-bottom-cta{text-align:center;padding:20px 40px 60px}.hw-btn-other{display:inline-block;font-family:Kanit,sans-serif;font-size:20px;font-weight:600;color:#000;letter-spacing:2px;text-decoration:none;padding:15px 40px;border:2px solid black;background:transparent;transition:all .3s ease}.hw-btn-other:hover{background:#000;color:#fff}@media (max-width: 1024px){.hw-banner-image{height:400px}.hw-title-main{font-size:36px;letter-spacing:6px}.hw-title-sub{font-size:24px}.hw-banner-divider{width:200px;margin:0 auto 30px}.hw-banner-description{font-size:16px}.hw-features-grid{gap:30px}.hw-feature-icon{width:120px;height:120px}.hw-feature-title{font-size:16px}.hw-feature-description{font-size:13px}.hw-products-row{gap:20px}}@media (max-width: 768px){.hw-breadcrumb{padding:15px 20px;font-size:14px}.hw-hero-banner{padding:0;height:auto}.hw-banner-image{height:350px}.hw-banner-content{padding:0 20px}.hw-banner-title,.hw-title-main{font-size:28px;letter-spacing:4px}.hw-title-sub{font-size:20px}.hw-banner-title{margin-bottom:20px}.hw-banner-divider{width:150px;margin:0 auto 20px}.hw-banner-description{font-size:14px;line-height:1.6}.hw-features-section{padding:25px 20px 40px}.hw-features-grid{grid-template-columns:repeat(4,1fr);gap:15px}.hw-feature-icon{width:90px;height:90px;margin-bottom:15px}.hw-feature-title{font-size:14px}.hw-feature-description{font-size:12px}.hw-products-section{padding:0 20px 30px}.hw-products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.hw-products-row{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.hw-product-name{font-size:14px}.hw-product-name-th{font-size:12px}.hw-product-material{font-size:11px}.hw-cta-text{font-size:14px}.hw-bottom-cta{padding:10px 20px 50px}.hw-btn-other{font-size:14px;padding:12px 30px}}@media (max-width: 576px){.hw-breadcrumb{padding:12px 15px;font-size:13px}.hw-hero-banner{padding:0}.hw-banner-image{height:280px}.hw-banner-content{padding:0 15px}.hw-banner-title,.hw-title-main{font-size:22px;letter-spacing:3px}.hw-title-sub{font-size:16px}.hw-banner-title{margin-bottom:15px}.hw-banner-divider{width:120px;margin:0 auto 15px}.hw-banner-description{font-size:12px;line-height:1.7}.hw-features-section{padding:20px 15px 30px}.hw-features-grid{grid-template-columns:repeat(2,1fr);gap:15px}.hw-feature-icon{width:60px;height:60px;margin-bottom:10px}.hw-feature-title{font-size:11px}.hw-feature-description{font-size:10px;padding:0 5px}.hw-products-section{padding:0 15px 25px}.hw-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hw-products-row{gap:12px;margin-bottom:12px}.hw-product-image{margin-bottom:10px}.hw-product-name{font-size:13px}.hw-product-name-th{font-size:11px}.hw-product-material{font-size:10px}.hw-cta-text{font-size:12px}.hw-bottom-cta{padding:10px 15px 40px}.hw-btn-other{font-size:12px;padding:12px 25px;letter-spacing:1.5px}}@media (max-width: 400px){.hw-breadcrumb{padding:10px 12px;font-size:11px}.hw-breadcrumb span{margin:0 5px}.hw-banner-image{height:200px}.hw-banner-content{padding:0 10px}.hw-banner-title,.hw-title-main{font-size:16px;letter-spacing:2px}.hw-title-sub{font-size:12px}.hw-banner-title{margin-bottom:10px;gap:5px}.hw-banner-divider{width:60px;margin:0 auto 10px}.hw-banner-description{font-size:9px;line-height:1.5}.hw-features-section{padding:15px 10px 25px}.hw-features-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hw-feature-icon{width:50px;height:50px;margin-bottom:8px}.hw-feature-title{font-size:9px;margin-bottom:5px}.hw-feature-description{font-size:8px;padding:0 2px;line-height:1.4}.hw-products-section{padding:0 10px 20px}.hw-products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hw-products-row{gap:8px;margin-bottom:8px}.hw-product-image{margin-bottom:8px;padding-bottom:130%}.hw-product-name{font-size:11px}.hw-product-name-th{font-size:10px}.hw-product-material{font-size:9px}.hw-cta-text{font-size:10px;line-height:1.6}.hw-bottom-cta{padding:8px 10px 30px}.hw-btn-other{font-size:11px;padding:10px 20px;letter-spacing:1px}}.product-detail-page{width:100%;background-color:#e8e5e2;overflow-x:hidden}.pd-breadcrumb{padding:20px;font-family:Kanit,sans-serif;max-width:1440px;margin:0 auto;font-size:16px;font-weight:500;color:#000;text-transform:uppercase;box-sizing:border-box}.pd-breadcrumb a{color:#000;text-decoration:none;transition:color .3s ease}.pd-breadcrumb a:hover{color:#000}.pd-breadcrumb-separator{margin:0 10px;color:#000}.pd-breadcrumb-current{color:#000}.pd-main-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 40px 60px;max-width:1400px;margin:0 auto}.pd-images-column{display:flex;flex-direction:column;gap:10px}.pd-main-image{position:relative;width:100%;aspect-ratio:1 / .8;overflow:hidden;background-color:#f5f5f5;cursor:zoom-in}.pd-main-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,transform-origin 0s}.pd-main-image.zooming img{transform:scale(2)}.pd-no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f0f0f0;color:#999;gap:12px}.pd-no-image span{font-size:14px;font-weight:500}.pd-related-image.no-image{background:#f0f0f0;display:flex;align-items:center;justify-content:center}.pd-related-image.no-image:after{content:"No Image";color:#999;font-size:12px}.pd-see-in-room-btn{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;font-family:Kanit,sans-serif;font-size:10px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:background .3s ease}.pd-see-in-room-btn:hover{background:#fff}.pd-thumbnails-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.pd-thumbnail:nth-child(1),.pd-thumbnail:nth-child(2){grid-column:span 3}.pd-thumbnail:nth-child(n+3){grid-column:span 2}.pd-thumbnail{width:100%;aspect-ratio:1 / .6;border:2px solid transparent;background:none;padding:0;cursor:pointer;overflow:hidden;transition:border-color .3s ease}.pd-thumbnail img{width:100%;height:100%;object-fit:cover}.pd-thumbnail.active,.pd-thumbnail:hover{border-color:#000}.pd-thumbnails-column{display:flex;flex-direction:column;gap:10px}.pd-main-image-column{position:relative}.pd-images-section{display:flex;flex-direction:column;gap:10px}.pd-wishlist-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background-color:#e8e5e2;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.pd-wishlist-btn:hover{transform:scale(1.1)}.pd-wishlist-btn svg{color:#888;transition:all .3s ease}.pd-wishlist-btn:hover svg{color:#e74c3c}.pd-thumbnail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pd-info-section{padding-top:10px}.pd-ar-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-family:Kanit,sans-serif;font-size:11px;font-weight:500;color:#000;letter-spacing:1px;cursor:pointer;padding:0;margin-bottom:25px;transition:color .3s ease}.pd-ar-button:hover{color:#000}.pd-product-name{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;color:#000;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px}.pd-product-code{font-family:Kanit,sans-serif;font-size:12px;font-weight:400;color:#888;margin:0 0 15px}.pd-product-price{font-family:Kanit,sans-serif;font-size:18px;font-weight:500;color:#000;margin:0 0 25px}.pd-made-to-order{display:none}.pd-size-section{margin-bottom:25px}.pd-size-label{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;margin:0 0 12px}.pd-size-options{display:flex;flex-wrap:wrap;gap:8px}.pd-size-btn{padding:8px 14px;background-color:transparent;border:1px solid #000000;font-family:Kanit,sans-serif;font-size:14px;font-weight:400;color:#000;cursor:pointer;transition:all .3s ease}.pd-size-btn:hover{border-color:#999}.pd-size-btn.active{background-color:#000;border-color:#000;color:#fff}.pd-quantity-section{margin-bottom:30px}.pd-quantity-label{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;margin:0 0 12px}.pd-quantity-wrapper{display:flex;align-items:center;gap:15px}.pd-quantity-selector{display:flex;align-items:center;border:1px solid #ddd}.pd-quantity-btn{width:36px;height:36px;background:none;border:none;font-size:18px;font-weight:300;color:#000;cursor:pointer;transition:background-color .3s ease}.pd-quantity-btn:hover{background-color:#f5f5f5}.pd-quantity-value{min-width:40px;text-align:center;font-family:Kanit,sans-serif;font-size:14px;font-weight:400;color:#000}.pd-add-to-cart{flex:1;padding:12px 30px;background-color:#000;border:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease}.pd-add-to-cart:hover{background-color:#000}.pd-accordion{border-top:1px solid #e5e5e5}.pd-accordion-item{border-bottom:1px solid #e5e5e5}.pd-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:none;border:none;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#000;cursor:pointer;transition:color .3s ease}.pd-accordion-header:hover{color:#000}.pd-accordion-icon{font-size:18px;font-weight:300;color:#000}.pd-accordion-content{padding:0 0 20px}.pd-accordion-content p{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#000;line-height:1.8;margin:0}.pd-detail-row{display:flex;margin-bottom:10px}.pd-detail-row:last-child{margin-bottom:0}.pd-detail-list{display:flex;flex-direction:column;gap:8px}.pd-detail-item{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.pd-detail-label{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#000;white-space:nowrap}.pd-detail-label:after{content:":"}.pd-detail-value{font-family:Kanit,sans-serif;font-size:14px;font-weight:300;color:#333;flex:1;line-height:1.6}.pd-related-section{padding:60px 40px 80px;max-width:1440px;margin:0 auto}.pd-related-title{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;color:#000;text-transform:uppercase;text-align:center;margin:0 0 40px}.pd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.pd-related-item{text-decoration:none;display:block}.pd-related-image{width:100%;aspect-ratio:1 / 1.25;background-size:cover;background-position:center;margin-bottom:15px;transition:transform .3s ease}.pd-related-item:hover .pd-related-image{transform:scale(1.02)}.pd-related-info{padding:0}.pd-related-name{font-family:Kanit,sans-serif;font-size:20px;font-weight:500;color:#000;margin:0 0 5px;text-transform:uppercase}.pd-related-material{font-family:Kanit,sans-serif;font-size:16px;font-weight:300;color:#000;margin:0;display:none}.pd-cta-section{text-align:center}.pd-cta-button{display:inline-block;padding:16px 50px;background-color:transparent;color:#000;font-family:Kanit,sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:3px;text-decoration:none;border:1px solid black;transition:all .3s ease}.pd-cta-button:hover{background-color:#000;color:#fff}@media (max-width: 1024px){.pd-main-section{gap:40px;padding:20px 30px 50px}.pd-product-name{font-size:24px}.pd-related-grid{gap:20px}}@media (max-width: 768px){.pd-breadcrumb{padding:15px 20px;font-size:10px}.pd-main-section{grid-template-columns:1fr;gap:30px;padding:15px 20px 40px}.pd-images-column{order:1}.pd-info-section{order:2}.pd-thumbnails-grid{grid-template-columns:repeat(6,1fr);gap:8px}.pd-thumbnail:nth-child(1),.pd-thumbnail:nth-child(2){grid-column:span 3}.pd-thumbnail:nth-child(n+3){grid-column:span 2}.pd-see-in-room-btn{font-size:9px;padding:8px 12px}.pd-product-name{font-size:22px;letter-spacing:2px}.pd-product-price{font-size:16px}.pd-size-options{gap:8px}.pd-size-btn{padding:8px 12px;font-size:10px}.pd-add-to-cart{padding:14px;font-size:11px}.pd-accordion-header{font-size:12px;padding:15px 0}.pd-accordion-content p{font-size:12px}.pd-related-section{padding:40px 20px 60px}.pd-related-title{font-size:13px;letter-spacing:3px;margin-bottom:30px}.pd-related-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:40px}.pd-related-name{font-size:13px}.pd-related-material{font-size:10px}.pd-cta-button{padding:14px 40px;font-size:11px}}@media (max-width: 576px){.pd-breadcrumb{padding:12px 15px;font-size:9px}.pd-breadcrumb-separator{margin:0 6px}.pd-main-section{padding:10px 15px 35px}.pd-thumbnails-column{gap:6px}.pd-thumbnail{width:50px;height:50px}.pd-see-in-room-btn{font-size:8px;padding:6px 10px;gap:5px}.pd-see-in-room-btn svg{width:12px;height:12px}.pd-product-name{font-size:20px}.pd-ar-button{font-size:10px;margin-bottom:20px}.pd-size-btn{padding:8px 10px;font-size:9px}.pd-detail-label{min-width:80px;font-size:12px}.pd-detail-value{font-size:12px}.pd-related-section{padding:35px 15px 50px}.pd-related-grid{gap:12px}.pd-cta-button{padding:12px 35px;font-size:10px}}.printed-carpet-page{width:100%;background-color:#e8e5e2}.pc-breadcrumb{padding:15px 20px;font-family:Kanit;font-size:16px;font-weight:500;color:#000;margin:0 auto;max-width:1440px;box-sizing:border-box}.pc-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.pc-breadcrumb a:hover{color:#000}.pc-breadcrumb span{margin:0 8px;color:#000}.pc-page-header{text-align:center;padding:40px 40px 50px;max-width:900px;margin:0 auto}.pc-page-title{font-family:Kanit,serif;font-size:42px;font-weight:400;color:#b2a8a2;margin:0 0 45px;text-transform:uppercase}.pc-title-divider{width:200px;height:2px;background-color:#d4c9bc;margin:0 auto 45px}.pc-page-description{font-family:Kanit;font-size:24px;font-weight:300;color:#000;line-height:1.8;margin:0}.pc-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;padding:0 40px 40px;max-width:1440px;margin:0 auto}.pc-section-item{position:relative;display:block;text-decoration:none;overflow:hidden}.pc-section-image{position:relative;width:100%;height:400px;background-size:cover;background-position:center;transition:transform .6s ease}.pc-section-item:hover .pc-section-image{transform:scale(1.02)}.pc-section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;transition:background-color .3s ease}.pc-section-item:hover .pc-section-overlay{background-color:#0006}.pc-section-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pc-section-title{font-family:Kanit;font-size:24px;font-weight:500;color:#fff;text-transform:uppercase;margin:0 0 20px}hr.pc-section-divider{display:block;width:100px;height:1px;border:none;background:#fff;margin:0 auto 20px}.pc-section-desc{font-family:Kanit,sans-serif;font-size:16px;font-weight:300;color:#ffffffe6;line-height:1.8;margin:0;white-space:pre-line}.pc-bottom-cta{text-align:center;padding:20px 40px 60px}.pc-btn-other{display:inline-block;font-family:Kanit;font-size:24px;font-weight:600;color:#000;text-transform:uppercase;text-decoration:none;padding:15px 40px;border:1px solid black;background:transparent;transition:all .3s ease}.pc-btn-other:hover{background:#000;color:#fff}@media (max-width: 1024px){.pc-page-header{padding:30px 30px 40px}.pc-page-title{font-size:28px;letter-spacing:6px}.pc-sections-grid{gap:20px;padding:0 30px 40px}.pc-section-image{height:350px}}@media (max-width: 768px){.pc-breadcrumb{padding:12px 20px;font-size:14px}.pc-page-header{padding:30px 20px 35px}.pc-page-title{font-size:24px;letter-spacing:5px}.pc-title-divider{width:60px;margin-bottom:25px}.pc-page-description{font-size:14px;line-height:1.7}.pc-page-description br{display:none}.pc-sections-grid{grid-template-columns:1fr;gap:15px;padding:0 20px 30px}.pc-section-image{height:300px}.pc-section-title{font-size:18px}.pc-section-desc{font-size:13px}.pc-bottom-cta{padding:10px 20px 50px}.pc-btn-other{font-size:12px;padding:12px 30px}}@media (max-width: 576px){.pc-breadcrumb{padding:10px 15px;font-size:12px}.pc-page-header{padding:25px 15px 30px}.pc-page-title{font-size:20px;letter-spacing:4px}.pc-title-divider{width:50px;margin-bottom:20px}.pc-page-description{font-size:13px}.pc-sections-grid{gap:12px;padding:0 15px 25px}.pc-section-image{height:250px}.pc-section-title{font-size:16px;letter-spacing:2px}.pc-section-desc{font-size:12px}.pc-bottom-cta{padding:10px 15px 40px}.pc-btn-other{font-size:11px;padding:12px 25px}}h1{margin:0}.custom-project-page{width:100%;background-color:#e8e5e2;min-height:100vh}.cp-breadcrumb{padding:15px 20px;font-family:Kanit;font-size:14px;font-weight:500;color:#000;letter-spacing:1px;max-width:1440px;margin:0 auto;box-sizing:border-box}.cp-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.cp-breadcrumb a:hover{color:#666}.cp-breadcrumb span{margin:0 8px;color:#000}.cp-title-wrapper{text-align:center;margin:30px 0 20px}.cp-title{font-family:Playfair Display;font-size:36px;font-weight:400;color:#b2a8a2;text-align:center;letter-spacing:6px;text-transform:uppercase}.cp-title-th{font-family:Kanit;font-size:36px;font-weight:400;color:#b2a8a2;text-align:center;margin:0 0 25px;text-transform:uppercase}.cp-title-divider{width:150px;height:1px;background-color:#b2a8a2;margin:0 auto}.cp-description{font-family:Kanit;font-size:24px;font-weight:400;color:#000;text-align:center;line-height:1.8;margin:30px auto 50px;max-width:1440px}.cp-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;padding:0 40px 60px}.cp-upload-section{padding-right:40px}.cp-section-title{font-family:Kanit;font-size:24px;font-weight:600;color:#000;margin:0 0 8px;text-transform:uppercase}.cp-section-subtitle{font-family:Kanit;font-size:13px;font-weight:400;color:#666;margin:0 0 20px}.cp-upload-box{border:2px dashed #ddd;border-radius:8px;padding:60px 40px;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cp-upload-box:hover{border-color:#999;background-color:#fafafa}.cp-upload-icon{color:#999;margin-bottom:15px}.cp-upload-text{font-family:Kanit;font-size:14px;color:#666;line-height:1.6;margin:0}.cp-upload-text strong{color:#000}.cp-preview{position:relative;width:100%;max-width:300px}.cp-preview img{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:4px}.cp-remove-file{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;padding:5px 12px;font-size:14px;border-radius:4px;cursor:pointer}.cp-file-name{font-family:Kanit;font-size:13px;color:#28a745;margin:15px 0 0;display:flex;align-items:center;gap:8px}.cp-upload-note{font-family:Kanit;font-size:14px;color:#666;margin:20px 0 0;display:flex;align-items:center;gap:8px}.cp-options-section{border-left:1px solid #eee;padding-left:60px}.cp-price{font-family:Kanit;font-size:18px;font-weight:500;color:#000;margin:0 0 30px}.cp-option-group{margin-bottom:30px}.cp-option-label{font-family:Kanit;font-size:16px;font-weight:500;color:#000;display:block;margin-bottom:12px}.cp-option-label span{font-weight:400;color:#666;font-size:14px;margin-left:8px}.cp-size-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.cp-size-btn{font-family:Kanit;font-size:14px;padding:10px 16px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.cp-size-btn:hover{border-color:#999}.cp-size-btn.active{border-color:#000;background:#000;color:#fff}.cp-custom-size-toggle{font-family:Kanit;font-size:13px;color:#333;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#e8e5e2;margin-top:16px}.cp-custom-size-text{font-size:13px;color:#333;line-height:1.5}.cp-custom-size-btn{font-family:Kanit;font-size:13px;padding:12px 24px;border:none;background:#1a1a1a;color:#fff;cursor:pointer;margin-left:0;white-space:nowrap;transition:background .3s}.cp-custom-size-btn:hover{background:#333}.cp-custom-size-inputs{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:4px}.cp-custom-size-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}.cp-custom-size-row label{font-family:Kanit;font-size:13px;color:#000;min-width:90px}.cp-input-group{display:flex;align-items:center;border:1px solid #ddd;background:#fff}.cp-input-group input{width:60px;padding:8px 12px;border:none;font-family:Kanit;font-size:13px;text-align:center}.cp-input-group input:focus{outline:none}.cp-input-group span{padding:8px 12px;background:#f5f5f5;font-size:14px;color:#666}.cp-multiply{font-size:16px;color:#666}.cp-order-size{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cp-order-size label{font-family:Kanit;font-size:13px;color:#000;min-width:90px}.cp-order-size>span{font-family:Kanit;font-size:13px;padding:8px 16px;border:1px solid #ddd;background:#fff}.cp-size-note{font-family:Kanit;font-size:11px;color:#999;margin:10px 0 0;width:100%}.cp-structure-options{display:flex;flex-wrap:wrap;gap:10px}.cp-structure-btn{font-family:Kanit;font-size:11px;padding:10px 14px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.cp-structure-btn:hover{border-color:#999}.cp-structure-btn.active{border-color:#000;background:#000;color:#fff}.cp-leadtime-options{display:flex;flex-wrap:wrap;gap:10px}.cp-leadtime-btn{font-family:Kanit;font-size:14px;padding:10px 20px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.cp-leadtime-btn:hover{border-color:#999}.cp-leadtime-btn.active{border-color:#000;background:#000;color:#fff}.cp-backing-options,.cp-edge-options{display:flex;gap:15px}.cp-backing-item,.cp-edge-item{cursor:pointer;text-align:center}.cp-backing-image,.cp-edge-image{width:80px;height:80px;border:2px solid #ddd;overflow:hidden;margin-bottom:8px;transition:border-color .2s}.cp-backing-item.active .cp-backing-image,.cp-edge-item.active .cp-edge-image{border-color:#000}.cp-backing-image img,.cp-edge-image img{width:100%;height:100%;object-fit:cover}.cp-backing-item span,.cp-edge-item span{font-family:Kanit;font-size:14px;color:#000}.cp-backing-item.active span,.cp-edge-item.active span{color:#000;font-weight:500}.cp-quantity-row{display:flex;align-items:center;gap:20px}.cp-quantity-controls{display:flex;align-items:center;border:1px solid #ddd}.cp-quantity-controls button{width:40px;height:40px;border:none;background:transparent;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cp-quantity-controls button:hover{background:#f5f5f5}.cp-quantity-controls span{width:50px;text-align:center;font-family:Kanit;font-size:14px}.cp-add-to-cart{flex:1;padding:12px 30px;background:#000;color:#fff;border:none;font-family:Kanit;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .3s}.cp-add-to-cart:hover{background:#333}.cp-accordion{margin-top:40px;border-top:1px solid #eee}.cp-accordion-item{border-bottom:1px solid #eee}.cp-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:transparent;border:none;cursor:pointer;font-family:Kanit;font-size:16px;font-weight:500;color:#000}.cp-accordion-header span:last-child{font-size:20px;color:#000}.cp-accordion-content{padding:0 0 20px}.cp-accordion-content p{font-family:Kanit;font-size:14px;color:#000;line-height:1.7;margin:0}.cp-bottom-cta{text-align:center;padding:40px 40px 80px}.cp-btn-other{display:inline-block;font-family:Kanit;font-size:24px;font-weight:600;color:#000;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:15px 50px;border:2px solid #000;background:transparent;transition:all .3s ease}.cp-btn-other:hover{background:#000;color:#fff}@media (max-width: 1024px){.cp-content{grid-template-columns:1fr;gap:40px}.cp-upload-section{padding-right:0}.cp-options-section{border-left:none;padding-left:0;border-top:1px solid #eee;padding-top:40px}}@media (max-width: 768px){.cp-breadcrumb{padding:15px 20px;font-size:14px}.cp-title{font-size:28px;letter-spacing:4px}.cp-description{font-size:14px;padding:0 20px}.cp-content{padding:0 20px 40px}.cp-size-options,.cp-structure-options,.cp-leadtime-options{gap:8px}.cp-size-btn,.cp-structure-btn,.cp-leadtime-btn{font-size:11px;padding:8px 12px}.cp-custom-size-toggle{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.cp-custom-size-btn{width:100%}.cp-custom-size-row{flex-wrap:wrap}.cp-quantity-row{flex-direction:column;gap:15px}.cp-add-to-cart{width:100%}.cp-bottom-cta{padding:30px 20px 60px}.cp-btn-other{font-size:14px;padding:12px 30px}}@media (max-width: 576px){.cp-breadcrumb{padding:12px 15px;font-size:10px}.cp-title{font-size:22px;letter-spacing:3px}.cp-content{padding:0 15px 30px}.cp-upload-box{padding:40px 20px}.cp-backing-options,.cp-edge-options{flex-wrap:wrap}.cp-backing-image,.cp-edge-image{width:70px;height:70px}}.cp-price.calculating{color:#999;font-style:italic}.cp-price-breakdown{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:30px}.cp-price-row{display:flex;justify-content:space-between;align-items:center;font-family:Kanit;font-size:14px;color:#333;padding:8px 0;border-bottom:1px dashed #eee}.cp-price-row:last-child{border-bottom:none}.cp-price-row.cp-subtotal{margin-top:10px;padding-top:15px;border-top:1px solid #ddd;border-bottom:1px dashed #eee;font-weight:500}.cp-price-row.cp-total{margin-top:10px;padding-top:15px;border-top:1px solid #000;font-size:16px;font-weight:600;color:#000}.cp-price-row span:first-child{color:#666}.cp-price-row span:last-child{font-weight:500;color:#000}.cp-price-row.cp-total span:last-child{font-size:18px;color:#000}.cp-pricing-error{font-family:Kanit;font-size:13px;color:#dc3545;background:#fff5f5;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:3px solid #dc3545}@media (max-width: 576px){.cp-price-breakdown{padding:15px}.cp-price-row{font-size:13px;padding:6px 0}.cp-price-row.cp-total span:last-child{font-size:16px}}.wilton-page{width:100%;background-color:#e8e5e2}.wc-breadcrumb{padding:15px 20px;font-family:Poppins;font-size:16px;font-weight:500;color:#888;letter-spacing:1px;margin:0 auto;max-width:1440px;box-sizing:border-box}.wc-breadcrumb a{color:#000;text-decoration:none;transition:color .2s}.wc-breadcrumb a:hover{color:#000}.wc-breadcrumb span{margin:0 8px;color:#000}.wc-hero-banner{width:100%;height:520px;box-sizing:border-box}.wc-banner-image{width:100%;height:520px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.wc-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;pointer-events:none}.wc-banner-content{position:relative;z-index:2;text-align:center;padding:0 40px}.wc-banner-title{font-family:Playfair Display;font-size:42px;font-weight:400;color:#fff;letter-spacing:8px;margin:0 0 40px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.wc-banner-divider{width:300px;height:2px;background-color:#fffc;margin:0 auto 40px}.wc-banner-description{font-family:Poppins;font-size:24px;font-weight:400;color:#fff;line-height:1.8;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.2);max-width:1440px}.wc-features-section{padding:30px 40px 50px;max-width:1440px;margin:0 auto}.wc-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:91px}.wc-feature-item{text-align:center}.wc-feature-icon{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:1px solid #e5e0d8}.wc-feature-icon img{width:100%;height:100%;object-fit:cover}.wc-feature-title{font-family:Poppins;font-size:20px;font-weight:600;color:#000;text-transform:uppercase;margin:0 0 10px}.wc-feature-description{font-family:Poppins;font-size:16px;font-weight:300;color:#000;line-height:1.6;margin:0;padding:0 10px}.wc-products-section{padding:0 40px 40px;max-width:1440px;margin:0 auto}.wc-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.wc-products-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:25px}.wc-product-item{text-decoration:none;display:block;overflow:hidden}.wc-product-image{width:100%;padding-bottom:135%;background-size:cover;background-position:center;margin-bottom:15px;transition:transform .4s ease;position:relative;background-color:#e8e4df}.wc-product-image.no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e4df,#d4cec6)}.wc-product-image.no-image:after{content:"No Image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Kanit,sans-serif;font-size:14px;color:#999;text-transform:uppercase;letter-spacing:1px}.wc-product-item:hover .wc-product-image{transform:scale(1.05)}.wc-product-info{padding:0}.wc-product-name{font-family:Poppins;font-size:20px;font-weight:500;color:#000;margin:0 0 15px}.wc-product-material{font-family:Poppins;font-size:14px;font-weight:300;color:#000;margin:0;display:none}.wc-cta-item{text-decoration:none;display:block}.wc-cta-box{width:100%;padding-bottom:135%;background-size:cover;background-position:center;position:relative;transition:opacity .3s ease}.wc-cta-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000026;transition:background-color .3s ease}.wc-cta-item:hover .wc-cta-box:before{background-color:#00000040}.wc-cta-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Jost,sans-serif;font-size:24px;font-weight:500;color:#fff;text-transform:uppercase;line-height:1.8;text-align:center;z-index:1}.wc-bottom-cta{text-align:center;padding:20px 40px 60px}.wc-btn-other{display:inline-block;font-family:Poppins;font-size:24px;font-weight:700;color:#000;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:15px 40px;border:1px solid black;background:transparent;transition:all .3s ease}.wc-btn-other:hover{background:#000;color:#fff}@media (max-width: 1024px){.wc-banner-image{height:350px}.wc-banner-title{font-size:32px;letter-spacing:5px;margin-bottom:25px}.wc-banner-divider{width:200px;margin-bottom:25px}.wc-banner-description{font-size:18px;line-height:1.6}.wc-features-grid{gap:20px}.wc-feature-icon{width:80px;height:80px}.wc-products-grid,.wc-products-row{gap:20px}}@media (max-width: 768px){.wc-breadcrumb{padding:15px 20px}.wc-hero-banner{padding:0;height:auto}.wc-banner-image{height:300px}.wc-banner-content{padding:0 20px}.wc-banner-title{font-size:24px;letter-spacing:3px;margin-bottom:20px}.wc-banner-divider{width:150px;margin-bottom:20px}.wc-banner-description{font-size:14px;line-height:1.5}.wc-features-section{padding:20px 20px 40px}.wc-features-grid{grid-template-columns:repeat(2,1fr);gap:25px}.wc-feature-icon{width:70px;height:70px;margin-bottom:15px}.wc-feature-title{font-size:11px}.wc-feature-description{font-size:12px}.wc-products-section{padding:0 20px 30px}.wc-products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.wc-products-row{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.wc-product-name{font-size:14px}.wc-product-material{font-size:11px}.wc-cta-text{font-size:11px;letter-spacing:1.5px}.wc-bottom-cta{padding:10px 20px 50px}.wc-btn-other{font-size:12px;padding:12px 30px}}@media (max-width: 576px){.wc-breadcrumb{padding:12px 15px;font-size:10px}.wc-hero-banner{padding:0}.wc-banner-image{height:220px}.wc-banner-content{padding:0 15px}.wc-banner-title{font-size:18px;letter-spacing:2px;margin-bottom:15px}.wc-banner-divider{width:100px;margin-bottom:15px}.wc-banner-description{font-size:11px;line-height:1.4}.wc-features-section{padding:15px 15px 30px}.wc-features-grid{gap:20px}.wc-feature-icon{width:60px;height:60px;margin-bottom:12px}.wc-feature-title{font-size:10px;letter-spacing:.5px}.wc-feature-description{font-size:11px;padding:0 5px}.wc-products-section{padding:0 15px 25px}.wc-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.wc-products-row{gap:12px;margin-bottom:12px}.wc-product-image{margin-bottom:10px}.wc-product-image.no-image:after{font-size:11px}.wc-product-name{font-size:13px}.wc-product-material{font-size:10px}.wc-cta-text{font-size:10px;letter-spacing:1px}.wc-bottom-cta{padding:10px 15px 40px}.wc-btn-other{font-size:11px;padding:12px 25px;letter-spacing:1.5px}}@media (max-width: 400px){.wc-breadcrumb{padding:10px;font-size:9px}.wc-banner-image{height:180px}.wc-banner-content{padding:0 10px}.wc-banner-title{font-size:14px;letter-spacing:1px;margin-bottom:10px}.wc-banner-divider{width:80px;margin-bottom:10px}.wc-banner-description{font-size:9px;line-height:1.3}.wc-features-section{padding:10px 10px 20px}.wc-features-grid{gap:10px}.wc-feature-icon{width:50px;height:50px;margin-bottom:8px}.wc-feature-title{font-size:9px;margin-bottom:5px}.wc-feature-description{font-size:8px;line-height:1.3;padding:0 2px}.wc-products-section{padding:0 10px 20px}.wc-products-grid{gap:8px}.wc-product-image{margin-bottom:8px;padding-bottom:130%}.wc-product-image.no-image:after{font-size:9px}.wc-product-name{font-size:11px}.wc-cta-text{font-size:9px;letter-spacing:.5px}.wc-bottom-cta{padding:8px 10px 30px}.wc-btn-other{font-size:10px;padding:10px 20px;letter-spacing:1px}}.our-collections-page{max-width:1440px;margin:0 auto;padding:0 20px}.oc-breadcrumb{padding:15px 0;font-family:Poppins;font-size:14px;font-weight:500;letter-spacing:1px}.oc-breadcrumb a{color:#000;text-decoration:none;transition:color .3s}.oc-breadcrumb a:hover{color:#666}.oc-breadcrumb span{color:#000;margin:0 10px}.oc-header{text-align:center;padding:30px 0 40px}.oc-title{font-family:Kanit;font-size:42px;font-weight:400;color:#b2a8a2;margin:0 0 25px;text-transform:uppercase}.oc-title-divider{width:180px;height:1px;background-color:#b2a8a2;margin:0 auto 30px}.oc-description{font-family:Kanit;font-size:24px;font-weight:400;color:#000;line-height:1.8;margin:0;letter-spacing:.5px}.oc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:50px}.oc-item{position:relative;display:block;text-decoration:none;overflow:hidden;aspect-ratio:1 / 1.25}.oc-image{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-color:#e5e5e5;transition:transform .5s ease}.oc-item:hover .oc-image{transform:scale(1.05)}.oc-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;transition:background-color .3s ease}.oc-item:hover .oc-overlay{background-color:#0006}.oc-item-special .oc-overlay{background-color:#0003}.oc-item-special:hover .oc-overlay{background-color:#0000004d}.oc-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:90%}.oc-name{display:block;font-family:Poppins;font-size:24px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;transition:letter-spacing .3s ease}.oc-item:hover .oc-name{letter-spacing:3px}.oc-subtitle{display:block;font-family:Poppins;font-size:24px;font-weight:400;color:#ffffffd9;text-transform:uppercase;letter-spacing:3px}.oc-bottom-cta{text-align:center;padding:20px 0 60px}.oc-btn-other{display:inline-block;padding:14px 40px;background-color:transparent;color:#000;font-family:Kanit;font-size:24px;font-weight:600;text-transform:uppercase;text-decoration:none;border:2px solid #000000;transition:all .3s ease}.oc-btn-other:hover{background-color:#000;color:#fff}.page-loading-spinner{display:flex;justify-content:center;align-items:center;min-height:60vh}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.oc-title{font-size:36px;letter-spacing:6px}.oc-description,.oc-name{font-size:16px}.oc-subtitle{font-size:12px}}@media (max-width: 768px){.our-collections-page{padding:0 15px}.oc-breadcrumb{font-size:12px}.oc-header{padding:20px 0 30px}.oc-title{font-size:28px;letter-spacing:4px}.oc-description{font-size:14px}.oc-grid{grid-template-columns:repeat(2,1fr);gap:10px}.oc-name{font-size:13px;letter-spacing:1px}.oc-subtitle{font-size:10px;letter-spacing:2px}.oc-btn-other{font-size:14px;padding:12px 30px}}@media (max-width: 576px){.oc-breadcrumb{font-size:10px}.oc-title{font-size:22px;letter-spacing:3px}.oc-title-divider{width:80px}.oc-description{font-size:12px}.oc-grid{gap:8px}.oc-item{aspect-ratio:1 / 1.2}.oc-name{font-size:11px}.oc-subtitle{font-size:9px}.oc-btn-other{font-size:12px;padding:12px 25px}}*{font-family:Kanit,sans-serif}.ocp-detail-page{min-height:100vh;background:#e8e5e2}.ocp-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.ocp-spinner{width:40px;height:40px;border:2px solid #e5e5e5;border-top-color:#000;border-radius:50%;animation:ocp-spin .8s linear infinite}@keyframes ocp-spin{to{transform:rotate(360deg)}}.ocp-not-found{text-align:center;padding:100px 20px}.ocp-not-found h2{font-size:28px;color:#000;margin-bottom:20px}.ocp-back-link{color:#000;text-decoration:underline}.ocp-breadcrumb{max-width:1440px;padding:20px;font-size:16px;font-weight:500;letter-spacing:.5px;color:#000;margin:0 auto;text-transform:uppercase;box-sizing:border-box}.ocp-breadcrumb a{color:#000;text-decoration:none;transition:opacity .3s}.ocp-breadcrumb a:hover{opacity:.7}.ocp-breadcrumb-sep{margin:0 8px;color:#999}.ocp-main-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1440px;margin:0 auto;padding:20px 40px 60px}.ocp-gallery{position:sticky;top:20px;align-self:start}.ocp-main-image{position:relative;width:100%;aspect-ratio:1;background:#f5f5f5;margin-bottom:12px;overflow:hidden;cursor:zoom-in}.ocp-main-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,transform-origin 0s}.ocp-main-image.zooming img{transform:scale(2)}.ocp-see-room-btn{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;font-size:14px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:background .3s}.ocp-see-room-btn:hover{background:#e8e5e2}.ocp-thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ocp-thumbnail:nth-child(1),.ocp-thumbnail:nth-child(2){grid-column:span 3}.ocp-thumbnail:nth-child(n+3){grid-column:span 2}.ocp-thumbnail{aspect-ratio:16 / 10;border:2px solid transparent;background:none;padding:0;cursor:pointer;overflow:hidden;transition:border-color .3s}.ocp-thumbnail img{width:100%;height:100%;object-fit:cover}.ocp-thumbnail:hover{border-color:#ccc}.ocp-thumbnail.active{border-color:#000}.ocp-info{padding:0}.ocp-product-name{font-size:24px;font-weight:600;color:#000;margin:0 0 4px;text-transform:uppercase;letter-spacing:1px}.ocp-collection-name{font-size:16px;color:#000;margin:0 0 8px}.ocp-product-price{font-size:18px;font-weight:500;color:#000;margin:0 0 24px}.ocp-option-section{margin-bottom:24px}.ocp-option-label{display:block;font-size:16px;font-weight:500;color:#000;margin-bottom:12px}.ocp-option-hint{font-weight:400;color:#000;font-size:12px}.ocp-size-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ocp-size-btn{padding:10px 16px;border:1px solid #ddd;background:#fff;font-size:14px;cursor:pointer;transition:all .3s;min-width:90px;text-align:center}.ocp-size-btn:hover{border-color:#999}.ocp-size-btn.active{border-color:#000;background:#000;color:#fff}.ocp-custom-size-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#e8e5e2;border:none;margin-top:16px}.ocp-custom-size-text{font-size:13px;color:#333;line-height:1.5}.ocp-custom-size-btn{padding:12px 24px;background:#1a1a1a;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s;white-space:nowrap}.ocp-custom-size-btn:hover{background:#333}.ocp-custom-size-inputs{display:flex;align-items:center;gap:10px;margin-top:12px}.ocp-custom-size-inputs input{width:120px;padding:10px 12px;border:1px solid #ddd;font-size:14px}.ocp-custom-size-inputs span{color:#000;font-weight:500}.ocp-sqm-display{padding:10px 16px;background:#f5f5f5;border:1px solid #ddd;font-size:14px;font-weight:600;color:#000;white-space:nowrap}.ocp-structure-options{display:flex;flex-wrap:wrap;gap:8px}.ocp-structure-btn{padding:10px 14px;border:1px solid #ddd;background:#fff;font-size:12px;cursor:pointer;transition:all .3s}.ocp-structure-btn:hover{border-color:#999}.ocp-structure-btn.active{border-color:#000;background:#000;color:#fff}.ocp-express-icon{display:inline-block;padding:2px 8px;background:#f0f0f0;font-size:10px;font-weight:500;margin-left:8px;border-radius:2px}.ocp-leadtime-options{display:flex;gap:8px}.ocp-leadtime-btn{padding:10px 20px;border:1px solid #ddd;background:#fff;font-size:14px;cursor:pointer;transition:all .3s}.ocp-leadtime-btn:hover{border-color:#999}.ocp-leadtime-btn.active{border-color:#000;background:#000;color:#fff}.ocp-backing-options{display:flex;gap:16px}.ocp-backing-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;background:none;cursor:pointer}.ocp-backing-image{width:80px;height:80px;object-fit:cover;background-color:#f5f5f5;border:2px solid transparent;transition:border-color .3s}.ocp-backing-btn:hover .ocp-backing-image,.ocp-backing-btn.active .ocp-backing-image{border-color:#000}.ocp-backing-name{font-size:14px;color:#000;text-align:center}.ocp-edge-options{display:flex;gap:16px}.ocp-edge-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;background:none;cursor:pointer}.ocp-edge-image{width:80px;height:80px;object-fit:cover;background-color:#f5f5f5;border:2px solid transparent;transition:border-color .3s}.ocp-edge-btn:hover .ocp-edge-image,.ocp-edge-btn.active .ocp-edge-image{border-color:#000}.ocp-edge-name{font-size:14px;color:#000;text-align:center}.ocp-quantity-row{display:flex;gap:12px}.ocp-quantity-selector{display:flex;align-items:center;border:1px solid #ddd}.ocp-quantity-selector button{width:40px;height:44px;border:none;background:transparent;font-size:16px;cursor:pointer;transition:background .3s}.ocp-quantity-selector button:hover{background:#f5f5f5}.ocp-quantity-selector span{width:40px;text-align:center;font-size:16px}.ocp-add-cart-btn{flex:1;padding:14px 24px;background:#000;color:#fff;border:none;font-size:12px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:background .3s}.ocp-add-cart-btn:hover{background:#333}.ocp-accordion{border-top:1px solid #eee;margin-top:30px}.ocp-accordion-item{border-bottom:1px solid #eee}.ocp-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:none;border:none;font-size:16px;font-weight:500;color:#000;cursor:pointer;text-align:left}.ocp-accordion-header:hover{color:#333}.ocp-accordion-icon{font-size:18px;font-weight:300}.ocp-accordion-content{padding-bottom:20px}.ocp-accordion-content p{font-size:14px;color:#444;line-height:1.8;margin:0;white-space:pre-line}.ocp-detail-list{display:flex;flex-direction:column;gap:8px}.ocp-detail-item{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.ocp-detail-label{font-family:Kanit,sans-serif;font-size:16px;font-weight:300;color:#000;white-space:nowrap}.ocp-detail-label:after{content:":"}.ocp-detail-value{font-family:Kanit,sans-serif;font-size:16px;font-weight:300;color:#333;flex:1;line-height:1.6}.ocp-related-section{padding:60px 40px;max-width:1440px;margin:0 auto}.ocp-related-title{font-size:20px;font-weight:600;text-align:center;margin:0 0 40px;letter-spacing:1px}.ocp-slider-container{position:relative;padding:0 60px}.ocp-related-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.ocp-related-slider::-webkit-scrollbar{display:none}.ocp-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #ddd;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}.ocp-arrow-left{left:0}.ocp-arrow-right{right:0}.ocp-slider-arrow:hover{border-color:#000;background:#000}.ocp-slider-arrow:hover svg{stroke:#fff}.ocp-related-item{flex-shrink:0;width:320px;text-decoration:none;color:inherit}.ocp-related-image{width:100%;height:400px;background-size:cover;background-position:center;background-color:#f5f5f5;margin-bottom:12px;transition:transform .3s}.ocp-related-item:hover .ocp-related-image{transform:scale(1.02)}.ocp-related-name{font-size:16px;font-weight:500;color:#000;margin:0 0 4px}.ocp-related-material{font-size:14px;color:#000;margin:0}.ocp-cta-section{text-align:center;padding:40px 20px 80px}.ocp-cta-button{display:inline-block;padding:16px 50px;background:transparent;color:#000;font-size:24px;font-weight:600;text-transform:uppercase;text-decoration:none;border:1px solid black;transition:all .3s}.ocp-cta-button:hover{background:#000;color:#fff}@media (max-width: 1280px){.ocp-related-item{width:280px}.ocp-related-image{height:350px}}@media (max-width: 1024px){.ocp-main-content{grid-template-columns:1fr;gap:40px;padding:20px 30px 50px}.ocp-gallery{position:static}.ocp-related-section{padding:40px 30px}.ocp-related-item{width:260px}.ocp-related-image{height:320px}}@media (max-width: 768px){.ocp-breadcrumb{padding:15px 20px;font-size:14px}.ocp-main-content{padding:15px 20px 40px;gap:30px}.ocp-product-name{font-size:20px}.ocp-structure-options{gap:6px}.ocp-structure-btn{padding:8px 10px;font-size:14px}.ocp-leadtime-options{flex-wrap:wrap}.ocp-backing-options,.ocp-edge-options{gap:12px}.ocp-backing-image,.ocp-edge-image{width:60px;height:60px}.ocp-quantity-row{flex-direction:column}.ocp-add-cart-btn{width:100%}.ocp-related-section{padding:30px 20px}.ocp-slider-container{padding:0 40px}.ocp-related-item{width:200px}.ocp-related-image{height:250px}.ocp-slider-arrow{width:36px;height:36px}.ocp-slider-arrow svg{width:18px;height:18px}.ocp-cta-button{padding:14px 40px;font-size:12px}}@media (max-width: 576px){.ocp-breadcrumb{padding:12px 15px;font-size:10px}.ocp-main-content{padding:10px 15px 35px}.ocp-thumbnails{gap:6px}.ocp-product-name{font-size:18px}.ocp-size-btn{padding:8px 12px;font-size:14px;min-width:70px}.ocp-custom-size-row{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.ocp-custom-size-btn{width:100%}.ocp-custom-size-inputs{flex-wrap:wrap}.ocp-custom-size-inputs input{width:100px}.ocp-accordion-header{font-size:14px;padding:15px 0}.ocp-related-title{font-size:16px}.ocp-related-item{width:160px}.ocp-related-image{height:200px}.ocp-related-name,.ocp-related-material{font-size:14px}}.ocp-product-price.calculating{color:#999;font-style:italic}.ocp-price-breakdown{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:25px}.ocp-price-row{display:flex;justify-content:space-between;align-items:center;font-family:Kanit,sans-serif;font-size:14px;color:#333;padding:8px 0;border-bottom:1px dashed #eee}.ocp-price-row:last-child{border-bottom:none}.ocp-price-row.ocp-subtotal{margin-top:10px;padding-top:15px;border-top:1px solid #ddd;border-bottom:1px dashed #eee;font-weight:500}.ocp-price-row.ocp-total{margin-top:10px;padding-top:15px;border-top:1px solid #000;font-size:16px;font-weight:600;color:#000}.ocp-price-row span:first-child{color:#666}.ocp-price-row span:last-child{font-weight:500;color:#000}.ocp-price-row.ocp-total span:last-child{font-size:18px;color:#000}.ocp-pricing-error{font-family:Kanit,sans-serif;font-size:13px;color:#dc3545;background:#fff5f5;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:3px solid #dc3545}@media (max-width: 576px){.ocp-price-breakdown{padding:15px}.ocp-price-row{font-size:13px;padding:6px 0}.ocp-price-row.ocp-total span:last-child{font-size:16px}}.collection-page{width:100%;background-color:#e8e5e2;overflow-x:hidden}.cp-breadcrumb{padding:15px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#888;letter-spacing:1px;max-width:1440px;margin:0 auto;box-sizing:border-box}.cp-breadcrumb a{color:#333;text-decoration:none;transition:color .2s}.cp-breadcrumb a:hover{color:#9a8c7a}.cp-breadcrumb span{margin:0 8px;color:#333}.cp-hero-banner{width:100%;height:60vh;min-height:400px;max-height:550px;overflow:hidden;position:relative}.cp-banner-image{width:100%;height:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.cp-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;pointer-events:none}.cp-banner-content{position:relative;z-index:2;text-align:center;max-width:1440px;padding:0 40px}.cp-banner-category{font-family:Playfair Display,serif;font-size:42px;font-weight:400;color:#fff;letter-spacing:8px;text-transform:uppercase;display:block;margin-bottom:20px}.cp-banner-divider{width:80px;height:1px;background-color:#fff9;margin:0 auto 20px}.cp-banner-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:500;color:#fff;letter-spacing:4px;text-transform:uppercase;margin:0 0 25px}.cp-banner-description{font-family:Poppins,sans-serif;font-size:24px;font-weight:300;color:#fffffff2;line-height:1.9;margin:0}.cp-features-section{padding:30px 40px 50px;max-width:1440px;margin:0 auto}.cp-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:91px}.cp-feature-item{text-align:center}.cp-feature-icon{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:0 auto 20px}.cp-feature-icon img{width:100%;height:100%;object-fit:cover}.cp-feature-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:#333;margin:0 0 12px;letter-spacing:1px;text-transform:uppercase}.cp-feature-description{font-family:Poppins,sans-serif;font-size:16px;font-weight:300;color:#666;line-height:1.6;margin:0}.cp-products-section{padding:60px 40px 80px;max-width:1440px;margin:0 auto}.cp-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.cp-product-item{text-decoration:none;display:block}.cp-product-image{width:100%;aspect-ratio:3 / 4;background-size:cover;background-position:center;margin-bottom:15px;transition:transform .4s ease;overflow:hidden}.cp-product-item:hover .cp-product-image{transform:scale(1.02)}.cp-product-info{padding:0}.cp-product-name{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;color:#333;margin:0 0 5px}.cp-product-type{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;color:#888;margin:0;display:none}.cp-products-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.cp-cta-item{text-decoration:none;display:block}.cp-cta-box{width:100%;aspect-ratio:3 / 4;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s ease}.cp-cta-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;transition:background .3s ease}.cp-cta-item:hover .cp-cta-box:before{background:#0006}.cp-cta-text{position:relative;z-index:2;font-family:Jost,sans-serif;font-size:18px;font-weight:500;color:#fff;text-align:center;letter-spacing:3px;text-transform:uppercase;line-height:1.6}.cp-bottom-cta{text-align:center;padding:0 40px 80px}.cp-btn-other{display:inline-block;padding:16px 50px;background-color:transparent;color:#000;font-family:Kanit,sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;text-decoration:none;border:1px solid #000000;transition:all .3s ease}.cp-btn-other:hover{background-color:#000;color:#fff}.cp-cta-section{text-align:center}.cp-cta-button{display:inline-block;padding:16px 50px;background-color:transparent;color:#333;font-family:Jost,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:3px;text-decoration:none;border:1px solid #333;transition:all .3s ease}.cp-cta-button:hover{background-color:#333;color:#fff}@media (max-width: 1024px){.cp-breadcrumb{padding:12px 30px;font-size:13px}.cp-hero-banner{height:55vh;min-height:350px}.cp-banner-category{font-size:24px;letter-spacing:6px}.cp-banner-title,.cp-banner-description{font-size:13px}.cp-features-section{padding:25px 30px 40px}.cp-features-grid{gap:40px}.cp-feature-icon{width:120px;height:120px}.cp-feature-title{font-size:16px}.cp-feature-description{font-size:14px}.cp-products-section{padding:50px 30px 70px}.cp-products-grid,.cp-products-row{gap:25px}.cp-product-name{font-size:15px}.cp-cta-text{font-size:16px}}@media (max-width: 768px){.cp-breadcrumb{padding:10px 20px;font-size:12px}.cp-hero-banner{height:50vh;min-height:320px}.cp-banner-content{padding:0 30px}.cp-banner-category{font-size:20px;letter-spacing:5px;margin-bottom:15px}.cp-banner-divider{width:60px;margin-bottom:15px}.cp-banner-title{font-size:12px;letter-spacing:3px;margin-bottom:20px}.cp-banner-description{font-size:12px;line-height:1.8}.cp-features-section{padding:20px 20px 40px}.cp-features-grid{grid-template-columns:repeat(2,1fr);gap:25px}.cp-feature-icon{width:70px;height:70px;margin-bottom:15px}.cp-feature-title{font-size:11px}.cp-feature-description{font-size:12px}.cp-products-section{padding:40px 20px 60px}.cp-products-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.cp-products-row{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.cp-product-image,.cp-cta-box{aspect-ratio:1 / 1}.cp-product-name{font-size:14px}.cp-product-type{font-size:11px}.cp-cta-text{font-size:14px;letter-spacing:2px}.cp-bottom-cta{padding:0 20px 60px}.cp-btn-other{padding:14px 40px;font-size:11px}.cp-cta-button{padding:14px 40px;font-size:11px;letter-spacing:2px}}@media (max-width: 576px){.cp-hero-banner{height:45vh;min-height:280px}.cp-banner-content{padding:0 20px}.cp-banner-category{font-size:18px;letter-spacing:4px}.cp-banner-title{font-size:11px;letter-spacing:2px}.cp-banner-description{font-size:11px}.cp-features-section{padding:15px 15px 30px}.cp-features-grid{gap:20px}.cp-feature-icon{width:60px;height:60px;margin-bottom:12px}.cp-feature-title{font-size:10px;letter-spacing:.5px}.cp-feature-description{font-size:11px;padding:0 5px}.cp-products-section{padding:35px 15px 50px}.cp-products-grid{gap:15px;margin-bottom:35px}.cp-product-image{margin-bottom:12px}.cp-product-name{font-size:13px}.cp-product-type{font-size:10px}.cp-cta-button{padding:12px 35px;font-size:10px}}.admin-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:16px;color:#666}.admin-content-page{padding:30px;background-color:#f8f9fa;min-height:calc(100vh - 60px)}.admin-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-content-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.header-actions{display:flex;gap:15px;align-items:center}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;min-width:180px}.btn-add{padding:12px 24px;background-color:#9a8c7a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-add:hover{background-color:#8a7c6a}.admin-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.content-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s,box-shadow .3s}.content-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001f}.content-card.inactive{opacity:.6}.card-image{position:relative;width:100%;height:180px;background-color:#f0f0f0;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image .no-image{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}.card-order{position:absolute;top:10px;left:10px;background-color:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.card-status{position:absolute;top:10px;right:10px;background-color:#dc3545;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px}.card-info{padding:15px}.card-subtitle{font-size:11px;color:#9a8c7a;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px}.card-category{display:inline-block;font-size:10px;color:#fff;background-color:#9a8c7a;padding:3px 8px;border-radius:3px;margin-bottom:8px}.card-title{font-size:16px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.card-subtitle{font-size:14px;color:#9a8c7a;margin:0 0 8px;font-weight:500}.card-slug{font-size:12px;color:#888;margin:0 0 8px;font-family:monospace}.card-desc{font-size:13px;color:#666;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link{font-size:12px;color:#999;margin:8px 0 0}.card-actions{display:flex;border-top:1px solid #eee}.card-actions button{flex:1;padding:12px;border:none;background:none;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-edit{color:#9a8c7a}.btn-edit:hover{background-color:#f8f7f5}.btn-delete{color:#dc3545}.btn-delete:hover{background-color:#fff5f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:700px}.modal-content.modal-xlarge{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:#999;cursor:pointer;border-radius:50%;transition:all .3s}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-body,form{padding:25px}.form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section h3{font-size:14px;font-weight:600;color:#333;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:#333;margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#9a8c7a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-row .form-group{margin-bottom:0}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.image-upload{border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center}.image-upload input[type=file]{margin-bottom:10px}.image-preview{max-width:200px;max-height:150px;object-fit:contain;margin-bottom:15px;border-radius:6px}.image-upload .help-text{font-size:12px;color:#999;margin:10px 0}.uploading{color:#9a8c7a;font-size:13px}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.product-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent}.product-image-item.primary{border-color:#9a8c7a}.product-image-item img{width:100%;height:100%;object-fit:cover}.product-image-item .image-actions{position:absolute;top:5px;right:5px;display:flex;gap:5px}.product-image-item .image-actions button{width:24px;height:24px;border:none;border-radius:50%;background-color:#ffffffe6;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.add-image-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.add-image-btn:hover{border-color:#9a8c7a;background-color:#faf9f7}.add-image-btn input{display:none}.add-image-btn span{font-size:13px;color:#666}.sizes-list{display:flex;flex-direction:column;gap:10px}.size-row{display:flex;gap:10px;align-items:center}.size-row input[type=text]{flex:2}.size-row input[type=number]{flex:1}.size-row .price-adjust{font-size:12px;color:#666;white-space:nowrap}.btn-remove-size{width:30px;height:30px;border:none;background-color:#ffebee;color:#dc3545;border-radius:50%;cursor:pointer;font-size:18px}.btn-add-size{padding:10px;border:1px dashed #9a8c7a;background:none;color:#9a8c7a;border-radius:6px;cursor:pointer;font-size:13px}.btn-add-size:hover{background-color:#faf9f7}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;border-top:1px solid #eee;background:#fff;position:sticky;bottom:0}.btn-cancel{padding:12px 30px;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel:hover{background-color:#f5f5f5}.btn-save{padding:12px 30px;border:none;background-color:#9a8c7a;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-save:hover{background-color:#8a7c6a}.admin-table-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background-color:#f8f9fa;padding:15px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee}.admin-table td{padding:15px;border-bottom:1px solid #eee;font-size:14px;color:#333}.admin-table tr:hover{background-color:#faf9f7}.admin-table tr.inactive{opacity:.6}.table-image{width:60px;height:60px;border-radius:6px;overflow:hidden;background-color:#f0f0f0}.table-image img{width:100%;height:100%;object-fit:cover}.table-image .no-img{display:flex;align-items:center;justify-content:center;height:100%;color:#ccc;font-size:12px}.text-muted{display:block;font-size:12px;color:#999;font-weight:400}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.btn-sm{padding:6px 12px;font-size:12px;border-radius:4px;margin-right:5px}.btn-sm.btn-edit{background-color:#fff3e0;border:none}.btn-sm.btn-delete{background-color:#ffebee;border:none}@media (max-width: 768px){.admin-content-page{padding:15px}.admin-content-header{flex-direction:column;gap:15px;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.filter-select,.btn-add{width:100%}.admin-content-grid,.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}.size-row{flex-wrap:wrap}}.settings-card{background-color:#fff;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d}.settings-card h3{font-size:16px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #eee}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item.full-width{grid-column:1 / -1}.setting-item label{font-size:13px;font-weight:500;color:#555}.setting-item input,.setting-item textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.setting-item input:focus,.setting-item textarea:focus{outline:none;border-color:#9a8c7a}.setting-item textarea{resize:vertical;min-height:80px}.admin-subtitle{font-size:13px;color:#888;margin-top:5px}.card-subtitle{font-size:12px;color:#888;margin:2px 0}.card-link{font-size:11px;color:#9a8c7a;word-break:break-all}.url-input{margin-top:15px}.url-input label{display:block;font-size:12px;color:#888;margin-bottom:5px}.url-input input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.uploading-text{font-size:12px;color:#9a8c7a;margin-top:8px}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.admin-poisean-page{padding:32px;background:#f8fafc;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.linkBtn{display:flex;gap:1rem}.linkBtn a{color:#fff}.header-info h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.header-info p{color:#64748b;margin:0}.btn-add{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#9a8c7a;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover{background:#8a7c6a}.tabs-container{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;margin-bottom:24px;overflow-x:auto;border:1px solid #e2e8f0}.tab-btn{padding:12px 20px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;white-space:nowrap;transition:all .2s}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.tab-btn.active{background:#9a8c7a;color:#fff}.tab-content{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.content-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.product-count{background:#f1f5f9;color:#64748b;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#9a8c7a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.no-products{grid-column:1 / -1;text-align:center;padding:60px;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.no-products p{color:#64748b;margin-bottom:20px}.product-card{background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s}.product-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.product-image{position:relative;width:100%;height:180px;background:#e2e8f0}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .no-image{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8}.product-id{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.product-info{padding:16px}.product-info h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 8px}.product-price{font-size:18px;font-weight:700;color:#9a8c7a;margin:0 0 10px}.product-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.size-tag{background:#fff;color:#475569;padding:4px 10px;border-radius:6px;font-size:11px;border:1px solid #e2e8f0}.product-detail{font-size:12px;color:#64748b;margin:0;line-height:1.5}.product-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff}.product-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#eff6ff;color:#3b82f6}.btn-edit:hover{background:#dbeafe}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#fee2e2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:18px;font-weight:600;margin:0;color:#1e293b}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b}.btn-close:hover{background:#e2e8f0}.modal-body{padding:24px;overflow-y:auto}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.form-group textarea{resize:vertical}.images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.image-upload-item{display:flex;flex-direction:column;gap:8px}.image-upload-item>label{font-size:13px;font-weight:500;color:#475569}.image-upload-box{width:100%;height:120px;border-radius:8px;overflow:hidden;background:#f8fafc}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-image{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;background:#0009;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove-image:hover{background:#000c}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;color:#94a3b8;transition:all .2s}.upload-placeholder:hover{border-color:#9a8c7a;color:#9a8c7a;background:#faf9f7}.upload-placeholder input{display:none}.upload-placeholder span{font-size:12px}.image-upload-item input[type=text]{padding:8px 12px;font-size:12px}.sizes-prices-grid{display:flex;flex-direction:column;gap:12px}.size-price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-price-row .form-group{margin-bottom:0}.size-dimensions .dimension-inputs{display:flex;align-items:center;gap:8px}.size-dimensions .dimension-inputs input{flex:1;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;text-align:center;transition:all .2s}.size-dimensions .dimension-inputs input:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.size-dimensions .dimension-separator{font-size:16px;font-weight:500;color:#64748b;min-width:16px;text-align:center}.size-dimensions .dimension-unit{font-size:13px;color:#64748b;min-width:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;color:#64748b}.btn-cancel:hover{background:#f8fafc}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#9a8c7a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-save:hover{background:#8a7c6a}.btn-save:disabled{opacity:.6;cursor:not-allowed}.product-details-group>label{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px;display:block}.product-details-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;padding:16px;border-radius:10px;border:1px solid #e2e8f0}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-field label{font-size:12px;font-weight:500;color:#64748b}.detail-field input,.detail-field textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;transition:all .2s}.detail-field input:focus,.detail-field textarea:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.detail-field textarea{resize:vertical;min-height:60px}@media (max-width: 768px){.admin-poisean-page{padding:16px}.admin-header{flex-direction:column;gap:16px;align-items:stretch}.tabs-container{flex-wrap:nowrap}.products-grid,.images-grid,.size-price-row,.product-details-fields{grid-template-columns:1fr}.modal{max-height:95vh}}.admin-users-page{padding:32px;background:#f8fafc;min-height:100vh}.admin-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-users-header .header-info h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.admin-users-header .header-info p{color:#64748b;margin:0;font-size:14px}.btn-add-user{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #1a365d4d}.btn-add-user:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a365d66}.users-tabs{display:flex;gap:12px;margin-bottom:24px}.users-tab-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;border-radius:12px;transition:all .3s}.users-tab-btn:hover{border-color:#1a365d;color:#1a365d;background:#f8fafc}.users-tab-btn.active{background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border-color:transparent;box-shadow:0 4px 15px #1a365d4d}.users-tab-btn .tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:8px}.users-tab-btn:not(.active) .tab-icon{background:#f1f5f9}.users-content-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 20px #0000000d}.users-content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.users-content-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.users-count-badge{background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b}.users-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#1a365d;border-radius:50%;animation:usersSpin .8s linear infinite;margin-bottom:20px}@keyframes usersSpin{to{transform:rotate(360deg)}}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:24px}.users-empty{grid-column:1 / -1;text-align:center;padding:80px 40px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;border:2px dashed #e2e8f0}.users-empty-icon{width:80px;height:80px;margin:0 auto 20px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.users-empty p{color:#64748b;margin-bottom:24px;font-size:16px}.user-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s;position:relative}.user-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px);border-color:#cbd5e1}.user-card-header{position:relative;background:linear-gradient(135deg,#1a365d,#2c5282);padding:24px;text-align:center}.user-avatar{width:72px;height:72px;background:#fff;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#1a365d;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}.user-card-id{position:absolute;top:12px;right:12px;background:#fff3;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.user-card-body{padding:20px}.user-name{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 6px;text-align:center}.user-email{color:#64748b;font-size:14px;margin:0 0 16px;text-align:center}.user-role-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin:0 auto;display:flex;justify-content:center;width:fit-content}.user-role-badge.super-admin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.user-role-badge.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.user-role-badge.user{background:#f3f4f6;color:#6b7280}.user-role-badge.dealer{background:linear-gradient(135deg,gold,orange);color:#7c4a00}.user-current-tag{display:inline-block;margin-left:8px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.user-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.user-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.user-action-btn.edit{background:#eff6ff;color:#2563eb}.user-action-btn.edit:hover{background:#dbeafe}.user-action-btn.password{background:#fef3c7;color:#b45309}.user-action-btn.password:hover{background:#fde68a}.user-action-btn.delete{background:#fef2f2;color:#dc2626}.user-action-btn.delete:hover{background:#fee2e2}.user-action-btn:disabled{opacity:.4;cursor:not-allowed}.users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.users-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#1a365d,#2c5282);border-radius:20px 20px 0 0}.users-modal-header h2{font-size:20px;font-weight:600;margin:0;color:#fff}.users-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#fff3;border-radius:10px;cursor:pointer;color:#fff;transition:all .2s}.users-modal-close:hover{background:#ffffff4d}.users-modal-body{padding:24px;overflow-y:auto}.users-form-group{margin-bottom:20px}.users-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.users-form-group input,.users-form-group select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s;box-sizing:border-box}.users-form-group input:focus,.users-form-group select:focus{outline:none;border-color:#1a365d;box-shadow:0 0 0 4px #1a365d1a}.users-form-group input.error{border-color:#dc2626}.users-form-error{color:#dc2626;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.users-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 20px 20px}.users-btn-cancel{padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;color:#6b7280;transition:all .2s}.users-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.users-btn-save{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #1a365d4d}.users-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a365d66}.users-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-change-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:16px;margin-bottom:20px}.password-change-info p{margin:0;color:#1e40af;font-size:14px}.password-change-info strong{color:#1e3a8a}@media (max-width: 768px){.admin-users-page{padding:16px}.admin-users-header{flex-direction:column;gap:16px;align-items:stretch}.users-tabs{flex-direction:column}.users-grid{grid-template-columns:1fr;padding:16px}.user-actions{flex-wrap:wrap}.user-action-btn{flex:1 1 calc(50% - 4px)}.users-modal{max-width:100%;margin:10px}}