:root{--color-primary:#1b3a5c;--color-primary-dark:#12283f;--color-primary-light:#2b5a8c;--color-primary-lighter:#3a7bc8;--color-accent:#2563eb;--color-accent-light:#dbeafe;--color-white:#fff;--color-bg:#fff;--color-bg-soft:#f0f5fa;--color-bg-section:#f7fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#edf2f7;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#f59e0b;--font-body:"Inter", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Playfair Display", "Georgia", serif;--section-padding:96px;--container-width:1240px;--container-padding:20px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-card-hover:0 12px 28px -4px #1b3a5c1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-underline-offset:4px;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{font-size:1.35rem;line-height:1.35}p{margin-bottom:16px}ul{margin:0;padding:0;list-style:none}.container{width:min(var(--container-width), calc(100% - var(--container-padding) * 2));margin-inline:auto}.main-content{flex:1}.main-content.page-padded{padding-block:48px 64px}.skip-link{z-index:100;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);transition:box-shadow var(--transition-base);background:#fffffff5;position:sticky;top:0}.site-header.scrolled{box-shadow:0 2px 20px #0000000f}.header-content{justify-content:space-between;align-items:center;gap:24px;height:72px;padding-block:0;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:auto;height:40px}.brand-text{font-family:var(--font-body);color:var(--color-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.2}.brand-text span{color:var(--color-accent)}.navigation{align-items:center;gap:4px;display:flex}.navigation a{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-size:.925rem;font-weight:500;text-decoration:none}.navigation a:hover{color:var(--color-primary);background:var(--color-bg-soft)}.navigation a.active{color:var(--color-primary);background:var(--color-bg-soft);font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-icon-btn{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--color-bg-soft);color:var(--color-primary);border-color:var(--color-primary)}.header-icon-btn svg{width:20px;height:20px}.cart-badge{background:var(--color-error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.header-cta{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);transition:all var(--transition-base);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.header-cta:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1b3a5c40}.header-account-btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.header-account-btn:hover{background:var(--color-bg-soft);border-color:var(--color-primary);color:var(--color-primary)}.header-account-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:700;display:flex}.header-account-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.header-account-guest{gap:6px;padding:6px 14px}.header-account-guest svg{width:18px;height:18px}.header-account-label{color:var(--color-text-secondary);font-weight:500}.hamburger-btn{width:40px;height:40px;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.hamburger-btn svg{width:24px;height:24px}.mobile-menu-overlay{z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-slow), visibility var(--transition-slow);background:#0006;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{z-index:1001;width:min(320px,85vw);transition:transform var(--transition-slow);background:#fff;flex-direction:column;display:none;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 30px #0000001f}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-drawer-close{background:var(--color-bg-soft);width:36px;height:36px;color:var(--color-text);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-drawer-close svg{width:20px;height:20px}.mobile-drawer-nav{flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex;overflow-y:auto}.mobile-drawer-nav a{color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast);padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-drawer-nav a:hover,.mobile-drawer-nav a.active{background:var(--color-bg-soft);color:var(--color-primary)}.mobile-drawer-footer{border-top:1px solid var(--color-border-light);padding:16px 20px}.mobile-drawer-footer .header-cta{justify-content:center;width:100%;padding:12px 24px}.button{border:2px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;background:var(--color-primary);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 28px;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #1b3a5c33}.button.secondary{color:var(--color-primary);border-color:var(--color-border);background:0 0}.button.secondary:hover{background:var(--color-bg-soft);border-color:var(--color-primary);color:var(--color-primary)}.button.white{color:var(--color-primary);background:#fff;border-color:#fff}.button.white:hover{background:var(--color-bg-soft);color:var(--color-primary-dark)}.button.full-width{width:100%}.eyebrow{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:700}.muted{color:var(--color-text-muted)}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.25}.section-subtitle{color:var(--color-text-secondary);max-width:600px;font-size:1.05rem;line-height:1.7}.section-header-centered{text-align:center;margin-bottom:48px}.section-header-centered .section-subtitle{margin-inline:auto}.price{color:var(--color-primary);font-size:1.2rem;font-weight:700}.price-old{color:var(--color-text-muted);font-size:.9rem;font-weight:400;text-decoration:line-through}.hero-section{background:linear-gradient(135deg, var(--color-bg-soft) 0%, #ebf4ff 50%, var(--color-bg-soft) 100%);padding:clamp(40px,6vw,80px) 0 clamp(48px,7vw,96px);position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:#2563eb0a;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-80px}.hero-section:after{content:"";pointer-events:none;background:#1b3a5c08;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;left:-40px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-content{z-index:1;position:relative}.hero-badge{border-radius:var(--radius-pill);color:var(--color-primary);letter-spacing:.02em;background:#1b3a5c14;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.2}.hero-description{color:var(--color-text-secondary);max-width:480px;margin-bottom:28px;font-size:1.05rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero-benefits{flex-wrap:wrap;gap:20px;display:flex}.hero-benefit{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.hero-benefit-icon{width:24px;height:24px;color:var(--color-success);background:#16a34a1f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.hero-image-wrapper{z-index:1;position:relative}.hero-image-frame{aspect-ratio:4/3;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#e8f0fe,#d4e2f7);border:1px solid #fff9;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-image-frame img{object-fit:cover;width:100%;height:100%}.hero-image-placeholder{color:var(--color-primary-light);opacity:.6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.hero-image-placeholder svg{opacity:.4;width:64px;height:64px}.features-bar{padding:60px 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);padding:28px 24px}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-4px)}.feature-icon{border-radius:var(--radius-md);background:var(--color-bg-soft);width:56px;height:56px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.feature-icon svg{width:28px;height:28px}.feature-card h3{color:var(--color-text);margin-bottom:8px;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.6}.products-section{padding:var(--section-padding) 0;background:var(--color-bg-section)}.products-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.products-footer{text-align:center;margin-top:48px}.card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.product-card{transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;padding:0;display:flex;position:relative}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.product-card-image-wrap{aspect-ratio:4/3;background:var(--color-bg-soft);width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.product-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.product-card:hover .product-card-img{transform:scale(1.05)}.product-placeholder{background:var(--color-bg-soft);width:100%;height:100%;min-height:180px;color:var(--color-text-muted);flex-direction:column;place-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.placeholder-icon{font-size:2rem;line-height:1}.product-discount-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-pill);z-index:2;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.product-card-body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.product-card-category{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700}.product-card-title{margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.4}.product-card-title a{color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.product-card-title a:hover{color:var(--color-primary)}.product-card-pricing{align-items:center;gap:8px;margin-bottom:12px;display:flex}.product-card-actions{gap:8px;margin-top:auto;display:flex}.product-card-actions .button{flex:1;min-height:40px;padding:10px 16px;font-size:.85rem}.product-card .button{text-align:center;align-self:stretch;margin-top:auto}.loading-state,.error-state,.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.about-section{padding:var(--section-padding) 0;background:var(--color-bg-section)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-image-frame{aspect-ratio:4/3;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#e8f0fe,#d4e2f7);justify-content:center;align-items:center;display:flex;overflow:hidden}.about-image-frame img{object-fit:cover;width:100%;height:100%}.about-content .section-title{margin-bottom:16px}.about-text{color:var(--color-text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.75}.about-highlights{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.about-highlight{color:var(--color-text);align-items:flex-start;gap:12px;font-size:.95rem;font-weight:500;display:flex}.about-highlight-icon{width:24px;height:24px;color:var(--color-success);background:#16a34a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.7rem;display:flex}.category-section{padding:var(--section-padding) 0}.category-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.category-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-card-hover);color:inherit;border-color:#0000;transform:translateY(-6px)}.category-card-image{aspect-ratio:16/10;background:var(--color-bg-soft);justify-content:center;align-items:center;display:flex;overflow:hidden}.category-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.category-card:hover .category-card-image img{transform:scale(1.06)}.category-card-body{text-align:center;padding:20px}.category-card-body h3{color:var(--color-text);margin-bottom:4px;font-size:1.05rem;font-weight:700}.category-card-body p{color:var(--color-text-muted);margin-bottom:0;font-size:.85rem}.why-section{padding:var(--section-padding) 0;background:var(--color-bg-section)}.why-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.why-card{padding:32px 24px;position:relative}.why-number{font-family:var(--font-heading);color:var(--color-primary);opacity:.1;margin-bottom:12px;font-size:3.5rem;font-weight:800;line-height:1}.why-card h3{color:var(--color-text);margin-bottom:8px;font-size:1.1rem;font-weight:700}.why-card p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.65}.customer-type-section{padding:var(--section-padding) 0}.customer-type-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.customer-type-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);padding:32px 24px}.customer-type-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-4px)}.customer-type-icon{border-radius:var(--radius-md);background:var(--color-bg-soft);width:60px;height:60px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:16px;font-size:1.5rem;display:inline-flex}.customer-type-icon svg{width:28px;height:28px}.customer-type-card h3{color:var(--color-text);margin-bottom:6px;font-size:1.05rem;font-weight:700}.customer-type-card p{color:var(--color-text-secondary);margin-bottom:0;font-size:.875rem;line-height:1.6}.promo-banner{padding:64px 0}.promo-banner-inner{background:var(--color-primary);border-radius:var(--radius-xl);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:clamp(40px,5vw,64px);display:grid;position:relative;overflow:hidden}.promo-banner-inner:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.promo-banner-inner:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30px;left:20%}.promo-banner h2{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.promo-banner p{opacity:.85;max-width:500px;margin-bottom:0}.promo-banner-actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.news-section{padding:var(--section-padding) 0;background:var(--color-bg-section)}.news-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.news-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.news-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.news-card-image{aspect-ratio:16/9;background:var(--color-bg-soft);justify-content:center;align-items:center;display:flex;overflow:hidden}.news-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.news-card:hover .news-card-image img{transform:scale(1.05)}.news-card-body{padding:20px 24px 24px}.news-card-meta{align-items:center;gap:12px;margin-bottom:10px;display:flex}.news-card-tag{text-transform:uppercase;letter-spacing:.06em;background:var(--color-accent-light);color:var(--color-primary);border-radius:var(--radius-pill);padding:3px 10px;font-size:.7rem;font-weight:700}.news-card-date{color:var(--color-text-muted);font-size:.8rem}.news-card h3{color:var(--color-text);margin-bottom:8px;font-size:1.05rem;font-weight:700;line-height:1.4}.news-card p{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.news-card-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:4px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.news-card-link:hover{color:var(--color-primary-dark);gap:8px}.faq-section{padding:var(--section-padding) 0}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin-inline:auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item.open{border-color:var(--color-primary)}.faq-question{text-align:left;width:100%;color:var(--color-text);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{color:var(--color-primary)}.faq-icon{background:var(--color-bg-soft);width:28px;height:28px;color:var(--color-primary);transition:transform var(--transition-base), background var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:300;display:flex}.faq-item.open .faq-icon{background:var(--color-primary);color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer-content{color:var(--color-text-secondary);padding:0 24px 20px;font-size:.95rem;line-height:1.7}.final-cta{background:var(--color-bg-section);padding:80px 0}.final-cta-inner{text-align:center;max-width:640px;margin-inline:auto}.final-cta .section-title{margin-bottom:12px}.final-cta p{color:var(--color-text-secondary);margin-bottom:28px;font-size:1.05rem}.final-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.site-footer{background:var(--color-primary);color:#ffffffd9;padding-top:64px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand-logo{align-items:center;gap:10px;display:flex}.footer-brand-logo img{width:auto;height:36px}.footer-brand-logo span{color:#fff;font-size:1.15rem;font-weight:700}.footer-brand p{opacity:.75;margin-bottom:0;font-size:.9rem;line-height:1.7}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#ffffffb3;transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-contact-item{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.footer-contact-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px;margin-top:3px}.footer-bottom{text-align:center;opacity:.6;border-top:1px solid #ffffff1f;padding:20px 0;font-size:.85rem}.footer-content{justify-content:space-between;align-items:center;gap:24px;padding-block:20px;display:flex}.notice{border-left:3px solid var(--color-primary);background:#eef3ff;border-radius:4px;margin-block:24px;padding:16px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.auth-card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);max-width:460px;margin-inline:auto;padding:40px}.auth-card h1{font-size:2rem}form{gap:16px;margin-block:24px;display:grid}label{gap:6px;font-weight:600;display:grid}input{border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fff;border:1px solid #bac6d6;padding:10px 12px}form p:empty{display:none}.product-detail-section{max-width:1060px;margin-inline:auto}.breadcrumb{margin-bottom:24px}.breadcrumb a{color:#475569;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-accent)}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:40px;margin-top:16px;display:grid}.product-gallery{flex-direction:column;gap:14px;display:flex}.product-detail-image-wrap{aspect-ratio:3/4;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000f}.product-detail-img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.product-placeholder.large{border-radius:16px;min-height:380px;margin:0}.product-thumbnails{flex-wrap:wrap;gap:10px;display:flex}.thumbnail-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:68px;height:68px;padding:0;transition:all .2s;display:block;overflow:hidden}.thumbnail-btn:hover{border-color:#93c5fd}.thumbnail-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #1b3a5c40}.thumbnail-btn img{object-fit:cover;width:100%;height:100%;display:block}.product-info-panel{flex-direction:column;display:flex}.product-detail-title{margin-bottom:8px;font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.25}.detail-price{color:#1e40af;margin-bottom:16px;font-size:1.85rem;font-weight:800}.stock-badge-container{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.stock-badge{border-radius:9999px;align-items:center;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.stock-badge.in-stock{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.stock-badge.out-of-stock{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.sku-tag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.85rem}.variants-section{border-top:1px solid #e2e8f0;margin-bottom:24px;padding-top:16px}.variants-label{color:#334155;margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}.variants-list{flex-wrap:wrap;gap:10px;display:flex}.variant-chip{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.variant-chip:hover{border-color:var(--color-primary);background:#f8faff}.variant-chip.active{border-color:var(--color-primary);color:#1d4ed8;box-shadow:0 0 0 1px var(--color-primary);background:#eff6ff;font-weight:600}.product-description{border-top:1px solid #e2e8f0;margin-bottom:24px;padding-top:16px}.product-description h3{color:#1e293b;margin-bottom:8px;font-size:1.05rem;font-weight:700}.product-description p{color:#475569;white-space:pre-line;line-height:1.7}@media (width<=1100px){.hero-grid{gap:32px}.features-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=900px){:root{--section-padding:64px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-image-wrapper{order:-1;max-width:520px;margin-inline:auto}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem)}.hero-content{text-align:center}.hero-ctas,.hero-benefits{justify-content:center}.hero-description{margin-inline:auto}.about-grid{grid-template-columns:1fr;gap:32px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid,.customer-type-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:28px}.promo-banner-inner{text-align:center;grid-template-columns:1fr}.promo-banner-actions{justify-content:center}}@media (width<=768px){:root{--section-padding:48px;--container-padding:16px}.navigation,.header-cta.desktop-only{display:none}.hamburger-btn{display:flex}.mobile-menu-overlay{display:block}.mobile-drawer{display:flex}.header-content{height:60px}.hero-section{padding:32px 0 48px}.hero-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr 1fr;gap:16px}.feature-card{padding:20px 16px}.products-header{flex-direction:column;align-items:flex-start;gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-grid{grid-template-columns:1fr 1fr;gap:16px}.why-grid{grid-template-columns:1fr;gap:20px}.customer-type-grid{grid-template-columns:1fr 1fr;gap:16px}.news-grid{gap:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.section-title{font-size:1.5rem}.section-header-centered{margin-bottom:32px}.button{padding:12px 24px;font-size:.9rem}.header-account-name{display:none}.header-account-btn{border-radius:50%;padding:6px}.header-account-guest{border-radius:var(--radius-pill);padding:6px 12px}.header-account-guest .header-account-label{display:none}}@media (width<=520px){.product-grid,.features-grid,.category-grid,.customer-type-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.hero-ctas .button{width:100%}.final-cta-actions{flex-direction:column}.final-cta-actions .button{width:100%}.promo-banner-actions{flex-direction:column}.promo-banner-actions .button{width:100%}.promo-banner-inner{padding:32px 24px}}.profile-page{max-width:800px;margin:0 auto}.profile-page-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:24px;font-size:clamp(1.5rem,3vw,2rem)}.profile-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:28px;padding:28px}.profile-card-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.profile-avatar svg{width:28px;height:28px}.profile-card-header-info{flex:1;min-width:0}.profile-card-header-info h2{color:var(--color-text);margin:0;font-size:1.3rem;font-weight:700}.profile-email{color:var(--color-text-muted);margin:2px 0 0;font-size:.9rem}.profile-card-header-actions{flex-shrink:0;gap:8px;display:flex}.profile-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.profile-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.profile-btn-outline{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.profile-btn-outline:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-soft)}.profile-btn-danger-outline{color:var(--color-error);background:0 0;border-color:#fecaca}.profile-btn-danger-outline:hover:not(:disabled){border-color:var(--color-error);background:#fef2f2}.profile-btn-sm{padding:6px 12px;font-size:.8rem}.profile-info-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-info-item{flex-direction:column;gap:4px;display:flex}.profile-info-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.profile-info-value{color:var(--color-text);font-size:.95rem;font-weight:500}.profile-role-badge{border-radius:var(--radius-pill);background:var(--color-accent-light);color:var(--color-primary);padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.profile-form{border-top:1px solid var(--color-border-light);padding-top:20px}.profile-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.profile-form-group{flex-direction:column;gap:6px;display:flex}.profile-form-group.full-width{grid-column:1/-1}.profile-form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.profile-form-group label .required{color:var(--color-error)}.profile-form-group input[type=text],.profile-form-group input[type=email],.profile-form-group input[type=tel]{border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;color:var(--color-text);background:#fff;padding:10px 14px;font-size:.9rem}.profile-form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1b3a5c1a}.profile-form-group input.disabled{background:var(--color-bg-soft);color:var(--color-text-muted);cursor:not-allowed}.profile-form-actions{border-top:1px solid var(--color-border-light);gap:10px;padding-top:16px;display:flex}.profile-checkbox-label{cursor:pointer;align-items:center;gap:8px;flex-direction:row!important}.profile-checkbox-label input[type=checkbox]{width:auto;accent-color:var(--color-primary)}.profile-msg{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 16px;font-size:.85rem;font-weight:500}.profile-msg.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.profile-msg.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.profile-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:28px;padding:28px}.profile-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-section-title-wrap{align-items:center;gap:10px;display:flex}.profile-section-title-wrap svg{color:var(--color-primary)}.profile-section-title-wrap h2{color:var(--color-text);margin:0;font-size:1.15rem;font-weight:700}.profile-address-form-wrapper{margin-bottom:20px}.profile-address-form{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.profile-address-form h3{color:var(--color-text);margin:0 0 16px;font-size:1.05rem}.profile-address-list{flex-direction:column;gap:12px;display:flex}.profile-address-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.profile-address-card:hover{border-color:var(--color-primary-light)}.profile-address-card.default{border-color:var(--color-primary);background:linear-gradient(135deg,#1b3a5c05,#2563eb08)}.profile-address-content{flex:1;min-width:0}.profile-default-badge{border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-accent-light);align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-default-badge svg{color:#f59e0b}.profile-address-street{color:var(--color-text);margin:0;font-size:.95rem;font-weight:600}.profile-address-detail{color:var(--color-text-secondary);margin:2px 0 0;font-size:.85rem}.profile-address-actions{flex-shrink:0;gap:6px;display:flex}.profile-empty{text-align:center;color:var(--color-text-muted);padding:32px 24px}.profile-empty svg{opacity:.4;margin:0 auto 8px}.profile-empty p{margin:0;font-size:.9rem}.profile-loading{text-align:center;color:var(--color-text-secondary);padding:64px 24px}.profile-error{text-align:center;color:var(--color-error);padding:64px 24px}@media (width<=768px){.profile-card-header{flex-direction:column;align-items:flex-start}.profile-card-header-actions{width:100%}.profile-info-grid,.profile-form-grid{grid-template-columns:1fr}.profile-address-card{flex-direction:column;align-items:flex-start}.profile-address-actions{justify-content:flex-end;width:100%}}.product-card{cursor:pointer;background-color:#fafafa;border:1px solid #ebebeb;border-radius:12px}.product-card-body{flex-direction:column;gap:8px;padding:16px;display:flex}.product-card-title{color:#333;margin:0;font-size:1rem;font-weight:600}.product-card-sku,.product-card-short-desc{color:#666;margin:0;font-size:.85rem}.product-card-pricing{margin-top:4px}.product-card-pricing .price{color:#e85d04;font-size:1.2rem;font-weight:700}.product-card-actions-grid{grid-template-columns:auto 1fr;gap:8px;margin-top:8px;display:grid}.qty-selector{background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;display:flex;overflow:hidden}.qty-selector button{color:#333;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.qty-selector button:hover{background:#f0f0f0}.qty-selector span{text-align:center;width:32px;font-size:.95rem;font-weight:600}.btn-add-cart-card,.btn-buy-now-card{color:#fff;cursor:pointer;text-align:center;background:#e85d04;border:none;border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:opacity .2s}.btn-add-cart-card:hover,.btn-buy-now-card:hover{opacity:.9}.btn-buy-now-card{width:100%;margin-top:4px}.product-card-links{flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex}.link-zalo,.link-info{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.link-zalo:hover,.link-info:hover{color:#1d4ed8}.product-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.product-modal-close{cursor:pointer;z-index:10;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex;position:absolute;top:16px;right:16px}.product-modal-close:hover{background:#e0e0e0}.product-modal-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.product-modal-image-col{background:#f9f9f9;border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.product-modal-img{object-fit:contain;width:100%;max-height:400px}.product-modal-info-col{flex-direction:column;gap:16px;display:flex}.product-modal-title{margin:0;font-size:1.5rem;font-weight:700}.product-modal-sku{color:#666;margin:-8px 0 0;font-size:.9rem}.product-modal-price{color:#e85d04;font-size:1.6rem;font-weight:700}.product-modal-specs{background:#f8f9fa;border-radius:8px;padding:12px;font-size:.9rem}.product-modal-specs p{margin:4px 0}.product-modal-desc{color:#444;font-size:.95rem;line-height:1.5}.product-modal-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.product-modal-qty-row{gap:12px;display:flex}.product-modal-qty-row .qty-selector{height:44px}.product-modal-qty-row .qty-selector button{width:44px;height:44px}.btn-add-cart{color:#e85d04;cursor:pointer;background:#fff;border:1px solid #e85d04;border-radius:8px;flex:1;font-weight:700}.btn-add-cart:hover{background:#fff5f0}.btn-buy-now{color:#fff;cursor:pointer;background:#e85d04;border:none;border-radius:8px;padding:12px;font-size:1.05rem;font-weight:700}.btn-buy-now:hover{background:#d05303}.product-modal-contact{text-align:center;color:#555;margin-top:16px;font-size:.9rem}.contact-buttons{justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-contact{border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none}.btn-hotline{color:#1d4ed8;background:#ebf4ff}.btn-zalo{color:#0284c7;background:#e0f2fe}@media (width<=1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-modal-grid{grid-template-columns:1fr;gap:20px}}@media (width<=480px){.product-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column}}.social-auth-section{width:100%;margin-top:1.25rem}.social-divider{text-align:center;align-items:center;margin:1.25rem 0 1rem;display:flex}.social-divider:before,.social-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.social-divider-text{color:#64748b;white-space:nowrap;padding:0 .75rem;font-size:.875rem;font-weight:500}.social-auth-buttons{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.btn-social-auth{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:130px;height:40px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000014}.btn-social-fb{color:#fff;background-color:#3b5998}.btn-social-fb:hover{background-color:#2d4373;transform:translateY(-1px);box-shadow:0 4px 10px #3b599840}.btn-social-google-custom{color:#fff;background-color:#ea4335}.btn-social-google-custom:hover{background-color:#d33828;transform:translateY(-1px);box-shadow:0 4px 10px #ea433540}.google-btn-wrapper{flex:1;justify-content:center;align-items:center;min-width:130px;height:40px;display:flex}.google-btn-wrapper>div{width:100%!important}@media (width<=440px){.social-auth-buttons{flex-direction:column}.btn-social-auth,.google-btn-wrapper{width:100%}}:root{--tg-primary:#26bec1;--tg-primary-hover:#1fa8ab;--tg-primary-light:#eaf8f9;--tg-hover-orange:#ff5e14;--tg-price:#ee7f85;--tg-price-old:#9e9e9e;--tg-text:#212529;--tg-text-secondary:#495057;--tg-text-muted:#6c757d;--tg-border:#e9ecef;--tg-border-light:#f1f3f5;--tg-bg-soft:#f8f9fa;--tg-white:#fff;--tg-radius-xs:4px;--tg-radius-sm:8px;--tg-radius-md:12px;--tg-radius-pill:30px;--tg-shadow-sm:0 2px 6px #0000000a;--tg-shadow-md:0 4px 14px #00000014;--tg-shadow-lg:0 8px 24px #0000001f;--tg-transition:all .25s ease-in-out}.tg-breadcrumb-wrap{border-bottom:1px solid var(--tg-border);background-color:#f8f9fa;margin-bottom:24px;padding:12px 0}.tg-breadcrumb{color:var(--tg-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.tg-breadcrumb li{align-items:center;gap:8px;display:inline-flex}.tg-breadcrumb a{color:var(--tg-text-secondary);transition:var(--tg-transition);text-decoration:none}.tg-breadcrumb a:hover{color:var(--tg-primary)}.tg-breadcrumb .separator{color:#adb5bd;align-items:center;display:inline-flex}.tg-breadcrumb .current{color:var(--tg-text);font-weight:600}.tg-collection-wrap{width:min(1280px,100% - 32px);margin:0 auto 56px}.tg-collection-layout{grid-template-columns:280px 1fr;align-items:start;gap:28px;display:grid}.tg-sidebar{background:var(--tg-white);border:1px solid var(--tg-border);border-radius:var(--tg-radius-md);box-shadow:var(--tg-shadow-sm);position:static;overflow:hidden}.tg-sidebar-box{border-bottom:1px solid var(--tg-border);padding:20px}.tg-sidebar-box:last-child{border-bottom:none}.tg-sidebar-title{color:var(--tg-text);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin:0 0 16px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex;position:relative}.tg-sidebar-title:after{content:"";background:var(--tg-primary);border-radius:var(--tg-radius-pill);width:45px;height:3px;position:absolute;bottom:0;left:0}.tg-category-nav{margin:0;padding:0;list-style:none}.tg-category-item{border-bottom:1px dashed var(--tg-border-light)}.tg-category-item:last-child{border-bottom:none}.tg-category-row{justify-content:space-between;align-items:center;display:flex}.tg-category-link{color:var(--tg-text);transition:var(--tg-transition);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:10px 4px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.tg-category-link:hover{color:var(--tg-primary);padding-left:8px}.tg-category-link.active{color:var(--tg-primary);padding-left:8px;font-weight:700}.tg-category-count{background:var(--tg-border-light);color:var(--tg-text-muted);border-radius:var(--tg-radius-pill);padding:2px 8px;font-size:12px}.tg-category-link.active .tg-category-count{background:var(--tg-primary-light);color:var(--tg-primary)}.tg-category-toggle{color:var(--tg-text-muted);cursor:pointer;transition:var(--tg-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.tg-category-toggle:hover{color:var(--tg-primary)}.tg-category-toggle.open svg{transform:rotate(180deg)}.tg-sub-category{border-left:2px solid var(--tg-primary-light);margin:0 0 0 8px;padding:4px 0 8px 16px;list-style:none}.tg-sub-category li{margin-bottom:6px}.tg-sub-category a{color:var(--tg-text-secondary);transition:var(--tg-transition);padding:4px 0;font-size:13px;text-decoration:none;display:block}.tg-sub-category a:hover,.tg-sub-category a.active{color:var(--tg-hover-orange);padding-left:6px}.tg-filter-group{margin-bottom:18px}.tg-filter-group:last-child{margin-bottom:0}.tg-filter-group-header{width:100%;color:var(--tg-text);text-align:left;cursor:pointer;transition:var(--tg-transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;font-weight:700;display:flex}.tg-filter-group-header:hover{color:var(--tg-primary)}.tg-filter-group-header svg{color:var(--tg-text-muted);transition:transform .2s}.tg-filter-group-header.collapsed svg{transform:rotate(-90deg)}.tg-filter-list{margin:0;padding:6px 0 0;list-style:none}.tg-filter-item{margin-bottom:8px}.tg-filter-label{color:var(--tg-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--tg-transition);align-items:center;gap:10px;font-size:13.5px;display:flex}.tg-filter-label:hover{color:var(--tg-text)}.tg-checkbox,.tg-radio{appearance:none;cursor:pointer;background-color:var(--tg-white);vertical-align:middle;border:2px solid #cbd5e1;border-radius:4px;outline:none;flex-shrink:0;width:18px;height:18px;margin:0;transition:all .15s ease-in-out;display:inline-block}.tg-checkbox:hover,.tg-radio:hover{border-color:var(--tg-primary)}.tg-checkbox:checked,.tg-radio:checked{background-color:var(--tg-primary);border-color:var(--tg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px 13px}.tg-checkbox:focus-visible,.tg-radio:focus-visible{box-shadow:0 0 0 3px #26bec140}.tg-toggle-more-btn{color:#0b74e5;cursor:pointer;transition:var(--tg-transition);background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-size:13px;font-weight:500;display:inline-flex}.tg-toggle-more-btn:hover{color:#0856aa;text-decoration:underline}.tg-collection-main{min-width:0}.tg-header-banner-section{margin-bottom:24px}.tg-title-page{color:var(--tg-text);text-transform:capitalize;letter-spacing:-.3px;margin:0 0 16px;font-size:24px;font-weight:800}.tg-three-banner-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.tg-promo-banner{border-radius:var(--tg-radius-md);box-shadow:var(--tg-shadow-sm);border:1px solid var(--tg-border);transition:var(--tg-transition);background:linear-gradient(135deg,#f0fafb 0%,#e6f6f7 100%);min-height:110px;text-decoration:none;display:block;position:relative;overflow:hidden}.tg-promo-banner:hover{box-shadow:var(--tg-shadow-md);border-color:var(--tg-primary);transform:translateY(-3px)}.tg-promo-banner-inner{flex-direction:column;justify-content:center;height:100%;padding:16px;display:flex}.tg-promo-tag{text-transform:uppercase;color:var(--tg-primary);background:var(--tg-white);border-radius:var(--tg-radius-pill);letter-spacing:.5px;align-self:flex-start;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.tg-promo-title{color:var(--tg-text);margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.3}.tg-promo-sub{color:var(--tg-text-muted);margin:0;font-size:12px}.tg-promo-banner img{object-fit:cover;width:100%;height:100%;display:block}.tg-collection-toolbar{background:var(--tg-white);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);box-shadow:var(--tg-shadow-sm);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;display:flex}.tg-toolbar-left{align-items:center;gap:12px;display:flex}.tg-mobile-filter-btn{background:var(--tg-primary);color:var(--tg-white);border-radius:var(--tg-radius-sm);cursor:pointer;transition:var(--tg-transition);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:none}.tg-mobile-filter-btn:hover{background:var(--tg-primary-hover)}.tg-product-count{color:var(--tg-text-secondary);margin:0;font-size:13.5px}.tg-product-count strong{color:var(--tg-primary);font-weight:700}.tg-toolbar-right{align-items:center;gap:12px;display:flex}.tg-sort-wrap{align-items:center;gap:8px;display:flex}.tg-sort-wrap label{color:var(--tg-text-muted);font-size:13px;font-weight:500}.tg-sort-select{border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);background:var(--tg-white);color:var(--tg-text);cursor:pointer;transition:var(--tg-transition);outline:none;padding:6px 12px;font-size:13px}.tg-sort-select:hover,.tg-sort-select:focus{border-color:var(--tg-primary)}.tg-products-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.tg-product-card{background:var(--tg-white);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);transition:var(--tg-transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.tg-product-card:hover{border-color:var(--tg-primary);box-shadow:var(--tg-shadow-md);transform:translateY(-4px)}.tg-card-thumb-wrap{aspect-ratio:1;cursor:pointer;background:#fdfdfd;width:100%;position:relative;overflow:hidden}.tg-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.tg-product-card:hover .tg-card-img{transform:scale(1.06)}.tg-card-img-placeholder{color:#adb5bd;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.tg-card-img-placeholder span{color:#94a3b8;margin-top:6px;font-size:12px}.tg-discount-badge{color:var(--tg-white);border-radius:var(--tg-radius-xs);z-index:2;background:#f02b2b;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #f02b2b4d}.tg-card-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.tg-product-name{color:var(--tg-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;margin:0 0 8px;font-size:13.5px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.tg-product-name a{color:inherit;transition:var(--tg-transition);text-decoration:none}.tg-product-name a:hover{color:var(--tg-hover-orange)}.tg-price-box{align-items:baseline;gap:8px;margin-top:auto;margin-bottom:12px;display:flex}.tg-current-price{color:var(--tg-price);font-size:15px;font-weight:700}.tg-old-price{color:var(--tg-price-old);font-size:12.5px;text-decoration:line-through}.tg-card-actions{align-items:center;gap:8px;display:flex}.tg-add-cart-btn{background:var(--tg-primary-light);color:var(--tg-primary);border:1px solid var(--tg-primary);border-radius:var(--tg-radius-sm);cursor:pointer;transition:var(--tg-transition);flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tg-add-cart-btn:hover{background:var(--tg-primary);color:var(--tg-white)}.tg-quickview-btn{background:var(--tg-white);border:1px solid var(--tg-border);color:var(--tg-text-muted);border-radius:var(--tg-radius-sm);cursor:pointer;transition:var(--tg-transition);justify-content:center;align-items:center;padding:7px 10px;display:flex}.tg-quickview-btn:hover{border-color:var(--tg-primary);color:var(--tg-primary)}.tg-pagination-wrap{justify-content:center;align-items:center;gap:6px;margin-top:36px;display:flex}.tg-page-btn{border-radius:var(--tg-radius-sm);border:1px solid var(--tg-border);background:var(--tg-white);width:38px;height:38px;color:var(--tg-text);cursor:pointer;transition:var(--tg-transition);justify-content:center;align-items:center;font-size:13.5px;font-weight:500;display:flex}.tg-page-btn:hover:not(:disabled){border-color:var(--tg-primary);color:var(--tg-primary);background:var(--tg-primary-light)}.tg-page-btn.active{background:var(--tg-primary);border-color:var(--tg-primary);color:var(--tg-white);font-weight:700}.tg-page-btn:disabled{opacity:.4;cursor:not-allowed}.tg-empty-state{text-align:center;background:var(--tg-white);border:1px dashed var(--tg-border);border-radius:var(--tg-radius-md);margin:20px 0;padding:56px 24px}.tg-empty-icon{color:#adb5bd;margin-bottom:16px;font-size:48px}.tg-empty-state h3{color:var(--tg-text);margin:0 0 8px;font-size:18px}.tg-empty-state p{color:var(--tg-text-muted);margin:0 0 20px;font-size:14px}.tg-reset-all-btn{background:var(--tg-primary);color:var(--tg-white);border-radius:var(--tg-radius-pill);cursor:pointer;transition:var(--tg-transition);border:none;padding:10px 24px;font-size:14px;font-weight:600}.tg-reset-all-btn:hover{background:var(--tg-primary-hover)}.tg-skeleton-card{background:var(--tg-white);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);padding:12px;overflow:hidden}.tg-skeleton-img{aspect-ratio:1;border-radius:var(--tg-radius-xs);background:#f1f3f5;width:100%;margin-bottom:12px;animation:1.5s infinite tg-pulse}.tg-skeleton-text{background:#f1f3f5;border-radius:4px;height:14px;margin-bottom:8px;animation:1.5s infinite tg-pulse}.tg-skeleton-text.short{width:60%}@keyframes tg-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tg-sidebar-mobile-header,.tg-mobile-drawer-backdrop{display:none}@media (width<=991px){.tg-collection-layout{grid-template-columns:1fr;gap:0}.tg-mobile-filter-btn{display:inline-flex}.tg-sidebar{z-index:10001;width:300px;height:100vh;box-shadow:var(--tg-shadow-lg);border-radius:0;transition:left .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:-320px;overflow-y:auto}.tg-sidebar.open{left:0}.tg-mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;display:block;position:fixed;inset:0}.tg-mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.tg-sidebar-mobile-header{background:var(--tg-primary);color:var(--tg-white);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tg-sidebar-mobile-header h3{margin:0;font-size:16px;font-weight:700}.tg-close-drawer-btn{color:var(--tg-white);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.tg-three-banner-grid{grid-template-columns:1fr;gap:12px}.tg-products-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=576px){.tg-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tg-collection-toolbar{flex-direction:column;align-items:stretch;gap:12px}.tg-toolbar-right{justify-content:space-between}.tg-card-body{padding:10px}.tg-product-name{height:36px;font-size:13px}.tg-current-price{font-size:14px}.tg-add-cart-btn{padding:6px 8px;font-size:11.5px}}.pd-page{--pd-font-primary:"Roboto", "Inter", sans-serif;--pd-font-stack:"Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pd-font-size-xs:13px;--pd-font-size-sm:14px;--pd-font-size-md:16px;--pd-font-size-lg:18px;--pd-font-size-xl:19px;--pd-font-size-2xl:24px;--pd-font-weight-normal:400;--pd-font-weight-medium:500;--pd-font-weight-semibold:600;--pd-font-weight-bold:700;--pd-line-height-base:21px;--pd-line-height-tight:1.25;--pd-line-height-normal:1.5;--pd-color-brand:var(--color-primary,#1b3a5c);--pd-color-brand-dark:var(--color-primary-dark,#12283f);--pd-color-brand-light:var(--color-primary-light,#2b5a8c);--pd-color-brand-lighter:var(--color-primary-lighter,#3a7bc8);--pd-color-accent:var(--color-accent,#2563eb);--pd-color-accent-light:var(--color-accent-light,#dbeafe);--pd-color-text-primary:#1e293b;--pd-color-text-secondary:#475569;--pd-color-text-muted:#64748b;--pd-color-text-inverse:#fff;--pd-color-bg-page:#eff3f8;--pd-color-bg-card:#fff;--pd-color-bg-soft:#f8fafc;--pd-color-bg-hover:#f1f5f9;--pd-color-border:#e2e8f0;--pd-color-border-light:#edf2f7;--pd-color-border-active:var(--pd-color-brand);--pd-color-success:#16a34a;--pd-color-success-bg:#dcfce7;--pd-color-error:#dc2626;--pd-color-error-bg:#fee2e2;--pd-space-1:1px;--pd-space-2:2px;--pd-space-3:5px;--pd-space-4:6px;--pd-space-5:8px;--pd-space-6:10px;--pd-space-7:15px;--pd-space-8:20px;--pd-space-10:25px;--pd-space-12:30px;--pd-space-16:40px;--pd-radius-xs:5px;--pd-radius-sm:12px;--pd-radius-md:30px;--pd-shadow-card:0 1px 3px #0000000d;--pd-shadow-card-hover:0 4px 12px #00000014;--pd-shadow-focus:0 0 0 3px #1b3a5c33;--pd-transition-fast:.15s ease;--pd-transition-base:.2s ease;font-family:var(--pd-font-stack);font-size:var(--pd-font-size-sm);line-height:var(--pd-line-height-base);color:var(--pd-color-text-primary);background:var(--pd-color-bg-page);min-height:100vh;padding-bottom:var(--pd-space-16);width:100vw;padding-top:1px;padding-top:var(--pd-space-5);margin-top:-48px;position:relative;left:50%;transform:translate(-50%)}.pd-container{width:min(1200px, calc(100% - var(--pd-space-8) * 2));margin-inline:auto}.pd-breadcrumb{padding:var(--pd-space-7) 0;font-size:var(--pd-font-size-xs);line-height:var(--pd-line-height-base)}.pd-breadcrumb-list{align-items:center;gap:var(--pd-space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pd-breadcrumb-item{align-items:center;gap:var(--pd-space-5);display:inline-flex}.pd-breadcrumb-item+.pd-breadcrumb-item:before{content:"›";color:var(--pd-color-text-muted);font-size:var(--pd-font-size-md);line-height:1}.pd-breadcrumb a{color:var(--pd-color-text-secondary);font-weight:var(--pd-font-weight-medium);transition:color var(--pd-transition-fast);text-decoration:none}.pd-breadcrumb a:hover{color:var(--pd-color-brand);text-decoration:underline}.pd-breadcrumb-current{color:var(--pd-color-text-primary);font-weight:var(--pd-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.pd-main-grid{gap:var(--pd-space-8);margin-bottom:var(--pd-space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pd-gallery-card{background:var(--pd-color-bg-card);border-radius:var(--pd-radius-sm);padding:var(--pd-space-8);box-shadow:var(--pd-shadow-card)}.pd-main-image-wrap{aspect-ratio:1;border-radius:var(--pd-radius-xs);background:var(--pd-color-bg-soft);width:100%;margin-bottom:var(--pd-space-7);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pd-main-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.pd-image-placeholder{justify-content:center;align-items:center;gap:var(--pd-space-5);width:100%;height:100%;color:var(--pd-color-text-muted);padding:var(--pd-space-8);text-align:center;flex-direction:column;display:flex}.pd-image-placeholder-icon{opacity:.5;font-size:48px;line-height:1}.pd-image-placeholder-text{font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-medium)}.pd-thumbnails{gap:var(--pd-space-5);flex-wrap:wrap;display:flex}.pd-thumbnail-btn{border-radius:var(--pd-radius-xs);border:2px solid var(--pd-color-border);background:var(--pd-color-bg-card);cursor:pointer;width:64px;height:64px;transition:border-color var(--pd-transition-fast), box-shadow var(--pd-transition-fast);flex-shrink:0;padding:0;display:block;overflow:hidden}.pd-thumbnail-btn:hover{border-color:var(--pd-color-brand-light)}.pd-thumbnail-btn:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:2px}.pd-thumbnail-btn[aria-pressed=true]{border-color:var(--pd-color-brand);box-shadow:0 0 0 2px #1b3a5c40}.pd-thumbnail-btn img{object-fit:cover;width:100%;height:100%;display:block}.pd-gallery-nav{border:1px solid var(--pd-color-border);width:36px;height:36px;color:var(--pd-color-text-primary);cursor:pointer;transition:all var(--pd-transition-fast);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-gallery-nav:hover{background:var(--pd-color-bg-card);box-shadow:var(--pd-shadow-card-hover);border-color:var(--pd-color-brand-light)}.pd-gallery-nav:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:2px}.pd-gallery-nav:disabled{opacity:.35;cursor:not-allowed}.pd-gallery-nav--prev{left:var(--pd-space-5)}.pd-gallery-nav--next{right:var(--pd-space-5)}.pd-gallery-nav svg{width:18px;height:18px}.pd-info-card{background:var(--pd-color-bg-card);border-radius:var(--pd-radius-sm);padding:var(--pd-space-8);box-shadow:var(--pd-shadow-card);gap:var(--pd-space-7);flex-direction:column;display:flex}.pd-category-badge{padding:var(--pd-space-3) var(--pd-space-6);background:var(--pd-color-accent-light);color:var(--pd-color-brand);border-radius:var(--pd-radius-md);font-size:var(--pd-font-size-xs);font-weight:var(--pd-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;align-items:center;width:fit-content;display:inline-flex}.pd-product-name{font-size:var(--pd-font-size-2xl);font-weight:var(--pd-font-weight-bold);line-height:var(--pd-line-height-tight);color:var(--pd-color-text-primary);word-break:break-word;overflow-wrap:anywhere;margin:0}.pd-price-block{align-items:baseline;gap:var(--pd-space-5);flex-wrap:wrap;display:flex}.pd-price{font-size:28px;font-weight:var(--pd-font-weight-bold);color:var(--pd-color-brand);line-height:var(--pd-line-height-tight)}.pd-price-original{color:#94a3b8;font-size:18px;font-weight:500;text-decoration:line-through}.pd-price-discount-tag{color:#dc2626;letter-spacing:.02em;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.pd-sku{align-items:center;gap:var(--pd-space-3);font-size:var(--pd-font-size-xs);color:var(--pd-color-text-muted);background:var(--pd-color-bg-soft);padding:var(--pd-space-3) var(--pd-space-6);border-radius:var(--pd-radius-xs);font-family:Roboto Mono,Consolas,monospace;display:inline-flex}.pd-wholesale-container{background:linear-gradient(135deg,#f0fdfa 0%,#f8fafc 100%);border:1.5px solid #99f6e4;border-radius:12px;flex-direction:column;gap:12px;margin-top:4px;padding:16px;display:flex;box-shadow:0 2px 8px #0d94880f}.pd-wholesale-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pd-wholesale-title{color:#0f766e;align-items:center;gap:6px;font-size:15px;display:inline-flex}.pd-wholesale-icon{font-size:18px}.pd-wholesale-hint{color:#64748b;font-size:12px;font-style:italic}.pd-wholesale-tiers-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.pd-wholesale-tier-card{cursor:pointer;text-align:left;background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;outline:none;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pd-wholesale-tier-card:hover{background:#f0fdfa;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 12px #0d94881f}.pd-wholesale-tier-card:focus-visible{box-shadow:0 0 0 3px #0d948859}.pd-wholesale-tier-card.is-active{background:#ecfdf5;border:2px solid #0d9488;box-shadow:0 4px 14px #0d94882e}.pd-tier-range{color:#334155;font-size:12px;font-weight:700;line-height:1.2}.pd-tier-price{color:#dc2626;font-size:15px;font-weight:800;line-height:1.2}.pd-tier-sub{color:#64748b;margin-left:2px;font-size:11px;font-weight:500}.pd-tier-discount{color:#0d9488;background:#ccfbf1;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:11px;font-weight:700}.pd-tier-active-tag{color:#065f46;background:#a7f3d0;border-radius:12px;align-items:center;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex}.pd-wholesale-incentive-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pd-text-highlight{color:#dc2626;font-weight:700}.pd-wholesale-add-more-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:background .15s}.pd-wholesale-add-more-btn:hover{background:#1d4ed8}.pd-wholesale-applied-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.pd-wholesale-applied-box strong{color:#15803d;font-weight:700}.pd-estimate-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 14px;display:flex}.pd-estimate-label{color:#475569;font-size:14px;font-weight:500}.pd-estimate-value{color:#dc2626;font-size:18px;font-weight:800}.pd-estimate-saved{color:#16a34a;font-size:13px;font-weight:600}.pd-divider{border:none;border-top:1px solid var(--pd-color-border-light);margin:0}.pd-variants{gap:var(--pd-space-5);flex-direction:column;display:flex}.pd-variants-label{font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-semibold);color:var(--pd-color-text-secondary)}.pd-variants-list{gap:var(--pd-space-5);flex-wrap:wrap;display:flex}.pd-variant-chip{padding:var(--pd-space-5) var(--pd-space-7);border:2px solid var(--pd-color-border);border-radius:var(--pd-radius-xs);background:var(--pd-color-bg-card);color:var(--pd-color-text-primary);font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-medium);font-family:var(--pd-font-stack);cursor:pointer;transition:all var(--pd-transition-fast);white-space:nowrap}.pd-variant-chip:hover{border-color:var(--pd-color-brand-light);background:var(--pd-color-bg-hover)}.pd-variant-chip:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:2px}.pd-variant-chip[aria-pressed=true]{border-color:var(--pd-color-brand);background:var(--pd-color-accent-light);color:var(--pd-color-brand);font-weight:var(--pd-font-weight-semibold);box-shadow:0 0 0 1px var(--pd-color-brand)}.pd-quantity{gap:var(--pd-space-5);flex-direction:column;display:flex}.pd-quantity-label{font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-semibold);color:var(--pd-color-text-secondary)}.pd-quantity-control{border:1px solid var(--pd-color-border);border-radius:var(--pd-radius-xs);background:var(--pd-color-bg-card);align-items:center;width:fit-content;display:inline-flex;overflow:hidden}.pd-qty-btn{background:var(--pd-color-bg-soft);width:40px;height:40px;color:var(--pd-color-text-primary);font-size:var(--pd-font-size-lg);cursor:pointer;transition:all var(--pd-transition-fast);font-family:var(--pd-font-stack);border:none;justify-content:center;align-items:center;padding:0;display:flex}.pd-qty-btn:hover:not(:disabled){background:var(--pd-color-bg-hover);color:var(--pd-color-brand)}.pd-qty-btn:active:not(:disabled){background:var(--pd-color-border)}.pd-qty-btn:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:-3px}.pd-qty-btn:disabled{opacity:.4;cursor:not-allowed}.pd-qty-input{border:none;border-left:1px solid var(--pd-color-border);border-right:1px solid var(--pd-color-border);text-align:center;width:56px;height:40px;font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-semibold);color:var(--pd-color-text-primary);background:var(--pd-color-bg-card);font-family:var(--pd-font-stack);appearance:textfield}.pd-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pd-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pd-actions{gap:var(--pd-space-5);flex-direction:column;display:flex}.pd-btn{justify-content:center;align-items:center;gap:var(--pd-space-5);padding:var(--pd-space-6) var(--pd-space-8);border-radius:var(--pd-radius-xs);font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-semibold);font-family:var(--pd-font-stack);cursor:pointer;transition:all var(--pd-transition-base);min-height:44px;line-height:var(--pd-line-height-normal);border:2px solid #0000;text-decoration:none;display:inline-flex}.pd-btn:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:2px}.pd-btn--primary{background:var(--pd-color-brand);color:var(--pd-color-text-inverse);border-color:var(--pd-color-brand)}.pd-btn--primary:hover{background:var(--pd-color-brand-dark);border-color:var(--pd-color-brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1b3a5c40}.pd-btn--primary:active{box-shadow:none;transform:translateY(0)}.pd-btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.pd-btn--secondary{color:var(--pd-color-brand);border-color:var(--pd-color-brand);background:0 0}.pd-btn--secondary:hover{background:var(--pd-color-accent-light)}.pd-btn--secondary:active{background:var(--pd-color-border)}.pd-feedback{padding:var(--pd-space-5) var(--pd-space-7);border-radius:var(--pd-radius-xs);font-size:var(--pd-font-size-xs);font-weight:var(--pd-font-weight-medium);text-align:center;animation:.3s pd-feedback-in}.pd-feedback--success{background:var(--pd-color-success-bg);color:#166534;border:1px solid #86efac}.pd-feedback--error{background:var(--pd-color-error-bg);color:#991b1b;border:1px solid #fecaca}@keyframes pd-feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pd-product-info-section{background:var(--pd-color-bg-card);border-radius:var(--pd-radius-sm);padding:var(--pd-space-8);box-shadow:var(--pd-shadow-card);margin-bottom:var(--pd-space-8)}.pd-section-title{font-size:var(--pd-font-size-xl);font-weight:var(--pd-font-weight-bold);color:var(--pd-color-text-primary);padding-bottom:var(--pd-space-7);border-bottom:2px solid var(--pd-color-border-light);line-height:var(--pd-line-height-tight);margin:0}.pd-related-section{background:var(--pd-color-bg-card);border-radius:var(--pd-radius-sm);padding:var(--pd-space-8);box-shadow:var(--pd-shadow-card)}.pd-related-grid{gap:var(--pd-space-7);margin-top:var(--pd-space-7);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pd-related-card{border:1px solid var(--pd-color-border-light);border-radius:var(--pd-radius-xs);transition:all var(--pd-transition-base);color:inherit;background:var(--pd-color-bg-card);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.pd-related-card:hover{box-shadow:var(--pd-shadow-card-hover);border-color:#0000;transform:translateY(-3px)}.pd-related-card:focus-visible{outline:3px solid var(--pd-color-accent);outline-offset:2px}.pd-related-card-image{aspect-ratio:1;background:var(--pd-color-bg-soft);justify-content:center;align-items:center;display:flex;overflow:hidden}.pd-related-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.pd-related-card:hover .pd-related-card-image img{transform:scale(1.04)}.pd-related-card-body{padding:var(--pd-space-6);gap:var(--pd-space-3);flex-direction:column;flex:1;display:flex}.pd-related-card-name{font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-semibold);color:var(--pd-color-text-primary);line-height:var(--pd-line-height-normal);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pd-related-card-price{font-size:var(--pd-font-size-sm);font-weight:var(--pd-font-weight-bold);color:var(--pd-color-brand);margin:0}.pd-related-empty{text-align:center;padding:var(--pd-space-12) var(--pd-space-8);color:var(--pd-color-text-muted);font-size:var(--pd-font-size-sm);grid-column:1/-1}.pd-loading{padding:80px var(--pd-space-8);justify-content:center;align-items:center;gap:var(--pd-space-7);color:var(--pd-color-text-secondary);flex-direction:column;display:flex}.pd-loading-spinner{border:3px solid var(--pd-color-border);border-top-color:var(--pd-color-brand);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite pd-spin}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-error{text-align:center;padding:64px var(--pd-space-8)}.pd-error-icon{margin-bottom:var(--pd-space-7);opacity:.5;font-size:48px}.pd-error-message{font-size:var(--pd-font-size-md);color:var(--pd-color-error);margin-bottom:var(--pd-space-7)}.pd-error-retry{align-items:center;gap:var(--pd-space-3);display:inline-flex}@media (width<=900px){.pd-main-grid{gap:var(--pd-space-7);grid-template-columns:1fr}.pd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-product-name{font-size:var(--pd-font-size-xl)}.pd-breadcrumb-current{max-width:200px}}@media (width<=640px){.pd-page{padding-bottom:var(--pd-space-8)}.pd-container{width:calc(100% - var(--pd-space-7) * 2)}.pd-gallery-card,.pd-info-card,.pd-product-info-section,.pd-related-section{padding:var(--pd-space-7);border-radius:var(--pd-radius-xs)}.pd-product-name{font-size:var(--pd-font-size-lg)}.pd-price{font-size:var(--pd-font-size-2xl)}.pd-related-grid{gap:var(--pd-space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.pd-thumbnail-btn{width:52px;height:52px}.pd-gallery-nav{width:30px;height:30px}.pd-gallery-nav svg{width:14px;height:14px}}@media (width<=380px){.pd-container{width:calc(100% - var(--pd-space-6) * 2)}.pd-related-grid{grid-template-columns:1fr}.pd-main-image-wrap{aspect-ratio:4/5}.pd-breadcrumb-current{max-width:120px}}.cart-page-container{max-width:1400px;margin:0 auto;padding:40px 24px 80px}.cart-header{margin-bottom:32px}.cart-header h1{color:#172033;margin:0 0 8px;font-size:40px;font-weight:700}@media (width>=1024px){.cart-header h1{font-size:44px}}.cart-subtitle{color:#667085;margin:0;font-size:16px}.cart-layout{align-items:start;gap:32px;display:grid}@media (width>=768px){.cart-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (width>=1024px){.cart-layout{grid-template-columns:minmax(0,1fr) 380px}}.cart-items-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.cart-item-row{border-bottom:1px solid #eef2f6;flex-direction:column;padding:24px;transition:all .2s;display:flex}@media (width>=768px){.cart-item-row{flex-direction:row;align-items:center;gap:24px}}.cart-item-row:last-child{border-bottom:none}.cart-item-row:hover{background:#f8fafc}.cart-item-image-link{flex-shrink:0;align-self:flex-start}.cart-item-image{object-fit:cover;background:#f8fafc;border-radius:10px;width:110px;height:110px;display:block}.cart-item-info{flex-direction:column;flex:1;gap:6px;min-width:0;margin-top:16px;display:flex}@media (width>=768px){.cart-item-info{justify-content:center;align-self:stretch;margin-top:0}}.cart-item-title{color:#172033;margin:0;font-size:18px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block}.cart-item-title:hover{color:#173f67}.cart-item-meta{color:#667085;margin:0;font-size:14px}.cart-item-unit-price{color:#172033;margin:4px 0 0;font-size:15px}.cart-item-actions-wrapper{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}@media (width>=768px){.cart-item-actions-wrapper{align-self:center;gap:24px;width:auto;margin-top:0}}.cart-item-group-right{align-items:center;gap:24px;display:flex}.quantity-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:max-content;height:40px;display:flex;overflow:hidden}.quantity-btn{cursor:pointer;color:#172033;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.quantity-btn:hover:not(:disabled){background:#f1f5f9}.quantity-btn:disabled{color:#9ca3af;cursor:not-allowed}.quantity-btn:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.quantity-value{text-align:center;color:#172033;background:0 0;border:none;width:42px;min-width:42px;padding:0;font-size:15px;font-weight:600}.quantity-value:focus{outline:none}.cart-item-subtotal{color:#172033;text-align:right;min-width:110px;font-size:18px;font-weight:700}.cart-item-delete{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.cart-item-delete:hover{color:#ef4444;background:#fef2f2}.cart-item-delete:focus-visible{outline-offset:2px;outline:2px solid #ef4444}.order-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}@media (width>=1024px){.order-summary-card{position:sticky;top:110px}}.summary-title{color:#172033;border-bottom:1px solid #eef2f6;margin:0 0 24px;padding-bottom:16px;font-size:18px;font-weight:700}.summary-row{color:#667085;justify-content:space-between;margin-bottom:16px;font-size:15px;display:flex}.summary-row.total{color:#172033;border-top:1px solid #eef2f6;margin-top:24px;margin-bottom:24px;padding-top:16px;font-size:20px;font-weight:700}.summary-row.total .total-price{color:#173f67}@media (width>=1024px){.summary-row.total{font-size:22px}}.checkout-btn{color:#fff;cursor:pointer;background:#173f67;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:52px;margin-bottom:20px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s;display:flex}.checkout-btn:hover{background:#123150}.checkout-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.continue-shopping-link{color:#667085;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.continue-shopping-link:hover{color:#173f67}.empty-cart-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-cart-icon{color:#9ca3af;margin-bottom:24px}.empty-cart-title{color:#172033;margin:0 0 12px;font-size:24px;font-weight:700}.empty-cart-desc{color:#667085;margin:0 0 32px;font-size:16px}.empty-cart-btn{color:#fff;background:#173f67;border-radius:10px;justify-content:center;align-items:center;height:48px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.empty-cart-btn:hover{background:#123150}.checkout-page-container{max-width:1400px;margin:0 auto;padding:40px 24px 80px}.checkout-header{margin-bottom:32px}.checkout-header h1{color:#172033;margin:0;font-size:40px;font-weight:700}@media (width>=1024px){.checkout-header h1{font-size:44px}}.checkout-layout{align-items:start;gap:32px;display:grid}@media (width>=768px){.checkout-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (width>=1024px){.checkout-layout{grid-template-columns:minmax(0,1fr) 400px}}.checkout-main{flex-direction:column;gap:32px;display:flex}.checkout-section-title{color:#172033;margin:0 0 16px;font-size:20px;font-weight:700}.address-list{flex-direction:column;gap:16px;display:flex}.address-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:20px 24px;transition:all .2s;display:flex}.address-card:hover{border-color:#9ca3af}.address-card.selected{border-color:#2563eb}.address-info-wrapper{gap:16px;display:flex}.address-icon{color:#667085;flex-shrink:0;margin-top:2px}.address-card.selected .address-icon{color:#2563eb}.address-details{flex-direction:column;gap:4px;display:flex}.address-name{color:#172033;margin:0;font-size:16px;font-weight:600}.address-text{color:#667085;margin:0;font-size:15px;line-height:1.5}.address-badge{color:#173f67;background:#eff6ff;border-radius:6px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-block}.address-select-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.address-select-btn:hover{text-decoration:underline}.manage-address-link{color:#2563eb;margin-top:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.manage-address-link:hover{text-decoration:underline}.payment-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.payment-card.selected{background:#f8fbff;border:1.5px solid #2563eb}.payment-radio{cursor:pointer;accent-color:#2563eb;width:18px;height:18px;margin-top:4px}.payment-info{flex-direction:column;gap:4px;display:flex}.payment-title{color:#172033;margin:0;font-size:16px;font-weight:600}.payment-desc{color:#667085;margin:0;font-size:15px}.checkout-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}@media (width>=1024px){.checkout-summary-card{position:sticky;top:110px}}.checkout-summary-title{color:#172033;border-bottom:1px solid #eef2f6;margin:0 0 20px;padding-bottom:16px;font-size:18px;font-weight:700}.checkout-items-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.checkout-item{align-items:flex-start;gap:16px;display:flex}.checkout-item-image{object-fit:cover;background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;flex-shrink:0;width:76px;height:76px}.checkout-item-details{flex-direction:column;flex:1;gap:4px;display:flex}.checkout-item-name{color:#172033;margin:0;font-size:15px;font-weight:600}.checkout-item-qty{color:#667085;margin:0;font-size:14px}.checkout-item-price{color:#172033;margin:0;font-size:15px;font-weight:600}.checkout-totals{border-top:1px solid #eef2f6;margin-bottom:24px;padding-top:20px}.checkout-total-row{color:#667085;justify-content:space-between;margin-bottom:12px;font-size:15px;display:flex}.checkout-total-row:last-child{margin-bottom:0}.checkout-total-row.final-total{border-top:1px solid #eef2f6;align-items:center;margin-top:16px;padding-top:16px}.checkout-total-row.final-total .total-label{color:#172033;font-size:20px;font-weight:700}.checkout-total-row.final-total .total-value{color:#e53935;font-size:20px;font-weight:700}.place-order-btn{color:#fff;cursor:pointer;background:#173f67;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:52px;font-size:16px;font-weight:700;transition:background-color .2s;display:flex}.place-order-btn:hover:not(:disabled){background:#123150}.place-order-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.place-order-btn:disabled{cursor:not-allowed;background:#9ca3af}.checkout-error{color:#ef4444;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.checkout-success-container{text-align:center;max-width:600px;margin:60px auto;padding:0 24px}.checkout-success-icon{color:#10b981;margin-bottom:24px}.checkout-success-title{color:#172033;margin:0 0 12px;font-size:32px;font-weight:700}.checkout-success-desc{color:#667085;margin:0 0 32px;font-size:16px}.checkout-success-card{text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:32px}.success-info-row{margin-bottom:16px;font-size:15px;display:flex}.success-info-row:last-child{margin-bottom:0}.success-info-label{color:#172033;flex-shrink:0;width:200px;font-weight:600}.success-info-value{color:#667085}.success-info-value.bold{color:#172033;font-weight:600}.success-actions{justify-content:center;gap:16px;display:flex}.success-btn{border-radius:10px;justify-content:center;align-items:center;height:48px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.success-btn.primary{color:#fff;background:#173f67}.success-btn.primary:hover{background:#123150}.success-btn.secondary{color:#173f67;background:#fff;border:1px solid #173f67}.success-btn.secondary:hover{background:#f8fafc}.ct-hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;padding:clamp(48px,8vw,80px) 0;position:relative;overflow:hidden}.ct-hero:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:350px;height:350px;position:absolute;top:-100px;right:-60px}.ct-hero:after{content:"";pointer-events:none;background:#ffffff08;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;left:10%}.ct-hero-inner{z-index:1;text-align:center;max-width:680px;margin-inline:auto;position:relative}.ct-hero-badge{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.ct-hero h1{font-family:var(--font-heading);letter-spacing:-.01em;color:#fff;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700}.ct-hero p{opacity:.85;margin-bottom:0;font-size:1.05rem;line-height:1.7}.ct-content{padding:64px 0 80px}.ct-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.ct-info-column{flex-direction:column;gap:24px;display:flex}.ct-company-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden}.ct-company-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light), var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.ct-company-name{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:4px;font-size:1.35rem;font-weight:700}.ct-company-tax{color:var(--color-text-muted);margin-bottom:24px;font-size:.85rem;font-weight:500}.ct-company-tax strong{color:var(--color-text-secondary)}.ct-detail-list{flex-direction:column;gap:16px;display:flex}.ct-detail-item{background:var(--color-bg-soft);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.ct-detail-item:hover{background:#1b3a5c0d;transform:translate(4px)}.ct-detail-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ct-detail-icon svg{width:22px;height:22px}.ct-detail-text{flex:1;min-width:0}.ct-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:3px;font-size:.78rem;font-weight:700}.ct-detail-value{color:var(--color-text);word-break:break-word;font-size:.95rem;font-weight:500;line-height:1.5}.ct-detail-value a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.ct-detail-value a:hover{color:var(--color-accent);text-decoration:underline}.ct-social-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:28px 32px}.ct-social-title{color:var(--color-text);align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.ct-social-title svg{width:22px;height:22px;color:var(--color-primary)}.ct-social-links{flex-wrap:wrap;gap:12px;display:flex}.ct-social-link{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);transition:all var(--transition-base);background:#fff;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.ct-social-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-soft);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ct-social-link svg{width:20px;height:20px}.ct-bank-card{background:linear-gradient(135deg, var(--color-bg-soft), #ebf4ff);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:24px 28px;display:flex}.ct-bank-icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ct-bank-icon svg{width:26px;height:26px}.ct-bank-info{flex:1}.ct-bank-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:3px;font-size:.78rem;font-weight:700}.ct-bank-number{color:var(--color-primary);letter-spacing:.04em;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.15rem;font-weight:700}.ct-bank-detail{color:var(--color-text-secondary);margin-top:2px;font-size:.85rem}.ct-right-column{flex-direction:column;gap:24px;display:flex}.ct-form-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:32px}.ct-form-title{color:var(--color-text);margin-bottom:4px;font-size:1.2rem;font-weight:700}.ct-form-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:.9rem}.ct-form{flex-direction:column;gap:16px;display:flex}.ct-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ct-form-group{flex-direction:column;gap:6px;display:flex}.ct-form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.ct-form-group label .ct-required{color:var(--color-error);margin-left:2px}.ct-form-group input,.ct-form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);resize:vertical;background:#fff;padding:11px 14px;font-family:inherit;font-size:.9rem}.ct-form-group input:focus,.ct-form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1b3a5c1a}.ct-form-group input::placeholder,.ct-form-group textarea::placeholder{color:var(--color-text-muted)}.ct-form-group textarea{min-height:120px}.ct-form-submit{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 32px;font-size:.95rem;font-weight:600;display:inline-flex}.ct-form-submit:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #1b3a5c33}.ct-form-submit:active{transform:translateY(0)}.ct-form-submit svg{width:18px;height:18px}.ct-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.ct-form-success{border-radius:var(--radius-sm);color:#166534;background:#dcfce7;border:1px solid #86efac;align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;font-weight:500;animation:.3s ct-fadeSlideIn;display:flex}.ct-form-success svg{color:#16a34a;flex-shrink:0;width:20px;height:20px}@keyframes ct-fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ct-map-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.ct-map-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:8px;padding:16px 24px;display:flex}.ct-map-header svg{width:20px;height:20px;color:var(--color-primary)}.ct-map-header span{color:var(--color-text);font-size:.95rem;font-weight:700}.ct-map-iframe-wrap{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.ct-map-iframe-wrap iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.ct-map-footer{color:var(--color-text-secondary);background:var(--color-bg-soft);align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;display:flex}.ct-map-footer svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.ct-cta{background:var(--color-bg-section);padding:64px 0}.ct-cta-inner{background:var(--color-primary);border-radius:var(--radius-xl);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:clamp(32px,5vw,56px);display:grid;position:relative;overflow:hidden}.ct-cta-inner:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.ct-cta h2{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:700}.ct-cta p{opacity:.85;margin-bottom:0;font-size:.95rem}.ct-cta-actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.ct-cta-actions .button.white{white-space:nowrap}@media (width<=1024px){.ct-grid{gap:36px}}@media (width<=900px){.ct-grid{grid-template-columns:1fr;gap:32px}.ct-cta-inner{text-align:center;grid-template-columns:1fr}.ct-cta-actions{justify-content:center}}@media (width<=768px){.ct-content{padding:40px 0 56px}.ct-company-card,.ct-form-card{padding:24px}.ct-form-row{grid-template-columns:1fr}.ct-bank-card{text-align:center;flex-direction:column;padding:24px}}@media (width<=520px){.ct-social-links{flex-direction:column}.ct-social-link{justify-content:center}.ct-cta-actions{flex-direction:column}.ct-cta-actions .button{width:100%}}.about-simple-container{background-color:#f7f9fa;width:100%;padding:40px 0 0;font-family:Inter,sans-serif;overflow-x:hidden}.about-section{padding:40px 20px}.about-grid{flex-direction:column;align-items:center;gap:40px;max-width:1100px;margin:0 auto;display:flex}@media (width>=768px){.about-grid{flex-direction:row;justify-content:space-between;gap:60px;padding:60px 0}.about-grid.reverse{flex-direction:row-reverse}.about-text,.about-image-wrapper{flex:1}}.about-text{width:100%;max-width:500px}.about-heading{color:#2bb3af;text-transform:uppercase;margin-bottom:15px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.heading-underline{background-color:#2bb3af;width:100px;height:4px;margin-bottom:25px}.about-desc{color:#444;font-size:1.1rem;line-height:1.7}.values-list{margin:0;padding:0;list-style:none}.values-list li{color:#444;margin-bottom:15px;padding-left:20px;font-size:1.15rem;line-height:1.6;position:relative}.values-list li:before{content:"•";color:#2bb3af;font-size:1.5rem;font-weight:700;position:absolute;top:-4px;left:0}.about-image-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cloud-bg{z-index:1;background-color:#66cec9;position:absolute}.cloud-right{aspect-ratio:1;border-radius:40% 60% 70% 30%/40% 50% 60%;width:80%;top:-10%;right:5%}.cloud-left{aspect-ratio:1;border-radius:60% 40% 30% 70%/50% 30% 70% 50%;width:85%;top:-5%;left:5%}.about-img{z-index:2;object-fit:cover;border-radius:12px;width:90%;max-width:450px;position:relative;box-shadow:0 10px 30px #0000001a}.about-bottom-banner{text-align:center;background-color:#66cec9;margin-top:20px;padding:40px 20px}.about-bottom-banner h2{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:clamp(1.2rem,3.5vw,2.5rem);font-weight:800}.about-intro-section{padding:40px 20px 20px;position:relative}.intro-grid{flex-direction:column;align-items:center;gap:30px;max-width:1100px;margin:0 auto;display:flex}@media (width>=768px){.intro-grid{flex-direction:row;justify-content:space-between;align-items:center;gap:0;padding:20px 0}}.intro-text-card{z-index:3;background:#fffffff2;border-radius:24px;width:100%;max-width:550px;padding:40px;position:relative;box-shadow:0 15px 40px #00000014}@media (width>=768px){.intro-text-card{margin-right:-80px}}.intro-image-wrapper{z-index:2;flex:1;width:100%;position:relative}.intro-img{object-fit:cover;border-radius:20px;width:100%;max-height:500px;box-shadow:0 10px 30px #0000001a}.admin-layout{color:#1a2332;background:#f0f2f5;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.admin-layout *,.admin-layout :before,.admin-layout :after{box-sizing:border-box}.admin-sidebar{color:#c8d6e5;z-index:100;background:linear-gradient(#0f1b2d 0%,#152238 100%);flex-direction:column;width:260px;min-height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:24px 20px;display:flex}.admin-sidebar-brand h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:800}.admin-sidebar-brand h2 span{color:#5b9bff}.admin-sidebar-brand .badge{color:#7db5ff;letter-spacing:.05em;text-transform:uppercase;background:#2458c64d;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.admin-sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.admin-sidebar-nav a{color:#89a;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar-nav a:hover{color:#e0e8f0;background:#ffffff0a}.admin-sidebar-nav a.active{color:#fff;background:#2458c633;border-left-color:#2458c6;font-weight:600}.admin-sidebar-nav a .nav-icon{text-align:center;width:20px;font-size:1.1rem}.admin-sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.admin-sidebar-footer a{color:#89a;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.admin-sidebar-footer a:hover{color:#ff6b6b}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.admin-topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.admin-topbar-left{align-items:center;gap:16px;display:flex}.admin-menu-toggle{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:1.2rem;display:none}.admin-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:.85rem;display:flex}.admin-breadcrumb a{color:#6b7280;text-decoration:none}.admin-breadcrumb a:hover{color:#2458c6}.admin-breadcrumb .separator{color:#d1d5db}.admin-breadcrumb .current{color:#1a2332;font-weight:600}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-user-info{align-items:center;gap:10px;display:flex}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#2458c6,#5b9bff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.admin-user-name{color:#1a2332;font-size:.85rem;font-weight:600}.admin-user-role{color:#6b7280;font-size:.7rem}.admin-content{flex:1;padding:28px}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-page-header h1{color:#1a2332;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.admin-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.admin-card-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-card-header h3{color:#374151;margin:0;font-size:1rem;font-weight:600}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;align-items:flex-start;gap:16px;padding:22px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.admin-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.admin-stat-icon.products{color:#2458c6;background:#ebf5ff}.admin-stat-icon.orders{color:#d4880f;background:#fef3cd}.admin-stat-icon.customers{color:#1a8f3c;background:#e8f8e8}.admin-stat-icon.revenue{color:#c62828;background:#fce4ec}.admin-stat-content h4{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.78rem;font-weight:500}.admin-stat-content .value{color:#1a2332;font-size:1.6rem;font-weight:700;line-height:1.2}.admin-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{color:#fff;background:#2458c6;border-color:#2458c6}.admin-btn-primary:hover:not(:disabled){background:#1b449d;border-color:#1b449d}.admin-btn-secondary{color:#374151;background:#fff;border-color:#d1d5db}.admin-btn-secondary:hover:not(:disabled){background:#f8f9fb;border-color:#9ca3af}.admin-btn-danger{color:#dc2626;background:#fee;border-color:#fca5a5}.admin-btn-danger:hover:not(:disabled){background:#fdd;border-color:#ef4444}.admin-btn-success{color:#166534;background:#dcfce7;border-color:#86efac}.admin-btn-sm{padding:6px 12px;font-size:.8rem}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:default;border-bottom:2px solid #e8ecf1;padding:12px 16px;font-size:.78rem;font-weight:600}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:#2458c6}.admin-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:14px 16px}.admin-table tr:hover td{background:#f8fafd}.admin-table tr:last-child td{border-bottom:none}.admin-badge{letter-spacing:.02em;border-radius:20px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge-active{color:#166534;background:#dcfce7}.admin-badge-inactive{color:#6b7280;background:#f3f4f6}.admin-badge-pending{color:#92400e;background:#fef3cd}.admin-badge-confirmed{color:#1e40af;background:#dbeafe}.admin-badge-processing{color:#3730a3;background:#e0e7ff}.admin-badge-shipping{color:#155e75;background:#cffafe}.admin-badge-completed{color:#166534;background:#dcfce7}.admin-badge-canceled{color:#991b1b;background:#fee2e2}.admin-badge-success{color:#166534;background:#dcfce7}.admin-badge-failed{color:#991b1b;background:#fee2e2}.admin-form-group{margin-bottom:18px}.admin-form-group label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.admin-form-group label .required{color:#dc2626;margin-left:2px}.admin-input,.admin-select,.admin-textarea{color:#1a2332;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:#2458c6;outline:none;box-shadow:0 0 0 3px #2458c61f}.admin-input.error,.admin-select.error,.admin-textarea.error{border-color:#dc2626}.admin-textarea{resize:vertical;min-height:80px}.admin-field-error{color:#dc2626;margin-top:4px;font-size:.78rem}.admin-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-form-actions{border-top:1px solid #e8ecf1;gap:12px;margin-top:24px;padding-top:20px;display:flex}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-search{flex:1;min-width:200px;position:relative}.admin-search input{color:#1a2332;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.admin-search input:focus{border-color:#2458c6;outline:none;box-shadow:0 0 0 3px #2458c61f}.admin-search .search-icon{color:#9ca3af;pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-filter select{color:#1a2332;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.85rem}.admin-pagination{color:#6b7280;border-top:1px solid #e8ecf1;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;font-size:.85rem;display:flex}.admin-pagination-info{font-size:.82rem}.admin-pagination-buttons{gap:4px;display:flex}.admin-pagination-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.82rem;transition:all .15s}.admin-pagination-buttons button:hover:not(:disabled){background:#f8f9fb;border-color:#9ca3af}.admin-pagination-buttons button.active{color:#fff;background:#2458c6;border-color:#2458c6}.admin-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.admin-loading{text-align:center;color:#6b7280;padding:48px 24px}.admin-loading .spinner{border:3px solid #e8ecf1;border-top-color:#2458c6;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-empty{text-align:center;color:#9ca3af;padding:48px 24px}.admin-empty .empty-icon{margin-bottom:12px;font-size:2.5rem}.admin-error{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:32px 24px}.admin-toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:24px}.admin-toast{border-radius:10px;align-items:center;gap:10px;min-width:300px;max-width:450px;padding:14px 20px;font-size:.85rem;font-weight:500;animation:.3s ease-out admin-toast-in;display:flex;box-shadow:0 4px 16px #0000001f}.admin-toast.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.admin-toast.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.admin-toast.info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.admin-toast.exiting{animation:.3s ease-in forwards admin-toast-out}@keyframes admin-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes admin-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.admin-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out admin-fade-in;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:calc(100% - 40px);max-width:480px;padding:28px;animation:.3s ease-out admin-modal-in;box-shadow:0 20px 60px #0003}.admin-modal h3{color:#1a2332;margin:0 0 12px;font-size:1.15rem}.admin-modal p{color:#6b7280;margin:0 0 24px;font-size:.9rem;line-height:1.5}.admin-modal-actions{justify-content:flex-end;gap:10px;display:flex}@keyframes admin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes admin-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-variant-row{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:10px;grid-template-columns:1fr 1fr 100px 100px 1fr auto auto;align-items:start;gap:10px;margin-bottom:10px;padding:14px;display:grid}.admin-variant-row .admin-input{padding:8px 10px;font-size:.82rem}.admin-variant-row .variant-label{color:#6b7280;margin-bottom:4px;font-size:.72rem;font-weight:600}.admin-variant-actions{align-self:end;gap:6px;padding-bottom:2px;display:flex}.admin-login-page{background:linear-gradient(135deg,#0f1b2d 0%,#1a2f4e 50%,#2458c6 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.admin-login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.admin-login-card h1{color:#1a2332;text-align:center;margin:0 0 8px;font-size:1.5rem;font-weight:700}.admin-login-card .subtitle{color:#6b7280;text-align:center;margin-bottom:28px;font-size:.9rem}.admin-login-card .admin-form-group{margin-bottom:20px}.admin-login-card .admin-btn-primary{width:100%;padding:12px;font-size:.95rem}.admin-login-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:.85rem}.admin-dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-order-detail-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.admin-order-info-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:10px 0;font-size:.85rem;display:flex}.admin-order-info-row:last-child{border-bottom:none}.admin-order-info-row .label{color:#6b7280;font-weight:500}.admin-order-info-row .value{color:#1a2332;font-weight:600}.admin-toggle{width:40px;height:22px;display:inline-block;position:relative}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle .slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:background .2s;position:absolute;inset:0}.admin-toggle .slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.admin-toggle input:checked+.slider{background:#2458c6}.admin-toggle input:checked+.slider:before{transform:translate(18px)}@media (width<=1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-order-detail-grid{grid-template-columns:1fr}.admin-variant-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-menu-toggle{display:flex}.admin-content{padding:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-toolbar{flex-direction:column}.admin-search{width:100%}.admin-form-row,.admin-variant-row{grid-template-columns:1fr}.admin-sidebar-overlay{z-index:99;background:#00000080;position:fixed;inset:0}}