.borbila-pfs {
--borbila-pfs-surface-bg: #fcfffc;
--borbila-pfs-panel-bg: #ffffff;
--borbila-pfs-text: #131313;
--borbila-pfs-border: #ececec;
--borbila-pfs-button-bg: #c72c77;
--borbila-pfs-button-hover: #ac6d6d;
--borbila-pfs-accent: #ac6d6d;
--borbila-pfs-accent-soft: #fef4f9;
--borbila-pfs-button-text: #ffffff;
--borbila-pfs-card-shop-bg: #000000;
--borbila-pfs-card-shop-hover: #1a1a1a;
--borbila-pfs-card-shop-text: #ffffff;
--borbila-pfs-font-size: 16px;
--borbila-pfs-padding: 26px;
--borbila-pfs-gap: 24px;
--borbila-pfs-radius: 16px;
position: relative;
color: var(--borbila-pfs-text);
font-size: var(--borbila-pfs-font-size);
--borbila-pfs-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
--borbila-pfs-soft-shadow: 0 10px 22px rgba(15, 23, 42, 0.03);
}
.borbila-pfs *,
.borbila-pfs *::before,
.borbila-pfs *::after {
box-sizing: border-box;
}
.borbila-pfs__layout {
display: grid;
grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
gap: 8px;
align-items: start;
}
.borbila-pfs__toolbar {
display: none;
margin-bottom: 16px;
}
.borbila-pfs__toggle,
.borbila-pfs__apply,
.borbila-pfs__reset,
.borbila-pfs__close,
.borbila-pfs__section-toggle {
appearance: none;
border: 0;
cursor: pointer;
}
.borbila-pfs__toggle {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 20px 12px 16px;
border-radius: 999px;
background: var(--borbila-pfs-button-bg);
color: #ffffff;
border: 1px solid transparent;
font-weight: 600;
box-shadow: 0 12px 24px rgba(199, 44, 119, 0.22);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.borbila-pfs__toggle:hover,
.borbila-pfs__toggle:focus-visible {
transform: translateY(-1px);
background: var(--borbila-pfs-button-hover);
box-shadow: 0 16px 30px rgba(199, 44, 119, 0.28);
}
.borbila-pfs__toggle-label {
display: inline-block;
font-size: 15px;
line-height: 1;
color: inherit;
}
.borbila-pfs__toggle-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 18px;
height: 18px;
color: #ffffff;
opacity: 0.98;
}
.borbila-pfs__toggle-icon path {
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.borbila-pfs__toggle-icon circle {
fill: currentColor;
}
.borbila-pfs__panel,
.borbila-pfs__results-inner {
background: var(--borbila-pfs-panel-bg);
border: 1px solid var(--borbila-pfs-border);
border-radius: var(--borbila-pfs-radius);
box-shadow: var(--borbila-pfs-shadow);
}
.borbila-pfs__panel {
padding: var(--borbila-pfs-padding);
position: sticky;
top: 24px;
background-image: none;
}
.borbila-pfs__panel-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
padding-bottom: 0;
border-bottom: 0;
}
.borbila-pfs__panel-header h3 {
margin: 0;
font-size: clamp(18px, 1.8vw, 22px);
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.01em;
}
.borbila-pfs__close {
display: none;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 999px;
background: var(--borbila-pfs-accent-soft);
color: var(--borbila-pfs-accent);
font-size: 24px;
}
.borbila-pfs__form {
display: grid;
gap: 0;
}
.borbila-pfs__section {
border: 0;
border-top: 1px solid var(--borbila-pfs-border);
border-radius: 0;
background: transparent;
overflow: visible;
box-shadow: none;
padding: 20px 0;
}
.borbila-pfs__section:first-of-type {
border-top: 0;
padding-top: 8px;
}
.borbila-pfs__section-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 0 18px;
background: transparent;
color: inherit;
text-align: left;
font-size: 14px;
font-weight: 700;
transition: color 0.2s ease;
letter-spacing: -0.01em;
}
.borbila-pfs__section-toggle:hover,
.borbila-pfs__section-toggle:focus-visible {
color: var(--borbila-pfs-accent);
}
.borbila-pfs__section-icon {
width: 9px;
height: 9px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
transition: transform 0.2s ease;
opacity: 0.5;
}
.borbila-pfs__section.is-open .borbila-pfs__section-icon {
transform: rotate(225deg);
}
.borbila-pfs__section-body {
padding: 0;
}
.borbila-pfs__section:not(.is-open) .borbila-pfs__section-body {
display: none;
}
.borbila-pfs__field,
.borbila-pfs__options {
display: grid;
gap: 10px;
}
.borbila-pfs__field label {
font-size: 13px;
font-weight: 700;
color: rgba(19, 19, 19, 0.88);
letter-spacing: 0.01em;
}
.borbila-pfs__search-shell {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
padding: 4px;
border: 1px solid var(--borbila-pfs-border);
border-radius: 12px;
background: #fff;
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.borbila-pfs__search-shell:focus-within {
border-color: #131313;
box-shadow: none;
}
.borbila-pfs__field input,
.borbila-pfs__field select {
width: 100%;
min-height: 50px;
padding: 13px 15px;
border: 1px solid var(--borbila-pfs-border);
border-radius: 14px;
background: #fff;
color: inherit;
outline: none;
box-shadow: inset 0 1px 2px rgba(19, 19, 19, 0.02);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.borbila-pfs__search-shell input {
min-height: 42px;
padding: 0 14px;
border: 0;
border-radius: 10px;
background: transparent;
box-shadow: none;
font-size: 14px;
}
.borbila-pfs__search-shell input:focus {
box-shadow: none;
}
.borbila-pfs__search-shell input::placeholder {
color: rgba(19, 19, 19, 0.54);
}
.borbila-pfs__search-submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
min-width: 42px;
height: 42px;
border-radius: 10px;
background: #131313;
color: var(--borbila-pfs-button-text);
font-size: 18px;
box-shadow: 0 10px 20px rgba(199, 125, 125, 0.2);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.borbila-pfs__search-submit:hover,
.borbila-pfs__search-submit:focus-visible {
transform: translateY(-1px);
box-shadow: 0 14px 24px rgba(199, 125, 125, 0.24);
background: #131313;
}
.borbila-pfs__field input:focus,
.borbila-pfs__field select:focus {
border-color: #131313;
box-shadow: none;
background: #fff;
}
.borbila-pfs__price-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: 12px;
align-items: center;
}
.borbila-pfs__options--scroll {
max-height: 260px;
overflow: auto;
padding-right: 6px;
}
.borbila-pfs__option {
display: flex;
align-items: center;
gap: 10px;
min-height: 38px;
padding: 6px 2px;
border: 0;
border-radius: 0;
background: transparent;
transition: color 0.2s ease;
}
.borbila-pfs__option input {
margin: 0;
width: 16px;
height: 16px;
accent-color: #131313 !important;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.borbila-pfs__option input:focus,
.borbila-pfs__option input:focus-visible {
outline: none;
box-shadow: none;
}
.borbila-pfs__option:hover {
color: var(--borbila-pfs-accent);
}
.borbila-pfs__option:has(input:checked) {
color: var(--borbila-pfs-accent);
}
.borbila-pfs__option-text {
flex: 1;
font-size: 14px;
}
.borbila-pfs__option-count {
color: rgba(19, 19, 19, 0.5);
font-size: 13px;
}
.borbila-pfs__price-input {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: 44px;
}
.borbila-pfs__price-symbol {
display: inline-flex;
align-items: center;
justify-content: center;
color: #131313;
font-weight: 600;
font-size: 18px;
}
.borbila-pfs__price-input input {
min-height: 42px;
border-radius: 10px;
padding: 10px 12px;
}
.borbila-pfs__price-separator {
color: rgba(19, 19, 19, 0.55);
font-weight: 600;
}
.borbila-pfs__actions {
display: grid;
gap: 12px;
padding-top: 22px;
border-top: 1px solid var(--borbila-pfs-border);
margin-top: 22px;
}
.borbila-pfs__apply,
.borbila-pfs__reset {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 18px;
border-radius: 14px;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.borbila-pfs__apply {
background: linear-gradient(135deg, #c77d7d 0%, #ac6d6d 100%);
color: var(--borbila-pfs-button-text);
box-shadow: 0 14px 28px rgba(199, 125, 125, 0.18);
}
.borbila-pfs__apply:hover,
.borbila-pfs__apply:focus-visible {
transform: translateY(-1px);
box-shadow: 0 18px 34px rgba(199, 125, 125, 0.22);
}
.borbila-pfs__reset {
border: 1px solid var(--borbila-pfs-border);
background: linear-gradient(180deg, #ffffff 0%, #fcfffc 100%);
color: var(--borbila-pfs-text);
}
.borbila-pfs__reset:hover,
.borbila-pfs__reset:focus-visible {
border-color: #c77d7d;
color: #ac6d6d;
}
.borbila-pfs__results {
position: relative;
}
.borbila-pfs__results.is-loading::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.74);
border-radius: var(--borbila-pfs-radius);
}
.borbila-pfs__results.is-loading::before {
content: "";
position: absolute;
top: 24px;
right: 24px;
width: 18px;
height: 18px;
border: 2px solid rgba(199, 125, 125, 0.28);
border-top-color: var(--borbila-pfs-button-bg);
border-radius: 50%;
animation: borbila-pfs-spin 0.8s linear infinite;
z-index: 1;
}
.borbila-pfs__results-inner {
padding: clamp(18px, 2vw, 28px);
background: transparent;
border: 0;
box-shadow: none;
border-radius: 0;
background-image: none;
}
.borbila-pfs__results-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 22px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(236, 236, 236, 0.9);
}
.borbila-pfs__options--scroll::-webkit-scrollbar {
width: 5px;
}
.borbila-pfs__options--scroll::-webkit-scrollbar-thumb {
background: rgba(63, 78, 201, 0.22);
border-radius: 999px;
}
.borbila-pfs__count {
margin: 0;
font-weight: 700;
letter-spacing: 0.01em;
}
.borbila-pfs__results-meta {
display: none !important;
}
.borbila-pfs__products .products {
margin: 0 !important;
}
.borbila-pfs__products .products li.product {
margin-bottom: 24px !important;
}
.borbila-pfs__cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
gap: 16px;
}
.borbila-pfs__card {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 14px;
border: 1px solid #dca0a0;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 10px 28px rgba(19, 19, 19, 0.04);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.borbila-pfs__template-card {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
height: 100%;
}
.borbila-pfs__template-card > * {
width: 100%;
min-width: 0;
}
.borbila-pfs__cards > .borbila-pfs__card,
.borbila-pfs__cards > .borbila-pfs__template-card {
height: 100%;
}
.borbila-pfs__template-card > .elementor,
.borbila-pfs__template-card > .elementor > .elementor-section,
.borbila-pfs__template-card > .elementor > .elementor-element,
.borbila-pfs__template-card > .elementor > .e-con {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
min-height: 100%;
}
.borbila-pfs__template-card > .elementor > .elementor-section > .elementor-container,
.borbila-pfs__template-card > .elementor > .elementor-section > .elementor-container > .elementor-column,
.borbila-pfs__template-card > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.borbila-pfs__template-card > .elementor > .e-con > .e-con-inner {
flex: 1 1 auto;
}
.borbila-pfs__card-image-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1 / 1;
min-height: 0;
padding: 0 0 8px;
text-decoration: none;
transition: transform 0.22s ease;
}
.borbila-pfs__card-image-wrap {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.borbila-pfs__card-image,
.borbila-pfs__card-image-link img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: none;
object-fit: contain;
margin: 0 auto;
}
.borbila-pfs__card-image--primary,
.borbila-pfs__card-image--hover {
position: absolute;
inset: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.borbila-pfs__card-image--primary {
opacity: 1;
z-index: 1;
}
.borbila-pfs__card-image--hover {
opacity: 0;
z-index: 2;
}
.borbila-pfs__card-body {
display: grid;
gap: 8px;
margin-top: auto;
}
.borbila-pfs__card-brand {
text-align: center;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7a7a7a;
}
.borbila-pfs__card-title {
margin: 0;
text-align: center;
font-size: 17px;
line-height: 1.4;
font-weight: 500;
}
.borbila-pfs__card-title a {
color: #131313;
text-decoration: none;
transition: color 0.22s ease;
}
.borbila-pfs__card-rating {
display: flex;
justify-content: center;
min-height: 18px;
}
.borbila-pfs__card-stars {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 16px;
line-height: 1;
}
.borbila-pfs__card-stars .is-filled {
color: #e6750c;
}
.borbila-pfs__card-stars .is-empty {
color: #d9dde3;
}
.borbila-pfs__card-price {
text-align: center;
font-size: 22px;
font-weight: 800;
color: #131313;
line-height: 1.15;
}
.borbila-pfs__card-price del {
margin-right: 8px;
color: #b8a7ab;
font-size: 16px;
font-weight: 400;
}
.borbila-pfs__card-price ins {
background: transparent;
color: #ac6d6d;
text-decoration: none;
}
.borbila-pfs__shop-now {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 0;
padding: 9px 16px;
margin-top: 6px;
border-radius: 5px;
background: var(--borbila-pfs-card-shop-bg);
color: var(--borbila-pfs-card-shop-text);
text-decoration: none;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
transition: transform 0.22s ease, opacity 0.22s ease, background-color 0.22s ease;
}
.borbila-pfs__shop-now:hover,
.borbila-pfs__shop-now:focus-visible {
background: var(--borbila-pfs-card-shop-hover);
color: var(--borbila-pfs-card-shop-text);
transform: translateY(-1px);
}
.borbila-pfs__card:hover,
.borbila-pfs__card:focus-within {
transform: translateY(-4px);
border-color: #c77d7d;
box-shadow: 0 18px 34px rgba(19, 19, 19, 0.1);
}
.borbila-pfs__card:hover .borbila-pfs__card-image-link,
.borbila-pfs__card:focus-within .borbila-pfs__card-image-link {
transform: translateY(-2px) scale(1.015);
}
.borbila-pfs__card.has-gallery-image:hover .borbila-pfs__card-image--primary,
.borbila-pfs__card.has-gallery-image:focus-within .borbila-pfs__card-image--primary {
opacity: 0;
transform: scale(1.02);
}
.borbila-pfs__card.has-gallery-image:hover .borbila-pfs__card-image--hover,
.borbila-pfs__card.has-gallery-image:focus-within .borbila-pfs__card-image--hover {
opacity: 1;
transform: scale(1.02);
}
.borbila-pfs__card:hover .borbila-pfs__card-title a,
.borbila-pfs__card:focus-within .borbila-pfs__card-title a {
color: #000000;
}
.borbila-pfs__section.is-hidden {
display: none !important;
}
.borbila-pfs__view-details,
.borbila-pfs__add-to-cart-wrap .button,
.borbila-pfs__card-actions {
display: none !important;
}
.borbila-pfs__empty {
padding: 44px 24px;
border: 1px dashed var(--borbila-pfs-border);
border-radius: calc(var(--borbila-pfs-radius) - 4px);
text-align: center;
background: linear-gradient(180deg, #ffffff 0%, var(--borbila-pfs-surface-bg) 100%);
}
.borbila-pfs__empty h3,
.borbila-pfs__empty p {
margin: 0;
}
.borbila-pfs__empty p {
margin-top: 8px;
color: rgba(19, 19, 19, 0.72);
}
.borbila-pfs__pagination {
margin-top: 28px;
}
.borbila-pfs--infinite .borbila-pfs__pagination {
display: none;
}
.borbila-pfs__load-trigger {
display: block;
width: 100%;
height: 2px;
margin-top: 8px;
}
.borbila-pfs__pagination .page-numbers {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.borbila-pfs__pagination .page-numbers li {
margin: 0;
}
.borbila-pfs__pagination .page-numbers a,
.borbila-pfs__pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 10px 14px;
border-radius: 12px;
border: 1px solid var(--borbila-pfs-border);
background: #fff;
color: var(--borbila-pfs-text);
text-decoration: none;
font-weight: 700;
transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.borbila-pfs__pagination .page-numbers .current,
.borbila-pfs__pagination .page-numbers a:hover {
background: var(--borbila-pfs-button-bg);
border-color: var(--borbila-pfs-button-bg);
color: var(--borbila-pfs-button-text);
transform: translateY(-1px);
}
.borbila-pfs__backdrop {
display: none;
}
@keyframes borbila-pfs-spin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 1024px) {
.borbila-pfs__layout {
grid-template-columns: minmax(0, 1fr);
}
.borbila-pfs__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.borbila-pfs__toolbar {
display: block;
margin-bottom: 18px;
}
.borbila-pfs__toggle {
min-height: 46px;
padding: 11px 18px 11px 14px;
border-radius: 999px;
background: var(--borbila-pfs-button-bg);
color: #ffffff;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.01em;
box-shadow: 0 12px 24px rgba(199, 44, 119, 0.22);
}
.borbila-pfs__toggle:hover,
.borbila-pfs__toggle:focus-visible {
transform: translateY(-1px);
background: var(--borbila-pfs-button-hover);
box-shadow: 0 16px 30px rgba(199, 44, 119, 0.28);
}
.borbila-pfs__backdrop {
position: fixed;
inset: 0;
background: rgba(19, 19, 19, 0.48);
z-index: 9998;
}
.borbila-pfs__backdrop.is-visible {
display: block;
}
.borbila-pfs__panel {
position: fixed;
top: 0;
left: 0;
width: min(88vw, 380px);
height: 100vh;
max-height: none;
overflow: auto;
z-index: 9999;
transform: translateX(-104%);
transition: transform 0.28s ease;
border-radius: 0 22px 22px 0;
}
.borbila-pfs.is-panel-open .borbila-pfs__panel {
transform: translateX(0);
}
.borbila-pfs__close {
display: inline-flex;
}
.borbila-pfs__card {
padding: 16px;
}
.borbila-pfs__card-image-link {
min-height: 220px;
padding: 8px;
}
.borbila-pfs__card-image,
.borbila-pfs__card-image-link img {
max-height: 180px;
}
.borbila-pfs__card-title {
font-size: 17px;
}
.borbila-pfs__card-price {
font-size: 17px;
}
.borbila-pfs__card-price del {
font-size: 15px;
}
}
@media (max-width: 767px) {
.borbila-pfs__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.borbila-pfs__toggle {
min-height: 42px;
padding: 10px 16px 10px 12px;
font-size: 16px;
}
.borbila-pfs__price-grid {
grid-template-columns: minmax(0, 1fr);
}
.borbila-pfs__results-inner,
.borbila-pfs__panel {
padding: 10px;
}
.borbila-pfs__price-separator {
display: none;
}
.borbila-pfs__card {
padding: 10px;
border-radius: 10px;
}
.borbila-pfs__card-image-link {
min-height: 136px;
padding: 2px 0 6px;
}
.borbila-pfs__card-image,
.borbila-pfs__card-image-link img {
max-height: 112px;
}
.borbila-pfs__card-body {
gap: 8px;
}
.borbila-pfs__card-title {
font-size: var(--borbila-pfs-card-title-size-mobile, 13px);
line-height: 1.3;
}
.borbila-pfs__card-stars {
font-size: 14px;
}
.borbila-pfs__card-price {
font-size: 15px;
}
.borbila-pfs__card-price del {
display: block;
margin-right: 0;
margin-bottom: 3px;
font-size: 12px;
}
.borbila-pfs__card-actions {
gap: 6px;
}
.borbila-pfs__view-details,
.borbila-pfs__add-to-cart-wrap .button {
min-height: 34px;
padding: 8px 10px !important;
font-size: 12px !important;
gap: 6px;
}
} .borbila-pfs .borbila-pfs__panel {
background: #fff !important;
border: 1px solid #ececec !important;
border-radius: 16px !important;
}
.borbila-pfs .borbila-pfs__panel-header h3 {
font-size: 18px !important;
font-weight: 700 !important;
color: #131313 !important;
}
@media (min-width: 1025px) {
.borbila-pfs .borbila-pfs__panel-header {
display: none !important;
}
}
.borbila-pfs .borbila-pfs__section {
background: transparent !important;
border: 0 !important;
border-top: 1px solid #ececec !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 20px 0 !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type {
border-top: 0 !important;
padding-top: 8px !important;
}
.borbila-pfs .borbila-pfs__section-toggle {
background: transparent !important;
color: #131313 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 0 18px !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.borbila-pfs .borbila-pfs__section-toggle:hover,
.borbila-pfs .borbila-pfs__section-toggle:focus-visible {
background: transparent !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__search-shell {
border: 1px solid #ececec !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
padding: 4px !important;
}
.borbila-pfs .borbila-pfs__search-submit {
background: #c72c77 !important;
border-radius: 10px !important;
}
.borbila-pfs .borbila-pfs__options--scroll {
border: 0 !important;
background: transparent !important;
}
.borbila-pfs .borbila-pfs__option {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
min-height: 38px !important;
padding: 6px 2px !important;
}
.borbila-pfs .borbila-pfs__price-input input,
.borbila-pfs .borbila-pfs__field input,
.borbila-pfs .borbila-pfs__field select {
background: #fff !important;
} .borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__section-toggle {
padding: 0 0 16px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__section-icon {
display: none !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__field {
gap: 0 !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell {
grid-template-columns: minmax(0, 1fr) 50px !important;
gap: 6px !important;
min-height: 56px !important;
padding: 4px !important;
border: 1px solid #dfe3ea !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell:focus-within {
border-color: #131313 !important;
box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell input {
min-height: 46px !important;
padding: 0 16px !important;
font-size: 15px !important;
color: #131313 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell input::placeholder {
color: #838a94 !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-submit {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
border-radius: 10px !important;
border: 0 !important;
background: #131313 !important;
color: #ffffff !important;
font-size: 16px !important;
box-shadow: none !important;
outline: none !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-submit:hover,
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-submit:focus-visible {
transform: none !important;
box-shadow: none !important;
background: #131313 !important;
}
@media (max-width: 767px) {
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__section-toggle {
font-size: 15px !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell {
grid-template-columns: minmax(0, 1fr) 46px !important;
min-height: 54px !important;
}
.borbila-pfs .borbila-pfs__section:first-of-type .borbila-pfs__search-shell input {
font-size: 14px !important;
}
} .borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__section-toggle,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__section-toggle {
padding: 0 0 18px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__section-icon,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__section-icon {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: #fef4f9 !important;
transform: none !important;
opacity: 1 !important;
position: relative !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__section-icon::after,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__section-icon::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 12px !important;
height: 2px !important;
background: #ac6d6d !important;
border-radius: 999px !important;
transform: translate(-50%, -50%) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2):not(.is-open) .borbila-pfs__section-icon::after,
.borbila-pfs .borbila-pfs__section--brand:not(.is-open) .borbila-pfs__section-icon::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__options--scroll,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__options--scroll {
max-height: 360px !important;
padding-right: 10px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__options--scroll::-webkit-scrollbar,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__options--scroll::-webkit-scrollbar {
width: 6px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__options--scroll::-webkit-scrollbar-track,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__options--scroll::-webkit-scrollbar-track {
background: transparent !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__options--scroll::-webkit-scrollbar-thumb,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__options--scroll::-webkit-scrollbar-thumb {
background: #cfd6de !important;
border-radius: 999px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option {
gap: 12px !important;
min-height: 32px !important;
padding: 1px 0 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option input,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option input {
width: 18px !important;
height: 18px !important;
border-radius: 4px !important;
accent-color: #131313 !important;
outline: none !important;
box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option input {
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
box-shadow: inset 0 0 0 1px #131313 !important;
background-color: #ffffff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 12px 12px !important;
}
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option input:checked {
background-color: #131313 !important;
box-shadow: inset 0 0 0 1px #131313 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 7.2l2.2 2.2L11 3.8'/%3E%3C/svg%3E") !important;
}
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option input:focus,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option input:focus-visible {
outline: 0 !important;
box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option-text,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option-text {
flex: 1 !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option-count,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 34px !important;
height: 34px !important;
padding: 0 10px !important;
border-radius: 999px !important;
background: #f6f7f8 !important;
color: #7f8894 !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option:hover,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option:hover {
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(2) .borbila-pfs__option:has(input:checked) .borbila-pfs__option-count,
.borbila-pfs .borbila-pfs__section--brand .borbila-pfs__option:has(input:checked) .borbila-pfs__option-count {
background: #fef4f9 !important;
color: #ac6d6d !important;
} .borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__section-toggle {
padding: 0 0 18px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__section-icon {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: #fef4f9 !important;
transform: none !important;
opacity: 1 !important;
position: relative !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__section-icon::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 12px !important;
height: 2px !important;
background: #ac6d6d !important;
border-radius: 999px !important;
transform: translate(-50%, -50%) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3):not(.is-open) .borbila-pfs__section-icon::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
align-items: start !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-separator {
display: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__field {
gap: 8px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__field label {
font-size: 14px !important;
font-weight: 500 !important;
color: #6b7280 !important;
letter-spacing: 0 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input {
min-height: 46px !important;
gap: 8px !important;
padding: 0 14px !important;
border: 1px solid #131313 !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-symbol {
font-size: 16px !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input {
min-height: 44px !important;
padding: 0 !important;
border: 1px solid #131313 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 14px !important;
color: #131313 !important;
outline: none !important;
-webkit-box-shadow: none !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
background-clip: padding-box !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:focus {
outline: none !important;
border-color: #131313 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:focus-visible {
outline: none !important;
border-color: #131313 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:invalid,
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:user-invalid,
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:-webkit-autofill,
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input:-webkit-autofill:focus {
border-color: #131313 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
outline: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input::-webkit-outer-spin-button,
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(3) .borbila-pfs__price-input input::placeholder {
color: #7f8894 !important;
} .borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__section-toggle {
padding: 0 0 18px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__section-icon {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: #fef4f9 !important;
transform: none !important;
opacity: 1 !important;
position: relative !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__section-icon::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 12px !important;
height: 2px !important;
background: #ac6d6d !important;
border-radius: 999px !important;
transform: translate(-50%, -50%) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4):not(.is-open) .borbila-pfs__section-icon::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__options {
gap: 6px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__option {
gap: 14px !important;
min-height: 32px !important;
padding: 0 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__option input {
width: 19px !important;
height: 19px !important;
border-radius: 4px !important;
accent-color: #c72c77 !important;
outline: none !important;
box-shadow: none !important;
}
.borbila-pfs__rating-row {
display: inline-flex;
align-items: center;
gap: 12px;
}
.borbila-pfs__rating-stars {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 18px;
line-height: 1;
letter-spacing: 0;
}
.borbila-pfs__rating-stars .is-filled {
color: #e6750c;
}
.borbila-pfs__rating-stars .is-empty {
color: #d7dbe2;
}
.borbila-pfs__rating-text {
color: #5c6570;
font-size: 14px;
line-height: 1;
font-weight: 500;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__option:hover,
.borbila-pfs .borbila-pfs__section:nth-of-type(4) .borbila-pfs__option:has(input:checked) {
color: #131313 !important;
} .borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__section-toggle {
padding: 0 0 16px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__section-icon {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: #fef4f9 !important;
position: relative !important;
opacity: 1 !important;
transform: none !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__section-icon::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 12px !important;
height: 2px !important;
background: #ac6d6d !important;
border-radius: 999px !important;
transform: translate(-50%, -50%) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5):not(.is-open) .borbila-pfs__section-icon::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__options {
gap: 8px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__option {
gap: 12px !important;
min-height: 30px !important;
padding: 0 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(5) .borbila-pfs__option input {
width: 18px !important;
height: 18px !important;
border-radius: 4px !important;
accent-color: #131313 !important;
outline: none !important;
box-shadow: none !important;
} .borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__section-toggle {
padding: 0 0 16px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__section-icon {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: #fdeef6 !important;
transform: none !important;
opacity: 1 !important;
position: relative !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__section-icon::before,
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__section-icon::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 12px !important;
height: 2px !important;
background: #ac6d6d !important;
border-radius: 999px !important;
transform: translate(-50%, -50%) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6):not(.is-open) .borbila-pfs__section-icon::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__options {
gap: 8px !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__option {
gap: 12px !important;
min-height: 30px !important;
padding: 0 !important;
color: #131313 !important;
}
.borbila-pfs .borbila-pfs__section:nth-of-type(6) .borbila-pfs__option input {
width: 18px !important;
height: 18px !important;
border-radius: 4px !important;
accent-color: #c72c77 !important;
outline: none !important;
box-shadow: none !important;
}