.elementor-kit-9{--e-global-color-primary:#0E1428;--e-global-color-secondary:#C9A24B;--e-global-color-text:#23222B;--e-global-color-accent:#E8C87E;--e-global-color-sfcream:#F5EEE1;--e-global-color-sfdeep:#1B2749;--e-global-color-sfgolddark:#82662C;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;color:#23222B;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:300;line-height:1.75em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#C9A24B;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;color:#0E1428;border-radius:2px 2px 2px 2px;padding:15px 32px 15px 32px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#E8C87E;color:#0E1428;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#82662C;}.elementor-kit-9 a:hover{color:#0E1428;}.elementor-kit-9 h1{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:62px;font-weight:600;}.elementor-kit-9 h2{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:44px;font-weight:600;}.elementor-kit-9 h3{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:600;}.elementor-kit-9 h4{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-9 h5{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:600;}.elementor-kit-9 h6{color:#0E1428;font-family:"Cormorant Garamond", Sans-serif;font-size:17px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 h1{font-size:40px;}.elementor-kit-9 h2{font-size:32px;}.elementor-kit-9 h3{font-size:24px;}.elementor-kit-9 h4{font-size:20px;}.elementor-kit-9 h5{font-size:18px;}.elementor-kit-9 h6{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Scribbled Fox — WooCommerce catalogue cards (2026-07-04)
   Styles the standard [products] loop to match the celestial brand. */
.woocommerce ul.products li.product {
  position: relative;
  background: #FFFDF8;
  border: 1px solid rgba(201, 162, 75, 0.55);
  outline: 1px solid rgba(201, 162, 75, 0.22);   /* delicate double frame */
  outline-offset: 5px;
  border-radius: 10px;
  padding: 20px 20px 26px;
  text-align: center;
  transition: box-shadow 0.25s ease, transform 0.25s ease, outline-color 0.25s ease;
}
.woocommerce ul.products li.product:hover {
  outline-color: rgba(201, 162, 75, 0.6);
}
/* corner stars, celestial-chart style */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
  content: "✦";                              /* ✦ */
  position: absolute;
  color: #82662C;
  font-size: 13px;
  line-height: 1;
  pointer-events: none;
}
.woocommerce ul.products li.product::before { top: 8px; left: 12px; }
.woocommerce ul.products li.product::after  { bottom: 8px; right: 12px; }
.woocommerce ul.products li.product:hover {
  box-shadow: 0 14px 34px rgba(14, 20, 40, 0.14);
  transform: translateY(-4px);
}
.woocommerce ul.products li.product img {
  border-radius: 4px;
  box-shadow: 0 6px 18px rgba(14, 20, 40, 0.16);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 600;
  color: #0E1428;
  padding-top: 4px;
}
/* small gold star between cover and title */
.woocommerce ul.products li.product .woocommerce-loop-product__link::after {
  content: "✦";
  display: block;
  color: #82662C;
  font-size: 12px;
  margin: 12px auto 2px;
}
.woocommerce ul.products li.product .button,
.woocommerce div.product .cart .button,
.woocommerce div.product form.cart .button {
  background: #C9A24B;
  color: #0E1428;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 12px 24px;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product .cart .button:hover {
  background: #E8C87E;
  color: #0E1428;
}
/* single product typography */
.woocommerce div.product .product_title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  color: #0E1428;
}
/* keep the header menu on one line on desktop/tablet
   (Elementor's nav ul is flex-wrap and collapses to min-content in a row container) */
@media (min-width: 768px) {
  .elementor-widget-nav-menu .elementor-nav-menu {
    flex-wrap: nowrap;
  }
  .elementor-widget-nav-menu {
    flex-shrink: 0;
  }
}

/* motion polish (2026-07-05) */
@media (min-width: 1025px) {
  .sf-parallax {
    background-attachment: fixed;  /* gentle parallax on desktop only */
  }
}
.sf-cta .elementor-button {
  animation: sf-cta-glow 3.2s ease-in-out infinite;
}
@keyframes sf-cta-glow {
  0%, 100% { box-shadow: 0 0 0 rgba(201, 162, 75, 0); }
  50%      { box-shadow: 0 0 26px rgba(201, 162, 75, 0.55); }
}
.woocommerce ul.products li.product img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.woocommerce ul.products li.product:hover img {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(14, 20, 40, 0.28);
}
/* honour reduced-motion for Elementor entrance animations too */
@media (prefers-reduced-motion: reduce) {
  .animated { animation: none !important; opacity: 1 !important; }
  .sf-cta .elementor-button { animation: none; }
  .sf-parallax { background-attachment: scroll; }
}

/* footer link lists: strip inherited ul indent so links align with headings */
.elementor-widget-icon-list ul.elementor-icon-list-items {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

/* footer links: Elementor renders an empty 18px icon slot even with no icons —
   hide it so links sit flush with the column heading */
.sf-footer-links .elementor-icon-list-item .elementor-icon-list-icon { display: none !important; }
.sf-footer-links .elementor-icon-list-text { padding-left: 0 !important; }

/* header search: keep the field wide enough for its placeholder */
.elementor-location-header .sf-live-search { max-width: none; }

/* header search: force a fixed, usable width so the placeholder never clips (2026-07-05) */
.sf-search-host {
  flex: 0 0 auto !important;
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
}
.sf-search-host .elementor-widget-container,
.sf-search-host .sf-live-search,
.sf-search-host .sf-live-search__input {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 1024px) { .sf-search-host { width: 220px !important; min-width: 220px !important; } }

/* Branded WooCommerce notices (2026-07-05) — replaces the default blue box */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews,
.elementor-products-nothing-found,
.woocommerce-no-products-found {
  background-color: #FFFDF8 !important;
  border-top: 3px solid #C9A24B !important;
  border-left: 0 !important;
  color: #23222B !important;
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  border-radius: 6px;
  padding: 1.1rem 1.25rem !important;
  text-align: center;
  box-shadow: 0 6px 18px rgba(14, 20, 40, 0.06);
}
.elementor-products-nothing-found::before { content: none !important; }
.woocommerce-message { border-top-color: #5f7d3f !important; }   /* success */
.woocommerce-error   { border-top-color: #a5472f !important; }   /* error */
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before { color: #C9A24B !important; }
.woocommerce-message::before { color: #5f7d3f !important; }
.woocommerce-error::before   { color: #a5472f !important; }
.woocommerce-info a,
.woocommerce-message a { color: #82662C !important; }
.woocommerce-info a:hover,
.woocommerce-message a:hover { color: #0E1428 !important; }

/* Header stacking + product zoom trigger (2026-07-05).
   The fixed header and WooCommerce's gallery zoom trigger both sat at z-index 99,
   so the trigger (later in the DOM) rendered OVER the header on zoom. Lift the
   header clear above it, and brand the trigger to match instead of a white blob. */
.sf-header-row { z-index: 1000 !important; }
.woocommerce-product-gallery { z-index: 1; }
.woocommerce-product-gallery__trigger {
  z-index: 2 !important;
  background: #0E1428 !important;
  color: #E8C87E !important;
  border: 1px solid rgba(201, 162, 75, 0.6);
  box-shadow: 0 4px 14px rgba(14, 20, 40, 0.3);
}
.woocommerce-product-gallery__trigger::before {
  border-color: #E8C87E !important; /* the lens ring */
}
.woocommerce-product-gallery__trigger::after {
  background: #E8C87E !important;   /* the lens handle */
}/* End custom CSS */