/* GOCAR mobile responsive fix: iPhone + Android */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:inherit;}
body{overflow-x:hidden;max-width:100vw;}
img,video,iframe{max-width:100%;}

/* Header / logo */
.navbar{width:100%;max-width:100vw;}
.navbar .logo,.navbar .reference-logo{
  min-width:0!important;
  flex-shrink:1!important;
}
.navbar .reference-full-logo,.navbar .logo img.reference-full-logo{
  height:auto!important;
  object-fit:contain!important;
}
.gocar-logo-caption,.navbar .gocar-logo-caption{
  line-height:1.05!important;
  white-space:normal!important;
}
.navbar nav{min-width:0!important;}
.navbar nav a{white-space:nowrap!important;}

/* Sections */
.hero,.offer-grid,.detail-wrap,.booking-panel,.footer-container,.gocar-footer-grid,.container,.section,.cars-grid,.blog-grid{
  max-width:100%!important;
}
.offer-card,.car-card,.card,.detail-card,.article-card,.blog-card,.panel,.box{
  max-width:100%!important;
}

@media (max-width: 900px){
  body{font-size:15px!important;}
  .navbar{
    padding:14px 14px!important;
    gap:12px!important;
    align-items:center!important;
  }
  .navbar .logo,.navbar .reference-logo{
    width:100%!important;
    justify-content:center!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  .navbar .reference-full-logo,.navbar .logo img.reference-full-logo{
    width:110px!important;
    max-width:34vw!important;
  }
  .navbar .gocar-logo-caption{
    font-size:15px!important;
    letter-spacing:3px!important;
    padding-left:12px!important;
    border-left:2px solid #ff7a00!important;
    text-align:left!important;
  }
  .navbar nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    justify-content:center!important;
    margin-left:0!important;
  }
  .navbar nav a{
    width:100%!important;
    padding:10px 8px!important;
    font-size:14px!important;
    text-align:center!important;
  }
  .hero{padding:36px 16px 24px!important;}
  .hero h1,h1{font-size:clamp(34px,12vw,48px)!important;line-height:1.02!important;letter-spacing:-1px!important;}
  .hero p{font-size:15px!important;line-height:1.55!important;}
  .offer-grid,.cars-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:24px 14px 46px!important;
    gap:18px!important;
    justify-items:center!important;
  }
  .offer-card,.car-card{
    width:100%!important;
    max-width:420px!important;
    aspect-ratio:auto!important;
  }
  .offer-img,.car-photo,.car-image{height:210px!important;}
  .offer-body{padding:18px!important;}
  .offer-body h2{font-size:24px!important;}
  .offer-price{font-size:22px!important;}
  .detail-wrap{display:grid!important;grid-template-columns:1fr!important;padding:24px 14px 48px!important;gap:18px!important;}
  .detail-photo{height:260px!important;}
  .detail-content{padding:20px!important;}
  .detail-content h2{font-size:30px!important;}
  .booking-panel,.summary,.options,.grid,.blog-grid{grid-template-columns:1fr!important;}
  .gocar-footer-exact{padding:42px 18px 26px!important;margin-top:40px!important;}
  .gocar-footer-grid,.footer-container{grid-template-columns:1fr!important;gap:28px!important;text-align:left!important;}
  .gocar-footer-brand h3{font-size:28px!important;}
  .buttons,.btn-row,.actions{flex-wrap:wrap!important;gap:10px!important;}
  .btn,.offer-btn,button{min-height:44px;}
}

@media (max-width: 430px){
  .navbar{padding:12px 10px!important;}
  .navbar .logo,.navbar .reference-logo{gap:9px!important;}
  .navbar .reference-full-logo,.navbar .logo img.reference-full-logo{width:92px!important;max-width:30vw!important;}
  .navbar .gocar-logo-caption{font-size:12px!important;letter-spacing:2px!important;padding-left:9px!important;}
  .navbar nav{gap:7px!important;}
  .navbar nav a{font-size:13px!important;padding:9px 6px!important;}
  .offer-img,.car-photo,.car-image{height:185px!important;}
  .hero h1,h1{font-size:34px!important;}
  .label{letter-spacing:2px!important;}
}

@media (max-width: 340px){
  .navbar .reference-full-logo,.navbar .logo img.reference-full-logo{width:80px!important;}
  .navbar .gocar-logo-caption{font-size:11px!important;letter-spacing:1.6px!important;}
  .navbar nav a{font-size:12px!important;}
}

/* gocar-mobile-header-menu-fix-final-css */
@media (max-width: 900px){
  .navbar .gocar-logo-caption,
  .logo .gocar-logo-caption,
  .reference-logo .gocar-logo-caption{
    display:none!important;visibility:hidden!important;width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;
  }
  .navbar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;}
  .navbar .logo,.navbar .reference-logo{width:auto!important;flex:1 1 auto!important;justify-content:flex-start!important;}
  .navbar nav{width:auto!important;margin-left:auto!important;flex:0 0 auto!important;position:relative!important;z-index:50!important;}
}


/* GOCAR override: caption visible + pretty expanded hamburger */


/* GOCAR: ładniejsze rozwijane menu na telefonie + napis zostaje widoczny */
@media (max-width: 768px) {
  body { overflow-x: hidden !important; }

  header.navbar,
  .navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    background: rgba(5,5,5,.96) !important;
    border-bottom: 1px solid rgba(255,122,0,.32) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.55) !important;
    overflow: visible !important;
  }

  .navbar .logo,
  .navbar .reference-logo {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 104px) !important;
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  .navbar .reference-full-logo,
  .navbar .logo img.reference-full-logo {
    flex: 0 0 auto !important;
    width: 76px !important;
    max-width: 24vw !important;
    max-height: 52px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .navbar .gocar-logo-caption,
  .logo .gocar-logo-caption,
  .reference-logo .gocar-logo-caption {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: 150px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    color: #ff7a00 !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    letter-spacing: 2.1px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    text-align: left !important;
    padding: 0 0 0 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-left: 2px solid rgba(255,122,0,.8) !important;
    text-shadow: 0 0 10px rgba(255,122,0,.35) !important;
  }

  .navbar .gocar-logo-caption span { display: block !important; }

  .hamburger-menu-toggle { display: none !important; visibility: hidden !important; pointer-events: none !important; }

  .gocar-mobile-menu-btn,
  .menu-toggle,
  .mobile-menu-btn,
  .hamburger,
  .menu-btn {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 86px !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255,183,84,.7) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,#ff7a00,#ffb347) !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 28px rgba(255,122,0,.26) !important;
    position: relative !important;
    z-index: 10001 !important;
    white-space: nowrap !important;
  }

  .navbar.is-menu-open .gocar-mobile-menu-btn {
    background: #fff !important;
    color: #111 !important;
    box-shadow: 0 10px 30px rgba(255,255,255,.18) !important;
  }

  .navbar nav {
    order: 3 !important;
    display: none !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 12px !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    background: linear-gradient(180deg, rgba(22,22,22,.98), rgba(8,8,8,.98)) !important;
    border: 1px solid rgba(255,122,0,.38) !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(10px) !important;
  }

  .navbar.is-menu-open nav { display: flex !important; }

  .navbar nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 13px 16px !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,122,0,.26) !important;
    color: #f4f4f4 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .navbar nav a:hover,
  .navbar nav a:focus {
    background: linear-gradient(135deg,#ff7a00,#ffb347) !important;
    color: #111 !important;
    border-color: transparent !important;
  }
}

@media (max-width: 380px) {
  .navbar .reference-full-logo,
  .navbar .logo img.reference-full-logo { width: 66px !important; max-width: 22vw !important; }
  .navbar .gocar-logo-caption,
  .logo .gocar-logo-caption,
  .reference-logo .gocar-logo-caption { font-size: 10.5px !important; letter-spacing: 1.6px !important; max-width: 132px !important; padding-left: 7px !important; }
  .gocar-mobile-menu-btn,.menu-toggle,.mobile-menu-btn,.hamburger,.menu-btn { min-width: 78px !important; height: 40px !important; font-size: 14px !important; padding: 0 10px !important; }
  .navbar .logo,.navbar .reference-logo { max-width: calc(100% - 92px) !important; }
}