#ligled-product-stage{container-type:inline-size;background:#f4f2ec;color:#18313f;padding:76px 0 62px;font-family:Arial,Helvetica,sans-serif;scroll-margin-top:95px}
#ligled-product-stage *{box-sizing:border-box}
#ligled-product-stage [hidden]{display:none!important}
#ligled-product-stage .lpr-shell{width:90%;max-width:1380px;margin:0 auto}
#ligled-product-stage .lpr-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}
#ligled-product-stage .lpr-eyebrow{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;color:#65746e;margin:0 0 15px}
#ligled-product-stage h2{font-size:clamp(34px,3.8cqw,50px);font-weight:400;line-height:1.12;letter-spacing:-1.3px;max-width:650px;margin:0;text-wrap:balance}
#ligled-product-stage a{color:inherit;text-decoration:none}
#ligled-product-stage .lpr-all{display:inline-flex;align-items:center;gap:24px;white-space:nowrap;font-size:13px;padding:10px 0;border-bottom:1px solid #95a39b}
#ligled-product-stage .lpr-all>span{font-size:20px}
#ligled-product-stage .lpr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/2.2);gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:none;-ms-overflow-style:none;counter-reset:lpr-product;padding:6px 0 22px;margin:0;align-items:stretch}
#ligled-product-stage .lpr-rail::-webkit-scrollbar{display:none;width:0;height:0}
#ligled-product-stage .lpr-rail::-webkit-scrollbar-track{background:#e4e8e1}
#ligled-product-stage .lpr-rail::-webkit-scrollbar-thumb{background:#a3aea6}
#ligled-product-stage .lpr-item{min-width:0;scroll-snap-align:start;margin:0;counter-increment:lpr-product}
#ligled-product-stage .lpr-product{display:flex;flex-direction:column;height:100%;position:relative}
#ligled-product-stage .lpr-media{position:relative;background:#fff;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:34px}
#ligled-product-stage .lpr-media img{display:block;max-width:100%;width:100%;height:100%;max-height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.16,1,.3,1)}
#ligled-product-stage .lpr-image-empty{font-size:13px;line-height:1.6;color:#6a777b;text-align:center}
#ligled-product-stage .lpr-open{position:absolute;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#24404c;background:#f0f2eb;transition:background .3s,color .3s,transform .3s}
#ligled-product-stage .lpr-info{display:flex;flex-direction:column;flex:1;padding:27px 0 0}
#ligled-product-stage .lpr-category{font-size:11px;font-weight:500;line-height:1.6;text-transform:uppercase;letter-spacing:1.2px;color:#6a7a72;margin:0 0 9px;overflow-wrap:anywhere}
#ligled-product-stage h3{font-size:clamp(25px,2.5cqw,34px);font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:0 0 10px;overflow-wrap:anywhere}
#ligled-product-stage .lpr-series{font-size:12px;line-height:1.65;color:#627078;margin:0 0 15px;overflow-wrap:anywhere}
#ligled-product-stage .lpr-detail{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #c6d0c9;padding:15px 0 13px;font-size:12px;margin-top:auto;color:#3c555d}
#ligled-product-stage .lpr-detail>span{font-size:20px;transition:transform .3s}
#ligled-product-stage .lpr-product:focus-visible .lpr-media img{transform:translateY(-7px) scale(1.035)}
#ligled-product-stage .lpr-product:focus-visible .lpr-open{background:#183947;color:#fff}
#ligled-product-stage .lpr-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding-top:17px}
#ligled-product-stage .lpr-bottom>p{font-size:12px;line-height:1.6;color:#62736c;margin:0}
#ligled-product-stage .lpr-navigation{display:flex;gap:9px}
#ligled-product-stage .lpr-navigation button{display:grid;place-items:center;width:50px;height:50px;border:1px solid #aab9b0;border-radius:50%;background:transparent;color:#193845;padding:0;font:inherit;font-size:22px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
#ligled-product-stage .lpr-navigation button:hover:not(:disabled){background:#193845;color:#fff}
#ligled-product-stage .lpr-navigation button:disabled{opacity:.3;cursor:default}
#ligled-product-stage a:focus-visible,#ligled-product-stage button:focus-visible,#ligled-product-stage .lpr-rail:focus-visible{outline:2px solid #ac783f;outline-offset:-2px}
@media(hover:hover) and (pointer:fine){#ligled-product-stage .lpr-product:hover .lpr-media img{transform:translateY(-7px) scale(1.035)}#ligled-product-stage .lpr-product:hover .lpr-open{background:#183947;color:#fff;transform:rotate(5deg)}#ligled-product-stage .lpr-product:hover .lpr-detail>span{transform:translateX(4px)}}
@container(max-width:980px){#ligled-product-stage .lpr-rail{grid-auto-columns:calc((100% - 44px)/2.15);gap:22px}#ligled-product-stage .lpr-heading{align-items:start;gap:25px}#ligled-product-stage h2{font-size:35px}}
@container(max-width:650px){#ligled-product-stage .lpr-shell{width:90%}#ligled-product-stage .lpr-heading{flex-direction:column;gap:17px;margin-bottom:25px}#ligled-product-stage h2{font-size:32px;max-width:360px}#ligled-product-stage .lpr-rail{grid-auto-columns:83%;gap:18px}#ligled-product-stage .lpr-info{padding-top:19px}#ligled-product-stage h3{font-size:23px}#ligled-product-stage .lpr-media{aspect-ratio:1.12;padding:24px}#ligled-product-stage .lpr-bottom>p{max-width:180px}}
@media(max-width:650px){#ligled-product-stage{padding:50px 0 38px}}
@media(prefers-reduced-motion:reduce){#ligled-product-stage *{transition:none!important;scroll-behavior:auto!important}#ligled-product-stage .lpr-product .lpr-media img{transform:none!important}}

/* Quiet editorial numbering and a fine light accent, with no extra markup. */
#ligled-product-stage .lpr-media:before{content:counter(lpr-product,decimal-leading-zero);position:absolute;top:18px;left:20px;z-index:1;font-size:11px;font-weight:400;letter-spacing:1.5px;color:#7b8989;font-variant-numeric:tabular-nums}
#ligled-product-stage .lpr-media:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#536c73,#d8b27c 55%,#f6d8a5);transform:scaleX(.07);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}
#ligled-product-stage .lpr-product:focus-visible .lpr-media:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){#ligled-product-stage .lpr-product:hover .lpr-media:after{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){#ligled-product-stage .lpr-media:after{transition:none}}

/* Deep-blue collection: continue into the capabilities section below. */
#ligled-product-stage{background:#102433;color:#f3f1e9}
#ligled-product-stage .lpr-eyebrow{color:#cdb58f}
#ligled-product-stage h2,#ligled-product-stage h3{color:#f3f1e9}
#ligled-product-stage .lpr-all{color:#e1e9ec;border-color:#8aa2ae80}
#ligled-product-stage .lpr-category{color:#b5c8d2}
#ligled-product-stage .lpr-series{color:#b9c9d2}
#ligled-product-stage .lpr-detail{color:#d8e4e9;border-color:#8aa2ae55}
#ligled-product-stage .lpr-bottom>p{color:#b7c9d3}
#ligled-product-stage .lpr-navigation button{color:#ecdbc1;border-color:#7992a180}
#ligled-product-stage .lpr-navigation button:hover:not(:disabled){background:#e6c28d;color:#152936}
#ligled-product-stage .lpr-navigation button:disabled{opacity:.35}
#ligled-product-stage .lpr-media{background:#fff}
#ligled-product-stage .lpr-media:after{background:linear-gradient(90deg,#6f9dae,#e6bf89 55%,#ffe6bd)}
#ligled-product-stage a:focus-visible,#ligled-product-stage button:focus-visible,#ligled-product-stage .lpr-rail:focus-visible{outline-color:#edc994}

/* Three visible products; advance by one card. */
#ligled-product-stage .lpr-rail{grid-auto-columns:calc((100% - 48px)/3);gap:24px}
#ligled-product-stage .lpr-media{aspect-ratio:1.2;padding:25px}
#ligled-product-stage h3{font-size:clamp(21px,2cqw,28px)}
#ligled-product-stage .lpr-media[data-number]:before{content:attr(data-number)}
#ligled-product-stage .lpr-navigation .lpr-pause{width:auto;min-width:64px;padding:0 12px;font-size:12px;border-radius:25px}
@container(max-width:760px){#ligled-product-stage .lpr-rail{grid-auto-columns:calc((100% - 20px)/2);gap:20px}}
@container(max-width:480px){#ligled-product-stage .lpr-rail{grid-auto-columns:100%;gap:18px}#ligled-product-stage .lpr-bottom{flex-wrap:wrap}#ligled-product-stage .lpr-media{aspect-ratio:1.25}}

/* Landscape product frames, compact vertical rhythm. */
#ligled-product-stage .lpr-media{aspect-ratio:1.85;padding:18px 26px}
#ligled-product-stage .lpr-media img{min-height:0;min-width:0}
#ligled-product-stage .lpr-info{padding-top:20px}
#ligled-product-stage .lpr-pause{display:none!important}
#ligled-product-stage{padding-top:62px;padding-bottom:40px}
@container(max-width:480px){#ligled-product-stage .lpr-media{aspect-ratio:1.75;padding:18px 22px}}

/* Portrait collection cards, matching the supplied product-card reference. */
#ligled-product-stage .lpr-rail{grid-auto-columns:calc((100% - 32px)/3);gap:16px;align-items:stretch}
#ligled-product-stage .lpr-media{aspect-ratio:4/5;background:#f4f4f4;border-radius:8px;padding:34px 26px;isolation:isolate}
#ligled-product-stage .lpr-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#ligled-product-stage .lpr-media:before{top:20px;left:22px;font-size:18px;letter-spacing:-.5px;color:#31414a}
#ligled-product-stage .lpr-media:after{left:18px;right:18px;bottom:0}
#ligled-product-stage .lpr-open{display:none}
#ligled-product-stage .lpr-info{position:relative;padding:22px 12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:15px;align-content:start}
#ligled-product-stage .lpr-category{grid-column:1/-1;font-size:10px;margin-bottom:8px}
#ligled-product-stage h3{grid-column:1/-1;font-size:clamp(20px,1.8cqw,26px);line-height:1.2;margin-bottom:10px}
#ligled-product-stage .lpr-series{grid-column:1;grid-row:3;align-self:start;font-size:12px;margin:0;padding-bottom:8px}
#ligled-product-stage .lpr-detail{grid-column:2;grid-row:3;align-self:end;margin:0;padding:9px 13px;border:1px solid #7a909b70;border-radius:24px;gap:10px;font-size:11px;white-space:nowrap;background:#e5c492;color:#18313f}
#ligled-product-stage .lpr-detail>span{font-size:15px}
#ligled-product-stage .lpr-bottom{padding-top:23px}
@container(max-width:760px){#ligled-product-stage .lpr-rail{grid-auto-columns:calc((100% - 16px)/2);gap:16px}#ligled-product-stage .lpr-media{aspect-ratio:4/5;padding:30px 20px}#ligled-product-stage h3{font-size:21px}#ligled-product-stage .lpr-info{padding-left:5px;padding-right:5px;column-gap:8px}#ligled-product-stage .lpr-detail{padding:8px 10px}}
@container(max-width:480px){#ligled-product-stage .lpr-rail{grid-auto-columns:100%;gap:16px}#ligled-product-stage .lpr-media{aspect-ratio:4/5;padding:34px 25px}}
