.responsive-image-container{position:relative;width:100%;height:auto;overflow:hidden}.responsive-image{width:100%;height:auto;display:block;transition:transform .3s,filter .3s;will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:767px){.responsive-image{filter:blur(.5px);transform:scale(1.02)}.responsive-image:hover{filter:blur(0);transform:scale(1)}}@media (min-width:768px){.responsive-image{filter:none;transform:none}.responsive-image:hover{transform:scale(1.02);filter:brightness(1.05)}}.product-image-container{position:relative;width:100%;height:12rem;overflow:hidden;border-radius:.5rem .5rem 0 0}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-image-container:hover img{transform:scale(1.05)}.about-image img{width:100%;height:auto;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.about-image img:hover{transform:translateY(-.25rem);box-shadow:0 15px 40px rgba(0,0,0,.15)}.lazy-image{opacity:0;transition:opacity .5s}.lazy-image.loaded{opacity:1}.image-loading{position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:480px){.responsive-image{filter:blur(1px) contrast(.9)}}@media (min-width:768px) and (max-width:1024px){.responsive-image{filter:blur(.25px)}}@media (min-width:1025px){.responsive-image{filter:none;transform:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.responsive-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.responsive-image{filter:none;transform:none;box-shadow:none}}.responsive-image:focus{outline:#C9A34E solid .125rem;outline-offset:0.25rem}@media (prefers-reduced-motion:reduce){.about-image img,.product-image-container img,.responsive-image{transition:none;animation:none}.about-image img:hover,.product-image-container:hover img,.responsive-image:hover{transform:none;filter:none}}@container (max-width:300px){.responsive-image{filter:blur(1px)}}@container (min-width:800px){.responsive-image{filter:none}}