.testimonials{
  position:relative;
  scroll-margin-top:calc(var(--header-height) + 8px);
  background:
    linear-gradient(
            to bottom,
            #fffdf8 0%,
            #fffdf8 48%,
            #fafaf3 56%,
            #f3f6e5 66%,
            #e9efd3 78%,
            #dde7bd 90%,
            #d4dfae 100%
        );
  overflow:hidden;
  padding:clamp(44px,5.4vw,72px) 0 clamp(50px,5.8vw,78px);
  font-family:"Poppins",Arial,sans-serif;
}

.testimonials__inner{
  position:relative;
  width:min(100%,1366px);
  margin:0 auto;
  min-height:clamp(480px,51vw,700px);
}

.testimonials__title{
  position:absolute;
  left:clamp(74px,11.6vw,158px);
  top:-12px;
  margin:0;
  color:#7e8c63;
  font-size:clamp(30px,3.05vw,42px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.06em;
}

.testimonials__stage{
  position:absolute;
  inset:0;
  transform:translateY(-12px);
  opacity:1;
  transition:opacity .18s ease,filter .18s ease;
}

.testimonials__stage.is-changing{
  opacity:0;
  filter:blur(2px);
}

.testimonial-card{
  position:absolute;
  color:#edf4d7;
  z-index:3;
}

.testimonial-card h3{
  margin:0 0 clamp(10px,1.05vw,15px) 24px;
  color:#7e8c63;
  font-size:clamp(15px,1.37vw,20px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.04em;
}


.testimonial-card__bubble{
  min-height:clamp(255px,19vw,270px);
  background:#899a6d;
  border-radius:clamp(36px,4.75vw,65px);
  box-shadow:0 12px 20px rgba(55,68,38,.12);
  display:block;
}

.testimonial-card__bubble p{
  margin:0 auto;
  max-width:82%;
  color:#ced8a7;
  font-size:clamp(10.4px,.95vw,13px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.055em;
}

.testimonial-card--left{
  left:clamp(28px,6.8vw,82px);
  top:clamp(132px,16.5vw,225px);
  width:clamp(300px,25vw,340px);
}
.testimonial-card--left .testimonial-card__bubble{
  
  padding:clamp(26px,3.2vw,44px) clamp(38px,4vw,54px) clamp(18px,2vw,28px);
}

.testimonial-card--center{
  left:50%;
  top:clamp(70px,8.8vw,120px);
  width:clamp(300px,25vw,340px);
  transform:translateX(-50%);
}
.testimonial-card--center .testimonial-card__bubble{
  
  padding:clamp(26px,3.1vw,42px) clamp(40px,4.2vw,56px) clamp(18px,2vw,28px);
}

.testimonial-card--right{
  right:clamp(20px,5.8vw,70px);
  top:clamp(156px,18.9vw,258px);
  width:clamp(300px,25vw,340px);
}
.testimonial-card--right .testimonial-card__bubble{
  padding:clamp(27px,3.18vw,43px) clamp(40px,4.2vw,56px) clamp(20px,2.2vw,30px);
}

.testimonials__fruit{
  position:absolute;
  z-index:1;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 8px 8px rgba(46,58,31,.22));
}
.testimonials__fruit--avocado{
  width:clamp(92px,11.2vw,153px);
  left:clamp(-62px,-3.2vw,-8px);
  top:clamp(175px,22vw,275px);
  transform:scaleX(-1);
}
.testimonials__fruit--orange{
  width:clamp(94px,10.4vw,142px);
  left:clamp(250px,27.8vw,360px);
  top:clamp(88px,9.8vw,126px);
}
.testimonials__fruit--tomato{
  width:clamp(62px,6.8vw,92px);
  left:clamp(725px,62.5vw,865px);
  top:clamp(76px,9.5vw,142px);
}
.testimonials__fruit--blueberries{
  width:clamp(68px,7.9vw,108px);
  left:clamp(455px,39vw,535px);
  top:clamp(250px,28vw,400px);
  transition:top .22s ease;
}
.testimonials__fruit--lime{
  width:clamp(76px,8.25vw,113px);
  left:clamp(780px,66vw,900px);
  top:clamp(330px,39vw,532px);
  z-index:0;
}
.testimonials__fruit--leaves-right{
  width:clamp(106px,11.6vw,154px);
  right:clamp(8px,1.5vw,18px);
  top:clamp(70px,9.8vw,118px);
  filter:drop-shadow(0 7px 7px rgba(46,58,31,.18));
}
.testimonials__fruit--leaves-bottom{
  width:clamp(78px,9.2vw,126px);
  left:clamp(115px,17vw,225px);
  bottom:clamp(24px,3vw,40px);
  filter:drop-shadow(0 8px 8px rgba(46,58,31,.18));
}

.testimonials__arrow{
  position:absolute;
  z-index:5;
  right:clamp(18px,2vw,28px);
  top:clamp(238px,27vw,330px);
  width:clamp(20px,2vw,27px);
  height:clamp(68px,6.75vw,91px);
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .28s ease;
}
.testimonials__arrow img{width:100%;height:100%;object-fit:contain;}
.testimonials__arrow:hover{transform:translateX(4px);opacity:.84;}

.testimonials__arrow--prev{
  left:clamp(18px,2vw,28px);
  right:auto;
}

.testimonials__arrow--prev img{
  transform:rotate(180deg);
}

.testimonials__arrow--prev:hover{
  transform:translateX(-4px);
}

@media (max-width:980px){
  .testimonials{
    padding:52px 0 64px;
  }
  .testimonials__inner{
    width:min(100%,760px);
    min-height:0;
    padding:0 24px;
  }
  .testimonials__title{
    position:relative;
    left:auto;
    top:auto;
    margin:0 auto 34px;
    text-align:center;
  }
  .testimonials__stage{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
    max-width:440px;
    margin:0 auto;
  }
  .testimonial-card,
  .testimonial-card--left,
  .testimonial-card--center,
  .testimonial-card--right{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    transform:none;
  }
  .testimonial-card h3{
    margin-left:24px;
    font-size:20px;
  }
  .testimonial-card__bubble,
  .testimonial-card--left .testimonial-card__bubble,
  .testimonial-card--center .testimonial-card__bubble,
  .testimonial-card--right .testimonial-card__bubble{
    min-height:auto;
    padding:30px 32px;
    border-radius:44px;
  }
  .testimonial-card__bubble p{
    font-size:14px;
    line-height:1.18;
    letter-spacing:-.04em;
  }
  .testimonials__fruit--orange{left:calc(50% - 225px);top:96px;width:92px;}
  .testimonials__fruit--tomato{
  width:clamp(62px,6.8vw,92px);
  left:clamp(725px,62.5vw,865px);
  top:clamp(76px,9.5vw,142px);
}
  .testimonials__fruit--blueberries{
  width:clamp(68px,7.9vw,108px);
  left:clamp(455px,39vw,535px);
  top:clamp(250px,28vw,400px);
}
  .testimonials__fruit--lime{right:-8px;left:auto;top:54%;width:74px;z-index:0;}
  .testimonials__fruit--leaves-right{
  width:clamp(106px,11.6vw,154px);
  right:clamp(8px,1.5vw,18px);
  top:clamp(70px,9.8vw,118px);
  filter:drop-shadow(0 7px 7px rgba(46,58,31,.18));
}
  .testimonials__fruit--leaves-bottom{
  width:clamp(78px,9.2vw,126px);
  left:clamp(115px,17vw,225px);
  bottom:clamp(24px,3vw,40px);
  filter:drop-shadow(0 8px 8px rgba(46,58,31,.18));
}
  .testimonials__fruit--avocado{left:-56px;top:330px;width:116px;}
  .testimonials__arrow{display:none;}
}

@media (min-width:561px) and (max-width:980px){
  .testimonials__arrow{
    display:block;
    top:50%;
    right:12px;
    transform:translateY(-50%);
  }

  .testimonials__arrow:hover{
    transform:translateY(-50%) translateX(4px);
  }

  .testimonials__arrow--prev{
    left:12px;
    right:auto;
  }

  .testimonials__arrow--prev:hover{
    transform:translateY(-50%) translateX(-4px);
  }
}

@media (max-width:560px){
  .testimonials{
    padding:42px 0 64px;
    overflow:hidden;
  }

  .testimonials__inner{
    width:100%;
    min-height:0;
    padding:0;
  }

  .testimonials__title{
    position:relative;
    left:auto;
    top:auto;
    margin:0 0 28px;
    text-align:center;
    font-size:38px;
    line-height:1;
    letter-spacing:-.055em;
  }

  /* Mobile carousel: one testimonial per screen, swipe left/right */
  .testimonials__stage{
    position:relative;
    inset:auto;
    transform:none;
    display:flex;
    gap:18px;
    width:100%;
    max-width:none;
    margin:0;
    padding:0 42px 12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    z-index:3;
  }

  .testimonials__stage::-webkit-scrollbar{
    display:none;
  }

  .testimonial-card,
  .testimonial-card--left,
  .testimonial-card--center,
  .testimonial-card--right{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    transform:none;
    flex:0 0 calc(100vw - 84px);
    width:calc(100vw - 84px);
    scroll-snap-align:center;
  }

  .testimonial-card h3{
    margin:0 0 13px;
    text-align:center;
    font-size:18px;
    line-height:1.1;
    transform:none;
  }

  .testimonial-card__bubble,
  .testimonial-card--left .testimonial-card__bubble,
  .testimonial-card--center .testimonial-card__bubble,
  .testimonial-card--right .testimonial-card__bubble{
    min-height:auto;
    border-radius:40px;
    padding:28px 26px;
  }

  .testimonial-card__bubble p{
    max-width:100%;
    font-size:13.2px;
    line-height:1.34;
    letter-spacing:-.035em;
    color:#ced8a7;
  }

  .testimonials__arrow{
    display:block;
    z-index:8;
    right:8px;
    top:50%;
    width:18px;
    height:62px;
    transform:translateY(-50%);
  }

  .testimonials__arrow:hover{
    transform:translateY(-50%) translateX(3px);
  }

  .testimonials__arrow--prev{
    left:8px;
    right:auto;
  }

  .testimonials__arrow--prev:hover{
    transform:translateY(-50%) translateX(-3px);
  }

  /* Mobile fruit layout */
  .testimonials__fruit{
    display:block;
    z-index:1;
  }

  .testimonials__fruit--orange{
    width:76px;
    left:auto;
    right:14px;
    top:72px;
  }

  .testimonials__fruit--avocado{
    width:105px;
    left:-54px;
    top:116px;
    transform:scaleX(-1);
    z-index:0;
  }

  .testimonials__fruit--tomato{
    width:62px;
    left:auto;
    right:-8px;
    top:132px;
  }

  .testimonials__fruit--blueberries{
    width:76px;
    left:50%;
    top:auto;
    bottom:54px;
    transform:translateX(-50%);
  }

  .testimonials__fruit--lime{
    width:70px;
    left:18px;
    top:auto;
    bottom:54px;
    z-index:0;
  }

  .testimonials__fruit--leaves-right{
    width:92px;
    right:-38px;
    top:132px;
  }

  .testimonials__fruit--leaves-bottom{
    width:86px;
    left:8px;
    bottom:26px;
  }

  /* Per-slide cleanup so fruit surrounds the active card, not the text */
  .testimonials--slide-0 .testimonials__fruit--blueberries,
  .testimonials--slide-0 .testimonials__fruit--lime,
  .testimonials--slide-0 .testimonials__fruit--leaves-bottom{
    display:none;
  }

  .testimonials--slide-1 .testimonials__fruit--avocado,
  .testimonials--slide-1 .testimonials__fruit--lime,
  .testimonials--slide-1 .testimonials__fruit--leaves-right{
    display:none;
  }

  .testimonials--slide-2 .testimonials__fruit--avocado,
  .testimonials--slide-2 .testimonials__fruit--blueberries,
  .testimonials--slide-2 .testimonials__fruit--leaves-bottom{
    display:none;
  }

  .testimonials--slide-2 .testimonials__fruit--lime{
    display:block;
    left:18px;
    bottom:46px;
  }
}

@media (min-width:561px){
  .testimonials__fruit--blueberries{
    top:clamp(300px,32vw,440px);
  }
}

/* Keep every decorative fruit visible around testimonials on tablet. */
@media (min-width:561px) and (max-width:980px){
  .testimonials__fruit{
    display:block;
  }

  .testimonials__fruit--orange{
    left:calc(50% - 255px);
    right:auto;
    top:78px;
  }

  .testimonials__fruit--tomato{
    left:auto;
    right:22px;
    top:260px;
  }

  .testimonials__fruit--avocado{
    left:-46px;
    top:430px;
  }

  .testimonials__fruit--blueberries{
    left:auto;
    right:34px;
    top:48%;
  }

  .testimonials__fruit--lime{
    left:14px;
    right:auto;
    top:auto;
    bottom:150px;
  }

  .testimonials__fruit--leaves-right{
    right:-28px;
    top:57%;
  }

  .testimonials__fruit--leaves-bottom{
    left:24px;
    bottom:24px;
  }
}

/* Mobile carousel: show all fruit and distribute it around the active card. */
@media (max-width:560px){
  .testimonials .testimonials__fruit{
    display:block !important;
  }

  .testimonials__fruit--orange{
    left:4px;
    right:auto;
    top:70px;
  }

  .testimonials__fruit--tomato{
    left:auto;
    right:-10px;
    top:106px;
  }

  .testimonials__fruit--avocado{
    left:-58px;
    top:205px;
  }

  .testimonials__fruit--leaves-right{
    right:-38px;
    top:235px;
  }

  .testimonials__fruit--lime{
    left:8px !important;
    right:auto;
    top:auto;
    bottom:34px !important;
  }

  .testimonials__fruit--blueberries{
    left:auto;
    right:18px;
    top:auto;
    bottom:36px;
    transform:none;
  }

  .testimonials__fruit--leaves-bottom{
    left:50%;
    bottom:4px;
    transform:translateX(-50%);
  }
}

@media (max-width:380px){
  .testimonial-card,
  .testimonial-card--left,
  .testimonial-card--center,
  .testimonial-card--right{
    flex-basis:calc(100vw - 72px);
    width:calc(100vw - 72px);
  }

  .testimonials__stage{
    padding-left:36px;
    padding-right:36px;
  }

  .testimonial-card__bubble,
  .testimonial-card--left .testimonial-card__bubble,
  .testimonial-card--center .testimonial-card__bubble,
  .testimonial-card--right .testimonial-card__bubble{
    padding:26px 24px;
    border-radius:36px;
  }

  .testimonial-card__bubble p{
    font-size:12.6px;
    line-height:1.3;
  }
}

/* Avocado behind green testimonial cards */
.testimonials__fruit--avocado{
  z-index:0;
}

/* Modern mobile carousel indicators */
.testimonials__dots{
  display:none;
}

.testimonials__dot{
  -webkit-appearance:none;
  appearance:none;
  display:block;
  width:22px;
  height:5px;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  border-radius:999px;
  background:rgba(126,140,99,.38);
  box-shadow:none;
  font-size:0;
  line-height:0;
  cursor:pointer;
  transition:width .25s ease, background-color .25s ease, transform .25s ease;
}

.testimonials__dot::before,
.testimonials__dot::after{
  content:none;
}

.testimonials__dot.is-active{
  width:34px;
  background:#7e8c63;
}

.testimonials__dot:focus,
.testimonials__dot:focus-visible{
  outline:0;
  box-shadow:none;
}

@media (max-width:560px){
  .testimonials__dots{
    position:relative;
    z-index:7;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:12px;
  }
}

/* PSD lower section: testimonials, why NutriUp, contact and footer
   FIX: prethodni fajl je imao otvoren CSS komentar, pa se stilovi ispod nisu uopšte učitavali. */
.testimonials{
  z-index:0;
  margin-top:-1px;
  background:
    linear-gradient(
      to bottom,
      #f4f5e2 0%,
      #f1f3dc 16%,
      #ebefd3 32%,
      #e4ebc8 48%,
      #dce6bc 66%,
      #d6e1b2 84%,
      #d1dda8 100%
    );
  padding-bottom:clamp(6px,1vw,14px);
  font-family:"Poppins",Arial,sans-serif;
}

.why-contact{
  position:relative;
  overflow:hidden;
  background:#d1dda8;
  padding:clamp(8px,1.2vw,16px) 0 0;
  font-family:"Poppins",Arial,sans-serif;
  color:#34432b;
}

.why-contact__inner{
  position:relative;
  z-index:2;
  width:min(100%,1040px);
  margin:0 auto;
  padding:0 clamp(12px,2vw,28px) clamp(58px,6vw,84px);
}

.why-contact__why{
  width:min(100%,780px);
  margin:0 auto 62px;
  text-align:center;
  font-family:"Poppins",Arial,sans-serif;
}

.why-contact__why h2{
  margin:0 0 20px;
  color:#34432b;
  font-size:36px;
  line-height:1.1;
  font-weight:600;
  letter-spacing:-.025em;
}

.contact-block h2{
  margin:0 0 48px;
  color:#34432b;
  font-size:36px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.025em;
}

.why-contact__why ul{
  list-style:none;
  margin:0;
  padding:0;
}

.why-contact__why li{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 auto 26px;
  padding-left:0;
  color:#34432b;
  font-size:30px;
  line-height:.95;
  font-weight:400;
  letter-spacing:-.025em;
  text-align:center;
}

.why-line{
  display:block;
}

.why-line--first{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 auto;
}

.why-line--first::before{
  content:"";
  position:absolute;
  left:-36px;
  top:-.08em;
  width:36px;
  height:36px;
  background:url("../../assets/list.png") center/contain no-repeat;
}

.contact-block{
  width:min(100%,940px);
  margin:0 auto;
  text-align:center;
  font-family:"Poppins",Arial,sans-serif;
}

.contact-block__content{
  display:grid;
  grid-template-columns:minmax(0,400px) minmax(0,414px);
  gap:126px;
  align-items:start;
  text-align:left;
}

.contact-block__info{
  padding-top:clamp(6px,.8vw,10px);
}

.contact-block__info p{
  margin:0 0 30px;
  color:#34432b;
  font-size:clamp(13px,1.15vw,16px);
  line-height:1.25;
  font-weight:400;
  letter-spacing:-.025em;
}

.contact-block__info strong{
  display:block;
  margin-bottom:8px;
  font-weight:700;
}

.contact-block__info br{
  display:none;
}

.contact-block__info a{
  color:#34432b;
  text-decoration:none;
}

.contact-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.contact-form label{
  display:block;
  margin:0;
}

.contact-form label span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  border:0;
  outline:0;
  border-radius:999px;
  background:#8f9d73;
  color:#f7f7e8;
  font:400 clamp(12px,1.05vw,15px)/1 "Poppins",Arial,sans-serif;
  letter-spacing:-.035em;
  min-height:40px;
  padding:10px 24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}


.contact-form select{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  background-image:linear-gradient(45deg, transparent 50%, #f7f7e8 50%),linear-gradient(135deg, #f7f7e8 50%, transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:clamp(40px,3.6vw,52px);
}

.contact-form input[readonly]{
  cursor:default;
}

.contact-form textarea{
  min-height:210px;
  resize:vertical;
  border-radius:clamp(10px,1vw,15px);
  padding-top:clamp(12px,1.1vw,16px);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#f7f7e8;
  opacity:.96;
}

.contact-form button{
  align-self:flex-end;
  min-width:clamp(102px,8.5vw,128px);
  margin-top:clamp(4px,.6vw,8px);
  border:0;
  border-radius:999px;
  background:#8f9d73;
  color:#f7f7e8;
  cursor:pointer;
  font:700 clamp(12px,1.05vw,15px)/1 "Poppins",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.035em;
  padding:clamp(8px,.8vw,11px) clamp(24px,2.4vw,34px);
  box-shadow:0 8px 14px rgba(45,60,31,.14);
  transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.contact-form button:hover{
  transform:translateY(-2px);
  background:#7e8c63;
  box-shadow:0 12px 20px rgba(45,60,31,.18);
}

.why-contact__watermark{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:-2.1vw;
  transform:translateX(-50%);
  width:100vw;
  max-width:none;
  line-height:0;
  pointer-events:none;
  user-select:none;
}

.why-contact__watermark img{
  display:block;
  width:100%;
  height:auto;
  opacity:.62;
}

.site-footer{
  position:relative;
  z-index:4;
  background:#304126;
  color:#f7f7e8;
  font-family:"Poppins",Arial,sans-serif;
}

.site-footer__inner{
  width:min(100%,1100px);
  min-height:clamp(46px,4.2vw,58px);
  margin:0 auto;
  padding:0 72px;
  display:grid;
  grid-template-columns:140px 1fr 140px;
  align-items:center;
}

.site-footer__mark{
  justify-self:start;
  display:flex;
  align-items:center;
  transform:translateY(-3px);
  line-height:0;
}

.site-footer__mark img{
  display:block;
  width:48px;
  height:auto;
}

.site-footer__mail{
  justify-self:center;
  color:#f7f7e8;
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
  text-decoration:none;
}

.site-footer__center{min-width:1px;}

@media (max-width:980px){
  .why-contact__inner{width:min(100%,760px);}
  .why-contact__why{width:min(100%,700px);margin-bottom:50px;}
  .why-contact__why h2,
  .contact-block h2{font-size:30px;}
  .why-contact__why li{font-size:24px;margin-bottom:21px;}
  .why-line--first::before{left:-24px;width:29px;height:29px;}
  .contact-block{width:min(100%,700px);}
  .contact-block__content{
    grid-template-columns:minmax(190px,1fr) minmax(310px,1.18fr);
    gap:50px;
  }
}

@media (max-width:680px){
  .why-reference-break{
    display:none;
  }

  .why-contact__inner{
    padding-left:18px;
    padding-right:18px;
    padding-bottom:68px;
  }

  .why-contact__why{
    margin-bottom:38px;
  }

  .why-contact__why h2,
  .contact-block h2{
    font-size:22px;
  }

  .why-contact__why h2{
    margin-bottom:16px;
  }

  .contact-block h2{
    margin-bottom:24px;
  }

  .why-contact__why li{
    width:max-content;
    max-width:100%;
    padding-left:0;
    font-size:15px;
    line-height:1.08;
    margin-bottom:14px;
  }

  .why-line--first::before{
    left:-17px;
    width:22px;
    height:22px;
  }

  .contact-block__content{
    grid-template-columns:1fr;
    gap:20px;
    text-align:center;
  }

  .contact-block__info{padding-top:0;}

  .contact-form{
    width:min(100%,420px);
    margin:0 auto;
  }

  .site-footer__inner{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
  }

  .site-footer__mark,
  .site-footer__mail{justify-self:center;}
}

@media (max-width:720px){
  .site-footer__inner{
    min-height:42px;
    padding:0 13vw;
    grid-template-columns:34px 1fr auto;
    justify-items:initial;
    text-align:left;
  }

  .site-footer__mark{
    justify-self:start;
  }

  .site-footer__mark img{
    width:34px;
  }

  .site-footer__mail{
    justify-self:end;
    font-size:12px;
    white-space:nowrap;
  }
}

@media (max-width:560px){
  .testimonials__arrow--prev{
    display:none;
  }
}


/* Kontakt u navigaciji skroluje direktno na kontakt formu */
.contact-block{
  scroll-margin-top: 24px;
}

.contact-block:focus{
  outline: none;
}


/* Desktop footer alignment */
@media (min-width: 992px){
  .site-footer,
  .footer{
    align-items:flex-end;
  }
  .site-footer__brand,
  .site-footer__text,
  .footer__brand,
  .footer__email{
    position: relative;
    top: 6px;
  }
}


/* Desktop: spusti veliki NutriUp tekst bliže footeru, bez uticaja na tablet/mobilni */
@media (min-width: 992px){
  .why-contact__watermark{
    bottom:-2.1vw;
  }
}