body[data-site-short-code="mockwin"]{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
body[data-site-short-code="mockwin"] main#main-content{
overflow-x:clip;
max-width:100%;
}
body[data-site-short-code="mockwin"] .section-container{
max-width:100%;
box-sizing:border-box;
}
body[data-site-short-code="mockwin"] .mw-hd{
background:rgba(255,255,255,.92)!important;
-webkit-backdrop-filter:saturate(180%) blur(18px)!important;
backdrop-filter:saturate(180%) blur(18px)!important;
border-bottom:1px solid rgba(76,29,149,.08)!important;
box-shadow:0 1px 0 rgba(255,255,255,.8),0 12px 40px -28px rgba(49,27,107,.35)!important;
}
body[data-site-short-code="mockwin"] .mw-hd-bar{
max-width:min(1240px,94vw)!important;
padding-block:12px!important;
}
body[data-site-short-code="mockwin"] .mw-hd-nav a{
font-weight:600!important;
letter-spacing:.01em!important;
}
body[data-site-short-code="mockwin"] .mw-hd-signup,
body[data-site-short-code="mockwin"] .mw-hd-account{
border-radius:999px!important;
padding:.72rem 1.25rem!important;
box-shadow:0 10px 28px -12px rgba(76,29,149,.55)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{
padding-block:clamp(2.25rem,5vw,3.75rem)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-premium-grid--split-compact{
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(250px,.88fr)!important;
gap:clamp(1.1rem,2.6vw,1.85rem)!important;
align-items:center!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-copy--split{
text-align:left!important;
margin-inline:0!important;
max-width:none!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-mesh{
background:
radial-gradient(ellipse 70% 55% at 50% -8%,rgba(237,233,254,.95) 0%,transparent 62%),
radial-gradient(ellipse 45% 35% at 100% 20%,rgba(196,181,253,.35) 0%,transparent 55%),
radial-gradient(ellipse 40% 30% at 0% 80%,rgba(221,214,254,.4) 0%,transparent 50%),
linear-gradient(180deg,#fcfbff 0%,#fff 55%,#fefefe 100%)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-title-display{
font-size:clamp(1.65rem,2.85vw,2.4rem)!important;
line-height:1.12!important;
letter-spacing:-.03em!important;
max-width:none!important;
margin-inline:0!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-lead{
font-size:clamp(.9rem,1.35vw,1.02rem)!important;
line-height:1.55!important;
color:#4c4668!important;
max-width:none!important;
margin-inline:0!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-chips,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
justify-content:flex-start!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
padding:.45rem 1rem .45rem .65rem!important;
border-radius:999px!important;
background:rgba(255,255,255,.85)!important;
border:1px solid rgba(124,58,237,.14)!important;
box-shadow:0 4px 18px rgba(76,29,149,.08)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions .mw-btn-primary{
min-width:11.5rem;
justify-content:center;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--split,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--cinema{
max-width:100%!important;
width:100%!important;
margin-inline:0!important;
padding:0!important;
box-sizing:border-box!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-stage{
aspect-ratio:4/5!important;
min-height:0!important;
max-height:min(380px,48vh)!important;
border-radius:1.15rem!important;
box-shadow:
0 28px 56px -28px rgba(49,27,107,.42),
0 0 0 1px rgba(255,255,255,.75) inset,
0 0 0 1px rgba(124,58,237,.08)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slide{
aspect-ratio:4/5!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-float-card{
border-radius:1.15rem!important;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(255,255,255,.9)!important;
box-shadow:0 20px 50px -24px rgba(76,29,149,.35),0 0 0 1px rgba(124,58,237,.06)!important;
max-width:min(260px,38vw)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav{
width:2.75rem!important;
height:2.75rem!important;
border:1px solid rgba(124,58,237,.12)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"] .mw-card{
border-radius:1.35rem!important;
box-shadow:0 32px 64px -36px rgba(30,18,72,.55)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"] h3{
font-variant-numeric:tabular-nums;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"]{
background:linear-gradient(180deg,#fff 0%,#faf9ff 100%)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card{
border-radius:1.15rem!important;
border:1px solid rgba(124,58,237,.1)!important;
box-shadow:0 12px 36px -20px rgba(76,29,149,.2)!important;
transition:transform .25s ease,box-shadow .25s ease!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card:hover{
transform:translateY(-4px)!important;
box-shadow:0 18px 44px -18px rgba(76,29,149,.28)!important;
}
body[data-site-short-code="mockwin"] .mw-features-premium{
background:linear-gradient(180deg,#faf9ff 0%,#fff 45%,#fff 100%)!important;
}
body[data-site-short-code="mockwin"] .mw-features-card{
border-radius:1.2rem!important;
border:1px solid rgba(124,58,237,.1)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_cta_strip"] .mw-card,
body[data-site-short-code="mockwin"] .mw-about-cta-premium{
border-radius:1.35rem!important;
}
body[data-site-short-code="mockwin"] .mw-shell,
body[data-site-short-code="mocwin"] .mw-shell{
padding-inline:clamp(1rem,3vw,1.5rem)!important;
box-sizing:border-box!important;
}
@media(max-width:900px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-premium-grid--split-compact{
grid-template-columns:1fr!important;
gap:1.35rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--split{
max-width:min(320px,88vw)!important;
margin-inline:auto!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-copy--split{
text-align:center!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-title-display,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-lead{
text-align:center!important;
margin-inline:auto!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-chips,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
justify-content:center!important;
}
}
@media(max-width:980px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-float-card{max-width:min(220px,52vw)!important}
body[data-site-short-code="mockwin"] .mw-hd-nav{display:none}
}
@media(max-width:560px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{padding-block:3.25rem 2.5rem!important}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-stage{
min-height:clamp(220px,58vw,360px)!important;
width:100%!important;
max-width:100%!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav--prev{left:.35rem!important}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav--next{right:.35rem!important}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-grid[style]{
grid-template-columns:1fr!important;
}
}
@media(prefers-reduced-motion:reduce){
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card:hover{
transform:none!important;
}
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{
position:relative!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3::before{
content:""!important;
position:absolute!important;
top:0!important;
left:0!important;
right:0!important;
height:4px!important;
background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#7c3aed 100%)!important;
z-index:3!important;
pointer-events:none!important;
}
body[data-site-short-code="mockwin"] .mw-hero-title-display{
background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 38%,#4338ca 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
color:transparent!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits{
margin-top:.85rem!important;
max-width:100%!important;
margin-inline:0!important;
padding:.75rem .9rem!important;
border-radius:1.25rem!important;
background:linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(237,233,254,.72) 100%)!important;
border:1px solid rgba(124,58,237,.18)!important;
box-shadow:0 24px 48px -32px rgba(76,29,149,.38)!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits-title{
font-size:.72rem!important;
font-weight:700!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
color:#6d28d9!important;
margin:0 0 .85rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits-list{
list-style:none!important;
margin:0!important;
padding:0!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:.4rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefit-item{
display:flex!important;
gap:.55rem!important;
align-items:flex-start!important;
font-size:.82rem!important;
line-height:1.5!important;
color:#3b3560!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefit-icon{
flex-shrink:0!important;
width:1.35rem!important;
height:1.35rem!important;
border-radius:999px!important;
background:linear-gradient(135deg,#7c3aed,#6366f1)!important;
color:#fff!important;
font-size:.68rem!important;
font-weight:700!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin-top:.12rem!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"]{
background:linear-gradient(180deg,#f5f3ff 0%,#fff 100%)!important;
padding-block:clamp(2.5rem,6vw,4rem)!important;
}
Home ›
Portfolio ›
Film Nagar Spa-Inspired Bathroom
Bathroom Design
Available
Film Nagar Spa-Inspired Bathroom
Spa bathroom — stone tub, rain shower, heated floors, LED ambiance.
Project Overview A spa-inspired bathroom remodel with rain shower, freestanding stone tub, heated flooring, and ambient LED lighting. Natural stone and teak wood create a serene, nature-inspired retreat.
The Challenge Small outdated bathroom (80 sqft) with basic tiles and poor drainage. Client wanted a spa experience but within the compact space.
Our Solution We used wall-mounted fixtures to free floor space, installed a compact freestanding tub with overflow drain, created a wet zone with glass partition, used large-format porcelain tiles to make the space feel bigger, and added LED strip lighting for ambient effect.
The Results The bathroom feels twice its actual size. Heated floors and rain shower create a true spa experience. Zero leakage with premium waterproofing. Completed in 15 days.