#productGalleryControls[hidden]{display:none!important}#productGalleryControls{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px 0 4px;flex-wrap:wrap}.pg-prev,.pg-next{border:1px solid #ccd2dd;background:#fff;border-radius:10px;min-width:44px;min-height:40px;cursor:pointer;font-size:24px;color:#142a4d}.pg-counter{font-size:14px;font-weight:700;color:#142a4d}.pg-dot{width:12px;height:12px;border-radius:50%;border:1px solid #172b50;background:#fff;cursor:pointer;padding:0}.pg-dot[aria-pressed=true]{background:#e5222a}#mimg{max-height:70vh;object-fit:contain}

/* Gallery controls overlay: arrows beside the picture, not in a separate row */
#modal .zoom{position:relative}
#modal #productGalleryControls:not([hidden]){position:absolute;inset:0;margin:0;padding:0 6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;pointer-events:none;z-index:3}
#modal #productGalleryControls .pg-dot,#modal #productGalleryControls .pg-counter{display:none!important}
#modal #productGalleryControls .pg-prev,#modal #productGalleryControls .pg-next{pointer-events:auto;border-radius:50%;width:42px;height:42px;min-width:42px;min-height:42px;background:rgba(255,255,255,.94);box-shadow:0 2px 12px #0002}
#modal #planbtn[hidden]{display:none!important}
#modal .benefits{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
#modal .benefits span{flex:1 1 135px;padding:9px 11px!important;margin:0!important;min-height:0!important;font-size:13px;line-height:1.25}
@media(max-width:560px){#modal .benefits{gap:5px}#modal .benefits span{flex:1 1 100%;padding:8px 10px!important}#modal #productGalleryControls .pg-prev,#modal #productGalleryControls .pg-next{width:38px;height:38px;min-width:38px;min-height:38px}}

/* 2026-10-20 accessible navigation and gallery arrows */
nav{display:flex;align-items:center;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;gap:clamp(12px,2vw,25px)}
nav>a,nav>button{flex:0 0 auto;white-space:nowrap}
#modal #productGalleryControls .pg-prev,#modal #productGalleryControls .pg-next{width:48px;height:48px;min-width:48px;min-height:48px;font-size:30px;background:#fff;color:#102d51;border:2px solid #18395e;box-shadow:0 3px 14px #0004}
#modal #productGalleryControls .pg-dot,#modal #productGalleryControls .pg-counter{display:none!important}
@media(max-width:600px){#modal #productGalleryControls .pg-prev,#modal #productGalleryControls .pg-next{width:44px;height:44px;min-width:44px;min-height:44px}}