.identity-card .edit-profile{width:44px;height:44px;right:4px;top:4px;display:grid;place-items:center;border-radius:50%;color:#9a826a}
.identity-card .edit-profile svg{width:19px;height:19px}
.identity-meta h1{overflow-wrap:anywhere;padding-right:12px}
.account-settings{padding-top:29px}
.auth-backdrop{top:var(--auth-viewport-top,0px);bottom:auto;height:var(--auth-viewport-height,100dvh);padding:12px;align-items:center}
.auth-modal{max-width:390px;max-height:calc(var(--auth-viewport-height,100dvh) - 24px);border-radius:20px;overflow-y:auto;scroll-padding:20px}
.auth-form{display:grid;gap:24px;padding:32px 26px 26px;min-width:0}
.auth-header{padding-right:24px;display:grid;gap:10px}
.auth-header .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.14em}
.auth-header h2{font-size:26px;line-height:1.3;font-weight:500;margin:0;overflow-wrap:anywhere}
.auth-header p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.auth-fields{display:grid;gap:17px;min-width:0}
.auth-form .account-field{gap:8px;min-width:0;font-size:12px;line-height:1.5}
.auth-form input{min-width:0;min-height:48px;border-radius:9px;font-size:16px}
.auth-form .account-field small{font-size:10px;color:var(--muted);line-height:1.7}
.auth-actions{display:grid;gap:12px}
.auth-actions>.primary-button{min-height:48px;font-size:13px;border-radius:9px;white-space:normal;line-height:1.5}
.auth-switch{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0;font-size:11px;line-height:1.6;color:var(--muted)}
.auth-switch button{min-height:40px;color:var(--wine);font-size:12px;font-weight:600}
.auth-links{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);padding-top:8px}
.auth-links button,.auth-back{min-height:44px;width:100%;font-size:12px;color:var(--wine);white-space:normal;line-height:1.6;text-align:center}
.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:9px;min-width:0;align-items:stretch}
.auth-code-row input{letter-spacing:.12em;width:100%;padding-left:12px;padding-right:8px}
.auth-code-row input::placeholder{letter-spacing:normal}
.auth-code-send{padding:9px 8px;border:1px solid #d7c6bc;border-radius:9px;background:#f2ebe5;color:var(--wine);font:12px var(--sans);line-height:1.4;min-height:48px;white-space:normal}
.auth-form .auth-code-send:disabled{opacity:1;cursor:default;color:#8d8179;background:#eee9e3}
.auth-code-status{font-size:10px;line-height:1.7;color:var(--green);margin:0}
.auth-code-status:empty{display:none}
.auth-current{display:grid;gap:6px;padding:13px 14px;border-radius:10px;background:#f0eae3;color:var(--muted);font-size:11px}
.auth-current strong{font-size:14px;font-weight:400;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:350px){.auth-form{padding:28px 20px 22px;gap:21px}.auth-header h2{font-size:23px}.auth-code-row{grid-template-columns:minmax(0,1fr) 100px;gap:7px}.auth-code-send{font-size:11px}}
.account-settings>h2{font-size:22px;margin:8px 0 23px}
.account-fields{display:grid;gap:17px}
.account-field{display:grid;gap:8px;font-size:12px;color:#806b58}
.account-field input,.account-field select{display:block;width:100%;min-height:46px;padding:11px 12px;border:1px solid #e0d7cc;background:#fffcf7;border-radius:7px;font:16px var(--sans);color:var(--ink)}
.account-field input::placeholder{font-size:12px;color:#ab9a88}
.account-email-label{display:flex;align-items:center;gap:8px}
.account-email-label small{font-size:9px;color:#a18972;border-radius:20px;background:#ede6dc;padding:2px 7px}
.account-email-row{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 0 0 12px;background:#f1ede6;border:1px solid #e0d7cc;border-radius:7px}
.account-email-value{min-width:0;flex:1;font-size:14px;color:#857362;overflow-wrap:anywhere;padding:9px 0}
.account-email-change{flex-shrink:0;min-width:60px;min-height:44px;padding:9px 12px;font-size:12px;color:var(--wine);border-left:1px solid #e0d7cc}
.account-email-hint{font-size:10px;line-height:1.8;color:#a18c77;margin-top:-2px}
.email-settings>h2{font-size:21px;margin:8px 0 6px}
.account-current-email{padding:13px 14px;background:#f0eae1;border-radius:7px;margin-bottom:20px}
.account-current-email>span{font-size:10px;color:#9d8771;display:block}
.account-current-email strong{display:block;margin-top:6px;font-size:14px;font-weight:400;overflow-wrap:anywhere}
.account-settings-footer{padding-top:20px}
.account-settings-footer>.primary-button{font-size:13px}
.account-local-note{font-size:10px;line-height:1.9;color:#a18c77;margin-top:13px}
.account-password-entry{display:flex;width:100%;align-items:center;gap:10px;margin-top:22px;padding:16px 0 0;border-top:1px solid var(--line);font-size:13px;min-height:50px;color:#80654c}
.account-password-entry>svg:first-child{width:17px;height:17px}
.account-password-entry>svg:last-child{width:15px;height:15px;margin-left:auto}
.password-settings>h2{font-size:21px;margin:8px 0 6px}
.account-return{font-size:11px;display:flex;align-items:center;gap:3px;color:#8c735f;min-height:40px;margin-bottom:17px;padding:0}
.account-return svg{width:14px;height:14px;transform:rotate(180deg)}
.password-feedback{font-size:12px;line-height:1.9;background:#eef0e7;color:var(--green);padding:12px;border-radius:6px;margin-top:15px}
html[lang="vi"] .categories{overflow-x:auto;scrollbar-width:none;max-width:100%;gap:6px}
html[lang="vi"] .categories::-webkit-scrollbar{display:none}
html[lang="vi"] .category{flex-shrink:0;padding-left:13px;padding-right:13px}
html[lang="vi"] .identity-card .member-badge{font-size:9px}
html[lang="vi"] .identity-footer p{font-size:9px}
html[lang="vi"] .profile-contact{font-size:10px;gap:4px;padding-left:8px;padding-right:8px}
html[lang="vi"] .order-tabs{gap:15px}
html[lang="vi"] .order-tab{font-size:11px}
html[lang="vi"] .order-shortcut{font-size:9px;text-align:center}
html[lang="vi"] .order-actions{flex-wrap:wrap}
html[lang="vi"] .small-button{padding-left:9px;padding-right:9px;font-size:10px}
html[lang="vi"] .page-intro h1{font-size:25px;line-height:1.5}
html[lang="vi"] .share-card h2{font-size:23px;line-height:1.5;max-width:260px}
html[lang="vi"] .share-card .share-flower{font-size:48px;right:15px;top:18px}
html[lang="vi"] .share-buttons .primary-button,html[lang="vi"] .share-buttons .secondary-button{padding-left:10px;padding-right:10px;font-size:11px}
html[lang="vi"] .stat-label{line-height:1.6;font-size:10px}
html[lang="vi"] .stat-note{font-size:9px;line-height:1.8}
html[lang="vi"] .record-tabs{gap:18px}
html[lang="vi"] .record-tab{font-size:11px}
html[lang="vi"] .record-name{font-size:12px}
html[lang="vi"] .record-meta{font-size:9px}
html[lang="vi"] .gallery-thumbnails p{font-size:9px;max-width:105px}
html[lang="vi"] .ticket-view-actions button{font-size:10px}
html[lang="vi"] .ticket-preview-note{font-size:9px}
html[lang="vi"] .checkout-address-actions{gap:16px}
html[lang="vi"] .checkout-address-actions button{font-size:10px}
html[lang="vi"] .checkout-address-heading>button{font-size:10px}
html[lang="vi"] .order-product h3{font-size:12px}
html[lang="vi"] .footer-links{gap:14px}
@media(max-width:370px){html[lang="vi"] .identity-footer p{font-size:8px}html[lang="vi"] .profile-contact{font-size:9px;padding-left:7px;padding-right:7px}html[lang="vi"] .record{padding-left:13px;padding-right:13px}html[lang="vi"] .record-amount{font-size:11px}html[lang="vi"] .record-meta{font-size:8px}html[lang="vi"] .stat{padding-left:15px;padding-right:15px}}