:root{--navy:#0f1d31;--navy-light:#1f3a5f;--blue:#2b5ea8;--acc:#1e6bf2;--acc-hover:#1456ca;--acc-soft:#edf4ff;--acc-border:#c8dcff;--bg:#f5f7fb;--bg-card:#ffffff;--line:#e3e8f2;--line-strong:#cdd5e2;--ink:#162233;--ink-secondary:#3d4d62;--mut:#627288;--sale:#ea384c;--success:#0b9e59;--success-bg:#e6f7ef;--warning:#f59e0b;--warning-bg:#fef7e6;--zalo:#0068ff;--zalo-hover:#0056d6;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 6px rgba(15,29,49,0.05);--shadow-md:0 8px 24px rgba(15,29,49,0.07);--shadow-lg:0 16px 40px rgba(15,29,49,0.12);--shadow-hover:0 14px 30px rgba(30,107,242,0.15);--max-w:1200px;--header-h:80px;--topbar-h:36px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Inter',Helvetica,Arial,sans-serif;color:var(--ink);background-color:#ffffff;line-height:1.6;font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all 0.2s ease}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.wrap{width:100%;max-width:var(--max-w);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#ffffff;padding:11px 22px;border-radius:var(--radius-md);font-weight:700;font-size:14.5px;border:1.5px solid transparent;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(30,107,242,0.2)}.btn:hover{background:var(--acc-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,107,242,0.3)}.btn.ghost{background:#ffffff;color:var(--navy);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:var(--bg);border-color:var(--navy);color:var(--navy)}.btn.out{background:#ffffff;color:var(--acc);border:1.5px solid var(--acc);box-shadow:none}.btn.out:hover{background:var(--acc-soft)}.btn.zalo{background:var(--zalo);color:#ffffff;box-shadow:0 4px 12px rgba(0,104,255,0.25)}.btn.zalo:hover{background:var(--zalo-hover)}.btn.sm{padding:8px 14px;font-size:13.5px;border-radius:var(--radius-sm)}.btn.block{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--acc-soft);color:#0e56cc;font-weight:700;font-size:13px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--acc-border)}.sale-badge{position:absolute;top:14px;left:14px;background:#c81e31;color:#ffffff;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;padding:4px 10px;border-radius:var(--radius-full);box-shadow:0 3px 8px rgba(200,30,49,0.35);z-index:2}.topbar{background:var(--navy);color:#cdd8e6;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.08)}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;gap:12px;flex-wrap:wrap}.topbar .badge-trust{display:inline-flex;align-items:center;gap:6px;color:#92e0b5;font-weight:600}.topbar .top-contact{display:flex;gap:16px;align-items:center}.topbar .top-contact a:hover{color:#ffffff}header.main-header{position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:100;transition:all 0.25s ease}header.main-header.scrolled{box-shadow:var(--shadow-sm)}header.main-header .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:24px}.brand-logo{display:flex;align-items:center;flex-shrink:0}.brand-logo img{height:52px;width:auto;object-fit:contain;transition:transform 0.2s ease}.brand-logo:hover img{transform:scale(1.02)}nav.main-nav{display:flex;align-items:center;gap:22px;font-weight:600;font-size:14.5px;white-space:nowrap}nav.main-nav a{color:var(--ink-secondary);padding:8px 4px;position:relative}nav.main-nav a:hover,nav.main-nav a.on{color:var(--acc)}nav.main-nav a.on::after{content:"";position:absolute;bottom:0;left:4px;right:4px;height:2.5px;background:var(--acc);border-radius:99px}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.cart-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-md);font-weight:700;font-size:14px;color:var(--navy);background:#ffffff;cursor:pointer;transition:all 0.2s ease;position:relative}.cart-btn:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}.cart-count{background:var(--acc);color:#ffffff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.burger-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}.burger-btn span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;transition:0.25s ease}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,29,49,0.45);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.3s ease}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:340px;background:#ffffff;z-index:1001;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:-10px 0 40px rgba(0,0,0,0.2);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);overflow-y:auto;pointer-events:none}body.drawer-open{overflow:hidden}body.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open .drawer-panel{transform:translateX(0);pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.drawer-header img{height:42px}.drawer-close{background:none;border:none;font-size:26px;color:var(--mut);cursor:pointer;line-height:1}.drawer-nav a{display:block;padding:13px 14px;border-radius:var(--radius-md);font-weight:600;color:var(--navy);border-bottom:1px solid var(--line)}.drawer-nav a.on,.drawer-nav a:hover{background:var(--acc-soft);color:#0e56cc}.drawer-footer{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:12px}.hero{background:radial-gradient(900px 450px at 85% 0,#dce8ff,transparent),linear-gradient(180deg,#f3f7ff 0%,#ffffff 100%);padding:68px 0 54px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center}.hero-content h1{font-size:44px;line-height:1.18;color:var(--navy);letter-spacing:-0.02em;font-weight:800;margin-top:14px;margin-bottom:18px}.hero-content h1 em{font-style:normal;color:var(--acc)}.hero-content p{color:var(--mut);font-size:17.5px;line-height:1.6;margin-bottom:28px;max-width:560px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}.hero-stats .stat-item b{display:block;font-size:28px;color:var(--navy);font-weight:800;line-height:1}.hero-stats .stat-item span{color:var(--mut);font-size:13.5px;margin-top:4px;display:block}.invoice-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:none;padding:20px;position:relative}@media (max-width:640px){.invoice-card{padding:16px}}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:12px;margin-bottom:0}.invoice-card-header h3,.invoice-card-header h4,.invoice-card-title{font-size:15px;color:#0f172a;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}.invoice-card-title svg{flex-shrink:0}.invoice-card .status-tag,.status-tag{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;line-height:1.3}.invoice-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:10px 0;color:#64748b;border-bottom:1px solid #f1f5f9}.invoice-row span{color:#64748b;white-space:nowrap;flex-shrink:0;font-weight:500}.invoice-row b{color:#0f172a;font-weight:600;text-align:right;white-space:nowrap}.invoice-footer{padding-top:12px;font-size:12px;color:#64748b;display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:0}.invoice-footer svg{flex-shrink:0}.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-28px;position:relative;z-index:10}.trust-item{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(15,29,49,0.05);transition:all 0.25s ease}.trust-item:hover{transform:translateY(-2px);border-color:var(--acc-border);box-shadow:var(--shadow-md)}.trust-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;font-size:22px;flex-shrink:0}.trust-item b{display:block;color:var(--navy);font-size:15px;font-weight:700;line-height:1.25}.trust-item small{color:var(--mut);font-size:12.5px;margin-top:3px;display:block}section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:16px}.section-head h2{font-size:30px;color:var(--navy);font-weight:800;letter-spacing:-0.01em}.section-head p{color:var(--mut);font-size:15.5px;margin-top:4px}.section-head a.view-all{color:var(--acc);font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.section-head a.view-all:hover{text-decoration:underline}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;background:#ffffff;transition:all 0.25s ease;display:block;text-align:left}.cat-card:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.cat-card .cat-icon{font-size:32px;margin-bottom:12px;line-height:1}.cat-card h3{font-size:18px;color:var(--navy);font-weight:700;margin-bottom:4px}.cat-card small{color:var(--mut);font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#ffffff;display:flex;flex-direction:column;transition:all 0.25s ease;position:relative;cursor:pointer}.product-card:hover{border-color:var(--acc-border);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.product-thumb{height:200px;position:relative;display:flex;align-items:center;justify-content:center;color:#ffffff;text-align:center;overflow:hidden;background:#f8fafc}.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);position:relative;z-index:1}.product-card:hover .product-thumb img{transform:scale(1.05)}.product-thumb b{font-size:34px;font-weight:800;letter-spacing:-0.02em;position:relative;z-index:1}.product-body{padding:20px;display:flex;flex-direction:column;flex:1}.product-body .category-name{color:var(--mut);font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:0.5px;margin-bottom:6px}.product-body h3{font-size:17px;line-height:1.35;margin-bottom:10px;color:var(--navy);font-weight:700;flex:1}.product-body h3 a:hover{color:var(--acc)}.product-price{font-weight:800;color:var(--sale);font-size:19px;margin-bottom:10px}.product-tags{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.product-tags span{font-size:11.5px;background:var(--bg);color:var(--navy);padding:3px 8px;border-radius:6px;font-weight:600;border:1px solid var(--line)}.why-section{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.why-card{background:#ffffff;border-radius:var(--radius-lg);padding:26px;border:1px solid var(--line)}.why-card .why-icon{font-size:32px;margin-bottom:12px}.why-card h3{color:var(--navy);font-size:18px;font-weight:700;margin-bottom:8px}.why-card p{color:var(--mut);font-size:14.5px;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step-counter}.step-card{background:var(--navy);color:#dce6f5;border-radius:var(--radius-lg);padding:22px 20px;font-size:14px;position:relative}.step-card::before{counter-increment:step-counter;content:counter(step-counter);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#ffffff;font-weight:800;margin-bottom:12px;font-size:15px}.step-card b{color:#ffffff;display:block;font-size:16px;margin-bottom:4px}.guides-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-item{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;align-items:flex-start;background:#ffffff;transition:all 0.2s ease}.guide-item:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.guide-icon{font-size:24px;background:var(--acc-soft);border-radius:var(--radius-md);width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.guide-item h4{color:var(--navy);font-size:15.5px;font-weight:700;line-height:1.35;margin-bottom:4px}.guide-item small{color:var(--mut);font-size:13px}.news-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;background:#ffffff;transition:all 0.25s ease}.post-card:hover{border-color:var(--acc);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.post-card .post-cover{min-height:140px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#ffffff;position:relative}.post-card .post-cover .post-emoji{position:absolute;right:16px;top:14px;font-size:40px}.post-card .post-cover span.badge{align-self:flex-start;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700}.post-card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.post-card-body .post-meta{font-size:12.5px;color:var(--mut)}.post-card-body h3{font-size:16px;color:var(--navy);line-height:1.35;flex:1;font-weight:700}.post-card-body p{font-size:13.5px;color:var(--mut);line-height:1.5}.featured-post-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:28px;background:#ffffff;transition:all 0.25s ease}.featured-post-card:hover{border-color:var(--acc);box-shadow:var(--shadow-md)}.featured-post-card .feat-cover{min-height:280px;display:flex;align-items:flex-end;padding:24px;color:#ffffff;position:relative;background:linear-gradient(135deg,var(--navy-light),var(--acc))}.featured-post-card .feat-cover .feat-emoji{position:absolute;right:24px;top:24px;font-size:64px}.featured-post-card .feat-body{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:12px}.featured-post-card .feat-body h2{font-size:26px;color:var(--navy);line-height:1.25;font-weight:800}.featured-post-card .feat-body p{color:var(--mut);font-size:15px;line-height:1.55}.cta-band{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;box-shadow:none}.cta-band-content{flex:1}.cta-band h3{font-size:19px;font-weight:700;color:#0f172a;margin:0 0 6px 0;line-height:1.35}.cta-band p{font-size:13.5px;line-height:1.55;color:#64748b;margin:0}.cta-band-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2563eb;color:#ffffff !important;font-size:14px;font-weight:600;border-radius:8px;padding:10px 18px;white-space:nowrap;text-decoration:none;border:none;box-shadow:none;flex-shrink:0;transition:background 0.2s ease}.cta-band-btn:hover{background:#1d4ed8;color:#ffffff !important}.cta-band-btn svg{display:block;flex-shrink:0}.page-header{background:linear-gradient(180deg,#f3f7ff 0%,#ffffff 100%);border-bottom:1px solid var(--line);padding-bottom:32px}.breadcrumb{font-size:13.5px;color:var(--mut);padding:18px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb a{color:var(--blue)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb b{color:var(--ink);font-weight:600}.page-header h1{font-size:34px;color:var(--navy);font-weight:800;margin-bottom:8px}.page-header p{color:var(--mut);font-size:16px;max-width:720px}.two-col-layout{display:grid;grid-template-columns:270px 1fr;gap:32px;padding-top:32px}.two-col-layout.reverse{grid-template-columns:1fr 320px}.sidebar-box{border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;background:#ffffff;margin-bottom:20px}.sidebar-box h4{color:var(--navy);font-size:16px;font-weight:700;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.filter-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14.5px}.filter-row label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink-secondary)}.filter-row input[type="checkbox"]{accent-color:var(--acc);width:17px;height:17px;cursor:pointer}.filter-row .count-badge{color:var(--mut);font-size:12.5px;background:var(--bg);border-radius:99px;padding:1px 8px}.price-range-slider{margin:16px 0 10px}.price-range-bar{height:6px;background:var(--line);border-radius:99px;position:relative}.price-range-bar .range-fill{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--acc);border-radius:99px}.price-values{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);font-weight:600;margin-top:8px}.sidebar-helpbox{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;box-shadow:none;margin-bottom:20px}.sidebar-helpbox h4{font-size:14.5px;font-weight:700;color:#0f172a;margin:0 0 12px 0;padding:0;border:none;line-height:1.35}.sidebar-help-body{display:flex;align-items:center;gap:12px}.sidebar-help-icon{width:36px;height:36px;border-radius:50%;background:#ffffff;border:1px solid #dbe3ef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-help-icon svg{display:block}.sidebar-helpbox p,.sidebar-help-body p{font-size:13px;line-height:1.55;color:#64748b;margin:0;opacity:1}.sidebar-help-btn,.sidebar-helpbox .btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px;background:#2563eb;color:#ffffff !important;font-size:13.5px;font-weight:600;border-radius:8px;padding:10px 14px;text-decoration:none !important;border:none;box-shadow:none;transition:background 0.2s ease;cursor:pointer}.sidebar-help-btn:hover,.sidebar-helpbox .btn:hover{background:#1d4ed8;color:#ffffff !important}.sidebar-bulk-box{background:#eaf2ff;border:1px solid #d4e4fc;border-left:6px solid #2563eb;border-radius:18px;padding:24px;margin-top:20px;margin-bottom:24px}.sidebar-bulk-box h4{color:#0f1d31;font-size:20px;font-weight:800;margin-bottom:10px;border:none;padding:0;line-height:1.3}.sidebar-bulk-box p{color:#475569;font-size:14.5px;line-height:1.55;margin-bottom:20px}.sidebar-bulk-box .btn-bulk-zalo{background:#2563eb;color:#ffffff !important;font-weight:700;font-size:15px;padding:13px 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none;box-shadow:0 4px 14px rgba(37,99,235,0.25);transition:all 0.2s ease;border:none}.sidebar-bulk-box .btn-bulk-zalo:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,0.4)}.sort-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 18px;margin-bottom:24px;background:#ffffff;flex-wrap:wrap}.sort-bar select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 12px;font-size:14px;color:var(--navy);background:#ffffff;cursor:pointer}.active-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.active-filter-chips .chip{font-size:13px;background:var(--acc-soft);color:var(--acc);padding:4px 10px;border-radius:99px;font-weight:600;cursor:pointer}.active-filter-chips .chip:hover{background:#dbe7ff}.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:36px;margin-bottom:24px;width:100%}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.page-numbers{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.pagination a{min-width:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--navy);background:#ffffff;text-decoration:none;cursor:pointer;transition:all 0.2s ease;user-select:none}.pagination a:hover:not(.disabled):not(.on){border-color:var(--acc);color:var(--acc);background:#f8fafc}.pagination a.on{background:var(--acc);border-color:var(--acc);color:#ffffff;box-shadow:0 2px 6px rgba(37,99,235,0.25);cursor:default;pointer-events:none}.pagination a.disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;background:#f8fafc;border-color:var(--line);color:var(--mut)}.pagination .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;color:var(--mut);font-weight:600;font-size:14px;user-select:none}.pagination-info{font-size:13.5px;color:var(--mut);font-weight:500;text-align:center}@media (max-width:640px){.pagination{gap:4px}.pagination a{min-width:36px;height:36px;padding:0 10px;font-size:13px}.pagination a.page-nav span{display:none}.pagination a.page-nav{padding:0 10px}}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:10px}.product-gallery .gallery-main{height:420px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0b5cd5 0%,#3a63a0 100%);display:grid;place-items:center;color:#ffffff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.product-gallery .gallery-main::after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(255,255,255,0.08);right:-120px;top:-140px}.win-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:120px;margin:0 auto 18px}.win-logo-grid i{aspect-ratio:1;background:#ffffff;border-radius:4px;opacity:0.95}.gallery-main b{font-size:38px;display:block;text-align:center;font-weight:800}.gallery-main small{display:block;text-align:center;opacity:0.9;font-size:15px;margin-top:4px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.gallery-thumbnails .thumb-item{height:84px;border-radius:var(--radius-md);border:2px solid var(--line);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--navy);background:var(--bg);text-align:center;padding:6px;cursor:pointer;transition:all 0.2s ease}.gallery-thumbnails .thumb-item:hover,.gallery-thumbnails .thumb-item.on{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}.product-info-col h1{font-size:34px;color:var(--navy);font-weight:800;line-height:1.25;margin:6px 0 10px}.rating-row{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--mut);margin-bottom:16px}.rating-stars{color:#ffb703}.big-price{font-size:32px;font-weight:800;color:var(--sale);display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.big-price small{font-size:15px;color:var(--mut);font-weight:500}.product-badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.p-badge{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;background:#ffffff}.p-badge i{font-style:normal;font-size:20px;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--acc-soft);display:grid;place-items:center;flex-shrink:0}.p-badge b{display:block;color:var(--navy);font-size:14px}.p-badge small{color:var(--mut);font-size:12px}.variant-picker{margin:20px 0}.variant-picker h4{font-size:15px;color:var(--navy);font-weight:700;margin-bottom:10px}.variant-options{display:flex;flex-wrap:wrap;gap:8px}.variant-options span{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:9px 14px;font-size:13.5px;cursor:pointer;transition:all 0.2s ease;background:#ffffff}.variant-options span:hover{border-color:var(--acc)}.variant-options span.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc);font-weight:700}.action-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.quantity-picker{display:flex;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:#ffffff}.quantity-picker button{width:42px;height:46px;border:none;background:none;font-weight:700;font-size:16px;cursor:pointer;color:var(--navy)}.quantity-picker button:hover{background:var(--bg)}.quantity-picker input{width:44px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:700;color:var(--navy)}.action-row .btn{flex:1}.invoice-notice-box,.vat-notice-box{margin-top:16px;font-size:13.5px;color:var(--ink-secondary);background:var(--bg);border-radius:var(--radius-md);padding:14px;border:1px solid var(--line);line-height:1.5}.product-tabs-nav{display:flex;gap:8px;border-bottom:2px solid var(--line);margin:54px 0 28px;overflow-x:auto}.product-tabs-nav a{padding:12px 20px;font-weight:700;font-size:15px;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer}.product-tabs-nav a.on,.product-tabs-nav a:hover{color:var(--acc);border-color:var(--acc)}.tab-pane{display:none}.tab-pane.active{display:block}.product-tab-content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:36px}.prose h2{color:var(--navy);font-size:23px;font-weight:800;margin:36px 0 16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;line-height:1.35;position:relative}.prose h2::after{content:'';position:absolute;bottom:-2px;left:0;width:56px;height:2px;background:var(--acc)}.prose h3{color:var(--navy);margin:28px 0 12px;font-size:19px;font-weight:700;line-height:1.4;display:flex;align-items:center;gap:8px}.prose h3::before{content:'';display:inline-block;width:4px;height:18px;background:var(--acc);border-radius:2px;flex-shrink:0}.prose p,.prose li{color:var(--ink-secondary);margin-bottom:12px;line-height:1.65}.prose ul,.prose ol{padding-left:24px;margin-bottom:16px}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:18px 0;display:block}.prose figure{margin:20px 0;max-width:100%}.prose figcaption{font-size:13.5px;color:var(--mut);text-align:center;margin-top:6px;font-style:italic}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;font-weight:500}.prose a:hover{color:var(--acc)}.prose blockquote{border-left:4px solid var(--acc);padding:12px 20px;margin:20px 0;background:var(--bg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--navy)}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:20px 0}.prose th,.prose td{padding:10px 14px;border:1px solid var(--line);text-align:left}.prose th{background:var(--navy);color:#ffffff;font-weight:700}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 28px;border-radius:var(--radius-md);border:1px solid var(--line)}table.spec-table{width:100%;border-collapse:collapse;font-size:14.5px}table.spec-table td{padding:13px 4px;border-bottom:1px solid #f1f5f9;vertical-align:middle}table.spec-table tr:last-child td{border-bottom:none}table.spec-table td:first-child{color:#64748b;width:44%;background:transparent;font-weight:500;text-align:left}table.spec-table td:last-child{color:#1e293b;text-align:right;font-weight:700}details.faq-item{border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:12px;background:#ffffff;transition:all 0.2s ease}details.faq-item[open]{border-color:var(--acc-border);box-shadow:var(--shadow-sm)}details.faq-item summary{font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary::marker{display:none;content:""}details.faq-item summary::after{content:"+";font-size:18px;font-weight:700;color:var(--acc)}details.faq-item[open] summary::after{content:"−"}details.faq-item p{color:var(--ink-secondary);margin-top:10px;margin-bottom:0;font-size:14.5px;line-height:1.55}article.article-content{min-width:0;max-width:100%}article.article-content h1{font-size:34px;line-height:1.3;color:var(--navy);font-weight:800;margin:12px 0 16px;letter-spacing:-0.015em}.article-meta{display:flex;gap:16px;color:var(--mut);font-size:13.5px;margin-bottom:24px;flex-wrap:wrap}.article-hero-banner{width:100%;aspect-ratio:16 / 9;max-height:440px;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:28px;background:#0f1d31;box-shadow:var(--shadow-sm);position:relative}.article-hero-banner img{width:100%;height:100%;object-fit:cover;display:block}.article-hero-banner .hero-em{font-size:72px;margin-bottom:8px}.article-hero-banner b{font-size:24px;font-weight:800;display:block}p.article-lead{font-size:18px;color:#27364a;border-left:4px solid var(--acc);padding:4px 0 4px 20px;margin-bottom:26px;line-height:1.65}.table-of-contents,#ez-toc-container,nav[aria-label="Mục lục"]{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:30px}.table-of-contents h4,#ez-toc-container .ez-toc-title,nav[aria-label="Mục lục"] h2,nav[aria-label="Mục lục"] h3{color:var(--navy);font-weight:700;font-size:16px;margin-bottom:10px}.table-of-contents ol,.table-of-contents ul,#ez-toc-container ol,#ez-toc-container ul,nav[aria-label="Mục lục"] ol,nav[aria-label="Mục lục"] ul{padding-left:20px;margin:0}.table-of-contents li,#ez-toc-container li,nav[aria-label="Mục lục"] li{margin:6px 0;font-size:15px}.table-of-contents a,#ez-toc-container a,nav[aria-label="Mục lục"] a{color:var(--blue);font-weight:500;text-decoration:none}.table-of-contents a:hover,#ez-toc-container a:hover,nav[aria-label="Mục lục"] a:hover{text-decoration:underline;color:var(--acc)}table.sig-table{width:100%;border-collapse:collapse;font-size:14.5px;margin:16px 0 24px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}table.sig-table th{background:var(--navy);color:#ffffff;text-align:left;padding:12px 16px;font-weight:700}table.sig-table td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}table.sig-table tr:nth-child(even) td{background:var(--bg)}.callout-box{background:#fffbeb;border:1px solid #fde68a;border-left:5px solid #f59e0b;border-radius:var(--radius-md);padding:16px 20px;font-size:14.5px;line-height:1.65;color:#92400e;margin:22px 0;box-shadow:0 4px 12px rgba(245,158,11,0.08)}.callout-box b,.callout-box strong{color:#78350f;font-weight:700}.callout-box i{color:#b45309}.related-prod-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:none;margin:24px 0}.related-prod-head{font-size:12.5px;font-weight:600;color:#64748b;background:#fafafa;padding:10px 18px;border-bottom:1px solid #e2e8f0;line-height:1.4;letter-spacing:0.01em}.related-prod-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#ffffff}.related-prod-box a,.related-prod-main,.related-prod-main:hover,.related-prod-btn,.related-prod-btn:hover{text-decoration:none !important}.related-prod-main{display:flex;align-items:center;gap:16px;flex:1;text-decoration:none !important;min-width:0;color:inherit}.related-prod-main:hover .related-prod-title{color:#2563eb}.related-prod-main:hover .related-prod-thumb{transform:scale(1.03)}.related-prod-thumb{width:64px;height:64px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transition:transform 0.2s ease}.related-prod-thumb svg{display:block}.related-prod-thumb img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}.related-prod-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.related-prod-title{font-size:15px;font-weight:600;color:#0f172a;line-height:1.35;margin:0;transition:color 0.2s ease}.related-prod-sub{font-size:12.5px;color:#64748b;line-height:1.4;margin:0}.related-prod-price{font-size:16px;font-weight:700;color:#dc2626;margin:2px 0 0 0;line-height:1.3}.related-prod-btn{display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#ffffff !important;font-size:13.5px;font-weight:600;border-radius:8px;padding:9px 16px;white-space:nowrap;text-decoration:none;border:none;box-shadow:none;flex-shrink:0;transition:background 0.2s ease}.related-prod-btn:hover{background:#1d4ed8;color:#ffffff !important}aside.cta{background:linear-gradient(135deg,#f0f7ff 0%,#e0effe 100%);border:1px solid #bfdbfe;border-left:5px solid var(--acc);border-radius:var(--radius-md);padding:16px 20px;margin:24px 0;box-shadow:0 4px 14px rgba(30,107,242,0.08)}aside.cta p{color:var(--navy);font-size:14.5px;line-height:1.6;margin:0}aside.cta a{color:var(--acc);font-weight:700;text-decoration:underline}.author-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:32px 0;flex-wrap:wrap;gap:16px}.author-info{display:flex;gap:14px;align-items:center}.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--navy);color:#ffffff;display:grid;place-items:center;font-weight:800}.share-buttons{display:flex;gap:8px;align-items:center}.share-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--line);display:grid;place-items:center;font-weight:700;color:var(--navy);background:#ffffff;cursor:pointer}.share-btn:hover{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}footer.main-footer{background:#101d2d;color:#b0c0d4;padding:56px 0 24px;font-size:14px;margin-top:72px;border-top:1px solid rgba(255,255,255,0.08)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}.footer-col h4,.footer-col h5,.footer-col .footer-title{color:#ffffff;font-size:15.5px;font-weight:700;margin-bottom:16px}.footer-col li{margin:9px 0}.footer-col li a:hover{color:#ffffff}.footer-logo{display:inline-block;margin-bottom:16px}.footer-logo img{height:48px;width:auto}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13.5px}.floating-actions{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:990}.floating-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#ffffff;font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,0.2);cursor:pointer;transition:all 0.25s ease;border:none}.floating-btn.zalo-float{background:var(--zalo)}.floating-btn.zalo-float:hover{transform:scale(1.08);box-shadow:0 10px 28px rgba(0,104,255,0.4)}.floating-btn.top-float{background:var(--navy);opacity:0;visibility:hidden;transition:all 0.25s ease}.floating-btn.top-float.show{opacity:1;visibility:visible}.floating-btn.top-float:hover{background:var(--acc);transform:translateY(-2px)}.toast-container{position:fixed;bottom:24px;left:24px;z-index:1100;pointer-events:none;display:flex;flex-direction:column;gap:10px}.toast{background:var(--navy);color:#ffffff;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}@media (max-width:960px){nav.main-nav,.header-actions .btn{display:none}.burger-btn{display:flex}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-content h1{font-size:36px}.trust-bar{grid-template-columns:1fr 1fr;margin-top:0}.categories-grid{grid-template-columns:1fr 1fr}.products-grid,.why-grid,.news-catalog-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.guides-grid{grid-template-columns:1fr}.two-col-layout,.two-col-layout.reverse{grid-template-columns:1fr}.two-col-layout:not(.reverse) .sidebar{display:none}.two-col-layout:not(.reverse) .sidebar.open{display:block;position:fixed;inset:0;z-index:1002;background:#ffffff;overflow-y:auto;padding:20px}.two-col-layout.reverse .sidebar{display:block;margin-top:40px}.two-col-layout.reverse .sidebar>div{position:static !important}.product-detail-layout{grid-template-columns:1fr;gap:32px}.product-tab-content-grid{grid-template-columns:1fr}.featured-post-card{grid-template-columns:1fr}.featured-post-card .feat-cover{min-height:200px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:580px){.brand-logo img{height:44px}.topbar .top-contact{display:none}.hero{padding:36px 0}.hero-content h1{font-size:28px}.hero-content p{font-size:15.5px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trust-bar,.categories-grid,.products-grid,.why-grid,.steps-grid,.news-catalog-grid,.footer-grid{grid-template-columns:1fr}.page-header h1{font-size:26px}.product-info-col h1{font-size:26px}.product-badges-grid{grid-template-columns:1fr}.gallery-thumbnails .thumb-item{height:64px;font-size:11px}.article-hero-banner{aspect-ratio:16 / 9;height:auto;max-height:280px}}.policy-page-header{background:linear-gradient(135deg,#0b1528 0%,#162444 60%,#1e3a8a 100%);color:#ffffff;padding:48px 0 40px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden}.policy-page-header::after{content:'';position:absolute;top:-50px;right:-50px;width:320px;height:320px;background:radial-gradient(circle,rgba(30,107,242,0.25) 0%,transparent 70%);pointer-events:none}.policy-page-header h1{font-size:32px;font-weight:800;color:#ffffff;margin:12px 0 8px;letter-spacing:-0.02em}.policy-page-header p{color:#cbd5e1;font-size:16px;max-width:680px;line-height:1.6}.policy-layout{display:grid;grid-template-columns:300px 1fr;gap:36px;padding:40px 0 60px;align-items:start}.policy-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}.policy-nav{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.policy-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text);font-weight:600;font-size:14.5px;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border-left:3px solid transparent}.policy-nav-item .icon{font-size:18px;flex-shrink:0}.policy-nav-item:hover{background:var(--bg);color:var(--acc)}.policy-nav-item.active{background:rgba(30,107,242,0.08);color:var(--acc);border-left-color:var(--acc);font-weight:700}.policy-nav-item .badge{margin-left:auto;font-size:11px;background:rgba(16,185,129,0.15);color:#059669;padding:2px 8px;border-radius:12px;font-weight:700}.policy-content-panel{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 40px;box-shadow:var(--shadow-sm)}.policy-section-title{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:2px solid var(--line);margin-bottom:28px}.policy-section-title h2{font-size:24px;color:var(--navy);font-weight:800;margin:0}.policy-section-title .section-icon{width:44px;height:44px;border-radius:12px;background:rgba(30,107,242,0.1);color:var(--acc);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.callout-box{padding:16px 20px;border-radius:var(--radius-md);margin:20px 0;font-size:14.5px;line-height:1.65;display:flex;gap:14px;align-items:flex-start}.callout-box.success{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.3);color:#065f46}.callout-box.info{background:rgba(30,107,242,0.08);border:1px solid rgba(30,107,242,0.25);color:#1e3a8a}.callout-box.warning{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.3);color:#92400e}.callout-box.danger{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.3);color:#991b1b}.callout-box .c-icon{font-size:20px;flex-shrink:0;line-height:1.2}.policy-cmd-card{background:#0f172a;border-radius:var(--radius-md);padding:16px 20px;color:#e2e8f0;margin:20px 0;font-family:Consolas,Monaco,'Courier New',monospace;font-size:13.5px}.policy-cmd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;font-family:var(--font-sans)}.policy-cmd-card code{color:#38bdf8;font-weight:600}.policy-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.policy-card-item{border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;background:var(--bg);transition:all 0.2s ease}.policy-card-item:hover{border-color:var(--acc);box-shadow:var(--shadow-sm);background:#ffffff}.policy-card-item h4{color:var(--navy);font-size:16px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.policy-card-item p{color:var(--mut);font-size:14px;line-height:1.6;margin:0}.policy-timeline{display:flex;flex-direction:column;gap:16px;margin:24px 0}.timeline-step{display:flex;gap:16px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:var(--acc);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.step-body{flex:1}.step-body b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}.step-body p{color:var(--mut);font-size:14px;line-height:1.55;margin:0}@media (max-width:900px){.policy-layout{grid-template-columns:1fr;gap:24px;padding:24px 0 40px}.policy-sidebar{position:static}.policy-nav{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:8px;gap:8px;-webkit-overflow-scrolling:touch}.policy-nav-item{border-left:none;border-bottom:3px solid transparent;padding:10px 14px;font-size:13.5px}.policy-nav-item.active{border-left-color:transparent;border-bottom-color:var(--acc)}.policy-content-panel{padding:24px 20px}.policy-grid-cards{grid-template-columns:1fr}}.cart-backdrop{position:fixed;inset:0;background:rgba(11,21,40,0.6);backdrop-filter:blur(4px);z-index:1050;opacity:0;pointer-events:none;transition:opacity 0.25s ease}body.cart-open .cart-backdrop{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:-450px;width:100%;max-width:420px;height:100%;background:#ffffff;z-index:1060;box-shadow:-8px 0 32px rgba(11,21,40,0.2);transition:right 0.3s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column}body.cart-open .cart-drawer{right:0}.cart-drawer-header{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-drawer-header h3{font-size:17px;color:var(--navy);font-weight:700;margin:0}.cart-drawer-close{background:none;border:none;font-size:22px;color:var(--mut);cursor:pointer;padding:4px}.cart-drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);align-items:center}.cart-item-thumb{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg);border:1px solid var(--line);flex-shrink:0}.cart-item-info{flex:1}.cart-item-title{font-weight:700;font-size:13.5px;color:var(--navy);margin-bottom:2px}.cart-item-variant{font-size:12px;color:var(--mut);margin-bottom:4px}.cart-item-price{font-weight:700;color:var(--acc);font-size:13.5px}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-top:6px}.cart-qty-btn{width:24px;height:24px;border:1px solid var(--line);background:#ffffff;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.cart-item-remove{color:var(--danger);background:none;border:none;cursor:pointer;font-size:16px;padding:4px;margin-left:auto}.cart-empty{text-align:center;padding:48px 20px;color:var(--mut)}.cart-drawer-footer{padding:20px 24px;border-top:1px solid var(--line);background:var(--bg)}.cart-drawer-subtotal{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;margin-bottom:8px}.cart-drawer-subtotal b{font-size:18px;color:var(--acc)}.product-process-section{margin-top:48px;margin-bottom:24px;background:transparent}.why-section .product-process-section{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 32px 36px;margin-top:32px}.product-process-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 28px 0;text-align:left;letter-spacing:-0.01em}.product-process-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.product-process-steps .process-line{position:absolute;top:22px;left:12.5%;right:12.5%;height:1px;border-top:1px dashed #cbd5e1;z-index:1}.process-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.process-icon-wrap{width:44px;height:44px;border-radius:50%;background:#ffffff;border:1px solid #dbe3ef;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all 0.2s ease}.process-step:hover .process-icon-wrap{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.12)}.process-step-num{font-size:11.5px;font-weight:600;color:#2563eb;margin-bottom:4px;display:block;letter-spacing:0.2px}.process-step-name{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 4px 0;line-height:1.35}.process-step-desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.45;max-width:175px}@media (max-width:768px){.product-process-section{margin-top:36px;margin-bottom:20px}.why-section .product-process-section{padding:24px 20px 28px;margin-top:24px}.product-process-title{font-size:17px;margin-bottom:20px}.product-process-steps{grid-template-columns:repeat(2,1fr);row-gap:28px;column-gap:16px}.product-process-steps .process-line{display:none}.process-step-desc{max-width:100%}.cta-band{flex-direction:column;align-items:stretch;padding:20px;gap:16px;text-align:left}.cta-band-btn{width:100%;justify-content:center}}@media (max-width:640px){.related-prod-body{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.related-prod-main{width:100%;gap:14px}.related-prod-thumb{width:56px;height:56px}.related-prod-thumb svg{width:30px;height:30px}.related-prod-btn{width:100%;text-align:center;justify-content:center;padding:10px 16px}}@media (max-width:440px){.product-process-steps{grid-template-columns:repeat(2,1fr);column-gap:12px}.process-step-desc{font-size:12px}}
 /* Burger Button & Drawer Mobile Enhancements */ .burger-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:101;user-select:none;} .burger-btn span{pointer-events:none;} body.drawer-open .drawer-panel{transform:translateX(0) !important;pointer-events:auto !important;} body.drawer-open .drawer-backdrop{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;} /* News & Guides Home Card (Redesign 2026) */ .news-home-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 28px;box-shadow:none;} @media (max-width:640px){.news-home-card{padding:20px 16px;}} .news-home-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;} .news-home-top h2{font-size:22px;font-weight:700;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-0.01em;} @media (max-width:480px){.news-home-top h2{font-size:18px;white-space:nowrap;} .news-home-top .news-view-all{font-size:13.5px;}} @media (max-width:360px){.news-home-top h2{font-size:17px;white-space:nowrap;} .news-home-top .news-view-all{font-size:13px;} .news-home-title{font-size:13.5px;} .news-home-item img{width:84px;height:56px;}} .news-home-top .news-view-all{color:#2563eb;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:color 0.2s ease;} .news-home-top .news-view-all:hover{color:#1d4ed8;} .news-home-desc{color:#64748b;font-size:13.5px;line-height:1.55;margin:0 0 20px 0;} .news-home-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;} @media (max-width:768px){.news-home-list{display:flex;flex-direction:column;gap:0;}} .news-home-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f1f5f9;text-decoration:none;color:inherit;transition:transform 0.2s ease;} .news-home-item:hover .news-home-title{color:#2563eb;} @media (min-width:769px){.news-home-item{border-bottom:1px solid #f1f5f9;padding:12px 0;} .news-home-item:nth-last-child(-n+2){border-bottom:none;}} @media (max-width:768px){.news-home-item:first-child{padding-top:4px;} .news-home-item:last-child{border-bottom:none;padding-bottom:0;}} .news-home-item img{width:96px;height:64px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0;display:block;transition:transform 0.2s ease;} .news-home-item:hover img{transform:scale(1.02);} @media (max-width:380px){.news-home-item img{width:86px;height:58px;}} .news-home-info{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;min-width:0;} .news-home-title{font-size:14.5px;font-weight:700;color:#0f172a;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s ease;} .news-home-date{font-size:12.5px;color:#94a3b8;font-weight:500;margin:0;} 

/* Balanced Section Head & Featured Products Alignment */
.section-head-balanced{margin-bottom:24px;} .section-head-balanced .section-head-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;} .section-head-balanced h2{font-size:24px;font-weight:700;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-0.01em;} .section-head-balanced a.view-all{color:#2563eb;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:color 0.2s ease;} .section-head-balanced a.view-all:hover{color:#1d4ed8;text-decoration:underline;} .section-head-balanced .section-head-desc{color:#64748b;font-size:13.5px;line-height:1.55;margin:0;} @media (max-width:640px){.section-head{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:20px;}.section-head > div{display:contents;}.section-head h2{font-size:18px;margin:0;line-height:1.3;order:1;white-space:nowrap;}.section-head a.view-all{order:2;font-size:13px;white-space:nowrap;margin-left:auto;}.section-head p{order:3;width:100%;margin:2px 0 0 0;font-size:13.5px;line-height:1.5;}} @media (max-width:480px){.section-head-balanced h2{font-size:18px;white-space:nowrap;}.section-head-balanced a.view-all{font-size:13.5px;white-space:nowrap;}.section-head-balanced .section-head-desc{font-size:13px;}} @media (max-width:360px){.section-head-balanced h2{font-size:17px;}.section-head-balanced a.view-all{font-size:12.5px;}} .products-grid{align-items:stretch;} .product-card{height:100%;display:flex;flex-direction:column;} .product-body{display:flex;flex-direction:column;flex:1;} .product-body h3{font-size:16.5px;line-height:1.35;margin-bottom:8px;color:var(--navy);font-weight:700;flex:none;} .product-body .product-price{font-weight:800;color:var(--sale);font-size:18.5px;margin-bottom:8px;} .product-body .product-tags{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;} .product-body .product-tags span{font-size:11.5px;background:var(--bg);color:var(--navy);padding:3px 8px;border-radius:6px;font-weight:600;border:1px solid var(--line);white-space:nowrap;} .product-body .btn{margin-top:auto;width:100%;text-align:center;} @media (max-width:580px){.product-thumb{height:180px;}.product-body{padding:16px 18px;}}