* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

:root {
  --lavender:#cdb4db;
  --blush:#ffc8dd;
  --rose:#ffafcc;
  --sky:#bde0fe;
  --blue:#a2d2ff;
}

/* TOP BAR */
.top-bar{
  background:var(--lavender);
  display:flex;
  justify-content:center;
  gap:30px;
  padding:8px;
}

/* HEADER */
.header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 6%;
  background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo img{height:45px;}
.logo span{font-weight:600;color:#444;}

nav a{
  margin:0 12px;
  text-decoration:none;
  color:#333;
}

.contact-btn{
  background:linear-gradient(135deg,var(--rose),var(--blush));
  padding:10px 22px;
  border-radius:30px;
  text-decoration:none;
  color:#222;
}

/* HERO */
.hero{
  display:flex;
  align-items:center;
  gap:40px;
  padding:70px 6%;
  background:linear-gradient(120deg,var(--sky),#fff);
}

.hero-text h1{font-size:42px;}
.hero-btn{
  display:inline-block;
  margin-top:20px;
  padding:12px 30px;
  background:linear-gradient(135deg,var(--blue),var(--lavender));
  border-radius:30px;
  text-decoration:none;
  color:#222;
}

.hero-image img{
  max-width:480px;
  width:100%;
  border-radius:22px;
}

/* PRODUCTS */
.products{
  padding:80px 6%;
  text-align:center;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
  margin-top:40px;
}

.product-card{
  background:linear-gradient(145deg,var(--sky),#fff);
  border-radius:22px;
  padding:20px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.product-card img{
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:16px;
}

/* INFO SECTIONS */
.info-section{
  display:flex;
  align-items:center;
  gap:50px;
  padding:80px 6%;
  background:linear-gradient(120deg,var(--lavender),var(--sky));
}

.info-section.reverse{
  flex-direction:row-reverse;
  background:linear-gradient(120deg,var(--sky),#fff);
}

.info-image img{
  max-width:520px;
  width:100%;
  border-radius:22px;
}

/* CTA */
.cta{
  padding:70px 6%;
  text-align:center;
  background:var(--blush);
}

.cta a{
  display:inline-block;
  margin-top:18px;
  padding:14px 34px;
  background:linear-gradient(135deg,var(--rose),var(--lavender));
  border-radius:30px;
  text-decoration:none;
  color:#222;
}

/* FOOTER */
footer{
  background:#222;
  color:#eee;
  text-align:center;
  padding:30px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .hero,.info-section,.info-section.reverse{
    flex-direction:column;
    text-align:center;
  }
  nav{display:none;}
}
/* CTA BUTTON FIX */
.cta-buttons{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-top:20px;
  flex-wrap:wrap;
}

.cta-call,
.cta-mail{
  padding:14px 32px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  color:#222;
  background:linear-gradient(135deg,var(--rose),var(--lavender));
  display:flex;
  align-items:center;
  gap:10px;
}

.cta-mail{
  background:linear-gradient(135deg,var(--blue),var(--sky));
}
/* BRAND NAME STYLING */
.brand-name {
  font-size: 26px;              /* Bigger text */
  font-weight: 800;             /* Bold */
  letter-spacing: 1.2px;        /* Premium spacing */
  text-transform: uppercase;
  background: linear-gradient(
    90deg,
    var(--lavender),
    var(--rose),
    var(--blue)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* RESPONSIVE ADJUSTMENT */
@media (max-width: 600px) {
  .brand-name {
    font-size: 20px;
    text-align: center;
  }
}
/* FLOATING LOCATION BUTTON */
.location-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, var(--blue), var(--lavender));
  color: #222;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  z-index: 999;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location-float:hover {
  transform: scale(1.1);
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

/* MOBILE ADJUSTMENT */
@media (max-width: 600px) {
  .location-float {
    bottom: 18px;
    right: 18px;
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
}