*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --dark:#312C51;
  --purple:#48426D;
  --peach:#F0C38E;
  --pink:#F1AA9B;
  --cream:#FAF8F5;
  --glass:rgba(49,44,81,0.85);
}

body{
background:#312C51;  font-family:'Nunito',sans-serif;
  min-height:200vh;
  overflow-x:hidden;
}

.btn-primary{background:var(--peach);color:var(--dark);font-family:'Fredoka One',cursive;font-size:1rem;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;transition:.3s;letter-spacing:.5px;}
.btn-primary:hover{background:var(--pink);transform:translateY(-3px);box-shadow:0 10px 30px rgba(240,195,142,.3);}
.btn-outline{background:transparent;color:var(--peach);font-family:'Fredoka One',cursive;font-size:1rem;padding:13px 32px;border-radius:50px;border:2px solid var(--peach);cursor:pointer;transition:.3s;letter-spacing:.5px;}
.btn-outline:hover{background:rgba(240,195,142,.1);transform:translateY(-3px);}

/* ════════════════════════════
   NAVBAR
════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 5%;
  height:70px;
  display:flex;align-items:center;justify-content:space-between;
  transition:all .4s cubic-bezier(.4,0,.2,1);
}
nav.scrolled{
  background:var(--glass);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(240,195,142,.15);
  box-shadow:0 8px 32px rgba(0,0,0,.3);
  height:62px;
}

/* LOGO */
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;z-index:1001;}
.logo-icon{
  width:40px;height:40px;border-radius:12px;
  background:linear-gradient(135deg,var(--peach),var(--pink));
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
  box-shadow:0 4px 15px rgba(240,195,142,.4);
  transition:.3s;
}
.logo:hover .logo-icon{transform:rotate(-10deg) scale(1.05);}
.logo-name{font-family:'Fredoka One',cursive;font-size:1.5rem;color:var(--peach);letter-spacing:.5px;}
.logo-name span{color:var(--pink);}

/* DESKTOP NAV LINKS */
.nav-links{
  display:flex;align-items:center;gap:6px;
  list-style:none;
}
.nav-links li{position:relative;}
.nav-links a{
  font-family:'Nunito',sans-serif;font-weight:700;font-size:.92rem;
  color:rgba(255,255,255,.8);
  text-decoration:none;
  padding:8px 14px;
  border-radius:10px;
  transition:.3s;
  position:relative;
  display:flex;align-items:center;gap:6px;
  letter-spacing:.3px;
}
.nav-links a::after{
  content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);
  width:0;height:2px;background:var(--peach);border-radius:2px;
  transition:.3s cubic-bezier(.4,0,.2,1);
}
.nav-links a:hover{color:var(--peach);background:rgba(240,195,142,.08);}
.nav-links a:hover::after,.nav-links a.active::after{width:60%;}
.nav-links a.active{color:var(--peach);}

/* DROPDOWN */
.has-drop > a .arr{transition:.3s;font-size:.7rem;}
.has-drop:hover > a .arr{transform:rotate(180deg);}
.dropdown{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(10px);
  background:rgba(30,26,58,.97);
  backdrop-filter:blur(20px);
  border:1px solid rgba(240,195,142,.15);
  border-radius:16px;
  padding:10px;
  min-width:190px;
  list-style:none;
  opacity:0;pointer-events:none;
  transition:.3s cubic-bezier(.4,0,.2,1);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.has-drop:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}
.dropdown li a{
  padding:10px 14px;border-radius:10px;
  display:flex;align-items:center;gap:10px;
  font-size:.88rem;color:rgba(255,255,255,.8);
}
.dropdown li a .d-icon{font-size:1.1rem;}
.dropdown li a:hover{color:var(--peach);background:rgba(240,195,142,.1);}
.dropdown li a::after{display:none;}

/* RIGHT ICONS */
.nav-right{display:flex;align-items:center;gap:6px;}

/* SEARCH */
.search-wrap{position:relative;}
.search-btn{
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;font-size:1rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.3s;
}
.search-btn:hover{background:rgba(240,195,142,.15);border-color:var(--peach);color:var(--peach);}

.search-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.7);backdrop-filter:blur(8px);
  z-index:2000;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:100px;padding-left:20px;padding-right:20px;
  opacity:0;pointer-events:none;
  transition:.3s;
}
.search-overlay.open{opacity:1;pointer-events:all;}
.search-box{
  background:rgba(30,26,58,.98);
  border:1px solid rgba(240,195,142,.2);
  border-radius:20px;
  padding:24px;
  width:100%;max-width:600px;
  transform:translateY(-20px);
  transition:.35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.search-overlay.open .search-box{transform:translateY(0);}
.search-input-row{display:flex;align-items:center;gap:12px;}
.s-icon{color:var(--peach);font-size:1.2rem;}
.search-input{
  flex:1;background:transparent;border:none;outline:none;
  font-family:'Nunito',sans-serif;font-size:1.1rem;color:#fff;
}
.search-input::placeholder{color:rgba(255,255,255,.3);}
.search-close{background:rgba(255,255,255,.08);border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.3s;}
.search-close:hover{background:rgba(241,170,155,.2);color:var(--pink);}

.search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.stag{background:rgba(240,195,142,.1);color:var(--peach);border:1px solid rgba(240,195,142,.2);padding:6px 14px;border-radius:50px;font-size:.8rem;font-family:'Nunito',sans-serif;cursor:pointer;transition:.3s;}
.stag:hover{background:var(--peach);color:var(--dark);}
.search-results{margin-top:16px;display:none;}
.search-results.show{display:block;}
.sresult{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:.3s;}
.sresult:hover{background:rgba(255,255,255,.06);}
.sresult-img{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.sresult-name{font-family:'Nunito',sans-serif;font-weight:700;color:#fff;font-size:.92rem;}
.sresult-cat{color:rgba(255,255,255,.45);font-size:.78rem;}
.sresult-price{margin-left:auto;color:var(--peach);font-family:'Fredoka One',cursive;font-size:1rem;}

/* CART BUTTON */
.cart-btn{
  position:relative;
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;font-size:1rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.3s;
}
.cart-btn:hover{background:rgba(240,195,142,.15);border-color:var(--peach);color:var(--peach);}
.cart-badge{
  position:absolute;top:-6px;right:-6px;
  width:18px;height:18px;border-radius:50%;
  background:var(--pink);color:var(--dark);
  font-family:'Fredoka One',cursive;font-size:.65rem;
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--dark);
  transition:.3s;transform:scale(0);
}
.cart-badge.show{transform:scale(1);}
.cart-badge.pop{animation:cartpop .35s cubic-bezier(.4,0,.2,1);}
@keyframes cartpop{0%{transform:scale(1);}50%{transform:scale(1.5);}100%{transform:scale(1);}}

/* RESERVE BTN */
.reserve-btn{
  font-family:'Fredoka One',cursive;font-size:.9rem;
  background:linear-gradient(135deg,var(--peach),var(--pink));
  color:var(--dark);padding:9px 20px;border-radius:12px;border:none;
  cursor:pointer;transition:.3s;white-space:nowrap;letter-spacing:.3px;
}
.reserve-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(240,195,142,.4);}

/* CART SIDEBAR */
.cart-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);
  z-index:1500;opacity:0;pointer-events:none;transition:.3s;
}
.cart-overlay.open{opacity:1;pointer-events:all;}
.cart-sidebar{
  position:fixed;right:0;top:0;bottom:0;
  width:min(380px,100vw);
  background:rgba(25,22,50,.98);
  border-left:1px solid rgba(240,195,142,.15);
  z-index:1501;
  display:flex;flex-direction:column;
  transform:translateX(100%);
  transition:.4s cubic-bezier(.4,0,.2,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.4);
}
.cart-sidebar.open{transform:translateX(0);}
.cart-head{
  padding:20px 24px;
  border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:space-between;
}
.cart-head h3{font-family:'Fredoka One',cursive;color:var(--peach);font-size:1.3rem;}
.cart-x{background:rgba(255,255,255,.07);border:none;color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.3s;}
.cart-x:hover{background:rgba(241,170,155,.2);color:var(--pink);}

.cart-body{flex:1;overflow-y:auto;padding:16px 24px;}
.cart-body::-webkit-scrollbar{width:4px;}
.cart-body::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px;}

.cart-empty{text-align:center;padding:60px 20px;}
.cart-empty .ce-icon{font-size:3.5rem;margin-bottom:16px;}
.cart-empty p{color:rgba(255,255,255,.4);font-family:'Poppins',sans-serif;font-size:.9rem;}

.cart-item{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:12px;margin-bottom:10px;
  animation:slideIn .3s ease;
}
@keyframes slideIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
.ci-emoji{width:48px;height:48px;border-radius:12px;background:rgba(240,195,142,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.ci-info{flex:1;}
.ci-name{font-family:'Nunito',sans-serif;font-weight:700;color:#fff;font-size:.88rem;}
.ci-price{color:var(--peach);font-family:'Fredoka One',cursive;font-size:.95rem;}
.ci-qty{display:flex;align-items:center;gap:8px;margin-top:6px;}
.qty-btn{width:24px;height:24px;border-radius:8px;background:rgba(240,195,142,.15);border:1px solid rgba(240,195,142,.2);color:var(--peach);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;}
.qty-btn:hover{background:var(--peach);color:var(--dark);}
.qty-num{color:#fff;font-family:'Fredoka One',cursive;font-size:.95rem;min-width:20px;text-align:center;}
.ci-del{background:transparent;border:none;color:rgba(255,255,255,.3);font-size:1rem;cursor:pointer;transition:.3s;padding:4px;}
.ci-del:hover{color:var(--pink);}

.cart-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.07);}
.cart-promo{display:flex;gap:8px;margin-bottom:16px;}
.promo-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-family:'Nunito',sans-serif;font-size:.85rem;outline:none;transition:.3s;}
.promo-input:focus{border-color:var(--peach);}
.promo-input::placeholder{color:rgba(255,255,255,.3);}
.promo-btn{background:rgba(240,195,142,.15);border:1px solid rgba(240,195,142,.2);color:var(--peach);border-radius:10px;padding:10px 16px;font-family:'Fredoka One',cursive;font-size:.85rem;cursor:pointer;transition:.3s;white-space:nowrap;}
.promo-btn:hover{background:var(--peach);color:var(--dark);}
.cart-totals{margin-bottom:16px;}
.ct-row{display:flex;justify-content:space-between;padding:4px 0;}
.ct-row span{color:rgba(255,255,255,.55);font-size:.85rem;}
.ct-row strong{color:#fff;font-size:.85rem;}
.ct-total span{color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:1rem;}
.ct-total strong{color:var(--peach);font-family:'Fredoka One',cursive;font-size:1.2rem;}
.checkout-btn{
  width:100%;padding:14px;border-radius:14px;border:none;
  background:linear-gradient(135deg,var(--peach),var(--pink));
  color:var(--dark);font-family:'Fredoka One',cursive;font-size:1.05rem;
  cursor:pointer;transition:.3s;letter-spacing:.5px;
}
.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(240,195,142,.35);}

.tab-item.active .tab-active-pill{opacity:1;}
/* cart tab badge */
.tab-cart-badge{
  position:absolute;top:0;right:calc(50% - 16px);
  width:16px;height:16px;border-radius:50%;
  background:var(--pink);color:var(--dark);font-family:'Fredoka One',cursive;font-size:.58rem;
  display:flex;align-items:center;justify-content:center;
  transform:scale(0);transition:.3s;
}
.tab-cart-badge.show{transform:scale(1);}

/* MOBILE NAV (hamburger menu) */
.ham-btn{
  display:none;
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  transition:.3s;
}
.ham-btn:hover{background:rgba(240,195,142,.1);border-color:var(--peach);}
.ham-bar{width:18px;height:2px;background:#fff;border-radius:2px;transition:.35s;}
.ham-btn.open .ham-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.ham-btn.open .ham-bar:nth-child(2){opacity:0;transform:scaleX(0);}
.ham-btn.open .ham-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}


/* RESPONSIVE */
@media(max-width:900px){
  .nav-links,.reserve-btn{display:none!important;}
  .ham-btn{display:flex!important;}
  .mob-tab{display:block;}
  .hero-demo{padding-bottom:80px;}
  .search-wrap{
  display:none;
}
}
/* Scrollbar */
html{scroll-behavior:smooth;}
html::-webkit-scrollbar{width:6px;}
html::-webkit-scrollbar-track{background:var(--dark);}
html::-webkit-scrollbar-thumb{background:var(--purple);border-radius:6px;}

/* ICON SPACING */

.nav-links a i,
.mob-nav-links a i,
.tab-icon i{
  margin-right:8px;
}

/* ICON ANIMATION */

.nav-links a i,
.search-btn i,
.cart-btn i,
.tab-icon i{

  transition:.35s ease;
}

/* ICON HOVER */

.nav-links a:hover i,
.search-btn:hover i,
.cart-btn:hover i{

  transform:
  translateY(-2px)
  scale(1.12);

  color:var(--peach);
}

/* MOBILE TAB ICON */

.tab-icon i{
  font-size:1.15rem;
}

/* LOGO ICON */

.logo-icon i{
  color:var(--dark);
  font-size:1.1rem;
}

/* IOS NAV */

.ios-nav{

  position:fixed;

  left:50%;
  bottom:18px;

  transform:translateX(-50%);

  width:calc(100% - 32px);
  max-width:340px;

  height:66px;

  background:
  rgba(18,18,35,.92);

  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);

  border:
  1px solid rgba(255,255,255,.08);

  border-radius:24px;

  display:none;
  align-items:center;
  justify-content:space-around;

  padding:0 10px;

  z-index:9999;

  box-shadow:
  0 10px 40px rgba(0,0,0,.35);
}

/* ITEMS */

.ios-item{

  position:relative;

  border:none;
  outline:none;

  background:none;

  color:rgba(255,255,255,.7);

  cursor:pointer;

  width:56px;
  height:56px;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:.35s ease;
}

/* ICON */

.ios-item i{

  font-size:1.2rem;

  transition:.35s ease;
}

/* ACTIVE PILL */
.ios-pill{

  height:44px;

  padding:0 16px;

  border-radius:18px;

  display:flex;
  align-items:center;
  gap:10px;

  background:transparent;

  color:rgba(255,255,255,.72);

  font-family:'Nunito',sans-serif;
  font-weight:800;
  font-size:.82rem;

  transition:.35s ease;
}

/* ACTIVE TAB */

.ios-item.active .ios-pill{

  background:#f1f1f1;

  color:#1a1a1a;

  box-shadow:
  0 6px 20px rgba(255,255,255,.08);
}

.ios-item.active i{

  color:#1a1a1a;
}

.ios-pill i{
  font-size:1rem;
}

/* HOVER */

.ios-item:hover{

  transform:translateY(-2px);
}

.ios-item:hover i{

  color:var(--peach);

  transform:scale(1.12);
}

/* SHOW ONLY MOBILE */

@media(max-width:900px){

  .ios-nav{
    display:flex;
  }
}

/* EXTRA SAFE AREA */

@media(max-width:500px){

  .ios-nav{

    bottom:12px;

    height:62px;

    border-radius:22px;
  }

  body{
    padding-bottom:90px;
  }
}

/* PREMIUM MOBILE MENU */

.mob-menu{

  position:fixed;

  top:0;
  left:0;
overflow-y:auto;
  width:100%;
  height:100vh;

  background:
  rgba(28,24,52,.96);

  backdrop-filter:blur(24px);

  z-index:99999;

  padding:26px;

  display:flex;
  flex-direction:column;

  transform:translateX(-100%);

  transition:.45s cubic-bezier(.77,0,.175,1);
}

.mob-menu.open{

  transform:translateX(0);
}

/* TOP */

.mob-top{

  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:38px;
}

/* LOGO */

.mob-logo{

  display:flex;
  align-items:center;
  gap:12px;
}

.mob-logo-icon{

  width:48px;
  height:48px;

  border-radius:16px;

  background:
  linear-gradient(
  135deg,
  var(--peach),
  var(--pink)
  );

  display:flex;
  align-items:center;
  justify-content:center;

  color:var(--dark);

  font-size:1.1rem;

  box-shadow:
  0 10px 25px rgba(240,195,142,.22);
}

.mob-logo-text{

  color:#fff;

  font-family:'Fredoka One',cursive;

  font-size:1.4rem;
}

.mob-logo-text span{
  color:var(--peach);
}

/* CLOSE */

.mob-close{

  width:46px;
  height:46px;

  border:none;
  outline:none;

  border-radius:16px;

  background:
  rgba(255,255,255,.06);

  border:
  1px solid rgba(255,255,255,.08);

  color:#fff;

  cursor:pointer;

  font-size:1rem;

  transition:.35s ease;
}

.mob-close:hover{

  background:
  rgba(241,170,155,.14);

  color:var(--pink);

  transform:rotate(90deg);
}

/* LINKS */
/* =========================
   PREMIUM MOBILE MENU
========================= */

.mob-menu{

  position:fixed;
  inset:0;

  background:
  linear-gradient(
  180deg,
  #1d1838 0%,
  #17132e 100%
  );

  z-index:99999;

  padding:16px 14px 90px;

  overflow-y:auto;

  transform:translateX(-100%);

  transition:.45s cubic-bezier(.77,0,.175,1);
}

.mob-menu.open{
  transform:translateX(0);
}

/* TOP */

.mob-top{

  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:18px;
}

/* LOGO */

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

.mob-logo-icon{

  width:36px;
  height:36px;

  border-radius:14px;

  background:
  linear-gradient(
  135deg,
  var(--peach),
  var(--pink)
  );

  display:flex;
  align-items:center;
  justify-content:center;

  color:var(--dark);

  box-shadow:
  0 8px 22px rgba(240,195,142,.18);
}

.mob-logo-text{

  color:#fff;

      font-size:1.1rem;

  font-family:'Fredoka One',cursive;
}

.mob-logo-text span{
  color:var(--peach);
}

/* CLOSE */

.mob-close{

  width:36px;
  height:36px;

  border:none;
  outline:none;

  border-radius:14px;

  background:
  rgba(255,255,255,.06);

  border:
  1px solid rgba(255,255,255,.08);

  color:#fff;

  cursor:pointer;

  font-size:.95rem;

  transition:.35s ease;
}

.mob-close:hover{

  background:
  rgba(240,195,142,.12);

  color:var(--peach);

  transform:rotate(90deg);
}

/* LINKS */

.mob-links{

  display:flex;
  flex-direction:column;
margin-bottom:24px;
  gap:12px;
}

/* MAIN BTN */

.mob-link,
.mob-drop-btn{

  position:relative;

  width:100%;
  height:54px;

  border:none;
  outline:none;

  border-radius:16px;

  background:
  rgba(255,255,255,.05);

  border:
  1px solid rgba(255,255,255,.06);

  padding:0 18px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  text-decoration:none;

  overflow:hidden;

  transition:.35s ease;
}

/* GLOW HOVER */

.mob-link::before,
.mob-drop-btn::before{

  content:'';

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  135deg,
  rgba(240,195,142,.12),
  rgba(241,170,155,.05)
  );

  opacity:0;

  transition:.35s ease;
}

.mob-link:hover::before,
.mob-drop-btn:hover::before{
  opacity:1;
}
.mob-link:hover,
.mob-drop-btn:hover{

  transform:translateY(-2px);

  background:
  linear-gradient(
  90deg,
  rgba(240,195,142,.95),
  rgba(241,170,155,.92)
  );

  border-color:
  rgba(240,195,142,.18);

  box-shadow:
  0 8px 20px rgba(240,195,142,.16);
}

/* PREMIUM BTN HOVER */

.mob-link:hover span,
.mob-link:hover i,
.mob-drop-btn:hover span,
.mob-drop-btn:hover i{

  color:var(--dark);
}

/* ARROW BOX */

.mob-link-arrow{

  width:28px;
  height:28px;

  border-radius:10px;

  background:
  rgba(240,195,142,.12);

  display:flex;
  align-items:center;
  justify-content:center;

  transition:.35s ease;
}

.mob-link:hover .mob-link-arrow{

  background:#fff;
}
/* LEFT */

.mob-drop-left{

  display:flex;
  align-items:center;
  gap:14px;

  position:relative;
  z-index:2;
}

/* ICON */

.mob-link i,
.mob-drop-icon{

  width:30px;
  height:30px;

  border-radius:12px;

  background:
  rgba(240,195,142,.12);

  color:var(--peach);

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:.9rem;

  flex-shrink:0;
}

/* TEXT */

.mob-link span,
.mob-drop-btn span{

  color:#fff;

  font-family:'Nunito',sans-serif;
  font-size:.88rem;
  font-weight:800;

  position:relative;
  z-index:2;
}

/* ARROW */

.mob-link-arrow,
.arrow{

  color:rgba(255,255,255,.5);

  font-size:.9rem;

  position:relative;
  z-index:2;

  transition:.35s ease;
}

.mob-link:hover .mob-link-arrow{
  color:var(--dark);
  transform:translateX(5px);
}

/* DROPDOWN */

.mob-drop.active .arrow{

  transform:rotate(180deg);

  color:var(--peach);
}

/* SUBMENU */

.mob-submenu{

  max-height:0;

  overflow:hidden;

  transition:.4s ease;

  display:flex;
  flex-direction:column;

  gap:10px;

  padding:0 4px;
}

.mob-drop.active .mob-submenu{

  max-height:320px;

  margin-top:10px;
}

/* SUB BTN */

.mob-submenu a{

  height:44px;

  border-radius:14px;

  background:
  rgba(255,255,255,.04);

  border:
  1px solid rgba(255,255,255,.05);

  padding:0 16px;

  display:flex;
  align-items:center;
  gap:12px;

  text-decoration:none;

  color:rgba(255,255,255,.82);

  font-family:'Nunito',sans-serif;
  font-weight:700;
  font-size:.9rem;

  transition:.35s ease;
}

.mob-submenu a:hover{

  background:
  rgba(240,195,142,.1);

  color:var(--peach);

  transform:translateX(4px);
}

/* CTA */
/* PREMIUM CTA */

.mob-socials{

  margin-top:20px;

  width:100%;
padding-bottom:25px;
  display:flex;
  align-items:center;
  justify-content:center;

  flex-direction:row;

  gap:14px;
}

.mob-cta{

  position:relative;

margin-top:auto;
  width:100%;
  height:62px;

  border:none;
  outline:none;

  border-radius:50px;

  background:
  linear-gradient(
  135deg,
  #26214a,
  #1b1737
  );

  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  color:#fff;

  font-family:'Fredoka One',cursive;
  font-size:.95rem;

  cursor:pointer;

  transition:.4s ease;

  box-shadow:
  0 10px 24px rgba(0,0,0,.28);
}

/* HOVER LIGHT */
.mob-cta::before{

  content:'';

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  90deg,
  transparent 0%,
  rgba(240,195,142,.06) 20%,
  rgba(240,195,142,.16) 50%,
  rgba(240,195,142,.06) 80%,
  transparent 100%
  );

  transform:
  translateX(-100%);

  transition:
  transform .9s ease;
}
/* TEXT */

.mob-cta span,
.mob-cta i{

  position:relative;

  z-index:2;
}

/* ICON */

.mob-cta i{

  transition:.35s ease;
}

/* HOVER */

.mob-cta:hover{

  border:
  1px solid rgba(240,195,142,.18);

  box-shadow:
  0 12px 28px rgba(240,195,142,.14);

  transform:translateY(-2px);
}

/* LIGHT MOVE */

.mob-cta:hover::before{

transform:translateX(100%);}

/* ARROW MOVE */

.mob-cta:hover i{

  color:var(--peach);

  transform:translateX(6px);
}

/* TEXT GLOW */

.mob-cta:hover span{

  color:var(--peach);

  text-shadow:
  0 0 12px rgba(240,195,142,.28);
}
.mob-socials a{

  width:46px;
  height:46px;

  border-radius:14px;

  background:
  rgba(255,255,255,.05);

  border:
  1px solid rgba(255,255,255,.06);

  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  font-size:1rem;

  transition:.35s ease;
}

.mob-socials a:hover{

  background:
  rgba(240,195,142,.12);

  color:var(--peach);

  transform:
  translateY(-3px)
  scale(1.04);

  box-shadow:
  0 8px 22px rgba(240,195,142,.14);
}

/* =========================
   PREMIUM SEARCH CARDS
========================= */

.search-results{

  margin-top:18px;

  display:none;
  flex-direction:column;

  gap:14px;

  max-height:420px;

  overflow-y:auto;

  padding-right:4px;
}

.search-results.show{
  display:flex;
}

/* SCROLL */

.search-results::-webkit-scrollbar{
  width:4px;
}

.search-results::-webkit-scrollbar-thumb{

  background:
  rgba(240,195,142,.18);

  border-radius:20px;
}

/* CARD */

.search-card{

  position:relative;

  width:100%;

  min-height:92px;

  border-radius:24px;

  background:
  rgba(255,255,255,.04);

  border:
  1px solid rgba(255,255,255,.06);

  padding:14px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:14px;

  overflow:hidden;

  transition:.35s ease;
}

/* HOVER LIGHT */

.search-card::before{

  content:'';

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  135deg,
  rgba(240,195,142,.08),
  rgba(241,170,155,.03)
  );

  opacity:0;

  transition:.35s ease;
}

.search-card:hover::before{
  opacity:1;
}

/* HOVER */

.search-card:hover{

  transform:
  translateY(-3px);

  border-color:
  rgba(240,195,142,.14);

  box-shadow:
  0 14px 32px rgba(0,0,0,.22);
}

/* LEFT */

.search-left{

  display:flex;
  align-items:center;

  gap:14px;

  flex:1;

  position:relative;
  z-index:2;
}

/* LOTTIE */

.search-lottie{

  width:72px;
  height:72px;

  border-radius:18px;

  background:
  rgba(240,195,142,.08);

  border:
  1px solid rgba(240,195,142,.08);

  display:flex;
  align-items:center;
  justify-content:center;

  flex-shrink:0;
  overflow: hidden;
}

/* INFO */

.search-info{

  flex:1;

  min-width:0;
}

/* TOP */

.search-top{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:4px;
}

.search-top h4{

  color:#fff;

  font-family:'Nunito',sans-serif;
  font-size:.96rem;
  font-weight:800;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* TYPE */

.food-type{

  padding:4px 8px;

  border-radius:50px;

  font-size:.65rem;
  font-weight:800;
  text-transform:uppercase;

  letter-spacing:.4px;
}

.food-type.veg{

  background:
  rgba(98,255,120,.1);

  color:#62ff78;
}

.food-type.nonveg{

  background:
  rgba(255,98,98,.1);

  color:#ff6262;
}

/* DESC */

.search-info p{

  color:rgba(255,255,255,.48);

  font-size:.76rem;

  line-height:1.4;

  margin-bottom:7px;
}

/* META */

.search-meta{

  display:flex;
  align-items:center;

  gap:10px;

  flex-wrap:wrap;
}

.search-meta span{

  display:flex;
  align-items:center;

  gap:5px;

  color:rgba(255,255,255,.58);

  font-size:.72rem;
  font-weight:700;
}

.search-meta i{
  color:var(--peach);
}

/* RIGHT */

.search-right{

  display:flex;
  flex-direction:column;
  align-items:flex-end;

  gap:10px;

  position:relative;
  z-index:2;
}

/* PRICE */

.search-right h3{

  color:var(--peach);

  font-family:'Fredoka One',cursive;

  font-size:1rem;
}

/* ADD BTN */

.search-add-btn{

  width:36px;
  height:36px;

  border:none;
  outline:none;

  border-radius:14px;

  background:
  rgba(240,195,142,.12);

  border:
  1px solid rgba(240,195,142,.12);

  color:var(--peach);

  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:.35s ease;
}

/* HOVER */

.search-add-btn:hover{

  background:
  linear-gradient(
  135deg,
  var(--peach),
  var(--pink)
  );

  color:var(--dark);

  transform:
  scale(1.08)
  rotate(90deg);

  box-shadow:
  0 8px 22px rgba(240,195,142,.18);
}

/* MOBILE */

@media(max-width:600px){

  .search-card{

    padding:12px;

    border-radius:20px;
  }

  .search-lottie{

    width:54px;
    height:54px;
  }

  .hero-title{

  font-size:3rem;

  line-height:.96;

  max-width:100%;
}

.t-line{

  gap:10px;
}

  .search-top h4{
    font-size:.88rem;
  }

  .search-info p{
    font-size:.72rem;
  }

  .search-right h3{
    font-size:.9rem;
  }
}
/* SEARCH GIF */
.search-gif{

  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:16px;

  display:block;
}