/* Sal Sabeel Lighting — Product Showcase v1.2 */
.ssl-products{--ssl-products-bg:#070707;--ssl-products-gold:#E6B33D;--ssl-products-orange:#DD8344;--ssl-products-text:#F7F4EC;--ssl-products-muted:#AAA59B;--ssl-products-glow:.7;--ssl-products-max:1460px;--ssl-products-pad:120px;position:relative;isolation:isolate;overflow:hidden;background:var(--ssl-products-bg);color:var(--ssl-products-text);padding:var(--ssl-products-pad) 30px;font-family:inherit;contain:paint}.ssl-products *,.ssl-products *::before,.ssl-products *::after{box-sizing:border-box}.ssl-products a{color:inherit;text-decoration:none}.ssl-products svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ssl-products__inner{width:min(100%,var(--ssl-products-max));margin:0 auto;position:relative;z-index:2}.ssl-products__ambient{position:absolute;inset:0;pointer-events:none;z-index:0}.ssl-products__ambient i{position:absolute;display:block;will-change:opacity,transform;animation-play-state:paused}.ssl-products__ambient i:first-child{width:66vw;height:66vw;right:-18vw;top:-30vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ssl-products-gold) 17%,transparent),color-mix(in srgb,var(--ssl-products-gold) 5%,transparent) 38%,transparent 70%);opacity:.08}.ssl-products__ambient i:last-child{width:48vw;height:48vw;left:-18vw;bottom:-30vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ssl-products-orange) 13%,transparent),transparent 68%);opacity:.05}.ssl-products[data-ambient="yes"].is-inview .ssl-products__ambient i:first-child{animation:sslProductsBreath 9s ease-in-out infinite;animation-play-state:running}.ssl-products[data-ambient="yes"].is-inview .ssl-products__ambient i:last-child{animation:sslProductsBreathAlt 11s ease-in-out infinite;animation-delay:-3s;animation-play-state:running}.ssl-products::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%,transparent 82%,rgba(230,179,61,.02));z-index:1}.ssl-products__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end;margin-bottom:56px}.ssl-products__head-copy{max-width:850px}.ssl-products__eyebrow{display:flex;align-items:center;gap:11px;color:color-mix(in srgb,var(--ssl-products-gold) 78%,white);font-size:11px;font-weight:760;letter-spacing:.18em;text-transform:uppercase}.ssl-products__eyebrow span{width:28px;height:1px;background:linear-gradient(90deg,var(--ssl-products-gold),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--ssl-products-gold) 35%,transparent)}.ssl-products__title{margin:18px 0 0;font-size:clamp(42px,5vw,78px);line-height:1.02;letter-spacing:-.045em;font-weight:630}.ssl-products__title span,.ssl-products__title em{display:block;font-style:normal}.ssl-products__title em{color:transparent;background:linear-gradient(100deg,#fff2c0,var(--ssl-products-gold) 45%,var(--ssl-products-orange));-webkit-background-clip:text;background-clip:text}.ssl-products__description{max-width:720px;margin:22px 0 0;color:var(--ssl-products-muted);font-size:17px;line-height:1.7}.ssl-products__all{min-height:50px;padding:0 18px 0 20px;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.035);font-size:13px;font-weight:690;transition:transform .3s ease,border-color .3s ease,background .3s ease;white-space:nowrap}.ssl-products__all svg{width:18px;height:18px;transition:transform .3s ease}.ssl-products__all:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ssl-products-gold) 34%,transparent);background:color-mix(in srgb,var(--ssl-products-gold) 5%,transparent)}.ssl-products__all:hover svg{transform:translateX(3px)}.ssl-products__all:focus-visible,.ssl-products__card:focus-visible{outline:2px solid var(--ssl-products-gold);outline-offset:3px}
.ssl-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ssl-products__card{position:relative;min-height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.014) 54%,rgba(0,0,0,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 55px rgba(0,0,0,.14);display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;background-color .35s ease;transform:translateZ(0)}.ssl-products__card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 23%,transparent 70%,color-mix(in srgb,var(--ssl-products-gold) 4%,transparent));opacity:.65}.ssl-products__card-light{position:absolute;width:160%;height:100%;left:-155%;top:-10%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,245,207,.06),color-mix(in srgb,var(--ssl-products-gold) 14%,transparent),rgba(255,255,255,.08),transparent);opacity:0;pointer-events:none;z-index:5;transition:left .75s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.ssl-products__card:hover{transform:translate3d(0,-7px,0);border-color:color-mix(in srgb,var(--ssl-products-gold) 25%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 26px 68px rgba(0,0,0,.26),0 0 0 1px color-mix(in srgb,var(--ssl-products-gold) 4%,transparent)}.ssl-products__card:hover .ssl-products__card-light{left:75%;opacity:1}.ssl-products__media{position:relative;height:190px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--ssl-products-gold) 8%,transparent),transparent 54%)}.ssl-products__media::after{content:"";position:absolute;width:58%;height:1px;bottom:34px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ssl-products-gold) 44%,transparent),transparent);box-shadow:0 0 14px color-mix(in srgb,var(--ssl-products-gold) 24%,transparent);opacity:.38;transition:opacity .35s ease,box-shadow .35s ease}.ssl-products__card:hover .ssl-products__media::after{opacity:.95;box-shadow:0 0 22px color-mix(in srgb,var(--ssl-products-gold) 48%,transparent)}.ssl-products__media img{width:82%;height:155px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.ssl-products__card:hover .ssl-products__media img{transform:scale(1.035) translateY(-2px)}.ssl-products__icon{position:relative;z-index:2;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;color:color-mix(in srgb,var(--ssl-products-gold) 80%,white);border:1px solid color-mix(in srgb,var(--ssl-products-gold) 17%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--ssl-products-gold) 8%,transparent),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 0 color-mix(in srgb,var(--ssl-products-gold) 0%,transparent);transition:transform .38s ease,box-shadow .38s ease,color .38s ease}.ssl-products__icon svg,.ssl-products__icon i{width:28px;height:28px;font-size:27px}.ssl-products__card:hover .ssl-products__icon{transform:translateY(-3px) scale(1.035);color:#fff4ca;box-shadow:0 0 32px color-mix(in srgb,var(--ssl-products-gold) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.07)}.ssl-products__lamp-lines{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ssl-products__lamp-lines i{position:absolute;width:112px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ssl-products-gold) 26%,transparent),transparent);opacity:.25;transition:opacity .35s ease,transform .45s ease}.ssl-products__lamp-lines i:nth-child(1){transform:rotate(0deg)}.ssl-products__lamp-lines i:nth-child(2){transform:rotate(60deg)}.ssl-products__lamp-lines i:nth-child(3){transform:rotate(-60deg)}.ssl-products__card:hover .ssl-products__lamp-lines i{opacity:.62}.ssl-products__card-body{position:relative;display:flex;flex-direction:column;flex:1;padding:20px 20px 18px}.ssl-products__card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ssl-products__number{color:rgba(255,255,255,.28);font-size:10px;font-weight:760;letter-spacing:.15em}.ssl-products__badge{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--ssl-products-gold) 7%,transparent);border:1px solid color-mix(in srgb,var(--ssl-products-gold) 13%,transparent);color:color-mix(in srgb,var(--ssl-products-gold) 70%,white);font-size:9px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.ssl-products__card-title{display:block;margin-top:22px;padding-right:38px;font-size:21px;line-height:1.16;letter-spacing:-.025em;font-weight:650}.ssl-products__card-body small{display:block;margin-top:8px;padding-right:32px;color:var(--ssl-products-muted);font-size:12px;line-height:1.45}.ssl-products__card-arrow{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.58);background:rgba(255,255,255,.025);transition:transform .35s ease,color .35s ease,border-color .35s ease,background .35s ease}.ssl-products__card-arrow svg{width:16px;height:16px}.ssl-products__card:hover .ssl-products__card-arrow{transform:translateX(2px);color:#fff4ca;border-color:color-mix(in srgb,var(--ssl-products-gold) 24%,transparent);background:color-mix(in srgb,var(--ssl-products-gold) 7%,transparent)}
.ssl-products[data-entrance="yes"] .ssl-products__reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}.ssl-products[data-entrance="yes"].is-visible .ssl-products__reveal{opacity:1;transform:translate3d(0,0,0)}
@keyframes sslProductsBreath{0%,14%{opacity:.05;transform:scale(.985)}42%{opacity:calc(var(--ssl-products-glow) * .34);transform:scale(1.02)}62%{opacity:.13;transform:scale(1)}82%{opacity:.04;transform:scale(.99)}100%{opacity:.08;transform:scale(1)}}@keyframes sslProductsBreathAlt{0%,20%{opacity:.025;transform:scale(.99)}48%{opacity:calc(var(--ssl-products-glow) * .22);transform:scale(1.025)}72%{opacity:.06;transform:scale(1)}100%{opacity:.035;transform:scale(.995)}}
@media(max-width:1180px){.ssl-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ssl-products__card{min-height:350px}}
@media(max-width:900px){.ssl-products{padding-left:22px;padding-right:22px}.ssl-products__head{grid-template-columns:1fr;gap:26px;margin-bottom:42px}.ssl-products__all{width:fit-content}.ssl-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssl-products__title{font-size:clamp(40px,8vw,64px)}}
@media(max-width:620px){.ssl-products{--ssl-products-pad:82px;padding-left:18px;padding-right:18px}.ssl-products__description{font-size:15px}.ssl-products__grid{grid-template-columns:1fr;gap:12px}.ssl-products__card{min-height:0;display:grid;grid-template-columns:128px 1fr;border-radius:17px}.ssl-products__media{height:156px;border-bottom:0;border-right:1px solid rgba(255,255,255,.06)}.ssl-products__media img{width:90%;height:126px}.ssl-products__icon{width:58px;height:58px;border-radius:17px}.ssl-products__card-body{min-height:156px;padding:17px 16px}.ssl-products__card-title{margin-top:17px;font-size:18px;padding-right:25px}.ssl-products__card-body small{font-size:11px}.ssl-products__card-arrow{right:13px;bottom:13px;width:30px;height:30px}.ssl-products__badge{font-size:8px;max-width:70%}.ssl-products__ambient i{display:none}.ssl-products__card:hover{transform:translate3d(0,-3px,0)}}
@media(max-width:390px){.ssl-products__card{grid-template-columns:108px 1fr}.ssl-products__media{height:148px}.ssl-products__card-body{min-height:148px;padding:15px 13px}.ssl-products__card-title{font-size:17px}.ssl-products__badge{display:none}}
@media(prefers-reduced-motion:reduce){.ssl-products *,.ssl-products *::before,.ssl-products *::after{animation:none!important;transition-duration:.001ms!important}.ssl-products[data-entrance="yes"] .ssl-products__reveal{opacity:1!important;transform:none!important}}
@supports not (color:color-mix(in srgb,#fff,#000)){.ssl-products__title em{background:linear-gradient(100deg,#fff2c0,#e6b33d 45%,#dd8344);-webkit-background-clip:text;background-clip:text}.ssl-products__badge{color:#f3d986;border-color:rgba(230,179,61,.14);background:rgba(230,179,61,.07)}}