.elementor-1110 .elementor-element.elementor-element-38507f6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}/* Start custom CSS for html, class: .elementor-element-3189117 */<style>
*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:Roboto,Arial,sans-serif;
  color:#000;
  background:#F5FAFF;
}

a{
  text-decoration:none;
}

.whirlpool-fridge-page{
  overflow:hidden;
}

.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

/* HERO */
.fridge-hero{
  padding:80px 20px 60px;
  background:
    radial-gradient(circle at top left,rgba(3,175,237,.22),transparent 32%),
    radial-gradient(circle at bottom right,rgba(0,87,217,.18),transparent 30%),
    linear-gradient(135deg,#EAF8FF,#FFFFFF,#F4FBFF);
}

.fridge-hero-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:40px;
  align-items:center;
}

.fridge-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(3,175,237,.25);
  color:#0057D9;
  padding:10px 16px;
  border-radius:50px;
  font-size:15px;
  font-weight:800;
  box-shadow:0 10px 28px rgba(0,87,217,.08);
}

.fridge-hero h1{
  font-size:52px;
  line-height:1.08;
  margin:18px 0 16px;
  color:#07111F;
  font-weight:900;
  letter-spacing:-1px;
}

.fridge-hero h1 span{
  color:#03AFED;
}

.fridge-hero p{
  font-size:18px;
  line-height:1.75;
  color:#253247;
  margin:0 0 26px;
  max-width:720px;
}

.hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 24px;
  border-radius:15px;
  color:#fff;
  font-size:17px;
  font-weight:900;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  box-shadow:0 14px 30px rgba(0,87,217,.25);
  transition:.3s;
}

.hero-btn:hover{
  transform:translateY(-3px);
}

.hero-btn.whatsapp{
  background:linear-gradient(135deg,#14B866,#0A8F4B);
  box-shadow:0 14px 30px rgba(10,143,75,.22);
}

.hero-image-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(3,175,237,.25);
  border-radius:34px;
  padding:38px;
  backdrop-filter:blur(14px);
  box-shadow:0 28px 65px rgba(0,87,217,.15);
  position:relative;
}

.hero-image-card:after{
  content:"Cooling • Repair • Gas Filling";
  position:absolute;
  left:24px;
  bottom:22px;
  background:#07111F;
  color:#fff;
  padding:10px 16px;
  border-radius:50px;
  font-size:14px;
  font-weight:800;
}

.hero-image-card img{
  width:100%;
  height:300px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 22px 28px rgba(0,87,217,.18));
}

/* COMMON SECTION */
.section{
  padding:70px 0;
}

.section.white{
  background:#fff;
}

.section.light{
  background:linear-gradient(135deg,#F1FBFF,#FFFFFF);
}

.section-title{
  text-align:center;
  font-size:38px;
  line-height:1.18;
  color:#07111F;
  font-weight:900;
  margin:0 0 12px;
}

.section-title:after{
  content:"";
  width:85px;
  height:4px;
  border-radius:30px;
  background:linear-gradient(90deg,#0057D9,#03AFED);
  display:block;
  margin:16px auto 0;
}

.section-sub{
  max-width:850px;
  margin:0 auto 38px;
  text-align:center;
  font-size:18px;
  line-height:1.7;
  color:#425166;
}

/* CARDS */
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.service-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(3,175,237,.18);
  border-radius:26px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,87,217,.08);
  transition:.35s;
  position:relative;
  overflow:hidden;
}

.service-card:before{
  content:"";
  position:absolute;
  right:-38px;
  top:-38px;
  width:95px;
  height:95px;
  border-radius:50%;
  background:rgba(3,175,237,.12);
}

.service-card:hover{
  transform:translateY(-7px);
  box-shadow:0 25px 55px rgba(0,87,217,.14);
}

.icon-box{
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:23px;
  margin-bottom:18px;
  box-shadow:0 12px 24px rgba(0,87,217,.22);
}

.service-card h3{
  margin:0 0 10px;
  color:#07111F;
  font-size:22px;
  font-weight:900;
}

.service-card p{
  margin:0;
  color:#43536A;
  font-size:16px;
  line-height:1.65;
}

/* MODEL */
.model-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.model-card{
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:24px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 16px 38px rgba(0,87,217,.07);
  transition:.3s;
}

.model-card:hover{
  transform:translateY(-6px);
}

.model-card .icon-box{
  margin:0 auto 16px;
}

.model-card h3{
  margin:0 0 8px;
  font-size:20px;
  color:#07111F;
}

.model-card p{
  margin:0;
  color:#44556B;
  font-size:15.5px;
  line-height:1.6;
}

/* PROBLEMS */
.problem-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.problem-card{
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:20px;
  padding:22px;
  box-shadow:0 12px 32px rgba(0,87,217,.06);
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.problem-card i{
  color:#03AFED;
  font-size:24px;
  margin-top:3px;
}

.problem-card h3{
  margin:0 0 6px;
  font-size:19px;
  color:#07111F;
}

.problem-card p{
  margin:0;
  font-size:15.5px;
  line-height:1.6;
  color:#46566D;
}

/* WHY */
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.why-card{
  background:linear-gradient(135deg,#FFFFFF,#F8FDFF);
  border:1px solid rgba(3,175,237,.18);
  border-radius:24px;
  padding:26px;
  box-shadow:0 15px 40px rgba(0,87,217,.07);
}

.why-card h3{
  margin:0 0 8px;
  font-size:21px;
  color:#07111F;
}

.why-card p{
  margin:0;
  color:#425166;
  font-size:16px;
  line-height:1.65;
}

.why-card i{
  color:#03AFED;
  font-size:28px;
  margin-bottom:14px;
}

/* AREAS */
.area-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}

.area-card{
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:16px;
  padding:16px 12px;
  text-align:center;
  font-size:17px;
  font-weight:900;
  color:#142033;
  box-shadow:0 10px 28px rgba(0,87,217,.06);
}

.area-card i{
  color:#03AFED;
  margin-right:7px;
}

/* SEO */
.seo-box{
  max-width:1050px;
  margin:auto;
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:28px;
  padding:34px;
  box-shadow:0 18px 45px rgba(0,87,217,.08);
}

.seo-box h2{
  font-size:32px;
  line-height:1.2;
  color:#07111F;
  margin:0 0 14px;
}

.seo-box p{
  color:#33445B;
  font-size:18px;
  line-height:1.8;
  margin:0 0 15px;
}

.seo-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 20px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.seo-list li{
  color:#07111F;
  font-size:16px;
  font-weight:800;
}

.seo-list i{
  color:#03AFED;
  margin-right:8px;
}

/* CTA */
.booking-cta{
  padding:65px 20px;
  background:#fff;
}

.booking-box{
  max-width:1120px;
  margin:auto;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  border-radius:32px;
  padding:42px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
  box-shadow:0 28px 65px rgba(0,87,217,.25);
}

.booking-box h2{
  color:#fff;
  font-size:38px;
  line-height:1.18;
  margin:0 0 12px;
}

.booking-box p{
  color:#EFFAFF;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

.booking-buttons{
  display:grid;
  gap:14px;
}

.contact-btn{
  background:#fff;
  color:#07111F;
  border-radius:18px;
  padding:18px;
  display:flex;
  align-items:center;
  gap:15px;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
  transition:.3s;
}

.contact-btn:hover{
  transform:translateX(5px);
}

.contact-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  background:#EAF8FF;
  color:#03AFED;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
}

.contact-btn.whatsapp .contact-icon{
  background:#EAFBF1;
  color:#0AA84F;
}

.contact-text strong{
  display:block;
  font-size:21px;
  color:#07111F;
}

.contact-text span{
  display:block;
  margin-top:3px;
  color:#4B5C70;
  font-size:15px;
  font-weight:700;
}

/* FAQ */
.faq-item{
  max-width:980px;
  margin:14px auto;
  background:#fff;
  border:1px solid rgba(3,175,237,.22);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,87,217,.06);
  overflow:hidden;
}

.faq-item summary{
  cursor:pointer;
  padding:20px 60px 20px 24px;
  font-size:18px;
  font-weight:900;
  color:#07111F;
  list-style:none;
  position:relative;
}

.faq-item summary::-webkit-details-marker{
  display:none;
}

.faq-item summary:after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#03AFED,#0057D9);
  border:1px solid rgba(255,255,255,.45);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(0,87,217,.25), inset 0 1px 1px rgba(255,255,255,.6), inset 0 -2px 5px rgba(255,255,255,.15);
  transition:all .35s ease;
}

.faq-item summary:hover:after{
  transform:translateY(-50%) scale(1.08) rotate(90deg);
}

.faq-item[open] summary:after{
  content:"−";
  background:linear-gradient(135deg,#FF8738,#FF5E00);
  transform:translateY(-50%) rotate(180deg);
}

.faq-item[open] summary:hover:after{
  transform:translateY(-50%) rotate(180deg) scale(1.08);
}

.faq-item p{
  padding:0 24px 22px;
  margin:0;
  color:#43536A;
  font-size:16px;
  line-height:1.7;
}

/* STICKY MOBILE CTA */
.sticky-cta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999;
  display:none;
}

.sticky-cta a{
  width:50%;
  padding:14px 8px;
  text-align:center;
  color:#fff;
  font-size:15px;
  font-weight:900;
}

.sticky-call{
  background:#0057D9;
}

.sticky-wa{
  background:#0AA84F;
}

/* ANIMATION */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:all .75s ease;
}

.reveal.visible{
  opacity:1;
  transform:none;
}

@media(max-width:980px){
  .fridge-hero-grid,
  .booking-box{
    grid-template-columns:1fr;
  }

  .service-grid,
  .problem-grid,
  .why-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .model-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .area-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .fridge-hero h1{
    font-size:42px;
  }
}

@media(max-width:600px){
  .fridge-hero{
    padding:55px 15px 38px;
  }

  .fridge-hero h1{
    font-size:34px;
  }

  .section{
    padding:55px 0;
  }

  .section-title{
    font-size:30px;
  }

  .service-grid,
  .problem-grid,
  .why-grid,
  .model-grid,
  .area-grid,
  .seo-list{
    grid-template-columns:1fr;
  }

  .hero-image-card{
    padding:24px;
  }

  .hero-image-card img{
    height:220px;
  }

  .booking-box{
    padding:28px 20px;
    border-radius:26px;
  }

  .booking-box h2{
    font-size:30px;
  }

  .sticky-cta{
    display:flex;
  }

  body{
    padding-bottom:54px;
  }
}

.fridge-label i{
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  color:#fff;
  position:relative;
  box-shadow:0 10px 24px rgba(0,87,217,.22);
}

.fridge-label i:after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:2px dashed rgba(3,175,237,.65);
  animation:boschRotate 10s linear infinite;
}

@keyframes boschRotate{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}


/* STATS */
.stats-strip{
  background:#fff;
  padding:28px 20px;
}
.stats-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.stat-box{
  background:linear-gradient(135deg,#FFFFFF,#F3FBFF);
  border:1px solid rgba(3,175,237,.22);
  border-radius:22px;
  padding:24px 18px;
  text-align:center;
  box-shadow:0 14px 36px rgba(0,87,217,.08);
}
.stat-box strong{
  display:block;
  font-size:34px;
  font-weight:900;
  color:#0057D9;
  line-height:1;
}
.stat-box span{
  display:block;
  margin-top:9px;
  color:#425166;
  font-size:15.5px;
  font-weight:800;
}

/* BOOKING PROCESS */
.step-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  counter-reset:step;
}
.step-card{
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:24px;
  padding:28px 22px;
  box-shadow:0 16px 38px rgba(0,87,217,.07);
  position:relative;
}
.step-card:before{
  counter-increment:step;
  content:counter(step);
  width:46px;
  height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,87,217,.22);
  margin-bottom:16px;
}
.step-card h3{
  margin:0 0 8px;
  color:#07111F;
  font-size:20px;
  font-weight:900;
}
.step-card p{
  margin:0;
  color:#43536A;
  font-size:15.5px;
  line-height:1.65;
}

/* TRUST & REVIEWS */
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.review-card{
  background:#fff;
  border:1px solid rgba(3,175,237,.2);
  border-radius:26px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,87,217,.08);
}
.stars{
  color:#FFB400;
  letter-spacing:2px;
  font-size:18px;
  margin-bottom:14px;
}
.review-card p{
  color:#33445B;
  font-size:16px;
  line-height:1.7;
  margin:0 0 18px;
}
.review-user{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  color:#07111F;
}
.review-user span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#0057D9,#03AFED);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* EXTRA CTA POINTS */
.cta-points{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 18px;
  margin-top:22px;
  padding:0;
  list-style:none;
}
.cta-points li{
  color:#fff;
  font-size:15.5px;
  font-weight:800;
}
.cta-points i{
  margin-right:8px;
  color:#CFFFF0;
}

@media(max-width:980px){
  .stats-grid,
  .step-grid,
  .review-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .stats-grid,
  .step-grid,
  .review-grid,
  .cta-points{
    grid-template-columns:1fr;
  }
}

</style>/* End custom CSS */