.yn-protein-gallery{min-width:0;align-self:start;width:100%;max-width:540px;margin-inline:auto}
.yn-protein-gallery .yn-gallery-frame{margin:0;width:100%;aspect-ratio:3/4;min-height:0;padding:28px;cursor:zoom-in;touch-action:pan-y pinch-zoom;background:#faf7ef}
.yn-protein-gallery .yn-gallery-frame .product-packshot{width:100%;height:100%;max-height:100%;object-fit:contain;transition:opacity .25s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.yn-gallery-scene{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(4px) scale(1.01);transition:opacity .3s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.yn-protein-gallery[data-gallery-view="1"][data-gallery-ready="true"] .yn-gallery-scene{opacity:1;transform:none}
.yn-protein-gallery[data-gallery-view="1"][data-gallery-ready="true"] .product-packshot{opacity:0}
.yn-gallery-count,.yn-gallery-open{position:absolute;z-index:4;background:#fff9eeed;border:1px solid #c8a65a55;backdrop-filter:blur(8px);color:#252a27;border-radius:30px;box-shadow:0 3px 12px #1a19160a}
.yn-gallery-count{left:20px;top:20px;font-size:11px;letter-spacing:.12em;line-height:1;padding:10px 13px}
.yn-gallery-open{bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:11px 14px;font:inherit;font-size:12px;cursor:zoom-in;min-height:44px}
.yn-gallery-open svg,.yn-lightbox-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.yn-gallery-thumbnails{display:flex;justify-content:center;gap:12px;padding-top:18px}
.yn-gallery-thumbnail{display:grid;grid-template-columns:44px auto;align-items:center;gap:10px;max-width:calc(50% - 6px);border:1px solid #dfd6c8;border-radius:14px;background:#fffcf7;padding:7px 13px 7px 7px;font:inherit;color:#5d5b53;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.yn-gallery-thumbnail img{width:44px;height:58px;object-fit:contain;border-radius:8px;background:#f5f0e5}
.yn-gallery-thumbnail span{font-size:12px;font-weight:650;line-height:1.3}
.yn-gallery-thumbnail[aria-pressed="true"]{border-color:#b99145;background:#f3ecd9;color:#171c19;box-shadow:0 0 0 1px #b99145}
.yn-gallery-open:focus-visible,.yn-gallery-thumbnail:focus-visible,.yn-protein-lightbox button:focus-visible{outline:3px solid #9e772f;outline-offset:4px}
.yn-gallery-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yn-protein-lightbox{width:min(780px,calc(100vw - 32px));max-height:94dvh;padding:0;border:1px solid #cbb680;border-radius:24px;background:#f8f4ea;color:#171c19;box-shadow:0 30px 120px #0005;overflow:auto}
.yn-protein-lightbox::backdrop{background:#091410d9;backdrop-filter:blur(10px)}
.yn-protein-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #cbb68040}
.yn-protein-lightbox header small{font-size:9px;color:#937235;letter-spacing:.18em;font-weight:700}
.yn-protein-lightbox h2{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:5px 0 0}
.yn-protein-lightbox button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #cbb68065;background:#fffcf6;border-radius:50%;font:inherit;font-size:19px;color:#242a27;cursor:pointer}
.yn-lightbox-media{display:grid;place-items:center;background:#fffaf2;overflow:hidden}
.yn-lightbox-media img{display:block;width:100%;height:min(68dvh,800px);object-fit:contain}
.yn-protein-lightbox nav{display:flex;align-items:center;justify-content:center;gap:22px;padding:13px 24px;border-top:1px solid #cbb68040;font-size:12px;color:#6d6557}
@media(hover:hover) and (pointer:fine){.yn-protein-gallery[data-gallery-view="0"] .yn-gallery-frame:hover .product-packshot{transform:scale(1.025)}.yn-gallery-thumbnail:hover{border-color:#b99145}.yn-gallery-open:hover{background:#fffdf7}}
@media(max-width:700px){.yn-protein-gallery{max-width:420px}.yn-protein-gallery .yn-gallery-frame{padding:22px;border-radius:24px}.yn-gallery-thumbnails{padding-top:14px;gap:10px}.yn-gallery-thumbnail{max-width:calc(50% - 5px);padding-right:10px;gap:8px}.yn-gallery-thumbnail span{font-size:11px}.yn-gallery-count{top:14px;left:14px}.yn-gallery-open{right:14px;bottom:14px;font-size:11px;padding:10px 12px}.yn-protein-lightbox{width:calc(100vw - 20px);border-radius:18px}.yn-protein-lightbox header{padding:14px 18px}.yn-protein-lightbox h2{font-size:20px}.yn-lightbox-media img{height:65dvh}.yn-protein-lightbox nav{gap:16px;padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.yn-protein-gallery *{transition:none!important;animation:none!important}.yn-gallery-scene{transform:none}.yn-protein-gallery .yn-gallery-frame:hover .product-packshot{transform:none}}