.product-page{max-width:1240px;margin:auto;padding:36px 60px 80px}.breadcrumb{display:flex;gap:10px;color:#888;font-size:12px;margin-bottom:28px}.breadcrumb a{color:#c5a66d}.product-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:64px;align-items:start}.product-hero figure{margin:0;background:#161513;border:1px solid #302d28;min-height:620px;display:grid;place-items:center;overflow:hidden}.product-hero figure img{width:100%;height:620px;object-fit:cover}.product-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 14px}.product-status{color:#d2b57e;font-size:13px}.product-facts{margin:30px 0;border-top:1px solid #39352e}.product-facts div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #39352e}.product-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8f8a80}.product-facts dd{margin:0;color:#e1dcd2;line-height:1.55}.product-request{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-request>strong{font-size:28px}.request-note{font-size:12px;color:#99928a}.related-formats{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;padding:80px 0;border-top:1px solid #39352e;margin-top:80px}.related-formats h2,.product-contact h2{font-size:36px;letter-spacing:-.04em}.format-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.format-cards article,.format-cards a{border:1px solid #39352e;background:#171614;padding:28px;text-decoration:none}.format-cards h3{font-size:24px;margin:0 0 15px}.format-cards p{color:#d8d1c6;line-height:1.6}.format-cards small{display:block;color:#8f8a80;line-height:1.6}.format-cards em{display:block;color:#d2b57e;font-style:normal;margin-top:20px}.product-contact{max-width:760px;padding-top:20px}.product-contact p{color:#a9a39a;line-height:1.7}.product-contact a{color:#d2b57e}

.kit-explorer{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(520px,1fr);gap:64px;align-items:start;padding:90px 0;border-top:1px solid #39352e;margin-top:80px}.kit-explorer-copy{position:sticky;top:110px}.kit-explorer-copy h2{font-size:46px;letter-spacing:-.05em;margin:8px 0 18px}.kit-explorer-copy>p:not(.eyebrow){color:#aaa399;line-height:1.75}.kit-explorer-copy .kit-toggle{width:100%;margin:20px 0 12px}.kit-explorer-copy>small{display:block;color:#817b73;font-size:11px;line-height:1.5}.kit-stage{position:relative;aspect-ratio:3/4;perspective:1600px;border:1px solid #624b32;background:#e9ddc9;box-shadow:0 34px 90px #0008;overflow:hidden}.kit-interior{position:absolute;inset:0;overflow:hidden;filter:saturate(.72) blur(2px);transform:scale(.975);transition:filter .6s ease .2s,transform .8s ease .15s}.kit-stage.is-open .kit-interior{filter:none;transform:none}.kit-flatlay{position:absolute;inset:0;overflow:hidden}.kit-flatlay img{position:absolute;top:0;height:100%;width:200%;max-width:none;object-fit:fill}.is-tears .kit-flatlay img{left:0}.is-n80 .kit-flatlay img{left:-100%}.kit-lid{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:0;background:linear-gradient(140deg,#7c213b,#45101f 60%,#26090f);color:#f4e8d7;box-shadow:inset 0 0 0 2px #caa86d,inset 0 0 0 14px #ffffff08,0 20px 70px #000b;transform-origin:top center;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .35s ease .45s;cursor:pointer}.kit-lid:before,.kit-lid:after{content:"";position:absolute;inset:24px;border:1px solid #e3c48066;pointer-events:none}.kit-lid:after{inset:34px;border-color:#16080b66}.kit-lid img{width:122px;height:122px;object-fit:contain;margin-bottom:20px}.kit-lid span{font-size:16px;letter-spacing:.2em}.kit-lid strong{font-family:Georgia,serif;font-size:42px;letter-spacing:.05em;margin:10px 0}.kit-lid small{color:#d9c7ad;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.kit-stage.is-open .kit-lid{transform:rotateX(82deg) translateY(-38%);opacity:0;pointer-events:none}.kit-hotspot{position:absolute;z-index:4;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#2b1117;cursor:pointer}.kit-marker{display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff4dc;border-radius:50%;background:#79263d;color:#fff;font-size:21px;line-height:1;box-shadow:0 5px 18px #3c182780;transition:transform .18s ease,background .18s ease}.kit-hotspot:hover .kit-marker,.kit-hotspot:focus-visible .kit-marker,.kit-hotspot[aria-expanded="true"] .kit-marker{transform:scale(1.13);background:#c39a54}.kit-hotspot:focus-visible{outline:2px solid #251018;outline-offset:3px}.kit-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:9;width:220px;padding:13px 14px;transform:translate(var(--tooltip-x,-50%),7px);border:1px solid #9d7844;background:#1b1514;color:#f4eadb;text-align:left;box-shadow:0 14px 34px #0008;opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease}.kit-tooltip strong,.kit-tooltip small{display:block}.kit-tooltip strong{font-size:13px}.kit-tooltip small{margin-top:5px;color:#bdb4a8;font-size:11px;line-height:1.5}.kit-hotspot:hover .kit-tooltip,.kit-hotspot:focus-visible .kit-tooltip,.kit-hotspot[aria-expanded="true"] .kit-tooltip{opacity:1;visibility:visible;transform:translate(var(--tooltip-x,-50%),0)}.hotspot-vial{left:10%;top:21%}.hotspot-case{left:24%;top:31%}.hotspot-bac{left:38%;top:22%}.hotspot-syringes{left:68%;top:31%}.hotspot-pads{left:20%;top:56%}.hotspot-dose{left:53%;top:57%}.hotspot-journal{left:84%;top:56%}.hotspot-special{left:24%;top:83%}.hotspot-guide{left:69%;top:85%}

@media(max-width:900px){.product-page{padding:24px 22px 60px}.product-hero{grid-template-columns:1fr;gap:30px}.product-hero figure,.product-hero figure img{min-height:0;height:auto;aspect-ratio:1/1}.product-hero h1{font-size:42px}.product-facts div{grid-template-columns:110px 1fr}.kit-explorer{grid-template-columns:1fr;gap:30px;padding:60px 0;margin-top:55px}.kit-explorer-copy{position:static}.kit-stage{width:min(100%,640px);margin:auto}.related-formats{grid-template-columns:1fr;gap:25px;padding:55px 0;margin-top:55px}.format-cards{grid-template-columns:1fr}.product-request{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.kit-explorer-copy h2{font-size:38px}.kit-lid img{width:90px;height:90px}.kit-lid strong{font-size:32px}.kit-tooltip{position:fixed;left:18px;right:18px;bottom:22px;width:auto;transform:translateY(8px)}.kit-hotspot:hover .kit-tooltip,.kit-hotspot:focus-visible .kit-tooltip,.kit-hotspot[aria-expanded="true"] .kit-tooltip{transform:none}.kit-hotspot{width:30px;height:30px}.kit-marker{width:30px;height:30px;font-size:18px}}
.kit-hotspot[aria-expanded="true"],.kit-hotspot:hover,.kit-hotspot:focus-visible{z-index:20}.kit-flatlay:after{content:"LEONEX";position:absolute;top:0;left:0;right:0;height:8%;display:flex;align-items:center;justify-content:center;background:#f7f0e7;color:#641426;font:700 clamp(18px,3vw,30px)/1 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}
.kit-open-control{position:absolute;width:1px;height:1px;margin:0;opacity:.01}.kit-open-control:checked~.kit-stage .kit-interior{filter:none;transform:none}.kit-open-control:checked~.kit-stage .kit-lid{transform:rotateX(82deg) translateY(-38%);opacity:0;pointer-events:none}.kit-open-control:not(:checked)~.kit-stage .kit-hotspot{visibility:hidden}.kit-open-control:checked~.kit-explorer-copy .when-closed,.kit-open-control:not(:checked)~.kit-explorer-copy .when-open{display:none}.kit-open-control:focus-visible~.kit-explorer-copy .kit-toggle,.kit-open-control:focus-visible~.kit-stage .kit-lid{outline:2px solid #d2ae70;outline-offset:4px}.kit-toggle,.kit-lid{cursor:pointer}.kit-marker{list-style:none}.kit-marker::-webkit-details-marker{display:none}.kit-hotspot[open],.kit-hotspot:hover,.kit-hotspot:focus-within{z-index:20}.kit-hotspot[open] .kit-marker,.kit-hotspot:focus-within .kit-marker{transform:scale(1.13);background:#c39a54}.kit-hotspot[open] .kit-tooltip,.kit-hotspot:focus-within .kit-tooltip{opacity:1;visibility:visible;transform:translate(var(--tooltip-x,-50%),0)}

/* Keep descriptions inside the box at its left and right edges. */
@media (min-width:541px) {
  .hotspot-vial .kit-tooltip { left:0; --tooltip-x:0px; }
  .hotspot-journal .kit-tooltip { left:auto; right:0; --tooltip-x:0px; }
}
@media (max-width:540px) {
  .kit-tooltip { --tooltip-x:0px; }
}
