/* PAE Stylish Image */
.pae-stylish-image-outer { display: block; }
.pae-stylish-image-wrap  { display: inline-block; position: relative; max-width: 100%; }
.pae-stylish-img { position: relative; display: block; overflow: hidden; }
.pae-stylish-img img { width: 100%; height: auto; display: block; transition: all 0.5s ease; }
.pae-img-hover-zoom:hover img       { transform: scale(1.06); }
.pae-img-hover-float:hover img      { transform: translateY(-10px); }
.pae-img-hover-grayscale img        { filter: grayscale(1); }
.pae-img-hover-grayscale:hover img  { filter: grayscale(0); }
.pae-img-hover-brightness:hover img { filter: brightness(1.12); }
.pae-img-hover-rotate:hover img     { transform: rotate(2deg) scale(1.04); }
.pae-img-layered { position: relative; padding-bottom: 24px; padding-right: 24px; }
.pae-layer-back  { position: absolute; bottom: 0; right: 0; width: 80%; border-radius: 12px; overflow: hidden; opacity: 0.6; }
.pae-layer-front { position: relative; z-index: 2; border-radius: 12px; overflow: hidden; }
.pae-img-float   { position: relative; padding-bottom: 28px; padding-right: 28px; }
.pae-float-primary   { border-radius: 14px; display: block; width: 100%; }
.pae-float-secondary { position: absolute; bottom: 0; right: 0; width: 55%; border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.18); z-index: 3; animation: paeFloat 4.5s ease-in-out infinite; display: block; }
@keyframes paeFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
.pae-img-grid   { display: grid; gap: 10px; }
.pae-img-grid-cols-2 { grid-template-columns: repeat(2,1fr); }
.pae-img-grid-cols-3 { grid-template-columns: repeat(3,1fr); }
.pae-img-grid-cols-4 { grid-template-columns: repeat(4,1fr); }
.pae-img-grid-item { position: relative; border-radius: 8px; overflow: hidden; }
.pae-img-grid-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pae-grid-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px; background: linear-gradient(transparent, rgba(0,0,0,0.6)); color: #fff; font-size: 12px; text-align: center; }
.pae-img-circle-stack { position: relative; display: flex; align-items: center; justify-content: center; padding: 30px; }
.pae-circle-ring { position: absolute; border-radius: 50%; border: 2px dashed rgba(79,70,229,0.25); }
.pae-ring-outer { inset: 0; animation: paeSpin 22s linear infinite; }
.pae-ring-inner { inset: 16px; animation: paeSpin 14s linear infinite reverse; border-style: dotted; }
@keyframes paeSpin { to { transform: rotate(360deg); } }
.pae-circle-img { position: relative; z-index: 2; border-radius: 50%; overflow: hidden; }
.pae-circle-img img { border-radius: 50%; display: block; }
.pae-img-badge { position: absolute; top: -10px; right: -10px; z-index: 10; background: var(--pae-primary); color: #fff; padding: 7px 16px; border-radius: 100px; font-size: 13px; font-weight: 700; box-shadow: 0 4px 16px rgba(79,70,229,0.3); }