.system-filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 16px}.system-filter{padding:11px 25px;border:1px solid #e6ddf5;background:#fff;border-radius:999px;font-weight:700;color:#514465;min-height:44px}.system-filter:hover,.system-filter.is-active{background:#7332db;color:#fff;border-color:#7332db}.system-result-count{color:#7d708e;font-size:13px;margin-bottom:22px}.ready-system-item{min-width:0;display:flex}.ready-system-item>.product-card{width:100%;height:100%}.system-gallery{width:100%}.system-gallery-main{display:block;background:#fff;border-radius:20px;overflow:hidden}.system-gallery-main img{width:100%;height:auto;max-height:520px;object-fit:contain;aspect-ratio:1}.system-gallery-thumbs{display:flex;overflow-x:auto;gap:10px;margin-top:14px;padding:3px}.system-gallery-thumbs button{background:#fff;border:2px solid #eee7f7;border-radius:12px;padding:4px;flex:0 0 78px;min-height:78px}.system-gallery-thumbs button[aria-pressed=true]{border-color:#7838d8;box-shadow:0 0 0 2px #efe4ff}.system-gallery-thumbs img{width:66px;height:66px;object-fit:contain}.contact-map-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.contact-map-options a{padding:10px 14px;border:1px solid #e1d3fa;border-radius:11px;background:#f7f2ff;color:#6526bc;font-weight:700;min-height:44px;font-size:12px}.contact-map-options a:hover{background:#7332db;color:#fff}@media(max-width:600px){.system-filter{padding:10px 17px;font-size:12px}.system-filters{gap:8px}.system-gallery-thumbs button{flex-basis:68px}.system-gallery-thumbs img{width:56px;height:56px}}
/* A gallery needs normal image flow; the former single-image frame used
   absolute positioning, which must not cover the thumbnail controls. */
.assembled-detail .showcase-detail-art:has(.system-gallery){aspect-ratio:auto;overflow:visible;border:0;background:transparent}
.showcase-detail-art .system-gallery-main img{position:static;inset:auto;width:100%;height:auto;max-height:520px;aspect-ratio:1;object-fit:contain}
.showcase-detail-art .system-gallery-thumbs img{position:static;inset:auto;width:66px;height:66px;max-height:none;aspect-ratio:1;object-fit:contain}
@media(max-width:600px){.showcase-detail-art .system-gallery-thumbs img{width:56px;height:56px}}
/* 2.43.0 — multi-kind systems: tab counts + kind badges on cards. */
.system-filter{display:inline-flex;align-items:center;gap:8px}.system-filter-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--c-primary-soft,#ede9fe);color:var(--c-primary-dark,#4c1d95);font-size:12px;line-height:1}.system-filter:hover .system-filter-count,.system-filter.is-active .system-filter-count{background:rgba(255,255,255,.22);color:#fff}
.system-kind-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}.system-kind-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;background:var(--c-primary-soft,#ede9fe);color:var(--c-primary-dark,#4c1d95);border:1px solid #ddd0fb}.system-kind-badge.is-rendering{background:#eef2ff;color:#3730a3;border-color:#d6dcfb}.system-kind-badge.is-office{background:#f3f4f6;color:#374151;border-color:#e5e7eb}
/* 2.48.0 — «گیمینگ و رندرینگ» tab: full label on wide screens, short form on phones. */
.system-filter-combo .sf-short{display:none}
.system-filters{max-width:100%}.system-filter{max-width:100%}
@media(max-width:600px){.system-filter-combo .sf-full{display:none}.system-filter-combo .sf-short{display:inline}}

/* 2.57.0 — Ready-systems services block (.svc) + compact single-system version (.svc-compact). */
.svc{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 0;padding:22px;border:1px solid transparent;border-radius:22px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#c4b5fd,#f3d27f 48%,#8b5cf6) border-box;box-shadow:0 12px 32px -20px rgba(124,58,237,.55),0 0 0 4px rgba(237,233,254,.45)}
.svc-orb{position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;pointer-events:none;will-change:transform;animation:svc-float 16s ease-in-out infinite alternate}
.svc-orb-a{top:-120px;inset-inline-start:-80px;background:radial-gradient(circle,rgba(167,139,250,.30),transparent 68%)}
.svc-orb-b{bottom:-140px;inset-inline-end:-60px;background:radial-gradient(circle,rgba(243,200,90,.22),transparent 68%);animation-duration:20s;animation-direction:alternate-reverse}
.svc.is-paused .svc-orb{animation-play-state:paused}
@keyframes svc-float{to{transform:translate3d(60px,40px,0) scale(1.15)}}
.svc-heading{margin:0 0 14px;font-size:17px;font-weight:800;color:var(--c-primary-dark)}
.svc-heroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.svc-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid #ddd0fb;border-radius:16px;background:linear-gradient(135deg,#faf7ff,var(--c-primary-soft))}
.svc-hero.is-gold{border-color:#efd07a;background:linear-gradient(135deg,#fffaf0,#fdeec6)}
.svc-hero.is-silver{border-color:#d5d9e2;background:linear-gradient(135deg,#fbfcfe,#e9edf3)}
.svc-hero.is-gold::after,.svc-hero.is-silver::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);transform:translateX(120%);animation:svc-shine 1.6s .5s ease-out 1 forwards}
@keyframes svc-shine{to{transform:translateX(-120%)}}
.svc-medal{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 6px 14px -6px rgba(124,58,237,.7)}
.is-gold .svc-medal{background:linear-gradient(135deg,#f9dc7c,#d99a2b);box-shadow:0 6px 14px -6px rgba(201,138,20,.8)}
.svc-medal-ico{width:28px;height:28px}
.svc-hero-title{margin:0;font-size:15.5px;font-weight:800;line-height:1.6;color:var(--c-primary-dark)}
.is-gold .svc-hero-title{color:#6b4100}
.svc-hero.is-gold p{color:#5c4a24}
.is-silver .svc-medal{background:linear-gradient(135deg,#e6e9ef,#9aa3b2);box-shadow:0 6px 14px -6px rgba(90,100,120,.7)}
.is-silver .svc-hero-title{color:#2f3644}
.svc-hero.is-silver p{color:#4a5262}
.svc-hero-2::after{animation-delay:.9s}
.svc-hero p{margin:3px 0 0;font-size:13px;line-height:1.85;color:#5b4d6e}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}
.svc-more,.svc-more-inner{display:contents}
.svc-item{display:flex;align-items:flex-start;gap:10px;min-width:0}
.svc-ico{flex:none;box-sizing:border-box;width:32px;height:32px;padding:6px;border-radius:10px;background:var(--c-primary-soft);color:var(--c-primary)}
.svc-item p{margin:0;font-size:13px;line-height:1.9;color:#4b3f5c;overflow-wrap:anywhere}
.svc-item strong{color:var(--c-primary-dark)}
.svc-pill{position:relative;display:inline-flex;align-items:center;gap:4px;margin:0 2px;padding:0 11px;border-radius:999px;background:var(--c-primary);color:#fff;font-size:12px;font-weight:700;line-height:2;text-decoration:none;white-space:nowrap;transition:background-color .2s,box-shadow .2s}
.svc-pill::before{content:"";position:absolute;inset:-9px -4px}
.svc-pill::after{content:"←";font-size:11px}
.svc-pill:hover,.svc-pill:focus-visible{background:var(--c-primary-dark);color:#fff;box-shadow:0 4px 12px -4px rgba(124,58,237,.7)}
.svc-pill:focus-visible,.svc-toggle:focus-visible,.svc-summary:focus-visible{outline:2px solid var(--c-primary-dark);outline-offset:2px}
.svc-toggle{display:none}
.svc-toggle-caret,.svc-summary-caret{flex:none;width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.svc.is-open .svc-toggle-caret,.svc-compact[open] .svc-summary-caret{transform:translateY(2px) rotate(-135deg)}
@media(max-width:1024px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
.svc{padding:16px;border-radius:18px}
.svc-heading{font-size:15.5px}
.svc-heroes{grid-template-columns:1fr;gap:10px;margin-bottom:14px}
.svc-hero{padding:12px 14px}
.svc-grid{grid-template-columns:1fr;gap:10px}
.svc-more{display:grid;grid-template-rows:0fr;margin-top:-10px;transition:grid-template-rows .35s ease}
.svc-more-inner{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .35s}
.svc-more-inner>:first-child{margin-top:10px}
.svc.is-open .svc-more{grid-template-rows:1fr}
.svc.is-open .svc-more-inner{visibility:visible;transition-delay:0s}
.svc-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:14px;border:1px solid #ddd0fb;border-radius:12px;background:#faf7ff;color:var(--c-primary-dark);font:inherit;font-weight:700;cursor:pointer}
}
.svc-compact{margin:14px 0;padding:0;border-radius:16px;box-shadow:0 8px 22px -18px rgba(124,58,237,.6)}
.svc-summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;cursor:pointer;list-style:none;color:var(--c-primary-dark)}
.svc-summary::-webkit-details-marker{display:none}
.svc-summary-ico .svc-ico{background:linear-gradient(135deg,#fdeec6,#f9dc7c);color:#7a4a00}
.svc-summary-text{display:flex;flex-direction:column;flex:1;min-width:0}
.svc-summary-text strong{font-size:14px}
.svc-summary-text small{font-size:12px;color:#8a6312}
.svc-compact-body{padding:0 14px 14px}
.svc-compact .svc-heroes,.svc-compact .svc-grid{grid-template-columns:1fr;gap:8px}
.svc-compact .svc-heroes{margin-bottom:12px}
.svc-compact .svc-hero{padding:10px 12px}
.svc-compact .svc-medal{width:40px;height:40px}
.svc-compact .svc-medal-ico{width:24px;height:24px}
.svc-compact .svc-hero-title{font-size:14px}
@media(prefers-reduced-motion:reduce){.svc-orb{animation:none}.svc-hero.is-gold::after,.svc-hero.is-silver::after{display:none}.svc-more,.svc-more-inner,.svc-toggle-caret,.svc-summary-caret,.svc-pill{transition:none}}
/* 2.60.0 — admin-only «ویرایش خدمات» shortcut */
.svc-edit{position:absolute;top:12px;inset-inline-end:14px;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1.5px dashed var(--c-accent,#a78bfa);border-radius:999px;background:rgba(255,255,255,.85);color:var(--c-primary);font-size:13px;font-weight:800;text-decoration:none}
.svc-edit:hover{background:#fff;border-style:solid}
.svc-edit:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.svc-edit-ico{width:16px;height:16px}
.svc:has(.svc-edit) .svc-heading{padding-inline-end:140px}