.areas-hotspot-gallery__tabs{margin-top:40px}
.areas-hotspot-gallery__radio{position:absolute;opacity:0;pointer-events:none}
.areas-hotspot-gallery__label{display:inline-block;margin:0 5px 30px;padding:10px 20px;border:1px solid var(--fontColor);border-radius:20px;cursor:pointer}
.areas-hotspot-gallery__radio:checked+.areas-hotspot-gallery__label{border-color:var(--blackColor);font-weight:700}
.areas-hotspot-gallery__panel{display:none}
/* ponytail: CSS-only radio tabs, capped at 5 areas; add another :nth-of-type() rule if more are ever needed */
.areas-hotspot-gallery__radio:nth-of-type(1):checked~.areas-hotspot-gallery__panels .areas-hotspot-gallery__panel:nth-child(1){display:block}
.areas-hotspot-gallery__radio:nth-of-type(2):checked~.areas-hotspot-gallery__panels .areas-hotspot-gallery__panel:nth-child(2){display:block}
.areas-hotspot-gallery__radio:nth-of-type(3):checked~.areas-hotspot-gallery__panels .areas-hotspot-gallery__panel:nth-child(3){display:block}
.areas-hotspot-gallery__radio:nth-of-type(4):checked~.areas-hotspot-gallery__panels .areas-hotspot-gallery__panel:nth-child(4){display:block}
.areas-hotspot-gallery__radio:nth-of-type(5):checked~.areas-hotspot-gallery__panels .areas-hotspot-gallery__panel:nth-child(5){display:block}

.areas-hotspot-gallery__grid{display:flex;gap:20px;text-align:left}
@media (max-width: 991px){.areas-hotspot-gallery__grid{flex-direction:column}}

.areas-hotspot-gallery__main{position:relative;overflow:hidden;border-radius:4px;flex:1.6;min-height:520px;display:flex;align-items:flex-end}
.areas-hotspot-gallery__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
@media (max-width: 991px){.areas-hotspot-gallery__main{min-height:420px}}

.areas-hotspot-gallery__overlay{position:absolute;inset:0;background:linear-gradient(to top, var(--blackColor) 0%, transparent 45%);z-index:1;pointer-events:none}
.areas-hotspot-gallery__caption{position:relative;z-index:2;padding:30px;color:var(--whiteColor)}
.areas-hotspot-gallery__caption h3{color:var(--whiteColor);margin:5px 0 0}

.areas-hotspot-gallery__side{flex:1;display:flex;flex-direction:column;gap:20px}
@media (max-width: 991px){.areas-hotspot-gallery__side{flex-direction:row}}
@media (max-width: 650px){.areas-hotspot-gallery__side{flex-direction:column}}
.areas-hotspot-gallery__image-wrap{position:relative;overflow:hidden;border-radius:4px;flex:1;min-height:250px}
.areas-hotspot-gallery__image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.areas-hotspot-gallery__hotspot{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--blackColor);border:3px solid var(--whiteColor);transform:translate(-50%, -50%);cursor:pointer;z-index:3}
.areas-hotspot-gallery__hotspot:hover{background:var(--primaryColor)}
.areas-hotspot-gallery__hotspot[data-label]:not([data-label=""]):hover:after{content:attr(data-label);position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:var(--blackColor);color:var(--whiteColor);padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}