/* ==========================================================================
   ORTOTO.LT – titulinio puslapio stiliai
   Vieta: wp-content/themes/ortoto-child/assets/home.css
   Spalvos, šriftai ir tarpai – iš tokens.css. Mobile-first.
   ========================================================================== */

.oto-home {
	--oto-max: 1200px;
}

.oto-home .oto-sekcija__vidus,
.oto-home .oto-juosta__vidus,
.oto-home .oto-hero__vidus,
.oto-home .oto-pasitikejimas__vidus,
.oto-home .oto-zenklas__vidus {
	max-width: var(--oto-max);
	margin-inline: auto;
	padding-inline: var(--ortoto-space-4);
}

/* --------------------------------------------------------- 1. Juosta ----- */

.oto-juosta {
	background-color: var(--ortoto-teal);
	color: var(--ortoto-white);
	font-size: var(--ortoto-small);
}

.oto-juosta__vidus {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--ortoto-space-2) var(--ortoto-space-6);
	padding-block: var(--ortoto-space-2);
	text-align: center;
}

.oto-juosta__el { white-space: nowrap; }
.oto-juosta__el--nuoroda{
	color:inherit;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255,.45);
	transition:border-color .15s ease;
}

.oto-juosta__el--nuoroda:hover{ border-bottom-color:#fff; }

@media (max-width: 400px) {
	.oto-juosta__el:not(:last-child) { display: none; }
}

/* ----------------------------------------------------------- 2. Hero ----- */

.oto-hero { background-color: var(--ortoto-cream); }

.oto-hero__vidus { padding-block: 0 var(--ortoto-space-8); }

.oto-hero__media { margin-inline: calc(var(--ortoto-space-4) * -1); }

.oto-hero__video {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background-color: var(--ortoto-neutral);
}

.oto-hero__tekstas {
	padding-top: var(--ortoto-space-6);
	text-align: center;
}

.oto-hero__h1 {
	margin: 0 0 var(--ortoto-space-3);
	text-wrap: balance;
}

.oto-hero__po {
	margin: 0 0 var(--ortoto-space-6);
	font-size: var(--ortoto-h4);
	color: var(--ortoto-ink-soft);
	text-wrap: balance;
}

.oto-hero__cta {
	display: inline-block;
	padding: var(--ortoto-space-3) var(--ortoto-space-8);
	font-family: var(--ortoto-font-body);
	font-weight: 500;
	font-size: var(--ortoto-body);
	text-decoration: none;
	border-radius: var(--ortoto-radius-sm);
	transition: background-color 0.15s ease;
}

@media (min-width: 783px) {
	.oto-hero__vidus {
		display: grid;
		grid-template-columns: 5fr 7fr;
		align-items: center;
		gap: var(--ortoto-space-12);
		padding-block: var(--ortoto-space-12);
	}
	.oto-hero__media   { order: 2; margin-inline: 0; }
	.oto-hero__video   { aspect-ratio: 16 / 9; border-radius: var(--ortoto-radius); }
	.oto-hero__tekstas { order: 1; padding-top: 0; text-align: left; }
}

/* -------------------------------------------------------- 3. Sekcijos ---- */

.oto-sekcija          { background-color: var(--ortoto-white); }
.oto-sekcija--kremas  { background-color: var(--ortoto-cream); }

.oto-sekcija__vidus     { padding-block: var(--ortoto-space-12); }
.oto-sekcija__antraste  { margin-bottom: var(--ortoto-space-8); }

.oto-sekcija__antraste h2 { margin: 0 0 var(--ortoto-space-2); }

.oto-sekcija__antraste p {
	margin: 0;
	max-width: 52ch;
	color: var(--ortoto-ink-soft);
}

.oto-sekcija__daugiau {
	display: inline-block;
	margin-top: var(--ortoto-space-6);
	font-weight: 500;
	color: var(--ortoto-teal);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.oto-sekcija__daugiau:hover { color: var(--ortoto-teal-dark); }

/* Tinklelis */

.oto-home ul.products.oto-tinklelis {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ortoto-space-8) var(--ortoto-space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}

.oto-home ul.products.oto-tinklelis::before,
.oto-home ul.products.oto-tinklelis::after { content: none; }

.oto-home ul.products.oto-tinklelis li.product {
	width: 100%;
	margin: 0;
	float: none;
	clear: none;
}

@media (min-width: 600px) {
	.oto-home ul.products.oto-tinklelis { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
	.oto-home ul.products.oto-tinklelis { grid-template-columns: repeat(3, 1fr); }
}

/* Kortelės – pavadinimas fiksuoto aukščio, tad mygtukai susilygiuoja */

.oto-home .oto-tinklelis li.product .woocommerce-loop-product__title,
.oto-home .oto-tinklelis li.product .ct-woo-card-title,
.oto-home .oto-tinklelis li.product h2.woocommerce-loop-product__title {
	font-family: var(--ortoto-font-body);
	font-weight: 500;
	font-size: var(--ortoto-h4);
	line-height: 1.35;
	letter-spacing: 0;
	min-height: calc(1.35em * 3);
	margin-top: var(--ortoto-space-4);
	margin-bottom: 0;
}

/* Pavadinimas – ne nuoroda, o prekės vardas: tamsus, ne teal */
.oto-home .oto-tinklelis li.product .woocommerce-loop-product__title,
.oto-home .oto-tinklelis li.product .ct-woo-card-title,
.oto-home .oto-tinklelis li.product .ct-woo-card-title a,
.oto-home .oto-tinklelis li.product .woocommerce-loop-product__link {
	color: var(--ortoto-ink);
	text-decoration: none;
}

.oto-home .oto-tinklelis li.product .ct-woo-card-title a:hover,
.oto-home .oto-tinklelis li.product .woocommerce-loop-product__link:hover {
	color: var(--ortoto-teal);
}

/* Kaina – arčiau pavadinimo, atskirta nuo mygtuko */
.oto-home .oto-tinklelis li.product .price {
	display: block;
	margin: var(--ortoto-space-1) 0 var(--ortoto-space-3);
}

/* Kategorijos pavadinimas kortelėje dubliuoja sekcijos antraštę */
.oto-home .oto-tinklelis li.product .ct-woo-card-extra,
.oto-home .oto-tinklelis li.product .posted_in,
.oto-home .oto-tinklelis li.product .ct-product-categories {
	display: none;
}

/* Mygtukai kortelėse – geltoni, kaip ir visur kitur */
.oto-home .oto-tinklelis li.product a.button,
.oto-home .oto-tinklelis li.product a.add_to_cart_button,
.oto-home .oto-tinklelis li.product a.product_type_simple,
.oto-home .oto-tinklelis li.product a.product_type_variable,
.oto-home .oto-tinklelis li.product .ct-woo-card-actions a {
	background-color: var(--ortoto-yellow);
	color: var(--ortoto-ink);
	border: none;
}

.oto-home .oto-tinklelis li.product a.button:hover,
.oto-home .oto-tinklelis li.product a.add_to_cart_button:hover,
.oto-home .oto-tinklelis li.product a.product_type_simple:hover,
.oto-home .oto-tinklelis li.product a.product_type_variable:hover,
.oto-home .oto-tinklelis li.product .ct-woo-card-actions a:hover {
	background-color: var(--ortoto-yellow-dark);
	color: var(--ortoto-ink);
}

/* Nuotraukos – vienodas 3:4 langelis, prekė matoma visa.
   Konteinerio neliečiam, todėl Blocksy efektai nelūžta.
   Svarbu: Hover Effect turi būti išjungtas (None). */
.oto-home .oto-tinklelis li.product img {
	aspect-ratio: 3 / 4;
	width: 100%;
	height: auto;
	object-fit: contain;
	background-color: var(--ortoto-white);
}

/* Kortelė – mygtukas visada apačioje, nesvarbu koks pavadinimo ilgis */
.oto-home ul.products.oto-tinklelis {
	align-items: stretch;
}

.oto-home .oto-tinklelis li.product {
	display: flex;
	flex-direction: column;
}

.oto-home .oto-tinklelis li.product > a.button,
.oto-home .oto-tinklelis li.product > .button,
.oto-home .oto-tinklelis li.product .ct-woo-card-actions {
	margin-top: auto;
}

/* --------------------------------------------------- 4. Pasitikėjimas ---- */

.oto-pasitikejimas {
	background-color: var(--ortoto-ink);
	color: var(--ortoto-white);
}

.oto-pasitikejimas__vidus {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ortoto-space-8);
	padding-block: var(--ortoto-space-12);
}

.oto-faktas h3 {
	margin: 0 0 var(--ortoto-space-2);
	color: var(--ortoto-yellow);
	font-size: var(--ortoto-h4);
	white-space: nowrap;
}

.oto-faktas p {
	margin: 0;
	font-size: var(--ortoto-small);
	line-height: 1.6;
	opacity: 0.88;
}

@media (min-width: 600px) {
	.oto-pasitikejimas__vidus { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
	.oto-pasitikejimas__vidus { grid-template-columns: repeat(4, 1fr); }
}

/* ----------------------------------------------------- 5. Atsiliepimai --- */

.oto-atsiliepimai {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ortoto-space-6);
}

.oto-atsiliepimas {
	margin: 0;
	padding: var(--ortoto-space-6);
	background-color: var(--ortoto-white);
	border-radius: var(--ortoto-radius);
	box-shadow: var(--ortoto-shadow);
}

.oto-atsiliepimas p { margin: 0 0 var(--ortoto-space-4); }

.oto-atsiliepimas cite {
	font-style: normal;
	font-weight: 500;
	color: var(--ortoto-ink-soft);
}

@media (min-width: 900px) {
	.oto-atsiliepimai { grid-template-columns: repeat(3, 1fr); }
}

/* -------------------------------------------------------- 6. Ženklas ----- */

.oto-zenklas {
	background-color: var(--ortoto-white);
	text-align: center;
}

.oto-zenklas__vidus { padding-block: var(--ortoto-space-12); }

.oto-zenklas h2 { margin: 0 0 var(--ortoto-space-4); }

.oto-zenklas__tekstas {
	max-width: 60ch;
	margin: 0 auto var(--ortoto-space-6);
	color: var(--ortoto-ink-soft);
}

.oto-zenklas__nuoroda {
	display: inline-block;
	font-weight: 500;
	color: var(--ortoto-teal);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.oto-zenklas__nuoroda:hover { color: var(--ortoto-teal-dark); }

.oto-zenklas__soc {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--ortoto-space-4);
	margin-top: var(--ortoto-space-12);
	padding-top: var(--ortoto-space-8);
	border-top: 1px solid var(--ortoto-neutral);
}

.oto-zenklas__soc-etikete {
	font-size: var(--ortoto-small);
	color: var(--ortoto-ink-soft);
}

.oto-zenklas__soc a {
	padding: var(--ortoto-space-2) var(--ortoto-space-6);
	border: 1px solid var(--ortoto-neutral);
	border-radius: var(--ortoto-radius-sm);
	font-weight: 500;
	color: var(--ortoto-ink);
	text-decoration: none;
	transition: border-color 0.15s ease;
}

.oto-zenklas__soc a:hover {
	border-color: var(--ortoto-teal);
	color: var(--ortoto-teal);
}

.oto-zenklas__soc a svg{
	width:22px !important;
	height:22px !important;
	flex:0 0 auto;
	display:block;
	color:inherit;
}

/* ------------------------------------------------------- Prieinamumas --- */

.oto-home a:focus-visible,
.oto-home button:focus-visible {
	outline: 2px solid var(--ortoto-teal);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.oto-home * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}
/* ==========================================================================
   PAPILDYMAS – įklijuoti home.css GALE
   2b. Kategorijų kortelės · 3b. Kodėl ORTOTO · inkarų poslinkis
   ========================================================================== */

/* ------------------------------------------- 2b. Kategorijų kortelės ----- */

.oto-home .oto-kategorijos .oto-sekcija__vidus {
	padding-block: var(--ortoto-space-12) var(--ortoto-space-8);
}

.oto-korteles {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ortoto-space-6);
}

@media (min-width: 783px) {
	.oto-korteles { grid-template-columns: repeat(3, 1fr); }
}

.oto-kortele {
	display: block;
	padding: var(--ortoto-space-6);
	background-color: var(--ortoto-white);
	border-radius: var(--ortoto-radius);
	border-top: 5px solid var(--ortoto-neutral);
	box-shadow: var(--ortoto-shadow);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.oto-kortele:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(87, 70, 79, 0.14);
}

.oto-kortele--vaikai      { border-top-color: var(--ortoto-yellow); }
.oto-kortele--suaugusiems { border-top-color: var(--ortoto-teal); }
.oto-kortele--zaidimai    { border-top-color: var(--ortoto-coral); }

.oto-kortele img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	background-color: var(--ortoto-white);
	margin-bottom: var(--ortoto-space-4);
}

.oto-kortele__antraste {
	margin: 0 0 var(--ortoto-space-2);
	font-family: var(--ortoto-font-body);
	font-weight: 500;
	font-size: var(--ortoto-h4);
	line-height: 1.3;
	color: var(--ortoto-ink);
}

.oto-kortele__tekstas {
	margin: 0;
	font-size: var(--ortoto-small);
	line-height: 1.55;
	color: var(--ortoto-ink-soft);
}

/* ------------------------------------------------ 3b. Kodėl ORTOTO ------- */

.oto-priezastys {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ortoto-space-8) var(--ortoto-space-6);
}

@media (min-width: 600px) {
	.oto-priezastys { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
	.oto-priezastys { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1200px) {
	.oto-priezastys { grid-template-columns: repeat(5, 1fr); }
}

.oto-priezastis img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: var(--ortoto-radius);
	margin-bottom: var(--ortoto-space-4);
}

.oto-priezastis h3 {
	margin: 0 0 var(--ortoto-space-2);
	font-family: var(--ortoto-font-body);
	font-weight: 500;
	font-size: var(--ortoto-h4);
	line-height: 1.3;
	color: var(--ortoto-ink);
}

.oto-priezastis p {
	margin: 0;
	font-size: var(--ortoto-small);
	line-height: 1.55;
	color: var(--ortoto-ink-soft);
}

/* Hero mnemonika – niekada nelūžta */
.oto-hero__mnemo{
  display:block;
  white-space:nowrap;
  margin-bottom:28px;
}
@media (max-width:400px){
  .oto-hero__mnemo{
    white-space:normal;
    font-size:.95em;
  }
}
/* ══════════════════════════════════════════════════════════
   2b. Kategorijų plytelės
   Įklijuoti į home.css GALĄ.
   Jei anksčiau buvo pridėta .oto-korteles / .oto-kortele – pašalinti.
   ══════════════════════════════════════════════════════════ */

.oto-sekcija--balta{ background:#fff; }

.oto-plyteles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.oto-plyte{
  display:flex;
  flex-direction:column;
  min-height:420px;
  padding:32px 28px 24px;
  border-radius:20px;
  color:var(--ortoto-ink);
  text-decoration:none;
  text-align:center;
  transition:transform .25s ease, box-shadow .25s ease;
}
.oto-plyte:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(87,70,79,.18);
}
.oto-plyte:focus-visible{
  outline:3px solid var(--ortoto-ink);
  outline-offset:3px;
}

.oto-plyte--geltona{ background:var(--ortoto-yellow); }
.oto-plyte--melyna { background:var(--ortoto-teal);   }
.oto-plyte--korale { background:var(--ortoto-coral);  }

.oto-plyte__antraste{
  margin:0 0 14px;
  font-family:'LunchBox', 'Ubuntu', sans-serif;
  font-weight:700;
  font-size:34px;
  line-height:1.1;
  letter-spacing:.01em;
  color:var(--ortoto-ink);
}

.oto-plyte__tekstas{
  margin:0;
  font-size:14px;
  line-height:1.5;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--ortoto-ink);
}

/* Ikona – optinis suvienodinimas.
   SVG proporcijos skirtingos (218×103, 128×128, 188×140),
   todėl normalizuojama pagal aukštį, ne pagal plotį. */
.oto-plyte__ikona{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 0;
}
.oto-plyte__ikona img{
  width:auto;
  height:auto;
  opacity:.9;
}
.oto-plyte__ikona--plati img     { height:62px;  }
.oto-plyte__ikona--kvadratine img{ height:104px; }
.oto-plyte__ikona--aukstesne img { height:98px;  }

.oto-plyte__nuoroda{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  font-size:13px;
  font-weight:500;
  color:var(--ortoto-ink);
}
.oto-plyte__nuoroda svg{ flex:0 0 auto; }

@media (max-width:900px){
  .oto-plyteles{ grid-template-columns:1fr; }
  .oto-plyte{ min-height:0; padding:28px 24px 20px; }
  .oto-plyte__ikona{ padding:20px 0; }
  .oto-plyte__ikona--plati img     { height:52px; }
  .oto-plyte__ikona--kvadratine img{ height:86px; }
  .oto-plyte__ikona--aukstesne img { height:82px; }
}
/* Plytelių sekcija baigiasi – prekės prasideda iš karto */
.oto-sekcija--balta{ padding-bottom:24px; }

/* Prekių nuotraukų kampai – tas pats laipsnis kaip plytelių */
.oto-tinklelis li.product .ct-media-container,
.oto-tinklelis li.product .woocommerce-loop-product__link img,
.oto-tinklelis li.product img.attachment-woocommerce_thumbnail{
  border-radius:20px;
  overflow:hidden;
}

@media (max-width:900px){
  .oto-tinklelis li.product .ct-media-container,
  .oto-tinklelis li.product .woocommerce-loop-product__link img,
  .oto-tinklelis li.product img.attachment-woocommerce_thumbnail{
    border-radius:16px;
  }
}
/* ── Kodėl ORTOTO ───────────────────────────────────────── */
.oto-priezastys-sekcija{
  position:relative;
  background:var(--ortoto-cream);
  padding:72px 0 80px;
  overflow:hidden;
}
.oto-priezastys-sekcija::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='680' viewBox='0 0 680 680'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='26'%3E%3Crect x='80' y='60' width='110' height='300' rx='55' transform='rotate(-28 135 210)'/%3E%3Crect x='420' y='300' width='110' height='300' rx='55' transform='rotate(22 475 450)'/%3E%3C/g%3E%3C/svg%3E");
  background-size:680px 680px;
  opacity:1;
  pointer-events:none;
}
.oto-priezastys-sekcija .oto-sekcija__vidus{ position:relative; z-index:1; }

.oto-priezastys__antraste{
  margin:0 0 36px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:44px;
  line-height:1.1;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-priezastys{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}
.oto-priezastis__vaizdas{
  aspect-ratio:3/4;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:14px;
}
.oto-priezastis__vaizdas img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.oto-priezastis h3{
  margin:0 0 8px;
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:17px;
  line-height:1.25;
  color:var(--ortoto-ink);
}
.oto-priezastis p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--ortoto-ink);
}

@media (max-width:1200px){
  .oto-priezastys{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .oto-priezastys-sekcija{ padding:56px 0 60px; }
  .oto-priezastys__kicker{ font-size:38px; margin-bottom:14px; }
  .oto-priezastys__antraste{ font-size:22px; margin-bottom:24px; }
  .oto-priezastys{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
  }
  .oto-priezastis{ flex:0 0 72%; scroll-snap-align:start; }
  .oto-priezastis__vaizdas{ border-radius:16px; }
}
/* Antraščių pora – tie patys dydžiai kaip .oto-misija__antraste / __tekstas h3.
   Keičiant vieną, keisti ir kitą. */
.oto-priezastys__kicker{
  margin:0 0 20px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:52px;
  line-height:1;
  letter-spacing:0;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-priezastys__antraste{
  margin:0 0 36px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:26px;
  line-height:1.15;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

/* ── Mūsų misija ────────────────────────────────────────── */
.oto-misija{ background:#fff; padding:20px 0; }

.oto-misija__vidus{
  position:relative;
  background:var(--ortoto-cream);
  border-radius:20px;
  padding:48px 0 48px 48px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  grid-template-rows:auto auto auto;
  column-gap:24px;
  row-gap:20px;
  align-items:start;
  overflow:hidden;
  margin:0;
  width:100%;
}

.oto-misija__antraste{
  grid-column:1;
  grid-row:1;
  margin:0;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:52px;
  line-height:1;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-misija__tekstas{
  grid-column:1;
  grid-row:2;
  padding-bottom:48px;
}
.oto-misija__tekstas h3{
  margin:0 0 14px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:26px;
  line-height:1.15;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}
.oto-misija__tekstas p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.6;
  color:var(--ortoto-ink);
}
.oto-misija__tekstas p:last-child{ margin-bottom:0; }

.oto-misija__foto{
  grid-column:2;
  grid-row:1 / -1;
  align-self:end;
  background:transparent;
}
.oto-misija__foto img{
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:contain;
  object-position:bottom center;
  margin-left:0;
  background:transparent;
}
@media (max-width:900px){
  .oto-misija{ padding:12px 0; }
  .oto-misija__vidus{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding:36px 24px 0;
    row-gap:12px;
  }
  .oto-misija__antraste{ grid-column:1; grid-row:1; font-size:38px; }
  .oto-misija__tekstas{ grid-column:1; grid-row:2; padding-bottom:0; }
  .oto-misija__foto{ grid-column:1; grid-row:3; }
  .oto-misija__foto img{ width:100%; margin-left:0; }
}
/* Prekės ženklas apatiniame kairiajame kampe */
.oto-misija__zenklas{
  grid-column:1;
  grid-row:3;
  align-self:start;
  padding-bottom:0;
  line-height:1;
}
.oto-zodis{
  display:block;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:88px;
  line-height:.9;
  letter-spacing:.01em;
}
.oto-r--teal   { color:var(--ortoto-teal);   }
.oto-r--korale { color:var(--ortoto-coral);  }
.oto-r--geltona{ color:var(--ortoto-yellow); }

.oto-misija__slogan{
  display:block;
  margin-top:8px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:24px;
  color:var(--ortoto-teal);
}
/* ── Prekių sekcijos – kreminė kortelė baltame fone ────── */
.oto-inkaras{
  background:#fff;
  padding:20px 0;
}
.oto-inkaras .oto-sekcija__vidus{
  background:var(--ortoto-cream);
  border-radius:20px;
  padding:48px;
}
.oto-inkaras .oto-sekcija__antraste{ margin-bottom:28px; }

@media (max-width:900px){
  .oto-inkaras{ padding:12px 0; }
  .oto-inkaras .oto-sekcija__vidus{
    border-radius:16px;
    padding:32px 24px;
  }
}

/* ── Pasinerkite į malonų sensorinį gėrį ────────────────── */
.oto-pojuciai-sekcija{
  position:relative;
  background:var(--ortoto-cream);
  padding:72px 0 80px;
  overflow:hidden;
}
.oto-pojuciai-sekcija::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='680' viewBox='0 0 680 680'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='26'%3E%3Crect x='80' y='60' width='110' height='300' rx='55' transform='rotate(-28 135 210)'/%3E%3Crect x='420' y='300' width='110' height='300' rx='55' transform='rotate(22 475 450)'/%3E%3C/g%3E%3C/svg%3E");
  background-size:680px 680px;
  pointer-events:none;
}
.oto-pojuciai-sekcija .oto-sekcija__vidus{ position:relative; z-index:1; }

.oto-pojuciai__antraste{
  margin:0 0 36px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:52px;
  line-height:1;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-pojuciai{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:16px;
}

.oto-pojutis{
  border-radius:20px;
  padding:28px;
  overflow:hidden;
}
.oto-pojutis h3{
  margin:0 0 10px;
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:19px;
  line-height:1.25;
  color:var(--ortoto-ink);
}
.oto-pojutis p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--ortoto-ink);
}

/* Didelė kairė kortelė su video */
.oto-pojutis--didele{
  position:relative;
  grid-column:1;
  grid-row:1 / span 2;
  padding:0;
  min-height:440px;
  display:flex;
  align-items:flex-end;
  background:var(--ortoto-neutral);
}
.oto-pojutis__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.oto-pojutis__turinys{
  position:relative;
  z-index:1;
  padding:28px;
  width:100%;
  background:linear-gradient(to top, rgba(87,70,79,.88) 0%, rgba(87,70,79,.55) 60%, rgba(87,70,79,0) 100%);
}
.oto-pojutis--didele h3,
.oto-pojutis--didele p{ color:#fff; }
.oto-pojutis--didele h3{ font-size:24px; }

.oto-pojutis__cta{
  display:inline-block;
  margin-top:14px;
  padding:10px 20px;
  border-radius:6px;
  background:var(--ortoto-yellow);
  color:var(--ortoto-ink);
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-decoration:none;
}

/* Geltona kortelė – viršuje per du stulpelius */
.oto-pojutis--geltona{
  grid-column:2 / span 2;
  grid-row:1;
  background:var(--ortoto-yellow);
}
.oto-pojutis__vaizdas{
  margin:-28px -28px 16px;
  height:130px;
  overflow:hidden;
  background:var(--ortoto-yellow);
}
.oto-pojutis__vaizdas{
  margin:-28px -28px 14px;
  height:96px;
  overflow:hidden;
  background:var(--ortoto-yellow);
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:12px 28px 0;
}
.oto-pojutis__vaizdas img{
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
  display:block;
  mix-blend-mode:multiply;
}

/* Dvi mažos kortelės apačioje */
.oto-pojutis--maza{ background:#fffdf5; }
.oto-pojutis--treti  { grid-column:2; grid-row:2; }
.oto-pojutis--ketvirti{ grid-column:3; grid-row:2; }

.oto-pojutis__ikona{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:50%;
  margin-bottom:14px;
}
.oto-pojutis__ikona img{ width:22px; height:22px; }
.oto-pojutis__ikona--teal  { background:rgba(79,154,173,.18); }
.oto-pojutis__ikona--korale{ background:rgba(228,150,129,.25); }

@media (max-width:900px){
  .oto-pojuciai-sekcija{ padding:56px 0 60px; }
  .oto-pojuciai__antraste{ font-size:34px; margin-bottom:24px; }
  .oto-pojuciai{ grid-template-columns:1fr; }
  .oto-pojutis--didele,
  .oto-pojutis--geltona,
  .oto-pojutis--treti,
  .oto-pojutis--ketvirti{
    grid-column:1;
    grid-row:auto;
  }
  .oto-pojutis--didele{ min-height:340px; }
}
/* ── Spalvos ir žaidimas ────────────────────────────────── */
.oto-spalvos-sekcija{ background:#fff; padding:20px 0; }

.oto-spalvos{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:1fr 1fr;
  gap:16px;
}

.oto-spalvos__didele,
.oto-spalvos__nauda,
.oto-spalvos__laisve{
  position:relative;
  border-radius:20px;
  overflow:hidden;
}

.oto-spalvos__foto{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Kairė – per abi eilutes */
.oto-spalvos__didele{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:560px;
}
.oto-spalvos__kortele{
  position:absolute;
  top:28px; right:28px;
  width:min(340px, 62%);
  padding:24px;
  border-radius:14px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(6px);
}
.oto-spalvos__kortele h3{
  margin:0 0 10px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:1.1;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}
.oto-spalvos__kortele p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--ortoto-ink);
}
.oto-spalvos__cta{
  display:inline-block;
  margin-top:16px;
  padding:10px 20px;
  border-radius:6px;
  background:var(--ortoto-ink);
  color:#fff;
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  text-decoration:none;
}

/* Dešinė viršus – nuotrauka su tekstu */
.oto-spalvos__nauda{
  grid-column:2;
  grid-row:1;
  min-height:272px;
  display:flex;
  align-items:flex-end;
}
.oto-spalvos__turinys{
  position:relative;
  z-index:1;
  width:100%;
  padding:24px;
  background:linear-gradient(to top, rgba(87,70,79,.9) 0%, rgba(87,70,79,.55) 65%, rgba(87,70,79,0) 100%);
}
.oto-spalvos__turinys h3{
  margin:0 0 8px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:1.1;
  text-transform:uppercase;
  color:#fff;
}
.oto-spalvos__turinys p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#fff;
}

/* Dešinė apačia – koralinė */
.oto-spalvos__laisve{
  grid-column:2;
  grid-row:2;
  background:var(--ortoto-coral);
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.oto-spalvos__ikona{
  width:64px;
  height:auto;
  align-self:flex-end;
  margin-bottom:12px;
}
.oto-spalvos__laisve h3{
  margin:0 0 10px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:1.1;
  text-transform:uppercase;
  color:#fff;
}
.oto-spalvos__laisve p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#fff;
}

@media (max-width:900px){
  .oto-spalvos-sekcija{ padding:12px 0; }
  .oto-spalvos{ grid-template-columns:1fr; grid-template-rows:auto; }
  .oto-spalvos__didele{ grid-column:1; grid-row:auto; min-height:420px; }
  .oto-spalvos__nauda,
  .oto-spalvos__laisve{ grid-column:1; grid-row:auto; }
  .oto-spalvos__kortele{
    position:static;
    width:auto;
    margin:28px;
    background:rgba(255,255,255,.9);
  }
  .oto-spalvos__didele{ display:flex; align-items:flex-start; }
  .oto-spalvos__ikona{ width:52px; }
}
/* Misijos ir spalvų sekcijų apvalkalas – toks pat kaip prekių */
.oto-misija .oto-sekcija__vidus,
.oto-spalvos-sekcija .oto-sekcija__vidus{
  padding-block:0;
  padding-inline:0;
}
/* Pasitikėjimo juosta – geltona kortelė */
.oto-pasitikejimas{
  background:#fff;
  padding:20px 0;
}
.oto-pasitikejimas__vidus{
  background:var(--ortoto-yellow);
  border-radius:20px;
  padding:40px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:28px;
}
.oto-faktas h3{
  margin:0 0 8px;
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:17px;
  line-height:1.25;
  color:var(--ortoto-ink);
}
.oto-faktas p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--ortoto-ink);
}

@media (max-width:1100px){
  .oto-pasitikejimas__vidus{ grid-template-columns:repeat(2,1fr); gap:24px; }
}
@media (max-width:900px){
  .oto-pasitikejimas{ padding:12px 0; }
  .oto-pasitikejimas__vidus{
    grid-template-columns:1fr;
    border-radius:16px;
    padding:28px 24px;
  }
}
/* ── Mūsų vertybės ──────────────────────────────────────── */
.oto-vertybes-sekcija{ background:#fff; padding:20px 0; }

.oto-vertybes__antraste{
  margin:0 0 28px;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:52px;
  line-height:1;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-vertybes{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:16px;
  align-items:start;
}

.oto-vertybe{
  position:relative;
  border-radius:20px;
  overflow:hidden;
}
.oto-vertybe__foto{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.oto-vertybe h3{
  margin:0 0 10px;
  font-family:'Ubuntu',sans-serif;
  font-weight:700;
  font-size:20px;
  line-height:1.25;
  color:#fff;
}
.oto-vertybe p{
  margin:0 0 10px;
  font-size:13.5px;
  line-height:1.55;
  color:#fff;
}
.oto-vertybe p:last-of-type{ margin-bottom:0; }

/* Kairė – vizija per abi eilutes */
.oto-vertybe--vizija{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:640px;
  display:flex;
  align-items:flex-end;
}
.oto-vertybe--vizija .oto-vertybe__turinys{
  position:relative;
  z-index:1;
  width:100%;
  padding:28px;
  background:linear-gradient(to top, rgba(87,70,79,.9) 0%, rgba(87,70,79,.5) 65%, rgba(87,70,79,0) 100%);
}

/* Dešinė viršus – kokybė ant žalio kilimėlio */
.oto-vertybe--kokybe{
  grid-column:2;
  grid-row:1;
  min-height:180px;
  display:flex;
  align-items:flex-end;
}
.oto-vertybe--kokybe .oto-vertybe__turinys{
  position:relative;
  z-index:1;
  width:100%;
  padding:24px 28px 28px;
  background:linear-gradient(to top, rgba(30,70,45,.85) 0%, rgba(30,70,45,.45) 70%, rgba(30,70,45,.1) 100%);
}

/* Dešinė apačia – įpročiai, tiroko fonas */
.oto-vertybe--iprociai{
  grid-column:2;
  grid-row:2;
  background:var(--ortoto-teal);
  padding:28px;
}
.oto-vertybe__kvietimas{
  margin-top:16px !important;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:20px;
  text-transform:uppercase;
}
.oto-vertybe__ikona{
  position:absolute;
  right:24px;
  bottom:24px;
  width:56px;
  height:auto;
  opacity:.35;
  pointer-events:none;
}

@media (max-width:900px){
  .oto-vertybes-sekcija{ padding:12px 0; }
  .oto-vertybes__antraste{ font-size:34px; margin-bottom:20px; }
  .oto-vertybes{ grid-template-columns:1fr; }
  .oto-vertybe--vizija{ grid-column:1; grid-row:auto; min-height:420px; }
  .oto-vertybe--kokybe{ grid-column:1; grid-row:auto; min-height:220px; }
  .oto-vertybe--iprociai{ grid-column:1; grid-row:auto; }
  .oto-vertybe__ikona{ width:44px; right:16px; bottom:16px; }
}
/* ── Prekės ženklas ─────────────────────────────────────── */
.oto-zenklas{ background:#fff; padding:56px 0 64px; }
.oto-zenklas__vidus{ text-align:center; }

.oto-zenklas__logo{
  display:inline-block;
  position:relative;
  font-family:'LunchBox','Ubuntu',sans-serif;
  font-weight:700;
  font-size:76px;
  line-height:.9;
  letter-spacing:.01em;
}
.oto-zenklas__r{
  font-size:.26em;
  vertical-align:super;
  color:var(--ortoto-teal);
  margin-left:.06em;
}

.oto-zenklas__etikete{
  margin:14px 0 20px;
  font-family:'Ubuntu',sans-serif;
  font-weight:500;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ortoto-ink);
}

.oto-zenklas__soc{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-bottom:24px;
}
.oto-zenklas__soc a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:12px;
  background:var(--ortoto-cream);
  color:var(--ortoto-ink);
  transition:background .2s ease, color .2s ease;
}
.oto-zenklas__soc a:hover{
  background:var(--ortoto-ink);
  color:#fff;
}

.oto-zenklas__nuoroda{
  display:inline-block;
  font-family:'Ubuntu',sans-serif;
  font-weight:500;
  font-size:15px;
  color:var(--ortoto-teal);
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:900px)
/* ── Antraštės submeniu ─────────────────────────────────── */
[class*="animated-submenu"]{
	--dropdown-background-color:var(--ortoto-cream);
	--dropdown-background-hover-color:#ffffff;
}

[class*="animated-submenu"] > .sub-menu{
	border:1px solid rgba(87,70,79,.08);
	border-radius:16px;
	padding:8px;
	box-shadow:0 12px 32px rgba(87,70,79,.12);
}

.sub-menu li{ border:0 !important; }

.sub-menu .ct-menu-link{
	color:var(--ortoto-ink) !important;
	border-radius:10px;
	padding:9px 14px !important;
	font-size:14px !important;
	line-height:1.35 !important;
	text-transform:none !important;
	letter-spacing:0 !important;
}

.sub-menu .ct-menu-link:hover{
	color:var(--ortoto-teal) !important;
}