/* ===== migration additions (AEO/SEO sections, breadcrumb, form, video) – set --msm-red to the brand colour ===== */
:root{--msm-red:#da251c;--msm-dark:#333;--msm-grey:#666;--msm-bg:#f5f5f5}
.msm-aeo{background:#fff;padding:60px 0}
.msm-aeo-row{width:80%;max-width:1080px;margin:auto}
.msm-aeo-head{text-align:center;margin-bottom:22px}
.msm-aeo-kicker{display:block;color:var(--msm-red);font-family:inherit;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.msm-aeo-title{font-family:inherit;font-size:30px;line-height:1.3;color:#000;padding:0}
.msm-aeo-answer{max-width:860px;margin:0 auto 22px;text-align:center;font-size:16px;line-height:1.8;color:var(--msm-grey)}
.msm-aeo-answer strong{color:var(--msm-dark);font-weight:600}
.msm-aeo-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}
.msm-aeo-links a{background:var(--msm-red);color:#fff;padding:10px 20px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:2px;transition:background .2s}
.msm-aeo-links a:hover,.msm-aeo-links a:focus{background:#b01d15}
.msm-faq{max-width:900px;margin:auto}
.msm-faq-item{border:1px solid #e5e5e5;border-left:4px solid var(--msm-red);background:#fff;margin-bottom:12px;border-radius:2px}
.msm-faq-item summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;position:relative}
.msm-faq-item summary::-webkit-details-marker{display:none}
.msm-faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--msm-red);font-weight:700}
.msm-faq-item[open] summary::after{content:'–'}
.msm-faq-item summary h3{font-size:17px;font-weight:600;color:var(--msm-dark);padding:0;margin:0;display:inline}
.msm-faq-item p{padding:0 20px 18px;margin:0;color:var(--msm-grey);font-size:15px;line-height:1.7}
.msm-nap{background:var(--msm-bg)}
.msm-nap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.msm-nap-grid>div{background:#fff;padding:24px;border-top:3px solid var(--msm-red)}
.msm-nap-grid h3{font-size:18px;color:var(--msm-red);padding-bottom:8px}
.msm-nap-grid p{font-size:15px;line-height:1.8;color:var(--msm-grey)}
.msm-nap-grid a{color:var(--msm-dark)}
.msm-breadcrumb{background:#f7f7f7;border-bottom:1px solid #eee}
.msm-bc-inner{width:80%;max-width:1080px;margin:auto;padding:10px 0}
.msm-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:13px}
.msm-breadcrumb li+li::before{content:'›';margin:0 8px;color:#999}
.msm-breadcrumb a{color:var(--msm-red)}
.msm-breadcrumb li[aria-current]{color:#555}
/* lite YouTube (videos load only on click – faster page) */
.msm-yt{position:relative;display:block;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer;overflow:hidden}
.msm-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.msm-yt::after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.5 7.7a8.5 8.5 0 0 0-6-6C55.3.3 34 .3 34 .3s-21.3 0-26.5 1.4a8.5 8.5 0 0 0-6 6C.1 12.9.1 24 .1 24s0 11.1 1.4 16.3a8.5 8.5 0 0 0 6 6C12.7 47.7 34 47.7 34 47.7s21.3 0 26.5-1.4a8.5 8.5 0 0 0 6-6C67.9 35.1 67.9 24 67.9 24s0-11.1-1.4-16.3z' fill='%23da251c'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.msm-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* form */
.msm-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.msm-form-msg{padding:14px 18px;margin:10px 0 18px;border-radius:2px;font-size:15px}
.msm-ok{background:#e8f6ec;border-left:4px solid #2e9e4f;color:#1d5e30}
.msm-err{background:#fdecea;border-left:4px solid var(--msm-red);color:#8a1d15}
.gfield_error input,.gfield_error textarea{border-color:var(--msm-red)!important}
@media(max-width:980px){.msm-nap-grid{grid-template-columns:1fr}.msm-aeo-row,.msm-bc-inner{width:90%}.msm-aeo-title{font-size:24px}.msm-aeo{padding:40px 0}}
/* ---- AEO blocks v3 ---- */
.msm-definition{max-width:860px;margin:-8px auto 22px;text-align:center;font-size:15px;color:var(--msm-grey);font-style:italic}
.msm-answer{padding:40px 0 30px}
.msm-glance{background:var(--msm-bg)}
.msm-glance-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.msm-glance-grid li{background:#fff;text-align:center;padding:22px 12px;border-bottom:3px solid var(--msm-red)}
.msm-stat{display:block;font-size:32px;font-weight:700;color:var(--msm-red);line-height:1.2}
.msm-stat-label{display:block;font-size:14px;color:var(--msm-dark);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}
.msm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;counter-reset:s}
.msm-steps li{background:#fff;border:1px solid #eee;padding:26px 20px 20px;position:relative;text-align:center}
.msm-step-no{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--msm-red);color:#fff;font-weight:700;font-size:18px;margin-bottom:10px}
.msm-steps h3,.msm-why-grid h3{font-size:17px;color:var(--msm-dark);padding-bottom:6px}
.msm-steps p,.msm-why-grid p{font-size:14px;line-height:1.7;color:var(--msm-grey)}
.msm-trust{background:var(--msm-bg)}
.msm-trust-list{list-style:none;margin:0 auto 24px;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px}
.msm-trust-list li{padding-left:28px;position:relative;font-size:15px;line-height:1.7;color:var(--msm-dark)}
.msm-trust-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--msm-red);font-weight:700}
.msm-trust-logos{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center}
.msm-trust-logos img{height:60px;width:auto;object-fit:contain;filter:grayscale(.2)}
.msm-why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.msm-why-grid li{border-top:3px solid var(--msm-red);background:#fff;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
/* theme list styles (Divi/Elementor) must not leak into AEO blocks */
.msm-aeo ul,.msm-aeo ol{list-style:none!important;padding:0!important;margin-left:0!important}
.msm-aeo li{list-style:none!important}.msm-aeo li::marker{content:''}
.msm-aeo ul li::before{color:var(--msm-red)}

/* ---- AEO area: one new section at the bottom, theme colour accents ---- */
.msm-aeo{border-top:1px solid #eee}
.msm-aeo + .msm-aeo{border-top:0;padding-top:20px}
/* ---- contact form: clean, responsive (scoped to our form only) ---- */
#gform_wrapper_1{max-width:860px;margin:0 auto}
#gform_wrapper_1 .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
#gform_wrapper_1 .gfield{grid-column:auto!important;width:auto!important;margin:0!important}
#gform_wrapper_1 .gfield--width-full,#gform_wrapper_1 .msm-hp{grid-column:1/-1!important}
#gform_wrapper_1 input:not([type=hidden]),#gform_wrapper_1 select,#gform_wrapper_1 textarea{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:12px 14px!important;border:1px solid #d6d6d6!important;border-radius:4px!important;font-size:15px!important;background:#fff!important;color:#333;transition:border-color .2s,box-shadow .2s}
#gform_wrapper_1 input:focus,#gform_wrapper_1 select:focus,#gform_wrapper_1 textarea:focus{outline:0;border-color:var(--msm-red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--msm-red) 18%,transparent)}
#gform_wrapper_1 .gform_button{background:var(--msm-red)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:13px 34px!important;font-size:16px!important;font-weight:600;cursor:pointer;transition:filter .2s}
#gform_wrapper_1 .gform_button:hover{filter:brightness(.9)}
#gform_wrapper_1 .gfield_error input,#gform_wrapper_1 .gfield_error select,#gform_wrapper_1 .gfield_error textarea{border-color:#c62828!important}
@media(max-width:767px){#gform_wrapper_1 .gform_fields{grid-template-columns:1fr}#gform_wrapper_1 .gform_button{width:100%}}

:root{--msm-red:#22297a}

/* ===== Phils Bistro – review round 2 (theme fonts/colours, advanced FAQ, CTA, gallery grid, WhatsApp) ===== */
:root{--pb-navy:#22297a;--pb-red:#ba251e;--pb-cream:#fdf6f3;--pb-font:'Sanchez',Georgia,"Times New Roman",serif}
.msm-aeo,.msm-aeo h2,.msm-aeo h3,.msm-aeo p,.msm-aeo a,.msm-aeo span{font-family:var(--pb-font)!important}
.msm-aeo{padding:70px 0}
.msm-aeo-kicker{color:var(--pb-navy);font-size:13px;letter-spacing:2px}
.msm-aeo-title{font-size:32px;color:#222}
.msm-aeo-row{width:80%;max-width:1180px;margin:0 auto}
.msm-btn{display:inline-block;padding:13px 26px;border-radius:30px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;line-height:1.2}
.msm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.msm-btn-primary{background:var(--pb-red);color:#fff!important}
.msm-btn-wa{background:#25d366;color:#fff!important}
.msm-btn-ghost{background:transparent;color:#fff!important;border:2px solid #fff}
/* at a glance */
.msm-glance{background:var(--pb-cream)}
.msm-glance .msm-aeo-head{text-align:center;margin-bottom:30px}
.msm-glance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none!important;padding:0!important;margin:0}
.msm-glance-grid li{background:#fff;border-radius:14px;padding:26px 14px;text-align:center;box-shadow:0 6px 22px rgba(34,41,122,.08);border-bottom:4px solid var(--pb-navy)}
.msm-stat{display:block;font-size:30px;font-weight:700;color:var(--pb-navy);line-height:1.2;margin-bottom:6px}
.msm-stat-label{display:block;font-size:14px;color:#555;line-height:1.5}
/* why choose us */
.msm-why .msm-aeo-head{text-align:center;margin-bottom:34px}
.msm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none!important;padding:0!important;margin:0}
.msm-why-grid li{position:relative;background:#fff;border:1px solid #eee;border-radius:14px;padding:28px 24px 24px;transition:transform .25s,box-shadow .25s}
.msm-why-grid li:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(34,41,122,.12)}
.msm-why-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--pb-navy);color:#fff;font-weight:700;font-size:15px;margin-bottom:14px}
.msm-why-grid h3{font-size:19px;color:#222;padding:0 0 6px}
.msm-why-grid p{font-size:15px;line-height:1.7;color:#555;padding:0}
/* advanced FAQ */
.msm-faq-wrap{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:40px;align-items:start}
.msm-faq-intro{position:sticky;top:110px;background:var(--pb-navy);color:#fff;border-radius:18px;padding:36px 30px;box-shadow:0 14px 40px rgba(34,41,122,.25)}
.msm-faq-intro .msm-aeo-head{text-align:left;margin:0 0 14px}
.msm-faq-intro .msm-aeo-kicker{color:#ffd9d6}
.msm-faq-intro .msm-aeo-title{color:#fff;font-size:30px}
.msm-faq-lead{color:#e6e8ff;font-size:15px;line-height:1.8;padding:0 0 22px}
.msm-faq{margin:0}
.msm-faq-item{border:1px solid #ececf3;border-left:0;border-radius:12px;background:#fff;margin-bottom:12px;box-shadow:0 3px 12px rgba(0,0,0,.04);overflow:hidden}
.msm-faq-item[open]{border-color:var(--pb-navy);box-shadow:0 8px 24px rgba(34,41,122,.12)}
.msm-faq-item summary{display:flex;align-items:center;gap:14px;padding:18px 56px 18px 18px;cursor:pointer;list-style:none;position:relative}
.msm-faq-item summary::-webkit-details-marker{display:none}
.msm-faq-item summary::after{content:'+';right:18px;width:30px;height:30px;border-radius:50%;background:#f0f1fa;color:var(--pb-navy);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .25s,background .25s}
.msm-faq-item[open] summary::after{content:'+';transform:translateY(-50%) rotate(45deg);background:var(--pb-red);color:#fff}
.msm-faq-no{flex:0 0 auto;font-weight:700;color:var(--pb-red);font-size:15px;min-width:24px}
.msm-faq-item summary h3{font-size:17px;line-height:1.5;color:#222}
.msm-faq-item p{padding:0 22px 20px 56px;font-size:15px;line-height:1.8;color:#555}
/* CTA band */
.msm-cta{padding:0 0 70px}
.msm-cta-inner{background:linear-gradient(120deg,var(--pb-navy) 0%,#3a2a7a 55%,var(--pb-red) 140%);border-radius:22px;padding:50px 40px;text-align:center;color:#fff;box-shadow:0 18px 45px rgba(34,41,122,.3)}
.msm-cta .msm-aeo-head{margin-bottom:10px}
.msm-cta .msm-aeo-kicker{color:#ffd9d6}
.msm-cta .msm-aeo-title{color:#fff}
.msm-cta-text{color:#e6e8ff;font-size:16px;line-height:1.8;max-width:680px;margin:0 auto 24px;padding:0}
.msm-cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
/* footer contact lines (were extra H1/H2) – same small theme size */
.msm-foot-line{font-family:var(--pb-font);font-size:14px!important;line-height:1.7!important;padding:0 0 6px!important;margin:0;color:inherit}
.msm-foot-line strong{font-weight:700}
/* banner headings white on every inner page */
.msm-banner-h1,.msm-banner-h1 *{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35)}
/* gallery – even grid (masonry JS + lazy images left gaps/overlap) */
.dnxte-msnary-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;height:auto!important;position:static!important}
.dnxte-msnary-grid .dnxte-msnary-item{position:static!important;left:auto!important;top:auto!important;width:auto!important;transform:none!important;margin:0!important;padding:0!important}
.dnxte-msnary-grid .dnxte-msnary-item img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:10px}
.dnxte-msnary-grid .grid-sizer,.dnxte-msnary-grid .gutter-sizer{display:none!important}
/* WhatsApp float */
.msm-wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:99999;transition:transform .2s}
.msm-wa-float:hover{transform:scale(1.08)}
.msm-wa-float svg{width:32px;height:32px;fill:#fff}
@media(max-width:980px){
 .msm-aeo{padding:50px 0}.msm-aeo-row{width:90%}
 .msm-glance-grid{grid-template-columns:repeat(3,1fr)}
 .msm-why-grid{grid-template-columns:repeat(2,1fr)}
 .msm-faq-wrap{grid-template-columns:1fr;gap:24px}.msm-faq-intro{position:static}
 .dnxte-msnary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .msm-aeo-title,.msm-faq-intro .msm-aeo-title{font-size:24px}
 .msm-glance-grid{grid-template-columns:repeat(2,1fr);gap:12px}.msm-glance-grid li{padding:20px 10px}.msm-stat{font-size:24px}
 .msm-why-grid{grid-template-columns:1fr}
 .msm-faq-item summary{padding:15px 50px 15px 14px}.msm-faq-item summary h3{font-size:16px}.msm-faq-item p{padding:0 16px 16px 16px}
 .msm-cta-inner{padding:36px 20px;border-radius:16px}.msm-btn{width:100%;text-align:center}
 .dnxte-msnary-grid{gap:10px}
 .msm-wa-float{width:52px;height:52px;right:16px;bottom:16px}
}
.dnxte-msnary-wrapper,.dnxte-grid,.dnxte-msnary-grid{height:auto!important;min-height:0!important;background:transparent!important}
.dnxte-msnary-grid .dnxte-msnary-item,.dnxte-msnary-grid .image-link{background:transparent!important;border-radius:10px;overflow:hidden;display:block}
.dnxte-msnary-grid .dnxte-msnary-item{position:relative!important}
/* round 3: FAQ 5 + 5 columns, all added sections = theme row width (Divi .et_pb_row 80% / max 1080px) */
.msm-aeo-row{width:80%!important;max-width:1080px!important}
.msm-faq .msm-aeo-head,.msm-aeo.msm-faq .msm-aeo-head{text-align:center;margin-bottom:30px}
.msm-faq-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}
.msm-faq-col{min-width:0}
@media(max-width:980px){.msm-aeo-row{width:90%!important}.msm-faq-2col{grid-template-columns:1fr}}
#msm-faq .msm-aeo-row,#msm-faq .msm-faq-2col{max-width:1080px!important;width:80%}
#msm-faq .msm-faq-2col{width:100%}
@media(max-width:980px){.msm-aeo-row,#msm-faq .msm-aeo-row{width:80%!important}}
.msm-aeo.msm-faq{max-width:none!important;margin:0!important}
#footer-info{white-space:normal}#footer-info .msm-sep{margin:0 6px;opacity:.7}
@media(max-width:600px){#footer-info{font-size:12px!important;white-space:nowrap}#footer-info .msm-sep{margin:0 4px}}
.msm-blog-crumb ol{list-style:none!important;margin:10px 0 0;padding:0!important;display:flex;justify-content:center;gap:8px;font-family:var(--pb-font);font-size:15px}
.msm-blog-crumb li{color:#fff!important;padding:0!important}
.msm-blog-crumb li+li::before{content:'›';margin-right:8px;color:#fff}
.msm-blog-crumb a{color:#fff!important;text-decoration:underline}
/* ===== contact page form – classic look (labels on top, square inputs, grey submit) ===== */
#gform_wrapper_1{max-width:520px;margin:0}
#gform_wrapper_1 .gform_heading{display:none}
#gform_wrapper_1 .gform_fields{gap:16px 10px}
#gform_wrapper_1 .hidden_label .gfield_label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;display:block!important;margin:0 0 8px!important;font-family:var(--pb-font)!important;font-size:16px!important;font-weight:700!important;color:#666!important;line-height:1.3}
#gform_wrapper_1 input:not([type=hidden]),#gform_wrapper_1 select,#gform_wrapper_1 textarea{padding:8px 10px!important;border:1px solid #b5b5b5!important;border-radius:0!important;height:37px;font-size:15px!important;background:#fff!important}
#gform_wrapper_1 textarea{height:37px!important;min-height:37px;resize:vertical}
#gform_wrapper_1 ::placeholder{color:transparent}
#gform_wrapper_1 input:focus,#gform_wrapper_1 textarea:focus{border-color:#888!important;box-shadow:none}
#gform_wrapper_1 .gform_footer{margin-top:22px!important;padding:0!important}
#gform_wrapper_1 .gform_button{background:#ededed!important;color:#111!important;border:1px solid #767676!important;border-radius:0!important;padding:8px 22px!important;font-family:var(--pb-font)!important;font-size:14px!important;font-weight:400!important}
#gform_wrapper_1 .gform_button:hover{background:#e0e0e0!important;filter:none}
@media(max-width:767px){#gform_wrapper_1{max-width:100%}#gform_wrapper_1 .gform_fields{grid-template-columns:1fr}#gform_wrapper_1 .gform_button{width:auto}}
/* home – candle light banner (moved below Zomato band): centred, same content width */
.msm-candle{padding:50px 0!important;background:#fff}
.msm-candle .et_pb_row{width:80%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important}
.msm-candle .et_pb_column{width:100%!important;margin:0!important}
.msm-candle .et_pb_image{margin:0 auto!important;text-align:center;max-width:100%!important;width:100%!important}
.msm-candle .et_pb_image_wrap,.msm-candle img{display:block;width:100%!important;height:auto;border-radius:10px}
@media(max-width:980px){.msm-candle{padding:30px 0!important}.msm-candle .et_pb_row{width:90%!important}}
