.apg{position:fixed; inset:0; z-index:999999; display:none; flex-direction:column; background:#000; color:#fff; direction:rtl; font-family:inherit; line-height:1.7; box-sizing:border-box; -webkit-tap-highlight-color:transparent}.apg.is-open{display:flex}.apg *,.apg *::before,.apg *::after{box-sizing:border-box}.apg [hidden]{display:none !important}.apg button{margin:0; padding:0; border:0; background:transparent; color:inherit; font:inherit; line-height:inherit; cursor:pointer; -webkit-appearance:none; appearance:none}.apg__backdrop{position:absolute; inset:0; background:#000}.apg__close{position:absolute; top:14px; left:14px; z-index:4; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; opacity:.92; transition:background-color .15s ease, opacity .15s ease}.apg__close:hover,.apg__close:focus-visible{background:rgba(255, 255, 255, .14); opacity:1; outline:0}.apg__tabs{position:absolute; top:16px; left:50%; transform:translateX(-50%); z-index:4; display:flex; align-items:stretch; border:1px solid rgba(255, 255, 255, .38); border-radius:999px; background:rgba(0, 0, 0, .55); overflow:hidden}.apg__tab{position:relative; min-width:76px; padding:9px 22px 12px; color:rgba(255, 255, 255, .82); font-size:13px; line-height:1; text-align:center; white-space:nowrap; transition:color .15s ease}.apg__tab + .apg__tab{border-inline-start:1px solid rgba(255, 255, 255, .28)}.apg__tab:hover{color:#fff}.apg__tab.is-active{color:#fff; font-weight:600}.apg__tab.is-active::after{content:""; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:26px; height:2px; border-radius:2px; background:#fff}.apg__status{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0}.apg__stage{position:relative; flex:1 1 auto; min-height:0; display:flex; align-items:center; justify-content:center; padding:62px 64px 8px; touch-action:pan-y; cursor:grab}.apg__stage.is-dragging{cursor:grabbing}.apg__stage.is-zoomed{touch-action:none; cursor:grab}.apg__stage.is-zoomed.is-dragging{cursor:grabbing}.apg__stage.is-dragging .apg__frame,.apg__frame.is-moving{will-change:transform, opacity}.apg__frame{margin:0; display:flex; transition:transform .19s ease, opacity .19s ease; flex-direction:column; align-items:stretch; max-width:100%; max-height:100%; background:#fff; overflow:hidden}.apg__media{display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:0; background:#fff; overflow:hidden; }.apg__var{flex:0 0 auto; margin-top:6px; padding:2px 7px; border:1px solid #d9d9d9; border-radius:4px; background:#f6f6f6; color:#6b6b6b; font-size:10px; line-height:1.6; letter-spacing:.2px; white-space:nowrap}.apg__frame.has-review{flex-direction:row; align-items:stretch; max-width:min(1180px, 100%)}.apg__frame.has-review .apg__media{flex:1 1 auto}.apg__img{display:block; -webkit-user-drag:none; user-select:none; pointer-events:auto; width:auto; height:auto; max-width:100%; max-height:calc(100vh - 250px); background:#fff; object-fit:contain; opacity:1; cursor:zoom-in; transform-origin:center center; transition:transform .26s ease, opacity .18s ease}.apg__frame.is-zoomed .apg__img{cursor:zoom-out}.apg__img.is-loading{opacity:.35}.apg__caption{flex:0 0 300px; width:300px; margin:0; padding:16px 16px 18px; border-inline-start:1px solid #ececec; background:#fff; color:#2b2b2b; text-align:right; overflow-y:auto; overscroll-behavior:contain}.apg__review-head{display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f0f0f1}.apg__author{padding:3px 10px; border-radius:6px; background:#f2f2f2; color:#3c3c3c; font-size:12.5px; font-weight:600; white-space:nowrap}.apg__buyer{padding:2px 8px; border-radius:999px; background:#eef7ee; color:#1c7a3d; font-size:11px; line-height:18px; white-space:nowrap}.apg__rating{display:inline-flex; align-items:center}.apg__stars{display:inline-flex; gap:1px; direction:ltr; line-height:1}.apg__star{color:#d8d8d8; font-size:14px}.apg__star.is-on{color:#f6a623}.apg__review-text{font-size:12.5px; line-height:2; color:#3f3f3f; white-space:pre-line; word-break:break-word}.apg__review-when{margin-top:12px; padding-top:10px; border-top:1px solid #f4f4f4; color:#9a9a9a; font-size:11px}.apg__nav{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255, 255, 255, .92); color:#1d1d1d; box-shadow:0 2px 10px rgba(0, 0, 0, .35); transition:background-color .15s ease, transform .15s ease}.apg__nav:hover,.apg__nav:focus-visible{background:#fff; outline:0}.apg__nav--prev{right:14px}.apg__nav--next{left:14px}.apg__strip{flex:0 0 auto; height:80px; padding:0; background:#000}.apg__thumbs{display:flex; align-items:center; gap:4px; height:100%; padding:9px 8px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none; scroll-behavior:smooth; overscroll-behavior-x:contain}.apg__thumbs::-webkit-scrollbar{display:none}.apg__thumbs .apg__thumb{flex:0 0 auto; width:62px; height:62px; padding:0; border-radius:4px; overflow:hidden; background:#fff; opacity:.78; transition:opacity .15s ease, box-shadow .15s ease}.apg__thumbs .apg__thumb img{display:block; width:100%; height:100%; object-fit:cover; background:#fff; opacity:1; -webkit-user-drag:none; user-select:none}.apg__thumbs .apg__thumb:hover{opacity:.95}.apg__thumbs .apg__thumb.is-active{opacity:1; box-shadow:0 0 0 2px #fff}.apg__divider{flex:0 0 auto; display:flex; align-items:center; gap:6px; height:62px; padding-inline-start:4px}.apg__divider::before{content:""; flex:0 0 auto; width:1px; height:40px; border-radius:1px; background:linear-gradient(#3a3a3a, #6b6b6b, #3a3a3a)}.apg__actions{flex:0 0 auto; display:flex; align-items:center; gap:4px}.apg .apg__all{width:62px; height:62px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border-radius:6px; border:1px solid #c09450; background:#1f1f1f; color:#f3e6cf; font-size:10px; line-height:1.2; transition:background-color .15s ease, border-color .15s ease, color .15s ease}.apg .apg__all:hover,.apg .apg__all:focus-visible{background:#2c2c2c; border-color:#dcae6a; color:#fff; outline:0}.apg__all-text{display:block; text-align:center; font-size:9.5px; line-height:1.35}.apg .apg__all--buyers{background:#171717; border-color:#8a6a3a}.apg__grid{position:absolute; inset:0; z-index:6; display:flex; flex-direction:column; background:rgba(8, 8, 8, .985); padding:12px 16px 16px}.apg__grid-head{flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 2px 10px; color:#fff; font-size:13px}.apg__grid-title{font-weight:600}.apg__grid-close{width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff}.apg__grid-close:hover{background:rgba(255, 255, 255, .14)}.apg__grid-body{flex:1 1 auto; min-height:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(108px, 1fr)); gap:8px; overflow-y:auto; overscroll-behavior:contain; padding-bottom:8px}.apg__grid-item{position:relative; aspect-ratio:1 / 1; border-radius:4px; overflow:hidden; background:#fff; opacity:.82; transition:opacity .15s ease, box-shadow .15s ease}.apg__grid-item img{display:block; width:100%; height:100%; object-fit:cover}.apg__grid-item:hover{opacity:1}.apg__grid-item.is-active{opacity:1; box-shadow:0 0 0 2px #fff}@media (max-width:767px){.apg__tabs{top:12px; } .apg__tab{min-width:64px; padding:8px 18px 11px; font-size:12px; } .apg__close{top:8px; left:8px; } .apg__stage{padding:54px 12px 6px; } .apg__img{max-height:calc(100vh - 226px); } .apg__frame.has-review{flex-direction:column; max-width:100%; } .apg__frame.has-review .apg__media{flex:0 1 auto; background:#000; } .apg__frame.has-review .apg__img{max-height:calc(100vh - 300px); } .apg__var{margin-top:4px; padding:1px 6px; border-color:rgba(255, 255, 255, .22); background:rgba(255, 255, 255, .07); color:#b9b9b9; font-size:9px; } .apg__caption{flex:0 0 auto; width:100%; max-height:168px; padding:10px 12px 12px; border-inline-start:0; border-top:0; background:#0b0b0b; color:#f2f2f2; } .apg__review-head{padding-bottom:7px; margin-bottom:7px; border-bottom-color:rgba(255, 255, 255, .12); } .apg__author{background:rgba(255, 255, 255, .12); color:#fff; font-size:11.5px; } .apg__buyer{background:#f4f4f4; color:#222; font-size:10px; line-height:16px; } .apg__review-text{color:#ededed; font-size:11.5px; line-height:1.95; } .apg__review-when{margin-top:8px; padding-top:7px; border-top-color:rgba(255, 255, 255, .1); color:#9c9c9c; font-size:10px; } .apg__nav{width:32px; height:32px; } .apg__nav--prev{right:6px; } .apg__nav--next{left:6px; } .apg__strip{height:68px; } .apg__thumbs{padding:7px 6px; } .apg__thumbs .apg__thumb{width:54px; height:54px; } .apg .apg__all{width:52px; height:54px; font-size:9px; } .apg__divider{height:54px; gap:5px; } .apg__divider::before{height:34px; } .apg__all-text{font-size:8.5px; } .apg__grid-body{grid-template-columns:repeat(auto-fill, minmax(88px, 1fr)); }}@media (prefers-reduced-motion:reduce){.apg__img, .apg__frame, .apg__thumb, .apg__nav, .apg__all, .apg__tab{transition:none !important; }}