/** Shopify CDN: Minification failed

Line 377:0 Unexpected "}"

**/
/* ==========================================================================
   MPACK · header (brief §3) — "iced blur" glass, floating, not glued
   Colours come from assets/mpack-base.css. Nothing here names a raw hex
   except the glass fills, which need their own alpha.
   ========================================================================== */

:root {
  /* Values from design-ref/mpack-zarijos-koncepcija-v2.html (.nav). These used
     to be 0.62, and 0.90 once stuck, which read as a solid bar rather than as
     glass. blur(18px) at 140% saturation smears the oversized cream display
     type on its own, so the fill no longer has to do that job. */
  --mpack-glass-bg: rgba(21, 16, 13, 0.55);
  --mpack-glass-bg-solid: rgba(21, 16, 13, 0.92); /* no-backdrop-filter fallback */
  --mpack-glass-border: rgba(244, 233, 219, 0.1);
  --mpack-glass-blur: blur(18px) saturate(140%);
  --mpack-header-inset: clamp(8px, 1.4vw, 18px);
  /* Floating bar: detached from the top edge as well as from the sides. */
  --mpack-header-top: 12px;
}

/* --------------------------------------------------------------------------
   Float the sticky header off the top edge and give it the glass pill.
   Vessel keeps the sticky behaviour; we only restyle the surface.
   -------------------------------------------------------------------------- */
.header-section {
  background: transparent;
}

#header-component {
  --color-background-top-row: transparent;
  --color-background-bottom-row: transparent;
  background: transparent;
  padding-inline: var(--mpack-header-inset);
  padding-block-start: var(--mpack-header-top);
}

/* The glass surface is the row itself, so the pill hugs the content.
   Vessel paints the header through two absolutely positioned underlays that
   span the whole component, and forces `background-color: transparent
   !important` on .header__row (sections/header.liquid) so the row can never
   fight them. A pill that is inset from the viewport edge cannot be painted by
   a full-bleed underlay, so the paint has to move to the row.

   Svarbu: stiklas guli ne ant pačios eilutės, o ant jos ::before sluoksnio.
   `backdrop-filter` paverčia elementą „backdrop root": viskas jo viduje
   nebemato puslapio už jo, o mega meniu skydelis DOM'e yra kaip tik eilutės
   viduje. Kol blur'as buvo ant .header__row, skydelio savo blur'as neturėjo ko
   imti ir liko plokščia 55 % plėvė, pro kurią hero raidės matėsi aštrios.
   Perkėlus blur'ą ant statiško vaikinio sluoksnio, eilutė nebėra backdrop root
   ir skydelis pagaliau matlo tą patį stiklą. `position: relative` privalomas:
   iki tol konteinerio bloką submeniu davė būtent backdrop-filter, o be jo
   pozicionavimas nukristų ant header-component (`contain: layout`) ir skydelis
   išsidriektų per visą lango plotį. */
/* Vienas užpildas abiem stiklo paviršiams: juostai ir mega meniu skydeliui.
   Tokenas gyvena ant #header-component, tad būsenų taisyklių yra po vieną, o ne
   po dvi, ir skydelis fiziškai negali nusidažyti kitaip nei juosta. */
#header-component {
  --mpack-glass-fill: var(--mpack-glass-bg-solid);
}

#header-component .header__row {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--mpack-glass-border);
  border-radius: var(--mpack-radius);
  color: var(--mpack-ink);
}

#header-component .header__row::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: var(--mpack-glass-fill);
  box-shadow: inset 0 1px 0 rgba(244, 233, 219, 0.06);
  transition: background-color var(--mpack-dropdown) var(--ease-out);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  #header-component {
    --mpack-glass-fill: var(--mpack-glass-bg);
  }

  #header-component .header__row::before {
    -webkit-backdrop-filter: var(--mpack-glass-blur);
    backdrop-filter: var(--mpack-glass-blur);
  }

  /* MPACK override (Vessel core, sections/header.liquid):
     `.header[data-sticky-state='active']` rašo `view-transition-name:
     sticky-header` ant #header-component. Bet koks ne-`none`
     view-transition-name paverčia elementą atskiru sluoksniu, paruoštu
     snapshot'ui — kaip ir contain/filter/transform, tai sukuria backdrop
     root'ą. Mega meniu skydelis (.menu-list__submenu) DOM'e yra būtent šito
     elemento viduje, tad prilipus stiklas nustoja matyti tikrą puslapį už
     savęs ir tampa plokščiu užpildu, o Vessel'io sklandaus pasirodymo
     tranzicija čia nesinaudojama — už ją mokėti stiklo blur'u nėra prasmės.
     Patikrinta DevTools: išjungus vien šitą savybę, blur'as grįžta iškart. */
  #header-component[data-sticky-state='active'] {
    view-transition-name: none;
  }

  /* Stuck state: one step darker, not a solid fill. The old 0.9 dates from when
     the blur was too weak and the cream letters ghosted straight through the nav
     labels; at blur(18px) saturate(140%) they smear on their own, so the bar stays
     glass while scrolling too. */
  #header-component[data-sticky-state='active'] {
    --mpack-glass-fill: rgba(21, 16, 13, 0.66);
  }

  /* Over the light "inset" table and the accent band the 0.55 fill loses too much
     weight and the cream nav labels sit on an almost pale bar. Two steps darker
     there, same blur, so it still reads as glass and not as a second solid bar.
     Blur šviesiam fonui nepadeda: dideli vientisi plotai išsiblurina patys į save,
     tad skirtumą daro tik užpildas. data-mpack-ground rašo assets/mpack.js. */
  #header-component[data-mpack-ground='light'],
  #header-component[data-sticky-state='active'][data-mpack-ground='light'] {
    --mpack-glass-fill: rgba(21, 16, 13, 0.78);
  }
}

/* Vessel paints an underlay behind open menus; the glass supplies it instead.
   Jo ::after dar piešia popover šešėlį, o paties underlay aukštis animuojamas,
   tad šešėlis kas kadrą perpiešiamas kitame aukštyje. Šešėlis persikelia ant
   skydelio, kur jis statiškas. */
#header-component .header__underlay {
  background: transparent;
}

#header-component .header__underlay-open::after {
  content: none;
}

/* --------------------------------------------------------------------------
   Nav links · underline scaleX(0→1) from the left, 250ms (brief §11)

   Pabraukimas sėdi ant ::before, ne ::after, ir tai nėra skonio reikalas.
   Vessel'io `.menu-list__link::after` yra „saugos dėžutė": nematomas stačiakampis
   nuo nuorodos iki juostos apačios, kurį header-menu.js įjungia
   `data-safety-box='true'` visą laiką, kol pelė juda. Jis ir yra tas tiltelis,
   kuris neleidžia pelei iškristi iš `li` pakeliui į skydelį. Kol pabraukimas
   sėdėjo ant to paties ::after, jis dėžutę tyliai pakeisdavo (elementas turi tik
   vieną ::after), pelė kirsdavo tuščią juostą, `pointerleave` uždarydavo meniu ir
   `pointerenter` iškart atidarydavo, o tai ir yra mirgėjimas.
   -------------------------------------------------------------------------- */
#header-component .menu-list__link {
  position: relative;
  font-family: var(--mpack-font-body);
  font-weight: 500;
}

/* Spalva, pabraukimas ir jo laikas gyvena assets/mpack-links.css, vaidmuo
   .link-nav. Čia lieka tik tai, kas būdinga viršutinei juostai. */

/* Saugos dėžutė. --box-height header-menu.js skaičiuoja nuo nuorodos viršaus iki
   juostos apačios, o Vessel'io `top: var(--header-padding)` rėmėsi tuo, kad
   nuoroda nepozicionuota ir konteinerio bloką duoda .menu-list__trigger. Mums
   nuoroda yra `position: relative`, tad atskaitos taškas jau jos pačios viršus:
   `top: 0`. Šonuose po 8 px, kad įstrižas kelias tarp dviejų gretimų punktų
   irgi liktų dėžutės viduje. */
#header-component .menu-list__link::after {
  top: 0;
  inset-inline: -8px;
}

/* --------------------------------------------------------------------------
   Mega meniu skydelis · to paties stiklo stalčius po piliule

   Geometrija sunorminta. Vessel skydelį kelia aukštyn per
   `top: ... - (--full-open-header-height - --submenu-height)` ir tą patį atsuka
   atgal `transform: translateY(...)` ant vidaus, o matomą kraštą nukerpa
   clip-path'u. Rezultatas: skydelio dėžutė prasideda 87 px virš to, kas matoma,
   tad rėmelis ir apvalinimas nusėstų ne ten, kur juos matai. Čia dėžutė
   pastatoma lygiai ties juostos apačia (`top: 100%`, clip viršus 0, vidus be
   poslinkio), ir tada rėmelis, apvalinti apatiniai kampai bei šešėlis sutampa
   su tuo, ką mato akis.

   --submenu-gap: 0px. Vessel palieka 11 px juostą, kuria skydelis užlipa ant
   piliulės, kad pelė turėtų kur pereiti. Su stiklu ta juosta reiškia du blur'us
   vieną ant kito ir dvigubą užpildą, t. y. tamsesnę siūlę po piliule. Perėjimą
   dabar dengia atstatyta saugos dėžutė ir 120 ms uždarymo delsa
   (assets/mpack-menu.js), tad juostos nebereikia.
   -------------------------------------------------------------------------- */
#header-component .menu-list__list-item > .menu-list__submenu {
  --submenu-gap: 0px;
  --submenu-clip-top: 0px;
  top: calc(100% - 1px + var(--border-bottom-width, 0px));
  background: var(--mpack-glass-fill);
  border: 1px solid var(--mpack-glass-border);
  border-block-start: 0;
  border-end-start-radius: var(--mpack-radius);
  border-end-end-radius: var(--mpack-radius);
  box-shadow:
    inset 0 1px 0 rgba(244, 233, 219, 0.06),
    0 24px 48px rgba(0, 0, 0, 0.42);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  #header-component .menu-list__list-item > .menu-list__submenu {
    -webkit-backdrop-filter: var(--mpack-glass-blur);
    backdrop-filter: var(--mpack-glass-blur);
  }

  /* Vienintelė vieta, kur skydelis nukrypsta nuo juostos užpildo. Juosta yra
     73 px aukščio ruoželis, skydelis, atsivėręs, yra 350 px turinio paviršius.
     Ant šviesios „inset" lentelės tie patys 0.78 juostoje atrodo kaip stiklas, o
     skydelyje palieka lentelę skaitomą po meniu nuorodomis. Vienas žingsnis
     tamsyn, blur ir rėmelis tie patys. */
  #header-component[data-mpack-ground='light'] .menu-list__list-item > .menu-list__submenu {
    background: rgba(21, 16, 13, 0.9);
  }
}

/* Turinys nebeblėsta ir nebeslenka. Bet koks `opacity < 1` ant blur'into
   skydelio ar bet kurio jo protėvio pagal specifikaciją irgi sukuria backdrop
   root, tad per visą perėjimą blur'as dingtų ir pabaigoje šoktelėtų atgal.
   Atidarymą rodo vien clip-path nuvalymas iš viršaus žemyn, kuris backdrop
   root'o nekuria ir blur'ą palieka gyvą. */
#header-component .menu-list__submenu-inner {
  opacity: 1;
  transform: none;
}

/* Tarpas viršuje: --submenu-gap: 0px (žr. aukščiau) su
   top: calc(100% - 1px) palieka korteles prilipusias prie juostos apačios.
   Šis paddingas grąžina kvėpavimą be juostos, kurios čia atsisakyta. */
#header-component .menu-list__submenu-inner {
  padding-block-start: clamp(20px, 2vw, 28px);
}

/* Meniu kortelės ant stiklo (MPACK-EMBER-SPEC.md, B3): skydelis pats yra
   paviršius, tad korteles viduje turi sudaryti tik nuotrauka ir tekstas, be
   savo fono ar rėmelio. Vessel'io resource-card šiuo metu neduoda nei vieno
   iš jų, bet tai neužrašyta niekur kaip taisyklė — ant veikiančio stiklo
   antrinis fonas susilietų nepastebimai, o ant sugedusio (žr. view-transition
   pataisymą aukščiau) virstų matoma dėže, tad du atskiri defektai iš tikrųjų
   atrodytų kaip vienas. Ši taisyklė užrakina invariantą, o ne taiso esamą
   reikšmę. */
#header-component .menu-list__submenu .resource-card,
#header-component .menu-list__submenu .mega-menu__content-list-item {
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* `content-visibility: auto` uždarytą skydelį išbraukia iš piešimo, tad
   užsidarymas būtų ne nuvalymas, o dingimas. Keturi meniu punktai to
   optimizavimo nepasigenda. */
#header-component .menu-list__list-item > .menu-list__submenu,
#header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu {
  content-visibility: visible;
  visibility: visible;
}

/* Uždarytas skydelis lieka DOM'e ir lieka piešiamas; sąveiką atima `inert`
   (naršyklė jo nebeleidžia nei pelei, nei fokusui), o clip-path jį suveda į
   nulinį aukštį. Jokių display / visibility / height šuolių. */
#header-component .menu-list__submenu[inert] {
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   Actions · icons, cart bubble in accent, CTA
   -------------------------------------------------------------------------- */
#header-component .header-actions__action {
  color: var(--mpack-ink);
  transition: opacity var(--mpack-hover) var(--ease-out);
}

#header-component .header-actions__action:hover {
  opacity: 0.72;
}

#header-component {
  --cart-bubble-background: var(--mpack-accent);
  --cart-bubble-text: var(--mpack-accent-ink);
}

/* Count bump on add-to-cart (brief §11). The hook is Vessel's own class: it is
   set in assets/cart-icon.js the frame after the new number is painted, which
   is the one moment the bump is honest. Vessel spends it on the disc alone
   (`grow`, scale 1.2) and leaves the numeral behind, so the disc animation is
   turned off here and the whole bubble takes the beat instead. Without that,
   the two would multiply to 1.62. The #header-component prefix is only there
   to outrank snippets/header-actions.liquid, whose bundle loads after ours. */
#header-component .cart-bubble.cart-bubble--animating .cart-bubble__background {
  animation: none;
}

.cart-bubble.cart-bubble--animating,
.cart-bubble.mpack-bump,
[class*='cart-bubble'].mpack-bump {
  animation: mpack-bump 320ms var(--ease-out);
}

/* 1,35 -> 1: smūgis pirmame kadre, o ne per vidurį. Skrendantis taškas
   (assets/mpack-cart-fx.js) sulaiko skaitiklio perpiešimą iki nusileidimo,
   tad ši animacija prasideda būtent tą akimirką, kai taškas pasiekia ikoną. */
@keyframes mpack-bump {
  from { transform: scale(1.35); }
  to { transform: scale(1); }
}

.mpack-header__cta {
  margin-inline-start: 8px;
  padding: 10px 16px;
  font-size: 0.95rem;
  text-decoration: none;
}

/* --------------------------------------------------------------------------
   Mobilus header'is: mygtukas keliauja į skydelį, ne į eilutę

   Sąlygos dvi, nes Vessel mobilų header'į įjungia dviem skirtingais keliais.
   Iki 749 px tai daro jo paties `@media`. Nuo 750 px, kai meniu eilutė
   nebetelpa arba įrenginys lietimo, tai daro `setHeaderMenuStyle`
   (assets/utilities.js) su `data-menu-style="drawer"`, o eilutė tampa
   penkiais stulpeliais po 44 px. Antrosios sąlygos anksčiau nebuvo, ir prie
   768 px mygtukas būdavo suspaustas iki 36 px kvadrato su nukirptu užrašu,
   gulinčio ant paskyros ir krepšelio ikonų.

   Užuot suspaudę, jį išimame: skydelyje `mpack-menu-extras` rodo tą pačią CTA
   per visą plotį (snippets/mpack-header-cta.liquid, `variant: 'drawer'`).
   -------------------------------------------------------------------------- */
@media screen and (max-width: 749px) {
  :root {
    --mpack-header-top: 8px;
  }

  .mpack-header__cta {
    display: none;
  }
}

#header-component[data-menu-style='drawer'] .mpack-header__cta {
  display: none;
}

/* Pilno ekrano mobilus meniu ant to paties stiklo (brief §3)

   `.header__drawer` iš čia išimtas sąmoningai. Tai ne skydelis, o 44x60 px
   dėžutė header'io eilutėje, kurioje sėdi mygtukas: stiklas ant jos gulė ant
   header'io stiklo, blur'as kompozitavosi du kartus ir hamburgeris atrodė kaip
   tamsesnė plokštelė. Stiklą neša tik pati juosta ir pats skydelis. */
.menu-drawer,
dialog.menu-drawer {
  background: var(--mpack-glass-bg-solid);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .menu-drawer,
  dialog.menu-drawer {
    background: rgba(21, 16, 13, 0.82);
    -webkit-backdrop-filter: var(--mpack-glass-blur);
    backdrop-filter: var(--mpack-glass-blur);
  }
}

/* Drawer links: display type, stagger 60ms translateY(16px)→0 (brief §11) */
.menu-drawer .menu-list__link {
  font-family: var(--mpack-font-display);
  font-weight: 700;
  font-size: clamp(1.8rem, 8vw, 2.4rem);
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

/* Punktų stagger'is persikėlė į mpack-menu.css: jį veda --mpack-i pagal
   matomą eilę, o ne :nth-child. Senos taisyklės čia buvo negyvos, nes
   `.menu-drawer` yra <div>, ir `[open]` ant jo nesuveikia niekada. */
}

/* --------------------------------------------------------------------------
   Announcement bar · brand ground, hairline under it
   -------------------------------------------------------------------------- */
.announcement-bar,
.section--announcement-bar {
  border-bottom: 1px solid var(--mpack-line);
}

/* --------------------------------------------------------------------------
   Reduced motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  #header-component .menu-list__link::after {
    transition: none;
  }
  .cart-bubble.cart-bubble--animating,
  .cart-bubble.mpack-bump,
  [class*='cart-bubble'].mpack-bump {
    animation: none;
  }
}

/* --------------------------------------------------------------------------
   Logotipas juostoje
   26 px desktop, 22 px mobile. Hover spalvos nekeičia: ženklas nėra būsena.
   Selektoriuje yra `#header-component`, nes blocks/_header-logo.liquid
   `{% stylesheet %}` krūva užsikrauna po mpack-*.css.
   -------------------------------------------------------------------------- */
#header-component .mpack-logo--header {
  --mpack-logo-h: 22px;
  color: var(--mpack-ink);
  transition: opacity var(--mpack-hover) var(--ease-out);
}

@media screen and (min-width: 750px) {
  #header-component .mpack-logo--header {
    --mpack-logo-h: 26px;
  }
}

#header-component .header-logo:hover .mpack-logo--header {
  opacity: 0.82;
}

@media (prefers-reduced-motion: reduce) {
  #header-component .mpack-logo--header {
    transition: none;
  }
}