.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-not-valid-tip {
direction: rtl;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
right: 1em;
}
.wpcf7-list-item {
margin: 0 1em 0 0;
}@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&display=swap"); :root {
--wcss-black:      #1a1a1a;
--wcss-dark:       #333333;
--wcss-white:      #ffffff;
--wcss-grey-50:    #fafafa;
--wcss-grey-100:   #f4f4f4;
--wcss-grey-200:   #ebebeb;
--wcss-grey-400:   #b0b0b0;
--wcss-grey-600:   #777777;
--wcss-radius:     8px;
--wcss-radius-lg:  14px;
--wcss-font:       'Heebo', 'Arial Hebrew', Arial, sans-serif;
--wcss-transition: 200ms cubic-bezier(.25,.46,.45,.94);
--wcss-shadow-sm:  0 2px 12px rgba(0,0,0,.06);
--wcss-shadow:     0 4px 24px rgba(0,0,0,.08);
--wcss-shadow-lg:  0 8px 48px rgba(0,0,0,.12);
--wcss-panel-w:    540px;
} .wcss-widget {
display:     inline-block;
position:    relative;
font-family: var(--wcss-font);
}
.wcss-trigger {
display:        inline-flex;
align-items:    center;
gap:            8px;
background:     var(--wcss-white);
border:         none;
color:          var(--wcss-dark);
padding:        10px 20px;
border-radius:  var(--wcss-radius);
cursor:         pointer;
font-family:    var(--wcss-font);
font-size:      13px;
font-weight:    500;
letter-spacing: .03em;
box-shadow:     var(--wcss-shadow-sm);
transition:     box-shadow var(--wcss-transition), transform var(--wcss-transition);
}
.wcss-trigger:hover,
.wcss-trigger:focus-visible {
box-shadow: var(--wcss-shadow);
transform:  translateY(-1px);
outline:    none;
}
.wcss-trigger[aria-expanded="true"] {
box-shadow: var(--wcss-shadow);
}
.wcss-trigger .wcss-icon {
width:       18px;
height:      18px;
flex-shrink: 0;
color:       var(--wcss-grey-600);
} .wcss-backdrop {
display:         none;
position:        fixed;
inset:           0;
background:      rgba(0,0,0,.18);
backdrop-filter: blur(4px);
z-index:         9998;
animation:       wcss-fade-in 200ms ease forwards;
}
.wcss-backdrop.is-visible { display: block; } .wcss-panel {
display:    none;
position:   fixed;
top:        0;
right:      0;
width:      100%;
max-width:  var(--wcss-panel-w);
height:     100dvh;
background: var(--wcss-white);
border:     none;
box-shadow: var(--wcss-shadow-lg);
z-index:    9999;
overflow-y: auto;
overflow-x: hidden;
animation:  wcss-slide-in 240ms cubic-bezier(.22,.61,.36,1) forwards;
}
.wcss-panel.is-open { display: block; }
.wcss-panel-inner {
padding:        40px 44px 60px;
min-height:     100%;
display:        flex;
flex-direction: column;
gap:            0;
} .wcss-close {
display:         flex;
align-items:     center;
justify-content: center;
margin-left:     auto;
margin-bottom:   32px;
background:      var(--wcss-grey-100);
border:          none;
border-radius:   50%;
cursor:          pointer;
color:           var(--wcss-grey-600);
padding:         0;
width:           36px;
height:          36px;
flex-shrink:     0;
transition:      background var(--wcss-transition), color var(--wcss-transition);
}
.wcss-close svg {
width:   16px;
height:  16px;
display: block;
}
.wcss-close:hover {
background: var(--wcss-grey-200);
color:      var(--wcss-black);
} .wcss-input-row {
display:       flex;
align-items:   center;
gap:           14px;
background:    var(--wcss-grey-50);
border:        none;
border-radius: var(--wcss-radius-lg);
padding:       14px 18px;
margin-bottom: 32px;
}
.wcss-input-icon {
width:       22px;
height:      22px;
flex-shrink: 0;
color:       var(--wcss-grey-400);
}
.wcss-input {
flex:        1;
border:      none;
outline:     none;
font-family: var(--wcss-font);
font-size:   20px;
font-weight: 300;
color:       var(--wcss-black);
background:  transparent;
padding:     0;
caret-color: var(--wcss-dark);
}
.wcss-input::placeholder {
color:   var(--wcss-grey-400);
opacity: 1;
} .wcss-filters {
display:        flex;
flex-direction: column;
gap:            28px;
margin-bottom:  32px;
}
.wcss-filter-group {
display:        flex;
flex-direction: column;
gap:            10px;
}
.wcss-filter-label {
font-size:      11px;
font-weight:    600;
letter-spacing: .1em;
text-transform: uppercase;
color:          var(--wcss-grey-400);
} .wcss-select-wrap { position: relative; }
.wcss-select {
width:              100%;
appearance:         none;
-webkit-appearance: none;
border:             none;
border-radius:      var(--wcss-radius);
background:         var(--wcss-grey-50);
color:              var(--wcss-dark);
font-family:        var(--wcss-font);
font-size:          14px;
font-weight:        400;
padding:            12px 40px 12px 16px;
cursor:             pointer;
outline:            none;
transition:         background var(--wcss-transition);
}
.wcss-select:focus { background: var(--wcss-grey-100); }
.wcss-chevron {
position:       absolute;
right:          12px;
top:            50%;
transform:      translateY(-50%);
width:          16px;
height:         16px;
color:          var(--wcss-grey-400);
pointer-events: none;
} .wcss-tags-cloud {
display:   flex;
flex-wrap: wrap;
gap:       8px;
}
.wcss-tag {
background:    var(--wcss-grey-100);
border:        none;
border-radius: 100px;
color:         var(--wcss-grey-600);
font-family:   var(--wcss-font);
font-size:     12px;
font-weight:   500;
padding:       6px 14px;
cursor:        pointer;
transition:    background var(--wcss-transition), color var(--wcss-transition);
white-space:   nowrap;
}
.wcss-tag:hover {
background: var(--wcss-grey-200);
color:      var(--wcss-black);
}
.wcss-tag.is-selected,
.wcss-tag[aria-pressed="true"] {
background: var(--wcss-dark);
color:      var(--wcss-white);
} .wcss-suggestions {
background:    var(--wcss-grey-50);
border-radius: var(--wcss-radius-lg);
margin-bottom: 24px;
max-height:    300px;
overflow-y:    auto;
}
.wcss-suggestions:empty { display: none; margin: 0; }
.wcss-suggestion-item {
display:         flex;
align-items:     center;
gap:             14px;
padding:         12px 16px;
text-decoration: none;
color:           var(--wcss-black);
transition:      background var(--wcss-transition);
}
.wcss-suggestion-item + .wcss-suggestion-item {
border-top: 1px solid var(--wcss-grey-200);
}
.wcss-suggestion-item:hover    { background: var(--wcss-grey-100); }
.wcss-suggestion-item:first-child { border-radius: var(--wcss-radius-lg) var(--wcss-radius-lg) 0 0; }
.wcss-suggestion-item:last-child  { border-radius: 0 0 var(--wcss-radius-lg) var(--wcss-radius-lg); }
.wcss-suggestion-img {
width:         48px;
height:        48px;
object-fit:    cover;
border-radius: var(--wcss-radius);
flex-shrink:   0;
background:    var(--wcss-grey-200);
}
.wcss-suggestion-meta { flex: 1; overflow: hidden; }
.wcss-suggestion-title {
font-size:     14px;
font-weight:   500;
white-space:   nowrap;
overflow:      hidden;
text-overflow: ellipsis;
display:       block;
}
.wcss-suggestion-price {
font-size:  13px;
color:      var(--wcss-grey-600);
margin-top: 2px;
display:    block;
}
.wcss-suggestions-empty {
padding:   20px 16px;
font-size: 14px;
color:     var(--wcss-grey-600);
} .wcss-actions {
margin-top:  auto;
padding-top: 24px;
}
.wcss-submit {
display:         inline-flex;
align-items:     center;
justify-content: center;
gap:             10px;
background:      var(--wcss-white);
border:          none;
border-radius:   var(--wcss-radius);
color:           var(--wcss-dark);
font-family:     var(--wcss-font);
font-size:       14px;
font-weight:     600;
letter-spacing:  .03em;
padding:         15px 28px;
cursor:          pointer;
width:           100%;
box-shadow:      var(--wcss-shadow);
transition:      box-shadow var(--wcss-transition), transform var(--wcss-transition);
}
.wcss-submit svg {
width:  16px;
height: 16px;
color:  var(--wcss-grey-600);
}
.wcss-submit:hover {
box-shadow: var(--wcss-shadow-lg);
transform:  translateY(-1px);
} .wcss-results-page {
font-family: var(--wcss-font);
color:       var(--wcss-black);
max-width:   1280px;
margin:      0 auto;
padding:     0 24px 100px;
} .wcss-breadcrumbs {
margin-bottom: 40px;
padding:       20px 0;
}
.wcss-breadcrumbs__list {
list-style:  none;
margin:      0;
padding:     0;
display:     flex;
align-items: center;
flex-wrap:   wrap;
gap:         6px;
}
.wcss-breadcrumbs__item {
display:     flex;
align-items: center;
gap:         6px;
font-size:   13px;
}
.wcss-breadcrumbs__link {
display:         inline-flex;
align-items:     center;
gap:             5px;
color:           var(--wcss-grey-400);
text-decoration: none;
font-weight:     400;
transition:      color var(--wcss-transition);
}
.wcss-breadcrumbs__link svg { width: 13px; height: 13px; }
.wcss-breadcrumbs__link:hover { color: var(--wcss-dark); }
.wcss-breadcrumbs__sep {
color:     var(--wcss-grey-400);
font-size: 11px;
}
.wcss-breadcrumbs__item--current {
font-weight: 500;
color:       var(--wcss-dark);
} .wcss-results-header {
display:         flex;
align-items:     flex-end;
justify-content: space-between;
gap:             24px;
margin-bottom:   40px;
flex-wrap:       wrap;
}
.wcss-results-title {
font-size:      32px;
font-weight:    300;
letter-spacing: -.01em;
line-height:    1.2;
margin:         0 0 6px;
color:          var(--wcss-black);
}
.wcss-results-title em {
font-style:  normal;
font-weight: 700;
}
.wcss-results-count {
font-size:  13px;
color:      var(--wcss-grey-400);
margin:     0;
font-weight: 400;
} .wcss-active-filters {
display:       flex;
flex-wrap:     wrap;
gap:           8px;
align-items:   center;
margin-bottom: 36px;
}
.wcss-active-filters__label {
font-size:      11px;
color:          var(--wcss-grey-400);
font-weight:    500;
letter-spacing: .08em;
text-transform: uppercase;
}
.wcss-filter-pill {
display:       inline-flex;
align-items:   center;
gap:           6px;
background:    var(--wcss-white);
color:         var(--wcss-dark);
border:        none;
border-radius: 100px;
font-size:     12px;
font-weight:   500;
padding:       6px 14px;
box-shadow:    var(--wcss-shadow-sm);
}
.wcss-filter-pill svg { width: 12px; height: 12px; opacity: .5; }
.wcss-filter-pill--cat,
.wcss-filter-pill--tag { background: var(--wcss-grey-100); box-shadow: none; }
.wcss-filter-pill__remove {
color:           var(--wcss-grey-400);
text-decoration: none;
font-size:       15px;
line-height:     1;
margin-left:     2px;
transition:      color var(--wcss-transition);
}
.wcss-filter-pill__remove:hover { color: var(--wcss-black); } .wcss-grid {
display:               grid;
grid-template-columns: repeat( auto-fill, minmax(260px, 1fr) );
gap:                   28px;
margin-bottom:         72px;
} .wcss-card {
background:     var(--wcss-white);
display:        flex;
flex-direction: column;
border:         none;
border-radius:  var(--wcss-radius-lg);
overflow:       hidden;
box-shadow:     var(--wcss-shadow-sm);
transition:     box-shadow var(--wcss-transition), transform var(--wcss-transition);
}
.wcss-card:hover {
box-shadow: var(--wcss-shadow);
transform:  translateY(-4px);
}
.wcss-card__img-wrap {
display:      block;
aspect-ratio: 1 / 1;
overflow:     hidden;
background:   var(--wcss-grey-100);
}
.wcss-card__img {
width:      100%;
height:     100%;
object-fit: cover;
display:    block;
transition: transform 320ms ease;
}
.wcss-card:hover .wcss-card__img { transform: scale(1.05); }
.wcss-card__body {
padding:        24px;
display:        flex;
flex-direction: column;
flex:           1;
gap:            10px;
}
.wcss-card__cats {
display:   flex;
flex-wrap: wrap;
gap:       5px;
}
.wcss-card__cat-link {
font-size:       11px;
font-weight:     600;
letter-spacing:  .08em;
text-transform:  uppercase;
color:           var(--wcss-grey-400);
text-decoration: none;
transition:      color var(--wcss-transition);
}
.wcss-card__cat-link:hover { color: var(--wcss-dark); }
.wcss-card__title {
font-size:   17px;
font-weight: 600;
line-height: 1.35;
margin:      0;
}
.wcss-card__title a {
color:           var(--wcss-black);
text-decoration: none;
}
.wcss-card__title a:hover { color: var(--wcss-grey-600); }
.wcss-card__excerpt {
font-size:   13px;
color:       var(--wcss-grey-600);
line-height: 1.6;
margin:      0;
flex:        1;
}
.wcss-card__tags {
display:   flex;
flex-wrap: wrap;
gap:       5px;
}
.wcss-card__tag {
font-size:     11px;
color:         var(--wcss-grey-400);
background:    var(--wcss-grey-50);
padding:       3px 9px;
border-radius: 100px;
}
.wcss-card__footer {
display:     flex;
align-items: center;
gap:         12px;
margin-top:  6px;
padding-top: 16px;
}
.wcss-card__price {
flex:        1;
font-size:   18px;
font-weight: 700;
color:       var(--wcss-black);
}
.wcss-card__price .amount { font-family: var(--wcss-font); }
.wcss-card__btn {
display:         inline-flex;
align-items:     center;
background:      var(--wcss-white);
border:          none;
color:           var(--wcss-dark) !important;
text-decoration: none;
font-family:     var(--wcss-font);
font-size:       12px;
font-weight:     600;
letter-spacing:  .04em;
text-transform:  uppercase;
padding:         10px 18px;
border-radius:   var(--wcss-radius);
white-space:     nowrap;
box-shadow:      var(--wcss-shadow-sm);
transition:      box-shadow var(--wcss-transition), transform var(--wcss-transition);
}
.wcss-card__btn:hover {
box-shadow: var(--wcss-shadow);
transform:  translateY(-1px);
}
.wcss-card__btn--view {
background: var(--wcss-grey-100);
box-shadow: none;
color:      var(--wcss-dark) !important;
}
.wcss-card__btn--view:hover {
background: var(--wcss-grey-200);
box-shadow: none;
transform:  none;
} .wcss-pagination {
display:         flex;
gap:             8px;
flex-wrap:       wrap;
justify-content: center;
}
.wcss-page-btn {
display:         inline-flex;
align-items:     center;
justify-content: center;
width:           42px;
height:          42px;
background:      var(--wcss-white);
border:          none;
border-radius:   var(--wcss-radius);
color:           var(--wcss-dark);
font-family:     var(--wcss-font);
font-size:       14px;
font-weight:     500;
text-decoration: none;
box-shadow:      var(--wcss-shadow-sm);
transition:      box-shadow var(--wcss-transition), transform var(--wcss-transition);
}
.wcss-page-btn:hover {
box-shadow: var(--wcss-shadow);
transform:  translateY(-1px);
}
.wcss-page-btn--active {
background: var(--wcss-dark);
color:      var(--wcss-white);
box-shadow: var(--wcss-shadow);
} .wcss-no-results {
text-align: center;
padding:    100px 20px;
}
.wcss-no-results svg {
width:   72px;
height:  72px;
margin:  0 auto 28px;
display: block;
color:   var(--wcss-grey-200);
}
.wcss-no-results h2 {
font-size:   24px;
font-weight: 600;
color:       var(--wcss-dark);
margin:      0 0 10px;
}
.wcss-no-results p {
font-size:  15px;
color:      var(--wcss-grey-600);
margin:     0 0 32px;
} .wcss-nav-wrap {
display:     inline-flex;
align-items: center;
}
.wcss-gp-wrap { margin-left: 12px; }
.wcss-hide-label .wcss-trigger-label { display: none; }
.wcss-nav-item .wcss-trigger,
.wcss-nav-wrap  .wcss-trigger {
background: transparent;
box-shadow: none;
padding:    6px 8px;
}
.wcss-nav-item .wcss-trigger:hover,
.wcss-nav-wrap  .wcss-trigger:hover {
background: var(--wcss-grey-100);
box-shadow: none;
transform:  none;
} @keyframes wcss-slide-in {
from { transform: translateX(100%); opacity: 0; }
to   { transform: translateX(0);    opacity: 1; }
}
@keyframes wcss-fade-in {
from { opacity: 0; }
to   { opacity: 1; }
} @media (max-width: 600px) {
.wcss-panel        { max-width: 100%; }
.wcss-panel-inner  { padding: 28px 24px 48px; }
.wcss-grid         { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.wcss-results-header { flex-direction: column; align-items: flex-start; }
.wcss-input        { font-size: 18px; }
.wcss-results-title { font-size: 24px; }
.wcss-results-page { padding: 0 16px 60px; }
}
@media (max-width: 400px) {
.wcss-grid { grid-template-columns: 1fr; }
}.wpmenucart-icon-shopping-cart-0:before{font-family:WPMenuCart;speak:none;font-style:normal;font-weight:400;display:inline;width:auto;height:auto;line-height:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0;margin-right:.25em}.wpmenucart-icon-shopping-cart-0:before{content:"\f07a"}