@font-face {
    font-family: ProductVazir;
    src: url('../style/fonts/Vazir.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: ProductVazir;
    src: url('../style/fonts/Vazir-Bold.woff2') format('woff2');
    font-weight: 600 900;
    font-display: swap;
}
.product-document {
    --product-primary: #ef4056;
    --product-primary-dark: #d73149;
    --product-text: #23254e;
    --product-muted: #767790;
    --product-line: #e0e0e6;
    --product-soft: #f0f0f1;
    --product-link: #008eb2;
    margin: 0;
    background: #fff;
    color: var(--product-text);
    font: 14px/1.9 ProductVazir, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.product-document .mt-header {
    top: 0;
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--product-line);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 2px 6px #23254e08;
    font-family: inherit;
    backdrop-filter: none;
    --mt-header-primary: #ef4056;
    --mt-header-primary-hover: #d73149;
    --mt-header-primary-soft: #fff1f3;
    --mt-header-radius-sm: 8px;
}
.product-document .mt-header__container { max-width: 1480px; margin-inline: auto; }
.product-document [hidden] { display: none !important; }
.product-document :focus-visible { outline: 3px solid var(--product-link); outline-offset: 4px; }
.product-skip { position: fixed; top: -100px; right: 16px; z-index: 1100; padding: 10px 18px; background: #fff; color: var(--product-text); border: 2px solid var(--product-primary); border-radius: 8px; }
.product-skip:focus { top: 12px; }
.product-page { padding: 24px 32px 64px; min-height: 75vh; direction: rtl; }
.product-page *, .product-page *::before, .product-page *::after { box-sizing: border-box; }
.product-container { max-width: 1440px; margin-inline: auto; }
.product-page a { color: inherit; text-decoration: none; }
.product-page img { display: block; max-width: 100%; }
.product-page button { font: inherit; cursor: pointer; }
.product-page h1, .product-page h2, .product-page h3 { color: var(--product-text); }
.product-page h2[id] { scroll-margin-top: 160px; }
.product-breadcrumb { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; color: var(--product-muted); font-size: 12px; white-space: nowrap; overflow: hidden; }
.product-breadcrumb a { flex-shrink: 0; }
.product-breadcrumb a:hover { color: var(--product-link); }
.product-breadcrumb strong { font-weight: 400; overflow: hidden; text-overflow: ellipsis; }
.product-breadcrumb > span[aria-hidden] { color: #b5b5c2; }
.product-hero { display: grid; grid-template-columns: minmax(260px, 32%) minmax(0, 1fr) minmax(270px, 300px); gap: 28px; align-items: start; padding-bottom: 32px; }
.product-gallery { position: relative; min-width: 0; padding-top: 24px; }
.product-gallery__tools { position: absolute; top: 0; right: 0; z-index: 1; }
.product-tool { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 1px solid transparent; border-radius: 8px; background: #fff; color: #424750; }
.product-tool:hover { background: var(--product-soft); }
.product-tool svg { width: 23px; height: 23px; }
.product-gallery__main { display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; background: #fff; cursor: zoom-in; }
.product-gallery__main img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.product-gallery__badge { display: inline-block; max-width: 100%; padding: 2px 8px; margin-top: 8px; border-radius: 4px; background: var(--product-soft); color: var(--product-muted); font-size: 11px; overflow-wrap: anywhere; }
.product-gallery__caption { text-align: center; font-size: 10px; color: var(--product-muted); margin: 8px 0 16px; }
.product-gallery__thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 4px; scrollbar-width: thin; }
.product-gallery__thumb { width: 68px; height: 68px; flex: 0 0 68px; padding: 4px; border: 1px solid var(--product-line); border-radius: 8px; opacity: .65; }
.product-gallery__thumb.is-active, .product-gallery__thumb:hover { border-color: var(--product-primary); opacity: 1; }
.product-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-summary { min-width: 0; }
.product-summary__eyebrow { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; color: var(--product-link); font-size: 12px; }
.product-summary__eyebrow-line { width: 14px; height: 2px; background: currentColor; }
.product-title { font-size: clamp(18px, 1.6vw, 23px); font-weight: 700; line-height: 1.8; margin: 0 0 16px; overflow-wrap: anywhere; }
.product-brand { color: var(--product-muted); font-size: 12px; border-bottom: 1px solid var(--product-line); padding-bottom: 16px; }
.product-brand strong { color: var(--product-link); margin-right: 6px; }
.product-status-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.product-availability, .product-condition { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; border: 1px solid var(--product-line); padding: 4px 10px; border-radius: 6px; }
.product-availability__dot { width: 7px; height: 7px; border-radius: 50%; background: #029a49; flex-shrink: 0; }
.product-page .is-unavailable .product-availability__dot { background: var(--product-primary); }
.product-page .is-preorder .product-availability__dot { background: #f9a825; }
.product-page .is-unknown .product-availability__dot { background: #a1a3a8; }
.product-feature-summary { margin-top: 24px; }
.product-feature-summary h2 { font-size: 16px; margin: 0 0 12px; }
.product-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; }
.product-feature-grid > div { background: var(--product-soft); border-radius: 8px; padding: 10px 12px; min-width: 0; }
.product-feature-grid dt { color: var(--product-muted); font-size: 11px; }
.product-feature-grid dd { margin: 4px 0 0; color: #3f4064; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.product-page .product-text-link, .product-summary__seller-link { display: inline-flex; align-items: center; gap: 8px; color: var(--product-link); font-size: 12px; font-weight: 700; }
.product-text-link:hover, .product-summary__seller-link:hover { text-decoration: underline; }
.product-summary__notice { border-top: 1px solid var(--product-line); padding-top: 18px; margin-top: 22px; color: var(--product-muted); font-size: 11px; line-height: 2; }
.product-summary__seller-link { margin-top: 8px; }
.product-buy { background: #f7f7f8; border: 1px solid var(--product-line); border-radius: 8px; padding: 18px; min-width: 0; }
.product-buy__heading { display: flex; gap: 10px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--product-line); font-size: 11px; color: var(--product-muted); }
.product-buy__heading strong { display: block; color: var(--product-text); font-size: 14px; overflow-wrap: anywhere; }
.product-buy__heading-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--product-line); border-radius: 8px; background: #fff; color: var(--product-text); font-size: 22px; font-weight: 700; }
.product-buy__availability { display: flex; align-items: center; gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--product-line); font-size: 12px; }
.product-price-box { padding-top: 20px; }
.product-price-box__label { display: block; color: var(--product-muted); font-size: 11px; }
.product-price-box__value { display: block; margin-top: 6px; text-align: left; font-size: 21px; font-weight: 700; color: var(--product-text); overflow-wrap: anywhere; }
.product-price-box small { display: block; margin-top: 8px; color: var(--product-muted); font-size: 10px; }
.product-actions { margin-top: 18px; }
.product-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 0; border-radius: 8px; padding: 10px 16px; font-size: 12px; font-weight: 700; text-align: center; transition: background .15s ease; }
.product-button svg { width: 20px; height: 20px; flex: none; }
.product-page .product-button--instagram, .product-page .product-button--primary { color: #fff; background: var(--product-primary); }
.product-button--instagram { width: 100%; }
.product-button--instagram:hover, .product-button--primary:hover { background: var(--product-primary-dark); }
.product-button--disabled { width: 100%; background: #e0e0e6; color: #767790; }
.product-note { display: flex; align-items: start; gap: 7px; margin-top: 18px; color: var(--product-muted); font-size: 10px; line-height: 2; }
.product-note svg { width: 17px; height: 17px; flex: none; margin-top: 3px; }
.product-jump { display: flex; gap: 28px; border-bottom: 1px solid var(--product-line); margin: 0 0 32px; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.product-jump a { padding: 16px 4px; border-bottom: 3px solid transparent; color: #62666d; font-size: 13px; }
.product-jump a:hover, .product-jump a.is-active { color: var(--product-primary); border-bottom-color: var(--product-primary); }
.product-section { margin-bottom: 40px; padding-bottom: 32px; border-bottom: 1px solid var(--product-line); }
.product-page .section-heading { margin: 0 0 24px; }
.product-page .section-heading h2 { margin: 0; font-size: 19px; font-weight: 700; }
.product-page .section-heading p { margin: 8px 0 0; font-size: 12px; color: var(--product-muted); }
.product-page .section-heading__line { display: block; width: 70px; height: 2px; background: var(--product-primary); margin-bottom: 12px; }
.product-description__text { max-width: 1000px; font-size: 14px; line-height: 2.4; color: #3f4064; overflow-wrap: anywhere; }
.seller-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; margin-bottom: 40px; border: 1px solid var(--product-line); border-radius: 8px; }
.seller-card__identity { display: flex; align-items: center; gap: 16px; min-width: 0; }
.seller-card__logo { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--product-line); border-radius: 8px; overflow: hidden; background: var(--product-soft); font-size: 24px; font-weight: 700; flex: none; }
.seller-card__logo img { width: 100%; height: 100%; object-fit: cover; }
.seller-card__label, .seller-card__location { font-size: 11px; color: var(--product-muted); }
.seller-card h2 { margin: 4px 0; font-size: 16px; overflow-wrap: anywhere; }
.seller-card__verified { display: inline-grid; place-items: center; width: 20px; height: 20px; color: #008eb2; background: #e8f6f9; border-radius: 50%; font-size: 13px; }
.seller-card__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.seller-card__instagram { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--product-line); border-radius: 8px; padding: 10px 16px; font-size: 12px; }
.seller-card__instagram:hover { border-color: var(--product-primary); }
.seller-card__instagram svg { width: 20px; height: 20px; }
.product-attributes { max-width: 1050px; }
.product-attribute { display: grid; grid-template-columns: minmax(160px, 25%) minmax(0, 1fr); gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--product-soft); }
.product-attribute:last-child { border-bottom: 0; }
.product-attribute > span { color: var(--product-muted); }
.product-attribute > strong { font-weight: 400; color: #3f4064; overflow-wrap: anywhere; }
.instagram-post-grid, .other-products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--product-line); border-radius: 8px; overflow: hidden; }
.instagram-post-card, .other-product-card { min-width: 0; padding: 16px; background: #fff; border-left: 1px solid var(--product-line); border-bottom: 1px solid var(--product-line); }
.instagram-post-card:hover, .other-product-card:hover { background: #fafafa; }
.instagram-post-card__image, .other-product-card__image { display: block; position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 6px; }
.instagram-post-card__image img, .other-product-card__image img { width: 100%; height: 100%; object-fit: cover; }
.other-product-card__image img { object-fit: contain; padding: 12px; }
.instagram-post-card__overlay { position: absolute; inset: auto 0 0; padding: 24px 12px 10px; color: #fff; font-size: 11px; background: linear-gradient(transparent, #23254eb3); }
.instagram-post-card__caption, .other-product-card__content h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 48px; margin: 14px 0; font-size: 12px; font-weight: 400; line-height: 2; overflow-wrap: anywhere; }
.instagram-post-card__meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: var(--product-muted); font-size: 11px; }
.other-product-card__content > span { display: block; text-align: left; font-size: 14px; font-weight: 700; }
.product-not-found { max-width: 540px; margin: 48px auto; border: 1px solid var(--product-line); border-radius: 12px; padding: 48px 24px; text-align: center; }
.product-not-found__icon { width: 58px; margin-inline: auto; color: var(--product-primary); }
.product-not-found h1 { font-size: 22px; }
.product-not-found p, .product-not-found__debug { color: var(--product-muted); margin-bottom: 24px; }
.product-lightbox { width: min(900px, 94vw); max-height: 92dvh; padding: 48px 16px 16px; border: 0; border-radius: 12px; background: #fff; }
.product-lightbox::backdrop { background: #151529c9; }
.product-lightbox img { display: block; width: 100%; max-height: 76dvh; object-fit: contain; }
.product-lightbox__close { position: absolute; top: 6px; left: 6px; font-size: 28px; cursor: pointer; }
.product-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 1101; max-width: calc(100% - 32px); margin: 0; padding: 12px 24px; border-radius: 8px; background: var(--product-text); color: #fff; font-size: 12px; text-align: center; box-shadow: 0 4px 20px #0002; }
@media (max-width: 1199px) {
    .product-hero { grid-template-columns: minmax(260px, 40%) minmax(0, 1fr); gap: 24px; }
    .product-gallery { grid-row: span 2; }
    .product-buy { grid-column: 2; }
    .product-page { padding-inline: 24px; }
}
@media (max-width: 767px) {
    .product-page { padding: 16px 16px 40px; }
    .product-breadcrumb { font-size: 10px; gap: 8px; margin-bottom: 16px; }
    .product-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .product-gallery { grid-row: auto; width: 100%; max-width: 460px; margin-inline: auto; }
    .product-buy { grid-column: auto; }
    .product-title { font-size: 19px; }
    .product-gallery__main { max-height: 420px; }
    .product-jump { gap: 22px; }
    .seller-card { padding: 20px 16px; align-items: stretch; flex-direction: column; }
    .seller-card__actions { justify-content: space-between; }
    .instagram-post-grid, .other-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-attribute { grid-template-columns: minmax(100px, 32%) minmax(0, 1fr); gap: 16px; font-size: 12px; }
    .product-section { padding-bottom: 24px; margin-bottom: 28px; }
    .product-page .section-heading h2 { font-size: 17px; }
    .product-page h2[id] { scroll-margin-top: 130px; }
}
@media (max-width: 380px) {
    .product-page { padding-inline: 12px; }
    .product-feature-grid { grid-template-columns: minmax(0, 1fr); }
    .instagram-post-card, .other-product-card { padding: 10px; }
    .seller-card__actions { flex-direction: column; align-items: stretch; }
    .product-attribute { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .product-document *, .product-document *::before, .product-document *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* Product discussion and decision guide: shared by web and embedded PWA. */
.product-context{padding:18px;border:1px solid var(--product-line,#e7eaf0);border-radius:16px;background:var(--product-soft,#f6f7fa);margin:20px 0}
.product-context h2{font-size:16px;margin:0 0 8px}.product-context p{font-size:14px;line-height:2;color:var(--product-muted,#667085)}
.product-discussion-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;align-items:start}
.product-comment{border:1px solid var(--product-line,#e7eaf0);border-radius:18px;padding:20px;margin-bottom:16px;overflow-wrap:anywhere}
.product-comment header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.product-comment time{font-size:12px;color:var(--product-muted,#667085)}
.product-comment p{white-space:normal;line-height:2}.product-comment--reply{border-inline-start:3px solid #50a596;margin:16px 0 0;background:var(--product-soft,#f6f7fa)}
.product-discussion button.product-text-link{border:0;background:transparent;cursor:pointer;font:inherit;min-height:44px}
.product-comment-compose{padding:22px;border-radius:18px;background:var(--product-soft,#f6f7fa);border:1px solid var(--product-line,#e7eaf0)}
.product-comment-compose h3{margin:0 0 14px}.product-comment-compose label{display:block;margin:12px 0 8px}
.product-comment-compose textarea{width:100%;resize:vertical;min-height:140px;padding:12px;border:1px solid var(--product-line,#d5dae2);border-radius:12px;font:inherit;background:var(--app-surface,#fff);color:inherit;box-sizing:border-box}
.product-comment-compose small{display:block;color:var(--product-muted,#667085);line-height:1.9;margin:10px 0 16px}.product-comment-compose .product-button{width:100%;font:inherit;cursor:pointer}
.product-comment-compose button:disabled{opacity:.6;cursor:wait}.product-empty{padding:26px;border:1px dashed var(--product-line,#d5dae2);border-radius:18px;color:var(--product-muted,#667085);line-height:2}
.product-comment-pages{display:flex;gap:20px;justify-content:space-between}.product-comment-pages a{min-height:44px;display:flex;align-items:center}
.product-source-caption summary{cursor:pointer;padding:14px 0;font-weight:700;min-height:44px}
@media(max-width:760px){.product-discussion-layout{grid-template-columns:minmax(0,1fr)}.product-comment-compose{grid-row:1}.product-comment{padding:16px}.product-comment--reply{padding:12px}.product-context{margin-top:16px}}

.product-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:40px}
.product-summary .product-buy{position:static;width:100%;margin-top:24px;box-sizing:border-box;border-radius:20px}
.product-summary .product-price-box{margin-top:12px}.product-summary .product-buy__heading{padding-bottom:12px}
.product-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;background:var(--product-soft,#f6f7fa)}
.product-context h2{grid-column:1}.product-context p{grid-column:1;margin:0}.product-context>a{grid-column:2;grid-row:1 / 3}
@media(max-width:760px){.product-hero{grid-template-columns:minmax(0,1fr);gap:20px}.product-summary .product-buy{margin-top:18px}.product-context{display:block}.product-context>a{display:inline-block;margin-top:10px}}