.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Caveat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Fustat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F7F7F7;font-family:"Fustat", Sans-serif;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 p{margin-block-end:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body{
    margin: 0;
}
.elementor-widget-text-editor p {
  margin-bottom: 0 !important;
  line-height: 1.4em !important;
  display: inline-flex;
  align-items: center;
}


/* ===== Product-style gallery: fixed main area & square thumbs ===== */

/* MAIN container: locked aspect ratio to prevent layout jump */
.main-gallery-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;              /* change if you want 16/9 or 1/1 */
  overflow: hidden;
  background-color: #f8f8f8;        /* neutral background while images load */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ensure anchor wrapper (Elementor lightbox) won't change layout */
.main-gallery-image > a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* main image fills the area but keeps full visibility */
.main-gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;              /* 'contain' shows all image; use 'cover' to crop */
  transition: opacity 0.35s ease;
  display: block;
  backface-visibility: hidden;
  will-change: opacity;
}

/* thumbnails: equal squares, centered, non-stretching */
.gallery-thumbs .swiper-slide {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;                /* crops but preserves aspect ratio */
  transition: transform 0.22s ease, opacity 0.22s ease;
  display: block;
}

/* active thumb styling */
.gallery-thumbs .swiper-slide.active-thumb,
.gallery-thumbs .swiper-slide:hover {
  transform: scale(1.03);
  opacity: 1;
cursor: pointer;

}

/* Simple Lightbox styles (in-document overlay) */
.simple-lightbox-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.85);
  z-index: 99999;
}

.simple-lightbox-overlay.open {
  display: flex;
}

.simple-lightbox-inner {
  max-width: 95%;
  max-height: 90%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.simple-lightbox-inner img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* controls */
.simple-lightbox-close,
.simple-lightbox-prev,
.simple-lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  background: rgba(0,0,0,0.45);
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 18px;
}

.simple-lightbox-close { top: 10px; right: 10px; transform: none; }
.simple-lightbox-prev { left: 10px; }
.simple-lightbox-next { right: 10px; }

/* small-screen tweak */
@media (max-width: 600px) {
  .simple-lightbox-prev, .simple-lightbox-next {
    padding: 6px 8px;
    font-size: 16px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Caveat';
	font-display: auto;
	src: url('https://shooflydontbotherme.com/wp-content/uploads/2025/10/Caveat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Fustat';
	font-display: auto;
	src: url('https://shooflydontbotherme.com/wp-content/uploads/2025/10/Fustatwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */