/* Product Modal — Slide Panel */
.product-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:hidden}
.product-modal.active{pointer-events:auto}
.product-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(62,39,35,0);backdrop-filter:blur(0);transition:background 0.4s ease,backdrop-filter 0.4s ease;z-index:1}
.product-modal.active .product-modal-overlay{background:rgba(62,39,35,0.7);backdrop-filter:blur(6px)}
.modal-panel{position:absolute;top:0;right:0;width:min(520px,92vw);height:100%;background:#FDFBF7;transform:translateX(100%);transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);z-index:2;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,0.15)}
.product-modal.active .modal-panel{transform:translateX(0)}
.modal-panel-header{position:relative;flex-shrink:0;background:#FDFBF7;z-index:3}
.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:rgba(255,255,255,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:1px solid rgba(194,178,128,0.3);transition:all 0.3s;font-size:1rem;color:#3E2723}
.modal-close:hover{background:#C2B280;color:#fff;transform:rotate(90deg)}
.modal-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}
.modal-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.modal-img-wrap:hover .modal-img{transform:scale(1.05)}
.modal-panel-body{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 0;-webkit-overflow-scrolling:touch}
.modal-tag{display:inline-block;background:rgba(194,178,128,0.12);color:#5A3E2A;font-family:'Montserrat',sans-serif;font-size:0.6rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.65rem;border-radius:9999px;border:1px solid rgba(194,178,128,0.2)}
.modal-spec{display:flex;justify-content:space-between;padding:0.55rem 0;border-bottom:1px solid rgba(194,178,128,0.1)}
.modal-spec:last-child{border-bottom:none}
.modal-panel-cta{flex-shrink:0;padding:1rem 1.5rem;background:#F2EFE9;border-top:1px solid rgba(194,178,128,0.12)}
.modal-panel-cta a{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;padding:0.9rem;background:#3E2723;color:#fff;border:none;border-radius:9999px;font-family:'Montserrat',sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;transition:all 0.3s;cursor:pointer}
.modal-panel-cta a:hover{background:#C2B280}
body.modal-open{overflow:hidden}
@media(max-width:768px){.modal-panel{width:100vw}.modal-panel-body{padding:1.2rem 1.2rem 0}.modal-panel-cta{padding:0.8rem 1.2rem}}