:root{--primary-orange:#FF6600;--primary-red:#C62828;--primary-yellow:#FFD700;--dark-red:#8B0000;--light-orange:#FFF8F0;--text-dark:#2C2C2C;--text-gray:#666666;--bg-light:#FAFAFA;--white:#FFFFFF;--border-color:#E0E0E0;--light-gray:#F0F0F0;--container-max-width:1400px;--container-padding-desktop:2rem;--container-padding-tablet:1.5rem;--container-padding-mobile:1rem;--section-spacing:4rem;--element-spacing-lg:2rem;--element-spacing-md:1.5rem;--element-spacing-sm:1rem;--element-spacing-xs:0.5rem;--grid-gap-lg:1.5rem;--grid-gap-md:1rem;--grid-gap-sm:0.75rem;--card-border-radius:12px;--card-shadow-sm:0 2px 8px rgba(0,0,0,0.08);--card-shadow-md:0 4px 16px rgba(0,0,0,0.1);--card-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--card-border-width:1px;--card-padding:1.5rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}.adm-layout *,.adm-layout :after,.adm-layout :before{max-width:none}html{scroll-behavior:smooth}body{font-family:Sarabun,Kanit,sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden;width:100%}embed,iframe,img,object,video{max-width:100%;height:auto}a,a:active,a:focus,a:hover,button,button:active,button:focus,button:hover{outline:none!important;box-shadow:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-orange)!important;outline-offset:2px!important}.container,.container-fluid,.pro-container{max-width:var(--container-max-width)}.container,.container-fluid,.container-narrow,.pro-container{margin:0 auto;padding:0 var(--container-padding-desktop);width:100%}.container-narrow{max-width:1200px}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--container-padding-desktop);width:100%}.container-full{max-width:100%!important;padding-left:0!important;padding-right:0!important}section{width:100%;max-width:100%;overflow:hidden;position:relative}.section-padding{padding:var(--section-spacing) 0}.section-padding-lg{padding:calc(var(--section-spacing) * 1.5) 0}.section-padding-sm{padding:calc(var(--section-spacing) * .75) 0}.pro-grid{display:grid;gap:var(--grid-gap-md);width:100%}.pro-grid-lg{gap:var(--grid-gap-lg)}.pro-grid-sm{gap:var(--grid-gap-sm)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pro-card{background:var(--white);border:var(--card-border-width) solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);transition:all var(--transition-normal);overflow:hidden;height:100%;display:flex;flex-direction:column}.pro-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-md);border-color:var(--primary-orange)}.pro-card-body{padding:var(--card-padding);flex:1 1;display:flex;flex-direction:column}.pro-card-header{padding:1.25rem var(--card-padding);border-bottom:1px solid var(--border-color);background:var(--bg-light)}.pro-card-footer{padding:1rem var(--card-padding);border-top:1px solid var(--border-color);background:var(--bg-light);margin-top:auto}.pro-card-elevated{box-shadow:var(--card-shadow-md)}.pro-card-elevated:hover{box-shadow:var(--card-shadow-lg)}.pro-card-flat{box-shadow:none;border:none}.pro-card-bordered{border:2px solid var(--border-color)}.gov-bar{background:linear-gradient(90deg,var(--primary-orange) 0,#FF4500 20%,var(--primary-red) 40%,#DC143C 60%,var(--primary-red) 80%,var(--primary-orange) 100%);box-shadow:0 4px 15px rgba(255,69,0,.4),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1);color:white;padding:.5rem var(--container-padding-desktop);font-size:.8rem;position:relative;z-index:1030}.gov-bar:before{top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.05) 50%,transparent)}.gov-bar:after,.gov-bar:before{content:"";position:absolute;left:0;right:0;pointer-events:none}.gov-bar:after{bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent)}.gov-bar-content{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.gov-links{display:flex;gap:2rem;list-style:none;margin-bottom:0}.gov-links a{color:white;text-decoration:none;display:flex;align-items:center;gap:.5rem;opacity:.9;transition:opacity .3s ease}.gov-links a:hover{opacity:1}.contact-section{gap:1.5rem}.contact-item,.contact-section{display:flex;align-items:center}.contact-item{gap:.6rem}.contact-item>i{color:rgba(255,255,255,.8);font-size:.95rem}.contact-text{display:flex;flex-direction:column;line-height:1.3}.contact-label{font-size:.7rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.3px}.contact-value{font-size:.85rem;color:white;font-weight:500}.contact-link{color:inherit}.contact-link,.contact-link:hover{text-decoration:none}.contact-divider{width:1px;height:24px;background:rgba(255,255,255,.25)}.right-section{display:flex;align-items:center;gap:2rem;margin-left:auto}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0}.nav-links a{display:flex;align-items:center;gap:.4rem;color:white;text-decoration:none;font-size:.85rem;opacity:.9;transition:opacity .3s ease}.nav-links a:hover{opacity:1}.nav-links a i{font-size:.9rem}.nav-links a span{font-weight:500}.social-links{gap:.75rem}.social-links,.social-links a{display:flex;align-items:center}.social-links a{width:32px;height:32px;justify-content:center;color:white;text-decoration:none;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s ease;font-size:.85rem}.social-links a:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.language-dropdown{position:relative}.lang-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:rgba(255,255,255,.15);border:none;border-radius:6px;color:white;font-size:.85rem;cursor:pointer;transition:all .3s ease}.lang-btn:hover{background:rgba(255,255,255,.25)}.lang-flag{font-size:1rem}.lang-code{font-weight:500;font-size:.8rem}.lang-arrow{font-size:.7rem;transition:transform .3s ease}.lang-btn:hover .lang-arrow,.lang-btn[aria-expanded=true] .lang-arrow{transform:rotate(180deg)}.lang-menu{min-width:160px;margin-top:.5rem;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.5rem 0;max-height:280px;overflow-y:auto}.lang-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:var(--text-dark);font-size:.85rem;transition:background .2s ease}.lang-menu .dropdown-item:hover{background:var(--light-orange);color:var(--primary-orange)}.lang-menu .dropdown-item i{font-size:1rem}.lang-menu .dropdown-item span{flex:1 1}.fi{font-size:1rem;width:1.25em;height:1em;display:inline-block}.main-header{background:white;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:1020}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:1.5rem var(--container-padding-desktop);display:flex;align-items:center;gap:2rem;overflow:visible;justify-content:flex-start}.logo-section{display:flex;flex-direction:column;gap:.3rem;flex:0 0 auto}.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}.logo img{height:40px;width:auto}.logo-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;box-shadow:0 4px 12px rgba(255,102,0,.3)}.logo-text h1{font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700;color:var(--primary-red);margin:0}.logo-text p{font-size:.8rem;color:var(--text-gray);margin:0}.search-section{flex:1 1;max-width:1000px;position:relative;z-index:2001;margin:0 2rem}.search-bar{display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;overflow:visible;border:2px solid var(--border-color);background:white;align-items:center;padding:.25rem;position:relative;z-index:1001}.search-bar:focus-within{border-color:var(--primary-orange)}.search-bar-wrapper{position:relative;width:100%}.search-bar-form{position:relative;display:flex;gap:.5rem}.item-type-selector{padding:.75rem 1rem;border-right:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap;color:var(--text-dark);font-weight:500;transition:background .3s ease}.item-type-selector:hover{background:var(--light-orange)}.item-type-dropdown{position:relative;z-index:9999}.item-type-dropdown-menu{position:absolute!important;top:100%!important;left:0!important;background:white;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:150px;z-index:10000!important;margin-top:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.item-type-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.item-type-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.item-type-option.selected,.item-type-option:hover{background:var(--light-orange)}.item-type-option.selected{font-weight:600}.search-input-container{flex:1 1;display:flex;align-items:center;padding:0 .5rem}.search-icon{color:var(--text-gray);margin-right:.5rem}.search-input{flex:1 1;padding:.75rem .5rem;border:none;font-size:.95rem;outline:none!important;background:transparent}.search-input:active,.search-input:focus,.search-input:hover{outline:none!important;box-shadow:none!important;border-color:transparent!important}.search-actions{display:flex;align-items:center;gap:.5rem;padding-right:.5rem}.search-action-btn{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .3s ease}.search-action-btn:hover{background:var(--light-orange);color:var(--primary-orange)}.search-action-btn.ai-btn{background:#f0f0f0;position:relative}.search-action-btn.ai-btn:hover{background:#e0e0e0}.search-action-btn.ai-btn .ai-badge{position:absolute;top:-2px;right:-2px;background:var(--primary-orange);color:white;font-size:.6rem;padding:1px 4px;border-radius:8px;font-weight:700}.search-submit-btn{width:40px;height:40px;border:none;background:linear-gradient(135deg,#1E88E5,#0D47A1);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;transition:all .3s ease}.search-submit-btn:hover{background:linear-gradient(135deg,#1976D2,#0D47A1);box-shadow:0 4px 12px rgba(13,71,161,.4)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);margin-top:10px;z-index:9999}.autocomplete-suggestions{padding:.5rem 0}.autocomplete-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.125rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;color:var(--text-dark);border-left:3px solid transparent;position:relative}.autocomplete-item:hover{background:linear-gradient(90deg,rgba(255,153,0,.08),rgba(255,153,0,.03));border-left-color:var(--primary-orange);transform:translateX(2px)}.autocomplete-item.active{background:linear-gradient(90deg,rgba(255,153,0,.12),rgba(255,153,0,.05));border-left-color:var(--primary-orange)}.autocomplete-item-image{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .25s ease;background:linear-gradient(135deg,#FFF8F0,#FFE4CC);display:flex;align-items:center;justify-content:center;overflow:hidden}.autocomplete-item:hover .autocomplete-item-image{border-color:rgba(255,102,0,.3);box-shadow:0 4px 12px rgba(255,102,0,.2);transform:scale(1.05)}.autocomplete-item-image img{width:100%;height:100%;border-radius:9px;object-fit:cover}.autocomplete-item-image i{font-size:1.5rem;color:var(--primary-orange);opacity:.6}.autocomplete-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.autocomplete-item-title{font-size:.925rem;font-weight:600;color:var(--text-dark);margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;letter-spacing:-.005em}.autocomplete-item-title strong{color:var(--primary-orange);font-weight:700}.autocomplete-item-category{font-size:.775rem;color:var(--text-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.35rem;line-height:1.4}.autocomplete-item-category i{font-size:.7rem;opacity:.7}.autocomplete-item-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(255,102,0,.1),rgba(255,102,0,.05));color:var(--primary-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;transition:all .25s ease}.autocomplete-item.active .autocomplete-item-icon,.autocomplete-item:hover .autocomplete-item-icon{background:linear-gradient(135deg,var(--primary-orange) 0,#FF8C42 100%);color:white}.autocomplete-item-name{flex:1 1;font-size:.9rem;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.autocomplete-item-name strong{color:var(--primary-orange);font-weight:700}.autocomplete-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-size:.85rem;color:var(--text-gray);border-top:1px solid rgba(0,0,0,.05)}.autocomplete-loading i{color:var(--primary-orange)}.autocomplete-footer{padding:0;border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,248,240,.6),rgba(255,255,255,.8));border-radius:0 0 12px 12px;overflow:hidden}.autocomplete-footer .advanced-search-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;color:var(--primary-orange);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;background:none;border:none;width:100%;cursor:pointer;text-align:left}.autocomplete-footer .advanced-search-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-orange),var(--primary-red));opacity:0;transition:opacity .25s ease}.autocomplete-footer .advanced-search-link:hover:before{opacity:1}.autocomplete-footer .advanced-search-link:hover{background:linear-gradient(90deg,rgba(255,153,0,.12),rgba(255,153,0,.04));padding-left:1.5rem}.header-actions{display:flex;gap:1.5rem;align-items:center;flex:0 0 auto}.header-favorite-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fff0f3,#ffe0e6);color:#e8364f;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px rgba(232,54,79,.15)}.header-favorite-btn i{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(232,54,79,.3))}.header-favorite-btn:hover{background:linear-gradient(135deg,#ffe0e6,#ffc8d2);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(232,54,79,.3);color:#d42040;text-decoration:none}.header-favorite-btn:active{transform:translateY(0) scale(.95)}.header-favorite-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff4757,#DA2128);color:white;font-size:10px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;line-height:1;box-shadow:0 2px 6px rgba(218,33,40,.4);animation:badge-pop .3s cubic-bezier(.4,0,.2,1)}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.header-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#FFF3E0,#FFE0B2);color:#FF6600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px rgba(255,102,0,.15)}.header-cart-btn i{font-size:1.05rem;filter:drop-shadow(0 1px 2px rgba(255,102,0,.3))}.header-cart-btn:hover{background:linear-gradient(135deg,#FFE0B2,#FFCC80);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(255,102,0,.3);color:#E65100;text-decoration:none}.header-cart-btn:active{transform:translateY(0) scale(.95)}.header-cart-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#FF6600,#E65100);color:white;font-size:10px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:10px;border:2px solid white;line-height:1;box-shadow:0 2px 6px rgba(255,102,0,.4);animation:badge-pop .3s cubic-bezier(.4,0,.2,1)}.header-cart-badge,.header-notification-btn{display:flex;align-items:center;justify-content:center}.header-notification-btn{position:relative;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#EFF6FF,#DBEAFE);color:#2563eb;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px rgba(37,99,235,.15)}.header-notification-btn i{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(37,99,235,.3))}.header-notification-btn:hover{background:linear-gradient(135deg,#DBEAFE,#BFDBFE);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(37,99,235,.3);color:#1d4ed8}.header-notification-btn:active{transform:translateY(0) scale(.95)}.header-notification-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff4757,#DA2128);color:white;font-size:10px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;line-height:1;box-shadow:0 2px 6px rgba(218,33,40,.4);animation:badge-pop .3s cubic-bezier(.4,0,.2,1)}.notification-dropdown-menu{min-width:320px}.notification-dropdown-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#EFF6FF,#F0F9FF);border-bottom:1px solid rgba(37,99,235,.1);justify-content:space-between}.notification-dropdown-title{color:#1e3a5f}.notification-dropdown-count{background:linear-gradient(135deg,#2563eb,#1d4ed8);font-size:.75rem;padding:.15rem .6rem;line-height:1.4}.notification-dropdown-list{max-height:320px;padding:.5rem 0}.notification-item{align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .2s ease}.notification-item:hover{background:#F0F7FF}.notification-item-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#EFF6FF,#DBEAFE);overflow:hidden}.notification-item-icon img{width:20px;height:20px;object-fit:contain}.notification-item-icon i{font-size:.85rem;color:#2563eb}.notification-item-content{display:flex;flex-direction:column;gap:.15rem}.notification-item-title{font-size:.85rem;font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-count{font-size:.75rem;color:#2563eb;font-weight:500}.notification-item-arrow{font-size:.65rem;color:#bbb;flex-shrink:0;transition:color .2s ease}.notification-item:hover .notification-item-arrow{color:#2563eb}.notification-empty{padding:2rem 1.25rem;color:#999;font-size:.85rem}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:8px;width:42px;height:42px;font-size:1.2rem;color:var(--text-dark);cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-menu-toggle:hover{background:var(--bg-light)}.header-mobile-right{display:none;align-items:center;gap:.75rem;margin-left:auto}.header-mobile-collapse{display:contents}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;color:var(--text-dark);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:8px;transition:all .3s ease;border:1px solid var(--border-color);background:white}.header-btn.primary{background:linear-gradient(135deg,#1E88E5,#0D47A1);color:white;border-color:transparent}.header-btn.primary:hover{background:linear-gradient(135deg,#1976D2,#0D47A1);box-shadow:0 4px 12px rgba(13,71,161,.4)}.header-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.register-dropdown{position:relative}.register-dropdown .header-btn{cursor:pointer}.register-arrow{font-size:.6rem;margin-left:.25rem;transition:transform .2s ease}.register-arrow.open{transform:rotate(180deg)}.register-dropdown-menu{top:calc(100% + .5rem);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);min-width:200px;padding:.5rem;z-index:1000;animation:slideUp .2s ease}.register-dropdown-menu,.register-dropdown-menu:before{position:absolute;left:50%;transform:translateX(-50%);background:#fff}.register-dropdown-menu:before{content:"";top:-6px;width:12px;height:12px;border-radius:2px;transform:translateX(-50%) rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.04)}.register-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:#023F88;font-weight:500;font-size:.9rem;transition:background .15s ease}.register-dropdown-item:hover{background:#f0f7ff}.register-icon{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0}.register-label{font-weight:600;color:#023F88}.user-dropdown{position:relative}.user-dropdown-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:white;border:1px solid #e0e0e0;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.08)}.user-dropdown-btn:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px rgba(255,102,0,.2);transform:translateY(-1px)}.user-dropdown-btn:active{transform:translateY(0)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#FF8C42 0,var(--primary-orange) 50%,var(--primary-red) 100%);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,102,0,.3);flex-shrink:0}.user-avatar i{font-size:.9rem}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-size:.9rem;font-weight:600;color:#2c3e50;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.user-dropdown-arrow{font-size:.65rem;color:#999;transition:transform .3s cubic-bezier(.4,0,.2,1)}.user-dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + .75rem);right:0;min-width:260px;background:white;border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.user-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-dropdown-header{padding:1.25rem;background:linear-gradient(135deg,#FFF5F0,#FFF8F5);border-bottom:1px solid rgba(255,102,0,.1);display:flex;align-items:center;gap:1rem}.user-dropdown-header .user-avatar{width:48px;height:48px;box-shadow:0 4px 12px rgba(255,102,0,.25);background:linear-gradient(135deg,#FF8C42 0,var(--primary-orange) 50%,var(--primary-red) 100%)}.user-dropdown-header .user-avatar i{font-size:1.2rem}.user-info{flex:1 1;min-width:0}.user-fullname{font-size:.95rem}.user-email,.user-fullname{font-weight:700;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;line-height:1.3}.user-email{font-size:.9rem}.user-type{font-size:.75rem;color:var(--primary-orange);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.user-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 50%,transparent);margin:0}.user-dropdown-items{list-style:none;margin:0;padding:.5rem .75rem}.user-dropdown-items li{margin:.5rem 0}.dropdown-item{display:flex!important;align-items:center!important;gap:1rem!important;padding:.75rem 1rem;color:#374151;text-decoration:none!important;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;border-radius:10px;margin:.125rem 0;width:100%;box-sizing:border-box}.dropdown-item:hover{background:linear-gradient(135deg,#FFF5F0,#FFF8F5);color:var(--primary-orange);transform:translateX(4px);box-shadow:0 2px 8px rgba(255,102,0,.1)}.dropdown-item i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--primary-orange);font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);background:rgba(255,102,0,.08);border-radius:6px;padding:.25rem;flex-shrink:0}.dropdown-item:hover i{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;transform:rotate(5deg) scale(1.05);box-shadow:0 2px 8px rgba(255,102,0,.3)}.dropdown-icon{width:20px;min-width:20px;height:20px;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--primary-orange);font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);background:rgba(255,102,0,.08);border-radius:6px;padding:.25rem;flex-shrink:0!important;box-sizing:border-box}.dropdown-item:hover .dropdown-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;transform:rotate(5deg) scale(1.05);box-shadow:0 2px 8px rgba(255,102,0,.3)}.dropdown-text{flex:1 1 auto!important;line-height:1.2;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;display:inline!important}.dropdown-item:active,.dropdown-item:hover,.dropdown-item:link,.dropdown-item:visited{text-decoration:none!important;display:flex!important;align-items:center!important}.dropdown-item button{width:100%;text-align:left;background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;display:flex!important;align-items:center!important;gap:1rem!important}.dropdown-item button:hover{color:#d63f00}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,102,0,.15) 20%,rgba(255,102,0,.15) 80%,transparent);margin:.5rem 0;position:relative}.dropdown-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:rgba(255,102,0,.25);border-radius:50%}.notification-dropdown{position:relative}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:white;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.08);font-size:1rem;color:#374151}.notification-bell-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange);box-shadow:0 4px 12px rgba(255,102,0,.2);transform:translateY(-1px)}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid white;box-shadow:0 2px 6px rgba(239,68,68,.4)}.notification-dropdown-menu{position:absolute;top:calc(100% + .75rem);right:0;width:360px;background:white;border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.notification-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.notification-dropdown-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#FFF5F0,#FFF8F5)}.notification-dropdown-title{font-size:.95rem;font-weight:700;color:#1f2937}.notification-dropdown-count{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.notification-mark-all-btn{margin-left:auto;background:none;border:none;color:#6366f1;font-size:.75rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s ease}.notification-mark-all-btn:hover{background:#eef2ff}.notification-category-tabs{display:flex;gap:4px;padding:6px 12px;border-bottom:1px solid #e5e7eb;overflow-x:auto}.notification-category-tab{padding:3px 10px;font-size:.7rem;font-weight:500;border-radius:12px;border:1px solid #e5e7eb;background:white;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s ease}.notification-category-tab:hover{border-color:#c7d2fe;color:#6366f1}.notification-category-tab.active{border-color:#6366f1;background:#eef2ff;color:#6366f1;font-weight:600}.notification-dropdown-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;text-decoration:none;color:inherit;border-left:3px solid transparent;transition:background .15s ease;cursor:pointer}.notification-item:hover{background:#f9fafb;text-decoration:none;color:inherit}.notification-item.unread{background:#f0f4ff;border-left-color:#6366f1}.notification-item.unread:hover{background:#e8edff}.notification-item-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;color:#9ca3af}.notification-item.unread .notification-item-icon{background:#eef2ff;color:#6366f1}.notification-item-content{flex:1 1;min-width:0}.notification-item-title{display:block;font-size:.825rem;color:#374151;line-height:1.4;font-weight:400}.notification-item.unread .notification-item-title{font-weight:600;color:#1f2937}.notification-item-message{display:block;font-size:.75rem;color:#6b7280;margin-top:2px;line-height:1.3}.notification-item-time{display:block;font-size:.7rem;color:#9ca3af;margin-top:2px}.notification-empty{padding:32px 16px;text-align:center;color:#9ca3af;font-size:.875rem}@media (max-width:576px){.notification-dropdown-menu{width:calc(100vw - 24px);right:-60px}}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;right:auto;background:white;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px;display:none;z-index:9999;margin-top:.5rem}.dropdown-menu.show{display:block}.dropdown-item{display:flex;align-items:center;gap:.8rem;padding:1rem;color:var(--text-dark);text-decoration:none;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--light-orange)}.category-banner-section{padding:2rem var(--container-padding-desktop);background:linear-gradient(135deg,#0d6efd9c,rgba(198,40,40,.4) 50%,rgba(139,0,0,.45)),url(/hero_banner.png) 50% /cover no-repeat;border-bottom:1px solid var(--border-color);position:relative;width:100%;overflow:visible;z-index:1}.category-banner-container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.category-list{border:2px solid var(--border-color);border-radius:12px;background:white;overflow:visible;position:relative;z-index:1040}.root-category-container{padding:.75rem;position:relative}.hide-all-root-category{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:2px solid var(--border-color);cursor:pointer;transition:background .3s ease}.hide-all-root-category:hover{background:var(--light-orange)}.all-categories-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));border-radius:10px;display:flex;align-items:center;justify-content:center;color:white}.all-categories-label{flex:1 1;font-weight:600;color:var(--text-dark);font-size:1rem}.all-categories-down-arrow{width:20px;height:20px;color:var(--primary-orange)}.category-icon-name{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;position:relative;z-index:100}.category-icon-name:hover{padding-left:1.25rem}.category-icon-name.active,.category-icon-name:hover{background:var(--light-orange)}.root-category-container .category-icon-name:nth-child(n+8){display:none}.root-category-container.expanded .category-icon-name{display:flex!important}.show-all-categories{padding:.75rem;text-align:center;cursor:pointer;color:var(--primary-orange);font-weight:600;border-top:1px solid var(--border-color);transition:all .3s ease;font-size:.9rem;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.show-all-categories:hover{background:var(--light-orange)}.show-all-categories i{margin-left:.5rem;transition:transform .3s ease}.show-all-categories.expanded i{transform:rotate(180deg)}.root-category-icon{width:36px;height:36px;border-radius:10px;background:var(--light-orange);display:flex;align-items:center;justify-content:center;color:var(--primary-orange)}.root-category-name{flex:1 1;font-size:.9rem;font-weight:500;color:var(--text-dark)}.root-category-arrow{width:14px;height:14px;color:var(--primary-orange)}.subcategory-panel{position:absolute;width:260px;max-width:80vw;background:white;border:1px solid rgba(200,200,200,.3);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);padding:1.25rem;z-index:99999}.subcategory-panel-header{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:1.25rem;padding-bottom:.75rem;letter-spacing:-.01em;position:relative}.subcategory-panel-header:after{content:"";position:absolute;bottom:0;left:0;width:60%;height:2px;background:linear-gradient(90deg,var(--primary-orange),var(--primary-red));border-radius:2px}.subcategory-grid{display:flex;flex-direction:column;gap:.35rem}.subcategory-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:#4a4a4a;font-size:.875rem;font-weight:400;border:1px solid transparent}.subcategory-item:hover{background:linear-gradient(135deg,rgba(255,153,0,.08),rgba(220,53,69,.06));color:#1a1a1a;transform:translateX(3px);border-color:rgba(255,153,0,.2)}.subcategory-item-name{flex:1 1;letter-spacing:-.005em}.subcategory-item-arrow{width:12px;height:12px;color:var(--primary-orange);opacity:0;transform:translateX(-5px);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.subcategory-item:hover .subcategory-item-arrow{opacity:1;transform:translateX(0)}.subcategory-item{position:relative}.subcategory-panel-3{position:absolute;width:240px;max-width:80vw;background:white;border:1px solid rgba(200,200,200,.3);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);padding:1.25rem;z-index:999999}.subcategory-panel-3-header{font-size:.9rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.6rem;letter-spacing:-.01em;position:relative}.subcategory-panel-3-header:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:2px;background:linear-gradient(90deg,var(--primary-orange),var(--primary-red));border-radius:2px}.subcategory-grid-3{display:flex;flex-direction:column;gap:.35rem}.subcategory-item-3{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:#4a4a4a;font-size:.85rem;font-weight:400;border:1px solid transparent;position:relative}.subcategory-item-3:hover{background:linear-gradient(135deg,rgba(255,153,0,.08),rgba(220,53,69,.06));color:#1a1a1a;transform:translateX(3px);border-color:rgba(255,153,0,.2)}.subcategory-item-3-name{flex:1 1;letter-spacing:-.005em}.banner-right-section{display:flex;flex-direction:column;gap:1rem}.promotion-banner{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.promotion-banner,.swiper-container{position:relative;overflow:hidden}.swiper-wrapper{display:flex;transition:transform .5s ease}.swiper-slide{min-width:100%;position:relative}.image-wrapper{width:100%;height:385px;overflow:hidden;position:relative}.image-wrapper img{width:100%;height:100%;object-fit:cover}.image-wrapper a{display:block;width:100%;height:100%}.swiper-pagination{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px}.swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,.6);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1.5px solid rgba(255,255,255,.3)}.swiper-pagination-bullet:hover{background:rgba(255,255,255,.85);transform:scale(1.15)}.swiper-pagination-bullet-active{background:var(--primary-orange);width:28px;border-radius:5px;border-color:rgba(255,255,255,.5);box-shadow:0 0 8px rgba(255,153,0,.5)}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;color:var(--text-dark);font-size:1.2rem}.arrow:hover{background:white;box-shadow:0 4px 12px rgba(0,0,0,.2)}.arrow-left{left:20px}.arrow-right{right:20px}.rfq-display{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:stretch;width:100%}.rfq-banner-item{background:white;border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;height:120px}.rfq-banner-item:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-md)}.rfq-banner-item .link{display:flex;text-decoration:none;color:inherit;flex:1 1;height:100%}.rfq-banner-item .content{flex:1 1;padding:1.5rem;background:white;color:#2D3748;display:flex;flex-direction:column;justify-content:center;border-left:4px solid #d35400;box-shadow:0 4px 12px rgba(0,0,0,.15)}.rfq-banner-item .title{font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}.rfq-banner-item .text{font-size:.9rem;opacity:.9}.rfq-banner-item .image{width:140px;min-height:80px;background:white;display:flex;align-items:center;justify-content:center}.rfq-banner-item .image img{width:120px;height:80px;object-fit:contain}.coming-soon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease}.coming-soon-modal{background:#fff;border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:slideUp .3s ease}.coming-soon-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s ease}.coming-soon-close:hover{color:#374151}.coming-soon-icon{width:80px;height:80px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center}.coming-soon-icon i{font-size:2rem;color:#d97706}.coming-soon-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 .75rem}.coming-soon-text{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0 0 .5rem}.coming-soon-subtext{font-size:.9rem;color:var(--primary-orange);font-weight:600;margin:0 0 1.5rem}.coming-soon-btn{display:inline-block;padding:.7rem 2.5rem;background:linear-gradient(135deg,var(--primary-orange),#e85d00);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease}.coming-soon-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,102,0,.35)}.top-suppliers-section{padding:var(--section-spacing) var(--container-padding-desktop);background:linear-gradient(135deg,var(--light-orange) 0,white 100%);width:100%}.suppliers-grid{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--element-spacing-lg)}.supplier-card{background:white;border-radius:16px;padding:var(--card-padding);box-shadow:var(--card-shadow-sm);transition:all var(--transition-normal);cursor:pointer;border:2px solid transparent;overflow:hidden;height:100%;display:flex;flex-direction:column}.supplier-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-md);border-color:var(--primary-orange)}.supplier-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.supplier-logo{width:60px;height:60px;background:var(--light-orange);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.supplier-info{flex:1 1}.supplier-name{font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.3rem}.supplier-category{font-size:.85rem;color:var(--text-gray)}.supplier-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-dark);margin-top:.5rem}.supplier-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.supplier-product-item{background:var(--light-orange)}.supplier-product-item img{width:100%;height:100%;object-fit:cover}.stats-bar{background:var(--light-orange);padding:var(--element-spacing-md) var(--container-padding-desktop);border-bottom:1px solid var(--border-color);width:100%}.stats-bar-container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--element-spacing-lg)}.stat-bar-item{gap:1rem}.stat-bar-icon,.stat-bar-item{display:flex;align-items:center}.stat-bar-icon{width:60px;height:60px;background:linear-gradient(135deg,#F6D41A,#E44915);border-radius:12px;justify-content:center;font-size:1.5rem;color:white}.stat-bar-text h3{font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700;color:var(--primary-red);margin-bottom:.2rem}.stat-bar-text p{font-size:.9rem;color:var(--text-gray)}.footer{background:#f5f5f5;color:var(--text-dark);padding:var(--section-spacing) var(--container-padding-desktop) 2rem;width:100%}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--element-spacing-lg);margin-bottom:var(--element-spacing-lg);align-items:start}.footer-section-title{color:var(--text-dark);font-size:1rem;margin-bottom:1.2rem;font-weight:600;cursor:default;display:flex;align-items:center;justify-content:space-between}.footer-section-arrow{display:none;font-size:.65rem;color:#999;transition:transform .3s ease}.footer-section.open .footer-section-arrow{transform:rotate(180deg)}.footer-section-list{list-style:none;padding:0;margin:0}.footer-section-list li{margin-bottom:.8rem}.footer-section-list li a{color:var(--text-gray);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-section-list li a:hover{color:var(--primary-orange)}.footer-logos-column{display:flex;align-items:flex-start;justify-content:center}.footer-bottom{padding-top:var(--element-spacing-md);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.85rem;color:var(--text-gray);margin:0}.footer-bottom-content{border-top:1px solid var(--border-color);padding-top:var(--element-spacing-md);margin-top:var(--element-spacing-lg)}.footer-about-section .logo{margin-bottom:1rem;display:inline-block}.footer-about-section .footer-logo{height:50px;width:auto}.footer-description{font-size:.9rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-gray)}.footer-logo-link{display:inline-block}.footer-partner-logo{max-height:50px;width:auto}.footer-partner-logo.ditp-logo{filter:brightness(.3)}.footer-partner-logo.dbd-logo{max-height:45px}.footer-label{font-weight:600;color:var(--text-dark);font-size:.9rem;margin-right:.5rem}.app-badge{height:32px;width:auto}.footer-social-link{color:#D73A1D;font-size:1.3rem;transition:opacity .3s ease}.footer-social-link:hover{opacity:.7}.footer-copyright{font-size:.85rem;color:var(--text-gray);margin:0}@media (max-width:1024px){:root{--container-padding-desktop:var(--container-padding-tablet);--section-spacing:3rem}.pro-grid{gap:var(--grid-gap-sm)}.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.category-banner-container{grid-template-columns:1fr}.category-list{display:none}.suppliers-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--container-padding-desktop:var(--container-padding-mobile);--section-spacing:2rem;--grid-gap-lg:1rem;--grid-gap-md:0.75rem;--card-padding:1rem}.container,.container-fluid,.pro-container{padding:0 var(--container-padding-mobile)}.section-padding{padding:var(--section-spacing) 0}.pro-grid{gap:var(--grid-gap-sm)}.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-2,.suppliers-grid{grid-template-columns:1fr}.pro-title-xl{font-size:1.75rem}.pro-title-lg{font-size:1.5rem}.pro-title-md{font-size:1.25rem}.footer-grid,.products-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer{padding:2rem var(--container-padding-mobile) 1.5rem!important}.footer-grid{gap:0}.footer-about-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.footer-about-section .footer-logo{height:36px}.footer-description{font-size:.85rem;line-height:1.6}.footer-section{border-bottom:1px solid var(--border-color)}.footer-section-title{font-size:.9rem;margin-bottom:0;padding:1rem 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.footer-section-title:active{opacity:.7}.footer-section-arrow{display:block}.footer-section-list{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding-bottom:0}.footer-section.open .footer-section-list{max-height:300px;padding-bottom:.75rem}.footer-section-list li a{font-size:.85rem}.footer-section-list li{margin-bottom:.6rem}.footer-logos-column{padding-top:1rem}.footer-logos-column .d-flex{flex-direction:row!important;gap:1.5rem!important;align-items:center!important}.footer-partner-logo{max-height:35px}.footer-copyright{font-size:.75rem}.footer-bottom-content{margin-top:1rem}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr}:root{--section-spacing:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pro-card:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--primary-orange);outline-offset:2px}a:focus,button:focus,input:focus:not(.form-control):not(.search-input):not(.quantity-input),select:focus:not(.form-control):not(.form-select),textarea:focus:not(.form-control){outline:3px solid var(--primary-orange);outline-offset:2px}.category-header{background:linear-gradient(135deg,#FF6600,#C62828);padding:3rem 5% 2rem;color:white}.category-header .breadcrumb{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.category-header .breadcrumb a{color:rgba(255,255,255,.8);text-decoration:none;transition:color var(--transition-normal)}.category-header .breadcrumb a:hover{color:rgba(255,255,255,1)}.category-header .breadcrumb span{color:rgba(255,255,255,.6)}.category-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-family:var(--font-kanit),sans-serif}.category-header p{font-size:1.1rem;opacity:.95}.category-content{padding:3rem 5%;max-width:1600px;margin:0 auto}.category-info{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px rgba(0,0,0,.08)}.category-info h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;font-family:var(--font-kanit),sans-serif;color:var(--text-dark)}.category-stats{display:flex;gap:3rem;margin-top:1rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.95rem}.stat-item i{color:var(--primary-orange);font-size:1.1rem}.no-products{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.no-products i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.no-products h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-dark)}.no-products p{font-size:1rem;margin-bottom:1.5rem}.no-products a,.no-products button{margin-top:1rem;display:inline-flex!important;align-items:center!important;gap:.35rem!important;background:var(--primary-orange)!important;border:none!important;padding:.5rem 1.25rem!important;border-radius:6px!important;color:white!important;text-decoration:none!important;font-weight:500!important;font-size:.85rem!important;cursor:pointer;transition:all var(--transition-normal)}.no-products a i,.no-products button i{font-size:.85rem!important}.no-products a:hover,.no-products button:hover{background:var(--primary-red);transform:translateY(-2px)}.product-clickable{cursor:pointer;transition:transform var(--transition-normal)}.product-clickable:hover{transform:translateY(-4px)}.category-content .products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:2rem}@media (max-width:1400px){.category-content .products-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.category-content .products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.category-content .products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.category-content .products-grid{grid-template-columns:repeat(2,1fr)}.category-header h1{font-size:1.8rem}}.products-section{padding:var(--section-spacing) var(--container-padding-desktop);background:var(--bg-light);width:100%}.section-header{max-width:var(--container-max-width);margin:0 auto var(--element-spacing-lg)}.section-header h2{font-size:2rem;font-weight:700;font-family:Kanit,sans-serif;color:var(--primary-red);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.section-header p{font-size:1rem;color:var(--text-gray);margin:0}.section-header i.fa-fire,.section-header i.section-icon-fire{color:var(--primary-orange)}.popular-products-section .section-header i.fa-star,.popular-products-section .section-header i.section-icon-star{color:#FFD700}.you-may-like-section .section-header i.fa-heart,.you-may-like-section .section-header i.section-icon-heart{color:#E91E63}.products-grid{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--grid-gap-md);width:100%}.products-grid-skeleton.skeleton-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1279px){.products-grid-skeleton.skeleton-grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.products-grid-skeleton.skeleton-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.products-grid-skeleton.skeleton-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:479px){.products-grid-skeleton.skeleton-grid-5{grid-template-columns:1fr}}.product-row{display:contents}.products-grid.show-initial .product-row:nth-child(n+3){display:none}.products-grid.show-all .product-row{display:contents}.show-more-container{text-align:center;margin-top:1.5rem;max-width:var(--container-max-width);margin-left:auto;margin-right:auto}.show-more-btn{background:transparent;color:var(--primary-orange);border:1px solid var(--primary-orange);padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.show-more-btn:hover{background:var(--primary-orange);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,.3)}.show-more-btn:active{transform:translateY(0)}.show-more-btn.btn-primary{background:var(--primary-orange);color:white;border:1px solid var(--primary-orange);padding:1rem 3rem;border-radius:8px;font-size:1rem;font-weight:600}.show-more-btn.btn-primary:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px);box-shadow:0 8px 16px rgba(198,40,40,.3)}.show-more-btn.btn-primary:active{transform:translateY(0)}.popular-products-section{padding:var(--section-spacing) var(--container-padding-desktop);position:relative;background:#EEEEEE;width:100%}.popular-products-section .section-header{text-align:left}.popular-products-section .section-header h2{color:#2D3748;font-size:2.5rem;text-shadow:none}.popular-products-section .section-header p{color:#718096}.popular-products-grid{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.popular-products-grid .product-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.popular-products-grid .product-card:hover{background:white;transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.2)}@media (max-width:1280px){.popular-products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.popular-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.popular-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.popular-products-grid{grid-template-columns:1fr}}.category-products-section{padding:var(--section-spacing) var(--container-padding-desktop)}.category-slider-wrapper{max-width:var(--container-max-width);margin:0 auto 3rem;position:relative}.category-slider{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.category-slider::-webkit-scrollbar{display:none}.category-item{flex:0 0 auto;width:140px;text-align:center;cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:12px;background:white;border:2px solid transparent}.category-item:hover{background:var(--light-orange);transform:translateY(-5px)}.category-item.active{border-color:var(--primary-orange);background:var(--light-orange)}.category-icon{width:60px;height:60px;margin:0 auto .8rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white}.category-name{font-size:.85rem;font-weight:500;line-height:1.3}.category-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border:none;background:white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary-orange);transition:all .3s ease;z-index:10}.category-arrow:hover{background:var(--primary-orange);color:white;box-shadow:0 4px 12px rgba(255,102,0,.3)}.category-arrow-prev{left:-20px}.category-arrow-next{right:-20px}.selected-category-title{text-align:center;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.selected-category-title h3{font-family:Kanit,sans-serif;font-size:1.8rem;color:var(--primary-red);margin:0}.category-products-grid{gap:1.5rem}@media (max-width:1200px){.category-products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.category-products-grid{grid-template-columns:1fr}.category-arrow{display:none}}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem}}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}@media (max-width:1024px){.category-products-section,.popular-products-section,.products-section,.stats-bar,.top-suppliers-section{padding-left:4%;padding-right:4%}}@media (max-width:768px){.category-products-section,.popular-products-section,.products-section,.stats-bar,.top-suppliers-section{padding-left:3%;padding-right:3%}.section-header h2{font-size:1.5rem}.category-arrow{display:none}}@media (max-width:600px){.section-header h2{font-size:1.25rem}}@media (max-width:1024px){.product-detail-section>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:2rem!important}}@media (max-width:600px){div[style*="position: fixed"][style*="inset: 0"]{padding:1rem!important}div[style*="maxWidth: 500px"]{width:95%!important;padding:1.5rem!important}}@media (max-width:1024px){.header-container{flex-wrap:wrap}.search-section{order:3;width:100%;margin-top:1rem;margin-left:0!important;margin-right:0!important}}@media (max-width:768px){.gov-bar{display:none}.header-container{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.logo img{height:32px}.header-mobile-right,.mobile-menu-toggle{display:flex}.header-actions .header-favorite-btn,.header-actions .notification-dropdown,.header-actions .user-dropdown{display:none}.mobile-notification-dropdown{position:static}.mobile-notification-dropdown .notification-dropdown-menu{position:fixed;top:auto;right:.75rem;left:.75rem;min-width:unset;margin-top:.5rem;z-index:1100}.mobile-user-avatar{display:flex;align-items:center;text-decoration:none}.mobile-user-avatar .user-avatar{width:36px;height:36px;border:2px solid var(--primary-orange);box-shadow:0 2px 6px rgba(255,102,0,.2)}.header-mobile-collapse{display:none;width:100%;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.header-mobile-collapse.open{display:flex}.search-section{order:0;width:100%;margin:0!important}.header-actions{flex-direction:row;gap:.5rem;width:100%}.header-btn{flex:1 1;justify-content:center;padding:.6rem 1rem;font-size:.85rem}.user-dropdown{width:100%}.user-dropdown-btn{width:100%;justify-content:center}}.mobile-category-strip{display:none}@media (max-width:1024px){.category-banner-container{grid-template-columns:1fr!important}.category-list{display:none}.mobile-category-strip{display:flex;gap:.5rem;overflow-x:auto;padding:0 0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-category-strip::-webkit-scrollbar{display:none}.mobile-category-chip{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-dark);text-decoration:none;white-space:nowrap;border:1px solid var(--border-color);transition:all .2s ease}.mobile-category-chip:active,.mobile-category-chip:hover{background:var(--light-orange);border-color:var(--primary-orange);color:var(--primary-orange);text-decoration:none}.mobile-category-chip-icon{width:24px;height:24px;border-radius:6px;background:var(--light-orange);display:flex;align-items:center;justify-content:center;color:var(--primary-orange);font-size:.7rem;flex-shrink:0}}@media (max-width:768px){.category-banner-section{padding:1rem var(--container-padding-mobile)!important}.image-wrapper{height:200px}.rfq-banner-item{height:auto}.arrow{width:36px;height:36px;font-size:.9rem}.arrow-left{left:8px}.arrow-right{right:8px}.section-header h2{font-size:1.5rem}.section-header p{font-size:.85rem}}@media (max-width:480px){.image-wrapper{height:160px}.section-header h2{font-size:1.3rem;gap:.5rem}}@media (max-width:900px){.stats-bar-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-bar-container{grid-template-columns:repeat(2,1fr)}.stat-bar-icon{width:44px;height:44px;font-size:1.1rem}.stat-bar-text h3{font-size:1.3rem}.stat-bar-text p{font-size:.8rem}}@media (max-width:480px){.stats-bar{padding:1.5rem var(--container-padding-mobile)!important}.stat-bar-icon{width:38px;height:38px;font-size:1rem;border-radius:10px}.stat-bar-text h3{font-size:1.1rem}.stat-bar-text p{font-size:.75rem}.stat-bar-item{gap:.5rem}}@media (max-width:1024px){.suppliers-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.suppliers-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.supplier-card{padding:1rem}.supplier-product-item{height:70px}.supplier-name{font-size:.95rem}.supplier-stats{font-size:.8rem}}@media (max-width:480px){.supplier-logo{width:40px;height:40px}.supplier-card{padding:.75rem}}@media (max-width:600px){.show-more-btn{width:100%;padding:.85rem 2rem}}@media (max-width:1400px){.container{max-width:1200px}}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:1024px){.container{max-width:100%;padding-left:2rem;padding-right:2rem}}@media (max-width:768px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:480px){.container{padding-left:1rem;padding-right:1rem}}.hero-section{background:linear-gradient(135deg,rgba(255,102,0,.85),rgba(198,40,40,.9) 50%,rgba(139,0,0,.9)),url(/hero_banner.png) 50%/cover no-repeat;padding:4rem 5%;position:relative;overflow:hidden}.hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}.hero-text h1{font-family:Kanit,sans-serif;font-size:3rem;font-weight:700;color:white;line-height:1.2;margin-bottom:1.5rem}.hero-text h1 span{color:var(--primary-yellow)}.hero-text>p{font-size:1.1rem;color:rgba(255,255,255,.9);line-height:1.8;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn{padding:1rem 2rem!important;border-radius:8px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;font-size:.75rem!important}.btn-primary{background:white!important;color:#C62828!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 16px rgba(0,0,0,.2)!important}.btn-secondary{background:transparent!important;color:white!important;border:2px solid white!important}.btn-secondary:hover{background:rgba(255,255,255,.1)!important}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero-feature-card{background:white;border-radius:14px;padding:1.75rem 1.5rem;border:none;flex:1 1;text-align:center;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.hero-feature-card i{font-size:2rem;color:var(--primary-orange);margin-bottom:.25rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--light-orange);border-radius:14px}.hero-feature-card h3{color:var(--text-dark);font-size:1rem;margin:0;font-weight:700;line-height:1.3}.hero-feature-card p{color:var(--text-gray);font-size:.8rem;margin:0;line-height:1.4}.hero-feature-img{width:56px;height:56px;object-fit:contain;border-radius:14px;background:var(--light-orange);padding:8px}a.hero-feature-link{text-decoration:none;cursor:pointer}a.hero-feature-link:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.2)}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-features{grid-template-columns:1fr 1fr}.hero-buttons{flex-wrap:wrap}}@media (max-width:768px){.hero-section{padding:4rem 5%}.hero-text h1{font-size:2rem}.hero-text>p{font-size:1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;justify-content:center}.btn{width:auto}}@media (max-width:480px){.hero-section{padding:2.5rem 4%}.hero-text h1{font-size:1.6rem;margin-bottom:1rem}.hero-text>p{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.hero-feature-card{padding:1.25rem}.hero-feature-card i{font-size:1.75rem;margin-bottom:.5rem}.hero-feature-card h3{font-size:1rem}.hero-feature-card p{font-size:.8rem}}.register-page{min-height:calc(100vh - 200px);padding:4rem 5%;background:linear-gradient(135deg,var(--bg-light) 0,white 100%)}.register-container{max-width:1200px}.register-header{margin-bottom:3rem}.register-header h1{font-size:2.5rem;font-weight:600}.register-header h3{font-size:1.5rem;font-weight:500;color:var(--text-gray);margin-top:1rem}.join-wrap{display:flex;justify-content:center;align-items:stretch;gap:2rem;margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto}.join-card{flex:1 1;max-width:420px;background:white;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid var(--border-color);transition:all .4s ease;text-align:center}.join-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(255,102,0,.2);border-color:var(--primary-orange)}.join-card.seller{background:linear-gradient(135deg,white 0,var(--light-orange) 100%)}.join-card.buyer{background:linear-gradient(135deg,white,#f0f8ff)}.join-icon{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:white;box-shadow:0 8px 24px rgba(255,102,0,.3)}.join-card.buyer .join-icon{background:linear-gradient(135deg,#1E88E5,#0D47A1);box-shadow:0 8px 24px rgba(30,136,229,.3)}.join-card h4{font-size:1.75rem;color:var(--text-dark)}.join-card h4,.join-card p.tit{font-weight:600;margin-bottom:.5rem}.join-card p.tit{font-size:1.25rem;color:var(--primary-orange)}.join-card.buyer p.tit{color:#1E88E5}.join-card p.txt{font-size:.95rem;color:var(--text-gray);margin-bottom:1.5rem}.join-card .join-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px rgba(255,102,0,.3)}.join-card.buyer .join-btn{background:linear-gradient(135deg,#1E88E5,#0D47A1);box-shadow:0 4px 12px rgba(30,136,229,.3)}.join-card .join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,102,0,.4)}.join-card.buyer .join-btn:hover{box-shadow:0 6px 16px rgba(30,136,229,.4)}.benefits-list{text-align:left;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.benefits-list h5{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{padding:.5rem 0;font-size:.9rem;color:var(--text-gray);gap:.5rem}.benefits-list li i{font-size:.8rem}.join-card.buyer .benefits-list li i{color:#1E88E5}@media (max-width:900px){.join-wrap{flex-direction:column;align-items:center}.join-card{max-width:100%;width:100%}}@media (max-width:768px){.register-page{padding:2rem 5%}.register-header h1{font-size:1.75rem}.register-header h3{font-size:1.15rem}}.breadcrumb-section{padding:1rem 2rem}.breadcrumb-container{max-width:1400px}.breadcrumb{gap:.5rem!important;list-style:none!important;margin:0!important;padding:0!important;font-size:.9rem!important;background:transparent!important;border-radius:0!important}.breadcrumb,.breadcrumb-item{display:flex!important;align-items:center!important}.breadcrumb-item+.breadcrumb-item{padding-left:0!important}.breadcrumb-item+.breadcrumb-item:before{content:">"!important;color:var(--text-gray)!important;margin-right:.5rem!important;float:none!important;padding-right:0!important}.quantity-section{display:flex;align-items:center;gap:1rem;padding:1rem 0}.quantity-label{font-size:1rem;font-weight:500;color:var(--text-dark)}.quantity-selector{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;background:white}.quantity-btn{width:44px;height:44px;border:none;background:var(--bg-light);color:var(--text-dark);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover{background:var(--primary-orange);color:white}.quantity-input{width:80px;height:44px;border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-dark);outline:none}.quantity-input:focus{background:var(--light-orange)}.action-buttons{display:flex!important;gap:1rem!important;flex-wrap:wrap!important}.action-buttons .btn-action{border-radius:8px!important;border:none!important}.action-buttons .btn-action,.action-buttons a.btn-action,.action-buttons button.btn-action{flex:1 1!important;min-width:200px!important;padding:.75rem 1.5rem!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .3s ease!important;text-decoration:none!important}.action-buttons a.btn-action,.action-buttons button.btn-action{border-radius:8px!important}.action-buttons .btn-primary,.action-buttons a.btn-primary,.action-buttons button.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red))!important;color:white!important;box-shadow:0 4px 12px rgba(255,102,0,.3)!important;border:none!important}.action-buttons .btn-primary:hover,.action-buttons a.btn-primary:hover,.action-buttons button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,102,0,.4)}.action-buttons .btn-secondary,.action-buttons a.btn-secondary{background:white!important;color:var(--text-dark)!important;border:2px solid var(--border-color)!important}.action-buttons .btn-secondary:hover,.action-buttons a.btn-secondary:hover{border-color:var(--primary-orange)!important;color:var(--primary-orange)!important}.action-buttons .btn-request-quotation,.action-buttons button.btn-request-quotation{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red))!important;box-shadow:0 4px 12px rgba(255,102,0,.3)!important;border:none!important}.action-buttons .btn-request-quotation:hover,.action-buttons button.btn-request-quotation:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,102,0,.4)}.action-buttons .btn-add-to-cart{background:linear-gradient(135deg,var(--primary-orange),#e55a00)!important;box-shadow:0 4px 12px rgba(255,102,0,.3)!important;border:none!important;transition:all var(--transition-normal)}.action-buttons .btn-add-to-cart:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,102,0,.4)!important}.action-buttons .btn-add-to-cart.added{background:linear-gradient(135deg,#28a745,#218838)!important;box-shadow:0 4px 12px rgba(40,167,69,.3)!important}.action-buttons .btn-buy-now{background:linear-gradient(135deg,var(--primary-red),#a11d1d)!important;box-shadow:0 4px 12px rgba(198,40,40,.3)!important;border:none!important;color:#fff!important;transition:all var(--transition-normal)}.action-buttons .btn-buy-now:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(198,40,40,.4)!important}.product-description{background:var(--bg-light);padding:1.5rem;border-radius:12px}.section-title{margin-bottom:1rem}.section-title i{color:var(--primary-orange)}.description-text{color:var(--text-gray);line-height:1.8;overflow-wrap:break-word;word-break:break-word}.product-specifications{background:var(--bg-light);padding:1.5rem;border-radius:12px;margin-bottom:2rem;overflow:hidden;max-width:100%}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spec-item{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.spec-label{flex:0 0 150px;font-weight:500;color:var(--text-dark)}.spec-value{flex:1 1;color:var(--text-gray)}.product-detail-html{color:var(--text-gray);line-height:1.8;overflow-wrap:break-word;word-break:break-word;min-width:0;overflow-x:auto}.product-detail-html table{width:100%;max-width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:fixed}.product-detail-html table tr{border-bottom:1px solid var(--border-color)}.product-detail-html table tr:last-child{border-bottom:none}.product-detail-html table td{padding:.75rem .5rem;vertical-align:top;font-size:.95rem;overflow-wrap:break-word;word-break:break-word}.product-detail-html table td:first-child{font-weight:500;color:var(--text-dark);padding-right:1.5rem;width:180px;min-width:0}.product-detail-html p{margin-bottom:.5rem}.product-detail-html ol,.product-detail-html ul{padding-left:1.5rem;margin-bottom:.5rem}.product-detail-html img{max-width:100%;height:auto;border-radius:8px}.product-detail-html *{max-width:100%}.translating-indicator{color:var(--primary-orange);font-size:.9rem;margin-top:.5rem;display:flex;align-items:center;gap:.4rem}.translating-indicator i{animation:pulse 1.5s ease-in-out infinite}.product-images-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.main-image-container{position:relative;background:var(--bg-light);border-radius:12px;overflow:hidden;aspect-ratio:1}.main-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.main-image-container:hover .main-image{transform:scale(1.05)}.image-counter{display:none}@media (max-width:768px){.image-counter{display:block;position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.6);color:white;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.thumbnail-container{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0}.thumbnail{width:80px;height:80px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;object-fit:cover;transition:all .3s ease;flex-shrink:0}.thumbnail.active,.thumbnail:hover{border-color:var(--primary-orange);box-shadow:0 2px 8px rgba(255,102,0,.3)}.product-detail-section{padding:3rem 2rem;background:white}.product-detail-container{max-width:1400px;margin:0 auto}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.product-info-section{display:flex;flex-direction:column;min-width:0}.product-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.01em}.product-info-section .product-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start;margin-bottom:.75rem;margin-top:0}.meta-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.3rem .75rem;border-radius:100px;line-height:1}.meta-badge.verified{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.meta-badge.verified i{color:#2e7d32;font-size:.75rem}.meta-badge.category{background:var(--light-orange);color:var(--primary-orange);border:1px solid rgba(255,102,0,.15)}.meta-badge.category i{color:var(--primary-orange);font-size:.7rem}.product-info-divider{height:1px;background:var(--border-color);margin-bottom:.75rem}.product-price-section{background:var(--light-orange);padding:1.25rem;border-radius:10px;border:1px solid rgba(255,102,0,.12);margin-bottom:.75rem}.price-label{font-size:.8rem;color:var(--text-gray);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.price-value{font-size:2rem;color:var(--primary-red);line-height:1.2}.price-value.ask-for-price{font-size:1.25rem;font-weight:500;color:var(--primary-orange)}.moq-info{font-size:.85rem;color:var(--text-gray);margin-top:.5rem;display:flex;align-items:center;gap:.4rem}.moq-info i{color:var(--primary-orange);font-size:.8rem}.moq-info strong{color:var(--text-dark);font-weight:600}.product-purchase-section{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.25rem}.no-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%}.no-image-icon{font-size:4rem;color:var(--border-color)}.company-info-card{background:white;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-top:2rem}.company-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.company-logo{width:60px;height:60px;border-radius:8px;object-fit:contain;border:1px solid var(--border-color)}.company-logo-placeholder{width:60px;height:60px;border-radius:8px;background:var(--light-orange);display:flex;align-items:center;justify-content:center}.company-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0}.company-location{font-size:.85rem;color:var(--text-gray);display:flex;align-items:center;gap:.3rem}.company-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-orange)}.stat-label{font-size:.8rem}.company-actions{display:flex;gap:1rem;align-items:flex-start}.company-action-btn{flex:1 1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .3s ease}.company-action-btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white}.company-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,.3)}.company-action-btn-secondary{background:white;color:var(--text-gray);border:2px solid var(--border-color)}.company-action-btn-secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.related-products-section{padding:3rem 2rem;background:var(--bg-light)}.related-products-container{max-width:1400px;margin:0 auto}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.related-product-card{background:white;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.related-product-image-wrapper{width:100%;aspect-ratio:1;position:relative}.related-product-image{object-fit:cover}.related-product-title{font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-product-price{font-size:1.1rem;font-weight:600;color:var(--primary-red)}.related-products-grid .product-card{background:white;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.related-products-grid .product-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px rgba(255,102,0,.15);transform:translateY(-2px)}.related-products-grid .product-card-image{width:100%;height:200px;object-fit:cover}.related-products-grid .product-card-content{padding:.75rem}.related-products-grid .product-card-title{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.related-products-grid .product-card-price{font-size:1rem;font-weight:700;color:var(--primary-red)}.related-products-grid .product-card-link{text-decoration:none}.related-products-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.related-products-empty p{font-size:1rem;margin:0}@media (max-width:1024px){.product-detail-grid{grid-template-columns:1fr!important;gap:1.5rem}.product-detail-section,.related-products-section{padding:1.5rem}}@media (max-width:768px){.breadcrumb-section{padding:.6rem 1rem}.breadcrumb{font-size:.8rem!important}.breadcrumb-item.active{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:180px}.product-detail-section{padding:1rem}.product-detail-grid{gap:1rem;margin-bottom:1.5rem}.main-image-container{border-radius:8px}.main-image-container:hover .main-image{transform:none}.thumbnail-container{gap:.5rem;padding:.25rem 0}.thumbnail{width:60px;height:60px;border-radius:6px}.product-info-section .product-title{font-size:1.15rem;line-height:1.4;margin-bottom:.5rem}.meta-badge{font-size:.7rem;padding:.25rem .6rem}.product-info-divider{margin:.75rem 0}.product-price-section{padding:1rem;border-radius:8px;margin-bottom:.75rem}.price-value{font-size:1.75rem}.price-value.ask-for-price{font-size:1.1rem}.quantity-section{padding:.75rem 0}.quantity-btn{width:40px;height:40px}.quantity-input{width:60px;height:40px;font-size:1rem}.action-buttons{flex-direction:column!important}.action-buttons .btn-action,.action-buttons a.btn-action,.action-buttons button.btn-action{min-width:unset!important;width:100%}.action-buttons .btn-request-quotation,.action-buttons button.btn-request-quotation{font-size:.9rem!important;padding:.875rem 1rem!important}.action-buttons .btn-favorite{font-size:.85rem!important;padding:.75rem 1rem!important}.product-description{padding:1rem;border-radius:8px}.product-description .section-title{font-size:1rem}.description-text{font-size:.9rem;line-height:1.6}.product-specifications{padding:1rem;border-radius:8px;margin-bottom:1rem}.product-specifications .section-title{font-size:1rem;margin-bottom:.75rem}.spec-grid{grid-template-columns:1fr;gap:0}.spec-item{flex-direction:column;gap:.2rem;padding:.5rem 0}.spec-label{flex:none}.spec-label,.spec-value{font-size:.85rem}.product-detail-html{font-size:.9rem;line-height:1.6}.product-detail-html table td:first-child{width:auto;white-space:normal;padding-right:.75rem;font-size:.85rem}.product-detail-html table td{font-size:.85rem;padding:.5rem .25rem}.company-info-card{padding:1rem;margin-top:1rem;border-radius:8px}.company-header{gap:.75rem}.company-logo,.company-logo-placeholder{width:48px;height:48px}.company-name{font-size:1rem}.company-location{font-size:.8rem}.company-stats{padding:.75rem 0}.stat-value{font-size:1.2rem}.stat-value.stat-value-small{font-size:.85rem}.stat-label{font-size:.75rem}.company-action-btn{padding:.75rem 1rem;font-size:.9rem}.related-products-section{padding:1.5rem 1rem}.related-products-section .section-title{font-size:1.1rem}.related-products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}}@media (max-width:480px){.product-detail-section{padding:.75rem}.product-detail-grid{gap:.75rem;margin-bottom:1rem}.thumbnail{width:52px;height:52px}.product-info-section .product-title{font-size:1.05rem;margin-bottom:.4rem}.meta-badge{font-size:.65rem;padding:.2rem .5rem}.product-info-divider{margin:.5rem 0}.price-value{font-size:1.5rem}.action-buttons .btn-request-quotation,.action-buttons button.btn-request-quotation{font-size:.85rem!important}.spec-label,.spec-value{font-size:.8rem}.company-actions{flex-direction:column}.company-action-btn{font-size:.85rem}.related-products-section{padding:1rem .75rem}.related-products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.related-products-empty{padding:2rem 1rem}.breadcrumb-section{padding:.5rem .75rem}.breadcrumb{font-size:.75rem!important;gap:.3rem!important}.breadcrumb-item.active{max-width:140px}}.product-card-link{display:block;color:inherit;height:100%}.product-card-link,.product-card-link:hover{text-decoration:none}.product-card-link:focus{outline:none}.product-card-link:focus .product-card{box-shadow:0 0 0 3px rgba(255,102,0,.3);border-color:var(--primary-orange)}.product-card{background:white;border:1px solid var(--border-color);border-radius:var(--card-border-radius);overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-md)}.product-image{padding:0;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-light)}.product-image-placeholder i{font-size:3rem;color:var(--border-color)}.product-info{padding:1rem;flex:1 1;display:flex;flex-direction:column}.product-title{font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em}.product-shop-name{font-size:.85rem;color:var(--text-gray);margin-bottom:auto;padding-bottom:.5rem}.product-shop-name.clickable{cursor:pointer;transition:color .2s ease}.product-shop-name.clickable:hover{color:var(--primary-orange)}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto}.product-price{font-size:1.1rem;font-weight:600;color:var(--primary-red)}.product-price .ask-for-price{color:var(--primary-orange);font-weight:500;white-space:nowrap}.product-card-cart-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-orange);color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);box-shadow:var(--card-shadow-sm)}.product-card-cart-btn:hover{background:#e55a00;transform:scale(1.1)}.product-card-cart-btn.added{background:#28a745}.quotation-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.quotation-modal-container{background:white;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:slideUp .3s ease}.quotation-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.quotation-modal-icon{width:50px;height:50px;border-radius:50%;background:var(--light-orange);display:flex;align-items:center;justify-content:center}.quotation-modal-icon i{font-size:1.5rem;color:var(--primary-orange)}.quotation-modal-icon.icon-white i{color:white}.quotation-modal-title-section{flex:1 1}.quotation-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-dark)}.quotation-modal-subtitle{margin:.5rem 0 0;color:var(--text-gray);font-size:.9rem}.quotation-modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;position:absolute;top:-.5rem;right:-.5rem}.quotation-modal-close-btn i{font-size:1.25rem}.quotation-product-preview{padding:1rem;background:var(--light-orange);border-radius:12px;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center}.quotation-product-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.quotation-product-placeholder{width:60px;height:60px;border-radius:8px;background:white;display:flex;align-items:center;justify-content:center}.quotation-product-placeholder i{color:var(--border-color)}.quotation-product-info{flex:1 1}.quotation-product-name{font-weight:600;margin-bottom:.25rem}.quotation-product-quantity{font-size:.9rem;color:var(--text-gray)}.quotation-quantity-section{margin-bottom:1.5rem}.quotation-label{display:block;margin-bottom:.5rem}.quotation-quantity-controls{display:flex;align-items:center;gap:.5rem}.quotation-quantity-btn{width:40px;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center}.quotation-quantity-btn,.quotation-quantity-input{height:40px;border:1px solid var(--border-color);border-radius:8px}.quotation-quantity-input{width:80px;text-align:center}.quotation-message-section{margin-bottom:1.5rem}.quotation-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;resize:vertical;font-family:inherit}.quotation-actions{display:flex;gap:1rem}.quotation-btn{flex:1 1;padding:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.quotation-btn-secondary{background:white;color:var(--text-dark);border:1px solid var(--border-color)}.quotation-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.quotation-btn-primary{background:var(--primary-orange);color:white}.quotation-btn-primary:disabled{background:var(--text-gray);cursor:not-allowed}.quotation-modal-success{text-align:center;padding:3rem 2rem}.success-animation{margin-bottom:1.5rem}.success-checkmark{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);display:flex;align-items:center;justify-content:center;margin:0 auto;animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px rgba(40,167,69,.3)}.success-checkmark i{font-size:2.5rem;color:white;animation:checkmarkDraw .3s ease-out .3s both}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{font-size:1.5rem;font-weight:700;color:#28a745;margin-bottom:.5rem}.success-message{font-size:1rem;color:var(--text-gray);margin:0}.error-state{text-align:center;padding:2rem}.error-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#c82333);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.error-icon i{font-size:2rem;color:white}.error-title{font-size:1.25rem;font-weight:700;color:#dc3545;margin-bottom:.5rem}.error-message{font-size:.95rem;color:var(--text-gray);margin-bottom:1.5rem}@media (max-width:480px){.quotation-modal-container{padding:1.25rem;border-radius:12px;width:95%}.quotation-modal-icon{width:40px;height:40px}.quotation-modal-icon i{font-size:1.2rem}.quotation-modal-title{font-size:1rem}.quotation-modal-subtitle{font-size:.8rem}.quotation-product-preview{padding:.75rem;gap:.75rem}.quotation-product-image,.quotation-product-placeholder{width:48px;height:48px}.quotation-btn,.quotation-product-name{font-size:.9rem}.quotation-btn{padding:.75rem}.quotation-actions{flex-direction:column;gap:.5rem}.quotation-modal-success{padding:2rem 1rem}.success-checkmark{width:60px;height:60px}.success-checkmark i{font-size:1.8rem}.success-title{font-size:1.2rem}}.toast-container{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:9999;flex-direction:column;gap:.75rem}.toast,.toast-container{display:flex;align-items:center}.toast{gap:1rem;padding:1.25rem 2rem;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);min-width:350px;max-width:500px;animation:toastSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.toast-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.toast.toast-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.toast.toast-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:2px solid #ffc107}.toast.toast-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:2px solid #17a2b8}.toast.toast-exit{opacity:0;transform:translateY(-20px) scale(.9)}.toast-icon{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.toast-icon.toast-success{color:#28a745}.toast-icon.toast-error{color:#dc3545}.toast-icon.toast-warning{color:#856404}.toast-icon.toast-info{color:#17a2b8}.toast-message{flex:1 1;font-size:1rem;font-weight:600;color:#333}.toast-close{background:none;border:none;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:rgba(0,0,0,.1);color:#333}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{border-radius:4px}.skeleton-rectangular{border-radius:8px}.skeleton-circular{border-radius:50%}.product-card-skeleton{padding:1rem}.product-card-skeleton .skeleton-image{margin-bottom:1rem}.product-card-skeleton .skeleton-subtitle,.product-card-skeleton .skeleton-title{margin-bottom:.5rem}.products-grid-skeleton{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-boundary-icon{font-size:4rem;color:var(--primary-orange);margin-bottom:1rem}.error-boundary-title{font-size:1.5rem;margin-bottom:1rem}.error-boundary-message{color:var(--text-gray);margin-bottom:2rem}.error-boundary-actions{display:flex;gap:1rem}.error-boundary-btn{padding:.75rem 2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none}.error-boundary-btn-primary{background:var(--primary-orange);color:white}.error-boundary-btn-secondary{background:white;color:var(--text-dark);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.register-page,.signin-page{padding:3rem 5%;min-height:calc(100vh - 200px)}.register-container,.signin-container{max-width:1200px;margin:0 auto}.register-container{max-width:800px}.page-header{text-align:center;margin-bottom:3rem}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.page-title span{color:var(--primary-orange)}.title-underline{width:100px;height:4px;background:var(--primary-orange);margin:0 auto}.signin-content{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;align-items:start}.signin-content-centered{display:flex;justify-content:center;align-items:center;grid-template-columns:none}.signin-form-card{width:100%;max-width:480px;background:white;padding:3rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1)}.alert{padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;gap:.75rem}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger i{font-size:1.25rem}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-success{color:#0f5132;background-color:#d1e7dd;padding:.75rem 1rem;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.alert-success i{font-size:1.25rem;color:#198754}.user-type-selector{display:flex;gap:1rem;margin-bottom:2rem;background:white;padding:.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-type-btn{flex:1 1;padding:1rem;border:none;border-radius:8px;background:transparent;color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:600;transition:all .3s ease}.user-type-btn.active{background:var(--primary-orange);color:white}.form-group,.form-row{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-label .required{color:var(--primary-red)}.form-control,.form-select{display:block;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.form-control:focus,.form-select:focus{color:#212529!important;background-color:#fff!important;border-color:var(--primary-orange)!important;outline:none!important;box-shadow:0 0 0 3px rgba(255,102,0,.1)!important}.btn-signin:disabled,.form-control:disabled,.form-select:disabled,.user-type-btn:disabled{opacity:.6;cursor:not-allowed}.form-control::placeholder{color:#6c757d;opacity:1}.form-select{background:white}.form-help-text{color:var(--text-gray);font-size:.85rem;display:block}.password-group{position:relative}.password-group .form-control{padding-right:3rem}.form-options{justify-content:space-between;margin-bottom:2rem}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem}.remember-me,.remember-me input{cursor:pointer}.forgot-password{color:var(--primary-orange);text-decoration:none}.btn-signin{width:100%;padding:1rem;background:var(--primary-orange);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--border-color)}.divider-text{position:relative;background:white;padding:0 1rem;color:var(--text-gray);font-size:.9rem}.social-signin{display:flex;flex-direction:column;gap:1rem}.btn-social{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-social.facebook{background:#1877F2;color:white}.btn-social.google{background:white;color:var(--text-dark);border:1px solid var(--border-color)}.btn-social.google img{width:18px;height:18px}.social-signin .google-signin-btn-wrapper{width:100%;display:flex;justify-content:center}.social-signin .google-signin-btn-wrapper>div{width:100%!important}.signin-right{background:white;padding:2rem;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.signin-right-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.signin-right-content p{color:var(--text-gray);margin-bottom:1.5rem}.benefits-list{list-style:none;padding:0;margin:0 0 2rem}.benefits-list li{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.benefits-list li i{color:var(--primary-orange)}.new-account{text-align:center;margin-top:2rem}.new-account p{color:var(--text-gray)}.new-account a{color:var(--primary-orange);font-weight:600;text-decoration:none}.register-form-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.register-form-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.register-form-footer p{color:var(--text-gray)}.register-form-footer a{color:var(--primary-orange);font-weight:600;text-decoration:none}.register-switch-section{text-align:center;margin-top:2rem}.register-switch-section p{color:var(--text-gray)}.register-switch-section a{color:var(--primary-orange);font-weight:600;text-decoration:none}.auth-new-account-section{text-align:center;margin-top:2rem}.auth-new-account-section p{color:var(--text-gray)}.auth-new-account-section a{color:var(--primary-orange);font-weight:600;text-decoration:none}.product-detail-error,.product-detail-loading{text-align:center;padding:4rem}.product-detail-loading-icon{font-size:3rem;color:var(--primary-orange)}.product-detail-loading-text{margin-top:1rem;color:var(--text-gray)}.product-detail-error-icon{font-size:4rem;color:var(--primary-red)}.product-detail-error-title{margin-top:1rem}.product-detail-error-text{color:var(--text-gray)}.product-detail-error-btn{margin-top:1rem;display:inline-block;background:var(--primary-orange);border:none;padding:.75rem 2rem;border-radius:8px;color:white;text-decoration:none}.company-logo-placeholder-icon{font-size:1.5rem;color:var(--primary-orange)}.related-product-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-light)}.related-product-placeholder i{font-size:3rem;color:var(--border-color)}.related-product-info{padding:1rem}.product-images-section{position:relative}.image-zoom-lens{position:absolute;width:120px;height:120px;border:2px solid var(--primary-orange);border-radius:50%;pointer-events:none;background-repeat:no-repeat;background-color:rgba(255,255,255,.15);box-shadow:0 0 0 9999px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3),inset 0 0 20px rgba(255,102,0,.2);transform:translate(-50%,-50%);z-index:10;cursor:crosshair;transition:box-shadow .2s ease}.image-zoom-lens:before{width:40px;height:40px;background:var(--primary-orange);border-radius:50%;opacity:.1}.image-zoom-lens:after,.image-zoom-lens:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-zoom-lens:after{width:100%;height:100%;border:2px solid rgba(255,102,0,.5);border-radius:50%}@media (max-width:1024px){.image-zoom-lens{display:none}.main-image-container{cursor:default}}.image-zoom-result{position:absolute;top:0;right:-620px;width:600px;aspect-ratio:1;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;z-index:100;opacity:0;animation:zoomResultFadeIn .3s ease forwards}@keyframes zoomResultFadeIn{to{opacity:1}}.image-zoom-result-inner{width:100%;height:100%;background-repeat:no-repeat}@media (max-width:1400px){.image-zoom-lens,.image-zoom-result{display:none}}.customer-dashboard-section{padding:2rem 5%;background:var(--bg-light);min-height:calc(100vh - 400px)}.dashboard-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;transition:grid-template-columns .3s ease}.customer-sidebar{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:width .3s ease}.sidebar-header{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));padding:1.5rem;color:white;text-align:center}.sidebar-header h2{font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:600;margin:0}.sidebar-header p{font-size:.85rem;margin:.5rem 0 0;opacity:.9}.sidebar-menu{padding:1rem 0}.menu-dropdown{position:relative}.menu-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.menu-dropdown-icon{font-size:.7rem;transition:transform .3s ease;color:var(--text-gray)}.menu-dropdown.open .menu-dropdown-icon{transform:rotate(180deg)}.menu-dropdown-items{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--bg-light)}.menu-dropdown-items.open,.menu-dropdown.open .menu-dropdown-items{max-height:500px}.menu-dropdown-toggle.open .menu-dropdown-icon{transform:rotate(180deg)}.menu-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;color:var(--text-dark);text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer}.menu-item:hover{background:var(--light-orange)}.menu-item.active,.menu-item:hover{border-left-color:var(--primary-orange)}.menu-item.active{background:linear-gradient(90deg,rgba(255,153,0,.12),rgba(255,153,0,.04));font-weight:600}.menu-item i{width:20px;text-align:center;color:var(--primary-orange)}.sidebar-menu-icon-img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(47%) sepia(98%) saturate(1835%) hue-rotate(1turn) brightness(101%) contrast(107%)}.menu-item-text{flex:1 1;font-size:.9rem}.menu-item-badge{background:var(--primary-red);color:white;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.submenu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem .75rem 2.5rem;color:var(--text-dark);text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer;font-size:.85rem}.submenu-item:hover{background:var(--light-orange);border-left-color:var(--primary-orange)}.submenu-item.active{background:linear-gradient(90deg,rgba(255,153,0,.12),rgba(255,153,0,.04));border-left-color:var(--primary-orange);font-weight:600}.dashboard-content{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:2rem}span.mandatory:after{content:" *";color:#dc3545;font-weight:600}.dashboard-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.dashboard-header h1{font-family:Kanit,sans-serif;font-size:1.8rem;color:var(--primary-red);margin:0 0 .5rem}.dashboard-header p{color:var(--text-gray);margin:0;font-size:.95rem}.order-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--light-orange),white);border-radius:12px;padding:1.5rem;text-align:center;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.stat-card:hover{border-color:var(--primary-orange);transform:translateY(-3px);box-shadow:0 6px 16px rgba(255,102,0,.15)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:white;font-size:1.3rem}.stat-number{font-family:Kanit,sans-serif;font-size:2rem;font-weight:700;color:var(--primary-red);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-gray)}.orders-section{margin-top:2rem}.section-title{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title.with-actions{justify-content:space-between}.section-title-actions{display:flex;gap:1rem;align-items:center;margin-left:auto}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:white;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-orange);color:white;border-color:var(--primary-orange)}.order-card{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;background:white}.order-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--primary-orange)}.order-header{justify-content:space-between;margin-bottom:0;border-bottom:none}.order-header,.order-seller{display:flex;align-items:center;padding-bottom:.75rem}.order-seller{gap:.4rem;font-size:.82rem;font-weight:500;color:var(--primary-orange);margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.order-seller i{font-size:.75rem}.order-id{font-weight:600;color:var(--text-dark);font-size:1rem}.order-date{font-size:.85rem;color:var(--text-gray);margin-top:.25rem}.order-status{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.order-status.pending{background:#FFF3E0;color:#E65100}.order-status.processing{background:#E3F2FD;color:#1565C0}.order-status.shipped{background:#F3E5F5;color:#7B1FA2}.order-status.delivered{background:#E8F5E9;color:#2E7D32}.order-status.cancelled{background:#FFEBEE;color:#C62828}.order-items{display:flex;gap:1rem;margin-bottom:1rem}.order-item{gap:1rem;flex:1 1;padding:.75rem;background:var(--bg-light)}.order-item,.order-item-image{display:flex;align-items:center;border-radius:8px}.order-item-image{width:60px;height:60px;background:linear-gradient(135deg,var(--light-orange),white);justify-content:center;flex-shrink:0}.order-item-image i{font-size:1.5rem;color:var(--primary-orange)}.order-item-info{flex:1 1}.order-item-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem;font-size:.9rem}.order-item-quantity{font-size:.85rem;color:var(--text-gray)}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.order-total{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.order-total span{color:var(--primary-red);font-family:Kanit,sans-serif}.order-actions{display:flex;gap:.5rem}.btn-view{padding:.5rem 1.2rem;background:var(--primary-orange);color:white;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-view:hover{background:#E65100;transform:translateY(-1px)}.btn-track{padding:.5rem 1.2rem!important;background:white!important;color:var(--text-dark)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important}.btn-track,.btn-track:hover{text-decoration:none!important}.btn-track:hover{border-color:var(--primary-orange)!important;color:var(--primary-orange)!important}.empty-state{text-align:center;padding:3rem;color:var(--text-gray)}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-dark)}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}.customer-sidebar{margin-bottom:2rem}.order-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customer-dashboard-section{padding:1rem}.order-stats{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start;gap:1rem}.section-title-actions{flex-wrap:wrap}}.buyer-dash-content-wide{background:transparent!important;box-shadow:none!important;padding:0!important}.buyer-dash{display:flex;flex-direction:column;gap:1.5rem}.buyer-dash-welcome{background:linear-gradient(135deg,#FF6600,#C62828);border-radius:var(--card-border-radius);padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;box-shadow:0 4px 20px rgba(255,102,0,.25)}.buyer-dash-welcome-left{display:flex;align-items:center;gap:1.25rem}.buyer-dash-avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid rgba(255,255,255,.4);overflow:hidden}.buyer-dash-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.buyer-dash-avatar i{font-size:1.8rem;color:white}.buyer-dash-welcome-text h1{font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:600;color:white;margin:0 0 .25rem}.buyer-dash-date{color:rgba(255,255,255,.85);font-size:.9rem;margin:0;display:flex;align-items:center;gap:.5rem}.buyer-dash-quick-actions{display:flex;gap:.75rem;flex-shrink:0}.buyer-dash-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.buyer-dash-action-browse{background:white;color:#FF6600}.buyer-dash-action-browse:hover{background:#FFF3E0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.buyer-dash-action-fav{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3)!important}.buyer-dash-action-fav:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}.buyer-dash-action-orders{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3)!important}.buyer-dash-action-orders:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}.buyer-dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.buyer-dash-kpi-card{background:white;border-radius:var(--card-border-radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow-sm);border:1px solid transparent}.buyer-dash-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.buyer-dash-kpi-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.buyer-dash-kpi-total .buyer-dash-kpi-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.buyer-dash-kpi-total:hover{border-color:#667eea}.buyer-dash-kpi-pending .buyer-dash-kpi-icon{background:linear-gradient(135deg,#f6d365,#fda085);color:white}.buyer-dash-kpi-pending:hover{border-color:#fda085}.buyer-dash-kpi-shipped .buyer-dash-kpi-icon{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:white}.buyer-dash-kpi-shipped:hover{border-color:#a18cd1}.buyer-dash-kpi-delivered .buyer-dash-kpi-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);color:white}.buyer-dash-kpi-delivered:hover{border-color:#43e97b}.buyer-dash-kpi-number{font-family:Kanit,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-dark);line-height:1}.buyer-dash-kpi-label{font-size:.82rem;color:var(--text-gray);margin-top:.2rem}.buyer-dash-section{background:white;border-radius:var(--card-border-radius);padding:1.5rem 2rem;box-shadow:var(--card-shadow-sm)}.buyer-dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.buyer-dash-section-header h2{font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:.6rem}.buyer-dash-section-header h2 i{color:var(--primary-orange);font-size:1rem}.buyer-dash-view-all{color:var(--primary-orange);font-size:.85rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.buyer-dash-view-all:hover{color:#E65100;gap:.6rem}.buyer-dash-table-wrap{overflow-x:auto}.buyer-dash-table{width:100%;border-collapse:collapse;font-size:.9rem}.buyer-dash-table thead th{text-align:left;padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.buyer-dash-table tbody tr{border-bottom:1px solid #f1f1f1;transition:background var(--transition-fast)}.buyer-dash-table tbody tr:hover{background:#fafafa}.buyer-dash-table tbody td{padding:.85rem 1rem;color:var(--text-dark);vertical-align:middle}.buyer-dash-order-num{font-weight:600;color:var(--primary-orange)!important;font-size:.85rem}.buyer-dash-order-total{font-weight:700;font-family:Kanit,sans-serif;color:var(--primary-red)!important}.buyer-dash-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.buyer-dash-badge-yellow{background:#FFF8E1;color:#F57F17}.buyer-dash-badge-blue{background:#E3F2FD;color:#1565C0}.buyer-dash-badge-purple{background:#F3E5F5;color:#7B1FA2}.buyer-dash-badge-green{background:#E8F5E9;color:#2E7D32}.buyer-dash-badge-red{background:#FFEBEE;color:#C62828}.buyer-dash-badge-gray{background:#F5F5F5;color:#757575}.buyer-dash-view-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border:1px solid var(--border-color);border-radius:6px;color:var(--text-dark);font-size:.8rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.buyer-dash-view-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange);text-decoration:none}.buyer-dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.buyer-dash-fav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.buyer-dash-fav-card{display:flex;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:10px;text-decoration:none;transition:all var(--transition-normal);overflow:hidden}.buyer-dash-fav-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px rgba(255,102,0,.1);transform:translateY(-2px);text-decoration:none}.buyer-dash-fav-img{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.buyer-dash-fav-img img{width:100%;height:100%;object-fit:cover}.buyer-dash-fav-img i{font-size:1.2rem;color:#ccc}.buyer-dash-fav-info{min-width:0;flex:1 1;display:flex;flex-direction:column;justify-content:center}.buyer-dash-fav-name{font-size:.82rem;font-weight:600;color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.buyer-dash-fav-price{font-size:.85rem;font-weight:700;color:var(--primary-red);font-family:Kanit,sans-serif;margin-top:.2rem}.buyer-dash-quotation-list{display:flex;flex-direction:column;gap:.75rem}.buyer-dash-quotation-card{padding:1rem;border:1px solid var(--border-color);border-radius:10px;transition:all var(--transition-normal)}.buyer-dash-quotation-card:hover{border-color:var(--primary-orange);box-shadow:0 2px 8px rgba(0,0,0,.06)}.buyer-dash-quotation-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.buyer-dash-quotation-seller{font-size:.85rem;font-weight:600;color:var(--primary-orange);display:flex;align-items:center;gap:.4rem}.buyer-dash-quotation-seller i{font-size:.8rem}.buyer-dash-quotation-product{font-size:.82rem;color:var(--text-gray);margin-top:.25rem}.buyer-dash-quotation-date{font-size:.78rem;color:#999;margin-top:.5rem;display:flex;align-items:center;gap:.4rem}.buyer-dash-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.buyer-dash-link-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid var(--border-color);border-radius:10px;text-decoration:none;transition:all var(--transition-normal)}.buyer-dash-link-card:hover{border-color:var(--primary-orange);background:#FFF8F0;transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,102,0,.08);text-decoration:none}.buyer-dash-link-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#FFF3E0,#FFE0B2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.buyer-dash-link-icon i{font-size:1.1rem;color:var(--primary-orange)}.buyer-dash-link-card:hover .buyer-dash-link-icon{background:linear-gradient(135deg,var(--primary-orange),#E65100)}.buyer-dash-link-card:hover .buyer-dash-link-icon i{color:white}.buyer-dash-link-text{display:flex;flex-direction:column}.buyer-dash-link-text strong{font-size:.9rem;color:var(--text-dark);font-weight:600}.buyer-dash-link-text span{font-size:.78rem;color:var(--text-gray);margin-top:.15rem}.buyer-dash-empty{text-align:center;padding:3rem 1rem}.buyer-dash-empty i{font-size:3rem;color:#ddd;margin-bottom:.75rem}.buyer-dash-empty h3{font-family:Kanit,sans-serif;font-size:1.1rem;color:var(--text-dark);margin:0 0 .5rem}.buyer-dash-empty p{font-size:.9rem;color:var(--text-gray);margin:0 0 1rem}.buyer-dash-empty-sm{padding:2rem 1rem}.buyer-dash-empty-sm i{font-size:2rem}.buyer-dash-link{color:var(--primary-orange);font-weight:600;text-decoration:none;font-size:.9rem}.buyer-dash-link:hover{text-decoration:underline}.buyer-dash-skeleton-card{padding:1rem;display:flex;flex-direction:column;gap:.6rem}.buyer-dash-skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:buyer-dash-shimmer 1.5s infinite}.buyer-dash-skeleton-line.wide{width:100%}.buyer-dash-skeleton-line.medium{width:65%}.buyer-dash-skeleton-line.narrow{width:40%}.buyer-dash-skeleton-row td{padding:.85rem 1rem}@keyframes buyer-dash-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.buyer-dash-welcome{text-align:center}.buyer-dash-welcome,.buyer-dash-welcome-left{flex-direction:column}.buyer-dash-quick-actions{flex-wrap:wrap;justify-content:center}.buyer-dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.buyer-dash-two-col{grid-template-columns:1fr}.buyer-dash-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.buyer-dash-welcome{padding:1.5rem}.buyer-dash-welcome-text h1{font-size:1.2rem}.buyer-dash-kpi-grid{grid-template-columns:1fr 1fr}.buyer-dash-kpi-card{padding:1rem}.buyer-dash-kpi-number{font-size:1.4rem}.buyer-dash-section{padding:1.25rem}.buyer-dash-fav-grid,.buyer-dash-links-grid{grid-template-columns:1fr}.buyer-dash-action-btn span{display:none}.buyer-dash-action-btn{padding:.6rem .8rem}}.status-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.status-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:white;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .3s ease;white-space:nowrap}.status-tab:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.status-tab.active{background:var(--primary-orange);color:white;border-color:var(--primary-orange)}.status-tab i{font-size:.9rem}.tab-count{font-size:.75rem;opacity:.9}.filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1 1;min-width:250px;position:relative;display:flex;align-items:center}.search-box i{position:absolute;left:1rem;color:var(--text-gray);font-size:.9rem}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,102,0,.1)}.filter-options{display:flex;gap:.75rem}.filter-select{border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:white;cursor:pointer;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='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:.75rem 2.5rem .75rem 1rem}.filter-select:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,102,0,.1)}.quotations-table-wrapper{background:white;border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:1.5rem}.quotations-table{width:100%;border-collapse:collapse}.quotations-table thead{background:linear-gradient(135deg,#FFF5F0,#FFF8F5)}.quotations-table th{padding:1rem;text-align:left;font-size:.8rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.quotations-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s ease}.quotations-table tbody tr:hover{background:#FFF8F5}.quotations-table tbody tr:last-child{border-bottom:none}.quotations-table td{padding:1rem;vertical-align:middle}.seller-info{display:flex;align-items:center;gap:1rem}.seller-avatar{width:56px;height:56px;border-radius:12px;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.seller-avatar img{width:100%;height:100%;object-fit:cover}.seller-avatar:hover{transform:scale(1.05);border-color:var(--primary-orange)}.seller-avatar-fallback{width:56px!important;height:56px!important;border-radius:12px!important;border:2px solid #e9ecef!important;box-shadow:0 2px 8px rgba(0,0,0,.08);background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:1.5rem;flex-shrink:0}.shop-logo{background:white;padding:4px;border-radius:8px}.seller-name{font-weight:700;font-size:.95rem;color:var(--text-dark);margin-bottom:.25rem;font-family:Kanit,sans-serif}.request-date{font-size:.8rem;color:#6c757d;display:flex;align-items:center;gap:.35rem}.request-date:before{content:"\f017";font-family:Font Awesome\ 6 Free;font-weight:900;font-size:.75rem}.product-thumb{width:70px;height:70px;border-radius:12px;object-fit:cover;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.product-thumb:hover{transform:scale(1.05);border-color:var(--primary-orange)}.product-details{flex:1 1}.product-name{font-weight:600;font-size:.9rem;color:var(--text-dark);margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-category{font-size:.8rem;color:#6c757d;display:flex;align-items:center;gap:.35rem}.quantity-badge{display:inline-block;padding:.35rem .75rem;background:var(--light-orange);color:var(--primary-orange);border-radius:20px;font-size:.8rem;font-weight:600}.price-info{display:flex;flex-direction:column;gap:.25rem}.price-value{font-size:1rem;font-weight:700;color:var(--primary-orange)}.price-status{font-size:.75rem;color:var(--text-gray)}.action-cell{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.status-badge{gap:.4rem;border-radius:6px;font-size:.78rem;white-space:nowrap;line-height:1.3}.status-badge i{font-size:.65rem}.status-pending{background:#FFF8E1;color:#F57F17;border:1px solid #ffe082}.status-received{background:#E8F5E9;color:#2E7D32;border:1px solid #a5d6a7}.status-accepted{background:#E3F2FD;color:#1565C0;border:1px solid #90caf9}.status-completed{background:#F3E5F5;color:#6A1B9A;border:1px solid #ce93d8}.equotation-product-info{display:flex;align-items:center;gap:.75rem}.equotation-product-image{width:45px;height:45px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}.equotation-product-placeholder{width:45px;height:45px;background:var(--light-gray);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-gray);font-size:1rem}.equotation-product-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.equotation-product-name{font-weight:600;color:var(--text-dark);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.equotation-product-qty,.equotation-product-variant{font-size:.75rem;color:var(--text-gray)}.equotation-product-price{font-size:.8rem;font-weight:600;color:var(--primary-orange)}.accept-status{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.accept-status i{font-size:.7rem}.accept-status.accepted{background:#D4EDDA;color:#155724}.accept-status.pending{background:#FFF3CD;color:#856404}.from-date,.total-price,.valid-time{font-size:.85rem;color:var(--text-dark);font-weight:500}.looking-for-text{font-weight:600;color:var(--text-dark);font-size:.9rem}.request-info-cell{max-width:250px}.request-description{font-size:.85rem;color:var(--text-gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.date-cell,.deliver-to-cell,.duration-cell,.quantity-cell{font-size:.85rem;color:var(--text-dark)}.date-cell{white-space:nowrap}.title-cell{font-size:.85rem;font-weight:500;color:var(--text-dark)}.attendee-cell,.position-cell,.product-cell{font-size:.85rem;color:var(--text-gray)}.status-cancelled{background:#F8D7DA;color:#721C24}.company-name-cell{font-size:.9rem;font-weight:500;color:var(--text-dark)}.role-cell{font-size:.85rem;color:var(--text-gray)}.btn-action-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--light-gray);border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;transition:all .2s ease;margin-left:.35rem}.btn-action-icon:hover{background:var(--primary-orange);color:white}.btn-action-icon.danger:hover{background:var(--primary-red);color:white}.account-card{background:white;border-radius:12px;box-shadow:var(--card-shadow-sm);overflow:hidden;border-left:4px solid var(--primary-orange)}.account-card-header{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color)}.account-card-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-dark)}.account-card-body{padding:1.5rem}.account-row{margin-bottom:1.5rem}.account-avatar-section{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem}.account-avatar-wrapper{flex-shrink:0}.account-avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color)}.verify-warning{flex:1 1;display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background:#FFF3CD;border-radius:8px;font-size:.85rem;color:#856404}.verify-warning i{color:#dc3545;font-size:1.1rem;flex-shrink:0;margin-top:2px}.verify-warning a{color:var(--primary-orange);text-decoration:underline}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.account-field{display:flex;flex-direction:column;gap:.35rem}.account-field-full{grid-column:1/-1;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.field-label{font-size:.85rem;font-weight:600;color:var(--text-dark)}.field-label.required:before{content:"*";color:var(--primary-red);margin-right:.25rem}.field-value{font-size:.9rem;color:var(--text-gray)}.file-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#E7F3FF;color:#004085;border-radius:4px;font-size:.8rem}.file-badge i{color:#dc3545}.file-badge:hover{background:#d4e9ff}.file-badge .file-size{font-size:.7rem;color:#666;margin-left:.25rem}.checkbox-display{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-gray);cursor:default}.checkbox-display input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-orange)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem}@media (max-width:992px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.account-grid,.category-grid{grid-template-columns:1fr}.account-avatar-section{flex-direction:column;align-items:center;text-align:center}}.account-edit-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:var(--primary-orange);background:transparent;border:1.5px solid var(--primary-orange);border-radius:6px;cursor:pointer;transition:all .2s}.account-edit-btn:hover,.account-save-btn{background:var(--primary-orange);color:white}.account-save-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;border:1.5px solid var(--primary-orange);border-radius:6px;cursor:pointer;transition:all .2s}.account-save-btn:hover:not(:disabled){background:#e07b00}.account-save-btn:disabled{opacity:.6;cursor:not-allowed}.account-cancel-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-gray);background:transparent;border:1.5px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.account-cancel-btn:hover:not(:disabled){background:#f5f5f5}.account-input{width:100%;padding:.45rem .65rem;font-size:.9rem;color:var(--text-dark);background:#fff;border:1.5px solid var(--border-color);border-radius:6px;outline:none;transition:border-color .2s;box-sizing:border-box}.account-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 2px rgba(255,152,0,.12)}.account-input.input-error,.form-input.input-error{border-color:var(--primary-red,#dc3545)}.field-error{font-size:.78rem;color:var(--primary-red,#dc3545);margin-top:.15rem;display:block}.form-input{width:100%;padding:.55rem .75rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#333;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--primary-orange,#ff9800);box-shadow:0 0 0 2px rgba(255,152,0,.12)}select.form-input{appearance:auto;cursor:pointer}textarea.form-input{font-family:inherit}.account-success-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px;font-size:.9rem}.account-success-banner .banner-close{margin-left:auto;background:none;border:none;color:#155724;cursor:pointer;padding:.2rem;font-size:.9rem}.account-success-banner .banner-close:hover{opacity:.7}.password-form-row{max-width:500px;margin-bottom:1.25rem}.password-field-group{display:flex;flex-direction:column;gap:.5rem}.password-input-wrapper{display:flex}.password-input{flex:1 1;padding:.75rem 80px .75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-dark);transition:border-color .2s ease}.password-input:focus{outline:none;border-color:var(--primary-orange)}.password-input.error{border-color:var(--primary-red)}.password-input-icons{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;gap:.25rem;padding-right:.75rem}.password-help-btn,.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;font-size:1rem}.password-input-icons .password-help-btn,.password-input-icons .password-toggle-btn{position:static;transform:none}.password-help-btn:hover,.password-toggle-btn:hover{color:var(--primary-orange)}.password-requirements{color:var(--text-gray);font-size:.8rem}.field-error{color:var(--primary-red);font-size:.8rem}.btn-change-password{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:var(--primary-orange);color:white;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-change-password:hover:not(:disabled){background:var(--primary-red)}.btn-change-password:disabled{opacity:.7;cursor:not-allowed}.success-banner{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#D4EDDA;color:#155724;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.success-banner i{font-size:1.1rem}.attachment-thumbnails,.attachments-cell{display:flex;align-items:center}.attachment-thumbnails{gap:.35rem}.attachment-thumbnail{width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color)}.attachment-more{font-size:.75rem;color:var(--text-gray);background:var(--light-gray);padding:.25rem .5rem;border-radius:4px}.no-attachment{color:var(--text-gray);font-size:.85rem}.dashboard-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.btn-new-request{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-orange);color:white;border:none;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-new-request:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,.3)}.btn-new-request i{font-size:.85rem}.br-form{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);overflow:hidden}.br-form__header{background:linear-gradient(135deg,var(--primary-orange) 0,#e85d00 100%);padding:2rem 2.5rem;color:#fff}.br-form__title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:#fff}.br-form__subtitle{font-size:.9rem;margin:0;opacity:.9;color:#fff}.br-form__section{padding:1.75rem 2.5rem;border-bottom:1px solid #f0f0f0}.br-form__section:last-of-type{border-bottom:none}.br-form__section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-orange)}.br-form__section-header i{font-size:1.1rem;color:var(--primary-orange)}.br-form__section-header h3{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin:0}.br-form__grid{display:grid;gap:1rem 1.5rem;margin-bottom:1rem}.br-form__grid--1col{grid-template-columns:1fr}.br-form__grid--2col{grid-template-columns:1fr 1fr}.br-form__grid--3col{grid-template-columns:1fr 1fr 1fr}.br-form__field{display:flex;flex-direction:column}.br-form__label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem;letter-spacing:.01em}.br-form__label--required:after{content:" *";color:var(--primary-red);font-weight:500}.br-form__input,.br-form__select,.br-form__textarea{width:100%;padding:.7rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;color:var(--text-dark);background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.br-form__input::placeholder,.br-form__textarea::placeholder{color:#9ca3af}.br-form__input:focus,.br-form__select:focus,.br-form__textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,102,0,.1)}.br-form__input--error{border-color:var(--primary-red)!important;box-shadow:0 0 0 3px rgba(220,38,38,.08)!important}.br-form__textarea{resize:vertical;min-height:100px;line-height:1.6}.br-form__error{display:block;color:var(--primary-red);font-size:.8rem;margin-top:.35rem;font-weight:500}.br-form__radio-group{display:flex;gap:1.25rem;padding-top:.6rem}.br-form__radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-dark);padding:.5rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;transition:all .2s ease}.br-form__radio:has(input:checked){border-color:var(--primary-orange);background:rgba(255,102,0,.04)}.br-form__radio input[type=radio]{width:16px;height:16px;accent-color:var(--primary-orange);margin:0}.br-form__radio-mark{display:none}.br-form__docs{display:flex;flex-direction:column;gap:0}.br-form__doc-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:.5rem;transition:background .15s ease}.br-form__doc-item:hover{background:#f5f5f5}.br-form__doc-number{font-size:.85rem;font-weight:600;color:#6b7280;min-width:1.5rem}.br-form__doc-name{font-size:.9rem;color:var(--text-dark);flex:1 1}.br-form__doc-detail{padding:.4rem .75rem;border:1.5px solid #d1d5db;border-radius:6px;font-size:.85rem;width:180px;font-family:inherit;transition:border-color .2s ease}.br-form__doc-detail:focus{outline:none;border-color:var(--primary-orange)}.br-form__doc-upload-btn{cursor:pointer}.br-form__doc-upload-btn span{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;background:var(--primary-orange);color:white;border-radius:6px;font-size:.8rem;font-weight:600;transition:background .2s ease;white-space:nowrap}.br-form__doc-upload-btn:hover span{background:#e85d00}.br-form__doc-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:0 .25rem;font-size:.8rem;color:#9ca3af}.br-form__doc-info i{margin-right:.3rem}.br-form__doc-table{width:100%;border-collapse:collapse;margin-top:1.25rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.br-form__doc-table td,.br-form__doc-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f0f0f0}.br-form__doc-table th{background:#f9fafb;font-weight:600;font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.br-form__doc-table td{font-size:.875rem;color:var(--text-dark)}.br-form__doc-table tr:last-child td{border-bottom:none}.br-form__doc-remove{background:none;border:none;color:#d1d5db;cursor:pointer;padding:.35rem;font-size:.9rem;transition:color .2s ease}.br-form__doc-remove:hover{color:var(--primary-red)}.br-form__actions{padding:1.5rem 2.5rem 2rem;display:flex;justify-content:center}.br-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 3rem;background:linear-gradient(135deg,var(--primary-orange) 0,#e85d00 100%);color:white;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;letter-spacing:.02em}.br-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,102,0,.35)}.br-form__submit:active:not(:disabled){transform:translateY(0)}.br-form__submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.text-center{text-align:center}@media (max-width:900px){.br-form__grid--3col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.br-form__header{padding:1.5rem}.br-form__section{padding:1.25rem 1.5rem}.br-form__grid--2col,.br-form__grid--3col{grid-template-columns:1fr}.br-form__radio-group{flex-direction:column;gap:.5rem}.br-form__doc-item{flex-wrap:wrap}.br-form__doc-detail{width:100%}.br-form__doc-info{flex-direction:column;align-items:flex-start;gap:.25rem}.br-form__actions{padding:1.25rem 1.5rem 1.5rem}.br-form__submit{width:100%}}.calendar-wrapper{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.calendar-fullwidth{width:100%}.calendar-container{background:white;border-radius:12px;box-shadow:var(--card-shadow-sm);overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color)}.calendar-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-dark);transition:all .2s ease}.calendar-nav-btn:hover{background:var(--primary-orange);color:white;border-color:var(--primary-orange)}.calendar-title{display:flex;align-items:center;gap:1rem}.calendar-title h2{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.btn-today{padding:.4rem .75rem;background:var(--primary-orange);color:white;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-today:hover{background:var(--primary-red)}.calendar-grid{padding:1rem 1.5rem 1.5rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:.8rem;font-weight:600;color:var(--text-gray);padding:.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border-radius:8px;transition:all .2s ease;position:relative;min-height:80px;border:1px solid transparent}.calendar-fullwidth .calendar-day{min-height:100px}.calendar-day.other-month{opacity:.4}.calendar-day.today{background:rgba(255,102,0,.1);border-color:var(--primary-orange)}.calendar-day.today .day-number{background:var(--primary-orange);color:white;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-day.has-events{background:rgba(255,102,0,.05)}.day-number{font-size:.9rem;font-weight:500;color:var(--text-dark)}.event-dots{display:flex;gap:3px;margin-top:4px}.event-dot{width:6px;height:6px;background:var(--primary-orange);border-radius:50%}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#f5f5f5;border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.calendar-toolbar-left{display:flex;align-items:center;gap:.5rem}.calendar-toolbar-btn{padding:.35rem .75rem;background:white;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;color:var(--text-dark);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.calendar-toolbar-btn:hover{background:#e8e8e8;border-color:#bbb}.calendar-toolbar-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-left:.5rem}.calendar-toolbar-right{display:flex;align-items:center}.calendar-view-group{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden}.calendar-view-btn{padding:.35rem .85rem;background:white;border:none;border-right:1px solid #ccc;cursor:pointer;font-size:.85rem;color:var(--text-dark);transition:all .2s ease;height:32px}.calendar-view-btn:last-child{border-right:none}.calendar-view-btn:hover{background:#e8e8e8}.calendar-view-btn.active{background:var(--primary-orange);color:white}.calendar-day.selected{border-color:var(--primary-orange);background:rgba(255,102,0,.08);box-shadow:0 0 0 2px rgba(255,102,0,.2)}.calendar-event-details{margin-top:1rem;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid var(--border-color)}.calendar-event-card{padding:.75rem;background:white;border-radius:6px;border-left:3px solid var(--primary-orange);margin-bottom:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.calendar-event-card:last-child{margin-bottom:0}.calendar-week-view{overflow-x:auto}.calendar-week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid var(--border-color);position:sticky;top:0;background:white;z-index:1}.calendar-time-gutter-header{padding:.75rem .5rem;border-right:1px solid var(--border-color)}.calendar-week-day-header{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-right:1px solid var(--border-color);gap:.25rem}.calendar-week-day-header:last-child{border-right:none}.calendar-week-day-header.today{background:rgba(255,102,0,.05)}.calendar-week-day-name{font-size:.75rem;font-weight:600;color:var(--text-gray);text-transform:uppercase}.calendar-week-day-number{font-size:1.25rem;font-weight:600;color:var(--text-dark);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-week-day-number.today-number{background:var(--primary-orange);color:white}.calendar-week-body{max-height:600px;overflow-y:auto}.calendar-week-row{display:grid;grid-template-columns:60px repeat(7,1fr);min-height:48px;border-bottom:1px solid #f0f0f0}.calendar-time-gutter{padding:.25rem .5rem;font-size:.75rem;color:var(--text-gray);border-right:1px solid var(--border-color);text-align:right}.calendar-week-cell{border-right:1px solid #f0f0f0;padding:.125rem;min-height:48px}.calendar-week-cell:last-child{border-right:none}.calendar-week-cell.today-col{background:rgba(255,102,0,.03)}.calendar-week-event{padding:.25rem .4rem;background:var(--primary-orange);color:white;font-size:.7rem;border-radius:3px;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day-view{overflow-y:auto}.calendar-day-body{max-height:600px;overflow-y:auto}.calendar-day-row{display:grid;grid-template-columns:60px 1fr;min-height:48px;border-bottom:1px solid #f0f0f0}.calendar-day-cell{padding:.25rem .5rem;min-height:48px}.calendar-day-event{padding:.5rem .75rem;background:rgba(255,102,0,.1);border-left:3px solid var(--primary-orange);border-radius:4px;margin-bottom:.25rem;color:var(--text-dark);font-size:.85rem}.calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.events-panel{background:white;border-radius:12px;box-shadow:var(--card-shadow-sm);overflow:hidden;max-height:600px;display:flex;flex-direction:column}.events-panel-header{padding:1rem 1.25rem;background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color)}.events-panel-header h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0}.events-panel-content{flex:1 1;overflow-y:auto;padding:1rem}.no-day-selected,.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-gray)}.no-day-selected i,.no-events i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-day-selected p,.no-events p{margin:0;font-size:.9rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-card{background:var(--bg-light);border-radius:8px;padding:1rem;border-left:3px solid var(--primary-orange)}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.event-type-badge{display:inline-block;padding:.2rem .5rem;background:var(--primary-orange);color:white;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.event-status{font-size:.75rem;font-weight:500}.event-status.confirmed{color:#28a745}.event-status.pending{color:#ffc107}.event-status.cancelled{color:#dc3545}.event-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.event-detail{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-gray);margin-bottom:.25rem}.event-detail i{width:16px;color:var(--primary-orange)}.event-description{font-size:.8rem;color:var(--text-gray);margin:.5rem 0 0;line-height:1.4}@media (max-width:1024px){.calendar-wrapper{grid-template-columns:1fr}.events-panel{max-height:400px}}@media (max-width:576px){.calendar-header{padding:1rem}.calendar-title h2{font-size:1rem}.calendar-grid{padding:.75rem}.calendar-day{min-height:40px;padding:.25rem}.day-number{font-size:.8rem}.event-dot{width:4px;height:4px}}.calendar-month-events{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:4px;overflow:hidden}.calendar-month-event-bar{padding:1px 4px;background:var(--primary-orange);color:white;font-size:.65rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:1.4;transition:background .15s ease}.calendar-month-event-bar:hover{background:var(--primary-red)}.calendar-month-event-more{font-size:.6rem;color:var(--text-gray);text-align:center;cursor:pointer}.calendar-day{align-items:flex-start;padding:.35rem .25rem}.calendar-fullwidth .calendar-day{min-height:110px}.calendar-event-tooltip{position:absolute;z-index:9999;background:white;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);min-width:280px;max-width:360px;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calendar-event-tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;gap:.5rem}.calendar-event-tooltip-header strong{font-size:.9rem;color:var(--text-dark);line-height:1.3}.calendar-event-tooltip-close{background:none;border:none;cursor:pointer;color:var(--text-gray);font-size:.85rem;padding:2px;flex-shrink:0}.calendar-event-tooltip-close:hover{color:var(--primary-red)}.calendar-event-tooltip-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.calendar-event-tooltip-row{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:var(--text-dark)}.calendar-event-tooltip-row i{width:16px;color:var(--primary-orange);margin-top:2px;flex-shrink:0}.br-expand-cell{width:40px;text-align:center;vertical-align:middle}.br-expand-icon{font-size:.7rem;color:var(--text-gray);transition:transform .2s ease}.quotation-row.expandable:hover{background:rgba(255,102,0,.03)}.quotation-row.expanded{background:rgba(255,102,0,.05);border-bottom:none}.br-subtable-row td{padding:0!important;background:#fafafa}.br-subtable-wrapper{padding:.75rem 1rem .75rem 3rem;border-bottom:2px solid var(--border-color)}.br-subtable{width:100%;border-collapse:collapse;font-size:.85rem;background:white;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.br-subtable thead tr{background:#f5f5f5}.br-subtable th{padding:.6rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-gray);text-align:left;border-bottom:1px solid var(--border-color)}.br-subtable td{padding:.6rem .75rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.br-subtable tbody tr:last-child td{border-bottom:none}.br-subtable tbody tr:hover{background:rgba(255,102,0,.03)}.br-seller-cell{display:flex;align-items:center;gap:.5rem}.br-seller-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #eee}.br-seller-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.8rem}.br-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.br-status-badge.badge-warning{background:#fff3cd;color:#856404}.br-status-badge.badge-success{background:#d4edda;color:#155724}.br-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--primary-orange);color:white;transition:background .2s ease}.br-action-btn:hover{background:var(--primary-red);color:white}.br-subtable-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-gray);font-size:.85rem}.br-subtable-empty i{font-size:1rem;opacity:.5}.btn-delete-request{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dc3545;background:white;color:#dc3545;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-delete-request:hover{background:#dc3545;color:white}.btn-delete-request:disabled{opacity:.5;cursor:not-allowed}.total-price{font-weight:600;color:var(--primary-orange)}.btn-view-details{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:white;color:var(--text-dark);border:2px solid #e9ecef;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.04);white-space:nowrap}.btn-view-details:hover{border-color:var(--primary-orange);color:var(--primary-orange);transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,126,95,.15)}.btn-action-edit{background:linear-gradient(135deg,#FF6600,#e55b00);color:#fff;border:none;box-shadow:0 2px 8px rgba(255,102,0,.3)}.btn-action-edit:hover{background:linear-gradient(135deg,#e55b00,#cc5200);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,102,0,.4)}.btn-action-scm{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;box-shadow:0 2px 8px rgba(76,175,80,.3)}.btn-action-scm:hover{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.btn-accept-quotation{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#28A745,#218838);color:white;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(40,167,69,.3)}.btn-accept-quotation:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,.4)}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-gray)}.pagination-info strong{color:var(--text-dark)}.items-count,.total-items{display:none}@media (min-width:768px){.items-count,.total-items{display:inline}}.pagination-btn,.pagination-controls{display:flex;gap:.5rem}.pagination-btn{align-items:center;padding:.6rem 1rem;background:white;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-dark);cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange)}.pagination-btn.active{background:var(--primary-orange);color:white;border-color:var(--primary-orange)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{display:flex;align-items:center;padding:.6rem .5rem;color:var(--text-gray);font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width:768px){.status-tabs{flex-wrap:nowrap}.filter-bar{flex-direction:column}.search-box{min-width:100%}.filter-options{width:100%}.filter-select{flex:1 1}.quotations-table-wrapper{overflow-x:auto}.quotations-table{min-width:800px}.pagination-wrapper{flex-direction:column;align-items:center}}.categories-header{background:linear-gradient(135deg,#FF6600,#C62828);padding:3rem 2rem;color:white;text-align:center}.categories-header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-family:Kanit,sans-serif}.categories-header-content p{font-size:1.1rem;opacity:.95}.categories-section{padding:4rem 2rem;background:#FAFAFA}.categories-container{max-width:1400px;margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}}.category-card{background:white;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:2px solid transparent;text-decoration:none;color:inherit;display:block;position:relative}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,102,0,.05),rgba(198,40,40,.05));opacity:0;transition:opacity .3s ease;z-index:0}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:var(--primary-orange)}.category-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--light-orange),white);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.category-icon-wrapper i{font-size:2.5rem;color:var(--primary-orange)}.category-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;line-height:1.4}.category-count,.category-name{position:relative;z-index:1}.category-count i{color:var(--primary-orange);margin-right:.35rem}.featured-section{margin-top:4rem;padding:2rem;background:var(--bg-light);border-radius:16px}.featured-section h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:1.5rem;text-align:center;font-weight:600;font-family:Kanit,sans-serif}.featured-categories{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.featured-tag{padding:.75rem 1.5rem;background:white;border-radius:30px;font-weight:500;color:var(--text-dark);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.featured-tag:hover{background:var(--primary-orange);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,.2)}.featured-tag i{color:var(--primary-orange)}.featured-tag:hover i{color:white}@media (max-width:768px){.categories-header{padding:2rem 1rem}.categories-header-content h1{font-size:2rem}.categories-section{padding:3rem 1rem}.categories-grid{gap:1rem}.category-card{padding:1.5rem}.category-icon-wrapper{width:60px;height:60px}.category-icon-wrapper i{font-size:2rem}.category-name{font-size:1rem}.featured-section{padding:1.5rem}.featured-section h2{font-size:1.25rem}.featured-categories{gap:.75rem}.featured-tag{padding:.6rem 1rem;font-size:.9rem}}.product-card-slider{position:relative;padding:0 3rem;max-width:var(--container-max-width);margin:0 auto}.slider-container{overflow:hidden;position:relative}.slider-track{display:flex;transition:transform .5s ease-in-out}.slider-slide{width:100%;flex-shrink:0;padding:0 .5rem}.products-row{display:grid;grid-template-columns:repeat(var(--slider-columns,5),1fr);gap:1rem}.product-slide-item{min-width:0}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:white;border:2px solid var(--border-color);color:var(--text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.1)}.slider-nav-btn:hover:not(:disabled){background:var(--primary-orange);color:white;border-color:var(--primary-orange);box-shadow:0 4px 12px rgba(255,102,0,.3)}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed}.slider-nav-prev{left:0}.slider-nav-next{right:0}.slider-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all .3s ease}.pagination-dot.active,.pagination-dot:hover{background:var(--primary-orange)}.pagination-dot.active{width:36px;border-radius:6px}.slider-empty,.slider-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-gray)}.slider-empty i{font-size:3rem;color:var(--primary-red);margin-bottom:1rem}@media (max-width:1024px){.product-card-slider{padding:0 2.5rem}}@media (max-width:768px){.product-card-slider{padding:0 .5rem}.slider-nav-btn{display:none}.slider-pagination{margin-top:1rem;gap:.4rem}.pagination-dot{width:10px;height:10px;padding:6px;background-clip:content-box}.pagination-dot.active{width:28px}.slider-container{cursor:grab}.slider-container.swiping{cursor:grabbing}}@media (max-width:640px){.product-card-slider{padding:0 .25rem}}@media (hover:none) and (pointer:coarse){.product-card:hover{transform:none;box-shadow:var(--card-shadow-sm)}.category-item:hover,.hero-feature-card:hover,.rfq-banner-item:hover,.supplier-card:hover,a.hero-feature-link:hover{transform:none}}@media (max-width:480px){.product-info{padding:.6rem}.product-title{font-size:.85rem;margin-bottom:.3rem;min-height:2.4em}.product-shop-name{font-size:.75rem;padding-bottom:.3rem}.product-shop-name i{font-size:.7rem}.product-price{font-size:.9rem}.product-image-placeholder i{font-size:2rem}.product-card-favorite{top:4px;right:4px}.product-card-favorite .favorite-btn{width:28px;height:28px;font-size:.7rem}}@media (max-width:768px){.category-slider-wrapper{margin-bottom:1.5rem}.category-slider{padding:1rem}.category-item{width:100px;padding:.6rem}.category-icon{width:44px;height:44px;font-size:1.1rem;margin-bottom:.5rem;border-radius:10px}.category-name{font-size:.75rem}.category-slider-wrapper:after,.category-slider-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:5}.category-slider-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-light),transparent)}.category-slider-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-light),transparent)}}@media (max-width:480px){.category-item{width:85px;padding:.5rem}.category-icon{width:38px;height:38px;font-size:1rem}.category-name{font-size:.7rem}}@media (max-width:768px){.rfq-display{grid-template-columns:1fr 1fr;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.rfq-display::-webkit-scrollbar{display:none}.rfq-banner-item{min-width:200px}.rfq-banner-item .image{display:none}.rfq-banner-item .content{padding:.75rem}.rfq-banner-item .title{font-size:.85rem;margin-bottom:.25rem}.rfq-banner-item .text{font-size:.75rem}}@media (max-width:480px){.rfq-display{grid-template-columns:repeat(2,1fr)}.rfq-banner-item{min-width:150px}.rfq-banner-item .title{font-size:.8rem}.rfq-banner-item .text{font-size:.7rem}}@media (max-width:1024px){.category-banner-section{position:relative}.mobile-category-strip{margin:0 -.5rem;padding:.5rem .5rem 1rem}}@media (max-width:768px){.category-products-section,.popular-products-section,.products-section,.top-suppliers-section,.you-may-like-section{padding-top:1.5rem;padding-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-header p{margin-top:.15rem}}@media (max-width:480px){.hero-features{gap:.5rem}.hero-feature-card{padding:1rem}.hero-feature-card i{font-size:1.8rem;margin-bottom:.5rem}.hero-feature-card h3{font-size:.95rem}.hero-feature-card p{font-size:.8rem}.hero-text>p{font-size:.85rem;line-height:1.6;margin-bottom:1.25rem}.supplier-products{gap:.5rem}.supplier-product-item{height:60px}.supplier-product-img{border-radius:6px}.supplier-category{font-size:.75rem}}@media (max-width:360px){.stat-bar-icon{width:34px;height:34px;font-size:.9rem}.stat-bar-text h3{font-size:1rem}.stat-bar-text p{font-size:.7rem}}@media (max-width:480px){.footer-copyright{font-size:.75rem;line-height:1.5}.footer-label{font-size:.75rem}.app-badge{height:30px}.footer-social-link{width:32px;height:32px;font-size:.9rem}.footer-partner-logo{max-height:40px}.promotion-banner{border-radius:8px;overflow:hidden}.swiper-pagination{padding:4px 8px;border-radius:12px}.swiper-pagination-bullet{width:7px;height:7px}.swiper-pagination-bullet-active{width:20px}.arrow{width:30px;height:30px;font-size:.75rem}}.btn-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.btn-back-link:hover{color:var(--primary-red);transform:translateX(-3px)}.equotation-detail-card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.equotation-detail-card.overflow-visible,.equotation-detail-card:has(.searchable-select-dropdown){overflow:visible}.equotation-detail-header{background:linear-gradient(135deg,var(--light-orange),#fff);padding:2rem;border-bottom:1px solid var(--border-color)}.section-title-inline{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:.75rem}.section-title-inline i{color:var(--primary-orange)}.quotation-meta{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;margin-left:1rem}.quotation-meta:last-child{margin-bottom:0}.quotation-label{font-size:.85rem;color:var(--text-gray);font-weight:500}.quotation-value{font-size:.95rem;color:var(--text-dark);font-weight:600}.equotation-detail-body{padding:2rem}.detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.detail-section-title i{color:var(--primary-orange)}.detail-section-title .text-danger{color:var(--primary-red)!important}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-info-item{display:flex;flex-direction:column;gap:.25rem}.detail-info-item.full-width{grid-column:1/-1}.detail-label{font-size:.85rem;color:var(--text-gray);font-weight:500}.detail-value{font-size:1rem;color:var(--text-dark);font-weight:500}.table-responsive{overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;background:white}.detail-table thead{background:var(--light-orange)}.detail-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border-color)}.detail-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.detail-table tbody tr:hover{background:var(--light-orange)}.detail-table tfoot tr.shipping-row,.detail-table tfoot tr.total-row{background:rgba(255,255,255,.5)}.detail-table tfoot tr.scm-row{background:rgba(255,255,255,.3)}.detail-table tfoot tr.final-total-row{background:linear-gradient(135deg,rgba(255,102,0,.15),rgba(198,40,40,.15))!important;border-top:3px solid var(--primary-orange)}.detail-table tfoot td{padding:1.25rem 1rem;border-top:2px solid var(--border-color);border-bottom:none;font-size:1rem}.price-column{font-weight:600;color:var(--primary-red);font-family:Kanit,sans-serif}.total-amount{font-size:1.4rem;color:var(--primary-red)}.exchange-rate-box{background:linear-gradient(135deg,rgba(255,102,0,.08),rgba(220,53,69,.08));border:1px solid rgba(255,102,0,.2);border-radius:12px;padding:1.25rem}.exchange-rate-main{font-size:.9rem;font-weight:500;color:var(--text-dark);margin-bottom:.25rem}.rate-highlight{color:var(--primary-orange);font-size:1rem;font-weight:600}.exchange-rate-date{font-size:.8rem;color:var(--text-gray)}.terms-box{background:var(--bg-light);border-radius:8px;padding:1.25rem}.terms-box p{color:var(--text-dark);line-height:1.7;margin:0;font-size:.95rem;white-space:pre-line}.remark-box{background:#fff5f5;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:1.25rem}.remark-box p{color:var(--text-dark);line-height:1.6;margin:0;font-size:.95rem}.chat-container{background:var(--bg-light);border-radius:12px;overflow:hidden}.chat-messages{max-height:600px;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:3px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{display:flex;gap:1rem;animation:messageSlide .3s ease}.chat-message-seller{flex-direction:row}.chat-message-buyer{flex-direction:row-reverse}.chat-avatar{flex-shrink:0;width:48px;height:48px}.chat-avatar .avatar-placeholder,.chat-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.chat-content{flex:1 1;max-width:70%}.chat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.chat-name{font-weight:600;color:var(--text-dark);font-size:.95rem}.chat-role{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:var(--light-orange);color:var(--primary-orange);font-weight:500}.chat-role-buyer{background:#e3f2fd;color:#1976d2}.chat-time{font-size:.75rem;color:var(--text-gray)}.chat-text{background:white;padding:1rem;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.08);line-height:1.5;color:var(--text-dark)}.chat-message-seller .chat-text{border-top-left-radius:4px}.chat-message-buyer .chat-text{background:linear-gradient(135deg,rgba(255,102,0,.1),rgba(220,53,69,.1));border-top-right-radius:4px}.chat-input-area{border-top:1px solid var(--border-color);padding:1.5rem;background:white}.chat-input-wrapper{margin-bottom:1rem}.chat-input{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:1rem;font-family:inherit;font-size:.95rem;resize:vertical;transition:var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,102,0,.1)}.chat-input-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.chat-quick-replies{display:flex;gap:.5rem;flex-wrap:wrap}.quick-reply-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:white;border-radius:6px;font-size:.85rem;color:var(--text-dark);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.quick-reply-btn:hover{background:var(--light-orange);border-color:var(--primary-orange);color:var(--primary-orange)}.chat-send-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,.4)}.chat-hint{font-size:.8rem;color:var(--text-gray);gap:.5rem;margin-top:.5rem}.chat-hint,.chat-input-inline{display:flex;align-items:center}.chat-input-inline{gap:.75rem}.chat-input-inline .chat-input{flex:1 1;height:48px;min-height:48px;max-height:48px;resize:none;padding:.75rem 1rem;border-radius:24px;line-height:1.5}.chat-send-btn-inline{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.chat-send-btn-inline:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(255,102,0,.4)}.chat-send-btn-inline:disabled{background:var(--border-color);cursor:not-allowed}.detail-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-action{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-normal);text-decoration:none;border:1px solid transparent}.btn-action:hover{transform:translateY(-2px)}.btn-action-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;border:none;box-shadow:0 2px 8px rgba(255,102,0,.3)}.btn-action-primary:hover{box-shadow:0 4px 12px rgba(255,102,0,.4)}.btn-action-success{background:linear-gradient(135deg,#28a745,#218838);color:white;border:none}.btn-action-success:hover{box-shadow:0 4px 12px rgba(40,167,69,.4)}.btn-action-secondary{background:white;color:var(--text-dark);border-color:var(--border-color)}.btn-action-secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.btn-action-outline{background:transparent;color:var(--text-gray);border-color:var(--border-color)}.btn-action-outline:hover{border-color:var(--text-gray);color:var(--text-dark)}@media (max-width:991px){.equotation-detail-body,.equotation-detail-header{padding:1.5rem}.detail-info-grid{grid-template-columns:1fr}.quotation-meta{justify-content:flex-start}.detail-actions{flex-direction:column}.btn-action{width:100%;justify-content:center}.chat-container{max-width:100%}.chat-messages{max-height:500px;overflow-y:auto;margin-bottom:1.5rem;padding-right:.5rem}.chat-input-actions{flex-direction:column;gap:.75rem}.chat-quick-replies{flex-wrap:wrap}.chat-quick-replies .quick-reply-btn{flex:1 1 100%;font-size:.8rem}}.skeleton-box{background:linear-gradient(90deg,#f0f0f0,#e8e8e8 50%,#f0f0f0);animation:skeleton-loading 1.5s ease-in-out infinite;display:inline-block}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.breadcrumb-section{background:white;padding:.875rem 3%;border-bottom:1px solid var(--border-color)}.breadcrumb-container{max-width:1600px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.9rem;flex-wrap:wrap}.breadcrumb-item a{color:var(--text-gray);text-decoration:none;transition:color .3s ease}.breadcrumb-item a:hover{color:var(--primary-orange)}.breadcrumb-item.active{color:var(--text-dark);font-weight:500}.breadcrumb-item+.breadcrumb-item:before{content:">";color:var(--text-gray);margin-right:.5rem}.search-results-section{padding:2rem 2%;background:var(--bg-light);min-height:calc(100vh - 200px);overflow-x:hidden}.search-results-container{max-width:100%;margin:0 auto}.results-header{background:linear-gradient(135deg,#fff,#fef9f5);padding:1.5rem 2rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid rgba(255,102,0,.1)}.results-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.results-info{color:var(--text-gray);font-size:1rem;margin:0}.results-keyword{font-weight:700;color:var(--primary-orange)}.search-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem;align-items:start}.filters-sidebar{background:white;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--border-color);position:sticky;top:90px;height:fit-content}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filters-sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filters-sidebar::-webkit-scrollbar-thumb:hover{background:#aaa}.filter-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.filter-section:last-child{border-bottom:none}.filter-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin-bottom:.875rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.filter-title:hover{color:var(--primary-orange)}.filter-title i.toggle-icon{font-size:.8rem;transition:transform .3s ease}.filter-section.collapsed .filter-title i.toggle-icon{transform:rotate(-90deg)}.filter-section.collapsed .filter-content{display:none}.filter-content{display:flex;flex-direction:column;gap:.75rem}.filter-content-scrollable{max-height:450px;overflow-y:auto;padding-right:.5rem}.filter-content-scrollable::-webkit-scrollbar{width:6px}.filter-content-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-content-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-content-scrollable::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.filter-option input[type=checkbox],.filter-option input[type=radio]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-orange)}.filter-option label{cursor:pointer;margin:0;font-size:.9rem;color:var(--text-dark);flex:1 1}.filter-count{font-size:.85rem;color:var(--text-gray)}.price-range-inputs{display:flex;gap:.5rem;align-items:center}.price-input{flex:1 1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;box-sizing:border-box;min-width:0}.price-input:focus{outline:none;border-color:var(--primary-orange)}.price-separator{color:var(--text-gray)}.products-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.sort-view-bar{background:white;padding:.875rem 1.25rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);justify-content:space-between;flex-wrap:wrap;border:1px solid var(--border-color)}.sort-options,.sort-view-bar{display:flex;align-items:center;gap:1rem}.sort-label{font-size:.9rem;color:var(--text-gray)}.sort-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:white;cursor:pointer}.sort-select:focus{outline:none;border-color:var(--primary-orange)}.view-options{display:flex;gap:.5rem}.view-btn{width:36px;height:36px;border:1px solid var(--border-color);background:white;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .3s ease}.view-btn.active,.view-btn:hover{background:var(--primary-orange);color:white;border-color:var(--primary-orange)}.search-results-section .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;background:white;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--border-color);min-width:0}.search-results-section .products-grid.list-view{grid-template-columns:1fr}.search-results-section .products-grid.list-view .product-card{display:grid;grid-template-columns:200px 1fr}.search-results-section .products-grid.list-view .product-card .product-image-container{aspect-ratio:1}.search-results-section .products-grid.list-view .product-card .product-content{display:flex;flex-direction:column;justify-content:space-between}.search-product-item{cursor:pointer}.pagination-section{background:white;padding:1.25rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;justify-content:center;margin-top:1rem;border:1px solid var(--border-color)}.pagination{gap:.375rem;list-style:none;margin:0;padding:0}.page-item,.page-link,.pagination{display:flex}.page-link{align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .625rem;border:1px solid var(--border-color);background:white;color:var(--text-dark);text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.page-link:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:var(--light-orange)}.page-item.active .page-link{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:white;border-color:transparent;box-shadow:0 2px 8px rgba(255,102,0,.3)}.page-item.disabled .page-link{opacity:.4;cursor:not-allowed;pointer-events:none}.search-no-results{background:white;padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--border-color)}.search-no-results-icon{font-size:4rem;color:var(--text-gray);margin-bottom:1.5rem}.search-no-results h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:.5rem}.search-no-results-text{color:var(--text-gray);margin-bottom:1.5rem}.search-clear-filters-btn{padding:.75rem 1.5rem;background:var(--primary-orange);color:white;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.search-clear-filters-btn:hover{background:var(--primary-red)}.products-main.full-width{grid-column:1/-1}.seller-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.seller-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;text-align:center}.seller-card,.seller-card:hover{text-decoration:none;color:inherit}.seller-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.seller-card.skeleton{min-height:200px;justify-content:center}.seller-card-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0}.seller-card-avatar img{width:100%;height:100%;object-fit:cover}.seller-card-name{font-size:.95rem;font-weight:600;color:#333;margin:.75rem 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seller-card-email{font-size:.8rem;color:#888;margin:0 0 .75rem;word-break:break-all}.seller-card-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;color:var(--primary-orange);border:1px solid var(--primary-orange);border-radius:20px;transition:background .2s,color .2s}.seller-card:hover .seller-card-btn{background:var(--primary-orange);color:white}.supplier-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.supplier-search-card{display:flex;flex-direction:column;gap:1rem;background:white;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0}.supplier-search-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:rgba(255,102,0,.45);color:inherit;text-decoration:none}.supplier-search-card.skeleton{min-height:190px}.supplier-search-card .supplier-header{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.875rem;align-items:center}.supplier-search-card .supplier-logo{width:56px;height:56px;border-radius:8px;background:#f8fafc;border:1px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--primary-orange);flex-shrink:0}.supplier-logo-img{width:100%;height:100%;object-fit:cover}.supplier-search-card .supplier-info{min-width:0}.supplier-search-card .supplier-name{font-size:1rem;font-weight:700;line-height:1.25;color:var(--text-dark);margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.supplier-search-card .supplier-category{color:#059669;font-size:.78rem;font-weight:600;margin:0 0 .45rem}.supplier-search-card .supplier-stats{display:flex;flex-wrap:wrap;gap:.5rem .875rem;color:var(--text-gray);font-size:.8rem}.supplier-search-card .supplier-stats span{display:inline-flex;align-items:center;gap:.35rem}.supplier-search-card .supplier-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}.supplier-product-item{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:#cbd5e1}.supplier-product-img{width:100%;height:100%;object-fit:cover;display:block}.skeleton-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@media (max-width:1024px){.search-layout{grid-template-columns:1fr}.filters-sidebar{position:relative;top:0;max-height:none}}@media (max-width:768px){.search-results-section .products-grid.list-view .product-card{grid-template-columns:1fr}.search-results-section .products-grid.list-view .product-card .product-image-container{aspect-ratio:16/9}.sort-view-bar{flex-direction:column;align-items:stretch}.sort-options,.view-options{justify-content:space-between}.search-results-section .products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.seller-search-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.supplier-search-grid{grid-template-columns:1fr;gap:.875rem}.seller-card{padding:1rem .75rem}.seller-card-avatar{width:60px;height:60px}}.store-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.store-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.store-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.store-not-found i{font-size:4rem;color:var(--text-gray);margin-bottom:1rem}.store-not-found h2{font-size:1.5rem;margin-bottom:.5rem}.store-not-found p{color:var(--text-gray);margin-bottom:1.5rem}.btn-back-home{background:var(--primary-orange);color:white;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.btn-back-home:hover{background:#e65c00}.store-header-section{background:var(--white);padding-bottom:2rem}.store-header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-desktop)}.store-banner-slider{position:relative;width:100%;height:300px;overflow:hidden;border-radius:var(--card-border-radius);margin-bottom:1.5rem}.store-banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.store-banner-slide.active{opacity:1}.store-banner-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.banner-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;transition:background .3s}.banner-dot.active,.store-info-card{background:var(--white)}.store-info-card{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);margin-bottom:1.5rem}.store-info-left{display:flex;gap:1.5rem;flex:1 1}.store-avatar{width:100px;height:100px;border-radius:12px;overflow:hidden;background:var(--light-gray);display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-avatar i{font-size:2.5rem;color:var(--text-gray)}.store-details{flex:1 1}.store-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.store-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.store-meta span{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--text-gray)}.store-meta span i{color:var(--primary-orange)}.store-badge{background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.store-badge.dipt{background:#e3f2fd;color:#1565c0}.store-business-types{display:flex;flex-wrap:wrap;gap:.5rem}.business-type-tag{background:var(--light-orange);color:var(--primary-orange);padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.store-info-right{display:flex;flex-direction:column;gap:.75rem}.store-contact-btn,.store-website-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s;white-space:nowrap}.store-website-btn{background:var(--primary-orange);color:white}.store-website-btn:hover{background:#e65c00}.store-contact-btn{background:var(--white);color:var(--primary-orange);border:2px solid var(--primary-orange)}.store-contact-btn:hover{background:var(--light-orange)}.store-description{background:var(--bg-light);padding:1.5rem;border-radius:var(--card-border-radius);margin-bottom:1rem}.store-description h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-dark)}.store-description p{color:var(--text-gray);line-height:1.7;font-size:.95rem}.store-export-markets{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.export-label{font-weight:500;color:var(--text-dark);margin-right:.5rem}.export-market-tag{background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.store-products-section{background:var(--bg-light);padding:2rem 0}.store-products-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-desktop)}.store-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.store-products-header h2{font-size:1.25rem;font-weight:600;color:var(--text-dark)}.store-search-box{display:flex;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow-sm)}.store-search-box input{border:none;padding:.75rem 1rem;width:250px;font-size:.9rem;outline:none}.store-search-box button{background:var(--primary-orange);color:white;border:none;padding:.75rem 1rem;cursor:pointer;transition:background .3s}.store-search-box button:hover{background:#e65c00}.store-no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--card-border-radius)}.store-no-products i{font-size:3rem;color:var(--text-gray);margin-bottom:1rem}.store-no-products h3{font-size:1.25rem;margin-bottom:.5rem}.store-no-products p{color:var(--text-gray);margin-bottom:1rem}.btn-clear-search{background:var(--primary-orange);color:white;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500}.store-product-item{cursor:pointer}@media (max-width:768px){.store-banner-slider{height:200px}.store-info-card,.store-info-left{flex-direction:column}.store-info-left{align-items:center;text-align:center}.store-business-types,.store-meta{justify-content:center}.store-info-right{width:100%;flex-direction:row}.store-contact-btn,.store-website-btn{flex:1 1}.store-products-header{flex-direction:column;align-items:stretch}.store-search-box,.store-search-box input{width:100%}}.store-details-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;margin-top:1.5rem}.store-detail-box{background:var(--white);padding:1.5rem;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm)}.store-detail-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-orange)}.store-detail-title i{color:var(--primary-orange)}.store-detail-content{color:var(--text-gray);line-height:1.8;font-size:.95rem;text-align:justify}.store-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.store-detail-tags{display:flex;flex-direction:column;gap:.5rem}.store-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.store-tag.business{background:var(--light-orange);color:var(--primary-orange)}.store-tag.market{background:#e8f5e9;color:#2e7d32}@media (max-width:900px){.store-details-grid{grid-template-columns:1fr}.store-detail-sidebar{flex-direction:row;flex-wrap:wrap}.store-detail-sidebar .store-detail-box{flex:1 1;min-width:200px}}.store-avatar-large{width:120px;height:120px;border-radius:12px;overflow:hidden;background:var(--light-gray);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--primary-orange)}.store-avatar-large i{font-size:3rem;color:var(--text-gray)}.store-contact-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.store-info-row{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-dark)}.store-info-row i{width:20px;color:var(--primary-orange);text-align:center}.store-info-row a{color:var(--primary-orange);text-decoration:none;transition:color .2s}.store-info-row a:hover{color:#e65c00}.store-badge-row{margin-top:.75rem}.supplier-link{color:var(--primary-orange);text-decoration:none;transition:color .2s}.supplier-link:hover{color:#e65c00}.company-logo-link,.company-name-link{text-decoration:none}.company-name-link .company-name{transition:color .2s}.company-name-link:hover .company-name{color:var(--primary-orange)}.stat-value-small{font-size:.9rem!important;font-weight:500!important}.category-products-section{background:var(--bg-light)}.category-products-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-desktop)}.category-products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.category-block{background:var(--white);border-radius:var(--card-border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--card-shadow-sm)}.category-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-orange)}.category-block-title{display:flex;align-items:center;gap:.75rem}.category-block-title i{font-size:1.5rem;color:var(--primary-orange)}.category-block-title h2{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.category-count{font-size:.9rem;color:var(--text-gray);font-weight:400}.view-all-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:2px solid var(--primary-orange);color:var(--primary-orange);padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s}.view-all-btn:hover{background:var(--primary-orange);color:white}.category-products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.category-product-item{cursor:pointer}@media (max-width:1200px){.category-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.category-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.category-block-header{flex-direction:column;align-items:flex-start;gap:1rem}.category-products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-block-title h2{font-size:1.1rem}}.category-products-section .section-header{margin-bottom:2rem}.section-main-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:.75rem}.section-main-title i{color:var(--primary-orange)}.section-subtitle{color:var(--text-gray);font-size:1rem;margin-top:.5rem}.register-section{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.register-container{width:100%;max-width:600px;margin:0 auto}.register-form-wrapper{background:var(--white);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:2.5rem}.register-header{text-align:center;margin-bottom:2rem}.register-header h1{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.register-header p{color:var(--text-gray);font-size:.95rem}.register-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form .form-group{margin-bottom:1.25rem}.register-form label{display:block;font-weight:500;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.register-form .required{color:#dc3545}.register-form input,.register-form select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;background:var(--white)}.register-form input:focus,.register-form select:focus{outline:none;border-color:#1E88E5;box-shadow:0 0 0 3px rgba(30,136,229,.1)}.register-form input.error,.register-form select.error{border-color:#dc3545}.register-form .help-text{display:block;font-size:.8rem;color:var(--text-gray);margin-top:.35rem}.register-form .error-message{display:block;font-size:.8rem;color:#dc3545;margin-top:.35rem}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-gray);cursor:pointer;padding:0}.password-toggle:hover{color:var(--primary-orange)}.file-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.file-upload-area:hover{border-color:#1E88E5;background:rgba(30,136,229,.02)}.file-upload-area.error{border-color:#dc3545}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-gray)}.file-upload-label i{font-size:2rem;color:#1E88E5}.file-upload-label .file-name{color:#1E88E5;font-weight:500}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#1E88E5}.checkbox-label a{color:#1E88E5;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.register-form .submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#1E88E5,#1565C0);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s;margin-top:1.5rem}.register-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,136,229,.3)}.register-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border-color)}.divider span{padding:0 1rem;color:var(--text-gray);font-size:.9rem}.social-login{display:flex;gap:1rem}.social-btn{flex:1 1;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--white);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:border-color .2s,background .2s}.social-btn:hover{border-color:var(--text-gray);background:#f8f9fa}.social-btn.google i{color:#DB4437}.social-btn.facebook{background:#1877F2;color:white;border-color:#1877F2}.social-btn.facebook:hover{background:#166FE5;border-color:#166FE5}.social-btn.facebook i{color:white}.social-login-top{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-login-top .social-btn{width:100%;padding:.875rem 1rem;font-size:.95rem}.register-header-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#1E88E5,#1565C0);border-radius:50%;display:flex;align-items:center;justify-content:center}.register-header-icon i{font-size:1.5rem;color:white}.recaptcha-placeholder{margin:1.5rem 0}.recaptcha-box{border:1px solid var(--border-color);border-radius:4px;padding:1rem;display:flex;align-items:center;gap:.75rem;background:#f9f9f9}.recaptcha-box i{font-size:1.5rem;color:#4285F4}.recaptcha-box span{color:var(--text-gray);font-size:.9rem}.form-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-footer p{margin:.5rem 0;color:var(--text-gray);font-size:.9rem}.form-footer a{color:#1E88E5;text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}@media (max-width:600px){.register-form-wrapper{padding:1.5rem}.register-form .form-row{grid-template-columns:1fr}.register-header h1{font-size:1.5rem}.register-header-icon{width:50px;height:50px}.register-header-icon i{font-size:1.25rem}}.register-section-tt{min-height:100vh;background:#fff;padding:0}.register-container-tt{max-width:1140px;margin:0 auto;padding:0 15px}.register-title-tt{margin-top:3rem;margin-bottom:0}.register-title-tt h3{font-size:1.5rem;font-weight:700;color:var(--primary-orange);margin:0;display:inline-block}.register-title-tt .title-underline{height:2px;background:var(--primary-orange);margin-top:.25rem}.register-content-tt{display:grid;grid-template-columns:7fr 5fr;gap:3rem;margin-top:3rem;padding-bottom:3rem}.register-form-col{padding-right:2rem}.register-action-col{padding-left:2rem}.register-form-tt .form-row-tt{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form-tt .form-group-tt{margin-bottom:1rem}.register-form-tt label{display:block;font-size:1.1rem;font-weight:400;color:#333;margin-bottom:.5rem}.register-form-tt label.mandatory:before{content:"*";color:#dc3545;margin-right:.25rem}.register-form-tt input,.register-form-tt select{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;color:#495057;background:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.register-form-tt input:focus,.register-form-tt select:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 .2rem rgba(255,102,0,.15)}.register-form-tt input.error,.register-form-tt select.error{border-color:#dc3545}.register-form-tt input.disabled-input,.register-form-tt input:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.register-form-tt input::placeholder{color:#6c757d}.file-upload-tt{display:flex;align-items:center;gap:.75rem}.file-upload-tt input[type=file]{display:none}.file-select-btn{display:inline-block;padding:.5rem 1rem;background:var(--light-orange);border:1px solid var(--primary-orange);border-radius:4px;color:var(--primary-orange);cursor:pointer;font-size:.95rem;font-weight:500}.file-select-btn:hover{background:var(--primary-orange);color:white}.file-name-tt{color:#495057;font-size:.9rem}.password-wrapper-tt{position:relative}.password-wrapper-tt input{padding-right:3rem}.password-wrapper-tt .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:0}.password-wrapper-tt .toggle-password:hover{color:var(--primary-orange)}.hint-text{color:#6c757d}.error-msg,.hint-text{display:block;font-size:.8rem;margin-top:.25rem}.error-msg{color:#dc3545}.checkbox-group-tt{margin-bottom:.5rem}.checkbox-label-tt{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#333}.checkbox-label-tt input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-orange)}.recaptcha-wrapper{margin-top:2rem;display:flex;justify-content:center}.recaptcha-wrapper .error-msg{display:block;text-align:center;margin-top:.5rem}.register-success-msg{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:.95rem;margin-bottom:1.5rem}.register-success-msg i{font-size:1.25rem;color:#28a745}.register-error-msg{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:.95rem;margin-bottom:1.5rem}.register-error-msg i{font-size:1.25rem;color:#dc3545}.signup-btn-tt{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-red) 100%);color:white;border:none;border-radius:4px;font-size:1.15rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;box-shadow:0 2px 6px rgba(255,102,0,.3)}.signup-btn-tt:hover:not(:disabled){box-shadow:0 4px 12px rgba(255,102,0,.4);transform:translateY(-1px)}.signup-btn-tt:disabled{opacity:.7;cursor:not-allowed}.signup-btn-tt i{font-size:1.1rem}.agree-text,.or-text{margin:1.5rem 0 .75rem;padding-left:.5rem;color:#333;font-size:.95rem}.link-tt{color:var(--primary-orange);text-decoration:none}.link-tt:hover{text-decoration:underline}.link-tt.mandatory:before{content:"*";color:#dc3545;margin-right:.25rem}.social-btn-tt{width:100%;padding:1rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;transition:all .2s;margin-bottom:.75rem}.social-btn-tt.google{background:white;color:#333;border:2px solid var(--border-color)}.social-btn-tt.google:hover{background:#f8f9fa;border-color:var(--primary-orange)}.social-btn-tt.google i{color:#DB4437;font-size:1.1rem}.google-signin-btn-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:.75rem}.google-signin-btn-wrapper iframe,.google-signin-btn-wrapper>div{width:100%!important}.become-seller-tt{margin-top:2rem;text-align:center}.become-seller-tt a{color:var(--primary-orange);text-decoration:none;font-weight:500}.become-seller-tt a:hover{text-decoration:underline}@media (max-width:768px){.register-content-tt{grid-template-columns:1fr;gap:2rem}.register-action-col,.register-form-col{padding:0}.register-form-tt .form-row-tt{grid-template-columns:1fr}}.type-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.type-badge.type-billing{background:#E3F2FD;color:#1565C0}.type-badge.type-shipping{background:#FFF3E0;color:#E65100}.type-badge.type-both{background:#E8F5E9;color:#2E7D32}.name-cell{font-weight:500;color:var(--text-dark)}.address-cell{color:var(--text-gray);font-size:.9rem;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telephone-cell,.zipcode-cell{color:var(--text-dark)}.telephone-cell{font-size:.9rem}.accepted-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#28a745,#20c997);color:white;padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px rgba(40,167,69,.3);z-index:10;animation:acceptedPulse 2s ease-in-out infinite}.accepted-badge i{font-size:1.1rem}@keyframes acceptedPulse{0%,to{box-shadow:0 4px 12px rgba(40,167,69,.3)}50%{box-shadow:0 4px 20px rgba(40,167,69,.5)}}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.status-accepted{background:linear-gradient(135deg,rgba(40,167,69,.15),rgba(32,201,151,.15));color:#28a745}.status-badge.status-accepted i{color:#28a745}.status-badge.status-pending{background:rgba(255,193,7,.15);color:#856404}.status-badge.status-pending i{color:#ffc107}.accepted-badge-inline{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#28a745,#20c997);color:white;padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.85rem;box-shadow:0 2px 8px rgba(40,167,69,.3)}.accepted-badge-inline i{font-size:1rem}@media (max-width:768px){.category-header{padding:2rem 4% 1.5rem}.category-header h1{font-size:1.5rem;margin-bottom:.3rem}.category-header p{font-size:.9rem}.category-header .breadcrumb{font-size:.8rem;margin-bottom:.5rem}.category-content{padding:1.5rem 3%}.category-info{padding:1rem;border-radius:12px;margin-bottom:1rem}.category-info h2{font-size:1.3rem}.category-stats{gap:1.5rem}.category-stats .stat-item{font-size:.85rem}.no-products{padding:3rem 1rem}.no-products i{font-size:3rem}.no-products h3{font-size:1.2rem}.show-more-container{margin-top:1.5rem}.show-more-btn{width:100%;padding:.85rem 2rem!important;font-size:.9rem!important}}@media (max-width:480px){.category-header{padding:1.5rem 4% 1rem}.category-header h1{font-size:1.3rem}.category-content{padding:1rem 2%}.category-info{padding:.75rem}.category-info h2{font-size:1.1rem}.category-stats{gap:1rem}.category-stats .stat-item{font-size:.8rem}.category-content .products-grid{gap:.75rem}}@media (max-width:768px){.categories-header{padding:2rem 1rem}.categories-header-content h1{font-size:1.75rem}.categories-header-content p{font-size:.9rem}.categories-section{padding:2rem 1rem}.categories-grid{gap:1rem}.category-card{padding:1.25rem;border-radius:12px}.category-icon-wrapper{width:50px;height:50px;margin-bottom:.75rem}.category-icon-wrapper i{font-size:1.3rem}.category-card .category-name{font-size:.9rem}.category-count{font-size:.75rem}.featured-section h2{font-size:1.3rem}.featured-categories{flex-wrap:wrap;gap:.5rem}.featured-tag{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.categories-header{padding:1.5rem .75rem}.categories-header-content h1{font-size:1.4rem}.categories-section{padding:1.5rem .75rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-card{padding:1rem}.category-icon-wrapper{width:44px;height:44px}.category-card .category-name{font-size:.8rem}}@media (max-width:768px){.signin-page{padding:2rem 4%;min-height:auto}.page-header{margin-bottom:2rem}.page-title{font-size:2rem}.signin-form-card{padding:2rem 1.5rem;border-radius:12px;max-width:100%}.form-group{margin-bottom:1rem}.form-label{font-size:.9rem}.form-control{padding:.75rem;font-size:.95rem}.password-group{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.form-options{flex-direction:column;gap:.5rem;align-items:flex-start}.btn-signin{width:100%;padding:.875rem;font-size:1rem}.divider{margin:1.5rem 0}.social-signin{margin-bottom:1rem}.new-account{text-align:center;font-size:.9rem}}@media (max-width:480px){.signin-page{padding:1.5rem 3%}.page-title{font-size:1.6rem}.signin-form-card{padding:1.5rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08)}}@media (max-width:768px){.register-page{padding:2rem 4%}.register-header{margin-bottom:1.5rem}.register-header h1{font-size:1.6rem}.register-header h3{font-size:1rem;margin-top:.5rem}.join-wrap{margin-top:1.5rem;gap:1rem}.join-card{padding:2rem 1.5rem;border-radius:12px}.join-icon{width:80px;height:80px;font-size:2rem;margin-bottom:1.25rem}.join-card h4{font-size:1.3rem}.join-card p.tit{font-size:1rem}.join-card p.txt{font-size:.85rem}.join-card .join-btn{padding:.875rem 2rem;font-size:.9rem;width:100%;justify-content:center}.benefits-list{margin-top:1rem;padding-top:1rem}.benefits-list li{font-size:.85rem;padding:.4rem 0}}@media (max-width:480px){.register-page{padding:1.5rem 3%}.register-header h1{font-size:1.4rem}.join-card{padding:1.5rem 1rem}.join-icon{width:64px;height:64px;font-size:1.5rem;margin-bottom:1rem}.join-card h4{font-size:1.15rem}}@media (max-width:768px){.br-form{margin:0}.br-form__header{padding:1.25rem}.br-form__title{font-size:1.3rem}.br-form__subtitle{font-size:.85rem}.br-form__section{padding:1rem}.br-form__section-header h3{font-size:1rem}.br-form__grid--2col,.br-form__grid--3col{grid-template-columns:1fr}.br-form__input,.br-form__select,.br-form__textarea{padding:.7rem;font-size:.9rem}.br-form__label{font-size:.85rem}.br-form__radio-group{flex-direction:column;gap:.5rem}.br-form__radio{padding:.75rem}}@media (max-width:480px){.br-form__header{padding:1rem}.br-form__title{font-size:1.1rem}.br-form__section{padding:.75rem}.br-form__section-header h3{font-size:.9rem}}@media (max-width:768px){.register-content-tt{grid-template-columns:1fr;gap:1.5rem;padding:0}.register-form-wrapper{padding:1.5rem;border-radius:12px}.register-form-wrapper h2{font-size:1.3rem}.wizard-stepper{padding:0;overflow-x:auto}.wizard-step{min-width:80px;font-size:.75rem}.search-results-section{padding:1rem 3%}.search-results-header{flex-direction:column;gap:.75rem;align-items:flex-start}.search-results-header h1{font-size:1.3rem}.search-results-info{font-size:.85rem}.search-filter-bar{flex-wrap:wrap;gap:.5rem}.search-filter-bar button,.search-filter-bar select{font-size:.85rem;padding:.5rem .75rem}.search-results-section .products-grid{gap:.75rem}.search-layout{gap:1rem}}@media (max-width:480px){.search-results-section{padding:.75rem 2%}.search-results-header h1{font-size:1.1rem}}@media (max-width:768px){.store-banner-slider{height:180px}.store-info-section{padding:1rem}.store-name{font-size:1.3rem}.store-products-section{padding:1.5rem 1rem}.store-products-header{flex-direction:column;gap:.5rem;align-items:flex-start}.store-products-header h2{font-size:1.2rem}}@media (max-width:480px){.store-banner-slider{height:140px}.store-info-section{padding:.75rem}.store-name{font-size:1.1rem}.store-products-section{padding:1rem .75rem}}@media (max-width:768px){.buying-request-section{padding:1.5rem 3%}.buying-request-header h1{font-size:1.5rem}.buying-request-form{padding:1.25rem}.favorite-section{padding:1.5rem 3%}.favorite-header h1{font-size:1.5rem}.favorite-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.favorite-item{gap:.5rem}}@media (max-width:480px){.favorite-section{padding:1rem 2%}.favorite-grid{gap:.5rem}}@media (max-width:768px){.customer-dashboard-section{padding:1rem 2%}.dashboard-header h1{font-size:1.3rem}.dashboard-card{padding:1rem}.account-grid{grid-template-columns:1fr;gap:1rem}.equotation-detail-header{padding:1rem}.equotation-detail-header h1{font-size:1.2rem}}@media print{.accepted-badge-inline,.breadcrumb,.btn-back-link,.chat-container,.chat-input-area,.dashboard-menu,.dashboard-sidebar,.detail-actions,.filter-bar,.pagination-wrapper,.status-tabs,footer,header,nav{display:none!important}body{background:white!important;margin:0!important;padding:0!important;font-size:12pt!important}.customer-dashboard-section,.dashboard-container,.dashboard-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.equotation-detail-card{box-shadow:none!important;border:1px solid #ddd!important;margin:0!important;page-break-inside:avoid}.equotation-detail-header{background:#f5f5f5!important;color:#333!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.equotation-detail-header *{color:#333!important}.detail-table{width:100%!important;border-collapse:collapse!important}.detail-table td,.detail-table th{border:1px solid #ddd!important;padding:8px!important;font-size:11pt!important}.detail-table th{background:#f0f0f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.detail-section-title{font-size:14pt!important;margin-bottom:10px!important;border-bottom:2px solid #333!important;padding-bottom:5px!important}.price-column,.total-amount{font-weight:700!important}.final-total-row{background:#fff3e0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.detail-section{page-break-inside:avoid}.dashboard-header h1{font-size:18pt!important;margin-bottom:5px!important}.dashboard-header p{font-size:10pt!important;color:#666!important}.detail-section:has(.chat-container){display:none!important}a{text-decoration:none!important;color:#333!important}@page{margin:1.5cm;size:A4}.no-print{display:none!important}.equotation-detail-card:before{content:"E-QUOTATION";display:block;text-align:center;font-size:24pt;font-weight:700;color:#FF6600;padding:20px 0;border-bottom:3px solid #ff6600;margin-bottom:20px;letter-spacing:2px}.equotation-detail-card:before,.equotation-detail-header{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.equotation-detail-header{background:linear-gradient(135deg,#FF6600,#ff8533)!important;color:white!important;padding:20px!important;border-radius:8px!important;margin-bottom:20px!important}.equotation-detail-header .quotation-label,.equotation-detail-header .section-title-inline{color:white!important}.detail-section{margin-bottom:20px!important;padding:15px!important;border:1px solid #e0e0e0!important;border-radius:8px!important;background:#fafafa!important}.detail-section,.detail-section-title{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.detail-section-title{color:#FF6600!important;font-size:13pt!important;border-bottom:2px solid #ff6600!important;padding-bottom:8px!important;margin-bottom:15px!important}.detail-section-title i{margin-right:8px}.detail-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.detail-info-item{padding:8px 0!important;border-bottom:1px dashed #ddd!important}.detail-label{font-weight:600!important;color:#666!important;font-size:10pt!important}.detail-value{color:#333!important;font-size:11pt!important}.detail-table{border:2px solid #ff6600!important;border-radius:8px!important;overflow:hidden!important}.detail-table thead{background:#FF6600!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.detail-table th{color:white!important;font-weight:600!important;padding:12px 10px!important;text-align:left!important;border:none!important}.detail-table tbody tr:nth-child(2n){background:#fff8f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.detail-table td{padding:10px!important;border-bottom:1px solid #eee!important}.shipping-row td,.total-row td{background:#f5f5f5!important}.final-total-row td,.shipping-row td,.total-row td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.final-total-row td{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;font-size:13pt!important}.terms-box{background:#f9f9f9!important;border-left:4px solid #ff6600!important}.remark-box,.terms-box{padding:12px!important;font-size:10pt!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.remark-box{background:#fff5f5!important;border-left:4px solid #dc3545!important}.exchange-rate-box{background:#e3f2fd!important;padding:15px!important;border-radius:8px!important;text-align:center!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.exchange-rate-main{font-size:14pt!important;color:#1565c0!important}.rate-highlight{font-weight:700!important;font-size:16pt!important}.equotation-detail-card:after{content:"Generated from Thaitrade.com | " attr(data-date);display:block;text-align:center;font-size:9pt;color:#999;padding-top:20px;margin-top:20px;border-top:1px solid #ddd}.equotation-detail-card.is-accepted:before{content:"E-QUOTATION - ACCEPTED";color:#28a745!important;border-bottom-color:#28a745!important}}.seller-register-wizard{padding:2rem 0 4rem;min-height:60vh;background:#f8f9fa}.seller-register-wizard .container{max-width:960px;margin:0 auto;padding:0 1rem}.wizard-header{text-align:center;margin-bottom:2rem}.wizard-header h4{color:var(--text-dark);font-weight:600;font-size:1.15rem}.wizard-stepper{justify-content:center;gap:0;margin-bottom:2.5rem;padding:0 2rem}.stepper-item,.wizard-stepper{display:flex;align-items:center;position:relative}.stepper-item{flex-direction:column;z-index:2;flex:1 1}.stepper-indicator{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:#e0e0e0;color:#999;transition:all .3s ease;border:3px solid #e0e0e0}.stepper-item.active .stepper-indicator{background:var(--primary-orange);color:white;border-color:var(--primary-orange);box-shadow:0 2px 8px rgba(255,102,0,.35)}.stepper-item.completed .stepper-indicator{background:#28a745;color:white;border-color:#28a745}.stepper-item.disabled .stepper-indicator{background:#e0e0e0;color:#bbb;border-color:#e0e0e0}.stepper-label{margin-top:.5rem;font-size:.82rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.stepper-item.active .stepper-label{color:var(--primary-orange)}.stepper-item.completed .stepper-label{color:#28a745}.stepper-progress{position:absolute;top:22px;left:12%;right:12%;height:3px;background:#e0e0e0;z-index:1;border-radius:2px}.stepper-progress-bar{height:100%;background:#28a745;border-radius:2px;transition:width .4s ease}.wizard-content{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:1.5rem}.wizard-nav{display:flex;justify-content:flex-end;gap:.75rem}.btn-wizard-back{padding:.6rem 2rem;border:2px solid var(--border-color);background:white;color:var(--text-dark);border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-wizard-back:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.btn-wizard-finish,.btn-wizard-next{padding:.6rem 2rem;border:none;background:var(--primary-orange);color:white;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px rgba(255,102,0,.3)}.btn-wizard-finish:hover,.btn-wizard-next:hover{box-shadow:0 4px 12px rgba(255,102,0,.4);transform:translateY(-1px)}.btn-wizard-finish:disabled{opacity:.7;cursor:not-allowed;transform:none}.step-address .form-group,.step-general .form-group{margin-bottom:1.25rem}.step-address label,.step-documents label,.step-general label{font-weight:600;font-size:.88rem;color:var(--text-dark)}.step-address label.mandatory:before,.step-documents label.mandatory:before,.step-general label.mandatory:before{content:"* ";color:#dc3545}.avatar-upload{width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;margin:0 auto;border:3px dashed var(--border-color);transition:border-color .2s}.avatar-upload:hover{border-color:var(--primary-orange)}.avatar-preview{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#999;gap:.25rem}.avatar-placeholder i{font-size:1.5rem}.avatar-placeholder span{font-size:.7rem;text-align:center}.step-general .section-header{background:var(--primary-orange);color:white;padding:.6rem 1rem;border-radius:6px;font-weight:600;font-size:.95rem}.step-general .shipping-card{background:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.step-general .sook-seller-section{background:#fff8f0;border:1px solid #ffe0b2;border-radius:8px;padding:1.5rem;margin-top:.5rem}.category-checklist{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.map-upload-placeholder{width:100%;height:150px;border:2px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#999;cursor:pointer;transition:border-color .2s}.map-upload-placeholder:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.map-upload-placeholder i{font-size:2rem}.map-preview-container{position:relative;display:inline-block}.map-preview{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border-color)}.btn-remove-map{position:absolute;top:.5rem;right:.5rem;background:#dc3545;color:white;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.step-documents .doc-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.step-documents .doc-section:last-child{border-bottom:none;margin-bottom:0}.doc-section-title{font-weight:700;font-size:1.05rem;color:var(--text-dark);margin-bottom:.5rem}.doc-section-subtitle{font-size:.82rem;color:var(--text-gray);margin-bottom:1rem}.doc-section-info{font-size:.88rem;color:var(--text-dark);line-height:1.6;margin-bottom:1rem}.doc-type-list{font-size:.85rem;color:var(--text-dark);padding-left:1.25rem;margin-bottom:1.25rem;line-height:1.8}.doc-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.doc-table th{background:#f8f9fa;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6}.doc-table td,.doc-table th{padding:.65rem 1rem;font-size:.88rem}.doc-table td{border-bottom:1px solid #eee;vertical-align:top}.doc-table tr:nth-child(2n){background:#f8f9fa}.uploaded-file-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#f8f9fa;border-radius:4px;margin-bottom:.35rem;font-size:.85rem}.uploaded-file-item .file-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary-orange)}.uploaded-file-item .file-size{font-size:.75rem;color:var(--text-gray);white-space:nowrap}.btn-remove-file{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.2rem}.btn-upload-file{padding:.35rem .85rem;font-size:.8rem;border:1px solid var(--primary-orange);background:white;color:var(--primary-orange);border-radius:4px;cursor:pointer;transition:all .2s}.btn-upload-file:hover{background:var(--primary-orange);color:white}.btn-upload-file i{margin-right:.35rem}.additional-doc-row,.certificate-row{background:#f8f9fa;border:1px solid #eee;border-radius:6px;padding:1rem;margin-bottom:.75rem}.btn-add-row{padding:.5rem 1.25rem;border:1px dashed var(--primary-orange);background:white;color:var(--primary-orange);border-radius:6px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.btn-add-row:hover{background:#fff3e0}.btn-add-row i{margin-right:.35rem}.btn-remove-row{padding:.4rem .85rem;border:1px solid #dc3545;background:white;color:#dc3545;border-radius:4px;cursor:pointer;font-size:.82rem;transition:all .2s}.btn-remove-row:hover{background:#dc3545;color:white}.btn-remove-row i{margin-right:.25rem}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem 1rem;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.step-finish{text-align:center;padding:3rem 1rem}.finish-content{max-width:500px;margin:0 auto}.finish-icon{margin-bottom:1.5rem}.finish-icon i{font-size:4rem;color:#28a745}.finish-content h3{font-weight:700;color:var(--text-dark);margin-bottom:1rem}.finish-content p{color:var(--text-gray);font-size:1rem;line-height:1.6}.finish-note{margin-top:1.5rem;padding:1rem 1.5rem;background:#f0f8ff;border-radius:8px;border-left:4px solid #2196f3;text-align:left;font-size:.9rem!important}@media (max-width:768px){.wizard-stepper{padding:0}.stepper-indicator{width:36px;height:36px;font-size:.85rem}.stepper-label{font-size:.7rem}.stepper-progress{left:8%;right:8%;top:18px}.wizard-content{padding:1.25rem}.wizard-nav{flex-direction:column}.btn-wizard-back,.btn-wizard-finish,.btn-wizard-next{width:100%;text-align:center}.country-grid{grid-template-columns:repeat(2,1fr)}}.favorite-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:50%;transition:all var(--transition-fast);color:#aaa;font-size:1.1rem;position:relative;z-index:5}.favorite-btn:hover{color:#e74c3c;transform:scale(1.15)}.favorite-btn.favorited{color:#e74c3c}.favorite-btn.favorited:hover{color:#c0392b}.favorite-btn.loading{opacity:.6;pointer-events:none}.favorite-btn-sm{font-size:.85rem;padding:.25rem}.favorite-btn-lg{font-size:1.4rem;padding:.5rem}.favorite-btn-label{font-size:.85rem;font-weight:500;white-space:nowrap}.product-card-favorite{position:absolute;top:8px;right:8px;z-index:10;background:rgba(255,255,255,.9);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:all var(--transition-fast)}.product-card-favorite:hover{background:rgba(255,255,255,1);box-shadow:0 3px 10px rgba(0,0,0,.18)}.product-card-favorite .favorite-btn{padding:0;font-size:1rem}.btn-action.btn-favorite{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--white);color:var(--text-dark);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all var(--transition-fast);text-decoration:none}.btn-action.btn-favorite:hover{border-color:#e74c3c;color:#e74c3c}.btn-action.btn-favorite.favorited{background:#ffeaea;border-color:#e74c3c;color:#e74c3c}.btn-action.btn-favorite .fa-heart{font-size:1.1rem}.btn-action.btn-favorite.loading{opacity:.7;pointer-events:none}.favorite-list{display:flex;flex-direction:column;gap:0}.favorite-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:var(--white);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.favorite-item:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.favorite-item:last-child{border-bottom:none;border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.favorite-item:only-child{border-radius:var(--card-border-radius)}.favorite-item:hover{background:#fafafa}.favorite-item.removing{opacity:.4;transform:scale(.98);pointer-events:none}.favorite-item-image{flex-shrink:0;width:100px;height:100px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none}.favorite-item-image img{border-radius:8px}.favorite-image-placeholder{width:100px;height:100px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:2rem}.favorite-item-info{flex:1 1;min-width:0}.favorite-item-name{font-size:1rem;font-weight:600;color:var(--text-dark);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:.3rem}.favorite-item-name:hover{color:var(--primary-orange)}.favorite-item-seller{font-size:.85rem;color:var(--text-gray);margin-bottom:.2rem}.favorite-item-date{font-size:.8rem;color:#999}.favorite-item-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.favorite-item-price{font-size:1.1rem;font-weight:700;color:var(--primary-orange)}.btn-ask-price{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--primary-orange);color:white;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast)}.btn-ask-price:hover{background:#e55a00;transform:translateY(-1px)}.btn-remove-favorite{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:transparent;color:#999;cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.btn-remove-favorite:hover{background:#fee;color:#e74c3c;border-color:#e74c3c}.btn-remove-favorite:disabled{opacity:.5;cursor:not-allowed}.favorite-load-more{display:flex;justify-content:center;padding:1.5rem}.btn-load-more{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:var(--white);color:var(--primary-orange);border:2px solid var(--primary-orange);border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-load-more:hover{background:var(--primary-orange);color:white}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}.favorite-list-skeleton{display:flex;flex-direction:column;gap:0}.favorite-item-skeleton{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:var(--white);border-bottom:1px solid var(--border-color)}@media (max-width:768px){.favorite-item{flex-wrap:wrap;gap:.75rem;padding:1rem}.favorite-image-placeholder,.favorite-item-image{width:80px;height:80px}.favorite-item-info{flex-basis:calc(100% - 100px)}.favorite-item-actions{width:100%;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #f0f0f0}.favorite-item-name{font-size:.9rem}.btn-ask-price{font-size:.8rem;padding:.4rem .8rem}}.common-page{background:var(--bg-light);min-height:60vh;padding:2rem 0}.common-container{max-width:1100px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:0 1.5rem 2rem}.common-page-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0;border-bottom:2px solid var(--primary-orange);margin-bottom:1.5rem}.common-page-header-icon{font-size:1.5rem;color:var(--primary-orange)}.common-page-header-logo{height:40px;width:auto}.common-page-header-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.common-hero{border-radius:12px 12px 0 0;overflow:hidden;margin:0 -1.5rem}.common-hero-image{width:100%;height:auto;display:block}.common-section{margin-bottom:2rem}.common-section-title{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.common-section-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0 0 1rem}.common-text{font-size:.95rem;line-height:1.8;color:#444;margin-bottom:1rem}.common-text-lg{font-size:1.05rem;line-height:1.6;color:var(--text-dark);margin:0 0 .25rem}.common-link{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:color .2s}.common-link:hover{color:var(--primary-red);text-decoration:underline}.common-list{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.common-list li{font-size:.95rem;line-height:1.8;color:#444;margin-bottom:.5rem}.common-list-numbered{list-style:decimal;padding-left:1.5rem;margin-bottom:1rem}.common-list-numbered li{font-size:.95rem;line-height:1.8;color:#444;margin-bottom:.75rem}.common-two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.common-two-col-content{min-width:0}.common-two-col-image{display:flex;align-items:flex-start;justify-content:center}.common-side-image{max-width:100%;height:auto;border-radius:8px}.common-map-container{width:100%;border-radius:12px;overflow:hidden}.common-info-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.common-info-row{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px solid #f5f5f5}.common-info-label{font-weight:600;color:var(--text-dark);font-size:.9rem}.common-info-value{color:#444;font-size:.9rem;line-height:1.6}.common-contact-block{background:#f9f9f9;padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-orange)}.common-faq-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;margin-top:1rem}.common-faq-sidebar{display:flex;flex-direction:column;gap:.5rem}.common-faq-nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-gray);background:#f5f5f5;text-decoration:none;transition:all .2s;cursor:pointer}.common-faq-nav-item.active,.common-faq-nav-item:hover{background:var(--light-orange);color:var(--primary-orange)}.common-faq-nav-item i{font-size:1rem}.common-faq-content{min-width:0}.common-faq-item{margin-bottom:1.5rem;border:1px solid #eee;border-radius:8px;overflow:hidden}.common-faq-question{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-dark);padding:1rem;background:#fafafa;margin:0;cursor:pointer}.common-faq-bullet{width:8px;height:8px;border-radius:50%;background:var(--primary-orange);flex-shrink:0}.common-faq-answer{padding:1rem}.faq-accordion{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.faq-accordion-item{border-radius:10px;overflow:hidden;border:1px solid #f0e6db;transition:box-shadow .2s,border-color .2s}.faq-accordion-item.open,.faq-accordion-item:hover{border-color:var(--primary-orange)}.faq-accordion-item.open{box-shadow:0 2px 12px rgba(237,125,49,.12)}.faq-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.15rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff7f0,#fff);transition:background .2s}.faq-accordion-header:hover{background:linear-gradient(135deg,#ffeddb,#fff7f0)}.faq-accordion-header.active{background:linear-gradient(135deg,var(--primary-orange) 0,#f5a34a 100%);color:white}.faq-accordion-header-left{display:flex;align-items:center;gap:.65rem}.faq-accordion-icon{font-size:1.1rem;color:var(--primary-orange)}.faq-accordion-header.active .faq-accordion-icon{color:white}.faq-accordion-label{font-size:.95rem;font-weight:600}.faq-accordion-chevron{font-size:.8rem;transition:transform .25s ease;color:var(--primary-orange)}.faq-accordion-header.active .faq-accordion-chevron{color:white}.faq-accordion-chevron.rotated{transform:rotate(180deg)}.faq-accordion-body{padding:1.15rem;background:#fff;border-top:1px solid #f0e6db}.faq-accordion-docs{margin-top:1rem;padding:1rem;background:#fdf8f3;border-radius:8px;border:1px solid #f0e6db}.faq-doc-label{font-size:.9rem;font-weight:500;color:var(--text-dark);margin-bottom:.65rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.faq-doc-label i{color:var(--primary-orange);margin-top:3px;flex-shrink:0}.faq-doc-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.faq-doc-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--primary-orange);text-decoration:none;padding:.4rem .85rem;border-radius:6px;border:1px solid var(--primary-orange);background:white;transition:all .2s;font-weight:500}.faq-doc-link:hover{background:var(--primary-orange);color:white}.faq-doc-link i{font-size:.75rem}.common-video{width:100%;border-radius:8px;background:#000}.common-video-section{margin-top:1.5rem}.common-video-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.common-manual-section{margin-bottom:2rem}.common-manual-group-title{font-size:1.05rem;font-weight:600;color:var(--primary-orange);margin:0 0 .75rem}.partner-logos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1rem 0}.partner-logo-card{display:flex;align-items:center;justify-content:center;padding:1.25rem;border:1px solid var(--border-color);border-radius:10px;background:white;transition:all .2s ease;text-decoration:none;min-height:100px}.partner-logo-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.partner-logo-image{max-width:100%;max-height:60px;object-fit:contain}@media (max-width:768px){.common-page{padding:1rem 0}.common-container{padding:0 1rem;border-radius:0}.common-hero{margin:0 -1rem;border-radius:0}.common-page-header{padding:1rem 0}.common-page-header-title{font-size:1.2rem}.common-section-title{font-size:1.1rem}.common-two-col{grid-template-columns:1fr;gap:1rem}.common-two-col-image{order:-1}.common-faq-layout{grid-template-columns:1fr;gap:1rem}.common-faq-sidebar{flex-direction:row;overflow-x:auto}.common-faq-nav-item{white-space:nowrap;font-size:.85rem;padding:.6rem .75rem}.common-info-row{grid-template-columns:100px 1fr;gap:.5rem}}.b2c-page{background:#F5F5F5;padding-bottom:2rem}.b2c-hero-strip{position:relative;overflow:hidden;padding:0}.b2c-hero-strip-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(191,54,12,.88),rgba(230,81,0,.82) 40%,rgba(255,102,0,.78)),url(/mock/hero-bg.jpg) 50%/cover no-repeat;z-index:0}.b2c-hero-strip-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.b2c-hero-strip-badge{display:inline-block;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#FFD700;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;padding:.3rem 1rem;border-radius:50px;margin-bottom:.6rem;border:1px solid rgba(255,215,0,.3)}.b2c-hero-strip-text h1{font-family:Kanit,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 .4rem;line-height:1.2}.b2c-hero-strip-text p{color:rgba(255,255,255,.85);font-size:.95rem;margin:0 0 1.25rem}.b2c-hero-strip-btns{display:flex;gap:.75rem}.b2c-hero-btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#E65100;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s}.b2c-hero-btn-primary:hover{background:#FFF3E0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.b2c-hero-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:#fff;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;font-size:.9rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.5);transition:all .2s}.b2c-hero-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}.b2c-hero-strip-highlights{display:flex;gap:1.5rem;flex-shrink:0}.b2c-highlight{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.75rem 1.1rem;color:#fff;min-width:155px}.b2c-highlight i{font-size:1.25rem;color:#FFD700;flex-shrink:0}.b2c-highlight span{display:flex;flex-direction:column;font-size:.82rem;font-weight:600;line-height:1.3}.b2c-highlight small{font-weight:400;font-size:.7rem;opacity:.8}.b2c-cats-strip{background:#fff;border-bottom:1px solid #e8e8e8;padding:.75rem 0}.b2c-cats-scroll{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.b2c-cats-scroll::-webkit-scrollbar{display:none}.b2c-cat-chip{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:50px;background:#F8F8F8;text-decoration:none;white-space:nowrap;border:1px solid #eaeaea;transition:all .2s;flex-shrink:0}.b2c-cat-chip:hover{border-color:#FF6600;background:#FFF3E0}.b2c-cat-chip-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.b2c-cat-chip span{font-size:.82rem;font-weight:500;color:#333}.b2c-section{max-width:1400px;margin:0 auto;padding:1.75rem 1rem}.b2c-section-gray{background:#fff;max-width:100%;padding-left:0;padding-right:0}.b2c-section-gray>.b2c-cat-tabs,.b2c-section-gray>.b2c-grid,.b2c-section-gray>.b2c-section-head{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.b2c-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.b2c-section-head h2{font-family:Kanit,sans-serif;font-size:1.35rem;font-weight:700;color:#222;display:flex;align-items:center;gap:.5rem;margin:0}.b2c-section-title-group{display:flex;align-items:center;gap:1.25rem}.b2c-see-all{font-size:.85rem;font-weight:600;color:#FF6600;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:color .2s}.b2c-see-all:hover{color:#E65100}.b2c-countdown{display:flex;align-items:center;gap:2px}.b2c-cd-block{background:#222;color:#fff;font-family:Kanit,monospace;font-size:.85rem;font-weight:700;padding:.2rem .45rem;border-radius:4px;min-width:28px;text-align:center}.b2c-cd-sep{color:#FF6600;font-weight:700;font-size:.9rem;margin:0 1px}.b2c-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.b2c-scroll-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.b2c-scroll-row::-webkit-scrollbar{height:4px}.b2c-scroll-row::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.b2c-scroll-row .b2c-card{min-width:190px;max-width:220px;flex-shrink:0}.b2c-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .25s ease;border:1px solid transparent;display:flex;flex-direction:column}.b2c-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-3px);border-color:#FF6600}.b2c-card-image-link{text-decoration:none;display:block}.b2c-card-img{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f9f9f9}.b2c-card-img img{transition:transform .3s ease}.b2c-card:hover .b2c-card-img img{transform:scale(1.06)}.b2c-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:2rem;background:#f5f5f5}.b2c-card-skeleton,.b2c-card-skeleton .b2c-card-body>div{animation:b2c-shimmer 1.5s ease-in-out infinite}@keyframes b2c-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.b2c-card-img img{opacity:0;animation:b2c-img-fadein .4s ease forwards}@keyframes b2c-img-fadein{to{opacity:1}}.b2c-card-body{padding:.7rem .75rem .85rem;flex:1 1;display:flex;flex-direction:column}.b2c-card-title{font-size:.82rem;font-weight:500;color:#222;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;margin-bottom:.3rem;transition:color .2s}.b2c-card-title:hover{color:#FF6600}.b2c-card-shop{font-size:.72rem;color:#999;margin:0 0 .35rem;display:flex;align-items:center;gap:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b2c-card-pricing{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.35rem}.b2c-card-price{font-family:Kanit,sans-serif;font-size:1.05rem;font-weight:700;color:#FF6600}.b2c-card-original{font-size:.75rem;color:#bbb;text-decoration:line-through}.b2c-card-discount{position:absolute;top:8px;right:8px;background:#E91E63;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px}.b2c-card-sold{font-size:.72rem;color:#999}.b2c-card-footer{justify-content:space-between;margin-top:auto}.b2c-card-footer,.b2c-cart-btn{display:flex;align-items:center}.b2c-cart-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid #ff6600;background:transparent;color:#FF6600;cursor:pointer;justify-content:center;font-size:.8rem;transition:all .2s;flex-shrink:0}.b2c-cart-btn:hover{background:#FF6600;color:#fff;transform:scale(1.1)}.b2c-cart-btn.added{background:#4CAF50;border-color:#4CAF50;color:#fff;animation:b2c-pop .3s ease}@keyframes b2c-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.b2c-card-skeleton{pointer-events:none}.b2c-cat-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.b2c-cat-tabs::-webkit-scrollbar{display:none}.b2c-cat-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:50px;border:1.5px solid #e0e0e0;background:#fff;color:#555;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.b2c-cat-tab:hover{border-color:#FF6600;color:#FF6600}.b2c-cat-tab.active{background:#FF6600;border-color:#FF6600;color:#fff}.b2c-floating-cart{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#FF6600,#E65100);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 20px rgba(255,102,0,.35);z-index:1000;transition:all .2s}.b2c-floating-cart:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(255,102,0,.5)}.b2c-floating-cart-badge{position:absolute;top:-4px;right:-4px;background:#E91E63;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.b2c-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;animation:b2c-fade-in .2s ease}@keyframes b2c-fade-in{0%{opacity:0}to{opacity:1}}.b2c-cart-drawer{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:#fff;z-index:9999;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 30px rgba(0,0,0,.15)}.b2c-cart-drawer.open{right:0}.b2c-cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee;flex-shrink:0}.b2c-cart-drawer-header h3{font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem;color:#222}.b2c-cart-close{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.b2c-cart-close:hover{background:#eee;color:#222}.b2c-cart-drawer-body{flex:1 1;overflow-y:auto;padding:.75rem 1.25rem}.b2c-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;color:#999}.b2c-cart-empty i{font-size:3rem;margin-bottom:1rem;color:#ddd}.b2c-cart-empty p{font-size:1rem;margin-bottom:1.5rem}.b2c-cart-continue{padding:.6rem 1.5rem;border-radius:6px;border:1.5px solid #ff6600;background:transparent;color:#FF6600;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.b2c-cart-continue:hover{background:#FF6600;color:#fff}.b2c-cart-item{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:1px solid #f0f0f0}.b2c-cart-item-img{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f5f5}.b2c-cart-item-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:1.25rem}.b2c-cart-item-info{flex:1 1;min-width:0}.b2c-cart-item-name{font-size:.85rem;font-weight:500;color:#222;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.b2c-cart-item-price{font-family:Kanit,sans-serif;font-size:.95rem;font-weight:700;color:#FF6600;margin:0 0 .5rem}.b2c-cart-item-qty{display:flex;align-items:center;gap:0}.b2c-cart-item-qty button{width:28px;height:28px;border:1px solid #ddd;background:#fafafa;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;transition:all .15s}.b2c-cart-item-qty button:first-child{border-radius:4px 0 0 4px}.b2c-cart-item-qty button:nth-child(3){border-radius:0 4px 4px 0}.b2c-cart-item-qty button:hover{background:#eee}.b2c-cart-item-qty span{min-width:32px;text-align:center;font-size:.85rem;font-weight:600;color:#222;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:28px;display:flex;align-items:center;justify-content:center}.b2c-cart-item-remove{margin-left:auto;border:none!important;background:none!important;color:#ccc!important;font-size:.75rem!important;border-radius:4px!important;width:32px!important}.b2c-cart-item-remove:hover{color:#E91E63!important;background:#FFF0F3!important}.b2c-cart-drawer-footer{border-top:1px solid #eee;padding:1rem 1.25rem;flex-shrink:0}.b2c-cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.b2c-cart-total span{font-size:.95rem;color:#666}.b2c-cart-total strong{font-family:Kanit,sans-serif;font-size:1.35rem;font-weight:700;color:#FF6600}.b2c-checkout-btn{width:100%;padding:.85rem;border-radius:8px;border:none;background:linear-gradient(135deg,#FF6600,#E65100);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.b2c-checkout-btn:hover{background:linear-gradient(135deg,#E65100,#BF360C);box-shadow:0 4px 15px rgba(255,102,0,.35)}@media (max-width:1200px){.b2c-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.b2c-hero-strip-content{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem}.b2c-hero-strip-highlights{width:100%;overflow-x:auto;scrollbar-width:none}.b2c-hero-strip-highlights::-webkit-scrollbar{display:none}.b2c-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.b2c-hero-strip-text h1{font-size:1.5rem}.b2c-hero-strip-highlights{gap:.75rem}.b2c-highlight{min-width:140px;padding:.6rem .85rem;font-size:.78rem}.b2c-grid{grid-template-columns:repeat(2,1fr);gap:8px}.b2c-section{padding:1.25rem .75rem}.b2c-section-head h2{font-size:1.1rem}.b2c-floating-cart{bottom:1.25rem;right:1.25rem;width:50px;height:50px;font-size:1.1rem}.b2c-scroll-row .b2c-card{min-width:160px}}@media (max-width:480px){.b2c-hero-strip-content{padding:1.5rem 1rem}.b2c-hero-strip-text h1{font-size:1.25rem}.b2c-hero-strip-btns{flex-direction:column;width:100%}.b2c-hero-btn-ghost,.b2c-hero-btn-primary{justify-content:center;text-align:center}.b2c-card-body{padding:.5rem .6rem .7rem}.b2c-card-title{font-size:.75rem}.b2c-card-price{font-size:.9rem}.b2c-cart-btn{width:30px;height:30px;font-size:.7rem}}.b2c-cart-page{background:#F5F5F5;min-height:60vh;padding:1.5rem 0 3rem}.b2c-cart-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.b2c-cart-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#999;margin-bottom:1.25rem}.b2c-cart-breadcrumb a{color:#FF6600;text-decoration:none}.b2c-cart-breadcrumb a:hover{text-decoration:underline}.b2c-cart-breadcrumb i{font-size:.65rem}.b2c-steps-bar{justify-content:center;gap:0;margin-bottom:2rem;background:#fff;border-radius:12px;padding:1.25rem 2rem;box-shadow:0 1px 4px rgba(0,0,0,.06)}.b2c-step-item,.b2c-steps-bar{display:flex;align-items:center}.b2c-step-item{gap:.5rem;position:relative}.b2c-step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#E8E8E8;color:#999;flex-shrink:0;transition:all .3s}.b2c-step-item.active .b2c-step-circle{background:#FF6600;color:#fff}.b2c-step-item.done .b2c-step-circle{background:#4CAF50;color:#fff}.b2c-step-item span{font-size:.85rem;font-weight:500;color:#999;white-space:nowrap}.b2c-step-item.active span{color:#FF6600;font-weight:600}.b2c-step-item.done span{color:#4CAF50}.b2c-step-line{width:60px;height:2px;margin:0 .75rem;flex-shrink:0}.b2c-step-item.active .b2c-step-line,.b2c-step-line{background:#E8E8E8}.b2c-step-item.done .b2c-step-line{background:#4CAF50}.b2c-cart-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:flex-start}.b2c-cart-items-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06)}.b2c-cart-items-section h2{font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:600;color:#222;display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem}.b2c-cart-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.b2c-cart-items-header h2{margin:0}.b2c-cart-clear{background:none;border:none;color:#999;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:color .2s}.b2c-cart-clear:hover{color:#E91E63}.b2c-ci{display:grid;grid-template-columns:80px 1fr auto auto auto 32px;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #f0f0f0}.b2c-ci:last-child{border-bottom:none}.b2c-ci-img{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.b2c-ci-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:1.5rem}.b2c-ci-details{min-width:0}.b2c-ci-name{font-size:.9rem;font-weight:500;color:#222;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.b2c-ci-name:hover{color:#FF6600}.b2c-ci-shop{font-size:.75rem;color:#999;margin:.2rem 0 0;display:flex;align-items:center;gap:.3rem}.b2c-ci-price{font-family:Kanit,sans-serif;font-size:.95rem;font-weight:600;color:#222;white-space:nowrap}.b2c-ci-qty,.b2c-ci-qty button{display:flex;align-items:center}.b2c-ci-qty button{width:30px;height:30px;border:1px solid #ddd;background:#fafafa;color:#555;justify-content:center;cursor:pointer;font-size:.65rem;transition:all .15s}.b2c-ci-qty button:first-child{border-radius:6px 0 0 6px}.b2c-ci-qty button:last-child{border-radius:0 6px 6px 0}.b2c-ci-qty button:hover{background:#eee}.b2c-ci-qty span{min-width:36px;text-align:center;font-size:.9rem;font-weight:600;color:#222;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:30px;display:flex;align-items:center;justify-content:center}.b2c-ci-subtotal{font-family:Kanit,sans-serif;font-size:1.05rem;font-weight:700;color:#FF6600;white-space:nowrap}.b2c-ci-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:.85rem;padding:4px;transition:color .2s}.b2c-ci-remove:hover{color:#E91E63}.b2c-cart-empty-full{text-align:center;padding:5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.b2c-cart-empty-full i{font-size:3rem;color:#ddd;margin-bottom:1rem;display:block}.b2c-cart-empty-full h3{font-family:Kanit,sans-serif;font-size:1.15rem;color:#333;margin-bottom:.4rem}.b2c-cart-empty-full p{color:#999;font-size:.9rem;margin-bottom:1.5rem}.b2c-empty-browse-btn{display:inline-flex!important;align-items:center!important;gap:.35rem!important;background:linear-gradient(135deg,#FF6600,#E65100)!important;color:#fff!important;padding:.45rem 1.1rem!important;border-radius:6px!important;font-weight:600!important;border:none!important;cursor:pointer!important;transition:all .2s!important;text-decoration:none!important}.b2c-empty-browse-btn,.b2c-empty-browse-btn i{font-size:.82rem!important}.b2c-empty-browse-btn:hover{box-shadow:0 4px 12px rgba(255,102,0,.3)!important;transform:translateY(-1px)!important}.b2c-cart-page-empty{text-align:center;padding:3rem 1rem}.b2c-cart-page-empty i{font-size:2.5rem;color:#ddd;margin-bottom:.75rem;display:block}.b2c-cart-page-empty h3{font-family:Kanit,sans-serif;font-size:1.05rem;color:#333;margin-bottom:.35rem}.b2c-cart-page-empty p{color:#999;font-size:.85rem;margin-bottom:1.25rem}.b2c-cart-page-empty .b2c-os-btn-primary{padding:.5rem 1.25rem;font-size:.85rem}.b2c-cart-summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:1rem}.b2c-cart-summary h3{font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:600;color:#222;margin:0 0 1rem}.b2c-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;color:#555}.b2c-summary-total{font-size:1.1rem;font-weight:700;color:#222}.b2c-summary-total span:last-child{font-family:Kanit,sans-serif;color:#FF6600;font-size:1.35rem}.b2c-summary-divider{height:1px;background:#f0f0f0;margin:.75rem 0}.b2c-summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.35rem 0;font-size:.82rem;color:#666;gap:.5rem}.b2c-summary-item span:first-child{flex:1 1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.b2c-summary-item small{color:#999}.b2c-summary-shipping-to{margin-bottom:.75rem}.b2c-summary-shipping-to strong{font-size:.85rem;color:#222;display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem}.b2c-summary-shipping-to p{font-size:.82rem;color:#666;line-height:1.5;margin:0}.b2c-free-shipping-hint{background:#FFF8E1;border:1px solid #ffe082;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;color:#F57F17;display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.b2c-proceed-btn{width:100%;padding:.85rem;border-radius:8px;border:none;background:linear-gradient(135deg,#FF6600,#E65100);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transition:all .2s}.b2c-proceed-btn:hover:not(:disabled){background:linear-gradient(135deg,#E65100,#BF360C);box-shadow:0 4px 15px rgba(255,102,0,.35)}.b2c-proceed-btn:disabled{opacity:.5;cursor:not-allowed}.b2c-place-order-btn{background:linear-gradient(135deg,#4CAF50,#388E3C);font-size:1.05rem;padding:1rem}.b2c-place-order-btn:hover:not(:disabled){background:linear-gradient(135deg,#388E3C,#2E7D32);box-shadow:0 4px 15px rgba(76,175,80,.35)}.b2c-back-btn{width:100%;padding:.65rem;border-radius:8px;border:none;background:transparent;color:#999;font-weight:500;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.5rem;transition:color .2s}.b2c-back-btn:hover{color:#555}.b2c-continue-link{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.75rem;color:#FF6600;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.b2c-continue-link:hover{color:#E65100}.b2c-os-btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#FF6600,#E65100);color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.b2c-os-btn-primary:hover{box-shadow:0 4px 15px rgba(255,102,0,.35);transform:translateY(-1px)}.b2c-os-btn-outline{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #ff6600;color:#FF6600;padding:.7rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;background:transparent;cursor:pointer}.b2c-os-btn-outline:hover{background:#FFF3E0}.b2c-form{margin-top:.5rem}.b2c-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.b2c-form-group{display:flex;flex-direction:column;gap:.35rem}.b2c-form-full{margin-bottom:1rem}.b2c-form-group label{font-size:.82rem;font-weight:600;color:#444}.b2c-form-group input,.b2c-form-group select{padding:.7rem .85rem;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9rem;color:#222;background:#FAFAFA;transition:border-color .2s,box-shadow .2s;outline:none}.b2c-form-group input:focus,.b2c-form-group select:focus{border-color:#FF6600;box-shadow:0 0 0 3px rgba(255,102,0,.1);background:#fff}.b2c-form-group input::placeholder{color:#bbb}.b2c-shipping-options{display:flex;flex-direction:column;gap:.75rem}.b2c-shipping-option{display:flex;align-items:center;gap:.85rem;padding:1rem;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s}.b2c-shipping-option:hover{border-color:#FF6600}.b2c-shipping-option.selected{border-color:#FF6600;background:#FFF8F0}.b2c-shipping-option input{display:none}.b2c-so-icon{width:40px;border-radius:10px;background:#FFF3E0;color:#FF6600;font-size:1rem}.b2c-so-icon,.b2c-so-logo{height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.b2c-so-logo{width:80px;border-radius:6px;overflow:hidden}.b2c-so-logo img{width:100%;height:100%;object-fit:contain}.b2c-so-info{flex:1 1}.b2c-so-info strong{display:block;font-size:.9rem;color:#222}.b2c-so-info span{font-size:.8rem;color:#999}.b2c-so-price{font-family:Kanit,sans-serif;font-weight:700;font-size:.95rem;color:#FF6600;white-space:nowrap}.b2c-payment-methods{display:flex;gap:.75rem;margin-bottom:1.5rem}.b2c-pm-option{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s;text-align:center}.b2c-pm-option:hover{border-color:#FF6600}.b2c-pm-option.selected{border-color:#FF6600;background:#FFF8F0}.b2c-pm-option input{display:none}.b2c-pm-option i{font-size:1.5rem;color:#555}.b2c-pm-option.selected i{color:#FF6600}.b2c-pm-option span{font-size:.82rem;font-weight:500;color:#555}.b2c-bank-info,.b2c-card-form{margin-top:.5rem}.b2c-bank-info{text-align:center;padding:2rem 1.5rem;background:#F5F5F5;border-radius:12px}.b2c-bank-info-icon{width:56px;height:56px;border-radius:50%;background:#E3F2FD;color:#1E88E5;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin:0 auto 1rem}.b2c-bank-info h4{font-family:Kanit,sans-serif;font-size:1rem;margin-bottom:.5rem}.b2c-bank-info p{font-size:.85rem;color:#666;line-height:1.6;margin-bottom:1rem}.b2c-bank-details{background:#fff;border-radius:8px;padding:1rem;text-align:left;font-size:.85rem;display:flex;flex-direction:column;gap:.4rem}.b2c-secure-badge{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#E8F5E9;border-radius:8px;margin-top:1.5rem}.b2c-secure-badge i{color:#4CAF50;font-size:1rem;margin-top:2px;flex-shrink:0}.b2c-secure-badge span{font-size:.8rem;color:#555;line-height:1.5}.b2c-seller-group{background:#fff;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden}.b2c-seller-group-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.95rem;color:var(--text-dark)}.b2c-seller-group-count{margin-left:auto;font-weight:400;font-size:.8rem;color:var(--text-gray)}.b2c-seller-payment-block,.b2c-seller-shipping-block{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem}.b2c-seller-payment-header,.b2c-seller-shipping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #eee;font-weight:600;font-size:.95rem}.b2c-seller-payment-total,.b2c-seller-shipping-subtotal{font-size:.85rem;color:var(--primary-red);font-weight:600}.b2c-summary-seller-block{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.b2c-summary-seller-name{font-weight:600;font-size:.85rem;margin-bottom:.25rem;color:var(--text-dark);display:flex;align-items:center;gap:.35rem}.b2c-order-ids-list{text-align:left;max-width:400px;margin:1.5rem auto}.b2c-order-id-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;margin-bottom:.5rem;font-size:.9rem}.b2c-order-id-shop{font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:.35rem}.b2c-order-id-row .b2c-order-id{color:var(--text-gray);font-size:.85rem}.b2c-order-success{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);max-width:550px;margin:2rem auto}.b2c-order-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#E8F5E9,#C8E6C9);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.b2c-order-success-icon i{font-size:2.5rem;color:#4CAF50}.b2c-order-success h2{font-family:Kanit,sans-serif;font-size:1.75rem;color:#222;margin-bottom:.5rem}.b2c-order-success p{color:#666;font-size:.95rem;line-height:1.6}.b2c-order-id{background:#F5F5F5;display:inline-block;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;margin:1rem 0 1.5rem}.b2c-order-success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width:900px){.b2c-cart-layout{grid-template-columns:1fr}.b2c-cart-summary{position:static}.b2c-ci{grid-template-columns:60px 1fr;gap:.75rem}.b2c-ci-price,.b2c-ci-subtotal{display:none}.b2c-ci-qty{grid-column:2}.b2c-ci-remove{position:absolute;top:.5rem;right:0}.b2c-ci{position:relative}.b2c-steps-bar{padding:1rem;gap:0;overflow-x:auto}.b2c-step-line{width:30px}.b2c-step-item span{font-size:.75rem}.b2c-payment-methods{flex-direction:column}}@media (max-width:600px){.b2c-form-row{grid-template-columns:1fr}.b2c-steps-bar{border-radius:8px}.b2c-step-circle{width:30px;height:30px;font-size:.75rem}.b2c-step-line{width:20px;margin:0 .4rem}.b2c-cart-items-section,.b2c-cart-summary{padding:1rem}.b2c-order-success{padding:2.5rem 1.25rem}}.b2c-pd-stats{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666;margin-top:.5rem;flex-wrap:wrap}.b2c-pd-rating .fas.fa-star{color:#ddd;font-size:.8rem}.b2c-pd-rating .fas.fa-star.filled{color:#FFB800}.b2c-pd-rating strong{color:#FFB800;margin-left:.3rem;font-size:.9rem}.b2c-pd-divider{color:#ddd}.b2c-pd-stock{color:#4CAF50;font-weight:500}.b2c-pd-price-box{background:#FFF8F0;border-radius:10px;padding:1rem 1.25rem;margin:1rem 0}.b2c-pd-price-main{display:flex;align-items:baseline;gap:.75rem}.b2c-pd-price{font-family:Kanit,sans-serif;font-size:2rem;font-weight:700;color:#FF6600}.b2c-pd-original{font-size:1rem;color:#bbb;text-decoration:line-through}.b2c-pd-discount{background:#E91E63;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.b2c-pd-tier{margin:1rem 0}.b2c-pd-tier h4{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.b2c-pd-tier h4 i{color:#FF6600}.b2c-pd-tier-table{display:flex;gap:0;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.b2c-pd-tier-item{flex:1 1;padding:.65rem .5rem;text-align:center;background:#FAFAFA;border-right:1px solid #e8e8e8;transition:all .2s;display:flex;flex-direction:column;gap:.2rem}.b2c-pd-tier-item:last-child{border-right:none}.b2c-pd-tier-item.active{background:#FFF3E0;border-color:#FF6600;box-shadow:inset 0 -2px 0 #FF6600}.b2c-pd-tier-qty{font-size:.75rem;color:#999;font-weight:500}.b2c-pd-tier-price{font-family:Kanit,sans-serif;font-size:1rem;font-weight:700;color:#FF6600}.b2c-pd-tier-save{font-size:.65rem;color:#4CAF50;font-weight:600}.b2c-pd-subtotal{font-size:.85rem;color:#666;margin-left:1rem}.b2c-pd-subtotal strong{font-family:Kanit,sans-serif;color:#FF6600;font-size:1rem}.b2c-pd-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.b2c-pd-add-cart{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 2rem!important;border-radius:8px!important;border:none!important;background:linear-gradient(135deg,#FF6600,#E65100)!important;color:#fff!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important;transition:all .2s!important}.b2c-pd-add-cart:hover{box-shadow:0 4px 16px rgba(255,102,0,.35)!important;transform:translateY(-1px)!important}.b2c-pd-add-cart.added{background:linear-gradient(135deg,#4CAF50,#388E3C)!important}.b2c-pd-buy-now{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 2rem!important;border-radius:8px!important;border:none!important;background:linear-gradient(135deg,#C62828,#B71C1C)!important;color:#fff!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important;transition:all .2s!important}.b2c-pd-buy-now:hover{box-shadow:0 4px 16px rgba(198,40,40,.35)!important;transform:translateY(-1px)!important}.b2c-pd-contact{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 2rem!important;border-radius:8px!important;border:2px solid #ff6600!important;background:transparent!important;color:#FF6600!important;font-weight:600!important;font-size:.95rem!important;cursor:pointer!important;transition:all .2s!important}.b2c-pd-contact:hover{background:#FFF3E0!important}.b2c-pd-tabs{display:flex;gap:0;border-bottom:2px solid #e8e8e8;margin-top:2rem}.b2c-pd-tab{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.75rem 1.5rem!important;background:transparent!important;color:#666!important;font-weight:500!important;font-size:.9rem!important;cursor:pointer!important;border:none!important;border-bottom:2px solid transparent!important;margin-bottom:-2px!important;transition:all .2s!important}.b2c-pd-tab.active,.b2c-pd-tab:hover{color:#FF6600!important}.b2c-pd-tab.active{border-bottom-color:#FF6600!important;font-weight:600!important}.b2c-pd-tab i{font-size:.85rem!important}.b2c-pd-tab-content{background:#fff;border-radius:0 0 12px 12px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:1.5rem}.b2c-pd-desc p{font-size:.92rem;color:#444;line-height:1.7}.b2c-pd-desc h4{font-size:.95rem;margin:1.25rem 0 .6rem;color:#222}.b2c-pd-desc ul{padding-left:1.25rem}.b2c-pd-desc li{font-size:.88rem;color:#555;line-height:1.8}.b2c-pd-review-summary{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #f0f0f0}.b2c-pd-review-score{display:flex;align-items:center;gap:.75rem}.b2c-pd-review-big{font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:700;color:#FFB800}.b2c-pd-review-stars .fas.fa-star{color:#ddd;font-size:1rem}.b2c-pd-review-stars .fas.fa-star.filled{color:#FFB800}.b2c-pd-review-count{font-size:.85rem;color:#999}.b2c-pd-review-item{padding:1rem 0;border-bottom:1px solid #f5f5f5}.b2c-pd-review-item:last-child{border-bottom:none}.b2c-pd-review-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.b2c-pd-review-head strong{font-size:.9rem;color:#222}.b2c-pd-review-stars-sm .fas.fa-star{color:#ddd;font-size:.7rem}.b2c-pd-review-stars-sm .fas.fa-star.filled{color:#FFB800}.b2c-pd-review-date{font-size:.78rem;color:#999;margin-left:auto}.b2c-pd-review-item p{font-size:.88rem;color:#555;margin:0;line-height:1.6}@media (max-width:768px){.b2c-pd-tier-table{flex-direction:column}.b2c-pd-tier-item{border-right:none;border-bottom:1px solid #e8e8e8}.b2c-pd-tier-item:last-child{border-bottom:none}.b2c-pd-actions{flex-direction:column}.b2c-pd-add-cart,.b2c-pd-buy-now,.b2c-pd-contact{width:100%!important;justify-content:center!important}.b2c-pd-tabs{overflow-x:auto}}.b2c-store-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid #f0f0f0;margin-bottom:1.25rem}.b2c-store-logo{width:56px;height:56px;border-radius:12px;background:#FFF3E0;color:#FF6600;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.b2c-store-info{flex:1 1}.b2c-store-info h4{font-family:Kanit,sans-serif;font-size:1.05rem;font-weight:600;color:#222;margin:0 0 .2rem}.b2c-store-info p{font-size:.82rem;color:#999;margin:0;display:flex;align-items:center;gap:.3rem}.b2c-store-visit-btn{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.5rem 1.25rem!important;border-radius:6px!important;border:1.5px solid #ff6600!important;background:transparent!important;color:#FF6600!important;font-weight:600!important;font-size:.82rem!important;text-decoration:none!important;transition:all .2s!important;flex-shrink:0}.b2c-store-visit-btn:hover{background:#FFF3E0!important}.b2c-store-stats{display:flex;gap:0;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;margin-bottom:1.25rem}.b2c-store-stat{flex:1 1;text-align:center;padding:.85rem .5rem;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;gap:.15rem}.b2c-store-stat:last-child{border-right:none}.b2c-store-stat-val{font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:700;color:#FF6600}.b2c-store-stat-label{font-size:.72rem;color:#999;font-weight:500}.b2c-store-about h5{font-size:.9rem;font-weight:600;color:#333;margin:0 0 .5rem}.b2c-store-about p{font-size:.88rem;color:#555;line-height:1.7;margin:0}@media (max-width:768px){.b2c-store-header{flex-wrap:wrap}.b2c-store-visit-btn{width:100%!important;justify-content:center!important}.b2c-store-stats{flex-wrap:wrap}.b2c-store-stat{min-width:33%;border-bottom:1px solid #e8e8e8}}.b2c-contact-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;animation:b2c-fade-in .2s ease}.b2c-contact-modal{background:#fff;border-radius:14px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}.b2c-contact-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0}.b2c-contact-header h3{font-family:Kanit,sans-serif;font-size:1.05rem;font-weight:600;color:#222;margin:0;display:flex;align-items:center;gap:.5rem}.b2c-contact-header h3 i{color:#FF6600}.b2c-contact-close{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s;padding:0!important}.b2c-contact-close:hover{background:#eee;color:#222}.b2c-contact-body{padding:1.25rem 1.5rem 1.5rem}.b2c-contact-seller-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.b2c-contact-seller-info strong{display:block;font-size:.9rem;color:#222}.b2c-contact-seller-info span{font-size:.78rem;color:#999}.b2c-contact-product{display:flex;align-items:center;gap:.75rem;background:#FAFAFA;border:1px solid #f0f0f0;border-radius:8px;padding:.6rem .85rem;margin-bottom:1.25rem}.b2c-contact-product img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.b2c-contact-product span{font-size:.82rem;color:#444;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.b2c-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.b2c-contact-field,.b2c-contact-row{margin-bottom:.75rem}.b2c-contact-field label{display:block;font-size:.8rem;font-weight:600;color:#444;margin-bottom:.3rem}.b2c-contact-field input,.b2c-contact-field textarea{width:100%;padding:.6rem .85rem;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.88rem;color:#222;background:#FAFAFA;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;resize:vertical}.b2c-contact-field input:focus,.b2c-contact-field textarea:focus{border-color:#FF6600;box-shadow:0 0 0 3px rgba(255,102,0,.08);background:#fff}.b2c-contact-field input::placeholder,.b2c-contact-field textarea::placeholder{color:#bbb}.b2c-contact-send{width:100%;padding:.7rem!important;border-radius:8px!important;border:none!important;background:linear-gradient(135deg,#FF6600,#E65100)!important;color:#fff!important;font-weight:700!important;font-size:.9rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .2s!important;margin-top:.25rem}.b2c-contact-send:hover{box-shadow:0 4px 15px rgba(255,102,0,.3)!important}.b2c-contact-sent{text-align:center;padding:2.5rem 1.5rem}.b2c-contact-sent i{font-size:3rem;color:#4CAF50;margin-bottom:.75rem;display:block}.b2c-contact-sent h4{font-family:Kanit,sans-serif;font-size:1.15rem;color:#222;margin-bottom:.5rem}.b2c-contact-sent p{font-size:.88rem;color:#666;line-height:1.6;margin-bottom:1.25rem}.b2c-contact-done{display:inline-flex!important;align-items:center!important;padding:.5rem 2rem!important;border-radius:6px!important;border:none!important;background:#4CAF50!important;color:#fff!important;font-weight:600!important;font-size:.88rem!important;cursor:pointer!important}@media (max-width:600px){.b2c-contact-row{grid-template-columns:1fr}.b2c-contact-modal{max-width:100%;margin:.5rem}}.od-page{background:#F5F5F5;min-height:60vh;padding:1.5rem 0 3rem}.od-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.od-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#999;margin-bottom:1.25rem}.od-breadcrumb a{color:#FF6600;text-decoration:none}.od-breadcrumb a:hover{text-decoration:underline}.od-breadcrumb i{font-size:.6rem}.od-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.od-header h1{font-family:Kanit,sans-serif;font-size:1.35rem;font-weight:600;color:#222;margin:0}.od-header-date{color:#999;margin-top:.2rem;display:flex}.od-header-date,.od-status{font-size:.85rem;align-items:center;gap:.4rem}.od-status{display:inline-flex;padding:.5rem 1.25rem;border-radius:50px;font-weight:600}.od-progress{display:flex;align-items:flex-start;background:#fff;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow-x:auto}.od-progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1 1;min-width:100px;text-align:center}.od-progress-dot{width:32px;height:32px;border-radius:50%;background:#E8E8E8;color:#999;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:1;margin-bottom:.5rem}.od-progress-step.done .od-progress-dot{background:#4CAF50;color:#fff}.od-progress-step.current .od-progress-dot{background:#FF6600;color:#fff;box-shadow:0 0 0 4px rgba(255,102,0,.2)}.od-progress-label{font-size:.78rem;font-weight:600;color:#999}.od-progress-step.done .od-progress-label{color:#4CAF50}.od-progress-step.current .od-progress-label{color:#FF6600}.od-progress-date{font-size:.65rem;color:#bbb;margin-top:.15rem}.od-progress-line{position:absolute;top:16px;left:50%;width:100%;height:2px;background:#E8E8E8;z-index:0}.od-progress-step.done .od-progress-line{background:#4CAF50}.od-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:flex-start}.od-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:1.25rem}.od-card-title{font-family:Kanit,sans-serif;font-size:.95rem;font-weight:600;color:#222;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.od-card-title i{color:#FF6600;font-size:.85rem}.od-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f5f5f5}.od-item:last-child{border-bottom:none}.od-item-img{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f9f9f9}.od-item-img img{width:100%;height:100%;object-fit:cover}.od-item-info{flex:1 1;min-width:0}.od-item-name{font-size:.88rem;font-weight:500;color:#222;margin:0 0 .2rem}.od-item-qty{font-size:.78rem;color:#999;margin:0}.od-item-price{font-family:Kanit,sans-serif;font-size:.95rem;font-weight:700;color:#222;white-space:nowrap}.od-totals{border-top:1px solid #f0f0f0;padding-top:.75rem;margin-top:.5rem}.od-total-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem;color:#666}.od-total-grand{font-weight:700;font-size:1rem;color:#222;border-top:1px solid #f0f0f0;padding-top:.6rem;margin-top:.3rem}.od-total-grand span:last-child{font-family:Kanit,sans-serif;color:#FF6600;font-size:1.15rem}.od-timeline{position:relative;padding-left:1.5rem}.od-tl-item{position:relative;padding-bottom:1.25rem;padding-left:1rem;border-left:2px solid #e8e8e8}.od-tl-item:last-child{border-left-color:transparent;padding-bottom:0}.od-tl-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#FF6600;border:2px solid #fff;box-shadow:0 0 0 2px #FF6600}.od-tl-content strong{font-size:.88rem;color:#222;display:block}.od-tl-content p{font-size:.82rem;color:#666;margin:.15rem 0 0}.od-tl-date{font-size:.72rem;color:#bbb}.od-info-block{font-size:.88rem;color:#444;line-height:1.6}.od-info-block strong{color:#222;display:block;margin-bottom:.15rem}.od-info-block p{margin:0}.od-tracking-method{font-weight:600;color:#222;margin-bottom:.35rem!important}.od-tracking-number{background:#F5F5F5;padding:.5rem .75rem;border-radius:6px;font-family:monospace;font-size:.85rem;color:#FF6600;display:flex;align-items:center;gap:.5rem}.od-actions{display:flex;flex-direction:column;gap:.5rem}.od-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;width:100%!important;padding:.6rem!important;border-radius:8px!important;font-weight:600!important;font-size:.85rem!important;cursor:pointer!important;transition:all .2s!important;border:none!important}.od-btn-pay{background:linear-gradient(135deg,#FF6600,#E65100)!important;color:#fff!important}.od-btn-pay:hover{box-shadow:0 4px 12px rgba(255,102,0,.3)!important}.od-btn-buy{background:linear-gradient(135deg,#4CAF50,#388E3C)!important;color:#fff!important}.od-btn-buy:hover{box-shadow:0 4px 12px rgba(76,175,80,.3)!important}.od-btn-contact{background:#F5F5F5!important;color:#555!important}.od-btn-contact:hover{background:#EAEAEA!important}.od-btn-cancel{background:transparent!important;color:#E91E63!important;border:1px solid #e91e63!important}.od-btn-cancel:hover{background:#FFF0F3!important}.od-not-found{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px}.od-not-found i{font-size:2.5rem;color:#ddd;margin-bottom:1rem;display:block}.od-not-found h3{font-family:Kanit,sans-serif;font-size:1.1rem;color:#333;margin-bottom:.35rem}.od-not-found p{color:#999;font-size:.9rem;margin-bottom:1rem}.od-back-link{color:#FF6600;text-decoration:none;font-weight:600;font-size:.88rem}@media (max-width:900px){.od-grid{grid-template-columns:1fr}.od-progress{padding:1rem}.od-progress-step{min-width:80px}.od-progress-label{font-size:.7rem}}@media (max-width:600px){.od-header{flex-direction:column;align-items:flex-start}.od-container{padding:0 1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body:has(.adm-layout) #chat-widget-container,body:has(.adm-layout) .livechat-widget-container,body:has(.adm-layout) [id*=chat-widget],body:has(.adm-layout) iframe[title*=chat i],body:has(.adm-login-page) #chat-widget-container,body:has(.adm-login-page) .livechat-widget-container,body:has(.adm-login-page) [id*=chat-widget],body:has(.adm-login-page) iframe[title*=chat i]{display:none!important}.adm-layout{display:flex;min-height:100vh;background:#f1f5f9}.adm-main{flex:1 1;margin-left:268px;transition:margin-left .3s;display:flex;flex-direction:column}.adm-main.expanded{margin-left:72px}.adm-content{padding:24px;flex:1 1}.adm-sidebar{width:268px;background:#111827;color:#fff;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;transition:width .3s;z-index:100;border-right:1px solid rgba(148,163,184,.14);box-shadow:8px 0 24px rgba(15,23,42,.18)}.adm-sidebar.collapsed{width:72px}.adm-sidebar-header{justify-content:space-between;padding:18px 16px;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.38)}.adm-logo,.adm-sidebar-header{display:flex;align-items:center}.adm-logo{gap:10px}.adm-logo-img{height:28px}.adm-logo-img-sm{height:22px}.adm-logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.adm-collapse-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:6px;font-size:14px;border-radius:6px;transition:all .2s}.adm-collapse-btn:hover{color:#fff;background:#1e293b}.adm-nav{flex:1 1;padding:14px 10px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.adm-nav::-webkit-scrollbar{width:6px}.adm-nav::-webkit-scrollbar-track{background:transparent}.adm-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.32);border-radius:999px}.adm-nav-section{display:grid;gap:3px;padding:5px 0 12px}.adm-nav-section+.adm-nav-section{border-top:1px solid rgba(148,163,184,.1);padding-top:14px}.adm-nav-section-label{padding:0 12px 7px;color:#64748b;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.adm-nav-item{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 12px;color:#a7b2c3;text-decoration:none;border-radius:8px;font-size:.83rem;font-weight:650;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.adm-nav-item:hover{background:rgba(148,163,184,.12);color:#f8fafc}.adm-nav-item.active{background:#f8fafc;color:#111827;box-shadow:0 8px 18px rgba(15,23,42,.18)}.adm-nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 999px 999px 0;background:#ff6600}.adm-nav-icon{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;color:inherit}.adm-nav-item i{width:auto;text-align:center;font-size:14px}.adm-nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-sidebar.collapsed .adm-sidebar-header{justify-content:center;padding:12px 8px;overflow:hidden}.adm-sidebar.collapsed .adm-logo{justify-content:center;cursor:pointer}.adm-sidebar.collapsed .adm-logo-text{display:none}.adm-sidebar.collapsed .adm-collapse-btn{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.adm-sidebar.collapsed .adm-logo-img-sm{height:20px}.adm-sidebar.collapsed .adm-nav{padding:12px 8px 16px}.adm-sidebar.collapsed .adm-nav-section{padding:0 0 8px}.adm-sidebar.collapsed .adm-nav-section+.adm-nav-section{padding-top:9px}.adm-sidebar.collapsed .adm-nav-item{justify-content:center;padding:10px;min-height:42px}.adm-sidebar.collapsed .adm-nav-item.active:before{left:-8px}.adm-sidebar.collapsed .adm-nav-text{display:none}.adm-sidebar.collapsed .adm-nav-icon{display:inline-flex}.adm-sidebar.collapsed .adm-logout-btn span,.adm-sidebar.collapsed .adm-user-detail{display:none}.adm-sidebar.collapsed .adm-logout-btn{justify-content:center}.adm-sidebar-footer{padding:16px;border-top:1px solid #1e293b}.adm-user-info{display:flex;align-items:center;gap:10px;margin-bottom:12px}.adm-user-avatar{width:36px;height:36px;border-radius:8px;background:#6366f1;display:flex;align-items:center;justify-content:center;font-size:14px}.adm-user-detail{display:flex;flex-direction:column}.adm-user-name{font-size:.8125rem;font-weight:600;color:#e2e8f0}.adm-user-role{font-size:.6875rem;color:#64748b;text-transform:capitalize}.adm-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:8px;font-size:.8125rem;transition:all .2s}.adm-logout-btn:hover{background:#1e293b;color:#f87171}.adm-header{justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.adm-header,.adm-header-left{display:flex;align-items:center}.adm-header-left{gap:16px}.adm-menu-toggle{display:none;background:none;border:none;font-size:18px;color:#475569;cursor:pointer;padding:6px;border-radius:6px}.adm-menu-toggle:hover{background:#f1f5f9}.adm-header-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.adm-env-badge{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.adm-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#002244,#003d6b 50%,#004e8c);padding:20px;position:relative;overflow:hidden}.adm-login-page:before{top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,102,0,.12) 0,transparent 70%)}.adm-login-page:after,.adm-login-page:before{content:"";position:absolute;border-radius:50%}.adm-login-page:after{bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,102,0,.08) 0,transparent 70%)}.adm-login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.25);overflow:hidden;position:relative;z-index:1}.adm-login-header{text-align:center;padding:40px 32px 24px}.adm-login-logo{margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.adm-login-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 4px}.adm-login-header p{font-size:.875rem;color:#64748b;margin:0}.adm-login-form{padding:0 32px 32px}.adm-login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:.8125rem;display:flex;align-items:center;gap:8px}.adm-form-group,.adm-login-error{margin-bottom:16px}.adm-form-group label{display:block;font-size:.8125rem;font-weight:600;color:#334155;margin-bottom:6px}.adm-input-icon{position:relative}.adm-input-icon i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.adm-input-icon input{width:100%;padding:12px 14px 12px 42px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;transition:all .2s;background:#f8fafc}.adm-input-icon input:focus{outline:none;border-color:#FF6600;box-shadow:0 0 0 3px rgba(255,102,0,.12);background:#fff}.adm-login-btn{width:100%;padding:13px;background:linear-gradient(135deg,#FF6600,#e55c00);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.adm-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,102,0,.4)}.adm-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.adm-login-footer{text-align:center;padding:16px;border-top:1px solid #f1f5f9}.adm-login-footer p{font-size:.75rem;color:#94a3b8;margin:0}.adm-login-header h1{color:#003366}.adm-dashboard{display:flex;flex-direction:column;gap:24px}.adm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.adm-stat-card{background:#fff;padding:20px;gap:16px;border-left:4px solid;box-shadow:0 1px 3px rgba(0,0,0,.06)}.adm-stat-card,.adm-stat-icon{border-radius:12px;display:flex;align-items:center}.adm-stat-icon{width:48px;height:48px;justify-content:center;font-size:20px}.adm-stat-value{font-size:1.5rem;font-weight:700;color:#0f172a;display:block}.adm-stat-label{font-size:.8125rem;color:#64748b}.adm-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.adm-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9}.adm-card-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.adm-card-body{padding:20px}.adm-page{display:flex;flex-direction:column;gap:16px}.adm-toolbar{gap:12px}.adm-filter-group{display:flex;flex-wrap:wrap;gap:6px}.adm-filter-btn{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .2s;text-transform:capitalize}.adm-filter-btn:hover{border-color:#6366f1;color:#6366f1}.adm-filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.adm-total{font-size:.8125rem;color:#64748b;font-weight:500}.adm-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.adm-table{width:100%;border-collapse:collapse}.adm-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.adm-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#334155}.adm-table tr:hover{background:#f8fafc}.adm-table tr.selected{background:#eef2ff}.adm-truncate{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-date{white-space:nowrap;color:#64748b;font-size:.8125rem}.adm-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.adm-total{font-size:.85rem;color:#6b7280}.adm-input{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:border-color .2s;background:#f8fafc}.adm-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:#fff}select.adm-input{appearance:auto}textarea.adm-input{resize:vertical}.adm-btn-primary{padding:8px 16px;transition:background .2s;display:inline-flex;gap:6px}.adm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.adm-btn-secondary{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;display:inline-flex;align-items:center;gap:6px}.adm-btn-secondary:hover{background:#e5e7eb}.adm-btn-danger{padding:8px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.adm-btn-danger:hover{background:#fecaca}.adm-btn-success{padding:8px 16px;background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.adm-btn-success:hover{background:#bbf7d0}.adm-modal-overlay{inset:0;z-index:1000}.adm-modal{border-radius:12px;width:90%;max-height:90vh;overflow:auto}.adm-modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.adm-modal-header h3{font-size:1rem;font-weight:700;color:#0f172a}.adm-modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.adm-modal-footer{gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}@media (max-width:640px){.adm-modal{width:100%;max-width:100%;border-radius:12px 12px 0 0;align-self:flex-end}}.adm-product-cell{display:flex;align-items:center;gap:12px}.adm-product-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover}.adm-product-thumb-placeholder{width:40px;height:40px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.adm-product-name{font-weight:500;display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-product-cat{font-size:.75rem;color:#94a3b8}.adm-sku{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:.75rem;color:#475569}.adm-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.adm-actions{display:flex;gap:6px}.adm-action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.adm-action-btn.approve{background:#ecfdf5;color:#059669}.adm-action-btn.approve:hover{background:#059669;color:#fff}.adm-action-btn.reject{background:#fef2f2;color:#dc2626}.adm-action-btn.reject:hover{background:#dc2626;color:#fff}.adm-action-btn.edit{background:#eff6ff;color:#2563eb}.adm-action-btn.edit:hover{background:#2563eb;color:#fff}.adm-action-btn.view{background:#f1f5f9;color:#475569}.adm-action-btn.view:hover{background:#475569;color:#fff}.adm-btn-primary{display:flex;align-items:center;gap:8px;padding:9px 18px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.adm-btn-primary:hover{background:#4f46e5}.adm-btn-secondary{padding:9px 18px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.adm-btn-secondary:hover{background:#e2e8f0}.adm-pagination{gap:12px;padding:16px}.adm-pagination,.adm-pagination button{display:flex;align-items:center;justify-content:center}.adm-pagination button{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#475569;transition:all .2s}.adm-pagination button:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.adm-pagination button:disabled{opacity:.4;cursor:not-allowed}.adm-pagination span{font-size:.8125rem;color:#64748b}.adm-loading{justify-content:center;color:#6366f1;font-size:.9375rem}.adm-empty,.adm-loading{display:flex;align-items:center;gap:12px;padding:60px 20px}.adm-empty{flex-direction:column;color:#94a3b8}.adm-empty i{font-size:40px}.adm-empty p{margin:0;font-size:.9375rem}.adm-orders-layout{display:flex;gap:16px}.adm-orders-list{flex:1 1;min-width:0}.adm-detail-panel{width:420px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.adm-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.adm-detail-header h3{margin:0;font-size:.9375rem;font-weight:600}.adm-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px;border-radius:6px}.adm-close-btn:hover{color:#0f172a;background:#f1f5f9}.adm-detail-body{padding:20px}.adm-detail-body h4{font-size:.8125rem;font-weight:600;color:#64748b;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.5px}.adm-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8fafc}.adm-detail-row label{font-size:.8125rem;color:#64748b;font-weight:500}.adm-detail-row span{font-size:.875rem;font-weight:500;color:#0f172a}.adm-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;text-transform:capitalize}.adm-address{font-size:.8125rem;color:#475569;line-height:1.6}.adm-order-items{display:flex;flex-direction:column;gap:8px}.adm-order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:8px}.adm-item-name{font-size:.8125rem;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-item-qty{font-size:.75rem;color:#64748b;padding:0 12px}.adm-item-price{font-size:.8125rem;font-weight:600;color:#0f172a}.adm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.adm-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.25)}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.adm-modal-header h3{margin:0;font-size:1.0625rem;font-weight:600}.adm-modal-body{padding:24px}.adm-modal-body .adm-form-group{margin-bottom:16px}.adm-modal-body .adm-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s}.adm-modal-body .adm-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.adm-modal-body textarea.adm-input{resize:vertical}.adm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.adm-switch{position:relative;display:inline-block;width:44px;height:24px}.adm-switch input{opacity:0;width:0;height:0}.adm-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:.3s}.adm-switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.adm-switch input:checked+.adm-switch-slider{background:#6366f1}.adm-switch input:checked+.adm-switch-slider:before{transform:translateX(20px)}.adm-status-table table{width:100%;border-collapse:collapse}.adm-status-table th{text-align:left;padding:10px 0;font-size:.75rem;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.adm-status-table td{padding:10px 0;font-size:.875rem;border-bottom:1px solid #f8fafc}@media (max-width:1024px){.adm-sidebar{transform:translateX(-100%)}.adm-sidebar:not(.collapsed){transform:translateX(0)}.adm-main{margin-left:0!important}.adm-menu-toggle{display:flex}.adm-detail-panel{position:fixed;right:0;top:0;bottom:0;width:380px;z-index:150;border-radius:0;max-height:100vh}.adm-orders-layout{flex-direction:column}}@media (max-width:768px){.adm-content{padding:16px}.adm-stat-grid{grid-template-columns:repeat(2,1fr)}.adm-detail-panel{width:100%}.adm-table td,.adm-table th{padding:8px 10px;font-size:.8125rem}}