/* Au Bon Cake — shared standalone styles (static GitHub Pages)
 *
 * COLOR PALETTE — all site colors live here.
 * Do not put raw hex/rgb color values in rules below; use these variables.
 *
 * newui: Gallery Editorial — soft blush neutrals, Fraunces + Instrument Sans,
 * rounded theme cards, prominent girl logo + Kosher Miami seal.
 * --------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Instrument+Sans:wght@400;500;600;700&display=swap");

:root {
  /* Neutrals — soft editorial wash */
  --abc-white: #ffffff;
  --abc-page: #fcfaf9;              /* page underlay */
  --abc-galleries-bg: #efd8df;     /* Galleries by Theme — soft rose wash */
  --abc-instagram-bg: #f6ecef;     /* Instagram notice — light pink wash */
  --abc-origin-bg: #faf7f1;        /* Our Origin — warm parchment */
  --abc-hero-carousel-bg: #f4f0ee;
  --abc-dropdown-border: rgba(28, 20, 18, 0.12);
  --abc-dropdown-hover: #f3ebe8;
  --abc-card-label: #a22052;       /* bold gallery label area */
  --abc-radius: 22px;

  /* Text */
  --abc-dropdown-text: #1c1412;
  --abc-footer-text: #3a2e2c;
  --abc-ink: #1c1412;
  --abc-muted: #5c504c;

  /* Brand berry */
  --abc-berry: #a22052;            /* accent bar, CTA, headings, arrows */
  --abc-berry-hover: #c43a6c;      /* CTA hover */
  --abc-dusty-rose: #a22052;       /* gallery label bars (bold berry) */

  /* Typography */
  --abc-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --abc-font-body: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Disabled UI */
  --abc-disabled-bg: #e8e2e0;
  --abc-disabled-text: #8f8582;

  /* Lightbox / overlays */
  --abc-overlay: rgba(0, 0, 0, 0.92);
  --abc-overlay-shadow: rgba(0, 0, 0, 0.45);
  --abc-overlay-btn: rgba(255, 255, 255, 0.12);
  --abc-overlay-btn-hover: rgba(255, 255, 255, 0.22);
  --abc-overlay-muted: rgba(255, 255, 255, 0.75);

  /* Bridge Wix theme tokens → palette (keeps Wix layout CSS in sync) */
  --color_1: 28, 20, 18;
  --color_2: 162, 32, 82;
  --color_3: 140, 33, 52;
  --color_4: 244, 240, 238;
  --color_5: 248, 225, 196;
  --color_6: 255, 255, 255;
  --color_7: 246, 236, 239;
  --color_8: 175, 103, 95;
  --color_11: 255, 255, 255;
  --color_12: 246, 236, 239;
  --color_15: 28, 20, 18;
  --color_18: 162, 32, 82;
  --color_26: 252, 250, 249;
  --color_27: 247, 243, 241;
  --color_36: 255, 255, 255;
  --color_38: 246, 236, 239;
  --color_41: 162, 32, 82;
  --color_43: 244, 240, 238;

  /* Override Wix font tokens site-wide */
  --font_0: normal normal 600 40px/1.2em var(--abc-font-display);
  --font_1: normal normal 500 16px/1.5em var(--abc-font-body);
  --font_2: normal normal 600 32px/1.25em var(--abc-font-display);
  --font_3: normal normal 600 56px/1.15em var(--abc-font-display);
  --font_4: normal normal 600 48px/1.2em var(--abc-font-display);
  --font_5: normal normal 600 36px/1.25em var(--abc-font-display);
  --font_6: normal normal 600 28px/1.3em var(--abc-font-display);
  --font_7: normal normal 400 18px/1.6em var(--abc-font-body);
  --font_8: normal normal 500 15px/1.55em var(--abc-font-body);
  --font_9: normal normal 400 14px/1.55em var(--abc-font-body);
  --font_10: normal normal 400 12px/1.5em var(--abc-font-body);
}

/* ---- Chrome / runtime substitutes ---- */
#SITE_HEADER,
header,
[data-testid="site-header"] {
  display: block !important;
  visibility: visible !important;
}

#SITE_CONTAINER,
#site-root,
#masterPage,
#PAGES_CONTAINER,
#SITE_PAGES {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Breathing room under pink chrome — gallery pages sit flush without this */
.abc-site:not(.abc-editorial-home):not(.abc-order-page):not(.abc-contact-page) #SITE_PAGES,
.abc-site:not(.abc-editorial-home):not(.abc-order-page):not(.abc-contact-page) #PAGES_CONTAINER > #SITE_PAGES {
  padding-top: 28px !important;
  box-sizing: border-box !important;
}

.abc-all-galleries-page #SITE_PAGES {
  padding-top: 28px !important;
  box-sizing: border-box !important;
}

/* Galleries dropdown */
li.wixui-dropdown-menu__item {
  position: relative !important;
  overflow: visible !important;
}

li.wixui-dropdown-menu__item > ul {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
  min-width: 220px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  list-style: none !important;
  background: var(--abc-white) !important;
  border: 1px solid var(--abc-dropdown-border) !important;
  box-shadow: 0 8px 24px var(--abc-dropdown-border) !important;
}

li.wixui-dropdown-menu__item:hover > ul,
li.wixui-dropdown-menu__item:focus-within > ul,
li.wixui-dropdown-menu__item.is-open > ul {
  display: block !important;
}

li.wixui-dropdown-menu__item > ul > li > a {
  display: block !important;
  padding: 8px 18px !important;
  color: var(--abc-dropdown-text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font: 500 14px/1.3 var(--abc-font-body) !important;
}

li.wixui-dropdown-menu__item > ul > li > a:hover {
  background: var(--abc-dropdown-hover) !important;
}

#comp-kkld2ygi,
#comp-kkld2yginavContainer,
#comp-kkld2ygiitemsContainer,
#comp-kkld2ygi1,
#comp-kkld2xkm,
#comp-kkld2xkm1,
#comp-kkld2xko,
[data-mesh-id*="kkld2"],
nav,
.wixui-dropdown-menu,
.NSbBgP {
  overflow: visible !important;
}

#comp-kkld2ygi__more__,
li[id$="__more__"] {
  display: none !important;
}

/* Footer subscribe form (unused on static site) */
#comp-kklhs8nu,
#comp-kklhs8o4,
#comp-kklhs8p8,
#comp-kklhs8pn,
#comp-kklhs8q6,
#comp-kklhs8qj {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* Footer policy links (shipping / return / copyright & use) */
#comp-kknyqo2u,
#comp-kknyqwvv,
#comp-kkuja77d {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* Nudge Contact us + phone + copyright down */
#comp-kknysyj3,
#comp-kkkfx0tk,
#comp-kkkfx0tk1 {
  margin-top: 30px !important;
}

/* Kosher Miami logos — force visible (Wix motion leaves scale at 0) + prominent */
#comp-l3chwh8b,
#comp-l3chzrnt {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  --motion-scale: 1 !important;
  --motion-rotate: 0deg !important;
  z-index: 5 !important;
}

#comp-l3chwh8b {
  width: 188px !important;
  height: 188px !important;
  --width: 188px !important;
  --height: 188px !important;
}

#comp-l3chzrnt {
  width: 176px !important;
  height: 176px !important;
  --width: 176px !important;
  --height: 176px !important;
}

#comp-l3chwh8b img,
#comp-l3chzrnt img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Au Bon Cake girl logo — keep hero-level in header */
#comp-kkks5hab1,
#SITE_HEADER .wixui-image[class*="comp-kkks5hab"],
header a[href="index.html"] img[src*="logo-au-bon-cake"] {
  opacity: 1 !important;
  visibility: visible !important;
}

#comp-kkks5hab1 {
  width: 340px !important;
  height: 78px !important;
  --width: 340px !important;
  --height: 78px !important;
}

#comp-kkks5hab1 img,
#img_comp-kkks5hab1 {
  width: 340px !important;
  height: 78px !important;
  object-fit: contain !important;
}

/* ---- Media visibility (static hosting) ---- */
img,
picture,
video,
.gallery-item,
.gallery-item-visible,
.gallery-item-preloaded,
.gRkIq0,
.sFiSiq,
.UQYcWy,
.Kv1aVt,
.MW5IWV,
[data-testid="imageX"],
[data-hook="gallery-item-image-img"],
.l7_2fn,
.imageItem,
.UQYcWy img,
.gallery-item-common-info-outer,
.item-container {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

img[src*="assets/images/"] {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pro-gallery img[src*="assets/images/"] {
  max-width: none;
  height: inherit;
}

.pro-gallery .gallery-item-container.clickable,
.pro-gallery [data-hook="item-action"],
.pro-gallery [data-hook="item-wrapper"] {
  cursor: pointer !important;
}

/* ---- Shared gallery carousels ---- */
.pro-gallery.slider .gallery-horizontal-scroll {
  position: relative !important;
  overflow: hidden !important;
}

.pro-gallery.slider .abc-carousel-track {
  height: 100%;
}

.pro-gallery.slider .nav-arrows-container {
  color: var(--abc-berry);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.pro-gallery.slider .nav-arrows-container:hover {
  opacity: 0.85;
}

.pro-gallery.slider .abc-slide-link {
  text-indent: -9999px;
  overflow: hidden;
}

.pro-gallery.slider .abc-carousel-track img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ---- Homepage hero carousel (replaces broken Wix slider) ---- */
#comp-kkn1m2n6 .pro-gallery,
#gallery-wrapper-comp-kkn1m2n6 {
  display: none !important;
}

#abc-hero-carousel,
.abc-hero-carousel {
  position: relative;
  width: 100%;
  max-width: 981px;
  height: 557px;
  margin: 0 auto;
  overflow: hidden;
  background: var(--abc-hero-carousel-bg);
}

.abc-hero-viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.abc-hero-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  will-change: transform;
}

.abc-hero-slide {
  flex: 0 0 100%;
  flex-shrink: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
}

.abc-hero-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: none !important;
  border: 0;
}

.abc-hero-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--abc-berry);
  font: 40px/1 Georgia, "Times New Roman", serif;
  cursor: pointer;
  padding: 0;
}

.abc-hero-btn:hover {
  opacity: 0.75;
}

.abc-hero-prev {
  left: 12px;
}

.abc-hero-next {
  right: 12px;
}

@media (max-width: 1000px) {
  #abc-hero-carousel,
  .abc-hero-carousel {
    height: 56vw;
    max-height: 557px;
  }
}

/* ---- Lightbox ---- */
#abc-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--abc-overlay);
  padding: 24px;
  box-sizing: border-box;
}

#abc-lightbox.is-open {
  display: flex;
}

#abc-lightbox img {
  max-width: min(96vw, 1400px);
  max-height: 92vh;
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 12px 48px var(--abc-overlay-shadow);
  user-select: none;
}

#abc-lightbox .abc-lb-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: var(--abc-overlay-btn);
  color: var(--abc-white);
  font: 28px/1 Georgia, "Times New Roman", serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#abc-lightbox .abc-lb-btn:hover {
  background: var(--abc-overlay-btn-hover);
}

#abc-lightbox .abc-lb-prev {
  left: 12px;
}

#abc-lightbox .abc-lb-next {
  right: 12px;
}

#abc-lightbox .abc-lb-close {
  top: 16px;
  right: 16px;
  transform: none;
  width: 44px;
  height: 44px;
  font-size: 32px;
  line-height: 1;
}

#abc-lightbox .abc-lb-counter {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--abc-overlay-muted);
  font: 500 13px/1.2 var(--abc-font-body);
  letter-spacing: 0.04em;
}

body.abc-lightbox-open {
  overflow: hidden !important;
}

@media (max-width: 640px) {
  #abc-lightbox {
    padding: 12px;
  }

  #abc-lightbox .abc-lb-btn {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }

  #abc-lightbox .abc-lb-prev {
    left: 4px;
  }

  #abc-lightbox .abc-lb-next {
    right: 4px;
  }
}

/* ---- Homepage / site — Gallery Editorial newui ---- */

/* Soft page underlay */
#pageBackground_lh2lj,
[id^="pageBackground_"] {
  --bg-overlay-color: var(--abc-page) !important;
}

body,
#SITE_CONTAINER,
#site-root {
  background-color: var(--abc-page) !important;
  color: var(--abc-ink);
}

/* Kill leftover Wix chrome / motion dust */
.abc-standalone [data-testid="screenWidthContainerBg"],
.abc-standalone [data-testid="screenWidthContainerBgCenter"] {
  box-shadow: none !important;
  background: var(--abc-white) !important;
}

.abc-standalone [id^="oldHoverBox-"],
.abc-standalone .TvbeET,
.abc-standalone #WIX_ADS,
.abc-standalone #comp-kkld2ygi__more__,
.abc-standalone li[id$="__more__"],
.abc-standalone .H4AHlN {
  display: none !important;
}

/* Hide entire old Wix header guts — replaced by #abc-site-chrome */
#SITE_HEADER > .kBvIHj,
#SITE_HEADER > .YmWgf4,
#comp-kkks5haa,
#comp-kkld2xkj,
#comp-kkld2ygi,
#comp-kkld2yginavContainer,
#comp-kkld2ygiitemsContainer,
wix-dropdown-menu,
#SITE_HEADER .wixui-dropdown-menu,
#comp-kkks5hab1,
#comp-kkld2xko {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#SITE_HEADER {
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
  background: var(--abc-galleries-bg) !important;
}

#SITE_HEADER-placeholder {
  display: none !important;
  height: 0 !important;
}

#SITE_HEADER .XgJ1FR,
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent"],
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ========== Editorial header (Gallery Editorial layout) ========== */
.abc-site-chrome {
  width: 100%;
  background: var(--abc-galleries-bg);
  box-sizing: border-box;
  position: relative;
  z-index: 1200;
  padding: 0;
}

.abc-chrome-bar {
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 24px 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 20px;
  box-sizing: border-box;
}

.abc-chrome-brand-cluster {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.abc-chrome-kosher-link {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
}

.abc-chrome-kosher {
  /* Match brand img height: logo asset is 259×68 */
  width: calc(min(260px, 34vw) * 68 / 259);
  height: calc(min(260px, 34vw) * 68 / 259);
  object-fit: contain;
  flex: 0 0 auto;
  aspect-ratio: 1;
}

.abc-chrome-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}

.abc-chrome-brand img {
  display: block;
  width: min(260px, 34vw);
  height: auto;
  object-fit: contain;
}

.abc-chrome-nav {
  justify-self: center;
}

.abc-chrome-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 2px 0;
}

.abc-chrome-link,
.abc-chrome-dropbtn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--abc-ink);
  font-family: var(--abc-font-body);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 11px;
  border-radius: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  position: relative;
  transition: color 0.18s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.abc-chrome-link::after,
.abc-chrome-dropbtn::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 1px;
  background: var(--abc-berry);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.abc-chrome-link:hover,
.abc-chrome-dropbtn:hover {
  color: var(--abc-berry);
}

.abc-chrome-link:hover::after,
.abc-chrome-dropbtn:hover::after,
.abc-chrome-link.is-active::after,
.abc-chrome-dropbtn.is-active::after,
.abc-chrome-dropdown.is-current > .abc-chrome-dropbtn::after {
  transform: scaleX(1);
}

.abc-chrome-link.is-active,
.abc-chrome-dropbtn.is-active,
.abc-chrome-dropdown.is-current > .abc-chrome-dropbtn {
  color: var(--abc-berry);
  background: transparent;
  box-shadow: none;
}

.abc-chrome-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: 0.7;
}

.abc-chrome-dropdown {
  position: relative;
}

.abc-chrome-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 230px;
  padding: 10px;
  background: var(--abc-white);
  border: 1px solid rgba(162, 32, 82, 0.12);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(28, 20, 18, 0.14);
  z-index: 2000;
}

.abc-chrome-dropdown.is-open .abc-chrome-panel {
  display: grid;
  gap: 2px;
}

.abc-chrome-panel a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--abc-ink);
  text-decoration: none;
  font-family: var(--abc-font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.abc-chrome-panel a:hover,
.abc-chrome-panel a.is-active {
  background: rgba(162, 32, 82, 0.08);
  color: var(--abc-berry);
}

.abc-chrome-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: nowrap;
}

.abc-chrome-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 0;
  background: var(--abc-berry);
  color: var(--abc-white) !important;
  font-family: var(--abc-font-body);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.abc-chrome-cta:hover {
  background: var(--abc-berry-hover);
  transform: translateY(-1px);
  filter: none;
  color: var(--abc-white) !important;
  box-shadow: none;
}

.abc-chrome-social {
  display: flex;
  gap: 8px;
  align-items: center;
}

.abc-chrome-social a {
  width: 34px;
  height: 34px;
  border-radius: 0;
  display: grid;
  place-items: center;
  background: transparent;
  border: 1px solid rgba(162, 32, 82, 0.14);
  transition: border-color 0.18s ease, background-color 0.18s ease;
}

.abc-chrome-social a:hover {
  background: rgba(162, 32, 82, 0.08);
  border-color: rgba(162, 32, 82, 0.28);
  transform: none;
}

.abc-chrome-social img {
  display: block;
  width: 16px;
  height: 16px;
}

.abc-chrome-rule {
  height: 1px;
  width: 100%;
  background: rgba(28, 20, 18, 0.14);
}

/* Soft thin berry accent bar under nav — hide Wix bar; chrome rule replaces it */
#comp-l1z1qig2,
#comp-l3chzrlx,
.abc-relocated-source {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Kill the tall Wix Instagram spacer / empty hero shells that left dead space */
.abc-editorial-home #comp-mqzh07h7,
.abc-editorial-home #comp-mqzh07h71,
.abc-editorial-home #comp-mqzgzh8t,
.abc-editorial-home #comp-mqzgzhfu,
.abc-editorial-home #comp-kkngirf5,
.abc-editorial-home [data-mesh-id="comp-kkngirf5inlineContent-wedge-3"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.abc-editorial-home [data-mesh-id="Containerlh2ljinlineContent-gridContainer"] {
  grid-template-rows: min-content !important;
}

.abc-editorial-home #comp-mqzh07h72 {
  margin-top: 0 !important;
  padding-top: 56px !important;
}

.abc-editorial-home #comp-lcmrkmdf {
  margin-top: 16px !important;
  margin-bottom: 12px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  width: auto !important;
  justify-self: center !important;
  position: relative !important;
  z-index: 2;
}

.abc-editorial-home #comp-mqzh07h8 {
  margin-top: 0 !important;
}

/* After relocating shells / on all pages, keep document height tight to content */
.abc-site #SITE_PAGES,
.abc-site #SITE_PAGES_TRANSITION_GROUP,
.abc-site .wixui-page,
.abc-site #PAGES_CONTAINER,
.abc-editorial-home #SITE_PAGES,
.abc-editorial-home #SITE_PAGES_TRANSITION_GROUP,
.abc-editorial-home #lh2lj,
.abc-editorial-home .wixui-page,
.abc-editorial-home #PAGES_CONTAINER {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.abc-site #masterPage,
.abc-site #site-root,
.abc-site #SITE_CONTAINER,
.abc-site #main_MF,
.abc-editorial-home #masterPage,
.abc-editorial-home #site-root,
.abc-editorial-home #SITE_CONTAINER,
.abc-editorial-home #main_MF {
  height: auto !important;
  min-height: 0 !important;
}

.abc-site [id^="pageBackground_"],
.abc-editorial-home #pageBackground_lh2lj,
.abc-editorial-home [id^="pageBackground_"] {
  min-height: 0 !important;
  height: auto !important;
  bottom: auto !important;
}

/* Stack title strip above gallery cards (Wix had them overlapping in one grid cell) */
.abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 36px !important;
  grid-template-rows: none !important;
  min-height: 0 !important;
  height: auto !important;
}

.abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-l712w98a"],
.abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-lcmrjr9o"] {
  position: relative !important;
  grid-area: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 1120px !important;
  justify-self: stretch !important;
  height: auto !important;
}

.abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-l712w98a"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-lcmrjr9o"] {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

/* ========== Homepage editorial hero composition ========== */
.abc-editorial-hero {
  width: 100% !important;
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 28px 8px;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.92fr) minmax(320px, 1.15fr);
  gap: 24px 48px;
  align-items: start;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  background: transparent;
}

.abc-editorial-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  width: 100%;
}

.abc-editorial-kosher-slot,
.abc-editorial-kosher-slot #comp-l3chwh8b,
.abc-editorial-kosher-slot .W4V2qg,
.abc-editorial-kosher-slot .apPOZK,
.abc-editorial-kosher-slot img,
.abc-editorial-kosher-img,
.abc-editorial-home #comp-l3chwh8b {
  /* KM lives in chrome only — hide hero duplicate on all breakpoints */
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  --width: 0 !important;
  --height: 0 !important;
}

.abc-editorial-title-slot #comp-kkngirfd,
.abc-editorial-title-slot .N8MGzv,
.abc-editorial-title-slot .wixui-rich-text {
  position: static !important;
  left: auto !important;
  top: auto !important;
  inset: auto !important;
  mix-blend-mode: normal !important;
}

.abc-editorial-title-slot {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.abc-editorial-title-slot,
.abc-editorial-title-slot #comp-kkngirfd,
.abc-editorial-title-slot .wixui-rich-text {
  position: static !important;
  left: auto !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
}

.abc-editorial-title-slot h1,
.abc-editorial-title-slot .wixui-rich-text__text,
.abc-editorial-title-slot span,
.abc-editorial-heading {
  font-family: var(--abc-font-display) !important;
  font-weight: 500 !important;
  font-size: clamp(36px, 4.6vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: var(--abc-ink) !important;
  text-transform: none !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.abc-editorial-lede {
  margin: 0;
  font-family: var(--abc-font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--abc-muted);
  max-width: 38ch;
}

.abc-editorial-actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  margin-top: 6px;
}

.abc-editorial-actions .abc-instagram-promo {
  margin-top: 0;
}

.abc-hero-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 0;
  background: var(--abc-berry);
  color: var(--abc-white);
  text-decoration: none;
  font-family: var(--abc-font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: none;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.abc-hero-cta-btn svg {
  width: 16px;
  height: 16px;
}

.abc-hero-cta-btn:hover {
  background: var(--abc-berry-hover);
  transform: translateY(-1px);
  box-shadow: none;
  filter: none;
  color: var(--abc-white);
}

.abc-editorial-ghost {
  color: var(--abc-ink);
  font-family: var(--abc-font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid var(--abc-ink);
  padding-bottom: 3px;
}

.abc-editorial-ghost:hover {
  color: var(--abc-berry);
  border-bottom-color: var(--abc-berry);
}

.abc-editorial-media {
  min-width: 0;
}

.abc-editorial-media #abc-hero-carousel,
.abc-editorial-media .abc-hero-carousel,
.abc-editorial-media #comp-kkn1m2n6 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  left: auto !important;
  position: relative !important;
  border-radius: 0;
  overflow: hidden;
  height: 480px !important;
  max-height: 56vw !important;
  aspect-ratio: auto;
  background: var(--abc-hero-carousel-bg);
}

.abc-editorial-media .abc-hero-carousel,
.abc-editorial-media #abc-hero-carousel {
  height: 480px !important;
}

.abc-editorial-media .abc-hero-viewport,
.abc-editorial-media .abc-hero-track,
.abc-editorial-media .abc-hero-slide {
  height: 100% !important;
}

.abc-editorial-home #comp-kkngirfd {
  /* when relocated, neutralize absolute Wix positioning */
  position: static !important;
}

.abc-editorial-home #comp-mqzh07h71,
.abc-editorial-home #comp-kkngirf5 {
  display: none !important;
}

/* Hide misplaced Wix CTA — restored inside editorial actions */
#comp-kkn397b6,
#abc-hero-cta {
  display: none !important;
}

@media (max-width: 900px) {
  .abc-chrome-bar {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 12px;
    padding: 12px 10px 10px;
  }

  /* One line, max width: Au Bon Cake left, KM right — equal height, fill row */
  .abc-chrome-brand-cluster {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    max-width: 100%;
  }

  .abc-chrome-brand {
    flex: 0 1 auto;
    min-width: 0;
  }

  .abc-chrome-brand img {
    width: auto;
    max-width: none;
    height: auto;
    display: block;
  }

  .abc-chrome-kosher {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
  }

  /* Mobile home: KM lives in chrome only — hide hero duplicate */
  .abc-editorial-home .abc-editorial-kosher-slot,
  .abc-editorial-home .abc-editorial-kosher-slot #comp-l3chwh8b,
  .abc-editorial-home .abc-editorial-kosher-slot .W4V2qg,
  .abc-editorial-home .abc-editorial-kosher-slot .apPOZK,
  .abc-editorial-home .abc-editorial-kosher-slot img,
  .abc-editorial-home .abc-editorial-kosher-img {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    --width: 0 !important;
    --height: 0 !important;
  }

  .abc-chrome-end {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .abc-chrome-nav {
    justify-self: center;
    width: 100%;
    max-width: 100%;
  }

  .abc-chrome-links {
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
  }

  .abc-chrome-link,
  .abc-chrome-dropbtn {
    font-size: 12px;
    letter-spacing: 0.06em;
    padding: 8px 10px;
  }

  .abc-chrome-link::after,
  .abc-chrome-dropbtn::after {
    left: 10px;
    right: 10px;
  }

  .abc-chrome-cta {
    padding: 10px 14px;
    font-size: 11px;
  }

  .abc-editorial-hero {
    grid-template-columns: 1fr !important;
    max-width: 100%;
    width: 100% !important;
    padding: 20px 16px 16px;
    gap: 18px;
    box-sizing: border-box;
  }

  .abc-editorial-copy {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .abc-editorial-title-slot h1,
  .abc-editorial-title-slot .wixui-rich-text__text,
  .abc-editorial-title-slot span,
  .abc-editorial-heading {
    text-align: center !important;
    font-size: clamp(28px, 8vw, 40px) !important;
  }

  .abc-editorial-lede {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 34ch;
    font-size: 15px;
  }

  .abc-editorial-actions {
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .abc-editorial-media {
    width: 100%;
    max-width: 100%;
  }

  .abc-editorial-media #abc-hero-carousel,
  .abc-editorial-media .abc-hero-carousel,
  .abc-editorial-media #comp-kkn1m2n6 {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 3;
    width: 100% !important;
  }

  .abc-editorial-home #comp-mqzh07h72 {
    padding-top: 32px !important;
  }

  .abc-editorial-home [data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] {
    gap: 20px !important;
    padding: 0 12px;
    box-sizing: border-box;
  }

  #comp-lcmrjr9o,
#comp-l7wq5yam {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
    margin: 0 auto 20px !important;
  }
}

/* Galleries by Theme section wash — soft rose */
#comp-l712w99o,
#comp-mqzh07h72,
#comp-lcmrkmdf,
#comp-l712w98a {
  --bg-overlay-color: var(--abc-galleries-bg) !important;
}

#bgLayers_comp-l712w99o .V9k0ll,
#comp-l712w99o .V9k0ll,
#bgLayers_comp-l712w99o .LNYVZi,
#bgLayers_comp-mqzh07h72 .LNYVZi,
#bgLayers_comp-l712w98a .V9k0ll,
#comp-l712w98a .V9k0ll {
  background-color: var(--abc-galleries-bg) !important;
}

/* Our Origin — warm parchment (clearly different from galleries) */
#comp-kkkjekvc1,
#comp-kkkjekvc,
#comp-mqzh07h8 {
  --bg-overlay-color: var(--abc-origin-bg) !important;
}

#bgLayers_comp-kkkjekvc1 .V9k0ll,
#comp-kkkjekvc1 .V9k0ll,
#bgLayers_comp-kkkjekvc1 .LNYVZi,
#bgLayers_comp-kkkjekvc .V9k0ll,
#comp-kkkjekvc .V9k0ll,
#bgLayers_comp-mqzh07h8 .LNYVZi {
  background-color: var(--abc-origin-bg) !important;
}

/* Display headings — Fraunces + berry */
#comp-l1z0qnl8 .wixui-rich-text__text,
#comp-lcmrkmdf .wixui-rich-text__text,
h1.font_2,
h2.font_2,
h1.wixui-rich-text__text,
h2.wixui-rich-text__text {
  font-family: var(--abc-font-display) !important;
  color: var(--abc-berry) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

p.font_8,
p.font_9,
.wixui-rich-text p,
.wixui-rich-text span {
  font-family: var(--abc-font-body) !important;
}

/* artistic desserts — lowercase (editorial hero overrides color/size) */
#comp-kkngirfd,
#comp-kkngirfd h1,
#comp-kkngirfd .wixui-rich-text__text,
#comp-kkngirfd span {
  text-transform: lowercase !important;
  font-family: var(--abc-font-display) !important;
}

/* Theme gallery cards — 4×3 grid, bold berry titles, juicy hover */
#comp-lcmrjr9o,
#comp-l7wq5yam {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  height: auto !important;
  margin: 0 auto 24px !important;
  left: auto !important;
  position: relative !important;
  justify-self: center !important;
}

#comp-l712w98a,
#comp-l712w99o {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  left: 0 !important;
}

[data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-lcmrjr9o"],
[data-mesh-id="comp-mqzh07h72inlineContent-gridContainer"] > [id="comp-l712w98a"] {
  margin-left: 0 !important;
  left: 0 !important;
  width: 100% !important;
  justify-self: stretch !important;
  position: relative !important;
  grid-area: auto !important;
}

[data-mesh-id="comp-l712w99oinlineContent-gridContainer"] {
  min-height: 0 !important;
}

#gallery-wrapper-comp-lcmrjr9o,
#gallery-wrapper-comp-l7wq5yam,
#pro-gallery-comp-lcmrjr9o,
#pro-gallery-comp-l7wq5yam,
#pro-gallery-container-comp-lcmrjr9o,
#pro-gallery-container-comp-l7wq5yam,
#pro-gallery-margin-container-comp-lcmrjr9o,
#pro-gallery-margin-container-comp-l7wq5yam {
  width: 100% !important;
  max-width: 1120px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

#pro-gallery-margin-container-comp-lcmrjr9o.abc-theme-gallery-grid,
#pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
#pro-gallery-margin-container-comp-lcmrjr9o,
#pro-gallery-margin-container-comp-l7wq5yam {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  padding: 0 8px 28px !important;
}

/* Wide desktop: 6×2 theme gallery (home + all.html) */
@media (min-width: 1280px) {
  #pro-gallery-margin-container-comp-lcmrjr9o.abc-theme-gallery-grid,
  #pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
  #pro-gallery-margin-container-comp-lcmrjr9o,
  #pro-gallery-margin-container-comp-l7wq5yam,
  .abc-theme-gallery-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: 1320px !important;
  }

  #comp-lcmrjr9o,
  #comp-l7wq5yam,
  #gallery-wrapper-comp-lcmrjr9o,
  #gallery-wrapper-comp-l7wq5yam,
  #pro-gallery-comp-lcmrjr9o,
  #pro-gallery-comp-l7wq5yam,
  #pro-gallery-container-comp-lcmrjr9o,
  #pro-gallery-container-comp-l7wq5yam {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;
  }
}
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1120px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 8px 12px 32px !important;
}

.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .item-link-wrapper {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0;
}

.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--abc-white) !important;
  cursor: pointer !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease;
}

.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-container:hover,
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-container:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(28, 20, 18, 0.2) !important;
  z-index: 2;
  cursor: pointer !important;
}

.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-wrapper,
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-content,
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) [data-hook="item-wrapper"],
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item-visible,
.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) .gallery-item {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.abc-pro-gallery-grid:not(.abc-theme-gallery-grid) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.abc-pro-gallery-grid .gallery-item-container.clickable,
.abc-pro-gallery-grid [data-hook="item-action"],
.abc-pro-gallery-grid [data-hook="item-wrapper"],
.abc-pro-gallery-grid a {
  cursor: pointer !important;
}

#comp-lcmrjr9o .item-link-wrapper,
#comp-l7wq5yam .item-link-wrapper {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  overflow: visible !important;
  padding-bottom: 4px; /* room for hover shadow */
}

#comp-lcmrjr9o .gallery-item-container,
#comp-l7wq5yam .gallery-item-container,
#comp-lcmrjr9o .gallery-item-container.item-container-regular,
#comp-l7wq5yam .gallery-item-container.item-container-regular {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: var(--abc-radius) !important;
  overflow: visible !important;
  background: var(--abc-berry) !important;
  box-shadow: 0 2px 10px rgba(28, 20, 18, 0.06) !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1);
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, box-shadow;
}

#comp-lcmrjr9o .gallery-item-container:hover,
#comp-l7wq5yam .gallery-item-container:hover,
#comp-lcmrjr9o .gallery-item-container:focus-within,
#comp-l7wq5yam .gallery-item-container:focus-within {
  transform: translateY(-8px) scale(1.025);
  box-shadow:
    0 12px 24px rgba(28, 20, 18, 0.18),
    0 28px 56px rgba(28, 20, 18, 0.28) !important;
  z-index: 3;
}

#comp-lcmrjr9o .gallery-item-container:active,
#comp-l7wq5yam .gallery-item-container:active {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 8px 18px rgba(28, 20, 18, 0.14) !important;
}

/* Clip media/label to rounded card without clipping the hover shadow.
   Only outer corners are rounded — flat where image meets the berry title. */
#comp-lcmrjr9o .gallery-item-container > div:not(.item-action):not(.gallery-item-common-info-outer),
#comp-l7wq5yam .gallery-item-container > div:not(.item-action):not(.gallery-item-common-info-outer) {
  border-radius: var(--abc-radius) var(--abc-radius) 0 0 !important;
  overflow: hidden !important;
}

#comp-lcmrjr9o .gallery-item-wrapper,
#comp-l7wq5yam .gallery-item-wrapper,
#comp-lcmrjr9o .gallery-item-content,
#comp-l7wq5yam .gallery-item-content,
#comp-lcmrjr9o [data-hook="item-wrapper"],
#comp-l7wq5yam [data-hook="item-wrapper"],
#comp-lcmrjr9o .gallery-item-visible,
#comp-l7wq5yam .gallery-item-visible,
#comp-lcmrjr9o .gallery-item,
#comp-l7wq5yam .gallery-item {
  border-radius: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1.05;
}

#comp-lcmrjr9o .gallery-item-container img,
#comp-l7wq5yam .gallery-item-container img,
#comp-lcmrjr9o [data-hook="gallery-item-image-img"],
#comp-l7wq5yam [data-hook="gallery-item-image-img"],
#comp-lcmrjr9o .gallery-item-visible img,
#comp-l7wq5yam .gallery-item-visible img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

#comp-lcmrjr9o .gallery-item-container:hover img,
#comp-l7wq5yam .gallery-item-container:hover img,
#comp-lcmrjr9o .gallery-item-container:focus-within img,
#comp-l7wq5yam .gallery-item-container:focus-within img {
  transform: scale(1.06);
}

#comp-lcmrjr9o .gallery-item-common-info-outer,
#comp-l7wq5yam .gallery-item-common-info-outer {
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--abc-berry) !important;
  border-radius: 0 0 var(--abc-radius) var(--abc-radius) !important;
  overflow: hidden !important;
  transition: background-color 0.28s ease;
}

#comp-lcmrjr9o .gallery-item-common-info,
#comp-l7wq5yam .gallery-item-common-info,
#comp-lcmrjr9o .gallery-item-bottom-info,
#comp-l7wq5yam .gallery-item-bottom-info {
  background-color: var(--abc-berry) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: background-color 0.28s ease;
}

#comp-lcmrjr9o .gallery-item-container:hover .gallery-item-common-info-outer,
#comp-l7wq5yam .gallery-item-container:hover .gallery-item-common-info-outer,
#comp-lcmrjr9o .gallery-item-container:hover .gallery-item-common-info,
#comp-l7wq5yam .gallery-item-container:hover .gallery-item-common-info,
#comp-lcmrjr9o .gallery-item-container:hover .gallery-item-bottom-info,
#comp-l7wq5yam .gallery-item-container:hover .gallery-item-bottom-info,
#comp-lcmrjr9o .gallery-item-container:focus-within .gallery-item-common-info-outer,
#comp-l7wq5yam .gallery-item-container:focus-within .gallery-item-common-info-outer,
#comp-lcmrjr9o .gallery-item-container:focus-within .gallery-item-common-info,
#comp-l7wq5yam .gallery-item-container:focus-within .gallery-item-common-info,
#comp-lcmrjr9o .gallery-item-container:focus-within .gallery-item-bottom-info,
#comp-l7wq5yam .gallery-item-container:focus-within .gallery-item-bottom-info {
  background-color: var(--abc-berry-hover) !important;
}

#comp-lcmrjr9o .gallery-item-common-info-outer [style*="background-color"],
#comp-l7wq5yam .gallery-item-common-info-outer [style*="background-color"],
#comp-lcmrjr9o .gallery-item-bottom-info[style*="background-color"],
#comp-l7wq5yam .gallery-item-bottom-info[style*="background-color"] {
  background-color: var(--abc-berry) !important;
}

#comp-lcmrjr9o .info-element-text,
#comp-l7wq5yam .info-element-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 12px 10px !important;
}

#comp-lcmrjr9o .info-element-title,
#comp-l7wq5yam .info-element-title,
#comp-lcmrjr9o .info-element-title span,
#comp-l7wq5yam .info-element-title span,
#comp-lcmrjr9o [data-hook="item-title"],
#comp-l7wq5yam [data-hook="item-title"],
#comp-lcmrjr9o [data-hook="item-title"] span,
#comp-l7wq5yam [data-hook="item-title"] span {
  color: var(--abc-white) !important;
  font-family: var(--abc-font-body) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.03em !important;
  text-align: center !important;
  transition: letter-spacing 0.28s ease;
}

#comp-lcmrjr9o .gallery-item-container:hover .info-element-title,
#comp-l7wq5yam .gallery-item-container:hover .info-element-title,
#comp-lcmrjr9o .gallery-item-container:hover .info-element-title span,
#comp-l7wq5yam .gallery-item-container:hover .info-element-title span,
#comp-lcmrjr9o .gallery-item-container:hover [data-hook="item-title"],
#comp-l7wq5yam .gallery-item-container:hover [data-hook="item-title"],
#comp-lcmrjr9o .gallery-item-container:hover [data-hook="item-title"] span,
#comp-l7wq5yam .gallery-item-container:hover [data-hook="item-title"] span {
  letter-spacing: 0.06em !important;
}

/* Theme gallery: never show magnifying-glass cursor */
#comp-lcmrjr9o .gallery-item-container,
#comp-l7wq5yam .gallery-item-container,
#comp-lcmrjr9o .gallery-item-container.clickable,
#comp-l7wq5yam .gallery-item-container.clickable,
#comp-lcmrjr9o [data-hook="item-action"],
#comp-l7wq5yam [data-hook="item-action"],
#comp-lcmrjr9o [data-hook="item-wrapper"],
#comp-l7wq5yam [data-hook="item-wrapper"],
#comp-lcmrjr9o .item-link-wrapper,
#comp-l7wq5yam .item-link-wrapper,
#comp-lcmrjr9o a,
#comp-l7wq5yam a {
  cursor: pointer !important;
}

@media (max-width: 1000px) {
  #pro-gallery-margin-container-comp-lcmrjr9o.abc-theme-gallery-grid,
#pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
  #pro-gallery-margin-container-comp-lcmrjr9o,
#pro-gallery-margin-container-comp-l7wq5yam {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 640px) {
  #pro-gallery-margin-container-comp-lcmrjr9o.abc-theme-gallery-grid,
#pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
  #pro-gallery-margin-container-comp-lcmrjr9o,
#pro-gallery-margin-container-comp-l7wq5yam {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 4px 20px !important;
  }

  #comp-lcmrjr9o .info-element-title,
#comp-l7wq5yam .info-element-title,
  #comp-lcmrjr9o .info-element-title span,
#comp-l7wq5yam .info-element-title span,
  #comp-lcmrjr9o [data-hook="item-title"],
#comp-l7wq5yam [data-hook="item-title"],
  #comp-lcmrjr9o [data-hook="item-title"] span,
#comp-l7wq5yam [data-hook="item-title"] span {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  #comp-lcmrjr9o .info-element-text,
#comp-l7wq5yam .info-element-text {
    min-height: 39px !important;
    height: 39px !important;
    padding: 3px 3px !important;
  }

  #comp-lcmrjr9o .gallery-item-common-info-outer,
#comp-l7wq5yam .gallery-item-common-info-outer,
  #comp-lcmrjr9o .gallery-item-common-info,
#comp-l7wq5yam .gallery-item-common-info,
  #comp-lcmrjr9o .gallery-item-bottom-info,
#comp-l7wq5yam .gallery-item-bottom-info {
    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
  }
}

/* Force display font on key homepage headings */
#comp-l1z0qnl8 h1,
#comp-l1z0qnl8 h2,
#comp-l1z0qnl8 .wixui-rich-text__text,
#comp-lcmrkmdf h1,
#comp-lcmrkmdf h2,
#comp-lcmrkmdf .wixui-rich-text__text,
#comp-lcmrkmdf span {
  font-family: var(--abc-font-display) !important;
  font-weight: 600 !important;
  color: var(--abc-berry) !important;
}

/* “Galleries By Theme” → all.html — same look before/after click (no nav underline) */
#comp-lcmrkmdf {
  cursor: pointer;
}

#comp-lcmrkmdf a.abc-galleries-theme-link,
#comp-lcmrkmdf a.abc-galleries-theme-link:link,
#comp-lcmrkmdf a.abc-galleries-theme-link:visited,
#comp-lcmrkmdf a.abc-galleries-theme-link:hover,
#comp-lcmrkmdf a.abc-galleries-theme-link:active,
#comp-lcmrkmdf a.abc-galleries-theme-link:focus {
  color: var(--abc-berry) !important;
  font-family: var(--abc-font-display) !important;
  font-weight: 600 !important;
  font-size: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
  cursor: pointer;
}

#comp-lcmrkmdf a.abc-galleries-theme-link::after,
#comp-lcmrkmdf a.abc-galleries-theme-link::before {
  content: none !important;
  display: none !important;
}

#comp-lcmrkmdf a.abc-galleries-theme-link:hover {
  opacity: 0.88;
}

/* Soften hero carousel corners slightly */
.abc-editorial-media #abc-hero-carousel,
.abc-editorial-media .abc-hero-carousel {
  border-radius: 0;
  overflow: hidden;
}

/* Footer — soft editorial */
#SITE_FOOTER {
  --bg: var(--color_11) !important;
  --bgctr: var(--color_11) !important;
  --bg-overlay-color: var(--abc-white) !important;
  background-color: var(--abc-white) !important;
  border-top: 1px solid rgba(162, 32, 82, 0.1) !important;
}

#bgLayers_SITE_FOOTER .LNYVZi,
#SITE_FOOTER .LNYVZi {
  background-color: var(--abc-white) !important;
}

#SITE_FOOTER,
#SITE_FOOTER .wixui-rich-text__text,
#SITE_FOOTER .wixui-rich-text,
#SITE_FOOTER span,
#SITE_FOOTER p,
#SITE_FOOTER a,
#SITE_FOOTER a span {
  color: var(--abc-footer-text) !important;
  font-family: var(--abc-font-body) !important;
}

#SITE_FOOTER a:hover,
#SITE_FOOTER a:hover span {
  color: var(--abc-berry) !important;
}

/* Beat Wix inline font-family:raleway on spans */
span[style*="font-family:raleway"],
span[style*="font-family: raleway"],
.wixui-rich-text__text[style*="font-family"] {
  font-family: var(--abc-font-body) !important;
}

h1 span[style*="font-family:raleway"],
h2 span[style*="font-family:raleway"],
h1 span[style*="font-family: raleway"],
h2 span[style*="font-family: raleway"],
h1.font_0 span,
h2.font_2 span {
  font-family: var(--abc-font-display) !important;
}

/* ========== Mobile layout (does not affect desktop ≥901px) ========== */
@media (max-width: 900px) {
  html,
  body {
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  #SITE_CONTAINER,
  #main_MF,
  #site-root,
  #masterPage,
  #PAGES_CONTAINER,
  #SITE_PAGES,
  #SITE_PAGES_TRANSITION_GROUP,
  #lh2lj,
  #BACKGROUND_GROUP,
  [id^="pageBackground_"],
  [id^="BACKGROUND_GROUP"] {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Kill Wix desktop mesh centering / 980px floors — all pages */
  [id^="comp-"],
  .wixui-section,
  .wixui-column-strip,
  .wixui-column-strip__column,
  .wixui-page,
  .CeUMmm,
  .FDI5TK,
  .Le88gL,
  .QrIus,
  [id^="gallery-wrapper"],
  [id^="pro-gallery"],
  .pro-gallery,
  .pro-gallery-margin-container,
  .pro-gallery-parent-container {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .wixui-section,
  .wixui-column-strip,
  .wixui-column-strip__column,
  .wixui-page,
  [id^="comp-mqzh"],
  [id^="comp-l7"],
  [id^="comp-lc"],
  [id^="comp-kk"] {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
  }

  [data-mesh-id$="gridContainer"] > *,
  [data-mesh-id$="gridContainer"] > interact-element > * {
    margin-left: 0 !important;
    left: 0 !important;
    max-width: 100% !important;
  }

  /* Center page titles / rich text headings on mobile */
  .wixui-rich-text h1,
  .wixui-rich-text h2,
  .wixui-rich-text .font_0,
  .wixui-rich-text .font_2 {
    text-align: center !important;
  }

  .abc-site-chrome,
  .abc-chrome-bar,
  .abc-editorial-hero {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .abc-chrome-social {
    gap: 6px;
  }

  .abc-chrome-social a {
    width: 34px;
    height: 34px;
  }

  /* Inner galleries: 2 cols on phones/tablets */
  .abc-pro-gallery-grid:not(.abc-theme-gallery-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 8px 12px 28px !important;
  }

  /* Homepage theme gallery stays 3×4 on mobile */
  #pro-gallery-margin-container-comp-lcmrjr9o.abc-theme-gallery-grid,
#pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
  #pro-gallery-margin-container-comp-lcmrjr9o,
#pro-gallery-margin-container-comp-l7wq5yam,
  .abc-theme-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* Origin — center header + body on mobile */
  #comp-kkks5fp6,
  #comp-kkks5fp7 {
    width: 100% !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    text-align: center !important;
    justify-self: center !important;
  }

  #comp-kkks5fp6 .wixui-rich-text__text,
  #comp-kkks5fp6 h2,
  #comp-kkks5fp6 span,
  #comp-kkks5fp7 .wixui-rich-text__text,
  #comp-kkks5fp7 p,
  #comp-kkks5fp7 span {
    text-align: center !important;
  }

  #comp-kkks5fp7 .wixui-rich-text__text,
  #comp-kkks5fp7 p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  [data-mesh-id="comp-kkkjekvc1inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 28px 0 36px !important;
  }

  [data-mesh-id="comp-kkkjekvc1inlineContent-gridContainer"] > * {
    grid-area: auto !important;
    position: relative !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Footer — stack Contact / phone / copyright (Wix overlapped them in one grid cell) */
  #SITE_FOOTER,
  #SITE_FOOTER-placeholder {
    min-height: 0 !important;
    height: auto !important;
  }

  [data-mesh-id="SITE_FOOTERinlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 16px 36px !important;
    box-sizing: border-box !important;
  }

  [data-mesh-id="SITE_FOOTERinlineContent-gridContainer"] > *,
  [data-mesh-id="SITE_FOOTERinlineContent-gridContainer"] > interact-element > * {
    grid-area: auto !important;
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    justify-self: center !important;
  }

  #comp-kknysyj3,
  #comp-kkkfx0tk,
  #comp-kkkfx0tk1,
  #comp-kknyqo2u,
  #comp-kknyqwvv,
  #comp-kkuja77d,
  #comp-kklhs8nu {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  #comp-kknysyj3 .wixui-rich-text__text,
  #comp-kkkfx0tk .wixui-rich-text__text,
  #comp-kkkfx0tk1 .wixui-rich-text__text,
  #comp-kknysyj3 span,
  #comp-kkkfx0tk span,
  #comp-kkkfx0tk1 span,
  #comp-kkkfx0tk a,
  #comp-kkkfx0tk a span {
    text-align: center !important;
    display: inline !important;
  }

  /* Gallery berry title bar ~30% shorter again on mobile (56px → 39px), tight wrap */
  #comp-lcmrjr9o .gallery-item-common-info-outer,
#comp-l7wq5yam .gallery-item-common-info-outer,
  #comp-lcmrjr9o .gallery-item-common-info,
#comp-l7wq5yam .gallery-item-common-info,
  #comp-lcmrjr9o .gallery-item-bottom-info,
#comp-l7wq5yam .gallery-item-bottom-info {
    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
  }

  #comp-lcmrjr9o .info-element-text,
#comp-l7wq5yam .info-element-text {
    min-height: 39px !important;
    height: 39px !important;
    padding: 3px !important;
  }

  #comp-lcmrjr9o .info-element-title,
#comp-l7wq5yam .info-element-title,
  #comp-lcmrjr9o .info-element-title span,
#comp-l7wq5yam .info-element-title span,
  #comp-lcmrjr9o [data-hook="item-title"],
#comp-l7wq5yam [data-hook="item-title"],
  #comp-lcmrjr9o [data-hook="item-title"] span,
#comp-l7wq5yam [data-hook="item-title"] span {
    font-size: 10px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.02em !important;
  }

  #comp-lcmrjr9o .info-element-title,
#comp-l7wq5yam .info-element-title,
  #comp-lcmrjr9o [data-hook="item-title"],
#comp-l7wq5yam [data-hook="item-title"] {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Gallery page nav buttons (Back to Home / All Galleries) */
  [id^="comp-l7wprif"],
  [id^="comp-l7wprih"] {
    height: auto !important;
    min-height: 0 !important;
  }

  [data-mesh-id*="l7wpri"][data-mesh-id$="gridContainer"],
  [id^="comp-l7wprih"] [data-mesh-id$="gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 12px 16px 20px !important;
  }

  [id^="comp-l7wpre"],
  [id^="comp-l7wprx"],
  [id^="comp-l7wpu"] {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [id^="comp-l7wpu"] {
    display: none !important; /* empty decorative Wix button */
  }

  .wixui-button,
  a[class*="StylableButton"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Soften hover lift on touch / small screens */
  #comp-lcmrjr9o .gallery-item-container:hover,
#comp-l7wq5yam .gallery-item-container:hover,
  #comp-lcmrjr9o .gallery-item-container:focus-within,
#comp-l7wq5yam .gallery-item-container:focus-within,
  .abc-pro-gallery-grid .gallery-item-container:hover,
  .abc-pro-gallery-grid .gallery-item-container:focus-within {
    transform: translateY(-4px) scale(1.01);
    box-shadow:
      0 8px 16px rgba(28, 20, 18, 0.14),
      0 16px 32px rgba(28, 20, 18, 0.18) !important;
  }
}

@media (max-width: 640px) {
  .abc-chrome-links {
    row-gap: 2px;
  }

  .abc-chrome-link,
  .abc-chrome-dropbtn {
    font-size: 11px;
    padding: 8px 8px;
  }

  .abc-chrome-cta span {
    letter-spacing: 0.08em;
  }

  .abc-editorial-actions {
    align-items: center;
    gap: 12px;
  }

  .abc-hero-cta-btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .abc-editorial-home #comp-mqzh07h72 {
    padding-top: 24px !important;
  }
}


/* ========== Order page — hide redundant KM / OPEN banner (seal lives in chrome) ========== */
#comp-l3chzrnt,
#comp-l3chzrmh,
#comp-l3chzrn0,
#comp-l3chzrlx {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* ========== Order page — editorial composition ========== */
.abc-order-band {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 28px 40px;
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(240px, 0.95fr);
  gap: 28px 48px;
  align-items: start;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  background: var(--abc-page);
}

.abc-order-page #PAGES_CONTAINER,
.abc-order-page #SITE_PAGES,
.abc-order-page #SITE_PAGES_TRANSITION_GROUP,
.abc-order-page .wixui-page,
.abc-order-page [id^="pageBackground_"] {
  background: var(--abc-page) !important;
}

.abc-order-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.abc-order-eyebrow {
  margin: 0;
  font-family: var(--abc-font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--abc-berry);
}

.abc-order-heading {
  margin: 0;
  font-family: var(--abc-font-display);
  font-weight: 500;
  font-size: clamp(34px, 4.5vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--abc-ink);
}

.abc-order-lede {
  margin: 0;
  max-width: 42ch;
  font-family: var(--abc-font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--abc-muted);
}

.abc-order-list {
  margin: 4px 0 0;
  padding: 0 0 0 1.15em;
  max-width: 48ch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--abc-font-body);
  font-size: 15px;
  line-height: 1.5;
  color: var(--abc-ink);
}

.abc-order-list li::marker {
  color: var(--abc-berry);
}

.abc-order-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}

.abc-order-detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: inherit;
}

.abc-order-label {
  font-family: var(--abc-font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--abc-berry);
}

.abc-order-value {
  font-family: var(--abc-font-body);
  font-size: clamp(17px, 2.2vw, 21px);
  font-weight: 500;
  color: var(--abc-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.abc-order-detail:hover .abc-order-value {
  color: var(--abc-berry);
}

.abc-order-phone-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.abc-order-media {
  min-width: 0;
  overflow: hidden;
  align-self: stretch;
  min-height: 320px;
  background: var(--abc-hero-carousel-bg);
}

.abc-order-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  object-position: center;
}

.abc-order-page .abc-relocated-source {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.abc-order-page #f724g,
.abc-order-page #Containerf724g,
.abc-order-page #SITE_PAGES,
.abc-order-page #SITE_PAGES_TRANSITION_GROUP {
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 900px) {
  .abc-order-band {
    grid-template-columns: 1fr;
    padding: 20px 18px 28px;
    gap: 22px;
  }

  .abc-order-copy {
    align-items: stretch;
    text-align: left;
  }

  .abc-order-heading {
    font-size: clamp(30px, 8vw, 40px);
  }

  .abc-order-lede,
  .abc-order-list {
    max-width: none;
  }

  .abc-order-media {
    min-height: 240px;
  }

  .abc-order-photo {
    min-height: 240px;
    max-height: 320px;
  }

  /* ---- Order mobile: stack Wix column strips (Cocoa/Gluten, Flavors, etc.) ---- */
  .abc-order-page .wixui-column-strip,
  .abc-order-page #comp-kkkqb87n6,
  .abc-order-page #comp-kkkr9wv6,
  .abc-order-page #comp-kkkr9wv71,
  .abc-order-page #comp-kkkr9wv710,
  .abc-order-page #comp-kkkouh4e12 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  .abc-order-page .wixui-column-strip > [data-testid="columns"],
  .abc-order-page .wixui-column-strip > .Ak0vpt,
  .abc-order-page #comp-kkkqb87n6 > [data-testid="columns"],
  .abc-order-page #comp-kkkr9wv71 > [data-testid="columns"],
  .abc-order-page #comp-kkkr9wv710 > [data-testid="columns"],
  .abc-order-page #comp-kkkouh4e12 > [data-testid="columns"] {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    gap: 20px !important;
  }

  .abc-order-page .wixui-column-strip__column,
  .abc-order-page .FDI5TK,
  .abc-order-page #comp-kkkqb87n7,
  .abc-order-page #comp-kkkqb87o2,
  .abc-order-page #comp-kkkqb87o5,
  .abc-order-page #comp-kkkr9wv72,
  .abc-order-page #comp-kkkr9wv73,
  .abc-order-page #comp-kkkr9wv76,
  .abc-order-page #comp-kkkr9wv77,
  .abc-order-page #comp-kkkr9wv711,
  .abc-order-page #comp-kkkr9wv714,
  .abc-order-page #comp-kkkr9wv715,
  .abc-order-page #comp-kkkr9wv718,
  .abc-order-page #comp-kkkouh4e13 {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    left: 0 !important;
    --column-width: 100% !important;
    --column-flex: 100 !important;
    --height: auto !important;
  }

  .abc-order-page .wixui-column-strip__column [data-mesh-id$="gridContainer"],
  .abc-order-page .wixui-column-strip__column [data-mesh-id$="inlineContent"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .abc-order-page .wixui-column-strip__column [id^="comp-"],
  .abc-order-page .wixui-column-strip__column .wixui-rich-text,
  .abc-order-page .wixui-column-strip__column .wixui-image {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .abc-order-page .wixui-column-strip__column img,
  .abc-order-page .wixui-column-strip__column wow-image,
  .abc-order-page .wixui-column-strip__column .bgImage {
    width: 100% !important;
    max-width: min(420px, 100%) !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .abc-order-page .wixui-column-strip__column h2,
  .abc-order-page .wixui-column-strip__column h3,
  .abc-order-page .wixui-column-strip__column p,
  .abc-order-page .wixui-column-strip__column .wixui-rich-text__text {
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* SERVING SIZE chart — reserve flow height; scale image to fit width */
  .abc-order-page #comp-kkkouh4e15 {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .abc-order-page #comp-kkkouh4e15 .W4V2qg,
  .abc-order-page #comp-kkkouh4e15 .apPOZK,
  .abc-order-page #comp-kkkouh4e15 wow-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .abc-order-page #comp-kkkouh4e15 img,
  .abc-order-page img[src*="cake-servings-chart"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }

  /* Media-only columns: height comes from JS aspect sizing; keep cover fill */
  .abc-order-page #comp-kkkr9wv714,
  .abc-order-page #comp-kkkr9wv718,
  .abc-order-page #comp-kkkr9wv72,
  .abc-order-page #comp-kkkr9wv76 {
    position: relative !important;
    overflow: hidden !important;
  }

  .abc-order-page #comp-kkkr9wv714 [data-hook="bgLayers"],
  .abc-order-page #comp-kkkr9wv718 [data-hook="bgLayers"],
  .abc-order-page #comp-kkkr9wv72 [data-hook="bgLayers"],
  .abc-order-page #comp-kkkr9wv76 [data-hook="bgLayers"],
  .abc-order-page #bgLayers_comp-kkkr9wv714,
  .abc-order-page #bgLayers_comp-kkkr9wv718,
  .abc-order-page #bgLayers_comp-kkkr9wv72,
  .abc-order-page #bgLayers_comp-kkkr9wv76 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* Consistent order-page bullets (legacy Wix list, if still visible) */
#comp-kkkohipj4 li,
#comp-kkkohipj4 li p {
  font-size: 18px !important;
  line-height: 1.88em !important;
}

#comp-kkkohipj4 li::marker {
  font-size: 1em;
}

/* Center order-page email under Contact Nathalie */
#comp-kkkohipj5 {
  text-align: center !important;
  width: 100% !important;
  max-width: 490px !important;
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-self: center !important;
}

#comp-kkkohipj5 p,
#comp-kkkohipj5 .wixui-rich-text__text,
#comp-kkkohipj5 a,
#comp-kkkohipj5 span {
  text-align: center !important;
}

/* ========== Contact page — editorial composition ========== */
.abc-contact-band {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 28px 40px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(280px, 1.05fr);
  gap: 28px 48px;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  background: var(--abc-page);
}

.abc-contact-page #PAGES_CONTAINER,
.abc-contact-page #SITE_PAGES,
.abc-contact-page #SITE_PAGES_TRANSITION_GROUP,
.abc-contact-page .wixui-page,
.abc-contact-page [id^="pageBackground_"] {
  background: var(--abc-page) !important;
}

.abc-contact-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.abc-contact-eyebrow {
  margin: 0;
  font-family: var(--abc-font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--abc-berry);
}

.abc-contact-heading {
  margin: 0;
  font-family: var(--abc-font-display);
  font-weight: 500;
  font-size: clamp(36px, 4.5vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--abc-ink);
}

.abc-contact-lede {
  margin: 0;
  max-width: 36ch;
  font-family: var(--abc-font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--abc-muted);
}

.abc-contact-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin-top: 6px;
}

.abc-contact-detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: inherit;
}

.abc-contact-label {
  font-family: var(--abc-font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--abc-berry);
}

.abc-contact-value {
  font-family: var(--abc-font-body);
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 500;
  color: var(--abc-ink);
  text-decoration: underline;
  text-decoration-color: rgba(162, 32, 82, 0.35);
  text-underline-offset: 3px;
  word-break: break-word;
}

.abc-contact-detail:hover .abc-contact-value {
  color: var(--abc-berry);
  text-decoration-color: var(--abc-berry);
}

.abc-contact-phone-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

/* Shared Instagram text+icon promo (Contact, Order, homepage hero) */
.abc-instagram-promo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
  padding: 8px 0;
  text-decoration: none;
  color: var(--abc-berry);
  font-family: var(--abc-font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  transition: color 0.18s ease;
}

.abc-instagram-promo-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}

.abc-instagram-promo span {
  border-bottom: 1px solid rgba(var(--color_2), 0.35);
  padding-bottom: 1px;
}

.abc-instagram-promo:hover {
  color: var(--abc-berry-hover);
}

.abc-instagram-promo:hover span {
  border-bottom-color: var(--abc-berry-hover);
}

.abc-contact-media {
  min-width: 0;
  width: 100%;
  border-radius: var(--abc-radius);
  overflow: hidden;
  line-height: 0;
}

.abc-contact-media #comp-kkr3u14l,
.abc-contact-media .W4V2qg,
.abc-contact-media .apPOZK {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

.abc-contact-media img,
.abc-contact-photo {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.abc-contact-page .abc-relocated-source {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.abc-contact-page #czd4r,
.abc-contact-page #Containerczd4r,
.abc-contact-page #SITE_PAGES,
.abc-contact-page #SITE_PAGES_TRANSITION_GROUP {
  min-height: 0 !important;
  height: auto !important;
}

/* All Galleries page — white canvas (cards match homepage theme style) */
.abc-all-galleries-page #PAGES_CONTAINER,
.abc-all-galleries-page #SITE_PAGES,
.abc-all-galleries-page #SITE_PAGES_TRANSITION_GROUP,
.abc-all-galleries-page .wixui-page,
.abc-all-galleries-page [id^="pageBackground_"],
.abc-all-galleries-page #dq0se,
.abc-all-galleries-page #pageBackground_dq0se,
.abc-all-galleries-page #bgLayers_pageBackground_dq0se .LNYVZi {
  background: var(--abc-white) !important;
  background-color: var(--abc-white) !important;
}

.abc-all-galleries-page #PAGES_CONTAINER,
.abc-all-galleries-page #SITE_PAGES,
.abc-all-galleries-page #SITE_PAGES_TRANSITION_GROUP,
.abc-all-galleries-page #dq0se,
.abc-all-galleries-page #Containerdq0se,
.abc-all-galleries-page #comp-mqzhan8q,
.abc-all-galleries-page #BACKGROUND_GROUP,
.abc-all-galleries-page [id^="pageBackground_"],
.abc-all-galleries-page [id^="bgLayers_pageBackground_"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Breathing room under pink chrome (override Wix -150px mesh pull-up) */
.abc-all-galleries-page #SITE_PAGES {
  padding-top: 20px !important;
  box-sizing: border-box !important;
}

.abc-all-galleries-page [data-mesh-id="Containerdq0seinlineContent"],
.abc-all-galleries-page [data-mesh-id="Containerdq0seinlineContent-gridContainer"],
.abc-all-galleries-page [data-mesh-id="comp-mqzhan8qinlineContent"],
.abc-all-galleries-page [data-mesh-id="comp-mqzhan8qinlineContent-gridContainer"] {
  margin-top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  grid-template-rows: min-content min-content !important;
}

/* Empty Wix column strip reserved ~1153px beside the gallery — hide it */
.abc-all-galleries-page #comp-l7wq01hv,
.abc-all-galleries-page #comp-l7wq01jm,
.abc-all-galleries-page [data-mesh-id="comp-l7wq01jminlineContent"],
.abc-all-galleries-page [data-mesh-id="comp-l7wq01jminlineContent-gridContainer"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.abc-all-galleries-page #comp-mqzhan8q,
.abc-all-galleries-page #comp-l9liymrw,
.abc-all-galleries-page #comp-l7wq01hv {
  min-width: 0 !important;
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
}

.abc-all-galleries-page #comp-l7wq5yam {
  background: transparent !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  height: auto !important;
  min-height: 0 !important;
  position: relative !important;
  grid-area: auto !important;
  justify-self: center !important;
}

.abc-all-galleries-page #gallery-wrapper-comp-l7wq5yam,
.abc-all-galleries-page #pro-gallery-comp-l7wq5yam,
.abc-all-galleries-page #pro-gallery-container-comp-l7wq5yam,
.abc-all-galleries-page #pro-gallery-margin-container-comp-l7wq5yam {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.abc-all-galleries-page #pro-gallery-margin-container-comp-l7wq5yam.abc-theme-gallery-grid,
.abc-all-galleries-page #pro-gallery-margin-container-comp-l7wq5yam {
  padding-bottom: 8px !important;
}

/* Back to Home strip — sit tight under the grid */
.abc-all-galleries-page #comp-l9liymrw,
.abc-all-galleries-page #comp-l9liymtg {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 8px !important;
  left: auto !important;
  position: relative !important;
}

.abc-all-galleries-page [data-mesh-id="comp-l9liymtginlineContent-gridContainer"] {
  grid-template-rows: min-content !important;
  height: auto !important;
  min-height: 0 !important;
}

.abc-all-galleries-page #comp-l9liz73b {
  margin: 12px auto 16px !important;
  left: auto !important;
  justify-self: center !important;
}

/* ========== Homepage — Instagram editorial notice ========== */
.abc-instagram-notice {
  width: 100%;
  margin: 12px 0 0;
  padding: 40px 28px 44px;
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(var(--color_2), 0.08), transparent 70%),
    var(--abc-instagram-bg);
  text-align: center;
}

.abc-instagram-inner {
  max-width: 36rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.abc-instagram-eyebrow {
  margin: 0;
  font-family: var(--abc-font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--abc-berry);
}

.abc-instagram-heading {
  margin: 0;
  font-family: var(--abc-font-display);
  font-weight: 500;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--abc-ink);
}

.abc-instagram-lede {
  margin: 0;
  max-width: 38ch;
  font-family: var(--abc-font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--abc-muted);
}

.abc-instagram-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 14px 22px;
  border-radius: 0;
  font-family: var(--abc-font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--abc-white);
  background: var(--abc-berry);
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.abc-instagram-cta:hover {
  background: var(--abc-berry-hover);
  color: var(--abc-white);
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .abc-instagram-notice {
    margin-top: 8px;
    padding: 32px 16px 36px;
  }

  .abc-instagram-heading {
    font-size: clamp(26px, 7vw, 34px);
  }

  .abc-instagram-cta {
    width: 100%;
    max-width: 280px;
  }

  .abc-contact-band {
    grid-template-columns: 1fr;
    max-width: 100%;
    width: 100%;
    padding: 20px 16px 28px;
    gap: 22px;
    background: var(--abc-white);
  }

  .abc-contact-copy {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 8px 4px 4px;
  }

  .abc-contact-lede {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .abc-contact-details {
    align-items: center;
  }

  .abc-contact-detail {
    align-items: center;
  }

  .abc-contact-phone-group,
  .abc-order-phone-group {
    align-items: center;
    width: 100%;
  }

  .abc-instagram-promo {
    justify-content: center;
    text-align: center;
  }

  .abc-contact-media {
    max-width: 100%;
  }

  .abc-contact-heading {
    font-size: clamp(30px, 8vw, 40px);
  }
}