/* Meet Marco page background with fabric texture */
body.view-category.meet-marco,
body.itemid-183 {
  background: linear-gradient(to right, #ababab 0%, #375376 50%, #ababab 100%);
  background-attachment: fixed;
  background-size: 200% 200%;
  animation: gradientShift 15s ease infinite;

/* white-text contract in module advanced>class suffix */
.white-text {
  color: #ffffff;
}
.white-text h1,
.white-text h2,
.white-text h3 {
  color: #ffffff;
}
   
  /* Overlay texture */
  position: relative;
}

body.view-category.meet-marco::before,
body.itemid-183::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 2px, transparent 2px, transparent 6px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 2px, transparent 2px, transparent 6px);
  pointer-events: none; /* don’t block clicks */
  z-index: 0;
}

/* Animate gradient */
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hide the misleading Payment Price line in checkout step 4
.ph-checkout-payment-brutto,
.ph-checkout-payment-brutto-txt,
.ph-right.ph-checkout-payment-cost-info,
.ph-checkout-payment-cost-info-txt {
    color: #fdfefa; /* match your background gradient light color */
}

/* white-text contract in module advanced>class suffix */
.white-text {
  color: #ffffff;
}
.white-text h1,
.white-text h2,
.white-text h3 {
  color: #ffffff;
}
/* White box for Notebook page */
body.notebook-page #content {
  background-color: #ffffff;
  color: #000000;
  padding: 20px;
}