/*
Theme Name: HS Digital Modern
Template: hello-elementor
Version: 2.0.0
Description: Giao diện HS Digital dựa trên Hello Elementor miễn phí. Nội dung trang chỉnh bằng Elementor.
License: GNU General Public License v3 or later
Text Domain: hs-digital-modern
*/
@font-face{font-family:Manrope;src:url(assets/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#14283c;--muted:#647485;--gold:#e7b53e;--blue:#e9f2f8;--line:#e3e9ef;--paper:#f6f8fa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body.hs2-site{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.65}a{color:inherit}button,input,select{font:inherit}button,a,input,summary{outline-offset:5px}a,button{ -webkit-tap-highlight-color:transparent}a:hover{color:#a87813}button{cursor:pointer}img{max-width:100%;height:auto}.hs2-main{overflow:hidden}.hs2-skip{position:fixed;top:-100px;z-index:1000;background:#fff;padding:12px}.hs2-skip:focus{top:0}
.hs2-topbar{background:#14283c;color:#fff;text-align:center;font-size:10px;font-weight:700;letter-spacing:.15em;padding:9px 20px}.hs2-topbar span{font-weight:400;letter-spacing:0;margin-left:24px;color:#c8d6e4;font-size:11px}.hs2-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.hs2-header-inner{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 40px;gap:28px}.hs2-logo{width:155px;flex-shrink:0;line-height:0}.hs2-logo img{width:155px;height:80px;object-fit:contain}#hs2-navigation{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:650}#hs2-navigation>a{text-decoration:none;position:relative;padding:20px 0}#hs2-navigation>a[aria-current=page]:after{content:'';position:absolute;bottom:9px;left:0;right:0;height:3px;background:var(--gold);border-radius:4px}.hs2-header-cta{padding:12px 19px;border-radius:9px;background:#f6e9c7;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}.hs2-header-cta span{margin-left:16px}.hs2-brands-dropdown{position:relative}.hs2-brands-dropdown summary{cursor:pointer;list-style:none;padding:20px 0}.hs2-brands-dropdown summary:after{content:'⌄';margin-left:8px}.hs2-brands-dropdown>div{position:absolute;top:100%;left:-30px;background:#fff;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:260px;border-radius:14px;box-shadow:0 20px 50px #14283c20;border:1px solid var(--line)}.hs2-brands-dropdown a{padding:10px 14px;text-decoration:none;font-size:13px;border-radius:7px}.hs2-brands-dropdown a:hover{background:var(--blue)}.hs2-menu-toggle{display:none}.hs2-header ul{list-style:none;display:flex;gap:28px;padding:0;margin:0}
.hs2-site .elementor{font-family:Manrope,Arial,sans-serif}.hs2-site .elementor .elementor-heading-title{color:var(--ink);font-family:inherit;line-height:1.2;font-weight:700}.hs2-site .elementor .elementor-widget-text-editor{color:var(--muted);font-family:inherit;font-size:15px;line-height:1.8}.hs2-site .elementor p{margin:0}.hs2-site .elementor .e-con{--container-max-width:1280px;--widgets-spacing:18px}.hs2-site .elementor .elementor-button{font-family:inherit;background:var(--ink);color:white;border-radius:9px;padding:17px 25px;font-size:13px;font-weight:700;line-height:1.3;box-shadow:none;transition:transform .2s,background .2s}.hs2-site .elementor .elementor-button:hover{background:#29455f;transform:translateY(-2px)}.hs2-site .elementor .hs2-gold-button .elementor-button{background:var(--gold);color:var(--ink)}
.hs2-site .elementor .hs2-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.hs2-site .elementor .hs2-section{padding:72px 0;gap:32px}.hs2-site .elementor .hs2-section-title .elementor-heading-title{font-size:36px;letter-spacing:-1.3px}.hs2-site .elementor .hs2-eyebrow .elementor-heading-title{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#98731c;line-height:1.5}.hs2-site .elementor .hs2-row{flex-direction:row;gap:28px;align-items:center}.hs2-site .elementor .hs2-col{flex:1;min-width:0;padding:0}.hs2-site .elementor .hs2-hero{padding:52px 0 56px;background:radial-gradient(ellipse at 90% 90%,#d5e9f6 0,transparent 60%),linear-gradient(125deg,#f6f8f6,#edf4f9)}.hs2-site .elementor .hs2-hero-inner{gap:54px}.hs2-site .elementor .hs2-hero-copy{gap:24px;flex:1.05}.hs2-site .elementor .hs2-hero-title .elementor-heading-title{font-size:clamp(38px,4.3vw,62px);line-height:1.12;font-weight:750;letter-spacing:-2.7px}.hs2-hero-title em{font-style:normal;color:#a27b20}.hs2-site .elementor .hs2-hero-text{max-width:460px}.hs2-site .elementor .hs2-hero-photo{flex:1;position:relative}.hs2-site .elementor .hs2-hero-photo img{width:100%;border-radius:24px;aspect-ratio:1/1;object-fit:cover}.hs2-site .elementor .hs2-actions{flex-direction:row;gap:12px;align-items:center;padding:0}.hs2-site .elementor .hs2-outline .elementor-button{background:transparent;color:var(--ink);border:1px solid #bdcbd6}.hs2-site .elementor .hs2-note .elementor-widget-container{font-size:11px;color:var(--muted)}
.hs2-site .elementor .hs2-brands{padding:30px 0;border-bottom:1px solid var(--line);gap:17px}.hs2-site .elementor .hs2-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:center;padding:0}.hs2-site .elementor .hs2-brand-logo{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;transition:box-shadow .2s,transform .2s}.hs2-site .elementor .hs2-brand-logo:hover{transform:translateY(-3px);box-shadow:0 10px 25px #14283c0b}.hs2-site .elementor .hs2-brand-logo img{width:100%;height:76px;padding:22px;object-fit:contain}.hs2-site .elementor .hs2-brand-logo a{display:block}
.hs2-site .elementor .hs2-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;align-items:stretch}.hs2-site .elementor .hs2-category{padding:0 0 26px;border:1px solid var(--line);border-radius:18px;overflow:hidden;gap:16px;background:#fff}.hs2-site .elementor .hs2-category>.elementor-widget:not(.elementor-widget-image){padding:0 25px}.hs2-site .elementor .hs2-category img{width:100%;aspect-ratio:1.35;object-fit:cover}.hs2-site .elementor .hs2-category .elementor-heading-title{font-size:23px;letter-spacing:-.6px}.hs2-site .elementor .hs2-category .elementor-button{padding:0;background:transparent;color:#9d7319;box-shadow:none}.hs2-site .elementor .hs2-tinted{background:#f5f8fa}.hs2-site .elementor .hs2-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;padding:0}.hs2-site .elementor .hs2-product{padding:0 0 22px;gap:12px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}.hs2-site .elementor .hs2-product:hover{transform:translateY(-5px);box-shadow:0 14px 36px #14283c10}.hs2-site .elementor .hs2-product>.elementor-widget:not(.elementor-widget-image){padding:0 23px}.hs2-site .elementor .hs2-product img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block}.hs2-site .elementor .hs2-product .hs2-product-name .elementor-heading-title{font-size:19px;line-height:1.35;letter-spacing:-.5px}.hs2-site .elementor .hs2-product .hs2-price .elementor-heading-title{font-size:23px;font-weight:800;color:#163c55;letter-spacing:-.8px}.hs2-site .elementor .hs2-product .hs2-product-label .elementor-heading-title{font-size:9px;letter-spacing:1.5px;color:#7a8793;font-weight:700}.hs2-site .elementor .hs2-product .elementor-button{background:#f0f4f7;color:#18364b;font-size:12px;padding:12px 16px;display:block}.hs2-site .elementor .hs2-product .elementor-widget-button{margin-top:auto}.hs2-site .elementor .hs2-product .hs2-variant-note{font-size:10px}
.hs2-site .elementor .hs2-cta{background:#142f44;padding:48px;border-radius:22px;flex-direction:row;align-items:center;gap:32px}.hs2-site .elementor .hs2-cta .elementor-heading-title{color:#fff;font-size:34px;letter-spacing:-1px}.hs2-site .elementor .hs2-cta .elementor-widget-text-editor{color:#c0d2e0}.hs2-site .elementor .hs2-page-intro{padding:55px 0;background:linear-gradient(120deg,#eaf3fa,#f7f0df)}.hs2-site .elementor .hs2-page-title .elementor-heading-title{font-size:48px;letter-spacing:-2px}.hs2-site .elementor .hs2-contact-card{padding:35px;background:#f0f5f8;border-radius:20px;gap:20px}.hs2-site .elementor .hs2-contact-card .elementor-heading-title{font-size:25px}.hs2-site .elementor .hs2-contact-card.gold{background:#f7f0df}.hs2-site .elementor .hs2-contact-row{align-items:stretch}
.hs2-catalog-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:5px 0 28px;flex-wrap:wrap}.hs2-catalog-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650}.hs2-catalog-controls input,.hs2-catalog-controls select{border:1px solid #d9e2e9;border-radius:9px;background:#fff;padding:13px 15px;font-size:14px;color:var(--ink);height:49px}.hs2-catalog-controls input{min-width:260px}.hs2-filter-status{font-size:13px;color:#647485;margin:0}.hs2-brand-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.hs2-brand-tabs a{padding:8px 15px;border:1px solid #dbe3ea;border-radius:30px;text-decoration:none;font-size:12px;font-weight:650}.hs2-brand-tabs a[aria-current=true]{background:var(--ink);color:white;border-color:var(--ink)}.hs2-empty-state{padding:45px;text-align:center;background:#eff5f9;border-radius:18px;border:1px solid var(--line);margin-top:20px}.hs2-empty-state h3{font-size:25px}.hs2-empty-state a{display:inline-block;background:var(--gold);padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;margin-top:15px}.hs2-site [hidden]{display:none!important}
.hs2-footer{background:#f0f3f6;border-top:1px solid var(--line);padding:45px 40px 22px}.hs2-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:60px}.hs2-footer img{height:77px;width:150px;object-fit:contain}.hs2-footer p{font-size:13px;color:#687886;line-height:1.9}.hs2-footer h3{font-size:13px;font-weight:800;margin-bottom:20px}.hs2-footer a{display:block;text-decoration:none;font-size:13px;margin:12px 0}.hs2-footer-bottom{max-width:1200px;border-top:1px solid #dce3e9;margin:35px auto 0;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#7c8791;letter-spacing:.7px}
@media(min-width:1600px){.hs2-site .elementor .hs2-hero-title .elementor-heading-title{font-size:66px}}
@media(max-width:1024px){#hs2-navigation{gap:20px;font-size:13px}.hs2-header-inner{padding:10px 25px;gap:20px}.hs2-header-cta{font-size:11px;padding:11px}.hs2-site .elementor .hs2-hero-inner{gap:30px}.hs2-site .elementor .hs2-hero-title .elementor-heading-title{letter-spacing:-1.5px}.hs2-site .elementor .hs2-brand-logo img{padding:18px 14px}.hs2-site .elementor .hs2-wrap{padding-left:28px;padding-right:28px}}
@media(max-width:767px){html{scroll-padding-top:95px}.hs2-topbar{font-size:8px;padding:7px 10px}.hs2-topbar span{display:none}.hs2-header-inner{padding:8px 20px;gap:15px}.hs2-logo,.hs2-logo img{width:115px;height:59px}.hs2-header-cta{margin-left:auto;font-size:10px;padding:10px}.hs2-header-cta span{margin-left:5px}.hs2-menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px;order:3}.hs2-menu-toggle span{display:block;width:22px;height:2px;background:var(--ink)}#hs2-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:15px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #14283c10;font-size:16px;align-items:stretch;gap:4px}#hs2-navigation.open{display:flex;flex-direction:column}#hs2-navigation>a{padding:12px 0}#hs2-navigation>a[aria-current=page]:after{right:auto;width:28px;bottom:5px}.hs2-brands-dropdown summary{padding:12px 0}.hs2-brands-dropdown>div{position:static;box-shadow:none;border:0;padding:0;min-width:0}.hs2-site .elementor .hs2-wrap{padding-left:20px;padding-right:20px}.hs2-site .elementor .hs2-row{flex-direction:column;align-items:stretch}.hs2-site .elementor .hs2-hero{padding:32px 0}.hs2-site .elementor .hs2-hero-copy{gap:18px}.hs2-site .elementor .hs2-hero-title .elementor-heading-title{font-size:41px;letter-spacing:-1.8px}.hs2-site .elementor .hs2-hero-photo{width:100%;flex:auto}.hs2-site .elementor .hs2-hero-photo img{max-height:390px}.hs2-site .elementor .hs2-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.hs2-site .elementor .elementor-button{font-size:12px;padding:15px 18px}.hs2-site .elementor .hs2-brand-grid{grid-template-columns:repeat(3,1fr);gap:8px}.hs2-site .elementor .hs2-brand-logo img{height:64px;padding:16px 12px}.hs2-site .elementor .hs2-brands{padding:22px 0}.hs2-site .elementor .hs2-section{padding:40px 0;gap:22px}.hs2-site .elementor .hs2-section-title .elementor-heading-title{font-size:29px;letter-spacing:-1px}.hs2-site .elementor .hs2-grid3{grid-template-columns:1fr;gap:18px}.hs2-site .elementor .hs2-category img{aspect-ratio:1.65}.hs2-site .elementor .hs2-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hs2-site .elementor .hs2-product{gap:9px;border-radius:12px;padding-bottom:15px}.hs2-site .elementor .hs2-product>.elementor-widget:not(.elementor-widget-image){padding:0 12px}.hs2-site .elementor .hs2-product .hs2-product-name .elementor-heading-title{font-size:14px}.hs2-site .elementor .hs2-product .hs2-price .elementor-heading-title{font-size:17px}.hs2-site .elementor .hs2-product .elementor-button{font-size:10px;padding:10px}.hs2-site .elementor .hs2-product img{aspect-ratio:1}.hs2-site .elementor .hs2-product .hs2-product-label .elementor-heading-title{font-size:8px;letter-spacing:.8px}.hs2-site .elementor .hs2-cta{padding:28px;flex-direction:column;align-items:stretch}.hs2-site .elementor .hs2-cta .elementor-heading-title{font-size:28px}.hs2-site .elementor .hs2-page-title .elementor-heading-title{font-size:37px;letter-spacing:-1.5px}.hs2-site .elementor .hs2-page-intro{padding:35px 0}.hs2-site .elementor .hs2-contact-card{padding:27px}.hs2-catalog-controls{align-items:stretch;gap:12px;flex-direction:column}.hs2-catalog-controls input{min-width:0;width:100%}.hs2-empty-state{padding:25px}.hs2-footer{padding:35px 22px 20px}.hs2-footer-inner{grid-template-columns:1fr 1fr;gap:25px}.hs2-footer-inner>div:first-child{grid-column:1/-1}.hs2-footer-bottom{font-size:9px}.hs2-footer-bottom span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}