/* FINAL - STRONG PHOTO BACKGROUND - OLD LAYOUT KEPT */
.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:1fr 1fr 1fr
}
.hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(0.4)
}
.hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(15,23,42,0.3) 0%,rgba(15,23,42,0.85) 75%,#0f172a 100%)
}
header .relative.z-10{
  position:relative;
  z-index:2
}

#building-services,#web-services,#packages,#why-website,#founder,#timeline,#reviews,#portfolio,#maintenance,#my-receipts{
  position:relative;
  isolation:isolate
}
#building-services::before,#web-services::before,#packages::before,#why-website::before,#founder::before,#timeline::before,#reviews::before,#portfolio::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-size:cover;
  background-position:center;
  opacity:0.32;
  filter:brightness(0.7) saturate(1.1)
}
#building-services::before{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1000&q=80')}
#web-services::before{background-image:url('https://images.unsplash.com/photo-1547658719-da2b51169166?w=1000&q=80')}
#packages::before{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1000&q=80')}
#why-website::before{background-image:url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1000&q=80')}
#founder::before{background-image:url('https://images.unsplash.com/photo-1541888946425-d81bb19240f6?w=1000&q=80')}
#timeline::before{background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1000&q=80')}
#reviews::before{background-image:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=1000&q=80')}
#portfolio::before{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1000&q=80')}

#building-services .bg-cardBg,#web-services .bg-cardBg,#packages .bg-cardBg,#why-website .bg-cardBg,#founder .bg-cardBg,#timeline .bg-cardBg,#reviews .bg-cardBg,#portfolio .bg-cardBg{
  background:rgba(30,41,59,0.86)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.12)!important
}

.float-anim{animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.lucide{width:14px;height:14px;display:inline-block;vertical-align:middle}

/* Receipt Print - OLD LAYOUT KEPT */
@media print{
  body *{visibility:hidden}
  #receiptPreview,#receiptPreview *{visibility:visible}
  #receiptPreview{position:absolute;left:0;top:0;width:100%;margin:0}
  .print\:hidden{display:none!important}
}