.pc-count{font-weight:400;color:var(--slate);font-size:.7em}
html[lang="ar"] .pc-count{font-family:var(--f-ar)}    
.pc-grid{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}}
@media (max-width:360px){.pc-grid{grid-template-columns:minmax(0,1fr)}}
.pc{display:flex;flex-direction:column;min-inline-size:0;border:1px solid var(--rule);border-radius:3px;background:var(--white,#fff);overflow:hidden;scroll-margin-block-start:calc(var(--hdr,72px) + var(--s-4))}
.pc:target{outline:3px solid var(--teal);outline-offset:2px}
.pc-img{position:relative;display:block;inline-size:100%;aspect-ratio:1/1;padding:0;border:0;border-block-end:1px solid var(--rule);background:var(--mineral);cursor:zoom-in;overflow:hidden}
.pc-img picture,.pc-img img{display:block;inline-size:100%;block-size:100%}
.pc-cover img{object-fit:cover}.pc-contain img{object-fit:contain}
.pc-img:focus-visible,.pc-more:focus-visible,.pc-x:focus-visible,.pc-nav:focus-visible,.pc-th button:focus-visible,.pc-sel:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.pc-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3);text-align:center;cursor:default;color:var(--slate);font-size:13px;line-height:1.4}
.pc-b{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);flex:1}
.pc-n{margin:0;font-size:16px;line-height:1.35;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
html[lang="ar"] .pc-n{line-height:1.6}
.pc-tag{align-self:flex-start;font:600 13px/1 var(--f-latin);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal);border-radius:2px;padding:4px 7px}
html[lang="ar"] .pc-tag{font-family:var(--f-ar);letter-spacing:0;text-transform:none;font-size:13px}
.pc-act{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-block-start:auto;padding-block-start:var(--s-2)}
.pc-more{min-block-size:44px;padding:.4rem .9rem;border:1px solid var(--control-border,var(--rule));border-radius:3px;background:transparent;color:var(--petrol);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pc-more:hover{background:var(--mineral)}
.pc-add{min-block-size:44px;padding:.4rem .8rem;font-size:14px;white-space:normal;text-align:center;line-height:1.3;justify-content:center}
.pc-more{white-space:normal;text-align:center;line-height:1.3}
@media (max-width:760px){.pc-act{flex-direction:column}.pc-act>*{inline-size:100%;min-block-size:52px}
  .pc-n{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  html[lang="ar"] .pc-n{font-size:15px;line-height:1.5}}
.pc-dlg{inline-size:min(96vw,1000px);max-inline-size:none;max-block-size:94dvh;padding:0;border:0;border-radius:3px;background:var(--white,#fff);color:var(--ink)}
.pc-dlg::backdrop{background:rgba(15,36,38,.78)}
.pc-in{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-block-size:0}
.pc-media{background:var(--mineral);padding:var(--s-3);min-inline-size:0}
.pc-stage{position:relative;display:flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:1/1;max-block-size:72dvh;background:var(--white,#fff);border:1px solid var(--rule);overflow:hidden}
.pc-stage picture,.pc-stage img{display:block;max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;object-fit:contain}
.pc-stage .pc-none{inline-size:100%;block-size:100%;background:var(--mineral)}
.pc-nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:44px;block-size:44px;display:inline-grid;place-items:center;border:1px solid var(--rule);border-radius:99px;background:rgba(255,255,255,.92);color:var(--petrol);cursor:pointer}
.pc-prev{inset-inline-start:var(--s-2)}.pc-next{inset-inline-end:var(--s-2)}
html[dir="rtl"] .pc-nav svg{transform:scaleX(-1)}
.pc-th{list-style:none;margin:var(--s-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.pc-th button{display:block;inline-size:64px;block-size:64px;padding:0;border:2px solid transparent;border-radius:2px;background:var(--white,#fff);cursor:pointer;overflow:hidden}
.pc-th button[aria-current="true"]{border-color:var(--teal)}
.pc-th img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.pc-info{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-7,3rem) var(--s-4) var(--s-5);min-inline-size:0;overflow:auto}
.pc-top{display:contents}
.pc-x{position:absolute;inset-block-start:var(--s-3);inset-inline-end:var(--s-3);z-index:3;inline-size:44px;block-size:44px;display:inline-grid;place-items:center;border:1px solid var(--rule);border-radius:99px;background:var(--white,#fff);color:var(--petrol);cursor:pointer}
.pc-x:hover{background:var(--mineral)}
.pc-info h2{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.2;overflow-wrap:anywhere}
html[lang="ar"] .pc-info h2{line-height:1.5}
.pc-field{display:grid;gap:6px}.pc-field label{font-size:14px;font-weight:600;color:var(--slate)}
.pc-sel{inline-size:100%;min-block-size:44px;padding:.5rem .7rem;border:1px solid var(--control-border,var(--rule));border-radius:3px;background:var(--bg,#fff);color:var(--ink);font:inherit}
.pc-btns{display:grid;gap:var(--s-2)}.pc-btns .btn,.pc-btns .pc-more{inline-size:100%;justify-content:center;text-align:center}
.pc-fine{margin:0;font-size:13px;color:var(--slate);line-height:1.6}
.pc-live{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){
  .pc-dlg{inline-size:100vw;block-size:100dvh;max-block-size:100dvh;border-radius:0}
  .pc-in{grid-template-columns:minmax(0,1fr)}
  .pc-stage{max-block-size:36dvh}
  .pc-media{padding:var(--s-2)}
  .pc-th{margin-block-start:var(--s-2)}
  .pc-th button{inline-size:52px;block-size:52px}
  .pc-info{gap:var(--s-2);padding-block-start:var(--s-3)}
  .pc-info{padding:var(--s-4)}
  .pc-add,.pc-more{font-size:13.5px;padding-inline:.5rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}