.hmyt-product-tabs { --hmyt-pdtabs-card-bg: #fff; --hmyt-pdtabs-nav-bg: #fff; --hmyt-pdtabs-tab-color: #6b7280; --hmyt-pdtabs-tab-active: #111827; --hmyt-pdtabs-accent: var(--hmyt-pc-primary, #ee1844); --hmyt-pdtabs-divider: #eceef1; --hmyt-pdtabs-intro-height: 360px; --hmyt-pdtabs-specs-height: 520px; --hmyt-pdtabs-sticky-offset: 12px; position: relative; overflow: visible; background: var(--hmyt-pdtabs-card-bg); border: 1px solid rgba(129, 129, 129, .2); border-radius: 16px; color: #374151; isolation: isolate; } .hmyt-pdtabs-nav { position: relative; z-index: 20; overflow: hidden; background: var(--hmyt-pdtabs-nav-bg); border-radius: inherit; border-bottom: 1px solid var(--hmyt-pdtabs-divider); } .hmyt-product-tabs[data-sticky="yes"] .hmyt-pdtabs-nav { position: sticky; top: var(--hmyt-pdtabs-sticky-offset); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .hmyt-pdtabs-nav::before, .hmyt-pdtabs-nav::after { position: absolute; z-index: 2; inset-block: 0; width: 48px; pointer-events: none; content: ""; opacity: 0; transition: opacity .18s ease; } .hmyt-pdtabs-nav::before { inset-inline-start: 0; background: linear-gradient(to left, var(--hmyt-pdtabs-nav-bg) 10%, transparent); } .hmyt-pdtabs-nav::after { inset-inline-end: 0; background: linear-gradient(to right, var(--hmyt-pdtabs-nav-bg) 10%, transparent); } .hmyt-pdtabs-nav.has-overflow-start::before, .hmyt-pdtabs-nav.has-overflow-end::after { opacity: .96; } .hmyt-pdtabs-nav-inner { display: flex; gap: 28px; align-items: stretch; overflow-x: auto; padding: 0 24px; scrollbar-width: none; scroll-behavior: smooth; } .hmyt-pdtabs-nav-inner::-webkit-scrollbar { display: none; } body .hmyt-product-tabs button.hmyt-pdtabs-tab { position: relative; display: flex; flex: 0 0 auto; align-items: center; min-height: 56px; margin: 0; padding: 9px 2px 12px; border: 0; outline: 0; background: transparent; color: var(--hmyt-pdtabs-tab-color); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.8; white-space: nowrap; cursor: pointer; transition: color .2s ease; } body .hmyt-product-tabs button.hmyt-pdtabs-tab .hmyt-pdtabs-tab-count { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 21px; margin-inline-start: 6px; padding: 0 6px; border-radius: 20px; background: #fce8ed; background: var(--hmyt-pdtabs-accent); color: #fff; font-size: 10px; font-weight: 700; line-height: 1; } body .hmyt-product-tabs button.hmyt-pdtabs-tab::after { position: absolute; inset-inline: 0; bottom: 0; height: 2px; border-radius: 8px 8px 0 0; content: ""; background: var(--hmyt-pdtabs-accent); transform: scaleX(0); transition: transform .25s ease; } body .hmyt-product-tabs button.hmyt-pdtabs-tab:hover, body .hmyt-product-tabs button.hmyt-pdtabs-tab:focus-visible, body .hmyt-product-tabs button.hmyt-pdtabs-tab.is-active { color: var(--hmyt-pdtabs-tab-active); } body .hmyt-product-tabs button.hmyt-pdtabs-tab.is-active::after { transform: scaleX(1); } .hmyt-pdtabs-section { position: relative; padding: 30px 24px 36px; border-top: 7px solid var(--hmyt-pdtabs-divider); scroll-margin-top: calc(var(--hmyt-pdtabs-sticky-offset) + 80px); } .hmyt-pdtabs-section:first-child { border-top: 0; } .hmyt-pdtabs-section-head { margin: 0 0 24px; } .hmyt-pdtabs-heading { display: flex; align-items: center; gap: 8px; margin: 0; color: #111827; font-size: 17px; font-weight: 700; line-height: 1.8; } .hmyt-pdtabs-heading-decorative { width: 4px; height: 10px; min-width: 3px; min-height: 8px; border-radius: 10px; background: var(--hmyt-pdtabs-accent); transform: rotate(30deg); } .hmyt-pdtabs-heading-text { margin: 0; color: inherit; font: inherit; line-height: inherit; } .hmyt-pdtabs-heading-count { display: inline-flex; align-items: center; justify-content: center; min-width: 25px; height: 25px; padding: 0 7px; border-radius: 30px; background: var(--hmyt-pdtabs-accent); color: #fff; font-size: 11px; font-weight: 600; line-height: 1; } .hmyt-pdtabs-subtitle { margin: 10px 0 0; color: #8a8f98; font-size: 12px; line-height: 1.6; text-align: right; } .hmyt-pdtabs-richtext { color: #4b5563; font-size: 14px; line-height: 2.15; overflow-wrap: anywhere; word-break: normal; } body .hmyt-product-tabs .hmyt-pdtabs-richtext > :first-child { margin-top: 0; } body .hmyt-product-tabs .hmyt-pdtabs-richtext > :last-child { margin-bottom: 0; } body .hmyt-product-tabs .hmyt-pdtabs-richtext p, body .hmyt-product-tabs .hmyt-pdtabs-richtext ul, body .hmyt-product-tabs .hmyt-pdtabs-richtext ol, body .hmyt-product-tabs .hmyt-pdtabs-richtext dl, body .hmyt-product-tabs .hmyt-pdtabs-richtext blockquote, body .hmyt-product-tabs .hmyt-pdtabs-richtext figure, body .hmyt-product-tabs .hmyt-pdtabs-richtext table, body .hmyt-product-tabs .hmyt-pdtabs-richtext pre, body .hmyt-product-tabs .hmyt-pdtabs-richtext address { margin-top: 0; margin-bottom: 1.35em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext h2, body .hmyt-product-tabs .hmyt-pdtabs-richtext h3, body .hmyt-product-tabs .hmyt-pdtabs-richtext h4, body .hmyt-product-tabs .hmyt-pdtabs-richtext h5, body .hmyt-product-tabs .hmyt-pdtabs-richtext h6 { margin: 1.65em 0 .65em; color: #20242b; font-weight: 700; line-height: 1.75; } body .hmyt-product-tabs .hmyt-pdtabs-richtext h2 { font-size: 1.5em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext h3 { font-size: 1.3em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext h4 { font-size: 1.16em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext h5, body .hmyt-product-tabs .hmyt-pdtabs-richtext h6 { font-size: 1em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext ul, body .hmyt-product-tabs .hmyt-pdtabs-richtext ol { padding-inline-start: 1.45em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext ul { list-style: disc outside; } body .hmyt-product-tabs .hmyt-pdtabs-richtext ol { list-style: decimal outside; } body .hmyt-product-tabs .hmyt-pdtabs-richtext li { padding-inline-start: .15em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext li + li { margin-top: .45em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext a { color: var(--hmyt-pdtabs-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: opacity .18s ease; } body .hmyt-product-tabs .hmyt-pdtabs-richtext a:hover { color: var(--hmyt-pdtabs-accent); opacity: .78; } body .hmyt-product-tabs .hmyt-pdtabs-richtext blockquote { padding: 14px 18px; border: 0; border-inline-start: 3px solid var(--hmyt-pdtabs-accent); border-radius: 10px; background: rgba(238, 24, 68, .045); color: #4b5563; } body .hmyt-product-tabs .hmyt-pdtabs-richtext blockquote > :last-child { margin-bottom: 0; } body .hmyt-product-tabs .hmyt-pdtabs-richtext img, body .hmyt-product-tabs .hmyt-pdtabs-richtext video, body .hmyt-product-tabs .hmyt-pdtabs-richtext iframe, body .hmyt-product-tabs .hmyt-pdtabs-richtext embed, body .hmyt-product-tabs .hmyt-pdtabs-richtext object, body .hmyt-product-tabs .hmyt-pdtabs-richtext svg { max-width: 100%; } body .hmyt-product-tabs .hmyt-pdtabs-richtext img, body .hmyt-product-tabs .hmyt-pdtabs-richtext video { height: auto; } body .hmyt-product-tabs .hmyt-pdtabs-richtext img { border-radius: 12px; } body .hmyt-product-tabs .hmyt-pdtabs-richtext figure, body .hmyt-product-tabs .hmyt-pdtabs-richtext video, body .hmyt-product-tabs .hmyt-pdtabs-richtext iframe { display: block; } body .hmyt-product-tabs .hmyt-pdtabs-richtext figcaption { margin-top: .65em; color: #7b818a; font-size: .88em; line-height: 1.8; text-align: center; } body .hmyt-product-tabs .hmyt-pdtabs-richtext .wp-block-table, body .hmyt-product-tabs .hmyt-pdtabs-richtext .table-responsive { max-width: 100%; overflow-x: auto; } body .hmyt-product-tabs .hmyt-pdtabs-richtext table { width: 100%; border-collapse: collapse; border-spacing: 0; } body .hmyt-product-tabs .hmyt-pdtabs-richtext th, body .hmyt-product-tabs .hmyt-pdtabs-richtext td { padding: 11px 13px; border: 1px solid #e7e9ed; text-align: start; vertical-align: top; } body .hmyt-product-tabs .hmyt-pdtabs-richtext th { background: #f7f8fa; color: #252a32; font-weight: 700; } body .hmyt-product-tabs .hmyt-pdtabs-richtext pre { max-width: 100%; padding: 15px 17px; overflow: auto; border: 1px solid #e7e9ed; border-radius: 10px; background: #f7f8fa; direction: ltr; font-size: .9em; line-height: 1.8; text-align: left; white-space: pre; } body .hmyt-product-tabs .hmyt-pdtabs-richtext :not(pre) > code, body .hmyt-product-tabs .hmyt-pdtabs-richtext kbd { padding: 2px 6px; border-radius: 5px; background: #f1f2f4; color: #343943; font-size: .9em; direction: ltr; } body .hmyt-product-tabs .hmyt-pdtabs-richtext dt { margin-top: 1em; color: #252a32; font-weight: 700; } body .hmyt-product-tabs .hmyt-pdtabs-richtext dd { margin-inline-start: 1.2em; } body .hmyt-product-tabs .hmyt-pdtabs-richtext hr { margin: 1.8em 0; border: 0; border-top: 1px solid #e7e9ed; } body .hmyt-product-tabs .hmyt-pdtabs-richtext > .elementor-element + .elementor-element, body .hmyt-product-tabs .hmyt-pdtabs-richtext > .e-con + .e-con { margin-top: 18px; } body .hmyt-product-tabs .hmyt-pdtabs-richtext::after { display: table; clear: both; content: ""; } body .hmyt-product-tabs .hmyt-pdtabs-richtext > :last-child { margin-bottom: 0; } .hmyt-pdtabs-collapsible { position: relative; } .hmyt-pdtabs-intro.is-collapsible.is-collapsed .hmyt-pdtabs-intro-content { max-height: var(--hmyt-pdtabs-intro-height); overflow: hidden; } .hmyt-pdtabs-specs.is-collapsible.is-collapsed .hmyt-pdtabs-specs-content { max-height: var(--hmyt-pdtabs-specs-height); overflow: hidden; } .hmyt-pdtabs-collapse-fade, body .hmyt-product-tabs button.hmyt-pdtabs-more { display: none; } body .hmyt-product-tabs .hmyt-pdtabs-collapsible.has-overflow button.hmyt-pdtabs-more { display: flex; width: max-content; } .hmyt-pdtabs-collapsible.has-overflow.is-collapsed .hmyt-pdtabs-collapse-fade { position: absolute; z-index: 1; display: block; inset-inline: 0; bottom: 0; height: 110px; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--hmyt-pdtabs-card-bg) 78%); } body .hmyt-product-tabs button.hmyt-pdtabs-more { position: relative; z-index: 2; align-items: center; justify-content: center; gap: 7px; min-height: 38px; margin: 18px auto 0; padding: 6px 15px; border: 1px solid #dfe2e7; border-radius: 9px; background: #fff; color: #5f6368; font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer; box-shadow: 0 6px 16px rgba(17, 24, 39, .04); } body .hmyt-product-tabs .hmyt-pdtabs-collapsible.is-collapsed button.hmyt-pdtabs-more { margin-top: -2px; } body .hmyt-product-tabs button.hmyt-pdtabs-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; } body .hmyt-product-tabs .hmyt-pdtabs-collapsible:not(.is-collapsed) button.hmyt-pdtabs-more svg { transform: rotate(180deg); } .hmyt-pdtabs-specs .hmyt-info-attributes { margin-top: 0 !important; } .hmyt-pdtabs-specs .hmyt-attr-wrapper--all-table > .hmyt-attr-header { display: none; } .hmyt-pdtabs-reviews .hmyt-dk-header, .hmyt-pdtabs-reviews .hmycmnt-title, .hmyt-pdtabs-affiliate .aff-title { display: none !important; } .hmyt-pdtabs-reviews .hmyt-tpl-digikala .hmyt-dk-m-head { display: none !important; } body .hmyt-product-tabs button.hmyt-pdtabs-reviews-viewall { display: none !important; } @media (max-width: 768px) { .hmyt-pdtabs-section-head--reviews-digikala { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .hmyt-pdtabs-section-head--reviews-digikala .hmyt-pdtabs-heading { flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; } .hmyt-pdtabs-section-head--reviews-digikala .hmyt-pdtabs-heading-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hmyt-pdtabs-section-head--reviews-digikala .hmyt-pdtabs-subtitle { display: none; } body .hmyt-product-tabs button.hmyt-pdtabs-reviews-viewall { display: inline-flex !important; flex: 0 0 auto; align-items: center; gap: 3px; min-width: 0; min-height: 0; margin: 0; padding: 2px 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; color: #667085; font-family: inherit; font-size: 11px; font-weight: 500; line-height: 1.6; white-space: nowrap; cursor: pointer; transition: color .18s ease; } body .hmyt-product-tabs button.hmyt-pdtabs-reviews-viewall:hover, body .hmyt-product-tabs button.hmyt-pdtabs-reviews-viewall:focus-visible { background: transparent; color: var(--hmyt-pdtabs-accent); } body .hmyt-product-tabs button.hmyt-pdtabs-reviews-viewall .hmyt-dk-chevron { width: 13px; height: 13px; flex: 0 0 13px; } } .hmyt-pdtabs-empty, .hmyt-pdtabs-editor-note { padding: 14px 16px; border: 1px dashed #d8dce3; border-radius: 12px; background: #fafafa; color: #6b7280; font-size: 13px; line-height: 1.9; } .hmyt-pdtabs-embedded { min-width: 0; } .hmyt-pdtabs-woodmart-content { min-width: 0; } .hmyt-pdtabs-woodmart-content > :first-child { margin-top: 0; } .hmyt-pdtabs-woodmart-content > :last-child { margin-bottom: 0; } .hmyt-pdtabs-affiliate .sidebar-wrapper, .hmyt-pdtabs-affiliate .sidebar-developer { width: 100%; max-width: none; margin-top: 0; } .hmyt-pdtabs-affiliate .sidebar-wrapper.sidebar-developer { background: transparent; padding: 0; margin: 0; } @media (max-width: 767px) { .hmyt-product-tabs { --hmyt-pdtabs-intro-height: 260px; --hmyt-pdtabs-specs-height: 430px; border-radius: 12px; } .hmyt-pdtabs-nav::before, .hmyt-pdtabs-nav::after { width: 30px; } .hmyt-pdtabs-nav-inner { gap: 22px; padding-inline: 16px; } body .hmyt-product-tabs button.hmyt-pdtabs-tab { min-height: 52px; font-size: 13px; } .hmyt-pdtabs-section { padding: 24px 15px 28px; } .hmyt-pdtabs-section-head { margin-bottom: 18px; } .hmyt-pdtabs-heading { font-size: 16px; } .hmyt-pdtabs-richtext { font-size: 13px; line-height: 2; } } @media (prefers-reduced-motion: reduce) { body .hmyt-product-tabs button.hmyt-pdtabs-tab, body .hmyt-product-tabs button.hmyt-pdtabs-tab::after, body .hmyt-product-tabs button.hmyt-pdtabs-more svg, .hmyt-pdtabs-nav-inner { scroll-behavior: auto; transition: none; } }