/* Wspólny wariant opinii na jasnym papierze — Karta dnia, O mnie, Ceremonia Nowiu i Ceremonia Pełni.
   Karty i karuzela pochodzą z reviews.php / opinie.css / opinie.js.
   Tokeny opp- zachowują wygląd Karty dnia bez zależności od arkuszy jej strony. */
.opinie-papier {
    --opp-atrament: #1c1a17;
    --opp-atrament-2: #5a5248;
    --opp-bordo: #7a2433;
    --opp-noc: #0f0c16;
    --opp-papier: #f4efe6;
    --opp-font-naglowek: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
    --opp-font-tekst: 'Poppins', system-ui, sans-serif;
    --opp-fs-etykieta: 0.8125rem;
    --opp-fs-h2: clamp(2.15rem, 1.45rem + 3vw, 3.85rem);
    --opp-fs-lede: clamp(1.0625rem, 0.99rem + 0.32vw, 1.25rem);
    --opp-fs-maly: 0.875rem;
    --opp-fs-tekst: clamp(1rem, 0.97rem + 0.16vw, 1.0938rem);
    --opp-glowa-odstep: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
    --opp-margines: clamp(1rem, 2.6vw, 1.625rem);
    --opp-miedz: #a85e2c;
    --opp-odstep: 16px;
    --opp-pasmo-y: clamp(4.5rem, 2.75rem + 5.5vw, 7.5rem);
    --opp-rdza: #7a4220;
    --opp-terakota: #d97742;
    --opp-tresc: 76rem;
    --opp-ziarno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    font-size: var(--opp-fs-tekst);
    line-height: 1.65;
}
.opinie-papier a { text-underline-offset: 4px; text-decoration-thickness: 1px; }
.opinie-papier a:focus-visible, .opinie-papier button:focus-visible { outline: 3px solid var(--opp-terakota); outline-offset: 5px; }
@media (min-width: 768px) {
    .opinie-papier { --opp-odstep: 24px; }
}

.opinie-papier #opinie {
    --op-slide: min(21rem, 78vw);
    --opp-op-cien-x: 16px;
    --opp-op-wylew: 16px;
    padding-block: var(--opp-pasmo-y);
    background-color: var(--opp-papier);
    background-image: var(--opp-ziarno);
    color: var(--opp-atrament);
    font-family: var(--opp-font-tekst);
}
.opinie-papier #opinie::before { display: none; }
.opinie-papier .reviews__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr);
    grid-template-areas:
        'nad nad nad nad'
        'glowa glowa glowa glowa'
        'lede lede lede lede'
        'ocena ocena ocena ocena'
        'tor tor tor tor'
        '. prev next .'
        'akcje akcje akcje akcje'
        'dopisek dopisek dopisek dopisek';
    column-gap: 0.75rem;
    width: min(100% - 2 * var(--opp-margines), var(--opp-tresc));
    max-width: none; margin-inline: auto; padding-inline: 0; text-align: center;
}
.opinie-papier .reviews__heading--secondary { grid-area: nad; display: block; width: auto; max-width: 40rem; margin: 0 auto; font: 600 0.75rem/1.5 var(--opp-font-tekst); letter-spacing: 0.18em; color: var(--opp-rdza); text-wrap: balance; }
.opinie-papier .reviews__heading--secondary::before, .opinie-papier .reviews__heading--secondary::after { display: none; }
.opinie-papier .reviews__heading--primary { grid-area: glowa; max-width: 14em; margin: 0 auto; font: 500 var(--opp-fs-h2)/1.06 var(--opp-font-naglowek); letter-spacing: -0.005em; color: var(--opp-atrament); text-wrap: balance; overflow-wrap: anywhere; }
.opinie-papier .reviews__heading--primary::before {
    content: ''; display: block; width: 156px; height: 12px; margin: 1.1rem auto;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a85e2c' d='M12 1l2.2 8.8L23 12l-8.8 2.2L12 23l-2.2-8.8L1 12l8.8-2.2z'/%3E%3C/svg%3E") center / 12px 12px no-repeat,
        linear-gradient(90deg, transparent, var(--opp-miedz)) left center / 56px 1px no-repeat,
        linear-gradient(90deg, var(--opp-miedz), transparent) right center / 56px 1px no-repeat;
}
.opinie-papier .reviews__lede { grid-area: lede; max-width: 42rem; margin: 1.25rem auto 0; font-size: var(--opp-fs-lede); font-style: italic; line-height: 1.65; color: var(--opp-atrament-2); }
.opinie-papier .opinie__summary { grid-area: ocena; max-width: min(100%, 48rem); margin: 1.75rem auto 0; border-color: rgba(168, 94, 44, 0.28); text-wrap: balance; }
.opinie-papier .opinie__summary-text { font-size: var(--opp-fs-maly); color: var(--opp-atrament-2); }
.opinie-papier .opinie__slider { display: contents; }
.opinie-papier #opinie .opinie__rail { grid-area: tor; margin-top: calc(var(--opp-glowa-odstep) - 0.85rem); margin-inline: calc(-1 * var(--opp-op-wylew)); padding: 0.85rem var(--opp-op-cien-x) 2.25rem; }
.opinie-papier .opinia { border-color: rgba(168, 94, 44, 0.28); box-shadow: 0 1px 2px rgba(42, 31, 20, 0.06), 0 18px 34px -22px rgba(42, 31, 20, 0.4); }
.opinie-papier .opinie__rail:focus-visible { outline: 3px solid var(--opp-atrament); outline-offset: -3px; }
.opinie-papier .opinie__rail:not(.swiper-initialized) { scrollbar-color: rgba(42, 31, 20, 0.6) rgba(42, 31, 20, 0.08); }
.opinie-papier .opinie__rail:not(.swiper-initialized)::-webkit-scrollbar-track { background: rgba(42, 31, 20, 0.08); }
.opinie-papier .opinie__rail:not(.swiper-initialized)::-webkit-scrollbar-thumb { background: rgba(42, 31, 20, 0.6); }
.opinie-papier .opinie__arrow--prev { grid-area: prev; justify-self: auto; }
.opinie-papier .opinie__arrow--next { grid-area: next; justify-self: auto; }
.opinie-papier .opinie__arrow { width: 52px; height: 52px; border: 1px solid rgba(28, 26, 23, 0.6); border-radius: 0; background: transparent; color: var(--opp-atrament); transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
.opinie-papier .opinie__arrow:focus-visible { border-color: var(--opp-atrament); background: transparent; color: var(--opp-atrament); outline: 3px solid var(--opp-atrament); outline-offset: 3px; }
.opinie-papier .opinie__arrow:hover { border-color: var(--opp-atrament); background: var(--opp-atrament); color: var(--opp-papier); }
.opinie-papier .opinie__arrow:active { transform: none; }
.opinie-papier .opinie__actions { grid-area: akcje; justify-content: center; gap: 0.875rem; margin: 1.75rem 0 0; }
.opinie-papier .opinie__cta { justify-content: center; min-height: 52px; max-width: 100%; padding: 0.85rem 1.75rem; border: 1px solid transparent; border-radius: 0; font: 600 var(--opp-fs-etykieta)/1.25 var(--opp-font-tekst); letter-spacing: 0.14em; text-align: center; overflow-wrap: anywhere; box-shadow: none; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
.opinie-papier .opinie__cta:not(.opinie__cta--ghost) { background: var(--zoriana-cta); border-color: var(--zoriana-cta); color: var(--opp-noc); }
.opinie-papier .opinie__cta:not(.opinie__cta--ghost):hover { background: var(--zoriana-cta-hover); border-color: var(--zoriana-cta-hover); transform: none; }
.opinie-papier .opinie__cta--ghost { background: transparent; border-color: var(--opp-atrament); color: var(--opp-atrament); }
.opinie-papier .opinie__cta--ghost:focus-visible { background: transparent; color: var(--opp-atrament); }
.opinie-papier .opinie__cta--ghost:hover { background: var(--opp-atrament); border-color: var(--opp-atrament); color: var(--opp-papier); transform: none; }
.opinie-papier .opinie__cta:focus-visible { outline: 3px solid var(--opp-atrament); outline-offset: 3px; transform: none; box-shadow: none; }
.opinie-papier .opinie__disclosure { grid-area: dopisek; max-width: 40rem; margin: 1.25rem auto 0; font-size: var(--opp-fs-maly); font-style: italic; line-height: 1.6; text-align: center; color: var(--opp-atrament-2); }
.opinie-papier .opinie__disclosure a { color: var(--opp-bordo); }
.opinie-papier .opinie__disclosure a:focus-visible { outline: 3px solid var(--opp-atrament); outline-offset: 2px; border-radius: 0; }

@media (max-width: 599.98px) {
    .opinie-papier .opinie__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
    .opinie-papier .opinie__cta { width: 100%; }
}
@media (max-width: 767.98px) {
    .opinie-papier #opinie { --opp-op-wylew: var(--opp-margines); --opp-op-cien-x: var(--opp-margines); }
    .opinie-papier .opinie__rail:not(.swiper-initialized) .opinie__track { gap: var(--opp-odstep); }
}
@media (min-width: 600px) {
    .opinie-papier #opinie { --op-slide: calc((100% - var(--opp-odstep)) / 2); }
}
@media (min-width: 600px) and (max-width: 767.98px) {
    .opinie-papier #opinie { --opp-op-wylew: 12px; --opp-op-cien-x: 12px; }
}
@media (min-width: 1000px) {
    .opinie-papier #opinie { --op-slide: calc((100% - 2 * var(--opp-odstep)) / 3); }
}