@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-kdheye {font-size: var(--text-xs); font-weight: 600; line-height: 1.8}.kd-eye { display: inline-flex; align-items: center; gap: 8px; padding: 3px 14px 3px 12px; border-radius: var(--kb-radius-pill); background: var(--kb-cta-bg); color: var(--kb-cta-text); box-shadow: 0 6px 20px rgb(var(--kb-rgb-accent, 217 131 36) / .35); } .kd-eye::before { content: ""; inline-size: 7px; block-size: 7px; border-radius: 50%; background: currentColor; animation: kd-live 1.6s var(--kb-ease-in-out, ease) infinite; }@keyframes kd-live { 0% { box-shadow: 0 0 0 0 rgb(255 255 255 / .7); } 70%, 100% { box-shadow: 0 0 0 8px rgb(255 255 255 / 0); } }@media (prefers-reduced-motion: reduce) { .kd-eye::before { animation: none; } }#brxe-kdhttl {font-size: var(--text-4xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-kdhttl {font-size: var(--text-3xl)}}#brxe-kdhdsc {font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9; max-width: 54ch}#brxe-kdhfct {flex-direction: row; flex-wrap: wrap; column-gap: 8px; row-gap: 8px; margin-top: var(--space-2xs)}.kd-facts > .kd-fact { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: var(--kb-radius-pill); background: var(--kb-on-dark-a12); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-on-dark-a12); color: var(--kb-text-on-dark); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 500; line-height: 1.8; white-space: nowrap; } .kd-facts > .kd-fact > i { font-size: 15px; color: var(--kb-accent-light); }@media (max-width: 991px) {#brxe-kdhfct {justify-content: center}}#brxe-kdhtxt {row-gap: var(--space-xs); align-items: flex-start}@media (max-width: 991px) {#brxe-kdhtxt {align-items: center; text-align: center}}.kd-timer { justify-self: end; inline-size: fit-content; max-inline-size: 100%; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-s); padding: var(--space-m) var(--space-l); border-radius: var(--kb-radius-xl); background: linear-gradient(160deg, rgb(255 255 255 / .14), rgb(255 255 255 / .04)); box-shadow: inset 0 0 0 1px var(--kb-on-dark-a24), 0 30px 70px rgb(4 37 31 / .45); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } .kd-timer .kd-timer__t { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; color: var(--kb-text-on-dark); font-size: var(--text-s); font-weight: 600; line-height: 1.6; } .kd-timer .kd-timer__t::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--kb-accent-light); animation: kd-live 1.6s var(--kb-ease-in-out, ease) infinite; } .kd-timer .brxe-xcountdown { display: flex; align-items: flex-start; justify-content: center; gap: 10px; direction: ltr; } .kd-timer .x-countdown_item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .kd-timer .x-countdown_format { position: relative; display: grid; place-items: center; inline-size: 84px; block-size: 92px; border-radius: 16px; background: linear-gradient(180deg, #fff 0 50%, #eef4f2 50% 100%); box-shadow: inset 0 -2px 0 rgb(4 37 31 / .08), 0 7px 0 -3px rgb(255 255 255 / .25), 0 18px 34px rgb(4 37 31 / .45); color: var(--kb-primary-deep, #0d3a33); font-family: var(--kb-font-num); overflow: hidden; perspective: 400px; } .kd-timer .x-countdown_format::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 50%; block-size: 1px; background: rgb(4 37 31 / .1); } .kd-timer .x-countdown_number { display: block; font-size: 3rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; transform-origin: 50% 50%; } .kd-timer .x-countdown_item::after { color: var(--kb-text-muted-on-dark); font-size: var(--text-xs); font-weight: 500; line-height: 1.4; } .kd-timer .x-countdown_item:nth-child(1)::after { content: "ساعت"; } .kd-timer .x-countdown_item:nth-child(3)::after { content: "دقیقه"; } .kd-timer .x-countdown_item:nth-child(5)::after { content: "ثانیه"; } .kd-timer .x-countdown_item:nth-child(5) .x-countdown_format { background: linear-gradient(180deg, var(--kb-accent-light, #f0a24b) 0 50%, var(--kb-accent, #d98324) 50% 100%); color: var(--kb-cta-text, #fff); box-shadow: inset 0 -2px 0 rgb(0 0 0 / .08), 0 7px 0 -3px rgb(255 255 255 / .25), 0 18px 34px rgb(var(--kb-rgb-accent, 217 131 36) / .5); } .kd-timer .x-countdown_item:nth-child(5) .x-countdown_format::before { background: rgb(0 0 0 / .12); } .kd-timer .x-countdown_seperator { position: relative; flex: none; inline-size: 8px; block-size: 92px; font-size: 0; } .kd-timer .x-countdown_seperator::before,.kd-timer .x-countdown_seperator::after { content: ""; position: absolute; inset-inline-start: 0; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--kb-accent-light, #f0a24b); animation: kd-blink 1s steps(1, end) infinite; } .kd-timer .x-countdown_seperator::before { inset-block-start: 30px; } .kd-timer .x-countdown_seperator::after { inset-block-end: 30px; }@keyframes kd-blink { 50% { opacity: .25; } } .kd-timer .x-countdown_number.is-tick { animation: kd-flip .5s var(--kb-ease-out, ease-out); }@keyframes kd-flip { from { transform: rotateX(-90deg); opacity: .3; } to { transform: none; opacity: 1; } } .kd-timer .brxe-xcountdown > p { margin: 0; color: var(--kb-text-on-dark); font-weight: 600; text-align: center; } .kd-timer .kd-timer__foot { margin: 0; text-align: center; color: var(--kb-text-muted-on-dark); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 500; line-height: 1.6; } .kd-bar { position: relative; block-size: 6px; border-radius: var(--kb-radius-pill); background: var(--kb-on-dark-a12); overflow: hidden; } .kd-bar::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: var(--p, 0%); min-inline-size: 6px; border-radius: inherit; background: linear-gradient(90deg, var(--kb-accent-light), var(--kb-accent)); } .kd-bar::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgb(255 255 255 / .35), transparent); translate: 100% 0; animation: kd-sheen 2.8s linear infinite; }@keyframes kd-sheen { to { translate: -100% 0; } }@media (prefers-reduced-motion: reduce) { .kd-timer .x-countdown_number.is-tick, .kd-bar::after, .kd-timer .x-countdown_seperator::before, .kd-timer .x-countdown_seperator::after, .kd-timer .kd-timer__t::before { animation: none; } }@media (max-width: 991px) { .kd-timer { justify-self: center; } }@media (max-width: 479px) { .kd-timer { padding: var(--space-s); } .kd-timer .brxe-xcountdown { gap: 7px; } .kd-timer .x-countdown_format { inline-size: 68px; block-size: 74px; border-radius: 14px; } .kd-timer .x-countdown_number { font-size: 2.4rem; } .kd-timer .x-countdown_seperator { block-size: 74px; inline-size: 6px; } .kd-timer .x-countdown_seperator::before, .kd-timer .x-countdown_seperator::after { inline-size: 6px; block-size: 6px; } .kd-timer .x-countdown_seperator::before { inset-block-start: 24px; } .kd-timer .x-countdown_seperator::after { inset-block-end: 24px; }}#brxe-kdhcon {display: grid; align-items: initial; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-l); align-items: center}@media (max-width: 991px) {#brxe-kdhcon {grid-template-columns: minmax(0, 1fr); gap: var(--space-m)}}#brxe-kdhero {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}.kd-hero .kd-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; } .kd-hero .kd-glow::before,.kd-hero .kd-glow::after { content: ""; position: absolute; border-radius: 50%; filter: blur(60px); opacity: .55; animation: kd-drift 18s var(--kb-ease-in-out, ease-in-out) infinite alternate; } .kd-hero .kd-glow::before { inline-size: 520px; aspect-ratio: 1; inset-block-start: -180px; inset-inline-end: 8%; background: radial-gradient(circle, rgb(var(--kb-rgb-accent, 217 131 36) / .55), transparent 65%); } .kd-hero .kd-glow::after { inline-size: 600px; aspect-ratio: 1; inset-block-end: -320px; inset-inline-start: 4%; background: radial-gradient(circle, rgb(46 125 107 / .7), transparent 65%); animation-duration: 22s; animation-direction: alternate-reverse; }@keyframes kd-drift { from { translate: 0 0; scale: 1; } to { translate: -60px 40px; scale: 1.15; } }@media (prefers-reduced-motion: reduce) { .kd-hero .kd-glow::before, .kd-hero .kd-glow::after { animation: none; } }@media (max-width: 767px) {#brxe-kdhero {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}#brxe-kdstrp {padding-top: var(--space-m)}#brxe-kdtops {padding-top: var(--space-l); padding-right: 0; padding-bottom: 0; padding-left: 0}.kd-strip { position: relative; isolation: isolate; display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; padding: 12px; border-radius: var(--kb-radius-xl); background: linear-gradient(115deg, var(--kb-accent-light, #f0a24b), var(--kb-accent, #d98324) 45%, var(--kb-accent-deep, #a85c14)); box-shadow: 0 22px 50px rgb(var(--kb-rgb-accent, 217 131 36) / .32); overflow: hidden; } .kd-strip::before { content: ""; position: absolute; z-index: -1; inset-block-start: -160px; inset-inline-start: -120px; inline-size: 420px; aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: repeating-radial-gradient(circle, transparent 0 16px, rgb(255 255 255 / .1) 16px 17px); -webkit-mask-image: radial-gradient(circle, #000 25%, transparent 70%); mask-image: radial-gradient(circle, #000 25%, transparent 70%); } .kd-sintro { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: var(--space-s) 8px; color: #fff; text-align: center; } .kd-sintro .kd-sintro__badge { display: grid; place-items: center; inline-size: 64px; block-size: 64px; border-radius: 20px; background: #fff; color: var(--kb-accent, #d98324); font-family: var(--kb-font-num); font-size: 2rem; font-weight: 800; line-height: 1; rotate: -8deg; box-shadow: 0 10px 24px rgb(0 0 0 / .15); } .kd-sintro h2 { margin: 0; color: #fff; font-size: var(--text-xl); font-weight: 700; line-height: 1.4; } .kd-sintro p { margin: 0; color: rgb(255 255 255 / .88); font-size: var(--text-xs); font-weight: 500; line-height: 1.7; } .kd-sintro .kd-sintro__all { display: inline-flex; align-items: center; gap: 6px; margin-block-start: 4px; padding: 6px 8px 6px 14px; border-radius: var(--kb-radius-pill); box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .7); color: #fff; font-size: var(--text-s); font-weight: 600; line-height: 1.6; text-decoration: none; transition: background-color var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }@media (hover: hover) { .kd-sintro .kd-sintro__all:hover { background: rgb(255 255 255 / .16); } } .kd-strackw { position: relative; min-inline-size: 0; display: flex; flex-direction: column; container-type: inline-size; } .kd-strack { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 14px; margin: 0; margin: -12px -12px -12px; padding: 12px 12px 30px; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 12px; scrollbar-width: none; } .kd-strack::-webkit-scrollbar { display: none; }.kd-strack > li { --kd-n: 2; --kd-gap: 14px; flex: 0 0 calc((100cqi - (var(--kd-n) - 1) * var(--kd-gap)) / var(--kd-n)); min-inline-size: 0; scroll-snap-align: start; }@container (min-width: 520px) { .kd-strack > li { --kd-n: 3; } }@container (min-width: 760px) { .kd-strack > li { --kd-n: 4; } }@container (min-width: 1000px) { .kd-strack > li { --kd-n: 5; } } .kd-scard { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 6px; block-size: 100%; padding: 14px; border-radius: var(--kb-radius-l); background: var(--kb-surface, #fff); box-shadow: 0 8px 18px rgb(120 60 0 / .18), inset 0 0 0 1px rgb(255 255 255 / .7); color: inherit; text-decoration: none; transition: translate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }@media (hover: hover) { .kd-scard:hover { translate: 0 -3px; box-shadow: 0 12px 22px rgb(120 60 0 / .24), inset 0 0 0 1.5px var(--kb-primary-soft, #cfe3dd); } .kd-scard:hover .kd-scard__img { scale: 1.05; } } .kd-scard .kd-scard__media { position: relative; block-size: 140px; margin-block-end: 4px; overflow: hidden; border-radius: calc(var(--kb-radius-l, 24px) - 14px); } .kd-scard .kd-scard__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: contain; mix-blend-mode: multiply; transition: scale .6s var(--kb-ease-out, ease-out); } .kd-scard .kd-scard__pct { position: absolute; z-index: 1; inset-block-start: 0; inset-inline-start: 0; padding: 0 8px; padding: 1px 10px 1px 9px; border-radius: 0; border-start-start-radius: inherit; border-end-end-radius: var(--kb-radius-xs, 6px); background: var(--kb-cta-bg); color: var(--kb-cta-text); font-family: var(--kb-font-num); font-size: 11px; font-weight: 700; line-height: 1.8; } .kd-scard .kd-scard__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-block-size: calc(2 * 1.7em); margin: 0; color: var(--kb-text-heading); font-size: var(--text-s); font-weight: 500; line-height: 1.7; } .kd-scard .kd-scard__p { margin-block-start: auto; font-family: var(--kb-font-num); } .kd-scard .kd-scard__p .price { display: flex; flex-direction: column; align-items: flex-start; gap: 0; } .kd-scard .kd-scard__p del { order: -1; color: var(--kb-price-was); font-size: 12px; font-weight: 400; } .kd-scard .kd-scard__p ins { text-decoration: none; color: var(--kb-text-heading); font-size: var(--text-m); font-weight: 700; } .kd-scard .kd-scard__s { margin: 0; color: var(--kb-accent-deep, #a85c14); font-family: var(--kb-font-num); font-size: 12px; font-weight: 600; line-height: 1.6; } .kd-strackw .kd-snavs { display: contents; }.kd-snav { position: absolute; z-index: 2; inset-block-start: calc(50% - 8px); display: none; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--kb-primary-deep, #0d3a33); color: #fff; box-shadow: 0 0 0 4px rgb(255 255 255 / .55), 0 10px 22px rgb(4 37 31 / .35); translate: 0 -50%; cursor: pointer; transition: opacity var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), scale var(--kb-dur-fast, .15s) var(--kb-ease-out, ease-out), background-color var(--kb-dur-base, .2s); } .kd-snav:hover { background: var(--kb-primary, #14544a); } .kd-snav:active { scale: .94; } .kd-sintro .bricks-button { margin-block-start: 4px; } .kd-sintro .bricks-button svg { inline-size: 16px; block-size: 16px; } .kd-snav .kb-chev { inline-size: 22px; block-size: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .kd-snav--prev { inset-inline-start: 6px; } .kd-snav--next { inset-inline-end: 6px; } .kd-strip.is-js .kd-snav { display: grid; } .kd-snav[disabled] { opacity: 0; pointer-events: none; } .kd-snav:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .kd-sintro .kd-sintro__all .kb-chev { inline-size: 16px; block-size: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }.kd-sdots { display: none; }@media (max-width: 767px) { .kd-strip { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 10px; } .kd-sintro { flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 4px 6px 0; text-align: start; } .kd-sintro .kd-sintro__badge, .kd-sintro p { display: none; } .kd-sintro h2 { font-size: var(--text-l); } .kd-sintro .bricks-button { margin: 0; } .kd-strack { gap: 10px; } .kd-strack > li { --kd-gap: 10px; } .kd-scard { padding: 10px; } .kd-scard .kd-scard__media { block-size: 116px; } .kd-scard .kd-scard__media { border-radius: calc(var(--kb-radius-l, 24px) - 10px); } .kd-strack { margin: -10px -10px -10px; padding: 10px 10px 26px; scroll-padding-inline: 10px; } .kd-strip.is-js .kd-snav { display: none; } .kd-strip.is-js .kd-sdots:not(:empty) { display: flex; justify-content: center; gap: 2px; margin-block-start: 2px; } .kd-sdots .kd-sdot { display: grid; place-items: center; inline-size: 22px; block-size: 18px; padding: 0; border: 0; border-radius: 6px; background: none; cursor: pointer; } .kd-sdots .kd-sdot::before { content: ""; inline-size: 7px; block-size: 7px; border-radius: 4px; background: rgb(255 255 255 / .5); transition: inline-size 350ms var(--kb-ease-out, ease), background-color 350ms var(--kb-ease-out, ease); } .kd-sdots .kd-sdot[aria-current="true"]::before { inline-size: 18px; background: #fff; } .kd-sdots .kd-sdot:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }}@media (max-width: 767px) {#brxe-kdtops {padding-top: var(--space-m); padding-right: 0; padding-bottom: 0; padding-left: 0}}#brxe-kdlttl {font-size: var(--text-2xl); font-weight: 700; color: var(--kb-text-heading); line-height: var(--kb-lh-heading)}#brxe-kdldsc {font-size: var(--text-s); font-weight: 400; color: var(--kb-text-muted); line-height: 1.8; font-family: "Abar FaNum"}#brxe-kdlhed {row-gap: 4px}.brxe-kbpcim {height: 100%; width: 100%}.brxe-kbpcim:not(.tag), .brxe-kbpcim img {object-fit: contain}.brxe-kbpcwl .x-favorite_icons {font-size: 1em}.brxe-kbpcwl[data-x-spinner] .x-favorite_icons::before {color: var(--kb-primary)}.brxe-kbpcwl[data-x-spinner] .x-favorite_text:only-child::before {color: var(--kb-primary)}.brxe-kbpcwl .x-favorite {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; background-color: rgb(var(--kb-rgb-white) / .88); color: var(--kb-text-muted); line-height: 1; border-radius: var(--kb-radius-pill); box-shadow: 0 2px 8px 0 var(--kb-ink-a12)}.brxe-kbpcwl .tippy-content {font-size: var(--text-xs); font-weight: 500}.brxe-kbpcwl .x-favorite { inline-size: 32px; block-size: 32px; display: grid; place-items: center; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: var(--kb-bd-hair) solid var(--kb-border); cursor: pointer; transition: color var(--kb-dur-base) var(--kb-ease-out), background-color var(--kb-dur-base) var(--kb-ease-out), scale var(--kb-dur-base) var(--kb-ease-spring);} .brxe-kbpcwl .x-favorite_icons, .brxe-kbpcwl .x-favorite_icon { display: grid; place-items: center; } .brxe-kbpcwl .x-favorite:hover { background: var(--kb-danger-soft); color: var(--kb-wishlist); } .brxe-kbpcwl .x-favorite[aria-pressed="true"] { color: var(--kb-wishlist); } .brxe-kbpcwl .x-favorite:active { scale: .9; }@media (max-width: 767px) { .brxe-kbpcwl .x-favorite { inline-size: 28px; block-size: 28px; }}.brxe-kbpccp .x-favorite_icons {font-size: 1em}.brxe-kbpccp[data-x-spinner] .x-favorite_icons::before {color: var(--kb-primary)}.brxe-kbpccp[data-x-spinner] .x-favorite_text:only-child::before {color: var(--kb-primary)}.brxe-kbpccp .x-favorite {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; background-color: rgb(var(--kb-rgb-white) / .88); color: var(--kb-text-muted); line-height: 1; border-radius: var(--kb-radius-pill); box-shadow: 0 2px 8px 0 var(--kb-ink-a12)}.brxe-kbpccp .tippy-content {font-size: var(--text-xs); font-weight: 500}.brxe-kbpccp .x-favorite { inline-size: 32px; block-size: 32px; display: grid; place-items: center; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: var(--kb-bd-hair) solid var(--kb-border); cursor: pointer; transition: color var(--kb-dur-base) var(--kb-ease-out), background-color var(--kb-dur-base) var(--kb-ease-out), scale var(--kb-dur-base) var(--kb-ease-spring);} .brxe-kbpccp .x-favorite_icons, .brxe-kbpccp .x-favorite_icon { display: grid; place-items: center; } .brxe-kbpccp .x-favorite:hover { background: var(--kb-primary-tint); color: var(--kb-primary); } .brxe-kbpccp .x-favorite[aria-pressed="true"] { background: var(--kb-primary); color: var(--kb-text-on-brand); border-color: var(--kb-primary); } .brxe-kbpccp .x-favorite:active { scale: .9; }@media (max-width: 767px) { .brxe-kbpccp .x-favorite { inline-size: 28px; block-size: 28px; }}.brxe-kbpcac {flex-direction: row; position: absolute; top: 6px; left: 6px; width: auto; z-index: 3; column-gap: 4px; align-items: center}.brxe-kbpcac { pointer-events: none; } .brxe-kbpcac > * { pointer-events: auto; }.brxe-kbpcmd {aspect-ratio: var(--kb-card-media-ar); background-color: var(--kb-surface-sunken); border-radius: var(--kb-radius-s); overflow: hidden; position: relative}.brxe-kbpcbr {color: var(--kb-text-brand); font-size: var(--text-xs); font-weight: 600; line-height: 1.5; margin-bottom: calc(-1 * var(--space-2xs))}.brxe-kbpctt {color: var(--kb-text); font-size: var(--text-s); font-weight: 500; line-height: 1.8}.brxe-kbpctt a::after, a.brxe-kbpctt::after { content: ""; position: absolute; inset: 0; z-index: var(--kb-z-content, 2);}.brxe-kbpcsp {color: var(--kb-text-muted); font-size: var(--text-xs); font-weight: 400; line-height: 1.5; font-family: "Abar FaNum"; white-space: nowrap; overflow: hidden}.brxe-kbpcsp { text-overflow: ellipsis; }.brxe-kbpcri.brxi-kdcard {color: var(--kb-rating-star); fill: var(--kb-rating-star); font-size: 1.15em}.brxe-kbpcrv {font-family: "Abar FaNum"; font-weight: 700; color: var(--kb-text)}.brxe-kbpcrc {font-family: "Abar FaNum"; color: var(--kb-text-subtle)}.brxe-kbpcrt {flex-direction: row; align-items: center; column-gap: 4px; width: auto}.brxe-kbpclw {background-color: var(--kb-warning-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; font-family: "Abar FaNum"; font-size: 11px; font-weight: 500; line-height: 1.6; color: var(--kb-warning)}.brxe-kbpclw { display: inline-flex; align-items: center; gap: 5px; } .brxe-kbpclw::before { content: ""; inline-size: 5px; block-size: 5px; border-radius: 50%; background: var(--kb-stock-low); }.brxe-kbpcmt {flex-direction: row; align-items: center; justify-content: space-between; column-gap: var(--space-2xs); row-gap: var(--space-3xs); flex-wrap: wrap; font-size: var(--text-xs); line-height: 1.6}.brxe-kbpcsd { display: inline-flex; align-items: center; gap: 3px; padding: 1px 9px 1px 7px; border-radius: var(--kb-radius-pill, 999px); background: linear-gradient(100deg, var(--kb-accent-light, #f0a24b), var(--kb-accent, #d98324) 55%, var(--kb-accent-deep, #a85c14)); color: var(--kb-cta-text, #fff); font-size: 11px; font-weight: 700; line-height: 1.75; box-shadow: 0 3px 8px rgb(var(--kb-rgb-accent, 217 131 36) / .3); }.brxe-kbpcpc { margin-inline-start: auto; padding: 0 7px; border-radius: var(--kb-radius-pill, 999px); background: var(--kb-accent-tint, #fdf0e1); color: var(--kb-accent-deep, #a85c14); font-family: var(--kb-font-num); font-size: 11px; font-weight: 700; line-height: 1.75; box-shadow: inset 0 0 0 1px rgb(var(--kb-rgb-accent, 217 131 36) / .25); direction: ltr; unicode-bidi: isolate; }.brxe-kbpcdr {flex-direction: row; align-items: center; column-gap: 6px; row-gap: 4px; flex-wrap: wrap; width: 100%; margin-bottom: 4px}.brxe-kbpcdr .kb-ico { inline-size: 12px; block-size: 12px; fill: currentColor; flex: none; }.brxe-930d27 > .brxe-kbpcpw { align-self: stretch; }.brxe-kbpcpw {margin-top: auto; font-size: var(--text-m)}@media (max-width: 767px) {.brxe-kbpcpw {font-size: var(--text-s)}}.brxe-kbpcsv { align-self: stretch; max-inline-size: none; display: flex; align-items: center; justify-content: center; gap: 6px; margin: 2px calc(-1 * var(--space-s)) calc(-1 * var(--space-s)); padding: 9px var(--space-s); border-block-start: 1.5px dashed rgb(var(--kb-rgb-accent, 217 131 36) / .45); border-radius: 0 0 var(--kb-radius-m) var(--kb-radius-m); background: linear-gradient(100deg, var(--kb-accent-tint, #fdf0e1), #fff7ee); color: var(--kb-accent-deep, #a85c14); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 700; line-height: 1.6; text-align: center; } .brxe-kbpcsv .kb-ico { inline-size: 14px; block-size: 14px; fill: currentColor; flex: none; }@media (max-width: 767px) { .brxe-kbpcsv { margin: 2px calc(-1 * var(--space-xs)) calc(-1 * var(--space-xs)); padding: 8px 6px; font-size: 11px; } }.brxe-930d27:hover {border-color: var(--kb-border-brand)}.brxe-930d27 {transition: border-color 600ms cubic-bezier(.22, 1, .36, 1), box-shadow 600ms cubic-bezier(.22, 1, .36, 1), transform 600ms cubic-bezier(.22, 1, .36, 1); height: 100%; padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); position: relative; row-gap: var(--space-xs)}.brxe-930d27 .brxe-kbpcim { transition: transform 900ms cubic-bezier(.22, 1, .36, 1);} .brxe-930d27 .brxe-kbpctt,.brxe-930d27 .brxe-kbpctt a { transition: color 450ms cubic-bezier(.22, 1, .36, 1);}@media (hover: hover) and (pointer: fine) { .brxe-930d27:hover { transform: translateY(-4px); box-shadow: var(--kb-shadow-3); } .brxe-930d27:hover .brxe-kbpcim { transform: scale(1.05); } .brxe-930d27:hover .brxe-kbpctt, .brxe-930d27:hover .brxe-kbpctt a { color: var(--kb-text-brand); }}@media (prefers-reduced-motion: reduce) { .brxe-930d27:hover, .brxe-930d27:hover .brxe-kbpcim { transform: none; }}.brxe-930d27:has(.brxe-kbsto2) .brxe-kbpcim { opacity: .55; filter: grayscale(.5); }@media (max-width: 767px) {.brxe-930d27 {padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs); row-gap: var(--space-2xs)}}.brxe-kdloop.brxe-block {height: 100%}#brxe-kdgrid {display: grid; align-items: initial; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-s); width: 100%}.kd-grid { list-style: none; margin: 0; padding: 0; } .kd-grid > .brxe-kdloop { display: flex; flex-direction: column; gap: 6px; } .kd-grid > .brxe-kdloop > * { align-self: stretch; } .kd-grid > .brxe-kdloop > .brxe-930d27 { flex: 1; }@media (max-width: 991px) {#brxe-kdgrid {grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 767px) {#brxe-kdgrid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs)}}#brxe-kdlcon {row-gap: var(--space-m)}#kd-grid {padding-top: var(--space-xl); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}.kd-list { scroll-margin-block-start: var(--space-m); } .kd-tools { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-m); } .kd-tools .kd-chips, .kd-tools .kd-sorts { display: flex; align-items: center; gap: 8px; } .kd-tools .kd-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: var(--kb-radius-pill); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border-strong); color: var(--kb-text); font-size: var(--text-s); font-weight: 500; line-height: 1.6; text-decoration: none; white-space: nowrap; transition: background-color var(--kb-dur-base) var(--kb-ease-out), box-shadow var(--kb-dur-base) var(--kb-ease-out), color var(--kb-dur-base) var(--kb-ease-out); } .kd-tools .kd-chip__n { display: grid; place-items: center; min-inline-size: 22px; padding-inline: 6px; border-radius: var(--kb-radius-pill); background: var(--kb-surface-sunken); font-family: var(--kb-font-num); font-size: 11px; font-weight: 600; line-height: 20px; } .kd-tools .kd-chip[aria-current] { background: var(--kb-primary); box-shadow: none; color: var(--kb-text-on-brand); } .kd-tools .kd-chip[aria-current] .kd-chip__n { background: rgb(255 255 255 / .2); }@media (hover: hover) { .kd-tools .kd-chip:not([aria-current]):hover { box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-primary); color: var(--kb-text-brand); } } .kd-tools .kd-sort { padding: 4px 2px; color: var(--kb-text-muted); font-size: var(--text-s); font-weight: 500; text-decoration: none; border-block-end: 2px solid transparent; } .kd-tools .kd-sort[aria-current] { color: var(--kb-text-brand); font-weight: 600; border-block-end-color: var(--kb-primary); } .kd-tools .kd-sorts::before { content: "مرتب‌سازی:"; color: var(--kb-text-subtle); font-size: var(--text-xs); }@media (max-width: 767px) { .kd-tools .kd-chips { inline-size: calc(100% + 2 * var(--kb-gutter, 16px)); margin-inline: calc(-1 * var(--kb-gutter, 16px)); padding: 2px var(--kb-gutter, 16px) 6px; overflow-x: auto; scrollbar-width: none; } .kd-tools .kd-chips::-webkit-scrollbar { display: none; }  .kd-tools .kd-chips.fade-e { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px); mask-image: linear-gradient(to right, transparent 0, #000 40px); } .kd-tools .kd-chips.fade-s { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 40px); mask-image: linear-gradient(to left, transparent 0, #000 40px); } .kd-tools .kd-chips.fade-s.fade-e { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); }}@media (max-width: 767px) {#kd-grid {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}}.brxe-kbstd2 {background-color: var(--kb-stock-out); border-radius: var(--kb-radius-circle); flex-shrink: 0; height: 5px; width: 5px}.brxe-kbstt2 {color: var(--kb-danger-strong)}.brxe-kbsto2 {flex-direction: row; align-items: center; column-gap: 5px; width: auto; background-color: var(--kb-danger-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; color: var(--kb-danger-strong)}.brxe-kbstd3 {background-color: var(--kb-stock-low); border-radius: var(--kb-radius-circle); flex-shrink: 0; height: 5px; width: 5px}.brxe-kbstt3 {color: var(--kb-warning)}.brxe-kbstb3 {flex-direction: row; align-items: center; column-gap: 5px; width: auto; background-color: var(--kb-warning-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; color: var(--kb-warning)}.brxe-cf9bd8 {align-items: center; column-gap: var(--space-2xs); flex-direction: row; font-size: 11px; font-weight: 500; line-height: 1.6; width: auto}.brxe-kbprpr {color: var(--kb-price); font-family: "Abar FaNum"; font-weight: 700; line-height: 1.4}.brxe-kbprpr .price del { display: block; font-size: 0.65em; font-weight: 400; color: var(--kb-price-was);}.brxe-kbprpr .price ins { text-decoration: none;}.brxe-kbprcl {color: var(--kb-text-brand); font-weight: 700}.brxe-4fa882 {align-items: baseline; column-gap: var(--space-2xs); flex-direction: row; flex-wrap: wrap; row-gap: var(--space-3xs); width: auto}#brxe-kdhgrd {display: grid; align-items: initial; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-s); width: 100%}@media (max-width: 991px) {#brxe-kdhgrd {grid-template-columns: minmax(0, 1fr)}}#brxe-kdhows {background-color: var(--kb-bg-alt); padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}.kd-howgrid > .kd-how { --tone: var(--kb-primary, #14544a); --tint: var(--kb-primary-tint, #e5f2ee); --rgb: var(--kb-rgb-brand, 20 84 74); position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 6px; padding: var(--space-m); border-radius: var(--kb-radius-l); background: linear-gradient(155deg, var(--tint), var(--kb-surface, #fff) 72%); box-shadow: inset 0 0 0 var(--kb-bd-hair) rgb(var(--rgb) / .18), var(--kb-shadow-1, 0 1px 2px rgb(0 0 0 / .04)); transition: translate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); } .kd-howgrid > .kd-how:nth-child(2) { --tone: var(--kb-accent-deep, #a85c14); --tint: var(--kb-accent-tint, #fdf0e1); --rgb: var(--kb-rgb-accent, 217 131 36); } .kd-howgrid > .kd-how:nth-child(3) { --tone: #1f7a6a; --tint: #e3f6f1; --rgb: 31 122 106; } .kd-howgrid > .kd-how::before { content: ""; position: absolute; z-index: -1; inset-block-end: -150px; inset-inline-end: -120px; inline-size: 320px; aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: repeating-radial-gradient(circle, transparent 0 15px, rgb(var(--rgb) / .09) 15px 16px); -webkit-mask-image: radial-gradient(circle, #000 20%, transparent 68%); mask-image: radial-gradient(circle, #000 20%, transparent 68%); }@media (hover: hover) { .kd-howgrid > .kd-how:hover { translate: 0 -3px; box-shadow: inset 0 0 0 1px rgb(var(--rgb) / .35), var(--kb-shadow-3, 0 16px 34px rgb(4 37 31 / .12)); } } .kd-howgrid .kd-how__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-s); margin-block-end: 6px; } .kd-howgrid .kd-how__ic { display: grid; place-items: center; flex: none; inline-size: 52px; block-size: 52px; border-radius: 16px; background: var(--kb-surface, #fff); color: var(--tone); font-size: 26px; rotate: -6deg; box-shadow: 0 10px 22px rgb(var(--rgb) / .2), inset 0 0 0 1px rgb(var(--rgb) / .12); } .kd-howgrid .kd-how__big { color: var(--tone); font-family: var(--kb-font-num); font-size: var(--text-3xl); font-weight: 800; line-height: 1; letter-spacing: -.01em; text-align: end; } .kd-howgrid .kd-how__big small { display: block; margin-block-start: 6px; color: var(--kb-text-muted); font-size: var(--text-xs); font-weight: 500; letter-spacing: 0; } .kd-howgrid .kd-how h3 { margin: 0; color: var(--kb-text-heading); font-size: var(--text-l); font-weight: 700; line-height: 1.6; } .kd-howgrid .kd-how p { margin: 0; color: var(--kb-text-muted); font-size: var(--text-s); line-height: 1.9; }@media (prefers-reduced-motion: reduce) { .kd-howgrid > .kd-how { transition: none; } }#brxe-kdnbox {max-width: 560px}#brxe-kdncon {align-items: center}#brxe-kdnone {padding-top: var(--space-xl); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}#brxe-kdsgox {display: flex}.kd-stick { position: fixed; z-index: var(--kb-z-sticky, 20); inset-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + 10px); inset-inline: 0; margin-inline: auto; inline-size: max-content; max-inline-size: calc(100% - 24px); display: flex; align-items: center; gap: 12px; padding: 6px; padding-inline-start: 18px; border-radius: var(--kb-radius-pill); background: rgb(13 58 51 / .94); color: var(--kb-text-on-dark, #fff); box-shadow: 0 10px 30px rgb(4 37 31 / .3), inset 0 0 0 1px rgb(255 255 255 / .08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; translate: 0 -140%; pointer-events: none; transition: opacity .35s var(--kb-ease-out, ease-out), translate .45s var(--kb-ease-out, ease-out); } .kd-stick.is-on { opacity: 1; translate: 0 0; pointer-events: auto; } .kd-stick .kd-stick__t { color: var(--kb-text-on-dark, #fff); font-size: var(--text-xs); font-weight: 500; line-height: 1.6; white-space: nowrap; } .kd-stick .brxe-xcountdown { display: flex; align-items: center; gap: 4px; direction: ltr; color: var(--kb-text-on-dark, #fff); font-family: var(--kb-font-num); } .kd-stick .x-countdown_format { display: grid; place-items: center; min-inline-size: 34px; block-size: 30px; padding-inline: 6px; border-radius: 9px; background: rgb(255 255 255 / .14); color: var(--kb-text-on-dark, #fff); } .kd-stick .x-countdown_item:nth-child(5) .x-countdown_format { background: var(--kb-cta-bg); color: var(--kb-cta-text, #fff); } .kd-stick .x-countdown_number { font-size: var(--text-s); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; } .kd-stick .x-countdown_seperator { color: rgb(255 255 255 / .6); font-size: 14px; font-weight: 700; line-height: 1; } .kd-stick .brxe-xcountdown > p { margin: 0; font-size: var(--text-xs); } .kd-stick .kd-stick__go { display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; background: var(--kb-cta-bg); color: var(--kb-cta-text, #fff); text-decoration: none; font-size: 18px; line-height: 1; } .kd-stick .kd-stick__go .kb-chev { inline-size: 20px; block-size: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .kd-stick { text-decoration: none; cursor: pointer; } .kd-stick:hover .kd-stick__go { filter: brightness(1.06); }@media (max-width: 600px) { .kd-stick { inset-block-start: 8px; } }@media (max-width: 479px) { .kd-stick .kd-stick__t { display: none; } .kd-stick { padding-inline-start: 10px; } }@media (prefers-reduced-motion: reduce) { .kd-stick { transition: none; } }