/* ==========================================================================
   Dāstān ACCESSORY page (/accessory?c=<id>): the shared product layout is product.css; this file only adds what an accessory needs on top of it:
   the brand shape for an item without a photo, a Persian name in Nian (the pixel face has no Persian letters), the optional "more" link. Behaviour: accessory.js.
   ========================================================================== */
/* no photo: a quarter circle in the colour of the page text, like the cards of /accessories */
.pp-art.is-empty,.rc-pic.is-empty{display:flex;align-items:center;justify-content:center}
.pp-art .ax-shape{display:block;position:absolute;left:50%;top:50%;translate:-50% -50%;height:70%;aspect-ratio:1;background:currentColor;opacity:.16;border-radius:100% 0 0 0}
.rc-pic .ax-shape{display:block;height:78%;aspect-ratio:1;background:currentColor;opacity:.16;border-radius:100% 0 0 0}
.ax-more{display:inline-block;margin-top:clamp(14px,1.6vw,22px);min-height:44px;padding-top:10px;font:400 clamp(14px,1.15vw,17px)/1.3 var(--mc);letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}
/* Persian: names and the category line use Nian Black; a Latin name inside a Persian page (lang=en) keeps the pixel face */
html[lang=fa] :is(.pp-name,.rc-name):not([lang=en]){font-family:var(--nian);font-weight:900;letter-spacing:0;text-transform:none;line-height:1.25;direction:rtl}
html[lang=fa] .pp-name:not([lang=en]){font-size:clamp(34px,5vw,76px)}
html[lang=fa] .pp-name.is-long:not([lang=en]){font-size:clamp(28px,3.9vw,60px)}
html[lang=fa] .rc-name:not([lang=en]){font-size:clamp(26px,2.8vw,42px)}
html[lang=fa] .ax-more{font-family:var(--nian);font-weight:900;letter-spacing:0;text-transform:none;font-size:15px}
html[lang=fa] .pp-ratio[lang=en]{direction:ltr}