/* ERC SA lighting savings and cost tool, 3 Oct 2026 */
.lt{margin-top:22px}
.lt [hidden]{display:none!important}
.lt-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:26px;align-items:start;text-align:left}
.lt h3,.lt h4{font-family:var(--font-head);color:#1C2A33;line-height:1.2;margin:0}

/* the amber "accredited installer" message, used above the tool and above the button */
.lt-accred{display:flex;gap:12px;align-items:flex-start;background:#FFD35A;color:#1C2A33;border-radius:14px;padding:15px 16px;margin-top:18px;text-align:left}
.lt-accred .lt-ai{flex:0 0 30px;width:30px;height:30px;margin-top:1px}
.lt-accred h3,.lt-accred h4{font-family:var(--font-head);color:#1C2A33;font-size:1.12rem;line-height:1.25;margin:0 0 4px}
.lt-accred p{margin:0;font-size:.93rem;line-height:1.45;color:#27343d}
.lt-accred-top{margin:22px 0 0}
.lt-accred-top h3{font-size:1.2rem}

/* light cards */
.lt-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.lt-light{background:#fff;border:2px solid #dfe6ea;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}
.lt-light.lt-on{border-color:#118448}
.lt-big{grid-column:span 3}
.lt-sm{grid-column:span 2}
.lt-small-first .lt-sm{order:-1}
.lt-pic{background:#dde6eb;aspect-ratio:200/120;display:block;width:100%}
.lt-pic svg{display:block;width:100%;height:100%;max-width:none}
.lt-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.lt-light h3{font-size:1.06rem}
.lt-looks{font-size:.88rem;color:#5b6b74;margin:0}
.lt-tag{align-self:flex-start;font-family:var(--font-head);font-weight:600;font-size:.8rem;border-radius:999px;padding:4px 11px}
.lt-best{background:rgba(39,194,106,.14);color:#118448}
.lt-each{background:rgba(31,174,236,.12);color:#087AA8}
.lt-site{margin:0;font-family:var(--font-head);font-weight:600;font-size:.95rem;color:#118448;line-height:1.3}
.lt-sitesub{margin:-4px 0 0;font-size:.88rem;font-weight:500;line-height:1.4;color:#22303a}
.lt-qty{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.lt-qty label{font-size:.85rem;color:#5b6b74;margin-right:auto}
.lt-qty button{font:inherit;color:#1C2A33;width:42px;height:42px;border-radius:12px;border:1.5px solid #dfe6ea;background:#eef4f7;font-size:1.25rem;font-weight:600;cursor:pointer;line-height:1;padding:0}
.lt-qty button:hover{border-color:#087AA8}
.lt-qty input{font:inherit;color:#1C2A33;width:74px;height:42px;text-align:center;border:1.5px solid #dfe6ea;border-radius:12px;background:#fff;font-weight:600;font-size:1.05rem;padding:0;-moz-appearance:textfield}
.lt-qty input::-webkit-outer-spin-button,.lt-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lt-sm .lt-body{padding:12px 11px 13px}
.lt-sm h3{font-size:.98rem}
.lt-sm .lt-looks{font-size:.82rem}
.lt-sm .lt-qty{gap:6px}
.lt-sm .lt-qty label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lt-sm .lt-qty button{width:34px;height:38px}
.lt-sm .lt-qty input{width:46px;height:38px;flex:1;min-width:0}

/* not sure: book a call */
.lt-unsure{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fff;border:2px dashed #118448;border-radius:16px;padding:16px 18px;margin-top:16px}
.lt-unsure h3{font-size:1.08rem;margin-bottom:4px}
.lt-unsure p{margin:0;font-size:.92rem;color:#5b6b74}
.lt-calltime{margin-top:12px}

/* buttons */
.lt-btn{font:inherit;display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:15px 22px;font-family:var(--font-head);font-weight:600;font-size:1.02rem;cursor:pointer;line-height:1.2}
.lt-btn-dark{flex:0 0 auto;background:#1C2A33;color:#fff!important;padding:13px 22px;white-space:nowrap}
.lt-btn-go{width:100%;background:#27C26A;color:#06281a!important;margin-top:14px}
.lt-btn-go:hover{background:#3fd57e}
.lt-link{font:inherit;background:none;border:0;padding:0;margin-top:6px;color:#087AA8!important;font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* hours */
.lt-set{background:#fff;border:1px solid #dfe6ea;border-radius:16px;padding:16px 18px;margin-top:16px}
.lt-set h3{font-size:1.02rem;margin-bottom:10px}
.lt-row + .lt-row{margin-top:14px}
.lt-lbl{font-size:.86rem;color:#5b6b74;margin-bottom:6px}
.lt-chips{display:flex;flex-wrap:wrap;gap:8px}
.lt-chips button{font:inherit;color:#22303a;border:1.5px solid #dfe6ea;background:#fff;border-radius:999px;padding:8px 14px;font-weight:500;font-size:.92rem;cursor:pointer}
.lt-chips button:hover{border-color:#087AA8}
.lt-chips button[aria-pressed="true"]{border-color:#118448;background:rgba(39,194,106,.12);color:#118448;font-weight:600}
.lt-quick{font:inherit;color:#22303a;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:100%;text-align:left;border:2px solid #dfe6ea;background:#fff;border-radius:14px;padding:13px 16px;cursor:pointer;margin-bottom:14px}
.lt-quick b{font-family:var(--font-head);font-weight:600;font-size:1rem}
.lt-quick span{font-size:.9rem;color:#5b6b74}
.lt-quick:hover{border-color:#087AA8}
.lt-quick[aria-pressed="true"]{border-color:#118448;background:rgba(39,194,106,.12)}
.lt-quick[aria-pressed="true"] b{color:#118448}
.lt-quick[aria-pressed="true"] b::before{content:"\2713\00a0"}
.lt-check{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}
.lt-check input{width:20px;height:20px;margin-top:2px;accent-color:#118448}

/* result */
.lt-result{scroll-margin-top:96px;background:#1C2A33;color:#fff;border-radius:20px;padding:22px;position:sticky;top:100px}
.lt-result .lt-rh{color:#fff;font-size:1.1rem;margin-bottom:14px}
.lt-empty{color:rgba(255,255,255,.72);margin:0}
.lt-bars{display:grid;gap:10px;margin-bottom:16px}
.lt-cap{display:flex;justify-content:space-between;font-size:.86rem;color:rgba(255,255,255,.72);margin-bottom:4px}
.lt-cap b{color:#fff;font-family:var(--font-head);font-weight:600}
.lt-track{height:14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.lt-fill{height:100%;border-radius:999px;width:0;transition:width .35s ease}
.lt-now .lt-fill{background:#c9853a}
.lt-led .lt-fill{background:#27C26A}
.lt-save{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,6vw,3rem);line-height:1;letter-spacing:-.02em}
.lt-save .lt-unit{display:block;font-size:1.05rem;font-weight:600;letter-spacing:0;margin-top:6px}
.lt-save small{display:block;font-family:var(--font-body);font-weight:400;font-size:.92rem;letter-spacing:0;color:rgba(255,255,255,.72);margin-top:6px;line-height:1.35}
.lt-cost{background:#fff;color:#1C2A33;border-radius:16px;padding:16px 18px 17px;margin-top:18px}
.lt-cost h4{font-size:.98rem;margin-bottom:8px}
.lt-amt{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,6vw,3rem);line-height:1;letter-spacing:-.02em;color:#0d6b3a}
.lt-amt.lt-words{font-size:1.5rem;letter-spacing:-.01em;line-height:1.15}
.lt-costsub{margin:8px 0 0;font-size:.93rem;color:#3d4c55}
.lt-cost ul{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #e4eaed;display:grid;gap:6px;font-size:.92rem;color:#47565f}
.lt-cost ul:empty{display:none}
.lt-cost li{display:flex;justify-content:space-between;gap:12px;margin:0}
.lt-cost li span:last-child{color:#1C2A33;font-weight:600;white-space:nowrap}
.lt-payback{margin:12px 0 0;font-size:.95rem;font-weight:600;color:#1C2A33}
.lt-payback:empty,.lt-size:empty{display:none}
.lt-size{margin:12px 0 0;padding-top:10px;border-top:1px solid #e4eaed;font-size:.84rem;color:#47565f}
.lt-why{margin:14px 0 0;font-size:.9rem;color:rgba(255,255,255,.72)}
.lt-fine{font-size:.78rem;color:rgba(255,255,255,.72);margin:14px 0 0}

/* summary shown above the enquiry form */
.lt-summary{background:#eef4f7;border:1px solid #dfe6ea;border-left:4px solid #118448;border-radius:0 12px 12px 0;padding:12px 14px;font-size:.92rem;color:#22303a;margin:10px 0 14px}

@media (max-width:980px){
  .lt-layout{grid-template-columns:1fr}
  .lt-result{position:static}
}
@media (max-width:560px){
  .lt-cards{grid-template-columns:1fr}
  .lt-big,.lt-sm{grid-column:auto}
  .lt-light{flex-direction:row}
  .lt-pic{width:34%;aspect-ratio:auto;flex:0 0 34%}
  .lt-body,.lt-sm .lt-body{padding:12px 12px 14px}
  .lt-qty label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lt-qty{justify-content:flex-start}
  .lt-qty input,.lt-sm .lt-qty input{width:64px;height:42px;flex:0 0 64px}
  .lt-sm .lt-qty button{width:42px;height:42px}
  .lt-unsure{flex-direction:column;align-items:stretch}
  .lt-btn-dark{width:100%}
}
@media (prefers-reduced-motion: reduce){.lt-fill{transition:none}}