/* ===== Additions – same palette & Mukta font as style.css ===== */
html { scroll-behavior: smooth; }
#f-sec, #faq, #combo { scroll-margin-top: 56px; }
a.text-violet:hover { color: #9748b6; }
.hp-field { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* New sections */
.combo-img { max-height: 520px; }
.combo-list li { margin-bottom: .45rem; }
.order-steps li { margin-bottom: .3rem; }
.stamina-img { max-height: 560px; }
.stamina-list .list-group-item { border-left: 3px solid #75099e; }

/* FAQ */
.faq-list { max-width: 900px; margin: 0 auto; }
.faq-item { background: #fff; border: 1px solid #dddddd; border-left: 4px solid #75099e; margin-bottom: 10px; }
.faq-item summary { cursor: pointer; padding: 14px 18px; font-weight: 600; list-style: none; position: relative; padding-right: 44px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 18px; top: 10px; font-size: 24px; color: #75099e; line-height: 1.2; }
.faq-item[open] summary::after { content: "\2212"; }
.faq-item p { padding: 0 18px 14px; margin: 0; }

/* Footer blog slider (right to left) */
.footer-area { padding-bottom: 50px; }
.footer-blog { overflow: hidden; }
.blog-viewport { overflow: hidden; }
.blog-track { display: flex; gap: 20px; will-change: transform; }
.blog-card { flex: 0 0 calc((100% - 60px) / 4); background: #fff; border: 1px solid #e3e3e3; display: flex; flex-direction: column; }
.blog-thumb { display: block; overflow: hidden; background: #75099e; aspect-ratio: 1200 / 630; }
.blog-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.blog-body time { font-size: 13px; color: #6c757d; }
.blog-body h3 { font-size: 18px; line-height: 1.3; margin: 4px 0 8px; }
.blog-body h3 a { color: #212529; }
.blog-body h3 a:hover { color: #75099e; text-decoration: none; }
.blog-body p { font-size: 15px; color: #555; flex: 1; margin-bottom: 8px; }
.blog-btn { width: 40px; height: 40px; border: 0; background: #75099e; color: #fff; margin-left: 6px; cursor: pointer; }
.blog-btn:hover, .blog-btn:focus { background: #9748b6; }
@media (max-width: 991px) { .blog-card { flex-basis: calc((100% - 20px) / 2); } }
@media (max-width: 575px) { .blog-card { flex-basis: 85%; } }

.footer-links a { color: #75099e; }
.footer-note { border-top: 1px dashed #ccc; padding-top: 10px; }

/* Mobile bottom bar – Enquire Now + Call (soft blink) */
.mobile-cta { display: flex; box-shadow: 0 -2px 8px rgba(0,0,0,.2); }
.mobile-cta .mcta { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 6px; font-size: 18px; font-weight: 600; text-decoration: none; }
.mcta-enquire { background: #75099e; color: #fff; }
.mcta-call { background: #ffc107; color: #75099e; }
.mcta-icon { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.mcta-enquire .mcta-icon { background: rgba(255,255,255,.18); }
.mcta-call .mcta-icon { background: rgba(117,9,158,.12); }
.mcta-enquire { animation: softBlink 1.8s ease-in-out infinite; }
.mcta-call { animation: softBlink 1.8s ease-in-out .9s infinite; }
.mcta-icon { animation: softPulse 1.8s ease-in-out infinite; }
@keyframes softBlink { 0%,100% { opacity: 1; } 50% { opacity: .72; } }
@keyframes softPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@media (max-width: 767px) { .footer-area { padding-bottom: 64px; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mcta-enquire, .mcta-call, .mcta-icon { animation: none; }
}
.form-highlight { box-shadow: 0 0 0 4px #ffc107; transition: box-shadow .3s; }

/* Inner pages (blog, policies) */
.page-hero { background: #75099e; color: #fff; padding: 40px 0 30px; }
.page-hero h1 { font-size: 2rem; margin: 0; }
.page-hero .breadcrumb { background: transparent; padding: 0; margin: 0 0 8px; font-size: 15px; }
.page-hero .breadcrumb a { color: #ffc107; }
.page-hero .breadcrumb-item.active, .page-hero .breadcrumb-item + .breadcrumb-item::before { color: #e9d6f1; }
.article-content { font-size: 18px; line-height: 1.75; }
.article-content h2 { color: #007bff; margin-top: 1.8rem; font-size: 1.6rem; }
.article-content h3 { color: #75099e; margin-top: 1.4rem; font-size: 1.3rem; }
.article-content img { max-width: 100%; height: auto; }
.article-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.article-content th, .article-content td { border: 1px solid #dddddd; padding: 8px; text-align: left; }
.article-content blockquote { border-left: 4px solid #0be049; background: #f8f9fa; padding: 12px 16px; }
.article-cover { width: 100%; height: auto; margin-bottom: 1.5rem; }
.cta-box { background: #75099e; color: #fff; padding: 24px; }
.cta-box h3 { color: #fff; }
.sidebar-box { border: 1px solid #e3e3e3; background: #fff; padding: 18px; margin-bottom: 20px; }
.sidebar-box h4 { color: #007bff; font-size: 1.2rem; }
.sidebar-box ul li { margin-bottom: 8px; }
.blog-grid .blog-card { flex: none; height: 100%; }
.policy-content { font-size: 17px; line-height: 1.7; }
.policy-content h2 { color: #007bff; font-size: 1.4rem; margin-top: 1.6rem; }