/*
 * GESTOR CLEAN · independent backdrop palette for TRANSPARENT service cutouts.
 * Only public Immersivo catalog; other templates keep their own layouts.
 * No tenant image is modified or layered with images from another company.
 */
body.gc-booking-v81[data-gc-public-template="immersive"]{
  --gc-service-bg:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--gc-bg,#102C2B) 66%,var(--gc-primary,#0F7160)) 0%,var(--gc-bg,#102C2B) 90%);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="white"]{
  --gc-service-bg:#FFFFFF;
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="mist"]{
  --gc-service-bg:linear-gradient(150deg,#F2F5F6,#DCE4E6);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="sand"]{
  --gc-service-bg:linear-gradient(150deg,#F5EDDD,#DCD0BE);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="sage"]{
  --gc-service-bg:linear-gradient(150deg,#E3EEE6,#B9D3C2);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="ocean"]{
  --gc-service-bg:radial-gradient(ellipse at 50% 30%,#48667C 0%,#162E43 78%);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="forest"]{
  --gc-service-bg:radial-gradient(ellipse at 50% 30%,#327160 0%,#0C3732 79%);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="graphite"]{
  --gc-service-bg:linear-gradient(155deg,#626A6E,#292F35);
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="transparent"]{
  --gc-service-bg:transparent;
}
body.gc-booking-v81[data-gc-public-template="immersive"][data-gc-service-backdrop="custom"]{
  --gc-service-bg:var(--gc-service-backdrop-custom,#EEF3EF);
}

/* Preserve existing polished cards, selection states and accessibility.
 * This media panel now owns the background, not the bitmap. */
body.gc-booking-v81[data-gc-public-template="immersive"]:not(.gc85-identification)
#step0 #gc81-catalog-view .gc-r9-service-card .gc-service-media {
  background:var(--gc-service-bg)!important;
  border-radius:15px!important;
  isolation:isolate!important;
}

/* The default global assets are real WebP alpha cutouts or professional
 * neutral illustrative cutouts. Cover-cropping them would lose object detail. */
body.gc-booking-v81[data-gc-public-template="immersive"]:not(.gc85-identification)
#step0 #gc81-catalog-view .gc-r9-service-card .gc-service-media img[src*="/assets/catalog/services/transparent/"] {
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:1%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:drop-shadow(0 7px 8px rgba(5,23,20,.16))!important;
  transform:scale(1.08)!important;
}
body.gc-booking-v81[data-gc-public-template="immersive"]:not(.gc85-identification)
#step0 #gc81-catalog-view .gc-r9-service-card .gc-service-media img:not([src*="/assets/catalog/services/transparent/"]) {
  object-fit:cover!important;
  padding:0!important;
  filter:none!important;
}
@media(max-width:799px){
  body.gc-booking-v81[data-gc-public-template="immersive"]:not(.gc85-identification)
  #step0 #gc81-catalog-view .gc-r9-service-card .gc-service-media {
    border-radius:13px!important;
  }
}

/* Universal cutout safety: do not crop a transparent object under other themes.
 * No layout/brand colors from Immersive are imposed on those templates. */
body.gc-booking-v81:not([data-gc-public-template="immersive"]) .gc-service-media img[src*="/assets/catalog/services/transparent/"],
body.gc-booking-v81:not([data-gc-public-template="immersive"]) .gc-selected-service img[src*="/assets/catalog/services/transparent/"],
body.gc-booking-v81:not([data-gc-public-template="immersive"]) .gc-bag-thumb img[src*="/assets/catalog/services/transparent/"] {
  width:100%!important;
  height:100%!important;
  padding:3%!important;
  object-fit:contain!important;
  background:transparent!important;
}