/* Even Realities English static runtime — preserves reference CSS while replacing Hydrogen hydration. */

#even-mobile-nav{position:fixed;z-index:9999;left:0;right:0;top:var(--header-height,64px);bottom:0;background:#fff;color:#111;padding:24px;overflow:auto;display:none}

#even-mobile-nav.is-open{display:block}

#even-mobile-nav nav{display:flex;flex-direction:column;border-top:1px solid #ddd}

#even-mobile-nav a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid #ddd;color:inherit;text-decoration:none;font-size:18px}

html.even-menu-open,html.even-menu-open body{overflow:hidden}

@media(min-width:1025px){#even-mobile-nav{display:none!important}}



/* Hydrogen Image renders the real image hidden until React hydrates. Static WP must reveal it. */

img[data-loading="true"]{

  width:100%!important;

  height:100%!important;

  z-index:auto!important;

  opacity:1!important;

  pointer-events:auto!important;

  user-select:auto!important;

}

img[data-lqip="true"].even-lqip-hidden{opacity:0!important;visibility:hidden!important}

img[data-loading="true"].even-real-image-error{display:none!important}



/* v1.7.9 — Blog archive/category hero is captured with an outer React

   `opacity-0` entry state. Static WordPress has no Hydrogen hydration step, so

   reveal only that Blog hero wrapper. */

.even-static-runtime main > header.mx-auto.block.w-full.max-w-485 > .group.opacity-0{opacity:1!important}



/* Swiper React leaves some roots at opacity 0. */

.swiper{opacity:1!important}

.swiper-wrapper{display:flex;will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1)}

.swiper-slide{flex-shrink:0}

.even-static-feature-media{width:100%;height:100%;display:block;object-fit:cover}



/* Expandable reference cards use React to change image opacity. */

.group[aria-expanded="true"] > .opacity-0:has(img),

.group[aria-expanded="true"] > .opacity-0:has(video){opacity:1!important}

.group[aria-expanded="true"] p[style*="opacity"]{opacity:1!important;pointer-events:auto!important}



/* Keep native HTML details usable without AccordionPanel React. */

details > summary{cursor:pointer}



/* v1.3 reference-state parity */

.even-static-dialog{width:min(680px,calc(100vw - 32px));max-width:680px;border:0;padding:0;background:transparent;color:#111}

.even-static-dialog::backdrop{background:rgba(0,0,0,.58)}

.even-static-dialog__panel{position:relative;background:#fff;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.24)}

.even-static-dialog__content h2{margin:0 0 16px;font-size:28px;line-height:1.1}

.even-static-dialog__content p{margin:0 0 16px;line-height:1.55}

.even-static-dialog__close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:28px;cursor:pointer}

[role="radio"][data-checked]{z-index:10!important;--field-border-color:var(--color-er-black)!important}

[role="radio"][data-checked]::before,[role="radio"][data-checked]::after{background:var(--color-er-yellow)!important}

.swiper-slide[hidden],.swiper-slide[style*="display: none"]{display:none!important}

.even-static-runtime .swiper-wrapper{touch-action:pan-y}

@media(max-width:640px){.even-static-dialog__panel{padding:24px 18px}}



/* v1.4.2 — local reference runtime parity (React/Hydrogen state replacements) */

.even-static-runtime video[muted][loop]:not([controls]){background:#232323}

.even-static-runtime video.even-video-ready{visibility:visible}



/* Re-create motion entry states instead of leaving React's opacity:0 behind. */

.even-static-runtime .even-js-reveal{opacity:0!important;transform:translate3d(0,16px,0)!important;transition:opacity .65s cubic-bezier(.22,.61,.36,1) var(--even-reveal-delay,0ms),transform .65s cubic-bezier(.22,.61,.36,1) var(--even-reveal-delay,0ms);will-change:opacity,transform}

.even-static-runtime .even-js-reveal.is-visible{opacity:1!important;transform:none!important}

.even-static-runtime .even-marquee{opacity:1!important;transform:none!important;animation:even-reference-drift 16s ease-in-out infinite alternate;will-change:transform}

@keyframes even-reference-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3%,0,0)}}

@media(prefers-reduced-motion:reduce){.even-static-runtime .even-js-reveal,.even-static-runtime .even-js-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}.even-static-runtime .even-marquee{animation:none!important}}



/* Press/media coverage: React controls the selected source and panel opacity. */

#media-coverage button[data-active]{transition:opacity .2s ease,background-color .2s ease}

#media-coverage button[data-active="false"]{opacity:.72}

#media-coverage button[data-active="true"]{opacity:1}

#media-coverage [aria-hidden="false"]{opacity:1!important}



/* Hard-coded spec components render accordion bodies only after hydration on the original site. */

.even-spec-fallback{padding:0 0 14px;max-width:48rem;color:var(--color-er-gray-70,#6f6f6f);font-size:.95em;line-height:1.45}

.even-spec-fallback[hidden]{display:none!important}

.even-spec-fallback p{margin:0}

button[aria-controls$="-panel"][aria-expanded="true"] svg{transform:rotate(180deg)}



/* Retail map/list is an SSR-empty client component in the reference. Keep the same dark canvas and restore local interaction. */

.even-retail-map-host{position:relative;overflow:hidden;min-height:32rem}

.even-retail-store{display:flex;width:100%;flex-direction:column;gap:5px;text-align:left;padding:14px 4px;background:transparent;border:0;cursor:pointer;color:inherit}

.even-retail-store strong{font-size:16px;font-weight:500;line-height:1.25}

.even-retail-store span{font-size:13px;line-height:1.35;color:var(--color-er-gray-70,#6f6f6f)}

.even-retail-store:hover,.even-retail-store.is-active{background:var(--color-er-gray-05,#f3f3f3)}

.even-retail-empty{padding:20px 4px;color:var(--color-er-gray-70,#6f6f6f)}

.even-retail-menu{position:absolute;z-index:50;right:0;top:calc(100% + 6px);min-width:170px;background:#fff;border:1px solid #d7d7d7;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px}

.even-retail-menu[hidden]{display:none!important}

.even-retail-menu button{display:block;width:100%;border:0;background:transparent;padding:9px 10px;text-align:left;cursor:pointer;font:inherit}

.even-retail-menu button:hover{background:#ffe500}

@media(max-width:768px){.even-retail-map-host{min-height:22.5625rem}}

.even-terminal-cta{opacity:0!important;transform:translateY(100%)!important;transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1)}

.even-terminal-cta.is-visible{opacity:1!important;transform:none!important}

.even-copy-done{background:var(--color-er-yellow,#ffe500)!important;color:var(--color-er-black,#232323)!important}

@media(prefers-reduced-motion:reduce){.even-terminal-cta{transition:none!important}}



/* v1.4.3 — product option + prescription confirmation parity */

.even-static-runtime [role="radio"],

.even-static-runtime [role="checkbox"]{user-select:none;-webkit-user-select:none;touch-action:manipulation}

.even-static-runtime [role="checkbox"][data-checked]{background:var(--color-er-yellow,#ffe500)!important;--field-border-color:var(--color-er-black,#232323)!important;color:var(--color-er-black,#232323)!important}

.even-static-runtime .even-checkbox-mark{display:none;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;line-height:1;font-weight:600;pointer-events:none}

.even-static-runtime [role="checkbox"][data-checked] .even-checkbox-mark{display:flex}

.even-static-runtime .even-checkbox-row{cursor:pointer}



.even-static-runtime button.field.even-option-selected{z-index:10!important;--field-border-color:var(--color-er-black,#232323)!important}

.even-static-runtime button.field.even-option-selected::before,

.even-static-runtime button.field.even-option-selected::after{background:var(--color-er-yellow,#ffe500)!important}

.even-r1-size-picker{width:100%;margin-top:.5rem}

.even-r1-size-picker[hidden]{display:none!important}

.even-r1-size-picker__label{margin:0 0 .5rem;font-size:14px;line-height:1.3;color:var(--color-er-gray-70,#6f6f6f)}

.even-r1-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}

.even-r1-size-button{min-height:3.5rem;width:calc(100% + 1px);margin:-.5px;padding:.75rem;cursor:pointer;background:transparent;font:inherit;color:inherit}

.even-r1-size-button[data-checked]{z-index:10;--field-border-color:var(--color-er-black,#232323)!important;background:var(--color-er-yellow,#ffe500)!important}

@media(max-width:640px){.even-r1-size-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.even-r1-size-button{min-height:3rem;padding:.5rem}}



/* v1.4.4 — independent accessory variant groups (frame/style/size/quantity). */

.even-static-runtime [data-even-accessory-variant-group] button.field{touch-action:manipulation;user-select:none;-webkit-user-select:none}

.even-static-runtime [data-even-accessory-variant-group] button.field.even-option-selected{

  z-index:10!important;

  --field-border-color:var(--color-er-black,#232323)!important;

  background:var(--color-er-yellow,#ffe500)!important;

}

.even-static-runtime [data-even-accessory-variant-group] button.field.even-option-selected::before,

.even-static-runtime [data-even-accessory-variant-group] button.field.even-option-selected::after{background:var(--color-er-yellow,#ffe500)!important}



/* WooCommerce catalog bridge v1.4.6 */

.even-wc-card{min-height:0}

.even-wc-card-media img{transition:transform .45s ease}

.even-wc-card:hover .even-wc-card-media img{transform:scale(1.015)}

.even-wc-product-page{padding-top:1rem}

.even-wc-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}

.even-wc-gallery-item{margin:0;background:var(--color-er-gray-05,#f3f3f3);aspect-ratio:1/1;overflow:hidden}

.even-wc-gallery-item img{display:block;width:100%;height:100%;object-fit:contain}

.even-wc-product-summary{align-self:start;position:sticky;top:calc(var(--header-height,5rem) + 1rem)}

.even-wc-select-label{display:block;margin-top:1.25rem;font-size:1rem}

.even-wc-select-label>span{display:block;margin-bottom:.5rem}

.even-wc-select-label select{display:block;width:100%;min-height:3.25rem;border:1px solid rgba(0,0,0,.25);border-radius:0;background:#fff;padding:.75rem 2.75rem .75rem .875rem;color:inherit;font:inherit}

.even-wc-variant-fallback{margin:1.25rem 0;padding:1rem;border:1px solid rgba(0,0,0,.16);background:rgba(255,255,255,.72)}

.even-wc-variant-fallback__title{margin:0 0 .5rem;font-weight:600}

.even-wc-buy-button{display:block;width:100%;margin-top:1.5rem;min-height:3.5rem;border:1px solid #111;background:var(--color-er-yellow,#fff56e);color:#111;padding:.75rem 1rem;font:inherit;cursor:pointer}

.even-wc-buy-button:disabled{cursor:not-allowed;opacity:.45}

.even-wc-description{line-height:1.55}

@media (max-width:768px){

  .even-wc-gallery-grid{grid-template-columns:1fr}

  .even-wc-product-summary{position:static}

}



/* v1.4.8 — Store keeps the original reference DOM/classes.

   No alternate Store/card visual system is allowed here. */



.even-wc-generic-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:0 24px;border-bottom:1px solid #ddd;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}

.even-wc-generic-brand{font-size:22px;color:#232323;text-decoration:none}

.even-wc-generic-header nav{display:flex;gap:24px;align-items:center}

.even-wc-generic-header nav a{color:#232323;text-decoration:none}

.even-wc-generic-loading,.even-wc-generic-empty{min-height:65vh;display:grid;place-items:center;padding:48px 24px}

.even-wc-js-product{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.7fr);gap:48px;max-width:1600px;margin:0 auto;padding:40px 24px 96px;color:#232323;background:#fff}

.even-wc-js-product__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}

.even-wc-js-product__gallery figure{aspect-ratio:1/1;margin:0;background:#f4f4f4;overflow:hidden}

.even-wc-js-product__gallery img{width:100%;height:100%;display:block;object-fit:cover}

.even-wc-js-product__summary{position:sticky;top:92px;align-self:start;display:grid;gap:18px}

.even-wc-js-product__cat{font-size:15px;margin:0;color:#666}

.even-wc-js-product__summary h1{font-size:clamp(40px,4vw,64px);line-height:1;font-weight:400;margin:0}

.even-wc-js-product__price{font-size:32px;line-height:1.2;margin:0}

.even-wc-js-product__short{font-size:18px;line-height:1.5;margin:0}

.even-wc-js-product__form{display:grid;gap:14px;margin-top:12px}

.even-wc-js-product__form .even-wc-select-label{display:grid;gap:7px;font-size:15px}

.even-wc-js-product__form select{width:100%;min-height:52px;border:1px solid #bbb;background:#fff;padding:0 14px;font:inherit}

.even-wc-js-product__form .even-wc-buy-button{min-height:56px;border:0;background:#fff58b;color:#232323;padding:0 24px;font:inherit;cursor:pointer}

.even-wc-js-product__form .even-wc-buy-button:disabled{opacity:.45;cursor:not-allowed}

.even-wc-js-product__description{font-size:16px;line-height:1.6;white-space:pre-line}

.even-wc-generic-footer{display:flex;justify-content:space-between;gap:24px;padding:28px 24px;border-top:1px solid #ddd}

.even-wc-generic-footer p{margin:0}

.even-wc-generic-footer a{color:inherit}



@media (max-width: 900px){

  .even-wc-js-product{grid-template-columns:1fr;gap:28px;padding:20px 16px 72px}

  .even-wc-js-product__summary{position:static}

  .even-wc-generic-header nav a:nth-child(n+3){display:none}

}

@media (max-width: 560px){

  .even-wc-js-product__gallery{grid-template-columns:1fr}

}





/* v1.5.1 — Newly-added Woo product without real Product Image/Gallery.

   Keep the reference product DOM, but collapse the unused full-height media

   column so the summary does not sit at the bottom of a blank viewport. */

main[data-even-wc-no-media="1"] > section.container-grid {

  min-height: 0 !important;

  padding-bottom: 2rem;

}

main[data-even-wc-no-media="1"] > section.container-grid > .order-2.col-span-6 {

  display: none !important;

}

main[data-even-wc-no-media="1"] > section.container-grid > .order-1.col-span-6 {

  grid-column: 1 / -1 !important;

  gap: 2rem !important;

}

main[data-even-wc-no-media="1"] > section.container-grid > .order-1.col-span-6 > .mt-auto {

  margin-top: 0 !important;

}

@media (max-width: 768px) {

  main[data-even-wc-no-media="1"] > section.container-grid {

    padding-top: 1rem;

  }

}





/* v1.6.4: Replace simulated retail markers with real Google Maps embeds. */

.even-retail-google-map-host{background:#f3f3f3;min-height:32rem}

.even-retail-google-map{position:absolute;inset:0;overflow:hidden;background:#f3f3f3}

.even-retail-google-map__frame{display:block;width:100%;height:100%;min-height:32rem;border:0;background:#f3f3f3}

.even-retail-google-map__open{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:#fff;color:#232323;border:1px solid rgba(35,35,35,.18);box-shadow:0 4px 18px rgba(0,0,0,.14);font-size:14px;line-height:1;text-decoration:none}

.even-retail-google-map__open:hover,.even-retail-google-map__open:focus-visible{background:#fff68a;border-color:#232323;outline:none}

@media(max-width:768px){.even-retail-google-map-host,.even-retail-google-map__frame{min-height:22.5625rem}.even-retail-google-map__open{right:10px;bottom:10px;min-height:40px;padding:0 12px}}





/* v1.7.0 — commerce shows availability in the original price position, never an internal price. */

[data-even-wc-reference-product] [data-even-wc-live-stock],

[data-even-wc-generic-product] [data-even-wc-live-stock]{font-variant-numeric:normal}





/* v1.8.3 — ẩn nút thử kính ảo trên mọi thiết bị */

.aspect-square>button.button{display:none!important}

/* v1.8.5 — Vietnam office addresses in footer */
.even-footer-offices{margin-top:24px;display:flex;flex-direction:column;gap:18px;max-width:320px;width:100%;color:#a5a5a5;font-size:13.5px;line-height:1.5;box-sizing:border-box}
.even-footer-office{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0;padding:0}
.even-footer-office strong,.even-footer-office .even-footer-office-title{display:block!important;color:#fff!important;font-weight:600!important;font-size:14px!important;line-height:1.4!important;letter-spacing:.01em;margin-bottom:2px}
.even-footer-office span{display:block!important;color:#a5a5a5!important;font-size:13px!important;line-height:1.5!important}
.even-footer-office a{color:#a5a5a5!important;text-decoration:none!important;transition:color .18s ease}
.even-footer-office a:hover,.even-footer-office a:focus-visible{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px!important}
.even-footer-office a strong{display:inline!important;color:inherit!important}
@media(max-width:768px){.even-footer-offices{margin-top:20px;max-width:100%;gap:16px;font-size:13px}}