.packaging-map-title{font-size:clamp(16px,1.5vw,22px);line-height:1.35;margin:0;padding:14px 18px;color:#17394d;background:#eff5f8}.chiclet-visual .packaging-map{margin:0;border-radius:0}.chiclet-visual .packaging-map>img{aspect-ratio:auto!important;object-fit:contain!important;transform:none!important}.chiclet-visual .map-help{margin:0;padding:10px 18px;background:#eff5f8}.packaging-map .packaging-hotspot{transition:background .2s,border-color .2s;transform:none!important}.packaging-map .packaging-hotspot:hover{transform:none!important}.packaging-map .packaging-hotspot span{bottom:4px;transform:translate(-50%,0);max-width:min(220px,80vw);z-index:6;text-align:center;line-height:1.35}.packaging-map .click-hint{left:26%;top:42%}.packaging-map .click-hint span{line-height:1.4}.packaging-map .click-hint[hidden]{display:none!important}html[dir=rtl] .packaging-map span{direction:rtl;font-family:'Noto Sans Arabic',system-ui,sans-serif}html[dir=rtl] .packaging-map .click-hint{flex-direction:row-reverse}@media(max-width:600px){.packaging-map-title{padding:10px 12px}.packaging-map .click-hint{left:22%;top:42%}.packaging-map .packaging-hotspot span{font-size:11px}.chiclet-visual .map-help{padding:8px 12px}}
.packaging-map .shaped-hotspot{pointer-events:none}.packaging-map .shaped-hotspot .hotspot-shape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.packaging-map .shaped-hotspot polygon{fill:transparent;stroke:none;pointer-events:all}
/* Keep the standard frame even when the supplemental frame stylesheet is unavailable. */
.packaging-map a.packaging-hotspot{border:2px solid transparent;border-radius:12px;box-sizing:border-box}
.packaging-map a.packaging-hotspot:hover,.packaging-map a.packaging-hotspot:focus-visible,.packaging-map a.packaging-hotspot:active{border-color:#0785de;background:rgba(52,184,255,.12);outline:3px solid #fff;outline-offset:0;z-index:3}
.packaging-map a.shaped-hotspot:hover polygon,.packaging-map a.shaped-hotspot:focus-visible polygon,.packaging-map a.shaped-hotspot:active polygon{fill:transparent;stroke:none}
@media(max-width:600px){.packaging-map a.packaging-hotspot{border-radius:5px}}

/* Override gallery links: clickable regions stay transparent over the original photo. */
.chiclet-visual .packaging-map>a.packaging-hotspot{position:absolute;background:transparent;overflow:visible}.chiclet-visual .packaging-map>a.packaging-hotspot:hover,.chiclet-visual .packaging-map>a.packaging-hotspot:focus-visible,.chiclet-visual .packaging-map>a.packaging-hotspot:active{background:rgba(52,184,255,.12)}.packaging-map>img{border-radius:0}