.elementor-3662 .elementor-element.elementor-element-5ebf309{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:-122px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3662 .elementor-element.elementor-element-5ebf309:not(.elementor-motion-effects-element-type-background), .elementor-3662 .elementor-element.elementor-element-5ebf309 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F7;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3662 .elementor-element.elementor-element-5d684a3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-5d684a3 img{width:100%;max-width:100%;height:100vh;object-fit:cover;object-position:center center;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-c7df938{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3662 .elementor-element.elementor-element-1d441d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3662 .elementor-element.elementor-element-1d441d0 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:400;color:#FFFFFF;}.elementor-3662 .elementor-element.elementor-element-c119b23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3662 .elementor-element.elementor-element-c119b23 .elementor-heading-title{font-family:"Sloop Script", Sans-serif;font-size:160px;font-weight:100;letter-spacing:4px;color:#FFFFFF;}.elementor-3662 .elementor-element.elementor-element-3f33f18{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3662 .elementor-element.elementor-element-3f33f18:not(.elementor-motion-effects-element-type-background), .elementor-3662 .elementor-element.elementor-element-3f33f18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3662 .elementor-element.elementor-element-2d7c82a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-3662 .elementor-element.elementor-element-2d7c82a.elementor-element{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-1ac041e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-3662 .elementor-element.elementor-element-1ac041e:not(.elementor-motion-effects-element-type-background), .elementor-3662 .elementor-element.elementor-element-1ac041e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3662 .elementor-element.elementor-element-1ac041e.e-con{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3662 .elementor-element.elementor-element-357e197{--grid-columns:4;--grid-column-gap:36px;}.elementor-3662 .elementor-element.elementor-element-357e197 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-357e197.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-3662 .elementor-element.elementor-element-3f33f18{--content-width:1450px;}.elementor-3662 .elementor-element.elementor-element-1ac041e{--content-width:1450px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3662 .elementor-element.elementor-element-357e197{--grid-columns:2;}}@media(max-width:767px){.elementor-3662 .elementor-element.elementor-element-5ebf309{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3662 .elementor-element.elementor-element-5d684a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-5d684a3 img{height:100vh;object-fit:cover;object-position:center center;}.elementor-3662 .elementor-element.elementor-element-c7df938{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3662 .elementor-element.elementor-element-c7df938.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3662 .elementor-element.elementor-element-1d441d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3662 .elementor-element.elementor-element-1d441d0 .elementor-heading-title{font-size:24px;}.elementor-3662 .elementor-element.elementor-element-c119b23{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3662 .elementor-element.elementor-element-c119b23 .elementor-heading-title{font-size:65px;}.elementor-3662 .elementor-element.elementor-element-3f33f18{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3662 .elementor-element.elementor-element-2d7c82a{padding:0px 0px 40px 0px;}.elementor-3662 .elementor-element.elementor-element-1ac041e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3662 .elementor-element.elementor-element-357e197{--grid-columns:2;}}/* Start custom CSS for container, class: .elementor-element-c7df938 *//* =========================================================
   MOBILE — Prevent heading clipping inside hero overlay
   (For “Beyond Ordinary” inside .lux-hero-overlay)
   ========================================================= */
@media (max-width: 767px) {

  /* Ensure container never crops text */
  .lux-hero-overlay {
    overflow: visible !important;
  }

  /* Protect BOTH H1 + H2 inside this hero */
  .lux-hero-overlay h1.elementor-heading-title,
  .lux-hero-overlay h2.elementor-heading-title {
    overflow: visible !important;
    white-space: normal !important;
    padding-bottom: 12px !important;     /* breathing room for descenders */
    line-height: 1.35em !important;       /* prevents clipping on tall font tails */
    text-align: center !important;
  }

  /* Only style the H2 (Beyond Ordinary) font sizing */
  .lux-hero-overlay h2.elementor-heading-title {
    font-size: 54px !important;           /* perfect mobile scale */
    font-weight: 400 !important;
  }

  /* Keep overlay alignment stable */
  .lux-hero-overlay.e-con {
    align-items: center !important;
    justify-content: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ebf309 *//* ===============================
   GLO ARTISTRY HERO BASE
   =============================== */
.lux-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.lux-hero .elementor-widget-image img {
  width: 100%;
  height: 100vh;
  object-fit: cover !important;
  object-position: center 42% !important; /* adjust as needed */
  display: block;
}

/* --- Overlay: Center both headings perfectly --- */
.lux-hero-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;     /* centers horizontally */
  justify-content: center; /* centers vertically */
  text-align: center;
  z-index: 2;
  pointer-events: none;    /* lets clicks pass through */
}

/* If you plan to add links/buttons later */
.lux-hero-overlay a,
.lux-hero-overlay button {
  pointer-events: all;
}

/* Add clean spacing between the two headings */
.lux-hero-overlay > * + * {
  margin-top: 8px;
}


/* =======================================
   MOBILE OPTIMIZATION — GLO HERO SECTION
   ======================================= */
@media (max-width: 767px) {
  .lux-hero {
    min-height: 55vh !important;       /* smaller hero height */
  }

  .lux-hero .elementor-widget-image img {
    height: 55vh !important;           /* match container height */
    object-position: center 35% !important; /* adjust focal point slightly higher */
  }

  .lux-hero-overlay {
    padding: 0 24px;                   /* comfortable text padding */
    justify-content: center !important;
  }

  .lux-hero-overlay h1,
  .lux-hero-overlay h2,
  .lux-hero-overlay p {
    font-size: clamp(20px, 5vw, 28px); /* scales text elegantly */
    line-height: 1.3;
  }

  .lux-hero-overlay > * + * {
    margin-top: 6px;                   /* tighter spacing between elements */
  }
}

@media (max-width: 767px) {
  .lux-hero-overlay {
    padding: 0 24px 10px !important; /* adds subtle bottom spacing */
  }

  .lux-hero .elementor-widget-image img {
    height: 70vh !important; /* give slightly more height buffer */
    object-position: center 38% !important;
  }
}

@media (max-width: 767px) {
  .lux-hero {
    margin-bottom: -1px !important; /* closes the tiny white seam */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ac041e *//* ==========================================================
   LUX MOBILE PRODUCT GRID — Full, Tight, 2-Column Layout
   ========================================================== */
@media (max-width: 767px) {

  /* Make each product card occupy ~48% width */
  .elementor-loop-container .elementor-grid-item {
    width: calc(50% - 10px) !important;
    margin: 0 !important;
  }

  /* Reduce the gap between cards */
  .elementor-loop-container {
    gap: 16px !important; /* was 40px */
    padding: 0 10px !important;
    justify-content: center !important;
  }

  /* Remove large white padding from inside each card */
  .lux-product-card {
    padding: 0 !important;
    margin-bottom: 20px !important;
  }

  /* Make product images slightly taller for a fuller look */
  .lux-product-card img {
    aspect-ratio: 1 / 1.15 !important; /* slightly taller */
    object-fit: cover !important;
  }

  /* Title spacing refinement */
  .woocommerce-loop-product__title,
  .lux-product-card .product-title {
    font-size: 15px !important;
    margin-top: 8px !important;
    margin-bottom: 2px !important;
  }

  /* Price refinement */
  .lux-product-card .lux-product-meta .product-price,
  .woocommerce-Price-amount {
    font-size: 14px !important;
    margin-top: 0 !important;
  }

  /* Badge size refinement — more compact */
  .lux-tag-badge {
    top: 6px !important;
    left: 6px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
  }


  .lux-product-card .lux-media .lux-quick-atc a {
    width: 24px !important;
    height: 24px !important;
  }

}/* End custom CSS */
/* Start custom CSS *//* === Product Card Alignment Fix === */
.lux-product-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.lux-product-card .woocommerce-loop-product__title,
.lux-product-card .price {
  display: inline-block;
  margin: 6px 0;
  text-align: center;
  width: 100%;
}

/* prevent text wrapping inconsistencies */
.elementor-loop-container {
  align-items: stretch;
  justify-content: center;
  gap: 40px; /* controls spacing between cards */
}

.elementor-loop-container .elementor-grid-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


@media (max-width: 767px) {

  /* Equal column sizing in the loop container */
  .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important; /* space between cards */
    justify-items: center;
    align-items: start;
    padding: 0 10px;
  }

  /* Product card spacing */
  .lux-product-card {
    margin: 0 !important;
    padding: 0;
  }

  /* Product image refinement */
  .lux-product-card img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
    border-radius: 0;
  }

  /* Title and price slightly tighter for visual balance */
  .woocommerce-loop-product__title,
  .lux-product-card .product-title {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    margin-top: 6px !important;
  }

  .lux-product-card .lux-product-meta .product-price {
    font-size: 13px !important;
  }

  /* Reduce space under product section */
  .elementor-section.elementor-element {
    margin-bottom: 24px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sloop Script';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://gloartistry.com/wp-content/uploads/2025/10/Sloop-ScriptThree.woff2') format('woff2');
}
/* End Custom Fonts CSS */