/* ===== Bổ sung: chức năng mới + responsive ===== */
html{scroll-behavior:smooth;scroll-padding-top:110px}
img{max-width:100%}
#sakura-container{pointer-events:none}

/* Toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);z-index:9999;display:flex;align-items:center;gap:10px;
 padding:14px 22px;border-radius:999px;background:#fff;color:#2D2D2D;font:500 15px Outfit,sans-serif;
 box-shadow:0 18px 45px rgba(232,91,139,.25);border:1px solid #ffd3e3;opacity:0;pointer-events:none;transition:.35s;max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast i{color:#E85B8B}.toast.err i{color:#d93a3a}.toast.err{border-color:#f3b4b4}

/* Form */
.contact-form-card input.invalid,.contact-form-card textarea.invalid{border-color:#d93a3a!important;box-shadow:0 0 0 4px rgba(217,58,58,.12)!important}
.contact-submit:disabled{opacity:.7;cursor:wait}

/* Nút lên đầu trang */
.back-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:0;border-radius:50%;z-index:900;
 background:linear-gradient(135deg,#E85B8B,#F65E9B);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}
.back-top:hover{transform:translateY(-3px)}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:10000;background:rgba(30,10,20,.85);display:none;align-items:center;justify-content:center;padding:24px}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox button{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#E85B8B;font-size:18px;cursor:pointer}

/* Sở thích: không có ảnh thì dùng nền gradient */
.hobby-card{position:relative;overflow:hidden;min-height:220px}
.hobby-book{background:linear-gradient(135deg,#ffd6e7,#ffb3cf)}
.hobby-paint{background:linear-gradient(135deg,#ffe9b8,#ffc9a8)}
.hobby-trekking{background:linear-gradient(135deg,#cdeedd,#9fd8bf)}
.hobby-photo{background:linear-gradient(135deg,#d7dcff,#b9c3ff)}
.hobby-card .hobby-overlay{background:linear-gradient(to top,rgba(0,0,0,.28),transparent 60%)}

/* Menu điện thoại */
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#E85B8B;font-size:19px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
@media(max-width:900px){
  .navbar{flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px!important}
  .menu-toggle{display:block}
  header nav,header .nav-action{display:none!important;width:100%}
  header.menu-open nav{display:block!important;order:3}
  header.menu-open .nav-action{display:flex!important;order:4;gap:10px;justify-content:center;padding-bottom:6px}
  header.menu-open nav ul{flex-direction:column;align-items:stretch;text-align:center;gap:4px}
  header.menu-open .nav-indicator{display:none}
  header.menu-open nav ul li a.active{background:#ffe3ee;border-radius:999px}
}
@media(max-width:768px){.hero{padding-top:150px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}