/* KOMPAS 2 – product image viewing on touch devices and desktop */
.product-card .product-image img{cursor:zoom-in;transition:filter .18s ease}
.product-card .product-image img:hover{filter:brightness(.97)}
.product-card .product-image img:focus-visible{outline:3px solid #dd6513;outline-offset:2px;border-radius:6px}
.product-card .product-image:has(img)::after{content:"🔍 Натиснете за увеличение";position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);border:1px solid #efd7bc;color:#6b3b20;border-radius:99px;font-size:11px;font-weight:650;line-height:1.4;padding:4px 8px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px rgba(48,30,19,.08)}
.product-card .product-image{position:relative}
.kompas-photo-dialog{border:0;background:#fffaf5;color:#2c1f16;width: min(96vw,1050px);max-width:1050px;height:min(95dvh,920px);max-height:95dvh;padding:0;border-radius:15px;box-shadow:0 20px 70px #17120ecc;overflow:hidden}
.kompas-photo-dialog::backdrop{background:rgba(17,13,10,.8)}
.kompas-photo-inner{height:100%;display:flex;flex-direction:column}
.kompas-photo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff6eb;border-bottom:1px solid #f0d7c4;padding:12px 14px}
.kompas-photo-title{font-size:16px;font-weight:750;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kompas-photo-control{border:1px solid #d4a786;border-radius:10px;background:white;color:#512706;font:inherit;font-weight:700;padding:9px 13px;cursor:pointer;touch-action:manipulation}
.kompas-photo-control:focus-visible,.kompas-photo-full:focus-visible{outline:3px solid #e5660f;outline-offset:2px}
.kompas-photo-close{background:#fce9d8}
.kompas-photo-viewport{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;touch-action:none;cursor:grab}
.kompas-photo-viewport.is-dragging{cursor:grabbing}
.kompas-photo-expanded{display:block;max-width:94%;max-height:94%;width:auto;height:auto;object-fit:contain;transform-origin:center center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform}
.kompas-photo-foot{padding:10px 12px;background:#fff6eb;border-top:1px solid #f0d7c4;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.kompas-photo-scale{min-width:54px;text-align:center;font-size:14px;font-weight:700}
.kompas-photo-full{color:#7b3205;font-size:13px;font-weight:650;text-decoration:underline;padding:8px}
.kompas-photo-tip{width:100%;font-size:12px;text-align:center;color:#675546;line-height:1.3}
@media(max-width:650px){.kompas-photo-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.kompas-photo-head{padding:10px}.kompas-photo-foot{gap:7px;padding:9px 6px}.kompas-photo-tip{font-size:11px}.product-card .product-image:has(img)::after{font-size:10px;padding:3px 5px}}
@media(prefers-reduced-motion:reduce){.product-card .product-image img{transition:none}}