.collections-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}
.collections-modal.is-open{display:flex}
.collections-modal-backdrop{position:absolute;inset:0;background:rgba(22,27,29,.68);backdrop-filter:blur(3px)}
.collections-modal-dialog{position:relative;width:min(1120px,100%);max-height:min(88vh,900px);overflow:auto;background:#fffaf2;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.collections-modal-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.collections-modal-header h2{margin:4px 0 6px;font-size:clamp(1.7rem,3vw,2.4rem)}
.collections-modal-header p{margin:0;color:#687276}
.collections-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#9b6a27}
.collections-close{border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.12)}
.collections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.collection-card{overflow:hidden;background:#fff;border:2px solid transparent;border-radius:18px;box-shadow:0 6px 20px rgba(38,43,45,.09);transition:.2s ease}
.collection-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(38,43,45,.14)}
.collection-card.selected{border-color:#c89a4b;box-shadow:0 0 0 3px rgba(200,154,75,.15)}
.collection-card>img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#f3eee5}
.collection-card>div{padding:15px}
.collection-card h3{margin:0 0 6px;font-size:1.08rem}
.collection-card p{margin:0 0 14px;min-height:42px;color:#697377;font-size:.9rem;line-height:1.45}
.collection-card .btn-primary{width:100%}
body.collections-open{overflow:hidden}
@media(max-width:900px){.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 .collections-modal{padding:10px;align-items:flex-end}
 .collections-modal-dialog{max-height:92vh;border-radius:22px 22px 10px 10px;padding:18px}
 .collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .collection-card>div{padding:10px}
 .collection-card h3{font-size:.94rem}
 .collection-card p{display:none}
 .collection-card .btn-primary{font-size:.82rem;padding:10px 8px}
 .collections-modal-header{margin-bottom:14px}
}