/* Tiny Maket — dynamic ACF logo marks (brand & category). Loaded on every page. */
.mlogo{object-fit:contain;display:inline-block;vertical-align:middle;background:transparent}
.vb-chip .mlogo{width:32px;height:32px}
.vb-logo .mlogo{width:100%;height:100%;max-width:60px;max-height:60px}
.mfrcard .mlogo{width:46px;height:46px}
.catcard img.mlogo,.cathero-visual img.mlogo{width:auto;height:auto;max-width:72%;max-height:118px;margin-inline:auto;display:block}
.subpill .mlogo{width:18px;height:18px;margin-inline-start:-2px}

/* ACF site logo image (header + footer) */
.logo .lmark-img{height:38px;width:auto;max-width:150px;object-fit:contain;display:inline-block;vertical-align:middle}
/* Logo = image/mark only; hide the site-name text next to it (kept for screen readers). */
.logo>span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* On the PDP, the sticky buy bar replaces the mobile tab bar while it is showing. */
@media(max-width:899px){ body:has(.buybar.show) .mtab{display:none} }

/* ── Inline blog product suggestions (shortcodes / ACF blocks) ── */
.art-product{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);padding:14px 18px 14px 14px;margin:26px 0;position:relative;overflow:hidden}
.art-product::after{content:"محصول پیشنهادی";position:absolute;top:0;left:0;background:var(--red);color:#fff;font-size:.6rem;font-weight:800;padding:5px 13px;border-radius:0 0 13px 0}
.art-product .ap-media{position:relative;width:110px;height:110px;border-radius:var(--r2);overflow:hidden;background:radial-gradient(120% 120% at 50% 25%,#fff,var(--sf2));flex:none}
.art-product .ap-media img,.art-product .ap-media .cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background-size:82%;background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply}
.art-product .ap-body{min-width:0}
.art-product .ap-maker{font-size:.68rem;color:var(--ink3);font-weight:700}
.art-product .ap-title{font-size:1rem;font-weight:800;margin:3px 0 7px;line-height:1.4}
.art-product .ap-price .now{font-size:1.15rem;font-weight:900}
.art-product .ap-btn{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:.82rem;font-weight:800;padding:10px 18px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:transform .18s,box-shadow .18s}
.art-product .ap-btn svg{width:15px;height:15px}
.art-product .ap-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(236,28,37,.5)}

.art-cta{position:relative;overflow:hidden;border-radius:var(--r3);padding:24px 26px;margin:30px 0;color:#fff;background:linear-gradient(135deg,#C2151C,#7d0e12);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 14px 30px -14px rgba(122,15,20,.6)}
.art-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% -10%,rgba(255,255,255,.2),transparent 55%)}
.art-cta .cta-bg{position:absolute;left:-14px;bottom:-26px;width:120px;height:120px;opacity:.16;transform:rotate(-10deg)}
.art-cta .cta-bg svg{width:100%;height:100%}
.art-cta .cta-txt{position:relative;flex:1 1 280px;min-width:0}
.art-cta .cta-txt h3{font-size:1.2rem;font-weight:900}
.art-cta .cta-txt p{font-size:.86rem;margin-top:6px;line-height:1.7;color:#fff}
.art-cta .cta-btn{position:relative;flex:none;background:#fff;color:var(--red);font-size:.85rem;font-weight:800;padding:12px 22px;border-radius:13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:transform .18s}
.art-cta .cta-btn svg{width:15px;height:15px}
.art-cta .cta-btn:hover{transform:translateY(-2px)}

.tm-inline-title{font-size:1.1rem;font-weight:800;margin:24px 0 12px}
.tm-inline-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
@media(min-width:640px){.tm-inline-products{grid-template-columns:repeat(3,1fr)}}
.prose .art-product a,.prose .art-cta a,.prose .tm-inline-products a{text-decoration:none}
@media(max-width:560px){.art-product{grid-template-columns:80px 1fr;gap:12px}.art-product .ap-media{width:80px;height:80px}.art-product .ap-btn{grid-column:1/-1;justify-content:center}.art-cta .cta-btn{width:100%;justify-content:center}}