.vtr-price-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:10px 0 20px;
}

.vtr-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;

  padding:9px 18px;
  min-height:44px;

  border-radius:999px;
  border:1px solid rgba(33,159,147,.32);
  background:rgba(255,255,255,.78);
  color:var(--vtr-heading);

  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
  text-align:center;
  
  cursor:pointer;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 2px 8px rgba(15,23,42,.04);

  transition:all .2s ease;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}

.vtr-tab.is-active{
  background:rgba(215,240,237,.92);
  border-color:rgba(33,159,147,.50);
  color:#0f766e;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 4px 12px rgba(33,159,147,.08);
}

.vtr-tab:hover:not(.is-active){
  background:rgba(40,180,160,.08);
}

.vtr-tab:focus{
  outline:none;
}

.vtr-tab:focus-visible{
  box-shadow:
    0 0 0 3px rgba(33,159,147,.16),
    inset 0 1px 0 rgba(255,255,255,.55);
}

@media (max-width: 430px){
  .vtr-price-tabs .vtr-tab:only-child{
    width:auto;
    max-width:100%;
    white-space:nowrap;
    padding:9px 18px;
    min-height:44px;
  }

  .vtr-tab{
    width:calc(50% - 4px);
    max-width:160px;
    min-height:42px;
    padding:8px 12px;
    font-size:13px;
    line-height:1.2;
    white-space:normal;
    border-radius:22px;
  }

}

@media (max-width: 380px){
  .vtr-tab{
    width:100%;
    max-width:160px;
    min-height:40px;
    padding:8px 12px;
    border-radius:22px;
  }
}

.vtr-price-period{ display:none; }
.vtr-price-period.is-active{ display:block; }


.vtr-prices .vtr-table-scroll{
   overflow-x:auto;
   overflow-y:hidden;
   -webkit-overflow-scrolling:touch;

   border:1px solid rgba(15,23,42,.18);
   border-radius:16px;
   background:rgba(255,255,255,.92);
   background-clip:padding-box;

   margin:10px 0 18px;
   box-shadow:0 8px 20px rgba(15,23,42,.05);
}


.vtr-prices .vtr-price-table{
  width:100% !important;
  height:auto !important;
  min-width:0;

  border-collapse:collapse;
  border-spacing:0;

  border-radius:0;
  overflow:visible;

  background:#fff;

  font-family:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight:400;
  color:var(--vtr-heading);
}

.vtr-prices .vtr-price-table thead th{
  position:sticky;
  top:0;
  z-index:2;

  background:#219f93;
  color:#fff;
  font-weight:600;
  letter-spacing:.2px;

  text-align:center;
  border-right:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(15,23,42,.14);
}
.vtr-prices .vtr-price-table thead th:last-child{ border-right:0; }

.vtr-prices .vtr-price-table th,
.vtr-prices .vtr-price-table td{
  padding:12px 14px;
  vertical-align:middle;
  white-space:nowrap;

  border-right:1px solid rgba(15,23,42,.14);
  border-bottom:1px solid rgba(15,23,42,.14);

  font-weight:400;
  background-clip:padding-box;
}
.vtr-prices .vtr-price-table tr > *:last-child{ border-right:0; }
.vtr-prices .vtr-price-table tbody tr:last-child td{ border-bottom:0; }

.vtr-prices .vtr-price-table tbody td{ text-align:center; }
.vtr-prices .vtr-price-table tbody td:first-child{ text-align:left; }


.vtr-prices{
  --vtr-cat-tint: rgba(33,159,147,.04); 
}

.vtr-prices .vtr-price-table{
  background:#fff;
}

.vtr-prices .vtr-price-table tbody td{
  background:transparent;
}

.vtr-prices .vtr-price-table tbody tr.vtr-cat-alt td{
  background: var(--vtr-cat-tint) !important;
}

.vtr-prices .vtr-price-table tbody tr.section-row td{
  background:#219f93 !important;
  color:#fff !important;
  font-weight:600;
  text-align:center !important;
  border-right:0;
}

.vtr-prices .vtr-price-table td.is-accent{
  color:#0f766e;
  font-weight:600;
}

@media (min-width:1200px){
  .vtr-prices .vtr-price-table th,
  .vtr-prices .vtr-price-table td{
    padding:13px 16px;
    font-size:15px;
  }
}

@media (max-width:768px){
  .vtr-prices .vtr-table-scroll{
    border-radius:14px;
    margin:10px 0 14px;
  }

  .vtr-prices .vtr-price-table{
    width:100% !important;
    min-width:0;               
    table-layout:auto;
  }

  .vtr-prices .vtr-price-table th,
  .vtr-prices .vtr-price-table td{
    padding:8px 6px;
    font-size:13px;
    white-space:normal;
    word-wrap:break-word;
  }

  .vtr-prices .vtr-prices-title{
    font-size:18px;
    line-height:1.2;
  }
}

@media (max-width:420px){
  .vtr-prices .vtr-price-table{
    min-width:0;
  }

  .vtr-prices .vtr-price-table th,
  .vtr-prices .vtr-price-table td{
    font-size:12px;
    padding:6px 4px;
  }
}

.vtr-prices .vtr-conditions{
  --vtr-accent:#0f766e;
  --vtr-ink:#0f172a;
  --vtr-text:rgba(15,23,42,.76);
  --vtr-line:rgba(15,23,42,.10);
  --vtr-border:rgba(15,23,42,.10);
  --vtr-card:rgba(255,255,255,.92);
  --vtr-shadow:0 10px 26px rgba(15,23,42,.06);
  --vtr-radius:16px;

  max-width: 980px;
  margin: 22px auto 0;
}

.vtr-prices .vtr-conditions-title{
  font-weight:600 !important;
  font-size:22px;
  letter-spacing:0.2px;
  color:var(--vtr-heading);
}

.vtr-prices .vtr-tariffs{ display:grid; gap:14px; margin-bottom:14px; }

.vtr-prices .vtr-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.vtr-prices .vtr-mini-card--wide{ grid-column: 1 / -1; }

@media (max-width: 900px){
  .vtr-prices .vtr-mini-grid{ grid-template-columns: 1fr; }
  .vtr-prices .vtr-mini-card--wide{ grid-column:auto; }
}

.vtr-prices .vtr-tariff-card,
.vtr-prices .vtr-mini-card{
  position:relative;
  background: var(--vtr-card) !important;
  border: 1px solid var(--vtr-border) !important;
  border-radius: var(--vtr-radius) !important;
  padding: 16px 18px 14px !important;
  box-shadow: var(--vtr-shadow) !important;
  overflow:hidden;
}

.vtr-prices .vtr-tariff-card::before,
.vtr-prices .vtr-mini-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(520px 260px at 14% 0%,
      rgba(15,118,110,.07) 0%,
      rgba(15,118,110,0) 62%);
  pointer-events:none;
  opacity:1;
}

.vtr-prices .vtr-tariff-card--accent{
  border-color: rgba(15,118,110,.14) !important; /* було .22 */
}

.vtr-prices .vtr-tariff-card--accent::before{
  background: radial-gradient(560px 300px at 16% 0%,
    rgba(15,118,110,.06) 0%,   /* було .10 */
    rgba(15,118,110,0) 66%) !important;
}

.vtr-prices .vtr-tariff-head,
.vtr-prices .vtr-mini-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
  padding-bottom:12px;
  position:relative;
}

.vtr-prices .vtr-tariff-head::after,
.vtr-prices .vtr-mini-head::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background: var(--vtr-line);
}

.vtr-prices .vtr-tariff-head::before,
.vtr-prices .vtr-mini-head::before{
  content:none;
  position:absolute;
  left:46px;
  bottom:-1px;
  width:120px;
  height:2px;
  border-radius:999px;
  background: rgba(15,118,110,.55);
}

.vtr-prices .vtr-tariff-head h3,
.vtr-prices .vtr-mini-head h4{
  margin:0 !important;
  font-weight:800 !important;
  line-height:1.15;
  color: inherit !important;
  font-weight:800;
}

.vtr-checks{
  list-style:none;
  margin:0;
  padding:0;
}

.vtr-checks li{
  position:relative;
  padding-left:26px;
  margin:7px 0;
  line-height:1.35;
  color: var(--vtr-text);
}

.vtr-checks--check li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0f766e;
  font-weight:900;
}

.vtr-checks--dot li::before{
  content:"•";
  position:absolute;
  left:2px;
  top:-2px;
  font-size:18px;
  color:var(--vtr-heading);
  font-weight:900;
}

.vtr-checks strong{
  color: inherit !important;
  font-weight: 800;
}

.vtr-prices .vtr-conditions .vtr-ico{
  display:inline-block !important; 
  vertical-align:middle;
}
.vtr-prices .vtr-conditions .vtr-ico::before,
.vtr-prices .vtr-conditions .vtr-ico::after{
  content:none !important;
}
.vtr-prices h3.vtr-prices-title{
  font-weight:600 !important;   
  font-size:20px;
  letter-spacing:0.2px;
  color:var(--vtr-text);
}

.vtr-checks--packages li{
  display: flex;
  align-items: center; 
  gap: 10px;
}

.vtr-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .4px;
  background: rgba(33,159,147,.18);
  border: 1px solid rgba(33,159,147,.35);
}

@media (max-width: 768px){
  .vtr-pill{
    padding: 3px 8px;
    font-size: 12.0px;
  }
}

.vtr-info-card{
  position: relative;
  padding-bottom: 28px; 
}

.vtr-info-card::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    rgba(33,159,147,0) 0%,
    rgba(33,159,147,.6) 50%,
    rgba(33,159,147,0) 100%
  );
}

.vtr-info-card .vtr-tariff-head{
  text-align: center;
}

.vtr-info-card .vtr-tariff-head h4{
  margin-bottom: 14px;
}

.vtr-info-card .vtr-tariff-head{
  text-align: center;
  position: relative;
  padding-bottom: 18px;
}

.vtr-info-card .vtr-tariff-head::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    rgba(33,159,147,0),
    rgba(33,159,147,.6),
    rgba(33,159,147,0)
  );
}

.vtr-info-card .vtr-tariff-head{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vtr-info-card .vtr-tariff-head h4{
  text-align: center;
}

.vtr-info-card .vtr-tariff-head h4::after{
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width:768px){
  .vtr-prices .vtr-table-scroll{
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width:768px){

  #tab-price .vtr-conditions-title,
  #tab-price .vtr-tariff-card,
  #tab-price .vtr-mini-card,
  #tab-price .vtr-info-top,
  #tab-price .vtr-info-bottom{
    width: calc(100% + 16px);
    max-width: none;
    margin-left: -8px;
    margin-right: -8px;
    box-sizing: border-box;
  }

  #tab-price .vtr-conditions-title{
    padding-left: 16px;
    padding-right: 16px;
  }

}

.vtr-discount-note{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 10px 0 18px;
  text-align: center;
}

.vtr-discount-note__text{
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--vtr-text);
}

@media (max-width: 768px){
  .vtr-discount-note{
    gap: 10px;
    margin: 8px 0 16px;
  }

  .vtr-discount-note__text{
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--vtr-text);
    opacity: 0.9;
  }
}

.vtr-info-top,
.vtr-info-bottom{
  background: linear-gradient(
  90deg,
  rgba(244,247,249,.96) 0%,
  rgba(255,255,255,.94) 60%
);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: 16px 18px 14px;
  box-shadow:
    0 10px 26px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.5);
  margin: 18px 0;
  overflow: hidden;
  position: relative;
}

.vtr-info-top{
  margin-top: 18px;
  margin-bottom: 18px;
  border-color: rgba(15,23,42,.14);
  box-shadow:
    0 16px 40px rgba(15,23,42,.12),
    0 4px 12px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.55);
}

#tab-price{
  padding-top: 14px;
  overflow: visible !important;
}

.vtr-info-top,
.vtr-info-bottom{
  position: relative;
  overflow: hidden;
}

.vtr-info-top::before,
.vtr-info-bottom::before{
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
}

.vtr-info-top::before{
  background: radial-gradient(
    560px 280px at 14% 0%,
    rgba(15,118,110,.06) 0%,
    rgba(15,118,110,0) 64%
  );
}

.vtr-info-bottom::before{
  background: radial-gradient(
    520px 260px at 14% 0%,
    rgba(15,118,110,.07) 0%,
    rgba(15,118,110,0) 62%
  );
}

.vtr-info-top > *,
.vtr-info-bottom > *{
  position: relative;
  z-index: 1;
}

.vtr-info-top p:last-child,
.vtr-info-bottom p:last-child{
  margin-bottom: 0;
}

.vtr-info-top ul,
.vtr-info-bottom ul{
  margin: 0;
  padding-left: 20px;
}

@media (max-width: 768px){
  .vtr-info-top,
  .vtr-info-bottom{
    border-radius: 14px;
    padding: 14px 16px 12px;
    margin: 14px 0;
  }

  .vtr-info-top{
    margin-top: 18px;
    margin-bottom: 14px;
  }
}

.vtr-info-bottom{
  text-align:center;
}

.vtr-info-bottom p{
  text-align:center;
  margin:0;
}

.vtr-info-bottom p::before{
  content:"⚠";
  color:#f59e0b;
  margin-right:10px;
  font-size:14px;
  display:inline-block;
  transform:translateY(1px);
}

.vtr-prices .vtr-tariff-card::after,
.vtr-prices .vtr-mini-card::after{
  content: "";
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(40,180,160,.25) 0%,
    rgba(40,180,160,.95) 50%,
    rgba(40,180,160,.25) 100%
  );
  z-index: 2;
  pointer-events: none;
}

.vtr-prices .vtr-price-table td.vtr-force-fill{
  background: rgba(33,159,147,.04) !important;
  box-shadow: none !important;
}

/* Верхній інфо-блок у вкладці "Ціни" */
#tab-price .vtr-info-top p{
  margin: 0 0 12px;
  line-height: 1.6;
}

#tab-price .vtr-info-top p:last-child{
  margin-bottom: 0;
}

/* Бейдж знижки */
#tab-price .vtr-info-top .vtr-sale-badge{
  display: inline-block;
  margin-right: 10px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 118, 110, 0.28);
  background: rgba(15, 118, 110, 0.10);
  color: var(--vtr-heading);
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
}

/* Текст акції */
#tab-price .vtr-info-top .vtr-sale-text{
  display: inline;
  vertical-align: middle;
}

@media (max-width: 768px){
  #tab-price .vtr-info-top .vtr-sale-badge{
    margin-right: 8px;
    padding: 5px 12px;
  }
}