:root {
    --trinel-pmm-burgundy: #7F1736;
    --trinel-pmm-plum: #9B2C4C;
    --trinel-pmm-rose: #C46B92;
    --trinel-pmm-soft-rose: #E5A3B4;
    --trinel-pmm-soft-pink: #F6E4EC;
    --trinel-pmm-pearl: #FAF8F7;
    --trinel-pmm-gold: #F1D5AE;
    --trinel-pmm-ink: #111111;
}

.trinel-pmm,
.trinel-pmm * { box-sizing: border-box; }

.trinel-pmm {
    position: relative;
    --trinel-pmm-trigger-size: 48px;
    --trinel-pmm-trigger-radius: 0px;
    --trinel-pmm-toggle-bg-v505: #8A8160;
    --trinel-pmm-toggle-color-v505: #FFFFFF;
    --trinel-pmm-toggle-border-v505: #8A8160;
    --trinel-pmm-backdrop-color: rgba(33,22,26,.18);
    --trinel-pmm-backdrop-blur: 18px;
    --trinel-pmm-shell-bg: #FAF4F2;
    --trinel-pmm-shell-radius: 2px;
    --trinel-pmm-shell-border: rgba(127,23,54,.12);
    --trinel-pmm-shell-max-width: 1680px;
    --trinel-pmm-shell-max-height: 980px;
    --trinel-pmm-grid-cols: 6;
    --trinel-pmm-grid-gap: 18px;
    --trinel-pmm-card-surface: rgba(255,255,255,.72);
    --trinel-pmm-card-line: rgba(127,23,54,.14);
    --trinel-pmm-card-radius: 4px;
    --trinel-pmm-card-min-height: 260px;
    --trinel-pmm-thumb-height: 112px;
    --trinel-pmm-thumb-radius: 2px;
    --trinel-pmm-card-title-color: #21161a;
    --trinel-pmm-card-text-color: rgba(17,17,17,.58);
    --trinel-pmm-card-cta-color: #7F1736;
    --trinel-pmm-card-hover-bg: rgba(255,255,255,.88);
    --trinel-pmm-card-hover-border: rgba(127,23,54,.28);
    --trinel-pmm-sidebar-width: 260px;
    --trinel-pmm-sidebar-thumb-width: 68px;
    --trinel-pmm-sidebar-thumb-height: 62px;
    --trinel-pmm-sidebar-item-bg: rgba(250,248,247,.68);
    --trinel-pmm-sidebar-item-active-bg: rgba(246,228,236,.88);
    --trinel-pmm-sidebar-item-border: rgba(127,23,54,.14);
    --trinel-pmm-sidebar-item-active-border: rgba(127,23,54,.32);
    --trinel-pmm-sidebar-title-color: #21161a;
    --trinel-pmm-sidebar-active-title-color: #7F1736;
    --trinel-pmm-heading-color: #111111;
    --trinel-pmm-body-color: rgba(17,17,17,.58);
    --trinel-pmm-accent-color: #7F1736;
    --trinel-pmm-button-bg: linear-gradient(90deg, #D9B7C2 0%, #B99BA5 100%);
    --trinel-pmm-button-color: #FAF8F7;
    --trinel-pmm-ghost-color: #7F1736;
}

.trinel-pmm__trigger {
    appearance: none;
    border: 1px solid var(--trinel-pmm-toggle-border-v505);
    background: var(--trinel-pmm-toggle-bg-v505) ;
    color: var(--trinel-pmm-toggle-color-v505);
    border-radius: var(--trinel-pmm-trigger-radius);
    min-width: var(--trinel-pmm-trigger-size);
    min-height: var(--trinel-pmm-trigger-size);
    padding: 9px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    box-shadow: none;
    transition: transform .28s ease, opacity .28s ease, color .28s ease, background-color .28s ease, border-color .28s ease;
}


.trinel-pmm button,
.trinel-pmm a.trinel-pmm__btn {
    box-shadow: none;
    font: inherit;
}

.trinel-pmm:not(.is-open) .trinel-pmm__trigger:hover,
.trinel-pmm:not(.is-open) .trinel-pmm__trigger:focus-visible {
    transform: translateY(-1px);
    background: #FFFFFF;
    color: #8A8160;
    border-color: #8A8160;
    outline: none;
}

.trinel-pmm.is-open .trinel-pmm__trigger:hover,
.trinel-pmm.is-open .trinel-pmm__trigger:focus-visible {
    transform: translateY(-1px);
    background: #FFFFFF;
    color: #7F1736;
    border-color: #8A8160;
    outline: none;
}

.trinel-pmm__burger {
    width: 27px;
    height: 20px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.trinel-pmm__burger span {
    display: block;
    height: 2px;
    width: 100%;
    background: currentColor;
    transform-origin: center;
}


.trinel-pmm.is-open .trinel-pmm__trigger {
    position: relative;
    z-index: 1000002;
    background: #FFFFFF;
    border-color: #8A8160;
    color: #7F1736;
}

.trinel-pmm.is-open .trinel-pmm__burger {
    position: relative;
}

.trinel-pmm.is-open .trinel-pmm__burger span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.trinel-pmm.is-open .trinel-pmm__burger span:nth-child(2) {
    opacity: 0;
}

.trinel-pmm.is-open .trinel-pmm__burger span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}


.trinel-pmm__trigger-label,
.trinel-pmm__close-label {
    font-family: Montserrat, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}

.trinel-pmm__overlay[hidden] { display: none ; }

.trinel-pmm__overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    color: var(--trinel-pmm-heading-color);
    animation: trinelPmmFade .28s ease both;
}

.trinel-pmm__backdrop {
    position: absolute;
    inset: 0;
    background: var(--trinel-pmm-backdrop-color);
    backdrop-filter: blur(var(--trinel-pmm-backdrop-blur));
    -webkit-backdrop-filter: blur(var(--trinel-pmm-backdrop-blur));
}

.trinel-pmm__shell {
    position: relative;
    width: min(var(--trinel-pmm-shell-max-width), calc(100vw - 72px));
    height: min(var(--trinel-pmm-shell-max-height), calc(100vh - 72px));
    margin: 36px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    border: 1px solid var(--trinel-pmm-shell-border);
    border-radius: var(--trinel-pmm-shell-radius);
    background:
        linear-gradient(90deg, rgba(255,255,255,.42), rgba(255,255,255,0) 36%),
        linear-gradient(135deg, var(--trinel-pmm-shell-bg), #F7ECE9 100%);
    box-shadow: 0 34px 100px rgba(33,22,26,.16);
    padding: clamp(28px, 4vw, 72px);
    animation: trinelPmmRise .38s cubic-bezier(.2,.85,.2,1) both;
}

.trinel-pmm__shell::-webkit-scrollbar { width: 8px; }
.trinel-pmm__shell::-webkit-scrollbar-thumb { background: rgba(127,23,54,.20); border-radius: 20px; }
.trinel-pmm__shell::-webkit-scrollbar-track { background: rgba(250,248,247,.45); }

.trinel-pmm__topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding-bottom: clamp(18px, 2vw, 28px);
    border-bottom: 1px solid rgba(127,23,54,.12);
}

.trinel-pmm__brand span,
.trinel-pmm__panel-kicker {
    display: block;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--trinel-pmm-card-cta-color);
    font-weight: 700;
    margin-bottom: 10px;
}

.trinel-pmm__brand strong {
    display: block;
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(30px, 4.4vw, 72px);
    font-weight: 500;
    letter-spacing: .09em;
    color: var(--trinel-pmm-heading-color);
    line-height: 1.04;
    text-transform: uppercase;
}

.trinel-pmm__close {
    appearance: none ;
    border: 0 ;
    background: linear-gradient(90deg, #D9B7C2 0%, #B99BA5 100%) ;
    color: #FAF8F7 ;
    min-height: 58px;
    padding: 12px 22px 12px 22px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 2px ;
    flex: 0 0 auto;
    transition: transform .25s ease, opacity .25s ease;
}

.trinel-pmm__close:hover,
.trinel-pmm__close:focus-visible,
.trinel-pmm__close:active {
    background: linear-gradient(90deg, #D9B7C2 0%, #B99BA5 100%) ;
    color: #FAF8F7 ;
    transform: translateY(-1px);
    opacity: .88;
    outline: none;
}

.trinel-pmm__close-icon {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    flex: 0 0 auto;
}

.trinel-pmm__close-icon span {
    position: absolute;
    left: 2px;
    top: 14px;
    width: 26px;
    height: 2px;
    background: currentColor;
}

.trinel-pmm__close-icon span:first-child { transform: rotate(45deg); }
.trinel-pmm__close-icon span:last-child { transform: rotate(-45deg); }

.trinel-pmm__intro {
    max-width: 980px;
    margin: clamp(22px, 2.4vw, 38px) 0 clamp(24px, 3vw, 46px);
    font-family: Montserrat, Arial, sans-serif;
    color: var(--trinel-pmm-body-color);
    line-height: 1.75;
    font-size: clamp(17px, 1.45vw, 24px);
    font-weight: 400;
}

.trinel-pmm__stage {
    position: relative;
    min-height: clamp(430px, 50vh, 620px);
}

.trinel-pmm__grid {
    display: grid;
    grid-template-columns: repeat(var(--trinel-pmm-grid-cols), minmax(0, 1fr));
    gap: var(--trinel-pmm-grid-gap);
    transition: opacity .28s ease, filter .28s ease, transform .28s ease;
}

.trinel-pmm.has-active-panel .trinel-pmm__grid {
    opacity: .16;
    filter: blur(3px);
    transform: scale(.992);
}

.trinel-pmm__card {
    appearance: none;
    text-align: center;
    width: 100%;
    min-height: var(--trinel-pmm-card-min-height);
    border: 1px solid var(--trinel-pmm-card-line);
    border-radius: var(--trinel-pmm-card-radius);
    background: var(--trinel-pmm-card-surface) ;
    padding: clamp(18px, 1.6vw, 26px);
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
    color: var(--trinel-pmm-heading-color);
    position: relative;
    overflow: hidden;
    transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease, opacity .28s ease;
}

.trinel-pmm__card:hover,
.trinel-pmm__card:focus-visible,
.trinel-pmm__card.is-active {
    transform: translateY(-3px);
    border-color: var(--trinel-pmm-card-hover-border);
    background: var(--trinel-pmm-card-hover-bg) ;
    box-shadow: 0 20px 54px rgba(127,23,54,.08);
    outline: none;
}

.trinel-pmm__thumb,
.trinel-pmm__thumb img,
.trinel-pmm__thumb-fallback {
    display: block;
    width: 100%;
    height: var(--trinel-pmm-thumb-height);
    border-radius: var(--trinel-pmm-thumb-radius);
    overflow: hidden;
    position: relative;
}

.trinel-pmm__thumb img {
    object-fit: cover;
    transition: transform .45s ease;
    filter: saturate(.92) contrast(.98);
}

.trinel-pmm__card:hover .trinel-pmm__thumb img,
.trinel-pmm__card.is-active .trinel-pmm__thumb img { transform: scale(1.045); }

.trinel-pmm__thumb-fallback,
.trinel-pmm__visual-fallback {
    background:
        radial-gradient(circle at 32% 18%, rgba(241,213,174,.55), transparent 28%),
        radial-gradient(circle at 78% 78%, rgba(229,163,180,.28), transparent 34%),
        linear-gradient(135deg, #FFFFFF, #F8EDEB);
    border: 1px solid rgba(127,23,54,.10);
}

.trinel-pmm__card-title {
    display: block;
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(16px, 1.1vw, 21px);
    line-height: 1.2;
    letter-spacing: .115em;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--trinel-pmm-card-title-color);
    text-transform: uppercase;
}

.trinel-pmm__card-text {
    display: block;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: var(--trinel-pmm-card-text-color);
}

.trinel-pmm__card-cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--trinel-pmm-accent-color);
    font-weight: 700;
}

.trinel-pmm__card-cta:after { content: "→"; font-size: 13px; line-height: 1; }

.trinel-pmm__preview {
    position: absolute;
    inset: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid rgba(127,23,54,.12);
    background:
        linear-gradient(90deg, rgba(250,248,247,.98), rgba(250,244,242,.96)),
        var(--trinel-pmm-shell-bg);
    transform: translateY(10px);
    transition: opacity .28s ease, visibility .28s ease, transform .28s ease;
    padding: clamp(24px, 3.2vw, 52px);
    box-shadow: 0 26px 70px rgba(127,23,54,.10);
}

.trinel-pmm.has-active-panel .trinel-pmm__preview {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.trinel-pmm__panel {
    display: none;
    grid-template-columns: minmax(280px, .92fr) minmax(360px, 1.08fr);
    gap: clamp(28px, 4.5vw, 72px);
    align-items: stretch;
    min-height: 100%;
    animation: trinelPmmSoftIn .30s ease both;
}

.trinel-pmm__panel.is-active { display: grid; }

.trinel-pmm__visual,
.trinel-pmm__visual img,
.trinel-pmm__visual-fallback {
    min-height: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    display: block;
}

.trinel-pmm__visual img {
    width: 100%;
    object-fit: cover;
    filter: saturate(.92) contrast(.98);
}

.trinel-pmm__visual { box-shadow: none; border: 1px solid rgba(127,23,54,.12); }

.trinel-pmm__visual-fallback {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trinel-pmm__visual-fallback span {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid rgba(127,23,54,.18);
    box-shadow: inset 0 0 0 20px rgba(250,248,247,.42);
}

.trinel-pmm__panel-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(12px, 2vw, 24px) 0;
}

.trinel-pmm__panel-copy h2 {
    font-family: Cinzel, Georgia, serif;
    color: var(--trinel-pmm-heading-color);
    font-size: clamp(34px, 5vw, 76px);
    font-weight: 500;
    letter-spacing: .105em;
    line-height: 1.02;
    margin: 0 0 24px;
    text-transform: uppercase;
}

.trinel-pmm__panel-description,
.trinel-pmm__panel-description p {
    font-family: Montserrat, Arial, sans-serif;
    color: var(--trinel-pmm-body-color);
    font-size: clamp(16px, 1.25vw, 22px);
    line-height: 1.85;
    max-width: 760px;
    margin: 0 0 18px;
}

.trinel-pmm__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.trinel-pmm__btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    min-width: min(100%, 320px);
    padding: 15px 22px 15px 28px;
    border-radius: 999px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none ;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, opacity .25s ease;
}

.trinel-pmm__btn:after {
    content: "→";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.58);
    font-size: 18px;
    letter-spacing: 0;
    margin-left: 18px;
}

.trinel-pmm__btn:hover,
.trinel-pmm__btn:focus-visible { transform: translateY(-1px); outline: none; opacity: .92; }

.trinel-pmm__btn--primary {
    background: var(--trinel-pmm-button-bg) ;
    color: var(--trinel-pmm-button-color) ;
    box-shadow: 0 14px 32px rgba(127,23,54,.12);
}

.trinel-pmm__btn--ghost {
    background: rgba(250,248,247,.74) ;
    color: var(--trinel-pmm-ghost-color) ;
    border: 1px solid rgba(127,23,54,.18);
}

.trinel-pmm__btn--ghost:after { border-color: rgba(127,23,54,.22); }

.trinel-pmm-is-open { overflow: hidden; }

.trinel-pmm-editor-note {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(127,23,54,.16);
    border-radius: 2px;
    background: #fff8fb;
    color: #7F1736;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1400px) {
    .trinel-pmm__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .trinel-pmm__stage { min-height: 760px; }
}

@media (max-width: 860px) {
    .trinel-pmm__shell {
        width: calc(100vw - 24px);
        height: calc(100vh - 24px);
        margin: 12px;
        padding: 22px;
    }
    .trinel-pmm__brand strong { font-size: clamp(26px, 9vw, 44px); }
    .trinel-pmm__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trinel-pmm__stage { min-height: 820px; }
    .trinel-pmm__preview { padding: 20px; overflow: auto; }
    .trinel-pmm__panel { grid-template-columns: 1fr; }
    .trinel-pmm__visual, .trinel-pmm__visual img, .trinel-pmm__visual-fallback { min-height: 250px; height: 250px; }
}

@media (max-width: 540px) {
    .trinel-pmm__topbar { align-items: flex-start; }
    .trinel-pmm__close-label { display: none; }
    .trinel-pmm__grid { grid-template-columns: 1fr; }
    .trinel-pmm__stage { min-height: 1120px; }
    .trinel-pmm__card { min-height: auto; }
    .trinel-pmm__thumb, .trinel-pmm__thumb img, .trinel-pmm__thumb-fallback { height: 130px; }
    .trinel-pmm__actions { flex-direction: column; align-items: stretch; }
    .trinel-pmm__btn { width: 100%; }
}

@keyframes trinelPmmFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes trinelPmmRise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes trinelPmmSoftIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

/* Elementor editor default preview: show the menu layout inline without blocking the editor canvas. */
.trinel-pmm--editor {
    display: block ;
    width: 100%;
}

.trinel-pmm--editor .trinel-pmm__trigger {
    margin-bottom: 14px;
}

.trinel-pmm--editor.is-open .trinel-pmm__trigger,
.trinel-pmm--editor .trinel-pmm__trigger {
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
}


.trinel-pmm--editor .trinel-pmm__overlay {
    position: relative;
    inset: auto;
    z-index: 1;
    display: flex ;
    width: 100%;
    min-height: 760px;
    align-items: stretch;
    justify-content: center;
    border: 1px dashed rgba(127,23,54,.22);
    overflow: hidden;
    animation: none;
}

.trinel-pmm--editor .trinel-pmm__backdrop {
    background: #FAF4F2;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.trinel-pmm--editor .trinel-pmm__shell {
    width: 100%;
    height: auto;
    min-height: 720px;
    max-height: none;
    margin: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 22px 72px rgba(127,23,54,.08);
    animation: none;
}

.trinel-pmm--editor .trinel-pmm__stage { min-height: 560px; }
.trinel-pmm--editor .trinel-pmm__close { pointer-events: none; opacity: .88; }

/* v4 sidebar reveal layout */
.trinel-pmm.has-active-panel .trinel-pmm__stage {
    display: grid;
    grid-template-columns: minmax(var(--trinel-pmm-sidebar-width), 1fr) minmax(0, 2fr);
    gap: clamp(16px, 2vw, 28px);
    min-height: 0;
    height: clamp(420px, calc(100vh - 330px), 620px);
    align-items: stretch;
}

.trinel-pmm.has-active-panel .trinel-pmm__grid {
    opacity: 1;
    filter: none;
    transform: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    scrollbar-width: thin;
}

.trinel-pmm.has-active-panel .trinel-pmm__grid::-webkit-scrollbar { width: 6px; }
.trinel-pmm.has-active-panel .trinel-pmm__grid::-webkit-scrollbar-thumb { background: rgba(127,23,54,.20); border-radius: 20px; }
.trinel-pmm.has-active-panel .trinel-pmm__grid::-webkit-scrollbar-track { background: rgba(250,248,247,.38); }

.trinel-pmm.has-active-panel .trinel-pmm__card {
    min-height: 86px;
    padding: 10px;
    display: grid;
    grid-template-columns: var(--trinel-pmm-sidebar-thumb-width) minmax(0, 1fr);
    align-items: center;
    text-align: left;
    gap: 14px;
    border-radius: 2px;
    background: var(--trinel-pmm-sidebar-item-bg);
    box-shadow: none;
    transform: none;
}

.trinel-pmm.has-active-panel .trinel-pmm__card:hover,
.trinel-pmm.has-active-panel .trinel-pmm__card:focus-visible,
.trinel-pmm.has-active-panel .trinel-pmm__card.is-active {
    transform: none;
    background: var(--trinel-pmm-sidebar-item-active-bg);
    border-color: var(--trinel-pmm-sidebar-item-active-border);
    box-shadow: 0 12px 26px rgba(127,23,54,.06);
}

.trinel-pmm.has-active-panel .trinel-pmm__thumb,
.trinel-pmm.has-active-panel .trinel-pmm__thumb img,
.trinel-pmm.has-active-panel .trinel-pmm__thumb-fallback {
    width: var(--trinel-pmm-sidebar-thumb-width);
    height: var(--trinel-pmm-sidebar-thumb-height);
    border-radius: var(--trinel-pmm-thumb-radius);
}

.trinel-pmm.has-active-panel .trinel-pmm__card-copy {
    display: block;
    min-width: 0;
}

.trinel-pmm.has-active-panel .trinel-pmm__card-title {
    color: var(--trinel-pmm-sidebar-title-color);
    font-size: clamp(12px, .86vw, 15px);
    letter-spacing: .16em;
    line-height: 1.24;
    margin: 0;
}

.trinel-pmm.has-active-panel .trinel-pmm__card.is-active .trinel-pmm__card-title,
.trinel-pmm.has-active-panel .trinel-pmm__card:hover .trinel-pmm__card-title,
.trinel-pmm.has-active-panel .trinel-pmm__card:focus-visible .trinel-pmm__card-title {
    color: var(--trinel-pmm-sidebar-active-title-color);
}

.trinel-pmm.has-active-panel .trinel-pmm__card-text,
.trinel-pmm.has-active-panel .trinel-pmm__card-cta {
    display: none;
}

.trinel-pmm.has-active-panel .trinel-pmm__preview {
    position: relative;
    inset: auto;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    overflow: hidden;
    transform: none;
    height: 100%;
    min-height: 0;
    border-radius: 2px;
    padding: clamp(18px, 2.2vw, 34px);
    background:
        linear-gradient(90deg, rgba(250,248,247,.98), rgba(246,228,236,.84) 100%),
        var(--trinel-pmm-shell-bg);
}

.trinel-pmm.has-active-panel .trinel-pmm__panel {
    height: 100%;
    min-height: 0;
    grid-template-columns: minmax(220px, .9fr) minmax(0, 1.1fr);
    gap: clamp(18px, 3vw, 42px);
    align-items: stretch;
}

.trinel-pmm.has-active-panel .trinel-pmm__visual,
.trinel-pmm.has-active-panel .trinel-pmm__visual img,
.trinel-pmm.has-active-panel .trinel-pmm__visual-fallback {
    height: 100%;
    min-height: 0;
    border-radius: 2px;
}

.trinel-pmm.has-active-panel .trinel-pmm__panel-copy {
    justify-content: center;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    scrollbar-width: thin;
}

.trinel-pmm.has-active-panel .trinel-pmm__panel-copy::-webkit-scrollbar { width: 6px; }
.trinel-pmm.has-active-panel .trinel-pmm__panel-copy::-webkit-scrollbar-thumb { background: rgba(127,23,54,.20); border-radius: 20px; }
.trinel-pmm.has-active-panel .trinel-pmm__panel-copy::-webkit-scrollbar-track { background: rgba(250,248,247,.38); }

.trinel-pmm.has-active-panel .trinel-pmm__panel-copy h2 {
    font-size: clamp(26px, 3.6vw, 52px);
    margin-bottom: 16px;
}

.trinel-pmm.has-active-panel .trinel-pmm__panel-description,
.trinel-pmm.has-active-panel .trinel-pmm__panel-description p {
    font-size: clamp(14px, 1vw, 17px);
    line-height: 1.75;
}

.trinel-pmm.has-active-panel .trinel-pmm__actions {
    margin-top: 20px;
}

.trinel-pmm.has-active-panel .trinel-pmm__btn {
    min-height: 52px;
    min-width: min(100%, 280px);
    padding: 12px 18px 12px 22px;
    font-size: 11px;
}

.trinel-pmm.has-active-panel .trinel-pmm__btn:after {
    width: 32px;
    height: 32px;
}

@media (max-width: 1100px) {
    .trinel-pmm.has-active-panel .trinel-pmm__stage {
        grid-template-columns: minmax(190px, .85fr) minmax(0, 2.15fr);
        height: clamp(460px, calc(100vh - 290px), 680px);
    }

    .trinel-pmm.has-active-panel .trinel-pmm__panel {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .trinel-pmm.has-active-panel .trinel-pmm__visual,
    .trinel-pmm.has-active-panel .trinel-pmm__visual img,
    .trinel-pmm.has-active-panel .trinel-pmm__visual-fallback {
        height: 210px;
        min-height: 210px;
    }
}

@media (max-width: 760px) {
    .trinel-pmm.has-active-panel .trinel-pmm__stage {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .trinel-pmm.has-active-panel .trinel-pmm__grid {
        max-height: 260px;
    }

    .trinel-pmm.has-active-panel .trinel-pmm__preview {
        height: auto;
        min-height: 420px;
    }

    .trinel-pmm.has-active-panel .trinel-pmm__panel {
        height: auto;
    }
}

/* v5 Elementor Template reveal panels */
.trinel-pmm__panel-template {
    grid-column: 1 / -1;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    border-radius: 2px;
    background: transparent;
    scrollbar-width: thin;
}

.trinel-pmm__panel-template::-webkit-scrollbar { width: 6px; }
.trinel-pmm__panel-template::-webkit-scrollbar-thumb { background: rgba(127,23,54,.20); border-radius: 20px; }
.trinel-pmm__panel-template::-webkit-scrollbar-track { background: rgba(250,248,247,.38); }

.trinel-pmm__panel-template > .elementor,
.trinel-pmm__panel-template > .elementor .elementor-section-wrap,
.trinel-pmm__panel-template > .elementor .e-con {
    width: 100%;
}

.trinel-pmm.has-active-panel .trinel-pmm__panel-template {
    max-height: 100%;
}

/* v5.0.3 open-state safeguard: menu must open on the top-level block grid first. */
.trinel-pmm.is-opening .trinel-pmm__preview {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
}