/* Poliana — страница „Сертификати“. */


/* ---------- карта на сертификат ---------- */
.pl-cert { padding: clamp(24px, 3vw, 40px) 0; }
.pl-cert__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; padding: clamp(28px, 4vw, 64px); border-radius: 32px; background: var(--pl-paper); }
.pl-cert__grid--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); background: var(--pl-field-deep); }
.pl-cert__grid--flip .pl-cert__badge { order: 2; }

/* документът като лист хартия */
.pl .pl-cert__doc { position: relative; display: block; padding: clamp(18px, 2.4vw, 32px); border-radius: 6px; background: #fff; box-shadow: 0 1px 0 rgba(30, 42, 27, .06), 0 30px 60px -36px rgba(30, 42, 27, .55), 0 0 0 1px rgba(30, 42, 27, .06); transform: rotate(-1.2deg); transition: transform .45s cubic-bezier(.2, .7, .1, 1), box-shadow .45s; }
.pl .pl-cert__doc::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(0, 105, 75, .18); border-radius: 3px; pointer-events: none; }
.pl .pl-cert__doc:hover { transform: rotate(0) scale(1.01); box-shadow: 0 1px 0 rgba(30, 42, 27, .06), 0 40px 70px -36px rgba(30, 42, 27, .6), 0 0 0 1px rgba(30, 42, 27, .06); }
.pl-page .pl-cert__doc img { width: 100%; height: auto; }
.pl-cert__zoom { position: absolute; right: 16px; bottom: 16px; width: 40px; height: 40px; border-radius: 50%; background: var(--pl-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF0E8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") 50% 50% / 18px no-repeat; opacity: 0; transform: translateY(4px); transition: opacity .3s, transform .3s; }
.pl-cert__doc:hover .pl-cert__zoom { opacity: 1; transform: none; }

.pl-cert__info { max-width: 540px; }
.pl-page .pl-cert__logo { width: 110px; height: auto; margin-bottom: 22px; }
.pl-cert__info .pl-h2 { margin-bottom: 16px; }
.pl-cert__info > p { margin: 0 0 22px; font-size: 17px; line-height: 1.65; color: var(--pl-ink-soft); }
.pl-cert__info b { color: var(--pl-ink); }
.pl-cert__facts { display: grid; gap: 0; margin: 0 0 26px; border-top: 1px solid var(--pl-line); }
.pl-cert__facts > div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--pl-line); }
.pl-cert__facts dt { font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--pl-ink-soft); padding-top: 2px; }
.pl-cert__facts dd { margin: 0; font-size: 16px; font-weight: 500; color: var(--pl-ink); }

/* знакът на ЕС */
.pl-cert__badge { display: grid; justify-items: center; gap: 6px; padding: clamp(28px, 4vw, 48px); border-radius: 24px; background: var(--pl-paper); text-align: center; }
.pl-page .pl-cert__badge img { width: min(220px, 70%); height: auto; margin-bottom: 14px; }
.pl-cert__code { font: 600 22px/1 var(--pl-sans); letter-spacing: .04em; color: var(--pl-ink); }
.pl-cert__origin { font-size: 15px; color: var(--pl-ink-soft); }

/* ---------- разликата ---------- */
.pl-certs-diff .pl-h2 { margin-bottom: clamp(28px, 3vw, 44px); }
.pl-certs-diff__grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(14px, 2vw, 24px); }
.pl-certs-diff__col { padding: clamp(24px, 3vw, 40px); border-radius: 24px; background: var(--pl-paper); }
.pl-certs-diff__col--demeter { background: var(--pl-ink); color: var(--pl-field); }
.pl-certs-diff__tag { display: inline-block; margin-bottom: 20px; padding: 6px 14px; border-radius: 99px; background: #E6EDDC; color: var(--pl-green); font-size: 13px; font-weight: 600; }
.pl-certs-diff__col--demeter .pl-certs-diff__tag { background: #EB6A1E; color: #fff; }
.pl-certs-diff__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.pl-certs-diff__col li { position: relative; padding-left: 30px; font-size: 16px; line-height: 1.5; }
.pl-certs-diff__col li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #E6EDDC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E6B2E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") 50% 50% / 13px no-repeat; }
.pl-certs-diff__col--demeter li { color: rgba(238, 240, 232, .85); }
.pl-certs-diff__col--demeter li::before { background-color: rgba(238, 240, 232, .12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A24B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E"); }

@media (max-width: 900px) {
	.pl-cert__grid, .pl-cert__grid--flip, .pl-certs-diff__grid { grid-template-columns: 1fr; }
	.pl-cert__grid--flip .pl-cert__badge { order: 0; }
}
@media (max-width: 560px) {
	.pl-cert__grid { padding: 20px; border-radius: 24px; }
	.pl-cert__facts > div { grid-template-columns: 1fr; gap: 2px; }
}