/*
Theme Name: Mg Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Pho Hoang Gia multi-location pages. */
.phg-location-card{display:block!important}.phg-location-card img{display:none!important}
.phg-page,.phg-home,.phg-branch-page{--phg-gold:#c79516;--phg-ink:#211b13;--phg-paper:#fffaf0;color:var(--phg-ink)}.phg-page .phg-home{width:100vw;margin-inline:calc(50% - 50vw)}.phg-shell{width:auto;max-width:none;margin-inline:auto}.phg-eyebrow{margin:0 0 8px;color:var(--phg-gold);font-size:12px;font-weight:800;letter-spacing:.13em}.phg-hero{min-height:500px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(17,14,9,.91),rgba(17,14,9,.52) 52%,rgba(17,14,9,.08)),var(--phg-hero) center/cover}.phg-hero .phg-shell{padding-block:80px}.phg-hero h1{max-width:700px;margin:0 0 16px;color:#fff;font-size:clamp(38px,5vw,66px);line-height:1.02}.phg-hero p:not(.phg-eyebrow){max-width:490px;font-size:18px}.phg-locations{padding:64px 0;background:var(--phg-paper);text-align:center}.phg-locations h2,.phg-story h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05}.phg-intro{margin:8px 0 30px}.phg-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;text-align:left}.phg-location-card{display:grid;grid-template-columns:42% 1fr;overflow:hidden;border:1px solid #e6dcc9;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(46,31,7,.07)}.phg-location-card img{width:100%;height:100%;min-height:225px;object-fit:cover}.phg-location-card>div{padding:24px}.phg-location-card span{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--phg-gold);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}.phg-home .button,.phg-location-modal .button,.fml-menu__item{border-radius:8px}.phg-location-card h3{margin:11px 0 8px;font-size:28px}.phg-location-card p{margin:5px 0;font-size:14px;line-height:1.45}.phg-location-card .button{margin-top:15px}.phg-story{padding:74px 0;min-height:340px;color:#fff;background:linear-gradient(90deg,rgba(15,12,8,.85),rgba(15,12,8,.28)),var(--phg-hero) center/cover}.phg-story h2{color:#fff}.phg-story .phg-shell>p:last-child{max-width:470px;font-size:17px}.phg-location-modal{text-align:center;border-radius:8px}.phg-location-modal h2{margin:0 0 8px}.phg-location-modal .button{margin:8px 0}.phg-branch-map{max-width:1120px;margin:0 auto;text-align:center}.phg-branch-map h2{margin-bottom:7px}.phg-branch-map p{margin-bottom:20px}.phg-branch-map iframe{display:block;border-radius:8px}@media(max-width:849px){.phg-hero{min-height:440px}.phg-hero .phg-shell{padding-block:60px}.phg-location-grid{grid-template-columns:1fr}.phg-location-card{grid-template-columns:38% 1fr}.phg-location-card img{min-height:205px}.phg-location-card>div{padding:18px}.phg-location-card h3{font-size:23px}}@media(max-width:549px){.phg-hero h1{font-size:38px}.phg-hero p:not(.phg-eyebrow){font-size:15px}.phg-location-card{grid-template-columns:1fr}.phg-location-card img{height:180px;min-height:0}.phg-locations{padding:45px 0}.phg-story{padding:52px 0;min-height:300px}}

/* Multi-location refinements: full-bleed maps, footer links and responsive spacing. */
.phg-page > .section-content > .row { max-width: 100%; }
.phg-page > .section-content > .row > .col { padding-inline: 0; }
.home .content-area.page-wrapper, .home .row-main > .col { padding-inline: 0; }
.phg-page .phg-home { width: 100%; margin-inline: 0; }
.phg-page .container.phg-shell { padding-inline: 15px; }
.phg-map-section .row > .col { padding-bottom: 0; }
.phg-has-branch-map .content-area.page-wrapper, .phg-has-branch-map .row-main > .col { padding-bottom: 0; }
.phg-branch-map { width: 100vw; max-width: none; margin: 0 calc(50% - 50vw); text-align: center; }
.phg-branch-map__intro { padding-block: 36px 24px; }
.phg-branch-map iframe { width: 100%; height: 430px; border-radius: 0; }
#phg-location-modal { border-radius: 10px; overflow: hidden; }
.footer .phg-footer-grid > .col > .col-inner { border-radius: 8px; overflow: hidden; }
.phg-footer-directions { display: grid; gap: 10px; }
.phg-footer-direction { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; color: inherit; line-height: 1.25; transition: background-color .2s ease, border-color .2s ease; }
.phg-footer-direction:hover, .phg-footer-direction:focus-visible { border-color: rgba(199,149,22,.9); background: rgba(255,255,255,.08); color: #fff; }
.phg-footer-direction i:first-child { color: var(--phg-gold); font-size: 18px; }
.phg-footer-direction strong, .phg-footer-direction small { display: block; }
.phg-footer-direction small { margin-top: 3px; color: rgba(255,255,255,.68); font-size: 12px; }
@media (max-width: 849px) { .phg-branch-map__intro { padding-block: 28px 18px; } .phg-branch-map iframe { height: 340px; } .footer .phg-footer-grid > .col { padding-bottom: 12px; } }
@media (max-width: 549px) { .phg-hero .phg-shell { padding-block: 52px; } .phg-locations, .phg-story { padding-block: 42px; } .phg-branch-map iframe { height: 300px; } .phg-footer-direction { padding: 10px; } }

.phg-story .button { margin-top: 10px; }
.phg-home { --phg-gold: #c79516; --phg-paper: #fffaf0; color: #211b13; }
.phg-home-hero .section-content, .phg-home-story .section-content { display: flex; min-height: inherit; align-items: center; }
.phg-home-hero .row, .phg-home-story .row { width: 100%; }
.phg-home-hero h1 { max-width: 720px; margin: 0 0 16px; color: #fff; font-size: clamp(38px, 5vw, 66px); line-height: 1.02; }
.phg-home-hero .phg-hero-copy { max-width: 510px; font-size: 18px; }
.phg-home-locations { background: var(--phg-paper); }
.phg-home-locations h2, .phg-home-story h2 { margin: 0; line-height: 1.08; }
.phg-home-branch-row { margin-top: 20px; }
.phg-home-branch-card > .col-inner { height: 100%; border: 1px solid #e6dcc9; box-shadow: 0 8px 24px rgba(46,31,7,.07); }
.phg-home-branch-card h3 { margin: 8px 0; font-size: clamp(25px, 3vw, 32px); }
.phg-home-branch-card p { margin-bottom: 7px; }
.phg-branch-label { display: inline-block; margin: 0; border-radius: 6px; padding: 4px 8px; background: var(--phg-gold); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.phg-home-story h2 { color: #fff; font-size: clamp(30px, 4vw, 48px); }
.phg-home-story p:not(.phg-eyebrow) { max-width: 500px; font-size: 17px; }
.phg-home-story { background: #211b13; }
.phg-home-story .section-bg { display: none; }
@media (max-width: 549px) { .phg-home-hero h1 { font-size: 38px; } .phg-home-hero .phg-hero-copy { font-size: 15px; } .phg-home-locations { padding-block: 46px !important; } }
.phg-footer-slogan { margin: 18px auto 22px; max-width: 300px; color: rgba(255,255,255,.82); font-size: 16px; font-style: italic; line-height: 1.55; text-align: center; }
.phg-footer-native { padding-top: clamp(32px, 4vw, 56px); background: #171513; }
.phg-footer-native .section-bg { display: none; }
.phg-contact-page { padding: clamp(48px, 7vw, 88px) 0 52px; background: var(--phg-paper); }
.phg-contact-heading { max-width: 690px; margin: 0 auto 40px; text-align: center; }
.phg-contact-heading h1 { margin-bottom: 12px; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; }
.phg-contact-heading > p:last-child { font-size: 17px; }
.phg-contact-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 28px; align-items: start; }
.phg-contact-form, .phg-contact-branches { border: 1px solid #e7decd; border-radius: 10px; background: #fff; box-shadow: 0 10px 28px rgba(46,31,7,.07); }
.phg-contact-form { padding: clamp(24px, 4vw, 42px); }
.phg-contact-form h2 { margin-bottom: 22px; }
.phg-contact-branches { overflow: hidden; }
.phg-contact-branch { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 26px; }
.phg-contact-branch + .phg-contact-branch { border-top: 1px solid #eee3d2; }
.phg-contact-branch > i { padding-top: 4px; color: var(--phg-gold); font-size: 20px; }
.phg-contact-branch h2 { margin: 0 0 8px; font-size: 24px; }
.phg-contact-branch p { margin-bottom: 8px; line-height: 1.45; }
.phg-contact-branch .button { margin: 8px 0 0; border-radius: 8px; }
.phg-contact-maps article + article { margin-top: 0; }
.phg-contact-maps article:nth-child(odd) { background: #fff; }
.phg-contact-maps article:nth-child(even) { background: #f6f0e5; }
.phg-contact-maps h2 { margin: 0; padding: 30px 0 16px; text-align: center; }
.phg-contact-maps iframe { display: block; width: 100%; }
.phg-contact-native .phg-contact-card > .col-inner { height: 100%; border: 1px solid #e7decd; border-radius: 10px; box-shadow: 0 10px 28px rgba(46,31,7,.07); }
.phg-contact-native .phg-contact-card h2 { margin-top: 0; }
.phg-contact-native .phg-contact-form { padding: 0; border: 0; background: transparent; box-shadow: none; }
.phg-contact-native .row + .row { margin-top: 24px; }
@media (max-width: 849px) { .phg-contact-grid { grid-template-columns: 1fr; } .phg-contact-branch { padding: 22px; } }
@media (max-width: 549px) { .phg-contact-page { padding-block: 42px; } .phg-contact-heading { margin-bottom: 28px; } .phg-contact-heading > p:last-child { font-size: 15px; } .phg-contact-maps iframe { height: 300px; } }