/** Shopify CDN: Minification failed

Line 47:11 Expected identifier but found whitespace
Line 47:12 Unexpected "linear-gradient("

**/
.novo-ib {
  padding-top: var(--novo-ib-pad-top);
  padding-bottom: var(--novo-ib-pad-bottom);
}

.novo-ib__media {
  position: relative;
  width: 100%;
  height: var(--novo-ib-h-desktop);
  border-radius: var(--novo-ib-radius);
  overflow: hidden;
  background: #ddd;
}

/* Imagine reală, nu background */
.novo-ib__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--novo-ib-bg-x, 75%) var(--novo-ib-bg-y, 35%);
  transform: translateZ(0);
}

@media (max-width: 989px) {
  .novo-ib__media { height: var(--novo-ib-h-tablet); }
  .novo-ib__img {
    object-position: var(--novo-ib-bg-x-md, var(--novo-ib-bg-x, 75%)) var(--novo-ib-bg-y-md, var(--novo-ib-bg-y, 35%));
  }
}

@media (max-width: 749px) {
  .novo-ib__media { height: var(--novo-ib-h-mobile); }
  .novo-ib__img {
    object-position: var(--novo-ib-bg-x-sm, var(--novo-ib-bg-x-md, 72%)) var(--novo-ib-bg-y-sm, var(--novo-ib-bg-y-md, 18%));
  }
}

/* ===== OVERLAY: text-left (gradient alb pentru lizibilitate) ===== */
background: linear-gradient(
  to right,
  rgba(255,255,255,0.92) 0%,
  rgba(255,255,255,0.85) 35%,
  rgba(255,255,255,0.65) 55%,
  rgba(255,255,255,0.35) 70%,
  rgba(255,255,255,0.00) 85%
);

.novo-ib__container {
  position: relative;
  max-width: var(--novo-ib-content-width);
  margin: 0 auto;
  z-index: 3;
}

.novo-ib__grid {
  display: grid;
  align-items: center;
  height: 100%;
  padding: 0 20px;
}

@media (min-width: 990px) {
  .novo-ib__grid { grid-template-columns: 1.1fr 0.9fr; padding: 0 40px; }
  .novo-ib__grid--text-right { grid-template-columns: 0.9fr 1.1fr; }
}

/* Content positioning */
.novo-ib__content{
  position: relative;
  z-index: 3;
}

.novo-ib__content::before{
  content: "";
  position: absolute;
  inset: -30px -40px -40px -40px;
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  z-index: -1;
}
.novo-ib__content--center { margin-left: auto; margin-right: auto; text-align: center; }
.novo-ib__content--left { text-align: left; }
.novo-ib__content--right { margin-left: auto; text-align: right; }

.novo-ib__stack {
  display: flex;
  flex-direction: column;
  gap: 10px; /* era 12px: densitate vizuală mai bună */
}

/* Typography desktop */
.novo-ib__h1 {
  margin: 0;
  font-size: var(--novo-ib-heading-size);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--novo-ib-heading-color);
  font-weight: 600;
}
.novo-ib__h2 {
  margin: 0;
  font-size: var(--novo-ib-highlight-size);
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.novo-ib__highlight { color: var(--novo-ib-highlight-color); }

.novo-ib__h3 {
  margin: 0;
  font-size: var(--novo-ib-h3-size);
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--novo-ib-h3-color);
  opacity: 1; /* important: nu mai pare “disabled” */
}

/* Subtext */
.novo-ib__subtext {
  color: var(--novo-ib-subtext-color);
  font-size: var(--novo-ib-subtext-size);
  line-height: 1.6;
  max-width: 58ch;
}

/* Checks */
.novo-ib__checks {
  display: grid;
  gap: 10px;
  margin-top: 4px; /* era 6px */
}
.novo-ib__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--novo-ib-heading-color);
  font-size: 14px;
  line-height: 1.5;
}
.novo-ib__checkicon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(63, 124, 113, 0.12);
}
.novo-ib__checkicon svg {
  width: 16px;
  height: 16px;
  fill: var(--novo-ib-highlight-color);
}

/* Buttons */
.novo-ib__buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 8px; /* era 10px */
}

.novo-ib__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.novo-ib__btn--primary {
  background: var(--novo-ib-btn1-bg);
  color: var(--novo-ib-btn1-text);
  border: 1px solid transparent;
  box-shadow: 0 14px 28px rgba(0,0,0,0.12); /* CTA mai prezent */
}

.novo-ib__btn--secondary {
  background: var(--novo-ib-btn2-bg);
  color: var(--novo-ib-btn2-text);
  border: 1px solid var(--novo-ib-btn2-border);
}

.novo-ib__btn:hover { transform: translateY(-1px); }

.novo-ib__btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0,0,0,0.14);
}

.novo-ib__arrow { transform: translateX(0); transition: transform .18s ease; }
.novo-ib__btn--primary:hover .novo-ib__arrow { transform: translateX(3px); }

/* Icon badges */
.novo-ib__iconbadges {
  display: flex;
  flex-wrap: nowrap;       /* IMPORTANT: nu mai rupe pe rânduri */
  align-items: center;
  gap: 24px;               /* puțin mai aerisit decât 18, dar stabil */
  margin-top: 16px;        /* mai aproape de CTA */
  color: var(--novo-ib-badge-text);
  font-size: 12px;
  opacity: 1;
}

/* fiecare badge să nu se rupă în interior */
.novo-ib__iconbadge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;     /* IMPORTANT: textul rămâne pe o linie */
  flex: 0 0 auto;
}

.novo-ib__iconbadge svg {
  width: 18px;
  height: 18px;
  stroke: var(--novo-ib-badge-icon);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 749px) {
  .novo-ib__iconbadges {
    flex-wrap: wrap;     /* pe mobil e ok să se rupă */
    gap: 12px;
  }
}

/* Motion: up and forward */
.novo-ib__reveal {
  opacity: 0;
  transform: translate3d(-10px, 14px, 0);
  transition: opacity .55s ease, transform .55s ease;
  will-change: transform, opacity;
}
.novo-ib.is-visible .novo-ib__reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.novo-ib__grid--text-right .novo-ib__reveal {
  transform: translate3d(10px, 14px, 0);
}

/* =========================
   MOBILE (<= 749px)
   ========================= */
@media (max-width: 749px) {

  /* HERO height */
  .novo-ib__media {
    height: var(--novo-ib-h-mobile);
  }

  /* Overlay: vertical, mai puțin “placă albă”, mai multă imagine */
  .novo-ib__overlay{
    background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.88) 0%,
      rgba(255,255,255,0.82) 35%,
      rgba(255,255,255,0.70) 65%,
      rgba(255,255,255,0.55) 100%
    );
  }

  /* Content: aer, fără translate pe mobil */
  .novo-ib__content{
    max-width: 100%;
    transform: none;
  }

  /* Stack spacing (ritm vertical) */
  .novo-ib__stack{
    gap: 12px;
  }

  /* Headings */
  .novo-ib__h1{
    font-size: 36px;
    line-height: 1.08;
    margin: 0 0 10px 0;
  }

  .novo-ib__h2{
    font-size: 36px;
    line-height: 1.08;
    margin: 0 0 12px 0;
  }

  /* “Ingredientele, la fel.” */
  .novo-ib__h3{
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 10px 0;
    opacity: 1;
  }

  /* Subtext */
  .novo-ib__subtext{
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 14px 0;
    max-width: 38ch;
  }

  /* Checks list */
  .novo-ib__checks{
    gap: 10px;
    margin-top: 6px;
  }

  .novo-ib__check{
    font-size: 14px;
    line-height: 1.5;
    gap: 10px;
  }

  /* Buttons: full width */
  .novo-ib__buttons{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 18px;
  }

  .novo-ib__btn{
    width: 100%;
    padding: 14px 18px;
    border-radius: 10px;
    justify-content: space-between; /* să stea săgeata la dreapta */
  }

  /* Badge-urile: pe mobil au voie să se rupă, dar frumos */
  .novo-ib__iconbadges{
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-top: 16px;
    font-size: 12px;
    opacity: 1;
  }

  .novo-ib__iconbadge{
    white-space: nowrap;
    flex: 0 0 auto;
  }
}