.qsmart-led-demo{--lamp-colour:#ffe2b5;--thumb-x:0%;--thumb-y:-45%;margin:32px 0;padding:clamp(20px,4vw,38px);border-radius:26px;background:radial-gradient(ellipse at 25% 30%,#263951 0,#112334 65%);color:#f5f9ff;box-sizing:border-box;overflow:hidden}.qsmart-led-demo *{box-sizing:border-box}.qsmart-led-demo .ql-title{font-size:clamp(23px,3vw,30px);font-weight:700;color:#fff;margin:0 0 8px;line-height:1.25}.qsmart-led-demo .ql-intro{margin:0 0 24px;color:#d8e5f1;font-size:16px;line-height:1.6}.qsmart-led-demo .ql-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center}.qsmart-led-demo .ql-preview{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.qsmart-led-demo .ql-lamp-space{height:290px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.qsmart-led-demo .ql-lamp-space:before{content:'';position:absolute;width:260px;height:260px;max-width:100%;border-radius:50%;background:radial-gradient(ellipse,var(--lamp-colour) 0,transparent 68%);opacity:.34}.qsmart-led-demo .ql-glass{position:relative;width:132px;height:148px;border-radius:48% 48% 39% 39% / 39% 39% 60% 60%;background:radial-gradient(ellipse at 33% 24%,#fff 0,rgba(255,255,255,.86) 6%,transparent 48%),var(--lamp-colour);box-shadow:0 0 38px var(--lamp-colour),inset -12px -8px 22px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.8);z-index:1}.qsmart-led-demo .ql-neck{width:59px;height:25px;background:linear-gradient(90deg,#e0e5e9,#fff,#c9cfd5);margin-top:-7px;z-index:2;border-radius:0 0 8px 8px}.qsmart-led-demo .ql-thread{width:55px;height:42px;border-radius:2px 2px 12px 12px;background:repeating-linear-gradient(173deg,#6c7882 0,#d4dbe1 4px,#f0f2f4 7px,#7c8791 10px);z-index:2}.qsmart-led-demo .ql-contact{width:23px;height:8px;background:#6d7b89;border-radius:0 0 10px 10px}.qsmart-led-demo .ql-selection{color:#fff;font-size:22px;font-weight:700;min-height:30px}.qsmart-led-demo .ql-model-note{font-size:14px;color:#bacbdc;margin:5px 0 0}.qsmart-led-demo .ql-controls{min-width:0}.qsmart-led-demo .ql-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.qsmart-led-demo button.ql-mode{font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;min-height:46px;padding:11px 19px;color:#e8f1fa;background:#263d53;border:1px solid #8098af;border-radius:999px;cursor:pointer}.qsmart-led-demo button.ql-mode[aria-pressed=true]{background:#f5f9ff;color:#142c40;border-color:#fff}.qsmart-led-demo button.ql-mode:focus-visible,.qsmart-led-demo .ql-wheel:focus-visible,.qsmart-led-demo input:focus-visible{outline:3px solid #75d9ff;outline-offset:5px}.qsmart-led-demo .ql-wheel{position:relative;width:220px;max-width:100%;aspect-ratio:1;border-radius:50%;margin:0 auto 16px;background:conic-gradient(#f44,#ffdf38,#52db5d,#45d9df,#517af4,#c651ee,#f44);cursor:crosshair;touch-action:none;user-select:none;box-shadow:0 6px 28px rgba(0,0,0,.2)}.qsmart-led-demo .ql-wheel-centre{position:absolute;inset:27%;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#152a3d;color:#fff;pointer-events:none;font-size:15px;line-height:1.35;padding:8px}.qsmart-led-demo .ql-thumb{position:absolute;left:calc(50% + var(--thumb-x));top:calc(50% + var(--thumb-y));width:24px;height:24px;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #142c40;pointer-events:none}.qsmart-led-demo .ql-hint{font-size:14px;text-align:center;color:#c9d9e9;margin:0 0 22px;line-height:1.5}.qsmart-led-demo .ql-white-label{display:block;font-weight:700;font-size:17px;margin-bottom:8px;color:#fff}.qsmart-led-demo input.ql-white{display:block;width:100%;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.qsmart-led-demo input.ql-white::-webkit-slider-runnable-track{height:14px;border-radius:99px;background:linear-gradient(90deg,#ffc676,#fff2dc,#c9e4ff)}.qsmart-led-demo input.ql-white::-moz-range-track{height:14px;border-radius:99px;background:linear-gradient(90deg,#ffc676,#fff2dc,#c9e4ff)}.qsmart-led-demo input.ql-white::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:30px;border:3px solid #fff;border-radius:50%;background:#2a4965;margin-top:-8px;box-shadow:0 0 0 2px #101e2c}.qsmart-led-demo input.ql-white::-moz-range-thumb{width:24px;height:24px;border:3px solid #fff;border-radius:50%;background:#2a4965;box-shadow:0 0 0 2px #101e2c}.qsmart-led-demo .ql-range-labels{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#d8e5f1}.qsmart-led-demo .ql-footnote{margin:24px 0 0;padding-top:18px;border-top:1px solid #385065;color:#c9d9e9;font-size:14px;line-height:1.55}@media(min-width:700px){.qsmart-led-demo .ql-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.qsmart-led-demo .ql-lamp-space{height:340px}}@media(max-width:420px){.qsmart-led-demo .ql-lamp-space{height:250px}.qsmart-led-demo .ql-grid{gap:20px}}
.qsmart-led-demo .ql-white-control{max-width:510px;margin:24px auto 0}@media(max-width:699px){.qsmart-led-demo .ql-lamp-space{height:190px}.qsmart-led-demo .ql-glass{width:88px;height:100px}.qsmart-led-demo .ql-neck{width:42px;height:20px}.qsmart-led-demo .ql-thread{width:40px;height:31px}.qsmart-led-demo .ql-contact{width:18px;height:6px}.qsmart-led-demo .ql-selection{font-size:17px}.qsmart-led-demo .ql-model-note{font-size:12px}.qsmart-led-demo .ql-wheel-centre{font-size:12px;padding:3px}.qsmart-led-demo .ql-hint{font-size:12px;margin-bottom:0}.qsmart-led-demo .ql-thumb{width:21px;height:21px}.qsmart-led-demo .ql-footnote{font-size:13px}.qsmart-led-demo .ql-lamp-space:before{width:180px;height:180px}.qsmart-led-demo .ql-range-labels{font-size:12px}}
/* Product-matched illustration and equal 220 px visual height. */
.qsmart-led-demo .ql-lamp-space{height:220px;width:220px;max-width:100%;margin:0 auto 18px}.qsmart-led-demo .ql-product-bulb{display:block;height:220px;width:auto;max-width:100%;position:relative;z-index:1;overflow:visible}.qsmart-led-demo .ql-lamp-space:before{width:220px;height:220px}.qsmart-led-demo .ql-wheel{width:220px;height:220px;max-width:100%;margin-bottom:16px}.qsmart-led-demo .ql-preview{padding:0}.qsmart-led-demo .ql-selection{font-size:22px}.qsmart-led-demo .ql-model-note{font-size:14px}.qsmart-led-demo .ql-wheel-centre{font-size:15px;padding:8px}.qsmart-led-demo .ql-hint{font-size:14px}.qsmart-led-demo .ql-thumb{width:24px;height:24px}@media(max-width:699px){.qsmart-led-demo .ql-grid{grid-template-columns:minmax(0,1fr);gap:30px}.qsmart-led-demo .ql-lamp-space{height:220px}.qsmart-led-demo .ql-controls{width:100%}.qsmart-led-demo .ql-white-control{margin-top:25px}}
/* Aligned headings, illustrations and captions. */
.qsmart-led-demo .ql-grid{align-items:start}.qsmart-led-demo .ql-preview,.qsmart-led-demo .ql-controls{display:grid;grid-template-rows:auto 220px auto;justify-items:center;align-items:start;row-gap:18px;width:100%;text-align:center}.qsmart-led-demo .ql-column-title{font-family:inherit;font-size:clamp(19px,2.2vw,22px);font-weight:700;line-height:1.3;color:#fff;margin:0}.qsmart-led-demo .ql-lamp-space,.qsmart-led-demo .ql-wheel{margin:0 auto}.qsmart-led-demo .ql-model-note,.qsmart-led-demo .ql-hint{font-size:14px;line-height:1.5;color:#d8e5f1;margin:0;min-height:63px}.qsmart-led-demo .ql-selection{display:inline;font-size:14px;line-height:1.5;min-height:0;font-weight:700}.qsmart-led-demo .ql-tabs{margin:0 0 26px}.qsmart-led-demo .ql-lamp-space:before{width:310px;height:310px;max-width:none;top:-94px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,var(--lamp-colour) 0,transparent 69%);opacity:.65;filter:blur(8px)}.qsmart-led-demo input.ql-white::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffc676,#fff2dc,#f2f7ff)}.qsmart-led-demo input.ql-white::-moz-range-track{background:linear-gradient(90deg,#ffc676,#fff2dc,#f2f7ff)}@media(max-width:699px){.qsmart-led-demo .ql-grid{row-gap:32px}.qsmart-led-demo .ql-model-note,.qsmart-led-demo .ql-hint{min-height:0}.qsmart-led-demo .ql-white-control{margin-top:28px}}
/* Shared illustration minimum text size; LED buying guide. */
.qsmart-led-demo .ql-hint,.qsmart-led-demo .ql-selection,.qsmart-led-demo .ql-model-note,.qsmart-led-demo .ql-footnote,.qsmart-led-demo .ql-wheel-centre,.qsmart-led-demo .ql-range-labels{font-size:16px}.qsmart-led-buying{font-size:17px;line-height:1.75}.ql-buy-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.ql-buy-choices section{background:#f1f7f6;border-left:4px solid #43877e;border-radius:0 14px 14px 0;padding:24px}.ql-buy-choices h3{margin-top:0!important}.ql-buy-choices p{margin-bottom:0!important}body.term-470 .qpc-cards{padding:25px 0}body.term-470 .qpc-cards ul.products{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:20px!important;margin:0!important}body.term-470 .qpc-cards ul.products li.product{width:calc((100% - 40px)/3)!important;margin:0!important;float:none!important}@media(max-width:650px){.ql-buy-choices{grid-template-columns:1fr}body.term-470 .qpc-cards ul.products li.product{width:100%!important}}