.elementor-794 .elementor-element.elementor-element-3766d28e{--display:flex;--justify-content:center;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-794 .elementor-element.elementor-element-3766d28e.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-794 .elementor-element.elementor-element-23699726{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-23699726 */.shop-search form{
  position:relative;
  max-width:820px;
  margin:24px auto 0;
}

.shop-search input[type="search"],
.shop-search input.search-field,
.shop-search input[type="text"]{
  width:100%;
  border:0;
  border-bottom:1px solid #2B2827;
  background:transparent;
  padding:22px 44px 10px 0; 
    font-family: IBM Plex Sans;
  font-size:14px;
  line-height:1.4;
  outline:none;
  box-shadow:none;
  border-radius:0; 
  font-weight: 400;
  font-style: normal;    
}


.shop-search input::placeholder{
  color:transparent !important;
}


.shop-search form::before{
  content:"Search";
  position:absolute;
  font-family: IBM Plex Sans;
  left:0;
  top:25px;
  font-size:14px;
  color:var(--text-color);
  transition:opacity .18s ease;
  pointer-events:none;
}


.shop-search form:has(input:focus)::before,
.shop-search form:has(input:not(:placeholder-shown))::before{
  opacity:0;
}


.shop-search button[type="submit"],
.shop-search input[type="submit"]{
  position:absolute;
  right:0;
  top:17px;
  width:28px;
  height:28px;
  border:0;
  background:none;
  padding:0;
  cursor:pointer;
  text-indent:-9999px;
}

.shop-search button[type="submit"]::before,
.shop-search input[type="submit"]::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image: url("https://vajze.ch/wp-content/uploads/2025/08/guidance_search.svg");
}


.shop-search .screen-reader-text{position:absolute;left:-9999px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3766d28e */.products-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 48px 36px;
  align-items:start;
  margin-top: 70px;
}


.product-card{
  display:block;
  text-decoration:none;
  color:inherit;
}

.product-card .thumb{
 aspect-ratio: 4 / 5;          
  overflow:hidden;
}
.product-card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.product-card .meta{
  display:grid;
  grid-template-columns: 1fr auto; 
  align-items:start;
  column-gap:12px;
  margin-top:8px;
}

.product-card .title{
  color: #2B2827 !important;  
  font-size: 14px;
  font-family: Work Sans !important;
font-weight: 300;
  line-height:1.3;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.product-card .price{
    justify-self:end;
   color: #2B2827 !important;
  text-align: right;  
  font-family: Work Sans !important;
font-weight: 400 !important;
font-size: 14px; 
}


.product-card .swatches{
  display:flex;
  gap:10px;
  padding:0;
  list-style:none;
}
.product-card .swatch .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
  outline:1px solid rgba(0,0,0,.15);
  outline-offset:0;
}
.product-card .swatch .dot[data-selected="true"]{
  outline:1.5px solid rgba(0,0,0,.6);
}


.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.no-results {
    max-width: 820px;
    margin: 16px auto 0;
}

.no-results p{
      color: #2B282780;
    font-family: IBM Plex Sans;
font-weight: 500;
font-style: Medium;
font-size: 14px;
vertical-align: middle;
}

@media (max-width: 1024px){
  .products-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:36px 28px; }
}
@media (max-width: 640px){
  .products-grid{ grid-template-columns: 1fr; gap:28px; }
}/* End custom CSS */