/* LED ürün sayfaları (JSON "tema": "led"): açık zeminli düzen. */
body:has(.ld-page){background:#f4f7ff}
.ld-page{display:contents;--g:#f3b21b;--ink:#122242;--mut:#62728a;--line:rgba(18,34,66,.16);position:relative;color:#122242;background:#f4f7ff}
.ld-wrap{width:min(1140px,calc(100% - 40px));margin:0 auto}
.ld-hero{padding-top:18px}
.ld-head{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start;margin-top:8px}
.ld-h1{margin:0;font-family:"Bricolage Grotesque",Sora,sans-serif;font-weight:800;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.95;letter-spacing:-.045em;color:#122242;text-wrap:balance}
.ld-h1 em{display:block;margin-top:.04em;font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em;color:#d99a00;text-decoration:underline;text-decoration-color:#d99a00;text-decoration-thickness:.04em;text-underline-offset:.11em}
.ld-side{padding-top:18px;max-width:480px}
.ld-slogan{margin:0;font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:400;line-height:1.15;color:#122242}
.ld-slogan em{font-style:italic;color:#d99a00;text-decoration:underline;text-decoration-color:#d99a00;text-decoration-thickness:.05em;text-underline-offset:.12em}
.ld-side h2{margin:0 0 16px;font-family:"Bricolage Grotesque",Sora,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#122242}
.ld-side p{margin:0;color:#4a5276;font-size:13px;line-height:1.85}
.ld-stage{container-type:inline-size;overflow-x:clip;--ldh:clamp(420px,calc(100vh - 360px),700px);position:relative;height:var(--ldh);margin-top:-28px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}
.ld-main{position:relative;z-index:1;border:0;background:none;padding:0;cursor:zoom-in;display:grid;place-items:center;width:100%;height:100%;min-height:0;min-width:0}
.ld-imgw{position:relative;display:block;line-height:0;isolation:isolate}
.ld-fx{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.ld-fx-back{z-index:0}
.ld-fx-off .ld-fx,.ld-fx-off .ld-scene{display:none}
.ld-fx,.ld-scene{transition:opacity .7s ease .2s}
.ld-pz .ld-fx,.ld-pz .ld-fx *,.ld-pz .ld-scene *{animation-play-state:paused!important}
.ld-stage:not(.ld-ready) .ld-fx,.ld-stage:not(.ld-ready) .ld-scene{opacity:0!important;visibility:hidden}
.ld-main img{position:relative;z-index:1;display:block;max-width:min(88cqw,980px);max-height:calc(var(--ldh) * .88);width:auto;height:auto;object-fit:contain;transition:opacity .2s}
.ld-main img.is-draw{filter:invert(1)}
.ld-arrow{position:absolute;z-index:2;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border:1px solid #c5d1e3;border-radius:50%;background:#ffffffee;color:#122242;cursor:pointer;transition:background .2s}
.ld-arrow:hover{background:var(--g)}.ld-arrow svg{width:20px;height:20px}
.ld-prev{left:2%}.ld-next{right:2%}
.ld-thumbs{position:absolute;z-index:2;left:0;bottom:8px;display:flex;gap:8px}
.ld-thumbs button{width:56px;height:46px;padding:3px;border:1px solid #c9d4e5;border-radius:3px;background:#fff;cursor:pointer}
.ld-thumbs button[aria-pressed=true]{border:2px solid #f3b21b}
.ld-thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.ld-thumbs button[data-draw] img{filter:invert(1)}
.ld-icons{display:grid;grid-template-columns:repeat(9,1fr);margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ld-ic{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:26px 8px 24px;border-left:1px solid var(--line);text-align:center;font-size:.74rem;font-weight:600;line-height:1.35;color:#122242}
.ld-ic:first-child{border-left:0}
.ld-ic img{width:42px;height:42px;flex:none}
.ld-jump{margin-top:22px;padding:18px 0;font-size:12px;border-top:1px solid #d6deeb;color:#122242}
.ld-jump a{color:#122242;font-weight:600;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.ld-jump a:hover,.ld-jump a:focus-visible{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.ld-jump a{transition:none}.ld-jump a:hover{transform:none}}
.ld-det{border-top:1px solid var(--line);padding:56px 0 72px}
.ld-det-g{display:grid;grid-template-columns:1.1fr 1fr;gap:56px}
.ld-det h2,.ld-det h3{margin:0 0 10px;font-family:Sora,sans-serif;font-size:12px;line-height:1.05;letter-spacing:.14em;text-transform:uppercase;color:#1b94b8;font-weight:600}
.ld-det .wd-feat{margin:0}
.ld-det .wd-feat ul{list-style:none;margin:0;padding:0}
.ld-det .wd-feat li{display:flex;gap:14px;padding:13px 0;border-top:0;border-bottom:1px solid var(--line);color:#2b3a52;font-size:13px;line-height:1.6}
.ld-det .wd-feat li::before{content:"";position:static;flex:none;width:7px;height:7px;margin-top:.55em;border-radius:50%;background:var(--g)}
.ld-opt{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px}
.ld-opt li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #d6deeb;border-radius:12px;background:#fff;color:#122242;font-size:13px;font-weight:500}
.ld-opt .wd-oi{width:38px;height:38px;flex:none}
.ld-btn{display:inline-flex;align-items:center;gap:25px;padding:16px 28px;border-radius:0;background:var(--g);color:#122242;text-decoration:none;font-weight:600;font-size:12px;transition:background .2s,transform .2s}
.ld-btn:hover{background:#dc9f0b;transform:translateY(-2px)}
.ld-btn-2{display:flex;width:fit-content;margin:12px 0 0;background:transparent;box-shadow:inset 0 0 0 1px #b8c4d8}
.ld-btn-2:hover{background:#e4ebf5}
@media(max-width:500px){.ld-btn,.ld-btn-2{display:flex;width:100%;box-sizing:border-box;justify-content:space-between}}
.ld-note{margin:18px 0 0;color:#4a5276;font-size:10px;line-height:1.85}
.ld-lb{width:min(1100px,94vw);max-height:94svh;padding:12px;border:0;border-radius:14px;background:#f4f7ff;overflow:hidden}
.ld-lb::backdrop{background:#02061ae6;backdrop-filter:blur(6px)}
.ld-lb img{display:block;width:100%;max-height:84svh;object-fit:contain}
.ld-lb button{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#fffffff2;color:#122242;font-size:1.4rem;cursor:pointer}
/* üst şeritler */
.ld-page .wd-top{background:#f4f7ff}
.ld-page .wd-groups-t{color:#62728a}
.ld-page .wd-groups a{color:#4a5276}
.ld-page .wd-groups a:hover{color:#122242;border-color:#c9d4e5}
.ld-page .wd-groups a[aria-current]{color:#122242;border-color:#f3b21b}
.ld-page .wd-models{background:#dde6f5;border-top:1px solid #c7d4ea;border-bottom:1px solid #c0cee6;box-shadow:0 6px 18px rgba(18,34,66,.08);color:#122242}
.ld-page .wd-model-links a{background:#fff;border-color:#bccae2;color:#122242}
.ld-page .wd-model-links a:hover,.ld-page .wd-model-links a[aria-current=page]{background:#f3b21b;border-color:#f3b21b;color:#122242}
@media(max-width:860px){.ld-head{grid-template-columns:1fr;gap:18px}.ld-side{max-width:none}.ld-det-g{grid-template-columns:1fr;gap:36px}.ld-icons{grid-template-columns:repeat(3,1fr)}.ld-ic{border-left:0;border-top:1px solid var(--line);padding:20px 8px}.ld-ic:nth-child(-n+3){border-top:0}.ld-ic:not(:nth-child(3n+1)){border-left:1px solid var(--line)}.ld-main img{max-width:92cqw}.ld-stage{height:calc(var(--ldh) + 64px);padding-bottom:64px}.ld-arrow{margin-top:-54px}}