/* Click-to-view product modal for A N'D MOBILEX */
.product-clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.product-clickable:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.product-clickable:focus-visible{outline:3px solid #183a70;outline-offset:3px}
.product-clickable img{cursor:zoom-in}
.product-view-hint{display:block;margin:.35rem 0 .15rem;font-size:.78rem;font-weight:700;color:#596579}

.product-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}
.product-modal-overlay.is-open{display:flex}
.product-modal{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.product-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#111;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.product-modal-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:26px;padding:28px}

.product-modal-gallery{min-width:0}
.product-modal-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px 2px 7px}
.product-modal-thumbs[hidden]{display:none}
.product-modal-thumb{flex:0 0 74px;width:74px;height:74px;padding:4px;border:2px solid #d9dee6;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}
.product-modal-thumb:hover,.product-modal-thumb:focus-visible{border-color:#596579;outline:none}
.product-modal-thumb.is-active{border-color:#183a70;box-shadow:0 0 0 1px #183a70}
.product-modal-thumb img{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
.product-modal-media{background:#fff;border:1px solid #e6e9ee;border-radius:15px;display:flex;align-items:center;justify-content:center;min-height:430px;padding:18px}
.product-modal-media img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;cursor:zoom-in}
.product-modal-info{align-self:center;min-width:0}
.product-modal-category{display:inline-block;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:#eef3fb;color:#183a70;font-size:.78rem;font-weight:800}
.product-modal-title{margin:0 44px 10px 0;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.15;color:#111}
.product-modal-price{margin:9px 0;font-size:1.12rem;font-weight:900;color:#800080;white-space:pre-line}
.product-modal-stock{display:inline-flex;align-items:center;margin:5px 0 15px;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:900}
.product-modal-stock.in{background:#e9f8ef;color:#137333;border:1px solid #bfe8cc}
.product-modal-stock.out{background:#fdecec;color:#b3261e;border:1px solid #f4c7c3}
.product-modal-description{margin-top:8px;border-top:1px solid #e8ebef;padding-top:8px}
.product-modal-description p{margin:.65rem 0;line-height:1.5;color:#4f5966;font-size:.93rem}
.product-modal-description strong{color:#111}
.product-modal-action{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:14px;padding:12px 16px;border-radius:10px;text-decoration:none!important;font-weight:900;background:#16833b;color:#fff!important;border:0}
.product-modal-action[aria-disabled="true"]{background:#d9d9d9;color:#666!important;pointer-events:none}
body.product-modal-open{overflow:hidden}

@media(max-width:720px){
  .product-modal-overlay{padding:10px;align-items:flex-end}
  .product-modal{max-height:94vh;border-radius:18px 18px 0 0}
  .product-modal-inner{grid-template-columns:1fr;gap:14px;padding:18px}
  .product-modal-media{min-height:300px;max-height:48vh;padding:12px}
  .product-modal-media img{max-height:44vh}
  .product-modal-title{margin-right:46px}
}