*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050708;color:#f7f7f7;font-family:Arial,sans-serif}.vl{--r:#ff1837;background:#050708}.vl a{color:inherit;text-decoration:none}.vl header{height:76px;display:flex;align-items:center;padding:0 4vw;gap:30px;position:sticky;top:0;z-index:20;background:#050708ee;border-bottom:1px solid #222}.logo{display:flex;flex-direction:column;min-width:220px}.logo b,.mlogo{font-size:25px;letter-spacing:.06em;font-style:italic;font-weight:900}.logo span,.mlogo span,.vl h1 span,.vl h2 span,footer strong span{color:var(--r)}.logo small{font-size:8px;letter-spacing:.32em}.vl nav{display:flex;gap:28px;margin:auto;font-size:12px}.vl nav a:hover{color:var(--r)}.red{background:linear-gradient(135deg,var(--r),#ff3148);border:0;color:#fff;padding:14px 22px;border-radius:8px;font-weight:800;cursor:pointer;box-shadow:0 9px 28px #ff183733;transition:.22s}.red:hover{transform:translateY(-3px);box-shadow:0 14px 34px #ff183766}.hamb{display:none}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1.1fr;border-bottom:1px solid #222}.copy{padding:85px 4vw 45px}.copy>small,.services>small,.booking small,.why small,.contact small{font-size:9px;letter-spacing:.15em;color:#a7a9ab}.vl h1{font-size:58px;line-height:.95;margin:20px 0}.copy>p{max-width:570px;color:#c9cacc;line-height:1.65}.actions{display:flex;gap:14px;margin-top:32px}.actions a{border:1px solid #555;padding:14px 22px;border-radius:8px}.trust{display:flex;gap:28px;margin-top:48px}.trust b{font-size:11px}.trust small{display:block;color:#8e9295;font-size:9px;margin-top:4px}.heroimg{background:linear-gradient(90deg,#050708 0%,transparent 28%),url('hero.jpg') center/cover;position:relative}.heroimg em{position:absolute;right:8%;bottom:13%;font:italic 38px Georgia;transform:rotate(-7deg)}.services{padding:55px 4vw}.services h2,.booking h2,.why h2,.contact h2{font-size:36px;margin:8px 0 28px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.grid article{min-height:220px;padding:20px 16px;background:linear-gradient(#171a1d,#0b0d0f);border:1px solid #303438;border-radius:8px;transition:.22s}.grid article:hover{transform:translateY(-6px);border-color:#8a1424}.grid i{font-style:normal;font-size:25px}.grid h3{font-size:15px;margin:18px 0 7px}.grid p{font-size:10px;line-height:1.5;color:#aeb1b3}.grid button{width:34px;height:34px;border-radius:50%;border:0;background:#25292c;color:#fff;cursor:pointer}.booking{min-height:360px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #292c2e}.booking>div:first-child{padding:55px 5vw}.booking p,.why p{color:#b7b9bb}.steps{display:flex;gap:44px;margin:30px 0}.steps b{width:34px;height:34px;border:1px solid #606367;border-radius:50%;display:grid;place-items:center;position:relative}.steps b:first-child{background:var(--r);border-color:var(--r);box-shadow:0 0 20px #ff183766}.steps small{position:absolute;top:43px;width:80px;font-size:8px}.bookimg{background:linear-gradient(90deg,#050708 0%,transparent 25%),url('booking.jpg') center/cover;display:flex;align-items:center;justify-content:flex-end;padding:5vw}.bookimg blockquote{font-size:21px;border-right:3px solid var(--r);padding-right:20px}.why{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:40px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefits b{padding:30px 18px;border:1px solid #303438;border-radius:8px;background:#111416}.contact{padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #25282a}footer{padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #242729}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.show{display:block}.shade{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.dialog{position:absolute;width:min(760px,92vw);max-height:88vh;overflow:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;background:#0b0e10;border:1px solid #7c1825;border-radius:18px;box-shadow:0 25px 80px #000}.x{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#1b2024;color:#fff;font-size:24px}.progress{display:flex;justify-content:center;gap:18px;margin:20px}.progress i{width:34px;height:34px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-style:normal}.progress i.on{background:var(--r);border-color:var(--r);box-shadow:0 0 18px #ff183766}.step{display:none}.step.on{display:block;animation:vin .25s ease}.step h2{font-size:30px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opts button,.step input,.step select{width:100%;padding:15px;border:1px solid #42474b;border-radius:9px;background:#12171a;color:#fff;margin:6px 0}.opts button{cursor:pointer;text-align:left}.opts button.sel{border-color:var(--r);box-shadow:0 0 20px #ff183733}.step label{display:block;color:#aaa;margin:10px 0}.nav{display:flex;gap:10px;margin-top:22px}.nav button,.done button{padding:12px 18px;border-radius:99px;border:1px solid #555;background:transparent;color:#fff;cursor:pointer}.next,.submit{margin-left:auto!important;background:var(--r)!important;border-color:var(--r)!important;font-weight:800}.submit{display:none}.done{display:none;text-align:center;padding:40px}.done b{display:grid;margin:auto;width:70px;height:70px;border-radius:50%;place-items:center;background:var(--r);font-size:35px}@keyframes vin{from{opacity:0;transform:translateX(15px)}}
@media(max-width:800px){.vl header nav,.vl header>.red{display:none}.hamb{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}.hero{grid-template-columns:1fr}.copy{padding:55px 22px}.vl h1{font-size:45px}.heroimg{min-height:360px}.trust{flex-wrap:wrap}.grid{grid-template-columns:1fr 1fr}.booking{grid-template-columns:1fr}.bookimg{min-height:300px}.why{grid-template-columns:1fr}.contact,footer{gap:20px;align-items:flex-start;flex-direction:column}.opts{grid-template-columns:1fr}}

/* Reference layout */
.vl header{position:absolute;inset:0 0 auto;background:transparent;border:0;height:110px;padding:0 5.5%;gap:24px}.logo b{font-size:32px;letter-spacing:-.035em}.logo small{margin-top:6px;font-size:9px}.vl nav{font-size:13px;gap:27px}.hero{position:relative;display:block;min-height:555px;border:0;background:linear-gradient(90deg,#050708f5 0%,#050708bd 37%,#05070818 72%),url('hero.jpg') center/cover}.copy{position:relative;z-index:2;padding:156px 5.7% 50px;width:62%}.vl h1{font-size:clamp(40px,5.1vw,68px);line-height:1.02;letter-spacing:-.035em;margin:16px 0}.copy>p{font-size:16px;line-height:1.5}.copy>small:before,.booking>div>small:before,.why>div>small:before{content:'';display:inline-block;width:29px;height:2px;background:var(--r);vertical-align:middle;margin-right:12px}.actions{margin-top:26px}.trust{margin-top:46px;gap:30px}.trust b{font-size:12px}.trust small{font-size:10px}.heroimg{position:absolute;inset:0;background:none;pointer-events:none}.heroimg em{right:7%;bottom:10%;font-size:45px;border-bottom:2px solid var(--r);padding-bottom:8px}.services{position:relative;padding:0 3.6% 26px;background:linear-gradient(#050708bb,#050708)}.services>small,.services>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.grid{gap:9px}.grid article{padding:0 16px 16px;overflow:hidden;background:linear-gradient(#121719,#080d0f);min-height:260px}.servicephoto{height:93px;margin:0 -16px 16px;background-position:center;background-size:cover}.grid h3{font-size:13px;margin:12px 0 8px}.grid p{min-height:34px;font-size:11px;color:#d0d2d3}.grid button{margin-top:5px}.booking{min-height:304px;grid-template-columns:48% 52%;position:relative;background:url('booking.jpg') right center/auto 100% no-repeat}.booking>div:first-child{position:relative;z-index:1;background:linear-gradient(90deg,#050708,#050708e0);padding:40px 6vw 32px}.booking h2,.why h2{margin:10px 0;font-size:36px;letter-spacing:-.025em}.booking p,.why p{line-height:1.5;margin:8px 0}.steps{justify-content:space-between;gap:15px;margin:24px 0 49px}.steps:before{content:'';position:absolute;height:1px;background:#505559;width:75%;margin-top:17px}.steps b{background:#111619;z-index:1}.steps small{font-size:10px;width:90px;text-align:center;letter-spacing:0}.bookimg{background:linear-gradient(90deg,#05070822,transparent 50%,#050708aa);padding:28px}.bookimg blockquote{max-width:160px;line-height:1.4}.why{min-height:308px;grid-template-columns:38% 62%;gap:24px;padding:34px 6%;background:linear-gradient(#05070870,#05070830),url('rear.jpg') center bottom/cover}.benefits{grid-template-columns:repeat(4,1fr);gap:8px;align-content:start}.benefits b{min-height:130px;padding:30px 12px;font-size:13px;text-align:center;background:#080d0fd9}.why p{font-size:15px}.contact{padding:24px 6%;background:#070b0d}.contact h2{font-size:26px;margin:8px 0}footer .logo b{font-size:27px}.vl button:focus-visible,.vl a:focus-visible{outline:2px solid white;outline-offset:4px}.vl section[id]{scroll-margin-top:24px}
@media(min-width:1400px){.hero{min-height:650px}.copy{padding-top:180px}.servicephoto{height:130px}}
@media(max-width:1000px){.vl nav{gap:16px}.vl header{gap:12px}.logo{min-width:180px}.copy{width:72%}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vl header{height:86px;padding:0 22px}.vl header nav.open{display:flex;position:absolute;top:80px;left:15px;right:15px;flex-direction:column;background:#0b1012;padding:22px;border:1px solid #444;border-radius:10px}.hero{min-height:600px;background-position:62% center}.copy{padding:125px 22px 45px;width:100%;background:linear-gradient(90deg,#050708cc,#05070866)}.heroimg{display:none}.vl h1{font-size:clamp(38px,8vw,58px)}.trust{gap:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.services{padding:0 16px 26px}.servicephoto{height:115px}.booking{grid-template-columns:1fr;background-size:cover}.booking>div:first-child{padding:36px 24px;background:#050708c9}.bookimg{min-height:200px}.why{grid-template-columns:1fr;padding:36px 24px}.benefits{grid-template-columns:repeat(2,1fr)}.contact{padding:28px 24px}.contact h2{font-size:26px}.dialog{padding:22px}.steps small{width:74px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vl *{animation:none!important;transition:none!important}}

/* Button feedback: mouse, keyboard and touch */
.vl button,.vl .actions a{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.vl .vln-arrow{display:inline-block;pointer-events:none;transition:transform .22s ease}
.vl button:active,.vl .actions a:active{transform:translateY(1px) scale(.97)}
.vl button:focus-visible,.vl .actions a:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #ff183728}
.vl .red:before,.vl .next:before,.vl .submit:before{content:'';position:absolute;inset:-50% auto -50% -90%;width:45%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);pointer-events:none;z-index:-1}
.vl .vln-ripple{position:absolute;left:var(--vln-x);top:var(--vln-y);width:var(--vln-size);height:var(--vln-size);border-radius:50%;background:#ffffff38;pointer-events:none;z-index:2;animation:vln-ripple .6s ease-out forwards}
.vl nav a{position:relative;padding:7px 0;transition:color .2s ease}
.vl nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--r);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.vl nav a:focus-visible:after{transform:scaleX(1)}
.vl .opts button.sel{background:#291016;border-color:var(--r);box-shadow:inset 3px 0 0 var(--r),0 0 18px #ff183724}
@media(hover:hover) and (pointer:fine){
 .vl button:hover,.vl .actions a:hover{transform:translateY(-2px)}
 .vl .red:hover,.vl .next:hover,.vl .submit:hover{box-shadow:0 12px 30px #ff18374d;filter:brightness(1.08)}
 .vl .red:hover:before,.vl .next:hover:before,.vl .submit:hover:before{animation:vln-shine .65s ease-out}
 .vl button:hover .vln-arrow,.vl .actions a:hover .vln-arrow{transform:translateX(4px)}
 .vl .grid button:hover{background:var(--r);box-shadow:0 0 20px #ff183747;transform:translateY(-2px) scale(1.08)}
 .vl .actions a:hover,.vl .prev:hover,.vl .done button:hover{border-color:var(--r);background:#ff183712;box-shadow:0 8px 24px #0005}
 .vl .opts button:hover{border-color:var(--r);background:#211318}
 .vl .x:hover{background:#35121a;transform:rotate(8deg)}
 .vl .hamb:hover{color:var(--r)}
 .vl nav a:hover:after{transform:scaleX(1)}
 .vl button:active,.vl .actions a:active{transform:translateY(1px) scale(.97)}
}
@keyframes vln-shine{to{left:150%}}
@keyframes vln-ripple{from{opacity:.65;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.vl button,.vl a,.vl .vln-arrow{transition:none!important;transform:none!important}.vl .vln-ripple,.vl .red:before,.vl .next:before,.vl .submit:before{display:none}}

/* Keep the close control anchored after generic button animation styles. */
.vl .dialog>.x{position:absolute;top:18px;right:18px;left:auto;bottom:auto;z-index:5;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;line-height:1;flex-shrink:0}
.vl .dialog>.mlogo{padding-right:56px;min-height:40px;display:flex;align-items:center;letter-spacing:.06em}
@media(max-width:800px){.vl .dialog>.x{top:16px;right:16px}.vl .dialog>.mlogo{padding-right:50px}}

/* Date and time can be selected or typed. */
.vl .vln-datetime{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.vl .vln-datetime label{font-size:13px;line-height:1.5;margin:0 0 4px}.vl .vln-datetime input{font-size:16px;min-height:48px;color-scheme:dark}.vl .vln-calendar{background:#111619;border:1px solid #30383c;border-radius:12px;padding:12px;margin-top:10px}.vl .vln-calendar-head{display:flex;align-items:center;gap:6px;margin-bottom:10px}.vl .vln-calendar-head select{width:auto;flex:1;min-width:0;padding:8px 5px;font-size:13px;margin:0;color-scheme:dark}.vl .vln-calendar-head button{width:30px;height:34px;padding:0;border:1px solid #394146;border-radius:7px;color:#fff;background:#20262a;font-size:23px;flex-shrink:0}.vl .vln-weekdays,.vl .vln-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.vl .vln-weekdays span{text-align:center;font-size:11px;color:#9da7ad;padding:5px 0}.vl .vln-days button{min-height:34px;padding:4px 0;background:#1b2328;border:1px solid transparent;border-radius:7px;color:white;font-size:13px}.vl .vln-days button.today{border-color:#727d85}.vl .vln-days button.selected,.vl .vln-times button.selected{background:var(--r);border-color:var(--r);color:white;box-shadow:0 0 14px #ff18372b}.vl .vln-days button:disabled{opacity:.25;cursor:default;transform:none}.vl .vln-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.vl .vln-times button{min-height:42px;padding:10px;background:#151d21;border:1px solid #3a4247;border-radius:8px;color:white;font-size:14px}.vl .vln-date-note{font-size:12px;line-height:1.5;color:#9da7ad;margin-top:16px}@media(hover:hover){.vl .vln-days button:not(:disabled):hover,.vl .vln-times button:hover{border-color:var(--r);background:#38141d}}@media(max-width:600px){.vl .vln-datetime{grid-template-columns:1fr;gap:22px}.vl .vln-times{grid-template-columns:repeat(3,minmax(0,1fr))}.vl .vln-days button{min-height:38px}}

/* High-contrast circular date and time controls. */
.vl .vln-input-action{position:relative}.vl .vln-input-action input{padding-right:64px}
.vl .vln-input-action>.vln-picker-trigger{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:50%;background:var(--r);color:#fff;box-shadow:0 0 18px #ff183745;z-index:1}
.vl .vln-picker-trigger svg{width:21px;height:21px;pointer-events:none}
@media(hover:hover){.vl .vln-input-action>.vln-picker-trigger:hover{transform:translateY(-50%) scale(1.09);background:#ff3550;box-shadow:0 0 24px #ff18376b}}
.vl .vln-input-action>.vln-picker-trigger:active{transform:translateY(-50%) scale(.94)}
@media(prefers-reduced-motion:reduce){.vl .vln-input-action>.vln-picker-trigger,.vl .vln-input-action>.vln-picker-trigger:hover,.vl .vln-input-action>.vln-picker-trigger:active{transform:translateY(-50%)!important}}

/* VELNARO assistant */
.vl .vln-assistant{position:fixed;right:24px;bottom:24px;z-index:60;font-family:Arial,sans-serif}.vl .vln-ai-launch{display:flex;align-items:center;gap:12px;padding:10px 17px 10px 10px;background:#0c1114;color:white;border:1px solid #ff183775;border-radius:99px;box-shadow:0 8px 35px #0009,0 0 25px #ff183718;font-size:14px}.vl .vln-ai-launch b,.vl .vln-ai-head strong span{color:var(--r)}.vl .vln-ai-spark,.vl .vln-ai-avatar{display:grid;place-items:center;border-radius:50%;background:var(--r);color:white;width:38px;height:38px;font-size:24px;box-shadow:0 0 18px #ff183748;flex-shrink:0}.vl .vln-ai-launch-arrow{font-size:20px;color:#ff425b}.vl .vln-ai-panel[hidden]{display:none}.vl .vln-ai-panel{position:absolute;bottom:70px;right:0;width:380px;max-height:min(660px,calc(100dvh - 120px));display:flex;flex-direction:column;background:#0c1114;border:1px solid #ff183754;border-radius:18px;box-shadow:0 20px 70px #000b;overflow:hidden;animation:vln-ai-enter .25s ease-out}.vl .vln-ai-head{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(120deg,#181014,#0c1114);border-bottom:1px solid #303035}.vl .vln-ai-head strong{font-size:16px;letter-spacing:.02em}.vl .vln-ai-head small{display:block;font-size:11px;color:#aab0b4;margin-top:5px}.vl .vln-ai-head>.vln-ai-close{margin-left:auto;background:#22292d;border:0;border-radius:50%;width:32px;height:32px;flex-shrink:0;font-size:22px;color:white;padding:0}.vl .vln-ai-disclaimer{padding:9px 18px;color:#aab0b4;background:#11171a;font-size:9px;letter-spacing:.08em}.vl .vln-ai-messages{overflow:auto;min-height:160px;max-height:280px;padding:18px;display:flex;flex-direction:column;gap:12px}.vl .vln-ai-message{max-width:94%;padding:12px 14px;background:#1b2328;border:1px solid #303c42;border-radius:12px 12px 12px 3px;color:#e5eaed;white-space:pre-wrap;line-height:1.55;font-size:13px}.vl .vln-ai-message.user{align-self:flex-end;background:#36121a;border-color:#ff183745;border-radius:12px 12px 3px 12px}.vl .vln-ai-quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 18px 14px}.vl .vln-ai-quick button{background:#141c20;border:1px solid #48535a;border-radius:99px;padding:8px 10px;color:#dbe1e5;font-size:11px}.vl .vln-ai-book{margin:0 18px 14px;border:0;border-radius:9px;background:var(--r);padding:12px;color:white;font-weight:700}.vl .vln-ai-form{display:flex;gap:8px;margin:0;padding:14px;border-top:1px solid #30383d;background:#0b0f12}.vl .vln-ai-form input{flex:1;min-width:0;padding:12px;background:#171f23;border:1px solid #3e4a50;border-radius:9px;color:white;font-size:14px}.vl .vln-ai-form button{width:42px;border:0;border-radius:9px;background:var(--r);color:white;font-size:22px;flex-shrink:0}.vl .vln-ai-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes vln-ai-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.vl .vln-assistant{right:14px;bottom:14px}.vl .vln-ai-panel{width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 110px)}.vl .vln-ai-messages{max-height:230px}.vl .vln-ai-launch{font-size:13px}}

/* Assistant typing feedback */
.vl .vln-ai-typing{display:flex;align-items:center;gap:5px;align-self:flex-start;padding:12px 14px;background:#1b2328;border:1px solid #303c42;border-radius:12px 12px 12px 3px;min-height:44px}
.vl .vln-ai-typing span{color:#afb9bf;font-size:11px;margin-right:7px}
.vl .vln-ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--r);animation:vln-typing 1s ease-in-out infinite}
.vl .vln-ai-typing i:nth-of-type(2){animation-delay:.15s}.vl .vln-ai-typing i:nth-of-type(3){animation-delay:.3s}
.vl .vln-ai-form button:disabled{opacity:.55;cursor:wait}
@keyframes vln-typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){.vl .vln-ai-typing i{animation:none;opacity:1}}

.vl .vln-other-dialog{color:#fff;background:#0d1113;border:1px solid #ff173b;border-radius:22px;padding:32px;width:min(520px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto}.vln-other-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.vl .vln-other-dialog h2{margin:12px 0 20px;font-size:28px}.vl .vln-other-dialog small{color:#ff173b}.vl .vln-other-dialog label{display:block;color:#bcc1c6;margin-bottom:12px}.vl .vln-other-dialog textarea{width:100%;box-sizing:border-box;background:#171d20;color:white;border:1px solid #444;border-radius:12px;padding:14px;font:inherit;resize:vertical}.vl .vln-other-dialog textarea:focus{outline:2px solid #ff173b;outline-offset:2px}.vl .vln-other-close{position:absolute;right:14px;top:12px;border-radius:50%;width:38px;height:38px;background:#23282c;color:white}.vl .vln-other-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.vl .vln-other-cancel{background:#23282c;color:#fff;border-radius:30px;padding:12px 18px}.vl .vln-other-summary{color:#d8dce0;overflow-wrap:anywhere;background:#171d20;border-left:3px solid #ff173b;padding:12px}.vl .summary p{overflow-wrap:anywhere}

.vl .services article{cursor:pointer}.vl .services article:focus-visible{outline:2px solid var(--r);outline-offset:4px}

.vl .opts button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.vl .opts button::after{content:"";width:18px;height:18px;flex-shrink:0;border:1px solid #697077;border-radius:5px}.vl .opts button.sel::after{content:"✓";background:var(--r);border-color:var(--r);color:white;text-align:center;line-height:18px}.vl .vln-service-hint{color:#b8bec3;font-size:14px;line-height:1.5;margin-bottom:18px}

/* Crop the embedded partial step label from the left edge of the source photo. */
.vl .bookimg{background-image:url('booking.jpg');background-size:107% 100%;background-position:right center;background-repeat:no-repeat}

.vl .why{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:36px;align-items:center;padding-block:48px}.vl .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vl .vln-benefit{padding:20px 22px;background:linear-gradient(145deg,rgba(19,25,28,.96),rgba(7,12,14,.94));border:1px solid #343b40;border-radius:14px;min-width:0;box-shadow:0 12px 28px #0003;transition:border-color .2s,transform .2s}.vl .vln-benefit:hover{border-color:#9a2133;transform:translateY(-3px)}.vl .vln-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ff183715;color:var(--r);border:1px solid #ff183733;margin-bottom:14px}.vl .vln-benefit-icon svg{width:22px;height:22px}.vl .vln-benefit h3{font-size:15px;margin:0 0 8px;color:#fff}.vl .vln-benefit p{font-size:13px;line-height:1.55;color:#b8c0c5;margin:0;max-width:32ch}@media(max-width:800px){.vl .why{grid-template-columns:1fr;gap:24px}}@media(max-width:420px){.vl .benefits{grid-template-columns:1fr}.vl .vln-benefit{padding:18px 20px}}@media(prefers-reduced-motion:reduce){.vl .vln-benefit{transition:none}.vl .vln-benefit:hover{transform:none}}

/* Styled feature panels, including compatibility with cached legacy markup. */
.vl .why{padding-block:38px;min-height:300px}.vl .benefits{gap:12px;counter-reset:feature}.vl .benefits>b,.vl .vln-benefit{counter-increment:feature;position:relative;overflow:hidden;display:block;min-height:148px;padding:24px 22px 20px 68px;text-align:left;border:1px solid #ffffff18;border-left:3px solid var(--r);border-radius:4px 16px 16px 4px;background:linear-gradient(115deg,#171c20f5,#090d10f2);box-shadow:0 10px 26px #0005;font-size:15px;color:#fff;font-weight:700}.vl .benefits>b::before,.vl .vln-benefit::before{content:"0" counter(feature);position:absolute;left:18px;top:22px;font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px;color:var(--r);text-shadow:0 0 20px #ff18374d}.vl .benefits>b::after{display:block;margin-top:12px;font-size:13px;line-height:1.6;font-weight:400;color:#bac2c8;max-width:32ch}.vl .benefits>b:nth-child(1)::after{content:"Diagnostika in orodja za natančno delo na vašem vozilu."}.vl .benefits>b:nth-child(2)::after{content:"Vzdrževanje in nega, prilagojena vašemu avtomobilu."}.vl .benefits>b:nth-child(3)::after{content:"Enostavna izbira storitev in želenega termina na spletu."}.vl .benefits>b:nth-child(4)::after{content:"Jasen dogovor o obsegu dela in strošku pred izvedbo."}.vl .vln-benefit-icon{position:absolute;right:16px;bottom:14px;opacity:.18;width:48px;height:48px;background:transparent;border:0;margin:0}.vl .vln-benefit-icon svg{width:40px;height:40px}.vl .vln-benefit h3{margin:0 0 12px;font-size:15px}.vl .vln-benefit p{padding-right:12px}.vl .benefits>b:hover,.vl .vln-benefit:hover{border-color:#ff183766;box-shadow:0 12px 32px #0008,0 0 20px #ff183714}@media(max-width:420px){.vl .benefits>b,.vl .vln-benefit{padding-left:64px;min-height:130px}}

.vl .vln-service-dialog{position:fixed;width:min(600px,calc(100vw - 32px));max-height:88vh;overflow:auto;background:linear-gradient(145deg,#171d21,#080c0e);color:#fff;padding:36px;border:1px solid #8f2535;border-radius:20px;box-shadow:0 28px 100px #0009}.vln-service-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.vl .vln-detail-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:0;background:#252b30;color:white;font-size:24px}.vl .vln-service-dialog>small{color:var(--r);font-size:10px;letter-spacing:.15em}.vl .vln-service-dialog h2{font-size:30px;margin:20px 30px 14px 0}.vl .vln-service-dialog h3{font-size:15px;margin-top:24px}.vl .vln-detail-intro{color:#c7cdd1;line-height:1.6}.vl .vln-service-dialog ul{list-style:none;padding:0;margin:16px 0}.vl .vln-service-dialog li{padding:10px 0 10px 25px;border-bottom:1px solid #ffffff12;position:relative;font-size:14px;line-height:1.5}.vl .vln-service-dialog li::before{content:"✓";color:var(--r);position:absolute;left:0}.vl .vln-detail-time{display:inline-block;background:#ff183712;border:1px solid #ff183733;border-radius:8px;padding:10px 14px;font-size:13px}.vl .vln-detail-demo{color:#949ea5;font-size:11px;line-height:1.6;margin-bottom:22px}.vl .vln-detail-add{width:100%}@media(max-width:500px){.vl .vln-service-dialog{padding:28px 22px}.vl .vln-service-dialog h2{font-size:26px}}

/* Phone and tablet layout */
.vl{min-width:0}.vl img,.vl svg{max-width:100%}.vl input,.vl textarea,.vl select{max-width:100%}.vl button,.vl a{touch-action:manipulation}.vl .vln-ai-message{overflow-wrap:anywhere}.vl .dialog,.vl .vln-service-dialog,.vl .vln-other-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(min-width:801px) and (max-width:1100px){.vl .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vl header{gap:14px;padding-inline:24px}.vl header .logo{min-width:150px}.vl nav{gap:12px}.vl header>.red{padding:12px;font-size:12px}.vl .why{grid-template-columns:1fr;gap:24px}}
@media(max-width:800px){
 .vl header{height:80px;padding-inline:20px;z-index:30}.vl header .logo{min-width:0}.vl header .logo b{font-size:28px}.vl header .logo small{font-size:8px;letter-spacing:.22em}.vl .hamb{width:48px;height:48px;padding:0;display:grid;place-items:center;flex-shrink:0}.vl header nav.open{top:74px;padding:14px;max-height:calc(100dvh - 96px);overflow:auto}.vl header nav.open a{display:block;padding:14px 12px;font-size:16px;min-height:48px}
 .vl .hero{min-height:0;background-position:62% center}.vl .copy{width:100%;padding:112px 20px 32px}.vl h1{font-size:clamp(34px,8.5vw,56px);line-height:1.08;overflow-wrap:break-word}.vl .copy>p{font-size:15px}.vl .actions{flex-wrap:wrap}.vl .actions a{min-height:48px;display:flex;align-items:center;justify-content:center}.vl .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.vl .trust b{font-size:11px;line-height:1.5}.vl .trust small{font-size:10px;line-height:1.5}
 .vl .grid article{min-width:0}.vl .grid h3{font-size:15px;line-height:1.3}.vl .grid p{font-size:13px;line-height:1.5}.vl .grid button{width:44px;height:44px}.vl .booking{grid-template-columns:1fr;background:none}.vl .booking>div:first-child{padding:32px 20px;background:#090d10}.vl .booking h2,.vl .why h2{font-size:30px}.vl .booking>div:first-child>.red{width:100%;min-height:48px}.vl .steps{position:relative;margin:24px 0 50px;padding-inline:16px;gap:0}.vl .steps:before{left:32px;right:32px;width:auto}.vl .steps small{width:64px;font-size:10px}.vl .bookimg{padding:0;min-height:0;aspect-ratio:1.65;background-size:107% 100%}.vl .why{grid-template-columns:1fr;padding:32px 20px;gap:24px;background-position:65% bottom}.vl .contact{padding:28px 20px}.vl .contact>.red{width:100%;min-height:48px}.vl footer{padding:26px 20px 100px;gap:20px}.vl footer>small{line-height:1.5}
 .vl .dialog{width:calc(100% - 20px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:22px 18px;border-radius:16px}.vl .dialog>.mlogo{font-size:24px;padding-right:52px;letter-spacing:0}.vl .dialog>.x{width:44px;height:44px;top:12px;right:12px}.vl .step h2{font-size:26px;margin-block:18px}.vl .opts{gap:6px}.vl .opts button{font-size:16px;min-height:50px;margin:3px 0;padding:12px}.vl .step input,.vl .step select,.vl textarea{font-size:16px}.vl .progress{gap:16px;margin:18px 0}.vl .nav{position:sticky;bottom:-22px;background:#0b0e10;padding:14px 0 10px;margin-top:16px;z-index:3}.vl .nav button{min-height:48px;padding:12px 16px;font-size:14px}.vl .done{padding:30px 0}.vl .vln-datetime{grid-template-columns:1fr}.vl .vln-calendar{padding:8px}.vl .vln-calendar-head button{width:40px;height:44px}.vl .vln-calendar-head select{font-size:16px;min-height:44px}.vl .vln-days{gap:3px}.vl .vln-days button{min-height:40px;font-size:14px}.vl .vln-times button{min-height:44px;font-size:16px}
 .vl .vln-service-dialog,.vl .vln-other-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:28px 20px;border-radius:16px}.vl .vln-detail-close,.vl .vln-other-close{width:44px;height:44px;top:12px;right:12px}.vl .vln-other-dialog h2{padding-right:36px}.vl .vln-other-actions{flex-wrap:wrap}.vl .vln-other-actions button{min-height:48px;flex:1}.vl .vln-detail-add{min-height:48px}
 .vl .vln-assistant{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.vl .vln-ai-panel{width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 100px);bottom:64px}.vl .vln-ai-head{padding:14px;gap:9px}.vl .vln-ai-head>.vln-ai-close{width:44px;height:44px}.vl .vln-ai-messages{min-height:70px;flex:1;max-height:none;padding:14px}.vl .vln-ai-head,.vl .vln-ai-disclaimer,.vl .vln-ai-quick,.vl .vln-ai-book,.vl .vln-ai-form{flex-shrink:0}.vl .vln-ai-quick{padding:0 14px 10px}.vl .vln-ai-quick button{min-height:44px;font-size:12px}.vl .vln-ai-book{min-height:44px;margin:0 14px 10px}.vl .vln-ai-form input{font-size:16px}.vl .vln-ai-form button{width:44px;min-height:44px}
}
@media(max-width:380px){.vl .grid{grid-template-columns:1fr}.vl .servicephoto{height:155px}.vl .grid article{min-height:0}.vl .trust{grid-template-columns:1fr;gap:10px}.vl .trust small{display:inline;margin-left:6px}.vl .nav button{padding:12px;font-size:13px}.vl .vln-ai-head strong{font-size:14px}}
@media(hover:none){.vl .grid article:hover,.vl .vln-benefit:hover,.vl .red:hover{transform:none}}
@media(max-height:500px) and (max-width:800px){.vl .vln-ai-panel{bottom:0;max-height:calc(100dvh - 24px)}.vl .vln-ai-quick,.vl .vln-ai-disclaimer{display:none}}