/* Poliana — страница „За Био Ферма Поляна“. */

/* ---------- заглавие върху снимка ---------- */
/* Снимката + лентата със съдържанието запълват точно екрана: линията под лентата е на дъното му. */
.pl-about-page { --pl-header-h: 85px; --pl-toc-h: 64px; } /* хедърът е 84px + 1px линия */
.pl-about-page.admin-bar { --pl-header-h: 117px; }

/* съдържанието (.pl-ab-toc) е в components.css — ползва се на всички страници */

/* ---------- глави ---------- */
.pl-chapter { padding: clamp(48px, 6vw, 88px) 0 0; scroll-margin-top: 100px; }
.pl-chapter__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 104px); align-items: center; }
.pl-chapter--flip .pl-chapter__media { order: 2; }
.pl-chapter__text { max-width: 560px; }
.pl-chapter__no { display: block; margin-bottom: 18px; font-family: var(--pl-serif); font-size: 48px; line-height: 1; color: var(--pl-gold); }
.pl-chapter__text .pl-h2 { margin-bottom: 22px; text-wrap: balance; }
.pl-chapter__text p { margin: 0 0 16px; font-size: 17px; line-height: 1.7; color: var(--pl-ink-soft); }

/* сменящи се снимки */
.pl-slides { position: relative; aspect-ratio: 4 / 3.4; border-radius: 28px; overflow: hidden; background: var(--pl-field-deep); }
.pl-page .pl-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.06); transition: opacity 1.2s ease, transform 6s ease-out; }
.pl-page .pl-slides img.is-active { opacity: 1; transform: none; }
.pl-slides__dots { position: absolute; left: 50%; bottom: 16px; z-index: 1; display: flex; gap: 2px; padding: 0 6px; border-radius: 99px; background: rgba(20, 28, 18, .3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateX(-50%); }
.pl .pl-slides__dots button { -webkit-appearance: none; appearance: none; margin: 0; padding: 6px 2px; border: 0; background: none; box-shadow: none; cursor: pointer; line-height: 0; }
.pl-slides__dots button span { display: block; width: 6px; height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .5); transition: width .4s, background .4s; }
.pl-slides__dots button:hover span { background: rgba(255, 255, 255, .8); }
.pl-slides__dots button.is-active span { width: 18px; background: #fff; }
.pl .pl-slides__dots button:focus-visible { outline: 2px solid #fff; outline-offset: 1px; border-radius: 4px; }
.pl-slides.is-clickable { cursor: pointer; }

/* ---------- двете места ---------- */
.pl-ab-places { padding-top: clamp(40px, 5vw, 64px); }
.pl-ab-places__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2vw, 24px); }
.pl-ab-place { position: relative; padding: clamp(22px, 2.6vw, 34px); padding-left: clamp(50px, 4.4vw, 64px); border-radius: 22px; background: var(--pl-paper); }
.pl-ab-place__dot { position: absolute; left: clamp(22px, 2.2vw, 30px); top: clamp(30px, 3.2vw, 42px); width: 12px; height: 12px; border-radius: 50%; background: var(--pl-gold); }
.pl-ab-place--green .pl-ab-place__dot { background: var(--pl-green); }
.pl .pl-ab-place h3 { margin: 0 0 6px; font-family: var(--pl-serif); font-weight: 500; font-size: clamp(22px, 2vw, 28px); line-height: 1.2; }
.pl-ab-place p { margin: 0; color: var(--pl-ink-soft); }

/* ---------- накратко: 4 факта с иконки ---------- */
.pl-ab-facts { margin-top: clamp(48px, 6vw, 88px); padding: clamp(40px, 5vw, 64px) 0; background: var(--pl-ink); color: var(--pl-field); }
.pl-ab-facts ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 40px); }
.pl-ab-fact { display: grid; grid-template-columns: 52px 1fr; gap: 4px 16px; align-items: start; }
.pl-ab-fact::before { content: ""; grid-row: span 2; width: 52px; height: 52px; border-radius: 50%; background: rgba(238, 240, 232, .1) center / 26px no-repeat; }
.pl-ab-fact::after { content: ""; position: absolute; }
.pl-ab-fact { position: relative; }
.pl-ab-fact b { padding-top: 4px; font-family: var(--pl-serif); font-weight: 500; font-size: clamp(21px, 1.7vw, 25px); line-height: 1.2; color: var(--pl-field); }
.pl-ab-fact span { font-size: 15px; line-height: 1.5; color: rgba(238, 240, 232, .7); }
.pl-ab-fact::after { left: 13px; top: 13px; width: 26px; height: 26px; background: var(--pl-gold); }
.pl-ab-fact--sprout::after { -webkit-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='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 12c0-4-3-6.5-7-6.5 0 4 3 6.5 7 6.5z'/%3E%3Cpath d='M12 14c0-3.5 2.5-6 6.5-6 0 3.5-2.5 6-6.5 6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 12c0-4-3-6.5-7-6.5 0 4 3 6.5 7 6.5z'/%3E%3Cpath d='M12 14c0-3.5 2.5-6 6.5-6 0 3.5-2.5 6-6.5 6z'/%3E%3C/svg%3E") center / contain no-repeat; }
.pl-ab-fact--field::after { -webkit-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='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19c3-3 6-4.5 9-4.5s6 1.5 9 4.5'/%3E%3Cpath d='M3 14.5c3-2.5 6-3.5 9-3.5s6 1 9 3.5'/%3E%3Cpath d='M7 8.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19c3-3 6-4.5 9-4.5s6 1.5 9 4.5'/%3E%3Cpath d='M3 14.5c3-2.5 6-3.5 9-3.5s6 1 9 3.5'/%3E%3Cpath d='M7 8.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.pl-ab-fact--badge::after { -webkit-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='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9.5' r='5.5'/%3E%3Cpath d='M9.5 9.5l1.7 1.7 3.3-3.4'/%3E%3Cpath d='M8.5 14l-1.5 7 5-2.5 5 2.5-1.5-7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9.5' r='5.5'/%3E%3Cpath d='M9.5 9.5l1.7 1.7 3.3-3.4'/%3E%3Cpath d='M8.5 14l-1.5 7 5-2.5 5 2.5-1.5-7'/%3E%3C/svg%3E") center / contain no-repeat; }
.pl-ab-fact--sun::after { -webkit-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='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---------- Demeter ---------- */
.pl-demeter__box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.pl-demeter__text { max-width: 560px; }
.pl-demeter__text .pl-h2 { margin-bottom: 22px; }
.pl-demeter__text p { margin: 0 0 16px; font-size: 17px; line-height: 1.7; color: var(--pl-ink-soft); }
.pl-demeter__text .pl-btn { margin-top: 12px; }
.pl .pl-demeter__cert { display: block; padding: clamp(16px, 2vw, 28px); border-radius: 28px; background: var(--pl-paper); box-shadow: 0 30px 60px -40px rgba(30, 42, 27, .45); transform: rotate(-1.5deg); transition: transform .4s cubic-bezier(.2, .7, .1, 1); }
.pl .pl-demeter__cert:hover { transform: rotate(0) scale(1.01); }
.pl-page .pl-demeter__cert img { width: 100%; height: auto; border-radius: 10px; }

/* ---------- почивка ---------- */
.pl-ab-stay { padding-bottom: clamp(48px, 6vw, 88px); }
.pl-ab-stay__card { position: relative; display: flex; align-items: flex-end; min-height: clamp(380px, 44vw, 560px); border-radius: 28px; overflow: hidden; color: #fff; isolation: isolate; }
.pl-page .pl-ab-stay__card > img { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.pl-ab-stay__card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20, 28, 18, 0) 30%, rgba(20, 28, 18, .78) 100%); }
.pl-ab-stay__body { padding: clamp(28px, 5vw, 64px); max-width: 680px; }
.pl .pl-ab-stay .pl-h2 { color: #fff; }
.pl-ab-stay__body p { margin: 14px 0 26px; font-size: 18px; color: rgba(255, 255, 255, .88); }

@media (max-width: 900px) {
	.pl-chapter__grid, .pl-demeter__box { grid-template-columns: 1fr; }
	.pl-chapter--flip .pl-chapter__media { order: 0; }
	.pl-ab-facts ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 782px) {
	.pl-about-page.admin-bar { --pl-header-h: 131px; }
}
@media (max-width: 560px) {
	.pl-about-page { --pl-header-h: 69px; --pl-toc-h: 56px; }
	.pl-about-page.admin-bar { --pl-header-h: 69px; }
	.pl-ab-places__grid, .pl-ab-facts ul { grid-template-columns: 1fr; }
	.pl-chapter__no { font-size: 38px; }
	.pl-slides { border-radius: 20px; }
}

/* ---------- глави на цяла ширина (по raventos.com/cellar) ----------
   Половината е снимка до ръба, другата — цветен панел с текста; страните и цветовете се редуват. */
.pl-chapter--split { padding: 0; }
.pl-chapter--split + .pl-chapter--split { margin-top: 0; }
.pl-chapter--split .pl-chapter__grid { max-width: none; padding: 0; gap: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.pl-chapter--split .pl-slides { aspect-ratio: auto; height: 100%; min-height: clamp(380px, 44vw, 680px); border-radius: 0; }
.pl-chapter--split .pl-chapter__text { max-width: none; display: flex; flex-direction: column; justify-content: center; padding: clamp(48px, 7vw, 112px) clamp(28px, 7vw, 120px); background: var(--pl-ch-bg); color: var(--pl-ch-ink); }
.pl-chapter--split .pl-chapter__text > * { max-width: 540px; }
.pl-chapter--split .pl-chapter__no { color: var(--pl-ch-accent); }
.pl .pl-chapter--split .pl-chapter__text .pl-h2 { color: var(--pl-ch-ink); }
.pl-chapter--split .pl-chapter__text p { color: var(--pl-ch-soft); }
.pl-chapter--tone-0 { --pl-ch-bg: #E2E5D6; --pl-ch-ink: var(--pl-ink); --pl-ch-soft: var(--pl-ink-soft); --pl-ch-accent: var(--pl-gold); }
.pl-chapter--tone-1 { --pl-ch-bg: var(--pl-ink); --pl-ch-ink: #F3F1E8; --pl-ch-soft: rgba(243, 241, 232, .8); --pl-ch-accent: #C9B27A; }
.pl-chapter--tone-2 { --pl-ch-bg: #E8DDC2; --pl-ch-ink: var(--pl-ink); --pl-ch-soft: #4A4635; --pl-ch-accent: #7D6731; }
.pl-chapter--tone-3 { --pl-ch-bg: var(--pl-green); --pl-ch-ink: #F6F4EA; --pl-ch-soft: rgba(246, 244, 234, .85); --pl-ch-accent: #E3D39E; }
.pl-wine-page .pl-chapter--tone-3 { --pl-ch-bg: var(--pl-wine); --pl-ch-accent: #E6C9A0; }
/* блоковете между главите (места, факти) не се лепят за тях */
.pl-chapter--split + .pl-ab-facts { margin-top: 0; }
.pl-chapter--split + .pl-ab-places { padding: clamp(32px, 4vw, 56px) 0; }
.pl-chapter--split + .pl-chapter:not(.pl-chapter--split) { padding-top: clamp(56px, 7vw, 104px); }
.pl-ab-toc + .pl-chapter--split { margin-top: 0; }
@media (max-width: 900px) {
	.pl-chapter--split .pl-chapter__grid { grid-template-columns: minmax(0, 1fr); }
	.pl-chapter--split.pl-chapter--flip .pl-chapter__media { order: 0; }
	.pl-chapter--split .pl-slides { min-height: 0; aspect-ratio: 4 / 3; height: auto; }
	.pl-chapter--split .pl-chapter__text { padding: 40px var(--pl-gutter) 48px; }
}
@media (max-width: 560px) {
	.pl-chapter--split .pl-slides { border-radius: 0; }
}