/* Premium visual layer shared by the sellable demo templates. */
.hero{isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero>div:not(.grid-bg),.hero aside{position:relative;z-index:1}
.template-marketing-agency .hero{background:linear-gradient(90deg,rgba(10,10,10,.2),rgba(10,10,10,.78)),url("../marketing-agency/assets/images/hero-team.jpg") center/cover no-repeat;color:#fff}
.template-marketing-agency .hero:before{background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.35))}
.template-marketing-agency .hero aside{background:rgba(18,18,18,.62);backdrop-filter:blur(12px);padding:35px;border:1px solid #ffffff30;border-radius:22px}
.template-marketing-agency .hero h1 em{color:#ff6a46}
.template-marketing-agency .hero .primary{background:#ff4d24}
.template-gym-fitness .hero{display:block;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.1)),url("../gym-fitness/assets/images/hero-training.jpg") center/cover no-repeat}
.template-gym-fitness .hero-copy{max-width:760px;min-height:760px;display:flex;flex-direction:column;justify-content:center}
.template-gym-fitness .hero-art{display:none}
.template-restaurant .hero{background:linear-gradient(90deg,rgba(20,27,22,.15),rgba(20,27,22,.76)),url("../restaurant/assets/images/hero-dining.jpg") center/cover no-repeat}
.template-restaurant .hero:before{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.35))}
.template-medical-clinic .hero{display:block;background:linear-gradient(90deg,rgba(232,244,240,.03),rgba(232,244,240,.97) 68%),url("../medical-clinic/assets/images/hero-doctor.jpg") center/cover no-repeat}
.template-medical-clinic .hero>div:first-of-type{max-width:760px;margin-inline-start:auto;min-height:620px;display:flex;flex-direction:column;justify-content:center}
.template-medical-clinic .doctor-art{display:none}
.template-real-estate .hero{background:linear-gradient(90deg,rgba(16,44,39,.05),rgba(16,44,39,.78)),url("../real-estate/assets/images/hero-villa.jpg") center/cover no-repeat}
.template-real-estate .search{box-shadow:0 22px 55px rgba(9,31,27,.3)}
.template-software-company .hero{display:block;background:linear-gradient(90deg,rgba(8,15,29,.95) 0%,rgba(8,15,29,.54) 48%,rgba(8,15,29,.08)),url("../software-company/assets/images/hero-team.jpg") center/cover no-repeat}
.template-software-company .hero>div:nth-of-type(2){max-width:760px;min-height:620px;display:flex;flex-direction:column;justify-content:center}
.template-software-company .hero aside,.template-software-company .grid-bg{display:none}
.template-software-company .hero h1{font-size:clamp(3.7rem,6.5vw,7rem)}
html[dir="rtl"] .template-medical-clinic .hero{text-align:right}
html[dir="rtl"] .template-software-company .hero>div:nth-of-type(2){margin-inline-end:auto;margin-inline-start:0}

/* Real imagery for content sections — replaces demo initials and colour blocks. */
.template-marketing-agency .visual{position:relative;overflow:hidden;background-size:cover;background-position:center;color:transparent;border-radius:4px;box-shadow:0 18px 45px rgba(23,23,23,.14)}
.template-marketing-agency .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}
.template-marketing-agency .v1{background-image:url("../marketing-agency/assets/images/campaign-showcase.jpg")}
.template-marketing-agency .v2{background-image:url("../marketing-agency/assets/images/hero-team.jpg");background-position:42% center}
.template-marketing-agency .v3{background-image:url("../marketing-agency/assets/images/campaign-showcase.jpg");background-position:78% center}

.template-gym-fitness .coaches article div{background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55)),url("../gym-fitness/assets/images/coaches-team.jpg");background-size:cover;color:transparent;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.template-gym-fitness .coaches article:nth-child(1) div{background-position:18% center}
.template-gym-fitness .coaches article:nth-child(2) div{background-position:50% center}
.template-gym-fitness .coaches article:nth-child(3) div{background-position:82% center}
.template-gym-fitness .gallery div{position:relative;background-size:cover;background-position:center;color:#fff;text-shadow:0 2px 14px #000;isolation:isolate}
.template-gym-fitness .gallery div:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68));z-index:-1}
.template-gym-fitness .gallery div:nth-child(1),.template-gym-fitness .gallery div:nth-child(3){background-image:url("../gym-fitness/assets/images/hero-training.jpg")}
.template-gym-fitness .gallery div:nth-child(2),.template-gym-fitness .gallery div:nth-child(4){background-image:url("../gym-fitness/assets/images/coaches-team.jpg")}
.template-gym-fitness .gallery div:nth-child(2){background-position:32% center}
.template-gym-fitness .gallery div:nth-child(3){background-position:75% center}
.template-gym-fitness .gallery div:nth-child(4){background-position:70% center}

.template-restaurant .photo,.template-restaurant .portrait{background-size:cover;background-position:center;color:transparent;box-shadow:0 22px 55px rgba(33,59,49,.18)}
.template-restaurant .photo{background-image:url("../restaurant/assets/images/hero-dining.jpg");background-position:32% center}
.template-restaurant .portrait{background-image:url("../restaurant/assets/images/chef-maya.jpg");background-position:center 22%}
.template-restaurant .dish{background-size:cover;background-position:center;color:transparent;border:8px solid #f4efe5;box-shadow:0 18px 45px rgba(33,59,49,.17)}
.template-restaurant .d1{background-image:url("../restaurant/assets/images/hero-dining.jpg");background-position:18% center}
.template-restaurant .d2{background-image:url("../restaurant/assets/images/hero-dining.jpg");background-position:52% center}
.template-restaurant .d3{background-image:url("../restaurant/assets/images/chef-maya.jpg");background-position:70% center}
.template-restaurant .gallery div{position:relative;background-size:cover;background-position:center;color:#fff!important;text-shadow:0 2px 15px #000;isolation:isolate}
.template-restaurant .gallery div:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,41,32,.05),rgba(20,41,32,.7));z-index:-1}
.template-restaurant .gallery div:nth-child(1),.template-restaurant .gallery div:nth-child(3){background-image:url("../restaurant/assets/images/hero-dining.jpg")}
.template-restaurant .gallery div:nth-child(2),.template-restaurant .gallery div:nth-child(4){background-image:url("../restaurant/assets/images/chef-maya.jpg")}
.template-restaurant .gallery div:nth-child(2){background-position:32% center}
.template-restaurant .gallery div:nth-child(3){background-position:75% center}
.template-restaurant .gallery div:nth-child(4){background-position:68% center}

.template-medical-clinic .portrait{background-image:url("../medical-clinic/assets/images/hero-doctor.jpg");background-size:cover;background-position:center top;color:transparent;box-shadow:0 22px 55px rgba(23,59,54,.16)}
.template-medical-clinic .reviews{position:relative;background:linear-gradient(90deg,rgba(250,252,251,.96),rgba(250,252,251,.78)),url("../medical-clinic/assets/images/family-consultation.jpg") center/cover no-repeat}

.template-real-estate .home{position:relative;background-size:cover;background-position:center;color:#fff;isolation:isolate;overflow:hidden}
.template-real-estate .home:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,27,.08),rgba(10,30,27,.6));z-index:-1}
.template-real-estate .home b{color:transparent}
.template-real-estate .h1{background-image:url("../real-estate/assets/images/hero-villa.jpg");background-position:30% center}
.template-real-estate .h2{background-image:url("../real-estate/assets/images/villa-interior.jpg")}
.template-real-estate .h3{background-image:url("../real-estate/assets/images/hero-villa.jpg");background-position:75% center}
.template-real-estate .about-art{background-image:linear-gradient(180deg,rgba(23,44,41,.04),rgba(23,44,41,.28)),url("../real-estate/assets/images/villa-interior.jpg");background-size:cover;background-position:center;color:transparent;box-shadow:0 22px 55px rgba(23,44,41,.15)}

.template-software-company .work figure{position:relative;background-size:cover;background-position:center;color:transparent;overflow:hidden;box-shadow:0 20px 50px rgba(8,15,29,.18)}
.template-software-company .work article:nth-child(1) figure{background-image:url("../software-company/assets/images/product-dashboard.jpg")}
.template-software-company .work article:nth-child(2) figure{background-image:url("../software-company/assets/images/hero-team.jpg");background-position:55% center}
@media(max-width:850px){.template-marketing-agency .hero{background-position:40% center}
.template-marketing-agency .hero aside{margin-top:35px}
.template-gym-fitness .hero-copy,.template-medical-clinic .hero>div:first-of-type,.template-software-company .hero>div:nth-of-type(2){min-height:680px}
.template-medical-clinic .hero{background-position:28% center}
.template-real-estate .hero{background-position:35% center}
.template-software-company .hero{background-position:58% center}
}