.elementor-2400 .elementor-element.elementor-element-797db47 > .elementor-container{max-width:950px;}.elementor-2400 .elementor-element.elementor-element-797db47 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2400 .elementor-element.elementor-element-797db47:not(.elementor-motion-effects-element-type-background), .elementor-2400 .elementor-element.elementor-element-797db47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konteinerionuoma.lt/wp-content/uploads/2026/02/pexels-pixabay-414798-e1769097992711.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2400 .elementor-element.elementor-element-797db47 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor2 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2400 .elementor-element.elementor-element-797db47{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 48px 0px;}.elementor-2400 .elementor-element.elementor-element-ea3c554{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2400 .elementor-element.elementor-element-ea3c554 .elementor-heading-title{color:#ffffff;}.elementor-2400 .elementor-element.elementor-element-270cd6a{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:35px 35px 0px 35px;}.elementor-2400 .elementor-element.elementor-element-270cd6a .elementor-heading-title{font-size:30px;}.elementor-2400 .elementor-element.elementor-element-9104f31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 102.232% );max-width:102.232%;--container-widget-width:102.232%;--container-widget-flex-grow:0;}@media(min-width:1025px){.elementor-2400 .elementor-element.elementor-element-797db47:not(.elementor-motion-effects-element-type-background), .elementor-2400 .elementor-element.elementor-element-797db47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2400 .elementor-element.elementor-element-797db47{padding:200px 25px 175px 25px;}.elementor-2400 .elementor-element.elementor-element-ea3c554{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2400 .elementor-element.elementor-element-797db47{padding:150px 20px 100px 20px;}.elementor-2400 .elementor-element.elementor-element-ea3c554{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2400 .elementor-element.elementor-element-270cd6a{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;}.elementor-2400 .elementor-element.elementor-element-9104f31{width:var( --container-widget-width, 406.25px );max-width:406.25px;--container-widget-width:406.25px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-9104f31 *//* Remove the plugin’s built-in heading above the form */
.elementor-2400 .elementor-element.elementor-element-9104f31 h3.comment-reply-title { display: none !important; }


/* === Card wrapper (style to taste) === */
.elementor-2400 .elementor-element.elementor-element-9104f31 #respond{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:#f7f9f7;
  border-radius:14px;
  padding:36px 44px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  box-sizing:border-box;
}

/* === 2-col grid using named areas (order-proof) === */
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
      "note    rating"
      "textarea city"
      "textarea name"
      "textarea email"
      "submit  submit";
  column-gap:48px;
  row-gap:22px;
  align-items:start;
}

/* Map each row to an area */
.elementor-2400 .elementor-element.elementor-element-9104f31 p.comment-notes{            grid-area: note;   }
.elementor-2400 .elementor-element.elementor-element-9104f31 p.review-rating{            grid-area: rating; }
.elementor-2400 .elementor-element.elementor-element-9104f31 p.comment-form-comment{     grid-area: textarea; }

.elementor-2400 .elementor-element.elementor-element-9104f31 p.comment-form-title{       grid-area: city;   } /* your “Miestas” (title) */
.elementor-2400 .elementor-element.elementor-element-9104f31 p.comment-form-author{      grid-area: name;   }
.elementor-2400 .elementor-element.elementor-element-9104f31 p.comment-form-email{       grid-area: email;  }

.elementor-2400 .elementor-element.elementor-element-9104f31 p.form-submit{              grid-area: submit; }

/* If your stars wrapper is a different class, map those too */
.elementor-2400 .elementor-element.elementor-element-9104f31 .ic-reviews-rating,
.elementor-2400 .elementor-element.elementor-element-9104f31 .ic-rating,
.elementor-2400 .elementor-element.elementor-element-9104f31 .ic-stars-wrapper{          grid-area: rating; }

/* Inputs: fill their cell; textarea bigger */
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form input[type="text"],
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form input[type="email"],
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form textarea{
  display:block;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e6e8ea;
  border-radius:10px;
  padding:14px 16px;
  font-size:16px;
  line-height:1.5;
}
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form textarea{ min-height:360px; }

/* Labels */
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form label{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6c6f72;
}

/* Stars + button colors */
.elementor-2400 .elementor-element.elementor-element-9104f31 .review-rating span, .elementor-2400 .elementor-element.elementor-element-9104f31 .review-rating svg,
.elementor-2400 .elementor-element.elementor-element-9104f31 .ic-reviews-rating span, .elementor-2400 .elementor-element.elementor-element-9104f31 .ic-reviews-rating svg{
  color:#55D142 !important; fill:#55D142 !important;
}
.elementor-2400 .elementor-element.elementor-element-9104f31 .form-submit input[type="submit"], .elementor-2400 .elementor-element.elementor-element-9104f31 #respond input#submit{
  background:#55D142 !important;
  border-color:#55D142 !important;
  color:#fff !important;
  border-radius:10px;
  padding:14px 24px;
  font-weight:700;
  min-width:240px;
}
.elementor-2400 .elementor-element.elementor-element-9104f31 .form-submit input[type="submit"]:hover{
  background:#46B533 !important; border-color:#46B533 !important;
}

/* === Mobile: single column + centered button === */
@media (max-width: 980px){
  .elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form{
    grid-template-columns:1fr;
    grid-template-areas:
      "note"
      "rating"
      "city"
      "name"
      "email"
      "textarea"
      "submit";
    column-gap:0;
  }
  .elementor-2400 .elementor-element.elementor-element-9104f31 p.form-submit{ text-align:center; }
  .elementor-2400 .elementor-element.elementor-element-9104f31 .form-submit input[type="submit"]{ margin-left:auto; margin-right:auto; }
  .elementor-2400 .elementor-element.elementor-element-9104f31 #respond{ padding:24px 18px; }
}
/* Inputs focus: subtle green glow */
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form input[type="text"]:focus,
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form input[type="email"]:focus,
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form textarea:focus{
  outline: 0;
  border-color:#55D142 !important;
  box-shadow:0 0 0 3px rgba(85,209,66,.18);
}


/* Bring labels a touch closer and unify row spacing */
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form label{ margin-bottom:6px; }
.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form > p{ margin:0 0 18px; }


.elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form textarea{
  min-height: 380px;          /* a bit taller */
  border-radius: 10px;         /* match inputs */
  resize: vertical;            /* allow user to pull taller */
}


/* Smaller initial textarea on mobile; still expands via your JS */
@media (max-width: 980px){
  .elementor-2400 .elementor-element.elementor-element-9104f31 .comment-form textarea{
    min-height: 160px;   /* was tall; make compact */
    max-height: 60vh;    /* safety cap */
    overflow: auto;      /* scroll if user pastes huge text instantly */
  }
}/* End custom CSS */
/* Start custom CSS *//* === Reviews Carousel === */
#product_reviews{ position: relative; }

/* Track */
#product_reviews .review-list{
  display:flex;
  gap:16px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:8px 8px 16px;
  margin-top:20px;
}

/* Cards */
#product_reviews .review-list .ic_rev_page{
  flex:0 0 clamp(280px, 42vw, 520px);  /* responsive card width */
  scroll-snap-align:start;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  padding:16px 18px;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  list-style:none;
}

/* Optional tidy */
#product_reviews .review-title{ font-weight:700; margin-bottom:6px; }
#product_reviews .review-rating{ margin-bottom:8px; }
#product_reviews .review-left{ margin-right:12px; }
#product_reviews .review-right{ display:block; }

/* Hide scrollbar (keeps scrollable) */
#product_reviews .review-list{ scrollbar-width:none; }
#product_reviews .review-list::-webkit-scrollbar{ display:none; }

/* Edge fade hint */
#product_reviews .rev-fade{
  pointer-events:none;
  position:absolute; top:0; bottom:0; width:48px;
  background:linear-gradient(to right, rgba(249,251,249,1), rgba(249,251,249,0));
}
#product_reviews .rev-fade.rev-left{ left:0; }
#product_reviews .rev-fade.rev-right{ right:0; transform:scaleX(-1); }

/* Nav buttons */
#product_reviews .rev-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  border:1px solid #e3e7ea; background:#fff; color:#2b2f33;
  display:grid; place-items:center; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
#product_reviews .rev-prev{ left:8px; }
#product_reviews .rev-next{ right:8px; }
#product_reviews .rev-nav:hover{ background:#f5f7f8; }

/* Mobile: smaller buttons, no fades (optional) */
@media (max-width: 980px){
  #product_reviews .rev-nav{ width:38px; height:38px; }
  #product_reviews .rev-fade{ display:none; }
}


/* Make the scrolling track the positioning context */
#product_reviews .review-list{
  position: relative;                 /* new */
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 8px 8px 16px;
  margin-top: 20px;
}

/* Cards */
#product_reviews .review-list .ic_rev_page{
  flex: 0 0 clamp(280px, 42vw, 520px);
  scroll-snap-align: start;
  background:#fff; border:1px solid #e9ecef; border-radius:12px;
  padding:16px 18px; box-shadow:0 4px 12px rgba(0,0,0,.04);
  list-style:none;
}

/* Fades sit on the left/right edges of the TRACK */
#product_reviews .review-list .rev-fade{
  pointer-events:none;
  position:absolute; top:0; bottom:0; width:48px; z-index:4;
  background:linear-gradient(to right, rgba(249,251,249,1), rgba(249,251,249,0));
}
#product_reviews .review-list .rev-fade.rev-left{ left:0; }
#product_reviews .review-list .rev-fade.rev-right{ right:0; transform:scaleX(-1); }

/* Nav buttons – positioned relative to the TRACK */
#product_reviews .review-list .rev-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:5;
  width:44px; height:44px; border-radius:50%;
  border:1px solid #e3e7ea; background:#fff; color:#2b2f33;
  display:grid; place-items:center; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
#product_reviews .review-list .rev-prev{ left: -6px; }   /* a bit outside */
#product_reviews .review-list .rev-next{ right: -6px; }

#product_reviews .review-list .rev-nav:hover{ background:#f5f7f8; }

/* Mobile: tuck buttons in or hide them */
@media (max-width: 980px){
  #product_reviews .review-list .rev-nav{ width:38px; height:38px; }
  /* If you want to hide on phones, uncomment:
  #product_reviews .review-list .rev-nav{ display:none; }
  #product_reviews .review-list .rev-fade{ display:none; }
  */
}

/* --- MOBILE: autoplay carousel, no arrows or fades --- */
@media (max-width: 980px){
  #product_reviews .review-list{
    gap: 12px;
    padding: 6px 8px 12px;
    scroll-snap-type: x mandatory;
  }
  #product_reviews .review-list .ic_rev_page{
    flex: 0 0 88vw;           /* ~one card per view */
    max-width: 88vw;
    scroll-snap-align: start; /* snap to the start of each card */
  }
  #product_reviews .review-list .rev-nav,
  #product_reviews .review-list .rev-fade{
    display: none !important; /* hide arrows/fades on phones */
  }
}

@media (max-width:980px){
  /* New compact header line */
  #product_reviews .rev-header-m{
    font-weight:700;
    font-size:18px;
    margin-bottom:8px;
    display:flex;
    gap:6px;
    align-items:center;
    line-height:1.2;
  }
  #product_reviews .rev-header-m .rev-comma{ margin:0 2px; }
  #product_reviews .rev-header-m .rev-city{ opacity:.9; }

  /* Hide original bits on mobile only */
  #product_reviews .rev-hide-mobile-name,
  #product_reviews .rev-hide-mobile-city{
    display:none !important;
  }
}
/* Mobile: show "Name" on first line, "City" under it in grey; no comma */
@media (max-width: 980px){
  #product_reviews .rev-header-m{
    display:flex;
    flex-direction:column;         /* stack name above city */
    align-items:flex-start;
    gap:2px;
    margin-bottom:8px;
  }
  #product_reviews .rev-header-m .rev-comma{
    display:none !important;       /* hide the comma we injected earlier */
  }
  #product_reviews .rev-header-m .rev-name{
    font-weight:700;
    font-size:18px;
    line-height:1.16;
  }
  #product_reviews .rev-header-m .rev-city{
    font-size:14px;
    color:#6b7280;                 /* soft grey */
    font-weight:600;
    line-height:1.1;
    margin-left:0;                 /* stick to the left edge */
    opacity:.9;
  }
}

/* Desktop: show Name on top-left, City under it (grey), no comma */
@media (min-width: 981px){
  #product_reviews .rev-header-m{
    display:flex;
    flex-direction:column;      /* stack city under the name */
    align-items:flex-start;
    gap:2px;
    margin-bottom:8px;
  }
  #product_reviews .rev-header-m .rev-comma{ display:none !important; }
  #product_reviews .rev-header-m .rev-name{
    font-weight:700;
    font-size:20px;
    line-height:1.2;
  }
  #product_reviews .rev-header-m .rev-city{
    font-size:14px;
    font-weight:600;
    color:#6b7280;              /* muted grey */
    line-height:1.15;
    opacity:.95;
  }
  /* Hide plugin’s originals on desktop too */
  #product_reviews .rev-hide-name,
  #product_reviews .rev-hide-city{
    display:none !important;
  }
}
/* Hide any original name/city we mark as duplicate */
#product_reviews .rev-hide-dup{ display:none !important; }

/* Desktop: stacked look (Name, then City) */
@media (min-width: 981px){
  #product_reviews .rev-header-m{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    margin-bottom:8px;
  }
  #product_reviews .rev-header-m .rev-comma{ display:none !important; }
  #product_reviews .rev-header-m .rev-name{
    font-weight:700; font-size:20px; line-height:1.2;
  }
  #product_reviews .rev-header-m .rev-city{
    font-size:14px; font-weight:600; color:#6b7280; line-height:1.15; opacity:.95;
  }
}

/* Mobile: name left, city right (or swap for stacked if you prefer) */
@media (max-width: 980px){
  #product_reviews .rev-header-m{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:baseline;
    gap:8px;
    margin-bottom:8px;
  }
  #product_reviews .rev-header-m .rev-comma{ display:none !important; }
  #product_reviews .rev-header-m .rev-name{
    font-weight:700; font-size:18px; line-height:1.2;
  }
  #product_reviews .rev-header-m .rev-city{
    margin-left:auto; font-size:14px; font-weight:600; color:#6b7280;
    opacity:.95; text-align:right; line-height:1.2;
  }
}

/* =========================
   Reviews carousel — DESKTOP
   ========================= */
@media (min-width: 981px){

  /* 0) Kill legacy bits that can cause white bars or extra arrows */
  #product_reviews .rev-fade,
  #product_reviews .review-list > .rev-nav,
  #product_reviews .rev-wrap    > .rev-nav{
    display: none !important;
  }

  /* 1) Wrapper that stays fixed. Padding creates "lanes" for arrows,
        so arrows never sit on top of text/cards. */
  #product_reviews .rev-wrap{
    position: relative;
    padding: 0 60px;                 /* lane size; tweak to 56–72px if you want more space */
  }

  /* 2) Horizontal track that actually scrolls */
  #product_reviews .review-list{
    display: flex;
    gap: 24px;
    overflow-x: auto;                /* must scroll horizontally */
    overflow-y: visible;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;           /* Firefox: hide bar */
  }
  #product_reviews .review-list::-webkit-scrollbar{ display: none; }

  /* 3) Three cards per row */
  #product_reviews .review-list .ic_rev_page{
    flex: 0 0 calc((100% - 48px) / 3);  /* 2 gaps = 48px */
    max-width: calc((100% - 48px) / 3);
  }

  /* 4) Full-height transparent overlay that centers buttons vertically */
  #product_reviews .rev-wrap .rev-nav-layer{
    position: absolute;
    inset: 0;                        /* top/right/bottom/left: 0 */
    display: flex;
    align-items: center;             /* vertical center */
    justify-content: space-between;  /* buttons at edges */
    padding: 0 8px;                  /* small inset from the lanes */
    pointer-events: none;            /* let hover/scroll pass through the layer */
    background: transparent;
    z-index: 60;
  }

  /* 5) Buttons inside the overlay */
  #product_reviews .rev-wrap .rev-nav{
    pointer-events: auto;            /* buttons are clickable */
    width: 40px; height: 40px;
    border-radius: 999px;
    display: grid; place-items: center;
    background: #fff; border: 0;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    cursor: pointer;
  }
  #product_reviews .rev-wrap .rev-nav[disabled]{
    opacity: .35; cursor: default; box-shadow: none;
  }
}
/* Hide review carousel arrows on mobile */
@media (max-width: 980px){
  #product_reviews .rev-nav-layer,
  #product_reviews .rev-nav,
  #product_reviews .rev-prev,
  #product_reviews .rev-next{
    display: none !important;
  }
}/* End custom CSS */