:root { --brand: #ef7b15; --brand-deep: #5b2410; --brand-soft: #fff0df; --brand-ink: #1b1722; }
.brand-page { background: #fffdfa; color: var(--brand-ink); }
.brand-page .brand-hero { position: relative; min-height: min(700px, 78vh); display: grid; align-items: end; overflow: hidden; color: #fff; background: var(--brand-deep); }
.brand-page .brand-hero::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgba(16,12,19,.88) 0%, rgba(16,12,19,.52) 48%, rgba(16,12,19,.16) 100%); }
.brand-page .brand-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.brand-page .brand-hero-video { position: absolute; inset: 0; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .35s ease; }
.brand-page .brand-hero.video-ready .brand-hero-video { opacity: 1; }
.brand-page .brand-hero-video iframe { position: absolute; top: 50%; left: 50%; width: 177.78vh; min-width: 100%; height: 56.25vw; min-height: 100%; border: 0; transform: translate(-50%,-50%); }
.brand-page .brand-hero .wrap { position: relative; z-index: 1; width: 100%; padding-top: 125px; padding-bottom: 76px; }
.brand-page .brand-kicker { display: inline-block; margin-bottom: 16px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.62); border-radius: 99px; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.brand-page .brand-hero h1 { max-width: 730px; margin: 0; font-size: clamp(3.8rem, 8vw, 8.5rem); letter-spacing: -.08em; line-height: .83; }
.brand-page .brand-logo { display: block; width: min(370px,68vw); margin: -10px 0 -8px -12px; mix-blend-mode: multiply; }
.brand-page .brand-hero p { max-width: 575px; margin: 24px 0 0; font-size: clamp(17px, 2vw, 21px); line-height: 1.45; }
.brand-page .brand-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.brand-page .brand-actions .button { background: var(--brand); }
.brand-page .brand-actions .button.alt { border: 1px solid rgba(255,255,255,.7); background: rgba(255,255,255,.12); color: #fff; }
.brand-page .brand-intro { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(290px,.7fr); gap: clamp(32px,8vw,130px); padding-top: 92px; padding-bottom: 92px; }
.brand-page .brand-intro h2,.brand-page .brand-menu h2,.brand-page .brand-franchise h2 { margin: 8px 0 0; font-size: clamp(2.6rem,5vw,5.1rem); letter-spacing: -.07em; line-height: .92; }
.brand-page .brand-intro p { max-width: 660px; font-size: 19px; line-height: 1.58; }
.brand-page .brand-points { display: grid; gap: 1px; border: 1px solid #e4d9cc; background: #e4d9cc; }
.brand-page .brand-points div { padding: 21px; background: #fffdfa; }
.brand-page .brand-points strong { display: block; color: var(--brand-deep); font-size: 18px; }
.brand-page .brand-points span { display: block; margin-top: 5px; color: #665d58; font-size: 15px; line-height: 1.4; }
.brand-page .brand-menu { padding: 88px 0 96px; background: var(--brand-soft); }
.brand-page .brand-menu-top { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 35px; }
.brand-page .brand-menu-top p { max-width: 490px; margin: 0; color: #5c504a; font-size: 17px; line-height: 1.5; }
.brand-page .product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.brand-page .product-card { min-width: 0; overflow: hidden; border: 1px solid rgba(75,45,25,.14); border-radius: 18px; background: #fffdfa; }
.brand-page .product-card img { display: block; width: 100%; height: 210px; object-fit: cover; }
.brand-page .product-card div { padding: 18px; }
.brand-page .product-card h3 { margin: 0; font-size: 20px; line-height: 1.1; }
.brand-page .product-card p { margin: 8px 0 0; color: #685d56; font-size: 15px; line-height: 1.42; }
.brand-page .full-menu-action { display: flex; justify-content: center; margin-top: 34px; }
.brand-page .full-menu-action .button { background: var(--brand); }
.full-menu-open { overflow: hidden; }
.full-menu-viewer { position: fixed; z-index: 100; inset: 0; overflow-y: auto; padding: clamp(16px,4vw,52px); background: rgba(24,20,17,.78); }
.full-menu-viewer[hidden] { display: none; }
.full-menu-panel { width: min(1320px,100%); margin: 0 auto; padding: 18px; border-radius: 18px; background: #fffdf8; box-shadow: 0 22px 80px rgba(0,0,0,.35); }
.full-menu-bar { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 6px 6px 18px; }
.full-menu-bar h2 { margin: 5px 0 0; color: var(--brand); font-size: 44px; letter-spacing: -.06em; line-height: .9; }
.full-menu-close { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 50%; background: var(--brand); color: #fff; font-size: 31px; line-height: 1; cursor: pointer; }
.full-menu-pages { display: grid; gap: 16px; }
.full-menu-pages img { display: block; width: 100%; height: auto; border: 1px solid #e3d5bc; }
.brand-page .brand-franchise { padding: 96px 0; background: var(--brand-deep); color: #fff; }
.brand-page .brand-franchise-grid { display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: end; }
.brand-page .brand-franchise h2 { max-width: 760px; }
.brand-page .brand-franchise p { max-width: 650px; margin: 18px 0 0; color: rgba(255,255,255,.83); font-size: 18px; line-height: 1.5; }
.brand-page .brand-franchise .button { background: var(--brand); white-space: nowrap; }
.brand-page .brand-location { padding: 58px 0; background: #fffdfa; }
.brand-page .brand-location .wrap { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand-page .brand-location h2 { margin: 0; font-size: clamp(2rem,3.5vw,3.5rem); letter-spacing: -.06em; }
.brand-page .brand-location p { margin: 9px 0 0; color: #655b55; font-size: 17px; }
.brand-page .brand-location .button { background: var(--brand); white-space: nowrap; }
@media (max-width: 900px) { .brand-page .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .brand-page .brand-hero { min-height: 630px; } }
@media (max-width: 700px) { .brand-page .brand-hero { min-height: 570px; } .brand-page .brand-hero::after { background: linear-gradient(0deg,rgba(16,12,19,.88),rgba(16,12,19,.25)); } .brand-page .brand-hero .wrap { padding-top: 100px; padding-bottom: 45px; } .brand-page .brand-intro,.brand-page .brand-franchise-grid { grid-template-columns: 1fr; } .brand-page .brand-menu-top,.brand-page .brand-location .wrap { display: block; } .brand-page .brand-menu-top p { margin-top: 18px; } .brand-page .brand-franchise .button,.brand-page .brand-location .button { margin-top: 26px; } }
@media (max-width: 480px) { .brand-page .product-grid { grid-template-columns: 1fr; } .brand-page .brand-hero h1 { font-size: clamp(3.5rem,17vw,5rem); } }

/* Mang Pastil's palette: #2C521F, #AD6D16, #EECC0E and #E7C794. */
.brand-mang #brand-content h2 { font-size: 44px !important; line-height: .98; }
.brand-mang .brand-hero::after { background: linear-gradient(90deg,rgba(44,82,31,.58) 0%,rgba(44,82,31,.38) 52%,rgba(44,82,31,.12) 100%); }
.brand-mang .brand-hero { align-items: stretch; }
.brand-mang .brand-hero .wrap { display: flex; width: min(850px,calc(100% - 36px)); min-height: inherit; padding: 78px 0; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; text-align: center; }
.brand-mang .brand-hero h1 { max-width: none; text-shadow: 0 3px 18px rgba(15,37,12,.42); }
.brand-mang .brand-actions { justify-content: center; }
.brand-mang .brand-logo { filter: saturate(1.08) contrast(1.03); }
.brand-mang .brand-kicker { border-color: #EECC0E; color: #EECC0E; }
.brand-mang .brand-actions .button,.brand-mang .brand-franchise .button,.brand-mang .brand-location .button { color: #2C521F; font-weight: 800; }
.brand-mang .brand-menu { background: #F7EFDF; }
.brand-mang .brand-location { padding: 72px 0; background: #fffdfa; }
.brand-mang .brand-location .wrap { padding: clamp(30px,4vw,48px); border-radius: 24px; background: #2C521F; color: #fff; box-shadow: 0 18px 42px rgba(44,82,31,.13); }
.brand-mang .brand-location h2 { margin: 0; color: #fff; }
.brand-mang .brand-location p { margin: 12px 0 0; color: rgba(255,255,255,.84); }
.brand-mang .brand-location .button { background: #EECC0E; color: #2C521F; }
.brand-mang .full-menu-action .button { color: #2C521F; }
.brand-mang .brand-menu .eyebrow,.brand-mang .brand-intro .eyebrow { color: #AD6D16; }
.brand-mang .brand-intro h2,.brand-mang .brand-menu h2 { color: #2C521F; }
.brand-mang .brand-points { border-color: #d8b77e; background: #d8b77e; }
.brand-mang .brand-points strong { color: #2C521F; }
.brand-mang .brand-franchise { background: #2C521F; }
.brand-mang .brand-franchise .eyebrow,.brand-mang .brand-franchise p { color: #fff; }
.brand-mang .site-footer,.brand-mang .site-footer .footer-shell { background: #2C521F; }
.brand-mang .site-footer .footer-label { color: #fff; }
.brand-mang .site-footer .footer-column a,.brand-mang .site-footer .footer-bottom,.brand-mang .site-footer .footer-find { color: #fff; }
.brand-mang .site-footer .footer-search { border-color: rgba(238,204,14,.72); background: rgba(231,199,148,.09); }
.brand-mang .site-footer .footer-search input,.brand-mang .site-footer .footer-search input::placeholder,.brand-mang .site-footer .footer-search button { color: #fff; }
.brand-mang .site-footer .footer-social span { border-color: rgba(238,204,14,.72); color: #EECC0E; }
.brand-mang .site-footer .footer-bottom { border-top-color: rgba(231,199,148,.35); }

/* The non-Cassalu brands live together on one focused discovery page. */
.brand-hub { background: #fffdfa; color: #1b1722; }
.brand-hub-hero { padding: 132px 0 74px; background: #19152a; color: #fff; }
.brand-hub-hero h1 { max-width: 900px; margin: 10px 0 0; font-size: clamp(3.5rem,8vw,8rem); letter-spacing: -.08em; line-height: .86; }
.brand-hub-hero p { max-width: 630px; margin: 24px 0 0; color: rgba(255,255,255,.8); font-size: 19px; line-height: 1.5; }
.brand-anchor-nav { position: sticky; z-index: 5; top: 0; display: flex; gap: 8px; overflow-x: auto; padding: 13px max(18px,calc((100vw - 1180px) / 2)); background: #fffdfa; border-bottom: 1px solid #e8dfd2; scrollbar-width: none; }
.brand-anchor-nav a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid #e1d7ca; border-radius: 99px; color: #332d37; font-size: 15px; font-weight: 700; text-decoration: none; }
.brand-anchor-nav a:hover { border-color: var(--brand); color: var(--brand); }
.brand-showcase { --brand: #ef7b15; --brand-deep: #5b2410; --brand-soft: #fff0df; scroll-margin-top: 65px; }
.brand-showcase-main { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,.92fr); min-height: 560px; }
.brand-showcase-image { width: 100%; height: 100%; min-height: 450px; object-fit: cover; }
.brand-showcase-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px,6vw,94px); background: var(--brand-deep); color: #fff; }
.brand-showcase-copy h2 { margin: 8px 0 0; font-size: clamp(3.1rem,5.5vw,6.2rem); letter-spacing: -.075em; line-height: .86; }
.brand-showcase-copy > p { margin: 22px 0 0; color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.52; }
.brand-showcase-copy .eyebrow { color: #fff; }
.brand-showcase-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.brand-showcase-actions .button { background: var(--brand); }
.brand-showcase-actions .button.outline { border: 1px solid rgba(255,255,255,.65); background: transparent; color: #fff; }
.brand-showcase-detail { display: grid; grid-template-columns: .82fr 1.18fr; gap: 34px; align-items: start; padding-top: 58px; padding-bottom: 74px; }
.brand-showcase-detail h3 { margin: 8px 0 0; font-size: clamp(2.2rem,3.5vw,3.7rem); letter-spacing: -.065em; line-height: .92; }
.brand-showcase-detail > p { margin: 18px 0 0; font-size: 18px; line-height: 1.55; }
.brand-showcase-menu { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.brand-showcase-menu article { overflow: hidden; border: 1px solid #e4d8cb; border-radius: 14px; background: #fff; }
.brand-showcase-menu img { display: block; width: 100%; height: 150px; object-fit: cover; }
.brand-showcase-menu h4 { margin: 0; padding: 14px 14px 4px; font-size: 17px; line-height: 1.1; }
.brand-showcase-menu p { margin: 0; padding: 0 14px 15px; color: #6a5e57; font-size: 15px; line-height: 1.4; }
.brand-showcase-franchise { padding: 22px 0 48px; background: var(--brand-soft); }
.brand-showcase-franchise .wrap { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand-showcase-franchise strong { display: block; color: var(--brand-deep); font-size: 20px; }
.brand-showcase-franchise span { display: block; margin-top: 4px; color: #675b54; font-size: 15px; }
.brand-showcase-franchise .button { background: var(--brand); white-space: nowrap; }
@media (max-width: 950px) { .brand-showcase-detail { grid-template-columns: 1fr; } .brand-showcase-menu { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .brand-hub-hero { padding-top: 105px; } .brand-showcase-main { grid-template-columns: 1fr; min-height: 0; } .brand-showcase-image { min-height: 320px; max-height: 430px; } .brand-showcase-copy { padding: 44px 24px; } .brand-showcase-detail { padding: 46px 18px 58px; } .brand-showcase-franchise .wrap { display: block; } .brand-showcase-franchise .button { margin-top: 20px; } }
@media (max-width: 460px) { .brand-showcase-menu { grid-template-columns: 1fr; } }

.brand-mang .brand-intro p + p { margin-top: 14px; }
.mang-detail,.mang-inquiry,.mang-faq { padding: 88px 0; }
.mang-detail { background: #fffdfa; color: #2C521F; }
.mang-inquiry { background: #2C521F; color: #fff; }
.mang-faq { background: #fffdfa; color: #2C521F; }
.mang-faq > .wrap > .eyebrow,.mang-faq > .wrap > h2 { position: relative; top: 32px; }
.mang-detail h2,.mang-inquiry h2,.mang-faq h2 { max-width: 900px; margin: 8px 0 32px; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.07em; line-height: .92; }
.mang-detail .eyebrow,.mang-faq .eyebrow { color: #AD6D16; }
.mang-inquiry .eyebrow { color: #EECC0E; }
.mang-inquiry p { max-width: 760px; font-size: 18px; line-height: 1.55; }
.mang-inquiry .button { margin-top: 14px; background: #EECC0E; color: #2C521F; }
.mang-franchise-explorer { padding: 94px 0; background: #f7efdf; color: #2C521F; }
.mang-explorer-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.55fr); align-items: end; gap: 36px; }
.mang-explorer-heading .eyebrow { grid-column: 1 / -1; margin-bottom: -26px; color: #AD6D16; }
.mang-explorer-heading h2 { margin: 0; font-size: clamp(2.6rem,3.75vw,4rem); letter-spacing: -.075em; line-height: .94; }
.mang-explorer-heading p { max-width: 440px; margin: 0 0 5px; color: #5e574d; font-size: 18px; line-height: 1.5; }
.mang-explorer-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 46px; }
.mang-explorer-benefits article { min-height: 150px; padding: 24px; border: 1px solid #d7bd8a; border-radius: 16px; background: #fffdfa; }
.mang-explorer-benefits strong,.mang-explorer-benefits span { display: block; }
.mang-explorer-benefits strong { margin-top: 16px; font-size: 18px; line-height: 1.1; }
.mang-explorer-benefits article > span:last-child { margin-top: 8px; color: #655d53; font-size: 15px; line-height: 1.45; }
.mang-explorer-benefits .mang-explorer-icon { display: flex; width: 64px; height: 64px; align-items: center; justify-content: center; box-sizing: border-box; margin: 0 auto 22px; padding: 0; border-radius: 50%; background: #EECC0E; color: #2C521F; line-height: 0; }
.mang-explorer-benefits .mang-explorer-icon svg { display: block; width: 32px; height: 32px; margin: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: none; }
.mang-explorer-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 42px; }
.mang-explorer-tabs button { padding: 12px 16px; border: 1px solid #b99a60; border-radius: 999px; background: transparent; color: #2C521F; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; }
.mang-explorer-tabs button.is-active { border-color: #2C521F; background: #2C521F; color: #fff; }
.mang-explorer-panel { min-height: 230px; margin-top: 16px; padding: 34px; border-radius: 18px; background: #2C521F; color: #fff; }
.mang-explorer-panel h3 { margin: 0 0 22px; font-size: clamp(1.75rem,3vw,2.8rem); letter-spacing: -.05em; line-height: .98; }
.mang-explorer-panel p { max-width: 750px; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.52; }
.mang-explorer-panel ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 28px; max-width: 920px; margin: 0; padding: 0; list-style: none; }
.mang-explorer-panel li { position: relative; padding-left: 23px; color: rgba(255,255,255,.9); font-size: 16px; line-height: 1.35; }
.mang-explorer-panel ul li::before { position: absolute; left: 0; content: '✓'; color: #EECC0E; font-weight: 900; }
.mang-franchise-details { min-height: 0; }
.mang-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.mang-detail-grid > div { padding: 20px; border: 1px solid rgba(238,204,14,.46); border-radius: 12px; background: rgba(255,255,255,.06); }
.mang-detail-grid span { display: block; color: #EECC0E; font-size: 14px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.mang-detail-grid strong { display: block; margin-top: 9px; color: #fff; font-size: 32px; letter-spacing: -.04em; }
.mang-detail-grid p { margin: 10px 0 0; font-size: 15px; }
.mang-detail-grid ul { grid-template-columns: 1fr; gap: 7px; margin-top: 12px; }
.mang-detail-grid li { font-size: 14px; }
.mang-process { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mang-process li { padding: 0; text-align: center; font-size: 14px; }
.mang-process span { display: grid; width: 48px; height: 48px; place-items: center; margin: 0 auto 10px; border: 1px solid rgba(238,204,14,.7); border-radius: 50%; color: #EECC0E; font-weight: 900; }
.mang-inquiry .mang-inquiry-cards { grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 1160px; margin: 38px 0 12px; }
.mang-inquiry .mang-inquiry-cards article { border-color: rgba(238,204,14,.48); background: #fffdfa; }
.mang-card-icon { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: 18px; border-radius: 50%; background: #EECC0E; color: #2C521F; }
.mang-card-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mang-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.mang-detail .mang-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mang-card-grid article { padding: 23px; border: 1px solid rgba(44,82,31,.25); border-radius: 14px; background: rgba(255,253,248,.68); }
.mang-card-grid h3 { margin: 0; color: #2C521F; font-size: 19px; line-height: 1.15; }
.mang-card-grid p { margin: 10px 0 0; color: #514b42; font-size: 15px; line-height: 1.45; }
.mang-experience { padding: 86px 0; background: #fffdfa; }
.mang-experience-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(380px,.82fr); align-items: center; gap: clamp(32px,5vw,64px); }
.mang-experience-copy h2 { max-width: 720px; margin: 0 0 24px; color: #2C521F; font-size: clamp(2.55rem,3.2vw,3rem); letter-spacing: -.07em; line-height: .98; }
.mang-experience-copy p { max-width: 540px; margin: 0; color: #514b42; font-size: clamp(18px,2vw,22px); line-height: 1.48; }
.mang-experience-copy .mang-experience-line { margin-top: 26px; color: #2C521F; font-size: 17px; font-weight: 800; }
.mang-experience-photo { aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: 24px; box-shadow: 0 22px 54px rgba(44,82,31,.16); }
.mang-experience-photo img,.mang-store-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mang-franchise-feature { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(360px,.7fr); align-items: center; gap: clamp(32px,6vw,82px); }
.brand-mang .mang-franchise-feature h2 { max-width: 700px; font-size: clamp(2.8rem,3.2vw,3.2rem); line-height: .95; }
.mang-franchise-feature .button { display: inline-flex; margin-top: 26px; }
.mang-franchise-facts { display: grid; gap: 12px; margin-top: 26px; }
.mang-franchise-facts div { padding: 13px 0; border-top: 1px solid rgba(255,255,255,.25); }
.mang-franchise-facts strong,.mang-franchise-facts span { display: block; }
.mang-franchise-facts strong { color: #EECC0E; font-size: 15px; }
.mang-franchise-facts span { margin-top: 4px; color: rgba(255,255,255,.84); font-size: 15px; line-height: 1.4; }
.mang-store-photo { aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: 22px; box-shadow: 0 20px 50px rgba(0,0,0,.28); }
.faq-list { display: grid; gap: 10px; max-width: 920px; }
.faq-list details { padding: 18px 20px; border: 1px solid #dcc39b; border-radius: 12px; background: #fff; }
.faq-list summary { color: #2C521F; font-size: 17px; font-weight: 800; cursor: pointer; }
.faq-list p { margin: 13px 0 0; color: #5a544d; font-size: 16px; line-height: 1.5; }
.mang-faq-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(340px,.9fr); align-items: center; gap: clamp(28px,4vw,64px); }
.mang-faq-layout .faq-list { max-width: none; }
.mang-faq-form { display: grid; gap: 0; padding: clamp(25px,3vw,38px); border: 1px solid #d7bd8a; border-radius: 28px !important; background: #fffdfa; box-shadow: 0 18px 42px rgba(44,82,31,.09); color: #2C521F; }
.mang-faq-form { scroll-margin-top: 110px; }
.mang-faq-form .eyebrow { margin-bottom: 12px; color: #AD6D16; }
.mang-faq-form h3 { margin: 0; color: #2C521F; font-size: clamp(1.8rem,2.6vw,2.45rem); letter-spacing: -.055em; line-height: .98; }
.mang-faq-form > p:not(.success) { margin: 12px 0 15px; color: #5a544d; font-size: 15px; line-height: 1.48; }
.mang-faq-form .partner-name-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.mang-faq-form input,.mang-faq-form .custom-select-trigger { width: 100%; min-height: 52px; padding: 13px 0; border: 0; border-bottom: 1px solid #d8c9af; border-radius: 0; background: transparent; color: #2C521F; font: 400 16px Montserrat,Arial,sans-serif; }
.mang-faq-form input::placeholder { color: #81776c; opacity: 1; }
.mang-faq-form input:focus,.mang-faq-form .custom-select-trigger:focus { outline: 2px solid rgba(238,204,14,.7); outline-offset: 3px; }
.mang-faq-form .custom-select { position: relative; }
.mang-faq-form .custom-select-trigger { display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; }
.mang-faq-form .custom-select-trigger::after { width: 9px; height: 9px; margin: -5px 4px 0 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
.mang-faq-form .custom-select.is-open .custom-select-trigger::after { margin-top: 4px; transform: rotate(225deg); }
.mang-faq-form .custom-select-trigger:disabled { color: #81776c; cursor: not-allowed; }
.mang-faq-form .custom-select-menu { position: absolute; z-index: 8; top: calc(100% + 7px); right: 0; left: 0; display: none; max-height: 230px; overflow: auto; border: 1px solid #d8c9af; border-radius: 12px; background: #fffdfa; box-shadow: 0 13px 24px rgba(44,82,31,.14); }
.mang-faq-form .custom-select.is-open .custom-select-menu { display: grid; }
.mang-faq-form .custom-select-menu button { min-height: 43px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eee4d3; background: transparent; color: #2C521F; font: 400 15px Montserrat,Arial,sans-serif; text-align: left; cursor: pointer; }
.mang-faq-form .custom-select-menu button:last-child { border-bottom: 0; }
.mang-faq-form .custom-select-menu button:hover,.mang-faq-form .custom-select-menu button:focus { outline: 0; background: #f7efdf; }
.mang-faq-form .button { width: fit-content; margin-top: 22px; background: #EECC0E; color: #2C521F; }
.mang-faq-form .success { min-height: 20px; margin: 11px 0 0; color: #2C521F; font-size: 14px; line-height: 1.4; }
@media (max-width: 900px) { .mang-card-grid,.mang-detail .mang-card-grid,.mang-inquiry .mang-inquiry-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .mang-explorer-heading { grid-template-columns: 1fr; gap: 16px; } .mang-explorer-heading .eyebrow { margin-bottom: -4px; } .mang-explorer-benefits,.mang-explorer-panel ul,.mang-detail-grid { grid-template-columns: 1fr; } .mang-process { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 22px; } }
@media (min-width: 761px) { .mang-explorer-heading h2 { white-space: nowrap; } }
@media (max-width: 800px) { .mang-experience-grid,.mang-franchise-feature { grid-template-columns: 1fr; } .mang-experience-photo { max-width: 620px; } .mang-store-photo { order: -1; } }
@media (max-width: 860px) { .mang-faq-layout { grid-template-columns: 1fr; } }
@media (min-width: 861px) { .mang-faq-layout .faq-list { transform: translateY(-52px); } }
@media (max-width: 560px) { .mang-detail,.mang-inquiry,.mang-faq,.mang-experience,.mang-franchise-explorer { padding: 64px 0; } .mang-card-grid,.mang-detail .mang-card-grid,.mang-inquiry .mang-inquiry-cards { grid-template-columns: 1fr; } .mang-experience-photo { border-radius: 17px; } .mang-explorer-panel { padding: 25px 20px; } }
@media (max-width: 560px) { .brand-mang #brand-content h2 { font-size: 34px !important; } }

/* Shared franchise flow for every standalone brand page except Cassalu. */
.brand-standard .brand-franchise { padding: 88px 0; }
.brand-standard .brand-franchise-grid { grid-template-columns: minmax(0,1fr) auto; }
.brand-standard .brand-faq { padding: 88px 0; background: var(--brand-soft); color: var(--brand-deep); }
.brand-standard .brand-faq > .wrap > h2 { max-width: 780px; margin: 8px 0 32px; color: var(--brand-deep); font-size: 44px; letter-spacing: -.065em; line-height: .98; }
.brand-standard .brand-faq .eyebrow { color: var(--brand-deep); }
.brand-faq-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr); align-items: center; gap: clamp(30px,5vw,72px); }
.brand-faq .faq-list { display: grid; gap: 10px; }
.brand-faq .faq-list details { padding: 18px 20px; border: 1px solid color-mix(in srgb,var(--brand-deep) 32%,white); border-radius: 12px; background: #fffdfa; }
.brand-faq .faq-list summary { color: var(--brand-deep); font-size: 17px; font-weight: 800; cursor: pointer; }
.brand-faq .faq-list p { margin: 13px 0 0; color: #5a544d; font-size: 16px; line-height: 1.5; }
.brand-faq-form { display: grid; gap: 0; padding: clamp(25px,3vw,38px); border: 1px solid color-mix(in srgb,var(--brand-deep) 32%,white); border-radius: 28px; background: #fffdfa; box-shadow: 0 18px 42px color-mix(in srgb,var(--brand-deep) 12%,transparent); color: var(--brand-deep); scroll-margin-top: 110px; }
.brand-faq-form h3 { margin: 0; color: var(--brand-deep); font-size: clamp(1.8rem,2.6vw,2.45rem); letter-spacing: -.055em; line-height: .98; }
.brand-faq-form > p:not(.success) { margin: 12px 0 15px; color: #5a544d; font-size: 15px; line-height: 1.48; }
.brand-faq-form .partner-name-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.brand-faq-form input,.brand-faq-form .custom-select-trigger { width: 100%; min-height: 52px; padding: 13px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--brand-deep) 24%,white); border-radius: 0; background: transparent; color: var(--brand-deep); font: 400 16px Montserrat,Arial,sans-serif; }
.brand-faq-form input::placeholder { color: #81776c; opacity: 1; }
.brand-faq-form .custom-select { position: relative; }
.brand-faq-form .custom-select-trigger { display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; }
.brand-faq-form .custom-select-trigger::after { width: 9px; height: 9px; margin: -5px 4px 0 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: rotate(45deg); }
.brand-faq-form .custom-select-trigger:disabled { color: #81776c; cursor: not-allowed; }
.brand-faq-form .custom-select-menu { position: absolute; z-index: 8; top: calc(100% + 7px); right: 0; left: 0; display: none; max-height: 230px; overflow: auto; border: 1px solid color-mix(in srgb,var(--brand-deep) 25%,white); border-radius: 12px; background: #fffdfa; box-shadow: 0 13px 24px rgba(0,0,0,.14); }
.brand-faq-form .custom-select.is-open .custom-select-menu { display: grid; }
.brand-faq-form .custom-select-menu button { min-height: 43px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eee4d3; background: transparent; color: var(--brand-deep); font: 400 15px Montserrat,Arial,sans-serif; text-align: left; cursor: pointer; }
.brand-faq-form .custom-select-menu button:last-child { border-bottom: 0; }
.brand-faq-form .button { width: fit-content; margin-top: 22px; background: var(--brand); color: var(--brand-deep); }
.brand-faq-form .success { min-height: 20px; margin: 11px 0 0; color: var(--brand-deep); font-size: 14px; line-height: 1.4; }
.brand-standard .brand-location { padding: 72px 0; background: #fffdfa; }
.brand-standard .brand-location .wrap { padding: clamp(30px,4vw,48px); border-radius: 24px; background: var(--brand-deep); color: #fff; box-shadow: 0 18px 42px color-mix(in srgb,var(--brand-deep) 18%,transparent); }
.brand-standard .brand-location h2 { color: #fff; }
.brand-standard .brand-location p { color: rgba(255,255,255,.84); }
.brand-standard .brand-location .button { background: var(--brand); color: var(--brand-deep); }
@media (max-width: 860px) { .brand-faq-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .brand-standard .brand-franchise-grid { grid-template-columns: 1fr; } .brand-faq-form { margin-top: 0; } }

/* Use Mang Pastil's finished composition for the other standalone brands, in their own palettes. */
.brand-standard .brand-hero { align-items: stretch; }
.brand-standard .brand-hero .wrap { display: flex; width: min(850px,calc(100% - 36px)); min-height: inherit; padding: 78px 0; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; text-align: center; }
.brand-standard .brand-hero h1 { max-width: none; text-shadow: 0 3px 18px rgba(0,0,0,.28); }
.brand-standard .brand-actions { justify-content: center; }
.brand-standard .brand-experience { padding: 86px 0; background: #fffdfa; }
.brand-standard .brand-experience .mang-experience-copy h2 { color: var(--brand-deep); }
.brand-standard .brand-experience .mang-experience-copy p { color: #514b42; }
.brand-standard .brand-experience .mang-experience-line { color: var(--brand-deep); }
.brand-standard .brand-experience .mang-experience-photo { box-shadow: 0 22px 54px color-mix(in srgb,var(--brand-deep) 16%,transparent); }
.mang-experience-photo iframe,.mang-experience-photo video { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.brand-takoyadon .mang-experience-photo { aspect-ratio: 16 / 9; background: #000; }
.brand-takoyadon .mang-experience-photo video { object-fit: contain; }
.brand-takoyadon #brand-content h2 { font-size: 44px !important; }
.brand-takoyadon .button:not(.alt) { color: #fff; }
.brand-takoyadon .site-footer,
.brand-takoyadon .site-footer .footer-shell { background: #000; }
.brand-takoyadon .site-footer .footer-label,
.brand-takoyadon .site-footer .footer-column a,
.brand-takoyadon .site-footer .footer-bottom,
.brand-takoyadon .site-footer .footer-find { color: #fff; }
.brand-takoyadon .site-footer .footer-search { border-color: rgba(231,29,43,.8); background: rgba(231,29,43,.08); }
.brand-takoyadon .site-footer .footer-search input,
.brand-takoyadon .site-footer .footer-search input::placeholder,
.brand-takoyadon .site-footer .footer-search button { color: #fff; }
.brand-takoyadon .site-footer .footer-social span { border-color: rgba(231,29,43,.8); color: #fff; }
.brand-takoyadon .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.24); }
.brand-takoyadon .brand-faq-layout { align-items: start; }
.brand-takoyadon .brand-faq-form { border-radius: 30px !important; }
.brand-takoyadon .mang-franchise-explorer { padding-bottom: 42px; }
.brand-takoyadon .brand-faq { padding-top: 42px; }
.brand-thaiwadee .mang-experience-photo { width: min(100%,360px); aspect-ratio: 9 / 16; justify-self: end; background: #000; }
.brand-thaiwadee { --thaiwadee-gold: #FDB515; }
.brand-thaiwadee .brand-franchise .eyebrow,
.brand-thaiwadee .thaiwadee-detail-grid > div > span { color: var(--thaiwadee-gold); }
.brand-thaiwadee .button:not(.alt),
.brand-thaiwadee .brand-faq-form .button,
.brand-thaiwadee .brand-location .button,
.brand-thaiwadee .mang-franchise-feature .button { color: #fff; }
.brand-thaiwadee .mang-explorer-benefits .mang-explorer-icon { color: #fff; }
.brand-thaiwadee .brand-faq > .wrap > .eyebrow { display: inline-block; margin-top: 32px; }
.brand-thaiwadee .brand-faq > .wrap > h2 { position: static; }
.brand-thaiwadee .brand-faq-layout { align-items: center; }
.brand-thaiwadee .brand-faq-form { border-radius: 30px !important; }
.brand-thaiwadee .mang-explorer-benefits strong { text-align: center; }
.brand-thaiwadee .mang-franchise-explorer { padding-bottom: 42px; }
.brand-thaiwadee .brand-faq { padding-top: 42px; }
.brand-thaiwadee .brand-faq > .wrap > .eyebrow { margin-top: 0; }
@media (min-width: 861px) {
  .brand-thaiwadee .brand-faq .faq-list { transform: translateY(-80px); }
}
.brand-standard .brand-franchise { background: var(--brand-deep); }
.brand-standard .mang-franchise-feature h2 { max-width: 700px; color: #fff; font-size: 44px; line-height: .98; }
.brand-standard .mang-franchise-feature .eyebrow,.brand-standard .mang-franchise-feature p { color: #fff; }
.brand-standard .mang-franchise-feature .button { background: var(--brand); color: var(--brand-deep); }
.brand-standard .mang-franchise-facts strong { color: var(--brand); }
.brand-thaiwadee .mang-franchise-facts .thaiwadee-space-inline { display: inline; margin-top: 0; white-space: nowrap; color: inherit; font-size: inherit; line-height: inherit; }
.brand-standard .mang-franchise-explorer { background: var(--brand-soft); color: var(--brand-deep); }
.brand-standard .mang-explorer-heading .eyebrow { color: var(--brand-deep); }
.brand-standard .mang-explorer-heading h2 { color: var(--brand-deep); }
.brand-standard .mang-explorer-heading p { color: #5e574d; }
.brand-standard .mang-explorer-benefits article { border-color: color-mix(in srgb,var(--brand-deep) 28%,white); }
.brand-standard .mang-explorer-benefits strong { color: var(--brand-deep); }
.brand-standard .mang-explorer-benefits .mang-explorer-icon { background: var(--brand); color: var(--brand-deep); font-size: 28px; font-weight: 900; }
.brand-standard .mang-explorer-tabs button { border-color: color-mix(in srgb,var(--brand-deep) 55%,white); color: var(--brand-deep); }
.brand-standard .mang-explorer-tabs button.is-active { border-color: var(--brand-deep); background: var(--brand-deep); color: #fff; }
.brand-standard .mang-explorer-panel { background: var(--brand-deep); }
.brand-standard .mang-explorer-panel ul li::before,.brand-standard .mang-process span { color: var(--brand); }
.brand-standard .mang-process span { border-color: color-mix(in srgb,var(--brand) 70%,white); }

/* Cloud Coffee: keep the FAQ and inquiry area compact and visually soft. */
.brand-cloud .mang-franchise-explorer { padding-bottom: 38px; }
.brand-cloud .brand-faq { padding-top: 38px; }
.brand-cloud .brand-faq-layout { align-items: start; }
.brand-cloud .brand-faq-form { border-radius: 30px !important; overflow: hidden; }

/* Tokyo Sizzle: keep the franchise handoff and FAQ entry compact. */
.brand-tokyo .mang-franchise-explorer { padding-bottom: 40px; }
.brand-tokyo .brand-faq { padding-top: 40px; }
.brand-tokyo .brand-faq > .wrap > h2 { margin-bottom: 18px; }
.brand-tokyo .brand-faq-layout { align-items: start; }
.brand-tokyo .brand-faq-form { border-radius: 30px !important; overflow: hidden; }
.brand-tokyo .brand-hero::after { background: linear-gradient(90deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.58) 52%,rgba(242,13,47,.2) 100%); }
.brand-tokyo .brand-kicker { border-color: #FFE500; color: #FFE500; }
.brand-tokyo .site-footer,.brand-tokyo .site-footer .footer-shell { background: #080808; color: #fff; }
.brand-tokyo .site-footer .footer-label,.brand-tokyo .site-footer .footer-column a,.brand-tokyo .site-footer .footer-bottom,.brand-tokyo .site-footer .footer-find { color: #fff; }
.brand-tokyo .site-footer .footer-column a:hover { color: #FFE500; }
.brand-tokyo .site-footer .footer-search { border-color: rgba(255,229,0,.82); background: rgba(255,229,0,.07); }
.brand-tokyo .site-footer .footer-search input,.brand-tokyo .site-footer .footer-search input::placeholder,.brand-tokyo .site-footer .footer-search button { color: #fff; }
.brand-tokyo .site-footer .footer-social span { border-color: rgba(255,229,0,.82); color: #FFE500; }
.brand-tokyo .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.24); }

/* Hanbap: match the compact franchise-to-FAQ handoff across the Korean brand page. */
.brand-hanbap .mang-franchise-explorer { padding-bottom: 40px; }
.brand-hanbap .brand-faq { padding-top: 40px; }
.brand-hanbap .brand-faq > .wrap > h2 { margin-bottom: 18px; }
.brand-hanbap .brand-faq-layout { align-items: start; }
.brand-hanbap .brand-faq-form { border-radius: 30px !important; overflow: hidden; }
.brand-hanbap .brand-hero::after { background: linear-gradient(90deg,rgba(18,55,120,.9) 0%,rgba(18,55,120,.57) 52%,rgba(221,21,36,.2) 100%); }
.brand-hanbap .brand-kicker { border-color: #fff; color: #fff; }
.brand-hanbap .site-footer,.brand-hanbap .site-footer .footer-shell { background: #123778; color: #fff; }
.brand-hanbap .site-footer .footer-label,.brand-hanbap .site-footer .footer-column a,.brand-hanbap .site-footer .footer-bottom,.brand-hanbap .site-footer .footer-find { color: #fff; }
.brand-hanbap .site-footer .footer-column a:hover { color: #FFCED3; }
.brand-hanbap .site-footer .footer-search { border-color: rgba(221,21,36,.92); background: rgba(255,255,255,.07); }
.brand-hanbap .site-footer .footer-search input,.brand-hanbap .site-footer .footer-search input::placeholder,.brand-hanbap .site-footer .footer-search button { color: #fff; }
.brand-hanbap .site-footer .footer-social span { border-color: rgba(221,21,36,.92); color: #fff; }
.brand-hanbap .site-footer .footer-social span:hover { background: #DD1524; color: #fff; }
.brand-hanbap .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.25); }

/* Smash Attack: compact the franchise-to-FAQ transition and center its benefit cards. */
.brand-smash .mang-franchise-explorer { padding-bottom: 40px; }
.brand-smash .brand-faq { padding-top: 40px; }
.brand-smash .brand-faq > .wrap > h2 { margin-bottom: 18px; }
.brand-smash .brand-faq-layout { align-items: start; }
.brand-smash .mang-explorer-benefits article { text-align: center; }
.brand-smash .mang-explorer-benefits strong,.brand-smash .mang-explorer-benefits article > span:last-child { text-align: center; }

/* Strong readable button labels and aligned benefit cards across the three brand pages. */
.brand-hanbap #brand-content .button:not(.alt),.brand-tokyo #brand-content .button:not(.alt) { color: #fff !important; }
.brand-smash #brand-content .button:not(.alt) { color: #231b1a !important; }
.brand-hanbap .mang-explorer-benefits article,.brand-tokyo .mang-explorer-benefits article { text-align: center; }
.brand-hanbap .mang-explorer-benefits strong,.brand-hanbap .mang-explorer-benefits article > span:last-child,
.brand-tokyo .mang-explorer-benefits strong,.brand-tokyo .mang-explorer-benefits article > span:last-child { text-align: center; }
.brand-smash .brand-faq-form { border-radius: 30px !important; overflow: hidden; }

/* Center the requested benefit-card content. */
.brand-takoyadon .mang-explorer-benefits article,.brand-cloud .mang-explorer-benefits article { text-align: center; }
.brand-takoyadon .mang-explorer-benefits strong,.brand-takoyadon .mang-explorer-benefits article > span:last-child,
.brand-cloud .mang-explorer-benefits strong,.brand-cloud .mang-explorer-benefits article > span:last-child { text-align: center; }
.brand-mang .mang-inquiry-cards article,.brand-mang .mang-inquiry-cards h3,.brand-mang .mang-inquiry-cards p { text-align: center; }

/* Cloud Coffee: dark labels stay readable against the light-blue brand buttons. */
.brand-cloud #brand-content .button:not(.alt) { color: #243447 !important; }
.brand-cloud #brand-content .button.alt { color: #fff !important; }
.brand-cloud #brand-content .mang-explorer-tabs button.is-active,.brand-cloud #brand-content .full-menu-close { color: #fff; }
.brand-cloud .brand-hero::after { background: linear-gradient(90deg,rgba(61,74,91,.84) 0%,rgba(61,74,91,.48) 53%,rgba(61,74,91,.16) 100%); }
.brand-cloud .brand-logo { width: 128px; margin: 0 auto 12px; border-radius: 24px; mix-blend-mode: normal; }
.brand-cloud .brand-logo-title { max-width: none; font-size: clamp(3.2rem,7vw,6.6rem); }
.brand-cloud .brand-kicker { border-color: rgba(255,255,255,.7); }
.brand-cloud .site-footer,.brand-cloud .site-footer .footer-shell { background: #606B7C; color: #fff; }
.brand-cloud .site-footer .footer-label,.brand-cloud .site-footer .footer-column a,.brand-cloud .site-footer .footer-bottom,.brand-cloud .site-footer .footer-find { color: #fff; }
.brand-cloud .site-footer .footer-column a:hover { color: #A9D5F4; }
.brand-cloud .site-footer .footer-search { border-color: rgba(169,213,244,.8); background: rgba(255,255,255,.08); }
.brand-cloud .site-footer .footer-search input,.brand-cloud .site-footer .footer-search input::placeholder,.brand-cloud .site-footer .footer-search button { color: #fff; }
.brand-cloud .site-footer .footer-social span { border-color: rgba(169,213,244,.8); color: #A9D5F4; }
.brand-cloud .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.25); }
.thaiwadee-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.thaiwadee-detail-grid > div { padding: 20px; border: 1px solid color-mix(in srgb,var(--brand) 62%,white); border-radius: 14px; background: rgba(255,255,255,.06); }
.thaiwadee-detail-grid .thaiwadee-detail-wide { grid-column: 1 / -1; }
.thaiwadee-detail-grid span { display: block; color: var(--brand); font-size: 14px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.thaiwadee-detail-grid strong { display: block; margin-top: 9px; color: #fff; font-size: 32px; letter-spacing: -.04em; }
.thaiwadee-detail-grid p { margin: 10px 0 0; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.47; }
.thaiwadee-detail-grid .thaiwadee-space-highlight { display: inline; white-space: nowrap; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: none; }
@media (max-width: 700px) { .thaiwadee-detail-grid { grid-template-columns: 1fr; } .thaiwadee-detail-grid .thaiwadee-detail-wide { grid-column: auto; } }
.takoyadon-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.takoyadon-detail-grid > div { padding: 20px; border: 1px solid color-mix(in srgb,var(--brand) 62%,white); border-radius: 14px; background: rgba(255,255,255,.06); }
.takoyadon-detail-grid .takoyadon-detail-wide { grid-column: 1 / -1; }
.takoyadon-detail-grid span { display: block; color: var(--brand); font-size: 14px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.takoyadon-detail-grid strong { display: block; margin-top: 9px; color: #fff; font-size: 32px; letter-spacing: -.04em; }
.takoyadon-detail-grid p { margin: 10px 0 0; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.47; }
@media (max-width: 700px) { .takoyadon-detail-grid { grid-template-columns: 1fr; } .takoyadon-detail-grid .takoyadon-detail-wide { grid-column: auto; } }
@media (max-width: 700px) { .brand-thaiwadee .mang-experience-photo { justify-self: start; } .brand-thaiwadee .brand-faq > .wrap > .eyebrow { margin-top: 0; } }

/* Final Thaiwadee contrast overrides for magenta interactive elements. */
.brand-thaiwadee #brand-content h2 { font-size: 44px !important; }
.brand-thaiwadee .site-footer,
.brand-thaiwadee .site-footer .footer-shell { background: var(--brand-deep); }
.brand-thaiwadee .site-footer .footer-label,
.brand-thaiwadee .site-footer .footer-column a,
.brand-thaiwadee .site-footer .footer-bottom,
.brand-thaiwadee .site-footer .footer-find { color: #fff; }
.brand-thaiwadee .site-footer .footer-search { border-color: rgba(255,255,255,.58); background: rgba(255,255,255,.07); }
.brand-thaiwadee .site-footer .footer-search input,
.brand-thaiwadee .site-footer .footer-search input::placeholder,
.brand-thaiwadee .site-footer .footer-search button { color: #fff; }
.brand-thaiwadee .site-footer .footer-social span { border-color: rgba(255,255,255,.58); color: #fff; }
.brand-thaiwadee .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.24); }
.brand-thaiwadee .button:not(.alt),
.brand-thaiwadee .brand-faq-form .button,
.brand-thaiwadee .brand-location .button,
.brand-thaiwadee .mang-franchise-feature .button { color: #fff !important; }
.brand-thaiwadee .mang-explorer-benefits .mang-explorer-icon { color: #fff !important; }

/* Final Takoyadon contrast overrides for red interactive elements. */
.brand-takoyadon .button:not(.alt),
.brand-takoyadon .brand-faq-form .button,
.brand-takoyadon .brand-location .button,
.brand-takoyadon .mang-franchise-feature .button { color: #fff !important; }
.brand-takoyadon .mang-explorer-benefits .mang-explorer-icon { color: #fff !important; }