:root{
  --bg:#050506;
  --bg2:#09120e;
  --panel:rgba(12,12,14,.82);
  --panel2:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.11);
  --line2:rgba(85,217,156,.38);
  --text:#f5f7fb;
  --muted:#aeb6c0;
  --muted2:#85919d;
  --accent:#55d99c;
  --accent2:#55d99c;
  --accent3:#55d99c;
  --danger:#ff6b6b;
  --shadow:0 28px 80px rgba(0,0,0,.52);
  --radius:24px;
  --container:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 18% 0%,#091c14 0,#070709 38%,#020203 100%);color:var(--text);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.page-glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(55px);opacity:.45}.page-glow-a{width:360px;height:360px;background:#0e5138;left:-130px;top:200px}.page-glow-b{width:300px;height:300px;background:#146147;right:-90px;top:740px}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;height:92px;padding:0 clamp(22px,4vw,48px);background:linear-gradient(180deg,rgba(6,6,8,.92),rgba(6,6,8,.72));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.site-header.compact{height:82px}.brand{display:flex;align-items:center;gap:16px;min-width:330px}.brand-mark{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.brand-logo{width:320px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.site-nav{display:flex;align-items:center;justify-content:center;gap:32px;color:#e7ebef;font-weight:650;font-size:15px}.site-nav a{position:relative;opacity:.88;transition:.2s}.site-nav a:hover,.site-nav a.active{opacity:1;color:#fff}.site-nav a.active:after{content:"";position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);width:38px;height:3px;border-radius:999px;background:#55d99c}.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(85,217,156,.55);background:#55d99c;color:#111823;font-weight:900;padding:17px 25px;border-radius:12px;box-shadow:0 16px 36px rgba(85,217,156,.28);transition:.22s}.header-cta:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.header-cta span,.btn span,.link-btn span{font-size:24px;line-height:0}.nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px;gap:5px;flex-direction:column;align-items:center;justify-content:center}.nav-toggle span{width:24px;height:2px;background:#fff;border-radius:999px}
.hero{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero-bg{position:absolute;inset:0;background-image:url('../img/hero-fleet.webp');background-size:cover;background-position:center right;transform:scale(1.02);filter:saturate(1.02) contrast(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,4,.98) 0%,rgba(7,7,9,.92) 26%,rgba(3,20,12,.54) 58%,rgba(4,14,10,.40) 100%),linear-gradient(0deg,rgba(3,3,4,.95) 0%,rgba(0,32,18,.10) 45%,rgba(3,12,8,.34) 100%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,720px) minmax(360px,430px);align-items:end;gap:48px;padding:96px 0 72px}.hero-copy{padding-top:40px;align-self:center}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 16px;color:var(--accent2);font-weight:850;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.eyebrow span{width:31px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent2),transparent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7vw,96px);line-height:.95;letter-spacing:-.065em;margin:0 0 25px}.hero h1 strong{display:block;color:#55d99c;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}.lead{font-size:20px;line-height:1.7;color:#d7dde5;max-width:720px;margin-bottom:28px}.lead b{color:var(--accent2)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:16px 22px;font-weight:900;transition:.22s}.btn-primary{background:#55d99c;color:#111823;box-shadow:0 20px 50px rgba(85,217,156,.26)}.btn-ghost,.link-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#f9fbff}.btn.full{width:100%;margin-top:7px}.trust-row{display:flex;flex-wrap:wrap;gap:12px}.trust-row span{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#c9d1da;font-size:14px}.booking-card{align-self:end;background:linear-gradient(180deg,rgba(12,12,14,.92),rgba(9,9,12,.82));border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;backdrop-filter:blur(18px)}.booking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.booking-head h2{font-size:28px;margin:4px 0 0}.booking-head img{width:45px}.kicker{color:var(--accent2);margin:0;font-size:13px;font-weight:800}.form-row{display:grid;gap:12px;margin-bottom:12px}.form-row.two{grid-template-columns:1fr .72fr}label{display:block;margin-bottom:12px}label span{display:block;color:#dce2e9;font-weight:750;margin-bottom:8px;font-size:13px}input,select{width:100%;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:#f5f7fb;outline:0;padding:0 13px;transition:.2s;color-scheme:dark}input:focus,select:focus{border-color:rgba(85,217,156,.75);box-shadow:0 0 0 4px rgba(85,217,156,.11)}select option{background:#07111c;color:#fff}.booking-note{margin:14px 0 0;color:var(--muted2);font-size:12px;text-align:center}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-38px;position:relative;z-index:5}.benefit-card,.car-card,.step,.contact-card,.promo,.admin-panel,.admin-stats article{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:0 18px 70px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.benefit-card{padding:26px;min-height:184px}.icon,.step-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(85,217,156,.54);color:var(--accent2);font-size:31px;background:rgba(85,217,156,.10);box-shadow:0 0 28px rgba(85,217,156,.14)}.benefit-card h3{font-size:20px;margin:19px 0 10px}.benefit-card p{color:var(--muted);line-height:1.55;margin:0}.fleet-section,.process,.contact-section{padding:92px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head.centered{justify-content:center;text-align:center}.section-head h2{font-size:clamp(38px,4.5vw,61px);line-height:1;letter-spacing:-.05em;margin:0}.section-head h2 strong{color:var(--accent)}.link-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:13px;font-weight:850;transition:.2s}.link-btn:hover{border-color:rgba(85,217,156,.58);color:#fff}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.car-card{overflow:hidden;transition:.25s}.car-card:hover{transform:translateY(-5px);border-color:rgba(85,217,156,.34)}.car-image{height:250px;position:relative;overflow:hidden}.car-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,13,22,.92) 0%,rgba(5,13,22,.08) 78%)}.car-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.car-card:hover .car-image img{transform:scale(1.06)}.car-content{padding:22px;margin-top:-64px;position:relative;z-index:2}.tag{color:#55d99c;font-size:13px;font-weight:800;margin-bottom:5px}.car-content h3{font-size:26px;margin-bottom:14px}.car-content ul{margin:0 0 22px;padding:0;list-style:none;color:#bdc7d1;font-size:14px;display:grid;gap:7px}.car-content li:before{content:"✓";color:var(--accent2);margin-right:7px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-line span{white-space:nowrap;color:#d5dde6}.price-line b{color:var(--accent2);font-size:24px}.price-line button{border:1px solid rgba(85,217,156,.42);background:rgba(85,217,156,.10);color:#fff;border-radius:11px;font-weight:850;padding:10px 12px;cursor:pointer}.price-line button:hover{background:rgba(85,217,156,.20)}
.car-card-bentley{grid-column:span 2;display:grid;grid-template-columns:minmax(280px,42%) 1fr;align-items:stretch}.car-card-bentley .car-image{height:100%;min-height:360px;background:#050b12;display:grid;place-items:center;position:relative;isolation:isolate}.car-card-bentley .car-image:before{content:'';position:absolute;inset:0;background-image:url('../img/bentley/bentley-main.webp');background-size:cover;background-position:center 68%;filter:blur(18px);transform:scale(1.08);opacity:.34;z-index:-1}.car-card-bentley .car-image:after{display:none}.car-card-bentley .car-image img{width:100%;height:100%;object-fit:cover;object-position:center 68%;padding:0}.car-card-bentley .car-content{margin-top:0;display:flex;flex-direction:column;justify-content:center;padding:26px 24px}.car-card-bentley .car-content h3{font-size:28px}.car-card-bentley .car-content ul{margin-bottom:26px}.featured-car{margin-top:28px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch;padding:26px;background:linear-gradient(135deg,rgba(255,255,255,.072),rgba(255,255,255,.026));border:1px solid rgba(85,217,156,.18);border-radius:calc(var(--radius) + 4px);box-shadow:0 28px 90px rgba(0,0,0,.34);position:relative;overflow:hidden}.featured-car:before{content:"";position:absolute;right:-160px;top:-180px;width:390px;height:390px;background:radial-gradient(circle,rgba(85,217,156,.18),transparent 65%);pointer-events:none}.featured-media{position:relative;z-index:1}.featured-main{width:min(100%,540px);height:720px;margin:0 auto;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#050b12;box-shadow:0 18px 60px rgba(0,0,0,.32);position:relative;display:grid;place-items:center;isolation:isolate;--gallery-bg:url('../img/bentley/bentley-main.webp')}.featured-main:before{content:'';position:absolute;inset:0;background-image:var(--gallery-bg);background-size:cover;background-position:center 68%;filter:blur(26px) saturate(1.05);transform:scale(1.08);opacity:.42;z-index:-2}.featured-main:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,18,.22),rgba(5,11,18,.58));z-index:-1}.featured-main img{width:100%;height:100%;object-fit:cover;object-position:center 68%;padding:0}.featured-thumbs{display:flex;flex-wrap:nowrap;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(85,217,156,.45) rgba(255,255,255,.04)}.featured-thumbs button{flex:0 0 82px;width:82px;aspect-ratio:3/4;height:auto;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#050b12;cursor:pointer;transition:.2s;position:relative;display:block;isolation:isolate}.featured-thumbs button:before{display:none}.featured-thumbs button:hover,.featured-thumbs button.active{border-color:rgba(85,217,156,.62);transform:translateY(-2px)}.featured-thumbs img{width:100%;height:100%;display:block;object-fit:cover !important;object-position:center center;padding:0 !important;background:transparent}.featured-copy{position:relative;z-index:1;align-self:center;padding:10px 8px}.featured-copy h2{font-size:clamp(40px,5vw,70px);line-height:.96;letter-spacing:-.06em;margin:0 0 18px}.featured-copy h2 strong{display:block;color:var(--accent2)}.featured-copy p{color:#d4dbe4;line-height:1.72;font-size:16px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.spec-grid div{padding:16px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.spec-grid span{display:block;color:var(--muted2);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;margin-bottom:7px}.spec-grid b{font-size:22px;color:#fff}.featured-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;color:#c3ccd6;line-height:1.5}.featured-list li:before{content:"✓";color:var(--accent2);margin-right:9px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}.steps:before{content:"";position:absolute;left:17%;right:17%;top:72px;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent);z-index:-1}.step{text-align:center;padding:34px 28px;position:relative}.step b{position:absolute;left:24px;top:16px;font-size:76px;letter-spacing:-.08em;color:rgba(255,255,255,.045)}.step-icon{margin:0 auto 20px;border-radius:999px}.step h3{font-size:23px}.step p{color:var(--muted);line-height:1.65;margin:0}.promo{margin-top:76px;padding:28px;display:grid;grid-template-columns:260px 1fr 390px;gap:30px;align-items:center;overflow:hidden;position:relative}.promo:before{content:"";position:absolute;inset:auto -100px -180px auto;width:400px;height:400px;background:radial-gradient(circle,rgba(85,217,156,.16),transparent 65%)}.promo-visual{height:190px;border-radius:20px;background:radial-gradient(circle at 52% 46%,rgba(85,217,156,.22),rgba(255,255,255,.04) 40%,rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;position:relative;overflow:hidden}.promo-visual img{width:126px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}.promo-ring{position:absolute;width:250px;height:250px;border:1px solid rgba(85,217,156,.28);border-radius:50%;animation:spin 20s linear infinite}.promo-copy h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.05em;line-height:1.08;margin:0}.promo-copy strong{color:var(--accent2)}.promo-list{list-style:none;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.14);padding-left:30px;display:grid;gap:18px;color:#d8dee6}.promo-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid rgba(85,217,156,.55);border-radius:50%;color:var(--accent2);margin-right:12px;font-size:13px}.contact-card{padding:38px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.contact-card h2{font-size:44px;letter-spacing:-.05em;margin-bottom:12px}.contact-card p{color:var(--muted);line-height:1.75}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-grid a{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}.contact-grid b{display:block;color:var(--accent2);margin-bottom:8px}.contact-grid span{color:#e0e6ed}.site-footer{margin-top:90px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.22));padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:56px}.footer-brand img{width:310px;max-width:100%;height:auto;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:var(--muted);line-height:1.75;margin-bottom:8px}.footer-grid h3{margin:0 0 16px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;color:var(--muted2);font-size:13px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#0c1825;border:1px solid rgba(85,217,156,.42);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px;color:#fff;max-width:380px;transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}
.admin-body{background:radial-gradient(circle at 15% 0%,#10243a,#06101a 45%,#040a11)}.admin-wrap{padding-top:70px}.admin-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:34px}.admin-hero h1{font-size:54px}.admin-hero p{color:var(--muted);max-width:780px;line-height:1.7}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.admin-stats article{padding:24px}.admin-stats span{font-size:34px;font-weight:900;color:var(--accent2)}.admin-stats p{margin:6px 0 0;color:var(--muted)}.admin-panel{padding:28px}.danger{color:#ffdede;border-color:rgba(255,107,107,.36)}.table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:17px;border-bottom:1px solid rgba(255,255,255,.08)}th{color:#8de6b7;background:rgba(255,255,255,.045);font-size:13px;text-transform:uppercase;letter-spacing:.08em}td{color:#d8dee6}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(85,217,156,.12);border:1px solid rgba(85,217,156,.32);color:#b6f3d1;font-size:12px;font-weight:800}.empty-note{color:var(--muted);margin:18px 0 0}.empty-note.hidden{display:none}
@media (max-width:1150px){.featured-car{grid-template-columns:1fr}.featured-main{width:min(100%,520px);height:650px}.featured-thumbs{display:flex;flex-wrap:nowrap;overflow-x:auto}.site-header{grid-template-columns:auto auto;justify-content:space-between}.header-cta{display:none}.site-nav{position:absolute;top:92px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,17,28,.96);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a.active:after{display:none}.nav-toggle{display:flex}.hero-grid{grid-template-columns:1fr}.booking-card{max-width:560px}.benefits,.fleet-grid{grid-template-columns:repeat(2,1fr)}.promo{grid-template-columns:1fr}.promo-visual{height:160px}.promo-list{border-left:0;padding-left:0}.contact-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.car-card-bentley{grid-column:span 1;grid-template-columns:1fr}.car-card-bentley .car-image{height:260px;min-height:260px}.car-card-bentley .car-content{padding:22px}.featured-car{padding:16px}.featured-main{width:min(100%,100%);height:540px}.featured-thumbs{display:flex;flex-wrap:nowrap;overflow-x:auto}.featured-thumbs button{flex:0 0 72px;width:72px;aspect-ratio:3/4;height:auto}.spec-grid{grid-template-columns:1fr}.container{width:min(100% - 28px,var(--container))}.site-header{height:78px;padding:0 14px}.brand{min-width:0}.brand-mark{width:44px;height:44px}.brand-logo{width:230px;max-width:100%}.site-nav{top:78px}.hero{min-height:auto}.hero-overlay{background:linear-gradient(180deg,rgba(4,10,17,.72),rgba(4,10,17,.96) 53%,rgba(4,10,17,.99))}.hero-bg{background-position:center top}.hero-grid{padding:82px 0 44px;gap:28px}.hero-copy{padding-top:0}h1{font-size:51px}.lead{font-size:16px}.form-row.two{grid-template-columns:1fr}.benefits{margin-top:18px}.benefits,.fleet-grid,.steps,.contact-grid,.footer-grid,.admin-stats{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.car-image{height:230px}.steps:before{display:none}.promo{padding:18px}.contact-card{padding:24px}.footer-bottom{flex-direction:column;gap:8px}.admin-hero{flex-direction:column;align-items:flex-start}.admin-hero h1{font-size:38px}.site-footer{margin-top:54px}}

.featured-thumbs::-webkit-scrollbar{height:8px}.featured-thumbs::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.featured-thumbs::-webkit-scrollbar-thumb{background:rgba(85,217,156,.45);border-radius:999px}

.car-card-mercedes .car-image:before{background-image:url('../img/mercedes/mercedes-main.webp');background-position:center 64%}
.car-card-mercedes .car-image img{object-position:center 64%}
.featured-car-mercedes{margin-top:36px}
.featured-car-mercedes .featured-main{--gallery-bg:url('../img/mercedes/mercedes-main.webp')}
.car-card-s500 .car-image:before{background-image:url('../img/s500/s500-main.webp');background-position:center 66%}
.car-card-s500 .car-image img{object-position:center 66%}
.featured-car-s500{margin-top:36px}
.featured-car-s500 .featured-main{--gallery-bg:url('../img/s500/s500-main.webp')}
.car-card-porsche .car-image:before{background-image:url('../img/macan/macan-main.webp');background-position:center 66%}
.car-card-porsche .car-image img{object-position:center 66%}
.featured-car-porsche{margin-top:36px}
.featured-car-porsche .featured-main{--gallery-bg:url('../img/macan/macan-main.webp')}
.car-card-camaro .car-image:before{background-image:url('../img/camaro/camaro-main.webp');background-position:center 66%}
.car-card-camaro .car-image img{object-position:center 66%}
.featured-car-camaro{margin-top:36px}
.featured-car-camaro .featured-main{--gallery-bg:url('../img/camaro/camaro-main.webp')}
.car-card-maserati .car-image:before{background-image:url('../img/maserati/maserati-main.webp');background-position:center 66%}
.car-card-maserati .car-image img{object-position:center 66%}
.featured-car-maserati{margin-top:36px}
.featured-car-maserati .featured-main{--gallery-bg:url('../img/maserati/maserati-main.webp')}
.car-card-g350 .car-image:before{background-image:url('../img/g350/g350-main.webp');background-position:center 66%}
.car-card-g350 .car-image img{object-position:center 66%}
.featured-car-g350{margin-top:36px}
.featured-car-g350 .featured-main{--gallery-bg:url('../img/g350/g350-main.webp')}
.car-card-bmw740xd .car-image:before{background-image:url('../img/bmw740xd/bmw740xd-main.webp');background-position:center 66%}
.car-card-bmw740xd .car-image img{object-position:center 66%}
.featured-car-bmw740xd{margin-top:36px}
.featured-car-bmw740xd .featured-main{--gallery-bg:url('../img/bmw740xd/bmw740xd-main.webp')}


/* Vehicle detail toggle */
.car-detail-panel{display:none;margin-top:34px;scroll-margin-top:110px}
.car-detail-panel.is-open{display:grid}
.detail-close{position:absolute;right:22px;top:22px;z-index:4;border:1px solid rgba(255,255,255,.14);background:rgba(5,13,22,.72);color:#f5f7fb;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer;backdrop-filter:blur(12px);transition:.2s}
.detail-close:hover{border-color:rgba(85,217,156,.55);color:#fff;transform:translateY(-1px)}
.car-actions{align-items:flex-end}
.car-actions > div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.car-actions button[data-detail]{background:#55d99c;color:#101722;border-color:rgba(85,217,156,.58)}
.car-actions button[data-pick]{background:rgba(255,255,255,.055)}
.detail-hint{margin-top:22px;padding:16px 18px;border:1px solid rgba(85,217,156,.22);border-radius:18px;background:rgba(85,217,156,.065);color:#d8dee6;line-height:1.55}
@media (max-width:760px){.detail-close{right:14px;top:14px}.car-actions{align-items:flex-start}.car-actions > div{width:100%;justify-content:flex-start}.car-actions button{flex:1 1 auto}}

.car-card-audi{grid-column:span 2}.car-card-audi .car-image:before{background-image:url('../img/audi/audi-main.webp');background-position:center 66%}.car-card-audi .car-image img{object-position:center 66%}.featured-car-audi{margin-top:36px}.featured-car-audi .featured-main{--gallery-bg:url('../img/audi/audi-main.webp')}
@media (max-width:1150px){.car-card-audi{grid-column:span 2}}
@media (max-width:760px){.car-card-audi{grid-column:span 1}}

.car-card-a5 .car-image:before{background-image:url('../img/a5/a5-main.webp');background-position:center 66%}.car-card-a5 .car-image img{object-position:center 66%}.featured-car-a5{margin-top:36px}.featured-car-a5 .featured-main{--gallery-bg:url('../img/a5/a5-main.webp')}


/* UX polish update */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:999;background:#091724;color:#fff;padding:12px 16px;border-radius:12px;border:1px solid rgba(85,217,156,.5)}
.car-meta{display:flex;flex-wrap:wrap;gap:7px;margin:-6px 0 14px}.car-meta span{font-size:12px;font-weight:850;letter-spacing:.03em;color:#b6f3d1;border:1px solid rgba(85,217,156,.28);background:rgba(85,217,156,.09);padding:6px 9px;border-radius:999px}.car-actions button[data-detail],.car-actions button[data-pick]{min-width:116px}.price-line b{font-size:21px}.car-card .price-line span{white-space:normal}.fleet-grid{align-items:stretch}.section-sub{color:var(--muted);line-height:1.7;max-width:760px;margin:14px 0 0}.rental-info,.faq-section{padding:92px 0 0}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card,.faq-list details{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:0 18px 70px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.info-card{padding:26px;min-height:210px;position:relative;overflow:hidden}.info-card:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(85,217,156,.12),transparent 65%)}.info-card b{display:inline-flex;margin-bottom:26px;color:rgba(85,217,156,.85);font-size:14px;letter-spacing:.12em}.info-card h3{font-size:24px;margin-bottom:12px}.info-card p{color:var(--muted);line-height:1.65;margin:0}.faq-list{display:grid;gap:13px;max-width:980px;margin:0 auto}.faq-list details{padding:0;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent2);font-size:28px;line-height:1}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--muted);line-height:1.75;margin:0;padding:0 24px 24px}.quick-contact{position:fixed;right:18px;bottom:18px;z-index:180;display:flex;gap:8px;padding:8px;border:1px solid rgba(85,217,156,.28);background:rgba(6,16,26,.78);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.38)}.quick-contact a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;font-weight:900;font-size:13px;color:#f8fbff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.quick-contact a:last-child{color:#111823;background:#55d99c;border-color:rgba(85,217,156,.55)}.contact-grid{grid-template-columns:repeat(3,1fr)}.booking-card label span:after{content:" *";color:var(--accent2)}.booking-card label:has(select[name="pickupTime"]) span:after,.booking-card label:has(select[name="returnTime"]) span:after{content:""}.car-detail-panel{animation:detailIn .25s ease}@keyframes detailIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1150px){.info-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.quick-contact{left:50%;right:auto;transform:translateX(-50%);bottom:12px}.quick-contact a{min-width:88px}}
@media (max-width:760px){.rental-info,.faq-section{padding-top:64px}.info-grid,.contact-grid{grid-template-columns:1fr}.quick-contact{width:calc(100% - 24px);justify-content:space-between}.quick-contact a{flex:1;padding:0 8px}.brand-logo{width:200px;max-width:calc(100vw - 96px)}.site-footer{padding-bottom:82px}.toast{bottom:86px;left:14px;right:14px;max-width:none}.faq-list summary{font-size:16px;padding:19px}.faq-list p{padding:0 19px 19px}.price-line{align-items:flex-start;flex-direction:column}.car-actions > div{justify-content:stretch}.car-actions button[data-detail],.car-actions button[data-pick]{flex:1 1 130px}}


/* Quick questions widget */
@media (min-width:1151px){.quick-contact{left:18px;right:auto}}
.quick-qa-widget{position:fixed;right:18px;bottom:18px;z-index:210;font-family:inherit;color:var(--text)}
.quick-qa-toggle{display:flex;align-items:center;gap:12px;border:1px solid rgba(85,217,156,.42);background:linear-gradient(180deg,rgba(8,18,29,.92),rgba(5,12,20,.88));color:#f8fbff;border-radius:18px;padding:10px 15px 10px 10px;box-shadow:0 18px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px);cursor:pointer;transition:.22s}
.quick-qa-toggle:hover{transform:translateY(-2px);border-color:rgba(85,217,156,.7)}
.quick-qa-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#55d99c;color:#101722;font-size:23px;font-weight:950;box-shadow:0 12px 30px rgba(85,217,156,.25)}
.quick-qa-toggle b{display:block;font-size:14px;line-height:1.1}.quick-qa-toggle small{display:block;color:var(--muted);font-size:12px;margin-top:3px;text-align:left}.quick-qa-panel{position:absolute;right:0;bottom:68px;width:min(420px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 110px));overflow:hidden;border:1px solid rgba(85,217,156,.28);background:linear-gradient(180deg,rgba(9,22,35,.97),rgba(5,12,20,.97));border-radius:24px;box-shadow:0 24px 90px rgba(0,0,0,.55);backdrop-filter:blur(22px);transform:translateY(14px) scale(.98);opacity:0;pointer-events:none;transition:.22s;transform-origin:bottom right}.quick-qa-widget.is-open .quick-qa-panel{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.quick-qa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 20% 0%,rgba(85,217,156,.13),transparent 44%)}.quick-qa-head p{margin:0 0 5px;color:var(--accent2);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quick-qa-head h3{margin:0;font-size:22px;letter-spacing:-.03em}.quick-qa-head button{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer}.quick-qa-body{padding:16px;display:grid;gap:14px}.quick-qa-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-qa-list button{text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#edf3f9;border-radius:14px;padding:11px 12px;font-weight:850;font-size:13px;line-height:1.25;cursor:pointer;transition:.2s}.quick-qa-list button:hover,.quick-qa-list button.active{border-color:rgba(85,217,156,.55);background:rgba(85,217,156,.13);color:#fff}.quick-qa-answer{min-height:132px;border:1px solid rgba(85,217,156,.24);border-radius:18px;background:rgba(85,217,156,.075);padding:16px}.quick-qa-answer span{display:inline-flex;margin-bottom:8px;color:var(--accent2);font-weight:950;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.quick-qa-answer p{margin:0;color:#d9e1ea;line-height:1.65;font-size:14px}.quick-qa-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-qa-cta a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:13px;font-weight:950;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#f8fbff}.quick-qa-cta a:first-child{background:#55d99c;color:#111823;border-color:rgba(85,217,156,.55)}
@media (max-width:1150px){.quick-qa-widget{right:12px;bottom:82px}.quick-qa-panel{bottom:68px}}
@media (max-width:760px){.quick-qa-widget{left:12px;right:12px;bottom:82px}.quick-qa-toggle{margin-left:auto}.quick-qa-panel{left:0;right:0;width:100%;bottom:66px;max-height:calc(100vh - 170px);overflow:auto}.quick-qa-list{grid-template-columns:1fr}.quick-qa-head h3{font-size:20px}.quick-qa-cta{grid-template-columns:1fr}.quick-qa-answer{min-height:116px}}

/* Real chat assistant */
.chat-assistant{position:fixed;right:18px;bottom:18px;z-index:230;font-family:inherit;color:var(--text)}
.chat-launcher{position:relative;display:flex;align-items:center;gap:12px;border:1px solid rgba(85,217,156,.42);background:linear-gradient(180deg,rgba(9,22,35,.96),rgba(5,12,20,.94));color:#f8fbff;border-radius:999px;padding:10px 17px 10px 10px;box-shadow:0 18px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px);cursor:pointer;transition:.22s}
.chat-launcher:hover{transform:translateY(-2px);border-color:rgba(85,217,156,.72)}
.chat-launcher-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#55d99c;box-shadow:0 12px 32px rgba(85,217,156,.28);font-size:22px}
.chat-launcher-text{text-align:left;line-height:1.05}.chat-launcher-text b{display:block;font-size:14px}.chat-launcher-text small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.chat-launcher i{position:absolute;right:8px;top:7px;width:12px;height:12px;border-radius:50%;background:#ff4d4d;border:2px solid #07111c;opacity:0;transform:scale(.5);transition:.2s}.chat-assistant.has-unread .chat-launcher i{opacity:1;transform:scale(1)}
.chat-window{position:absolute;right:0;bottom:76px;width:min(430px,calc(100vw - 36px));height:min(680px,calc(100vh - 112px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(85,217,156,.30);background:linear-gradient(180deg,rgba(9,22,35,.98),rgba(5,12,20,.98));border-radius:26px;box-shadow:0 28px 100px rgba(0,0,0,.62);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transform:translateY(18px) scale(.98);transform-origin:bottom right;transition:.24s ease}
.chat-assistant.is-open .chat-window{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.chat-head{display:flex;align-items:center;gap:14px;padding:18px 18px 16px;border-bottom:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 20% 0%,rgba(85,217,156,.16),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.chat-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#55d99c;color:#111823;font-weight:950;box-shadow:0 12px 30px rgba(85,217,156,.25)}
.chat-head p{margin:0 0 3px;color:var(--accent2);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.chat-head h3{margin:0;font-size:22px;letter-spacing:-.035em}.chat-head small{display:flex;align-items:center;gap:6px;color:#bcc7d1}.chat-head small span{width:8px;height:8px;border-radius:50%;background:#54e18a;box-shadow:0 0 16px rgba(84,225,138,.75)}
.chat-head button{margin-left:auto;width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;font-size:23px;line-height:1;cursor:pointer;transition:.2s}.chat-head button:hover{border-color:rgba(85,217,156,.55);transform:translateY(-1px)}
.chat-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(85,217,156,.45) rgba(255,255,255,.04)}
.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(85,217,156,.45);border-radius:999px}
.chat-msg{display:flex;max-width:86%;animation:chatMsgIn .2s ease}.chat-msg p{margin:0;padding:12px 14px;border-radius:17px;line-height:1.55;font-size:14px}.chat-msg.bot{align-self:flex-start}.chat-msg.bot p{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);color:#e3e9f0;border-bottom-left-radius:6px}.chat-msg.user{align-self:flex-end}.chat-msg.user p{background:#55d99c;color:#101722;font-weight:800;border-bottom-right-radius:6px}.chat-msg.typing p{display:flex;gap:5px;align-items:center;min-width:58px}.chat-msg.typing span{width:6px;height:6px;border-radius:50%;background:#d8e1ea;opacity:.55;animation:typingDot 1s infinite ease-in-out}.chat-msg.typing span:nth-child(2){animation-delay:.14s}.chat-msg.typing span:nth-child(3){animation-delay:.28s}
.chat-questions{display:flex;gap:8px;overflow-x:auto;padding:0 16px 14px;scrollbar-width:none}.chat-questions::-webkit-scrollbar{display:none}.chat-questions button{flex:0 0 auto;border:1px solid rgba(85,217,156,.25);background:rgba(85,217,156,.08);color:#b6f3d1;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer;transition:.2s;white-space:nowrap}.chat-questions button:hover{border-color:rgba(85,217,156,.62);background:rgba(85,217,156,.16);color:#fff;transform:translateY(-1px)}
.chat-input{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px;border-top:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}.chat-input input{height:46px;border-radius:15px}.chat-input button{border:1px solid rgba(85,217,156,.48);border-radius:15px;background:#55d99c;color:#101722;font-weight:950;padding:0 14px;cursor:pointer}
.chat-nudge{position:absolute;right:0;bottom:78px;width:min(340px,calc(100vw - 36px));display:flex;gap:8px;align-items:flex-start;opacity:0;pointer-events:none;transform:translateY(12px);transition:.24s ease}.chat-assistant.has-nudge:not(.is-open) .chat-nudge{opacity:1;pointer-events:auto;transform:translateY(0)}
.chat-nudge button:first-child{text-align:left;flex:1;border:1px solid rgba(85,217,156,.34);background:linear-gradient(180deg,rgba(9,22,35,.97),rgba(5,12,20,.96));color:#fff;border-radius:18px;padding:14px 15px;box-shadow:0 18px 60px rgba(0,0,0,.45);cursor:pointer}.chat-nudge b{display:block;font-size:15px;margin-bottom:4px}.chat-nudge span{display:block;color:#b9c5cf;font-size:13px;line-height:1.35}.chat-nudge-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(5,12,20,.9);color:#fff;font-size:20px;cursor:pointer}
@keyframes chatMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
@media (max-width:1150px){.chat-assistant{right:12px;bottom:82px}.chat-window{bottom:76px}.chat-nudge{bottom:78px}}
@media (max-width:760px){.chat-assistant{left:12px;right:12px;bottom:82px}.chat-launcher{margin-left:auto}.chat-window{left:0;right:0;width:100%;height:min(650px,calc(100vh - 170px));bottom:74px;border-radius:24px}.chat-nudge{right:0;left:0;width:100%;bottom:78px}.chat-questions{padding-left:14px;padding-right:14px}.chat-input{grid-template-columns:1fr}.chat-input button{min-height:44px}.chat-msg{max-width:92%}}


/* White real-chat redesign */
.chat-assistant{color:#111827}
.chat-launcher{border-color:rgba(85,217,156,.38);background:rgba(255,255,255,.96);color:#111827;box-shadow:0 18px 60px rgba(0,0,0,.24)}
.chat-launcher:hover{border-color:rgba(85,217,156,.72);background:#fff}
.chat-launcher-icon{background:#55d99c;color:#111827}
.chat-launcher-text small{color:#64748b}.chat-launcher i{border-color:#fff}
.chat-window{width:min(460px,calc(100vw - 36px));height:min(760px,calc(100vh - 112px));border-color:rgba(85,217,156,.30);background:#ffffff;color:#111827;box-shadow:0 28px 100px rgba(0,0,0,.42)}
.chat-head{background:linear-gradient(180deg,#ffffff,#f7f9fc);border-bottom:1px solid #e6eaf0;color:#111827}
.chat-head p{color:#218a5f}.chat-head h3{color:#0f172a}.chat-head small{color:#64748b}.chat-head button{background:#f1f5f9;border-color:#d8dee8;color:#111827}.chat-head button:hover{border-color:rgba(85,217,156,.65);background:#eefaf4}
.chat-messages{background:#f7f9fc;scrollbar-color:rgba(85,217,156,.45) #e8edf3}.chat-messages::-webkit-scrollbar-track{background:#e8edf3}.chat-messages::-webkit-scrollbar-thumb{background:rgba(85,217,156,.55)}
.chat-msg.bot p{background:#ffffff;border:1px solid #dfe6ee;color:#172033;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.chat-msg.user p{background:#55d99c;color:#111827;box-shadow:0 8px 22px rgba(85,217,156,.20)}
.chat-msg.typing span{background:#64748b}
.chat-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:14px 14px 16px;background:#f8fafc;border-top:1px solid #e6eaf0;scrollbar-width:auto}
.chat-questions::-webkit-scrollbar{display:none}
.chat-questions-title{grid-column:1/-1;color:#18724e;font-weight:950;font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 2px;padding:0 2px}
.chat-questions button{width:100%;min-height:48px;white-space:normal;text-align:left;border:1px solid #a7dfc0;background:linear-gradient(180deg,#ffffff,#eefaf4);color:#172033;border-radius:14px;padding:11px 12px;font-size:13px;font-weight:900;line-height:1.28;box-shadow:0 8px 22px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92)}
.chat-questions button:hover{background:linear-gradient(180deg,#ecfaf3,#dcf8e9);border-color:#6ddb9f;color:#111827;transform:translateY(-1px);box-shadow:0 10px 24px rgba(85,217,156,.16)}
.chat-input{background:#ffffff;border-top:1px solid #e6eaf0}.chat-input input{background:#f8fafc;border-color:#dce3ec;color:#111827}.chat-input input::placeholder{color:#94a3b8}.chat-input input:focus{border-color:rgba(85,217,156,.72);box-shadow:0 0 0 4px rgba(85,217,156,.12)}
.chat-input button{background:#55d99c;color:#111827;border-color:rgba(85,217,156,.55)}
.chat-nudge button:first-child{background:#ffffff;color:#111827;border-color:rgba(85,217,156,.35);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.chat-nudge span{color:#64748b}.chat-nudge-close{background:#ffffff;color:#111827;border-color:#d8dee8}
@media (max-width:760px){.chat-window{height:min(720px,calc(100vh - 170px));background:#fff}.chat-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 12px}.chat-questions button{font-size:12px;min-height:44px;padding:9px 10px}.chat-messages{padding:14px}.chat-head{padding:15px}.chat-avatar{width:44px;height:44px}.chat-head h3{font-size:20px}}
@media (max-width:390px){.chat-questions{grid-template-columns:1fr}.chat-window{height:min(720px,calc(100vh - 150px))}}

/* Telegram reservation form state */
.booking-card .btn[disabled]{cursor:wait;opacity:.82;transform:none !important;filter:none !important}
.booking-status{display:none;margin:12px 0 0;padding:12px 14px;border-radius:14px;border:1px solid transparent;font-size:13px;line-height:1.5;text-align:left;font-weight:750}
.booking-status:not(:empty){display:block}
.booking-status.is-loading{color:#b6f3d1;background:rgba(85,217,156,.12);border-color:rgba(85,217,156,.32)}
.booking-status.is-success{color:#c9ffe0;background:rgba(55,196,120,.14);border-color:rgba(84,225,138,.38)}
.booking-status.is-error{color:#ffd5d5;background:rgba(220,82,82,.14);border-color:rgba(255,122,122,.35)}

/* Cars Rent Lanškroun – mobile polish + reservation layout refinements */
@media (max-width:760px){
  body{padding-bottom:92px}
  .site-header{height:72px;padding:0 12px;gap:10px}
  .brand{gap:10px;min-width:0}
  .brand-mark{width:38px;height:38px}
  .brand-logo{width:182px;max-width:calc(100vw - 104px)}
  .nav-toggle{width:42px;height:42px}
  .site-nav{top:72px;left:12px;right:12px;border-radius:18px;padding:16px}

  .hero{min-height:auto}
  .hero-bg{background-position:64% center;transform:scale(1.01)}
  .hero-overlay{background:linear-gradient(180deg,rgba(4,10,17,.80) 0%,rgba(4,10,17,.90) 32%,rgba(4,10,17,.98) 74%,rgba(4,10,17,.99) 100%)}
  .hero-grid{padding:48px 0 34px;gap:20px}
  .hero-copy{padding-top:0}
  h1{font-size:clamp(40px,12vw,52px);line-height:.97;letter-spacing:-.055em;margin-bottom:16px}
  .lead{font-size:15.5px;line-height:1.58;margin-bottom:18px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}
  .hero-actions .btn,.hero-actions .btn-ghost{width:100%;min-height:52px}
  .trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .trust-row span{padding:10px 8px;font-size:12px;text-align:center;line-height:1.35}

  .booking-card{padding:16px;border-radius:22px}
  .booking-head{margin-bottom:14px}
  .booking-head h2{font-size:24px}
  .booking-head img{width:36px}
  .kicker{font-size:12px}
  label{margin-bottom:10px}
  input,select{height:52px;font-size:16px}
  .form-row{gap:10px;margin-bottom:10px}
  .booking-card .btn.full{min-height:54px;margin-top:8px}
  .booking-note,.booking-status{font-size:12px;line-height:1.45}

  .benefits{gap:12px;margin-top:14px}
  .benefit-card{padding:20px;min-height:auto}
  .benefit-card h3{font-size:19px;margin-top:16px}
  .fleet-section,.process,.contact-section,.rental-info,.faq-section{padding-top:58px}
  .section-head{margin-bottom:20px}
  .section-head h2{font-size:36px;line-height:1.02}
  .section-sub{font-size:15px;line-height:1.58}

  .car-card-bentley .car-image{height:270px;min-height:270px}
  .car-content{padding:18px}
  .car-content h3{font-size:24px}
  .car-content ul{font-size:13px;gap:6px;margin-bottom:18px}
  .car-meta{margin-top:-2px;margin-bottom:12px}
  .car-meta span{font-size:11px;padding:6px 8px}
  .price-line{gap:10px}
  .car-actions > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .car-actions button[data-detail],.car-actions button[data-pick]{min-width:0;width:100%;min-height:46px}

  .featured-car{gap:18px;padding:14px;border-radius:22px}
  .featured-main{height:min(118vw,500px);border-radius:20px}
  .featured-thumbs{gap:8px;margin-top:10px}
  .featured-thumbs button{flex-basis:68px;width:68px;border-radius:12px}
  .featured-copy{padding:2px 0 0}
  .featured-copy h2{font-size:38px;line-height:1;margin-bottom:14px}
  .featured-copy p{font-size:14.5px;line-height:1.62}
  .featured-list{font-size:14px;gap:8px}
  .spec-grid{gap:10px;margin:18px 0}
  .spec-grid div{padding:14px}
  .spec-grid b{font-size:20px}
  .detail-close{padding:9px 12px;font-size:13px}

  .info-card{padding:20px;min-height:auto}
  .info-card b{margin-bottom:18px}
  .info-card h3{font-size:22px}
  .faq-list summary{font-size:16px;padding:18px}
  .faq-list p{padding:0 18px 18px;font-size:14.5px}
  .contact-card{padding:22px}
  .contact-card h2{font-size:36px}

  .quick-contact{left:12px;right:12px;width:auto;bottom:10px;transform:none;padding:7px;border-radius:16px}
  .quick-contact a{min-width:0;min-height:44px;padding:0 8px;font-size:12px}
  .toast{bottom:86px}
  .chat-assistant{left:12px;right:12px;bottom:78px}
  .chat-launcher{padding:8px 14px 8px 8px}
  .chat-launcher-icon{width:42px;height:42px}
  .chat-window{height:min(690px,calc(100dvh - 154px));bottom:72px}
  .chat-nudge{bottom:74px}
}
@media (max-width:420px){
  .brand-logo{width:154px;max-width:calc(100vw - 96px)}
  .trust-row{grid-template-columns:1fr}
  .car-actions > div{grid-template-columns:1fr}
  .booking-head h2{font-size:22px}
  .section-head h2{font-size:32px}
  .featured-copy h2{font-size:34px}
  .contact-card h2{font-size:32px}
}


/* Red/black premium rebrand update */
.brand-logo{width:340px}
.brand-mark{width:60px;height:60px}
.hero h1 strong,.section-head h2 strong{color:#55d99c;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}
.kicker,.eyebrow,.tag,.detail-pill,.featured-copy .eyebrow,.contact-list i,.faq-list summary:after{color:#55d99c}
.eyebrow span{background:linear-gradient(90deg,#55d99c,transparent)}
.site-nav a.active:after{background:#55d99c}
.header-cta,.btn-primary,.chat-input button,.chat-launcher-icon,.booking-card .btn.full,.quick-contact a.active{background:#55d99c!important;color:#fff!important;border-color:rgba(85,217,156,.55)!important}
.price-line button,.car-actions button[data-detail]{border-color:rgba(85,217,156,.4)!important;background:rgba(85,217,156,.10)!important}
.icon,.step-icon{border-color:rgba(85,217,156,.5)!important;color:#55d99c!important;background:rgba(85,217,156,.10)!important;box-shadow:0 0 28px rgba(85,217,156,.16)!important}
.benefit-card,.car-card,.step,.contact-card,.promo,.admin-panel,.admin-stats article,.booking-card,.featured-car{border-color:rgba(85,217,156,.12)}
.chat-launcher{border-color:rgba(85,217,156,.35)!important}.chat-launcher i{border-color:#fff}
.chat-head p,.chat-questions-title{color:#55d99c!important}
.chat-questions button{border-color:#55d99c!important}.chat-questions button:hover{border-color:#55d99c!important;box-shadow:0 10px 24px rgba(85,217,156,.15)!important}
.booking-status.is-loading{color:#ffd7dd;background:rgba(85,217,156,.14);border-color:rgba(85,217,156,.30)}
.booking-status.is-success{color:#d9ffe6;background:rgba(56,199,108,.14);border-color:rgba(84,225,138,.38)}
.quick-contact{border-color:rgba(85,217,156,.18);background:rgba(10,10,12,.88)}
.quick-contact a{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.quick-contact a.active{box-shadow:0 16px 36px rgba(85,217,156,.24)}
.hero-copy,.booking-card{position:relative} .booking-card:before{content:"";position:absolute;inset:auto -60px -60px auto;width:180px;height:180px;background:radial-gradient(circle,#55d99c 0%,rgba(85,217,156,0) 70%);filter:blur(30px);opacity:.28;pointer-events:none}.hero-copy:before{content:"";position:absolute;left:-80px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(85,217,156,.30) 0%,rgba(85,217,156,0) 70%);filter:blur(32px);pointer-events:none}


/* Final navbar/content update: single logo, clear fit, white detail CTA */
.brand{min-width:260px;gap:0}
.brand-logo{display:block!important;width:auto!important;height:66px!important;max-width:300px!important;object-fit:contain!important}
.car-actions button[data-detail],.price-line button[data-detail]{color:#fff!important}
@media (max-width:1150px){.brand{min-width:220px}.brand-logo{height:60px!important;max-width:260px!important}}
@media (max-width:760px){.brand{min-width:0}.brand-logo{height:48px!important;max-width:190px!important}.site-header{height:72px}}
@media (max-width:420px){.brand-logo{height:44px!important;max-width:166px!important}}


/* Exact supplied logo update */
.brand-logo{height:58px!important;max-width:292px!important}
.booking-head img{width:78px!important;max-width:30%!important;height:auto!important;object-fit:contain!important}
.promo-visual img{width:180px!important;max-width:78%!important;height:auto!important}
.footer-brand img{width:290px!important}
@media (max-width:1150px){.brand-logo{height:54px!important;max-width:260px!important}}
@media (max-width:760px){.brand-logo{height:44px!important;max-width:190px!important}.booking-head img{width:66px!important}.promo-visual img{width:160px!important}}
@media (max-width:420px){.brand-logo{height:40px!important;max-width:168px!important}.booking-head img{width:58px!important}.promo-visual img{width:145px!important}}


/* Fleet sorting, promo discount emphasis and removed quick-contact spacing */
.fleet-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.72fr) minmax(280px,1.25fr);gap:14px;align-items:end;margin:-4px 0 24px;padding:18px;border:1px solid rgba(85,217,156,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:0 18px 54px rgba(0,0,0,.20);backdrop-filter:blur(16px)}
.fleet-control{display:block;margin:0}.fleet-control span{display:block;margin-bottom:8px;color:#f5f7fb;font-size:13px;font-weight:900;letter-spacing:.03em}.fleet-control select{height:52px;border-color:rgba(85,217,156,.28);background:rgba(255,255,255,.06)}
.fleet-sort-note{margin:0;padding:13px 14px;border:1px solid rgba(85,217,156,.14);border-radius:16px;background:rgba(85,217,156,.08);color:#d7dce3;font-size:13px;line-height:1.48}
.fleet-empty{margin:20px 0 0;padding:18px 20px;border:1px solid rgba(85,217,156,.22);border-radius:18px;background:rgba(85,217,156,.08);color:#f5f7fb;font-weight:800;text-align:center}
.promo-discount .promo-copy h2{max-width:820px}
.promo-swap{isolation:isolate}.promo-swap-item{position:absolute;inset:20px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:18px;border:1px solid rgba(85,217,156,.22);background:linear-gradient(180deg,rgba(8,16,12,.78),rgba(9,7,9,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);animation:promoSwap 7.2s infinite ease-in-out}.promo-swap-item strong{font-size:64px;line-height:1;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.promo-swap-item span{font-size:15px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#fff}.promo-swap-loyalty{opacity:0;animation-delay:3.6s}.promo-swap-loyalty strong{color:#55d99c}
@keyframes promoSwap{0%,42%{opacity:1;transform:translateY(0) scale(1)}50%,92%{opacity:0;transform:translateY(8px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
.quick-contact{display:none!important}
@media (max-width:1150px){.fleet-toolbar{grid-template-columns:1fr 1fr}.fleet-sort-note{grid-column:1/-1}.chat-assistant{bottom:18px!important}}
@media (max-width:760px){body{padding-bottom:24px!important}.fleet-toolbar{grid-template-columns:1fr;margin-top:0;padding:14px;gap:12px}.fleet-sort-note{grid-column:auto}.chat-assistant{left:12px;right:12px;bottom:12px!important}.toast{bottom:18px!important}.promo-swap-item{inset:14px}.promo-swap-item strong{font-size:58px}.promo-swap-item span{font-size:14px}}


/* Fleet transmission filter visibility fix */
[data-fleet-card][hidden]{display:none !important;}


/* Price tables inside vehicle details */
.vehicle-pricing{margin:22px 0 24px;padding:18px;border:1px solid rgba(85,217,156,.18);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.pricing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.pricing-head h3{margin:2px 0 0;font-size:24px;letter-spacing:-.03em}
.pricing-kicker{margin:0;color:#55d99c;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.pricing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}
.pricing-card{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);padding:15px 16px;display:grid;align-content:start;gap:9px;min-height:92px}
.pricing-card span{display:block;color:#55d99c;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;line-height:1.35}
.pricing-card strong{display:block;color:#fff;font-size:24px;line-height:1.12;letter-spacing:-.03em}
.pricing-card>b{color:#f2f5f8;font-size:17px}
.pricing-card-main{grid-row:span 3;min-height:100%}
.pricing-card-main ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.pricing-card-main li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.pricing-card-main li:last-child{border-bottom:0;padding-bottom:0}
.pricing-card-main b{font-size:16px;color:#f2f5f8}
.pricing-card-main strong{font-size:22px;color:#fff}
.pricing-card-weekend{border-color:rgba(85,217,156,.28);background:linear-gradient(135deg,rgba(85,217,156,.20),rgba(255,255,255,.035))}
.pricing-card-month{border-color:rgba(85,217,156,.24)}
.pricing-card-note strong{font-size:18px;color:#f5f7fb;letter-spacing:0}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-card-main{grid-row:auto}}
@media (max-width:760px){.vehicle-pricing{padding:14px;margin:18px 0 20px;border-radius:18px}.pricing-head{display:block}.pricing-head h3{font-size:21px}.pricing-card{padding:13px 14px;border-radius:16px}.pricing-card strong{font-size:22px}.pricing-card-main strong{font-size:20px}.pricing-card-main li{padding:8px 0}}

/* Cars Rent Lanškroun - emerald palette across the website */
:root{
  --line2:rgba(85,217,156,.40);
  --accent:#55d99c;
  --accent2:#55d99c;
  --accent3:#27b67c;
}

.header-cta,
.btn-primary,
.chat-input button,
.chat-launcher-icon,
.booking-card .btn.full,
.quick-contact a.active,
.quick-contact a:last-child,
.quick-qa-icon,
.chat-avatar,
.quick-qa-cta a:first-child{
  background:#55d99c!important;
  border-color:rgba(85,217,156,.58)!important;
  color:#111823!important;
  box-shadow:0 18px 44px rgba(39,182,124,.24)!important;
}

.hero h1 strong,
.section-head h2 strong{
  color:#55d99c!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
}

.kicker,
.eyebrow,
.tag,
.detail-pill,
.featured-copy .eyebrow,
.contact-list i,
.faq-list summary:after,
.pricing-kicker,
.promo-swap-loyalty strong,
.chat-head p,
.chat-questions-title{
  color:#55d99c!important;
}

.eyebrow span{
  background:#55d99c!important;
}

.site-nav a.active:after{
  background:#55d99c!important;
}

.price-line button,
.car-actions button[data-detail]{
  border-color:rgba(85,217,156,.42)!important;
  background:rgba(85,217,156,.13)!important;
}

.price-line button:hover,
.car-actions button[data-detail]:hover{
  background:rgba(85,217,156,.24)!important;
}

.icon,
.step-icon{
  border-color:rgba(85,217,156,.52)!important;
  color:#55d99c!important;
  background:rgba(85,217,156,.11)!important;
  box-shadow:0 0 28px rgba(85,217,156,.18)!important;
}

.benefit-card,
.car-card,
.step,
.contact-card,
.promo,
.admin-panel,
.admin-stats article,
.booking-card,
.featured-car,
.fleet-toolbar,
.vehicle-pricing{
  border-color:rgba(85,217,156,.15)!important;
}

.chat-launcher{
  border-color:rgba(85,217,156,.38)!important;
}
.chat-launcher:hover{
  border-color:rgba(85,217,156,.72)!important;
}

.chat-questions button{
  border-color:rgba(85,217,156,.48)!important;
  background:#dcf8e9!important;
}
.chat-questions button:hover{
  border-color:#55d99c!important;
  background:#b6f3d1!important;
  box-shadow:0 10px 24px rgba(85,217,156,.18)!important;
}

.chat-msg.user p{
  background:#55d99c!important;
  color:#111823!important;
  box-shadow:0 8px 22px rgba(39,182,124,.22)!important;
}

.chat-input input:focus,
input:focus,
select:focus{
  border-color:rgba(85,217,156,.78)!important;
  box-shadow:0 0 0 4px rgba(85,217,156,.14)!important;
}

.fleet-sort-note,
.fleet-empty{
  border-color:rgba(85,217,156,.18)!important;
  background:rgba(85,217,156,.09)!important;
}

.promo-swap-item,
.pricing-card-weekend,
.pricing-card-month{
  border-color:rgba(85,217,156,.26)!important;
}

.pricing-card-weekend{
  background:rgba(85,217,156,.16)!important;
}

.booking-status.is-loading{
  background:rgba(85,217,156,.14)!important;
  border-color:rgba(85,217,156,.32)!important;
}

.hero-copy:before{
  background:radial-gradient(circle,rgba(85,217,156,.30) 0%,rgba(85,217,156,0) 70%)!important;
}
.booking-card:before{
  background:radial-gradient(circle,#55d99c 0%,rgba(85,217,156,0) 70%)!important;
}

.badge{
  background:rgba(85,217,156,.12)!important;
  border-color:rgba(85,217,156,.32)!important;
  color:#a1f0c6!important;
}

/* Cars Rent Lanškroun – mobile readability redesign (2026-05-12) */
#vozy,
#rezervace,
#proc,
#podminky,
#faq,
#kontakt{
  scroll-margin-top:108px;
}

@media (max-width:760px){
  #vozy,
  #rezervace,
  #proc,
  #podminky,
  #faq,
  #kontakt{
    scroll-margin-top:82px;
  }

  body{
    padding-bottom:18px!important;
  }
  .container{
    width:calc(100% - 24px)!important;
  }

  .site-header{
    height:66px!important;
    padding:0 12px!important;
    gap:10px!important;
    background:linear-gradient(180deg,rgba(5,5,7,.97),rgba(5,5,7,.90))!important;
  }
  .brand-logo{
    height:40px!important;
    max-width:176px!important;
  }
  .nav-toggle{
    width:40px!important;
    height:40px!important;
  }
  .nav-toggle span{
    width:22px!important;
  }
  .site-nav{
    top:66px!important;
    left:12px!important;
    right:12px!important;
    gap:8px!important;
    padding:13px!important;
    border-radius:18px!important;
    background:rgba(10,10,13,.98)!important;
  }
  .site-nav a{
    padding:10px 12px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.035)!important;
  }

  .hero-grid{
    padding:30px 0 24px!important;
    gap:18px!important;
  }
  .hero-bg{
    background-position:62% center!important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(4,4,6,.78) 0%,rgba(4,4,6,.90) 34%,rgba(4,4,6,.985) 76%,rgba(4,4,6,1) 100%)!important;
  }
  .eyebrow{
    gap:9px!important;
    margin-bottom:11px!important;
    font-size:10.5px!important;
    letter-spacing:.12em!important;
  }
  .eyebrow span{
    width:26px!important;
  }
  h1{
    font-size:clamp(36px,10.6vw,44px)!important;
    line-height:.99!important;
    letter-spacing:-.055em!important;
    margin-bottom:14px!important;
  }
  .lead{
    font-size:15px!important;
    line-height:1.52!important;
    margin-bottom:16px!important;
  }
  .hero-actions{
    margin-bottom:14px!important;
  }
  .hero-actions .btn,
  .hero-actions .btn-ghost{
    min-height:50px!important;
    padding:13px 15px!important;
    border-radius:15px!important;
    font-size:15px!important;
  }
  .trust-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .trust-row span{
    padding:9px 8px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.32!important;
    text-align:center!important;
  }
  .trust-row span:last-child{
    grid-column:1/-1!important;
  }

  .booking-card{
    padding:15px!important;
    border-radius:20px!important;
    margin-top:2px!important;
  }
  .booking-head{
    margin-bottom:12px!important;
  }
  .booking-head h2{
    font-size:22px!important;
    line-height:1.08!important;
  }
  .booking-head img{
    width:52px!important;
    max-width:26%!important;
  }
  .kicker{
    font-size:11.5px!important;
  }
  label{
    margin-bottom:9px!important;
  }
  label span{
    margin-bottom:6px!important;
    font-size:12px!important;
  }
  input,
  select{
    height:48px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:16px!important;
  }
  .form-row{
    gap:9px!important;
    margin-bottom:9px!important;
  }
  .booking-card form > .form-row.two:nth-child(1),
  .booking-card form > .form-row.two:nth-child(2){
    grid-template-columns:minmax(0,1fr) 112px!important;
  }
  .booking-card form > .form-row.two:last-of-type{
    grid-template-columns:1fr!important;
  }
  .booking-card .btn.full{
    min-height:50px!important;
    margin-top:6px!important;
    padding:13px 15px!important;
    border-radius:15px!important;
    font-size:15px!important;
  }
  .booking-note,
  .booking-status{
    font-size:12px!important;
    line-height:1.48!important;
  }

  .benefits{
    gap:10px!important;
    margin-top:14px!important;
  }
  .benefit-card{
    min-height:auto!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .icon,
  .step-icon{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:25px!important;
  }
  .benefit-card h3{
    margin:12px 0 6px!important;
    font-size:17px!important;
    line-height:1.18!important;
  }
  .benefit-card p{
    font-size:14px!important;
    line-height:1.5!important;
  }

  .fleet-section,
  .process,
  .rental-info,
  .faq-section,
  .contact-section{
    padding-top:44px!important;
  }
  .section-head{
    gap:12px!important;
    margin-bottom:16px!important;
  }
  .section-head h2{
    font-size:30px!important;
    line-height:1.04!important;
  }
  .section-sub{
    margin-top:8px!important;
    font-size:14px!important;
    line-height:1.52!important;
  }
  .link-btn{
    padding:11px 13px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }

  .fleet-toolbar{
    margin-top:0!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .fleet-control span{
    font-size:12px!important;
  }
  .fleet-control select{
    height:46px!important;
    font-size:15px!important;
  }
  .fleet-sort-note{
    padding:11px 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.46!important;
  }
  .fleet-grid{
    gap:14px!important;
  }
  .car-card{
    border-radius:20px!important;
  }
  .car-image{
    height:190px!important;
  }
  .car-card-bentley .car-image{
    height:220px!important;
    min-height:220px!important;
  }
  .car-content{
    margin-top:0!important;
    padding:16px!important;
  }
  .car-card-bentley .car-content{
    padding:16px!important;
  }
  .tag{
    font-size:12px!important;
  }
  .car-content h3{
    margin-bottom:10px!important;
    font-size:22px!important;
    line-height:1.08!important;
  }
  .car-meta{
    gap:6px!important;
    margin:0 0 10px!important;
  }
  .car-meta span{
    padding:5px 8px!important;
    font-size:11px!important;
  }
  .car-content ul{
    gap:5px!important;
    margin-bottom:14px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .price-line{
    gap:10px!important;
  }
  .price-line span{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .price-line b{
    font-size:21px!important;
  }
  .car-actions > div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .car-actions button[data-detail],
  .car-actions button[data-pick],
  .price-line button{
    min-width:0!important;
    min-height:44px!important;
    width:100%!important;
    padding:10px 11px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }

  .featured-car{
    gap:14px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .featured-main{
    height:min(86vw,390px)!important;
    border-radius:18px!important;
  }
  .featured-thumbs{
    gap:7px!important;
    margin-top:8px!important;
  }
  .featured-thumbs button{
    flex-basis:60px!important;
    width:60px!important;
    border-radius:11px!important;
  }
  .featured-copy h2{
    margin-bottom:10px!important;
    font-size:30px!important;
    line-height:1.05!important;
  }
  .featured-copy p,
  .featured-list{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .spec-grid{
    gap:8px!important;
    margin:14px 0!important;
  }
  .spec-grid div{
    padding:12px!important;
    border-radius:14px!important;
  }
  .spec-grid b{
    font-size:18px!important;
  }
  .detail-close{
    top:10px!important;
    right:10px!important;
    padding:8px 10px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  .vehicle-pricing{
    margin:14px 0 16px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .pricing-head h3{
    font-size:19px!important;
  }
  .pricing-card{
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  .pricing-card strong{
    font-size:20px!important;
  }
  .pricing-card-main strong{
    font-size:19px!important;
  }

  .steps{
    gap:10px!important;
  }
  .step{
    padding:16px!important;
    border-radius:18px!important;
  }
  .step b{
    left:15px!important;
    top:10px!important;
    font-size:54px!important;
  }
  .step-icon{
    margin-bottom:12px!important;
  }
  .step h3{
    margin-bottom:8px!important;
    font-size:18px!important;
    line-height:1.16!important;
  }
  .step p{
    font-size:14px!important;
    line-height:1.52!important;
  }

  .info-grid{
    gap:10px!important;
  }
  .info-card{
    min-height:auto!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .info-card b{
    margin-bottom:10px!important;
    font-size:12px!important;
  }
  .info-card h3{
    margin-bottom:8px!important;
    font-size:20px!important;
    line-height:1.15!important;
  }
  .info-card p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  .faq-list{
    gap:10px!important;
  }
  .faq-list details{
    border-radius:18px!important;
  }
  .faq-list summary{
    padding:15px 16px!important;
    gap:12px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  .faq-list summary:after{
    font-size:24px!important;
  }
  .faq-list p{
    padding:0 16px 15px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  .promo{
    gap:14px!important;
    margin-top:44px!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  .promo-visual{
    height:132px!important;
    border-radius:16px!important;
  }
  .promo-swap-item strong{
    font-size:48px!important;
  }
  .promo-swap-item span{
    font-size:13px!important;
  }
  .promo-copy h2{
    font-size:25px!important;
    line-height:1.12!important;
  }
  .promo-list{
    gap:11px!important;
    font-size:14px!important;
    line-height:1.52!important;
  }
  .promo-list li:before{
    width:21px!important;
    height:21px!important;
    margin-right:9px!important;
  }

  .contact-card{
    gap:18px!important;
    padding:18px!important;
    border-radius:22px!important;
  }
  .contact-card h2{
    margin-bottom:8px!important;
    font-size:32px!important;
    line-height:1.04!important;
  }
  .contact-card p{
    font-size:15px!important;
    line-height:1.58!important;
  }
  .contact-grid{
    gap:10px!important;
  }
  .contact-grid a{
    padding:14px!important;
    border-radius:16px!important;
  }
  .contact-grid b{
    margin-bottom:6px!important;
    font-size:15px!important;
  }
  .contact-grid span{
    font-size:14px!important;
    line-height:1.45!important;
  }

  .site-footer{
    margin-top:44px!important;
    padding:28px 0 18px!important;
  }
  .footer-grid{
    gap:22px!important;
  }
  .footer-brand img{
    width:220px!important;
    margin-bottom:12px!important;
  }
  .footer-grid p,
  .footer-grid a,
  .footer-grid span{
    margin-bottom:6px!important;
    font-size:14px!important;
    line-height:1.58!important;
  }
  .footer-grid h3{
    margin-bottom:10px!important;
    font-size:18px!important;
  }
  .footer-bottom{
    margin-top:20px!important;
    padding-top:14px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .toast{
    right:12px!important;
    left:12px!important;
    bottom:14px!important;
    max-width:none!important;
  }

  /* Mobilní chat: žádná rušivá bublina přes obsah, jen kompaktní ikona. */
  .chat-assistant{
    left:auto!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
  }
  .chat-launcher{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    padding:0!important;
    gap:0!important;
    justify-content:center!important;
    border-radius:999px!important;
  }
  .chat-launcher-icon{
    width:54px!important;
    height:54px!important;
    border-radius:999px!important;
    font-size:22px!important;
  }
  .chat-launcher-text{
    display:none!important;
  }
  .chat-launcher i{
    right:4px!important;
    top:4px!important;
  }

  .chat-assistant.is-open .chat-launcher{
    opacity:0!important;
    pointer-events:none!important;
  }
  .chat-nudge{
    display:none!important;
  }
  .chat-window{
    position:fixed!important;
    inset:10px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    right:10px!important;
    left:10px!important;
    bottom:auto!important;
    border-radius:22px!important;
    transform-origin:center center!important;
  }
  .chat-head{
    gap:11px!important;
    padding:13px!important;
  }
  .chat-avatar{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }
  .chat-head h3{
    font-size:18px!important;
  }
  .chat-head p{
    font-size:10.5px!important;
  }
  .chat-head small{
    font-size:12px!important;
  }
  .chat-head button{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }
  .chat-messages{
    gap:10px!important;
    padding:12px!important;
  }
  .chat-msg{
    max-width:94%!important;
  }
  .chat-msg p{
    padding:10px 12px!important;
    border-radius:15px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
  }
  .chat-questions{
    grid-template-columns:1fr!important;
    max-height:182px!important;
    overflow-y:auto!important;
    padding:10px!important;
  }
  .chat-questions button{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:12px!important;
  }
  .chat-input{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  .chat-input input{
    height:44px!important;
  }
  .chat-input button{
    min-height:42px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
}

@media (max-width:360px){
  .brand-logo{
    max-width:154px!important;
  }
  h1{
    font-size:34px!important;
  }
  .trust-row{
    grid-template-columns:1fr!important;
  }
  .trust-row span:last-child{
    grid-column:auto!important;
  }
  .booking-card form > .form-row.two:nth-child(1),
  .booking-card form > .form-row.two:nth-child(2){
    grid-template-columns:1fr!important;
  }
  .car-actions > div{
    grid-template-columns:1fr!important;
  }
  .contact-card h2{
    font-size:29px!important;
  }
}

/* ===== Cars Rent Lanškroun — live PHP cleanup + car photo/detail fixes ===== */
.field-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.booking-card label,.booking-card input,.booking-card select{min-width:0}
.booking-card .reservation-datetime{grid-template-columns:minmax(0,1fr) 126px!important;align-items:end!important}
.booking-card .reservation-datetime input[type="date"]{min-width:0!important;padding-left:10px!important;padding-right:8px!important;font-size:14px!important}
.booking-card .reservation-datetime select{min-width:0!important;padding-left:11px!important;padding-right:32px!important;font-size:15px!important}
/* Mobilní úpravy náhledů vozů zůstávají oddělené od desktopu. */
@media (max-width:760px){
  .car-card .car-image,
  .car-card-bentley .car-image{background:#050b12!important;isolation:isolate!important}
  .car-card-bentley .car-image:before{filter:blur(24px) saturate(1.08)!important;transform:scale(1.16)!important;opacity:.48!important;background-position:center center!important}
  .car-card .car-image,
  .car-image{height:min(84vw,340px)!important;min-height:280px!important}
  .car-card-bentley .car-image{height:min(84vw,340px)!important;min-height:280px!important}
  .car-card .car-image img,
  .car-card-bentley .car-image img{padding:10px!important;transform:none!important}
  .car-card:hover .car-image img{transform:none!important}
  .featured-main{height:auto!important;aspect-ratio:3 / 4!important}
  .featured-main:before{background-position:center center!important}
  .featured-main img{object-fit:contain!important;object-position:center center!important;padding:8px!important}
}

/* Final mobile lock: keep date/time side by side without overlap and make fleet photos read whole. */
@media (max-width:760px){
  .booking-card form > .form-row.two.reservation-datetime.pickup-row,
  .booking-card form > .form-row.two.reservation-datetime.return-row{
    display:flex!important;
    gap:28px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row > label:first-child,
  .booking-card form > .form-row.two.reservation-datetime.return-row > label:first-child{
    flex:0 1 calc(100% - 140px)!important;
    width:calc(100% - 140px)!important;
    max-width:calc(100% - 140px)!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row > label:last-child,
  .booking-card form > .form-row.two.reservation-datetime.return-row > label:last-child{
    flex:0 0 112px!important;
    width:112px!important;
    max-width:112px!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row > label,
  .booking-card form > .form-row.two.reservation-datetime.return-row > label{
    min-width:0!important;
    overflow:visible!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row input[type="date"],
  .booking-card form > .form-row.two.reservation-datetime.return-row input[type="date"],
  .booking-card form > .form-row.two.reservation-datetime.pickup-row select,
  .booking-card form > .form-row.two.reservation-datetime.return-row select{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row input[type="date"],
  .booking-card form > .form-row.two.reservation-datetime.return-row input[type="date"]{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:13px!important;
  }
  .booking-card form > .form-row.two.reservation-datetime.pickup-row select,
  .booking-card form > .form-row.two.reservation-datetime.return-row select{
    padding-left:10px!important;
    padding-right:28px!important;
    font-size:14px!important;
  }

  .fleet-grid .car-card .car-image,
  .fleet-grid .car-card-bentley .car-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 4!important;
    display:grid!important;
    place-items:center!important;
  }
  .fleet-grid .car-card .car-image img,
  .fleet-grid .car-card-bentley .car-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
    transform:none!important;
  }
  .fleet-grid .car-content,
  .fleet-grid .car-card-bentley .car-content{
    margin-top:0!important;
  }
}

/* Detail vozu: na mobilu jako přehledný modal místo dlouhého rozbitého bloku pod kartami. */
.detail-backdrop[hidden]{display:none!important}
.detail-backdrop{position:fixed;inset:0;z-index:248;background:rgba(0,0,0,.74);backdrop-filter:blur(8px)}
body.detail-modal-open{overflow:hidden}
@media (max-width:760px){
  .hero-grid{
    padding-top:72px!important;
  }
  .car-detail-panel.is-open{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important;position:fixed!important;inset:10px!important;z-index:250!important;margin:0!important;width:auto!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scroll-margin-top:0!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(12,12,14,.98),rgba(5,5,7,.99))!important;backdrop-filter:blur(18px)!important;box-shadow:0 34px 120px rgba(0,0,0,.72)!important}
  .car-detail-panel.is-open,
  .car-detail-panel.is-open .featured-media,
  .car-detail-panel.is-open .featured-copy{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .car-detail-panel.is-open .featured-media,
  .car-detail-panel.is-open .featured-copy{
    width:100%!important;
  }
  .car-detail-panel.is-open .featured-media{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    gap:10px!important;
    height:auto!important;
  }
  .car-detail-panel.is-open .featured-main{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 4!important;
    overflow:hidden!important;
  }
  .car-detail-panel.is-open .featured-main img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
  }
  .car-detail-panel.is-open .featured-thumbs{
    display:flex!important;
    gap:7px!important;
    margin-top:0!important;
    flex:0 0 auto!important;
    overflow-x:hidden!important;
  }
  .car-detail-panel.is-open .featured-thumbs button{
    flex:1 1 0!important;
    flex-basis:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .car-detail-panel.is-open .featured-copy{
    position:relative!important;
    z-index:1!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    margin-top:0!important;
  }
  .car-detail-panel.is-open .detail-close{position:sticky!important;top:10px!important;right:auto!important;align-self:flex-end!important;margin:0 0 -44px auto!important;z-index:7!important;background:rgba(5,13,22,.94)!important}
  .featured-copy{padding:4px 4px 6px!important}
  .featured-list{margin-bottom:16px!important}
}

/* Finální administrace */
.admin-header{grid-template-columns:auto 1fr auto}
.admin-logout{margin:0}
.admin-logout .header-cta{border:1px solid rgba(85,217,156,.55);cursor:pointer}
.admin-login-shell{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:48px 0}
.admin-login-card{width:min(560px,100%);padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.admin-login-card h1{font-size:clamp(40px,6vw,62px);line-height:.96;margin-bottom:16px}
.admin-login-card>p{color:var(--muted);line-height:1.7;margin-bottom:20px}
.admin-login-form{display:grid;gap:8px}
.admin-alert{margin:0 0 16px;padding:13px 15px;border-radius:16px;border:1px solid rgba(255,122,122,.34);background:rgba(220,82,82,.14);color:#ffd5d5;font-weight:800;line-height:1.5}
.admin-sync-note{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.admin-sync-note b{color:#fff}
.admin-panel table td,.admin-panel table th{white-space:nowrap}
@media (max-width:1150px){.admin-header{grid-template-columns:auto auto}.admin-nav{display:none}.admin-logout .header-cta{padding:14px 16px}}
@media (max-width:760px){.admin-wrap{padding-top:28px!important}.admin-login-shell{min-height:auto;padding:24px 0}.admin-login-card{padding:20px;border-radius:22px}.admin-login-card h1{font-size:38px}.admin-hero{padding:20px!important}.admin-hero h1{font-size:36px!important}.admin-stats{gap:12px!important}.admin-panel{padding:16px!important}.admin-sync-note{font-size:12px}.admin-logout .header-cta{font-size:0;padding:12px 14px}.admin-logout .header-cta::before{content:"Odhlásit";font-size:14px}.admin-logout .header-cta span{display:none}}

/* Cars Rent Lanškroun - emerald accents on secondary details */
.featured-thumbs{
  scrollbar-color:rgba(85,217,156,.45) rgba(255,255,255,.04)!important;
}
.featured-thumbs button:hover,
.featured-thumbs button.active{
  border-color:rgba(85,217,156,.62)!important;
}
.featured-thumbs::-webkit-scrollbar-thumb,
.chat-messages::-webkit-scrollbar-thumb{
  background:rgba(85,217,156,.52)!important;
}

.featured-car:before,
.promo:before,
.info-card:after{
  background:radial-gradient(circle,rgba(85,217,156,.18),transparent 65%)!important;
}
.promo-visual{
  background:rgba(85,217,156,.12)!important;
}
.promo-ring,
.promo-list li:before,
.detail-close:hover,
.skip-link:focus,

.fleet-control select,
.admin-logout .header-cta{
  border-color:rgba(85,217,156,.55)!important;
}

.detail-hint,
.car-meta span,
.quick-qa-answer{
  border-color:rgba(85,217,156,.24)!important;
  background:rgba(85,217,156,.08)!important;
}
.car-meta span{
  color:#a1f0c6!important;
}
.info-card b{
  color:rgba(85,217,156,.9)!important;
}

.quick-contact,
.quick-qa-panel,
.chat-window,
.chat-nudge button:first-child{
  border-color:rgba(85,217,156,.30)!important;
}
.quick-qa-toggle{
  border-color:rgba(85,217,156,.42)!important;
}
.quick-qa-toggle:hover{
  border-color:rgba(85,217,156,.70)!important;
}
.quick-qa-head{
  background:rgba(85,217,156,.10)!important;
}
.quick-qa-list button:hover,
.quick-qa-list button.active{
  border-color:rgba(85,217,156,.55)!important;
  background:rgba(85,217,156,.13)!important;
}
.chat-messages{
  scrollbar-color:rgba(85,217,156,.45) rgba(255,255,255,.04)!important;
}


/* 2026-05-15: cleaner quick-chat selector + friendlier reservation date UX */
.booking-date-helper{
  display:grid;
  gap:12px;
  padding:14px;
  margin:0 0 12px;
  border:1px solid rgba(85,217,156,.34);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(85,217,156,.14),rgba(85,217,156,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.booking-date-helper-head{
  display:grid;
  gap:3px;
}
.booking-date-helper-head strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:950;
}
.booking-date-helper-head span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.4;
}
.booking-date-presets{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.booking-date-presets .booking-preset-card{
  position:relative;
  min-height:108px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:9px;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(85,217,156,.34);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.booking-date-presets .booking-preset-card:before{
  content:"";
  position:absolute;
  inset:auto -18px -18px auto;
  width:78px;
  height:78px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(85,217,156,.18),rgba(85,217,156,0) 72%);
  pointer-events:none;
}
.booking-date-presets .booking-preset-card:hover{
  transform:translateY(-2px);
  border-color:rgba(128,232,181,.78);
  background:linear-gradient(180deg,rgba(85,217,156,.15),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 15px 34px rgba(0,0,0,.22);
}
.booking-date-presets .booking-preset-card.is-active{
  border-color:rgba(161,240,198,.96);
  background:linear-gradient(135deg,rgba(85,217,156,.98),rgba(39,182,124,.92));
  box-shadow:0 17px 38px rgba(85,217,156,.30),inset 0 1px 0 rgba(255,255,255,.24);
}
.booking-preset-icon,
.booking-preset-chip{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
}
.booking-preset-icon{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  text-transform:none;
}
.booking-preset-chip{
  border:1px solid rgba(255,255,255,.30);
  background:rgba(8,26,18,.20);
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
.booking-date-presets .booking-preset-card strong{
  position:relative;
  z-index:1;
  color:#fff;
  margin:2px 0 0;
  font-size:29px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.03em;
}
.booking-preset-meta{
  position:relative;
  z-index:1;
  max-width:22ch;
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.booking-date-presets .booking-preset-card.is-active .booking-preset-meta,
.booking-date-presets .booking-preset-card.is-active .booking-preset-icon,
.booking-date-presets .booking-preset-card.is-active .booking-preset-chip{
  color:#fff;
}
@media (max-width: 560px){
  .booking-date-presets{
    grid-template-columns:1fr;
  }
  .booking-date-presets .booking-preset-card{
    min-height:96px;
  }
  .booking-date-presets .booking-preset-card strong{
    font-size:25px;
  }
}
.booking-date-summary{
  margin:-1px 0 12px;
  padding:12px 13px;
  border:1px solid rgba(85,217,156,.28);
  border-radius:15px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.86);
  font-size:12px;
  line-height:1.45;
}
.booking-date-summary b{
  color:#fff;
  font-weight:950;
}
.booking-date-summary span{
  color:#a1f0c6;
  font-weight:950;
  white-space:nowrap;
}

/* Chat now behaves as a compact guided assistant, not a crowded FAQ wall. */
.chat-window{
  height:min(640px,calc(100vh - 112px))!important;
}
.chat-messages{
  min-height:0;
}
.chat-picker{
  display:grid;
  gap:9px;
  padding:15px 16px 16px;
  border-top:1px solid #e6eaf0;
  background:#fff;
}
.chat-picker-label{
  color:#18724e;
  font-size:12px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.chat-picker select{
  width:100%;
  min-height:52px;
  padding:0 44px 0 15px;
  border:1px solid #a7dfc0;
  border-radius:16px;
  background-color:#eefaf4;
  background-image:linear-gradient(45deg,transparent 50%,#218a5f 50%),linear-gradient(135deg,#218a5f 50%,transparent 50%);
  background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  color:#172033;
  font:inherit;
  font-size:14px;
  font-weight:900;
  appearance:none;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.95);
}
.chat-picker select:focus{
  outline:none;
  border-color:#55d99c;
  box-shadow:0 0 0 4px rgba(85,217,156,.14),0 8px 22px rgba(15,23,42,.08);
}
.chat-picker-note{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
@media (max-width:760px){
  .chat-window{
    height:min(620px,calc(100dvh - 140px))!important;
  }
  .chat-picker{
    padding:13px 14px 14px;
  }
  .chat-picker select{
    min-height:50px;
    font-size:13px;
  }
  .booking-date-helper{
    padding:12px;
    gap:10px;
  }
  .booking-date-summary{
    padding:11px 12px;
  }
}
@media (max-width:390px){
  .booking-date-presets{
    grid-template-columns:1fr;
  }
}

/* 2026-05-15: guided, topic-based chat instead of a dropdown question picker */
.chat-guide{
  display:grid;
  gap:12px;
  padding:15px 16px 16px;
  border-top:1px solid #e6eaf0;
  background:#fff;
}
.chat-guide-intro{
  display:grid;
  gap:3px;
}
.chat-guide-intro strong{
  color:#0f172a;
  font-size:14px;
  font-weight:1000;
  line-height:1.2;
}
.chat-guide-intro span{
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
.chat-topics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.chat-topics[hidden],
.chat-topic-panel[hidden]{
  display:none!important;
}
.chat-topics button{
  position:relative;
  display:grid;
  gap:3px;
  align-content:center;
  min-height:68px;
  padding:12px 13px;
  border:1px solid #bee7d1;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 14%,rgba(85,217,156,.15),transparent 36%),
    linear-gradient(180deg,#f2fcf7,#fff);
  color:#172033;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.96);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.chat-topics button:hover,
.chat-topics button.is-active{
  transform:translateY(-1px);
  border-color:#55d99c;
  background:
    radial-gradient(circle at 92% 14%,rgba(85,217,156,.24),transparent 40%),
    linear-gradient(180deg,#dcf8e9,#f2fcf7);
  box-shadow:0 14px 30px rgba(85,217,156,.15),inset 0 1px 0 rgba(255,255,255,.96);
}
.chat-topics b{
  color:#111827;
  font-size:13px;
  font-weight:1000;
  line-height:1.15;
}
.chat-topics small{
  color:#64748b;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.chat-topic-panel{
  display:grid;
  gap:10px;
  padding:11px;
  border:1px solid #e8edf3;
  border-radius:18px;
  background:#f8fafc;
}
.chat-topic-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.chat-topic-head strong{
  color:#18724e;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:right;
}
.chat-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:33px;
  padding:0 11px;
  border:1px solid #a7dfc0;
  border-radius:999px;
  background:#eefaf4;
  color:#172033;
  font:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.chat-back:hover{
  border-color:#55d99c;
  background:#d9f6e6;
  transform:translateY(-1px);
}
.chat-topic-questions{
  display:grid;
  gap:8px;
}
.chat-topic-questions button{
  position:relative;
  width:100%;
  min-height:44px;
  padding:11px 38px 11px 12px;
  border:1px solid #e3e9f0;
  border-radius:14px;
  background:#fff;
  color:#172033;
  text-align:left;
  font:inherit;
  font-size:13px;
  font-weight:900;
  line-height:1.32;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.chat-topic-questions button:after{
  content:"→";
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#55d99c;
  font-size:16px;
  font-weight:1000;
}
.chat-topic-questions button:hover{
  transform:translateY(-1px);
  border-color:#55d99c;
  background:#f2fcf7;
  box-shadow:0 12px 26px rgba(85,217,156,.13);
}
.chat-guide-note{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
@media (max-width:760px){
  .chat-window{
    height:min(660px,calc(100dvh - 140px))!important;
  }
  .chat-guide{
    gap:10px;
    padding:13px 14px 14px;
  }
  .chat-topics{
    gap:8px;
  }
  .chat-topics button{
    min-height:64px;
    padding:11px 12px;
  }
  .chat-topic-panel{
    padding:10px;
  }
  .chat-topic-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .chat-topic-head strong{
    text-align:left;
  }
}
@media (max-width:390px){
  .chat-topics{
    grid-template-columns:1fr;
  }
}

/* --- Cars Rent Lanškroun: compact premium reservation presets --- */
.booking-date-presets .booking-preset-card{
  min-height:84px;
  gap:5px;
  padding:12px 13px;
  border-radius:16px;
}
.booking-date-presets .booking-preset-card:before{
  width:62px;
  height:62px;
  inset:auto -16px -16px auto;
}
.booking-preset-icon,
.booking-preset-chip{
  min-height:20px;
  padding:0 8px;
  font-size:9px;
}
.booking-date-presets .booking-preset-card strong{
  margin:1px 0 0;
  font-size:24px;
  line-height:1;
}
.booking-preset-meta{
  max-width:none;
  font-size:11px;
  line-height:1.24;
}
@media (max-width: 560px){
  .booking-date-presets{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .booking-date-presets .booking-preset-card{
    min-height:82px;
    padding:11px 12px;
  }
  .booking-date-presets .booking-preset-card strong{
    font-size:22px;
  }
  .booking-preset-meta{
    font-size:10.5px;
  }
}

/* --- Cars Rent Lanškroun: minimal quick duration chooser --- */
.booking-date-helper{
  padding:14px;
}
.booking-date-helper-head{
  margin-bottom:10px;
}
.booking-date-presets.booking-date-presets-minimal{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-card{
  min-height:48px;
  height:48px;
  padding:0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:14px;
  overflow:visible;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(85,217,156,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-card:before{
  display:none;
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-card:hover{
  transform:translateY(-1px);
  background:rgba(85,217,156,.12);
  border-color:rgba(128,232,181,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.16);
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-card.is-active{
  background:linear-gradient(135deg,rgba(85,217,156,.98),rgba(39,182,124,.92));
  border-color:rgba(161,240,198,.96);
  box-shadow:0 10px 22px rgba(85,217,156,.22),inset 0 1px 0 rgba(255,255,255,.20);
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-card strong{
  margin:0;
  font-size:14px;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.booking-date-presets.booking-date-presets-minimal .booking-preset-mini{
  position:absolute;
  top:-8px;
  right:7px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:16px;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(8,26,18,.58);
  color:#fff;
  font-size:7px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 6px 12px rgba(0,0,0,.18);
}
@media (max-width: 560px){
  .booking-date-presets.booking-date-presets-minimal{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .booking-date-presets.booking-date-presets-minimal .booking-preset-card{
    height:44px;
    min-height:44px;
  }
  .booking-date-presets.booking-date-presets-minimal .booking-preset-card strong{
    font-size:14px;
  }
}

/* --- Cars Rent Lanškroun: unified Inter typography --- */
:root{
  --font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html,
body,
button,
input,
select,
textarea,
option,
label,
a,
p,
span,
small,
strong,
b,
em,
i,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
.modal,
.chat-panel,
.chat-dock,
.booking-shell,
.booking-card{
  font-family:var(--font-sans) !important;
}


/* --- Cars Rent Lanškroun: adresa přistavení při výběru "Přistavení dle dohody" --- */
.delivery-address-field{
  display:grid;
  gap:8px;
  animation:deliveryAddressReveal .18s ease both;
}
.delivery-address-field.is-hidden{
  display:none;
}
.delivery-address-field small{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:650;
  line-height:1.45;
}
.delivery-address-field input{
  width:100%;
}
@keyframes deliveryAddressReveal{
  from{opacity:0; transform:translateY(-4px);}
  to{opacity:1; transform:translateY(0);}
}



/* --- Cars Rent Lanškroun: mobile polish for latest reservation/chat updates --- */
@media (max-width:760px){
  .booking-date-helper{
    border-radius:18px;
  }

  .booking-date-summary{
    overflow-wrap:anywhere;
  }

  .booking-date-summary span{
    white-space:normal;
  }

  .delivery-address-field{
    margin-top:2px;
  }

  .delivery-address-field small{
    font-size:11.5px;
    line-height:1.42;
  }

  .delivery-address-field input{
    height:52px;
    font-size:16px;
  }

  .chat-guide{
    min-height:0;
  }
}

@media (max-width:520px){
  .chat-topics{
    grid-template-columns:1fr;
  }
}

@media (max-width:380px){
  .booking-date-presets.booking-date-presets-minimal{
    gap:7px;
  }

  .booking-date-presets.booking-date-presets-minimal .booking-preset-card{
    padding:0 6px;
  }

  .booking-date-presets.booking-date-presets-minimal .booking-preset-card strong{
    font-size:13px;
  }
}

/* --- Cars Rent Lanškroun: mobile chat balance fix --- */
@media (max-width:760px){
  .chat-panel{
    width:min(calc(100vw - 18px),430px);
    height:min(78dvh,690px);
    max-height:min(78dvh,690px);
    border-radius:25px;
  }

  .chat-head{
    padding:15px 16px 13px;
  }

  .chat-head .chat-avatar{
    width:52px;
    height:52px;
    border-radius:16px;
    font-size:16px;
  }

  .chat-brand small{
    font-size:10px;
    letter-spacing:.08em;
  }

  .chat-brand strong{
    font-size:20px;
    line-height:1.1;
  }

  .chat-presence{
    font-size:13px;
  }

  .chat-close{
    width:46px;
    height:46px;
    border-radius:15px;
    font-size:20px;
  }

  .chat-messages{
    min-height:215px;
    height:215px;
    max-height:215px;
    padding:14px 15px 12px;
    gap:10px;
  }

  .chat-message{
    max-width:92%;
    padding:12px 13px;
    border-radius:17px;
    font-size:14px;
    line-height:1.42;
  }

  .chat-guide{
    padding:15px 15px 16px;
    gap:11px;
  }

  .chat-guide-title{
    font-size:19px;
    line-height:1.15;
  }

  .chat-guide-copy{
    font-size:13px;
    line-height:1.42;
  }

  .chat-topics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .chat-topic{
    min-height:72px;
    padding:13px 13px;
    border-radius:17px;
    gap:3px;
  }

  .chat-topic strong{
    font-size:15px;
    line-height:1.15;
  }

  .chat-topic span{
    font-size:11.5px;
    line-height:1.25;
  }

  .chat-questions-shell{
    padding:13px;
    border-radius:19px;
    gap:11px;
  }

  .chat-back{
    min-height:38px;
    padding:0 13px;
    border-radius:999px;
    font-size:13px;
  }

  .chat-questions-title{
    font-size:14px;
    line-height:1.25;
    letter-spacing:.04em;
  }

  .chat-questions{
    gap:8px;
  }

  .chat-question{
    min-height:53px;
    padding:11px 13px;
    border-radius:15px;
    font-size:14px;
    line-height:1.25;
  }

  .chat-question::after{
    font-size:18px;
  }

  .chat-footnote{
    font-size:12px;
    line-height:1.42;
    margin-top:1px;
  }
}

@media (max-width:520px){
  .chat-panel{
    width:calc(100vw - 18px);
    height:min(80dvh,700px);
    max-height:min(80dvh,700px);
  }

  .chat-messages{
    min-height:235px;
    height:235px;
    max-height:235px;
  }

  .chat-topics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:390px){
  .chat-panel{
    width:calc(100vw - 14px);
    height:min(82dvh,710px);
    max-height:min(82dvh,710px);
  }

  .chat-head{
    padding:13px 13px 12px;
  }

  .chat-head .chat-avatar{
    width:48px;
    height:48px;
  }

  .chat-brand strong{
    font-size:18px;
  }

  .chat-close{
    width:42px;
    height:42px;
  }

  .chat-messages{
    min-height:220px;
    height:220px;
    max-height:220px;
    padding:13px 13px 11px;
  }

  .chat-guide{
    padding:13px;
  }

  .chat-topics{
    gap:8px;
  }

  .chat-topic{
    min-height:68px;
    padding:12px;
  }

  .chat-topic strong{
    font-size:14px;
  }

  .chat-topic span{
    font-size:11px;
  }

  .chat-question{
    min-height:50px;
    padding:10px 12px;
    font-size:13.5px;
  }
}

/* --- Cars Rent Lanškroun: iOS/mobile Safari stable chat viewport --- */
@media (max-width:760px){
  .chat-panel{
    height:min(calc(var(--chat-mobile-vh, 100svh) - 106px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 106px), 700px);
    bottom:14px;
  }
}

@media (max-width:520px){
  .chat-panel{
    height:min(calc(var(--chat-mobile-vh, 100svh) - 100px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 100px), 700px);
    bottom:12px;
  }
}

@media (max-width:390px){
  .chat-panel{
    height:min(calc(var(--chat-mobile-vh, 100svh) - 94px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 94px), 700px);
    bottom:10px;
  }
}

/* --- Cars Rent Lanškroun: keep whole mobile chat inside the visible iOS Safari viewport --- */
@media (max-width:760px){
  .chat-panel{
    top:calc(var(--chat-mobile-vtop, 0px) + 12px);
    bottom:auto;
    height:min(calc(var(--chat-mobile-vh, 100svh) - 24px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 24px), 700px);
  }
}

@media (max-width:520px){
  .chat-panel{
    top:calc(var(--chat-mobile-vtop, 0px) + 10px);
    bottom:auto;
    height:min(calc(var(--chat-mobile-vh, 100svh) - 20px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 20px), 700px);
  }
}

@media (max-width:390px){
  .chat-panel{
    top:calc(var(--chat-mobile-vtop, 0px) + 8px);
    bottom:auto;
    height:min(calc(var(--chat-mobile-vh, 100svh) - 16px), 700px);
    max-height:min(calc(var(--chat-mobile-vh, 100svh) - 16px), 700px);
  }
}

/* --- Cars Rent Lanškroun: stable mobile chat height; do not stretch when Safari toolbars collapse --- */
@media (max-width:760px){
  .chat-panel{
    top:12px;
    bottom:auto;
    height:min(calc(100svh - 24px), 700px);
    max-height:min(calc(100svh - 24px), 700px);
  }
}

@media (max-width:520px){
  .chat-panel{
    top:10px;
    height:min(calc(100svh - 20px), 700px);
    max-height:min(calc(100svh - 20px), 700px);
  }
}

@media (max-width:390px){
  .chat-panel{
    top:8px;
    height:min(calc(100svh - 16px), 700px);
    max-height:min(calc(100svh - 16px), 700px);
  }
}

/* --- Cars Rent Lanškroun: stable mobile chat redesign, independent of Safari toolbar collapse --- */
@media (max-width:760px){
  .chat-panel{
    top:10px !important;
    bottom:auto !important;
    width:min(calc(100vw - 18px),430px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:var(--chat-mobile-stable-max-h, 640px) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }

  .chat-head{
    flex:0 0 auto !important;
    padding:13px 15px 12px !important;
    gap:12px !important;
  }

  .chat-head .chat-avatar{
    width:48px !important;
    height:48px !important;
    border-radius:15px !important;
    font-size:15px !important;
  }

  .chat-brand small{
    font-size:9.5px !important;
    letter-spacing:.08em !important;
  }

  .chat-brand strong{
    font-size:19px !important;
    line-height:1.08 !important;
  }

  .chat-presence{
    font-size:12.5px !important;
  }

  .chat-close{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:19px !important;
  }

  .chat-messages{
    flex:0 0 186px !important;
    min-height:186px !important;
    height:186px !important;
    max-height:186px !important;
    padding:13px 14px 12px !important;
    gap:9px !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  .chat-msg{
    max-width:93% !important;
  }

  .chat-msg p{
    padding:11px 12px !important;
    border-radius:16px !important;
    font-size:13.5px !important;
    line-height:1.42 !important;
  }

  .chat-guide{
    flex:0 1 auto !important;
    min-height:0 !important;
    padding:13px 14px 14px !important;
    gap:9px !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  .chat-guide-intro{
    gap:2px !important;
  }

  .chat-guide-intro strong,
  .chat-guide-title{
    font-size:17px !important;
    line-height:1.15 !important;
  }

  .chat-guide-intro span,
  .chat-guide-copy{
    font-size:12px !important;
    line-height:1.36 !important;
  }

  .chat-topics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .chat-topics button,
  .chat-topic{
    min-height:58px !important;
    padding:10px 11px !important;
    border-radius:15px !important;
    gap:2px !important;
  }

  .chat-topics button strong,
  .chat-topic strong{
    font-size:14px !important;
    line-height:1.14 !important;
  }

  .chat-topics button span,
  .chat-topic span{
    font-size:10.5px !important;
    line-height:1.22 !important;
  }

  .chat-questions-shell{
    padding:11px !important;
    border-radius:17px !important;
    gap:9px !important;
  }

  .chat-back{
    min-height:34px !important;
    padding:0 11px !important;
    border-radius:999px !important;
    font-size:12px !important;
  }

  .chat-questions-title{
    font-size:13px !important;
    line-height:1.24 !important;
    letter-spacing:.04em !important;
  }

  .chat-questions{
    gap:7px !important;
  }

  .chat-question{
    min-height:44px !important;
    padding:9px 11px !important;
    border-radius:14px !important;
    font-size:13px !important;
    line-height:1.22 !important;
  }

  .chat-question::after{
    font-size:16px !important;
  }

  .chat-footnote{
    font-size:11.5px !important;
    line-height:1.38 !important;
    margin-top:0 !important;
  }
}

@media (max-width:390px){
  .chat-panel{
    top:8px !important;
    width:calc(100vw - 14px) !important;
  }

  .chat-head{
    padding:12px 12px 11px !important;
  }

  .chat-head .chat-avatar{
    width:45px !important;
    height:45px !important;
  }

  .chat-brand strong{
    font-size:18px !important;
  }

  .chat-messages{
    flex-basis:176px !important;
    min-height:176px !important;
    height:176px !important;
    max-height:176px !important;
    padding:12px !important;
  }

  .chat-guide{
    padding:12px !important;
  }

  .chat-topics{
    gap:7px !important;
  }

  .chat-topics button,
  .chat-topic{
    min-height:56px !important;
    padding:9px 10px !important;
  }

  .chat-question{
    min-height:42px !important;
    padding:8px 10px !important;
    font-size:12.5px !important;
  }
}


/* --- Cars Rent Lanškroun: bottom popup/toast notifications removed --- */
.toast,
[data-toast],
.toast-shell,
.toast-message{
  display:none!important;
}

/* --- Cars Rent Lanškroun: clickable contact/action widgets must look clickable --- */
.contact-action-grid{
  gap:14px;
}
.contact-action-grid .contact-action{
  position:relative;
  min-height:116px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:18px;
  border:1px solid rgba(85,217,156,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 14%,rgba(85,217,156,.16),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.16);
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.contact-action-grid .contact-action:hover,
.contact-action-grid .contact-action:focus-visible{
  outline:none;
  transform:translateY(-3px);
  border-color:rgba(161,240,198,.88);
  background:
    radial-gradient(circle at 92% 14%,rgba(85,217,156,.24),transparent 40%),
    linear-gradient(180deg,rgba(85,217,156,.12),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 20px 42px rgba(0,0,0,.24);
}
.contact-action-grid .contact-action:active{
  transform:translateY(-1px);
}
.contact-action-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(85,217,156,.42);
  background:rgba(85,217,156,.12);
  color:var(--accent2);
  font-size:25px;
  font-weight:950;
  line-height:1;
  box-shadow:0 10px 24px rgba(85,217,156,.12);
}
.contact-action-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.contact-action-grid .contact-action b{
  display:block;
  margin:0;
  color:var(--accent2);
  font-size:16px;
  font-weight:950;
  line-height:1.2;
}
.contact-action-grid .contact-action span:not(.contact-action-icon):not(.contact-action-copy){
  display:block;
}
.contact-action-copy > span{
  color:#eef3f8;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}
.contact-action-copy em{
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-style:normal;
  font-weight:800;
  line-height:1.25;
}
.contact-action-grid .contact-action > i{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(85,217,156,.32);
  background:rgba(85,217,156,.10);
  color:var(--accent2);
  font-size:27px;
  font-style:normal;
  font-weight:800;
  line-height:1;
  transition:transform .18s ease,background .18s ease;
}
.contact-action-grid .contact-action:hover > i,
.contact-action-grid .contact-action:focus-visible > i{
  transform:translateX(2px);
  background:rgba(85,217,156,.18);
}
.contact-action-grid .contact-action-whatsapp{
  border-color:rgba(161,240,198,.54);
  background:
    radial-gradient(circle at 92% 14%,rgba(161,240,198,.24),transparent 40%),
    linear-gradient(135deg,rgba(85,217,156,.18),rgba(255,255,255,.04));
}
.contact-action-grid .contact-action-whatsapp .contact-action-icon{
  background:linear-gradient(135deg,rgba(85,217,156,.24),rgba(85,217,156,.10));
}

/* Keep legacy contact-grid styles from flattening the new CTA cards */
.contact-grid.contact-action-grid a{
  padding:18px;
}
.contact-grid.contact-action-grid b{
  margin-bottom:0;
}
.contact-grid.contact-action-grid span{
  color:inherit;
}

/* Small cue for footer links too */
.site-footer a{
  transition:color .18s ease,transform .18s ease;
}
.site-footer a:hover,
.site-footer a:focus-visible{
  color:#fff;
  transform:translateX(2px);
}

@media (max-width:1150px){
  .contact-action-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media (max-width:760px){
  .contact-action-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .contact-action-grid .contact-action{
    min-height:96px;
    gap:12px;
    padding:14px!important;
    border-radius:17px;
  }
  .contact-action-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:22px;
  }
  .contact-action-grid .contact-action b{
    font-size:15px;
  }
  .contact-action-copy > span{
    font-size:14px;
  }
  .contact-action-copy em{
    font-size:11.5px;
  }
  .contact-action-grid .contact-action > i{
    width:28px;
    height:28px;
    font-size:23px;
  }
}


/* --- Cars Rent Lanškroun: clickable contact widgets without left icons --- */
.contact-action-grid .contact-action{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}
.contact-action-copy{
  gap:5px;
}
.contact-action-grid .contact-action > i{
  align-self:center;
}

@media (max-width:760px){
  .contact-action-grid .contact-action{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }
}

/* Bentley: kratší ceník bez prázdných řádků v pravém sloupci. */
.pricing-grid-compact .pricing-card-main{grid-row:auto}
.pricing-grid-compact .pricing-card{min-height:100%}


/* Mercedes GLS 400d vehicle update */
.car-card-gls .car-image:before{background-image:url('../img/gls/gls-main.webp');background-position:center 66%}
.car-card-gls .car-image img{object-position:center 66%}
.featured-car-gls{margin-top:36px}
.featured-car-gls .featured-main{--gallery-bg:url('../img/gls/gls-main.webp')}


/* Audi S5 vehicle */
.car-card-s5 .car-image:before{background-image:url('../img/s5/s5-main.webp');background-position:center 66%}
.car-card-s5 .car-image img{object-position:center 66%}
.featured-car-s5{margin-top:36px}
.featured-car-s5 .featured-main{--gallery-bg:url('../img/s5/s5-main.webp')}


/* Audi S6 / S8: pricing not yet published */
.vehicle-pricing-pending .pricing-grid { grid-template-columns: minmax(0, 1fr); }
.pricing-card-pending { min-height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; }
.pricing-card-pending small { color: var(--muted); font-size: .86rem; line-height: 1.5; max-width: 520px; }


/* BMW M850i vehicle */
.car-card-m850i .car-image:before{background-image:url('../img/m850i/m850i-main.webp');background-position:center 68%}
.car-card-m850i .car-image img{object-position:center 68%}
.featured-car-m850i{margin-top:36px}
.featured-car-m850i .featured-main{--gallery-bg:url('../img/m850i/m850i-main.webp')}


/* Cars Rent Lanškroun: supplied round logo and emerald brand. */
.brand{min-width:0;gap:14px;flex-shrink:0}
.brand-logo{width:68px!important;height:68px!important;max-width:68px!important;flex-shrink:0;object-fit:contain!important}
.brand-text{display:flex;flex-direction:column;gap:4px;white-space:nowrap;line-height:1.1}
.brand-text b{font-size:23px;letter-spacing:.035em;font-weight:900;color:#f5f7fb}
.brand-text>span{font-size:16px;letter-spacing:.055em;font-weight:650;color:var(--accent)}
.site-nav{gap:clamp(15px,2vw,30px)}
.footer-brand .footer-logo{margin-bottom:20px}
.footer-brand .brand-logo{width:86px!important;height:86px!important;max-width:86px!important}
.booking-head img{width:68px!important;max-width:24%!important;border-radius:50%}
.chat-avatar{background:none!important;box-shadow:none!important;overflow:visible!important}
.chat-avatar img{width:100%;height:100%;object-fit:contain}
.btn-primary,.header-cta{color:#08261b}
.hero h1{overflow-wrap:normal}
@media(min-width:1151px) and (max-width:1280px){
  .site-header{gap:18px;padding-inline:24px}
  .brand-text b{font-size:20px}
  .brand-text>span{font-size:14px}
  .brand-logo{width:58px!important;height:58px!important;max-width:58px!important}
  .site-nav{gap:18px;font-size:14px}
  .header-cta{padding:15px 18px;font-size:14px}
}
@media(max-width:760px){
  .brand{gap:10px}
  .brand-logo{width:48px!important;height:48px!important;max-width:48px!important}
  .brand-text b{font-size:18px}
  .brand-text>span{font-size:12px;letter-spacing:.065em}
  .footer-brand .brand-logo{width:72px!important;height:72px!important;max-width:72px!important}
  .footer-brand .brand-text b{font-size:23px}
  .footer-brand .brand-text>span{font-size:16px}
  .booking-head img{width:58px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}