.cg-wrap{--cg-cols:6;--cg-gcols:6;--cg-gap:12px;--cg-img:100px;--cg-imgr:12px;--cg-card:#fff;--cg-bd:#e5e7eb;--cg-tx:#222;--cg-tx2:#8a94a3;--cg-ac:#e8283c;--cg-title:#111;--cg-btn:#1d3557;--cg-btntx:#fff;--cg-radius:14px;--cg-fs:15px;--cg-ts:18px;direction:rtl;text-align:right;position:relative;box-sizing:border-box}.cg-wrap *{box-sizing:border-box}.cg-head{margin:0 0 14px;text-align:center}.cg-title{margin:0;padding:0;color:var(--cg-title);font-size:var(--cg-ts);font-weight:700;line-height:1.6}.cg-body{position:relative}.cg-track{display:flex;margin:0;padding:2px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}.cg-track::-webkit-scrollbar{display:none}.cg-track.cg-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}.cg-track img{-webkit-user-drag:none;user-select:none}.cg-track.cg-drag a{pointer-events:none}.cg-wrap li{margin:0;padding:0;list-style:none}.cg-item{flex:0 0 calc((100% - (var(--cg-cols) - 1) * var(--cg-gap)) / var(--cg-cols));min-width:0;margin:0 0 0 var(--cg-gap);scroll-snap-align:start}.cg-item:last-child{margin-left:0}.cg-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:14px 8px 12px;background:var(--cg-card);border:1px solid var(--cg-bd);border-radius:var(--cg-radius);color:var(--cg-tx);text-align:center;text-decoration:none;-webkit-transition:border-color .2s,box-shadow .2s,transform .2s;transition:border-color .2s,box-shadow .2s,transform .2s}.cg-card:hover,.cg-card:focus{border-color:var(--cg-ac);color:var(--cg-tx);box-shadow:0 6px 18px rgb(0 0 0 / .08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cg-img{display:block;width:var(--cg-img);height:var(--cg-img);margin:0 auto 10px;overflow:hidden;border-radius:var(--cg-imgr)}.cg-img img{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;-o-object-fit:contain;object-fit:contain}.cg-name{display:block;color:var(--cg-tx);font-size:var(--cg-fs);font-weight:600;line-height:1.6}.cg-cnt{display:block;margin-top:2px;color:var(--cg-tx2);font-size:.82em;line-height:1.5}.cg-morecard{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:8px}.cg-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:100%;max-width:100%;min-height:46px;padding:10px 8px;border-radius:10px;background:var(--cg-btn);color:var(--cg-btntx);font-size:calc(var(--cg-fs) - 1px);font-weight:700;line-height:1.6;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal}.cg-bt{display:inline-block;max-width:100%}.cg-ar{display:inline-block;margin:0 6px 0 0;font-style:normal;line-height:1}.cg-nav{position:absolute;top:50%;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;margin:-18px 0 0;padding:0;border:0;border-radius:50%;background:#fff;color:#222;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .25);direction:ltr;unicode-bidi:isolate;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.cg-prev{left:-10px;right:auto}.cg-next{right:-10px;left:auto}.cg-nav[disabled]{opacity:0;pointer-events:none}.cg-grid .cg-track{display:grid;grid-template-columns:repeat(var(--cg-gcols),minmax(0,1fr));grid-gap:var(--cg-gap);gap:var(--cg-gap);overflow:visible;scroll-snap-type:none;cursor:auto}.cg-grid .cg-item{margin:0}@media (max-width:1024px){.cg-btn{padding:10px 6px;font-size:13px}}@media (max-width:767px){.cg-nav{width:32px;height:32px;margin-top:-16px;font-size:20px;background:rgb(255 255 255 / .96);box-shadow:0 1px 6px rgb(0 0 0 / .35)}.cg-prev{left:-4px}.cg-next{right:-4px}.cg-card{padding:10px 6px 10px}}@media (prefers-reduced-motion:reduce){.cg-card{-webkit-transition:none;transition:none}.cg-card:hover{-webkit-transform:none;transform:none}}