/* Popsikook: teema CSS (avaleht variant A). Tokenid tulevad theme.json-ist. */

:root {
	--pk-s1: var(--wp--preset--spacing--10);
	--pk-s2: var(--wp--preset--spacing--20);
	--pk-s3: var(--wp--preset--spacing--30);
	--pk-s4: var(--wp--preset--spacing--40);
	--pk-s5: var(--wp--preset--spacing--50);
	--pk-s6: var(--wp--preset--spacing--60);
	--pk-s7: var(--wp--preset--spacing--70);
	--pk-s8: var(--wp--preset--spacing--80);
	/* Üks joon arvutis (30.10, kasutaja): päis, hero, sektsioonid ja jalus algavad logo ja ülariba ikoonide joonelt ning lõpevad
	   korvi nupu joonel. Enne oli päise rida ja hero 1400 px, muu sisu 1240 px, laial ekraanil 80 px sissepoole. */
	--pk-wrap: 1400px;
	--pk-pad: var(--wp--style--root--padding-left, clamp(1rem, 4vw, 2rem));
	--pk-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.6h.01'/%3E%3C/svg%3E");
	--pk-i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E");
	--pk-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a4127' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E");
}

/* ---------- Alus ---------- */
/* S5: overflow-x: clip ainult body peal, mitte html peal (Androidi sticky päis). */
body { overflow-x: clip; }
/* Tume jalus ulatub lehe päris põhja: html taust on jaluse värvi (iOS/Androidi üle-kerimine ja brauseririba ei näita valget riba); body jääb valgeks. */
html { background-color: var(--wp--preset--color--deep); }
body { background-color: var(--wp--preset--color--base); }
.wp-site-blocks > * + * { margin-block-start: 0; }
:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 3px; }
:where(.pk-topbar, .pk-footer) :focus-visible { outline-color: var(--wp--preset--color--focus-dark); }
.pk-i, .i { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.2em; }
:where(h1, h2, h3) { text-wrap: balance; }
:where(p) { text-wrap: pretty; }
a { text-underline-offset: .2em; text-decoration-thickness: 1.5px; }
a:hover { text-decoration-thickness: 2.5px; }
.wp-block-list { padding-left: 1.25rem; }

/* Pealkiri + sisu laiused */
.pk-wrap { width: 100%; max-width: var(--pk-wrap); margin-inline: auto; padding-inline: var(--pk-pad); box-sizing: border-box; }
.pk-wrap :where(p) { max-width: 68ch; }
.pk-main { padding-block: 0; }
.pk-main--page { padding-block: var(--pk-s7) var(--pk-s8); }
.pk-section { padding-block: var(--pk-s7); }
.pk-band--sand { background-color: var(--wp--preset--color--sand); }
.pk-sec-head { margin-bottom: var(--pk-s5); }
.pk-center { text-align: center; }
.pk-center :where(p) { margin-inline: auto; }
.pk-note { color: var(--wp--preset--color--muted); }
/* Telefoninumber ei murdu keskelt („+372 43 / 400 42”, 30.10 kasutaja telefonis): vajadusel läheb terve number järgmisele reale.
   Ainult lingid, kus on ainult number; ülariba ja nuppude lingis on ka koha nimi, mis tohib 320 px juures murduda. */
a[href^="tel:"]:not(:has(*)) { white-space: nowrap; }
/* „e-poest”, „e-pood” jms ei murdu sidekriipsu kohalt (span lisab teema inc/tekst.php lehe kuvamisel). */
/* display: contents — span ei tee oma kasti: flex-konteineris (KKK küsimus, nupp) jäi muidu sõna eraldi flex-elemendiks ja sõnade vahele tekkis auk (31.10). nowrap pärandub tekstile edasi. */
.pk-nowrap { white-space: nowrap; display: contents; }
@media (min-width: 700px) { .pk-section { padding-block: var(--pk-s8); } }

/* ---------- Nupud ---------- */
.wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; text-align: center; }
.wp-block-button.pk-btn-lg .wp-block-button__link { min-height: 3.5rem; padding-inline: 2rem; font-size: 1.15rem; }
.wp-block-button.is-style-ghost .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--brand); }
.wp-block-button.is-style-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.wp-block-buttons.pk-btns { gap: var(--pk-s3); }
.wp-block-buttons.pk-btns--center { justify-content: center; }
@media (prefers-reduced-motion: no-preference) {
	.wp-element-button, .wp-block-button__link { transition: background-color .18s ease-out, color .18s ease-out, border-color .18s ease-out; }
}

/* ---------- Ülariba ---------- */
.pk-topbar { background-color: var(--wp--preset--color--deep); color: var(--wp--preset--color--deep-ink); font-size: var(--wp--preset--font-size--small); }
.pk-topbar a { color: var(--wp--preset--color--deep-ink); text-decoration: none; }
.pk-topbar a:hover { color: var(--wp--preset--color--base); text-decoration: underline; }
.pk-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: var(--pk-s4); min-height: 2.75rem; }
.pk-topbar__in > * { margin-block: 0; }
/* Sotsiaalmeedia ikoonid (.pk-some, oma markup: filtrid peidavad core'i social-links klassid) */
.pk-some { display: flex; gap: var(--pk-s1); margin: 0; padding: 0; list-style: none; }
.pk-some li { margin: 0; padding: 0; }
.pk-some__link { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; color: var(--wp--preset--color--deep-ink); border-radius: 50%; text-decoration: none; }
.pk-some__link:hover { background: color-mix(in srgb, var(--wp--preset--color--base) 14%, transparent); text-decoration: none; }
.pk-some__link svg { display: block; width: 1.5rem; height: 1.5rem; fill: currentColor; }

/* Plugin: telefonid */
.wp-block-popsikook-telefonid { margin: 0; max-width: none; }
.wp-block-popsikook-telefonid.is-variant-topbar { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--pk-s4); }
.wp-block-popsikook-telefonid.is-variant-topbar a { display: inline-flex; align-items: center; gap: .35em; min-height: 2.75rem; }
.wp-block-popsikook-telefonid svg { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.wp-block-popsikook-telefonid .tel__num { display: none; }
@media (min-width: 720px) {
	.wp-block-popsikook-telefonid .tel__num { display: inline; }
	.wp-block-popsikook-telefonid .tel__lbl { display: none; }
}
.wp-block-popsikook-telefonid.is-variant-inline { margin-top: var(--pk-s4); }
.pk-acc .wp-block-popsikook-telefonid.is-variant-kiire { margin: var(--pk-s3) 0 0; font-weight: 600; }

/* ---------- Päis ---------- */
.pk-hdr { background-color: var(--wp--preset--color--base); border-bottom: 1px solid var(--wp--preset--color--line); position: relative; }
.pk-hdr__in { display: flex; align-items: center; gap: var(--pk-s3); min-height: 4.25rem; }
/* Kleepuv päis: ülariba kerib minema. --pk-topbar-h algväärtus on ülariba kõrgus (44 px alates 360 px laiusest), nii et
   allapoole keritud lehe värskendamisel on päis kohe õiges kohas; ui.js mõõdab üle (320–359 px murdub tekst, 47 px).
   Enne 30.10 oli algväärtus 0 ja päis hüppas 44 px üles, kui ui.js (defer) käivitus.
   z-index 20 jääb Woo sahtli, Complianzi ja menüü ülekatte (kõik >= 9999) alla. */
header.wp-block-template-part { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--pk-topbar-h, 0px)); z-index: 20; }
html { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + 1rem); }
:root { --pk-stuck-h: 4.5rem; --pk-topbar-h: 2.75rem; }
.pk-hdr { transition: box-shadow .2s ease; }
header.wp-block-template-part.is-stuck .pk-hdr { box-shadow: 0 6px 16px -10px rgba(42, 28, 18, .45); }
/* Kleepuv olek muudab ainult varju: kõrguse muutmine tekitas Chrome'is virvenduse (kõrgus → kerimisasend → olek → kõrgus tsükkel). */
.pk-hdr__in > * { margin-block: 0; }
.wp-block-image.pk-logo { margin: 0; flex: none; line-height: 0; }
.wp-block-image.pk-logo a { display: block; }
.wp-block-image.pk-logo img { display: block; width: 3.75rem; height: 3.75rem; object-fit: contain; }
.pk-hdr .wp-block-navigation.pk-nav { margin-left: auto; flex: 0 0 auto; }
.pk-nav.wp-block-navigation .wp-block-navigation__container { flex-wrap: nowrap; }
.pk-nav.wp-block-navigation .wp-block-navigation-item__content { display: flex; align-items: center; min-height: 3rem; padding: .4rem var(--pk-s3); font-weight: 600; color: var(--wp--preset--color--ink); text-decoration: none; border-radius: var(--wp--custom--radius-s); }
.pk-nav.wp-block-navigation .wp-block-navigation-item__content:hover { background-color: var(--wp--preset--color--sand); color: var(--wp--preset--color--brand); }
.pk-nav.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] { color: var(--wp--preset--color--brand); box-shadow: inset 0 -3px 0 var(--wp--preset--color--brand); border-radius: 0; }
.pk-nav.wp-block-navigation .wp-block-navigation__container { gap: 0; }
/* Burgeri nupud (avamine, sulgemine): sama kompaktne komplekt kui keel, otsing ja korv (44 px, 1 px joon, liivataust). */
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open,
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-close { width: 2.75rem; height: 2.75rem; padding: 0; align-items: center; justify-content: center; color: var(--wp--preset--color--brand); background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); cursor: pointer; }
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open:hover,
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-close:hover { background-color: var(--wp--preset--color--sand-2); }
/* Avatud menüü: paremalt sisse libisev paneel + poolläbipaistev ink-taustakate (hägu; paneel on täisvärviline, sest pesastatud backdrop-filter ei tööta Chrome'is). Sulgemise animatsiooni käivitab ui.js (.is-closing). */
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { display: flex; justify-content: flex-end; padding: 0; color: var(--wp--preset--color--ink); background-color: color-mix(in srgb, var(--wp--preset--color--ink) 45%, transparent) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close { width: min(22rem, 88vw); max-width: none; height: 100%; margin: 0 0 0 auto; }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-dialog { box-sizing: border-box; height: 100%; padding: var(--pk-s4) var(--pk-s5) var(--pk-s6); overflow-y: auto; background-color: var(--wp--preset--color--base); box-shadow: -12px 0 32px -18px rgba(42, 28, 18, .5); }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close { position: absolute; top: var(--pk-s3); right: var(--pk-s3); }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3.5rem; }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__container { gap: var(--pk-s1); align-items: stretch; width: 100%; }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--lead); }
@keyframes pk-menu-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes pk-menu-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes pk-menu-slide-in { from { transform: translateX(100%); } to { transform: none; } }
@keyframes pk-menu-slide-out { from { transform: none; } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: no-preference) {
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { animation: pk-menu-fade-in .22s ease-out both; }
	.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-dialog { animation: pk-menu-slide-in .24s cubic-bezier(.22, .8, .3, 1) both; }
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-closing { animation: pk-menu-fade-out .2s ease-in both; }
	.pk-nav.wp-block-navigation .is-menu-open.is-closing .wp-block-navigation__responsive-dialog { animation: pk-menu-slide-out .2s ease-in both; }
}
@media (min-width: 1240px) {
	:root { --pk-stuck-h: 5.375rem; }
	.wp-block-image.pk-logo img { width: 4.5rem; height: 4.5rem; }
	.pk-hdr__in { min-height: 5rem; gap: var(--pk-s4); }
	.pk-hdr .wp-block-navigation.pk-nav { margin-left: var(--pk-s3); }
	.pk-nav.wp-block-navigation .wp-block-navigation-item__content { padding-inline: .7rem; white-space: nowrap; }
}
/* 8 menüüpunkti + keel + otsing + korv ei mahu alla 1240 px: burger kuni 1240 px (core lülitub 600 px juures). */
@media (max-width: 1239.98px) {
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
}

/* ---------- Otsing ----------
   .pk-search: tooteotsing. E-poe riba (.pk-shophero) ja päise nupust avanev riba (.pk-hdr__search) on ühesugused
   (kasutaja 01.11): liivakarva riba, väli keskel kuni 42rem, 48 px kõrge nagu teised väljad, ikoon välja sees vasakul,
   nupp „Otsi” kõrval. Sama välimus ka otsingu- ja 404-lehel (seal veeru laiune). */
:root { --pk-otsing-w: 42rem; --pk-otsing-pad: var(--pk-s4); }
.wp-block-search.pk-search .wp-block-search__inside-wrapper { gap: var(--pk-s2); padding: 0; border: 0; }
.wp-block-search.pk-search .wp-block-search__input { min-width: 0; min-height: 3rem; padding: 0 .85rem 0 2.75rem; font: inherit; font-size: 1.0625rem; text-overflow: ellipsis; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--base) var(--pk-i-search) no-repeat .8rem center / 1.35rem; border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); }
.wp-block-search.pk-search .wp-block-search__input::placeholder { color: var(--wp--preset--color--muted); opacity: 1; }
/* Fookus = välja enda raam paksemaks ja fookusvärvi (kasutaja 01.11: mitte teist joont ümber). Vari on välja sees, nii et
   midagi ei nihku. Läbipaistev piirjoon jääb Windowsi kõrge kontrastsuse režiimi jaoks (seal varju ei joonistata). */
.wp-block-search.pk-search .wp-block-search__input:focus { border-color: var(--wp--preset--color--focus); box-shadow: inset 0 0 0 1px var(--wp--preset--color--focus); outline: 2px solid transparent; }
.wp-block-search.pk-search .wp-block-search__button { flex: none; margin: 0; min-height: 3rem; padding-block: 0; padding-inline: 1.25rem; }
.pk-shophero .wp-block-search.pk-search, .pk-hdr__search .wp-block-search.pk-search { width: min(var(--pk-otsing-w), 100%); max-width: none; margin-inline: auto; }
/* Kitsal ekraanil mahub eeltäitest rohkem: tahvlis (600–799 px) eeltäide 16 px, terve e-poe eeltäide mahub alates ~700 px.
   Telefonis välja sees ikooni pole (kõrval on nupp „Otsi”), eeltäide 14 px, nupp kitsam; trükitud kiri jääb 16 px
   (iOS suumib väiksema kirjaga välja). 390 px: „Otsi toodet nime järgi (nt: lihapiruka…”. */
@media (max-width: 799px) {
	.wp-block-search.pk-search .wp-block-search__input::placeholder { font-size: 1rem; }
}
@media (max-width: 599px) {
	.wp-block-search.pk-search .wp-block-search__input { padding: 0 .75rem 0 .85rem; font-size: 1rem; background-image: none; }
	.wp-block-search.pk-search .wp-block-search__input::placeholder { font-size: .875rem; }
	.wp-block-search.pk-search .wp-block-search__button { padding-inline: 1rem; }
}
.wp-block-search.pk-search.pk-search--hdr { margin: 0; }
.pk-hdr__toggle { display: none; flex: none; place-items: center; width: 3rem; height: 3rem; padding: 0; color: var(--wp--preset--color--brand); background: transparent; border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); cursor: pointer; }
.pk-hdr__toggle:hover, .pk-hdr__toggle[aria-expanded="true"] { background-color: var(--wp--preset--color--sand); }
/* Otsing on alati nupp („Otsi toodet”), mis avab välja päise alla: menüü jääb ühele reale
   ja on näha, et tooteid saab otsida. Kitsal ekraanil ainult ikoon (tekst jääb ekraanilugejale). */
.pk-hdr__toggle { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; }
.pk-hdr__toggle-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pk-hdr__search { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: var(--pk-otsing-pad) var(--pk-pad); background: var(--wp--preset--color--sand); border-bottom: 1px solid var(--wp--preset--color--line); box-shadow: 0 12px 18px -14px rgba(42, 28, 18, .5); }
.pk-hdr__search.is-open { display: block; }
/* Riba algab kohe päise alt: .pk-wrap > * + * (woocommerce.css) andis alates 1240 px 24 px vahe, kust paistis lehe sisu. */
.pk-hdr .pk-hdr__search { margin: 0; }
@media (min-width: 1240px) {
	.pk-hdr__toggle { margin-left: auto; }
}
@media (min-width: 1440px) {
	.pk-hdr__toggle { width: auto; padding: 0 1rem 0 .8rem; font: inherit; font-weight: 600; color: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--field-line); }
	.pk-hdr__toggle svg { color: var(--wp--preset--color--brand); }
	.pk-hdr__toggle-txt { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (prefers-reduced-motion: reduce) { .pk-hdr__search, .pk-hdr { transition: none; } }

/* ---------- Hero ---------- */
.pk-hero.wp-block-cover { position: relative; background-color: var(--wp--preset--color--sand-2); padding: 0; min-height: 30rem; align-items: center; }
.pk-hero > * { margin-block: 0; }
.pk-hero .wp-block-cover__inner-container { width: 100%; }
.pk-hero__in { position: relative; padding-block: var(--pk-s6); }
.pk-hero__panel { max-width: 34rem; padding: var(--pk-s6) var(--pk-s5); background-color: var(--wp--preset--color--base); border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); }
.pk-hero__panel h1 { font-size: clamp(1.9rem, 1.2rem + 3vw, 3rem); }
.pk-hero__panel p { margin-block: var(--pk-s4) var(--pk-s5); }
@media (min-width: 900px) {
	.pk-hero__panel { padding: var(--pk-s6); }
}

/* Hero arvutis nagu mobiilis: terve 3:2 foto (kärpimata, ei suumi) paremal sisu laiuses, tekstikaart vasakul ja veidi foto peal.
   Joondub päise ja sisuga (--pk-wrap). Sülearvuti ekraanil paistab hero all järgmise sektsiooni pealkiri (30.10, kasutaja: „ülevalt ja alt
   natuke kokku”): ülal ja all 24 px, kaardis vähem tühja. Foto (30.10, kasutaja: „suuremaks, aga kasvab vasakule”): parem serv
   jääb korvi joonele, suurem foto kasvab vasakule kaardi alla. Kõrgus ekraani kõrgus − 260 px (päis 130 + hero täidis 48 +
   järgmise sektsiooni algus ~80), aga vähemalt tekstikaardi kõrgune (45 rem lai = 480 px kõrge) ja kuni 70% sisu laiusest. */
@media (min-width: 900px) {
	.pk-hero.wp-block-cover { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; min-height: 0 !important; padding-block: var(--pk-s5); padding-inline: max(var(--pk-pad), calc((100% - var(--pk-wrap)) / 2 + var(--pk-pad))); background-color: var(--wp--preset--color--sand-2); }
	.pk-hero.wp-block-cover img.wp-block-cover__image-background { position: relative; inset: auto; grid-area: 1 / 1; justify-self: end; width: 64%; width: clamp(50%, max((100svh - 260px) * 1.5, 45rem), 70%); height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); }
	.pk-hero .wp-block-cover__background { display: none; }
	.pk-hero .wp-block-cover__inner-container { grid-area: 1 / 1; position: relative; z-index: 2; }
	/* Suurel ekraanil täidab külgede ala sama foto, tugevalt hägustatud ja liivatooniga pehmendatud (ei suumi teravat pilti). */
	.pk-hero.wp-block-cover { position: relative; overflow: hidden; isolation: isolate; }
	.pk-hero.wp-block-cover::before { content: ""; position: absolute; inset: -4rem; z-index: 0; background: var(--pk-hero-bg, none) center / cover no-repeat; filter: blur(48px) saturate(1.15); opacity: .6; pointer-events: none; }
	.pk-hero.wp-block-cover img.wp-block-cover__image-background { z-index: 1; }
	.pk-hero__in { max-width: none; padding: 0; margin: 0; }
	.pk-hero__panel { max-width: min(34rem, 42%); }
	.pk-hero__panel h1 { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.6rem); }
	.pk-hero__panel p { margin-block: var(--pk-s3) var(--pk-s4); }
	/* Nupud täidavad teksti laiuse: vasak serv teksti vasakul ja parem serv paremal joonel (30.10, kasutaja). Kui kõrvuti ei mahu
	   (~900 px), on kumbki oma real täislaiuses nagu mobiilis. */
	.pk-hero .pk-btns { flex-wrap: wrap; }
	.pk-hero .pk-btns .wp-block-button { flex: 1 1 auto; }
	.pk-hero .pk-btns .wp-block-button__link { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; text-align: center; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
	.pk-hero.wp-block-cover img.wp-block-cover__image-background { width: 58%; width: clamp(50%, max((100svh - 260px) * 1.5, 40rem), 64%); }
	.pk-hero__panel { max-width: 48%; padding: var(--pk-s6) var(--pk-s5); }
}

/* Hero mobiilis: foto on nähtav riba (240 px) ja tekstikaart tõuseb sellele veidi peale, nii et foto ei kao valge kasti taha.
   Nupud on võrdse laiusega, üksteise all. Kontrast: tekst ink valgel (üle AA). */
@media (max-width: 899.98px) {
	.pk-hero.wp-block-cover { display: block; min-height: 0 !important; background-color: var(--wp--preset--color--base); }
	.pk-hero .wp-block-cover__image-background { position: relative; display: block; width: 100%; height: clamp(14rem, 62vw, 18rem); }
	.pk-hero .wp-block-cover__background { display: none; }
	.pk-hero .wp-block-cover__inner-container { position: relative; }
	.pk-hero__in { padding-block: 0 var(--pk-s5); }
	.pk-hero__panel { max-width: none; margin-top: -2.5rem; padding: var(--pk-s5); }
	.pk-hero__panel p { margin-block: var(--pk-s3) var(--pk-s5); }
	.pk-hero .pk-btns { flex-direction: column; align-items: stretch; gap: var(--pk-s3); }
	.pk-hero .pk-btns .wp-block-button { width: 100%; }
	.pk-hero .pk-btns .wp-block-button__link { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; text-align: center; }
}
@media (min-width: 600px) and (max-width: 899.98px) {
	.pk-hero__in { max-width: 40rem; }
}

/* ---------- Tutvustus ---------- */
.wp-block-columns.pk-intro, .wp-block-columns.pk-seo { gap: var(--pk-s6); }
.pk-intro :where(p.pk-warn) { display: flex; gap: var(--pk-s3); align-items: flex-start; font-size: 1rem; color: var(--wp--preset--color--muted); }
.pk-warn::before { content: ""; flex: none; width: 1.25rem; height: 1.25rem; margin-top: .15rem; background-color: currentColor; -webkit-mask: var(--pk-i-info) center / contain no-repeat; mask: var(--pk-i-info) center / contain no-repeat; }
.pk-figure { margin: 0; }
.pk-figure img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--wp--custom--radius); }
.pk-figure figcaption { margin-top: var(--pk-s2); font-size: .9rem; color: var(--wp--preset--color--muted); text-align: left; }
@media (min-width: 782px) { .wp-block-columns.pk-intro, .wp-block-columns.pk-seo { gap: var(--pk-s8); } }

/* ---------- Lahtiolekuajad (plugin) ---------- */
.wp-block-popsikook-lahtiolekuajad { display: grid; gap: var(--pk-s4); }
/* Redaktoris on serveri HTML ploki ümbrise sees ja mõlemal on see klass: välimine ei tohi olla grid (muidu kaardid veerandlaiuses). */
.wp-block-popsikook-lahtiolekuajad:has(.wp-block-popsikook-lahtiolekuajad) { display: block; }
.wp-block-popsikook-lahtiolekuajad .loc-card { padding: var(--pk-s5); background-color: var(--wp--preset--color--base); border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); }
.loc-card h3 { margin: 0 0 var(--pk-s2); }
.loc-card address { margin-bottom: var(--pk-s3); font-style: normal; color: var(--wp--preset--color--muted); }
.times-list { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: .2rem var(--pk-s5); }
.times-list dt { font-weight: 600; }
.times-list dd { margin: 0; font-variant-numeric: tabular-nums; }
.loc-card__tel { margin: var(--pk-s4) 0 0; }
/* Kaardilingid aadressi all (popsikook-core popsikook_core_render_map_links, 30.10): „Google Maps · Waze”, telefonis avab äpi. */
.pk-kaart { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .75rem; margin: 0; }
.pk-kaart__link { display: inline-flex; align-items: center; min-height: 2.75rem; }
.loc-card address:has(+ .pk-kaart), .wp-block-popsikook-kontaktid .loc address:has(+ .pk-kaart) { margin-bottom: 0; }
.loc-card .pk-kaart, .wp-block-popsikook-kontaktid .loc .pk-kaart { margin-bottom: var(--pk-s2); }
.loc-card__tel a { display: inline-flex; align-items: center; min-height: 2.75rem; }
@media (min-width: 800px) { .wp-block-popsikook-lahtiolekuajad { grid-template-columns: 1fr 1fr; } }
/* Laias plokis (avaleht arvutis, plokk ≥ 57 rem) on kaart kaheosaline: üleval nimi ja aadress vasakul, telefon paremal; õhukese
   joone all ajad ühe reana nagu sõiduplaan (E–R | L | P, päev pealkirjaks), mis jaotub üle kogu kaardi laiuse (30.10, kasutaja:
   „kastid liiga tühjad”, siis „keskel tühi ruum”). Ridade arv võib muutuda (veerud tekivad ise). Kitsas plokk (telefon,
   kontaktilehe veerg) jääb nagu enne. Konteinerpäring vaatab ploki enda laiust, mitte ekraani. */
.wp-block-popsikook-lahtiolekuajad { container: pk-lahtiolek / inline-size; }
@container pk-lahtiolek (min-width: 57rem) {
	.wp-block-popsikook-lahtiolekuajad .loc-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "nimi tel" "aadress kaart" "ajad ajad"; column-gap: var(--pk-s5); align-items: center; }
	.wp-block-popsikook-lahtiolekuajad .loc-card > :is(h2, h3, h4) { grid-area: nimi; }
	.wp-block-popsikook-lahtiolekuajad .loc-card address { grid-area: aadress; margin-bottom: 0; }
	.wp-block-popsikook-lahtiolekuajad .loc-card__tel { grid-area: tel; justify-self: end; margin: 0; }
	.wp-block-popsikook-lahtiolekuajad .loc-card .pk-kaart { grid-area: kaart; justify-self: end; margin: 0; }
	.wp-block-popsikook-lahtiolekuajad .loc-card .times-list { grid-area: ajad; grid-template-columns: none; grid-template-rows: auto auto; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: .1rem var(--pk-s4); margin-top: var(--pk-s4); padding-top: var(--pk-s4); border-top: 1px solid var(--wp--preset--color--line); }
}
.pk-wrap > .pk-note { margin-top: var(--pk-s4); }
/* Lahtiolekuaegade märkus käib mõlema kaardi kohta: täislaiuses (arvutis üks rida). */
.wp-block-popsikook-lahtiolekuajad + .pk-note { max-width: none; }

/* ---------- Sammud ---------- */
.wp-block-list.pk-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pk-s3); counter-reset: pk-step; }
.pk-steps li { margin: 0; counter-increment: pk-step; }
.pk-steps a { position: relative; display: block; box-sizing: border-box; height: 100%; min-height: 5rem; padding: var(--pk-s4) 4rem var(--pk-s4) 4.75rem; font-size: 1rem; font-weight: 400; line-height: 1.4; color: var(--wp--preset--color--muted); text-decoration: none; background-color: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius); }
.pk-steps a strong { display: block; font-size: 1.2rem; font-weight: 800; line-height: 1.25; color: var(--wp--preset--color--ink); }
.pk-steps a br { display: none; }
.pk-steps a::before { content: counter(pk-step); position: absolute; left: var(--pk-s5); top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); font-weight: 800; font-variant-numeric: tabular-nums; }
.pk-steps a::after { content: ""; position: absolute; right: var(--pk-s5); top: 50%; translate: 0 -50%; width: 1.25rem; height: 1.25rem; background-color: var(--wp--preset--color--brand); -webkit-mask: var(--pk-i-arrow) center / contain no-repeat; mask: var(--pk-i-arrow) center / contain no-repeat; }
.pk-steps a:hover { background-color: var(--wp--preset--color--sand); text-decoration: none; }
@media (prefers-reduced-motion: no-preference) {
	.pk-steps a { transition: background-color .2s, transform .2s var(--wp--custom--easing); }
	.pk-steps a:hover { transform: translateX(3px); }
}
@media (min-width: 900px) {
	.wp-block-list.pk-steps { grid-template-columns: repeat(3, 1fr); gap: var(--pk-s5); }
	.pk-steps a:hover { transform: none; }
}
/* 900–1199 px on kaart kitsas (~300 px): number üleval, tekst all. Alates 1200 px sama rida mis telefonis (number vasakul, nool
   paremal): kaart madal ja täis (30.10, kasutaja: „kastikesed ei tunduks nii tühjad”; 190 → 106 px). */
@media (min-width: 900px) and (max-width: 1199.98px) {
	.pk-steps a { min-height: 11rem; padding: 5.75rem var(--pk-s5) var(--pk-s5); }
	.pk-steps a::before { top: var(--pk-s5); translate: none; }
	.pk-steps a::after { top: auto; bottom: var(--pk-s5); translate: none; }
}
/* Kaartide all olev tekst käib kõigi sammude kohta: esimese kaardi vasakust servast kolmanda paremasse (30.10, kasutaja), seega
   siin ei kehti lõikude 68ch piirang. Arvutis 2 rida + telefonid. */
.pk-notshop { margin-top: var(--pk-s5); }
.pk-notshop p { max-width: none; }
/* „Valmistame Sinu tellimuse värskelt!” väikese pealkirjana (30.10, kasutaja: paksus kirjas lause järel jäi „Kõik” telefonis reale üksi). */
.pk-notshop > .pk-notshop__title { margin: 0; }
.pk-notshop > .pk-notshop__title + p { margin-top: var(--pk-s2); }

/* ---------- Kiirlingid ja SEO tekst ---------- */
.wp-block-list.pk-tags { display: flex; flex-wrap: wrap; gap: var(--pk-s2); list-style: none; margin: var(--pk-s4) 0 0; padding: 0; }
.pk-tags li { margin: 0; }
.pk-tags a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 1rem; font-weight: 600; text-decoration: none; color: var(--wp--preset--color--brand); background-color: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--brand); border-radius: 999px; }
.pk-tags a:hover { background-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-seo :where(p) { max-width: 62ch; }

/* ---------- Arvustused ja kohatäited ---------- */
.pk-slot { padding: var(--pk-s5); background-color: var(--wp--preset--color--sand); border: 2px dashed var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius); }
.pk-band--sand .pk-slot { background-color: var(--wp--preset--color--base); }
.pk-slot > * { margin-block: 0 var(--pk-s2); }
.pk-slot > :last-child { margin-bottom: 0; }
.pk-slot__title { font-weight: 800; }
.pk-tag { display: inline-block; width: fit-content; padding: .1rem .65rem; font-size: .9rem; font-weight: 700; color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--brand); border-radius: 999px; }
.pk-slot + p { margin-top: var(--pk-s5); }

/* ---------- Kontakt (plugin) ---------- */
.wp-block-popsikook-kontaktid.is-kontakt-grid { display: grid; gap: var(--pk-s6); }
.wp-block-popsikook-kontaktid.is-kontakt-grid h3 { margin: 0 0 var(--pk-s2); }
.wp-block-popsikook-kontaktid.is-kontakt-grid dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: .25rem var(--pk-s4); }
.wp-block-popsikook-kontaktid.is-kontakt-grid dt { color: var(--wp--preset--color--muted); }
.wp-block-popsikook-kontaktid.is-kontakt-grid dd { margin: 0; font-variant-numeric: tabular-nums; }
.wp-block-popsikook-kontaktid.is-kontakt-grid address { margin-bottom: var(--pk-s3); font-style: normal; }
.wp-block-popsikook-kontaktid.is-kontakt-grid .small { margin: 0; font-size: var(--wp--preset--font-size--small); }
.wp-block-popsikook-kontaktid.is-kontakt-grid .loc + .loc { padding-top: var(--pk-s5); border-top: 1px solid var(--wp--preset--color--line); }
.wp-block-popsikook-kontaktid.is-kontakt-grid .loc--cta > p:first-of-type { margin: 0 0 var(--pk-s3); }
/* Kiire tellimus: ikoon | silt (fikseeritud laius) | väärtus — numbrid ja e-postid algavad samalt jooneelt. */
.pk-tel-btns { display: flex; flex-direction: column; gap: .35rem; margin: 0 0 var(--pk-s3); }
.pk-tel-btn, .pk-cta-mail { display: grid; grid-template-columns: 1.2rem 7.25rem 1fr; column-gap: .6rem; align-items: baseline; margin: 0; line-height: 1.5; }
.pk-tel-btn { min-height: 2.75rem; align-content: center; text-decoration: none; color: var(--wp--preset--color--ink); }
.pk-tel-btn .tel__icon, .pk-cta-mail .tel__icon { width: 1.2rem; height: 1.2rem; align-self: center; color: var(--wp--preset--color--brand); }
.pk-tel-btn__loc, .pk-cta-mail__lbl { color: var(--wp--preset--color--muted); white-space: nowrap; }
.pk-tel-btn__num { font-size: 1.25rem; font-weight: 700; color: var(--wp--preset--color--brand); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-tel-btn:hover .pk-tel-btn__num, .pk-tel-btn:focus-visible .pk-tel-btn__num { text-decoration-thickness: 2.5px; }
.pk-cta-mail__val { line-height: 1.7; }
.pk-cta-mail .tel__icon { align-self: start; margin-top: .3em; }
@media (min-width: 700px) and (max-width: 899px) {
	/* Tahvel: asukohad kõrvuti, „Kiire tellimus” nende all täislaiuses */
	.wp-block-popsikook-kontaktid.is-kontakt-grid { grid-template-columns: repeat(2, 1fr); gap: var(--pk-s5) var(--pk-s7); }
	.wp-block-popsikook-kontaktid.is-kontakt-grid .loc + .loc:not(.loc--cta) { padding-top: 0; border-top: 0; }
	.wp-block-popsikook-kontaktid.is-kontakt-grid .loc--cta { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
	/* „Kiire tellimus” veidi laiem: 1280 px juures mahuvad silt ja e-post kõrvuti. */
	.wp-block-popsikook-kontaktid.is-kontakt-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--pk-s7); }
	.wp-block-popsikook-kontaktid.is-kontakt-grid .loc + .loc { padding-top: 0; border-top: 0; }
}

/* ---------- Jalus (kompaktne, üks rida veerge) ---------- */
.pk-footer { background-color: var(--wp--preset--color--deep); color: var(--wp--preset--color--deep-ink); font-size: .95rem; }
.pk-footer > *, .pk-footer__in > * { margin-block: 0; }
.pk-footer a { color: var(--wp--preset--color--deep-ink); text-decoration-thickness: 1px; text-underline-offset: .2em; }
.pk-footer a:hover { color: var(--wp--preset--color--base); }
.pk-footer h2 { margin: 0 0 .35rem; font-size: 1rem; font-weight: 700; line-height: 1.4; color: var(--wp--preset--color--base); }
.pk-footer__in { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1.5rem 2rem; padding-block: 2rem 1.5rem; }
.pk-footer__col > * { margin-block: 0; }
.pk-footer__brand { flex: 0 1 14rem; max-width: 16rem; }
.wp-block-image.pk-footer__logo { margin: 0 0 .6rem; line-height: 0; }
.wp-block-image.pk-footer__logo a { display: inline-block; border-radius: 12px; overflow: hidden; }
.wp-block-image.pk-footer__logo img { display: block; width: 4.5rem; height: 4.5rem; object-fit: contain; background: #fff; }
.pk-footer__tagline { margin: 0; max-width: 16rem; color: var(--wp--preset--color--deep-muted); line-height: 1.45; }
.wp-block-list.pk-footer__links { list-style: none; margin: 0; padding: 0; }
.pk-footer__links li { margin: 0; }
.pk-footer__links a { display: inline-flex; align-items: center; min-height: 2.25rem; text-decoration: none; }
.pk-footer__links a:hover { text-decoration: underline; }
/* Kontakt (plugini plokk, paigutus „jalus”): kaks asukohta kõrvuti, e-postid all. */
.pk-footer__contact { flex: 0 1 19rem; }
.pk-footer .wp-block-popsikook-kontaktid address { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem 1.5rem; font-style: normal; line-height: 1.5; }
.pk-footer .wp-block-popsikook-kontaktid address p { margin: 0; }
.pk-footer .wp-block-popsikook-kontaktid address p:last-child { grid-column: 1 / -1; }
.pk-footer .wp-block-popsikook-kontaktid a { display: inline-flex; align-items: center; min-height: 2.25rem; }
.pk-footer .wp-block-popsikook-kontaktid address strong { color: var(--wp--preset--color--base); }
/* Jaluses kaardilingid ikoonidena (30.10, kasutaja), nagu „Jälgi meid” ikoonid: ring hõljumisel, ikooni serv teksti joonel. */
.pk-footer .wp-block-popsikook-kontaktid .pk-kaart { display: inline-flex; column-gap: 0; margin-left: -.625rem; vertical-align: middle; }
.pk-footer .wp-block-popsikook-kontaktid .pk-kaart__link--ikoon { justify-content: center; width: 2.75rem; height: 2.75rem; min-height: 0; color: var(--wp--preset--color--deep-ink); border-radius: 50%; text-decoration: none; }
.pk-footer .pk-kaart__link--ikoon svg { width: 1.5rem; height: 1.5rem; }
.pk-footer .pk-kaart__link--ikoon:hover { background: color-mix(in srgb, var(--wp--preset--color--base) 14%, transparent); }
.pk-footer .pk-some { margin: 0 0 0 -.4rem; }
.pk-footer .pk-some__link { width: 3rem; height: 3rem; }
.pk-footer__partners { flex: 0 1 14rem; padding-top: 1.75rem; } /* = teiste veergude h2 kõrgus (1rem × 1.4 + .35rem), et logod joonduksid veergude sisuga */
/* Logod: rühm (pk-logos) pildiplokkide ja EVUL plokiga; omanik saab pildi vahetada (Asenda). */
.pk-footer .pk-logos { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; padding: 0; }
.pk-footer .pk-logos > * { display: inline-flex; align-items: center; justify-content: center; min-height: 6rem; margin: 0; padding: 0; font-size: .85rem; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--wp--preset--color--deep-ink); }
.pk-logos .pk-logos__img img { display: block; width: auto; height: 6rem; max-height: none; }
/* EVUL märk on 96×96 (server toob märgi lehele kohe, inc/evul.php); tekstilink varuks on samas kastis, et rida ei murduks. */
.pk-logos__evul [data-pk-evul] { position: relative; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; }
/* Perekaart: ametlik horisontaalne logo valgel kastil, logode veeru täislaiuses (Mulgi Maitse jaluse eeskujul). */
.pk-footer .pk-logos > .pk-logos__wide { flex: 0 0 100%; justify-content: flex-start; min-height: 0; }
.pk-logos .pk-logos__wide img { width: 14rem; max-width: 100%; height: auto; border-radius: var(--wp--custom--radius-s); }
.pk-logos__evul [data-pk-evul-fallback] { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; padding: .5rem; white-space: normal; text-align: center; color: var(--wp--preset--color--deep-ink); background: color-mix(in srgb, var(--wp--preset--color--base) 10%, transparent); border-radius: var(--wp--custom--radius-s); text-decoration: none; }
.pk-logos a { display: block; border-radius: var(--wp--custom--radius-s); }
.pk-logos a:focus-visible { outline: 3px solid var(--wp--preset--color--deep-ink); outline-offset: 2px; }
.pk-footer__bar { padding-bottom: env(safe-area-inset-bottom, 0px); border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 22%, transparent); }
/* „Tagasi üles” nupp (3rem, 1rem servast) mahub lehe lõpus riba paremasse serva: riba on vähemalt 5rem kõrge ja tekst hoiab nupust eemale. */
.pk-footer__copy { --pk-totop-gap: max(var(--pk-pad), calc(5rem - max(0px, (100vw - var(--pk-wrap)) / 2))); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 var(--pk-s4); min-height: 5rem; padding-block: .4rem; padding-inline-end: var(--pk-totop-gap); font-size: .85rem; color: var(--wp--preset--color--deep-muted); }
.pk-footer__copy p { margin: 0; max-width: none; }
.pk-footer__made a { display: inline-block; padding-block: .6rem; color: var(--wp--preset--color--deep-ink); }
.screen-reader-text, .pk-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 899.98px) {
	.pk-footer__in { justify-content: center; gap: 1.25rem 2rem; padding-block: 1.5rem 1rem; text-align: center; }
	.pk-footer__col { flex: 1 1 100%; max-width: none; }
	.pk-footer__brand { max-width: none; }
	.pk-footer__tagline { margin-inline: auto; }
	.pk-footer__links { display: flex; flex-wrap: wrap; justify-content: center; column-gap: .25rem; }
	.pk-footer__links a { min-height: 2.75rem; padding-inline: .6rem; }
	.pk-footer__partners { padding-top: 0; }
	.pk-footer__contact { max-width: 26rem; margin-inline: auto; }
	.pk-footer .wp-block-popsikook-kontaktid a { min-height: 2.75rem; }
	.pk-footer .pk-some { justify-content: center; margin-left: 0; }
	.pk-footer .wp-block-popsikook-kontaktid .pk-kaart { margin-left: 0; }
	.pk-footer .pk-logos { justify-content: center; }
	.pk-footer .pk-logos > .pk-logos__wide { justify-content: center; }
	.pk-footer__copy { justify-content: center; padding-inline-start: var(--pk-totop-gap); text-align: center; }
}

/* ---------- Blogi ja arhiiv ---------- */
.pk-posts .pk-post-card { padding-block: var(--pk-s5); border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-posts .wp-block-post-title { margin: var(--pk-s3) 0 var(--pk-s2); }
.pk-posts .wp-block-post-title a { text-decoration: none; }
.pk-posts .wp-block-post-title a:hover { text-decoration: underline; }
.pk-posts .wp-block-post-date { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.pk-posts .wp-block-query-pagination { margin-top: var(--pk-s6); gap: var(--pk-s3); }
.pk-main--page > .wp-block-query-title, .pk-main--page > .wp-block-post-title, .pk-main--page > h1 { margin-bottom: var(--pk-s5); }
.pk-404 .wp-block-search { margin-top: var(--pk-s6); }

/* ---------- Mini-ostukorv (WooCommerce plokk päises) ---------- */
.pk-hdr .wp-block-woocommerce-mini-cart { margin-left: 0; flex: none; }
.pk-hdr .wc-block-mini-cart__button { min-width: 3rem; min-height: 3rem; padding: .5rem .9rem; gap: .5rem; color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--brand); border: 0; border-radius: var(--wp--custom--radius-s); }
.pk-hdr .wc-block-mini-cart__button:hover, .pk-hdr .wc-block-mini-cart__button:focus-visible { background-color: var(--wp--preset--color--brand-hover); opacity: 1; }
.pk-hdr .wc-block-mini-cart__button:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 3px; }
.pk-hdr .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge { position: relative; display: inline-flex; align-items: center; gap: .5rem; }
.pk-hdr .wc-block-mini-cart__icon { width: 1.6rem; height: 1.6rem; color: var(--wp--preset--color--base); }
.pk-hdr .wc-block-mini-cart__badge { position: static; transform: none; display: inline-grid; place-items: center; min-width: 1.75rem; height: 1.75rem; padding: 0 .35rem; margin: 0; font-size: .95rem; font-weight: 700; line-height: 1; color: var(--wp--preset--color--base); background: transparent; border: 1.5px solid var(--wp--preset--color--base); border-radius: 999px; box-sizing: border-box; }
.pk-cartlink { display: inline-flex; align-items: center; min-height: 3rem; padding-inline: 1rem; font-weight: 700; color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); text-decoration: none; }
/* Mobiil: burger + korv paremal; laia ekraani korral korv viimasena paremal. */
@media (min-width: 1100px) {
	.pk-hdr .pk-nav.wp-block-navigation { margin-left: var(--pk-s3); }
}
/* Konto ikooni (WooCommerce lisab selle päisesse automaatselt) ei näita: kontoga sisselogimist pole vaja. */

/* === Sisulehed: kkk, eritellimused, kontakt (mustrid) === */
.pk-placeholder { background-color: var(--wp--preset--color--sand); border: 2px dashed var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); padding: var(--pk-s4) var(--pk-s5); }
.pk-placeholder > :first-child { margin-top: 0; }
.pk-placeholder > :last-child { margin-bottom: 0; }
.pk-form-sample { padding: var(--pk-s5); border-radius: var(--wp--custom--radius); }
.pk-contact-cols { gap: var(--pk-s6); }
/* Võta ühendust (patterns/vota-uhendust.php, 31.10–1.11 kasutaja): suurel ekraanil pealkiri „Kirjuta meile” (H1) („Kontaktid” peidus),
   selle all sissejuhatus üle kogu laiuse, siis vorm ja kontaktikaardid ühelt kõrguselt. Veerud on display:contents, nii et
   pealkiri, lause ja kastid on ühe ruudustiku read. Alla 1024 px tavaline järjekord (lause „Kirjuta meile” all). Ainult siis,
   kui sisu ülesehitus klapib (esimeses veerus pealkiri, lause ja vorm, teises pealkiri ja üks rühm), muidu tavalised veerud ja midagi ei kattu. */
/* Kitsamal kui 1024 px on veerud üksteise all (820 px juures murdusid kontaktikaartide kellaajad ja telefonid). */
@media (max-width: 1023.98px) {
	.pk-contact-cols { flex-wrap: wrap !important; }
	.pk-contact-cols > .wp-block-column { flex-basis: 100% !important; }
}
@media (min-width: 1024px) {
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--pk-s6); row-gap: 0; align-items: start; }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column { display: contents; }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column > * { margin-block: 0; }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column:first-child > :is(h1, h2) { grid-area: 1 / 1; }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column:last-child > h2 { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* „Kontaktid” kõrvuti olles peidus (1.11 kasutaja), ekraanilugejale jääb */
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column:first-child > :is(h1, h2) + p { grid-area: 2 / 1 / 3 / -1; margin-top: var(--pk-s3); }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column:first-child > p + :last-child { grid-column: 1; grid-row: 3; margin-top: var(--pk-s5); }
	.pk-contact-cols:has(> .wp-block-column:first-child > :is(h1, h2):first-child + p + :last-child):has(> .wp-block-column:last-child:nth-child(2) > h2:first-child + .pk-contact-cols__sisu:last-child) > .wp-block-column:last-child > .pk-contact-cols__sisu { grid-area: 3 / 2; margin-top: var(--pk-s5); }
}
.wp-block-details { border-bottom: 1px solid var(--wp--preset--color--line); }
.wp-block-details summary { display: flex; align-items: center; min-height: 2.75rem; padding-block: var(--pk-s3); font-weight: 600; cursor: pointer; }
.wp-block-details summary:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; border-radius: var(--wp--custom--radius-s); }
.wp-block-details[open] > summary { color: var(--wp--preset--color--brand); }
.wp-block-details > :not(summary) { padding-bottom: var(--pk-s3); }

/* ---------- Kategooriakaardid (ümarad) ---------- */
.pk-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pk-s5) var(--pk-s4); list-style: none; margin: 0; padding: 0; }
.pk-cats li { margin: 0; }
.pk-cat { display: block; text-align: center; color: var(--wp--preset--color--ink); text-decoration: none; }
.pk-cat__pic { display: block; aspect-ratio: 1; overflow: hidden; border: 4px solid var(--wp--preset--color--base); border-radius: 50%; background: var(--wp--preset--color--sand-2); box-shadow: var(--wp--preset--shadow--soft); }
.pk-cat__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pk-cat__name { display: block; margin-top: var(--pk-s3); font-weight: 700; line-height: 1.25; }
.pk-cat__count { display: block; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
.pk-cat:hover .pk-cat__name { color: var(--wp--preset--color--brand); text-decoration: underline; text-underline-offset: .2em; }
.pk-cat:focus-visible { outline-offset: 6px; border-radius: var(--wp--custom--radius); }
@media (prefers-reduced-motion: no-preference) {
	.pk-cat__pic { transition: transform .3s var(--wp--custom--easing), box-shadow .3s; }
	.pk-cat:hover .pk-cat__pic { transform: translateY(-3px); }
}
@media (min-width: 700px) { .pk-cats { grid-template-columns: repeat(3, 1fr); gap: var(--pk-s6); } }
@media (min-width: 1000px) { .pk-cats { grid-template-columns: repeat(4, 1fr); } }
/* Avalehe kategooriakarussell (mockup .carousel) */
.pk-carousel { position: relative; margin-block: var(--pk-s5) var(--pk-s4); text-align: left; }
.pk-carousel .pk-carousel__track { display: flex; gap: var(--pk-s5); overflow-x: auto; scroll-snap-type: x proximity; padding: var(--pk-s3) var(--pk-s2) var(--pk-s5); scroll-padding-inline: var(--pk-s2); scrollbar-width: thin; scrollbar-color: var(--wp--preset--color--brand) var(--wp--preset--color--sand-2); }
.pk-carousel .pk-carousel__track > li { flex: 0 0 clamp(8rem, 38vw, 11.5rem); scroll-snap-align: start; }
.pk-carousel .pk-cat__count { display: none; }
.pk-carousel__ctl { display: flex; justify-content: center; gap: var(--pk-s3); margin-top: var(--pk-s2); }
.pk-carousel__ctl[hidden] { display: none; }
.pk-carousel__btn { display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0; border-radius: 50%; border: 2px solid var(--wp--preset--color--brand); background: var(--wp--preset--color--base); color: var(--wp--preset--color--brand); cursor: pointer; transition: background-color .18s, color .18s; }
.pk-carousel__btn:hover:not(:disabled) { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-carousel__btn:disabled { opacity: .35; cursor: not-allowed; }
/* Arvutis nooled karusselli sees (kasutaja 01.11: väiksemaks): 40 px nupud karusselli servas, kerimisala nende vahel
   (3rem ääris), nii et kaardid ei lähe noolte alla. Enne olid 48 px nupud 24 px karusselli servast väljas.
   Noolte keskpunkt sama mis enne (6rem). */
@media (min-width: 900px) {
	.pk-carousel__ctl { position: absolute; left: 0; right: 0; top: 4.75rem; margin: 0; justify-content: space-between; pointer-events: none; }
	.pk-carousel__btn { width: 2.5rem; height: 2.5rem; pointer-events: auto; }
	.pk-carousel__btn svg { width: 1.25rem; height: 1.25rem; }
	.pk-carousel .pk-carousel__track { margin-inline: 3rem; }
}
/* Ülariba: WP voo-paigutuse 24 px vahe teisel elemendil tegi riba 68 px kõrguseks */
.pk-topbar .pk-topbar__in > * { margin: 0; }
.pk-topbar .pk-topbar__in { min-height: 2.5rem; }
/* Avatud otsing keskel (WP voo-paigutus nullis margin-inline: auto) */
.pk-hdr__search.is-open { display: flex; justify-content: center; }
.pk-hdr__search.is-open > .wp-block-search { margin: 0 !important; }
/* Keelevalik (popsikook-ai-translate) päises: sama kõrgus ja stiil kui otsingu- ja korvinupp */
.pk-hdr .pk-lang { flex: none; }
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle { min-height: 3rem; padding: 0 .75rem; border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink); font-weight: 700; }
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle:hover { background: var(--wp--preset--color--sand); }
@media (max-width: 1239.98px) { .pk-hdr .pk-lang { margin-left: auto; } }
/* Keelevalik väljas (AI tõlge välja lülitatud või pluginat pole): tühi koht keelevaliku laiusega, et menüü ja nupud
   jääksid samale kohale (kasutaja 01.11). Laiused mõõdetud testsaidil keelevalikuga 01.11 (60,8 / 67,2 / 88,8 / 100,4 px). */
.pk-hdr .pk-lang--koht { flex: none; width: 6.28rem; height: 2.75rem; }
@media (max-width: 1239.98px) { .pk-hdr .pk-lang--koht { width: 5.55rem; } }
@media (max-width: 600px) { .pk-hdr .pk-lang--koht { width: 4.2rem; } }
@media (max-width: 359.98px) { .pk-hdr .pk-lang--koht { width: 3.8rem; } }
/* Tahvel ja mobiil (burgeriga, alla 1240 px): logo | keel | otsing | korv | menüü (Mulgi järjekord) */
@media (max-width: 1239.98px) {
	.pk-hdr .wp-block-navigation.pk-nav { order: 10; margin-left: 0; }
}
/* Alla 360 px (320 px telefon): ülariba telefonidel pole toruikooni, muidu murdusid „Abja-Paluoja” ja „Karksi-Nuia” kahele reale.
   Pikad pealkirjasõnad („Privaatsustingimused”) poolitatakse, mitte ei murta sõna keskelt ilma kriipsuta. */
@media (max-width: 359.98px) {
	.wp-block-popsikook-telefonid.is-variant-topbar svg { display: none; }
	h1 { hyphens: auto; hyphenate-limit-chars: 12 5 5; }
}
/* Mobiil (kuni 600 px): kompaktne, kõik mahub 360 px sisse; ülariba ühel real */
@media (max-width: 600px) {
	.pk-hdr .pk-hdr__in { gap: .4rem; }
	.pk-topbar .pk-topbar__in { flex-wrap: nowrap; gap: .5rem; }
	.wp-block-popsikook-telefonid.is-variant-topbar { flex-wrap: nowrap; gap: .75rem; }
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle-code { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.pk-hdr .wc-block-mini-cart__button { padding: .5rem .6rem; gap: .35rem; }
	.wp-block-image.pk-logo img { width: 3.25rem; height: 3.25rem; }
}

/* ===== Päise nupud ühe rühmana (keel · otsing · korv) =====
   Ühesugune kõrgus, ääris ja raadius; vahed alati 8 px; rühm paremal, menüü logo ja rühma vahel keskel. */
.pk-hdr .pk-hdr__in { gap: .5rem; }
.pk-hdr .pk-lang { margin-left: auto; }
.pk-hdr .pk-hdr__toggle { margin-left: 0 !important; }
.pk-hdr .pk-hdr__toggle,
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle {
	box-sizing: border-box; height: 3rem; min-height: 3rem; min-width: 3rem; padding: 0 .75rem;
	display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
	font: inherit; font-weight: 700; color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line);
	border-radius: var(--wp--custom--radius-s); box-shadow: none; cursor: pointer;
}
.pk-hdr .pk-hdr__toggle:hover, .pk-hdr .pk-hdr__toggle[aria-expanded="true"],
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle:hover,
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle[aria-expanded="true"] { background: var(--wp--preset--color--sand); border-color: var(--wp--preset--color--brand); }
.pk-hdr .pk-hdr__toggle svg { color: var(--wp--preset--color--brand); }
.pk-hdr .wc-block-mini-cart__button { box-sizing: border-box; height: 3rem; min-height: 3rem; }
@media (max-width: 1439.98px) { .pk-hdr .pk-hdr__toggle { width: 3rem; padding: 0; } }
@media (min-width: 1240px) {
	.pk-hdr .wp-block-navigation.pk-nav { margin-left: auto; margin-right: 0; }
	.pk-hdr .pk-lang { margin-left: auto; }
}
.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { box-sizing: border-box; width: 3rem; height: 3rem; color: var(--wp--preset--color--ink); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }
.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open:hover { background: var(--wp--preset--color--sand); border-color: var(--wp--preset--color--brand); }
/* Menüü on päises peamine: menüütekst suurem kui nuppude tekst; nupud 44 px, tekst 0,95 rem */
.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation-item__content { font-size: 1.0625rem; }
.pk-hdr .pk-hdr__toggle,
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle { height: 2.75rem; min-height: 2.75rem; min-width: 2.75rem; font-size: .95rem; font-weight: 600; }
@media (max-width: 1439.98px) { .pk-hdr .pk-hdr__toggle { width: 2.75rem; } }
.pk-hdr .pk-hdr__toggle svg { width: 1.2rem; height: 1.2rem; }
.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle-flag { transform: scale(.85); }
.pk-hdr .wc-block-mini-cart__button { height: 2.75rem; min-height: 2.75rem; font-size: .95rem; }
.pk-hdr .wc-block-mini-cart__icon { width: 1.35rem; height: 1.35rem; }
.pk-hdr .wc-block-mini-cart__badge { min-width: 1.5rem; height: 1.5rem; font-size: .85rem; }
.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { width: 2.75rem; height: 2.75rem; }

/* Mobiil ja tahvel (burgeriga, alla 1240 px): ühtne kompaktne nuppude komplekt (omaniku tagasiside).
   Keel, otsing, menüü: liivataust + 1 px joon; korv: brändi täide. Kõik 44 px, sama raadius, vahed 8 px (360 px juures 6 px). */
@media (max-width: 1239.98px) {
	.pk-hdr .pk-hdr__toggle,
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle,
	.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { height: 2.75rem; min-height: 2.75rem; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--line); }
	.pk-hdr .pk-hdr__toggle,
	.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { width: 2.75rem; min-width: 2.75rem; }
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle { padding: 0 .6rem; gap: .25rem; }
	.pk-hdr .pk-hdr__toggle:hover, .pk-hdr .pk-hdr__toggle[aria-expanded="true"],
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle:hover,
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle[aria-expanded="true"],
	.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open:hover { background: var(--wp--preset--color--sand-2); border-color: var(--wp--preset--color--line); }
	.pk-hdr .pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--brand); }
	.pk-hdr .wc-block-mini-cart__button { padding: 0 .7rem; gap: .4rem; }
	.pk-hdr .pk-hdr__in { gap: .5rem; }
}
@media (max-width: 380px) {
	.pk-hdr .pk-hdr__in { gap: .375rem; }
	.pk-hdr .wc-block-mini-cart__button { padding: 0 .55rem; }
}
/* Alla 360 px (nt 320 px telefon): kahekohalise korvinumbriga („10”) ei mahtunud rida 16 px servaga ära (338 px, sõltumatu kontroll 28.10).
   Väiksem logo, vahed ja nuppude sisemine ruum; nupud jäävad 44 px. */
@media (max-width: 359.98px) {
	.pk-hdr .pk-hdr__in { gap: .25rem; }
	.wp-block-image.pk-logo img { width: 3rem; height: 3rem; }
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__toggle { padding: 0 .4rem; }
	.pk-hdr .wc-block-mini-cart__button { padding: 0 .45rem; }
}

/* Alammenüü (Meist): valge paneel, 1 px joon, raadius, õrn vari; kirjed ilma eraldusjoonteta, hoveril liiv. */
.pk-nav.wp-block-navigation .wp-block-navigation__submenu-container { gap: .125rem; min-width: 14rem; padding: .4rem; color: var(--wp--preset--color--ink); background-color: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); box-shadow: var(--wp--preset--shadow--soft); }
.pk-nav.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
.pk-nav.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { box-sizing: border-box; min-height: 2.75rem; padding: .4rem .9rem; white-space: nowrap; font-weight: 600; border-radius: var(--wp--custom--radius-s); }
.pk-nav.wp-block-navigation .wp-block-navigation__submenu-icon { margin-inline-start: .15rem; }
.pk-nav.wp-block-navigation .wp-block-navigation__submenu-icon svg { stroke: var(--wp--preset--color--brand); }
.pk-nav.wp-block-navigation .wp-block-navigation-submenu__toggle { color: var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); }
.pk-nav.wp-block-navigation .wp-block-navigation-submenu__toggle:hover { background-color: var(--wp--preset--color--sand); }
/* Mobiilimenüüs: kirjed sissepoole nihutatud, ilma raami ja varjuta */
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container { min-width: 0; margin-inline-start: .7rem; padding: 0 0 0 .35rem; background: transparent; border: 0; border-inline-start: 2px solid var(--wp--preset--color--line); border-radius: 0; box-shadow: none; }
.pk-nav.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1.05rem; font-weight: 500; padding-inline: .7rem; }

/* ===== Meist: faktid, meediakajastused, alamlehtede kaardid ===== */
.pk-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pk-s3); margin-block: var(--pk-s5) var(--pk-s6); }
@media (min-width: 900px) { .pk-stats { grid-template-columns: repeat(4, 1fr); } }
.pk-stat { margin: 0; padding: var(--pk-s4); text-align: center; background: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius); }
.pk-stat > * { margin: 0; }
.pk-stat__num { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem); font-weight: 800; line-height: 1.1; color: var(--wp--preset--color--brand); }
.pk-stat__lbl { margin-top: .35rem !important; font-size: .95rem; color: var(--wp--preset--color--ink); }
.pk-story { gap: var(--pk-s6); align-items: flex-start; }
.pk-story .wp-block-image img { border-radius: var(--wp--custom--radius); }
.pk-media-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: var(--pk-s3); margin-top: var(--pk-s4); }
.pk-media-card { position: relative; display: flex; flex-direction: column; gap: .4rem; margin: 0; padding: var(--pk-s4); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); transition: border-color .2s, box-shadow .2s; }
.pk-media-card > * { margin: 0 !important; }
.pk-media-card:hover { border-color: var(--wp--preset--color--brand); box-shadow: var(--wp--preset--shadow--soft); }
.pk-media-card__src { font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.pk-media-card__title { font-weight: 700; line-height: 1.35; }
.pk-media-card__title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pk-media-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.pk-media-card__title a:hover { color: var(--wp--preset--color--brand); text-decoration: underline; }
.pk-media-card__more { margin-top: auto !important; padding-top: .4rem; font-size: .9rem; font-weight: 600; color: var(--wp--preset--color--brand); }
.pk-media-card:focus-within { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
.pk-subpages .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--pk-s4); margin: var(--pk-s4) 0 0; padding: 0; list-style: none; }
.pk-card { position: relative; height: 100%; margin: 0; overflow: hidden; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); transition: transform .2s, box-shadow .2s; }
.pk-card:hover { transform: translateY(-2px); }
.pk-card .wp-block-post-featured-image { margin: 0; }
.pk-card .wp-block-post-featured-image img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.pk-card__body { padding: var(--pk-s4); }
.pk-card__body > * { margin-block: 0 .5rem; }
.pk-card .wp-block-post-title { font-size: 1.2rem; }
.pk-card .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pk-card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }
.pk-card .wp-block-post-title a:hover { color: var(--wp--preset--color--brand); }
.pk-card .wp-block-post-excerpt__excerpt { color: var(--wp--preset--color--muted); }
.pk-card .wp-block-post-excerpt__more-link { position: relative; z-index: 1; font-weight: 600; color: var(--wp--preset--color--brand); }
.pk-card:focus-within { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pk-card, .pk-media-card { transition: none; } .pk-card:hover { transform: none; } }
/* Alamlehtede kaardid ühekõrgused, pilt alati 16:10 */
.pk-subpages .wp-block-post-template { align-items: stretch; }
.pk-subpages .wp-block-post-template > li { display: flex; margin: 0; }
.pk-subpages .pk-card { flex: 1; display: flex; flex-direction: column; }
.pk-card .wp-block-post-featured-image { aspect-ratio: 16 / 10; overflow: hidden; }
.pk-card .wp-block-post-featured-image a, .pk-card .wp-block-post-featured-image img { display: block; width: 100%; height: 100%; }

/* ===== Tühjuse vähendamine (ülevaatus 30.09) =====
   Üks skaala kõigile sektsioonidele (teema, pood, blogi): --pk-sec 28 px mobiil / 36 px alates 700 px;
   --pk-sec-top = lühem ülatäidis pealkirjaga alustavatel sektsioonidel. (30.09: 36 / 48; omanik 5.10: liiga palju tühja.) */
:root { --pk-sec: 1.75rem; --pk-sec-top: 1.25rem; }
@media (min-width: 700px) { :root { --pk-sec: 2.25rem; --pk-sec-top: 1.5rem; } }
.pk-section { padding-block: var(--pk-sec); }
.pk-section--top, .pk-section--tight { padding-block: var(--pk-sec-top) var(--pk-sec); }
/* Hero järel algab sektsioon pealkirjaga: lühem ülatäidis (30.10, kasutaja: „enne pealkirja tühja vähemaks”). */
.pk-hero + .pk-section { padding-top: var(--pk-sec-top); }
/* Sektsiooni viimane element ei lisa täidisele oma alumist vahet (vormid, kaardid, nimekirjad). */
.pk-section > .pk-wrap > :last-child, .pk-section > :last-child:not(.pk-wrap), .pk-main--page > :last-child { margin-bottom: 0; }
/* Sektsioonid üksteise vastas ilma lisavaheta (täidis teeb vahe) */
main.pk-main > .pk-section, main.pk-main > .wp-block-post-content > .pk-section,
.wp-block-post-content > .alignfull.pk-section + .alignfull, main.pk-main > .alignfull + .alignfull { margin-block-start: 0; }
main.pk-main > *, .wp-block-post-content.alignfull > .alignfull { margin-block-start: 0; }
/* Sisulehed: pealkiri lähemale päisele */
.pk-main--page { padding-block: var(--pk-sec); }
/* Kui sisuleht algab/lõpeb täislaiuses sektsiooniga, teeb täidise sektsioon ise — main ei lisa teist kihti. */
.pk-main--page:has(> .entry-content > .pk-section:last-child), .pk-main--page:has(> .entry-content > .alignfull:last-child) { padding-bottom: 0; }
.pk-main--page:has(> .entry-content > .pk-section:first-child), .pk-main--page:has(> .entry-content > .alignfull:first-child) { padding-top: 0; }
.pk-main--page > .wp-block-post-title { margin-bottom: 1.25rem; }
/* Mall „Leht ilma pealkirjata” (inc/peidetud-pealkiri.php): pealkiri jääb H1-na ekraanilugejale, lehel nähtamatu.
   Redaktoris (body.editor-styles-wrapper) väike ja hall, et omanik näeks ja saaks pealkirja muuta. */
body:not(.editor-styles-wrapper) .pk-pealkiri-peidus { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.editor-styles-wrapper .pk-main--page > .pk-pealkiri-peidus { font-size: 1rem; color: var(--wp--preset--color--muted); margin-bottom: .5rem; }
/* Sisulehed (30.10, kasutaja: „liiga keskel koos, liiga palju tühja”): sama rida ja vasak serv nagu päisel, esilehel, e-poel
   ja blogil. Pealkirjad, veerud, kaardid ja tabelid kasutavad kogu laiust. Lugemistekst, KKK, pildid ja vormid jäävad
   endisesse laiusesse (theme.json contentSize, ~105 märki reas) ja algavad sama serva pealt. Kitsal ekraanil muutust pole. */
body { --pk-text: var(--wp--style--global--content-size, 860px); }
.pk-main--page:not(.pk-main--toc) { --wp--style--global--content-size: calc(var(--pk-wrap) - 2 * var(--pk-pad)); }
/* Mall „Leht keskel” (templates/page-keskel.html): lühike leht (nt Vabad töökohad) keskjoonel — vasakjoondusega jäi paremale
   suur tühi ala (31.10, kasutaja). Tekstiplokid on keskel; loendid ja vormid keskel oleva plokina, sees vasakjoondusega. */
.pk-main--keskel { text-align: center; }
.pk-main.pk-main--page.pk-main--keskel:not(.pk-main--toc) .is-layout-constrained > :is(p, ul, ol, details, .wp-block-quote, .wp-block-image, .pk-vorm, .wp-block-heading) { margin-left: auto !important; margin-right: auto !important; } /* tugevam kui sisulehtede vasakjoonduse reegel */
.pk-main--keskel .is-layout-constrained > :is(ul, ol, details, .pk-vorm) { width: fit-content; max-width: min(var(--pk-text), 100%); text-align: left; }
/* Minu konto: WooCommerce hoiab pealkirja ja sisu 1000 px laiusena keskel (woocommerce-blocktheme.css); laius jääb, algus sama joone pealt. */
.woocommerce-account .pk-main--page > .wp-block-post-title, .woocommerce-account .pk-main--page .is-layout-constrained > .woocommerce {
	margin-left: max(0px, (100% - var(--wp--style--global--content-size)) / 2) !important;
	margin-right: auto !important;
}
.pk-main--page:not(.pk-main--toc) .is-layout-constrained > :is(p, ul:not(.pk-steps), ol:not(.pk-steps), details, .wp-block-quote, .wp-block-image:not(.alignwide, .alignfull, .aligncenter), .pk-vorm, .wp-block-popsikook-taganemisavaldus) {
	max-width: min(var(--pk-text), 100%);
	margin-left: max(0px, (100% - var(--wp--style--global--content-size)) / 2) !important;
	margin-right: auto !important;
}
/* Sektsiooni pealkiri ja sisu: väiksem vahe */
.pk-section h2.wp-block-heading:first-child, .pk-section .pk-wrap > h2.wp-block-heading:first-child { margin-top: 0; }
/* KKK lehel on lehe pealkiri „KKK” juba olemas: jagatud KKK ploki esimest pealkirja seal ei näidata */
.wp-block-post-content > .pk-kkk:first-child > .wp-block-heading:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ===== Tagasi üles nupp (ui.js, markup wp_footer'ist) =====
   Ümmargune pruun nupp all paremal; tumeda jaluse peal liivavärvi (.is-on-footer). Z-index jääb Woo sahtli,
   küpsisebänneri ja menüü ülekatte (>= 9999) alla; ui.js tõstab nupu küpsisebänneri ja kleepuva ostukorvi nupu kohale (--pk-totop-lift). */
.pk-totop { position: fixed; z-index: 90; right: max(1rem, env(safe-area-inset-right, 0px)); bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0; color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--base); border-radius: 50%; box-shadow: 0 6px 16px -6px rgba(42, 28, 18, .55); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(calc(.75rem - var(--pk-totop-lift, 0px))); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s, background-color .2s ease, color .2s ease, border-color .2s ease; }
/* Tõstmine käib transform'iga, mitte bottom'iga: nii ei ole see brauseri jaoks paigutuse nihe (CLS). */
.pk-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(calc(-1 * var(--pk-totop-lift, 0px))); transition-delay: 0s; }
.pk-totop:hover { background-color: var(--wp--preset--color--brand-hover); }
.pk-totop svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
.pk-totop.is-on-footer { color: var(--wp--preset--color--brand); background: var(--wp--preset--color--sand); border-color: var(--wp--preset--color--deep); }
.pk-totop.is-on-footer:hover { background: var(--wp--preset--color--sand-2); }
.pk-totop:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 3px; }
.pk-totop.is-on-footer:focus-visible { outline-color: var(--wp--preset--color--focus-dark); }
html.has-modal-open .pk-totop { opacity: 0; visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .pk-totop, .pk-totop.is-visible { transition: none; transform: translateY(calc(-1 * var(--pk-totop-lift, 0px))); } }
@media print { .pk-totop { display: none; } }
/* Mobiilimenüü alammenüü: core paneb ülekattes 2rem taande (kõrge spetsiifilisus) — väiksem taane + peen joon, et oleks näha, mille alla kirjed kuuluvad. */
.pk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { margin-inline-start: .7rem; padding-inline-start: .35rem !important; border-inline-start: 2px solid var(--wp--preset--color--line) !important; }

/* ===== Mobiilitagasiside, 2. voor (omaniku telefon) ===== */
/* Päise rea lapsed: WP voo-vahe (24 px margin-block-start) lükkas nupud rea põhja; logo ja nupud keskele. */
@media (max-width: 1239.98px) {
	.pk-hdr .pk-hdr__in { align-items: center; }
	.pk-hdr .pk-hdr__in > * { margin-block: 0 !important; }
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open { display: grid; place-items: center; box-sizing: border-box; line-height: 1; }
	.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-open svg { display: block; margin: 0; }
}
/* Sulgemisnupu rist täpselt keskele: Core'i nupp on display:block, SVG jäi vasakule (1 px äärise nihe). */
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-close { display: grid; place-items: center; box-sizing: border-box; line-height: 1; }
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container-close svg { display: block; margin: 0; }
/* Menüü esmakordne „hüpe”: fookus esimesele lingile kerib ülekatte konteinerit (overflow:auto), kui paneel on veel ekraanist väljas,
   ja kerimine liigub sujuvalt tagasi (topeltliikumine). overflow:clip ei ole kerimatav; paneeli enda sisu kerib .responsive-dialog. */
.pk-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { overflow: clip !important; }
/* Alammenüü mobiilimenüüs: kokkupandav (nupp .pk-subtoggle tuleb ui.js-ist; lingi enda klõps viib lehele). */
.pk-subtoggle { display: none; }
.pk-nav .is-menu-open li.wp-block-navigation-submenu { display: grid !important; grid-template-columns: auto auto 1fr; align-items: center !important; }
.pk-nav .is-menu-open li.wp-block-navigation-submenu > .wp-block-navigation-item__content { grid-column: 1; }
.pk-nav .is-menu-open li.wp-block-navigation-submenu > .pk-subtoggle { grid-column: 2; align-self: center; }
.pk-nav .is-menu-open .pk-subtoggle { display: grid; place-items: center; flex: none; width: 2.25rem; height: 2.25rem; margin-left: .15rem; padding: 0; color: var(--wp--preset--color--brand); background: transparent; border: 0; border-radius: var(--wp--custom--radius-s); cursor: pointer; }
@media (hover: hover) { .pk-nav .is-menu-open .pk-subtoggle:hover { background: var(--wp--preset--color--sand); } }
.pk-subtoggle svg { display: block; width: .9rem; height: .9rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pk-nav .is-menu-open li.wp-block-navigation-submenu[data-pk-open] > .pk-subtoggle svg { transform: rotate(180deg); }
.pk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content li.wp-block-navigation-submenu > .wp-block-navigation__submenu-container { display: flex; flex-direction: column; grid-column: 1 / -1; align-items: stretch; box-sizing: border-box; max-height: 0; padding-block: 0 !important; opacity: 0; visibility: hidden; overflow: hidden !important; }
.pk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content li.wp-block-navigation-submenu[data-pk-open] > .wp-block-navigation__submenu-container { max-height: 16rem; padding-block: .25rem 0 !important; opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: no-preference) {
	.pk-subtoggle svg { transition: transform .2s ease; }
	.pk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content li.wp-block-navigation-submenu > .wp-block-navigation__submenu-container { transition: max-height .25s ease, opacity .2s ease, padding .25s ease, visibility 0s linear .25s; }
	.pk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content li.wp-block-navigation-submenu[data-pk-open] > .wp-block-navigation__submenu-container { transition-delay: 0s; }
}

/* Meist ⌄ on üks element: ühine hover-taust, väike chevron lingi kohe kõrval (4-6 px), nähtamatu laiem klõpsuala. */
@media (min-width: 1240px) {
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu { align-items: center; border-radius: var(--wp--custom--radius-s); }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu:hover,
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu:focus-within { background-color: var(--wp--preset--color--sand); }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu > .wp-block-navigation-item__content { padding-right: 0; background: transparent; }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle { position: relative; display: grid; place-items: center; width: .875rem; height: .875rem; margin: 0 .7rem 0 .3rem; padding: 0; background: transparent; }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle::after { content: ""; position: absolute; inset: -.6rem -.4rem; }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle svg { width: .75rem; height: .75rem; }
	.pk-nav.wp-block-navigation li.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle:hover { background: transparent; }
}

/* ===== Päise menüü õrnad jooned (katse; ainult täismenüü, ≥ 1240 px; mobiiliülekate jääb samaks) =====
   Üks klass nav-il vahetab variandi:
   .pk-nav--jooned-a  alljoon igal lingil (vaikimisi)
   .pk-nav--jooned-b  püstised eraldusjooned
   .pk-nav--jooned-c  võrdse laiusega lahtrid (alljoon lahtri laiuselt; + .pk-nav--sep: püstjooned); alla 1440 px sama mis A
   Hover/fookus ja jooksev leht = pruun alljoon (li::before, kasvab keskelt, 150 ms). Joonte elemendid on absoluutselt
   positsioneeritud, seega paigutus ei nihku. „Meist ⌄” on üks li, joon katab mõlemad. */
@media (min-width: 1240px) {
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li { position: relative; }
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::before { content: ""; position: absolute; z-index: 3; left: .7rem; right: .7rem; top: calc(50% + .9rem); height: 1.5px; background: var(--wp--preset--color--brand); transform: scaleX(0); transform-origin: center; pointer-events: none; }
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li:is(:hover, :focus-within, :has([aria-current]))::before { transform: scaleX(1); }
	/* jooksev leht: püsiv pruun alljoon (asendab vana 3 px sisemise varju) */
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c).wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] { box-shadow: none; border-radius: var(--wp--custom--radius-s); }
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c) .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] { color: var(--wp--preset--color--brand); }
	/* A ja C: õrn alljoon (line, 1,5 px, ~6 px teksti all) */
	:is(.pk-nav--jooned-a, .pk-nav--jooned-c:not(.pk-nav--sep)) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::after { content: ""; position: absolute; z-index: 2; left: .7rem; right: .7rem; top: calc(50% + .9rem); height: 1.5px; background: var(--wp--preset--color--line); pointer-events: none; }
	/* B ja C+sep: püstine eraldusjoon elementide vahel (1 px, ~1 em) */
	:is(.pk-nav--jooned-b, .pk-nav--jooned-c.pk-nav--sep) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li + li::after { content: ""; position: absolute; z-index: 2; left: 0; top: 50%; width: 1px; height: 1em; transform: translateY(-50%); background: var(--wp--preset--color--line); pointer-events: none; }
}
@media (min-width: 1240px) and (prefers-reduced-motion: no-preference) {
	:is(.pk-nav--jooned-a, .pk-nav--jooned-b, .pk-nav--jooned-c) .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::before { transition: transform .15s ease; }
}
/* C: võrdse laiusega lahtrid. Lahtri laius = pikima sildi laius; mahub alates --pk-c-min (mõõdetud, vt otsustuslogi). */
@media (min-width: 1440px) {
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li { justify-content: center; }
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::before,
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::after { left: .5rem; right: .5rem; }
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li > .wp-block-navigation-item__content { justify-content: center; text-align: center; }
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li > .wp-block-navigation-item__content { padding-inline: .3rem; font-size: .9rem; }
	.pk-nav--jooned-c .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li > .wp-block-navigation-submenu__toggle { margin-right: 0; }
	.pk-nav--jooned-c.pk-nav--sep .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li::before { left: 0; right: 0; }
}
/* Korvi-/kassalehe päise korvilink (inc/woocommerce.php): sama välimus kui mini-cart'i nupul teistel lehtedel. */
.pk-hdr .pk-minicart-link { text-decoration: none; }
.pk-hdr .pk-minicart-link:hover { text-decoration: none; }
.pk-hdr .pk-minicart-link .wc-block-mini-cart__badge { color: var(--wp--preset--color--brand); background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--base); text-decoration: none; }

/* ===== Mobiili kompaktsus (ülevaatus 16.10) ===== */
/* Sisuleht, mis algab sektsiooniga: pealkiri ei kleebi päise külge ja valge esimene sektsioon ei lisa pealkirja alla teist vahet. */
/* Peidetud pealkiri (mall „Leht ilma pealkirjata”) ei loe: siis algab leht sektsiooniga nagu ilma pealkirjata. */
.pk-main.pk-main--page:has(> .wp-block-post-title:not(.pk-pealkiri-peidus) + .entry-content > .pk-section:first-child), .pk-main.pk-main--page:has(> .wp-block-post-title:not(.pk-pealkiri-peidus) + .entry-content > .alignfull:first-child) { padding-top: var(--pk-sec); }
.pk-main--page > .wp-block-post-title:not(.pk-pealkiri-peidus) + .entry-content > .pk-section:first-child:not(.has-background) { padding-top: 0; }
/* KKK: nool näitab, et küsimus avaneb; küsimused tihedamalt koos. */
.pk-kkk .wp-block-details + .wp-block-details { margin-top: 0; }
.pk-kkk .wp-block-details summary { gap: .75rem; list-style: none; }
.pk-kkk .wp-block-details summary::-webkit-details-marker { display: none; }
.pk-kkk .wp-block-details summary::after { content: ""; flex: none; width: 1.1rem; height: 1.1rem; margin-left: auto; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: rotate .15s; }
.pk-kkk .wp-block-details[open] > summary::after { rotate: 180deg; }
@media (prefers-reduced-motion: reduce) { .pk-kkk .wp-block-details summary::after { transition: none; } }
/* ---------- Leht sisukorraga (mall page-sisukorraga, plokk popsikook/sisukord) ----------
   Kitsal ekraanil: pealkirja all kleepuv „Sisukord” riba, loend avaneb selle alla ülekattena (sisu ei nihku).
   Laial ekraanil: sisu 860 px + paremal kleepuv sisukord (Mulgi Maitse privaatsus- ja müügitingimuste leht). */
.pk-toc-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.pk-toc-layout > * { margin-block: 0; }
.pk-toc-layout > .wp-block-post-title { margin-bottom: var(--pk-s5); }
.wp-block-popsikook-sisukord { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + .5rem); z-index: 10; margin-bottom: var(--pk-s5); }
.pk-toc { background-color: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); box-shadow: var(--wp--preset--shadow--soft); }
.pk-toc__title { display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; padding: .25rem 1rem; font-weight: 700; cursor: pointer; list-style: none; border-radius: inherit; }
.pk-toc__title::-webkit-details-marker { display: none; }
.pk-toc__title::after { content: ""; flex: none; width: 1.1rem; height: 1.1rem; margin-left: auto; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: rotate .15s; }
.pk-toc[open] > .pk-toc__title::after { rotate: 180deg; }
.pk-toc__title:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
.pk-toc__list { margin: 0; padding: 0 .5rem .5rem; list-style: none; }
.pk-toc__list li { margin: 0; }
.pk-toc__list a { display: block; padding: .55rem .5rem; color: var(--wp--preset--color--ink); font-size: .95rem; line-height: 1.35; text-decoration: none; border-radius: var(--wp--custom--radius-s); }
.pk-toc__list a:hover { color: var(--wp--preset--color--brand); background-color: var(--wp--preset--color--sand); }
/* Aktiivne peatükk ilma font-weight'ita: paks kiri on laiem ja murdis pika pealkirja kahele reale (31.10). Joone paksendus ei muuda laiust. */
.pk-toc__list a[aria-current] { color: var(--wp--preset--color--brand); -webkit-text-stroke: .03em currentColor; background-color: var(--wp--preset--color--sand); }
.pk-toc__list a:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .pk-toc__title::after { transition: none; } }
@media (max-width: 1023.98px) {
	/* Pealkiri ankrulingi järel ei jää päise ega sisukorra riba alla. */
	html:has(.pk-toc) { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + 4.5rem); }
	.pk-toc__list { position: absolute; left: -1px; right: -1px; top: calc(100% - .5rem); max-height: min(60vh, 30rem); overflow-y: auto; overscroll-behavior: contain; padding-top: .5rem; background-color: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-top: 0; border-radius: 0 0 var(--wp--custom--radius-s) var(--wp--custom--radius-s); box-shadow: 0 12px 20px -12px rgba(42, 28, 18, .35); }
	.pk-toc[open] { border-bottom-color: transparent; border-radius: var(--wp--custom--radius-s) var(--wp--custom--radius-s) 0 0; }
}
@media (min-width: 1024px) {
	/* Tekst algab sama joone pealt kui päis ja teised lehed, sisukord on paremal korvi nupu joonel. */
	.pk-toc-layout { grid-template-columns: minmax(0, var(--wp--style--global--content-size, 860px)) 17rem; column-gap: var(--pk-s7); justify-content: space-between; align-items: start; }
	.pk-toc-layout > .wp-block-post-title { grid-column: 1; grid-row: 1; }
	.pk-toc-layout > .wp-block-post-content { grid-column: 1; grid-row: 2; }
	/* Laial ekraanil ilma kaardita: õhuke vasak joon, praegune peatükk on sellel pruun lõik. Kompaktne, et 13 peatükki mahuksid
	   sülearvuti ekraanile; madalal ekraanil kerib ainult sisukord (õhuke riba, tekstist eraldi). */
	.pk-toc-layout > .wp-block-popsikook-sisukord { grid-column: 2; grid-row: 1 / span 2; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + 1.5rem); max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - var(--pk-stuck-h) - 3rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--wp--preset--color--line) transparent; margin: 0; padding-right: .5rem; }
	.pk-toc { background: none; border: 0; border-radius: 0; box-shadow: none; }
	.pk-toc__title { min-height: 0; padding: 0 0 .75rem; color: var(--wp--preset--color--muted); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
	.pk-toc__list { padding: 0; border-left: 2px solid var(--wp--preset--color--line); }
	.pk-toc__list a { margin-left: -2px; padding: .3rem 0 .3rem .9rem; color: var(--wp--preset--color--muted); font-size: .9rem; line-height: 1.35; border-left: 2px solid transparent; border-radius: 0; }
	.pk-toc__list a:hover { color: var(--wp--preset--color--ink); background: none; border-left-color: var(--wp--preset--color--field-line); }
	.pk-toc__list a[aria-current] { color: var(--wp--preset--color--brand); background: none; border-left-color: var(--wp--preset--color--brand); }
	.pk-toc__list a:focus-visible { outline-offset: 0; }
	/* Avatuna (view.js) ei saa kinni panna; ilma JS-ita jääb kinnine sisukord klõpsatavaks. */
	.pk-toc[open] > .pk-toc__title { cursor: default; pointer-events: none; }
	.pk-toc[open] > .pk-toc__title::after { display: none; }
}
@media (max-width: 799.98px) {
	/* Lahtiolekuajad: kaks kaarti kõrvuti, et mõlema leti ajad oleksid korraga näha. */
	.wp-block-popsikook-lahtiolekuajad { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: var(--pk-s3); }
	.wp-block-popsikook-lahtiolekuajad .loc-card { padding: 1rem; }
	.wp-block-popsikook-lahtiolekuajad .times-list { column-gap: .75rem; }
	.wp-block-popsikook-lahtiolekuajad .loc-card address { margin-bottom: .5rem; }
	.wp-block-popsikook-lahtiolekuajad .loc-card__tel { margin-top: .25rem; }
	/* Kitsas kaart: „Google Maps” ja „Waze” mahuvad 390 px juures ühele reale. */
	.wp-block-popsikook-lahtiolekuajad .loc-card .pk-kaart { column-gap: .6rem; font-size: .9rem; }
}
@media (max-width: 599.98px) {
	/* Eritellimuste galeriid: kolm pilti reas (klõps avab suurelt). */
	.wp-block-gallery.pk-gallery.has-nested-images { --wp--style--unstable-gallery-gap: .5rem; gap: .5rem; }
	.wp-block-gallery.pk-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { flex-grow: 0; width: calc((100% - 1rem) / 3); }
	/* Jalus: veerud ja lingid tihedamalt. */
	.pk-footer__in { gap: 1rem 2rem; padding-block: 1.25rem .75rem; }
	.pk-footer__links a { min-height: 2.5rem; }
}
/* 320 px telefon (ülevaatus 16.10): pikk link (nt maainfo.ee aadress) murdub, mitte ei venita lehte; kontaktiveerg ei ole laiem kui ekraan.
   „Kiire tellimus”: number ja e-post lähevad sildi alla, kui veerg on kitsam kui kõrvuti vaja (pikim e-post ~22,5 rem). Veeru, mitte ekraani järgi:
   telefonis ja 900–1200 px kolme veeru vaates (sõltumatu kontroll 28.10: 1024 px juures venitas e-post lehte 41 px). */
.wp-site-blocks { overflow-wrap: break-word; }
.wp-block-popsikook-kontaktid.is-kontakt-grid .loc { min-width: 0; }
.wp-block-popsikook-kontaktid.is-kontakt-grid .loc--cta { container: pk-cta / inline-size; }
@media (max-width: 699.98px) { .wp-block-popsikook-kontaktid.is-kontakt-grid { grid-template-columns: minmax(0, 1fr); } }
@container pk-cta (max-width: 23.5rem) {
	.pk-tel-btn, .pk-cta-mail { grid-template-columns: 1.2rem minmax(0, 1fr); row-gap: 0; }
	.pk-tel-btn__num, .pk-cta-mail__val { grid-column: 2; }
	.pk-tel-btn .tel__icon, .pk-cta-mail .tel__icon { align-self: start; margin-top: .3em; }
	.pk-cta-mail__val { overflow-wrap: anywhere; }
}

/* Keelevalik telefonis: paneel (250 px) joondus nupu parema servaga ja läks vasakult ekraanist välja (320 px: 114 px, 390 px: 64 px; vastuvõtt 31.10).
   Kitsal ekraanil on paneel päise laiune riba päise all: konteiner .pk-hdr (position: relative) on paneeli alus. */
@media (max-width: 599.98px) {
	.pk-hdr .popsikook-ai-translate--header { position: static; }
	.pk-hdr .popsikook-ai-translate--header .popsikook-ai-translate__panel { top: 100%; left: .75rem; right: .75rem; width: auto; max-width: none; margin-top: .25rem; }
}

/* Küpsisebänner madalal ekraanil (telefon rõhtasendis, 844×390): Complianz paneb `@media (max-height: 400px)` bännerile zoom .6 ja nuppudele .5,
   nupud jäid 18 px ja tekst ~5 px (vastuvõtt 31.10, raport 4 F4). Tavaline suurus ja vajadusel bänneri sees kerimine. */
@media (max-height: 400px) {
	body .cmplz-cookiebanner { zoom: 1 !important; height: auto !important; max-height: calc(100dvh - 1rem) !important; overflow-y: auto !important; overscroll-behavior: contain; }
	body .cmplz-cookiebanner .cmplz-close { zoom: 1 !important; }
	body .cmplz-cookiebanner .cmplz-header { max-height: none !important; margin-bottom: .5rem !important; }
	body .cmplz-cookiebanner .cmplz-body { margin-top: 0 !important; }
	body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { zoom: 1 !important; height: auto !important; min-height: 2.75rem !important; padding: .4rem .75rem !important; font-size: .95rem !important; }
}

/* Küpsisebänner 1024–1279 px: Complianz annab igale nupule min-width 250 px (kolm nuppu 770 px), alla ~1130 px läks „Vaata valikuid”
   ekraanist välja ja tekstiveerg jäi 145 px kitsaks (1.11 kasutaja). Nupud vähemalt 9.5rem, ühelaiused. 1280+ jääb Complianzi oma. */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 9.5rem !important; width: auto !important; flex: 1 1 0; white-space: nowrap; }
}

/* Lahtiolekuaegade kaardi telefon: teksti vahede ülekirjutusega (WCAG 1.4.12) jäi „+372 43 000 0” poolikuks (nowrap, vastuvõtt 31.10).
   Tavaliselt mahub number ühele reale; vajadusel murdub see numbrirühmade vahelt, mitte keset rühma. */
.loc-card__tel a { white-space: normal; }