/* ======================================
   NAVBAR
====================================== */

/* =====================================
   PREMIUM MISSU NAVBAR
===================================== */

/*  background: rgba(255,255,255,.9);*/
.missu-navbar{
  z-index:9999;
}
html, body {
  overflow-x: hidden;
}

.missu-navbar{
  background:#ffffffcc;
  backdrop-filter: blur(10px);

  padding:8px 0;        /* was 18 → too tall */
  min-height:64px;      /* clean compact height */

  transition:.3s ease;
}


.missu-navbar.scrolled{
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

/* ===============================
   BRAND / LOGO
=============================== */


/* ======================================
   CLEAN PREMIUM LOGO (MINIMAL)
====================================== */

.clean-brand{
  display:flex;
  font-family: 'Sacramento', cursive;
  font-size:36px;
  font-weight:900;
  align-items:center;
  gap:10px;
  text-decoration:none;

}


/* logo image */

.logo-img {
  height: 42px;   /* increase from ~30 → 55-60 */
  width: auto;
}

.missu-navbar {
  padding: 10px 0; /* taller navbar */
}


.clean-brand:hover{
  letter-spacing:1.2px;
  color:#d94a3a;
}


/* subtle premium hover */

.clean-brand:hover .logo-img{
  transform:scale(1.05);
}

.clean-brand:hover .brand-text{
  letter-spacing:1px;
}

.brand-text{

  background:linear-gradient(90deg,#e85c4a,#ff7a9a);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.brand:hover .brand-text{
  letter-spacing:1px;
}

@keyframes heartbeat {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.logo-img {
  height: 58px;
}

.clean-brand:hover .logo-img {
  animation: heartbeat .8s ease-in-out infinite;
}

/* ===============================
   LINKS
=============================== */
/* ===============================
   NAV LINKS – HEART HOVER ✨
=============================== */

.nav-links .nav-link{
  font-family:'Caveat', cursive;
   font-size:24px;
  position:relative;
  font-weight:500;
  color:#4a1c1c !important;
  margin-left:22px;
  padding:8px 6px;
  transition:.3s ease;
}

/* text color change */
.nav-links .nav-link:hover{
  color:#e85c4a !important;
  transform: translateY(-1px);
}


/* 💕 heart animation */
.nav-links .nav-link::after{
  content:"💖";
  position:absolute;
  left:50%;
  bottom:-10px;
  transform:translateX(-50%) scale(0);
  opacity:0;
  font-size:11px;
  color:#e85c4a;
  transition:.3s ease;
}

/* show heart */
.nav-links .nav-link:hover::after{
  transform:translateX(-50%) scale(1);
  opacity:1;
  bottom:-14px;
}

/* mobile */
.navbar-toggler{
  border:none;
  font-size:22px;
}



/* ======================================
   FOOTER
====================================== */

/* ======================================
   MISSU FOOTER – PREMIUM ROMANTIC
====================================== */
/* ======================================
   FOOTER — CLEAN PREMIUM STYLE
====================================== */

footer{
  background:#ffffff;
  padding:40px 0 30px;
  border-top:1px solid rgba(0,0,0,.05);
  font-size:14px;
}


/* layout */

.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
}


/* brand side */

.footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:#e85c4a;
font-family:'Sacramento', cursive;
 font-size:36px;
 

}

.footer-brand img{
  height:55px;
}


/* nav links */

.footer-links a{
  margin:0 12px;
  text-decoration:none;
  color:#6b6b6b;
  font-weight:400;
  transition:.2s;
   font-size:24px;
}

.footer-links a:hover{
  color:#e85c4a;
}


/* copyright */

.footer-copy{
  color:#9a9a9a;
  font-size:20px;
      font-family:'Caveat', cursive;

}


/* mobile */

@media(max-width:768px){
  .footer-inner{
    flex-direction:column;
    text-align:center;
  }
}




/* credit */

.footer-credit{
  font-size:13px;
  opacity:.7;
  line-height:1.7;
}

.footer-credit a{
  color:#e85c4a;
  font-weight:500;
  text-decoration:none;
  border-bottom:1px solid rgba(232,92,74,.3);
}

.footer-credit a:hover{
  color:#c94435;
}


/* mobile */

@media(max-width:768px){
  .footer-links{
    gap:14px;
  }
}


/* ======================================
   RESPONSIVE
====================================== */

@media(max-width:768px){

  .hero h1{
    font-size:32px;
  }

  .product-card img{
    height:180px;
  }

}
/* ======================================
   FOOTER TYPOGRAPHY FIX
====================================== */

.missu-footer{
  font-family:'Poppins', sans-serif;
}


/* brand name can stay elegant */

.footer-name{
  font-family:'Playfair Display', serif;
  font-weight:600;
}


/* tagline */

.tagline{
  font-family:'Poppins', sans-serif;
  font-size:13px;
  font-weight:300;
  opacity:.7;
}


/* links */

.footer-links a{
    font-family:'Caveat', cursive;
  font-size:20px;
  font-weight:400;
  letter-spacing:.2px;
}
/* credit text */

.footer-credit{
    font-family:'Caveat', cursive;
  font-size:20px;
  font-weight:300;
  opacity:.65;
}

footer{
    font-family: 'Caveat', cursive;
    font-size: 24px;
    font-weight: 500;
}