/* MK Detailing V155 - mobile-first public UX */
@media (max-width: 780px) {
  html{font-size:16px}
  .site-header .nav-wrap{min-height:92px!important;height:auto!important;padding:8px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .site-header .brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;z-index:3!important}
  .site-header .brand img{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:18px!important;object-fit:cover!important}
  .site-header .menu-toggle{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:58px!important;height:58px!important;margin-left:auto!important}
  .hero{padding-top:116px!important}
  .hero-grid{min-height:auto!important;padding-bottom:32px!important}
  .hero-copy h1{font-size:clamp(2.9rem,14vw,4.25rem)!important;line-height:.95!important}
  .hero-copy .hero-text{font-size:1rem!important;line-height:1.55!important}
  .hero-visual{margin-top:24px!important}
  .logo-stage{min-height:280px!important}

  .mini-detailer-banner-inner{grid-template-columns:1fr!important;gap:16px!important;padding:22px 18px!important}
  .mini-detailer-banner-copy{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;width:100%!important}
  .mini-detailer-banner-mark{width:92px!important;height:92px!important;flex-basis:92px!important;border-radius:22px!important;overflow:hidden!important;padding:0!important;background:#0d0d13!important;border:1px solid rgba(255,43,61,.4)!important}
  .mini-detailer-banner-mark img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important}
  .mini-detailer-banner-copy p{font-size:.72rem!important;margin-bottom:4px!important}
  .mini-detailer-banner-copy h2{font-size:1.4rem!important;line-height:1.06!important}
  .mini-detailer-banner-copy small{font-size:.87rem!important;line-height:1.42!important;margin-top:7px!important}
  .mini-detailer-banner .button{width:min(100%,340px)!important;min-height:54px!important;margin:0 auto!important;font-size:.98rem!important}
  .problem-heading{gap:6px!important}.problem-heading p{font-size:.72rem!important}.problem-heading strong{font-size:1.2rem!important;line-height:1.25!important}

  .booking-grid{grid-template-columns:1fr!important;gap:24px!important}
  .booking-copy h2{font-size:2.15rem!important;line-height:1.02!important}
  .booking-copy>p{font-size:1rem!important;line-height:1.55!important}
  .md-booking-guide{padding:15px!important;gap:12px!important}
  .booking-note{padding:18px!important}.booking-note strong{font-size:1rem!important}.booking-note span{font-size:.92rem!important;line-height:1.55!important}
  .booking-account-hint{padding:18px!important;background:linear-gradient(145deg,rgba(255,25,43,.13),rgba(20,12,17,.96))!important;border-color:rgba(255,48,64,.44)!important;box-shadow:0 16px 35px rgba(0,0,0,.18)!important}
  .booking-account-hint strong{font-size:1.12rem!important}.booking-account-hint span{font-size:.9rem!important;line-height:1.48!important}.booking-account-hint a{display:inline-flex!important;margin-top:8px!important;padding:10px 13px!important;border-radius:10px!important;background:rgba(255,27,45,.1)!important}
  .booking-form{padding:18px!important;border-radius:22px!important}
  .booking-form label{font-size:.98rem!important}.booking-form input,.booking-form select,.booking-form textarea{font-size:1rem!important;min-height:54px!important}
  .booking-service-row{grid-template-columns:1fr!important}
  .booking-service-finder{padding:15px!important;border-radius:18px!important}
  .booking-service-search-control input{font-size:1rem!important}
  .booking-selected-services{margin:4px 0 14px!important}
  .booking-from-mini .booking-selected-services{padding:18px!important;border:2px solid rgba(255,38,55,.68)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,31,48,.15),rgba(13,14,20,.96))!important;box-shadow:0 16px 40px rgba(255,20,39,.08)!important}
  .booking-from-mini .booking-selected-services-head strong{font-size:1.2rem!important;color:#fff!important}
  .booking-from-mini .booking-selected-services-head span{font-size:.86rem!important;line-height:1.45!important}
  .booking-from-mini .booking-service-row{margin-top:8px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.08)!important}
  .booking-from-mini .booking-service-finder>label{color:#ff5968!important;font-weight:900!important}
  .booking-price-summary{padding:16px!important}.booking-price-head strong{font-size:1.25rem!important}.booking-price-lines>div{gap:10px!important}
  .booking-quote-email-notice{font-size:.9rem!important;line-height:1.5!important}
  .booking-date-picker{width:100%!important}.booking-date-picker-button{width:62px!important;min-width:62px!important}
  .booking-date-picker-button svg{width:26px!important;height:26px!important;pointer-events:none!important}

  .account-benefits-dialog{width:calc(100% - 28px)!important;max-height:88vh!important;padding:22px!important;border-radius:22px!important}
  .account-benefits-dialog h2{font-size:1.8rem!important;line-height:1.03!important}.account-benefits-reason{font-size:.98rem!important;line-height:1.5!important}
  .account-benefits-list{grid-template-columns:1fr!important;gap:8px!important}.account-benefits-list span{font-size:.92rem!important;padding:11px 12px!important}
  .account-benefits-actions{display:grid!important;grid-template-columns:1fr!important}.account-benefits-actions .button,.account-continue-link{width:100%!important;min-height:50px!important}
}

@media (max-width: 900px) {
  .md-topbar{position:sticky!important;top:0!important;z-index:20!important;padding:12px 14px!important}
  .md-brand small{display:none!important}.md-progress-wrap{min-width:0!important;flex:1!important}.md-progress-label{display:none!important}
  .md-stage{padding:14px!important}
  .md-step{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  .md-visual{min-height:440px!important;max-height:none!important;border-radius:26px!important;position:relative!important;overflow:hidden!important}
  .md-visual img{width:min(96%,430px)!important;max-height:430px!important;object-fit:contain!important;object-position:center!important}
  .md-character-name{left:20px!important;top:18px!important;font-size:clamp(1.7rem,8vw,2.25rem)!important}
  .md-speech{left:14px!important;right:14px!important;bottom:14px!important;padding:15px 16px!important;border-radius:16px!important}
  .md-speech-label{font-size:.7rem!important}.md-speech p{font-size:1rem!important;line-height:1.48!important;font-weight:700!important}
  .md-panel{padding:0 2px 22px!important}
  .md-eyebrow{font-size:.76rem!important}.md-title{font-size:clamp(2.55rem,12vw,4rem)!important;line-height:.94!important}.md-lead{font-size:1rem!important;line-height:1.52!important;margin-top:12px!important}
  .md-step-welcome .md-actions{justify-content:center!important}.md-step-welcome .md-button.primary{width:min(100%,330px)!important;min-height:62px!important;font-size:1.08rem!important}
  .md-step-welcome .md-choice-grid{grid-template-columns:1fr 1fr!important}.md-step-welcome .md-choice{min-height:80px!important;padding:12px!important}
  .md-choice-grid,.md-choice-grid.cols-3{grid-template-columns:1fr!important;gap:10px!important}.md-choice{min-height:104px!important;padding:16px!important}.md-choice strong{font-size:1.03rem!important}.md-choice small{font-size:.86rem!important;line-height:1.45!important}.md-choice i{width:28px!important;height:28px!important}
  .md-subsection h3{font-size:1.2rem!important}.md-subsection p{font-size:.88rem!important}
  .md-actions{position:relative!important;gap:10px!important}.md-button{min-height:52px!important;font-size:.95rem!important}
  .md-recommendation{padding:16px!important}.md-rec-heading h3{font-size:1.35rem!important}.md-rec-heading p{font-size:.9rem!important}.md-rec-heading em{font-size:.88rem!important}
}

@media (max-width: 430px) {
  .site-header .nav-wrap{min-height:86px!important;padding:7px 14px!important}
  .site-header .brand img{width:70px!important;height:70px!important}
  .site-header .menu-toggle{width:54px!important;height:54px!important}
  .hero{padding-top:108px!important}
  .mini-detailer-banner-copy{grid-template-columns:84px minmax(0,1fr)!important}.mini-detailer-banner-mark{width:84px!important;height:84px!important}
  .mini-detailer-banner-copy h2{font-size:1.28rem!important}.mini-detailer-banner-copy small{font-size:.82rem!important}
  .md-visual{min-height:420px!important}.md-visual img{width:100%!important;max-height:405px!important}
  .md-title{font-size:2.7rem!important}
}


/* V156 - mobilne zabezpieczenie przed ucinaniem tekstu */
@media (max-width: 900px) {
  .mini-detailer-shell,.md-stage,.md-step,.md-panel,.md-fields,.md-field,.md-summary,.md-recommendation,.md-rec-details,.md-choice,.md-speech{min-width:0!important;max-width:100%!important}
  .md-title,.md-lead,.md-speech p,.md-choice strong,.md-choice small,.md-field span,.md-summary,.md-disclaimer,.md-rec-heading,.md-rec-details-body{overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;text-overflow:clip!important}
  .md-panel,.md-fields,.md-field{overflow:visible!important}
  .md-field textarea{display:block!important;width:100%!important;min-height:190px!important;height:190px!important;max-height:none!important;line-height:1.48!important;overflow:auto!important;resize:vertical!important;padding-bottom:18px!important;box-sizing:border-box!important}
  .md-step:not(.md-step-result) .md-visual{min-height:470px!important;height:auto!important;max-height:none!important}
  .md-visual img{max-height:455px!important}
  .md-speech{height:auto!important;max-height:none!important}
}
@media (max-width: 430px) {
  .md-field textarea{min-height:210px!important;height:210px!important}
}

/* V156 - żadnego obcinania copy w publicznym formularzu na małych ekranach */
@media (max-width: 780px) {
  .mini-detailer-banner-copy,.booking-copy,.booking-form,.booking-selected-services,.booking-service-chip,.booking-price-summary,.booking-quote-email-notice,.booking-note,.booking-account-hint,.problem-heading{min-width:0!important;max-width:100%!important}
  .mini-detailer-banner-copy p,.mini-detailer-banner-copy h2,.mini-detailer-banner-copy small,.booking-copy h2,.booking-copy p,.booking-form label,.booking-form small,.booking-service-chip b,.booking-service-chip small,.booking-price-summary,.booking-quote-email-notice,.booking-note,.booking-account-hint,.problem-heading p,.problem-heading strong{overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;text-overflow:clip!important}
  .booking-form textarea{height:auto!important;min-height:140px!important;overflow:auto!important}
}