/*
Theme Name: LEDVEDA Retail
Version: 0.3.0
Author: LEDVEDA
Description: Whole-car lighting storefront concept.
Requires PHP: 8.0
Text Domain: ledveda-retail
*/

*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f5f3;color:#131619}header{height:88px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #eee}header img{width:220px;height:auto}nav{display:flex;gap:30px;font-size:13px;font-weight:700}a{color:inherit;text-decoration:none}.utility{font-size:12px;color:#555}.hero{background:#101214;color:white;padding:38px 4% 0}.intro{display:flex;justify-content:space-between;max-width:1400px;margin:auto;align-items:end}.kicker{font-size:11px;letter-spacing:3px;color:#a9adb0;margin:0 0 10px}h1{font-size:clamp(30px,3.4vw,52px);letter-spacing:-2px;margin:0;font-weight:800}.intro p:last-child{font-size:13px;line-height:1.8;color:#adb1b5;max-width:280px}.map{position:relative;max-width:1400px;margin:10px auto 0;aspect-ratio:16/9;background:#101214;overflow:hidden}.car{position:absolute;width:100%;height:100%;object-fit:cover}.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lines path{fill:none;stroke:#747e87;stroke-width:1.1}.lines circle{fill:#e8edf1;stroke:#fff;stroke-width:2}.callout{position:absolute;display:flex;align-items:center;gap:11px;background:rgba(21,25,29,.92);border:1px solid #4a5159;border-radius:5px;color:white;padding:11px 14px;cursor:pointer;text-align:left;min-width:174px;transition:.2s}.callout:hover,.callout.active{border-color:#fff;background:#30383f;transform:translateY(-3px);box-shadow:0 0 22px #ffffff20}.callout svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6}.callout strong{display:block;font-size:12px;letter-spacing:.4px}.callout small{display:block;font-size:10px;color:#a9b0b6;margin-top:4px}.head{left:3%;top:15%}.fog{left:3%;top:75%}.turn{left:30%;top:6%;color:#ffb440}.inside{left:54%;top:6%}.brake{right:3%;top:15%;color:#ff726b}.plate{right:3%;top:75%}.caption{position:absolute;bottom:3%;left:36%;font-size:10px;color:#9ca3a9;letter-spacing:1px}.light-pulse{position:absolute;left:18%;top:52%;width:22px;height:22px;border-radius:50%;box-shadow:0 0 20px 8px white;pointer-events:none;opacity:0;transition:.2s}.light-pulse.show{opacity:.8}.selection{border-top:1px solid #35393e;max-width:1400px;margin:auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.selection strong{font-size:16px}.selection p{font-size:12px;color:#aeb5bb;line-height:1.6;margin:5px 0 0}.selection a{background:white;color:#171a1d;font-size:11px;font-weight:700;padding:14px 22px;white-space:nowrap}.below{max-width:1400px;margin:auto;padding:42px 4%}.section-label{font-size:11px;color:#777;letter-spacing:2px}.below h2{font-size:32px;margin:8px 0 25px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{background:white;padding:22px 13px;border-bottom:3px solid transparent;cursor:pointer}.category:hover{border-color:#14181d}.category span{font-size:10px;color:#888}.category h3{font-size:14px;margin:12px 0 5px}.category p{font-size:11px;color:#777}.note{font-size:11px;color:#767b80;line-height:1.7;margin-top:25px}.review{background:#e9ecee;border-bottom:1px solid #d7dcdf;color:#465059;text-align:center;font-size:12px;padding:9px}button:focus-visible,a:focus-visible{outline:3px solid #249bcc;outline-offset:4px}@media(max-width:800px){header{height:70px}header img{width:165px}nav{display:none}.utility{font-size:10px}.hero{padding-top:26px}.intro{display:block}.intro p:last-child{max-width:100%}h1{letter-spacing:-1px}.map{aspect-ratio:1.15;overflow:visible;margin-top:15px;padding-bottom:130px}.car{top:20px;height:auto;aspect-ratio:16/9}.lines,.caption{display:none}.callout{min-width:0;width:31%;padding:9px 7px;gap:5px;transform:none!important}.callout svg{width:20px}.callout strong{font-size:9px}.callout small{font-size:8px}.head{left:0;top:65%}.fog{left:0;top:80%}.turn{left:34.5%;top:65%}.inside{left:34.5%;top:80%}.brake{right:0;top:65%}.plate{right:0;top:80%}.selection{align-items:start}.selection a{padding:12px 10px;font-size:9px}.categories{grid-template-columns:repeat(2,1fr)}.below h2{font-size:25px}.light-pulse{display:none}.review{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.content{max-width:1200px;margin:auto;padding:48px 5%;min-height:55vh;line-height:1.8}.content h1{font-size:38px;letter-spacing:-1px}.content .lead{max-width:750px;color:#53606b}.content ul{padding-left:22px}.content a{text-decoration:underline}.site-footer{background:#e7e9e8;padding:35px 5%;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#53606b}.site-footer a{margin-right:18px}.skip{position:absolute;top:-100px;left:15px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:10px}.woocommerce ul.products li.product{background:white;padding:20px}.woocommerce a.button,.woocommerce button.button{background:#171a1d;color:white;border-radius:2px}.woocommerce div.product .product_title{font-size:34px}.woocommerce input.input-text{padding:12px;border:1px solid #ddd}.woocommerce .price{color:#222!important}.header-categories{padding:12px 5%;background:#f7f8f7;display:flex;flex-wrap:wrap;gap:22px;font-size:11px}.header-categories a:hover{text-decoration:underline}@media(max-width:800px){.site-footer{flex-direction:column}.header-categories{gap:12px;font-size:10px}.content h1{font-size:28px}}