body.prk-archive-v4 { background: #f6f6f6; } .prk-av4-shell, .prk-av4-shell * { box-sizing: border-box; } .prk-av4-shell { width: 100%; padding: 24px 0 48px; color: #23254e; } .prk-av4-head { display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid #ececec; border-radius: 18px; margin-bottom: 16px; } .prk-av4-head__title-wrap, .prk-av4-head__tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .prk-av4-title { margin: 0; font-size: 20px; font-weight: 700; color: #23254e; } .prk-av4-archive-header { margin: 0 0 16px; } .prk-av4-result-count, .prk-av4-result-count p { margin: 0; font-size: 13px; color: #81858b; } .prk-av4-result-count__title { display: none; } .prk-av4-sortbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .prk-av4-sortbar__label, .prk-av4-sortbar__item, .prk-av4-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 999px; font-size: 13px; line-height: 1; text-decoration: none; } .prk-av4-sortbar__label { color: #62666d; background: #f7f7f8; } .prk-av4-sortbar__item { color: #62666d; background: transparent; } .prk-av4-sortbar__item.is-active { color: var(--prk-color-primary, #ff5b0e); background: #fff3ed; font-weight: 700; } .prk-av4-filter-toggle { display: none; border: 1px solid #e5e7eb; background: #fff; color: #23254e; cursor: pointer; } .prk-av4-active-filters { display: flex; flex-wrap: wrap; gap: 8px; } .prk-av4-active-filter { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border-radius: 999px; background: #f5f5f5; color: #62666d; font-size: 12px; text-decoration: none; } .prk-av4-active-filter--clear { color: #d32f2f; background: #fff5f5; } button[data-prk-av4-filter-url] { border: 0; font: inherit; appearance: none; -webkit-appearance: none; cursor: pointer; } button.prk-av4-filter-item[data-prk-av4-filter-url] { width: 100%; text-align: inherit; background: transparent; } button.prk-av4-switch[data-prk-av4-filter-url] { width: calc(100% - 24px); padding: 0; background: transparent; } button.prk-av4-sortbar__item[data-prk-av4-filter-url], button.prk-av4-active-filter[data-prk-av4-filter-url] { font-family: inherit; } .prk-av4-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; } .prk-av4-layout.has-sidebar { grid-template-columns: 280px minmax(0, 1fr); } .prk-av4-sidebar__inner { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 100px; } .prk-av4-sidebar__head { padding: 16px; font-size: 15px; font-weight: 700; } .prk-av4-widget { padding: 10px 15px 15px; } .prk-av4-widget__title, .prk-av4-section-title { margin: 0 0 12px; color: #2a2a2c; font-size: 14px; font-weight: 700; } .prk-av4-filter-list { display: flex; flex-direction: column; gap: 4px; } .prk-av4-filter-item { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 50px; padding: 0 18px; color: #62666d; font-size: 13px; text-decoration: none; cursor: pointer; user-select: none; } .prk-av4-filter-item small { color: #a1a3a8; } .prk-av4-switch { display: flex; align-items: center; justify-content: space-between; color: #23254e; text-decoration: none; font-size: 13px; min-height: 50px; margin: 0 12px; } .prk-av4-switch i { width: 42px; height: 24px; border-radius: 999px; background: #e5e7eb; position: relative; } .prk-av4-switch i::after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; background: #fff; top: 3px; right: 3px; transition: transform .2s ease; } .prk-av4-switch.is-active i { background: var(--prk-color-primary, #ff5b0e); } .prk-av4-switch.is-active i::after { transform: translateX(-18px); } .prk-av4-price-filter { display: grid; gap: 8px; } .prk-av4-price-filter input:not([type="range"]), .prk-av4-price-filter button { width: 100%; height: 40px; border-radius: 10px; border: 1px solid #e5e7eb; padding: 0 10px; font-size: 13px; } .prk-av4-price-filter button { border: 0; background: var(--prk-color-primary, #ff5b0e); color: #fff; cursor: pointer; } .prk-av4-price-filter__fields { display: grid; gap: 8px; } .prk-av4-price-input { display: flex; align-items: center; overflow: hidden; min-height: 46px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; } .prk-av4-price-input:focus-within { border-color: var(--prk-color-primary, #ff5b0e); box-shadow: 0 0 0 3px rgba(255, 91, 14, .08); } .prk-av4-price-input__label { display: inline-flex; align-items: center; justify-content: center; align-self: stretch; min-width: 42px; padding-inline: 10px; color: #a1a3a8; font-size: 12px; border-inline-start: 1px solid #ffffff; background: #ffffff; } .prk-av4-price-filter .prk-av4-price-input input[type="text"] { width: 100%; height: 44px; border: 0; border-radius: 0; padding: 0 12px; background: transparent; color: #23254e; direction: ltr; text-align: right; font-weight: 500; outline: 0; } .prk-av4-price-filter input[type="hidden"] { display: none; } .prk-av4-price-filter__unit { text-align: center; color: #81858b; font-size: 12px; line-height: 1.6; font-family: prk-font; } .prk-av4-price-slider { position: relative; height: 34px; margin-block: 6px 2px; direction: rtl; } .prk-av4-price-slider__track { position: absolute; inset-inline: 0; top: 50%; height: 4px; border-radius: 999px; transform: translateY(-50%); background: linear-gradient( to right, #e5e7eb 0, #e5e7eb var(--prk-av4-price-from, 0%), var(--prk-color-primary, #ff5b0e) var(--prk-av4-price-from, 0%), var(--prk-color-primary, #ff5b0e) var(--prk-av4-price-to, 100%), #e5e7eb var(--prk-av4-price-to, 100%), #e5e7eb 100% ); } .prk-av4-price-slider__range { position: absolute; inset: 0; width: 100%; height: 34px; margin: 0; padding: 0; border: 0 !important; background: transparent !important; pointer-events: none; appearance: none; -webkit-appearance: none; direction: rtl; } .prk-av4-price-slider__range::-webkit-slider-runnable-track { height: 4px; background: transparent; border: 0; } .prk-av4-price-slider__range::-moz-range-track { height: 4px; background: transparent; border: 0; } .prk-av4-price-slider__range::-webkit-slider-thumb { width: 16px; height: 16px; margin-top: -6px; border: 3px solid var(--prk-color-primary, #ff5b0e); border-radius: 50%; background: #fff; cursor: pointer; pointer-events: auto; appearance: none; -webkit-appearance: none; box-shadow: 0 2px 8px rgba(255, 91, 14, .2); } .prk-av4-price-slider__range::-moz-range-thumb { width: 16px; height: 16px; border: 3px solid var(--prk-color-primary, #ff5b0e); border-radius: 50%; background: #fff; cursor: pointer; pointer-events: auto; box-shadow: 0 2px 8px rgba(255, 91, 14, .2); } .prk-av4-price-filter__limits { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #81858b; font-size: 11px; } .prk-av4-price-filter__error { min-height: 18px; color: #d32f2f; font-size: 12px; line-height: 1.5; } .prk-av4-price-filter:not(.has-error) .prk-av4-price-filter__error:empty { display: none; } .prk-av4-loop__grid { display: grid; grid-template-columns: repeat(var(--prk-av4-columns, 4), minmax(0, 1fr)); gap: 12px; } .prk-av4-shell[data-prk-av4-columns="1"] { --prk-av4-columns: 1; } .prk-av4-shell[data-prk-av4-columns="2"] { --prk-av4-columns: 2; } .prk-av4-shell[data-prk-av4-columns="3"] { --prk-av4-columns: 3; } .prk-av4-shell[data-prk-av4-columns="4"] { --prk-av4-columns: 4; } .prk-av4-shell[data-prk-av4-columns="5"] { --prk-av4-columns: 5; } .prk-av4-shell[data-prk-av4-columns="6"] { --prk-av4-columns: 6; } .prk-av4-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #ececec; border-radius: 18px; transition: box-shadow .2s ease, transform .2s ease; } .prk-av4-card:hover { box-shadow: 0 10px 28px rgba(0,0,0,.06); transform: translateY(-2px); } .prk-av4-card__media { display: block; position: relative; padding: 14px 14px 0; text-decoration: none; } .prk-av4-card__img-wrap { display: block; position: relative; aspect-ratio: 1 / 1; } .prk-av4-card__img { width: 100%; height: 100%; object-fit: contain; transition: opacity .2s ease, visibility .2s ease; } .prk-av4-card__img--second { position: absolute; inset: 0; opacity: 0; visibility: hidden; } .prk-av4-card:hover .prk-av4-card__img-wrap--has-second > .prk-av4-card__img:not(.prk-av4-card__img--second) { opacity: 0; visibility: hidden; } .prk-av4-card:hover .prk-av4-card__img--second { opacity: 1; visibility: visible; } .prk-av4-card__custom-label { position: absolute; z-index: 6; top: 20px; left: 0; display: inline-flex; align-items: center; max-width: calc(100% - 8px); box-sizing: border-box; padding: 6px 8px; border-radius: 0 8px 8px 0; background: #f4433a; color: #fff; font-size: 13px; font-weight: 500; line-height: 1.45; pointer-events: none; } .prk-av4-card__custom-label > span { color: inherit; font: inherit; overflow-wrap: anywhere; } .prk-av4-card--elementor { position: relative; } .prk-av4-card__badges { position: absolute; z-index: 2; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 6px; } .prk-av4-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; font-size: 11px; font-weight: 700; } .prk-av4-badge--sale { color: #fff; background: var(--prk-color-primary, #ef394e); } .prk-av4-badge--fake { color: #8a4b00; background: #fff1d6; } .prk-av4-card__body { display: flex; flex-direction: column; gap: 9px; padding: 12px 14px 14px; } .prk-av4-card__title { min-height: 42px; color: #23254e; font-size: 13px; font-weight: 700; line-height: 1.65; text-decoration: none; } .prk-av4-card__stock, .prk-av4-card__rating, .prk-av4-card__seller { display: flex; align-items: center; gap: 6px; color: #81858b; font-size: 12px; } .prk-av4-card__stock.is-instock { color: #00a049; } .prk-av4-card__stock.is-outofstock { color: #ef394e; } .prk-av4-card__rating i { color: #f9a825; } .prk-av4-card__seller strong { color: #62666d; font-weight: 700; } .prk-av4-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; } .prk-av4-card__price { min-height: 34px; display: flex; align-items: center; justify-content: flex-end; flex: 1; color: #23254e; font-weight: 700; } .prk-av4-card__price del { color: #a1a3a8; font-weight: 400; margin-left: 6px; } .prk-av4-card__cart { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border-radius: 12px; background: var(--prk-color-primary, #ff5b0e); color: #fff; text-decoration: none; } .prk-av4-loadmore { display: flex; justify-content: center; margin-top: 18px; } .prk-av4-loadmore__btn { min-width: 190px; height: 44px; border: 0; border-radius: 14px; background: #23254e; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .prk-av4-loadmore__loader { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: prkAv4Spin .8s linear infinite; } .prk-av4-loadmore__btn.is-loading .prk-av4-loadmore__loader { display: inline-block; } .prk-av4-loadmore--scroll { min-height: 1px; margin-top: 0; } .prk-av4-loadmore--scroll .prk-av4-loadmore__btn { position: relative; width: 1px; min-width: 0; height: 1px; padding: 0; margin: 0; opacity: 0; pointer-events: none; overflow: hidden; } .prk-av4-loadmore--scroll .prk-av4-loadmore__text, .prk-av4-loadmore--scroll .prk-av4-loadmore__loader { display: none !important; } .prk-av4-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .prk-av4-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 38px; height: 38px; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #62666d; font-size: 13px; font-weight: 700; text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease; } .prk-av4-pagination a.page-numbers:hover, .prk-av4-pagination .page-numbers.current { border-color: var(--prk-color-primary, #ff5b0e); background: #fff3ed; color: var(--prk-color-primary, #ff5b0e); } .prk-av4-pagination .page-numbers.dots { border-color: transparent; background: transparent; color: #a1a3a8; } .prk-av4-pagination .prev, .prk-av4-pagination .next { min-width: 76px; } @keyframes prkAv4Spin { to { transform: rotate(360deg); } } .prk-av4-subcats, .prk-av4-description { padding: 16px; margin-bottom: 16px; } .prk-av4-subcats__list { display: flex; flex-wrap: wrap; gap: 8px; } .prk-av4-subcat { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; border-radius: 12px; background: #f7f7f8; color: #23254e; text-decoration: none; font-size: 13px; } .prk-av4-subcat small { color: #81858b; } .prk-av4-empty { grid-column: 1 / -1; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid #ececec; border-radius: 18px; } .prk-av4-mobile-filter { display: none; } @media (max-width: 1199px) { .prk-av4-layout.has-sidebar { grid-template-columns: 240px minmax(0, 1fr); } .prk-av4-loop__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1023px) { .prk-av4-layout.has-sidebar { grid-template-columns: minmax(0, 1fr); } .prk-av4-sidebar { display: none; } .prk-av4-filter-toggle { display: inline-flex; } .prk-av4-sortbar { display: none; } .prk-av4-loop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .prk-av4-mobile-filter.is-open { display: block; position: fixed; inset: 0; z-index: 999999; } .prk-av4-mobile-filter__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.45); } .prk-av4-mobile-filter__sheet { position: absolute; inset-inline: 0; bottom: 0; max-height: 88vh; overflow: hidden; border-radius: 22px 22px 0 0; background: #f6f6f6; } .prk-av4-mobile-filter__head { display: flex; align-items: center; justify-content: space-between; padding: 16px; background: #fff; border-bottom: 1px solid #ececec; } .prk-av4-mobile-filter__head button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f5f5f5; } .prk-av4-mobile-filter__body { overflow: auto; padding: 12px; display: flex; flex-direction: column; gap: 12px; } } @media (max-width: 480px) { .prk-av4-shell { padding-top: 12px; } .prk-av4-head { padding: 14px; border-radius: 16px; } .prk-av4-head__title-wrap, .prk-av4-head__tools { align-items: flex-start; } .prk-av4-title { font-size: 17px; } .prk-av4-card { border-radius: 14px; } .prk-av4-card__media { padding: 10px 10px 0; } .prk-av4-card__body { padding: 10px; } .prk-av4-card__title { min-height: 38px; font-size: 12px; } } .prk-av4-head.is-sticky { position: sticky; top: var(--prk-av4-head-sticky-top, 12px); z-index: 30; } .prk-av4-sidebar__inner { position: static; top: auto; } .prk-av4-sidebar__inner.is-sticky { position: sticky; top: 100px; } .prk-av4-loop__grid { grid-template-columns: repeat(var(--prk-av4-columns-desktop, 4), minmax(0, 1fr)); } .prk-av4-widget__toggle { width: 100%; min-height: 32px; border: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; color: #23254e; } .prk-av4-widget__toggle .prk-av4-widget__title { margin: 0; } .prk-av4-widget__toggle i { font-size: 20px; transition: transform .2s ease; } .prk-av4-widget.is-open .prk-av4-widget__toggle i { transform: rotate(180deg); } .prk-av4-widget.is-collapsible .prk-av4-widget__body { padding-top: 12px; } .prk-av4-widget.is-collapsible:not(.is-open) .prk-av4-widget__body { display: none; } .prk-av4-widget.has-active-filter { border-color: rgba(255, 91, 14, .3); } .prk-av4-widget .prk-av4-filter-search { border-radius: 12px; } .prk-av4-mobile-filter--fullscreen .prk-av4-mobile-filter__sheet { inset: 0; max-height: none; border-radius: 0; } @media (max-width: 1199px) { .prk-av4-loop__grid { grid-template-columns: repeat(var(--prk-av4-columns-tablet, 3), minmax(0, 1fr)); } } @media (max-width: 1023px) { .prk-av4-head.is-sticky { top: 0; } .prk-av4-loop__grid { grid-template-columns: repeat(var(--prk-av4-columns-mobile, 2), minmax(0, 1fr)); } } .prk-av4-sidebar-area { min-width: 0; } .prk-av4-active-filters.is-empty { display: none; } .prk-av4-inline-loader-slot { min-height: 360px; display: flex; align-items: center; justify-content: center; } .prk-av4-main.is-loading { min-height: 360px; } .prk-global-loader-inline { min-height: 120px; width: 100%; border: 1px solid #f0f0f1; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 24px; color: #81858b; } .prk-global-loader-inline svg { width: 33px; height: 28px; max-width: 33px; max-height: 28px; display: block; } .prk-global-loader-overlay { --prk-loader-overlay-bg: rgba(0,0,0,.35); --prk-loader-card-bg: #fff; --prk-loader-dots-color: #a1a3a8; position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; background: var(--prk-loader-overlay-bg); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .18s ease, visibility .18s ease; } .prk-global-loader-overlay.is-visible { opacity: 1; visibility: visible; pointer-events: auto; } .prk-global-loader-card { width: min(176px, calc(100vw - 44px)); min-height: 146px; border-radius: 8px; background: var(--prk-loader-card-bg); box-shadow: 0 10px 32px rgba(0,0,0,.12); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 22px 20px; } .prk-global-loader-card__logo { max-width: 108px; max-height: 58px; object-fit: contain; display: block; } .prk-global-loader-card__dots svg { width: 33px; height: 28px; fill: var(--prk-loader-dots-color); display: block; } .prk-av4-widgetized-sidebar { display: flex; flex-direction: column; gap: 12px; } .prk-av4-widgetized-sidebar > .widget, .prk-av4-widgetized-sidebar .widget_layered_nav, .prk-av4-widgetized-sidebar .widget_price_filter, .prk-av4-widgetized-sidebar .prk_filter_woocomerce { margin: 0; padding: 14px; border: 1px solid #eef0f4; border-radius: 16px; background: #fff; } .prk-av4-widgetized-sidebar .widgettitle, .prk-av4-widgetized-sidebar .side-title-post, .prk-av4-widgetized-sidebar h2, .prk-av4-widgetized-sidebar h3 { display: block; margin: 0 0 12px; color: #1f2937; font-size: 14px; font-weight: 700; line-height: 1.8; } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget { overflow: hidden; } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget > .widgettitle.prk-av4-legacy-widget__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 32px; margin: -4px 0 12px; padding: 0; color: #2a2a2c; cursor: pointer; user-select: none; outline: 0; } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget > .widgettitle.prk-av4-legacy-widget__toggle::after, .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget > .widgettitle.prk-av4-legacy-widget__toggle.closed::after { content: none !important; display: none !important; } .prk-av4-widgetized-sidebar .prk-av4-legacy-widget__chevron { flex: 0 0 auto; margin-inline-start: auto; color: #23254e; font-size: 20px; font-weight: 400; line-height: 1; transform: rotate(0deg); transition: transform .2s ease, color .2s ease; } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget.is-open > .widgettitle .prk-av4-legacy-widget__chevron { transform: rotate(180deg); } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget.is-closed > .widgettitle { margin-bottom: -4px; } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget > .widgettitle:hover .prk-av4-legacy-widget__chevron { color: var(--prk-av4-accent, var(--prk-color-primary, #ff5b0e)); } .prk-av4-widgetized-sidebar > .widget.prk-av4-legacy-widget > .widgettitle:focus-visible { border-radius: 9px; box-shadow: 0 0 0 3px rgba(255, 91, 14, .14); } .prk-av4-widgetized-sidebar ul, .prk-av4-widgetized-sidebar .woocommerce-widget-layered-nav-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; } .prk-av4-widgetized-sidebar li, .prk-av4-widgetized-sidebar .woocommerce-widget-layered-nav-list__item { margin: 0; padding: 0; } .prk-av4-widgetized-sidebar a, .prk-av4-widgetized-sidebar .woocommerce-widget-layered-nav-list__item a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 8px 10px; border-radius: 12px; color: #4b5563; font-size: 13px; line-height: 1.8; text-decoration: none; transition: background .2s ease, color .2s ease; } .prk-av4-widgetized-sidebar input[type="search"], .prk-av4-widgetized-sidebar input[type="text"], .prk-av4-widgetized-sidebar input[type="number"] { width: 100%; min-height: 42px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px 12px; color: #1f2937; font-size: 13px; } .prk-av4-widgetized-sidebar .widget_price_filter .prk-av4-price-filter { margin-top: 2px; } .prk-av4-widgetized-sidebar .widget_layered_nav_filters .prk-av4-active-filters { display: flex; flex-direction: column; gap: 8px; } .prk-av4-widgetized-sidebar .widget_layered_nav_filters .prk-av4-active-filter { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 8px 10px; border-radius: 12px; background: #f7f7f8; color: #4b5563; font-size: 13px; line-height: 1.8; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; } .prk-av4-widgetized-sidebar .widget_layered_nav_filters .prk-av4-active-filter:hover { background: #f0f1f3; color: #23254e; } .prk-av4-widgetized-sidebar .widget_layered_nav_filters .prk-av4-active-filter i { flex: 0 0 auto; color: #a1a3a8; font-size: 17px; } .prk-av4-widgetized-sidebar .widget_layered_nav_filters .prk-av4-active-filter--clear { justify-content: center; background: #fff5f5; color: #d32f2f; } .prk-av4-widgetized-sidebar .search-products, .prk-av4-widgetized-sidebar .woocommerce-product-search { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; margin: 0 !important; } .prk-av4-widgetized-sidebar .search-products input[type="search"], .prk-av4-widgetized-sidebar .woocommerce-product-search input[type="search"] { flex: 1; min-width: 0; min-height: 44px; margin: 0; padding: 8px 13px 8px 46px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #23254e; font-size: 13px; outline: 0; box-shadow: none; transition: border-color .18s ease, box-shadow .18s ease; } .prk-av4-widgetized-sidebar .search-products input[type="search"]:focus, .prk-av4-widgetized-sidebar .woocommerce-product-search input[type="search"]:focus { border-color: var(--prk-color-primary, #ff5b0e); box-shadow: 0 0 0 3px rgba(255,91,14,.08); } .prk-av4-widgetized-sidebar .search-products button, .prk-av4-widgetized-sidebar .woocommerce-product-search button { position: absolute; inset-inline-end: 5px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 10px; background: var(--prk-color-primary, #ff5b0e); color: #fff; font-size: 18px; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; } .prk-av4-widgetized-sidebar .search-products button:hover, .prk-av4-widgetized-sidebar .woocommerce-product-search button:hover { transform: translateY(-50%) scale(1.03); box-shadow: 0 5px 14px rgba(255,91,14,.2); } .prk-av4-price-filter { display: flex; flex-direction: column; gap: 12px; } .prk-av4-price-filter__fields { display: grid; gap: 10px; } .prk-av4-price-input { position: relative; display: flex; align-items: center; min-height: 50px; border: 1px solid #d7d9df; border-radius: 12px; background: #fff; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease; } .prk-av4-price-filter.has-error .prk-av4-price-input, .prk-av4-price-input:focus-within { border-color: var(--prk-color-primary, #ff5b0e); box-shadow: 0 0 0 3px rgba(255,91,14,.08); } .prk-av4-price-input__label { width: 42px; height: 100%; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; color: #121212; font-size: 13px; border-left: 1px solid #e3e3e3; font-family: 'prk-font'; } .prk-av4-price-input input[type="text"] { flex: 1; width: 100%; height: 50px; border: 0 !important; outline: 0; background: transparent; padding: 0 12px !important; color: #23254e; font-size: 15px; font-weight: 700; direction: ltr; text-align: left; box-shadow: none !important; } .prk-av4-price-filter__unit { margin-top: -8px; text-align: center; color: #62666d; font-size: 12px; line-height: 1.8; } .prk-av4-price-slider { position: relative; height: 32px; margin-top: 2px; } .prk-av4-price-slider::before, .prk-av4-price-slider__track { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 3px; border-radius: 999px; } .prk-av4-price-slider::before { background: #f0f1f3; } .prk-av4-price-slider__track { left: var(--prk-av4-price-from, 0%); right: calc(100% - var(--prk-av4-price-to, 100%)); background: var(--prk-color-primary, #ff5b0e); } .prk-av4-price-slider__range { position: absolute; inset-inline: 0; top: -2px; width: 100%; height: 32px !important; margin: 0; padding: 0 !important; border: 0 !important; background: transparent; pointer-events: none; appearance: none; -webkit-appearance: none; } .prk-av4-price-slider__range::-webkit-slider-thumb { width: 18px; height: 18px; border-radius: 50%; border: 3px solid var(--prk-color-primary, #ff5b0e); background: #fff; box-shadow: 0 3px 10px rgba(255,91,14,.24); cursor: pointer; pointer-events: auto; appearance: none; -webkit-appearance: none; } .prk-av4-price-slider__range::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; border: 3px solid var(--prk-color-primary, #ff5b0e); background: #fff; box-shadow: 0 3px 10px rgba(255,91,14,.24); cursor: pointer; pointer-events: auto; } .prk-av4-price-filter__limits { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #81858b; font-size: 11px; line-height: 1.8; } .prk-av4-price-filter__error { min-height: 18px; color: #d32f2f; font-size: 12px; line-height: 1.7; } .prk-av4-price-filter:not(.has-error) .prk-av4-price-filter__error:empty { display: none; } .prk-av4-price-filter button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; border-radius: 12px; border: 0; background: var(--prk-color-primary, #ff5b0e); color: #fff; font-size: 13px; font-weight: 700; cursor: pointer; } .prk-av4-widget[data-prk-av4-filter="active"] .prk-av4-active-filters { display: flex; flex-direction: column; gap: 8px; } .prk-av4-active-filters__empty { padding: 12px; border-radius: 12px; background: #f7f7f8; color: #81858b; font-size: 12px; line-height: 1.8; } .prk-av4-widget[data-prk-av4-filter="active"] .prk-av4-active-filter { justify-content: space-between; min-height: 38px; border-radius: 12px; background: #f7f7f8; color: #4b5563; } .prk-av4-widget[data-prk-av4-filter="active"] .prk-av4-active-filter i { color: #a1a3a8; } .prk-av4-widget[data-prk-av4-filter="active"] .prk-av4-active-filter--clear { justify-content: center; background: #fff5f5; color: #d32f2f; } .prk-av4-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .prk-av4-pagination .page-numbers { min-width: 38px; height: 38px; padding: 0 12px; border-radius: 12px; background: #fff; border: 1px solid #ececec; color: #62666d; display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; font-size: 13px; font-weight: 700; } .prk-av4-pagination .page-numbers.current { color: #fff; background: var(--prk-color-primary, #ff5b0e); border-color: var(--prk-color-primary, #ff5b0e); } .prk-av4-pagination .page-numbers.prev, .prk-av4-pagination .page-numbers.next { min-width: 72px; } .prk-av4-widget[data-prk-av4-filter="active"] .prk-av4-active-filters.is-empty { display: flex; } .prk-av4-sortbar { width: 100%; justify-content: flex-end; } .prk-av4-sortbar__items { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; } .prk-av4-sortbar--minimal { gap: 10px; padding: 0; background: transparent; } .prk-av4-sortbar--minimal .prk-av4-sortbar__label { min-height: 32px; padding: 0; background: transparent; color: #62666d; font-weight: 600; } .prk-av4-sortbar--minimal .prk-av4-sortbar__item { min-height: 32px; padding: 0 6px; border-radius: 10px; color: #4b5563; background: transparent; font-size: 13px; } .prk-av4-sortbar--minimal .prk-av4-sortbar__item.is-active { color: var(--prk-color-primary, #ff5b0e); font-weight: 700; } .prk-av4-sortbar--pills .prk-av4-sortbar__label { color: #62666d; background: #f7f7f8; } .prk-av4-sortbar--pills .prk-av4-sortbar__item { color: #62666d; background: transparent; } .prk-av4-sortbar--pills .prk-av4-sortbar__item.is-active { color: var(--prk-color-primary, #ff5b0e); background: #fff3ed; font-weight: 700; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item { justify-content: flex-start; position: relative; min-height: 36px; padding-inline: 0 6px; border-radius: 8px; color: #23254e; background: transparent; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item::before { content: ""; flex: 0 0 auto; width: 20px; height: 20px; border: 1.5px solid #c7c9d1; border-radius: 6px; background: #fff; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item::after { content: ""; position: absolute; right: 5px; top: 50%; width: 9px; height: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-62%) rotate(45deg) scale(0); opacity: 0; transition: transform .16s ease, opacity .16s ease; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item span { flex: 1; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item:hover { background: transparent; color: var(--prk-color-primary, #ff5b0e); } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item.is-active { background: transparent; color: var(--prk-color-primary, #ff5b0e); } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item.is-active::before { border-color: var(--prk-color-primary, #ff5b0e); background: var(--prk-color-primary, #ff5b0e); } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item.is-active::after { opacity: 1; transform: translateY(-62%) rotate(45deg) scale(1); } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item small { margin-inline-start: auto; } .prk-av4-widget--filter-style-plain .prk-av4-filter-item { justify-content: space-between; padding-inline: 10px; } .prk-av4-loop__grid { gap: 0; align-items: stretch; } .prk-av4-card--tailwind { position: relative; overflow: visible; min-width: 0; min-height: 100%; border-color: #f0f0f1 !important; border-radius: 0; background: #fff; box-shadow: none; transform: none; transition: box-shadow .22s ease, z-index .22s ease; } .prk-av4-card--tailwind:hover { z-index: 10; box-shadow: 0 8px 24px rgba(35,37,78,.08); transform: none; } .prk-av4-card--tailwind .prk-av4-card__link { display: block; height: 100%; color: inherit; text-decoration: none; } .prk-av4-card--tailwind article { display: flex; flex-direction: column; min-height: 100%; } .prk-av4-card--tailwind .prk-av4-card__offer { min-height: 24px; } .prk-av4-card--tailwind .prk-av4-card__countdown.is-ended { opacity: .45; } .prk-av4-card--tailwind .prk-av4-card__visual { position: relative; width: min(100%, 230px); min-height: 200px; margin-inline: auto; padding-right: 28px; display: flex; align-items: center; justify-content: center; } .prk-av4-card--tailwind .prk-av4-card__thumb { width: 100%; max-width: 200px; aspect-ratio: 1 / 1; margin-inline: auto; display: flex; align-items: center; justify-content: center; } .prk-av4-card--tailwind .prk-av4-card__img-wrap { width: 100%; height: 100%; display: block; position: relative; } .prk-av4-card--tailwind .prk-av4-card__img { width: 100%; height: 100%; object-fit: contain; } .prk-av4-card--tailwind .prk-av4-card__img--second { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; } .prk-av4-card--tailwind:hover .prk-av4-card__img-wrap--has-second > .prk-av4-card__img:not(.prk-av4-card__img--second) { opacity: 0; visibility: hidden; } .prk-av4-card--tailwind:hover .prk-av4-card__img--second { opacity: 1; visibility: visible; } .prk-av4-card--tailwind .prk-av4-card__title { display: -webkit-box; min-height: 48px; margin: 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #111827; font-size: 12px; font-weight: 600; line-height: 2; text-decoration: none; } .prk-av4-card--tailwind .prk-av4-card__swatches { min-height: 20px; margin-top: 6px; } .prk-av4-card--tailwind .prk-av4-card__meta { min-height: 28px; margin-block: 6px 0; } .prk-av4-card--tailwind .prk-av4-card__rating-compact svg, .prk-av4-card--tailwind .currency-symbol svg { display: block; fill: currentColor; } .prk-av4-card--tailwind .prk-av4-card__rating-compact svg { width: 16px; height: 16px; color: #f9bc00; } .prk-av4-card--tailwind .prk-av4-card__seller { min-height: 28px; color: #81858b; font-size: 11px; line-height: 1.8; } .prk-av4-card--tailwind .prk-av4-card__seller strong { color: #62666d; font-weight: 700; } .prk-av4-card--tailwind .discount-percentage--empty { min-width: 34px; } .prk-av4-card--tailwind .current-price { color: #23254e; font-weight: 700; } .prk-av4-card--tailwind .currency-symbol { color: #424750; display: inline-flex; align-items: center; } .prk-av4-card--tailwind .old-price { display: block; margin-top: 3px; color: #c0c2c5; } .prk-av4-card--tailwind .prk-av4-card__cart { position: absolute; left: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 12px; background: var(--prk-color-primary, #ff5b0e); color: #fff; } .prk-av4-subcats--boxed { padding: 0; border: 0; background: transparent; } .prk-av4-subcats--boxed .prk-av4-section-title { margin: 0 0 14px; color: #111827; font-size: 16px; font-weight: 700; } .prk-av4-subcats--boxed .prk-av4-subcats__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; } .prk-av4-subcats--boxed .prk-av4-subcat--boxed { position: relative; min-height: 116px; padding: 16px 12px 12px; border: 1px solid #e6e8ed; border-radius: 12px; background: #f3f4f6; color: #23254e; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-decoration: none; overflow: hidden; } .prk-av4-subcats--boxed .prk-av4-subcat__count { position: absolute; top: 0; right: 0; min-width: 22px; min-height: 18px; padding-inline: 6px; border-radius: 0 12px 0 8px; background: #e9ebef; color: #a1a3a8; font-size: 11px; line-height: 18px; text-align: center; } .prk-av4-subcats--boxed .prk-av4-subcat__thumb { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; color: #d7d9df; } .prk-av4-subcats--boxed .prk-av4-subcat__img { width: 100%; height: 100%; object-fit: contain; display: block; } .prk-av4-subcats--boxed .prk-av4-subcat__placeholder { width: 54px; height: 54px; border-radius: 12px; color: #d7d9df; display: inline-flex; align-items: center; justify-content: center; font-size: 46px; } .prk-av4-subcats--boxed .prk-av4-subcat__name { width: 100%; color: #23254e; font-size: 12px; font-weight: 700; line-height: 1.8; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prk-av4-subcats--minimal { padding: 16px; border: 1px solid #ececec; border-radius: 18px; background: #fff; } .prk-av4-subcats--minimal .prk-av4-subcats__list { display: flex; flex-wrap: wrap; gap: 8px; } .prk-av4-subcats--minimal .prk-av4-subcat--minimal { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; border-radius: 12px; background: #f7f7f8; color: #23254e; text-decoration: none; font-size: 13px; } @media (max-width: 1199px) { .prk-av4-subcats--boxed .prk-av4-subcats__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 1023px) { .prk-av4-subcats--boxed .prk-av4-subcats__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .prk-av4-card--tailwind .prk-av4-card__thumb { max-width: 160px; } } .prk-av4-loop.is-card-style-classic .prk-av4-loop__grid { gap: 12px; } .prk-av4-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0 0 10px; color: #81858b; font-size: 12px; line-height: 1.9; } .prk-av4-breadcrumb a { color: #81858b; text-decoration: none; } .prk-av4-breadcrumb a:hover { color: var(--prk-color-primary, #ff5b0e); } .prk-av4-breadcrumb__sep { color: #c0c2c5; } .prk-av4-breadcrumb__item:last-child, .prk-av4-breadcrumb .breadcrumb_last { color: #62666d; font-weight: 600; } .prk-av4-head { margin-bottom: 14px; } .prk-av4-head__tools:empty { display: none; } .prk-av4-loop__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; margin-bottom: 0; background: #fff; } .prk-av4-loop__head .prk-av4-result-count { flex: 0 0 auto; } .prk-av4-loop__head .prk-av4-sortbar { flex: 1 1 auto; } .prk-av4-sidebar__head { display: none !important; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item { flex-direction: row; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item::after { right: 5px; left: auto; width: 10px; height: 6px; border-right: 0; border-top: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-62%) rotate(-45deg) scale(0); transform-origin: center; } .prk-av4-widget--filter-style-checkbox .prk-av4-filter-item.is-active::after { transform: translateY(-62%) rotate(-45deg) scale(1); } .prk-av4-subcat.is-hidden { display: none !important; } .prk-av4-subcats.is-expanded .prk-av4-subcat.is-hidden { display: flex !important; } .prk-av4-subcats.is-expanded .prk-av4-subcat--more { display: none !important; } .prk-av4-subcat--more { border: 1px solid #e6e8ed; cursor: pointer; } .prk-av4-subcat__more-count { position: absolute; top: 8px; inset-inline-start: 10px; min-width: 22px; height: 22px; border-radius: 999px; background: #fff; color: #62666d; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; } .prk-av4-subcat__placeholder--more { color: #111827; font-size: 34px; background: transparent; } .prk-av4-loop.is-card-style-elementor .prk-av4-loop__grid { gap: 12px; } .prk-av4-card--elementor { min-width: 0; background: transparent; } .prk-av4-card__stock-label[data-prk-av4-stock-state="lowstock"], .prk-av4-card__stock-label[data-prk-av4-stock-state="outofstock"], .prk-av4-card__stock.is-lowstock, .prk-av4-card__stock.is-outofstock { color: #ef394e !important; } @media (max-width: 1023px) { .prk-av4-loop__head { align-items: flex-start; flex-direction: column; gap: 10px; } .prk-av4-loop__head .prk-av4-sortbar { width: 100%; } } .prk-av4-head.has-description.is-sticky { position: static; top: auto; } .prk-av4-head__description { margin-top: 4px; padding-top: 14px; border-top: 1px solid #f0f0f1; } .prk-av4-head__description .prk-av4-description { margin: 0; padding: 0; border: 0; background: transparent; } .prk-av4-head__description .prk-av4-section-title { display: none; } .prk-av4-head__description .prk-av4-description__content { color: #62666d; font-size: 13px; line-height: 2.1; } .prk-av4-head__description .prk-av4-description__content p:last-child { margin-bottom: 0; } .prk-av4-subcats--boxed .prk-av4-subcats__list { grid-template-columns: repeat(7, minmax(0, 1fr)); } .prk-av4-filter-search { position: relative; display: flex; align-items: center; gap: 8px; min-height: 46px; margin-bottom: 12px; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #a1a3a8; } .prk-av4-filter-search input { width: 100%; min-width: 0; height: 42px; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #23254e; font-size: 13px; } .prk-av4-filter-search__clear { display: none; width: 24px; height: 22px; border: 0; border-radius: 50%; background: #4b5563; color: #fff; align-items: center; justify-content: center; cursor: pointer; } .prk-av4-filter-search.has-value .prk-av4-filter-search__clear { display: inline-flex; } .prk-av4-mobile-actions { display: none; } .prk-av4-mobile-filter, .prk-av4-mobile-sort { display: none; } .prk-av4-mobile-filter.is-open, .prk-av4-mobile-sort.is-open { display: block; position: fixed; inset: 0; z-index: 999999; } .prk-av4-mobile-filter__overlay, .prk-av4-mobile-sort__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); } .prk-av4-mobile-filter__sheet, .prk-av4-mobile-sort__sheet { position: absolute; inset-inline: 0; bottom: 0; max-height: 88vh; overflow: hidden; border-radius: 22px 22px 0 0; background: #f6f6f6; box-shadow: 0 -16px 40px rgba(0,0,0,.16); } .prk-av4-mobile-filter__grabber, .prk-av4-mobile-sort__grabber { display: block; width: 42px; height: 5px; border-radius: 999px; background: #d1d5db; margin: 10px auto 6px; } .prk-av4-mobile-filter__head, .prk-av4-mobile-sort__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 14px; background: #fff; border-bottom: 1px solid #ececec; } .prk-av4-mobile-filter__head button, .prk-av4-mobile-sort__head button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f5f5f5; color: #23254e; } .prk-av4-mobile-filter__body, .prk-av4-mobile-sort__body { overflow: auto; padding: 12px; display: flex; flex-direction: column; gap: 12px; } .prk-av4-mobile-sort__body .prk-av4-sortbar { display: flex !important; flex-direction: column; align-items: stretch; gap: 10px; padding: 12px; border-radius: 16px; background: #fff; border: 1px solid #ececec; } .prk-av4-mobile-sort__body .prk-av4-sortbar__items { display: flex; flex-direction: column; gap: 6px; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item { justify-content: flex-start; min-height: 42px; border-radius: 12px; } @media (max-width: 1023px) { .prk-av4-mobile-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #f0f0f1; margin-top: 10px; } .prk-av4-mobile-action { min-height: 48px; border: 0; background: #fff; color: #a1a3a8; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; cursor: pointer; } .prk-av4-mobile-action + .prk-av4-mobile-action { border-inline-start: 1px solid #f0f0f1; } .prk-av4-mobile-action i { color: #111827; font-size: 20px; } .prk-av4-head { padding-bottom: 0; overflow: hidden; } .prk-av4-head__description { margin-bottom: 14px; } .prk-av4-loop__head .prk-av4-sortbar { display: none !important; } .prk-av4-subcats--boxed .prk-av4-subcats__list { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; gap: 10px; padding-bottom: 6px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } .prk-av4-subcats--boxed .prk-av4-subcat--boxed { flex: 0 0 148px; min-width: 148px; scroll-snap-align: start; } .prk-av4-subcats--boxed .prk-av4-subcats__list::-webkit-scrollbar { display: none; } .prk-av4-subcats--boxed .prk-av4-subcats__list { scrollbar-width: none; } } .prk-av4-head.has-description, .prk-av4-head.has-description.is-sticky { position: relative; top: auto; } .prk-av4-loop__head .prk-av4-mobile-actions { display: none; } .prk-av4-filter-list { max-height: var(--prk-av4-filter-body-max-height, 260px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } .prk-av4-filter-list::-webkit-scrollbar, .prk-av4-mobile-filter__body::-webkit-scrollbar, .prk-av4-mobile-sort__body::-webkit-scrollbar { width: 4px; } .prk-av4-filter-list::-webkit-scrollbar-thumb, .prk-av4-mobile-filter__body::-webkit-scrollbar-thumb, .prk-av4-mobile-sort__body::-webkit-scrollbar-thumb { background: #c9ccd3; border-radius: 999px; } .prk-av4-description { margin: 18px 0 0; border: 1px solid #eef0f3; border-radius: 18px; background: #fff; padding: 18px 20px; color: #3f4064; line-height: 2.15; } .prk-av4-description__content p:first-child { margin-top: 0; } .prk-av4-description__content p:last-child { margin-bottom: 0; } .prk-av4-description__toggle { margin-top: 12px; border: 0; color: #ff4f1f; border-radius: 999px; padding: 8px 14px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; } .prk-av4-description.is-expanded .prk-av4-description__toggle i { transform: rotate(180deg); } .prk-av4-mobile-filter__sheet, .prk-av4-mobile-sort__sheet { height: 100%; display: flex; flex-direction: column; min-height: 0; background: #fff; } .prk-av4-mobile-filter__head, .prk-av4-mobile-sort__head { position: relative; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 16px 12px; border-bottom: 1px solid #f0f0f1; touch-action: none; } .prk-av4-mobile-filter__grabber, .prk-av4-mobile-sort__grabber { position: absolute; top: 7px; right: 50%; transform: translateX(50%); width: 36px; height: 4px; border-radius: 99px; background: rgba(0, 0, 0, .18); } .prk-av4-mobile-filter__close, .prk-av4-mobile-sort__close { width: 34px; height: 34px; border: 0; border-radius: 12px; background: #f4f5f7; color: #3f4064; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .prk-av4-mobile-filter__body, .prk-av4-mobile-sort__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px; -webkit-overflow-scrolling: touch; } .prk-av4-mobile-sort__body .prk-av4-sortbar { display: block; border: 0; padding: 0; box-shadow: none; } .prk-av4-mobile-sort__body .prk-av4-sortbar__items { display: grid; gap: 8px; } .prk-av4-mobile-sort__body .prk-av4-sortbar__label { display: none; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item { width: 100%; justify-content: flex-start; border: 1px solid #eef0f3; border-radius: 12px; padding: 12px 14px; } @media (max-width: 1023px) { .prk-av4-loop__head { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; overflow: hidden; } .prk-av4-loop__head.is-sticky { position: sticky; top: 0; z-index: 12; } .prk-av4-loop__head .prk-av4-result-count { padding: 12px 14px; border-bottom: 1px solid #eef0f3; } .prk-av4-loop__head > .prk-av4-sortbar { display: none !important; } .prk-av4-loop__head .prk-av4-mobile-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; border: 0; border-radius: 0; box-shadow: none; background: transparent; margin: 0; } .prk-av4-loop__head .prk-av4-mobile-action { min-height: 48px; border: 0; border-radius: 0; background: #fff; color: #81858b; } .prk-av4-loop__head .prk-av4-mobile-action:first-child { border-inline-end: 1px solid #eef0f3; } .prk-av4-description { margin: 12px 0; border-radius: 14px; padding: 14px; font-size: 12px; line-height: 2; } } .prk-modal.prk-av4-mobile-filter.show, .prk-modal.prk-av4-mobile-sort.show { display: block; } .prk-av4-mobile-filter__sheet, .prk-av4-mobile-sort__sheet { position: relative; inset: auto; bottom: auto; max-height: none; overflow: hidden; border-radius: inherit; box-shadow: none; } .prk-av4-filter-search > i { display: none !important; } .prk-av4-filter-search input, .prk-av4-filter-search input[type="text"], .prk-av4-filter-search input[type="search"] { -webkit-appearance: none; appearance: none; padding-inline: 0 34px; } .prk-av4-filter-search input::-webkit-search-decoration, .prk-av4-filter-search input::-webkit-search-cancel-button, .prk-av4-filter-search input::-webkit-search-results-button, .prk-av4-filter-search input::-webkit-search-results-decoration { display: none; -webkit-appearance: none; } .prk-av4-description .prk-av4-section-title { margin-bottom: 14px; font-size: 20px; line-height: 1.8; font-weight: 700; color: #23254e; } .prk-av4-description .prk-av4-description__content p { line-height: 2; } .prk-av4-sidebar.is-sticky { position: sticky; top: var(--prk-av4-sidebar-sticky-top, 100px); align-self: start; z-index: 4; } .prk-av4-sidebar.is-sticky .prk-av4-sidebar__inner.is-sticky { position: static; top: auto; } .prk-av4-sidebar__inner.is-sticky { top: var(--prk-av4-sidebar-sticky-top, 100px); } .prk-av4-mobile-sort__body .prk-av4-sortbar__items { display: block; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item { position: relative; display: flex; align-items: center; width: 100%; min-height: 52px; padding: 0 16px 0; border: 0; border-bottom: 1px solid #f0f0f1; border-radius: 0; background: transparent; color: #3f4064; font-size: 14px; font-weight: 600; text-align: right; justify-content: flex-start; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item:last-child { border-bottom: 0; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item.is-active { color: #000000; background: transparent; font-weight: 700; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item.is-active .prk-av4-sortbar__text{ font-weight: 700; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item.is-active::after { content: "\2713"; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 1; color: #3f4064; } @media (max-width: 1023px) { .prk-av4-sidebar.is-sticky, .prk-av4-sidebar__inner.is-sticky { position: static; top: auto; } .prk-av4-description .prk-av4-section-title { font-size: 18px; } } .prk-av4-sidebar-area { min-width: 0; display: contents; } .prk-av4-sidebar.is-sticky, .prk-av4-sidebar__inner.is-sticky { top: var(--prk-av4-dynamic-sidebar-sticky-top, var(--prk-av4-sidebar-sticky-top, 100px)); } .prk-av4-mobile-sort__body .prk-av4-sortbar__item { justify-content: space-between; gap: 12px; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item::after { display: none !important; content: none !important; } .prk-av4-sortbar__check { flex: 0 0 24px; width: 24px; height: 24px; display: none; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item.is-active .prk-av4-sortbar__check, .prk-av4-filter-list--sort .prk-av4-filter-item.is-active .prk-av4-sortbar__check { display: block !important; } @media (max-width: 1023px) { .prk-av4-sidebar-area { display: block; } } .prk-av4-description { background: #fff; border: 1px solid #ececec; border-radius: 18px; font-size: 13px; } .prk-av4-widget { padding: 10px 15px; } .prk-av4-mobile-sort__body .prk-av4-sortbar__item.is-active .prk-av4-sortbar__check { display: block; } .prk-av4-feature-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 10px; } .prk-av4-feature-preview--list { display: flex; flex-direction: column; gap: 5px; } .prk-av4-feature-preview__item { position: relative; min-width: 0; min-height: 46px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 7px 9px; border: 1px solid #ececec; border-radius: 12px; background: #fafafa; } .prk-av4-feature-preview--list .prk-av4-feature-preview__item { min-height: 0; flex-direction: row; align-items: center; justify-content: space-between; padding: 6px 0; border-width: 0 0 1px; border-radius: 0; background: transparent; } .prk-av4-feature-preview__label { color: #81858b; font-size: 10px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prk-av4-feature-preview__value { color: #23254e; font-size: 11px; line-height: 1.55; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prk-av4-feature-preview__tooltip { position: absolute; right: 50%; bottom: calc(100% + 8px); z-index: 30; width: max-content; max-width: 220px; transform: translateX(50%) translateY(4px); padding: 7px 10px; border-radius: 10px; background: #3f4064; color: #fff; font-size: 11px; line-height: 1.8; box-shadow: 0 8px 22px rgba(35,37,78,.18); opacity: 0; visibility: hidden; pointer-events: none; transition: all .18s ease; } .prk-av4-feature-preview__tooltip::after { content: ""; position: absolute; right: 50%; top: 100%; width: 8px; height: 8px; transform: translate(50%, -4px) rotate(45deg); background: #3f4064; } .prk-av4-feature-preview__item.has-tooltip:hover .prk-av4-feature-preview__tooltip { opacity: 1; visibility: visible; transform: translateX(50%) translateY(0); } .prk-av4-card__cart-wrap { display: flex; justify-content: flex-end; margin-bottom: 12px; position: absolute; right: 10px; bottom: 0; } .prk-av4-card__cart-wrap .prk-smart-atc { width: auto; } .prk-av4-card__cart-wrap .prk-smart-atc__button { width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 12px; background: var(--prk-color-primary, #ff5b0e); color: #fff; } .prk-av4-card__cart-wrap .prk-smart-atc--display-text_only .prk-smart-atc__button, .prk-av4-card__cart-wrap .prk-smart-atc--display-icon_text .prk-smart-atc__button, .prk-av4-card__cart-wrap .prk-smart-atc--full .prk-smart-atc__button { width: 100%; min-width: 0; padding-inline: 12px; } .prk-av4-card__cart-wrap .prk-smart-atc--full { width: 100%; } .prk-av4-card__cart-wrap .prk-smart-atc__icon i, .prk-av4-card__cart-wrap .prk-smart-atc__icon svg { width: 20px; height: 20px; font-size: 20px; } .prk-av4-card__cart-wrap .prk-smart-atc-inline-panel { direction: rtl; text-align: right; } .prk-av4-card--tailwind .prk-av4-card__link { display: flex; flex-direction: column; color: inherit; text-decoration: none; } @media (max-width: 1023px) { .prk-av4-feature-preview { grid-template-columns: 1fr; } .prk-av4-feature-preview__item { min-height: 40px; } } .prk-av4-loop__head { direction: rtl; } .prk-av4-loop__head .prk-av4-sortbar { order: 1; flex: 1 1 auto; justify-content: flex-start; } .prk-av4-loop__head .prk-av4-result-count { order: 2; flex: 0 0 auto; margin-inline-start: auto; text-align: left; } .prk-av4-card__swatches { min-height: 22px; margin-top: 7px; } .prk-av4-card__swatches .prk-loop-product-swatches { display: flex; width: auto; } .prk-av4-card__swatches .prk-loop-product-swatches__items { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .prk-av4-card__swatches .prk-loop-product-swatches--layout-column .prk-loop-product-swatches__items { flex-direction: column; align-items: stretch; } .prk-av4-card__swatches .prk-loop-product-swatches__item { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 20px; border: 1px solid #d7d9df; background: #fff; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .prk-av4-card__swatches .prk-loop-product-swatches__item:hover, .prk-av4-card__swatches .prk-loop-product-swatches__item.is-default { border-color: #424750; box-shadow: 0 0 0 2px rgba(66,71,80,.08); } .prk-av4-card__swatches .prk-loop-product-swatches__chip { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; } .prk-av4-card__swatches .prk-loop-product-swatches--shape-circle .prk-loop-product-swatches__item, .prk-av4-card__swatches .prk-loop-product-swatches--shape-circle .prk-loop-product-swatches__chip, .prk-av4-card__swatches .prk-loop-product-swatches--shape-circle .prk-loop-product-swatches__color, .prk-av4-card__swatches .prk-loop-product-swatches--shape-circle .prk-loop-product-swatches__image { border-radius: 999px; } .prk-av4-card__swatches .prk-loop-product-swatches--shape-rounded .prk-loop-product-swatches__item, .prk-av4-card__swatches .prk-loop-product-swatches--shape-rounded .prk-loop-product-swatches__chip, .prk-av4-card__swatches .prk-loop-product-swatches--shape-rounded .prk-loop-product-swatches__image { border-radius: 8px; } .prk-av4-card__swatches .prk-loop-product-swatches__color, .prk-av4-card__swatches .prk-loop-product-swatches__image { width: 100%; height: 100%; display: block; object-fit: cover; } .prk-av4-card__swatches .prk-loop-product-swatches__item--text { width: auto; min-width: 26px; padding-inline: 6px; border-radius: 999px; } .prk-av4-card__swatches .prk-loop-product-swatches__item--text .prk-loop-product-swatches__chip { width: auto; white-space: nowrap; color: #62666d; font-size: 11px; font-weight: 700; } .prk-av4-card__swatches .prk-loop-product-swatches__more { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #f3f4f6; color: #62666d; font-size: 11px; line-height: 1; } .prk-av4-card__swatches .prk-loop-product-swatches__tooltip-host { display: inline-flex; } @media (min-width: 1200px) { .prk-av4-card__swatches:not(.prk-av4-visible-desktop), .prk-av4-feature-preview:not(.prk-av4-visible-desktop), .prk-av4-card__cart-wrap:not(.prk-av4-visible-desktop), .prk-av4-card__cart:not(.prk-av4-visible-desktop) { display: none !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .prk-av4-card__swatches:not(.prk-av4-visible-tablet), .prk-av4-feature-preview:not(.prk-av4-visible-tablet), .prk-av4-card__cart-wrap:not(.prk-av4-visible-tablet), .prk-av4-card__cart:not(.prk-av4-visible-tablet) { display: none !important; } } @media (max-width: 1023px) { .prk-av4-card__swatches:not(.prk-av4-visible-mobile), .prk-av4-feature-preview:not(.prk-av4-visible-mobile), .prk-av4-card__cart-wrap:not(.prk-av4-visible-mobile), .prk-av4-card__cart:not(.prk-av4-visible-mobile) { display: none !important; } .prk-av4-loop__head .prk-av4-result-count { margin-inline-start: 0; text-align: right; } } .prk-av4-card--preview { position: relative; overflow: hidden; min-width: 0; min-height: 100%; border: 1px solid #f0f0f1; border-radius: 0; background: #fff; padding: 12px; opacity: .98; pointer-events: none; } .prk-av4-preview-card { display: flex; flex-direction: column; gap: 10px; width: 100%; } .prk-av4-preview-line { --prk-av4-preview-base: #f2f3f5; --prk-av4-preview-highlight: #e7e9ee; display: block; overflow: hidden; border-radius: 10px; background: linear-gradient(90deg, var(--prk-av4-preview-base) 25%, var(--prk-av4-preview-highlight) 37%, var(--prk-av4-preview-base) 63%); background-size: 400% 100%; animation: prkAv4PreviewShimmer 1.35s ease infinite; } .prk-av4-preview-line--badge { width: 72px; height: 12px; margin-inline-start: auto; } .prk-av4-preview-line--media { width: min(78%, 190px); height: 170px; margin-inline: auto; border-radius: 18px; } .prk-av4-preview-line--title { width: 92%; height: 13px; } .prk-av4-preview-line--short { width: 68%; } .prk-av4-preview-line--meta { width: 54%; height: 12px; margin-top: 6px; } .prk-av4-preview-line--price { width: 46%; height: 16px; margin-inline-start: auto; margin-top: auto; } @keyframes prkAv4PreviewShimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } } .prk-av4-loop-preview__item--template { min-width: 0; min-height: 100%; } .prk-av4-sidebar__head, .prk-av4-widget, .prk-av4-description { background: #fff; border: 1px solid #ececec; border-radius: 16px; font-size: 14px; } .prk-av4-widget { padding: 10px 15px; } .prk-av4-card--tailwind .prk-av4-card__visual, .prk-av4-card--classic { position: static; } .prk-av4-card--tailwind .prk-av4-card__thumb, .prk-av4-card--classic .prk-av4-card__media { position: relative; } .prk-av4-card__swatches--vertical { position: absolute; right: 8px; left: auto; inset-inline-end: auto; top: 40px; z-index: 4; min-height: 0; margin: 0; } .prk-av4-card__swatches--vertical .prk-loop-product-swatches, .prk-av4-card__swatches--vertical .prk-loop-product-swatches__items { display: flex; flex-direction: column; align-items: center; gap: 7px; flex-wrap: nowrap; } .prk-av4-card__swatches--vertical .prk-loop-product-swatches__item, .prk-av4-card__swatches--vertical .prk-loop-product-swatches__chip, .prk-av4-card__swatches--vertical .prk-loop-product-swatches__color, .prk-av4-card__swatches--vertical .prk-loop-product-swatches__image { width: 12px; min-width: 12px; height: 12px; border-radius: 999px; } .prk-av4-card__swatches--vertical .prk-loop-product-swatches__item { border: 0; box-shadow: 0 0 0 1px rgba(35,37,78,.08); background: transparent; } .prk-av4-card__swatches--vertical .prk-loop-product-swatches__item:hover, .prk-av4-card__swatches--vertical .prk-loop-product-swatches__item.is-default { box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(35,37,78,.25); transform: scale(1.04); } .prk-av4-card__swatches--vertical .prk-loop-product-swatches__more { min-width: auto; width: auto; height: auto; padding: 0; background: transparent; color: #424750; font-size: 10px; line-height: 1; } .prk-av4-card__swatches--inline { position: static; } @media (max-width: 1023px) { .prk-av4-card--tailwind .prk-av4-card__visual { width: min(100%, 214px); min-height: 170px; padding-right: 23px; } } .prk-av4-hfilters { position: relative; z-index: 11; margin: 16px 0 18px; direction: rtl; } .prk-av4-hfilters__scroller { display: flex; align-items: center; justify-content: flex-start; gap: 8px; overflow-x: visible; overflow-y: visible; flex-wrap: wrap; padding: 2px 0 8px; scrollbar-width: auto; } .prk-av4-hfilters__item { position: relative; flex: 0 0 auto; } .prk-av4-hfilters__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1px solid #e6e7eb; border-radius: 0; background: #fff; color: #23254e; font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } .prk-av4-hfilters__button:hover, .prk-av4-hfilters__item.is-open .prk-av4-hfilters__button, .prk-av4-hfilters__item.has-active-filter .prk-av4-hfilters__button { border-color: #23254e; box-shadow: 0 6px 18px rgba(35,37,78,.06); } .prk-av4-hfilters__button em { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #23254e; color: #fff; font-style: normal; font-size: 11px; line-height: 1; } .prk-av4-hfilters__panel { position: absolute; top: calc(100% + 1px); right: 0; width: min(460px, 92vw); max-width: 92vw; background: #fff; border: 1px solid #e6e7eb; box-shadow: 0 12px 28px rgba(0,0,0,.10); opacity: 0; visibility: hidden; transform: translateY(8px); pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; z-index: 60; } .prk-av4-hfilters__panel--price { width: min(420px, 92vw); } .prk-av4-hfilters__item.is-open .prk-av4-hfilters__panel { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .prk-av4-hfilters__panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px 12px; border-bottom: 1px solid #f0f0f1; } .prk-av4-hfilters__panel-head strong { font-size: 14px; font-weight: 700; color: #23254e; } .prk-av4-hfilters__panel-close { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; background: transparent; color: #62666d; cursor: pointer; font-size: 20px; } .prk-av4-hfilters__panel-body { max-height: min(440px, 58vh); overflow: auto; } .prk-av4-hfilters__panel-body .prk-av4-filter-search { margin: 12px; } .prk-av4-hfilters__panel-body .prk-av4-filter-search::before { content: ''; position: absolute; inset-inline-start: 14px; top: 50%; z-index: 1; width: 24px; height: 24px; transform: translateY(-50%); pointer-events: none; background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' fill='%230a0a0a' d='M5.14478 11.3357C5.14478 7.92718 7.90789 5.16406 11.3164 5.16406C14.7248 5.16406 17.488 7.92718 17.488 11.3357C17.488 14.7441 14.7248 17.5073 11.3164 17.5073C7.90789 17.5073 5.14478 14.7441 5.14478 11.3357ZM11.3164 3.66406C7.07946 3.66406 3.64478 7.09875 3.64478 11.3357C3.64478 15.5726 7.07946 19.0073 11.3164 19.0073C13.0558 19.0073 14.6599 18.4284 15.9468 17.4528L19.294 20.8354C19.5854 21.1298 20.0602 21.1323 20.3547 20.8409C20.6491 20.5496 20.6516 20.0747 20.3602 19.7803L17.0489 16.434C18.2551 15.0787 18.988 13.2927 18.988 11.3357C18.988 7.09875 15.5533 3.66406 11.3164 3.66406Z'/></svg>") center / contain no-repeat; } .prk-av4-hfilters__panel-body .prk-av4-filter-search input { padding-inline-start: 38px; padding-inline-end: 14px; } .prk-av4-hfilters__panel-body .prk-av4-filter-list { max-height: none; overflow: visible; display: grid; grid-template-columns: 1fr; gap: 0; } .prk-av4-hfilters__panel-body .prk-av4-filter-item:not(:last-child) { border-bottom: 1px solid #f2f2f4; } .prk-av4-hfilters__panel-foot { position: sticky; bottom: 0; display: flex; gap: 10px; padding: 12px 18px; background: #fff; border-top: 1px solid #f0f0f1; } .prk-av4-hfilters__panel-foot button { flex: 1 1 50%; height: 44px; border-radius: 0; direction: rtl; font-size: 13px; font-weight: 700; cursor: pointer; } .prk-av4-hfilters__clear { background: #fff; border: 1px solid #23254e; color: #23254e; } .prk-av4-hfilters__apply { order: 1; background: #0f1115; border: 1px solid #0f1115; color: #fff; } .prk-av4-hfilters__clear { order: 2; } .prk-av4-hfilters__switch-row { padding: 4px 0; } .prk-av4-hfilters__switch-row .prk-av4-switch { cursor: pointer; } .prk-av4-hfilters__switch-row .prk-av4-switch input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; } .prk-av4-hfilters__switch-row .prk-av4-switch i { flex: 0 0 42px; width: 42px; height: 24px; background: #e5e7eb; } .prk-av4-hfilters__switch-row .prk-av4-switch.is-active i { background: #0a0a0a; } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item__input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item::before { content: ""; flex: 0 0 auto; width: 20px; height: 20px; border: 1.5px solid #c7c9d1; border-radius: 6px; background: #fff; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item::after { content: ""; position: absolute; right: 23px; top: 50%; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-62%) rotate(-45deg) scale(0); transform-origin: center; opacity: 0; transition: transform .16s ease, opacity .16s ease; } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item.is-active::before { border-color: #0c0c0c; background: #0c0c0c; } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item.is-active::after { opacity: 1; transform: translateY(-62%) rotate(-45deg) scale(1); } .prk-av4-hfilters__panel-body .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item small { margin-inline-start: auto; } .prk-av4-hfilters__panel-body .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__item { justify-content: flex-start; min-height: 56px; } .prk-av4-hfilters__panel-body .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__checkbox { width: 20px; height: 20px; border: 1.5px solid #c7c9d1; border-radius: 6px; background: #fff; box-shadow: none; } .prk-av4-hfilters__panel-body .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__checkbox { border-color: #0c0c0c; background: #0c0c0c; box-shadow: none; } .prk-av4-hfilters__panel-body .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__checkbox::after { width: 10px; height: 6px; border-radius: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; background: transparent; transform: rotate(-45deg); } .prk-av4-hfilters__price { display: flex; flex-direction: column; gap: 18px; padding: 20px 24px 18px; direction: rtl; } .prk-av4-hfilters__price-range { display: flex; flex-direction: column; gap: 7px; } .prk-av4-hfilters__price-slider { position: relative; height: 26px; direction: ltr; } .prk-av4-hfilters__price-track { position: absolute; inset-inline: 0; top: 50%; height: 4px; transform: translateY(-50%); background: #0a0a0a; } .prk-av4-hfilters__price-thumb { position: absolute; inset: 0; width: 100%; height: 26px; margin: 0; padding: 0; border: 0 !important; background: transparent !important; pointer-events: none; appearance: none; -webkit-appearance: none; } .prk-av4-hfilters__price-thumb::-webkit-slider-runnable-track { height: 4px; border: 0; background: transparent; } .prk-av4-hfilters__price-thumb::-moz-range-track { height: 4px; border: 0; background: transparent; } .prk-av4-hfilters__price-thumb::-webkit-slider-thumb { width: 20px; height: 20px; margin-top: -8px; border: 0; border-radius: 50%; background: #0a0a0a; box-shadow: none; cursor: pointer; pointer-events: auto; appearance: none; -webkit-appearance: none; } .prk-av4-hfilters__price-thumb::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #0a0a0a; box-shadow: none; cursor: pointer; pointer-events: auto; } .prk-av4-hfilters__price-range-labels { display: flex; align-items: center; justify-content: space-between; color: #5e617f; font-size: 13px; font-weight: 600; } .prk-av4-hfilters__price-fields { display: flex; gap: 8px; direction: rtl; } .prk-av4-hfilters__price-input { display: flex; flex: 1 1 0; flex-direction: row-reverse; align-items: center; min-width: 0; height: 48px; padding-inline: 12px; border: 1px solid #d7d9df; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; } .prk-av4-hfilters__price-input:focus-within { border-color: #0a0a0a; box-shadow: 0 0 0 2px rgba(10,10,10,.08); } .prk-av4-hfilters__price-currency { flex: 0 0 auto; color: #5e617f; font-size: 16px; font-weight: 600; } .prk-av4-hfilters__price-input input[type="text"] { flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; padding: 0 10px 0 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: #5e617f; direction: ltr; text-align: right; font-size: 14px; font-weight: 600; } .prk-av4-hfilters__price-input input[type="text"]::placeholder { color: #5e617f; opacity: 1; } .prk-av4-hfilters__price-input input[type="hidden"] { display: none; } .prk-av4-hfilters__price-error { min-height: 0; color: #d32f2f; font-size: 12px; line-height: 1.7; } .prk-av4-hfilters__price-error:empty { display: none; } .prk-av4-swatch-filter { gap: 8px !important; } .prk-av4-swatch-filter__item { gap: 10px; } .prk-av4-swatch-filter__item .prk-av4-filter-item__input { position: absolute; opacity: 0; pointer-events: none; } .prk-av4-swatch-filter__chip, .prk-av4-swatch-filter__checkbox { flex: 0 0 auto; } .prk-av4-swatch-filter__chip--color, .prk-av4-swatch-filter__checkbox { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; } .prk-av4-swatch-filter__chip--color span { width: 14px; height: 14px; border-radius: inherit; display: block; } .prk-av4-widget .prk-av4-swatch-filter__chip--color span.prk-has-tick, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter__chip--color span.prk-has-tick { position: relative; } .prk-av4-widget .prk-av4-swatch-filter__chip--color span.prk-has-tick::after, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter__chip--color span.prk-has-tick::after { content: ''; position: absolute; inset: 1px; z-index: 1; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: 11px 11px; } .prk-av4-widget .prk-av4-swatch-filter__chip--color span.prk-tick-white::after, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter__chip--color span.prk-tick-white::after { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path d='M20 6L9 17l-5-5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>"); } .prk-av4-widget .prk-av4-swatch-filter__chip--color span.prk-tick-black::after, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter__chip--color span.prk-tick-black::after { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>"); } .prk-av4-swatch-filter__chip--image { width: 50px; height: 40px; display: inline-flex; overflow: hidden; border-radius: 8px; background: #f7f7f8; } .prk-av4-swatch-filter__chip--image img { width: 100%; height: 100%; object-fit: cover; display: block; } .prk-av4-swatch-filter__chip--button { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 28px; padding: 0 10px; border: 1px solid #e6e7eb; border-radius: 8px; background: #fff; color: #424750; font-size: 12px; font-weight: 700; } .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--color, .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--image, .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--button, .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__checkbox { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #23254e; } .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__checkbox::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #23254e; } .prk-av4-swatch-filter__name { flex: 1 1 auto; } .prk-av4-hfilters__panel--swatches .prk-av4-filter-search:has(+ .prk-av4-swatch-filter .prk-av4-swatch-filter__chip--color) { display: none; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px 18px !important; padding: 32px 28px 38px; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item { display: flex; min-height: 0; padding: 0; gap: 6px; align-items: center; justify-content: flex-start; flex-direction: column; border: 0; color: #3f4064; font-size: 12px; font-weight: 600; line-height: 1.35; text-align: center; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item:hover, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item.is-active { color: #3f4064; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color { width: 32px; height: 32px; border: 1px solid #dfe1e5; border-radius: 0; overflow: hidden; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color span { width: 100%; height: 100%; border-radius: 0; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color span.prk-has-tick::after { background-size: 14px 14px; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--color { border-color: #a9acb4; box-shadow: none; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__name { flex: 0 0 auto; width: 100%; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item small { display: none; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 8px !important; padding: 20px 14px 22px; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item { display: block; min-height: 0; padding: 0; border: 0; color: #3f4064; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__chip--button { min-width: 28px; min-height: 28px; padding: 0 9px; border: 1px solid #eceef2; border-radius: 999px; background: #fff; color: #3f4064; font-size: 10px; font-weight: 600; line-height: 1; box-shadow: none; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item:hover .prk-av4-swatch-filter__chip--button, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--button { border-color: #0a0a0a; background: #0a0a0a; color: #fff; box-shadow: none; } .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__name, .prk-av4-hfilters__panel--swatches .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item small { display: none; } @media (max-width: 1023px) { .prk-av4-hfilters { display: none; } } .prk-av4-hfilters__panel--sort { width: min(360px, 92vw); } .prk-av4-hfilters__sort-item { justify-content: space-between; } .prk-av4-hfilters__sort-item.is-active .prk-av4-sortbar__check, .prk-av4-filter-list--sort .prk-av4-filter-item.is-active .prk-av4-sortbar__check { display: block; } .prk-av4-hfilters__sort-item .prk-av4-filter-item__input { position: absolute; opacity: 0; pointer-events: none; } .prk-av4-hfilters__scroller { overflow-x: visible; flex-wrap: wrap; scrollbar-width: auto; } .prk-av4-main.is-preview-loading .prk-av4-loop__grid { opacity: 1; } .prk-av4-loop__grid.is-preview-loading .prk-av4-card--preview, .prk-av4-loop__grid.is-preview-loading .prk-av4-loop-preview__item { pointer-events: none; } .prk-av4-mobile-hfilters { display: flex; flex-direction: column; gap: 0; } .prk-av4-mobile-hfilters .prk-av4-widget { border: 0; border-radius: 0; padding: 0; background: transparent; } .prk-av4-mobile-hfilters .prk-av4-widget:not(:last-child) { border-bottom: 1px solid #f0f0f1; } .prk-av4-mobile-hfilters .prk-av4-widget__head { min-height: 54px; padding: 0 4px; } .prk-av4-mobile-hfilters .prk-av4-widget__body { padding: 6px 0 14px; } .prk-av4-mobile-filter__foot { flex: 0 0 auto; display: flex; flex-direction: row-reverse; gap: 10px; padding: 12px 16px; background: #fff; border-top: 1px solid #f0f0f1; } .prk-av4-mobile-filter__foot button { min-height: 48px; flex: 1 1 50%; border-radius: 0; font-size: 14px; font-weight: 700; cursor: pointer; } .prk-av4-mobile-filter__clear { border: 1px solid #23254e; background: #fff; color: #23254e; } .prk-av4-mobile-filter__apply { border: 1px solid #0f1115; background: #0f1115; color: #fff; } .prk-av4-mobile-hfilters [data-filter-type="sort"] .prk-av4-widget__body { padding: 0; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort { display: grid; grid-template-columns: 1fr; gap: 0; max-height: none; overflow: visible; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item { justify-content: space-between; min-height: 50px; padding: 0 18px; border: 0; border-radius: 0; background: transparent; color: #62666d; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item:not(:last-child) { border-bottom: 1px solid #f2f2f4; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item::before, .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item::after { display: none; content: none; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item:hover, .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item.is-active { background: transparent; color: #62666d; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item span { flex: 0 1 auto; } .prk-av4-mobile-hfilters .prk-av4-filter-list--sort .prk-av4-filter-item.is-active .prk-av4-sortbar__check { display: block; } .prk-av4-mobile-hfilters :is([data-filter-type="category"], [data-filter-type="brand"], [data-filter-type="attribute"]) .prk-av4-widget__body { padding: 0; } .prk-av4-mobile-hfilters :is([data-filter-type="category"], [data-filter-type="brand"], [data-filter-type="attribute"]) .prk-av4-filter-search { margin: 12px; } .prk-av4-mobile-hfilters :is([data-filter-type="category"], [data-filter-type="brand"], [data-filter-type="attribute"]) .prk-av4-filter-search::before { content: ''; position: absolute; inset-inline-start: 14px; top: 50%; z-index: 1; width: 24px; height: 24px; transform: translateY(-50%); pointer-events: none; background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' fill='%230a0a0a' d='M5.14478 11.3357C5.14478 7.92718 7.90789 5.16406 11.3164 5.16406C14.7248 5.16406 17.488 7.92718 17.488 11.3357C17.488 14.7441 14.7248 17.5073 11.3164 17.5073C7.90789 17.5073 5.14478 14.7441 5.14478 11.3357ZM11.3164 3.66406C7.07946 3.66406 3.64478 7.09875 3.64478 11.3357C3.64478 15.5726 7.07946 19.0073 11.3164 19.0073C13.0558 19.0073 14.6599 18.4284 15.9468 17.4528L19.294 20.8354C19.5854 21.1298 20.0602 21.1323 20.3547 20.8409C20.6491 20.5496 20.6516 20.0747 20.3602 19.7803L17.0489 16.434C18.2551 15.0787 18.988 13.2927 18.988 11.3357C18.988 7.09875 15.5533 3.66406 11.3164 3.66406Z'/></svg>") center / contain no-repeat; } .prk-av4-mobile-hfilters :is([data-filter-type="category"], [data-filter-type="brand"], [data-filter-type="attribute"]) .prk-av4-filter-search input { padding-inline-start: 38px; padding-inline-end: 14px; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) { display: grid; grid-template-columns: 1fr; gap: 0; max-height: none; overflow: visible; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item { justify-content: space-between; min-height: 50px; padding: 0 18px; border: 0; border-radius: 0; background: transparent; color: #62666d; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item:not(:last-child) { border-bottom: 1px solid #f2f2f4; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item__input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item::before { content: ''; flex: 0 0 auto; width: 20px; height: 20px; border: 1.5px solid #c7c9d1; border-radius: 6px; background: #fff; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item::after { content: ''; position: absolute; right: 23px; top: 50%; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-62%) rotate(-45deg) scale(0); transform-origin: center; opacity: 0; transition: transform .16s ease, opacity .16s ease; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item:hover, .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item.is-active { background: transparent; color: #62666d; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item.is-active::before { border-color: #0c0c0c; background: #0c0c0c; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item.is-active::after { opacity: 1; transform: translateY(-62%) rotate(-45deg) scale(1); } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item span { flex: 0 1 auto; } .prk-av4-mobile-hfilters .prk-av4-filter-list:not(.prk-av4-swatch-filter):not(.prk-av4-filter-list--sort) .prk-av4-filter-item small { margin-inline-start: auto; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter { display: grid; grid-template-columns: 1fr; gap: 0 !important; max-height: none; overflow: visible; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__chip, .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__checkbox { flex: 0 0 auto; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__item::before, .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__item::after { display: none; content: none; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:not(:has(.prk-av4-swatch-filter__chip--color)):not(:has(.prk-av4-swatch-filter__chip--button)) .prk-av4-swatch-filter__item { justify-content: space-between; min-height: 50px; padding: 0 18px; border: 0; border-radius: 0; background: transparent; color: #62666d; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:not(:has(.prk-av4-swatch-filter__chip--color)):not(:has(.prk-av4-swatch-filter__chip--button)) .prk-av4-swatch-filter__item:not(:last-child) { border-bottom: 1px solid #f2f2f4; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__item:hover, .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter__item.is-active { background: transparent; color: #62666d; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px 18px !important; padding: 32px 28px 38px; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-filter-search:has(+ .prk-av4-swatch-filter .prk-av4-swatch-filter__chip--color) { display: none; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item { display: flex; min-height: 0; padding: 0; gap: 6px; align-items: center; justify-content: flex-start; flex-direction: column; border: 0; color: #3f4064; font-size: 12px; font-weight: 600; line-height: 1.35; text-align: center; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item:hover, .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item.is-active { color: #3f4064; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color { width: 32px; height: 32px; border: 1px solid #dfe1e5; border-radius: 0; overflow: hidden; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color span { width: 100%; height: 100%; border-radius: 0; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__chip--color span.prk-has-tick::after { background-size: 14px 14px; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--color { border-color: #a9acb4; box-shadow: none; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__name { flex: 0 0 auto; width: 100%; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--color) .prk-av4-swatch-filter__item small { display: none; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 8px !important; padding: 20px 14px 22px; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item { display: block; min-height: 0; padding: 0; border: 0; color: #3f4064; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__chip--button { min-width: 28px; min-height: 28px; padding: 0 9px; border: 1px solid #eceef2; border-radius: 999px; background: #fff; color: #3f4064; font-size: 10px; font-weight: 600; line-height: 1; box-shadow: none; } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item.is-active .prk-av4-swatch-filter__chip--button { border-color: #0a0a0a; background: #0a0a0a; color: #fff; box-shadow: none; } @media (hover: hover) and (pointer: fine) { .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item:hover .prk-av4-swatch-filter__chip--button { border-color: #0a0a0a; background: #0a0a0a; color: #fff; box-shadow: none; } } .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__name, .prk-av4-mobile-hfilters [data-filter-type="attribute"] .prk-av4-swatch-filter:has(.prk-av4-swatch-filter__chip--button) .prk-av4-swatch-filter__item small { display: none; } .prk-av4-empty { padding: 28px 18px; text-align: center; } .prk-av4-empty__image { display: block; width: min(260px, 78%); max-height: 210px; object-fit: contain; } .prk-av4-empty__title { display: block; color: #23254e; font-size: 16px; font-weight: 700; line-height: 1.9; } .prk-av4-empty__text { margin: 0; color: #81858b; font-size: 13px; line-height: 1.9; } .prk-av4-sidebar.is-sticky, .prk-av4-sidebar__inner.is-sticky, .prk-av4-loop__head.is-sticky { transition: top var(--pr-desktop-duration, 300ms) ease; } .prk-av4-widget--filter-style-checkbox .prk-av4-swatch-filter__item::before, .prk-av4-widget--filter-style-checkbox .prk-av4-swatch-filter__item::after { display: none !important; content: none !important; } .prk-av4-widget--filter-style-checkbox .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__checkbox { display: none; } .prk-av4-widget--filter-style-checkbox .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__item::before { display: block !important; content: "" !important; } .prk-av4-widget--filter-style-checkbox .prk-av4-swatch-filter--checkbox .prk-av4-swatch-filter__item::after { display: block !important; content: "" !important; right: 5px; } .prk-av4-widget .prk-av4-swatch-filter { gap: 6px !important; } .prk-av4-widget .prk-av4-swatch-filter__item { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; justify-content: initial; column-gap: 10px; min-height: 44px; padding: 6px 4px; border-radius: 10px; color: #3f4064; background: transparent; cursor: pointer; } .prk-av4-widget .prk-av4-swatch-filter__item:hover, .prk-av4-widget .prk-av4-swatch-filter__item.is-active { color: var(--prk-color-primary, #ff5b0e); } .prk-av4-widget .prk-av4-swatch-filter__name { min-width: 0; font-size: 13px; } .prk-av4-widget .prk-av4-swatch-filter__item small { margin: 0; color: #b3b6be; font-size: 11px; font-weight: 500; } .prk-av4-widget .prk-av4-swatch-filter__chip--color { width: 22px; height: 22px; border-radius: 999px; border-color: #eceef2; overflow: hidden; } .prk-av4-widget .prk-av4-swatch-filter__chip--color span { width: 100%; height: 100%; border-radius: inherit; } .prk-av4-widget .prk-av4-swatch-filter__chip--image { width: 60px; height: 36px; border-radius: 9px; border-color: #e5e7eb; } .prk-av4-widget .prk-av4-swatch-filter__chip--button { min-width: 58px; min-height: 30px; border-radius: 9px; background: #fff; } .prk-av4-widget .prk-av4-swatch-filter__checkbox { width: 20px; height: 20px; border-radius: 6px; } @media (max-width: 1023px) { .prk-av4-loop__head { display: flex; flex-flow: row wrap; align-items: stretch; gap: 0; padding: 0; border: 1px solid #eef0f3; background: #fff; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 16%); } .prk-av4-loop__head .prk-av4-result-count { display: flex; flex: 0 0 100%; align-items: center; justify-content: space-between; margin: 0; padding-inline: 14px; border-bottom: 1px solid #eef0f3; color: #81858b; text-align: left; white-space: nowrap; order: unset; } .prk-av4-result-count__title { display: inline-flex; align-items: center; color: #111827; font-size: 14px; font-weight: 700; } .prk-av4-loop__head .prk-av4-mobile-actions { display: flex; flex: 0 0 100%; width: 100%; margin: 0; border: 0; background: #fff; } .prk-av4-loop__head .prk-av4-mobile-action { display: inline-flex; flex: 1 1 50%; min-height: 40px; justify-content: center; border-radius: 0; } }