/* Rounded photo cards and a matching full-image viewer. Photos retain their aspect ratio. */
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio {
  --fb-card-width:248px;--fb-ink:#243852;--fb-muted:#7a8ca3;--fb-line:#dfe9f2;
  --fb-surface:#fff;--fb-photo:#f0f5fa;--fb-accent:#4384c9;--fb-control:#f1f7fc;--fb-control-line:#dce9f4;
  padding:18px;border-radius:27px!important;border-color:#d9e6f1!important;
  background:radial-gradient(ellipse at 0 0,#eaf6ff 0,transparent 55%),linear-gradient(140deg,#fff,#f9fcff)!important;
  box-shadow:0 6px 24px #203d6706,inset 0 1px 0 #fff!important;
}
html.site-pearl.site-dark body.public-ui .fb-gallery.fb-gallery--studio {
  --fb-ink:#e7eef8;--fb-muted:#93a7bd;--fb-line:#2c3b4a;--fb-surface:#16212c;--fb-photo:#111c26;
  --fb-accent:#8cbce9;--fb-control:#1e2f40;--fb-control-line:#354b60;
  background:radial-gradient(ellipse at 0 0,#20354c80 0,transparent 65%),linear-gradient(140deg,#17222e,#111b25)!important;
  border-color:#304150!important;box-shadow:0 8px 25px #00000012,inset 0 1px 0 #ffffff05!important;
}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-head {margin-bottom:13px;gap:12px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-heading {gap:11px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-icon {
  position:relative;width:42px;height:42px;border-radius:15px!important;background:linear-gradient(145deg,#edf7ff,#e1effe)!important;
  border:1px solid #cddff3!important;color:#4784c4!important;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 8px #315c8b08;
}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-icon .ui-symbol {width:23px;height:23px;stroke-width:1.5}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-kicker {color:#7893b2!important;font-size:8px;letter-spacing:1.25px;margin-bottom:3px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-title {font-size:18px;letter-spacing:-.5px;margin:0;font-weight:800}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-sub {margin-top:4px;font-size:10px;color:var(--fb-muted)!important}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-grid {gap:12px;padding:3px 1px 7px;border-radius:20px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide {
  border-radius:22px!important;background:var(--fb-surface)!important;border-color:var(--fb-line)!important;
  box-shadow:0 3px 10px #27476b04!important;
}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-media {
  width:calc(100% - 14px);height:136px;margin:7px 7px 0;border:1px solid var(--fb-line);border-radius:16px!important;
  background:radial-gradient(ellipse at 50% 0,#9fc9f21a,transparent 80%),var(--fb-photo)!important;
}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-media>img {padding:5px!important;object-fit:contain!important;border-radius:16px!important}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-number {
  top:7px;left:7px;min-width:25px;padding:3px 6px;text-align:center;line-height:1.4;letter-spacing:.3px;
  border-radius:9px!important;background:#162f4ae6!important;border:1px solid #ffffff28!important;color:#eef6ff!important;
  box-shadow:0 2px 5px #0000000d;backdrop-filter:blur(5px);font-size:8px;
}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-expand {
  right:7px;bottom:7px;width:28px;height:28px;border-radius:10px!important;border:1px solid #ffffff9c!important;
  background:#fffffff0!important;color:#456c99!important;box-shadow:0 2px 8px #102c4820;
  transition:background .2s,color .2s,transform .2s!important;
}
html.site-pearl body.public-ui .fb-gallery--studio .fb-slide-expand .ui-symbol {width:14px;height:14px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-body {gap:3px;padding:8px 12px 10px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-caption {color:var(--fb-ink)!important;font-size:11px;font-weight:650;line-height:1.45;min-height:31.9px;max-height:31.9px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-label {font-size:9px;line-height:1.4;color:var(--fb-muted)!important;min-height:21px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-label>span:first-child {font-size:9px;color:var(--fb-muted)!important}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-open {display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--fb-accent)!important;background:var(--fb-control);transition:transform .2s,background .2s}
html.site-pearl body.public-ui .fb-gallery--studio .fb-slide-open .ui-symbol {width:12px;height:12px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-carousel-controls {gap:6px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-carousel-arrow {
  width:33px;height:33px;border-radius:50%!important;background:var(--fb-surface);border:1px solid var(--fb-line);color:var(--fb-ink);
  box-shadow:0 2px 4px #173c5c03;transition:background .2s,transform .2s,border-color .2s!important;
}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-carousel-arrow:not(:disabled):hover {background:var(--fb-control);color:var(--fb-accent);border-color:var(--fb-control-line)}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-footer {gap:8px;margin-top:9px;padding-top:11px;border-top:1px solid var(--fb-line)}
html.site-pearl body.public-ui .fb-gallery--studio .fb-carousel-info {gap:8px}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-gallery-count {display:inline-flex;border-radius:999px!important;padding:5px 8px;background:var(--fb-control)!important;border:1px solid var(--fb-control-line)!important;color:var(--fb-accent)!important;font-size:10px;line-height:1.4}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-count .ui-symbol {width:13px;height:13px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-count>span {font-size:9px}
html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-hint {font-size:9px!important;color:var(--fb-muted)!important}
html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-carousel-autoplay {
  min-height:30px;padding:6px 10px;border-radius:999px!important;background:var(--fb-control);border:1px solid var(--fb-control-line);
  font-size:9px;font-weight:650;line-height:1.5;color:var(--fb-accent);transition:background .2s,transform .2s!important;
}
html.site-pearl body.public-ui .fb-gallery--studio .fb-carousel-autoplay>span:first-child {color:var(--fb-accent)}
html.site-pearl body.public-ui .fb-gallery--studio :is(.fb-carousel-arrow,.fb-carousel-autoplay):not(:disabled):active {transform:scale(.94)}
html.site-pearl.site-dark body.public-ui .fb-gallery--studio .fb-gallery-icon {background:linear-gradient(145deg,#263e58,#1d3047)!important;border-color:#3c5670!important;color:#a3c9f6!important;box-shadow:inset 0 1px 0 #ffffff08}
html.site-pearl.site-dark body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-expand {background:#1b3046ee!important;border-color:#55738b80!important;color:#c3d9f5!important}
html.site-pearl body.public-ui .fb-gallery--studio .fb-slide-error {font-size:10px;color:var(--fb-muted)}
html.site-pearl body.public-ui .fb-gallery--studio .fb-slide-error>.ui-symbol {width:26px;height:26px}
@media(hover:hover) {
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide:hover {transform:translateY(-2px);border-color:#a9cbe9!important;box-shadow:0 6px 15px #254a7510!important}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide:hover .fb-slide-open {transform:rotate(8deg);background:var(--fb-control-line)}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide:hover .fb-slide-expand {background:#4689cf!important;color:#fff!important;border-color:#6b9bcf!important;transform:scale(1.04)}
}
/* The native dialog retains its focus, zoom and touch behavior. */
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-panel {border-radius:28px;border:1px solid #dbe6f3;background:#fff;box-shadow:0 25px 80px #071c3959}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header {padding:16px 18px;background:linear-gradient(110deg,#f4faff,#fff);border-color:#e1ebf3}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading {display:flex;align-items:center;gap:11px;min-width:0}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading>div {min-width:0}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading-icon {display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:13px;background:#eaf3fe;color:#5a8ec6;border:1px solid #d8e7f8}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading-icon>.ui-symbol {width:21px;height:21px}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header h2 {font-size:15px;margin-bottom:3px;color:#2a405d}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header p {font-size:11px}
html.site-pearl body.public-ui .fb-lightbox .fb-lightbox-stage {background:radial-gradient(ellipse at 50% 0,#203249,#0f1b29 75%);padding:18px}
html.site-pearl body.public-ui .fb-lightbox .fb-lightbox-stage>img {border-radius:12px}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-footer {background:#fafdff;border-color:#e1ebf3;padding:11px 16px}
html.site-pearl body.public-ui .fb-lightbox :is(.fb-lightbox-close,.fb-lightbox-prev,.fb-lightbox-next) {width:38px;height:38px;border-radius:50%!important;font-size:14px;transition:background .2s!important}
html.site-pearl body.public-ui .fb-lightbox .fb-viewer-zoom {height:36px;border-radius:999px;font-size:11px}
html.site-pearl body.public-ui .fb-lightbox button:not(:disabled):hover {background:#e8f1ff!important}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-panel {background:#16222f;border-color:#35485e}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-header {background:linear-gradient(110deg,#1d2f42,#172330);border-color:#2e4156}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-heading-icon {background:#253d57;border-color:#3c5772;color:#a0c8f1}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-header h2 {color:#e6effa}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-header p {color:#a3b7ce}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-footer {background:#172330;border-color:#2e4156}
html.site-pearl.site-dark body.public-ui .fb-lightbox .fb-viewer-count {color:#a3bddb}
html.site-pearl.site-dark body.public-ui .fb-lightbox :is(.fb-lightbox-close,.fb-lightbox-prev,.fb-lightbox-next,.fb-viewer-zoom) {background:#21354b!important;border-color:#3a526b!important;color:#b7d2f1!important}
html.site-pearl.site-dark body.public-ui .fb-lightbox button:not(:disabled):hover {background:#2c4865!important}
html.site-pearl body.public-ui :is(.fb-gallery--studio,.fb-lightbox) button:focus-visible {outline:2px solid #74aae1!important;outline-offset:-3px}
@media(max-width:700px) {
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio {--fb-card-width:clamp(215px,64vw,255px);padding:13px;border-radius:23px!important}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-head {gap:8px;margin-bottom:11px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-heading {gap:8px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-icon {width:35px;height:35px;border-radius:12px!important}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-icon .ui-symbol {width:20px;height:20px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-title {font-size:15px;letter-spacing:-.3px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-kicker {font-size:7px;letter-spacing:.85px;margin-bottom:3px}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-carousel-arrow {width:30px;height:30px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-grid {gap:10px;border-radius:18px}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide {border-radius:20px!important}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-slide-media {height:132px;border-radius:15px!important}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-footer {padding-top:9px;margin-top:7px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-carousel-info {gap:6px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-hint {font-size:8px!important}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-count {gap:4px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-panel {border-radius:22px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header {padding:12px;gap:8px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading {gap:8px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-heading-icon {width:31px;height:31px;border-radius:11px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header h2 {font-size:13px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-header p {font-size:10px}
  html.site-pearl body.public-ui .fb-lightbox .fb-lightbox-stage {padding:10px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-footer {padding:9px 10px}
  html.site-pearl body.public-ui .fb-lightbox :is(.fb-lightbox-close,.fb-lightbox-prev,.fb-lightbox-next) {width:33px;height:33px;font-size:12px}
  html.site-pearl body.public-ui .fb-lightbox .fb-viewer-zoom {height:33px;font-size:10px;padding:0 10px}
}

/* The homepage strip uses small thumbnails; the dialog retains the original image. */
html.site-pearl body.public-ui #customerFeedback.fb-gallery {
  --fb-card-width:124px;
  --rail-icon-size:24px;
  margin:0 0 14px!important;
  padding:0!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-gallery-head {
  gap:8px!important;
  min-height:24px;
  margin-bottom:7px!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-gallery-heading {gap:7px!important}
html.site-pearl body.public-ui #customerFeedback #feedbackTitle {
  margin:0!important;min-height:24px;font-size:12px!important;line-height:1.5!important;letter-spacing:0;
}
html.site-pearl body.public-ui #customerFeedback .fb-gallery-icon {
  width:24px!important;height:24px!important;min-width:24px!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-gallery-icon img {width:24px;height:24px}
html.site-pearl body.public-ui #customerFeedback .fb-gallery-grid {
  gap:8px!important;padding:1px 0 3px!important;border-radius:0!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-slide {
  flex:0 0 var(--fb-card-width)!important;width:var(--fb-card-width)!important;
  min-height:0!important;padding:0!important;border-radius:8px!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-slide-media {
  width:100%!important;height:78px!important;margin:0!important;border-radius:8px!important;
}
html.site-pearl body.public-ui #customerFeedback .fb-slide-media>img {
  padding:0!important;border-radius:8px!important;object-fit:cover!important;
}
@media(max-width:600px) {
  html.site-pearl body.public-ui #customerFeedback.fb-gallery {--fb-card-width:104px}
  html.site-pearl body.public-ui #customerFeedback .fb-slide-media {height:66px!important}
}
@media(max-width:359px) {
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio {padding:11px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-title {font-size:13px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-icon {width:30px;height:30px;border-radius:11px!important}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-heading {gap:6px}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-gallery-hint {display:none}
  html.site-pearl body.public-ui .fb-gallery--studio .fb-carousel-controls {gap:4px}
  html.site-pearl body.public-ui .fb-gallery.fb-gallery--studio .fb-carousel-arrow {width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce) {
  html.site-pearl body.public-ui :is(.fb-gallery--studio,.fb-lightbox) * {transition:none!important;animation:none!important}
}

/* Minimal customer gallery: the photos sit directly on the page in both themes. */
html.site-pearl body.public-ui .site-main .page-content .fb-gallery.fb-gallery--studio.fb-gallery--minimal {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.site-pearl body.public-ui .fb-gallery--studio.fb-gallery--minimal .fb-gallery-head {
  margin-bottom:12px;
}
html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio.fb-gallery--minimal .fb-gallery-grid {
  /* Keep the scrolling viewport square; only individual photos have rounded corners. */
  padding:2px 0 6px!important;
  border-radius:0!important;
}
html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio.fb-gallery--minimal .fb-slide {
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio.fb-gallery--minimal .fb-slide-media {
  width:100%!important;
  height:140px!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
}
html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio.fb-gallery--minimal .fb-slide-media>img {
  padding:0!important;
  border-radius:12px!important;
}
@media(max-width:700px) {
  html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio.fb-gallery--minimal .fb-slide-media {
    height:110px!important;
  }
}