/* Jewell Dynamic Category — Frontend */
.jewell-dyn-hero { position: relative; overflow: hidden; }
.jewell-dyn-hero .jewell-cat-banner-img { position: absolute; right: 6%; top: 50%; transform: translateY(-50%); }
.jewell-dyn-hero .jewell-cat-desc { font-family: var(--font-sans, Plus Jakarta Sans, system-ui); }

/* Dynamic collections slideshow — enhanced when injected via JS */
.jewell-dyn-collections .cgc-category-card { cursor: pointer; }
.jewell-dyn-collections .cgc-category-card__img-wrap a { display: block; }

/* Ensure dynamic category cards look same as theme */
.cgc-category-card--dynamic { flex: 0 0 calc((100% - 120px) / 5); min-width: 220px; display:flex; flex-direction:column; background:var(--cgc-white, #fff); border:none; border-radius:6px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.04); transition: transform .4s cubic-bezier(0.25,1,0.5,1), box-shadow .4s ease; }
.cgc-category-card--dynamic:hover { transform: translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.08); }

/* Fallback for JS-injected footer collections */
.jewell-footer-collections a:hover { color: var(--cgc-gold, #D4B26F) !important; }

/* Transition overlay overrides for image+text */
.cgc-redirect.jewell-dyn-redirect { background: #FAF9F6; }
.cgc-redirect.jewell-dyn-redirect .cgc-redirect__orbit { border-color: rgba(212,178,111,.12); }
.jewell-dyn-redirect__image {
  width: 88px; height: 88px; border-radius: 50%; overflow: hidden; margin: 0 auto 18px;
  border: 2px solid var(--cgc-gold, #D4B26F); background:#fff; box-shadow: 0 10px 24px rgba(212,178,111,.25);
  display:flex; align-items:center; justify-content:center;
}
.jewell-dyn-redirect__image img { width:100%; height:100%; object-fit:cover; }
.jewell-dyn-redirect__image.is-zoom { animation: jewellZoomIn 640ms cubic-bezier(0.22,1,0.36,1) forwards; }
@keyframes jewellZoomIn { 0% { transform: scale(.85); opacity:0;} 60% { transform: scale(1.08); opacity:1;} 100% { transform: scale(1); opacity:1;} }

@media (max-width: 768px){
  .jewell-dyn-hero .jewell-cat-banner-img { display:none; }
}