:root{--bg:#f3f5f8;--surface:#fff;--ink:#1a1f27;--muted:#4a5560;--line:#d7dee6;--cta:#1557b0;--cta-deep:#0e428a;--navy:#102033;--danger:#b42318;--radius:10px;--shadow:0 10px 28px #1020331a;--container:1180px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--font:"Be Vietnam Pro", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--navy) var(--bg);scroll-padding-top:84px}body{background:var(--bg);min-width:320px;margin:0;line-height:1.65}body:has(dialog[open]){overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cta);outline-offset:3px}::selection{color:#fff;background:var(--cta)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;color:var(--ink);font-weight:700;line-height:1.15}h1{margin-bottom:var(--space-5);font-size:clamp(2.1rem,5vw,3.4rem)}h2{margin-bottom:var(--space-3);font-size:clamp(1.5rem,2.6vw,2rem)}h3{margin-bottom:var(--space-2);font-size:1.05rem;line-height:1.3}p{color:var(--muted)}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding-block:var(--space-8)}.catalog-section{padding-block:var(--space-7)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--navy);border-radius:var(--radius);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.preview-banner{color:var(--ink);text-align:center;background:#ffe08a;padding:8px 16px;font-size:.82rem;font-weight:600}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-5);min-height:72px;display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;max-width:280px;color:var(--ink);font-weight:700;line-height:1.15;text-decoration:none;display:inline-flex}.brand>span:last-child{flex-direction:column;min-width:0;display:flex}.brand strong{font-size:.98rem;font-weight:700}.brand small{color:var(--cta);margin-top:2px;font-size:.7rem;font-weight:600}.brand-mark{color:#fff;background:var(--cta);border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid}.primary-nav{align-items:center;gap:var(--space-5);margin-left:auto;display:flex}.primary-nav a{color:var(--muted);padding-block:12px;font-size:.95rem;font-weight:600;text-decoration:none}.primary-nav a:hover{color:var(--cta)}.header-actions{flex:none;align-items:center;display:flex}.button{border-radius:var(--radius);min-height:46px;transition:background-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.button-accent{color:#fff;background:var(--cta)}.button-accent:hover{background:var(--cta-deep)}.button-large{min-height:52px;padding-inline:24px;font-size:1rem}.text-link{color:var(--cta);text-underline-offset:3px;font-weight:600}.hero{padding-block:var(--space-6) var(--space-5)}.hero-grid{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.hero-line{display:block}.hero-line-soft{color:var(--cta)}.hero-lead{max-width:56ch;margin-bottom:var(--space-5);color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem)}.hero-contact{gap:var(--space-2);display:grid}.hero-contact-label{color:var(--ink);margin:0;font-size:.82rem;font-weight:700}.hero-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-zalo{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;display:flex}.hero-visual{gap:var(--space-3);grid-template-rows:minmax(12rem,1fr) auto;grid-template-columns:1.35fr .85fr;display:grid}.hero-shot{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin:0;overflow:hidden}.hero-shot-main{grid-area:1/1/-1;min-height:20rem}.hero-shot-side{grid-area:1/2;min-height:0}.hero-shot picture,.hero-shot img{width:100%;height:100%}.hero-shot img{object-fit:cover}.hero-shot-main img{object-position:center 48%;height:100%}.hero-badge{padding:var(--space-3) var(--space-4);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-area:2/2;gap:2px;margin:0;display:grid}.hero-badge strong{font-size:1rem}.hero-badge span{color:var(--muted);font-size:.8rem}.warehouse-line{padding-block:var(--space-4);background:var(--surface);border-block:1px solid var(--line);color:var(--muted);margin:0;font-size:.92rem}.warehouse-line-inner{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.warehouse-line strong{color:var(--ink);font-weight:600}.section-heading{max-width:46rem;margin-bottom:var(--space-6)}.section-heading h2{margin-bottom:var(--space-2)}.section-heading p{max-width:65ch;margin-bottom:0}.category-grid,.product-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.category-card,.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.category-card{grid-template-rows:9rem 1fr;display:grid}.category-image{background:#eef1f5;overflow:hidden}.category-image picture,.category-image img,.product-shot picture,.product-shot img{width:100%;height:100%}.category-image img{object-fit:contain}.card-body{padding:var(--space-4);flex-direction:column;display:flex}.card-body p{margin-bottom:0;font-size:.94rem}.product-card{flex-direction:column;display:flex}.product-shot{aspect-ratio:1;padding:var(--space-4);border:0;border-bottom:1px solid var(--line);cursor:zoom-in;background:#fff;position:relative;overflow:hidden}.product-shot img{object-fit:contain}.product-shot>span{color:#fff;background:var(--navy);border-radius:6px;padding:6px 10px;font-size:.72rem;font-weight:600;position:absolute;bottom:12px;right:12px}.deal-section{background:var(--surface)}.deal-steps{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.deal-steps li{padding-top:var(--space-4);border-top:2px solid var(--cta)}.deal-steps p{max-width:40ch;margin-bottom:0}.faq-layout{gap:var(--space-7);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{color:var(--ink);cursor:pointer;padding:18px 48px 18px 0;font-size:1.05rem;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:#fff;background:var(--cta);content:"+";border-radius:8px;place-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:500;line-height:1;display:grid;position:absolute;top:16px;right:0}.faq-list details[open] summary:after{content:"–"}.faq-list details p{max-width:68ch;padding:0 48px 16px 0}.site-footer{padding-top:var(--space-7);color:#e8eef6;background:var(--navy)}.footer-grid{gap:var(--space-6);padding-bottom:var(--space-6);grid-template-columns:1.35fr repeat(3,minmax(0,1fr));display:grid}.footer-grid h2{margin-bottom:var(--space-4);color:#fff;font-size:.95rem}.footer-grid p{color:#e8eef6b8;margin-bottom:10px;font-size:.9rem}.footer-grid a{color:#fff;text-underline-offset:3px}.footer-contact{flex-wrap:wrap;gap:6px 12px;display:flex}.footer-contact a:last-child{color:#9ec2f2;font-weight:700}.brand-footer{margin-bottom:var(--space-4);color:#fff}.brand-footer .brand-mark{color:var(--navy);background:#fff}.footer-bottom{padding-block:18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #e8eef624}.footer-bottom p{color:#e8eef67a;margin:0;font-size:.78rem}.mobile-cta{display:none}.gallery-dialog{background:var(--surface);border:1px solid var(--line);width:min(900px,100% - 28px);max-height:calc(100dvh - 28px);box-shadow:var(--shadow);border-radius:12px;padding:0;overflow:hidden}.gallery-dialog::backdrop{background:#102033b8}.dialog-header{background:var(--navy);justify-content:space-between;align-items:center;min-height:56px;padding:10px 16px 10px 20px;display:flex}.dialog-header h2{color:#fff;margin:0;font-size:1.05rem}.dialog-header button{width:44px;height:44px;color:var(--navy);cursor:pointer;background:#fff;border:0;border-radius:8px;font-size:1.6rem}.gallery-dialog img{object-fit:contain;background:#eef1f5;width:100%;max-height:calc(100dvh - 100px)}@media (width<=1060px){.primary-nav{display:none}.header-actions{margin-left:auto}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){html{scroll-padding-top:72px;scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom))}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.container{width:min(calc(100% - 28px), var(--container))}.section{padding-block:var(--space-7)}.catalog-section{padding-block:var(--space-6)}.header-inner{gap:var(--space-3);min-height:64px}.hero-grid,.faq-layout,.deal-steps{grid-template-columns:1fr}.hero-visual{grid-template-rows:auto auto;grid-template-columns:1.15fr .85fr}.hero-shot-main{aspect-ratio:16/10;grid-area:1/1/auto/-1;min-height:0}.hero-shot-side{aspect-ratio:1;grid-area:2/1}.hero-badge{grid-area:2/2;align-self:end}.mobile-cta{z-index:19;min-height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--navy);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1020332e}.mobile-cta a{text-align:center;color:#fff;background:var(--cta);place-items:center;min-height:56px;padding:8px 10px;font-size:.88rem;font-weight:700;line-height:1.2;text-decoration:none;display:grid}.mobile-cta a+a{border-left:1px solid #ffffff38}}@media (width<=560px){h1{font-size:2rem}.category-grid,.product-grid,.hero-visual{grid-template-columns:1fr}.hero-shot-main,.hero-shot-side,.hero-badge{grid-area:auto/1}.hero-shot-side{max-width:12rem}.footer-grid{gap:var(--space-5);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}