/* Organic light design, using the tokens of theme-a/css/theme.css. */
.theme-a-pages{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
.theme-a-pages .sf-topbar{background:var(--topbar-bg);color:var(--topbar-ink)}
.theme-a-pages .sf-header{background:var(--header-bg);color:var(--header-ink);border-bottom:1px solid var(--line);box-shadow:0 6px 24px #003c1a06}
.theme-a-pages .sf-logo img{width:180px;height:34px}
.theme-a-pages .sf-nav-item>a{font-size:14px;color:var(--header-ink)}
.theme-a-pages .sf-nav-item>a[aria-current]{box-shadow:inset 0 -2px var(--accent)}
.theme-a-pages .sf-nav-item>a:hover{color:var(--accent-strong)}
.theme-a-pages .sf-sub-toggle,.theme-a-pages .sf-menu-toggle{color:var(--brand)}
.theme-a-pages .sf-dropdown{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:24px;box-shadow:0 16px 36px #003c1a12}
.theme-a-pages .sf-dropdown a:hover{background:var(--alt-bg)}
.theme-a-pages .sf-design-content{background:var(--bg)}
.theme-a-pages .sf-design-content>div{border-color:var(--line)}
.theme-a-pages .a-surface{background:var(--surface)}
.theme-a-pages .a-card{border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:0 8px 26px #003c1a09;transition:transform .2s,box-shadow .2s}
.theme-a-pages .a-card:hover{box-shadow:0 14px 30px #003c1a12}
.theme-a-pages .a-primary-action,.theme-a-pages [data-name='Button']>div:has(>p){background:var(--btn-bg);color:var(--btn-ink);border-radius:var(--btn-radius);box-shadow:none;filter:none}
.theme-a-pages .a-primary-action p,.theme-a-pages .a-primary-action span,.theme-a-pages [data-name='Button']>div>p{color:var(--btn-ink)}
.theme-a-pages .a-primary-action img[src$='.svg']{filter:brightness(0) invert(1)}
.theme-a-pages .a-accent-action{background:var(--accent);color:var(--accent-ink);border-radius:var(--btn-radius)}
.theme-a-pages .a-accent-action p{color:var(--accent-ink)}
.theme-a-pages [data-name='Nút hành động']:hover{transform:translateY(-2px)}
.theme-a-pages .a-photo img{border-radius:var(--radius-lg)}
.theme-a-pages [data-name='Giới thiệu doanh nghiệp']{background:var(--hero-bg);padding:24px 32px;height:400px;isolation:isolate}
.theme-a-pages [data-name='Giới thiệu doanh nghiệp']>img{inset:20px 32px;width:calc(100% - 64px);height:calc(100% - 40px);border-radius:36px}
.theme-a-pages [data-name='Giới thiệu doanh nghiệp']>p{background-image:none;background-clip:border-box;-webkit-background-clip:border-box;color:var(--head);text-shadow:none;border-radius:24px;padding:18px 28px;background-color:#f7faf2ed}
.theme-a-pages .a-photo-section{background:var(--bg)}
.theme-a-pages [data-name='Atmospheric shade']{background:linear-gradient(90deg,#f7faf2ed,#f7faf290 60%,#f7faf210)}
.theme-a-pages [data-name='Narrative scrim']{background:linear-gradient(90deg,#f7faf2f5,#f7faf2b0 65%,#f7faf220)}
.theme-a-pages [data-name='Reading scrim']{background:linear-gradient(90deg,#f7faf2ed,#f7faf2c0 50%,#f7faf220)}
.theme-a-pages [data-name='Giới thiệu sản phẩm']{border-radius:0;background:var(--hero-bg)}
.theme-a-pages [data-name='Closing shade']{background:linear-gradient(180deg,transparent 0%,#f7faf2dd 65%,var(--bg) 100%)!important}
.theme-a-pages [data-name='Sustainability principle']{border-color:var(--line-2)}
.theme-a-pages [data-name='Lời mời đồng hành'],.theme-a-pages [data-name='Giới thiệu bộ công cụ']{border-radius:0}
.theme-a-pages [data-name='Dashboard đối tác minh họa']{background:white;border:1px solid var(--line-2);border-radius:36px;box-shadow:0 12px 32px #003c1a0c}
.theme-a-pages [data-name='Thanh điều hướng']{background:var(--alt-bg)}
.theme-a-pages [data-filter-bar]>[aria-pressed=true]{background:var(--brand);color:white}
.theme-a-pages [data-filter-bar]>[aria-pressed=true] p{color:white}
.theme-a-pages .sf-field-wrap{background:var(--field-bg);border-color:var(--line-2);border-radius:16px}
.theme-a-pages .sf-field-wrap:focus-within{box-shadow:0 0 0 3px var(--focus-soft);border-color:var(--focus)}
.theme-a-pages [data-name='Form đăng ký']{border:1px solid var(--line);box-shadow:0 16px 40px #003c1a09;border-radius:36px}
.theme-a-pages.sf-popup-page{background:var(--hero-bg)}
.theme-a-pages .sf-popup>.sf-design-root{background:var(--surface);border:1px solid var(--line);border-radius:36px;box-shadow:0 20px 50px #003c1a12}
.theme-a-pages [data-name='Nội dung xác nhận'] [data-payment][aria-checked=true]{background:var(--alt-bg)}
.theme-a-pages #sf-toast{background:var(--brand);color:white;border:1px solid var(--line-2);border-radius:20px}
.theme-a-pages footer{background:var(--footer-bg)!important;color:var(--footer-ink)}
.theme-a-pages footer p,.theme-a-pages footer span,.theme-a-pages footer a{color:var(--footer-ink)}
.theme-a-pages footer [data-name='Nhóm điều hướng']>p{color:var(--footer-head)}
.theme-a-pages footer [data-name='Liên kết']{background:transparent}
.theme-a-pages footer a:hover{color:white}
.theme-a-pages footer [data-name='Bản quyền và chính sách']{border-color:var(--footer-line)}
.theme-a-pages [data-cart-badge]{background:var(--accent)!important;color:var(--accent-ink)!important}
@media(min-width:1441px){body.theme-a-pages:not(.sf-popup-page){background:var(--bg)}body.theme-a-pages:not(.sf-popup-page) main{background:var(--bg)}}
@media(max-width:1100px){
 .theme-a-pages .sf-header nav{background:var(--drawer-bg);color:var(--drawer-ink);border-bottom:1px solid var(--line)}
 .theme-a-pages .sf-nav-item>a{font-size:15px;color:var(--drawer-ink)}
 .theme-a-pages .sf-dropdown{background:var(--alt-bg);color:var(--ink)}
 .theme-a-pages [data-name='Giới thiệu doanh nghiệp']{padding:16px 20px;height:300px}
 .theme-a-pages [data-name='Giới thiệu doanh nghiệp']>img{inset:16px 20px;width:calc(100% - 40px);height:calc(100% - 32px);border-radius:24px}
 .theme-a-pages [data-name='Giới thiệu doanh nghiệp']>p{padding:12px 18px;max-width:90%;font-size:32px}
 .theme-a-pages .sf-popup>.sf-design-root{border-radius:24px}
 .theme-a-pages .sf-nav-item .sf-sub-toggle{padding:12px}
}
/* Center the submenu chevron geometrically instead of using a low font glyph. */
.theme-a-pages .sf-nav-item>.sf-sub-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 24px;width:24px;height:32px;padding:0!important;margin:0;border:0;background:transparent;font-size:0;line-height:1;vertical-align:middle}
.theme-a-pages .sf-nav-item>.sf-sub-toggle::before{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
@media(max-width:1100px){.theme-a-pages .sf-nav-item>.sf-sub-toggle{flex-basis:40px;width:40px;height:40px}}
/* Shared typography hierarchy from the original homepage. */
.theme-a-pages h1,.theme-a-pages h2,.theme-a-pages h3{font-family:var(--font-head)}
.theme-a-pages input,.theme-a-pages select,.theme-a-pages textarea,.theme-a-pages button{font-family:var(--font-body)}
.theme-a-pages .ed-opening{background:var(--hero-bg)!important}
.theme-a-pages .sf-field-control{color:var(--ink)}
.theme-a-pages .sf-field-control::placeholder{color:var(--ink-2);opacity:1}
