/* Zevvo Smart: galeria seletiva nos 25 modelos de comércio */
body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel,
body.zs-commerce-gallery-enabled .zs-gallery-stage {
    position:relative; min-width:0; isolation:isolate; overflow:hidden;
}
body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel {width:100%;height:100%}
body.zs-commerce-gallery-enabled .zs-commerce-gallery-zoom {
    display:block; width:100%;height:100%; padding:0; border:0;
    border-radius:inherit; background:transparent; cursor:zoom-in;
}
body.zs-commerce-gallery-enabled .zs-commerce-gallery-zoom img {
    display:block;width:100%;height:100%;object-fit:cover;
}
body.zs-commerce-gallery-enabled .zs-gallery-stage .detail-main {width:100%}
body.zs-commerce-gallery-enabled .zs-gallery-arrow {
    position:absolute; z-index:5; top:50%;transform:translateY(-50%);
    display:grid;place-items:center; width:31px;height:34px;
    padding:0;border:1px solid rgba(18,44,57,.12);border-radius:10px;
    color:#17364b;background:rgba(255,255,255,.93);
    box-shadow:0 2px 10px #0002; font-size:25px;line-height:1;
    cursor:pointer;touch-action:manipulation;
}
body.zs-commerce-gallery-enabled .zs-gallery-prev {left:6px}
body.zs-commerce-gallery-enabled .zs-gallery-next {right:6px}
body.zs-commerce-gallery-enabled .zs-gallery-arrow:focus-visible,
body.zs-commerce-gallery-enabled .zs-gallery-thumb:focus-visible {
    outline:3px solid #1a77ec; outline-offset:1px;
}
body.zs-commerce-gallery-enabled .zs-gallery-counter {
    position:absolute;bottom:7px;left:50%;transform:translateX(-50%);
    pointer-events:none;z-index:5;color:#fff;background:rgba(14,33,44,.68);
    border-radius:999px;font-size:10px;font-weight:800;line-height:1.2;
    padding:4px 8px;white-space:nowrap;
}
body.zs-commerce-gallery-enabled .zs-gallery-stage .zs-gallery-arrow {
    width:40px;height:45px;font-size:29px;
}
body.zs-commerce-gallery-enabled .zs-gallery-stage .zs-gallery-counter {
    font-size:12px;bottom:12px;padding:6px 11px;
}
body.zs-commerce-gallery-enabled .zs-gallery-thumb[aria-current="true"] {
    border-color:var(--primary,#0b7b58);
}
@media (hover:hover) and (pointer:fine) {
    body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel .zs-gallery-arrow {
        opacity:0;transition:opacity .18s;
    }
    body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel:hover .zs-gallery-arrow,
    body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel:focus-within .zs-gallery-arrow {
        opacity:1;
    }
}
@media (max-width:600px) {
    body.zs-commerce-gallery-enabled .zs-commerce-photo-carousel .zs-gallery-arrow {width:28px;height:32px}
    body.zs-commerce-gallery-enabled .zs-gallery-stage .zs-gallery-arrow {width:34px;height:40px}
}
@media (prefers-reduced-motion: reduce) {
    body.zs-commerce-gallery-enabled .zs-gallery-arrow {transition:none!important}
}
/* Gestão de imagens: ordem e substituição sem alterar produto, preço ou estoque */
.zs-gallery-admin-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.zs-gallery-admin-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}
.zs-gallery-admin-item {min-width:0;border:1px solid var(--line,#e2e7e9);border-radius:14px;padding:12px;background:#fff}
.zs-gallery-admin-item img {width:100%;height:148px;object-fit:contain;background:#f6f8fb;border-radius:9px}
.zs-gallery-admin-item label {display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;margin:8px 0}
.zs-gallery-admin-item input[type="number"] {max-width:100px}
.zs-gallery-admin-item input[type="file"] {width:100%;min-width:0}
.zs-gallery-admin-actions {display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.zs-gallery-admin-note {font-size:13px;line-height:1.5;color:var(--muted,#667)}
.zs-gallery-admin-item .button {padding:8px 10px;font-size:12px}


/* Ampliação da imagem: navegação anterior/próxima nos 25 modelos com galeria. */
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-arrow {
    position:absolute;
    z-index:105;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    width:clamp(38px,5vw,56px);
    height:clamp(42px,5.5vw,60px);
    padding:0;
    border:1px solid rgba(255,255,255,.20);
    border-radius:13px;
    background:rgba(255,255,255,.94);
    color:#173648;
    font:700 clamp(28px,4vw,38px)/1 Arial, sans-serif;
    box-shadow:0 5px 22px rgba(0,0,0,.32);
    cursor:pointer;
    touch-action:manipulation;
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-prev {
    left:clamp(8px,3vw,35px);
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-next {
    right:clamp(8px,3vw,35px);
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-counter {
    position:absolute;
    z-index:105;
    bottom:clamp(12px,3vh,30px);
    left:50%;
    transform:translateX(-50%);
    color:#fff;
    background:rgba(0,0,0,.75);
    border:1px solid rgba(255,255,255,.28);
    padding:7px 13px;
    border-radius:999px;
    font:700 14px/1.2 system-ui,Arial,sans-serif;
    pointer-events:none;
    white-space:nowrap;
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-arrow[hidden],
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-counter[hidden] {
    display:none !important;
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-arrow:hover {
    background:#fff;
}
body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-arrow:focus-visible {
    outline:3px solid #6dadff;
    outline-offset:3px;
}
body.zs-commerce-gallery-enabled #lightbox .lightbox-close {
    z-index:110;
}
body.zs-commerce-gallery-enabled #lightbox img {
    max-width:min(1100px,calc(100vw - 100px));
    max-height:calc(100dvh - 110px);
    object-fit:contain;
}
@media(max-width:560px) {
    body.zs-commerce-gallery-enabled #lightbox {padding:10px}
    body.zs-commerce-gallery-enabled #lightbox img {
        max-width:calc(100vw - 70px);
        max-height:calc(100dvh - 95px);
    }
    body.zs-commerce-gallery-enabled #lightbox .zs-lightbox-arrow {
        width:36px;height:43px;border-radius:10px;
    }
}


/* Painel do lojista: galeria visível junto à imagem principal no produto */
.admin-body .zs-product-gallery-inline {
  margin-top:18px;padding-top:18px;border-top:1px solid var(--line,#dce5eb);
  display:flex;flex-direction:column;gap:12px;min-width:0;
}
.admin-body .zs-product-gallery-inline-head {
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.admin-body .zs-product-gallery-inline-head h3 {
  margin:0 0 5px;font-size:1.03rem;font-weight:850;color:var(--text,#233548);
}
.admin-body .zs-product-gallery-inline-head p,
.admin-body .zs-product-gallery-inline-note {
  margin:0;color:var(--muted,#65778a);font-size:.81rem;line-height:1.55;
}
.admin-body .zs-product-gallery-inline-count {
  flex:0 0 auto;padding:6px 10px;border-radius:8px;
  background:rgba(30,118,219,.09);color:var(--primary,#196dc2);
  font-size:.81rem;font-weight:850;
}
.admin-body .zs-product-gallery-inline-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
.admin-body .zs-product-gallery-inline-thumb {
  min-width:0;border:1px solid var(--line,#dce5eb);
  padding:5px;border-radius:10px;background:var(--card-bg,#fff);
  display:flex;flex-direction:column;gap:4px;text-align:center;
}
.admin-body .zs-product-gallery-inline-thumb img {
  display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:7px;
  background:var(--surface,#f2f6fa);
}
.admin-body .zs-product-gallery-inline-thumb small {
  font-size:.71rem;color:var(--muted,#637689);font-weight:750;
}
.admin-body .zs-product-gallery-inline-toggle {
  background:var(--surface,#f3f7fc);
  border:1px solid var(--line,#dce5eb);
  border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:11px;
}
.admin-body .zs-product-gallery-inline-toggle label {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;
}
.admin-body .zs-product-gallery-inline-toggle label span {
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
.admin-body .zs-product-gallery-inline-toggle strong {
  font-size:.88rem;color:var(--text,#2b4054);
}
.admin-body .zs-product-gallery-inline-toggle small {
  font-size:.76rem;color:var(--muted,#65778a);line-height:1.45;
}
.admin-body .zs-product-gallery-inline-toggle input[type=checkbox] {
  appearance:auto;cursor:pointer;width:21px;height:21px;flex:0 0 auto;
  accent-color:var(--primary,#146cdb);
}
.admin-body .zs-product-gallery-inline-toggle .button,
.admin-body .zs-product-gallery-inline-upload .button {
  width:100%;
}
.admin-body .zs-product-gallery-inline-upload {
  display:flex;flex-direction:column;gap:9px;
}
.admin-body .zs-product-gallery-inline-upload label {
  font-size:.84rem;font-weight:800;color:var(--text,#243c51);
}
.admin-body .zs-product-gallery-inline-upload input[type=file] {
  display:block;width:100%;min-width:0;font-size:.78rem;
  background:var(--card-bg,#fff);padding:9px;
  border:1px solid var(--line,#dce5eb);border-radius:10px;
}
.admin-body .zs-product-gallery-inline-upload small {
  color:var(--muted,#65778a);font-size:.74rem;
}
.admin-body .zs-product-gallery-inline-manage {
  display:flex;justify-content:center;align-items:center;text-align:center;
  width:100%;
}
@media(max-width:460px) {
 .admin-body .zs-product-gallery-inline-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Galeria adicional: escolha, Ctrl+V, link direto e arrastar/soltar */
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone {
    display:flex;flex-direction:column;gap:11px;align-items:center;
    padding:20px 12px;margin:3px 0 8px;
    border:2px dashed var(--line,#9db9cc);border-radius:15px;
    background:var(--surface,#f5f9fc);cursor:pointer;
    text-align:center;min-width:0;
    transition:border-color .2s,background-color .2s;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone:hover,
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone.is-dragover,
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone:focus-visible {
    border-color:var(--primary,#2776da);
    background:rgba(42,115,204,.075);
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone-icon {
    display:grid;place-items:center;min-width:46px;height:46px;
    border-radius:13px;background:rgba(48,123,205,.12);
    color:var(--primary,#2879cc);font-size:28px;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone > strong {
    font-size:.87rem;color:var(--text,#253f57);line-height:1.4;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone-actions {
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone-actions .button {
    width:auto;flex:1 1 122px;min-width:0;
    padding:10px 8px;font-size:.78rem;white-space:normal;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone input[type=file] {
    width:100%;background:var(--card-bg,#fff);
    border:1px solid var(--line,#dce5eb);
    border-radius:9px;padding:9px;
}
.admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone small {
    color:var(--muted,#65778a);font-size:.74rem;line-height:1.45;
}
.admin-body .zs-product-gallery-inline-upload #zs-gallery-extra-preview:not([hidden]) {
    width:min(240px,100%);max-height:170px;object-fit:contain;
    border-radius:10px;border:1px solid var(--line,#dae1e9);
    background:var(--card-bg,#fff);
}
.admin-body .zs-product-gallery-inline-upload #zs-gallery-extra-url {
    width:100%;min-width:0;min-height:43px;
    font-size:.8rem;background:var(--card-bg,#fff);
    border:1px solid var(--line,#dce5eb);border-radius:10px;
    padding:10px 12px;color:var(--text,#253f57);
}
.admin-body .zs-product-gallery-upload-status {
    display:block;color:var(--primary,#145fae);
    font-size:.77rem;min-height:1em;
}
.admin-body .zs-product-gallery-upload-status.is-error {
    color:#c32838;
}
@media(max-width:520px) {
  .admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone-actions {
      flex-direction:column;
  }
  .admin-body .zs-product-gallery-inline-upload .zs-extra-dropzone-actions .button {
      width:100%;flex:auto;
  }
}


/* Cinco espaços extras sempre visíveis, separados da imagem principal acima */
.admin-body .zs-product-gallery-inline-grid .zs-extra-empty-slot {
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;min-height:112px;
    background:var(--surface,#f5f8fc);
    border-style:dashed;
    color:var(--muted,#65778a);
}
.admin-body .zs-product-gallery-inline-grid .zs-extra-empty-slot span {
    display:grid;place-items:center;
    width:39px;height:39px;border-radius:50%;
    background:rgba(35,113,204,.12);
    color:var(--primary,#2879cc);
    font-size:26px;line-height:1;font-weight:700;
}
.admin-body .zs-product-gallery-inline-grid .zs-extra-empty-slot small {
    font-size:.72rem;line-height:1.3;
}