.pbs-wrap{--pbs-cols-desktop:3;--pbs-cols-tablet:2;--pbs-cols-mobile:1;}
.pbs-section{margin:40px 0;}
.pbs-section-title{font-family:"Marcellus",serif;font-weight:700;font-size:28px;margin:0 0 16px;color:#333;letter-spacing:.5px}
.pbs-grid{display:grid;grid-template-columns:repeat(var(--pbs-cols-desktop),1fr);gap:22px}
@media(max-width:1024px){.pbs-grid{grid-template-columns:repeat(var(--pbs-cols-tablet),1fr)}}
@media(max-width:640px){.pbs-grid{grid-template-columns:repeat(var(--pbs-cols-mobile),1fr)}} .pbs-card {
background: #fff;
border: 1px solid #e6e9f0;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column; box-shadow: 0 6px 18px rgba(64, 95, 179, 0.18);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.pbs-card:hover {
transform: translateY(-3px); box-shadow: 0 10px 24px rgba(64, 95, 179, 0.28);
} .pbs-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; background: repeating-linear-gradient(
45deg,
#e8f0ff,
#e8f0ff 10px,
#dbe6fa 10px,
#dbe6fa 20px
);
color: #4a6fd0; font-weight: 600;
font-family: 'Marcellus SC', serif;
letter-spacing: 0.3px;
} .pbs-card.template-10 .pbs-card-media::after,
.pbs-card.template-9  .pbs-card-media::after {
background: linear-gradient(
115deg,
rgba(100, 140, 230, 0.25) 0%,
rgba(255, 255, 255, 0) 45%
);
}
.pbs-card-media{position:relative;aspect-ratio:2/3;background:#f7f7f7}
.pbs-card-media img{width:100%;height:100%;object-fit:contain;display:block}.pbs-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#e8f0ff,#e8f0ff 10px,#dbe6fa 10px,#dbe6fa 20px);color:#aaa;font-weight:600}
.pbs-card-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.pbs-card-title{font-size:25px;margin:0;color:#222;font-weight:900;font-family:'Marcellus SC';}
.pbs-card-subtitle{font-size:20px;margin:4px 0 8px;color:#000000;font-style:italic;font-weight:400;line-height:1em;padding:0px;font-family:'Marcellus SC';}
.pbs-card-actions{display:flex;gap:10px;flex-wrap:wrap}
.pbs-btn{display:inline-block;padding:5px 10px;border-radius:8px;font-weight:700;border:1px solid #a38100;color:#a38100;text-decoration:none;transition:all .2s}
.pbs-btn:hover{background:#a38100;color:#fff;border-color:#a38100}
.pbs-btn-solid{background:#a38100;color:#fff;border-color:#a38100}
.pbs-btn-solid:hover{filter:brightness(.95)}
.pbs-btn-listen{border-color:#1d6ae5;color:#1d6ae5;background:transparent}
.pbs-btn-listen:hover{background:#1d6ae5;color:#fff;border-color:#1d6ae5}
.pbs-btn-related{border-color:#a38100;color:#a38100;background:transparent;cursor:pointer;text-decoration:none;line-height:1em !important;}
.pbs-btn-related:hover{background:#a38100;color:#fff;border-color:#a38100}
.pbs-related-box{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0;transition:all 0.3s ease}
.pbs-related-list{margin:0;padding:0;list-style:none}
.pbs-related-list li{margin:6px 0;list-style:none}
.pbs-related-list li::before{content:none}
.pbs-related-link{color:#4a5568;text-decoration:none;font-size:14px;font-weight:700;transition:color 0.2s;display:block}
.pbs-related-link:hover{color:#8b5cf6;text-decoration:underline}
#pbs-listen-auto-import{
margin-top:30px;
background:#fff;
border:1px solid #e2e8f0;
padding:20px;
border-radius:10px;
box-shadow:0 4px 12px rgba(15,23,42,0.08);
}
#pbs-listen-auto-import h2{
margin-top:0;
}
#pbs-listen-progress{
margin:16px 0;
font-weight:600;
}
#pbs-listen-message.notice{
margin-top:10px;
padding:10px 12px;
border-radius:6px;
}
#pbs-listen-results select{
width:100%;
max-width:100%;
}
.pbs-listen-status{
display:inline-block;
padding:4px 10px;
border-radius:999px;
font-weight:600;
font-size:13px;
}
.pbs-listen-status-auto{color:#1f9d55;background:rgba(31,157,85,0.12);}
.pbs-listen-status-manual{color:#d97706;background:rgba(217,119,6,0.12);}
.pbs-listen-status-none{color:#c0392b;background:rgba(192,57,43,0.12);}
.pbs-listen-status-skipped{color:#64748b;background:rgba(100,116,139,0.12);}
.pbs-carousel-manager{
display:flex;
flex-wrap:wrap;
gap:24px;
margin:16px 0;
}
.pbs-carousel-column{
flex:1 1 320px;
min-width:280px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:10px;
padding:16px;
box-shadow:0 4px 12px rgba(15,23,42,0.05);
max-height:520px;
display:flex;
flex-direction:column;
}
.pbs-carousel-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:12px;
overflow:auto;
flex:1;
}
.pbs-carousel-manager-item{
display:flex;
align-items:center;
gap:12px;
padding:10px;
border:1px solid #e2e8f0;
border-radius:8px;
background:#f8fafc;
transition:background .2s, box-shadow .2s;
}
.pbs-carousel-manager-item.is-added .pbs-carousel-add{
opacity:0.6;
}
.pbs-carousel-manager-item.is-empty{
justify-content:center;
font-style:italic;
}
.pbs-carousel-card{
display:flex;
align-items:center;
gap:12px;
flex:1;
}
.pbs-carousel-thumb{
width:56px;
height:84px;
flex:0 0 auto;
}
.pbs-carousel-thumb img{
width:56px;
height:84px;
object-fit:cover;
border-radius:6px;
box-shadow:0 0 0 1px rgba(15,23,42,0.08);
display:block;
}
.pbs-carousel-thumb-fallback{
display:inline-flex;
width:56px;
height:84px;
align-items:center;
justify-content:center;
border-radius:6px;
background:#e2e8f0;
color:#475569;
font-weight:600;
text-transform:uppercase;
font-size:11px;
}
.pbs-carousel-info{
flex:1;
}
.pbs-carousel-name{
display:block;
font-weight:600;
color:#1e293b;
}
.pbs-carousel-meta{
display:block;
font-size:12px;
color:#64748b;
margin-top:2px;
}
.pbs-carousel-handle{
cursor:grab;
color:#475569;
font-size:18px;
}
.pbs-carousel-manager-item .button-link{
margin-left:auto;
}
.pbs-carousel-search{
width:100%;
margin:0 0 12px;
padding:6px 12px;
border:1px solid #cbd5f5;
border-radius:6px;
font-size:14px;
}
.pbs-carousel-sort-placeholder{
height:80px;
border:2px dashed #3b82f6;
border-radius:8px;
background:rgba(59,130,246,0.08);
}
.pbs-section-order-wrap{
display:flex;
flex-direction:column;
gap:24px;
margin:24px 0;
}
.pbs-section-order-wrap .pbs-carousel-manager{
margin-bottom:0;
}
.pbs-language-block{
position:relative;
}
.pbs-language-sections{
display:flex;
flex-direction:column;
gap:40px;
}
.pbs-language-selector{
position:fixed;
left:24px;
top:50%;
transform:translateY(-50%);
display:none;
flex-direction:column;
align-items:flex-start;
gap:10px;
z-index:9999;
}
.pbs-language-selector.is-visible{
display:flex;
}
.pbs-language-toggle{
background:#1d4ed8;
color:#fff;
border:none;
border-radius:999px;
padding:10px 20px;
font-weight:700;
box-shadow:0 10px 25px rgba(29,78,216,0.25);
cursor:pointer;
transition:transform .2s, box-shadow .2s;
}
.pbs-language-toggle:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(29,78,216,0.3);
}
.pbs-language-menu{
background:#fff;
border-radius:12px;
box-shadow:0 18px 40px rgba(15,23,42,0.25);
padding:12px 16px;
min-width:220px;
display:none;
}
.pbs-language-selector.is-open .pbs-language-menu{
display:block;
}
.pbs-language-menu ul{
margin:0;
padding:0;
list-style:none;
}
.pbs-language-menu li{
margin:6px 0;
}
.pbs-language-menu a{
color:#1e293b;
font-weight:600;
text-decoration:none;
}
.pbs-language-menu a:hover{
color:#1d4ed8;
}
@media(max-width:768px){
.pbs-language-selector{
left:auto;
right:16px;
top:auto;
bottom:24px;
transform:none;
}
} .pbs-badges.corner-ribbon .pbs-ribbon{position:absolute;top:14px;width:130px;height:28px;line-height:28px;color:#fff;font-weight:800;text-align:center;font-size:12px;letter-spacing:.6px;box-shadow:0 2px 4px rgba(0,0,0,.25);z-index:3}
.pbs-badges.corner-ribbon .pbs-ribbon.tl{left:-30px;transform:rotate(-45deg)}
.pbs-badges.corner-ribbon .pbs-ribbon.tr{right:-30px;transform:rotate(45deg)}
.pbs-badge-featured{background:#6a0dad}.pbs-badge-new{background:#1f9d55}.pbs-badge-hot{background:#b91c1c}
.pbs-badges.corner-ribbon .pbs-tag.extra{position:absolute;top:8px;left:8px;background:#444;color:#fff;padding:4px 8px;border-radius:6px;z-index:4} .pbs-badges.split .pbs-badge{position:absolute;top:10px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.6px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);z-index:3}
.pbs-badges.split .pbs-badge.tl{left:10px}.pbs-badges.split .pbs-badge.tr{right:10px}.pbs-badges.split .pbs-badge.tc{left:50%;transform:translateX(-50%)} .pbs-badges.flat{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap;z-index:3}
.pbs-tag{font-size:12px;font-weight:800;padding:4px 8px;border-radius:6px;color:#fff}
.pbs-tag-featured{background:#6a0dad}.pbs-tag-new{background:#1f9d55}.pbs-tag-hot{background:#b91c1c} .pbs-card-media.mockup-3d{perspective:800px;padding:18px;background:transparent}
.pbs-card-media.mockup-3d img{border-radius:4px;transform:rotateY(-18deg);box-shadow:12px 12px 24px rgba(0,0,0,.15),0 0 0 2px rgba(0,0,0,.06);background:#fff}
.pbs-card-media.mockup-3d::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.25));pointer-events:none} .pbs-card-media{
overflow: hidden; position: relative; contain: paint; } .pbs-card-body{
position: relative;
z-index: 2;
} .pbs-card-media{
z-index: 1;
} .pbs-card.template-10 .pbs-card-media img,
.pbs-card.template-9  .pbs-card-media img {
transform-origin: center center;
display: block;
} .pbs-card.template-10 .pbs-card-media::after,
.pbs-card.template-9  .pbs-card-media::after {
background: linear-gradient(
115deg,
rgba(100, 140, 230, 0.25) 0%,
rgba(255, 255, 255, 0) 45%
);
} .pbs-card.template-2{border-radius:8px;box-shadow:none;border:1px solid #ddd}
.pbs-card.template-3{box-shadow:0 12px 28px rgba(0,0,0,.12)}
.pbs-card.template-4 .pbs-card-media{background:#fff;border:1px solid #eee}
.pbs-card.template-5 .pbs-card-media{background:transparent}.pbs-card.template-5 .pbs-card-body{border-top:1px dashed #eee}
.pbs-card.template-6{border-radius:8px}.pbs-card.template-6 .pbs-card-title{font-size:16px}
.pbs-card.template-7 .pbs-card-title{font-size:20px}
.pbs-card.template-8{border:none;box-shadow:none}.pbs-card.template-8 .pbs-card-media{border-radius:10px;overflow:hidden} .pbs-card.template-9 .pbs-card-media img,.pbs-card.template-10 .pbs-card-media img{transition:transform .2s,box-shadow .2s;will-change:transform;box-shadow:0 10px 20px rgba(0,0,0,.2);background:#fff}
.pbs-card.template-9 .pbs-card-media::after,.pbs-card.template-10 .pbs-card-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 45%)}
.pbs-card.template-10 .pbs-card-media img{border-radius:8px}
.pbs-card.template-10{border-radius:14px;overflow:hidden}