@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap");
:root{--hyu-red:#c91920;--hyu-red-dark:#a61017;--hyu-navy:#17324d;--hyu-ink:#172433;--hyu-muted:#647284;--hyu-soft:#f5f8fa;--hyu-line:#dfe6ed;--hyu-white:#fff;--hyu-shadow:0 18px 50px rgba(23,50,77,.12);--hyu-body-max:1920px;--hyu-content-max:1180px;--hyu-body-gutter:32px;--hyu-screen-pad:0px}
html{width:100%;max-width:100%;overflow-x:clip}body.hyu-ready{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:clip!important}body.hyu-ready img,body.hyu-ready video,body.hyu-ready iframe{max-width:100%}
body.hyu-page-products .product-showcase .hy-add-cart{display:flex!important;width:100%!important;min-height:46px;box-sizing:border-box;align-items:center;justify-content:center;margin:12px 0 0!important;border:0;border-radius:11px;background:var(--hyu-red)!important;color:#fff!important;font:800 14px "Be Vietnam Pro",sans-serif!important;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.hyu-page-products .product-showcase .hy-add-cart:hover{background:var(--hyu-red-dark)!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(216,31,38,.2)}
body.hyu-page-products .product-showcase .hy-add-cart:focus-visible{outline:3px solid rgba(216,31,38,.25);outline-offset:2px}
.hyu-common-body{box-sizing:border-box;width:100%;max-width:var(--hyu-body-max);min-width:0;margin:0 auto;padding-left:max(calc(var(--hyu-body-gutter) + var(--hyu-screen-pad)),env(safe-area-inset-left));padding-right:max(calc(var(--hyu-body-gutter) + var(--hyu-screen-pad)),env(safe-area-inset-right));overflow-x:clip}.hyu-common-body,.hyu-common-body *{box-sizing:border-box}.hyu-common-body>*{max-width:100%}.hyu-common-body img,.hyu-common-body video,.hyu-common-body iframe,.hyu-common-body canvas{height:auto;max-width:100%}
body.hyu-page-home{--hyu-screen-pad:0px}body.hyu-page-products{--hyu-screen-pad:0px}body.hyu-page-about{--hyu-screen-pad:clamp(0px,.35vw,6px)}body.hyu-page-library{--hyu-screen-pad:clamp(0px,.35vw,6px)}
body.hyu-page-library .hyu-common-body .container{width:min(100%,var(--hyu-content-max))!important}body.hyu-page-products .hyu-common-body .products-page{max-width:1520px!important}body.hyu-page-about .hyu-common-body .hy-about{max-width:var(--hyu-content-max)!important;margin-left:auto!important;margin-right:auto!important}
body.hyu-ready{padding-top:111px!important}
body>header:not(.hyu-header),body>.header,body>footer:not(.hyu-footer),body>.hy-footer,body>.chat-widget,body>.mini-chat,body>.hy-cart-fab,body>.hy-cart-overlay,body>.hy-cart-drawer{display:none!important}
.hyu-header,.hyu-header *,.hyu-footer,.hyu-footer *,.hyu-cart,.hyu-cart *{box-sizing:border-box}
.hyu-header{position:fixed;inset:0 0 auto;z-index:100000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--hyu-line);font-family:"Be Vietnam Pro",sans-serif;box-shadow:0 6px 24px rgba(23,50,77,.06);backdrop-filter:blur(12px)}
.hyu-topbar{height:32px;background:var(--hyu-soft);border-bottom:1px solid #e9eef2;color:#526170;font-size:14px}.hyu-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.hyu-topbar .hyu-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.hyu-nav{height:78px;display:flex;align-items:center;gap:28px}.hyu-brand{display:flex;align-items:center;gap:10px;color:var(--hyu-navy)!important;text-decoration:none!important;font-weight:800!important;white-space:nowrap}.hyu-brand img{width:62px!important;height:62px!important;object-fit:contain!important}.hyu-brand span{font-size:18px!important}
.hyu-menu{margin-left:auto;display:flex;align-items:center;gap:22px}.hyu-menu a,.hyu-drop-btn{border:0;background:none;padding:9px 0;color:var(--hyu-ink)!important;text-decoration:none!important;font:600 14px/1.4 "Be Vietnam Pro",sans-serif;cursor:pointer;white-space:nowrap}.hyu-menu a:hover,.hyu-menu a.active,.hyu-drop-btn:hover{color:var(--hyu-red)!important}.hyu-drop{position:relative}.hyu-drop-btn:after{content:"⌄";margin-left:5px}.hyu-drop-panel{position:absolute;top:calc(100% + 12px);left:-18px;width:245px;padding:9px;background:#fff;border:1px solid var(--hyu-line);border-radius:14px;box-shadow:var(--hyu-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.hyu-drop:hover .hyu-drop-panel,.hyu-drop:focus-within .hyu-drop-panel{opacity:1;visibility:visible;transform:none}.hyu-drop-panel a{display:block;padding:10px 12px!important;border-radius:9px}.hyu-drop-panel a:hover{background:#fff3f3}
.hyu-search{position:relative;display:flex;border:1px solid var(--hyu-line);border-radius:12px;background:#fff;overflow:visible}.hyu-search input{width:175px;border:0!important;outline:0!important;background:transparent!important;padding:10px 11px!important;color:var(--hyu-ink)!important;font:400 13px "Be Vietnam Pro",sans-serif!important;box-shadow:none!important}.hyu-search>button{border:0;border-radius:0 11px 11px 0;background:var(--hyu-navy);color:#fff;padding:0 14px;font:700 13px "Be Vietnam Pro",sans-serif;cursor:pointer}.hyu-search-results{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,90vw);background:#fff;border:1px solid var(--hyu-line);border-radius:14px;box-shadow:var(--hyu-shadow);overflow:hidden;display:none}.hyu-search-results.open{display:block}.hyu-result{display:block!important;padding:12px 15px!important;border-bottom:1px solid #edf1f4;text-decoration:none!important}.hyu-result:last-child{border:0}.hyu-result b{display:block;color:var(--hyu-navy);font-size:15px}.hyu-result small{color:var(--hyu-muted)}.hyu-result:hover{background:var(--hyu-soft)}.hyu-empty{padding:16px;color:var(--hyu-muted);font-size:15px}
.hyu-language{position:relative;flex:0 0 auto}.hyu-language-trigger{height:42px;min-width:67px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--hyu-line);border-radius:12px;background:#fff;color:var(--hyu-navy);font:800 13px "Be Vietnam Pro",sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}.hyu-language-trigger:hover,.hyu-language.open .hyu-language-trigger{border-color:#e7aeb1;color:var(--hyu-red);box-shadow:0 7px 20px rgba(23,50,77,.1)}.hyu-language-globe{font-size:16px;line-height:1}.hyu-language-arrow{font-size:13px;transition:transform .2s}.hyu-language.open .hyu-language-arrow{transform:rotate(180deg)}.hyu-language-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:202px;padding:8px;border:1px solid var(--hyu-line);border-radius:14px;background:#fff;box-shadow:var(--hyu-shadow);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s}.hyu-language.open .hyu-language-menu{opacity:1;visibility:visible;transform:none}.hyu-language-menu button{width:100%;min-height:40px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:9px;background:#fff;color:var(--hyu-ink);font:600 13px "Be Vietnam Pro",sans-serif;text-align:left;cursor:pointer}.hyu-language-menu button span{color:var(--hyu-muted);font-size:12px;font-weight:800}.hyu-language-menu button:hover{background:var(--hyu-soft)}.hyu-language-menu button.active{background:#fff1f1;color:var(--hyu-red)}.hyu-language-menu button.active span{color:var(--hyu-red)}.hyu-google-translate{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.goog-te-banner-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,body>.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}html.translated-ltr,html.translated-rtl,body{margin-top:0!important;top:0!important}.goog-text-highlight{background:transparent!important;box-shadow:none!important}
.hyu-mobile-btn{display:none;border:0;background:#eef2f5;color:var(--hyu-navy);width:42px;height:42px;border-radius:10px;font-size:24px;cursor:pointer}
.hyu-footer{position:relative!important;display:block!important;background:#f7f9fb!important;color:var(--hyu-ink)!important;border-top:1px solid var(--hyu-line)!important;font-family:"Be Vietnam Pro",sans-serif!important}.hyu-footer-accent{height:4px;background:linear-gradient(90deg,var(--hyu-red),#ef4a4f 36%,var(--hyu-navy) 36%)}.hyu-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:38px;padding:52px 0 38px}.hyu-footer p{color:var(--hyu-muted)!important;font-size:15px!important;line-height:1.75!important;margin:12px 0!important}.hyu-footer-col h3{font-size:17px!important;color:var(--hyu-navy)!important;margin:0 0 15px!important}.hyu-footer-col a{display:block!important;color:#566474!important;text-decoration:none!important;font-size:15px!important;margin:8px 0!important}.hyu-footer-col a:hover{color:var(--hyu-red)!important}.hyu-badges{display:flex;gap:7px;flex-wrap:wrap}.hyu-badges span{background:#fff;border:1px solid var(--hyu-line);border-radius:999px;padding:5px 9px;font-size:13px;color:var(--hyu-navy)}.hyu-footer-bottom{border-top:1px solid var(--hyu-line);display:flex;justify-content:space-between;padding:17px 0;color:#74808c;font-size:14px}
.hyu-cart-fab,.hyu-zalo-fab{position:fixed;right:22px;z-index:100001;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:0;color:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(23,50,77,.25)}.hyu-cart-fab{bottom:102px;background:var(--hyu-red);font-size:24px}.hyu-zalo-fab{bottom:28px;background:#0879d1;font:800 13px "Be Vietnam Pro",sans-serif}.hyu-cart-count{position:absolute;right:-3px;top:-5px;min-width:22px;height:22px;padding:0 4px;border-radius:20px;display:grid;place-items:center;background:var(--hyu-navy);border:2px solid #fff;font:800 11px "Be Vietnam Pro",sans-serif}
.hyu-support-tip{position:fixed;right:92px;bottom:29px;z-index:100001;display:flex;align-items:flex-start;gap:7px;max-width:260px;padding:11px 13px;border:1px solid var(--hyu-line);border-radius:14px;background:#fff;box-shadow:var(--hyu-shadow);font-family:"Be Vietnam Pro",sans-serif;opacity:0;visibility:hidden;transform:translateX(12px);transition:.25s}.hyu-support-tip.show{opacity:1;visibility:visible;transform:none}.hyu-support-tip>a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--hyu-navy)}.hyu-support-tip b{font-size:15px}.hyu-support-tip span{font-size:13px;color:var(--hyu-muted);line-height:1.45}.hyu-support-tip>button{order:2;border:0;background:transparent;color:#7b8794;cursor:pointer;font-size:19px;line-height:1}
.hyu-overlay{position:fixed;inset:0;z-index:100010;background:rgba(15,31,47,.46);opacity:0;visibility:hidden;transition:.25s}.hyu-overlay.open{opacity:1;visibility:visible}.hyu-cart{position:fixed;right:0;top:0;z-index:100011;width:min(440px,100%);height:100%;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:.3s;box-shadow:-20px 0 60px rgba(15,31,47,.2);font-family:"Be Vietnam Pro",sans-serif}.hyu-cart.open{transform:none}.hyu-cart-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--hyu-line)}.hyu-cart-head h2{margin:0!important;color:var(--hyu-navy)!important;font-size:23px!important}.hyu-close{width:38px;height:38px;border:0;border-radius:10px;background:#eef2f5;font-size:24px;cursor:pointer}.hyu-cart-items{padding:15px 24px;overflow:auto;flex:1}.hyu-cart-empty{text-align:center;color:var(--hyu-muted);padding:48px 8px}.hyu-cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f4}.hyu-cart-item img{width:56px!important;height:56px!important;object-fit:contain!important;border:1px solid var(--hyu-line);border-radius:9px}.hyu-cart-item b{display:block;color:var(--hyu-navy);font-size:15px;line-height:1.45}.hyu-qty{display:flex;align-items:center;gap:7px;margin-top:6px}.hyu-qty button,.hyu-remove{border:1px solid var(--hyu-line);background:#fff;border-radius:7px;cursor:pointer}.hyu-qty button{width:26px;height:26px}.hyu-remove{color:#b91c1c;padding:6px 8px}.hyu-cart-form{padding:18px 24px 23px;border-top:1px solid var(--hyu-line);background:var(--hyu-soft)}.hyu-cart-form input,.hyu-cart-form textarea{display:block;width:100%!important;border:1px solid var(--hyu-line)!important;border-radius:10px!important;background:#fff!important;padding:10px 11px!important;margin:0 0 9px!important;color:var(--hyu-ink)!important;font:400 13px "Be Vietnam Pro",sans-serif!important;box-shadow:none!important}.hyu-cart-form textarea{height:68px;resize:vertical}.hyu-submit{width:100%;border:0;border-radius:10px;background:var(--hyu-red);color:#fff;padding:12px;font-weight:800;cursor:pointer}.hyu-submit:disabled{opacity:.65;cursor:wait}.hyu-status{min-height:0;font-size:14px;margin:0 0 8px;color:var(--hyu-muted)}.hyu-status.success{color:#15803d}.hyu-status.error{color:#b91c1c}
.hyu-toast{position:fixed;left:50%;bottom:28px;z-index:100020;transform:translate(-50%,18px);opacity:0;background:var(--hyu-navy);color:#fff;padding:11px 17px;border-radius:10px;font:600 13px "Be Vietnam Pro",sans-serif;transition:.25s;pointer-events:none}.hyu-toast.show{opacity:1;transform:translate(-50%,0)}
.hyu-product-logo-frame{position:relative!important;isolation:isolate}.hyu-product-logo{position:absolute!important;z-index:8!important;top:auto!important;right:11px!important;bottom:10px!important;width:84px!important;height:31px!important;max-width:32%!important;object-fit:cover!important;object-position:center!important;padding:0 5px!important;margin:0!important;border:1px solid rgba(201,25,32,.18)!important;border-radius:7px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 4px 14px rgba(23,50,77,.14)!important;opacity:1!important;pointer-events:none!important;filter:saturate(1.14) contrast(1.1)!important;transform:none!important;transition:opacity .2s ease,box-shadow .2s ease!important}.hyu-product-logo-frame:hover .hyu-product-logo{opacity:1!important;box-shadow:0 5px 17px rgba(23,50,77,.2)!important}
@media(max-width:1100px){body.hyu-ready .products-page{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;display:flex!important;flex-direction:column!important}body.hyu-ready .products-sidebar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:0 1 auto!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}body.hyu-ready .products-content,body.hyu-ready .accessories-box,body.hyu-ready .accessories-grid{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}body.hyu-ready .product-showcase{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}}
@media(max-width:1030px){body.hyu-ready{padding-top:78px!important}.hyu-topbar{display:none}.hyu-mobile-btn{display:block;margin-left:auto}.hyu-nav{height:78px}.hyu-menu{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:14px 22px 20px;background:#fff;border-bottom:1px solid var(--hyu-line);box-shadow:0 18px 35px rgba(23,50,77,.1)}.hyu-menu.open{display:flex}.hyu-menu a,.hyu-drop-btn{text-align:left;padding:9px 0!important}.hyu-drop-panel{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:2px 10px}.hyu-drop:focus-within .hyu-drop-panel{display:block}.hyu-search{display:none}.hyu-footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1031px) and (max-width:1220px){.hyu-nav{gap:14px}.hyu-menu{gap:14px}.hyu-search input{width:125px}.hyu-search>button{padding:0 10px}.hyu-language-trigger{min-width:60px;padding:0 8px}}
@media(max-width:600px){.hyu-wrap{width:min(100% - 24px,1180px)}.hyu-brand img{width:52px!important;height:52px!important}.hyu-brand span{font-size:15px!important}.hyu-footer-grid{grid-template-columns:1fr;padding:38px 0 25px}.hyu-footer-bottom{flex-direction:column;gap:6px}.hyu-cart-fab,.hyu-zalo-fab{right:14px;width:54px;height:54px}.hyu-cart-fab{bottom:92px}.hyu-zalo-fab{bottom:24px}.hyu-support-tip{right:76px;bottom:25px;max-width:215px}.hyu-product-logo{top:auto!important;right:8px!important;bottom:8px!important;width:75px!important;height:28px!important;padding:0 4px!important;border-radius:6px!important;opacity:1!important}body.hyu-ready .products-page{padding:20px 12px 42px!important;gap:18px!important}body.hyu-ready .products-sidebar{padding:14px!important;border-radius:16px!important}body.hyu-ready .products-sidebar h3{font-size:20px!important;margin-bottom:12px!important}body.hyu-ready .category{min-height:46px!important;padding:11px 12px!important}}
@media(max-width:480px){.hyu-language-trigger{height:42px;min-width:56px;padding:0 7px}.hyu-language-menu{width:min(202px,calc(100vw - 24px))}body.hyu-ready .accessories-grid{grid-template-columns:1fr!important;gap:14px!important}body.hyu-ready .product-showcase .main-image,body.hyu-ready #inox4 .main-image,body.hyu-ready #inox6 .main-image,body.hyu-ready #makem1 .main-image,body.hyu-ready #makem2 .main-image{height:190px!important}body.hyu-ready .product-info h1{min-height:auto!important;font-size:17px!important}body.hyu-ready .detail-big{height:42px!important;font-size:15px!important}}
@media(max-width:360px){.hyu-wrap{width:min(100% - 18px,1180px)}.hyu-nav{gap:7px!important}.hyu-brand span{font-size:14px!important}.hyu-mobile-btn{width:40px;height:40px}.hyu-language-trigger{min-width:43px;padding:0 6px}.hyu-language-globe{display:none}.hyu-footer-grid{gap:25px}.hyu-cart-form{padding:16px}.hyu-cart-head,.hyu-cart-items{padding-left:16px;padding-right:16px}.hyu-cart-fab,.hyu-zalo-fab{right:10px;width:48px;height:48px}.hyu-cart-fab{bottom:82px}.hyu-zalo-fab{bottom:22px}}
@media(max-width:1366px){:root{--hyu-body-gutter:26px}}
@media(max-width:1024px){:root{--hyu-body-gutter:22px}}
@media(max-width:834px){:root{--hyu-body-gutter:18px}}
@media(max-width:600px){:root{--hyu-body-gutter:14px}}
@media(max-width:430px){:root{--hyu-body-gutter:12px}}
@media(max-width:375px){:root{--hyu-body-gutter:10px}}
@media(max-width:320px){:root{--hyu-body-gutter:8px}}
/* Danh mục sản phẩm bám dưới header trên desktop.
   Bỏ transform của hiệu ứng fade-up vì transform làm position:sticky mất tác dụng. */
@media(min-width:1101px){
  body.hyu-page-products .products-page{
    overflow:visible!important;
    align-items:flex-start!important;
  }
  body.hyu-page-products .products-sidebar{
    position:sticky!important;
    top:127px!important;
    align-self:flex-start!important;
    width:285px!important;
    flex:0 0 285px!important;
    max-height:calc(100vh - 147px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:none!important;
    will-change:auto!important;
    z-index:30!important;
  }
}
@media(max-width:1100px){
  body.hyu-page-products .products-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
  }
}
/* Hiệu ứng thống nhất khi chọn sản phẩm từ danh mục bên trái. */
body.hyu-page-products .product-showcase{
  scroll-margin-top:150px!important;
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease!important;
}
body.hyu-page-products .product-showcase.hyu-product-selected{
  position:relative!important;
  z-index:12!important;
  border-color:#e11d48!important;
  box-shadow:0 0 0 3px rgba(225,29,72,.18),0 22px 48px rgba(127,29,29,.2)!important;
  transform:translateY(-4px)!important;
  animation:hyu-product-focus .9s ease both!important;
}
body.hyu-page-products .product-showcase.hyu-product-selected::after{
  content:"SẢN PHẨM ĐANG XEM"!important;
  position:absolute!important;
  z-index:20!important;
  top:12px!important;
  right:12px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#9f1239,#e11d48)!important;
  color:#fff!important;
  font:800 10px/1.2 "Be Vietnam Pro",sans-serif!important;
  letter-spacing:.45px!important;
  box-shadow:0 8px 20px rgba(159,18,57,.28)!important;
  pointer-events:none!important;
}
body.hyu-page-products .products-sidebar a{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important;
}
body.hyu-page-products .products-sidebar a.hyu-product-link-active{
  color:#9f1239!important;
  background:#fff1f2!important;
  border-color:#fda4af!important;
  box-shadow:inset 3px 0 0 #e11d48!important;
  transform:translateX(3px)!important;
  font-weight:800!important;
}
@keyframes hyu-product-focus{
  0%{box-shadow:0 0 0 0 rgba(225,29,72,.45),0 12px 28px rgba(127,29,29,.1)}
  55%{box-shadow:0 0 0 8px rgba(225,29,72,.1),0 24px 52px rgba(127,29,29,.22)}
  100%{box-shadow:0 0 0 3px rgba(225,29,72,.18),0 22px 48px rgba(127,29,29,.2)}
}
@media(max-width:600px){
  body.hyu-page-products .product-showcase{scroll-margin-top:96px!important}
  body.hyu-page-products .product-showcase.hyu-product-selected{transform:none!important}
  body.hyu-page-products .product-showcase.hyu-product-selected::after{top:8px!important;right:8px!important;padding:6px 8px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  body.hyu-page-products .product-showcase,
  body.hyu-page-products .products-sidebar a{transition:none!important}
  body.hyu-page-products .product-showcase.hyu-product-selected{animation:none!important}
}

/* Biểu mẫu báo giá: nhãn rõ ràng, focus dễ thấy và trường chống bot ẩn. */
.hyu-cart-form label{display:block!important}
.hyu-cart-form label>span{display:block!important;margin:0 0 5px!important;color:#445469!important;font:700 11px "Be Vietnam Pro",sans-serif!important}
.hyu-cart-form input:focus,.hyu-cart-form textarea:focus{outline:2px solid rgba(201,25,32,.2)!important;border-color:var(--hyu-red)!important}
.hyu-cart-form .hyu-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Cắt vùng trong suốt của ảnh nguồn để chữ HTWR hiển thị đủ lớn, rõ nét. */
body.hyu-ready .hyu-product-logo-frame > img.hyu-product-logo{
  object-fit:cover!important;
  object-position:center!important;
}

/* Menu và thao tác chạm đồng nhất. */
.hyu-topbar a{color:inherit!important;text-decoration:none!important;font-weight:700!important}
.hyu-all-products{font-weight:800!important;color:var(--hyu-red)!important;border-bottom:1px solid #edf1f4}
.hyu-call-menu{font-weight:800!important}

@media(max-width:1030px){
  body.hyu-menu-open{overflow:hidden!important}
  .hyu-header{box-shadow:0 8px 26px rgba(23,50,77,.1)}
  .hyu-menu{
    max-height:calc(100vh - 78px);
    overflow-y:auto;
    padding:12px max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    gap:5px;
  }
  .hyu-menu>a,.hyu-drop-btn{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    padding:11px 13px!important;
    border-radius:11px!important;
    touch-action:manipulation;
  }
  .hyu-drop-btn{justify-content:space-between!important;background:#f5f8fa!important}
  .hyu-drop-btn::after{content:"+"!important;margin-left:auto!important;font-size:23px!important;line-height:1!important}
  .hyu-drop.open .hyu-drop-btn::after{content:"−"!important}
  .hyu-drop.open .hyu-drop-panel{display:block!important}
  .hyu-drop-panel{
    margin-top:5px!important;
    padding:5px!important;
    border-radius:11px!important;
    background:#f8fafc!important;
  }
  .hyu-drop-panel a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 12px!important;
    border-radius:9px!important;
    touch-action:manipulation;
  }
  .hyu-call-menu{
    justify-content:center!important;
    margin-top:4px!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--hyu-red-dark),#e31b23)!important;
    box-shadow:0 8px 18px rgba(201,25,32,.2)!important;
  }
}

@media(max-width:600px){
  body.hyu-ready{padding-top:70px!important}
  .hyu-nav{height:70px!important;gap:12px!important}
  .hyu-brand{gap:7px!important}
  .hyu-brand img{width:46px!important;height:46px!important}
  .hyu-brand span{font-size:14.5px!important}
  .hyu-mobile-btn{width:44px!important;height:44px!important;font-size:27px!important;line-height:1!important;touch-action:manipulation}
  .hyu-menu{top:70px!important;max-height:calc(100vh - 70px)!important}
  .hyu-footer-grid{padding-top:32px!important;gap:26px!important}
  .hyu-footer-col h3{margin-bottom:10px!important}
  .hyu-footer-col a{min-height:34px;display:flex!important;align-items:center}
  .hyu-cart-fab,.hyu-zalo-fab{width:48px!important;height:48px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
  .hyu-cart-fab{right:70px!important;font-size:21px!important}
  .hyu-zalo-fab{right:14px!important;font-size:13px!important}
}

@media(max-width:520px){
  body.hyu-page-products .accessories-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.hyu-page-products .product-showcase{
    padding:10px!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(15,23,42,.075)!important;
  }
  body.hyu-page-products .product-showcase .main-image,
  body.hyu-page-products #inox4 .main-image,
  body.hyu-page-products #inox6 .main-image,
  body.hyu-page-products #makem1 .main-image,
  body.hyu-page-products #makem2 .main-image{
    height:210px!important;
    padding:10px!important;
  }
  body.hyu-page-products .product-info h1{
    min-height:auto!important;
    margin:12px 3px 9px!important;
    font-size:17px!important;
    line-height:1.45!important;
  }
  body.hyu-page-products .product-info h1::after{font-size:13px!important;margin-top:5px!important}
  body.hyu-page-products .detail-big,
  body.hyu-page-products .hy-add-cart{
    min-height:46px!important;
    height:auto!important;
    font-size:15px!important;
    touch-action:manipulation;
  }
  body.hyu-page-products .product-extra.show{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:12px!important;
  }
  body.hyu-page-products .products-page{padding:16px 6px 36px!important}
  body.hyu-page-products .products-sidebar{padding:12px!important}
  body.hyu-page-products .category{min-height:50px!important;font-size:15px!important;touch-action:manipulation}
  body.hyu-page-products .category-links a{min-height:44px!important;display:flex!important;align-items:center!important;touch-action:manipulation}
}

/* Bỏ nền khung ảnh sản phẩm trên mọi trang, giữ nguyên ảnh và logo HTWR. */
body.hyu-ready .hyu-product-logo-frame,
body.hyu-ready .product-showcase .main-image,
body.hyu-ready .product-card .product-image,
body.hyu-ready .product-row .product-image,
body.hyu-ready .product-highlight .product-image{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.hyu-ready .hyu-product-logo-frame > img:not(.hyu-product-logo),
body.hyu-page-products .product-showcase .main-image > img:not(.hyu-product-logo),
body.hyu-page-products .product-showcase .thumbs img{
  mix-blend-mode:multiply!important;
}
body.hyu-page-products .product-showcase .gallery,
body.hyu-page-products .product-showcase .thumbs,
body.hyu-page-products .product-showcase .thumbs button{
  background:transparent!important;
  background-image:none!important;
}

/* Hai nhóm mạ kẽm dùng cấu trúc riêng nên cần ghi đè trực tiếp. */
body.hyu-page-products #makem1,
body.hyu-page-products #makem2,
body.hyu-page-products #makem1 .gallery,
body.hyu-page-products #makem2 .gallery,
body.hyu-page-products #makem1 .main-image,
body.hyu-page-products #makem2 .main-image{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.hyu-page-products #makem1 .main-image > img:not(.hyu-product-logo),
body.hyu-page-products #makem2 .main-image > img:not(.hyu-product-logo){
  mix-blend-mode:normal!important;
}

/* Hero Thư viện kỹ thuật: ảnh luôn nằm trong thẻ và phần ghi chú không đè lên sản phẩm. */
body.hyu-page-library .hero{
  overflow:hidden!important;
}
body.hyu-page-library .hero-grid{
  min-height:480px!important;
  padding-top:56px!important;
  padding-bottom:48px!important;
}
body.hyu-page-library .hero-visual{
  height:380px!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:22px 24px 18px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.hyu-page-library .hero-visual > img{
  position:relative!important;
  inset:auto!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:286px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.hyu-page-library .hero-note{
  position:static!important;
  inset:auto!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:13px 2px 0!important;
  border:0!important;
  border-top:1px solid var(--hyu-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hyu-page-library .hero-note b{
  flex:0 0 auto!important;
  font-size:16px!important;
  line-height:1.4!important;
}
body.hyu-page-library .hero-note span{
  min-width:0!important;
  color:var(--hyu-muted)!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:right!important;
}
body.hyu-page-library .stats{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
}
@media(max-width:980px){
  body.hyu-page-library .hero-grid{
    min-height:auto!important;
    gap:30px!important;
    padding-top:42px!important;
    padding-bottom:38px!important;
  }
  body.hyu-page-library .hero-visual{
    width:min(660px,100%)!important;
    height:350px!important;
    margin:0 auto!important;
  }
  body.hyu-page-library .hero-visual > img{
    max-height:255px!important;
  }
}
@media(max-width:640px){
  body.hyu-page-library .hero-grid{
    gap:24px!important;
    padding-top:32px!important;
    padding-bottom:30px!important;
  }
  body.hyu-page-library .hero-visual{
    height:300px!important;
    padding:16px 16px 14px!important;
    border-radius:22px!important;
  }
  body.hyu-page-library .hero-visual > img{
    max-height:205px!important;
  }
  body.hyu-page-library .hero-note{
    display:block!important;
    padding-top:10px!important;
  }
  body.hyu-page-library .hero-note b,
  body.hyu-page-library .hero-note span{
    display:block!important;
    text-align:left!important;
  }
  body.hyu-page-library .hero-note span{
    margin-top:2px!important;
  }
}

/* FAQ kỹ thuật được chia nhóm và có ô tìm nhanh. */
body.hyu-page-library .faq-list{
  max-width:none!important;
  margin-top:20px!important;
}
body.hyu-page-library .faq-tools{
  width:min(920px,100%)!important;
  margin:0 auto 24px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.hyu-page-library .faq-search{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 16px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(23,50,77,.06)!important;
}
body.hyu-page-library .faq-search > span{
  color:var(--hyu-red)!important;
  font-size:25px!important;
  line-height:1!important;
}
body.hyu-page-library .faq-search input{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--hyu-ink)!important;
  box-shadow:none!important;
}
body.hyu-page-library .faq-count{
  flex:0 0 auto!important;
  padding:9px 13px!important;
  border:1px solid #f1c5c7!important;
  border-radius:999px!important;
  background:#fff4f4!important;
  color:var(--hyu-red)!important;
  font-size:14px!important;
  font-weight:800!important;
}
body.hyu-page-library .faq-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
body.hyu-page-library .faq-group{
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(23,50,77,.055)!important;
}
body.hyu-page-library .faq-group > h3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  color:var(--hyu-navy)!important;
  font-size:18px!important;
  line-height:1.45!important;
}
body.hyu-page-library .faq-group > h3 span{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#fff1f2!important;
  color:var(--hyu-red)!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.hyu-page-library .faq-group details{
  margin:9px 0 0!important;
  padding:0 14px!important;
  border:1px solid #e7edf2!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
body.hyu-page-library .faq-group details[open]{
  border-color:#efc4c6!important;
  background:#fffafa!important;
}
body.hyu-page-library .faq-group summary{
  position:relative!important;
  padding:14px 30px 14px 0!important;
  color:var(--hyu-navy)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.55!important;
  list-style:none!important;
}
body.hyu-page-library .faq-group summary::-webkit-details-marker{
  display:none!important;
}
body.hyu-page-library .faq-group summary::after{
  content:"+"!important;
  position:absolute!important;
  top:50%!important;
  right:0!important;
  transform:translateY(-50%)!important;
  color:var(--hyu-red)!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
}
body.hyu-page-library .faq-group details[open] summary::after{
  content:"−"!important;
}
body.hyu-page-library .faq-group details p{
  margin:0!important;
  padding:0 0 15px!important;
  color:var(--hyu-muted)!important;
  font-size:14.5px!important;
  line-height:1.75!important;
}
@media(max-width:860px){
  body.hyu-page-library .faq-groups{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:520px){
  body.hyu-page-library .faq-tools{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body.hyu-page-library .faq-count{
    align-self:flex-start!important;
  }
  body.hyu-page-library .faq-group{
    padding:15px!important;
    border-radius:16px!important;
  }
}

/* FAQ gọn: chọn chuyên mục, chỉ hiển thị một nhóm câu hỏi mỗi lần. */
body.hyu-page-library .faq-layout{
  width:min(1080px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
body.hyu-page-library .faq-category-nav{
  position:sticky!important;
  top:118px!important;
  display:grid!important;
  gap:7px!important;
  max-height:calc(100vh - 138px)!important;
  padding:10px!important;
  overflow:auto!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(23,50,77,.06)!important;
}
body.hyu-page-library .faq-category-nav button{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 25px!important;
  gap:9px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#56677a!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
body.hyu-page-library .faq-category-nav button:hover{
  border-color:#e5ebf0!important;
  background:#f7fafc!important;
  color:var(--hyu-navy)!important;
}
body.hyu-page-library .faq-category-nav button.active{
  border-color:#efc5c7!important;
  background:#fff2f2!important;
  color:#a8171d!important;
}
body.hyu-page-library .faq-category-nav button > span{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#edf3f7!important;
  color:var(--hyu-navy)!important;
  font-size:13px!important;
  font-weight:900!important;
}
body.hyu-page-library .faq-category-nav button.active > span{
  background:var(--hyu-red)!important;
  color:#fff!important;
}
body.hyu-page-library .faq-category-nav button b{
  overflow:hidden!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
body.hyu-page-library .faq-category-nav button small{
  display:grid!important;
  place-items:center!important;
  min-width:23px!important;
  height:23px!important;
  border-radius:999px!important;
  background:#eaf0f4!important;
  color:#647487!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.hyu-page-library .faq-category-nav button.active small{
  background:#fff!important;
  color:var(--hyu-red)!important;
}
body.hyu-page-library .faq-content{
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(23,50,77,.055)!important;
}
body.hyu-page-library .faq-content-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:12px!important;
  padding:0 2px 14px!important;
  border-bottom:1px solid #e8edf2!important;
}
body.hyu-page-library .faq-content-head span,
body.hyu-page-library .faq-content-head strong{
  display:block!important;
}
body.hyu-page-library .faq-content-head span{
  color:#8994a0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.hyu-page-library .faq-content-head strong{
  margin-top:2px!important;
  color:var(--hyu-navy)!important;
  font-size:21px!important;
  line-height:1.4!important;
}
body.hyu-page-library .faq-content-head button{
  flex:0 0 auto!important;
  padding:8px 11px!important;
  border:1px solid #dfe7ed!important;
  border-radius:10px!important;
  background:#f7fafc!important;
  color:#536477!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body.hyu-page-library .faq-content-head button:hover{
  border-color:#efc5c7!important;
  color:var(--hyu-red)!important;
  background:#fff5f5!important;
}
body.hyu-page-library .faq-groups{
  display:block!important;
  margin:0!important;
}
body.hyu-page-library .faq-group{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hyu-page-library .faq-layout:not(.is-searching) .faq-group > h3{
  display:none!important;
}
body.hyu-page-library .faq-layout.is-searching .faq-group{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #e8edf2!important;
}
body.hyu-page-library .faq-layout.is-searching .faq-group:first-of-type{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
body.hyu-page-library .faq-group details{
  margin:8px 0 0!important;
  padding:0 16px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
body.hyu-page-library .faq-group summary{
  padding:14px 34px 14px 0!important;
  font-size:15px!important;
}
body.hyu-page-library .faq-group details p{
  padding:0 0 16px!important;
  font-size:14.5px!important;
}
@media(max-width:900px){
  body.hyu-page-library .faq-layout{
    grid-template-columns:230px minmax(0,1fr)!important;
    gap:14px!important;
  }
}
@media(max-width:760px){
  body.hyu-page-library .faq-layout{
    display:block!important;
  }
  body.hyu-page-library .faq-category-nav{
    position:static!important;
    display:flex!important;
    gap:8px!important;
    max-height:none!important;
    margin-bottom:14px!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
  }
  body.hyu-page-library .faq-category-nav button{
    flex:0 0 238px!important;
    scroll-snap-align:start!important;
  }
  body.hyu-page-library .faq-content{
    padding:16px!important;
  }
  body.hyu-page-library .faq-content-head strong{
    font-size:18px!important;
  }
}
@media(max-width:460px){
  body.hyu-page-library .faq-tools{
    margin-bottom:16px!important;
  }
  body.hyu-page-library .faq-category-nav button{
    flex-basis:215px!important;
  }
  body.hyu-page-library .faq-content{
    padding:13px!important;
    border-radius:16px!important;
  }
  body.hyu-page-library .faq-content-head{
    align-items:flex-start!important;
  }
  body.hyu-page-library .faq-content-head button{
    font-size:0!important;
  }
  body.hyu-page-library .faq-content-head button::after{
    content:"Thu gọn"!important;
    font-size:13px!important;
  }
}

/* Trang Về chúng tôi: hồ sơ doanh nghiệp, năng lực và thông tin nhà máy. */
body.hyu-page-about .hy-about-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:58px 0 86px!important;
  background:linear-gradient(180deg,#f6f9fb 0,#fff 700px)!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-hero,
body.hyu-page-about .hy-about-shell{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-hero{
  grid-template-columns:1.04fr .96fr!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(23,50,77,.1)!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-copy{
  min-width:0!important;
  padding:54px 48px!important;
}
body.hyu-page-about .hy-about-v2 .hy-eyebrow{
  color:var(--hyu-red)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:1.2px!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-copy h1{
  max-width:650px!important;
  margin:13px 0 18px!important;
  color:var(--hyu-navy)!important;
  font-size:clamp(34px,4vw,50px)!important;
  line-height:1.16!important;
  letter-spacing:-1.5px!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-copy > p{
  margin:0!important;
  color:var(--hyu-muted)!important;
  font-size:17px!important;
  line-height:1.8!important;
}
body.hyu-page-about .hy-about-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin-top:24px!important;
}
body.hyu-page-about .hy-about-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:11px 17px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:800!important;
}
body.hyu-page-about .hy-about-btn-primary{
  background:var(--hyu-red)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(201,25,32,.2)!important;
}
body.hyu-page-about .hy-about-btn-secondary{
  border-color:var(--hyu-line)!important;
  background:#fff!important;
  color:var(--hyu-navy)!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:27px!important;
}
body.hyu-page-about .hy-about-v2 .hy-stat{
  min-width:0!important;
  padding:13px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
body.hyu-page-about .hy-about-v2 .hy-stat strong{
  color:var(--hyu-navy)!important;
  font-size:19px!important;
  line-height:1.35!important;
}
body.hyu-page-about .hy-about-v2 .hy-stat span{
  display:block!important;
  margin-top:3px!important;
  color:var(--hyu-muted)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-image{
  position:relative!important;
  min-height:560px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#e9eff4!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-image img{
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-image figcaption{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:15px!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:12px!important;
  background:rgba(15,39,62,.84)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-image figcaption b{
  font-size:15px!important;
}
body.hyu-page-about .hy-about-v2 .hy-about-image figcaption span{
  color:#dbe7ef!important;
  font-size:13px!important;
  text-align:right!important;
}
body.hyu-page-about .hy-about-shell{
  margin-top:30px!important;
}
body.hyu-page-about .hy-about-section{
  margin-top:24px!important;
  padding:42px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 42px rgba(23,50,77,.055)!important;
}
body.hyu-page-about .hy-about-section-head{
  max-width:820px!important;
  margin-bottom:26px!important;
}
body.hyu-page-about .hy-about-section-head > span,
body.hyu-page-about .hy-capability-kicker,
body.hyu-page-about .hy-about-contact > div:first-child > span{
  color:var(--hyu-red)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:1.35px!important;
}
body.hyu-page-about .hy-about-section-head h2,
body.hyu-page-about .hy-capability-copy h2,
body.hyu-page-about .hy-about-contact h2{
  margin:8px 0 10px!important;
  color:var(--hyu-navy)!important;
  font-size:clamp(27px,3vw,38px)!important;
  line-height:1.25!important;
  letter-spacing:-.7px!important;
}
body.hyu-page-about .hy-about-section-head p,
body.hyu-page-about .hy-capability-copy p,
body.hyu-page-about .hy-about-contact p{
  margin:0!important;
  color:var(--hyu-muted)!important;
  line-height:1.75!important;
}
body.hyu-page-about .hy-overview-grid{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:30px!important;
  align-items:start!important;
}
body.hyu-page-about .hy-overview-copy p{
  margin:0 0 15px!important;
  color:#526275!important;
  font-size:16px!important;
  line-height:1.85!important;
}
body.hyu-page-about .hy-source-note{
  margin-top:20px!important;
  padding:13px 15px!important;
  border-left:3px solid var(--hyu-red)!important;
  border-radius:0 10px 10px 0!important;
  background:#fff5f5!important;
  color:#6d4b4c!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}
body.hyu-page-about .hy-company-profile{
  padding:22px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:17px!important;
  background:#f7fafc!important;
}
body.hyu-page-about .hy-company-profile h3{
  margin:0 0 13px!important;
  color:var(--hyu-navy)!important;
  font-size:19px!important;
}
body.hyu-page-about .hy-company-profile dl,
body.hyu-page-about .hy-company-profile dd{
  margin:0!important;
}
body.hyu-page-about .hy-company-profile dl > div{
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  gap:13px!important;
  padding:11px 0!important;
  border-top:1px solid #e4ebf0!important;
}
body.hyu-page-about .hy-company-profile dt{
  color:#7a8794!important;
  font-size:12.5px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
body.hyu-page-about .hy-company-profile dd{
  color:var(--hyu-navy)!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.65!important;
}
body.hyu-page-about .hy-status-dot{
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#22a06b!important;
  box-shadow:0 0 0 4px rgba(34,160,107,.12)!important;
}
body.hyu-page-about .hy-milestone-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
body.hyu-page-about .hy-milestone-grid article{
  position:relative!important;
  min-width:0!important;
  padding:22px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:16px!important;
  background:#fbfcfd!important;
}
body.hyu-page-about .hy-milestone-grid strong{
  display:block!important;
  color:var(--hyu-red)!important;
  font-size:26px!important;
}
body.hyu-page-about .hy-milestone-grid h3,
body.hyu-page-about .hy-product-family-grid h3,
body.hyu-page-about .hy-application-grid h3,
body.hyu-page-about .hy-workflow h3,
body.hyu-page-about .hy-about-values h3{
  margin:8px 0 7px!important;
  color:var(--hyu-navy)!important;
  font-size:18px!important;
}
body.hyu-page-about .hy-milestone-grid p,
body.hyu-page-about .hy-product-family-grid p,
body.hyu-page-about .hy-application-grid p,
body.hyu-page-about .hy-workflow p,
body.hyu-page-about .hy-about-values p{
  margin:0!important;
  color:var(--hyu-muted)!important;
  font-size:14px!important;
  line-height:1.7!important;
}
body.hyu-page-about .hy-product-family-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
body.hyu-page-about .hy-product-family-grid article{
  min-width:0!important;
  padding:22px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
}
body.hyu-page-about .hy-product-family-grid article > span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:#fff1f2!important;
  color:var(--hyu-red)!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.hyu-page-about .hy-product-family-grid a{
  display:inline-block!important;
  margin-top:14px!important;
  color:var(--hyu-red)!important;
  text-decoration:none!important;
  font-size:13.5px!important;
  font-weight:800!important;
}
body.hyu-page-about .hy-capability-panel{
  display:grid!important;
  grid-template-columns:.72fr 1.28fr!important;
  gap:34px!important;
  align-items:center!important;
  background:linear-gradient(125deg,#17324d,#244f75)!important;
  color:#fff!important;
}
body.hyu-page-about .hy-capability-copy h2{
  color:#fff!important;
}
body.hyu-page-about .hy-capability-copy p{
  color:#d6e3ed!important;
}
body.hyu-page-about .hy-capability-copy .hy-about-btn{
  margin-top:20px!important;
  background:#fff!important;
  color:var(--hyu-navy)!important;
  box-shadow:none!important;
}
body.hyu-page-about .hy-capability-specs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.hyu-page-about .hy-capability-specs div{
  min-width:0!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.08)!important;
}
body.hyu-page-about .hy-capability-specs small{
  display:block!important;
  color:#bcd0df!important;
  font-size:12px!important;
}
body.hyu-page-about .hy-capability-specs b{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.hyu-page-about .hy-application-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.hyu-page-about .hy-application-grid article{
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:15px!important;
}
body.hyu-page-about .hy-application-grid article > b{
  color:var(--hyu-red)!important;
  font-size:13px!important;
}
body.hyu-page-about .hy-workflow{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body.hyu-page-about .hy-workflow article{
  min-width:0!important;
  padding:18px!important;
  border-top:3px solid var(--hyu-red)!important;
  border-radius:4px 4px 14px 14px!important;
  background:#f7fafc!important;
}
body.hyu-page-about .hy-workflow span{
  color:var(--hyu-red)!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.hyu-page-about .hy-about-values{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.hyu-page-about .hy-about-values article{
  min-width:0!important;
  padding:22px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
body.hyu-page-about .hy-about-values article > div{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:var(--hyu-navy)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.hyu-page-about .hy-about-contact{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:32px!important;
  align-items:center!important;
  margin-top:24px!important;
  padding:42px!important;
  border-radius:24px!important;
  background:linear-gradient(120deg,#fff5f5,#fff 48%,#f2f7fb)!important;
  border:1px solid #eedcdd!important;
}
body.hyu-page-about .hy-about-contact-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.hyu-page-about .hy-about-contact-links a{
  min-width:0!important;
  padding:14px!important;
  border:1px solid var(--hyu-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  text-decoration:none!important;
}
body.hyu-page-about .hy-about-contact-links small{
  display:block!important;
  color:var(--hyu-muted)!important;
  font-size:12px!important;
}
body.hyu-page-about .hy-about-contact-links b{
  display:block!important;
  margin-top:3px!important;
  overflow-wrap:anywhere!important;
  color:var(--hyu-navy)!important;
  font-size:15px!important;
}
@media(max-width:1050px){
  body.hyu-page-about .hy-about-v2 .hy-about-hero,
  body.hyu-page-about .hy-overview-grid,
  body.hyu-page-about .hy-capability-panel,
  body.hyu-page-about .hy-about-contact{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-about .hy-about-v2 .hy-about-image,
  body.hyu-page-about .hy-about-v2 .hy-about-image img{
    min-height:430px!important;
  }
  body.hyu-page-about .hy-product-family-grid,
  body.hyu-page-about .hy-about-values{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-about .hy-workflow{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.hyu-page-about .hy-about-v2{
    padding-top:28px!important;
    padding-bottom:60px!important;
  }
  body.hyu-page-about .hy-about-v2 .hy-about-copy,
  body.hyu-page-about .hy-about-section,
  body.hyu-page-about .hy-about-contact{
    padding:27px 22px!important;
  }
  body.hyu-page-about .hy-about-v2 .hy-about-stats,
  body.hyu-page-about .hy-milestone-grid,
  body.hyu-page-about .hy-application-grid{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-about .hy-capability-specs,
  body.hyu-page-about .hy-workflow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-about .hy-about-v2 .hy-about-image,
  body.hyu-page-about .hy-about-v2 .hy-about-image img{
    min-height:330px!important;
  }
}
@media(max-width:520px){
  body.hyu-page-about .hy-about-v2 .hy-about-copy h1{
    font-size:32px!important;
    letter-spacing:-.7px!important;
  }
  body.hyu-page-about .hy-product-family-grid,
  body.hyu-page-about .hy-capability-specs,
  body.hyu-page-about .hy-workflow,
  body.hyu-page-about .hy-about-values,
  body.hyu-page-about .hy-about-contact-links{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-about .hy-company-profile dl > div{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  body.hyu-page-about .hy-about-v2 .hy-about-image figcaption{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
body.hyu-page-about .hy-about-v2 .hy-about-image figcaption span{
    text-align:left!important;
  }
}

/* =========================================================
   HOME V3 — sáng, hiện đại, tập trung sản phẩm và tư vấn B2B
   ========================================================= */
body.hyu-page-home .hyu-common-body{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f5f8fc!important;
}
body.hyu-page-home .hy-home,
body.hyu-page-home .hy-home *{
  box-sizing:border-box!important;
}
body.hyu-page-home .hy-home{
  --home-red:#d71920;
  --home-red-dark:#a90f18;
  --home-navy:#0e2b4c;
  --home-blue:#174f87;
  --home-text:#18324f;
  --home-muted:#63758a;
  --home-line:#dce5ef;
  --home-soft:#f4f7fb;
  --home-white:#fff;
  color:var(--home-text)!important;
  font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,sans-serif!important;
}
body.hyu-page-home .hy-home a{
  text-decoration:none!important;
}
body.hyu-page-home .hy-home-hero{
  position:relative!important;
  width:min(1440px,calc(100% - 40px))!important;
  min-height:650px!important;
  margin:22px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,0.92fr) minmax(520px,1.08fr)!important;
  overflow:hidden!important;
  border:1px solid #dce5ef!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 12% 16%,rgba(215,25,32,.08),transparent 30%),
    linear-gradient(112deg,#fff 0%,#fff 53%,#edf4fb 53%,#f8fbfe 100%)!important;
  box-shadow:0 26px 80px rgba(17,46,79,.1)!important;
}
body.hyu-page-home .hy-home-hero::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:7px!important;
  height:100%!important;
  background:linear-gradient(180deg,var(--home-red),#ef5960)!important;
}
body.hyu-page-home .hy-home-hero-copy{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  padding:68px 40px 64px 72px!important;
}
body.hyu-page-home .hy-home-eyebrow,
body.hyu-page-home .hy-home-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:var(--home-red)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.4!important;
  letter-spacing:1.65px!important;
}
body.hyu-page-home .hy-home-eyebrow::before,
body.hyu-page-home .hy-home-kicker::before{
  content:""!important;
  width:28px!important;
  height:2px!important;
  border-radius:99px!important;
  background:currentColor!important;
}
body.hyu-page-home .hy-home-hero-copy h1{
  max-width:700px!important;
  margin:18px 0 23px!important;
  color:var(--home-navy)!important;
  font-size:clamp(42px,4.15vw,66px)!important;
  font-weight:900!important;
  line-height:1.07!important;
  letter-spacing:-2.6px!important;
}
body.hyu-page-home .hy-home-hero-copy h1 em{
  color:var(--home-red)!important;
  font-style:normal!important;
}
body.hyu-page-home .hy-home-hero-copy > p{
  max-width:650px!important;
  margin:0!important;
  color:var(--home-muted)!important;
  font-size:18px!important;
  line-height:1.85!important;
}
body.hyu-page-home .hy-home-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:31px!important;
}
body.hyu-page-home .hy-home-btn{
  min-height:50px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:850!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}
body.hyu-page-home .hy-home-btn:hover{
  transform:translateY(-2px)!important;
}
body.hyu-page-home .hy-home-btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--home-red),#ed2931)!important;
  box-shadow:0 13px 28px rgba(215,25,32,.22)!important;
}
body.hyu-page-home .hy-home-btn-primary span{
  font-size:22px!important;
}
body.hyu-page-home .hy-home-btn-secondary{
  color:var(--home-navy)!important;
  border-color:#cad7e5!important;
  background:#fff!important;
}
body.hyu-page-home .hy-home-proof{
  margin:37px 0 0!important;
  padding:23px 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  border-top:1px solid var(--home-line)!important;
  list-style:none!important;
}
body.hyu-page-home .hy-home-proof li{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
}
body.hyu-page-home .hy-home-proof li > b{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#12835c!important;
  background:#e6f7f0!important;
  font-size:14px!important;
}
body.hyu-page-home .hy-home-proof span{
  min-width:0!important;
}
body.hyu-page-home .hy-home-proof strong,
body.hyu-page-home .hy-home-proof small{
  display:block!important;
}
body.hyu-page-home .hy-home-proof strong{
  color:var(--home-navy)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
body.hyu-page-home .hy-home-proof small{
  margin-top:3px!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.hyu-page-home .hy-home-hero-visual{
  position:relative!important;
  min-width:0!important;
  min-height:650px!important;
  padding:44px 35px 35px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.hyu-page-home .hy-home-slide-stage{
  position:relative!important;
  width:100%!important;
  height:520px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 0 1px rgba(202,216,231,.72),0 20px 48px rgba(26,57,91,.1)!important;
}
body.hyu-page-home .hy-home-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:22px!important;
  object-fit:contain!important;
  opacity:0!important;
  transform:translateX(32px) scale(.965)!important;
  transition:opacity .65s ease,transform .85s cubic-bezier(.2,.8,.2,1)!important;
}
body.hyu-page-home .hy-home-slide.active{
  opacity:1!important;
  transform:none!important;
}
body.hyu-page-home .hy-home-visual-label{
  position:absolute!important;
  z-index:5!important;
  top:65px!important;
  left:57px!important;
  padding:12px 16px!important;
  border:1px solid rgba(215,25,32,.18)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 12px 30px rgba(25,49,76,.12)!important;
  backdrop-filter:blur(8px)!important;
}
body.hyu-page-home .hy-home-visual-label span,
body.hyu-page-home .hy-home-visual-label b{
  display:block!important;
}
body.hyu-page-home .hy-home-visual-label span{
  color:var(--home-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}
body.hyu-page-home .hy-home-visual-label b{
  margin-top:3px!important;
  color:var(--home-red)!important;
  font-size:19px!important;
}
body.hyu-page-home .hy-home-banner-logo{
  position:absolute!important;
  z-index:6!important;
  top:20px!important;
  right:6px!important;
  width:380px!important;
  height:144px!important;
  max-width:72%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 4px 8px rgba(255,255,255,.95)) drop-shadow(0 3px 8px rgba(25,49,76,.18))!important;
}
body.hyu-page-home .hy-home-banner-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
}
body.hyu-page-home .hy-home-floating-card{
  position:absolute!important;
  z-index:5!important;
  right:13px!important;
  bottom:95px!important;
  min-width:170px!important;
  padding:14px 17px!important;
  border-left:4px solid var(--home-red)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(23,52,84,.14)!important;
}

/* Nhãn tồn kho theo bảng quy cách người dùng cung cấp */
body.hyu-page-products .hy-stock-row{
  margin:10px 0 14px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
}
body.hyu-page-products .hy-stock-row .status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:6px 12px!important;
  border:1px solid #bde8cd!important;
  border-radius:999px!important;
  color:#117a4f!important;
  background:#e8f8ef!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.hyu-page-products .hy-stock-sizes{
  min-width:0!important;
  padding:7px 11px!important;
  border:1px solid #dce5ef!important;
  border-radius:999px!important;
  color:#53677e!important;
  background:#f7f9fc!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
@media(max-width:520px){
  body.hyu-page-products .hy-stock-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body.hyu-page-products .hy-stock-sizes{
    width:100%!important;
    border-radius:11px!important;
    white-space:normal!important;
  }
}
body.hyu-page-home .hy-home-floating-card span,
body.hyu-page-home .hy-home-floating-card small{
  display:block!important;
}
body.hyu-page-home .hy-home-floating-card span{
  color:var(--home-navy)!important;
  font-size:17px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-floating-card small{
  margin-top:3px!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
}
body.hyu-page-home .hy-home-slide-tabs{
  z-index:5!important;
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:15px!important;
}
body.hyu-page-home .hy-home-slide-tabs button{
  min-width:64px!important;
  height:31px!important;
  padding:0 12px!important;
  border:1px solid #cbd9e7!important;
  border-radius:999px!important;
  color:var(--home-muted)!important;
  background:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
body.hyu-page-home .hy-home-slide-tabs button.active{
  border-color:var(--home-red)!important;
  color:#fff!important;
  background:var(--home-red)!important;
}
body.hyu-page-home .hy-home-trust{
  width:min(1310px,calc(100% - 40px))!important;
  margin:-1px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  overflow:hidden!important;
  border:1px solid var(--home-line)!important;
  border-top:0!important;
  border-radius:0 0 20px 20px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(21,50,83,.06)!important;
}
body.hyu-page-home .hy-home-trust > div{
  min-width:0!important;
  padding:20px 18px!important;
  text-align:center!important;
  border-right:1px solid var(--home-line)!important;
}
body.hyu-page-home .hy-home-trust > div:last-child{
  border-right:0!important;
}
body.hyu-page-home .hy-home-trust strong,
body.hyu-page-home .hy-home-trust span{
  display:block!important;
}
body.hyu-page-home .hy-home-trust strong{
  color:var(--home-navy)!important;
  font-size:16px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-trust span{
  margin-top:4px!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
}
body.hyu-page-home .hy-home-section{
  width:min(1320px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:105px 0!important;
}
body.hyu-page-home .hy-home-section-head{
  margin-bottom:38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;
  align-items:end!important;
  gap:60px!important;
}
body.hyu-page-home .hy-home-section-head h2,
body.hyu-page-home .hy-home-material-copy h2,
body.hyu-page-home .hy-home-application-copy h2,
body.hyu-page-home .hy-home-knowledge h2,
body.hyu-page-home .hy-home-cta h2{
  margin:10px 0 0!important;
  color:var(--home-navy)!important;
  font-size:clamp(31px,3vw,47px)!important;
  font-weight:900!important;
  line-height:1.16!important;
  letter-spacing:-1.5px!important;
}
body.hyu-page-home .hy-home-section-head > p{
  margin:0!important;
  color:var(--home-muted)!important;
  font-size:16px!important;
  line-height:1.8!important;
}
body.hyu-page-home .hy-home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
body.hyu-page-home .hy-home-product-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--home-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(16,45,78,.055)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
body.hyu-page-home .hy-home-product-card:hover{
  transform:translateY(-6px)!important;
  border-color:#f0b8bb!important;
  box-shadow:0 24px 50px rgba(16,45,78,.12)!important;
}
body.hyu-page-home .hy-home-product-card-featured{
  grid-column:span 2!important;
}
body.hyu-page-home .hy-home-product-media{
  position:relative!important;
  height:250px!important;
  display:block!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f7f9fc,#edf2f7)!important;
}
body.hyu-page-home .hy-home-product-card-featured .hy-home-product-media{
  height:290px!important;
}
body.hyu-page-home .hy-home-product-media img{
  width:100%!important;
  height:100%!important;
  padding:15px!important;
  display:block!important;
  object-fit:contain!important;
  transition:transform .45s cubic-bezier(.2,.8,.2,1)!important;
}
body.hyu-page-home .hy-home-product-card:hover .hy-home-product-media img{
  transform:scale(1.04)!important;
}
body.hyu-page-home .hy-home-product-media > span{
  position:absolute!important;
  left:15px!important;
  top:15px!important;
  z-index:2!important;
  padding:7px 10px!important;
  border:1px solid #f2c6c8!important;
  border-radius:999px!important;
  color:var(--home-red)!important;
  background:rgba(255,255,255,.92)!important;
  font-size:11px!important;
  font-weight:850!important;
}
body.hyu-page-home .hy-home-product-copy{
  padding:21px 20px 23px!important;
}
body.hyu-page-home .hy-home-product-copy small{
  color:var(--home-red)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
}
body.hyu-page-home .hy-home-product-copy h3{
  margin:8px 0 8px!important;
  color:var(--home-navy)!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
body.hyu-page-home .hy-home-product-copy p{
  min-height:74px!important;
  margin:0 0 16px!important;
  color:var(--home-muted)!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body.hyu-page-home .hy-home-product-copy > a{
  color:var(--home-red)!important;
  font-size:13px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-pvc-visual{
  width:100%!important;
  height:100%!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  color:#fff!important;
  background:linear-gradient(145deg,#173d66,#0c2744)!important;
}
body.hyu-page-home .hy-home-pvc-visual::before,
body.hyu-page-home .hy-home-pvc-visual::after,
body.hyu-page-home .hy-home-pvc-visual i{
  content:""!important;
  display:block!important;
  width:130%!important;
  height:18px!important;
  margin:8px -15%!important;
  border:4px solid rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  transform:rotate(-12deg)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.16)!important;
}
body.hyu-page-home .hy-home-pvc-visual::before{
  border-color:#e31c25!important;
}
body.hyu-page-home .hy-home-pvc-visual b{
  position:relative!important;
  z-index:2!important;
  font-size:40px!important;
  font-weight:950!important;
  letter-spacing:2px!important;
}
body.hyu-page-home .hy-home-pvc-visual > span{
  position:relative!important;
  z-index:2!important;
  margin:3px 0 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
}
body.hyu-page-home .hy-home-materials{
  width:min(1440px,calc(100% - 40px))!important;
  margin:0 auto 105px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  align-items:center!important;
  gap:56px!important;
  border:1px solid var(--home-line)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 25px 70px rgba(17,46,79,.085)!important;
}
body.hyu-page-home .hy-home-material-image{
  position:relative!important;
  min-height:590px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#edf3f9!important;
}
body.hyu-page-home .hy-home-material-image > img{
  width:100%!important;
  height:100%!important;
  min-height:590px!important;
  display:block!important;
  object-fit:contain!important;
  background:#fff!important;
  opacity:1!important;
  transition:opacity .18s ease,transform .4s ease!important;
}
body.hyu-page-home .hy-home-material-image > img.changing{
  opacity:.15!important;
  transform:scale(.985)!important;
}
body.hyu-page-home .hy-home-material-image > div{
  position:absolute!important;
  left:22px!important;
  bottom:22px!important;
  padding:13px 16px!important;
  border-left:4px solid var(--home-red)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 30px rgba(19,45,74,.13)!important;
}
body.hyu-page-home .hy-home-material-image span,
body.hyu-page-home .hy-home-material-image small{
  display:block!important;
}
body.hyu-page-home .hy-home-material-image span{
  color:var(--home-navy)!important;
  font-size:16px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-material-image small{
  margin-top:2px!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
}
body.hyu-page-home .hy-home-material-copy{
  padding:20px 34px 20px 0!important;
}
body.hyu-page-home .hy-home-material-copy > p{
  margin:16px 0 25px!important;
  color:var(--home-muted)!important;
  font-size:15px!important;
  line-height:1.8!important;
}
body.hyu-page-home .hy-home-material-list{
  display:grid!important;
  gap:9px!important;
}
body.hyu-page-home .hy-home-material-btn{
  width:100%!important;
  min-height:68px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:35px 1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  border:1px solid var(--home-line)!important;
  border-radius:13px!important;
  color:var(--home-text)!important;
  background:#f9fbfd!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:border .25s ease,background .25s ease,transform .25s ease!important;
}
body.hyu-page-home .hy-home-material-btn:hover,
body.hyu-page-home .hy-home-material-btn.active{
  transform:translateX(5px)!important;
  border-color:#efb9bc!important;
  background:#fff5f5!important;
}
body.hyu-page-home .hy-home-material-btn > span{
  grid-row:1/3!important;
  width:35px!important;
  height:35px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:var(--home-red)!important;
  background:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-material-btn > b{
  color:var(--home-navy)!important;
  font-size:15px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-material-btn > small{
  grid-column:2!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
}
body.hyu-page-home .hy-home-material-btn > i{
  grid-column:3!important;
  grid-row:1/3!important;
  color:var(--home-red)!important;
  font-size:20px!important;
  font-style:normal!important;
}
body.hyu-page-home .hy-home-material-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:22px!important;
}
body.hyu-page-home .hy-home-material-actions a,
body.hyu-page-home .hy-home-material-actions button{
  min-height:43px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #cbd8e5!important;
  border-radius:10px!important;
  color:var(--home-navy)!important;
  background:#fff!important;
  font:800 10px/1 "Be Vietnam Pro","Segoe UI",sans-serif!important;
  cursor:pointer!important;
}
body.hyu-page-home .hy-home-material-actions button{
  border-color:var(--home-red)!important;
  color:#fff!important;
  background:var(--home-red)!important;
}
body.hyu-page-home .hy-home-strengths{
  padding-top:0!important;
}
body.hyu-page-home .hy-home-strength-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:15px!important;
}
body.hyu-page-home .hy-home-strength-grid article{
  position:relative!important;
  min-height:250px!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid var(--home-line)!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.hyu-page-home .hy-home-strength-grid article > span{
  position:absolute!important;
  right:18px!important;
  top:15px!important;
  color:#e6ecf2!important;
  font-size:38px!important;
  font-weight:950!important;
}
body.hyu-page-home .hy-home-icon{
  width:45px!important;
  height:45px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:var(--home-red)!important;
  background:#fff0f1!important;
  font-size:24px!important;
}
body.hyu-page-home .hy-home-strength-grid h3{
  margin:31px 0 10px!important;
  color:var(--home-navy)!important;
  font-size:19px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-strength-grid p{
  margin:0!important;
  color:var(--home-muted)!important;
  font-size:13px!important;
  line-height:1.75!important;
}
body.hyu-page-home .hy-home-applications{
  width:min(1440px,calc(100% - 40px))!important;
  margin:0 auto 105px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  overflow:hidden!important;
  border:1px solid var(--home-line)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 25px 70px rgba(17,46,79,.075)!important;
}
body.hyu-page-home .hy-home-application-image{
  position:relative!important;
  min-height:520px!important;
  overflow:hidden!important;
}
body.hyu-page-home .hy-home-application-image img{
  width:100%!important;
  height:100%!important;
  min-height:520px!important;
  display:block!important;
  object-fit:cover!important;
}
body.hyu-page-home .hy-home-application-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 55%,rgba(10,36,64,.7))!important;
}
body.hyu-page-home .hy-home-application-image > span{
  position:absolute!important;
  z-index:2!important;
  left:25px!important;
  bottom:24px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.2px!important;
}
body.hyu-page-home .hy-home-application-copy{
  align-self:center!important;
  padding:55px!important;
}
body.hyu-page-home .hy-home-application-copy > p{
  margin:17px 0 27px!important;
  color:var(--home-muted)!important;
  font-size:15px!important;
  line-height:1.8!important;
}
body.hyu-page-home .hy-home-application-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.hyu-page-home .hy-home-application-grid a{
  min-height:92px!important;
  padding:17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:1px solid var(--home-line)!important;
  border-radius:13px!important;
  color:var(--home-navy)!important;
  background:#f8fafc!important;
  transition:border .25s ease,transform .25s ease!important;
}
body.hyu-page-home .hy-home-application-grid a:hover{
  transform:translateY(-3px)!important;
  border-color:#efb9bc!important;
}
body.hyu-page-home .hy-home-application-grid b{
  font-size:13px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-application-grid span{
  margin-top:5px!important;
  color:var(--home-muted)!important;
  font-size:11px!important;
}
body.hyu-page-home .hy-home-knowledge{
  width:min(1320px,calc(100% - 40px))!important;
  margin:0 auto 105px!important;
  padding:55px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  align-items:center!important;
  gap:70px!important;
  border:1px solid #cbdbea!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(215,25,32,.075),transparent 30%),
    linear-gradient(135deg,#f7fbff,#eef4fa)!important;
}
body.hyu-page-home .hy-home-knowledge p{
  margin:16px 0 0!important;
  color:var(--home-muted)!important;
  font-size:15px!important;
  line-height:1.8!important;
}
body.hyu-page-home .hy-home-knowledge-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.hyu-page-home .hy-home-knowledge-links a{
  min-height:82px!important;
  padding:15px!important;
  display:grid!important;
  grid-template-columns:30px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #d7e2ec!important;
  border-radius:13px!important;
  color:var(--home-navy)!important;
  background:#fff!important;
}
body.hyu-page-home .hy-home-knowledge-links span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:var(--home-red)!important;
  background:#fff0f1!important;
  font-size:11px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-knowledge-links b{
  font-size:13px!important;
  font-weight:900!important;
}
body.hyu-page-home .hy-home-knowledge-links i{
  color:var(--home-red)!important;
  font-size:18px!important;
  font-style:normal!important;
}
body.hyu-page-home .hy-home-cta{
  width:min(1440px,calc(100% - 40px))!important;
  margin:0 auto 34px!important;
  padding:48px 55px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:45px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  color:var(--home-navy)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(215,25,32,.11),transparent 32%),
    linear-gradient(120deg,#fff,#f6f9fc)!important;
  border:1px solid var(--home-line)!important;
  box-shadow:0 20px 55px rgba(17,46,79,.07)!important;
}
body.hyu-page-home .hy-home-cta > div:first-child > span{
  color:var(--home-red)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
}
body.hyu-page-home .hy-home-cta p{
  margin:12px 0 0!important;
  color:var(--home-muted)!important;
  font-size:14px!important;
}
body.hyu-page-home .hy-home-cta-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
body.hyu-page-home .hy-home-cta-actions a,
body.hyu-page-home .hy-home-cta-actions button{
  min-height:45px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ccd8e4!important;
  border-radius:10px!important;
  color:var(--home-navy)!important;
  background:#fff!important;
  font:850 10px/1 "Be Vietnam Pro","Segoe UI",sans-serif!important;
  cursor:pointer!important;
}
body.hyu-page-home .hy-home-cta-actions button{
  border-color:var(--home-red)!important;
  color:#fff!important;
  background:var(--home-red)!important;
}
@media(max-width:1200px){
  body.hyu-page-home .hy-home-hero{
    grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr)!important;
  }
  body.hyu-page-home .hy-home-hero-copy{
    padding-left:50px!important;
  }
  body.hyu-page-home .hy-home-proof{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-slide-stage{
    height:470px!important;
  }
  body.hyu-page-home .hy-home-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-home .hy-home-product-card-featured{
    grid-column:span 2!important;
  }
  body.hyu-page-home .hy-home-product-card-featured .hy-home-product-media,
  body.hyu-page-home .hy-home-product-media{
    height:300px!important;
  }
  body.hyu-page-home .hy-home-materials{
    gap:30px!important;
  }
  body.hyu-page-home .hy-home-material-image,
  body.hyu-page-home .hy-home-material-image > img{
    min-height:500px!important;
  }
}
@media(max-width:960px){
  body.hyu-page-home .hy-home-hero{
    min-height:0!important;
    grid-template-columns:1fr!important;
    background:linear-gradient(180deg,#fff 0%,#fff 52%,#eef4fa 52%,#f7fafc 100%)!important;
  }
  body.hyu-page-home .hy-home-hero-copy{
    padding:52px 46px 35px!important;
  }
  body.hyu-page-home .hy-home-proof{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.hyu-page-home .hy-home-hero-visual{
    min-height:550px!important;
    padding-top:20px!important;
  }
  body.hyu-page-home .hy-home-slide-stage{
    height:470px!important;
  }
  body.hyu-page-home .hy-home-visual-label{
    top:42px!important;
  }
  body.hyu-page-home .hy-home-banner-logo{top:18px!important;right:6px!important;width:340px!important;height:128px!important;max-width:72%!important}
  body.hyu-page-home .hy-home-trust{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.hyu-page-home .hy-home-trust > div:nth-child(3){
    border-right:0!important;
  }
  body.hyu-page-home .hy-home-trust > div:nth-child(-n+3){
    border-bottom:1px solid var(--home-line)!important;
  }
  body.hyu-page-home .hy-home-section-head{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  body.hyu-page-home .hy-home-materials,
  body.hyu-page-home .hy-home-applications,
  body.hyu-page-home .hy-home-knowledge{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-material-copy{
    padding:18px 18px 28px!important;
  }
  body.hyu-page-home .hy-home-strength-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-home .hy-home-application-copy{
    padding:42px!important;
  }
  body.hyu-page-home .hy-home-cta{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-cta-actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:680px){
  body.hyu-page-home .hy-home-hero,
  body.hyu-page-home .hy-home-materials,
  body.hyu-page-home .hy-home-applications,
  body.hyu-page-home .hy-home-cta{
    width:calc(100% - 20px)!important;
    border-radius:20px!important;
  }
  body.hyu-page-home .hy-home-hero{
    margin-top:10px!important;
  }
  body.hyu-page-home .hy-home-hero-copy{
    padding:35px 22px 25px!important;
  }
  body.hyu-page-home .hy-home-hero-copy h1{
    margin-top:13px!important;
    font-size:38px!important;
    line-height:1.12!important;
    letter-spacing:-1.3px!important;
  }
  body.hyu-page-home .hy-home-hero-copy > p{
    font-size:15px!important;
    line-height:1.75!important;
  }
  body.hyu-page-home .hy-home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-btn{
    width:100%!important;
  }
  body.hyu-page-home .hy-home-proof{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.hyu-page-home .hy-home-hero-visual{
    min-height:420px!important;
    padding:10px 14px 24px!important;
  }
  body.hyu-page-home .hy-home-slide-stage{
    height:350px!important;
    border-radius:16px!important;
  }
  body.hyu-page-home .hy-home-slide{
    padding:13px!important;
  }
  body.hyu-page-home .hy-home-visual-label{
    top:24px!important;
    left:28px!important;
  }
  body.hyu-page-home .hy-home-banner-logo{
    top:14px!important;
    right:6px!important;
    width:276px!important;
    height:104px!important;
    max-width:72%!important;
    padding:0!important;
  }
  body.hyu-page-home .hy-home-floating-card{
    right:4px!important;
    bottom:69px!important;
    min-width:145px!important;
  }
  body.hyu-page-home .hy-home-trust{
    width:calc(100% - 36px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-home .hy-home-trust > div{
    border-right:1px solid var(--home-line)!important;
    border-bottom:1px solid var(--home-line)!important;
  }
  body.hyu-page-home .hy-home-trust > div:nth-child(even){
    border-right:0!important;
  }
  body.hyu-page-home .hy-home-trust > div:last-child{
    grid-column:1/3!important;
    border-bottom:0!important;
  }
  body.hyu-page-home .hy-home-section{
    width:calc(100% - 28px)!important;
    padding:72px 0!important;
  }
  body.hyu-page-home .hy-home-section-head{
    margin-bottom:25px!important;
  }
  body.hyu-page-home .hy-home-section-head h2,
  body.hyu-page-home .hy-home-material-copy h2,
  body.hyu-page-home .hy-home-application-copy h2,
  body.hyu-page-home .hy-home-knowledge h2,
  body.hyu-page-home .hy-home-cta h2{
    font-size:33px!important;
    letter-spacing:-.8px!important;
  }
  body.hyu-page-home .hy-home-product-grid{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-product-card-featured{
    grid-column:auto!important;
  }
  body.hyu-page-home .hy-home-product-card-featured .hy-home-product-media,
  body.hyu-page-home .hy-home-product-media{
    height:280px!important;
  }
  body.hyu-page-home .hy-home-product-copy p{
    min-height:0!important;
  }
  body.hyu-page-home .hy-home-materials{
    margin-bottom:72px!important;
    padding:12px!important;
    gap:14px!important;
  }
  body.hyu-page-home .hy-home-material-image,
  body.hyu-page-home .hy-home-material-image > img{
    min-height:310px!important;
  }
  body.hyu-page-home .hy-home-material-copy{
    padding:15px 8px 20px!important;
  }
  body.hyu-page-home .hy-home-material-btn{
    grid-template-columns:35px minmax(0,1fr) auto!important;
  }
  body.hyu-page-home .hy-home-material-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-strengths{
    padding-top:0!important;
  }
  body.hyu-page-home .hy-home-strength-grid{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-strength-grid article{
    min-height:210px!important;
  }
  body.hyu-page-home .hy-home-applications{
    margin-bottom:72px!important;
  }
  body.hyu-page-home .hy-home-application-image,
  body.hyu-page-home .hy-home-application-image img{
    min-height:320px!important;
  }
  body.hyu-page-home .hy-home-application-copy{
    padding:30px 22px!important;
  }
  body.hyu-page-home .hy-home-application-grid{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-knowledge{
    width:calc(100% - 28px)!important;
    margin-bottom:72px!important;
    padding:30px 22px!important;
    gap:30px!important;
  }
  body.hyu-page-home .hy-home-knowledge-links{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-cta{
    margin-bottom:20px!important;
    padding:32px 22px!important;
  }
  body.hyu-page-home .hy-home-cta-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.hyu-page-home .hy-home-cta-actions a,
  body.hyu-page-home .hy-home-cta-actions button{
    width:100%!important;
  }
}
@media(max-width:390px){
  body.hyu-page-home .hy-home-hero-copy h1{
    font-size:33px!important;
  }
  body.hyu-page-home .hy-home-slide-stage{
    height:300px!important;
  }
  body.hyu-page-home .hy-home-hero-visual{
    min-height:370px!important;
  }
  body.hyu-page-home .hy-home-floating-card{
    display:none!important;
  }
  body.hyu-page-home .hy-home-banner-logo{
    top:12px!important;
    right:4px!important;
    width:244px!important;
    height:92px!important;
    max-width:72%!important;
  }
  body.hyu-page-home .hy-home-product-media,
  body.hyu-page-home .hy-home-product-card-featured .hy-home-product-media{
    height:245px!important;
  }
}

/* Khuôn kéo sợi: danh mục sản phẩm và chuyên đề kỹ thuật */
.hy-die-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#d71920!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.hy-die-kicker:before{
  content:""!important;
  width:28px!important;
  height:3px!important;
  border-radius:4px!important;
  background:#d71920!important;
}
body.hyu-page-products .hy-die-section{
  scroll-margin-top:124px!important;
  margin:40px 0 0!important;
  padding:34px!important;
  border:1px solid #dfe7ee!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#fff 0%,#f7fafc 100%)!important;
  box-shadow:0 18px 54px rgba(20,49,76,.08)!important;
}
body.hyu-page-products .product-info h1{
  min-height:0!important;
}
body.hyu-page-products .product-info h1::after{
  content:none!important;
  display:none!important;
}
body.hyu-page-products .hy-die-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:30px!important;
  margin-bottom:26px!important;
}
body.hyu-page-products .hy-die-section-head > div{
  max-width:760px!important;
}
body.hyu-page-products .hy-die-section-head h2{
  margin:8px 0 9px!important;
  color:#17324d!important;
  font-size:clamp(27px,3vw,39px)!important;
  line-height:1.18!important;
  letter-spacing:-.8px!important;
}
body.hyu-page-products .hy-die-section-head p{
  margin:0!important;
  color:#627287!important;
  line-height:1.75!important;
}
body.hyu-page-products .hy-die-library-link{
  flex:0 0 auto!important;
  padding:12px 17px!important;
  border:1px solid #f0b8bb!important;
  border-radius:12px!important;
  color:#a8181e!important;
  background:#fff!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.hyu-page-products .hy-die-library-link:hover{
  background:#fff3f3!important;
  border-color:#d71920!important;
}
body.hyu-page-products .hy-die-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.hyu-page-products .hy-die-card{
  min-width:0!important;
  scroll-margin-top:140px!important;
  overflow:hidden!important;
  border:1px solid #dce5ed!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(20,49,76,.06)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.hyu-page-products .hy-die-card:hover,
body.hyu-page-products .hy-die-card.hyu-product-selected{
  transform:translateY(-4px)!important;
  border-color:#dc3036!important;
  box-shadow:0 18px 38px rgba(20,49,76,.13)!important;
}
body.hyu-page-products .hy-die-card.hyu-product-selected{
  outline:4px solid rgba(215,25,32,.1)!important;
}
body.hyu-page-products .hy-die-media{
  position:relative!important;
  height:225px!important;
  padding:16px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f2f6f9,#fff)!important;
  border-bottom:1px solid #e7edf2!important;
}
body.hyu-page-products .hy-die-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:multiply!important;
}
body.hyu-page-products .hy-die-media:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  top:13px!important;
  right:13px!important;
  width:112px!important;
  height:45px!important;
  border:1px solid rgba(215,25,32,.16)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92) url("logo.png") center/94px auto no-repeat!important;
  box-shadow:0 7px 18px rgba(23,50,77,.12)!important;
  pointer-events:none!important;
}
body.hyu-page-products .hy-die-body{
  display:flex!important;
  flex-direction:column!important;
  min-height:390px!important;
  padding:20px!important;
}
body.hyu-page-products .hy-die-type{
  color:#c51b22!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
body.hyu-page-products .hy-die-card h3{
  margin:8px 0 10px!important;
  color:#17324d!important;
  font-size:21px!important;
  line-height:1.4!important;
}
body.hyu-page-products .hy-die-card p{
  margin:0 0 12px!important;
  color:#66758a!important;
  line-height:1.7!important;
}
body.hyu-page-products .hy-die-card ul{
  display:grid!important;
  gap:7px!important;
  margin:0 0 18px!important;
  padding:0!important;
  list-style:none!important;
  color:#47596d!important;
  font-size:15px!important;
}
body.hyu-page-products .hy-die-card li{
  position:relative!important;
  padding-left:18px!important;
}
body.hyu-page-products .hy-die-card li:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#1b9564!important;
  font-weight:900!important;
}
body.hyu-page-products .hy-die-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:auto!important;
}
body.hyu-page-products .hy-die-actions a,
body.hyu-page-products .hy-die-actions button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 13px!important;
  border-radius:11px!important;
  font:700 13px/1.35 "Be Vietnam Pro",Arial,sans-serif!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.hyu-page-products .hy-die-actions a{
  border:1px solid #efb8bb!important;
  color:#a4181e!important;
  background:#fff7f7!important;
}
body.hyu-page-products .hy-die-actions button{
  border:1px solid #d71920!important;
  color:#fff!important;
  background:#d71920!important;
}
body.hyu-page-products .hy-die-quote{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-top:24px!important;
  padding:22px 24px!important;
  border:1px solid #d9e3eb!important;
  border-radius:17px!important;
  background:#edf4f8!important;
}
body.hyu-page-products .hy-die-quote b,
body.hyu-page-products .hy-die-quote span{
  display:block!important;
}
body.hyu-page-products .hy-die-quote b{
  color:#17324d!important;
  font-size:20px!important;
}
body.hyu-page-products .hy-die-quote span{
  margin-top:3px!important;
  color:#65758a!important;
}
body.hyu-page-products .hy-die-quote button{
  flex:0 0 auto!important;
  min-height:46px!important;
  padding:11px 17px!important;
  border:0!important;
  border-radius:11px!important;
  color:#fff!important;
  background:#d71920!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.hyu-page-library .hy-die-knowledge-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
  gap:34px!important;
  scroll-margin-top:120px!important;
  margin:0 0 40px!important;
  padding:34px!important;
  overflow:hidden!important;
  border:1px solid #dce6ee!important;
  border-radius:28px!important;
  background:linear-gradient(130deg,#fff 0%,#f7fafc 58%,#fff1f1 100%)!important;
  box-shadow:0 18px 54px rgba(23,50,77,.08)!important;
}
body.hyu-page-library .hy-die-knowledge-copy h2{
  margin:9px 0 12px!important;
  color:#17324d!important;
  font-size:clamp(27px,3.2vw,40px)!important;
  line-height:1.2!important;
  letter-spacing:-.8px!important;
}
body.hyu-page-library .hy-die-knowledge-copy > p{
  margin:0!important;
  color:#617188!important;
  line-height:1.8!important;
}
body.hyu-page-library .hy-die-zone-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:22px!important;
}
body.hyu-page-library .hy-die-zone-list > div{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px!important;
  border:1px solid #e0e8ef!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.82)!important;
}
body.hyu-page-library .hy-die-zone-list b{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#17324d!important;
  color:#fff!important;
  font-size:14px!important;
}
body.hyu-page-library .hy-die-zone-list span,
body.hyu-page-library .hy-die-zone-list strong{
  display:block!important;
}
body.hyu-page-library .hy-die-zone-list span{
  color:#6a7788!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.hyu-page-library .hy-die-zone-list strong{
  margin-bottom:2px!important;
  color:#17324d!important;
  font-size:15px!important;
}
body.hyu-page-library .hy-die-intro-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:22px!important;
}
body.hyu-page-library .hy-die-intro-actions .btn-white{
  border:1px solid #dbe4eb!important;
  background:#fff!important;
}
body.hyu-page-library .hy-die-knowledge-media{
  position:relative!important;
  min-height:430px!important;
  overflow:hidden!important;
  border:1px solid #e0e7ed!important;
  border-radius:22px!important;
  background:#fff!important;
}
body.hyu-page-library .hy-die-knowledge-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  padding:20px!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
}
body.hyu-page-library .hy-die-knowledge-media > div{
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  left:16px!important;
  padding:15px 17px!important;
  border-left:4px solid #d71920!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 30px rgba(23,50,77,.14)!important;
}
body.hyu-page-library .hy-die-knowledge-media b,
body.hyu-page-library .hy-die-knowledge-media span{
  display:block!important;
}
body.hyu-page-library .hy-die-knowledge-media b{
  color:#17324d!important;
}
body.hyu-page-library .hy-die-knowledge-media span{
  margin-top:2px!important;
  color:#66758a!important;
  font-size:14px!important;
  line-height:1.55!important;
}
@media(max-width:1180px){
  body.hyu-page-products .hy-die-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.hyu-page-library .hy-die-knowledge-intro{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-library .hy-die-knowledge-media,
  body.hyu-page-library .hy-die-knowledge-media img{
    min-height:360px!important;
  }
}
@media(max-width:720px){
  body.hyu-page-products .hy-die-section{
    margin-top:26px!important;
    padding:20px 14px!important;
    border-radius:20px!important;
  }
  body.hyu-page-products .hy-die-section-head{
    display:block!important;
  }
  body.hyu-page-products .hy-die-library-link{
    display:inline-flex!important;
    margin-top:16px!important;
  }
  body.hyu-page-products .hy-die-grid{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-products .hy-die-media{
    height:215px!important;
  }
  body.hyu-page-products .hy-die-media:after{
    top:10px!important;
    right:10px!important;
    width:102px!important;
    height:42px!important;
    background-size:86px auto!important;
  }
  body.hyu-page-products .hy-die-body{
    min-height:0!important;
  }
  body.hyu-page-products .hy-die-quote{
    display:block!important;
    padding:19px!important;
  }
  body.hyu-page-products .hy-die-quote button{
    width:100%!important;
    margin-top:14px!important;
  }
  body.hyu-page-library .hy-die-knowledge-intro{
    gap:22px!important;
    margin-bottom:28px!important;
    padding:22px 16px!important;
    border-radius:20px!important;
  }
  body.hyu-page-library .hy-die-zone-list{
    grid-template-columns:1fr!important;
  }
  body.hyu-page-library .hy-die-intro-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.hyu-page-library .hy-die-intro-actions > *{
    width:100%!important;
  }
  body.hyu-page-library .hy-die-knowledge-media,
  body.hyu-page-library .hy-die-knowledge-media img{
    min-height:290px!important;
  }
  body.hyu-page-library .hy-die-knowledge-media img{
    padding:12px!important;
  }
}