.pcp-flipbook-grid{
    --pcp-columns:3;
    display:grid;
    grid-template-columns:repeat(var(--pcp-columns),minmax(0,1fr));
    gap:28px;
    width:100%;
}
.pcp-flipbook-card{margin:0;min-width:0}
.pcp-flipbook-trigger{
    appearance:none;
    -webkit-appearance:none;
    display:block;
    width:100%;
    padding:0;
    box-shadow: none !important;
    border:0;
    background:transparent !important;
    color:inherit;
    text-align:left;
    font:inherit;
    cursor:pointer;
}
.pcp-flipbook-trigger:focus-visible{outline:3px solid currentColor;outline-offset:5px;border-radius:8px; background: transparent !important;}
.pcp-flipbook-media{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:4/5;
    background:#eee;
    border-radius:10px;
    box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.pcp-flipbook-cover{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}
.pcp-flipbook-cover--empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:260px;
    background:linear-gradient(135deg,#f1f1f1,#ddd);
    color:#666;
}
.pcp-flipbook-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.28);
    opacity:0;
    transition:opacity .3s ease;
}
.pcp-flipbook-overlay-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 18px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    background:rgba(0,0,0,.42);
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    backdrop-filter:blur(5px);
}
.pcp-flipbook-trigger:hover .pcp-flipbook-cover{transform:scale(1.04) ; background: transparent !important;}
.pcp-flipbook-trigger:hover .pcp-flipbook-overlay{opacity:1; background: transparent !important;}
.pcp-flipbook-title{
    display:block;
    font-family: 'Cormorant Garamond',serif;
    margin-top:14px;
    color: #2A140C !important;
    box-shadow: none !important;
    font-size: 1.5rem;
    line-height: 1.33333em;
    font-weight: 500;
    letter-spacing: -.02em;
}
.pcp-flipbook-action{
 
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 15px;
    padding: 0 18px;
    border: 1px solid #d7a53f;
    background: linear-gradient(180deg, #e9ca89, #d7a53f);
    color: #2a140c !important;
    font-family: 'Karla', sans-serif;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-decoration: none !important
}
.pcp-flipbook-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.pcp-flipbook-modal.is-open{display:flex}
.pcp-flipbook-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(4px);
}
.pcp-flipbook-dialog{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    width:min(1280px,96vw);
    height:min(850px,92vh);
    overflow:hidden;
    border-radius:12px;
    background:#111;
    box-shadow:0 20px 70px rgba(0,0,0,.45);
}
.pcp-flipbook-modal-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:58px;
    padding:10px 12px 10px 20px;
    background:#111;
    color:#fff;
}
.pcp-flipbook-modal-title{
    margin:0;
    overflow:hidden;
    font-size:16px;
    line-height:1.3;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#fff;
}
.pcp-flipbook-close{
    flex:0 0 auto;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:30px;
    line-height:36px;
    cursor:pointer;
}
.pcp-flipbook-close:hover{background:rgba(255,255,255,.16)}
.pcp-flipbook-frame-wrap{position:relative;flex:1;min-height:0;background:#171717}
.pcp-flipbook-frame{position:relative;z-index:2;display:block;width:100%;height:100%;border:0;background:#171717}
.pcp-flipbook-loader{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}
.pcp-flipbook-loader span{width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:pcp-spin .8s linear infinite}
@keyframes pcp-spin{to{transform:rotate(360deg)}}
body.pcp-flipbook-lock{overflow:hidden!important}
.pcp-flipbook-empty{padding:18px;border:1px dashed #ccc;border-radius:8px;text-align:center}
@media (max-width:1024px){
    .pcp-flipbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
    .pcp-flipbook-grid.pcp-cols-1{grid-template-columns:1fr}
    .pcp-flipbook-dialog{width:96vw;height:90vh}
}
@media (max-width:767px){
    .pcp-flipbook-grid{grid-template-columns:1fr;gap:24px}
    .pcp-flipbook-modal{padding:0}
    .pcp-flipbook-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}
    .pcp-flipbook-modal-bar{min-height:54px;padding-left:14px}
    .pcp-flipbook-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.38),transparent 50%)}
    .pcp-flipbook-overlay-button{align-self:flex-end;margin-top:auto}
}
@media (prefers-reduced-motion:reduce){
    .pcp-flipbook-cover,.pcp-flipbook-overlay{transition:none}
    .pcp-flipbook-loader span{animation-duration:1.6s}
}