:root{--ink:#17211d;--muted:#64706a;--line:#dce4df;--paper:#fff;--bg:#f3f6f4;--green:#1f7a52;--soft:#e7f3ec;--gold:#e6b64d}body.home-page{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.home-page .warning-marquee{position:relative;z-index:40;overflow:visible;padding:9px 20px;background:var(--gold);color:#231d0f;text-align:center;font-size:13px;font-weight:750}.home-page .warning-marquee span{display:inline;animation:none;white-space:normal;padding-left:0}.home-page .warning-marquee a{color:inherit}.home-page .hero{min-height:620px;height:auto;isolation:isolate;background:url("images/Front.jpg") center 58%/cover no-repeat;color:#fff}.home-page .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,18,15,.92),rgba(10,18,15,.68) 48%,rgba(10,18,15,.2) 78%,rgba(10,18,15,.42))}.home-page .topbar,.home-page .hero-content{width:min(1240px,calc(100% - 48px));margin-inline:auto}.home-page .topbar{padding:26px 0}.home-page .mjm-logo{display:flex;flex-direction:column;gap:2px;margin:0;color:#fff;text-decoration:none}.home-page .brand-title{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-page .brand-mjm{display:flex;gap:9px;font-size:27px;line-height:1}.home-page .brand-mjm>span{display:flex;align-items:baseline;gap:2px}.home-page .brand-mjm small{font-size:9px;opacity:.72}.home-page .language-switcher{display:flex;gap:7px}.home-page .lang-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#14201a88;font-size:18px}.home-page .hero-content{position:relative;left:auto;bottom:auto;max-width:none;margin-top:95px}.home-page .hero-content>*{max-width:760px}.home-page .hero-kicker,.home-page .section-kicker{margin:0 0 14px;color:var(--gold);font-size:13px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.home-page .hero-content h1{margin:0;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em}.home-page .hero-content h1 span{display:block}.home-page .hero-content>p:not(.hero-kicker){margin:24px 0 0;max-width:650px;color:#ffffffd1;font-size:19px;line-height:1.65}.home-page .hero-actions{display:flex;gap:12px;margin-top:30px}.home-page .hero-primary,.home-page .hero-secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 23px;border-radius:12px;font-weight:800;text-decoration:none}.home-page .hero-primary{background:var(--green);color:#fff}.home-page .hero-secondary{border:1px solid #ffffff73;color:#fff;background:#ffffff14}.home-page .hero-trust{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:34px}.home-page .hero-trust span{position:relative;padding-left:18px;color:#ffffffd1;font-size:14px;font-weight:700}.home-page .hero-trust span:before{content:"✓";position:absolute;left:0;color:#70d4a1}.home-page .main-menu{position:sticky;top:0;z-index:35;min-height:66px;align-items:center;justify-content:center;gap:4px;padding:8px max(20px,calc((100vw - 1240px)/2));background:#fffffff0;border:0;border-bottom:1px solid var(--line);box-shadow:0 8px 24px #17211d0f;backdrop-filter:blur(14px)}.home-page .main-menu .menu-button,.home-page .main-menu-link{min-height:44px;display:inline-flex;align-items:center;margin:0;padding:0 15px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:14px;font-weight:750;white-space:nowrap;text-decoration:none}.home-page .main-menu .menu-button:hover,.home-page .main-menu-link:hover{background:#edf2ef}.home-page .main-menu .menu-button.active{background:var(--soft);color:#145238;box-shadow:none;transform:none}.home-page .account-menu-link{margin-left:auto;border:1px solid var(--line)}.home-page #logoutButton{color:var(--ink);border:0}.home-page .page{width:min(1240px,calc(100% - 48px));display:block;margin:0 auto;padding:34px 0 80px}.home-page .steps-column{position:sticky;top:78px;z-index:24;margin:0 0 22px}.home-page .steps{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fffffff0;box-shadow:0 10px 30px #17211d12;backdrop-filter:blur(14px)}.home-page .step{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:10px;border-radius:11px;box-shadow:none;background:transparent;color:#88928d}.home-page .step br{display:none}.home-page .step.active{background:var(--ink);color:#fff}.home-page .step.done{background:var(--green);color:#fff}.home-page .step.ready{box-shadow:inset 0 0 0 2px var(--green);color:#145238}.home-page .content{width:100%;padding:0;border-radius:0;background:transparent;box-shadow:none}.home-page .content-section{padding:42px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 50px #17211d17}.home-page .content h2{max-width:760px;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em}.home-page .subtitle{max-width:760px;color:var(--muted);font-size:17px;line-height:1.65}.home-page .section-kicker{color:var(--green)}.home-page .trailer-type-chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.home-page .trailer-type-button{min-height:94px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#f8faf9;color:var(--ink);text-align:left}.home-page .trailer-type-button.active{border-color:var(--green);background:var(--soft);box-shadow:inset 0 0 0 1px var(--green)}.home-page .trailer-type-label{font-size:17px;font-weight:850}.home-page .trailer-type-button small{color:var(--muted);font-size:13px}.home-page .customer-info-box{margin-top:18px;padding:16px 18px;border:0;border-left:4px solid var(--gold);border-radius:10px;background:#fff8e8;color:#5d4b22;line-height:1.55}.home-page .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}.home-page .trailer-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #17211d0f;transition:.2s}.home-page .trailer-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #17211d1f}.home-page .trailer-card.selected{border:2px solid var(--green);box-shadow:0 0 0 4px #1f7a5221,0 18px 40px #17211d1f}.home-page .card-slider{width:100%;height:auto;aspect-ratio:16/9;background:#e3e8e5}.home-page .card-slider img{object-fit:cover}.home-page .card-body{flex:1;display:flex;flex-direction:column;padding:25px}.home-page .card-body h3{margin:0;font-size:23px;letter-spacing:-.02em}.home-page .card-body>p{min-height:44px;margin:9px 0 14px;color:var(--muted);line-height:1.5}.home-page .card-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;margin:0 0 22px;padding:0;list-style:none;line-height:1.45}.home-page .card-body li{position:relative;padding-left:17px;color:#44504a;font-size:14px}.home-page .card-body li:before{content:"•";position:absolute;left:0;color:var(--green)}.home-page .select-button{width:100%;margin-top:auto;border-radius:11px;background:var(--ink)}.home-page .select-button.selected{background:var(--green)}.home-page .availability-preview{order:3;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.home-page .availability-preview>strong{display:block;margin-bottom:10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.home-page .availability-preview-days{display:grid;grid-auto-flow:column;grid-auto-columns:48px;gap:6px;overflow-x:auto;padding:2px 2px 8px}.home-page .availability-preview-day{min-height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px}.home-page .availability-preview-day.available{background:#e3f5eb;color:#17613f}.home-page .availability-preview-day.partial{background:#fff2c9;color:#755814}.home-page .availability-preview-day.unavailable{background:#f9dfdf;color:#8a3030}.home-page .availability-preview-day small,.home-page .availability-preview-day em{font-size:9px;font-style:normal}.home-page .booking-actions{position:sticky;bottom:18px;z-index:20;display:flex;justify-content:flex-end;margin:28px 0 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fffffff0;box-shadow:0 12px 34px #17211d1f;backdrop-filter:blur(12px)}.home-page .booking-actions .next-button{min-width:220px;border-radius:11px;background:#79847e}.home-page .booking-actions .next-button.selection-ready{background:var(--green)}.home-page .blog-box,.home-page .advisor-box,.home-page .video-card,.home-page .faq-item{border-color:var(--line);background:#f8faf9}.home-page .site-footer{background:var(--ink);color:#fff}.home-page .site-footer a{color:#ffffffc7}@media(max-width:900px){.home-page .hero{min-height:560px}.home-page .hero-content{margin-top:72px}.home-page .main-menu{justify-content:flex-start;overflow-x:auto;padding:8px 16px}.home-page .account-menu-link{margin-left:0}.home-page .page{width:min(100% - 32px,720px);padding-top:20px}.home-page .steps-column{top:76px}.home-page .content-section{padding:30px}.home-page .trailer-type-chooser,.home-page .cards,.home-page .video-grid{grid-template-columns:1fr}}@media(max-width:560px){.home-page .warning-marquee{font-size:11px}.home-page .hero{min-height:520px;background-position:64% center}.home-page .topbar,.home-page .hero-content{width:calc(100% - 32px)}.home-page .brand-mjm small{display:none}.home-page .hero-content{margin-top:78px}.home-page .hero-content h1{font-size:clamp(38px,12vw,52px)}.home-page .hero-content>p:not(.hero-kicker){font-size:16px;line-height:1.5}.home-page .hero-actions{flex-direction:column}.home-page .hero-actions>*{width:100%}.home-page .hero-trust{gap:8px 14px}.home-page .hero-trust span{font-size:12px}.home-page .main-menu{min-height:58px}.home-page .page{width:calc(100% - 20px);padding-top:12px}.home-page .steps-column{top:66px;margin-bottom:12px}.home-page .step{min-height:44px;gap:4px;font-size:13px}.home-page .step span{font-size:11px}.home-page .content-section{padding:22px 16px;border-radius:18px}.home-page .content h2{font-size:34px}.home-page .subtitle{font-size:15px}.home-page .trailer-type-button{min-height:76px}.home-page .cards{gap:18px}.home-page .trailer-card{border-radius:17px}.home-page .card-body{padding:19px}.home-page .card-body>p{min-height:0}.home-page .card-body ul{grid-template-columns:1fr}.home-page .booking-actions{bottom:8px;padding:8px}.home-page .booking-actions .next-button{width:100%;min-width:0}}
@media(max-width:560px){.home-page .warning-marquee span{display:block;width:100%;overflow:hidden;overflow-wrap:anywhere}.home-page .site-footer{width:100%;padding:28px 20px;grid-template-columns:minmax(0,1fr)}.home-page .site-footer nav{display:flex;flex-wrap:wrap;gap:10px 18px;min-width:0}.home-page .site-footer nav a{margin:0}}
.home-page .card-image-placeholder{background:radial-gradient(circle at 18% 20%,rgba(230,182,77,.24),transparent 34%),linear-gradient(135deg,#eef6f1,#dcebe2)}

/* Responsive primary navigation */
.home-page .mobile-menu-toggle{display:none}
.home-page .main-menu :is(button,a):focus-visible{outline:3px solid #1f7a5266;outline-offset:2px}

@media(max-width:900px){
  .home-page .main-menu{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:4px;
    min-height:60px;
    overflow:visible;
    padding:8px 16px;
  }
  .home-page .mobile-menu-toggle{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:var(--ink);
    font-size:15px;
    font-weight:800;
  }
  .home-page .mobile-menu-icon{width:22px;display:grid;gap:4px}
  .home-page .mobile-menu-icon span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .home-page .mobile-menu-label{margin-right:auto}
  .home-page .main-menu[data-open="true"] .mobile-menu-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .home-page .main-menu[data-open="true"] .mobile-menu-icon span:nth-child(2){opacity:0}
  .home-page .main-menu[data-open="true"] .mobile-menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .home-page .main-menu[data-open="false"] > :not(.mobile-menu-toggle){display:none}
  .home-page .main-menu > .menu-button,
  .home-page .main-menu > .main-menu-link{
    width:100%;
    min-height:46px;
    justify-content:flex-start;
    padding:0 14px;
    white-space:normal;
  }
  .home-page .main-menu > .account-menu-link{margin:4px 0 0;border-top:1px solid var(--line)}
  .home-page .steps-column{top:68px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .mobile-menu-icon span{transition:none}
}

/* Scannable trailer comparison and clear booking action */
.home-page .card-quickfacts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 20px;
}
.home-page .card-quickfacts span{
  min-width:0;
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#f8faf9;
}
.home-page .card-quickfacts small,
.home-page .card-quickfacts strong{display:block}
.home-page .card-quickfacts small{
  margin-bottom:5px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-page .card-quickfacts strong{font-size:13px;line-height:1.35}
.home-page .booking-actions{align-items:center;justify-content:space-between;gap:16px}
.home-page .selection-status{color:var(--muted);font-size:14px;font-weight:750}
.home-page .booking-actions .next-button:disabled{cursor:not-allowed;opacity:.75}

@media(max-width:620px){
  .home-page .card-quickfacts{grid-template-columns:1fr}
  .home-page .card-quickfacts span{display:grid;grid-template-columns:100px 1fr;align-items:baseline;gap:8px}
  .home-page .card-quickfacts small{margin:0}
  .home-page .booking-actions{align-items:stretch;flex-direction:column;gap:8px}
  .home-page .selection-status{text-align:center}
}

/* Layout refinements after mobile and desktop review */
@media(min-width:901px){
  .home-page .topbar,
  .home-page .hero-content{width:min(1180px,calc(100% - 96px))}
}

.home-page .availability-preview-days{
  grid-auto-flow:row;
  grid-auto-columns:auto;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  overflow:visible;
  padding:2px;
}
.home-page .availability-preview-day{min-width:0;padding:6px 2px}
.home-page .availability-preview-day b{font-size:13px}

@media(max-width:900px){
  .home-page .main-menu[data-open="true"]{
    max-height:calc(100dvh - 16px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

@media(max-width:420px){
  .home-page .availability-preview-days{gap:3px}
  .home-page .availability-preview-day{min-height:54px;padding:4px 1px}
  .home-page .availability-preview-day small,
  .home-page .availability-preview-day em{font-size:8px}
}

/* Desktop navigation, integrated progress and refined availability preview */
.home-page .hero-content h1{font-size:clamp(38px,5vw,64px);max-width:850px}
.home-page .menu-booking-progress{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:auto;
  padding-left:10px;
  border-left:1px solid var(--line);
}
.home-page .menu-booking-progress .step{
  width:auto;
  min-height:36px;
  gap:5px;
  margin:0;
  padding:0 9px;
  border-radius:9px;
  box-shadow:none;
  font-size:11px;
  white-space:nowrap;
}
.home-page .menu-booking-progress .step b{font-size:11px}
.home-page .main-menu .account-menu-link{margin-left:4px}

@media(min-width:901px){
  .home-page .steps-column{display:none}
  .home-page .page{padding-top:30px}
}

.home-page .select-button:not(.selected){
  border:2px solid #b52e2e;
  background:#fff;
  color:#a52525;
}
.home-page .select-button:not(.selected):hover{
  border-color:#8f1f1f;
  background:#fff2f2;
  color:#7d1717;
}
.home-page .select-button.selected{border:2px solid var(--green);color:#fff}

.home-page .availability-preview-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.home-page .availability-preview-header strong,
.home-page .availability-preview-header small{display:block}
.home-page .availability-preview-header strong{font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.home-page .availability-preview-header small{max-width:290px;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.home-page .availability-preview-controls{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.home-page .availability-preview-button{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:var(--ink);
  font-size:18px;
}
.home-page .availability-preview-button:hover{background:var(--soft);color:var(--ink)}
.home-page .availability-preview-button:disabled{cursor:not-allowed;opacity:.35}
.home-page .availability-preview-range{min-width:76px;color:var(--muted);font-size:10px;font-weight:800;text-align:center}
.home-page .availability-preview-day.today{outline:3px solid var(--ink);outline-offset:2px}
.home-page .availability-preview-day.today:after{content:"Heute";font-size:8px;font-weight:850;line-height:1}

@media(max-width:1100px) and (min-width:901px){
  .home-page .main-menu{padding-inline:12px}
  .home-page .main-menu .menu-button,
  .home-page .main-menu-link{padding-inline:9px;font-size:12px}
  .home-page .menu-booking-progress .step{padding-inline:6px}
}

@media(max-width:900px){
  .home-page .menu-booking-progress{display:none}
  .home-page .steps-column{position:static;top:auto}
  .home-page .hero-content h1{font-size:clamp(36px,9vw,52px)}
}

@media(max-width:560px){
  .home-page .availability-preview-header{align-items:stretch;flex-direction:column}
  .home-page .availability-preview-controls{justify-content:space-between}
}

/* KFK masthead and roomier laptop hero */
.home-page .menu-brand{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:44px;
  margin-right:8px;
  color:var(--ink);
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
  text-decoration:none;
}
.home-page .menu-brand strong{font-size:inherit;letter-spacing:inherit}
.home-page .language-switcher{margin-left:auto}
.home-page .menu-booking-progress{margin-left:8px}
.home-page .progress-jump{cursor:pointer;font-family:inherit}
.home-page .progress-jump:hover{background:var(--soft);color:#145238}

@media(min-width:901px){
  .home-page .hero{min-height:500px}
  .home-page .topbar,
  .home-page .hero-content{width:min(1180px,calc(100% - 160px))}
  .home-page .topbar{padding:16px 0 0}
  .home-page .hero-content{margin-top:24px}
}

@media(max-width:1100px) and (min-width:901px){
  .home-page .menu-brand{margin-right:2px;font-size:11px}
  .home-page .menu-brand strong{font-size:inherit}
  .home-page .menu-booking-progress{margin-left:2px;padding-left:4px}
}

@media(max-width:900px){
  .home-page .main-menu > .menu-brand{width:100%;justify-content:flex-start;padding:4px 14px}
}

/* Clear desktop navigation targets and isolated hero actions */
.home-page .main-menu > .menu-button{
  border:1px solid var(--line);
  background:#fff;
}
.home-page .main-menu > .menu-button:hover{border-color:#b9c8bf;background:#edf2ef}
.home-page .main-menu > .menu-button.active{border-color:#9bc7ae;background:var(--soft)}
.home-page .section-link-button{border:0;background:var(--green);color:#fff}
.home-page .section-link-button:hover{background:#176440;color:#fff;transform:none}

/* Compact specifications and high-contrast availability */
.home-page .spec-value{white-space:nowrap;font-weight:500}
.home-page .card-body li.pricing-summary{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 16px;
  padding:12px 14px;
  border:1px solid #dfe8e2;
  border-radius:12px;
  background:#f7faf8;
  color:#27372f;
  font-weight:500;
  line-height:1.45;
}
.home-page .card-body li.pricing-summary:before{display:none}
.home-page .pricing-summary span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.home-page .pricing-summary strong{font-size:inherit;font-weight:650;white-space:nowrap}
.home-page .availability-preview-day.available{background:#15834f;color:#fff}
.home-page .availability-preview-day.partial{background:#c77a00;color:#fff}
.home-page .availability-preview-day.unavailable{background:#bd3038;color:#fff}
.home-page .availability-preview-day.today{outline-color:#111;box-shadow:0 0 0 1px #fff inset}

/* Location status, calendar legend and compact FAQ accordion */
.home-page .location-badge{
  flex:0 0 auto;
  margin:0;
  padding:7px 10px;
  border:1px solid #83b99a;
  border-radius:999px;
  background:#e4f5eb;
  color:#145d3b;
  font-size:13px;
  font-weight:600;
}
.home-page .location-badge.future{border-color:#d0a84d;background:#fff4d7;color:#70520c}
.home-page .availability-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.home-page .availability-legend span{position:relative;padding-left:15px;color:var(--muted);font-size:10px;font-weight:800}
.home-page .availability-legend span:before{content:"";position:absolute;left:0;top:2px;width:9px;height:9px;border-radius:3px}
.home-page .availability-legend .available:before{background:#15834f}
.home-page .availability-legend .unavailable:before{background:#bd3038}
.home-page .faq-item{margin-top:0;padding:0;overflow:hidden}
.home-page .faq-question{
  width:100%;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:0;
  border-radius:0;
  background:#f8faf9;
  color:var(--ink);
  font-size:16px;
  text-align:left;
}
.home-page .faq-question:hover{background:#edf4ef;color:var(--ink)}
.home-page .faq-question:focus-visible{outline:3px solid #1f7a5266;outline-offset:-3px}
.home-page .faq-icon{font-size:24px;font-weight:500;line-height:1}
.home-page .faq-item>p{margin:0;padding:0 18px 18px;color:var(--muted);line-height:1.65}
.home-page .card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.home-page .card-title-row h3{min-width:0;margin:0}
.home-page .card-quickfacts strong{font-weight:600}

@media(max-width:600px){
  .home-page .cookie-banner{gap:10px;padding:12px 14px}
  .home-page .cookie-banner p{font-size:11px;line-height:1.35}
  .home-page .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .home-page .cookie-actions button{min-height:42px;padding:8px 10px;font-size:11px;white-space:normal}
  .home-page .card-title-row{align-items:stretch;flex-direction:column;gap:8px}
  .home-page .location-badge{align-self:flex-start}
  .home-page .card-body li.pricing-summary{grid-template-columns:1fr}
}

/* Calm, always-visible card details */
.home-page .card-detail-groups{display:grid;gap:8px;margin:0 0 16px}
.home-page .card-detail-section{
  border:1px solid var(--line);
  border-radius:11px;
  background:#fbfcfb;
  padding:11px 14px 13px;
}
.home-page .general-data li,
.home-page .card-detail-section li,
.home-page .card-detail-section .pricing-summary span,
.home-page .card-detail-section .pricing-summary strong{
  color:#4b5851;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}
.home-page .card-detail-section h4{
  margin:0 0 8px;
  color:#34433b;
  font-size:13px;
  font-weight:650;
}
.home-page .technical-details>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0;padding:0}
.home-page .card-detail-section .pricing-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 16px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.home-page .general-data{margin:0 0 14px;padding:12px 14px;border-radius:11px;background:#f7faf8}
.home-page .general-data>strong{display:block;margin-bottom:7px;color:#3d4b44;font-size:12px;font-weight:700}
.home-page .general-data ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.home-page .general-data li{position:relative;padding-left:14px;color:#536159;font-size:13px;line-height:1.4}
.home-page .general-data li:before{content:"•";position:absolute;left:0;color:var(--green)}
.home-page .small-business-tax-note{margin:10px 0 0;color:#4b5851;font-family:inherit;font-size:13px;font-weight:400;line-height:1.45}
.home-page .price-tax-marker{margin-left:1px;color:inherit;font-size:inherit;font-weight:inherit;line-height:0}
@media(max-width:600px){
  .home-page .card-detail-section .pricing-summary{grid-template-columns:1fr}
}

/* Compact mobile header: visible brand, contained menu and no side canvas */
@media(max-width:900px){
  .home-page .main-menu{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:6px;
    min-height:56px;
    padding:6px 12px;
    overflow:visible;
  }
  .home-page .main-menu[data-open="true"]{max-height:54px;overflow:visible}
  .home-page .main-menu > .menu-brand{
    display:inline-flex !important;
    grid-column:1;
    grid-row:1;
    width:auto;
    min-height:42px;
    justify-content:flex-start;
    margin:0;
    padding:0 8px;
    font-size:13px;
  }
  .home-page .mobile-menu-toggle{
    grid-column:3;
    grid-row:1;
    width:44px;
    min-width:44px;
    min-height:42px;
    justify-content:center;
    padding:0 10px;
  }
  .home-page .main-menu[data-open="true"] .mobile-menu-icon{display:block;font-size:0;text-align:center}
  .home-page .main-menu[data-open="true"] .mobile-menu-icon svg{display:none}
  .home-page .main-menu[data-open="true"] .mobile-menu-icon:before{content:"×";display:block;font-size:27px;font-weight:400;line-height:1}
  .home-page .mobile-menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .home-page .main-menu > .account-menu-link{
    display:inline-flex !important;
    grid-column:2;
    grid-row:1;
    width:auto;
    min-height:42px;
    margin:0;
    padding:0 11px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    font-size:12px;
  }
  .home-page .main-menu > .account-menu-link:before{content:"●";margin-right:6px;color:var(--green);font-size:8px}
  .home-page .main-menu[data-open="false"] > :not(.mobile-menu-toggle):not(.menu-brand):not(.account-menu-link){display:none}
  .home-page .main-menu[data-open="true"] > .menu-button,
  .home-page .main-menu[data-open="true"] > .main-menu-link:not(.account-menu-link){
    grid-column:1/-1;
    width:100%;
  }
  .home-page .main-menu[data-open="true"] > .menu-button,
  .home-page .main-menu[data-open="true"] > .main-menu-link:not(.account-menu-link){
    min-height:44px;
    justify-content:flex-start;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
  }
  .home-page .main-menu[data-open="true"] > .menu-button.active{
    border-color:#9bc7ae;
    background:var(--soft);
  }
  .home-page .main-menu > .menu-booking-progress{display:none !important}
  .home-page .steps-column{display:none}
  .home-page .booking-actions{
    position:fixed;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    z-index:34;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px 10px;
    margin:0;
    padding:8px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fffffff5;
    box-shadow:0 12px 36px #17211d38;
    backdrop-filter:blur(16px);
  }
  .home-page .mobile-action-progress{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .home-page .mobile-action-progress .step{
    min-height:28px;
    gap:4px;
    margin:0;
    padding:4px 5px;
    border-radius:8px;
    font-size:10px;
  }
  .home-page .mobile-action-progress .step b,
  .home-page .mobile-action-progress .step span{font-size:10px}
  .home-page .booking-actions .selection-status{align-self:center;font-size:11px;text-align:left}
  .home-page .booking-actions .next-button{
    width:auto;
    min-width:145px;
    min-height:42px;
    margin:0;
    padding:8px 13px;
    font-size:12px;
  }
  body.home-page{padding-bottom:108px}
}

@media(max-width:380px){
  .home-page .main-menu > .menu-brand{font-size:11px;padding-inline:4px}
  .home-page .main-menu > .account-menu-link{padding-inline:8px}
  .home-page .booking-actions{grid-template-columns:1fr}
  .home-page .booking-actions .selection-status{text-align:center}
  .home-page .booking-actions .next-button{width:100%}
  body.home-page{padding-bottom:132px}
}

@media(min-width:901px){.home-page .mobile-action-progress{display:none}}

/* Simplified mobile experience */
.home-page .account-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.home-page .mobile-step-summary{display:none}
.home-page .mobile-language-switcher{display:none}

@media(max-width:900px){
  .home-page .warning-marquee{padding:6px 12px;font-size:10px;font-weight:700;line-height:1.35}
  .home-page .main-menu{
    height:54px;
    min-height:54px;
    max-height:54px;
    grid-template-rows:44px;
    grid-auto-rows:42px;
    align-items:start;
    padding:5px 10px;
    overflow:visible;
  }
  .home-page .main-menu > .menu-brand{min-height:40px;padding:0 6px;font-size:15px;font-weight:500;letter-spacing:0}
  .home-page .mobile-language-switcher{
    grid-column:2;
    grid-row:1;
    display:flex;
    width:91px;
    min-width:91px;
    flex:0 0 91px;
    align-items:center;
    gap:2px;
    min-height:40px;
  }
  .home-page .main-menu[data-open="false"] > .mobile-language-switcher,
  .home-page .main-menu[data-open="true"] > .mobile-language-switcher{display:flex !important}
  .home-page .mobile-language-switcher .lang-button{
    display:grid !important;
    place-items:center;
    flex:0 0 29px;
    width:29px;
    min-width:29px;
    height:34px;
    margin:0;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    font-size:17px;
    line-height:1;
  }
  .home-page .mobile-language-switcher .lang-button.active{background:var(--soft);box-shadow:inset 0 0 0 1px #b8d6c4}
  .home-page .flag-icon{width:20px;height:14px;display:block;overflow:hidden;border:1px solid #17211d2e;border-radius:2px;box-shadow:0 1px 2px #17211d1c}
  .home-page .main-menu > .account-menu-link{
    display:none !important;
  }
  .home-page .mobile-menu-toggle{width:42px;min-width:42px;min-height:40px}
  .home-page .main-menu[data-open="false"] .mobile-menu-icon{display:block !important;width:22px;height:22px}
  .home-page .main-menu[data-open="false"] .mobile-menu-icon svg{display:block !important;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .home-page .main-menu[data-open="true"] > .menu-button,
  .home-page .main-menu[data-open="true"] > .main-menu-link:not(.account-menu-link){
    position:absolute;
    left:10px;
    right:10px;
    z-index:2;
    width:auto;
    min-height:42px;
    margin:0;
    border-radius:0;
    border-width:0 0 1px;
    box-shadow:0 12px 22px #17211d20;
  }
  .home-page .main-menu[data-open="true"] > .menu-button:nth-of-type(2){top:60px;border-radius:12px 12px 0 0}
  .home-page .main-menu[data-open="true"] > .menu-button:nth-of-type(3){top:102px}
  .home-page .main-menu[data-open="true"] > .menu-button:nth-of-type(4){top:144px}
  .home-page .main-menu[data-open="true"] > .menu-button:nth-of-type(5){top:186px}
  .home-page .main-menu[data-open="true"] > .menu-button:nth-of-type(6){top:228px}
  .home-page .main-menu[data-open="true"] > .account-menu-link{
    position:absolute;
    top:270px;
    left:10px;
    right:10px;
    z-index:2;
    width:auto;
    grid-column:1/-1;
    grid-row:auto;
    min-height:44px;
    display:flex !important;
    justify-content:flex-start;
    gap:9px;
    padding:0 14px;
    border:0;
    border-radius:0 0 12px 12px;
    background:#fff;
    box-shadow:0 12px 22px #17211d20;
    font-size:14px;
  }
  .home-page .main-menu[data-open="true"] > .account-menu-link #accountLabel{display:inline}
  .home-page .main-menu[data-open="true"] > .logout-menu-button{top:312px;border-radius:0 0 12px 12px}

  .home-page .hero{min-height:390px;background-position:62% center}
  .home-page .hero:before{background:linear-gradient(90deg,rgba(10,18,15,.58),rgba(10,18,15,.30) 62%,rgba(10,18,15,.18)),linear-gradient(0deg,rgba(10,18,15,.35),transparent 58%)}
  .home-page .topbar{display:none}
  .home-page .hero-content{margin-top:34px;padding:10px 16px 28px;text-align:left}
  .home-page .hero-content h1{max-width:310px;margin:0 0 14px;font-size:35px;line-height:1.02;letter-spacing:-.04em}
  .home-page .hero-content h1,.home-page .hero-content>p:not(.hero-kicker){text-shadow:0 2px 10px #0009}
  .home-page .hero-content>p:not(.hero-kicker){max-width:320px;margin-top:0;font-size:14px;line-height:1.45}
  .home-page .hero-actions{margin-top:18px}
  .home-page .hero-actions>*{min-height:44px}

  .home-page .mobile-action-progress{display:none}
  .home-page .booking-actions{
    grid-template-columns:auto minmax(150px,1fr);
    align-items:center;
    gap:8px 12px;
    padding:9px;
  }
  .home-page .mobile-step-summary{display:block;color:#536159;font-size:12px;font-weight:650;white-space:nowrap}
  .home-page .booking-actions .selection-status{display:none}
  .home-page .booking-actions .next-button{width:100%;min-width:0;min-height:44px;font-size:13px}
  body.home-page{padding-bottom:74px}

  .home-page .availability-preview-days .availability-preview-day:nth-child(n+8){display:none}
  .home-page .availability-preview{padding:13px 8px 4px}
  .home-page .availability-preview-header{margin-bottom:9px}
  .home-page .availability-preview-header strong{font-size:11px}
  .home-page .availability-preview-header small{font-size:10px}
  .home-page .card-detail-groups{gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden}
  .home-page .card-detail-section{border:0;border-radius:0;background:#fff}
  .home-page .card-detail-section+.card-detail-section{border-top:1px solid var(--line)}
  .home-page .general-data{margin-bottom:9px;padding:10px 12px}
  .home-page #booking-section>.section-kicker{margin-bottom:18px}
  .home-page #booking-section>h2,
  .home-page #booking-section>.subtitle{display:none}
}

@media(max-width:380px){
  .home-page .booking-actions{grid-template-columns:1fr auto}
  .home-page .booking-actions .next-button{width:auto;min-width:168px}
  body.home-page{padding-bottom:74px}
}