:root{--primary-orange:#f60;--primary-red:#c62828;--primary-yellow:gold;--dark-red:#8b0000;--light-orange:#fff8f0;--text-dark:#2c2c2c;--text-gray:#666;--bg-light:#fafafa;--white:#fff;--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:.5rem;--grid-gap-lg:1.5rem;--grid-gap-md:1rem;--grid-gap-sm:.75rem;--card-border-radius:12px;--card-shadow-sm:0 2px 8px #00000014;--card-shadow-md:0 4px 16px #0000001a;--card-shadow-lg:0 8px 24px #0000001f;--card-border-width:1px;--card-padding:1.5rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-family:Sarabun,Kanit,sans-serif;line-height:1.6;overflow-x:hidden}body,html{width:100%;overflow-x:hidden}img,video,embed,iframe,object{max-width:100%;height:auto}a,a:focus,a:active,a:hover,button,button:focus,button:active,button:hover{box-shadow:none!important;outline:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-orange)!important;outline-offset:2px!important}.container,.pro-container,.container-fluid{max-width:var(--container-max-width);padding:0 var(--container-padding-desktop);width:100%;margin:0 auto}.container-narrow{max-width:1200px;padding:0 var(--container-padding-desktop);width:100%;margin:0 auto}.container-wide{max-width:1600px;padding:0 var(--container-padding-desktop);width:100%;margin:0 auto}.container-full{max-width:100%!important;padding-left:0!important;padding-right:0!important}section{width:100%;max-width:100%;position:relative;overflow:hidden}.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{gap:var(--grid-gap-md);width:100%;display:grid}.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);flex-direction:column;height:100%;display:flex;overflow:hidden}.pro-card:hover{box-shadow:var(--card-shadow-md);border-color:var(--primary-orange);transform:translateY(-4px)}.pro-card-body{padding:var(--card-padding);flex-direction:column;flex:1;display:flex}.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%);color:#fff;padding:.5rem var(--container-padding-desktop);z-index:1030;font-size:.8rem;position:relative;box-shadow:0 4px 15px #ff450066,inset 0 1px #fff3,inset 0 -1px #0000001a}.gov-bar:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#ffffff0d 50%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.gov-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.gov-bar-content{max-width:var(--container-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.gov-links{gap:2rem;margin-bottom:0;list-style:none;display:flex}.gov-links a{color:#fff;opacity:.9;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .3s;display:flex}.gov-links a:hover{opacity:1}.contact-section{align-items:center;gap:1.5rem;display:flex}.contact-item{align-items:center;gap:.6rem;display:flex}.contact-item>i{color:#fffc;font-size:.95rem}.contact-text{flex-direction:column;line-height:1.3;display:flex}.contact-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem}.contact-value{color:#fff;font-size:.85rem;font-weight:500}.contact-link{color:inherit;text-decoration:none}.contact-link:hover{text-decoration:none}.contact-divider{background:#ffffff40;width:1px;height:24px}.right-section{align-items:center;gap:2rem;margin-left:auto;display:flex}.nav-links{gap:1.5rem;margin:0;list-style:none;display:flex}.nav-links a{color:#fff;opacity:.9;align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;transition:opacity .3s;display:flex}.nav-links a:hover{opacity:1}.nav-links a i{font-size:.9rem}.nav-links a span{font-weight:500}.social-links{align-items:center;gap:.75rem;display:flex}.social-links a{color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{background:#ffffff4d;transform:translateY(-2px)}.language-dropdown{position:relative}.lang-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;transition:all .3s;display:flex}.lang-btn:hover{background:#ffffff40}.lang-flag{font-size:1rem}.lang-code{font-size:.8rem;font-weight:500}.lang-arrow{font-size:.7rem;transition:transform .3s}.lang-btn:hover .lang-arrow,.lang-btn[aria-expanded=true] .lang-arrow{transform:rotate(180deg)}.lang-menu{border:none;border-radius:8px;min-width:160px;max-height:280px;margin-top:.5rem;padding:.5rem 0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.lang-menu .dropdown-item{color:var(--text-dark);align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.85rem;transition:background .2s;display:flex}.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}.fi{width:1.25em;height:1em;font-size:1rem;display:inline-block}.main-header{z-index:1020;background:#fff;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.header-container{max-width:var(--container-max-width);padding:1.5rem var(--container-padding-desktop);justify-content:flex-start;align-items:center;gap:2rem;margin:0 auto;display:flex;overflow:visible}.logo-section{flex-direction:column;flex:none;gap:.3rem;display:flex}.logo{align-items:center;gap:.8rem;text-decoration:none;display:flex}.logo img{width:auto;height:40px}.logo-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex;box-shadow:0 4px 12px #ff66004d}.logo-text h1{color:var(--primary-red);margin:0;font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700}.logo-text p{color:var(--text-gray);margin:0;font-size:.8rem}.search-section{z-index:2001;flex:1;max-width:1000px;margin:0 2rem;position:relative}.search-bar{border:2px solid var(--border-color);z-index:1001;background:#fff;border-radius:8px;align-items:center;padding:.25rem;display:flex;position:relative;overflow:visible;box-shadow:0 2px 8px #0000001a}.search-bar:focus-within{border-color:var(--primary-orange)}.search-bar-wrapper{width:100%;position:relative}.search-bar-form{gap:.5rem;display:flex;position:relative}.item-type-selector{border-right:1px solid var(--border-color);cursor:pointer;white-space:nowrap;color:var(--text-dark);align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:background .3s;display:flex}.item-type-selector:hover{background:var(--light-orange)}.item-type-dropdown{z-index:9999;position:relative}.item-type-dropdown-menu{border:1px solid var(--border-color);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:8px;min-width:150px;margin-top:4px;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(-10px);box-shadow:0 4px 12px #00000026;z-index:10000!important;position:absolute!important;top:100%!important;left:0!important}.item-type-dropdown-menu.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.item-type-option{cursor:pointer;padding:.75rem 1rem;transition:background .2s}.item-type-option:hover{background:var(--light-orange)}.item-type-option.selected{background:var(--light-orange);font-weight:600}.search-input-container{flex:1;align-items:center;padding:0 .5rem;display:flex}.search-icon{color:var(--text-gray);margin-right:.5rem}.search-input{background:0 0;border:none;flex:1;padding:.75rem .5rem;font-size:.95rem;outline:none!important}.search-input:focus,.search-input:active,.search-input:hover{box-shadow:none!important;border-color:#0000!important;outline:none!important}.search-actions{align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.search-action-btn{cursor:pointer;width:36px;height:36px;color:var(--text-gray);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.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{background:var(--primary-orange);color:#fff;border-radius:8px;padding:1px 4px;font-size:.6rem;font-weight:700;position:absolute;top:-2px;right:-2px}.search-submit-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e88e5,#0d47a1);border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.search-submit-btn:hover{background:linear-gradient(135deg,#1976d2,#0d47a1);box-shadow:0 4px 12px #0d47a166}.autocomplete-dropdown{z-index:9999;background:#fff;border:1px solid #0000001a;border-radius:12px;margin-top:10px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.autocomplete-suggestions{padding:.5rem 0}.autocomplete-item{cursor:pointer;color:var(--text-dark);border-left:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.125rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.autocomplete-item:hover{border-left-color:var(--primary-orange);background:linear-gradient(90deg,#ff990014 0%,#ff990008 100%);transform:translate(2px)}.autocomplete-item.active{border-left-color:var(--primary-orange);background:linear-gradient(90deg,#ff99001f 0%,#ff99000d 100%)}.autocomplete-item-image{object-fit:cover;background:linear-gradient(135deg,#fff8f0 0%,#ffe4cc 100%);border:1.5px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.autocomplete-item:hover .autocomplete-item-image{border-color:#ff66004d;transform:scale(1.05);box-shadow:0 4px 12px #f603}.autocomplete-item-image img{object-fit:cover;border-radius:9px;width:100%;height:100%}.autocomplete-item-image i{color:var(--primary-orange);opacity:.6;font-size:1.5rem}.autocomplete-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.autocomplete-item-title{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em;margin-bottom:.15rem;font-size:.925rem;font-weight:600;line-height:1.3;overflow:hidden}.autocomplete-item-title strong{color:var(--primary-orange);font-weight:700}.autocomplete-item-category{color:var(--text-gray);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;font-size:.775rem;line-height:1.4;display:flex;overflow:hidden}.autocomplete-item-category i{opacity:.7;font-size:.7rem}.autocomplete-item-icon{width:32px;height:32px;color:var(--primary-orange);background:linear-gradient(135deg,#ff66001a 0%,#ff66000d 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .25s;display:flex}.autocomplete-item:hover .autocomplete-item-icon,.autocomplete-item.active .autocomplete-item-icon{background:linear-gradient(135deg,var(--primary-orange)0%,#ff8c42 100%);color:#fff}.autocomplete-item-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;line-height:1.4;overflow:hidden}.autocomplete-item-name strong{color:var(--primary-orange);font-weight:700}.autocomplete-loading{color:var(--text-gray);border-top:1px solid #0000000d;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;display:flex}.autocomplete-loading i{color:var(--primary-orange)}.autocomplete-footer{background:linear-gradient(135deg,#fff8f099 0%,#fffc 100%);border-top:1px solid #00000014;border-radius:0 0 12px 12px;padding:0;overflow:hidden}.autocomplete-footer .advanced-search-link{color:var(--primary-orange);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.autocomplete-footer .advanced-search-link:before{content:"";background:linear-gradient(180deg,var(--primary-orange),var(--primary-red));opacity:0;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.autocomplete-footer .advanced-search-link:hover:before{opacity:1}.autocomplete-footer .advanced-search-link:hover{background:linear-gradient(90deg,#ff99001f 0%,#ff99000a 100%);padding-left:1.5rem}.header-actions{flex:none;align-items:center;gap:1.5rem;display:flex}.header-btn{color:var(--text-dark);border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.header-btn.primary{color:#fff;background:linear-gradient(135deg,#1e88e5,#0d47a1);border-color:#0000}.header-btn.primary:hover{background:linear-gradient(135deg,#1976d2,#0d47a1);box-shadow:0 4px 12px #0d47a166}.header-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.user-dropdown{position:relative}.user-dropdown-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000014}.user-dropdown-btn:hover{border-color:var(--primary-orange);transform:translateY(-1px);box-shadow:0 4px 12px #f603}.user-dropdown-btn:active{transform:translateY(0)}.user-avatar{background:linear-gradient(135deg,#ff8c42 0%,var(--primary-orange)50%,var(--primary-red)100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #ff66004d}.user-avatar i{font-size:.9rem}.user-name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;max-width:120px;font-size:.9rem;font-weight:600;overflow:hidden}.user-dropdown-arrow{color:#999;font-size:.65rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.user-dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:none;border-radius:16px;min-width:260px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;transform:translateY(-15px)scale(.95);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.user-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.user-dropdown-header{background:linear-gradient(135deg,#fff5f0 0%,#fff8f5 100%);border-bottom:1px solid #ff66001a;align-items:center;gap:1rem;padding:1.25rem;display:flex}.user-dropdown-header .user-avatar{background:linear-gradient(135deg,#ff8c42 0%,var(--primary-orange)50%,var(--primary-red)100%);width:48px;height:48px;box-shadow:0 4px 12px #ff660040}.user-dropdown-header .user-avatar i{font-size:1.2rem}.user-info{flex:1;min-width:0}.user-fullname{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.user-email{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:.9rem;font-weight:700;line-height:1.3;overflow:hidden}.user-type{color:var(--primary-orange);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem;font-size:.75rem;font-weight:600}.user-dropdown-divider{background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);height:1px;margin:0}.user-dropdown-items{margin:0;padding:.5rem .75rem;list-style:none}.user-dropdown-items li{margin:.5rem 0}.dropdown-item{color:#374151;cursor:pointer;box-sizing:border-box;border-radius:10px;width:100%;margin:.125rem 0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;align-items:center!important;gap:1rem!important;text-decoration:none!important;display:flex!important}.dropdown-item:hover{color:var(--primary-orange);background:linear-gradient(135deg,#fff5f0 0%,#fff8f5 100%);transform:translate(4px);box-shadow:0 2px 8px #ff66001a}.dropdown-item i{width:20px;height:20px;color:var(--primary-orange);background:#ff660014;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dropdown-item:hover i{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;transform:rotate(5deg)scale(1.05);box-shadow:0 2px 8px #ff66004d}.dropdown-icon{width:20px;min-width:20px;height:20px;color:var(--primary-orange);box-sizing:border-box;background:#ff660014;border-radius:6px;padding:.25rem;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.dropdown-item:hover .dropdown-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;transform:rotate(5deg)scale(1.05);box-shadow:0 2px 8px #ff66004d}.dropdown-text{text-overflow:ellipsis;line-height:1.2;overflow:hidden;white-space:nowrap!important;flex:auto!important;display:inline!important}.dropdown-item:link,.dropdown-item:visited,.dropdown-item:hover,.dropdown-item:active{align-items:center!important;text-decoration:none!important;display:flex!important}.dropdown-item button{text-align:left;cursor:pointer;width:100%;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0;align-items:center!important;gap:1rem!important;display:flex!important}.dropdown-item button:hover{color:#d63f00}.dropdown-divider{background:linear-gradient(90deg,#0000 0%,#ff660026 20% 80%,#0000 100%);height:1px;margin:.5rem 0;position:relative}.dropdown-divider:before{content:"";background:#ff660040;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-menu{border:1px solid var(--border-color);z-index:9999;background:#fff;border-radius:8px;min-width:180px;margin-top:.5rem;display:none;position:absolute;top:100%;left:0;right:auto;box-shadow:0 4px 12px #00000026}.dropdown-menu.show{display:block}.dropdown-item{color:var(--text-dark);border-bottom:1px solid #f0f0f0;align-items:center;gap:.8rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--light-orange)}.category-banner-section{padding:2rem var(--container-padding-desktop);border-bottom:1px solid var(--border-color);z-index:1;background:linear-gradient(135deg,#0d6efd9c 0%,#c6282866 50%,#8b000073 100%),url(/hero_banner.png) 50%/cover no-repeat;width:100%;position:relative;overflow:visible}.category-banner-container{max-width:var(--container-max-width);grid-template-columns:280px 1fr;align-items:start;gap:1rem;margin:0 auto;display:grid}.category-list{border:2px solid var(--border-color);z-index:1040;background:#fff;border-radius:12px;position:relative;overflow:visible}.root-category-container{padding:.75rem;position:relative}.hide-all-root-category{border-bottom:2px solid var(--border-color);cursor:pointer;align-items:center;gap:1rem;padding:1rem;transition:background .3s;display:flex}.hide-all-root-category:hover{background:var(--light-orange)}.all-categories-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.all-categories-label{color:var(--text-dark);flex:1;font-size:1rem;font-weight:600}.all-categories-down-arrow{width:20px;height:20px;color:var(--primary-orange)}.category-icon-name{border-bottom:1px solid var(--border-color);cursor:pointer;z-index:100;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative}.category-icon-name:hover{background:var(--light-orange);padding-left:1.25rem}.category-icon-name.active{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{text-align:center;cursor:pointer;color:var(--primary-orange);border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.show-all-categories:hover{background:var(--light-orange)}.show-all-categories i{margin-left:.5rem;transition:transform .3s}.show-all-categories.expanded i{transform:rotate(180deg)}.root-category-icon{background:var(--light-orange);width:36px;height:36px;color:var(--primary-orange);border-radius:10px;justify-content:center;align-items:center;display:flex}.root-category-name{color:var(--text-dark);flex:1;font-size:.9rem;font-weight:500}.root-category-arrow{width:14px;height:14px;color:var(--primary-orange)}.subcategory-panel{z-index:99999;background:#fff;border:1px solid #c8c8c84d;border-radius:16px;width:260px;max-width:80vw;padding:1.25rem;position:absolute;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}.subcategory-panel-header{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;position:relative}.subcategory-panel-header:after{content:"";background:linear-gradient(90deg,var(--primary-orange),var(--primary-red));border-radius:2px;width:60%;height:2px;position:absolute;bottom:0;left:0}.subcategory-grid{flex-direction:column;gap:.35rem;display:flex}.subcategory-item{cursor:pointer;color:#4a4a4a;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.subcategory-item:hover{color:#1a1a1a;background:linear-gradient(135deg,#ff990014 0%,#dc35450f 100%);border-color:#f903;transform:translate(3px)}.subcategory-item-name{letter-spacing:-.005em;flex:1}.subcategory-item-arrow{width:12px;height:12px;color:var(--primary-orange);opacity:0;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translate(-5px)}.subcategory-item:hover .subcategory-item-arrow{opacity:1;transform:translate(0)}.subcategory-item{position:relative}.subcategory-panel-3{z-index:999999;background:#fff;border:1px solid #c8c8c84d;border-radius:16px;width:240px;max-width:80vw;padding:1.25rem;position:absolute;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}.subcategory-panel-3-header{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:1rem;padding-bottom:.6rem;font-size:.9rem;font-weight:600;position:relative}.subcategory-panel-3-header:after{content:"";background:linear-gradient(90deg,var(--primary-orange),var(--primary-red));border-radius:2px;width:50%;height:2px;position:absolute;bottom:0;left:0}.subcategory-grid-3{flex-direction:column;gap:.35rem;display:flex}.subcategory-item-3{cursor:pointer;color:#4a4a4a;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.subcategory-item-3:hover{color:#1a1a1a;background:linear-gradient(135deg,#ff990014 0%,#dc35450f 100%);border-color:#f903;transform:translate(3px)}.subcategory-item-3-name{letter-spacing:-.005em;flex:1}.banner-right-section{flex-direction:column;gap:1rem;display:flex}.promotion-banner{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.swiper-container{position:relative;overflow:hidden}.swiper-wrapper{transition:transform .5s;display:flex}.swiper-slide{min-width:100%;position:relative}.image-wrapper{width:100%;height:385px;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%}.image-wrapper a{width:100%;height:100%;display:block}.swiper-pagination{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.swiper-pagination-bullet{cursor:pointer;background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:all .3s}.swiper-pagination-bullet-active{background:var(--primary-orange)}.arrow{cursor:pointer;z-index:10;width:50px;height:50px;color:var(--text-dark);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:#fff;box-shadow:0 4px 12px #0003}.arrow-left{left:20px}.arrow-right{right:20px}.rfq-display{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;width:100%;display:grid}.rfq-banner-item{border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);transition:all var(--transition-normal);background:#fff;flex-direction:column;height:120px;display:flex;overflow:hidden}.rfq-banner-item:hover{box-shadow:var(--card-shadow-md);transform:translateY(-5px)}.rfq-banner-item .link{color:inherit;flex:1;height:100%;text-decoration:none;display:flex}.rfq-banner-item .content{color:#2d3748;background:#fff;border-left:4px solid #d35400;flex-direction:column;flex:1;justify-content:center;padding:1.5rem;display:flex;box-shadow:0 4px 12px #00000026}.rfq-banner-item .title{margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.3}.rfq-banner-item .text{opacity:.9;font-size:.9rem}.rfq-banner-item .image{background:#fff;justify-content:center;align-items:center;width:140px;min-height:80px;display:flex}.rfq-banner-item .image img{object-fit:contain;width:120px;height:80px}@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-card{border:1px solid var(--border-color);border-radius:var(--card-border-radius);transition:all var(--transition-normal);cursor:pointer;background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--card-shadow-md);border-color:var(--primary-orange);transform:translateY(-5px)}.product-card-link{color:inherit;height:100%;transition:all var(--transition-normal);text-decoration:none;display:block}.product-card-link:hover{text-decoration:none}.product-card-link:focus{outline:none}.product-card-link:focus .product-card{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff66004d}.product-image{background:linear-gradient(135deg,var(--light-orange),white);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.product-image i{color:var(--primary-orange);opacity:.2;font-size:5rem}.product-badge{background:var(--primary-red);color:#fff;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:none;position:absolute;top:12px;left:12px}.product-badge.hot{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red))}.product-badge.verified{background:linear-gradient(135deg,#4caf50,#45a049)}.product-info{flex-direction:column;flex:1;padding:.8rem;display:flex}.product-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8rem;margin-bottom:.4rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price{color:var(--primary-red);font-family:Kanit,sans-serif;font-size:1.4rem;font-weight:700}.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);gap:var(--element-spacing-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.supplier-card{padding:var(--card-padding);box-shadow:var(--card-shadow-sm);transition:all var(--transition-normal);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.supplier-card:hover{box-shadow:var(--card-shadow-md);border-color:var(--primary-orange);transform:translateY(-5px)}.supplier-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.supplier-logo{background:var(--light-orange);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.supplier-info{flex:1}.supplier-name{color:var(--text-dark);margin-bottom:.3rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600}.supplier-category{color:var(--text-gray);font-size:.85rem}.supplier-stats{color:var(--text-dark);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.supplier-products{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.supplier-product-item{aspect-ratio:1;background:var(--light-orange);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.supplier-product-item img{object-fit:cover;width:100%;height:100%}.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);gap:var(--element-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;display:grid}.stat-bar-item{align-items:center;gap:1rem;display:flex}.stat-bar-icon{color:#fff;background:linear-gradient(135deg,#f6d41a,#e44915);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.stat-bar-text h3{color:var(--primary-red);margin-bottom:.2rem;font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700}.stat-bar-text p{color:var(--text-gray);font-size:.9rem}.footer{color:var(--text-dark);padding:var(--section-spacing)var(--container-padding-desktop)2rem;background:#f5f5f5;width:100%}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-grid{gap:var(--element-spacing-lg);margin-bottom:var(--element-spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:start;display:grid}.footer h4{color:var(--text-dark);margin-bottom:1.2rem;font-size:1rem;font-weight:600}.footer ul{margin:0;padding:0;list-style:none}.footer ul li{margin-bottom:.8rem}.footer ul li a{color:var(--text-gray);font-size:.9rem;text-decoration:none;transition:color .3s}.footer ul li a:hover{color:var(--primary-orange)}.footer-logos-column{justify-content:center;align-items:flex-start;display:flex}.footer-bottom{padding-top:var(--element-spacing-md);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:var(--text-gray);margin:0;font-size:.85rem}.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{width:auto;height:50px}.footer-description{color:var(--text-gray);margin-bottom:1.5rem;font-size:.9rem;line-height:1.8}.footer-logo-link{display:inline-block}.footer-partner-logo{width:auto;max-height:50px}.footer-partner-logo.ditp-logo{filter:brightness(.3)}.footer-partner-logo.dbd-logo{max-height:45px}.footer-label{color:var(--text-dark);margin-right:.5rem;font-size:.9rem;font-weight:600}.app-badge{width:auto;height:32px}.footer-social-link{color:#d73a1d;font-size:1.3rem;transition:opacity .3s}.footer-social-link:hover{opacity:.7}.footer-copyright{color:var(--text-gray);margin:0;font-size:.85rem}@media (max-width:1024px){:root{--container-padding-desktop:var(--container-padding-tablet);--section-spacing:3rem}.pro-grid{gap:var(--grid-gap-sm)}.grid-6,.grid-5{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:.75rem;--card-padding:1rem}.container,.pro-container,.container-fluid{padding:0 var(--container-padding-mobile)}.section-padding{padding:var(--section-spacing)0}.pro-grid{gap:var(--grid-gap-sm)}.grid-6,.grid-5,.grid-4,.grid-3{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}.contact-section{flex-wrap:wrap;gap:1rem}.contact-item:not(:last-child),.contact-divider{display:none}.right-section,.nav-links{gap:1rem}.nav-links a span{display:none}.header-container{flex-wrap:wrap;gap:1rem}.search-section{order:3;width:100%}.products-grid,.rfq-display,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}@media (max-width:480px){.grid-6,.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}:root{--section-spacing:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pro-card:focus-visible,button:focus-visible,a:focus-visible,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{color:#fff;background:linear-gradient(135deg,#f60 0%,#c62828 100%);padding:3rem 5% 2rem}.category-header .breadcrumb{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.category-header .breadcrumb a{color:#fffc;transition:color var(--transition-normal);text-decoration:none}.category-header .breadcrumb a:hover{color:#fff}.category-header .breadcrumb span{color:#fff9}.category-header h1{font-size:2.5rem;font-weight:700;font-family:var(--font-kanit),sans-serif;margin-bottom:.5rem}.category-header p{opacity:.95;font-size:1.1rem}.category-content{max-width:1600px;margin:0 auto;padding:3rem 5%}.category-info{background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 12px #00000014}.category-info h2{font-size:1.8rem;font-weight:600;font-family:var(--font-kanit),sans-serif;color:var(--text-dark);margin-bottom:.5rem}.category-stats{flex-wrap:wrap;gap:3rem;margin-top:1rem;display:flex}.stat-item{color:var(--text-gray);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.stat-item i{color:var(--primary-orange);font-size:1.1rem}.no-products{text-align:center;color:var(--text-gray);padding:4rem 2rem}.no-products i{color:var(--border-color);margin-bottom:1rem;font-size:4rem}.no-products h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem}.no-products p{margin-bottom:1.5rem;font-size:1rem}.no-products a,.no-products button{background:var(--primary-orange);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:8px;margin-top:1rem;padding:.75rem 2rem;font-weight:500;text-decoration:none;display:inline-block}.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{grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:2rem;display:grid}@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{color:var(--primary-red);align-items:center;gap:.75rem;margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:2rem;font-weight:700;display:flex}.section-header p{color:var(--text-gray);margin:0;font-size:1rem}.section-header i.section-icon-fire,.section-header i.fa-fire{color:var(--primary-orange)}.popular-products-section .section-header i.fa-star,.popular-products-section .section-header i.section-icon-star{color:gold}.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);gap:var(--grid-gap-md);grid-template-columns:repeat(6,1fr);width:100%;margin:0 auto;display:grid}.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;max-width:var(--container-max-width);margin-top:1.5rem;margin-left:auto;margin-right:auto}.show-more-btn{color:var(--primary-orange);border:1px solid var(--primary-orange);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.show-more-btn:hover{background:var(--primary-orange);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.show-more-btn:active{transform:translateY(0)}.show-more-btn.btn-primary{background:var(--primary-orange);color:#fff;border:1px solid var(--primary-orange);border-radius:8px;padding:1rem 3rem;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 #c628284d}.show-more-btn.btn-primary:active{transform:translateY(0)}.popular-products-section{padding:var(--section-spacing)var(--container-padding-desktop);background:#eee;width:100%;position:relative}.popular-products-section .section-header{text-align:left}.popular-products-section .section-header h2{color:#2d3748;text-shadow:none;font-size:2.5rem}.popular-products-section .section-header p{color:#718096}.popular-products-grid{max-width:var(--container-max-width);grid-template-columns:repeat(5,1fr);gap:1.5rem;margin:0 auto;display:grid}.popular-products-grid .product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d}.popular-products-grid .product-card:hover{background:#fff;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px #0003}@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{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.category-slider::-webkit-scrollbar{display:none}.category-item{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex:none;width:140px;padding:1rem;transition:all .3s}.category-item:hover{background:var(--light-orange);transform:translateY(-5px)}.category-item.active{border-color:var(--primary-orange);background:var(--light-orange)}.category-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .8rem;font-size:1.5rem;display:flex}.category-name{color:var(--text-dark);font-size:.85rem;font-weight:500;line-height:1.3}.category-arrow{cursor:pointer;width:45px;height:45px;color:var(--primary-orange);z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.category-arrow:hover{background:var(--primary-orange);color:#fff;box-shadow:0 4px 12px #ff66004d}.category-arrow-prev{left:-20px}.category-arrow-next{right:-20px}.category-products-container{max-width:var(--container-max-width);margin:0 auto}.selected-category-title{text-align:center;background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.selected-category-title h3{color:var(--primary-red);margin:0;font-family:Kanit,sans-serif;font-size:1.8rem}@media (max-width:1200px){.category-products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.category-products-grid{grid-template-columns:repeat(2,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){.products-section,.popular-products-section,.category-products-section,.top-suppliers-section,.stats-bar{padding-left:4%;padding-right:4%}}@media (max-width:768px){.products-section,.popular-products-section,.category-products-section,.top-suppliers-section,.stats-bar{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-content{flex-direction:column;gap:1rem}.gov-links,.contact-section,.right-section{flex-wrap:wrap;justify-content:center;width:100%}.contact-item{text-align:center;flex-direction:column}.contact-divider{display:none}.nav-links{flex-wrap:wrap;justify-content:center}.header-actions{flex-direction:column;gap:.5rem;width:100%}.header-btn{text-align:center;justify-content:center;width:100%}}@media (max-width:1024px){.category-banner-container{grid-template-columns:1fr!important}.category-list{max-height:300px;overflow-y:auto}}@media (max-width:768px){.root-category-container .category-icon-name{padding:.6rem .8rem;font-size:.85rem}.root-category-icon{width:32px;height:32px}}@media (max-width:900px){.stats-bar-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-bar-container{grid-template-columns:1fr}.stat-bar-icon{width:50px;height:50px}.stat-bar-text h3{font-size:1.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}.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,#ff6600d9 0%,#c62828e6 50%,#8b0000e6 100%),url(/hero_banner.png) 50%/cover no-repeat;padding:4rem 5%;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:1400px;margin:0 auto;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text h1{color:#fff;margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:3rem;font-weight:700;line-height:1.2}.hero-text h1 span{color:var(--primary-yellow)}.hero-text>p{color:#ffffffe6;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.hero-buttons{gap:1rem;display:flex}.btn{cursor:pointer!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.5rem!important;padding:1rem 2rem!important;font-size:.75rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s!important;display:inline-flex!important}.btn-primary{color:#c62828!important;background:#fff!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 16px #0003!important}.btn-secondary{color:#fff!important;background:0 0!important;border:2px solid #fff!important}.btn-secondary:hover{background:#ffffff1a!important}.hero-features{gap:1rem;display:flex}.hero-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;flex:1;padding:2rem;transition:all .3s}.hero-feature-card:hover{background:#fff3;transform:translateY(-4px)}.hero-feature-card i{color:var(--primary-yellow);margin-bottom:1rem;font-size:2.5rem}.hero-feature-card h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.hero-feature-card p{color:#fffc;font-size:.9rem}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-features{flex-direction:column}.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{justify-content:center;width:100%}.btn{width:auto}}.register-page{background:linear-gradient(135deg,var(--bg-light)0%,white 100%);min-height:calc(100vh - 200px);padding:4rem 5%}.register-container{max-width:1200px;margin:0 auto}.register-header h3{color:var(--text-gray);margin-top:1rem;font-size:1.5rem;font-weight:500}.join-wrap{justify-content:center;align-items:stretch;gap:2rem;max-width:900px;margin-top:3rem;margin-left:auto;margin-right:auto;display:flex}.join-card{border:2px solid var(--border-color);text-align:center;background:#fff;border-radius:16px;flex:1;max-width:420px;padding:3rem 2rem;transition:all .4s;box-shadow:0 4px 20px #00000014}.join-card:hover{border-color:var(--primary-orange);transform:translateY(-8px);box-shadow:0 12px 40px #f603}.join-card.seller{background:linear-gradient(135deg,white 0%,var(--light-orange)100%)}.join-card.buyer{background:linear-gradient(135deg,#fff 0%,#f0f8ff 100%)}.join-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;font-size:3rem;display:flex;box-shadow:0 8px 24px #ff66004d}.join-card.buyer .join-icon{background:linear-gradient(135deg,#1e88e5,#0d47a1);box-shadow:0 8px 24px #1e88e54d}.join-card h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.join-card p.tit{color:var(--primary-orange);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.join-card.buyer p.tit{color:#1e88e5}.join-card p.txt{color:var(--text-gray);margin-bottom:1.5rem;font-size:.95rem}.join-card .join-btn{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #ff66004d}.join-card.buyer .join-btn{background:linear-gradient(135deg,#1e88e5,#0d47a1);box-shadow:0 4px 12px #1e88e54d}.join-card .join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f606}.join-card.buyer .join-btn:hover{box-shadow:0 6px 16px #1e88e566}.benefits-list{text-align:left;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.benefits-list h5{color:var(--text-dark);margin-bottom:1rem;font-size:1rem;font-weight:600}.benefits-list ul{margin:0;padding:0;list-style:none}.benefits-list li{color:var(--text-gray);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;display:flex}.benefits-list li i{color:var(--primary-orange);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{width:100%;max-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{background:0 0!important;border-radius:0!important;align-items:center!important;gap:.5rem!important;margin:0!important;padding:0!important;font-size:.9rem!important;list-style:none!important;display:flex!important}.breadcrumb-item{align-items:center!important;display:flex!important}.breadcrumb-item+.breadcrumb-item{padding-left:0!important}.breadcrumb-item+.breadcrumb-item:before{content:">"!important;color:var(--text-gray)!important;float:none!important;margin-right:.5rem!important;padding-right:0!important}.quantity-section{align-items:center;gap:1rem;padding:1rem 0;display:flex}.quantity-label{color:var(--text-dark);font-size:1rem;font-weight:500}.quantity-selector{border:2px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden}.quantity-btn{background:var(--bg-light);width:44px;height:44px;color:var(--text-dark);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.quantity-btn:hover{background:var(--primary-orange);color:#fff}.quantity-input{border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:center;width:80px;height:44px;color:var(--text-dark);outline:none;font-size:1.1rem;font-weight:600}.quantity-input:focus{background:var(--light-orange)}.action-buttons{flex-wrap:wrap!important;gap:1rem!important;display:flex!important}.action-buttons .btn-action{cursor:pointer!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;min-width:200px!important;padding:.75rem 1.5rem!important;font-size:.75rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.action-buttons button.btn-action,.action-buttons a.btn-action{cursor:pointer!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;min-width:200px!important;padding:.75rem 1.5rem!important;font-size:.75rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.action-buttons .btn-primary,.action-buttons button.btn-primary,.action-buttons a.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red))!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #ff66004d!important}.action-buttons .btn-primary:hover,.action-buttons button.btn-primary:hover,.action-buttons a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f606}.action-buttons .btn-secondary,.action-buttons a.btn-secondary{color:var(--text-dark)!important;border:2px solid var(--border-color)!important;background:#fff!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;border:none!important;box-shadow:0 4px 12px #ff66004d!important}.action-buttons .btn-request-quotation:hover,.action-buttons button.btn-request-quotation:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f606}.product-description{background:var(--bg-light);border-radius:12px;padding:1.5rem}.section-title i{color:var(--primary-orange)}.description-text{color:var(--text-gray);line-height:1.8}.product-specifications{background:var(--bg-light);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.spec-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.spec-item{border-bottom:1px solid var(--border-color);padding:.75rem 0;display:flex}.spec-label{color:var(--text-dark);flex:0 0 150px;font-weight:500}.spec-value{color:var(--text-gray);flex:1}.product-images-section{flex-direction:column;gap:1rem;display:flex}.main-image-container{background:var(--bg-light);aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.main-image{object-fit:contain;width:100%;height:100%;transition:transform .3s}.main-image-container:hover .main-image{transform:scale(1.05)}.thumbnail-container{gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.thumbnail{border:2px solid var(--border-color);cursor:pointer;object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px;transition:all .3s}.thumbnail:hover,.thumbnail.active{border-color:var(--primary-orange);box-shadow:0 2px 8px #ff66004d}.product-detail-section{background:#fff;padding:3rem 2rem}.product-detail-container{max-width:1400px;margin:0 auto}.product-detail-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.product-info-section{flex-direction:column;gap:1.5rem;display:flex}.product-title{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.product-meta{flex-wrap:wrap;gap:1rem;display:flex}.meta-item{color:var(--text-gray);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.meta-item i{color:var(--primary-orange)}.product-price-section{background:var(--light-orange);border:1px solid #f603;border-radius:12px;padding:1.5rem}.price-label{color:var(--text-gray);margin-bottom:.5rem;font-size:.9rem}.price-value{color:var(--primary-red);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.price-value.ask-for-price{color:var(--primary-orange);font-size:1.5rem;font-weight:500}.moq-info{color:var(--text-gray);font-size:.9rem}.no-image-placeholder{justify-content:center;align-items:center;height:100%;display:flex}.no-image-icon{color:var(--border-color);font-size:4rem}.company-info-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem}.company-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.company-logo{object-fit:contain;border:1px solid var(--border-color);border-radius:8px;width:60px;height:60px}.company-logo-placeholder{background:var(--light-orange);border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.company-name{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:600}.company-location{color:var(--text-gray);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.company-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem 0;display:grid}.stat-item{text-align:center}.stat-value{color:var(--primary-orange);font-size:1.5rem;font-weight:700}.company-actions{gap:1rem;display:flex}.company-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.company-action-btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff}.company-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.company-action-btn-secondary{color:var(--text-gray);border:2px solid var(--border-color);background:#fff}.company-action-btn-secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.related-products-section{background:var(--bg-light);padding:3rem 2rem}.related-products-container{max-width:1400px;margin:0 auto}.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.related-product-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.related-product-image-wrapper{aspect-ratio:1;width:100%;position:relative}.related-product-image{object-fit:cover}.related-product-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:500;display:-webkit-box;overflow:hidden}.related-product-price{color:var(--primary-red);font-size:1.1rem;font-weight:600}.related-products-grid .product-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;transition:all .3s;overflow:hidden}.related-products-grid .product-card:hover{border-color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 12px #ff660026}.related-products-grid .product-card-image{object-fit:cover;width:100%;height:200px}.related-products-grid .product-card-content{padding:.75rem}.related-products-grid .product-card-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.related-products-grid .product-card-price{color:var(--primary-red);font-size:1rem;font-weight:700}.related-products-grid .product-card-link{text-decoration:none}.related-products-empty{text-align:center;color:var(--text-muted);padding:3rem 2rem}.related-products-empty p{margin:0;font-size:1rem}.product-card{border:1px solid var(--border-color);border-radius:var(--card-border-radius);cursor:pointer;background:#fff;transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--card-shadow-md);transform:translateY(-4px)}.product-image{aspect-ratio:1;width:100%;padding:0;position:relative}.product-image img{object-fit:cover;width:100%;height:100%}.product-image-placeholder{background:var(--bg-light);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.product-image-placeholder i{color:var(--border-color);font-size:3rem}.product-info{padding:1rem}.product-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-shop-name{color:var(--text-gray);margin-bottom:.25rem;font-size:.85rem}.product-shop-name.clickable{cursor:pointer;transition:color .2s}.product-shop-name.clickable:hover{color:var(--primary-orange)}.product-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.product-price{color:var(--primary-red);font-size:1.1rem;font-weight:600}.product-price .ask-for-price{color:var(--primary-orange);white-space:nowrap;font-weight:500}.product-moq{color:var(--text-gray);font-size:.85rem}.quotation-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.quotation-modal-container{background:#fff;border-radius:16px;width:90%;max-width:500px;padding:2rem;animation:.3s slideUp;box-shadow:0 8px 32px #0003}.quotation-modal-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.quotation-modal-icon{background:var(--light-orange);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.quotation-modal-icon i{color:var(--primary-orange);font-size:1.5rem}.quotation-modal-icon.icon-white i{color:#fff}.quotation-modal-title-section{flex:1}.quotation-modal-title{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:600}.quotation-modal-subtitle{color:var(--text-gray);margin:.5rem 0 0;font-size:.9rem}.quotation-modal-close-btn{cursor:pointer;color:var(--text-gray);background:0 0;border:none;padding:.25rem;position:absolute;top:-.5rem;right:-.5rem}.quotation-modal-close-btn i{font-size:1.25rem}.quotation-product-preview{background:var(--light-orange);border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.quotation-product-image{object-fit:cover;border-radius:8px;width:60px;height:60px}.quotation-product-placeholder{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.quotation-product-placeholder i{color:var(--border-color)}.quotation-product-info{flex:1}.quotation-product-name{margin-bottom:.25rem;font-weight:600}.quotation-product-quantity{color:var(--text-gray);font-size:.9rem}.quotation-quantity-section{margin-bottom:1.5rem}.quotation-label{margin-bottom:.5rem;font-weight:500;display:block}.quotation-quantity-controls{align-items:center;gap:.5rem;display:flex}.quotation-quantity-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quotation-quantity-input{text-align:center;border:1px solid var(--border-color);border-radius:8px;width:80px;height:40px}.quotation-message-section{margin-bottom:1.5rem}.quotation-textarea{border:1px solid var(--border-color);resize:vertical;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit}.quotation-actions{gap:1rem;display:flex}.quotation-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.quotation-btn-secondary{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}.quotation-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.quotation-btn-primary{background:var(--primary-orange);color:#fff}.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{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;animation:.5s cubic-bezier(.68,-.55,.265,1.55) successPop;display:flex;box-shadow:0 10px 30px #28a7454d}.success-checkmark i{color:#fff;font-size:2.5rem;animation:.3s ease-out .3s both checkmarkDraw}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:#28a745;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.success-message{color:var(--text-gray);margin:0;font-size:1rem}.error-state{text-align:center;padding:2rem}.error-icon{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex}.error-icon i{color:#fff;font-size:2rem}.error-title{color:#dc3545;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-message{color:var(--text-gray);margin-bottom:1.5rem;font-size:.95rem}.toast-container{z-index:9999;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%)}.toast{background:#fff;border-radius:16px;align-items:center;gap:1rem;min-width:350px;max-width:500px;padding:1.25rem 2rem;transition:all .3s;animation:.4s cubic-bezier(.68,-.55,.265,1.55) toastSlideIn;display:flex;box-shadow:0 10px 40px #0003}@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 0%,#c3e6cb 100%);border:2px solid #28a745}.toast.toast-error{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border:2px solid #dc3545}.toast.toast-warning{background:linear-gradient(135deg,#fff3cd 0%,#ffeeba 100%);border:2px solid #ffc107}.toast.toast-info{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border:2px solid #17a2b8}.toast.toast-exit{opacity:0;transform:translateY(-20px)scale(.9)}.toast-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.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{color:#333;flex:1;font-size:1rem;font-weight:600}.toast-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.5rem;transition:all .2s}.toast-close:hover{color:#333;background:#0000001a}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.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-title,.product-card-skeleton .skeleton-subtitle{margin-bottom:.5rem}.products-grid-skeleton{grid-template-columns:repeat(6,1fr);gap:1.5rem;display:grid}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.error-boundary-icon{color:var(--primary-orange);margin-bottom:1rem;font-size:4rem}.error-boundary-title{margin-bottom:1rem;font-size:1.5rem}.error-boundary-message{color:var(--text-gray);margin-bottom:2rem}.error-boundary-actions{gap:1rem;display:flex}.error-boundary-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none}.error-boundary-btn-primary{background:var(--primary-orange);color:#fff}.error-boundary-btn-secondary{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.signin-page,.register-page{min-height:calc(100vh - 200px);padding:3rem 5%}.signin-container,.register-container{max-width:1200px;margin:0 auto}.register-container{max-width:800px}.page-header{text-align:center;margin-bottom:3rem}.page-title{color:var(--text-dark);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-title span{color:var(--primary-orange)}.title-underline{background:var(--primary-orange);width:100px;height:4px;margin:0 auto}.signin-content{grid-template-columns:repeat(2,1fr);align-items:start;gap:4rem;display:grid}.signin-content-centered{grid-template-columns:none;justify-content:center;align-items:center;display:flex}.signin-form-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:3rem;box-shadow:0 10px 40px #0000001a}.alert{border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger i{font-size:1.25rem}.user-type-selector{background:#fff;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex;box-shadow:0 2px 8px #00000014}.user-type-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.user-type-btn.active{background:var(--primary-orange);color:#fff}.form-group{margin-bottom:1.5rem}.form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-label{margin-bottom:.5rem;font-weight:500;display:block}.form-label .required{color:var(--primary-red)}.form-control,.form-select{color:#212529;border:1px solid var(--border-color);background-color:#fff;background-clip:padding-box;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:400;line-height:1.5;transition:all .3s;display:block}.form-control:focus,.form-select:focus{color:#212529!important;border-color:var(--primary-orange)!important;background-color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #ff66001a!important}.form-control:disabled,.form-select:disabled,.user-type-btn:disabled,.btn-signin:disabled{opacity:.6;cursor:not-allowed}.form-control::placeholder{color:#6c757d;opacity:1}.form-select{background:#fff}.form-help-text{color:var(--text-gray);font-size:.85rem;display:block}.password-group{position:relative}.password-group .form-control{padding-right:3rem}.password-toggle{cursor:pointer;color:var(--text-gray);background:0 0;border:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.form-options{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.remember-me{cursor:pointer;align-items:center;gap:.5rem;display:flex}.remember-me input{cursor:pointer}.forgot-password{color:var(--primary-orange);text-decoration:none}.btn-signin{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;display:flex}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";background:var(--border-color);width:100%;height:1px;position:absolute;top:50%;left:0}.divider-text{color:var(--text-gray);background:#fff;padding:0 1rem;font-size:.9rem;position:relative}.social-signin{flex-direction:column;gap:1rem;display:flex}.btn-social{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem;display:flex}.btn-social.facebook{color:#fff;background:#1877f2}.btn-social.google{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}.btn-social.google img{width:18px;height:18px}.signin-right{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #00000014}.signin-right-content h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem}.signin-right-content p{color:var(--text-gray);margin-bottom:1.5rem}.benefits-list{margin:0 0 2rem;padding:0;list-style:none}.benefits-list li{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.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:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #00000014}.register-form-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.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-loading,.product-detail-error{text-align:center;padding:4rem}.product-detail-loading-icon{color:var(--primary-orange);font-size:3rem}.product-detail-loading-text{color:var(--text-gray);margin-top:1rem}.product-detail-error-icon{color:var(--primary-red);font-size:4rem}.product-detail-error-title{margin-top:1rem}.product-detail-error-text{color:var(--text-gray)}.product-detail-error-btn{background:var(--primary-orange);color:#fff;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 2rem;text-decoration:none;display:inline-block}.company-logo-placeholder-icon{color:var(--primary-orange);font-size:1.5rem}.related-product-placeholder{background:var(--bg-light);justify-content:center;align-items:center;height:100%;display:flex}.related-product-placeholder i{color:var(--border-color);font-size:3rem}.related-product-info{padding:1rem}.product-images-section{position:relative}.image-zoom-lens{border:2px solid var(--primary-orange);pointer-events:none;z-index:10;cursor:crosshair;background-color:#ffffff26;background-repeat:no-repeat;border-radius:50%;width:120px;height:120px;transition:box-shadow .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0006,0 4px 12px #0000004d,inset 0 0 20px #f603}.image-zoom-lens:before{content:"";background:var(--primary-orange);opacity:.1;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-zoom-lens:after{content:"";border:2px solid #ff660080;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.image-zoom-lens{display:none}.main-image-container{cursor:default}}.image-zoom-result{aspect-ratio:1;z-index:100;opacity:0;background:#fff;border-radius:12px;width:600px;animation:.3s forwards zoomResultFadeIn;position:absolute;top:0;right:-620px;overflow:hidden;box-shadow:0 4px 20px #00000026}@keyframes zoomResultFadeIn{to{opacity:1}}.image-zoom-result-inner{background-repeat:no-repeat;width:100%;height:100%}@media (max-width:1400px){.image-zoom-result,.image-zoom-lens{display:none}}.customer-dashboard-section{background:var(--bg-light);min-height:calc(100vh - 400px);padding:2rem 5%}.dashboard-container{grid-template-columns:280px 1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;transition:grid-template-columns .3s;display:grid}.customer-sidebar{background:#fff;border-radius:12px;transition:width .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sidebar-header{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;text-align:center;padding:1.5rem}.sidebar-header h2{margin:0;font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:600}.sidebar-header p{opacity:.9;margin:.5rem 0 0;font-size:.85rem}.sidebar-menu{padding:1rem 0}.menu-dropdown{position:relative}.menu-dropdown-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-dropdown-icon{color:var(--text-gray);font-size:.7rem;transition:transform .3s}.menu-dropdown.open .menu-dropdown-icon{transform:rotate(180deg)}.menu-dropdown-items{background:var(--bg-light);max-height:0;transition:max-height .3s;overflow:hidden}.menu-dropdown.open .menu-dropdown-items,.menu-dropdown-items.open{max-height:500px}.menu-dropdown-toggle.open .menu-dropdown-icon{transform:rotate(180deg)}.menu-item{color:var(--text-dark);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.9rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{background:var(--light-orange);border-left-color:var(--primary-orange)}.menu-item.active{border-left-color:var(--primary-orange);background:linear-gradient(90deg,#ff99001f 0%,#ff99000a 100%);font-weight:600}.menu-item i{text-align:center;width:20px;color:var(--primary-orange)}.sidebar-menu-icon-img{filter:brightness(0)saturate()invert(47%)sepia(98%)saturate(1835%)hue-rotate(360deg)brightness(101%)contrast(107%);width:18px;height:18px}.menu-item-text{flex:1;font-size:.9rem}.menu-item-badge{background:var(--primary-red);color:#fff;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.submenu-item{color:var(--text-dark);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.75rem 1.5rem .75rem 2.5rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.submenu-item:hover{background:var(--light-orange);border-left-color:var(--primary-orange)}.submenu-item.active{border-left-color:var(--primary-orange);background:linear-gradient(90deg,#ff99001f 0%,#ff99000a 100%);font-weight:600}.dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.dashboard-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.dashboard-header h1{color:var(--primary-red);margin:0 0 .5rem;font-family:Kanit,sans-serif;font-size:1.8rem}.dashboard-header p{color:var(--text-gray);margin:0;font-size:.95rem}.order-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:linear-gradient(135deg,var(--light-orange),white);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:var(--primary-orange);transform:translateY(-3px);box-shadow:0 6px 16px #ff660026}.stat-icon{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;font-size:1.3rem;display:flex}.stat-number{color:var(--primary-red);margin-bottom:.25rem;font-family:Kanit,sans-serif;font-size:2rem;font-weight:700}.stat-label{color:var(--text-gray);font-size:.85rem}.orders-section{margin-top:2rem}.section-title{color:var(--text-dark);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.section-title.with-actions{justify-content:space-between}.section-title-actions{align-items:center;gap:1rem;margin-left:auto;display:flex}.filter-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.order-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.order-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #0000001a}.order-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.order-id{color:var(--text-dark);font-size:1rem;font-weight:600}.order-date{color:var(--text-gray);margin-top:.25rem;font-size:.85rem}.order-status{border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.order-status.pending{color:#e65100;background:#fff3e0}.order-status.processing{color:#1565c0;background:#e3f2fd}.order-status.shipped{color:#7b1fa2;background:#f3e5f5}.order-status.delivered{color:#2e7d32;background:#e8f5e9}.order-status.cancelled{color:#c62828;background:#ffebee}.order-items{gap:1rem;margin-bottom:1rem;display:flex}.order-item{background:var(--bg-light);border-radius:8px;flex:1;align-items:center;gap:1rem;padding:.75rem;display:flex}.order-item-image{background:linear-gradient(135deg,var(--light-orange),white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.order-item-image i{color:var(--primary-orange);font-size:1.5rem}.order-item-info{flex:1}.order-item-name{color:var(--text-dark);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.order-item-quantity{color:var(--text-gray);font-size:.85rem}.order-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.order-total{color:var(--text-dark);font-size:1.1rem;font-weight:600}.order-total span{color:var(--primary-red);font-family:Kanit,sans-serif}.order-actions{gap:.5rem;display:flex}.btn-view{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s}.btn-view:hover{background:#e65100;transform:translateY(-1px)}.btn-track{color:var(--text-dark);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s}.btn-track:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.empty-state{text-align:center;color:var(--text-gray);padding:3rem}.empty-state i{opacity:.3;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.2rem}@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}}.status-tabs{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.status-tab{border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.status-tab:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.status-tab.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.status-tab i{font-size:.9rem}.tab-count{opacity:.9;font-size:.75rem}.filter-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-box i{color:var(--text-gray);font-size:.9rem;position:absolute;left:1rem}.search-box input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem;transition:all .3s}.search-box input:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #ff66001a}.filter-options{gap:.75rem;display:flex}.filter-select{border:1px solid var(--border-color);cursor:pointer;appearance:none;background:#fff 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") right .75rem center no-repeat;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem}.filter-select:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #ff66001a}.quotations-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.quotations-table{border-collapse:collapse;width:100%}.quotations-table thead{background:linear-gradient(135deg,#fff5f0 0%,#fff8f5 100%)}.quotations-table th{text-align:left;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.8rem;font-weight:600}.quotations-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s}.quotations-table tbody tr:hover{background:#fff8f5}.quotations-table tbody tr:last-child{border-bottom:none}.quotations-table td{vertical-align:middle;padding:1rem}.seller-info{align-items:center;gap:1rem;display:flex}.seller-avatar{border:2px solid #e9ecef;border-radius:12px;width:56px;height:56px;transition:all .3s;box-shadow:0 2px 8px #00000014}.seller-avatar img{object-fit:cover;width:100%;height:100%}.seller-avatar:hover{border-color:var(--primary-orange);transform:scale(1.05)}.seller-avatar-fallback{color:#6c757d;background:#f5f5f5;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 2px 8px #00000014;border:2px solid #e9ecef!important;border-radius:12px!important;width:56px!important;height:56px!important}.shop-logo{background:#fff;border-radius:8px;padding:4px}.seller-name{color:var(--text-dark);margin-bottom:.25rem;font-family:Kanit,sans-serif;font-size:.95rem;font-weight:700}.request-date{color:#6c757d;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.request-date:before{content:"";font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900}.product-info{align-items:center;gap:1rem;display:flex}.product-thumb{object-fit:cover;border:2px solid #e9ecef;border-radius:12px;width:70px;height:70px;transition:all .3s;box-shadow:0 2px 8px #00000014}.product-thumb:hover{border-color:var(--primary-orange);transform:scale(1.05)}.product-details{flex:1}.product-name{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-category{color:#6c757d;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.quantity-badge{background:var(--light-orange);color:var(--primary-orange);border-radius:20px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.price-info{flex-direction:column;gap:.25rem;display:flex}.price-value{color:var(--primary-orange);font-size:1rem;font-weight:700}.price-status{color:var(--text-gray);font-size:.75rem}.action-cell{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;line-height:1.3;display:inline-flex}.status-badge i{font-size:.65rem}.status-pending{color:#f57f17;background:#fff8e1;border:1px solid #ffe082}.status-received{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.status-accepted{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9}.status-completed{color:#6a1b9a;background:#f3e5f5;border:1px solid #ce93d8}.equotation-product-info{align-items:center;gap:.75rem;display:flex}.equotation-product-image{object-fit:cover;border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;width:45px;height:45px}.equotation-product-placeholder{background:var(--light-gray);width:45px;height:45px;color:var(--text-gray);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.equotation-product-details{flex-direction:column;gap:.15rem;min-width:0;display:flex}.equotation-product-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.85rem;font-weight:600;overflow:hidden}.equotation-product-variant,.equotation-product-qty{color:var(--text-gray);font-size:.75rem}.equotation-product-price{color:var(--primary-orange);font-size:.8rem;font-weight:600}.accept-status{border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.accept-status i{font-size:.7rem}.accept-status.accepted{color:#155724;background:#d4edda}.accept-status.pending{color:#856404;background:#fff3cd}.valid-time,.total-price,.from-date{color:var(--text-dark);font-size:.85rem;font-weight:500}.looking-for-text{color:var(--text-dark);font-size:.9rem;font-weight:600}.request-info-cell{max-width:250px}.request-description{color:var(--text-gray);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.quantity-cell,.deliver-to-cell,.duration-cell{color:var(--text-dark);font-size:.85rem}.date-cell{color:var(--text-dark);white-space:nowrap;font-size:.85rem}.title-cell{color:var(--text-dark);font-size:.85rem;font-weight:500}.attendee-cell,.position-cell,.product-cell{color:var(--text-gray);font-size:.85rem}.status-cancelled{color:#721c24;background:#f8d7da}.company-name-cell{color:var(--text-dark);font-size:.9rem;font-weight:500}.role-cell{color:var(--text-gray);font-size:.85rem}.btn-action-icon{background:var(--light-gray);width:32px;height:32px;color:var(--text-gray);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:.35rem;transition:all .2s;display:inline-flex}.btn-action-icon:hover{background:var(--primary-orange);color:#fff}.btn-action-icon.danger:hover{background:var(--primary-red);color:#fff}.account-card{box-shadow:var(--card-shadow-sm);border-left:4px solid var(--primary-orange);background:#fff;border-radius:12px;overflow:hidden}.account-card-header{background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.account-card-header h4{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:600}.account-card-body{padding:1.5rem}.account-row{margin-bottom:1.5rem}.account-avatar-section{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.account-avatar-wrapper{flex-shrink:0}.account-avatar-img{object-fit:cover;border:3px solid var(--border-color);border-radius:50%;width:120px;height:120px}.verify-warning{color:#856404;background:#fff3cd;border-radius:8px;flex:1;align-items:flex-start;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.verify-warning i{color:#dc3545;flex-shrink:0;margin-top:2px;font-size:1.1rem}.verify-warning a{color:var(--primary-orange);text-decoration:underline}.account-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.account-field{flex-direction:column;gap:.35rem;display:flex}.account-field-full{border-top:1px solid var(--border-color);flex-direction:column;grid-column:1/-1;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.field-label{color:var(--text-dark);font-size:.85rem;font-weight:600}.field-label.required:before{content:"*";color:var(--primary-red);margin-right:.25rem}.field-value{color:var(--text-gray);font-size:.9rem}.file-badge{color:#004085;background:#e7f3ff;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.file-badge i{color:#dc3545}.file-badge:hover{background:#d4e9ff}.file-badge .file-size{color:#666;margin-left:.25rem;font-size:.7rem}.checkbox-display{color:var(--text-gray);cursor:default;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.checkbox-display input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-orange)}.category-grid{grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;display:grid}@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{text-align:center;flex-direction:column;align-items:center}}.password-form-row{max-width:500px;margin-bottom:1.25rem}.password-field-group{flex-direction:column;gap:.5rem;display:flex}.password-input-wrapper{display:flex;position:relative}.password-input{border:1px solid var(--border-color);color:var(--text-dark);border-radius:8px;flex:1;padding:.75rem 80px .75rem 1rem;font-size:.9rem;transition:border-color .2s}.password-input:focus{border-color:var(--primary-orange);outline:none}.password-input.error{border-color:var(--primary-red)}.password-input-icons{align-items:center;gap:.25rem;height:100%;padding-right:.75rem;display:flex;position:absolute;top:0;right:0}.password-toggle-btn,.password-help-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-input-icons .password-toggle-btn,.password-input-icons .password-help-btn{position:static;transform:none}.password-toggle-btn:hover,.password-help-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{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-change-password:hover:not(:disabled){background:var(--primary-red)}.btn-change-password:disabled{opacity:.7;cursor:not-allowed}.success-banner{color:#155724;background:#d4edda;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.success-banner i{font-size:1.1rem}.attachments-cell{align-items:center;display:flex}.attachment-thumbnails{align-items:center;gap:.35rem;display:flex}.attachment-thumbnail{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:36px;height:36px}.attachment-more{color:var(--text-gray);background:var(--light-gray);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.no-attachment{color:var(--text-gray);font-size:.85rem}.dashboard-header-content{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.btn-new-request{background:var(--primary-orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-new-request:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.btn-new-request i{font-size:.85rem}.buying-request-header{margin-bottom:.5rem}.buying-request-header h2{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:600}.form-divider{border:none;border-top:1px solid var(--border-color);margin:1rem 0 1.5rem}.buying-request-form{box-shadow:var(--card-shadow-sm);background:#fff;border-radius:12px;padding:1.5rem}.form-row{flex-wrap:wrap;margin:0 -.75rem 1rem;display:flex}.form-group{margin-bottom:1rem;padding:0 .75rem}.form-group.col-12{width:100%}.form-group.col-md-3{width:25%}.form-group.col-md-4{width:33.333%}.form-group.col-md-6{width:50%}.form-group.offset-md-2{margin-left:16.667%}.form-label{color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-label.required:before{content:"*";color:var(--primary-red);margin-right:.25rem}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-dark);background:#fff;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #ff66001a}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--primary-red)}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--primary-red);margin-top:.35rem;font-size:.8rem;display:block}.radio-group{gap:1.5rem;padding-bottom:.75rem;display:flex}.radio-label{cursor:pointer;color:var(--text-dark);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--primary-orange)}.document-list{margin:0;padding:0;list-style:none}.document-item{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.document-add-btn{cursor:pointer}.btn-add-file{background:var(--primary-red);color:#fff;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:background .2s;display:inline-flex}.btn-add-file:hover{background:var(--dark-red)}.document-number,.document-name{color:var(--text-dark);font-size:.9rem}.document-detail-input{border:1px solid var(--border-color);border-radius:4px;max-width:200px;padding:.35rem .75rem;font-size:.85rem}.document-info{color:var(--text-gray);justify-content:flex-end;gap:1rem;margin-top:.75rem;display:flex}.documents-table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:8px;width:100%;margin-top:1rem;overflow:hidden}.documents-table th,.documents-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.documents-table th{background:var(--light-gray);color:var(--text-dark);font-size:.85rem;font-weight:600}.documents-table td{color:var(--text-dark);font-size:.85rem}.documents-table tr:last-child td{border-bottom:none}.btn-remove-doc{color:var(--primary-red);cursor:pointer;background:0 0;border:none;padding:.35rem;font-size:.9rem;transition:color .2s}.btn-remove-doc:hover{color:var(--dark-red)}.btn-post-request{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-post-request:hover:not(:disabled){background:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.btn-post-request:disabled{opacity:.7;cursor:not-allowed}.d-flex{display:flex}.align-items-end{align-items:flex-end}.text-center{text-align:center}@media (max-width:768px){.form-group.col-md-3,.form-group.col-md-4,.form-group.col-md-6{width:100%}.form-group.offset-md-2{margin-left:0}.radio-group{flex-direction:column;gap:.75rem}.document-info{flex-direction:column;align-items:flex-end;gap:.25rem}}.calendar-wrapper{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}.calendar-fullwidth{width:100%}.calendar-container{box-shadow:var(--card-shadow-sm);background:#fff;border-radius:12px;overflow:hidden}.calendar-header{background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.calendar-nav-btn{border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-dark);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-nav-btn:hover{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.calendar-title{align-items:center;gap:1rem;display:flex}.calendar-title h2{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:600}.btn-today{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:background .2s}.btn-today:hover{background:var(--primary-red)}.calendar-grid{padding:1rem 1.5rem 1.5rem}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.calendar-weekday{text-align:center;color:var(--text-gray);padding:.5rem;font-size:.8rem;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.calendar-day{border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:1rem .5rem;transition:all .2s;display:flex;position:relative}.calendar-fullwidth .calendar-day{min-height:100px}.calendar-day.other-month{opacity:.4}.calendar-day.today{border-color:var(--primary-orange);background:#ff66001a}.calendar-day.today .day-number{background:var(--primary-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.calendar-day.has-events{background:#ff66000d}.day-number{color:var(--text-dark);font-size:.9rem;font-weight:500}.event-dots{gap:3px;margin-top:4px;display:flex}.event-dot{background:var(--primary-orange);border-radius:50%;width:6px;height:6px}.events-panel{box-shadow:var(--card-shadow-sm);background:#fff;border-radius:12px;flex-direction:column;max-height:600px;display:flex;overflow:hidden}.events-panel-header{background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.events-panel-header h3{color:var(--text-dark);margin:0;font-size:1rem;font-weight:600}.events-panel-content{flex:1;padding:1rem;overflow-y:auto}.no-day-selected,.no-events{text-align:center;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.no-day-selected i,.no-events i{opacity:.5;margin-bottom:1rem;font-size:3rem}.no-day-selected p,.no-events p{margin:0;font-size:.9rem}.events-list{flex-direction:column;gap:.75rem;display:flex}.event-card{background:var(--bg-light);border-left:3px solid var(--primary-orange);border-radius:8px;padding:1rem}.event-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.event-type-badge{background:var(--primary-orange);color:#fff;text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.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{color:var(--text-dark);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.event-detail{color:var(--text-gray);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;display:flex}.event-detail i{width:16px;color:var(--primary-orange)}.event-description{color:var(--text-gray);margin:.5rem 0 0;font-size:.8rem;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}}.total-price{color:var(--primary-orange);font-weight:600}.btn-view-details{color:var(--text-dark);cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e9ecef;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000000a}.btn-view-details:hover{border-color:var(--primary-orange);color:var(--primary-orange);transform:translateY(-1px);box-shadow:0 4px 8px #ff7e5f26}.btn-action-edit{color:#fff;background:linear-gradient(135deg,#f60 0%,#e55b00 100%);border:none;box-shadow:0 2px 8px #ff66004d}.btn-action-edit:hover{color:#fff;background:linear-gradient(135deg,#e55b00 0%,#cc5200 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f606}.btn-action-scm{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);border:none;box-shadow:0 2px 8px #4caf504d}.btn-action-scm:hover{color:#fff;background:linear-gradient(135deg,#43a047 0%,#2e7d32 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-accept-quotation{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#218838 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #28a7454d}.btn-accept-quotation:hover{background:linear-gradient(135deg,#218838 0%,#1e7e34 100%);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.pagination-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.pagination-info{color:var(--text-gray);gap:1.5rem;font-size:.875rem;display:flex}.pagination-info strong{color:var(--text-dark)}.items-count,.total-items{display:none}@media (min-width:768px){.items-count,.total-items{display:inline}}.pagination-controls{gap:.5rem;display:flex}.pagination-btn{border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange)}.pagination-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:var(--text-gray);-webkit-user-select:none;user-select:none;align-items:center;padding:.6rem .5rem;font-weight:500;display:flex}@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}.quotations-table-wrapper{overflow-x:auto}.quotations-table{min-width:800px}.pagination-wrapper{flex-direction:column;align-items:center}}.categories-header{color:#fff;text-align:center;background:linear-gradient(135deg,#f60 0%,#c62828 100%);padding:3rem 2rem}.categories-header-content h1{margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:700}.categories-header-content p{opacity:.95;font-size:1.1rem}.categories-section{background:#fafafa;padding:4rem 2rem}.categories-container{max-width:1400px;margin:0 auto}.categories-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}@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{text-align:center;cursor:pointer;color:inherit;background:#fff;border:2px solid #0000;border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s;display:block;position:relative;box-shadow:0 2px 8px #0000001a}.category-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#ff66000d,#c628280d);transition:opacity .3s;position:absolute;inset:0}.category-card:hover:before{opacity:1}.category-card:hover{border-color:var(--primary-orange);transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.category-icon-wrapper{background:linear-gradient(135deg,var(--light-orange),white);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;position:relative}.category-icon-wrapper i{color:var(--primary-orange);font-size:2.5rem}.category-name{color:var(--text-dark);z-index:1;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4;position:relative}.category-count{color:var(--text-gray);z-index:1;font-size:.9rem;position:relative}.category-count i{color:var(--primary-orange);margin-right:.35rem}.featured-section{background:var(--bg-light);border-radius:16px;margin-top:4rem;padding:2rem}.featured-section h2{color:var(--text-dark);text-align:center;margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:600}.featured-categories{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.featured-tag{color:var(--text-dark);background:#fff;border-radius:30px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #00000014}.featured-tag:hover{background:var(--primary-orange);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f603}.featured-tag i{color:var(--primary-orange)}.featured-tag:hover i{color:#fff}@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{max-width:var(--container-max-width);margin:0 auto;padding:0 3rem;position:relative}.slider-container{position:relative;overflow:hidden}.slider-track{transition:transform .5s ease-in-out;display:flex}.slider-slide{flex-shrink:0;width:100%;padding:0 .5rem}.products-row{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.product-slide-item{min-width:0}.slider-nav-btn{border:2px solid var(--border-color);width:48px;height:48px;color:var(--text-dark);cursor:pointer;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.slider-nav-btn:hover:not(:disabled){background:var(--primary-orange);color:#fff;border-color:var(--primary-orange);box-shadow:0 4px 12px #ff66004d}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed}.slider-nav-prev{left:0}.slider-nav-next{right:0}.slider-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.pagination-dot{background:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.pagination-dot:hover{background:var(--primary-orange)}.pagination-dot.active{background:var(--primary-orange);border-radius:6px;width:36px}.slider-loading,.slider-empty{text-align:center;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.slider-empty i{color:var(--primary-red);margin-bottom:1rem;font-size:3rem}@media (max-width:1280px){.products-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.products-row{grid-template-columns:repeat(3,1fr)}.product-card-slider{padding:0 2.5rem}}@media (max-width:768px){.products-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.products-row{grid-template-columns:1fr}.product-card-slider{padding:0 2rem}.slider-nav-btn{width:40px;height:40px;font-size:1rem}}.btn-back-link{color:var(--primary-orange);transition:var(--transition-fast);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-back-link:hover{color:var(--primary-red);transform:translate(-3px)}.equotation-detail-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.equotation-detail-header{background:linear-gradient(135deg,var(--light-orange),#fff);border-bottom:1px solid var(--border-color);padding:2rem}.section-title-inline{color:var(--text-dark);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.section-title-inline i{color:var(--primary-orange)}.quotation-meta{align-items:center;gap:.5rem;margin-bottom:0;margin-left:1rem;display:inline-flex}.quotation-meta:last-child{margin-bottom:0}.quotation-label{color:var(--text-gray);font-size:.85rem;font-weight:500}.quotation-value{color:var(--text-dark);font-size:.95rem;font-weight:600}.equotation-detail-body{padding:2rem}.detail-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{color:var(--text-dark);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.1rem;font-weight:600;display:flex}.detail-section-title i{color:var(--primary-orange)}.detail-section-title .text-danger{color:var(--primary-red)!important}.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.detail-info-item{flex-direction:column;gap:.25rem;display:flex}.detail-info-item.full-width{grid-column:1/-1}.detail-label{color:var(--text-gray);font-size:.85rem;font-weight:500}.detail-value{color:var(--text-dark);font-size:1rem;font-weight:500}.table-responsive{overflow-x:auto}.detail-table{border-collapse:collapse;background:#fff;width:100%}.detail-table thead{background:var(--light-orange)}.detail-table th{text-align:left;color:var(--text-dark);border-bottom:2px solid var(--border-color);padding:1rem;font-weight:600}.detail-table td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.9rem}.detail-table tbody tr:hover{background:var(--light-orange)}.detail-table tfoot tr.total-row,.detail-table tfoot tr.shipping-row{background:#ffffff80}.detail-table tfoot tr.scm-row{background:#ffffff4d}.detail-table tfoot tr.final-total-row{border-top:3px solid var(--primary-orange);background:linear-gradient(135deg,#ff660026,#c6282826)!important}.detail-table tfoot td{border-top:2px solid var(--border-color);border-bottom:none;padding:1.25rem 1rem;font-size:1rem}.price-column{color:var(--primary-red);font-family:Kanit,sans-serif;font-weight:600}.total-amount{color:var(--primary-red);font-size:1.4rem}.exchange-rate-box{background:linear-gradient(135deg,#ff660014,#dc354514);border:1px solid #f603;border-radius:12px;padding:1.25rem}.exchange-rate-main{color:var(--text-dark);margin-bottom:.25rem;font-size:.9rem;font-weight:500}.rate-highlight{color:var(--primary-orange);font-size:1rem;font-weight:600}.exchange-rate-date{color:var(--text-gray);font-size:.8rem}.terms-box{background:var(--bg-light);border-radius:8px;padding:1.25rem}.terms-box p{color:var(--text-dark);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.7}.remark-box{background:#fff5f5;border:1px solid #dc35454d;border-radius:8px;padding:1.25rem}.remark-box p{color:var(--text-dark);margin:0;font-size:.95rem;line-height:1.6}.chat-container{background:var(--bg-light);border-radius:12px;overflow:hidden}.chat-messages{flex-direction:column;gap:1.5rem;max-height:600px;padding:1.5rem;display:flex;overflow-y:auto}.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{gap:1rem;animation:.3s messageSlide;display:flex}.chat-message-seller{flex-direction:row}.chat-message-buyer{flex-direction:row-reverse}.chat-avatar{flex-shrink:0;width:48px;height:48px}.chat-avatar img,.chat-avatar .avatar-placeholder{object-fit:cover;border-radius:50%;width:48px;height:48px}.chat-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.chat-content{flex:1;max-width:70%}.chat-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.chat-name{color:var(--text-dark);font-size:.95rem;font-weight:600}.chat-role{background:var(--light-orange);color:var(--primary-orange);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.chat-role-buyer{color:#1976d2;background:#e3f2fd}.chat-time{color:var(--text-gray);font-size:.75rem}.chat-text{color:var(--text-dark);background:#fff;border-radius:12px;padding:1rem;line-height:1.5;box-shadow:0 1px 4px #00000014}.chat-message-seller .chat-text{border-top-left-radius:4px}.chat-message-buyer .chat-text{background:linear-gradient(135deg,#ff66001a,#dc35451a);border-top-right-radius:4px}.chat-input-area{border-top:1px solid var(--border-color);background:#fff;padding:1.5rem}.chat-input-wrapper{margin-bottom:1rem}.chat-input{border:1px solid var(--border-color);resize:vertical;width:100%;transition:var(--transition-fast);border-radius:8px;padding:1rem;font-family:inherit;font-size:.95rem}.chat-input:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #ff66001a}.chat-input-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.chat-quick-replies{flex-wrap:wrap;gap:.5rem;display:flex}.quick-reply-btn{border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;transition:var(--transition-fast);background:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.quick-reply-btn:hover{background:var(--light-orange);border-color:var(--primary-orange);color:var(--primary-orange)}.chat-send-btn{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f606}.chat-hint{color:var(--text-gray);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.chat-input-inline{align-items:center;gap:.75rem;display:flex}.chat-input-inline .chat-input{resize:none;border-radius:24px;flex:1;height:48px;min-height:48px;max-height:48px;padding:.75rem 1rem;line-height:1.5}.chat-send-btn-inline{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:1.1rem;transition:all .2s;display:flex}.chat-send-btn-inline:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #f606}.chat-send-btn-inline:disabled{background:var(--border-color);cursor:not-allowed}.detail-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-action{cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-action:hover{transform:translateY(-2px)}.btn-action-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-red));color:#fff;border:none;box-shadow:0 2px 8px #ff66004d}.btn-action-primary:hover{box-shadow:0 4px 12px #f606}.btn-action-success{color:#fff;background:linear-gradient(135deg,#28a745,#218838);border:none}.btn-action-success:hover{box-shadow:0 4px 12px #28a74566}.btn-action-secondary{color:var(--text-dark);border-color:var(--border-color);background:#fff}.btn-action-secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.btn-action-outline{color:var(--text-gray);border-color:var(--border-color);background:0 0}.btn-action-outline:hover{border-color:var(--text-gray);color:var(--text-dark)}@media (max-width:991px){.equotation-detail-header,.equotation-detail-body{padding:1.5rem}.detail-info-grid{grid-template-columns:1fr}.quotation-meta{justify-content:flex-start}.detail-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}.chat-container{max-width:100%}.chat-messages{max-height:500px;margin-bottom:1.5rem;padding-right:.5rem;overflow-y:auto}.chat-input-actions{flex-direction:column;gap:.75rem}.chat-quick-replies{flex-wrap:wrap}.chat-quick-replies .quick-reply-btn{flex:100%;font-size:.8rem}}.skeleton-box{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 50%,#f0f0f0 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading;display:inline-block}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.breadcrumb-section{border-bottom:1px solid var(--border-color);background:#fff;padding:.875rem 3%}.breadcrumb-container{max-width:1600px;margin:0 auto}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumb-item a{color:var(--text-gray);text-decoration:none;transition:color .3s}.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{background:var(--bg-light);min-height:calc(100vh - 200px);padding:2rem 2%;overflow-x:hidden}.search-results-container{max-width:100%;margin:0 auto}.results-header{background:linear-gradient(135deg,#fff 0%,#fef9f5 100%);border:1px solid #ff66001a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem 2rem;box-shadow:0 2px 12px #0000000f}.results-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.results-info{color:var(--text-gray);margin:0;font-size:1rem}.results-keyword{color:var(--primary-orange);font-weight:700}.search-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.filters-sidebar{border:1px solid var(--border-color);background:#fff;border-radius:12px;height:fit-content;position:sticky;top:90px;box-shadow:0 2px 12px #0000000f}.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{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.filter-section:last-child{border-bottom:none}.filter-title{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:.875rem;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.filter-title:hover{color:var(--primary-orange)}.filter-title i.toggle-icon{font-size:.8rem;transition:transform .3s}.filter-section.collapsed .filter-title i.toggle-icon{transform:rotate(-90deg)}.filter-section.collapsed .filter-content{display:none}.filter-content{flex-direction:column;gap:.75rem;display:flex}.filter-content-scrollable{max-height:450px;padding-right:.5rem;overflow-y:auto}.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{cursor:pointer;align-items:center;gap:.5rem;display:flex}.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;color:var(--text-dark);flex:1;margin:0;font-size:.9rem}.filter-count{color:var(--text-gray);font-size:.85rem}.price-range-inputs{align-items:center;gap:.5rem;display:flex}.price-input{border:1px solid var(--border-color);box-sizing:border-box;border-radius:4px;flex:1;min-width:0;padding:.5rem;font-size:.9rem}.price-input:focus{border-color:var(--primary-orange);outline:none}.price-separator{color:var(--text-gray)}.products-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.sort-view-bar{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000f}.sort-options{align-items:center;gap:1rem;display:flex}.sort-label{color:var(--text-gray);font-size:.9rem}.sort-select{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.sort-select:focus{border-color:var(--primary-orange);outline:none}.view-options{gap:.5rem;display:flex}.view-btn{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-gray);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .3s;display:flex}.view-btn:hover,.view-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.search-results-section .products-grid{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;min-width:0;padding:1.25rem;display:grid;box-shadow:0 2px 8px #0000000f}.search-results-section .products-grid.list-view{grid-template-columns:1fr}.search-results-section .products-grid.list-view .product-card{grid-template-columns:200px 1fr;display:grid}.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{flex-direction:column;justify-content:space-between;display:flex}.search-product-item{cursor:pointer}.pagination-section{border:1px solid var(--border-color);background:#fff;border-radius:10px;justify-content:center;margin-top:1rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0000000f}.pagination{gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.page-item{display:flex}.page-link{border:1px solid var(--border-color);min-width:38px;height:38px;color:var(--text-dark);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 .625rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.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:#fff;border-color:#0000;box-shadow:0 2px 8px #ff66004d}.page-item.disabled .page-link{opacity:.4;cursor:not-allowed;pointer-events:none}.search-no-results{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:4rem 2rem;box-shadow:0 2px 12px #0000000f}.search-no-results-icon{color:var(--text-gray);margin-bottom:1.5rem;font-size:4rem}.search-no-results h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem}.search-no-results-text{color:var(--text-gray);margin-bottom:1.5rem}.search-clear-filters-btn{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s;display:inline-flex}.search-clear-filters-btn:hover{background:var(--primary-red)}@media (max-width:1024px){.search-layout{grid-template-columns:1fr}.filters-sidebar{max-height:none;position:relative;top:0}}@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}}.store-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.store-loading .loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-orange);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.store-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.store-not-found i{color:var(--text-gray);margin-bottom:1rem;font-size:4rem}.store-not-found h2{margin-bottom:.5rem;font-size:1.5rem}.store-not-found p{color:var(--text-gray);margin-bottom:1.5rem}.btn-back-home{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;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);padding:0 var(--container-padding-desktop);margin:0 auto}.store-banner-slider{border-radius:var(--card-border-radius);width:100%;height:300px;margin-bottom:1.5rem;position:relative;overflow:hidden}.store-banner-slide{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.store-banner-slide.active{opacity:1}.store-banner-dots{gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;transition:background .3s}.banner-dot.active{background:var(--white)}.store-info-card{background:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.store-info-left{flex:1;gap:1.5rem;display:flex}.store-avatar{background:var(--light-gray);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.store-avatar i{color:var(--text-gray);font-size:2.5rem}.store-details{flex:1}.store-name{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.store-meta{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.store-meta span{color:var(--text-gray);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.store-meta span i{color:var(--primary-orange)}.store-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.store-badge.dipt{color:#1565c0;background:#e3f2fd}.store-business-types{flex-wrap:wrap;gap:.5rem;display:flex}.business-type-tag{background:var(--light-orange);color:var(--primary-orange);border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.store-info-right{flex-direction:column;gap:.75rem;display:flex}.store-website-btn,.store-contact-btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.store-website-btn{background:var(--primary-orange);color:#fff}.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);border-radius:var(--card-border-radius);margin-bottom:1rem;padding:1.5rem}.store-description h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.store-description p{color:var(--text-gray);font-size:.95rem;line-height:1.7}.store-export-markets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.export-label{color:var(--text-dark);margin-right:.5rem;font-weight:500}.export-market-tag{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.store-products-section{background:var(--bg-light);padding:2rem 0}.store-products-container{max-width:var(--container-max-width);padding:0 var(--container-padding-desktop);margin:0 auto}.store-products-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.store-products-header h2{color:var(--text-dark);font-size:1.25rem;font-weight:600}.store-search-box{background:var(--white);box-shadow:var(--card-shadow-sm);border-radius:8px;display:flex;overflow:hidden}.store-search-box input{border:none;outline:none;width:250px;padding:.75rem 1rem;font-size:.9rem}.store-search-box button{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;padding:.75rem 1rem;transition:background .3s}.store-search-box button:hover{background:#e65c00}.store-no-products{text-align:center;background:var(--white);border-radius:var(--card-border-radius);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.store-no-products i{color:var(--text-gray);margin-bottom:1rem;font-size:3rem}.store-no-products h3{margin-bottom:.5rem;font-size:1.25rem}.store-no-products p{color:var(--text-gray);margin-bottom:1rem}.btn-clear-search{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:500}.store-product-item{cursor:pointer}@media (max-width:768px){.store-banner-slider{height:200px}.store-info-card{flex-direction:column}.store-info-left{text-align:center;flex-direction:column;align-items:center}.store-meta,.store-business-types{justify-content:center}.store-info-right{flex-direction:row;width:100%}.store-website-btn,.store-contact-btn{flex:1}.store-products-header{flex-direction:column;align-items:stretch}.store-search-box,.store-search-box input{width:100%}}.store-details-grid{grid-template-columns:1fr 300px;gap:1.5rem;margin-top:1.5rem;display:grid}.store-detail-box{background:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);padding:1.5rem}.store-detail-title{color:var(--text-dark);border-bottom:2px solid var(--primary-orange);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.store-detail-title i{color:var(--primary-orange)}.store-detail-content{color:var(--text-gray);text-align:justify;font-size:.95rem;line-height:1.8}.store-detail-sidebar{flex-direction:column;gap:1.5rem;display:flex}.store-detail-tags{flex-direction:column;gap:.5rem;display:flex}.store-tag{border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex}.store-tag.business{background:var(--light-orange);color:var(--primary-orange)}.store-tag.market{color:#2e7d32;background:#e8f5e9}@media (max-width:900px){.store-details-grid{grid-template-columns:1fr}.store-detail-sidebar{flex-flow:wrap}.store-detail-sidebar .store-detail-box{flex:1;min-width:200px}}.store-avatar-large{background:var(--light-gray);border:3px solid var(--primary-orange);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.store-avatar-large i{color:var(--text-gray);font-size:3rem}.store-contact-info{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.store-info-row{color:var(--text-dark);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.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)}.meta-item.verified,.meta-item.verified i{color:#2e7d32}.stat-value-small{font-size:.9rem!important;font-weight:500!important}.category-products-section{background:var(--bg-light);padding:3rem 0}.category-products-container{max-width:var(--container-max-width);padding:0 var(--container-padding-desktop);margin:0 auto}.category-products-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.category-block{background:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-sm);margin-bottom:2rem;padding:1.5rem}.category-block-header{border-bottom:2px solid var(--primary-orange);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.category-block-title{align-items:center;gap:.75rem;display:flex}.category-block-title i{color:var(--primary-orange);font-size:1.5rem}.category-block-title h2{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:600}.category-count{color:var(--text-gray);font-size:.9rem;font-weight:400}.view-all-btn{border:2px solid var(--primary-orange);color:var(--primary-orange);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .3s;display:flex}.view-all-btn:hover{background:var(--primary-orange);color:#fff}.category-products-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.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{color:var(--text-dark);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.section-main-title i{color:var(--primary-orange)}.section-subtitle{color:var(--text-gray);margin-top:.5rem;font-size:1rem}.register-section{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.register-container{width:100%;max-width:600px;margin:0 auto}.register-form-wrapper{background:var(--white);border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px #0000001a}.register-header{text-align:center;margin-bottom:2rem}.register-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.register-header p{color:var(--text-gray);font-size:.95rem}.register-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.register-form .form-group{margin-bottom:1.25rem}.register-form label{color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.register-form .required{color:#dc3545}.register-form input,.register-form select{border:2px solid var(--border-color);background:var(--white);border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.register-form input:focus,.register-form select:focus{border-color:#1e88e5;outline:none;box-shadow:0 0 0 3px #1e88e51a}.register-form input.error,.register-form select.error{border-color:#dc3545}.register-form .help-text{color:var(--text-gray);margin-top:.35rem;font-size:.8rem;display:block}.register-form .error-message{color:#dc3545;margin-top:.35rem;font-size:.8rem;display:block}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{color:var(--text-gray);cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary-orange)}.file-upload-area{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:8px;padding:2rem;transition:border-color .2s,background .2s}.file-upload-area:hover{background:#1e88e505;border-color:#1e88e5}.file-upload-area.error{border-color:#dc3545}.file-input{display:none}.file-upload-label{cursor:pointer;color:var(--text-gray);flex-direction:column;align-items:center;gap:.5rem;display:flex}.file-upload-label i{color:#1e88e5;font-size:2rem}.file-upload-label .file-name{color:#1e88e5;font-weight:500}.checkbox-group{margin-top:1rem}.checkbox-label{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{accent-color:#1e88e5;width:18px;height:18px;margin-top:2px}.checkbox-label a{color:#1e88e5;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.register-form .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.register-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.register-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.divider{align-items:center;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.divider span{color:var(--text-gray);padding:0 1rem;font-size:.9rem}.social-login{gap:1rem;display:flex}.social-btn{border:2px solid var(--border-color);background:var(--white);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.95rem;font-weight:500;transition:border-color .2s,background .2s;display:flex}.social-btn:hover{border-color:var(--text-gray);background:#f8f9fa}.social-btn.google i{color:#db4437}.social-btn.facebook{color:#fff;background:#1877f2;border-color:#1877f2}.social-btn.facebook:hover{background:#166fe5;border-color:#166fe5}.social-btn.facebook i{color:#fff}.social-login-top{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.social-login-top .social-btn{width:100%;padding:.875rem 1rem;font-size:.95rem}.register-header-icon{background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.register-header-icon i{color:#fff;font-size:1.5rem}.recaptcha-placeholder{margin:1.5rem 0}.recaptcha-box{border:1px solid var(--border-color);background:#f9f9f9;border-radius:4px;align-items:center;gap:.75rem;padding:1rem;display:flex}.recaptcha-box i{color:#4285f4;font-size:1.5rem}.recaptcha-box span{color:var(--text-gray);font-size:.9rem}.form-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.form-footer p{color:var(--text-gray);margin:.5rem 0;font-size:.9rem}.form-footer a{color:#1e88e5;font-weight:500;text-decoration:none}.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{background:#fff;min-height:100vh;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{color:var(--primary-orange);margin:0;font-size:1.5rem;font-weight:700;display:inline-block}.register-title-tt .title-underline{background:var(--primary-orange);height:2px;margin-top:.25rem}.register-content-tt{grid-template-columns:7fr 5fr;gap:3rem;margin-top:3rem;padding-bottom:3rem;display:grid}.register-form-col{padding-right:2rem}.register-action-col{padding-left:2rem}.register-form-tt .form-row-tt{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.register-form-tt .form-group-tt{margin-bottom:1rem}.register-form-tt label{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:400;display:block}.register-form-tt label.mandatory:before{content:"*";color:#dc3545;margin-right:.25rem}.register-form-tt input,.register-form-tt select{color:#495057;background:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.register-form-tt input:focus,.register-form-tt select:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 .2rem #ff660026}.register-form-tt input.error,.register-form-tt select.error{border-color:#dc3545}.register-form-tt input.disabled-input,.register-form-tt input:disabled{color:#6c757d;cursor:not-allowed;background:#e9ecef}.register-form-tt input::placeholder{color:#6c757d}.file-upload-tt{align-items:center;gap:.75rem;display:flex}.file-upload-tt input[type=file]{display:none}.file-select-btn{background:var(--light-orange);border:1px solid var(--primary-orange);color:var(--primary-orange);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;display:inline-block}.file-select-btn:hover{background:var(--primary-orange);color:#fff}.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{color:#6c757d;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-wrapper-tt .toggle-password:hover{color:var(--primary-orange)}.hint-text{color:#6c757d;margin-top:.25rem;font-size:.8rem;display:block}.error-msg{color:#dc3545;margin-top:.25rem;font-size:.8rem;display:block}.checkbox-group-tt{margin-bottom:.5rem}.checkbox-label-tt{cursor:pointer;color:#333;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.checkbox-label-tt input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-orange)}.recaptcha-wrapper{justify-content:center;margin-top:2rem;display:flex}.recaptcha-placeholder-tt{color:#555;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;width:304px;height:78px;display:flex}.recaptcha-placeholder-tt i{color:#4285f4;font-size:1.5rem}.signup-btn-tt{background:linear-gradient(135deg,var(--primary-orange)0%,var(--primary-red)100%);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1.15rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 6px #ff66004d}.signup-btn-tt:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f606}.signup-btn-tt:disabled{opacity:.7;cursor:not-allowed}.signup-btn-tt i{font-size:1.1rem}.agree-text,.or-text{color:#333;margin:1.5rem 0 .75rem;padding-left:.5rem;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{cursor:pointer;border:none;border-radius:4px;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:1rem 1.5rem;font-size:1rem;transition:all .2s;display:flex}.social-btn-tt.google{color:#333;border:2px solid var(--border-color);background:#fff}.social-btn-tt.google:hover{border-color:var(--primary-orange);background:#f8f9fa}.social-btn-tt.google i{color:#db4437;font-size:1.1rem}.become-seller-tt{text-align:center;margin-top:2rem}.become-seller-tt a{color:var(--primary-orange);font-weight:500;text-decoration:none}.become-seller-tt a:hover{text-decoration:underline}@media (max-width:768px){.register-content-tt{grid-template-columns:1fr;gap:2rem}.register-form-col,.register-action-col{padding:0}.register-form-tt .form-row-tt{grid-template-columns:1fr}}.type-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.type-badge.type-billing{color:#1565c0;background:#e3f2fd}.type-badge.type-shipping{color:#e65100;background:#fff3e0}.type-badge.type-both{color:#2e7d32;background:#e8f5e9}.name-cell{color:var(--text-dark);font-weight:500}.address-cell{color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.9rem;overflow:hidden}.zipcode-cell{color:var(--text-dark);font-family:Monaco,Consolas,monospace;font-size:.9rem}.telephone-cell{color:var(--text-dark);font-size:.9rem}.accepted-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#28a745,#20c997);border-radius:25px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;animation:2s ease-in-out infinite acceptedPulse;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #28a7454d}.accepted-badge i{font-size:1.1rem}@keyframes acceptedPulse{0%,to{box-shadow:0 4px 12px #28a7454d}50%{box-shadow:0 4px 20px #28a74580}}.status-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.status-accepted{color:#28a745;background:linear-gradient(135deg,#28a74526,#20c99726)}.status-badge.status-accepted i{color:#28a745}.status-badge.status-pending{color:#856404;background:#ffc10726}.status-badge.status-pending i{color:#ffc107}.accepted-badge-inline{color:#fff;background:linear-gradient(135deg,#28a745,#20c997);border-radius:25px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #28a7454d}.accepted-badge-inline i{font-size:1rem}@media print{header,footer,.dashboard-sidebar,.dashboard-menu,.detail-actions,.chat-container,.chat-input-area,.btn-back-link,.accepted-badge-inline,.status-tabs,.filter-bar,.pagination-wrapper,nav,.breadcrumb{display:none!important}body{background:#fff!important;margin:0!important;padding:0!important;font-size:12pt!important}.dashboard-container,.dashboard-content,.customer-dashboard-section{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.equotation-detail-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;margin:0!important}.equotation-detail-header{color:#333!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f5f5f5!important}.equotation-detail-header *{color:#333!important}.detail-table{border-collapse:collapse!important;width:100%!important}.detail-table th,.detail-table td{border:1px solid #ddd!important;padding:8px!important;font-size:11pt!important}.detail-table th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f0f0f0!important}.detail-section-title{border-bottom:2px solid #333!important;margin-bottom:10px!important;padding-bottom:5px!important;font-size:14pt!important}.price-column,.total-amount{font-weight:700!important}.final-total-row{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff3e0!important}.detail-section{page-break-inside:avoid}.dashboard-header h1{margin-bottom:5px!important;font-size:18pt!important}.dashboard-header p{color:#666!important;font-size:10pt!important}.detail-section:has(.chat-container){display:none!important}a{color:#333!important;text-decoration:none!important}@page{margin:1.5cm;size:A4}.no-print{display:none!important}.equotation-detail-card:before{content:"E-QUOTATION";text-align:center;color:#f60;letter-spacing:2px;border-bottom:3px solid #f60;margin-bottom:20px;padding:20px 0;font-size:24pt;font-weight:700;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.equotation-detail-header{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:linear-gradient(135deg,#f60 0%,#ff8533 100%)!important;border-radius:8px!important;margin-bottom:20px!important;padding:20px!important}.equotation-detail-header .section-title-inline,.equotation-detail-header .quotation-label{color:#fff!important}.detail-section{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fafafa!important;border:1px solid #e0e0e0!important;border-radius:8px!important;margin-bottom:20px!important;padding:15px!important}.detail-section-title{color:#f60!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-bottom:2px solid #f60!important;margin-bottom:15px!important;padding-bottom:8px!important;font-size:13pt!important}.detail-section-title i{margin-right:8px}.detail-info-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.detail-info-item{border-bottom:1px dashed #ddd!important;padding:8px 0!important}.detail-label{color:#666!important;font-size:10pt!important;font-weight:600!important}.detail-value{color:#333!important;font-size:11pt!important}.detail-table{border:2px solid #f60!important;border-radius:8px!important;overflow:hidden!important}.detail-table thead{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f60!important}.detail-table th{color:#fff!important;text-align:left!important;border:none!important;padding:12px 10px!important;font-weight:600!important}.detail-table tbody tr:nth-child(2n){-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff8f0!important}.detail-table td{border-bottom:1px solid #eee!important;padding:10px!important}.total-row td,.shipping-row td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f5f5f5!important}.final-total-row td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;font-size:13pt!important}.terms-box{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f9f9f9!important;border-left:4px solid #f60!important;padding:12px!important;font-size:10pt!important}.remark-box{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff5f5!important;border-left:4px solid #dc3545!important;padding:12px!important;font-size:10pt!important}.exchange-rate-box{text-align:center!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#e3f2fd!important;border-radius:8px!important;padding:15px!important}.exchange-rate-main{color:#1565c0!important;font-size:14pt!important}.rate-highlight{font-size:16pt!important;font-weight:700!important}.equotation-detail-card:after{content:"Generated from ThaiTrade.com | " attr(data-date);text-align:center;color:#999;border-top:1px solid #ddd;margin-top:20px;padding-top:20px;font-size:9pt;display:block}.equotation-detail-card.is-accepted:before{content:"E-QUOTATION - ACCEPTED";color:#28a745!important;border-bottom-color:#28a745!important}}