.pzl-lc-frontend{margin:18px 0 10px;}
.pzl-lc-preview-box{max-width:520px;border-radius:14px;overflow:hidden;background:#f5f5f5;box-shadow:0 10px 26px rgba(0,0,0,.08);}
.pzl-lc-photo{width:100%;height:auto;display:block;object-fit:cover;}
.pzl-lc-controls{margin-top:14px;display:grid;gap:14px;}
.pzl-lc-title{font-weight:700;margin-bottom:8px;}
.pzl-lc-swatches{display:flex;flex-wrap:wrap;gap:10px;}
.pzl-lc-swatch{border:1px solid rgba(0,0,0,.15);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;transition:transform .08s ease, box-shadow .08s ease;}
.pzl-lc-swatch:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.08);}
.pzl-lc-swatch.is-active{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.12);}
.pzl-lc-swatch-label{font-size:13px;line-height:1;white-space:nowrap;}


/* v1.2.0: place preview inside gallery and hide only the first gallery image */
.pzl-lc-hide-first{display:none !important;}
.pzl-lc-preview-box.pzl-lc-in-gallery{max-width:none;box-shadow:none;border-radius:0;background:transparent;margin:0;}
.pzl-lc-preview-box.pzl-lc-in-gallery .pzl-lc-photo{border-radius:0;}


/* v1.2.2: move controls under gallery on mobile */
.pzl-lc-controls-wrap{margin-top:10px;}
@media (max-width: 782px){
  .pzl-lc-controls{margin-top:0;padding:10px 0;}
  .pzl-lc-swatches{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
  .pzl-lc-swatch{flex:0 0 auto;}
  .pzl-lc-preview-box.pzl-lc-in-gallery{margin-bottom:8px;}
}


/* v1.3.0 swatch dots */
.pzl-lc-swatch{display:flex;align-items:center;gap:8px;}
.pzl-lc-swatch-dot{width:18px;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.18);display:inline-block;flex:0 0 auto;}
.pzl-lc-swatch-dot.is-transparent{background-image:linear-gradient(45deg, rgba(0,0,0,.12) 25%, transparent 25%),linear-gradient(-45deg, rgba(0,0,0,.12) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(0,0,0,.12) 75%),linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.12) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;}
