:root {
--esight-font-heading: "Be Vietnam Pro", sans-serif;
--esight-font-body: "Inter", sans-serif;
} html body,
html body #page-container,
html body #main-content,
html body .entry-content,
html body .et_pb_text,
html body .et_pb_text_inner,
html body .et_pb_blurb_description,
html body .et_pb_slide_content,
html body .esight-news-list,
html body .esight-consultation-form,
html body input:not([type="button"]):not([type="submit"]):not([type="reset"]),
html body textarea,
html body select,
html body option,
html body label {
font-family: var(--esight-font-body) !important;
} html body #main-content h1,
html body #main-content h2,
html body #main-content h3,
html body #main-content h4,
html body #main-content h5,
html body #main-content h6,
html body #main-content .entry-title,
html body #main-content .et_pb_slide_title,
html body #main-content .et_pb_module_header,
html body #main-content .et_pb_blurb_container .et_pb_module_header,
html body #main-content .esight-news-card h1,
html body #main-content .esight-news-card h2,
html body #main-content .esight-news-card h3 {
font-family: var(--esight-font-heading) !important;
} html body header,
html body header a,
html body header p,
html body header li,
html body header h1,
html body header h2,
html body header h3,
html body header h4,
html body header h5,
html body header h6,
html body .et-l--header a,
html body .et-l--header li,
html body .et-l--header p,
html body .df-normal-menu-wrap a,
html body .df-normal-menu-wrap li,
html body .df-mobile-menu a,
html body .df-mobile-menu li,
html body .et_mobile_menu a,
html body .et_mobile_menu li {
font-family: var(--esight-font-heading) !important;
} html body footer,
html body footer a,
html body footer p,
html body footer li,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body .et-l--footer a,
html body .et-l--footer p,
html body .et-l--footer li,
html body .et-l--footer h1,
html body .et-l--footer h2,
html body .et-l--footer h3,
html body .et-l--footer h4,
html body .et-l--footer h5,
html body .et-l--footer h6 {
font-family: var(--esight-font-heading) !important;
} html body button,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body .button,
html body .et_pb_button,
html body .wp-element-button,
html body .esight-consultation-submit,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .woocommerce input.button {
font-family: var(--esight-font-heading) !important;
} html body .esight-sticky-dock,
html body .esight-office-popup,
html body .esight-office-popup p,
html body .esight-office-popup a {
font-family: var(--esight-font-body) !important;
}
html body .esight-office-popup .popup-header strong,
html body .esight-office-popup .office-name,
html body .esight-office-popup .office-action,
html body .esight-sticky-dock button {
font-family: var(--esight-font-heading) !important;
} html body .et-pb-icon,
html body .et-pb-icon-circle,
html body .mobile_menu_bar,
html body .et-social-icon,
html body [class*="fa-"],
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .gform-icon {
font-family: inherit;
} html body .esight-vn-how-to-buy-cta h4,
html body .esight-404-code,
html body .esight-404-inner h1 {
font-family: var(--esight-font-heading) !important;
}
html body .esight-404-kicker,
html body .esight-404-copy,
html body .esight-404-button {
font-family: var(--esight-font-body) !important;
}html body #main-content .et_pb_text .TextRun,
html body #main-content .et_pb_text .NormalTextRun,
html body #main-content .et_pb_text [class*="SCXW"],
html body #main-content .et_pb_text [class*="BCX"],
html body #main-content .et_pb_text .MacChromeBold {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
font-style: inherit !important;
font-variant: inherit !important;
text-transform: inherit !important;
font-weight: inherit !important;
} html body #main-content .et_pb_text h1 .TextRun,
html body #main-content .et_pb_text h1 .NormalTextRun,
html body #main-content .et_pb_text h1 [class*="SCXW"],
html body #main-content .et_pb_text h1 [class*="BCX"],
html body #main-content .et_pb_text h2 .TextRun,
html body #main-content .et_pb_text h2 .NormalTextRun,
html body #main-content .et_pb_text h2 [class*="SCXW"],
html body #main-content .et_pb_text h2 [class*="BCX"],
html body #main-content .et_pb_text h3 .TextRun,
html body #main-content .et_pb_text h3 .NormalTextRun,
html body #main-content .et_pb_text h3 [class*="SCXW"],
html body #main-content .et_pb_text h3 [class*="BCX"],
html body #main-content .et_pb_text h4 .TextRun,
html body #main-content .et_pb_text h4 .NormalTextRun,
html body #main-content .et_pb_text h5 .TextRun,
html body #main-content .et_pb_text h5 .NormalTextRun,
html body #main-content .et_pb_text h6 .TextRun,
html body #main-content .et_pb_text h6 .NormalTextRun {
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif) !important;
} html body #main-content .et_pb_text p .TextRun,
html body #main-content .et_pb_text p .NormalTextRun,
html body #main-content .et_pb_text p [class*="SCXW"],
html body #main-content .et_pb_text p [class*="BCX"],
html body #main-content .et_pb_text li .TextRun,
html body #main-content .et_pb_text li .NormalTextRun,
html body #main-content .et_pb_text li [class*="SCXW"],
html body #main-content .et_pb_text li [class*="BCX"] {
font-family: var(--esight-font-body, "Inter", "Segoe UI", Arial, sans-serif) !important;
}.esight-product-catalog,
.esight-product-detail {
width: min(1160px, calc(100% - 48px));
margin: 0 auto;
padding: 64px 0 80px;
font-family: var(--esight-font-body, "Inter", "Segoe UI", Arial, sans-serif);
color: #16393a;
} .esight-catalog-header { 
max-width: 680px; 
margin: 0 auto 48px auto; 
text-align: center;
}
.esight-catalog-eyebrow { 
margin: 0 0 8px; 
text-transform: uppercase; 
letter-spacing: 0.08em; 
font-size: 12px; 
font-weight: 700; 
color: #f4772b; 
}
.esight-catalog-header h1,
.esight-product-detail h1,
.esight-product-description h2,
.esight-catalog-card h2 { 
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif); 
color: #173838; 
}
.esight-catalog-header h1 { 
margin: 0 0 16px; 
font-size: clamp(28px, 3vw, 40px); 
line-height: 1.2; 
font-weight: 800;
}
.esight-catalog-header p { 
font-size: 16px; 
line-height: 1.6; 
color: #4a6363; 
margin: 0;
} .esight-catalog-grid { 
display: grid; 
grid-template-columns: repeat(2, minmax(0, 1fr)); 
gap: 32px; 
align-items: stretch;
max-width: 960px;
margin: 0 auto;
} .esight-catalog-card { 
display: flex; 
flex-direction: column; 
min-width: 0; 
background: #ffffff;
border-radius: 8px; 
overflow: hidden; 
transition: border-color 0.15s ease, background-color 0.15s ease;
} .esight-card-flagship {
border: 2px solid #173838;
}
.esight-card-flagship:hover {
border-color: #0b1c1c;
} .esight-card-legacy {
border: 1px solid #dce4e4;
background: #fafcfc;
}
.esight-card-legacy:hover {
border-color: #b8c8c8;
background: #ffffff;
} .esight-catalog-card-media-wrapper {
position: relative;
overflow: hidden;
background: #f4f7f7;
border-bottom: 1px solid #edf2f2;
}
.esight-card-flagship .esight-catalog-card-media-wrapper {
background: #ffffff;
border-bottom-color: #e5eded;
}
.esight-catalog-card-media { 
display: block; 
aspect-ratio: 16 / 11; 
overflow: hidden; 
}
.esight-catalog-card-media img { 
display: block; 
width: 100%; 
height: 100%; 
object-fit: cover; 
} .esight-card-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.03em;
line-height: 1;
border-radius: 4px;
padding: 5px 10px;
}
.esight-badge-flagship {
background: #173838;
color: #ffffff;
border: 1px solid #173838;
}
.esight-badge-legacy {
background: #eef3f3;
color: #405858;
border: 1px solid #d4dede;
} .esight-catalog-card-body { 
display: flex; 
flex: 1; 
flex-direction: column; 
padding: 24px; 
}
.esight-card-header {
margin-bottom: 8px;
}
.esight-catalog-card h2 { 
margin: 0; 
font-size: 22px; 
line-height: 1.3; 
font-weight: 800;
}
.esight-catalog-card h2 a { 
color: inherit; 
text-decoration: none; 
transition: color 0.15s ease;
}
.esight-catalog-card h2 a:hover {
color: #f4772b;
} .esight-catalog-stock,
.esight-product-detail-stock {
margin: 0 0 16px;
}
.esight-stock-status {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 5px 10px;
border: 1px solid #d9e1e1;
border-radius: 999px;
background: #f4f7f7;
color: #173838;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 12.5px;
font-weight: 700;
line-height: 1.2;
}
.esight-stock-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #f4772b;
flex: 0 0 7px;
}
.esight-order-confirm-note {
margin: 10px 0 0;
color: #536b6b;
font-size: 12.5px;
line-height: 1.5;
text-align: center;
}
.esight-product-order-confirm-note {
margin-top: -4px;
text-align: left;
} .esight-card-desc {
margin: 0 0 24px;
color: #536b6b;
font-size: 14px;
line-height: 1.55;
flex-grow: 1;
} .esight-catalog-card-actions { 
display: grid; 
grid-template-columns: 1fr 1fr; 
gap: 8px; 
margin-top: auto; 
}
.esight-card-legacy .esight-catalog-card-actions {
grid-template-columns: 1fr;
}
.esight-catalog-btn { 
display: inline-flex; 
min-height: 44px; 
align-items: center; 
justify-content: center; 
padding: 8px 12px; 
border-radius: 6px; 
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif); 
font-size: 13.5px; 
font-weight: 700; 
text-decoration: none !important; 
text-align: center; 
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} .esight-catalog-btn-primary { 
border: 1px solid #f4772b; 
background: #f4772b; 
color: #ffffff !important; 
}
.esight-catalog-btn-primary:hover {
background: #e0661b;
border-color: #e0661b;
} .esight-catalog-btn-secondary { 
border: 1px solid #173838; 
background: #173838; 
color: #ffffff !important; 
}
.esight-catalog-btn-secondary:hover {
background: #0f2727;
border-color: #0f2727;
} .esight-catalog-btn-outline { 
border: 1px solid #cbd8d8; 
background: #ffffff; 
color: #173838 !important; 
}
.esight-catalog-btn-outline:hover {
border-color: #173838;
background: #f4f8f8;
} .esight-catalog-zalo-wrap {
display: flex;
justify-content: center;
margin-top: 14px;
}
.esight-catalog-zalo { 
display: inline-flex; 
align-items: center;
justify-content: center;
gap: 6px;
padding: 6px 14px;
background: #f0f7ff;
border: 1px solid #d0e4ff;
border-radius: 20px;
color: #0068ff !important; 
font-size: 13px; 
font-weight: 600; 
text-align: center;
text-decoration: none !important; 
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.esight-catalog-zalo svg {
flex-shrink: 0;
}
.esight-catalog-zalo:hover {
background: #e0efff;
border-color: #bad8ff;
color: #0052cc !important;
}
.esight-catalog-empty { 
padding: 40px; 
border: 1px solid #dfe7e7; 
border-radius: 8px; 
background: #fff; 
text-align: center;
} .esight-product-back { margin: 0 0 24px; }
.esight-product-back a { color: #16393a; font-weight: 700; text-decoration: none; }
.esight-product-detail-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 48px; align-items: start; }
.esight-product-main-image { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: #f5f7f7; border: 1px solid #e5eded; }
.esight-product-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.esight-product-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: #f5f7f7; border: 1px solid #e5eded; }
.esight-product-detail-summary { position: sticky; top: 140px; }
.esight-product-detail-summary h1 { margin: 0 0 16px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; }
.esight-product-short-description { color: #43595a; font-size: 15.5px; line-height: 1.65; }
.esight-product-detail-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 24px 0 16px; }
.esight-product-hotline { font-size: 14.5px; margin: 8px 0 0; }
.esight-product-hotline a { color: #16393a; font-weight: 700; }
.esight-product-note { margin-top: 16px; padding: 12px 16px; border-left: 3px solid #f4772b; background: #f7f9f9; color: #4b6060; border-radius: 0 6px 6px 0; }
.esight-product-description { max-width: 880px; margin-top: 56px; padding-top: 40px; border-top: 1px solid #dfe7e7; }
.esight-product-description h2 { margin: 0 0 16px; font-size: 24px; }
.esight-product-description p,
.esight-product-description li { font-size: 15px; line-height: 1.7; } @media (max-width: 880px) {
.esight-catalog-grid { grid-template-columns: 1fr; max-width: 500px; }
.esight-product-detail-hero { grid-template-columns: 1fr; gap: 32px; }
.esight-product-detail-summary { position: static; }
}
@media (max-width: 640px) {
.esight-product-catalog,
.esight-product-detail { width: min(100% - 32px, 1160px); padding: 40px 0 56px; }
.esight-catalog-grid { grid-template-columns: 1fr; gap: 24px; }
.esight-catalog-card-actions,
.esight-product-detail-actions { grid-template-columns: 1fr; }
.esight-product-gallery { grid-template-columns: repeat(3, 1fr); }
.esight-catalog-card h2 { font-size: 20px; }
} .esight-compare-section {
margin-top: 72px;
padding-top: 56px;
border-top: 1px solid #dfe7e7;
}
.esight-compare-header {
text-align: center;
max-width: 680px;
margin: 0 auto 36px;
}
.esight-compare-eyebrow {
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 12px;
font-weight: 700;
color: #f4772b;
}
.esight-compare-header h2 {
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: clamp(24px, 2.5vw, 32px);
font-weight: 800;
color: #173838;
margin: 0 0 12px;
}
.esight-compare-header p {
font-size: 15.5px;
line-height: 1.6;
color: #536b6b;
margin: 0;
}
.esight-compare-table-wrapper {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe7e7;
border-radius: 8px;
}
.esight-compare-table {
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 14.5px;
min-width: 680px;
}
.esight-compare-table th,
.esight-compare-table td {
padding: 18px 22px;
border-bottom: 1px solid #edf2f2;
vertical-align: middle;
}
.esight-compare-table thead th {
background: #f7f9f9;
border-bottom: 2px solid #dfe7e7;
}
.esight-compare-table th.col-feature {
width: 25%;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 14px;
font-weight: 750;
color: #4a6363;
}
.esight-compare-table th.col-go {
width: 42%;
}
.esight-compare-table th.col-legacy {
width: 33%;
}
.esight-compare-table .highlight-col {
background: #fafdfd;
border-left: 2px solid #173838;
border-right: 2px solid #173838;
}
.esight-compare-table thead th.highlight-col {
background: #f0f7f7;
border-top: 2px solid #173838;
}
.esight-compare-table tbody tr:last-child td.highlight-col {
border-bottom: 2px solid #173838;
}
.compare-prod-head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.compare-prod-head h3 {
margin: 0;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 20px;
font-weight: 800;
color: #173838;
}
.compare-badge-go {
display: inline-block;
padding: 3px 8px;
background: #173838;
color: #ffffff;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 11px;
font-weight: 700;
border-radius: 4px;
line-height: 1;
}
.compare-tag-trial {
display: inline-flex;
align-items: center;
padding: 4px 10px;
background: #e8f7ee;
color: #0b7537;
border: 1px solid #bcecd0;
border-radius: 20px;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 12px;
font-weight: 750;
line-height: 1.2;
}
.compare-badge-legacy {
display: inline-block;
padding: 3px 8px;
background: #eef3f3;
color: #536b6b;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 11px;
font-weight: 700;
border-radius: 4px;
line-height: 1;
border: 1px solid #d4dede;
}
.esight-compare-table .feature-title {
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-weight: 750;
color: #173838;
font-size: 14px;
}
.esight-compare-table td {
color: #4a6363;
line-height: 1.5;
}
.esight-compare-table td.highlight-col {
color: #173838;
}
.policy-highlight {
display: inline-flex;
align-items: center;
gap: 8px;
color: #0b7537;
font-weight: 700;
}
.policy-highlight svg {
flex-shrink: 0;
color: #0b7537;
} .esight-smart-action-bar {
margin-top: 32px;
padding: 22px 28px;
background: #ffffff;
border: 1px solid #dfe7e7;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.smart-bar-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.smart-bar-info strong {
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 16px;
color: #173838;
font-weight: 800;
}
.smart-bar-info span {
font-size: 14px;
color: #536b6b;
}
.smart-bar-buttons {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.smart-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 44px;
padding: 10px 18px;
border-radius: 6px;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 13.5px;
font-weight: 750;
text-decoration: none !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.smart-btn-primary {
background: #f4772b;
border: 1px solid #f4772b;
color: #ffffff !important;
}
.smart-btn-primary:hover {
background: #e0661b;
border-color: #e0661b;
}
.smart-btn-zalo {
background: #f0f7ff;
border: 1px solid #d0e4ff;
color: #0068ff !important;
}
.smart-btn-zalo:hover {
background: #e0efff;
border-color: #bad8ff;
color: #0052cc !important;
}
@media (max-width: 880px) {
.esight-smart-action-bar {
flex-direction: column;
align-items: stretch;
text-align: center;
padding: 20px;
}
.smart-bar-buttons {
flex-direction: column;
}
.smart-btn {
width: 100%;
}
} .esight-quick-callback-wrap {
margin: 16px 0 24px;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
}
.esight-callback-input-group {
display: flex;
gap: 8px;
}
.esight-callback-phone {
flex: 1;
min-height: 44px;
padding: 10px 14px;
border: 1px solid #cbd8d8;
border-radius: 6px;
font-family: var(--esight-font-body, "Inter", "Segoe UI", Arial, sans-serif);
font-size: 14px;
color: #173838;
background: #ffffff;
transition: border-color 0.15s ease, outline 0.15s ease;
box-shadow: none;
}
.esight-callback-phone:focus {
outline: 2px solid #f4772b;
border-color: #f4772b;
}
.esight-callback-submit {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 16px;
background: #173838;
color: #ffffff;
border: 1px solid #173838;
border-radius: 6px;
font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif);
font-size: 13.5px;
font-weight: 750;
cursor: pointer;
white-space: nowrap;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.esight-callback-submit:hover {
background: #f4772b;
border-color: #f4772b;
}
.esight-callback-submit.is-loading {
opacity: 0.82;
cursor: wait;
pointer-events: none;
}
.esight-callback-submit.is-loading::before {
content: "";
width: 15px;
height: 15px;
margin-right: 7px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
flex: 0 0 auto;
animation: esight-callback-spin 0.7s linear infinite;
}
.esight-callback-submit.is-loading svg {
display: none;
}
@keyframes esight-callback-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.esight-callback-submit.is-loading::before {
animation-duration: 1.4s;
}
}
.esight-callback-status {
margin-top: 8px;
font-size: 13px;
line-height: 1.45;
}
.esight-callback-status.is-success {
color: #0b7537;
font-weight: 600;
}
.esight-callback-status.is-error {
color: #d7372f;
font-weight: 600;
}
@media (max-width: 600px) {
.esight-callback-input-group {
flex-direction: column;
}
.esight-callback-submit {
width: 100%;
}
} @media (max-width: 640px) {
.esight-product-detail {
padding: 24px 0 36px;
}
.esight-product-back {
margin: 0 0 14px;
}
.esight-product-detail-hero {
gap: 20px;
}
.esight-product-gallery {
gap: 6px;
margin-top: 6px;
}
.esight-product-detail-summary h1 {
margin-bottom: 10px;
}
.esight-product-detail-stock {
margin-bottom: 10px;
}
.esight-quick-callback-wrap {
margin: 12px 0 16px;
}
.esight-product-short-description p {
margin: 0 0 10px;
}
.esight-product-detail-actions {
margin: 16px 0 10px;
}
.esight-product-hotline {
margin-top: 6px;
}
.esight-product-note {
margin-top: 12px;
}
.esight-product-description {
margin-top: 28px;
padding-top: 22px;
}
.esight-product-description h2 {
margin-bottom: 10px;
}
.esight-product-description p,
.esight-product-description li {
line-height: 1.6;
}
.esight-product-description p {
margin-bottom: 12px;
}
.esight-compare-section {
margin-top: 40px;
padding-top: 30px;
}
.esight-compare-header {
margin-bottom: 22px;
}
.esight-smart-action-bar {
margin-top: 20px;
padding: 16px;
gap: 14px;
}
} .esight-product-color-buy-form { margin: 18px 0 0; }
.esight-product-color-selector { margin: 0; padding: 0; border: 0; }
.esight-product-color-selector legend { margin: 0 0 9px; padding: 0; color: #173838; font-family: var(--esight-font-heading, "Be Vietnam Pro", "Segoe UI", Arial, sans-serif); font-size: 13px; font-weight: 700; }
.esight-product-color-options { display: flex; flex-wrap: wrap; gap: 8px; }
.esight-product-color-option { position: relative; display: inline-flex; }
.esight-product-color-option input { position: absolute; opacity: 0; pointer-events: none; }
.esight-product-color-option label { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 13px; border: 1px solid #d9e1e1; border-radius: 999px; background: #fff; color: #173838; font-size: 13px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.esight-product-color-option input:checked + label { border-color: #173838; background: #f4f7f7; font-weight: 700; }
.esight-product-color-option input:focus-visible + label { outline: 2px solid #f4772b; outline-offset: 2px; }
button.esight-catalog-btn { cursor: pointer; width: 100%; }