/* Eye button on product cards (sits under the heart) */
.ng-eye{position:absolute;top:56px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2b2c2f;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}
.ng-eye:hover{transform:scale(1.12);background:#fff;color:var(--gold,#b8925a)}
.ng-eye:focus-visible{outline:3px solid var(--gold,#b8925a);outline-offset:2px}
.ng-eye svg{width:20px;height:20px}
@media(hover:hover) and (min-width:900px){.ng-eye{opacity:0;transform:translateY(-4px)}.ng-card:hover .ng-eye,.ng-eye:focus-visible{opacity:1;transform:none}}

/* Pop-up */
.ng-qv{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:14px;background:rgba(20,14,12,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ng-qv[hidden]{display:none}
.qv-box{position:relative;width:100%;max-width:880px;max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 40px 90px -20px rgba(0,0,0,.5);animation:ngpop .28s ease-out}
.qv-x{position:absolute;top:10px;right:12px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:26px;line-height:1;cursor:pointer;color:#2b2c2f;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
.qv-msg{padding:60px 20px;text-align:center;color:#6b625c}
.qv-grid{display:grid;grid-template-columns:1fr}
.qv-gal{padding:0}
.qv-main{position:relative;aspect-ratio:1/1;background:var(--cream,#f6efe8);display:grid;place-items:center;overflow:hidden}
.qv-main img{width:100%;height:100%;object-fit:cover}
.qv-main .ph svg{width:64px;height:64px;color:#c3b4a8}
.qv-off{position:absolute;top:14px;left:14px;padding:4px 11px;border-radius:999px;background:#1b1c1f;color:#fff;font-size:12px;font-weight:600}
.qv-thumbs{display:flex;gap:8px;padding:10px 14px;overflow-x:auto}
.qv-thumbs button{flex:none;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.7}
.qv-thumbs button.on{border-color:var(--gold,#b8925a);opacity:1}
.qv-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.qv-info{padding:18px 20px 24px;display:flex;flex-direction:column;gap:10px}
.qv-info h2{font-size:clamp(22px,5vw,30px);line-height:1.15;margin:0;padding-right:36px}
.qv-info .ng-price strong{font-size:24px}
.qv-rate{margin:0}
.qv-stock{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}
.qv-stock svg{width:16px;height:16px}
.qv-stock.in{color:#2f7a4d}.qv-stock.out{color:#b32d2e}.qv-stock.left{color:var(--left,#c0392b);font-weight:600}
.qv-short{margin:0;color:#5a544f;line-height:1.6}
.qv-info .ng-opts{margin:4px 0 0}
.qv-actions{display:flex;gap:10px;align-items:center;margin-top:6px}
.qv-actions .ng-submit{flex:1;margin:0}
.qv-heart{position:static;flex:none;width:50px;height:50px;border:1px solid var(--line,#e6ddd5);background:#fff}
.qv-full{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:4px;font-weight:600;color:var(--navy,#1f1512);border-bottom:1px solid var(--gold,#b8925a);padding-bottom:2px}
.qv-full svg{width:16px;height:16px}
@media(min-width:760px){
	.qv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.qv-info{padding:34px 30px 30px;justify-content:center}
	.qv-main{aspect-ratio:auto;height:100%;min-height:420px}
	.qv-gal{display:flex;flex-direction:column}.qv-gal .qv-main{flex:1}
}
@media(prefers-reduced-motion:reduce){.qv-box{animation:none}.ng-eye{transition:none}}
/* WhatsApp consent box on the information page */
.ng-wa{background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.35);border-radius:14px;padding:12px 14px}