.fgpv-certificate-info-button { position:absolute; z-index:4; top:8px; right:8px; left:auto; width:44px; height:44px; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; font:700 18px/1 Arial,sans-serif; }
.fgpv-certificate-info-button::before { content:''; position:absolute; top:0; right:0; box-sizing:border-box; width:40px; height:40px; border:2px solid #fff; border-radius:50%; background:#00abe7; box-shadow:0 2px 5px rgba(0,73,108,.28); }
.fgpv-certificate-info-button span { position:absolute; z-index:1; top:0; right:0; display:grid; width:40px; height:40px; place-items:center; }
.fgpv-certificate-info-button[aria-expanded="true"] span { color:transparent; }
.fgpv-certificate-info-button[aria-expanded="true"] span::after { content:'×'; position:absolute; inset:0; display:grid; color:#fff; font-size:28px; font-weight:700; line-height:1; place-items:center; transform:none; }
.fgpv-certificate-info-button:focus-visible { outline:0; }
.fgpv-certificate-info-button:focus-visible::before { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px #00abe7,0 2px 5px rgba(0,73,108,.28); }
.fgpv-certificate-overlay { position:absolute; z-index:6; top:44px; right:8px; bottom:auto; left:auto; display:flex; flex-direction:column; box-sizing:border-box; width:var(--fgpv-certificate-overlay-width,58%); max-width:var(--fgpv-certificate-overlay-max-width,260px); max-height:calc(100% - 52px); min-width:0; padding:0; border:var(--fgpv-certificate-overlay-border-width,0) solid rgba(255,255,255,.82); border-radius:var(--fgpv-certificate-overlay-radius,14px); background:var(--fgpv-certificate-overlay-background,#fff); color:var(--fgpv-certificate-overlay-text-color,#333); overflow:hidden; text-align:left; font-size:14px; font-weight:600; line-height:1.28; box-shadow:var(--fgpv-certificate-overlay-shadow,0 4px 12px rgba(0,73,108,.20)); }
.fgpv-certificate-overlay,.fgpv-certificate-overlay * { color:var(--fgpv-certificate-overlay-text-color,#333); }
.fgpv-certificate-overlay[hidden] { display:none; }
.fgpv-certificate-overlay a { color:var(--fgpv-certificate-overlay-text-color,#333); text-decoration:underline; text-decoration-thickness:2px; }
.fgpv-certificate-overlay-body { flex:1 1 auto; min-height:0; padding:11px 12px; overflow-y:auto; overflow-x:hidden; }
.fgpv-certificate-overlay-list,.fgpv-certificate-detail-list { margin:0; padding:0; list-style:none; }
.fgpv-certificate-detail-list li { position:relative; display:grid; grid-template-columns:.85em minmax(0,1fr); column-gap:.25em; padding:2px 0; color:inherit; }
.fgpv-certificate-detail-list li::before { content:'✓'; grid-column:1; color:inherit; font-size:.9em; font-weight:700; }
.fgpv-certificate-overlay-list li { display:grid; grid-template-columns:1.15em minmax(0,1fr); column-gap:3px; align-items:start; padding:1px 0; overflow-wrap:anywhere; color:var(--fgpv-certificate-overlay-text-color,#333); font-size:14px; font-weight:600; line-height:1.28; }
.fgpv-certificate-overlay-list li::before { content:'✓'; grid-column:1; color:var(--fgpv-certificate-overlay-check-color,#005eab); font-size:1.6em; font-weight:700; line-height:1; transform:translateY(-1px); }
.fgpv-certificate-detail-list { margin:12px 0; color:#008ca8; }
.fgpv-certificate-detail-link { display:inline-block; padding:2px 0; color:inherit; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:2px; }
.fgpv-certificate-detail-link:hover,.fgpv-certificate-detail-link:focus-visible { color:inherit; text-decoration-color:currentColor; }
.fgpv-certificate-detail-link:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.fgpv-certificate-explanations { margin:16px 0; }
.fgpv-certificate-explanation { margin:0 0 12px; scroll-margin-top:164px; }
.fgpv-certificate-explanation:target { border-left:3px solid #005eab; background:rgba(0,140,168,.08); padding:8px 12px; }
@keyframes fgpv-certificate-attention-wiggle { 0%,100% { transform:rotate(0) scale(1); } 25% { transform:rotate(var(--fgpv-certificate-attention-left,-7deg)) scale(var(--fgpv-certificate-attention-scale-small,1.06)); } 55% { transform:rotate(var(--fgpv-certificate-attention-right,8deg)) scale(var(--fgpv-certificate-attention-scale-large,1.10)); } 78% { transform:rotate(var(--fgpv-certificate-attention-left-end,-4deg)) scale(var(--fgpv-certificate-attention-scale-end,1.04)); } }
@keyframes fgpv-certificate-attention-pulse { 0%,100% { transform:scale(1); } 45% { transform:scale(var(--fgpv-certificate-attention-scale-large,1.10)); } 70% { transform:scale(var(--fgpv-certificate-attention-scale-small,1.06)); } }
@keyframes fgpv-certificate-attention-glow { 0%,100% { filter:none; transform:scale(1); } 45% { filter:drop-shadow(0 0 var(--fgpv-certificate-attention-glow-size,12px) rgba(0,171,231,var(--fgpv-certificate-attention-glow-alpha,.65))); transform:scale(var(--fgpv-certificate-attention-scale-small,1.06)); } }
@keyframes fgpv-certificate-attention-vibrate { 0%,100% { transform:translateX(0) rotate(0) scale(1); } 15% { transform:translateX(calc(var(--fgpv-certificate-attention-shift,4px) * -1)) rotate(var(--fgpv-certificate-attention-left-end,-4deg)) scale(var(--fgpv-certificate-attention-scale-small,1.06)); } 35% { transform:translateX(var(--fgpv-certificate-attention-shift,4px)) rotate(var(--fgpv-certificate-attention-right,8deg)) scale(var(--fgpv-certificate-attention-scale-large,1.10)); } 55% { transform:translateX(calc(var(--fgpv-certificate-attention-shift,4px) * -1)) rotate(var(--fgpv-certificate-attention-left-end,-4deg)) scale(var(--fgpv-certificate-attention-scale-small,1.06)); } 75% { transform:translateX(var(--fgpv-certificate-attention-shift,4px)) rotate(0) scale(1.02); } }
.fgpv-certificate-attention { animation-duration:var(--fgpv-certificate-attention-duration,850ms); animation-iteration-count:var(--fgpv-certificate-attention-iterations,1); animation-timing-function:ease-in-out; transform-origin:center; }
.fgpv-certificate-attention--wiggle { animation-name:fgpv-certificate-attention-wiggle; }
.fgpv-certificate-attention--pulse { animation-name:fgpv-certificate-attention-pulse; }
.fgpv-certificate-attention--glow { animation-name:fgpv-certificate-attention-glow; }
.fgpv-certificate-attention--vibrate { animation-name:fgpv-certificate-attention-vibrate; animation-timing-function:linear; }
.fgpv-certificate-attention--verySubtle { --fgpv-certificate-attention-left:-3deg; --fgpv-certificate-attention-right:4deg; --fgpv-certificate-attention-left-end:-2deg; --fgpv-certificate-attention-scale-small:1.02; --fgpv-certificate-attention-scale-large:1.04; --fgpv-certificate-attention-scale-end:1.01; --fgpv-certificate-attention-shift:2px; --fgpv-certificate-attention-glow-size:6px; --fgpv-certificate-attention-glow-alpha:.35; }
.fgpv-certificate-attention--subtle { --fgpv-certificate-attention-left:-4deg; --fgpv-certificate-attention-right:5deg; --fgpv-certificate-attention-left-end:-2deg; --fgpv-certificate-attention-scale-small:1.03; --fgpv-certificate-attention-scale-large:1.05; --fgpv-certificate-attention-scale-end:1.02; --fgpv-certificate-attention-shift:3px; --fgpv-certificate-attention-glow-size:8px; --fgpv-certificate-attention-glow-alpha:.45; }
.fgpv-certificate-attention--normal { --fgpv-certificate-attention-left:-6deg; --fgpv-certificate-attention-right:7deg; --fgpv-certificate-attention-left-end:-3deg; --fgpv-certificate-attention-scale-small:1.05; --fgpv-certificate-attention-scale-large:1.08; --fgpv-certificate-attention-scale-end:1.03; --fgpv-certificate-attention-shift:4px; --fgpv-certificate-attention-glow-size:10px; --fgpv-certificate-attention-glow-alpha:.55; }
.fgpv-certificate-attention--strong { --fgpv-certificate-attention-left:-8deg; --fgpv-certificate-attention-right:9deg; --fgpv-certificate-attention-left-end:-4deg; --fgpv-certificate-attention-scale-small:1.08; --fgpv-certificate-attention-scale-large:1.12; --fgpv-certificate-attention-scale-end:1.05; --fgpv-certificate-attention-shift:5px; --fgpv-certificate-attention-glow-size:13px; --fgpv-certificate-attention-glow-alpha:.70; }
.fgpv-certificate-attention--veryStrong { --fgpv-certificate-attention-left:-11deg; --fgpv-certificate-attention-right:12deg; --fgpv-certificate-attention-left-end:-6deg; --fgpv-certificate-attention-scale-small:1.10; --fgpv-certificate-attention-scale-large:1.16; --fgpv-certificate-attention-scale-end:1.07; --fgpv-certificate-attention-shift:7px; --fgpv-certificate-attention-glow-size:16px; --fgpv-certificate-attention-glow-alpha:.80; }
.fgpv-certificate-attention--extreme { --fgpv-certificate-attention-left:-15deg; --fgpv-certificate-attention-right:16deg; --fgpv-certificate-attention-left-end:-8deg; --fgpv-certificate-attention-scale-small:1.14; --fgpv-certificate-attention-scale-large:1.22; --fgpv-certificate-attention-scale-end:1.09; --fgpv-certificate-attention-shift:9px; --fgpv-certificate-attention-glow-size:20px; --fgpv-certificate-attention-glow-alpha:.90; }
@media (max-width: 600px) { .fgpv-certificate-info-button { top:8px; right:8px; left:auto; width:44px; height:44px; } .fgpv-certificate-explanation { scroll-margin-top:206px; } }
@media (max-width: 420px) { .fgpv-certificate-overlay { top:44px; right:8px; bottom:auto; left:8px; width:auto; max-width:none; max-height:calc(100% - 52px); font-size:clamp(12px,3.3vw,13px); line-height:1.22; } .fgpv-certificate-overlay-body { padding:5px 8px; } .fgpv-certificate-overlay-list li { grid-template-columns:1.1em minmax(0,1fr); column-gap:1px; padding:0; font-size:inherit; line-height:1.22; } .fgpv-certificate-overlay-list li::before { line-height:1; } }
.fgpv-product-image-stage { position:relative; overflow:hidden; }
.fgpv-product-image-stage > a { display:block; }
.fgpv-product-badges { position:absolute; z-index:3; top:6px; right:6px; left:auto; display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:flex-start; gap:6px; width:max-content; max-width:none; box-sizing:border-box; pointer-events:none; }
.fgpv-product-image-stage--has-info .fgpv-product-badges--list { right:58px; }
.fgpv-product-badge { --fgpv-product-badge-size:88px; display:block; flex:0 0 var(--fgpv-product-badge-size); width:var(--fgpv-product-badge-size); min-width:var(--fgpv-product-badge-size); max-width:var(--fgpv-product-badge-size); line-height:0; }
.fgpv-product-badge img { display:block; width:100%; height:auto; max-width:100%; }
.fgpv-product-badges--detail .fgpv-product-badge { --fgpv-product-badge-size:52px; }
@media (max-width: 600px) { .fgpv-product-badges { top:7px; right:7px; left:auto; gap:5px; } .fgpv-product-image-stage--has-info .fgpv-product-badges--list { right:56px; } .fgpv-product-badge { --fgpv-product-badge-size:75px; } .fgpv-product-badges--detail .fgpv-product-badge { --fgpv-product-badge-size:46px; } }
@media (max-width: 420px) { .fgpv-product-badges { top:6px; right:6px; left:auto; gap:4px; } .fgpv-product-image-stage--has-info .fgpv-product-badges--list { right:54px; } .fgpv-product-badge { --fgpv-product-badge-size:64px; } .fgpv-product-badges--detail .fgpv-product-badge { --fgpv-product-badge-size:46px; } }