/* HealthyLife customer engagement layer — 2026-09-26 */
.hl-live-search-anchor{position:relative!important}
.hl-live-search{position:absolute;left:-1px;right:-1px;top:calc(100% + 10px);z-index:1600;padding:8px;border:1px solid #dce7f0;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(17,45,76,.18);overflow:hidden}
.hl-live-search[hidden]{display:none!important}
.hl-live-search-label{padding:7px 10px 8px;color:#7890a5;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hl-live-search-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;color:#163653;text-decoration:none;transition:background .16s ease,transform .16s ease}
.hl-live-search-item:hover{background:#f3f8fd;transform:translateX(2px)}
.hl-live-search-item img{width:46px;height:46px;border-radius:10px;object-fit:contain;background:#f8fbfd}
.hl-live-search-item span{min-width:0;display:grid;gap:2px}.hl-live-search-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.hl-live-search-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8ea0;font-size:11px}.hl-live-search-item b{white-space:nowrap;color:#0759a6;font-size:12px}

.hl-engage-home-sections{width:min(1280px,calc(100vw - 32px));max-width:calc(100vw - 32px);min-width:0;margin:0 auto 54px;display:grid;gap:38px}
.hl-engage-section{width:min(1280px,calc(100vw - 32px));max-width:calc(100vw - 32px);min-width:0;margin:42px auto 0}
.hl-engage-home-sections .hl-engage-section{width:100%;margin:0}
.hl-engage-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}.hl-engage-section-head h2{margin:0;color:#15365d;font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.025em}.hl-engage-section-head p{margin:7px 0 0;color:#74889a;font-size:14px}
.hl-engage-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hl-engage-control{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #cbdce8;border-radius:50%;background:#fff;color:#155b91;box-shadow:0 5px 16px rgba(19,52,82,.1);font:700 30px/1 system-ui,sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease}.hl-engage-control:hover:not(:disabled){transform:translateY(-1px);border-color:#7db0d1;background:#eef7fc}.hl-engage-control:disabled{cursor:default;opacity:.38;box-shadow:none}.hl-engage-controls{visibility:hidden}.hl-engage-section.has-carousel-overflow .hl-engage-controls{visibility:visible}
.hl-engage-rail-shell{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden}
.hl-engage-row{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.hl-engage-track{display:flex;width:max-content;min-width:100%;max-width:none;gap:14px;transform:none!important}
.hl-engage-row.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.hl-engage-row.is-dragging *{cursor:grabbing!important}
.hl-engage-row a,.hl-engage-row button{user-select:none;-webkit-user-select:none}
.hl-engage-row img{-webkit-user-drag:none;user-drag:none}
.hl-engage-row::-webkit-scrollbar{display:none;width:0;height:0}.hl-engage-scrollbar{display:none;position:relative;width:100%;height:10px;margin-top:7px;border-radius:999px;background:#e6eef4;cursor:pointer}.hl-engage-scrollbar.is-active{display:block}.hl-engage-scrollbar-thumb{position:absolute;left:0;top:1px;height:8px;min-width:58px;border-radius:999px;background:#78a9ca;transform:translate3d(0,0,0);will-change:transform}.hl-engage-scrollbar-thumb:hover,.hl-engage-scrollbar-thumb.is-dragging{background:#397ba8;cursor:grab}.hl-engage-scrollbar-thumb.is-dragging{cursor:grabbing}
.hl-engage-card{flex:0 0 270px;width:270px;min-width:270px;max-width:270px;scroll-snap-align:start;overflow:hidden;border:1px solid #dfe8ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(19,52,82,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hl-engage-card:hover{transform:translateY(-4px);border-color:#c8dcec;box-shadow:0 20px 42px rgba(19,52,82,.13)}
.hl-engage-card-media{position:relative;height:190px;padding:13px;background:linear-gradient(180deg,#f8fbfd,#f3f7fa)}.hl-engage-card-media>a{display:block;width:100%;height:100%}.hl-engage-card-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.hl-engage-card:hover .hl-engage-card-media img{transform:scale(1.035)}
.hl-engage-card-media>.hl-engage-main-favorite{right:11px;top:11px}
.hl-engage-stock{position:absolute;left:11px;top:11px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 6px 16px rgba(19,52,82,.08)}.hl-engage-stock.is-in{background:#e9f8ef;color:#257a46}.hl-engage-stock.is-out{background:#f1f4f6;color:#778691}
.hl-engage-card-body{display:grid;gap:8px;padding:14px}.hl-engage-card-brand{min-height:15px;color:#8293a2;font-size:11px;font-weight:750}.hl-engage-card-name{min-height:42px;color:#183c5e;text-decoration:none;font-size:15px;font-weight:900;line-height:1.35}.hl-engage-card-meta{display:flex;gap:5px;align-items:center;color:#6d8296;font-size:11px}.hl-engage-card-meta span:first-child{color:#e6a21a;font-weight:850}.hl-engage-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.hl-engage-card-bottom>strong{color:#123f68;font-size:17px;white-space:nowrap}.hl-engage-view{display:inline-flex;align-items:center;gap:5px;color:#0867b8;text-decoration:none;font-size:12px;font-weight:900}.hl-engage-view:hover{text-decoration:underline}.hl-engage-empty{flex:0 0 100%;width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;padding:20px;border:1px dashed #cad9e5;border-radius:16px;background:#f8fbfd;color:#73889a;font-size:13px;text-align:center}

.hl-detail-body .hl-buy-row{flex-wrap:wrap}.hl-detail-body .hl-engage-section{margin-top:34px;margin-bottom:34px}
.hl-engage-buybar{display:none}

@media(max-width:760px){
  .hl-live-search{left:-7px;right:-7px;top:calc(100% + 8px);border-radius:14px}.hl-live-search-item{grid-template-columns:42px minmax(0,1fr);gap:8px}.hl-live-search-item img{width:42px;height:42px}.hl-live-search-item>b{grid-column:2;justify-self:start;margin-top:-6px;font-size:11px}.hl-engage-controls{display:none!important}
  .hl-engage-home-sections,.hl-engage-section{width:calc(100% - 20px);margin-left:auto;margin-right:auto;min-width:0}.hl-engage-home-sections{gap:29px;margin-bottom:36px}.hl-engage-section-head{align-items:flex-start;margin-bottom:12px}.hl-engage-section-head h2{font-size:24px}.hl-engage-section-head p{font-size:12px;line-height:1.45}.hl-engage-scrollbar{display:none!important}.hl-engage-row{display:block!important;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}
  .hl-engage-track{display:flex;width:max-content;max-width:none;gap:10px;transform:none!important;transition:none!important}.hl-engage-row::-webkit-scrollbar{display:none}.hl-engage-card{flex:0 0 min(78vw,310px);width:min(78vw,310px);min-width:min(78vw,310px);scroll-snap-align:start;scroll-snap-stop:always;border-radius:16px}.hl-engage-empty{flex:0 0 100%;width:100%}.hl-engage-card-media{height:170px}.hl-engage-card-body{padding:12px}.hl-engage-card-name{font-size:14px}.hl-engage-card-bottom>strong{font-size:15px}
  .hl-detail-body{padding-bottom:142px!important}.hl-detail-body .hl-buy-row{padding-bottom:8px}
  .hl-engage-buybar{position:fixed;left:8px;right:8px;bottom:72px;z-index:1185;display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,1.15fr);align-items:center;gap:8px;padding:8px;border:1px solid #d8e5ee;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 18px 45px rgba(19,50,80,.18);backdrop-filter:blur(16px)}.hl-engage-buybar>div{min-width:0;display:grid;gap:2px;padding-left:7px}.hl-engage-buybar small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71879a;font-size:10px}.hl-engage-buybar strong{color:#103d65;font-size:16px}.hl-engage-buybar button{min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#0759a6,#1588d2);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(7,89,166,.22)}.hl-engage-buybar button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
}

@media(prefers-reduced-motion:reduce){.hl-engage-card,.hl-engage-card-media img,.hl-live-search-item{transition:none!important}}