:root{--green:#006b68;--dark:#103b3d;--ink:#203b3f;--line:#e1e9e9;--muted:#687d7f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9aa36;outline-offset:3px}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:auto;padding:0 32px}.top{background:var(--dark);color:#fff;font-size:12px;letter-spacing:1px;padding:9px 0}.top .wrap{display:flex;justify-content:space-between}.top span{letter-spacing:0;color:#cbe2de}header{display:flex;align-items:center;gap:44px;min-height:110px}.logo{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brandlight{font-weight:400;margin-left:5px}.logo small{display:block;font-size:10px;letter-spacing:3px;font-weight:500}.mark{font-size:44px;color:var(--green);position:relative;line-height:1}.mark span{font-size:12px;position:absolute;right:-4px;top:-2px;color:#efa840}.search{display:flex;background:#f4f7f7;border:1px solid var(--line);border-radius:6px;flex:1;overflow:hidden}.search input{width:100%;min-width:0;border:0;background:transparent;padding:15px 18px;outline:none}.search button{background:var(--green);border:0;color:white;width:55px;font-size:30px}.cartbutton{background:white;border:0;white-space:nowrap;font-size:14px}.cartbutton b{display:inline-grid;place-items:center;background:var(--green);color:white;min-width:26px;height:26px;border-radius:50%;margin-left:9px}nav{border-block:1px solid var(--line)}.navinner{display:flex;gap:34px;align-items:center;height:54px;font-size:14px}.navinner button{background:none;border:0;color:inherit;padding:0}.navinner button:first-child{width:220px;text-align:left;font-weight:bold}.navinner span{margin-left:auto;color:var(--muted);font-size:13px}.intro{display:grid;grid-template-columns:235px 1fr;gap:24px;margin-top:26px}aside{border:1px solid var(--line);border-radius:8px;padding:18px 0 0;overflow:hidden}aside h2{font-size:14px;margin:0 18px 12px}aside button{display:flex;justify-content:space-between;text-align:left;width:100%;border:0;background:white;padding:11px 18px;color:#42595b;font-size:14px}aside button:hover,aside button.active{background:#edf7f4;color:var(--green)}.asidefoot{background:#f4f8f7;padding:17px 20px;font-size:14px;margin-top:8px;color:#637d78}.asidefoot strong{color:var(--green)}.feature{background:#075753;position:relative;border-radius:9px;display:flex;align-items:center;overflow:hidden;padding:38px;color:white;min-height:345px}.featuretext{z-index:1;flex:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--green)}.feature .eyebrow{color:#aee8d7}h1{font-size:40px;line-height:1.17;letter-spacing:-1.2px;margin:19px 0 16px}p{margin:0}.feature p{font-size:15px;color:#c6ded9}.lightbutton{background:#e8f6cf;color:#16463f;border:0;border-radius:4px;padding:12px 18px;font-size:14px;font-weight:700;margin-top:24px}.lightbutton span{margin-left:25px}.herotags{font-size:10px;letter-spacing:2px;margin-top:30px;color:#a8c7c2}.heroimage{width:40%;display:flex;flex-direction:column;align-items:center;gap:18px;transform:rotate(-8deg)}.heroimage img{width:100%;max-height:260px;object-fit:contain;border-radius:20px}.heroimage span{font-size:10px;letter-spacing:3px;color:#a4d6c4}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:27px 0;margin-bottom:35px;gap:30px}.benefits>div{display:flex;gap:15px;align-items:center}.benefits b{font-size:26px;color:#adc6bf;font-weight:400}.benefits strong{display:block;font-size:14px}.benefits small{font-size:13px;color:var(--muted)}.sectionhead{display:flex;align-items:center;justify-content:space-between}h2{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:8px 0 20px}.sortlabel{font-size:13px;color:var(--muted)}select{font-size:14px;border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--ink);margin-left:8px;background:white}#chips{display:flex;gap:9px;flex-wrap:wrap}#chips button{border:1px solid var(--line);background:white;color:#52676a;border-radius:5px;padding:8px 14px;font-size:14px}#chips button.active{background:var(--green);color:white;border-color:var(--green)}.resultline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:20px 0 15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:8px;padding:14px;position:relative;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 25px #103b3d13;transform:translateY(-3px)}.productopen{border:0;background:none;width:100%;text-align:left;padding:0;color:inherit}.productimg{height:185px;display:flex;align-items:center;justify-content:center;margin:8px 0 16px}.productimg img{width:100%;height:100%;object-fit:contain}.categorylabel{font-size:11px;color:var(--muted);letter-spacing:.7px;text-transform:uppercase}.card h3{font-size:16px;font-weight:600;line-height:1.45;margin:8px 0;min-height:47px}.sku{font-size:12px;color:var(--muted)}.buyrow{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.price{font-size:19px;color:var(--green);font-weight:700}.add{background:#eef7f4;border:0;color:var(--green);border-radius:5px;width:36px;height:36px;font-size:23px}.tag{position:absolute;top:14px;left:14px;background:#eef7f4;color:var(--green);font-size:11px;padding:3px 7px;border-radius:3px;pointer-events:none}footer{margin-top:60px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:30px 0;color:var(--muted);font-size:13px}.footerbrand{font-weight:700;font-size:21px;color:var(--green)}.footerbrand small{display:block;font-size:12px;font-weight:400}footer button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline}dialog{border:0;border-radius:14px;max-width:740px;width:calc(100% - 32px);padding:36px;color:var(--ink);max-height:90vh;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#102e3c88}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail img{width:100%;max-height:280px;object-fit:contain}.detail h2{font-size:24px}.detail p{font-size:14px;margin:15px 0}.primary{background:var(--green);color:white;padding:12px 20px;border:0;border-radius:5px;margin-top:20px}.cartline{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.cartline img{width:50px;height:55px;object-fit:contain}.cartline small{display:block}.qty{display:flex;gap:10px;align-items:center}.qty button{border:1px solid var(--line);background:#f4f8f7;border-radius:3px;width:30px;height:30px}.notice{background:#f4f8f7;padding:15px;border-radius:5px;font-size:14px;margin-top:20px}.empty{grid-column:1/-1;text-align:center;padding:50px}.empty button{display:block;margin:15px auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;border-radius:6px;padding:12px 22px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}@media(min-width:1400px){.productimg{height:210px}}@media(max-width:1000px){header{gap:20px}.logo{font-size:23px}.navinner{gap:20px}.navinner span{display:none}.intro{grid-template-columns:200px 1fr;gap:16px}.feature{padding:26px}h1{font-size:33px}.grid{grid-template-columns:repeat(3,1fr)}.heroimage{width:35%}}@media(max-width:700px){.wrap{padding:0 16px}.top .wrap{justify-content:center}.top .wrap>span{display:none}header{flex-wrap:wrap;padding-top:18px!important;padding-bottom:18px!important;gap:18px}.logo{flex:1}.search{order:3;flex-basis:100%}.navinner{overflow-x:auto;white-space:nowrap;gap:25px}.navinner button:first-child{width:auto}.navinner a{display:none}.intro{display:block;margin-top:18px}aside{display:none}.feature{padding:25px;min-height:300px}h1{font-size:31px}.feature p{font-size:14px}.heroimage{width:28%;align-self:flex-start;margin-top:50px;opacity:.85}.herotags{font-size:9px}.benefits{grid-template-columns:1fr;gap:14px;padding:20px 0;margin-bottom:25px}.benefits>div:nth-child(3){display:none}.sectionhead{align-items:flex-start;gap:10px;flex-direction:column}h2{font-size:23px;margin-bottom:14px}.sortlabel{margin-bottom:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:11px}.productimg{height:135px}.card h3{font-size:14px;min-height:61px}.price{font-size:16px}.categorylabel{font-size:10px}.resultline{font-size:11px}#chips{gap:7px}#chips button{font-size:12px;padding:7px 10px}footer{align-items:flex-start;flex-direction:column;gap:15px}footer button{margin-left:0}.detail{grid-template-columns:1fr}.detail img{max-height:180px}dialog{padding:30px 20px}.cartline{grid-template-columns:40px 1fr}.qty{grid-column:2}.heroimage span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Longer store name stays readable on narrow screens. */
.logo{font-size:22px;letter-spacing:-.4px}.brandlight{display:block;margin-left:0;font-size:18px;letter-spacing:2px}.logo small{font-size:10px;margin-top:3px}.footerbrand{max-width:300px;line-height:1.4}@media(max-width:700px){.logo{font-size:18px}.brandlight{font-size:15px}.mark{font-size:38px}header{column-gap:10px}.cartbutton{font-size:12px;padding:0}.cartbutton b{margin-left:4px}}

.zalo-product{display:block;border:1px solid #006b6830;border-radius:5px;text-align:center;color:var(--green);font-size:14px;padding:9px 5px;margin-top:12px}.zalo-product:hover{background:#edf7f4}.zalo-float{position:fixed;bottom:20px;right:20px;background:#0068d9;color:white;border-radius:28px;padding:12px 20px;box-shadow:0 3px 18px #0002;z-index:5;font-weight:700;font-size:16px}.zalo-float span{font-size:14px;font-weight:400;margin-left:6px}.zalo-action{display:inline-block}#copyStatus{font-size:14px;margin-top:12px}#copyStatus textarea{width:100%;min-height:140px;font:inherit}footer{padding-bottom:90px}@media(max-width:700px){.zalo-float{right:12px;bottom:12px;padding:10px 16px}.zalo-product{font-size:12px}#toast{bottom:72px;width:max-content;max-width:90%}}
/* Chat tư vấn */
.chat-widget{position:fixed;right:24px;bottom:88px;z-index:20;font-family:inherit}.chat-float{border:0;border-radius:999px;background:#12384a;color:#fff;font:700 15px/1 inherit;padding:14px 20px;box-shadow:0 8px 24px rgba(18,56,74,.24);cursor:pointer}.chat-float:hover{background:#087b78}.chat-panel{position:absolute;right:0;bottom:58px;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #d8e5e4;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(18,56,74,.2)}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#12384a;color:#fff}.chat-head strong,.chat-head small{display:block}.chat-head small{margin-top:4px;color:#c7ddda;font-size:12px}.chat-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.chat-messages{height:210px;overflow:auto;padding:14px;background:#f4f8f7}.chat-bubble{max-width:88%;padding:10px 12px;border-radius:12px;margin:0 0 10px;font-size:14px;line-height:1.45;white-space:pre-line}.chat-bubble.bot{background:#fff;color:#173d4a;border:1px solid #deebe9}.chat-bubble.user{margin-left:auto;background:#087b78;color:#fff}.chat-quick{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 4px}.chat-quick button{border:1px solid #acd2cc;background:#f5fffd;color:#087b78;border-radius:999px;padding:7px 9px;font-size:12px;cursor:pointer}.chat-form{display:flex;gap:8px;padding:10px 12px 12px}.chat-form input{min-width:0;flex:1;border:1px solid #cbdcda;border-radius:9px;padding:10px;font:inherit}.chat-form button{border:0;border-radius:9px;background:#f0a62b;color:#12384a;padding:0 14px;font-weight:700;cursor:pointer}.chat-form input:focus{outline:2px solid #9fd5ce;outline-offset:1px}@media(max-width:600px){.chat-widget{right:12px;bottom:78px}.chat-float{padding:12px 15px}.chat-panel{bottom:54px}}

/* Storefront hero: precise product photography with a restrained industrial palette. */
.feature{isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;min-height:448px;padding:38px;border-radius:18px;background:#103b3d;background-image:radial-gradient(ellipse at 90% 5%,#1a626255,transparent 65%);border:1px solid #245354;box-shadow:0 12px 28px #103b3d10;align-items:center}
.featuretext{min-width:0}.hero-kicker{display:flex;align-items:center;gap:10px;color:#b6d6d2;font-size:12px;font-weight:700;letter-spacing:1.6px;line-height:1.6}.hero-rule{width:25px;height:2px;flex-shrink:0;background:#edb85e}
.feature h1{font-size:clamp(34px,3.7vw,49px);font-weight:700;line-height:1.16;letter-spacing:-1.6px;margin:23px 0 19px;color:#fff}.feature h1 em{font-style:normal;color:#edc985}.feature p{max-width:355px;font-size:16px;line-height:1.7;color:#c1d5d3}
.feature .lightbutton{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 18px;min-height:52px;margin-top:28px;border:1px solid #f1cf8e;border-radius:7px;background:#f1cf8e;color:#133c3d;font-size:15px;line-height:1.4;box-shadow:0 3px 0 #00000012;transition:background .2s,transform .2s}.feature .lightbutton:hover{background:#ffdea0;transform:translateY(-2px)}.feature .lightbutton:focus-visible{outline-color:#fff}
.feature .herotags{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff24;color:#a6c7c4;font-size:12px;letter-spacing:1.4px;line-height:1.5}.herotags span+span{border-left:1px solid #ffffff30;padding-left:16px}
.hero-display{min-width:0;width:100%;position:relative;display:grid;gap:12px}.hero-display figure{margin:0}.hero-main-product{padding:20px 22px 18px;border:1px solid #fff;border-radius:12px;background:#f4f7f6;color:#153f40;box-shadow:0 12px 22px #001d2520}.hero-product-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#507270;font-size:12px;font-weight:700;letter-spacing:1.1px}.hero-product-number{color:#77918d;font-weight:400;letter-spacing:1px}.hero-product-image{height:207px;display:flex;align-items:center;justify-content:center;padding:14px 2px}.hero-product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:none;border-radius:0}.hero-main-product figcaption{border-top:1px solid #dbe6e2;padding-top:13px;display:flex;flex-direction:column;gap:2px}.hero-main-product strong{font-size:18px;line-height:1.4;letter-spacing:-.3px}.hero-main-product figcaption>span{font-size:13px;color:#587773}
.hero-mini-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-mini-products figure{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #fff2;border-radius:9px;background:#ffffff09;min-width:0}.hero-mini-products img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:5px;flex-shrink:0}.hero-mini-products figcaption{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-mini-products figcaption>span{color:#aecdc9;font-size:10px;letter-spacing:1px;line-height:1.4}.hero-mini-products strong{color:#fff;font-size:14px;line-height:1.3}
@media(min-width:701px) and (max-width:1100px){.feature{padding:25px;gap:20px;min-height:420px}.feature h1{font-size:35px;letter-spacing:-1px}.hero-kicker{font-size:11px;letter-spacing:.7px}.hero-rule{width:15px}.feature p{font-size:15px}.hero-main-product{padding:14px}.hero-product-top{font-size:10px;letter-spacing:.5px}.hero-product-image{height:175px}.hero-main-product strong{font-size:16px}.hero-mini-products{grid-template-columns:1fr}.hero-mini-products figure{padding:7px 10px}.hero-mini-products figure:last-child{display:none}.hero-mini-products img{width:40px;height:40px}.feature .herotags{font-size:10px;gap:9px}.herotags span+span{padding-left:9px}.feature .lightbutton{gap:14px;font-size:14px;padding:13px}}
@media(max-width:700px){.feature{grid-template-columns:1fr;gap:28px;padding:28px 23px;border-radius:14px;min-height:0}.feature h1{font-size:40px;letter-spacing:-1.1px;line-height:1.17;margin:19px 0 15px}.hero-kicker{font-size:11px;letter-spacing:1px}.feature p{font-size:16px;line-height:1.6;max-width:440px}.feature .lightbutton{margin-top:22px}.feature .herotags{margin-top:24px;padding-top:17px;font-size:11px}.hero-main-product{padding:17px 20px}.hero-product-image{height:190px}.hero-product-top{font-size:11px}.hero-main-product figcaption{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px}.hero-main-product strong{font-size:16px}.hero-main-product figcaption>span{font-size:12px}.hero-mini-products{gap:10px}.hero-mini-products figure{gap:8px;padding:9px}.hero-mini-products img{width:42px;height:42px}.hero-mini-products strong{font-size:13px}.hero-mini-products figcaption>span{font-size:10px}}
@media(max-width:370px){.feature{padding:25px 18px}.feature h1{font-size:35px}.hero-main-product figcaption{flex-direction:column}.hero-mini-products figure{padding:7px;gap:6px}.hero-mini-products img{width:34px;height:40px}.hero-mini-products strong{font-size:12px}}