.product-photo,.product-art,.photo-preview{position:relative}
.storage-badge{position:absolute;z-index:1;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:1px solid currentColor;border-radius:999px;font:600 13px/1.2 "Malgun Gothic",sans-serif;letter-spacing:0;white-space:nowrap;cursor:help;box-sizing:border-box}
.storage-badge svg{display:block;flex:0 0 auto;width:18px;height:18px}
.storage-ambient{color:#8c5d2c;background:#f8edda;border-color:#e4cba4}
.storage-chilled{color:#287350;background:#e7efdf;border-color:#c4d8b9}
.storage-frozen{color:#376874;background:#e5f0f1;border-color:#bed5d9}
.photo-preview .storage-badge{top:10px;right:10px}
#product-edit-form #edit-storage{width:100%;min-height:46px;padding:10px 12px;margin:0 0 8px;border:1px solid #d9d3c7;border-radius:10px;background:#fffdf7;color:#302c23;font:inherit}
#product-edit-form #edit-storage:focus-visible{outline:2px solid #287f5d;outline-offset:2px}
#product-edit-form .storage-help{font-size:12px;line-height:1.6;color:#746f64;margin:0 0 18px}
@media(max-width:600px){.storage-badge{top:10px;right:10px;width:30px;height:30px;padding:6px}.storage-badge svg{width:16px;height:16px}}
.storage-badge::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);right:0;min-width:48px;padding:8px 12px;border:1px solid currentColor;border-radius:10px;background:#fffaf1;color:inherit;box-shadow:0 4px 12px rgba(66,49,25,.1);font:600 13px/1.2 "Malgun Gothic",sans-serif;text-align:center;white-space:nowrap;visibility:hidden;pointer-events:none;transition:none;animation:none;z-index:10}
.storage-badge:hover,.storage-badge:focus-visible{z-index:10}
.storage-badge:hover::after,.storage-badge:focus-visible::after{visibility:visible}
.storage-badge:focus-visible{outline:2px solid currentColor;outline-offset:3px}