/* The ambassador responsible-entertainment section follows the mobile art direction. */
.ambassador-responsible-symbol,
.ambassador-responsible-footnote { display: none; }

@media (max-width: 760px) {
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .header-shell {
    width: calc(100% - 20px);
    gap: 7px;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .brand-logo,
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .brand-logo img {
    width: 70px;
    height: 70px;
    flex-basis: 70px;
    max-height: 70px;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .nav-glass {
    height: 54px;
    padding: 6px;
    gap: 5px;
    justify-content: space-between;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .menu-toggle {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    margin-right: auto;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .nav-actions { gap: 5px; }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .verify-cta {
    width: auto;
    min-width: 0;
    min-height: 40px;
    padding: 0 10px;
    gap: 4px;
    font-size: .7rem;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .verify-cta .verify-label { display: inline; }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .support {
    min-height: 40px;
    padding: 0 9px;
    gap: 5px;
    font-size: 0;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .support::before {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 0;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc14a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13v-2a9 9 0 0 1 18 0v2'/%3E%3Crect x='2' y='12' width='4' height='7' rx='2'/%3E%3Crect x='18' y='12' width='4' height='7' rx='2'/%3E%3Cpath d='M20 19a5 5 0 0 1-5 3h-3'/%3E%3C/svg%3E");
    box-shadow: none;
    animation: none;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .support::after {
    content: "Hỗ trợ";
    font-size: .68rem;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible.v2-section {
    padding: 118px 0 58px;
    overflow: hidden;
    background:
      radial-gradient(ellipse at 50% 41%, rgba(147, 24, 9, .3), transparent 55%),
      linear-gradient(180deg, #160302 0%, #260604 54%, #0c0202 100%) !important;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible .v2-container {
    width: min(calc(100% - 28px), 600px);
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout > div:first-child {
    display: contents;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout .v2-kicker {
    order: 1;
    margin: 0 0 14px;
    font-size: clamp(.65rem, 2.7vw, .78rem);
    letter-spacing: .23em;
    line-height: 1.5;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout h2 {
    order: 2;
    max-width: 13ch;
    margin: 0 auto 14px;
    font-size: clamp(2.35rem, 10.5vw, 4rem);
    line-height: 1.11 !important;
    letter-spacing: -.045em;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout h2 span {
    display: block;
    color: #ffbe4d;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout > div:first-child > p:not(.v2-kicker) {
    order: 3;
    max-width: 550px;
    margin: 0 auto;
    color: #e2d2c8;
    font-size: clamp(.91rem, 3.4vw, 1.05rem);
    line-height: 1.58;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-symbol {
    order: 4;
    width: 100%;
    height: clamp(220px, 65vw, 310px);
    margin: 12px 0 2px;
    position: relative;
    display: grid;
    place-items: center;
    isolation: isolate;
    background: radial-gradient(ellipse at 50% 68%, rgba(255, 76, 11, .35), transparent 58%);
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-symbol::before {
    content: "";
    width: min(80vw, 360px);
    height: 30%;
    position: absolute;
    bottom: 2%;
    border: 2px solid rgba(255, 175, 54, .8);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(251, 65, 12, .26), transparent 70%);
    box-shadow: 0 0 20px rgba(255, 116, 26, .65), inset 0 0 20px rgba(255, 113, 13, .5);
    transform: perspective(180px) rotateX(58deg);
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-symbol::after {
    content: "";
    width: min(77vw, 340px);
    height: 45%;
    position: absolute;
    top: 27%;
    border: 2px solid rgba(255, 204, 86, .62);
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(255, 109, 23, .48);
    transform: rotate(-16deg) scaleY(.55);
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-symbol img {
    width: min(65vw, 250px);
    height: 100%;
    position: relative;
    z-index: 2;
    object-fit: contain;
    filter: drop-shadow(0 22px 20px rgba(0, 0, 0, .55)) drop-shadow(0 0 22px rgba(255, 100, 19, .38));
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-grid {
    order: 5;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-grid article {
    min-width: 0;
    min-height: 176px;
    padding: 14px 9px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-color: rgba(255, 177, 48, .75);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(73, 12, 8, .95), rgba(32, 5, 5, .94));
    box-shadow: inset 0 1px 0 rgba(255, 228, 170, .12), 0 12px 22px rgba(0, 0, 0, .18);
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-grid .v2-icon {
    width: 72px;
    height: 72px;
    margin: 0 0 2px;
    flex: 0 0 72px;
    object-fit: contain;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-grid strong {
    color: #ffda82;
    font-size: clamp(.78rem, 2.9vw, .95rem);
    line-height: 1.3;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-grid span {
    margin: 2px 0 0;
    color: #e0d0c7;
    font-size: clamp(.72rem, 2.6vw, .83rem);
    line-height: 1.42;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-layout .v2-btn {
    order: 6;
    width: min(100%, 290px);
    min-height: 52px;
    margin: 27px auto 0;
    border-radius: 999px;
    font-size: .96rem;
    justify-content: center;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-footnote {
    order: 7;
    width: 100%;
    margin: 24px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px 12px;
    color: #ddc5a9;
    font-size: clamp(.68rem, 2.55vw, .83rem);
    line-height: 1.45;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .ambassador-responsible-footnote b {
    color: #ffbf4f;
    font-size: 1rem;
  }
}

@media (max-width: 390px) {
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .brand-logo,
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .brand-logo img {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .verify-cta {
    padding-inline: 8px;
    font-size: .64rem;
  }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .support { padding-inline: 7px; }
  body[data-route="/ve-sunwin/dai-su-thuong-hieu/"] .global-header .support::after { font-size: .62rem; }
}

/* Mobile ambassador hero, values and milestone gallery. */
.ambassador-mobile-marquee,
.ambassador-values-tagline,
.ambassador-values-cta,
.ambassador-journey-tabs,
.ambassador-journey-photo,
.ambassador-journey-controls,
.ambassador-journey-tagline { display: none; }

@media (max-width: 760px) {
  body[data-page-v2="ambassador"] .ambassador-hero {
    min-height: 890px !important;
    padding: 135px 0 290px !important;
    display: block;
    background-color: #100303;
    background-image: linear-gradient(180deg, rgba(8,2,3,.28) 0%, rgba(8,2,3,.32) 48%, transparent 70%), url('../assets/ambassador-hero-mobile-v1.webp');
    background-position: center, center bottom;
    background-size: cover, 100% auto;
    background-repeat: no-repeat;
  }
  body[data-page-v2="ambassador"] .ambassador-hero::before {
    background: linear-gradient(90deg, rgba(10,2,3,.55), rgba(10,2,3,.10) 72%), linear-gradient(180deg, rgba(8,2,3,.38), transparent 65%);
  }
  body[data-page-v2="ambassador"] .ambassador-hero::after { display: none; }
  body[data-page-v2="ambassador"] .ambassador-hero .v2-hero-inner { width: calc(100% - 34px); min-height: 0; display: block; }
  body[data-page-v2="ambassador"] .ambassador-hero-copy { max-width: 100%; }
  body[data-page-v2="ambassador"] .ambassador-hero .v2-eyebrow { margin: 0 0 14px; color: #ffcf64; font-size: .78rem; letter-spacing: .22em; }
  body[data-page-v2="ambassador"] .ambassador-hero h1.small { max-width: 10ch; margin: 0; font-size: clamp(2.95rem, 12.2vw, 4.7rem) !important; line-height: 1.04 !important; letter-spacing: -.05em; text-transform: uppercase; }
  body[data-page-v2="ambassador"] .ambassador-hero h1.small span { display: block; color: #ffd069; }
  body[data-page-v2="ambassador"] .ambassador-hero-subtitle { max-width: 32ch; margin: 16px 0 0; color: #fff4de; font-size: .92rem; line-height: 1.42; }
  body[data-page-v2="ambassador"] .ambassador-hero .lead { max-width: 27ch; margin: 15px 0 0; color: #f3e2d5; font-size: .87rem; line-height: 1.57; }
  body[data-page-v2="ambassador"] .ambassador-hero .v2-actions { max-width: 240px; margin-top: 22px; display: grid; grid-template-columns: 1fr; gap: 10px; }
  body[data-page-v2="ambassador"] .ambassador-hero .v2-btn { width: 100%; min-height: 45px; padding: 0 15px; justify-content: center; font-size: .82rem; }
  body[data-page-v2="ambassador"] .ambassador-hero .v2-btn:not(.primary) { border-color: #ffcc67; background: rgba(15,4,3,.7); }
  body[data-page-v2="ambassador"] .ambassador-mobile-marquee { height: 54px; margin-top: -1px; padding: 0 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-block: 1px solid rgba(255,172,62,.65); color: #ffdb8c; background: linear-gradient(90deg,#120403,#290706,#120403); font-size: .64rem; font-weight: 800; letter-spacing: .11em; white-space: nowrap; }
  body[data-page-v2="ambassador"] .ambassador-mobile-marquee span { flex: 0 0 auto; }
  body[data-page-v2="ambassador"] .ambassador-mobile-marquee i { margin: 0 10px; color: #ffb53c; font-style: normal; }

  body[data-page-v2="ambassador"] .ambassador-values.v2-section { padding: 62px 0 65px; background: radial-gradient(circle at 50% 48%, rgba(125,13,6,.35), transparent 52%), #160402; }
  body[data-page-v2="ambassador"] .ambassador-values .v2-container { width: calc(100% - 28px); }
  body[data-page-v2="ambassador"] .ambassador-values .v2-heading { text-align: center; }
  body[data-page-v2="ambassador"] .ambassador-values .v2-heading .v2-kicker { margin-bottom: 13px; font-size: .72rem; letter-spacing: .19em; }
  body[data-page-v2="ambassador"] .ambassador-values .v2-heading h2 { max-width: 13ch; margin: 0 auto 15px; font-size: clamp(2.1rem, 9.2vw, 3.3rem); line-height: 1.13 !important; }
  body[data-page-v2="ambassador"] .ambassador-values .v2-heading h2 span { display: block; }
  body[data-page-v2="ambassador"] .ambassador-values .v2-heading > p:last-child { max-width: 52ch; margin: 0 auto; color: #ebd7cb; font-size: .88rem !important; line-height: 1.6 !important; }
  body[data-page-v2="ambassador"] .ambassador-value-grid { margin-top: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  body[data-page-v2="ambassador"] .ambassador-value-grid::before { content: ""; grid-column: 1 / -1; height: 215px; margin: 14px 0 5px; background: radial-gradient(circle, rgba(255,83,12,.4), transparent 62%), url('../assets/ambassador-icon-trophy-v4.webp') center / auto 205px no-repeat; filter: drop-shadow(0 15px 17px rgba(255,66,10,.23)); }
  body[data-page-v2="ambassador"] .ambassador-value-grid .v2-card { min-width: 0; min-height: 190px; padding: 14px 10px; justify-content: center; border: 1px solid rgba(255,188,74,.72); border-radius: 20px; background: linear-gradient(150deg,rgba(83,19,12,.92),rgba(20,4,4,.94)); box-shadow: inset 0 1px rgba(255,232,174,.12); }
  body[data-page-v2="ambassador"] .ambassador-value-grid .v2-icon { width: 80px; height: 80px; margin: 0 0 8px; }
  body[data-page-v2="ambassador"] .ambassador-value-grid h3 { margin: 0 0 5px; color: #fff7e8; font-size: .86rem; line-height: 1.3; }
  body[data-page-v2="ambassador"] .ambassador-value-grid p { margin: 0; color: #e3d0c4; font-size: .73rem; line-height: 1.43; }
  body[data-page-v2="ambassador"] .ambassador-values-tagline { margin: 24px 0 0; display: block; color: #ffd788; font-size: .83rem; font-style: italic; text-align: center; }
  body[data-page-v2="ambassador"] .ambassador-values-tagline span { margin: 0 5px; }
  body[data-page-v2="ambassador"] .ambassador-values-cta { width: min(100%,255px); min-height: 48px; margin: 24px auto 0; padding: 0 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffcf70; border-radius: 999px; color: #ffe2a1; background: rgba(18,4,3,.82); font-size: .84rem; font-weight: 800; text-decoration: none; }

  body[data-page-v2="ambassador"] .ambassador-journey.v2-section { padding: 67px 0 55px; overflow: hidden; background: radial-gradient(circle at 50% 30%,rgba(130,23,10,.28),transparent 42%),#140302 !important; }
  body[data-page-v2="ambassador"] .ambassador-journey .v2-container { width: 100%; }
  body[data-page-v2="ambassador"] .ambassador-journey .v2-heading { width: calc(100% - 30px); margin: 0 auto; text-align: center; }
  body[data-page-v2="ambassador"] .ambassador-journey .v2-kicker { margin-bottom: 12px; font-size: .72rem; letter-spacing: .2em; }
  body[data-page-v2="ambassador"] .ambassador-journey h2 { max-width: 13ch; margin: 0 auto 14px; font-size: clamp(2.1rem,9.2vw,3.3rem); line-height: 1.12 !important; }
  body[data-page-v2="ambassador"] .ambassador-journey h2 span { display: block; }
  body[data-page-v2="ambassador"] .ambassador-journey .v2-heading > p:last-child { max-width: 49ch; margin: 0 auto; color: #e7d1c6; font-size: .88rem !important; line-height: 1.6 !important; }
  body[data-page-v2="ambassador"] .ambassador-journey-tabs { width: 100%; margin: 24px auto 13px; padding: 0 12px; display: flex; justify-content: center; gap: 5px; }
  body[data-page-v2="ambassador"] .ambassador-journey-tabs button { min-width: 0; min-height: 36px; padding: 0 8px; flex: 1; border: 1px solid rgba(255,190,92,.56); border-radius: 999px; color: #e8d3c6; background: rgba(23,5,4,.8); font: 750 .68rem/1 "Be Vietnam Pro",system-ui,sans-serif; white-space: nowrap; }
  body[data-page-v2="ambassador"] .ambassador-journey-tabs button.is-active { border-color: #ffca62; color: #ffdb8a; background: linear-gradient(135deg,#8c180d,#420a06); box-shadow: 0 0 15px rgba(255,102,18,.22); }
  body[data-page-v2="ambassador"] .journey-line { width: 100%; margin: 0; padding: 12px 10% 22px; display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 10%; scrollbar-width: none; }
  body[data-page-v2="ambassador"] .journey-line::-webkit-scrollbar { display: none; }
  body[data-page-v2="ambassador"] .journey-line::before { display: none; }
  body[data-page-v2="ambassador"] .journey-line article { min-width: 0; min-height: 485px; padding: 0; flex: 0 0 80%; overflow: hidden; display: flex; flex-direction: column; scroll-snap-align: center; border: 1px solid rgba(255,196,85,.8); border-radius: 22px; background: linear-gradient(160deg,#421009,#190403); box-shadow: 0 12px 30px rgba(0,0,0,.3); text-align: left; }
  body[data-page-v2="ambassador"] .journey-line .ambassador-journey-photo { width: 100%; height: 280px; display: block; object-fit: cover; object-position: center; }
  body[data-page-v2="ambassador"] .journey-line article:nth-child(3) .ambassador-journey-photo { object-position: 52% center; }
  body[data-page-v2="ambassador"] .journey-line b { width: 66px; height: 66px; margin: -36px 15px -30px auto; position: relative; z-index: 1; border-color: #ffb840; background: #210503; box-shadow: 0 0 20px rgba(255,128,28,.46); }
  body[data-page-v2="ambassador"] .journey-line b img { width: 47px; height: 47px; }
  body[data-page-v2="ambassador"] .journey-line article > div { padding: 39px 18px 20px; flex: 1; }
  body[data-page-v2="ambassador"] .journey-line em { margin-bottom: 7px; color: #ffcb5f; font-size: .91rem; font-weight: 800; }
  body[data-page-v2="ambassador"] .journey-line h3 { font-size: 1.26rem; line-height: 1.24; }
  body[data-page-v2="ambassador"] .journey-line p { margin: 8px 0 0; color: #ead9ce; font-size: .82rem; line-height: 1.55; }
  body[data-page-v2="ambassador"] .ambassador-journey-controls { display: flex; flex-direction: column; align-items: center; color: #d9c1b6; text-align: center; }
  body[data-page-v2="ambassador"] .ambassador-journey-count { font-size: 1.09rem; }
  body[data-page-v2="ambassador"] .ambassador-journey-count b { color: #ffcf62; font-size: 1.7rem; }
  body[data-page-v2="ambassador"] .ambassador-journey-dots { margin: 10px 0 4px; display: flex; gap: 10px; }
  body[data-page-v2="ambassador"] .ambassador-journey-dots span { width: 7px; height: 7px; border-radius: 50%; background: #886e68; }
  body[data-page-v2="ambassador"] .ambassador-journey-dots span.is-active { background: #ffc75e; box-shadow: 0 0 10px #ff7d20; }
  body[data-page-v2="ambassador"] .ambassador-journey-controls p { margin: 9px 0 0; color: #edd6c7; font-size: .82rem; }
  body[data-page-v2="ambassador"] .ambassador-journey-controls p span { margin: 0 10px; }
  body[data-page-v2="ambassador"] .ambassador-journey-tagline { margin: 28px 15px 0; padding: 15px 0; display: block; border-block: 1px solid rgba(255,191,72,.38); color: #ffd075; font-size: .88rem; text-align: center; }
}