@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Thai:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#e8e8e8;--color-primary-light:#f8fafc;--color-primary-mid:#e2e8f0;--color-primary-dark:#cbd5e1;--color-accent:#2563eb;--color-accent-light:#3b82f6;--color-accent-warm:#60a5fa;--color-accent-glow:#2563eb26;--color-accent-glow-strong:#2563eb4d;--color-success:#10b981;--color-info:#0ea5e9;--color-warning:#f59e0b;--color-surface:#f1f5f9;--color-card:#fff;--color-card-hover:#f8fafc;--color-card-border:#00000014;--color-text:#0f3057;--color-text-secondary:#1d4ed8;--color-text-muted:#3b82f6;--color-text-inverse:#fff;--color-border:#0000001a;--color-border-light:#0000000d;--color-divider:#00000014;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 15px var(--color-accent-glow);--shadow-glow-strong:0 0 30px var(--color-accent-glow-strong);--font-primary:"Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--header-height:72px;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-surface);background-image:radial-gradient(var(--color-border-light) 1.5px, transparent 1.5px);color:var(--color-text);background-size:24px 24px;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--color-accent-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-primary);border:none;outline:none}input,textarea,select{font-family:var(--font-primary);font-size:.95rem}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.2}h1{font-size:2.75rem}h2{font-size:2.125rem}h3{font-size:1.625rem}h4{font-size:1.25rem}.text-gradient{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{text-align:center;margin-bottom:var(--space-3xl)}.section-title h2{margin-bottom:var(--space-sm);font-size:2.125rem}.section-title p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-base);padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--color-accent), #1d4ed8);color:#fff;box-shadow:var(--shadow-md), 0 0 20px var(--color-accent-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-strong);transform:translateY(-2px)}.btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border-light)}.btn-secondary:hover{background:var(--color-card-hover);border-color:var(--color-accent);transform:translateY(-2px)}.btn-outline{color:var(--color-accent-light);border:2px solid var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--color-accent-glow-strong);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.form-group{margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;display:block}.form-control{background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.form-control::placeholder{color:var(--color-text-muted)}textarea.form-control{resize:vertical;min-height:120px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent-light)}.badge-success{color:var(--color-success);background:#2ecc7126}.badge-info{color:var(--color-info);background:#3498db26}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:300px;display:flex}.toast{top:calc(var(--header-height) + var(--space-md));right:var(--space-md);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);z-index:10000;animation:slideInRight var(--transition-spring) forwards;box-shadow:var(--shadow-lg);font-weight:500;position:fixed}.toast-success{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71)}.toast-error{background:linear-gradient(135deg, #c0392b, var(--color-accent));color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.page-content{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.page-header{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;position:relative}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{color:var(--color-text-secondary);font-size:1.1rem}.section{padding:var(--space-4xl) 0}.section-alt{background:var(--color-surface)}.grid{gap:var(--space-xl);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-accent{color:var(--color-accent-light)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mt-3{margin-top:var(--space-3xl)}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) forwards}.animate-fadeIn{animation:fadeIn var(--transition-slow) forwards}@media (width<=1024px){.grid-4{grid-template-columns:repeat(3,1fr)}h1{font-size:2.25rem}h2{font-size:1.75rem}}@media (width<=768px){:root{--header-height:64px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}}@media (width<=480px){.grid-4,.grid-3{grid-template-columns:1fr}h1{font-size:1.5rem}.page-header{padding:var(--space-2xl) 0 var(--space-xl)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary-mid);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.header{z-index:1000;height:var(--header-height);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);background:#fffc;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.header--scrolled{border-bottom-color:var(--color-border);box-shadow:var(--shadow-md);background:#fffffff2}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-xl);height:100%;display:flex}.header__logo{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.header__logo-icon{filter:drop-shadow(0 0 8px #2563eb80);font-size:1.75rem;animation:3s ease-in-out infinite pulse}.header__logo-text{flex-direction:column;line-height:1.1;display:flex}.header__logo-name{color:var(--color-text);letter-spacing:1.5px;font-size:1.15rem;font-weight:800}.header__logo-sub{color:var(--color-text-muted);letter-spacing:.5px;font-size:.7rem;font-weight:500}.header__nav{align-items:center;gap:var(--space-xs);display:flex}.header__link{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:.5rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.header__link:hover{color:var(--color-text);background:#0000000d}.header__link--active{color:var(--color-accent-light)}.header__link--active:after{content:"";background:var(--color-accent);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.header__search-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;transition:all var(--transition-fast);color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:flex}.header__search-toggle:hover{border-color:var(--color-accent);background:var(--color-accent-glow)}.header__hamburger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.header__hamburger span{background:var(--color-text-secondary);width:18px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.header__hamburger--active span:first-child{transform:rotate(45deg)translate(5px,5px)}.header__hamburger--active span:nth-child(2){opacity:0}.header__hamburger--active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.header__search{top:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;opacity:0;pointer-events:none;transition:all var(--transition-base);position:absolute;left:0;right:0;transform:translateY(-100%)}.header__search--open{opacity:1;pointer-events:auto;transform:translateY(0)}.header__search form{gap:var(--space-sm);display:flex}.header__search-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;flex:1;padding:.75rem 1.25rem;font-size:.95rem}.header__search-input:focus{border-color:var(--color-accent)}.header__search-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.75rem 1.5rem;font-weight:600}.header__search-btn:hover{background:var(--color-accent-light)}.header__overlay{display:none}@media (width<=900px){.header__hamburger{display:flex}.header__nav{top:var(--header-height);height:calc(100vh - var(--header-height));background:var(--color-surface);border-left:1px solid var(--color-border);width:280px;padding:var(--space-xl) var(--space-lg);gap:var(--space-xs);transition:transform var(--transition-base);z-index:999;flex-direction:column;position:fixed;right:0;overflow-y:auto;transform:translate(100%)}.header__nav--open{transform:translate(0)}.header__link{width:100%;padding:.875rem var(--space-md);font-size:1rem}.header__overlay{top:var(--header-height);height:calc(100vh - var(--header-height));z-index:998;background:#00000080;display:block;position:fixed;left:0;right:0}}@media (width<=480px){.header__logo-name{font-size:1rem}.header__logo-sub{display:none}}.footer{background:var(--color-primary-dark);border-top:1px solid var(--color-border);padding:var(--space-4xl) 0 0;position:relative;overflow:hidden}.footer__glow{pointer-events:none;background:radial-gradient(#2563eb0f,#0000 70%);width:600px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.footer__grid{gap:var(--space-2xl);grid-template-columns:1.5fr 1fr 1fr 1.2fr;display:grid}.footer__brand p{color:var(--color-text-muted);margin-top:var(--space-md);font-size:.9rem;line-height:1.7}.footer__logo{align-items:center;gap:var(--space-sm);display:flex}.footer__logo-icon{font-size:1.5rem}.footer__logo h3{letter-spacing:1px;font-size:1.1rem;font-weight:800}.footer__logo span{color:var(--color-text-muted);font-size:.7rem}.footer__links h4,.footer__contact h4{margin-bottom:var(--space-lg);color:var(--color-text);padding-bottom:var(--space-sm);font-size:.95rem;font-weight:700;position:relative}.footer__links h4:after,.footer__contact h4:after{content:"";background:var(--color-accent);border-radius:var(--radius-full);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer__links ul{gap:var(--space-sm);flex-direction:column;display:flex}.footer__links a{color:var(--color-text-muted);transition:all var(--transition-fast);align-items:center;font-size:.875rem;display:inline-flex}.footer__links a:hover{color:var(--color-accent-light);transform:translate(4px)}.footer__contact-item{gap:var(--space-sm);margin-bottom:var(--space-md);align-items:flex-start;display:flex}.footer__contact-item span{flex-shrink:0;margin-top:2px;font-size:1rem}.footer__contact-item p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.footer__bottom{margin-top:var(--space-3xl);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);text-align:center}.footer__bottom p{color:var(--color-text-muted);font-size:.8rem}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer__grid{grid-template-columns:1fr}}.floating-line-btn{color:#fff;z-index:9999;background-color:#06c755;border-radius:50px;align-items:center;gap:0;padding:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #06c75566}.floating-line-btn img{width:24px;height:24px}.floating-line-btn__text{opacity:0;white-space:nowrap;max-width:0;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.floating-line-btn:hover{color:#fff;gap:.5rem;padding:.75rem 1.25rem;transform:translateY(-5px)scale(1.05);box-shadow:0 6px 16px #06c75580}.floating-line-btn:hover .floating-line-btn__text{opacity:1;max-width:200px}@media (width<=768px){.floating-line-btn{bottom:1.5rem;right:1.5rem}}.product-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;transition:background var(--transition-base);pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000,#0000);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-card:hover:before{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-warm))}.product-card:hover{box-shadow:var(--shadow-lg), 0 0 30px #2563eb1a;transform:translateY(-6px)}.product-card__image{background:var(--color-primary-light);padding-top:65%;position:relative;overflow:hidden}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;inset:0}.product-card:hover .product-card__image img{transform:scale(1.08)}.product-card__placeholder{opacity:.3;justify-content:center;align-items:center;font-size:3rem;display:flex;position:absolute;inset:0}.product-card__badges{top:var(--space-sm);right:var(--space-sm);z-index:2;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute}.product-card__badge{background:var(--color-badge-featured-bg,linear-gradient(135deg, var(--color-accent), #c0392b));color:var(--color-badge-featured-text,white);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.product-card__badge--bestseller{background:var(--color-badge-bestseller-bg,linear-gradient(135deg, #f59e0b, #d97706));color:var(--color-badge-bestseller-text,white);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #d977064d}.product-card__code-badge{top:var(--space-sm);left:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text);border-radius:var(--radius-sm);z-index:2;box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #0000000d;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute}.product-card__body{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.product-card__category{color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.product-card__name{margin-bottom:var(--space-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__price{padding-top:var(--space-sm);margin-top:auto}.product-card__price-value{color:var(--color-accent-warm);font-size:1.1rem;font-weight:700}.product-card__price-contact{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.product-card__action{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);transition:all var(--transition-base)}.product-card:hover .product-card__action span{color:var(--color-accent)}.product-card__action span{color:var(--color-accent-light);font-size:.85rem;font-weight:600}.hero{min-height:92vh;padding:0 0 var(--space-4xl) 0;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__grid-lines{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero__glow--1{background:radial-gradient(circle,#2563eb1f,#0000 60%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:10%;right:-10%}.hero__glow--2{background:radial-gradient(circle,#60a5fa14,#0000 60%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-20%;left:-5%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.hero__content{z-index:1;max-width:800px;position:relative}.hero__badge{align-items:center;gap:var(--space-sm);background:var(--color-accent-glow);border-radius:var(--radius-full);color:var(--color-accent-light);letter-spacing:1px;margin-bottom:var(--space-xl);border:1px solid #2563eb4d;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;animation:.6s forwards fadeInUp;display:inline-flex}.hero__title{margin-bottom:var(--space-xl);opacity:0;font-size:3.5rem;font-weight:900;line-height:1.15;animation:.6s .1s forwards fadeInUp}.hero__subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);opacity:0;max-width:600px;font-size:1.15rem;line-height:1.8;animation:.6s .2s forwards fadeInUp}.hero__actions{gap:var(--space-md);margin-bottom:var(--space-3xl);opacity:0;flex-wrap:wrap;animation:.6s .3s forwards fadeInUp;display:flex}.hero__stats{gap:var(--space-3xl);opacity:0;animation:.6s .4s forwards fadeInUp;display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat-number{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.hero__stat-label{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.categories-grid{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.categories-grid>*{flex:220px;max-width:260px}.category-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--color-text);transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg), 0 0 30px #2563eb14;border-color:#2563eb4d;transform:translateY(-6px)}.category-card__icon{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.category-card h3{margin-bottom:var(--space-sm);font-size:.95rem;font-weight:700}.category-card p{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.category-card__arrow{margin-top:var(--space-md);color:var(--color-accent-light);opacity:0;transition:all var(--transition-base);font-size:1.2rem;display:inline-block;transform:translate(-10px)}.category-card:hover .category-card__arrow{opacity:1;transform:translate(0)}.why-card{text-align:center}.why-card__icon{margin-bottom:var(--space-lg);font-size:2.5rem;display:block}.why-card h3{margin-bottom:var(--space-sm);font-size:1.05rem}.why-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.cta-section{padding:var(--space-4xl) 0}.cta-box{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary-mid));border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4xl);text-align:center;position:relative;overflow:hidden}.cta-box__glow{pointer-events:none;background:radial-gradient(circle,#2563eb1a,#0000 60%);width:400px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-box h2{margin-bottom:var(--space-md);font-size:2rem;position:relative}.cta-box p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto;font-size:1.1rem;position:relative}@media (width<=1024px){.hero__title{font-size:2.75rem}}@media (width<=768px){.hero{min-height:80vh;padding-top:var(--space-2xl)}.hero__title{font-size:2rem}.hero__subtitle{font-size:1rem}.hero__stats{gap:var(--space-xl)}.hero__stat-number{font-size:1.35rem}.cta-box{padding:var(--space-2xl)}}@media (width<=480px){.hero__title{font-size:1.65rem}.hero__actions{flex-direction:column}.hero__stats{gap:var(--space-md);flex-direction:column}}.featured-section{background:radial-gradient(circle at center, var(--color-primary-mid) 0%, var(--color-bg) 100%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4xl) 0;position:relative;overflow:hidden}.featured-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.featured-section>.container{z-index:1;position:relative}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);display:flex}.pagination__btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.9rem;font-weight:500;display:flex}.pagination__btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-light);background:var(--color-accent-glow)}.pagination__btn--active{box-shadow:0 0 15px var(--color-accent-glow);background:linear-gradient(135deg, var(--color-accent), #c0392b)!important;border-color:var(--color-accent)!important;color:#fff!important}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.pagination__dots{color:var(--color-text-muted);padding:0 var(--space-xs)}.products-page{padding-bottom:var(--space-4xl)}.products-page__search-info{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);color:var(--color-text-secondary);font-size:.9rem}.products-page__layout{gap:var(--space-2xl);grid-template-columns:240px 1fr;display:grid}.products-page__sidebar h3{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:1rem}.category-filter{flex-direction:column;gap:2px;display:flex}.category-filter__item{text-align:left;width:100%;padding:.65rem var(--space-md);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;font-size:.875rem}.category-filter__item:hover{color:var(--color-text);background:#00000008}.category-filter__item--active{font-weight:600;background:var(--color-accent-glow)!important;color:var(--color-accent-light)!important}.products-page__info{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.85rem}.products-page__empty{text-align:center;padding:var(--space-4xl) 0}.products-page__empty span{margin-bottom:var(--space-lg);opacity:.3;font-size:4rem;display:block}.products-page__empty h3{margin-bottom:var(--space-sm)}.products-page__empty p{color:var(--color-text-muted)}@media (width<=768px){.products-page__layout{grid-template-columns:1fr}.products-page__sidebar{order:-1}.category-filter{gap:var(--space-sm);flex-flow:wrap}.category-filter__item{width:auto;padding:.5rem var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem}.products-page__content .grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.products-page__content .grid-3{grid-template-columns:1fr}}.product-detail{padding-bottom:var(--space-4xl)}.breadcrumb{align-items:center;gap:var(--space-sm);padding:var(--space-xl) 0;color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-accent-light)}.breadcrumb__current{color:var(--color-text);font-weight:500}.product-detail__grid{gap:var(--space-4xl);padding:var(--space-xl) 0;grid-template-columns:minmax(350px,450px) 1fr;align-items:start;display:grid}.product-detail__main-image{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);aspect-ratio:1;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.product-detail__main-image img{object-fit:contain;width:100%;height:100%;transition:transform .1s ease-out}.product-detail__no-image{text-align:center;color:var(--color-text-muted)}.product-detail__no-image span{margin-bottom:var(--space-md);opacity:.3;font-size:4rem;display:block}.product-detail__thumbs{gap:var(--space-sm);margin-top:var(--space-md);padding-bottom:var(--space-xs);scrollbar-width:thin;display:flex;overflow-x:auto}.product-detail__thumbs::-webkit-scrollbar{height:6px}.product-detail__thumbs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.product-detail__thumb{border-radius:var(--radius-sm);cursor:pointer;width:72px;height:54px;transition:all var(--transition-fast);background:var(--color-card);border:2px solid #0000;flex:none;padding:0;overflow:hidden}.product-detail__thumb img{object-fit:contain;width:100%;height:100%}.product-detail__thumb--active{border-color:var(--color-accent)}.product-detail__info h1{margin:var(--space-md) 0;font-size:1.75rem}.product-detail__price-box{padding:var(--space-lg);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.product-detail__price{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.product-detail__price-contact{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:1.1rem;font-weight:600;display:flex}.product-detail__desc{margin-bottom:var(--space-xl)}.product-detail__desc h3,.product-detail__specs h3{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:1rem}.product-detail__desc p{color:var(--color-text-secondary);line-height:1.8}.product-detail__specs table{border-collapse:collapse;width:100%}.product-detail__specs th,.product-detail__specs td{padding:.85rem var(--space-md);border-bottom:1px solid var(--color-border);text-align:left;font-size:.95rem}.product-detail__specs tr:last-child td{border-bottom:1px solid var(--color-border)}.product-detail__specs td:first-child{color:var(--color-text);width:35%;font-weight:600}.product-detail__specs td:last-child{color:var(--color-text-secondary);width:65%}.product-detail__actions{margin-top:var(--space-2xl)}.product-detail__related{margin-top:var(--space-4xl);padding-top:var(--space-3xl);border-top:1px solid var(--color-border)}.product-detail__related h2{margin-bottom:var(--space-2xl);font-size:1.5rem}@media (width<=768px){.product-detail__grid{gap:var(--space-xl);grid-template-columns:1fr}}.static-page{padding-bottom:var(--space-4xl)}.about-hero-card{text-align:center;padding:var(--space-3xl);background:linear-gradient(135deg, var(--color-card), var(--color-primary-mid))}.about-hero-card__icon{margin-bottom:var(--space-lg);font-size:3rem;display:block}.about-hero-card h2{margin-bottom:var(--space-lg);font-size:1.5rem}.about-hero-card p{color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.about-card h3{margin-bottom:var(--space-md);font-size:1.1rem}.about-card p{color:var(--color-text-secondary);line-height:1.7}.about-card ul{gap:var(--space-sm);flex-direction:column;display:flex}.about-card li{color:var(--color-text-secondary);padding-left:var(--space-lg);line-height:1.6;position:relative}.about-card li:before{content:"✓";color:var(--color-success);font-weight:700;position:absolute;left:0}.team-card{text-align:center;padding:var(--space-2xl)}.team-card__avatar{margin-bottom:var(--space-md);font-size:3rem}.team-card h4{margin-bottom:var(--space-xs)}.services-list{gap:var(--space-xl);flex-direction:column;display:flex}.service-card{opacity:0;animation:.5s forwards fadeInUp}.service-card__header{gap:var(--space-xl);margin-bottom:var(--space-xl);align-items:flex-start;display:flex}.service-card__icon{background:var(--color-accent-glow);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.service-card__header h3{margin-bottom:var(--space-sm);font-size:1.15rem}.service-card__header p{color:var(--color-text-secondary);font-size:.925rem;line-height:1.7}.service-card__details{gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.service-card__details li{align-items:flex-start;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;display:flex}.service-card__check{color:var(--color-success);margin-top:2px;font-weight:700}.portfolio-card{padding:0;overflow:hidden}.portfolio-card .portfolio-card__image{background:linear-gradient(135deg, var(--color-primary-mid), var(--color-card));justify-content:center;align-items:center;height:160px;font-size:3.5rem;display:flex}.portfolio-card__body{padding:var(--space-lg)}.portfolio-card__body h3{margin-bottom:var(--space-sm);font-size:1rem}.portfolio-card__meta{margin-bottom:var(--space-sm)}.portfolio-card__info{gap:var(--space-lg);color:var(--color-text-muted);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:.8rem;display:flex}.faq-list{gap:var(--space-sm);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-md);transition:all var(--transition-base);overflow:hidden}.faq-item:hover{border-color:#2563eb33}.faq-item--open{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.faq-item__question{width:100%;padding:var(--space-lg) var(--space-xl);color:var(--color-text);text-align:left;justify-content:space-between;align-items:center;gap:var(--space-md);background:0 0;font-size:.95rem;font-weight:600;display:flex}.faq-item__toggle{color:var(--color-accent-light);background:var(--color-accent-glow);border-radius:var(--radius-sm);width:28px;height:28px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.faq-item--open .faq-item__toggle{transform:rotate(180deg)}.faq-item__answer{max-height:0;transition:all var(--transition-base);overflow:hidden}.faq-item--open .faq-item__answer{max-height:500px}.faq-item__answer p{padding:0 var(--space-xl) var(--space-xl);color:var(--color-text-secondary);font-size:.9rem;line-height:1.8}.contact-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info-card h3{margin-bottom:var(--space-xl);font-size:1.1rem}.contact-info__items{gap:var(--space-lg);flex-direction:column;display:flex}.contact-info__item{gap:var(--space-md);align-items:flex-start;display:flex}.contact-info__icon{background:var(--color-accent-glow);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.contact-info__item strong{color:var(--color-text);margin-bottom:2px;font-size:.85rem;display:block}.contact-info__item p{color:var(--color-text-secondary);font-size:.875rem}.contact-form-wrapper .card h3{margin-bottom:var(--space-sm);font-size:1.15rem}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.contact-success{text-align:center;padding:var(--space-3xl) 0}.contact-success span{margin-bottom:var(--space-lg);font-size:3rem;display:block}.contact-success h3{margin-bottom:var(--space-sm)}.contact-success p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.contact-form{margin-top:var(--space-lg)}@media (width<=768px){.contact-grid,.form-row{grid-template-columns:1fr}.service-card__header{gap:var(--space-md);flex-direction:column}.service-card__details{grid-template-columns:1fr}}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.gallery-item{border-radius:var(--radius-lg);background:var(--color-card-border);box-shadow:var(--shadow-sm);padding-top:75%;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);position:absolute;inset:0}.gallery-item:hover img{transform:scale(1.05)}@media (width<=768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.admin{min-height:100vh;display:flex}.admin__sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.admin__sidebar-header{align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.admin__sidebar-logo{font-size:1.5rem}.admin__sidebar-header h3{letter-spacing:1px;font-size:1rem;font-weight:800}.admin__sidebar-header span{color:var(--color-text-muted);font-size:.7rem}.admin__nav{padding:var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex}.admin__nav-link{align-items:center;gap:var(--space-md);padding:.75rem var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left;background:0 0;width:100%;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.admin__nav-link:hover{color:var(--color-text);background:#00000008}.admin__nav-link.active{background:var(--color-accent-glow);color:var(--color-accent-light);font-weight:600}.admin__nav-link span:first-child{text-align:center;width:24px;font-size:1.1rem}.admin__logout{color:var(--color-accent-light)!important}.admin__logout:hover{background:var(--color-accent-glow)!important}.admin__sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.admin__main{margin-left:var(--sidebar-width);flex:1}.admin__topbar{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-xl);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin__topbar-title{font-size:1rem;font-weight:600}.admin__topbar-user{color:var(--color-text-secondary);font-size:.875rem}.admin__hamburger{color:var(--color-text);background:0 0;padding:.5rem;font-size:1.25rem;display:none}.admin__content{padding:var(--space-xl)}.admin__page-title{margin-bottom:var(--space-xl);font-size:1.5rem}.admin__page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.admin__page-header .admin__page-title{margin-bottom:0}.admin__toolbar{margin-bottom:var(--space-xl)}.admin__stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.admin__stat-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:all var(--transition-base);display:flex}.admin__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin__stat-card--accent{border-color:var(--color-accent-glow-strong);background:linear-gradient(135deg, var(--color-card), var(--color-accent-glow))}.admin__stat-icon{background:var(--color-accent-glow);border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.admin__stat-value{font-size:1.75rem;font-weight:800}.admin__stat-label{color:var(--color-text-muted);font-size:.85rem}.admin__section{margin-bottom:var(--space-2xl)}.admin__section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.admin__section-header h2{font-size:1.15rem}.admin__table-wrap{overflow-x:auto}.admin__table{border-collapse:collapse;width:100%;font-size:.875rem}.admin__table th{text-align:left;padding:.75rem var(--space-md);background:var(--color-primary-light);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);font-size:.8rem;font-weight:600}.admin__table td{padding:.75rem var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin__table tr:hover td{background:#00000005}.admin__actions{gap:var(--space-xs);display:flex}.admin__form-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}.admin__form-grid .card h3{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:1rem}.admin__images{gap:var(--space-md);flex-wrap:wrap;display:flex}.admin__image-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);width:120px;height:90px;position:relative;overflow:hidden}.admin__image-preview img{object-fit:cover;width:100%;height:100%}.admin__image-remove{background:var(--color-accent);color:#fff;opacity:0;width:24px;height:24px;transition:opacity var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:4px;right:4px}.admin__image-preview:hover .admin__image-remove{opacity:1}.admin__image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:120px;height:90px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.admin__image-upload:hover{border-color:var(--color-accent);color:var(--color-accent-light)}.admin__image-upload span:first-of-type{font-size:1.5rem}.admin__rfq-layout{gap:var(--space-xl);grid-template-columns:350px 1fr;display:grid}.admin__rfq-items{flex-direction:column;display:flex}.admin__rfq-item{padding:var(--space-md) var(--space-lg);cursor:pointer;border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.admin__rfq-item:hover{background:#00000005}.admin__rfq-item--active{border-left:3px solid var(--color-accent);background:var(--color-accent-glow)!important}.admin__rfq-item--unread{background:var(--color-accent-glow)}.admin__rfq-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.admin__rfq-item-company{color:var(--color-text-muted);font-size:.8rem}.admin__rfq-item-date{color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.admin__rfq-detail-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.admin__rfq-detail-grid{gap:var(--space-md);padding:var(--space-lg);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;font-size:.9rem;display:grid}.admin__rfq-detail-grid a{color:var(--color-accent-light)}.admin__rfq-detail-message{padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.admin__rfq-detail-message p{margin-top:var(--space-sm);color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.8}.login-page{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page__bg{position:absolute;inset:0}.login-card{z-index:1;width:100%;max-width:420px;position:relative}.login-card__header{text-align:center;margin-bottom:var(--space-2xl)}.login-card__icon{margin-bottom:var(--space-md);font-size:3rem;display:block}.login-card__header h1{letter-spacing:2px;font-size:1.5rem;font-weight:800}.login-card__header p{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:.9rem}.login-error{color:var(--color-accent);margin-bottom:var(--space-md);text-align:center;font-size:.875rem}@media (width<=900px){.admin__sidebar{transform:translate(-100%)}.admin__sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.admin__main{margin-left:0}.admin__hamburger{display:block}.admin__overlay{z-index:99;background:#00000080;position:fixed;inset:0}.admin__stats-grid{grid-template-columns:1fr}.admin__form-grid{grid-template-columns:1fr!important}.admin__rfq-layout{grid-template-columns:1fr}}