/* Bella watermark texture v7 — very subtle, small, and decorative only. */
:root{
  --bella-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='140' viewBox='0 0 220 140'%3E%3Ctext x='28' y='43' fill='%23ead7c3' fill-opacity='.038' font-family='Georgia,serif' font-size='12' font-style='italic' transform='rotate(-7 28 43)'%3EBella%3C/text%3E%3Ctext x='142' y='112' fill='%23ead7c3' fill-opacity='.032' font-family='Georgia,serif' font-size='10' font-style='italic' transform='rotate(-7 142 112)'%3EBella%3C/text%3E%3C/svg%3E");
}

/* Apply only to the existing dark-brown hero/header surfaces. No layout changes. */
header,
.brand-photo,
.hero-carousel,
.hero-slide.hero-drink,
.hero-controls{
  background-image:var(--bella-watermark);
  background-repeat:repeat;
  background-position:0 0;
}

/* Keep the clean white brand slide and all photos untouched. */
.hero-slide.hero-brand{
  background-image:none;
}
.hero-drink-image{
  background-image:none;
}

/* Ensure all real UI/content stays above the decorative texture. */
header > *,
.hero-carousel > *,
.hero-slide > *,
.hero-controls > *{
  position:relative;
  z-index:1;
}