.portfoolio-singleimg{position:relative;overflow:hidden;border-radius:var(--hnd-radius-lg);margin:var(--hnd-space-3xl) 0;cursor:pointer}.portfoolio-singleimg img{width:100%;height:auto;display:block;border-radius:var(--hnd-radius-lg);transition:transform .5s ease;box-shadow:var(--hnd-shadow-md)}.portfoolio-singleimg::before{content:'';position:absolute;inset:0;background:var(--hnd-overlay-gradient);border-radius:var(--hnd-radius-lg);opacity:1;transition:opacity .5s ease;z-index:1;pointer-events:none}.portfoolio-singleimg:hover::before{opacity:0}.portfoolio-singleimg:hover img{transform:scale(1.02);box-shadow:var(--hnd-shadow-lg)}.portfoolio-singleimg figcaption{margin-top:var(--hnd-space-md);text-align:center;font-size:var(--hnd-font-sm);color:var(--hnd-gray-500);font-style:italic;position:relative;z-index:2}.portfoolio-singleimg.overlay-light::before{background:linear-gradient(135deg,rgba(24,165,255,.3) 0%,rgba(153,0,224,.3) 100%)}.portfoolio-singleimg.no-zoom:hover img{transform:none}.product-portfolio-link-wrapper{text-align:center;margin:var(--hnd-space-3xl) 0}.portfolio-link-btn{display:inline-flex;align-items:center;gap:var(--hnd-space-sm);padding:var(--hnd-space-md) var(--hnd-space-2xl);background:var(--hnd-white);color:var(--hnd-gray-800);border:var(--hnd-border-width) solid var(--hnd-gray-200);border-radius:var(--hnd-radius-md);font-weight:var(--hnd-font-semibold);font-size:var(--hnd-font-md);text-decoration:none;transition:all var(--hnd-transition-base)}.portfolio-link-btn:hover{border-color:var(--hnd-blue);color:var(--hnd-blue);transform:translateY(-2px);box-shadow:var(--hnd-shadow-md)}.portfolio-link-btn svg{flex-shrink:0;transition:transform var(--hnd-transition-base)}.portfolio-link-btn:hover svg{transform:translateX(4px)}.portfolio-link-btn.btn-gradient{background:var(--hnd-primary-gradient);color:var(--hnd-white);border:none}.portfolio-link-btn.btn-gradient:hover{color:var(--hnd-white);transform:translateY(-2px) scale(1.02);box-shadow:var(--hnd-shadow-blue)}.product-portfolio-link{text-align:center;margin:var(--hnd-space-xl) 0}.portfolio-link-text{display:inline-flex;align-items:center;gap:var(--hnd-space-xs);color:var(--hnd-purple-dark);text-decoration:none;font-weight:var(--hnd-font-semibold);font-size:var(--hnd-font-md);transition:all var(--hnd-transition-base)}.portfolio-link-text:hover{background:var(--hnd-primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-link-text svg{width:18px;height:18px;transition:transform var(--hnd-transition-base)}.portfolio-link-text:hover svg{transform:translateX(4px)}@media(max-width:768px){.portfoolio-singleimg:hover img{transform:scale(1.01)}.portfolio-link-btn{width:auto;justify-content:center}}