/** Shopify CDN: Minification failed

Line 125:2 Unexpected "}"

**/
/* ============================================================
   NESSVALE — reset, typography, buttons, fields
   ============================================================ */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--bg);
  color:#0c0c0c;
  /* Thong so chu do nguoi dung cung cap */
  font-family:var(--font-body);
  font-size:16px;
  font-weight:550;
  line-height:1.6;
  /* Inter Tight chay tracking am (-.014em). Gamja Flower la chu viet tay,
     net manh va khe chu da hep san -> tracking am lam chu dinh vao nhau.
     Ve 0. */
  letter-spacing:0;
  /* Do o 100px: Inter Tight x-height 54.6 / cap 72.8; Gamja Flower chi
     36.2 / 56.4. Cung so px thi Gamja nhin nho hon ~25-34%.
     font-size-adjust ep x-height = .453 x font-size, tuc phong quang hoc
     1.25x, ma KHONG phai sua 205 khai bao font-size:_px trong theme —
     nhung con so do da do khop voi allbirds, sua tay la lech het.
     Trinh duyet cu khong ho tro thi chu ve dung nhu cu, khong vo layout. */
  font-size-adjust:.453;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  overflow-x:hidden;
}
body.is-locked{ overflow:hidden; }
img,svg,video{ display:block; max-width:100%; height:auto; }
a{ color:inherit; text-decoration:none; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ background:none; border:0; padding:0; cursor:pointer; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p,figure,dl,dd{ margin:0; }
hr{ border:0; border-top:1px solid var(--line); margin:0; }
/* class rules (e.g. .product-card{display:flex}) otherwise beat the UA [hidden] */
[hidden]{ display:none !important; }
:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }

/* ---------- type scale ---------- */
h1,.h1{ font-size:40px; font-weight:400; letter-spacing:.6px; line-height:1.1; }
h2,.h2{ font-size:24px; font-weight:400; letter-spacing:.6px; line-height:1.25; }
h3,.h3{ font-size:18px; font-weight:500; letter-spacing:normal; line-height:1.35; }
.body-lg{ font-size:16px; line-height:1.65; }
.body-sm{ font-size:14px; line-height:1.55; }
.eyebrow{
  font-size:12px; font-weight:500; letter-spacing:.6px;
  text-transform:uppercase; line-height:1.4;
}
.muted{ color:var(--ink-muted); }
@media (max-width: 767px){
  h1,.h1{ font-size:30px; }
}

/* ---------- layout helpers ---------- */
.container{ width:100%; max-width:var(--max); margin:0 auto; padding:0 var(--pad-x); }
.section{ padding:80px 0; }
.section--tight{ padding:56px 0; }
.section__head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; margin-bottom:32px;
}
.section__head p{ max-width:52ch; }

/* reference behaviour: text links underline on hover, nothing else moves */
.link{
  display:inline-block;
  transition:opacity var(--dur) var(--ease);
}
@media (hover: hover){ .link:hover{ text-decoration:underline; text-underline-offset:3px; } }
.link-underline{
  display:inline-block; padding-bottom:2px;
  border-bottom:1px solid currentColor;
  transition:opacity var(--dur) var(--ease);
}
@media (hover: hover){ .link-underline:hover{ opacity:.6; } }

.visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.skip-link{
  position:absolute; left:var(--pad-x); top:-60px; z-index:200;
  background:var(--ink); color:var(--surface); padding:10px 16px; font-size:14px;
  border-radius:var(--r-full);
  transition:top var(--dur) var(--ease);
}
.skip-link:focus{ top:8px; }
@media (max-width: 767px){
  .section{ padding:56px 0; }
  .section--tight{ padding:40px 0; }
  .section__head{ flex-direction:column; align-items:flex-start; margin-bottom:24px; }
}

/* pages without a hero need room for the floating header card
   (reference PLP starts its breadcrumb at 108px on a 1440 viewport) */
.page-top{ padding-top:calc(var(--gutter) + var(--header-h) + 8px); }
@media (max-width: 767px){
  .page-top{ padding-top:calc(var(--gutter) + var(--header-h) + 4px); }
}

/* ---------- buttons ----------
   Reference: .btn { padding 8px 16px; 12px/500; tracking .3px; uppercase;
   border-radius: pill; transition background/color/border .2s sine-in-out,
   opacity .2s sine-out } @media (hover: hover){ and hover only inside @media (hover:hover).       */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 16px;
  font-size:12px; font-weight:500; letter-spacing:.3px;
  line-height:1.25; text-transform:uppercase; white-space:nowrap;
  border:1px solid var(--ink);
  border-radius:var(--r-full);
  background:var(--ink); color:var(--surface);
  transition:background-color var(--dur) var(--ease),
             color var(--dur) var(--ease),
             border-color var(--dur) var(--ease),
             opacity var(--dur) var(--ease-out);
} }
@media (hover: hover){
  .btn:hover{ background:var(--ink-soft); border-color:var(--ink-soft); color:var(--surface); }
}
/* white pill — used over photography */
.btn--light{ background:var(--surface); border-color:var(--surface); color:var(--ink); }
@media (hover: hover){
  .btn--light:hover{ background:var(--ink); border-color:var(--ink); color:var(--surface); }
}
/* hairline pill on a light ground */
.btn--outline{ background:transparent; border-color:var(--line); color:var(--ink); }
@media (hover: hover){
  .btn--outline:hover{ background:transparent; border-color:var(--ink); color:var(--ink); }
}
/* hairline pill over photography */
.btn--outline-light{ background:transparent; border-color:var(--surface); color:var(--surface); }
@media (hover: hover){
  .btn--outline-light:hover{ background:var(--surface); border-color:var(--surface); color:var(--ink); }
}
.btn--lg{ padding:12px 24px; font-size:12px; }
.btn--block{ width:100%; }
/* reference disabled state: gray-200 ground, gray-300 hairline, gray-400 text */
.btn[disabled],.btn[aria-disabled="true"]{
  background:#E5E7EB; border-color:#D1D5DB; color:#9CA3AF;
  cursor:not-allowed; pointer-events:none;
}

/* ---------- fields ---------- */
.field{
  width:100%; min-height:44px; padding:11px 16px;
  background:var(--surface); color:inherit;
  border:1px solid var(--line);
  border-radius:var(--r-full);
  font-size:14px;
  transition:border-color var(--dur) var(--ease);
}
.field::placeholder{ color:var(--ink-muted); }
.field:focus{ border-color:var(--ink); outline:none; }
select.field{ appearance:none; padding-right:40px; cursor:pointer; }


/* ---------- footer luon cham day man hinh ----------
   Trang ngan (404, collection rong, cart rong) thi chieu cao noi dung
   < chieu cao cua so -> lo nen kem cua <body> duoi footer.
   min-height 100vh + margin-top:auto day footer xuong day; trang dai
   thi khong con free space nen khong anh huong gi. */
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
#shopify-section-footer{ margin-top:auto; }

/* ============================================================
   scaleX(.965) cho chu — theo dung spec, nhung KHONG dat tren <body>.
   Da do thuc te: transform tren body bien body thanh containing block
   cua moi position:fixed -> 9/10 phan tu fixed/sticky lech hoac hut
   (cart-drawer -46px, mobile-nav +15px, overlay hut 46px), body hep
   1317 -> 1256 va sinh 467px tran ngang.

   Dat tren tung khoi CHU thi transform chi anh huong hien thi, khong
   reflow, khong tao containing block cho phan tu fixed nao.
   transform-origin doi theo huong can chu de khoi bi lech.
   ============================================================ */
h1, h2, h3, h4, h5, h6,
p, li, blockquote, figcaption, dt, dd, th, td,
.eyebrow, .link,
.nav__link, .mega-menu__links a, .mega-menu__title,
.site-footer__inner a, .site-footer__legal a, .site-footer__title,
.mobile-nav a, .cart-drawer a,
.product-card__title, .product-card__sub, .product-card__price{
  transform: scaleX(.965);
  transform-origin: left top;
}

/* chu can giua -> lay tam lam goc, neu khong se lech sang trai */
.announcement__slide, .cart-drawer__ship, .cart-drawer__note, .cart-drawer__empty,
.qty__value, .promo-modal__card, .quote-band__inner, .plp-head, .plp-count-line,
.pdp-note, .pdp-lifestyle figcaption, .cart-summary__note, .cart-empty,
.search-count, .search-empty, .about-hero, .about-statement__inner,
.about-split__body, .about-quote__inner, .about-cta__inner, .nf__head,
.co-express__label, .co-empty, .ctile__label{
  &, & h1, & h2, & h3, & h4, & p, & li, & figcaption{ transform-origin: center top; }
}

/* chu can phai */
.hero__content, .cart-line__price{
  &, & h1, & h2, & p, & li{ transform-origin: right top; }
}