/* V18 — Google Reviews viewport only. Facebook is intentionally untouched. */
.google-widget-inner-scroll{
  position:relative;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.google-widget-inner-scroll::-webkit-scrollbar{width:7px}
.google-widget-inner-scroll::-webkit-scrollbar-thumb{background:rgba(37,110,71,.32);border-radius:999px}
.google-widget-inner-scroll::-webkit-scrollbar-track{background:transparent}
@media (max-width:800px){
  .google-widget-inner-scroll{
    height:560px !important;
    min-height:0 !important;
    max-height:560px !important;
    padding-right:4px;
    border-radius:18px;
  }
  .google-widget-inner-scroll > .sk-ww-google-reviews{min-height:100%}
  .google-widget-inner-scroll iframe{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:100% !important;
  }
}
@media (max-width:430px){
  .google-widget-inner-scroll{height:520px !important;max-height:520px !important}
}


/* V20 — desktop reviews use a wider landscape viewport; mobile inner-scroll remains unchanged. */
@media (min-width:801px){
  .google-reviews-section .google-widget-shell{
    width:min(96vw,1320px)!important;
    max-width:1320px!important;
    margin:28px auto 0!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .google-reviews-section .google-widget-inner-scroll{
    height:610px!important;
    min-height:610px!important;
    max-height:610px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .google-reviews-section .google-widget-inner-scroll>.sk-ww-google-reviews{
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
  }
  .google-reviews-section .google-widget-inner-scroll iframe{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    min-height:600px!important;
  }
  .google-reviews-section .social-profile-button{
    display:inline-flex!important;
    margin-top:22px!important;
    padding:13px 24px!important;
    border-radius:999px!important;
  }
}
/* Keep the desktop-only See All action out of the already scrollable mobile review viewport. */
@media (max-width:800px){
  .google-reviews-section .social-profile-button{display:none!important}
}


/* V21 — desktop review viewport wider with centered See All button.
   Mobile remains a fixed-height inner scroll. */
@media (min-width:801px){
  .google-reviews-section .google-widget-shell{
    width:min(96vw,1360px)!important;
    max-width:1360px!important;
    padding:14px!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 18px 40px rgba(15,59,39,.10)!important;
  }
  .google-reviews-section .google-widget-inner-scroll{
    height:660px!important;
    min-height:660px!important;
    max-height:660px!important;
    border-radius:18px!important;
  }
  .google-reviews-section .google-widget-inner-scroll iframe{
    min-height:650px!important;
  }
  .google-reviews-section .social-profile-button{
    display:inline-flex!important;
    margin:24px auto 0!important;
  }
  .google-reviews-section{ text-align:center; }
}


/* V22 — phone review feed leaves touch gutters on both sides.
   Users can scroll reviews inside the box or scroll the page from the gutters. */
@media (max-width:800px){
  .google-reviews-section .google-widget-shell{
    width:calc(100% - 36px)!important;
    max-width:620px!important;
    margin:22px auto 0!important;
    padding:0!important;
  }
  .google-reviews-section .google-widget-inner-scroll{
    width:100%!important;
    border-radius:18px!important;
    touch-action:pan-y!important;
  }
}
@media (max-width:430px){
  .google-reviews-section .google-widget-shell{width:calc(100% - 42px)!important}
}


/* V23 — keep the review widget inside the section content box on desktop/tablet.
   This removes horizontal clipping while preserving the mobile inner-scroll. */
@media (min-width:801px){
  .google-reviews-section .google-widget-shell{
    display:block!important;
    width:100%!important;
    max-width:1180px!important;
    margin:28px auto 0!important;
    padding:12px!important;
    overflow-x:hidden!important;
  }
  .google-reviews-section .google-widget-inner-scroll{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow-x:hidden!important;
  }
  .google-reviews-section .google-widget-inner-scroll>.sk-ww-google-reviews{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
}
@media (max-width:800px){
  .google-reviews-section .google-widget-shell{
    width:calc(100% - 48px)!important;
    max-width:600px!important;
    margin:22px auto 0!important;
  }
}
@media (max-width:430px){
  .google-reviews-section .google-widget-shell{width:calc(100% - 52px)!important}
}