/* CHEZ BAPTISTE SALY — mode téléphone compact */
@media (max-width:620px){
  body{padding-bottom:86px}
  .page{padding-bottom:92px}
  main{padding:8px 10px 14px}
  .topbar{min-height:58px}
  .hero{border-radius:18px}
  .hero-media{min-height:245px}
  .photo-badges{left:10px;right:10px;bottom:10px}
  .badge{padding:7px 9px;font-size:10px}
  .score-badge strong{font-size:17px}
  .hero-copy{padding:14px}
  .eyebrow{font-size:10px}
  h1{font-size:29px}
  .subtitle{font-size:13px;line-height:1.42}
  .meta-line{
    flex-wrap:nowrap;
    overflow-x:auto;
    margin:11px -2px 0;
    padding:0 2px 4px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch
  }
  .meta-line::-webkit-scrollbar{display:none}
  .meta-pill{flex:0 0 auto;font-size:10px;padding:6px 9px}
  .price-box{padding-top:14px}
  .main-price{font-size:27px}
  .package-line{font-size:11px;line-height:1.4}
  .hero-copy .primary-btn{min-height:48px;margin-top:13px}
  .booking-card{margin-top:10px;padding:13px;border-radius:18px}
  .section-title{margin-bottom:10px}
  .section-title h2{font-size:20px}
  .section-title p{font-size:11px}
  .direct-badge{font-size:9px;padding:6px 8px}
  .booking-field{min-height:64px;padding:10px 12px}
  .field-icon{width:35px;height:35px;font-size:19px}
  .field-value{font-size:14px}
  .estimate{margin-top:9px;padding:11px 12px}
  .estimate-copy{font-size:11px}
  .estimate-price{font-size:18px}
  .action-row{margin-top:9px}
  .booking-note{font-size:10px}

  .compact-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
  .compact-card.mobile-fold{
    padding:0;
    overflow:hidden;
    border-radius:16px;
    box-shadow:0 8px 22px rgba(18,51,39,.07)
  }
  .mobile-fold-toggle{
    width:100%;
    min-height:56px;
    padding:0 14px;
    border:0;
    background:#fff;
    color:var(--ink);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:left;
    font-size:15px;
    font-weight:950
  }
  .mobile-fold-toggle::after{
    content:"＋";
    color:var(--green);
    font-size:22px;
    line-height:1
  }
  .mobile-fold-toggle[aria-expanded="true"]::after{content:"−"}
  .mobile-fold-body{padding:0 14px 14px}
  .mobile-fold-body[hidden]{display:none!important}
  .mobile-fold-body .clean-list{padding-top:2px}
  .mobile-fold-body .wave-number{font-size:20px}
  details.more{margin-top:9px;border-radius:16px}
  details.more summary{padding:14px;font-size:14px}
  .more-body{padding:0 14px 14px}

  .mobile-bar{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.98)
  }
  .mobile-bar .mobile-price{display:none}
  .mobile-bar button{
    min-width:0;
    min-height:52px;
    padding:5px 3px;
    border:0;
    border-radius:11px;
    background:#fff;
    color:var(--green-dark);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    font-size:9px;
    line-height:1.05;
    font-weight:950;
    box-shadow:none
  }
  .mobile-bar button::before{font-size:18px;line-height:1}
  .mobile-bar #mobileDateBtn{background:var(--green);color:#fff}
  .mobile-bar #mobileDateBtn::before{content:"📅"}
  .mobile-bar [data-mobile-action="info"]::before{content:"ℹ️"}
  .mobile-bar [data-mobile-action="payment"]::before{content:"💳"}
  .mobile-bar [data-mobile-action="whatsapp"]::before{content:"💬"}
}