.sticky-actions:has([data-share]:disabled){display:none!important}
.sticky-actions{max-width:760px;margin:16px auto 10px!important;padding:9px 10px!important;border-radius:13px!important;gap:9px;align-items:center}
.sticky-actions>strong{font-size:13px;white-space:nowrap}
.sticky-actions .btn{min-height:38px;padding:8px 12px;font-size:13px}
.admin-gallery-preview,.order-image-preview{display:block;border:0;padding:0;background:none;cursor:zoom-in}
.admin-gallery-preview img{display:block}
.order-image-preview{width:100%}
.order-image-preview img{display:block;width:100%}
@media(max-width:700px){.compact-quality-table .quality-actions .action-delete{margin-left:auto!important}}
@media(max-width:430px){
  .sticky-actions{padding:7px!important;margin:12px auto 8px!important}
  .sticky-actions>div{display:grid!important;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important;width:100%}
  .sticky-actions .btn{width:100%!important;min-width:0;min-height:36px;padding:6px 5px;font-size:10px;line-height:1.1;white-space:normal}
  .sticky-actions .btn:first-child{font-size:0;padding:0;width:38px!important;background:#1976d2!important;border-color:#1976d2!important;color:#fff!important}
  .sticky-actions .btn:first-child::after{content:'';display:block;width:21px;height:21px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E")}
}

/* Quality editor: stock on hand is highlighted green so it catches the eye; zero or negative is red. */
.preview-item .design-stock{display:inline-block;width:max-content;margin:4px 0;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800}
.preview-item .design-stock.in-stock{background:#d9f6e2;color:#0f6f36;box-shadow:0 0 0 1px #95d9aa}
.preview-item .design-stock.no-stock{background:#fdecee;color:#b42335}

/* Gallery "Download selected": icon and label stay visible on every phone width. */
.btn.download-selected{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.download-selected svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
 body .quality-page .sticky-action-row>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body .quality-page .sticky-action-row .btn.download-selected{width:100%!important;flex-direction:column;gap:3px;padding:4px!important;font-size:10px!important;background:#1976d2!important;border-color:#1976d2!important;color:#fff!important}
 body .quality-page .sticky-action-row .btn.download-selected::after{content:none!important;display:none!important}
}

/* Lightbox zoom slider (volume style), horizontal under the image: − [slider] + 100%. */
.lightbox-zoom{position:relative;z-index:1003;flex:0 0 auto;display:flex;align-items:center;gap:10px;width:min(360px,100%);margin-top:12px;padding:6px 10px;border:1px solid #ffffff33;border-radius:99px;background:#0c1018cc;box-shadow:0 8px 24px #0007;touch-action:none}
.lightbox-zoom button{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font:700 22px/1 system-ui,sans-serif;cursor:pointer}
.lightbox-zoom button:hover:not(:disabled){background:var(--brand,#850026)}
.lightbox-zoom button:disabled{opacity:.35;cursor:default}
.lightbox-zoom input{flex:1;min-width:0;width:auto;height:24px;margin:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.lightbox-zoom input::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,#fff var(--fill,0%),#ffffff40 var(--fill,0%))}
.lightbox-zoom input::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(90deg,#fff var(--fill,0%),#ffffff40 var(--fill,0%))}
.lightbox-zoom input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:var(--brand,#850026);box-shadow:0 2px 6px #0008}
.lightbox-zoom input::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--brand,#850026)}
.lightbox-zoom output{flex:none;min-width:40px;color:#fff;font:700 12px/1 system-ui,sans-serif;text-align:right}
.image-lightbox{overflow:hidden}
.image-lightbox>img{transition:transform .12s ease-out;max-height:min(82vh,calc(100vh - 250px))}
.image-lightbox>img.is-zoomed{position:relative;z-index:1001;cursor:grab;touch-action:none;transition:none}
/* Close, arrows, zoom bar, caption and select stay on top of a zoomed image. */
.image-lightbox>:not(img):not(.lightbox-close):not(.lightbox-nav){position:relative;z-index:1003}
.image-lightbox .lightbox-close{z-index:1004;background:#0c1018cc}
.image-lightbox .lightbox-caption,.image-lightbox .lightbox-swipe-hint{text-shadow:0 1px 4px #000,0 0 2px #000}
.image-lightbox>img.is-zoomed:active{cursor:grabbing}
@media(max-width:700px){.image-lightbox>img{max-height:min(56vh,calc(100vh - 300px))!important}.lightbox-zoom{width:min(320px,calc(100vw - 32px));margin-top:10px;padding:4px 8px;gap:8px}.lightbox-zoom button{width:36px;height:36px}.lightbox-zoom output{min-width:36px;font-size:11px}}
/* Quality editor: designs without a photo, replace photo, main image notes. */
.product-form .preview-item .no-photo{display:grid;place-items:center;width:100%;aspect-ratio:1;border:2px dashed #d5dce8;border-radius:8px;background:#f6f8fb;color:#7b8ba1;font-size:13px;font-weight:800}
.product-form .preview-item .replace-photo{display:block;width:100%;min-height:34px;margin:6px 0 0;padding:6px 10px;font-size:12px}
.product-form .remove-main-image{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:700}
.product-form .design-search{margin:14px 0 10px}
