/* ===== Fashiontiek ink background - zonder witte rand ===== */

.ink,
.ink-1,
.ink-2{
  display:none !important;
}

.hero{
  position:relative !important;
  overflow:hidden !important;
}

.hero::before{
  opacity:0 !important;
}

.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:210px;
  background-image:url("/assets/images/ink-bg_1.png?v=14");
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center bottom;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:1;
  transform:rotate(180deg) !important;
  transform-origin:center center;

  /* haalt de harde witte rand weg */
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.25) 18%, black 42%, black 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.25) 18%, black 42%, black 100%);

  opacity:.16;
}

.hero-left,
.hero-right,
.hero-stats,
.stat-box,
.hero-actions,
.photo-card{
  position:relative;
  z-index:3;
}

.stat-box{
  background:rgba(255,253,250,.96) !important;
  border:1px solid rgba(17,17,17,.10) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.035);
}

@media (max-width:980px){
  .hero::after{
    bottom:-4px;
    height:185px;
    background-size:125% auto;
    opacity:.13;
  }
}

@media (max-width:680px){
  .hero::after{
    bottom:0;
    height:150px;
    background-size:160% auto;
    opacity:.11;
  }
}