/* ══ SHUBHALAGNAM SHARED STYLES ══ */
:root {
  --maroon:      #7B1C2C;
  --maroon-deep: #5A1020;
  --gold:        #C8922A;
  --gold-light:  #E8B84B;
  --cream:       #FDF6EE;
  --blush:       #F7EDE4;
  --text-dark:   #2A1A1A;
  --text-mid:    #6B4C4C;
  --white:       #FFFFFF;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--text-dark);overflow-x:hidden;}

/* MOBILE CARD SIZE */
.mobile-card{width:220px;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(123,28,44,0.13);border:1px solid rgba(200,146,42,0.13);background:#fff;flex-shrink:0;}
.mobile-card .mobile-screen{width:220px;height:390px;object-fit:cover;display:block;}
.mobile-card .card-footer-tag{padding:10px 14px;background:#fff;font-family:'Playfair Display',serif;font-size:13px;color:var(--maroon);font-weight:600;text-align:center;}

/* SCROLL TRACK */
.scroll-wrap{position:relative;padding:0 44px;}
.scroll-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:12px 0 20px;scrollbar-width:none;align-items:flex-start;}
.scroll-track::-webkit-scrollbar{display:none;}
.scroll-track > * { flex-shrink:0; }
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--maroon);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px rgba(123,28,44,0.3);font-size:13px;transition:background .2s;}
.scroll-btn:hover{background:var(--maroon-deep);}
.scroll-btn.left{left:0;}
.scroll-btn.right{right:0;}

/* ══ NAV ══ */
.navbar{background:rgba(253,246,238,0.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(200,146,42,0.18);padding:12px 0;position:sticky;top:0;z-index:1000;}
.brand-logo img{height:60px;width:auto;}
.nav-link{font-size:14px;font-weight:500;color:var(--text-dark)!important;padding:6px 12px!important;transition:color .2s;}
.nav-link:hover{color:var(--maroon)!important;}
.btn-plan{background:var(--maroon);color:var(--white)!important;border-radius:6px;padding:9px 20px!important;font-weight:600;font-size:14px;transition:background .2s;}
.btn-plan:hover{background:var(--maroon-deep);}

/* ══ SEARCH ICON BUTTON (in navbar) ══ */
.search-icon-btn{
  width:38px;height:38px;border-radius:50%;
  background:rgba(123,28,44,0.08);
  border:1.5px solid rgba(123,28,44,0.18);
  color:var(--maroon);
  font-size:15px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:all .2s;
  flex-shrink:0;
}
.search-icon-btn:hover{
  background:var(--maroon);
  color:#fff;
  border-color:var(--maroon);
  transform:scale(1.07);
}

/* ══ SEARCH OVERLAY ══ */
.search-overlay{
  display:none;
  position:fixed;inset:0;
  background:rgba(15,5,8,0.72);
  backdrop-filter:blur(6px);
  z-index:9999;
  align-items:flex-start;
  justify-content:center;
  padding-top:80px;
}
.search-overlay.active{display:flex;}

/* ══ SEARCH MODAL ══ */
.search-modal{
  background:#fff;
  border-radius:20px;
  padding:32px 28px 24px;
  width:100%;
  max-width:520px;
  box-shadow:0 24px 64px rgba(90,16,32,0.30);
  position:relative;
  animation:slideDown .22s ease;
}
@keyframes slideDown{from{opacity:0;transform:translateY(-18px);}to{opacity:1;transform:translateY(0);}}

.search-close{
  position:absolute;top:14px;right:16px;
  background:rgba(123,28,44,0.07);border:none;
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:var(--maroon);cursor:pointer;
  transition:background .2s;
}
.search-close:hover{background:rgba(123,28,44,0.15);}

.search-label{
  font-family:'Playfair Display',serif;
  font-size:20px;font-weight:700;
  color:var(--maroon-deep);
  margin-bottom:18px;
}

/* TYPE ROW */
.search-type-row{
  display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;
}
.stype-btn{
  flex:1;min-width:80px;
  padding:8px 10px;
  border-radius:10px;
  border:1.5px solid rgba(123,28,44,0.20);
  background:transparent;
  color:var(--text-mid);
  font-size:13px;font-weight:600;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:6px;
  transition:all .18s;
}
.stype-btn.active{background:var(--maroon);color:#fff;border-color:var(--maroon);}
.stype-btn:not(.active):hover{background:rgba(123,28,44,0.07);color:var(--maroon);}

/* INPUT */
.search-input-wrap{position:relative;margin-bottom:4px;}
.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--maroon);font-size:14px;pointer-events:none;}
.search-input{
  width:100%;
  padding:13px 14px 13px 42px;
  border:1.5px solid rgba(123,28,44,0.22);
  border-radius:12px;
  font-size:15px;
  font-family:'Inter',sans-serif;
  color:var(--text-dark);
  background:var(--cream);
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.search-input:focus{border-color:var(--maroon);box-shadow:0 0 0 3px rgba(123,28,44,0.10);}
.search-input::placeholder{color:#b08080;}

/* SUGGESTIONS */
.search-suggestions{
  margin-top:10px;
  max-height:300px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(123,28,44,0.2) transparent;
}
.search-suggestion-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;
  border-radius:10px;
  cursor:pointer;
  transition:background .15s;
  outline:none;
}
.search-suggestion-item:hover,
.search-suggestion-item:focus{background:rgba(123,28,44,0.06);}
.sug-icon{
  width:34px;height:34px;
  border-radius:9px;
  background:rgba(123,28,44,0.08);
  color:var(--maroon);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;flex-shrink:0;
}
.sug-text{flex:1;display:flex;flex-direction:column;gap:1px;}
.sug-text strong{font-size:14px;font-weight:600;color:var(--text-dark);}
.sug-text small{font-size:11px;color:var(--text-mid);}
.sug-arrow{color:var(--gold);font-size:12px;flex-shrink:0;}

/* EMPTY STATE */
.search-empty{
  text-align:center;padding:24px 0 8px;
  font-size:14px;color:var(--text-mid);
}
.search-empty i{display:block;font-size:28px;margin-bottom:10px;color:rgba(123,28,44,0.2);}
.search-empty a{color:var(--maroon);font-weight:600;text-decoration:none;}
.search-empty a:hover{text-decoration:underline;}

/* SECTION */
section{padding:80px 0;}
.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,42px);color:var(--maroon-deep);font-weight:700;line-height:1.2;}
.gold-divider{width:54px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;}

/* BTN */
.btn-primary-maroon{display:inline-flex;align-items:center;gap:8px;background:var(--maroon);color:#fff;border-radius:8px;padding:12px 28px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s;}
.btn-primary-maroon:hover{background:var(--maroon-deep);color:#fff;transform:translateY(-2px);}
.btn-outline-maroon{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--maroon);border:1.5px solid var(--maroon);border-radius:8px;padding:10px 24px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;}
.btn-outline-maroon:hover{background:var(--maroon);color:#fff;}

/* FOOTER */
footer{background:#1A0C10;color:rgba(255,255,255,0.72);padding:64px 0 28px;}
footer .footer-brand{font-family:'Playfair Display',serif;font-size:20px;color:var(--gold-light);font-weight:700;}
footer h6{color:var(--gold-light);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase;}
footer ul{list-style:none;padding:0;margin:0;}
footer ul li{margin-bottom:7px;}
footer ul li a{color:rgba(255,255,255,0.62);text-decoration:none;font-size:13px;transition:color .2s;}
footer ul li a:hover{color:var(--gold-light);}
.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,0.15);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.62);font-size:14px;text-decoration:none;transition:all .2s;margin-right:5px;}
.footer-social a:hover{background:var(--maroon);border-color:var(--maroon);color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);margin-top:44px;padding-top:18px;font-size:12px;color:rgba(255,255,255,0.35);}
.footer-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:14px;color:var(--gold);margin-top:12px;}

/* WHATSAPP */
.whatsapp-float{position:fixed;bottom:26px;right:26px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;box-shadow:0 6px 20px rgba(37,211,102,0.45);text-decoration:none;z-index:9999;transition:transform .2s;animation:pulse-wa 2.5s infinite;}
.whatsapp-float:hover{transform:scale(1.1);color:#fff;}
@keyframes pulse-wa{0%,100%{box-shadow:0 6px 20px rgba(37,211,102,0.45);}50%{box-shadow:0 6px 32px rgba(37,211,102,0.7);}}

/* INNER PAGE HERO */
.page-hero{background:linear-gradient(135deg,var(--maroon-deep),var(--maroon));padding:60px 0;text-align:center;color:#fff;}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(28px,5vw,48px);font-weight:700;}
.page-hero p{color:rgba(255,255,255,0.78);font-size:15px;margin-top:10px;}

/* ════════════════════════════
   GLOBAL MOBILE RESPONSIVE
════════════════════════════ */
@media(max-width:768px){
  .navbar { padding: 10px 0; }
  .brand-logo img { height: 60px !important; }
  .btn-plan { font-size: 13px; padding: 8px 16px !important; }
  section { padding: 48px 0; }
  .section-title { font-size: clamp(22px, 6vw, 34px); }
  .scroll-wrap { padding: 0 36px; overflow: hidden; }
  .scroll-track { padding: 10px 2px 20px; gap: 14px; }
  .mobile-card { width: calc(80vw) !important; flex-shrink: 0; }
  .mobile-screen { width: 100% !important; height: auto !important; aspect-ratio: 9/16; object-fit: cover; }
  .scroll-btn { width: 34px; height: 34px; font-size: 12px; }
  .scroll-btn.left { left: -2px; }
  .scroll-btn.right { right: -2px; }
  .page-hero { padding: 40px 0; }
  .page-hero h1 { font-size: clamp(22px, 7vw, 36px); }
  footer { padding: 44px 0 24px; }
  .footer-brand { font-size: 17px; }
  .whatsapp-float { width: 50px; height: 50px; font-size: 22px; bottom: 20px; right: 18px; }

  /* Search modal */
  .search-overlay { padding-top: 60px; }
  .search-modal { border-radius: 16px; padding: 24px 18px 20px; margin: 0 14px; }
  .search-label { font-size: 17px; }
  .stype-btn { font-size: 12px; padding: 7px 8px; }
}

@media(max-width:480px){
  .scroll-wrap { padding: 0 30px; }
  .mobile-card { width: 88vw !important; }
  .section-title { font-size: 22px; }
  .scroll-btn { width: 30px; height: 30px; font-size: 11px; }
  .search-type-row { gap: 6px; }
  .stype-btn { min-width:60px; font-size:11px; }
}