.elementor-1160 .elementor-element.elementor-element-d6e179e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-1160 .elementor-element.elementor-element-e6648c0{--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-1160 .elementor-element.elementor-element-04abb47 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1160 .elementor-element.elementor-element-04abb47{text-align:center;}.elementor-1160 .elementor-element.elementor-element-04abb47 .elementor-heading-title{text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-1160 .elementor-element.elementor-element-21340f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-1160 .elementor-element.elementor-element-24e80fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1160 .elementor-element.elementor-element-2ac23f2 img{height:90%;object-fit:contain;object-position:center center;}.elementor-1160 .elementor-element.elementor-element-64e0de9{--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:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}@media(min-width:768px){.elementor-1160 .elementor-element.elementor-element-e6648c0{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1160 .elementor-element.elementor-element-e6648c0{--width:100%;}}@media(max-width:1024px){.elementor-1160 .elementor-element.elementor-element-d6e179e{--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:10%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-1160 .elementor-element.elementor-element-21340f4{--padding-top:10%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-1160 .elementor-element.elementor-element-24e80fc{--padding-top:10%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-1160 .elementor-element.elementor-element-64e0de9{--padding-top:10%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-1160 .elementor-element.elementor-element-04abb47{text-align:center;}.elementor-1160 .elementor-element.elementor-element-04abb47 .elementor-heading-title{font-size:34px;}.elementor-1160 .elementor-element.elementor-element-21340f4{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1160 .elementor-element.elementor-element-24e80fc{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1160 .elementor-element.elementor-element-2ac23f2 img{height:300px;object-fit:contain;}.elementor-1160 .elementor-element.elementor-element-64e0de9{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-24a3705 *//* BMI kalkulator (žene) — CSS za Elementor */
.bmi-card{
  --pri:#4A1D64; /* tamna ljubičasta */
  --acc:#DC5D76; /* roze akcent */
  --bg:#ffffff;
  --ink:#2c2440;
  --muted:#6f6791;
  --ring: color-mix(in oklab, var(--pri) 30%, #ffffff);
  background: var(--bg);
  border: 1px solid color-mix(in oklab, var(--pri) 15%, #0000);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(74,29,100,.08);
  max-width: 720px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--ink);
}
.bmi-title{
  margin: 0 0 18px;
  font-size: clamp(22px, 3.5vw, 28px);
  font-weight: 800;
  letter-spacing:.2px;
  color: var(--pri);
  line-height:1.15;
}
.bmi-sub{
  display:inline-block;
  font-size: .8em;
  font-weight:600;
  color: var(--acc);
  margin-left:.35em;
}
.bmi-form{ display:block; }

.bmi-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
}
@media (max-width:640px){
  .bmi-grid{ grid-template-columns: 1fr; }
}
.bmi-field>span{
  display:block;
  font-size:14px;
  color:var(--muted);
  margin:0 0 6px;
  font-weight:600;
}
.bmi-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.bmi-input-wrap input{
  width:100%;
  appearance:textfield;
  border:1.5px solid color-mix(in oklab, var(--pri) 20%, #0000);
  border-radius:12px;
  padding:14px 44px 14px 14px;
  font-size:16px;
  transition:.2s border-color, .2s box-shadow;
  outline:none;
}
.bmi-input-wrap input:focus{
  border-color: var(--pri);
  box-shadow: 0 0 0 4px var(--ring);
}
.bmi-unit{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:13px;
  color:var(--muted);
  background:#f7f4fa;
  padding:4px 8px;
  border-radius:10px;
  border:1px solid color-mix(in oklab, var(--pri) 10%, #0000);
}

.bmi-help{
  margin:12px 0 4px;
  font-size:13px;
  color:var(--muted);
}

.bmi-result{
  margin-top:14px;
  background: linear-gradient(180deg, #fff, #f9f6fb);
  border:1px dashed color-mix(in oklab, var(--pri) 25%, #0000);
  border-radius:14px;
  padding:16px;
}
.bmi-result-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.bmi-result-label{ color:var(--muted); font-weight:600; }
.bmi-result-value{
  font-size:22px;
  color:var(--pri);
  letter-spacing:.3px;
}

.bmi-badge{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.3px;
  color:#fff;
  background: var(--acc);
  padding:8px 10px;
  border-radius:999px;
}

.bmi-scale{
  margin-top:14px;
}
.bmi-scale-track{
  position:relative;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:6px;
}
.bmi-scale-seg{
  display:block;
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#fff;
  padding:10px 8px;
  border-radius:10px;
}
.seg-under{ background: color-mix(in oklab, var(--acc) 60%, #0000); }
.seg-normal{ background: var(--pri); }
.seg-over{ background: color-mix(in oklab, var(--pri) 60%, #0000); }
.seg-obese{ background: color-mix(in/* End custom CSS */