/* v1059 — Customer Testimonials mobile gallery + floating contact standardization
   Mobile-only:
   - photo fills the full width of each gallery cell, no inner white side gaps
   - WhatsApp and Telegram use the same size
   - Need help returns to the common pill shape/size and stays inside the screen
   Desktop remains unchanged. */

@media (max-width: 900px){
  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033 .client-gallery-photo-card-v787EO{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    border:1px solid #d7e4f5 !important;
    border-radius:12px !important;
    background:transparent !important;
    overflow:hidden !important;
    box-shadow:none !important;
  }

  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033 .client-story-photo-wrap-temp-v787EO{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:4 / 3 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033 .client-story-photo{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  body.customer-testimonials-gallery-v1033{
    --vge-chat-edge:10px !important;
    --vge-chat-bubble-width:132px !important;
    --vge-chat-bubble-height:44px !important;
    --vge-chat-bubble-icon:24px !important;
    --vge-chat-dock-gap:12px !important;
    --vge-chat-item-width:48px !important;
    --vge-chat-icon-size:44px !important;
    --vge-chat-label-gap:4px !important;
    --vge-chat-label-height:16px !important;
    --vge-chat-dock-bottom:18px !important;
    --vge-chat-icon-half:22px !important;
    --vge-chat-bubble-half:22px !important;
    --vge-chat-bubble-bottom:calc(var(--vge-chat-dock-bottom) + var(--vge-chat-label-height) + var(--vge-chat-label-gap) + var(--vge-chat-icon-half) - var(--vge-chat-bubble-half)) !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open){
    right:var(--vge-chat-edge) !important;
    bottom:calc(var(--vge-chat-bubble-bottom) + env(safe-area-inset-bottom,0px)) !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    z-index:10050 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    width:var(--vge-chat-bubble-width) !important;
    min-width:var(--vge-chat-bubble-width) !important;
    max-width:var(--vge-chat-bubble-width) !important;
    height:var(--vge-chat-bubble-height) !important;
    min-height:var(--vge-chat-bubble-height) !important;
    padding:0 12px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:13px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon{
    flex:0 0 var(--vge-chat-bubble-icon) !important;
    width:var(--vge-chat-bubble-icon) !important;
    height:var(--vge-chat-bubble-icon) !important;
    min-width:var(--vge-chat-bubble-icon) !important;
    min-height:var(--vge-chat-bubble-icon) !important;
    font-size:12px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-dock-v419G{
    right:calc(var(--vge-chat-edge) + var(--vge-chat-bubble-width) + var(--vge-chat-dock-gap)) !important;
    bottom:calc(var(--vge-chat-dock-bottom) + env(safe-area-inset-bottom,0px)) !important;
    left:auto !important;
    top:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    gap:10px !important;
    width:auto !important;
    max-width:calc(100vw - var(--vge-chat-bubble-width) - 34px) !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    z-index:10040 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G{
    flex:0 0 var(--vge-chat-item-width) !important;
    width:var(--vge-chat-item-width) !important;
    min-width:var(--vge-chat-item-width) !important;
    max-width:var(--vge-chat-item-width) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:var(--vge-chat-label-gap) !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G > a.whatsapp-float,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G > a.telegram-float{
    position:relative !important;
    inset:auto !important;
    flex:0 0 var(--vge-chat-icon-size) !important;
    width:var(--vge-chat-icon-size) !important;
    min-width:var(--vge-chat-icon-size) !important;
    max-width:var(--vge-chat-icon-size) !important;
    height:var(--vge-chat-icon-size) !important;
    min-height:var(--vge-chat-icon-size) !important;
    max-height:var(--vge-chat-icon-size) !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .whatsapp-icon,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .telegram-icon{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    min-height:26px !important;
    font-size:16px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-label-v419G{
    height:var(--vge-chat-label-height) !important;
    min-height:var(--vge-chat-label-height) !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:800 !important;
    max-width:none !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 430px){
  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033{
    gap:7px !important;
  }

  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033 .client-gallery-photo-card-v787EO,
  body.customer-testimonials-gallery-v1033 .client-gallery-page-grid-v1033 .client-story-photo-wrap-temp-v787EO{
    border-radius:10px !important;
  }

  body.customer-testimonials-gallery-v1033{
    --vge-chat-edge:7px !important;
    --vge-chat-bubble-width:104px !important;
    --vge-chat-bubble-height:40px !important;
    --vge-chat-bubble-icon:20px !important;
    --vge-chat-dock-gap:7px !important;
    --vge-chat-item-width:42px !important;
    --vge-chat-icon-size:40px !important;
    --vge-chat-label-height:15px !important;
    --vge-chat-icon-half:20px !important;
    --vge-chat-bubble-half:20px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    font-size:10.5px !important;
    padding:0 7px !important;
    gap:5px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-dock-v419G{
    gap:7px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-label-v419G{
    font-size:9px !important;
  }
}


/* v1074 — Customer Testimonials mobile heading + chat dock cleanup
   - keep title on one line on mobile
   - remove the unnecessary gray helper note
   - normalize the 3 floating chat buttons into one clean bottom-right row */
@media (max-width: 900px){
  body.customer-testimonials-gallery-v1033 .testimonials-gallery-intro{
    margin-bottom:14px !important;
  }

  body.customer-testimonials-gallery-v1033 .testimonials-gallery-intro h1{
    width:max-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    white-space:nowrap !important;
    font-size:clamp(1.4rem, 6.2vw, 2rem) !important;
    line-height:1.08 !important;
    letter-spacing:-0.02em !important;
  }

  body.customer-testimonials-gallery-v1033 .testimonials-gallery-intro p{
    display:none !important;
  }

  body.customer-testimonials-gallery-v1033{
    --vge-chat-edge:10px !important;
    --vge-chat-row-bottom:16px !important;
    --vge-chat-bubble-width:124px !important;
    --vge-chat-bubble-height:44px !important;
    --vge-chat-bubble-icon:22px !important;
    --vge-chat-item-width:44px !important;
    --vge-chat-icon-size:44px !important;
    --vge-chat-dock-gap:8px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open){
    right:var(--vge-chat-edge) !important;
    left:auto !important;
    top:auto !important;
    bottom:calc(var(--vge-chat-row-bottom) + env(safe-area-inset-bottom,0px)) !important;
    transform:none !important;
    z-index:10050 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    width:var(--vge-chat-bubble-width) !important;
    min-width:var(--vge-chat-bubble-width) !important;
    max-width:var(--vge-chat-bubble-width) !important;
    height:var(--vge-chat-bubble-height) !important;
    min-height:var(--vge-chat-bubble-height) !important;
    padding:0 12px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon{
    width:var(--vge-chat-bubble-icon) !important;
    min-width:var(--vge-chat-bubble-icon) !important;
    height:var(--vge-chat-bubble-icon) !important;
    min-height:var(--vge-chat-bubble-icon) !important;
    flex:0 0 var(--vge-chat-bubble-icon) !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-dock-v419G{
    right:calc(var(--vge-chat-edge) + var(--vge-chat-bubble-width) + var(--vge-chat-dock-gap)) !important;
    left:auto !important;
    top:auto !important;
    bottom:calc(var(--vge-chat-row-bottom) + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    max-width:calc(100vw - var(--vge-chat-bubble-width) - 40px) !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    z-index:10040 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G{
    flex:0 0 var(--vge-chat-item-width) !important;
    width:var(--vge-chat-item-width) !important;
    min-width:var(--vge-chat-item-width) !important;
    max-width:var(--vge-chat-item-width) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G > a.whatsapp-float,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G > a.telegram-float{
    position:relative !important;
    inset:auto !important;
    width:var(--vge-chat-icon-size) !important;
    min-width:var(--vge-chat-icon-size) !important;
    max-width:var(--vge-chat-icon-size) !important;
    height:var(--vge-chat-icon-size) !important;
    min-height:var(--vge-chat-icon-size) !important;
    max-height:var(--vge-chat-icon-size) !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .whatsapp-icon,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .telegram-icon{
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:15px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .whatsapp-text,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-item-v419G .telegram-text,
  body.customer-testimonials-gallery-v1033 .vge-quick-contact-label-v419G{
    display:none !important;
  }
}

@media (max-width: 430px){
  body.customer-testimonials-gallery-v1033 .testimonials-gallery-intro h1{
    font-size:clamp(1.32rem, 6vw, 1.72rem) !important;
  }

  body.customer-testimonials-gallery-v1033{
    --vge-chat-edge:8px !important;
    --vge-chat-row-bottom:14px !important;
    --vge-chat-bubble-width:112px !important;
    --vge-chat-bubble-height:40px !important;
    --vge-chat-bubble-icon:20px !important;
    --vge-chat-item-width:40px !important;
    --vge-chat-icon-size:40px !important;
    --vge-chat-dock-gap:7px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    padding:0 9px !important;
    gap:6px !important;
    font-size:11px !important;
  }

  body.customer-testimonials-gallery-v1033 .vge-quick-contact-dock-v419G{
    gap:7px !important;
  }
}
