/* SMGLR interactive 3D inspection viewer */
.smglr-3d{padding:76px 0;border-top:1px solid rgba(36,27,13,.08);background:linear-gradient(180deg,#f8efdf 0%,#fffdf9 100%)}
.smglr-3d-head{max-width:760px;margin:0 auto 30px;text-align:center}
.smglr-3d-head .home-v2-eyebrow{margin-bottom:10px}
.smglr-3d-head h2{margin:0;font-family:Oswald,sans-serif;font-size:clamp(36px,5vw,54px);line-height:1.03;color:#241d14}
.smglr-3d-head p{margin:14px auto 0;max-width:680px;color:#655c50;font-size:16px;line-height:1.6}
.smglr-3d-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:stretch}
.smglr-3d-viewer{position:relative;min-height:540px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(215,168,71,.14),transparent 34%),linear-gradient(180deg,#18130f 0%,#0e0c0a 100%);border:1px solid rgba(199,151,61,.24);box-shadow:0 28px 70px rgba(62,42,13,.20);isolation:isolate}
#smglr-3d-canvas{position:absolute;inset:0;z-index:2;touch-action:pan-y}
#smglr-3d-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}
.smglr-3d-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;padding:32px;opacity:.28;transition:opacity .4s ease}
.smglr-3d-fallback img{width:min(94%,900px);height:auto;display:block;filter:drop-shadow(0 20px 32px rgba(0,0,0,.45))}
.smglr-3d-viewer.ready .smglr-3d-fallback{opacity:0}
.smglr-3d-loading{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;padding:12px 14px;border:1px solid rgba(238,203,124,.22);border-radius:14px;background:rgba(18,14,10,.78);backdrop-filter:blur(12px);color:#f2dfb2;transition:opacity .35s ease,transform .35s ease}
.smglr-3d-viewer.ready .smglr-3d-loading{opacity:0;transform:translateY(8px);pointer-events:none}
.smglr-3d-loading strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.smglr-3d-progress{height:4px;margin-top:9px;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden}.smglr-3d-progress span{display:block;height:100%;width:4%;background:linear-gradient(90deg,#a86f17,#f0cf7c);border-radius:inherit;transition:width .2s ease}
.smglr-3d-tools{position:absolute;top:16px;left:16px;right:16px;z-index:6;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}
.smglr-3d-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(237,201,116,.25);border-radius:999px;background:rgba(15,12,9,.72);backdrop-filter:blur(10px);color:#f3d891;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto}
.smglr-3d-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}
.smglr-3d-control{min-height:38px;padding:0 11px;border:1px solid rgba(237,201,116,.22);border-radius:999px;background:rgba(15,12,9,.75);color:#f2dfb2;font:800 10.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(10px)}
.smglr-3d-control:hover,.smglr-3d-control:focus-visible,.smglr-3d-control.active{border-color:#d8ad56;background:rgba(182,132,40,.23);outline:none}
.smglr-3d-auto{position:absolute;left:16px;bottom:52px;z-index:6;width:min(390px,calc(100% - 32px));padding:13px 14px 12px;border:1px solid rgba(238,203,124,.25);border-radius:15px;background:linear-gradient(135deg,rgba(15,12,9,.90),rgba(30,22,13,.82));backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(0,0,0,.28);color:#fff7e6;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.smglr-3d-viewer.ready .smglr-3d-auto{opacity:1;transform:none}
.smglr-3d-auto-kicker{display:flex;align-items:center;gap:7px;color:#d8c49b;font-size:9.8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.smglr-3d-auto-kicker i{width:7px;height:7px;border-radius:50%;background:#e8bd5e;box-shadow:0 0 0 4px rgba(232,189,94,.12)}
.smglr-3d-auto-kicker b{margin-left:auto;color:#f3d891;font-size:9.8px;letter-spacing:.04em}
.smglr-3d-auto>strong{display:block;margin-top:6px;color:#fff8e9;font-family:Oswald,sans-serif;font-size:20px;line-height:1.12;font-weight:600}
.smglr-3d-auto-progress{height:3px;margin-top:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.11)}
.smglr-3d-auto-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a86f17,#f0cf7c);border-radius:inherit}
.smglr-3d-auto-progress span.running{animation:smglr3dAutoProgress 5.4s linear forwards}
@keyframes smglr3dAutoProgress{from{width:0}to{width:100%}}
.smglr-3d-hint{position:absolute;left:16px;bottom:16px;z-index:4;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(15,12,9,.68);color:#cabfadd9;font-size:10.5px;pointer-events:none;opacity:0;transition:opacity .35s ease}
.smglr-3d-viewer.ready .smglr-3d-hint{opacity:1}
.smglr-3d-panel{display:flex;flex-direction:column;min-height:540px;padding:24px;border-radius:28px;background:#fffdf9;border:1px solid rgba(168,121,35,.17);box-shadow:0 18px 48px rgba(76,49,8,.08);text-align:left}
.smglr-3d-panel-kicker{color:#95691e;font-size:10.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.smglr-3d-panel h3{margin:9px 0 8px;color:#292219;font-family:Oswald,sans-serif;font-size:32px;line-height:1.05}
.smglr-3d-panel-copy{margin:0;color:#655c50;font-size:14.5px;line-height:1.6}
.smglr-3d-checks{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.smglr-3d-checks li{position:relative;padding:10px 10px 10px 31px;border-radius:11px;background:#fbf3e6;color:#4d4439;font-size:12.7px;line-height:1.4;font-weight:700}
.smglr-3d-checks li::before{content:"";position:absolute;left:11px;top:14px;width:8px;height:8px;border-radius:50%;background:#b17d24;box-shadow:0 0 0 4px rgba(177,125,36,.10)}
.smglr-3d-point-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:19px}
.smglr-3d-point{min-height:44px;padding:9px 10px;border:1px solid rgba(168,121,35,.17);border-radius:12px;background:#fffaf1;color:#4e4437;text-align:left;font:800 11.5px/1.25 'Hanken Grotesk',sans-serif;cursor:pointer;transition:.18s ease}
.smglr-3d-point:hover,.smglr-3d-point:focus-visible{border-color:rgba(177,125,36,.58);outline:none;transform:translateY(-1px)}
.smglr-3d-point.active{border-color:#b17d24;background:#f3dfb8;color:#30271d;box-shadow:inset 0 0 0 1px rgba(177,125,36,.18)}
.smglr-3d-note{margin:17px 0 0;color:#7a7064;font-size:11.5px;line-height:1.55}
.smglr-3d-attribution{margin-top:9px;color:#948a7e;font-size:9.5px;line-height:1.45}
.smglr-3d-attribution a{color:#85601d;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.smglr-3d{padding:60px 0}.smglr-3d-layout{grid-template-columns:1fr}.smglr-3d-viewer{min-height:480px}.smglr-3d-panel{min-height:0}.smglr-3d-point-nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}.smglr-3d-point{font-size:10.5px;text-align:center}}
@media(max-width:620px){.smglr-3d{padding:54px 0}.smglr-3d-head{margin-bottom:22px}.smglr-3d-head h2{font-size:38px}.smglr-3d-head p{font-size:14.5px}.smglr-3d-viewer{min-height:390px;border-radius:22px}.smglr-3d-tools{top:11px;left:11px;right:11px}.smglr-3d-badge{font-size:9.2px;padding:7px 9px}.smglr-3d-controls{max-width:155px}.smglr-3d-control{min-height:34px;padding:0 9px;font-size:9px}.smglr-3d-hint{left:11px;bottom:11px;font-size:9px}.smglr-3d-panel{padding:19px;border-radius:22px}.smglr-3d-panel h3{font-size:29px}.smglr-3d-panel-copy{font-size:13.7px}.smglr-3d-checks li{font-size:12px}.smglr-3d-point-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.smglr-3d-point{min-height:42px;font-size:10.5px}.smglr-3d-attribution{font-size:8.8px}.smglr-3d-auto{left:11px;bottom:48px;width:calc(100% - 22px);padding:11px 12px}.smglr-3d-auto>strong{font-size:18px}.smglr-3d-auto-kicker{font-size:8.8px}.smglr-3d-auto-kicker b{font-size:8.8px}}
@media(prefers-reduced-motion:reduce){.smglr-3d-point,.smglr-3d-loading,.smglr-3d-fallback,.smglr-3d-auto{transition:none}.smglr-3d-auto-progress span.running{animation:none;width:100%}}
.smglr-3d-viewer.fallback-only .smglr-3d-fallback{opacity:.92}
.smglr-3d-viewer.fallback-only .smglr-3d-hint{display:none}
.smglr-3d-control:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
