/* Homepage split layout: stepped Parts Finder + primary categories. */
.doudoudis-home .doudoudis-home-finder-categories{
  padding:clamp(28px,3.6vw,52px) 0 clamp(38px,5vw,72px);
  background:#fff;
}

.doudoudis-home .doudoudis-home-finder-categories__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:18px;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-panel,
.doudoudis-home .doudoudis-home-finder-categories__categories-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid #dce4ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 42px rgba(20,33,66,.08);
}

.doudoudis-home .doudoudis-home-finder-categories__finder-panel{
  background:linear-gradient(145deg,#f8faff 0%,#fff 48%,#f4f7fb 100%);
}

.doudoudis-home .doudoudis-home-finder-categories__categories-panel{
  display:flex;
  flex-direction:column;
  background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head{
  position:relative;
  padding:25px 27px 17px;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head::before{
  position:absolute;
  top:26px;
  left:0;
  width:4px;
  height:44px;
  border-radius:0 999px 999px 0;
  background:#f59e0b;
  content:"";
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head>span{
  display:block;
  margin-bottom:8px;
  color:#b66a00;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head h2{
  max-width:520px;
  margin:0;
  color:#142142;
  font-size:clamp(23px,2vw,31px);
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.08;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head p{
  max-width:510px;
  margin:10px 0 0;
  color:#64748b;
  font-size:12.5px;
  line-height:1.55;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:18px;
  align-items:end;
  padding-bottom:19px;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories>span,
.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories h2,
.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories p{
  grid-column:1;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories>a{
  grid-column:2;
  grid-row:2 / span 2;
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#142142;
  font-size:9px;
  font-weight:900;
  letter-spacing:.045em;
  line-height:1.3;
  text-align:right;
  text-decoration:none;
}

.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories>a:hover,
.doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories>a:focus-visible{
  color:#b66a00;
  text-decoration:none;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body{
  padding:0 18px 18px;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder{
  width:100%;
  max-width:none;
  margin:0;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder--full{
  padding:18px;
  border:1px solid #e1e7f0;
  border-radius:17px;
  background:#fff;
  box-shadow:none;
}

/* The panel already provides the section heading. */
.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder__header{
  margin-bottom:14px;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder__header h2{
  font-size:21px;
  line-height:1.15;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder__header p{
  font-size:12px;
  line-height:1.5;
}

/* Vertical, step-like form flow inside the half-width finder. */
.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-field,
.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-section{
  position:relative;
  padding:17px 16px 17px 58px;
  border:1px solid #e1e7f0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 18px rgba(20,33,66,.045);
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-field::before{
  position:absolute;
  top:16px;
  left:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#142142;
  color:#fff;
  font-size:11px;
  font-weight:900;
  content:"1";
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-section::before{
  position:absolute;
  top:16px;
  left:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#fff7e8;
  color:#b66a00;
  font-size:11px;
  font-weight:900;
  content:"2";
  box-shadow:inset 0 0 0 1px #f2d5a1;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:11px !important;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-grid>*{
  width:100%;
  min-width:0;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body input,
.doudoudis-home .doudoudis-home-finder-categories__finder-body select{
  width:100% !important;
  min-height:50px;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-control input[type="search"]{
  min-height:52px;
  font-size:13px;
}

.doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-submit{
  width:100%;
  min-height:48px;
  margin-top:4px;
  border-radius:9px;
  background:#142142;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.doudoudis-home .doudoudis-home-finder-categories__category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  flex:1;
  padding:0 18px 18px;
}

.doudoudis-home .doudoudis-home-finder-category{
  display:grid;
  grid-template-rows:minmax(120px,1fr) auto;
  overflow:hidden;
  min-width:0;
  min-height:178px;
  border:1px solid #e0e7f0;
  border-radius:15px;
  background:#fff;
  color:#142142;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(20,33,66,.045);
  transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}

.doudoudis-home .doudoudis-home-finder-category:hover,
.doudoudis-home .doudoudis-home-finder-category:focus-visible{
  border-color:#efbc61;
  color:#142142;
  text-decoration:none;
  box-shadow:0 13px 27px rgba(20,33,66,.10);
  transform:translateY(-2px);
}

.doudoudis-home .doudoudis-home-finder-category__media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:16px 18px 8px;
  background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);
}

.doudoudis-home .doudoudis-home-finder-category__media img{
  display:block;
  width:100%;
  max-width:130px;
  height:108px;
  object-fit:contain;
}

.doudoudis-home .doudoudis-home-finder-category__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  border-radius:20px;
  background:#f7f9fc;
  color:#142142;
}

.doudoudis-home .doudoudis-home-finder-category__icon svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.55;
}

.doudoudis-home .doudoudis-home-finder-category__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:49px;
  padding:11px 14px;
  border-top:1px solid #edf1f6;
  background:#fff;
}

.doudoudis-home .doudoudis-home-finder-category__label strong{
  color:#142142;
  font-size:10px;
  font-weight:900;
  letter-spacing:.035em;
  line-height:1.25;
}

.doudoudis-home .doudoudis-home-finder-category__label>span{
  flex:0 0 auto;
  color:#c87800;
  font-size:17px;
  line-height:1;
}

/* The categories moved next to the finder; products now use the full row below. */
.doudoudis-home .doudoudis-home-commerce__grid{
  grid-template-columns:minmax(0,1fr);
}

.doudoudis-home .doudoudis-home-commerce .doudoudis-home-category-panel{
  display:none;
}

@media (max-width:1180px){
  .doudoudis-home .doudoudis-home-finder-categories__grid{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  }
  .doudoudis-home .doudoudis-home-finder-categories__panel-head{padding-inline:22px}
  .doudoudis-home .doudoudis-home-finder-categories__finder-body{padding-inline:14px}
  .doudoudis-home .doudoudis-home-finder-categories__category-grid{padding-inline:14px}
}

@media (max-width:960px){
  .doudoudis-home .doudoudis-home-finder-categories__grid{
    grid-template-columns:1fr;
  }
  .doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories{
    grid-template-columns:minmax(0,1fr) auto;
  }
}

@media (max-width:767px){
  .doudoudis-home .doudoudis-home-finder-categories{
    padding:18px 0 42px;
  }
  .doudoudis-home .doudoudis-home-finder-categories__grid{gap:14px}
  .doudoudis-home .doudoudis-home-finder-categories__finder-panel,
  .doudoudis-home .doudoudis-home-finder-categories__categories-panel{border-radius:18px}
  .doudoudis-home .doudoudis-home-finder-categories__panel-head{padding:22px 19px 15px}
  .doudoudis-home .doudoudis-home-finder-categories__panel-head::before{top:22px;height:40px}
  .doudoudis-home .doudoudis-home-finder-categories__panel-head h2{font-size:24px}
  .doudoudis-home .doudoudis-home-finder-categories__panel-head p{font-size:12px}
  .doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories{
    display:block;
  }
  .doudoudis-home .doudoudis-home-finder-categories__panel-head.is-categories>a{
    margin-top:12px;
    text-align:left;
  }
  .doudoudis-home .doudoudis-home-finder-categories__finder-body{padding:0 10px 10px}
  .doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-parts-finder--full{padding:12px}
  .doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-field,
  .doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-section{
    padding:15px 12px 15px 49px;
  }
  .doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-smart-search-field::before,
  .doudoudis-home .doudoudis-home-finder-categories__finder-body .dou-filter-section::before{
    top:14px;
    left:12px;
    width:27px;
    height:27px;
  }
  .doudoudis-home .doudoudis-home-finder-categories__category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:0 10px 10px;
  }
  .doudoudis-home .doudoudis-home-finder-category{
    grid-template-rows:minmax(94px,1fr) auto;
    min-height:146px;
    border-radius:13px;
  }
  .doudoudis-home .doudoudis-home-finder-category__media{padding:11px 10px 5px}
  .doudoudis-home .doudoudis-home-finder-category__media img{max-width:100px;height:82px}
  .doudoudis-home .doudoudis-home-finder-category__label{min-height:46px;padding:9px 10px}
  .doudoudis-home .doudoudis-home-finder-category__label strong{font-size:9px}
}

@media (max-width:390px){
  .doudoudis-home .doudoudis-home-finder-categories__category-grid{
    grid-template-columns:1fr 1fr;
  }
  .doudoudis-home .doudoudis-home-finder-category__label>span{font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  .doudoudis-home .doudoudis-home-finder-category{transition:none}
}