Tea Towel | Bloom

/* ================= Imagery & Text (minimal) ================ */ /* Defines the image display, sizing, hover zoom, and text layout. */ .pw-component .hover-zoom { display: inline-block; position: relative; } /* Target main product image (supports multiple naming variants). */ .pw-component .hover-zoom img, .pw-component .main-img, .pw-component .main-img-T { display : block; /* Image becomes block-level. */ width : 600px; /* Default desktop width. */ max-width : 100%; /* Scales for small screens. */ height : auto; /* Maintains aspect ratio. */ border-radius : 4px; /* Slight rounding of corners. */ transition : /* Smooth zoom animation. */ transform 0.82s cubic-bezier(0.2,0,0.2,1), box-shadow 0.82s cubic-bezier(0.2,0,0.2,1); transform-origin : center center; /* Zoom from image center. */ position : relative; z-index : 1; margin-b