/* ============================================================
   Pergas Theme v1.1.7 — Round-7 settings depth
   (featured options / partners modes / footer extras / shop card
   styles / gallery+reviews / blog layout / article layout / page
   sections / lightbox / motion variants)
   ============================================================ */

/* ---- 1) Featured section (محصولات تخصصی صفحه اصلی) ---- */
.pg-featured--align-center .pg-section-head { flex-direction: column; align-items: center; text-align: center; }
.pg-featured--align-center .pg-section-head__link { margin-inline-start: 0; }
.pg-featured { border-radius: var(--pg-radius-xl, 20px); }
.pg-featured__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 640px) { .pg-featured__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .pg-featured__grid { grid-template-columns: repeat(var(--pg-feat-cols, 4), 1fr); } }
.pg-rail--auto { cursor: grab; }
.pg-rail--auto:active { cursor: grabbing; }

/* کارت محصول — نسبت/فیت تصویر از متغیر سکشن/گرید (پیش‌فرض = کیت 4:3/contain) */
.pg-pcard__imgbox { aspect-ratio: var(--pg-pcard-ratio, 4 / 3); }
.pg-pcard__imgbox img { object-fit: var(--pg-pcard-fit, contain); }

/* ---- 2) Partners (همکاران) ---- */
.pg-partners__track { animation-duration: var(--pg-marquee-dur, 36s); }
.pg-partners__track--reverse { animation-direction: reverse; }
.pg-partners--nopause .pg-partners__marquee:hover .pg-partners__track { animation-play-state: running; }
.pg-partner__logo { width: 26px; height: 26px; object-fit: contain; border-radius: 6px; }
.pg-partners--icon_only .pg-partner b { display: none; }
.pg-partners--icon_only .pg-partner { padding: 14px 18px; }
.pg-partners--text_only .pg-partner .pg-partner__glyph,
.pg-partners--text_only .pg-partner .pg-partner__logo { display: none; }
.pg-partners--icon_only .pg-partner .pg-partner__glyph { width: 26px; height: 26px; }
.pg-partners--icon_only .pg-partner .pg-partner__glyph .pg-ico { width: 26px; height: 26px; }

/* ---- 3) Footer extras (فوتر) ---- */
.pg-footer__news { padding-block: var(--pg-space-6, 32px); background: var(--pg-primary-softer, #F8FAFC); border-block: 1px solid var(--pg-border); }
.pg-footer__col a { transition: color var(--pg-dur, .2s) ease; }

/* ---- 4) Shop card styles & animations (کارت محصول) ---- */
.pg-products--style-elevated .pg-pcard { box-shadow: 0 14px 30px -14px rgba(2, 6, 23, .18); border-color: transparent; }
.pg-products--style-elevated .pg-pcard:hover { box-shadow: 0 22px 44px -16px rgba(2, 6, 23, .28); }
.pg-products--style-minimal .pg-pcard { border-color: transparent; box-shadow: none; background: transparent; }
.pg-products--style-minimal .pg-pcard:hover { box-shadow: none; }
.pg-products--anim-none .pg-pcard:hover { translate: none; box-shadow: none; }
.pg-products--anim-zoom .pg-pcard:hover .pg-pcard__imgbox img { transform: scale(1.12); }
.pg-products--anim-glow .pg-pcard:hover { border-color: var(--pg-accent, #0891B2); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pg-accent, #0891B2) 18%, transparent), 0 18px 34px -16px color-mix(in srgb, var(--pg-accent, #0891B2) 40%, transparent); }

/* تعویض تصویر شاخص با هاور (فیلد shop.img_swap — تعویض src توسط v117.js) */
.pg-pcard[data-pg-hover-src] .pg-pcard__imgbox img { transition: opacity .35s var(--pg-ease, ease), transform .35s var(--pg-ease, ease); }
.pg-pcard[data-pg-hover-src]:hover .pg-pcard__imgbox img { opacity: .35; }

/* ---- 5) Product gallery (گالری محصول تکی) ---- */
.pg-gallery--side .pg-gallery__thumbs {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        margin-top: 0;
        width: 88px;
        max-height: 420px;
        overflow: auto;
}
.pg-gallery--side { display: grid; grid-template-columns: 88px 1fr; gap: 10px; align-items: start; }
.pg-gallery--side .pg-gallery__main { order: 2; }
@media (max-width: 767.98px) {
        .pg-gallery--side { grid-template-columns: 1fr; }
        .pg-gallery--side .pg-gallery__main { order: 0; }
        .pg-gallery--side .pg-gallery__thumbs { grid-template-columns: repeat(5, 1fr); width: auto; max-height: none; }
}
.pg-gallery--grid .pg-gallery__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.pg-gallery--grid .pg-gallery__grid .pg-gallery__cell { margin: 0; overflow: hidden; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-xl); background: linear-gradient(140deg, #F8FAFC 0%, #ECFEFF 100%); aspect-ratio: 1; }
.pg-gallery--grid .pg-gallery__grid .pg-gallery__cell img { width: 100%; height: 100%; object-fit: contain; padding: var(--pg-space-4); }
@media (min-width: 1024px) { .pg-gallery--grid .pg-gallery__grid { grid-template-columns: repeat(2, 1fr); } }

.pg-gallery--zoom .pg-gallery__main img { transition: transform .45s var(--pg-ease, ease); cursor: zoom-in; }
.pg-gallery--zoom .pg-gallery__main:hover img { transform: scale(1.35); }
.pg-gallery__main img[data-pg-lightbox]:not([data-pg-lightbox=""]) { cursor: zoom-in; }
.pg-gallery__cell img[data-pg-lightbox]:not([data-pg-lightbox=""]) { cursor: zoom-in; }

/* ---- 6) Rating stars + reviews (امتیاز و نظرات) ---- */
.pg-stars { position: relative; display: inline-flex; line-height: 1; direction: ltr; }
.pg-stars__base { color: #D4D4D8; letter-spacing: 2px; font-size: 1rem; }
.pg-stars__fill { position: absolute; inset-block-start: 0; inset-inline-start: 0; overflow: hidden; white-space: nowrap; color: #F59E0B; letter-spacing: 2px; font-size: 1rem; }
.pg-stars__count { font-size: .8125rem; color: var(--pg-fg-muted); }
.pg-pdp-info__stars { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-size: .875rem; font-weight: 700; color: var(--pg-fg-muted); }
.pg-pdp-info__stars:hover { color: var(--pg-primary); }

.pg-reviews { display: grid; gap: var(--pg-space-6, 32px); }
@media (min-width: 1024px) { .pg-reviews { grid-template-columns: 320px 1fr; } }
.pg-reviews__summary { align-self: start; display: grid; gap: 16px; padding: 20px; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-xl, 20px); background: var(--pg-surface, #fff); }
.pg-reviews__score { display: grid; justify-items: center; gap: 6px; text-align: center; }
.pg-reviews__score b { font-size: 2.25rem; font-weight: 900; color: var(--pg-fg); }
.pg-reviews__score span { font-size: .8125rem; color: var(--pg-fg-muted); }
.pg-reviews__bars { display: grid; gap: 8px; }
.pg-reviews__bar { display: grid; grid-template-columns: 18px 16px 1fr 24px; align-items: center; gap: 8px; font-size: .78125rem; color: var(--pg-fg-muted); }
.pg-reviews__bar i { position: relative; display: block; height: 8px; border-radius: 6px; background: #E4E4E7; overflow: hidden; }
.pg-reviews__bar i b { position: absolute; inset-block-start: 0; inset-inline-start: 0; inset-block-end: 0; border-radius: 6px; background: var(--pg-grad-cool, #0891B2); }
.pg-reviews__list { display: grid; gap: 12px; }
.pg-review { padding: 16px 18px; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-lg, 14px); background: var(--pg-surface, #fff); }
.pg-review header { display: flex; align-items: center; gap: 10px; }
.pg-review header img { border-radius: 50%; }
.pg-review header b { display: block; font-size: .875rem; }
.pg-review header span { display: block; font-size: .75rem; color: var(--pg-fg-muted); }
.pg-review header .pg-stars { margin-inline-start: auto; }
.pg-review p { margin-top: 10px; font-size: .90625rem; color: var(--pg-fg-muted); line-height: 1.9; }
.pg-reviews__empty { padding: 14px; border: 1px dashed var(--pg-border); border-radius: var(--pg-radius-lg, 14px); color: var(--pg-fg-muted); text-align: center; }
.pg-reviews .comment-form { display: grid; gap: 10px; margin-top: 8px; }
.pg-reviews .comment-form textarea, .pg-reviews .comment-form select { width: 100%; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-md, 10px); padding: 10px 12px; font: inherit; }
.pg-reviews .comment-form label { font-weight: 700; font-size: .875rem; }

/* ---- 7) Blog archive (وبلاگ) ---- */
@media (min-width: 1024px) { .pg-knowledge-grid { grid-template-columns: repeat(var(--pg-blog-cols, 3), 1fr); } }
.pg-knowledge-grid .pg-post-card { background: var(--pg-blog-card-bg, var(--pg-surface, #fff)); border-radius: var(--pg-blog-card-radius, var(--pg-radius-xl, 20px)); }
.pg-knowledge-grid .pg-post-card h3 a { color: var(--pg-blog-title-color, inherit); font-size: var(--pg-blog-title-size, inherit); }
.pg-knowledge-grid--boxed .pg-post-card { border: 1px solid var(--pg-border); padding: 14px; box-shadow: 0 12px 26px -18px rgba(2, 6, 23, .25); }
.pg-knowledge-grid--minimal .pg-post-card { box-shadow: none; background: transparent; }
@media (min-width: 1024px) {
        .pg-knowledge-grid--list { grid-template-columns: 1fr; }
        .pg-knowledge-grid--list .pg-post-card { display: grid; grid-template-columns: 320px 1fr; align-items: stretch; }
        .pg-knowledge-grid--list .pg-post-card .pg-post-card__thumb { height: 100%; min-height: 200px; }
        .pg-knowledge-grid--list .pg-post-card .pg-post-card__thumb img { height: 100%; object-fit: cover; }
        .pg-knowledge-grid--list .pg-post-card .pg-post-card__body { padding: 18px 22px; display: flex; flex-direction: column; justify-content: center; }
}

/* ---- 8) Article layout (تک‌نوشته) ---- */
.pg-article-layout { display: grid; gap: 28px; }
@media (min-width: 1024px) { .pg-article-layout { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; } }
.pg-article-side { display: none; }
@media (min-width: 1024px) { .pg-article-side { display: grid; gap: 14px; position: sticky; top: 96px; } }
.pg-article-side__card { padding: 18px; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-xl, 20px); background: var(--pg-surface, #fff); }
.pg-article-side__card img { border-radius: 50%; margin-bottom: 8px; }
.pg-article-side__card b { font-size: .9375rem; }
.pg-article-side__card p { margin-top: 6px; font-size: .8125rem; color: var(--pg-fg-muted); line-height: 1.8; }
.pg-article-side__card h4 { display: flex; align-items: center; gap: 6px; font-size: .9375rem; margin-bottom: 10px; }
.pg-article-side__list { display: grid; gap: 8px; }
.pg-article-side__list li { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; border-bottom: 1px dashed var(--pg-border); }
.pg-article-side__list li:last-child { border-bottom: 0; padding-bottom: 0; }
.pg-article-side__list a { font-size: .875rem; font-weight: 700; color: var(--pg-fg); }
.pg-article-side__list a:hover { color: var(--pg-primary); }
.pg-article-side__list span { font-size: .75rem; color: var(--pg-fg-muted); }

.pg-article__cover--wide { margin-inline: calc(-1 * var(--pg-space-6, 24px)); }
@media (min-width: 1024px) { .pg-article__cover--wide { margin-inline: calc(-1 * var(--pg-space-8, 48px)); } }
.pg-article__cover--wide img { width: 100%; }

.pg-author-box { display: flex; gap: 14px; align-items: center; margin-top: var(--pg-space-6, 32px); padding: 16px 18px; border: 1px solid var(--pg-border); border-radius: var(--pg-radius-xl, 20px); background: var(--pg-surface, #fff); }
.pg-author-box img { border-radius: 50%; flex: none; }
.pg-author-box b { font-size: .9375rem; }
.pg-author-box p { margin-top: 4px; font-size: .8125rem; color: var(--pg-fg-muted); line-height: 1.8; }

/* جایگاه تبلیغ / محصول پیشنهادی داخل مقاله */
.pg-inpost-ad { margin-block: var(--pg-space-6, 32px); overflow: hidden; border-radius: var(--pg-radius-xl, 20px); border: 1px solid var(--pg-border); }
.pg-inpost-ad img { display: block; width: 100%; height: auto; }
.pg-inpost-product { position: relative; margin-block: var(--pg-space-6, 32px); padding-top: 14px; }
.pg-inpost-product__label { position: absolute; inset-inline-start: 0; top: 0; z-index: 2; padding: 4px 12px; border-radius: var(--pg-round, 999px); background: var(--pg-ink, #0F172A); color: #fff; font-size: .75rem; font-weight: 800; }
.pg-inpost-product .pg-pcard { border-top: 1px solid var(--pg-border); }
.pg-article-layout .pg-inpost-product { padding-top: 0; }
.pg-article-layout .pg-inpost-product .pg-inpost-product__label { display: none; }
.pg-article-outer--sidebar .pg-article-main { min-width: 0; }

/* ---- 9) Page sections builder (بخش‌های صفحه) ---- */
.pg-ps { position: relative; padding-block: var(--pg-section-pad, 64px); overflow: hidden; }
.pg-ps--pad-none { padding-block: 0; }
.pg-ps--pad-tight { padding-block: var(--pg-space-5, 24px); }
.pg-ps--pad-wide { padding-block: var(--pg-space-10, 96px); }
.pg-ps--full .pg-container { max-width: none; }
.pg-ps__heading { text-align: center; max-width: 760px; margin-inline: auto; }
.pg-ps__heading p { margin-top: 10px; color: var(--pg-fg-muted); line-height: 2; }
.pg-ps__image { margin: 0; text-align: center; }
.pg-ps__image img { max-width: 100%; height: auto; border-radius: var(--pg-radius-xl, 20px); border: 1px solid var(--pg-border); }
.pg-ps__image figcaption { margin-top: 8px; font-size: .8125rem; color: var(--pg-fg-muted); }
.pg-ps__cta { text-align: center; display: grid; justify-items: center; gap: 12px; max-width: 640px; margin-inline: auto; }
.pg-ps__cta p { color: var(--pg-fg-muted); line-height: 2; }
.pg-ps__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 768px) { .pg-ps__grid { grid-template-columns: repeat(var(--pg-ps-gcols, 4), 1fr); } }
.pg-ps__cell { margin: 0; overflow: hidden; border-radius: var(--pg-radius-lg, 14px); border: 1px solid var(--pg-border); aspect-ratio: 1; }
.pg-ps__cell img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--pg-ease, ease); }
.pg-ps__cell:hover img { transform: scale(1.06); }
.pg-ps__products .pg-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 1024px) { .pg-ps__products .pg-products { grid-template-columns: repeat(var(--pg-ps-cols, 4), 1fr); } }
.pg-ps__html { line-height: 2; }

/* ---- 10) Lightbox (نمایش بزرگ تصویر) ---- */
.pg-lightbox { position: fixed; inset: 0; z-index: 99990; display: none; align-items: center; justify-content: center; background: rgba(9, 12, 20, .88); backdrop-filter: blur(6px); }
.pg-lightbox.is-open { display: flex; }
.pg-lightbox__img { max-width: min(1100px, 92vw); max-height: 86vh; border-radius: var(--pg-radius-lg, 14px); box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .6); }
.pg-lightbox__close, .pg-lightbox__nav { position: absolute; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; transition: background .2s ease; }
.pg-lightbox__close { top: 18px; inset-inline-end: 18px; }
.pg-lightbox__nav--prev { inset-inline-start: 18px; top: 50%; translate: 0 -50%; }
.pg-lightbox__nav--next { inset-inline-end: 18px; top: 50%; translate: 0 -50%; }
.pg-lightbox__close:hover, .pg-lightbox__nav:hover { background: rgba(255, 255, 255, .22); }
.pg-lightbox__count { position: absolute; bottom: 20px; inset-inline-start: 50%; translate: 50% 0; color: rgba(255, 255, 255, .8); font-size: .8125rem; }

/* ---- 11) Motion variants (واریانت‌های موشن) ---- */
.pg-motion-on .pg-reveal.pg-motion--zoom { transform: scale(.965); }
.pg-motion-on .pg-reveal.pg-motion--zoom.is-in { transform: none; }

@media (prefers-reduced-motion: reduce) {
        .pg-partners__track--reverse { animation-direction: normal; }
        .pg-gallery--zoom .pg-gallery__main:hover img { transform: none; }
        .pg-pcard[data-pg-hover-src]:hover .pg-pcard__imgbox img { opacity: 1; }
        .pg-pcard[data-pg-hover-src]:hover::before { content: none; }
}