/* V42: katalog showcase berbeda dari kartu lama */
#koleksi{background:linear-gradient(180deg,#f7f2ed 0%,#fff 55%)}
.v42-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:36px 0 17px}
.v42-showcase-heading span{font-size:10px;letter-spacing:.24em;color:#9b7451;font-weight:800}
.v42-showcase-heading h3{font:500 clamp(27px,3vw,43px) Georgia,serif;margin:7px 0}
.v42-showcase-heading p,.v42-all-heading p{font-size:13px;color:#74665e;margin:0}
.v42-scroll-hint{font-size:11px;white-space:nowrap;color:#9b7451;font-weight:800}
.v42-showcase{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 3px 25px;scrollbar-color:#b89164 #eee1d2}
.v42-showcase-item{flex:0 0 clamp(190px,21vw,255px);scroll-snap-align:start;border-radius:17px;background:#181820;padding:8px;box-shadow:0 14px 32px #2a1b1533;min-width:0}
.v42-showcase-label{color:#f6e6c7;font-weight:800;text-align:center;font-size:10px;padding:10px 3px;min-height:37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v42-showcase-label small{color:#d4b27a;font-size:9px}
.v42-showcase-picture{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:250/515;background:#2b2425}
.v42-showcase-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.v42-showcase-picture:hover img{transform:scale(1.035)}
.v42-preview-caption{position:absolute;bottom:10px;left:8px;right:8px;background:#1b1619dd;border:1px solid #d3ac76;color:#fff2d7;padding:10px 4px;border-radius:99px;text-align:center;font-size:11px;font-weight:700}
.v42-showcase-actions{display:flex;gap:7px;margin-top:9px}
.v42-showcase-actions a{flex:1;color:#f4e2c3;border:1px solid #856c52;border-radius:7px;padding:9px 3px;text-align:center;font-size:10px;text-decoration:none}
.v42-showcase-actions a:last-child{background:#b78b55;color:#1e1818}
.v42-all-heading{margin:45px 0 16px}.v42-all-heading h3{font:500 29px Georgia,serif;margin:0 0 7px}
#koleksi .templates-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v42-template-card{overflow:hidden;background:#fff;border-radius:16px;border:1px solid #e5d9cd;box-shadow:0 9px 28px #2d22121a}
.v42-card-head{display:flex;justify-content:space-between;gap:6px;background:#282128;color:#f7e5cc;padding:12px 9px;font-size:9px;font-weight:800;letter-spacing:.07em}
.v42-card-head span:last-child{color:#d3b27f}
.v42-cover-link{display:block;overflow:hidden}.v42-cover-link .template-cover{aspect-ratio:3/4.5;transition:transform .35s}.v42-cover-link:hover .template-cover{transform:scale(1.035)}
.v42-card-footer{padding:13px}.v42-card-footer strong{display:block;font:500 17px Georgia,serif;min-height:38px}
.v42-card-actions{display:flex;gap:7px;margin:10px 0}.v42-card-actions a{flex:1;padding:9px 3px;border:1px solid #d7c2a7;border-radius:7px;text-align:center;text-decoration:none;color:#634b35;font-size:11px}
.v42-card-actions a:last-child{background:#302a2b;color:#f5e4c4;border-color:#302a2b}
.v42-order{width:100%;border:0;background:#b78961;color:#fff;border-radius:8px;padding:10px;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:1050px){#koleksi .templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#koleksi .templates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v42-showcase-item{flex-basis:230px}.v42-scroll-hint{display:none}.v42-card-head{font-size:8px}.v42-card-footer{padding:9px}.v42-card-footer strong{font-size:14px}.v42-card-actions{flex-direction:column}.v42-card-actions a{font-size:10px}.v42-showcase-heading{margin-top:20px}}
