:root{--blue:#269de3;--ink:#282b2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;font:15px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:#168dc9;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:calc(100% - 48px);max-width:1200px;margin:auto}.topbar{background:var(--blue);color:white;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.topbar a{color:white}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:#259bda}.brand-mark{font-size:45px;line-height:1}.brand small{display:block;font-size:12px;font-style:italic;letter-spacing:1px}.brand strong{font-size:30px;line-height:1.2}nav{display:flex;gap:34px;align-items:center}nav a{font-size:14px;font-weight:bold;color:#111}.menu{display:none;background:white;border:1px solid #ddd;font-size:22px;padding:5px 12px}.crumb{background:#ddd;padding:10px 0;font-size:14px}.crumb a{color:#444}.page{padding:44px 0 50px}.page-title{font-size:30px;line-height:1.4;color:#319fd3;text-transform:uppercase;margin:0 0 14px}.toc{background:#eee;border:1px solid #ddd;border-radius:4px;margin:0 0 28px;padding:13px 15px}.toc summary{cursor:pointer;font-size:14px}.toc ul{margin:15px 0 5px}.article h2{font-size:34px;line-height:1.3;margin:30px 0 14px}.article .intro-title{font-size:38px}.article h3{font-size:26px;line-height:1.35}.article p{margin:12px 0}.article ul{padding-left:23px}.cover{margin:0}.cover img{display:block;width:100%;height:auto}.cover figcaption{font-size:12px;color:#777;text-align:right;margin:5px 0 20px}.contact-band{border-left:4px solid var(--blue);padding:24px;background:#edf8ff;margin:25px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:var(--blue);color:white;border-radius:4px;font-weight:bold;border:0;cursor:pointer;font:inherit}.btn:hover{background:#168bc9;text-decoration:none}.btn.zalo{background:#0068ff}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{border:1px solid #ddd;padding:14px 16px;text-align:left}th{background:#269de3;color:white}tbody tr:nth-child(even){background:#f4f9fc}.section-tag{border-bottom:2px solid var(--blue);color:#289cd6;padding-bottom:8px;font-size:24px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related a{display:block;border:1px solid #ddd;padding:22px;background:#f8fcff;color:#333}.related span{display:block;color:#279bd7;font-size:12px;text-transform:uppercase;letter-spacing:1px}.related h3{font-size:20px;margin:8px 0}.footer{background:#eff8fc;border-top:3px solid #269de3;padding:40px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer h2{font-size:23px;color:#2099d2}.footer h3{font-size:18px}.footer a{display:block;margin:8px 0}.copyright{background:#269de3;color:white;text-align:center;padding:14px;margin-top:30px}.float-phone{position:fixed;left:15px;bottom:120px;background:#269de3;color:white;padding:10px 20px 10px 12px;border-radius:40px;box-shadow:0 0 0 8px #269de329;font-weight:bold;z-index:5}.float-zalo{position:fixed;right:23px;bottom:110px;background:#0068ff;border:6px solid #fff3a1;box-shadow:0 0 0 7px #fff3a16b;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:bold;z-index:5}.backtop{position:fixed;right:28px;bottom:30px;border:1px solid #ddd;background:white;color:#249bd5;width:45px;height:45px;border-radius:50%;font-size:23px}.email{overflow-wrap:anywhere}@media(max-width:850px){nav{gap:16px}nav a{font-size:12px}.brand strong{font-size:24px}.topbar .address{display:none}.footer-grid{gap:25px}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.topbar .wrap{font-size:12px;gap:8px}.masthead{min-height:80px;position:relative}.menu{display:block}nav{display:none;position:absolute;top:80px;left:-16px;right:-16px;background:white;z-index:10;padding:20px;box-shadow:0 8px 12px #0001}nav.open{display:flex;flex-direction:column;align-items:flex-start}nav a{font-size:14px}.page{padding-top:28px}.page-title{font-size:24px}.article .intro-title{font-size:29px}.article h2{font-size:26px}.article h3{font-size:23px}.related,.footer-grid{grid-template-columns:1fr;gap:15px}.float-phone{bottom:20px;left:15px;font-size:13px}.float-zalo{bottom:18px;right:17px;width:54px;height:54px}.backtop{bottom:95px;right:21px}.contact-band{padding:18px}th,td{padding:10px;min-width:120px}.crumb{font-size:12px}}

.brand img{width:145px;height:96px;object-fit:contain}.masthead nav{gap:23px}.topbar .address{max-width:510px;font-size:12px}.cover img{max-height:680px;object-fit:contain;background:#f5f8fa}.secondary-photo img{max-height:560px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure,.videos figure{margin:0}.gallery img{width:100%;height:250px;object-fit:cover;border-radius:4px}.gallery a{display:block}.gallery figcaption,.videos figcaption{padding:8px 0;font-size:14px;color:#586b79}.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:800px;margin:24px auto}.videos video{display:block;width:100%;height:520px;object-fit:contain;background:#111;border-radius:5px}.packaging{margin-top:25px}.packaging summary{cursor:pointer;color:#168dc9}.packaging img{max-width:100%;width:360px;height:auto;margin:20px 0}@media(max-width:850px){.masthead nav{gap:12px}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.gallery{gap:12px}.gallery img{height:190px}.videos{grid-template-columns:1fr;max-width:400px}.videos video{height:auto;max-height:570px}.brand img{width:110px;height:75px}.gallery figcaption{font-size:12px}.cover img{max-height:none}}

/* Bố cục ảnh sản phẩm mới */
.product-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:#f3faff;border:1px solid #d7edf8;padding:25px;margin:24px 0;border-radius:6px}.product-showcase figure{margin:0}.product-showcase img{display:block;width:100%;height:auto;border-radius:4px}.product-showcase figcaption{font-size:12px;color:#6a7c88;text-align:center;margin-top:6px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1px;color:#209cd6}.cover img{width:100%;max-height:none;object-fit:cover;border-radius:5px}.cover figcaption{margin-bottom:28px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery img{height:auto;aspect-ratio:1/1;object-fit:cover}.gallery figure{padding:10px;border:1px solid #e0edf4;background:#f8fcff;border-radius:5px}.article section{margin-bottom:38px}.article h2{margin-top:38px}.page-title{max-width:1000px}.topbar .address{line-height:1.35}.footer{margin-top:25px}@media(max-width:650px){.product-showcase{grid-template-columns:1fr;gap:22px;padding:18px}.gallery{gap:14px}.gallery figure{padding:6px}.gallery img{height:auto}.article section{margin-bottom:28px}.product-showcase img{max-width:360px;margin:auto}}

.gallery img{aspect-ratio:3/2;object-fit:contain;background:#f0f6fa}.product-showcase img{aspect-ratio:1/1;object-fit:contain}.packaging{margin-top:25px}.packaging summary{cursor:pointer;color:#168dc9}.packaging img{display:block;width:360px;max-width:100%;height:auto;margin:20px 0}

.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery figure{padding:0;overflow:hidden;background:white;border:1px solid #dce9f0}.gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .2s}.gallery a{overflow:hidden}.gallery a:hover img{transform:scale(1.025)}.gallery figcaption{padding:14px 18px}.gallery figcaption strong{display:block;font-size:17px;color:#173e56}.gallery figcaption span{display:block;font-size:11px;color:#73838d;margin-top:3px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.gallery-filters button{font:inherit;font-size:13px;border:1px solid #cbe2ee;border-radius:30px;padding:8px 16px;background:white;color:#2a617f;cursor:pointer}.gallery-filters button[aria-pressed=true]{background:#269de3;color:white;border-color:#269de3}.gallery figure[hidden]{display:none}.illustration-note{font-size:12px;color:#74828a}@media(max-width:650px){.gallery{grid-template-columns:1fr;gap:20px}.gallery figcaption strong{font-size:16px}.gallery-filters button{padding:7px 12px}}
/* Website nhiều trang */
body{color:#243d4b;font-size:16px;line-height:1.7}.masthead{min-height:105px}.masthead nav{gap:23px}.masthead nav a{padding:12px 0;border-bottom:2px solid transparent}.masthead nav a[aria-current=page]{color:#1998d3;border-color:#1998d3}.page{padding-top:35px}.page-heading{border-bottom:1px solid #dceaf2;padding-bottom:28px;margin-bottom:36px}.page-heading h1{font-size:38px;line-height:1.2;color:#123d61;margin:12px 0}.page-heading p{max-width:800px;color:#667e8e;margin:10px 0}.crumb{background:#f0f5f8;color:#71828e;font-size:13px}.crumb span{padding:0 8px}.eyebrow{font-size:12px;color:#209bd1;letter-spacing:1.3px}.home-hero{background:linear-gradient(110deg,#effaff,#e0f2fc);padding:60px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.hero-grid h1{font-size:52px;line-height:1.15;letter-spacing:-1px;margin:17px 0 22px;color:#123d61}.hero-grid p{max-width:520px;font-size:18px;color:#526e80}.hero-grid figure{margin:0}.hero-grid img{display:block;width:100%;height:auto;border-radius:8px}.hero-grid figcaption{font-size:11px;color:#758c9a;text-align:right;padding-top:5px}.hero-grid .text-link{display:block;margin-top:22px}.home-content>section{padding:55px 0;border-bottom:1px solid #e1edf4}.home-content h2{font-size:32px;line-height:1.3;color:#123d61;margin:12px 0 20px}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:30px 0 55px}.split-section h2{font-size:32px;line-height:1.35;color:#123d61}.editorial-image{margin:0}.editorial-image img{display:block;width:100%;max-height:550px;object-fit:cover;border-radius:6px}.editorial-image figcaption{font-size:11px;color:#7d8c97;margin-top:5px}.mini-list p{padding:10px 0;border-bottom:1px solid #e1ebf1}.mini-list strong{color:#209bd1;margin-right:15px}.text-link{font-weight:bold}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2{margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{border:1px solid #dbeaf2;border-radius:6px;overflow:hidden;background:white;color:#123d61;padding-bottom:20px}.service-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.service-card h3{font-size:18px;margin:15px 15px 8px}.service-card span{font-size:12px;display:block;margin:0 15px;color:#259bd1}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{display:block;border:1px solid #dae8f0;border-radius:6px;overflow:hidden;color:#243d4b;background:white}.news-card:hover,.service-card:hover{text-decoration:none;box-shadow:0 7px 25px #123d6112}.news-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;height:auto}.news-card>div{padding:22px}.news-card h3{font-size:21px;line-height:1.4;margin:12px 0}.news-card p{font-size:14px;color:#708392}.news-card strong{color:#209bd1;font-size:14px}.cta-panel{background:#eaf7ff;border:1px solid #d0eaf9;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px;border-radius:6px;margin:45px 0}.cta-panel h2{font-size:26px;margin:10px 0;line-height:1.3}.cta-panel p{margin:0;color:#637c8d}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 50px}.info-panel{border:1px solid #dbe8f0;padding:30px;border-radius:6px}.info-panel h2{font-size:25px;color:#123d61;line-height:1.3;margin-top:0}dl{margin:0}dt{font-size:12px;font-weight:bold;color:#84949f;text-transform:uppercase;margin:16px 0 3px}dd{margin:0;color:#254e66}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-bottom:40px}.contact-layout h2{font-size:28px;line-height:1.3;color:#123d61}.contact-item{padding:17px 0;border-bottom:1px solid #dceaf2;margin-bottom:12px}.contact-item small{font-size:12px;letter-spacing:1px;color:#8093a0;display:block}.contact-number{display:block;font-size:34px;font-weight:bold;color:#1796d0}.contact-info .actions{margin-top:25px}.contact-checklist{padding:30px;background:#f0f8fc;border:1px solid #d9eaf4;border-radius:6px}.contact-checklist ol{padding-left:23px}.contact-checklist li{padding-left:5px;margin:18px 0}.contact-checklist p{font-size:14px;color:#6e8290;margin:3px 0}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:45px}.reading-article{max-width:850px}.reading-article h2{font-size:26px;line-height:1.4;margin:28px 0 12px}.reading-article .editorial-image{margin-top:20px}.article-sidebar{align-self:start;position:sticky;top:25px;background:#f2f8fc;border:1px solid #d9e8f1;padding:23px;border-radius:5px}.article-sidebar h3{font-size:20px;margin-top:0}.article-sidebar a{display:block;padding:15px 0;border-bottom:1px solid #dce8f0;font-size:14px}.delivery-list .split-section{border-bottom:1px solid #e1edf4;padding-bottom:40px}.page>section h2{color:#123d61;font-size:30px;line-height:1.35}.skip-link{position:absolute;top:-100px;left:15px;z-index:30;background:white;padding:10px}.skip-link:focus{top:10px}.footer h2{line-height:1.3}.footer{font-size:14px}.btn{font-size:15px}.home-content .cta-panel h2{font-size:26px}.gallery{margin-top:20px}@media(max-width:1000px){.masthead nav{gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid h1{font-size:43px}.topbar .address{max-width:410px}}@media(max-width:850px){.hero-grid,.split-section{gap:25px}.news-grid{gap:15px}.news-card>div{padding:15px}.news-card h3{font-size:18px}.contact-layout{gap:25px}.masthead nav a{font-size:12px}.cta-panel{flex-direction:column;align-items:flex-start}.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{position:static}}@media(max-width:650px){.masthead{min-height:80px}.masthead nav{gap:8px}.masthead nav a{font-size:14px;width:100%}.page-heading h1{font-size:30px}.hero-grid,.split-section,.about-grid,.contact-layout{grid-template-columns:1fr}.home-hero{padding:35px 0}.hero-grid h1{font-size:38px}.hero-grid p{font-size:16px}.home-content>section{padding:30px 0}.split-section{margin-bottom:30px}.split-section h2,.home-content h2{font-size:27px}.news-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:5px}.service-grid{gap:12px}.service-card h3{font-size:16px;margin-left:12px}.service-card span{margin:0 12px}.cta-panel{padding:23px;margin:30px 0}.info-panel,.contact-checklist{padding:23px}.contact-number{font-size:29px}.reading-article h2{font-size:24px}.page>section h2{font-size:26px}.home-content .cta-panel h2{font-size:24px}}

.chain-section{margin:35px 0 45px}.chain-lead{max-width:850px;color:#637e8e}.chain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.chain-grid>div{padding:25px;background:#f4faff;border:1px solid #dcebf4;border-radius:6px}.chain-grid>div>span{color:#2a9bd2;font-size:24px;font-weight:bold}.chain-grid h3{font-size:20px;line-height:1.35;margin:15px 0 12px;color:#123d61}.chain-grid p{font-size:14px;color:#647d8c;margin:0}.chain-position{border-left:3px solid #269de3;background:#ecf8ff;padding:20px 24px;font-size:14px;line-height:1.9}.service-card .service-status{font-size:11px;background:#e9f7ff;color:#167cae;display:inline-block;padding:3px 7px;margin-bottom:9px;border-radius:3px}.hero-grid h1{font-size:48px}@media(max-width:850px){.hero-grid h1{font-size:39px}.chain-grid{gap:12px}.chain-grid>div{padding:18px}}@media(max-width:650px){.chain-grid{grid-template-columns:1fr}.hero-grid h1{font-size:35px}.chain-section{margin:25px 0 35px}.chain-position{padding:16px}}

.catalog-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.catalog-tags a{padding:9px 18px;border:1px solid #cce5f2;background:#eef9ff;border-radius:30px;font-size:14px;font-weight:bold}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.catalog-card{padding:28px;border:1px solid #dbe9f1;border-radius:6px;background:white;scroll-margin-top:25px}.catalog-index{font-size:14px;font-weight:bold;color:#219bd4;background:#e7f7ff;padding:7px 11px;border-radius:4px}.catalog-card h2{font-size:25px;margin:16px 0 12px;color:#123d61;line-height:1.3}.catalog-card>p{font-size:15px;color:#657e8d}.catalog-use{padding:15px 0;border-top:1px solid #e5eef4;border-bottom:1px solid #e5eef4}.catalog-use strong{font-size:12px;text-transform:uppercase;color:#6f8797}.catalog-use p{font-size:14px;margin:5px 0}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.catalog-bottom>span{font-size:12px;color:#8194a0}.catalog-bottom strong{font-size:15px;color:#1595d0}.catalog-bottom .btn{font-size:13px;padding:9px 15px}.custom-packing{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:30px;background:#f1f9fe;border:1px solid #d9eaf5;border-radius:6px;margin:35px 0}.custom-packing h2{color:#123d61;font-size:28px;line-height:1.3}.custom-packing figure{margin:0}.custom-packing img{display:block;width:100%;height:auto;border-radius:5px}.custom-packing figcaption{font-size:11px;color:#7a8d99;margin-top:5px}.home-catalog h2{font-size:30px;line-height:1.3;color:#123d61}.catalog-intro h2{color:#123d61;font-size:30px;line-height:1.35}@media(max-width:650px){.catalog-grid,.custom-packing{grid-template-columns:1fr}.catalog-card,.custom-packing{padding:22px}.catalog-tags{gap:8px}.catalog-tags a{padding:7px 12px;font-size:13px}.catalog-bottom{gap:10px}.catalog-intro h2{font-size:26px}}
/* Cân đối ảnh và bố cục trên máy tính, máy tính bảng, điện thoại */
html{overflow-x:clip}body{overflow-wrap:break-word}img,video{max-width:100%}figure{min-width:0}button,a,input{touch-action:manipulation}.wrap{width:calc(100% - 48px);max-width:1200px}.hero-grid,.split-section,.about-grid,.contact-layout,.custom-packing,.footer-grid,.news-grid,.service-grid,.gallery,.catalog-grid{min-width:0}.hero-grid>*,.split-section>*,.about-grid>*,.contact-layout>*,.custom-packing>*,.footer-grid>*,.news-grid>*,.service-grid>*,.gallery>*,.catalog-grid>*{min-width:0}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px}.hero-grid h1{font-size:clamp(32px,4vw,49px);line-height:1.2}.hero-grid .actions{gap:10px}.btn{text-align:center;white-space:normal;line-height:1.4;min-height:44px}.masthead{position:relative}.brand{flex-shrink:0}.masthead nav a{white-space:nowrap}.contact-number,.email{overflow-wrap:anywhere}.page-heading h1{font-size:clamp(28px,3vw,38px)}.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:26px 0}.home-product{display:block;overflow:hidden;border:1px solid #dbeaf3;border-radius:7px;background:white;color:#123d61}.home-product:hover{text-decoration:none;box-shadow:0 6px 22px #123d6112}.home-product img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;background:#f3faff}.home-product>div{padding:16px 18px}.home-product h3{font-size:18px;line-height:1.35;margin:0 0 8px}.home-product span{font-size:14px;color:#178bc1;font-weight:bold}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.catalog-card{padding:0 22px 22px;display:flex;flex-direction:column;overflow:hidden}.catalog-card .product-photo{margin:0 -22px 20px}.product-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f3faff;display:block}.product-photo figcaption{font-size:10px;color:#8396a2;text-align:right;padding:4px 9px;background:#f6fbfe}.catalog-card .catalog-index{align-self:flex-start}.catalog-card h2{font-size:23px;min-height:30px}.catalog-card>p{margin:5px 0 20px}.catalog-use{flex:1}.catalog-bottom{align-items:flex-start;flex-wrap:wrap;gap:12px}.catalog-bottom .btn{font-size:13px}.quote-policy{padding:30px;border:1px solid #d3e9f5;background:#edf8ff;border-radius:6px;margin:32px 0}.quote-policy h2{font-size:30px;color:#123d61;margin:12px 0}.home-content>section{padding:45px 0}.footer{padding-bottom:0}.hero-grid figure img{aspect-ratio:3/2;object-fit:cover}.editorial-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.split-section:first-of-type .editorial-image img{aspect-ratio:1/1;max-height:500px;object-fit:contain}.custom-packing{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.videos{grid-template-columns:repeat(2,minmax(0,1fr))}.videos video{width:100%;height:auto;max-height:560px}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead nav{gap:15px}.masthead nav a{font-size:12px}.home-product-grid{gap:16px}.home-product>div{padding:14px}.home-product h3{font-size:16px}}
@media(max-width:1024px){.menu{display:block;border:1px solid #d5e5ee;border-radius:4px;font-size:24px;color:#168cc5;min-width:44px;min-height:44px}.masthead{min-height:90px}.masthead nav{display:none;position:absolute;top:90px;left:0;right:0;z-index:20;background:white;padding:16px 20px;border:1px solid #dbe8ef;box-shadow:0 10px 25px #153c6115}.masthead nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.masthead nav a{font-size:14px;padding:11px 4px;border-bottom:1px solid #edf4f8}.masthead nav a[aria-current=page]{border-color:#269de3}.topbar .address{display:none}.topbar .wrap{align-items:center}.brand img{width:125px;height:83px}.hero-grid,.split-section{gap:28px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}}
@media(max-width:768px){.wrap{width:calc(100% - 36px)}.hero-grid,.split-section,.contact-layout,.about-grid,.custom-packing{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:28px}.home-hero{padding:35px 0}.hero-grid h1{font-size:38px}.hero-grid p{max-width:none;font-size:17px}.hero-grid figure{max-width:600px;width:100%;margin:auto}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.news-grid{grid-template-columns:minmax(0,1fr)}.news-card{max-width:600px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cta-panel{padding:26px;flex-direction:column;align-items:flex-start}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{font-size:12px;padding:15px 18px 88px}.float-phone{left:16px;bottom:18px;font-size:14px;padding:11px 18px;box-shadow:0 0 0 5px #269de324}.float-zalo{right:18px;bottom:15px;width:54px;height:54px}.backtop{right:23px;bottom:92px}.catalog-card h2{font-size:22px}.contact-layout{gap:25px}.page-heading{margin-bottom:28px}.split-section{margin:25px 0 35px}.split-section h2,.home-content h2{font-size:28px}.custom-packing figure{width:100%;max-width:450px;margin:auto}.videos{gap:20px}.videos video{max-height:480px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.masthead{min-height:80px}.masthead nav{top:80px}.brand img{height:74px;width:112px}.topbar .wrap{font-size:11px;gap:10px}.topbar a{flex-shrink:0}.hero-grid h1{font-size:34px}.hero-grid p{font-size:16px}.hero-grid .actions{display:grid;grid-template-columns:1fr 1fr}.hero-grid .btn{padding:11px 10px;font-size:13px}.home-product-grid{gap:12px}.home-product>div{padding:12px}.home-product h3{font-size:16px}.home-product span{font-size:12px}.catalog-grid{grid-template-columns:minmax(0,1fr);gap:22px}.catalog-card{padding:0 20px 22px}.catalog-card .product-photo{margin-left:-20px;margin-right:-20px}.catalog-card .product-photo img{max-height:400px}.catalog-card h2{font-size:25px}.catalog-bottom{align-items:center;flex-wrap:nowrap}.gallery{grid-template-columns:minmax(0,1fr)}.service-grid{gap:12px}.service-card h3{font-size:16px}.footer-grid{gap:23px}.footer h3{font-size:16px}.news-card>div{padding:20px}.page{padding-top:25px}.page-heading p{font-size:15px}.cta-panel{padding:22px}.cta-panel .actions{width:100%}.cta-panel .btn{font-size:13px;padding:11px 14px}.videos{grid-template-columns:minmax(0,1fr);max-width:380px}.info-panel,.contact-checklist,.quote-policy{padding:22px}.article-sidebar{padding:20px}.reading-article h2{font-size:24px}.contact-number{font-size:29px}.catalog-tags{gap:8px}.catalog-tags a{font-size:12px;padding:7px 11px}.custom-packing{padding:22px}.copyright{line-height:1.6}}
@media(max-width:360px){.topbar .wrap>span{font-size:10px}.hero-grid h1{font-size:30px}.hero-grid .actions{grid-template-columns:1fr}.home-product h3{font-size:14px}.home-product>div{padding:10px}.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.catalog-bottom{flex-wrap:wrap}}

/* Hải An ICE — refined public presentation */
:root{--blue:#138bbd;--ink:#16384a;--line:#e0edf2;--muted:#607888}
body{color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.025em}a,button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.topbar{background:#123d55}.topbar .wrap{padding:8px 0}.masthead{min-height:108px}.masthead nav a{color:#244456;font-size:13px;letter-spacing:.015em}.masthead nav a:hover{color:var(--blue);text-decoration:none}
.crumb{background:#f4f8fa;border-top:1px solid #edf3f6;border-bottom:1px solid #edf3f6;font-size:13px}
.home-hero{background:linear-gradient(125deg,#f1faff 0%,#e7f5fb 55%,#f8fcfd 100%);padding:64px 0;border-bottom:1px solid var(--line)}
.hero-grid{gap:52px}.hero-grid h1{font-size:clamp(34px,4vw,52px);line-height:1.16;letter-spacing:-.035em;margin:18px 0 22px;color:#103a54}.hero-grid p{color:#526e80;line-height:1.8}.eyebrow{color:#138bbd;font-size:11px;letter-spacing:.13em}.hero-grid figure{margin:0}.hero-grid figure img{display:block;width:100%;border-radius:22px;box-shadow:0 20px 45px #123d5517}.hero-grid .actions{margin:26px 0 18px}
.btn{background:#138bbd;border-radius:9px;font-weight:700;box-shadow:0 5px 14px #138bbd15}.btn:hover{background:#106f98;transform:translateY(-1px)}.btn.zalo{background:#fff;color:#126dad;border:1px solid #b9d9eb;box-shadow:none}.btn.zalo:hover{background:#edf7fd}.text-link{font-size:14px;font-weight:700}
.home-content>section{padding:52px 0}.section-heading{margin-bottom:25px}.section-heading h2{margin:9px 0 0;line-height:1.3}.section-heading>a{font-size:13px;font-weight:700}.home-catalog>p{font-size:14px;color:var(--muted);max-width:850px}.home-product,.catalog-card{border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 14px #123d5505}.home-product:hover,.catalog-card:hover{box-shadow:0 12px 28px #123d5510}.home-product>div{padding:18px 20px}.home-product span{display:inline-block;color:#137ca8;font-size:13px}.home-product img{border-bottom:1px solid #eef5f8}.catalog-card .catalog-index{border-radius:6px;background:#edf7fb;color:#1686b2}.catalog-card h2{margin-top:14px}.catalog-use{border-color:var(--line)}.catalog-card>p,.catalog-use p{color:#607888}.catalog-tags a{background:#fff;border-color:#d7e8ef;color:#426679}.catalog-tags a:hover{background:#edf7fb;text-decoration:none}
.split-section{gap:48px}.editorial-image img,.about-grid img{border-radius:16px}.mini-list p{border-bottom:1px solid var(--line);padding:14px 0}.mini-list strong{color:#138bbd}.service-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #123d5505}.service-card:hover{text-decoration:none;box-shadow:0 12px 28px #123d5510}.service-card img{display:block;aspect-ratio:3/2;object-fit:cover;width:100%}.service-card h3{margin:17px 18px 5px;font-size:18px;line-height:1.4}.service-card>span{display:block;margin:0 18px 19px;font-size:12px;color:#607888}
.news-card,.gallery figure{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #123d5505}.news-card:hover{text-decoration:none;box-shadow:0 12px 28px #123d5510}.news-card h3{line-height:1.45}.news-card p{color:var(--muted);font-size:14px}.news-card strong{font-size:13px}.gallery figcaption{padding:18px 20px}.page-heading{padding-bottom:30px}.page-heading p{line-height:1.8}.quote-policy,.custom-packing,.info-panel,.contact-checklist,.contact-band{border-radius:14px}.cta-panel{background:#eaf6fc;border:1px solid #d6eaf4;border-radius:18px;padding:38px;gap:28px}.cta-panel h2{margin:10px 0;line-height:1.3}.cta-panel p{color:#607888;font-size:14px}
.footer{background:#f3f8fb;border-top:1px solid #dbeaf1;padding-top:45px}.footer h2{color:#123d55;font-size:21px}.footer h3{color:#123d55;font-size:15px;letter-spacing:.04em}.footer p,.footer a{font-size:14px}.footer a{color:#527083}.footer a:hover{color:#138bbd}.copyright{background:#123d55;font-size:12px;letter-spacing:.025em}.float-zalo{border:3px solid #fff;box-shadow:0 5px 20px #123d5528}.float-phone{background:#138bbd;box-shadow:0 5px 20px #123d5520}.backtop{z-index:6}
@media(max-width:1024px){.masthead{min-height:90px}.hero-grid{gap:28px}.masthead nav a{font-size:14px}.split-section{gap:28px}}
@media(max-width:768px){.home-hero{padding:36px 0 40px}.hero-grid h1{font-size:38px}.hero-grid figure img{border-radius:16px}.home-content>section{padding:34px 0}.section-heading h2{font-size:27px}.cta-panel{padding:26px}.masthead{min-height:90px}.service-card h3{font-size:17px}}
@media(max-width:560px){.masthead{min-height:80px}.hero-grid h1{font-size:34px}.hero-grid .actions{margin:22px 0 14px}.home-product>div{padding:13px}.home-product h3{font-size:16px}.home-product span{font-size:12px}.section-heading h2{font-size:25px}.service-card h3{font-size:16px;margin:13px 12px 5px}.service-card>span{font-size:11px;margin:0 12px 14px}.cta-panel{padding:22px}.gallery figcaption{padding:15px}.footer{padding-top:30px}.float-phone{bottom:max(18px,env(safe-area-inset-bottom))}.float-zalo{bottom:max(15px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,.gallery img{transition:none}.btn:hover{transform:none}}

.facebook-link{font-weight:700}.contact-item .facebook-link{display:inline-flex;align-items:center;min-height:44px;color:#126dad}.contact-item .facebook-link+p{font-size:14px;color:#607888;margin-top:4px}

/* Animated advertising-style hero; raster artwork plus decorative motion. */
.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:74px 0 80px;background:#edf8fc}.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.hero-backdrop{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-drift 20s ease-in-out infinite alternate;will-change:transform}.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,251,254,.98) 0%,rgba(241,250,254,.94) 32%,rgba(239,249,253,.72) 46%,rgba(231,247,253,.05) 67%)}.cinematic-hero .hero-grid{display:block;position:relative}.cinematic-hero .hero-grid>div{width:49%;max-width:585px}.cinematic-hero h1{font-size:clamp(34px,4vw,52px)}.cinematic-hero p{font-size:16px}.hero-glow{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff30 49%,transparent 61%);background-size:240% 100%;animation:hero-light 13s ease-in-out infinite}.ice-flow{position:absolute;inset:0}.falling-ice{position:absolute;left:var(--x);top:24%;width:var(--size);height:calc(var(--size)*1.18);border-radius:35% 32% 28% 30%;border:1px solid #ffffffb0;background:linear-gradient(120deg,#ffffffa0,#d1f0fa3a 35%,#ffffff91 62%,#9fcede38);box-shadow:inset 3px 1px 4px #ffffffd0,inset -3px -2px 5px #6a9ead55,1px 5px 8px #557f9120;animation:ice-drop var(--duration) linear var(--delay) infinite;opacity:0;will-change:transform,opacity}.falling-ice:before{content:"";position:absolute;left:24%;right:24%;top:11%;height:26%;border-radius:50%;border:1px solid #ffffffb8;background:#85b5c638;box-shadow:inset 0 2px 3px #497b9238}.falling-ice:after{content:"";position:absolute;left:17%;top:40%;width:2px;height:35%;background:#ffffffb8;transform:rotate(-8deg)}.motion-toggle{position:absolute;bottom:22px;right:24px;z-index:2;border:1px solid #bfdbe6;background:#ffffffdc;color:#264e63;border-radius:30px;padding:9px 15px;min-height:42px;font:12px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.motion-toggle:hover{background:#fff}.motion-toggle:focus-visible{outline:3px solid #138bbd;outline-offset:3px}.cinematic-hero.motion-paused .hero-backdrop,.cinematic-hero.motion-paused .hero-glow,.cinematic-hero.motion-paused .falling-ice{animation-play-state:paused}
@keyframes hero-drift{from{transform:scale(1.025) translateX(-.3%)}to{transform:scale(1.075) translateX(.5%)}}@keyframes hero-light{0%,100%{background-position:100% 0;opacity:.1}50%{background-position:0 0;opacity:.45}}@keyframes ice-drop{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(var(--rotation))}8%{opacity:.8}80%{opacity:.65}100%{opacity:0;transform:translate3d(var(--drift),350px,0) rotate(calc(var(--rotation) + 170deg))}}
@media(max-width:1024px){.cinematic-hero{min-height:620px;padding:55px 0 76px}.cinematic-hero .hero-grid>div{width:53%}.cinematic-hero:after{background:linear-gradient(90deg,#f1fafff5 0%,#f1faffe8 37%,#f1faff9c 55%,transparent 80%)}}
@media(max-width:768px){.cinematic-hero{padding:34px 0 270px;min-height:780px}.cinematic-hero .hero-grid>div{width:100%;max-width:600px}.hero-scene{top:auto;height:390px}.hero-backdrop{object-position:right center}.cinematic-hero:after{background:linear-gradient(180deg,#f1faff 0%,#f1faff 49%,#f1faffe6 60%,#f1faff18 84%)}.ice-flow{left:-10%;width:110%}.motion-toggle{right:16px;bottom:16px}.cinematic-hero h1{font-size:38px}.cinematic-hero p{font-size:16px}}
@media(max-width:560px){.cinematic-hero{padding-top:30px;padding-bottom:245px;min-height:0}.cinematic-hero h1{font-size:34px}.hero-scene{height:350px}.cinematic-hero:after{background:linear-gradient(180deg,#f1faff 0%,#f1faff 54%,#f1faffc0 66%,#f1faff10 90%)}.cinematic-hero .hero-grid .actions{display:grid;grid-template-columns:1fr 1fr}.motion-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop,.hero-glow,.falling-ice{animation:none!important}.falling-ice{display:none}.motion-toggle{display:none}}

.hero-background-video{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#eaf6fb}.cinematic-hero:after{background:linear-gradient(90deg,#f1fafff7 0%,#f1faffed 30%,#f1faffbf 46%,#f1faff22 68%,#e5f5fc15 100%)}
@media(max-width:768px){.cinematic-hero:after{background:linear-gradient(180deg,#f1faff 0%,#f1faff 49%,#f1faffe6 61%,#f1faff18 84%)}}
@media(max-width:560px){.cinematic-hero:after{background:linear-gradient(180deg,#f1faff 0%,#f1faff 54%,#f1faffc0 67%,#f1faff10 90%)}}

.hero-background-video,.hero-packing-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease}.hero-background-video{opacity:1}.hero-packing-slide{opacity:0;transform:scale(1.025);object-position:center}.cinematic-hero.show-packing .hero-packing-slide{opacity:1;animation:packing-pan 7s ease-out both}.cinematic-hero.show-packing .hero-background-video{opacity:0}.cinematic-hero.motion-paused .hero-packing-slide{animation-play-state:paused}@keyframes packing-pan{from{transform:scale(1.025)}to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.hero-packing-slide{animation:none!important;transform:none}.hero-background-video,.hero-packing-slide{transition:none}}