/* A balanced, responsive composition for the existing branded vial family. */
#alhHomeView .alh-right{gap:18px;padding:34px 32px 40px}
#alhHomeView .alh-card{aspect-ratio:1.12;max-width:600px}
#alhHomeView .alh-card::before{inset:12% 6% 5%;background:radial-gradient(ellipse at 28% 60%,#cfc0f36b,transparent 65%),radial-gradient(ellipse at 67% 25%,#9ed4ed66,transparent 63%),radial-gradient(ellipse at 75% 70%,#eaa3bf52,transparent 60%);filter:blur(22px);opacity:.8}
#alhHomeView .alh-card::after{inset:12% 9% 9%;border-color:#ffffffb8;transform:rotate(-12deg)}
#alhHomeView .alh-stage{position:absolute;inset:0;width:100%;height:100%;transform:none}
#alhHomeView .alh-vial-wrap{aspect-ratio:1;animation-name:alh-showcase-float}
#alhHomeView .alh-vial-wrap.bpc{width:63%;left:-3%;top:17%;z-index:3}
#alhHomeView .alh-vial-wrap.ghk{width:49%;left:28%;top:0;z-index:1}
#alhHomeView .alh-vial-wrap.nad{width:54%;left:48%;top:26%;z-index:2}
#alhHomeView .alh-vial-wrap,#alhHomeView .alh-vial{pointer-events:none}
/* Only the bottle area receives the pointer; transparent image margins pass through. */
#alhHomeView .alh-vial::after{content:"";position:absolute;inset:3% 25% 3%;pointer-events:auto;cursor:pointer}
#alhHomeView .alh-vial-wrap:has(.alh-vial:is(:hover,:focus-visible)){z-index:5}
#alhHomeView .alh-vial{filter:drop-shadow(0 14px 12px #42274a26)}
#alhHomeView .alh-vial img{width:100%;height:auto;max-width:100%;margin:0}
#alhHomeView .alh-vial.bpc{transform:rotate(-5deg)}
#alhHomeView .alh-vial.ghk{transform:rotate(2deg)}
#alhHomeView .alh-vial.nad{transform:rotate(6deg)}
#alhHomeView .alh-card:has(.alh-vial:hover) .alh-vial:not(:hover){opacity:1;filter:drop-shadow(0 14px 12px #42274a26)}
#alhHomeView .alh-vial:is(:hover,:focus-visible){transform:translateY(-7px) rotate(0);filter:drop-shadow(0 19px 14px #42274a30)}
#alhHomeView .alh-vial:focus-visible{outline:2px solid #785588;outline-offset:3px;border-radius:18px}
#alhHomeView .alh-vial:is(:hover,:focus-visible) .alh-chip{opacity:1;transform:translate(-50%,0)}
#alhHomeView .alh-chip{bottom:2%;font-size:8px}
#alhHomeView .alh-speclabel,#alhHomeView .alh-hint{display:none}
#alhHomeView .alh-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:550px;padding:14px 8px;background:#ffffff75;border:1px solid #79568b1a;border-radius:18px;box-shadow:0 10px 24px -20px #42274a45}
#alhHomeView .alh-float-badge:nth-child(n){display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;white-space:normal;text-align:center;font-size:11px;line-height:1.5;color:#4c3556}
#alhHomeView .alh-float-badge+.alh-float-badge{border-left:1px solid #79568b1a}
#alhHomeView .alh-float-badge .ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9ddf3;color:#6e4a85;font-size:13px}
#alhHomeView .alh-float-badge:nth-child(2) .ic{background:#fbe5d9;color:#b85d3c}
#alhHomeView .alh-float-badge:nth-child(3) .ic{background:#dceef6;color:#39708a}
@keyframes alh-showcase-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:860px){#alhHomeView .alh-right{padding:8px 20px 32px}#alhHomeView .alh-card{aspect-ratio:1.18;padding:0;max-width:520px}#alhHomeView .alh-badges{max-width:500px}}
@media(max-width:420px){#alhHomeView .alh-right{gap:12px;padding-inline:12px}#alhHomeView .alh-float-badge:nth-child(n){font-size:10px;padding-inline:5px}#alhHomeView .alh-badges{padding:12px 5px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){#alhHomeView .alh-vial-wrap{animation:none}#alhHomeView .alh-vial{transition:none}}