/** Shopify CDN: Minification failed

Line 443:0 Unexpected "}"

**/
/*
  KÜPSISERIBA (Shopify Customer Privacy) — TARAMARi kuju, 27.08.2026.

  Klient: „hetkel kuidagi liiga rusuv ja suruv". Riba on Shopify enda oma,
  seda ei renderda ükski teema fail — aga ta EI OLE iframe'is, vaid päris
  DOM-is (`#shopify-pc__banner`), seega on ta CSS-iga kujundatav. Shopify ei
  pane talle inline-stiile, seega tavaline spetsiifilisus piisab ja
  `!important` on vaja ainult üksikutes kohtades, kus Shopify kasutab ID-d.

  MIS TA RUSUVAKS TEGI, mõõdetuna enne muudatust:
    - täislaiuses riba, 32 px polster igast küljest
    - pealkiri 18 px / 700 — ainus 700-kaaluga tekst kogu vaates
    - KAKS täidetud teal-nuppu kõrvuti, mõlemad valge äärisega

  Ehk kolm rasket elementi korraga. Lahendus võtab raskuse maha, aga EI võta
  ära „Keeldu" nupu kaalu (vt allpool).

  ==========================================================================
  MIKS „NÕUSTU" JA „KEELDU" JÄÄVAD VÕRDSEKS

  Ilusaim variant oleks üks täidetud nupp ja üks kahvatu — see on täpselt
  see, mida GDPR ja EDPB juhis keelavad. Keeldumine peab olema sama lihtne
  ja sama nähtav kui nõustumine; kahvatu „Keeldu" on tume muster ja Eesti
  puhul AKI pädevuses. Seega on kaal maha võetud MÕLEMALT korraga: kaks
  täidetud nuppu asemel kaks piirjoonega nuppu. Vaade läheb kergemaks,
  vahekord jääb samaks.

  Ära „paranda" seda hiljem nii, et „Nõustu" muutub täidetuks.
  ========================================================================== */

/* 31.08.2026: kaardilt nurgas tagasi täislaiuseks alumiseks ribaks, kliendi
   soovil ("lihtsalt alla selline riba"). Tekst ja nupud samal real desktopil
   — sama loogika, mis tegi ribast enne liiga rusuva, oli suur POLSTER ja
   RASKE TÜPOGRAAFIA, mitte riba täislaius iseenesest; nüüd on laius tagasi,
   aga polster/kaal jäävad kergeks. */
#shopify-pc__banner.shopify-pc__banner__dialog {
  inset-inline: 0;
  inset-block-end: 0;
  max-width: none;
  width: 100%;
  padding: 0.9rem 2.4rem;

  /* Nurgad on kogu saidil kandilised (nupud, kaardid, kassa). */
  border-radius: 0;
  border: 0;
  border-top: 1px solid rgba(24, 126, 115, 0.18);

  /* Vari oli `rgba(63,63,68,.4) 0 4px 10px` — jõuline ja hallikas-lilla.
     Pehmem ja madalam vari annab sama „hõljub lehe peal" signaali, ilma et
     riba lehe küljest lahti rebiks. */
  box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}

#shopify-pc__banner .shopify-pc__banner__wrapper {
  padding: 0;
  gap: 1.6rem 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

#shopify-pc__banner .shopify-pc__banner__body {
  flex: 1 1 32rem;

  /* Pikk lause ei tohi nupurida rea pealt välja suruda. */
  min-width: 0;
}

/* Klient eemaldas 01.09.2026 teema editoris riba pealkirja („Küpsistest
   lähemalt"), nii et `#shopify-pc__banner__body-title` ei renderdu enam üldse
   ja allpool olevad pealkirjareeglid on hetkel inertsed. Nad jäävad alles,
   sest editoris saab pealkirja igal ajal tagasi panna — aga tühja pealkirja
   korral ei tohi ta ka oma vahet jätta. */
#shopify-pc__banner__body-title:empty {
  display: none;
}

#shopify-pc__banner__body-title:empty::after {
  content: none;
}

/* 31.08.2026, klient: „kas saaks ühele reale ja veel pisut madalaks?"
   Pealkiri ja tekst olid kaks plokki üksteise all, mis tegi ribast kaks
   tekstirida + polster. Nüüd voolavad nad ÜHE reana (mõlemad inline), nii
   et lai vaade mahutab pealkirja, teksti ja nupud samale joonele; kitsamas
   vaates murduvad nad loomulikult, ilma et paigutust peaks vahetama. */
#shopify-pc__banner__body-title,
#shopify-pc__banner .shopify-pc__banner__body p {
  display: inline;
}

#shopify-pc__banner__body-title::after {
  content: '\00a0\00a0';
}

/* Pealkiri jääb alles — ta ütleb, millest jutt on — aga leivateksti
   suuruses ja keskmise kaaluga. 18 px / 700 oli vaate ainus rasvane tekst
   ja tõmbas kogu tähelepanu endale. */
#shopify-pc__banner__body-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  margin: 0;
  color: rgb(var(--color-foreground));
}

#shopify-pc__banner .shopify-pc__banner__body,
#shopify-pc__banner .shopify-pc__banner__body p {
  font-size: 1.4rem;
  line-height: 1.55;
  color: rgba(var(--color-foreground), 0.75);
  margin: 0;
}

#shopify-pc__banner .shopify-pc__banner__body a {
  position: relative;
  color: #187e73;
  text-underline-offset: 0.2em;
}

/* WCAG 2.2 puutesihtmärgi miinimum (24x24px) — nähtamatu ::after kasvatab
   tsooni, mitte teksti enda kõrgust (sama võte, mis .rit-tip__more peal). */
#shopify-pc__banner .shopify-pc__banner__body a::after {
  content: '';
  position: absolute;
  inset: -0.4rem -0.2rem;
}

/* Nupurida: kaks võrdset piirjoonega nuppu, eelistuste link nende all/kõrval.
   Alumise täislaiuse riba puhul istub see rida teksti KÕRVAL (mitte selle
   all), nii et kogu riba jääb madalaks. */
#shopify-pc__banner .shopify-pc__banner__btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.6rem;
  flex: 0 1 auto;
  margin-top: 0;

  /* 01.09.2026 — SEE RIDA HOIDIS RIBA KAHEKORDSE KÕRGUSENA. Shopify enda
     `.shopify-pc__banner__btns { width: 100% }` (0,1,0) ei kaotanud meie
     kõrgema spetsiifilisusega reeglile, sest meie reegel ei nimetanud
     `width`-i üldse — flex-omaduste ülekirjutamine ei puutu laiust. Seega
     võttis nupurida terve rea ja tõukas end teksti alla, ükskõik kui lai
     vaade oli. Mõõdetud 1440 px juures enne: riba 107 px, tekst ja nupud
     kahel real (top 805 vs 842). Vt ka CLAUDE.md — sama klass viga kui
     `.page-width-desktop` ostukorvis: puuduv omadus, mitte kaotatud võitlus. */
  width: auto;
}

#shopify-pc__banner__btn-accept,
#shopify-pc__banner__btn-decline {
  flex: 0 0 auto;
  padding: 0.7rem 1.6rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  border-radius: 0;
  white-space: nowrap;

  /* VÕRDNE KAAL, vt faili päist. */
  background: transparent;
  color: #187e73;
  border: 1px solid #187e73;
  transition: background-color 0.15s ease, color 0.15s ease;
}

#shopify-pc__banner__btn-accept:hover,
#shopify-pc__banner__btn-decline:hover {
  background: #187e73;
  color: #fff;
}

#shopify-pc__banner__btn-manage-prefs {
  position: relative;
  flex: 0 0 auto;
  padding: 0;
  font-size: 1.3rem;
  color: rgba(var(--color-foreground), 0.6);
  text-align: start;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  background: transparent;
  border: 0;
  white-space: nowrap;
}

/* WCAG 2.2 puutesihtmärgi miinimum (24x24px) — nupp on 346x16, `padding: 0`
   jätab kõrguse ainult teksti reakõrguseks. Nähtamatu ::after kasvatab
   tsooni, mitte nupu enda kõrgust. */
#shopify-pc__banner__btn-manage-prefs::after {
  content: '';
  position: absolute;
  inset: -0.4rem -0.2rem;
}

#shopify-pc__banner__btn-manage-prefs:hover {
  color: #187e73;
}

/* Mobiilis ei mahu tekst ja nupud enam samale reale — riba jääb ikka
   täislaiuseks alumiseks ribaks, aga sisu virnastub. */
@media screen and (max-width: 749px) {
  #shopify-pc__banner.shopify-pc__banner__dialog {
    padding: 1.6rem;
  }

  #shopify-pc__banner .shopify-pc__banner__wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  /* 01.09.2026 — riba oli mobiilis 513 px kõrge, sellest 320 px TÜHI.
     `flex: 1 1 32rem` on kirjutatud lauaarvuti reale, kus 32rem on miinimum
     LAIUS; mobiilis pöörab meediapäring vooluse veeruks ja täpselt sama
     `flex-basis` hakkab tähendama 320 px KÕRGUST. Tekst ise on kaks rida.
     Mõõdetud 375 px juures: body 343x320, kogu riba 513 px. */
  #shopify-pc__banner .shopify-pc__banner__body {
    flex: 0 0 auto;
  }

  /* Shopify enda mobiilireegel virnastab nupud (`flex-direction: column`) ja
     võidab meie oma, sest meie reegel ei nimeta suunda. Kolm nuppu üksteise
     all on 144 px; kõrvuti mahuvad nad 375 px sisse (mõõdetud 83 + 80 + vahe),
     ja „Halda eelistusi" läheb Shopify oma `order`-reegli järgi nagunii
     viimaseks reale alla. */
  #shopify-pc__banner .shopify-pc__banner__btns {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
  }

  /* 01.09.2026 — nupud olid 83x32 ja 80x32 px, s.t. alla WCAG 2.5.8 44 px
     soovitusliku miinimumi. Nõusolekudialoogil ei ole vale klõps kosmeetiline
     viga: ta salvestab vale nõusoleku. `min-height` kasvatab ainult kõrgust,
     nii et `flex: 1 1 auto` hoiab Nõustu ja Keeldu edasi VÕRDSE laiusega —
     see on GDPR/EDPB nõue, vt faili päist, mitte maitse. */
  #shopify-pc__banner__btn-accept,
  #shopify-pc__banner__btn-decline {
    flex: 1 1 auto;
    min-height: 4.4rem;
  }
}

/* sync test 2026-08-28: kontroll pärast store transferit, GitHub->staging teema sync töötab */

/* ==========================================================================
   "HALDA EELISTUSI" MODAAL (Shopify Customer Privacy) — 31.08.2026.

   See on TEINE Shopify element kui ülalpool olev väike riba (#shopify-pc__banner)
   — avaneb riba "Halda eelistusi" lingilt, klass on `.shopify-pc__prefs__dialog`.
   Kuni praeguseni oli see täiesti stiliseerimata ja Shopify enda vaikeväärtused
   on rasked: pealkiri 130%, valiku pealkirjad 110% + font-weight 600, ja oma
   teal-toon (hsl(174,68%,29%)), mis ei ühti meie brändi #187e73-ga. Klient:
   "see disain ikka lapib" — kolm rasket signaali korraga, sama diagnoos, mis
   väiksel ribal oli enne 27.08 muudatust.

   Nuppe on siin kolm (Nõustu kõigiga / Keeldu kõigist / Salvesta valikud), mitte
   kaks nagu real ribal — aga "Nõustu" ja "Keeldu" peavad ikka jääma visuaalselt
   võrdseks (vt faili päis, sama GDPR/EDPB põhjendus). "Salvesta valikud" ei ole
   osa sellest paarist, nii et kõik kolm ühtse õhukese piirjoone-stiiliga on
   lihtsaim viis vältida kogemata eelistuse loomist kummagi kasuks.

   `!important` on siin KÕIKJAL vajalik, mitte üksikutes kohtades nagu real
   ribal — Shopify ei laadi seda modaali CSS-i lingitud failina, vaid süstib
   selle DÜNAAMILISELT `<style id="shopify-pc__prefs__styles">` sildina alles
   modaali avamise hetkel, mis tähendab, et see satub dokumenti meie
   `component-cookie-banner.css`-ist HILJEM. Sama spetsiifilisusega reeglite
   puhul võidab hilisem, sõltumata failide laadimisjärjekorrast HTML-is —
   mõõdetud 31.08.2026, ilma `!important`-ta jäid kõik reeglid mõjutuseta. */

.shopify-pc__prefs__dialog {
  border-radius: 0 !important;
  box-shadow: 0 0.6rem 2.4rem rgba(0, 0, 0, 0.15) !important;
  font-family: inherit !important;
}

.shopify-pc__prefs__dialog header {
  padding: 2.4rem 2.4rem 1.6rem !important;
}

.shopify-pc__prefs__dialog header h2 {
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: rgb(var(--color-foreground)) !important;
}

.shopify-pc__prefs__header-actions button {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  padding: 1rem 1.6rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #187e73 !important;
  border: 1px solid #187e73 !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.shopify-pc__prefs__header-actions button.primary {
  background: transparent !important;
  color: #187e73 !important;
  border: 1px solid #187e73 !important;
}

.shopify-pc__prefs__header-actions button:hover {
  background: #187e73 !important;
  color: #fff !important;
}

.shopify-pc__prefs__intro-main,
.shopify-pc__prefs__intro-explain {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}

.shopify-pc__prefs__intro-main h3,
.shopify-pc__prefs__intro-explain h3 {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  color: rgb(var(--color-foreground)) !important;
}

.shopify-pc__prefs__intro-main p,
.shopify-pc__prefs__intro-explain p {
  font-size: 1.4rem !important;
  line-height: 1.55 !important;
  color: rgba(var(--color-foreground), 0.75) !important;
}

.shopify-pc__prefs__options {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}

.shopify-pc__prefs__option label {
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: rgb(var(--color-foreground)) !important;
}

.shopify-pc__prefs__option p {
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
  color: rgba(var(--color-foreground), 0.75) !important;
}


/* ==========================================================================
   MODAALI SULGEMISNUPP JA FOOKUSERÕNGAS — 01.09.2026.

   Klient: „see „X" redisain või panna lihtsalt sõna „sulge"?" — valitud
   redisain (kasutaja otsus, 01.09).

   Mida ta tegelikult nägi: heleSININE rõngas ei ole nupu kujundus, vaid
   Shopify enda FOOKUSESTIIL — `box-shadow: 0 0 0 3px hsl(201deg,90%,80%)`.
   Modaal viib avanedes fookuse sulgemisnupule, seega on rõngas kohe esimesel
   pilgul ees, ilma et keegi oleks nuppu puutunud. Sama sinine on ka kliendi
   teisel ekraanipildil „Turundus" kastikese ümber (`input:focus ~ span`).
   Toon 201° on saidi ainus sinine — brändis on 173°/160° rohelised.

   Ei kustuta fookuse nähtavust ära (klaviatuuriga navigeerija vajab seda),
   vaid: (a) sama teal, mis mujal, (b) ainult `:focus-visible`, nii et hiirega
   avades rõngast ei teki. `!important` on siin sama põhjusega mis ülal —
   Shopify süstib oma `<style id="shopify-pc__prefs__styles">` alles modaali
   avamisel, seega satub ta meie failist hilisemaks. */

.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close:focus,
.shopify-pc__prefs__header-actions button:focus,
.shopify-pc__prefs__option label input:focus ~ span,
.shopify-pc__prefs__option label input:focus ~ span svg {
  box-shadow: none !important;
  background-color: transparent !important;
}

.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close:focus-visible,
.shopify-pc__prefs__header-actions button:focus-visible {
  outline: 2px solid #187e73 !important;
  outline-offset: 2px !important;
}

.shopify-pc__prefs__option label input:focus-visible ~ span svg {
  outline: 2px solid #187e73 !important;
  outline-offset: 2px !important;
  border-radius: 2px !important;
}

/* Nupp ise: Shopify annab talle `border-radius: 50%`. Ringe ei ole sellel
   saidil kusagil (nurgad on kõikjal kandilised), seega läheb ring maha.

   Kast jääb 24x24 ja puutesihtmärk (WCAG 2.2, 24x24 miinimum) tuleb NÄHTAMATU
   `::before`-iga, mitte kasti kasvatamisest.

   ASUKOHT (klient 01.09: „see sulgemise X ka suht lambi kohas seal").
   Shopify paneb ta `position: absolute; top: 30px; right: 30px`, mis jättis
   ikooni nupuritast 9 px allapoole ja dialoogi servast 49 px sissepoole —
   ehk ei nupurea ega nurga peal, vaid nende vahel. Absoluutsete koordinaatide
   järeleseadmine oleks tähendanud nelja meediapäringu tuunimist (Shopifyl on
   `top/right` väärtused 15/20/30/40 px).

   Selle asemel läheb nupp VOOLU tagasi: päis on juba `display: flex;
   align-items: center; justify-content: space-between` ja sulgemisnupp on ta
   esimene laps. `position: static` + `order: 3` viib ta ritta viimaseks ja
   tsentreerib vertikaalselt täpselt kolme nupuga — ilma ühegi mõõdetud
   konstandita, seega ta ei lähe ühelgi laiusel paigast. */
/* Ring maha kõikjal — nurgad on sellel saidil kandilised. */
.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close {
  border-radius: 0 !important;
  transition: color 0.15s ease;
}

/* Nupp voolu tagasi, et ta istuks kolme nupuga ühel joonel — AINULT
   lauaarvutis. Kitsas vaates paneb Shopify päise veergu (pealkiri, siis nupud
   üksteise all) ja voolu viimane element maandub keskele alla; mõõdetud
   375 px juures (184, 321). Seal jääb kehtima Shopify oma nurgapaigutus. */
@media screen and (min-width: 750px) {
  .shopify-pc__prefs__dialog .shopify-pc__prefs__header-close {
    /* `relative`, mitte `static`: nupp peab jääma voolu (see ongi mõte), aga
       puutesihtmärgi `::before` vajab positsioneeritud vanemat — `static`
       saadaks ta dialoogi enda nurka. */
    position: relative !important;

    /* Shopify `top/right` on mõeldud `absolute`-i jaoks; `relative` all
       nihutaks ta nuppu 40 px allapoole (mõõdetud). Nullime nad, siis paneb
       voog ta ise õigesse kohta. */
    top: auto !important;
    right: auto !important;

    order: 3;
    flex: 0 0 auto;
    margin-left: 1.6rem !important;
  }
}
}

.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close::before {
  content: '';
  position: absolute;
  inset: -0.8rem;
}

.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close svg {
  width: 1.3rem !important;
  height: 1.3rem !important;
}

/* Must täisristi asemel sama teal, mis kolmel nupul tema kõrval — nii loeb
   ta nendega ühe rühmana, mitte võõra elemendina. */
.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close svg path {
  fill: #187e73 !important;
}

.shopify-pc__prefs__dialog .shopify-pc__prefs__header-close:hover svg path {
  fill: #0f5a52 !important;
}

/* ==========================================================================
   MOBIIL KOMPAKTSEMAKS (kasutaja 10.10.2026: „riba võtaks umbes 140 px, mitte
   212 px"). Mõõdetud 375 px juures enne: 214 px — polster 16+16, tekst kolm
   rida (65 px), vahe 16, nupuala 100 px, sest „Küpsiste seaded" murdus omaette
   reale. Nüüd üks nuppude rida: Nõustu, Keeldu, ja seadete link rea lõpus.
   Nõustu ja Keeldu on VÕRDSE laiusega (`min-width` sama) — GDPR/EDPB, vt faili
   päist; nende 44 px kõrgus (WCAG 2.5.8) jääb. Tekst 13 px.
   Tekst ise tuleb Shopify Administ (Settings → Customer Privacy → Customize
   banner) — teema seda lühendada ei saa.
   ========================================================================== */
@media screen and (max-width: 749px) {
  #shopify-pc__banner.shopify-pc__banner__dialog {
    padding: 1.2rem 1.6rem;
  }

  #shopify-pc__banner .shopify-pc__banner__wrapper {
    gap: 1rem;
  }

  #shopify-pc__banner .shopify-pc__banner__body,
  #shopify-pc__banner .shopify-pc__banner__body p {
    font-size: 1.3rem;
    line-height: 1.45;
  }

  #shopify-pc__banner .shopify-pc__banner__btns {
    flex-wrap: nowrap;
    gap: 0.8rem;
  }

  /* Shopify annab nuppudele oma veerised (~20 px) — nendega jäi seadete link
     375 px juures 17 px ekraanist välja. */
  #shopify-pc__banner__btn-accept,
  #shopify-pc__banner__btn-decline,
  #shopify-pc__banner__btn-manage-prefs {
    margin: 0;
  }

  #shopify-pc__banner__btn-accept,
  #shopify-pc__banner__btn-decline {
    flex: 0 0 auto;
    min-width: 10rem;
  }

  #shopify-pc__banner__btn-accept { order: 1; }
  #shopify-pc__banner__btn-decline { order: 2; }

  #shopify-pc__banner__btn-manage-prefs {
    order: 3;
    margin-left: auto;
  }
}