/* ELIFLI CAKERY V20.14.146 — multiple product image admin editor + product gallery */

.product-images-help{display:block;margin-top:6px;color:#9a858d;font-size:10px;line-height:1.4}
.product-multi-preview-box>img#previewImage{display:none!important}
.product-images-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;width:100%;margin-bottom:10px}
.product-image-edit-card{position:relative;border:1px solid #eedde2;border-radius:14px;background:#fff;overflow:hidden;padding:7px}
.product-image-edit-card.is-cover{box-shadow:inset 0 0 0 2px #eb4e78;border-color:#eb4e78}
.product-image-edit-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block}
.product-image-edit-card__actions{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:7px}
.product-image-edit-card button{min-height:28px;border:1px solid #ecd5dc;border-radius:8px;background:#fff;color:#8d6f79;font-size:8px;font-weight:800;cursor:pointer}
.product-image-edit-card .make-cover{color:#d9426e}
.product-image-edit-card .remove-image{width:30px;color:#ad313d}
.product-image-edit-card__badge{position:absolute;left:12px;top:12px;padding:4px 7px;border-radius:999px;background:#eb4e78;color:#fff;font-size:7px;font-weight:900;letter-spacing:.04em}
.product-image-edit-card__new{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:999px;background:#fff;color:#8a6572;font-size:7px;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.08)}

.product-detail-gallery{position:relative}
.product-detail-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:3px}
.product-detail-thumb{width:62px;height:62px;flex:0 0 auto;border:2px solid transparent;border-radius:11px;padding:0;background:#fff;overflow:hidden;cursor:pointer}
.product-detail-thumb.active{border-color:#eb4e78}
.product-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.product-config-gallery{position:relative}
.product-config-gallery .main-photo{position:relative}
.product-config-thumbs{display:flex;gap:9px;margin-top:11px;overflow-x:auto;padding:2px 1px 5px}
.product-config-thumb{width:72px;height:72px;flex:0 0 auto;border:2px solid #eadde1;border-radius:13px;background:#fff;padding:3px;cursor:pointer}
.product-config-thumb.active{border-color:#e84d78}
.product-config-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}
.product-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #ead9de;background:rgba(255,255,255,.92);color:#d94b72;font-size:20px;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(70,40,50,.12)}
.product-gallery-arrow.prev{left:12px}.product-gallery-arrow.next{right:12px}

@media(max-width:980px){
  .product-images-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-config-thumbs{gap:7px}
  .product-config-thumb{width:58px;height:58px}
}


/* ELIFLI CAKERY V20.14.147 — PRODUCT GALLERY THUMBNAILS ONLY
   Only the product gallery presentation changes. Page layout/form/header remain untouched. */

.product-config-gallery{
  position:relative!important;
  width:100%!important;
}

.product-config-gallery .main-photo{
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

.product-config-thumbs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin-top:12px!important;
  padding:0!important;
  overflow:visible!important;
}

.product-config-thumb{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-width:0!important;
  flex:none!important;
  padding:0!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.product-config-thumb.active{
  border-color:#ef4e78!important;
}

.product-config-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:12px!important;
}

.product-gallery-arrow{
  display:none!important;
}

@media(max-width:980px){
  .product-config-gallery .main-photo{
    border-radius:18px!important;
  }

  .product-config-thumbs{
    grid-template-columns:repeat(4,minmax(74px,1fr))!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }

  .product-config-thumb{
    min-width:74px!important;
  }
}