.elementor-194 .elementor-element.elementor-element-fd10c80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-194 .elementor-element.elementor-element-54dd08b{--e-image-carousel-slides-to-show:1;}.elementor-194 .elementor-element.elementor-element-de65455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-194 .elementor-element.elementor-element-c96d463{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-194 .elementor-element.elementor-element-c6478a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-194 .elementor-element.elementor-element-ce2a395{text-align:center;}.elementor-194 .elementor-element.elementor-element-cce79f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-194 .elementor-element.elementor-element-fd10c80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-194 .elementor-element.elementor-element-fd10c80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-194 .elementor-element.elementor-element-54dd08b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-194 .elementor-element.elementor-element-1944142{padding:0px 10px 0px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-b13a6d8 */.elementor-194 .elementor-element.elementor-element-b13a6d8 /* === Opa Reklama — Category Cards (Final Version) === */
:root{
  --opa-green:#69B345;
  --opa-green-hover:#7ED956;
  --opa-text:#111;
  --opa-border:#E5E7EB;
  --opa-card:#fff;
}

/* Base card */
.sp-wcsp-cat-item.swiper-slide{
  background:var(--opa-card);
  border:1px solid var(--opa-border);
  border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:300px;
  height:auto !important;
  padding:16px 14px 12px !important;
  box-sizing:border-box;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sp-wcsp-cat-item.swiper-slide:hover{
  transform:translateY(-2px);
  border-color:#d6dadf;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Image thumbnail */
.sp-wcsp-cat-thumbnail{
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:none !important;
}
.sp-wcsp-cat-thumbnail img.sp-wcsp-cat-thumb{
  width:80%;
  height:80%;
  object-fit:contain;
  background:none !important;
  border:none !important;
  transition:transform .25s ease;
}
.sp-wcsp-cat-item:hover img.sp-wcsp-cat-thumb{
  transform:scale(1.05);
}

/* Title + Button structure */
.sp-wcsp-cat-details,
.sp-wcsp-cat-details-content{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100%;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  gap:6px;
}
.sp-wcsp-cat-name{
  font-weight:600;
  color:var(--opa-text);
  text-align:center;
  line-height:1.3;
  min-height:2.6em;
  margin:0 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Button container */
.sp-wcsp-text-center{
  width:100%;
  margin-top:auto !important;
  margin-bottom:0 !important;
  padding-top:6px !important;
  padding-bottom:0 !important;
  display:flex;
  justify-content:center;
  line-height:0 !important;
}

/* Button itself */
.sp-wcsp-text-center a,
.sp-wcsp-cat-details a.button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  min-width:140px;
  font-weight:600;
  font-size:14px;
  border-radius:8px;
  background:var(--opa-green);
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid var(--opa-green);
  transition:background .2s ease, transform .1s ease;
  margin-bottom:0 !important;
}
.sp-wcsp-text-center a:hover,
.sp-wcsp-cat-details a.button:hover{
  background:var(--opa-green-hover);
  border-color:var(--opa-green-hover);
  transform:translateY(-1px);
}

/* Mobile adjustments */
@media (max-width:480px){
  .sp-wcsp-cat-item.swiper-slide{
    min-height:270px;
    padding:12px;
  }
  .sp-wcsp-text-center a{
    min-width:120px;
    font-size:13px;
    padding:8px 12px;
  }
}/* End custom CSS */