/* ==========================================================================
   Mano Mac – komponentų stilius (blokų tema)
   Perkelta iš statinės versijos css/style.css. Visos reikšmės – iš tokens.css;
   čia skaičių nėra, išskyrus @media sąlygas, nulius, 100 % ir grid linijų nuorodas.

   Kas ką daro:
   - theme.json      body tipografija/spalvos, h1–h6, nuorodos, mygtukai (.wp-element-button),
                     preset'ų klasės (has-*-font-size, has-*-color, spacing var'ai)
   - šis failas      komponentų klasės (sekcijos, header, footer, kortelės) ir blokų stilių variantai
   ========================================================================== */

/* ---------- Bazė ---------- */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;   /* kaip Hello Elementor reset.css: plonesnis tekstas macOS */
  -moz-osx-font-smoothing: grayscale;
}

/* Kaip statinėje versijoje: tarpus duoda komponentai / blockGap, ne naršyklės numatytieji margin'ai */
h1, h2, h3, h4, h5, h6, p, figure { margin: 0; }
img { max-width: 100%; height: auto; display: block; }

.menu-toggle, .posts-arrow { font: inherit; background: none; border: 0; cursor: pointer; padding: 0; color: inherit; }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* ---------- Tipografijos preset'ai: eilučių aukštis ir svoris priklauso dydžio žingsniui ----------
   theme.json duoda h1–h6 numatytąsias reikšmes pagal tag'ą; kai antraštė gauna kito žingsnio
   dydį (pvz. <h2> su „h4“), kartu keičiasi ir jo eilučių aukštis – kaip statinėje versijoje. */
:is(h1, h2, h3, h4, h5, h6).has-display-font-size,
:is(h1, h2, h3, h4, h5, h6).has-h-1-font-size {
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
:is(h1, h2, h3, h4, h5, h6).has-h-2-font-size { font-weight: var(--font-weight-semibold); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-subtle); }
:is(h1, h2, h3, h4, h5, h6).has-h-3-font-size,
:is(h1, h2, h3, h4, h5, h6).has-h-4-font-size { font-weight: var(--font-weight-semibold); line-height: var(--line-height-snug); letter-spacing: var(--letter-spacing-subtle); }
:is(h1, h2, h3, h4, h5, h6).has-h-5-font-size,
:is(h1, h2, h3, h4, h5, h6).has-h-6-font-size { font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal); letter-spacing: var(--letter-spacing-subtle); }
:is(h1, h2, h3, h4, h5, h6).has-base-font-size { line-height: var(--line-height-relaxed); } /* footer stulpelių antraštės – kaip body */

/* ---------- Mygtukai: variantai (blokų stiliai). Bazė – theme.json elements.button ---------- */
.wp-element-button,
.wp-block-button__link {
  display: inline-block;
  text-align: center;
  transition:
    background-color var(--transition-base),
    color var(--transition-base),
    border-color var(--transition-base);
}

.wp-block-button.is-style-white > .wp-block-button__link { background: var(--clr-white); color: var(--clr-dark); }
.wp-block-button.is-style-white > .wp-block-button__link:hover { background: var(--clr-dark); color: var(--clr-white); }

.wp-block-button.is-style-dark > .wp-block-button__link { background: var(--clr-dark); color: var(--clr-white); }
.wp-block-button.is-style-dark > .wp-block-button__link:hover { background: var(--clr-white); color: var(--clr-dark); }

.wp-block-button.is-style-ghost > .wp-block-button__link,
.wp-block-button.is-style-ghost > .wp-block-button__link:hover { background: transparent; color: var(--clr-white); }
.wp-block-button.is-style-ghost > .wp-block-button__link { white-space: nowrap; } /* rodyklė niekada nenukrenta į atskirą eilutę */
.wp-block-button.is-style-ghost > .wp-block-button__link::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: var(--size-icon-xs);
  aspect-ratio: var(--aspect-landscape);          /* 18 × 12 rodyklė */
  margin-left: var(--space-2);
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M17.53 6.53a.75.75 0 0 0 0-1.06L12.76.7a.75.75 0 1 0-1.06 1.06L15.94 6l-4.24 4.24a.75.75 0 1 0 1.06 1.06l4.77-4.77ZM0 6.75h17v-1.5H0v1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* „Visos kainos“: akcentinis mygtukas su tos pačios spalvos rėmeliu ir minimaliu pločiu */
.wp-block-button.is-style-outline-accent > .wp-block-button__link {
  border: var(--border-width) solid var(--clr-accent);
  min-width: var(--button-min-width);
}

.wp-block-button.is-style-outline-dark > .wp-block-button__link {
  border: var(--border-width) solid var(--clr-dark);
  background: var(--clr-white);
  color: var(--clr-dark);
}
.wp-block-button.is-style-outline-dark > .wp-block-button__link:hover { background: var(--clr-dark); color: var(--clr-white); }

/* ---------- Layout variantai ---------- */
/* Stulpeliai sudedami planšetėje (core sudeda tik ≤781px) */
@media (max-width: 1024px) {
  .wp-block-columns.is-style-stack-tablet,
  .wp-block-columns.is-style-stack-tablet-reverse { flex-wrap: wrap !important; }

  .wp-block-columns.is-style-stack-tablet > .wp-block-column,
  .wp-block-columns.is-style-stack-tablet-reverse > .wp-block-column { flex-basis: 100% !important; flex-grow: 1; }

  .wp-block-columns.is-style-stack-tablet-reverse > .wp-block-column:first-child { order: 1; } /* pirmas stulpelis (nuotraukos) eina po teksto */
}

/* Flex grupė telefone – į stulpelį, centruota */
@media (max-width: 767px) {
  .wp-block-group.is-style-stack-phone { flex-direction: column; gap: var(--space-2); text-align: center; }
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: var(--z-header);
  transition: background-color var(--transition-header);
}

.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 0px); }

/* Gradientas virš hero gyvena atskirame sluoksnyje: scrollinant jis išblunka,
   o ne gula ant tamsaus fono (tada header'is tampa beveik juodas). */
.site-header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--z-behind);
  background: var(--gradient-header);
  transition: opacity var(--transition-header);
}

.site-header.is-scrolled { background-color: var(--clr-dark); }
.site-header.is-scrolled::before { opacity: 0; }

/* .header-inner – flex grupė (gap iš blockGap preset'o) */
.header-logo { flex: 0 0 var(--size-logo); transition: flex-basis var(--transition-header); }
.site-header .header-logo.wp-block-site-logo img { width: var(--size-logo); height: auto; transition: width var(--transition-header); }

.site-header.is-scrolled .header-logo { flex-basis: var(--size-logo-sm); }
.site-header.is-scrolled .header-logo.wp-block-site-logo img { width: var(--size-logo-sm); }

.header-right { flex: 1; min-width: 0; }

/* Viršutinė juosta. Grid eilutė 1fr → 0fr leidžia animuoti „auto“ aukštį be
   fiksuoto max-height. Vidinis elementas turi min-height: 0 + overflow: hidden,
   o jo padding'as animuojamas į 0, kad box'as susitrauktų iki nulio. */
.header-top {
  display: grid;
  grid-template-rows: 1fr;
  transition:
    grid-template-rows var(--transition-header),
    opacity var(--transition-header);
}

.site-header .header-top-inner {
  padding: var(--space-2) var(--space-2) var(--space-4) 0;
  min-height: 0;
  overflow: hidden;
  transition: padding var(--transition-header);
}

.site-header .wp-block-separator.header-divider {
  border: 0;
  border-top: var(--border-width) solid var(--clr-white);
  margin: 0;
  width: auto;
  opacity: 1;
  transition:
    border-top-width var(--transition-header),
    opacity var(--transition-header);
}

/* Viršutinės juostos nuorodos (Apie mus · Kontaktai) – juostos gale, atskirtos plona linija nuo informacijos */
.site-header .header-top-inner > .header-utility { padding-left: var(--space-10); border-left: var(--border-width) solid var(--clr-text); }
.site-header .header-top-inner p,
.site-header .header-utility .wp-block-navigation-item__content { white-space: nowrap; } /* juostos punktai nelūžta */
.site-header .header-utility .wp-block-navigation__container { gap: var(--space-6); }
.site-header .header-utility .wp-block-navigation-item__content { padding: 0; color: var(--clr-white); transition: color var(--transition-base); }
.site-header .header-utility .wp-block-navigation-item__content:hover { color: var(--clr-muted); }

/* Pagrindinio meniu „utility“ punktai – desktope viršutinėje juostoje, todėl čia paslėpti */
.header-nav .wp-block-navigation-item.is-utility { display: none; }

.site-header.is-scrolled .header-top { grid-template-rows: 0fr; opacity: 0; }
.site-header.is-scrolled .header-top-inner { padding-top: 0; padding-bottom: 0; }
.site-header.is-scrolled .header-divider { border-top-width: 0; opacity: 0; }

.site-header .header-nav-row {
  padding: var(--space-4) 0 var(--space-3);
  transition: padding var(--transition-header);
}

.site-header.is-scrolled .header-nav-row { padding-top: var(--space-3); padding-bottom: var(--space-3); }

/* Meniu (core/navigation) */
.header-nav .wp-block-navigation-item__content {
  display: block;
  padding: var(--space-3);
  color: var(--clr-white);
}

/* Pirmo lygio punktai: akcento linija apačioje per inset box-shadow (nekeičia aukščio).
   Linija yra visada, tik permatoma – hover / focus ją įfade'ina, aktyviam puslapiui dega nuolat.
   Linija dedama ant <li>, kad apimtų ir nuorodą, ir caret'ą. Dropdown'o tėvas paryškinamas tik kai aktyvus jo punktas
   (ne pagal puslapių hierarchiją – „Kainos“ yra atskiras punktas, nors puslapis – „Remonto“ vaikas). */
.header-nav > .wp-block-navigation__container > .wp-block-navigation-item {
  box-shadow: inset 0 calc(-1 * var(--space-1)) 0 transparent;
  transition: box-shadow var(--transition-base);
}

.header-nav > .wp-block-navigation__container > .wp-block-navigation-item:hover,
.header-nav > .wp-block-navigation__container > .wp-block-navigation-item:focus-within,
.header-nav > .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item,
.header-nav > .wp-block-navigation__container > .wp-block-navigation-item:has(.wp-block-navigation__submenu-container .current-menu-item) { box-shadow: inset 0 calc(-1 * var(--space-1)) 0 var(--clr-accent); }

.header-nav .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content { color: var(--clr-accent); }

/* Caret: core piešia „chevron“, čia – originalus užpildytas trikampis per mask */
.header-nav .has-child > .wp-block-navigation-item__content { padding-right: 0; }

.header-nav .wp-block-navigation__submenu-icon {
  width: var(--size-icon-xs);
  height: var(--size-icon-xs);
  margin: 0 var(--space-3); /* kairėje 12 = originalo 8px + tarpo simbolis prieš svg; dešinėje – kaip kitų punktų */
  padding: 0;
  color: var(--clr-white);
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.header-nav .wp-block-navigation__submenu-icon svg { display: none; }

/* Dropdown */
.site-header .header-nav .has-child .wp-block-navigation__submenu-container {
  top: 100%; left: 0;
  height: auto;
  width: auto;
  min-width: var(--dropdown-min-width);
  overflow: visible;
  background: var(--clr-white);
  border: 0;
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--space-2));
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast),
    visibility var(--transition-fast);
}

.site-header .header-nav .has-child:hover > .wp-block-navigation__submenu-container,
.site-header .header-nav .has-child:focus-within > .wp-block-navigation__submenu-container,
.site-header .header-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.site-header .header-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  display: block;                    /* core: flex – nereikia, tekstas lūžta kaip originale */
  color: var(--clr-dark);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-sm);
  transition: color var(--transition-base), background-color var(--transition-base);
}

/* Dešinėn išlygiuotame meniu core sąrašą atidaro į kairę (right: 0) – čia jis prasideda po punktu */
.site-header .header-nav.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { left: 0; right: auto; }

/* Paslaugų ikonėlės (klasės service-link / service-{slug} – inc/service-nav.php): smulkios, pilkos, užvedus – akcento */
.site-header .header-nav .has-child .wp-block-navigation__submenu-container .service-link > .wp-block-navigation-item__content { display: flex; align-items: center; gap: var(--space-3); }

.header-nav .service-link > .wp-block-navigation-item__content::before {
  content: '';
  flex: 0 0 auto;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: var(--clr-text);
  mask: url('../img/icons/service-repair.svg') center / contain no-repeat; /* nauja paslauga be savos ikonos */
  transition: background-color var(--transition-base);
}

.header-nav .service-link > .wp-block-navigation-item__content:hover::before { background: var(--clr-accent); }
.header-nav .service-macbook-ekrano-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-screen.svg'); }
.header-nav .service-macbook-baterijos-keitimas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-battery.svg'); }
.header-nav .service-macbook-klaviaturos-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-keyboard.svg'); }
.header-nav .service-aplieto-macbook-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-liquid.svg'); }
.header-nav .service-imac-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-imac.svg'); }
.header-nav .service-macbook-pagrindines-plokstes-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-chip.svg'); }
.header-nav .service-macbook-ikrovimo-remontas > .wp-block-navigation-item__content::before { mask-image: url('../img/icons/service-charge.svg'); }

.site-header .header-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--clr-accent); background: var(--clr-light); }

/* Išskleidžiamame sąraše pavadinimai nelūžta – plotis prisitaiko prie ilgiausio (mobiliame skydelyje lūžta kaip įprasta) */
@media (min-width: 1025px) {
  .site-header .header-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { white-space: nowrap; }
}

.header-nav-row > .header-cta { margin-left: var(--space-2); white-space: nowrap; } /* > : core flex layout nustato vaikams margin: 0 */

/* Plaukiojantis „Skambinti“ mygtukas (inc/call-button.php): apskritimas apačioje dešinėje, atsiranda nuslinkus žemiau hero
   (main.js .is-visible). Desktop'e užvedus išsiplečia į kairę ir parodo numerį – tas pats 0fr → 1fr būdas kaip .service-arrow. */
.call-fab {
  position: fixed;
  right: var(--gutter);
  bottom: calc(var(--gutter) + env(safe-area-inset-bottom));
  z-index: var(--z-header);
  display: inline-grid;
  grid-template-columns: 0fr auto;
  align-items: center;
  height: calc(var(--space-12) + var(--space-2));
  padding: 0 var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--clr-accent);
  color: var(--clr-white);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  transform: translateY(var(--space-4));
  pointer-events: none;
  transition:
    opacity var(--transition-base),
    transform var(--transition-base),
    grid-template-columns var(--transition-base),
    background-color var(--transition-base);
}

.call-fab.is-visible { opacity: 1; transform: none; pointer-events: auto; }
html.has-menu-open .call-fab { opacity: 0; pointer-events: none; }

.call-fab svg { width: var(--size-icon-lg); height: var(--size-icon-lg); }

.call-fab-label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
}

.call-fab-label > span { padding-right: var(--space-3); }

.call-fab:hover,
.call-fab:focus-visible { background: color-mix(in srgb, var(--clr-accent), var(--clr-dark) var(--hover-mix)); }

@media (hover: hover) {
  .call-fab:hover,
  .call-fab:focus-visible { grid-template-columns: 1fr auto; }
}

.menu-toggle { display: none; color: var(--clr-white); }
.menu-toggle svg { width: var(--size-icon-lg); height: var(--size-icon-lg); }
.menu-toggle .menu-toggle-close,
.site-header.is-menu-open .menu-toggle .menu-toggle-open { display: none; }
.site-header.is-menu-open .menu-toggle .menu-toggle-close { display: block; }

/* ==========================================================================
   HERO (core/cover, stilius „hero“)
   ========================================================================== */
.wp-block-cover.is-style-hero {
  height: 100vh;
  min-height: var(--hero-min-height);
  padding: 0;
}

.wp-block-cover.is-style-hero .wp-block-cover__inner-container { padding-left: var(--gutter); padding-right: var(--gutter); }

.wp-block-cover .hero-content > * { max-width: var(--measure-sm); } /* constrained grupė: vaikai iki --measure-sm, kairėje (justifyContent: left) */

.stars {
  color: #f0ad4e; /* vienetinė komponento spalva (reitingo geltona), ne temos – sąmoninga išimtis */
  font-size: var(--text-base);
  letter-spacing: var(--letter-spacing-normal);
}

/* ==========================================================================
   CTA (manomac/cta): antraštė | tekstas | mygtukas
   Struktūra fiksuota (.cta-title, .cta-text, .cta-action); mygtuko spalva – iš varianto.
   ========================================================================== */
.cta--accent { background: var(--clr-accent); }
.cta--dark { background: var(--clr-dark); }

.cta .cta-title { color: var(--clr-white); font-weight: var(--font-weight-semibold); }
.cta .cta-text { color: var(--clr-white); line-height: var(--line-height-relaxed); }

/* Mygtukas: juostoje baltas, akcento kortelėje tamsus, tamsioje kortelėje akcentinis (theme.json numatytasis) */
.cta--strip .cta-button { background: var(--clr-white); color: var(--clr-dark); }
.cta--strip .cta-button:hover { background: var(--clr-dark); color: var(--clr-white); }
.cta--card.cta--accent .cta-button { background: var(--clr-dark); color: var(--clr-white); }
.cta--card.cta--accent .cta-button:hover { background: var(--clr-white); color: var(--clr-dark); }

/* Juosta per visą plotį (remonto sekimas) */
.cta--strip > .cta-inner {
  max-width: var(--container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--grid-tracking);
  align-items: center;
}

.cta--strip > .cta-inner > * { padding: var(--space-8); }

.cta--strip .cta-title { font-size: var(--text-h4); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-subtle); }
.cta--strip .cta-text { font-size: var(--text-base); }

/* Kortelė konteineryje */
.cta--card {
  border-radius: var(--radius-lg);
  padding: var(--space-3);
  display: grid;
  grid-template-columns: var(--grid-strip);
  align-items: center;
}

.cta--card .cta-title { padding: var(--space-8) var(--space-10); font-size: var(--text-h3); line-height: var(--line-height-snug); letter-spacing: var(--letter-spacing-normal); }
.cta--card .cta-text { padding: var(--space-8) var(--space-8) calc(var(--space-8) + var(--space-4)); font-size: var(--text-lead); } /* apačioje +16: originalo p margin-bottom */
.cta--card .cta-action { padding: var(--space-8); text-align: right; }
.cta--card .cta-button { padding: var(--space-3) var(--space-6); } /* mažas mygtukas */

/* CTA kortelių sąrašas: 48 + pirmos kortelės 32 viršuje, 48 + paskutinės 24 apačioje */
.cta-list { padding: var(--space-20) 0 calc(var(--space-12) + var(--space-6)); }
.how + .cta-list,
.contacts + .cta-list { padding-top: 0; } /* po baltos sekcijos su savo apatiniu tarpu – antro tarpo nereikia */
.prices + .how { padding-top: var(--space-12); } /* kainos be mygtuko baigiasi 48 px – iš viso 96 px (iMac darbų kortelės) */
.cta-list + .process { padding-top: var(--space-6); } /* po CTA kortelių (72 px apačioje) – iš viso 96 px, kaip tarp kitų sekcijų */

/* ==========================================================================
   APIE MUS
   ========================================================================== */
.about { padding: var(--space-24) 0 var(--space-12); }

.about-row { max-width: var(--container); margin-left: auto; margin-right: auto; } /* konteineris be gutter'ių – juos duoda stulpelių padding */

/* Two Images (manomac/two-images): dvi portretinės nuotraukos, antra pastumta žemyn */
.two-images { display: flex; align-items: flex-start; gap: var(--space-6); }

.two-images img {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  aspect-ratio: var(--aspect-portrait);
  object-fit: cover;
  border-radius: var(--radius-xl);
}

.two-images img:nth-child(2) { margin-top: var(--space-16); } /* antra – žemiau, pagal dizainą (pozicinė) */

/* Privalumai (manomac/feature): ikona | antraštė + tekstas, vienas po kito */
.feature { display: flex; align-items: flex-start; gap: var(--space-4); }

.feature .feature-icon { flex: 0 0 auto; width: var(--size-icon-xl); height: var(--size-icon-xl); }

.feature .feature-title {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-subtle);
  color: var(--clr-dark);
  margin-bottom: var(--space-1);
}

/* ==========================================================================
   REMONTO KAINOS
   ========================================================================== */
/* 48 sekcijos + 64 antraštės viršuje; 48 + 32 mygtuko apačioje */
.prices { padding: calc(var(--space-12) + var(--space-16)) 0 var(--space-20); }
.prices:not(:has(.wp-block-buttons)) { padding-bottom: var(--space-12); } /* be mygtuko – be jo paraštės */

.prices.wp-block-group > * { max-width: var(--measure-lg); } /* sąrašas, pastaba ir antraštė – iki --measure-lg, centre */

.price-list { list-style: none; margin: 0 auto; padding: 0; }

.price-list > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-6);
  border-bottom: var(--border-width) solid var(--clr-text);
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-4);
}

.price-list > li:last-child { border-bottom: 0; margin-bottom: 0; }

/* Variantas su aprašymais (vidiniai puslapiai): kaina lygiuojama į pavadinimo baseline */
.price-list--detailed > li { align-items: baseline; }
.price-list--detailed .price-value { white-space: normal; text-align: right; } /* kainos variantai – atskiromis eilutėmis */
/* Modelio puslapis: kainų lentelė kaip kainų puslapyje – 840 px, centre */
.model-prices-section { padding: var(--space-24) 0; }
.model-prices-section .model-prices { max-width: var(--measure-lg); margin-left: auto; margin-right: auto; } /* viršų duoda grupės tarpas po antrašte */
/* Varianto pavadinimas („Kokybiškas analogas“) – mažas prierašas prieš kainą */
.price-variant-label { margin-right: var(--space-1); font-size: var(--text-sm); font-weight: normal; color: var(--clr-text); }
.model-prices .price-variant { display: block; white-space: nowrap; } /* kainos variantas niekada nelūžta per vidurį */ /* (0,2,0) – stipriau už WP layout max-width */
.model-prices .price-note { margin-top: var(--space-5); font-size: var(--text-caption); }

.model-card .model-card-placeholder { width: var(--space-24); margin: var(--space-4) auto; }
.model-prices-row { display: grid; grid-template-columns: var(--grid-4) auto; gap: var(--space-3); align-items: end; padding: var(--space-3) 0; border-bottom: var(--border-width) solid var(--clr-light); } /* tik redaktoriuje */
.model-prices-flag { grid-column: 1 / -1; } /* varnelė „Rodyti modale“ – atskira eilutė po laukais */
.price-item { display: flex; flex-direction: column; gap: var(--space-2); max-width: var(--measure-md); }
.price-desc { font-size: var(--text-sm); line-height: var(--line-height-relaxed); color: var(--clr-text); } /* ne --clr-muted: 13px šviesiai pilkas ant balto neįskaitomas */

.price-name {
  font-size: var(--text-lead);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
  color: var(--clr-dark); /* ne --clr-text: pilka ant šviesaus fono sunkiai įskaitoma */
  max-width: var(--measure-md);
}

.price-value {
  font-size: var(--text-lead);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
  color: var(--clr-dark);
  white-space: nowrap;
}

/* ==========================================================================
   PASLAUGŲ KORTELĖS (manomac/services)
   ========================================================================== */
.services {
  background: var(--clr-light);
  padding: var(--space-24) 0;
  overflow-x: clip;                /* tinklelis išeina už konteinerio – 100vw su scrollbar'u neturi sukurti horizontalaus scroll'o */
}

.services-grid {
  display: grid;
  grid-template-columns: var(--grid-4);
  gap: var(--space-5);
  margin: 0 calc(0px - var(--services-bleed)); /* tinklelis platesnis už konteinerį po --services-bleed į abi puses */
}

.services-intro {
  align-self: end;                 /* tekstas lygiuojasi su kortelių turiniu apačioje, ne centre */
  padding: var(--space-4) var(--space-6) var(--space-8) var(--space-8);
}

.services-intro .wp-block-heading { margin-bottom: var(--space-5); }

.service-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;                                /* visos eilutės kortelės vienodo aukščio */
  min-height: var(--service-card-height);      /* ilgesnis tekstas kortelę paaukština, o ne nukerpa */
  padding: var(--space-8);
  border-radius: var(--radius-lg);
  overflow: hidden;
  color: var(--clr-white);
  isolation: isolate;
}

.service-bg {
  position: absolute;
  inset: 0;
  z-index: var(--z-back);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
  transform: scale(var(--scale-zoom));
}

.service-card:hover .service-bg { transform: none; }

.service-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--z-behind);
  background: var(--clr-overlay);
}

/* Tamsi kortelė (be nuotraukos): fonas tiesiog spalva, overlay nereikia */
.service-card--dark { background: var(--clr-dark); }
.service-card--dark::after { content: none; }

.service-card h3 {
  font-size: var(--text-h6);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-subtle);
  color: var(--clr-white);
  margin-bottom: var(--space-2);
}

.service-card-content p {
  font-size: var(--text-base);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-6);
}

/* Rodyklės pill: užvedus ant kortelės jis išsiplečia ir išryškėja etiketė.
   Plotis animuojamas per grid stulpelį 0fr → 1fr, todėl etiketei nereikia fiksuoto pločio. */
.service-arrow {
  display: inline-grid;
  grid-template-columns: 0fr auto;
  align-items: center;
  background: var(--clr-accent);
  border-radius: var(--radius-pill);
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-base);       /* ne --text-lead: 18px pill'e per didelis */
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-snug);
  transition:
    grid-template-columns var(--transition-base),
    background-color var(--transition-base);
}

.service-arrow-label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: opacity var(--transition-base);
}

.service-arrow-label > span { padding-right: var(--space-2); }

.service-card:hover .service-arrow,
.service-card:focus-visible .service-arrow {
  grid-template-columns: 1fr auto;
  background: color-mix(in srgb, var(--clr-accent), var(--clr-dark) var(--hover-mix));
}

.service-card:hover .service-arrow-label,
.service-card:focus-visible .service-arrow-label { opacity: 1; }

/* ==========================================================================
   POSTS SLIDER (manomac/posts-slider)
   ========================================================================== */
.posts {
  padding: var(--space-20) 0 var(--space-32);
  overflow-x: clip;
}

.posts .container { container-type: inline-size; } /* --post-card-width matuojamas cqw nuo šio konteinerio */

.posts-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-8);
  padding: 0 var(--space-8);
  margin-bottom: var(--space-20);
}

.posts-head-text { flex: 1; }

.posts-head-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 0 0 auto;
  margin-top: var(--space-20);
}

.posts-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-control);
  height: var(--size-control);
  border: var(--border-width) solid var(--clr-muted);
  border-radius: var(--radius-pill);
  color: var(--clr-dark);
  transition:
    background-color var(--transition-base),
    color var(--transition-base),
    border-color var(--transition-base);
}

.posts-arrow svg { width: var(--size-icon-md); height: var(--size-icon-md); }

.posts-arrow:hover:not(:disabled) {
  background: var(--clr-dark);
  border-color: var(--clr-dark);
  color: var(--clr-white);
}

.posts-arrow:disabled { color: var(--clr-muted); cursor: default; }

.posts-head .posts-title { margin-bottom: var(--space-6); }
.posts-head .posts-text { max-width: var(--measure-sm); }

/* Bėgis: prasideda konteinerio kairiame krašte, baigiasi lango dešiniame. */
.posts-track {
  display: flex;
  gap: var(--posts-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline-start: var(--posts-track-pad);
  scrollbar-width: none;
  padding: var(--posts-track-pad) var(--gutter) var(--posts-track-pad) var(--posts-track-pad);
  margin: calc(0px - var(--posts-track-pad)) var(--bleed-right) calc(0px - var(--posts-track-pad)) calc(0px - var(--posts-track-pad));
}

.posts-track::-webkit-scrollbar { display: none; }

.posts-track > .post-card {
  flex: 0 0 var(--post-card-width);
  scroll-snap-align: start;
}

.post-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.post-thumb {
  display: block;
  aspect-ratio: var(--aspect-landscape);
  overflow: hidden;
}

.post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-badge {
  position: absolute;
  top: var(--space-5);
  right: var(--space-5);
  background: var(--clr-accent);
  color: var(--clr-white);
  font-size: var(--text-caption);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-subtle);
  line-height: var(--line-height-snug);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-pill);
}

.post-body { padding: 0 var(--space-8); margin-top: var(--space-10); }

.post-body .post-card-title {
  font-size: var(--text-h6);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-subtle);
  margin-bottom: var(--space-4);
}

.post-body .post-card-title a { color: var(--clr-dark); transition: color var(--transition-base); }
.post-body .post-card-title a:hover { color: var(--clr-accent); }

.post-excerpt { color: var(--clr-text); margin-bottom: var(--space-8); }

.post-more {
  display: inline-block;
  font-size: var(--text-base);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-snug);
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: var(--space-6);
}

.post-meta {
  margin-top: auto;
  border-top: var(--border-width) solid var(--clr-muted);
  padding: var(--space-4) var(--space-8);
  font-size: var(--text-sm);
  color: var(--clr-text);
}

/* ---------- Patarimų puslapis (manomac/posts-grid) ir pavienis įrašas ---------- */
.posts-archive-section { padding: var(--space-24) 0; }
.posts-grid { display: grid; grid-template-columns: var(--grid-3); gap: var(--posts-gap); }

.posts-pagination { margin-top: var(--space-16); }
.posts-pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-2); }
.posts-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size-control);
  height: var(--size-control);
  padding: 0 var(--space-3);
  border: var(--border-width) solid var(--clr-muted);
  border-radius: var(--radius-pill);
  color: var(--clr-dark);
  font-size: var(--text-base);
  transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}
.posts-pagination a.page-numbers:hover,
.posts-pagination .page-numbers.current { background: var(--clr-dark); border-color: var(--clr-dark); color: var(--clr-white); }
.posts-pagination .page-numbers.dots { border-color: transparent; }

/* Įrašo hero: kategorija · data · skaitymo trukmė, H1, įžanga (ištrauka) */
.post-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); font-size: var(--text-base); color: var(--clr-muted); }
.page-hero .page-hero-inner > .post-hero-meta { margin-bottom: var(--space-8); } /* (0,3,0) – WP flow layout nulina vaikų paraštes */
.post-hero-cat {
  display: inline-block;
  padding: var(--space-1) var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--clr-accent);
  color: var(--clr-white);
  font-size: var(--text-caption);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-subtle);
  transition: background-color var(--transition-base);
}
.post-hero-cat:hover { background: var(--clr-white); color: var(--clr-dark); }
.page-hero.post-hero .page-hero-inner > h1 { max-width: none; } /* straipsnių pavadinimai ilgi – visas hero plotis */
.post-hero-lead { max-width: var(--measure-md); }
.post-hero-lead p { font-size: var(--text-lead); color: var(--clr-muted); }

/* Įrašas: vienas skaitymo stulpelis – nuotrauka, turinys („Šiame straipsnyje“), tekstas, susijusi paslauga */
.post-single { padding: var(--space-8) 0 var(--space-24); } /* viršuje – kelias iškart po hero */
.post-single .post-main { max-width: var(--measure-lg); } /* kairėje – viena linija su hero tekstu ir keliu (vidinė grupė – be centravimo) */
.post-single .post-single-image { margin-bottom: var(--space-12); }
.post-single .post-single-image img { border-radius: var(--radius-lg); }

/* Straipsnio tipografija */
.post-single-content { font-size: var(--text-lead); line-height: var(--line-height-relaxed); color: var(--clr-text); }
.post-main .post-single-content > * + * { margin-top: var(--space-5); } /* (0,2,0) – stipriau už WP flow layout nulinimą */
.post-main .post-single-content > h2 { font-size: var(--text-h4); line-height: var(--line-height-tight); color: var(--clr-dark); margin-top: var(--space-16); scroll-margin-top: var(--space-32); }
.post-main .post-single-content > h3 { font-size: var(--text-h6); line-height: var(--line-height-normal); color: var(--clr-dark); margin-top: var(--space-10); }
.post-main .post-single-content > h2 + *, .post-main .post-single-content > h3 + * { margin-top: var(--space-4); }
.post-single-content strong { color: var(--clr-dark); font-weight: var(--font-weight-semibold); }
.post-single-content a { color: var(--clr-accent); text-decoration: underline; text-underline-offset: var(--space-1); }
.post-single-content a:hover { color: var(--clr-dark); }
.post-single-content ul, .post-single-content ol { padding-left: var(--space-6); }
.post-single-content li + li { margin-top: var(--space-2); }
.post-single-content li::marker { color: var(--clr-accent); }
.post-single-content .wp-block-quote { margin-left: 0; margin-right: 0; padding: var(--space-6) var(--space-8); background: var(--clr-light); border-left: var(--space-1) solid var(--clr-accent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-style: normal; }
.post-single-content .wp-block-quote p { margin: 0; color: var(--clr-dark); }
.post-single-content .wp-block-quote p + p { margin-top: var(--space-3); }
.post-single-content .wp-block-quote cite { display: none; }

/* „Šiame straipsnyje“ – kompaktiškas blokas straipsnio viršuje */
.post-main > .post-toc { margin-bottom: var(--space-12); padding: var(--space-6) var(--space-8); border-radius: var(--radius-lg); background: var(--clr-light); }
.post-toc-title { margin-bottom: var(--space-4); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); text-transform: uppercase; color: var(--clr-dark); }
.post-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; columns: 2; column-gap: var(--space-10); }
.post-toc li { counter-increment: toc; display: flex; gap: var(--space-3); break-inside: avoid; padding: var(--space-1) 0; font-size: var(--text-base); line-height: var(--line-height-snug); }
.post-toc li::before { content: counter(toc, decimal-leading-zero); flex: 0 0 auto; color: var(--clr-accent); font-weight: var(--font-weight-semibold); font-size: var(--text-sm); line-height: inherit; }
.post-toc a { color: var(--clr-dark); transition: color var(--transition-base); }
.post-toc a:hover { color: var(--clr-accent); }

/* Susijusi paslauga – juosta po straipsniu (vidinė nuoroda į paslaugos puslapį + rezervacija) */
.post-main > .post-service { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6) var(--space-10); margin-top: var(--space-16); padding: var(--space-8) var(--space-10); border-radius: var(--radius-lg); background: var(--clr-dark); color: var(--clr-white); }
.post-service-label { margin-bottom: var(--space-2); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); color: var(--clr-accent); }
.post-service-title { margin-bottom: var(--space-2); font-size: var(--text-h6); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal); }
.post-service-title a { color: var(--clr-white); transition: color var(--transition-base); }
.post-service-title a:hover { color: var(--clr-accent); }
.post-service-text { font-size: var(--text-base); color: var(--clr-muted); }
.post-service-actions { display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 auto; gap: var(--space-4); }
.post-service-actions .wp-element-button { padding: var(--space-3) var(--space-6); font-size: var(--text-base); }
.post-service-link { font-size: var(--text-base); color: var(--clr-white); border-bottom: var(--border-width) solid currentColor; }
.post-service-link:hover { color: var(--clr-accent); }

/* Planšetė ir telefonas – po pagrindinėmis taisyklėmis, kad jas perrašytų */
@media (max-width: 1024px) {
  .posts-grid { grid-template-columns: var(--grid-2); } /* patarimų tinklelis planšetėje */
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer .footer-logo.wp-block-site-logo img { width: var(--size-logo); height: auto; }

.footer-main { max-width: var(--container); margin-left: auto; margin-right: auto; } /* konteineris be gutter'ių */

.footer-brand > p {
  max-width: var(--measure-xs);
  margin: var(--space-6) 0 var(--space-16);
}

.footer-social .wp-social-link a { transition: color var(--transition-base); }
.footer-social .wp-social-link a:hover { color: var(--clr-white); }

.site-footer .footer-cols { padding: var(--space-8) var(--space-8) var(--space-8) var(--space-24); }

.site-footer .footer-links { letter-spacing: var(--letter-spacing-normal); } /* meniu letter-spacing (theme.json) – tik header'iui */
.footer-links .wp-block-navigation-item { padding: var(--space-2) 0; }
.footer-links .wp-block-navigation-item__content { transition: color var(--transition-base); }
.footer-links .wp-block-navigation-item__content:hover { color: var(--clr-white); }

.footer-contacts > .wp-block-group { padding: var(--space-2) 0; }
.footer-contacts .footer-contact-icon { flex: 0 0 auto; margin-top: var(--space-1); }
.footer-contacts a { transition: color var(--transition-base); }
.footer-contacts .wp-block-group:hover a { color: var(--clr-white); }
.footer-contacts .wp-block-group:hover img { filter: brightness(2); } /* ikona (#b6b6b6 svg) → balta kartu su tekstu */

.footer-bottom { border-top: var(--border-width) solid var(--clr-text); }
.footer-bottom-inner a { transition: color var(--transition-base); }
.footer-bottom-inner a:hover { color: var(--clr-white); }

/* ==========================================================================
   VIDINIAI PUSLAPIAI — bendri komponentai
   ========================================================================== */

/* ---------- Puslapio hero (grupė: tamsi, per visą plotį) ---------- */
/* Viršutinis padding = fiksuoto header'io aukštis + kvėpavimas */
.page-hero { padding: calc(var(--space-32) + var(--space-6)) 0 var(--space-24); }

.page-hero .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  font-size: var(--text-base);
  color: var(--clr-text);
  margin-bottom: var(--space-6);
}

.breadcrumbs > span { display: contents; } /* Yoast apgaubia kelią vienu <span> – elementai lieka nav flex vaikais */
.breadcrumbs a { color: var(--clr-accent); transition: color var(--transition-base); }
.breadcrumbs a:hover { color: var(--clr-white); }

/* Įrašo kelias – po hero, šviesiame fone */
.post-single .post-breadcrumbs { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-12); font-size: var(--text-sm); color: var(--clr-text); }
.post-single .post-breadcrumbs a:hover { color: var(--clr-dark); }

.page-hero .page-hero-inner > h1,
.page-hero .archive-title > h1 { /* sąrašo puslapių H1 (manomac/archive-title) – kaip puslapio */
  color: var(--clr-white);
  max-width: var(--measure-md);
  margin-bottom: var(--space-6); /* ir kai antraštė paskutinė – originale paraštė lieka */
}

.page-hero .page-hero-text {
  max-width: var(--measure-md); /* kaip H1 – tekstas ir antraštė viena kolona */
  font-size: var(--text-lead);
  color: var(--clr-muted);
}

.page-hero .page-hero-inner > .wp-block-buttons,
.page-hero .page-hero-text-col > .wp-block-buttons { margin-top: var(--space-10); } /* kaip hero: tekstas → mygtukai */

/* Hero su nuotrauka (modelio puslapis): tekstas | nuotrauka šviesioje kortelėje (Apple nuotraukos dažnai baltu fonu) */
.page-hero .page-hero-inner--media {
  display: grid;
  grid-template-columns: var(--grid-2);
  gap: var(--space-16);
  align-items: center;
}

.page-hero .page-hero-text-col > h1 { color: var(--clr-white); max-width: var(--measure-md); margin-bottom: var(--space-6); }

.page-hero .page-hero-image {
  margin: 0;
  padding: var(--space-8);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
}

.page-hero .page-hero-image img { width: 100%; height: auto; object-fit: contain; } /* natūralios proporcijos – kortelė apgaubia nuotrauką */

/* ---------- Sąrašas su taškais (turinio sąrašai) ---------- */
ul.wp-block-list { list-style: disc; padding-left: var(--space-10); margin: 0; }
ol.wp-block-list { padding-left: var(--space-10); margin: 0; }

/* ---------- Kodėl rinktis: nuotrauka | tekstas ---------- */
.why { padding: var(--space-24) 0; }

.why-img img { width: 100%; border-radius: var(--radius-lg); }
.why-img .is-contain img { border-radius: 0; } /* permatomos PNG iliustracijos */

.why-text h2 { margin-bottom: var(--space-5); }
.why-text.wp-block-column > p { margin-bottom: var(--space-6); }
.why-text .wp-block-list { margin-bottom: 0; }
.why-text.wp-block-column > .wp-block-list + p { margin-top: var(--space-6); margin-bottom: 0; } /* pastraipa po sąrašo */
@media (min-width: 1025px) {
  .why--reverse .wp-block-columns { flex-direction: row-reverse; } /* nuotrauka dešinėje; siauriau – kaip visur, nuotrauka viršuje */
}

/* ---------- Remontas pagal modelį (manomac/models) ---------- */
.models { padding: var(--space-24) 0; }

.models-head .models-title { text-align: center; margin-bottom: var(--space-5); }

.models-head p {
  max-width: var(--measure-md);
  margin: 0 auto var(--space-16);
  text-align: center;
}

/* Kompaktiškas: kainų sekcijos tęsinys – be viršutinio tarpo, H3, mažesnis tarpas iki kortelių */
.models.models--compact { padding-top: 0; }
.models--compact .models-head .models-title { font-size: var(--text-h5); line-height: var(--line-height-normal); margin-bottom: var(--space-3); }
.models--compact .models-head p { margin-bottom: var(--space-10); }

/* Išskleidžiama užuomina po įžanga („Kaip rasti savo MacBook modelį?“) – core/details globaliame bloke */
/* Antraštė ir įžanga – per visą plotį; paieška ir „Kaip rasti…“ – vienoje eilutėje po jomis */
.models-head { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: var(--space-6); }
.models-head > * { flex: 0 0 100%; }
.models-head > p { max-width: none; padding-inline: max(0px, calc((100% - var(--measure-md)) / 2)); } /* visa eilutė (kad paieška nešoktų šalia), tekstas – siauras centre */
.models-head > .models-search, .models-head > details { flex: 0 1 auto; }
.models-head > .models-search { order: 1; }
.models-head:has(> .models-search:not([hidden])) { align-items: baseline; }
.models-head > details { order: 2; }
.models-head p:has(+ details),
.models--compact .models-head p:has(+ details) { margin-bottom: var(--space-6); }
.models-head details,
.models-head .models-search { margin-top: 0; margin-bottom: var(--space-12); text-align: center; }
.models--compact .models-head details,
.models--compact .models-head .models-search { margin-bottom: var(--space-10); }
.models-head .models-search[hidden] { display: none; }

.models-search { position: relative; }
.models-search-icon {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  color: var(--clr-text);
  pointer-events: none;
  transition: color var(--transition-base);
}
.models-search:focus-within .models-search-icon { color: var(--clr-accent); }
.models-search-input { /* lengvas laukelis – tik apatinė linija, kaip nuoroda šalia */
  width: var(--measure-xs);
  max-width: 100%;
  padding: var(--space-1) 0 var(--space-1) var(--space-8); /* vieta ikonai kairėje */
  border: 0;
  border-bottom: var(--border-width) solid var(--clr-muted);
  border-radius: 0;
  background: transparent;
  color: var(--clr-dark);
  font: inherit;
  font-size: var(--text-base);
  line-height: var(--line-height-snug);
  transition: border-color var(--transition-base);
}
.models-search-input::placeholder { color: var(--clr-text); }
.models-search-input:focus { outline: none; border-color: var(--clr-accent); }

.models-noresults { text-align: center; color: var(--clr-text); max-width: var(--measure-md); margin: 0 auto; }
.models-head summary {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  color: var(--clr-accent);
  border-bottom: var(--border-width) dashed currentColor;
}
.models-head summary::-webkit-details-marker { display: none; }
.models-head details p { margin: var(--space-4) auto 0; }

/* Kortelė ~180px: 1216px konteineryje telpa 6, siauriau persirikiuoja pats (auto-fill).
   Iš pradžių rodomos 2 eilutės (12), kitas atidengia mygtukas „Rodyti daugiau modelių“ (main.js). */
.models-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--measure-xs) / 2), 1fr));
  gap: var(--space-6);
}

.models-grid > .model-card[hidden] { display: none; }

.models-more { margin-top: var(--space-10); text-align: center; }
.models-more[hidden] { display: none; }

.models-more-button {
  font: inherit;
  font-size: var(--text-lead);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-snug);
  padding: var(--space-4) var(--space-8);
  border: var(--border-width) solid var(--clr-dark);
  border-radius: var(--radius-pill);
  background: var(--clr-white);
  color: var(--clr-dark);
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base);
}

.models-more-button:hover { background: var(--clr-dark); color: var(--clr-white); }

/* ---------- Modelio modalas (kainos paspaudus kortelę) ---------- */
html:has(.model-dialog[open]) { overflow: hidden; } /* puslapis po modalu neslenka */

.model-dialog {
  width: calc(100% - 2 * var(--gutter));
  max-width: var(--measure-md);
  max-height: calc(100% - 2 * var(--gutter));
  padding: 0;
  border: 0;
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  color: var(--clr-text);
  box-shadow: var(--shadow-lg);
}

.model-dialog[open] { display: flex; flex-direction: column; }
.model-dialog::backdrop { background: var(--clr-overlay); }

.model-dialog-close {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  display: grid;
  place-items: center;
  width: var(--space-10);
  height: var(--space-10);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--clr-light);
  color: var(--clr-dark);
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base);
}

.model-dialog-close:hover { background: var(--clr-dark); color: var(--clr-white); }
.model-dialog-close svg { width: var(--size-icon-md); height: var(--size-icon-md); }

.model-dialog-head {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-8) var(--space-16) var(--space-6) var(--space-8); /* dešinėje – vieta uždarymo mygtukui */
}

.model-dialog-image { flex: 0 0 auto; width: var(--space-32); aspect-ratio: var(--aspect-landscape); object-fit: contain; }
.model-dialog-image[hidden] { display: none; }

.model-dialog-label { font-size: var(--text-sm); color: var(--clr-accent); font-weight: var(--font-weight-semibold); margin-bottom: var(--space-1); }

.model-dialog .model-dialog-title {
  font-size: var(--text-h6);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  color: var(--clr-dark);
}

.model-dialog-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 var(--space-8) var(--space-6); }

.model-dialog-status:empty { display: none; }
.model-dialog .price-variant { display: block; white-space: nowrap; }
.model-dialog .price-name,
.model-dialog .price-value { font-size: var(--text-base); } /* modale sąrašas kompaktiškesnis nei puslapyje */


.model-dialog-more { display: inline-block; margin-top: var(--space-4); color: var(--clr-accent); font-weight: var(--font-weight-semibold); }
.model-dialog-more::after { content: ' →'; }

.model-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-5) var(--space-8) var(--space-8);
  border-top: var(--border-width) solid var(--clr-light);
}

.model-dialog-actions .wp-element-button,
.model-dialog-secondary {
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-base);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-snug);
  border-radius: var(--radius-pill);
  text-align: center;
}

.model-dialog-secondary {
  border: var(--border-width) solid var(--clr-dark);
  color: var(--clr-dark);
  transition: background-color var(--transition-base), color var(--transition-base);
}

.model-dialog-secondary:hover { background: var(--clr-dark); color: var(--clr-white); }

/* Mažas modalas – užuomina „Kaip rasti savo MacBook modelį?“ (turinys iš core/details) */
.model-dialog--hint { max-width: var(--measure-sm); }
.model-dialog--hint .model-dialog-head { padding-bottom: var(--space-4); }
.model-dialog--hint .model-dialog-body { padding-bottom: var(--space-8); color: var(--clr-text); }
.model-dialog--hint .model-dialog-body p { margin: 0 0 var(--space-5); }
.model-dialog--hint .wp-block-image { margin: 0; }
.model-dialog--hint .wp-block-image img { display: block; width: 100%; height: auto; border-radius: var(--radius-md); }

.model-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-align: center;
  transition: box-shadow var(--transition-base);
}

.model-card:hover { box-shadow: var(--shadow-lg); }

.model-card img { width: 100%; aspect-ratio: var(--aspect-landscape); object-fit: contain; } /* skirtingų proporcijų Apple nuotraukos – vienodas plotas */

.model-card h3 {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  color: var(--clr-dark);
}

/* ---------- Kaip vyksta remontas (žingsniai): įžanga | 2×2 žingsnių tinklelis ---------- */
.process { padding: var(--space-24) 0; }

/* Įžangos stulpelis ribojamas --measure-xs, kad antraštės lūžtų pačios (be <br>) */
.process-intro > * { max-width: var(--measure-xs); }
.process-intro h2 { margin-bottom: var(--space-5); }

.step h3 {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  color: var(--clr-dark);
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--clr-text);
}

/* ---------- Tekstinis blokas (gedimai, garantija, apie kainas) ---------- */
.text-block { padding: var(--space-24) 0; }

.text-block h2 { margin-bottom: var(--space-5); }
.text-block h2:not(:first-child) { margin-top: var(--space-12); }

.text-block.wp-block-group > h2,
.text-block.wp-block-group > h3 { max-width: var(--measure-lg); } /* antraštės – to paties pločio kaip tekstas */

.text-block.wp-block-group > p,
.text-block.wp-block-group > .wp-block-list {
  max-width: var(--measure-lg);
  margin-bottom: var(--space-6);
}

/* ---------- DUK (grupė .faq + manomac/accordion) ---------- */
.faq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--space-24) 0;
  color: var(--clr-white);
  background: var(--clr-dark);
}

/* Nuotrauka – atskiras sluoksnis, --scale-zoom kartų didesnis už sekciją. Slenkant per ekraną
   jis pasislenka lygiai per tą perteklių (lengvas parallax, scroll-driven animation be JS;
   naršyklėse be palaikymo lieka statinis). Sekcijos aukštį fiksuoja JS (žr. main.js),
   todėl atidarant klausimus nuotrauka nepersiskaičiuoja. */
.faq::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--z-back);
  background: url('../img/faq-bg.jpg') center / cover no-repeat;
  scale: var(--scale-zoom);
  animation: faq-parallax linear both;
  animation-timeline: view();
}

@keyframes faq-parallax {
  from { translate: 0 calc((var(--scale-zoom) - 1) * -50%); }
  to   { translate: 0 calc((var(--scale-zoom) - 1) * 50%); }
}

@media (prefers-reduced-motion: reduce) {
  .faq::after { animation: none; }
}

.faq::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--z-behind);
  background: var(--gradient-hero);
}

/* Turinys užima kairę pusę (originalo .faq-row grid 1fr 1fr) */
.faq .faq-content { width: 50%; }

.faq h2 { color: var(--clr-white); margin-bottom: var(--space-8); }

.faq .faq-content > .accordion {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-8);
}

.accordion-trigger {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  background: var(--clr-white);
  color: var(--clr-dark);
  font: inherit;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  border: 0;
  cursor: pointer;
}

.accordion-trigger svg {
  flex: 0 0 auto;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  transition: transform var(--transition-base);
}

.accordion-item.is-open .accordion-trigger svg { transform: scaleY(-1); }

/* Aukščio animacija: 0fr → 1fr; visibility persijungia pradžioje (atidarant) / pabaigoje (uždarant) */
.accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows var(--transition-base), visibility var(--transition-base);
}

.accordion-item.is-open .accordion-panel { grid-template-rows: 1fr; visibility: visible; }

.accordion-body { min-height: 0; overflow: hidden; }
.accordion-body p { padding: var(--space-4) var(--space-5); }

/* ---------- Kaip tai veikia (kurjeris, supirkimas): kortelės su numeriais ---------- */
.how { padding: var(--space-24) 0; }

.how h2 { margin-bottom: var(--space-5); }
.how p { margin-bottom: var(--space-6); }
.how p a { color: var(--clr-accent); }

/* ---------- Icon Cards (manomac/icon-cards): ikona, antraštė, tekstas; nebūtini žingsnių numeriai ---------- */
/* Automatiškai: kortelė ~180px, konteineryje telpa 5 į eilę, siauriau persirikiuoja pati */
.icon-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--measure-xs) / 2), 1fr));
  gap: var(--space-6);
  padding: 0;
  list-style: none;
}

.wp-block-group > .icon-cards { margin: var(--space-12) 0; } /* (0,2,0) – stipriau už WP layout paraščių nulinimą */

.icon-cards--cols-3 { grid-template-columns: var(--grid-3); }
.icon-cards--cols-4 { grid-template-columns: var(--grid-4); }
.icon-cards--cols-5 { grid-template-columns: repeat(5, 1fr); }

.wp-block-group > .icon-cards:last-child { margin-bottom: 0; } /* kai kortelės sekcijoje paskutinės – tarpą duoda tik sekcijos padding */

.icon-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-6);
  background: var(--clr-light);
  border-radius: var(--radius-lg);
  text-align: center;
}

.icon-cards--steps .icon-card { padding-top: var(--space-10); } /* vieta numeriui */

.icon-card .icon-card-icon { width: var(--space-16); }

.icon-card .icon-card-title {
  font-size: var(--text-h6);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  color: var(--clr-dark);
}

.icon-card .icon-card-text { color: var(--clr-text); margin-bottom: var(--space-6); } /* kaip originalo .how p */

/* Kortelė-nuoroda (antraštėje <a>, pvz. iMac darbų apžvalga → skyrius žemiau): paspaudžiama visa kortelė */
.icon-card .icon-card-title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.icon-card .icon-card-title a { transition: color var(--transition-base); }
.icon-card:hover .icon-card-title a,
.icon-card .icon-card-title a:focus-visible { color: var(--clr-accent); }

/* Numeris – apskritimas, kyšantis už kortelės viršutinio kairio kampo */
.icon-card-number {
  position: absolute;
  top: calc(-1 * var(--space-5));
  left: calc(-1 * var(--space-3));
  display: grid;
  place-items: center;
  width: var(--space-16);
  height: var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--clr-accent-2);
  color: var(--clr-white);
  font-size: var(--text-h5);
  font-weight: var(--font-weight-semibold);
}

.icon-card-tools { display: flex; gap: var(--space-1); } /* tik redaktoriuje */

.footnotes {
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--clr-muted);
  font-size: var(--text-sm);
}

.how .footnotes > p { margin-bottom: var(--space-3); }

/* ---------- Formos panelė (išorinė sistema) ---------- */
.form-section { padding: 0 0 var(--space-24); }
.page-hero + .form-section { padding-top: var(--space-24); } /* kai forma eina iškart po hero (rezervacija) */

.form-panel {
  padding: var(--space-12);
  background: var(--clr-light);
  border-radius: var(--radius-xl);
}

.form-panel h2 { margin-bottom: var(--space-8); }

.form-panel .form-panel-intro { margin-top: calc(-1 * var(--space-6)); margin-bottom: var(--space-8); max-width: var(--measure-md); }

/* Išorinės sistemos iframe; aukštį pagal turinį nustato main.js (postMessage iš sistemos) */
.form-embed {
  display: block;
  width: 100%;
  min-height: var(--measure-xs);
  border: 0;
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}

/* Vieta būsimai išorinei formai: kol jos nėra – „netrukus“ žinutė su telefonu (baltas blokas pilkoje panelėje) */
.form-placeholder {
  display: grid;
  place-items: center;
  min-height: var(--space-32);
  padding: var(--space-10) var(--space-8);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  text-align: center;
}

.form-placeholder a { color: var(--clr-accent); white-space: nowrap; }

/* ---------- Tamsi CTA juosta (supirkimas) – per visą plotį ---------- */
.cta-section { padding: var(--space-24) 0; }

.cta-panel img { width: 100%; border-radius: var(--radius-lg); }

.cta-panel h2 { color: var(--clr-white); margin-bottom: var(--space-5); }
.cta-panel p { color: var(--clr-muted); margin-bottom: var(--space-8); }

/* ---------- Apie ManoMac (pasakojimas) ---------- */
.story { padding: var(--space-24) 0 var(--space-12); }

.story h2 { margin-bottom: var(--space-6); }
.story p { margin-bottom: var(--space-4); }

.story .story-images { margin: var(--space-12) 0; }
.story-images img { width: 100%; aspect-ratio: var(--aspect-landscape); object-fit: cover; border-radius: var(--radius-lg); }

.story .wp-block-buttons { margin-top: var(--space-8); align-items: stretch; } /* originalo flex: mygtukai vienodo aukščio */

/* ---------- Vertybės: nuotrauka | tekstas, eilutės pakaitomis (tvarka – pačiame turinyje) ---------- */
.values { padding: var(--space-12) 0 var(--space-24); }

.value-img img { width: 100%; border-radius: var(--radius-lg); } /* natūralus 6:5 santykis, kaip gyvame */

.value-text h2,
.value-text h3 { max-width: var(--measure-xs); margin-bottom: var(--space-6); } /* antraštė lūžta pati, be <br>; h3 – kai sekcija turi bendrą h2 */
.value-text p { max-width: var(--measure-sm); }

/* ---------- Požymiai (grupė .checklist + sąrašas „Varnelės“) ---------- */
.checklist { padding: var(--space-24) 0; }
.checklist.wp-block-group > h2 { margin-bottom: var(--space-5); }
.checklist.wp-block-group > h2 { max-width: var(--measure-lg); }
.checklist.wp-block-group > p { max-width: var(--measure-lg); margin-bottom: var(--space-8); }
.checklist.wp-block-group > h2 + .wp-block-list { margin-top: var(--space-3); } /* be įžangos pastraipos */
.checklist.wp-block-group > .wp-block-list + p { margin-top: var(--space-8); } /* pastaba po sąrašu */
.checklist.wp-block-group > p:last-child { margin-bottom: 0; } /* (0,3,1) – po sąrašu gali būti kelios pastraipos */

ul.wp-block-list.is-style-checks {
  list-style: none;
  padding: 0;
  columns: 2;
  column-gap: var(--space-16);
}

ul.wp-block-list.is-style-checks > li {
  position: relative;
  break-inside: avoid;
  padding: 0 0 var(--space-4) calc(var(--size-icon-md) + var(--space-3));
  color: var(--clr-dark);
}

ul.wp-block-list.is-style-checks > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: var(--space-1);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: var(--clr-accent);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Inkarų taikiniai: fiksuotas header'is neuždengia sekcijos pradžios */
.wp-block-group[id], section[id] { scroll-margin-top: var(--space-16); }
.text-block h2[id] { scroll-margin-top: var(--space-32); } /* inkaras (pvz. iMac darbų kortelės) – po fiksuotu header'iu */

/* ---------- Kainų puslapis ---------- */
.prices.prices--page { padding: var(--space-24) 0 calc(var(--space-24) + var(--space-8)); } /* apačioje + mygtuko paraštė kaip originale */
.prices.prices--page:not(:has(.wp-block-buttons)) { padding-bottom: var(--space-12); } /* be mygtuko – tęsinys (kaina pagal modelį) eina iškart */

/* ---------- Skubus remontas: hero su kainos kortele, pasirinkimų kortelės ---------- */
/* Prierašas po hero mygtuku */
.page-hero .page-hero-note { margin-top: var(--space-4); max-width: var(--measure-sm); font-size: var(--text-sm); color: var(--clr-muted); }
.page-hero .page-hero-note a { color: var(--clr-white); white-space: nowrap; }

/* Kainos kortelė hero dešinėje (tas pats tinklelis kaip modelio hero su nuotrauka) */
.page-hero .price-card {
  justify-self: end;
  width: 100%;
  max-width: var(--measure-sm);
  padding: var(--space-10);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  color: var(--clr-text);
}

.price-card.wp-block-group > .price-card-label { margin: 0; font-size: var(--text-h6); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal); color: var(--clr-dark); }

.price-card.wp-block-group > .price-card-value {
  margin: var(--space-2) 0 var(--space-5);
  font-size: var(--text-h2);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  color: var(--clr-accent);
}

.price-card.wp-block-group > p { margin-bottom: var(--space-6); } /* aprašas; etiketė, kaina ir pastaba – savo taisyklėmis (0,3,0) */
.price-card ul.wp-block-list.is-style-checks { columns: 1; } /* siauroje kortelėje – vienas stulpelis */

.price-card.wp-block-group > .price-card-note {
  margin: var(--space-2) 0 0;
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--clr-muted);
  font-size: var(--text-sm);
}

/* Pasirinkimai po diagnostikos: šviesi sekcija, baltos kortelės, viduryje – tamsi (rekomenduojama) */
.options { padding: var(--space-24) 0; }
.options .options-inner > h2 { max-width: var(--measure-lg); margin-bottom: var(--space-5); }
.options .options-inner > p { max-width: var(--measure-lg); }

.options .option-cards {
  display: grid;
  grid-template-columns: var(--grid-3);
  gap: var(--space-6);
  margin-top: var(--space-12);
}

.option-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-8);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
}

.option-card.wp-block-group > .option-card-label { margin-bottom: var(--space-2); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); color: var(--clr-accent); }

.option-card.wp-block-group > h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h5);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-subtle);
  color: var(--clr-dark);
}

.option-card.wp-block-group > p:not(.option-card-label) { margin-bottom: var(--space-8); } /* WP 7 kiekvienai pastraipai prideda .wp-block-paragraph */

/* Kainų eilutės visada kortelės apačioje – visų trijų kortelių eilutės sutampa */
.option-card .price-list { width: 100%; margin-top: auto; }
.option-card .price-list > li { padding-bottom: var(--space-3); margin-bottom: var(--space-3); border-bottom-color: var(--clr-muted); }
.option-card .price-name,
.option-card .price-value { font-size: var(--text-base); }

.option-card--featured { background: var(--clr-dark); color: var(--clr-muted); }
.option-card--featured.wp-block-group > h3,
.option-card--featured .price-value { color: var(--clr-white); }
.option-card--featured .price-name { color: var(--clr-muted); }
.option-card--featured .price-list > li { border-bottom-color: var(--clr-text); }

/* Kainos skaičiavimo pavyzdys – išskleidžiama eilutė po kortelėmis (manomac/accordion, kaip DUK, tik balta kortelė) */
.options .options-inner > .accordion { margin-top: var(--space-6); }
.options .accordion-item { background: var(--clr-white); border-radius: var(--radius-lg); overflow: hidden; }
.options .accordion-trigger { padding: var(--space-6) var(--space-8); background: none; }
.options .accordion-body > * { max-width: var(--measure-lg); }
.options .accordion-body > p { padding: 0 var(--space-8); margin-bottom: var(--space-6); }
.options .accordion-body > p:last-child { margin-bottom: var(--space-8); font-size: var(--text-sm); }
.options .accordion-body > .price-list { margin: 0 var(--space-8) var(--space-6); }

/* ---------- Kontaktai: duomenys | žemėlapis, rekvizitai ---------- */
.contacts { padding: var(--space-24) 0; }

.contacts-info h2 { margin-bottom: var(--space-8); }

.contacts .contact-grid { display: grid; grid-template-columns: var(--grid-2); gap: var(--space-8) var(--space-6); }

.contact-item.wp-block-group > .contact-label { margin-bottom: var(--space-1); font-size: var(--text-sm); color: var(--clr-text); }

.contact-item.wp-block-group > .contact-value {
  font-size: var(--text-h6);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  color: var(--clr-dark);
}

.contact-value a { color: inherit; transition: color var(--transition-base); }
.contact-value a:hover { color: var(--clr-accent); }

.contacts.wp-block-group > .wp-block-columns + .wp-block-columns { margin-top: var(--space-16); } /* kontaktai | žemėlapis, po jais – kur rasti | nuotrauka */

.contacts-find.wp-block-column > h2 { margin-bottom: var(--space-6); }
.contacts-find.wp-block-column > p { margin-bottom: var(--space-3); }

.contacts-photo img { width: 100%; border-radius: var(--radius-lg); }

/* Žemėlapis užima visą stulpelio aukštį (stulpeliai vienodo aukščio); siaurai – bent --measure-xs */
.contacts .contacts-map { display: flex; }

.contacts-map-frame {
  display: block;
  flex: 1;
  width: 100%;
  min-height: var(--measure-xs);
  border: 0;
  border-radius: var(--radius-lg);
  background: var(--clr-light);
}

.cta-list + .company-details { padding-top: 0; }
.company-details { padding: var(--space-12) 0 var(--space-24); }

.company-details-box { padding: var(--space-8); background: var(--clr-light); border-radius: var(--radius-lg); }
.company-details-box.wp-block-group > h2 { margin-bottom: var(--space-4); color: var(--clr-dark); }
.company-details-box.wp-block-group > p { line-height: var(--line-height-relaxed); }

/* ==========================================================================
   RESPONSIVE — tik layout struktūra. Dydžiai keičiasi tokens.css.
   ========================================================================== */

/* ≤ --bp-xl (1200px): siauresniame desktope viršutinės juostos ir meniu tarpai mažesni, kad tilptų viena eilute */
@media (max-width: 1200px) {
  .site-header .header-top-inner { gap: var(--space-4); }
  .site-header .header-top-inner > .header-utility { padding-left: var(--space-4); }
  .header-nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { padding-left: var(--space-2); padding-right: var(--space-2); } /* meniu telpa viena eilute iki mobilaus */
  .header-nav > .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content { padding-right: 0; } /* rodyklė – iškart po žodžiu */
  .header-nav .wp-block-navigation__submenu-icon { margin-right: var(--space-2); }
  .header-logo { flex-basis: var(--size-logo-sm); } /* logo kaip susitraukusiame header'yje – meniu eilutei +50 px */
  .site-header .header-logo.wp-block-site-logo img { width: var(--size-logo-sm); }
}

/* ≤ --bp-lg (1024px) */
@media (max-width: 1024px) {
  .site-header .header-top,
  .site-header .header-divider { display: none; }
  .header-logo { flex: 0 1 var(--size-logo); min-width: 0; } /* siaurame ekrane logo traukiasi, ne meniu */
  .site-header .header-logo.wp-block-site-logo img { width: var(--size-logo); } /* mobiliame – vėl pilnas (≤1200 jį sumažino) */
  .header-right { flex: 1 0 auto; }
  .menu-toggle { display: block; padding: var(--space-2); }
  .site-header .header-nav-row { padding: var(--space-5) 0; gap: var(--space-3); }
  .header-cta { margin-left: 0; order: 1; }
  .menu-toggle { order: 2; } /* ☰ – dešiniajame krašte, už „Rezervacijos“ */
  .site-header.is-menu-open { background-color: var(--clr-dark); } /* atidarius – header'is ne permatomas virš hero */

  /* Meniu tampa skydeliu po header'iu (atidaro .menu-toggle → .site-header.is-menu-open):
     pagrindiniai punktai atskirti linijomis, paslaugos – su ikonėlėmis, „Apie mus · Kontaktai“ – apačioje viena eilute */
  .site-header nav.header-nav { /* tik <nav>: core klasę header-nav uždeda ir vidiniam <ul> */
    display: none;
    position: fixed; /* modalinis: per visą ekraną po header'iu; --menu-top nustato main.js */
    top: var(--menu-top, var(--space-24)); left: 0; right: 0; bottom: 0;
    overflow-y: auto;
    overscroll-behavior: contain; /* slinkimas nepersiduoda puslapiui */
    padding: var(--space-3) var(--gutter) var(--space-4);
    background: var(--clr-white);
  }
  html.has-menu-open,
  html.has-menu-open body { overflow: hidden; } /* atidarius meniu puslapis nesislenka */
  .site-header.is-menu-open nav.header-nav { display: block; }
  .site-header .header-nav .wp-block-navigation__container { flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 0; }
  .site-header .header-nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { padding-left: 0; padding-right: 0; } /* ≤1200 desktop'o šoninės paraštės čia nereikalingos */
  .site-header .header-nav > .wp-block-navigation__container > .wp-block-navigation-item { flex: 0 0 100%; box-shadow: none; }
  .site-header .header-nav > .wp-block-navigation__container > .wp-block-navigation-item:has(+ .is-utility) { padding-bottom: var(--space-3); margin-bottom: var(--space-1); border-bottom: var(--border-width) solid var(--clr-light); } /* viena linija – prieš „Apie mus · Kontaktai“ */
  .site-header .header-nav .wp-block-navigation-item { display: block; }
  .site-header .header-nav .wp-block-navigation-item__content { padding: var(--space-2) 0; font-size: var(--text-h6); font-weight: var(--font-weight-semibold); color: var(--clr-dark); } /* telefone didesni punktai (ne 15 px desktop'o meniu), tarpai – maži */
  .site-header .header-nav .has-child > .wp-block-navigation-item__content { padding-right: 0; }
  .site-header .header-nav .wp-block-navigation__submenu-icon { display: none; }
  .site-header .header-nav .has-child .wp-block-navigation__submenu-container {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 0;
    min-width: 0;
    display: block;
    padding: 0 0 var(--space-3);
    background: none;
  }
  .site-header .header-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: var(--space-1) 0;
    font-size: var(--text-base);
    font-weight: normal;
    color: var(--clr-text);
    background: none;
  }
  .site-header .header-nav > .wp-block-navigation__container > .wp-block-navigation-item.is-utility { display: block; flex: 0 0 auto; margin-right: var(--space-6); border-bottom: 0; }
  .site-header .header-nav .is-utility > .wp-block-navigation-item__content { padding-bottom: 0; font-size: var(--text-base); font-weight: normal; color: var(--clr-text); }

  .cta--strip > .cta-inner { grid-template-columns: var(--grid-strip-tablet); }
  .cta--strip > .cta-inner > .cta-action { grid-column: 1 / -1; text-align: center; padding-top: 0; }

  .cta--card { grid-template-columns: var(--grid-1); }
  .cta--card .cta-title { padding: var(--space-8) var(--space-8) 0; }
  .cta--card .cta-text { padding: var(--space-4) var(--space-8) var(--space-8); }
  .cta--card .cta-action { padding: 0 var(--space-8) var(--space-8); text-align: left; }

  .services-grid { grid-template-columns: var(--grid-2); }
  .services-intro { grid-column: 1 / -1; padding: 0 0 var(--space-6); } /* intro per visą eilutę – lygiuojasi su kortelėmis, be desktop'o įtraukos */

  .site-footer .footer-cols { padding: 0 var(--space-8) var(--space-8); }

  .page-hero { padding-top: var(--space-32); } /* header'is be topbar'o žemesnis */
  .why .wp-block-columns, .cta-section .wp-block-columns { gap: var(--space-8); }
  .process-intro > * { max-width: var(--measure-md); } /* vienam stulpeliui – platesnis */
  .faq .faq-content { width: auto; }
  .page-hero .page-hero-inner--media { grid-template-columns: var(--grid-1); gap: var(--space-10); }
  .page-hero .page-hero-image { max-width: var(--measure-sm); }
  .page-hero .price-card { justify-self: start; }
  .options .option-cards { grid-template-columns: var(--grid-1); max-width: var(--measure-md); }
  .icon-cards--cols-4, .icon-cards--cols-5 { grid-template-columns: repeat(auto-fit, minmax(calc(var(--measure-xs) / 2), 1fr)); } /* planšetėje – kiek telpa */

  /* Vertybės planšetėje – kaip gyvame: tekstas 60 % kairėje, nuotrauka 40 % dešinėje visose eilutėse */
  .values .value-row { gap: var(--space-12); }
  .values .value-row--img-left { flex-direction: row-reverse; }
  .values .value-row > .value-text { flex: 0 0 calc((100% - var(--space-12)) * 0.6); }
  .values .value-row > .value-img { flex: 0 0 calc((100% - var(--space-12)) * 0.4); }
}

/* ≤ --bp-md (767px) */
@media (max-width: 767px) {
  /* Telefone: vienodas vidinis tarpas juostai, tarpai tarp elementų – mažesni (anksčiau kiekvieno elemento padding'ai sumuodavosi) */
  .cta--strip > .cta-inner { grid-template-columns: var(--grid-1); row-gap: var(--space-4); padding: var(--space-10) var(--gutter); }
  .cta--strip > .cta-inner > * { padding: 0; text-align: center; }
  .cta--strip > .cta-inner > .cta-action { padding-top: var(--space-2); }

  .about { padding-top: var(--space-16); }

  .services { padding: var(--space-16) 0; }
  .services-grid { grid-template-columns: var(--grid-1); }

  .posts { padding-bottom: var(--space-16); }
  .posts-archive-section { padding: var(--space-16) 0; }
  .posts-grid { grid-template-columns: 1fr; }
  .post-single { padding: var(--space-6) 0 var(--space-16); }
  .page-hero.post-hero .page-hero-inner > h1.wp-block-post-title { font-size: var(--text-h2); } /* ilgi straipsnių pavadinimai telefone */
  .post-single .post-breadcrumbs { margin-bottom: var(--space-8); }
  .post-toc ol { columns: 1; }
  .post-main > .post-toc { padding: var(--space-6); }
  .post-main > .post-service { flex-direction: column; align-items: flex-start; padding: var(--space-8) var(--space-6); }
  .posts-head { flex-wrap: wrap; gap: var(--space-6); padding: 0; margin-bottom: var(--space-10); } /* be desktop'o įtraukos – kaip kortelės */
  /* Tekstiniai (ghost) mygtukai telefone – visada po pagrindiniu ir nuo turinio krašto (pradinis, paslaugų, modelių hero) */
  .wp-block-buttons:has(> .wp-block-button.is-style-ghost) { flex-direction: column; align-items: flex-start; }
  .wp-block-buttons > .wp-block-button.is-style-ghost > .wp-block-button__link { padding-left: 0; }
  .posts-head-actions { margin-top: 0; } /* mygtukai iškart po tekstu, ne „kabo“ 80 px žemiau */
  .about-row > .wp-block-column,
  .site-footer .footer-brand { --wp--preset--spacing--8: var(--gutter); } /* stulpelių padding'as (inline preset 8) telefone = gutter */
  .site-footer .footer-cols { padding: 0 var(--gutter) var(--space-8); }

  .site-footer .footer-cols { gap: var(--space-6); }

  .page-hero { padding-bottom: var(--space-16); }
  .why, .models, .faq, .how, .process, .text-block, .cta-section, .checklist, .model-prices-section { padding: var(--space-16) 0; }
  ul.wp-block-list.is-style-checks { columns: 1; }
  .prices.prices--page { padding: var(--space-16) 0 calc(var(--space-16) + var(--space-8)); } /* + mygtuko paraštė */
  .story { padding: var(--space-16) 0 var(--space-8); }
  .values { padding: var(--space-8) 0 var(--space-16); }
  .story .story-images { grid-template-columns: var(--grid-1); gap: var(--space-4); }
  .values.wp-block-group > * + * { margin-block-start: var(--space-12); }
  .values .value-row { flex-direction: row; flex-wrap: wrap !important; gap: var(--space-8); } /* telefone – vienas stulpelis, tekstas pirmiau */
  .values .value-row > .wp-block-column { flex: 0 0 100%; }
  .values .value-row > .value-img { order: 1; }
  .values .value-text h3 { font-size: var(--text-h5); } /* telefone h2 ir h3 abu 32 px – eilutės pavadinimas turi būti mažesnis už sekcijos antraštę */
  .form-section { padding-bottom: var(--space-16); }
  .page-hero + .form-section { padding-top: var(--space-16); }
  .form-panel { padding: var(--space-6); }
  .options { padding: var(--space-16) 0; }
  .page-hero .price-card, .option-card { padding: var(--space-6); }
  .options .accordion-trigger { padding: var(--space-5) var(--space-6); }
  .options .accordion-body > p { padding: 0 var(--space-6); }
  .options .accordion-body > .price-list { margin: 0 var(--space-6) var(--space-6); }
  .contacts { padding: var(--space-16) 0; }
  .contacts .contact-grid { grid-template-columns: var(--grid-1); gap: var(--space-5); }
  .company-details { padding-bottom: var(--space-16); }
  .company-details-box { padding: var(--space-6); }
  .icon-cards, .icon-cards[class*="--cols-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .icon-cards:has(.icon-card-text) { grid-template-columns: minmax(0, 1fr); } /* kortelės su tekstu – po vieną, kad ilgi žodžiai neišstumtų tinklelio */
  .process .process-row { gap: var(--space-12); }
  .process .steps { grid-template-columns: var(--grid-1); gap: var(--space-8); }
  .models-head p { margin-bottom: var(--space-8); }
  .models-head > .models-search { flex-basis: 100%; margin-bottom: var(--space-4); } /* telefone – visas plotis, nuoroda po juo */
  .models-search-input { width: 100%; }

  /* Modalas telefone – per visą ekraną, mygtukai prilipę apačioje */
  .model-dialog { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border-radius: 0; }
  .model-dialog-head { padding: var(--space-6) var(--space-16) var(--space-5) var(--space-6); }
  .model-dialog .model-dialog-image { display: none; } /* telefone vieta atiduodama pavadinimui */
  /* Užuominos modalas telefone lieka mažas, ne per visą ekraną */
  .model-dialog.model-dialog--hint { width: calc(100% - 2 * var(--gutter)); height: fit-content; max-height: calc(100% - 2 * var(--gutter)); margin: auto; border-radius: var(--radius-lg); }
  .model-dialog-body { padding: 0 var(--space-6) var(--space-6); }
  .model-dialog-actions { flex-direction: column; padding: var(--space-4) var(--space-6) var(--space-6); }
  /* Keli kainos variantai – atskira eilutė po pavadinimu, kad nespaustų pavadinimo */
  .model-dialog .price-value:has(.price-variant + .price-variant) { grid-column: 1 / -1; grid-row: 2; text-align: left; }
  .model-dialog li:has(.price-variant + .price-variant) .price-desc { grid-row: 3; }
  .models-grid { grid-template-columns: var(--grid-2); gap: var(--space-4); }

  /* Kainų sąrašas su aprašymais telefone: pavadinimas | kaina, aprašymas per visą plotį */
  .price-list--detailed > li { display: grid; grid-template-columns: 1fr auto; gap: var(--space-2) var(--space-6); }
  .price-list--detailed .price-item { display: contents; }
  .price-list--detailed .price-name { grid-column: 1; grid-row: 1; }
  .price-list--detailed .price-value { grid-column: 2; grid-row: 1; }
  .price-list--detailed .price-desc { grid-column: 1 / -1; grid-row: 2; }
  .model-prices .price-variant { white-space: normal; } /* telefone lūžta tik pavadinimas, „– 222 €“ lieka kartu */
}

/* ==========================================================================
   REDAKTORIUS (drobė) – fiksuotas header'is drobėje būtų virš turinio
   ========================================================================== */
.editor-styles-wrapper .site-header { position: relative; background: var(--clr-dark); }
.editor-styles-wrapper .site-header::before { display: none; }
.editor-styles-wrapper .wp-block-cover.is-style-hero { height: auto; }