/* +movinghouse.mx — mobile conversion and carousel refinements v11 */

/* Compact Google rating shown in the mobile header only. */
.mobile-google-rating { display:none; }

@media (max-width:600px) {
  /* Bottom dock: WhatsApp is the primary action; Cotizar becomes neutral. */
  .mobile-dock .dock-primary {
    color:#6e7d90;
    background:transparent;
    box-shadow:none;
  }
  .mobile-dock .dock-primary:hover,
  .mobile-dock .dock-primary:focus { color:var(--mh-navy,#061d3d); }
  .mobile-dock .dock-wa {
    color:#fff;
    background:#25d366;
    box-shadow:0 8px 18px rgba(37,211,102,.30);
  }

  /* Mobile Google rating in the top navigation. */
  .mobile-google-rating {
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-left:auto;
    padding:6px 9px;
    border:1px solid #ffd7bc;
    border-radius:999px;
    background:#fff7f0;
    color:var(--mh-navy,#061d3d);
    line-height:1;
    white-space:nowrap;
  }
  .mobile-google-rating .mgr-stars { color:#ffb62e; font-size:9px; letter-spacing:-1px; }
  .mobile-google-rating strong { font-size:11px; }
  .mobile-google-rating small { color:#8a98aa; font-size:8px; }
  #nav .nav-right { margin-left:6px; }

  /* Service levels become a horizontal card rail. */
  .service-levels-section .level-grid {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    margin-top:22px;
    padding:0 18px 14px;
    scrollbar-width:none;
  }
  .service-levels-section .level-grid::-webkit-scrollbar { display:none; }
  .service-levels-section .level-card {
    flex:0 0 82vw;
    max-width:330px;
    min-height:100%;
    scroll-snap-align:start;
    padding:21px 18px;
  }
  .service-levels-section .level-card > p { min-height:0; }

  /* Additional services visually belong to the same section and also slide. */
  .service-levels-section .addons-panel {
    display:block;
    margin:18px 0 0;
    padding:0;
    border-radius:0;
    background:transparent;
    color:var(--mh-navy,#061d3d);
  }
  .service-levels-section .addons-copy { padding:0 18px 10px; }
  .service-levels-section .addons-copy h3 { color:var(--mh-navy,#061d3d); font-size:24px; }
  .service-levels-section .addons-copy p { color:var(--mh-copy,#53647a); }
  .service-levels-section .addons-grid {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:11px;
    padding:0 18px 14px;
    scrollbar-width:none;
  }
  .service-levels-section .addons-grid::-webkit-scrollbar { display:none; }
  .service-levels-section .addons-grid > div {
    flex:0 0 72vw;
    max-width:285px;
    min-height:132px;
    scroll-snap-align:start;
    padding:17px;
    border:1px solid var(--mh-line,#dce4ee);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(6,29,61,.05);
  }
  .service-levels-section .addons-grid strong { color:var(--mh-navy,#061d3d); }
  .service-levels-section .addons-grid span { color:var(--mh-copy,#53647a); }

  /* Internal-page photo galleries: one full, readable card at a time. */
  .service-page .gallery-section .related-grid {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    padding:0 18px 14px;
    scrollbar-width:none;
  }
  .service-page .gallery-section .related-grid::-webkit-scrollbar { display:none; }
  .service-page .gallery-section .related-card {
    flex:0 0 82vw;
    max-width:335px;
    scroll-snap-align:start;
  }
  .service-page .gallery-section .related-card img {
    width:100% !important;
    height:230px !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  /* Share actions with recognizable platform icons. */
  .share-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
  .share-btn svg { width:15px; height:15px; flex:0 0 15px; }
}

@media (min-width:601px) and (max-width:1000px) {
  .service-page .gallery-section .related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-page .gallery-section .related-card img { width:100% !important; height:260px !important; object-fit:cover !important; }
}
