/* Variant controls share the shop's pink palette and existing dialog. */
.variant-cover{width:100%;min-height:240px;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;background:linear-gradient(140deg,#fff4f7,#f6d9e5);color:#ae4c79}
.variant-cover>span{font-size:56px;line-height:1}.variant-cover>b{font-size:17px}.variant-cover>small{font-size:13px}
.variant-count{font-size:12px;color:#9c637e;margin:8px 0}.pgal>.variant-cover{min-height:420px;border-radius:14px;height:auto}
.tone-picker{margin:18px 0}.tone-label{font-size:14px;margin-bottom:10px;color:#93546e}.tone-options{display:flex;flex-wrap:wrap;gap:8px}
.tone-option{border:2px solid #efdce4;border-radius:10px;padding:6px;background:white;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:66px;max-width:128px;gap:5px;color:#995473;font:inherit;font-size:12px;overflow-wrap:anywhere}
.tone-option img{width:52px;height:52px;object-fit:cover;border-radius:6px}.tone-option.selected{border-color:#e65c95;background:#fff1f6;box-shadow:0 0 0 1px #e65c95}.tone-option.sold-tone{opacity:.55}.tone-option small{font-size:10px}.tone-option:focus-visible{outline:3px solid #a53263;outline-offset:3px}
.general-photos{margin-top:12px;border:0;background:transparent;color:#ae4c79;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}.padd:disabled{opacity:.55;cursor:not-allowed}
.variant-general{background:#fff7fa;padding:18px;border:1px solid #f1dce5;border-radius:12px;display:grid;gap:14px}.variant-general h4,.variant-section-title h4{margin:0;font-size:16px;color:#9f3e69}.variant-help{font-size:12px;color:#8b7e85;margin:0 0 10px}
.variant-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.variant-editor-tone{border:1px solid #e8e1e5;border-radius:12px;padding:18px;margin-bottom:16px;display:grid;gap:14px;background:#fff}.variant-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.variant-photos{display:flex;gap:10px;flex-wrap:wrap}.variant-photo{position:relative;width:90px;padding-bottom:23px}.variant-photo img{width:90px;height:90px;object-fit:cover;border-radius:9px;cursor:zoom-in;border:1px solid #e8e1e5}.variant-photo>button:not(.photo-first){position:absolute;right:-5px;top:-5px;border:0;border-radius:50%;width:22px;height:22px;background:#bd3d63;color:white;cursor:pointer}.variant-photo small,.photo-first{position:absolute;bottom:2px;left:0;right:0;font-size:10px;text-align:center;color:#a53263}.photo-first{border:0;background:#fceaf1;padding:3px;border-radius:5px;cursor:pointer}.variant-add-photo{width:100px;min-height:90px;align-self:flex-start;border:1px dashed #d791ae;border-radius:9px;background:#fff7fa;color:#a53263;cursor:pointer;padding:8px}
.variant-visible{display:flex;gap:8px;align-items:center}.variant-visible input{width:16px}.variant-error{color:#b42340;font-size:13px;white-space:pre-wrap}.variant-table-wrap{max-width:100%;overflow-x:auto}.variant-table-wrap .pill{margin:3px}.variant-table-wrap td{max-width:330px}.mc.wide{max-width:1000px}
@media(max-width:700px){.variant-fields{grid-template-columns:1fr 1fr}.variant-general .two{grid-template-columns:1fr}.variant-editor-tone,.variant-general{padding:12px}.tone-option{min-width:60px}.pgal>.variant-cover{min-height:240px}}
/* Photo navigation stays over the main image on desktop and mobile. */
.pgal .main{position:relative}
.photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pink-lite);border-radius:50%;background:rgba(255,255,255,.94);color:var(--maroon);box-shadow:0 3px 12px rgba(124,88,102,.18);font:32px/1 Arial,sans-serif;cursor:pointer;padding:0}
.photo-arrow.prev{left:12px}.photo-arrow.next{right:12px}
.photo-arrow:hover{background:var(--cream2)}
.photo-arrow:focus-visible{outline:3px solid var(--rose);outline-offset:2px}