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(2){transition-delay:.1s}.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;position:relative}.cart-modal-item-image.clickable{cursor:pointer}.cart-modal-item-image.clickable:hover .cart-modal-edit-overlay{opacity:1}.cart-modal-item-image.clickable:hover img{transform:scale(1.05)}.cart-modal-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-modal-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.cart-modal-edit-overlay svg{stroke:#fff}.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-name.clickable{cursor:pointer;transition:color .2s ease}.cart-modal-item-name.clickable:hover{color:#666;text-decoration:underline}.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}.cart-modal-checkout-btn.disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;pointer-events:none}.cart-modal-pending-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3cd;color:#856404;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:500;margin:4px 0;border:1px solid #FFE69C}.cart-modal-pending-badge svg{stroke:#856404}@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}}.swal2-container{z-index:99999!important}.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-avatar-wrapper{position:relative;flex-shrink:0}.nav-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.dealer-star-badge-nav{display:none;position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:linear-gradient(135deg,gold,orange);border-radius:50%;align-items:center;justify-content:center;border:1.5px solid #000}.dealer-star-badge-nav svg{fill:#333}.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-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-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:.08s}.scroll-stagger.visible>*:nth-child(3){transition-delay:.16s}.scroll-stagger.visible>*:nth-child(4){transition-delay:.24s}.scroll-stagger.visible>*:nth-child(5){transition-delay:.32s}.scroll-stagger.visible>*:nth-child(6){transition-delay:.4s}.scroll-stagger.visible>*:nth-child(7){transition-delay:.48s}.scroll-stagger.visible>*:nth-child(8){transition-delay:.56s}.scroll-stagger.visible>*:nth-child(9){transition-delay:.64s}.scroll-stagger.visible>*:nth-child(10){transition-delay:.72s}.scroll-stagger.visible>*:nth-child(11){transition-delay:.8s}.scroll-stagger.visible>*:nth-child(12){transition-delay:.88s}.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>*{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}.interior-badge-nav-icon{display:none;position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:50%;align-items:center;justify-content:center;border:1.5px solid #000}.interior-badge-nav-icon svg{fill:#fff}.interior-badge-nav{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.interior-badge-nav svg{fill:#fff}.interior-star-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #000}.interior-star-badge svg{fill:#fff}.interior-badge-dropdown{display:inline-flex;align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px) and (min-width: 769px){.nav-user-btn{padding:4px 10px 4px 4px}.nav-user-name{max-width:60px;font-size:12px}.dealer-badge-nav,.interior-badge-nav{padding:2px 6px;font-size:9px;margin-left:2px}.dealer-badge-nav svg,.interior-badge-nav svg{width:10px;height:10px}}@media (max-width: 768px){.dealer-badge-nav,.interior-badge-nav{display:none}.dealer-star-badge-nav,.interior-badge-nav-icon{display:flex}.nav-user-btn{padding:4px;border-radius:50%;width:36px;height:36px;justify-content:center}.nav-user-avatar,.nav-user-avatar-placeholder{width:26px;height:26px}}@media (max-width: 480px){.dealer-badge-nav,.interior-badge-nav{display:none}.dealer-star-badge-nav,.interior-badge-nav-icon{width:14px;height:14px;bottom:-1px;right:-1px}.dealer-star-badge-nav svg,.interior-badge-nav-icon svg{width:8px;height:8px}}.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}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;margin-top:12px;background-color:transparent;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;cursor:pointer;transition:all .2s ease;font-size:14px}.logout-btn:hover{background-color:#ef44441a;border-color:#ef444480}.logout-btn .menu-icon{display:flex;align-items:center;justify-content:center}.logout-btn .menu-label{white-space:nowrap}.admin-sidebar.closed .logout-btn{justify-content:center;padding:12px}.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}.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;pointer-events:none}@keyframes slowZoom{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.1) translateZ(0)}}.slide-bg{transform:scale(1) translateZ(0);animation:slowZoom 8s ease-in-out infinite alternate}.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:repeat(2,1fr);gap:1rem;margin:2rem 0;padding:0 1rem}.category-item{position:relative;display:block;text-decoration:none;overflow:hidden;aspect-ratio:16 / 9;width:100%;min-height:350px}.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:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.category-name{font-family:Jost,sans-serif;font-size:32px;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:28px;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}.hot-deal-item{position:relative}.hot-deal-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.hot-deal-overlay{background:linear-gradient(135deg,#0000001a,#0003)!important}.hot-deal-item:hover .hot-deal-overlay{background:linear-gradient(135deg,#00000026,#00000040)!important}.hot-deal-icon{width:180px;height:auto;margin-bottom:8px}.hot-deal-item .category-name{font-weight:700;letter-spacing:4px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hot-deal-item .category-subtitle{font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@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{grid-template-columns:1fr;gap:6px;margin:10px 0}.category-item{min-height:200px}.category-name{font-size:14px;letter-spacing:2px}.category-subtitle{font-size:12px}.hot-deal-icon{width:140px}}@media (max-width: 576px){.hero-slider{height:60vh;min-height:380px}.slide-content{position:absolute!important;left:50%!important;top:55%!important;transform:translate(-50%,-50%)!important;padding:60px 20px 0!important;text-align:center!important;max-width:95%!important;width:calc(100% - 40px)!important;z-index:5!important}.category-item{min-height:180px!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}.hot-deal-icon{width:120px;margin-bottom:4px}}@media (max-width: 400px){.hero-slider{height:50vh;min-height:320px}.slide-content{position:absolute!important;left:20px!important;right:20px!important;top:auto!important;bottom:50px!important;transform:none!important;padding:0!important;text-align:left!important;max-width:none!important;width:auto!important;z-index:5!important}.slide-title{font-size:18px!important;line-height:1.3!important;color:#fff!important;opacity:1!important;margin-bottom:6px!important}.slide-subtitle{font-size:18px!important;line-height:1.3!important;margin-bottom:4px!important;color:#fff!important;opacity:1!important}.slide-description{font-size:11px!important;line-height:1.4!important;margin-bottom:12px!important;color:#ffffffe6!important;opacity:1!important}.slide-btn{padding:10px 20px!important;font-size:12px!important;letter-spacing:1px!important;opacity:1!important;display:inline-block!important}.slider-arrow{width:36px;height:36px;display:none!important}.slider-arrow.prev{left:5px}.slider-arrow.next{right:5px}.slider-arrow svg{width:20px;height:20px}.slider-dots{bottom:15px;gap:8px}.dot{width:6px;height:6px}.category-grid{grid-template-columns:1fr;gap:6px;padding:0 6px;margin:6px 0}.category-item{aspect-ratio:16 / 9;min-height:160px!important}.category-name{font-size:14px;letter-spacing:2px}.category-subtitle{font-size:12px}.category-text{gap:4px}.hot-deal-icon{width:90px;margin-bottom:4px}}.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;position:relative}.item-image.clickable{cursor:pointer}.item-image.clickable:hover .edit-overlay{opacity:1}.item-image.clickable:hover img{transform:scale(1.05)}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.edit-overlay svg{stroke:#fff}.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-name.clickable{cursor:pointer;transition:color .2s ease}.item-name.clickable:hover{color:#666;text-decoration:underline}.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}.checkout-btn.disabled{background:#ccc;cursor:not-allowed;pointer-events:none}.pending-approval-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;margin:6px 0;border:1px solid #FFE69C}.pending-approval-badge svg{stroke:#856404}.pending-checkout-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;background:#fff3cd;border:1px solid #FFE69C;border-radius:4px;font-size:12px;color:#856404;line-height:1.4}.pending-checkout-note svg{flex-shrink:0;stroke:#856404;margin-top:1px}.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;position:relative}.checkout-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-loading-content{text-align:center;padding:40px}.checkout-loading-spinner{width:80px;height:80px;margin:0 auto 24px;color:#9a8c7a}.checkout-loading-spinner svg{width:100%;height:100%}.checkout-loading-text{font-family:Kanit,sans-serif;font-size:20px;font-weight:500;color:#333;margin:0 0 8px}.checkout-loading-subtext{font-family:Kanit,sans-serif;font-size:14px;color:#666;margin:0}.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 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}.card-brand-icons{display:flex;gap:8px;margin-top:6px;align-items:center}.card-brand-icon{height:22px;width:auto;border-radius:3px}.card-brand-icon.visa{height:20px}.card-brand-icon.mastercard{height:22px}.card-brand-icon.amex{height:20px}.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-item-ready-date{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#f5f5f5;border-radius:6px;font-family:Kanit,sans-serif;font-size:12px;color:#333}.summary-item-ready-date svg{color:#000;flex-shrink:0}.summary-item-ready-date span{font-weight:500}.summary-item-leadtime{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#fff8e1;border-radius:6px;font-family:Kanit,sans-serif;font-size:12px;color:#5d4c01}.summary-item-leadtime svg{color:#f9a825;flex-shrink:0}.summary-item-leadtime span{font-weight:500}.coupon-section{border-top:1px solid #e5e5e5;padding:20px 0}.coupon-title{display:flex;align-items:center;gap:8px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#333;margin:0 0 12px}.coupon-title svg{color:#6366f1}.coupon-input-group{display:flex;gap:8px}.coupon-input-group input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:JetBrains Mono,Kanit,monospace;text-transform:uppercase;transition:border-color .2s}.coupon-input-group input:focus{outline:none;border-color:#6366f1}.coupon-input-group input.error{border-color:#ef4444}.btn-apply-coupon{padding:10px 16px;background:#1a1a2e;color:#fff;border:none;border-radius:6px;font-size:13px;font-family:Kanit,sans-serif;cursor:pointer;transition:background .2s}.btn-apply-coupon:hover:not(:disabled){background:#2d2d44}.btn-apply-coupon:disabled{background:#94a3b8;cursor:not-allowed}.coupon-error{font-size:12px;color:#ef4444;margin:8px 0 0}.applied-coupon{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px}.applied-coupon-info{display:flex;flex-direction:column;gap:2px}.applied-coupon-code{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:#166534}.applied-coupon-discount{font-size:13px;color:#15803d}.btn-remove-coupon{width:28px;height:28px;background:#fff;border:1px solid #bbf7d0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#22c55e;transition:all .2s}.btn-remove-coupon:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.my-coupons{margin-top:16px}.my-coupons-label{font-size:12px;color:#64748b;margin:0 0 8px}.my-coupons-list{display:flex;flex-wrap:wrap;gap:8px}.my-coupon-item{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;cursor:pointer;transition:all .2s}.my-coupon-item:hover:not(:disabled){background:#eff6ff;border-color:#6366f1}.my-coupon-item:disabled{opacity:.6;cursor:not-allowed}.coupon-item-code{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:#1a1a2e}.coupon-item-value{font-size:11px;color:#6366f1;font-weight:500}.referral-section{border-top:1px solid #e5e5e5;padding:20px 0}.referral-title{display:flex;align-items:center;gap:8px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#333;margin:0 0 12px}.referral-title svg{color:#10b981}.referral-input-group{display:flex;gap:8px}.referral-input-group input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:Kanit,sans-serif;transition:border-color .2s}.referral-input-group input:focus{outline:none;border-color:#10b981}.summary-totals{border-top:1px solid #e5e5e5;padding-top:20px}.summary-row.discount-row{background:#f0fdf4;margin:0 -20px;padding:10px 20px}.summary-row .discount-label{display:flex;align-items:center;gap:6px;color:#166534}.summary-row .discount-label svg{color:#22c55e}.summary-row .discount-value{color:#166534;font-weight:500}.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!important;padding:15px 0 0;border-top:1px solid #ddd;margin-top:10px;background:transparent!important}.summary-row.total span:first-child{color:#000!important}.summary-row.total span:last-child{color:#000!important}.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}.shipping-provider-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:8px 0;border-top:1px dashed #e5e5e5;margin-top:5px}.shipping-provider-info .provider-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.shipping-provider-info .provider-badge svg{color:#fff;stroke:#fff}.shipping-provider-info .shipping-weight-info{display:flex;align-items:center;gap:8px;font-size:11px;color:#666}.shipping-provider-info .shipping-weight-info .rate-type{color:#9a8c7a;font-style:italic}.shipping-provider-info .shipping-dimension-info{display:flex;align-items:center;gap:8px;font-size:11px;color:#666}.shipping-provider-info .shipping-dimension-info .rate-type{color:#9a8c7a;font-style:italic}.shipping-provider-info .shipping-dimension-info .calculation-method{color:#10b981;font-weight:500}.lead-time-info-row{display:flex;align-items:center;gap:16px;padding:16px;margin:15px 0;background:#f5f5f5;border-radius:12px}.lead-time-info-row .lead-time-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#e0e0e0;border-radius:10px;flex-shrink:0}.lead-time-info-row .lead-time-icon svg{color:#666}.lead-time-info-row .lead-time-content{display:flex;flex-direction:column;gap:4px}.lead-time-info-row .lead-time-label{font-size:13px;font-weight:400;color:#666}.lead-time-info-row .lead-time-date{font-size:20px;font-weight:600;color:#333}.lead-time-info-row .lead-time-shipping-note{font-size:12px;color:#888}.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}.line-notification-text{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Kanit,sans-serif;font-size:16px;color:#06c755;font-weight:500;margin:5px 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}.animate-spin{animation:spin 1s 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}}.qr-payment-section{background:#fff;border-radius:12px;padding:24px;margin-top:20px;border:1px solid #e5e7eb}.qr-payment-section h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.qr-payment-content{display:flex;gap:30px;align-items:flex-start;margin-bottom:24px}.qr-code-wrapper{flex:0 0 200px;text-align:center}.qr-code-box{width:200px;height:200px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.qr-code-image{max-width:100%;max-height:100%;object-fit:contain}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.qr-placeholder p{margin:10px 0 0;font-size:14px}.qr-amount{margin:12px 0 0;font-size:16px;color:#333}.qr-amount strong{color:#9a8c7a;font-size:20px}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9a8c7a}.qr-loading p{margin:12px 0 0;font-size:13px}.qr-loading .spinner{animation:qr-spin 1.2s linear infinite}@keyframes qr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-ref{margin:6px 0 0;font-size:12px;color:#888;font-family:monospace}.qr-error-note{margin:8px 0 0;font-size:12px;color:#dc2626}.save-qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #10b9814d}.save-qr-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.save-qr-btn:active{transform:translateY(0)}.save-qr-btn svg{flex-shrink:0}.bank-account-info{flex:1;background:#f9f9f9;border-radius:10px;padding:20px}.bank-account-info h5{margin:0 0 15px;font-size:15px;font-weight:600;color:#333}.bank-detail{display:flex;margin-bottom:10px;font-size:14px}.bank-label{flex:0 0 100px;color:#666}.bank-value{color:#333;font-weight:500}.slip-upload-section{border-top:1px solid #e5e7eb;padding-top:20px;margin-bottom:16px}.slip-upload-section h5{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:15px;font-weight:600;color:#333}.slip-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.slip-dropzone:hover{border-color:#9a8c7a;background:#f5f3f0}.slip-dropzone.has-preview{padding:10px;border-style:solid;border-color:#9a8c7a}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone-content p{margin:0;font-size:15px;font-weight:500;color:#333}.dropzone-content span{font-size:13px;color:#888}.slip-preview{position:relative;display:inline-block}.slip-preview img{max-width:300px;max-height:400px;border-radius:8px;object-fit:contain}.remove-slip-btn{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#f44;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-slip-btn:hover{background:#c00}.slip-error{color:#dc2626;font-size:14px;margin:10px 0 0}.verify-slip-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;margin-top:15px;background:linear-gradient(135deg,#9a8c7a,#7d7165);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.verify-slip-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9a8c7a66}.verify-slip-btn:disabled{background:#ccc;cursor:not-allowed}.verify-slip-btn .spinner{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.verification-error{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-top:15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.verification-success{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:15px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534}.verification-success svg{flex-shrink:0;margin-top:2px}.success-title{margin:0 0 4px;font-weight:600;font-size:15px}.success-detail{margin:0;font-size:13px;color:#15803d}.slip-verify-section{margin-top:15px;text-align:center}.verify-slip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.verify-slip-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.verify-slip-btn:disabled{opacity:.7;cursor:not-allowed}.verify-slip-btn .spinner{animation:spin 1s linear infinite}.verify-hint{margin:10px 0 0;font-size:13px;color:#6b7280}.verification-error{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.verification-error svg{flex-shrink:0;margin-top:2px}.error-title{margin:0 0 4px;font-weight:600;font-size:15px}.error-detail{margin:0;font-size:13px;color:#b91c1c}.qr-payment-note{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e}@media (max-width: 768px){.qr-payment-content{flex-direction:column;align-items:center}.qr-code-wrapper{flex:none}.bank-account-info{width:100%}.slip-preview img{max-width:100%}}.line-qr-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fff,#f0fdf4);border:2px solid #06C755;border-radius:12px}.line-qr-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.line-qr-header span{font-size:16px;font-weight:600;color:#1f2937}.line-qr-content{display:flex;flex-direction:column;align-items:center;text-align:center}.line-qr-image{width:150px;height:150px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.line-qr-text{margin:12px 0;font-size:14px;color:#6b7280}.line-add-friend-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#06c755;color:#fff;text-decoration:none;border-radius:24px;font-size:14px;font-weight:500;transition:all .2s}.line-add-friend-btn:hover{background:#05a347;transform:translateY(-1px);box-shadow:0 4px 12px #06c7554d}@media (max-width: 768px){.line-qr-section{margin-top:20px;padding:16px}.line-qr-image{width:120px;height:120px}}.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%;text-decoration:none;font-family:inherit}a.nav-item{text-decoration:none;box-sizing:border-box;margin:0}.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-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}.security-item .btn-action{flex-shrink:0;width:auto;min-width:140px;max-width:200px}.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}.security-item .btn-action{align-self:flex-start;width:auto}.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;flex-direction:column;gap:12px;padding:15px 20px;border-top:1px solid #e5e7eb}.order-actions .action-buttons{display:flex;gap:8px;justify-content:flex-end;width:100%}.auto-confirm-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff8e6;border:1px solid #ffc107;border-radius:8px;font-size:13px;color:#856404}.auto-confirm-notice svg{flex-shrink:0;stroke:#856404}.auto-confirm-notice strong{color:#d97706}.btn-confirm-delivery{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-confirm-delivery:hover{background:#218838;transform:translateY(-1px)}.btn-confirm-delivery svg{stroke:#fff}.btn-report-issue{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:#fff;color:#dc3545;border:1px solid #dc3545;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.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}.issue-reported-badge{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0}.issue-reported-badge svg{stroke:#f59e0b}@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}.order-actions .action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn-confirm-delivery,.btn-report-issue,.issue-reported-badge{font-size:12px;padding:6px 12px}.auto-confirm-notice{font-size:12px}}.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;flex-shrink:0}.card-actions .btn-set-default{background:transparent;border:1px solid #9a8c7a;color:#9a8c7a;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;margin:0}.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;flex-shrink:0}.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;flex-wrap:nowrap}.card-actions .btn-set-default{padding:6px 12px;font-size:11px}.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: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}}.register-dealer-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:40px 20px;font-family:Sarabun,Segoe UI,Tahoma,sans-serif}.register-dealer-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.register-dealer-header{background:linear-gradient(135deg,#1a365d,#2d4a6f);padding:40px 30px;text-align:center;color:#fff}.register-logo{height:60px;margin-bottom:20px}.register-dealer-header h1{margin:0 0 10px;font-size:1.8rem;font-weight:700}.register-dealer-header p{margin:0;opacity:.9;font-size:1rem}.register-dealer-form{padding:30px}.form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.section-title{font-size:1.1rem;font-weight:600;color:#1a365d;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #1a365d;display:inline-block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.form-row{grid-template-columns:1fr;gap:15px}}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-select:focus{outline:none;border-color:#1a365d;box-shadow:0 0 0 3px #1a365d1a}.form-group input::placeholder{color:#9ca3af}.form-group input.error,.form-group select.error,.form-select.error{border-color:#dc2626;background-color:#fef2f2}.form-error{display:block;font-size:.8rem;color:#dc2626;margin-top:4px}.checkbox-group{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1a365d}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-submit{background:linear-gradient(135deg,#1a365d,#2d4a6f);color:#fff}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#2d4a6f,#1a365d);transform:translateY(-1px);box-shadow:0 4px 12px #1a365d4d}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.register-dealer-footer{text-align:center;padding:20px 30px 30px;background:#f8fafc;border-top:1px solid #e2e8f0}.register-dealer-footer p{margin:8px 0;color:#6b7280;font-size:.95rem}.register-dealer-footer a{color:#1a365d;text-decoration:none;font-weight:600}.register-dealer-footer a:hover{text-decoration:underline}@media (max-width: 600px){.register-dealer-page{padding:20px 15px}.register-dealer-header{padding:30px 20px}.register-dealer-header h1{font-size:1.5rem}.register-dealer-form{padding:20px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.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-page .search-results{margin-top:30px;position:relative!important;top:auto!important;left:auto!important;right:auto!important;max-height:none!important;border:none!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.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 .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999}.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;justify-content:space-between;gap:10px;padding:12px 20px;background:#f0f9ff;border-top:1px solid #e5e7eb;flex-wrap:wrap}.tracking-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.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}.shipping-provider{font-size:12px;color:#64748b;text-transform:capitalize}.btn-track{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0369a1;color:#fff;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.btn-track:hover{background:#0284c7;transform:translateY(-1px)}.btn-track svg{flex-shrink:0}.tracking-pending{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.tracking-pending svg{color:#9a8c7a}.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}}.tracking-page{min-height:100vh;background-color:#faf9f7;padding:40px 20px 80px}.tracking-container{max-width:800px;margin:0 auto}.tracking-header{text-align:center;margin-bottom:32px}.tracking-header h1{font-size:32px;font-weight:600;color:#333;margin-bottom:8px;font-family:Cormorant Garamond,serif}.tracking-header p{color:#6b7280;font-size:15px;margin:0}.tracking-search-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;margin-bottom:24px}.tracking-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.tracking-tab{padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;position:relative;transition:color .2s}.tracking-tab:hover{color:#333}.tracking-tab.active{color:#9a8c7a}.tracking-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#9a8c7a}.tracking-search-form{display:flex;gap:12px}.tracking-search-form input{flex:1;padding:14px 18px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s}.tracking-search-form input:focus{outline:none;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.tracking-search-form input::placeholder{color:#9ca3af}.tracking-search-btn{padding:14px 28px;background:#9a8c7a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tracking-search-btn:hover{background:#8a7c6a}.tracking-search-btn:disabled{opacity:.6;cursor:not-allowed}.tracking-search-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.tracking-error{margin-top:16px;padding:14px 18px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:14px}.tracking-result-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.tracking-status-header{padding:24px;border-bottom:1px solid #e5e7eb}.tracking-status-header.status-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.tracking-status-header.status-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.tracking-status-header.status-yellow{background:linear-gradient(135deg,#fefce8,#fef3c7)}.tracking-status-header.status-orange{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.tracking-status-header.status-red{background:linear-gradient(135deg,#fef2f2,#fecaca)}.tracking-status-header.status-gray{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.tracking-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.tracking-number-section p{font-size:13px;color:#6b7280;margin-bottom:4px}.tracking-number-display{font-size:22px;font-weight:700;color:#333;font-family:Courier New,monospace;letter-spacing:1px}.tracking-order-number{font-size:13px;color:#6b7280;margin-top:4px}.tracking-status-badge{display:inline-flex;align-items:center;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:600}.tracking-status-badge.badge-green{background:#dcfce7;color:#16a34a}.tracking-status-badge.badge-blue{background:#dbeafe;color:#2563eb}.tracking-status-badge.badge-yellow{background:#fef3c7;color:#d97706}.tracking-status-badge.badge-orange{background:#fed7aa;color:#ea580c}.tracking-status-badge.badge-red{background:#fecaca;color:#dc2626}.tracking-status-badge.badge-gray{background:#e5e7eb;color:#6b7280}.tracking-progress{margin-top:28px}.tracking-progress-labels{display:flex;justify-content:space-between;margin-bottom:10px}.tracking-progress-labels span{font-size:11px;color:#6b7280;text-align:center;flex:1}.tracking-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.tracking-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.tracking-progress-fill.fill-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.tracking-progress-fill.fill-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.tracking-progress-fill.fill-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.tracking-events{padding:24px}.tracking-events h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.tracking-timeline{display:flex;flex-direction:column;gap:0}.tracking-timeline-item{display:flex;gap:16px}.tracking-timeline-dot{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tracking-timeline-dot .dot{width:12px;height:12px;border-radius:50%;background:#d1d5db}.tracking-timeline-dot .dot.active{background:#9a8c7a}.tracking-timeline-dot .line{width:2px;flex:1;background:#e5e7eb;margin-top:4px;min-height:20px}.tracking-timeline-content{flex:1;padding-bottom:20px}.tracking-timeline-content p{margin:0}.tracking-timeline-content .event-status{font-weight:600;color:#333;font-size:14px}.tracking-timeline-content .event-location{font-size:13px;color:#6b7280;margin-top:2px}.tracking-timeline-content .event-time{font-size:12px;color:#9ca3af;margin-top:4px}.tracking-no-events{text-align:center;padding:40px 20px;color:#6b7280}.tracking-external-link{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.tracking-external-link a{color:#9a8c7a;font-weight:500;text-decoration:none;font-size:14px;transition:color .2s}.tracking-external-link a:hover{color:#7a6c5a}.tracking-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;margin-top:24px}.tracking-info-card h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.tracking-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 640px){.tracking-info-grid{grid-template-columns:1fr}}.tracking-info-item h4{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.tracking-info-item .provider-info{display:flex;align-items:center;gap:12px}.tracking-info-item .provider-info img{height:32px;object-fit:contain}.tracking-info-item ul{list-style:none;padding:0;margin:0}.tracking-info-item ul li{font-size:13px;color:#6b7280;padding:4px 0}.tracking-note{margin-top:20px;padding:16px;background:#f0f9ff;border-radius:8px}.tracking-note p{font-size:13px;color:#0369a1;margin:0}.tracking-note strong{font-weight:600}@media (max-width: 640px){.tracking-page{padding:20px 16px 60px}.tracking-page h1{font-size:26px}.tracking-search-form{flex-direction:column}.tracking-search-btn{justify-content:center}.tracking-header-content{flex-direction:column;align-items:stretch}.tracking-status-badge{text-align:center;justify-content:center}.tracking-progress-labels span{font-size:10px}.tracking-tab{padding:10px 14px;font-size:13px}}.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{display:flex;flex-direction:column;align-items:center;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!important;font-weight:400;color:#000;line-height:1.6;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.scroll-item{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.collection-item.scroll-item.visible{opacity:1;transform:translateY(0)}.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}.vat-excluded{font-size:12px;font-weight:400;color:#666;margin-left:4px}.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{grid-template-columns:repeat(4,1fr);gap:8px}.thumbnails .thumbnail:nth-child(1),.thumbnails .thumbnail:nth-child(2){grid-column:span 2}.thumbnails .thumbnail:nth-child(n+3){grid-column:span 1}.thumbnail{width:auto;height:auto;aspect-ratio:1}.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-product-item.scroll-item,.hw-cta-item.scroll-item{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.hw-product-item.scroll-item.visible,.hw-cta-item.scroll-item.visible{opacity:1;transform:translateY(0)}.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-hover{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease;z-index:1}.hw-product-item:hover .hw-product-image-hover{opacity:1}.hw-product-image.out-of-stock:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;z-index:1}.hw-out-of-stock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:200px;height:200px;border:8px solid #999;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;z-index:2;pointer-events:none;text-transform:uppercase;box-shadow:0 0 0 4px #9999994d}.hw-out-of-stock-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:60px;background:#999;z-index:-1}.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-image-hover.no-image{background:linear-gradient(135deg,#d4cec6,#c9c2b8)}.hw-product-image-hover.no-image:after{content:"No Hover Image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Kanit,sans-serif;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.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}.hw-out-of-stock-overlay{width:100px;height:100px;border:4px solid #999;font-size:14px;letter-spacing:1.5px;box-shadow:0 0 0 2px #9999994d}.hw-out-of-stock-overlay:before{width:120px;height:35px}}@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}}.scroll-row{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-row.visible{opacity:1;transform:translateY(0)}.scroll-fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-fade-up.visible{opacity:1;transform:translateY(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-stagger{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-stagger.visible{opacity:1;transform:translateY(0)}.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-main-image.out-of-stock img{opacity:.4;filter:grayscale(60%)}.pd-hot-deal-badge{display:inline-flex;align-items:center;margin:8px 0}.pd-hot-deal-icon{height:40px;width:auto;object-fit:contain}.pd-hot-deal-text{display:flex;align-items:center;gap:4px;font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:#ff6b35;letter-spacing:.5px}.pd-out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:200px;height:200px;border:8px solid #999;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;box-shadow:0 0 0 4px #9999994d}.pd-out-of-stock-badge:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:60px;background:#999;z-index:-1}.pd-out-of-stock-badge span:first-child{font-family:Kanit,sans-serif;font-size:32px;font-weight:700;letter-spacing:3px;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:2}.pd-out-of-stock-badge-en{display:none}.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-category{font-family:Kanit,sans-serif;font-size:13px;font-weight:400;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 8px}.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}.pd-vat-excluded{font-size:12px;font-weight:400;color:#666;margin-left:4px}.pd-box-info-section{background:linear-gradient(135deg,#f8f7f5,#f0eeeb);border:1px solid #e5e2de;border-radius:12px;padding:16px 20px;margin:15px 0 20px}.pd-box-badge{display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e0ddd8}.pd-box-badge svg{color:#8b7355}.pd-box-badge span{font-family:Kanit,sans-serif;font-size:15px;font-weight:600;color:#8b7355;text-transform:uppercase;letter-spacing:.5px}.pd-box-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pd-box-detail-item{display:flex;flex-direction:column;gap:4px}.pd-box-detail-label{font-family:Kanit,sans-serif;font-size:11px;font-weight:400;color:#888;text-transform:uppercase;letter-spacing:.5px}.pd-box-detail-value{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:#333}.pd-price-section{margin-bottom:20px}.pd-price-label{font-family:Kanit,sans-serif;font-size:12px;font-weight:400;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.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-size-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.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-btn:disabled{opacity:.5;cursor:not-allowed;color:#999}.pd-quantity-btn:disabled:hover{background-color:transparent}.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-add-to-cart:disabled,.pd-add-to-cart.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.pd-add-to-cart:disabled:hover,.pd-add-to-cart.disabled:hover{background-color:#ccc}.pd-stock-warning{font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:#d9534f;margin:-15px 0 20px;padding:8px 12px;background-color:#fff3cd;border-left:3px solid #d9534f}.pd-ready-to-ship{display:flex;align-items:flex-start;gap:15px;margin:20px 0;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.pd-ready-to-ship-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000;border-radius:10px;color:#fff;flex-shrink:0}.pd-ready-to-ship-info{flex:1}.pd-ready-to-ship-label{font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:#6c757d;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.pd-ready-to-ship-date{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0 0 6px}.pd-ready-to-ship-note{font-family:Kanit,sans-serif;font-size:12px;font-weight:400;color:#6c757d;margin:0}.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-category{font-size:11px;letter-spacing:1px}.pd-product-name{font-size:22px;letter-spacing:2px}.pd-product-price{font-size:16px}.pd-box-info-section{padding:14px 16px;margin:12px 0 16px}.pd-box-badge{padding-bottom:10px;margin-bottom:10px}.pd-box-badge span{font-size:13px}.pd-box-details{grid-template-columns:1fr;gap:8px}.pd-box-detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #eee}.pd-box-detail-item:last-child{border-bottom:none;padding-bottom:0}.pd-box-detail-label{font-size:12px}.pd-box-detail-value{font-size:14px;font-weight:600}.pd-price-label{font-size:11px}.pd-size-options{gap:8px}.pd-size-btn{padding:8px 12px;font-size:10px}.pd-add-to-cart{padding:14px;font-size:11px}.pd-out-of-stock-badge{width:160px;height:160px;border:6px solid #999;box-shadow:0 0 0 3px #9999994d}.pd-out-of-stock-badge:before{width:190px;height:50px}.pd-out-of-stock-badge span:first-child{font-size:24px;letter-spacing:2px}.pd-stock-warning{font-size:11px;padding:6px 10px}.pd-ready-to-ship{padding:15px;gap:12px}.pd-ready-to-ship-icon{width:38px;height:38px}.pd-ready-to-ship-label{font-size:11px}.pd-ready-to-ship-date{font-size:16px}.pd-ready-to-ship-note{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-grid{grid-template-columns:repeat(4,1fr);gap:6px}.pd-thumbnails-grid .pd-thumbnail:nth-child(1),.pd-thumbnails-grid .pd-thumbnail:nth-child(2){grid-column:span 2}.pd-thumbnails-grid .pd-thumbnail:nth-child(n+3){grid-column:span 1}.pd-thumbnails-column{gap:6px}.pd-thumbnail{width:auto;height:auto;aspect-ratio:1}.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-category{font-size:10px;letter-spacing:.5px}.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-out-of-stock-badge{width:120px;height:120px;border:5px solid #999;box-shadow:0 0 0 2px #9999994d}.pd-out-of-stock-badge:before{width:140px;height:40px}.pd-out-of-stock-badge span:first-child{font-size:18px;letter-spacing:1.5px}.pd-stock-warning{font-size:10px;padding:6px 8px}.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}}.scroll-item{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-item.visible{opacity:1;transform:translateY(0)}.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-row{font-family:Kanit;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#e8e5e2;border:none;margin-top:16px}.cp-custom-size-text{font-size:16px;font-weight:500;color:#000;line-height:1.5}.cp-custom-size-btn{font-family:Kanit;padding:12px 24px;background:#1a1a1a;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s;white-space:nowrap}.cp-custom-size-btn:hover{background:#333}.cp-custom-size-inputs{display:flex;align-items:center;gap:10px;margin-top:12px}.cp-custom-size-inputs input{width:120px;padding:10px 12px;border:1px solid #ddd;font-family:Kanit;font-size:14px}.cp-custom-size-inputs span{color:#000;font-weight:500}.cp-sqm-display{padding:10px 16px;background:#f5f5f5;border:1px solid #ddd;font-family:Kanit;font-size:14px;font-weight:600;color:#000;white-space:nowrap}.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-structure-btn-wrapper{display:inline-flex;align-items:stretch;gap:0}.cp-structure-btn-wrapper .cp-structure-btn{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.cp-structure-info-btn{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid #ddd;border-left:none;background:#f8f8f8;cursor:pointer;transition:all .2s;color:#666}.cp-structure-info-btn:hover{background:#eee;color:#333}.cp-structure-btn-wrapper .cp-structure-btn.active+.cp-structure-info-btn{border-color:#000;background:#333;color:#fff}.cp-structure-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000}.cp-structure-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 10px 40px #0000004d}.cp-structure-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.cp-structure-modal-header h3{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;margin:0;color:#000}.cp-structure-modal-close{background:none;border:none;cursor:pointer;padding:5px;color:#666;transition:color .2s}.cp-structure-modal-close:hover{color:#000}.cp-structure-modal-content{padding:25px}.cp-structure-modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.cp-structure-modal-left{display:flex;flex-direction:column}.cp-structure-modal-right{display:flex;flex-direction:column;gap:20px}.cp-structure-two-columns{grid-template-columns:1fr}.cp-structure-side-by-side{flex-direction:row;gap:20px}.cp-structure-side-by-side .cp-structure-modal-image-item{flex:1}.cp-structure-side-by-side .cp-structure-modal-image-item img{height:280px}.cp-structure-modal-image-item{display:flex;flex-direction:column;align-items:center;gap:10px}.cp-structure-modal-image-item.simulation .simulation-container{position:relative;width:100%;height:402px;border:1px solid #eee;background:#fafafa;overflow:hidden;display:flex;align-items:center;justify-content:center}.cp-structure-modal-image-item.simulation .simulation-container .simulation-product{width:100%;height:100%;object-fit:contain;border:none;background:#fff}.cp-structure-modal-image-item.simulation .simulation-container .simulation-texture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none;background:transparent;pointer-events:none;filter:contrast(1.3) brightness(1.1);mix-blend-mode:soft-light;opacity:.85}.cp-structure-modal-image-item.simulation .simulation-container .simulation-ai-result{width:100%;height:100%;object-fit:contain;border:none;background:#fff;filter:brightness(1.1) saturate(1.15)}.cp-structure-modal-image-item.simulation .simulation-container{cursor:zoom-in}.cp-structure-modal-image-item.simulation .simulation-container.zoom-active{cursor:none}.cp-structure-modal-image-item.simulation .zoom-lens{position:absolute;width:350px;height:350px;border:3px solid #333;border-radius:50%;background-repeat:no-repeat;background-size:500%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 8px 40px #00000080;z-index:99999}.cp-structure-modal-image-item.simulation .simulation-container:after{content:"🔍 เลื่อนเมาส์เพื่อซูม";position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 10px;font-size:11px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none}.cp-structure-modal-image-item.simulation .simulation-container:hover:after{opacity:1}.cp-structure-modal-image-item.simulation .simulation-container.zoom-active:after{opacity:0}.cp-structure-modal-image-item.simulation .simulation-container .ai-simulation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100%;color:#666}.cp-structure-modal-image-item.simulation .simulation-container .ai-simulation-loading span{font-family:Kanit,sans-serif;font-size:14px;color:#666}.cp-structure-modal-image-item.simulation .simulation-container .ai-simulation-loading .ai-loading-subtext{font-size:12px;color:#999}.cp-structure-modal-image-item.simulation .simulation-container .ai-loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#000;border-radius:50%;animation:cp-spin 1s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-structure-modal-image-item .ai-simulation-error{font-family:Kanit,sans-serif;font-size:11px;color:#999;font-style:italic}.cp-structure-modal-right .cp-structure-modal-image-item img{width:100%;height:175px;object-fit:contain;border:1px solid #eee;background:#fafafa}.cp-structure-modal-image-item span{font-family:Kanit,sans-serif;font-size:13px;color:#666;text-align:center}.cp-structure-modal-footer{padding-top:20px;text-align:center}.cp-structure-modal-confirm{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;padding:12px 40px;background:#000;color:#fff;border:none;cursor:pointer;transition:background .2s}.cp-structure-modal-confirm:hover{background:#333}@media (max-width: 768px){.cp-structure-modal-layout{grid-template-columns:1fr;gap:15px}.cp-structure-modal-image-item.simulation .simulation-container{height:250px}.cp-structure-modal-right{gap:15px}.cp-structure-side-by-side{flex-direction:column}.cp-structure-side-by-side .cp-structure-modal-image-item img{height:200px}}@media (max-width: 600px){.cp-structure-modal{width:95%;max-height:85vh}.cp-structure-modal-layout{grid-template-columns:1fr;gap:15px}.cp-structure-modal-image-item.simulation .simulation-container{height:200px}.cp-structure-modal-right .cp-structure-modal-image-item img{height:150px}.cp-structure-modal-header{padding:15px 20px}.cp-structure-modal-content{padding:20px}}.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-finishing-options{display:flex;flex-wrap:wrap;gap:15px}.cp-finishing-item{cursor:pointer;text-align:center;max-width:120px;display:flex;flex-direction:column;align-items:center}.cp-finishing-image{width:80px;height:80px;border:2px solid #ddd;overflow:hidden;margin-bottom:8px;transition:border-color .2s}.cp-finishing-item.active .cp-finishing-image{border-color:#000}.cp-finishing-image img{width:100%;height:100%;object-fit:cover}.cp-finishing-item span{font-family:Kanit;font-size:12px;color:#000;display:block;line-height:1.3}.cp-finishing-item.active span{color:#000;font-weight:500}.cp-edge-options{display:flex;flex-wrap:wrap;gap:10px}.cp-edge-btn{font-family:Kanit;font-size:14px;padding:10px 20px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.cp-edge-btn:hover{border-color:#999}.cp-edge-btn.active{border-color:#000;background:#000;color:#fff}.cp-asplan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#e8e5e2;border:none;margin-top:16px}.cp-asplan-text{font-size:16px;font-weight:500;color:#000;line-height:1.5}.cp-asplan-btn{padding:12px 24px;background:#1a1a1a;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s;white-space:nowrap}.cp-asplan-btn:hover{background:#333}.cp-asplan-upload{margin-top:16px;padding:20px;background:#f8f8f8;border:1px dashed #ccc;border-radius:8px}.cp-asplan-size-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.cp-asplan-size-inputs{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.cp-asplan-field{display:flex;flex-direction:column;gap:6px}.cp-asplan-field label{font-size:12px;color:#666;font-weight:500}.cp-asplan-size-input{width:100px;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;text-align:center;background:#fff}.cp-asplan-size-input:focus{outline:none;border-color:#333}.cp-asplan-size-input::placeholder{color:#999;font-size:12px}.cp-asplan-sqm-input{background:#f5f5f5;font-weight:500}.cp-asplan-size-x,.cp-asplan-size-eq{font-size:18px;color:#666;font-weight:500;margin-bottom:10px}.cp-asplan-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:12px}.cp-asplan-dropzone{position:relative}.cp-asplan-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.cp-asplan-dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 20px;background:#fff;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.cp-asplan-dropzone-label:hover{border-color:#999;background:#fafafa}.cp-asplan-dropzone-label svg{color:#999}.cp-asplan-dropzone-label span{font-size:14px;color:#666}.cp-asplan-hint{font-size:12px!important;color:#999!important}.cp-asplan-file-preview{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.cp-asplan-file-info{display:flex;align-items:center;gap:10px}.cp-asplan-file-info svg{color:#666}.cp-asplan-filename{font-size:14px;font-weight:500;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-asplan-filesize{font-size:12px;color:#999}.cp-asplan-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .3s}.cp-asplan-remove:hover{background:#f44}.cp-asplan-remove:hover svg{stroke:#fff}.cp-asplan-design-image{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px solid #28a745}.cp-asplan-design-preview{margin-top:12px;text-align:center}.cp-asplan-design-img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;object-fit:contain}.cp-asplan-confirm-btn{width:100%;padding:14px 24px;background:#000;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px}.cp-asplan-confirm-btn:hover{background:#333;transform:translateY(-1px)}.cp-asplan-confirm-btn:active{transform:translateY(0)}.cp-asplan-confirm-btn:disabled{background:#666;cursor:not-allowed;transform:none}.cp-asplan-confirm-btn:disabled:hover{background:#666;transform:none}.cp-spinner{animation:cp-spin 1s linear infinite}@keyframes cp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 576px){.cp-asplan-row{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.cp-asplan-btn{width:100%}.cp-asplan-upload{padding:15px}.cp-asplan-dropzone-label{padding:20px 15px}.cp-asplan-filename{max-width:120px}}.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-structure-info-btn{padding:0 6px}.cp-structure-info-btn svg{width:14px;height:14px}.cp-custom-size-row{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.cp-custom-size-btn{width:100%}.cp-custom-size-inputs{flex-wrap:wrap}.cp-custom-size-inputs input{width:100px}.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-finishing-options{flex-wrap:wrap}.cp-finishing-image{width:70px;height:70px}.cp-finishing-item{max-width:100px}.cp-finishing-item span{font-size:11px}}.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-unit-price-display{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.cp-unit-price-value{font-family:Kanit,sans-serif;font-size:28px;font-weight:600;color:#000}.cp-unit-price-label{font-family:Kanit,sans-serif;font-size:14px;color:#666}.cp-price-row .pd-vat-excluded{font-size:11px!important;font-weight:400!important}.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}.cp-unit-price-value{font-size:24px}}.cp-simulation-section{margin-top:30px;padding-top:25px;border-top:1px solid #ddd}.cp-simulation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.cp-simulation-title{font-family:Kanit;font-size:16px;font-weight:600;color:#000;margin:0;display:flex;align-items:center;gap:8px}.cp-simulation-title svg{color:#666}.cp-simulation-toggle{font-family:Kanit;font-size:13px;padding:10px 20px;border:1px solid #000;background:#fff;color:#000;cursor:pointer;transition:all .3s}.cp-simulation-toggle:hover,.cp-simulation-toggle.active{background:#000;color:#fff}.cp-simulation-container{background:#f9f9f9;border-radius:8px;padding:20px}.cp-simulation-hint{font-family:Kanit;font-size:12px;color:#666;margin:0 0 15px;text-align:center}.cp-carpet-flat{position:relative;width:100%;height:320px;background:repeating-linear-gradient(90deg,#c9b89a,#c9b89a 40px,#d4c4a8 40px,#d4c4a8 80px,#c4b494 80px,#c4b494 120px);background-color:#cebb9e;border-radius:8px;padding:25px;box-sizing:border-box;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 50px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-carpet-flat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,rgba(0,0,0,.02) 6px,rgba(0,0,0,.02) 7px);border-radius:8px;pointer-events:none}.cp-size-indicator{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;font-family:Kanit;font-size:12px;padding:5px 12px;border-radius:4px;z-index:20}.cp-carpet-border{max-width:100%;max-height:100%;min-width:100px;min-height:60px;border-radius:6px;overflow:hidden;background:transparent;position:relative;box-sizing:border-box;transition:all .3s ease;box-shadow:0 8px 30px #00000059,0 3px 10px #00000040}.cp-carpet-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:8px solid #8b7355;background:transparent;pointer-events:none;z-index:10;box-shadow:inset 0 -2px 4px #00000040,inset -2px 0 3px #00000026}.cp-carpet-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:8px solid transparent;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);background-clip:padding-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:11}.cp-carpet-edge-left,.cp-carpet-edge-right{display:none}.cp-carpet-pattern-area{width:100%;height:100%;background-color:#d0c8c0;position:relative;overflow:hidden;filter:contrast(.95) saturate(.9)}.cp-pattern-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s ease;pointer-events:none}.cp-carpet-texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.5;mix-blend-mode:overlay}.cp-carpet-fiber-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='fiber'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2' numOctaves='4' seed='25'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fiber)'/%3E%3C/svg%3E");background-size:150px 150px;opacity:.35;mix-blend-mode:multiply}.cp-carpet-pattern-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' seed='10'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.25;mix-blend-mode:soft-light}.cp-carpet-pattern-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.08) 100%);box-shadow:inset 0 0 30px #00000014,inset 0 0 60px #0000000a;pointer-events:none;z-index:6}.cp-pattern-controls{margin-top:20px;padding:15px;background:#fff;border-radius:8px;border:1px solid #eee}.cp-control-row{margin-bottom:15px}.cp-control-label{display:flex;align-items:center;gap:8px;font-family:Kanit;font-size:13px;color:#333;margin-bottom:10px}.cp-control-label svg{color:#666}.cp-control-value{margin-left:auto;font-weight:600;color:#000}.cp-pattern-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#e0e0e0,#ccc);border-radius:4px;outline:none}.cp-pattern-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#5a4a3a;border-radius:50%;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 2px 6px #0000004d}.cp-pattern-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#4a3a2a}.cp-pattern-slider::-moz-range-thumb{width:20px;height:20px;background:#5a4a3a;border-radius:50%;cursor:pointer;border:none}.cp-slider-labels{display:flex;justify-content:space-between;font-family:Kanit;font-size:11px;color:#999;margin-top:6px}.cp-control-buttons{display:flex;gap:10px}.cp-rotate-pattern,.cp-reset-pattern{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px;font-family:Kanit;font-size:13px;background:#f5f5f5;border:1px solid #ddd;color:#666;cursor:pointer;border-radius:6px;transition:all .2s}.cp-rotate-pattern:hover,.cp-reset-pattern:hover{background:#eee;border-color:#ccc;color:#333}.cp-rotate-pattern:active,.cp-reset-pattern:active{background:#e0e0e0;transform:scale(.98)}.cp-rotate-pattern:disabled,.cp-reset-pattern:disabled{opacity:.5;cursor:not-allowed}.cp-confirm-pattern{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:12px;font-family:Kanit;font-size:14px;font-weight:500;background:#1a1a1a;border:none;color:#fff;cursor:pointer;border-radius:6px;transition:all .3s}.cp-confirm-pattern:hover{background:#333}.cp-confirm-pattern.confirmed{background:#2e7d32}.cp-confirm-pattern.confirmed:hover{background:#1b5e20}.cp-pattern-slider:disabled{opacity:.5;cursor:not-allowed}.cp-simulation-note{font-family:Kanit;font-size:11px;color:#999;text-align:center;margin:15px 0 0;font-style:italic}.cp-treatment-options{display:flex;flex-wrap:wrap;gap:20px}.cp-treatment-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.cp-treatment-image{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #ddd;transition:all .2s ease}.cp-treatment-item:hover .cp-treatment-image{border-color:#999}.cp-treatment-item.active .cp-treatment-image{border-color:#000}.cp-treatment-image img{width:100%;height:100%;object-fit:cover}.cp-treatment-placeholder{width:100%;height:100%;background:#f0f0f0}.cp-treatment-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid #fff;border-radius:4px;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.cp-treatment-item:hover .cp-treatment-checkbox{opacity:1}.cp-treatment-checkbox.checked{opacity:1;background:#000;border-color:#000}.cp-treatment-checkbox svg{color:#fff}.cp-treatment-name{font-family:Kanit;font-size:12px;color:#333;font-weight:500;text-align:center;max-width:90px}.cp-treatment-item.active .cp-treatment-name{color:#000;font-weight:600}.cp-loading-text{font-family:Kanit;font-size:14px;color:#666;margin:0}.cp-no-options{font-family:Kanit;font-size:14px;color:#999;margin:0}@media (max-width: 576px){.cp-treatment-options{gap:15px;justify-content:center}.cp-treatment-image{width:70px;height:70px}.cp-treatment-checkbox{width:20px;height:20px;opacity:1}.cp-treatment-name{font-size:11px;max-width:75px}}@media (max-width: 768px){.cp-carpet-flat{max-height:300px;padding:20px}}@media (max-width: 576px){.cp-simulation-header{flex-direction:column;align-items:flex-start}.cp-simulation-toggle{width:100%}.cp-carpet-flat{max-height:250px;padding:15px}}.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.out-of-stock:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;z-index:1}.wc-out-of-stock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:200px;height:200px;border:8px solid #999;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;z-index:2;pointer-events:none;text-transform:uppercase;box-shadow:0 0 0 4px #9999994d}.wc-out-of-stock-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:60px;background:#999;z-index:-1}.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}.wc-out-of-stock-overlay{width:100px;height:100px;border:4px solid #999;font-size:14px;letter-spacing:1.5px;box-shadow:0 0 0 2px #9999994d}.wc-out-of-stock-overlay:before{width:120px;height:35px}}@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.scroll-item{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.oc-item.scroll-item.visible{opacity:1;transform:translateY(0)}.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-edit-mode-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-bottom:16px;color:#92400e;font-size:14px;font-weight:500}.ocp-edit-mode-banner svg{flex-shrink:0;color:#f59e0b}.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:16px;font-weight:500;color:#000;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-structure-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000}.ocp-structure-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:90%;max-width:950px;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 10px 40px #0000004d}.ocp-structure-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.ocp-structure-modal-header h3{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;margin:0;color:#000}.ocp-structure-modal-close{background:none;border:none;cursor:pointer;padding:5px;color:#666;transition:color .2s}.ocp-structure-modal-close:hover{color:#000}.ocp-structure-modal-content{padding:25px}.ocp-structure-modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ocp-structure-modal-left{display:flex;flex-direction:column}.ocp-structure-modal-right{display:flex;flex-direction:column;gap:20px}.ocp-structure-two-columns{grid-template-columns:1fr}.ocp-structure-side-by-side{flex-direction:row;gap:20px}.ocp-structure-side-by-side .ocp-structure-modal-image-item{flex:1}.ocp-structure-side-by-side .ocp-structure-modal-image-item img{height:280px}.ocp-structure-modal-image-item{display:flex;flex-direction:column;align-items:center;gap:8px}.ocp-structure-modal-image-item img{width:100%;object-fit:contain;border:1px solid #eee;background:#fafafa}.ocp-structure-modal-right .ocp-structure-modal-image-item img{height:175px}.ocp-structure-modal-image-item.simulation .simulation-container{position:relative;width:100%;height:402px;border:1px solid #eee;background:#fafafa;overflow:hidden;display:flex;align-items:center;justify-content:center}.ocp-structure-modal-image-item.simulation .simulation-container .simulation-product{width:100%;height:100%;object-fit:contain;border:none;background:#fff}.ocp-structure-modal-image-item.simulation .simulation-container .simulation-texture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none;background:transparent;filter:contrast(1.15) brightness(1.05);mix-blend-mode:soft-light;opacity:.7}.ocp-structure-modal-image-item.simulation .simulation-container .simulation-ai-result{width:100%;height:100%;object-fit:contain;border:none;background:#fff;filter:brightness(1.1) saturate(1.15)}.ocp-structure-modal-image-item.simulation .simulation-container{cursor:zoom-in}.ocp-structure-modal-image-item.simulation .simulation-container.zoom-active{cursor:none}.zoom-lens{position:absolute;width:350px;height:350px;border:3px solid #333;border-radius:50%;background-repeat:no-repeat;background-size:500%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 8px 40px #00000080;z-index:99999}.ocp-structure-modal-image-item.simulation .simulation-container:after{content:"🔍 เลื่อนเมาส์เพื่อซูม";position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 10px;font-size:11px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none}.ocp-structure-modal-image-item.simulation .simulation-container:hover:after{opacity:1}.ocp-structure-modal-image-item.simulation .simulation-container.zoom-active:after{opacity:0}.ai-simulation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;background:#f8f8f8;gap:12px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.ai-loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-simulation-loading span{font-family:Kanit,sans-serif;font-size:13px;color:#666}.ai-simulation-loading .ai-loading-subtext{font-size:11px;color:#999;margin-top:-4px}.ai-simulation-error{font-family:Kanit,sans-serif;font-size:11px;color:#999;font-style:italic}.ocp-structure-modal-image-item span{font-family:Kanit,sans-serif;font-size:13px;color:#666;text-align:center}.ocp-structure-modal-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ocp-structure-modal-footer{padding-top:20px;text-align:center}.ocp-structure-modal-confirm{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;padding:12px 40px;background:#000;color:#fff;border:none;cursor:pointer;transition:background .2s}.ocp-structure-modal-confirm:hover{background:#333}@media (max-width: 768px){.ocp-structure-modal-layout{grid-template-columns:1fr;gap:15px}.ocp-structure-modal-image-item.simulation .simulation-container{min-height:250px}.ocp-structure-modal-right{gap:15px}.ocp-structure-side-by-side{flex-direction:column}.ocp-structure-side-by-side .ocp-structure-modal-image-item img{height:200px}}@media (max-width: 600px){.ocp-structure-modal{width:95%;max-height:85vh}.ocp-structure-modal-layout,.ocp-structure-modal-images{grid-template-columns:1fr;gap:15px}.ocp-structure-modal-image-item img{max-height:180px}.ocp-structure-modal-image-item.simulation .simulation-container{min-height:200px}.ocp-structure-modal-header{padding:15px 20px}.ocp-structure-modal-content{padding:20px}}.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-finishing-options{display:flex;flex-wrap:wrap;gap:16px}.ocp-finishing-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:none;background:none;cursor:pointer;max-width:120px;text-align:center}.ocp-finishing-image{width:80px;height:80px;object-fit:cover;background-color:#f5f5f5;border:2px solid transparent;transition:border-color .3s}.ocp-finishing-btn:hover .ocp-finishing-image,.ocp-finishing-btn.active .ocp-finishing-image{border-color:#000}.ocp-finishing-name{font-size:12px;color:#000;text-align:center;line-height:1.3}.ocp-treatment-options{display:flex;flex-wrap:wrap;gap:20px}.ocp-treatment-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.ocp-treatment-image{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #ddd;transition:all .2s ease}.ocp-treatment-item:hover .ocp-treatment-image{border-color:#999}.ocp-treatment-item.active .ocp-treatment-image{border-color:#000}.ocp-treatment-image img{width:100%;height:100%;object-fit:cover}.ocp-treatment-placeholder{width:100%;height:100%;background:#f0f0f0}.ocp-treatment-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid #fff;border-radius:4px;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.ocp-treatment-item:hover .ocp-treatment-checkbox{opacity:1}.ocp-treatment-checkbox.checked{opacity:1;background:#000;border-color:#000}.ocp-treatment-checkbox svg{color:#fff}.ocp-treatment-name{font-family:Kanit,sans-serif;font-size:12px;color:#333;font-weight:500;text-align:center;max-width:90px}.ocp-treatment-item.active .ocp-treatment-name{color:#000;font-weight:600}@media (max-width: 576px){.ocp-treatment-options{gap:15px;justify-content:center}.ocp-treatment-image{width:70px;height:70px}.ocp-treatment-checkbox{width:20px;height:20px;opacity:1}.ocp-treatment-name{font-size:11px;max-width:75px}}.ocp-edge-options{display:flex;flex-wrap:wrap;gap:12px}.ocp-edge-btn{padding:10px 20px;border:2px solid #ddd;background:#fff;cursor:pointer;font-size:13px;color:#333;transition:all .3s ease;min-width:120px;text-align:center}.ocp-edge-btn:hover{border-color:#999}.ocp-edge-btn.active{border-color:#000;background:#f5f5f5;font-weight:500}.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,.ocp-finishing-options{gap:12px}.ocp-backing-image,.ocp-edge-image,.ocp-finishing-image{width:60px;height:60px}.ocp-finishing-btn{max-width:100px}.ocp-finishing-name{font-size:11px}.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{grid-template-columns:repeat(4,1fr);gap:6px}.ocp-thumbnails .ocp-thumbnail:nth-child(1),.ocp-thumbnails .ocp-thumbnail:nth-child(2){grid-column:span 2}.ocp-thumbnails .ocp-thumbnail:nth-child(n+3){grid-column:span 1}.ocp-thumbnail{width:auto;height:auto;aspect-ratio:1}.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-asplan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#e8e5e2;border:none;margin-top:16px}.ocp-asplan-text{font-size:16px;font-weight:500;color:#000;line-height:1.5}.ocp-asplan-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-asplan-btn:hover{background:#333}.ocp-asplan-upload{margin-top:16px;padding:20px;background:#f8f8f8;border:1px dashed #ccc;border-radius:8px}.ocp-asplan-size-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.ocp-asplan-size-inputs{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.ocp-asplan-field{display:flex;flex-direction:column;gap:6px}.ocp-asplan-field label{font-size:12px;color:#666;font-weight:500}.ocp-asplan-size-input{width:100px;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;text-align:center;background:#fff}.ocp-asplan-size-input:focus{outline:none;border-color:#333}.ocp-asplan-size-input::placeholder{color:#999;font-size:12px}.ocp-asplan-sqm-input{background:#f5f5f5;font-weight:500}.ocp-asplan-size-x,.ocp-asplan-size-eq{font-size:18px;color:#666;font-weight:500;margin-bottom:10px}.ocp-asplan-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:12px}.ocp-asplan-dropzone{position:relative}.ocp-asplan-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.ocp-asplan-dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 20px;background:#fff;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.ocp-asplan-dropzone-label:hover{border-color:#999;background:#fafafa}.ocp-asplan-dropzone-label svg{color:#999}.ocp-asplan-dropzone-label span{font-size:14px;color:#666}.ocp-asplan-hint{font-size:12px!important;color:#999!important}.ocp-asplan-file-preview{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.ocp-asplan-file-info{display:flex;align-items:center;gap:10px}.ocp-asplan-file-info svg{color:#666}.ocp-asplan-filename{font-size:14px;font-weight:500;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocp-asplan-filesize{font-size:12px;color:#999}.ocp-asplan-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .3s}.ocp-asplan-remove:hover{background:#f44}.ocp-asplan-remove:hover svg{stroke:#fff}.ocp-asplan-file-existing{background:#f0f7ff;border-color:#b3d4ff}.ocp-asplan-file-existing .ocp-asplan-file-info svg{stroke:#06c}.ocp-asplan-existing-note{color:#06c!important;font-style:italic}.ocp-asplan-design-image{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px solid #28a745}.ocp-asplan-design-preview{margin-top:12px;text-align:center}.ocp-asplan-design-img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;object-fit:contain}.ocp-asplan-confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:16px;background:#000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.ocp-asplan-confirm-btn:hover{background:#333;transform:translateY(-1px)}.ocp-asplan-confirm-btn:active{transform:translateY(0)}.ocp-asplan-confirm-btn svg{stroke:#fff;flex-shrink:0}.ocp-asplan-confirm-btn:disabled{background:#666;cursor:not-allowed;transform:none}.ocp-asplan-confirm-btn:disabled:hover{background:#666;transform:none}.ocp-spinner{animation:ocp-spin 1s linear infinite}@keyframes ocp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 576px){.ocp-asplan-row{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.ocp-asplan-btn{width:100%}.ocp-asplan-upload{padding:15px}.ocp-asplan-dropzone-label{padding:20px 15px}.ocp-asplan-filename{max-width:120px}}.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-unit-price-display{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.ocp-unit-price-value{font-family:Kanit,sans-serif;font-size:28px;font-weight:600;color:#000}.ocp-unit-price-label{font-family:Kanit,sans-serif;font-size:14px;color:#666}.pd-vat-excluded{font-size:12px!important;font-weight:400!important;color:#666;margin-left:4px}.ocp-price-row .pd-vat-excluded{font-size:11px!important;font-weight:400!important}.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}.ocp-unit-price-value{font-size:24px}}.ocp-simulation-section{margin-top:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.ocp-simulation-hint{text-align:center;font-size:13px;color:#666;margin-bottom:15px;font-family:Kanit,sans-serif}.ocp-carpet-flat{position:relative;height:320px;background:repeating-linear-gradient(90deg,#c9a86c,#d4b87a,#c9a86c 16px);background-size:100px 100%;border-radius:8px;padding:30px;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.ocp-carpet-flat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,rgba(0,0,0,.02) 6px,rgba(0,0,0,.02) 7px);border-radius:8px;pointer-events:none}.ocp-carpet-border{max-width:100%;max-height:100%;min-width:100px;min-height:60px;border-radius:6px;overflow:hidden;background:transparent;position:relative;box-sizing:border-box;transition:all .3s ease;box-shadow:0 8px 30px #00000059,0 3px 10px #00000040;clip-path:inset(0 round 6px)}.ocp-carpet-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:8px solid #8b7355;background:transparent;pointer-events:none;z-index:10;box-shadow:inset 0 -2px 4px #00000040,inset -2px 0 3px #00000026}.ocp-carpet-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:8px solid transparent;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);background-clip:padding-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:11}.ocp-carpet-edge-left,.ocp-carpet-edge-right{display:none}.ocp-carpet-pattern-area{width:100%;height:100%;background-color:#d0c8c0;position:relative;overflow:hidden;border-radius:2px}.ocp-pattern-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s ease;pointer-events:none;filter:contrast(.95) saturate(.9)}.ocp-carpet-texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.5;mix-blend-mode:overlay}.ocp-carpet-fiber-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,transparent 1px,transparent 2px);opacity:.8}.ocp-size-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-family:Kanit,sans-serif;z-index:20}.ocp-pattern-controls{margin-top:20px}.ocp-control-row{margin-bottom:15px}.ocp-control-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;margin-bottom:8px;font-family:Kanit,sans-serif}.ocp-control-label svg{opacity:.7}.ocp-control-value{font-weight:500;margin-left:auto}.ocp-pattern-slider{width:100%;height:6px;background:#e5e5e5;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.ocp-pattern-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#333;border-radius:50%;cursor:pointer}.ocp-pattern-slider::-moz-range-thumb{width:18px;height:18px;background:#333;border-radius:50%;cursor:pointer;border:none}.ocp-pattern-slider:disabled{opacity:.5;cursor:not-allowed}.ocp-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-top:5px;font-family:Kanit,sans-serif}.ocp-control-buttons{display:flex;gap:10px;margin-bottom:15px}.ocp-rotate-pattern,.ocp-reset-pattern{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:400;background:#fff;border:1px solid #ddd;color:#333;cursor:pointer;border-radius:6px;transition:all .2s}.ocp-rotate-pattern:hover,.ocp-reset-pattern:hover{background:#f5f5f5;border-color:#ccc}.ocp-rotate-pattern:disabled,.ocp-reset-pattern:disabled{opacity:.5;cursor:not-allowed}.ocp-confirm-pattern{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;background:#1a1a1a;border:none;color:#fff;cursor:pointer;border-radius:6px;transition:all .3s}.ocp-confirm-pattern:hover{background:#333}.ocp-confirm-pattern.confirmed{background:#2e7d32}.ocp-confirm-pattern.confirmed:hover{background:#1b5e20}.ocp-simulation-note{text-align:center;font-size:12px;color:#888;margin-top:12px;font-family:Kanit,sans-serif;font-style:italic}@media (max-width: 768px){.ocp-simulation-section{padding:15px}.ocp-carpet-flat{height:250px;padding:20px}.ocp-control-buttons{flex-direction:column}}.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.scroll-item,.cp-cta-item.scroll-item{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.cp-product-item.scroll-item.visible,.cp-cta-item.scroll-item.visible{opacity:1;transform:translateY(0)}.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;position:relative}.cp-product-image-hover{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease;z-index:1}.cp-product-item:hover .cp-product-image-hover{opacity:1}.cp-product-image-hover.no-image{background:linear-gradient(135deg,#d4cec6,#c9c2b8)}.cp-product-image-hover.no-image:after{content:"No Hover Image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Kanit,sans-serif;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.cp-product-image.out-of-stock:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;z-index:1}.cp-out-of-stock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:200px;height:200px;border:8px solid #999;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;z-index:2;pointer-events:none;text-transform:uppercase;box-shadow:0 0 0 4px #9999994d}.cp-out-of-stock-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:60px;background:#999;z-index:-1}.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}.cp-out-of-stock-overlay{width:100px;height:100px;border:4px solid #999;font-size:14px;letter-spacing:1.5px;box-shadow:0 0 0 2px #9999994d}.cp-out-of-stock-overlay:before{width:120px;height:35px}}@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 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.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}.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:hover{background:#dbeafe}.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 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}.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 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}.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-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}.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}}.roll-calculation-display{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px}.roll-calculation-display h4{font-size:14px;font-weight:600;color:#166534;margin:0 0 12px;display:flex;align-items:center;gap:8px}.roll-calculation-display h4:before{content:"📦"}.roll-info-grid{display:flex;flex-direction:column;gap:10px}.roll-info-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-radius:8px;font-size:13px;border:1px solid #d1fae5}.roll-size-label{font-weight:600;color:#374151;min-width:140px}.roll-diameter{color:#059669;font-weight:600;background:#d1fae5;padding:4px 10px;border-radius:6px}.roll-tube{color:#0369a1;font-size:12px;background:#e0f2fe;padding:4px 10px;border-radius:6px}.roll-cbm{color:#7c3aed;font-size:12px;background:#ede9fe;padding:4px 10px;border-radius:6px}.roll-nim-size{color:#ea580c;font-size:12px;background:#fff7ed;padding:4px 10px;border-radius:6px;border:1px solid #fed7aa}.roll-nim-formula{color:#0369a1;font-size:12px;font-family:monospace;background:#e0f2fe;padding:4px 10px;border-radius:6px;border:1px solid #7dd3fc}.roll-nim-price{color:#dc2626;font-weight:700;font-size:13px;background:#fef2f2;padding:4px 12px;border-radius:6px;border:1px solid #fecaca}@media (max-width: 768px){.roll-info-item{flex-direction:column;align-items:flex-start;gap:6px}.roll-size-label{min-width:auto}}.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-role-badge.purchasing{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.user-role-badge.interior{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.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}.users-modal.users-modal-large{max-width:680px}@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,.users-form-group textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s;box-sizing:border-box;font-family:inherit}.users-form-group textarea{resize:vertical;min-height:80px}.users-form-group input:focus,.users-form-group select:focus,.users-form-group textarea:focus{outline:none;border-color:#1a365d;box-shadow:0 0 0 4px #1a365d1a}.users-form-group input.error,.users-form-group textarea.error{border-color:#dc2626}.users-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.users-form-row{grid-template-columns:1fr}}.form-divider{border:none;border-top:1px solid #e5e7eb;margin:24px 0}.form-section-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #1a365d;display:inline-block}.role-select{background:linear-gradient(135deg,#f8fafc,#fff);font-weight:500}.users-form-checkbox{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1a365d}.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}.users-table-container{overflow-x:auto;padding:0 16px 16px}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.users-table thead{background:linear-gradient(135deg,#1a365d,#2c5282)}.users-table thead th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:#fff;white-space:nowrap;border-bottom:2px solid #1a365d}.users-table tbody tr{transition:background-color .2s;border-bottom:1px solid #e2e8f0}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{padding:8px 12px;font-size:13px;color:#334155;vertical-align:middle}.users-table .td-id{font-weight:600;color:#64748b;font-size:12px}.users-table .td-name{min-width:150px}.users-table .user-info{display:inline-flex;align-items:center;gap:6px}.users-table .user-avatar-small{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:9px;flex-shrink:0}.users-table .user-details{display:inline}.users-table .user-display-name{font-weight:500;font-size:12px;color:#1e293b}.users-table .user-current-tag{margin-left:4px}.users-table .user-seller{font-size:10px;color:#64748b;margin-left:8px}.users-table .td-username{font-family:monospace;font-size:12px;color:#475569}.users-table .td-email{color:#3b82f6;font-size:12px}.users-table .td-phone{font-size:12px;color:#64748b}.users-table .td-role,.users-table .td-actions{white-space:nowrap}.users-table .btn-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-right:4px;font-size:11px;font-weight:500}.users-table .btn-action:last-child{margin-right:0}.users-table .btn-edit{background:#dbeafe;color:#1d4ed8}.users-table .btn-edit:hover{background:#1d4ed8;color:#fff}.users-table .btn-password{background:#fef3c7;color:#d97706}.users-table .btn-password:hover{background:#d97706;color:#fff}.users-table .btn-delete{background:#fee2e2;color:#dc2626}.users-table .btn-delete:hover{background:#dc2626;color:#fff}.users-table .btn-delete:disabled{opacity:.4;cursor:not-allowed}.users-table .btn-delete:disabled:hover{background:#fee2e2;color:#dc2626}.users-table .btn-action svg{width:12px;height:12px}.users-table .role-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.users-table .role-badge svg{width:10px;height:10px}@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}.users-table-container{padding:0 16px 16px}.users-table thead th{padding:10px 12px;font-size:12px}.users-table tbody td{padding:10px 12px;font-size:13px}.users-table .user-avatar-small{width:28px;height:28px;font-size:12px}.users-table .btn-action{width:28px;height:28px}.users-table .btn-action svg{width:14px;height:14px}}.admin-asplan{padding:32px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.admin-asplan-header{margin-bottom:32px}.admin-asplan-header h1{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.5px}.admin-asplan-subtitle{color:#6b7280;font-size:15px;margin:0}.admin-asplan-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:28px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.admin-asplan-search{display:flex;align-items:center;gap:12px;background:#f5f7fa;border:2px solid transparent;border-radius:12px;padding:12px 16px;flex:1;min-width:280px;max-width:420px;transition:all .2s ease}.admin-asplan-search:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.admin-asplan-search svg{color:#9ca3af;flex-shrink:0}.admin-asplan-search input{border:none;outline:none;width:100%;font-size:14px;background:transparent;color:#1a1a2e}.admin-asplan-search input::placeholder{color:#9ca3af}.admin-asplan-status-filter{display:flex;gap:8px;background:#f5f7fa;padding:4px;border-radius:12px}.admin-asplan-status-filter button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280}.admin-asplan-status-filter button:hover{background:#fff;color:#1a1a2e}.admin-asplan-status-filter button.active{background:#fff;color:#1a1a2e;box-shadow:0 2px 8px #00000014}.admin-asplan-status-filter button.active.pending-filter{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.admin-asplan-status-filter button.active.activated-filter{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.admin-asplan-refresh{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.admin-asplan-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.admin-asplan-refresh svg{transition:transform .3s ease}.admin-asplan-refresh:hover svg{transform:rotate(180deg)}.admin-asplan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.admin-asplan-loading,.admin-asplan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.admin-asplan-loading .spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.admin-asplan-empty svg{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.admin-asplan-empty p{font-size:16px;margin:0}.asplan-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;position:relative}.asplan-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.asplan-card.pending{border-left:4px solid #f59e0b}.asplan-card.activated{border-left:4px solid #10b981}.asplan-card-header{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.asplan-card-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.asplan-card-image img{width:100%;height:100%;object-fit:cover}.asplan-card-title{flex:1;min-width:0}.asplan-card-id{font-size:11px;color:#9ca3af;font-family:Monaco,Menlo,monospace;margin-bottom:6px;display:flex;align-items:center;gap:6px}.asplan-card-id:before{content:"#";color:#6366f1;font-weight:600}.asplan-card-name{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asplan-card-collection{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}.asplan-card-body{padding:20px}.asplan-card-info-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.asplan-card-info-row:last-child{margin-bottom:0}.asplan-card-info-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asplan-card-info-icon.customer{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.asplan-card-info-icon.size{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.asplan-card-info-icon.file{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.asplan-card-info-icon.price{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.asplan-card-info-content{flex:1;min-width:0}.asplan-card-info-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.asplan-card-info-value{font-size:14px;color:#1a1a2e;font-weight:500}.asplan-card-info-sub{font-size:12px;color:#6b7280;margin-top:2px}.asplan-card-file-link{display:inline-flex;align-items:center;gap:6px;color:#6366f1;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.asplan-card-file-link:hover{color:#4f46e5;text-decoration:underline}.asplan-card-no-data{color:#9ca3af;font-style:italic;font-size:13px}.asplan-card-price-pending{color:#f59e0b;font-weight:600;font-size:14px}.asplan-card-price-set{color:#059669;font-weight:700;font-size:18px}.asplan-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8fafc;border-top:1px solid #e5e7eb}.asplan-card-meta{display:flex;flex-direction:column;gap:4px}.asplan-card-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.asplan-card-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.asplan-card-status.activated{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.asplan-card-date{font-size:12px;color:#9ca3af}.asplan-card-actions{display:flex;gap:8px}.asplan-card-actions button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.asplan-card-actions .btn-view{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.asplan-card-actions .btn-view:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.asplan-card-actions .btn-delete{background:#fee2e2;color:#ef4444}.asplan-card-actions .btn-delete:hover{background:#fecaca;transform:scale(1.05)}.admin-asplan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.admin-asplan-modal{background:#fff;border-radius:24px;width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,#8b7355,#a08060);color:#fff}.modal-header h2{margin:0;font-size:22px;font-weight:600}.modal-close{background:#fff3;border:none;cursor:pointer;color:#fff;padding:8px;display:flex;border-radius:10px;transition:all .2s}.modal-close:hover{background:#ffffff4d}.modal-body{padding:28px;overflow-y:auto;flex:1;background:linear-gradient(180deg,#faf8f5,#f8f6f3)}.modal-section{margin-bottom:28px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #8b735514;border:1px solid rgba(139,115,85,.12)}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:14px;font-weight:600;color:#8b7355;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid rgba(139,115,85,.2);display:flex;align-items:center;gap:8px}.modal-section h3:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#8b7355,#a08060);border-radius:2px}.info-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:12px;border:1px solid rgba(139,115,85,.12);transition:all .2s ease}.info-item:hover{border-color:#8b735540;box-shadow:0 2px 8px #8b73551a}.info-item label{font-size:11px;color:#8b7355;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-item span{font-size:14px;color:#1a1a2e;font-weight:500}.plan-file-info{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:12px;border:1px solid rgba(139,115,85,.15)}.plan-file-info svg{color:#8b7355;flex-shrink:0}.plan-file-info span{flex:1;font-size:14px;font-weight:500;color:#1a1a2e}.btn-download{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#8b7355,#a08060);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b735559}.btn-download:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;opacity:.6}.btn-download:disabled:hover{transform:none;box-shadow:none}.no-file-text{color:#9ca3af;font-style:italic;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#8b7355}.form-group input{padding:12px 16px;border:2px solid rgba(139,115,85,.2);border-radius:12px;font-size:14px;transition:all .2s;background:linear-gradient(135deg,#faf8f5,#f5f0eb)}.form-group input:focus{outline:none;border-color:#8b7355;background:#fff;box-shadow:0 0 0 4px #8b735526}.form-group input::placeholder{color:#b8a590}.design-image-upload{margin-top:8px}.design-image-preview{position:relative;display:inline-block}.design-image-preview img{max-width:100%;max-height:200px;border-radius:12px;border:2px solid rgba(139,115,85,.2)}.btn-remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-image:hover{background:#ef4444;transform:scale(1.1)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed rgba(139,115,85,.3);border-radius:16px;cursor:pointer;transition:all .2s;color:#b8a590;background:linear-gradient(135deg,#faf8f5,#f5f0eb)}.upload-area:hover{border-color:#8b7355;background:#fff;color:#8b7355;box-shadow:0 4px 12px #8b735526}.upload-area svg{margin-bottom:12px;width:32px;height:32px}.upload-area span{font-size:14px;font-weight:500}.modal-section textarea{width:100%;padding:14px 16px;border:2px solid rgba(139,115,85,.2);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s;background:linear-gradient(135deg,#faf8f5,#f5f0eb)}.modal-section textarea:focus{outline:none;border-color:#8b7355;background:#fff;box-shadow:0 0 0 4px #8b735526}.modal-section textarea::placeholder{color:#b8a590}.modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(139,115,85,.15);background:linear-gradient(135deg,#faf8f5,#f5f0eb)}.modal-footer button{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-cancel{background:#fff;border:2px solid rgba(139,115,85,.2);color:#8b7355}.btn-cancel:hover{background:#faf8f5;border-color:#8b735566}.btn-save{background:linear-gradient(135deg,#8b7355,#a08060);border:none;color:#fff}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b735566}.btn-activate{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;margin-left:auto}.btn-cancel:disabled,.btn-save:disabled,.btn-activate:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.modal-status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.modal-status-badge.activated{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.no-file-text{color:#b8a590;font-style:italic;margin:0;padding:12px 16px;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:12px;border:1px solid rgba(139,115,85,.1)}@media (max-width: 900px){.admin-asplan-cards{grid-template-columns:1fr}}@media (max-width: 768px){.admin-asplan{padding:16px}.admin-asplan-header h1{font-size:24px}.admin-asplan-filters{flex-direction:column;align-items:stretch;padding:16px}.admin-asplan-search{max-width:none;min-width:auto}.admin-asplan-status-filter{flex-wrap:wrap;justify-content:center}.admin-asplan-refresh{margin-left:0;width:100%;justify-content:center}.asplan-card-header{flex-direction:column;align-items:center;text-align:center}.asplan-card-image{width:100px;height:100px}.asplan-card-footer{flex-direction:column;gap:16px}.asplan-card-meta{align-items:center}.info-grid,.form-grid{grid-template-columns:1fr}.modal-footer{flex-wrap:wrap}.btn-activate{margin-left:0;width:100%;justify-content:center}}.admin-coupons-page{padding:24px;max-width:1400px;margin:0 auto}.coupons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.header-left h1{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.header-left p{font-size:14px;color:#64748b;margin:4px 0 0}.btn-create{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.coupons-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.stat-active .stat-value{color:#10b981}.stat-expired .stat-value{color:#ef4444}.stat-used .stat-value{color:#f59e0b}.stat-discount .stat-value{color:#3b82f6;font-size:20px}.coupons-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.filter-tab{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#3b82f6;color:#3b82f6}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.search-box{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:280px}.search-box input{border:none;outline:none;font-size:14px;width:100%}.coupons-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.coupons-table{width:100%;border-collapse:collapse}.coupons-table th{text-align:left;padding:16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.coupons-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.coupons-table tr:last-child td{border-bottom:none}.coupons-table tr:hover{background:#f8fafc}.coupon-code-cell{display:flex;flex-direction:column;gap:4px}.coupon-code{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:#1a1a2e;background:#f1f5f9;padding:4px 8px;border-radius:4px;display:inline-block}.coupon-desc{font-size:12px;color:#64748b}.product-badge{display:inline-block;font-size:10px;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:4px;margin-top:4px}.user-cell{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.user-cell svg{color:#94a3b8}.discount-cell{display:flex;flex-direction:column;gap:2px}.discount-percent{font-size:16px;font-weight:600;color:#10b981}.discount-fixed{font-size:16px;font-weight:600;color:#3b82f6}.max-discount{font-size:11px;color:#94a3b8}.usage-cell{font-size:14px;color:#1a1a2e}.usage-limit{color:#94a3b8}.date-cell{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.date-cell svg{width:14px;height:14px;color:#94a3b8}.coupon-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#dcfce7;color:#166534}.status-expired{background:#fee2e2;color:#991b1b}.status-used{background:#fef3c7;color:#92400e}.status-inactive{background:#f1f5f9;color:#64748b}.action-buttons{display:flex;gap:8px}.action-buttons button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-toggle{background:#f1f5f9;color:#94a3b8}.btn-toggle.active{background:#dcfce7;color:#10b981}.btn-edit{background:#eff6ff;color:#3b82f6}.btn-edit:hover{background:#3b82f6;color:#fff}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#64748b}.empty-icon{width:64px;height:64px;margin:0 auto 16px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:32px;height:32px;color:#94a3b8}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.pagination button{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.pagination span{font-size:13px;color:#64748b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.btn-close{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#1a1a2e}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444}.error-text{display:block;font-size:12px;color:#ef4444;margin-top:4px}.form-hint{display:block;font-size:11px;color:#94a3b8;margin-top:4px}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.btn-generate{padding:0 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-generate:hover{background:#e2e8f0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.form-group{position:relative}.search-result-item{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f8fafc}.user-email{font-size:13px;color:#1a1a2e}.user-name{font-size:12px;color:#94a3b8}.product-name{font-size:13px;color:#1a1a2e}.product-type{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px}.selected-user{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.selected-user span{font-size:13px;color:#1e40af}.selected-user button{width:24px;height:24px;background:none;border:none;cursor:pointer;color:#3b82f6;display:flex;align-items:center;justify-content:center}.selected-products{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-product-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:12px;color:#166534}.selected-product-tag button{width:18px;height:18px;background:none;border:none;cursor:pointer;color:#22c55e;display:flex;align-items:center;justify-content:center;padding:0}.btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-save:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1024px){.coupons-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.coupons-header{flex-direction:column;align-items:flex-start;gap:16px}.coupons-stats{grid-template-columns:repeat(2,1fr)}.coupons-filters{flex-direction:column;align-items:stretch}.filter-tabs{flex-wrap:wrap}.search-box{width:100%}.coupons-table-wrapper{overflow-x:auto}.coupons-table{min-width:800px}.form-row{grid-template-columns:1fr}}.admin-orders{padding:24px;max-width:1600px;margin:0 auto}.admin-orders-header{margin-bottom:24px}.admin-orders-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.admin-orders-subtitle{color:#666;font-size:14px;margin:0}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff}.stat-card.processing .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-card.shipped .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-card.delivered .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.2}.stat-label{font-size:13px;color:#666}.admin-orders-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.admin-orders-search{flex:1;min-width:280px;display:flex;align-items:center;gap:10px;background:#f5f5f5;padding:10px 16px;border-radius:8px;border:1px solid transparent;transition:all .2s}.admin-orders-search:focus-within{background:#fff;border-color:#9a8c7a;box-shadow:0 0 0 3px #9a8c7a1a}.admin-orders-search svg{color:#999;flex-shrink:0}.admin-orders-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;color:#666;font-weight:500}.filter-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:130px}.filter-group select:focus{outline:none;border-color:#9a8c7a}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.admin-orders-loading,.admin-orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.admin-orders-loading .spinner,.loading-details .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#9a8c7a;border-radius:50%;animation:spin .8s linear infinite}.admin-orders-loading p,.admin-orders-empty p{margin:16px 0 0;color:#666;font-size:14px}.admin-orders-empty svg{width:48px;height:48px;color:#ccc}.orders-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;overflow:hidden;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:900px}.orders-table th{text-align:left;padding:10px 12px;background:#f8f9fa;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.orders-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;vertical-align:middle}.orders-table tbody tr:hover{background:#fafafa}.orders-table tbody tr:last-child td{border-bottom:none}.order-number{font-weight:600;color:#1a1a1a;font-size:13px}.item-count{font-size:11px;color:#999;margin-left:6px}.customer-cell{max-width:180px}.customer-name{font-weight:500;color:#1a1a1a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-email{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.amount-cell .amount{font-weight:600;color:#1a1a1a;font-size:13px;white-space:nowrap}.date-cell{font-size:12px;color:#666;white-space:nowrap}.tracking-cell .tracking-link{display:inline-flex;align-items:center;gap:4px;color:#2196f3;text-decoration:none;font-family:monospace;font-size:12px}.tracking-cell .tracking-link svg{width:12px;height:12px}.tracking-cell .tracking-link:hover{text-decoration:underline}.tracking-cell .no-tracking{color:#999}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-shipped{background:#e8f5e9;color:#2e7d32}.status-delivered{background:#e8f5e9;color:#1b5e20}.status-cancelled{background:#ffebee;color:#c62828}.payment-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.payment-pending{background:#fff8e1;color:#f57f17}.payment-paid{background:#e8f5e9;color:#2e7d32}.payment-failed{background:#ffebee;color:#c62828}.payment-term{background:#fff3e0;color:#e65100}.term-pending-badge{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.term-warning-box{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-bottom:16px}.term-warning-box svg{color:#d97706;flex-shrink:0}.term-warning-box .warning-content{flex:1}.term-warning-box .warning-title{font-weight:600;color:#92400e;margin-bottom:4px}.term-warning-box .warning-text{font-size:13px;color:#a16207}.term-warning-box .btn-go-term{padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.term-warning-box .btn-go-term:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-view,.btn-ship{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-view svg,.btn-ship svg{width:16px;height:16px}.btn-ship{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.btn-ship:hover{opacity:.9;transform:scale(1.05)}.btn-print{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-print svg{width:16px;height:16px}.btn-print-modal{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-print-modal:hover{opacity:.9;transform:translateY(-1px)}.btn-print-modal svg{width:16px;height:16px}.checkbox-cell{width:40px;text-align:center}.checkbox-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-disabled{color:#ccc}.orders-table tbody tr.selected{background-color:#f0f4ff}.btn-bulk-print{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.btn-bulk-print:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-bulk-print svg{width:18px;height:18px}.btn-label{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-label svg{width:16px;height:16px}.btn-label:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.btn-label:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-label-modal{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-label-modal:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-label-modal:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-label-modal svg{width:16px;height:16px}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #f0f0f0}.orders-pagination button{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.orders-pagination button:hover:not(:disabled){border-color:#9a8c7a;color:#9a8c7a}.orders-pagination button:disabled{opacity:.5;cursor:not-allowed}.orders-pagination span{font-size:14px;color:#666}.order-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.order-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.order-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.modal-close:hover{background:#e8e8e8;color:#333}.order-modal .modal-body{flex:1;overflow-y:auto;padding:24px}.modal-section h3{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #9a8c7a}.info-item .tracking-link{color:#2196f3;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.info-item .tracking-link:hover{text-decoration:underline}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;border:1px solid #e5e7eb}.order-item .item-image{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e8e8e8}.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;color:#ccc}.order-item .item-details{flex:1}.order-item .item-details h4{margin:0 0 6px;font-size:14px;font-weight:600;color:#1a1a1a}.order-item .item-details p{margin:0 0 4px;font-size:13px;color:#666}.order-item .item-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px}.order-item .unit-price{font-size:12px;color:#999}.order-item .total-price{font-size:16px;font-weight:600;color:#9a8c7a}.price-summary{background:#f8f9fa;padding:20px;border-radius:10px;border:1px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#666}.summary-row.discount span:last-child{color:#e65100}.summary-row.total{border-top:2px solid #e5e7eb;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700;color:#1a1a1a}.summary-row.total span:last-child{color:#9a8c7a}.order-modal .modal-footer,.shipping-modal .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8f9fa;justify-content:flex-end}.btn-cancel:hover:not(:disabled){background:#e8e8e8}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-activate{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-activate:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-activate:disabled{opacity:.6;cursor:not-allowed;transform:none}.shipping-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden}.shipping-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.shipping-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1565c0}.shipping-modal .modal-body{padding:24px}.shipping-info{background:#f8f9fa;padding:16px;border-radius:10px;margin-bottom:20px}.shipping-info p{margin:0 0 8px;font-size:14px;color:#333}.shipping-info p:last-child{margin-bottom:0}.form-group.tracking-input{margin-bottom:20px}.form-group.tracking-input label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group.tracking-input input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:18px;font-family:monospace;letter-spacing:2px;text-align:center;transition:all .2s}.form-group.tracking-input input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a}.notification-info{background:#e8f5e9;border:1px solid #A5D6A7;border-radius:10px;padding:16px}.notification-info h4{margin:0 0 12px;font-size:14px;color:#2e7d32}.notification-info ul{margin:0;padding-left:20px;list-style:disc}.notification-info li{font-size:13px;color:#388e3c;margin-bottom:6px}.notification-info li:last-child{margin-bottom:0}@media (max-width: 768px){.admin-orders{padding:16px}.orders-stats{grid-template-columns:repeat(2,1fr)}.admin-orders-filters{flex-direction:column;gap:12px}.admin-orders-search{width:100%;min-width:unset}.filter-group{width:100%;justify-content:space-between}.filter-group select{flex:1}.btn-refresh{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.order-modal,.shipping-modal{max-height:100vh;border-radius:0}.order-item{flex-direction:column}.order-item .item-price{flex-direction:row;justify-content:space-between;align-items:center}}.admin-referrers-page{padding:24px;max-width:1400px;margin:0 auto}.referrers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.header-info p{font-size:14px;color:#64748b;margin:0}.btn-add-referrer{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-referrer:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a365d4d}.referrers-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.users{background:#dbeafe;color:#2563eb}.stat-icon.active{background:#dcfce7;color:#16a34a}.stat-icon.money{background:#fef3c7;color:#d97706}.stat-icon.pending{background:#fee2e2;color:#dc2626}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1e293b}.stat-label{font-size:13px;color:#64748b}.referrers-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#1a365d;color:#1a365d}.filter-tab.active{background:#1a365d;color:#fff;border-color:#1a365d}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;width:300px}.search-box input{border:none;outline:none;flex:1;font-size:14px}.search-box svg{color:#94a3b8}.referrers-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.loading-state,.empty-state{padding:48px;text-align:center;color:#64748b}.empty-state button{margin-top:16px;padding:10px 20px;background:#1a365d;color:#fff;border:none;border-radius:6px;cursor:pointer}.referrers-table{width:100%;border-collapse:collapse}.referrers-table thead{background:#f8fafc}.referrers-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.referrers-table td{padding:14px 16px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.referrers-table tbody tr:hover{background:#f8fafc}.code-cell{font-family:monospace;font-size:13px;color:#64748b}.name-cell strong{color:#1e293b}.contact-cell{font-size:13px}.contact-cell .email{color:#64748b}.contact-cell .line{color:#00b900;font-size:12px}.rate-cell{font-weight:600;color:#7c3aed}.orders-cell .order-count{font-weight:600;color:#1e293b}.orders-cell .sales-amount{font-size:12px;color:#64748b}.commission-cell .total{font-weight:600;color:#16a34a}.commission-cell .pending{font-size:12px;color:#dc2626}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#64748b}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.paid{background:#dcfce7;color:#16a34a}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.actions-cell{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon.view{background:#dbeafe;color:#2563eb}.btn-icon.view:hover{background:#bfdbfe}.btn-icon.edit{background:#fef3c7;color:#d97706}.btn-icon.edit:hover{background:#fde68a}.btn-icon.delete{background:#fee2e2;color:#dc2626}.btn-icon.delete:hover{background:#fecaca}.referrers-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e2e8f0}.referrers-pagination button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.referrers-pagination button:disabled{opacity:.5;cursor:not-allowed}.referrers-pagination button:not(:disabled):hover{background:#f8fafc}.referrers-pagination span{font-size:13px;color:#64748b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.orders-modal{max-width:900px}.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;color:#1e293b;margin:0}.btn-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px}.btn-close:hover{color:#1e293b}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.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:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a365d}.form-group input.error,.form-group textarea.error{border-color:#dc2626}.error-text{display:block;font-size:12px;color:#dc2626;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.btn-cancel{padding:10px 20px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1a365d4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.orders-table{width:100%;border-collapse:collapse}.orders-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0}.orders-table td{padding:12px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9}.orders-table .rate-info{font-size:11px;color:#64748b}.btn-mark-paid{padding:6px 12px;background:#16a34a;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.btn-mark-paid:hover{background:#15803d}@media (max-width: 1024px){.referrers-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-referrers-page{padding:16px}.referrers-header{flex-direction:column;gap:16px}.referrers-stats{grid-template-columns:1fr}.referrers-filter-bar{flex-direction:column;align-items:stretch}.search-box{width:100%}.form-row{grid-template-columns:1fr}.modal-content{margin:16px;max-height:calc(100vh - 32px)}.referrers-table{display:block;overflow-x:auto}}.admin-term-payments{padding:16px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:12px}.header-icon{width:36px;height:36px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.header-icon svg{width:18px;height:18px}.page-header h1{font-size:18px;font-weight:700;color:#1f2937;margin:0}.page-header p{font-size:12px;color:#6b7280;margin:2px 0 0}.btn-refresh{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh svg{width:14px;height:14px}.btn-refresh:hover{background:#e5e7eb}.filters-bar{display:flex;gap:12px;margin-bottom:16px}.search-box{flex:1;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-width:350px}.search-box svg{color:#9ca3af;width:16px;height:16px}.search-box input{flex:1;border:none;outline:none;font-size:13px}.status-filter{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;min-width:150px}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.stat-card.pending{border-left:3px solid #f59e0b}.stat-card.deposit{border-left:3px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.stat-card.activated{border-left:3px solid #8b5cf6}.stat-card.completed{border-left:3px solid #10b981}.stat-value{font-size:24px;font-weight:700;color:#1f2937}.stat-label{font-size:12px;color:#6b7280}.table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table td{padding:8px 12px;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6}.data-table tbody tr:hover{background:#f9fafb}.order-number strong{display:block;color:#1f2937;font-weight:600;font-size:13px}.order-number small{color:#9ca3af;font-size:11px}.customer-info .name{display:block;font-weight:500;font-size:13px}.customer-info small{color:#6b7280;font-size:11px}.term-id{display:inline-block;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:600}.amount{font-weight:500;font-family:SF Mono,monospace;font-size:12px}.paid-check{display:inline-flex;color:#10b981;margin-left:4px}.paid-check svg{width:12px;height:12px}.date{color:#6b7280;font-size:11px}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.badge-pending{background:#fef3c7;color:#92400e}.badge-deposit{background:#dbeafe;color:#1e40af}.badge-fully-paid{background:#ede9fe;color:#6d28d9}.badge-activated{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;align-items:center;gap:6px}.btn-activate-quick{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.btn-activate-quick svg{width:14px;height:14px}.btn-activate-quick:hover{background:#059669;transform:scale(1.05)}.btn-view{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;transition:all .2s}.btn-view svg{width:14px;height:14px}.btn-view:hover{background:#e5e7eb;color:#1f2937}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px}.pagination button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.pagination button svg{width:14px;height:14px}.pagination button:hover:not(:disabled){background:#f3f4f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:12px;color:#6b7280}.loading-state,.empty-state{padding:40px 20px;text-align:center;color:#6b7280;font-size:13px}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-action:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-small{max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-close:hover{background:#e5e7eb;color:#1f2937}.modal-body{padding:24px;overflow-y:auto}.info-section{margin-bottom:24px}.info-section h3{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.info-item label{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.info-item span{font-size:14px;color:#1f2937;font-weight:500}.info-item .order-num{font-size:16px;font-weight:600;color:#f59e0b}.term-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px}.term-box .term-id{margin-bottom:8px}.term-box .term-desc{font-size:14px;color:#1f2937;line-height:1.5}.payment-summary{background:#f9fafb;border-radius:8px;overflow:hidden}.summary-row{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:14px}.summary-row:last-child{border-bottom:none}.summary-row.total{background:#1f2937;color:#fff;font-weight:600}.summary-row.paid{background:#d1fae5}.paid-label{display:inline-block;margin-left:8px;padding:2px 8px;background:#10b981;color:#fff;font-size:11px;border-radius:10px}.summary-detail{padding:8px 16px;background:#f3f4f6;display:flex;gap:16px}.summary-detail small{font-size:12px;color:#6b7280}.items-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.item-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.item-row:last-child{border-bottom:none}.item-name{display:block;font-weight:500;color:#1f2937}.item-size{font-size:12px;color:#6b7280}.item-qty{padding:0 16px;color:#6b7280}.item-price{font-weight:500;font-family:SF Mono,monospace}.modal-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-deposit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-deposit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-balance{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-balance:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-activate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.activated-badge{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f59e0b}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:12px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{flex:1;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-row.deposit-row{background:#eff6ff}.summary-row.deposit-row.paid{background:#d1fae5}.summary-row.balance-row{background:#faf5ff}.summary-row.balance-row.paid{background:#d1fae5}.summary-row.full-payment-row{background:#fffbeb;font-weight:500}.summary-row.full-payment-row.paid{background:#d1fae5}.summary-row strong{color:#374151;margin-right:4px}.payment-condition-note{padding:12px 16px;background:#fef3c7;border-top:1px dashed #fcd34d;text-align:center}.payment-condition-note small{color:#92400e;font-weight:500}.payment-progress{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;margin-bottom:8px}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.btn-full-payment{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-full-payment:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}@media (max-width: 768px){.admin-term-payments{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.filters-bar{flex-direction:column}.search-box{max-width:none}.stats-summary{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;border-radius:12px 12px 0 0}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 8px}}.admin-payment-terms-master{padding:16px;max-width:1400px;margin:0 auto}.admin-payment-terms-master .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.admin-payment-terms-master .header-left{display:flex;align-items:center;gap:12px}.admin-payment-terms-master .header-left svg{color:#1a365d}.admin-payment-terms-master .header-left h1{font-size:20px;font-weight:600;color:#1a365d;margin:0}.admin-payment-terms-master .header-actions{display:flex;gap:8px}.admin-payment-terms-master .btn-refresh{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.admin-payment-terms-master .btn-refresh:hover{background:#f3f4f6;border-color:#d1d5db}.admin-payment-terms-master .btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.admin-payment-terms-master .btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a365d4d}.admin-payment-terms-master .terms-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-payment-terms-master .loading-spinner{text-align:center;padding:40px;color:#6b7280}.admin-payment-terms-master .terms-table{width:100%;border-collapse:collapse}.admin-payment-terms-master .terms-table th{background:#f8fafc;padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.admin-payment-terms-master .terms-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#374151}.admin-payment-terms-master .terms-table tbody tr:hover{background:#f8fafc}.admin-payment-terms-master .terms-table .inactive-row{opacity:.6;background:#f9fafb}.admin-payment-terms-master .terms-table .th-order{width:60px;text-align:center}.admin-payment-terms-master .terms-table .th-term-id{width:80px}.admin-payment-terms-master .terms-table .th-deposit{width:80px;text-align:center}.admin-payment-terms-master .terms-table .th-days,.admin-payment-terms-master .terms-table .th-status{width:100px;text-align:center}.admin-payment-terms-master .terms-table .th-actions{width:140px;text-align:center}.admin-payment-terms-master .td-order{text-align:center;font-weight:500;color:#6b7280}.admin-payment-terms-master .td-deposit,.admin-payment-terms-master .td-days,.admin-payment-terms-master .td-status,.admin-payment-terms-master .td-actions{text-align:center}.admin-payment-terms-master .term-code{display:inline-block;background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.admin-payment-terms-master .deposit-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.admin-payment-terms-master .no-deposit{color:#9ca3af}.admin-payment-terms-master .no-data{text-align:center;padding:40px;color:#9ca3af}.admin-payment-terms-master .status-toggle{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.admin-payment-terms-master .status-toggle.active{background:#dcfce7;color:#166534}.admin-payment-terms-master .status-toggle.active:hover{background:#bbf7d0}.admin-payment-terms-master .status-toggle.inactive{background:#fee2e2;color:#991b1b}.admin-payment-terms-master .status-toggle.inactive:hover{background:#fecaca}.admin-payment-terms-master .btn-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-right:4px;font-size:11px;font-weight:500}.admin-payment-terms-master .btn-action:last-child{margin-right:0}.admin-payment-terms-master .btn-edit{background:#e0f2fe;color:#0369a1}.admin-payment-terms-master .btn-edit:hover{background:#bae6fd}.admin-payment-terms-master .btn-delete{background:#fee2e2;color:#dc2626}.admin-payment-terms-master .btn-delete:hover{background:#fecaca}.admin-payment-terms-master .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-payment-terms-master .modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-payment-terms-master .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.admin-payment-terms-master .modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.admin-payment-terms-master .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.admin-payment-terms-master .btn-close:hover{background:#e5e7eb;color:#374151}.admin-payment-terms-master .modal-content form{padding:20px}.admin-payment-terms-master .form-row{display:flex;gap:16px}.admin-payment-terms-master .form-row .form-group{flex:1}.admin-payment-terms-master .form-group{margin-bottom:16px}.admin-payment-terms-master .form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#374151}.admin-payment-terms-master .form-group .required{color:#ef4444}.admin-payment-terms-master .form-group input[type=text],.admin-payment-terms-master .form-group input[type=number],.admin-payment-terms-master .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.admin-payment-terms-master .form-group input:focus,.admin-payment-terms-master .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-payment-terms-master .form-group input.error,.admin-payment-terms-master .form-group textarea.error{border-color:#ef4444}.admin-payment-terms-master .form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.admin-payment-terms-master .error-text{display:block;color:#ef4444;font-size:12px;margin-top:4px}.admin-payment-terms-master .form-hint{display:block;color:#6b7280;font-size:11px;margin-top:4px}.admin-payment-terms-master .checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.admin-payment-terms-master .checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.admin-payment-terms-master .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.admin-payment-terms-master .btn-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-payment-terms-master .btn-cancel:hover{background:#f3f4f6}.admin-payment-terms-master .btn-save{padding:10px 24px;border:none;border-radius:6px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-payment-terms-master .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a365d4d}@media (max-width: 768px){.admin-payment-terms-master{padding:12px}.admin-payment-terms-master .page-header{flex-direction:column;align-items:stretch;gap:12px}.admin-payment-terms-master .header-actions{justify-content:flex-end}.admin-payment-terms-master .form-row{flex-direction:column;gap:0}.admin-payment-terms-master .terms-table{font-size:12px}.admin-payment-terms-master .terms-table th,.admin-payment-terms-master .terms-table td{padding:8px 6px}.admin-payment-terms-master .th-description{max-width:200px}.admin-payment-terms-master .td-description{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.admin-production-orders{padding:24px;max-width:1600px;margin:0 auto}.admin-production-orders-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.admin-production-orders-header .header-icon{width:44px;height:44px;background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.admin-production-orders-header .header-icon svg{width:22px;height:22px}.admin-production-orders-header h1{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.admin-production-orders-subtitle{color:#666;font-size:12px;margin:0}.admin-production-orders-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.admin-production-orders-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#f5f5f5;padding:8px 12px;border-radius:6px;border:1px solid transparent;transition:all .2s}.admin-production-orders-search:focus-within{background:#fff;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.admin-production-orders-search svg{color:#999;flex-shrink:0}.admin-production-orders-search input{flex:1;border:none;outline:none;font-size:12px;background:transparent}.filter-group{display:flex;align-items:center;gap:6px}.filter-group label{font-size:12px;color:#666;font-weight:500}.filter-group select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;background:#fff;cursor:pointer;min-width:150px}.filter-group select:focus{outline:none;border-color:#1565c0}.btn-refresh{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#333;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#e8e8e8}.admin-production-orders-loading,.admin-production-orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.admin-production-orders-loading .spinner,.loading-details .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-production-orders-loading p,.admin-production-orders-empty p{margin:16px 0 0;color:#666;font-size:14px}.admin-production-orders-empty svg{width:48px;height:48px;color:#ccc}.production-orders-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;overflow:hidden;overflow-x:auto}.production-orders-table{width:100%;border-collapse:collapse;min-width:700px}.production-orders-table th{text-align:left;padding:8px 10px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);font-size:11px;font-weight:600;color:#1565c0;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #1565C0;white-space:nowrap}.production-orders-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;font-size:12px;vertical-align:middle}.production-orders-table tbody tr:hover{background:#f5f9ff}.production-orders-table tbody tr:last-child td{border-bottom:none}.order-number-cell{white-space:nowrap}.order-number{font-weight:600;color:#1565c0;font-size:12px}.customer-cell{max-width:160px}.customer-name{font-weight:500;color:#1a1a1a;font-size:12px;display:block;margin-bottom:2px}.customer-phone{font-size:11px;color:#666;display:flex;align-items:center;gap:3px}.customer-phone svg{width:10px;height:10px}.items-cell .items-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e3f2fd;color:#1565c0;font-weight:600;border-radius:12px;font-size:11px}.date-cell{font-size:11px;color:#666;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge svg{width:12px;height:12px}.status-pending{background:#fff3e0;color:#e65100}.status-processing{background:#e3f2fd;color:#1565c0}.actions-cell{display:flex;gap:6px}.btn-view,.btn-print{width:30px;height:30px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-view svg,.btn-print svg{width:14px;height:14px}.btn-view{background:#f0f0f0;color:#666}.btn-view:hover{background:#e0e0e0;color:#333}.btn-print{background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff}.btn-print:hover{opacity:.9;transform:scale(1.05)}.production-orders-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #f0f0f0}.production-orders-pagination button{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.production-orders-pagination button:hover:not(:disabled){border-color:#1565c0;color:#1565c0}.production-orders-pagination button:disabled{opacity:.5;cursor:not-allowed}.production-orders-pagination span{font-size:12px;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.production-order-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.production-order-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #1565C0;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.production-order-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1565c0;display:flex;align-items:center;gap:10px}.production-order-modal .modal-header h2 svg{width:24px;height:24px}.modal-close{width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.modal-close:hover{background:#0000001a;color:#333}.production-order-modal .modal-body{flex:1;overflow-y:auto;padding:24px}.loading-details{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-details p{margin:16px 0 0;color:#666}.modal-section{margin-bottom:24px}.modal-section h3{font-size:14px;font-weight:600;color:#1565c0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #1565C0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:12px;color:#999;display:flex;align-items:center;gap:6px}.info-item label svg{width:14px;height:14px}.info-item span{font-size:14px;color:#1a1a1a}.info-item .order-number-display{font-size:18px;font-weight:700;color:#1565c0}.production-items-list{display:flex;flex-direction:column;gap:16px}.production-item{display:flex;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.production-item:hover{border-color:#1565c0;box-shadow:0 4px 12px #1565c01a}.production-item .item-image{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e8e8e8;border:1px solid #ddd}.production-item .item-image img{width:100%;height:100%;object-fit:cover}.production-item .item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc}.production-item .item-details{flex:1}.production-item .item-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a1a1a}.production-item .item-details .item-type{margin:0 0 12px;font-size:13px;color:#666}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.spec-item.full-width{grid-column:1 / -1}.spec-item.custom-size{background:#fff3e0;border-color:#ffb74d}.spec-item.custom-size span{color:#e65100;font-weight:600}.spec-item label{font-size:12px;color:#666;display:flex;align-items:center;gap:4px;white-space:nowrap}.spec-item label svg{width:14px;height:14px;color:#1565c0}.spec-item span{font-size:13px;font-weight:500;color:#333}.production-item .item-quantity{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:12px;background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:10px;color:#fff}.production-item .item-quantity .qty-label{font-size:11px;opacity:.8;margin-bottom:4px}.production-item .item-quantity .qty-value{font-size:32px;font-weight:700;line-height:1}.production-item .item-quantity .qty-unit{font-size:12px;opacity:.8;margin-top:4px}.notes-box{padding:16px;background:#fff8e1;border:1px solid #FFE082;border-radius:8px;font-size:14px;color:#333;line-height:1.6}.production-order-modal .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8f9fa;justify-content:flex-end}.btn-cancel{padding:12px 24px;background:#f0f0f0;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e8e8e8}.btn-print-modal{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#1565c0,#0d47a1);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-print-modal:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #1565c066}.btn-print-modal svg{width:18px;height:18px}@media (max-width: 768px){.admin-production-orders{padding:16px}.admin-production-orders-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-production-orders-filters{flex-direction:column;gap:12px}.admin-production-orders-search{width:100%;min-width:unset}.filter-group{width:100%;justify-content:space-between}.filter-group select{flex:1}.btn-refresh{width:100%;justify-content:center}.info-grid,.specs-grid{grid-template-columns:1fr}.production-order-modal{max-height:100vh;border-radius:0}.production-item{flex-direction:column}.production-item .item-image{width:100%;height:150px}.production-item .item-quantity{flex-direction:row;gap:12px;padding:12px 20px}.production-item .item-quantity .qty-value{font-size:24px}}.purchasing-login-page{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e5e2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:420px;overflow:hidden}.login-header{background:linear-gradient(135deg,#9a8c7a,#7d7165);color:#fff;padding:40px 30px;text-align:center}.login-header h1{margin:0;font-size:28px;font-weight:600;letter-spacing:1px}.login-header p{margin:10px 0 0;font-size:14px;opacity:.85;letter-spacing:2px}.login-form{padding:40px 30px}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.login-form .form-group input{width:100%;padding:14px 16px;font-size:15px;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa;transition:all .2s;box-sizing:border-box}.login-form .form-group input:focus{outline:none;border-color:#9a8c7a;background:#fff;box-shadow:0 0 0 3px #9a8c7a1a}.login-form .form-group input::placeholder{color:#aaa}.login-error{background:#fff5f5;color:#e53935;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #ffcdd2}.login-form .login-btn{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#9a8c7a,#7d7165);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.login-form .login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9a8c7a4d}.login-form .login-btn:disabled{opacity:.7;cursor:not-allowed}.purchasing-dashboard{min-height:100vh;background-color:#f5f5f5}.purchasing-header{background:linear-gradient(135deg,#9a8c7a,#7d7165);color:#fff;padding:0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.logo-section h1{margin:0;font-size:24px;font-weight:600}.logo-section p{margin:5px 0 0;font-size:12px;opacity:.8}.user-section{display:flex;align-items:center;gap:15px}.user-name{font-size:14px;opacity:.9}.logout-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.logout-btn:hover{background:#ffffff4d}.purchasing-content{max-width:1400px;margin:0 auto;padding:25px 30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #0000000d;border-left:4px solid}.stat-card.pending{border-left-color:#f59e0b}.stat-card.processing{border-left-color:#3b82f6}.stat-card.completed{border-left-color:#10b981}.stat-icon{font-size:24px}.stat-info h3{margin:0;font-size:22px;font-weight:700;color:#333}.stat-info p{margin:2px 0 0;font-size:13px;color:#666}.stat-items{font-size:11px;color:#999}.filter-tabs{display:flex;gap:10px;margin-bottom:25px;background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.filter-tabs .tab{padding:10px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.filter-tabs .tab:hover{background:#f5f5f5}.filter-tabs .tab.active{background:#9a8c7a;color:#fff}.main-content{display:grid;grid-template-columns:400px 1fr;gap:25px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header{padding:20px 25px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.table-header h2{margin:0;font-size:18px;color:#333}.table-header-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.date-filter-group{display:flex;flex-direction:column;gap:2px}.date-filter-group label{font-size:10px;color:#666;font-weight:500}.date-input{padding:5px 8px;font-size:12px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;transition:all .2s;color:#333;height:32px;box-sizing:border-box}.date-input:focus{outline:none;border-color:#9a8c7a;background:#fff;box-shadow:0 0 0 3px #9a8c7a1a}.date-search-btn{padding:0 14px;height:32px;font-size:12px;font-weight:500;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:4px}.date-search-btn:hover{background:#2563eb}.date-clear-btn{padding:0 10px;height:32px;font-size:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s}.date-clear-btn:hover{background:#e2e8f0;color:#475569}.search-box{position:relative;flex:1;max-width:280px}.search-input{width:100%;padding:6px 32px 6px 10px;font-size:12px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;transition:all .2s;box-sizing:border-box;height:32px}.search-input:focus{outline:none;border-color:#9a8c7a;background:#fff;box-shadow:0 0 0 3px #9a8c7a1a}.search-input::placeholder{color:#aaa}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#e5e7eb;color:#666;font-size:16px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-clear:hover{background:#d1d5db;color:#333}.table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table thead{background:#f8f7f5}.orders-table th{padding:14px 16px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e5e7eb;white-space:nowrap}.orders-table th.text-center{text-align:center}.orders-table th.text-right{text-align:right}.orders-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.orders-table td.text-center{text-align:center}.orders-table td.text-right{text-align:right}.orders-table tbody tr:hover{background:#faf9f7}.orders-table tbody tr.selected{background:#f5f3f0}.order-number-link{color:#9a8c7a;font-weight:600;cursor:pointer;transition:color .2s}.order-number-link:hover{color:#7d7165;text-decoration:underline}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-cell .customer-name{font-weight:500;color:#333}.customer-cell .customer-phone{font-size:12px;color:#999}.action-buttons-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.action-buttons-row button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.action-buttons-row button:disabled{opacity:.5;cursor:not-allowed}.btn-view{background:#e5e7eb;color:#374151}.btn-view:hover:not(:disabled){background:#d1d5db}.btn-pending-sm{background:#fef3c7;color:#d97706}.btn-pending-sm:hover:not(:disabled){background:#fde68a}.btn-processing-sm{background:#dbeafe;color:#2563eb}.btn-processing-sm:hover:not(:disabled){background:#bfdbfe}.btn-completed-sm{background:#d1fae5;color:#059669}.btn-completed-sm:hover:not(:disabled){background:#a7f3d0}.details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.details-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;box-shadow:0 20px 60px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #9a8c7a;background:#faf9f7;border-radius:16px 16px 0 0}.details-modal-header h2{margin:0;font-size:20px;color:#333}.details-modal-header-right{display:flex;align-items:center;gap:15px}.modal-close-btn{width:36px;height:36px;border:none;background:#e5e7eb;color:#666;font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#d1d5db;color:#333}.details-modal-content{padding:25px;max-height:calc(100vh - 200px);overflow-y:auto}.orders-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;max-height:calc(100vh - 280px);overflow-y:auto}.orders-panel h2{margin:0 0 20px;font-size:18px;color:#333}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{border:1px solid #e5e7eb;border-radius:10px;padding:15px;cursor:pointer;transition:all .2s}.order-card:hover{border-color:#9a8c7a;box-shadow:0 2px 8px #9a8c7a26}.order-card.selected{border-color:#9a8c7a;background:#faf9f7}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-number{font-weight:600;color:#9a8c7a;font-size:14px}.order-info .customer-name{margin:0 0 5px;font-weight:500;color:#333}.order-info .order-date{margin:0;font-size:12px;color:#999}.order-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.item-count{font-size:13px;color:#666}.total-amount{font-weight:600;color:#333}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.status-pending{background:#fef3c7;color:#d97706}.status-processing{background:#dbeafe;color:#2563eb}.status-completed{background:#d1fae5;color:#059669}.details-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000d;max-height:calc(100vh - 280px);overflow-y:auto}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #9a8c7a}.details-header h2{margin:0;font-size:20px;color:#333}.order-id{font-weight:600;color:#9a8c7a}.customer-info{background:#faf9f7;border-radius:10px;padding:20px;margin-bottom:25px}.customer-info h3{margin:0 0 15px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-grid>div{display:flex;flex-direction:column;gap:4px}.info-grid label{font-size:12px;color:#999}.info-grid span{font-size:14px;color:#333}.items-section h3{margin:0 0 15px;font-size:16px;color:#333}.items-list{display:flex;flex-direction:column;gap:15px}.item-card{display:flex;gap:15px;padding:15px;border:1px solid #e5e7eb;border-radius:10px}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#999}.item-info{flex:1}.item-info h4{margin:0 0 8px;font-size:15px;color:#333}.item-details p{margin:0 0 4px;font-size:12px;color:#666}.item-price{margin-top:10px;font-weight:600;color:#9a8c7a;font-size:15px}.item-status{display:flex;align-items:flex-start}.action-buttons{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e7eb}.action-buttons button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-buttons button:disabled{opacity:.6;cursor:not-allowed}.btn-pending{background:#fef3c7;color:#d97706}.btn-pending:hover:not(:disabled){background:#fde68a}.btn-processing{background:#dbeafe;color:#2563eb}.btn-processing:hover:not(:disabled){background:#bfdbfe}.btn-completed{background:#d1fae5;color:#059669}.btn-completed:hover:not(:disabled){background:#a7f3d0}.empty-state,.empty-details{text-align:center;padding:40px 20px;color:#999}.empty-icon{font-size:48px;margin-bottom:15px}.loading{text-align:center;padding:40px;color:#666}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.orders-panel,.details-panel{max-height:none}.action-buttons-row{flex-direction:column;gap:4px}.action-buttons-row button{padding:8px 16px}.orders-table th,.orders-table td{padding:10px 12px}}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px;text-align:center}.stats-grid{grid-template-columns:1fr}.purchasing-content{padding:15px}.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.orders-table{font-size:12px}.orders-table th,.orders-table td{padding:8px 10px}.table-header{flex-direction:column;align-items:stretch}.search-box{max-width:none}.details-modal{margin:10px}.details-modal-content{padding:15px}.details-modal-header{flex-direction:column;gap:10px;text-align:center}}.item-image.clickable{cursor:pointer;position:relative;transition:all .2s}.item-image.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.item-image .zoom-icon{position:absolute;bottom:5px;right:5px;background:#0009;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .2s}.item-image.clickable:hover .zoom-icon{opacity:1}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-content img{display:block;max-width:80vw;max-height:75vh;object-fit:contain}.image-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;background:#00000080;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.image-modal-close:hover{background:#000c;transform:scale(1.1)}.image-modal-title{margin:0;padding:15px 20px;background:#f5f5f5;text-align:center;font-size:14px;color:#333;font-weight:500}.item-card-full{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;margin-bottom:15px}.item-header-row{display:flex;gap:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.item-image-large{width:120px;height:120px;border-radius:10px;overflow:hidden;background:#f5f5f5;flex-shrink:0;position:relative}.item-image-large.clickable{cursor:pointer;transition:all .2s}.item-image-large.clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.item-image-large img{width:100%;height:100%;object-fit:cover}.item-image-large .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999}.item-image-large .zoom-icon{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .2s}.item-image-large.clickable:hover .zoom-icon{opacity:1}.item-main-info{flex:1}.item-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px}.item-title-row h4{margin:0;font-size:17px;color:#333;font-weight:600}.item-collection{margin:0 0 5px;font-size:13px;color:#9a8c7a;font-weight:500}.item-product-id{margin:0;font-size:12px;color:#999}.item-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.specs-column{background:#faf9f7;border-radius:10px;padding:15px}.specs-column h5{margin:0 0 12px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.specs-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.specs-row.total{margin-top:8px;padding-top:10px;border-top:1px solid #e5e5e5;font-weight:600}.specs-label{color:#666}.specs-value{color:#333;font-weight:500;text-align:right}.specs-row.total .specs-value{color:#9a8c7a;font-size:15px}.no-options{margin:0;font-size:13px;color:#999;font-style:italic}@media (max-width: 1200px){.item-specs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.item-specs-grid{grid-template-columns:1fr}.item-header-row{flex-direction:column;align-items:center;text-align:center}.item-title-row{flex-direction:column;align-items:center}}