:root{--navy:#062c57;--navy2:#073b73;--yellow:#ffbf19;--green:#08a866}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102b50;background:#fff}.main-nav{background:linear-gradient(90deg,#052850,#073e79);min-height:58px}.navbar-brand{font-size:1.25rem}.navbar-brand span:last-child{color:var(--yellow)}.brand-mark{color:var(--yellow);font-size:1.7rem;margin-right:5px}.nav-link{font-weight:600;margin:0 .45rem}.hero{background:radial-gradient(circle at 78% 45%,#174e83 0,#092f5d 42%,#031e3e 100%);color:#fff;min-height:330px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,rgba(0,0,0,.22))}.eyebrow{color:var(--yellow);font-weight:800;font-size:1rem}.hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;margin:.25rem 0}.hero h1 span{color:#ffb719}.hero .lead{font-size:1.25rem}.hero-features{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.2rem 0}.hero-features i{color:var(--yellow);font-size:1.2rem;margin-right:.35rem}.fireworks-art{font-size:6rem;letter-spacing:-.6rem;filter:drop-shadow(0 0 18px rgba(255,193,7,.5));transform:rotate(-3deg)}.fireworks-art span{font-size:4rem}.categories{background:#f7fbff;border-bottom:1px solid #e8eef6}.category{border:0;background:transparent;width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#082c57;font-weight:700}.category i{width:50px;height:50px;border-radius:50%;background:#e8f2ff;display:grid;place-items:center;font-size:1.3rem}.category.active i{background:var(--yellow)}.category small{font-size:.75rem}.section-head h2{font-weight:800;margin:0}.underbar{width:34px;height:3px;background:var(--yellow);margin-top:7px}.search-box{max-width:270px}.product-card{height:100%;border:1px solid #dce5ef;border-radius:8px;background:#fff;transition:.2s;overflow:hidden}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,30,70,.09)}.product-img{height:145px;background:linear-gradient(135deg,#fff7e1,#edf6ff);display:grid;place-items:center;font-size:4.3rem}.product-body{padding:1rem}.product-title{font-weight:800;color:#12365d}.product-desc{font-size:.78rem;color:#66809d;min-height:34px}.price{font-size:1.05rem;font-weight:800;color:#102b50}.add-btn{background:var(--green);border:0;font-weight:700}.add-btn:hover{background:#078b55}.summary-card{position:sticky;top:75px}.total{color:var(--green)}.safe-note{text-align:center;font-size:.75rem;color:#607a96}.cart-row{border-bottom:1px solid #e7edf3;padding:12px 0}.qty button{width:30px;height:30px;padding:0}.bank-panel{background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #d9e8f7;border-radius:8px;padding:2rem}.bank-icon{width:48px;height:48px;border-radius:50%;background:#0a376a;color:#fff;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1rem}.bank-panel td:first-child{color:#5b718a;width:40%}.bank-panel td:last-child{font-weight:700}.thankyou{font-family:cursive;font-size:1.2rem}.footer{background:#03274d;color:#fff}.steps{display:flex;justify-content:space-between;color:#8ba0b7;font-size:.85rem;font-weight:700}.steps span{padding:.45rem .7rem;border-bottom:2px solid #d8e1eb}.steps .done{color:#07985d;border-color:#07985d}.steps .current{color:#0a376a;border-color:var(--yellow)}
@media(max-width:767px){.hero{padding:45px 0}.fireworks-art{font-size:4.2rem;margin-top:15px}.hero-features{gap:.8rem;font-size:.85rem}.category i{width:43px;height:43px}.search-box{max-width:none;width:100%}.section-head{align-items:stretch!important;flex-direction:column}.product-img{height:120px}.summary-card{position:static}.bank-panel{padding:1.25rem}.nav-link{margin:0}.navbar-collapse{padding:10px 0}}


  .terms-box {
    background: linear-gradient(135deg, #fff8e7, #fff3cd);
    border: 1px solid #f5d77a;
    border-radius: 14px;
    padding: 14px 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }

  .term-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    color: #5c4a16;
    font-size: 14px;
    border-bottom: 1px dashed #e5c866;
  }

  .term-item:last-child {
    border-bottom: 0;
  }

  .term-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }

  .term-item strong {
    color: #b02a37;
  }


#fireworks {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

.social-icons .social {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  text-decoration: none;
  transition: all .3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.social:hover {
  transform: translateY(-4px) scale(1.08);
  color: white;
}

.whatsapp {
  background: #25D366;
}

.facebook {
  background: #1877F2;
}

.instagram {
  background: linear-gradient(
    45deg,
    #feda75,
    #fa7e1e,
    #d62976,
    #962fbf,
    #4f5bd5
  );
}

.youtube {
  background: #FF0000;
}

.telegram {
  background: #229ED9;
}

#toast {
    background: linear-gradient(135deg, #ff6b00, #ffb300, #e91e63);
    color: white;
    border-radius: 12px;
}
.toast-body{
  font-weight: bold;
}