/* ===== FOOTER ===== */
    footer{
      background:var(--ink);
      padding:4rem 3rem 2rem;
    }
    .footer-top{
      display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
      gap:3rem;max-width:1100px;margin:0 auto;
      padding-bottom:3rem;
      border-bottom:1px solid rgba(255,255,255,0.08);
    }
    .footer-brand .logo-text{color:var(--white)}
    .footer-brand .logo-text span{color:var(--ink-muted)}
    .footer-brand p{font-size:13.5px;color:var(--ink-muted);line-height:1.9;margin-top:1rem;max-width:320px}
    .socials{display:flex;gap:10px;margin-top:1.25rem}
    .social-btn{
      width:36px;height:36px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,0.12);
      display:flex;align-items:center;justify-content:center;
      text-decoration:none;
      font-size:11px;font-weight:700;
      color:var(--ink-muted);
      transition:border-color .2s,color .2s,background .2s;
    }
    .social-btn:hover{border-color:var(--teal);color:var(--teal);background:rgba(30,133,137,0.1)}
    .footer-col h5{
      font-size:11px;
      font-weight:700;
      letter-spacing:0.18em;
      text-transform:uppercase;
      color:var(--white);
      margin-bottom:1.25rem;
      font-family: 'Plus Jakarta Sans',sans-serif;
    }
    .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
    .footer-col ul a{font-size:13.5px;color:var(--ink-muted);text-decoration:none;transition:color .2s}
    .footer-col ul a:hover{color:var(--teal)}
    .footer-bottom{
      max-width:1100px;margin:2rem auto 0;
      display:flex;align-items:center;justify-content:space-between;
      font-size:12px;color:var(--ink-muted);
      flex-wrap:wrap;gap:0.5rem;
    }
    .footer-bottom a{color:var(--teal);text-decoration:none}

    @media(max-width:1024px){

      .footer-top{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:768px){

      footer{
        padding:3rem 1.25rem 1.5rem;
      }

      .footer-top{
        grid-template-columns:1fr;
        gap:2rem;
      }

      .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
      }

    }

/* ===== CONTACT MODAL WRAPPER ===== */
.contact-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.contact-modal.active {
  display: block;
}

/* dark overlay */
.contact-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
}

/* modal box */
.contact-modal-content {
  position: relative;
  width: min(1100px, 95%);
  margin: 3% auto;
  max-height: 92vh;
  overflow-y: auto;
  background: transparent; /* we reuse your section styling */
}

/* close button */
.close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 2.2rem;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  z-index: 10;
}

/* make contact section behave nicely in modal */
.modal-contact-section {
  margin: 0;
  border-radius: 20px;
}

/* optional: reduce padding for modal */
.modal-contact-section .contact-inner {
  padding: 2rem;
}

/* ensure it looks centered */
@media (max-width: 768px) {
  .contact-modal-content {
    margin: 10% auto;
  }
}

/* ===== CONTACT LOADER ===== */
.contact-loader {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 10000;
  color: white;
  font-size: 14px;
  gap: 12px;
}

.contact-loader.active {
  display: flex;
}

/* spinner */
.contact-loader .spinner {
  width: 45px;
  height: 45px;
  border: 4px solid rgba(255,255,255,0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}


    /* ===== CONTACT (pink) ===== */
    .contact-section{
      background:var(--pink);
      padding:6rem 3rem;
    }
    .contact-inner{
      max-width:1100px;margin:0 auto;
      display:grid;grid-template-columns:1.2fr 1fr;
      gap:5rem;align-items:center;
    }
    .contact-left .section-eyebrow{color:var(--pink-dk)}
    .contact-left .section-title{color:var(--ink)}
    .contact-left .section-title em{color:var(--pink-dk)}
    .contact-left .section-desc{color:var(--ink-soft)}
    .contact-cards{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}
    .contact-card{
      display:flex;align-items:flex-start;gap:14px;
      background:rgba(255,255,255,0.65);
      border:1px solid rgba(255,255,255,0.8);
      border-radius:var(--radius-lg);
      padding:1.25rem 1.5rem;
      backdrop-filter:blur(4px);
      transition:background .2s,transform .2s;
    }
    .contact-card:hover{background:rgba(255,255,255,0.85);transform:translateX(4px)}
    .contact-card-icon{
      width:44px;height:44px;flex-shrink:0;
      background:var(--pink-dk);
      border-radius:var(--radius);
      display:flex;align-items:center;justify-content:center;
    }
    .contact-card-icon svg{width:20px;height:20px;stroke:var(--white);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .contact-card-body h4{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:4px}
    .contact-card-body p{font-size:14px;font-weight:600;color:var(--ink)}
    .contact-right{
      background:rgba(255,255,255,0.6);
      border:1px solid rgba(255,255,255,0.8);
      border-radius:var(--radius-xl);
      padding:2.5rem;
      backdrop-filter:blur(8px);
    }
    .contact-right h3{
      font-family:'Playfair Display',serif;
      font-size:1.4rem;font-weight:700;color:var(--ink);
      margin-bottom:1.5rem;
    }
    .form-group{margin-bottom:1rem}
    .form-group label{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mid);display:block;margin-bottom:6px}
    .form-group input,.form-group textarea{
      width:100%;
      background:rgba(255,255,255,0.7);
      border:1.5px solid rgba(212,97,147,0.25);
      border-radius:var(--radius);
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:14px;color:var(--ink);
      padding:11px 16px;outline:none;
      transition:border-color .2s,background .2s;
    }
    .form-group input:focus,.form-group textarea:focus{
      border-color:var(--pink-dk);
      background:var(--white);
    }
    .form-group textarea{height:100px;resize:none}
    .btn-pink{
      background:var(--pink-dk);
      color:var(--white);
      box-shadow:0 4px 20px rgba(212,97,147,0.35);
      padding:13px 28px;
      border-radius:50px;
      width:100%;
      justify-content:center;
      margin-top:0.5rem;
    }
    .btn-pink:hover{background:#c0527f;box-shadow:0 8px 30px rgba(212,97,147,0.45)}

    /* ===== SECTION UTILITY ===== */
    .section-eyebrow{
      font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;
      display:inline-flex;align-items:center;gap:10px;
      margin-bottom:0.8rem;
    }
    .section-eyebrow::before{content:'';width:24px;height:2px;border-radius:2px;background:currentColor}
    .section-title{
      font-family:'Playfair Display',serif;
      font-size:clamp(2rem,3.5vw,2.8rem);
      font-weight:700;line-height:1.2;
      letter-spacing:-0.02em;
    }
    .section-title em{font-style:italic}
    .section-desc{
      font-size:15px;line-height:1.9;
      max-width:520px;
      margin-top:0.75rem;
    }

    .btn{
      display:inline-flex;align-items:center;gap:9px;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:13px;font-weight:600;
      letter-spacing:0.06em;text-transform:uppercase;
      padding:14px 28px;border-radius:50px;
      text-decoration:none;border:none;cursor:pointer;
      transition:transform .2s,box-shadow .2s,background .2s;
    }

    /* ── NOTIFICATION TOAST ── */
    .toast{
      position:fixed;top:90px;right:24px;z-index:500;
      background:var(--ink);color:#fff;
      padding:14px 20px;border-radius:var(--radius-lg);
      display:flex;align-items:center;gap:10px;
      font-size:13.5px;font-weight:600;
      box-shadow:0 8px 32px rgba(0,0,0,0.2);
      transform:translateX(calc(100% + 40px));
      transition:transform .35s cubic-bezier(0.34,1.56,0.64,1);
      max-width:300px;
    }
    .toast.show{transform:translateX(0)}
    .toast-icon{width:28px;height:28px;background:var(--mint);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .toast-icon svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}


    /* #toast {
        position: fixed;
        top: 20px;
        right: 20px;
        min-width: 280px;
        max-width: 400px;
        padding: 14px 18px;
        border-radius: 8px;
        color: #fff;
        font-size: 14px;
        z-index: 9999;

        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);

        transition: all 0.3s ease;
    }

    #toast.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    #toast.success {
        background: #28a745;
    }

    #toast.error {
        background: #dc3545;
    } */