/* =========================================================
   V23 – Clean White + Beige
   Background photography removed everywhere.
   Product images remain untouched.
   ========================================================= */

:root{
  --cream:#f6f1e8;
  --cream-2:#fbf8f2;
  --warm-line:#e7dfd2;
  --warm-text:#6a6258;
}

/* Global hero backgrounds: no photos */
.hero,
.page-hero,
.catalog-hero,
.yiy-bg-hero,
.home-real-hero{
  background:
    radial-gradient(circle at 85% 15%, rgba(226,35,26,.035), transparent 24%),
    linear-gradient(120deg, #ffffff 0%, var(--cream-2) 55%, var(--cream) 100%) !important;
  background-image:
    radial-gradient(circle at 85% 15%, rgba(226,35,26,.035), transparent 24%),
    linear-gradient(120deg, #ffffff 0%, var(--cream-2) 55%, var(--cream) 100%) !important;
  color:#15181d !important;
  border-bottom:1px solid var(--warm-line) !important;
  filter:none !important;
}

/* Remove all photo overlays / pseudo-photo layers */
.yiy-bg-hero::before,
.yiy-bg-hero::after,
.home-real-hero::before,
.home-real-hero::after,
.home-real-hero .hero-photo-overlay{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Hide any former homepage background image only */
.home-real-hero .official-hero-bg{
  display:none !important;
}

/* Typography returns to dark text on light hero */
.yiy-bg-hero h1,
.yiy-bg-hero h2,
.yiy-bg-hero h3,
.home-real-hero h1,
.home-real-hero h2,
.home-real-hero h3{
  color:#15181d !important;
  text-shadow:none !important;
}

.yiy-bg-hero .lead,
.yiy-bg-hero p,
.home-real-hero .lead,
.home-real-hero p{
  color:#5f625f !important;
  text-shadow:none !important;
}

.yiy-bg-hero .kicker,
.home-real-hero .kicker{
  color:var(--red) !important;
}

.yiy-bg-hero .kicker::before,
.home-real-hero .kicker::before{
  background:var(--red) !important;
}

/* Chips on cream */
.yiy-bg-hero .chip,
.home-real-hero .chip{
  background:rgba(255,255,255,.74) !important;
  color:#3f4449 !important;
  border:1px solid var(--warm-line) !important;
  backdrop-filter:none !important;
}

/* Secondary outline buttons on light backgrounds */
.yiy-bg-hero .btn-outline,
.yiy-bg-hero .btn.alt,
.home-real-hero .btn-outline{
  color:#20242a !important;
  border-color:#bfc3c7 !important;
  background:rgba(255,255,255,.70) !important;
  backdrop-filter:none !important;
}
.yiy-bg-hero .btn-outline:hover,
.yiy-bg-hero .btn.alt:hover,
.home-real-hero .btn-outline:hover{
  color:var(--red) !important;
  border-color:var(--red) !important;
  background:#fff !important;
}

/* Technical cards stay premium but light */
.yiy-bg-hero .hero-card{
  background:rgba(255,255,255,.88) !important;
  color:#171a1f !important;
  border:1px solid var(--warm-line) !important;
  border-left:5px solid var(--red) !important;
  box-shadow:0 18px 45px rgba(30,25,18,.07) !important;
  backdrop-filter:none !important;
}
.yiy-bg-hero .hero-card p{
  color:#62666b !important;
}
.yiy-bg-hero .checks div{
  border-color:var(--warm-line) !important;
}

/* IMPORTANT: product image containers remain visible and untouched */
.hero-image{
  background:#fff !important;
  border:1px solid var(--warm-line) !important;
  box-shadow:0 18px 45px rgba(30,25,18,.07) !important;
}
.hero-image::before{
  background:rgba(226,35,26,.04) !important;
}

/* Beige alternating sections */
.soft{
  background:var(--cream-2) !important;
}
section:not(.hero):not(.page-hero):not(.catalog-hero):not(.cta):nth-of-type(even){
  border-color:var(--warm-line);
}

/* Cards with warmer border tone */
.product-card,
.cat,
.app,
.card,
.scenario,
.download-card,
.case-card,
.form-card,
.source-note{
  border-color:var(--warm-line) !important;
}

/* Homepage hero sizing after removing background photography */
.home-real-hero{
  min-height:610px !important;
}
.home-real-hero .hero-grid{
  min-height:610px !important;
}
.home-real-hero .hero-copy{
  max-width:820px;
}
.home-real-hero .hero-brand-space{
  position:relative;
  min-height:420px;
}
.home-real-hero .hero-brand-space::before{
  content:"";
  position:absolute;
  width:min(420px,80%);
  aspect-ratio:1;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle, rgba(226,35,26,.055) 0 34%, transparent 35%),
    radial-gradient(circle, transparent 0 55%, rgba(226,35,26,.045) 56% 57%, transparent 58%);
}
.home-real-hero .official-photo-label{
  display:none !important;
}

/* Catalog hero clean sizing */
.catalog-hero{
  min-height:360px !important;
  padding:64px 0 !important;
}

/* Mobile */
@media(max-width:900px){
  .hero,
  .page-hero,
  .catalog-hero,
  .yiy-bg-hero,
  .home-real-hero{
    background:
      linear-gradient(145deg,#fff 0%,var(--cream-2) 72%,var(--cream) 100%) !important;
    background-image:
      linear-gradient(145deg,#fff 0%,var(--cream-2) 72%,var(--cream) 100%) !important;
  }
  .home-real-hero,
  .home-real-hero .hero-grid{
    min-height:auto !important;
  }
  .home-real-hero .hero-brand-space{
    min-height:180px;
  }
}

@media(max-width:600px){
  .home-real-hero .hero-brand-space{
    display:none !important;
  }
  .home-real-hero .hero-copy{
    padding:58px 0 48px !important;
  }
  .catalog-hero{
    min-height:300px !important;
    padding:48px 0 !important;
  }
}